@charset "utf-8";
/* CSS Document */
/*代码初始化*/
*{ margin:0; padding:0;}
ul,ol{ list-style:none;}
a{ text-decoration:none;}
img{ border:0;}
input,textarea,img{ outline:none;}

body{ font-family:"微软雅黑","宋体","黑体"}
.clear{ clear:both;}
/*公共区域部分*/

/*头部代码开始*/
.header{ width:1100px; margin:0 auto;  height:90px; position:relative; }

.header .logo{ position:absolute; top:15px; left:0;}
.header .nav { position:absolute; bottom:16px; left:300px;}
.header .nav li{ float:left;position: relative; }
.header .nav li a{ display:block; padding:10px 20px 20px; color:#7a7a7a; font-size:14px; transition:0.3s;}

.header li:hover a{ color:#e2445b;}
.header .nav li i{ position:absolute; bottom:0; left:0;  width:100%; height:3px; background:#e86a7c; transform:scaleX(0);
 transition:0.3s; }
.header li:hover i{transform:scaleX(1);}
.header li.on a{ color:#e2445b;}
.header li.on i{transform:scaleX(1);}




.header .tel{ font-size: 18px; position:absolute; top:20px; right:0; color:#e2445b; background:url(../images/phone.png) no-repeat left center; padding:10px 0 0 35px; font-weight:800;}

/*头部代码结束*/


/*海报代码开始*/
.banner{ height:924px; width:100%; min-width:1100px; position:relative; overflow:hidden; }
.banner .pic li{ position:absolute; top:0; left:50%; margin-left:-960px; }
.banner .pic li>img{height:707px; width:100%;}
.banner .pic .cake{ position:absolute; bottom:-220px; right:695px;}
.banner .pic .more{ position:absolute; top:550px; left:412px; height:36px;  width:150px; background:rgba(255,255,255,0.3); font-size:16px; text-transform:uppercase; color:#FFF; text-align: center; line-height:36px; }
.banner .pic .more a{color:#FFF;}

.banner  .btn{ position:absolute; top:313px;  height:100px; width:40px; background:rgba(255,255,255,0.2); font-size:45px; color:#FFF; text-align:center; line-height:100px; cursor:pointer; display:none;}
.banner:hover .btn{ display:block;}
.banner  .btn_l{ left:100px;}
.banner  .btn_r{ right:100px;}
.banner .btn:hover { background:rgba(255,255,255,0.5); color:#F69;}
/*海报代码结束*/

/*产品代码开始*/
.pro{  width:1179px;  margin:70px auto 100px; text-align:center;}

.pro .pro_list { display:inline-block; height:33px;   margin:23px auto 71px;}
.pro .pro_list li{ float:left; width:104px; height:31px; border:1px solid #666; border-radius:31px; margin:26px; cursor:pointer; 
 font-size:14px; color:#666; line-height:31px; text-align:center;}

.pro_list li.on{border-color:#e2445b; color:#e2445b;}
.pro .pro_con{ width:1179px; height:424px;  margin:0 auto; text-align:center; position:relative;}
    /*选项卡*/
.pro .pro_con ul{ position:absolute; top:0; left:0; display:none; text-align:center;}


.pro .pro_con li{ display:inline-block; height:423px; width:365px; background:#0FF; margin:7px; float:left; cursor:pointer; position:relative; overflow:hidden;}

.pro .pro_con li img{ height:100%; width:100%;}
 

.pro .pro_con .gengduo{ height:100%; width:100%; background:#f46578; opacity:0.7; position:absolute; left:0; 
bottom:-424px; transition:0.3s;}
.pro_con .gengduo h2{ font-size:20px; color:#fff; font-weight:100; padding-top:127px; background:url(../images/title_pro.png) no-repeat bottom center; padding-bottom:20px;  }
.pro_con li  .more{ display:block; height:27px; width:116px; border:1px solid #fff; color:#fff; font-size:12px;
line-height:27px; margin:170px auto 129px;}

.pro_con li:hover .gengduo{ bottom:0px; left:0;}
/*产品代码结束*/

/*活动代码开始*/
.activ{  width:100%; min-width:1100px;  }
.activ .show{ overflow:hidden;position:relative; height:630px;}
.activ .one{   position:absolute; top:0; left:50%; margin-left:-960px;}
.activ .two{ position: absolute; left:50%; margin-left:-460px; top:120px;}

.activ .new_pro{ width:1100px; height:443px;  margin:0 auto; margin-top:5px;}
.new_pro li{ height:443px; width:354px; border:1px solid #ccc; float:left; margin-right:16px; }
.new_pro li:last-child{ margin-right:0;}

.activ .new_pro .tu{ height:289px; width:333px; margin:12px auto 0; cursor:pointer;overflow:hidden; }
.new_pro .tu img{ height:289px; width:333px; transition:0.3s;}
.activ .tu:hover img{ transform:scale(1.2,1.2)}

.new_pro li h3{ font-size:14px; color:#e3475d; text-align:center; margin-top:14px; font-weight:100;}
.new_pro li p{ text-align:center; font-size:18px; color:#e3475d; line-height:1.5em;}
.new_pro li .jie{ font-size:12px; color:#666; margin-top:6px;}
.new_pro li a{ display:block; height:34px; width:134px; text-align:center; line-height:34px; margin:8px auto 0; border:1px solid #ccc; color:#666; font-size:14px; transition:0.3s;}
.new_pro a:hover{ background-color:#e3475d; border:0; color:#fff;}
/*活动代码结束*/


/*关于我们代码开始*/
.about{ width:100%; min-width:1100px;  background:url(../images/about_bg.png)  no-repeat center; margin-top:100px; }
.about .center{ width:972px; margin:0 auto;  margin-top:35px;}
.about .center .con{ height:519px; width:100%;   position:relative;}
.about .center img{ position:absolute; top:0; left:438px;}
.center .con .box{ width:437px; height:519px; background:  url(../images/about_bg1.png) no-repeat center; position:absolute; }
.about .con .about_l{ bottom:0; left:0;  }
.about .about_l  img{ position:absolute; top:70px; left:142px; }

.box h2{ color:#e3475d; font-size:36px; position:absolute; top:190px; left:138px;}
.box p{ font-size:14px; color:#666; width:367px; text-align:center;}
.box .up{ position:absolute; top:270px; left:31px; line-height:1.5em;}
.box .xian{ height:1px; width:367px; background:#ccc;position:absolute; top:318px; left:31px; }
.box .down{position:absolute; top:328px; left:31px; line-height:1.5em; color:#888;}
.box a{ display:block; color:#e3475d; font-size:14px; text-transform:uppercase; line-height:39px; width:189px; height:39px; text-align:center;  position:absolute;top:415px; left:110px; border:1px solid #e3475d; }
.box a:hover{ border:0; background-color:#e3475d; color:#fff;}


.about .con .about_r{ bottom:0; right:0; }
.about .about_r img{ position:absolute; top:20px; left:146px;}
.about .center .time{ height:200px; width:972px; border-top:1px solid #ccc; margin-top:10px;}
.about .time .time_l{ width:343px; background: url(../images/xian2.png) no-repeat right center; height:200px; float:left;position: relative; }
.time .time_l .num{ position:absolute; left:0; top:12px;}
.time .time_l p{ font-size:12px; color:#666; margin-top:116px; text-align: left; width:280px;}

.about .time .time_r{ height:200px; width:578px;  float:right;}
.time_r .year{ padding:46px 30px 0;}
.time_r .year li{ float:left; font-size:24px; color:#333; margin-right:153px;}
.time_r .year li:last-child{ margin-right:0;}
.time_r .year li p{ font-size:14px; color:#666; text-transform:capitalize;}
.time_r .year li:hover { color: #F36;}
.time_r .year li:hover p{color: #F36;}

.time .time_r .dian{ height:11px; width:578px;  padding-top:11px; background: url(../images/dian_a.png) no-repeat left; margin-top:15px; }


.time_r .text{ margin-top:23px;}
.time_r .text li{ float:left; width:116px; text-align:center; line-height:1.5em; font-size:12px; color:#666; margin-right:95px;}
.time_r .text li:last-child{ margin-right:0;}
/*关于我们代码*/


.footer{ width:100%; height:306px; background:#e3475d; margin-top:80px;}
.footer .foot_con{  width:1100px; margin:0 auto; padding-top:52px;}
.foot_con  .ft_con_l{ float:left;}
.foot_con  .ft_con_l .erweima{ margin:18px 0 20px 26px; }
.foot_con  .ft_con_l .tubiao{ margin:0 0  57px 25px;}
.ft_con_l .tubiao li{ float:left; margin-right:20px;}

.foot_con  .ft_con_r{ float:left; margin-left:42px; padding-top:30px;}
.ft_con_r dl{ float:right; padding:0 35px 0; border-right:1px solid  #CCC; height:150px;}
.ft_con_r dl dt{ font-size:14px; color:#fff; line-height:1.5em; margin-bottom:10px;}
.ft_con_r dl dd a{ font-size:12px; line-height:1.5em; color:#fff; }
.ft_con_r dl dd{ margin-bottom:10px;}

.copy{ height:63px; width:100%; min-width:100%; background:#333; text-align:center; font-size:12px; color:#fff; line-height:63px;}









/*********************************产品页代码样式*******************************************/

.banner_two{ width:100%; height:550px; min-width:1100px; position:relative; overflow:hidden;}
.banner_two img{ position:absolute; top:0; left:50%; margin-left:-960px;}

/*内页产品开始*/
.cha{ width:1100px;  margin:40px  auto 28px;}
.cha .cha_l{ width:332px; height:49px;  float:left; position:relative;}
.cha .cha_l form{ position:relative;}
.cha .cha_l form input{ width:322px; height:42px; border:1px solid #ea596d; border-radius:40px; font-size:14px; color:#666;
padding-left:10px;}
.cha .cha_l form .go{ display: block; height:35px; width:100px; border:0; background:#ea596d; font-size:14px; color:#fff; text-align:center; line-height:36px;
 border-radius:35px; position:absolute;  top:4px; right:5px;}
.cha .cha_r{ float:right; height:49px; width:458px;}
.cha .cha_r h3{ font-size:18px; color:#ea596d; font-weight:100; margin-top:14px; float:left;}
.cha .cha_r ul{ float:right;}
.cha_r ul li{ float:left;}
.cha_r  li a{ font-size:16px; display:block;line-height:48px; padding:0 10px; color:#666;}
.cha_r  li:hover a{ color:#333; border-bottom:1px solid #ea596d;}


   /*优惠券开始*/
.quan{ width:100%; height:228px; background:url(../images/bg_4.png) no-repeat center;} 
.quan .mid{ width:1100px; margin:0 auto; height:228px;}
.quan a{  padding:60px 62px 0 85px; float:left;}
   /*优惠券结束*/
   
   /*产品展示区域开始*/
.pro_show{ width:1100px; min-height:800px; margin:0 auto;}
.pro_show .show_list { height:33px; margin:75px auto 71px; text-align:center;}
.pro_show .show_list li{ width:104px; height:31px; border:1px solid #666; border-radius:31px; cursor:pointer;  font-size:14px; color:#666;line-height:31px; display:inline-block; margin:0px 10px;} 




.pro_show .show_list li.on{ border-color:#e2445b; color:#e2445b;}

.pro_show .pic li{ width:265px; height:210px; background:green; float:left; margin:5px; position:relative; overflow:hidden;}
.pro_show .pic li img{ width:100%; height:100%;}
.pro_show .pic li:first-child{ width:540px; height:430px;}


.pro_show .pro_lun{ position:relative; min-height:910px; }
.pro_show .pro_lun .pic{ position:absolute; top:0; left:0; display:none;}


.pro_show .pic li .down{ width:100%; height:100%; background:rgba(227,71,93,0.5); position:absolute; bottom:-100%; left:0; z-index:99; text-align:center; transition:0.3s;}
.pro_show .pic li:hover .down{ bottom:0; left:0;}
.pic li .down .xian_t{ height:1px; width:105px; background:#FFF; margin:20% auto 3%;}
.pic li .down h2{ font-size:14px; color:#fff; }
 .pic li .down p{ color:#fff; font-family:"Brush Script Std"; background: url(../images/xian_b.png) no-repeat center; font-size:12px;}
.pic li .down .buy{  height:18px; font-size:12px; color:#fff; line-height:18px; width:75px; margin:20% auto; border:1px solid #fff; }

        /*产品展示区域结束*/
.page{ width:310px; height:32px; margin:50px auto; }
.page li{ float:left; margin:5px;}
.page li a{ display:block; padding:0 8px; border:1px solid #ccc; font-size:14px; color:#666; line-height:30px;}
.page li:hover a{ background:#e3475d; color:#fff;}
 
/*内页产品结束*/

.bao{ height:147px; width:100%;  background:#f2eff0; margin-top:150px;}

.bao ul{ width:1260px; margin:0 auto;  text-align:center;}
.bao ul li{ display:inline-block; margin:0 80px; position:relative; }
.bao ul img{ position:absolute; top:-60px; left:0;}
.bao ul h2{ padding-top:80px; color:#777;}


.f_pro{ margin-top:0;}
/****************************************食材页代码开始***********************************/

/*海报代码开始*/
.banner_f{ width:100%; min-width:1100px; height:529px; position:relative; overflow:hidden; margin-bottom:80px;}
.banner_f img{ position:absolute; left:50%; top:0; margin-left:-960px;}
/*海报代码结束*/


/*食物代码开始*/
.food{ width:1100px;  margin:0 auto 200px; text-align:center;}
.food .f_con{ width:1100px;  padding-top:45px;}
.f_con .box { width:380px; min-height:100px;  margin:5px; float:left;text-align:left; }
.f_con .f_m{ width:310px; height:739px; background:#efc96f;}

.f_con .f_m .bian{ height:611px; width:254px; border:1px solid #fff; margin:13px; padding:130px  0  0 30px ;  position:relative;}
.f_m .bian h2{ color:#fff; font-size:24px; position:absolute; top:60px; left:65px;}
.f_m .bian p { color:#fff; font-size:12px; text-align:center; line-height:1.7em; width:220px;}
.f_m .bian img{ position:absolute; left:-160px; top:172px;}




.f_con .box .f_title{ width:380px; background:url(../images/biao_1.png) no-repeat left top; padding-left:70px; position:relative; top:1000px; }
.f_con.on  .f_title{top:0;}
.f_1{transition:0.5s;}
.f_2{transition:0.5s 0.3s;}
.f_3{transition:0.5s 0.6s;}
.f_4{transition:0.5s 0.9s;}
.f_con .box .f_title h3{ font-size:30px; color:#81a92f; }
.f_con .box .f_title .xian_b{ height:1px; width:311px; background:#81a92f; margin:4px 0;}
.f_con .box .f_title span{ font-size:12px; color:#81a92f;}
.f_con .box .f_title p{ width:270px; font-size:14px; color:#666; line-height:1.65em; text-align:left; margin-top:13px;}

.f_con .f_l .f_l_btm{ margin-top:132px;}
.f_l .f_l_btm .f_title{ background:url(../images/bread.png) no-repeat left top;}
.f_l .f_l_btm .f_title h3{ color:#e2445b;}
.f_l .f_l_btm .f_title .xian_b{background:#e2445b; }
.f_l .f_l_btm .f_title span{ color:#e2445b;}



.f_con .f_r{ padding-top:90px;}
.f_con .f_r .f_title{ width:310px; padding-left:0;background:url(../images/bread.png) no-repeat right top; padding-right:70px; text-align:right;}
.f_con .f_r .f_title p{ text-align:right; margin-left:35px;}
.f_con .f_r .f_r_t h3{ color:#f6be4d;}
.f_con .f_r .f_r_t .xian_b{ background:#f6be4d;}
.f_con .f_r .f_r_t span{ color:#f6be4d;}

.f_con .f_r .f_r_b{ margin-top:110px;}
.f_con .f_r .f_r_b h3{ color:#a1d0d6;}
.f_con .f_r .f_r_b .xian_b{ background:#a1d0d6;}
.f_con .f_r .f_r_b span{ color:#a1d0d6;}


/*食物代码结束*/


/*视频代码开始*/

.video{ width:100%; height:396px; position: relative; overflow:hidden; }
.video .video_pic{ position:absolute; top:0; left:50%; margin-left:-960px;}
.video h2{ color:#fff; font-size:36px; position:absolute; top:25%; left:40%;}
.video span{ color:#fff; font-size:24px; position:absolute;top:40%; left:42%;}
.video p{ position:absolute; top:57%; left:32%; text-align:center; color:#fff; width:540px; font-size:12px; line-height:1.5em;}
.video .video_btn{ position:absolute; top:75%; left:47%; cursor:pointer;}



.video_fix{ width:600px; height:400px;  position:fixed; top:0; left:0; bottom:0; right:0;
 margin:auto; z-index:100; display:none;}
.video_fix .shipin{ width:600px; height:400px; background:#ccc;}
.video_fix .close{ width:40px; height:40px; background:#666; color:#fff; text-align:center; line-height:40px; font-size:26px; position:absolute; top:0; right:-40px; font-family:"宋体"; cursor:pointer;}
.video_fix .close span{ transition:0.3s}
.video_fix .close:hover span{ transform:rotate(90deg);}
.back{ position:fixed; top:0; left:0; width:100%; height:100%; background:#000; opacity:0.7; z-index:99; display:none;}
/*视频代码结束*/

/*感动区域开始*/
.best{ height:518px;  width:1100px; margin:90px auto 140px; position:relative;}
.best .b_text{ height:518px; width:777px; background:#e3475d; float:right; }
.best .b_text .b_border{ height:492px; width:751px; margin:13px; border:1px solid #fff; padding:60px 48px 113px 62px; box-sizing:border-box; }

 .b_text .b_border h2{ font-size:31px; color:#fff; margin-bottom:23px; }
 .b_text .b_border p{ width:610px; color:#fff; line-height:1.5em; font-size:14px; text-align:left;}
 .b_text .b_border h3{ font-size:18px; color:#fff; margin:13px 0;}
 .b_text .b_border .tiao{ height:2px; width:65px; background:#FFF; margin-bottom:30px;}
.best img{ position:absolute; top:110px; left:-50px;}
/*感动区域结束*/
/**************************************食材页代码*************************************/





/**************************************活动页代码*************************************/
/*海报区域*/
.banner_a{ width:100%; min-width:1100px; height:768px; position:relative; overflow:hidden;}
.banner_a img{ position:absolute; left:50%; top:0; margin-left:-960px;}
.banner_a .more{ height:48px; width:198px; border:1px solid #fff; border-radius:48px; position:
absolute; top:55%; left:65%; text-align:center;  line-height:48px; text-transform:uppercase;}
.banner_a .more a{font-size:14px; color:#fff;}
/*海报结束*/


/*最新活动区域*/
.new_atv{ width:1100px;  margin:85px auto 55px;}
.new_atv .public{ width:550px; height:322px;  float:left;}
.new_atv .public img{ height:100%; width:100%;}
.new_atv .public_wen{ text-align:right;}
.new_atv .public_wen h2{ font-size:36px; color:#666; text-transform:uppercase;margin-bottom:13px; }
.new_atv .public_wen span{ color:#666; font-size:12px; }
.new_atv .public_wen .xian{ height:1px; width:432px; background:#666;  margin:8px 0 15px 116px;}
.new_atv .public_wen h3{ color:#666; font-size:18px;}
.new_atv .public_wen p{ font-size:12px; color:#666; width:460px; text-align:right; line-height:1.65em; margin-top:40px; margin-left:92px;}
.new_atv .public_wen .xiangqing{ display:block; text-align:center; line-height:35px; width:160px; height:35px;  background:#e2445b; border-radius:10px; color:#fff; font-size:12px; margin:60px 0 0 382px;}
.new_atv .pic_l{ overflow:hidden;}
.new_atv .pic_l img{ transition:0.3s;}
.new_atv .pic_l:hover img{ transform:scale(1.2,1.2);}
.new_atv .pic_r{ overflow:hidden;}
.new_atv .pic_r img{ transition:0.3s;}
.new_atv .pic_r:hover img{transform:scale(1.2,1.2);}

.new_atv .wen_l{ text-align:left;}
.new_atv .wen_l .xian{margin:8px 116px 15px 0;}
.new_atv .wen_l p{ text-align:left; margin-right:92px;  }
.new_atv .wen_l .xiangqing{margin:60px 382px 0 0;}
/*最新活动结束*/



/*产品优惠 新品*/

.news{ width:1100px; margin:100px auto; }
.news .change{ height:30px; width:100px; border:1px solid #666; float:left; text-align:center; line-height:30px; border-radius:25px; font-size:14px; color:#666; margin:10px;}
.news .change:hover{ color:#e2445b; border-color:#e2445b; cursor:pointer;}

.news .news_con{ position:relative;height:760px;}
.news .news_con .lun{ position:absolute; top:0; left:0; display:none;}

.news .news_con .public_new{ height:155px; width:1100px; border:1px solid #666; border-radius:10px; padding:15px 30px 15px 14px; box-sizing:border-box; margin:36px 0; transition:0.3s;  }
.news .public_new .new_pic{ float:left;}
.news .public_new .text{ float:left; margin-left:70px; padding-top:20px;}
.public_new .text h3{ font-size:16px; color:#333; font-weight:100; margin-bottom:15px;}
.public_new .text p{ width:529px; font-size:12px; color:#666; line-height:1.5em; text-align:left;}
.public_new .date{ float:right;}
.public_new .date { font-size:30px; color:#666;}
.public_new .date span{ display:block; font-size:14px;}
.public_new .date .jian{ display:block; height:31px; width:31px; background:url(../images/tou.png) no-repeat left center; margin-top:20px; transition:0.3s; overflow:hidden;}
.news .public_new:hover{ background-color:#efc96f; border:0; color:#fff; }
.news .public_new:hover .text h3,.news .public_new:hover .text p{ color:#fff;}
.news .public_new:hover .date { color:#fff;}
.news .public_new:hover .date .jian{ background-position:right; margin-left:40px;}



/*产品优惠 新品*/

/**************************************活动页代码*************************************/



/**************************************关于我们页面*******************************/


/*关于我们海报*/
.banner_ab{ width:100%; height:450px; position:relative; overflow:hidden;}
.banner_ab img{ height:450px; position:absolute; top:0; left:50%; margin-left:-960px;}
/*关于我们海报结束*/

/*品牌代码区域*/
.n_about{ width:100%; padding:80px 0;}
.n_about .title{ text-align:center;}

.n_a_list .yuan{ display:inline-block; margin:50px 73px; height:150px; width:150px; border:1px solid #666; border-radius:50%;  }
.n_a_list .yuan .pic{ height:46px; width:51px; overflow:hidden; background:#F9C; margin:15px 50px 0;  }

.n_a_list .yuan .chang{ height:1px; width:22px; background:#666; margin:12px 64px 0;}
.n_a_list .yuan h2{ font-size:14px; color:#666; font-weight:100; margin-top:15px;}
.n_a_list .first .pic{ background:url(../images/first.png) left center;}
.n_a_list .second .pic{ background:url(../images/sec.png) left center; }
.n_a_list .third .pic{ background:url(../images/thir.png) left center;}
.n_a_list .yuan:hover { border-color:#e2445b;}
.n_a_list .yuan:hover  .pic{ background-position:right; }

.n_a_list .yuan:hover h2{ color:#e2445b;}


.n_about .pinpai{ height:474px; width:100%; background:url(../images/pinpai_bg.jpg) no-repeat center; margin-top:55px; text-align:center;color:#fff; }
.n_about .pinpai .pinpai_con{ width:1100px; margin:0 auto;position:relative;}
.n_about .pinpai .start{ height:457px; width:251px; background:#e2445b; position:absolute; top:-25px; left:0;}
.pinpai .start .ren{ height:152px; width:152px; margin:10px auto 23px;}
.pinpai .start h2{ font-size:14px; margin-top:18px; font-weight:100;}
.pinpai .start p{ margin-top:15px;}
.pinpai .start .t_b{ font-size:12px; line-height:1.65em; text-align:center; margin-top:50px;}



.pinpai .shuoming{ height:421px; width:670px; position:absolute; top:15px; left:355px;}
.pinpai .shuoming .top{ height:370px; width:670px; background:#fff; position:absolute; top:0;left:0; }
.pinpai .shuoming .top .top_b{ height:350px; width:650px; border:1px solid #666; margin:10px; padding:40px 65px 45px; box-sizing:border-box; }
.pinpai .top_b .story{ background: url(../images/a_xian.png) no-repeat center; width:100%; height:40px;   margin-bottom:30px;}
.top_b .story .story_top{ height:40px; width:135px; background:#e2445b; margin:0 auto; line-height:40px; text-align:center;}

.top_b p{ width:508px; color:#666; font-size:12px; line-height:1.5em; text-indent:2em; text-align: justify; margin:10px 0; }
.shuoming  .num { height:50px; width:100%;  text-align:center; position:absolute; bottom:0; left:0;}
.shuoming  .num .dian{ height:10px; width:10px; background: #FFF; border-radius:50%; display: inline-block; margin:25px;}
.shuoming .dian.on{ background:#e2445b;}

/*品牌代码区域*/ 

/*我们的团队区域*/
.team{ width:1113px; margin:0 auto; text-align:center;}
.team .team_con{ width:1113px;  padding-top:40px;}
.team .team_con .name{ height:523px; width:351px; background:#efc96f; float:left; margin:0 9px; border:1px solid #efc96f; transition:0.3s; position:relative; top:0;}
.team_con .name .chu{ height:259px; width:100%; margin-bottom:20px;}
.team_con .name .chu img{ height:100%; width:100%;}

.team_con .name:hover{ top:-10px; box-shadow:0 5px 15px #ccc;}


.team_con .adv .adv_top{ height: 77px;border-bottom:2px solid #fff; }
.adv_top .adv_t_l{ margin-left:20px; color:#fff; float:left; text-align:left; }
.adv_top .adv_t_l span{  font-size:16px;}
.adv_top .adv_t_l p{ font-size:14px; opcity:0.6; margin-top:12px;}
.adv_top .adv_t_r{ display:block; float:right; height:30px; width:30px; border-radius:50%;  line-height:30px; text-align:center; margin:20px 20px 0 0; }
.adv_t_r img{ margin-top:5px;}
.adv_top .adv_t_r:hover{ background:#F36;}

.team_con .adv .adv_bottom{ width:302px; color:#fff; font-size:12px;   }
.adv_bottom p{margin:32px  0 10px 31px;line-height:1.5em; text-align:left;}

/*我们的团队区域*/




/**************************************关于我们页面*************************************/






/**************************************联系我们页面*************************************/
/*联系我们公司代码*/
.n_contact{ width:1100px; margin:0 auto; }
.n_contact .n_title{ text-align:center; padding-top:55px;}
.n_contact .n_con{ width:1100px; padding-top:70px;}
.n_con .n_c_l{ height:571px;float: left; position:relative;}
.n_con .n_c_l .n_pic{ height:571px; width:420px; position:absolute; left:16px; top:-25px;}
.n_c_l .n_pic img{ height:571px; width:420px;}
.n_con .n_c_l .n_b{ height:556px; width:409px; border:1px solid #e2445b; position:absolute; left:0; top:0;}

.n_con .n_c_r{float:right;  margin-right:100px; min-height:200px; width:525px;}
.n_con .n_c_r h2{ font-size:24px; color:#e2445b; margin-bottom:60px;}
.n_con .n_c_r p{ font-size:18px; line-height:2.5em; color:#666; text-align:left;}

/*联系我们公司代码*/


.ditu{ width:100%; height:700px;  margin-top:80px; background:url(../images/map.jpg) no-repeat center; border:1px solid #ccc; overflow:hidden; }


/*提交表单*/
.biao{ width:1100px; margin:0 auto;  margin-top:70px;}
.biao .liuyan{  margin:0 auto; background:url(../images/liuyan_bg.png) no-repeat center; }
.liuyan p{text-align:center; margin:0 450px;  height:40px; width:200px; line-height:40px; background:#e2445b;font-size:18px; color:#fff; }

.biao .dan{ margin-top:60px;width:1100px; font-size:12px;}
.biao .dan .left_b{ float:left; text-align:right;}
 .dan .left_b .row input{ height:30px; width:250px; margin:15px 0; margin-left:10px;}
.biao .dan .right_b{ float:right;  }
.dan .right_b .row input{ height:175px; width:600px; margin-left:10px;}
.dan .sub{ height:40px; background:#e0475c; outline:none; border:0; width:100%; color:#fff; margin-top:60px;}

/*提交表单*/

/**************************************联系我们页面*************************************/