@charset "utf-8";
/* CSS Document */
/*切图：bwh*/
html{ overflow-x:hidden; overflow-y:auto;}
*{ padding:0; margin:0;}
ul,ol,li,dl,dd,dt{ list-style-type:none; line-height:normal;}
body, button, input, select, textarea{ font-family:'Microsoft yahei' ,Arial; font-size:12px;}
code, kbd, pre, samp { }
address, caption, cite, code, dfn, em, th, var {
	font-style: normal;
	font-weight: normal;
}
a{ text-decoration:none; color:#333;
        transition: all 0.5s linear;
   -moz-transition: all 0.5s linear;
-webkit-transition: all 0.5s linear;
     -o-transition: all 0.5s linear;
-webkit-tap-highlight-color:rgba(0, 0, 0, 0);
-webkit-tap-highlight-color: transparent;
}
a:hover{ cursor:pointer;}
img{border:0; max-width:100%;}
table { border-collapse: collapse; border-spacing: 0; }
h1,h2,h3,h4,h5,h6{ margin:0; font-weight:normal;font-family:'Microsoft yahei' ,Arial;}
h1{font-size:36px;}
h2{font-size:24px;}
h3{font-size:22px;}
h4{font-size:18px;}
h5{font-size:14px;}
h6{font-size:12px;}
input,table,tr,td{ margin:0; padding:0; border:none;}
button,table{ border:none; background:none; margin:0; padding:0;}
select{ margin:0; padding:0;}
textarea{ resize:none; outline:0;}
input{ outline:0;}
body{ background:#f9fafb;}

@media screen and (max-width:1023px){
.section{ height:auto !important; display:block; float:left; width:100%;}
.fp-tableCell{ height:auto !important; display:block; float:left;}
}

.pz_top{ float:left; width:100%;}
.pz_banner{ float:left; width:100%; overflow:hidden; position:relative;  }
.pz_main{ float:left; width:100%; min-height:860px;}
.pz_down{ float:left; width:100%; padding:18px 40px; background:#363b3d;}

.section{ float:left; width:100%; height:100vh; overflow:hidden;}
.w_0100_3{float: left;width: 100%;}
.mian{ float:left; width:100%; padding-left:144px;}
.container1{ margin:0 auto; width:1154px;}
.container2{ margin:0 auto; display:block; width:1214px; position:relative; z-index:8; vertical-align:middle;}
@media screen and (max-width:1460px){

.container2{ width:1024px;}
	
}
@media screen and (max-width:1366px){

.container1{ width:1024px;}
	
}
@media screen and (max-width:1240px){

.pz_main{ min-height:500px;}
.container1{ width:100%; padding:0 40px;}
.container2{ width:100%; padding:0 40px;}
	
}

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

.pz_down{ padding:10px 12px; text-align:center;}
.pz_main{ min-height:500px;}
	
}
@media screen and (max-width:767px){

.container1{ padding:0 12px;}
.container2{ padding:0 12px;}
	
}


/*top*/
.pz_header{ float:left; width:144px; height:100%; background:#fff; position:fixed; left:0; top:0; z-index:99;}
.logo{ float:left; width:100%; line-height:0; text-align:center; margin:2.5vh 0;}
.logo img{ width:111px; height:115px;}


.menu1{ float:left; width:100%; border-top:1px solid #e5e5e5;}
.menu1 ul{ float:left; width:100%;}
.menu1 ul .nli{ float:left; width:100%; position: relative; border-bottom:1px solid #e5e5e5; text-align:center;}
.menu1 ul .nli a{ float:left; width:100%; padding:2.5vh 0;}
.menu1 ul .nli h4{ float:left; width:100%; line-height:0;
-webkit-transition: all 1s ease-out 0s; 
-moz-transition: all 1s ease-out 0s; 
-o-transition: all 1s ease-out 0s; 
transition: all 1s ease-out 0s;transition: -webkit-transform 2s;vertical-align:middle;-ms-interpolation-mode:bicubic;}
.menu1 ul .nli h4 img{ display:block; margin:0 auto; width:42px; height:38px;}
.menu1 ul .nli:hover h4{ -webkit-transform: scale(1.1); -moz-transform: scale(1.1);transform: scale(1.1);}
.menu1 ul .nli h4 .img1{ display:block;}
.menu1 ul .nli h4 .img2{ display:none;}
.menu1 ul .nli h5{ float:left; width:100%; color:#333333; font-size:16px; line-height:16px; margin-top:1.2vh;}
.menu1 ul .nli.on a,
.menu1 ul .nli:hover a{ background:#00a0e9;}
.menu1 ul .nli.on h5,
.menu1 ul .nli:hover h5{ color:#fff; }
.menu1 ul .nli.on h4 .img1,
.menu1 ul .nli:hover h4 .img1{ display:none;}
.menu1 ul .nli.on h4 .img2,
.menu1 ul .nli:hover h4 .img2{ display:block;}
@media screen and (max-height:800px){
.menu1 ul .nli h4 img{ width:32px; height:29px;}
	
}

@media screen and (max-width:1240px){
.mian{ padding-left:100px;}
.pz_header{ width:100px;}
.logo img{ width:77px; height:80px;}
.menu1 ul .nli h4 img{ width:32px; height:29px;}
.menu1 ul .nli h5{ font-size:15px; line-height:15px;}
	
}

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

.logo{ margin:6px 0;}
.logo img{ width:56px; height:58px;}
.menu1 ul .nli a{ padding:1.5vh 0;}
.menu1 ul .nli h4 img{ width:22px; height:20px;}
.menu1 ul .nli h5{ font-size:14px; line-height:14px;margin-top:0.8vh;}


.mian{ padding-left:0}
.mian.active{ position:relative; margin-left:70px;-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;}
.pz_header{ width:70px; left:-80px;}
.pz_header.active{left: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;}
	
}

.ph_menu{ display:none; float:left; width:100%; padding:6px 12px; z-index:55; position:fixed; left:0; top:0; z-index:66; background:#fff; box-shadow:0 0 5px rgba(0,0,0,0.2);}
.logo1{ float:left; width:56px; height:58px;}
.logo1.active{ display:none;}

/*手机按钮*/
.menuph{ float:right; width:44px; height:44px; cursor: pointer; text-align: center; background:#00a0e9; padding:11px 8px; margin:7px 0;}
.menuph .point {  display: inline-block;  width: 28px;  height: 22px; position: relative;}
.menuph .point:hover .navbtn,
.menuph .point:hover .navbtn::after,
.menuph .point:hover .navbtn::before {  width: 28px;  }
.menuph .navbtn {  position: absolute;  top: 10px;  right: 0;  display: inline-block;  width: 21px;  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: #fff;  }
.menuph .navbtn::after,
.menuph .navbtn::before {  position: absolute;  right: 0;  display: inline-block;  width: 28px;  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: #fff;  }
.menuph .navbtn::after {  top: -11px;  }
.menuph .navbtn::before {  top: 10px;  }
.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;  }
@media screen and (max-width:1023px){
.ph_menu{ display:block;}
	
}



.elli{ overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
@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}}

/*footer*/
.Copyright{ float:left; color:#fff; font-size:12px; line-height:26px;}
.Copyright a{ color:#fff;}
.Copyright a:hover{ color:#00a0e9;}
.links{ float:right; width:147px; position:relative;}
.links h4{ float:left; width:100%; height:26px; border:1px solid #5e6264; border-radius:3px; color:#fff; font-size:14px; font-family:Arial; line-height:24px; text-indent:23px; background:url(../images/foot1.png) right center no-repeat; cursor:pointer;}
.links ul{ display:none; float:left; width:100%; position:absolute; left:0; bottom:25px; background:#363b3d; border:1px solid #5e6264; padding:8px 23px; border-radius:3px;}
.links ul li{ float:left; width:100%;}
.links ul li a{ float:left; width:100%; color:#fff; font-size:12px; line-height:20px;}
.links ul li a:hover{ color:#00a0e9;}
.top_share{ float:right; margin:3px 5px 3px 25px;}
.top_share .fx{ float:left; width:20px; height:20px; position:relative; margin:0 5px;}
.top_share .fx a{ float:left; width:20px; height:20px;}
.top_share .fx a i{ float:left; width:20px; height:20px; opacity:0.4; filter:alpha(opacity=40); }
.top_share .fx a:hover i{ opacity:1; filter:alpha(opacity=100); 
-webkit-transition: 0.5s ease;
   -moz-transition: 0.5s ease;
	-ms-transition: 0.5s ease;
	 -o-transition: 0.5s ease;
		transition: 0.5s ease;}
.top_share .fx .qq{ background:url(../images/foot5.png) center no-repeat;}
.top_share .fx .tx{ background:url(../images/foot3.png) center no-repeat;}
.top_share .fx .weixin{ background:url(../images/foot4.png) center no-repeat;}
.top_share .fx .wx_bx{ float:left; width:97px; height:103px; position:absolute; left:50%; margin-left:-50px; bottom:20px; z-index:80;-webkit-transition: all 500ms cubic-bezier(.5, 1, .4, 1);
	-moz-transition: all 500ms cubic-bezier(.5, 1, .4, 1);
	transition: all 500ms cubic-bezier(.5, 1, .4, 1);
	-webkit-transform-origin:50% 90%;
	-moz-transform-origin:50% 90%;
	-ms-transform-origin:50% 90%;
	-o-transform-origin:50% 90%;
	transform-origin:50% 90%;
	-webkit-transform: translateY(0) scale(0);
	-moz-transform: translateY(0) scale(0);
	-ms-transform: translateY(0) scale(0);
	-o-transform: translateY(0) scale(0);
	transform: translateY(0) scale(0)}
.top_share .fx:hover .wx_bx{ opacity: 1;
	filter: alpha(opacity=100);
	display: block \9;
	pointer-events: auto;
	-webkit-transform: translateY(0) scale(1);
	-moz-transform: translateY(0) scale(1);
	-ms-transform: translateY(0) scale(1);
	-o-transform: translateY(0) scale(1);
	transform: translateY(0) scale(1);}
@media screen and (max-width:1240px){
.top_share{ margin:3px 0 3px 12px;}
.top_share .fx{ margin:0 3px;}
	
}
@media screen and (max-width:1023px){
.Copyright{ width:100%;}
.top_share{ float:none; display:inline-block;}
.links{ float:none; display:inline-block; text-align:left;}
	
}

/*左边*/
.in_Side{ float:left; width:100%; text-align:center; padding:40px 0 0 0;}
.in_Side .pz_SideLayer{ display:inline-block; *display:inline; *zoom:1;}
.in_Side .pz_SideLayer .l1{ float:left; margin:0 10px;}
.in_Side .pz_SideLayer .l1 a{ float:left; border-radius:46px; line-height:46px; color:#fff; font-size:16px; padding:0 36px; background:#c3c7c9;}
.in_Side .pz_SideLayer .l1.on a,
.in_Side .pz_SideLayer .l1:hover a{ background:#00a0e9; }

@media screen and (max-width:1240px){
.in_Side .pz_SideLayer .l1 a{ padding:0 30px; line-height:40px;}
}

@media screen and (max-width:1023px){
.in_Side{ display:none;}

}

/*二级导航*/
.babyser{ float:left; width:100%; margin-top:20px; }
.babyser h2{ float:left; width:100%;  padding:0 15px; background:#00a0e9; color:#fff; font-size:16px; line-height:40px;border-radius:3px;}
.babyser h2 .imgr{ float:right; margin:10px 0 0 0;}
.pz_SideLayerph{ display:none; float:left; width:100%;}
.pz_SideLayerph .l1{ margin-top:1px;  background:#c3c7c9; border-radius:3px;}
.pz_SideLayerph .l1:hover{ background:#f08200;}
.pz_SideLayerph .l1 a{ color:#fff; font-size:14px; line-height:34px; cursor:pointer; padding-left:12px;}




/*1关于我们*/
.zy_banner{ float:left; width:100%; position:relative;}
.banner1{ float:left; width:100%; line-height:0; min-height:71px;}
.zy_tit{ float:left; width:100%; position:absolute; left:0; bottom:0; background:#00a0e9; background:rgba(0,160,233,0.5); padding:15px 0;}
.l_tit{ float:left; color:#fff; font-size:24px; line-height:39px; font-family:'宋体'}
.l_tit span{ font-size:18px; text-transform:uppercase; padding-left:9px; font-family:'Open Sans';}
.r_tit{ float:right; padding-left:32px; background:url(../images/main1.png) left center no-repeat; color:#fff; font-size:16px; line-height:39px;}
.r_tit a{ color:#fff;}
.r_tit a:hover{ opacity:0.8; filter:alpha(opacity=80); }

@media screen and (max-width:1023px){
.zy_tit{ padding:8px 0;}	
.l_tit{ font-size:20px; line-height:24px;}
.l_tit span{ font-size:15px; padding-left:6px; }
.r_tit{ display:none;}	
}
@media screen and (max-width:767px){
.zy_banner{ margin-top:70px;}
}

.about1{ float:left; width:100%; background:#f9fafb; text-align:center; padding:30px 0 53px 0;}
.about1 .info1{ float:left; width:100%; color:#666666; font-size:16px; line-height:36px; margin:18px 0;}
.about1 .info4{ float:left; width:100%; color:#00a0e9; font-size:16px; line-height:36px; font-weight:bold; margin:18px 0;}
.about1 .info2{ float:left; width:100%; margin:22px 0 22px 0;}
.about1 .info2 .li1{ display:inline-block; *display:inline; *zoom:1; width:184px; height:184px; border-radius:50%; margin:0 20px; padding:52px 30px 0 30px;}
.about1 .info2 .l1{ float:left; width:100%; text-align:right;}
.about1 .info2 .l1 h5{ display:inline-block; *display:inline; *zoom:1; color:#fff; font-size:36px; line-height:36px; font-weight:bold; font-family:Arial;}
.about1 .info2 .l1 img{ display:inline-block; *display:inline; *zoom:1; margin:0 7px; vertical-align:bottom;}
.about1 .line{ float:left; width:100%; height:1px; background:#fff;opacity:0.3; filter:alpha(opacity=30); margin:9px 0;}
.about1 .info2 .l2{ float:left; width:100%; color:#fff; font-size:18px; line-height:30px;}
.about1 .info2 .bg1{ background:#62d0eb;}
.about1 .info2 .bg2{ background:#97b617;}
.about1 .info2 .bg3{ background:#e494b6;}
.about1 .info2 .bg4{ background:#f0c358;}
@media screen and (max-width:1240px){

.about1 .info2 .li1{ width:144px; height:144px; margin:0 15px; padding:32px 15px 0 15px;}
.about1 .info2 .l1 h5{ font-size:32px; line-height:32px;}
.about1 .info2 .l2{ font-size:16px; line-height:26px;}
.about1 .info1{ font-size:14px; line-height:30px; margin:12px 0;}
.about1 .info4{ font-size:14px; line-height:30px; margin:12px 0;}

}

@media screen and (max-width:1023px){
.about1{ padding:15px 0 20px 0;}
.about1 .info2 .li1{ width:120px; height:120px; margin:0 10px; padding:26px 15px 0 15px;}
.about1 .info2 .l1 h5{ font-size:26px; line-height:26px;}
.about1 .info2 .l1 img{ width:15px; height:15px; margin:0 5px;}
.about1 .info2 .l2{ font-size:16px; line-height:26px;}
.about1 .line{ margin:10px 0 5px 0;}
.about1 .info1{ font-size:14px; line-height:30px; margin:12px 0;}
.about1 .info4{ font-size:14px; line-height:30px; margin:12px 0;}

}
@media screen and (max-width:768px){
.about1{ padding:15px 0 30px 0;}
.about1 .info2{ margin:5px 0;}
.about1 .info2 .li1{margin:8px 11%;}
.about1 .line{ margin:10px 0 5px 0;}
.about1 .info1{ line-height:28px; margin:8px 0;}
.about1 .info4{ line-height:28px; margin:8px 0;}


}
@media screen and (max-width:480px){

.about1 .info2 .li1{margin:8px 5%;}

}
@media screen and (max-width:374px){

.about1 .info2 .li1{margin:8px 3%;}

}

.about2{ float:left; width:100%; background:#fff; padding:60px 0 80px 0;}
.about_list2{ float:left; width:100%; margin-top:40px;}
.about_list2 .ul1{ margin:0 -15px;}
.about_list2 li{ margin:0 15px; border:1px solid #e5e5e5; padding:0 25px;}
.about_list2 .img1{ float:left; width:100%; line-height:0; margin:25px 0;}
.about_list2 .tit1{ float:left; width:100%; border-top:1px solid #e5e5e5; font-size:16px; line-height:45px; text-align:center;}
.about_list2 li:hover{ color:#00a0e9;}
.about_list2 .slick-dots{ position:static; margin-top:40px; height:12px;}
.about_list2 .slick-dots li{ width:12px; height:12px; border-radius:50%; overflow:hidden; background:#00a0e9; text-indent:-999px; opacity:0.2; filter:alpha(opacity=20); padding:0; margin:0 9px; vertical-align:top;}
.about_list2 .slick-dots li.slick-active{opacity:1; filter:alpha(opacity=100);}

@media screen and (max-width:1366px){
.about_list2 .ul1{ margin:0 -10px;}	
.about_list2 li{ margin:0 10px; padding:0 20px;}
.about_list2 .img1{ margin:20px 0;}


}
@media screen and (max-width:1023px){
.about2{ padding:20px 0 30px 0;}
.about_list2{ margin-top:20px;}
.about_list2 .ul1{ margin:0 -6px;}	
.about_list2 li{ margin:0 6px; padding:0 12px;}
.about_list2 .img1{ margin:12px 0;}
.about_list2 .tit1{ line-height:40px; font-size:14px;}
.about_list2 .slick-dots{ margin-top:20px; height:10px;}
.about_list2 .slick-dots li{ width:10px; height:10px; margin:0 4px;}


}
@media screen and (max-width:767px){

}


.about3{ float:left; width:100%; background:#f9fafb; padding:74px 0 80px 0;}
.about_img3{ float:left; width:100%; margin-top:20px;}
.about_img3 ul{ margin:0 -5px;}
.about_img3 li{ float:left; padding:0 5px;}
.about_img3 .li1{ width:36.4261%;}
.about_img3 .li2{ width:36.4261%;}
.about_img3 .li3{ width:27.0618%; float:right;}
.about_img3 .l1{ float:left; width:100%; line-height:0; margin-top:10px; overflow:hidden;}
.about_img3 .l2{ float:left; width:37.9227%; line-height:0; margin-top:10px; overflow:hidden;}
.about_img3 .l3{ float:right; width:59.6618%; line-height:0; margin-top:10px; overflow:hidden;}
.about_img3 li 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;}
.about_img3 li div:hover img{ -webkit-transform: scale(1.1); -moz-transform: scale(1.1);transform: scale(1.1);}
@media screen and (max-width:1023px){
.about3{ padding:20px 0 30px 0;}	
.about_img3{ margin-top:15px;}	
.about_img3 ul{ margin:0 -3px;}
.about_img3 li{ float:left; padding:0 3px;}	
.about_img3 .l1{ margin-top:6px;}
.about_img3 .l2{ margin-top:6px;}
.about_img3 .l3{ margin-top:6px;}


}
@media screen and (max-width:767px){
.about_img3 ul{ margin:0 -2px;}
.about_img3 li{ float:left; padding:0 2px;}	
.about_img3 .l1{ margin-top:4px;}
.about_img3 .l2{ margin-top:4px;}
.about_img3 .l3{ margin-top:4px;}
}




/* 分页 */
.wack1{ float:left; width:100%; padding:60px 0; text-align:center;}
.pz_fy{ display:inline-block; *display:inline; *zoom:1;}
.pz_fy a { float:left; width:38px; height:38px; line-height:38px;  border-radius:38px; -moz-border-radius:38px; -webkit-border-radius:38px; border: #e1e1e1 1px solid; color:#272727; font-size:14px; margin:0 5px;}
.pz_fy a:hover,
.pz_fy a.on{color:#fff; border:#00a0e9 1px solid; background-color:#00a0e9;}
.pz_fy .l_fy{ background:url(../images/h_img3.png) center no-repeat; width:100px; display:inline-block; *display:inline; *zoom:1;}
.pz_fy .r_fy{ background:url(../images/h_img2.png) center no-repeat; width:100px; display:inline-block; *display:inline; *zoom:1;}
.pz_fy .l_fy:hover{ background:url(../images/h_img3_1.png) center no-repeat #00a0e9;}
.pz_fy .r_fy:hover{ background:url(../images/h_img2_1.png) center no-repeat #00a0e9;}

@media  screen and (max-width:1023px){
.wack1{padding:30px 0;}	
.fy_pc{ text-align:center; font-size:14px; color:#272727; padding:5px 0;}
.fy_pc a{ padding:5px 25px; color:#fff; border:solid 1px #00a0e9; background:#00a0e9; border-radius:16px; overflow:hidden;}
.fy_pc span{ padding:5px 20px; color:#272727;}
}

/*2产品展示*/
.pord_list{ float:left; width:100%; margin-top:28px;}
.pord_list ul{ margin:0 -11px;}
.pord_list li{ float:left; width:33.3333%; padding:22px 11px 0 11px;}
.pord_list li a{ float:left; width:100%; background:#fff; box-shadow:0 0 18px rgba(0,0,0,0.04);}
.pord_list li a .img1{ float:left; width:100%; position:relative;}
.pord_list li a .pic1{ float:left; width:100%; line-height:0; position:absolute; left:0; top:0; z-index:5;-webkit-transform: scale(0); -moz-transform: scale(0);transform: scale(0);-webkit-transition: all 0.6s ease-out 0s; 
-moz-transition: all 0.6s ease-out 0s; 
-o-transition: all 0.6s ease-out 0s; 
transition: all 0.6s ease-out 0s;}
.pord_list li a:hover .pic1{-webkit-transform: scale(1); -moz-transform: scale(1);transform: scale(1);}
.pord_list li a .pic2{ float:left; width:100%; line-height:0; overflow:hidden; position:relative; z-index:6;}
.pord_list li a .pic2 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;}
.pord_list li a:hover .pic2 img{ -webkit-transform: scale(1.1); -moz-transform: scale(1.1);transform: scale(1.1);}
.pord_list li a .info{ float:left; width:100%; color:#333333; font-size:18px; line-height:28px; margin:11px 0 14px 0; padding:0 10px; text-align:center;}
.pord_list li a .more{ float:left; width:100%; margin-bottom:30px;}
.pord_list li a .more span{ display:block; margin:0 auto; border:1px solid #00a0e9; width:116px; height:36px; line-height:34px; color:#00a0e9; font-size:14px; text-align:center;-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;}
.pord_list li a:hover .info{ color:#00a0e9; font-weight:bold;}
.pord_list li a:hover .more span{ background:#00a0e9; color:#fff;}

@media  screen and (max-width:1023px){
.pord_list{ margin-top:3px;}	
.pord_list ul{ margin:0 -6px;}
.pord_list li{ padding:12px 6px 0 6px;}
.pord_list li a .info{ font-size:16px; line-height:26px; margin:8px 0 10px 0;}
.pord_list li a .more{ margin-bottom:20px;}
.pord_list li a .more span{ width:90px; height:30px; line-height:28px;}

}

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

.pord_list li{ width:50%;}

}

/*3产品详情*/
.pord_det1{ float:left; width:100%; margin:60px 0; position:relative;}
.pord_det1 .tab{ float:left; width:570px; position:absolute; left:0; top:0;}
.pord_det1 .tab .small{ float:left; width:90px;}
.pord_det1 .tab .small .img1{ line-height:0; margin-bottom:15px; background:#fff; border-radius:10px; overflow:hidden;}
.pord_det1 .tab .small .slick-prev{ width:40px; height:40px; background:url(../images/main54.png) center no-repeat; background-size:100% 100%; left:0; top:auto; bottom:-40px;}
.pord_det1 .tab .small .slick-next{ width:40px; height:40px; background:url(../images/main55.png) center no-repeat; background-size:100% 100%; right:0; top:auto; bottom:-40px;}
.pord_det1 .tab .small .slick-prev:hover{ background:url(../images/main54_1.png) center no-repeat; background-size:100% 100%;}
.pord_det1 .tab .small .slick-next:hover{ background:url(../images/main55_1.png) center no-repeat; background-size:100% 100%;}
.pord_det1 .tab .big{ float:right; width:460px; height:460px; background:#fff; border-radius:10px; overflow:hidden; box-shadow:0 0 18px rgba(0,0,0,0.04);}
.pord_det1 .tab .big .img1{ line-height:0;}

.pord_det1 .info{ float:right; width:100%; padding-left:600px;}
.pord_det1 .info .p1{ float:left; width:100%; color:#00a0e9; font-size:30px; line-height:40px; margin:12px 0 20px 0;}
.pord_det1 .info .p2{ float:left; width:100%; color:#4c4c4c; font-size:16px; line-height:26px;}
.pord_det1 .info .p3{ float:left; width:100%; color:#808080; font-size:14px; line-height:36px; margin:23px 0 50px 0; border-top:1px dotted #cccccc; border-bottom:1px dotted #cccccc; padding:15px 0;}
.pord_det1 .info .p4{ float:left; width:100%;}
.pord_det1 .info .p4 .btn1{ float:left; background:#00a0e9; color:#fff; font-size:16px; line-height:40px; width:150px; height:44px; border-radius:44px; text-align:center; margin-right:21px;}
.pord_det1 .info .p4 .btn1:hover{ box-shadow:0 5px 5px rgba(0,0,0,0.2);}
.pord_det1 .bdshare1{ float:left;}
.pord_det1 .bdshare1 .bds_more{ width:44px !important; height:44px !important; margin:0 !important; background:url(../images/main49.png) center no-repeat #f19e27; border-radius:50%;}

.pord_det2{ float:left; width:100%; margin:40px 0 63px 0; background:#fff; padding:17px 26px; position:relative; z-index:8; color:#5a4e4a; font-size:16px; line-height:30px;}
.pord_det2 .img1{ float:left; width:100%; line-height:0; margin:11px 0;}
.pord_tit2{ float:left; width:100%; text-align:center; margin-top:59px; color:#5a4e4a; font-size:24px; line-height:24px; position:relative; z-index:8; overflow:hidden;}
.pord_tit2 span{ position:relative; padding:0 23px; letter-spacing:2px;}
.pord_tit2 span::after{ float:left; width:483px; height:100%; background:url(../images/main50.png) right center no-repeat; z-index:6; content:''; position:absolute; left:-483px; top:0;}
.pord_tit2 span::before{ float:left; width:483px; height:100%; background:url(../images/main50.png) left center no-repeat; z-index:6; content:''; position:absolute; right:-483px; top:0;}
.pord_det2_bg{ float:left; width:100%; position:relative;}
.pord_det2_bg::after{ float:left; width:100%; height:247px; background:url(../images/main56.png) center repeat; z-index:6; content:''; position:absolute; left:0; top:0;}

@media  screen and (max-width:1240px){
.pord_det1 .tab{ width:442px;}	
.pord_det1 .tab .small{ width:70px;}
.pord_det1 .tab .small .img1{ margin-bottom:12px;}
.pord_det1 .tab .small .slick-prev{ width:30px; height:30px; bottom:-30px;}
.pord_det1 .tab .small .slick-next{ width:30px; height:30px; bottom:-30px;}
.pord_det1 .tab .big{width:360px; height:360px; }
.pord_det1 .info{ padding-left:470px;}
.pord_det1 .info .p1{ font-size:24px; line-height:34px; margin:6px 0 10px 0;}
.pord_det1 .info .p3{ padding:7px 0; line-height:30px; margin:12px 0 25px 0;}

.pord_det2{ font-size:14px; line-height:28px;}


}
@media  screen and (max-width:991px){
.pord_det1{ margin:30px 0;}	
.pord_det1 .tab{ width:370px;}	
.pord_det1 .tab .small{ width:58px;}
.pord_det1 .tab .small .img1{ margin-bottom:10px;}
.pord_det1 .tab .small .slick-prev{ width:26px; height:26px; bottom:-30px;}
.pord_det1 .tab .small .slick-next{ width:26px; height:26px; bottom:-30px;}
.pord_det1 .tab .big{width:300px; height:300px; }
.pord_det1 .info{ padding-left:385px;}
.pord_det1 .info .p1{ font-size:18px; line-height:28px; margin:2px 0 5px 0;}
.pord_det1 .info .p3{ padding:7px 0; line-height:26px; margin:10px 0 20px 0;}
.pord_det1 .info .p4 .btn1{ font-size:15px; line-height:30px; width:110px; height:32px; border-radius:32px; margin-right:12px;}
.pord_det1 .bdshare1 .bds_more{ width:32px !important; height:32px !important; background-size:14px 14px;}

.pord_det2{ margin:20px 0 30px 0; padding:8px 12px}
.pord_det2 .img1{ margin:5px 0;}
.pord_tit2{ font-size:18px; line-height:18px; margin-top:30px;}
.pord_tit2 span{ padding:0 15px;}
.pord_tit2 span::after{ background-size:auto 6px;}
.pord_tit2 span::before{ background-size:auto 6px;}

}

@media  screen and (max-width:767px){
.pord_det1{ margin:20px 0 30px 0;}	
.pord_det1 .tab{ width:100%; position:relative;}	
.pord_det1 .tab .small{ width:100%; margin-top:12px; padding:0 30px;}
.pord_det1 .tab .small .img1{ margin:0 4px; border-radius:5px;}
.pord_det1 .tab .big{width:100%; height:auto;  border-radius:5px;}
.pord_det1 .tab .big .img1 img{ width:290px; height:290px; display:block; margin:0 auto;}
.pord_det1 .info{ padding-left:0; margin-top:15px;}
.pord_det1 .tab .small .slick-prev{ bottom:auto; top:50%; margin-top:-13px;transform:rotate(-90deg);-webkit-transform:rotate(-90deg);-moz-transform:rotate(-90deg); -o-transform:rotate(-90deg);    
-ms-transform:rotate(-90deg);}
.pord_det1 .tab .small .slick-next{ bottom:auto; top:50%; margin-top:-13px;transform:rotate(-90deg);-webkit-transform:rotate(-90deg);-moz-transform:rotate(-90deg); -o-transform:rotate(-90deg);    
-ms-transform:rotate(-90deg);}

}





/*4新闻快讯*/
.news_list{ float:left; width:100%; margin-top:30px;}
.news_list li{ float:left; width:100%; margin-top:30px; background:#fff; border-radius:110px; box-shadow:0 0 18px rgba(0,0,0,0.04); padding:15px; }
.news_list li a{ float:left; width:100%; position:relative; min-height:186px;}
.news_list li a .img1{ float:left; width:186px; height:186px; border-radius:50%; line-height:0; overflow:hidden; position:absolute; left:0; top:0;}
.news_list li a .info{ float:left; width:100%; padding:0 7.5% 0 230px;}
.news_list li a .info .tit{ float:left; width:100%; color:#00a0e9; font-size:18px; line-height:28px; font-weight:bold; margin:28px 0 15px 0;}
.news_list li a .info .p1{ float:left; width:100%; color:#5a4e4a; font-size:14px; line-height:22px; height:44px; overflow:hidden;}
.news_list li a .info .time{ float:left; width:100%; color:#999999; font-size:16px; line-height:26px; margin-top:30px;}
.news_list li:hover{ background:#00a0e9;-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;}
.news_list li:hover a .info .tit{ color:#fff;}
.news_list li:hover a .info .p1{ color:#fff;}
.news_list li:hover a .info .time{ color:#fff;}
.news_list li:hover a .img1{-webkit-transition: 2s ease;
   -moz-transition: 2s ease;
	-ms-transition: 2s ease;
	 -o-transition: 2s ease;
		transition: 2s ease;
-webkit-transform: rotate(360deg);
   -moz-transform: rotate(360deg);
	-ms-transform: rotate(360deg);
	 -o-transform: rotate(360deg);
		transform: rotate(360deg);}

@media  screen and (max-width:1240px){
.news_list li a{ min-height:160px;}	
.news_list li a .img1{ width:160px; height:160px;}
.news_list li a .info{ padding:0 6% 0 190px;}
.news_list li a .info .tit{ margin:20px 0 12px 0;}
.news_list li a .info .time{ margin-top:18px;}

}

@media  screen and (max-width:1023px){
.news_list{ margin-top:3px;}
.news_list li{ margin-top:12px; padding:10px;}
.news_list li a{ min-height:100px;}	
.news_list li a .img1{ width:100px; height:100px;}
.news_list li a .info{ padding:0 5% 0 112px;}
.news_list li a .info .tit{ margin:5px 0 3px 0; font-size:16px; line-height:26px;}
.news_list li a .info .p1{ font-size:13px; line-height:20px; height:40px;}
.news_list li a .info .time{ margin-top:4px; font-size:14px; line-height:22px;}

}
@media  screen and (max-width:767px){
.news_list li{ padding:8px;}
.news_list li a{ min-height:94px;}
.news_list li a .img1{ width:94px; height:94px;}
.news_list li a .info{padding: 0 15px 0 104px;}
.news_list li a .info .tit{ margin:2px 0;}
.news_list li a .info .time{ margin-top:2px;}

}




/*5新闻详情*/
.news_det{ float:left; width:100%; padding:56px 0 51px 0;}
.news_det .tit1{ float:left; width:100%; text-align:center; color:#3e3e3e; font-size:24px; line-height:24px;}
.news_det .tit2{ float:left; width:100%; padding:34px 0 15px 0; border-bottom:1px dotted #aeafaf;}
.news_det .tit2 .span{ float:left; color:#999999; font-size:14px; line-height:24px; padding-left:27px; margin-left:3px;}
.news_det .tit2 .sp1{ background:url(../images/main24.png) left center no-repeat; margin-right:27px;}
.news_det .tit2 .sp2{ background:url(../images/main25.png) left center no-repeat;}
.news_det .tit2 .renter{ float:right; color:#999999; font-size:14px; line-height:24px; padding-right:34px;background:url(../images/main26.png) right center no-repeat;}
.news_det .tit2 .renter:hover{ color:#00a0e9;}
.news_det .info1{ float:left; width:100%; color:#5a4e4a; font-size:16px; line-height:30px; padding-top:24px;}
.news_det .info1 .sp1{ font-weight:bold;}


.sx_fy{ float:left; width:100%; margin-bottom:80px; border-bottom:1px solid #e0e0e0; border-top:1px solid #e0e0e0; padding:15px 0; background:url(../images/main21.jpg) center no-repeat;}
.sx_fy a{ float:left; width:50%; color:#5a4e4a; font-size:16px; line-height:25px; padding:0 56px; overflow:hidden;white-space: nowrap; text-overflow:ellipsis;}
.sx_fy a.l_fy{ background:url(../images/main22.png) right center no-repeat; text-align:right;}
.sx_fy a.r_fy{ background:url(../images/main23.png) left center no-repeat;}
.sx_fy a:hover{ color:#00a0e9;}


@media  screen and (max-width:1240px){
.news_det .info1{ font-size:14px; line-height:28px;}
.sx_fy a{ font-size:14px;}

}

@media  screen and (max-width:1023px){
.news_det{ padding:20px 0 25px 0;}	
.news_det .tit1{ font-size:18px; line-height:28px;}
.news_det .tit2{ padding:10px 0;}
.news_det .tit2 .sp1{ margin-right:14px;}
.news_det .info1{ padding-top:14px;}
.sx_fy{ margin-bottom:30px;}
.sx_fy a{ padding:0 40px;}
}

@media  screen and (max-width:767px){
.news_det{ padding:20px 0 25px 0;}	
.news_det .tit1{ font-size:18px; line-height:28px;}
.news_det .tit2 .span{ margin-left:0; padding-left:24px; font-size:13px;}
.news_det .tit2 .renter{ font-size:13px; padding-right:32px;}
.sx_fy{ background:none; padding:12px 0;}
.sx_fy a{ padding:0 0 0 30px; width:100%;}
.sx_fy a.l_fy{ background:url(../images/main23.png) left center no-repeat; text-align:left;}
.sx_fy a.r_fy{}

.news_det .info1 img{height:auto !important;}


}
@media  screen and (max-width:374px){
.news_det .tit2 .renter{ float:left;}

}




/*6人才招聘*/
.jionIn{ float:left; width:100%; margin:30px 0 80px 0;}
.jionIn li{ float:left; width:100%; background:#fff; margin-top:30px; border-left:3px solid #00a0e9;}
.jionIn li .tit{ float:left; width:100%; padding:25px 30px 27px 30px; cursor:pointer;}
.jionIn li .tit .t1{ float:left; width:100%;}
.jionIn li .tit .t1 h1{ float:left; color:#00a0e9; font-size:24px; line-height:34px;}
.jionIn li .tit .t1 h5{ float:right; color:#808080; font-size:14px; line-height:34px;padding-right:50px; position:relative;}
.jionIn li .tit .t1 h5::after{ float:left; width:28px; height:15px; background:url(../images/jion1.png) right center no-repeat; background-size:100% 100%; content:''; position:absolute; right:0; top:50%; margin-top:-7px;-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;}
.jionIn li .tit .t2{ float:left; width:100%; color:#333333; font-size:14px; line-height:24px; margin-top:8px;}

.jionIn li .tit.active .t1 h5::after{ transform:rotate(180deg); -moz-transform:rotate(180deg); -webkit-transform:rotate(180deg); -ms-transform:rotate(180deg); -o-transform:rotate(180deg);} 

.jionIn li .box{ display:none; float:left; width:100%; padding:0 40px 40px 30px;}
.jionIn li .box .line{ float:left; width:100%; border-top:1px solid #e6e6e6; padding-top:19px; position:relative;}
.jionIn li .box .p1{ float:left; width:100%; color:#666666; font-size:16px; line-height:36px; font-weight:bold;}
.jionIn li .box .p2{ float:left; width:100%; color:#4c4c4c; font-size:14px; line-height:34px; margin:0 0 35px 0;}
.jionIn li .box .email{ float:left; width:100%; color:#666666; font-size:16px; line-height:36px; font-weight:bold;}
.jionIn li .box .email a{ color:#666666;}
.jionIn li .box .but{ float:left; width:100%;}
.jionIn li .box .but a{ float:right; width:155px; height:40px; line-height:38px; color:#fff; font-size:18px; background:#00a0e9; text-align:center; border-radius:20px; -moz-border-radius:20px; -webkit-border-radius:20px;}
.jionIn li .box .but a:hover{ box-shadow:0 5px 10px rgba(0,0,0,0.2);}

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

.jionIn{ margin:10px 0 30px 0;}
.jionIn li{ margin-top:10px; border-left:2px solid #00a0e9;}
.jionIn li .tit{ padding:14px 15px;}
.jionIn li .tit .t1 h1{ font-size:18px; line-height:28px;}
.jionIn li .tit .t1 h5{ line-height:28px; background-size:20px 11px; padding-right:30px;}
.jionIn li .tit .t2{  margin-top:2px;}
.jionIn li .tit .t1 h5::after{ width:20px; height:11px;} 

.jionIn li .box{ padding:0 15px 25px 15px;}
.jionIn li .box .line{ padding-top:15px; }
.jionIn li .box .p1{ line-height:30px; }
.jionIn li .box .p2{ line-height:30px; margin:0 0 16px 0;}
.jionIn li .box .email{ line-height:30px;}
.jionIn li .box .but a{ width:120px; height:34px; line-height:32px;font-size:16px; border-radius:20px; -moz-border-radius:20px; -webkit-border-radius:20px;}

}
@media screen and (max-width:767px) {

.jionIn li .box .p2{ font-size:12px; line-height:24px;}
.jionIn li .box .p1{ font-size:14px; line-height:26px;}
.jionIn li .box .email{ font-size:14px; line-height:26px;}
.jionIn li .tit .t1 h1{ font-size:16px; line-height:24px;}
.jionIn li .tit .t1 h5{ font-size:12px; line-height:24px;}
.jionIn li .tit .t2{ font-size:12px; line-height:20px; margin-top:0;}



}

/*8联系我们*/
.bdMap{ float:left; width:100%; border-radius:25px; overflow:hidden; margin-bottom:80px;}
#allmap{ float:left; width:100%; height:533px;}
.contact1{ float:left; width:100%; padding:80px 0 57px 0;}
.zy_tit1{ float:left; width:100%; line-height:0; text-align:center;}
.zy_tit2{ float:left; width:100%; line-height:24px; color:#00a0e9; font-size:24px; font-family:'宋体'; text-align:center; margin-top:23px;}
.zy_tit3{ float:left; width:100%; color:#5a4e4a; font-size:14px; line-height:24px; text-align:center; margin:27px 0 53px 0;}
.zy_tit4{ float:left; width:100%; background:url(../images/main30.png) right center no-repeat;}
.zy_tit4 span{ float:left; background:#f9fafb; padding-right:22px;color:#00a0e9; font-size:24px; line-height:24px; font-weight:bold; }
.contact1 .info5{ float:left; width:100%; position:relative;}
.contact1 .info5 .in1{ float:left; width:100%;}
.contact1 .info5 .li1{ float:left; width:48.7%; position:relative; margin:38px 0 3px 0;}
.contact1 .info5 .ico{ float:left; width:88px; height:88px; position:absolute; left:0; top:0;}
.contact1 .info5 .text{ float:left; width:100%; min-height:88px; padding-left:118px;}
.contact1 .info5 .text .p1{ float:left; width:100%; color:#333333; font-size:20px; line-height:30px; margin:10px 0 14px 0;}
.contact1 .info5 .text .p2{ float:left; width:100%; color:#666666; font-size:16px; line-height:26px;}

.contact1 .info5 .in2{ float:right; width:266px; margin-top:37px; position:absolute; right:0; top:0;}
.contact1 .info5 .li2{ float:right; text-align:center; margin-left:32px;}
.contact1 .info5 .li2 i{ display:block; width:90px; height:90px; background:#00a0e9; padding:6px; border-radius:8px;}
.contact1 .info5 .li2 h5{ display:block; color:#666666; font-size:14px; line-height:22px; margin-top:10px;}
.contact1 .info5 .li3{ float:left; width:100%; margin-top:45px;}
.contact1 .info5 .li3 a{ float:right; width:124px; height:40px; line-height:38px; background:#fff; border:1px solid #00a0e9; color:#00a0e9; font-size:16px; text-align:center; border-radius:20px;}
.contact1 .info5 .li3 a:hover{ background:#00a0e9; color:#fff;}

@media screen and (max-width:1366px) {
.contact1 .info5 .ico{ width:70px; height:70px;}
.contact1 .info5 .text{ min-height:70px; padding-left:85px;}
.contact1 .info5 .text .p1{ font-size:18px; line-height:28px; margin:5px 0 7px 0;}
.contact1 .info5 .text .p2{ font-size:14px; line-height:24px;}
.contact1 .info5 .li3{ margin-top:22px;}
.contact1 .info5 .li3 a{ width:110px; height:34px; line-height:32px; font-size:15px;}

}
@media screen and (max-width:1240px) {
.contact1 .info5 .li1{ width:42.5%;}
.contact1 .info5 .ico{ width:60px; height:60px;}
.contact1 .info5 .text{ min-height:60px; padding-left:72px;}
.contact1 .info5 .text .p1{ font-size:17px; line-height:26px; margin:3px 0 5px 0;}

}

@media screen and (max-width:1023px) {
.bdMap{ border-radius:15px; margin-bottom:30px;}
#allmap{ height:300px;}

.contact1{ padding:30px 0 20px 0;}
.zy_tit1 img{ height:36px;}
.zy_tit2{ font-size:18px; line-height:18px; margin-top:12px;}
.zy_tit3{ margin:10px 0 15px 0;}
.zy_tit4{ background-size:auto 6px;}
.zy_tit4 span{ font-size:18px; line-height:18px; padding-right:13px;}
.contact1 .info5{ margin-top:5px;}
.contact1 .info5 .li1{ width:100%; margin:15px 0 0 0;}
.contact1 .info5 .in2{ margin-top:60px;}
.contact1 .info5 .li2 i{ padding:4px;}
.contact1 .info5 .ico{ width:50px; height:50px;}
.contact1 .info5 .text{ min-height:50px;padding-left:60px;}
.contact1 .info5 .text .p1{ margin:0;}



}
@media screen and (max-width:768px) {
.contact1 .info5 .in2{ position:relative; width:100%; margin-top:20px; text-align:center;}
.contact1 .info5 .li2{ float:left; display:inline-block; *display:inline; *zoom:1; margin:0 15px 0 0;}
.contact1 .info5 .li3{ margin-top:15px;}
.contact1 .info5 .li3 a{ float:left;}


}

/*7招商加盟*/
.Join_hd{ float:left; width:42px; height:80%; position:fixed; right:2.6%; top:10%; z-index:66;}
.Join_hd .hd{ float:left; width:100%; height:122px; color:#fff; font-size:18px; line-height:18px; background:url(../images/main40.png) center bottom no-repeat; background-size:100% 100%; text-align:center; margin:3px 0; padding:23px 5px 0 5px;}
.Join_hd .hd.on,
.Join_hd .hd.current{background:url(../images/main41.png) center bottom no-repeat;background-size:100% 100%;}
.Join_bd{ float:left; width:100%; }
.Join_bd .img1{ float:left; width:100%; line-height:0;}
.Join_bd .box2{ float:left; width:100%; padding:80px 9.2% 0 9.2%;}
.Join_bd .form1{ float:left; width:100%; margin-top:40px;}
.Join_bd .ul1{ float:left; width:100%; border-radius:25px 25px 0 0; background:#00a0e9; text-align:center; padding:0 30px;}
.Join_bd .ul1 li{ float:left; width:25%; color:#fff; font-size:24px; line-height:68px;}
.Join_bd .ul1 li.l1{ float:left; width:31%;}
.Join_bd .ul1 li.l2{ float:left; width:19%;}
.Join_bd .ul2{ float:left; width:100%; background:#fff; border-radius:0 0 25px 25px; text-align:center; padding:0 30px 20px 30px;}
.Join_bd .ul2_2{ float:left; width:100%; border-bottom:1px solid #e7e7e7;}
.Join_bd .ul2_2.n2 li{ background:#f9f9f9;}
.Join_bd .ul2_2 li{ float:left; width:25%; color:#666666; font-size:18px; line-height:58px; border-right:1px solid #e7e7e7;}
.Join_bd .ul2_2 li.l1{ float:left; width:31%;}
.Join_bd .ul2_2 li.l2{ float:left; width:19%;}
.Join_bd .ul2_2 li:last-child{ border:none;}
.Join_bd .ul2_2 li.l3{ color:#00a0e9;}
.Join_bd .ul2_2.n2 li.l3{ background:#f1fbff;}


.Join_bd .form2{ float:left; width:100%; margin:40px 0 80px 0;  border-radius:25px; padding:40px 0 68px 0;}
.Join_bd .fm1{ display:block; margin:0 auto; width:848px;}
.Join_bd .lab1{ float:left; width:48.8%; margin-top:20px; position:relative;}

.Join_bd .lab1 .img_code{position:absolute; height:32px; width:auto; right:10px; top:10px;}

.Join_bd .lab2{ width:100%;}
.Join_bd .ico{ float:left; width:18px; height:18px; line-height:0; position:absolute; left:20px; top:17px;}
.Join_bd .fv1{ float:left; width:100%; height:52px; line-height:52px; color:#666666; font-size:16px; background:#f6f9fb; border:none; padding:0 12px 0 46px;}
.Join_bd .fv2{ float:left; width:100%; height:109px; line-height:26px; color:#666666; font-size:16px; background:#f6f9fb; border:none; padding:14px 12px 14px 46px;}
.Join_bd .fv3{ float:left; width:100%; height:55px; line-height:55px; color:#ffffff; font-size:16px; background:#00a0e9; border:none; border-radius:5px;}
.Join_bd .fv3:hover{ box-shadow:0 3px 6px rgba(0,0,0,0.2);}


@media screen and (max-width:1600px) {
.Join_bd .ul1{ padding:0 20px;}
.Join_bd .ul1 li{ font-size:20px; line-height:56px;}
.Join_bd .ul2{ padding:0 20px 20px 20px;}
.Join_bd .ul2_2 li{ font-size:16px; line-height:48px;}
}

@media screen and (max-width:1440px) {
.Join_bd .ul1 li{ width:22%;}	
.Join_bd .ul1 li.l1{ float:left; width:37%;}
.Join_bd .ul1 li.l2{ float:left; width:19%;}
.Join_bd .ul2_2 li{ width:22%;}
.Join_bd .ul2_2 li.l1{ float:left; width:37%;}
.Join_bd .ul2_2 li.l2{ float:left; width:19%;}
.Join_bd .fm1{ width:86%;}
}
@media screen and (max-width:1240px) {
.Join_hd{ right:10px; width:32px;}
.Join_hd .hd{ height:93px; font-size:16px; line-height:16px; padding:12px 5px 0 5px;}
.Join_bd .box2{ padding:50px 70px 0 70px;}	
.Join_bd .ul2_2 li{ font-size:14px;}
	
}
@media screen and (max-width:1023px) {

#Join1{ margin-top:70px;}
.Join_hd{ right:0; top:80px;}
.Join_hd .hd{ width:auto; height:auto; font-size:14px; line-height:14px; margin:1px 0; padding:5px 10px 10px 10px;/* background:url(../images/main40.png) center repeat-x;*/}
.Join_hd .hd.on,
.Join_hd .hd.current{/* background:url(../images/main41.png) center repeat-x;*/}
.Join_bd .form1{ margin-top:20px; background:#fff; padding:10px; border-radius:5px;}	
.Join_bd .form2{ margin:20px 0 30px 0; border-radius:15px; padding:10px 0 30px 0;}	
.Join_bd .lab1{ margin-top:12px;}

.Join_bd .lab1 .img_code{height:26px; top:8px; right:8px;}

.Join_bd .fv1{ height:42px; line-height:42px; font-size:14px;padding:0 12px 0 36px;}
.Join_bd .fv2{ padding:9px 12px 9px 36px; font-size:14px; line-height:24px;}
.Join_bd .ico{ left:12px; top:12px;}
.Join_bd .fv3{ height:45px; line-height:45px; font-size:15px;}
.Join_bd .box2{ padding:30px 30px 0 30px;}	
.Join_bd .xb1{ float:left; width:100%;}
.Join_bd .ul3{ float:left; width:100%; border-radius:3px; overflow:hidden; margin:4px 0; background:#f9f9f9; text-align:center;}
.Join_bd .l1{ float:left; width:15%; color:#fff; font-size:16px; line-height:40px; border-bottom:1px solid #fff; border-top:1px solid #fff; background:#00a0e9; margin-top:-1px;}
.Join_bd .l2{ float:left; width:35%; color:#666666; font-size:14px; line-height:40px; border-bottom:1px solid #fff; border-top:1px solid #fff; background:#f9f9f9; padding-left:15px; margin-top:-1px;}
.Join_bd li:nth-child(4n){ color:#00a0e9;}

}
@media screen and (max-width:767px) {
.Join_bd .lab1{ width:100%;}
.Join_bd .box2{ padding:20px 12px 0 12px;}	
.Join_bd .l1{ width:30%;}
.Join_bd .l2{ width:70%;}

/*.Join_bd .lab1 .img_code{height:22px; top:8px; right:8px;}*/

}



/*main*/
.e_box{ float:left;height: 100%; width: 100%; position:absolute; left:0; top:0; z-index:6; background-repeat: no-repeat;  background-position: center;background-size:cover;/* -webkit-animation: breatheBg 10s ease-in-out infinite alternate; animation: breatheBg 10s ease-in-out infinite alternate; */} @-webkit-keyframes breatheBg { 
0% { opacity: .8; -webkit-transform: scale(1);transform: scale(1);} 
100% { opacity: 1; -webkit-transform: scale(1.3);transform: scale(1.3);} 
}
@keyframes breatheBg { 
0% { opacity: .8; -webkit-transform: scale(1);transform: scale(1);} 
100% { opacity: 1; -webkit-transform: scale(1.3);transform: scale(1.3);} 
}

/*index_about*/
.page_bg1{ float:left; width:100%; height:100%; position:relative; z-index:1; left:0; top:0;}
.page_bg1 .bg{ float:left; width:100%; height:100%; position:relative;}
.index_about{ float:left; width:100%; position:relative;}
.index_about .box1{ float:left; width:65%; position:relative; z-index:6; margin-top:190px;}
.index_about .box1 .img1{ float:left; width:100%; line-height:0;}
.index_about .box1 .logo2{ float:left; width:111px; line-height:0; position:absolute; left:4.4%; top:6.6%;}
.index_about .box2{ float:left; width:503px; height:530px; background:#fff; border-radius:0 38px 0 0; padding:30px 40px; position:absolute; right:0; z-index:8;}
.index_about .box2::after{ float:left; width:100%; height:100%; position:absolute; left:-20px; top:20px; border:1px dotted #cccccc; z-index:6; content:''; border-radius:0 38px 0 0; z-index:1;}
.index_about .box3{ float:left; width:884px; line-height:0; position:absolute; left:-193px; top:79px; z-index:4;}
.index_tit1{ float:left; width:100%; line-height:0; position:relative; z-index:66;}
.index_tit2{ float:left; width:100%; color:#00a0e9; font-size:24px; line-height:24px; font-family:宋体; margin:20px 0 28px 0;position:relative; z-index:66;}
.index_info1{ float:left; width:100%; color:#444444; font-size:16px; line-height:36px; height:252px; overflow:hidden; margin-bottom:35px;position:relative; z-index:66;}
.index_more1{ float:left; width:100%;position:relative; z-index:66;}
.index_more1 .sp1{ float:left; width:42px; height:42px; border-radius:50%; background:url(../images/ab8.png) center no-repeat #00a0e9;}
.index_more1 .sp2{ float:left; margin:0 5px;}
.index_more1 .sp2 i{ float:left; width:5px; height:5px; border-radius:50%; background:#d9d9d9; margin:18px 5px;}
.index_more1 .sp3{ float:left; color:#f37823; font-size:14px; line-height:42px; text-transform:uppercase; font-weight:bold; padding-left:23px; background:url(../images/ab21.png) left center no-repeat;}
.index_more1:hover .sp3{ text-decoration:underline;opacity:0.8; filter:alpha(opacity=80); }


.active .index_about .box3,
.active .index_about .box1 .logo2{
	animation-name: zoomIn;
    animation-duration: 1.3s;
    animation-delay: 0.5s;
    animation-fill-mode: both;
  } 
.active .index_about .box1 .img1{
	animation-name: lightSpeedIn;
    animation-duration: 1.3s;
    animation-delay: 0.5s;
    animation-fill-mode: both;
  }   	 
.active .index_about .box2{
	animation-name: lightSpeedIn;
    animation-duration: 1.3s;
    animation-delay: 0.6s;
    animation-fill-mode: both;
  } 


@media  screen and (min-width:1023px) and (max-height:768px){
.index_about .box1{ margin-top:100px; width:63%;}
.index_about .box2{ height:auto;}
.index_about .box2::after{ left:-15px; top:15px;}
.index_about .box3{ top:25px; width:710px; left:-20px;}

}
@media screen and (max-width:1780px){
.index_about .box3{ width:700px; left:-15px; top:68px;}
.index_about .box1{ margin-top:150px;}

}
@media screen and (max-width:1460px){
.index_about .box3{ width:600px; left:-15px; top:25px;}
.index_about .box1{ margin-top:100px;}
.index_about .box2{ width:420px; height:auto; padding:30px 40px 30px 30px;}
.index_about .box2::after{ left:-15px; top:15px;}


.index_tit1 img{ height:40px;}
.index_tit2{ margin:10px 0 15px 0; font-size:20px; line-height:30px;}
.index_info1{ line-height:30px; height:210px; margin-bottom:25px;}
.index_more1 .sp2{ width:90px; height:42px; overflow:hidden;}

}
@media screen and (max-width:1240px){
.index_about .box3{ width:56%; top:5%;}	
.index_about .box1{ margin-top:10%;}
.index_about .box1 .logo2{ width:90px;}
.index_info1{ height:180px;}

	
}

@media screen and (max-width:1023px){
.index_about{ padding:30px 0 40px 0;}	
.index_about .box2{ width:300px; border-radius:0 16px 0 0; padding:30px 20px 30px 15px;}
.index_about .box2::after{ width:100%; border-radius:0 16px 0 0; left:-10px; top:10px;}

.index_more1 .sp1{ width:32px; height:32px; background-size:12px auto;}
.index_more1 .sp2{ height:32px; width:45px;}
.index_more1 .sp2 i{margin:13px 5px;}
.index_more1 .sp3{ line-height:32px; font-size:13px;}
.index_info1{ height:120px; font-size:14px; line-height:24px; margin-bottom:15px;}
.index_tit2{ line-height:26px; margin:5px 0 10px 0;}
.index_tit1 img{ height:34px;}
	
}
@media screen and (max-width:767px){
.index_about .box3{ position:relative; left:0; top:0; width:100%; text-align:center;}	
.index_about .box3 img{ width:260px;}
.index_about .box2{ width:90%; position:relative; margin:-30px 0 0 5%;}
.index_about .box1{ width:100%; margin-top:-5px;}

	
}

/*index_about*/
.index_pord{ float:left; width:100%; position:relative;}
.index_pord .box1{ float:left; position:absolute; left:0; top:50%; margin-top:-116px; width:375px;}
.index_info1_1{ height:72px; margin-bottom:28px; width:83.2%;}
.index_pord .box2{ float:right; width:80%;}
.index_pord .box2 li{ float:left; width:33.3333%; line-height:0; padding-left:39px;}
.index_pord .box2 li a{ float:left; width:100%;}
.index_pord .box2 .li4{ margin-left:16.66665%}
.index_pord .box2 .mtop{ margin-top:-90px;}

.active .index_pord .box2 li a{animation-name: zoomIn;
    animation-duration: 1.3s;
    animation-delay: 0.8s;
    animation-fill-mode: both;
}
.active .index_pord .box1{animation-name: bounceIn;
    animation-duration: 1.3s;
    animation-delay: 0.8s;
    animation-fill-mode: both;
}

@media screen and (max-width:1460px){
.index_info1_1{ height:60px;}
.index_pord .box1{ width:330px;}

}

@media screen and (max-width:1240px){
.index_pord .box1{ margin-top:-112px;}	
.index_info1_1{ margin-bottom:20px; width:75%;}
.index_pord .box2{ width:76%;}
.index_pord .box2 li{ padding-left:30px;}
.index_pord .box2 .mtop{ margin-top:-60px;}

	
}

@media screen and (max-width:1023px){
.index_pord{ padding:30px 0;}	
.index_pord .box1{ margin-top:-87px;}	
.index_info1_1{ height:48px;}
	
}
@media screen and (max-width:767px){
.index_pord .box1{ margin-top:0; width:100%; position:relative;}
.index_info1_1{ width:100%;}
.index_pord .box2{ width:100%; margin-top:20px;}
.index_pord .box2 li{ padding:0 10px;}
.index_pord .box2 .mtop{ margin-top:-8%;}
	
}

/*index_news*/
.index_news{ float:left; width:100%; margin-top:16px;}
.index_news li{ float:left; width:25%;}
.index_news li .img1{ float:left; width:100%; border-radius:10px; overflow:hidden;}
.index_news li .img1 i{ float:left; width:100%; height:302px;
-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;}
.index_news li:hover .img1 i{ -webkit-transform: scale(1.1); -moz-transform: scale(1.1);transform: scale(1.1);}
.index_news li .info{ float:left; width:100%; height:302px; border-radius:10px; background:#62d0eb; position:relative; text-align:center;}
.index_news li .text{ float:left; position:absolute; left:0; top:50%; width:67.8%; margin:0 16.1%; margin-top:-51px;}
.index_news li .info .tit{ float:left; width:100%; color:#fff; font-size:30px; line-height:40px; margin:14px 0 4px 0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.index_news li .info .time{ float:left; width:100%; color:#fff; font-size:16px; line-height:26px; margin-bottom:14px;}
.index_news li .info .line{ float:left; width:100%; height:2px; background:#fff;opacity:0.5; filter:alpha(opacity=50);}
.index_news li.bg2 .info{ background:#97b617;}
.index_news li.bg3 .info{ background:#e494b6;}
.index_news li.bg4 .info{ background:#f0c358;}

.active .index_tit1,
.active .index_tit2{animation-name: zoomIn;
    animation-duration: 1.3s;
    animation-delay: 0.8s;
    animation-fill-mode: both;
}
.active .index_lin2{animation-name: fadeInUp;
    animation-duration: 1.3s;
    animation-delay: 0.8s;
    animation-fill-mode: both;
}
.active .index_news li .info,
.active .index_news li .img1{animation-name:flipInY;
    animation-duration: 1.2s;
    animation-delay: 0.8s;
    animation-fill-mode: both;
}




@media  screen and (min-width:1023px) and (max-height:768px){
.index_news li .img1 i{ height:222px;}
.index_news li .info{ height:222px;}
.index_news li .info .tit{ font-size:24px; line-height:34px; margin:14px 0 0 0;}
.index_news li .info .line{ height:1px;}
.index_news li .text{ margin-top:-45px;}


}
@media screen and (max-width:1460px){
.index_news li .img1 i{ height:256px;}
.index_news li .info{ height:256px;}
.index_news li .info .tit{ font-size:24px; line-height:34px; margin:14px 0 0 0;}
.index_news li .info .line{ height:1px;}
.index_news li .text{ margin-top:-45px;}
}
@media screen and (max-width:1023px){
.section4{ padding:30px 0;}	
.index_news li .img1 i{ height:180px;}	
.index_news li .info{ height:180px;}
.index_news li .text{ width:84%; margin:0 8%; margin-top:-35px;}
.index_news li .info .tit{ font-size:20px; line-height:28px; margin:8px 0 2px 0;}
.index_news li .info .time{ font-size:14px; line-height:22px; margin-bottom:8px;}
.index_news li .info .line{ height:1px;}
	
}
@media screen and (max-width:767px){
.index_news li{ width:50%;}
.index_news li .img1 i{ height:140px;}	
.index_news li .info{ height:140px;}
.index_news li .text{ margin-top:-32px;}
.index_news li .info .tit{ font-size:16px; line-height:24px; margin:8px 0 1px 0;}
.index_news li .info .time{ font-size:13px; line-height:21px; margin-bottom:8px;}
	
}

/*Join_box*/
.Join_box{ float:left; width:100%; position:relative;}
.index_us{ float:left; width:360px;background:url(../images/ab19.png) center repeat; border-radius:0 36px 0 0; padding:15px; box-shadow:0 0 16px rgba(0,0,0,0.22);}
.index_us .box1{ float:left; width:100%; border:1px dashed #eaf5f7; border:1px dashed rgba(234,245,247,0.4); border-radius:0 36px 0 0; text-align:center; padding:30px 38px 47px 38px;}
.index_us .us1{ float:left; width:100%; color:#fff; font-size:30px; line-height:40px; font-weight:bold; margin:10px 0 5px 0;}
.index_us .us2{ float:left; width:100%; color:#fff; font-size:16px; line-height:26px;opacity:0.8; filter:alpha(opacity=80); }
.index_us .us3{ float:left; width:100%; color:#fff; font-size:16px; line-height:30px; margin:18px 0 22px 0;}
.index_us .us4{ float:left; width:100%; line-height:0;}
.index_us .us4 img{ width:110px; height:110px; padding:5px; background:#fff;}

.index_Join{ float:right; width:854px; background:url(../images/ab18.png) center repeat; box-shadow:0 0 18px rgba(0,0,0,0.07); margin-top:50px; padding:30px 100px 50px 100px;}
.index_Join .fm2{ float:left; width:100%;}
.index_Join .fv3{ background:#e7791f; margin-top:28px;}
.index_Join .fv1{ padding:0 10px 0 36px; background:url(../images/ab20.png) left bottom repeat-x; height:57px; line-height:55px;}
.index_Join .fv2{ padding:0 10px 0 36px; background:url(../images/ab20.png) left bottom repeat-x; height:57px; line-height:55px;}
.index_Join .ico{ left:9px; margin-top:2px;}
.index_Join .lab1{ width:46.97%; margin-top:10px;}
.index_Join .lab2{ width:100%;}

.index_lin2{ float:left; width:100%; margin-bottom:14px;}
.index_lin2 span{ display:block; margin:0 auto; width:57px; height:4px; border-top:1px solid #fff; border-bottom:1px solid #fff;opacity:0.5; filter:alpha(opacity=50); }
.index_tit1_1{margin-top:0;}
.index_tit2_1{ color:#fff;}
.index_tit1_2{ text-align:center;}
.index_tit2_2{ text-align:center;}
.index_Join .index_lin2 span{ border-top:1px solid #000; border-bottom:1px solid #000;opacity:0.1; filter:alpha(opacity=10); }

.active .index_Join .lab1{animation-name: slideInDown;
    animation-duration: 1.3s;
    animation-delay: 0.8s;
    animation-fill-mode: both;
}
.active .index_us .us1,
.active .index_us .us2{animation-name: slideInUp;
    animation-duration: 1.3s;
    animation-delay: 0.8s;
    animation-fill-mode: both;
}

.active .index_us .us3,
.active .index_us .us4{animation-name: zoomIn;
    animation-duration: 1.3s;
    animation-delay: 0.8s;
    animation-fill-mode: both;
}


@media screen and (max-width:1460px){
.index_Join{ width:664px; padding:30px 50px 50px 50px;}

}
@media screen and (max-width:1240px){
.Join_box{ padding-left:280px;}	
.index_us{ width:280px; padding:12px; position:absolute; left:0; top:0;}
.index_us .box1{ padding:20px 20px 37px 20px;}
.index_us .us1{ font-size:24px; line-height:34px;}
.index_us .us2{ font-size:14px; line-height:24px;}
.index_us .us3{ font-size:14px; line-height:26px;}	
.index_us .us4 img{ width:90px; height:90px;}

.index_Join{ width:100%; padding:20px 30px 40px 30px;}
.index_Join .lab1{ margin-top:0;}
.index_Join .fv3{ margin-top:20px;}
.index_Join .fv1{ height:52px; line-height:50px; background: url(../images/ab20.png) left 51px repeat-x;}
.index_Join .fv2{ height:52px; line-height:50px; background: url(../images/ab20.png) left 51px repeat-x;}
.index_Join .ico{ margin-top:0;}


.index_lin2{ margin-bottom:10px;}

	
}

@media screen and (max-width:1023px){
.section5{ padding:30px 0;}	
.index_us .box1{ padding:13px 16px 30px 16px;}	
.index_us .us3{ margin:10px 0 14px 0;}	
.index_Join .fv1{ height:44px; line-height:42px; background: url(../images/ab20.png) left 43px repeat-x;}
.index_Join .fv2{ height:44px; line-height:42px; background: url(../images/ab20.png) left 43px repeat-x;}
.index_Join{ margin:52px 0;}
	
}
@media screen and (max-width:767px){
.Join_box{ padding-left:0;}	
.index_us{ position:relative; width:100%; margin-top:20px; border-radius:0 18px 0 0;}
.index_us .box1{ border-radius:0 18px 0 0; }
.index_Join{ padding:15px 15px 30px 15px; margin:0;}
.index_Join .lab1{width:100%;}
	
}


.banner_slide{ float:left; width:100%; height:100vh; position:relative;}
.banner_slide .tempWrap{ margin:0;}
.banner_big{ float:left; width:100%; height:100vh;/* -webkit-animation: breaBg 10s ease-in-out infinite alternate; animation: breaBg 10s ease-in-out infinite alternate; */}
.banner_big .ul1{ float:left; width:100% !important; height:100vh;}
.banner_big .ban1{ float:left; width:100% !important; height:100vh; background-size:cover !important; background-position:center !important;}
.banner_big .ban1 img{ display:none; float:left; width:100%; line-height:0;}
.banner_small{ float:left; width:100%; position:absolute; left:0; bottom:4.188%; z-index:66; text-align:center;}
.banner_small .ul2{ display:inline-block; *display:inline; *zoom:1;}
.banner_small .ul2 .ban2{ float:left; width:18px; height:18px; border-radius:50%; border:2px #fff solid; margin:19px 36px; cursor:pointer; position:relative; content:''; font-size:0;}
.banner_small .ul2 .ban2::after{ float:left; width:72px; height:2px; background:#fff; position:absolute; left:100%; top:50%; margin-left:2px; margin-top:-1px; content:'';}
.banner_small .ul2 .ban2:last-child::after{ display:none;}
.banner_small .ul2 .ban2 img{ float:left; width:0; height:0; border:3px solid #fff; border-radius:50%; overflow:hidden; margin:4px; vertical-align:top; position:absolute; left:0; top:0;}
.banner_small .ul2 .ban2.on{ width:56px; height:56px; border:2px #00a0e9 solid; margin:0 36px;-webkit-transition: 0.5s ease;
   -moz-transition: 0.5s ease;
	-ms-transition: 0.5s ease;
	 -o-transition: 0.5s ease;
		transition: 0.5s ease;}
.banner_small .ul2 .ban2.on img{ width:52px; height:52px; border:none; margin:0;-webkit-transition: 0.5s ease;
   -moz-transition: 0.5s ease;
	-ms-transition: 0.5s ease;
	 -o-transition: 0.5s ease;
		transition: 0.5s ease;}

@-webkit-keyframes breaBg { 
0% { opacity: .8; -webkit-transform: scale(1);transform: scale(1);} 
100% { opacity: 1; -webkit-transform: scale(1.06);transform: scale(1.06);} 
}
@keyframes breaBg { 
0% { opacity: .8; -webkit-transform: scale(1);transform: scale(1);} 
100% { opacity: 1; -webkit-transform: scale(1.06);transform: scale(1.06);} 
}	



@media screen and (max-width:1366px){
.banner_big .ban1{ background-position: 66% center !important;
 }
}
@media screen and (max-width:1240px){
.banner_small .ul2 .ban2{ margin:19px 20px;}
.banner_small .ul2 .ban2.on{ margin:0 20px;}
.banner_small .ul2 .ban2::after{ width:40px;}
	
}

@media screen and (max-width:1023px){
.banner_slide{ margin-top:70px;}	
.banner_slide{ height:auto;}
.banner_big{ height:auto; position:relative;}
.banner_big .ul1{ height:auto; position:absolute !important; left:0; top:0;}
.banner_big .ban1{ height:auto; display:block !important;}
.banner_big .ban1 img{ display:block;}
.banner_small .ul2 .ban2{ margin:11px 10px; border:1px #fff solid; width:16px; height:16px;}
.banner_small .ul2 .ban2.on{ margin:0 10px; width:36px; height:36px; border:1px #00a0e9 solid; }
.banner_small .ul2 .ban2.on img{ width:34px; height:34px;}
.banner_small .ul2 .ban2::after{ width:20px; margin-left:1px; height:1px;}

}