#section1{ overflow:hidden; height:100vh; position:relative;}
#section1 .slide_banner{ float:left; width:100%; height:100%; position:relative; background:#000000;}
#section1 .slide_banner .slick-list{ height:100%;}
#section1 .slide_banner .slick-track{ height:100%;}
#section1 .slide_banner .slick-slide{height:100%; position:relative;}
#section1 .slide_banner .ph3{ float:left; width:100%; line-height:0; display:none;}
#section1 .slide_banner .img1{ width:100%; height:100%; position:relative}
#section1 .slide_banner .slick-dots{ bottom:122px; height:59px;}
#section1 .slide_banner .slick-dots li{ width:59px; height:59px; background:url(/template/theme/CN/779_btn2.png) center no-repeat no-repeat; background-size:100% 100%; overflow:hidden; vertical-align:top;  margin:0 20px;}
#section1 .slide_banner .slick-dots li.slick-active{ background:url(/template/theme/CN/779_btn3.png) center no-repeat no-repeat; background-size:100% 100%; overflow:hidden;}
#section1 .slide_banner .slick-dots li button{ width:59px; line-height:59px; height:59px; padding:0; font-size:18px; color:#cccccc; color:rgba(204,204,204,0.6)}
#section1 .slide_banner .slick-dots li.slick-active button{ color:#fff;}
#section1 .bann_btn{ float:left; width:13px; line-height:0; position:absolute; left:50%; bottom:0; margin-left:-6px; z-index:66;}
@media screen and  (max-width:1310px){

}
@media screen and  (max-width:1310px){
#section1 .slide_banner .img1{ display:none;}	
#section1 .slide_banner .ph3{ display:block;height:100%; position:relative;}
#section1 .slide_banner .ph3 img{ display:none;}
}
@media screen and  (max-width:1023px){
#section1{ height:auto !important; display:block; float:left; width:100%;}
#section1 .fp-tableCell{ height:auto !important; display:block; float:left;}
#section1 .slide_banner .ph3{ display:block; height:auto;}
#section1 .slide_banner .ph3 img{ display:block;}
#section1 .slide_banner .slick-dots{ height:10px; bottom:60px;}
#section1 .slide_banner .slick-dots li{ margin:0 6px; width:30px; height:30px;}
#section1 .slide_banner .slick-dots li button{ width:30px; line-height:30px; height:30px; font-size:12px;}
#section1 .bann_btn{ bottom:-50px;}

}
@media screen and  (max-width:768px){
    #section2 .hTit1 a font.ri-arrow-right-s-line:after{margin-top:-1px !important;}
}
#section2 .hTit1{ float:left; width:100%; color:#333; font-size:30px; line-height:40px; margin-top:110px; position:relative;animation:slideInDown 5s;-moz-animation:slideInDown 5s; -webkit-animation:slideInDown 5s;-o-animation:slideInDown 5s;}
#section2 .hTit1 span{ font-family:Arial; font-size:50px; font-weight:bold; padding-right:12px;}
#section2 .hTit1 a{ float:right; position:relative; margin-top:24px; height:11px; background:#0e6eb8; background:rgba(14,110,184,0.1); color:#0e6eb8; font-size:14px; font-weight:bold; font-family:'Open Sans'; text-transform:uppercase; padding:0 10px; line-height:22px;}
#section2 .hTit1 a font{ display:inline-block; vertical-align:top; margin-top:-12px;}
#section2 .hTit1 a font.ri-arrow-right-s-line{ padding:0 0 0 10px; position:relative;}
#section2 .hTit1 a font.ri-arrow-right-s-line:after{ float:left; width:18px; height:2px; position:absolute; left:0; top:50%; content:''; background:#0e6eb8; margin-top:-2px;}
#section2 .hTit2 a{ background:#fff; background:rgba(255,255,255,0.1); color:#fff}
#section2 .active .hTit1{animation:slideInDown 5s;-moz-animation:slideInDown 5s; -webkit-animation:slideInDown 5s;-o-animation:slideInDown 5s;}

@media screen and (max-height:900px) {
#section2 .hTit1{ font-size:26px;}
#section2 .hTit1 span{ font-size:40px;}
}

@media screen and (max-height:900px) {
#section2 .hTit1{ font-size:26px;}
#section2 .hTit1 span{ font-size:40px;}
}

#section2 .Solut{ float:left; width:100%; position:relative; z-index:6; margin-top:6.2%;animation:slideInUp 2s;-moz-animation:slideInUp 2s; -webkit-animation:slideInUp 2s;-o-animation:slideInUp 2s;}
#section2 .active .Solut{animation:slideInUp 2s;-moz-animation:slideInUp 2s; -webkit-animation:slideInUp 2s;-o-animation:slideInUp 2s;}
#section2 .Solut .det{ float:left; width:100%;}
#section2 .Solut .det .cont{ float:left; width:54.84%;}
#section2 .Solut .det .tit{ float:left; width:100%; color:#333; font-size:36px; line-height:46px; margin:22px 0 17px 0;}
#section2 .Solut .det .info{ float:left; width:100%; color:#727272; font-size:16px; line-height:36px; height:144px; overflow:hidden;}
#section2 .Solut .det .tit{ float:left; width:100%; color:#333; font-size:36px; line-height:46px;}
#section2 .Solut .det .img{ float:right; width:40.625%; line-height:0; position:relative; margin-bottom:106px;}
#section2 .Solut .det .tol{ float:left; width:184px; text-align:right; position:absolute; left:0; bottom:-106px; font-size:24px; font-family:Arial; font-weight:bold; text-transform:uppercase; line-height:24px; color:#e0e0e0; padding-bottom:48px;}
#section2 .Solut .det .tol span{ display:block; color:#282828; position:relative; z-index:6;}
#section2 .Solut .det .tol:after{ float:left; width:98px; height:350px; border:6px solid #1572ba; content:''; position:absolute; right:25px; bottom:0; z-index:1;}
#section2 .Solut .down{ float:left; width:55.93%; position:absolute; left:0; bottom:0;}
#section2 .Solut .down .l1{ position:relative; line-height:0; background:#0e6eb8; overflow:hidden; margin-right:0.65%; margin-bottom:106px;}
#section2 .Solut .down .tit1{ float:left; width:100%; background:url(/template/theme/CN/780_main4.png) center bottom repeat-x; position:absolute; left:0; bottom:0; padding-bottom:7px; color:#fff; font-size:16px; line-height:26px; text-align:center; padding-left:6px; padding-right:6px; padding-top:51px; 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;  
}
#section2 .Solut .down .tit2{opacity:0; filter:alpha(opacity=00); float:left; width:100%; position:absolute; left:0; top:2px; margin-top:5px; color:#fff; font-size:14px; line-height:24px; text-align:center; padding:0 6px; overflow:hidden;white-space: nowrap; text-overflow:ellipsis; font-family:Arial;-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;  
}
#section2 .Solut .down .l1.slick-current{ box-shadow:0 7px 13px rgba(0,0,0,0.27);}
#section2 .Solut .down .l1.slick-current img{opacity:0.1; filter:alpha(opacity=10);}
#section2 .Solut .down .l1.slick-current .tit1{ bottom:50%; margin-bottom:-5px; padding-top:0 !important; padding-bottom:0 !important; background:none;}
#section2 .Solut .down .l1.slick-current .tit2{ top:50%;opacity:1; filter:alpha(opacity=100);}
#section2 .Solut .down .slick-prev,
#section2 .Solut .down .slick-next{ width:30px; height:30px; background:url(/template/theme/CN/780_main2.png) left center no-repeat #d3d3d3; border-radius:50%; background-size:auto 100%; top:-60px; left:0;transform:translate(0,0); -moz-transform:translate(0,0); -webkit-transform:translate(0,0);}
#section2 .Solut .down .slick-next{ right:auto; left:38px; background:url(/template/theme/CN/780_main2.png) right center no-repeat #d3d3d3; background-size:auto 100%;}
#section2 .Solut .down .slick-prev:hover{ background:url(/template/theme/CN/780_main2.png) left center no-repeat #0e6eb8; background-size:auto 100%;}
#section2 .Solut .down .slick-next:hover{ background:url(/template/theme/CN/780_main2.png) right center no-repeat #0e6eb8; background-size:auto 100%;}
#section2 .bgTit1{ float:left; width:32.23%; position:absolute; left:0; bottom:0; z-index:1; line-height:0;}

@media screen and (max-height:900px) {
#section2 .Solut{ margin-top:2.2%;}
#section2 .Solut .det .tit{ font-size:30px; line-height:40px;}
#section2 .Solut .det .info{ line-height:30px; height:120px;}
#section2 .Solut .det .img{ width:36%; margin-bottom:20px;}
#section2 .Solut .det .tol{ bottom:-20px;}
#section2 .Solut .det .tol span{ color:#fff;}
#section2 .Solut .det .tol:after{ height:200px; width:90px; border:4px solid #1572ba;}
#section2 .Solut .down .l1{ margin-bottom:20px;}
#section2 .Solut .down .slick-prev,
#section2 .Solut .down .slick-next{ top:-40px;}
#section2 .bgTit1{ width:20%;}
}

#section2{ overflow:hidden; height:100vh; position:relative;}
@media screen and  (max-width:1310px){

}
@media screen and  (max-width:1310px){
#section2 .hTit1{ font-size:26px;}
#section2 .hTit1 span{ font-size:40px;}

#section2 .Solut .det .tit{ font-size:30px; line-height:40px; margin:10px 0 15px 0;}
#section2 .Solut .det .info{ line-height:30px; height:120px;}	
#section2 .Solut .down .slick-prev,
#section2 .Solut .down .slick-next{ top:-40px;}
#section2 .bgTit1{ width:20%;}
}
@media screen and  (max-width:1023px){
#section2 .hTit1{ font-size:16px; line-height:24px; margin-top:0; }
#section2 .hTit1 span{ font-size:25px; padding-right:6px;}
#section2 .hTit1 a{ margin-top:9px;}
#section2{ height:auto !important; display:block; float:left; width:100%;}
#section2 .fp-tableCell{ height:auto !important; display:block; float:left;}

#section2{ padding:30px 0 20px 0;}	
#section2 .Solut{ margin-top:4%;}
#section2 .Solut .det .tit{ font-size:20px; line-height:30px; margin:15px 0 12px 0;}
#section2 .Solut .det .info{ font-size:14px; line-height:26px; height:78px;}
#section2 .Solut .det .img{ margin-bottom:20px;}
#section2 .Solut .det .tol{ width:130px; bottom:-20px; padding-bottom:20px; font-size:18px;}
#section2 .Solut .det .tol span{ color:#fff;}
#section2 .Solut .det .tol:after{ width:78px; right:15px; height:120px; border:4px solid #1572ba;}
#section2 .Solut .down .l1{ margin-bottom:15px;}
#section2 .Solut .down .l1.slick-current{ box-shadow:0 5px 10px rgba(0,0,0,0.27);}
#section2 .Solut .down .tit1{ font-size:14px; line-height:24px;}
#section2 .Solut .down .tit2{ font-size:12px; line-height:22px;}
#section2 .Solut .down .slick-prev,
#section2 .Solut .down .slick-next{ top:-40px;}
#section2 .bgTit1{ width:32%;}
}
@media screen and  (max-width:768px){
#section2 .hTit1 span{ display:block;}	
#section2 .hTit1 a{ position:absolute; right:0; top:50%; margin-top:-7px; padding:0 6px; font-size:12px; height:7px; line-height:18px;}
#section2 .hTit1 a font.ri-arrow-right-line{ padding:0 0 0 5px; position:relative;}
#section2 .hTit1 a font.ri-arrow-right-line:after{ width:10px; }


#section2 .Solut .det .cont{ width:100%;}
#section2 .Solut .det .tol{ width:95%;}
#section2 .Solut .det .img{ width:100%; margin-bottom:0;}
#section2 .Solut .det .tit{ margin:15px 0 0 0;}
#section2 .Solut .down{ width:100%; position:relative; margin-top:10px;}
#section2 .Solut .down .slick-prev,
#section2 .Solut .down .slick-next{ top:-172px; margin-left:10px;}

#section3 .hTit1 a font.ri-arrow-right-s-line:after{margin-top:-1px !important;}

}
#section3 .hTit1{ float:left; width:100%; color:#333; font-size:30px; line-height:40px; margin-top:110px; position:relative;animation:slideInDown 5s;-moz-animation:slideInDown 5s; -webkit-animation:slideInDown 5s;-o-animation:slideInDown 5s;}
#section3 .hTit1 span{ font-family:Arial; font-size:50px; font-weight:bold; padding-right:12px;}
#section3 .hTit1 a{ float:right; position:relative; margin-top:24px; height:11px; background:#0e6eb8; background:rgba(14,110,184,0.1); color:#0e6eb8; font-size:14px; font-weight:bold; font-family:'Open Sans'; text-transform:uppercase; padding:0 10px; line-height:22px;}
#section3 .hTit1 a font{ display:inline-block; vertical-align:top; margin-top:-12px;}
#section3 .hTit1 a font.ri-arrow-right-s-line{ padding:0 0 0 10px; position:relative;}
#section3 .hTit1 a font.ri-arrow-right-s-line:after{ float:left; width:18px; height:2px; position:absolute; left:0; top:50%; content:''; background:#FFF; margin-top:-2px;}
#section3 .hTit1 a font.ri-arrow-right-s-line::before{ height:24px !important; line-height:24px !important;}
#section3 .hTit2 a{ background:#fff; background:rgba(255,255,255,0.1); color:#fff}
#section3 .active .hTit1{animation:slideInDown 5s;-moz-animation:slideInDown 5s; -webkit-animation:slideInDown 5s;-o-animation:slideInDown 5s;}


@media screen and (max-height:900px) {
#section3 .hTit1{ font-size:26px;}
#section3 .hTit1 span{ font-size:40px;}
}
@media screen and (max-width:1309px) {
#section3 .hTit1{ font-size:26px;}
#section3 .hTit1 span{ font-size:40px;}
}


#section3{ background:#0e6eb8;}
#section3 .ApplBg{ float:left; width:100%; position:relative; overflow:hidden;}
#section3 .ApplBg:after{ float:left; width:100%; position:absolute; left:0; top:459px; height:100%; background:#fff;opacity:0.85; filter:alpha(opacity=85); content:''; z-index:2;}
#section3 #particles{ float:left; width:100%; position:absolute; left:0; top:0; height:100%; background:#0e6bb3; content:''; z-index:1;}
#section3 #banner-canvas{ float:left; width:100%; position:absolute; left:0; top:0; height:100%; background:#0e6bb3; content:''; z-index:1;}
#section3 .caseTop{ float:left; width:100%; margin-top:55px; position:relative;animation:slideInUp 2s;-moz-animation:slideInUp 2s; -webkit-animation:slideInUp 2s;-o-animation:slideInUp 2s;}
#section3 .active .caseTop{animation:slideInUp 2s;-moz-animation:slideInUp 2s; -webkit-animation:slideInUp 2s;-o-animation:slideInUp 2s;}
#section3 .caseTop .ul1{ margin:0 -15px;}
#section3 .caseTop .l1{ margin-bottom:60px; padding:0 15px; position:relative;}
#section3 .caseTop .l1:after{ display:none; float:left; width:0; height:0; content:''; position:absolute; left:50%; bottom:-61px; border-left:30px solid transparent; border-right:30px solid transparent;border-bottom:21px solid #fff; opacity:0.85; filter:alpha(opacity=85); margin-left:-30px;}
#section3 .caseTop .slick-current:after{ display:block;}
#section3 .caseTop .la{ float:left; width:100%; background:#3290d9; background:rgba(50,144,217,0.8); border-radius:10px; text-align:center; padding:42px 0 35px 0;}
#section3 .caseTop .slick-current .la{ background:#3290d9; background:rgba(255,255,255,0.2)}
#section3 .caseTop .img{ float:left; width:100%; line-height:0;}
#section3 .caseTop .img img{ display:block; margin:0 auto; width:72px; height:59px;}
#section3 .caseTop .tit{ float:left; width:100%; color:#fff; font-size:18px; line-height:28px; font-weight:bold; text-align:center; margin-top:25px;}
#section3 .caseTop .la:hover .img 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);}
#section3 .caseTop .slick-prev,
#section3 .caseTop .slick-next{ width:48px; height:48px; background:url(/template/theme/CN/781_main32.png) left center no-repeat; background-size:auto 100%; left:-93px; margin-top:-30px;}		
#section3 .caseTop .slick-next{ left:auto; right:-93px; background:url(/template/theme/CN/781_main32.png) right center no-repeat; background-size:auto 100%;}
#section3 .caseTop .slick-prev:hover{ background:url(/template/theme/CN/781_main33.png) left center no-repeat; background-size:auto 100%;}		
#section3 .caseTop .slick-next:hover{ background:url(/template/theme/CN/781_main33.png) right center no-repeat; background-size:auto 100%;}	
#section3 .caseDown{ float:left; width:100%; border-bottom:1px solid #329fd9; border-bottom:1px solid rgba(50,144,217,0.3); padding-top:4.68%; position:relative;animation:slideInUp 2s;-moz-animation:slideInUp 2s; -webkit-animation:slideInUp 2s;-o-animation:slideInUp 2s;}
#section3 .active .caseDown{animation:slideInUp 2s;-moz-animation:slideInUp 2s; -webkit-animation:slideInUp 2s;-o-animation:slideInUp 2s;}
#section3 .caseDown .ul1{ margin:0 -15px;}
#section3 .caseDown .li1{ float:left; width:33.33%; padding:0 15px;}
#section3 .caseDown .li1 .img{ float:left; width:100%; line-height:0; overflow:hidden; position:relative;}
#section3 .caseDown .li1 .img i{ float:left; width:100%; height:100%; position:absolute; left:0; top:0; z-index:1; background:url(/template/theme/CN/781_main34.png) center no-repeat; background-size:auto 100%;opacity:0; filter:alpha(opacity=00);-webkit-transform: scale(0); -moz-transform: scale(0);transform: scale(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;  }
#section3 .caseDown .li1 .img span{ float:left; width:100%; position:absolute; left:0; top:50%; color:#fff; font-size:20px; line-height:26px; margin-top:-13px; text-align:center; z-index:2;opacity:0; filter:alpha(opacity=00);-webkit-transform: scale(0); -moz-transform: scale(0);transform: scale(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; }
#section3 .caseDown .li1 .tit{ float:left; width:100%; color:#333; font-size:20px; line-height:68px; padding:0 20px 0 48px; position:relative;}
#section3 .caseDown .li1 .tit:after{ float:left; width:18px; height:18px; border-radius:50%; background:#fff; border:4px solid #414b53; content:''; position:absolute; left:20px; top:50%; margin-top:-9px;}
#section3 .caseDown .li1 a:hover .tit{ color:#0e6eb8;}
#section3 .caseDown .li1 a:hover .tit:after{ border:4px solid #0e6eb8;}
#section3 .caseDown .li1 a:hover .img span{opacity:1; filter:alpha(opacity=100);-webkit-transform: scale(1); -moz-transform: scale(1);transform: scale(1);}
#section3 .caseDown .li1 a:hover .img i{opacity:1; filter:alpha(opacity=100);-webkit-transform: scale(1); -moz-transform: scale(1);transform: scale(1);}
#section3 .caseTop .slick-dots{ position:static; width:auto; left:auto; right:0; height:10px; margin-top:-15px;}
#section3 .caseTop .slick-dots li{ float:none; padding:0; vertical-align:top; margin:0 4px; width:10px; height:10px; border-radius:50%; overflow:hidden; text-indent:-99px; background:#eeeeee;}
#section3 .caseTop .slick-dots li.slick-active{ background:#0e6bb4;}
#section3 .bgTit2{ float:left; width:46.35%; position:absolute; right:0; top:100px;}
@media screen and (max-height:900px) {
#section3 .ApplBg:after{ top:359px;}
#section3 .caseDown{ padding-top:2%;}
#section3 .caseDown .li1 .tit{ line-height:48px; font-size:16px;}
#section3 .caseTop .l1{ margin-bottom:30px;}
#section3 .caseTop .l1:after{ bottom:-31px;border-left:20px solid transparent; border-right:20px solid transparent;border-bottom:15px solid #fff; }
#section3 .caseTop{ margin-top:25px;}
#section3 .caseTop .la{padding:32px 0 25px 0;}
#section3 .caseTop .img img{ width:61px; height:50px;}
#section3 .caseTop .tit{ font-size:18px; line-height:28px; margin-top:15px; font-size:16px;}
#section3 .caseTop .slick-prev,
#section3 .caseTop .slick-next{ width:36px; height:36px; left:-50px; margin-top:-18px;}
#section3 .caseTop .slick-next{ left:auto; right:-50px;}
}
#section3 .bgTit2{ float:left; width:46.35%; position:absolute; right:0; top:0;}
#section3 .bg0{ float:left; width:100%; height:100%; z-index:0; position:absolute; left:0; top:0;}
#section3{ overflow:hidden; height:100vh; position:relative;}

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

}
@media screen and  (max-width:1310px){
#section3 .ApplBg:after{ top:359px;}
#section3 .caseDown{ padding-top:2%;}
#section3 .caseDown .li1 .tit{ line-height:48px; font-size:16px;}
#section3 .caseTop .l1{ margin-bottom:30px;}
#section3 .caseTop .l1:after{ bottom:-31px;border-left:20px solid transparent; border-right:20px solid transparent;border-bottom:15px solid #fff; }
#section3 .caseTop{ margin-top:25px;}
#section3 .caseTop .la{padding:32px 0 25px 0;}
#section3 .caseTop .img img{ width:61px; height:50px;}
#section3 .caseTop .tit{ font-size:18px; line-height:28px; margin-top:15px; font-size:16px;}
#section3 .caseTop .slick-prev,
#section3 .caseTop .slick-next{ width:36px; height:36px; left:-50px; margin-top:-18px;}
#section3 .caseTop .slick-next{ left:auto; right:-50px;}

#section3 .hTit1{ font-size:26px;}
#section3 .hTit1 span{ font-size:40px;}
}
@media screen and  (max-width:1023px){
#section3 .hTit1{ font-size:16px; line-height:24px; margin-top:0; }
#section3 .hTit1 span{ font-size:25px; padding-right:6px;}
#section3 .hTit1 a{ margin-top:9px;}

#section3{ height:auto !important; display:block; float:left; width:100%;}
#section3 .fp-tableCell{ height:auto !important; display:block; float:left;}

#section3 .bgTit2{ top:-8px;}	
#section3 .ApplBg:after{ top:187px;}	
#section3 { padding:30px 0;}	
#section3 .caseTop .ul1{ margin:0 -6px;}
#section3 .caseTop .l1{ padding:0 6px;}
#section3 .caseTop .la{padding:15px 0;}
#section3 .caseTop .img img{ width:51px; height:42px;}
#section3 .caseTop .tit{ margin-top:5px;}

#section3 .caseDown .ul1{ margin:0 -6px; padding-top:4%;}
#section3 .caseDown .li1{ padding:0 6px;}
#section3 .caseDown .li1 .img span{ font-size:16px;}
#section3 .caseDown .li1 .tit{ line-height:44px; padding:0 12px 0 32px;}
#section3 .caseDown .li1 .tit:after{ width:12px; height:12px; border:2px solid #414b53; left:12px; margin-top:-6px;}
#section3 .caseDown .li1 a:hover .tit:after{ border:2px solid #0e6eb8;}

}
@media screen and  (max-width:768px){
#section3 .hTit1 span{ display:block;}	
#section3 .hTit1 a{ position:absolute; right:0; top:50%; margin-top:-7px; padding:0 6px; font-size:12px; height:7px; line-height:18px;}
#section3 .hTit1 a font.ri-arrow-right-line{ padding:0 0 0 5px; position:relative;}
#section3 .hTit1 a font.ri-arrow-right-line:after{ width:10px; }

#section3 .caseDown .li1{ width:50%;}
#section3 .caseTop{ margin-top:15px;}
#section3 .caseTop .l1{ margin-bottom:19px;}
#section3 .caseTop .l1:after{ bottom:-21px;border-left:10px solid transparent; border-right:10px solid transparent;border-bottom:10px solid #fff; }

#section4 .hTit1 a font.ri-arrow-right-s-line:after{margin-top:-1px !important;}

}
#section4 .hTit1{ float:left; width:100%; color:#333; font-size:30px; line-height:40px; margin-top:110px; position:relative;animation:slideInDown 5s;-moz-animation:slideInDown 5s; -webkit-animation:slideInDown 5s;-o-animation:slideInDown 5s;}
#section4 .hTit1 span{ font-family:Arial; font-size:50px; font-weight:bold; padding-right:12px;}
#section4 .hTit1 a{ float:right; position:relative; margin-top:24px; height:11px; background:#0e6eb8; background:rgba(14,110,184,0.1); color:#0e6eb8; font-size:14px; font-weight:bold; font-family:'Open Sans'; text-transform:uppercase; padding:0 10px; line-height:22px;}
#section4 .hTit1 a font{ display:inline-block; vertical-align:top; margin-top:-12px;}
#section4 .hTit1 a font.ri-arrow-right-s-line{ padding:0 0 0 10px; position:relative;}
#section4 .hTit1 a font.ri-arrow-right-s-line:after{ float:left; width:18px; height:2px; position:absolute; left:0; top:50%; content:''; background:#0e6eb8; margin-top:-2px;}
#section4 .hTit1 a font.ri-arrow-right-s-line::before{ height:24px !important; line-height:24px !important;}
#section4 .hTit2 a{ background:#fff; background:rgba(255,255,255,0.1); color:#fff}
#section4 .active .hTit1{animation:slideInDown 5s;-moz-animation:slideInDown 5s; -webkit-animation:slideInDown 5s;-o-animation:slideInDown 5s;}

@media screen and (max-height:900px) {
#section4 .hTit1{ font-size:26px;}
#section4 .hTit1 span{ font-size:40px;}
}

/*产品中心*/
#section4{ overflow:hidden; height:100vh; position:relative;}
#section4{ background:url(/template/theme/CN/782_main7.jpg) center repeat;}
#section4 .porlist{ float:left; width:100%; margin-top:4.29%; position:relative; z-index:16;animation:slideInUp 2s;-moz-animation:slideInUp 2s; -webkit-animation:slideInUp 2s;-o-animation:slideInUp 2s;}
#section4 .active .porlist{animation:slideInUp 2s;-moz-animation:slideInUp 2s; -webkit-animation:slideInUp 2s;-o-animation:slideInUp 2s;}
#section4 .porlist ul{ margin:-30px -15px 0 -15px;}
#section4 .porlist li{ float:left; width:33.33%; padding:0 15px; margin-top:30px;}
#section4 .porlist li a{ float:left; width:100%; position:relative; background:#eeeeee; padding-right:172px; height:258px;}
#section4 .porlist li .cont{ float:left; width:100%; padding:35px 6px 40px 40px; position:relative; z-index:6;}
#section4 .porlist li .tit1{ float:left; width:100%; color:#111; font-size:22px; line-height:32px; overflow:hidden;white-space: nowrap; text-overflow:ellipsis;}
#section4 .porlist li .tit2{ float:left; width:100%; color:#555; font-size:18px; line-height:28px; text-transform:uppercase; margin:16px 0 2px 0; overflow:hidden;white-space: nowrap; text-overflow:ellipsis;}
#section4 .porlist li .tit3{ float:left; width:100%; color:#777; font-size:14px ; line-height:24px; overflow:hidden;white-space: nowrap; text-overflow:ellipsis;}
#section4 .porlist li .tit4{ float:left; width:100%; margin-top:45px;}
#section4 .porlist li .tit4 span{ display:inline-block; vertical-align:top; width:90px; height:36px; line-height:34px; border:1px solid #0e6eb8; background:#0e6eb8; text-align:center; color:#fff; font-size:14px;}
#section4 .porlist li .pic1{ position:absolute; right:0; top:50%; margin-top:-86px; width:172px; height:172px; line-height:0; z-index:1;}
#section4 .porlist li a:hover .pic1{ right:50%; margin-right:-86px;opacity:0.3; filter:alpha(opacity=30); }
#section4 .porlist li a:hover{ background:url(/template/theme/CN/782_por6.png) center no-repeat #0e6eb8; background-size:cover; box-shadow:0 0 38px rgba(14,110,184,0.4); padding-right:0 !important;}
#section4 .porlist li a:hover .cont{ padding:35px 6px 40px 6px;}
#section4 .porlist li a:hover .tit1{ color:#fff; text-align:center; margin-top:7px;}
#section4 .porlist li a:hover .tit2{ color:#fff; text-align:center;}
#section4 .porlist li a:hover .tit3{ color:#fff; text-align:center;opacity:0.6; filter:alpha(opacity=60);}
#section4 .porlist li a:hover .tit4{ text-align:center; margin-top:25px;}
#section4 .porlist li a:hover .tit4 span{ border:1px solid #fff; border-radius:3px; color:#fff; background:none;}

#section4 .porlist .slick-prev,
#section4 .porlist .slick-next{ width:48px; height:48px; left:-94px; z-index:66; border-radius:50%; border:1px solid #0e6eb8; color:#0e6eb8;}
#section4 .porlist .slick-next{ left:auto; right:-94px; }
#section4 .porlist .slick-prev:hover{ background:#0e6eb8;}
#section4 .porlist .slick-next:hover{ background:#0e6eb8;}
#section4 .porlist .slick-prev:after{ float:left; width:16px; height:2px; background:#0e6eb8; content:''; position:absolute; left:15px; top:17px; transform:rotate(-45deg); -moz-transform:rotate(-45deg); -ms-transform:rotate(-45deg); -o-transform:rotate(-45deg); -webkit-transform:rotate(-45deg);}
#section4 .porlist .slick-prev:before{ float:left; width:16px; height:2px; background:#0e6eb8; content:''; position:absolute; left:15px; bottom:17px; transform:rotate(-145deg); -moz-transform:rotate(-145deg); -ms-transform:rotate(-145deg); -o-transform:rotate(-145deg); -webkit-transform:rotate(-145deg);}
#section4 .porlist .slick-next:after{ float:left; width:16px; height:2px; background:#0e6eb8; content:''; position:absolute; right:15px; top:17px; transform:rotate(45deg); -moz-transform:rotate(45deg); -ms-transform:rotate(45deg); -o-transform:rotate(45deg); -webkit-transform:rotate(45deg);}
#section4 .porlist .slick-next:before{ float:left; width:16px; height:2px; background:#0e6eb8; content:''; position:absolute; right:15px; bottom:17px; transform:rotate(145deg); -moz-transform:rotate(145deg); -ms-transform:rotate(145deg); -o-transform:rotate(145deg); -webkit-transform:rotate(145deg);}
#section4 .porlist .slick-prev:hover:after,
#section4 .porlist .slick-prev:hover:before,
#section4 .porlist .slick-next:hover:after,
#section4 .porlist .slick-next:hover:before{ background:#fff;}
        

#section4 .porlist2{ display:none;}
#section4 .porlist1{ display:block;}	
#section4 .porlist .slick-dots{ position:static; height:10px; margin-top:15px;}
#section4 .porlist .slick-dots li{ float:none; padding:0; vertical-align:top; margin:0 4px; width:10px; height:10px; border-radius:50%; overflow:hidden; text-indent:-99px; background:#eeeeee;}
#section4 .porlist .slick-dots li.slick-active{ background:#0e6bb4;}
@media screen and (max-height:900px) {
#section4 .porlist{ margin-top:2%;}
#section4 .porlist ul{ margin:-20px -15px 0 -15px;}
#section4 .porlist li{ margin-top:20px;}
#section4 .porlist li a{ height:238px;}
#section4 .porlist li .cont{ padding:25px 6px 30px 40px; }
#section4 .porlist li a:hover .cont{ padding:25px 6px 30px 6px;}
#section4 .porlist .slick-prev,
#section4 .porlist .slick-next{ width:36px; height:36px; left:-50px; }
#section4 .porlist .slick-next{ left:auto; right:-50px;}
#section4 .porlist .slick-next{ left:auto; right:-50px;}
#section4 .porlist .slick-prev:after{ left:10px; top:12px; width:12px;}
#section4 .porlist .slick-prev:before{ left:10px; bottom:12px; width:12px;}
#section4 .porlist .slick-next:after{right:10px; top:12px; width:12px;}
#section4 .porlist .slick-next:before{  right:10px; bottom:12px; width:12px; }
}
@media screen and  (max-width:1310px){

}
@media screen and  (max-width:1310px){
#section4 .hTit1{ font-size:26px;}
#section4 .hTit1 span{ font-size:40px;}

#section4 .porlist li a{ padding-right:132px; height:203px;}	
#section4 .porlist li .cont{ padding:25px 6px 30px 15px;}
#section4 .porlist li .tit1{ font-size:18px; line-height:28px;}
#section4 .porlist li .tit2{ font-size:16px; line-height:26px; margin:8px 0 0 0;}
#section4 .porlist li .tit4{ margin-top:22px;}
#section4 .porlist li .pic1{ margin-top:-66px; width:132px; height:132px; }
#section4 .porlist li a:hover .pic1{ margin-right:-66px;}
#section4 .porlist li a:hover .cont{ padding:25px 6px 30px 6px;}
#section4 .porlist li a:hover .tit4{ margin-top:15px;}
#section4 .porlist .slick-prev,
#section4 .porlist .slick-next{ width:36px; height:36px; left:-50px; }
#section4 .porlist .slick-next{ left:auto; right:-50px;}
#section4 .porlist .slick-prev:after{ left:10px; top:12px; width:12px;}
#section4 .porlist .slick-prev:before{ left:10px; bottom:12px; width:12px;}
#section4 .porlist .slick-next:after{right:10px; top:12px; width:12px;}
#section4 .porlist .slick-next:before{  right:10px; bottom:12px; width:12px; }
}
@media screen and  (max-width:1023px){
#section4{ padding:30px 0;}	
#section4 .porlist{ float:left; width:100%; margin-top:4%;}
#section4 .porlist ul{ margin:-12px -6px 0 -6px;}

#section4 .hTit1{ font-size:16px; line-height:24px; margin-top:0; }
#section4 .hTit1 span{ font-size:25px; padding-right:6px;}
#section4 .hTit1 a{ margin-top:9px;}

#section4 .porlist li{padding:0 6px; margin-top:12px; width:50%;}
#section4 .porlist li a{ padding-right:132px; height:183px;}
#section4 .porlist li .cont{ padding:15px 6px 20px 15px;}
#section4 .porlist li a:hover .cont{ padding:15px 6px 20px 6px;}

#section4{ height:auto !important; display:block; float:left; width:100%;}
#section4 .fp-tableCell{ height:auto !important; display:block; float:left;}
}
@media screen and  (max-width:768px){
#section4 .hTit1 span{ display:block;}	
#section4 .hTit1 a{ position:absolute; right:0; top:50%; margin-top:-7px; padding:0 6px; font-size:12px; height:7px; line-height:18px;}
#section4 .hTit1 a font.ri-arrow-right-line{ padding:0 0 0 5px; position:relative;}
#section4 .hTit1 a font.ri-arrow-right-line:after{ width:10px; }

#section4 .porlist li{ width:100%;}
#section4 .porlist1{ display:none;}
#section4 .porlist2{ display:block;}
}
#section5{ overflow:hidden; height:100vh; position:relative;}
/*About us*/
#section5{ overflow:hidden; height:100vh; position:relative;}
#section5 .topM{ float:left; width:100%; margin-top:110px; position:relative;animation:slideInDown 2s;-moz-animation:slideInDown 2s; -webkit-animation:slideInDown 2s;-o-animation:slideInDown 2s;}
#section5 .active .topM{animation:slideInUp 2s;-moz-animation:slideInUp 2s; -webkit-animation:slideInUp 2s;-o-animation:slideInUp 2s;}
#section5 .topM .hTit2{ color:#fff; margin-top:28px; font-size:40px;}
#section5 .topM .hTit2 span{ display:block; margin-bottom:4%; font-size:50px;}
#section5 .aboutCont{ float:left; width:42%;}
#section5 .aboutCont .info{ float:left; width:100%; color:#fff; font-size:16px; line-height:36px; height:180px; overflow:hidden; margin-top:9%;}
#section5 .hVio{ float:right; width:54.375%; position:relative; line-height:0; border:20px solid #fff; border:20px solid rgba(255,255,255,0.06); top:0; right:0; margin:0 -20px 0 0;}
#section5 .hVio .img{ float:left; width:100%; height:100%; position:relative;}
#section5 .hVio .paly{ float:left; width:100%; position:absolute; left:0; top:50%; margin-top:-36px; z-index:6; text-align:center;}
#section5 .hVio .video{ display:inline-block; vertical-align:top; width:72px; height:72px; cursor:pointer;}
#section5 .hVio h5{ float:left; width:100%; color:#fff; font-size:18px; line-height:28px; font-weight:bold; margin-top:35px;}
#section5 .video_tc{display: none; position:absolute;left: 0;top: 0;width: 100%;height: 100%;z-index: 66;background: rgba(0,0,0,0.60);}
#section5 .video_tc i{display: none;float: left; width: 32px; height: 32px; line-height: 32px; color: #fff;  font-size:24px;  text-align: center;font-family: Arial; position: absolute; right: -10px;  top: -10px; background: url(/template/theme/CN/783_main19.png) center no-repeat #0e6eb8; border-radius: 50%; transform: rotate(45deg); z-index:8;}
#section5 .video_tc ._vid{float: left; width: 100%; position:relative; height:100%; z-index:6;}
#section5 .video_tc ._vid video{display: block;position: relative;width: 100%;height: 100%;object-fit: cover;}

#section5 .honorTab{ float:left; width:100%; margin-top:3.2%; position:relative;animation:slideInUp 2s;-moz-animation:slideInUp 2s; -webkit-animation:slideInUp 2s;-o-animation:slideInUp 2s;}
#section5 .active .honorTab{animation:slideInUp 2s;-moz-animation:slideInUp 2s; -webkit-animation:slideInUp 2s;-o-animation:slideInUp 2s;}
#section5 .honorTab .ul1{ margin:0 -13px;}
#section5 .honorTab .l1{ padding:0 13px;}
#section5 .honorTab .l1 .img{ float:left; width:100%; line-height:0; overflow:hidden;}
#section5 .honorTab .l1 .tit{ float:left; width:100%; text-align:center; color:#fff; font-size:14px; line-height:24px; margin-top:7px; overflow:hidden;white-space: nowrap; text-overflow:ellipsis;}
#section5 .honorTab .slick-prev,
#section5 .honorTab .slick-next{ width:12px; height:21px; left:-28px; background:url(/template/theme/CN/783_ico3.png) left center no-repeat; margin-top:-15px;}
#section5 .honorTab .slick-next{ left:auto; right:-28px; background:url(/template/theme/CN/783_ico3.png) right center no-repeat;}
#section5 .honorTab .slick-prev:hover,
#section5 .honorTab .slick-next:hover{opacity:0.4; filter:alpha(opacity=40);}
#section5 .honorTab .slick-dots{ position:static; height:10px; margin-top:10px;}
#section5 .honorTab .slick-dots li{ float:none; padding:0; vertical-align:top; margin:0 4px; width:10px; height:10px; border-radius:50%; overflow:hidden; text-indent:-99px; background:#fff;opacity:0.4; filter:alpha(opacity=40);}
#section5 .honorTab .slick-dots li.slick-active{opacity:1; filter:alpha(opacity=100);}
@media screen and  (max-width:1310px){

}
@media screen and  (max-width:1310px){
#section5 .topM .hTit2{ font-size:30px;}
#section5 .topM .hTit2 span{ font-size:40px; margin-bottom:2%;}	
#section5 .aboutCont .info{ line-height:30px; height:150px;}
#section5 .hVio{ border:12px solid #fff; border:12px solid rgba(255,255,255,0.06); margin:0 -12px 0 0;}
#section5 .hVio .paly{ margin-top:-28px;}
#section5 .hVio .video{ width:56px; height:56px;}
#section5 .honorTab .ul1{ margin:0 -8px;}
#section5 .honorTab .l1{ padding:0 8px;}
}
@media screen and  (max-width:1023px){
#section5{ padding:30px 0;}
#section5 .topM{ margin-top:0;}
#section5 .topM .hTit2{ font-size:18px; margin-top:18px;}
#section5 .topM .hTit2 span{ font-size:25px; margin-bottom:5px;}	
#section5 .aboutCont .info{ font-size:14px; line-height:26px; height:130px; margin-top:10px;}
#section5{ height:auto !important; display:block; float:left; width:100%;}
#section5 .fp-tableCell{ height:auto !important; display:block; float:left;}
}
@media screen and  (max-width:768px){
#section5 .hVio{ width:100%; margin:0;}	
#section5 .aboutCont{ width:100%;}
#section5 .aboutCont .info{ height:78px;}
#section5 .honorTab{ margin-top:15px;}

#section6 .hTit1 a font.ri-arrow-right-s-line:after{margin-top:-1px !important;}

}
#section6 .hTit1{ float:left; width:100%; color:#333; font-size:30px; line-height:40px; margin-top:110px; position:relative;animation:slideInDown 5s;-moz-animation:slideInDown 5s; -webkit-animation:slideInDown 5s;-o-animation:slideInDown 5s;}
#section6 .hTit1 span{ font-family:Arial; font-size:50px; font-weight:bold; padding-right:12px;}
#section6 .hTit1 a{ float:right; position:relative; margin-top:24px; height:11px; background:#0e6eb8; background:rgba(14,110,184,0.1); color:#0e6eb8; font-size:14px; font-weight:bold; font-family:'Open Sans'; text-transform:uppercase; padding:0 10px; line-height:22px;}
#section6 .hTit1 a font{ display:inline-block; vertical-align:top; margin-top:-12px;}
#section6 .hTit1 a font.ri-arrow-right-s-line{ padding:0 0 0 10px; position:relative;}
#section6 .hTit1 a font.ri-arrow-right-s-line:after{ float:left; width:18px; height:2px; position:absolute; left:0; top:50%; content:''; background:#0e6eb8; margin-top:-2px;}
#section6 .hTit1 a font.ri-arrow-right-s-line::before{ height:24px !important; line-height:24px !important; }
#section6 .hTit2 a{ background:#fff; background:rgba(255,255,255,0.1); color:#fff}
#section6 .active .hTit1{animation:slideInDown 5s;-moz-animation:slideInDown 5s; -webkit-animation:slideInDown 5s;-o-animation:slideInDown 5s;}

@media screen and (max-height:900px) {
#section6 .hTit1{ font-size:26px;}
#section6 .hTit1 span{ font-size:40px;}
}

#section6 .hNews1{ float:left; width:100%;margin-top:4.29%; position:relative;animation:slideInUp 2s;-moz-animation:slideInUp 2s; -webkit-animation:slideInUp 2s;-o-animation:slideInUp 2s;}
#section6 .active .hNews1{animation:slideInUp 2s;-moz-animation:slideInUp 2s; -webkit-animation:slideInUp 2s;-o-animation:slideInUp 2s;}
#section6 .hNews1 li{ float:left; width:100%;}
#section6 .hNews1 .img{ float:left; width:43.75%; max-height:320px;line-height:0; overflow:hidden;}
#section6 .hNews1 .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;}
#section6 .hNews1 li:hover .img img{ -webkit-transform: scale(1.1); -moz-transform: scale(1.1);transform: scale(1.1);}
#section6 .hNews1 .info{ float:right; width:42.65%; margin-top:10px;}
#section6 .hNews1 .time{ float:left; width:100%; color:#0e6eb8; font-size:16px; line-height:26px;}
#section6 .hNews1 .time i{ display:inline-block; vertical-align:top; margin-top:1px;}
#section6 .hNews1 .tit{ float:left; width:100%; color:#222; font-size:24px; line-height:34px; max-height:68px; overflow:hidden; margin:17px 0 26px 0;}
#section6 .hNews1 .cont{ float:left; width:100%; color:#666; font-size:16px; line-height:28px; height:56px; overflow:hidden;}
#section6 .hNews1 .more{ float:left; margin-top:34px; width:120px; height:36px; line-height:34px; text-align:center; color:#fff; font-size:14px; background:#0e6eb8;}
#section6 .hNews1 .more:hover{ box-shadow:0 5px 10px rgba(0,0,0,0.2);}
#section6 .hNews1 li:hover .tit{ color:#0e6eb8;}
#section6 .hNews1 .slick-dots{ width:51px; left:45.7%; bottom:auto; top:-7px; text-align:right;}
#section6 .hNews1 .slick-dots li{ width:100%; height:30px; margin:15px 0; position:relative;}
#section6 .hNews1 .slick-dots li:after{ float:left; width:0; height:2px; background:#0e6eb8; content:''; position:absolute; left:0; top:50%; margin-top:-1px;}
#section6 .hNews1 .slick-dots li button{ width:100%; font-size:24px; height:30px; line-height:30px; color:#666; outline:none; cursor:pointer; padding:0; text-align:right;}
#section6 .hNews1 .slick-dots li.slick-active:after{ width:15px;}
#section6 .hNews1 .slick-dots li.slick-active button{ color:#666; font-weight:bold; color:#0e6eb8;}
@media screen and (max-height:900px) {
#section6 .hNews1{ margin-top:2.2%;}
#section6 .hNews1 .img{ width:37%;}
#section6 .hNews1 .slick-dots{ left:39.7%; top:0;}
#section6 .hNews1 .slick-dots li{ margin:6px 0;}
#section6 .hNews1 .info{ margin-top:0;}
#section6 .hNews1 .tit{ margin:10px 0 15px 0; font-size:22px; line-height:32px; max-height:64px;}
#section6 .hNews1 .more{ margin-top:24px;}
#section6 .hNews1 .info{ width:48.65%;}
}
/*hNews*/
#section6 .hNews2{ float:left; width:100%; margin-top:4.68%; position:relative;animation:slideInUp 2s;-moz-animation:slideInUp 2s; -webkit-animation:slideInUp 2s;-o-animation:slideInUp 2s;}
#section6 .active .hNews2{animation:slideInUp 2s;-moz-animation:slideInUp 2s; -webkit-animation:slideInUp 2s;-o-animation:slideInUp 2s;}
#section6 .hNews2 ul{ margin:0 -15px;}
#section6 .hNews2 ul li{ float:left; width:25%; padding:0 15px;}
#section6 .hNews2 ul li .img{ float:left; width:100%; line-height:0; overflow:hidden;}
#section6 .hNews2 ul li a:hover .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;}
#section6 .hNews2 ul li a:hover .img img{ -webkit-transform: scale(1.1); -moz-transform: scale(1.1);transform: scale(1.1);}
#section6 .hNews2 ul li .tit{ float:left; width:100%; color:#333; font-size:18px; line-height:28px; margin-top:15px;}
#section6 .hNews2 ul li a:hover .tit{ color:#0e6eb8;}
#section6 .hNews2 .slick-dots{ position:static; height:10px; margin-top:10px;}
#section6 .hNews2 .slick-dots li{ float:none; padding:0; vertical-align:top; margin:0 4px; width:10px; height:10px; border-radius:50%; overflow:hidden; text-indent:-99px; background:#eeeeee;}
#section6 .hNews2 .slick-dots li.slick-active{ background:#0e6bb4;}
@media screen and (max-height:900px) {
#section6 .hNews2{ margin-top:2%;}
#section6 .hNews2 ul li .tit{ margin-top:10px; font-size:16px; line-height:26px;}

}

#section6{ overflow:hidden; height:100vh; position:relative;}
@media screen and  (max-width:1310px){

}
@media screen and  (max-width:1310px){
#section6 .hTit1{ font-size:26px;}
#section6 .hTit1 span{ font-size:40px;}

#section6 .hNews1 .slick-dots{ top:0;}
#section6 .hNews1 .slick-dots li{ margin:6px 0;}	
#section6 .hNews1 .slick-dots li button{ font-size:18px;}
#section6 .hNews1 .tit{ margin:10px 0 15px 0;  font-size:20px; line-height:30px; max-height:60px;}
#section6 .hNews1 .cont{ font-size:14px; line-height:26px; height:52px;}
#section6 .hNews1 .more{ margin-top:24px;}
#section6 .hNews1 .img{ max-height:278px;}

#section6 .hNews2 ul li .tit{ margin-top:10px; font-size:16px; line-height:26px;}
}
@media screen and  (max-width:1023px){
#section6 .hTit1{ font-size:16px; line-height:24px; margin-top:0; }
#section6 .hTit1 span{ font-size:25px; padding-right:6px;}
#section6 .hTit1 a{ margin-top:9px;}

#section6{ padding:30px 0;}	
#section6 .hNews1 .slick-dots{ width:40px;}
#section6 .hNews1 .slick-dots li button{ font-size:16px;}
#section6 .hNews1 .time{ font-size:13px;}
#section6 .hNews1 .tit{ font-size:17px; line-height:25px; max-height:50px; margin:2px 0 6px 0;}
#section6 .hNews1 .cont{ font-size:14px; line-height:22px; height:44px;}
#section6 .hNews1 .info{ margin-top:0;}
#section6 .hNews1 .more{ margin-top:15px;}
#section6 .hNews1 .img{ max-height:213px;}

#section6 .hNews{ padding:30px 0;}
#section6 .hNews2{ margin-top:20px;}	
#section6 .hNews2 ul{ margin:0 -6px;}
#section6 .hNews2 ul li{ padding:0 6px;}	
#section6 .hNews2 ul li .tit{ margin-top:5px;}


#section6{ height:auto !important; display:block; float:left; width:100%;}
#section6 .fp-tableCell{ height:auto !important; display:block; float:left;}
}
@media screen and  (max-width:768px){
#section6 .hTit1 span{ display:block;}	
#section6 .hTit1 a{ position:absolute; right:0; top:50%; margin-top:-7px; padding:0 6px; font-size:12px; height:7px; line-height:18px;}
#section6 .hTit1 a font.ri-arrow-right-line{ padding:0 0 0 5px; position:relative;}
#section6 .hTit1 a font.ri-arrow-right-line:after{ width:10px; }

#section6 .hNews1{ margin-top:4%;}		
#section6 .hNews1 .img{ width:100%; padding-right:50px;}
#section6 .hNews1 .info{ width:100%; margin-top:10px;}
#section6 .hNews1 .slick-dots{ left:auto; right:0;}
#section6 .hNews1 .slick-dots li{ margin:0;}
#section6 .hNews1 .slick-dots li button{ font-size:14px;}
#section6 .hNews1 .more{ margin-top:12px;}
#section6 .hNews1 .img{ max-height:inherit;}



#section6 .hNews2 ul li{ width:50%;}

#section7 .hTit1 a font.ri-arrow-right-s-line:after{margin-top:-1px !important;}

}

@media screen and (max-width:374px ) {
#section6 .hNews1 .slick-dots{ display:none !important;}
}	


#section7 .hTit1{ float:left; width:100%; color:#333; font-size:30px; line-height:40px; margin-top:110px; position:relative;animation:slideInDown 5s;-moz-animation:slideInDown 5s; -webkit-animation:slideInDown 5s;-o-animation:slideInDown 5s;}
#section7 .hTit1 span{ font-family:Arial; font-size:50px; font-weight:bold; padding-right:12px;}
#section7 .hTit1 a{ float:right; position:relative; margin-top:24px; height:11px; background:#0e6eb8; background:rgba(14,110,184,0.1); color:#0e6eb8; font-size:14px; font-weight:bold; font-family:'Open Sans'; text-transform:uppercase; padding:0 10px; line-height:22px;}
#section7 .hTit1 a font{ display:inline-block; vertical-align:top; margin-top:-12px;}
#section7 .hTit1 a font.ri-arrow-right-s-line{ padding:0 0 0 10px; position:relative;}
#section7 .hTit1 a font.ri-arrow-right-s-line:after{ float:left; width:18px; height:2px; position:absolute; left:0; top:50%; content:''; background:#0e6eb8; margin-top:-2px;}
#section7 .hTit1 a font.ri-arrow-right-s-line::before{ height:24px !important; line-height:24px !important;}
#section7 .hTit2 a{ background:#fff; background:rgba(255,255,255,0.1); color:#fff}
#section7 .active .hTit1{animation:slideInDown 5s;-moz-animation:slideInDown 5s; -webkit-animation:slideInDown 5s;-o-animation:slideInDown 5s;}

@media screen and (max-height:900px) {
#section7 .hTit1{ font-size:26px;}
#section7 .hTit1 span{ font-size:40px;}
}

#section7{ overflow:hidden; height:100vh; position:relative;}

#section7 .ServSupp{ float:left; width:100%; margin-top:2.73%; position:relative;animation:slideInUp 2s;-moz-animation:slideInUp 2s; -webkit-animation:slideInUp 2s;-o-animation:slideInUp 2s;}
#section7 .active .ServSupp{animation:slideInUp 2s;-moz-animation:slideInUp 2s; -webkit-animation:slideInUp 2s;-o-animation:slideInUp 2s;}
#section7 .ServSupp .ul1{ margin:0 -15px;}
#section7 .ServSupp .l1{ float:left; width:33.33%; padding:0 15px; margin-top:30px;}
#section7 .ServSupp .l1 a{ float:left; width:100%; background:#fff; position:relative; text-align:center; overflow:hidden; padding:53px 14.72% 55px 14.72%;}
#section7 .ServSupp .l1 .img{ float:left; width:278px; height:278px; position:absolute; left:50%; top:50%; margin:-139px 0 0 -139px; z-index:1;}
#section7 .ServSupp .l1 .ico{ float:left; width:100%; line-height:0; height:88px; position:relative; z-index:6;}
#section7 .ServSupp .l1 .ico img{ display:inline-block; vertical-align:top; width:88px; height:88px;}
#section7 .ServSupp .l1 .ico1{ position:relative;opacity:1; filter:alpha(opacity=100);}
#section7 .ServSupp .l1 .ico2{ position:absolute; left:50%; top:0; margin-left:-44px;opacity:0; filter:alpha(opacity=00);}
#section7 .ServSupp .l1 .tit{ float:left; width:100%; color:#333; font-size:18px; line-height:28px; position:relative; z-index:6; margin:20px 0 10px 0;}
#section7 .ServSupp .l1 .info{ float:left; width:100%; color:#888; font-size:14px; line-height:24px; height:48px; overflow:hidden; position:relative; z-index:6;}
#section7 .ServSupp .l1 .bg{ float:left; width:100%; height:100%; position:absolute; left:0; top:0; z-index:5; 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;  }
#section7 .ServSupp .l1 a:hover .bg{opacity:0.95; filter:alpha(opacity=95);background:#0e6eb8;}
#section7 .ServSupp .l1 a:hover .tit{ color:#fff;}
#section7 .ServSupp .l1 a:hover .info{ color:#fff;opacity:0.6; filter:alpha(opacity=60);}
#section7 .ServSupp .l1 a:hover .ico1{opacity:0; filter:alpha(opacity=00);}
#section7 .ServSupp .l1 a:hover .ico2{opacity:1; filter:alpha(opacity=100);-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);}
@media screen and (max-height:900px) {
#section7 .ServSupp{ margin-top:1.5%;}	
#section7 .ServSupp .l1{ margin-top:20px;}	
#section7 .ServSupp .l1 a{ padding:20px 14.72% 25px 14.72%;}
#section7 .ServSupp .l1 .tit{ margin:10px 0 10px 0;}
}
@media screen and  (max-width:1310px){

}
@media screen and  (max-width:1310px){
#section7 .hTit1{ font-size:26px;}
#section7 .hTit1 span{ font-size:40px;}

#section7 .ServSupp{ margin-top:1.5%;}	
#section7 .ServSupp .l1{ margin-top:20px;}	
#section7 .ServSupp .l1 a{ padding:20px 14.72% 25px 14.72%;}
#section7 .ServSupp .l1 .tit{ margin:10px 0 10px 0;}
}
@media screen and  (max-width:1023px){
#section7 .hTit1{ font-size:16px; line-height:24px; margin-top:0; }
#section7 .hTit1 span{ font-size:25px; padding-right:6px;}
#section7 .hTit1 a{ margin-top:9px;}

#section7 { height:auto !important; display:block; float:left; width:100%;}
#section7 .fp-tableCell{ height:auto !important; display:block; float:left;}

#section7{ padding:30px 0;}	
#section7 .ServSupp{ margin-top:1.5%;}	
#section7 .ServSupp .ul1{ margin:0 -6px;}
#section7 .ServSupp .l1{ padding:0 6px; margin-top:12px;}
#section7 .ServSupp .l1 a{ padding:15px 12px 20px 12px;}
#section7 .ServSupp .l1 .img{ width:140px; height:140px; margin:-70px 0 0 -70px;}
#section7 .ServSupp .l1 .ico{  height:60px;}
#section7 .ServSupp .l1 .ico img{width:60px; height:60px;}
#section7 .ServSupp .l1 .ico2{  margin-left:-30px;}
#section7 .ServSupp .l1 .tit{ font-size:16px; line-height:26px;margin:5px 0 5px 0;}
}
@media screen and  (max-width:768px){
#section7 .hTit1 span{ display:block;}	
#section7 .hTit1 a{ position:absolute; right:0; top:50%; margin-top:-7px; padding:0 6px; font-size:12px; height:7px; line-height:18px;}
#section7 .hTit1 a font.ri-arrow-right-line{ padding:0 0 0 5px; position:relative;}
#section7 .hTit1 a font.ri-arrow-right-line:after{ width:10px; }


#section7 .ServSupp{ margin-top:1.5%;}	
#section7 .ServSupp .l1{ width:50%;}
#section7 .ServSupp .l1 .info{ font-size:13px; line-height:22px; height:44px;}
}
#section8 .fp-tableCell{display: block !important;}