﻿*{box-sizing:border-box;margin:0; padding:0; list-style:none; font-family: "微软雅黑"; font-size:14px; }
a{ text-decoration:none; color:#333; transition: all 0.3s; -o-transition: all 0.3s; -mos-transition: all 0.3s; -webkit-transition: all 0.3s;  }
a:hover{text-decoration:none}
h1,h2,h3,h4,h5,h6{font-weight:normal; margin: 0;}
hr{ border:none;}
.clear{ clear:both;}
p,ul{margin: 0;}
img{ border:0; vertical-align:middle; }
input,textarea{outline:none;}
.container{width:1200px; margin:0px auto;}
.r{float:right;}
.l{float:left;}
.w1200{ width:1200px; margin: 0 auto; }



/*头部*/

.header{height:110px; width: 100%; position: fixed;  top: 0;left: 0; right: 0; background: #fff; z-index: 99; box-shadow: 0 0 10px #999; }
.header_top{width: 100%; height:40px;line-height: 40px; }
.header_top .container{height: 100%;}
.header_right{ width: 100%; height:100%; font-size:12px;color:#333; line-height:40px;}
.header_right p{ font-size: 14px; color:#c1c1c1; float: left; padding-left: 30px;}
.header_right div{float:right}
.header_right a{color:#c1c1c1}
.header_right img{ float: left; margin-top:7px; margin-right: 5px;}
.header_right .header_wx{ width:200px; height: 100%; margin-right: 8px; font-size: 14px; color:#c1c1c1}
.header_wx h3{ float:right; font-size: 18px; color: #298d53; line-height: 40px; font-weight: bold}
.header .container{height: 100%; }
.header_phone{ float:right; margin-top: 30px; }
.top{float: left; height:100%; width: 755px; margin-left:11px;}
.top-middle{width:100%;margin:0 auto;}
.top-middle>img{margin-top:26px; float: left;}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.nav{position: relative}
.nav a{ color:#333;}
.nav .nLi{ float:left;  position:relative; display:inline; height: 111px;}
.nav .nLi h3{ float:left;text-align: center;width:93px; margin-top: 15px; }
.nav .nLi h3 p{width:70px; height: 100%; float: left}
.nav .nLi h3 a{ display:block;  font-size:15px; font-weight:normal; color:#222222; line-height: 100px; }
.nav .nLi h3 i{  background: url(../images/xia.png) no-repeat left center; float: left; width:10px; height:100%; display: block; display: none}
.nav .sub{ display:none;left:-10px; top:110px;  position:absolute;  line-height:26px; padding:0; width:110px;     z-index: 999;  }
.nav .sub li{ zoom:1; border-bottom: 1px solid #eeeeee;  height:40px; line-height: 40px;  background:#33ae00;text-align: center; }
.nav .sub li p{ width:100%; float: left; margin: 0px; }
.nav .sub li span{ float: right;}
.nav .sub a{ display:block; padding:0 10px; color: #fff; font-size: 12px; height: 100%; }
.nav li.active h3{}
.nav li.active h3 a{ color: #33ae00}
.sub li:hover a{color:#fff; background: #ffa112; }
.logo{float:left; width:260px; margin-top: 33px;}
.logo a img{height: 100%; width: 100%; }
.nav .nLi:hover i{ display: block; }
.nav_active{width:35px; height: 29px; position: absolute; top: 40px; left: 0px; background: url(../images/active.png) no-repeat;}
.bootom{ background: url(../images/index.jpg) no-repeat center; height: 5484px;  }
.header_phone p > img{ padding-right:5px; }
.header_phone p { color: #333; }
.header_phone > h3{ font-size: 24px; font-weight: bold; }

/*banner*/
.index_top{width:100%; height: 600px; margin-top: 110px; }
.index_top .slideBox{ width:100%; height:600px; overflow:hidden; position:relative; }
.index_top .slideBox .hd{ height:22px; overflow:hidden; position:absolute; right:50%; bottom:25px; z-index:1;  margin-right: -58px;}
.index_top .slideBox .hd ul{ overflow:hidden; zoom:1; float:left;  }
.index_top .slideBox .hd ul li{ float:left; margin-right:15px;  width:18px; height:18px;  border-radius:50%; border:1px solid #fff; cursor:pointer; }
.index_top .slideBox .hd ul li.on{ background:#fff;}
.index_top .slideBox .bd{ position:relative; height:100%; z-index:0;width:100%  }
.index_top .slideBox .bd ul{height: 100%;width:100%}
.index_top .slideBox .bd li{ zoom:1; vertical-align:middle; height: 100%;width:100%}
.index_top .slideBox .bd li a{height: 100%;width:100%; display: block; overflow:hidden}
.index_top .slideBox .bd img{ width:100%; height:100%; display:block;  }



/*新品上市*/
.index_product{width:100%; height: auto; display: block; overflow: hidden; margin-top: 66px;}
.index_product .index_title{width:100%; height:126px; background: url(../images/pro_t.png) no-repeat center; font-size: 48px; font-weight: bold; text-align: center; line-height: 110px; color: #33ae00; }
.index_product_info,.index_product_info ul{width:100%; height: auto; display: block; overflow: hidden; }
.index_product_info{margin-top: 32px;}
.index_product_info li{width:50%; float: left}
.in_pro_pic{width:300px; height: 274px; float: left; overflow: hidden}
.in_pro_pic img{ width:100%; height: 100%; transform: scale(1);
    transition: all 1s ease 0s;
    -webkit-transform: scale(1);
    -webkit-transform: all 1s ease 0s;}
.in_pro_xx{width:300px; float: left; padding: 33px 46px 0; height: 274px;  }
.in_pro_xx .hjt{background: url(../images/jtt.png) no-repeat; width: 37px; height: 30px; display: block;}
.in_pro_xx h3,.in_pro_rxx h3{font-size: 24px; color: #222222; font-weight: bold; margin-bottom: 10px; margin-top: 30px;}
.in_pro_xx p,.in_pro_rxx p{ font-size: 13px; color: #999999; line-height: 25px;}
.ljt{background: url(../images/ltt.png) no-repeat right; width: 100%; height: 30px; display: block;}
.in_pro_rxx{width:300px; float: left;  padding: 35px 46px 0 0;  text-align: right; height: 274px;  }
.index_product_info li:hover .in_pro_xx,.index_product_info li:hover .in_pro_rxx{background: #33ae00; }
.index_product_info li:hover h3,.index_product_info li:hover p{color:#fff}
.index_product_info li:hover img{transform: scale(1.05);transition: all 1s ease 0s;-webkit-transform: scale(1.05);-webkit-transform: all 1s ease 0s;}
.index_product_info li:hover .hjt{background: url(../images/jtt_h.png) no-repeat right; }
.index_product_info li:hover .ljt{background: url(../images/ltt_h.png) no-repeat right; }



/*关于我们*/
.index_about{width:100%; height: 1110px; display: block; overflow: hidden; background:#33ae00; background-size: 100% 100%; margin-top: 55px;}
.index_about_t{width:1002px; height: 141px; margin: 70px auto 0;}
.index_about_jj{width:100%; height: auto; line-height: 30px;  text-align: center; margin: 30px auto 30px;}
.index_about_jj p{font-size: 16px; color: #333333;}
.index_about_info{width:100%; height: auto;  position: relative; padding-top: 10px;}
.index_about_info .info_img{  margin: 0px auto; display: block;  margin-top: 18px;}

.about_xx{position: absolute; }

.about_t{width:150px; height: 150px; background: #fff; text-align: center; border-radius: 50%; padding-top: 40px; margin: 0px auto;}
.about_t h3{ font-size: 24px; color: #ffa112; font-weight: bold;}
.about_t img{width:39px; height: 39px; margin: 10px auto 0}
.about_info{width:315px; height: 315px; border-radius: 50%; background: #fff; padding: 10px; opacity: 0; position: absolute; left: -80px;
transform: scale(0);
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    transition: 0.65s cubic-bezier(.77,0,.175,1);
    -webkit-transition: 0.65s cubic-bezier(.77,0,.175,1);
    -moz-transition: 0.65s cubic-bezier(.77,0,.175,1);


}
.about_top{top: -90px; }
.about_bottom{top: -60px; }

.about_info div{width:100%; height: 100%; text-align: center; border-radius: 50%; background: #ffa112; padding-top: 50px;}
.about_info div h3{ font-size: 24px; color: #ffffff; font-weight: bold; height: 40px; line-height: 40px;}
.about_info div p{ width:260px; margin: 0px auto; font-size: 14px; color: #fff; line-height: 26px;}

.one{top: 170px; left: 85px; z-index: 9}
.two{top: 410px; left: 85px; z-index: 9}
.three{top: 170px; right: 85px; z-index: 9}
.four{top:410px; right:85px; z-index: 9}

.about_xx:hover .about_info{opacity: 1; visibility: visible; transform: scale(1); -webkit-transform: scale(1); -moz-transform: scale(1);}
.about_xx:hover .about_t{opacity: 0}



/*数*/
.index_num{width:100%; height: auto; overflow: hidden; margin-top: 60px;}
.index_num .index_num_t{width:100%; height: 150px; text-align: center;}
.index_num .index_num_t h3{ font-size: 48px; color: #333333;}
.index_num .index_num_t h3 span{ color: #33ae00; font-weight: bold; font-size: 48px;}
.index_num .index_num_t img{width:125px; height: 32px; margin:10px auto;}
.index_num .index_num_t h4{ font-size: 36px; color: #333}
.index_num_xx{width:100%; height: auto; margin-top: 42px;}
.index_num_xx h3{font-size: 30px; color: #ffa112}
.index_num_xx h3 span{ font-size: 36px; font-weight: bold;}
.index_num_xx img{width:100%; height: 6px;}
.index_num_xx p{ font-size: 16px; color: #333; line-height: 25px; margin-top:20px;}
.index_num_pic{width:100%; height: 390px; margin-top: 62px;}
.index_num_pic .num{width:549px; height: 390px; float: left}
.index_num_img{width: 606px; height: 401px; float: right; background: url(../images/hh.png) no-repeat bottom left}
.index_num_img img{width:100%; height: 100%; transform: scale(1);
    transition: all 1s ease 0s;
    -webkit-transform: scale(1);
    -webkit-transform: all 1s ease 0s;}
.index_num_img:hover img{transform: scale(1.05);transition: all 1s ease 0s;-webkit-transform: scale(1.05);-webkit-transform: all 1s ease 0s;}
.index_num_img div{width:558px; height: 350px; overflow: hidden;    margin-top: 10px;margin-left: 36px;}




/*优势*/
.index_join{width:100%; height: 997px; background: url(../images/ysbj.jpg) no-repeat center;  margin-top: 102px;}
.index_join_left{width:600px; float: left; height: 322px; color: #fff; margin-top: 675px; }
.index_join_left a,.index_join_right a{width:100%; height: 100%; display: block; overflow: hidden}
.index_join_san{width:300px; height: 100%; float: left; background: #68cad4; text-align: center}
.index_join_si{width:300px; height: 100%; float: left; background: #33ae00; text-align: center}
.index_join_right{width:600px; float:right;}
.index_join_left img,.index_join_right ul li img{ margin-bottom:40px; margin-top: 68px;}
.index_join_left p,.join_h p{font-size: 14px; color: #fff; line-height: 30px;}
.index_join_xx{width:100%; height: auto; padding: 0px 60px;}
.index_join_xx img{margin-top:17px;}
.index_join_xx p{ font-size: 16px; color: #333; line-height: 28px; margin-top: 5px;}
.index_join_xx p span{ font-size:16px; color: #e4007e; font-weight: bold; }
.index_join_right ul{width:100%; height: auto; display: block; overflow: hidden; margin-top: 40px;}
.index_join_right ul li{width:300px; height:322px; text-align: center; float: left }
.index_join_right ul li p{ color: #33ae00; font-size: 14px;line-height: 30px;}
.index_join_right ul li.r2{ background: #f2f2f2}
.join_h{width:100%; height: 414px; background: url(../images/y5.jpg) no-repeat; padding-left: 89px;}
.join_h img{ margin-bottom: 42px; margin-top: 160px;}




/*合作*/
.index_hezuo{width:100%;height: auto; overflow: hidden; margin-top: 70px;}
.index_hezuo_left{width:730px; height: 100%; float: left}
.index_hezuo_left i{display: block; overflow: hidden; margin:20px auto 12px;}
.index_hezuo_left .h1{background: url(../images/h1.png) no-repeat center;  width:54px; height: 50px; }

.index_hezuo_left .h2{background: url(../images/h2.png) no-repeat; width:44px; height: 47px;}
.index_hezuo_left .h3{background: url(../images/h3.png) no-repeat; width:42px; height: 47px;}
.index_hezuo_left .h4{background: url(../images/h4.png) no-repeat; width:48px; height: 44px;}
.index_hezuo_left .h5{background: url(../images/h5.png) no-repeat; width:44px; height: 48px;}
.index_hezuo_left .h6{background: url(../images/h6.png) no-repeat; width:50px; height: 44px;}
.index_hezuo_left .h7{background: url(../images/h7.png) no-repeat; width:34px; height: 46px;}
.index_hezuo_left .h8{background: url(../images/h8.png) no-repeat; width:46px; height: 46px;}
.index_hezuo_left .h9{background: url(../images/h9.png) no-repeat; width:50px; height: 45px;}
.hezuo_t{width:555px; height: 96px;}
.hezuo_t img{width:555px; height: 96px;}
.hezuo_xx{width:100%; height: auto; }
.hezuo_xx p{ font-size: 18px; color: #333333; line-height: 28px; margin-top: 15px;}
.hezuo_xx p span{ font-size: 18px; color: #e4007e; font-weight: bold;}
.index_hezuo_left ul{width:100%; height: auto; overflow: hidden}
.index_hezuo_left ul li{width:190px; height:120px; border: 3px solid #cccccc; float: left; margin-right: 80px; margin-top:36px; text-align: center}
.index_hezuo_left ul li:nth-child(3n){margin-right: 0px;}
.index_hezuo_left ul li p{color: #fff; font-size: 15px; color: #333333}
.index_hezuo_left ul li:hover{background:#33ae00; border: 3px solid #33ae00;}
.index_hezuo_left ul li:hover h3{color:#fff}
.index_hezuo_left ul li:hover .h1{background: url(../images/h1_h.png) no-repeat; }
.index_hezuo_left ul li:hover .h2{background: url(../images/h2_h.png) no-repeat;}
.index_hezuo_left ul li:hover .h3{background: url(../images/h3_h.png) no-repeat; }
.index_hezuo_left ul li:hover .h4{background: url(../images/h4_h.png) no-repeat;}
.index_hezuo_left ul li:hover .h5{background: url(../images/h5_h.png) no-repeat; }
.index_hezuo_left ul li:hover .h6{background: url(../images/h6_h.png) no-repeat;}
.index_hezuo_left ul li:hover .h7{background: url(../images/h7_h.png) no-repeat; }
.index_hezuo_left ul li:hover .h8{background: url(../images/h8_h.png) no-repeat;}
.index_hezuo_left ul li:hover .h9{background: url(../images/h9_h.png) no-repeat; }
.index_hezuo_right{width:392px; height: 634px; float: right; overflow: hidden}
.index_hezuo_right img{width:100%; height: 100%;     transform: scale(1);
    transition: all 1s ease 0s;
    -webkit-transform: scale(1);
    -webkit-transform: all 1s ease 0s;}
.index_hezuo_right:hover img{transform: scale(1.05);transition: all 1s ease 0s;-webkit-transform: scale(1.05);-webkit-transform: all 1s ease 0s;}




/*门店风采*/
.index_fc{max-width:97%;height: auto; overflow: hidden;  margin:94px auto 0; width: auto;}
.index_fctitle{width:100%; height:126px; color:#33ae00; background: url(../images/fc.png) no-repeat center; font-size: 48px; font-weight: bold; text-align: center; line-height: 110px;}
.index_fc_info{width:100%; height:auto; margin-top: 30px; overflow:hidden }
.index_fc_logo,.index_fc_jia{width:13.3%;  height: auto; float: left;}
.index_fc_info ul{width:100%; height:auto;}
.index_fc_info ul li{float: left; margin-right:1.9%; margin-bottom: 32px; position: relative; overflow:hidden;}
.index_fc_info ul li:nth-child(4n){margin-right: 0px; height: auto; }
.fc{width:27%;}

.index_fc_h{width:100%; height: 100%; position: absolute; top: 100%; left: 0px; z-index: 999; background:rgba(228,0,126,0.8); color: #fff; text-align: center; padding: 18px; }
.index_fc_h img{width:108px!important; height: 108px!important; margin-top: 8%;}
.index_fc_h h3{font-size: 30px; font-weight: bold; width: 100%; height: 35px; line-height: 35px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; margin: 26px 0 20px;}
.index_fc_h p{font-size: 18px; width: 100%; height: 52px; line-height: 25px;}
.index_fc_h div{border: 2px solid #fff; width: 100%; height: 100%;}
.index_fc_info ul li:hover .index_fc_h{transition: all 0.3s ease-in-out; top:0px;}
.index_fc_logo a{width:100%; height:100%; display:block; overflow:hidden;}

.index_fc_info ul li img{height:100%; width:100%;}





/*新闻*/
.index_news{height:770px;width: 100%; display: block;overflow: hidden;  margin-top: 60px; margin-bottom:68px;} 
.index_news .index_newstitle{width:100%; height:126px; background: url(../images/news_t.png) no-repeat center; font-size: 48px; font-weight: bold; text-align: center; line-height: 110px; color: #33ae00; }
.index_news ul{width:100%; height: auto; display: block; overflow: hidden; margin-top: 33px;}
.index_news ul li{width:374px; height: 292px; border: 1px solid #d3d3d3; padding: 37px; float: left; margin-right: 26px; margin-bottom: 25px; }
.index_news ul li h3{ font-size: 16px; color: #222222; font-weight: bold; height: 38px;  border-bottom: 1px solid #d3d3d3; width:100%; text-overflow:ellipsis; overflow:hidden; white-space:nowrap}
.index_news ul li .in_news_info{ height: 75px; width: 100%; line-height: 25px; font-size: 13px; color: #999999; margin: 20px 0 40px;}
.index_news_sj{width:100%; height:30px;}
.index_news_sj i{width:31px; height: 30px; display: block; overflow: hidden; background: url(../images/hs.png) no-repeat; float: left}
.index_news_sj p{ font-size: 14px; color: #999999; float: right; line-height: 30px;}
.index_news ul li:hover{ background: #33ae00;}
.index_news ul li:hover h3,.index_news ul li:hover p{ color: #fff}
.index_news ul li:hover .index_news_sj i{ background: url(../images/bs.png) no-repeat}
.index_news ul li:nth-child(3n){margin-left: 0px;}

.in_yqlj_k{ width:100%; height:70px; margin:0 auto; margin-top:80px; border-top:1px solid #E9E9E9;}
.in_yqlj{ width:1200px; height:70px; margin:0 auto; text-align:left; line-height:70px;}

/*底部*/
.in-feedbook{ background: url(../images/liuyanbg.jpg) no-repeat center; height: 433px;}
.infeed-l{ width:248px; height: 433px; background: #ffa112; text-align: center;  }
.infeed-l p{ color: #fff; font-size: 24px; padding-top: 40px;  }
.infeed-l h3{ color: #fff; font-size: 35px; font-weight: bold;   }
.infeed-l h3:after{ content:""; width:208px; height: 1px; background: #fff; display: inherit;  margin: 0 auto; margin-top: 10px; }
.infeed-l span{ display: block; font-size: 24px; color: #fff; padding-top: 10px; }
.infeed-l ul > li{ color:#fff; font-size: 24px; line-height: 30px; line-height: 60px;}
.infeed-l ul{ background: url(../images/liuyanimg.png) no-repeat left; width: 140px; margin: 0 auto;  margin-top: 20px; }
.infeed-r{ width: 952px;}
.infeed-r h3{ color: #fff; font-weight:bold; font-size:  20px; padding-left: 60px; line-height: 50px; border-bottom: 1px solid rgba(255,255,255,.5);  }
.infeed-r h3 span{ font-weight: normal; padding-left: 10px; }
.infeddr-l form p{ margin-bottom: 16px;  display: table; padding-left: 60px;position: relative; }
.infeddr-l form input{ display: block; float:left; width: 316px; height: 42px; background: #fff; border-radius: 4px; border:none; text-indent: 10px;   }
.infeddr-l form p span{ display:block; float: left; color: #fff; font-weight: bold; font-size: 16px; line-height: 42px; padding-right: 10px; }
.infeddr-l form textarea { width:316px ; height: 98px; background: #fff; border:none; display: block;  float: left; border-radius: 4px;}
.infeddr-l form button{ background: #33ae00; width:137px; height: 48px; display: block; border-radius: 4px; border:none; color: #fff; font-size: 16px; margin-left: 134px;}
.infeddr-l { margin-top: 50px;}
.infeddr-r{ margin-top: 20px; margin-right: 20px;   width: 380px;overflow:hidden; height:344px;}
.infeddr-r ul li{ color: #fff; font-size: 15px; line-height: 32px; }
.infeddr-r ul li span{ color: #33ae00; }
.infeddr-r ul li b{ font-weight: normal;    padding-left: 10px; }
.infeddr-r:before{ content:""; width:1px; height: 250px; background: rgba(255,255,255,.5); display: inherit; float: left;  margin-right: 90px;  margin-top: 60px; }
.footer{ background: #33ae00; overflow: hidden; padding-bottom: 38px;  }
.footerl-li{ float:left; width:130px; height: 145px; background: #fff; margin-right: 27px;  }
.footerl-li img{ display: table;  margin: 0 auto;  margin-top: 10px; width: 110px; }
.footerl-li p{ text-align: center;  line-height: 26px; }
.footer-l > ul{ margin-top: 16px; }
.footer > .w1200{ display: table; padding: 50px 0; padding-bottom: 0;   }
.footer-r > ul{ float:left; margin-left:72px; }
.footer-r > ul h3{ color: #fff; font-size: 18px; font-weight: bold; padding-bottom: 10px;  }
.footer-r > ul h3:after{ content:""; width:30px; height: 1px; background: #fff; display: inherit; margin-top: 8px;  }
.footer-r > ul li > a { color: #fff; font-size: 15px; }
.footer-r > ul li{ color: #fff; font-size: 15px; line-height: 30px; }
.footer-bot > .w1200 > p{ color: #fff; font-size:14px; float:left; line-height: 40px;  }
.footer-bot > .w1200 > p a{ color:#fff; padding-left: 10px; }
.footer-bot > .w1200 > ul{ float: right; }
.footer-bot > .w1200 > ul > li{ float:left; color: #fff; font-size: 14px; line-height: 40px; margin-left: 20px; }
.ptzc{ background:url(../images/vl.png) no-repeat center; width:121px; height: 18px; display: block;  float: right;margin-top: 10px; }
.sjzz{ background:url(../images/ws.png) no-repeat; width:121px; height: 18px;display: block; float: right; margin-top: 10px; }
.ptzc:hover { background:url(../images/vl_hover.png) no-repeat; }
.sjzz:hover { background:url(../images/ws_hover.png) no-repeat; }


/*底部弹出*/
.footer_float{background:rgba(0,0,0,0.8); height: 50px; position: fixed; bottom: -1px; z-index: 888; width: 100%; left: 0px; display: block;}
.footer_all{width:1200px;height: 150px;margin:auto;}
.footer_flimg{height:274px;width:140px;float:left; margin-top:-122px;}
.footer_form{width:990px;float:left;height:180px;;overflow: hidden;margin-left:40px;  }
.footer_close_btn{position: absolute;top: 30px;vertical-align: top;cursor: pointer;}
.footer_form_l{width:411px;margin-top:5px;float:left;  margin-left: 20px; }
.footer_form_l p{position:relative; width:200px; height:40px; float:left;margin-left:10px;}
.footer_form_l p input{ width:100%; height: 100%; background: #fff;  border:none; text-indent: 10px;  }
.footer_form_l p:nth-child(1){margin-left:0px;}
.footer_form_r{float:left;position: relative;margin-left: 8px;width: 170px;margin-top: 5px; height:40px;}
#form_ch{width:200px;height:40px;border:none;padding-left: 17px;box-sizing: border-box; float:left;}
#form_mj{width:246px;height:40px;float: right;border:none;padding-left: 17px;box-sizing: border-box;}
#form_hm{width:200px;height:40px;border:none; padding-left: 17px;box-sizing: border-box; float:left; }
.form_sub{width:100%;height:100%; background:#33ae00; border: 0px; color:#fff; text-align:center; line-height:40px; cursor:pointer}
#calcpriceApplyNum{color:#d5a04d; font-size:40px;font-style:normal;font-weight:bold; font-family: "Impact"; margin: 0px 5px;}
.form_r_sy{font-size:20px;color:#fff;  margin-right: 10px;  float: left; line-height: 50px;  }
.form_yy{ font-size: 16px; color: #fff; color: #fff; width: 110px; height: 36px; line-height: 36px;  background: #ffa112; display: block; border-radius: 20px; text-align: center;  float: left; margin-top: 7px;}
.footer_show_btn{position: fixed; bottom: 0px; left: -235px; z-index:999 }
.footer_input_left{  float:left; height:100%;}
#baojia_foot_form{margin-top:52px;}
.footer_flimg img{ width: 100px;  margin-top: 84px; }









/*客服*/
.lxfx {
    height: auto;
    position: fixed;
    right:0px;
    top:200px;

    width: 77px;
    z-index: 11;
}
.lxfx li a {
    color: rgb(255, 255, 255);
    display: block;
    height: 47px;
    margin-top: 9px;
    width: 300px;
}
.leftlx {
    float: left;
    height: 47px;
    width: 77px;
}
.lxfx li span {
    border-left: 1px solid rgb(255, 255, 255);
    color: rgb(255, 255, 255);
    float: left;
    font-size: 20px;
    height: 24px;
    line-height: 22px;
    margin-top: 8px;
    padding-left: 8px;
}
.fix_ewm {
    border: 5px solid rgb(255, 255, 255);
    display: none;
    height: 120px;
    left: -145px;
    position: absolute;
    top: -40px;
    width: 120px;
}
.lxfx li i {
    display: block;
    height: 27px;
    margin: 0 auto;
    text-align: center;
    width: 30px; background:url(../images/fx.png) no-repeat;
}
.lxfx li i.icon-tel {
    background-position: 0 -25px;
}
.lxfx li i.icon-ly {
    background-position: 4px -53px;
}
.lxfx li i.icon-wx {
    background-position: -34px 4px;
}
.lxfx li i.icon-wb {
    background-position: -30px -22px;
}
.lxfx li p {
    line-height: 12px;
    text-align: center;
}
.lxfx li {
    background:#ffa112;
    height: 56px;
    margin-bottom: 1px;
    margin-left: 0;
    position: relative;
    width: 77px; float:left;
}
.icon-top{ background-position: -36px -49px !important; }
.leftkf-li:hover .leftkf{ display: block; }
.leftkf{  width: 100px; position: absolute; right: 77px;  top: 0; display: none;  }



/**about**/
.ny_banner{width: 100%;height: 300px;clear: both; }
.ny_banner .container,.ny_header .container{position: relative}
.product{background: url(../images/product_ban.jpg) no-repeat center;}
.news{background: url(../images/news_ban.jpg) no-repeat center;}
.about{background: url(../images/about_ban.jpg) no-repeat center;}
.contact{background: url(../images/contact_ban.jpg) no-repeat center;}
.case{background: url(../images/case_ban.jpg) no-repeat center;}
.join{background: url(../images/join_ban.jpg) no-repeat center;}

.nyban_img{width:600px; height: 265px; position: absolute; right: 0px; top:-150px;}
.nyban_img img{width:100%; height: 100%;}


.my_pos { position:absolute; top: 240px;}
.my_pos > p{ color:#fff;}
.my_pos > p > a{ color:#fff;}
.my_pos i{background:url(../images/home.png) no-repeat; width:21px; height:18px;  float:left; background-size:100% 100%;}
.banner .container{position: relative;}
.ny_fu_nav{width:100%; height: auto; position: absolute}
.ny_header{width:100%; height: auto; overflow: hidden; margin-top: 110px;}
.ny_biaoti{ display: block; width: 1200px;}
.ny_fu_nav{ height: 100%;}
.ny_fu_nav li{width:132px; height: 54px; text-align: center; line-height: 54px; font-size: 16px; float: left; background:url(../images/titlebj.jpg) no-repeat; margin-top: 30px; margin-right: 10px; }
.ny_fu_nav li a{color:#fff; width:100%; height:100%; display:block; overflow:hidden}
.ny_fu_nav li:last-child{margin-right: 0px;}
.ny_fu_nav li.active{background: url(../images/activebj.jpg) no-repeat}
.ny_fu_nav li:hover{background: url(../images/activebj.jpg) no-repeat}




/*内页：公司简介*/
.ny_about{margin-bottom: 40px; line-height: 30px; color: #666; font-size: 14px; margin-top: 10px;}
.ny_title {position: absolute; top: 140px}
.ny_title > h3{ color:#FFF; font-size: 30px; font-weight: bold;line-height: 45px;}
.ny_title > h4{color:#FFF; font-size: 28px; font-weight: bold;line-height: 35px;}


.nyfl_li > a{ font-size:18px; color:#333333;}
.nyfl_li{ float:left; line-height:40px; margin-right:60px; border-bottom: 2px solid #fff; margin-top: 20px; transition: all 0.3s;}
.nyfl_li:hover{ border-bottom: 2px solid #ac1f24;}
.nyfl_li:hover > a{ font-weight:bold; color:#ac1f24;}
.ny_fl{ z-index: 9; overflow: hidden; position: relative;}
.ny_fl > .container{ margin-top: -1px;display: table;position: relative;top: -2px;}
.nyfl_active{border-bottom: 2px solid #ac1f24 !important;}
.nyfl_active > a{ color:#ac1f24; font-weight: bold;}
.ny_fl>hr{ width:100%; height: 1px; background: #e3e3e3;position: absolute;top: 54px;left: 0;right: 0;z-index: 999;}
.ny_article{ margin-top:67px;padding-bottom: 80px;overflow: hidden;}
.aboutl_img{ float:left}
.nyabout_r{ float:right;width:680px;}

.nyabout_r > h3{ color:#ac1f24; font-size: 36px; font-weight: bold;margin-top: 24px;margin-bottom: 40px;}
.nyabout_r > p{ line-height: 30px; text-indent: 30px; color:#666; font-size: 14px; }
.nyabout_l > h3{ color:#ac1f24; font-weight: bold;font-size: 36px; margin-bottom: 40px;}
.nyabout_l > h3 > span{ font-size:54px;}
.nyabout_l{ margin-top:50px; float:left; width:730px;}
.nyabout_l > p{ line-height: 30px; text-indent: 30px; color:#666; font-size: 14px; }
.aboutr_img{ float:right;}
.aboutimg_bot { margin-top:40px;}

/*内页：新闻资讯*/
.ny_news{ margin-top:60px;display: table;margin-bottom: 80px;}
.nynews_li{ float:left; background: #f4f4f4;width: 520px; margin-left: 10px; margin-right: 10px; margin-bottom: 20px; padding: 30px 30px;box-sizing: content-box;}
.nynews_li > span{ display:block;float: left; font-size: 36px; color:#666;margin-top: 30px;transition: 0.3s;}
.nynews_li > p{ float:left; color:#666;transition: 0.3s;}
.nynewsli_r { float:right; width:364px;transition: 0.3s;}
.nynewsli_r > a > h3{ line-height: 32px; color:#333; font-size: 24px; font-weight: bold; transition: 0.3s; text-overflow:ellipsis; overflow:hidden; white-space:nowrap}
.nynewsli_r > a > p{ color:#666; font-size: 14px;padding-top: 16px; padding-bottom: 16px;transition: 0.3s;height: 90px; }
.nynewsli_r > a > em{ color:#666; font-size: 14px; display: block; float:left;line-height: 33px;transition: 0.3s;font-style: normal;}
.nynewsli_r > a > b { float:left; margin-left: 50px; font-weight: normal; font-size: 12px; color:#666; transition: 0.3s;}
.nynewsli_r > a > b > .icon{color:#999; font-size: 26px;margin-right: 5px; position: relative;top: 5px;transition: 0.3s;}
.nynews_li:hover > span{ color:#33ae00;}
.nynews_li:hover > p{color:#33ae00;}
.nynews_li:hover .nynewsli_r > a > h3{ color:#33ae00; }
.nynews_li:hover .nynewsli_r > a > em{ color:#33ae00;}
.nynews_li:hover .nynewsli_r > a > b {color:#33ae00; }
.nynews_li:hover .nynewsli_r > a > b > .icon{color:#33ae00; }


/*内页：产品分类*/
.ny_pro{ overflow:hidden; margin-top:30px;  margin-bottom: 60px;}
.nypro_li{ float:left; position: relative;    margin-left: 10px;overflow: hidden;margin-right: 10px; margin-bottom: 20px;}
.nypro_li .nypro{width:380px; overflow:hidden;}
/*.nypro_li .nyprorsp{width:380px;height:216px;overflow:hidden;position: absolute;top:0px;left:0px;}*/
.nypro_li .nyprotext{position:absolute;width:100%;height:100%;left:0;top:0px;overflow:hidden;   background: rgba(0,0,0,0.5); text-align: center; color: #fff; font-size:32px; font-weight: bold;line-height: 223px; }
.nypro_li .nyprotext h3{width:100%; margin-top:-33px;height:50px;line-height:50px;text-align:center;color:#FFFFFF;text-shadow: rgba(0,0,0,0.4) 1px 1px 3px;}
.nypro_li:hover .nypro > img{ transform: scale3d(1.1,1.1,1)}
.nyproimg{width:100%;height:100%; transition: all 1s;}
.nypro_xian{ width:100%; height: 1px; background: #e3e3e3; }


/*内页：荣誉资质*/
.ny_honor{ display:table; margin-top: 60px;}
.nyhonor_li{ float:left; margin-left: 10px; margin-right:10px; margin-bottom: 30px; width:380px;}
.nyhonor_li_div{width:380px;height: 280px; overflow: hidden;}
.nyhonor_li_div > img{ width:380px;height: 280px; transition: all 0.6s;}
.nyhonor_li > a > p{ line-height:30px; height:30px; padding: 0 20px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 16px; text-align: center; }
.nyhonor_li:hover .nyhonor_li_div > img{ transform: scale3d(1.1,1.1,1)}
.ny_honor ul,.ny_pro ul,.ny_news ul{width:100%; height:auto; overflow:hidden; display:block;}
.nycase_xx span{line-height:20px; height:20px;  overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 14px; display:block; width:100%;  }
.nycase_xx{width:100%; height:60px; padding:5px 10px; background:#eee}
.nycase_xx > p{ line-height: 50px; text-align: center;  font-size: 16px;}


/*联系方式*/
.ny_contact{ overflow:hidden;margin-bottom: 60px;margin-top: 30px;}
.nycon_l{ float:left; margin-bottom:25px; }
.nycon_l > h3{ color:#e4007e; font-size: 24px; font-weight: bold;padding-bottom: 20px;}
.nycon_l > ul > li{ font-size:14px; line-height: 30px;color:#444;}
.nycon_r{ float:right; margin-top: 20px; margin-bottom:25px; }
.nycon_r > ul > li div img{ width:100%; height:100%;}
.nycon_r > ul > li{ float:left; margin-left: 20px;}
.nycon_r > ul > li > p{ font-size:14px; line-height: 30px; text-align: center;}
.nycon_r > ul > li div{width:150px; height:150px; padding:8px; border:1px solid #ddd}

/*推荐新闻*/
.news_tj{width:100%; height: auto; display: block; overflow: hidden; margin-top: 40px; }
.tuijian_news img{ float:left; margin-right:10px; margin-top:5px;}
.tuijian_news{ width:100%;height:40px;     border-bottom: 1px dashed #999999;}
.tuijian_news .iconfont{ font-size:30px;}
.tuijian_news p{ font-size: 24px; color: #333333;}
.tuijian_news span{ color: #999999; font-weight: bold; font-size: 23px;padding-left: 10px; }
.tuijian_list{margin-top: 15px;}
.tuijian_list li i{    display: block;
    float: left;
    height: 22px;
    width: 4px;
    border-radius: 2px;
    margin-top: 21px;
    background-color: #999999; 
}
.tuijian_list li{border-bottom: 1px dashed #dbdbdb}
.tuijian_list li h4{ font-size: 14px; color: #666; float: left;line-height: 64px; font-weight: 300; margin-left: 10px;width: 400px;text-overflow: ellipsis;overflow: hidden; white-space: nowrap;}
.tuijian_list li time{ font-size: 12px; color: #999; float: right;line-height: 64px;}
.tuijian_list li {width: 550px;float: left; margin-right: 20px;}
.tuijian_list li:nth-child(2n){margin-right: 0px; float: right}
.tuijian_list li:hover h4,.tuijian_list li:hover time{ color: #33ae00}
.tuijian_list li:hover i{background: #33ae00}







/*产品列表页*/
.nygoods{  margin-bottom: 110px;  overflow: auto;  }
.nygoods-top > h3{ font-size:28px; font-weight: bold; color: #33ae00; }
.nygoods > p{ font-size:18px; color: #666;  line-height: 30px; }
.ncp_pic > img{ border-radius: 50%; border:5px solid #ffa112; width:430px; height: 430px; }
.ncp_list_im ul{ padding-bottom:50px; }
.ncp_list_im ul li { height:530px; overflow: hidden; }








/*产品列表*/
.nygoods-l { width:300px; }
.nygoods-r{ width:840px; }
.nygoods-top{ width: 100%;   border-radius: 50px;text-align: center; line-height: 50px; height: 57px;}
.nygoods-l > ul{ padding: 20px 0;   width: 100%;  margin-top: 10px; background: #eee;  }
.nygoodsl-li{ margin: 0 50px;   }
.nygoodsl-li a{ font-size: 18px; text-align: left; line-height: 50px; color: #444;  display: block;   padding: 0 30px;    margin-bottom: 10px; border-radius: 30px; background: #33ae00; color: #fff;   }
.nygoodsl-li a:before{ content:""; width: 3px; height: 3px; border-radius: 50%; border:2px solid #fff; display: inherit; float:left; margin-top: 23px;    margin-right: 10px;  }
.nygoods-top > h3 span{ font-weight: normal;  font-size: 22px;  padding-left: 5px;}
.nygoodsl-li a.active{ background:#ffa112; }
.nygoodsl-li a:hover { background:#ffa112;  }
.nygoods-r .ncp_list{ margin-top: 0 ;}


#feedback_form .Validform_wrong{  left: 297px; color: #444;  }
#feedback_form .Validform_right{ right: 6px;}

.ncp_list{ background:url(../images/ncp_bg1.jpg) no-repeat; min-height:632px; position:relative; background-size:526px 515px; margin-top: 50px;     background-position-x: 250px;}
.ncp_list_im{ height:470px; overflow:hidden;}
.ncp_list_im .ncp_pic{ float:left; font-size:0; padding:6px 0 0 6px;}
.ncp_list_im .ncp_jj{ width:370px; float:right; overflow:hidden; padding-top:50px;}
.ncp_list_im .ncp_jj .ti{   height:53px; border:1px solid #33ae00; border-radius:25px; -moz-border-radius:25px; -ms-border-radius:25px; -o-border-radius:25px; -webkit-border-radius:25px; font-size:37px; color:#33ae00; line-height:53px; text-align:center; font-family:"微软雅黑";    display: table;
    padding: 10px 30px;
    border-radius: 50px;}
.ncp_list_im .cpjs{ padding-top:25px;}
.ncp_list_im .cpjs dt{ background:url(../images/ncp_yx.png) no-repeat 0 center; padding-left:14px; font-size:24px; color:#33ae00; line-height:1; font-family:"微软雅黑";}
.ncp_list_im .cpjs dd{ font-size:18px; color:#333333; line-height:24px; padding-top:14px;}
.ncp_list_im .scsy{ padding-top:30px;}
.ncp_list_im .scsy dt{ background:url(../images/ncp_yx.png) no-repeat 0 center; padding-left:14px; font-size:24px; color:#33ae00; line-height:1; font-family:"微软雅黑";}
.ncp_list_im .scsy dd{ width:446px; padding-top:19px;}
.ncp_list_im .scsy dd img{ max-width:370px;}
/*.ncp_list_im .scsy dd p{ float:left; margin-right:40px;}*/
.ncp_list_im .scsy dd i{ display:block; overflow:hidden; border-radius:100%; -moz-border-radius:100%; -ms-border-radius:100%; -o-border-radius:100%; -webkit-border-radius:100%; border:1px solid #549696;}
.ncp_list_im .scsy dd i>img{ width:87px; height:87px; overflow:hidden; border:5px solid #fff; border-radius:100%; -moz-border-radius:100%; -ms-border-radius:100%; -o-border-radius:100%; -webkit-border-radius:100%;}
.ncp_list_im .scsy dd span{ display:block; font-size:16px; color:#666767; text-align:center; padding-top:16px; letter-spacing:5px; padding-left:6px;}

/**/
.ncp_list_dh{ width:760px; overflow:hidden; margin:0 auto; margin-top:52px; background:url(../images/ncp_blx.png) repeat-x center 76px; position:relative;}
.ncp_list_dh ul{ position:relative; z-index:4;  }
.ncp_list_dh ul li{ float:left; position:relative; padding-top:20px; margin-right:31px;}
.ncp_list_dh ul li i{ display:block; width:127px; height:127px; overflow:hidden; border-radius:100%; -moz-border-radius:100%; -ms-border-radius:100%; -o-border-radius:100%; -webkit-border-radius:100%; overflow:hidden;}
.ncp_list_dh ul li span{ display:block; width:30px; height:4px; background:#33ae00; border-radius:30px; -moz-border-radius:30px; -ms-border-radius:30px; -o-border-radius:30px; -webkit-border-radius:30px; position:absolute; top:0; left:50%; margin-left:-15px; display:none;}
.ncp_list_dh .mb{ width:10px; height:100%; position:absolute; top:0; left:0; background:#fff;}
.ncp_list_dh .mb2{ width:10px; height:100%; position:absolute; top:0; right:0; background:#fff;}

.ncp_list_dh ul li.on span{ display:block;}

/*pre--next*/
.ncp_pre{ position:absolute; bottom:45px; left:0;}
.ncp_next{ position:absolute; bottom:45px; right:0;}

.ny-goods{ background: #fff; padding-top: 60px; }
#goods-mao{ position: relative; top: 300px;  }




