@charset "utf-8";
/* CSS Document */

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, form, input, textarea, p, th, td {
	margin: 0;
	padding: 0;
}
body {
	font-size: 12px;
	color: #333;
	font-family: '微软雅黑';
	background-color: #FFF;
	overflow-x: hidden
}
@media (max-width:1099px){body {font-size: 13px;}}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
img {
	border: 0;
	/* display: block; */
}
ol, ul {
	list-style: none;
}
h1, h2, h3, h4, h5, h6 {
	font-size: 100%;
	color: #333;
	font-weight: normal;
}
a {
	text-decoration: none;
	color: #666;
}
input {
	vertical-align: middle;
}
input, button, textarea, select {
	outline: none;
	font-family: '微软雅黑';
	font-size: 14px;
}
.wrap {
	width: 1200px;
	margin: 0 auto;
	
}
.main {
	width: 1200px;
	margin: 0 auto;
}
.clear {
	clear: both;
}
.clearfix:after {
	clear: both;
	display: block;
	content: ''
}
.clearfix {
	zoom: 1
}
.topbar{height:50px;line-height:50px;background:#0C6689;overflow:hidden}
.topbar .topb_left{float:left;wodth:60%;}
.topbar .topb_left span{margin-right:16px;color:#fff;font-size:12px;}
.topbar .topb_left span img{vertical-align:-5px;margin-right:4px}
.topbar .topb_right{float:right;width:18%;overflow:hidden}
.topbar .topb_right a{display:block;width:192px;height:50px;background:url(../images/topr_bg.png) no-repeat center right;color:#333;text-align:center;float:right;font-size:14px;}
.topbar .topb_right a img{vertical-align:-5px;margin-right:10px;}


/*.header*/
.header {
	width: 100%;
	background-color: #FFF;
	position: relative; 
	box-shadow:0 2px 16px #ddd;
	z-index:3;
	padding:10px 0;
	transition:.3s;
}
.header .wrap {
	
}
.header .logo {
	display: block;
	float: left;
	width: 30%; overflow:hidden;
	height: auto; margin-top:12px;
}
.header .logo img{ max-width:100%;}
.header .head {
	width:65%;
	float: right;
   
}

.header .head .headL {
	float: left;
	padding-top: 14px;
}
.header .head .headL .p1 {
	font-size: 12px;
	color: #333;
	letter-spacing: 1px;
}
.header .head .headL .p2 {
	font-size: 12px;
	font-family: 'Arial';
	color: #999;
}
.header .head .tel {
	float: left;
	margin-left: 12px;
	padding-top: 14px;
	font-size: 30px;
	color: #eb891a;
	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight: 500;
}
.header .head .top_bab{float:right;margin:30px 0 0;width:140px; text-align: center;}
.header .head .top_bab .szbox{float:left}
.header .head .top_bab a{color:#666;font-size:12px;margin-left:8%;display:block;padding:8px 0 0 0}
.header .head .top_bab a:hover{color:#ff0000;}
.header .head .top_bab img{display:inline-block;margin-right:4%;vertical-align:-2px}
.header .head .formBox {
	float: left;
	margin-left: 20px;
	margin-top: 15px;
	/*width: 197px;*/
	height: 30px;
	background: url(../images/search.png) no-repeat center;
}
.header .head .formBox .txt {
	width: 160px;
	padding-left: 10px;
	color: #bebebe;
	height: 30px;
	line-height: 30px;
	background: transparent;
	border: none;
	font-size: 12px;
}
.header .head .formBox .btn {
	width: 27px;
	height: 30px;
	line-height: 30px;
	background: transparent;
	border: none;
	cursor: pointer;
}







/*导航nav*/
.navBox {}
.navBox .nav {
	width: 100%;
	text-align:right;
}
.navBox .nav .nul {overflow:hidden;display:inline}
.navBox .nav .nul .pullCtrl {
	display:inline-block;
	line-height: 80px;
	padding:0 12px;
	position:relative
	/* background: url(../images/index_01.jpg) no-repeat right center; */
}
.navBox .nav .nul .pullCtrl.last {
	padding-right: 0;
	background: none;
}
.navBox .nav .nul .pullCtrl:last-child {
	padding-right: 0;
	background: none;
}
.navBox .nav .nul .pullCtrl a {
	display: block;
	padding: 0 10px;
	font-size: 16px;
	color: #666;
	transition:all 500ms ease;
}
.navBox .nav .nul .pullCtrl a:hover,.nav .nul .pullCtrl.selected a {color:#eb8e00;}



/*下拉*/
.navBox .pullDown {
	width:100%;
	position: absolute;
	left: 0; right:0;
	top:100px;
	padding-top:20px;
	background-color: #333;
	z-index: 199;
	display: none;
}
.navBox .pullDown dl {
	float: left;
	width: 180px;
	margin-right: 80px;
	padding-bottom: 40px;
}
.navBox .pullDown dl.last {
	margin-right: 0;
}
.navBox .pullDown dl a:hover {
	color: #FFF;
}
.navBox .pullDown dl dt {
	padding-bottom: 20px;
	margin-bottom: 18px;
	background: url(../images/pullDown.jpg) no-repeat center bottom;
}
.navBox .pullDown dl dt a {
	color: #aaa;
}
.navBox .pullDown dl dd {
	line-height: 21px;
}
.navBox .pullDown dl dd a {
	color: #666;
}
.navBox .pullDown .wraps {
	width: 1200px;
	margin: 0 auto;
	padding-bottom: 20px;
	overflow: hidden;
}

.navBox .pullDown .wraps2 {
	
	margin-left:546px;
}

.navBox .pullDown .wraps3{
	
	margin-left:660px;
}
.navBox .pullDown .wraps4{
	
	margin-left:600px;
}
.navBox .pullDown .wraps5 {
	
	margin-left:574px;
}
.navBox .pullDown .wraps6 {
	
	margin-left:475px;
}
.navBox .pullDown .wraps7 {
	
	margin-left:786px;
}

.navBox .pullDown .wraps a {
	color: #aaa;
	display: block; float:left;
	width:auto;
	text-align: center;margin-right:16px;
	padding:10px 25px; font-size:14px;
	background: url(../images/pullDown.jpg) no-repeat center bottom;
}
.navBox .pullDown .wraps a:hover {
	color: #FFF;
}
.navbtn { background: url(../images/btn-menu.png) no-repeat right center; width:35px; height:30px; line-height: 13px; color: #666; display: block; border-right: 0 solid #dedede; float: right; display: none;    position: absolute;
    right: 10px;top:25px;}
.mm-pagedim-black #mm-blocker { opacity: 0; }
.mm-pagedim-black.mm-opening #mm-blocker { background: #000; opacity: .3; transition: opacity .4s ease .4s; }
.mm-listview li i{width:6px;height:2px; background:#606060; margin-right:10px;display:block; margin:10px 18px 0 0;float:left;}

#fixedMenu{}
#fixedMenu.shuai{ position: fixed; top: 0;left:0;right:0;padding:6px 0;background:rgba(255,255,255,.8);border-top:4px solid #06465f}
#fixedMenu.shuai .navBox .nav ul li {line-height:68px;}
#fixedMenu.shuai  .logo {margin-top:4px}



.navBox .nav .nul .pullCtrl .sub{ display:none; width:200px; left:-44px;right:0; top:90px;  position:absolute; background:rgba(0,0,0,.7);  line-height:26px; z-index:9999 ;}
.navBox .nav .nul .pullCtrl  .sub ul{float:none;margin-top:0}
.navBox .nav .nul .pullCtrl  .sub li{ float:none;width:100%;text-align:Center;line-height:23px;border-bottom:1px solid #444}
.navBox .nav .nul .pullCtrl .sub li:nth-last-of-type(1){margin-bottom:0;border-bottom:0}
.navBox .nav .nul .pullCtrl  .sub li a{ display:block; padding:0 10px; color:#fff;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:42px;}
.navBox .nav .nul .pullCtrl.on .sub li a{color:#fff;}
.navBox .nav .nul .pullCtrl .sub li a:hover,.navBox .nav .nul .pullCtrl.on .sub li a:hover{color:#eb8e00;}
#fixedMenu.shuai .navBox .nav .nul .pullCtrl .sub{top:74px}




@media (max-width:1200px){
	.wrap{ width:96%; margin:0 2%;}
	
	.header .wrap {
		overflow:hidden;
	}
	.header .logo {
		margin-top:0
	}
	.header .logo img{ max-width:100%;}
	.header .head {
		
	}
    .navBox {}
	.header .head .top_bab{ width:20%; margin-top:4%; float:left;}	
	.navbtn{ display:block;margin-top:15px}
	.smhidden{display:none;}
	.navBox .nav{ display:none;}

	
}
@media (max-width:910px){
	    .header{ height:auto; overflow:hidden;}
		.navbtn{ }
		.navBox {}
		.header .head .top_bab{width:30%;}
}
@media (max-width:700px){
	    .header{ padding:2% 0;}
	    .header .head {}
	    .header .logo { width:48%}
		.header .head {width:48%;}
		.navBox {width:30%;}
		.header .head .top_bab{width:40%;}
		.navbtn{ display:block; margin-top:0;}

}

@media (max-width:500px){	
		.header{margin-bottom:0}
	    .header .logo { width:47%; margin-top: 2%;}
		.header .logo img{max-width:90%}
		.header .head {width:53%;}
		.navBox {}
		.header .head .top_bab{width:130px; margin-top:0%;}
		
		.header .head .top_bab .szbox {font-size:12px;margin-top:-8px;}
		.header .head .top_bab a{padding:0;margin-top:0px;margin-left:64px}
} 

@media (max-width:450px){
	   
} 
@media (max-width:350px){
	   	   
} 




/**大图开始**/
.slideBox{ width:100%;overflow:hidden; position:relative;}
.slideBox .hd{ height:20px;line-height:20px;display:inline-block;text-align:center;position:absolute;bottom:20px;left:0;right:0;z-index:33}
.slideBox .hd ul{ display:inline-block;}
.slideBox .hd ul li{margin:0 4px;width:8px;height:8px;border:1px solid #ddd;border-radius:50%;display:inline-block;cursor:pointer}
.slideBox .hd ul li.on{border:1px solid #EB8E00;background:#EB8E00;}

.slideBox .bd{ position:relative; height:100%; z-index:0;   }
.slideBox .bd ul{   }
.slideBox .bd li{ zoom:1;height:100%; vertical-align:middle;background-repeat:no-repeat;background-position:center; background-size:cover;}
.slideBox .bd a{ display:block; }
.slideBox .bd a img{ width:100%; }

.p_pic .swiper-container {
	width: 100%;
	height: 300px;
	margin-left: auto;
	margin-right: auto;
}
.p_pic .mobileslide {
	background-size: cover;
	background-position: center;
}
.p_pic .gallery-top {
	height: 80%;
	width: 100%;
}
.p_pic .gallery-thumbs {
	height: 20%;
	box-sizing: border-box;
	padding: 10px 0;
}
.p_pic .gallery-thumbs .swiper-slide {
	width: 110px;
	height: 100px;
	opacity: 0.4;
}
.p_pic .gallery-thumbs .swiper-slide-active {
	opacity: 1;
}
.mobile_appimg .swiper-container{display:none}

.approlist{display:none;position:relative}
.approlist .mobilapimg img{width:100%}
.approlist .swiper-wrapper{margin-top:36px}
.approlist .dotts{text-align:right;top:8px !important;height:15px;}

/**大图结束**/
@media (max-width:1200px){
.slideBox{ display:none;}
.index_banner .bannerbox {
	width: 100%;
	height: 100%;
	
}
.mainc .p_pic #demo1{ display:none;} 
.c_b_rt_case{ display:none;} 
.approlist{ display:block;} 
.mobile_appimg .swiper-container{display:block}
.mobile_appimg .gallery-top .mobileslide{height:360px}
.mobile_appimg .gallery-thumbs .mobileslide{height:110px}
.index_banner .banlist {
	text-align: center;
	font-size: 18px;
	background: #fff;
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex; background-repeat:no-repeat; background-position: center; background-size:cover;
	-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;
}
.index_banner .banlist img{ max-width:100%;} 
}
@media (min-width:1200px){
		.index_banner .swiper-container{ display:none;}
		
	} 
	@media (max-width:640px){
		.mobile_appimg .gallery-top .mobileslide{height:210px;background-size: 100%;background-repeat: no-repeat;}
.mobile_appimg .gallery-thumbs .mobileslide{height:80px}

		
	} 

/*公司简介*/
.section1 {
	padding-top: 55px;
	padding-bottom: 70px;
	background-color: #FFF;
}
.section1 .titleBox {
	width: 1200px;
	margin: 0 auto;
	padding-top: 22px;
	background: url(../images/index_03.png) no-repeat center top;
	margin-bottom: 40px;
}
.section1 .titleBox h2 {
	text-align: center;
	color: #333;
	font-size: 30px;
	line-height: 50px;
	font-weight: bold;
}
.section1 .titleBox .onlineBox {
	width: 1200px;
	overflow: hidden;
}
.section1 .titleBox .onlineBox .online {
	float: left;
	width: 512px;
	height: 1px;
	background-color: #eee;
}
.section1 .titleBox .onlineBox p {
	float: left;
	width: 176px;
	text-align: center;
	font-weight: bold;
	font-size: 12px;
	color: #ccc;
	font-family: 'Arial';
}
.sec1L {
	float: left;
	width: 526px;
	height: 495px; /*overflow: hidden;*/
	transition:.3s;
}
.sec1L div.boxa {
	display: block;
	width: 325px;
	/* overflow:hidden; */
	height: 87px;
	margin-left: -526px;
	padding: 15px 45px 15px 156px;
	margin-bottom: 48px;
	opacity: 0;
	filter: alpha(opacity=0);
}
.sec1L .one {
	background: url(../images/index_04.png) no-repeat left center;
}
.sec1L .one:hover {
	background: url(../images/index_04_hover.png) no-repeat left center;
}
.sec1L .two {
	background: url(../images/index_06.png) no-repeat left center;
}
.sec1L .two:hover {
	background: url(../images/index_06_hover.png) no-repeat left center;
}
.sec1L .three {
	background: url(../images/index_07.png) no-repeat left center;
}
.sec1L .three:hover {
	background: url(../images/index_07_hover.png) no-repeat left center;
}
.sec1L div h3 {
	font-size: 16px;
	color: #333;
	font-weight: bold;
}
.sec1L div span {
	/* color: #eb891a; */
}
.sec1L .para {
	margin-top: 10px;
}
.sec1L .para p {
	color: #999;
	line-height: 18px;
}
.sec1R {
	float: right;
	width: 548px;
	margin-right: -548px; /*opacity: 0.5; filter: alpha(opacity=50);*/
}
.sec1R .sec1Img {
	width: 548px; overflow:hidden;
	height: 316px;
	position: relative;
}
.sec1R .sec1Img img {
	width: 548px;
	height: 316px;
}
.sec1R .sec1Img h4 {
	width: 92px;
	height: 92px;
	background-color: #034dae;
	font-size: 32px;
	color: #FFF;
	font-weight: bold;
	text-align: center;
	position: absolute;
	left: 0;
	top: 0;
}
.sec1R .para {
	padding: 30px 0px 0;
}
.sec1R .para p {
	color: #333;
	line-height: 21px;
	margin-bottom: 20px;
}
.sec1R .para a {
	color: #ccc;
}
.sec1R .para a:hover {
	color: #333;
}

@media (max-width:1200px){
.main{ width:100%;}
.section1 {
	padding-top: 6%;
	padding-bottom:12%;
	background-color: #FFF;
}
.section1 .titleBox {
	width: 100%;
	margin: 0 auto;
	padding-top:2%;
	background: url(../images/index_03.png) no-repeat center top;
	margin-bottom: 2%;
}
.section1 .titleBox h2 {
	text-align: center;
	color: #333;
	padding-top:2%;
	font-size: 30px;
	line-height: 50px;
	font-weight: bold;
}
.section1 .titleBox .onlineBox {
	width: 100%;
	overflow: hidden;
}
.section1 .titleBox .onlineBox .online {
 display:none;
}
.section1 .titleBox .onlineBox p {
	float: none;
	width: 100%;
	text-align: center;
	font-weight: bold;
	font-size: 12px;
	color: #ccc;
	font-family: 'Arial';
}

.sec1L {
	float: none;
	width:100%; 
	height:auto; overflow: hidden; padding:2% 1% 0;
}
.sec1L .one {
	background: url(../images/index_041.png) no-repeat left top;
}
.sec1L .one:hover {
	background: url(../images/index_041.png) no-repeat left top;
}
.sec1L .two {
	background: url(../images/index_061.png) no-repeat left top;
}
.sec1L .two:hover {
	background: url(../images/index_061.png) no-repeat left top;
}
.sec1L .three {
	background: url(../images/index_071.png) no-repeat left top;
}
.sec1L .three:hover {
	background: url(../images/index_071.png) no-repeat left top;
}
.sec1L .boxa {
	float:left;
	width: 28%;
	height: auto;
	padding: 120px 2% 0;
	margin:0 0 1%;
	opacity: 0;
	filter: alpha(opacity=0);
}
.sec1L div.boxa {width:100%; }

.sec1L .boxa h3 {
	padding:2% 0 0;
	font-size: 16px;
	color: #333;
	font-weight: bold;
}
.sec1L .boxa span {
	color: #eb891a;
}
.sec1L .para {
	margin-top: 10px;
}
.sec1L .para p {
	color: #999;
	line-height: 18px;
}
.sec1R {
	float: none;
	width: 94%; margin:0 3%;
 /*opacity: 0.5; filter: alpha(opacity=50);*/
}
.sec1R .sec1Img { display:none;
	width: 49%; overflow:hidden;
	height: 316px;
	position: relative;
}
.sec1R .sec1Img img {
	width: 48%;
	height: 316px;
}
.sec1R .sec1Img h4 {
	width: 92px;
	height: 92px;
	background-color: #034dae;
	font-size: 32px;
	color: #FFF;
	font-weight: bold;
	text-align: center;
	position: absolute;
	left: 0;
	top: 0;
}
.sec1R .para {
	padding: 6% 0px 0;
}
.sec1R .para p {
	color: #333; font-size:14px;
	line-height: 23px;
	margin-bottom: 20px;
}
.sec1R .para a {
	color: #ccc;
}
.sec1R .para a:hover {
	color: #333;
}

}


@media (max-width:720px){
.main{ width:98%; margin:0 1%;}
.section1 .titleBox h2 {font-size:25px;}
}

@media (max-width:680px){
.sec1L div.boxa {padding-left:80px }
.sec1L .one {
	background: url(../images/index_041.png) no-repeat left center / 80px;
}
.sec1L .one:hover {
	background: url(../images/index_041.png) no-repeat left center / 80px;
}
.sec1L .two {
	background: url(../images/index_061.png) no-repeat left center / 80px;
}
.sec1L .two:hover {
	background: url(../images/index_061.png) no-repeat left center / 80px;
}
.sec1L .three {
	background: url(../images/index_071.png) no-repeat left center / 80px;
}
.sec1L .three:hover {
	background: url(../images/index_071.png) no-repeat left center / 80px;
}
.sec1L {
	float: none;
	width:100%; text-align:left;
	height:auto; overflow: hidden;
}


.sec1L .boxa {
	display:block;
	width: 78%;
	height: 117px; 
	padding: 0 2% 0 90px;
	margin:0 0 1%;
	opacity: 0;
	filter: alpha(opacity=0);
}

.sec1L .boxa h3 {
	padding:2% 0 0 4%;
	font-size: 16px;
	color: #333;
	font-weight: bold;
}
.sec1L .para {
	margin: 10px 0 0 4%;
}
}


@media (max-width:600px){

}
@media (max-width:550px){
	.sec1L .boxa {
	display:block;
	width: 70% !important;
	height: auto !important;
	overflow:hidden;
	padding: 0 2% 0 90px !important;
	margin:0 0 3%;
	opacity: 0;
	filter: alpha(opacity=0);
}
}
@media (max-width:480px){
.sec1L .boxa {width: 68%;}
.section1 .titleBox h2 {padding: 4% 0 0;}
}
@media (max-width:380px){.sec1L .boxa {width: 70%;}}
@media (max-width:360px){.sec1L .boxa {width: 62%;}}
/*产品*/
.section2 {
	width: 100%;
	padding-top: 74px;
	padding-bottom: 60px;
	background: #f2f2f2 url(../images/sec2bg.jpg) no-repeat left top;
}
.section2 .titleBox {
	width: 1100px;
	margin: 0 auto;
	padding-top: 18px;
	background: url(../images/indexico.png) no-repeat center top;
	margin-bottom: 40px;
}
.section2 .titleBox h2 {
	text-align: center;
	color: #fff;
	font-size: 30px;
	line-height: 50px;
	font-weight: bold;
}
.section2 .titleBox .onlineBox {
	width: 1100px;
	overflow: hidden;
}
.section2 .titleBox .onlineBox .online {
	float: left;
	width: 462px;
	height: 1px;
	background-color: #434343;
}
.section2 .titleBox .onlineBox p {
	float: left;
	width: 176px;
	text-align: center;
	font-weight: bold;
	font-size: 12px;
	color: #efefef;
	font-family: 'Arial';
}
.sec2Main {
	width: 1200px;
	height: 320px;
	margin: 0 auto;
	overflow: hidden;
}
.sec2Main .item1 {
	float: left;
	display: block;
	width: 285px; overflow:hidden;
	height: 320px;
	margin:12px 20px 0 0;
}
.sec2Main .item1 .img{width: 285px;height:210px; overflow:hidden;position:relative}
.sec2Main .item1 .img:before{content:'';position:absolute;top:0;right:0;left:0;bottom:0;background:#EB8E00;opacity:0;transition: all 500ms ease;transform: scaleX(0);-webkit-transform: scaleX(0);}
.sec2Main .item1:hover .img:before{opacity:1;transform: scaleX(1);-webkit-transform: scaleX(1);background:rgba(235,142,0,.8)}
.sec2Main .item1 .img:after{content:'';z-index:222;position:absolute;left:0;right:0;width:100%;height:100%;background:url(../images/link.png) no-repeat center center / 26px;opacity:0}
.sec2Main .item1:hover .img:after{opacity:1}
.sec2Main .item1 .img img {
 max-width:100%;
}
.sec2Main .item1 .sec2Bottom {
	width: 245px;
	height: 66px;
	padding: 15px 20px;
	background-color: #333;
	-webkit-transition: 0.5s;
	-ms-transition: 0.5s;
	-moz-transition: 0.5s;
	-o-transition: 0.5s;
	transition: 0.5s;
}
.sec2Main .item1 .sec2Bottom h3 {
	color: #FFF;
	line-height: 24px;
	font-size: 16px;
}
.sec2Main .item1 .sec2Bottom p {
	color: #999;
	line-height: 16px;
	font-size: 12px;
	margin-top: 8px;
	word-break: keep-all;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}
.sec2Main .item1:hover .sec2Bottom {
	background-color:#EB8E00;
}
.sec2Main .item1:hover .sec2Bottom p {
	color: #fff;
}
.sec2Main .item1:nth-of-type(4){ margin-right:0;}
.section2 .caseMore {
	display: block;
	width: 165px;
	height: 36px;
	margin: 40px auto 0;
	line-height: 36px;
	text-align: center;
	color: #fff;
	background:#0C6689;
	border-radius:20px;
}
.section2 .caseMore:hover {
	
}

@media (max-width:1200px){
	.section2 {
	width: 100%;
	padding-top: 6%;
	padding-bottom:8%;
	background: #333;
}
.section2 .titleBox {
	width: 100%;
	margin: 0 auto;
	padding-top: 18px;
	background: url(../images/indexico.png) no-repeat center top;
	margin-bottom: 4%;
}
.section2 .titleBox h2 {
	text-align: center;
	color: #fff;
	font-size: 30px;
	line-height: 50px;
	font-weight: bold;
}
.section2 .titleBox .onlineBox {
	width: 100%;
	overflow: hidden;
}
.section2 .titleBox .onlineBox .online {
 display:none;
}
.section2 .titleBox .onlineBox p {
	float: none;
	width: 100%;
	text-align: center;
	font-weight: bold;
	font-size: 12px;
	color: #666;
	font-family: 'Arial';
}
.sec2Main {
	width: 100%;
	height: auto;
	margin: 0 auto; text-align:center;
	overflow: hidden;
}
.sec2Main a{ display:inline-block;}
.sec2Main .item1 {
	width: 23%;
	height:auto; padding:0 1%;
	margin-right:0;
	margin-left:0;
}
.sec2Main .item1 .img {
	width: 100%;
	height: auto;
}
.sec2Main .item1 .img img {
 max-width:100%; height:auto; width:auto;
}
.sec2Main .item1 .sec2Bottom {
	width: 98%;
	height: 66px;
	padding: 2% 1%;
	background-color: #333;
	-webkit-transition: 0.5s;
	-ms-transition: 0.5s;
	-moz-transition: 0.5s;
	-o-transition: 0.5s;
	transition: 0.5s;
}
.sec2Main .item1 .sec2Bottom h3 {
	color: #FFF;
	line-height: 24px;
	font-size: 16px;	
	word-break: keep-all;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}
.sec2Main .item1 .sec2Bottom p {
	color: #999;
	line-height: 16px;
	font-size: 12px;
	margin-top: 8px;
	word-break: keep-all;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}
.sec2Main .item1:hover .sec2Bottom {
	background-color: #034dae;
}
.sec2Main .item1:hover .sec2Bottom p {
	color: #fff;
}

.section2 .caseMore {
	display: block;
	width: 165px;
	height: 36px;
	margin: 2% auto 0;
	line-height: 36px;
	text-align: center;
	color: #fff;
	background: url(../images/index_13.png) no-repeat center;
}
.section2 .caseMore:hover {
	color: #034dae;
}

}
@media (max-width:720px){
.sec2Main .item1 {
	width: 42%;
	height:auto; padding:0 4%; overflow:hidden;
	margin-right:0;
    margin-left:0;}	
.section2 .titleBox h2 {font-size:25px;}

}
@media (max-width:400px){
.sec2Main .item1 {
	width: 48%;
	height:auto; padding:0 1%; overflow:hidden;
	margin-right:0;
	margin-left:0;
}
}
/*新闻*/
.section3 {
	width: 100%;
	background-color: #FFF;
	padding: 80px 0;
}
.section3 .titleBox {
	width: 1200px;
	margin: 0 auto;
	padding-top: 22px;
	background: url(../images/index_18.png) no-repeat center top;
	margin-bottom: 40px;
}
.section3 .titleBox h2 {
	text-align: center;
	color: #333;
	font-size: 30px;
	line-height: 50px;
	font-weight: bold;
}
.section3 .titleBox .onlineBox {
	width: 1200px;
	overflow: hidden;
}
.section3 .titleBox .onlineBox .online {
	float: left;
	width: 512px;
	height: 1px;
	background-color: #eee;
}
.section3 .titleBox .onlineBox p {
	float: left;
	width: 176px;
	text-align: center;
	font-weight: bold;
	font-size: 12px;
	color: #ccc;
	font-family: 'Arial';
}
.sec3Main {
	margin: 40px auto 0;
	width: 1200px;
	overflow: hidden;
}

.sec3Main .news_box {
	display: block;
	float: left; height:275px;
	border: 1px solid #e5e5e5;
	padding: 3% 2% 6%;
	width: 27.5%; position:relative;
	margin-right: 2%;
}

.sec3Main .news_box h3 {
	font-size: 21px;
	color: #333;
	font-weight: bold;
	line-height: 24px;
}
.sec3Main .news_box h3 span {
	color:#034dae;
}
.sec3Main .news_box h4 {
	font-size: 12px;
	color: #ccc;
	line-height: 24px;
	font-weight: bold;
	font-family: 'Arial';
}
.sec3Main .news_box .img {
	margin-top: 2%;
	overflow: hidden;
}
.sec3Main .news_box .img img {
  width:100%;
}
.sec3Main .news_box .para {
	margin-top: 15px;
}
.sec3Main .news_box .para p {
	color: #333;
	padding-left: 20px;
	background: url(../images/index_23.jpg) no-repeat left center;
	line-height: 24px;
}
.sec3Main .news_box .para p a {
	color: #333; width:100%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; display:block;
}
.sec3Main .news_box .para p a:hover {
	color: #034dae;
}
.sec3Main .news_box:nth-of-type(3){ margin-right:0;}
.sec3More {
	display: block;
	width: 70px;
	height: 40px;
	font-style: normal;
	text-align: center;
	line-height: 40px;
	color: #FFF;
	background-color: #333;
	position: absolute;
	left: 28px;
	bottom: 0;
	-webkit-transition: 0.5s;
	-ms-transition: 0.5s;
	-moz-transition: 0.5s;
	-o-transition: 0.5s;
	transition: 0.5s;
}
.sec3More:hover {
	background-color: #dd0000;
}







@media (max-width:1200px){
	.section3 {
	width: 100%;
	background-color: #FFF;
	padding:10% 0 6%;
}
.section3 .titleBox {
	width: 100%;
	margin: 0 auto;
	padding-top: 22px;
	background: url(../images/index_18.png) no-repeat center top;
	margin-bottom:6%;
}
.section3 .titleBox h2 {
	text-align: center;
	color: #333;
	font-size: 30px;
	line-height: 50px;
	font-weight: bold;
}
.section3 .titleBox .onlineBox {
	width: 100%;
	overflow: hidden;
}
.section3 .titleBox .onlineBox .online {
 display:none;
}
.section3 .titleBox .onlineBox p {
	float: none;
	width: 100%;
	text-align: center;
	font-weight: bold;
	font-size: 12px;
	color: #ccc;
	font-family: 'Arial';
}
.sec3Main {
	margin:0 auto;
	width: 100%;
	overflow: hidden;
}

.sec3More {
	display: block;
	width: 70px;
	height: 40px;
	font-style: normal;
	text-align: center;
	line-height: 40px;
	color: #FFF;
	background-color: #333;
	position: absolute;
	left: 28px;
	bottom: 0;
	-webkit-transition: 0.5s;
	-ms-transition: 0.5s;
	-moz-transition: 0.5s;
	-o-transition: 0.5s;
	transition: 0.5s;
}
.sec3More:hover {
	background-color: #dd0000;
}

}
@media (max-width:720px){	
.section3 .titleBox h2 {font-size:25px;}
}
	
@media (max-width:680px){
	.sec3Main .news_box {
	display: block;
	float: left; height:auto;
	border: 1px solid #e5e5e5;
	padding: 5% 2% 8%;
	width: 94%; position:relative;
	margin:0 2% 2% 0;
}
	
}

@media (max-width:520px){
	.sec3Main .news_box {
	display: block;
	float: left; height:auto;
	border: 1px solid #e5e5e5;
	padding: 6% 6% 16%;
	width: 86%; position:relative;
	margin:0 0 8% 0;
}
	
}


/*footer*/
.footer {
	width: 100%;
	padding-top: 4%;
	padding-bottom: 3%;
	background:#06465F;
}
.footer .footDl {
	width: 1200px;
	overflow: hidden;
}
.footer .footDl dl {
	float: left;
	width: 118px;
	margin-right: 20px;
}
.footer .footDl dl.w {
	width: 130px;
}
.footer .footDl dl dt {
	margin-bottom:26px;
}
.footer .footDl dl dt p{ line-height:40px; color:#FFF; text-align:center;}
.footer .footDl dl dt a {
	color: #FFF;
	font-size: 16px;
}
.footer .footDl dl dd {
	line-height: 28px;
}
.footer .footDl dl dd a {
	color:rgba(255,255,255,0.6); font-size:13px; line-height:18px;
	display:block;padding:6px 0;
}
.footer .footDl dl dd a:hover {
	color: #FFF;
}
.footer .footDl dl.last {
	width:300px; float:right;
	margin-right: 0;
}
.footer .footDl dl.last dt {
	overflow: hidden;
}
.footer .footDl dl.last dt .img {
	float: left;
	width: 90px;
	margin-left: 12px;
}
.footer .footDl dl.last dt .img p {
	text-align: center;
	color: #FFF;
	line-height: 30px;
}
.footer .footDl dl dt .img{ width:120px;}
.footer .footDl dl dt .img img{ max-width:100%}




@media (max-width:1200px){
	
.footer {
	width: 100%;
	padding-top: 4%;
	padding-bottom: 3%;
	background:rgba(3,77,147,0.5);
}
.footer .footDl {
	width: 94%; padding:0 3%;
	overflow: hidden;
}
.footer .footDl dl {
	float: left;
	width: 11%;
	margin-right: 1%;
}
.footer .footDl dl.w {
	width: 14%;
}
.footer .footDl dl dt {
	margin-bottom:14px;
}
.footer .footDl dl dt p{ line-height:20px; padding:2px 0; color:#FFF; text-align:center;}
.footer .footDl dl dt a {
	color: #FFF;
	font-size: 16px;
}
.footer .footDl dl dd {
	line-height: 20px; padding:2px 0;
}
.footer .footDl dl dd a {
	color:rgba(255,255,255,0.6); font-size:13px;
}
.footer .footDl dl dd a:hover {
	color: #FFF;
}
.footer .footDl dl.last {
	width:20%; float:right;
	margin-right: 0;
}
.footer .footDl dl.last dt {
	overflow: hidden;
}
.footer .footDl dl.last dt .img {
	float: left;
	width: 100%;
	margin-left: 12px;
}
.footer .footDl dl.last dt .img p {
	text-align: center;
	color: #FFF;
	line-height: 30px;
}
.footer .footDl dl dt .img{ width:100%; margin:0 auto;}
.footer .footDl dl dt .img img{ max-width:100%}

}

@media (max-width:870px){
	.footer .footDl {
	width: 100%; padding:0;
	overflow: hidden;
}
.footer .footDl dl:nth-of-type(3),.footer .footDl dl:nth-of-type(4),
.footer .footDl dl:nth-of-type(5){ display:none;}
.footer .footDl dl{ margin:0 2%;}
.footer .footDl dl:nth-of-type(1){width:14%;}
.footer .footDl dl:nth-of-type(2){width:18%;}
.footer .footDl dl:nth-of-type(6){ width:16%;}
.footer .footDl dl.last {
	width:36%;margin:0 2%;
}

}

@media (max-width:560px){
	.footer {
	width: 100%;
	padding:7% 0;}
.footer .footDl dl:nth-of-type(6){ display:none;}
.footer .footDl dl:nth-of-type(2){width:20%;}
.footer .footDl dl:nth-of-type(1){ width:20%;}
.footer .footDl dl.last {
	width:46%;margin:0 2%;
}
}
@media (max-width:450px){
.footer .footDl dl:nth-of-type(6),.footer .footDl dl:nth-of-type(1){ display:none;}
.footer .footDl dl:nth-of-type(2){width:36%;}

.footer .footDl dl.last {
	width:54%; margin:0 2%;
}
}

@media (max-width:360px){
.footer .footDl dl:nth-of-type(6),.footer .footDl dl:nth-of-type(1),.footer .footDl dl:nth-of-type(2){ display:none;}
.footer .footDl dl.last {width:94%; margin:0 2%; text-align:center;}
.footer .footDl dl.last dt a{ font-size:22px; font-weight:bold;}
.footer .footDl dl dd a{ font-size:14px;}
}
/*copyBox*/

.copyBox {
	width: 100%;
	height:auto; padding:15px 0;
	line-height:22px;
	background-color: #001C27;
	overflow: hidden;
}
.copyBox p {
	color: #999;
	float: left;
}
.copyBox .link {
	float: right;
}
.copyBox .link a {
	margin-left: 15px;
	color: #999;
}
.copyBox .link a:hover {
	color: #ccc;
}

@media (max-width:400px){
	.copyBox { text-align:center; font-size:14px;}
	.copyBox p {
	color: #999;
	float: none;
}
.copyBox .link {
	float: none;
}
.copyBox .link a {
	margin-left: 0;
	color: #999;
}
}
/*内页*/

.banners {
	width: 100%;
	height:260px;
	
	background-position:top center;
	background-repeat:no-repeat;
	background-size:cover;
}
.banners h1 {
	font-size: 24px;
	color:rgba(255,255,255,0.9);
	font-weight: bold;
	line-height: 30px;
	text-align: center;
	padding-top: 100px;
}
.banners .subNav {
	text-align: center;
	margin-top: 10px;
	font-size: 12px;
	color: #FFF;
}
.banners .subNav a {
	color: #FFF;
}
.banners .subNav a:hover {
	color: #FFF;
}
.container {
	background:#f9f9f9;
	padding-top: 50px;
	padding-bottom: 65px;
}
.container .menuBox {
	width: 1040px;
	text-align: center; padding:6px 30px; overflow:hidden;
    border:1px solid #dcdcdc; border-radius:60px; background:#FFF;
}
.container .menuBox a {
	display: inline-block;
	float:left;
	width:auto; padding:0 20px; margin:0 10px;
	height: 32px; font-size:15px;
	line-height: 32px;
	color: #000;
}
.container .menuBox a:hover, .container .menuBox a.selected {
	color: #FFF;
	background:#003f8f; border-radius:20px;
}
.container .menuBox a.active {
	color: #FFF;
	background:#003f8f; border-radius:20px;
}
.container .menuBox a.before {
	width: 20px;
	height: 32px;
	color: #FFF;
	border: none;

}
.container .menuBox a.after {
	width: 20px;
	height: 32px;
	color: #FFF;
	border: none;

}


/*关于我们*/
.aboutBox {
	
	padding:20px 40px;
	
	background-color: #FFF;
	box-shadow: 1px 5px 6px #eee;
	-webkit-box-shadow: 1px 5px 6px #eee;
}
.aboutBox img {
	max-width: 100%;
	height:auto !important;
}
.aboutBox .para {
	font-size:13px; color:#666;line-height:28px;margin-top:36px}
.aboutBox .para	.pub_img img{display:block;margin:0 auto;max-width:100%}
.aboutBox .para p {
	
}
/*分页样式*/

.tmpage{margin:40px auto 16px;text-align:center;width:100%;}
.pagination{text-align:center;display: inline;}
.pagination ul{ margin:0; padding:0; text-align:center;}
.pagination li{display: inline;padding:6px 10px;background-color:#f1f1f1;margin:7px;}
.pagination li a{color:#fff;text-align:center;line-height:20px;font-size:12px; color:#999}
.pagination li.active{background:#EB8E00;color:#fff;}
.pagination li.active a{color:#fff;}
.pagination li.disabled{width:74px;}
.pagination li.disabled a{width:60px;}



/*新闻详情页*/
.news-content-title{ line-height:24px; font-size:16px; overflow:hidden;font-weight:bold; text-align:center; margin:15px 0;color:#444;}
.news-contents{width:100%; margin:10px 0; font-size:13px; line-height:24px;color:#666;}
.contents-detail{font-size:14px; line-height:24px; margin:10px auto;}
.pro-title{font-size:16px; font-weight:bold; text-align:center; margin:15px 0;}
.contents-rounds{border-top:1px solid #ccc; padding-top:10px; margin-top:40px;}
.contents-rounds a{color:#333;}
.contents-rounds a:hover{color:#EB8E00;}


/*案例样式*/
.item{ width:242px;float:left; margin:10px 0; margin-right:37px;}
.item .pic,.item_right .pic{ overflow:hidden; text-align:center; padding:8px; border:1px solid #f2f2f2;}
.pic .img{overflow:hidden;}
.pic .img a{display:block;}
.pic .img img{ max-width:100%;transition:0.5s;display:block;}
.pic span{ height:100%; display:inline-block; vertical-align:middle;}
.name{ height:24px; line-height:24px; overflow:hidden; text-align:center; padding:14px 0;}
.name a{ font-size:14px;color:#333;text-decoration:none; display:block; text-overflow:ellipsis; white-space:nowrap; width:220px; overflow:hidden;}
.item:hover .pic .img img{ transition:0.5s;transform:scale(1.1,1.1)}
.item:nth-of-type(3n){ margin-right:0;}
.item:hover .name a{text-decoration:underline;}

/*feedback*/
.inputform{margin:0;padding:1em 0}
.inputform input,.inputform select,.inputform textarea{margin:0; padding-left:5px;}
.inputform .form-group{overflow:hidden;margin-bottom:1em}
.inputform .form-group .form-label{float:left;width:18%;text-align:left}
.inputform .form-group .form-label label{display:block}
.inputform .form-group .form-label em{margin-right:.5em;color:#f00}
.inputform .form-group .form-control{position:relative;margin-left:18%;}
.inputform .form-button{padding-left:15%;}
.inputform .form-button input{width:280px; border:none; height:40px;  text-align:center; background:#034dae; display:block;  color:#fff; font-size:15px; margin-top:10px;}
.inputform .form-text .form-label label,.inputform .form-select .form-label label,.inputform .form-textarea .form-label label{padding-top:0px}
.inputform .form-text .form-label input,.inputform .form-select .form-label input,.inputform .form-textarea .form-label input,.inputform .form-text .form-label select,.inputform .form-select .form-label select,.inputform .form-textarea .form-label select,.inputform .form-text .form-label textarea,.inputform .form-select .form-label textarea,.inputform .form-textarea .form-label textarea{border:1px solid #ddd}
.inputform .form-checkbox .form-control label,.inputform .form-radio .form-control label{margin-right:.8em}
.inputform .form-checkbox .form-control input,.inputform .form-radio .form-control input{margin-right:.3em;padding:0}

.feedbackcon{margin:0 auto; margin-top:20px; font-size:15px; color:#7b7b7b; line-height:34px;}
.feedbackone{ color:#666;font-size:14px; padding-bottom:10px;  margin-bottom:20px;}
.feedbackcon input{ width:269px; height:34px; border:1px solid #e8e8e8;}
.feedbackcon textarea{border:1px solid #e8e8e8;width:550px; padding-top:8px; height:140px;}
.feedbacksr{border-top:1px solid #dadada; width:660px; margin-top:30px;}
.feedbackmt{ margin-top:20px;}
.feedbacktitle{ width:90px; text-align:right;}

.mtop,.mtopbg,.mfloatbg,.mfloat {display:none;}

/*荣誉资质*/
.honor_box{ overflow:hidden; padding:0;margin-top:56px;}
.honor_box ul{overflow:hidden;}
.honor_box ul li{float:left; width:248px; height:auto; margin:0 25px 20px 0; overflow:hidden;}
.honor_box ul li a{display:block;border:1px solid #F2F2F2;}
.honor_box ul li a .img{width:210px;height:270px; padding:10px; overflow:hidden; }
.honor_box ul li a .img img{ max-width:100%;}
.honor_box ul li a .info{padding:5px 30px;text-align:center;}
.honor_box ul li a .info .title{color: #595959;font-size:14px;height:40px;line-height:40px;transition: all ease-out .2s;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}

.honor_box ul li:nth-of-type(3n){ margin-right:0;}


/*新闻页*/
.newall{height:auto;margin-bottom:30px}
.newall ul{}
.newall ul li{overflow:hidden;border-bottom:1px dashed #efefef; line-height:48px; padding-left:10px; }
.newall ul li a{display:block;float:left;width:70%;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;font-size:14px; color:#666; background:url(../images/n_li.png) no-repeat left center; padding-left:22px;transition:0.5s;}
.newall ul li span{float:right;font-size:13px;color:#aeaeae;width:20%;text-align:right;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
.newall ul li:hover{background:#f7f7f7; transition:0.5s;}

.newall ul li:hover a{color:#0C6689;transition:0.5s;}


.incontt{padding:40px 0 0}
.sc_product_top{overflow:hidden}
.sc-product-detail-pic {float:left;width:55%;padding-right:5%;}
.sc-product-detail-pic-big {width:100%;border:1px solid #f1f1f1;overflow:hidden;text-align:center;display:inline-block;}
.sc-product-detail-pic-big img { max-width:100%;margin:0 auto;display:inline-block;vertical-align:middle;max-height: 100%;}
.sc-product-detail-pic-list {padding-top:14px; width:600px;}
.sc-product-detail-pic-list ul {margin:0;padding:0;list-style:none;overflow:hidden;}
.sc-product-detail-pic-list ul li {float:left;margin:0 9px 6px 0;}
.sc-product-detail-pic-list ul li a {}
.sc-product-detail-pic-list ul li a img {display:block;border:0; border:1px solid rgba(0,0,0,0.08);;}
.sc-product-detail-pic-list ul li:nth-of-type(5n){ margin-right:0;}
.sc-product-detail-information {float:left;width:40%}
.sc-product-detail-information ul {overflow:hidden}
.sc-product-detail-information-title {font-size:18px;line-height:26px; padding-bottom:26px;color:rgba(0,71,175,0.9)border-bottom:1px dashed #586799;margin-bottom:16px;font-weight: 600;}
.sc-product-detail-information-description{padding:10px 0;color:#666;font-size:13px;line-height:24px;text-align:justify}
.sc-product-detail-information-description span{font-weight: 600; color: #333;}
.sc-product-detail-information-params {}
.sc-product-detail-information-params p {padding:5px 0;line-height:1em;width:100%;overflow:hidden;}
.sc-product-detail-information-params p label {float:left;width:120px;}
.sc-product-detail-information-params p span {display:block;margin-left:130px;}
.sc-product-detail-main {clear:both;padding-top:50px;}
.sc-product-detail-main-tabs {margin:0;padding:0;list-style:none;overflow:hidden;background:#f7f7f7}
.sc-product-detail-main-tabs li {float:left;margin-right:1px;}
.sc-product-detail-main-tabs li a {display:block;line-height:36px;padding:0 30px; font-size:15px; font-weight:bold;color:#fff;background-color:#666;}
.sc-product-detail-main-tabs li a:hover {background-color:#666;}
.sc-product-detail-main-tabs li a.selected {background-color:#EB8E00;color: #fff;}
.sc-product-detail-main-item {display:none;padding:15px 0;font-size:13px;line-height:24px;}
.sc-product-detail-main-item img{max-width: 100%;}
div.zoomDiv {z-index:9999;position:absolute;top:0px;left:0px;width:200px;height:200px;background:#fff;border:1px solid #ccc;display:none;text-align:center;overflow:hidden;}

.sc-product-detail-main-item table{border-collapse:collapse; border-width:thin; border-style:solid; border-color:#e4e3e3; margin-bottom:10px; width:100%}
.sc-product-detail-main-item table td{line-height:30px; padding:6px 26px !important; border: 1px solid #e4e3e3;}
.sc-product-detail-main-item table td img{ max-width:100%;}
.sc-product-detail-main-item table th{border: 1px solid #e4e3e3;padding:6px 26px !important;text-align:left}

div.zoomDiv img {display:block;}
div.zoomMask {position:absolute;background:url(../images/sc-product-detail-mask.png) repeat scroll 0 0 transparent;cursor:move;z-index:1;}



/*product-btn-wrap*/
.product-btn-wrap{
	position:relative;
	margin:20px 0 0;border: 0;border-radius: 6px; height: 40px;width: 150px;cursor:pointer}
.product-btn-wrap a{
	position:relative;
	display:inline-block;
	*display:inline;
	*zoom:1;
	vertical-align:top;
	-moz-transition:all 0.3s ease-in-out;
	-webkit-transition:all 0.3s ease-in-out;
	-ms-transition:all 0.3s ease-in-out;
	-o-transition:all 0.3s ease-in-out;
	transition:all 0.3s ease-in-out;
	padding:0 15px;
	line-height:40px;
	color:#fff;background-image: url(../images/slik_email.png)  no-repeat; background-size: 20%;
	}
.product-btn-wrap a:hover{color: #fff;	}	
 
.product-btn-wrap a:before{
	margin:0 5px 0 0;
	}	
.product-btn-wrap a.email:before{
	content:'';
	}
.product-btn-wrap a.pdf:before{
	content:'\eada';
	}	
.addthis_sharing_toolbox {float:right;margin:5px 0 30px 0;}

.product-summary {}
.product-summary  h3{font-size:20px;margin-bottom:20px}

.product-summary li{font-size:13px;margin:5px 3%;color:#000000; width: 100%;overflow:hidden}
.product-summary li em{width:140px;float:left;color:#B2B2B2;}
.product-btn-wrap a:before{margin:0 5px 0 0;background: url(../images/link.png) no-repeat ;width: 8px; height: 10px; position: absolute; top: 10px; left: 10px;}
.detail-panel{padding-top: 30px;}
.detail-panel hr{margin: 15px 0;border:none;height:1px;width:100%;background-color:#eee}













@media (max-width:1200px){
	
.banners {
width: 100%;
height:95px;
padding-top:45px;
}

.container {
	background:#FFF;
	padding:2% 0;
}

.container .menuBox{ display:none;}
.aboutBox {
	width: 98%;
	padding:0 1%;
	margin: 2% 0 6%;
	background-color: #FFF;
	box-shadow:none;
	-webkit-box-shadow:none;
}
.aboutBox img {
	width: 100%;
}
.aboutBox .para {
	width: 100%; font-size:14px; color:#666; overflow:hidden;
}

.honor_box{ overflow:hidden; padding:2% 0 0;}
.honor_box ul{overflow:hidden;text-align:center;}
.honor_box ul li{display:inline-block; width:24%; height:auto; margin:0 1% 1% 0; overflow:hidden;}
.honor_box ul li a{display:block;}
.honor_box ul li a .img{width:auto;height:auto; padding:1%; overflow:hidden;}
.honor_box ul li a .img img{ max-width:100%;}
.honor_box ul li a .info{padding:1% 2%;text-align:center;  word-break: keep-all;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.honor_box ul li a .info .title{color: #595959;font-size:14px;height:40px;line-height:40px;transition: all ease-out .2s;word-break: keep-all;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}

.honor_box ul li:nth-of-type(4n){ margin-right:0;}
.honor_box ul li:nth-of-type(3),.honor_box ul li:nth-of-type(6),.honor_box ul li:nth-of-type(9){margin-right:1%}

/*分页样式*/

.tmpage{margin:4% auto 5%;text-align:center; width:100%; overflow:hidden;}
.pagination{text-align:center;display: inline;}
.pagination ul{ margin:0; padding:0; text-align:center;}
.pagination li{padding:1% 2%;background-color:#f1f1f1;margin:1%; display:inline-block;}
.pagination li a{color:#fff;text-align:center;line-height:20px;font-size:12px; color:#999;}
.pagination li.active{color:#fff;}
.pagination li.active a{color:#fff;}
.pagination li.disabled{width:auto;}
.pagination li.disabled a{width:60px;}

/*案例样式*/
.item{ width:23%;float:left; margin:2% 1%;}
.item:nth-of-type(3n){margin-right:auto;}
.item:nth-of-type(3),.item:nth-of-type(6),.item:nth-of-type(9){margin-right:1%;}
.item .pic,.item_right .pic{ height:auto; overflow:hidden; text-align:center; padding:1%; border:1px solid #f2f2f2;}
.pic .img{width:100%; height:auto; overflow:hidden;}
.pic .img img{ max-width:100%;transition:0.5s;}
.pic span{ height:100%; display:inline-block; vertical-align:middle;}
.name{ height:24px; line-height:24px; overflow:hidden; text-align:center; padding:2% 0;}
.name a{ font-size:14px;color:#333;text-decoration:none; display:block; text-overflow:ellipsis; white-space:nowrap; width:100%; overflow:hidden;}
.item:hover .pic .img img{ transition:0.5s;transform:scale(1.1,1.1)}

.item:nth-of-type(4n){ margin-right:1%;}
.item:hover .name a{text-decoration:underline;}


.newall{overflow:hidden; height:auto; margin-bottom:30px;}
.newall ul{}
.newall ul li{overflow:hidden;border-bottom:1px dashed #efefef; line-height:48px; padding-left:10px; }
.newall ul li a{display:block;float:left;width:70%;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;font-size:14px; color:#666; background:url(../images/n_li.png) no-repeat left center; padding-left:4%;transition:0.5s;}
.newall ul li span{float:right;font-size:13px;color:#aeaeae; margin-right:10px;}
.newall ul li:hover{background:#f7f7f7; transition:0.5s;}
.newall ul li:hover a{color:#034dae;transition:0.5s;}
}

@media (max-width:720px){
.banners h1 { padding:2% 0 0;}
.banners .subNav { display:none}

.honor_box{ overflow:hidden; padding:2% 0 0;}
.honor_box ul{overflow:hidden; text-align:center;}
.honor_box ul li{ display:inline-block; width:32%; height:auto; margin:0 1.5% 1% 0; overflow:hidden;}
.honor_box ul li:nth-of-type(4),.honor_box ul li:nth-of-type(8){margin-right:1.5%}
.honor_box ul li a{display:block;}
.honor_box ul li a .img{width:auto;height:auto; padding:1%; overflow:hidden; }
.honor_box ul li a .img img{ max-width:100%;}
.honor_box ul li a .info{padding:1% 2%;text-align:center;}
.honor_box ul li a .info .title{color: #595959;font-size:14px;height:40px;line-height:40px;transition: all ease-out .2s;}
.honor_box ul li:nth-of-type(3n){ margin-right:0;}



/*案例样式*/
.item{ width:31%;float:left; margin:2% 1%; overflow:hidden;}
.item .pic,.item_right .pic{ }
.pic .img{width:100%; height:auto; overflow:hidden;}
.pic .img img{ max-width:100%;transition:0.5s;}
.pic span{ height:100%; display:inline-block; vertical-align:middle;}
.name{ height:24px; line-height:24px; overflow:hidden; text-align:center; padding:2% 0;}
.name a{ font-size:14px;color:#333;text-decoration:none; display:block; text-overflow:ellipsis; white-space:nowrap; width:100%; overflow:hidden;}
.item:hover .pic .img img{ transition:0.5s;transform:scale(1.1,1.1)}
.item:hover .name a{text-decoration:underline;}

.contents-rounds{}
.contents-rounds font{ }


		
}
@media (max-width:440px){
	
.newall{overflow:hidden; height:auto; margin-bottom:30px;}
.newall ul{}
.newall ul li{overflow:hidden;border-bottom:1px dashed #efefef; line-height:48px; padding-left:10px; }
.newall ul li a{display:block;float:left;width:58%;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;font-size:14px; color:#666; background:url(../images/n_li.png) no-repeat left center; padding-left:4%;transition:0.5s;}
.newall ul li span{float:right;font-size:12px;color:#aeaeae; margin-right:10px;width: 30%;}
.newall ul li:hover{background:#f7f7f7; transition:0.5s;}
.newall ul li:hover a{color:#034dae;transition:0.5s;}
}

@media (max-width:420px){
.banners h1 { padding:2% 0 0;}
.banners .subNav { display:none}

.honor_box{ overflow:hidden; padding:2% 0 0;}
.honor_box ul{overflow:hidden; text-align:center;}
.honor_box ul li{ display:inline-block; width:49%; height:auto; margin:0 1.5% 1% 0; overflow:hidden;}
.honor_box ul li a{display:block;}
.honor_box ul li a .img{width:auto;height:auto; padding:1%; overflow:hidden;}
.honor_box ul li a .img img{ max-width:100%;}
.honor_box ul li a .info{padding:1% 2%;text-align:center;}
.honor_box ul li a .info .title{color: #595959;font-size:14px;height:40px;line-height:40px;transition: all ease-out .2s;}

.honor_box ul li:nth-of-type(2n){ margin-right:0;}
.honor_box ul li:nth-of-type(3){margin-right:1.5%}

/*案例样式*/
.item{ width:48%;float:left; margin:2% 1%; overflow:hidden;}
.item .pic,.item_right .pic{ }
.pic .img{width:100%; height:auto; overflow:hidden;}
.pic .img img{ max-width:100%;transition:0.5s;}
.pic span{ height:100%; display:inline-block; vertical-align:middle;}
.name{ height:24px; line-height:24px; overflow:hidden; text-align:center; padding:2% 0;}
.name a{ font-size:14px;color:#333;text-decoration:none; display:block; text-overflow:ellipsis; white-space:nowrap; width:100%; overflow:hidden;}
.item:hover .pic .img img{ transition:0.5s;transform:scale(1.1,1.1)}

.item:hover .name a{text-decoration:underline;}
		
}

/*20170623  内页框架修改*/
.main{overflow:hidden}
.inmain_left{float:left;width:280px;}
.inmain_right{float:right;width:800px;background:#fff;}

.sidelist{padding:20px;box-shadow: 0px 0px 6px #ccc;-webkit-box-shadow: 0px 0px 6px #ccc; background:#fff;margin-bottom:20px;}
.sidelist .channe_list{overflow:hidden;}
.sidelist .channe_list li{ border-bottom:1px dotted #f1f1f1; padding:12px 0; line-height:16px;background:url(../images/pro_list_li.jpg) 22px 22px no-repeat; }
.sidelist .big{ height:54px; line-height:54px; background:#00428E  url(../images/brer.gif) no-repeat 22px center;padding-left:32px}
.sidelist .big a{font-size:16px; color:#FFF; font-weight:bold;padding-left:18px}
.sidelist .big a:hover{ background:none;}
.sidelist .channe_list li a{display:block;color:#666;font-size:13px;overflow:hidden;padding-left:25px; margin-left:24px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sidelist .channe_list li a i{display:block;}
.sidelist .channe_list li:hover{ transition:.5s;background:#f2f2f2 url(../images/pro_list_li.jpg) 22px 18px no-repeat;}
.sidelist .channe_list li:hover a{  color:#00428E}
.sidelist .channe_list li:nth-last-of-type(1){margin-bottom:0;border-bottom:0}
.inmain_right .title_box {overflow:hidden;}
.inmain_right .title { height: 22px; border-bottom: 1px solid #ecf2f6; margin-bottom: 20px; }
.inmain_right .title .root_name { float: left; background: #fff; font-family: microsoft yahei; padding: 0 20px 0 0; }
.inmain_right .title .root_name .cnn { font-size: 20px; color: #00428E; font-weight:bold; padding-top:7px; text-transform:uppercase; }
.inmain_right .title .root_name .enn { font-size: 13px; color: #555; text-transform: uppercase; }
.inmain_right .title .now { float: right; line-height: 44px; font-family: microsoft yahei; background: #fff; padding-left: 20px; color: #999; }
.inmain_right .title .now .split { font-family: simsun; color: #ddd; }
.inmain_right .title .now a { color: #999; }
.sidelist .channe_list li.selected{background:#f2f2f2 url(../images/pro_list_li.jpg) 22px 18px no-repeat;}
.sidelist .channe_list li.selected a{color:#00428E}



.sidelist .silde_new{}
.sidelist .silde_new .newli{margin-bottom:26px;padding-bottom:26px;border-bottom:1px dashed #efefef}
.sidelist .silde_new .newli h2{font-size:16px;}
.sidelist .silde_new .newli h2 a{ overflow: hidden;white-space: nowrap;text-overflow: ellipsis;color:#222;}
.sidelist .silde_new .newli span{display:block;font-size:12px;color:#ccc;margin:6px 0 16px}
.sidelist .silde_new .newli i{display:block;width:46px;border-top:1px solid #efefef;transition:.3s;}
.sidelist .silde_new .newli .slide_newinfo{margin-top:12px;line-height:23px;font-size:13px;max-height:48px;overflow:hidden}
.sidelist .silde_new .newli .slide_newinfo a{color:#666;}
.sidelist .silde_new .newli a{display:block;}
.sidelist .silde_new .newli h2 a:hover,.sidelist .silde_new li .slide_newinfo a:hover{color:#034dae;}
.sidelist .silde_new .newli:nth-last-of-type(1){margin-bottom:0;padding-bottom:0;border-bottom:0}
.sidelist .silde_new .newli:hover i{width:60%;border-color:#999}
.sidelist .silde_new li{line-height:42px;border-bottom:1px dotted #efefef;overflow:hidden;padding: 0 23px;}
.sidelist .silde_new li i{float:left;width:6px;height:1px;background:#ccc;margin-top:18px;}

.sidelist .silde_new li a{display:block;padding-left:16px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:.3s;}
.sidelist .silde_new li a:hover{color:#034dae;padding-left:22px;}
.sidelist .silde_new li:nth-last-of-type(1){border-bottom:0;}



.sidelist .slide_hc{margin-top:20px;position:relative;}
.sidelist .slide_hc .hd{position:absolute;top:-32px;right:0;}
.sidelist .slide_hc .hd ul li{display:inline-block;width:7px;height:7px;border-radius:50%;text-indent:-999999px;border:1px solid #efefef;cursor:pointer;margin-left:8px;}
.sidelist .slide_hc .hd ul li.on{background:#00428E;border:1px solid #00428E}

.sidelist .slide_hc .bd li{}
.sidelist .slide_hc .bd li .img img{display:block;width:100%;}
.sidelist .slide_hc .bd li a{display:block;}
.sidelist .slide_hc .bd li .tt{line-height:46px;}
.sidelist .slide_hc .bd li .tt a{display:block;background:url(../images/link.jpg) no-repeat right center / 16px;font-size:14px;}

.sidelist .huace{color:#666;font-size:14px;}
.newall.techdown ul li{padding-left:0}
.newall.techdown ul li a{background:url(../images/down.png) no-repeat left center / 16px;padding-left:28px;}



.para .incus{overflow:hidden}
.para .incus li{float:left;width:31.333%;margin-right:3%;}
.para .incus li:nth-of-type(3n){margin-right:0}
.para .incus li a{display:block;}
.para .incus li a .img{transition:.3s;padding:2%;border:1px solid #efefef;}
.para .incus li a .pic{overflow:hidden;background-repeat:no-repeat;background-position:center;background-size:90%;height:110px;transition:.3s;}
.para .incus li a .img:hover .pic{transform:scale(1.1)}
.para .incus li a .pic img{display:block;max-width:100%;margin:0 auto;}
.para .incus li a .custitle{font-size:14px;color:#333;text-align:center;line-height:36px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

/*2017817*/
.section3 .gnews{width: 100%; box-sizing: border-box;}
.section3 .gnews li{width: 24%;transition: all 0.6s ease 0s; float: left; margin: 30px 0.5%;box-sizing: border-box;}
.section3 .gnews li a{display:block;position:relative}
.section3 .gnews li .newsimg{width: 100%;margin: 0 auto;overflow: hidden;}
.section3 .gnews li .newsimg img{max-width: 100%;}
.section3 .gnews li .news_wrapper{width: 90%;margin-left: 3%;}
.section3 .gnews li .news_wrapper i{display: block;color: #999; font-size: 12px;font-style: normal;padding: 5px 0;}
.section3 li .news_wrapper span{font-size: 18px;display: block;word-break: keep-all;white-space: nowrap;overflow: hidden;text-overflow: ellipsis; padding: 15px 0; color: #071323;transition: all 0.6s ease 0s; }
.section3 .gnews li .news_wrapper p{font-size: 14px; color: #666;line-height: 24px;height: 50px;overflow: hidden;}
.section3 .gnews li:hover{box-shadow: 0 15px 30px 0 rgba(0,0,0,0.2); background: #fff;margin-top:10px} 
.section3 .gnews li:hover .news_wrapper span{color: rgba(0,71,175,0.9);}
.section3 .gnews li .txt{position:absolute;bottom:0;left:0;right:0;padding:20px 40px;box-sizing:border-box;}
.section3 .gnews li .txt span{color:#fff;font-size:15px;}
.section3 .gnews li .txt i{display:block;width:20px;border-top:1px solid #fff;margin:6px 0;}
.section3 .gnews li .txt strong{color:#fff;font-size:12px;}



.content{ width:100%; background-color:#f2f2f2; padding-bottom:40px;}
.con_nr{ margin:0 auto;width:1200px;}
.con_nr h2{ font-size:24px;  text-align:center; margin:0 auto; height:100px; line-height:100px; background:url(../images/bg_nr.jpg) no-repeat center 26px; color:#EB8E00}
.abtit{float:left; font-size:16px; margin-top:24px; margin-left:40px; height:32px; line-height:32px; color:#999}
.abtit .split{font-size:12px; color:#f1f1f1;margin:0 12px;}
.abtit ul{ margin:0; padding:0; list-style:none;}
.abtit ul li{ float:left; padding:0 10px;  background:url(../images/com_line.jpg) right no-repeat;}
.abtit ul li a:hover,.abtit ul li a.selected{ color:#EB8E00;}
.abtit ul li:first-child{ padding-left:0;}
.abtit ul li:last-child{ background:none}
.con_nr .nr{ background-color:#FFF;overflow:hidden;box-shadow:0px 15px 30px rgba(0,0,0,0.1);border-radius:6px}
.con_nr .nr .lm_qp{font-size:14px; margin-top:24px; margin-right:40px; height:32px; line-height:32px; color:#999;float:right; background:#f1f1f1; padding:0 20px; border-radius:15px; position:relative;}
.con_nr .nr .lm_qp a{ font-size:14px; color:#999}

.con_nr .nr .lm_qp em{ position:absolute; width:0; height:0; border:8px solid transparent; border-top-color:#f1f1f1; bottom:-16px; right:40px;}
.con_nr .nr .ny_zw{font-weight:normal;  position:relative; padding:0px 40px 60px; font-size:14px; color:#666; line-height:28px;  overflow: hidden;}

.incon-top{overflow:hidden;padding-bottom:26px}

.content .main{padding:20px 0 50px} 
.probox{overflow:hidden;margin:20px 0}
.probox .probox_left{float:left;width:23%;border-radius: 6px;top:100px!important;}
.probox .probox_left .prol_box{padding:30px 18px 30px 30px;margin-bottom:20px;background:#fff;border-radius:8px}
.probox .probox_left .prol_box .prol_tt{font-size:18px;font-weight:bold;margin-bottom:26px;text-transform:uppercase}
.probox .probox_left .prol_box .prol_list > li {border-bottom:1px dotted #ddd;margin-bottom:10px;padding-bottom: 5px;}
.probox .probox_left .prol_box .prol_list li {margin-bottom: 15px;}
.probox .probox_left .prol_box .prol_list li ,.probox .probox_left .prol_box .prol_list h3{list-style: none;line-height:42px;font-size:13px;font-weight:normal;overflow:hidden;color:#000;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;position: relative;margin: 0;}
.probox .probox_left .prol_box .prol_list a{padding-left: 10px;text-decoration: none;}
.probox .probox_left .prol_box .prol_list li ul a {padding-left: 15px;}
.probox .probox_left .prol_box .prol_list li ul ul a {padding-left: 29px;}
// .probox .probox_left .prol_box .prol_list h3 i{width:6px;height:1px;background:#ccc;display:block;float:left;margin-right:10px;margin-top:18px;}
.probox .probox_left .prol_box .prol_list ul li{overflow:hidden;line-height:30px;font-size:13px;}
.probox .probox_left .prol_box .prol_list ul li a{display:block;color:#666}
.probox .probox_left .prol_box .prol_list ul li a:hover {color:#fff;background:rgba(0,71,175,0.9);}
.probox .probox_left .prol_box .prol_list ul li a i{float:left;width:8px;height:1px;background:#ddd;margin-right:12px;margin-top:14px;}
.probox .probox_left .prol_box .prol_list ul {list-style: none; display: none;margin-bottom: 10px;margin-top: 5px; }

.probox .probox_right{float:right;width:860px;background:#fff; }
.probox .probox_right .prolist{padding:30px;}
.probox .probox_right .prolist ul{overflow:hidden;}
.probox .probox_right .prolist ul li{float:left;width:250px;margin-right:25px;}
.probox .probox_right .prolist ul li:nth-of-type(3n){margin-right:0}
.probox .probox_right .prolist ul li a{display:block;overflow:hidden;}
.probox .probox_right .prolist ul li a .img{width: 250px;height: 180px;overflow:hidden;}
.probox .probox_right .prolist ul li a .img img{display:block;max-width:100%;max-height: 180px;transition:.3s all ease-out;margin:0 auto;}
.probox .probox_right .prolist ul li a p{line-height:40px;font-size:14px;text-align:center}
.probox .probox_right .prolist ul li:hover a img{transform:scale(1.1);}
.section_wrapper #column_column6 a.button{background:rgba(0,71,175,0.9) ;color: #fff;border: 0;margin-top: 30px;}
.section_wrapper #column_column6 h2{color: #fff;text-transform:uppercase;}

.content .mainc{float:right;width:68%;background:#fff;padding:20px 40px 30px;border-radius:8px}

.content .mainc .title { height: 50px; border-bottom: 1px solid #ecf2f6;overflow: hidden; }
.content .mainc .title .inpro-tt { float: left; background: #fff; font-family: microsoft yahei; padding: 0 20px 0 0; }
.content .mainc .title .inpro-tt .cnn { font-size: 20px; color: #EB8E00; font-weight:bold; padding-top:7px; line-height: 36px;}
.content .mainc .title .inpro-tt .enn { font-size: 13px; color: #555; text-transform: uppercase; }
.content .mainc .title .now { float: right; line-height: 44px; font-family: microsoft yahei; background: #fff; padding-left: 20px; color: #999; }
.content .mainc .title .now .split { font-family: simsun; color: #ddd; }
.content .mainc .title .now a { color: #999; }
.content .mainc .con { padding: 20px 0; font-family: microsoft yahei; font-size: 14px; line-height: 24px; }
.content .mainc .con p { margin-bottom: 20px; }
.content .mainc .iprobox{overflow:hidden;margin:30px 0 0;}
.content .mainc .inprolist ul{overflow:hidden;width:100%;}
.content .mainc .inprolist ul li{float:left;width:31.3%;margin: 0 1% 30px;}
.content .mainc .inprolist ul li a{display:block;}
.content .mainc .inprolist ul li a .img{overflow:hidden;width: 100%;}
.content .mainc .inprolist ul li a .img img{width:100%;display:block;transition:0.5s;}
.content .mainc .inprolist ul li a .main_info{margin-top:15px;}
.content .mainc .inprolist ul li a .main_info .subtitle{font-size:16px;color:#595959;height:40px; line-height:40px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;border-bottom: 1px solid #E1E1E1;margin-bottom: 0}
.content .mainc .inprolist ul li a .main_info i{height:1px;width:0;background:#0C6689;transition:.5s;display:block; margin-top:-1px;}
.content .mainc .inprolist ul li a .main_info .subinfo{font-size:13px; color:#848484;line-height:24px; height:50px;overflow:hidden;margin-top:10px;margin-bottom: 0;}
.content .mainc .inprolist ul li:hover a{text-decoration: none;}
.content .mainc .inprolist ul li:hover a .img{}
.content .mainc .inprolist ul li:hover a .img img{transform:scale(1.1,1.1);}
.content .mainc .inprolist ul li:hover a .main_info .subtitle{color:#0C6689;}
.content .mainc .inprolist ul li:hover a .main_info i{width:100%;}

.intit{text-align:center;padding-bottom:30px; margin-bottom:30px; border-bottom:1px solid #f1f1f1;}
.intit .tit{font-size:16px; color:#333;}
.intit .subtit{font-size:12px; color:#999;margin:6px 0 0}
.intit .subtit span{margin:0px 6px}

.prol_list > ul > li:hover,.prol_list ul li.active:hover,.prol_list ul li.active,.prol_list ul li.has-sub.active:hover{background:#0a61c9!important;-webkit-transition:background .3s ease;-ms-transition:background .3s ease;transition:background .3s ease;}
.prol_list > ul > li.has-sub > a{padding-right:30px}
.prol_list > ul > li.has-sub > a:after{position:absolute;top:31px;left:0px;width:8px;height:2px;display:block;background:#ddd;content:''}
.prol_list > ul > li.has-sub > a:before{position:absolute;top:28px;left:3px;display:block;width:2px;height:8px;background:#ddd;content:'';-webkit-transition:all .25s ease;-ms-transition:all .25s ease;transition:all .25s ease}
.prol_list > ul > li.has-sub:hover > a:before{top:23px;height:0}
.prol_list .has-sub > a:after{position:absolute;top:16px;left: 0;width:8px;height:2px;display:block;background:#ddd;content:''}
.prol_list .has-sub > a:before{position:absolute;top:13px;left: 3px;display:block;width:2px;height:8px;background:#ddd;content:'';-webkit-transition:all .25s ease;-ms-transition:all .25s ease;transition:all .25s ease}
.prol_list ul > li.has-sub:hover > a:before{top:17px;height:0}
.prol_list ul li.has-sub:hover,.prol_list ul li.has-sub ul li.has-sub ul li:hover{background:#0a61c9;}
.prol_list  ul ul li.active a{border-left:1px solid #333}
.prol_list > ul > li.has-sub > ul > li.active > a,.prol_list > ul ul > li.has-sub > ul > li.active> a{border-top:1px solid #333}

.mainc .c_b_rt_desc{ overflow:hidden; padding:0 0 20px; line-height:30px;font-size:13px;color:#666}


.mainc .p_pic{ padding:40px 0 20px; overflow:hidden;}
.mainc .p_pic .pic_b{position:relative;zoom:1;float:left;}
.mainc .p_pic .pic_b .hd{ overflow:hidden; }
.mainc .p_pic .pic_b .hd ul li{margin-right:12px;text-align:center;float:left;}
.mainc .p_pic .pic_b .hd ul li img{ cursor:pointer; vertical-align:bottom; display: block;}
.mainc .p_pic .pic_b .hd ul li.on{ background:url(../images/icoleft.gif) no-repeat 0 28px; }
.mainc .p_pic .pic_b .hd ul li.on img{ border-color:#ffb400;  }
.mainc .p_pic .pic_b .hd ul li:nth-of-type(4n){ margin-right:0;}
.mainc .p_pic .pic_b .bd{ position:relative;  }
.mainc .p_pic .pic_b .bd li{ position:relative; zoom:1; vertical-align:middle;}
.mainc .p_pic .pic_b .bd li .pic{ position:relative; z-index:0;  }
.mainc .p_pic .pic_b .bd li .pic a{ display:block;}
.mainc .p_pic .pic_b .bd li .pic img{ width:816px;height:360px;vertical-align:bottom;display:block; margin:0 auto}
.mainc .p_pic .pic_b .bd li .bg{  height:30px; position:absolute; left:0; bottom:0; z-index:1;  background:#000; filter:alpha(opacity=60);opacity:0.6;    }
.mainc .p_pic .pic_b .bd li .title{  height:30px; line-height:30px; left:0; bottom:0;   position:absolute; z-index:2;  }
.mainc .p_pic .pic_b .bd li .title a{ color:#fff; padding-left:15px;  }


.mainc .com_b_tt{ color:#333; font-size:16px;text-transform: uppercase;}
.mainc .com_b_tt em{ display:block; width:35px; height:3px; background:#034695; margin-top:14px;}


.mainc .c_b_rt_case{ overflow:hidden; padding:40px 0 0;}
.mainc .c_b_rt_case{ width:100%;  overflow:hidden; position:relative;}
.mainc .c_b_rt_case .hd{ overflow:hidden;  height:30px; padding-left:25px; position:absolute; top:45px; right:0;}
.mainc .c_b_rt_case .hd .prev,.mainc.c_b_rt_case .hd .next{ display:block;  width:5px; height:9px; float:right; margin-right:5px; margin-top:10px;  overflow:hidden;
 cursor:pointer; background:url(../images/arrow.png) no-repeat;}
.mainc .c_b_rt_case .hd .next{ background-position:0 -50px;  }
.mainc .c_b_rt_case .hd .prevStop{ background-position:-60px 0; }
.mainc .c_b_rt_case .hd .nextStop{ background-position:-60px -50px; }
.mainc .c_b_rt_case .hd ul{ float:right; overflow:hidden; zoom:1; margin-top:0; }
.mainc .c_b_rt_case .hd ul li{ float:left;  width:9px; height:9px; overflow:hidden; margin-right:5px; text-indent:-999px; cursor:pointer; background:url(../images/icoCircle.gif) 0 -9px no-repeat; }
.mainc .c_b_rt_case .hd ul li.on{ background-position:0 0; }


.mainc .c_b_rt_case .bd{ overflow:hidden; margin-top:25px;}
.mainc .c_b_rt_case .bd ul{ overflow:hidden; zoom:1; }
.mainc .c_b_rt_case .bd ul li{ overflow:hidden; position:relative; float:left; margin-right:20px;}
.mainc .c_b_rt_case .bd ul li a{ color:#666;}
.mainc .c_b_rt_case .bd ul li .pic{ margin:0 auto; width:189px; height:132px; }
.mainc .c_b_rt_case .bd ul li .pic img{ max-width:100%; transition:0.5s; }
.mainc .c_b_rt_case .bd ul li:hover .pic img{ transform:scale(1.1,1.1)}
.ny_zw .list-paddingleft-2{border:1px solid #efefef;overflow:hidden;}
.ny_zw .list-paddingleft-2 li{float:left;width:33.3%;box-sizing:border-box;padding:16px;position:relative}
.ny_zw .list-paddingleft-2 li:after{position:absolute;content:'';right:0;top:0;bottom:0;border-right:1px solid #efefef}
.ny_zw .list-paddingleft-2 li:nth-last-of-type(1):after{border:none}

.joblist h3{border:1px solid #efefef;padding:0 16px;height:56px;line-height:56px;font-size:18px;color:#282828;overflow:hidden}
.joblist h3 i{float:right;display:block;width:56px;height:56px;background:url(../images/close.png) no-repeat center center ;}
.joblist h3.on{margin-top:20px}
.joblist h3.on i{background:url(../images/open.png) no-repeat center center ;}
.joblist h3 span{font-size:12px;color:#818181;padding-left:10px}
.joblist .jobtxt{border:1px solid #efefef;border-top:0;margin-bottom:20px;padding:16px;}
.joblist .jobtxt .tj{color:#646464;font-size:12px;}
.joblist .jobtxt .tj .splt{margin:0 10px;color:#ddd}
.joblist .jobtxt .intro{margin-top:16px;line-height:22px;font-size:12px;}
.joblist .jobtxt .intro strong{color:#282828;font-size:14px;font-weight:normal;line-height:28px}
@media (max-width:1200px){
	.inmain_left{display:none;}
	.inmain_right{width:100%;box-sizing: border-box;}
	.inmain_right .title .root_name .cnn{font-size:14px;font-weight:normal;}
	.con_nr{width:100%;box-sizing:border-box;padding:0 12px}
	.probox .probox_left{display:none}
	.content .mainc{width:96%;box-sizing:border-box;margin:0 2%}
	.navBox .pullDown{display:none}
}
@media (max-width:960px){
	
	.topbar{display:none}
}
@media (max-width:640px){
	.inputform .form-group .form-label{width:30%}
	.inputform .form-group .form-control{margin-left:30%}
	.feedbackcon input{width:95%;}
	.feedbackcon textarea{width:95%;}
	.inmain_right .title .root_name{width:100%;overflow:hidden;}
	.inmain_right .title .root_name .cnn{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:bold;border-bottom:1px solid #efefef;padding-bottom:10px;}
	.inmain_right .title .now{display:none}
	.para .incus li a .pic{height:80px}
	.section3 .gnews li{width: 48%;margin:10px 1%}
	.section3 .gnews li:hover{margin-top:10px}
	.section3 .gnews li .txt{padding:12px 20px}
	.sc-product-detail-pic{width:100%;padding-right:0} 
	.sc-product-detail-information{width:100%;}
	.sc-product-detail-pic-big{width:99%}
	.product-summary h3{margin-top:16px}
	.content .mainc .title .now{display:none}
	.content .mainc{padding:16px 12px}
	.sc-product-detail-main-item table td{padding:0 !important}
	.content .mainc .inprolist ul li{width:48%}
	.incon-top{display:none}
	.con_nr .nr .ny_zw{padding:20px 14px 40px}
	.con_nr .nr .ny_zw img{max-width:100%;height: auto;}
	.ny_zw .list-paddingleft-2{border:none}
	.ny_zw .list-paddingleft-2 li{width:100%;padding:0}
	.ny_zw .list-paddingleft-2 li:after{border:none;}
}