@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 { font-family:'Microsoft yahei' ,Arial;}
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{color:#0465b6; 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:24px; font-weight:bold; }
h2{font-size:18px; font-weight:bold;}
h3{font-size:14px; font-weight:bold;}
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; font-family:'Microsoft yahei' ,Arial;}
textarea{ resize:none; outline:0;}
input{ outline:0;}
body{ overflow:hidden;}


.pz_top{ float:left; width:100%;}
.pz_banner{ float:left; width:100%; overflow:hidden; position:relative;  }
.pz_main{ float:left; width:100%; }
.pz_down{ float:left; width:100%;}



.section{ position:relative; height:100%; float:left; width:100%; overflow:hidden;}

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


/**/
.top_bg{ float:left; width:100%; position:fixed; left:0; top:0; z-index:999; padding:0 60px; background-color: #fff; background-color: rgba(255,255,255,0.7);
transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s;-moz-transition: all 0.5s ease 0s; box-shadow:0 3px 5px rgba(0,0,0,0.05);}

.scrolltop{ float:left; width:100%; position:fixed; left:0; top:0; z-index:999; padding:0 60px; background-color: #f4f4f6;background-color:rgba(244,244,246,1);
transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s;-moz-transition: all 0.5s ease 0s; box-shadow:0 3px 5px rgba(0,0,0,0.15)}
.top_bg:hover,
.top_bg.hover-active {
  background-color: rgba(244, 244, 246, 1);
  box-shadow: 0 3px 5px rgba(0, 0, 0, 0.15);
}

.logo{ float:left; width:100%; width:180px; height:51px; margin:5px 0 4px 0;}

.meNuNav{ float: right; margin-right:-37px; font-size: 0;}
.meNuNav>a{ vertical-align: middle; position: relative; display: inline-block; line-height: 60px; font-size: 16px; color: #000000; padding:0 37px;}
.meNuNav>a:before{ position: absolute; left:50%; bottom: 0; content: ''; z-index:6; width:100%; height:0; background:#0465b6; opacity:0.1; filter:alpha(opacity=10); oz-transition: all 0.5s linear;
-webkit-transition: all 0.5s linear;
     -o-transition: all 0.5s linear;
-webkit-transform:translateX(-50%);
    -ms-transform:translateX(-50%);
        transform:translateX(-50%);
   -moz-transform:translateX(-50%);
     -o-transform:translateX(-50%);
}
.meNuNav>a:after{ position: absolute; left:50%; top: 0; content: ''; z-index:7; width:100%; height:7px;oz-transition: all 0.5s linear;
-webkit-transition: all 0.5s linear;
     -o-transition: all 0.5s linear;
-webkit-transform:translateX(-50%);
    -ms-transform:translateX(-50%);
        transform:translateX(-50%);
   -moz-transform:translateX(-50%);
     -o-transform:translateX(-50%);
}
.meNuNav>a:hover{ color:#0465b6;}
.meNuNav>a.on:before{height:100%;}
.meNuNav>a.on:after{ background:#0465b6;}

.navBar{ display:block; position: fixed; left: 0; top: 60px; width: 100%; z-index: 999; background-color: #FFFFFF; overflow: hidden; box-shadow: 0px 2px 3px #ccc;height: 0;
	transition: all .1s linear 0s;
	-webkit-transition: all .1s linear 0s;
	-moz-transition: all .1s linear 0s;
}
.navBar .box{ width: 1200px; margin: 0 auto;height: 100%; position: relative;}
.navBar .box .nmun{ width: 100%; position: absolute;z-index: 9;
}
.navBar.active{ padding: 25px 0; height: 300px;
			transition: all 0.3s linear 0s;
	-webkit-transition: all 0.3s linear 0s;
	-moz-transition: all 0.3s linear 0s;
}

.navBar .box .nmun .swiper-button-prev{ background: none; font-size: 50px; left: -50px; color: #686773;}
.navBar .box .nmun .swiper-button-next{ background: none; font-size: 50px; right: -30px; color: #686773;}
.head_box{width:1200px;height:290px;margin: 0 auto;position: relative;overflow: hidden;}
.head_box_u1{width:3000px;height: 100%;position: absolute;left:0px;top:0;}
.head_box_u1 li{width: 240px;height:100%;float: left;text-align: center;box-sizing: border-box;padding: 10px;}
.head_btn_left,.head_btn_right{position: absolute;top:38%;z-index: 10;background: none;cursor: pointer; width:25px; height:45px;
	font-size: 50px;
	color: #686773;
}
.head_btn_right{right:-50px; background:url(images/main3.png) center no-repeat;}
.head_btn_left{left:-50px; background:url(images/main4.png) center no-repeat;}

.head_box_u1 h4{font-size: 16px;color: #1182e0;text-align: center;height:40px;}
.head_box_u1 img{margin: 5px 0;max-width: 100%;}
.head_box_u1 font{display: block;margin: 15px auto;
	width: 120px;
	border-radius: 5px;
	height: 36px;
	line-height: 36px;
	text-align: center;
	border: 1px solid #CCCCCC;}
.head_box_u1 font i{ background:url(images/main2.png) right center no-repeat; padding:0 7px;
	display: inline-block;
	vertical-align: middle;
	margin-top: -5px;
}
.head_box_u1 font:hover {
	background-color: #1182e0;
	border-color: #1182e0;
	color: #fff;
}
.head_box_u1 font:hover i{ background:url(images/main2_1.png) right center no-repeat; }


.menuph{ display:none;}
.xialaph{ display:none;}

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

.nav_header{ width:1200px;}	
.navBar .box{ width:962px;}	
.head_box{width:962px;}


}


@media screen and (max-width:1199px) {
	
.top_bg{ padding:0 15px;}
.scrolltop{ padding:0 15px;}

.pz_top{height:60px;}


.meNuNav{ display:none;}
.navBar{ display:none;}		
.menuph{ display:block;}
.xialaph{ display:block;}

/*手机按钮*/
.menuph{ float:right; width:28px; height:22px; cursor: pointer; text-align: center;/*background:#e60113; padding:9px 6px;*/ margin:19px 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: #0465b6;  }
.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: #0465b6;  }
.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;  }

/*手机下拉*/
.xialaph{ position:fixed; left:0; top:60px; float:left; width: 100%; display: none;  z-index:88; background:#fff;box-shadow: 0 5px 10px rgba(0,0,0,0.15);}
.head_u1 li { float:left; width:100%; line-height: 45px;  border-bottom: 1px solid lightgray;}
.head_u1 .head_sj{ float:left; width:100%; position:relative; padding: 0 15px;border-bottom: 1px solid lightgray;}
.head_u1 .head_sj a{float:left; width:100%;}
.head_u1 .head_sj span { float:left;font-size: 15px; font-weight: bold;color: black;}
.head_u1 .head_sj i{ float:right; font-size: 18px;color: black;font-weight: bold;  width: 20px;  height: 20px;  line-height: 20px;  text-align: center; background: url(images/main5.png) center no-repeat; position:absolute; right:15px; top:50%; margin-top:-10px;}
.head_u1 .head_sj.on span{ color:#0465b6;}
.head_u1 .head_sj.on i{ background: url(images/main6.png) center no-repeat;}

.head_u1 ol{ float:left; width:100%;}
.head_u1 ol li{padding:0 30px;box-sizing: border-box;line-height: 40px;background: #f0f0f0;}
.head_u1>li:last-child{border: none;}
.head_u1>li{border: none;}
.head_u1 ol {display: none;}
.head_u1 ol li a{font-size: 14px;color: black;display: block;}
.head_sj i{display: inline-block;font-size:18px;color:black;font-weight: bold;width: 20px;height: 20px;line-height: 20px;text-align: center;background:url(images/main5.png) center no-repeat;}

}

/*phone底部导航*/
.q_d_m{float:left; width:100%; height:50px;}
.pf_down{width:100%; float:left; position:fixed; left:0; bottom:0; height:50px; background:#0465b6; z-index:100; box-shadow:0 -5px 10px rgba(0,0,0,0.2);}
.pf_down li{ width:33.333333%; float:left; text-align:center; padding:7px 0 4px 0;}
.pf_down li .ico7{ width:100%; float:left; height:20px;}
.pf_down li .name{ width:100%; float:left; margin-top:4px; font-size:12px; color:#fff; line-height:14px;}
.pf_down li.l1 .ico7{ background:url(images/btn15.png) no-repeat center; background-size:20px 20px;}
.pf_down li.l2 .ico7{ background:url(images/btn16.png) no-repeat center; background-size:20px 20px;}
.pf_down li.l3 .ico7{ background:url(images/btn17.png) no-repeat center; background-size:20px 20px;}



/*banner*/
.slide_banner{ float:left; width:100%; position:relative; left:0; top:0; height:100%;}
.slide_banner .slick-list{ float:left; width:100%; position:relative; height:100%;}
.slide_banner .slick-track{ position:relative; height:100%;}
.slide_banner .slick-slide{ float:left; width:100%; position:relative; height:100%;}
.slide_banner .slick-slide a{ float:left; width:100%; position:absolute; height:100%;}
.slide_banner .slick-prev,
.slide_banner .slick-next{width:50px;height:50px;background: transparent;position: absolute;top:50%; margin-top: -25px;z-index: 10;border: 1px solid white;border-radius: 50%;cursor: pointer;transition: 0.5s ease;-moz-transition: 0.5s ease;-webkit-transition: 0.5s ease;box-shadow: 0px 0px 4px 0px white; opacity:0; filter: alpha(opacity=0); -moz-opacity: 0;-khtml-opacity: 0;}
.slide_banner .slick-prev{left: 9.2%; background:url(images/main8.png) center no-repeat; }
.slide_banner .slick-next{right: 9.2%; background:url(images/main7.png) center no-repeat;}
.slide_banner:hover .slick-prev{ background:url(images/main8.png) center no-repeat;opacity:1; filter: alpha(opacity=100); -moz-opacity:1;-khtml-opacity:1;}
.slide_banner:hover .slick-next{ background:url(images/main7.png) center no-repeat;opacity:1; filter: alpha(opacity=100); -moz-opacity:1;-khtml-opacity:1;}

.slide_banner .slick-dots{ width:auto; position:absolute; right:10.67%; bottom:6.28%; z-index:999;}
.slide_banner .slick-dots li{ float:left; width:16px; height:16px; margin:0 5px; border:1px solid #fff; border-radius:50%; overflow:hidden; padding:2px;}
.slide_banner .slick-dots li button{ float:left; width:10px; height:10px; text-indent:-999px; overflow:hidden; outline:none; transition:background 0.5s ease; -o-transition:background 0.5s ease; -moz-transition:background 0.5s ease;  -webkit-transition:background 0.5s ease;}
.slide_banner .slick-dots li.slick-active button{ background:#fff; border-radius:50%;}

.slide_banner .ban1{ display:block;}
.slide_banner .ban2{ display:none;}

@media  screen and (max-width:1199px){
.slide_banner{ height:auto;}
.slide_banner .slick-list{ height:auto;}
.slide_banner .slick-track{ height:auto;}
.slide_banner .slick-slide{ height:auto;}
.slide_banner .slick-slide a{ height:auto; position:relative;}

.slide_banner .ban2{ display:block;}
.slide_banner .ban1{ display:none;}
	
}

@media  screen and (max-width:991px){
.slide_banner .slick-dots{ bottom:15px;}	
.slide_banner .slick-prev,
.slide_banner .slick-next{width:30px;height:30px; margin-top:-15px;}	
.slide_banner .slick-dots{ right:0; width:100%; text-align:center;}
.slide_banner .slick-dots li{ float:none; display:inline-block; *display:inline; *zoom:1; width:12px; height:12px; margin:0 3px;}
.slide_banner .slick-dots li button{ width:6px; height:6px; }


}

/*footer*/


/* .index_footer{ width:100%; position:absolute; z-index:8; float:left; left:0; bottom:0;}
footer{ float:left; width: 100%; padding: 20px 0; background-color: #000; position:relative;}
footer .footer{ width: 1300px; margin: 0 auto;}
footer .footer .lftot{ float: left; width: 650px; position: relative;}
footer .footer .lftot .a{ position: relative; display: inline-block; margin: 0 10px; vertical-align: middle; font-size: 14px; color: #A9A9A9;}
footer .footer .lftot .a:hover{ color: #0465b6;}
footer .footer .lftot .a:after{ position: absolute; content: ''; top: 5px; right: -12px; height: 12px; border-right: 1px solid #A9A9A9;}
footer .footer .lftot .a:nth-of-type(3):after{ display: none;}
footer .footer .lftot .span{ display: inline-block; vertical-align: middle; color: #595959; margin-left:10px; margin-top:4px;}
footer .footer .lftot .span p{display:inline-block;}
footer .footer .lftot .span a img{height:28px; width: auto; margin-left: 8px;}
footer .footer .ritot{ float: right; width: 590px; position: relative; margin-top:5px;}
footer .footer .ritot span{ display: inline-block; margin-right: 20px; vertical-align: middle; color: #A9A9A9; padding-left:18px;}
footer .footer .ritot span.ico1{ background:url(images/dw2.png) left 4px no-repeat;}
footer .footer .ritot span.ico2{ background:url(images/dw1.png) left 4px no-repeat;}
footer .footer .ritot a{ display: inline-block; color: #0465b6;}
footer .footer .ritot a img{ display: inline-block; vertical-align: middle; margin-right: 10px;}
footer .footer .ritot .ewm{ position: absolute; right: 52px; top: -107px; display:none;}
footer .yqlj{ display: none; opacity: 1; width: 1920px; position: absolute; left: 50%; margin-left: -960px; top: -92px; padding: 20px 0; background-color: rgba(0,0,0,0.6);z-index:9;}
footer .yqlj .neiyq{ width: 1200px; margin: 0 auto; text-align: center;}
footer .yqlj .neiyq a{ position: relative; display: inline-block; margin: 0 10px; vertical-align: middle; color: #FFFFFF; margin-bottom: 10px;}
footer .yqlj .neiyq a:after{ position: absolute; content: ''; right: -12px; top: 3px; height: 12px; border-right: 1px solid #fff;}
footer .yqlj .neiyq a:last-child:after{ display: none;}
footer .yqlj .neiyq a:hover{ color: #0465b6;}

footer .footer_mob{display:none;}
footer .yqlj{ display: none; opacity: 1; width: 1920px; position: absolute; left: 50%; margin-left: -960px; top: -60px; padding:15px 0; background-color: rgba(0,0,0,0.6);z-index:9; }
footer .yqlj .neiyq{ width: 1200px; margin: 0 auto; text-align: center;}
footer .yqlj .neiyq a{ position: relative; display: inline-block; margin:10px; vertical-align: middle; color: #FFFFFF;}
footer .yqlj .neiyq a:after{ position: absolute; content: ''; right: -12px; top: 3px; height: 12px; border-right: 1px solid #fff;}
footer .yqlj .neiyq a:last-child:after{ display: none;}
footer .yqlj .neiyq a:hover{ color: #0465b6;}

.footer_bg.scrolltop{ margin-top:-60px;}

@media  screen and (max-width:1199px){
footer .footer .lftot{width: 100%;height: auto;position: static;text-align: center;}
footer .footer,
footer .footer .lftot .span,
footer .footer .ritot{width: 100%;}
footer .footer .ritot .ewm{position: static;display: block !important;opacity:1 !important; filter:alpha(opacity=100) !important;}
footer .footer .ritot{width: 95%;margin:0 auto}

footer .footer .lftot .span{display: none;}
footer .footer .lftot{float: none;border-bottom: 1px solid #373737;padding-bottom:15px;}
footer .footer .ritot{float: none;padding-top: 10px;box-sizing: border-box; }
footer .footer .ritot span{width:56%;margin-top: 10px; margin-right:0;}
footer .footer .ritot .ewm{display: inline-block;float: right;margin-top:-29px;}
footer .footer .ritot a{float: right;margin-top:9px;color: white;margin-left: 5px;}
footer .footer .ritot a img{display: none;}
footer .footer .ritot:after{content: '';display: block;clear: both;}
footer .footer_mob{width:100%;margin:0 auto;margin-top:0;display: inline-block;padding: 15px 10px 0;box-sizing: border-box;text-align: center;border-top: 1px solid #373737; color:#666;}
footer .footer .ritot span.ico1{ margin-top:20px;}

footer .yqlj{display: block !important;position: static;width: 100%;margin: 0;border-top:1px solid #373737;margin-top: 15px; padding:10px 0;}
footer .yqlj .neiyq{width: 100%;}
.index_footer{ position:static;}

} */

/*main*/
.newlist{ float: left; width: 32%; height: 100%; position: relative;

	box-sizing: border-box;

	-moz-box-sizing: border-box;

	padding:0 3%;

	padding-left: 7%;

}
.zbg1{ background:url(images/in7.jpg) no-repeat left top; background-size:80% auto;}
.newlist .neilist{ /*display: table-cell; vertical-align: middle;*/position: absolute;top:50%;transform: translateY(-50%); padding-right:9.75%;}


.newlist h3{ position: relative; margin-bottom: 40px;top: 100px;opacity: 0;

	transition: 0.5s ease-in-out;

	-webkit-transition: 0.5s ease-in-out;

	-moz-transition: 0.5s ease-in-out;

}

.newlist h3{top:0;opacity: 1}

.newlist h3:after{ position: absolute; content: ''; left: 0; bottom: -20px; width: 25px; border-top: 2px solid #0465b6;}

.newlist h3 strong{ display: inline-block; vertical-align: middle; font-size: 40px; color: #363636; font-family:Arial;}

.newlist h3 font{ display: inline-block; vertical-align: middle; margin-left: 10px; font-size: 20px; color: #848484;font-weight:normal;}


.newlist .hd{ position: relative; margin-bottom:22px;top: 100px;opacity: 0; width:100%; display:block;

	transition: 0.5s ease-in-out;

	-webkit-transition: 0.5s ease-in-out;

	-moz-transition: 0.5s ease-in-out;

}

.newlist .hd{top:0;opacity: 1}
.newlist .bd{ float:left; width:100%;}
.newlist .bd .li1,
.newlist .index_yinc{opacity: 1; display:block; margin:50px 0 0 0;

	transform: translateY(0);

	-webkit-transform: translateY(0);

	-moz-transform: translateY(0);

}


.newlist .hd li{ float:left; margin-right:37px; font-size:18px; color: #848484; font-weight:normal; background:#f0f0f0; line-height:30px; padding:0 12px; cursor:pointer; position:relative;}
.newlist .hd li.first::after{ float:left; width:37px; height:30px; content:''; background:url(images/1.png) center no-repeat; position:absolute; right:-37px; top:0;}
.newlist .hd li.on{font-size:30px; color: #0465b6; background:none; padding:0;}
.newlist .bd ul{ float:left; width:100%;}
.newlist .bd .ul1{ float:left; width:100%; margin-bottom:3px;}
.newlist .bd .li1{ float:left; width:100%; margin:0 0 15px 0;opacity: 1; position:relative;

	transform: translateY(0px);

	-webkit-transform: translateY(0px);

	-moz-transform: translateY(0px);

	transition: 0.3s ease-in-out 0.2s;

	-webkit-transition: 0.3s ease-in-out 0.2s;

	-moz-transition: 0.3s ease-in-out 0.2s;

}
.newlist .bd .li1::after{ float:left; width:0; height:0; border-width:5px 0 5px 5px;border-style: solid;border-color: transparent transparent transparent #0465b6; content:''; position:absolute; right:15px; top:50%; margin-top:-5px;opacity:0; filter:alpha(opacity=00);
-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;
}
.newlist .bd .li1:hover::after{opacity:1; filter:alpha(opacity=100);}
.newlist .bd .li1 a{ float:left; position:relative; width:100%;}


.index_yinc{ float:left;opacity: 0;

	transform: translateY(50px);

	-webkit-transform: translateY(50px);

	-moz-transform: translateY(50px);

	transition: 0.3s ease-in-out 1.2s;

	-webkit-transition: 0.3s ease-in-out 1.2s;

	-moz-transition: 0.3s ease-in-out 1.2s;

}



.newlist .bd .li1 h4{ float:right; font-size:14px; line-height:42px; color: #999999;

	transition: all .4s ease 0s;

	-webkit-transition: all .4s ease 0s;

	-moz-transition: all .4s ease 0s;

}

.newlist .bd .li1 p{float:left; width:80%; font-size:14px; color: #333333; line-height:42px; overflow:hidden;
white-space: nowrap; text-overflow:ellipsis;}

.newlist .bd .li1:hover{ background: #f4f4f6; padding:0 30px 0 20px;}


.newlist .bd .ul2{ float:left; width:100%;}

.newlist .bd .li2{opacity: 1;

	transform: translateY(0);

	-webkit-transform: translateY(0);

	-moz-transform: translateY(0);

}
.newlist .bd .li2{ width: 90%; margin-bottom: 30px;opacity: 1;

	transform: translateY(0px);

	-webkit-transform: translateY(0px);

	-moz-transform: translateY(0px);

	transition: 0.3s ease-in-out 0.2s;

	-webkit-transition: 0.3s ease-in-out 0.2s;

	-moz-transition: 0.3s ease-in-out 0.2s;

}

.newlist .bd .li2:nth-child(2){

	transition: 0.3s ease-in-out 0.5s;

	-webkit-transition: 0.3s ease-in-out 0.5s;

	-moz-transition: 0.3s ease-in-out 0.5s;

}

.newlist .bd .li2:nth-child(3){

	transition: 0.3s ease-in-out 0.8s;

	-webkit-transition: 0.3s ease-in-out 0.8s;

	-moz-transition: 0.3s ease-in-out 0.8s;

}

.newlist .bd .li2:nth-child(4){

	transition: 0.3s ease-in-out 1.1s;

	-webkit-transition: 0.3s ease-in-out 1.1s;

	-moz-transition: 0.3s ease-in-out 1.1s;

}
.newlist .bd .li2 h4{ font-size: 18px; color: #363636; font-weight: bold;

	transition: all .4s ease 0s;

	-webkit-transition: all .4s ease 0s;

	-moz-transition: all .4s ease 0s;

}

.newlist .bd .li2 p{ font-size: 14px; color: #363636; line-height: 1.7; overflow:hidden;
white-space: nowrap; text-overflow:ellipsis; width:100%;}

.newlist .bd .li2:hover h4{ color: #0465b6;}
.newlist .bd{ margin-top:30px;}



.ouradvantage{ float: left; width:68%; height: 100%; background-color: #007AFF; overflow: hidden;}

.advtit{ float: left; width: 7%; height: 100%; background-color: #F4F4F6; position: relative;}

.advtit h4{ position: absolute; bottom: 10%; width: 100%; text-align: center;}

.advtit h4 img{opacity: 0;

	transform: translateY(-100px);

	-webkit-transform: translateY(-100px);

	-moz-transform: translateY(-100px);

	transition: 0.5s ease-in-out 0.3s;

	-webkit-transition: 0.5s ease-in-out 0.3s;

	-moz-transition: 0.5s ease-in-out 0.3s;

}

.advtit h4 img{opacity: 1;

	transform: translateY(0) scale(0.8);

	-webkit-transform: translateY(0) scale(0.8);

	-moz-transform: translateY(0) scale(0.8);

}



.adfour{ float: left; width: 93%; height: 100%; background-color: #fff; position: relative;}

.adfour ul{ width: 100%; height: 100%; font-size: 0;/* display: table; */position: relative;}



.adfour ul li{ float: left;/* display: table; */width: 25%; height: 100%; vertical-align: top; position: relative; z-index: 2;left: 50px;opacity: 0;

	transition: 0.5s ease-in-out 0.3s;

	-webkit-transition: 0.5s ease-in-out 0.3s;

	-moz-transition: 0.5s ease-in-out 0.3s;

}

.adfour ul li:nth-child(2){

	transition: 0.5s ease-in-out 0.7s;

	-webkit-transition: 0.5s ease-in-out 0.7s;

	-moz-transition: 0.5s ease-in-out 0.7s;

}

.adfour ul li:nth-child(3){

	transition: 0.5s ease-in-out 1.1s;

	-webkit-transition: 0.5s ease-in-out 1.1s;

	-moz-transition: 0.5s ease-in-out 1.1s;

}

.adfour ul li:nth-child(4){

	transition: 0.5s ease-in-out 1.4s;

	-webkit-transition: 0.5s ease-in-out 1.4s;

	-moz-transition: 0.5s ease-in-out 1.4s;

}



.adfour ul li:after{ position: absolute; content: ''; left: 0; top: 0; width: 100%; height: 100%; z-index: -1;

	border-left: 1px solid #D8D8D8;

	border-right: 1px solid #D8D8D8;

}

.adfour ul li .tbs{ width: 100%; text-align: center; position: absolute; top: 50%; padding: 0 10%;

	transform: translateY(-20%);

	-webkit-transform: translateY(-20%);

	-moz-transform: translateY(-20%);

	box-sizing: border-box;

	-moz-box-sizing: border-box;

}

 .adfour ul li{opacity: 1;left: 0;  }





.adfour ul li .tbs h4{ font-size:28px;color: #0465b6; text-transform: uppercase; font-weight:bold-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;}

.adfour ul li .tbs h5{ font-size:20px; color: #000000; margin-top: 45px; font-weight: bold;-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;}


.adfour ul li .tbs i{ display: inline-block; margin-top: 20px; width: 30px; height: 2px; background-color: #0465b6;-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;}

.adfour ul li .tbs p{ margin-top:15px; text-align: left; font-size: 13px; color: #fff; line-height:2; opacity: 0;height: 130px;

	transform: translateY(100px);

	-webkit-transform: translateY(100px);

	-moz-transform: translateY(100px);

}

.adfour ul li .tbs img{ display: inline-block; margin-top: 40px; opacity: 0;}

.adfour ul li .tbs img,

.adfour ul li,

.adfour ul li .tbs h4,

.adfour ul li .tbs h5,

.adfour ul li .tbs,

.adfour ul li .tbs p,

.adfour ul li .tbs i,

.adfour ul li .imgs{

	transition: all .6s cubic-bezier(.17,.67,.34,1) 0s;

	-webkit-transition: all .6s cubic-bezier(.17,.67,.34,1) 0s;

	-moz-transition: all .6s cubic-bezier(.17,.67,.34,1) 0s;

}

.adfour ul li .tbs p:nth-of-type(1){

	transition: all .6s cubic-bezier(.17,.67,.34,1) .1s;

	-webkit-transition: all .6s cubic-bezier(.17,.67,.34,1) .1s;

	-moz-transition: all .6s cubic-bezier(.17,.67,.34,1) .1s;

}

.adfour ul li .tbs p:nth-of-type(2){

	transition: all .6s cubic-bezier(.17,.67,.34,1) .3s;

	-webkit-transition: all .6s cubic-bezier(.17,.67,.34,1) .3s;

	-moz-transition: all .6s cubic-bezier(.17,.67,.34,1) .3s;

}

.adfour ul li .tbs img{

	transition: all .3s cubic-bezier(.17,.67,.34,1) .3s;

	-webkit-transition: all .3s cubic-bezier(.17,.67,.34,1) .3s;

	-moz-transition: all .3s cubic-bezier(.17,.67,.34,1) .3s;

}



.adfour ul li a{display: block;width: 100%;height: 100%;}

.adfour ul li.on a,
.adfour ul li:hover a{background-color: #0465b6;}

.adfour ul li.on a h4,
.adfour ul li:hover a h4{ color: #fff;}

.adfour ul li.on a h5,
.adfour ul li:hover a h5{ color: #fff;opacity:0.8;}

.adfour ul li.on a i,
.adfour ul li:hover a i{ width: 100%; height: 1px; background-color: rgba(255,255,255,0.7);}

.adfour ul li.on a .tbs,
.adfour ul li:hover a .tbs{

	transform: translateY(-63%);

	-webkit-transform: translateY(-63%);

	-moz-transform: translateY(-63%);

}
.adfour ul li.on a p,
.adfour ul li:hover a p{ color: #fff; opacity:0.8;

	transform: translateY(0px);

	-webkit-transform: translateY(0px);

	-moz-transform: translateY(0px);

}

.adfour ul li.on  a .tbs img,
.adfour ul li:hover a .tbs img{ opacity: 1;}

.adfour ul li .imgs{ position: absolute; bottom: 0; width: 100%;

	transform: translateY(100%);

	-webkit-transform: translateY(100%);

	-moz-transform: translateY(100%);

}

.adfour ul li .imgs img{ width: 100%; height: auto; display: block;}

.adfour ul li.on .imgs,
.adfour ul li:hover .imgs{ 

	transform: translateY(0%);

	-webkit-transform: translateY(0%);

	-moz-transform: translateY(0%);

}
.index_yinc{display: block;width: 170px;height: 40px;text-align: center;line-height: 40px;font-size: 14px;color: white;background: #0465b6;text-transform: uppercase;margin-top:30px;margin-bottom: 40px;}
	footer .footer .ritot span{color:#a9a9a9;}

.mousesdown {bottom: 20px;width:100px;z-index: 9;text-align: right;position: absolute; left:50%; margin-left:--50px;}

.mousesdown a{ display: block; margin: 0 auto; width: 70px; height: 70px; border-radius: 50%;  border: 1px solid #fff; text-align: center;

	line-height: 70px;transform: scale(0.8);-webkit-transform: scale(0.8);-moz-transform: scale(0.8);}

.mousesdown a img{animation: run 1s linear infinite}


.mousesdown1  a{border: 1px solid #9C9FA3}

.mousesdown1{bottom: 26px;}

@keyframes run {

	0%{transform: translateY(-3px);-webkit-transform: translateY(-3px);-moz-transform: translateY(-3px);}

	50%{transform: translateY(3px);-webkit-transform: translateY(3px);-moz-transform: translateY(3px);}

	100%{transform: translateY(-3px);-webkit-transform: translateY(-3px);-moz-transform: translateY(-3px);}

}



.mobile_list{ display:none;}

@media  screen and (max-width:1600px){
	
.newlist h3{ margin-bottom: 25px;}
.newlist h3:after{ bottom: -12px;}	
.newlist .hd{ margin-bottom: 25px;}
.newlist .hd:after{ bottom: -12px;}
.newlist .bd .li1{ margin:0 0 10px 0;}
.newlist .bd .li1 h4{ line-height:35px;}
.newlist .bd .ul1{ margin-bottom:3px;}
.newlist .bd .li1 p{ line-height:35px; width:70%;}
.newlist .bd .li1:hover{ padding:0 20px 0 15px;}
.newlist .bd .li1::after{ right:10px;}
.newlist .bd .li2{ margin-bottom: 15px;}

.adfour ul li .tbs h4{ font-size:24px;}
.adfour ul li .tbs h5{ margin-top: 40px;}
.ritquan a{ margin-top: 15px;}
.ritquan h6{ margin-bottom: 5px;}
.ritquan i{ margin: 10px 0;}
}
@media  screen and (max-width:1366px){
.adfour ul li .tbs img{margin-top: 10px !important;}
.adfour ul li .tbs h4{font-size:21px;}
.adfour ul li .tbs h5{font-size: 16px;}

.newlist h3{margin-top: 50px;}
.newlist .hd{margin-top: 50px;}

}

@media  screen and (max-width:1199px){
.mousesdown{ display:none;}	
.zbg1{ background-size:40% auto;}
.newlist{ width:100%; height:auto;}
.newlist .neilist{ float:left; position:static; width:100%;transform:none; padding:0;}

.newlist h3 { margin:30px 0;}
.newlist h3 strong{font-size: 30px;}
.newlist h3 font{font-size: 18px;}

.newlist .hd{ margin:30px 0 10px 0;}
.newlist .hd li{font-size:16px; line-height:20px; margin-right:30px;}
.newlist .hd li.first::after{ height:20px; background-size:10px 20px; width:30px; right:-30px;}
.newlist .hd li.on{font-size:20px;}
.newlist .bd .li1 h4{ line-height:36px;}
.newlist .bd .li1 p{ line-height:36px;}
.newlist .bd .li1{margin:0 0 12px 0; width:100%;}
.newlist .bd .ul1{ margin-bottom:4px;}
.newlist .bd .li2 h4{font-size: 20px;}
.newlist .bd .li2 p{font-size: 16px;}
.newlist .bd .li2{margin-bottom:0;margin-top:12px; width:100%;}
.newlist .bd{ margin-top:15px;}

.ouradvantage{ display:none;}
.newlist .index_yinc{ margin:20px 0 30px 0;}

/*.mobile_list{ display:block; float:left; width:100%;}*/
.mobil_lu1l li{width: 100%;background: #f4f4f6; font-family:Arial;}
.newlist h3 strong{text-transform: uppercase;}
.mobil_lu1l li h1{font-size:25px;color: #0465b6;font-weight: bold;text-transform: uppercase;box-sizing: border-box;padding: 20px 0px;border-bottom: 1px solid lightgray;margin:0 auto;width:95%;margin-bottom: 15px;}
.mobil_lu1l li h1 span{font-size: 14px;font-weight:bold;color: black;}
.mobil_lu1l li p{padding:0 10px;box-sizing: border-box;line-height: 20px;font-size: 15px;color: black;line-height: 25px;}
.mobil_lu1l li h1 img{float: right;margin-top: 9px;}
.mobil_lu1l li a>img{width: 100%;margin-top: 25px}

.index_yinc{width:140px;margin-top:20px;margin-bottom:30px;}

}

/**/

.quantumctek{ position: relative; width:100%; height:100%;}
.lftquan{ float: left; width: 50%; position: relative; left:0; z-index:6; padding-left:96px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    box-sizing: border-box;
    -moz-box-sizing: border-box;

	transition: 0.8s ease;

	-webkit-transition: 0.8s ease;

	-moz-transition: 0.8s ease;

}

.lftquan{left: 0;opacity: 1;}
.lftquan:after{ position: absolute; content: ''; right: -80px; top: 50%; margin-top: -1000px; width: 428px; height: 2000px; z-index:6; background-color: #ECECEC;}
.lftquan .videos{ float:left; width: 100%; position:relative; z-index:8;}
.lftquan .videos .slick-slide{ width:100%; float:left; margin-top:55px; position:relative;}
.lftquan .videos .videoList{ float:left; width: 100%; height:530px; overflow:hidden;}
.lftquan .videos .videoList source{ float:left; width: 100% !important;}

.lftquan .videos .video_a{ float:left; width: 100%; height:530px;}
.lftquan .videos .video_a img{ width: auto; height:100%; display:block; max-width:initial;}

.lftquan .index_lefts{position: absolute; right:0;  top:-52px;  display: block;font-weight:bold; max-width: 100%;  z-index: 11;  font-size:24px; line-height:34px;color:#333333; padding:0 110px 0 70px; overflow:hidden;white-space: nowrap; text-overflow:ellipsis;}
.lftquan .index_lefts::after{ float:left; width:50px; height:2px; background:#c8c8c8; position:absolute; left:0; top:50%; content:'';}

.lftquan .slick-prev,
.lftquan .slick-next{ background: none; width: 40px; height: 40px;}
.lftquan .slick-prev{ left: auto; right:41px; top:1px; background:url(images/main9.png) center no-repeat #484848;}
.lftquan .slick-next{ right:0; top:1px; background:url(images/main10.png) center no-repeat #484848;}
.lftquan .slick-next:hover,
.lftquan .slick-prev:hover{ background-color: #0465b6;}

.ritquan{ float: right; width: 50%; padding-left:80px; right:0;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    box-sizing: border-box;
    -moz-box-sizing: border-box;
}


.ritquan h3{ font-size: 48px; color: #363636; }
.ritquan h4{ font-size: 20px; color: #848484; padding-left:60px;}
.ritquan h4 img{ display:inline-block; vertical-align:top;}
.ritquan h4 span{ display:inline-block; line-height:20px; padding-left:18px; margin-top:8px; vertical-align:top;}
.ritquan i{ display: block; width: 30px; height: 2px; background-color: #0465b6; margin:15px 0 40px 60px;}
.ritquan h5{ font-size: 20px; color: #3D3D3D; margin-bottom: 10px; border-top:1px solid #e5e5e5;padding:60px 60px 0 60px; font-weight:bold;}
.ritquan h6{ font-size: 16px; color: #333; margin-bottom: 25px;padding:0 60px;}
.ritquan p{ font-size: 14px; color: #848484; line-height:26px; height:156px; overflow:hidden;padding:0 60px;}
.ritquan h3{ float:left; width:100%; border-top:1px solid #e5e5e5; margin-top:52px;}
.ritquan h3 a{font-size: 14px; display: block; margin-top: 50px; width: 185px; height: 42px; text-align: center; line-height: 42px; background-color: #0465b6; text-transform: uppercase; color: #fff; margin-left:60px;}
.ritquan h3 a:hover{ background-color: #02569d;}

.mobile_video{ display:none;}
.indexaong{ display:none;}
.zoujin1{ display:none;}

.indexaong{position: relative;padding-bottom:42px; width:100%; float:left;}
.mobile_video .mobile_list1 {padding-bottom: 30px;background: white;}
.neilist{padding-top: 35px;}
.indexaong .slick-prev,
.indexaong .slick-next{width:49.9%;background: #454545; top:auto; bottom:0;height: 45px;}
.indexaong .slick-prev{left: 0;background:url(images/main9.png) center no-repeat #454545;}
.indexaong .slick-next{right: 0;background:url(images/main10.png) center no-repeat #454545;}
.indexaong .slick-prev:hover{background:url(images/main9.png) center no-repeat #0465b6;}
.indexaong .slick-next:hover{background:url(images/main10.png) center no-repeat #0465b6;}

.video1 { float:left; width:100%; position:relative; padding-bottom:41px;}

.indexaong .index_lefts{ float:left; width:100%; font-weight:bold; font-size: 16px;color: black; line-height:26px; overflow:hidden; margin-bottom:10px; text-align:center;white-space: nowrap; text-overflow:ellipsis;}


.zoujin1 h5{ float:left; width:100%;font-size:18px;font-weight: bold;color:#3a3a3a;margin:20px 0 10px 0;}
.zoujin1 h6{ float:left; width:100%;font-size: 16px;color: #a5a5a5;margin-bottom:5%;}
.zoujin1 p{ float:left; width:100%;font-size: 15px;color: #3a3a3a;line-height: 25px;}
.zoujin1 a{ float:left; display: block;width: 170px;height: 40px;text-align: center;line-height: 40px;font-size: 14px;color: white;background: #0465b6;text-transform: uppercase;margin-top:4.5%;margin-bottom:30px;}
.section2{background: url(../images/oahe_02.png) no-repeat left top;}
.index_yinc{display: block;width: 170px;height: 40px;text-align: center;line-height: 40px;font-size: 14px;color: white;background: #0465b6;text-transform: uppercase;margin-top:30px;margin-bottom: 40px;}


.zoujin1{ width:100%; position:relative;}
.zoujin2{ float:left; display:block; width:100%; padding:0 3%; position:relative;}
.zoujin1 .mobile_list1{background: white}
.section1 .swiper-pagination span{display: inline-block;width:8px;height: 8px;border-radius: 50%;margin-left: 15px;background: rgba(250,250,250,0);

position: relative;cursor: pointer;

transition: 0.3s ease;

-moz-transition: 0.3s ease;

-webkit-transition: 0.3s ease;}
.section1 .swiper-pagination-bullet.swiper-pagination-bullet-active{background: rgba(250,250,250,.9)}
.section1 .swiper-pagination span:after{content: '';display: block;position: absolute;width:12px;height: 12px;border: 1px solid rgba(250,250,250,.7);top:-2px;left: -2px;border-radius: 50%;}

.section1 .swiper-pagination span:after{content: '';display: block;position: absolute;width: 12px;height: 12px;border: 1px solid rgba(250,250,250,.7);top:-2px;left: -2px;border-radius: 50%;}

.section1 .swiper-pagination-bullet{background: #f0f0f0}


@media  screen and (max-width:1199px){
.mobile_video{ display:block;}
.indexaong{ display:block;}
.zoujin1{ display:block;}
.ritquan{ display:none;}
.lftquan{ display:none;}

.quantumctek{ height:auto;}
	
}



/**/
.h_cases{ float:left; width:100%; padding:0 5% 0 8.7%; position:absolute; left:0; top:50%;    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    box-sizing: border-box;
    -moz-box-sizing: border-box;}
.h_cases .h_tit{ float:left; position:absolute; left:8.7%; margin-left:-72px; top:76px;}
.h_cases .hd{ float:left; width:100%; border-left:1px solid #d8d8d8;}
.h_cases .tit{ float:left; width:7.2%; background:#fff; padding-left:2px; position:relative;-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;}
.h_cases .text{ float:left; display:none; position:absolute; left:0; top:0; width:710px; padding:0 76px 0 60px;}
.h_cases .text .p1{ float:left; width:100%; margin:76px 0 35px 0;}
.h_cases .text .p1 p{ float:left; padding:0 14px; line-height:34px; background:#e5eff8; font-weight:bold; font-size:14px; color:#363636;}
.h_cases .text .p1 p span{ color:#0465b6; font-size:16px;}
.h_cases .text .p2{ float:left; width:100%; color:#333333; font-size:24px; line-height:34px; font-weight:bold;}
.h_cases .text .p3{ float:left; width:100%; color:#555555; font-size:14px; line-height:28px; height:140px; overflow:hidden; margin:18px 0 39px 0;}
.h_cases .text .p4{ float:left; width:100%;}
.h_cases .text .p4 a{ float:left; width:185px; height:42px; line-height:42px; text-align:center; color:#fff; font-size:14px; background:#0465b6;}
.h_cases .text .p4 a:hover{ background:#02569d;}
.h_cases .pic{ float:left; position:relative;overflow:hidden; width:100%; height:587px;background:#000000; cursor:pointer;}
.h_cases .pic img{ float:left;opacity:0.6; filter:alpha(opacity=60); width:100%; height:587px;}
.h_cases .pic i{ float:left; width:100%; height:100%; position:absolute; left:0; bottom:0; background:url(images/main14.png) center bottom repeat-x; z-index:2;}
.h_cases .pic h5{ float:left; width:24px; color:#fff; font-size:18px; line-height:18px; position:absolute; left:50%; margin-left:-12px; bottom:32px; text-align:center; z-index:5;}

.h_cases .tit.on{ width:85%; padding-left:710px;}
.h_cases .tit.on .text{ display:block;}
.h_cases .tit.on .pic img{opacity:1; filter:alpha(opacity=100);}
.h_cases .tit.on .pic h5{ width:100%; bottom:24px; left:0; margin:0;}

.h_cases_ph{ display:none;}
.h_cases_pc{ display:block;}

@media  screen and (max-width:1480px){
.h_cases .text{ width:500px; padding:0 40px;}
.h_cases .tit.on{ padding-left:500px;}
.h_cases .pic{ height:480px;}
.h_cases .pic img{ height:480px;}
.h_cases .text .p3{ height:112px;}
	
}

@media  screen and (max-width:1199px){
.h_cases_pc{ display:none;}
.h_cases_ph{ display:block; position:relative; margin-top:-10px;}
.h_cases{ padding:0; position:static;   transform: translateY(0%);
    -webkit-transform: translateY(0%);
    -moz-transform: translateY(0%);}
.h_cases .hd{ border:none;}
.h_cases .tit{ width:100%; padding:0;}
.h_cases .text{ display:block; width:100%; padding:25px 15px; position:static;}
.h_cases .tit.on{ width:100%; padding-left:0;}
.h_cases .pic{ height:auto;}
.h_cases .pic img{ height:auto;opacity:1; filter:alpha(opacity=100); }
.h_cases .pic h5{ width:100%;font-size:16px; left:0; margin-left:0; bottom:41px;}

.h_cases .text .p1{ margin:0 0 15px 0;}
.h_cases .text .p2{ font-size:18px; line-height:28px; }
.h_cases .text .p3{ height:auto; margin:5px 0 15px 0;}


}







/*9新闻详情1*/
.zy_banner{ width:100%; line-height:0;}
.zy_cont1{ float:left; width:100%; padding:50px 0 13px 0; border-bottom:1px solid #f1f1f1;}
.h_tit_l{ float:left; color:#333333; font-size:30px; line-height:30px;}
.h_tit_l span{ font-family:Arial; font-size:24px; color:#686868; text-transform:uppercase; padding-left:13px;}
.h_tit_r{ float:right; background:url(images/new1.png) left center no-repeat; color:#666666; font-size:14px; line-height:24px; padding-left:18px; margin-top:6px;}
.h_tit_r a{ color:#666666;}
.h_tit_r a.on,
.h_tit_r a:hover{ color:#0465b6;}


.zy_cont2{ float:left; width:100%; position:relative; margin:30px 0 60px 0; min-height:600px;}
.l_cont{ float:left; width:74.4%;}
.r_cont{ float:right; width:24%; position:absolute; right:0; top:0; background:#f7f7f7; padding:28px 30px 70px 30px;}
.h_tit1{ float:left; width:100%; border-bottom:1px solid #e5e5e7; color:#0465b6; line-height:26px; font-size:16px;padding-bottom:9px;}
.h_tit1 span{ font-size:26px;  font-family:Arial; padding-right:6px;}

.h_ul1{ float:left; width:100%;}
.h_ul1 li{ float:left; width:100%; border-bottom:1px dashed #c6c6c6; padding:19px 0 18px 0; position:relative;}
.h_ul1 li a{ float:left; width:100%; color:#333333; font-size:14px; line-height:18px; height:36px; overflow:hidden; padding-left:22px;}
.h_ul1 li i{ float:left; width:14px; height:14px; background:#0465b6; color:#fff; font-size:12px; text-align:center; line-height:14px; font-family:Arial; position:absolute; left:0; top:19px;}
.h_ul1 li a:hover{ color:#0465b6;}

.h_news_det1{ float:left; width:100%;}
.h_news_det1 .l1{ float:left; width:100%; color:#0465b6; font-size:30px; line-height:40px;}
.h_news_det1 .l2{ float:left; width:100%; padding:10px 0 15px 0; border-bottom:1px solid #e2e2e2;}
.h_news_det1 .l2 .p1{ float:left; color:#888888; font-size:14px; line-height:24px; margin:6px 0;}
.h_news_det1 .l2 .p2{ float:right;}
.h_news_det1 .l3{ float:left; width:100%; color:#666666; font-size:14px; line-height:30px; margin:20px 0 42px 0;}
.sx_pag{ float:left; width:100%; background:#f7f7f7; padding:12px 30px; overflow:hidden;}
.sx_pag a{ float:left; width:100%; color:#333333; font-size:16px; line-height:32px; overflow:hidden;white-space: nowrap; text-overflow:ellipsis; }
.sx_pag a:hover{ color:#0465b6;}


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

.r_cont{ padding:25px 15px;}


}

@media  screen and (max-width:991px){
.zy_cont1{ padding:25px 0 13px 0;}	
.h_tit_l{ font-size:22px; line-height:22px;}
.h_tit_l span{ font-size:16px; padding-left:8px;}
.h_tit_r{ display:none;}
.h_news_det1 .l1{ font-size:22px; line-height:32px;}

.l_cont{ width:100%;}
.h_ul1 li{ padding:12px 0;}
.h_ul1 li i{ top:12px;}
.r_cont{ width:100%; padding:20px 15px; position:static; margin-top:15px;}
.zy_cont2{ margin:15px 0 30px 0;}
.sx_pag{ padding:12px 15px;}
.sx_pag a{ font-size:14px; line-height:28px;}
.h_news_det1 .l3{ line-height:28px; margin:10px 0 20px 0;}

}


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

.h_news_det1 .l2 .p1{ margin-bottom:0;}
.h_news_det1 .l2 .p2{ width:100%;}
.h_news_det1 .l2{ padding:0 0 10px 0;}

}


/*6产品*/
.zy_banner_bg{ float:left; width:100%; height:100%; position:relative;}
.ban_box{ float:left; width:100%; position:absolute; left:0; top:50%; text-align:center;  transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);}
.ban_box .ban_t1{ float:left; width:100%; margin-top:5px;opacity:0; filter:alpha(opacity=0);}
.ban_box .ban_t1 i{ display:block; margin:0 auto; width:1px; height:52px; background:#fff;}
.ban_box .ban_t2{ float:left; width:100%; color:#fff; font-size:60px; line-height:70px; margin:59px 0 18px 0;opacity:0; filter:alpha(opacity=0);}
.ban_box .ban_t3{ float:left; width:100%; color:#fff; font-size:16px; line-height:26px; font-family:Arial;opacity:0; filter:alpha(opacity=0);}

.active .ban_box .ban_t1{animation: bounceInDown  3s;opacity:1; filter:alpha(opacity=100);} 
.active .ban_box .ban_t2{animation: bounceInDown  2s;opacity:1; filter:alpha(opacity=100);} 
.active .ban_box .ban_t3{animation: bounceInDown  1s;opacity:1; filter:alpha(opacity=100);} 

.ban_box1{ top:39%;transform:none;
    -webkit-transform:none;
    -moz-transform:none;}
.ban_box .ban_t4{ float:left; width:100%; color:#fff; font-size:48px; line-height:100px;opacity:0; filter:alpha(opacity=0); position:absolute; left:0; top:0;}
.ban_box .ban_t5{ float:left; width:100%; line-height:0; text-align:center;opacity:0; filter:alpha(opacity=00);}
.ban_box .ban_t5 img{ width:713px; height:108px;}

.active .ban_box .ban_t4{animation: bounceInDown  2s;opacity:1; filter:alpha(opacity=100);} 
.active .ban_box .ban_t5{animation: bounceInDown  1s;opacity:1; filter:alpha(opacity=100);} 

.ban_box .ban_t2.t4{ margin:37px 0 8px 0;}
.ban_box .ban_t2.t5{ font-weight:bold; margin:0;}
.active .ban_box .ban_t2.t5{animation: bounceInDown  1s;opacity:1; filter:alpha(opacity=100);} 

.ban_box2{ top:42.4%;transform:none;
    -webkit-transform:none;
    -moz-transform:none;}
.ban_box .ban_t6{ float:left; width:100%; line-height:0; text-align:center;opacity:0; filter:alpha(opacity=00);}
.ban_box .ban_t6 img{ width:1503px; height:95px;}
.ban_box .ban_t2.t2{ margin:-50px 0 0 0; color:#333;}

.active .ban_box .ban_t6{animation: bounceInDown  1s;opacity:1; filter:alpha(opacity=100);} 


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

.ban_box .ban_t6 img{ width:96%; height:auto;}
.ban_box .ban_t2.t2{ margin-top:-42px;}

}

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

.zy_banner_bg{ height:auto;}
.ban_box .ban_t1 i{height:39px;}
.ban_box .ban_t2{font-size:40px; line-height:50px; margin:40px 0 18px 0;}

.ban_box .ban_t4{ font-size:32px; line-height:70px;}
.ban_box .ban_t5 img{ width:475px; height:72px;}

.ban_box .ban_t2.t4{ margin:30px 0 8px 0;}

}


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

.ban_box .ban_t1 i{height:30px;}
.ban_box .ban_t2{font-size:30px; line-height:40px; margin:30px 0 15px 0;}
.ban_box .ban_t3{ font-size:14px; line-height:20px;}

.ban_box .ban_t4{ font-size:24px; line-height:50px;}
.ban_box .ban_t5 img{ width:357px; height:54px;}

.ban_box .ban_t2.t4{ margin:20px 0 8px 0;}

.ban_box2{ top:50.4%;}
.ban_box .ban_t2.t2{ margin:-20px 0 0 0;}

}

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

.ban_box{ transform: translateY(-40%);
    -webkit-transform: translateY(-40%);
    -moz-transform: translateY(-40%);}
.ban_box .ban_t1 i{height:26px;}
.ban_box .ban_t2{font-size:20px; line-height:30px; margin:15px 0 5px 0;}
.ban_box .ban_t3{ font-size:12px; line-height:20px;}

.ban_box .ban_t4{ font-size:18px; line-height:34px;}
.ban_box .ban_t5 img{ width:238px; height:36px;}

.ban_box .ban_t2.t4{ margin:10px 0 0 0;}

}



.pord_cont1{ float:left; width:100%;}
.por_tit1{ float:left; width:100%; height:74px; background:url(images/por1.png) left center no-repeat;}

.active .por_tit1{animation: flipInX 1s;} 

.pord_l1{ float:left; width:100%; margin-top:30px;}
.pord_l1 ul{ margin:0 -15px;}
.pord_l1 li{ float:left; width:50%; padding:30px 15px 0 15px;}
.pord_l1 li a{ float:left; width:100%; position:relative; background:#edeff1; border-radius:108px; min-height:108px; text-align:right; padding:11px 116px 11px 15px;}
.pord_l1 li a h5{ float:left; width:100%; color:#333333; font-size:18px; line-height:28px; font-weight:bold;}
.pord_l1 li a p{ float:left; width:100%; color:#333333; font-size:14px; line-height:24px; height:48px; overflow:hidden; margin-top:5px;}
.pord_l1 li a i{ float:left; width:88px; height:88px; border-radius:50%; overflow:hidden; position:absolute; right:10px; top:10px;}
.pord_l1 li.li1{ left:auto; right:-100%;}
.pord_l1 li.li1 a{ text-align:left;}
.pord_l1 li.li1 a i{ right:auto; left:10px;}
.pord_l1 li.li1 a{ padding:11px 15px 11px 116px;}

.active .pord_l1 li{ left:0;opacity:1; filter:alpha(opacity=100);}
.active .pord_l1 li.li1{ left:auto; right:0%;}
.active .pord_l1 li.t1{webkit-animation: fadeInLeftBig 500ms cubic-bezier(.19,1,.22,1) 200ms both;animation: fadeInLeftBig 500ms cubic-bezier(.19,1,.22,1) 200ms both;}
.active .pord_l1 li.t2{webkit-animation: fadeInRightBig 600ms cubic-bezier(.19,1,.22,1) 200ms both;animation: fadeInRightBig 600ms cubic-bezier(.19,1,.22,1) 200ms both;}
.active .pord_l1 li.t3{webkit-animation: fadeInLeftBig 700ms cubic-bezier(.19,1,.22,1) 200ms both;animation: fadeInLeftBig 700ms cubic-bezier(.19,1,.22,1) 200ms both;}
.active .pord_l1 li.t4{webkit-animation: fadeInRightBig 800ms cubic-bezier(.19,1,.22,1) 200ms both;animation: fadeInRightBig 800ms cubic-bezier(.19,1,.22,1) 200ms both;}
.active .pord_l1 li.t5{webkit-animation: fadeInLeftBig 900ms cubic-bezier(.19,1,.22,1) 200ms both;animation: fadeInLeftBig 900ms cubic-bezier(.19,1,.22,1) 200ms both;}
.active .pord_l1 li.t6{webkit-animation: fadeInRightBig 1000ms cubic-bezier(.19,1,.22,1) 200ms both;animation: fadeInRightBig 1000ms cubic-bezier(.19,1,.22,1) 200ms both;}
.active .pord_l1 li.t7{webkit-animation: fadeInLeftBig 1100ms cubic-bezier(.19,1,.22,1) 200ms both;animation: fadeInLeftBig 1100ms cubic-bezier(.19,1,.22,1) 200ms both;}
.active .pord_l1 li.t8{webkit-animation: fadeInRightBig 1200ms cubic-bezier(.19,1,.22,1) 200ms both;animation: fadeInRightBig 1200ms cubic-bezier(.19,1,.22,1) 200ms both;}


@media  screen and (max-width:1199px){
.pord_cont1{ padding:6% 0;}	
.pord_l1{ margin-top:20px;}	
.pord_l1 ul{ margin:0 -10px;}
.pord_l1 li{ padding:20px 10px 0 10px;}

}

@media  screen and (max-width:991px){
.por_tit1{ height:54px; background-size:auto 100%;}
.pord_l1{ margin-top:10px;}
.pord_l1 ul{ margin:0 -7px;}
.pord_l1 li{ padding:14px 7px 0 7px;}
.pord_l1 li a{ padding:8px 92px 8px 15px; min-height:88px; border-radius:88px;}
.pord_l1 li a i{ width:68px; height:68px;}
.pord_l1 li.li1 a{ padding:11px 15px 11px 92px;}
.pord_l1 li a h5{ font-size:16px; line-height:24px;}
.pord_l1 li a p{ line-height:20px; height:40px; margin-top:2px;}

}

@media  screen and (max-width:767px){
.por_tit1{ height:44px; background-size:auto 100%;}
.pord_l1 li{ width:100%;}

.pord_l1 li a{ text-align:left;}
.pord_l1 li a i{ right:auto; left:10px;}
.pord_l1 li a{ padding:11px 15px 11px 92px;}

}

/**/

.pord_bg2{ background:#edeff1; overflow:hidden;}
.pord_cont2{ float:left; width:100%; position:absolute; left:0; bottom:0;}
.pord_cont2 .tx1{ float:left; width:36.8%; position:relative; left:-12px; z-index:6; margin-top:149px;}
.pord_cont2 .tx1 .p1{ float:left; width:100%; color:#333333; font-size:16px; line-height:30px; text-transform:uppercase; padding:47px 60px 50px 0; position:relative; margin-top:40px;}
.pord_cont2 .tx1 .p1 p{ float:left; width:100%; position:relative; z-index:9;}
.pord_cont2 .tx1 .p1::after{ float:left; width:2000px; height:100%; background:#fff; position:absolute; right:-230px; top:0; z-index:3; content:'';}

.pord_cont2 .img1{ float:left; width:59.25%; position:relative; right:-30px; z-index:8;}
.pord_cont2 .img1 .pic1{ float:left; width:68%; position:absolute; left:16%; top:28.49%;}
.pord_cont2 .roid{ float:left; width:98px; height:98px; border-radius:50%; line-height:98px; text-align:center; color:#fff; font-size:18px; position:absolute;}
.pord_cont2 .roid a{display:block; width:100%; height:100%;  color:#fff;}
.pord_cont2 .roid.ico1{ background:#354e5d; left:-2.95%; top:34.27%;}
.pord_cont2 .roid.ico2{ background:#f26345; left:9.45%; top:10.08%;}
.pord_cont2 .roid.ico3{ background:#04a3b6; left:29.03%; top:-12px;}
.pord_cont2 .roid.ico4{ background:#4b74aa; right:29.03%; top:-12px;}
.pord_cont2 .roid.ico5{ background:#f98518; right:9.45%; top:10.08%;}
.pord_cont2 .roid.ico6{ background:#278bcb; right:-2.95%; top:34.27%;}
.pord_cont2 .tit{ float:left; width:100%; text-align:center; color:#0465b6; font-size:18px; line-height:28px; font-weight:bold; position:absolute; left:0; top:21.23%;}
.pord_cont2 .bg_img{ float:left; width:100%;}

.por_tit1_2{ background:url(images/por1_2.png) left center no-repeat;}

.active .pord_cont2 .tx1{animation: fadeInLeft 1s;}
.active .pord_cont2 .img1 .pic1{animation: bounceInDown 1s;}
.active .pord_cont2 .tit{animation: bounceInDown 1.5s;}
.active .pord_cont2 .roid.ico1{animation: bounceInDown 2s;}
.active .pord_cont2 .roid.ico2{animation: bounceInDown 2.3s;}
.active .pord_cont2 .roid.ico3{animation: bounceInDown 2.7s;}
.active .pord_cont2 .roid.ico4{animation: bounceInDown 2.9s;}
.active .pord_cont2 .roid.ico5{animation: bounceInDown 2.5s;}
.active .pord_cont2 .roid.ico6{animation: bounceInDown 2.2s;}


@media  screen and (max-width:1279px){
.pord_cont2 .tx1{ float:left; width:36.8%; position:relative; left:0; z-index:6; margin-top:70px;}
.pord_cont2 .tx1 .p1{ padding:24px 30px 24px 0; font-size:14px; line-height:28px;}
.pord_cont2 .roid{ float:left; width:80px; height:80px; line-height:80px; font-size:16px;}
.pord_cont2 .img1{ right:0;}

}



@media  screen and (max-width:1199px){
.pord_cont2{ position:static; padding:7% 0 0 0;}

}

@media  screen and (max-width:991px){
.por_tit1_2{ height:54px; background-size:auto 100%;}
.pord_cont2 .roid{ width:66px; height:66px; line-height:66px; font-size:14px;}
.pord_cont2 .tx1 .p1{ margin-top:20px;}
}

@media  screen and (max-width:767px){
.por_tit1_2{ height:44px; background-size:auto 100%;}

.pord_cont2 .tx1{ width:100%; margin-top:0;}
.pord_cont2 .img1{ width:100%;}
.pord_cont2 .roid{ width:56px; height:56px; line-height:56px;}
.pord_cont2 .tit{ top:18%; font-size:16px;}

}



/**/
.pord_cont4{ float:left; width:100%;}
.por_tit1_4{ height:77px; background:url(images/por1_4.png) left center no-repeat;}
.pord_l4{ float:left; width:100%; margin-top:60px;}
.pord_l4 ul{ margin:0 -15px;}
.pord_l4 ul li{ float:left; width:20%; padding:0 15px;}
.pord_l4 ul li a{ float:left; width:230px; height:230px; border-radius:50%;}
.pord_l4 ul li i{ float:left; width:100%; text-align:center; line-height:0; margin-top:46px;}
.pord_l4 ul li i img{ display:block; margin:0 auto; width:59px; }
.pord_l4 ul li h2{ float:left; width:100%; text-align:center; color:#fff; font-size:20px; line-height:20px; font-weight:bold; margin:22px 0 15px 0;}
.pord_l4 ul li h5{ float:left; width:100%; text-align:center; color:#fff; font-size:14px; line-height:14px;}

.pord_l4 ul li a:hover i img{animation: bounce 1s;}


.hi-icon-effect-5 .hi-icon.bg1{
	/*box-shadow: 0 0 0 4px rgba(242,99,69,1);*/
	background: rgba(242,99,69,1);
	overflow: hidden;
	-webkit-transition: background 0.3s, color 0.3s, box-shadow 0.3s;
	-moz-transition: background 0.3s, color 0.3s, box-shadow 0.3s;
	transition: background 0.3s, color 0.3s, box-shadow 0.3s;
}
.hi-icon-effect-5 .hi-icon.bg1:hover {
	/*background: rgba(242,99,69,1);*/
	box-shadow: 0 0 0 8px rgba(242,99,69,0.3);
}
.hi-icon-effect-5 .hi-icon.bg2{
	/*box-shadow: 0 0 0 4px rgba(242,99,69,1);*/
	background: rgba(53,78,93,1);
	overflow: hidden;
	-webkit-transition: background 0.3s, color 0.3s, box-shadow 0.3s;
	-moz-transition: background 0.3s, color 0.3s, box-shadow 0.3s;
	transition: background 0.3s, color 0.3s, box-shadow 0.3s;
}
.hi-icon-effect-5 .hi-icon.bg2:hover {
	/*background: rgba(242,99,69,1);*/
	box-shadow: 0 0 0 8px rgba(53,78,93,0.3);
}
.hi-icon-effect-5 .hi-icon.bg3{
	/*box-shadow: 0 0 0 4px rgba(242,99,69,1);*/
	background: rgba(4,163,182,1);
	overflow: hidden;
	-webkit-transition: background 0.3s, color 0.3s, box-shadow 0.3s;
	-moz-transition: background 0.3s, color 0.3s, box-shadow 0.3s;
	transition: background 0.3s, color 0.3s, box-shadow 0.3s;
}
.hi-icon-effect-5 .hi-icon.bg3:hover {
	/*background: rgba(242,99,69,1);*/
	box-shadow: 0 0 0 8px rgba(4,163,182,0.3);
}
.hi-icon-effect-5 .hi-icon.bg4{
	/*box-shadow: 0 0 0 4px rgba(242,99,69,1);*/
	background: rgba(28,96,177,1);
	overflow: hidden;
	-webkit-transition: background 0.3s, color 0.3s, box-shadow 0.3s;
	-moz-transition: background 0.3s, color 0.3s, box-shadow 0.3s;
	transition: background 0.3s, color 0.3s, box-shadow 0.3s;
}
.hi-icon-effect-5 .hi-icon.bg4:hover {
	/*background: rgba(242,99,69,1);*/
	box-shadow: 0 0 0 8px rgba(28,96,177,0.3);
}
.hi-icon-effect-5 .hi-icon.bg5{
	/*box-shadow: 0 0 0 4px rgba(242,99,69,1);*/
	background: rgba(249,133,24,1);
	overflow: hidden;
	-webkit-transition: background 0.3s, color 0.3s, box-shadow 0.3s;
	-moz-transition: background 0.3s, color 0.3s, box-shadow 0.3s;
	transition: background 0.3s, color 0.3s, box-shadow 0.3s;
}
.hi-icon-effect-5 .hi-icon.bg5:hover {
	/*background: rgba(242,99,69,1);*/
	box-shadow: 0 0 0 8px rgba(249,133,24,0.3);
}

.hi-icon-effect-5 .hi-icon.bg6{
	/*box-shadow: 0 0 0 4px rgba(242,99,69,1);*/
	background: rgba(255,255,255,1);
	overflow: hidden;
	-webkit-transition: background 0.3s, color 0.3s, box-shadow 0.3s;
	-moz-transition: background 0.3s, color 0.3s, box-shadow 0.3s;
	transition: background 0.3s, color 0.3s, box-shadow 0.3s;
}
.hi-icon-effect-5 .hi-icon.bg5:bg6 {
	/*background: rgba(242,99,69,1);*/
	box-shadow: 0 0 0 8px rgba(255,255,255,0.3);
}

.active .pord_l4 ul li:nth-child(1){animation: rollIn 1s;} 
.active .pord_l4 ul li:nth-child(2){animation: rollIn 1.5s;} 
.active .pord_l4 ul li:nth-child(3){animation: rollIn 2s;} 
.active .pord_l4 ul li:nth-child(4){animation: rollIn 2.5s;} 
.active .pord_l4 ul li:nth-child(5){animation: rollIn 3s;} 


@-webkit-keyframes toRightFromLeft {
	49% {
		-webkit-transform: translate(100%);
	}
	50% {
		opacity: 0;
		-webkit-transform: translate(-100%);
	}
	51% {
		opacity: 1;
	}
}
@-moz-keyframes toRightFromLeft {
	49% {
		-moz-transform: translate(100%);
	}
	50% {
		opacity: 0;
		-moz-transform: translate(-100%);
	}
	51% {
		opacity: 1;
	}
}
@keyframes toRightFromLeft {
	49% {
		transform: translate(100%);
	}
	50% {
		opacity: 0;
		transform: translate(-100%);
	}
	51% {
		opacity: 1;
	}
}





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

.pord_l4 ul{ margin:0 -10px;}
.pord_l4 ul li{ padding:0 10px;}	
.pord_l4 ul li a{width:176px; height:176px;}
.pord_l4 ul li i{ margin-top:28px;}
.pord_l4 ul li i img{ width:50px;}
.pord_l4 ul li h2{ font-size:18px; line-height:18px; margin:15px 0 10px 0;}
.pord_l4 ul li h5{ font-size:12px; line-height:14px;}

}

@media  screen and (max-width:1199px){
.pord_cont4{ padding:6% 0;}

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

.por_tit1_4{ height:54px; background-size:auto 100%;}
.pord_l4{ margin-top:30px;}	
.pord_l4 ul li a{width:131px; height:131px;}
.pord_l4 ul li i{ margin-top:28px;}
.pord_l4 ul li i img{ width:40px;}
.pord_l4 ul li h2{ font-size:16px; line-height:16px; margin:15px 0 0 0;}
.pord_l4 ul li h5{ display:none;}

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

.por_tit1_4{ height:44px; background-size:auto 100%;}
.pord_cont4{ padding:6% 0;}
.pord_l4{ margin-top:15px;}	
.pord_l4 ul{ margin:0 -7px;}
.pord_l4 ul li{ padding:7px;}	
.pord_l4 ul li{ width:33.333%;}
.pord_l4 ul li a{ display:block; margin:0 auto; float:none; width:106px; height:106px;}
.pord_l4 ul li i{ margin-top:20px;}
.pord_l4 ul li i img{ width:36px;}
.pord_l4 ul li h2{ font-size:14px; line-height:16px; margin:10px 0 0 0;}
.pord_l4 ul li span{ width:6px; height:6px; border-radius:50%; display:inline-block; *display:inline; *zoom:1; margin:51px 2px;}

}

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

.pord_l4 ul li{ width:50%;}

}



.por_tit1_3{ background:url(images/por1_3.png) left center no-repeat;}
.pord_cont3{ float:left; width:100%;}
.pord_l3{ float:left; width:100%; position:relative; margin-top:140px;}
.pord_l3 li{ float:left; width:212px; height:183px; background:url(images/por18_2.png) center no-repeat; background-size:100% 100%;text-align:center; overflow:hidden; margin-left:123px; position:relative; top:0; margin-top:-87px;}

.pord_l3 li.ico2{background:url(images/por20_2.png) center no-repeat; background-size:100% 100%;}
.pord_l3 li.ico3{background:url(images/por16_2.png) center no-repeat; background-size:100% 100%;}
.pord_l3 li.ico4{background:url(images/por22_2.png) center no-repeat; background-size:100% 100%;}

.pord_l3 li i{ float:left; width:100%; line-height:0; margin:45px 0 20px  0;}
.pord_l3 li i img{ width:51px;-webkit-transform-style: preserve-3d;
       -moz-transform-style: preserve-3d;
        -ms-transform-style: preserve-3d;
         -o-transform-style: preserve-3d;
            transform-style: preserve-3d;}
.pord_l3 li h5{ float:left; width:100%; text-align:center; color:#fff; font-size:20px; line-height:28px;}
.pord_l3 li:hover i img{-webkit-transition: 1s ease;
   -moz-transition: 1s ease;
	-ms-transition: 1s ease;
	 -o-transition: 1s ease;
		transition: 1s ease;
-webkit-transform: rotateY(360deg);
   -moz-transform: rotateY(360deg);
	-ms-transform: rotateY(360deg);
	 -o-transform: rotateY(360deg);
		transform: rotateY(360deg);}  
 
 
.active .pord_l3 li i{animation: fadeInLeft 1s;} 
.active .pord_l3 li h5{animation: fadeInLeft 1s;} 

.pord_l3 li:nth-child(1){ margin-right:500px; margin-left:535px;}
.pord_l3 li:nth-child(2){ margin-left:702px;}
.pord_l3 li:nth-child(4){ margin-left:199px;}
.pord_l3 li:nth-child(7){ margin-left:32px;}

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

.pord_l3{ margin-top:100px;}
.pord_l3 li{ float:left; width:163px; height:141px; margin-top:-68px;margin-left:97px;}
.pord_l3 li i{ margin:32px 0 12px  0;}
.pord_l3 li i img{ width:44px;}
.pord_l3 li h5{ font-size:18px; line-height:26px;}

.pord_l3 li:nth-child(1){ margin-right:388px; margin-left:412px;}
.pord_l3 li:nth-child(2){ margin-left:539px;}
.pord_l3 li:nth-child(4){ margin-left:152px;}
.pord_l3 li:nth-child(7){ margin-left:22px;}


}

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

.pord_cont3{ padding:6% 0;}



}

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


.por_tit1_3{ background-size:auto 100%;}

.pord_l3 li{ width:17%; height:108px; margin-top:-52px;margin-left:10%;}
.pord_l3 li i{ margin:22px 0 5px  0;}
.pord_l3 li i img{ width:36px;}
.pord_l3 li h5{ font-size:16px; line-height:24px;}

.pord_l3 li:nth-child(1){ margin-right:40%; margin-left:42.8%;}
.pord_l3 li:nth-child(2){ margin-left:56%;}
.pord_l3 li:nth-child(4){ margin-left:15.8%;}
.pord_l3 li:nth-child(7){ margin-left:2.28%;}

}

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

.por_tit1_3{ background-size:auto 100%;}
.pord_l3{ margin-top:30px;}
.pord_l3 li{ width:30%; height:88px; margin-left:4%; margin-top:-2%;}
.pord_l3 li i{ margin:15px 0 5px  0;}
.pord_l3 li i img{ width:26px;}
.pord_l3 li h5{ font-size:16px; line-height:24px;}

.pord_l3 li:nth-child(1){ margin-right:0; margin-left:35%;}
.pord_l3 li:nth-child(2){ margin-left:18%;}
.pord_l3 li:nth-child(4){ margin-left:1%;}
.pord_l3 li:nth-child(7){ margin-left:18%;}
.pord_l3 li:nth-child(9){ margin-left:35%;}

}




/*17产品详情*/
.ban_box1{transform: translateY(-40%);-webkit-transform: translateY(-40%);-moz-transform: translateY(-40%);}
.ban_box1 .ban_t2{ margin:3% 0 1% 0;}


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

.ban_box1{transform: translateY(-18%);-webkit-transform: translateY(-18%);-moz-transform: translateY(-18%);}
}

/*15期刊主页*/
.Periodicals_1{ float:left; width:100%; box-shadow:0 0 7px rgba(0,0,0,0.05); -moz-box-shadow:0 0 7px rgba(0,0,0,0.05); -webkit-box-shadow:0 0 7px rgba(0,0,0,0.05); margin:50px 0 30px 0; text-align:center; position:relative;}
.Periodicals_1 .tit1{ float:left; width:100%; color:#fff; font-size:36px; line-height:64px; font-weight:bold; position:relative;top:0; margin-top:-14px; background:url(images/qikan7.png) top center no-repeat; background-size:auto 100%;}
.Periodicals_1 .tit2{ float:left; width:100%; color:#333; font-size:30px; line-height:40px; font-weight:bold; margin:20px 0 15px 0;}
.Periodicals_1 .tit3{ float:left; width:100%; color:#333; font-size:16px; line-height:24px; margin-bottom:36px;}
.Periodicals_1 .tit3 .p1{ display:block; margin:0 auto; width:758px;}
.Periodicals_1 .ico1{ float:left; width:32px; height:100%; position:absolute; left:0; top:0; background:url(images/qikan8.png) right center no-repeat; background-size:100% auto;}
.Periodicals_1 .ico2{ float:left; width:32px; height:100%; position:absolute; right:0; top:0; background:url(images/qikan9.png) right center no-repeat; background-size:100% auto;}


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

.Periodicals_1{ margin:25px 0 15px 0;}
.Periodicals_1 .tit1{ font-size:22px; line-height:42px; margin-top:-9px;}
.Periodicals_1 .tit2{ font-size:20px; line-height:30px; margin:15px 0 10px 0;}
.Periodicals_1 .tit3{ font-size:14px; line-height:22px; margin-bottom:25px;}
.Periodicals_1 .tit3 .p1{ width:100%; padding:0 20px;}

.Periodicals_1 .ico1{ width:16px; }
.Periodicals_1 .ico2{ width:16px; }
}

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

.Periodicals_2 li{ width:100%; margin-top:12px;}

}


/**/
.Periodicals_2{ float:left; width:100%;}
.Periodicals_2 ul{ margin:0 -15px;}
.Periodicals_2 li{ float:left; width:50%; padding:0 15px;}
.Periodicals_2 li a{ float:left; width:100%; position:relative;}
.Periodicals_2 .img{ float:left; width:100%; line-height:0; overflow:hidden;}
.Periodicals_2 .img 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;}
.Periodicals_2 li a:hover .img img{ -webkit-transform: scaleX(1.1); -moz-transform: scaleX(1.1);transform: scaleX(1.1);}
.Periodicals_2 .text{ float:left; width:100%; height:103px; overflow:hidden; position:absolute; left:0; bottom:0; padding:25px 38px; background:#fff; background:rgba(255,255,255,0.9);
-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;
 }
.Periodicals_2 .text h5{ float:left; width:100%;}
.Periodicals_2 .text h5 time{ float:left; color:#333333; font-size:14px; line-height:24px; opacity:0.6; filter:alpha(opacity=60); position:relative;
-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;
}
.Periodicals_2 .text h5 i{ float:left; width:45px; height:1px; margin:11px 0; background:#333333; opacity:0.15; filter:alpha(opacity=15); margin-left:8px;
-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;
}
.Periodicals_2 .text h4{ float:left; width:100%; color:#333333; font-size:18px; line-height:28px; overflow:hidden;white-space: nowrap; text-overflow:ellipsis; margin-top:2px;
-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;
 }
.Periodicals_2 .text p{ float:left; width:100%; color:#fff; font-size:14px; line-height:20px; height:40px; overflow:hidden; opacity:0.8; filter:alpha(opacity=80); margin-top:30px;
-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;
}

.Periodicals_2 li a:hover .text{ height:154px; background:#0465b6; background:rgba(4,101,182,0.95);}
.Periodicals_2 li a:hover .text h5 time{ color:#fff;}
.Periodicals_2 li a:hover .text h5 i{ background:#fff; opacity:0.2; filter:alpha(opacity=20);}
.Periodicals_2 li a:hover .text h4{ color:#fff;}
.Periodicals_2 li a:hover .text p{ margin-top:12px;}

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

.Periodicals_2 ul{ margin:0 -6px;}
.Periodicals_2 li{ padding:0 6px;}
.Periodicals_2 .text{ height:75px; padding:12px 15px;}
.Periodicals_2 .text h4{ font-size:16px; line-height:26px;margin-top:0;}
.Periodicals_2 li a:hover .text{ height:122px;}
.Periodicals_2 li a:hover .text p{ margin-top:6px;}

}

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

.Periodicals_2 li{ width:100%; margin-top:12px;}

}


/**/
.Periodicals_3{ float:left; width:50%; margin:35px 0 60px 0; padding-right:15px; overflow:hidden;}
.Periodicals_3 .tit1{ float:left; width:100%; height:52px; border-bottom:3px solid #e4e4e4;}
.Periodicals_3 .tit1 h4{ float:left; padding-bottom:15px; border-bottom:3px solid #0465b6; color:#333333; font-size:24px; line-height:34px;}
.Periodicals_3 .ul1{ float:left; width:100%;}
.Periodicals_3 .ul1 li{ float:left; width:100%; padding:20px; margin-top:20px; background:#f7f7f7;}
.Periodicals_3 .ul1 li a{ float:left; width:100%; position:relative; min-height:196px;}
.Periodicals_3 .ul1 .img{ float:left; width:196px; height:196px; overflow:hidden; line-height:0; position:absolute; left:0; top:0;}
.Periodicals_3 .ul1 .img 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;}
.Periodicals_3 .ul1 li a:hover .img img{ -webkit-transform: scale(1.1); -moz-transform: scale(1.1);transform: scale(1.1);}
.Periodicals_3 .ul1 .text{ float:left; width:100%; padding-left:216px;}
.Periodicals_3 .ul1 .text h4{ float:left; width:100%; color:#333333; font-size:18px; line-height:28px; overflow:hidden; white-space: nowrap; text-overflow:ellipsis; margin:5px 0 15px 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;}
.Periodicals_3 .ul1 .text p{ float:left; width:100%; color:#666666; font-size:14px; line-height:26px; height:78px; overflow:hidden;}
.Periodicals_3 .ul1 .text h5{ float:left; width:117px; height:40px; text-align:center; border:1px solid #dddddd; color:#666666; font-size:14px; line-height:40px; margin-top:23px; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px;-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;}

.Periodicals_3 .ul1 li a:hover .text h4{ color:#0465b6;}
.Periodicals_3 .ul1 li a:hover .text h5{ background:#0465b6; border:1px solid #0465b6; color:#fff; width:100px;}

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

.Periodicals_3{ width:100%; margin:18px 0; padding-right:0;}
.Periodicals_3 .tit1{ height:40px; border-bottom:2px solid #e4e4e4;}
.Periodicals_3 .tit1 h4{  padding-bottom:10px; border-bottom:2px solid #0465b6; font-size:18px; line-height:28px;}
.Periodicals_3 .ul1 li{ margin-top:12px; padding:12px;}
.Periodicals_3 .ul1 li a{ min-height:120px;}
.Periodicals_3 .ul1 .img{ width:120px; height:120px;}
.Periodicals_3 .ul1 .text{ padding-left:132px;}
.Periodicals_3 .ul1 .text h4{ font-size:16px; line-height:24px; margin:3px 0 5px 0;}
.Periodicals_3 .ul1 .text p{ line-height:22px; height:44px;}
.Periodicals_3 .ul1 .text h5{ width:110px; height:34px; line-height:34px; margin-top:10px;}

}


/**/
.Periodicals_3.Per4{ padding:0 0 0 15px;}
.Periodicals_3 .ul2{ float:left; width:100%; margin:10px 0 34px 0;}
.Periodicals_3 .ul2 li{ float:left; width:100%; margin-top:10px; background:#f7f7f7; padding:0 15px;-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;}
.Periodicals_3 .ul2 li a{ float:left; width:100%; padding:0 20px; color:#666666; font-size:16px; line-height:56px; background:url(images/qikan4.jpg) left center no-repeat;-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;}
.Periodicals_3 .ul2 li:hover{ box-shadow:0 5px 10px rgba(0,0,0,0.2);}
.Periodicals_3 .ul2 li:hover a{ color:#0465b6;}

.Periodicals_3 .ul3{ float:left; width:100%;}
.Periodicals_3 .ul3 ul{ margin:0 -10px;}
.Periodicals_3 .ul3 li{ float:left; width:50%; padding:0 10px; margin-top:20px;}
.Periodicals_3 .ul3 li a{ float:left; width:100%; height:56px; line-height:56px; color:#333333; font-size:16px; padding:0 30px 0 20px; border:1px solid #e4e4e4; position:relative;}
.Periodicals_3 .ul3 li a::after{ float:left; width:19px; height:100%; position:absolute; right:0; top:0; background:url(images/qikan5.png) center no-repeat; content:'';-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;}
.Periodicals_3 .ul3 li:hover a::after{ right:20px;}
.Periodicals_3 .ul3 li:hover a{ background:#0465b6; border:1px solid #0465b6; color:#fff;}


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

.Periodicals_3.Per4{ padding:0; margin-top:0;} 
.Periodicals_3 .ul2{ margin:4px 0 15px 0;}
.Periodicals_3 .ul2 li{ margin-top:8px;}
.Periodicals_3 .ul2 li a{ padding:0 15px; font-size:14px; line-height:46px;}

.Periodicals_3 .ul3 ul{ margin:0 -6px;}
.Periodicals_3 .ul3 li{ padding:0 6px; margin-top:12px;}
.Periodicals_3 .ul3 li a{ height:46px; line-height:46px; font-size:14px; padding:0 25px 0 15px; }
.Periodicals_3 .ul3 li:hover a::after{ right:15px;}

}

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

.Periodicals_3 .ul3 li{ width:100%;}

}




/**/
.Periodicals_4{ float:left; width:100%; background:url(images/qikan6.png) center no-repeat;}
.Periodicals_4 a{ display:block; margin:0 auto; width:50px; height:50px; text-align:center; color:#fff; font-size:14px; line-height:16px; background:#0465b6; border-radius:50%; -moz-border-radius:50%; -webkit-border-radius:50%; overflow:hidden; padding-top:9px;}
.Periodicals_4 a:hover{ box-shadow:0 5px 15px rgba(0,0,0,0.3);}
.Periodicals_5{ float:left; width:100%; padding:20px 0 82px 0; position:relative;}
.Periodicals_5::after{ float:left; width:1px; height:70px; background:#cfcfcf; position:absolute; left:50%; top:0; content:'';}
.Periodicals_5 a{ float:left; font-size:14px; color:#2f2f2f; line-height:26px;}
.Periodicals_5 a strong{ color:#8b8b8b; font-size:16px;}
.Periodicals_5 a.r_fy{ float:right; text-align:right;}
.Periodicals_5 a:hover,
.Periodicals_5 a:hover strong{ color:#0465b6;}


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

.Periodicals_5{ padding:10px 0 40px 0; }
.Periodicals_5::after{ display:none;}
.Periodicals_5 a{ width:100%;}
.Periodicals_5 a.r_fy{ float:left; text-align:left;}

}



/*13案例列表*/
.case_list{ float:left; width:100%; overflow:hidden;}
.case_list ul{ margin:0 -15px;}
.case_list li{ float:left; width:25%; padding:0 15px; margin-top:30px;}
.case_list li a{ float:left; width:100%; position:relative; overflow:hidden;}
.case_list li .img{ float:left; width:100%; line-height:0; overflow:hidden; padding-bottom:74.884%; }
.case_list li .img img{position:absolute; left:0; top:0; min-height:100%;}
.case_list li .bg{ float:left; width:100%; height:100%; position:absolute; left:0; bottom:-100%; background:#005ca1;opacity:0.8; filter:alpha(opacity=80);  -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;}
.case_list li .text{ float:left; width:100%; position:absolute; left:0; top:100%; z-index:8;-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; padding:0 22px;}
.case_list li .text h5{ float:left; width:100%; color:#fff; font-size:16px; line-height:26px; overflow:hidden;}
.case_list li .text h5 span{ float:left; position:relative; padding-right:16px;}
.case_list li .text h5 span::after{ float:left; width:600px; height:1px; background:#fff;opacity:0.2; filter:alpha(opacity=20); content:''; position:absolute; right:0; top:50%; margin-right:-600px;}
.case_list li .text p{ float:left; width:100%; color:#fff; font-size:12px; line-height:24px; height:72px; overflow:hidden; margin:10px 0 25px 0;}
.case_list li .text i{ float:left; width:100%; line-height:0;}
.case_list li .text i img{ display:block; margin:0 auto; width:32px; 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}
.case_list li .tit{ float:left; width:100%; position:absolute; left:0; bottom:0; z-index:6; background:url(images/case10.png) center no-repeat; background-size:100% 100%; text-align:center; color:#fff; font-size:16px; line-height:26px; padding:40px 12px 10px 12px; overflow:hidden; white-space: nowrap; text-overflow:ellipsis;
-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;}



.case_list li a:hover .tit{ bottom:-80px;}
.case_list li a:hover .bg{ bottom:0;}
.case_list li a:hover .text{ top:50%; margin-top:-82px;}
.case_list li a .text i img:hover{ -webkit-transition: 1s ease;
   -moz-transition: 1s ease;
	-ms-transition: 1s ease;
	 -o-transition: 1s ease;
		transition: 1s ease;transform:rotate(180deg); -moz-transform:rotate(180deg); -webkit-transform:rotate(180deg);}



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

.case_list ul{ margin:0 -10px;}
.case_list li{ padding:0 10px; margin-top:20px;}
.case_list li .text{ padding:0 12px;}
.case_list li .text p{ line-height:22px; height:66px;margin:5px 0 10px 0;}
.case_list li a:hover .text{ margin-top:-70px;}

}

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

.case_list{ margin-top:5px;} 
.case_list ul{ margin:0 -6px;}
.case_list li{ padding:0 6px; margin-top:12px;}
.case_list li .text p{ line-height:20px; height:40px;margin:5px 0 10px 0;}
.case_list li a:hover .text{ margin-top:-53px;}
.case_list li .text i img{ width:26px; height:26px;}

}

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

.case_list li{ width:50%;}
.case_list li .text p{margin:0 0 5px 0;}
.case_list li a:hover .text{ margin-top:-48px;}
.case_list li .text i img{ width:24px; height:24px;}

}


/* 分页 */
.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:30px; height:30px; line-height:28px;  border-radius:30px; -moz-border-radius:30px; -webkit-border-radius:30px; border: #e3e3e3 1px solid; color:#272727; font-size:14px; font-family:Arial; margin:0 5px;}
.pz_fy a:hover,
.pz_fy a.on{color:#fff; border:#005a22 1px solid; background-color:#005ca1;}
.pz_fy .l_fy{ background:url(images/h_img3_1.png) center no-repeat; width:100px; display:inline-block; *display:inline; *zoom:1;}
.pz_fy .r_fy{ background:url(images/h_img2_1.png) center no-repeat; width:100px; display:inline-block; *display:inline; *zoom:1;}
.pz_fy .l_fy:hover{ background:url(images/h_img3.png) center no-repeat #005ca1;}
.pz_fy .r_fy:hover{ background:url(images/h_img2.png) center no-repeat #005ca1;}

@media  screen and (max-width:991px){
.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 #005ca1; background:#005ca1; border-radius:16px; overflow:hidden;}
.fy_pc span{ padding:5px 20px; color:#272727;}

}







/*12期刊列表*/
/* clearfix */
.clearfix:before,
.clearfix:after {
    content: " ";
    display: table;
}
.clearfix:after {
    clear: both;
}

.Periodical_list{ float:left; width:100%; overflow:hidden;}
.Periodical_list ul{ margin:0 -15px;}
.Periodical_list li{ float:left; width:25%; padding:0 15px; margin-top:30px;}
.Periodical_list li a{ float:left; width:100%; position:relative; overflow:hidden; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px;}
.Periodical_list li .img{ float:left; width:100%; line-height:0; overflow:hidden;}
.Periodical_list li .img 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;}
.Periodical_list li a:hover .img img{ -webkit-transform: scale(1.1); -moz-transform: scale(1.1);transform: scale(1.1);}

.Periodical_list li .text{ float:left; width:100%; line-height:52px; overflow:hidden;white-space: nowrap; text-overflow:ellipsis; background:#f6f6f6; text-align:center; color:#333333; font-size:16px; padding:0 12px; -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;}
.Periodical_list li a:hover .text{ background:#1c60b1; color:#fff;}


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

.Periodical_list ul{ margin:0 -10px;}
.Periodical_list li{ padding:0 10px; margin-top:20px;}
.Periodical_list li .text{ padding:0 15px;}

}

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

.Periodical_list{ margin-top:5px;} 
.Periodical_list ul{ margin:0 -6px;}
.Periodical_list li{ padding:0 6px; margin-top:12px;}
.Periodical_list li .text{ line-height:40px; font-size:14px;}


}

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

.Periodical_list li{ width:50%;}

}


/*8新闻列表1*/
.news_list{ float:left; width:100%;}
.news_list li{ float:left; width:100%; background:#f7f7f7; margin-top:30px; padding:30px 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;
}
.news_list li a{ float:left; width:100%; position:relative;}
.news_list li .time{ float:left; position:absolute; left:0; top:0; width:186px; height:154px; text-align:center; border-right:1px solid #e0e0e0;}
.news_list li .time time{ float:left; width:100%; color:#c2c2c2; font-size:72px; line-height:72px; font-family:Arial; font-weight:bold; margin:27px 0 3px 0;}
.news_list li .time span{ float:left; width:100%; color:#4c4c4c; font-size:20px; line-height:20px; font-family:Arial;}
.news_list li .img{ float:left; width:205px; height:154px; line-height:0; overflow:hidden; position:absolute; left:235px; top:0;}
.news_list li .img 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;}
.news_list li:hover .img img{ -webkit-transform: scale(1.1); -moz-transform: scale(1.1);transform: scale(1.1);}
.news_list li .text{ float:left; width:100%; padding:0 30px 0 480px; min-height:154px;}
.news_list li .text h5{ float:left; width:100%; color:#333333; font-size:18px; line-height:28px; margin:16px 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;
}
.news_list li .text p{ float:left; width:100%; color:#666666; font-size:14px; line-height:26px; height:78px; overflow:hidden;-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 .text time{ display:none;}

.news_list li:hover{ background:#005ca1;}
.news_list li:hover .text h5{ color:#fff;}
.news_list li:hover .text p{ color:#fff;}
.news_list li:hover .time time{ color:#fff;}
.news_list li:hover .time span{ color:#fff;}



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


.news_list li{ margin-top:15px; padding:15px 0;}
.news_list li .time{ width:130px; height:110px;}
.news_list li .time time{ font-size:54px; line-height:54px; margin:14px 0 3px 0;}
.news_list li .time span{ font-size:14px; line-height:14px;}
.news_list li .img{ float:left; width:146px; height:110px; left:155px; }
.news_list li .text{ padding:0 15px 0 330px; min-height:110px;}
.news_list li .text h5{ font-size:16px; line-height:24px; margin:8px 0;}
.news_list li .text p{ line-height:22px; height:66px;}

}

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

.news_list li{ margin-top:12px; padding:12px 0;}
.news_list li .time{ display:none;}
.news_list li .img{ left:12px; width:120px; height:90px;}
.news_list li .text{ padding:0 12px 0 144px; min-height:90px;}
.news_list li .text h5{ font-size:16px; line-height:24px; margin:0 0 4px 0;}
.news_list li .text p{ line-height:20px; height:40px;}
.news_list li .text time{ display:block; float:left; width:100%; color:#c2c2c2; font-size:12px; line-height:22px; }

}


/*4行业方案*/
.IndustryPlan_1{ float:left; width:100%; color:#666666; font-size:16px; line-height:34px; margin:31px 0 16px 0;}
.IndustryPlan_list{ float:left; width:100%; margin:0 0 65px 0;}
.IndustryPlan_list ul{ margin:0 -15px;}
.IndustryPlan_list li{ float:left; width:25%; padding:15px;}
.IndustryPlan_list li a{ float:left; width:100%; background:#f1f1f1; text-align:center; padding:40px 30px 32px 30px;}
.IndustryPlan_list li i{ float:left; width:100%; text-align:center;}
.IndustryPlan_list li i img{ display:block; margin:0 auto; width:180px; height:180px; border-radius:50%; -moz-border-radius:50%; -webkit-border-radius:50%;}
.IndustryPlan_list li h5{ float:left; width:100%; color:#333333; font-size:18px; line-height:28px; overflow:hidden;white-space: nowrap; text-overflow:ellipsis; margin:25px 0 17px 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;
}
.IndustryPlan_list li p{ float:left; width:100%; color:#666666; font-size:14px; line-height:30px; height:90px; overflow:hidden; -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;
}

.IndustryPlan_list li a:hover{ background:#0465b6;}
.IndustryPlan_list li a:hover h5{ color:#fff;}
.IndustryPlan_list li a:hover p{ color:#fff;}
.IndustryPlan_list li a:hover i img{ transform:rotateY(180px); -moz-transform:rotateY(180deg); -webkit-transform:rotateY(180deg); -ms--webkit-transform:rotateY(180deg); -o--webkit-transform:rotateY(180deg); transition:1s ease; -moz-transition:1s ease; -ms-transition:1s ease; -o-transition:1s ease; -webkit-transition:1s ease;}


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

.IndustryPlan_list ul{ margin:0 -10px;}
.IndustryPlan_list li{ padding:10px;}
.IndustryPlan_list li a{ padding:33px 20px 25px 20px;}
.IndustryPlan_list li i img{ width:140px; height:140px;}
.IndustryPlan_list li h5{ margin:20px 0 12px 0;}


}


@media  screen and (max-width:991px){
	
.IndustryPlan_1{ font-size:14px; line-height:28px; margin:15px 0 8px 0;}
.IndustryPlan_list{ margin:0 0 30px 0;}
.IndustryPlan_list ul{ margin:0 -6px;}
.IndustryPlan_list li{ padding:6px;}
.IndustryPlan_list li a{ padding:20px 12px 15px 12px;}
.IndustryPlan_list li i img{ width:100px; height:100px;}
.IndustryPlan_list li h5{ margin:10px 0 6px 0; font-size:16px; line-height:26px;}
.IndustryPlan_list li p{ line-height:26px; height:78px;}

}

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


.IndustryPlan_list li{ width:50%;}
}

/*3加入我们*/
.JoinuUs_tit1{ float:left; width:100%; text-align:center; color:#333333; font-size:24px; line-height:34px; margin:60px 0 38px 0;}
.JoinuUs_1{ float:left; width:100%; margin-bottom:60px;}
.JoinuUs_1 ul{ margin:0 -15px;}
.JoinuUs_1 li{ float:left; width:50%; padding:0 15px;}
.JoinuUs_1 li .p1{ float:left; width:100%; background:#f8f8f8; color:#666666; font-size:16px; line-height:30px; padding:32px 40px;}


.JoinuUs_tit2{ float:left; width:100%; text-align:center; color:#0465b6; font-size:28px; line-height:28px; font-weight:bold; padding-bottom:31px; border-bottom:1px solid #dddddd; position:relative;}
.JoinuUs_tit2::after{ float:left; width:46px; height:2px; background:#0465b6; position:absolute; left:50%; bottom:-1px; margin-left:-23px; content:'';}
.JoinuUs_2{ float:left; width:100%; margin:10px 0 54px 0;}
.JoinuUs_2 li{ float:left; width:100%; background:#f8f8f8; margin-top:20px; color:#666666; font-size:16px; line-height:36px;}
.JoinuUs_2 li .z_zp{float:left; width:100%; cursor:pointer;  padding:20px 30px;}
.JoinuUs_2 li .p1{ float:left; width:31%; color:#101010;}
.JoinuUs_2 li .p2{ float:left; width:29.4%;}
.JoinuUs_2 li .p3{ float:left; }
.JoinuUs_2 li .p4{ float:right; width:36px; height:36px; background:url(images/btn_6.png) no-repeat center; cursor:pointer; /*border-left:solid 1px #fff;*/}
.JoinuUs_2 li:hover .z_zp,
.JoinuUs_2 li.hover .z_zp{ background:#eaf5ff; color:#0465b6;}
.JoinuUs_2 li:hover .p1,
.JoinuUs_2 li.hover .p1{ color:#0465b6;}
.JoinuUs_2 li.hover .p4{ background:url(images/btn_6_h.png) no-repeat center;}



.JoinuUs_2 li .deta{font-size:14px; width:100%; padding:0 70px; left:0; top:0; overflow:hidden;  position:relative; background:#fbfbfb; display: none;}
.JoinuUs_2 li .deta .condata{ float:left; width:100%; padding:3.6% 0; color:#666666; font-size:12px;  line-height:28px;}
.JoinuUs_2 li .deta .condata .tdata{ float:left; width:100%;}
.JoinuUs_2 li .deta .condata .l_710{ float:left; width:62.427%; padding:0 80px 0 0; font-size:12px; color: #666; line-height: 28px;}
.JoinuUs_2 li .deta .condata .l_710 span{ display: block; font-size: 16px; color:#333;}
.JoinuUs_2 li .deta .condata .r_455{ float:left; width:37.573%; padding:0 0 0 42px; border-left:#e7e7e7 solid 1px; font-size:12px; color: #666; line-height: 28px;}
.JoinuUs_2 li .deta .condata .r_455 span{ display: block; font-size: 16px; color:#333;}
.JoinuUs_2 li .deta .condata .ddata{ float:left; width:100%; padding:2.56% 0 0 0;}
.JoinuUs_2 li .deta .condata .d710z{float:left; width:62.427%; padding:0 80px 0 0; font-size:14px; color: #666;}
.JoinuUs_2 li .deta .condata .d710y{ float:left; width:37.573%; padding:0 0 0 42px;}
.JoinuUs_2 li .deta .condata .d710y .a_134{ float:left; width:108px; height:34px; margin-top:10px; background:#0e6bb0; color:#fff; font-size:14px; text-align:center; line-height:34px;
-moz-border-radius:17px; 
 -webkit-border-radius:17px; 
 -khtml-border-radius:17px;
 border-radius:17px;}

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

.JoinuUs_2 li .deta{ padding:0 30px;}
.JoinuUs_2 li .deta .condata .l_710{ padding-right: 20px; font-size:12px; line-height: 24px;}
.JoinuUs_2 li .deta .condata .r_455{ padding-left: 20px;font-size:12px; line-height: 24px;}
.JoinuUs_2 li .deta .condata .l_710 span{ font-size: 14px;}
.JoinuUs_2 li .deta .condata .r_455 span{ font-size: 14px;}
.JoinuUs_2 li .deta .condata .d710z{ padding:0 20px 0 0; font-size:12px;}
}
@media  screen and (max-width:480px){
.JoinuUs_2 li .deta .condata .l_710,
.JoinuUs_2 li .deta .condata .r_455,
.JoinuUs_2 li .deta .condata .d710z,
.JoinuUs_2 li .deta .condata .d710y{ width:100%; padding: 0;}
.JoinuUs_2 li .deta .condata .r_455{ border-left: 0; margin-top: 10px;}
}


.JoinuUs_3{ float:left; width:100%; color:#444444; font-size:16px; line-height:30px; text-align:center; margin-bottom:72px;}
.JoinuUs_3 .p1{ float:left; width:100%;}
.JoinuUs_3 .p2{ float:left; width:100%; margin-top:26px;}
.JoinuUs_3 .p2 .sp1{ font-size:24px; font-weight:bold; font-family:Arial; color:#0465b6;}

.JoinuUs_4{ float:left; width:100%; margin:30px 0 80px 0;}
.JoinuUs_4 ul{ margin:0 -6px;}
.JoinuUs_4 ul li{ float:left; width:20%; padding:0 6px;}
.JoinuUs_4 ul li a{ float:left; width:100%; position:relative; overflow:hidden;}
.JoinuUs_4 li .img{ float:left; width:100%; line-height:0; overflow:hidden;}
.JoinuUs_4 li .bg{ float:left; width:100%; height:100%; position:absolute; left:0; bottom:-100%; background:#0465b6;opacity:0.7; filter:alpha(opacity=70);  -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;}
.JoinuUs_4 li .text{ float:left; width:100%; position:absolute; left:0; top:100%; z-index:8; padding:0 15px; 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; padding:0 22px;}
.JoinuUs_4 li .text h5{ float:left; width:100%; color:#fff; font-size:20px; line-height:24px; overflow:hidden;}
.JoinuUs_4 li .text h6{ float:left; width:100%;margin:18px 0;}
.JoinuUs_4 li .text h6 span{ display:block; margin:0 auto; width:20px; height:2px; background:#fff;}
.JoinuUs_4 li .text p{ float:left; width:100%; color:#fff; font-size:14px; line-height:18px; }
.JoinuUs_4 li .tit{ float:left; width:100%; position:absolute; left:0; bottom:0; z-index:6; background:url(images/Join7.png) center repeat-x; background-size:100% 100%; text-align:center; color:#fff; font-size:16px; line-height:26px; padding:38px 12px 15px 12px; overflow:hidden; white-space: nowrap; text-overflow:ellipsis;
-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;}


.JoinuUs_4 li a:hover .tit{ bottom:-80px;}
.JoinuUs_4 li a:hover .bg{ bottom:0;}
.JoinuUs_4 li a:hover .text{ top:50%; margin-top:-40px;}

.JoinuUs_4 .slick-prev{ width:45px; height:45px; background:url(images/bus23_1.png) center no-repeat; left:-70px; top:50%; margin-top:-22px;-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;
}
.JoinuUs_4 .slick-next{ width:45px; height:45px; background:url(images/bus24_1.png) center no-repeat; right:-70px; top:50%; margin-top:-22px;-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;
 }
.JoinuUs_4 .slick-prev:hover{ background:url(images/bus23.png) center no-repeat;}
.JoinuUs_4 .slick-next:hover{ background:url(images/bus24.png) center no-repeat;}

@media  screen and (max-width:1440px){
	
.JoinuUs_4 .slick-prev{ left:5px; opacity:0; filter:alpha(opacity=00);}	
.JoinuUs_4 .slick-next{ right:5px; opacity:0; filter:alpha(opacity=00);}
.JoinuUs_4:hover .slick-prev{ opacity:0.6; filter:alpha(opacity=60); background:url(images/bus23.png) center no-repeat;}	
.JoinuUs_4:hover .slick-next{ opacity:0.6; filter:alpha(opacity=60); background:url(images/bus24.png) center no-repeat;}

}


.zy_banner1{ height:100vh;}

@media  screen and (max-width:991px){
	
.zy_banner1{ height:auto;}	
	
.JoinuUs_tit1{ font-size:18px; line-height:28px; margin:20px 0 15px 0;}
.JoinuUs_1{ margin-bottom:25px;}
.JoinuUs_1 ul{ margin:0 -6px;}
.JoinuUs_1 li{padding:0 6px;}
.JoinuUs_1 li .p1{ font-size:14px; line-height:28px; padding:12px 15px;}	

.JoinuUs_2{ margin:5px 0 25px 0;}
.JoinuUs_2 li{ margin-top:12px; font-size:14px; line-height:30px; }
.JoinuUs_2 li .z_zp{padding:10px 15px;}
.JoinuUs_2 li .p4{ float:right; width:30px; height:30px;}
.JoinuUs_tit2{ font-size:20px; line-height:20px; padding-bottom:15px;}

.JoinuUs_3{ font-size:14px; line-height:26px; margin-bottom:30px;}
.JoinuUs_3 .p2{ margin-top:10px;}
.JoinuUs_3 .p2 .sp1{ font-size:18px;}

.JoinuUs_4{ margin:20px 0 30px 0;}
.JoinuUs_4 li .text{ padding:0 10px;}
.JoinuUs_4 li .text h6{ margin:8px 0;}
.JoinuUs_4 li .text h5{ font-size:18px; line-height:22px;}
.JoinuUs_4 li a:hover .text{margin-top:-38px;}

}


@media  screen and (max-width:767px){
.JoinuUs_2 li .p3{ display:none;}
.JoinuUs_2 li .p2{ display:none;}
.JoinuUs_2 li .p1{ width:80%;}

.JoinuUs_tit1{ margin:20px 0 0 0;}
.JoinuUs_1 li{ width:100%; margin-top:12px;}

.JoinuUs_4{ margin:10px 0 30px 0;}
.JoinuUs_4 ul li{ width:50%; margin-top:12px;}


}


/*5业务合作2*/
.h_business1{ float:left; width:100%; text-align:center; color:#1c60b1; font-size:30px; font-weight:bold; line-height:40px; margin-top:54px; text-transform:uppercase;}
.h_business2{ float:left; width:100%;}
.h_business2 .bd{ float:left; width:100%;}
.h_business2 .bd_bg{ background:#f5f5f5;}

.md_bus{ float:left; width:100%; text-align:center; height:192px; border-bottom:1px solid #e0e0e0; background:#fff;
}

.md_bus .z_pf{ float:left; width:100%;  background:#fff; -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; height:20%;}


.h_bus_md{ display:inline-block; *display:inline; *zoom:1;}
.h_bus_md .md_hd{ float:left; position:relative; margin:0 22px;}
.h_bus_md .md_hd::after{ float:left; width:10px; height:9px; content:''; position:absolute; left:50%; bottom:-5px;}
.h_bus_md .md_hd .ico{ float:left; width:100%; margin:60px 0 23px 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;}
.h_bus_md .md_hd .ico i{ display:block; margin:0 auto; width:58px; height:54px; position:relative;}
.h_bus_md .md_hd .ico i .img1{ float:left; position:relative; left:0; top:0;opacity:1; filter:alpha(opacity=100);-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; }
.h_bus_md .md_hd .ico i .img2{ float:left; position:absolute; left:0; top:0;opacity:0; filter:alpha(opacity=00); -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;}
.h_bus_md .md_hd h5{ float:left; width:100%; color:#333333; font-size:20px; line-height:30px; margin-bottom:25px;text-transform:uppercase; -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;}


.md_bus.on .z_pf{ position:fixed; left:0; top:60px; z-index:99; box-shadow:0 5px 10px rgba(0,0,0,0.1); height:124px;}
.md_bus.on .h_bus_md .md_hd .ico{ margin:30px 0 12px 0;}
.md_bus.on .h_bus_md .md_hd .ico i{ width:40px; height:37px;}
.md_bus.on .h_bus_md .md_hd h5{ font-size:18px; margin-bottom:15px;}

.h_bus_md .md_hd.on::after{ background:url(images/bus5.png) center bottom no-repeat;}
.h_bus_md .md_hd.on .ico i .img1{opacity:0; filter:alpha(opacity=00); }
.h_bus_md .md_hd.on .ico i .img2{opacity:1; filter:alpha(opacity=100); }
.h_bus_md .md_hd.on h5{ color:#1c60b1;}

.h_bus1{ float:left; width:100%; margin:76px 0 79px 0;}
.h_bus1 .p1{ float:left; width:59.36%; color:#666666; font-size:14px; line-height:30px; margin-top:2.56%;}
.h_bus1 .img{ float:right; width:36.4%; line-height:0; text-align:center;}

.h_bus1 .p1_1{width:61.6%;}
.h_bus1 .img_1{ width:33.28%;}

.h_bus2{ float:left; width:100%;}
.h_bus2_tit{ float:left; width:100%; color:#333333; text-align:center; font-size:30px; line-height:30px; margin-top:80px; overflow:hidden; background:url(images/bus11.jpg) center repeat-x;}
.h_bus2_tit h2{ display:inline; padding:0 26px; background:#f5f5f5; color:#333333; font-size:30px;}
.h_bus2 .ul2{ float:left; width:100%; margin:25px 0 65px 0;}
.h_bus2 .ul2 ul{ margin:0 -15px;}
.h_bus2 .ul2 li{ float:left; width:20%; padding:15px;}
.h_bus2 .ul2 li a{ float:left; width:100%; background:#fff; padding:32px 2px;}
.h_bus2 .ul2 li a .img1{ float:left; width:100%;}
.h_bus2 .ul2 li a .img1 i{ display:block; margin:0 auto; width:120px; height:120px; border-radius:50%; -moz-border-radius:50%; -webkit-border-radius:50%; overflow:hidden; padding:10px; background:#f5f5f5;}
.h_bus2 .ul2 li a .p1{ float:left; width:100%; text-align:center; color:#666666; font-size:20px; line-height:22px; margin-top:20px;}

.h_bus2 .ul2 li a:hover{  box-shadow:0 0 15px rgba(0,0,0,0.15); -moz-box-shadow:0 0 15px rgba(0,0,0,0.15); -webkit-box-shadow:0 0 15px rgba(0,0,0,0.15);}
.h_bus2 .ul2 li a:hover .img1 i{ background:#fcfcfc; box-shadow:0 0 20px rgba(28,96,177,0.6); -moz-box-shadow:0 0 20px rgba(28,96,177,0.6); -webkit-box-shadow:0 0 20px rgba(28,96,177,0.6);}
.h_bus2 .ul2 li a:hover .img1 i img{-webkit-transition: 1s ease;
   -moz-transition: 1s ease;
	-ms-transition: 1s ease;
	 -o-transition: 1s ease;
		transition: 1s ease;
-webkit-transform: rotateY(360deg);
   -moz-transform: rotateY(360deg);
	-ms-transform: rotate(360deg);
	 -o-transform: rotateY(360deg);
		transform: rotateY(360deg)}
.h_bus2 .ul2 li a:hover .p1{ color:#1c60b1;}


.h_bus3{ float:left; width:100%;}
.h_bus3 .ul3{ float:left; width:100%; margin:28px 0 43px 0;}
.h_bus3 .ul3 .box{ float:left; width:550px; position:relative; margin:0 350px;}
.h_bus3 .ul3 .img{ float:left; width:100%; line-height:0; position:relative;}
.h_bus3 .ul3 .roid{ float:left; width:319px; border-radius:18px; -moz-border-radius:18px; -webkit-border-radius:18px; border:1px solid #eeeeee; position:absolute; z-index:6; background:#f5f5f5; padding:15px 30px;-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;
}
.h_bus3 .ul3 .roid .b1{ float:left; width:100%; position:relative; min-height:60px; padding-left:78px;}
.h_bus3 .ul3 .roid .b1 .img1{ float:left; width:60px; height:60px; background:#fff; border-radius:50%; -moz-border-radius:50%; -webkit-border-radius:50%; background:#fff; box-shadow:0 3px 15px rgba(0,0,0,0.2); position:absolute; left:0; top:0;}
.h_bus3 .ul3 .roid .b1 .p1{ float:left; width:100%; color:#333333; font-size:16px; line-height:24px; margin:18px 0;}
.h_bus3 .ul3 .roid:hover{ background:#1c60b1; border:1px solid #1c60b1; box-shadow:0 3px 15px rgba(0,0,0,0.2);} 
.h_bus3 .ul3 .roid:hover .b1 .p1{ color:#fff;}

.h_bus3 .ul3 .roid.ico1{ right:50%; margin-right:19.27%; top:19.45%;animation: bounceInDown 2s;}
.h_bus3 .ul3 .roid.ico2{ left:50%; margin-left:19.27%; top:19.45%;animation: bounceInDown 1.8s;}
.h_bus3 .ul3 .roid.ico3{ right:50%; margin-right:37.27%;  top:48.72%;animation: bounceInDown 1.6s;}
.h_bus3 .ul3 .roid.ico4{ left:50%; margin-left:37.27%;  top:48.72%;animation: bounceInDown 1.3s;}
.h_bus3 .ul3 .roid.ico5{ left:50%; top:73.45%; margin-left:-159px; animation: bounceInDown 1s;}
.h_bus3 .ul3 .tit{ float:left; position:absolute; left:50%; top:50%; margin:-100px 0 0 -100px; width:200px; height:200px; background:#1c60b1; color:#fff; font-size:36px; line-height:42px; font-weight:bold; border:5px solid #fff; border-radius:50%; -moz-border-radius:50%; -webkit-border-radius:50%; text-align:center; padding-top:54px; z-index:1;}



.h_bus4{ float:left; width:100%;}
.h_bus4 .ul4{ float:left; width:100%; margin:40px 0 80px 0;}
.h_bus4 .ul4 ul{ margin:0 -15px;}
.h_bus4 .ul4 li{ float:left; width:25%; padding:0 15px;}
.h_bus4 .ul4 li a{ float:left; width:100%; text-align:center; position:relative;}
.h_bus4 .ul4 li a .img1{ float:left; width:100%; line-height:0;}
.h_bus4 .ul4 li a .p1{ float:left; width:140px; height:140px; border-radius:50%; -moz-border-radius:50%; -webkit-border-radius:50%; background:#fff; background:rgba(255,255,255,0.6); position:absolute; left:50%; top:50%; margin:-70px 0 0 -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;
}
.h_bus4 .ul4 li a .p1 .line{ float:left; width:100%; position:absolute; left:0; top:50%; margin-top:-34px;
-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;
}
.h_bus4 .ul4 li a .p1 .line span{ display:block; margin:0 auto; width:1px; height:30px; background:#1c60b1;}
.h_bus4 .ul4 li a .p1 .tit{ float:left; width:100%; color:#1c60b1; font-size:18px; line-height:28px; font-weight:bold; position:absolute; left:0; top:50%; margin-top:11px;
-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;
-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;

}

.h_bus4 .ul4 li a:hover .p1{ background:#1c60b1; background:rgba(28,96,177,0.8);}
.h_bus4 .ul4 li a:hover .p1 .line{ margin-top:4px;}
.h_bus4 .ul4 li a:hover .p1 .line span{ background:#fff;}
.h_bus4 .ul4 li a:hover .p1 .tit{ color:#fff; margin-top:-39px;}



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

.h_bus2 .ul2 li a .p1{ font-size:18px; line-height:20px;}

.h_bus3 .ul3 .box{ margin:0 206px;}

}

@media  screen and (max-width:1199px){
.h_bus_md .md_hd{ margin:0 15px;}

.h_bus2 .ul2 ul{ margin:0 -10px;}
.h_bus2 .ul2 ul li{ padding:10px;}
.h_bus2 .ul2 li a{ padding:30px 15px;}


.h_bus4 .ul4 ul{ margin:0 -10px;}
.h_bus4 .ul4 ul li{ padding:0 10px;}

.h_bus4 .ul4 li a .p1{ float:left; width:120px; height:120px; margin:-60px 0 0 -60px;}
.h_bus4 .ul4 li a .p1 .tit{margin-top:7px;}
.h_bus4 .ul4 li a .p1 .line{ margin-top:-30px;}

.h_bus4 .ul4 li a:hover .p1 .line{ margin-top:0;}
.h_bus4 .ul4 li a:hover .p1 .tit{ color:#fff; margin-top:-35px;}

.h_bus3 .ul3 .box{ width:440px; margin:0 261px;}
.h_bus3 .ul3 .roid{ width:255px;}
.h_bus3 .ul3 .roid{ padding:12px 20px;}
.h_bus3 .ul3 .roid .b1{ padding-left:60px; min-height:48px;}
.h_bus3 .ul3 .roid .b1 .img1{ width:48px; height:48px;}
.h_bus3 .ul3 .roid .b1 .p1{ margin:12px 0; font-size:14px;}
.h_bus3 .ul3 .roid.ico5{ margin-left:-127px;}
.h_bus3 .ul3 .tit{ width:160px; height:160px; margin:-80px 0 0 -80px; font-size:28px; line-height:34px; padding-top:44px;}



}



@media  screen and (max-width:991px){
.h_business1{ font-size:24px; line-height:34px; margin-top:25px;}

.md_bus{ height:85px;}
.md_bus .h_bus_md .md_hd{ margin:0; width:80px;}
.md_bus .h_bus_md .md_hd .ico{ margin:16px 0 8px 0;}
.md_bus .h_bus_md .md_hd .ico i{ width:28px; height:27px;}
.md_bus .h_bus_md .md_hd h5{ font-size:15px; line-height:24px; margin-bottom:10px;}

.md_bus.on .z_pf{ height:85px;}
.md_bus.on .h_bus_md .md_hd .ico{ margin:16px 0 8px 0;}
.md_bus.on .h_bus_md .md_hd .ico i{ width:28px; height:27px;}
.md_bus.on .h_bus_md .md_hd h5{ font-size:16px; margin-bottom:10px;}


.h_bus1{ margin:25px 0;}
.h_bus1 .p1{ width:100%; line-height:28px;}
.h_bus1 .img{ width:100%;}

.h_bus2_tit{ margin-top:30px; font-size:24px; line-height:24px;}
.h_bus2_tit h2{ padding:0 15px; font-size:24px;}

.h_bus2 .ul2{ margin:20px 0 30px 0;}
.h_bus2 .ul2 ul{ margin:0 -5px;}
.h_bus2 .ul2 ul li{ padding:5px;}
.h_bus2 .ul2 li a{ padding:20px 2px;} 
.h_bus2 .ul2 li a .img1 i{ width:76px; height:76px; padding:8px; }
.h_bus2 .ul2 li a .p1{ font-size:15px; line-height:17px; margin-top:10px;}




.h_bus4 .ul4{ margin:20px 0 30px 0;}
.h_bus4 .ul4 ul{ margin:0 -6px;}
.h_bus4 .ul4 ul li{ padding:0 6px;}
.h_bus4 .ul4 li a .p1{ float:left; width:100px; height:100px; margin:-50px 0 0 -50px;}
.h_bus4 .ul4 li a .p1 .tit{margin-top:2px; font-size:16px; line-height:26px;}
.h_bus4 .ul4 li a .p1 .line{ margin-top:-25px;}
.h_bus4 .ul4 li a .p1 .line span{ height:20px;}
.h_bus4 .ul4 li a:hover .p1 .line{ margin-top:8px;}
.h_bus4 .ul4 li a:hover .p1 .tit{ color:#fff; margin-top:-25px;}

.h_bus3 .ul3{ margin:0;}
.h_bus3 .ul3 .box{margin:0 143px; -webkit-transform: scale(0.85); -moz-transform: scale(0.85);transform: scale(0.85);}

}


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


.h_bus2 .ul2{ margin:15px 0 30px 0;}
.h_bus2 .ul2 ul li{ width:50%;}

.h_bus4 .ul4{ margin:8px 0 30px 0;}
.h_bus4 .ul4 ul li{ width:50%; margin-top:12px;}

.h_bus3 .ul3 .box{ width:100%; margin:0; -webkit-transform: scale(0.95); -moz-transform: scale(0.95);transform: scale(0.95);}


.h_bus3 .ul3 .roid{ position:static; width:100%; padding:10px 15px;-webkit-border-radius:5px; -moz-border-radius:5px;border-radius:5px; margin-bottom:12px;}
.h_bus3 .ul3 .roid.ico1{ margin-right:0; top:9.45%;}
.h_bus3 .ul3 .roid.ico2{ margin-left:0; top:9.45%;}
.h_bus3 .ul3 .roid.ico3{ margin-right:0;  top:auto; bottom:9.45%;}
.h_bus3 .ul3 .roid.ico4{ margin-left:0%;  top:auto; bottom:9.45%;} 
.h_bus3 .ul3 .roid.ico5{ margin-left:0; top:auto; bottom:0;}
.h_bus3 .ul3 .roid .b1 .p1{ font-size:16px;}


.md_bus .h_bus_md .md_hd{ width:84px;}
.md_bus .h_bus_md .md_hd h5{ font-size:12px;}
.md_bus.on .h_bus_md .md_hd h5{ font-size:12px; margin-bottom:10px;}

}
@media  screen and (max-width:374px){
.md_bus .h_bus_md .md_hd{ width:80px;}
.md_bus .h_bus_md .md_hd h5{ font-size:11px;}	
.md_bus.on .h_bus_md .md_hd h5{ font-size:11px;}
}



/*7产品方案*/
.h_bus3 .ul5{ float:left; width:100%; margin:41px 0 80px 0;}
.h_bus3 .ul5 ul{ margin:0 -15px;}
.h_bus3 .ul5 ul li{ float:left; width:25%; padding:0 15px;}
.h_bus3 .ul5 ul li a{ float:left; width:100%; background:#f1f1f1; padding:40px 34px 32px 34px; text-align:center;}
.h_bus3 .ul5 ul li .img{ float:left; width:100%; line-height:0;}
.h_bus3 .ul5 ul li .img .img1{ display:block; margin:0 auto; width:180px; height:180px; border-radius:50%; -moz-border-radius:50%; -webkit-border-radius:50%;}
.h_bus3 .ul5 ul li .img .img2{ display:block; margin:8px auto 28px auto; width:200px; height:200px; background:#fff; padding:11px;}
.h_bus3 .ul5 ul li .text{ float:left; width:100%}
.h_bus3 .ul5 ul li .text h4{ float:left; width:100%; color:#333333; font-size:18px; line-height:28px; margin:24px 0 16px 0;}
.h_bus3 .ul5 ul li .text p{ float:left; width:100%; color:#666666; font-size:14px; line-height:30px; height:90px; overflow:hidden;}
.h_bus3 .ul5 ul li .text h3{ float:left; width:100%; color:#333333; font-size:18px; line-height:34px;}
.h_bus3 .slick-prev{ width:45px; height:45px; background:url(images/bus23_1.png) center no-repeat; background-size:100% 100%; left:-70px; top:50%; margin-top:-22px;-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;
}
.h_bus3 .slick-next{ width:45px; height:45px; background:url(images/bus24_1.png) center no-repeat; background-size:100% 100%; right:-70px; top:50%; margin-top:-22px;-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;
 }
.h_bus3 .slick-prev:hover{ background:url(images/bus23.png) center no-repeat; background-size:100% 100%;}
.h_bus3 .slick-next:hover{ background:url(images/bus24.png) center no-repeat; background-size:100% 100%;}


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

.h_bus3 .slick-prev{ left:-45px;}
.h_bus3 .slick-next{ right:-45px;}

}

@media  screen and (max-width:1400px){
.h_bus3 .slick-prev{ left:-30px;}
.h_bus3 .slick-next{ right:-30px;}

}

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

.h_bus3 .ul5 ul li a{ padding:30px 20px;}
.h_bus3 .ul5 ul li .img .img1{ width:155px; height:155px; }
.h_bus3 .ul5 ul li .img .img2{ width:175px; height:175px;}

.h_bus3 .slick-prev{ left:-45px;}
.h_bus3 .slick-next{ right:-45px;}

}


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


.h_bus3 .ul5 ul{ margin:0 -10px;}
.h_bus3 .ul5 ul li{ padding:0 10px;}

}



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

.h_bus3 .ul5{ margin:20px 0 30px 0;}
.h_bus3 .ul5 ul{ margin:0 -6px;}
.h_bus3 .ul5 ul li{ padding:0 6px;}
.h_bus3 .ul5 ul li a{ padding:20px 12px;}
.h_bus3 .ul5 ul li .img .img1{ width:125px; height:125px; }
.h_bus3 .ul5 ul li .img .img2{ width:135px; height:135px; margin:7px auto 20px auto; padding:8px;}
.h_bus3 .ul5 ul li .text h4{ font-size:16px; line-height:16px; margin:15px 0 12px 0;}
.h_bus3 .ul5 ul li .text p{ font-size:14px; line-height:28px; height:84px; }
.h_bus3 .ul5 ul li .text h3{ font-size:16px; line-height:30px;}
.h_bus3 .ul5 ul .slick-dots{ position:static; margin-top:15px;}
.h_bus3 .ul5 ul .slick-dots li{ float:none; padding:0; margin:0 5px; width:10px; height:10px; background:#0465b6; border-radius:50%; -moz-border-radius:50%; -webkit-border-radius:50%; text-indent:-999px; overflow:hidden;opacity:0.4; filter:alpha(opacity=40);}
.h_bus3 .ul5 ul .slick-dots li.slick-active{opacity:1; filter:alpha(opacity=100);}


}


.h_bus4 .ul6{ float:left; width:100%; margin:38px 0 103px 0;}
.h_bus4 .ul6 ul{ margin:0 -15px;}
.h_bus4 .ul6 ul li{ float:left; width:20%; padding:0 15px;}
.h_bus4 .ul6 ul li a{ float:left; width:100%; position:relative;}
.h_bus4 .ul6 ul li .img1{ float:left; width:100%; line-height:0;}
.h_bus4 .ul6 ul li .p1{ float:left; width:100%; text-align:center; color:#fff; font-size:18px; line-height:26px; position:absolute; left:0; bottom:22%;} 



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

.h_bus4 .ul6 ul li .p1{ bottom:15%; font-size:16px;}

}


@media  screen and (max-width:1199px){
	
.h_bus4 .ul6{ margin:38px 0 80px 0;}	
.h_bus4 .ul6 ul{ margin:0 -10px;}
.h_bus4 .ul6 ul li{ padding:0 10px;}
.h_bus4 .ul6 ul li .p1{ bottom:13%}

}


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

.h_bus4 .ul6{ margin:20px 0 30px 0;}
.h_bus4 .ul6 ul{ margin:0 -6px;}
.h_bus4 .ul6 ul li{ padding:0 6px;}
.h_bus4 .ul6 ul li .p1{ bottom:13%}

}



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

.h_bus4 .ul6{ margin:20px 0 30px 0;}
.h_bus4 .ul6 ul{ margin:0 -3px;}
.h_bus4 .ul6 ul li{ padding:0 3px;}
.h_bus4 .ul6 ul li .p1{ bottom:10%; font-size:12px; line-height:16px;}

}


/*11了解普实*/
.Periodical_list1{ margin-top:10px;}
.aboutMore{ float:left; width:100%; margin:40px 0 80px 0;}
.aboutMore a{ display:block; margin:0 auto; width:131px; height:48px; line-height:48px; color:#fff; font-size:16px; text-transform:uppercase; background:#4e5662 url(images/bus34.png) 91px center no-repeat; text-align:center; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; padding-right:40px;}
.aboutMore a:hover{ background:#1c60b1 url(images/bus34.png) 81px center no-repeat; padding-right:30px;}

.h_bus4 .ul7{ float:left; width:100%;  margin:40px 0 80px 0; padding:20px;}
.h_bus4 .ul7 .box{ float:left; width:100%; background:#fff; background:rgba(255,255,255,0.8); padding:48px 12px 56px 12px;}
.h_bus4 .ul7 .box .p1{ float:left; width:100%; color:#666666; font-size:14px; line-height:32px; text-align:center; margin-bottom:31px}

.h_bus2 .ul8{ float:left; width:100%; margin-top:14px;}
.h_bus2 .ul8 ul{ margin:0 -15px;}
.h_bus2 .ul8 ul li{ float:left; width:50%; padding:0 15px; margin-top:30px;}
.h_bus2 .ul8 ul li a{ float:left; width:100%; position:relative; background:#fff; padding-left:102px; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px;}

.h_bus2 .ul8 ul li a .time{ float:left; width:82px; height:88px; position:absolute; left:20px; top:20px; background:#1c60b1; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; text-align:center;}
.h_bus2 .ul8 ul li a .time time{ float:left; width:100%; color:#fff; font-size:16px; line-height:16px; font-weight:bold; margin-top:15px;}
.h_bus2 .ul8 ul li a .time span{ float:left; width:100%; color:#fff; font-size:18px; line-height:18px;}
.h_bus2 .ul8 ul li a .time h5{ float:left; width:100%; margin:12px 0;}
.h_bus2 .ul8 ul li a .time h5 i{ display:block; margin:0 auto; width:60px; height:1px; background:#ffffff;opacity:0.2; filter:alpha(opacity=20); }
.h_bus2 .ul8 ul li a .p1{ float:left; width:100%; padding:20px; min-height:88px;}
.h_bus2 .ul8 ul li a .p1 h5{ float:left; width:100%; color:#333333; font-size:18px; line-height:28px; margin:1px 0 7px 0;}
.h_bus2 .ul8 ul li a .p1 p{ float:left; width:100%; color:#666666; font-size:14px; line-height:24px; height:48px; overflow:hidden; }
.h_bus2 .ul8 ul li a:hover .p1 h5{ color:#1c60b1;}

.h_bus1 .img2{ float:left; width:39.2%; position:relative; padding:0 39px 35px 0;}
.h_bus1 .img2::after{ float:left; width:61.22%; height:85%; border:2px solid #4980c1; content:''; position:absolute; right:0; bottom:0; z-index:6;}
.h_bus1 .img2 img{ float:left; width:100%; padding:5px; background:#f5f5f5; box-shadow:0 0 15px rgba(0,0,0,0.15); position:relative; z-index:8;}
.h_bus1 .right_box{ float:right; width:56%;}
.h_bus1 .right_box .p2{ float:left; width:100%; color:#333333; font-size:30px; line-height:30px; margin:0px 0 0px 0;}
.h_bus1 .right_box .p3{ float:left; width:100%; color:#666666; font-size:14px; line-height:24px; min-height:192px; margin-bottom:30px; overflow:hidden;}
.aboutMore.More1{ margin:0;}
.aboutMore.More1 a{ float:right;}

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

.h_bus1 .right_box .p2{margin:22px 0 20px 0;}
.h_bus1 .right_box .p3{ min-height:160px; margin-bottom:15px;}

}


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

.h_bus2 .ul8 ul{ margin:0 -10px;}
.h_bus2 .ul8 ul li{ padding:0 10px; margin-top:20px;}

}



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

.aboutMore{ margin:20px 0 30px 0;}
.aboutMore a{ width:131px; height:40px; line-height:40px;}

.h_bus4 .ul7{ margin:20px 0 30px 0; padding:15px;}
.h_bus4 .ul7 .box{  padding:20px 12px;}
.h_bus4 .ul7 .box .p1{ line-height:28px; margin-bottom:15px;}

.h_bus2 .ul8 ul{ margin:0 -6px;}
.h_bus2 .ul8 ul li{ padding:0 6px; margin-top:12px;}
.h_bus2 .ul8 ul li a{ padding-left:97px;}
.h_bus2 .ul8 ul li a .p1{ padding:15px;}
.h_bus2 .ul8 ul li a .p1 h5{ font-size:16px; margin:0;}
.h_bus2 .ul8 ul li a .time{ left:15px; top:15px; height:80px;}
.h_bus2 .ul8 ul li a .time time{ margin-top:12px; font-size:15px;}
.h_bus2 .ul8 ul li a .time h5{ margin:10px 0;}
.h_bus2 .ul8 ul li a .time h5 i{ width:50px;}
.h_bus2 .ul8 ul li a .time span{ font-size:16px;}


.h_bus1 .img2{padding:0 15px 15px 0;}
.h_bus1 .right_box .p2{ font-size:20px; line-height:30px; margin:10px 0;}
.h_bus1 .right_box .p3{ line-height:26px; min-height:130px; margin-bottom:15px;}


}

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

.h_bus2 .ul8 ul li{ width:100%;}

.h_bus1 .img2{ width:100%;}
.h_bus1 .right_box{ width:100%; margin-top:5px;}
.h_bus1 .right_box .p2{ text-align:center;}
.h_bus1 .right_box .p3{ text-align:center;}
.aboutMore.More1 a{ float:none;}

}


/*14实施服务3*/

.serTit{ float:left; width:100%; line-height:0;}
.serTit img{ width:806px;}
.serBox1{ float:left; width:100%;margin-top:6.32%;background:url(images/ser4.png) center no-repeat;}
.serBox1 ul{ float:left; width:100%; padding-left:58px;}
.serBox1 ul.ul2{ position:relative; top:0; margin-top:-22px; padding-left:186px;}
.serBox1 ul li{ float:left; width:138px; margin-left:78px;opacity:0; filter:alpha(opacity=00); }
.serBox1 ul li .tit{ float:left; width:128px; height:128px; border-radius:50%; -moz-border-radius:50%; -webkit-border-radius:50%; color:#fff; font-size:16px; line-height:25px; background:#005194; text-align:center; padding-top:39px;}
.serBox1 ul li .img1{ float:right; height:80px;}
.serBox1 ul li .img1 img{ position:relative; margin-top:-3px;}
.serBox1 ul li .img2{ float:right; height:80px;}
.serBox1 ul li .img3{ display:none;}

.active .serTit{animation: bounceInDown 2s;}

.active .serBox1 ul li{opacity:1; filter:alpha(opacity=100);}
.active .serBox1 ul.ul1 li:nth-child(1){animation: zoomInDown 1s;}
.active .serBox1 ul.ul1 li:nth-child(2){animation: zoomInDown 1.4s;}
.active .serBox1 ul.ul1 li:nth-child(3){animation: zoomInDown 1.8s;}
.active .serBox1 ul.ul1 li:nth-child(4){animation: zoomInDown 2.2s;}

.active .serBox1 ul.ul2 li:nth-child(1){animation: zoomInDown 1.2s;}
.active .serBox1 ul.ul2 li:nth-child(2){animation: zoomInDown 1.6s;}
.active .serBox1 ul.ul2 li:nth-child(3){animation: zoomInDown 2.0s;}


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

.serBox1{ background-size:95% auto;}
.serBox1 ul{padding-left:28px;}
.serBox1 ul.ul2{padding-left:126px;}
.serBox1 ul li{ margin-left:48px;}

}


@media  screen and (max-width:1199px){
.ser_bg1{ padding:6% 0;}
.serTit img{ margin-left:0; width:560px;}
.serBox1 ul.ul2{ margin-top:-18px;}
.serBox1 ul li{ width:115px; margin-left:68px;}
.serBox1 ul li .tit{ width:100px; height:100px; font-size:13px; line-height:22px; padding-top:28px;}
.serBox1 ul li .img1{height:66px;}
.serBox1 ul li .img1 img{ width:48px;}
.serBox1 ul li .img2{height:66px;}
.serBox1 ul li .img2 img{ width:48px;}

}


@media  screen and (max-width:991px){
.ser_bg1{ padding:6% 0;}
.serBox1{ background:url(images/ser4_1.png) center no-repeat; background-size:auto 100%; padding:50px 0 120px 0;}
.serBox1 ul{ width:50%; padding:0;}
.serBox1 ul.ul2{ padding:0;}
.serBox1 ul li{ width:100%; margin:15px 0 0 0;}
.serBox1 ul li .img1{ width:100%; text-align:right; height:40px;}
.serBox1 ul li .img1 img{ margin-top:-33px;-webkit-transform: rotate(-30deg);
   -moz-transform: 30deg(-30deg);
	-ms-transform: 30deg(-30deg);
	 -o-transform: 30deg(-30deg);
		transform: 30deg(-30deg);}
.serBox1 ul li .img2{ display:none;}
.serBox1 ul li .img3{ display:block; float:left; width:100%; height:40px;}
.serBox1 ul li .img3 img{ width:48px; position:relative; margin-top:-33px;-webkit-transform: rotate(30deg);
   -moz-transform: 30deg(30deg);
	-ms-transform: 30deg(30deg);
	 -o-transform: 30deg(30deg);
		transform: 30deg(30deg);}
.serBox1 ul.ul1 li .tit{ float:right; margin-right:40px;}
.serBox1 ul.ul2 li .tit{ margin-left:40px;}
.serBox1 ul.ul2{ margin-top:70px;}

}

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

.serTit img{ margin-left:0; width:340px;}

}

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

.serTit img{ margin-left:0; width:280px;}

}

.ser_bg2{ background:#edeff1;}
.serBox2{ float:left; width:100%; margin-top:4.8%;}
.serBox2 ul{ margin:0 -15px;}
.serBox2 li{ float:left; width:16.666666%; padding:0 15px;opacity:0; filter:alpha(opacity=00);}
.serBox2 li .pic{ float:left; width:100%; background:#ee8707; border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px; margin-bottom:15px; position:relative;}
.serBox2 li .pic .img{ float:left; width:100%; margin:43px 0 0 0;}
.serBox2 li .pic .img img{ display:block; margin:0 auto; width:65px;}
.serBox2 li .pic .tit{ float:left; width:100%; text-align:center; color:#fff; font-size:20px; line-height:30px; margin:14px 0 40px 0;}
.serBox2 li .pic .dian{ float:left; width:29px; height:29px; border-radius:50%; -moz-border-radius:50%; -webkit-border-radius:50%; border:6px solid #fff; position:absolute; left:50%; bottom:-15px; margin-left:-15px; background:#ee8707;}
.serBox2 li .line{ float:left; width:100%;}
.serBox2 li .line i{ display:block; margin:0 auto; width:1px; height:114px; background:url(images/ser15.png) center top no-repeat;}
.serBox2 li .p1{ float:left; width:100%; color:#555555; font-size:16px; line-height:30px; margin-top:23px; text-align:center;}

.serBox2 li .pic1 .img{ margin:123px 0 10px 0;}
.serBox2 li .pic.bg2{ background:#1c60b1; }
.serBox2 li .pic.bg2 .dian{ background:#1c60b1; }
.serBox2 li .pic.bg3{ background:#f26345; }
.serBox2 li .pic.bg3 .dian{ background:#f26345; }
.serBox2 li .pic.bg4{ background:#04a3b6; }
.serBox2 li .pic.bg4 .dian{ background:#04a3b6; }
.serBox2 li .pic.bg5{ background:#354e5d; }
.serBox2 li .pic.bg5 .dian{ background:#354e5d; }
.serBox2 li .pic.bg6{ background:#a9c80a; }
.serBox2 li .pic.bg6 .dian{ background:#a9c80a; }

.active .serBox2 ul li{opacity:1; filter:alpha(opacity=100);}
.active .serBox2 ul li:nth-child(1){animation: zoomInUp 1s;}
.active .serBox2 ul li:nth-child(2){animation: zoomInUp 1.2s;}
.active .serBox2 ul li:nth-child(3){animation: zoomInUp 1.4s;}
.active .serBox2 ul li:nth-child(4){animation: zoomInUp 1.6s;}
.active .serBox2 ul li:nth-child(5){animation: zoomInUp 1.8s;}
.active .serBox2 ul li:nth-child(6){animation: zoomInUp 2.0s;}



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

.serBox2 ul{ margin:0 -10px;}
.serBox2 li{ padding:0 10px;}
.serBox2 li .p1{ font-size:14px; line-height:28px;}

}


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


.serBox2 li .pic1 .img{ margin:103px 0 10px 0;}
.ser_bg2{ padding:6% 0;}


}


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


.serBox2 li{ width:100%; margin:6px 0;}
.serBox2 li .pic{ width:20%; padding:15px 0 10px 0; margin:0;}
.serBox2 li .line{ width:15%; margin-top:45px; padding-left:6px;} 
.serBox2 li .line i{ float:left; width:100%; height:1px; border-bottom:1px dashed #444445; background:none;}
.serBox2 li .p1{ width:65%; text-align:left; margin:0; height:90px; padding-left:10px;display: -msbox;display: -moz-box;display: -webkit-flex;display: flex;
 -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -o-flex-wrap: wrap;
  flex-wrap: wrap;
align-items: center;
}
.serBox2 li .pic .img{ margin:0;}
.serBox2 li .pic .img img{ width:40px;}
.serBox2 li .pic .tit{ margin:6px 0 0 0; font-size:16px; line-height:26px;}
.serBox2 li .pic .dian{ bottom:auto; top:50%; width:20px; height:20px; border:3px solid #fff; left:auto; right:-10px; margin-top:-10px;}


}

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

.serBox2 li .pic{ width:30%; }
.serBox2 li .line{ width:15%;} 
.serBox2 li .p1{ width:55%; line-height:24px;}


}


.ser_bg3{ background:#0465b6;}
.serTit1 img{ display:block; margin:0 auto; width:593px;}
.serBox3{ float:left; width:100%; margin-top:22px; padding-top:110px; position:relative;opacity:0; filter:alpha(opacity=00);}
.carousel { float:left; width:1092px; position: relative;}
.carousel .slides { width:1092px; height:368px !important; overflow:hidden; position: relative; margin:0 auto;}
.carousel .slides .slideItem { padding: 0px;/* overflow: hidden; */position: absolute; cursor: pointer; opacity: 1 !important; width:100%;}
.carousel .slides .slideItem a { float:left; width:100% !important;line-height:0;}
.carousel .slides .slideItem img { float:left; width:100%; position:relative; z-index:6;}
.carousel .slides .slideItem .cover {  left: 0px;bottom:-1px; width: 100% !important; height:auto !important; background:#0465b6; color:#676b6e; font-size:16px; line-height:34px; text-align:center; display: block; position: absolute; z-index:6;}
.carousel .slides .slideItem div{ width:100% !important; height:100% !important; margin:0 !important; position:relative; box-shadow:0 0 7px rgba(0,0,0,0.28);}
.carousel .slides .slideItem div:after{ float:left; width:100%; height:100% !important; background:#0465b6;  position:absolute; left:0; top:0; z-index:5; content:'';}
.carousel .slides .slideItem div canvas{ width:100% !important; height:163px !important; position:relative; z-index:6;}
.prevButton { display:none; background:url(images/left_btn.png) no-repeat; top: 166px; left:0px; width:21px; height:40px; display: block; position: absolute; z-index:999; cursor: pointer; }
.nextButton { display:none; background:url(images/right_btn.png) no-repeat; top: 166px; right:0px; width:21px; height:40px; display: block; position: absolute; z-index:999; cursor: pointer; }
.prevButton:hover,
.nextButton:hover{opacity:0.6; filter:alpha(opacity=60);} 

.boxPh{ display:none;}


.active .serBox3{animation: bounceInUp 1s;opacity:1; filter:alpha(opacity=100);}

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

.carousel{ margin-left:-65px;}

}

@media  screen and (max-width:1199px){
.ser_bg3{ padding:6% 0;}
.serTit1 img{ width:474px;}
.carousel{ display:none;}
.boxPh{ display:block;}
.boxPh .slick-slide{ background:#0465b6; margin:20px 0;}
.boxPh .slick-slide.slick-current{-webkit-transform: scale(1.2); -moz-transform: scale(1.2);transform: scale(1.2);}



}
@media  screen and (max-width:991px){
.serTit1 img{ width:474px;}
.serBox3{padding-top:70px; background-size:auto 70%;}

}

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

.serTit1 img{ width:280px;}
.serBox3{ margin-top:10px; padding-top:7%; background-size:auto 70%;}

}






.ser_bg4{ background:#edeff1;}
.serBox4{ float:left; width:100%; background:url(images/ser17.png) right 39px no-repeat; background-size:100% 231px; position:relative; margin-top:-23px;}
.serBox4 ul{ margin:0 -15px;}
.serBox4 li{ float:left; width:20%; padding:0 15px; text-align:center;opacity:0; filter:alpha(opacity=00);}
.serBox4 li .la{ float:left; width:100%; overflow:hidden;}
.serBox4 li .tit{ float:left; width:100%; color:#f98518; font-size:24px; line-height:24px; font-weight:bold;}
.serBox4 li .line{ float:left; width:100%; margin-top:31px;}
.serBox4 li .line i{ display:block; margin:0 auto; width:4px; height:22px; background:#c3c3c3;}
.serBox4 li .p1{ float:left; width:100%; color:#444444; font-size:16px; line-height:30px;}
.serBox4 li .th5{ float:left; width:100%; background:#f98518; color:#fff; font-size:16px; line-height:30px; height:72px; margin:55px 0 13px 0; position:relative;display: -msbox;display: -moz-box;display: -webkit-flex;display: flex;
 -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -o-flex-wrap: wrap;
  flex-wrap: wrap;
justify-content: center;
align-items: center;
}
.serBox4 li .th5::after{ float:left; content:''; position:absolute; left:0; top:-42px; width:0; height:0px;border-top:42px solid transparent; border-right:226px solid #f98518;}

.serBox4 li.bg1{ margin-top:168px;}
.serBox4 li.bg2{ margin-top:126px;}
.serBox4 li.bg2 .tit{ color:#04a3b6;}
.serBox4 li.bg2 .th5::after{ border-right:226px solid #04a3b6;}
.serBox4 li.bg2 .th5{ background:#04a3b6; height:114px;}
.serBox4 li.bg3{ margin-top:84px;}
.serBox4 li.bg3 .tit{ color:#0465b6;}
.serBox4 li.bg3 .th5::after{ border-right:226px solid #0465b6;}
.serBox4 li.bg3 .th5{ background:#0465b6; height:156px;}
.serBox4 li.bg4{ margin-top:42px;}
.serBox4 li.bg4 .tit{ color:#f26345;}
.serBox4 li.bg4 .th5::after{ border-right:226px solid #f26345;}
.serBox4 li.bg4 .th5{ background:#f26345; height:198px;}
.serBox4 li.bg5 .tit{ color:#354e5d;}
.serBox4 li.bg5 .th5::after{ border-right:226px solid #354e5d;}
.serBox4 li.bg5 .th5{ background:#354e5d; height:240px;}

.active .serBox4 ul li{opacity:1; filter:alpha(opacity=100);}
.active .serBox4 ul li:nth-child(1){animation: zoomInLeft 1s;}
.active .serBox4 ul li:nth-child(2){animation: zoomInLeft 1.2s;}
.active .serBox4 ul li:nth-child(3){animation: zoomInLeft 1.4s;}
.active .serBox4 ul li:nth-child(4){animation: zoomInLeft 1.6s;}
.active .serBox4 ul li:nth-child(5){animation: zoomInLeft 1.8s;}





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

.serBox4 ul{ margin:0 -10px;}
.serBox4 li{padding:0 10px;}


}


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

.ser_pad{ float:left; width:100%; padding:6% 0;}

}


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

.serBox4 ul{ margin:0 -6px;}
.serBox4 li{padding:0 6px;}

.serBox4 li .tit{ font-size:18px;}
.serBox4 li .p1{ font-size:14px; line-height:26px;}
.serBox4 li .th5{ font-size:14px; line-height:24px; padding:0 18px;}



}


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

.serBox4{ background:url(images/ser17.png) right 40px no-repeat;background-size: 100% 120px;}
.serBox4 ul{ margin:0 -3px;}
.serBox4 li{padding:0 3px;}

.serBox4 li .tit{ font-size:18px;}
.serBox4 li .p1{ font-size:14px; line-height:26px;}
.serBox4 li .th5{ font-size:12px; line-height:20px; padding:0 5px; margin:22px 0 13px 0;}
.serBox4 li .p1{ font-size:12px; line-height:18px;}
.serBox4 li .line{ margin-top:15px;}
.serBox4 li.bg3 .tit{ font-size:16px;}


.serBox4 li.bg1{ margin-top:88px;}
.serBox4 li.bg2{ margin-top:66px;}
.serBox4 li.bg2 .th5{ height:94px;}
.serBox4 li.bg3{ margin-top:44px;}
.serBox4 li.bg3 .th5{ height:116px;}
.serBox4 li.bg4{ margin-top:22px;}
.serBox4 li.bg4 .th5{ height:138px;}
.serBox4 li.bg5 .th5{ height:160px;}



}

/*2产品服务彩色版本4*/
.pord_tit{ float:left; width:100%; text-align:center; position:relative; color:#333333; font-size:42px; line-height:42px; padding-bottom:43px;}
.pord_tit::after{ float:left; width:670px; height:1px; background:#e8e8e8; content:''; position:absolute; left:50%; bottom:2px; z-index:2; margin-left:-335px;}
.pord_tit::before{ float:left; width:84px; height:4px; background:#0465b6; content:''; position:absolute; left:50%; bottom:0; z-index:6; margin-left:-42px;}
.pordBox1{ float:left; width:100%;}
.pordBox1 .cont1{ float:left; width:100%; margin-top:3.04%;}
.pordBox1 .cont1 .ul1{ margin:0 -10px;}
.pordBox1 .cont1 .ul1 li{ float:left; width:33.3333%; padding:0 10px; opacity:0; filter:alpha(opacity=00); }
.pordBox1 .cont1 .ul1 li a{ float:left; width:100%;}
.pordBox1 .cont1 .ul1 li .l1{ float:left; width:100%; text-align:center; padding:35px 15px; border-radius:5px 5px 0 0; -moz-border-radius:5px 5px 0 0; -webkit-border-radius:5px 5px 0 0; 
    background: -webkit-linear-gradient(left, #ef8d20 , #e77a00); /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(right, #ef8d20 , #e77a00); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(right, #ef8d20 , #e77a00); /* Firefox 3.6 - 15 */
    background: linear-gradient(to right, #ef8d20 , #e77a00); /* 标准的语法（必须放在最后） */}
.pordBox1 .cont1 .ul1 li .l1 .p1{ float:left; width:100%; color:#fff; font-size:24px; line-height:34px; font-weight:bold;}
.pordBox1 .cont1 .ul1 li .l1 .p2{ float:left; width:100%; color:#fff; font-size:16px; line-height:26px; margin-top:10px; }
.pordBox1 .cont1 .ul1 li .l2{ float:left; width:100%; height:220px; box-shadow:0 8px 8px rgba(0,0,0,0.06); text-align:center; position:relative;}
.pordBox1 .cont1 .ul1 li .l2 .nub{ float:left; position:absolute; right:8px; bottom:0; line-height:0}
.pordBox1 .cont1 .ul1 li .l2 .dl{ display:inline-block; *display:inline; *zoom1:1;padding:12px 20px 0 20px;}
.pordBox1 .cont1 .ul1 li .l2 .dl .dd{ display:block; margin-top:13px; text-align:left; color:#333333; font-size:16px; line-height:24px; padding-left:25px; background:url(images/por31.png) left 4px no-repeat;}

.pordBox1 .cont1 .ul1 li.li2 .l1{
    background: -webkit-linear-gradient(left, #a9c80a , #91ad00); /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(right, #a9c80a , #91ad00); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(right, #a9c80a , #91ad00); /* Firefox 3.6 - 15 */
    background: linear-gradient(to right, #a9c80a , #91ad00); /* 标准的语法（必须放在最后） */}
.pordBox1 .cont1 .ul1 li.li3 .l1{
    background: -webkit-linear-gradient(left, #f7d54e , #e1b505); /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(right, #f7d54e , #e1b505); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(right, #f7d54e , #e1b505); /* Firefox 3.6 - 15 */
    background: linear-gradient(to right, #f7d54e , #e1b505); /* 标准的语法（必须放在最后） */}	
.pordBox1 .cont1 .ul1 li.li2 .l2 .dl .dd{background:url(images/por32.png) left 4px no-repeat;}
.pordBox1 .cont1 .ul1 li.li3 .l2 .dl .dd{background:url(images/por33.png) left 4px no-repeat;}

.pordBox1 .cont2{ float:left; width:100%; text-align:center;}
.pordBox1 .cont2 .p1{ float:left; width:100%; margin:4% 0 2.56% 0; opacity:0; filter:alpha(opacity=00); }
.pordBox1 .cont2 .p1 h4{ display:inline-block; *display:inline; *zoom1:1;  color:#333; font-size:22px; line-height:44px; padding-left:57px; background:url(images/por30.png) left center no-repeat; font-weight:bold;}
.pordBox1 .cont2 .p2{ float:left; width:100%; opacity:0; filter:alpha(opacity=00); }
.pordBox1 .cont2 .p2 .la{ display:inline-block; *display:inline; *zoom1:1; }
.pordBox1 .cont2 .p2 a{ float:left; color:#333; font-size:16px; line-height:32px; padding:0 35px; border-right:1px solid #e1e1e1;}
.pordBox1 .cont2 .p2 a:hover{ color:#0465b6;}
.pordBox1 .cont2 .p2 a.first{ padding-left:0;}
.pordBox1 .cont2 .p2 a.last{ padding-right:0; border:none;}

.active .pord_tit{animation: bounceInDown 1s;}
.active .pordBox1 .cont1 .ul1 li{ opacity:1; filter:alpha(opacity=100); }
.active .pordBox1 .cont1 .ul1 li:nth-child(1){animation: fadeInLeftBig 1.2s;}
.active .pordBox1 .cont1 .ul1 li:nth-child(2){animation: fadeInLeftBig 1.1s;}
.active .pordBox1 .cont1 .ul1 li:nth-child(3){animation: fadeInLeftBig 1s;}
.active .pordBox1 .cont2 .p1{animation: fadeInRightBig 1.3s; opacity:1; filter:alpha(opacity=100); }
.active .pordBox1 .cont2 .p2{animation: fadeInRightBig 1.5s; opacity:1; filter:alpha(opacity=100); }


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

.pordBox1 .cont1 .ul1 li .l2 .dl{padding:12px 7px 0 7px;}
.pordBox1 .cont1 .ul1 li .l2 .dl .dd{ font-size:14px; padding-left:20px;}
.pordBox1 .cont1 .ul1 li .l2 .nub{ width:46px;}
.pordBox1 .cont2 .p2 a{ padding:0 20px;}
.pordBox1 .cont2 .p2 a.first{ padding-left:0;}
.pordBox1 .cont2 .p2 a.last{ padding-right:0; border:none;}

}


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

.pord_bg1{ padding:6% 0;}


}


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

.pord_tit{ font-size:22px; line-height:22px; padding-bottom:20px;}
.pord_tit::after{ width:90%; left:5%; margin-left:0;}
.pordBox1 .cont1 .ul1 li{ width:100%; margin-top:12px;}
.pordBox1 .cont1 .ul1 li .l1{ padding:12px 15px;}
.pordBox1 .cont1 .ul1 li .l1 .p1{ font-size:18px; line-height:28px;}
.pordBox1 .cont1 .ul1 li .l1 .p2{ font-size:14px; line-height:24px; margin-top:0;}
.pordBox1 .cont1 .ul1 li .l2{ height:auto; padding:8px 0 12px 0;}
.pordBox1 .cont1 .ul1 li .l2 .dl{ padding:0 7px;}
.pordBox1 .cont1 .ul1 li .l2 .dl .dd{ margin-top:5px;}

.pordBox1 .cont2 .p1 h4{ font-size:18px; line-height:30px; background-size:30px 30px; padding-left:42px;}
.pordBox1 .cont2 .p2 a{ padding:0 12px; font-size:14px; line-height:26px;} 



}


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

.pordBox1 .cont2 .p2 .la{ width:100%;} 
.pordBox1 .cont2 .p2 a{ width:25%; padding:0; font-size:12px; line-height:18px; margin:6px 0;}
.pordBox1 .cont2 .p2 a:nth-child(4n){ border:none;}
.pordBox1 .cont2 .p1{ opacity:1; filter:alpha(opacity=100); }
.pordBox1 .cont2 .p2{ opacity:1; filter:alpha(opacity=100); }
.pordBox1 .cont1 .ul1 li{ opacity:1; filter:alpha(opacity=100); }

}


/**/
.pordBox2{ float:left; width:100%; position:relative; padding:30px 0;}
.pordBox2::after{ float:left; width:1px; height:100%; position:absolute; left:50%; top:1px; border-left:1px dotted #a5a7a8; content:''; z-index:6;}
.pordBox2 li{ float:left; width:100%; background:url(images/por37.png) center no-repeat; background-size:100% 100%; margin-top:10px; position:relative; padding:10px 15.84%;}
.pordBox2 li .p1{ float:left; width:50%; color:#333333; font-size:16px; line-height:40px; padding:0 102px 0 0; text-align:right;background:url(images/por38.png) left center no-repeat;opacity:0; filter:alpha(opacity=00); }
.pordBox2 li .p2{ float:left; width:50%; color:#0465b6; font-size:18px; line-height:40px; padding:0 0 0 102px; font-weight:bold; background:url(images/por39.png) right center no-repeat;opacity:0; filter:alpha(opacity=00); }
.pordBox2 li .tit{ float:left; position:absolute; left:50%; top:50%; width:102px; height:40px; border-radius:20px; -moz-border-radius:20px; -webkit-border-radius:20px; background:#0465b6; font-size:16px; line-height:40px; text-align:center; margin:-20px 0 0 -51px; color:#fff; z-index:8;opacity:0; filter:alpha(opacity=00); }


.active .pordBox2 li .p1{opacity:1; filter:alpha(opacity=100); }
.active .pordBox2 li .p2{opacity:1; filter:alpha(opacity=100); }
.active .pordBox2 li .tit{opacity:1; filter:alpha(opacity=100); }
.active .pordBox2 li:nth-child(1) .tit{animation: zoomIn 1s;}
.active .pordBox2 li:nth-child(1) .p1{animation: fadeInLeft 1s;}
.active .pordBox2 li:nth-child(1) .p2{animation: fadeInRight 1s;}

.active .pordBox2 li:nth-child(2) .tit{animation: zoomIn 1.2s;}
.active .pordBox2 li:nth-child(2) .p1{animation: fadeInLeft 1.2s;}
.active .pordBox2 li:nth-child(2) .p2{animation: fadeInRight 1.2s;}

.active .pordBox2 li:nth-child(3) .tit{animation: zoomIn 1.4s;}
.active .pordBox2 li:nth-child(3) .p1{animation: fadeInLeft 1.4s;}
.active .pordBox2 li:nth-child(3) .p2{animation: fadeInRight 1.4s;}

.active .pordBox2 li:nth-child(4) .tit{animation: zoomIn 1.6s;}
.active .pordBox2 li:nth-child(4) .p1{animation: fadeInLeft 1.6s;}
.active .pordBox2 li:nth-child(4) .p2{animation: fadeInRight 1.6s;}

.active .pordBox2 li:nth-child(5) .tit{animation: zoomIn 1.8s;}
.active .pordBox2 li:nth-child(5) .p1{animation: fadeInLeft 1.8s;}
.active .pordBox2 li:nth-child(5) .p2{animation: fadeInRight 1.8s;}

.active .pordBox2 li:nth-child(6) .tit{animation: zoomIn 2.0s;}
.active .pordBox2 li:nth-child(6) .p1{animation: fadeInLeft 2.0s;}
.active .pordBox2 li:nth-child(6) .p2{animation: fadeInRight 2.0s;}

.pordBox2_1{ float:left; width:100%; padding:0 10.4%; margin-top:20px;}
.pordBox2_1 ul{ float:left; width:100%; background:#a9c80a;border-radius:30px; -moz-border-radius:30px; -webkit-border-radius:30px; position:relative;}
.pordBox2_1 .p1{ float:left; width:50%; color:#fff; font-size:24px; line-height:60px; text-align:right; padding-right:118px;}
.pordBox2_1 .p2{ float:left; width:50%; color:#fff; font-size:24px; line-height:60px; background:#ee8707;border-radius:30px; -moz-border-radius:30px; -webkit-border-radius:30px; padding-left:118px;}
.pordBox2_1 .tit{ float:left; position:absolute; left:50%; top:-20px; width:156px; line-height:0; margin-left:-78px; z-index:8;}


.active .pordBox2_1 .tit{animation: zoomIn 2.2s;}
.active .pordBox2_1 .p1{animation: fadeInLeft 2.2s;}
.active .pordBox2_1 .p2{animation: fadeInRight 2.2s;}


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

.pord_bg2{ padding:6% 0;}


}


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

.pordBox2{ padding:15px 0 20px 0;}
.pordBox2 li{ padding:10px 5.84%;}
.pordBox2_1{  padding:0 0.4%;}
.pordBox2 li .p1{ font-size:14px; padding-right:60px; background-size:18px 18px; line-height:32px;}
.pordBox2 li .p2{ font-size:16px; padding-left:60px; background-size:18px 18px; line-height:32px;}
.pordBox2 li .tit{ font-size:14px; width:70px; height:32px; line-height:32px; margin:-16px 0 0 -35px;}

.pordBox2_1{ margin-top:15px;}
.pordBox2_1 .p1{ font-size:18px; line-height:45px; padding-right:75px; }
.pordBox2_1 .p2{ font-size:18px; line-height:45px; padding-left:75px; }
.pordBox2_1 .tit{ width:117px; top:-15px; margin-left:-58px;}

}


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

.pordBox2 li{ padding:10px 0;}
.pordBox2_1{  padding:0;}
.pordBox2 li .tit{ width:56px; height:28px; line-height:28px; margin:-14px 0 0 -28px;}
.pordBox2 li .p1{ font-size:12px; padding:0 34px 0 17px; background-size:14px 14px; line-height:22px;}
.pordBox2 li .p2{ font-size:13px; padding:0 17px 0 34px; background-size:14px 14px; line-height:22px;}

.pordBox2_1{ margin-top:10px;}
.pordBox2_1 .p1{ font-size:15px; line-height:35px; padding-right:42px; }
.pordBox2_1 .p2{ font-size:15px; line-height:35px; padding-left:42px; }
.pordBox2_1 .tit{ width:88px; top:-10px; margin-left:-44px;}

}


.pord_bg4{ background:#edeff1;}
.pordBox4{ float:left; width:100%; text-align:center; margin-top:7.2%;}
.pordBox4 ul{ display:inline-block; *display:inline; *zoom:1;}
.pordBox4 ul li{ float:left; margin:0 -14px; width:400px; height:400px; background:#ee911e; background:rgba(238,135,7,0.9); border-radius:50%; -moz-border-radius:50%; -webkit-border-radius:50%; position:relative;}
.pordBox4 ul li a{display:block; width:100%; height:100%;}
.pordBox4 ul li i{ float:left; width:100%; line-height:0; margin:107px 0 30px 0;}
.pordBox4 ul li i img{ display:block; margin:0 auto; width:120px;}
.pordBox4 ul li h5{ float:left; width:100%; color:#fff; font-size:20px; line-height:30px;}

.pordBox4 ul li:hover i img{animation: bounce 1s;}

.active .pordBox4 ul li{opacity:1; filter:alpha(opacity=100); }
.active .pordBox4 ul li:nth-child(1){animation: fadeInRightBig 1s;}
.active .pordBox4 ul li:nth-child(2){animation: fadeInRightBig 1.1s; z-index:2; background:#0465b6; background:rgba(4,101,182,0.9);}
.active .pordBox4 ul li:nth-child(3){animation: fadeInRightBig 1.2s; z-index:3; background:#a9c80a; background:rgba(169,200,10,0.9);}

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

.pordBox4 ul li{ width:300px; height:300px;}
.pordBox4 ul li i{ margin:77px 0 20px 0;}
.pordBox4 ul li i img{ width:100px;}
.pordBox4 ul li h5{ font-size:18px; line-height:28px;}

}

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

.pordBox4 ul li{ width:300px; height:300px;}
.pordBox4 ul li i{ margin:77px 0 20px 0;}
.pordBox4 ul li i img{ width:100px;}
.pordBox4 ul li h5{ font-size:18px; line-height:28px;}

}


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

.pord_bg4{ padding:6% 0;}


}


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

.pordBox4 ul li{ width:200px; height:200px; margin:0 -8px;}
.pordBox4 ul li i{ margin:40px 0 15px 0;}
.pordBox4 ul li i img{ width:66px;}
.pordBox4 ul li h5{ font-size:16px; line-height:26px;}

}


@media  screen and (max-width:767px){
.pordBox4 ul{ width:200px; margin:10px 0;}
.pordBox4 ul li{ margin:-10px 0;}


}


.pord_bg5{ background:#f3f3f3;}
.pordBox5{ float:left; width:100%; text-align:center; color:#666666; font-size:20px; line-height:30px; margin:2.8% 0 4.4% 0;}
.JoinuUsBox{ margin:0;}
.active .JoinuUsBox ul li:nth-child(1){animation: fadeInUp 1s;animation-delay: 0.1s}
.active .JoinuUsBox ul li:nth-child(2){animation: fadeInUp 1s;animation-delay: 0.2s}
.active .JoinuUsBox ul li:nth-child(3){animation: fadeInUp 1s;animation-delay: 0.3s}
.active .JoinuUsBox ul li:nth-child(4){animation: fadeInUp 1s;animation-delay: 0.4s}
.active .JoinuUsBox ul li:nth-child(5){animation: fadeInUp 1s;animation-delay: 0.5s}



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

.pord_bg5_1{ float:left; width:100%; padding:6% 0;}


}


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

.pordBox5{ font-size:16px; line-height:26px; margin-bottom:1%;}


}


.pordBox3{ float:left; width:100%; margin-top:8%;}
.pordBox3 .cont3{ display:block; margin:0 auto; width:444px; height:408px; position:relative;}
.pordBox3 .cont3 .milld{ float:left; width:196px; height:196px; line-height:0; position:absolute; left:30.4%; top:17.15%; z-index:4; text-align:center;

    transform: scale(0,0) rotate(0deg);
    opacity: 0;
    -webkit-transition-property: opacity, transform;
    -o-transition-property: opacity, transform;
    transition-property: opacity, transform;
    -webkit-transition-duration: 1s;
    -o-transition-duration: 1s;
    transition-duration: 1s;
    /*-webkit-transition-delay: 2s;
    -o-transition-delay: 2s;
    transition-delay: 2s;*/
    -webkit-transition-timing-function: ease-in;
    -o-transition-timing-function: ease-in;
    transition-timing-function: ease-in;


}
.pordBox3 .cont3 .milld em{ float:left; width:100%; line-height:0; position:absolute; left:0; top:50px;}
.pordBox3 .cont3 .milld em img{ display:block; margin:0 auto; width:64px;}
.pordBox3 .cont3 .milld h5{ float:left; width:100%; color:#e2b608; font-size:24px; line-height:24px; font-weight:bold; position:absolute; left:0; bottom:48px; }
.pordBox3 .cont3 .kehu{ float:left; width:100%; height:100%; position:absolute; left:0; top:0; z-index:6;}
.pordBox3 .cont3 .kehu .img{ float:left; width:100%; line-height:0; position:relative;}
.pordBox3 .cont3 .kehu .img .ico{ position:absolute; float:left; width:9.45%; line-height:0;}
.pordBox3 .cont3 .kehu .img .ico1{ right:7.2%; top:3.43%;}
.pordBox3 .cont3 .kehu .img .ico2{ right:33.78%; bottom:5.14%;}
.pordBox3 .cont3 .kehu .img .ico3{ left:6.08%; top:20.09%;}



.pordBox3 .cont3 .kehu.kh1 .img{
    opacity: 0;
    -webkit-transition-property: opacity, transform;
    -o-transition-property: opacity, transform;
    transition-property: opacity, transform;
    -webkit-transition-duration: 0.5s;
    -o-transition-duration: 0.5s;
    transition-duration: 0.5s;
    -webkit-transition-delay: 1s;
    -o-transition-delay: 1s;
    transition-delay: 1s;
    -webkit-transition-timing-function: ease-in;
    -o-transition-timing-function: ease-in;
    transition-timing-function: ease-in;}
.pordBox3 .cont3 .kehu.kh2 .img{
    opacity: 0;
    -webkit-transition-property: opacity, transform;
    -o-transition-property: opacity, transform;
    transition-property: opacity, transform;
    -webkit-transition-duration: 0.5s;
    -o-transition-duration: 0.5s;
    transition-duration: 0.5s;
    -webkit-transition-delay: 2s;
    -o-transition-delay: 2s;
    transition-delay: 2s;
    -webkit-transition-timing-function: ease-in;
    -o-transition-timing-function: ease-in;
    transition-timing-function: ease-in;}
	
.pordBox3 .cont3 .kehu.kh3 .img{
    opacity: 0;
    -webkit-transition-property: opacity, transform;
    -o-transition-property: opacity, transform;
    transition-property: opacity, transform;
    -webkit-transition-duration: 0.5s;
    -o-transition-duration: 0.5s;
    transition-duration: 0.5s;
    -webkit-transition-delay: 3s;
    -o-transition-delay: 3s;
    transition-delay: 3s;
    -webkit-transition-timing-function: ease-in;
    -o-transition-timing-function: ease-in;
    transition-timing-function: ease-in;}	

.pordBox3 .cont3 .kehu.kh1 .text{transform: scale(0,0);
    opacity: 0;
    -webkit-transition-property: opacity, transform;
    -o-transition-property: opacity, transform;
    transition-property: opacity, transform;
    -webkit-transition-duration: 0.5s;
    -o-transition-duration: 0.5s;
    transition-duration: 0.5s;
    -webkit-transition-delay: 1.5s;
    -o-transition-delay: 1.5s;
    transition-delay: 1.5s;
    -webkit-transition-timing-function: ease-in;
    -o-transition-timing-function: ease-in;
    transition-timing-function: ease-in;}
.pordBox3 .cont3 .kehu.kh2 .text{transform: scale(0,0);
    opacity: 0;
    -webkit-transition-property: opacity, transform;
    -o-transition-property: opacity, transform;
    transition-property: opacity, transform;
    -webkit-transition-duration: 0.5s;
    -o-transition-duration: 0.5s;
    transition-duration: 0.5s;
    -webkit-transition-delay: 2.5s;
    -o-transition-delay: 2.5s;
    transition-delay: 2.5s;
    -webkit-transition-timing-function: ease-in;
    -o-transition-timing-function: ease-in;
    transition-timing-function: ease-in;}
	
.pordBox3 .cont3 .kehu.kh3 .text{transform: scale(0,0);
    opacity: 0;
    -webkit-transition-property: opacity, transform;
    -o-transition-property: opacity, transform;
    transition-property: opacity, transform;
    -webkit-transition-duration: 0.5s;
    -o-transition-duration: 0.5s;
    transition-duration: 0.5s;
    -webkit-transition-delay: 3.5s;
    -o-transition-delay: 3.5s;
    transition-delay: 3.5s;
    -webkit-transition-timing-function: ease-in;
    -o-transition-timing-function: ease-in;
    transition-timing-function: ease-in;}	
	

.pordBox3 .cont3 .kehu.kh2 .img{ position:relative; left:-1px;}
.pordBox3 .cont3 .kehu.kh3 .img{ position:relative; left:1px;}
.pordBox3 .cont3 .kehu .text{ float:left; width:345px; position:absolute;}
.pordBox3 .cont3 .kehu .text h4{ display:inline-block; color:#1c60b1; font-size:24px; line-height:24px; font-weight:bold; }
.pordBox3 .cont3 .kehu .text p{ display:inline-block; color:#444444; font-size:16px; line-height:28px; margin-top:13px;}

.pordBox3 .cont3 .kehu.kh1{-webkit-transition: all 2s ease-out 0s; 
-moz-transition: all 2s ease-out 0s; 
-o-transition: all 2s ease-out 0s; 
transition: all 2s ease-out 0s;}
.pordBox3 .cont3 .kehu.kh2{-webkit-transition: all 2s ease-out 0s; 
-moz-transition: all 2s ease-out 0s; 
-o-transition: all 2s ease-out 0s; 
transition: all 2s ease-out 0s;}
.pordBox3 .cont3 .kehu.kh3{-webkit-transition: all 2s ease-out 0s; 
-moz-transition: all 2s ease-out 0s; 
-o-transition: all 2s ease-out 0s; 
transition: all 2s ease-out 0s;}


.pordBox3 .cont3 .kehu.kh1 .text{ left:100%; margin-left:4.27%; top:0;}
.pordBox3 .cont3 .kehu.kh2 .text{ left:100%; margin-left:-14.68%; top:77.45%;}
.pordBox3 .cont3 .kehu.kh3 .text{ right:100%; margin-right:7.65%; top:23.28%; text-align:right; width:280px;}


.active .pordBox3 .cont3 .milld{
    transform: scale(1,1) rotate(720deg);
    opacity: 1;
}

.active .pordBox3 .cont3 .kehu.kh1 .text{transform: scale(1,1); opacity: 1;}
.active .pordBox3 .cont3 .kehu.kh2 .text{transform: scale(1,1); opacity: 1;}
.active .pordBox3 .cont3 .kehu.kh3 .text{transform: scale(1,1); opacity: 1;}
.active .pordBox3 .cont3 .kehu.kh1 .img{ opacity: 1;}
.active .pordBox3 .cont3 .kehu.kh2 .img{ opacity: 1;}
.active .pordBox3 .cont3 .kehu.kh3 .img{ opacity: 1;}


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

.pordBox3 .cont3 .kehu .text{ width:200px;}
.pordBox3 .cont3 .kehu.kh3 .text{ width:200px;}


}

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

.pord_bg3 { padding:6% 0;}


}

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

.pordBox3 .cont3{ width:222px; height:204px;}
.pordBox3 .cont3 .milld{ width:99px; height:99px;}
.pordBox3 .cont3 .milld em{ top:22px;}
.pordBox3 .cont3 .milld em img{ width:32px;}
.pordBox3 .cont3 .milld h5{ font-size:18px; line-height:16px; bottom:22px; }
.pordBox3 .cont3 .kehu .text h4{ font-size:18px; line-height:18px;}
.pordBox3 .cont3 .kehu .text p{ font-size:13px; line-height:22px; margin-top:5px;}

}

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

.pordBox3{ margin-bottom:45px;}
.pordBox3 .cont3{ width:180px; height:165px;}
.pordBox3 .cont3 .milld{ width:80px; height:80px;}
.pordBox3 .cont3 .milld em{ top:15px;}
.pordBox3 .cont3 .milld em img{ width:30px;}
.pordBox3 .cont3 .milld h5{ font-size:16px; line-height:16px; bottom:15px; }
.pordBox3 .cont3 .kehu .text h4{ font-size:16px; line-height:18px;}
.pordBox3 .cont3 .kehu .text p{ font-size:13px; line-height:22px; margin-top:5px;}
.pordBox3 .cont3 .kehu .text{ width:100px;}
.pordBox3 .cont3 .kehu.kh3 .text{ width:100px;}
.pordBox3 .cont3 .kehu .text p{ font-size:12px; line-height:20px;}


.pordBox3 .cont3 .kehu.kh1 .text{ left:100%; margin-left:5px; top:0;}
.pordBox3 .cont3 .kehu.kh2 .text{ left:100%; margin-left:-40px; top:77.45%;}
.pordBox3 .cont3 .kehu.kh3 .text{ right:100%; margin-right:5px; top:23.28%; text-align:right;}

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

.pordBox3 .cont3 .kehu .text{ width:80px;}
.pordBox3 .cont3 .kehu.kh3 .text{ width:80px;}
.pordBox3 .cont3 .kehu.kh1 .text{ left:100%; margin-left:-5px; top:15%;}
.pordBox3 .cont3 .kehu.kh2 .text{ left:100%; margin-left:-75%; top:auto; bottom:-45px; width:140px;}
.pordBox3 .cont3 .kehu.kh3 .text{ right:100%; margin-right:-5px; top:28.28%; text-align:right;}


}

/*1走进公司1*/
.about_bg1{ background:#edeff1;}
.aboutBox1{ float:left; width:100%; margin-top:3.04%; padding:0 0.32%;}
.aboutBox1 li{ float:left; width:33.333%; padding:0 15px; text-align:center; cursor:pointer; margin-top:66px;-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;
}
.aboutBox1 li .la{ display:block; margin:0 auto; width:280px;}
.aboutBox1 li .p1{ float:left; width:280px; height:280px; background:#edeff1; border:1px solid #ee8707; border-radius:50%; -moz-border-radius:50%; -webkit-border-radius:50%; overflow:hidden; padding:9px;}
.aboutBox1 li .p1_1{ float:left; width:100%; height:100%; position:relative; background:#ee8707; border-radius:50%; -moz-border-radius:50%; -webkit-border-radius:50%; content:'';}
.aboutBox1 li .p1_1 i{ float:left; width:100%; line-height:0; margin-top:50px;}
.aboutBox1 li .p1_1 i img{ display:block; margin:0 auto; width:60px; height:60px;}
.aboutBox1 li .p1_1 h1{ float:left; width:100%; color:#f8cf9c; font-size:36px; line-height:46px; font-weight:bold; font-family:Open Sans; margin:15px 0 10px 0;}
.aboutBox1 li .p1_1 h4{ float:left; width:100%; color:#fff; font-size:24px; line-height:34px;}
.aboutBox1 li .p2{ float:left; width:100%; color:#333333; font-size:18px; line-height:28px; min-height:56px; margin-top:15px;}

.aboutBox1 li.li2 .p1{border:1px solid #1c60b1;}
.aboutBox1 li.li2 .p1_1{ background:#1c60b1;}
.aboutBox1 li.li2 .p1_1 h1{ color:#a4bfe0;}
.aboutBox1 li.li3 .p1{border:1px solid #a9c80a;}
.aboutBox1 li.li3 .p1_1{ background:#a9c80a;}
.aboutBox1 li.li3 .p1_1 h1{ color:#dde99d;}
.aboutBox1 li:hover{ margin-top:0;}

.active .aboutBox1 li:nth-child(1){animation: fadeInLeftBig 1.2s;}
.active .aboutBox1 li:nth-child(2){animation: fadeInLeftBig 1.1s;}
.active .aboutBox1 li:nth-child(3){animation: fadeInLeftBig 1s;}

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

.about_bg1{ padding:6% 0;}
.aboutBox1{ padding:0;}

}

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

.aboutBox1 li{ margin-top:30px; padding:0 6px;}
.aboutBox1 li .la{ width:180px;}
.aboutBox1 li .p1{width:180px; height:180px; padding:6px;}
.aboutBox1 li .p1_1 i{ margin-top:25px;}
.aboutBox1 li .p1_1 i img{ width:40px; height:40px;}
.aboutBox1 li .p2{ font-size:14px; line-height:24px;}
.aboutBox1 li .p1_1 h1{ font-size:24px; line-height:24px; margin:7px 0 5px 0;}
.aboutBox1 li .p1_1 h4{ font-size:18px; line-height:18px;}



}


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

.aboutBox1 li{ margin-top:30px;}
.aboutBox1 li .la{ width:110px;}
.aboutBox1 li .p1{width:110px; height:110px; padding:4px;}
.aboutBox1 li .p1_1 i{ margin-top:12px;}
.aboutBox1 li .p1_1 i img{ width:30px; height:30px;}
.aboutBox1 li .p2{ font-size:14px; line-height:24px;}
.aboutBox1 li .p1_1 h1{ font-size:18px; line-height:18px; margin:4px 0;}
.aboutBox1 li .p1_1 h4{ font-size:16px; line-height:16px;}
.aboutBox1 li.li2{ position:relative; z-index:4;}
.aboutBox1 li.li3{ position:relative; z-index:6;}

}


/**/
.about_bg2{ background:#1a579f url(images/ab31.jpg) center bottom no-repeat; background-size:cover;}
.aboutBox2{ float:left; width:100%; padding:0 12.93%; margin-top:8%; position:relative;}
.aboutBox2 .weilai{ float:left; width:88px; position:absolute; line-height:0; top:25px; right:12.93%; margin-right:-68px;}
.aboutBox2 .years{ float:left; width:100%;padding-bottom:14px; overflow:hidden;}
.aboutBox2 .years::after{ float:left; width:100%; height:20px;  background:url(images/ab33.png) right bottom no-repeat; position:absolute; right:44px; bottom:0; content:'';}
.aboutBox2 .years .tit{ float:left; width:100%; text-align:center; color:#fff; font-size:16px; line-height:24px; height:61px; padding:12px 0 22px 0; opacity:0.6; filter:alpha(opacity=60); font-style:italic; background:url(images/ab37.png) center bottom no-repeat;}
.aboutBox2 .years .tit strong{ font-size:24px; font-weight:bold;}

.aboutBox2 .years .slick-current .tit{ opacity:1; filter:alpha(opacity=100); font-size:24px;  padding:10px 0 22px 0;}
.aboutBox2 .years .slick-current .tit strong{ font-size:36px; }

.aboutBox2 .box{ float:left; width:100%; padding:0 15.72%; margin-top:6.16%;}
.aboutBox2 .box .p1{ float:left; width:100%; position:relative; color:#fff; font-size:16px; line-height:26px; margin:5px 0; opacity:0.8; filter:alpha(opacity=80); padding-left:82px;}
.aboutBox2 .box .p1 time{ float:left; position:absolute; left:0; top:0;}
.aboutBox2 .box .slick-prev{ width:32px; height:62px; background:url(images/ab36.png) center no-repeat; background-size:100% 100%; left:0; top:50%; margin-top:-31px;}
.aboutBox2 .box .slick-next{ width:32px; height:62px; background:url(images/ab35.png) center no-repeat; background-size:100% 100%; right:0; top:50%; margin-top:-31px;} 
.aboutBox2 .box .slick-prev:hover,
.aboutBox2 .box .slick-next:hover{opacity:0.4; filter:alpha(opacity=40);}

.aboutBox2 .z_270{ float:left; width:100%; height:144px; overflow-y:scroll;} 
.aboutBox2 .z_247{ float:left; width:100%; padding-right:20px;} 

/*滚动条背景css*/
.nicescroll-rails {width:4px !important; background:#4173ad !important; border:none; }
.nicescroll-rails:hover {background:fff !important; border:none;}

.active .aboutBox2 .years .sl1:nth-child(1){animation: fadeInLeftBig 1.3s;}
.active .aboutBox2 .years .sl1:nth-child(2){animation: fadeInLeftBig 1.2s;}
.active .aboutBox2 .years .sl1:nth-child(3){animation: fadeInLeftBig 1.1s;}
.active .aboutBox2 .years .sl1:nth-child(4){animation: fadeInLeftBig 1s;}

.active .aboutBox2 .box{animation: fadeInRightBig 1s;}

@media  screen and (max-width:1199px){
	
.about_bg2{ padding:6% 0;}
.aboutBox2{  padding:0 8%; }
.aboutBox2 .weilai{right:8%; }


}

@media  screen and (max-width:991px){
.aboutBox2{ margin-top:6%;}
.aboutBox2 .box .p1{ font-size:14px; line-height:28px; padding-left:66px;}
.aboutBox2 .box{ padding:0 50px;}
.aboutBox2 .box .slick-prev{ width:16px; height:31px; margin-top:-15px;}
.aboutBox2 .box .slick-next{ width:16px; height:31px; margin-top:-15px;}

.aboutBox2 .years .tit{ font-size:14px; line-height:24px; height:53px; padding:10px 0 15px 0; background-size:2px 10px;}
.aboutBox2 .years .tit strong{ font-size:18px;}

.aboutBox2 .years .slick-current .tit{ font-size:18px;  padding:10px 0 22px 0;}
.aboutBox2 .years .slick-current .tit strong{ font-size:26px; }
.aboutBox2 .years{ padding-bottom:10px;}
.aboutBox2 .years::after{ height:15px; background-size:auto 100%;}
.aboutBox2 .weilai{ width:50px; margin-right:-20px; top:35px;}

}


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

.aboutBox2{ padding:0 20px;}
.aboutBox2 .box{ padding:0 30px;}
.aboutBox2 .years::after{ right:22px;}
.aboutBox2 .weilai{ width:30px; margin-right:-20px; top:40px;}
.aboutBox2 .box .p1{ font-size:13px;}


}


.serTit .ab_tit1{ float:left; width:100%; background:url(images/ab32.png) right 48px repeat-x;}
.serTit .ab_tit1 span{ display:inline-block;padding-right:42px; background:#edeff1; font-size:72px; font-weight:bold; font-family:Noto Serif CJk SC; height:72px; line-height:72px;}
.serTit .ab_tit2{ float:left; width:100%; color:#333333; font-size:18px; line-height:28px; margin-top:10px;}

@media  screen and (max-width:1199px){
	
.serTit .ab_tit1{ background:url(images/ab32.png) right 30px repeat-x;}		
.serTit .ab_tit1 span{ font-size:50px; line-height:50px; height:50px; padding-right:20px;}
.serTit .ab_tit2{ font-size:16px; line-height:26px;}


}

@media  screen and (max-width:767px){
	
.serTit .ab_tit1{ background:url(images/ab32.png) right 15px repeat-x;}	
.serTit .ab_tit1 span{ font-size:30px; line-height:30px; height:30px; padding-right:15px;}
.serTit .ab_tit2{ font-size:12px; line-height:20px;}

}



/**/
.about_pc_show{ display:block;}
.about_ph_show{ display:none;}
.about_bg3{ background:#edeff1;}
.aboutBox3{ float:left; width:100%; position:relative; margin-top:8.32%;}
.aboutBox3::after{ float:left; width:350px; height:100%; position:absolute; left:-200px; top:0; background:url(images/ab6.png) left top repeat-y; background-size:100% 100%; content:'';z-index:6;}
.aboutBox3::before{ float:left; width:350px; height:100%; position:absolute; right:-200px; top:0; background:url(images/ab5.png) right top repeat-y; background-size:100% 100%; content:''; z-index:6;}
.aboutBox3 .slick-slide{ line-height:0; padding:10px; background:#fff; margin:36px 30px;transition: all 300ms ease;}
.aboutBox3 .slick-slide.slick-current{ -webkit-transform: scale(1.2); -moz-transform: scale(1.2);transform: scale(1.2);}
.aboutBox3 .slick-dots{ position:static; margin-top:3.2%;}
.aboutBox3 .slick-dots li{ width:10px; height:10px; background:#cbd1d7; margin:0 5px; border-radius:50%; text-indent:-99px; overflow:hidden;}
.aboutBox3 .slick-dots li.slick-active{ background:#1c60b1;}
.active .aboutBox3{animation: zoomInUp 1s;}



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

.aboutBox3::after{ width:85px;}
.aboutBox3::before{ width:85px;}

}


@media  screen and (max-width:1199px){
.about_bg3{ padding:6% 0;}
.aboutBox3::after{ width:150px; left:-346px;}
.aboutBox3::before{ width:150px; right:-346px;}

.about_pc_show{ display:none;}
.about_ph_show{ display:block;}

}

@media  screen and (max-width:991px){
.aboutBox3{ margin-top:4%;}
.aboutBox3::after{ width:150px; left:-15px;}
.aboutBox3::before{ width:150px; right:-15px;}


}

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

.aboutBox3::after{ width:75px;}
.aboutBox3::before{ width:75px;}
.aboutBox3 .slick-slide{ padding:6px; margin:30px 15px;}

}


.mb-wrapper {
	margin: 0 -200px;
	position: relative;
	height:380px;
	left: 0;
	top: 0;
}

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

.mb-wrapper {
	margin: 0 -346px;
	
}

}


.mb-slider, .mb-scroll {
	width: 100%;
	height:380px;
	overflow: hidden;
	margin: 0 auto;
	padding: 0;
	position: relative;
	left: 0;
	top: 0;
}
.mb-active-slider {
	border-color: #333;
}
.mb-slider .mb-panel {
	
	display: block;
	cursor: pointer;
	float: left;
	list-style: none;
}
.mb-panel a {
	outline:0;
}
.mb-slider .mb-panel.current {
	cursor: auto;
}
.mb-inside * {
	max-width: 100%;
}
a.mb-scrollButtons {
	display: block;
	width: 45px;
	height: 58px;
	background: transparent url(http://demo.lanrenzhijia.com/demo/2013/0323/ban/images/arrows.png) no-repeat;
	position: absolute;
	top: 40%;
	margin-top: -29px;
	cursor: pointer;
	text-decoration: none;
	outline: 0;
	border: 0;
	_background: transparent url(http://demo.lanrenzhijia.com/demo/2013/0323/ban/images/arrows.png) no-repeat;
}
a.mb-scrollButtons.mb-left {
	background-position: left top;
	left: -45px;
}
a.mb-scrollButtons.mb-right {
	background-position: right top;
	right: -45px;
}
a.mb-scrollButtons.mb-left:hover {
	background-position: left bottom;
}
a.mb-scrollButtons.mb-right:hover {
	background-position: right bottom;
}
a.mb-scrollButtons.disabled {
	display: none;
}
.mb-controls {
	margin: 0 auto;
	text-align: center;
	position:absolute;
	top:350px;
	left:0;
	z-index: 100; width:100%; text-align:center;
}
.mb-links{ display:inline-block; *display:inline; *zoom:1;}

.mb-controls a {
	color: #cbd1d7;
	font: 28px/0.8 Georgia, Serif;
	display: inline-block;
	text-decoration: none;
	padding:0;
	margin: 0 9px;
	text-align: center;
	outline: 0;
}
.mb-panel {
	margin-top:0;
}
.mb-controls a:hover {
	color: black;
}
.mb-controls a.current {
	color:#1c60b1;
}
.main-nav {
	display: block;
	text-align: center;
	border-bottom: 2px solid #a71700;
	margin: 0 0 20px 0;
	padding: 0 0 10px 0;
}
.main-nav a {
	text-decoration: none;
	color: #3e63ec;
	font-size: 18px;
	margin: 0 8px;
}
.main-nav a:hover {
	color: black;
	border-bottom: 2px solid black;
}
.mb-inside img {
	width: 100%;
}

.signpage {
  width: 1000px;
  margin: 0 auto;
  padding-top: 90px;
}

.signpage .title {
  text-align: left;
  border-left: 4px solid #0060ac;
  padding-left: 15px;
  margin-bottom: 15px;
}

.signpage .main {
  font-size: 30px;
  color: #0060AC;
  font-weight: bold;
  line-height: 30px;
}

.signpage .desc {
  font-size: 18px;
  color: #333;
  margin-top: 8px;
}

.signpage .btnhome {
  display: block;
  width: 136px;
  height: 40px;
  line-height: 34px;
  border-radius: 5px;
  color: #0C71C0;
  text-decoration: none;
  text-align: center;
  border: 2px solid #C7C7C7;
  float: right;
  margin-top: 30px;
}

.signpage .btnhome:hover {
  background-color: #0c71c0;
  color: #fff;
  border-color: #0c71c0;
}

.animate-down {
  position: relative;
  opacity: 0;
  top: -150px;
  -webkit-transition-property: top, opacity;
  -o-transition-property: top, opacity;
  transition-property: top, opacity;
  -webkit-transition-duration: 1s;
  -o-transition-duration: 1s;
  transition-duration: 1s;
  -webkit-transition-delay: 0.5s;
  -o-transition-delay: 0.5s;
  transition-delay: 0.5s;
}

.section.active .animate-down {
  top: 0;
  opacity: 1;
}

.animate-up {
  position: relative;
  opacity: 0;
  bottom: -150px;
  -webkit-transition-property: bottom, opacity;
  -o-transition-property: bottom, opacity;
  transition-property: bottom, opacity;
  -webkit-transition-duration: 1s;
  -o-transition-duration: 1s;
  transition-duration: 1s;
  -webkit-transition-delay: 0.5s;
  -o-transition-delay: 0.5s;
  transition-delay: 0.5s;
}

.section.active .animate-up {
  bottom: 0;
  opacity: 1;
}

.animate-rightin {
  position: relative;
  opacity: 0;
  right: -150px;
  -webkit-transition-property: right, opacity;
  -o-transition-property: right, opacity;
  transition-property: right, opacity;
  -webkit-transition-duration: 1s;
  -o-transition-duration: 1s;
  transition-duration: 1s;
  -webkit-transition-delay: 0.5s;
  -o-transition-delay: 0.5s;
  transition-delay: 0.5s;
}

.section.active .animate-rightin {
  right: 0;
  opacity: 1;
}

.animate-leftin {
  position: relative;
  opacity: 0;
  left: -150px;
  -webkit-transition-property: left, opacity;
  -o-transition-property: left, opacity;
  transition-property: left, opacity;
  -webkit-transition-duration: 1s;
  -o-transition-duration: 1s;
  transition-duration: 1s;
  -webkit-transition-delay: 0.5s;
  -o-transition-delay: 0.5s;
  transition-delay: 0.5s;
}

.section.active .animate-leftin {
  left: 0;
  opacity: 1;
}

.animate-enlarge {
  opacity: 0;
  -webkit-transform: scale(0.3, 0.3);
  -ms-transform: scale(0.3, 0.3);
  -o-transform: scale(0.3, 0.3);
  transform: scale(0.3, 0.3);
  -webkit-transition-property: transform, opacity;
  -o-transition-property: transform, opacity;
  transition-property: transform, opacity;
  -webkit-transition-duration: 1s;
  -o-transition-duration: 1s;
  transition-duration: 1s;
  -webkit-transition-delay: 0.5s;
  -o-transition-delay: 0.5s;
  transition-delay: 0.5s;
}

.section.active .animate-enlarge {
  opacity: 1;
  -webkit-transform: scale(1, 1);
  -ms-transform: scale(1, 1);
  -o-transform: scale(1, 1);
  transform: scale(1, 1);
}

a.mb-scrollButtons {
  display: none;
}

#box li {
  margin-left: 15px;
  margin-right: 15px; background:#ffffff; padding:16px;
}

.industry {
  width: 84px;
  height: 60px;
  line-height: 60px;
  color: #fff;
  text-align: center;
  margin: 7px 3px;
  background-color: #329bd2;
  float: left;
}

.industry-row1, .industry-row2, .industry-row3 {
  opacity: 0;
  -webkit-transition: opacity 0.7s;
  -o-transition: opacity 0.7s;
  transition: opacity 0.7s;
  -webkit-transition-delay: 0.3s;
  -o-transition-delay: 0.3s;
  transition-delay: 0.3s;
}

.industry-row1 {
  -webkit-transition-delay: 0.3s;
  -o-transition-delay: 0.3s;
  transition-delay: 0.3s;
}

.industry-row2 {
  -webkit-transition-delay: 0.6s;
  -o-transition-delay: 0.6s;
  transition-delay: 0.6s;
}

.industry-row3 {
  -webkit-transition-delay: 0.9s;
  -o-transition-delay: 0.9s;
  transition-delay: 0.9s;
}

.section.active .industry-row1, .section.active .industry-row2, .section.active .industry-row3 {
  opacity: 1;
}

.clear {
  clear: both;
}

.mapleft {
  float: left;
  width: 120px;
}

.mapleft .region {
  text-align: right;
}

.region {
  margin: 12px 0;
}

span.region-title {
  display: inline-block;
  border-bottom: 2px solid #0060AC;
  font-size: 14px;
  padding-bottom: 5px;
  color: #0060AC;
}

.region-desc {
  font-size: 12px;
  padding-top: 5px;
  color: #999999;
}

.mapright {
  float: left;
  width: 120px;
}

.mapright .region {
  text-align: left;
}



.industry-warp {
  float: left;
}

.industry-stats {
  float: left;
  padding-top: 8px;
  padding-left: 45px;
  font-size: 16px;
}

.weaver_banner ul li {
  height: 400px;
}

#box{
  padding-left:0 !important;
  display: none;
}
.mb-controls{
  /*left:0 !important;*/
}
#section6 .signpage .btnhome{
  margin-top: 30px;
}

.center {
	height: 400px;
	width: 1250px;
}

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

.center {
	height: 400px;
	width: 962px;
}


}

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

.center {
	height: 400px;
	width: 738px;
}


}

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

.center {
	height: 400px;
	width: 100%;
}

}


.weaLogo {
  width: 500px;
  height: 200px;
  margin: 120px auto 60px auto;
  background-image: url('img/logo.png');
}
  .mb-inside img{
    border: none;
  }



/**/
.aboutBox4{ float:left; width:100%; margin-top:6%;}
.hangye1{ float:left; width:31%; margin-top:6.4%;}
.hangye1 .p1{ float:left; width:100%; color:#333333; font-size:18px; line-height:46px;}
.hangye1 .p1 strong{ color:#1c60b1; font-size:48px; font-weight:bold;} 

.active .hangye1 .p1:nth-child(1){animation: fadeInLeftBig 1s;}
.active .hangye1 .p1:nth-child(2){animation: fadeInLeftBig 1.2s;}
.active .hangye1 .p1:nth-child(3){animation: fadeInLeftBig 1.4s;}


.tiles{ float:right; width:67.2%;}
.tiles ul{ margin:0 -5px;}
.tiles ul li{ float:left; width:16.666666%; padding:5px;}
.col{position:relative;float:left; width:100%; height:98px;}
.col a{position:absolute;width:100%;height:100%;z-index:2}
.col a:nth-child(1){-webkit-clip-path:polygon(0 0,100% 0,50% 50%);clip-path:polygon(0 0,100% 0,50% 50%)}
.col a:nth-child(2){-webkit-clip-path:polygon(100% 0,100% 100%,50% 50%);clip-path:polygon(100% 0,100% 100%,50% 50%)}
.col a:nth-child(3){-webkit-clip-path:polygon(0 100%,50% 50%,100% 100%);clip-path:polygon(0 100%,50% 50%,100% 100%)}
.col a:nth-child(4){-webkit-clip-path:polygon(0 0,50% 50%,0 100%);clip-path:polygon(0 0,50% 50%,0 100%)}
.col a:hover{z-index:3;-webkit-clip-path:none;clip-path:none}
.col a:nth-child(1):hover~.box{transform:rotateX(180deg)}
.col a:nth-child(2):hover~.box{transform:rotateY(180deg)}
.col a:nth-child(3):hover~.box{transform:rotateX(-180deg)}
.col a:nth-child(4):hover~.box{transform:rotateY(-180deg)}
.col a:nth-child(1):hover~.box:after,
.col a:nth-child(3):hover~.box:after{transform:rotateX(-180deg)}
.col a:nth-child(2):hover~.box:after,
.col a:nth-child(4):hover~.box:after{transform:rotateY(-180deg)}
.col .box{ display:block;position:absolute;width:100%;height:100%;/*box-shadow:0 2px 2px 0 rgba(0,0,0,.14),0 3px 1px -2px rgba(0,0,0,.2),0 1px 5px 0 rgba(0,0,0,.12);*/transform-style:preserve-3d;transition:transform .3s ease-in-out}
.col .box:before{content:"";position:absolute;width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:16px;text-rendering:auto;-webkit-font-smoothing:antialiased;border-radius:2px;z-index:2;backface-visibility:hidden}
.col .box:after{content:'';position:absolute;width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:#333;color:#fff;border-radius:2px;transition-delay:.15s}




.active .tiles ul li:nth-child(1){animation: fadeInRightBig 1s;}
.active .tiles ul li:nth-child(2){animation: fadeInRightBig 1.05s;}
.active .tiles ul li:nth-child(3){animation: fadeInRightBig 1.1s;}
.active .tiles ul li:nth-child(4){animation: fadeInRightBig 1.15s;}
.active .tiles ul li:nth-child(5){animation: fadeInRightBig 1.2s;}
.active .tiles ul li:nth-child(6){animation: fadeInRightBig 1.25s;}
.active .tiles ul li:nth-child(7){animation: fadeInRightBig 1.3s;}
.active .tiles ul li:nth-child(8){animation: fadeInRightBig 1.35s;}
.active .tiles ul li:nth-child(9){animation: fadeInRightBig 1.4s;}
.active .tiles ul li:nth-child(10){animation: fadeInRightBig 1.45s;}
.active .tiles ul li:nth-child(11){animation: fadeInRightBig 1.5s;}
.active .tiles ul li:nth-child(12){animation: fadeInRightBig 1.55s;}
.active .tiles ul li:nth-child(13){animation: fadeInRightBig 1.6s;}
.active .tiles ul li:nth-child(14){animation: fadeInRightBig 1.65s;}
.active .tiles ul li:nth-child(15){animation: fadeInRightBig 1.7s;}
.active .tiles ul li:nth-child(16){animation: fadeInRightBig 1.75s;}
.active .tiles ul li:nth-child(17){animation: fadeInRightBig 1.8s;}
.active .tiles ul li:nth-child(18){animation: fadeInRightBig 1.85s;}


@media  screen and (max-width:1279px){
.col .box:before{ font-size:14px;}
.hangye1 .p1{ font-size:15px; line-height:38px;}
.hangye1 .p1 strong{ font-size:38px;}


}


@media  screen and (max-width:1199px){
.about_bg4{ padding:6% 0;}

}

@media  screen and (max-width:991px){
.hangye1{ width:100%; margin:0 0 3% 0;}
.tiles{ width:100%;}

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

.tiles ul{ margin:0 -3px;}
.tiles ul li{ width:33.3333%; padding:3px;}

.tiles ul li:nth-child(7) .col .box:before{content:"电动工具";background:#1c60b1}

.tiles ul li:nth-child(8) .col .box:before{content:"五金制品";background:#3e7fcd}

.tiles ul li:nth-child(9) .col .box:before{content:"塑料制品";background:#1c60b1}

.tiles ul li:nth-child(10) .col .box:before{content:"电动工具";background:#3e7fcd}

.tiles ul li:nth-child(11) .col .box:before{content:"五金制品";background:#1c60b1}

.tiles ul li:nth-child(12) .col .box:before{content:"塑料制品";background:#3e7fcd}


}



/**/
.about_bg5{ background:#1c60b1;}
.aboutBox5{ float:left; width:100%; margin-top:3.28%;}
.aboutBox5 ul{ margin:0 -15px;}
.aboutBox5 li{ float:left; width:25%; padding:0 15px;}
.aboutBox5 li .la{ float:left; width:100%; background:#fff; text-align:center; margin-top:73px; padding:0 12%; border-radius:0 0 50px 0; -moz-border-radius:0 0 50px 0; -webkit-border-radius:0 0 50px 0;}
.aboutBox5 li .la .img{ float:left; width:100%; position:relative; margin-top:-73px;}
.aboutBox5 li .la .img i{ display:block; margin:0 auto; width:120px; height:120px;  border-radius:50%; border:4px solid #fff; padding:6px;}
.aboutBox5 li .la .img i.z_i_1{background:#a9c80a;}
.aboutBox5 li .la .img i.z_i_2{background:#ee8707;}
.aboutBox5 li .la .img i.z_i_3{background:#df2447;}
.aboutBox5 li .la .img i.z_i_4{background:#a444db;}


.aboutBox5 li .la .text{ float:left; width:100%; margin:23px 0 40px 0;}
.aboutBox5 li .la .text .tit{ float:left; width:100%; color:#333333; font-size:20px; line-height:30px; font-weight:bold;}
.aboutBox5 li .la .text .line{ float:left; width:100%; margin:15px 0;}
.aboutBox5 li .la .text .line i{ display:block; margin:0 auto; width:24px; height:2px; background:#d2d2d2;}
.aboutBox5 li .la .text .p1{ float:left; width:100%; color:#333333; font-size:14px; line-height:24px; min-height:48px;}
.aboutBox5 li .la .text .list{ float:left; width:100%; margin-top:5px; min-height:225px;}
.aboutBox5 li .la .text .list .sp1{ float:left; width:100%; color:#333333; font-size:14px; line-height:35px; margin-top:10px; background:#ebf2f7;}

.aboutBox5 li .la:hover .img i img{animation: bounce 1s; }
.active .aboutBox5 li:nth-child(1){animation: fadeInRightBig 1s;}
.active .aboutBox5 li:nth-child(2){animation: fadeInRightBig 1.1s;}
.active .aboutBox5 li:nth-child(3){animation: fadeInRightBig 1.2s;}
.active .aboutBox5 li:nth-child(4){animation: fadeInRightBig 1.3s;}


@media  screen and (max-width:1279px){
.aboutBox5 ul{ margin:0 -10px;}
.aboutBox5 li{ padding:0 10px;}
.aboutBox5 li .la{ border-radius:0 0 40px 0; -moz-border-radius:0 0 40px 0; -webkit-border-radius:0 0 40px 0;}


}

@media  screen and (max-width:1199px){
.about_bg5{ padding:6% 0;}


}

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

.aboutBox5 ul{ margin:0 -6px;}	
.aboutBox5 li{ width:50%; padding:0 6px; margin-bottom:12px;}
.aboutBox5 li .la{ margin-top:50px; padding:0 12px; border-radius:0 0 20px 0; -moz-border-radius:0 0 20px 0; -webkit-border-radius:0 0 20px 0;}
.aboutBox5 li .la .img{ margin-top:-45px;}
.aboutBox5 li .la .img i{ width:80px; height:80px; border:3px solid #fff; padding:5px;}
.aboutBox5 li .la .text{ margin:12px 0 20px 0;}
.aboutBox5 li .la .text .tit{ font-size:18px; line-height:28px;}
.aboutBox5 li .la .text .line{ margin:8px 0;}
.aboutBox5 li .la .text .list{ margin-top:5px; min-height:190px;}
.aboutBox5 li .la .text .list .sp1{ line-height:30px; margin-top:8px;}

}

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

.aboutBox5 li{ width:100%;}
.aboutBox5 li .la .text .p1{ min-height:inherit;}
.aboutBox5 li .la .text .list{ min-height:inherit;}

}


/**/
.about_bg6{ background:#f3f3f3;}
.aboutBox6{ float:left; width:100%; margin-top:3.52%;}
.tiles1{ width:100%;}
.tiles1 ul{ margin:0 -5px;}
.tiles1 ul li{ float:left; width:20%; padding:5px;}
.col1{position:relative;float:left; width:100%; height:120px;}
.col1 a{position:absolute;width:100%;height:100%;z-index:2}
.col1 a:nth-child(1){-webkit-clip-path:polygon(0 0,100% 0,50% 50%);clip-path:polygon(0 0,100% 0,50% 50%)}
.col1 a:nth-child(2){-webkit-clip-path:polygon(100% 0,100% 100%,50% 50%);clip-path:polygon(100% 0,100% 100%,50% 50%)}
.col1 a:nth-child(3){-webkit-clip-path:polygon(0 100%,50% 50%,100% 100%);clip-path:polygon(0 100%,50% 50%,100% 100%)}
.col1 a:nth-child(4){-webkit-clip-path:polygon(0 0,50% 50%,0 100%);clip-path:polygon(0 0,50% 50%,0 100%)}
.col1 a:hover{z-index:3;-webkit-clip-path:none;clip-path:none}
.col1 a:nth-child(1):hover~.box{transform:rotateX(180deg)}
.col1 a:nth-child(2):hover~.box{transform:rotateY(180deg)}
.col1 a:nth-child(3):hover~.box{transform:rotateX(-180deg)}
.col1 a:nth-child(4):hover~.box{transform:rotateY(-180deg)}
.col1 a:nth-child(1):hover~.box:after,
.col1 a:nth-child(3):hover~.box:after{transform:rotateX(-180deg)}
.col1 a:nth-child(2):hover~.box:after,
.col1 a:nth-child(4):hover~.box:after{transform:rotateY(-180deg)}
.col1 .box{ display:block;position:absolute;width:100%;height:100%;/*box-shadow:0 2px 2px 0 rgba(0,0,0,.14),0 3px 1px -2px rgba(0,0,0,.2),0 1px 5px 0 rgba(0,0,0,.12);*/transform-style:preserve-3d;transition:transform .3s ease-in-out}
.col1 .box:before{content:"";position:absolute;width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:16px;text-rendering:auto;-webkit-font-smoothing:antialiased;border-radius:2px;z-index:2;backface-visibility:hidden}
.col1 .box:after{content:'';position:absolute;width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:#333;color:#fff;font-size:48px;border-radius:2px;transition-delay:.15s}



.active .tiles1 ul li:nth-child(1){animation: fadeInRightBig 1s;}
.active .tiles1 ul li:nth-child(2){animation: fadeInRightBig 1.1s;}
.active .tiles1 ul li:nth-child(3){animation: fadeInRightBig 1.2s;}
.active .tiles1 ul li:nth-child(4){animation: fadeInRightBig 1.3s;}
.active .tiles1 ul li:nth-child(5){animation: fadeInRightBig 1.4s;}
.active .tiles1 ul li:nth-child(6){animation: fadeInRightBig 1.5s;}
.active .tiles1 ul li:nth-child(7){animation: fadeInRightBig 1.6s;}
.active .tiles1 ul li:nth-child(8){animation: fadeInRightBig 1.7s;}
.active .tiles1 ul li:nth-child(9){animation: fadeInRightBig 1.8s;}
.active .tiles1 ul li:nth-child(10){animation: fadeInRightBig 1.9s;}



@media  screen and (max-width:1199px){
.about_bg6_1{ padding:6% 0;}
.col1{ height:100px;}

}

@media  screen and (max-width:991px){
.col1{ height:80px;}

}


@media  screen and (max-width:767px){
.tiles1 ul{ margin:0 -3px;}
.tiles1 ul li{ width:50%; padding:3px;}
.col1{ height:60px;}

}



/**/
.ban_box01{ float:left; width:100%; position:absolute; left:0; top:27.85%;}
.ban_box01 .ba1{ float:left; width:100%; position:relative;}
.ban_box01 .ba1 .img1{ float:left; width:199px; line-height:0;}
.ban_box01 .ba1 .p1{ float:left; color:#333333; font-size:24px; line-height:34px; position:absolute; left:175px; bottom:12px;}
.ban_box01 .ba2{ float:left; width:100%; margin-top:33px; padding-left:155px;}
.ban_box01 .ba2 .li1{ float:left; width:182px; text-align:center;}
.ban_box01 .ba2 .li1 .img{ float:left; width:100%;}
.ban_box01 .ba2 .li1 .hi-icon{ display:block; margin:0 auto; width:136px; height:136px; padding:35px; background:#1c60b1; border-radius:50%; -moz-border-radius:50%; -webkit-border-radius:50%; overflow:hidden; cursor:pointer;}
.ban_box01 .ba2 .li1 .p1{ float:left; width:100%; color:#444444; font-size:16px; line-height:26px; margin-top:14px;}
.ban_box01 .ba2 .li2{ width:auto;}
.ban_box01 .ba2 .fuhao{ float:left; color:#1c60b1; font-size:30px; line-height:136px; font-weight:bold;}


@media  screen and (max-width:991px){
.ban_box01 .ba1 .img1{ width:119px;}
.ban_box01 .ba1 .p1{  font-size:16px; line-height:26px; left:100px; bottom:6px;}
.ban_box01 .ba2{ margin-top:19px; padding-left:80px;}
.ban_box01 .ba2 .li1{ float:left; width:130px;}
.ban_box01 .ba2 .li1 .hi-icon{  width:82px; height:82px; padding:20px;}
.ban_box01 .ba2 .li1 .p1{ font-size:14px; line-height:24px; margin-top:8px;}
.ban_box01 .ba2 .li2{ width:auto;}
.ban_box01 .ba2 .fuhao{ font-size:24px; line-height:82px;}
}


@media  screen and (max-width:767px){
.tiles1 ul{ margin:0 -3px;}
.tiles1 ul li{ width:50%; padding:3px;}
.col1{ height:60px;}

.ban_box01 .ba1 .img1{ width:72px;}
.ban_box01 .ba1 .p1{  font-size:12px; line-height:20px; left:60px; bottom:3px;}
.ban_box01 .ba2{ margin-top:19px; padding-left:0;}
.ban_box01 .ba2 .li1{ float:left; width:89px;}
.ban_box01 .ba2 .li1 .hi-icon{  width:64px; height:64px; padding:15px;}
.ban_box01 .ba2 .li1 .p1{ font-size:14px; line-height:18px; margin-top:8px;}
.ban_box01 .ba2 .li2{ width:auto;}
.ban_box01 .ba2 .fuhao{ font-size:18px; line-height:66px;}


}


.active .ban_box01 .ba1 .img1{animation: fadeInLeftBig 1.2s;}
.active .ban_box01 .ba1 .p1{animation: fadeInLeftBig 1s;}

.active .ban_box01 .ba2 .li1:nth-child(1){animation: fadeInRightBig 1s;}
.active .ban_box01 .ba2 .li1:nth-child(2){animation: fadeInRightBig 1.1s;}
.active .ban_box01 .ba2 .li1:nth-child(3){animation: fadeInRightBig 1.2s;}
.active .ban_box01 .ba2 .li1:nth-child(4){animation: fadeInRightBig 1.3s;}
.active .ban_box01 .ba2 .li1:nth-child(5){animation: fadeInRightBig 1.4s;}


.ban_box01 .ba2 .li1 .hi-icon:hover{
 -webkit-animation:spinAround 2s linear infinite;
 -moz-animation:spinAround 2s linear infinite;
 animation:spinAround 2s linear infinite
}


@-webkit-keyframes spinAround {
 from {
  -webkit-transform:rotate(0deg)
 }
 to {
  -webkit-transform:rotate(360deg)
 }
}
@-moz-keyframes spinAround {
 from {
  -moz-transform:rotate(0deg)
 }
 to {
  -moz-transform:rotate(360deg)
 }
}
@keyframes spinAround {
 from {
  transform:rotate(0deg)
 }
 to {
  transform:rotate(360deg)
 }
}




/**/
.ban_box02{ float:left; width:100%; position:absolute; left:0; top:36.43%;}
.ban_box02 .ba1{ float:left; width:100%; color:#fff; text-align:center; font-size:48px; line-height:56px;}
.ban_box02 .ba2{ float:left; width:100%; color:#fff; text-align:center; font-size:18px; line-height:26px; font-family:Arial; margin:12px 0 36px 0;}
.ban_box02 .ba3{ float:left; width:100%; text-align:center;}
.ban_box02 .ba3 .ul1{ display:inline-block; *display:inline; *zoom:1; vertical-align:top;}
.ban_box02 .ba3 .li1{ float:left; width:172px; height:172px; margin:0 15px; border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px; overflow:hidden; background:#eb8513;}
.ban_box02 .ba3 .li1 a{float:left; width:100%; height:100%;}
.ban_box02 .ba3 .li1 .img{ float:left; width:100%; margin:26px 0 12px 0;}
.ban_box02 .ba3 .li1 .img .hi-icon{ width:66px; height:66px; display:block; margin:0 auto; position:relative;}
.ban_box02 .ba3 .li1 .p1{ float:left; width:100%; color:#fff; font-size:16px; line-height:18px;}

.active .ban_box02 .ba1{animation: bounceInDown 1.2s;}
.active .ban_box02 .ba2{animation: bounceInDown 1s;}

.active .ban_box02 .ba3 .li1:nth-child(1){animation: fadeInLeftBig 1.1s;}
.active .ban_box02 .ba3 .li1:nth-child(2){animation: fadeInLeftBig 1.1s;}
.active .ban_box02 .ba3 .li1:nth-child(3){animation: fadeInLeftBig 1s;}

.ban_box02 .ba3 .li1:hover .img .hi-icon{
 -webkit-animation:spinAround 2s linear infinite;
 -moz-animation:spinAround 2s linear infinite;
 animation:spinAround 2s linear infinite
}




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

.ban_box02 .ba1{ font-size:36px; line-height:34px;}
.ban_box02 .ba2{ font-size:16px; line-height:24px; margin:12px 0 26px 0;}
.ban_box02 .ba3 .li1{width:172px; height:172px; margin:0 10px; }
.ban_box02 .ba3 .li1 .img{ margin:26px 0 12px 0;}
.ban_box02 .ba3 .li1 .img .hi-icon{ width:66px; height:66px;}
.ban_box02 .ba3 .li1 .p1{ font-size:16px; line-height:18px;}

}


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

.ban_box02 .ba1{ font-size:28px; line-height:36px;}
.ban_box02 .ba2{ font-size:12px; line-height:20px; margin:6px 0 18px 0;}
.ban_box02 .ba3 .li1{width:122px; height:122px; margin:0 6px; }
.ban_box02 .ba3 .li1 .img{ margin:15px 0 6px 0;}
.ban_box02 .ba3 .li1 .img .hi-icon{ width:46px; height:46px;}
.ban_box02 .ba3 .li1 .p1{ font-size:12px; line-height:14px;}

}



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

.ban_box02 .ba1{ font-size:22px; line-height:30px;}
.ban_box02 .ba2{ margin:6px 0 12px 0; -webkit-transform: scale(0.9); -moz-transform: scale(0.9);transform: scale(0.9);}
.ban_box02 .ba3 .li1{width:88px; height:88px; margin:0 6px; }
.ban_box02 .ba3 .li1 .img{ margin:7px 0 3px 0;}
.ban_box02 .ba3 .li1 .img .hi-icon{ width:36px; height:36px;}
.ban_box02 .ba3 .li1 .p1{ font-size:12px; line-height:14px;}

}


/*opacity:0; filter:alpha(opacity=00); */



  
/*20180904--start*/

@media  screen and (max-height: 768px) and (min-width:1200px){

/*首页*/
.lftquan .videos .videoList{ height:430px;}

/*14实施服务3*/
.serBox1{margin-top:4%;}
.serBox2 li .line i{ height:60px;}
.serBox2 li .p1{ margin-top:15px;}
.serBox2{margin-top:3%;}
.serTit{ margin-top:2.8%;}
.serBox3{ padding-top:60px;}
.serBox4{ margin-top:-50px;}
.serBox4 li .p1{ line-height:24px;}
.serBox4 li .th5{ height:52px;}
.serBox4 li.bg2 .th5{ height:94px;}
.serBox4 li.bg3 .th5{ height:136px;}
.serBox4 li.bg4 .th5{ height:178px;}
.serBox4 li.bg5 .th5{ height:220px;}


/*6产品*/
.por_tit1{ margin-top:2.8%;}
.pord_l1 li{ padding-top:20px;}
.pord_l1{ margin-top:20px;}
.pord_cont2 .img1{ width:50%;}


/*2产品服务彩色版本4*/
.pord_tit{ margin-top:2.8%;padding-bottom:2.5%;}
.pordBox4{ margin-top:5%;}
.pordBox1 .cont1{ margin-top:2.5%;}
.pordBox1 .cont2 .p1{ margin:2% 0 1.56% 0;}
.pordBox2{ padding:20px 0;}



/*1走进公司1*/
.aboutBox3{ margin-top:5%;}
.aboutBox5 li .la{ margin-top:53px;}
.aboutBox5 li .la .img{ margin-top:-53px;}
.aboutBox5 li .la .text{ margin:15px 0 20px 0;}
.aboutBox5{ margin-top:2.8%;}







}

@media  screen and (max-height: 660px) and (min-width:1200px){

/*首页*/
.lftquan .videos .videoList{ height:350px;}
.ritquan h5{ padding:30px 60px 0 60px;}
.ritquan h3{ margin-top:20px;}
.ritquan h3 a{ margin-top:20px;}
.ritquan i{ margin:15px 0 25px 60px;}
.ritquan h6{ margin-bottom:15px;}


/*14实施服务3*/
.serBox1{margin-top:3%;}
.serBox2 li .line i{ height:30px;}
.serBox2 li .p1{ margin-top:5px; line-height:26px;}
.serBox2{margin-top:3%;}
.serTit{ margin-top:4%;}
.serBox3{ padding-top:30px;}
.carousel .slides{ height:360px;}
.serBox4{ margin-top:-50px; background:url(images/ser17.png) right 6px no-repeat; margin-bottom:3%;}
.serBox4 li .p1{ line-height:20px; font-size:14px;}
.serBox4 li .th5{ height:52px; margin:30px 0 10px 0;}
.serBox4 li.bg2 .th5{ height:94px;}
.serBox4 li.bg3 .th5{ height:136px;}
.serBox4 li.bg4 .th5{ height:178px;}
.serBox4 li.bg5 .th5{ height:220px;}
.serBox4 li .th5::after{ top:-30px;border-top:30px solid transparent;}
.serBox4 li .tit{ font-size:18px; line-height:18px;}
.serBox4 li .line{ margin-top:10px;}
.serBox4 li .line i{ height:15px;}


/*6产品*/
.por_tit1{ margin-top:4%; }
.pord_l1 li{ padding-top:12px;}
.pord_l1 li a{ min-height:100px;}
.pord_l1 li a p{ line-height:20px; height:40px;}
.pord_l1 li a i{ width:80px; height:80px;}
.pord_l1{ margin-top:20px;}
.pord_cont2 .img1{ width:50%;}
.pord_cont2 .bg_img{ height:500px;}
.pord_cont2 .tx1{ margin-top:100px;}
.pord_cont2 .tx1 .p1{ margin-top:30px;}
.pordBox3{ margin-top:3%;}
.pord_l3{ margin-top:106px;}


/*2产品服务彩色版本4*/
.pord_tit{ margin-top:4%;padding-bottom:2%;font-size:30px; line-height:30px;}
.pordBox4{ margin-top:5%;}
.pordBox1 .cont1{ margin-top:2.5%;}
.pordBox1 .cont1 .ul1 li .l1{ padding:20px 15px;}
.pordBox1 .cont1 .ul1 li .l1 .p2{ margin-top:5px;}

.pordBox1 .cont2 .p1{ margin:1% 0 1% 0;}
.pordBox2{ padding:15px 0;}
.pordBox2 li{ margin-top:8px;}
.pordBox2 li .p1{ line-height:30px;}
.pordBox2 li .p2{ line-height:30px;}
.pordBox2 li .tit{ height:30px; line-height:28px; margin:-15px 0 0 -51px;}
.pordBox2_1{ margin-top:12px;}
.pordBox2_1 .p1{ line-height:50px; }
.pordBox2_1 .p2{ line-height:50px;}
.pordBox2_1 .tit{ top:-12px; width:120px; margin-left:-60px;}
.pordBox5{ margin:1.5% 0 2% 0;}
.JoinuUsBox.JoinuUs_4{ margin-bottom:4%;}




/*1走进公司1*/
.aboutBox1 li{ margin-top:30px;}
.aboutBox3{ margin-top:3%;}
.aboutBox5 li .la{ margin-top:44px;}
.aboutBox5 li .la .img{ margin-top:-44px;}
.aboutBox5 li .la .text{ margin:10px 0 15px 0;}
.aboutBox5 li .la .text .line{ margin:8px 0;}
.aboutBox5 li .la .text .list{ min-height:190px;}
.aboutBox5 li .la .text .list .sp1{ margin-top:6px; line-height:32px;}
.aboutBox5{ margin-top:2.8%;}
.aboutBox4{ margin-top:2.5%;}
.aboutBox6{ margin-top:3%;}
.serTit img{ width:660px;}
.serTit1 img{ width:400px;}
.aboutBox1{ margin-top:2%;}
.aboutBox2{ margin-top:5%;}
.mb-controls{top:340px;}
.aboutBox5 li .la .img i{ width:88px; height:88px;}



}


/*20180912*/
/*ERP供应链*/
.ERP_list{ float:left; width:100%; padding:29px 0 60px 0;}
.ERP_list li{ float:left; width:100%; margin-top:20px; background:#f5f5f5;padding:30px;-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;}
.ERP_list li a{ float:left; width:100%; position:relative;}
.ERP_list li .img{ float:left; width:240px; height:180px; line-height:0; overflow:hidden; position:absolute; left:0; top:0;}
.ERP_list li .img 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;}
.ERP_list li:hover .img img{ -webkit-transform: scale(1.1); -moz-transform: scale(1.1);transform: scale(1.1);}
.ERP_list li .text{ float:left; width:100%; min-height:180px; padding-left:270px;}
.ERP_list li .text h5{ float:left; width:100%; color:#333333; font-size:18px; line-height:28px; margin:5px 0 8px 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;}
.ERP_list li .text p{ float:left; width:100%; color:#666666; font-size:14px; line-height:28px; height:84px; overflow:hidden;}
.ERP_list li .text h6{ float:left; width:100%; color:#0465b6; font-size:14px; line-height:24px; text-align:right; margin-top:27px;}

.ERP_list li:hover{ background:#fff; box-shadow:0 0 10px rgba(0,0,0,0.06);}
.ERP_list li:hover .text h5{ color:#0465b6;}

.ERP_bus1{ float:left; width:100%; padding:26px 0 0 0;}
.ERP_bus1 .img{ float:right; width:36%; padding-left:2%;}
.ERP_bus1 .info{ /*float:left; width:62.16%;*/ color:#666666; font-size:16px; line-height:36px;}
.ERP_bus1 .info .p1{ /*float:left; width:100%;*/ margin-top:1.81%;}
.ERP_bus1 .info .p2{ margin-top:5.97%;}

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

.ERP_bus1 .img{ width:40%;}
.ERP_bus1 .info{ /*width:58.16%;*/ font-size:15px; line-height:30px;}
.ERP_bus1 .info .p2{ margin-top:3%;}

}

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

.ERP_list{padding:15px 0 30px 0;}
.ERP_list li{ padding:15px; margin-top:12px;}
.ERP_list li .img{ width:200px; height:150px;}
.ERP_list li .text{ min-height:150px; padding-left:215px;}
.ERP_list li .text p{ line-height:24px; height:72px;}
.ERP_list li .text h6{ margin-top:10px;}
.ERP_list li .text h5{ font-size:16px; line-height:26px;}

.ERP_bus1 .img{ width:100%; padding:0 20%;}
.ERP_bus1 .info{ float:left; width:100%; font-size:14px; line-height:26px;}

}

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

.ERP_list li{ padding:12px; margin-top:10px;}
.ERP_list li .img{ width:120px; height:90px;}
.ERP_list li .text{ min-height:90px; padding-left:132px;}
.ERP_list li .text p{ font-size:12px; line-height:20px; height:40px;}
.ERP_list li .text h6{ margin-top:0;}
.ERP_list li .text h5{ margin:0;}

.ERP_bus1 .img{ padding:0 5%;}

}



/*20180926*/

.index-banner{ float:left; width:100%; height:100%; position:relative;}
.index-banner .ban1{ display:block;}
.index-banner .ban2{ display:none;}
.index-banner .slick-list{ float:left; width:100%; position:absolute; height:100%;}
.index-banner .slick-track{ position:absolute; height:100%;}
.index-banner .slick-slide{ float:left; width:100%; position:relative; height:100%;}
.index-banner .slick-slide a{ float:left; width:100%; position:absolute; height:100%;}
.index-banner .slick-prev,
.index-banner .slick-next{width:50px;height:50px;background: transparent;position: absolute;top:50%; margin-top: -25px;z-index: 10;border: 1px solid white;border-radius: 50%;cursor: pointer;transition: 0.5s ease;-moz-transition: 0.5s ease;-webkit-transition: 0.5s ease;box-shadow: 0px 0px 4px 0px white; opacity:0; filter: alpha(opacity=0); -moz-opacity: 0;-khtml-opacity: 0;}
.index-banner .slick-prev{left: 9.2%; background:url(images/main8.png) center no-repeat; }
.index-banner .slick-next{right: 9.2%; background:url(images/main7.png) center no-repeat;}
.index-banner:hover .slick-prev{ background:url(images/main8.png) center no-repeat;opacity:1; filter: alpha(opacity=100); -moz-opacity:1;-khtml-opacity:1;}
.index-banner:hover .slick-next{ background:url(images/main7.png) center no-repeat;opacity:1; filter: alpha(opacity=100); -moz-opacity:1;-khtml-opacity:1;}

.index-banner .slick-dots{ width:auto; position:absolute; right:10.67%; bottom:6.28%; z-index:999;}
.index-banner .slick-dots li{ float:left; width:16px; height:16px; margin:0 5px; border:1px solid #fff; border-radius:50%; overflow:hidden; padding:2px;}
.index-banner .slick-dots li button{ float:left; width:10px; height:10px; text-indent:-999px; overflow:hidden; outline:none; transition:background 0.5s ease; -o-transition:background 0.5s ease; -moz-transition:background 0.5s ease;  -webkit-transition:background 0.5s ease;}
.index-banner .slick-dots li.slick-active button{ background:#fff; border-radius:50%;}
@media  screen and (max-width:1199px){
.index-banner{ height:auto;}
.index-banner .slick-list{ height:auto;}
.index-banner .slick-track{ height:auto;}
.index-banner .slick-slide{ height:auto;}
.index-banner .slick-slide a{ height:auto; position:static;}
.index-banner .ban2{ display:block;}
.index-banner .ban1{ display:none;}

.index-banner1{ float:left; width:100%;}
.index-banner1 .slick-dots{ width:auto; position:absolute; right:10.67%; bottom:6.28%; z-index:999;}
.index-banner1 .slick-dots li{ float:left; width:16px; height:16px; margin:0 5px; border:1px solid #fff; border-radius:50%; overflow:hidden; padding:2px;}
.index-banner1 .slick-dots li button{ float:left; width:10px; height:10px; text-indent:-999px; overflow:hidden; outline:none; transition:background 0.5s ease; -o-transition:background 0.5s ease; -moz-transition:background 0.5s ease;  -webkit-transition:background 0.5s ease;}
.index-banner1 .slick-dots li.slick-active button{ background:#fff; border-radius:50%;}

}
@media  screen and (max-width:991px){
.index-banner1 .slick-dots{ bottom:15px;}	
.index-banner1 .slick-prev,
.index-banner1 .slick-next{width:30px;height:30px; margin-top:-15px;}	
.index-banner1 .slick-dots{ right:0; width:100%; text-align:center;}
.index-banner1 .slick-dots li{ float:none; display:inline-block; *display:inline; *zoom:1; width:12px; height:12px; margin:0 3px;}
.index-banner1 .slick-dots li button{ width:6px; height:6px; }
}

.index-mousesdown{ float:left; width:70px; position:absolute; left:50%; bottom:20px; margin-left:-35px; z-index:9;}
.index-mousesdown a{ display:block; width:56px; height:56px; line-height:56px; margin:0 auto;border-radius: 50%;  border: 1px solid #fff; text-align: center;}
.index-mousesdown a img{animation: run 1s linear infinite; width:14px; height:29px;}
.index-mousesdown1 a{ border:1px solid #9C9FA3;}

@media screen and (max-width: 1199px){
.index-mousesdown { display: none;}
}


.index-newlist{ float:left; width:32%; padding-left:7%; padding-right:3%;}
.index-newlis-tab{ float:left; width:100%;}
.index-newlis-tab .hd{ float:left; width:100%;}
.index-newlis-tab .hd li{ float:left; margin-right:37px; font-size:18px; color: #848484; font-weight:normal; background:#f0f0f0; line-height:30px; padding:0 12px; cursor:pointer; position:relative;}
.index-newlis-tab .hd li.first::after{ float:left; width:37px; height:30px; content:''; background:url(images/1.png) center no-repeat; position:absolute; right:-37px; top:0;}
.index-newlis-tab .hd li.on{font-size:30px; color: #0465b6; background:none; padding:0;}
.index-newlis-tab .bd{ float:left; width:100%; margin-top:17px;}
.index-newlis-tab .ul2{ float:left; width:100%; height:228px; overflow:hidden;}
.index-newlis-tab .ul2 .li2{ float:left; width:100%; margin-top:9px;}
.index-newlis-tab .ul2 .li2 h4{ float:left; width:100%; color:#363636; font-size:18px; line-height:26px; font-weight:bold;}
.index-newlis-tab .ul2 .li2 p{ float:left; width:100%; color:#363636; font-size:14px; line-height:22px; overflow:hidden;white-space: nowrap; text-overflow:ellipsis;}
.index-newlis-tab .index_more{ float:left; width:100%; margin-top:64px;}
.index-newlis-tab .index_more a{ float:left; width:170px; height:40px; line-height:40px; text-align:center; background:#0465b6; color:#fff; font-size:14px;}
.index-newlis-tab .index_more a:hover{ background:#02569d;}


.index-ouradvantage{ float:right; width:68%; height:100%; position:absolute; right:0; top:0; overflow:hidden;}
.index-advtit{ float:left; width:7%; height:100%; position:relative; background:#F4F4F6;}
.index-advtit h4{ float:left; width:100%; text-align:center; line-height:0; position:absolute; left:0; bottom:10%;}
.index-advtit h4 img{transform: translateY(0) scale(0.8);
    -webkit-transform: translateY(0) scale(0.8);
    -moz-transform: translateY(0) scale(0.8);}
.index-adfour{ float:left; width:93%; height:100%; position:relative;}
.index-adfour ul{ float:left; width:100%; height:100%; position:relative;}
.index-adfour ul li{ float:left; width:25%; height:100%; position:relative; border-left:1px solid #D8D8D8;border-right:1px solid #D8D8D8;-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;}
.index-adfour ul li a{ float:left; width:100%; height:100%; position:relative;}
.index-adfour ul li .tbs{ float:left; width:100%; position:absolute; left:0; top:43%; padding:0 10%;-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;}
.index-adfour ul li .tbs h4{ float:left; width:100%; color:#0465b6; font-size:28px; line-height:28px; text-align:center; text-transform:uppercase;
-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;}
.index-adfour ul li .tbs h5{ float:left; width:100%; color:#000000; font-size:20px; line-height:30px; margin:42px 0 0 0; text-align:center; font-weight:bold;
-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;}
.index-adfour ul li .tbs .line{ float:left; width:100%; margin:14px 0;}
.index-adfour ul li .tbs .line i{ display:block; margin:0 auto; width:30px; height:2px; background:#0465b6;
-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;}
.index-adfour ul li .tbs p{ float:left; width:100%; font-size:13px; line-height:26px; height:130px; overflow:hidden; color:#fff;opacity:0.8; filter:alpha(opacity=80);transform: translateY(100px);-webkit-transform: translateY(100px);-moz-transform: translateY(100px);-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;}
.index-adfour ul li .tbs .ico{ float:left; width:100%; line-height:0; text-align:center; text-align:center; margin-top:40px;}
.index-adfour ul li .imgs{ float:left; width:100%; position:absolute; left:0; bottom:-50%;
-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;}

.index-adfour ul li:hover{ background:#0465b6;}
.index-adfour ul li:hover .tbs{ top:29%;}
.index-adfour ul li:hover .imgs{ bottom:0;}
.index-adfour ul li:hover .tbs h4{ color:#fff;}
.index-adfour ul li:hover .tbs h5{ color:#fff;opacity:0.8; filter:alpha(opacity=80);}
.index-adfour ul li:hover .tbs .line i{ width:100%; background:#fff;opacity:0.7; filter:alpha(opacity=70);}
.index-adfour ul li:hover .tbs p{transform: translateY(0);-webkit-transform: translateY(0);-moz-transform: translateY(0);}

@media screen and (max-width: 1600px){
.index-adfour ul li .tbs h4{ font-size:24px;}
.index-adfour ul li .tbs h5{ margin:30px 0 0 0;}

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

.index-adfour ul li .tbs h4{font-size:21px;}
.index-adfour ul li .tbs h5{font-size: 16px;}


}

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

.index-ouradvantage{ display:none;}

.index-newlist{ width:100%; margin:30px 0;}
.index-newlis-tab .index_more{ margin-top:20px;}
.index-newlis-tab .hd li{font-size:16px; line-height:20px; margin-right:30px;}
.index-newlis-tab .hd li.first::after{ height:20px; background-size:10px 20px; width:30px; right:-30px;}
.index-newlis-tab .hd li.on{font-size:20px;}
.index-newlis-tab .bd{ margin-top:10px;}
}


.index-cases{ float:left; width:100%; padding:0 5% 0 8.7%; position:relative;}
.index-cases-tab{ float:left; width:100%; border-left:1px solid #d8d8d8; position:relative; overflow:hidden;}
.index-cases-tab .tit{ float:left; width:7.2%; padding-left:2px; background:#fff; position:relative;-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;}
.index-cases-tab .text{ display:none; float:left; width:710px; height:100%; position:absolute; left:0; top:0; padding:0 76px 0 60px; }
.index-cases-tab .text .p1{ float:left; width:100%; margin:76px 0 35px 0;}
.index-cases-tab .text .p1 p{ float:left; padding:0 14px; background:#e5eff8; color:#363636; font-size:14px; line-height:34px; font-weight:bold;}
.index-cases-tab .text .p2{ float:left; width:100%; color:#333333; font-size:24px; line-height:34px; font-weight:bold;}
.index-cases-tab .text .p3{ float:left; width:100%; color:#555555; font-size:14px; line-height:28px; height:140px; overflow:hidden; margin:18px 0 39px 0;}
.index-cases-tab .text .p4{ float:left; width:100%;}
.index-cases-tab .text .p4 a{ float:left; width:185px; height:42px; line-height:42px; text-align:center; color:#fff; font-size:14px; background:#0465b6;}
.index-cases-tab .text .p4 a:hover{ background:#02569d;}
.index-cases-tab .pic{ float:left; position:relative;overflow:hidden; width:100%; height:587px;background:#000000; cursor:pointer;}
.index-cases-tab .pic img{ float:left;opacity:0.6; filter:alpha(opacity=60); width:100%; height:587px;-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;}
.index-cases-tab .pic i{ float:left; width:100%; height:100%; position:absolute; left:0; bottom:0; background:url(images/main14.png) center bottom repeat-x; z-index:2;}
.index-cases-tab .pic h5{ float:left; width:24px; color:#fff; font-size:18px; line-height:18px; position:absolute; left:50%; margin-left:-12px; bottom:32px; text-align:center; z-index:5;}
.index-tit{ float:left; position:absolute; left:8.7%; top:76px; margin-left:-72px;}


.index-cases-tab .tit.on{ width:85%; padding-left:710px;}
.index-cases-tab .tit.on .text{ display:block;}
.index-cases-tab .tit.on .pic{ background:#02569d;}
.index-cases-tab .tit.on .pic h5{ width:100%; bottom:24px; left:0; margin:0;}


@media  screen and (max-width:1480px){
.index-cases-tab .text{ width:500px; padding:0 40px;}
.index-cases-tab .tit.on{ padding-left:500px;}
.index-cases-tab .pic{ height:480px;}
.index-cases-tab .pic img{ height:480px;}
.index-cases-tab .text .p3{ height:112px;}
	
}

@media  screen and (max-width:1199px){
.index-cases{ display:none;}
.h_cases_ph{ display:block; position:relative; margin-top:-10px;}
.index-cases-tab{ border:none;}
.index-cases-tab .tit{ width:100%; padding:0;}
.index-cases-tab .text{ display:block; width:100%; padding:25px 15px; position:static;}
.index-cases-tab .tit.on{ width:100%; padding-left:0;}
.index-cases-tab .pic{ height:auto;}
.index-cases-tab .pic img{ height:auto; }
.index-cases-tab .pic h5{ width:100%;font-size:16px; left:0; margin-left:0; bottom:41px;}

.index-cases-tab .text .p1{ margin:0 0 15px 0;}
.index-cases-tab .text .p2{ font-size:18px; line-height:28px; }
.index-cases-tab .text .p3{ height:auto; margin:5px 0 15px 0;}


}

.index-quantumctek{ float:left; width:100%;}
.index-lftquan{ float:left; width:50%; padding-left:96px;}
.index-lftquan .videos{ float:left; width: 100%; position:relative; z-index:8;}
.index-lftquan .videos .slick-slide{ width:100%; float:left; margin-top:55px; position:relative;}
.index-lftquan .videos .videoList{ float:left; width: 100%; height:530px; overflow:hidden;}
.index-lftquan .videos .videoList source{ float:left; width: 100% !important;}

.index-lftquan .videos .video_a{ float:left; width: 100%; height:530px;}
.index-lftquan .videos .video_a img{ width: auto; height:100%; display:block; max-width:initial;}

.index-lftquan .index_lefts{position: absolute; right:0;  top:-52px;  display: block;font-weight:bold; max-width: 100%;  z-index: 11;  font-size:24px; line-height:34px;color:#333333; padding:0 110px 0 70px; overflow:hidden;white-space: nowrap; text-overflow:ellipsis;}
.index-lftquan .index_lefts::after{ float:left; width:50px; height:2px; background:#c8c8c8; position:absolute; left:0; top:50%; content:'';}

.index-lftquan .slick-prev,
.index-lftquan .slick-next{ background: none; width: 40px; height: 40px;}
.index-lftquan .slick-prev{ left: auto; right:41px; top:1px; background:url(images/main9.png) center no-repeat #484848;}
.index-lftquan .slick-next{ right:0; top:1px; background:url(images/main10.png) center no-repeat #484848;}
.index-lftquan .slick-next:hover,
.index-lftquan .slick-prev:hover{ background-color: #0465b6;}



.index-ritquan{ float:left; width:50%; padding-left:80px; margin-top:35px;}
.index-ritquan h4{ float:left; width:100%; color:#848484; font-size:20px; line-height:20px; padding-left:60px;}
.index-ritquan h4 img{ display:inline-block; vertical-align:top;}
.index-ritquan h4 span{ display:inline-block; line-height:20px; padding-left:18px; margin-top:8px; vertical-align:top;}
.index-ritquan h5{ float:left; width:100%; color:#3D3D3D; font-size:20px; line-height:30px; font-weight:bold; margin-bottom:10px; padding:60px 60px 0 60px; border-top:1px solid #1px solid #e5e5e5;}
.index-ritquan h6{ float:left; width:100%; color:#333; font-size:16px; line-height:26px; padding:0 60px 25px 60px;}
.index-ritquan p{ float:left; width:100%; color:#848484; font-size:14px; line-height:26px; height:156px; overflow:hidden; padding:0 60px;}
.index-ritquan h3{ float:left; width:100%; border-top:1px solid #e5e5e5; margin-top:52px; padding:50px 0 0 60px;}
.index-ritquan h3 a{ float:left;font-size: 14px; width: 185px; height: 42px; text-align: center; line-height: 42px; background-color: #0465b6; text-transform: uppercase; color: #fff;}
.index-ritquan a:hover{ background-color: #02569d;}
.index-bg1{ float:left; width:420px; height:100%; position:absolute; top:0; right:50%; margin:0 -80px 0 0; z-index:6; background:#ECECEC;}


@media  screen and (max-width:1199px){
.index-quantumctek{ display:none;}
.index-bg1{ display:none;}

}

@media  screen and (max-height: 768px) and (min-width:1200px){
.index-lftquan .videos .videoList{ height:430px;}
}

@media  screen and (max-height: 660px) and (min-width:1200px){
.index-lftquan .videos .videoList{ height:350px;}
.index-ritquan h5{ padding:30px 60px 0 60px;}
.index-ritquan h3{ margin-top:20px;}
.index-ritquan h3 a{ margin-top:20px;}
.index-ritquan i{ margin:15px 0 25px 60px;}
.index-ritquan h6{ margin-bottom:15px;}
}


/*list1*/
.list1{ float:left; width:100%; margin-top:5px;}
.list1 ul{ margin:0 -25px 0 0;}
.list1 li{ float:left; width:33.33%; padding:25px 25px 0 0;}
.list1 li a{ float:left; width:100%; background:#f7f7f7;}
.list1 li .img{ float:left; width:100%; position:relative; padding-bottom:66.75%; line-height:0; overflow:hidden; background:#000;}
.list1 li .img .video{ float:left; width:100%; height:100%; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); z-index:1; display:none; }
.list1 li .img .pic{ float:left; width:100%; min-height:100%; z-index:6; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%);
-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;}
.list1 li a:hover .img .pic{ -webkit-transform:translate(-50%,-50%) scale(1.1); -moz-transform:translate(-50%,-50%) scale(1.1);transform: translate(-50%,-50%) scale(1.1); opacity:0.6;}
.list1 li .img .paly{ float:left; width:66px; height:66px; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); z-index:8;}
.list1 li .tit{ float:left; width:100%; padding:20px 30px 20px 67px; color:#333333; font-size:16px; line-height:36px; overflow:hidden;white-space: nowrap; text-overflow:ellipsis; background:url(images/_b7.png) 30px center no-repeat;}
.list1 li a:hover{ box-shadow:0 5px 21px rgba(0,0,0,0.1);}
.list1 li.on .img .video{ display:block;}
.list1 li.on .img .pic{ display:none;}
.list1 li.on .img .paly{ display:none;}


@media  screen and (max-width:991px){
.list1 ul{ margin:0 -12px 0 0;}
.list1 li{ padding:12px 12px 0 0;}
.list1 li .img .paly{ width:34px; height:34px;}
.list1 li .tit{ padding:5px 12px 5px 35px; font-size:14px; line-height:30px; background:url(images/_b7.png) 12px center no-repeat; background-size:16px 16px; }

}
@media  screen and (max-width:767px){
.list1 li{ width:50%;}	
	
}

/*ctext1*/
.ctext1{ float:left; width:100%; margin:40px 0 20px 0; background:#f5f5f5;}
.ctext1 .img{ float:left; width:74.4%; position:relative; padding-bottom:49.76%; line-height:0; overflow:hidden; background:#000;}
.ctext1 .img .video{ float:left; width:100%; height:100%; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); z-index:1; display:none; }
.ctext1 .img .pic{ float:left; width:100%; min-height:100%; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); opacity:0.8; z-index:6;}
.ctext1 .img .paly{ float:left; width:66px; height:66px; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); z-index:8;}
.ctext1 .img.on .video{ display:block;}
.ctext1 .img.on .pic{ display:none;}
.ctext1 .img.on .paly{ display:none;}
.ctext1 .cont{ float:left; width:25.6%;}
.ctext1 .cont .tit{ float:left; width:100%; color:#333333; font-size:24px; line-height:30px; padding:17.81% 18.75% 16.87%  18.75%;}
.ctext1 .cont .time{ float:left; width:100%; color:#888888; font-size:14px; line-height:30px; border-bottom:1px dashed #c4c4c4; padding:0  18.75% 12.81% 18.75%; }
.ctext1 .cont .info{ float:left; width:68.75%; color:#666666; font-size:14px; line-height:26px; overflow:hidden; padding-right:22px;
 overflow-y:auto;
 scrollbar-width:thin;
 max-height:260px; margin:13.75% 12.5% 13.75% 18.75%;
}
.ctext1 .cont .info::-webkit-scrollbar {
 width:6px
}
.ctext1 .cont .info::-webkit-scrollbar-track
{
background-color:#dedede;
 border-radius:6px
}
 
.ctext1 .cont .info::-webkit-scrollbar-thumb {
 width:6px;
 height:30px;
 background-color:#0465b6;
 border-radius:3px
}



.ctext2{ float:left; width:100%; margin:0 0 60px 0;}
.ctext2 .bdshare{ float:left;}
.ctext2 .bdshare .tit{ float:left; color:#9f9da2; font-size:14px; line-height:24px; margin:5px 5px 5px 0;}


@media  screen and (max-width:1279px){
.ctext1 .cont .tit{ font-size:20px; line-height:26px; padding:12% 10% 8%  10%;}
.ctext1 .cont .time{ font-size:14px; line-height:24px; padding:0  10% 8% 10%; }
.ctext1 .cont .info{ width:84%; line-height:26px; padding-right:15px; max-height:260px; margin:10% 6% 10% 10%;}

}
@media  screen and (max-width:991px){
.ctext1{ margin:30px 0 20px 0;}	
.ctext1 .img{ width:100%;}
.ctext1 .img .paly{ width:34px; height:34px;}
.ctext1 .cont{ width:100%;}
.ctext1 .cont .tit{ font-size:18px; line-height:24px; padding:20px 5% 10px  5%;}
.ctext1 .cont .time{ font-size:14px; line-height:24px; padding:0  5% 15px 5%; }
.ctext1 .cont .info{ width:85%; line-height:26px; padding-right:15px; max-height:260px; margin:25px 5%;}

.ctext2{ margin:0 0 30px 0;}

}
@media  screen and (max-width:767px){
.list1 li{ width:50%;}	
	
}

.ctext3{ float:left; width:100%; margin:60px 0 82px 0;}
.ctext3 ul{ margin:0 -15px;}
.ctext3 li{ float:left; width:25%; padding:0 15px; margin-top:18px;}
.ctext3 li a{ float:left; width:100%;}
.ctext3 li .img{ float:left; width:100%; position:relative; padding-bottom:66.75%; line-height:0; overflow:hidden; background:#000;}
.ctext3 li .img .video{ float:left; width:100%; height:100%; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); z-index:1; display:none; }
.ctext3 li .img .pic{ float:left; width:100%; min-height:100%; z-index:6; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); opacity:0.8;
-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;}
.ctext3 li a:hover .img .pic{ -webkit-transform:translate(-50%,-50%) scale(1.1); -moz-transform:translate(-50%,-50%) scale(1.1);transform: translate(-50%,-50%) scale(1.1);}
.ctext3 li .img .paly{ float:left; width:42px; height:42px; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); z-index:8;}
.ctext3 li .tit{ float:left; width:100%; padding:5px 0 0 0; color:#333333; font-size:16px; line-height:36px; overflow:hidden;white-space: nowrap; text-overflow:ellipsis; text-align:center;}
.ctext3 li:first-child{ width:50%;}
.ctext3 li:first-child a{ background:#f5f5f5;}
.ctext3 li:first-child .tit{ font-size:18px; line-height:38px; text-align:center; padding:14px 15px;}
.ctext3 li:first-child .img{ padding-bottom:71.65%;}
.ctext3 li:first-child .img .paly{ width:80px; height:80px;}
.ctext3 li.on .img .video{ display:block;}
.ctext3 li.on .img .pic{ display:none;}
.ctext3 li.on .img .paly{ display:none;}
.ctext3 .more1{ display:inline-block; width:100%; text-align:center; margin-top:30px;}
.ctext3 .more1 a{ display:inline-block; width:174px; height:46px; line-height:44px; border:1px solid #e1e1e1; border-radius:46px; color:#888888; font-size:16px;}
.ctext3 .more1 a:hover{ background:#1c60b1; border:1px solid #1c60b1; color:#fff;}


.ctext3 .title{ float:left; width:100%; position:relative; text-align:center; overflow:hidden; }
.ctext3 .title span{ display:inline-block; position:relative; padding:0 30px; color:#333333; font-size:30px; line-height:50px; margin:7px 0 12px 0; text-transform:uppercase; }
.ctext3 .title span:after,
.ctext3 .title span:before{ float:left; width:1250px; height:1px; background:#d9d9d9; position:absolute; left:100%; top:50%; content:'';}
.ctext3 .title span:before{ left:auto; right:100%;}
.ctext3 .list4{ float:left; width:100%;}
.ctext4 li:first-child{ float:right;}
.ctext4 li:first-child a{ background:#fff;}



.ctext5 .list4{ margin-top:2px;}
.ctext5 li:first-child{ width:25%;}
.ctext5 li:first-child a{ background:none;}
.ctext5 li:first-child .tit{ font-size:16px; line-height:36px; text-align:left; padding:5px 0 0 0;}
.ctext5 li:first-child .img{ padding-bottom:66.75%;}
.ctext5 li:first-child .img .paly{ width:42px; height:42px;}

.ctext3 .box{ display:inline-block; width:100%; position:relative; padding:70px 0 80px 0; margin-top:82px;} 
.ctext3 .box:after{ float:left; width:2000px; height:100%; position:absolute; left:50%; margin-left:-1000px; top:0; z-index:1; content:''; background:#fff;}
.ctext3 .box .info1{ float:left; width:59%; color:#666666; font-size:14px; line-height:30px; position:relative; z-index:6; margin-top:9px;}
.ctext3 .box .img1{ float:right; width:36.4%; line-height:0; position:relative; z-index:6;}

@media  screen and (max-width:1279px){
.ctext3 .box .info1{ margin:0; width:52%; line-height:24px;}
.ctext3 .box .img1{ width:45.4%;}

.ctext3 li:first-child .img{ padding-bottom:72.85%;}
.ctext5 li:first-child .img{ padding-bottom:66.75%;}
	
}
@media  screen and (max-width:991px){
.ctext3{ margin:30px 0 40px 0;}	
.ctext3 ul{ margin:0 -6px;}
.ctext3 li{ padding:0 6px; margin-top:10px;}
.ctext3 li .img .paly{ width:34px; height:34px;}
.ctext3 li .tit{ font-size:14px; line-height:30px; }
.ctext3 li:first-child .tit{ font-size:16px; line-height:32px; padding:16px 15px;}
.ctext3 li:first-child .img .paly{ width:40px; height:40px;}
.ctext3 .more1{ margin-top:20px;}
.ctext3 .more1 a{ width:140px; height:36px; line-height:34px; font-size:14px;}


.ctext3 .title span{ padding:0 15px; font-size:20px; line-height:40px; margin:7px 0 12px 0;}



.ctext3 .box{ padding:30px 0 40px 0; margin-top:40px;} 
.ctext5 li:first-child .tit{ font-size:14px; line-height:30px; padding:5px 0 0 0;}

}
@media  screen and (max-width:767px){
.ctext3 li{ width:50%;}	
.ctext3 li:first-child{ width:100%;}
.ctext3 li:first-child .tit{ padding:10px 15px;}
	
.ctext4 li:first-child{ width:100%;}

	
.ctext5 li:first-child{ width:50%;}
.ctext5 li:first-child .tit{ padding:5px 0 0 0;}
.ctext5 li:first-child .img .paly{ width:34px; height:34px;}
.ctext3 .box .info1{ width:100%;}
.ctext3 .box .img1{ width:100%; margin-top:20px;}

	
}

/* 回顶部 */
@media screen and (min-width: 768px) {
  .back-to-top {
    position: fixed;
    right: 30px;
    bottom: 110px;
    width: 50px;
    height: 50px;
    background-color: #fff;
    border-radius: 50%;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3);
    cursor: pointer;
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s ease;
    z-index: 9999;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  
  .back-to-top.visible {
    opacity: 1;
    visibility: visible;
  }
  
  .back-to-top .arrow-up {
    width: 24px;
    height: 24px;
    background-image: url('/favicon.ico');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    transition: transform 0.3s ease;
  }
  
  .back-to-top:hover {
    /* background-color: #2371c9; */
  }
  
  .back-to-top:hover .arrow-up {
    transform: rotate(-45deg);
  }
}


/* 下拉菜单样式 */
.meNuNav > a.dropdown-toggle {
  position: relative;
}

/* 下拉菜单容器样式 */
.navBar {
  display: block;
  position: fixed !important;
  left: 0;
  top: 60px !important;
  width: 100%;
  z-index: 999;
  background-color: #FFFFFF;
  overflow: hidden;
  box-shadow: 0px 2px 3px #ccc;
  height: 0;
  transition: all .1s linear 0s;
  -webkit-transition: all .1s linear 0s;
  -moz-transition: all .1s linear 0s;
}

.navBar.active {
  padding: 25px 0;
  height: 220px;
  transition: all 0.3s linear 0s;
  -webkit-transition: all 0.3s linear 0s;
  -moz-transition: all 0.3s linear 0s;
}

/* 下拉菜单项样式 */
.head_box {
  width: 100% !important;
  height: auto !important;
}

.head_box_u1 {
  display: flex;
  flex-direction: column;
  width: 100%;
  position: static;
}

.head_box_u1 li {
  width: 100%;
  height: auto;
  float: none;
  text-align: left;
  box-sizing: border-box;
  padding: 0;
}

.head_box_u1 li a {
  display: block;
  padding: 10px 15px;
  /* border-bottom: 1px solid #eee; */
  line-height: normal;
  color: #333;
  text-decoration: none;
  text-align: center;
  font-size: 15px;
}

.head_box_u1 li:last-child a {
  border-bottom: none;
}

.head_box_u1 li a:hover {
  background-color: #f5f5f5;
}

/* 精确定位下拉菜单 */
.navBar .box {
  position: relative;
}

.navBar .box .nmun {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  opacity: 0;
  visibility: hidden;
  z-index: -1;
  transition: all 0.3s ease;
}

.navBar .box .nmun.active {
  opacity: 1;
  visibility: visible;
  z-index: 9;
}

/* 为每个下拉菜单设置不同的左侧偏移量 */
.nmun1, .nmun2, .nmun3, .nmun4 {
  left: 0;
  transition: all 0.3s ease;
}