@charset "utf-8";
/* CSS Document */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,blockquote,p{margin:0;padding:0;}
body{ color:#333; font-size:14px; font-family:"微软雅黑";}
section,article,aside,header,footer,nav,dialog,figure{display:block;}
ul, ol { list-style: none;} 
img,fieldset{vertical-align:top;border:0;}
h1,h2,h3,h4,h5,h6 {font-size:100%; font-weight:normal;}
address,cite,code,em,th {font-weight:normal; font-style:normal;}
input,button,textarea,select{font:100% Arial,''; vertical-align:middle; outline:none;}
table,td,tr,th{}
.nodispaly{ display:none}
.line{height:20px; line-height:20px; font-size:0px; clear:both; overflow:hidden; display:block;}
.clearfix{*zoom:1;}
.clearfix:after{display:block; overflow:hidden; clear:both; height:0px; visibility:hidden; content:".";}
a{color:#333; text-decoration:none; /*transition:all 0.3s;*/}
a:hover {color:#FFAA17; text-decoration:none;}
.clear{ clear:both;}
.fl{ float:left}
.fr{ float:right}
.fix { *zoom: 1; *clear: both;}
.fix:before, .fix:after { display: table; clear: both; content: '';}
img { max-width: 100%; height: auto; vertical-align: top; -ms-interpolation-mode: bicubic; border: 0 ;}
::-webkit-scrollbar-track{background-color: #e8e8ea;}
::-webkit-scrollbar{ width:10px;}
::-webkit-scrollbar-thumb{background-color:#222326;}


.body-wrap{position: relative;padding-bottom: 43px;background: #F5F5F5;}

.cen_m{position: absolute; bottom:0;left:0;right:0;margin:auto;z-index:100; }


#top_back{
    width:40px;
    position:fixed;
    right:10px;
    bottom:20px;
    text-decoration:none;
    text-align: center;
    color:skyblue;
}
#top_back img{
    width:100%;
}





.sidebar-content{position: fixed; top: 50%; right:10px; z-index: 1000; margin-top: -280px;}
.sidebar-box{position: relative; margin-top: 1px;}
.sidebar-icon{width: 50px; height: 50px; cursor: pointer;}
.si1 .sidebar-icon{background: #2a3843 url(../images/side1.png) no-repeat center center;}
.si2 .sidebar-icon{background: #2a3843 url(../images/side2.png) no-repeat center center;}
.si3 .sidebar-icon{background: #2a3843 url(../images/side3.png) no-repeat center center;}
.si4 .sidebar-icon{background: #2a3843 url(../images/side4.png) no-repeat center center;}
.si5 .sidebar-icon{background: #2a3843 url(../images/side5.png) no-repeat center center;}
.si1:hover .sidebar-icon{background: #ff963a url(../images/side1.png) no-repeat center center;}
.si2:hover .sidebar-icon{background: #ff963a url(../images/side2.png) no-repeat center center;}
.si3:hover .sidebar-icon{background: #ff963a url(../images/side3.png) no-repeat center center;}
.si4:hover .sidebar-icon{background: #ff963a url(../images/side4.png) no-repeat center center;}
.si5:hover .sidebar-icon{background: #ff963a url(../images/side5.png) no-repeat center center;}
.sidebar-dark1{position: absolute; top: 0; right: 50px; padding: 0 20px; background-color: #ff963a; display: none;}
.sidebar-dark2{position: absolute; top: 0; right: 50px; padding: 16px 20px; background-color: #ff963a; display: none;}
.sidebar-box:hover .sidebar-dark1{display: block;}
.sidebar-box:hover .sidebar-dark2{display: block;}
.sidebar-dark1 p a{display: block; height: 50px; line-height: 50px; font-size: 16px; color: white; text-align: center; white-space: nowrap;}
.sidebar-code{width: 98px; margin-top: 8px;}
.sidebar-dark2 .sidebar-code:first-child{margin-top: 0;}
.sidebar-code p{text-align: center; color: white; line-height: 18px; margin-top: 4px;}
.sidebar-top{display: block; width: 50px; height: 50px;}
.sidebar-icon-a{display: block; width: 50px; height: 50px;}
.side-layer{position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 1001; display: none;}
.side-layer-bg{position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #000; opacity: 0.5;}











.xf_list{width:100%;background:#fff;border-radius:5px;padding-top:21px;height:161px;filter:progid:DXImageTransform.Microsoft.Shadow(color=#c7c5c5,direction=120,strength=3);/*ie*/-moz-box-shadow: 1px 1px 15px #c7c5c5;/*firefox*/-webkit-box-shadow: 1px 1px 15px #c7c5c5;/*safari或chrome*/box-shadow:1px 1px 15px #c7c5c5;/*opera或ie9*/z-index:100;}
.xf_list ul li{ float:left; border-right:1px #e5e5e5 solid; height:141px; width:320px; padding-left:60px;-webkit-transition:all .5s ease-out;-moz-transition:all .5s ease-out;-ms-transition:all .5s ease-out;-o-transition:all .5s ease-out;transition:all .5s ease-out;}
.xf_list ul li .tpleft{ margin-right:25px; padding-top:20px; float:left;}
.xf_list ul li .cont{ width:210px; float:left; padding-top:16px;}
.xf_list ul li .cont .tit a{ color:#000; font-size:24px; font-weight:bold; display:block; margin-bottom:10px;}
.xf_list ul li .cont .nr{ font-size:20px; line-height:30px; color:#666666;}
.xf_list ul li:nth-child(2){ width:340px;}
.xf_list ul li:nth-child(3){ width:340px; border-right:0px;}

.xf_list ul li .tpleft2 { display:none; margin-right:25px; padding-top:20px; float:left;transition:all .5s ease-out;}
.xf_list ul li:hover .tpleft {display:none;}
.xf_list ul li:hover .tpleft2{ display:block;transition:all .5s ease-out;}

.xf_list ul li:hover{  transform:translateY(-5px);-webkit-transform:translateY(-5px);}

.xf_list .btnLeft , .xf_list .btnRight{position:absolute; top:50%; margin-top:-24px; width:25px; height:24px;}
.xf_list .btnLeft{left:0px; background: url(../images/jtl02.png) no-repeat center;}
.xf_list .btnRight{right:0px; background: url(../images/jtr02.png) no-repeat center;}
.xf_list .btnLeft:hover {background: url(../images/jtl03.png) no-repeat center;}
.xf_list .btnRight:hover {background: url(../images/jtr03.png) no-repeat center;}



/*产品快列*/
.s_slide_box {position:absolute;bottom:10px;left:50%;margin-left:-600px;height: 160px;width:1200px;background:#fff;-moz-box-shadow: 1px 1px 15px #c7c5c5;/*firefox*/-webkit-box-shadow: 1px 1px 15px #c7c5c5;/*safari或chrome*/box-shadow:1px 1px 15px #c7c5c5;/*opera或ie9*/z-index:100;}
.s_slide_box .content{ position:relative;} 
.s_slide_box .content .hd{}
.s_slide_box .content .hd a{position:absolute;display:block;width:40px;height:40px;top: 58%;margin-top: -14px; z-index:999;}
.s_slide_box .content .hd .prev{left: -50px;background:url(../images/jtl02.png)  center no-repeat; }
.s_slide_box .content .hd .next{right: -50px;background:url(../images/jtr02.png)  center no-repeat;}
.s_slide_box .content .hd .prev:hover{ background:url(../images/jtl03.png)  center no-repeat}
.s_slide_box .content .hd .next:hover{ background:url(../images/jtr03.png)  center no-repeat}
.s_slide_box .content .bd{}
.s_slide_box .content .bd .box{width: 1200px;margin:0 auto;overflow:hidden;position:relative;}
.s_slide_box .content ul li a{display:inline-block; width:400px; height:160px;}
.s_slide_box .content li {width:400px !important;overflow:hidden;height:160px;position:relative;display: inherit;float:left;text-align: center;box-sizing: border-box;border-right: 1px solid #e5e5e5; }
.s_slide_box .content li .img{display: inline-block;margin: 40px 20px 0 50px;float: left;}
.s_slide_box .content li .img2{display: none;}
.s_slide_box .content li:hover .img{display: none;}
.s_slide_box .content li:hover .img2{display: inline-block;margin: 40px 20px 0 50px;float: left;}
.s_slide_box .content li .text_box{display: inherit;text-align: left;float: left;}
.s_slide_box .content li .text_box h1{font-size: 24px; font-weight:bold;display:block;margin-bottom: 5px;padding-top: 35px;color:#000;}
.s_slide_box .content li .text_box span{font-size: 20px;line-height:24px;color:#333;}
.s_slide_box .content li a:hover{ background:#FEED01;}
.s_slide_box .content li:hover span{color:#000; }

.slow img:hover{ -moz-transition: all 0.6s ease-in-out;-webkit-transition: all 0.6s ease-in-out;-o-transition: all 0.6s ease-in-out;-ms-transition: all 0.6s ease-in-out;transition: all 0.6s ease-in-out; -moz-transform:scale(1.05); -o-moz-transform:scale(1.0); -o-moz-transform:scale(1.05); -webkit-moz-transform:scale(1.05); transform:scale(1.05);}/*图片放大*/
.slow,.slow img,.slow input,.slow a,.slow li:hover{-moz-transition: all 0.6s ease-in-out;-webkit-transition: all 0.6s ease-in-out;-o-transition: all 0.6s ease-in-out;-ms-transition: all 0.6s ease-in-out;transition: all 0.6s ease-in-out;}/*缓慢效果*/

@media screen and (max-width: 1680px) {
.s_slide_box {bottom:80px;}
}
/*@media screen and (max-width: 1600px) {
.s_slide_box {bottom:-40px;}
}*/
@media screen and (max-width: 1580px) {
.s_slide_box {bottom:140px;}
}
@media screen and (max-width: 1400px) {
.s_slide_box {bottom:240px;}
}
@media screen and (max-width: 1280px) {
.s_slide_box {position:relative; bottom:0; width:100%; margin:0 auto; left:0px; height:130px; }
.s_slide_box .content li{ margin-left:45px; border:0; height:130px;}
.s_slide_box .content .hd .prev{left: 10px;}
.s_slide_box .content .hd .next{right: 10px;}

.s_slide_box .content .hd a{position:absolute;display:block;width:40px;height:40px;top: 48%;margin-top: -14px;}
.s_slide_box .content li .img{margin: 30px 10px 0 50px;}
.s_slide_box .content li .text_box h1{font-size: 20px;}
.s_slide_box .content li .text_box span{font-size: 15px;}
.s_slide_box .content ul li a{ width:100%; height:130px;}
.s_slide_box .content li a:hover{ background:none;}

.s_slide_box .content .bd .box{width: 100%;}

.body-wrap{ padding-bottom:0;}
}
@media screen and (max-width: 375px) {
.s_slide_box .content li{ margin-left:30px;}
}
@media screen and (max-width: 320px) {
.s_slide_box .content li{ margin-left:10px;}
.s_slide_box .content li .img{ width:60px;}
}

.banner_pc{ padding-top:0px;}
.banner_yd{ display:none;}
.flexslider{ position:relative;}
.flexslider .slides > li {display: none; } /* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides img {width: 100%; display: block;border-radius: 0px;}
.flex-pauseplay span {text-transform: capitalize;}
.flex-control-nav {width: 100%; text-align: center; position:absolute; bottom:120px;}
.flex-control-nav li {margin: 0 6px; display: inline-block; zoom: 1; *display: inline;}
.flex-control-paging li a {width:16px; height:16px; display: block; background:#333; cursor: pointer; text-indent: -9999px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px;}
.flex-control-paging li a:hover { background: #FFF; }
.flex-control-paging li a.flex-active { background: #FEED01; cursor: default;}
@media screen and (max-width: 1200px) {
.banner_pc{ padding-top:50px;}
}
@media screen and (max-width: 980px) {
	.banner_pc{ display:none;}
	.banner_yd{ display:block; padding-top:50px;}
	.flex-control-nav { bottom:10px;}
}



.wrap { width:100%; max-width:1200px; margin-right:auto; margin-left:auto;}
@media only screen and (max-width:760px){
.wrap { width:94%;}
}

/*==============产品展示 图标形式=====================*/
.product_icon{padding:2% 0;}
.product_icon .cen-pro{padding-top:30px;overflow:visible;margin-bottom: 3%;}
.product_icon .cen-pro .scroll_nav{display:none;}
.product_icon .cen-pro li{float:left;width: 20%;text-align: center;position:relative;}
.product_icon .cen-pro li .xiao{display:block;}
.product_icon .cen-pro li .xiao .i{display:inline-block;width:110px;height:110px;border-radius: 50%;background-color:#fff;overflow:hidden;}
.product_icon .cen-pro li .name{font-size:18px;font-weight: normal;margin-top: 20px;}
.product_icon .cen-pro li .bigImg{position:absolute;width: 250px;height: 250px;top: 50%;margin-top: -125px;left: 50%;margin-left: -125px;border-radius: 50%;overflow: hidden;opacity:0;filter:alpha(opacity=0);transform:scale(0);-webkit-transform:scale(0); transition:all 0.5s ease;-moz-transition:all 0.5s ease;-ms-transition:all 0.5s ease;-o-transition:all 0.5s ease;-webkit-transition:all 0.5s ease; visibility:hidden;}
.product_icon .cen-pro li .bigImg .t{ background: #FFAA17; background:rgba(255,170,23,.8);position:absolute;bottom:0;left:0;right:0;font-weight: normal;height: 75px;line-height: 70px;}
.product_icon .cen-pro li .bigImg .t span{display:inline-block;vertical-align: middle;height:auto;line-height: 1.4;font-size:18px;color:#000; font-weight:bold;padding: 0 22%;}
.product_icon .cen-pro li .animated{opacity:1;filter:alpha(opacity=100);transform:scale(1);-webkit-transform:scale(1); visibility:visible;}
.product_icon .ico103{display:inline-block;vertical-align: middle;width:103px;height:103px;}

@media only screen and (max-width: 980px){
.product_icon .cen-pro li { width: 50%;margin-bottom: 3%;}
.product_icon .cen-pro li .name{font-size: 16px;}
}

/*----产品分类1----*/
.cp_bt{ margin-top:20px; }
.i_pro_t{ border-left:3px solid #000; padding-left:10px; height:28px; line-height:28px; /*overflow:hidden;*/ font-size:28px; font-weight:bold; float:left; color:#1e1d1d;}
.cp_more{ float:right; font-size:15px; color:#666; width:90px; height:32px; line-height:32px; background:#fff; text-align:center; }
.cp_more a{color:#666; display:block;border:1px solid #ddd;}
.cp_more a:hover{color:#000; background:#FEED01; border:1px solid #e3d402;}
@media only screen and (max-width: 1200px){
.i_pro_t{ font-size:20px;height:20px; line-height:20px;}
.cp_more{font-size:14px;height:24px; line-height:24px; width:80px;}
}

.con2{ width: 100%; background: #F5F5F5; padding-top:10px; padding-bottom:40px; color:#333;}
.con2 .cp1{ position: relative; }
.cpbt{width: 437px; height: 138px; background: url(../images/cpbt.png) no-repeat; position:  absolute; top: -10px; left: 382px;}
.cpbt .bold{ font-size: 40px; font-weight: bold; color: #fff; text-align: center; margin-top: 20px;}
.cpbt p{ font-size: 18px; color: #fff; font-weight:bold; margin-top: 10px; text-align: center;}
.cpbt a{ width: 46px; height: 46px; display: block; background: url(../images/cpmore1.png) no-repeat; margin: 10px auto 0 auto;}
.cpbt a:hover{background: url(../images/cpmore2.png) no-repeat;}
.con2 .cp1 .nr{ padding-top: 20px;}
.con2 .cp1 .nr .wj{ width: 460px;}
.con2 .cp1 .nr .wj dl{ margin-left: 50px; margin-top: 50px;}
.con2 .cp1 .nr .wj dl dt{ font-size: 38px; font-weight: bold; color: #333;}
.con2 .cp1 .nr .wj dl .dd1{ width: 310px; height: 42px; margin-top: 15px; font-size: 24px; color: #fff; font-weight:bold; line-height: 42px; text-indent: 10px;}
.con2 .cp1 .nr .wj dl .dd2{ margin-top: 30px;}
.con2 .cp1 .nr .wj dl .dd2 p{ background: url(/images/wjdian.png) left no-repeat; text-indent: 8px; font-size: 20px; line-height: 40px;}
.con2 .cp1 .nr .wj dl .dd3{width: 240px; height:85px; background: url(../images/wjtact.png) no-repeat; margin-top: 358px; padding: 30px 0 0 100px;}
.con2 .cp1 .nr .wj dl .dd3 p{ font-size: 15px; color: #fff;}
.con2 .cp1 .nr .wj dl .dd3 .call{ font-size: 26px; font-weight: bold; color: #fff; margin-top: 5px;}
.con2 .cp1 ul{ width: 740px; overflow: hidden;}
.con2 .cp1 ul li{ width: 340px; height: 390px; float: left; overflow:hidden; display:block; margin-left: 30px; margin-bottom: 30px;/*transition:all .5s;-webkit-transition:all .5s;*/}
.con2 .cp1 ul li .proimg_img{ width:100%; overflow:hidden;}
.con2 .cp1 ul li .proimg_img img{ -webkit-transition:all .5s ease-out;-moz-transition:all .5s ease-out;-ms-transition:all .5s ease-out;-o-transition:all .5s ease-out;transition:all .5s ease-out;}
.con2 .cp1 ul li .proimg_img:hover img{transform:scale(1.05);}
.con2 .cp1 ul li p{ width: 100%; height: 50px; background: #FEED01;color:#000; text-align: center; line-height: 50px; font-size: 16px;transition:all .75s;-webkit-transition:all .75s;}
.con2 .cp1 ul li:hover p{ background: #fff; color: #000;}
.con2 ul li:hover{ /*transform:translateY(-5px);-webkit-transform:translateY(-5px);filter:progid:DXImageTransform.Microsoft.Shadow(color=#ccc,direction=120,strength=3);*//*ie*/
-moz-box-shadow: 1px 1px 10px #ccc;/*firefox*/
-webkit-box-shadow: 1px 1px 10px #ccc;/*safari或chrome*/
box-shadow:1px 1px 10px #ccc;/}




/*----产品分类2--*/
.cp2{ position: relative; margin-top:60px;}
.sdc-pic{ margin-bottom:20px;}
.cp2 .nr{ margin-top:20px;}
.cp2 .nr .wj{ width: 460px;}
.con2 .cp1 .nr .wj .img2{ display:none;}
.cp2 .nr .wj dl{ margin-left: 50px; margin-top: 50px;}
.cp2 .nr .wj dl dt{ font-size: 38px; font-weight: bold; color: #fd9214;}
.cp2 .nr .wj dl .dd1{ margin-top: 10px; font-size: 24px; color: #fd9214;}
.cp2 .nr .wj dl .dd2{ margin-top: 30px;}
.cp2 .nr .wj dl .dd2 p{ background: url(../images/wjdian.png) left no-repeat; text-indent: 20px; font-size: 16px; line-height: 40px;}
.cp2 .nr .wj dl .dd3{width: 240px; height:85px; background: url(../images/wjtact.png) no-repeat; margin-top: 374px; padding: 30px 0 0 100px;}
.cp2 .nr .wj dl .dd3 p{ font-size: 15px; color: #fff;}
.cp2 .nr .wj dl .dd3 .call{ font-size: 26px; font-weight: bold; color: #fff; margin-top: 5px;}
.cp2 ul{ width:100%; max-width: 1200px; overflow: hidden;}
.cp2 ul li{ width: 23.12%; float: left;overflow:hidden; display:block; margin-right:2.5%; margin-bottom: 30px;/*transition:all .5s;-webkit-transition:all .5s;*/}
.cp2 ul li:nth-of-type(4){ margin-right:0;}
.cp2 ul li .proimg_img{ width:100%; overflow:hidden;}
.cp2 ul li .proimg_img img{ width:100%; -webkit-transition:all .5s ease-out;-moz-transition:all .5s ease-out;-ms-transition:all .5s ease-out;-o-transition:all .5s ease-out;transition:all .5s ease-out;}
.cp2 ul li .proimg_img:hover img{transform:scale(1.05);}

.cp2 ul li p{ width: 100%; height: 50px; background: #FEED01;color:#000; text-align: center; line-height: 50px; font-size: 16px;transition:all .75s;-webkit-transition:all .75s;}
.cp2 ul li:hover p{ background: #fff; color: #000;}

/*----产品分类3--*/
.con2 .cp3{ position: relative;}
.cp3 .nr{ padding-top: 20px;}
.cp3 .nr .qj{ width: 830px;}
.cp3 ul{ width: 370px; overflow: hidden;}
.cp3 ul li{ width: 340px;  float: left;overflow:hidden; display:block;margin-left: 30px; margin-bottom: 30px;/*transition:all .5s;-webkit-transition:all .5s;*/}
.cp3 ul li:nth-of-type(4){ margin-right:0;}
.cp3 ul li .proimg_img{ width:100%; overflow:hidden;}
.cp3 ul li .proimg_img img{ width:100%;-webkit-transition:all .5s ease-out;-moz-transition:all .5s ease-out;-ms-transition:all .5s ease-out;-o-transition:all .5s ease-out;transition:all .5s ease-out;}
.cp3 ul li .proimg_img:hover img{transform:scale(1.05);}

.cp3 ul li p{ width: 100%; height: 50px; background: #FEED01;color:#000; text-align: center; line-height: 50px; font-size: 16px;transition:all .5s;-webkit-transition:all .5s;}
.cp3 ul li:hover p{ background: #fff; color: #000;}



/*----产品分类4--*/
.cp4{ position: relative; margin-top:40px;}
.cp4 .nr{ margin-top:20px;}
.cp4 .nr .jzbj{ width: 460px; }
.cp4 ul{ width: 740px; overflow: hidden;}
.cp4 ul li{ width: 340px;  float: left;overflow:hidden; display:block; margin-right: 30px; margin-bottom: 30px;/*transition:all .5s;-webkit-transition:all .5s;*/}
.cp4 ul li .proimg_img{ width:100%; overflow:hidden;}
.cp4 ul li .proimg_img img{ width:100%; -webkit-transition:all .5s ease-out;-moz-transition:all .5s ease-out;-ms-transition:all .5s ease-out;-o-transition:all .5s ease-out;transition:all .5s ease-out;}
.cp4 ul li .proimg_img:hover img{transform:scale(1.05);}
.cp4 ul li img{ width: 100%; }
.cp4 ul li p{ width: 100%; height: 50px; background: #FEED01;color:#000; text-align: center; line-height: 50px; font-size: 16px;transition:all .75s;-webkit-transition:all .75s;}
.cp4 ul li:hover p{ background: #fff; color: #000;}

@media only screen and (max-width: 1200px){

.con2{ padding-top:10px;}
.con2 .cp1 .nr .wj{ width:100%;}
.con2 .cp1 .nr .wj img{ width:100%;}

.con2 .cp1 .nr .wj .img{ display:none;}
.con2 .cp1 .nr .wj .img2{ display:block;}

.con2 .cp1 ul{ width: 100%; margin-top:20px;}
.con2 .cp1 ul li{ width:48.5%; height:auto; margin-left:0; margin-right:3%; margin-bottom:3%;}
.con2 .cp1 ul li:nth-of-type(2n){ margin-right:0;}
.con2 .cp1 ul li p{ font-size:14px; height:44px; line-height:44px;}

.cp2{ margin-top:30px;}
.cp2 ul li{ width: 48.5%; margin-right:3%; margin-bottom:3%;}
.cp2 ul li:nth-of-type(2n){ margin-right:0;}
.cp2 ul li p{ font-size:14px; height:44px; line-height:44px;}

.cp3 .nr .qj{ width: 100%;}
.cp3 ul{ width: 100%;}
.cp3 ul li{ width:100%; margin:0; margin-top:20px; }


.cp4 .nr .jzbj{ width: 100%; }
.cp4 ul{ width: 100%; margin-top:20px;}
.cp4 ul li{ width:48.5%; margin-right:3%; margin-bottom:3%;}
.cp4 ul li:nth-of-type(2n){ margin-right:0;}
.cp4 ul li p{ font-size:14px; height:44px; line-height:44px;}
}


/*关于*/
.about{background:#fff;position: relative;overflow: hidden;font-size: 15px;line-height: 30px;color: #666; }
.about_c{}
.about_p{width: 50%;}
.about_w{width: 48%;}
.about_wc{padding: 22px 0 0;}
.about_wc h3{height:130px;display: block;position: relative;font-size: 24px;line-height: 42px;color: #333; font-weight:bold;}
.about_wc h3:before,.about_wc h3:after{content: "";left:0;width: 100%;top:103px;height:1px;position: absolute;background:#e0e0e0;}
.about_wc h3:after{width: 25px;height: 3px;background:#FEED01;top: 102px;}
.about_wc h3 span{display: block;height: 50px;font-size: 18px;font-weight: normal;color: #666;background:url(../images/ico07.gif) no-repeat 216px 22px;line-height: 52px;}
.about_wc h3 a{color: #000;}
.about_wc p{ line-height:30px;font-size: 16px;}
.about_more a {width:134px;height: 43px;background: #fff;font-size: 15px;color: #333;text-align: center;line-height: 43px;display: inline-block;margin-top: 30px;/*transition: 0.5s;*/ border:1px solid #ddd;}
.about_more a:hover {background: #FEED01;color: #000;/*transition: 0.5s;*/width: 134px;border:1px solid #e3d402;}

@media only screen and (max-width: 1200px){
.about{ padding:20px 0;}
.about_p{width: 100%; }
.about_w{width: 100%;}
.about_wc{padding: 12px 0 0;}
.about_wc p{ line-height:24px;font-size: 14px;}
.about_more a {width:110px;height: 36px; line-height:36px; font-size:14px; margin-top:15px;}
}


/**************************新闻**************************/
.sy-news{ width:100%; padding:30px 0 120px 0; background:#f5f5f5;}
/*==============新闻列表=====================*/
#n_news { margin-top:20px; }
#n_news ul{ margin:-1.2%; overflow:hidden; }
#n_news li{ width:30.8%; position:relative; display:block; overflow:hidden; background:#fff; float:left; margin:1% 1.2%; padding-bottom:50px;}
#n_news li a{ display:block;}


#n_news li .pic_box{overflow:hidden; position:relative; width:100%;}

#n_news li .pic_box img {
	display: block;
	transition: all 0.5s;
	width:100%; border:0;
}
#n_news li .pic_box:hover img {transform: scale(1.1);}
#n_news li .pic_box img{ width:100%;}

#n_news li .text_box{ position:relative; padding:25px; }
#n_news li h1 a{overflow:hidden; white-space: nowrap; overflow:hidden;text-overflow: ellipsis;  color:#555555; font-size:18px; font-weight:bold;  display:block; }
#n_news li p{ font-size:14px; line-height:24px; margin-top:20px; color:#777777;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;}
#n_news li span{ margin-top:2px; display:block; font-size:12px; color:#5c5c5d;}
#n_news .fot_box{ position:relative; height:20px; line-height:14px; padding:0 25px; border-top:1px solid #eee; }
#n_news .fot_box span{color:#a1a1a1; font-size:14px; padding-top:20px;}
#n_news .fot_box a{ display:block;  color:#a1a1a1; font-size:14px; position:absolute; right:25px; top:20px; background:url(../images/icon_more_jt.png) right center no-repeat; padding-right:30px;}
#n_news li:hover{  box-shadow:0 0 10px #ccc;  }
#n_news li:hover h1 a{ color:#000; }
#n_news li:hover p{ }
#n_news li:hover .fot_box a{ background:url(../images/icon_more_jt_hover.png) right center no-repeat; color:#000;}
#n_news li:hover .fot_box span{ }
#n_news li a:hover{ text-decoration:underline; }


#n_news h2{ text-align:center;color:#555; margin-top:50px;}

/*#n_news * { -moz-transition: all 0.6s ease-in-out;
-webkit-transition: all 0.6s ease-in-out;
-o-transition: all 0.6s ease-in-out;
-ms-transition: all 0.6s ease-in-out;
transition: all 0.6s ease-in-out; } */


@media (max-width:1200px) {
#n_news li{ width:46%;}
#n_news2 li{ width:46%;}
}
@media (max-width:920px) {
#n_news li{ width:44%;}
#n_news2 li{ width:44%;}
}
@media (max-width:800px) {

#n_news li{ width:100%; padding-bottom:30px; margin:2% 0;}
#n_news ul{ margin:0;}
#n_news2 li{ width:98%; }
#n_news2 ul{ margin:0;}
.sy-news{ width:100%; padding:20px 0 20px 0;}
#n_news li .text_box{ position:relative; padding:15px; }
#n_news .fot_box{  padding:0 15px;}
#n_news li p{ margin-top:10px;}
}

/*留言*/
.container08{ background:#fff; padding:60px 0 40px; text-align:center}
.container08 .title{ margin-bottom:25px}
.container08 .title h5{ color:#666; font-size:18px}

.container08 .input{text-align:center;font-size:0;height: 53px;margin: 0;display:inline-block;}
.container08 .input .input-text{display:inline-block; *display:inline; *zoom:1;width: 512px;height: 53px;line-height: 53px;position:  relative;vertical-align: top;background: #fafafa;border: #eee 1px solid;}
.container08 .input .input-text input{display:block;width:100%;height:100%;font-size: 14px;border:none;background:none;padding-left:32px;position:  relative;z-index: 10;}
.container08 .input .btn{display:inline-block; *display:inline; *zoom:1;width: 136px;height: 55px;line-height: 55px;background: #666;margin-left: 0;position:relative;z-index:11;transition: 0.6s;cursor: pointer;}
.container08 .input .btn input{display:block;width:100%;height:100%;color: #fff;font-size: 14px;text-transform:uppercase;border:none;background:none;text-align:center;position:relative;z-index:1;cursor: pointer;}
.container08 .input .btn a{-moz-border-radius:0;-webkit-border-radius:0;border-radius:0;float: left;width: 100%;height: 53px;line-height: 53px;vertical-align:  middle;position:  absolute;top: 0;left: 0;}
.container08 .input .btn:hover{background: #FFAA17;}
input::-webkit-input-placeholder{ color:#919191;}
input::-moz-placeholder{ /* Mozilla Firefox 19+ */ color:#919191; }
input:-moz-placeholder{ /* Mozilla Firefox 4 to 18 */ color:#919191;}
input:-ms-input-placeholder{ /* Internet Explorer 10-11 */ color:#919191;}

.container08 .input .input-text > input:focus {
  background-color: transparent;
  border-color: transparent;
}
.container08 .input .input-text > input:focus ~ .input-border {
}
.container08 .input .input-text > input:focus ~ .input-border:first-of-type:before {
  -webkit-transition: 0.15s ease-in-out all;
  transition: 0.15s ease-in-out all;
  -webkit-transition-delay: 0s;
  transition-delay: 0s;
  width: 100%;
}
.container08 .input .input-text > input:focus ~ .input-border:first-of-type:after {
  height: 100%;
  -webkit-transition: 0.15s ease-in-out all;
  transition: 0.15s ease-in-out all;
  -webkit-transition-delay: 0.15s;
  transition-delay: 0.15s;
}
.container08 .input .input-text > input:focus ~ .input-border:last-of-type {
  background: transparent;
}
.container08 .input .input-text > input:focus ~ .input-border:last-of-type:before {
  -webkit-transition: 0.15s ease-in-out all;
  transition: 0.15s ease-in-out all;

  -webkit-transition-delay: 0.3s;
  transition-delay: 0.3s;
  width: 100%;
}
.container08 .input .input-text > input:focus ~ .input-border:last-of-type:after {
  height: 100%;
  -webkit-transition: 0.15s ease-in-out all;
  transition: 0.15s ease-in-out all;
  -webkit-transition-delay: 0.45s;
  transition-delay: 0.45s;
  top: 0;
}
.container08 .input .input-text .input-border {
  bottom: 0px;
  display: block;
  left: -1px;
  position: absolute;
  top: -1px;
  right: -1px;
}
.container08 .input .input-text .input-border:before,
.container08 .input .input-text .input-border:after {
  bottom: 0;
  content: '';
  display: block;
  position: absolute;
  top: 0;
  width: 0;
  background-color: #666;
  -webkit-transition: 0.3s ease-in-out all;
  transition: 0.3s ease-in-out all;
}
.container08 .input .input-text .input-border:first-of-type:before {
  height: 2px;
  left: 0;
  top: 0;
  width: 0;
}
.container08 .input .input-text .input-border:first-of-type:after {
  height: 0;
  right: 0;
  top: 0;
  width: 2px;
}
.container08 .input .input-text .input-border:last-of-type:before {
  background-color: #666;

  height: 2px;
  top: calc(100% - 1px);
  right: 0;
  width: 0;
}
.container08 .input .input-text .input-border:last-of-type:after {
  background-color: #666;
  height: 0;
  top: calc(100% - 1px);
  left: 0;
  width: 2px;
}
@media (max-width:800px) {
.container08 .title{ margin-bottom:15px;}
.container08 .title h3{ font-size:22px;}
.container08 .title h5{ font-size:13px;}
.container08 .input{ width:100%; height:50px;}
.container08 .input .input-text{ width:70%; height:50px; line-height:50px; }
.container08 .input .input-text input{font-size:13px; padding-left:10px;}
.container08 .input .btn{ width:70px; height:52px; line-height:52px;}
.container08 .input .btn a{ height:50px; line-height:50px;}
.container08{ padding:25px 0 30px;}
}