﻿
header, footer, section, article, aside, nav, hgroup, address, figure, figcaption, menu, details, summary, picture {display: block;}
::-moz-selection{background:#f4d622; color:#fff; text-shadow:none;}::selection{background:#f4d622; color:#fff; text-shadow:none;}:focus{outline:none;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td,figure{margin:0; padding:0; text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}ol,li,ul,dl,dt,dd{list-style:none;}fieldset,img,input,select{border:0;}
html, body { width: 100%; min-width: 1200px; height: 100%;}
h1,h2,h3,h4,h5,h6{font-size:inherit; font-weight:normal;}
table{border-collapse:collapse; border-spacing:0;}
sup{vertical-align:text-top;}sub{vertical-align:text-bottom;}
img{vertical-align:middle;max-width: 100%;max-height: 100%;}
input,textarea,select,button{font-family:inherit; font-size:inherit; font-weight:inherit; outline-style:none; outline-width:0pt; resize:none; padding: 0; margin: 0; text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}
b,em,i{display:inline-block; vertical-align:middle; font-weight:normal; font-style:normal;}
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden;} .clearfix{ zoom:1;}
html{overflow-x:hidden;zoom:1;overflow-y:scroll;overflow:-moz-scrollbars-vertical;}
body{font-family: "Microsoft Yahei","微软雅黑","helvetica","arial",sans-serif; color:#333; font-size:12px; line-height:1.5; background: #ffffff;}
a{color:#666; text-decoration:none; cursor:pointer; outline: 0 none;-webkit-transition: color .2s;-moz-transition: color .2s;-ms-transition: color .2s;-o-transition: color .2s;transition: color .2s;}
a:hover{color:#33b433; text-decoration:none;}
/* CSS活动的公共样式 */
.fl{float:left;}.fr{float:right;}.com-width{width:1200px; margin: 0 auto;}
.a-box { display: block; width: 100%; height: 100%;}.clear { clear: both;}
/*返回顶部*/
#to-top{display: inline-block; width: 50px; height: 50px;border-radius: 5px; background:#aaa url(../image/top_icon.png) no-repeat center;text-align: center; text-decoration: none; line-height: 30px; z-index: 999; right: 20px;/*margin-left: 620px;*/opacity: 0.5; -webkit-transition: .5s; -o-transition: .5s; transition: .5s;}
#to-top:hover{opacity: 1;}
.browsehappy { padding: 8px 0; background: #FBE3E4; color: #8A1F11; text-align: center;}
.browsehappy a { color: #8A1F11; text-decoration: underline; font-weight: bold;}
.o-a{width: 1200px; margin: 0 auto}
.hidden{display:none;}.invisible{visibility:hidden;}
.ib,.ib-a a{display:inline-block;zoom:1;*display:inline;}
.clear:after,.main:after{content:".";display:block;height:0;clear:both;visibility:hidden;}.clear,.main{display:inline-block;}/* Hides from IE-mac \*/
* html .clear,* html .main{height:1%;}.clear,.main{display:block;}

.f12{font-size: 12px}.f14{font-size: 14px}.f16{font-size: 16px}.f18{font-size:18px}.f20{font-size:20px}
.lh20{line-height: 20px}.lh22{line-height: 22px}.lh24{line-height: 24px}.lh26{line-height: 26px}.lh28{line-height: 28px}
.fb{ font-weight:bold}.fn{ font-weight:normal}
.bk,.bk3,.bk6,.bk8,.bk10,.bk15,.bk20,.bk30{clear: both;font-size: 1px;height: 0;line-height: 1px}
.bk3{height: 3px;}.bk6{height: 6px}.bk8{height: 8px}.bk10{height: 10px}.bk15{height: 15px}.bk20{height: 20px}.bk30{height: 30px}.row-2 li{ float:left; width:50%}.row-3 li{ float:left; width:33%}.row-4 li{ float:left; width:25%}.row-5 li{ float:left; width:20%}
.cu,.cu-li li,.cu-span span {cursor: hand;!important;cursor: pointer}
.text-c{text-align: center}.text-l{text-align: left}.text-r{text-align: right}
.lf{float: left}.rt{float: right}.pr{ position:relative}.pa{ position:absolute}
.img-wrap{border:1px solid #eee;text-align:center;overflow:hidden}
.img-wrap a{display:table-cell;vertical-align:middle;*display:block; overflow:hidden; background-color:#fff}
.img-wrap a:hover{ background-color:#e8eff6}.col-left{float:left}.col-auto{overflow:hidden;_zoom:1;_float:left;}.col-right{float:right}.mt70{ margin-top: 70px; }.mt60{ margin-top: 60px; }.mt50{ margin-top:50px; }.mt40{ margin-top: 40px; }.mt30{ margin-top: 30px; }.mt25{ margin-top: 25px;}.mt20{ margin-top:20px; }.mt10{ margin-top:10px; }.mt8{ margin-top: 8px; }.mb70{ margin-bottom: 70px; }.mb50{ margin-bottom: 50px; }.mb40{ margin-bottom:40px; }.mb30{ margin-bottom:30px; }.mb25{ margin-bottom: 25px; }.mb20{ margin-bottom:20px;}.mb10{ margin-bottom:10px; }.mb8{ margin-bottom: 8px; }

.bg-ffffff{background: #fff !important;}
.bg-dedc4c{background: #dedc4c !important;}
.bg-4cde91{background: #4cde91 !important;}
.bg-4c86de{background: #4c86de !important;}
.bg-252525{background: #252525 !important;}
.bg-fe000d{background: #fe000d !important;}

.c-333{color:#333 !important;}
.white,.white a{color:#fff !important}.blue,.blue a{color:#004499}.gray4,a.gray4{color:#999}
.red, .red a, a.red{color:red;}.green{color:#0E774A}
.border-bot{border-bottom: 1px solid #e0e0e0;}
.com_width{width: 1200px;margin-left: auto;margin-right: auto;}
.in_width{width: 1120px;margin-left: auto;margin-right: auto;}
/*------------------------------------------------------------*/
.pagination{margin:20px 0; text-align:left;}.pagination ul{display:inline-block;*display:inline;margin-bottom:0;margin-left:0;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;*zoom:1;-webkit-box-shadow:0 1px 2px rgba(0,0,0,0.05);-moz-box-shadow:0 1px 2px rgba(0,0,0,0.05);box-shadow:0 1px 2px rgba(0,0,0,0.05)}
.pagination ul>li{display:inline}
.pagination ul>li>a,.pagination ul>li>span{float:left;padding:4px 12px;line-height:20px;text-decoration:none;background-color:#dfdfdf;border:1px solid transparent;border-left-width:0; margin-right:6px;}
.pagination ul>li>a:hover,.pagination ul>li>a:focus,.pagination ul>.active>a,.pagination ul>.active>span{background-color:#134686; color:#fff;}.pagination ul>.active>a,.pagination ul>.active>span{color:#dfdfdf;cursor:default}.pagination ul>.disabled>span,.pagination ul>.disabled>a,.pagination ul>.disabled>a:hover,.pagination ul>.disabled>a:focus{color:#dfdfdf;cursor:default;background-color:transparent}.pagination ul>li:first-child>a,.pagination ul>li:first-child>span{border-left-width:1px;-webkit-border-bottom-left-radius:0;border-bottom-left-radius:0;-webkit-border-top-left-radius:0;border-top-left-radius:0;-moz-border-radius-bottomleft:0;-moz-border-radius-topleft:0}.pagination ul>li:last-child>a,.pagination ul>li:last-child>span{-webkit-border-top-right-radius:0;border-top-right-radius:0;-webkit-border-bottom-right-radius:0;border-bottom-right-radius:0;-moz-border-radius-topright:0;-moz-border-radius-bottomright:0}.pagination-centered{text-align:center}.pagination-right{text-align:right}
.pagination-large ul>li>a,.pagination-large ul>li>span{padding:22px 30px;font-size:17.5px}
.pagination-large ul>li:first-child>a,.pagination-large ul>li:first-child>span{-webkit-border-bottom-left-radius:0;border-bottom-left-radius:0;-webkit-border-top-left-radius:0;border-top-left-radius:0;-moz-border-radius-bottomleft:0;-moz-border-radius-topleft:0}.pagination-large ul>li:last-child>a,.pagination-large ul>li:last-child>span{-webkit-border-top-right-radius:0;border-top-right-radius:0;-webkit-border-bottom-right-radius:0;border-bottom-right-radius:0;-moz-border-radius-topright:0;-moz-border-radius-bottomright:0}



/*home*/
h2.h2_title { font-size:30px;color:#333; text-align:center; padding-top:45px;}
h2.h2_title i { display:inline-block;*display:inline;*zoom:1; width:80px; height:1px; background:#333333; vertical-align: middle;}h2.h2_title a { display:inline-block; *display:inline; *zoom:1; vertical-align:middle;padding:0 22px;color:#333; height: 30px;line-height: 30px;}
p.p_title {font-size:18px;color:#888;text-align:center;margin-top:15px;padding-bottom:35px;text-transform:uppercase;}


 /* banner部分 */
.banner { overflow:hidden; width:100%;position: relative;z-index: 1;}
#flashs{ position:relative; height:550px; overflow:hidden;}
#flashs .bgitem{z-index:1;position:absolute; top:0; height:550px; width:100%}
#flashs .bgitem a { display:block !important; position:absolute; display:block; width:100%; height:550px; z-index:5}
#flashs .btn{ position:absolute; left:0; bottom:35px; width:100%; text-align:center; z-index:9999;}
#flashs .btn span {display: inline-block;*display: inline;*zoom: 1;width: 57px;height: 6px;background: #919191;margin-right:8px;cursor: pointer;}
#flashs .btn span.on {background: #f6ad02;}

#flashs .bot{ display:block; position:absolute; width:58px; height:58px; top:50%; margin-top:-29px;display: none;}
#flashs .bot1{ background:url(../image/babot1.png) no-repeat center; left:5%; z-index: 2;}
#flashs .bot2{ background:url(../image/babot2.png) no-repeat center; right:5%; z-index: 2;}
#flashs:hover .bot{display: block;}




@font-face {
    font-family: HELVETICANEUELTPRO-THEX;
    src: url(/themes/default/Public/assets/fonts/HELVETICANEUELTPRO-THEX.OTF);
    font-weight: 400;
    font-style: normal
}
.wrap{ width: 1200px; margin: 0 auto; }
.top_center{ height: 60px; background-color: #fff; border-bottom: 1px solid #e5e5e5;}


.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(/themes/default/Public/assets/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:#f1ecf3 url(../image/huiyi_bg2.jpg) center bottom no-repeat; height:740px; width:100%; padding-bottom: 60px; }
.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(../image/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:60px; }
.laoxiazi h2{ font-size: 18px; color: #666; padding-bottom: 15px; }


.hui{ background:#f1ecf3 url(../image/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: 118px; 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(../image/hy_bg2.jpg) no-repeat center bottom; height: 1400px; 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:10px; }
.yi li h5 span{ font-size: 36px; }
.yi li span{ color: #33b433 }
.yi li p{ font-size: 16px; color: #484a4c;line-height: 26px; }
.yi li:nth-child(1){ left: 8%; top: 105px;  }
.yi li:nth-child(2){ left: 8%; top: 332px;  }
.yi li:nth-child(3){ left: 62%; top: 625px;  }
.yi li:nth-child(4){ left: 62%; top: 830px;  }
.yi li:nth-child(5){ left: 62%; top: 1038px;  }

.div_tel{ position: absolute; left:28%; top:54.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:24px; }








.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: #eaea17; 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:#eaea17;  margin-right: 70px; background: url(../image/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(../image/hover_bg2.jpg) repeat-x; }
.nav li:hover{ background: url(../image/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:13px;  background-color: #fff;}
.product_ul li:nth-child(3n){ margin-right: 0; }
.product_ul li .pro_img img{ width:308px; height:308px;}
.product_ul li b { font-size:14px; height:47px; line-height: 47px; border-top: 1px solid #ddd; display: block; width: 90%; margin:0 auto; overflow:hidden}
.product_xia_right_top p{ width: 30%; font-size: 24px; padding-left: 40px; background: url(../image/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(../image/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); border-bottom:1px solid #e2e2e2}
.product_xia_left li a{ display: block; color: #303030; font-size: 16px; padding-left:30px; }
.product_xia_left li:hover{ background: #eaea17 url(../image/jiantou.png) no-repeat 170px center; }
.product_xia_left li.on{ background: #eaea17 url(../image/jiantou.png) no-repeat 170px center; }

.dahe_xia{width: 100%;height: 200px;background: url(/themes/default/Public/assets/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(/themes/default/Public/assets/images/ico_1.png) no-repeat left center; }
.dahe_xia_center li:nth-child(2){ background: url(/themes/default/Public/assets/images/ico_2.png) no-repeat left center; }
.dahe_xia_center li:nth-child(3){ background: url(/themes/default/Public/assets/images/ico_3.png) no-repeat left center; }
.dahe_xia_center li:nth-child(4){ background: url(/themes/default/Public/assets/images/ico_4.png) no-repeat left center; }
.dahe_xia_center li:nth-child(5){ background: url(/themes/default/Public/assets/images/ico_5.png) no-repeat left center; }
.dahe_xia_center li:nth-child(6){ background: url(/themes/default/Public/assets/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; }




.w1200{width: 1200px;margin: 0 auto;}
.product_xia{ background: url(../image/product_bg.jpg) no-repeat; height:1055px; padding-top: 80px; }
.hot-keyword {
    height: 60px;
    line-height: 60px;
    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:255px;background: #f5f5f5;padding-top: 50px; }
.foot_nav ul li{width:162px;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(/themes/default/Public/assets/images/bottom_tell.png) no-repeat left 10px;
    font-size: 34px;
    font-weight: 600;
    height: 85px;
    color: #eaea17;
    line-height: 30px;
}
.footer .company-info .hot-line span{ width: 61%; display: inline-block; text-align: left; color: #eaea17; 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(/themes/default/Public/assets/images/sina.png) center no-repeat;}
.weixin{background: url(/themes/default/Public/assets/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(../image/qq.png) center no-repeat;}

.position{ height:120px; background: #f3f3f3; border-top: 1px solid #ddd;}
.position h2{font-size: 24px;color:#666;padding-top:25px; padding-bottom:10px;}
.location,.location a{font-size: 14px;color:#999;}
.location a:hover{color:#f4d622;}
.video li{ margin-bottom:15px; width: 285px;height:220px;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:179px;overflow: hidden;line-height:180px;position: relative;}
.video li .video_img i{width: 285px;height:180px;position: absolute;left: 0;top: 0;display: block;background: url(../image/video_icon.png) center no-repeat;-webkit-transition: .3s; -o-transition: .3s; transition: .3s;}
.video li:hover i{background: url(../image/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(/themes/default/Public/assets/images/service_1.png) center no-repeat;}
.in_banner li.ser_2 i{background: url(/themes/default/Public/assets/images/service_2.png) center no-repeat;}
.in_banner li.ser_3 i{background: url(/themes/default/Public/assets/images/service_3.png) center no-repeat;}
.in_banner li.ser_4 i{background: url(/themes/default/Public/assets/images/service_4.png) center no-repeat;}
.in_banner li.ser_1:hover i{background: url(/themes/default/Public/assets/images/service_1_on.png) center no-repeat;}
.in_banner li.ser_2:hover i{background: url(/themes/default/Public/assets/images/service_2_on.png) center no-repeat;}
.in_banner li.ser_3:hover i{background: url(/themes/default/Public/assets/images/service_3_on.png) center no-repeat;}
.in_banner li.ser_4:hover i{background: url(/themes/default/Public/assets/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(/themes/default/Public/assets/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(/themes/default/Public/assets/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 p { margin-top:5px;}
.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: #eaea17 url(../image/jiantou.png) no-repeat 130px center; font-size: 16px; color: #303030; line-height: 40px; transition: 0.3s;}
.about_more:hover{ color: #303030; background: #eaea17 url(../image/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: #eaea17; color: #303030; }
.gongsi_l .on a{ background-color: #eaea17; 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(/themes/default/Public/assets/images/yousanjiao.png) no-repeat 5px center; }
.new_gai li a{ color: #3a3a3a; font-size: 14px; }
.news_xia_1_con:hover{ background-color: #eaea17;  }
.new_gai li:hover a{ color: #eaea17; }
.new_gai li span{ float: right; color: #999; padding-right: 10px; }
.news_xia{ background:#fff/* 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: #eaea17 ; }



.xw-a{height: 20%;width:90%;margin:25px auto 0; text-align:center}
.xw-a h2{font-size: 36px;color: #404040;text-align: center;padding: 30px;font-family: "微软雅黑";}
.a-l,.w-l,.x-l,.g-l{height: 4px;width: 300px;margin: 0 auto;margin-top: -33px;}
.a-l1,.w-l1,.x-l1,.g-l1{height: 2px; width: 70px;background-color:#404040;float: left;}
.a-l2,.w-l2,.x-l2,.g-l2{height: 100%;}
.a-l3,.w-l3,.x-l3,.g-l3{height: 2px;width: 70px;background-color:#404040;float: right;}
.xw-a span { text-align:center; font-family: "微软雅黑";}

/*新闻资讯*/
.xw{ height:500px; margin:0 auto;}.xw-tu{width:100%;margin:50px auto;}
.ul-5{ height: 100%;width: 100%;}.li-5{ float:left; height:348px; width:30%; margin-left:3%;border-bottom: 1px solid #d8d8d8; margin-right:3%;}
.li-5:hover{border-color:#33b433;}.li-5:hover .xw-t img{ transform: scale(1.05);}
.li-5 .xw-t{ width:100%; overflow: hidden;}
.li-5 .xw-t img{height: 100%;width: 100%; transition: ease all 0.3s;}
.li-5 .ti{height:8%;}
.li-5 .ti img{float: left;margin-top:0;}
.li-5 .ti span{font-size: 14px;line-height: 15px;color: gray;padding-top: 3%;font-family: "微软雅黑";}
.li-5 .xw-j{ margin-top:12px; height:26px; font-size: 16px; line-height:26px;font-family: "微软雅黑"; overflow:hidden}
.li-5 .xw-j b { font-weight:700; color:#333}
.li-5 .xw-j a:hover{text-decoration: none;color:#33b433;}
.s0{ height:20%;overflow:hidden; font-size:12px; padding-top:10px; color:gray; line-height:20px; font-family:"微软雅黑";}
.xw-r{ height:100%;width:32%;float: right;}
.xw-d-btn{width: 10%;margin-top:2%;margin-left: 50%;text-align: center;font-size: 12px;line-height: 40px;background-color:#296fb7;font-family: "微软雅黑"; }
.xw-d-btn a{text-decoration: none;color: white;}
.xw-d-btn a:hover{text-decoration: none;color: white;}
.ul-6{height:90%;width: 100%;}
.li-6{height:81px;border-bottom: 1px solid #d8d8d8;transition: ease all 0.5s; margin-bottom:7px;}
.li-6:hover{border-color:#33b433;}
.li-6:hover b{margin-left: 10px;}
.li-6 b{transition: ease all 0.5s; font-size:16px; color:#333}
.li-6-s{height:26px;margin-top:0%; line-height:26px; overflow:hidden}
.li-6-s img{float: left;margin-top:1%}
.li-6-s a{text-decoration: none;font-size: 14px;margin-left: 5px;font-family: "微软雅黑";}
.li-6-s a:hover{text-decoration: none; color:#33b433}
.time{float: right;font-size: 15px;color: #296fb7;}
.li-6-x{ height:54%;font-size: 12px;line-height: 20px;margin: 1%; color: gray;overflow: hidden;font-family: "微软雅黑";}



.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(/themes/default/Public/assets/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{ padding:0 10px; 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(../image/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(/themes/default/Public/assets/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(/themes/default/Public/assets/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(../image/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:#33b433;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(/themes/default/Public/assets/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(/themes/default/Public/assets/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:0px auto 50px;
    padding:30px;
    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:30px 0 0;
    width: 500px;
    height: 500px;
    overflow: hidden;
}
.prodcut-albums-box .bd img{ height:100%;
}


.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);
}


.h3_comtip{background:#fefcf4;border:1px solid #f7efd6;height:25px;line-height:25px;padding:0 10px;margin:0 5px; margin-bottom:5px; font-weight:normal;color:#777;}
.h3_comtip span{margin:0 10px; }
.h3_comtip a{color:#c00;text-decoration:underline;}
.prodetailsinfo_b .tac{padding:15px;text-align:center;}
.spzoom-zoom { z-index: 97; border: 1px solid rgba(0,0,0,0.2); background-color: #fff; box-shadow: 0 0 10px rgba(0,0,0,0.2); width: 250px; height: 250px;}
.spzoom-tracker { border-width: 1px; border-style: solid; background-color: #fff; border-color: #ccc; z-index: 97;}
.spzoom-title { font-family: Verdana, Helvetica, Arial, sans-serif;font-size: 10px; color: #fff; background-color: #222; padding: 3px 5px; line-height: 14px;}
.spzoom-loader { width: 24px; height: 24px; background: url(/themes/default/Public/assets/images/zoomloader.gif) 50% 50% no-repeat scroll #fff; border: 1px solid #ccc;}
.shouzicontent { margin-bottom:20px; font-size:14px; line-height:26px;}
.shouzicontent img { max-width:100%;}
.shouzicontent table { border-top:1px solid #ddd; border-left:1px solid #ddd}
.shouzicontent table tr td { border-right:1px solid #ddd; border-bottom:1px solid #ddd; text-align:center}
.proinfo{ font-size:14px; line-height:25px; overflow :hidden;  margin: 20px 0;}
/* maincont */
.maincont{width:885px;}.prodetailsinfo{padding:15px 0;clear:both;zoom:1; margin-bottom:30px;}
.mswh5{ padding-left:10px; font-weight:normal; font-size:14px; color:#333; background-color:#ededed; line-height:35px; margin:10px 0}
/* proviewbox */
.probigshow{position:relative;width:300px;padding:6px;border:1px solid #ddd; float:left;z-index:5;}
.probigshow a.a_probigshow{cursor:crosshair;}
.zoomplepopup{position:absolute;top:0px;left:0px;display:none;background: #fff;border:1px solid #e9493d;overflow:hidden;opacity: 0.5;filter: alpha(opacity = 50);z-index:10;cursor:crosshair;/*	height:50px;width:50px;*/}
#probig_preview{position:absolute;visibility:hidden;top:0px;left:405px; width:340px;height:340px;background:#fff;border:1px solid #ccc;overflow:hidden;}
#probig_preview img{position:relative;}

.product-detail-header .product-des {
    float: right;
    padding-top:80px;
    width:600px;
}
.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:400; 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(/themes/default/Public/assets/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(../image/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(/themes/default/Public/assets/images/kf/czx4.png?1220) no-repeat center center;
}
.qqkefu ul li b.b{
    background:url(/themes/default/Public/assets/images/kf/czx3.png) no-repeat center center;
}
.qqkefu ul li b.d {
    background:url(/themes/default/Public/assets/images/kf/bdsq.png) no-repeat center center;
}
.qqkefu ul li b.c{
    background:url(/themes/default/Public/assets/images/kf/czx5.png) no-repeat center center;
}
.qqkefu ul li b.lxb{
    background:url(/themes/default/Public/assets/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:280px; height:56px; line-height:56px; font-size:16px; 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 #eee; }
.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(../image/youshi_1.jpg) no-repeat; border: 1px solid #ddd;}
.xiazima li:nth-child(2){ background: url(../image/youshi_2.jpg) no-repeat; }
.xiazima li:nth-child(3){ background: url(../image/youshi_3.jpg) no-repeat; }
.xiazima li:nth-child(4){ background: url(../image/youshi_4.jpg) no-repeat; }
.xiazima li:nth-child(5){ background: url(../image/youshi_5.jpg) no-repeat; }
.xiazima li:nth-child(6){ background: url(../image/youshi_6.jpg) no-repeat; }
.xiazima li:nth-child(7){ background: url(../image/youshi_7.jpg) no-repeat; }
.xiazima li:nth-child(8){ background: url(../image/youshi_8.jpg) no-repeat; }
.xiazima li:nth-child(9){ background: url(../image/youshi_9.jpg) no-repeat; }
.xiazima li:nth-child(10){ background: url(../image/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:0px; font-size: 33px; color: #333; text-align: right; font-family: "瀹嬩綋"}
.gaiban p{ font-size: 14px; color: #999; padding-top:0px; 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;}

}


.container{margin-left:auto; margin-right:auto; width:1200px;}
/*左边菜单*/
.leftr{ margin-top:30px; float:left; overflow:hidden;display:inline; margin-bottom:30px;}.lf_n{width:240px; overflow:hidden; margin-bottom:10px; border:1px solid #ddd;}
.lf_n .leftit{ padding-left:20px; height:50px; overflow:hidden; background:#333; border-bottom:2px solid #eee; text-align:left;}
.lf_n .leftit h2 { margin-top:9px; line-height:28px; height:30px;}.lf_n .leftit p { font-size:16px; color:#666}
.lf_n h2 a{ font-size:24px; color:#fff;}.lf_n_c{ background:#fff;}.lf_n_c ul li a.cur{color:#37aaeb;}
.lf_n h3{ font-weight:100; line-height:41px;height:41px;padding:0 0 0 41px; overflow:hidden;background:#37aaeb url(/themes/default/Public/assets/images/lf_n_ic1.gif) 154px 14px no-repeat; }
.lf_n h3 a{ font-size:20px; color:#fff;}.lf_n h3.cur a{ font-size:20px; color:#fff;}
.lf_n ul.menu{padding:3px 12px 12px 14px;margin-bottom: 15px;}
.lf_n ul.menu li a{color:#333;}.lf_n ul.menu li.cur a{color:#f6ad02; font-weight:400;}
.lf_n ul.menu .lst{ border:none;}
.lf_n ul.menu li{font-size:16px;line-height:44px;color:#37aaeb; border-bottom:1px solid #e5e5e5;overflow:hidden; white-space:nowrap; text-overflow:ellipsis; background:url(../image/ico2.gif) no-repeat right 18px}
.lf_n ul.menu li.cur a,.lf_n ul.menu li:hover a{color:#33b433; text-decoration:none;}
.lf_n .divBox{overflow:hidden;width: 220px;background-color:#fff;border-top:5px solid #f6ad02;margin-bottom:10px;padding:20px 15px;}.lf_n .divBox .lxfs{ font-size:20px; color:#f6ad02; margin:10px 0 18px 0;font-weight:bold;}
.lf_n .divBox .lxfs a{color:#f6ad02;}
.lf_n .divBox  span{ display:block; font-size:14px; color:#303030; line-height:20px;}
/*产品左边联系我们*/
.pleft .divBox{overflow:hidden;width: 220px;background-color:#fff;border-top:5px solid #f6ad02;margin-bottom:10px;padding:20px 15px;}.pleft .divBox .lxfs{ font-size:20px; color:#f6ad02; margin:10px 0 18px 0;font-weight:bold;}
.pleft .divBox .lxfs a{color:#f6ad02;}
.pleft .divBox  span{ display:block; font-size:14px; color:#303030; line-height:20px;}
/*cpright*/
.cpright{ width:885px; padding:0 25px; background:#fff; float:right;}
#ny_prBox{background-color: #fff; margin-bottom:30px; min-height:500px; margin-top: 55px;}
.agent_con .age_li_about { font-size:14px; margin-top:25px; padding-bottom:30px;}
.agent_con .age_li_about p { line-height:1.8; font-size:16px; white-space: normal; letter-spacing: normal;}
.agent_con .age_li_about img { max-width:100%}

.t05 {padding:0 14px; color:#333;font-size:16px; font-weight:700} /*左边标题块*/
.t05 a{color:#fff;font-size:16px;}
.t05 img { padding:6px 0 0 0; float:right;}
.t05_con { border-top:0; padding:8px 1px; margin-bottom:10px; zoom:1; overflow:hidden;background:#fff;} 
.t05_cons { border-top:0; padding:2px 0; margin-bottom:10px; zoom:1;} 
.t05_cons1 { border-top:0; padding:5px 12px; zoom:1;background:#fff; margin-bottom: 10px;} 
.t05_cons1 li {margin-top:8px; line-height: 20px;height:20px; overflow: hidden; width:216px;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;  font-size: 13px;}
/*新闻列表页*/
.newsList_new .listBox{ overflow: hidden; background: #fff; }
.newsList_new .box1{ margin:0 auto;padding:10px 0px;background: #fff;border-bottom: 1px dotted #a8a8a8;}
.newsList_new .box1 dl{ width:100%;padding:15px 0px;}
.newsList_new .box1 dt { width:320px;position: relative;float: left;}
.newsList_new .box1 dt img{ display: block;width:320px;height:200px; transition: all 0.5s;}
.newsList_new .box1 dt a:hover img {transform: scale(1.05);}
.newsList_new .box1 dt a{ display: block;}
.newsList_new .box1 dt p{ width: 92px;height: 92px;text-align: center;background: url(/themes/default/Public/assets/Img/Common/newsBg01.png) no-repeat center;position: absolute;top: 0;left: 0;}
.newsList_new .box1 dt span{font-size: 48px;color: #fff;font-family: arial;display: block;padding-top: 11px;}
.newsList_new .box1 dt em{font-size: 14px;color: #fff;font-family: arial;display: block;position: relative;top: -6px;}
.newsList_new .box1 dd{width: 530px;float: right;position: relative;height: 210px;}
.newsList_new .box1 dd h3{ font-size:20px; color:#333333; font-weight:normal;}
.newsList_new .box1 dd h3 a{ display: block;color: #333333;}
.newsList_new .box1 dd p{font-size: 14px;color: #666666;color: #666666;line-height: 25px;margin-top: 20px;text-overflow: ellipsis;overflow: hidden;height:120px;}
.newsList_new .box1 dd p a{color: #666666;text-decoration:none;}
.newsList_new .box1 dd .more{display:block;padding: 0 20px;height: 30px;font-size:14px;color:#555;text-decoration:none;line-height: 30px;border:1px solid #eaeaea;border-radius:20px;width: 70px;margin-top: 10px;float:left;}
.newsList_new .box1 dl:hover dd h3 a{color:#37aaeb;}
.newsList_new .box1 dl:hover dd .more{background-color:#37aaeb;border-radius:20px;color:#fff;}
.newsList_new .box2{ width:880px; margin: 0 auto; padding:10px 0px;}
.newsList_new .box2 dl{ padding: 21px 0 21px 0;}
.newsList_new .box2 dl{ border-top: 1px dotted #a8a8a8;}
.newsList_new .box2 dl:first-child{ border-top: none;}
.newsList_new .box2 dt{width: 92px;height:102px;text-align: center;background: #bfbfbf;float: left;}
.newsList_new .box2 dt span{ height:52px;font-size:42px;color: #fff;font-family: arial;display: block;padding-top: 11px;}
.newsList_new .box2 dt em{font-size: 14px;color: #fff;font-family: arial;display: block;position: relative;top:6px;} 
.newsList_new .box2 dd { width:765px;float: right;}
.newsList_new .box2 dd h3{ font-size:18px;color: #333333;font-weight: normal;}
.newsList_new .box2 dd h3 a{display: block;color: #333333;}
.newsList_new .box2 dd p{font-size: 14px;color: #666666;color: #666666; line-height:21px; margin-top:12px; text-overflow: ellipsis;overflow: hidden;height:63px;}
.newsList_new .box2 dd p a{display: block;color: #666666;    text-decoration: none;}
.newsList_new .box2 dd .more{display:block;padding: 0 20px;height: 30px;font-size:14px;color:#555;text-decoration:none;line-height: 30px;border:1px solid #eaeaea;border-radius:20px;width: 70px;margin-top: 20px;}
.newsList_new .box2 dl:hover dt{background:#33b433;}
.newsList_new .box2 dl:hover dd h3 a{color:#33b433;}
.newsList_new .box2 dl:hover dd .more{background-color:#33b433;border-radius:20px;color:#fff;}

.nr_ser_subheader{ border:1px solid #f2f2f2; font-size:14px; margin:15px 0 0; position:relative; z-index:2;}.nr_ser_subheader .inner{ background:#f5f5f5; height:43px; margin:0 auto; position:relative; width:1200px;}.nr_ser_subheader .inner .inner_main{ float:left; height:43px; line-height:40px; padding-right:195px; padding-left:12px;}.nr_ser_subheader .page_loc{display:inline;}
.nr_p_title{margin:0 auto; padding-top:22px; position:relative; width:1000px;}.contentright { margin:30px 0 5px}
.contentright .relative-news {position:relative; border-top:2px solid #e8e6e6; padding-top:20px; padding-bottom:10px;}
.contentright .relative-news p { font-size:16px; height:26px; line-height:26px; margin-bottom:8px;}
.contentright .relative-news p a:hover { color:#33b433}
.contentright .md-date { font-size:30px; color:#000; font-weight: normal; letter-spacing:0px; line-height:34px; margin-bottom:15px; text-align:center}
.contentright .md-desc { font-size: 14px; color:#999; padding-top:0px; text-align:center}
.contentright .media-detail { border-top:1px solid #ddd; margin-top:20px; margin-bottom:30px; padding-top:20px; font-size:14px}.contentright .media-detail p { font-size:16px; margin-bottom:10px; line-height:24px;}
.contentright .media-detail img { max-width:100%}



/*浮动客服*/
#floatDivBoxs{width:170px;background:#fff;position:fixed;top:100px;right:-170px;z-index:999;}
#floatDivBoxs .floatDtt{width:100%;height:45px;line-height:45px; background:#33b433;color:#fff;font-size:18px;text-indent:22px;position:relative;}
#floatDivBoxs .floatDqq{padding:0 14px;}
#floatDivBoxs .floatDqq li{height:45px;line-height:45px;font-size:15px;border-bottom:1px solid #e3e3e3; text-align:right}
#floatDivBoxs .floatDqq li img{ float:left; margin-top:7px;}
#floatDivBoxs .floatDtxt{font-size:18px;color:#333;padding:12px 14px;}
#floatDivBoxs .floatDtel{padding:0 0 15px 10px;}
#floatDivBoxs .floatImg{text-align:center;padding:10px;background:#EBEBEB;}
#floatDivBoxs .floatImg img{ margin-bottom:5px;}
#floatDivBoxs .floatDtel img{display:block;}
#floatDivBoxs .floatDbg{width:100%;height:5px;background:url(../image/online_botbg.jpg) no-repeat; box-shadow:-2px 0 3px rgba(0,0,0,0.25);}
.floatShadow{ background:#fff; border:1px solid #ddd;}
.rightArrow{width:50px;height:185px; border:2px solid #ffcc33; background:#fff url(../image/online_arrow.jpg) no-repeat -51px 10px; position:fixed;top:100px;right:18px;z-index:999;}
.rightArrow a{display:block;height:45px;}
.hov { height:45px; background-position:0 0; border:none}


