@charset "utf-8";
@import url("public.css");
@import url("owl.carousel.css");
.fl-left{float:left;}
.fl-right{float:right;}
.clear{clear:both;}

#head {position:relative; z-index:999; width:100%; height:82px; background:#fff; margin:0 auto;}
#head .wrap2{width:90%; max-width:1200px; margin:0 auto;}
#head .logo{width:230px; text-align:left; line-height:82px;}
#head .menu{ width:850px; text-align:right;}
#head .menu ul{height:82px; line-height:82px;}
#head .menu ul>li{ display:inline-block; text-align:center;}
#head .menu ul>li:last-of-type a{ padding-right:0 !important;}
#head .menu ul>li>a{position:relative; padding:0px 16px;font-size:16px; color:#444; text-align:center; line-height:82px; display:inline-block; transition:all .25s;}
#head .menu ul>li>a img{ height:18px; width:auto; -webkit-filter: grayscale(100%);-moz-filter: grayscale(100%);-ms-filter: grayscale(100%);-o-filter: grayscale(100%);filter: grayscale(100%);filter: gray;}
#head .menu ul>li>a img:hover{ -webkit-filter: grayscale(0);-moz-filter: grayscale(0);-ms-filter: grayscale(0);-o-filter: grayscale(0);filter: grayscale(0);}
#head .menu ul>li>a:after{ position:absolute; z-index:999; left:50%; bottom:0; margin-left:-8px; width: 0;height: 0;border-left: 10px solid transparent;border-right: 10px solid transparent;border-top: 10px solid #fff; content:''; transition:all .35s;}
#head .menu ul>li:last-of-type a:after{margin-left:-2px;}
#head .menu ul>li>a:hover{color:#0061AE;}
#head .menu ul>li.A>a:after{bottom:-10px;}
#head .menu ul>li.A>a{ color:#0061AE !important;}
#head .menu ul>li.A>a img{-webkit-filter: grayscale(0);-moz-filter: grayscale(0);-ms-filter: grayscale(0);-o-filter: grayscale(0);filter: grayscale(0);}
#head .menu ul>li>div{position:absolute; z-index:100; left:0; top:82px; width:100%; height:80px; background:#eee; overflow:hidden; display:none; transition:top .35s;}
#head .menu .box-wrap{ width:90%; max-width:1200px; line-height:82px; margin:0 auto; text-align:left;}
#head .menu ul>li>div a{ display:inline-block; font-size:16px; color:#777; margin:0 14px; transition:all .35s;}
#head .menu ul>li>div a:hover{ color:#0061AE;}
#head .menu ul>li>div #search{ border:1px solid #ddd; border-radius:10px; width:99.8%; height:40px; margin-top:20px; background:#fff;}
#head .menu ul>li>div #search input[type="text"]{outline: medium;float:left;height:40px;line-height:40px;width:85%; padding:0 3%;border:none; font-family:微软雅黑; background:none;color:#777;box-sizing:border-box;overflow:hidden;}
#head .menu ul>li>div #search input::-webkit-input-placeholder, #head .menu ul>li>div #search textarea::-webkit-input-placeholder { color:#ccc;}
#head .menu ul>li>div #search button{float:right;width:9%;height:40px;border:none; outline:none; opacity:.8;background:url(../images/go.png) no-repeat center center;background-size:auto 18px;cursor:pointer;box-sizing:border-box;overflow:hidden;}
#head .menu .s11{ width:1100px; padding-left:100px;}
#head .menu .s12{ width:700px; padding-left:250px;}
#head .menu .s13{ width:500px; padding-left:340px;}
#head .menu .s14{ width:400px; padding-left:740px;}
#head .menu .s15{ width:930px; padding-right:210px; text-align:right;}
#head .menu .s16{ width:1100px; padding-right:0px; text-align:right;}
#head .menu .s17{ width:1200px; padding-right:0px; text-align:right;}
#head .menu .s18{ width:400px; padding-left:740px; text-align:right;}
#head .wap{ display:none;}
#wap{display:none;}

/* about */
div.CompInfo{padding:0px!important; margin:0px; float:left; line-height:.75rem;font-size:.42rem;color:#666;}
div.CompInfo p{padding:0px!important; margin:0px; text-indent:2em; width:100%!important; float:left; font-size:.42rem;color:#666;}
div.CompView{height:auto;overflow:hidden;margin-bottom:0px;}
div.CompView img{max-width:100%;}
div.CompView div.CompImg{width: 47.9%;float:left;overflow:hidden;}
div.CompView div.CompPeo,div.CompView div.CompWork{width:52.1%;float:left;overflow:hidden;position:relative;}
div.CompView div.CompImg:hover img,div.CompView div.CompPeo:hover img,div.CompView div.CompWork:hover img{transition:All 0.4s ease-in-out;-webkit-transition:All 0.4s ease-in-out;-moz-transition:All 0.4s ease-in-out;-o-transition:All 0.4s ease-in-out; transform:scale(1.1);-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-o-transform:scale(1.1);-ms-transform:scale(1.1);}
div.CompView div.CompPeo div.Txts,div.CompView div.CompWork div.Txts{width:40%;padding:5%;height:90%;position:absolute;top:0;color:#fff;}
div.CompView div.CompPeo div.Txts{right:0;}
div.CompView div.CompWork div.Txts{left:0;}
div.CompView strong{display:block;line-height:1.5rem;height:1.5rem;font-size:.55rem;text-align:center;font-weight:normal;}
div.CompView p{font-size:.32rem;}
/* about */

/* culture */

#culture {
	width:1200px;
	margin: 0px auto;
	padding: 20px 0px;
	text-align: left;
}
#culture .img {
	float:left;
	width:400px;
	text-align: left;
}
#culture .img img{
	display:block;
	width:100%;
	float:left;
}
#culture .text {
	float:right;
	width:730px;
	text-align: left;
}
#culture .text p {
	color: #666;
	font-size: 16px;
	margin-bottom: 30px;
}
#culture .text p strong {
	display: inline-block;
	padding: 5px;
	width: 45px;
	height: 45px;
	font-size:18px;
	text-align:center;
	margin-right: 15px;
	font-weight: normal;
	background-color:#96E019;
	border: 4px solid #96E019;
	color:#fff;
}
#culture .text .describe {
	color:#333;
	font-size: 20px;
	line-height: 40px;
}
#culture .text .describe strong {
	display: inline-block;
	width:auto;
	height: auto;
	font-size:20px;
	background: #fff;
	color:#333;
	font-weight: bold;
	padding: 0px;
	margin: 0px;
	border: 0px;
	border-bottom: 2px solid #039;
}

/* culture */

div#banner img{max-width:100%;}
div#NavBox{width:90%;height:1.6rem;float:left;}
div#NavBox ul#Nav{width:100%;height:1.6rem;}
div#NavBox ul#Nav li{line-height:1.6rem;float:left;margin:0 22px; position:relative;z-index:3;}
div#NavBox ul#Nav li a{display:block;font-size:.4rem;font-weight:bold;color:#333;padding:0 5px;}
div#NavBox ul#Nav li.line{display:block;height:4px;background:#96E019;top:1.5rem;left:0;z-index:1;position:absolute;}
div#NavBox ul#Nav li div.SonMenu{top:1.6rem;}
div#NavBox ul#Nav li div.SonMenu{top:3.6rem;left:0;width:100%;background:rgba(255,255,255,.9);position:fixed;height:auto;max-height:300px;overflow:hidden;padding:2% 0;z-index:5;height:150px;}
div#NavBox ul#Nav li div.SonMenu div.mw{height:auto;overflow:hidden;}
div#NavBox ul#Nav li div.SonMenu div.mw div.Mimg{width:33%;}
div#NavBox ul#Nav li div.SonMenu div.mw ul.sonNav{height:auto;overfow:hidden;width:30%;border-right:1px dotted #333;height:150px;}
div#NavBox ul#Nav li div.SonMenu div.mw ul.sonNav li{width:50%;margin:0;}
div#NavBox ul#Nav li div.SonMenu div.mw ul.sonNav li a{font-weight:normal;color:#454545;font-size:.35rem;display:block;width:100%;height:.6rem;text-indent:15px;padding:0;position:relative;line-height:28px;height:28px; }
div#NavBox ul#Nav li div.SonMenu div.mw ul.sonNav li a:before{display:block;width:10px;height:10px;content:"";background:url(../images/set_ico_new.png) right center no-repeat;position:absolute;left:0;top:50%;margin-top:-5px;}
div#NavBox ul#Nav li div.SonMenu div.mw ul.sonNav li a:hover::before{background-position:0 center;transition: all .35s;}
div#NavBox ul#Nav li div.SonMenu div.mw div.Mcon{width:32%;line-height:.7rem;font-size:.31rem;}
div#NavBox ul#Nav li.Product div.SonMenu{height:auto;overflow:hidden;max-height:none;}
div#NavBox ul#Nav li div.SonMenu div.mw ul{width:100%;height:auto;overflow:hidden;}
div#NavBox ul#Nav li div.SonMenu div.mw ul li{height:auto;overflow:hidden;width:20%;float:left;margin:0;line-height:1rem;}
div#NavBox ul#Nav li div.SonMenu div.mw ul li a{font-size:.4rem;width:90%;padding-right:10%;overflow:hidden;text-overflow:ellipsis;height:1rem;white-space:nowrap;display:block;color:#F00;}
div#NavBox ul#Nav li div.SonMenu div.mw ul li ul li{width:100%;line-height:.6rem;}
div#NavBox ul#Nav li div.SonMenu div.mw ul li ul li a{font-weight:normal;font-size:.32rem;line-height:.6rem;height:.6rem;color:#454545;}
dl#SearchBox{width:40px;height:37px;margin:10px 0;float:right;position:relative;}
dl#SearchBox dd{position:absolute;right:35px;top:2px;height:27px;background:#fff;padding:5px;width:0px;z-index:8;display:none;}
dl#SearchBox dd input.Keys{background:none;border:0;height:27px;line-height:27px;width:100%;}
dl#SearchBox dd input.Keys::-webkit-input-placeholder{color:#666; font-family:"微软雅黑";}
dl#SearchBox dd input.Keys::-moz-placeholder{color:#666;font-family:"微软雅黑";}
dl#SearchBox dd input.Keys:-moz-placeholder{color:#666;font-family:"微软雅黑";}
dl#SearchBox dd input.Keys:-ms-input-placeholder{color:#666;font-family:"微软雅黑";}
dl#SearchBox dt.sbtn{padding:.2rem 0; text-align:right;}
/* banner */
#banner { width: 100%; height:auto; position: relative; z-index: 1; background:#eee; overflow: hidden; margin: 0px auto;}
#banner .tit{ position:absolute; z-index:9; left:50%; top:50%; width:1200px; height:60px; margin-top:0px; margin-left:-600px; text-align:left;font-size:30px; color:#fff; transition:all .35s;}
#banner .path{ position:absolute; z-index:9; left:50%; bottom:0; width:1200px; height:60px; line-height:60px; margin-left:-600px; text-align:left;font-size:14px; color:#888; background:#fff; transition:all .35s;}
#banner .path a{font-size:14px; color:#888; transition:all .35s;}
#banner .path a:first-child{ margin-left:12px;}
#banner .path a:hover{ color:#00ccc2;}
#banner .path>.back{position:absolute; z-index:1; right:25px; top:15px; width:105px; height:35px; line-height:35px; text-align:center; font-size:14px; color:#0061AE; border:1px solid #0061AE; border-radius:30px;}
#banner .path>.back:hover{ border:1px solid #0061AE;}
#banner .swiper-pagination{ bottom:38px;}
#banner .swiper-pagination-bullet {width: 14px;height: 14px;background: #fff; opacity:1;}
#banner .swiper-pagination-bullet-active { background: #0061AE;}
#banner .swiper-slide .phoneimg{ display:none;}

div.Main_1{padding:1rem 0 1.5rem;width:100%;background:#f5f5f5;}
dl#Company dt.tl{font-size:.8rem;line-height:1.5rem;color: #444444;text-align: center;padding:.5rem 0;font-weight: bold;}
dl#Company dd.lcn{width:70%;margin:.3rem auto;line-height:.62rem;font-size:.32rem;color:#666;text-align:center;}
dl#Company dd.Link{height:auto;overflow:hidden;padding-top:.8rem;}
dl#Company dd.Link ul li{width:30%;float:left;margin:0 1.5%;}
dl#Company dd.Link ul li a{display:block;position:relative;overflow:hidden;width:100%;}
dl#Company dd.Link ul li a img{max-width:100%;width:100%;}
dl#Company dd.Link ul li a span{display:block;width:90%;position:absolute;height:90%;padding:5%;background:#6f6f6f;color:#fff;top:70%;left:0;z-index:5;background-image:url(../images/jt01.png);background-repeat:no-repeat;background-position:95% 88%;}
dl#Company dd.Link ul li a span h2{display:block;line-height:.8rem;height:.8rem;font-weight:normal;font-size:.5rem;}
dl#Company dd.Link ul li a span p{display:block;line-height:1rem;font-size:.35rem; white-space:nowrap;width:100%;text-overflow:ellipsis;height:1rem; overflow:hidden;}
dl#Company dd.Link ul li a:hover span{background-color:rgba(26,33,186,.7);top:0;transition: all .35s;}
dl#Company dd.Link ul li a:hover span h2{line-height:1.5rem;height:1.5rem;font-size:.6rem;}
dl#Company dd.Link ul li a:hover span p{ height:auto; white-space:normal;overflow:inherit;line-height:.7rem;}
dl#News {padding:1.2rem .3rem;}
dl#News dt.tl{font-size:.8rem;line-height:1.4rem;color: #444444;text-align:left;padding:.25rem .25rem;font-weight: bold;height:1.4rem;}
dl#News dt.tls{padding:0 .25rem;line-height:.8rem;height:.8rem;font-size:.35rem;color:#7c7c7c;}
dl#News dt.tls a.more{color:#7c7c7c;}
dl#News dd.lcn{padding:.5rem 0;height:auto;overflow:hidden;}
dl#News dd.lcn ul.list{width:100%;height:auto;overflow:hidden;}
dl#News dd.lcn ul.list li.first{float:left;width:42%;height:auto;overflow:hidden;padding:0;}
dl#News dd.lcn ul.list li.first a{width:98%;background:#f1f1f1;position:relative;overflow:hidden;display:block;padding:0;padding-bottom:2rem;height:auto;}
dl#News dd.lcn ul.list li.first a img{max-width:100%;}
dl#News dd.lcn ul.list li.first a span{display:block;height:2rem;background:rgba(0,0,0,0.6);position:absolute;width:100%;bottom:0;left:0;line-height:2rem;color:#fff;font-size:.43rem;}
dl#News dd.lcn ul.list li.first a span font{display:block;width:80%;height:2rem;float:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-indent:.25rem;}
dl#News dd.lcn ul.list li.first a span i{width:15%;float:right;display:block; text-align:center;font-style:normal;background:#003399;}
dl#News dd.lcn ul.list li.first a:hover img{transition:All 0.4s ease-in-out;-webkit-transition:All 0.4s ease-in-out;-moz-transition:All 0.4s ease-in-out;-o-transition:All 0.4s ease-in-out; transform:scale(1.1);-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-o-transform:scale(1.1);-ms-transform:scale(1.1);}
dl#News dd.lcn ul.list li{width:27%;padding:1%;float:left;}
dl#News dd.lcn ul.list li a{display:block;width:88%;height:auto;overflow:hidden;padding:6%;}
dl#News dd.lcn ul.list li a:hover{background:#f8f8f8;}
dl#News dd.lcn ul.list li a font.ntl{display:block;line-height:.8rem;height:.8rem;font-size:.42rem;white-space:nowrap;text-overflow:ellipsis;font-weight: bold;overflow:hidden;width:100%;color:#333;}
dl#News dd.lcn ul.list li a span{display:block;color:#666;font-size:.32rem;}
dl#News dd.lcn ul.list li a abbr{display:block;min-height:1.2rem;font-size:.33rem;line-height:.65rem;color:#686868;overflow:hidden;}
div.Main_2{padding:1rem 0;background:url(../images/banner_p3.jpg) top center no-repeat; background-size:auto 100%; height:auto;overflow:hidden;}
dl#NewPro {color:#fff;}
dl#NewPro dt.tl{height:1.4rem;font-size:.8rem;line-height:1.4rem;color: #fff; text-align:center;padding:.25rem .25rem;font-weight: bold;}
dl#NewPro dt.tls{width:58%;margin:1rem auto;text-align:center;padding:.25rem;line-height:.65rem;font-size:.35rem;}
dl#NewPro dd.lcn { overflow: hidden; position: relative;padding-bottom:1rem;  }
dl#NewPro dd.lcn .owl-carousel{height:auto; overflow: hidden; position: relative;z-index:66;width:96%;margin:0 auto;}
dl#NewPro dd.lcn .owl-carousel div a{display:block;position:relative;max-width:100%; background:rgba(255,255,255,.6);height:auto;overflow:hidden;padding-bottom:.8rem;text-align:center;margin:2% auto;border-bottom:2px solid #003399;}
dl#NewPro dd.lcn .owl-carousel div a span.img{display:block;padding:0.5rem;text-align:center;}
dl#NewPro dd.lcn .owl-carousel div a span.img img{width:100%; display:block; margin:0 auto;}
dl#NewPro dd.lcn .owl-carousel div a strong{display:block;height:1rem;font-size:.5rem;line-height:1rem;width:100%; white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#333;margin-bottom:.35rem;}
dl#NewPro dd.lcn .owl-carousel div a abbr{display:block;line-height:.6rem;font-size:.32rem;width:90%;margin:0 auto;height:1.8rem;color:#666;}
dl#NewPro dd.lcn .owl-carousel div a span.Pimg{position:absolute;display:block;top:100%;left:0; padding:0.5rem; background:#fff;z-index:6; text-align:center;}
dl#NewPro dd.lcn .owl-carousel div a:hover span.Pimg{top:0;transition:All 0.4s ease-in-out;-webkit-transition:All 0.4s ease-in-out;-moz-transition:All 0.4s ease-in-out;-o-transition:All 0.4s ease-in-out;}
dl#NewPro dd.lcn .owl-carousel div a:hover span.Pimg img{width:100%; margin:0 auto;}
dl#NewPro dd.lcn .owl-controls .owl-prev,dl#NewPro dd.lcn .owl-controls .owl-next{width:31px;height:47px;position:absolute;top:50%;margin-top:-23px;z-index:6; cursor:pointer; opacity:.6;  line-height:150px;overflow:hidden; }
dl#NewPro dd.lcn .owl-controls .owl-next{background:url(../images/ico.png) left 0px no-repeat;left:0;}
dl#NewPro dd.lcn .owl-controls .owl-prev{background:url(../images/ico.png) right -47px no-repeat;right:0px;}
dl#NewPro dd.lcn .owl-controls .owl-next:hover,dl#NewPro dd.lcn .owl-controls .owl-prev:hover{ opacity:1;}
dl#NewPro dd.lcn .owl-carousel div a:hover{background-color:#fff;}

div.Main_3{padding:1rem 0 0;background-color:#fff;}
dl#Case {padding:1rem .3rem;height:auto;overflow:hidden;}
dl#Case dt.tl{font-size:.8rem;line-height:1.4rem;color: #444444;text-align:left;padding:.25rem .25rem;font-weight: bold;height:1.4rem;}
dl#Case dt.tls{padding:0 .25rem;line-height:.8rem;height:.8rem;font-size:.35rem;color:#7c7c7c;}
dl#Case dt.tls a.more{color:#7c7c7c;}
div#Cdetail{position:relative;height:auto;overflow:hidden;}
div#Cdetail div.owl-stage-outer div{width:100%;position:relative;background:#f5f5f5;height:auto;overflow:hidden;float:left;}
div#Cdetail div.owl-stage-outer div a.img{width:50%;display:block;float:left;overflow:hidden;}
div#Cdetail div.owl-stage-outer div a.img img{max-width:100%;height:9rem;}
div#Cdetail div.owl-stage-outer div a.txt{display:block;width:44%;padding:3%;float:right;}
div#Cdetail div.owl-stage-outer div a.txt h2{display:block;line-height:1rem;height:1rem;font-weight:normal;font-size:.6rem;color:#333;}
div#Cdetail div.owl-stage-outer div a.txt p{display:block;padding:.25rem 0;line-height:.65rem;font-size:.35rem;color:#666;}
div#Cdetail div.owl-stage-outer div a.img:hover img{transition:All 0.4s ease-in-out;-webkit-transition:All 0.4s ease-in-out;-moz-transition:All 0.4s ease-in-out;-o-transition:All 0.4s ease-in-out; transform:scale(1.1);-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-o-transform:scale(1.1);-ms-transform:scale(1.1);}
div#Cdetail .owl-controls .owl-prev,div#Cdetail .owl-controls .owl-next{width:32px;height:60px;position:absolute;top:64%; z-index:6; cursor:pointer; opacity:.6;  line-height:150px;overflow:hidden; }
div#Cdetail .owl-controls .owl-next{background:url(../images/p4_leftjt.png)  no-repeat;right:45%;}
div#Cdetail .owl-controls .owl-prev{background:url(../images/p4_rightjt.png)   no-repeat;right:40%;}
div#Cdetail .owl-controls .owl-next:hover,div#Cdetail .owl-controls .owl-prev:hover{ opacity:1;}

#footer{width:100%; background:url(../images/webwxgetmsgimg.jpg) center center repeat-x; background-attachment:fixed; height:682px; float:left;}
#footer .footer{width:1200px; margin:0 auto;}
#footer .footer dl{width:500px; text-align:left; float:left; margin-top:67px;}
#footer .footer dl dt.f_tit{width:100%; float:left; color:#fff; font-size:30px;}
#footer .footer dl dt.f_pic{width:100%; float:left; margin-top:54px;}
#footer .footer dl dt.f_pic h1{width:96px; margin-right:25px; font-weight:normal; float:left; color:#fff; font-size:14px;}
#footer .footer dl dt.f_pic h1 img{width:100%; display:block;}
#footer .footer dl dt.f_pic h1 p{width:100%; padding:8px 0; text-align:center;}
#footer .footer dl dt.f_com{width:100%; float:left; margin-top:10px; color:#fff; font-size:24px;}
#footer .footer dl dt.f_add{width:100%; margin-top:15px; padding:8px 0; background:url(../images/addr.png) 5px center no-repeat; text-indent:30px; float:left; color:#fff; font-size:16px;}
#footer .footer dl dt.f_tel{width:100%; padding:8px 0; background:url(../images/tel.png) 5px center no-repeat; text-indent:30px; float:left; color:#fff; font-size:16px;}
#footer .footer dl dt.f_pho{width:100%; padding:8px 0; background:url(../images/phone.png) 5px center no-repeat; text-indent:30px; float:left; color:#fff; font-size:16px;}
#footer .footer dl dt.f_mal{width:100%; padding:8px 0; background:url(../images/mail.png) left center no-repeat; text-indent:30px; float:left; color:#fff; font-size:16px;}
#footer .footer form{width:600px; text-align:left; float:right; margin-top:67px;}
#footer .footer form h2{width:100%; font-weight:normal; float:left; color:#fff; font-size:30px;}
#footer .footer form textarea{width:598px; text-indent:1em; border:solid 1px #9C9C9C; color:#999; font-size:14px; height:148px; color:#999; line-height:25px; float:left; margin-top:54px;}
#footer .footer form textarea:focus{border:solid 1px #9C9C9C;outline:none;}
#footer .footer form input.xinm{width:248px; text-indent:1em; color:#999; font-size:14px; border:solid 1px #9C9C9C; height:40px; line-height:40px; vertical-align:middle; float:left; margin-top:26px;}
#footer .footer form input.shou{width:248px; text-indent:1em; color:#999; font-size:14px; border:solid 1px #9C9C9C; height:40px; line-height:40px; vertical-align:middle; float:right; margin-top:26px;}
#footer .footer form input.code{width:360px; text-indent:1em; color:#999; font-size:14px; border:solid 1px #9C9C9C; height:40px; line-height:40px; vertical-align:middle; float:left; margin-top:26px;}
#footer .footer form img{width:105px; cursor:pointer; border:none; height:42px; display:block; float:left; margin-top:26px;}
#footer .footer form input.btn{width:204px; cursor:pointer; border:none; outline:none; background-color:#96E019; color:#fff; text-align:center; font-size:14px; height:42px; line-height:42px; vertical-align:middle; float:left; margin-top:26px;}
#copyright{width:100%; font-weight:bold; background-color:#039; padding:27px 0; text-align:center; font-size:14px; color:#fff; float:left;}
#copyright a{font-size:14px; color:#fff; display:inline-block; margin-left:10px;}
#copyright label{font-size:14px; color:#fff; display:inline-block; margin-left:10px;}

div#Banners{height:300px;width:100%;background-position:top center;background-repeat:no-repeat;}
div#Main{padding:1rem .15rem;height:auto;overflow:hidden;clear:both;}
div#Main .lianxi{width:100%; float:left; text-align:left;}
div#Main .lianxi img{width:100%; float:left; display:block;}
dl#Companys dt.tl{font-size:1rem;line-height:1.2rem;color: #444444;text-align: center;padding:1rem 0 0;font-weight:normal;}
dl#Companys dd.lcn{width:58%;margin:.5rem auto 1rem;line-height:.62rem;font-size:.38rem;color:#787878;text-align:center;}
dl#Companys dd.About,dl#Companys dd.Abouts{height:auto;overflow:hidden;position:relative;}
dl#Companys dd.About div.txt{width:42%;padding:5% 4%;float:left;background:#F0F0F0;position:absolute;height:92%;}
dl#Companys dd.About div.txt font{display:block;line-height:1rem;height:1.2rem;font-size:.65rem;}
dl#Companys dd.About div.txt p{color:#787878;font-size:.35rem;}
dl#Companys dd.About a.img{display:block;width:50%;float:right;overflow:hidden;}
dl#Companys dd.About a.img img{max-width:100%;}
dl#Companys dd.About a.img:hover img{transition:All 0.4s ease-in-out;-webkit-transition:All 0.4s ease-in-out;-moz-transition:All 0.4s ease-in-out;-o-transition:All 0.4s ease-in-out; transform:scale(1.1);-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-o-transform:scale(1.1);-ms-transform:scale(1.1);}
dl#Companys dd.Abouts ul.Pics{width:50%;float:left;}
dl#Companys dd.Abouts ul.Pics li{width:100%;}
dl#Companys dd.Abouts ul.Pics li a{display:block;overflow:hidden;}
dl#Companys dd.Abouts ul.Pics li a img{max-width:100%;}
dl#Companys dd.Abouts ul.Pics li a:hover img{transition:All 0.4s ease-in-out;-webkit-transition:All 0.4s ease-in-out;-moz-transition:All 0.4s ease-in-out;-o-transition:All 0.4s ease-in-out; transform:scale(1.1);-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-o-transform:scale(1.1);-ms-transform:scale(1.1);}
dl#Companys dd.Abouts ul.Txts{position:absolute;width:50%;height:100%;right:0;}
dl#Companys dd.Abouts ul.Txts li{position:absolute;left:0;width:100%;height:50%;}
dl#Companys dd.Abouts ul.Txts li:nth-child(2){top:50%;}
dl#Companys dd.Abouts ul.Txts li i{display:block;width:.5rem;height:.5rem;position:absolute;margin-top:-.25rem;top:50%;left:-.25rem;-webkit-transform:rotate(45deg);transform: rotate(45deg);}
dl#Companys dd.Abouts ul.Txts li a{position:absolute;width:80%;height:90%;padding:5% 10%;overflow:hidden;display:block;}
dl#Companys dd.Abouts ul.Txts li a font{display:block;line-height:1.2rem;font-size:.65rem; margin-top:0;}
dl#Companys dd.Abouts ul.Txts li a p{font-size:.32rem;}
dl#Companys dd.Abouts ul.Txts li:hover,dl#Companys dd.Abouts ul.Txts li.on{background-color:#003399;}
dl#Companys dd.Abouts ul.Txts li:hover a,dl#Companys dd.Abouts ul.Txts li.on a{color:#fff;}
dl#Companys dd.Abouts ul.Txts li:hover i,dl#Companys dd.Abouts ul.Txts li.on i{background:#003399;}
dl#Companys dd.Links{padding:.5rem 0;height:auto;overflow:hidden;}
dl#Companys dd.Links a{width:33.3%;float:left; text-align:center;padding-bottom:.15rem;}
dl#Companys dd.Links a span.img{display:block;width:100%;overflow:hidden;}
dl#Companys dd.Links a span.img img{max-width:100%;}
dl#Companys dd.Links a:hover span.img img{transition:All 0.4s ease-in-out;-webkit-transition:All 0.4s ease-in-out;-moz-transition:All 0.4s ease-in-out;-o-transition:All 0.4s ease-in-out; transform:scale(1.1);-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-o-transform:scale(1.1);-ms-transform:scale(1.1);}
dl#Companys dd.Links a font{display:block;line-height:1rem;height:1rem;font-size:.55rem;padding:.5rem 0;}
dl#Companys dd.Links a:hover {background:#003399;color:#fff;}
dl#Companys dd.Links a span.more{position:relative;height:1rem;width:100%;display:block;font-size:.35rem;color:#787878;}
dl#Companys dd.Links a span.more i{display:block;width:30%;border-top:1px solid #ccc;position:absolute;top:.3rem;line-height:1rem;left:5%;}
dl#Companys dd.Links a span.more i:nth-child(2){left:auto;right:5%;}
dl#Companys dd.Links a:hover span.more{color:#fff;}
div#Banners div.mw{height:3rem;position:relative;padding:.25rem;padding-top:150px;color:#fff;}
div#Banners div.mw h1{line-height:2rem;line-height:2rem;font-size:1rem;font-weight:normal;}
div#Banners div.mw span {font-size:.35rem;}
div#Banners div.mw span a{color:#fff;padding:0 .1rem;}
div.MenuNav{height:auto;overflow:hidden;line-height:2rem; background:url(../images/line.jpg) 0px 2.03rem repeat-x;}
div.MenuNav ul#Mnav{line-height:2rem;height:auto;overflow:hidden;}
div.MenuNav ul#Mnav li{padding:0 .8rem;float:left;}
div.MenuNav ul#Mnav li a{display:block;font-size:.38rem;color:#333;height:2rem;margin-top:0rem;border-bottom:3px solid #fff;line-height:2rem;padding-bottom:3px;}
div.MenuNav ul#Mnav li a:hover,div.MenuNav ul#Mnav li a.cur{border-bottom:3px solid #96E019;padding:0;}
ul#Profile{height:auto;overflow:hidden;padding:.25rem 0;}
ul#Profile li{width:21%;float:left;padding:0 2%; text-align:center;}
ul#Profile li div.Txt{color: #003399;}
ul#Profile li div.Txt strong{padding:0 .4rem;font-size:1.7rem;line-height:2.2rem;height:2.2rem;}
ul#Profile li div.Txt em{font-style:normal;font-size:.4rem;font-weight:bold;}
ul#Profile li p.count-text{display:block;font-size:.45rem;font-weight:bold;color:#888;}
div.CompInfo{padding:0px .5rem;line-height:.75rem;font-size:.42rem;color:#666;}
div.CompLeft{padding:0px .5rem; width:40%; float:left;}
div.CompLeft img{max-width:100%; display:block; margin:0 auto;}
div.CompRight{line-height:.75rem;font-size:.42rem;color:#666; width:56%; float:right;}
div.CompRight p{line-height:200%;font-size:.42rem;color:#666;}
div.CompRight span{line-height:200%; display:block; font-size:.42rem;color:#666;}
div.CompRight img{max-width:100%; display:block; margin:0 auto;}
div.CompView{height:auto;overflow:hidden;margin-bottom:.5rem;}
div.CompView img{max-width:100%;}
div.CompView div.CompImg{width: 47.9%;float:left;overflow:hidden;}
div.CompView div.CompPeo,div.CompView div.CompWork{width:52.1%;float:left;overflow:hidden;position:relative;}
div.CompView div.CompImg:hover img,div.CompView div.CompPeo:hover img,div.CompView div.CompWork:hover img{transition:All 0.4s ease-in-out;-webkit-transition:All 0.4s ease-in-out;-moz-transition:All 0.4s ease-in-out;-o-transition:All 0.4s ease-in-out; transform:scale(1.1);-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-o-transform:scale(1.1);-ms-transform:scale(1.1);}
div.CompView div.CompPeo div.Txts,div.CompView div.CompWork div.Txts{background:rgba(228,21,64,0.9);width:40%;padding:5%;height:90%;position:absolute;top:0;color:#fff;}
div.CompView div.CompPeo div.Txts{right:0;}
div.CompView div.CompWork div.Txts{left:0;}
div.CompView strong{display:block;line-height:1.5rem;height:1.5rem;font-size:.55rem;text-align:center;font-weight:normal;}
div.CompView p{font-size:.32rem;}
dl#SYnews,dl#IndNews{padding:.8rem .2rem;}
dl#SYnews dt.tl,dl#IndNews dt.tl{padding:.5rem 0; text-align:center;}
dl#SYnews dt.tl h1,dl#IndNews dt.tl h1{font-size:.8rem;line-height:1.5rem;height:1.5rem;font-weight:normal;}
dl#SYnews dt.tl p,dl#IndNews dt.tl p{font-sizE:.38rem;color:#666;}
dl#SYnews dd.Lcn,dl#IndNews dd.Lcn{padding:.5rem 0;height:auto;overflow:hidden;}
dl#SYnews dd.Lcn div.bd{width:46%;float:left;}
dl#SYnews dd.Lcn div.bd a{display:block;overflow:hidden;width:100%;}
dl#SYnews dd.Lcn div.bd a img{max-width:100%;}
dl#SYnews dd.Lcn div.bd a:hover img{transition:All 0.4s ease-in-out;-webkit-transition:All 0.4s ease-in-out;-moz-transition:All 0.4s ease-in-out;-o-transition:All 0.4s ease-in-out; transform:scale(1.1);-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-o-transform:scale(1.1);-ms-transform:scale(1.1);}
dl#SYnews dd.Lcn div.hd{height:auto;overflow:hidden;float:right;width:52%;}
dl#SYnews dd.Lcn div.hd ul,dl#SYnews dd.Lcn div.hd ul li{width:100%;height:auto;overflow:hidden;}
dl#SYnews dd.Lcn div.hd ul li{padding-bottom:.4rem;}
dl#SYnews dd.Lcn div.hd ul li a{display:block;padding:.7rem 5%;width:90%;background-color: #f4f4f4;height:auto;overflow:hidden;}
dl#SYnews dd.Lcn div.hd ul li a span.time{float:left;display:block;padding-left:.65rem;text-align:right;font-size:.8rem;line-height:1rem;color:#c8c8c8;font-weight:normal;}
dl#SYnews dd.Lcn div.hd ul li a span.time p{display:block;font-size:.5rem;line-height:.8rem;height:.8rem;}
dl#SYnews dd.Lcn div.hd ul li a div.Txt{width:72%;float:right;}
dl#SYnews dd.Lcn div.hd ul li a div.Txt strong{display:block;overflow:hidden;white-space:nowrap;line-height:.8rem;height:.8rem;width:100%;font-weight:normal;font-size:.4rem;color:#333;overflow:ellipsis;}
dl#SYnews dd.Lcn div.hd ul li a div.Txt abbr{display:block;line-height:.5rem;font-size:.32rem;overflow:hidden;height:1rem;color:#888;}
dl#SYnews dd.Lcn div.hd ul li a:hover span.time{color:#003399;}
dl#SYnews dd.Lcn div.hd ul li a:hover div.Txt strong{font-weight:bold;}
dl#SYnews dd.Lcn div.hd ul li a:hover { background-color:#ececec;}
a.Video{display:block;width:100%;height:9.5rem;background-repeat:no-repeat;background-position:center center;background-size:auto 100%;position:relative; text-align:center;}
a.Video:hover{background-size:auto 110%;transition:All 0.5s ease-in-out;-webkit-transition:All 0.5s ease-in-out;-moz-transition:All 0.5s ease-in-out;-o-transition:All 0.5s ease-in-out; }
a.Video span.Play{width:1.5rem;height:1.5rem;display:inline-block;background:url(../images/play.png) no-repeat;background-size:100% auto;top:50%;margin-top:-.3rem;position:absolute;}
dl#IndNews dd.Lcn ul.nlist{width:100%;height:auto;overflow:hidden;}
dl#IndNews dd.Lcn ul.nlist li{padding:.25rem 1%;width:31%;float:left;}
dl#IndNews dd.Lcn ul.nlist li a{display:block;width:90%;padding:5%;}
dl#IndNews dd.Lcn ul.nlist li a strong{display:block;line-height:1rem;font-size:.45rem;color:#333;height:1rem;width:100%; text-overflow:ellipsis; white-space:nowrap;overflow:hidden;}
dl#IndNews dd.Lcn ul.nlist li a span.time{display:block;line-height:.65rem;color:#999;font-size:.32rem;}
dl#IndNews dd.Lcn ul.nlist li a abbr{display:block;font-size:.32rem;line-height:.55rem;color:#888;}
dl#IndNews dd.Lcn ul.nlist li a:hover{ background-color:#f6f6f6;}
div.NewsLink{position:relative;width:100%;height:auto;overflow:hidden;}
div.NewsLink div{width:50%;height:6.7rem;position:relative;background-repeat:no-repeat;background-size:auto 110%;background-position:center center;overflow:hidden;float:left;}
div.NewsLink div  a{position:absolute;width:90.5%;height:90%;color:#fff;display:block;font-size:.5rem;padding:5%; text-align:center;top:0;left:0;z-index:5;}
div.NewsLink div a span{display:block;border:1px solid #fff;height:5rem;line-height:5rem;width:100%;display:none;font-weight:normal;}
div.NewsLink div a:hover{background:rgba(0,0,0,.5);}
div.NewsLink div a:hover span{display:block;}
div#Jobs{width:100%;height:auto;overflow:hidden;background:#f8f8f8;}
div#Jobs a.col_1{width:50%;float:left;display:block;position:relative;overflow:hidden;}
div#Jobs a.col_1 img{width:100%;}
div#Jobs a.col_1:hover img{transition:All 0.4s ease-in-out;-webkit-transition:All 0.4s ease-in-out;-moz-transition:All 0.4s ease-in-out;-o-transition:All 0.4s ease-in-out; transform:scale(1.1);-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-o-transform:scale(1.1);-ms-transform:scale(1.1);}
div#Jobs a.col_1 span{display:block;width:70%;padding:15%;height:70%;position:absolute;top:0;left:0;background-color: rgba(9,69,189,0.6);color:#fff;}
div#Jobs a.col_1 span h2{font-size:1rem;line-height:2rem;height:2rem; font-weight:normal;}
div#Jobs a.col_1 span p{font-size:.6rem;}
div#Jobs a.col_2,div#Jobs a.col_3{float:left;width:21%;padding:2%;background-color: #60AE91;height:4rem;color:#Fff;}
div#Jobs a.col_3{background-color:#003399;}
div#Jobs a.col_2 h2,div#Jobs a.col_3 h2{display:block;line-height:2rem;height:2rem;font-size:.6rem;font-weight:normal;}
div#Jobs a.col_2 p,div#Jobs a.col_3 p{font-size:.35rem;}
div.Col_4{width:46%;padding:2%;float:right;}
div.Col_4 h2{display:block;line-height:.8rem;height:.8rem;font-size:.6rem;font-weight:normal;float:left;}
div.Col_4 a.more{float:right;font-size:.35rem;color:#666;}
div.Col_4 ul#jList{width:100%;clear:both;height:auto;overflow:hidden;padding:.5rem 0;}
div.Col_4 ul#jList li{height:auto;overflow:hidden;width:100%;border-bottom:1px dashed #ccc;}
div.Col_4 ul#jList li a{display:block;width:100%;height:auto;overflow:hidden;height:1.2rem;line-height:1.2rem;}
div.Col_4 ul#jList li a span{display:block;float:left;width:33%;font-size:.4rem;}
div.Col_4 ul#jList li a span.time{text-align:right;}
div#Main img{max-width:100%;}
div#Main{font-size:.35rem;}
h2._TechTl{display:block;height:2.5rem;line-height:2.5rem;text-align:center;font-size:.75rem;}

.wrap{width:1200px; position:relative; z-index:0; margin:0 auto;}
.c1_left{text-align:left;color:#666; font-size:14px; padding-bottom:10px; float:left;}
.l{text-align:left; float:left;}
.index_oq_case { /*display: block; padding: 25px 0px;*/ margin-bottom: 20px;}
.in_oq_case_main { display: block; margin-top:0; overflow:hidden}
.in_oq_case_main ul {  position: relative; }
.in_oq_case_main ul{margin:0 -20px}
.in_oq_case_main ul li { width:260px; margin:0 20px; display: block; float: left; text-align: center; }
.in_oq_case_main ul li p {overflow: hidden; }
.in_oq_case_main ul li p img {width: 100%; height:260px; display:block; transition: .9s; }
.in_oq_case_main ul li span { padding:10px 0px; display: block; transition: .9s; }
.footer_info_img { display: block; width: 100%; margin-bottom: 10px; }
.footer_info_img h5 { display: block; margin-bottom: 10px; font-size: 20px; color: #fff; font-weight: 300; }
.footer_info_img img { width: 100%; }
.footer_info { width: 100%; padding: 0 10px; border: 0px; }
.in_oq_case_main ul li span a { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 14px; color: #333; }
.in_oq_case_main ul li:hover img { transform: scale(1.08); }
.in_oq_case_main ul li:hover span { background:#003399; }
.in_oq_case_main ul li:hover span a { color: #fff; }
.index_oq_case ._font02 .t1 {
    padding:30px 0 20px 0;
    font-size: 30px;
    color: #444444;
}
.clear{clear:both;}

.friendship_link{padding:0px 0 20px 0;}
.friendship_link .link_list {line-height:40px}
.friendship_link .tit{ font-size:15px; color:#000; float: left;margin-right: 10px;}
.friendship_link .link_list a{ font-size:14px; color:#666; padding-right: 20px;}
.friendship_link .link_list a:hover{text-decoration:none;color:#000;}

#page{ width:100%; max-width:1200px; margin:0px auto; padding:40px 0;font-size:14px; color:#999; text-align:center;}
#page a{display:inline-block; padding:4px 15px; margin:0 5px; border:1px solid #999; border-radius:10%; color:#333;}
#page select{display:inline-block; padding:5px 15px; margin:0 5px; border:1px solid #999; border-radius:10%; color:#333;}
#page label{display:inline-block; padding:5px 15px 5px 0; margin:0 5px; color:#333;}
#page a:hover, #page .A{color:#fff;border:1px solid #003399; background-color:#003399;}

#feedback form dl dt, #volunteer form dl dd{
	padding: 8px 0px;
}
#feedback {
	width: 1200px;
	margin: 0px auto;
	text-align: left;
}
#feedback .img {
	float: left;
	width: 500px;
	text-align: left;
}
#feedback .container {
	width: 640px;
	float: right;
	text-align: left;
}
#feedback .text {
	font-size: 12px;
	line-height: 20px;
	color: #999;
	border-bottom: 1px dotted #ddd;
}
#feedback .text strong {
	display: block;
	padding: 10px 0px;
	font-size: 14px;
	color: #555;
}
#feedback form {
	margin: 0px auto;
	padding: 20px 0px;
	text-align: left;
}
#feedback form dl {
	width: 100%;
	text-align: left;
	padding: 0px;
}
#feedback form dl dt {
	width: 90px;
	font-size: 14px;
	line-height: 30px;
	color: #666;
	text-align: left;
}
#feedback form dl dt, #feedback form dl dd {
	padding: 8px 0px;
}
#feedback form dl dt span {
	color: #ff0000;
	padding-left: 6px;
}
#feedback form dl dd {
	padding-left: 90px;
	margin-top: -40px;
}
#checksn{float:left;}
#checkimg{cursor:pointer;}
#feedback form dl dd select {
	width: auto;
	font-size: 14px;
	font-family:"微软雅黑", "Microsoft YaHei", Arial, "Arial Narrow";
	color: #666;
	padding: 5px 20px;
	border: 1px solid #ddd;
	cursor: pointer;
	margin-right: 10px;
}
#feedback form dl input, #feedback form dl textarea {
	padding: 5px 20px;
	border: 1px solid #ddd;
	color: #888;
	font-size: 14px;
	font-family:"微软雅黑", "Microsoft YaHei", Arial, "Arial Narrow";
	margin-right: 20px;
}
#feedback form dl input {
	width: 45%;
	height: 30px;
}
#feedback form dl textarea {
	width: 96%;
	height: 120px;
	overflow: auto;
	padding: 20px 2%;
}
#feedback form dl #checksn {
	width: 10%;
}
#feedback form dl .button input {
	width: auto;
	height: 45px;
	line-height: 45px;
	border: none;
	color: #fff;
	padding: 0px 35px;
	cursor: pointer;
	font-weight: bold;
	background:#003399;
	font-family:"微软雅黑", "Microsoft YaHei", Arial, "Arial Narrow";
	font-size: 16px;
	margin: 15px auto;
}
#feedback form dl .button input:hover {
	background:#333;
}

#network {
	position: relative;
	width:1200px;
	margin: 0px auto;
	padding:0 0 20px 0;
	text-align: left;
}
#network .text {
	font-size: 14px;
	color: #999;
	padding:0px 0 30px 0;
	border-bottom: 1px dotted #eee;
}
#network .text p{
	line-height:200%;
	padding:0;
}
#network .maps {
	padding-top: 50px;
	width: 800px;
	height: 600px;
	margin: 0px auto;
}
#network .logo {
	position: absolute;
	left:830px;
	top: 560px;
}

#case {
	width:1200px;
	margin: 0px auto;
	text-align: left;
}
#case .img {
	margin: 0px auto;
	padding-bottom: 30px;
}
#case .container {
	border: 1px solid #eee;
	margin: 0px auto 30px auto;
	transition: all .35s;
}
#case .type {
	color:#333;
	font-size: 16px;
	font-weight: bold;
	padding: 30px 20px 0px 20px;
	margin: 0px auto;
	text-align: left;
}
#case .type img {
	margin-left: 5px;
}
#case .list {
	margin: 0px auto;
	padding: 10px 20px 30px 20px;
}
#case .list .name {
	display: block;
	float: left;
	width: 33%;
	padding: 5px 0px;
	text-align: left;
	font-size: 14px;
	color:#333;
}
#case .container:hover {
	background: #f5f5f5;
}

#volunteer {
	width: 1200px;
	margin: 0px auto;
	text-align: left;
}
#volunteer .img {
	float: left;
	width: 350px;
	text-align: left;
}
#volunteer .container {
	width: 720px;
	float: right;
	text-align: left;
}
#volunteer .text {
	font-size: 12px;
	line-height: 20px;
	padding: 10px 0px;
	color: #999;
	border-bottom: 1px dotted #ddd;
}
#volunteer .text span {
	display: inline-block;
	font-size: 14px;
	color: #ed0000;
}
#volunteer form {
	margin: 0px auto;
	padding: 20px 0px;
	text-align: left;
}
#volunteer form dl {
	width: 100%;
	text-align: left;
	padding: 0px;
}
#volunteer form dl dt {
	width: 90px;
	font-size: 14px;
	line-height: 30px;
	color: #666;
	text-align: left;
}

#volunteer form dl dt span {
	color: #ff0000;
	padding-left: 6px;
}
#volunteer form dl dd {
	padding-left: 90px;
	margin-top: -40px;
}
#volunteer form dl dd select {
	width: auto;
	font-size: 14px;
	font-family:"微软雅黑", "Microsoft YaHei", Arial, "Arial Narrow";
	color: #666;
	padding: 5px 20px;
	border: 1px solid #ddd;
	cursor: pointer;
	margin-right: 10px;
}
#volunteer form dl input, #volunteer form dl textarea {
	padding: 5px 20px;
	border: 1px solid #ddd;
	color: #888;
	font-size: 14px;
	font-family:"微软雅黑", "Microsoft YaHei", Arial, "Arial Narrow";
	margin-right: 20px;
}
#volunteer form dl input {
	width: 45%;
	height: 30px;
}
#volunteer form dl textarea {
	width: 96%;
	height: 120px;
	overflow: auto;
	padding: 20px 2%;
}
#volunteer form dl #checksn {
	width: 10%;
}
#volunteer form dl .button input {
	width: auto;
	height: 45px;
	line-height: 45px;
	border: none;
	color: #fff;
	padding: 0px 35px;
	cursor: pointer;
	font-weight: bold;
	background:#003399;
	font-family:"Microsoft YaHei","黑体","宋体",Arial,"Arial Narrow";
	font-size: 16px;
	margin: 15px auto;
}
#volunteer form dl .button input:hover {
	background:#333;
}

#product{ width:100%; max-width:1200px; margin:0 auto; padding-bottom:50px; text-align:left;}
#product>.prolist{ width:24%; text-align:left; padding-bottom:100px; transition:all .35s;}
#product>.prolist>.container{ padding:0;}
#product>.prolist>.container>ul{ width:100%; margin:0 auto; padding:0;}
#product>.prolist>.container>ul>li{ display:block; width:100%; text-align:left; margin-top:-1px;}
#product>.prolist>.container>ul>li>a{ position:relative; display:block; border:1px solid #eee; height:60px; line-height:60px; padding:0 10px; background:#fff url("../images/navpart-arrow-down.png") no-repeat; background-position:95% 50%; font-size:18px; color:#444; margin:0px auto; text-align:left; }
#product>.prolist>.container>ul>li.A>a{ border:1px solid #003399; background:#003399 url("../images/navpart-arrow-up.png") no-repeat; background-position:95% 50%; color:#fff;}
#product>.prolist>.container>ul>li>a:hover{ border:1px solid #003399; background:#003399 url("../images/navpart-arrow-up.png") no-repeat; background-position:95% 50%; color:#fff;}
#product>.prolist>.container>ul>li>div{display:none; padding:7px 15px; border-left:1px solid #eee; border-right:1px solid #eee; margin:0px auto; background:#fefefe;}
#product>.prolist>.container>ul>li>div a{display:block;padding:5px 0;font-size:14px; color:#96E019; transition:all .35s;}
#product>.prolist>.container>ul>li>div a:hover{color:#003399;}
#product>.prolist>.container>ul>li>div .A{color:#003399; font-weight:bold;}
#product>.container{ width:76%; padding:0; text-align:left; transition:all .35s;}
#product>.container .noData{ padding:20px 50px;}
#product>.container .list{ margin:0px auto;}
#product>.container .list>a{position:relative;display:block; float:left; width:33%; height:350px; overflow:hidden;border:1px solid #eee; margin-top:-1px; margin-left:-1px; text-align:center; overflow:hidden; transition:all .35s;}
#product>.container .list>a>.img{ display:block; width:94%; height:auto; margin:0 auto;display:-webkit-box; display:-ms-flexbox; display:-webkit-flex; display:flex; -webkit-box-pack:center; -ms-flex-pack:center; -webkit-justify-content:center; justify-content:center; -webkit-box-align:center; -ms-flex-align:center; -webkit-align-items:center; align-items:center;}
#product>.container .list>a>.img img{ width:100%; height:auto;}
#product>.container .list>a>.name{ padding:30px 10px; text-align:center; font-size:15px; color:#444; overflow: hidden;text-overflow:ellipsis;white-space: nowrap; transition:all .35s;}
#product>.container .list>a:hover .name{color:#96E019;}

.biaoti{width:96%; float:right; color:#000; font-size:18px; line-height:180%; text-align:center;}
.neirong{width:96%; float:right; color:#000; font-size:16px; line-height:180%; text-align:left;}
.neirong img{max-width:100%; display:block;margin:0 auto;}
.prev_next{width:96%; float:left; margin-top:15px; padding:10px 0; background-color:#eee; text-align:center;}
.prev_next a{color:#000; display:inline-block; font-size:14px; padding:5px 20px;}
.prev_next a:hover{color:#003399;}

.kongj{clear:both;height:64px;}
.kong2{clear:both;height:15px;}
#title{width:100%; max-width:1200px; padding:0px 0px 10px 0px; margin:0 auto; font-size:30px; font-weight:bold; color:#444; text-align:left;}
#title>span{ color:#003399; font-size:28px;}

.chanpin{width:100%; float:left;}
.chanpin > h1{width:100%; float:left; font-size:18px; color:#000; padding:0 0 15px 0; text-align:center;}
.chanpin > h1 a{display:inline-block; padding:7px 25px; font-weight:normal; border:solid 1px #ddd; border-radius:10px; float:right; color:#333; font-size:14px;}
.chanpin .shuom{color:#000; width:100%; float:left; font-szie:16px; line-height:180%; text-align:left;}
.chanpin .shuom img{max-width:100%;}
.chanpin .shuom p{width:100%; font-szie:16px; line-height:180%;}
.chanpin .shuom span{width:100%; display:inline-block; font-szie:16px; line-height:180%;}

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

#head { position:fixed; left:0; top:0; height:60px; border-bottom:1px solid #ccc;}
#head .logo{width:40%;line-height:60px;}
#head .logo img{ height:25px; width:auto;}
#head .menu{ display:none;}
#head .wap{ display:block; width:60%; text-align:right; line-height:60px;}
#head .wap>a{ display:inline-block; margin-left:12px;}
#head .wap>a img{ height:25px; width:auto;}
#wap{ display:block; position:fixed; z-index:99; left:0; top:60px; width:100%;}
#wap>.search{ display:none; background:rgba(0,40,40,.8);padding:20px;}
#wap>.search form{ border:1px solid #ddd; border-radius:5px; width:99.8%; height:40px; background:#fff;}
#wap>.search input[type="text"]{outline: medium;float:left;height:40px;line-height:40px;width:78%; padding:0 5%;border:none; font-family:微软雅黑; background:none;color:#777;box-sizing:border-box;overflow:hidden;}
#wap>.search input::-webkit-input-placeholder, #head .menu ul>li>div #search textarea::-webkit-input-placeholder { color:#ccc;}
#wap>.search button{float:right;width:12%;height:40px;border:none; opacity:.8;background:url(../images/go.png) no-repeat center center;background-size:auto 18px;cursor:pointer;box-sizing:border-box;overflow:hidden;}
#wap>.language{ display:none; width:14%; float:right; background:#eee;}
#wap>.language>a{display:block; padding:8px 0; font-size:14px; color:#999; border-bottom:1px solid #ddd;}
#wap>.menu{ display:block; position:fixed; left:-100%;top:60px;width: 100%;height: 100%; background:#eee; overflow:hidden;}
#wap>.menu>ul{ width:90%; margin:0 auto; padding:20px 0;}
#wap>.menu>ul>li{display:block; width:100%; text-align:left;}
#wap>.menu>ul>li>a{ display:block; width:100%; padding:25px 0; font-size:16px; color:#444; margin:0px auto; text-align:left; border-bottom:1px solid rgba(0,0,0,.2); background:url("../images/icon-plus.png") no-repeat; background-position:98% 50%; background-size:26px auto;}
#wap>.menu>ul>li.A>a{ color:#0061AE !important; background:url("../images/icon-minus.png") no-repeat; background-position:98% 50%; background-size:26px auto;}
#wap>.menu>ul>li>div{ display:none; padding:10px 0px; width:100%; margin:0px auto;}
#wap>.menu>ul>li>div a{display:block;padding:5px 0;font-size:16px; color:#999;}

div.CompView strong{line-height:1rem;height:1rem;font-size:.55rem;}
div.CompView p{font-size:.35rem;line-height:.6rem;}

}

@media only screen and (max-width: 1024px) {
.kong2{clear:both;height:0px;}

div.CompView strong{line-height:1rem;height:1rem;font-size:.55rem;}
div.CompView p{font-size:.35rem;line-height:.6rem;}

#head { position:fixed; left:0; top:0; height:60px; border-bottom:1px solid #ccc;}
#head .logo{width:40%;line-height:60px;}
#head .logo img{ height:25px; width:auto;}
#head .menu{ display:none;}
#head .wap{ display:block; width:60%; text-align:right; line-height:60px;}
#head .wap>a{ display:inline-block; margin-left:12px;}
#head .wap>a img{ height:25px; width:auto;}
#wap{ display:block; position:fixed; z-index:99; left:0; top:60px; width:100%;}
#wap>.search{ display:none; background:rgba(0,40,40,.8);padding:20px;}
#wap>.search form{ border:1px solid #ddd; border-radius:5px; width:99.8%; height:40px; background:#fff;}
#wap>.search input[type="text"]{outline: medium;float:left;height:40px;line-height:40px;width:78%; padding:0 5%;border:none; font-family:微软雅黑; background:none;color:#777;box-sizing:border-box;overflow:hidden;}
#wap>.search input::-webkit-input-placeholder, #head .menu ul>li>div #search textarea::-webkit-input-placeholder { color:#ccc;}
#wap>.search button{float:right;width:12%;height:40px;border:none; opacity:.8;background:url(../images/go.png) no-repeat center center;background-size:auto 18px;cursor:pointer;box-sizing:border-box;overflow:hidden;}
#wap>.language{ display:none; width:14%; float:right; background:#eee;}
#wap>.language>a{display:block; padding:8px 0; font-size:14px; color:#999; border-bottom:1px solid #ddd;}
#wap>.menu{ display:block; position:fixed; left:-100%;top:60px;width: 100%;height: 100%; background:#eee; overflow:hidden;}
#wap>.menu>ul{ width:90%; margin:0 auto; padding:20px 0;}
#wap>.menu>ul>li{display:block; width:100%; text-align:left;}
#wap>.menu>ul>li>a{ display:block; width:100%; padding:25px 0; font-size:16px; color:#444; margin:0px auto; text-align:left; border-bottom:1px solid rgba(0,0,0,.2); background:url("../images/icon-plus.png") no-repeat; background-position:98% 50%; background-size:26px auto;}
#wap>.menu>ul>li.A>a{ color:#0061AE !important; background:url("../images/icon-minus.png") no-repeat; background-position:98% 50%; background-size:26px auto;}
#wap>.menu>ul>li>div{ display:none; padding:10px 0px; width:100%; margin:0px auto;}
#wap>.menu>ul>li>div a{display:block;padding:5px 0;font-size:16px; color:#999;}

div#NavBox ul#Nav li div.SonMenu div.mw div.Mimg{display:none;}
div#NavBox ul#Nav li div.SonMenu div.mw div.Mcon{display:none;}
div#NavBox ul#Nav li div.SonMenu{position:fixed;left:0;top:0;padding:0;height:100%;background:#3a3a3a;width:48%;max-height:none;box-shadow:0 0 15px rgba(0,0,0,.5);overflow:hidden;}
div#NavBox ul#Nav li.Product div.SonMenu{height:100%;}
div#NavBox ul#Nav li div.SonMenu div.mw{position:absolute;width:100%;height:100%;padding:0;left:0;top:0;}
div#NavBox ul#Nav li div.SonMenu div.mw ul.sonNav {float:none;width:100%;position:absolute;height:100%;padding:0;left:100%;top:0;}
div#NavBox ul#Nav li div.SonMenu div.mw ul.sonNav li{width:100%;padding:0;float:none;}
div#NavBox ul#Nav li div.SonMenu div.mw ul.sonNav li a:before{display:none;}
div#NavBox ul#Nav div.SonMenu div.mw li.back_btn{padding-top:.6rem;background:#000;color:#ccc;line-height:1.1rem;height:1.1rem;font-size:.45rem; cursor:pointer; text-indent:.8rem;}
div#NavBox ul#Nav div.SonMenu div.mw li.back_btn:before{display:block;content:"";width:.2rem;height:.2rem;border-bottom:2px solid #ccc;border-left:2px solid #ccc;-transform:rotate(45deg);
transform: rotate(45deg);position:absolute;left:.4rem;top:1.05rem;}
div#NavBox ul#Nav li.Product div.SonMenu div.mw ul {width:100%;position:absolute;height:100%;padding:0;left:100%;top:0;background:#3a3a3a; z-index:6;}
div#NavBox ul#Nav li.Product div.SonMenu div.mw ul li{position:static;}
div#NavBox ul#Nav li.Product div.SonMenu div.mw ul li.parent ul li a{width:100%;}

div.Main_1{padding:0rem 0 1.5rem;width:100%;background:#f5f5f5;}
#banner { margin-top:0px;overflow:inherit;}
#banner .tit{ width:93.75%; margin-left:-45%; font-size:20px;}
#banner .path{ width:93.75%; height:40px; line-height:40px; margin-left:-46.8%; text-align:left;font-size:12px;}
#banner .swiper-slide img{max-width:100%; height:auto;}
	
dl#Company dd.lcn{width:80%;}
dl#Company dd.Link ul li a span h2{line-height:.7rem;height:.7rem;font-size:.45rem;}
dl#Company dd.Link ul li a span p{line-height:.8rem;font-size:.3rem;}
dl#Company dd.Link ul li a:hover span p{ line-height:.6rem;height:1.8rem;overflow:hidden;}
dl#News dd.lcn ul.list li.first{width:100%;}
dl#News dd.lcn ul.list li.first a{width:100%;}
dl#News dd.lcn ul.list li{width:49%;padding-left:0;}
div#Cdetail div.owl-stage-outer div a.img img{height:8rem;}
div#Cdetail div.owl-stage-outer div a.txt h2{line-height:.75rem;height:.75rem;font-size:.52rem;}
div#Cdetail div.owl-stage-outer div a.txt p{padding:.25rem 0;line-height:.5rem;font-size:.25rem;}
/*
footer {padding-top:1rem;}
footer div#Footer ul#Fnav{display:none;}
footer div#Footer div.Contact{width:100%;}
footer div#Footer div.ewm{display:none;}
*/
dl#Companys dd.Abouts ul.Txts li a{width:90%;height:96%;padding:2% 5%;overflow:hidden;display:block;}
dl#Companys dd.Abouts ul.Txts li a font{display:block;line-height:1.2rem;font-size:.55rem; margin-top:0;}
dl#Companys dd.Abouts ul.Txts li a p{font-size:.3rem;line-height:.5rem;height:1rem;overflow:hidden;}
div.CompView strong{line-height:1rem;height:1rem;font-size:.55rem;}
div.CompView p{font-size:.35rem;line-height:.6rem;}
dl#SYnews dd.Lcn div.hd ul li a span.time{padding-left:.3rem;font-size:.7rem;line-height:1rem;}
dl#SYnews dd.Lcn div.hd ul li a span.time p{font-size:.45rem;line-height:.7rem;height:.7rem;}
a.Video{height:8rem;background-size:auto 100%;}
a.Video:hover{background-size:auto 110%;}
div.NewsLink div{height:6rem;background-size:auto 100%;}
div.NewsLink div a span{display:block;border:1px solid #fff;height:4.5rem;line-height:4.5rem;width:100%;display:none;}
div#Jobs a.col_1 span h2{font-size:.8rem;line-height:1.5rem;height:1.5rem;}
div#Jobs a.col_1 span p{font-size:.5rem;}
div#Jobs a.col_2,div#Jobs a.col_3{height:3.5rem;}
div#Jobs a.col_2 h2,div#Jobs a.col_3 h2{line-height:1.5rem;height:1.5rem;font-size:.5rem;}
div#Jobs a.col_2 p,div#Jobs a.col_3 p{font-size:.32rem;}

#feedback {
	width:92%;
	float:left;
	margin:0px 4%;
	text-align: left;
	background-color:#fff;
}
#feedback .img {
	display:none;
	float:left;
	width:90%;
	text-align: left;
}
#feedback .container {
	width:100%;
	float: right;
	text-align: left;
}
#feedback .text {
	font-size: 12px;
	line-height: 20px;
	color: #999;
	border-bottom: 1px dotted #ddd;
}
#feedback .text strong {
	display: block;
	padding: 10px 0px;
	font-size: 14px;
	color: #555;
}
#feedback form {
	margin: 0px auto;
	padding: 20px 0px;
	text-align: left;
}
#feedback form dl {
	width: 100%;
	text-align: left;
	padding: 0px;
}
#feedback form dl dt {
	width: 90px;
	font-size: 14px;
	line-height: 30px;
	color: #666;
	text-align: left;
}
#feedback form dl dt, #feedback form dl dd {
	padding: 8px 0px;
}
#feedback form dl dt span {
	color: #ff0000;
	padding-left: 6px;
}
#feedback form dl dd {
	padding-left: 90px;
	margin-top: -40px;
}
#feedback form dl dd select {
	width: auto;
	font-size: 14px;
	font-family:"微软雅黑", "Microsoft YaHei", Arial, "Arial Narrow";
	color: #666;
	padding: 5px 20px;
	border: 1px solid #ddd;
	cursor: pointer;
	margin-right: 10px;
}
#feedback form dl input, #feedback form dl textarea {
	padding: 5px 20px;
	border: 1px solid #ddd;
	color: #888;
	font-size: 14px;
	font-family:"微软雅黑", "Microsoft YaHei", Arial, "Arial Narrow";
	margin-right: 20px;
}
#feedback form dl input {
	width: 45%;
	height: 30px;
}
#feedback form dl textarea {
	width: 96%;
	height: 120px;
	overflow: auto;
	padding: 20px 2%;
}
#feedback form dl #checksn {
	width: 10%;
}
#feedback form dl .button input {
	width: auto;
	height: 45px;
	line-height: 45px;
	border: none;
	color: #fff;
	padding: 0px 35px;
	cursor: pointer;
	font-weight: bold;
	background:#003399;
	font-family:"微软雅黑", "Microsoft YaHei", Arial, "Arial Narrow";
	font-size: 16px;
	margin: 15px auto;
}
#feedback form dl .button input:hover {
	background:#333;
}

#volunteer {
	width:92%;
	margin:0px 4%;
	float:left;
	text-align: left;
}
#volunteer .img {
	float: left;
	width: 350px;
	display:none;
	text-align: left;
}
#volunteer .container {
	width:100%;
	float:right;
	text-align: left;
}
#volunteer .text {
	font-size: 12px;
	line-height: 20px;
	padding: 10px 0px;
	color: #999;
	border-bottom: 1px dotted #ddd;
}
#volunteer .text span {
	display: inline-block;
	font-size: 14px;
	color: #ed0000;
}
#volunteer form {
	margin: 0px auto;
	padding: 20px 0px;
	text-align: left;
}
#volunteer form dl {
	width: 100%;
	text-align: left;
	padding: 0px;
}
#volunteer form dl dt {
	width: 90px;
	font-size: 14px;
	line-height: 30px;
	color: #666;
	text-align: left;
}

#volunteer form dl dt span {
	color: #ff0000;
	padding-left: 6px;
}
#volunteer form dl dd {
	padding-left: 90px;
	margin-top: -40px;
}
#volunteer form dl dd select {
	width: auto;
	font-size: 14px;
	font-family:"微软雅黑", "Microsoft YaHei", Arial, "Arial Narrow";
	color: #666;
	padding: 5px 20px;
	border: 1px solid #ddd;
	cursor: pointer;
	margin-right: 10px;
}
#volunteer form dl input, #volunteer form dl textarea {
	padding: 5px 20px;
	border: 1px solid #ddd;
	color: #888;
	font-size: 14px;
	font-family:"微软雅黑", "Microsoft YaHei", Arial, "Arial Narrow";
	margin-right: 20px;
}
#volunteer form dl input {
	width: 45%;
	height: 30px;
}
#volunteer form dl textarea {
	width: 96%;
	height: 120px;
	overflow: auto;
	padding: 20px 2%;
}
#volunteer form dl #checksn {
	width: 10%;
}
#volunteer form dl .button input {
	width: auto;
	height: 45px;
	line-height: 45px;
	border: none;
	color: #fff;
	padding: 0px 35px;
	cursor: pointer;
	font-weight: bold;
	background:#003399;
	font-family:"Microsoft YaHei","黑体","宋体",Arial,"Arial Narrow";
	font-size: 16px;
	margin: 15px auto;
}
#volunteer form dl .button input:hover {
	background:#333;
}
.kongj{clear:both;height:20px;}

#title{ width:93.75%;}
#footer{display:none;}
/*
footer div.copyright{background:#0047bb; padding:.32rem 0; color:#fff;font-size:.32rem; text-align:left;}
footer div.copyright p.copy_left{width:100%; text-align:left; float:left;}
footer div.copyright p.copy_right{width:100%; float:left;}
footer div.copyright a{color:#fff;}
*/

#network{width:96%; margin:0 2%; flaot:left;}
#network .maps{display:none;}
#network .logo{display:none;}
#network .text{width:100%!important; float:left!important; text-align:left!important;}
#network .text p{width:100%!important; float:left!important; text-align:left!important;}
#case{width:100%; text-align:left; float:left;}
#case .img{width:100%; float:left;}
#case .img img{width:100%; display:block; float:left;}
#case .list .name{width:33%; float:left;}

#product{ width:100%; max-width:100%; margin:0; padding-bottom:30px; text-align:left;}
#product>.prolist{width:100%; text-align:left; padding-bottom:20px; transition:all .35s;}
#product>.prolist>.container{ padding:0;}
#product>.prolist>.container>ul{ width:100%; margin:0 auto; padding:0;}
#product>.prolist>.container>ul>li{ display:block; width:100%; text-align:left; margin-top:-1px;}
#product>.prolist>.container>ul>li>a{ position:relative; display:block; border:1px solid #eee; height:60px; line-height:60px; padding:0 10px; background:#fff url("../images/navpart-arrow-down.png") no-repeat; background-position:95% 50%; font-size:18px; color:#444; margin:0px auto; text-align:left; }
#product>.prolist>.container>ul>li.A>a{ border:1px solid #003399; background:#003399 url("../images/navpart-arrow-up.png") no-repeat; background-position:95% 50%; color:#fff;}
#product>.prolist>.container>ul>li>a:hover{ border:1px solid #003399; background:#003399 url("../images/navpart-arrow-up.png") no-repeat; background-position:95% 50%; color:#fff;}
#product>.prolist>.container>ul>li>div{display:none; padding:7px 15px; border-left:1px solid #eee; border-right:1px solid #eee; margin:0px auto; background:#f5f5f5;}
#product>.prolist>.container>ul>li>div a{display:block;padding:5px 0;font-size:14px; color:#444; transition:all .35s;}
#product>.prolist>.container>ul>li>div a:hover{color:#003399;}
#product>.prolist>.container>ul>li>div .A{color:#003399; font-weight:bold;}
#product>.container{width:100%; padding:0; margin-top:15px; text-align:left; transition:all .35s;}
#product>.container .noData{padding:20px 50px;}
#product>.container .list{margin:0px;}
#product>.container .list>a{position:relative;display:block; float:left; width:48%; height:310px; overflow:hidden;border:1px solid #eee; margin-top:-1px; margin-left:-1px; text-align:center; overflow:hidden; transition:all .35s;}
#product>.container .list>a>.img{ display:block; width:94%; height:auto; margin:0 auto;display:-webkit-box; display:-ms-flexbox; display:-webkit-flex; display:flex; -webkit-box-pack:center; -ms-flex-pack:center; -webkit-justify-content:center; justify-content:center; -webkit-box-align:center; -ms-flex-align:center; -webkit-align-items:center; align-items:center;}
#product>.container .list>a>.img img{ width:100%; height:auto;}
#product>.container .list>a>.name{ padding:30px 10px; text-align:center; font-size:15px; color:#444; overflow: hidden;text-overflow:ellipsis;white-space: nowrap; transition:all .35s;}
#product>.container .list>a:hover .name{color:#003399;}

#culture {
	width:100%;
	margin: 0px;
	padding:20px 0px;
	text-align: left;
	float:left;
}
#culture .img {
	float:left;
	width:96%;
	margin:0 2%;
	text-align: left;
}
#culture .img img{
	display:block;
	width:100%;
	float:left;
}
#culture .text {
	float:left;
	width:96%;
	margin:0 2%;
	text-align: left;
}
#culture .text p {
	color: #666;
	font-size:16px;
	width:100%;
	float:left;
	margin-bottom:20px;
}
#culture .text p strong {
	display: inline-block;
	padding:10px 1%;
	width:auto;
	height:normal;
	font-size:16px;
	text-align:center;
	margin-right:2%;
	font-weight: normal;
	background-color:#96E019;
	border:none;
	color:#fff;
}
#culture .text .describe {
	color:#333;
	width:100%;
	float:left;
	font-size:16px;
	line-height:200%;
}
#culture .text span{
	font-size:16px!important;
}
#culture .text .describe strong {
	display: inline-block;
	width:auto;
	height: auto;
	font-size:16px;
	background: #fff;
	color:#333;
	font-weight: bold;
	padding: 0px;
	margin: 0px;
	border: 0px;
	border-bottom: 2px solid #039;
}

}

@media only screen and (max-width: 850px) {
.kong2{clear:both;height:0px;}

div.CompView div.CompImg,div.CompView div.CompImg img{width:100%;}
div.CompView div.CompPeo,div.CompView div.CompWork,div.CompView div.CompPeo img,div.CompView div.CompWork img{width:100%;}
div.CompView div.CompPeo div.Txts,div.CompView div.CompWork div.Txts{width:40%;padding:3% 5%;height:94%;}
div.CompView strong{line-height:1.3rem;height:1.3rem;font-size:.6rem;}
div.CompView p{font-size:.38rem;line-height:.75rem;}

#head { height:40px;}
#head .logo{width:40%;line-height:40px;}
#head .logo img{height:30px; margin-top:5px;}
#head .wap{ width:40%; line-height:40px;}
#head .wap>a img{ height:18px;}
#wap{ top:40px;}
#wap>.search{ padding:15px;}
#wap>.search form{ height:30px;}
#wap>.search input[type="text"]{height:30px;line-height:30px;}
#wap>.search button{height:30px;background-size:auto 18px;}
#wap>.language{ width:20%;}
#wap>.language>a{font-size:12px;}
#wap>.menu{ top:40px;}
#wap>.menu>ul>li>a{ padding:10px 0; font-size:14px; background-size:18px auto;}
#wap>.menu>ul>li.A>a{ background-size:18px auto;}
#wap>.menu>ul>li>div a{font-size:14px;}

	div.Main_1{padding:0rem 0 1.5rem;width:100%;background:#f5f5f5;}
	dl#Company dd.lcn{width:90%;}
	dl#Company dd.Link ul li a span h2{line-height:1.1rem;height:1.1rem;font-size:.45rem;}
	dl#News dd.lcn ul.list li{width:100%;padding-left:0;padding-right:0}
	dl#News dd.lcn ul.list li a{padding:2%;width:96%;}
	dl#News dd.lcn ul.list li a abbr{font-size:.35rem;}
	dl#NewPro dt.tls{width:68%}
	div#Cdetail div.owl-stage-outer div a.img img{height:6rem;}
	div#Cdetail div.owl-stage-outer div a.txt p{padding:.25rem 0;line-height:.6rem;font-size:.32rem;}
	div#Cdetail .owl-controls .owl-next{right:40%;}
	div#Cdetail .owl-controls .owl-prev{right:32%;}
	/*
	footer div#Footer .ewm{display:none;}
	*/
	div#Banners{height:200px;width:100%;background-position:top center;background-repeat:no-repeat;}
	div#Banners div.mw{height:3rem;position:relative;padding:.25rem;padding-top:80px;color:#fff;}
	div#Banners div.mw h1{line-height:1.8rem;height:1.8rem;}
	div#Banners div.mw span a{color:#fff;}
	dl#Companys dd.lcn{width:90%;font-size:.34rem;}
	dl#Companys dd.About div.txt{width:42%;padding:5% 4%;float:left;background:#F0F0F0;position:relative;height:auto;}
	dl#Companys dd.Abouts ul.Txts {position:relative;float:right;}
	dl#Companys dd.Abouts ul.Txts li{position:relative;}
	dl#Companys dd.Abouts ul.Txts li a{position:relative;height:auto;overflow:hidden;padding-bottom:.5rem;}
	dl#Companys dd.Abouts ul.Txts li:nth-child(2){top:inherit;}
	dl#Companys dd.Abouts ul.Txts li a p{font-size:.3rem;line-height:.5rem;height:auto;overflow:inherit;}
	dl#Companys dd.Links a font{line-height:.8rem;height:.8rem;font-size:.5rem;padding:.45rem 0;}
	dl#Companys dd.Links a span.more i{width:20%;}
	ul#Profile li{width:40%;padding:0 5%;}
	div.MenuNav{border:0;line-height:1.5rem;background:none;}
    div.MenuNav ul#Mnav{line-height:1.5rem;}
	div.MenuNav ul#Mnav li{padding:0 .5rem;float:left;height:1.5rem;width:26%;margin:.25rem 0;}
	div.MenuNav ul#Mnav li a{font-size:.6rem;line-height:1.5rem;height:1.5rem;float:left;}
    div.MenuNav ul#Mnav li a:hover,div.MenuNav ul#Mnav li a.cur{border-bottom:2px solid #003399;line-height:1.5rem;height:1.5rem;}
	div.CompView div.CompImg,div.CompView div.CompImg img{width:100%;}
	div.CompView div.CompPeo,div.CompView div.CompWork,div.CompView div.CompPeo img,div.CompView div.CompWork img{width:100%;}
	div.CompView div.CompPeo div.Txts,div.CompView div.CompWork div.Txts{width:40%;padding:3% 5%;height:94%;}
	div.CompView strong{line-height:1.3rem;height:1.3rem;font-size:.6rem;}
	div.CompView p{font-size:.38rem;line-height:.75rem;}
	dl#SYnews dd.Lcn div.hd ul li a{padding:.5rem 3%;width:94%;}
	dl#SYnews dd.Lcn div.hd ul li a span.time{padding-left:.3rem;font-size:.6rem;line-height:.8rem;}
    dl#SYnews dd.Lcn div.hd ul li a span.time p{font-size:.4rem;line-height:.6rem;height:.6rem;}
	dl#SYnews dd.Lcn div.hd ul li a div.Txt{width:68%;}
	dl#SYnews dd.Lcn div.hd ul li a div.Txt strong{line-height:.7rem;height:.7rem;font-size:.4rem;}
    dl#SYnews dd.Lcn div.hd ul li a div.Txt abbr{line-height:.5rem;font-size:.3rem;height:.9rem;} 
	div#Jobs a.col_1 span h2{font-size:.75rem;line-height:1.2rem;height:1.2rem;}
	div#Jobs a.col_1 span p{font-size:.45rem;}
	div#Jobs a.col_2,div#Jobs a.col_3{height:3rem;}
	div#Jobs a.col_2 h2,div#Jobs a.col_3 h2{line-height:1rem;height:1rem;font-size:.45rem;}
	div#Jobs a.col_2 p,div#Jobs a.col_3 p{font-size:.3rem;line-height:.55rem;}
	div.Col_4 ul#jList li a{height:1.1rem;line-height:1.1rem;}
	div.Col_4 ul#jList li a span{width:33%;font-size:.35rem;}
	
#banner { margin-top:0px;}
#banner .tit{ height:30px; margin-top:-10px; font-size:16px;}
#banner .path{ bottom:-40px;}
#banner .swiper-slide .pcimg{display:none;}
#banner .swiper-slide .phoneimg{display:block;}
#banner .swiper-pagination{ bottom:10px;}
#banner .swiper-pagination-bullet {width: 10px;height: 10px;}
	
#feedback {
	width:94%;
	float:left;
	margin:0px 3%;
	text-align: left;
	background-color:#fff;
}
#feedback .img {
	display:none;
	float:left;
	width:90%;
	text-align: left;
}
#feedback .container {
	width:100%;
	float: right;
	text-align: left;
}
#feedback .text {
	font-size: 12px;
	line-height: 20px;
	color: #999;
	border-bottom: 1px dotted #ddd;
}
#feedback .text strong {
	display: block;
	padding: 10px 0px;
	font-size: 14px;
	color: #555;
}
#feedback form {
	margin: 0px auto;
	padding: 20px 0px;
	text-align: left;
}
#feedback form dl {
	width: 100%;
	text-align: left;
	padding: 0px;
}
#feedback form dl dt {
	width: 90px;
	font-size: 14px;
	line-height: 30px;
	color: #666;
	text-align: left;
}
#feedback form dl dt, #feedback form dl dd {
	padding: 8px 0px;
}
#feedback form dl dt span {
	color: #ff0000;
	padding-left: 6px;
}
#feedback form dl dd {
	padding-left: 90px;
	margin-top: -40px;
}
#feedback form dl dd select {
	width: auto;
	font-size: 14px;
	font-family:"微软雅黑", "Microsoft YaHei", Arial, "Arial Narrow";
	color: #666;
	padding: 5px 20px;
	border: 1px solid #ddd;
	cursor: pointer;
	margin-right: 10px;
}
#feedback form dl input, #feedback form dl textarea {
	padding: 5px 20px;
	border: 1px solid #ddd;
	color: #888;
	font-size: 14px;
	font-family:"微软雅黑", "Microsoft YaHei", Arial, "Arial Narrow";
	margin-right: 20px;
}
#feedback form dl input {
	width: 45%;
	height: 30px;
}
#feedback form dl textarea {
	width: 96%;
	height: 120px;
	overflow: auto;
	padding: 20px 2%;
}
#feedback form dl #checksn {
	width: 10%;
}
#feedback form dl .button input {
	width: auto;
	height: 45px;
	line-height: 45px;
	border: none;
	color: #fff;
	padding: 0px 35px;
	cursor: pointer;
	font-weight: bold;
	background:#003399;
	font-family:"微软雅黑", "Microsoft YaHei", Arial, "Arial Narrow";
	font-size: 16px;
	margin: 15px auto;
}
#feedback form dl .button input:hover {
	background:#333;
}

#volunteer {
	width:94%;
	margin:0px 3%;
	float:left;
	text-align: left;
}
#volunteer .img {
	float: left;
	width: 350px;
	display:none;
	text-align: left;
}
#volunteer .container {
	width:100%;
	float:right;
	text-align: left;
}
#volunteer .text {
	font-size: 12px;
	line-height: 20px;
	padding: 10px 0px;
	color: #999;
	border-bottom: 1px dotted #ddd;
}
#volunteer .text span {
	display: inline-block;
	font-size: 14px;
	color: #ed0000;
}
#volunteer form {
	margin: 0px auto;
	padding: 20px 0px;
	text-align: left;
}
#volunteer form dl {
	width: 100%;
	text-align: left;
	padding: 0px;
}
#volunteer form dl dt {
	width: 90px;
	font-size: 14px;
	line-height: 30px;
	color: #666;
	text-align: left;
}

#volunteer form dl dt span {
	color: #ff0000;
	padding-left: 6px;
}
#volunteer form dl dd {
	padding-left: 90px;
	margin-top: -40px;
}
#volunteer form dl dd select {
	width: auto;
	font-size: 14px;
	font-family:"微软雅黑", "Microsoft YaHei", Arial, "Arial Narrow";
	color: #666;
	padding: 5px 20px;
	border: 1px solid #ddd;
	cursor: pointer;
	margin-right: 10px;
}
#volunteer form dl input, #volunteer form dl textarea {
	padding: 5px 20px;
	border: 1px solid #ddd;
	color: #888;
	font-size: 14px;
	font-family:"微软雅黑", "Microsoft YaHei", Arial, "Arial Narrow";
	margin-right: 20px;
}
#volunteer form dl input {
	width: 45%;
	height: 30px;
}
#volunteer form dl textarea {
	width: 96%;
	height: 120px;
	overflow: auto;
	padding: 20px 2%;
}
#volunteer form dl #checksn {
	width: 10%;
}
#volunteer form dl .button input {
	width: auto;
	height: 45px;
	line-height: 45px;
	border: none;
	color: #fff;
	padding: 0px 35px;
	cursor: pointer;
	font-weight: bold;
	background:#003399;
	font-family:"Microsoft YaHei","黑体","宋体",Arial,"Arial Narrow";
	font-size: 16px;
	margin: 15px auto;
}
#volunteer form dl .button input:hover {
	background:#333;
}

.kongj{clear:both;height:0px;}
#title{ font-size:24px;}
.chanpin > h1 a{display:none;}
#footer{display:none;}
/*
footer div.copyright{background:#0047bb; width:100%; float:left; height:auto; line-height:normal; padding:.32rem 0; color:#fff;font-size:.32rem; text-align:left;}
footer div.copyright p.copy_left{width:98%; margin-left:2%; text-align:left; float:left;}
footer div.copyright p.copy_right{width:98%; margin-left:2%; padding-top:.32rem; float:left;}
footer div.copyright a{color:#fff;}
footer div.copyright a.beian{margin-top:0px; float:left; margin-right:10px;}
*/
div.CompInfo{padding:0;line-height:.75rem;font-size:.42rem;color:#666;}
div.CompInfo p{line-height:180%!important; font-size:.8rem!important;color:#666;}
div.CompInfo span{line-height:180%!important; display:inline-block; font-size:.8rem!important;color:#666;}
div.CompLeft{padding:0; width:96%!important; margin:0 2%!important; float:left;}
div.CompLeft img{max-width:100%; display:block; margin:0 auto;}
div.CompRight{line-height:.75rem; margin-top:.5rem; font-size:.42rem;color:#666; width:96%!important; margin:0 2%!important; float:left;}
div.CompRight p{line-height:180%!important; font-size:.8rem!important;color:#666;}
div.CompRight span{line-height:180%!important; display:inline-block; font-size:.8rem!important;color:#666;}
div.CompRight img{max-width:100%; display:block; margin:0 auto;}
#network{width:96%; margin:0 2%; flaot:left;}
#network .maps{display:none;}
#network .logo{display:none;}
#network .text{width:100%!important; float:left!important; text-align:left!important;}
#network .text p{width:100%!important; float:left!important; text-align:left!important;}
#case{width:100%; text-align:left; float:left;}
#case .img{width:100%; float:left;}
#case .img img{width:100%; display:block; float:left;}
#case .list .name{width:50%; float:left;}

#product{ width:100%; max-width:100%; float:left; margin:0; padding-bottom:30px; text-align:left;}
#product>.prolist{width:100%; text-align:left; float:left; padding-bottom:20px; transition:all .35s;}
#product>.prolist>.container{padding:0;width:100%;float:left;}
#product>.prolist>.container>ul{ width:100%; margin:0 auto; padding:0;float:left;}
#product>.prolist>.container>ul>li{ display:block; width:100%; float:left; text-align:left; margin-top:-1px;}
#product>.prolist>.container>ul>li>a{ position:relative; display:block; border:1px solid #eee; height:60px; line-height:60px; padding:0 10px; background:#fff url("../images/navpart-arrow-down.png") no-repeat; background-position:95% 50%; font-size:18px; color:#444; margin:0px auto; text-align:left; }
#product>.prolist>.container>ul>li.A>a{ border:1px solid #003399; background:#003399 url("../images/navpart-arrow-up.png") no-repeat; background-position:95% 50%; color:#fff;}
#product>.prolist>.container>ul>li>a:hover{ border:1px solid #003399; background:#003399 url("../images/navpart-arrow-up.png") no-repeat; background-position:95% 50%; color:#fff;}
#product>.prolist>.container>ul>li>div{display:none; padding:7px 15px; border-left:1px solid #eee; border-right:1px solid #eee; margin:0px auto; background:#f5f5f5;}
#product>.prolist>.container>ul>li>div a{display:block;padding:5px 0;font-size:14px; color:#444; transition:all .35s;}
#product>.prolist>.container>ul>li>div a:hover{color:#003399;}
#product>.prolist>.container>ul>li>div .A{color:#003399; font-weight:bold;}
#product>.container{width:100%; float:left; padding:0; margin-top:15px; text-align:left; transition:all .35s;}
#product>.container .noData{padding:20px 50px;}
#product>.container .list{margin:0px;}
#product>.container .list>a{position:relative;display:block; float:left; width:48%; height:280px; overflow:hidden;border:1px solid #eee; margin-top:-1px; margin-left:-1px; text-align:center; overflow:hidden; transition:all .35s;}
#product>.container .list>a>.img{ display:block; width:94%; height:auto; margin:0 auto;display:-webkit-box; display:-ms-flexbox; display:-webkit-flex; display:flex; -webkit-box-pack:center; -ms-flex-pack:center; -webkit-justify-content:center; justify-content:center; -webkit-box-align:center; -ms-flex-align:center; -webkit-align-items:center; align-items:center;}
#product>.container .list>a>.img img{width:100%; height:auto;}
#product>.container .list>a>.name{padding:20px 10px; text-align:center; font-size:15px; color:#444; overflow: hidden;text-overflow:ellipsis;white-space: nowrap; transition:all .35s;}
#product>.container .list>a:hover .name{color:#039;}

#culture {
	width:100%;
	margin: 0px;
	padding:20px 0px;
	text-align: left;
	float:left;
}
#culture .img {
	float:left;
	width:96%;
	margin:0 2%;
	text-align: left;
}
#culture .img img{
	display:block;
	width:100%;
	float:left;
}
#culture .text {
	float:left;
	width:96%;
	margin:0 2%;
	text-align: left;
}
#culture .text p {
	color: #666;
	font-size:15px;
	width:100%;
	float:left;
	margin-bottom:20px;
}
#culture .text p strong {
	display: inline-block;
	padding:10px 1%;
	width:auto;
	height:normal;
	font-size:15px;
	text-align:center;
	margin-right:2%;
	font-weight: normal;
	background-color:#96E019;
	border:none;
	color:#fff;
}
#culture .text .describe {
	color:#333;
	width:100%;
	float:left;
	font-size:15px;
	line-height:200%;
}
#culture .text span{
	font-size:15px!important;
}
#culture .text .describe strong {
	display: inline-block;
	width:auto;
	height: auto;
	font-size:15px;
	background: #fff;
	color:#333;
	font-weight: bold;
	padding: 0px;
	margin: 0px;
	border: 0px;
	border-bottom: 2px solid #039;
}

}

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

.kong2{clear:both;height:0px;}

div.CompView div.CompImg,div.CompView div.CompImg img{width:100%;}
div.CompView div.CompPeo,div.CompView div.CompWork{width:100%;}
div.CompView div.CompPeo div.Txts,div.CompView div.CompWork div.Txts{width:40%;padding:3% 5%;height:94%;}
div.CompView strong{line-height:1.3rem;height:1.3rem;font-size:.6rem;}
div.CompView p{font-size:.38rem;line-height:.75rem;}

#head { height:40px;}
#head .logo{width:40%;line-height:40px;}
#head .logo img{height:30px; margin-top:5px;}
#head .wap{ width:40%; line-height:40px;}
#head .wap>a img{ height:18px;}
#wap{ top:40px;}
#wap>.search{ padding:15px;}
#wap>.search form{ height:30px;}
#wap>.search input[type="text"]{height:30px;line-height:30px;}
#wap>.search button{height:30px;background-size:auto 18px;}
#wap>.language{ width:20%;}
#wap>.language>a{font-size:12px;}
#wap>.menu{ top:40px;}
#wap>.menu>ul>li>a{ padding:10px 0; font-size:14px; background-size:18px auto;}
#wap>.menu>ul>li.A>a{ background-size:18px auto;}
#wap>.menu>ul>li>div a{font-size:14px;}

	div#Banners{height:200px;width:100%;background-position:top center;background-repeat:no-repeat;}
	div#Banners div.mw{height:3rem;position:relative;padding:.25rem;padding-top:80px;color:#fff;}
	div#Banners div.mw span a{color:#fff;}
	div.Main_1{padding:0rem 0 1.5rem;width:100%;background:#f5f5f5;}
	
	dl#Company dd.lcn{width:96%;line-height:.8rem;font-size:.55rem;}
	dl#Company dd.Link ul li a span{display:block;width:92%;position:absolute;height:92%;padding:4%;background:#6f6f6f;color:#fff;top:70%;left:0;z-index:5;}
	dl#Company dd.Link ul li a img{max-width:none;width:100%;}
	dl#Company dd.Link ul li{width:98%;float:left;margin:1%;} 
	dl#Company dd.Link ul li a span h2{font-size:.55rem;}
	dl#Company dd.Link ul li a span p{font-size:.5rem;line-height:1.2rem;}
	dl#NewPro dt.tls{width:85%;font-size:.4rem;line-height:.8rem;}
	dl#NewPro dd.lcn .owl-carousel div a{max-width:80%;}
	dl#NewPro dd.lcn .owl-carousel div a abbr{font-size:.4rem;}
	dl#News dd.lcn ul.list li a font.ntl{font-size:.55rem;}
	dl#News dd.lcn ul.list li a abbr{font-size:.45rem;line-height:.8rem;}
	dl#Case dt.tls span.fl{font-size:.4rem;}
	div#Cdetail div.owl-stage-outer div a.img{width:100%;}
    div#Cdetail div.owl-stage-outer div a.txt{width:94%;padding:4% 3%;}
	div#Cdetail div.owl-stage-outer div a.img img{max-width:100%; position:relative;margin:0; }
	div#Cdetail div.owl-stage-outer div a.txt h2 {font-size:.65rem;}
	div#Cdetail div.owl-stage-outer  div a.txt p{line-height:.9rem;font-size:.4rem;}
	div#Cdetail .owl-controls .owl-prev,div#Cdetail .owl-controls .owl-next{top:50%;}
	div#Cdetail .owl-controls .owl-next{right:20%;}
	div#Cdetail .owl-controls .owl-prev{right:10%;}
	/*
	footer div#Footer div.Contact{font-size:.42rem;line-height:.92rem;}
	*/
	dl#Companys dd.Links a{width:100%;}
	dl#Companys dd.Links a span.img img{width:100%;max-width:none;}
	div.CompView div.CompImg,div.CompView div.CompImg img{width:100%;}
	div.CompView div.CompPeo,div.CompView div.CompWork{width:100%;}
	div.CompView div.CompPeo div.Txts,div.CompView div.CompWork div.Txts{width:40%;padding:3% 5%;height:94%;}
	div.CompView strong{line-height:1.3rem;height:1.3rem;font-size:.6rem;}
	div.CompView p{font-size:.38rem;line-height:.75rem;}
	div.layui-layer {width:90% !important;height:4rem;}
	div.NewsLink{height:auto;overflow:hidden;}
	div.NewsLink div{width:100%;}
	div#Jobs a.col_1{width:100%;}
	div#Jobs a.col_1 span h2{font-size:.8rem;line-height:1.5rem;height:1.5rem;}
	div#Jobs a.col_1 span p{font-size:.5rem;}
	div#Jobs a.col_2,div#Jobs a.col_3{width:46%;}
	div.Col_4{width:96%;}
	
#feedback {
	width:94%;
	float:left;
	margin:0px 3%;
	text-align: left;
	background-color:#fff;
}
#feedback .img {
	display:none;
	float:left;
	width:90%;
	text-align: left;
}
#feedback .container {
	width:100%;
	float: right;
	text-align: left;
}
#feedback .text {
	font-size: 12px;
	line-height: 20px;
	color: #999;
	border-bottom: 1px dotted #ddd;
}
#feedback .text strong {
	display: block;
	padding: 10px 0px;
	font-size: 14px;
	color: #555;
}
#feedback form {
	margin: 0px auto;
	padding: 20px 0px;
	text-align: left;
}
#feedback form dl {
	width: 100%;
	text-align: left;
	padding: 0px;
}
#feedback form dl dt {
	width: 90px;
	font-size: 14px;
	line-height: 30px;
	color: #666;
	text-align: left;
}
#feedback form dl dt, #feedback form dl dd {
	padding: 8px 0px;
}
#feedback form dl dt span {
	color: #ff0000;
	padding-left: 6px;
}
#feedback form dl dd {
	padding-left: 90px;
	margin-top: -40px;
}
#feedback form dl dd select {
	width: auto;
	font-size: 14px;
	font-family:"微软雅黑", "Microsoft YaHei", Arial, "Arial Narrow";
	color: #666;
	padding: 5px 20px;
	border: 1px solid #ddd;
	cursor: pointer;
	margin-right: 10px;
}
#feedback form dl input, #feedback form dl textarea {
	padding: 5px 20px;
	border: 1px solid #ddd;
	color: #888;
	font-size: 14px;
	font-family:"微软雅黑", "Microsoft YaHei", Arial, "Arial Narrow";
	margin-right: 20px;
}
#feedback form dl input {
	width: 45%;
	height: 30px;
}
#feedback form dl textarea {
	width: 96%;
	height: 120px;
	overflow: auto;
	padding: 20px 2%;
}
#feedback form dl #checksn {
	width: 10%;
}
#feedback form dl .button input {
	width: auto;
	height: 45px;
	line-height: 45px;
	border: none;
	color: #fff;
	padding: 0px 35px;
	cursor: pointer;
	font-weight: bold;
	background:#003399;
	font-family:"微软雅黑", "Microsoft YaHei", Arial, "Arial Narrow";
	font-size: 16px;
	margin: 15px auto;
}
#feedback form dl .button input:hover {
	background:#333;
}

#volunteer {
	width:94%;
	margin:0px 3%;
	float:left;
	text-align: left;
}
#volunteer .img {
	float: left;
	width: 350px;
	display:none;
	text-align: left;
}
#volunteer .container {
	width:100%;
	float:right;
	text-align: left;
}
#volunteer .text {
	font-size: 12px;
	line-height: 20px;
	padding: 10px 0px;
	color: #999;
	border-bottom: 1px dotted #ddd;
}
#volunteer .text span {
	display: inline-block;
	font-size: 14px;
	color: #ed0000;
}
#volunteer form {
	margin: 0px auto;
	padding: 20px 0px;
	text-align: left;
}
#volunteer form dl {
	width: 100%;
	text-align: left;
	padding: 0px;
}
#volunteer form dl dt {
	width: 90px;
	font-size: 14px;
	line-height: 30px;
	color: #666;
	text-align: left;
}

#volunteer form dl dt span {
	color: #ff0000;
	padding-left: 6px;
}
#volunteer form dl dd {
	padding-left: 90px;
	margin-top: -40px;
}
#volunteer form dl dd select {
	width: auto;
	font-size: 14px;
	font-family:"微软雅黑", "Microsoft YaHei", Arial, "Arial Narrow";
	color: #666;
	padding: 5px 20px;
	border: 1px solid #ddd;
	cursor: pointer;
	margin-right: 10px;
}
#volunteer form dl input, #volunteer form dl textarea {
	padding: 5px 20px;
	border: 1px solid #ddd;
	color: #888;
	font-size: 14px;
	font-family:"微软雅黑", "Microsoft YaHei", Arial, "Arial Narrow";
	margin-right: 20px;
}
#volunteer form dl input {
	width: 45%;
	height: 30px;
}
#volunteer form dl textarea {
	width: 96%;
	height: 120px;
	overflow: auto;
	padding: 20px 2%;
}
#volunteer form dl #checksn {
	width: 10%;
}
#volunteer form dl .button input {
	width: auto;
	height: 45px;
	line-height: 45px;
	border: none;
	color: #fff;
	padding: 0px 35px;
	cursor: pointer;
	font-weight: bold;
	background:#003399;
	font-family:"Microsoft YaHei","黑体","宋体",Arial,"Arial Narrow";
	font-size: 16px;
	margin: 15px auto;
}
#volunteer form dl .button input:hover {
	background:#333;
}

#prolist{ width:93.75%; display:block;padding:20px 0; margin:10px auto 0 auto;}
#prolist>.wap{ display:block; height:40px; line-height:40px; background:#003399; box-shadow:0 2px 2px rgba(0,0,0,.1) inset;}
#prolist>.wap>.tit{ font-size:14px; color:#fff; padding:0 5%;}
#prolist>.wap>.btn{ width:50px; height:40px; border-left:1px solid rgba(0,0,0,.1);}
#prolist>.wap>.btn img{ height:21px; width:auto;}
#prolist>.wap>.A{ background:#777;}
#prolist>ul{ display:none;}
#prolist>ul>li{ width:100%; text-align:left; background:#003399; border-top:1px solid #fff;}
/* #prolist>ul>li:first-of-type{ border-top:0 !important;} */
#prolist>ul>li>a{ display:block; color:#fff; padding:15px 5%; font-size:14px; background:url("../images/navpart-arrow-down.png") no-repeat; background-position:95% 50%;}
#prolist>ul>li.A>a{background:#333 url("../images/navpart-arrow-up.png") no-repeat; background-position:95% 50%; color:#fff;}
#prolist>ul>li>a:hover{background:#333 url("../images/navpart-arrow-up.png") no-repeat; background-position:95% 50%; color:#fff;}

.kongj{clear:both;height:0px;}
#title{padding:10px 0 20px 0; font-size:20px;}
.chanpin > h1 a{display:none;}
#footer{display:none;}
/*
footer div.copyright{background:#0047bb; width:100%; float:left; height:auto; line-height:normal; padding:.32rem 0; color:#fff;font-size:.32rem; text-align:left;}
footer div.copyright p.copy_left{width:98%; margin-left:2%; text-align:left; float:left;}
footer div.copyright p.copy_right{width:98%; margin-left:2%; padding-top:.32rem; float:left;}
footer div.copyright a{color:#fff;}
footer div.copyright a.beian{margin-top:0px; float:left; margin-right:10px;}
*/
div.CompInfo{padding:0;line-height:.75rem;font-size:.42rem;color:#666;}
div.CompInfo p{line-height:180%!important; font-size:.8rem!important;color:#666;}
div.CompInfo span{line-height:180%!important; display:inline-block; font-size:.8rem!important;color:#666;}
div.CompLeft{padding:0; width:96%!important; margin:0 2%!important; float:left;}
div.CompLeft img{max-width:100%; display:block; margin:0 auto;}
div.CompRight{line-height:.75rem; margin-top:.5rem; font-size:.42rem;color:#666; width:96%!important; margin:0 2%!important; float:left;}
div.CompRight p{line-height:180%; font-size:.42rem;color:#666;}
div.CompRight span{line-height:180%; display:inline-block; font-size:.42rem;color:#666;}
div.CompRight img{max-width:100%; display:block; margin:0 auto;}
#network{width:96%; margin:0 2%; flaot:left;}
#network .maps{display:none;}
#network .logo{display:none;}
#network .text{width:100%!important; float:left!important; text-align:left!important;}
#network .text p{width:100%!important; float:left!important; text-align:left!important;}
#case{width:100%; text-align:left; float:left;}
#case .img{width:100%; float:left;}
#case .img img{width:100%; display:block; float:left;}
#case .list .name{width:50%; float:left;}

#product{ width:100%; max-width:100%; float:left; margin:0; padding-bottom:30px; text-align:left;}
#product>.prolist{width:100%; text-align:left; padding-bottom:20px; transition:all .35s;}
#product>.prolist>.container{ padding:0; width:100%; float:left;}
#product>.prolist>.container>ul{ width:100%; margin:0; float:left; padding:0;}
#product>.prolist>.container>ul>li{ display:block; width:100%; float:left; text-align:left; margin-top:-1px;}
#product>.prolist>.container>ul>li>a{ position:relative; display:block; border:1px solid #eee; height:60px; line-height:60px; padding:0 10px; background:#fff url("../images/navpart-arrow-down.png") no-repeat; background-position:95% 50%; font-size:18px; color:#444; margin:0px auto; text-align:left; }
#product>.prolist>.container>ul>li.A>a{ border:1px solid #003399; background:#003399 url("../images/navpart-arrow-up.png") no-repeat; background-position:95% 50%; color:#fff;}
#product>.prolist>.container>ul>li>a:hover{ border:1px solid #003399; background:#003399 url("../images/navpart-arrow-up.png") no-repeat; background-position:95% 50%; color:#fff;}
#product>.prolist>.container>ul>li>div{display:none; padding:7px 15px; border-left:1px solid #eee; border-right:1px solid #eee; margin:0px auto; background:#f5f5f5;}
#product>.prolist>.container>ul>li>div a{display:block;padding:5px 0;font-size:14px; color:#444; transition:all .35s;}
#product>.prolist>.container>ul>li>div a:hover{color:#003399;}
#product>.prolist>.container>ul>li>div .A{color:#003399; font-weight:bold;}
#product>.container{width:100%; padding:0; float:left; margin-top:15px; text-align:left; transition:all .35s;}
#product>.container .noData{padding:20px 50px;}
#product>.container .list{margin:0px;}
#product>.container .list>a{position:relative;display:block; float:left; width:48%; height:220px; overflow:hidden;border:1px solid #eee; margin-top:-1px; margin-left:-1px; text-align:center; overflow:hidden; transition:all .35s;}
#product>.container .list>a>.img{ display:block; width:94%; height:auto; margin:0 auto;display:-webkit-box; display:-ms-flexbox; display:-webkit-flex; display:flex; -webkit-box-pack:center; -ms-flex-pack:center; -webkit-justify-content:center; justify-content:center; -webkit-box-align:center; -ms-flex-align:center; -webkit-align-items:center; align-items:center;}
#product>.container .list>a>.img img{ width:100%; height:auto;}
#product>.container .list>a>.name{ padding:5px 10px 10px 10px; text-align:center; font-size:15px; color:#444; overflow: hidden;text-overflow:ellipsis;white-space: nowrap; transition:all .35s;}
#product>.container .list>a:hover .name{color:#039;}

/* banner */
#banner { margin-top:0px;}
#banner .tit{ height:30px; margin-top:-10px; font-size:16px;}
#banner .path{ bottom:-40px;}
#banner .swiper-slide .pcimg{display:none;}
#banner .swiper-slide .phoneimg{display:block;}
#banner .swiper-pagination{ bottom:10px;}
#banner .swiper-pagination-bullet {width: 10px;height: 10px;}

#culture {
	width:100%;
	margin: 0px;
	padding:20px 0px;
	text-align: left;
	float:left;
}
#culture .img {
	float:left;
	width:96%;
	margin:0 2%;
	text-align: left;
}
#culture .img img{
	display:block;
	width:100%;
	float:left;
}
#culture .text {
	float:left;
	width:96%;
	margin:0 2%;
	text-align: left;
}
#culture .text p {
	color: #666;
	font-size: 14px;
	width:100%;
	float:left;
	margin-bottom:20px;
}
#culture .text p strong {
	display: inline-block;
	padding:10px 1%;
	width:auto;
	height:normal;
	font-size:14px;
	text-align:center;
	margin-right:2%;
	font-weight: normal;
	background-color:#96E019;
	border:none;
	color:#fff;
}
#culture .text .describe {
	color:#333;
	width:100%;
	float:left;
	font-size:14px;
	line-height:200%;
}
#culture .text span{
	font-size:14px!important;
	
}
#culture .text .describe strong {
	display: inline-block;
	width:auto;
	height: auto;
	font-size:14px;
	background: #fff;
	color:#333;
	font-weight: bold;
	padding: 0px;
	margin: 0px;
	border: 0px;
	border-bottom: 2px solid #039;
}

}

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

div.CompView div.CompImg,div.CompView div.CompImg img{width:100%;}
div.CompView div.CompPeo,div.CompView div.CompWork{width:100%;}
div.CompView div.CompPeo div.Txts,div.CompView div.CompWork div.Txts{width:40%;padding:3% 5%;height:94%;}
div.CompView strong{line-height:1.3rem;height:1.3rem;font-size:.6rem;}
div.CompView p{font-size:.38rem;line-height:.75rem;}
	
#head { height:40px;}
#head .logo{width:40%;line-height:40px;}
#head .logo img{height:30px; margin-top:5px;}
#head .wap{ width:40%; line-height:40px;}
#head .wap>a img{ height:18px;}
#wap{ top:40px;}
#wap>.search{ padding:15px;}
#wap>.search form{ height:30px;}
#wap>.search input[type="text"]{height:30px;line-height:30px;}
#wap>.search button{height:30px;background-size:auto 18px;}
#wap>.language{ width:20%;}
#wap>.language>a{font-size:12px;}
#wap>.menu{ top:40px;}
#wap>.menu>ul>li>a{ padding:10px 0; font-size:14px; background-size:18px auto;}
#wap>.menu>ul>li.A>a{ background-size:18px auto;}
#wap>.menu>ul>li>div a{font-size:14px;}
  
div#Banners{height:150px;width:100%;background-position:top center;background-repeat:no-repeat;}
div#Banners div.mw{height:3rem;position:relative;padding:.25rem;padding-top:50px;color:#fff;}
div#Banners div.mw span a{color:#fff;}
div.Main_1{padding:0rem 0 1.5rem;width:100%;background:#f5f5f5;}

#feedback {
	width:94%;
	float:left;
	margin:0px 3%;
	text-align: left;
	background-color:#fff;
}
#feedback .img {
	display:none;
	float:left;
	width:90%;
	text-align: left;
}
#feedback .container {
	width:100%;
	float: right;
	text-align: left;
}
#feedback .text {
	font-size: 12px;
	line-height: 20px;
	color: #999;
	border-bottom: 1px dotted #ddd;
}
#feedback .text strong {
	display: block;
	padding: 10px 0px;
	font-size: 14px;
	color: #555;
}
#feedback form {
	margin: 0px auto;
	padding: 20px 0px;
	text-align: left;
}
#feedback form dl {
	width: 100%;
	text-align: left;
	padding: 0px;
}
#feedback form dl dt {
	width: 90px;
	font-size: 14px;
	line-height: 30px;
	color: #666;
	text-align: left;
}
#feedback form dl dt, #feedback form dl dd {
	padding: 8px 0px;
}
#feedback form dl dt span {
	color: #ff0000;
	padding-left: 6px;
}
#feedback form dl dd {
	padding-left: 90px;
	margin-top: -40px;
}
#feedback form dl dd select {
	width: auto;
	font-size: 14px;
	font-family:"微软雅黑", "Microsoft YaHei", Arial, "Arial Narrow";
	color: #666;
	padding: 5px 20px;
	border: 1px solid #ddd;
	cursor: pointer;
	margin-right: 10px;
}
#feedback form dl input, #feedback form dl textarea {
	padding: 5px 20px;
	border: 1px solid #ddd;
	color: #888;
	font-size: 14px;
	font-family:"微软雅黑", "Microsoft YaHei", Arial, "Arial Narrow";
	margin-right: 20px;
}
#feedback form dl input {
	width: 45%;
	height: 30px;
}
#feedback form dl textarea {
	width: 96%;
	height: 120px;
	overflow: auto;
	padding: 20px 2%;
}
#feedback form dl #checksn {
	width: 10%;
}
#feedback form dl .button input {
	width: auto;
	height: 45px;
	line-height: 45px;
	border: none;
	color: #fff;
	padding: 0px 35px;
	cursor: pointer;
	font-weight: bold;
	background:#003399;
	font-family:"微软雅黑", "Microsoft YaHei", Arial, "Arial Narrow";
	font-size: 16px;
	margin: 15px auto;
}
#feedback form dl .button input:hover {
	background:#333;
}

#volunteer {
	width:94%;
	margin:0px 3%;
	float:left;
	text-align: left;
}
#volunteer .img {
	float: left;
	width: 350px;
	display:none;
	text-align: left;
}
#volunteer .container {
	width:100%;
	float:right;
	text-align: left;
}
#volunteer .text {
	font-size: 12px;
	line-height: 20px;
	padding: 10px 0px;
	color: #999;
	border-bottom: 1px dotted #ddd;
}
#volunteer .text span {
	display: inline-block;
	font-size: 14px;
	color: #ed0000;
}
#volunteer form {
	margin: 0px auto;
	padding: 20px 0px;
	text-align: left;
}
#volunteer form dl {
	width: 100%;
	text-align: left;
	padding: 0px;
}
#volunteer form dl dt {
	width: 90px;
	font-size: 14px;
	line-height: 30px;
	color: #666;
	text-align: left;
}

#volunteer form dl dt span {
	color: #ff0000;
	padding-left: 6px;
}
#volunteer form dl dd {
	padding-left: 90px;
	margin-top: -40px;
}
#volunteer form dl dd select {
	width: auto;
	font-size: 14px;
	font-family:"微软雅黑", "Microsoft YaHei", Arial, "Arial Narrow";
	color: #666;
	padding: 5px 20px;
	border: 1px solid #ddd;
	cursor: pointer;
	margin-right: 10px;
}
#volunteer form dl input, #volunteer form dl textarea {
	padding: 5px 20px;
	border: 1px solid #ddd;
	color: #888;
	font-size: 14px;
	font-family:"微软雅黑", "Microsoft YaHei", Arial, "Arial Narrow";
	margin-right: 20px;
}
#volunteer form dl input {
	width: 45%;
	height: 30px;
}
#volunteer form dl textarea {
	width: 96%;
	height: 120px;
	overflow: auto;
	padding: 20px 2%;
}
#volunteer form dl #checksn {
	width: 10%;
}
#volunteer form dl .button input {
	width: auto;
	height: 45px;
	line-height: 45px;
	border: none;
	color: #fff;
	padding: 0px 35px;
	cursor: pointer;
	font-weight: bold;
	background:#003399;
	font-family:"Microsoft YaHei","黑体","宋体",Arial,"Arial Narrow";
	font-size: 16px;
	margin: 15px auto;
}
#volunteer form dl .button input:hover {
	background:#333;
}

#prolist{ width:93.75%; display:block;padding:20px 0; margin:10px auto 0 auto;}
#prolist>.wap{ display:block; height:40px; line-height:40px; background:#003399; box-shadow:0 2px 2px rgba(0,0,0,.1) inset;}
#prolist>.wap>.tit{ font-size:14px; color:#fff; padding:0 5%;}
#prolist>.wap>.btn{ width:50px; height:40px; border-left:1px solid rgba(0,0,0,.1);}
#prolist>.wap>.btn img{ height:21px; width:auto;}
#prolist>.wap>.A{ background:#777;}
#prolist>ul{ display:none;}
#prolist>ul>li{ width:100%; text-align:left; background:#003399; border-top:1px solid #fff;}
/* #prolist>ul>li:first-of-type{ border-top:0 !important;} */
#prolist>ul>li>a{ display:block; color:#fff; padding:15px 5%; font-size:14px; background:url("../images/navpart-arrow-down.png") no-repeat; background-position:95% 50%;}
#prolist>ul>li.A>a{background:#333 url("../images/navpart-arrow-up.png") no-repeat; background-position:95% 50%; color:#fff;}
#prolist>ul>li>a:hover{background:#333 url("../images/navpart-arrow-up.png") no-repeat; background-position:95% 50%; color:#fff;}
.kongj{clear:both;height:0px;}
#title{padding:10px 0 20px 0; font-size:20px;}
.chanpin > h1 a{display:none;}
#footer{display:none;}
/*
footer div.copyright{background:#0047bb; width:100%; float:left; height:auto; line-height:normal; padding:.32rem 0; color:#fff;font-size:.32rem; text-align:left;}
footer div.copyright p.copy_left{width:98%; margin-left:2%; text-align:left; float:left;}
footer div.copyright p.copy_right{width:98%; margin-left:2%; padding-top:.32rem; float:left;}
footer div.copyright a{color:#fff;}
footer div.copyright a.beian{margin-top:0px; float:left; margin-right:10px;}
*/
div.CompInfo{padding:0;line-height:.75rem;font-size:.42rem;color:#666;}
div.CompInfo p{line-height:180%!important; float:left; font-size:.8rem!important;color:#666;}
div.CompInfo span{line-height:180%!important; float:left; display:inline-block; font-size:.8rem!important;color:#666;}
div.CompLeft{padding:0; width:96%!important; margin:0 2%!important; float:left;}
div.CompLeft img{max-width:100%; display:block; margin:0 auto;}
div.CompRight{line-height:.75rem; margin-top:.5rem; font-size:.42rem;color:#666; width:96%!important; margin:0 2%!important; float:left;}
div.CompRight p{line-height:180%!important; font-size:.8rem!important;color:#666;}
div.CompRight span{line-height:180%!important; display:inline-block; font-size:.8rem!important;color:#666;}
div.CompRight img{max-width:100%; display:block; margin:0 auto;}
#network{width:96%; margin:0 2%; flaot:left;}
#network .maps{display:none;}
#network .logo{display:none;}
#network .text{width:100%!important; float:left!important; text-align:left!important;}
#network .text p{width:100%!important; float:left!important; text-align:left!important;}
#case{width:100%; text-align:left; float:left;}
#case .img{width:100%; float:left;}
#case .img img{width:100%; display:block; float:left;}
#case .list .name{width:50%; float:left;}

#product{ width:100%; max-width:100%; float:left; margin:0; padding-bottom:30px; text-align:left;}
#product>.prolist{width:100%; text-align:left; padding-bottom:20px; transition:all .35s;}
#product>.prolist>.container{ padding:0;}
#product>.prolist>.container>ul{ width:100%; margin:0 auto; padding:0;}
#product>.prolist>.container>ul>li{ display:block; width:100%; text-align:left; margin-top:-1px;}
#product>.prolist>.container>ul>li>a{ position:relative; display:block; border:1px solid #eee; height:60px; line-height:60px; padding:0 10px; background:#fff url("../images/navpart-arrow-down.png") no-repeat; background-position:95% 50%; font-size:18px; color:#444; margin:0px auto; text-align:left; }
#product>.prolist>.container>ul>li.A>a{ border:1px solid #003399; background:#003399 url("../images/navpart-arrow-up.png") no-repeat; background-position:95% 50%; color:#fff;}
#product>.prolist>.container>ul>li>a:hover{ border:1px solid #003399; background:#003399 url("../images/navpart-arrow-up.png") no-repeat; background-position:95% 50%; color:#fff;}
#product>.prolist>.container>ul>li>div{display:none; padding:7px 15px; border-left:1px solid #eee; border-right:1px solid #eee; margin:0px auto; background:#f5f5f5;}
#product>.prolist>.container>ul>li>div a{display:block;padding:5px 0;font-size:14px; color:#444; transition:all .35s;}
#product>.prolist>.container>ul>li>div a:hover{color:#003399;}
#product>.prolist>.container>ul>li>div .A{color:#003399; font-weight:bold;}
#product>.container{width:100%; float:left; padding:0; margin-top:15px; text-align:left; transition:all .35s;}
#product>.container .noData{padding:20px 50px;}
#product>.container .list{margin:0px;}
#product>.container .list>a{position:relative;display:block; float:left; width:48%; height:200px; overflow:hidden;border:1px solid #eee; margin-top:-1px; margin-left:-1px; text-align:center; overflow:hidden; transition:all .35s;}
#product>.container .list>a>.img{ display:block; width:94%; height:auto; margin:0 auto;display:-webkit-box; display:-ms-flexbox; display:-webkit-flex; display:flex; -webkit-box-pack:center; -ms-flex-pack:center; -webkit-justify-content:center; justify-content:center; -webkit-box-align:center; -ms-flex-align:center; -webkit-align-items:center; align-items:center;}
#product>.container .list>a>.img img{ width:100%; height:auto;}
#product>.container .list>a>.name{ padding:5px 10px 10px 10px; text-align:center; font-size:15px; color:#444; overflow: hidden;text-overflow:ellipsis;white-space: nowrap; transition:all .35s;}
#product>.container .list>a:hover .name{color:#039;}
.kong2{clear:both;height:0px;}

/* banner */
#banner .tit, #banner .path{ display:none;}

#culture {
	width:100%;
	margin: 0px;
	padding:20px 0px;
	text-align: left;
	float:left;
}
#culture .img {
	float:left;
	width:96%;
	margin:0 2%;
	text-align: left;
}
#culture .img img{
	display:block;
	width:100%;
	float:left;
}
#culture .text {
	float:left;
	width:96%;
	margin:0 2%;
	text-align: left;
}
#culture .text p {
	color: #666;
	font-size: 13px;
	width:100%;
	float:left;
	margin-bottom:20px;
}
#culture .text p strong {
	display: inline-block;
	padding:10px 1%;
	width:auto;
	height:normal;
	font-size:13px;
	text-align:center;
	margin-right:2%;
	font-weight: normal;
	background-color:#96E019;
	border:none;
	color:#fff;
}
#culture .text .describe {
	color:#333;
	width:100%;
	float:left;
	font-size:13px;
	line-height:200%;
}
#culture .text span{
	font-size:13px!important;
}
#culture .text .describe strong {
	display: inline-block;
	width:auto;
	height: auto;
	font-size:13px;
	background: #fff;
	color:#333;
	font-weight: bold;
	padding: 0px;
	margin: 0px;
	border: 0px;
	border-bottom: 2px solid #039;
}

}