@font-face {
    font-family: HELVETICANEUELTPRO-THEX;
    src: url(../fonts/HELVETICANEUELTPRO-THEX.OTF);
    font-weight: 400;
    font-style: normal
}
.wrap{ width: 1200px; margin: 0 auto; }
.top_center{ height: 60px; background-color: #fff; }


.qqkefu .erweima{position:absolute;top:-103px;left:-134px;float:right;display:none;height:150px;border:1px solid #CCC;background:#FFF;cursor:default!important;}
.qqkefu .erweima p{float:left;width:130px;color:#000;text-align:center;font-size:12px;line-height:20px;}
.qqkefu .erweima p img{margin:10px 10px 0 10px;width:110px;height:110px;}
.qqkefu .kf-tel .erweima{top:-25px;left: -152px;height:70px;text-align:center;}
.qqkefu .kf-tel .erweima p{width: 150px;}
.qqkefu .kf-tel .erweima em{display:inline-block;margin-top:12px;margin-bottom:6px;width:100%;color:#333;font-weight:600;font-size:18px;}

.kf-tel:hover .erweima{  display: block; }
.qqkefu ul li b.e {
    background: url(../images/icon_kf_tel.png) no-repeat center center;
}
.product_xia>h3{ text-align: center; padding-bottom: 15px; font-size: 42px; color: #1d1819; }
.product_xia>h3 a{  color: #1d1819; }
.product_xia>h3 span{ font-weight: bold; }
.product_xia>h4{ font-size: 16px; color: #6c6c6c; text-align: center; padding-bottom: 55px; }

.yysp{ background-color: #f4d622; padding-bottom: 70px; }
.yysp>h3{ text-align: center; padding-bottom: 15px; padding-top: 75px; font-size: 42px; color: #1d1819; }
.yysp>h3 a{ color: #1d1819; }
.yysp>h3 span{ font-weight: bold; }
.yysp>h4{ font-size: 16px; color: #484a4c; text-align: center; padding-bottom: 55px; }
.video_xia{ background: url(../images/hy_bg.jpg) no-repeat; }
.video_xia_ul{ display: none; clear: both; }
.xiangni6{text-align: center; height: 50px; width: 90%; margin-bottom: 50px; }
.xiangni6 li{ float: left;}
.xiangni6 li a{ display: inline-block; width: 150px; height: 50px; line-height: 50px; text-align: center; font-size: 16px; color: #303030; background-color: #fff; transition: 0.3s; padding: 0; margin: 0;}
.xiangni6 li.on a{ background-color: #1d1819; color: #fff; }
.xiangni6 li:hover a{ background-color: #1d1819; color: #fff; }
.xiangni6_m{ height: 50px; line-height: 50px; margin-right: 34px; }
.xiangni6_m a{ display: inline-block; line-height: 50px; color: #717171; font-size: 16px; text-transform: uppercase;}

.ying{ position: absolute; top: -80px; right: 267px; }
.huanjing li span{ color: #fff; }
.laoxiazi{ font-size: 14px; color: #888; line-height: 30px; padding-top: 10px; margin-right: 80px; }
.laoxiazi h2{ font-size: 18px; color: #666; padding-bottom: 15px; }


.hui{ background:#f1ecf3 url(../images/huiyi_bg2.jpg) center bottom no-repeat;  height: 1145px; width: 100%; }
.hui>h3{ text-align: center; padding-bottom: 60px; padding-top: 75px; font-size: 42px; color: #1d1819; }
.hui>h3 span{ font-weight: bold; }
.hui li h4{ font-size: 20px; color: #1d1819; padding-bottom: 10px; }
.hui li h4 span{ font-size: 28px; }
.hui ul{ position: relative; height: 700px; }
.hui li{ position: absolute; width: 312px; text-align: center; }
.hui li p{ font-size: 14px; color: #484a4c; line-height: 20px; width: 312px;}
.hui li:nth-child(1){ left: 50%; top: 0px; margin-left: -156px; }

.hui li:nth-child(2){ width: 224px; left: 103px; bottom: 502px; text-align: right;}
.hui li:nth-child(2) p{ width: 217px; }

.hui li:nth-child(4){ width: 275px; left: -100px; bottom: 300px; text-align: right;}
.hui li:nth-child(4) p{ width: 275px; }

.hui li:nth-child(6){ width: 224px; left: -100px; bottom: 80px; text-align: right;}
.hui li:nth-child(6) p{ width: 217px; }

.hui li:nth-child(3){ width: 265px; right: 65px; bottom: 502px; text-align: left;}
.hui li:nth-child(3) p{ width: 217px; }

.hui li:nth-child(5){ width: 275px; right: -100px; bottom: 300px; text-align: left;}
.hui li:nth-child(5) p{ width: 217px; }

.hui li:nth-child(7){ width: 224px; right: -100px; bottom: 80px; text-align: left;}
.hui li:nth-child(7) p{ width: 217px; }

.div_con_l{ padding-top: 123px; line-height: 25px; }
.div_con_l .h5_1{ font-size: 34px; color: #fff; }
.div_con_l .h5_2{ font-size: 41px; color: #fff; font-weight: bold; }
.div_con_r{ padding-top: 108px; line-height: 40px; margin-right: -180px; }
.div_con_r span{ font-size: 18px; color: #2a2a2a;}
.div_con_r h6{ font-size: 60px; color: #2a2a2a; }


.yi{ background: url(../images/hy_bg2.jpg) no-repeat center bottom; height: 1476px; padding-bottom: 45px; }
.yi h3{ text-align: center; padding-top: 75px; font-size: 42px; color: #1d1819; font-weight: bold;}
.yi h4{ text-align: center; font-size: 36px; color: #1d1819; font-weight: lighter;}
.yi ul{ position: relative; height: 1229px; }
.yi li{ position: absolute; width: 470px; }
.yi li h5{ font-size: 24px; color: #1d1819; padding-bottom: 15px; }
.yi li h5 span{ font-size: 36px; }
.yi li span{ color: #e3b703 }
.yi li p{ font-size: 16px; color: #484a4c;line-height: 26px; }
.yi li:nth-child(1){ left: 8%; top: 115px;  }
.yi li:nth-child(2){ left: 8%; top: 330px;  }
.yi li:nth-child(3){ left: 60%; top: 655px;  }
.yi li:nth-child(4){ left: 60%; top: 860px;  }
.yi li:nth-child(5){ left: 60%; top: 1070px;  }

.div_tel{ position: absolute; left: 26.5%; top: 59.5%; font-size: 30px; color: #2a2a2a; }
.about_xia_r h5 .span_1{ display: inline-block; padding-bottom: 5px; color: #fff; font-size: 18px; }
.about_xia_r h5 .span_2{display: inline-block; padding-bottom: 10px; color: #fff; font-size: 22px; }








.dz_bott{ width: 100%; background-color: #f6f6f6; }
.fuww{ font-size: 16px; color: #666; text-align: center; margin-bottom: 40px; }
strong{font-weight: normal;}
.top{height: 100px;background: #3a3a3a;line-height: 100px;}
.top .company{color:#fff;font-size: 20px;margin-left: 20px;}
.nav{margin-right: 70px;}
.nav li{height: 60px;font-size: 16px;float: left;margin: 0 16px; padding: 0 20px; position: relative; transition: 0.3s;}
.nav li span{ display: block; width: 30px; position: absolute; left: 50%; margin-left: -15px; bottom: 15px; height: 3px; background-color: #eecb3b; opacity: 0; transition: 0s; }
.nav li:hover span{ opacity: 1; bottom: 22px; }
.nav li a{color:#3a3a3a;display: block; line-height: 60px; transition: 0s;}
.nav li:hover a,.nav li.on a{color:#fff;}
.top_tell{ width: 224px; text-align: right; font-size: 24px; color: #eecb3b;  margin-right: 70px; background: url(../images/top_tell.png) no-repeat left 30px; padding-top: 10px; height: 90px; }

.nav li.on span{ opacity: 1; bottom: 22px;  }
.nav li.on{ background: url(../images/hover_bg2.jpg) repeat-x; }
.nav li:hover{ background: url(../images/hover_bg2.jpg) repeat-x; }
.nav li:nth-child(1){ margin-left: 0; }
.nav li:nth-child(7){ margin-right: 0; }

.product_ul{transition: 0.3s;}
.product_ul li{ float: left; text-align: center; width: 310px; height: 360px; border: 1px solid #dddddd; margin-right: 12px; margin-bottom: 10px;  background-color: #fff;}
.product_ul li:nth-child(3n){ margin-right: 0; }
.product_ul li b{ height: 47px; line-height: 47px; border-top: 1px solid #ddd; display: block; width: 100%; }
.product_xia_right_top p{ width: 30%; font-size: 24px; padding-left: 40px; background: url(../images/jiantou2.png) no-repeat left center; color: #353535; }
.product_xia_right_top p>a{  font-size: 24px;color: #353535; width: 250px;}
.product_xia_right_top a{width: 80px; text-transform: uppercase; display: block; font-size: 16px; color: #717171; padding-right: 20px;}
.product_xia_right_top{ padding-left: 27px; height: 77px; line-height: 77px; border: 1px solid #ddd; margin-bottom: 22px; }
.l{ float: left; }
.r{ float: right; }
.product_xia_left{width: 220px;border: 1px solid #ddd }
.product_xia_left h2{ font-size: 20px; color: #fff; padding-top:17px; padding-left: 30px; padding-bottom: 5px;}
.product_xia_left h2 a{ color: #fff; }
.product_xia_left h2 a:hover{ color: #fff; }
.product_xia_left h3{padding-left: 30px; text-transform: uppercase; font-size: 12px; color: #fff; }
.product_xia_left_top{width: 220px; height: 80px; background: url(../images/lanmu_bg.jpg) no-repeat;}
.product_xia_right{ width: 960px; display: none; transition: 0.3s;}
.product_xia_left li{ height: 55px; line-height: 55px;background: rgba(255,255,255,0.5); }
.product_xia_left li a{ display: block; color: #303030; font-size: 16px; padding-left: 40px; }
.product_xia_left li:hover{ background: #eecb3b url(../images/jiantou.png) no-repeat 170px center; }
.product_xia_left li.on{ background: #eecb3b url(../images/jiantou.png) no-repeat 170px center; }

.dahe_xia{width: 100%;height: 200px;background: url(../images/bg_4.jpg) right center no-repeat; background-size: 100% 100%; }
.dahe_xia_left img{ padding-left: 110px; padding-top: 55px; }
.dahe_xia_left{ width: 27%; height: 200px;}
.dahe_xia_center{ width:48%; height: 200px; }
.dahe_xia_right{ width:25%; height: 200px; position: relative; }
.dahe_xia_right img{ position: absolute; left: -10px; top: 50%; margin-top: -46px; }
.dahe_xia_right h4{ padding-left: 110px; font-size: 18px; color: #2a2a2a; padding-top: 60px;}
.dahe_xia_right h5{ padding-left: 110px; font-size: 60px; color: #2a2a2a; line-height: 60px; }
.dahe_xia_center ul{ padding-top: 18px; }
.dahe_xia_center li{ float: left; width: 185px; margin-left: 50px; padding-left: 65px; height: 52px; margin-top: 20px; }
.dahe_xia_center li:nth-child(1){ background: url(../images/ico_1.png) no-repeat left center; }
.dahe_xia_center li:nth-child(2){ background: url(../images/ico_2.png) no-repeat left center; }
.dahe_xia_center li:nth-child(3){ background: url(../images/ico_3.png) no-repeat left center; }
.dahe_xia_center li:nth-child(4){ background: url(../images/ico_4.png) no-repeat left center; }
.dahe_xia_center li:nth-child(5){ background: url(../images/ico_5.png) no-repeat left center; }
.dahe_xia_center li:nth-child(6){ background: url(../images/ico_6.png) no-repeat left center; }
.dahe_xia_center li h3{ font-size: 18px; color: #dcdddf; }
.dahe_xia_center li h6{ font-size: 12px; text-transform: uppercase; color: #dcdddf; }




.banner{ width: 100%; position:relative;  height:680px; overflow:hidden;  }
.banner .bd{ position:relative; z-index:0; text-align: center; }
.banner .bd li{ width:100%;  height:680px; float: left; position: relative;}
.banner .bd li a{ height:680px; display:block; width: 100%;}
.banner .hd{ width:100%; height:8px; position:absolute; z-index:1; bottom:30px; left:0;text-align:center; }
.banner .hd ul li{ cursor:pointer; display:inline-block; *display:inline; zoom:1; width:12px; height:12px; margin:0 5px; background:#fff;border-radius: 50%;
    line-height:9999px; position: relative;}
.banner .hd ul .on{ width: 40px; border-radius: 25px; background-color: #f4d622;}

.banner_desc{position: absolute;left: 50%;text-align: left;top: 240px;margin-left: -600px;}
.banner_desc h2{font-size: 48px;color:#fff;}
.banner_desc p{font-size: 20px;color:#fff;margin-top: 15px;}
.banner_desc .banner_a{width: 120px !important;height: 36px !important;text-align: center;line-height: 36px;color:#fff;background: #353535;display: block;position: absolute;overflow: hidden;}
.banner_desc .banner_a:after{position: absolute;width: 120px;height: 36px;background: #f4d622;top: 36px;left: 0;content: "";z-index: 1;
  -webkit-transition: .3s; -o-transition: .3s; transition: .3s;}
.banner_desc .banner_a span{z-index: 2;position: relative;  -webkit-transition: .3s; -o-transition: .3s; transition: .3s;}
.banner_desc .banner_a:hover:after{top: 0px;}
.banner_desc .banner_a:hover span{color:#333;}

.w1200{width: 1200px;margin: 0 auto;}
.product_xia{ background: url(../images/product_bg.jpg) no-repeat; height:1055px; padding-top: 80px; }
/*关键词&搜索框*/
.hot-keyword {
    /*display: none;*/
    height: 60px;
    line-height: 60px;
    /*border-bottom: 1px solid #E0E0E0;*/
    background: #F5F5F5;
    font-size: 14px;
    overflow: hidden;
}
.hot-keyword a {
margin-left: 10px;
}
.search-box {
    margin-top: 5px;
    font-size: 0;
}
.search-box .search-txt {
    width: 160px;
    text-indent: 10px;
}
.search-box .search-sub {
    width: 50px;
    background: #666;
    color: #fff; 
    cursor: pointer;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
}
.search-box .search-sub:hover {
    background: #353535;
}
.search-box input {
    height: 30px;
    line-height: 30px;
    font-size: 14px;
}



.index_nav{height: 60px;line-height: 60px;text-align: center;font-size: 16px;}
.index_nav li{text-align: center;display: inline-block;margin: 0 20px;}
.index_nav li a{color:#9e9e9e;display: block;position: relative;}
.index_nav li.on a,.index_nav li:hover a{color:#333333;}
.index_nav li a:after{content: ".";text-indent: 999px;overflow: hidden;position: absolute;bottom: -1px;left: 50%;display: block;width: 0px;border-bottom: 2px solid #333;
-webkit-transition: .3s; -o-transition: .3s; transition: .3s;}
.index_nav li.on a:after,.index_nav li a:hover:after{width: 100%;left: 0;}

.index_pro{width: 100%;}
.index_pro ul li{width: 21%;float: left;text-align: center;font-size: 16px;padding-bottom: 30px;margin: 60px 2%;}
.index_pro ul li .pro_img{width: 80%;margin: 0 auto;}
.index_pro ul li{-webkit-transition: .5s;-o-transition: .5s;transition: .5s;}
.index_pro ul li:hover{-webkit-box-shadow:0 5px 30px rgba(0,0,0,0.2);box-shadow:0 5px 30px rgba(0,0,0,0.2);-webkit-transform:translate3d(0, -2px, 0);transform:translate3d(0, -2px, 0)}
.index_pro ul li:hover a{color:#333;}


.index_mid{background: #353535;}
.index_mid_t_l,.index_mid_t_r{width: 50%;position: relative;}

.index_mid_t_con{position: absolute;left: 9%;top: 20%;width: 61%;}
.mid_t_top{border-bottom: 1px solid #e1c624;height: 35%;color:#353535;padding:0 0 50px 48px;position: relative;margin-bottom: 30px;}
.mid_t_top:after{content: "";width: 26px;height: 58px;display: block;border: 2px solid #353535;position: absolute;left: 0;top: 0;}
.mid_t_top h2{font-size: 30px;line-height: 30px;padding-bottom: 10px;}
.mid_t_top h3{font-size: 14px;}
.mid_t_txt{font-size: 14px;color:#353535;line-height: 34px;}
.mid_t_a{width: 136px;height: 46px;background: #353535;color:#fff;text-align: center;line-height: 46px;font-size: 14px;margin-top: 60px;display: block;overflow: hidden;
    position: relative;z-index: 2;}
.mid_t_a:after{position: absolute;width: 100%;height: 46px;content: "";display: block;top: 46px;background: #fff;z-index: -1;-webkit-transition: .3s; -o-transition: .3s; transition: .3s;}
.mid_t_a:hover{color:#333;}
.mid_t_a:hover:after{top: 0;}

.index_mid_b_con{position: absolute;right: 12%;top: 0;width: 60%;margin: 10% 0 0;}
.index_mid_b_con h2{font-size: 48px;color:#ffffff;opacity: 0.1;}
.index_mid_b_con h3{font-size: 24px;color:#fff;padding-bottom: 25px;border-bottom: 1px solid #3c3c3c;float: left;}
.mid_b_txt{font-size: 14px;color:#fff;opacity: 0.4;width: 100%;float: left;margin-top: 30px;line-height: 30px;}
.mid_b_a{margin: 60px 0 0 !important;background: #fff !important;color:#333 !important;float: left;}
.mid_b_a:after{background: #f4d622;}

@media (max-width: 1601px){
.index_pro ul li{margin: 30px 2%;}
.mid_t_top{border-bottom: 1px solid #e1c624;height: 26%;color:#353535;padding:0 0 30px 40px;position: relative;margin-bottom: 20px;}
.mid_t_top:after{content: "";width: 24px;height: 46px;display: block;border: 2px solid #353535;position: absolute;left: 0;top: 0;}
.mid_t_top h2{font-size: 24px;line-height: 24px;padding-bottom: 8px;}
.mid_t_top h3{font-size: 14px;}
.mid_t_txt{font-size: 12px;color:#353535;line-height: 28px;}
.mid_t_a{width: 130px;height: 40px;background: #353535;color:#fff;text-align: center;line-height: 40px;font-size: 14px;margin-top: 40px;}
.mid_t_a:after{height: 40px;top: 40px;}
.index_mid_b_con{margin: 8% 0 0;}
.index_mid_b_con h2{font-size: 40px;}
.index_mid_b_con h3{font-size: 18px;color:#fff;padding-bottom: 20px;}
.mid_b_txt{font-size: 12px;margin-top: 20px;line-height: 26px;}
.mid_b_a{margin: 30px 0 0 !important;}
}


.index_t{text-align: center;height: 44px;line-height: 44px;position: relative;}
.index_t h2{color:#333333;opacity: 0.1;font-size: 60px;font-weight: bold;}
.index_t h3{position: absolute;top: 0;color:#333;font-size: 24px;width: 100%;text-align: center;}

.news_list li{height: 103px;width: 100%;position: relative;margin-bottom: 40px;}
.news_list li a{display: block;}
.news_list li .news_data{position: absolute;left: 0;top: 5px;font-size: 16px;color:#999;font-family: 'HELVETICANEUELTPRO-THEX'; }
.news_list li .news_data span{font-size: 36px;color:#666666;display: block;}
.news_list li .news_img{width: 260px;height: 103px;overflow: hidden;position: absolute;left: 185px;-webkit-transition: .3s; -o-transition: .3s; transition: .3s;text-align: center;}
.news_list li .news_txt{position: absolute;left: 505px;width: 500px;font-size: 14px;color:#666;line-height: 26px;overflow: hidden;-webkit-transition: .3s; -o-transition: .3s; transition: .3s;}
.news_list li .news_txt h2{font-size: 16px;color:#333;padding: 8px 0;display:block;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.news_list li .news_icon{width: 54px;height: 54px;line-height: 54px;text-align: center;display: block;border: 1px solid #ddd;font-family: "宋体";border-radius: 50%;
position: absolute;top: 24px;right: 70px;color:#ccc;font-size: 24px;-webkit-transition: .3s; -o-transition: .3s; transition: .3s;}

/*.news_list li:hover .news_img{left: 145px;}*/
.news_list li:hover .news_txt{left: 480px;color:#333;}
.news_list li:hover .news_txt h2{color:#000;}
.news_list li:hover .news_icon{border: 1px solid #353535;background: #353535;color:#fff;}
.news_more{width: 130px;height: 40px;line-height: 40px;border: 1px solid #ddd;text-align: center;font-size:14px;color:#666;display: block;overflow: hidden;
    margin: 60px auto; position: relative;z-index: 2;}
.news_more:after{position: absolute;left: 0;top: 40px;background: #353535;border: 1px solid #353535;color:#f4d622;width: 130px;height: 40px;display: block;content: "";z-index: -1;-webkit-transition: .3s; -o-transition: .3s; transition: .3s;}
.news_more:hover{color:#fff;}
.news_more:hover:after{top: -1px;}

.footer{height: 280px;background: #f5f5f5;padding-top: 50px; }
.foot_nav ul li{width: 170px;float: left;font-size: 14px;line-height: 30px;padding-top: 10px;}
.foot_nav ul li h2{font-size: 18px;color:#666;padding-bottom: 15px;}
.foot_nav ul li a{color:#888;-webkit-transition: .3s; -o-transition: .3s; transition: .3s;}
.foot_nav ul li a:hover{color:#888;padding-left: 5px;}

.foot_r{text-align: center;font-size: 18px;line-height: 18px;color:#666666;}
.foot_r p{font-size: 33px;color:#333;padding: 30px 0 15px;}
.foot_r span{font-size: 14px;color:#999;}
.footer .company-info {
    width: 400px;
    float: right;
    margin-top: 10px;
    color: #333;
    text-align: center;
}
.footer .company-info h3 {
    margin-bottom: 20px;
    color: #333;
    font-weight: 400;
    font-size: 18px;
}
.footer .company-info .hot-line {
    background: url(../images/bottom_tell.png) no-repeat left 10px;
    font-size: 34px;
    font-weight: 600;
    height: 85px;
    color: #eecb3b;
    line-height: 30px;
}
.footer .company-info .hot-line span{ width: 61%; display: inline-block; text-align: left; color: #eecb3b; font-weight: lighter; font-size: 16px; }
.footer .company-info .tel {
    color: #bcbdc0;
    line-height: 1.75;
    font-size: 14px;
    text-align: left;
    padding-left: 71px;
}
.footer .company-info .tel span {
    position: relative;
    display: inline-block;
    width: 40px;
    left: -10px;
    top: 0px;
}

.bottom{height: 60px;background: #353535;line-height: 60px;color:#7e7e7e;}
.bottom a{color:#7e7e7e;}

.bottom .fr a{width: 18px;height: 15px;display: inline-block;opacity: 0.5;margin: 0 10px;-webkit-transition: .3s; -o-transition: .3s; transition: .3s;}
.bottom .fr a:hover{opacity: 1;}
.sina{background: url(../images/sina.png) center no-repeat;}
.weixin{background: url(../images/weixin.png) center no-repeat;position: relative;display: none !important;}
.weixin span{position: absolute;width: 100px;height: 100px;border-radius: 5px;background: #fff;left: -40px;top: -110px;border: 1px solid #ccc;text-align: center;opacity: 0;}
.weixin:hover span{opacity: 1;}
.qq{background: url(../images/qq.png) center no-repeat;}

.position{height: 150px;background: #f3f3f3;}
.position h2{font-size: 24px;color:#666;padding-top: 40px;}
.location,.location a{font-size: 14px;color:#999;}
.location a:hover{color:#f4d622;}
.video li{width: 285px;height: 280px;float: left;margin-right: 20px;text-align: center;font-size: 16px;}
.video li:nth-child(4n){margin: 0;}
.video li .video_img{width: 285px;height: 250px;overflow: hidden;line-height: 250px;position: relative;}
.video li .video_img i{width: 285px;height: 250px;position: absolute;left: 0;top: 0;display: block;background: url(../images/video_icon.png) center no-repeat;-webkit-transition: .3s; -o-transition: .3s; transition: .3s;}
.video li:hover i{background: url(../images/video_icon_on.png) center no-repeat;}
.video li p{height: 70px;line-height: 70px;color:#999;-webkit-transition: .3s; -o-transition: .3s; transition: .3s;}
.video li:hover p{color:#f4d622;}

.in_banner{position: relative;}
.in_banner h2{font-size: 36px;text-align: center;position: absolute;top: 50%;height: 40px;line-height: 40px;margin: -20px 0 0;width: 100%;}
.in_banner h3{font-size: 24px;text-align: center;position: absolute;top: 50%;height: 40px;line-height: 40px;margin: -220px 0 0;width: 100%;color:#666;}
.in_banner ul{height: 164px;width: 100%;text-align: center;position: absolute;top: 50%;margin: -82px 0 0;}
.in_banner li{height: 164px;width: 164px;display: inline-block;margin: 0 30px;background: #fff;border-radius: 25px;font-size: 16px;color:#666;-webkit-transition: .3s; -o-transition: .3s; transition: .3s;}
.in_banner li a{display: block;color:#666;-webkit-transition: .3s; -o-transition: .3s; transition: .3s;}
.in_banner li i{width: 60px;height: 60px;display: block;margin: 40px auto 10px;-webkit-transition: .3s; -o-transition: .3s; transition: .3s;}
.in_banner li.ser_1 i{background: url(../images/service_1.png) center no-repeat;}
.in_banner li.ser_2 i{background: url(../images/service_2.png) center no-repeat;}
.in_banner li.ser_3 i{background: url(../images/service_3.png) center no-repeat;}
.in_banner li.ser_4 i{background: url(../images/service_4.png) center no-repeat;}
.in_banner li.ser_1:hover i{background: url(../images/service_1_on.png) center no-repeat;}
.in_banner li.ser_2:hover i{background: url(../images/service_2_on.png) center no-repeat;}
.in_banner li.ser_3:hover i{background: url(../images/service_3_on.png) center no-repeat;}
.in_banner li.ser_4:hover i{background: url(../images/service_4_on.png) center no-repeat;}
.in_banner li:hover{background: #f4d622}
.in_banner li:hover a{color:#fff;}

@media (max-width: 1900px){
.in_banner h3{font-size: 24px;text-align: center;position: absolute;top: 50%;height: 40px;line-height: 40px;margin: -160px 0 0;width: 100%;color:#666;} 
.in_banner ul{height: 140px;margin: -70px 0 0;}
.in_banner li{height: 140px;width: 140px;}
.in_banner li i{width: 60px;height: 60px;display: block;margin: 25px auto 10px;}
.dahe_xia_left{width: 20%;}
.dahe_xia_left img{ padding-left: 20px; }
.dahe_xia_center{ width: 55%; }
.dahe_xia_center li{ margin-top: 5px; }
.dahe_xia_right h5{ font-size: 36px; }
.dahe_xia_center li{ margin-left: 70px; }
}



.video_xia_top a{width: 80px; text-transform: uppercase; display: block; font-size: 16px; color: #717171;}
.title_h3{ width: 300px; font-size: 24px; color: #000; line-height: 25px; }
.title_h3>a{ width: 300px; font-size: 24px; color: #000; line-height: 25px; }
.title_h3 span{ color: #818181; font-size: 12px; text-transform: uppercase; }
.video_xia_top{ padding-top: 60px; padding-bottom: 30px;height:55px; }

.video_xia_ul li{ float: left; margin-right: 30px; position: relative; background-color: #fff; }
.video_xia_ul li:nth-child(3){ margin-right: 0; }
.video_xia_ul h4{ padding-left: 15px; line-height: 66px; font-size: 16px; text-align: left; }
.video_xia_ul li span{ display: block; width: 80px; height: 80px; background: url(../images/video_ico2.png) no-repeat; position: absolute; left: 50%; transition: 0.3s; top: 40%; margin-left: -40px; margin-top: -54px;}
.video_xia_ul li:hover span{ background: url(../images/video_ico.png) no-repeat; }
.video_xia_ul{}
.about_xia_r{width: 560px;}
.about_xia_r h3{ font-size: 26px; color: #333;  }
.about_xia_r h4{ font-size: 20px; color: #3a3a3a; padding-top: 10px; }
.about_xia_r h5{ font-size: 14px; color: #aaa; }
.about_xia_r h5 a{ color: #aaa; }
.about_xia{margin-bottom: 40px;}

.about_more{ margin-top: 40px; float: left; display: block; width: 155px; height: 40px; padding-left: 25px; background: #eecb3b url(../images/jiantou.png) no-repeat 130px center; font-size: 16px; color: #303030; line-height: 40px; transition: 0.3s;}
.about_more:hover{ color: #303030; background: #eecb3b url(../images/jiantou.png) no-repeat 140px center;}
.gongsi_l{ margin-bottom: 24px; }
.gongsi_l a{ display: block; float: left; font-size: 18px; transition: 0.3s; margin-right: 10px; width: 220px; height: 50px; text-align: center; line-height: 50px;background-color: #fff; color: #333; }
.gongsi_l a:hover{ background-color: #eecb3b; color: #303030; }
.gongsi_l .on a{ background-color: #eecb3b; color: #303030; }

.gongsi_l .more_xi{width:80px; float: right!important; text-transform: uppercase; display: block; font-size: 16px; color: #fff; background: none;}
.gongsi_l .more_xi:hover{ background: none; }
.huanjing li{ margin-right: 12px; float: left; width: 290px;}
.huanjing li:nth-child(4){ margin-right: 0; }
.huanjing{padding-bottom: 50px; display: none;}
.xiangni li{ float: left;  }

.news_xia_1{width: 380px; float: left; margin-right: 30px;}
.news_xia_1:nth-child(3){ margin-right: 0; }

.news_xia_1_con{text-align: center; padding: 0 10px; height: 280px; padding-top: 10px; background-color: #fff; border:1px solid #ddd; border-bottom: 0; transition: 0.3s;}
.news_xia_1_con img{ /* width: 358px; */ height: 199px; }
.news_xia_1_con h4{ font-size: 18px; color: #3a3a3a; padding-top: 15px; text-align: left; }
.news_xia_1_con h5{ font-size: 14px; color: #717171; padding-top: 15px; }
.new_gai{padding-top: 10px; padding-bottom: 10px; background-color: #fafafa; border:1px solid #ddd; border-top: 0;}
.new_gai li{ height: 35px; line-height: 35px; padding-left: 20px; display:block; overflow:hidden; white-space:nowrap;text-overflow:ellipsis; background: url(../images/yousanjiao.png) no-repeat 5px center; }
.new_gai li a{ color: #3a3a3a; font-size: 14px; }
.news_xia_1_con:hover{ background-color: #eecb3b;  }
.new_gai li:hover a{ color: #eecb3b; }
.new_gai li span{ float: right; color: #999; padding-right: 10px; }
.news_xia{ background: url(../images/news_bg.jpg) no-repeat; padding-bottom: 60px; }
.hzhb_xia li{float: left; margin-right: 10px; border: 1px solid #ddd; transition: 0.3s; margin: 10px; margin-top: 15px; margin-bottom: 15px;}
.hzhb_xia li:hover{  -webkit-box-shadow:0 15px 30px rgba(0,0,0,0.1);
box-shadow:0 2px 30px rgba(0,0,0,0.3);
-webkit-transform:translate3d(0, -2px, 0);
transform:translate3d(0, -2px, 0)
 }
 .hzhb_xia{ padding-bottom: 30px; }
 .gailun li:hover{ background: none; background-color: #eecb3b ; }




.contact{position: relative;font-size: 14px;color:#666666;line-height: 24px;}
.contact h2{font-size: 18px;color:#353535;padding-bottom: 20px;}
.contact h3{padding: 20px 0 10px;}

.contact_tel{position: absolute;right: 20px;top: 30px;background: url(../images/tel.png) left no-repeat;padding-left: 60px;}
.contact_tel span{font-size: 30px;color:#666666;}

.about_l{width: 180px;padding-top: 10px;}
.about_l ul li a{font-size: 15px;line-height: 16px;margin-bottom: 20px;padding-left: 15px;border-left: 2px solid #fff;display: block;-webkit-transition: .3s; -o-transition: .3s; transition: .3s;}
.about_l ul li:hover a,.about_l ul li.on a{border-left: 2px solid #f4d622;color:#f4d622;}
.about_r{width: 1200px;font-size: 14px;color:#666;line-height: 36px;overflow: hidden;}

.pro_r{width: 1200px;font-size: 16px;color:#666;overflow: hidden;}
.pro_t{font-size: 24px;color:#333;line-height: 24px;height: 52px;border-bottom: 1px solid #ddd;}
.pro_r_li ul li{width: 22%;float: left;text-align: center;font-size: 16px;padding-bottom: 30px;margin: 20px 1.5%;}
.pro_r_li ul li b{ display:block; overflow:hidden; white-space:nowrap;text-overflow:ellipsis; }
.pro_r_li ul li .pro_img{width: 80%;margin: 20px auto;}
.pro_r_li ul li p{overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.pro_r_li ul li{-webkit-transition: .5s;-o-transition: .5s;transition: .5s;}
.pro_r_li ul li:hover{-webkit-box-shadow:0 5px 30px rgba(0,0,0,0.2);box-shadow:0 5px 30px rgba(0,0,0,0.2);-webkit-transform:translate3d(0, -2px, 0);transform:translate3d(0, -2px, 0)}

.about_li ul li{width: 235px;margin: 20px 6px 0 0;padding-bottom: 20px;}
.about_li ul li:nth-child(5n){margin-right: 0;float: right;}
.about_li .pro_img{margin:20px 0 20px!important;width: 100% !important;margin-right: 3px !important;overflow: hidden;width: 236px;height: 151px;}
.about_li li:hover{box-shadow: none !important;transform:none !important;}
.about_li  img {
    -webkit-transition: 3s;
    -o-transition: 3s;
    transition: 3s;
}
.about_li  img:hover {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
}
/*.faq li{border-bottom: 1px solid #ddd;padding-bottom: 50px;font-size: 14px;line-height: 28px;color:#666;margin-bottom: 40px;}
.faq li h2{font-size: 16px;padding:0 0 15px 50px;position: relative;}
.faq li h2 i,.faq li p i{position: absolute;left: 0;top: 3px;width: 24px;height: 24px;line-height: 24px;text-align: center;color:#fff;display: block;border-radius: 50%;background: #333;}
.faq li p{padding-left: 50px;position: relative;}
.faq li p i{background: #f4d622;}
*/
.faq-list {
    border-top: 1px solid #E4E4E4;
}
.faq-list li {
    border-bottom: 1px solid #E4E4E4;
}
.faq-list .question {
    font-size: 16px;
    color: #333;
    height: 60px;
    line-height: 60px;
    color: #666;
    cursor: pointer;
}
.faq-list li .question.on {
    color: #333;
}
.faq-list .question .fa-q {
    margin-left: 9px;
    margin-right: 15px;
    width: 21px;
    height: 21px;
    background: #333;
    color: #fff;
    text-align: center;
    line-height: 21px;
    border-radius: 50%;
    position: relative;
    top: -1px;
}
.faq-list .question .fa-q:before {
    content: "?";
}
.faq-list .question .fa-dropdown {
    float: right;
    margin-top: 25px;
    margin-right: 37px;
    width: 19px;
    height: 10px;
    background-position: 0 -667px;
}
.faq-list .question.on .fa-dropdown {
    background-position: 0 -677px;
}
.faq-list .answer {
    padding: 0 45px 45px;
    line-height: 1.7;
    display: none;
}
.faq-list .answer p {
    /*margin-bottom: 10px;*/
    line-height: 2;
}
.faq-list .question .fa-dropdown {
    float: right;
    margin-top: 25px;
    margin-right: 37px;
    width: 19px;
    height: 10px;
    background-position: 0 -667px;
}
.fa {
    display: inline-block;
    background: url(../images/sprite.png) no-repeat;
    vertical-align: middle;
    position: relative;
}



.down_item li{width: 100px;height: 40px;line-height: 40px;font-size: 14px;color:#666;text-align: center;float: left;margin: 2px;position: relative;overflow: hidden;z-index: 2;}
.down_item li a{display: block;}
.down_item li:after{position: absolute;content: "";width: 100px;height: 40px;background: #f4d622;top: 40px;-webkit-transition: .3s; -o-transition: .3s; transition: .3s;left: 0;z-index: -1;}
.down_item li:hover:after,.down_item li.on:after{top: 0;}
.down_item li.on a,.down_item li:hover a{color:#fff;}
.down_list li{height: 70px;width: 1200px;background: #f5f5f5;line-height: 70px;font-size: 16px;color:#666;float: left;margin-bottom: 10px;position: relative;overflow: hidden;z-index: 2}
.down_list li i{width: 28px;height: 70px;display: block;position: absolute;left: 32px;top: 0;background: url(../images/pdf.png) center no-repeat;-webkit-transition: .1s; -o-transition: .1s; transition: .1s;}
.down_list li em{width: 23px;height: 70px;position: absolute;display: block;right: 45px;top: 0;background: url(../images/down.png) center no-repeat;-webkit-transition: .5s; -o-transition: .5s; transition: .5s;}
.down_name{position: absolute;left: 100px;width: 520px;overflow: hidden;}
.down_desc{position: absolute;left: 635px;}
.down_list li a{display: block;height: 70px;}
/*.down_list li:after{content: "";width: 1200px;height: 70px;position: absolute;left: -1200px;top: 0;background: #f4d622;-webkit-transition: .5s; -o-transition: .5s; transition: .5s;z-index: -1;}
.down_list li:hover:after{left: 0;}
.down_list li:hover a{color:#fff;}
.down_list li:hover i{background: url(../images/pdf_on.png) center no-repeat; }
.down_list li:hover em{background: url(../images/down_on.png) center no-repeat; }*/

.jsfw li{width: 595px;height: 370px;background: #f7f7f7;float: left;margin-bottom: 10px;text-align: center;}
.jsfw li:nth-child(2n){float: right;}
.jsfw_img{width: 100px;height: 100px;line-height: 100px;margin: 50px auto 20px;}
.jsfw li h2{font-size: 18px;line-height: 60px;}
.jsfw li p{font-size: 14px;color:#999;line-height: 24px;}

.service {font-size: 16px;color:#666;line-height: 36px;}
.ser_con{border-top: 1px solid #ddd;padding: 80px 65px 100px 475px;color:#777;position: relative;}
.ser_con h2{color:#666;padding:25px 0 5px;}
.ser_img{position: absolute;left: 0;top: 50px;}

.dingzhi_t{text-align: center;font-size: 24px;color:#333;height: 140px;line-height: 140px;overflow: hidden;}
.dz_t_ul{width: 100%;height: 250px;}
.dz_t_ul li{width: 300px;text-align: center;height: 250px;float: left;font-size: 16px;color:#666;line-height: 60px;}
.dz_t_ul li i{width: 170px;height: 170px;line-height: 170px;background: #f4f4f4;display: block;margin: 0 auto;border-radius: 50%;}
.dz_t_con{font-size: 16px;color:#666;text-align: center;line-height: 30px;margin: 30px 0;}

.dz_mid{height: 644px;background: url(../images/dz_mid.jpg) center no-repeat;}
.dz_mid_con{width: 1200px;height: 370px;background: #fff;position: relative;}
.dz_mid_1{width: 405px;height: 180px;position: absolute;left: 0;top: 0;color:#666;font-size: 14px;}
.dz_mid_1 p{padding: 55px;}
.dz_mid p span{font-size: 18px;padding-bottom: 10px;display: block;}
.dz_mid_2{position: absolute;width: 344px;height: 370px;left: 405px;top: 0;}
.dz_mid_3{position: absolute;width: 198px;height: 190px;left: 0;top: 180px;}
.dz_mid_4{position: absolute;left: 198px;top: 180px;width: 207px;height: 190px;background: #383838;color:#fff;font-size: 14px;}
.dz_mid_4 p{padding: 40px 0 0 30px;}
.dz_mid_5{position: absolute;width: 229px;height: 185px;left: 749px;top: 0;}
.dz_mid_6{position: absolute;right: 0;bottom: 0;}
.dz_mid_7{position: absolute;right: 0;top: 0;width: 220px;color:#666;font-size: 14px;}
.dz_mid_7 p{padding: 40px 0 0 35px;}
.dz_mid_8{position: absolute;right: 0;bottom: 0;width: 451px;color:#666;font-size: 14px;height: 185px;}
.dz_mid_8 p{padding: 40px 0 0 40px;}
.dz_bot .dingzhi_t{height: 80px;line-height: 80px;}
.dz_bot_con{text-align: center;font-size: 14px;color:#666;line-height: 30px;}
.dz_bot ul li{width: 244px;float: left;height: 244px;border: 1px solid #ddd;margin: 0 76px 80px;border-radius: 50%;text-align: center;font-size: 16px;color:#666;}
.dz_bot ul li p{font-size: 24px;padding-top: 50px;}
.dz_bot ul li p span{font-size: 72px;color:#f4d622;line-height: 100px;}


.pages{height: 35px;line-height: 35px;text-align: center;}
.pages a{background: #fff;font-size: 14px;padding: 3px 10px;color:#666;margin: 0 3px;}
.pages span{padding: 3px 10px;margin: 0 3px;font-size: 14px;}
.pages span,.pages a:hover{background: #f4d622;color:#fff;padding: 3px 10px;font-size: 14px;}


/*-----------------------------------------------------------------------------------*/
/*  新闻详情
/*-----------------------------------------------------------------------------------*/
.news-container {
    margin-bottom: 50px;
}
.icon-eye {
    width: 21px;
    height: 11px;
    background: url(../images/eye.png) no-repeat center;
    position: relative;
    top: -1px;
}
/*左侧*/
.news-show-left {float: left; width: 800px; background: #fff; margin: auto; -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.3); -moz-box-shadow: 0 0 1px rgba(0,0,0,.3); -ms-box-shadow: 0 0 1px rgba(0,0,0,.3); box-shadow: 0 0 1px rgba(0,0,0,.3);}
.news-show-left .news-title{padding: 40px 20px; padding-bottom: 20px; text-align: center;}
.news-show-left .news-title h1{font-size: 24px; color: #333; padding-bottom: 10px;font-weight: normal;}
.news-show-left .news-title p{font-size: 14px; color: #a3afb7;padding-bottom: 10px;border-bottom: 1px solid #F0F2F5;}
.news-show-left .news-title p a {color: #a3afb7;}
.news-show-left .news-views{margin: 40px 20px 20px; margin-top: 0; font-size: 14px;min-height: 600px; color: #666; line-height: 25px; overflow: hidden;}
.news-show-left .news-views img {
    max-width: 100%;
}
.news-views b,.news-views strong{font-weight: bold !important;}
.news-show-left .news-other{padding: 10px 15px; border-top: 1px #ddd solid;}
.news-show-left .news-other p{display: block; height: 30px;line-height: 30px;padding-left:3px;}
.news-show-left .news-other p a{font-size: 14px; color: #333;}
.news-show-left .news-other p a:hover{color: #f4d622;}
.news-show-left .share-bar {
    padding: 20px;
}
/*右侧*/
.news-show-right{float: right; width: 370px;}
.news-show-right dl{display: block; margin-top: 0; margin-bottom: 20px; background: #fff; -webkit-box-shadow: 0 0px 1px rgba(0,0,0,.3); -moz-box-shadow: 0 0px 1px rgba(0,0,0,.3); -ms-box-shadow: 0 0px 1px rgba(0,0,0,.3); box-shadow: 0 0px 1px rgba(0,0,0,.3);}
.news-show-right dl dt{display: block; height: 42px; line-height: 42px; position: relative; border-bottom: 1px #dedede solid;}
.news-show-right dl.tab dt{height: 42px; line-height: 42px;color: #1d1d1d; font-size: 18px;padding-left: 20px;}
.news-show-right dl.tab dd{position: relative;}
.news-show-right dl.tab dd ul{display: block; padding: 0 20px 20px;}
.news-show-right dl.tab dd ul li{display: block; padding: 20px 0 10px; border-bottom: 1px #ddd solid;}
.news-show-right dl.tab dd ul li .pic {
    line-height: 51px;
    margin-right: 14px;
    width: 86px;
    height: 51px;
    overflow: hidden;
    position: relative;
}
.news-show-right dl.tab dd ul li h5 {
    padding-top: 4px;
    padding-bottom: 10px;
    font-size: 14px;
    color: #333;
    display: block;
    line-height: 20px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.news-show-right dl.tab dd ul li h5 a {
    color: #333;
}
.news-show-right dl.tab dd ul li h5 a:hover {
    color: #f4d622;
}
.news-show-right dl.tab dd ul li .news-cate {
    color: #999;
}
.news-show-right dl.tab dd ul li i{  float: left;font-size: 12px;color: #999;}
.news-show-right dl.tab dd ul li em {
    float: right;
    padding-left: 25px;
    width: 30px;
    font-size: 12px;
    color: #999;
    background: url(../images/eye.png) no-repeat left center;
    font-style: normal;
}
.news-show-right dl.tab dd .more_r{color: #333; height: 45px; line-height: 45px; border-top: 1px #ddd solid; position: relative; top: -1px; text-align: center;}
.news-show-right dl.tab dd .more_r a{display: inline-block; position: relative; color: #333;}
.news-show-right dl.tab dd .more_r a b{margin-left: 5px;font-family: "宋体";-webkit-transition: transform .3s;-o-transition: transform .3s;transition: transform .3s;}
.news-show-right dl.tab dd .more_r a:hover b{-webkit-transform: translateX(5px);-ms-transform: translateX(5px);-o-transform: translateX(5px);transform: translateX(5px);}
.news-show-right dl.tab dd .more_r a:hover{color: #f4d622;}
.news-show-right dl.list dt{padding-left: 20px; color: #333; font-size: 18px;}
.news-show-right dl.tab dt a{width: 33%; height: 42px; line-height: 42px; text-align: center; display: table-cell; color: #009A62; font-size: 18px; -webkit-transition:all .3s ease-in-out; -moz-transition:all .3s ease-in-out; -ms-transition:all .3s ease-in-out; transition:all .3s ease-in-out;}
.news-show-right dl.list dt a b{width: 15px; height: 15px; overflow: hidden; display: inline-block; vertical-align: middle; background-position: 0 -64px; margin-left: 2px; position: relative; top: -1px;}
.news-show-right dl.list dd ul{display: block; padding: 20px;}
.news-show-right dl.list dd ul li{padding-bottom: 12px; display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.news-show-right dl.list dd ul li a{color: #333; font-size: 14px;
    -webkit-transition: .2s;
    -o-transition: .2s;
    transition: .2s;
}
.news-show-right dl.list dd ul li a:hover{color: #f4d622;}

/* Sweep To Top */
.hvr-sweep-to-top {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.hvr-sweep-to-top:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #f4d622;
  -webkit-transform: scaleY(0);
  transform: scaleY(0);
  -webkit-transform-origin: 50% 100%;
  transform-origin: 50% 100%;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-sweep-to-top:hover, .hvr-sweep-to-top:focus, .hvr-sweep-to-top:active {
  color: white;
}
.hvr-sweep-to-top:hover:before, .hvr-sweep-to-top:focus:before, .hvr-sweep-to-top:active:before {
  -webkit-transform: scaleY(1);
  transform: scaleY(1);
}
.gr-back-btn {
    margin-top: 6px;
    width: 125px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    background-color: #696969;
    font-size: 14px;
    color: #fff;
    position: relative;
    overflow: hidden;
    z-index: 2;
}

.gr-back-btn:after{
    content: "";
    width: 125px;height: 40px;top: 40px;background: #f4d622;display: block;position: absolute;left: 0;z-index: -1;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;

}
.gr-back-btn:hover:after{
    top: 0;
}


/*产品详情页*/
.cate-position {
    height: 50px;
    line-height: 50px;
    font-size: 14px;color:#999;
    background-color: #F5F5F5;
}
.cate-position a {
    color:#999;
    -webkit-transition: .2s;
    -o-transition: .2s;
    transition: .2s;
}
.cate-position span {
    color: #999;
}
.product-detail {
    font-size: 14px;color:#666;line-height: 30px;border: 1px solid #E6E6E6;margin: 50px auto;
    padding: 50px;
    background: #fff;
}

.product-detail-header {
    padding-bottom: 40px;
    background-color: #fff;
    border-bottom: 1px solid #ddd;
}
.product-pic {
    /*height: 550px;*/
}

.product-zoom {
    float: left;
}
/*产品左侧*/
.prodcut-albums {
    padding-top: 20px;
}
.prodcut-albums-box {
    position: relative;
    width: 600px;
    /*background-color: red;*/
}
.prodcut-albums-box .arrow-btn {
    position: absolute;
    top: 180px;
    z-index: 10;
    width: 48px;text-align: center;line-height: 48px;font-family: "宋体";font-size: 20px;font-weight: bold;
    height: 48px;color:#999;
    background-color: #eee;
    background-repeat: no-repeat;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
}
.prodcut-albums-box .arrow-btn:hover {
    background-color: #ccc;
}
.prodcut-albums-box .prev {
    left: 20px;
    background-position: 0 0;
}
.prodcut-albums-box .next {
    right: 20px;
    background-position: 0 -50px;
}
.prodcut-albums-box .bd {
    margin: 0 auto;
    width: 500px;
    height: 400px;
    overflow: hidden;
}
.prodcut-albums-box .bd ul li {
    float: left;
    width: 500px;
    line-height: 400px;
    height: 400px;
    background-color: #fff;
    text-align: center;
}
.prodcut-albums-box .hd {
    margin-top: 20px;
    text-align: center;
}
.prodcut-albums-box .hd ul li {
    display: inline-block;
    margin: 0 5px;
    width: 64px;
    height: 66px;
    line-height: 66px;
    border: 2px solid #fff;
    background-color: #fff;
    font-size: 0;
    opacity: 0.9;
    filter: alpha(opacity=90);
    cursor: pointer;
}
.prodcut-albums-box .hd ul li img {
    max-width: 100%;
    vertical-align: middle;
}
.prodcut-albums-box .hd ul li.on {
    border-color: #ddd;
    opacity: 1;
    filter: alpha(opacity=100);
}



.product-detail-header .product-des {
    float: right;
    padding-top: 40px;
    width: 520px;
}
.product-detail-header .product-des h2.tit {
    padding-bottom: 20px;
    font-size: 24px;
    color: #333;
    border-bottom: 1px solid #E2E2E2;
}
.product-detail-header .product-des .tip {
    padding-top: 20px;
    padding-bottom: 20px;
    border-bottom: 1px solid #e2e2e2;
    line-height: 2;
    font-size: 16px;
}
.product-detail-header .p-desc {
    font-size: 14px;color:#666;
    line-height: 30px;
    padding: 20px 0 0;
}
.product-detail-header .p-desc .more-yy a {
    color: #FF0000;
    font-weight: bold;
    font-size: 18px;
}
.product-detail-header .p-desc .more-yy a span{ color: #666; }

.product-detail-header .p-desc p strong{ font-weight: bold; font-size: 18px;}
.product-detail-header .product-des .subcat li {
    float: left;
    margin-right: 10px;
    margin-bottom: 10px;
    width: 128px;
    height: 44px;
    line-height: 44px;
    border: 1px solid #e4e4e4;
    text-align: center;
    cursor: pointer;
    position: relative;
}
.product-detail-header .product-des .subcat li a {
    display: block;
}
.product-detail-header .product-des .subcat li.on,
.product-detail-header .product-des .subcat li:hover {
    border-color: #39A6E8;
}
.product-detail-header .product-des .subcat li.on:before {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 15px;
    height: 15px;
    line-height: 15px;
    content: url(../images/p-on.png);
}
.product-detail-header .product-des .iso {
    margin-top: 5px;
    height: 36px;
    line-height: 36px;
}
.product-detail-header .product-des .iso .tit {
    float: left;
    margin-right: 20px;
    font-size: 16px;
}
.product-detail-header .product-des .zixun-box {
    margin-top: 25px;
    height: 54px;
}
.product-detail-header .product-des .zixun {
    display: inline-block;
    width: 130px;
    height: 48px;
    line-height: 48px;
    text-align: center;
    background: #f4d622;
    color: #ce0000;
    font-size: 14px;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
}
.product-detail-header .product-des .zixun:hover{
    color:#fff;background: #353535
}
.product-detail-header .product-des .other {
    width: 130px;display: inline-block;margin: 0 10px;
    height: 48px;
    line-height: 48px;
    text-align: center;
    background: #ddd;
    color: #666;
    font-size: 14px;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
}
.product-detail-header .product-des .other:hover{
    color:#fff;background: #353535;
}

.p-hotline{font-size: 24px;color:#999;padding: 20px 0;display: block;}
.p-hotline span{font-size: 24px;color:#333;}
.product-detail-item {
    width: 100%;
    height: 67px;background: #f5f5f5;
    line-height: 67px;
    font-size: 18px;
    border-bottom: 1px solid #ddd;
    text-align: center;
    z-index: 999;
}
.product-detail-item li {
    position: relative;
    display: inline-block;
    margin: 0 30px;
    font-size: 16px;
    color: #9e9e9e;
    -webkit-transition: .2s;
    -o-transition: .2s;
    transition: .2s;
    cursor: pointer;
}
.product-detail-item li ~ li:before {
    position: absolute;
    left: -35px;
    top: 0;
    content: "|";
    color: #D6D6D6;
    cursor: default;
}
.product-detail-item li.on:after {
    position: absolute;
    left: 0;
    bottom: -1px;
    border-bottom: 2px solid #333;
    width: 100%;
    content: "";
}
.product-detail-item li:hover,
.product-detail-item li.on {
    color: #333;
}
.product-detail .bd {
    height: auto!important;
}
.product-detail .bd .item {
    position: static!important;
}
.product-detail .bd .item ~ .item {
    display: none;
}
.product-intro .p-cont {
    line-height: 2;
    
}
.product-intro .p-cont li {
    list-style: disc;
}
.product-detail .tit .p-tit {
    font-size: 18px;
    color: #333;
    font-weight: 400;
}
.product-detail .tit .p-tit span {
    font-size: 14px;
    color: #999;
}
.product-intro .tit .p-tit {
    line-height: 54px;
}
.product-spec .tit .p-tit {
    line-height: 74px;
}
.product-detail table {
    width: 100%;
}
.product-detail tr {
    height: 60px;
}
.product-detail .firstRow th {
    font-weight: 400;
}

.product-detail table{border-top:1px solid #333;border-left:1px solid #333;}
.product-detail table td,.product-detail table th{border-bottom:1px solid #333;border-right:1px solid #333;}


.product-spec .spec-cont h5 {
    /*padding: 0 0 20px!important;*/
    font-size: 16px;
    text-align: center;
    font-family: "Microsoft JhengHei","Segoe UI","Lucida Grande",Helvetica,Arial,"Microsoft YaHei"!important;
}
.product-spec .spec-cont h5:first-child {
    padding: 0 0 20px!important;
}
.product-spec .spec-cont tr {
    height: 60px;
}
.product-spec .spec-cont .firstRow th {
    font-weight: 400;
}
.product-intro{padding-bottom: 30px;}
.product-spec .spec-cont table{width: 100%!important; border-top:1px solid #333;border-left:1px solid #333;}
.product-spec .spec-cont table td,.product-spec .spec-cont table th{border-bottom:1px solid #333;border-right:1px solid #333;}


.back-bar {
    margin-top: 20px;
    padding-top: 20px;
    border-top: 1px dotted #e4e4e4;
}

.back-btn-left {
    float: left;
    padding: 6px 15px;
    border: 1px solid #e4e4e4;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
}
.back-btn-left:hover {
    border-color: #39A6E8;
    background-color: #39A6E8;
    color: #fff;
}
.back-btn-right {
    float: right;
    display: none;
}

/*其他*/
.gr-page-other {
    border-top: 1px dotted #ddd;
    margin-top: 15px;
    padding-top: 10px;
    border-bottom: 1px dotted #ddd;
    padding-bottom: 10px;
}
.gr-product-content .gr-page-other {
    border-color: #E4EAEC;
}
.gr-page-other p {
    line-height: 26px;
}
.gr-back-btn {
    margin-top: 6px;
    width: 125px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    background-color: #353535;
    font-size: 14px;
    color: #fff!important;
}

.contact hr{border: none;border-bottom: 1px solid #eaeaea;}
.contact-info {
    background: #fff;
    text-align: center;
}
.contact-info ul li {
    float: left;
    padding: 50px 0;
    width: 25%;
}
.contact-info ul li .icon {
    display: inline-block;
    width: 50%;
    height: 42px;
}
.contact-info ul li .tit {
    padding: 13px 0 5px;
}
.contact-info ul li .info {
    font-size: 18px;
    color: #333;
}
.contact-info ul li .info a {
    color: #333;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
}
.contact-info ul li .info a:hover {
    color: #39A6E8;
}
.address-info {
    padding-top: 20px;
    padding-left: 103px;
    padding-right: 103px;
}
.address-info .fa-address {
    margin-right: 17px;
    top: -1px;
}
.fa-kf {
    width: 25px;
    height: 42px;
    background-position: -93px -102px;
    
}
.fa-tel {
    width: 49px;
    height: 40px;
    background-position: -93px -45px;
}
.fa-mob {
    width: 37px;
    height: 42px;
    background-position: -93px 0;
}
.fa-mail {
    top: 6px;
    width: 45px;
    height: 35px;
    background-position: -103px -192px;
}
.fa-address {
    width: 18px;
    height: 22px;
    background-position: -93px -154px;
}


.qqkefu{
    position: fixed;
    bottom:40%;
    _position: absolute;
    _top: expression(eval(document.documentElement.scrollTop + 365));
    z-index: 999;
    right:0;
    width:53px
    }
.qqkefu ul li{
    height:47px;
    margin-bottom:1px;
    float:right;
    background:#757575;
    line-height:47px;
    font-size:14px;
    cursor:pointer;
    opacity: 0.9;
    position:relative
}
.qqkefu ul li a{
    color:#333;
    }
.qqkefu ul li.qq_cza{
    overflow:hidden
    }
.qqkefu ul li:hover{
    background:#f4d622;
    }
.qqkefu ul li.top{
    color:#1c1c1c;
    font-weight:800;
    text-align:center;
    background:#39A6E8 url(../images/top_icon.png) no-repeat center;
    position:relative;
    width:53px;
    cursor:pointer;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    }
.qqkefu ul li.top:hover {
    background-color: #339AD8;
}
.qqkefu ul li b{
    width:53px;
    height:47px;
    display:block;
    overflow:hidden;
    float:left;
}
.qqkefu ul li b.a{
    background:url(../images/kf/czx4.png?1220) no-repeat center center;
}
.qqkefu ul li b.b{
    background:url(../images/kf/czx3.png) no-repeat center center;
}
.qqkefu ul li b.d {
    background:url(../images/kf/bdsq.png) no-repeat center center;
}
.qqkefu ul li b.c{
    background:url(../images/kf/czx5.png) no-repeat center center;
}
.qqkefu ul li b.lxb{
    background:url(../images/kf/phone0.png) no-repeat center center;
}
.erweima{
    height: 150px;
    position: absolute;
    top: -105px;
    left: -134px;
    background: #FFF;
    border: 1px solid #CCC;
    float: right;
    cursor: default !important;
    display:none;
    }
.erweima p{
    line-height: 20px;
    color: #000;
    font-size: 12px;
    text-align: center;
    float: left;
    width: 130px;
    }
.erweima p img{
    width: 110px;
    height: 110px;
    margin: 10px 10px 0px 10px;
    }



.zs-message {
    padding-top: 30px;
    padding-bottom: 90px;
    background-color: #fff;
}
.zs-message-box {
    text-align: center;
}
.zs-message-list {
    padding-top: 10px;
}
.zs-message-list li {
    display: inline-block;
    margin: 0 35px;
    width: 264px;
    height: 56px;
    line-height: 56px;
    font-size: 18px;
    border-bottom: 1px solid #DFDFDF;
}
input {
    border: none;
    outline:none;
}
.zs-message-list li input {
    width: 100%;
    height: 99%;
}
.zs-message-list li input:focus {
    border-color: #fff;
    color: #999;
}
.zs-message-box .zs-submit {
    margin-top: 60px;
    width: 220px;
    height: 60px;
    line-height: 60px;
    background-color: #333;
    color: #fff;
    font-size: 20px;
    border-radius: 3px;
    cursor: pointer;
}


/*友链*/
.links {
    padding: 10px 0;
    line-height: 2;
    background-color: #fff;
    padding-bottom: 30px;
}
.links .more {
    width: 50px;
    position: relative;
    margin: 0;
    font-size: 16px;
    color: #999;
    text-align: center;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
}
.links .more:hover {
    color: #1B4889;
    -webkit-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
}
.links a {
    margin: 0 5px;
}





.lanmu{ width: 100%; height: 55px; background-color: #fff; border-bottom: 1px solid #E9E9E9; }
.lanmu_ul{ width: 1200px; text-align: center; height: 55px; margin: 0 auto; }
.lanmu_ul li a{ display: inline-block; height: 53px; line-height: 53px; padding: 0 2px; font-size: 14px; color: #9e9e9e; border-bottom: 2px solid #fff; }
.lanmu_ul li{ margin: 0 15px; display: inline-block;}
.lanmu_ul li.on a{ border-bottom: 2px solid #333; color: #333; }
.lanmu_ul li:hover a{ color: #333; }


.list_article li{ float: left; margin-right: 15px; width: 288px; background-color: #fff; margin-bottom: 40px; transition: 0.5s; }
.list_article li .pic-img{ width: 100%; height: 166px; overflow: hidden; }
.list_article li .pic-img img{  width: 100%; height: 166px; transition: transform 2s ease 0s, opacity 2s ease 0s; }
.list_article li .pic-img img:hover{ transform: matrix(1.1, 0, 0, 1.1, 0, 0);    animation: minus 10s 0s ease both infinite; animation-iteration-count: 1; }
.list_article li span{ transition: 0.3s; display:block; overflow:hidden; white-space:nowrap;text-overflow:ellipsis; padding-top: 8px; padding-bottom: 5px; font-size: 14px; color: #444;display:block; overflow:hidden; white-space:nowrap;text-overflow:ellipsis; padding-left: 20px; padding-right: 20px; }
.list_article li .list-date{ font-size: 12px; color: #B7B7B7; padding-bottom: 10px; padding-left: 20px; }
.list_article li:nth-child(4){ margin-right: 0; }
.list_article li:nth-child(8){ margin-right: 0; }
.list_article li:nth-child(12){ margin-right: 0; }
.list_article .list_article{ }
.list_article li:hover span{ color: #F4D622; }

.list_article .list-cont{padding: 0 20px; color: #999; padding-bottom: 5px;}
.list_article li:hover{ -webkit-box-shadow:0 15px 30px rgba(0,0,0,0.1);
box-shadow:0 15px 30px rgba(0,0,0,0.1);
-webkit-transform:translate3d(0, -2px, 0);
transform:translate3d(0, -2px, 0)
 }


.xiazima h3{ text-align: center; font-size: 36px; color: #3a3a3a; padding-top: 30px; font-weight: lighter; }
.xiazima h4{ text-align: center; font-size: 20px; color: #3a3a3a; padding-top: 15px; padding-bottom: 80px;}
.xiazima li{ transition: 0.3s; width: 580px; height: 239px; float: left;; margin-right: 35px; margin-bottom: 30px; border-bottom: 1px solid #ddd}
.xiazima li:nth-child(2n){ margin-right: 0; list-style: none!important; }
.xiazima li:hover{ -webkit-box-shadow:0 15px 30px rgba(0,0,0,0.1);
box-shadow:0 2px 30px rgba(0,0,0,0.3);
-webkit-transform:translate3d(0, -2px, 0);
transform:translate3d(0, -2px, 0) }
.xiazima li h5{ padding-left: 270px; padding-top: 30px; font-size: 22px; color: #3a3a3a; padding-right: 20px;}
.xiazima li h6{ padding-left: 270px; padding-top: 20px; font-size: 16px; color: #717171; padding-right: 20px; }
.xiazima li:nth-child(1){ background: url(../images/youshi_1.jpg) no-repeat; border: 1px solid #ddd;}
.xiazima li:nth-child(2){ background: url(../images/youshi_2.jpg) no-repeat; }
.xiazima li:nth-child(3){ background: url(../images/youshi_3.jpg) no-repeat; }
.xiazima li:nth-child(4){ background: url(../images/youshi_4.jpg) no-repeat; }
.xiazima li:nth-child(5){ background: url(../images/youshi_5.jpg) no-repeat; }
.xiazima li:nth-child(6){ background: url(../images/youshi_6.jpg) no-repeat; }
.xiazima li:nth-child(7){ background: url(../images/youshi_7.jpg) no-repeat; }
.xiazima li:nth-child(8){ background: url(../images/youshi_8.jpg) no-repeat; }
.xiazima li:nth-child(9){ background: url(../images/youshi_9.jpg) no-repeat; }
.xiazima li:nth-child(10){ background: url(../images/youshi_10.jpg) no-repeat; }
.product-intro .p-cont .xiazima li{list-style: none!important;}
.product-intro .p-cont .xiazima2 li{ margin-right: 25px; } 
.product-intro .p-cont .xiazima2 li:nth-child(2n){ margin-right: 0; }
.picMarquee-left{ overflow: hidden; }
.picMarquee-left .tempWrap{}
.picMarquee-left .picList{}
.picMarquee-left .picList li{width: 230px!important; height: 120px!important;}

 .p-cont999 li{ float: left; width: 285px;  margin: 0 20px; list-style: none!important; margin-top: 0; }

.p-cont999 li .video_img{ height: 185px!important; line-height: 185px!important; }
.p-cont999 li p{ text-align: center; }

 


.gaiban{text-align: right;}
.gaiban h4{ padding-top: 20px; font-size: 33px; color: #333; text-align: right; font-family: "宋体"}
.gaiban p{ font-size: 14px; color: #999; padding-top: 10px; text-align: right;  }
.div_2 a{ padding: 0 5px; transition: 0.3s; }
.div_2 a img{ transition: 0.3s; }
.div_2 a:hover img{ padding-bottom: 3px; }


.dhewm{ position: relative; display: inline-block; }
.dawx{ display: none; position: absolute; bottom:48px; left: -40px; width: 100px; height: 100px; max-width: 150px; max-height: 150px; transition: 0.3s;}
.dhewm:hover .dawx{ display: block; }




.toped.fixed {
    width: 100%;
    position: fixed;
    top: 0;
    opacity: 0;
    z-index: 9999;
    visibility: hidden;
    transform: translateY(60px);
    -webkit-transform: translateY(60px);
    -ms-transform: translateY(60px);
    -moz-transform: translateY(60px);
    -o-transform: translateY(60px);
    transition: 1500ms;
    -webkit-transition: 1500ms;
}
.toped.fixed.show {
    width: 100%;
    transform: translate(0);
    -webkit-transform: translate(0);
    -moz-transform: translate(0);
    -ms-transform: translate(0);
    -o-transform: translate(0);
    opacity: 1;
    visibility: visible;
    -webkit-box-shadow:0 15px 30px rgba(72,72,72,0.1);
        box-shadow:0 15px 30px rgba(72,72,72,0.1);
        -webkit-transform:translate3d(0, -2px, 0);
        transform:translate3d(0, -2px, 0)
}
















@media (max-width: 1600px){
   .hui li h4{ font-size: 14px;color: #1d1819;
    font-weight: bold; } 
   .hui li h4 span{ font-size: 18px; }
   .hui li:nth-child(4){ left: 20px; width: 186px; }
   .hui li:nth-child(4) p{ text-align: left; width: 180px; }
   .hui li:nth-child(5) p{ width: 185px; }
.hui li:nth-child(6) { width: 170px;left: -20px;bottom: 80px;text-align: left;}
.hui li:nth-child(6) p { width: 166px;}
.hui li:nth-child(7) p{ width: 137px; }
.div_con_l .h5_2{ font-size: 34px; }
.div_con_r{ margin-right: 0px; }
.div_con_r h6{ font-size: 34px; }

















}


@media (max-width: 1880px) and (min-width: 1440px){

.top_tell{ margin-right: 20px; }
.nav li{margin: 0 14px;}
.nav{ margin-right: 0;}
}
@media (max-width: 1439px) and (min-width: 1360px){


.top_tell{ margin-right: 20px; }
.nav li{margin: 0 16px;}
.nav{ margin-right: 0;}
}


@media (max-width: 1359px) and (min-width: 1000px){



.top_tell{ margin-right: 20px; }
.nav li{margin: 0 14px;}
.nav{ margin-right: 0;}

}