@charset "utf-8";
/* CSS Document */
/*切图：zcy*/
html{ overflow-x:auto; overflow-y:auto;}
*{ padding:0; margin:0;outline:none !important;}
ul, ol,li{ list-style-type:none;}
body, button, input, select, textarea{  font-family:'Microsoft yahei',Arial; font-size:12px;}
code, kbd, pre, samp { font-family: 'Microsoft yahei',Arial;}
a{ text-decoration:none; color:#333; cursor: pointer;
-webkit-transition: all 0.2s ease-out 0s; 
   -moz-transition: all 0.2s ease-out 0s; 
	 -o-transition: all 0.2s ease-out 0s; 
		transition: all 0.2s ease-out 0s;}
img{border:0; max-width:100%;}
li { line-height:normal; }
table { border-collapse: collapse; border-spacing: 0; }
h1,h2,h3,h4,h5,h6{margin:0; font-weight:normal; font-family: 'Microsoft yahei',Arial; }
input,table,tr,td{ margin:0; padding:0; border:none;}
button,table{ border:none; background:none; margin:0; padding:0;}
body{ position:relative; float:left; width:100%;}
select{ margin:0; padding:0; font-family: 'Microsoft yahei',Arial; border:none;}
textarea{ resize:none;outline:none;}
label{ margin-bottom:0; font-weight:normal;}
input,select,textarea{ margin:0; padding:0; border:0; outline:none;
 -moz-border-radius:0px; 
 -webkit-border-radius:0; 
 -khtml-border-radius:0;
 border-radius:0;
}
/*********************************************************************重置***********************************************************************/

.pz_top{ float:left; width:100%; z-index:101; position:fixed; top:0; left:0; background:white; box-shadow:0 1px 2px  rgba(0,0,0,0.08);}
.pz_banner{ float:left; width:100%; position:relative; z-index:5; min-height: 150px;}
.pz_menu{ float:left; width:100%; position:relative; z-index:99; background: #1d6fbb;}
.pz_main{ float:left; width:100%; position:relative; z-index:6; min-height:500px;}
.pz_down{ float:left; width:100%;z-index: 6; position: relative; background:#393939;}
@media screen and (max-width: 767px) {
.pz_banner{ min-height: 100px;}
}

/*首页*/
.lang{ float:right; position:relative; width:97px; height:30px; margin-left:15px;}
.titcon{ float:left; width:100%; color:#fff; font-size:14px; height:30px; line-height:30px;  background:url(/templates/cn/images/top3.png) no-repeat 84% center #59c147; text-align:center; cursor:pointer; padding-right:10px;
-moz-border-radius:15px; 
-webkit-border-radius:15px; 
-khtml-border-radius:15px;
border-radius:15px;}
.titcon img{ vertical-align:middle; margin:-3px 5px 0 0; width:14px;}
.serul{ float:left; width:100% !important; position:absolute; left:0; top:100%; background:white; box-shadow:0 2px 3px rgba(0,0,0,0.15); padding:0 10px 10px 10px; display:none;}
.serul li{ float:left; width:100%; text-align:center; margin-top:10px;}
.serul li a{ display:block; width:100%;line-height:22px; color:#999; font-size:14px; white-space:nowrap;}
.serul li a:hover{ color:white; background:#59c147;}

.top{ height: 100px; width:100%; float:left;}
.h100{ height: 100px; width:100%; float:left;}
.top .logo{ width:250px; float: left; margin-top:15px;}
.top .logo img{ float: left;}
.top .top_r{ float: right; margin-top:20px; position:relative; z-index:999;}
.top .top_r .search{ width:220px; float: left; position: relative;}
.top .top_r .search .search_k{ display: block; width:100%; height: 30px; padding:0 40px 0 15px; float: left; background:#fff; line-height:28px; font-size:14px; color:#666; border:solid 1px #e2e2e2; overflow:hidden;
-moz-border-radius:15px; 
-webkit-border-radius:15px; 
-khtml-border-radius:15px;
border-radius:15px;}
.top .top_r .search .search_b{display: block; width:40px; height: 30px; position:absolute; right:0; top:0; background:url(/templates/cn/images/top1.png) no-repeat center center; background-size:contain; cursor: pointer;}
.top .top_r .search .search_k:focus{ border-color:#59c147;}

.menu{ float: right;}
.menu > ul{ float:left;}
.menu ul .nli{ float:left; margin:0 20px; z-index:99; position:relative; text-align: center;}
.menu ul .nli span a{ display:block; float:left; height:50px; line-height:44px; color:#4f4b4c; font-size:16px; letter-spacing:1px; border-bottom:solid 3px #fff;}
.menu ul .nli.on span a,
.menu ul .nli:hover span a{ border-color:#59c147; color:#374e9e;}


/*下拉菜单（漂浮在menu .nli上）*/
.sub { z-index:21;  position:absolute; display: none; float:left;  clear:both; width:120px; left:50%; margin-left:-60px; top:100% !important; text-align: left; text-align: center;}
.sub .l2{ width:100%; float: left; position: relative; margin-bottom: 1px;}
.sub .l2 .l2_a{ line-height: 37px;  width:100%;  float:left;  color:#fff; font-size: 14px; background:rgba(0,0,0,0.2);}
.sub .l2:hover .l2_a { background: #59c147;}

/*20220930start*/
.three{ position:absolute; left:100%; top:0; display:none; z-index:21; float:left;  clear:both; width:120px; text-align: left; text-align: center;}
.three .l3{ width:100%; float: left; position: relative; margin-bottom: 1px;}
.three .l3 .l3_a{ line-height: 37px;  width:100%;  float:left;  color:#fff; font-size: 14px; background:rgba(0,0,0,0.2);}
.three .l3:hover .l3_a { background: #59c147;}
.sub .l2:hover .three{ display:block;}
/*20220930end*/


.elli{ white-space: nowrap; overflow:hidden; text-overflow:ellipsis;}
@media screen and (max-width: 1229px) {
.menu ul .nli{ margin:0 12px;}
.top .logo{ width:200px; margin-top:22px;}
}

@media screen and (max-width:991px) {
.menu{ display: none;}
.top,.h100{ height: 50px;}
.top .logo{ width:120px; margin-top:8px;}
.lang{ width:100%; float:left; margin:10px 0; line-height:30px; font-size:14px; text-align:center; margin-left:0;}
.lang a{ display:inline-block; *zoom:1; *display:inline; width:30%; color:#59c147; border-left:solid 1px #ddd; vertical-align:middle; line-height:16px;}
.lang a:first-child{ border-left:0;}
}
@media screen and (max-width:767px) {
.top{ padding:0 10px;}
}
.menuph{ float:right; cursor: pointer;  width: 24px;  text-align: center; display: none; margin-top:15px;}
.menuph .point {  display: inline-block;  width: 24px; height: 24px;  position: relative;}
.menuph .point:hover .navbtn,
.menuph .point:hover .navbtn::after,
.menuph .point:hover .navbtn::before {  width: 24px;  }
.menuph .navbtn {  position: absolute;  top: 8px;  right: 0;  display: inline-block;  width: 24px;  height: 2px;  -webkit-transition: all .3s ease-out 0s;  -moz-transition: all .3s ease-out 0s;  -ms-transition: all .3s ease-out 0s;  -o-transition: all .3s ease-out 0s;  transition: all .3s ease-out 0s;  background: #59c147}
.menuph .navbtn::after,
.menuph .navbtn::before {  position: absolute;  right: 0;  display: inline-block;  width: 24px;  height: 2px;  content: '';  -webkit-transition: all .3s ease-out 0s;  -moz-transition: all .3s ease-out 0s;  -ms-transition: all .3s ease-out 0s;  -o-transition: all .3s ease-out 0s;  transition: all .3s ease-out 0s;  background: #59c147}
.menuph .navbtn::after { top:-6px;}
.menuph .navbtn::before { top:6px;}
.menuph .point.active .navbtn{  background: transparent;  }
.menuph .point.active .navbtn::after{  -webkit-transform: rotate(45deg);  -moz-transform: rotate(45deg);  -ms-transform: rotate(45deg);  -o-transform: rotate(45deg);  transform: rotate(45deg);  top: 0px;  }
.menuph .point.active .navbtn::before {  -webkit-transform: rotate(-45deg);  -ms-transform: rotate(-45deg);  -o-transform: rotate(-45deg);  transform: rotate(-45deg);  top: 0px;  }

.pf_menu{ position:fixed; width:100%; height:auto; overflow-y:auto; right:0px; top:0px; z-index:60; display:block; padding:50px 0 5px 0; background:rgba(255,255,255,0.95); box-shadow:0 5px 5px rgba(0,0,0,0.15); padding-bottom:20px; z-index: 98;}
.ph_menu{ float:left; width:100%; text-align:left;}
.ph_menu .nli{ float:left; width:100%;}
.ph_menu .nli span{ float:left; width:100%; position: relative; }
.ph_menu .nli .l1_a{ float:left; width:100%; color:#59c147; font-size:13px; line-height:49px; white-space:nowrap;letter-spacing: 1px; border-bottom:solid 1px #ccc; padding:0 10px;}
.ph_menu .nli i{ display:block; width:48px; height:48px; position:absolute; right:0; top:0; background: url(/templates/cn/images/top5.png) center center no-repeat; background-size: 8px auto;
-webkit-transition: all 0.5s ease-out 0s; 
-moz-transition: all 0.5s ease-out 0s; 
-o-transition: all 0.5s ease-out 0s; 
transition: all 0.5s ease-out 0s;
}
.ph_menu .nli.on i{ transform:rotate(90deg);}
.ph_menu .nli .l2_ul{ display:none; height:auto; float:left; width:100%; padding: 10px 20px; background:#59c147;}
.ph_menu .nli .l2_ul li a{ line-height:26px; font-size:12px; color:#fff;}
.pz_menu.on{ box-shadow: 0 3px 6px rgba(0,0,0,0.15);}
.ph_menu .search{ display:block; margin:10px 5%; height:44px; width:90%; padding: 0 44px 0 5px; position: relative; border:solid 1px #59c147; float:left;}
.ph_menu .search .search_k{ height:42px; line-height:22px; width:100%; font-size: 14px; background:none; color:#59c147; padding:10px;}
.ph_menu .search .search_btn{ position: absolute; right:0; top: 0; height:42px; line-height:42px; width:44px; background: #59c147 url(images/top4.png) no-repeat center center; background-size: 28px 28px;}


.slide_banner{ width:100%; float: left; position: relative;}
.slide_banner .slick-slide{ width:100%; position: relative;}
.slide_banner .slick-slide .img { width:100%; position: relative; float:left;}
.slide_banner .slick-dots {
	position: absolute;
	bottom: 20px; height:8px;
}
.slide_banner .slick-dots li {
	width: 8px;
	height: 8px;
	margin:0 5px;
	background:#59c147;
	vertical-align:top; overflow:hidden;
	-moz-border-radius:4px; 
-webkit-border-radius:4px; 
-khtml-border-radius:4px;
border-radius:4px;
-webkit-transition: all 0.5s ease-out 0s; 
-moz-transition: all 0.5s ease-out 0s; 
-o-transition: all 0.5s ease-out 0s; 
transition: all 0.5s ease-out 0s;
}
.slide_banner .slick-dots li.slick-active {
	opacity: 1;  width:56px;
	background:#fff; background:rgba(255,255,255,0.8);
}
.banner_title{ width:100%; position:absolute; left:0; bottom:0; background:url(/templates/cn/images/bg_01.png); padding:22px 0 23px 0;}
.banner_title h4{ width:100%; float:left; font-size:20px; color:white; line-height:31px; font-weight:bold; font-family:Arial; text-transform:uppercase;}
.banner_title h5{ width:100%; float:left; font-size:20px; color:white; line-height:34px;}
@media screen and (max-width: 991px) {

.slide_banner .slick-dots {bottom: 15px;}
}
@media screen and (max-width: 767px) {
.slide_banner .slick-dots li.slick-active { width:26px;}

}

/*footer*/
.footerHead{ background:#f1f6f8; padding:45px 0 23px 0;}
.footerHead ul{ float:left; width:75.3658%;}
.footerHead ul dl{ float:left; width:16.666%;}
.footerHead ul dl dt{ width:100%; float:left; font-size:18px; color:#4a96cc; line-height:28px;}
.footerHead ul dl dd{ width:100%; float:left; margin-top:6px;}
.footerHead ul dl dd li{ width:100%; float:left;}
.footerHead ul dl dd li a{ display:block; width:100%; float:left; font-size:14px; color:#656262; line-height:30px;}
.footerHead .footerEwm{ float:right; width:24.6342%; padding-left:5.2%; border-left:solid 1px #d8dddf;}
.footerHead .footerEwm dt{ width:100%; float:left; font-size:18px; color:#4a96cc; line-height:28px;}
.footerHead .footerEwm h3{ width:100%; float:left; margin-top:12px; font-size:30px; color:#59c147; line-height:32px; letter-spacing:1px;font-family: 'OPENSANS-BOLD';}
.footerHead .footerEwm h5{ width:100%; float:left; margin-top:7px; font-size:14px; color:#656262; line-height:18px; letter-spacing:1px;}
.footerHead .footerEwm .footerEwmBody{ float:left; width:110px; text-align:center; margin-top:17px;}
.footerHead .footerEwm .footerEwmBody .img{ width:100%; padding:5px; background:white; float:left;}
.footerHead .footerEwm .footerEwmBody .img img{ width:100%; float:left;}
.footerHead .footerEwm .footerEwmBody h5{ width:100%; float:left; margin-top:4px; font-size:14px; color:#656262; line-height:28px;}
.footerHead .footerEwm .footerEwmBody:last-child{ float:right;}
.footerHead .link{ width:100%; float:left; margin-top:40px; padding-top:24px; border-top:solid 1px #d8dddf;}
.footerHead .link span{ display:inline-block; vertical-align:top; color:#4a96cc; font-size:18px; line-height:30px; letter-spacing:1px; margin-right:15px;}
.footerHead .link a{ display:inline-block; vertical-align:top; color:#656262; font-size:14px; line-height:30px;}
.footerHead .link a:hover{ color:#4a96cc;}
.footerHead .link i{ width:50px; height:30px; line-height:30px; display:inline-block; vertical-align:top; color:#dbdbdb; font-size:14px; font-style:normal; text-align:center;}
@media screen and (max-width: 1229px) {
.footerHead .footerEwm .footerEwmBody{ width:90px;}
.footerHead .footerEwm{ padding-left:3%; }
}
@media screen and (max-width: 991px) {
.footerHead{ padding:35px 0 13px 0;}
.footerHead ul{ display:none;}
.footerHead .footerEwm{ padding-left:0; border-left:0; width:100%; text-align:center; }
.footerHead .footerEwm .footerEwmBody{ float:none !important; display:inline-block; vertical-align:top; margin:10px;}
.footerHead .footerEwm dt{ font-size:16px; line-height:26px;}
.footerHead .footerEwm h3{ margin-top:10px; font-size:26px; line-height:28px;}
.footerHead .footerEwm h5{ margin-top:5px; font-size:12px; line-height:16px;}
.footerHead .footerEwm .footerEwmBody h5{ margin-top:5px; font-size:12px; line-height:24px;}
.footerHead .link{ margin-top:20px; padding-top:20px;}
.footerHead .link span{ font-size:16px; line-height:26px; margin-right:10px;}
.footerHead .link a{ font-size:13px; line-height:26px;}
.footerHead .link i{ width:30px; height:26px; line-height:26px; font-size:13px;}
}
@media screen and (max-width:767px) {
.footerHead{ padding:15px 0 10px 0;}
.footerHead .footerEwm .footerEwmBody{ margin:5px;}
.footerHead .footerEwm dt{ display:none;}
.footerHead .footerEwm h3{ margin-top:0px; font-size:20px; line-height:22px;}
.footerHead .footerEwm .footerEwmBody h5{ line-height:22px;}
.footerHead .link{ margin-top:15px; padding:0 10px; padding-top:15px;}
.footerHead .link span{ font-size:14px; line-height:22px; margin-right:5px;}
.footerHead .link a{ line-height:22px;}
.footerHead .link i{ width:20px; height:22px; line-height:22px; font-size:12px;}
}

.footerDown{ background:#43a1de; padding:17px 0;}
.footerDown .footerBq{ float:left; font-size:14px; color:white; line-height:28px; letter-spacing:1px;}
.footerDown .footerLink{ float:right; letter-spacing:1px;}
.footerDown .footerLink a{ display:inline-block; vertical-align:top; font-size:14px; color:white; line-height:28px; padding-left:8px; background:url(/templates/cn/images/footer2.png) no-repeat left center; margin-left:8px;}
.footerDown .footerLink a:first-child{ background:none; padding-left:0; margin-left:0;}
.footerDown .footerLink a:hover{ text-decoration:underline;}
@media screen and (max-width: 991px) {
.footerDown{ padding:12px 0;}
.footerDown .footerBq,.footerDown .footerLink{ width:100%; text-align:center; font-size:13px; line-height:26px;}
.footerDown .footerLink a{ font-size:13px; line-height:26px;}
}
@media screen and (max-width: 767px) {
.footerDown{ padding:10px ;}
.footerDown .footerBq,.footerDown .footerLink a{ font-size:12px; line-height:24px;}
}

/*首页main*/
.indexOne{ padding:72px 0 79px 0;}
.indexHead{ width:100%; float:left; text-align:center;}
.indexHead h3{ width:100%; float:left; padding-bottom:16px; background:url(/templates/cn/images/index1.png) no-repeat center bottom; font-size:36px; color:#4f4b4c; line-height:48px; letter-spacing:1px;}
.indexHead h5{ width:100%; float:left; margin-top:14px; font-size:14px; color:#888; line-height:26px; letter-spacing:2px;}
.indexOneBody{ width:100%; float:left; margin-top:24px; background:#f1f6f8;}
.indexOneBody .text{ width:41.8699%; float:left; margin:49px 0 0 4.065%;}
.indexOneBody .text .p{ width:100%; float:left; font-size:16px; color:#656262; line-height:36px; letter-spacing:1px; height:180px; overflow:hidden;}
.indexOneBody .text .p span{ font-weight:bold; color:#4a96cc;}
.indexOneBody .text .p a{ color:#59c147; display:inline-block; background:#f1f6f8;}
.indexOneBody .text .p a:hover{ text-decoration:underline;}
.indexOneBody .text ul{ width:100%; float:left; margin-top:32px; padding:24px 0 23px 0; border-top:dashed 1px #d8dddf; border-bottom:dashed 1px #d8dddf;}
.indexOneBody .text ul li{ width:30%; float:left;}
.indexOneBody .text ul li h4{ width:100%; float:left; font-size:36px; color:#4a96cc; line-height:40px; font-weight:bold; letter-spacing:1px;}
.indexOneBody .text ul li h4 span{ display:inline-block; vertical-align:top; font-size:16px; color:#656262; line-height:2; margin-left:10px; font-weight:normal;}
.indexOneBody .text ul li h5{ width:100%; float:left; font-size:16px; color:#656262; line-height:28px; letter-spacing:1px;}
.indexOneBody .text ul li:nth-child(2n){ width:40%; padding-left:44px; background:url(/templates/cn/images/index3.png) no-repeat left center,url(/templates/cn/images/index3.png) no-repeat right center;}
.indexOneBody .text ul li:nth-child(3n){ text-align:right;}

.indexOneBody .img{ float:right; width:50%; position:relative;}
.indexOneBody .img .slick-slide{ width:100%; height:429px; position:relative; overflow:hidden;}
.indexOneBody .img .slick-slide img{ max-width:none; width:615px; height:429px;  position:absolute; left:50%; top:50%; margin:-214.5px 0 0 -307.5px;}
.indexOneBody .img .slick-dots {
	position: absolute;
	bottom: 20px;
	display: block;
	width: 100%;
	padding: 0;
	margin: 0;
	list-style: none;
	text-align: center;
	overflow:hidden;
}
.indexOneBody .img .slick-dots li {
	position: relative;
	display: inline-block;
	width: 10px;
	height: 10px;
	margin: 0 10px;
	padding: 0;
	background:white; opacity:0.6;
	-moz-border-radius:50%; 
-webkit-border-radius:50%; 
-khtml-border-radius:50%;
border-radius:50%;
}
.slick-dots li button { display:none;}
.indexOneBody .img .slick-dots li.slick-active{
	opacity:1;
}
@media screen and (max-width: 1229px) {
.indexOneBody .text ul li:nth-child(2n){ padding-left:24px; }
.indexOne{ padding:52px 0 59px 0;}
.indexHead h3{ padding-bottom:12px; font-size:30px; line-height:42px;}
.indexHead h5{ margin-top:10px; font-size:12px; line-height:22px; letter-spacing:1px;}
.indexOneBody{ margin-top:20px;}
.indexOneBody .text{ margin:40px 0 0 4%;}
.indexOneBody .text .p{ font-size:14px; line-height:32px; height:128px;}
.indexOneBody .text ul{ margin-top:22px; padding:20px 0 19px 0;}
.indexOneBody .text ul li h4{ font-size:30px; line-height:34px;}
.indexOneBody .text ul li h4 span{ font-size:14px; margin-left:6px;}
.indexOneBody .text ul li h5{ font-size:14px; line-height:24px;}
.indexOneBody .img .slick-slide{ height:auto;}
.indexOneBody .img .slick-slide img{ width:100%; height:auto; left:0; top:0; margin:0; position:relative; float:left;}
}
@media screen and (max-width: 991px) {
.indexOne{ padding:32px 0 39px 0;}
.indexOneBody .text{ width:100%; margin:20px 0 0 0; padding:0 5%;}
.indexOneBody .img{ width:100%; margin-top:20px;}
}
@media screen and (max-width: 767px) {
.indexOne{ padding:22px 0 29px 0;}
.indexHead h3{ padding-bottom:10px; background-size:auto 2px; font-size:20px; line-height:32px;}
.indexHead h5{ margin-top:6px; line-height:20px; }
.indexOneBody{ margin-top:15px;}
.indexOneBody .text .p{ font-size:13px; line-height:26px;}
.indexOneBody .text ul{ margin-top:14px; padding:10px 0 9px 0;}
.indexOneBody .text ul li h4{ font-size:20px; line-height:24px;}
.indexOneBody .text ul li h4 span{ font-size:12px; margin-left:4px;}
.indexOneBody .text ul li h5{ font-size:12px; line-height:22px;}
.indexOneBody .img{ margin-top:10px;}
.indexOneBody .img .slick-dots {bottom: 10px;}
.indexOneBody .img .slick-dots li {margin: 0 5px;}
}

.indexTwo{ background:url(/templates/cn/images/index4.jpg) no-repeat center center; background-size:cover; padding:72px 0 80px 0;}
.indexTwoHead{ width:100%; float:left; text-align:center; margin-top:20px;}
.indexTwoHead ul{ display:inline-block; vertical-align:top;}
.indexTwoHead ul li{ float:left; padding:0 25px; font-size:16px; color:white; letter-spacing:2px; height:36px; line-height:36px; cursor:pointer;
-moz-border-radius:18px; 
-webkit-border-radius:18px; 
-khtml-border-radius:18px;
border-radius:18px;}
.indexTwoHead ul span{ display:block; float:left; width:5px; height:36px; line-height:36px;}
.indexTwoHead ul li.on{ background:#59c147;}
.indexTwoBody{ width:100%; float:left; text-align:center; margin-top:30px;}
.indexTwoBody .img{ float:left; width:48.78%;}
.indexTwoBody .img .slick-slide{ width:100%; height:400px; position:relative; overflow:hidden;}
.indexTwoBody .img .slick-slide img{ max-width:none; position:absolute; left:50%; top:50%; width:600px; height:400px; margin:-200px 0 0 -300px;}
.indexTwoBody .img .slick-slide .title{ width:100%; background:url(/templates/cn/images/index7.png); position:absolute; left:0; bottom:0; height:55px; padding:15px 105px 14px 110px;}
.indexTwoBody .img .slick-slide .title .time{ position:absolute; left:20px; top:15px; width:75px; height:26px; line-height:26px; background:#59c147; color:white; font-size:16px;
-moz-border-radius:13px; 
-webkit-border-radius:13px; 
-khtml-border-radius:13px;
border-radius:13px;}
.indexTwoBody .img .slick-slide .title .name{ width:100%; float:left; height:26px; line-height:26px; color:white; font-size:18px; letter-spacing:1px; text-align:left;}
.indexTwoBody .img .slick-dots {
	position: absolute;
	bottom: 22px;
	display: block;
	width: auto;
	left:auto; right:30px;
	list-style: none;
	text-align: center;
	overflow:hidden; height:10px;
}
.indexTwoBody .img .slick-dots li {
	position: relative;
	display: inline-block;
	width: 10px;
	height: 10px;
	margin: 0 0 0 10px;
	padding: 0; vertical-align:top;
	background:white; opacity:0.3;
	-moz-border-radius:50%; 
-webkit-border-radius:50%; 
-khtml-border-radius:50%;
border-radius:50%;
}
.indexTwoBody .img .slick-dots li.slick-active{
	opacity:1; background:#4a96cc;
}
.indexHeadWhite h3{ background-image:url(/templates/cn/images/index1_w.png); color:white;}

.indexTwoBody dl{ width:48.78%; float:right; margin-top:-20px;}
.indexTwoBody dl li{ width:100%; float:right; margin-top:20px; background:white url(images/index8.png) no-repeat 94% center; padding:20px 90px 20px 142px; height:120px; position:relative; text-align:left;
-webkit-transition: all 0.5s ease-out 0s; 
-moz-transition: all 0.5s ease-out 0s; 
-o-transition: all 0.5s ease-out 0s; 
transition: all 0.5s ease-out 0s;}
.indexTwoBody dl li .time{ position:absolute; left:31px; top:20px; width:81px; border-right:solid 1px #dbdbdb;}
.indexTwoBody dl li .time h3{ width:100%; font-size:36px; color:#4f4b4c; line-height:42px; font-weight:bold; font-family:Arial;}
.indexTwoBody dl li .time h6{ width:100%; margin-top:7px; font-size:14px; color:#656262; line-height:25px;}
.indexTwoBody dl li .time span{ display:block; width:20px; height:1px; background:#4a96cc; opacity:0.2; margin-top:4px;}
.indexTwoBody dl li .text{ width:100%; float:left;}
.indexTwoBody dl li .text .title{ width:100%; font-size:18px; color:#4f4b4c; line-height:28px;}
.indexTwoBody dl li .text .p{ width:100%; margin-top:8px; font-size:14px; color:#656262; line-height:19px; height:38px; overflow:hidden;}
.indexTwoBody dl li:hover{ width:630px; background-color:#59c147; background-image:url(/templates/cn/images/index8_h.png);}
.indexTwoBody dl li:hover .time{ border-color:rgba(255,255,255,0.3);}
.indexTwoBody dl li:hover .time h3,.indexTwoBody dl li:hover .time h6,.indexTwoBody dl li:hover .text .title,.indexTwoBody dl li:hover .text .p{ color:white;}
.indexTwoBody dl li:hover .time span{ background:white;}
@media screen and (max-width: 1229px) {
.indexTwo{ padding:52px 0 60px 0;}
.indexTwoBody dl li:hover{ width:500px;}
}
@media screen and (max-width: 991px) {
.indexTwo{ padding:32px 0 40px 0;}
.indexTwoHead{ margin-top:15px;}
.indexTwoHead ul li{ padding:0 20px; font-size:14px; letter-spacing:1px; height:34px; line-height:34px;}
.indexTwoHead ul span{ display:none;}
.indexTwoBody{ margin-top:20px;}
.indexTwoBody .img{ width:100%;}
.indexTwoBody .img .slick-slide img{ width:100%; left:auto; top:auto; height:auto; margin:0; position:relative;}
.indexTwoBody dl{ width:100%; margin-top:0;}
.indexTwoBody dl li{ margin-top:15px;}
.indexTwoBody dl li:hover{ width:100%;}
}
@media screen and (max-width: 767px) {
.indexTwo{ padding:22px 0 30px 0;}
.indexTwoHead{ margin-top:10px;}
.indexTwoHead ul{ width:100%; float:left;}
.indexTwoHead ul li{ padding:0 5px; width:25%;}
.indexTwoBody{ margin-top:15px;}
.indexTwoBody .img .slick-slide{ height:auto;}
.indexTwoBody .img .slick-slide .title{ height:45px; padding:10px 70px 10px 90px;}
.indexTwoBody .img .slick-slide .title .time{ left:10px; top:10px; width:70px; height:25px; line-height:25px; font-size:14px;}
.indexTwoBody .img .slick-slide .title .name{ height:25px; line-height:25px; font-size:16px;}
.indexTwoBody .img .slick-dots {bottom: 17px;right:10px;
}
.indexTwoBody .img .slick-dots li {
	margin: 0 0 0 5px;
}
.indexTwoBody dl{ padding:0 10px;}
.indexTwoBody dl li{ margin-top:10px; padding:10px 40px 10px 102px; height:80px; background-position:98% center;}
.indexTwoBody dl li .time{ left:11px; top:10px; width:71px; padding-left:10px;}
.indexTwoBody dl li .time h3{ font-size:30px; line-height:32px;}
.indexTwoBody dl li .time h6{ margin-top:4px; font-size:12px; line-height:23px;}
.indexTwoBody dl li .time span{ width:16px;}
.indexTwoBody dl li .text .title{ font-size:16px; line-height:20px;}
.indexTwoBody dl li .text .p{ margin-top:5px; font-size:12px; height:36px;}
}

.indexTre{ padding:50px 0 50px 0;}
.indexTreBody{ width:100%; float:left; margin-top:24px;}
.indexTreBody li{ width:33.333%; float:left;}
.indexTreBody li .img{ width:100%; float:left; height:273px; position:relative; overflow:hidden;}
.indexTreBody li .img img{ max-width:none; width:410px; height:273px; position:absolute; left:50%; top:50%; margin:-136.5px 0 0 -205px;
		 transition: all 0.3s linear;
	-moz-transition: all 0.3s linear;
 -webkit-transition: all 0.3s linear;
-o-transition: width all 0.3s linear;}
.indexTreBody li:hover .img img{transform: scale(1.1,1.1);
	-ms-transform: scale(1.1,1.1);	
-webkit-transform: scale(1.1,1.1);
	 -o-transform: scale(1.1,1.1);	
   -moz-transform: scale(1.1,1.1);}
.indexTreBody li .text{ position:relative; z-index:2; width:100%; float:left; height:273px; text-align:center; padding:43px 30px 20px 30px;}
.indexTreBody li .text span{ position:absolute; left:50%; top:-12px; width:30px; height:12px; margin-left:-15px;}
.indexTreBody li .text span img{ width:100%; float:left;}
.indexTreBody li .text h3{ width:100%; font-size:24px; line-height:38px; font-weight:bold; letter-spacing:2px;}
.indexTreBody li .text .bian{ display:inline-block; vertical-align:top; width:49px; height:1px; margin-top:12px; opacity:0.3;}
.indexTreBody li .text h5{ width:100%; margin-top:13px; font-size:16px; line-height:30px; color:#656262; letter-spacing:1px; height:60px; overflow:hidden;}
.indexTreBody li .text .more{ display:inline-block; vertical-align:top; width:132px; height:32px; line-height:30px; border:solid 1px white; font-size:14px; letter-spacing:2px; margin-top:23px;
-moz-border-radius:16px; 
-webkit-border-radius:16px; 
-khtml-border-radius:16px;
border-radius:16px;}
.indexTreBody li.l1 .text{ background:#f1f6f8;}
.indexTreBody li.l1 .text h3{ color:#4a96cc;}
.indexTreBody li.l1 .text .bian{ background:#4a96cc;}
.indexTreBody li.l1 .text .more{ border-color:#4a96cc; color:#4a96cc;}
.indexTreBody li.l1 .text .more:hover{ background:#4a96cc; color:white;}
.indexTreBody li.l1 .text span{background:url(/templates/cn/images/index12.png) no-repeat; background-size:100% 100%;}

.indexTreBody li.l2 .text{ background:#ecf6f4;}
.indexTreBody li.l2 .text h3{ color:#4cc2a8;}
.indexTreBody li.l2 .text .bian{ background:#4cc2a8;}
.indexTreBody li.l2 .text .more{ border-color:#4cc2a8; color:#4cc2a8;}
.indexTreBody li.l2 .text .more:hover{ background:#4cc2a8; color:white;}
.indexTreBody li.l2 .text span{ top:auto; bottom:-12px; background:url(/templates/cn/images/index13.png) no-repeat; background-size:100% 100%;}

.indexTreBody li.l3 .text{ background:#f0faee;}
.indexTreBody li.l3 .text h3{ color:#59c147;}
.indexTreBody li.l3 .text .bian{ background:#59c147;}
.indexTreBody li.l3 .text .more{ border-color:#59c147; color:#59c147;}
.indexTreBody li.l3 .text .more:hover{ background:#59c147; color:white;}
.indexTreBody li.l2 .text span{background:url(/templates/cn/images/index13.png) no-repeat; background-size:100% 100%;}
@media screen and (max-width: 1229px) {
.indexTre{ padding:50px 0 60px 0;}
}
@media screen and (max-width: 991px) {
.indexTre{ padding:30px 0 40px 0;}
.indexTreBody{ margin-top:20px;}
.indexTreBody li .img{ height:240px;}
.indexTreBody li .img img{ width:360px; height:240px; margin:-120px 0 0 -180px;}
.indexTreBody li .text{ height:240px; padding:33px 20px 10px 20px;}
.indexTreBody li .text h3{ font-size:20px; line-height:32px; letter-spacing:1px;}
.indexTreBody li .text .bian{ width:40px; margin-top:10px;}
.indexTreBody li .text h5{ margin-top:10px; font-size:14px; line-height:24px; height:72px;}
.indexTreBody li .text .more{ width:112px; letter-spacing:1px; margin-top:17px;}
}
@media screen and (max-width:767px) {
.indexTre{ padding:20px 0 30px 0;}
.indexTreBody{ margin-top:10px;}
.indexTreBody li{ width:100%;}
.indexTreBody li .img{ width:50%; height:200px;}
.indexTreBody li .img img{ width:300px; height:200px; margin:-100px 0 0 -150px;}
.indexTreBody li .text{ width:50%; height:200px; padding:23px 10px 10px 10px;}
.indexTreBody li .text span{ display:none;}
.indexTreBody li .text h3{ font-size:16px; line-height:26px;}
.indexTreBody li .text .bian{ width:30px; margin-top:6px;}
.indexTreBody li .text h5{ font-size:13px; line-height:22px; height:64px; margin-top:6px;}
.indexTreBody li .text .more{ width:92px; margin-top:14px; font-size:13px; height:26px; line-height:24px;}
}

.banner{ width:100%; float:left; height:270px; position:relative; overflow:hidden;}
.banner h2{ width:1230px; position:absolute; left:50%; top:50%; margin-left:-615px; margin-top:6px; font-size:36px; color:white; line-height:48px; letter-spacing:1px; text-shadow:0 0 7px rgba(0,0,0,0.15);}
.banner h4{ width:1230px; position:absolute; left:50%; top:50%; margin-left:-615px; margin-top:54px; font-size:18px; color:white; line-height:26px; letter-spacing:1px; text-transform:uppercase; text-shadow:0 0 7px rgba(0,0,0,0.15);font-family: 'OPENSANS-BOLD';}

.subhead{ margin-top:-20px; position:relative; z-index:5; overflow:hidden;}
.subhead .pz_SideLayer{ float:right;}
.subhead .pz_SideLayer li{ float:left; margin-left:10px; position:relative;}
.subhead .pz_SideLayer li:first-child{ margin-left:0;}
.subhead .pz_SideLayer li:before{ content:''; background:url(/templates/cn/images/top6.png) no-repeat right bottom; width:15px; height:22px; position:absolute; right:-15px; bottom:0;}
.subhead .pz_SideLayer li a{ display:block; float:left; background:#3783c2; font-size:16px; color:white; line-height:42px; letter-spacing:1px; padding:0 21px;
-moz-border-bottom-left-radius:10px; 
-webkit-border-bottom-left-radius:10px; 
-khtml-border-bottom-left-radius:10px;
border-bottom-left-radius:10px;}
.subhead .pz_SideLayer li a.hover,.subhead .pz_SideLayer li a:hover{ background:#59c147;}
@media screen and (max-width:1229px) {
.banner h2,.banner h4{ width:992px; margin-left:-496px;}
}
@media screen and (max-width:991px) {
.banner{ height:250px;}
.banner h2,.banner h4{ width:768px; margin-left:-384px;}
.banner h2{ margin-top:0; font-size:30px; line-height:42px;}
.banner h4{ margin-top:44px; font-size:16px; line-height:24px;}
.subhead{ margin-top:-15px;}
.subhead .pz_SideLayer li a{ font-size:14px; line-height:38px; letter-spacing:0px; padding:0 15px;}
}
@media screen and (max-width:767px) {
.banner{ height:160px;}
.banner h2,.banner h4{ width:100%; margin-left:0; left:0; padding:0 5%;}
.banner h2{ font-size:22px; line-height:34px;}
.banner h4{ margin-top:34px; font-size:14px; line-height:20px;}
.subhead{ display:none;}
}

/*关于博一吧论坛官网*/
.aboutHead{ width:100%; float:left; margin-top:55px; padding-bottom:20px; background:url(/templates/cn/images/about1.png) no-repeat left bottom; font-size:28px; color:#43a1de; line-height:40px; letter-spacing:1px;}
.aboutBody{ width:100%; float:left; margin-top:30px; font-size:16px; color:#656262; line-height:36px; letter-spacing:1px;}
.aboutBody ul{ width:100%; float:left; margin-top:37px; margin-bottom:45px; overflow:hidden;}
.aboutBody ul li{ width:25%; float:left; padding-left:8%; background:url(/templates/cn/images/about4.jpg) no-repeat left center; margin-left:-1px;}
.aboutBody ul li h3{ width:100%; font-size:36px; color:#59c147; line-height:40px; letter-spacing:1px;}
.aboutBody ul li h3 span{ font-size:16px; color:#656262; line-height:20px;}
.aboutBody ul li h5{ font-size:16px; color:#656262; line-height:25px; letter-spacing:1px;}
.aboutDown{ width:100%; float:left; text-align:center; margin:55px 0 80px 0;}
@media screen and (max-width:991px) {
.aboutHead{ margin-top:35px; padding-bottom:16px; font-size:22px; line-height:34px;}
.aboutBody{ margin-top:20px; font-size:14px; line-height:30px;}
.aboutBody ul{ margin-top:27px; margin-bottom:35px;} 
.aboutBody ul li{ padding-left:5%;}
.aboutBody ul li h3{ font-size:30px; line-height:34px;}
.aboutBody ul li h3 span{ font-size:14px; line-height:18px;}
.aboutBody ul li h5{ font-size:14px; line-height:23px;}
.aboutDown{ margin:35px 0 60px 0;}
}
@media screen and (max-width:767px) {
.aboutHead{ margin-top:25px; padding-bottom:12px; background-size:auto 2px; font-size:18px; line-height:28px; padding-left:10px;}
.aboutBody{ margin-top:12px; font-size:13px; line-height:26px; padding:0 10px;}
.aboutBody ul{ margin-top:20px; margin-bottom:25px;} 
.aboutBody ul li{ width:50%; margin-top:10px; padding-left:0; text-align:center;}
.aboutBody ul li h3{ font-size:22px; line-height:28px;}
.aboutBody ul li h3 span{ font-size:12px; line-height:16px;}
.aboutBody ul li h5{ font-size:12px; line-height:21px;}
.aboutDown{ margin:25px 0 30px 0; padding:0 10px;}
}

/*企业文化*/
.cultureBody{ width:100%; float:left; padding:100px 0 88px 0; background:url(/templates/cn/images/about6.jpg) no-repeat top center; min-height:500px;}
.cultureBody ul{ width:100%; float:left;}
.cultureBody ul li{ width:19%; margin-left:1%; float:left; text-align:center; background-position:center top; background-repeat:no-repeat;background-size: 90%;}
.cultureBody ul li .ico{ width:100%; height:88px; margin-top:24px;}
.cultureBody ul li .ico img{ height:100%;}
.cultureBody ul li h3{ width:100%; font-size:33px; line-height:38px;font-family: 'OPENSANS-BOLD'; text-transform:uppercase;}
.cultureBody ul li h4{ width:100%; font-size:24px; line-height:33px; letter-spacing:1px; color:white;}
.cultureBody ul li h5{ width:100%; font-size:18px; line-height:36px; margin-top:130px; color:#333; letter-spacing:1px;}
.cultureBody ul li.l1{ margin-top:40px; background-image:url(/templates/cn/images/about11.png);}
.cultureBody ul li.l1 h3{color:#bfeafb;}
.cultureBody ul li.l2{ margin-top:80px; background-image:url(/templates/cn/images/about12.png);}
.cultureBody ul li.l2 h3{color:#cee6a6;}
.cultureBody ul li.l3{ background-image:url(/templates/cn/images/about13.png);}
.cultureBody ul li.l3 h3{color:#c99ed5;}

.cultureBody ul li.l4{ margin-top:60px; background-image:url(/templates/cn/images/about14.png);}
.cultureBody ul li.l4 h3{color:#99dbc2;}

.cultureBody ul li.l5{ margin-top:0px; background-image:url(/templates/cn/images/about15.png);}
.cultureBody ul li.l5 h3{color:#96c4eb;}
.cultureBody ul li.l5 h5{font-size:16px; line-height:34px; margin-top:110px;}

.cultureBody ul li.l6{ margin-top:0px; background-image:url(/templates/cn/images/about16.png);}
.cultureBody ul li.l6 h3{color:#edec8d;}

.cultureBody ul li.l7{ margin-top:20px; background-image:url(/templates/cn/images/about17.png);}
.cultureBody ul li.l7 h3{color:#91a3e4;}



@media screen and (max-width:1229px) {
.cultureBody ul li{ background-size:80% auto;}
.cultureBody ul li .ico{ margin-top:24px; height:80px;}
.cultureBody ul li h3{font-size:32px; line-height:38px;}
.cultureBody ul li h4{font-size:20px; line-height:30px;}
.cultureBody ul li h5{ font-size:16px; line-height:34px; margin-top:100px;}
}
@media screen and (max-width:991px) {
.cultureBody{ background-size:contain; padding:80px 0 68px 0;}
.cultureBody ul li{ width:49%; background-size:200px auto;}
}
@media screen and (max-width:767px) {
.cultureBody{ padding:40px 0 38px 0;}
.cultureBody ul li{ background-size:150px auto; margin-top:20px !important;}
.cultureBody ul li .ico{ margin-top:14px; height:60px;}
.cultureBody ul li h3{font-size:26px; line-height:28px;}
.cultureBody ul li h4{font-size:14px; line-height:26px;}
.cultureBody ul li h5{ font-size:13px; line-height:24px; margin-top:60px; padding:0 5px; letter-spacing:0;}
.cultureBody ul li.l5 h5{font-size:13px; line-height:24px; margin-top:60px;}
}

/*13品牌形象*/
.brandHead{ background-image:url(/templates/cn/images/brand1.png);}
.brandBody{ width:100%; float:left; margin-top:35px; padding-bottom:74px;}
.brandBody dl{ float:left; width:63.089%;}
.brandBody dl .dt{ width:100%; float:left; font-size:18px; color:#43a1de; line-height:29px; letter-spacing:1px; margin-bottom:15px;}
.brandBody dl .dd{ width:100%; float:left; padding:14px 0 9px 0; font-size:15px; color:#404040; line-height:26px; letter-spacing:1px; border-bottom:dashed 1px #b2b2b2;}
.brandBody dl .dd .span{ font-weight:bold; margin-right:8px;}
.brandBody dl .p{ width:100%; float:left; margin-top:49px; font-size:15px; color:#404040; line-height:26px; letter-spacing:1px;}
.brandBody dl .p .span{ display:inline-block; vertical-align:top; width:66px; height:26px; text-align:center; background:#59c147; color:white; margin-right:13px;
-moz-border-radius:13px; 
-webkit-border-radius:13px; 
-khtml-border-radius:13px;
border-radius:13px;}
.brandBody .img{ float:right; width:34.959%; text-align:center; margin-top:4px;}
@media screen and (max-width:991px) {
.brandBody{ margin-top:25px; padding-bottom:54px;}
.brandBody dl .dt{ font-size:16px; line-height:25px; margin-bottom:10px;}
.brandBody dl .dd{ padding:10px 0 7px 0; font-size:13px; line-height:24px;}
.brandBody dl .dd .span{ margin-right:6px;}
.brandBody dl .p{ margin-top:40px; font-size:13px; line-height:24px;}
.brandBody dl .p .span{ width:60px; height:24px; margin-right:10px;}
}
@media screen and (max-width:767px) {
.brandBody{ margin-top:15px; padding-bottom:34px;}
.brandBody dl,.brandBody .img{ width:100%; padding:0 15px;}
.brandBody .img{ margin-top:30px; padding:0 20%;}
.brandBody dl .dt{ font-size:14px; line-height:23px; margin-bottom:6px;}
.brandBody dl .dd{ padding:6px 0 5px 0; font-size:12px; line-height:22px;}
.brandBody dl .dd .span{ margin-right:4px;}
.brandBody dl .p{ margin-top:20px; font-size:12px; line-height:22px;}
.brandBody dl .p .span{ width:50px; height:22px; margin-right:6px;}
}

/*新闻中心*/
.newsBody{ width:100%; float:left; margin-top:40px;}
.newsBody ul{ width:100%; float:left;}
.newsBody ul li{ width:100%; float:left; padding:30px 200px 30px 300px; border-bottom:solid 1px #ededed; position:relative; height:234px;}
.newsBody ul li .img{ position:absolute; left:0; top:30px; width:260px; height:172px; overflow:hidden;}
.newsBody ul li .img img{ width:100%; height:100%;
		 transition: all 0.3s linear;
	-moz-transition: all 0.3s linear;
 -webkit-transition: all 0.3s linear;
-o-transition: width all 0.3s linear;}
.newsBody ul li:hover .img img{transform: scale(1.1,1.1);
	-ms-transform: scale(1.1,1.1);	
-webkit-transform: scale(1.1,1.1);
	 -o-transform: scale(1.1,1.1);	
   -moz-transform: scale(1.1,1.1);}
.newsBody ul li .time{ position:absolute; right:0; top:30px; padding-left:40px; width:138px; border-left:solid 1px #ededed; height:172px; padding-top:40px;}
.newsBody ul li .time h3{ width:100%; font-size:28px; color:#999; line-height:34px; font-family:Arial;}
.newsBody ul li .time h6{ width:100%; font-size:16px; color:#999; line-height:26px; font-family:Arial;}
.newsBody ul li .time .btn{ width:100%; display:block; margin-top:16px; height:12px; background:url(/templates/cn/images/news5.png) no-repeat left center;}
.newsBody ul li .text{ width:100%; float:left; margin-top:25px;}
.newsBody ul li .text h5{ width:100%; float:left; font-size:20px; color:#4f4b4c; line-height:30px; letter-spacing:1px; font-weight:bold;}
.newsBody ul li .text .p{ width:100%; float:left; margin-top:20px; font-size:14px; color:#656262; line-height:24px; letter-spacing:1px; height:72px; overflow:hidden;}
.newsBody ul li:hover .text h5{ color:#43a1de;}
.newsBody ul li:hover .time .btn{ background-image:url(/templates/cn/images/news5_h.png);}

.newsBody ul li.l2{padding:30px 200px 30px 15px; }
.newsBody ul li.l2 .img{display:none;}

@media  screen and (max-width:991px){
.newsBody{ margin-top:30px;}
.newsBody ul li{ padding:20px 130px 20px 200px; height:160px;}
.newsBody ul li.l2{padding:20px 130px 20px 15px; }
.newsBody ul li .img{ top:20px; width:180px; height:120px;}
.newsBody ul li .time{ top:20px; padding-left:20px; width:100px; height:120px; padding-top:20px;}
.newsBody ul li .time h3{ font-size:22px; line-height:30px;}
.newsBody ul li .time h6{ font-size:14px; line-height:24px;}
.newsBody ul li .time .btn{ margin-top:12px;}
.newsBody ul li .text{ margin-top:10px;}
.newsBody ul li .text h5{ font-size:16px; line-height:24px;}
.newsBody ul li .text .p{ margin-top:15px; font-size:12px; line-height:22px; height:66px;}
}
@media  screen and (max-width:767px){
.newsBody{ margin-top:20px;}
.newsBody ul li{ padding:10px 10px 10px 10px; height:auto;}
.newsBody ul li.l2{padding:30px 10px 10px 10px; }
.newsBody ul li .img{ top:auto; position:relative; left:auto; top:auto; float:left; width:100%; height:auto;}
.newsBody ul li .img img{ height:auto;}
.newsBody ul li .time{ top:10px; right:auto; left:10px; padding-left:4px; width:80px; height:24px; padding-top:0px;background:rgba(0,0,0,0.6);}
.newsBody ul li .time h3{ font-size:16px; float:left; width:auto; line-height:24px; margin-right:5px; color:white;}
.newsBody ul li .time h6{ font-size:13px; width:auto; float:left; color:white; }
.newsBody ul li .time .btn{ display:none; margin-top:12px;}
.newsBody ul li .text{ margin-top:10px;}
.newsBody ul li .text h5{ font-size:14px; line-height:22px;}
.newsBody ul li .text .p{ margin-top:10px; line-height:21px; height:61px;}
}

/*9党建要闻*/
.newsBody1{ width:100%; float:left; margin-top:10px; overflow:hidden;}
.newsBody1 ul{ width:100%; float:left;
display: flex;
display: -webkit-flex;
flex-wrap: wrap;
align-items: flex-start;}
.newsBody1 ul li{ width:25%; float:left; padding:0 15px; margin-top:30px;}
.newsBody1 ul li a{ display:block; float:left; padding-bottom:26px; border-bottom:solid 1px #e5e5e5;
-webkit-transition: all 0s ease-out 0s; 
-moz-transition: all 0s ease-out 0s; 
-o-transition: all 0s ease-out 0s; 
transition: all 0s ease-out 0s;}
.newsBody1 ul li a .img{ width:100%; float:left; padding-bottom:67.0175%; position:relative; overflow:hidden;}
.newsBody1 ul li a .img img{ position:absolute; left:0; top:0; min-height:100%;
		 transition: all 0.3s linear;
	-moz-transition: all 0.3s linear;
 -webkit-transition: all 0.3s linear;
-o-transition: width all 0.3s linear;}
.newsBody1 ul li a:hover .img img{transform: scale(1.1,1.1);
	-ms-transform: scale(1.1,1.1);	
-webkit-transform: scale(1.1,1.1);
	 -o-transform: scale(1.1,1.1);	
   -moz-transform: scale(1.1,1.1);}
.newsBody1 ul li a .time{ width:100%; float:left; font-size:16px; color:#43a1de; line-height:24px;font-family: 'OPENSANS-LIGHT'; letter-spacing:1px;}
.newsBody1 ul li a .text{ width:100%; float:left; margin-top:14px;}
.newsBody1 ul li a .text h5{ font-weight:bold; width:100%; float:left; margin-top:9px; font-size:18px; color:#4f4b4c; line-height:29px; height:58px; overflow:hidden; letter-spacing:1px;}
.newsBody1 ul li a .text .p{ width:100%; float:left; margin-top:7px; font-size:14px; color:#656262; line-height:24px; height:72px; overflow:hidden; letter-spacing:1px;}
@media  screen and (min-width:768px){
.newsBody1 ul li a:hover{ box-shadow:0 0 6px rgba(0,0,0,0.1); padding:10px; padding-bottom:26px; border-bottom-color:white;}
.newsBody1 ul li a:hover .img{ margin-bottom:2px;}
.newsBody1 ul li a:hover .text{ padding:0 20px;}
.newsBody1 ul li a:hover .text h5{ color:#59c147;}
}
@media  screen and (max-width:991px){
.newsBody1 ul li{ width:33.33%;}
.newsBody1 ul li a{ padding-bottom:20px !important;}
.newsBody1 ul li a .time{ font-size:14px; line-height:22px;}
.newsBody1 ul li a .text{ margin-top:10px;}
.newsBody1 ul li a .text h5{ margin-top:7px; font-size:16px; line-height:24px; height:48px;}
.newsBody1 ul li a .text .p{ margin-top:5px; font-size:12px; line-height:22px; height:64px;}
}
@media  screen and (max-width:767px){
.newsBody1 ul li{ width:100%; margin-top:10px;}
.newsBody1 ul li a{ padding:10px; padding-bottom:10px !important;}
.newsBody1 ul li a .time{ font-size:12px; line-height:20px;}
.newsBody1 ul li a .text{ margin-top:8px;}
.newsBody1 ul li a .text h5{ margin-top:5px; font-size:14px; line-height:22px; height:44px;}
.newsBody1 ul li a .text .p{ margin-top:3px; line-height:20px; height:58px;}
}

/*企业声誉*/
.honorBody{ width:100%; float:left; margin-top:30px; overflow:hidden;}
.honorBody ul{ width:100%; float:left;}
.honorBody ul li{ width:25%; float:left; margin-top:30px; padding:0 15px;}
.honorBody ul li a{ width:100%; display:block; float:left; position:relative;}
.honorBody ul li a .img{ width:100%; float:left; border:solid 1px #e5ebed; border-bottom:0; position:relative; padding-bottom:75.0877%; overflow:hidden;}
.honorBody ul li a .img img{ width:100%; position:absolute; left:0; top:0; min-height:100%;}
.honorBody ul li a .title{ width:100%; float:left; height:83px; line-height:83px; background:#f1f6f8; text-align:center; padding:17px 20px 10px 20px;}
.honorBody ul li a .title span{ display:inline-block; font-size:16px; color:#333; line-height:25px; letter-spacing:1px; max-height:50px; overflow:hidden;}
.honorBody ul li a .text{ width:100%; height:100%; position:absolute; left:0; top:0; background:url(/templates/cn/images/honor3.png); padding:15% 10% 0 10%; text-align:center; opacity:0;
-webkit-transition: all 0.5s ease-out 0s; 
-moz-transition: all 0.5s ease-out 0s; 
-o-transition: all 0.5s ease-out 0s; 
transition: all 0.5s ease-out 0s;}
.honorBody ul li a .text .name{ width:100%; height:50px; overflow:hidden; font-size:16px; color:#fff; line-height:25px; letter-spacing:1px;}
.honorBody ul li a .text .ico{ display:inline-block; vertical-align:top; margin-top:24px; background:url(/templates/cn/images/honor2.png) no-repeat center center; width:66px; height:66px; background-size:contain;}
.honorBody ul li a .text .p{ width:100%; margin-top:26px; font-size:14px; color:#fff; line-height:20px; letter-spacing:1px; max-height:40px; overflow:hidden;}
.honorBody ul li a:hover .text{ opacity:1;}
@media  screen and (max-width:991px){
.honorBody ul li{ width:33.33%;}
}
@media  screen and (max-width:767px){
.honorBody ul li{ width:100%; margin-top:10px;}
.honorBody ul li a .title{ height:60px; line-height:60px; padding:10px 15px 10px 15px;}
.honorBody ul li a .title span{ font-size:14px; line-height:23px; max-height:44px;}
.honorBody ul li a .text .name{ height:44px; font-size:14px; line-height:23px;}
.honorBody ul li a .text .ico{ margin-top:20px; width:46px; height:46px;}
.honorBody ul li a .text .p{ margin-top:20px; font-size:12px; max-height:38px;}
.honorBody{ margin-top:10px; padding:0 10px;}
}

.tc_mb{ width:100%; height:100%; background:black; opacity:0.8; display:none; position:fixed; left:0; top:0; z-index:9999;}
.tc2{ width:880px; position:fixed; left:50%; top:50%; margin:-317px 0 0 -440px; display:none; z-index:110000; padding:26px 24px; background:#f2f2f2;}
.tc2 img{ width:100%;}
.tc2 .closed{ width:25px; height:25px; position:absolute; right:-23px; top:-23px; cursor:pointer;}
.tc2 .name{ width:100%; float:left; text-align:center; margin-top:22px; font-size:24px; color:#333; line-height:32px;}
@media screen and (max-height:768px) {
.tc2{ width:630px; margin:-229px 0 0 -315px;}
}
@media screen and (max-width:767px) {
.tc2{ width:280px; padding:16px 14px; margin:-102px 0 0 -140px;}
.tc2 .name{ margin-top:12px; font-size:14px; line-height:22px;}
.tc2 .closed{ width:20px; height:20px; right:-17px; top:-18px;}
}

/*生长历程*/
.courseBody{ width:100%; float:left; padding:82px 0 80px 0;}
.lszs{ width:100%; float:left; position:relative; padding:93px 0 71px 0;}
.lszs .bian{ width:1px; height:100%; position:absolute; left:50%; top:0; background:#c6e3f5;}
.lszs dt{ width:89px; height:89px; border-radius:50%; -webkit-border-radius:50%; -moz-border-radius:50%; overflow:hidden; background:#59c147; position:absolute; left:50%; top:0; margin-left:-45px; padding-top:18px; text-align:center; font-size:16px; color:white; line-height:20px; font-weight:normal;}
.lszs dd{ width:100%; margin-top:30px; float:left;}
.lszs dd .time{ width:50%; float:left; position:relative;}
.lszs dd .time span{ display:inline-block;*display:inline; *zoom:1; width:89px; height:89px; background:#43a1de; text-align:center; line-height:89px; font-size:24px; color:#fff; text-align:center; border-radius:50%; -webkit-border-radius:50%; -moz-border-radius:50%; overflow:hidden; position:relative; z-index:2; font-family:Arial; box-shadow:0 9px 13px rgba(0,0,0,0.07);}
.lszs dd.d1 .time .ico{ background:url(/templates/cn/images/ico_13_1.png) no-repeat center; width:34px; height:22px; position:absolute; right:-11px; top:50%; margin-top:-11px;}
.lszs dd.d1 .time{ text-align:right; padding-right:21px;}
.lszs dd.d2 .time .ico{ background:url(/templates/cn/images/ico_13_2.png) no-repeat center; width:34px; height:22px; position:absolute; left:-11px; top:50%; margin-top:-11px;}
.lszs dd.d2 .time{ text-align:left; padding-left:21px; float:right;}
.lszs dd .text{ width:50%; float:left;}
.lszs dd .text .p{ width:100%; padding:17px 25px 16px 20px; font-size:16px; color:#4f4b4c; line-height:28px; border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px; overflow:hidden; cursor:pointer; background:#f1f6f8; min-height:88px;
-webkit-transition: all 0.2s ease-out 0s; 
   -moz-transition: all 0.2s ease-out 0s; 
     -o-transition: all 0.2s ease-out 0s; 
        transition: all 0.2s ease-out 0s;}
.lszs dd .text img{ margin-top:15px;}
.lszs dd.d1 .text{ padding-left:26px;}
.lszs dd.d2 .text{ padding-right:26px; text-align:right;}
.lszs .btn{ width:89px; height:89px; text-align:center; line-height:89px; color:white; font-size:18px; background:#d12026; border-radius:50%; -webkit-border-radius:50%; -moz-border-radius:50%; overflow:hidden; position:absolute; left:50%; bottom:0; margin-left:-45px; cursor:pointer;}
.lszs dd:hover .text .p,.lszs dd:hover .time span{ background:#59c147; color:white;}
@media  screen and (min-width:768px){
.lszs dd.d1:hover .time .ico{ background-image:url(/templates/cn/images/ico_13_1_h.png)}
.lszs dd.d2:hover .time .ico{ background-image:url(/templates/cn/images/ico_13_2_h.png)}
}
.lszs .dian{ width:15px; height:15px; background:#59c147; position:absolute; left:50%; bottom:0; margin-left:-7px;
-moz-border-radius:50%; 
-webkit-border-radius:50%; 
-khtml-border-radius:50%;
border-radius:50%;}
@media  screen and (max-width:991px){
.courseBody{ padding:62px 0 60px 0;}
.lszs{padding:80px 0 60px 0;}
.lszs dt{ width:80px; height:80px; margin-left:-40px; padding-top:12px; font-size:14px;}
.lszs dd{ margin-top:20px;}
.lszs dd .time span{ width:80px; height:80px; line-height:80px; font-size:20px;}
.lszs dd.d1 .time{ padding-right:20px;}
.lszs dd.d2 .time{ padding-left:20px;}
.lszs dd .text .p{ padding:12px 20px 11px 20px; font-size:14px; line-height:26px; min-height:80px;}
}
@media  screen and (max-width:767px){
.courseBody{ padding:42px 10px 40px 10px;}
}
@media  screen and (max-width:530px){
.lszs{ padding:70px 0 30px 0;}
.lszs dd.d2 .time{ float:left;text-align:right; padding-right:19px; padding-left:0;}
.lszs dd .time .ico{ background-size:22px 14px !important; width:22px !important; height:14px !important; right:-3px !important;}
.lszs dd.d2 .time .ico{ left:auto; right:-3px; background-image:url(/templates/cn/images/ico_13_1.png);}
.lszs dd.d2 .text{ text-align:left; padding-left:26px; padding-right:0;}
.lszs dd{ margin-top:10px;}
.lszs dd .time{ width:30%; padding-right:19px !important;}
.lszs dd .text{ width:70%; padding-left:16px !important;}
.lszs dd .text .p{ font-size:12px;}
.lszs .bian{ left:29%;}
.lszs dt{ left:29%;}
.lszs .dian{ left:29%;}
}

/*新闻详情*/
.c_1250_2{ width:100%; float:left; padding:60px 0;}
.c_1250_2 .content1{ width:100%; float:left; padding:66px 83px 61px 83px; box-shadow:0 0 4px rgba(0,0,0,0.08);}
.c_1250_2 .content1 .title{ width:100%; float:left; padding-bottom:19px; border-bottom:solid 1px #e1e0e0; text-align:center;}
.c_1250_2 .content1 .title h3{ width:100%; font-size:24px; color:#333; line-height:32px; letter-spacing:1px;}
.c_1250_2 .content1 .title h5{ width:100%; font-size:14px; color:#666; line-height:20px; letter-spacing:1px; margin-top:14px;}
.c_1250_2 .content1 .title h5 span{ margin:0 7px;}
.c_1250_2 .content1 .text{ width:100%; float:left; margin-top:37px; padding-bottom:31px;}
.c_1250_2 .content1 .text .p{ width:100%; float:left; font-size:14px; color:#333; line-height:30px; letter-spacing:1px;}
.c_1250_2 .content1 .img{ width:100%; float:left; margin-top:22px;}

.c_1250_2 .pageBox{padding:34px 40px;}
.c_1250_2 .pageBox .text{margin-top:0;}

@media screen and (max-width:991px) {
.c_1250_2{ padding:40px 0;}
.c_1250_2 .content1{ padding:46px 63px 41px 63px;}
.c_1250_2 .content1 .title{ padding-bottom:12px;}
.c_1250_2 .content1 .title h3{ font-size:18px; line-height:26px; letter-spacing:0px;}
.c_1250_2 .content1 .title h5{ font-size:12px; letter-spacing:0px; margin-top:8px;}
.c_1250_2 .content1 .title h5 span{ margin:0 4px;}
.c_1250_2 .content1 .text{ margin-top:30px; padding-bottom:21px;}
.c_1250_2 .content1 .text .p{ font-size:12px; line-height:24px; letter-spacing:0px;}
.c_1250_2 .content1 .img{ margin-top:16px;}
}
@media screen and (max-width:767px) {
.c_1250_2{ padding:20px 0;}
.c_1250_2 .content1{ padding:16px 13px 11px 13px;}
.c_1250_2 .content1 .title{ padding:0 10px; padding-bottom:8px;}
.c_1250_2 .content1 .title h3{ font-size:16px; line-height:24px;}
.c_1250_2 .content1 .title h5{ margin-top:4px;}
.c_1250_2 .content1 .title h5 span{ margin:0 2px;}
.c_1250_2 .content1 .text{ padding:0 10px; margin-top:24px; padding-bottom:16px;}
.c_1250_2 .content1 .text .p{ line-height:22px; }
.c_1250_2 .content1 .img{ margin-top:10px;}
.c_1250_2 .pageBox{padding:20px 15px;}
}

.c_1250_2 .content2{ width:100%; float:left; padding-top:30px; border-top:solid 1px #e1e0e0;}
.c_1250_2 .content2 .wzfy{ float:left; width:70%;}
.c_1250_2 .content2 .wzfy h5{ float:left; font-size:14px; color:#666; line-height:24px; width:100%;}
.c_1250_2 .content2 .wzfy h5 a{ color:#666;}
.c_1250_2 .content2 .wzfy h5:hover,.c_1250_2 .content2 .wzfy h5:hover a{ color:black;}
.c_1250_2 .content2 .return{ float:right;}
.c_1250_2 .content2 .return a{ display:block; float:left; width:117px; height:48px; line-height:48px; text-align:center; background:#43a1de; font-size:16px; color:white;}
.c_1250_2 .content2 .return a:hover{ background:black;}
.c_1250_2 .content2 .z_fx_1{ float:right; margin-right:38px; height:16px; margin-top:16px; font-size:14px; color:#666; line-height:16px;}
.c_1250_2 .content2 .z_fx_1 .bdsharebuttonbox{ height:16px; float:right;}
.c_1250_2 .content2 .z_fx_1 .bdsharebuttonbox a{ width:16px; height:16px; margin:0 0 0 9px; padding:0 !important;}
@media screen and (max-width:1229px) {
.c_1250_2 .content2 .wzfy{ width:60%;}
}
@media screen and (max-width:991px) {
.c_1250_2 .content2{ padding-top:20px;}
.c_1250_2 .content2 .wzfy h5{ line-height:20px;}
.c_1250_2 .content2 .return a{ width:97px; height:40px; line-height:40px; font-size:12px;}
.c_1250_2 .content2 .z_fx_1{ display:none; margin-right:28px; margin-top:14px; font-size:12px;}
.c_1250_2 .content2 .z_fx_1 .bdsharebuttonbox a{ margin:0 0 0 6px;}
}
@media screen and (max-width:767px) {
.c_1250_2 .content2{ padding:0 10px; padding-top:20px;}
.c_1250_2 .content2 .wzfy{ width:100%;}
.c_1250_2 .content2 .wzfy h5{ min-width:122px; max-width:100%; width:100%; line-height:20px; font-size:12px;}
.c_1250_2 .content2 .return{ width:50%; margin-top:0;}
.c_1250_2 .content2 .return a{ width:77px; font-size:12px; height:30px; line-height:30px; float:right;}
.c_1250_2 .content2 .z_fx_1{ margin-top:5px;margin-right:0px;}
.c_1250_2 .content2 .z_fx_1 .bdsharebuttonbox a{ margin:0 0 0 4px;}
}

.c_1250_2 .main_2{ width:100%; float:left; margin-top:32px;}
.c_1250_2 .main_2 .title{ width:100%; float:left; font-size:24px; color:#59c147; line-height:41px;}
.c_1250_2 .main_2 ul{ width:100%; float:left; margin-top:10px;}
.c_1250_2 .main_2 ul li{ width:48.46%; float:left; border-bottom:dashed 1px #ccc; line-height:38px; padding-right:80px; position:relative;}
.c_1250_2 .main_2 ul li h5{ width:100%; float:left; font-size:14px; color:#666; line-height:38px;}
.c_1250_2 .main_2 ul li .time{ position:absolute; right:0; top:0; font-size:14px; line-height:38px; color:#777;}
.c_1250_2 .main_2 ul li.l1{ float:right;}
.c_1250_2 .main_2 ul li:hover h5{ color:#59c147;}

@media screen and (max-width:767px) {
.c_1250_2 .main_2{ margin-top:18px; padding:0 15px;}
.c_1250_2 .main_2 .title{  font-size:16px;}
.c_1250_2 .main_2 ul{ height: auto; margin-top: 10px;}
.c_1250_2 .main_2 ul li{ width:100%;}
.c_1250_2 .main_2 ul li h5{ font-size:12px;}
.c_1250_2 .main_2 ul li .time{ font-size:12px;}
}
@media screen and (max-width:480px) {
.c_1250_2 .main_2 ul{ margin-top:6px;}
}

/*人才招聘*/
.recruit{ width:100%; float:left; padding:83px 0; overflow:hidden;}
.recruitHead{ width:100%; float:left; font-size:16px; color:#333; line-height:36px; letter-spacing:1px;}
.recruitBody{ width:100%; float:left; margin-top:30px; padding-left:270px; position:relative; min-height:600px;}
.recruitBody .recruitName{ position:absolute; left:0; top:0; width:230px;}
.recruitBody .recruitName ul{ width:100%; float:left; margin-top:-15px;}
.recruitBody .recruitName ul li{ width:100%; float:left; margin-top:15px; line-height:47px; color:#333; font-size:16px; background:#f1f6f8; padding-left:36px; cursor:pointer;}
.recruitBody .recruitName ul li.slick-current{ background:#43a1de; color:white;}
.recruitBody .chancecontain,.recruitBody .chancecontain ul{ width:100%; float:left;}
.recruitBody .chancecontain .slick-list{ overflow:visible;}

.recruitBody .chancecontain ul .chancecontainHead{ width:100%; float:left; background:#f1f6f8; padding:11px 30px 14px 30px; position:relative;}
.recruitBody .chancecontain ul .chancecontainHead:before{ content:''; background:url(/templates/cn/images/recruit1.png) no-repeat center center; width:8px; height:14px; position:absolute; left:-8px; top:20px; background-size:contain;}
.recruitBody .chancecontain ul .chancecontainHead li{ float:left; font-size:16px; color:#333; line-height:30px; width:25%;}
.chancecontain .deta{ width:100%; padding:0 60px 0 30px; left:0; top:0; overflow:hidden;  position:relative;}
.chancecontain .deta .condata{ float:left; width:100%; padding:0 0 50px 0; font-size:14px; color: #666; line-height: 30px;}
.chancecontain .deta .condata .span{ display: block; font-weight:bold; line-height:50px; width:100%;}
.chancecontain .deta .condata a{ display:block; margin-top:32px; width:124px; height:38px; line-height:38px; text-align:center; color:white; background:#59c147;}
.chancecontain .deta .condata a:hover{ background:#43a1de;}
@media  screen and (max-width:991px){
.recruit{ padding:63px 0;}
.recruitHead{ font-size:14px; line-height:30px;}
.recruitBody{ margin-top:20px; padding-left:220px; min-height:500px;}
.recruitBody .recruitName{ width:200px;}
.recruitBody .recruitName ul{ margin-top:-10px;}
.recruitBody .recruitName ul li{ margin-top:10px; line-height:45px; font-size:14px; padding-left:30px;}
.recruitBody .chancecontain ul .chancecontainHead{ padding:11px 20px 14px 20px;}
.recruitBody .chancecontain ul .chancecontainHead li{ font-size:14px; line-height:28px; width:33.33%;}
.chancecontain .deta{ padding:0 25px 0 18px;}
.chancecontain .deta .condata{ padding:0 0 20px 0;}
.chancecontain .deta .condata a{ margin-top:12px;}
}
@media  screen and (max-width:767px){
.recruit{ padding:33px  10px;}
.recruitHead{ font-size:12px; line-height:24px;}
.chancecontain .deta{ padding:0 18px 0 18px;}
.chancecontain .deta .condata{ padding:0 0 10px 0; font-size:12px; line-height: 24px;}
.recruitBody{ padding-left:0;}
.recruitBody .recruitName{ position:relative; left:auto; top:auto; width:100%; float:left; margin-bottom:10px;}
.recruitBody .recruitName ul{ margin-top:0;}
.recruitBody .recruitName ul li{ width:auto; float:left; margin-top:0; line-height:34px; font-size:12px; padding-left:12px;}
.recruitBody .chancecontain ul .chancecontainHead li{ font-size:13px; line-height:24px; width:50%;}
.recruitBody .chancecontain ul .chancecontainHead:before{ display:none;}
}

/*联系博一吧论坛官网*/
.contactHead{ width:100%; float:left; margin-top:60px; overflow:hidden;}
.contactHead .c_470{ width:38.2%; float:left; padding:37px 30px 35px 30px; background:#f1f6f8; height:380px; position:relative;}
.contactHead .c_470:before{ content:''; background:url(/templates/cn/images/contact1.png) no-repeat center center; width:12px; height:35px; position:absolute; right:-12px; top:50%; margin-top:-17px; z-index:3;}
.contactHead .c_470 h3{ width:100%; float:left; font-size:30px; color:#323232; line-height:42px; font-weight:bold;}
.contactHead .c_470 .title{ width:100%; float:left; margin-top:18px; padding:0 0 17px 0; border-bottom:solid 1px #eaeaea; letter-spacing:1px;}
.contactHead .c_470 .title h4{ width:100%; float:left; font-size:24px; color:#333; line-height:31px;}
.contactHead .c_470 .title h6{ width:100%; float:left; font-size:14px; color:#999; line-height:18px; font-family:Arial;}
.contactHead .c_470 .dl{ width:100%; float:left;}
.contactHead .c_470 .dl li{ width:100%; float:left; margin-top:15px; font-size:14px; color:#666;}
.contactHead .c_470 .btn{ width:100%; float:left; margin-top:39px;}
.contactHead .c_470 .btn .span{display:inline-block;*display:inline; *zoom:1; float:left; font-size:14px; color:#323232; line-height:26px; margin-top:9px;}
.contactHead .c_470 .btn a{display:inline-block;*display:inline; *zoom:1; width:40px; height:40px; float:left; border-radius:50%; -webkit-border-radius:50%; -moz-border-radius:50%; margin-left:20px; background-color:#e5e5e5 !important; position:relative; background-size:contain !important;
-webkit-transition: all 0.3s ease-out 0s; 
   -moz-transition: all 0.3s ease-out 0s; 
	 -o-transition: all 0.3s ease-out 0s; 
		transition: all 0.3s ease-out 0s;}
.contactHead .c_470 .btn a.a1{ background:url(/templates/cn/images/ico08_1.png) no-repeat center;}
.contactHead .c_470 .btn a.a2{ background:url(/templates/cn/images/ico08_2.png) no-repeat center;}
.contactHead .c_470 .btn a.a1:hover{ background:url(/templates/cn/images/ico08_1_h.png) no-repeat center;}
.contactHead .c_470 .btn a.a2:hover{ background:url(/templates/cn/images/ico08_2_h.png) no-repeat center;}
.contactHead .c_470 .btn a .ewm_3{ background:url(/templates/cn/images/ewm_bg.png) no-repeat center; width:116px; height:123px; padding:11px 11px 18px 11px; position:absolute; left:50%; top:-100px; margin-left:-58px; display:none;}
.contactHead .c_470 .btn a:hover .ewm_3{ display:block;
-webkit-animation:fadeInUp2 0.5s 0s ease both;
-moz-animation:fadeInUp2 0.5s 0s ease both;}
@-webkit-keyframes fadeInUp2{
0%{opacity:0;
-webkit-transform:translateY(0px)}
100%{opacity:1;
-webkit-transform:translateY(-20px)}
}
@-moz-keyframes fadeInUp2{
0%{opacity:0;
-moz-transform:translateY(0px)}
100%{opacity:1;
-moz-transform:translateY(-20px)}
}
.contactHead .c_670{ width:61.8%; float:right; height:380px;}
.bdmap{ position:relative; width:100%; height:100%;}
@media screen and (max-width:991px) {
.contactHead{ margin-top:40px;}
.contactHead .c_470{ padding:27px 20px 25px 20px; height:440px;}
.contactHead .c_470 .btn{ margin-top:30px;}
.contactHead .c_470 h3{ font-size:24px; line-height:34px;}
.contactHead .c_470 .title{ margin-top:16px; padding:0 0 12px 0;}
.contactHead .c_470 .title h4{ font-size:18px; line-height:26px;}
.contactHead .c_470 .title h6{ font-size:12px; line-height:16px;}
.contactHead .c_670{ height:440px;}
}
@media screen and (max-width:767px) {
.contactHead{ margin-top:20px; padding:0 0;}
    .contactHead2 {margin-top:20px;}
.contactHead .c_470{ width:100%; padding:17px 10px 15px 10px; height:auto;}
.contactHead .c_470 .btn{ margin-top:20px;}
.contactHead .c_470 h3{ font-size:18px; line-height:26px;}
.contactHead .c_470 .title{ margin-top:10px; padding:0 0 8px 0;}
.contactHead .c_470 .title h4{ font-size:16px; line-height:24px;}
.contactHead .c_470 .title h6{ line-height:14px;}
.contactHead .c_470 .btn .span{ font-size:12px; line-height:22px; margin-top:5px;}
.contactHead .c_470 .btn a{ width:30px; height:30px;}
.contactHead .c_670{ width:100%; margin-right:0; height:260px;}
.contactHead .c_470 .dl li{ margin-top:10px; font-size:12px; line-height:18px;}
}

.contactBody{ width:100%; float:left;  padding-bottom:80px; overflow:hidden;}
.contactBody h3{ width:100%; float:left; padding-bottom:15px; border-bottom:solid 1px #e6e5e5; font-weight:bold; font-size:24px; color:#43a1de; line-height:34px;}
.contactBody ul{ width:100%; float:left;}
.contactBody ul li{ width:50%; float:left; margin-top:30px; padding:0 15px;}
.contactBody ul li a{ display:block; width:100%; float:left; padding:20px 20px 20px 165px; position:relative; background:#f1f6f8;}
.contactBody ul li a .img{ position:absolute; left:20px; top:20px; width:126px; height:126px; overflow:hidden;}
.contactBody ul li a .img img{ width:100%; height:100%; float:left;
		 transition: all 0.3s linear;
	-moz-transition: all 0.3s linear;
 -webkit-transition: all 0.3s linear;
-o-transition: width all 0.3s linear;}
.contactBody ul li a:hover .img img{transform: scale(1.1,1.1);
	-ms-transform: scale(1.1,1.1);	
-webkit-transform: scale(1.1,1.1);
	 -o-transform: scale(1.1,1.1);	
   -moz-transform: scale(1.1,1.1);}
.contactBody ul li a h4{ width:100%; float:left; padding-bottom:7px; border-bottom:dashed 1px #c1c5c6; font-size:18px; color:#333; line-height:40px;}
.contactBody ul li a h5{ width:100%; float:left; margin-top:10px; font-size:14px; color:#555; line-height:32px; letter-spacing:1px;}
@media screen and (max-width:991px) {
.contactBody{  padding-bottom:60px;}
.contactBody h3{ padding-bottom:10px; font-size:20px; line-height:30px;}
.contactBody ul .row{ margin:0 -10px;}
.contactBody ul li{ margin-top:20px; padding:0 10px;}
.contactBody ul li a{ padding:15px 15px 15px 145px;}
.contactBody ul li a .img{ left:15px; top:15px; width:120px; height:120px;}
.contactBody ul li a h4{ padding-bottom:5px; font-size:16px; line-height:34px;}
.contactBody ul li a h5{ margin-top:6px; font-size:12px; line-height:26px;}
}
@media screen and (max-width:767px) {
.contactBody{  padding:0 10px; padding-bottom:40px;}
.contactBody h3{ padding-bottom:6px; font-size:16px; line-height:24px;}
.contactBody ul{ padding:0 10px;}
.contactBody ul .row{ margin:0 0;}
.contactBody ul li{ width:100%; margin-top:10px; padding:0 0;}
.contactBody ul li a{ padding:10px 10px 10px 125px;}
.contactBody ul li a .img{ left:10px; top:10px; width:100px; height:100px;}
.contactBody ul li a h4{ line-height:28px;}
.contactBody ul li a h5{ line-height:22px;}
}

/*产品中心*/
.productHead{ width:100%; float:left; margin-top:40px; overflow:hidden;}
.productHead ul{ width:100%; float:left;}
.productHead ul li{ width:33.33%; float:left; padding:0 15px;}
.productHead ul li a{ display:block; width:100%; float:left; padding:30px 35px 25px 35px; height:331px; background:#f1f6f8; text-align:center; overflow:hidden;
-moz-border-radius:6px; 
-webkit-border-radius:6px; 
-khtml-border-radius:6px;
border-radius:6px;}
.productHead ul li a .img{ width:170px; height:170px; display:inline-block; vertical-align:top; overflow:hidden;
-moz-border-radius:50%; 
-webkit-border-radius:50%; 
-khtml-border-radius:50%;
border-radius:50%;}
.productHead ul li a .img img{ width:100%; height:100%; float:left;}
.productHead ul li a .title{ width:100%; margin-top:16px; font-size:24px; color:#43a1de; line-height:32px; font-weight:bold; letter-spacing:2px;}
.productHead ul li a .p{ width:100%; margin-top:10px; font-size:16px; color:#656262; line-height:24px; letter-spacing:1px; height:48px; overflow:hidden;}
.productHead ul li.on a,
.productHead ul li a:hover{ background:#43a1de;}
.productHead ul li.on a .title,
.productHead ul li a:hover .title,
.productHead ul li.on a .p,
.productHead ul li a:hover .p{ color:white;}


.productBody{ margin:0 -10px;}
.productBody ul{ width:100%; float:left; margin-top:-13px; padding-bottom:20px;
display: flex;
display: -webkit-flex;
flex-wrap: wrap;
align-items: flex-start;}
.productBody ul li{ width:20%; float:left; margin-top:43px; padding:0 10px;}
.productBody ul li a{ display:block; width:100%; float:left;}
.productBody ul li a .img{ width:100%; float:left; border:solid 1px #e5ebed; border-bottom:0; padding-bottom:100%; position:relative; overflow:hidden;}
.productBody ul li a .img img{ width:100%; position:absolute; left:0; top:0;}
.productBody ul li a .text{ width:100%; float:left; text-align:center; background:#f1f6f8; height:92px; padding:15px; position:relative;}
.productBody ul li a .text h5{ width:100%; float:left; font-size:16px; color:#43a1de; line-height:28px;}
.productBody ul li a .text .p{ width:100%; float:left; font-size:14px; color:#858181; line-height:25px;}
.productBody ul li a .text .ico{ background:url(/templates/cn/images/product8.png) no-repeat center center; width:24px; height:24px; background-size:contain; margin-left:-12px; position:absolute; left:50%; bottom:-12px; box-shadow:0 3px 7px rgba(0,0,0,0.21);
-moz-border-radius:50%; 
-webkit-border-radius:50%; 
-khtml-border-radius:50%;
border-radius:50%;}
.productBody ul li a:hover .text{ background:#59c147;}
.productBody ul li a:hover .img{ box-shadow:0 0 10px rgba(0,0,0,0.04);}
.productBody ul li a:hover .text h5,.productBody ul li a:hover .text .p{ color:white;}
@media screen and (max-width:991px) {
.productBody ul li{ width:33.33%; margin-top:30px;}
.productHead{ margin-top:30px;}
.productHead ul li a{ padding:20px 25px 15px 25px; height:265px;}
.productHead ul li a .img{ width:140px; height:140px;}
.productHead ul li a .title{ margin-top:12px; font-size:20px; line-height:26px; letter-spacing:4px;}
.productHead ul li a .p{ margin-top:6px; font-size:14px; line-height:22px; height:44px;}
.productBody ul li a .text{ height:75px; padding:10px;}
.productBody ul li a .text h5{ font-size:14px; line-height:24px;}
.productBody ul li a .text .p{ font-size:12px; line-height:23px;}
}
@media screen and (max-width:767px) {
.productBody{ margin:0 0; width:100%; float:left; overflow:hidden; padding:0 10px;}
.productBody ul li{ width:100%; margin-top:20px; padding:0;}
.productHead{ padding:0 10px; margin-top:10px;}
.productHead ul li{ width:100%; margin-top:10px;}
.productHead ul li a{ padding:10px 15px 10px 15px; height:195px;}
.productHead ul li a .img{ width:100px; height:100px;}
.productHead ul li a .title{ margin-top:10px; font-size:16px; line-height:22px; letter-spacing:2px;}
.productHead ul li a .p{ margin-top:4px; font-size:12px; line-height:20px; height:38px;}
.productBody ul li a .text{ height:65px;}
.productBody ul li a .text h5{ line-height:22px;}
.productBody ul li a .text .p{ line-height:21px;}
.productBody ul{ margin-top:0;}
}

/*产品详情*/
.productDetail{ width:100%; float:left; margin-top:62px;}
.productDetail .img{ float:left; width:38.21%; overflow:hidden;}
.productDetail .img .slick-dots{width:100%; line-height: 0; text-align: center; bottom:10px;}
.productDetail .img .slick-dots li{width:10px; height: 10px; border-radius: 50%; background-color:#374e9e; opacity: 0.6;}
.productDetail .img .slick-dots li.slick-active{opacity:1;}
.productDetail .img img{ width:100%; float:left;}
.productDetail .text{ width:59.35%; float:right; border:solid 1px #eaeaea;}
.productDetail .text .title{ width:100%; float:left; line-height:36px; font-size:24px; color:#333; letter-spacing:1px; background:#f2f2f2; padding:23px 30px 21px 30px;}
.productDetail .text ul{ width:100%; float:left; padding:8px 30px 21px 30px;}
.productDetail .text ul li{ width:100%; float:left; padding:17px 0; border-bottom:solid 1px #ededed; font-size:16px; color:#555; line-height:26px; letter-spacing:1px;}

.content3{ width:59.35%; float:right; margin-top:9px; margin-bottom:50px;}
.content3 .title{ width:100%; float:left; background:#f2f2f2; overflow:hidden; margin:21px 0 18px 0;
-moz-border-radius:6px; 
-webkit-border-radius:6px; 
-khtml-border-radius:6px;
border-radius:6px;}
.content3 .title span{ display:block; float:left; width:170px; height:48px; line-height:48px; text-align:center; background:#59c147; font-size:18px; color:white; letter-spacing:1px;}
.content3 .p{ float:left; width:100%; font-size:16px; color:#555; line-height:36px; letter-spacing:1px;}
@media screen and (max-width:991px) {
.productDetail{ margin-top:42px;}
.productDetail .text .title{ line-height:30px; font-size:18px; padding:13px 20px 11px 20px;}
.productDetail .text ul{ padding:8px 20px 11px 20px;}
.productDetail .text ul li{ padding:13px 0; font-size:14px; line-height:22px;}
.content3 .title{ margin:11px 0 12px 0;}
.content3 .title span{ width:150px; height:42px; line-height:42px; font-size:16px;}
.content3 .p{ font-size:14px; line-height:30px;}
}
@media screen and (max-width:767px) {
.productDetail{ margin-top:22px; padding:0 10px;}
.productDetail .text,.productDetail .img{ width:100%;}
.productDetail .text{ margin-top:15px;}
.productDetail .text .title{ line-height:24px; font-size:16px; padding:8px 10px 6px 10px;}
.productDetail .text ul{ padding:4px 10px 6px 10px;}
.productDetail .text ul li{ padding:9px 0; font-size:12px; line-height:18px;}
.content3{ padding:0 10px; width:100%}
.content3 .title{ margin:6px 0 8px 0;}
.content3 .title span{ width:120px; height:38px; line-height:38px; font-size:14px;}
.content3 .p{ font-size:12px; line-height:24px;}
}











/* 分页 */
.d_0100_fy{ float:left; width:100%; text-align:center; padding:40px 0 80px 0;}
.pz_fy1{display:inline-block; *display:inline; *zoom:1;vertical-align: top;}
.pz_fy1 a {display:block; float:left; width:30px; height:30px; text-align:center; line-height:28px; border:1px solid #e1e1e1; font-size:14px; color:#272727; margin:0 5px;
-webkit-border-radius:20px; 
 -khtml-border-radius:20px;
   -moz-border-radius:20px;
        border-radius:20px;}
.pz_fy1 a:hover,.pz_fy1 a.on{color: #fff; border:1px solid #43a1de; background:#43a1de; text-decoration:none;}
.pz_fy1 a.prve{ background:url(/templates/cn/images/sprve_fy.png) no-repeat center; width:100px;}
.pz_fy1 a.prve:hover,
.pz_fy1 a.prve.on{ background:url(/templates/cn/images/sprve_fy_h.png) no-repeat center #43a1de; border:1px solid #43a1de;}
.pz_fy1 a.next{ background:url(/templates/cn/images/snext_fy.png) no-repeat center; width:100px;}
.pz_fy1 a.next:hover,
.pz_fy1 a.next.on{ background:url(/templates/cn/images/snext_fy_h.png) no-repeat center #43a1de; border:1px solid #43a1de;}
.fy_phone{ display:none;}
@media  screen and (max-width:991px){
.d_0100_fy{ padding:30px 0 60px 0;}
}
@media  screen and (max-width:767px){
.d_0100_fy{ padding:11px 0 22px 0;}
.pz_fy1{ display:none;}
.fy_phone{ display:block;  float:left; width:100%; text-align:center; font-size:14px; color:#333;}
.fy_phone a {display:inline-block; *display:inline; *zoom:1; width:100px; height:30px; text-align:center; line-height:28px; border:1px solid #e1e1e1; margin:0 5px;
-webkit-border-radius:18px; 
 -khtml-border-radius:18px;
   -moz-border-radius:18px;
        border-radius:18px;}
.fy_phone a.prve{ background:url(/templates/images/prve_fy.png) no-repeat center;}
.fy_phone a.next{ background:url(/templates/images/next_fy.png) no-repeat center;}
.fy_phone span{ padding:0 5%; color:#333; display:inline-block; *display:inline; *zoom:1; vertical-align:top; height:30px; line-height:30px;}
}

.zhuanli ul li a  .img{padding-bottom:140%;}
.zhuanli .img {overflow:hidden;}
.zhuanli .img img {-webkit-transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
}
.zhuanli li:hover .img img {
    
transform:scale(1.1);
	-webkit-transform:scale(1.1);
	-moz-transform:scale(1.1);
	-o-transform:scale(1.1);
}

@media screen and (max-width:767px) {
    .zhuanli {padding-bottom:10px;}
}
.productHead2 ul li a{height:65px; padding:0; line-height:65px ;}

@media screen and (max-width:991px) {
    .productHead2 ul li a .title {line-height:65px ; margin:0;}
}

@font-face {
	font-family: 'OPENSANS-BOLD';
	src: url('/templates/cn/fonts/OPENSANS-BOLD.eot');
	src: local('?'), url('/templates/cn/fonts/OPENSANS-BOLD.woff') format('woff'), url('/templates/cn/fonts/OPENSANS-BOLD.ttf') format('truetype'), url('/templates/cn/fonts/OPENSANS-BOLD.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'OPENSANS-LIGHT';
	src: url('/templates/cn/fonts/OPENSANS-LIGHT.eot');
	src: local('?'), url('/templates/cn/fonts/OPENSANS-LIGHT.woff') format('woff'), url('/templates/cn/fonts/OPENSANS-LIGHT.ttf') format('truetype'), url('/templates/cn/fonts/OPENSANS-LIGHT.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'OPENSANS-REGULAR';
	src: url('/templates/cn/fonts/OPENSANS-REGULAR.eot');
	src: local('?'), url('/templates/cn/fonts/OPENSANS-REGULAR.woff') format('woff'), url('/templates/cn/fonts/OPENSANS-REGULAR.ttf') format('truetype'), url('/templates/cn/fonts/OPENSANS-REGULAR.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

/*企业内刊*/
.neikan{ float:left; width:100%; margin:25px 0 0 0; overflow:hidden; }
.neikan ul{ margin-left:-15px; margin-right:-15px; padding:0;}
.neikan li{ float:left; width:25%; padding:0 15px; margin-top:35px; text-align:center;}
.neikan li .la{ float:left; width:100%; height:385px; padding:10px; border:10px solid #f1f6f8; position:relative; display: flex;  align-items: center;  justify-content: center; flex-direction:column;}
.neikan li .la .img{ float:left; width:100%; line-height:0; margin-top:5px;}
.neikan li .la .img img{ width:100%; }
.neikan li .la .en{ float:left; width:100%; color:#808080; font-size:20px; line-height:30px; margin-top:17px;}
.neikan li .la .zh{ float:left; width:100%; color:#808080; font-size:12px; line-height:22px; text-transform:uppercase;}
.neikan li .la .bg{display:none; float:left; width:100%; height:100%; position:absolute; left:0; top:0; background:#43a1de; opacity:0.84; z-index:3;}
.neikan li .la:hover .bg{display:block;}
.neikan li .la .cont{display:none; float:left; width:100%; position:absolute; left:0; top:50%; z-index:4; transform:translate(0,-50%); -moz-transform:translate(0,-50%); -ms-transform:translate(0,-50%); -o-transform:translate(0,-50%); -webkit-transform:translate(0,-50%);}
.neikan li .la:hover .cont{display:block}
.neikan li .la .tit{ float:left; width:100%; color:#ffffff; font-size:20px; line-height:30px;}
.neikan li .la .ico{ float:left; width:100%; line-height:0; margin:16px 0 5px 0;}
.neikan li .la .ico img{ width:40px; height:40px;}

.neikan li .info{ float:left; width:100%; color:#333333; font-size:16px; line-height:26px; text-align:center; margin-top:14px; }
@media screen and (max-width:991px ) {
.neikan{ margin:25px 0 0 0; padding:0 15px; }
.neikan ul{ margin-left:-7px; margin-right:-7px; padding:0;}
.neikan li{ width:33.33%; padding:0 7px; margin-top:15px;}
.neikan li .info{ margin-top:8px;}
.neikan li .la{ height:260px; padding:4px; border:4px solid #f1f6f8;}
.neikan li .la .tit{ font-size:16px; line-height:26px;}
.neikan li .la .en{ font-size:16px; line-height:26px; margin-top:8px;}
.neikan li .la .ico{ margin:8px 0 5px 0;}
.neikan li .la .ico img{ width:30px; height:30px;}
}
@media screen and (max-width:767px ) {
.neikan li{ width:50%;}

}



@media screen and (max-device-width: 320px){body{-webkit-text-size-adjust:none}}
@media screen and (max-device-width: 480px){body{-webkit-text-size-adjust:none}}
@media only screen and (-webkit-min-device-pixel-ratio: 2){body{-webkit-text-size-adjust:none}}
@media only screen and (min-device-width: 768px) and (max-device-width: 1243px){body{-webkit-text-size-adjust:none}}djust:none}}



/*.container1 {
	width:100%;
	margin:auto;
}
@media (min-width: 768px) {
  .container1 {
    width: 92%;margin:auto;
  }
}
@media (min-width: 992px) {
  .container1 {
    width: 992px;margin:auto;
  }
}
@media (min-width: 1230px) {
  .container1 {
    width: 1230px;margin:auto;
  }
}
@media (min-width: 1500px) {
  .container1 {
    width: 1500px;margin:auto;
  }
}
.productList{ float:left; width:100%;}
.productList ul{ float:left; width:100%;}
.productList ul li{ float:left; width:100%;}
.productList ul li:last-child{ border-bottom:none;}
.productList ul li h4{ float:left; width:100%; position:relative; color:#333333; cursor:pointer; font-size:26px; line-height:37px; padding:26px 140px 26px 37px; overflow:hidden;white-space: nowrap; text-overflow:ellipsis; box-sizing:border-box; border-bottom:2px solid #e5e5e5; }
.productList ul li h4.active{ border-bottom:2px solid #0064b2; color:#0064b2; font-weight:bold; }
.productList ul li h4:after{ float:left; width:14px; height:14px; content:''; position:absolute; left:14px; top:50%; margin-top:-7px; background:#0064b2;}
.productList ul li h4 .stow,
.productList ul li h4 .open{ position:absolute; right:36px; padding-right:24px; top:26px; color:#0064b2; font-size:16px;}
.productList ul li h4 .stow:after,
.productList ul li h4 .open:after{ float:left; width:11px; height:11px; content:''; position:absolute; right:0; top:50%; border-top:2px solid #0064b2; border-right:2px solid #0064b2; transform:translate(0,-50%) rotate(45deg); -ms-transform:translate(0,-50%) rotate(45deg);}
.productList ul li h4 .stow:after{ transform:translate(0,-50%) rotate(-45deg); -ms-transform:translate(0,-50%) rotate(-45deg); margin-top:4px;}
.productList ul li h4 .stow{ display:none;}
.productList ul li h4.active .stow{ display:block;}
.productList ul li h4.active .open{ display:none;}
.productList dl{ display:none; float:left; width:100%; border-bottom:2px solid #0064b2; }
.productList dl dd{ float:left; width:49%; }
.productList dl dd:nth-child(2n){ float:right;}
.productList dl dd a{ float:left; width:100%; position:relative; border-bottom:1px solid #e5e5e5; padding:30px 0 30px 340px; min-height:269px; box-sizing:border-box; }
.productList dl dd a i{ float:left; width:294px; height:209px; line-height:0; overflow:hidden; position:absolute; left:0; top:30px;}
.productList dl dd a i img{
-webkit-transition: all 0.5s ease-out 0s; 
-moz-transition: all 0.5s ease-out 0s; 
-o-transition: all 0.5s ease-out 0s; 
transition: all 0.5s ease-out 0s;transition: -webkit-transform 2s;vertical-align:middle;-ms-interpolation-mode:bicubic;}
.productList dl dd a:hover i img{ -webkit-transform: scale(1.1); -moz-transform: scale(1.1);transform: scale(1.1);}
.productList dl dd a h5{ float:left; width:100%; color:#333333; font-weight:bold; overflow:hidden;white-space: nowrap; text-overflow:ellipsis; font-size:24px; line-height:30px; margin:0;}
.productList dl dd a h6{ float:left; width:100%; color:#555555; overflow:hidden; font-size:16px; line-height:32px; height:96px; margin:10px 0 30px 0;}
.productList dl dd a span{ float:left; border:1px solid #e5e5e5; background:#f5f5f5; color:#555555; text-align:center; font-size:16px; width:140px; height:40px; line-height:38px;
-webkit-transition: all 0.5s ease-out 0s; 
-moz-transition: all 0.5s ease-out 0s; 
-o-transition: all 0.5s ease-out 0s; 
transition: all 0.5s ease-out 0s;}
.productList dl dd a:hover h5{ color:#0064b2;}
.productList dl dd a:hover span{ background:#0064b2; border:1px solid #0064b2; color:#fff;}

@media screen and (max-width:1500px) {
.productList dl dd a{ padding:30px 0 30px 315px;}
}
@media screen and (max-width:1229px) {
.productList dl dd a{ padding:30px 0 30px 260px; min-height:231px;}
.productList dl dd a i{ width:240px; height:171px;}
.productList dl dd a h5{ font-size:20px; line-height:26px;}
.productList dl dd a h6{ font-size:15px; line-height:26px; height:78px; margin:10px 0 20px 0;}
.productList dl dd a span{ font-size:14px; width:120px; height:34px; line-height:32px;}
}
@media screen and (max-width:991px) {
.productList ul li h4{ font-size:18px; line-height:30px; padding:12px 80px 12px 26px; }
.productList ul li h4:after{ width:8px; height:8px; content:''; left:10px; margin-top:-4px;}
.productList ul li h4 .stow,
.productList ul li h4 .open{ top:12px; right:12px; padding-right:16px;}
.productList ul li h4 .stow:after,
.productList ul li h4 .open:after{ width:7px; height:7px;}
.productList ul li h4.active .stow{ margin-top:2px;}
.productList dl dd a{ padding:15px 0 15px 185px; min-height:150px;}
.productList dl dd a i{ width:169px; height:120px; top:15px;}
.productList dl dd a h5{ font-size:20px; line-height:26px;}
.productList dl dd a h6{ font-size:14px; line-height:24px; height:48px; margin:5px 0 10px 0;}
.productList dl dd a span{ font-size:14px; width:100px; height:28px; line-height:26px;}

}
@media screen and (max-width:767px) {
.productList dl dd{ width:100%;}
.productList dl dd a{ padding:15px 0 15px 142px; min-height:122px;}
.productList dl dd a i{ width:130px; height:92px; top:15px;}
.productList dl dd a h5{ font-size:16px; line-height:22px;}
.productList dl dd a h6{ font-size:14px; line-height:24px; height:24px; margin:5px 0 13px 0;}
.productList dl dd a span{ font-size:14px; width:100px; height:28px; line-height:26px;}
}


.SolutList{ float:left; width:100%;}
.SolutList dl{flex-wrap:wrap; display: flex; margin:-15px;}
.SolutList dl dd{ float:left; width:25%; padding:15px; box-sizing:border-box; }
.SolutList dl dd:nth-child(2n){ float:right;}
.SolutList dl dd a{ float:left; width:100%; }
.SolutList dl dd a i{ float:left; width:100%; line-height:0; overflow:hidden;}
.SolutList dl dd a i img{
-webkit-transition: all 0.5s ease-out 0s; 
-moz-transition: all 0.5s ease-out 0s; 
-o-transition: all 0.5s ease-out 0s; 
transition: all 0.5s ease-out 0s;transition: -webkit-transform 2s;vertical-align:middle;-ms-interpolation-mode:bicubic;}
.SolutList dl dd a:hover i img{ -webkit-transform: scale(1.1); -moz-transform: scale(1.1);transform: scale(1.1);}
.SolutList dl dd a .text{ float:left; width:100%; border:1px solid #e5e5e5; border-top:none; text-align:center;flex-wrap:wrap; display: flex; justify-content:center; padding:25px 22px 29px 22px; box-sizing:border-box;}
.SolutList dl dd a h5{ float:left; width:100%; color:#333333; font-weight:bold; overflow:hidden;white-space: nowrap; text-overflow:ellipsis; font-size:20px; line-height:30px; margin:0;}
.SolutList dl dd a h6{ float:left; width:100%; color:#555555; overflow:hidden; font-size:16px; line-height:28px; height:56px; margin:5px 0 20px 0;}
.SolutList dl dd a span{ float:left; background:#f5f5f5; color:#555555; text-align:center; font-size:14px; width:100px; line-height:32px;
-webkit-transition: all 0.5s ease-out 0s; 
-moz-transition: all 0.5s ease-out 0s; 
-o-transition: all 0.5s ease-out 0s; 
transition: all 0.5s ease-out 0s;}
.SolutList dl dd a:hover h5{ color:#0064b2;}
.SolutList dl dd a:hover span{ background:#0064b2; color:#fff;}

@media screen and (max-width:1229px) {
.SolutList dl{ margin:-10px;}
.SolutList dl dd{ padding:10px;}
.SolutList dl dd a .text{ padding:25px 15px 29px 15px;}
.SolutList dl dd a h5{ font-size:18px; line-height:28px;}
}
@media screen and (max-width:991px) {
.SolutList dl{ margin:-6px;}
.SolutList dl dd{ padding:6px;}
.SolutList dl dd a .text{ padding:15px 12px 20px 12px;}
.SolutList dl dd a h5{ font-size:16px; line-height:26px;}
.SolutList dl dd a h6{ font-size:14px; line-height:24px; height:48px; margin:5px 0 10px 0;}
.SolutList dl dd a span{ width:80px; line-height:26px;}

}
@media screen and (max-width:767px) {
.SolutList dl dd{ width:50%;}
}


.comp_edge{float:left; width:100%;flex-wrap:wrap; display: flex; background:#eaf3f5; }
.comp_edge .img{float:left; width:55.9%; position:relative; min-height:100%; line-height:0; box-shadow:0 5px 30px rgba(153,184,191,0.75); }
.comp_edge .img img{ display:none;}
.comp_edge .text{float:left; width:44.1%; padding:46px 3.125% 24px 3.125%; box-sizing:border-box;}
.comp_edge .text .l1{ float:left; width:45.4%;}
.comp_edge .text .right{ float:right;}
.comp_edge .text .pic{float:left; width:100%; line-height:0; box-shadow:0 5px 30px rgba(153,184,191,0.75); margin:6.3% 0 6.7% 0; }
.comp_edge .text .p{float:left; width:100%; line-height:30px; font-size:16px; color:#555555; margin-top:13px;}
.comp_edge .text .tit{float:left; width:100%; line-height:38px; font-size:28px; color:#333333; font-weight:bold;}
.comp_edge .text .tit span{ color:#0064b2; font-size:20px; margin-left:10px;}
.comp_edge .text .tit font{ float:right; color:#333333; font-size:16px; font-weight:normal; line-height:26px; margin-top:10px;}
.comp_edge .text .list{float:left;width:-webkit-calc(100% + 5px); width:-moz-calc(100% + 5px); width:calc(100% + 5px);line-height:0; margin-top:13px; }
.comp_edge .text .list a{float:left; width:20%; line-height:0; padding-right:5px; box-sizing:border-box; margin-top:5px; }


@media screen and (max-width:1500px) {
.comp_edge .text .l1{ width:47.4%;}
.comp_edge .text .p{ font-size:14px; line-height:26px;}
.comp_edge .text .tit{ font-size:22px; line-height:32px;}
.comp_edge .text .tit span{ font-size:18px;}
.comp_edge .text .tit font{ font-size:14px; line-height:24px; margin-top:8px;}
}
@media screen and (max-width:1229px) {

}
@media screen and (max-width:991px) {
.comp_edge .text{ padding:25px 15px;}
.comp_edge .text .pic{ margin:15px 0;}
.comp_edge .text .tit font{ width:100%; margin-top:0;}
.comp_edge .text .p{ margin-top:8px;}
.comp_edge .text .list{ margin-top:8px;}

}
@media screen and (max-width:767px) {
.comp_edge .img{ width:100%; box-shadow:0 5px 15px rgba(153,184,191,0.75);}
.comp_edge .img img{ display:block;}
.comp_edge .text{ width:100%;}
.comp_edge .text .pic{ box-shadow:0 5px 15px rgba(153,184,191,0.75);}

}*/




           
/*20220924start*/
.yaowu{ float:left; width:100%; margin:58px 0 76px 0;}
.yaowu .title{ float:left; width:100%;  color:#43a1de; font-size:28px; line-height:38px; border-bottom:3px solid #e8f6e5;}
.yaowu .title span{ float:left; position:relative; padding-bottom:17px;}
.yaowu .title span:after{ float:left; width:100%; height:3px; content:''; position:absolute; left:0; bottom:-3px; z-index:3; background:#43a1de;}
.yaowu .text{ float:left; width:100%;  color:#656262; font-size:16px; line-height:36px; margin:35px 0 38px 0;}
.yaowu .form{ float:left; width:100%;}
.yaowu .form .tel{ float:left; width:100%; text-align:center; color:#888888; font-size:16px; line-height:26px;}
.yaowu .form .tit{ float:left; width:100%; background:#43a1de; border-radius:6px 6px 0 0; padding:13px 20px; box-sizing:border-box; color:#fff; font-size:20px; line-height:30px; font-weight:bold;}
.yaowu .form .tit1{ float:left; width:100%; background:#f1f6f8; padding:14px 22px; box-sizing:border-box; color:#43a1de; font-size:18px; line-height:28px; border-left:1px solid #e5e5e5; border-right:1px solid #e5e5e5;}
.yaowu .form .tit1 span{ color:#59c147; margin-left:10px;}
.yaowu .form .btn{ float:left; width:100%;flex-wrap:wrap; display: flex; justify-content:center; margin:60px 0 14px 0;}
.yaowu .form .btn input{ float:left; width:230px; height:56px; line-height:56px; background:#59c147; cursor:pointer; border-radius:3px; color:#fff; font-size:18px;-webkit-transition: all 0.5s ease-out 0s; 
-moz-transition: all 0.5s ease-out 0s; 
-o-transition: all 0.5s ease-out 0s; 
transition: all 0.5s ease-out 0s;  }
.yaowu .form .btn input:hover{ background:#43a1de;}
.yaowu .form .btn1{ float:left; width:100%;flex-wrap:wrap; display: flex; justify-content:center; box-sizing:border-box; border:1px solid #e5e5e5; border-bottom:none; padding:22px 0 23px 0;}
.yaowu .form .btn1 a{ float:left; width:198px; line-height:40px; background:#59c147; cursor:pointer; border-radius:3px; color:#fff; font-size:18px; text-align:center;}
.yaowu .form .btn1 a:hover{ background:#43a1de;}
.yaowu .form .box{ float:left; width:100%; box-sizing:border-box; border-left:1px solid #e5e5e5; border-right:1px solid #e5e5e5;}
.yaowu .form .box .li{ float:left; width:50%;}
.yaowu .form .box1{ float:left; width:100%; box-sizing:border-box; border-left:1px solid #e5e5e5; border-right:1px solid #e5e5e5; padding:10px 14px 23px 14px;}
.yaowu .form .box1 .li{ float:left; width:25%; position:relative; box-sizing:border-box; padding:0 8px;}
.yaowu .form .box1 .w17{ width:17%; padding:0 16px; box-sizing:border-box;}
.yaowu .form .box1 .w18{ width:28%; padding:0 16px; box-sizing:border-box;}
.yaowu .form .box1 .w21{ width:21.3%; padding:0 16px; box-sizing:border-box;}
.yaowu .form .box1 .w22{ width:22%;}
.yaowu .form .box1 .w28{ width:28%; padding:0 5px; box-sizing:border-box;}
.yaowu .form .box1 .w30{ width:38%; padding:0 16px; box-sizing:border-box;}
.yaowu .form .box1 .w33{ width:33.33%;}
.yaowu .form .box1 .w34{ width:34%; padding:0 16px; box-sizing:border-box;}
.yaowu .form .box1 .w50{ width:50%;}
.yaowu .form .box1 .w53{ width:53%; margin-right:11%;}
.yaowu .form .box1 .w62{ width:62.5%;}
.yaowu .form .box1 .w66{ width:66%;}
.yaowu .form .box1 .w70{ width:62%;}
.yaowu .form .box1 .w72{ width:72%;}
.yaowu .form .box1 .w78{ width:78.7%;}
.yaowu .form .box1 .w82{ width:72%;}
.yaowu .form .box1 .w83{ width:83%; background:#fff;}
.yaowu .form .box1 .w84{ width:84%;}
.yaowu .form .box1 .w100{ width:100%;}
.yaowu .form .box1 h6{ float:left; width:100%; color:#555555;  font-size:16px; line-height:26px; margin:15px 0 10px 0;}
.yaowu .form .box1 h6 span{ display:inline-block; vertical-align:bottom; color:#59c147; font-size:18px; margin-right:5px; line-height:18px;}
.yaowu .form .box1 .input{ float:left; width:100%; color:#333; background:#fff; font-size:14px; line-height:28px; height:40px; border:1px solid #e5e5e5; cursor:pointer; border-radius:3px; box-sizing:border-box; padding:5px 13px; position:relative; }
.yaowu .form .box1 .input-2{color:#888888;}
.yaowu .form .box1 .input-2::after{ float:left; width:6px; height:6px; content:''; position:absolute; right:15px; top:50%; border-bottom:1px solid #888888; border-right:1px solid #888888; transform:translate(0,-50%) rotate(45deg); -ms-transform:translate(0,-50%) rotate(45deg); margin-top:-2px;}
.yaowu .form .box1 .textarea{ height:96px;}
.yaowu .form .box1 .dl{ float:left; width:100%; background:#f1f6f8; border-radius:3px; box-sizing:border-box;flex-wrap:wrap; display: flex;justify-content: space-between; padding:10px 18px;}
.yaowu .form .box1 .dd{ float:left; width:31.3%;display: flex; position:relative; margin-top:6px; margin-bottom:6px; color:#888888; font-size:16px; line-height:40px;}
.yaowu .form .box1 .dd-1{ width:45%;}
.yaowu .form .box1 .dd span{ margin-right:12px; white-space:nowrap;}
.yaowu .form .box1 .m16{ margin-top:16px; margin-bottom:16px;}
.yaowu .form .box2{ border-bottom:1px solid #e5e5e5; border-radius:0 0 6px 6px;}
.yaowu .form .box1 dl{ float:left; width:100%;}
/*20220930start*/
/*.yaowu .form .box1 .h6{ color:red;}*/
.yaowu .form .box1 dl dd{ float:left; width:12.5%; color:#888888; font-size:16px; line-height:40px; position:relative; padding-left:24px; background:url(/templates/cn/images/main1.png) left center no-repeat; display: flex; white-space:nowrap; box-sizing:border-box; cursor:pointer;}
.yaowu .form .box1 dl dd.active{ background:url(/templates/cn/images/main2.png) left center no-repeat;}
/*20220930end*/
.yaowu .form .box{ background:#f1f6f8; padding:0;}
.yaowu .form .box .li{ padding:0; border-bottom:1px solid rgba(0,0,0,0.1);flex-wrap:wrap; display: flex; align-items: center;}
.yaowu .form .box .w66,
.yaowu .form .box .w70{ background:#fff;}
.yaowu .form .box .w22 .w28{ text-align:center;}

.yaowu .form .box .li:last-child{ border-bottom:none;}
.yaowu .form .box .li2{ float:left;}
.yaowu .form .box dl{ padding:8px 26px; box-sizing:border-box;}
/*20220930start*/
.yaowu .form .box dl dd{ width:16%;}
.yaowu .form .box dl.w70 dd{ width:50%;}
.yaowu .form .box dl.w66 dd:nth-child(1){ width:30%;}
.yaowu .form .box dl.w66 dd:nth-child(2){ width:70%;}
/*20220930end*/
.yaowu .form .box .p{ float:left; width:100%; background:#fff; border-bottom:1px solid rgba(0,0,0,0.1); padding:8px 28px; box-sizing:border-box; color:#888888; font-size:16px; line-height:26px; display: flex; align-items:center;}
.yaowu .form .box .p span{ margin-right:6px; white-space:nowrap;}
.yaowu .form .box .p:last-child{ border-bottom:none;}
.yaowu .form .box .p .input1{ margin-left:0;}
.yaowu .form .box h6{ margin:0; line-height:20px;}
.yaowu .form .box h6 font{ display:block;}
.yaowu .form .box .h110{ height:114px;flex-wrap:wrap; display: flex; align-items: center;}
.yaowu .form .box .textarea1{ height:98px;}

.yaowu .form .input1{ float:left; width:100%; color:#333; background:#f5f5f5; font-size:14px; line-height:28px; height:40px; border:1px solid #f5f5f5; cursor:pointer; border-radius:3px; box-sizing:border-box; padding:5px 13px; margin-left:14px; }
.yaowu .form .md3{ margin-bottom:3px;}
.yaowu .form .mt10{ margin-top:10px;}
.yaowu .form .date{ position:absolute; right:22px; bottom:10px; width:20px; height:20px; max-width:none;}
.yaowu .form .date1{ position:absolute; right:14px; bottom:10px; width:20px; height:20px; max-width:none;}
.yaowu .form .date2{ position:absolute; right:40px; bottom:18px; width:20px; height:20px; max-width:none;}
.yaowu .form .down{ display:none; float:left; position:absolute; right:8px; top:100%; z-index:6; background:#fff; border:1px solid #e5e5e5; border-radius:3px; padding:8px 0; width:-webkit-calc(100% - 16px); width:-moz-calc(100% - 16px); width:calc(100% - 16px); margin-top:-1px; box-sizing:border-box; box-shadow:0 3px 6px rgba(0,0,0,0.15);}
.yaowu .form .down li{ float:left; width:100%; color:#888888; font-size:14px; line-height:24px; cursor:pointer; padding:0 13px; box-sizing:border-box;}
.yaowu .form .down li:hover{ color:#43a1de;}
.yaowu .form .down-1{ right:0; width:-webkit-calc(100% - 76px); width:-moz-calc(100% - 76px); width:calc(100% - 76px);}


.yaowu .form ::-webkit-input-placeholder{color:#888888}
.yaowu .form :-moz-placeholder{color:#888888}
.yaowu .form ::-moz-placeholder{color:#888888}
.yaowu .form :-ms-input-placeholder{color:#888888}
@media screen and (max-width:1260px) {
.yaowu .form .box1 h6{ font-size:15px;}
.yaowu .form .box1 dl dd{ font-size:15px;}
.yaowu .form .box1 .dl{ padding:10px 12px;}
.yaowu .form .box1 .dd{ width:48%; font-size:15px;}
.yaowu .form .box1 .dd span{ margin-right:6px;}
.yaowu .form .box1 h6 span{ margin-right:2px;}
.yaowu .form .date2{ right:30px;}
.yaowu .form .down-1{width: -webkit-calc(100% - 66px);width: -moz-calc(100% - 66px);width: calc(100% - 66px);}
.yaowu .form .box1 .w17{ width:17%; padding:0 10px; box-sizing:border-box;}
.yaowu .form .box1 .w18{ width:28%; padding:0 10px; box-sizing:border-box;}
.yaowu .form .box1 .w21{ width:21.3%; padding:0 10px; box-sizing:border-box;}
.yaowu .form .box1 .w22{ width:22%;}
.yaowu .form .box1 .w28{ width:28%; padding:0 5px; box-sizing:border-box;}
.yaowu .form .box1 .w30{ width:38%; padding:0 10px; box-sizing:border-box;}
.yaowu .form .box1 .w33{ width:33.33%;}
.yaowu .form .box1 .w34{ width:34%; padding:0 10px; box-sizing:border-box;}
.yaowu .form .box1 .w50{ width:50%;}
.yaowu .form .box1 .w53{ width:53%; margin-right:11%;}
.yaowu .form .box1 .w62{ width:62.5%;}
.yaowu .form .box1 .w66{ width:66%;}
.yaowu .form .box1 .w70{ width:62%;}
.yaowu .form .box1 .w72{ width:72%;}
.yaowu .form .box1 .w78{ width:78.7%;}
.yaowu .form .box1 .w82{ width:72%;}
.yaowu .form .box1 .w83{ width:83%; background:#fff;}
.yaowu .form .box1 .w84{ width:84%;}
.yaowu .form .box dl{ padding:8px 16px}
.yaowu .form .box .p{ padding:8px 16px; font-size:15px;}
.yaowu .form .box h6{ font-size:15px;}

}
@media screen and (max-width:991px) {
.yaowu{ margin:30px 0 35px 0;}
.yaowu .title{ font-size:18px; line-height:28px;}
.yaowu .title span{ padding-bottom:10px;}
.yaowu .text{ font-size:14px; line-height:26px; margin:15px 0 20px 0;}
.yaowu .form .tit{ font-size:17px; line-height:27px; padding:8px 15px;}
.yaowu .form .tit1{ font-size:16px; line-height:26px; padding:8px 15px;}
.yaowu .form .tit1 span{ margin-left:5px;}
.yaowu .form .btn{ margin:30px 0 14px 0;}
.yaowu .form .btn input{ width:160px; height:42px; line-height:42px; font-size:16px;}
.yaowu .form .btn1{ padding:15px 0;}
.yaowu .form .btn1 a{width:140px; font-size:16px; line-height:36px;}

}
@media screen and (max-width:767px) {
.yaowu{ padding:0 15px; box-sizing:border-box;}
.yaowu .form .tel span{ display:block;}
.yaowu .form .input1{ margin-left:6px;}
.yaowu .form .box1{ padding:5px 12px 20px 12px;}
.yaowu .form .box1 .li{  width:100%; padding:0;}
.yaowu .form .box1 dl dd { width:33%; padding-left:20px;}
.yaowu .form .box1 .dd{ width:100%; margin-top:4px; margin-bottom:4px;}
.yaowu .form .box1 h6{ margin:10px 0 8px 0;}
.yaowu .form .box1 .w17{ width:100%; padding:0 10px; box-sizing:border-box;}
.yaowu .form .box1 .w18{ width:100%; padding:0 10px; box-sizing:border-box;}
.yaowu .form .box1 .w21{ width:100%; padding:0 10px; box-sizing:border-box;}
.yaowu .form .box1 .w22{ width:100%;}
.yaowu .form .box1 .w28{ width:100%; padding:0; box-sizing:border-box;}
.yaowu .form .box1 .w30{ width:100%; padding:0 10px; box-sizing:border-box;}
.yaowu .form .box1 .w33{ width:100%;}
.yaowu .form .box1 .w34{ width:100%; padding:0 10px; box-sizing:border-box;}
.yaowu .form .box1 .w50{ width:100%;}
.yaowu .form .box1 .w53{ width:100%; margin-right:0%;}
.yaowu .form .box1 .w62{ width:100%;}
.yaowu .form .box1 .w66{ width:100%;}
.yaowu .form .box1 .w70{ width:100%;}
.yaowu .form .box1 .w72{ width:100%;}
.yaowu .form .box1 .w78{ width:100%;}
.yaowu .form .box1 .w82{ width:100%;}
.yaowu .form .box1 .w83{ width:100%; background:#fff;}
.yaowu .form .box1 .w84{ width:67%;}
.yaowu .form .box{ padding:0;}
.yaowu .form .box dl{ padding:8px 12px;}
.yaowu .form .box .p{ padding:8px 12px;}
.yaowu .form .box h6 font{ text-align:left !important; margin-left:11px;}


}
/*20220924end*/
.fengexian{width:100%;float:left; border-top:1px solid rgba(0,0,0,0.1); padding-top:10px;}
.fengexian .delete{float:right;font-size: 16px;line-height: 26px;color:#3783c2;cursor:pointer;}
                 <!--耗时1764540698.1872秒-->