#header{ width:100%; position:relative; z-index: 99999;}
.hd_header{ position:fixed; left:0px; top:0px; z-index:2; width:100%; height:90px;  background:#41AFFF url(../images/top_bg.jpg) no-repeat center top; background-size: cover; border-bottom:rgb(114,151,246,0.3) solid 1px;}
.logo{ width:160px; margin:25px 0; float:left; margin-right: 100px;}
.logo a{ display: block;}
.logo a img{ width:100%;}
.navbox{ display:inline-block; float:left; padding:0; text-align:center;}
.hd-nav{ width:100%;}
.hd-nav ul li{ float:left; position:relative;}
.hd-nav ul li .nav-item a{ display:block; height:90px; line-height:90px; color:#fff; font-size:16px; transition:0.4s; margin:0 20px;  }
.hd-nav ul li .nav-item a:hover,
.hd-nav ul li.on .nav-item a{  }
.dropdown{background-color:rgb(255,255,255,0.95); padding: 15px; width: 100%; box-shadow: 0 3px 15px rgb(82 85 90 / 20%); border-radius: 0px 0px 5px 5px; margin-left: -15px;}
.dropdown a{ display:block; width:100%; line-height:40px; color:#333;}
.dropdown a:hover{ background-color:rgb(33,137,203,0.9); color:#fff;}

.logo .default{ display: block;}
.logo .active{ display: none;}


.top-search{ float: right; padding-right: 20px; }
.top-search .top-search-form{ padding-top: 10px; position: relative;}

.top-search .top-search-form .am-form-field{ background-color:#104B9C; border-radius: 5px; line-height: 26px; padding:4px 30px 4px 15px; color: #fff; margin-top: 18px;}
.top-search .top-search-form .search-btn{ position: absolute; top:38px; right: 8px; }

::-webkit-input-placeholder { /* WebKit browsers */
  color: #8DB3E5; 
}

::-moz-placeholder { /* Mozilla Firefox 19+ */
  color: #8DB3E5; 
}

:-ms-input-placeholder { /* Internet Explorer 10+ */
  color: #8DB3E5; 
}   


.index-banner {
	width: 100%;
	height: 820px;
	overflow: hidden; position: relative; z-index: 999;
}
.index-banner .swiper-container {
/*	margin-top: -40px;*/
	width: 100%;
	height: 800px;
}
.index-banner .swiper-button-prev,.index-banner .swiper-button-next{
	width: 5%;
	height: 100%;
	top:0;
	background:none;
	}
.index-banner .swiper-button-prev{
	left:0;}	
.index-banner .swiper-button-next{
	right:0;}	
.index-banner .swiper-button-prev span,.index-banner .swiper-button-next span{
	display:block;
	width: 64px;
	height: 64px;
	position: absolute;
	left: 20px;
	top: 50%;
	margin-top:-32px;
	border-radius: 100%;
	background: rgba(180,180,180,0.25) url(../images/arrows.png) no-repeat center 17px;
	opacity: 0;
	-webkit-transition: opacity 0.5s ease;
	transition: opacity 0.5s ease;
}
.index-banner .swiper-button-next span{
	background: rgba(180,180,180,0.25) url(../images/arrows.png) no-repeat center -71px;
	left:auto;
	right:20px;
	}
.index-banner .swiper-button-prev:hover span,.index-banner .swiper-button-next:hover span{
	opacity: .6;
}
 
.index-banner .swiper-pagination{
	top:auto;
	bottom:50px;
	background:none;
}
.index-banner  .swiper-pagination-bullet {
	display: inline-block;
	width: 50px;
	height: 30px;
	margin: 0 3px;
	cursor: pointer;
	background: none;
	border-radius:0;
	opacity: 1;
}
.index-banner  .swiper-pagination-bullet span {
	width: 50px;
	height: 2px;
	display: block;
	background: rgba(128,128,128,0.2);
}
.index-banner .swiper-pagination-bullet-active span{
    background:gray;
}
.index-banner .autoplay .swiper-pagination-bullet-active span{
    background: rgba(128,128,128,0.2);
}
.index-banner  .swiper-pagination-bullet i{
	background: gray;
	height: 2px;
	transform:scaleX(0);
	transform-origin: 0;
	display: block;
}
.index-banner .autoplay .firsrCurrent i{
	transition:transform 2.9s linear;
	transform:scaleX(1);
}
.index-banner.autoplay .current i{
	transition:transform 4s linear;
	transform:scaleX(1);
}
.index-banner  .autoplay .replace span{
  background:gray;
}

 
.index-banner .w1200{  z-index: 999; max-width: 1200px; position: relative; margin: 0px auto;}
.index-banner .banner-txt{ position: absolute; height: 290px; top: 37%; left:0; right: 0px; width: 100%; max-width: 1200px; z-index: 99; animation: bannertxt 0.5s linear; margin: 0px auto;}
.index-banner .banner-txt h1{font-size: 45px;
color: #FFFFFF; padding-bottom: 20px; }
.index-banner .banner-txt p{font-size: 22px !important; line-height: 220% !important;
color: rgba(255,255,255,0.90);}
.index-banner .banner-txt a.more-btn{ border-radius: 100px;  background-color: #fff; width: 150px; height: 47px; line-height: 47px; display: block; text-align: center; color: #1E8FFF; font-size: 16px; margin-top: 30px;}
.index-banner .banner-txt a.more-btn:hover{background-color:#228ACB;color: #fff;}

.service-box{margin-top: -130px; position: relative; z-index: 9999; margin-bottom: 100px;}
.service-box .w1200{ background-color: #fff; padding: 40px 0; box-sizing: border-box; border-radius: 10px; height: 252px; box-shadow: 1px 2px 20px #E0EAF8;}
.service-box ul{}
.service-box ul li{ width: 33%; display: inline-block; text-align: center; border-right: #D5D7E1 solid 1px;}
.service-box ul li i{ display: block;padding-bottom:5px;}
.service-box ul li b{ display: block; font-size: 20px; color: #414145; line-height: 220%; padding-bottom: 10px;}
.service-box ul li .p{ font-size: 16px; color: #7F7F7F; line-height: 180%;}
.service-box ul li:last-child{ border: none;}

.index_box01{ padding:0px; background:#EFF3FD; display: inline-block; width: 100%; } 

.index_box01 .index_title{ text-align:center;  background-size: cover;}
.index_box01 .index_title h1{ font-size:30px; display:  block; vertical-align: middle;  height: 60px; line-height: 60px; color: #3F3F3F;}
.index_box01 .index_title .subtitle{ font-size:20px; line-height: 200%; margin-bottom: 20px; vertical-align: middle; display: inline-block; color: #929292;}
.index_box01 .index_title span{ width: 50px; height: 4px; background-color: #1988CA; display:block; margin: 0px auto;}
.index_box01 .index_title p{}
 



.top-link{ float: right;}
.top-link span{vertical-align: middle; line-height: 59px; color: #F3F4F6; font-size: 14px;}
.top-link i{ vertical-align: middle;  padding-left: 5px;}
.top-link i img{vertical-align: middle;}

.top-link-box{ background-color: #fff; opacity: 0.8; display: none;}
.top-link-box ul{}
.top-link-box ul li{ height: 30px; line-height: 30px; border-bottom: #ddd solid 1px; text-align: center;}
.top-link-box ul li:hover{background-color: #1889CD; }
.top-link-box ul li:hover a{color: #fff;}
.top-link-box ul li:last-child{ border: none;}

.gk-title{ padding-top: 30px; padding-bottom: 10px; }
.gk-title h2{ font-size: 18px;}


.js--top{position: fixed; top: 0px; z-index: 999; }
/*
.js--top .hd-nav ul li .nav-item a{ color: #222222;}
.js--top .logo .default{ display: none;}
.js--top .logo .active{ display: block;}
*/

.hd2{position: fixed; top: 0px; background: #fff;}
.hd2 .hd-nav ul li .nav-item a{ color: #222222;}
.hd2 .logo .default{ display: none;}
.hd2 .logo .active{ display: block;}

@font-face {
  font-family: 'iconfont';  /* project id 1836721 */
  src: url('//at.alicdn.com/t/font_1836721_9mb56ofk29o.eot');
  src: url('//at.alicdn.com/t/font_1836721_9mb56ofk29o.eot?#iefix') format('embedded-opentype'),
  url('//at.alicdn.com/t/font_1836721_9mb56ofk29o.woff2') format('woff2'),
  url('//at.alicdn.com/t/font_1836721_9mb56ofk29o.woff') format('woff'),
  url('//at.alicdn.com/t/font_1836721_9mb56ofk29o.ttf') format('truetype'),
  url('//at.alicdn.com/t/font_1836721_9mb56ofk29o.svg#iconfont') format('svg');
}


.iconfont{
    font-family:"iconfont" !important;
    font-size:16px;font-style:normal;
    -webkit-font-smoothing: antialiased;
    -webkit-text-stroke-width: 0.2px;
    -moz-osx-font-smoothing: grayscale;}


#banner{ width:100%; height:960px; }
#banner .w1200{  z-index: 999;}
#banner .banner-txt{ position: absolute; height: 290px; top: 51%; left: 13%; width: 22%; z-index: 99; animation: bannertxt 0.5s linear;}
#banner .banner-txt h1{font-size: 36px;
color: #FFFFFF; padding-bottom: 30px; }
#banner .banner-txt p{font-size: 18px; line-height: 220%;
color: rgba(255,255,255,0.90);}
 
/*#banner .img{ width:100%; height:860px; display:block;}*/
/*
.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{ bottom:20px;}
.swiper-pagination-bullet{ width:72px; height:8px;border-radius:0; background:url(../images/n_ico.png) no-repeat; opacity:1;}
.swiper-pagination-white .swiper-pagination-bullet-active{ background:url(../images/n_ico_hover.png) no-repeat;}
*/

#banner .slider-thumb{  
	 width: 100%; box-sizing: border-box; position: absolute; z-index: 999; top: 0px; 
/*	bottom:100px; right:0px; z-index: 99; padding-top: 25%; box-sizing: border-box;*/
}
#banner .slider-thumb li{width: 200px; height: 290px; overflow: hidden; border-radius: 8px; box-shadow:0 0 10px 2px #333; display: inline-block; margin-right: 20px; position:absolute; z-index: 999; top: 50%; cursor: pointer;}
#banner .slider-thumb li img{position:absolute; right: -50px; width:auto; height: 100%; border-radius: 8px;}

/*#banner .slider-thumb li:nth-child(1){ width: 100%; height: 100%; top: 0px; left: 0px; z-index: 0; box-shadow:none;}*/

#banner .slider-thumb li.current{ z-index: 0; border-radius: 0; margin: 0px; position: absolute; box-shadow:none;}
#banner .slider-thumb li.current a{ background-size: cover;}
#banner .slider-thumb li.first{position: absolute; width: 100%; height: 100%; margin: 0px; top: 0px; left: 0px; z-index: 0; border-radius: 0; }
#banner .slider-thumb li.current img{ right: 0px;}

#banner .slider-thumb li .t{ margin-top: -80px; line-height: 50px; font-size:16px; padding: 20px; width: 100%; color: #eee; box-sizing: border-box; letter-spacing: 1px; }
#banner .slider-thumb li.current .t{ display: none;}

@keyframes bannertxt {
    0% {opacity: 0; top: 65%;}   
	100% {opacity: 1; top: 37%;}
}

@keyframes slider {
    0% {transform: scale(2);}  
    50% {transform: scale(3);}
	100% {transform: scale(5);}
}

@keyframes slider1 {
    0% {left: calc(35% + 440px )}   
	100% {left: calc(35% + 220px )}
}

@keyframes slider2 {
    0% {left: calc(35% + 660px )}   
	100% {left: calc(35% + 440px )}
}
@keyframes slider3 {
    0% {  left: calc(35% + 880px )}   
	100% { left: calc(35% + 660px )}
}

#banner .slider-thumb li:nth-child(1){ left: calc(35% + 220px );}
#banner .slider-thumb li:nth-child(2){ left: calc(35% + 440px );}
#banner .slider-thumb li:nth-child(3){ left: calc(35% + 660px );}
#banner .slider-thumb li:nth-child(4){ left: calc(35% + 880px );}
#banner .slider-thumb li:nth-child(4){ display: none;}

#banner .slider-thumb li:nth-child(1).slider-next{animation: slider1 0.1s linear;} 
#banner .slider-thumb li:nth-child(2).slider-next{animation: slider2 0.1s linear;} 
#banner .slider-thumb li:nth-child(3).slider-next{animation: slider3 0.1s linear;} 
#banner .slider-thumb2 li:nth-child(3){animation: slider3 0.1s linear;} 


.zooms-slide{ position: absolute; width: 100%; overflow: hidden; z-index: 999;}
.zooms-slide img{height: 100%; position: absolute; right: 0px;}

.head_bottom{ position:absolute; bottom:0px; left:0px; z-index:2; width:100%; }
.head_bottom .w1200{ background-color:rgb(0,0,0,0.5); padding:30px 20px; width:1160px;}
.head_bottom li{ width:23%; float:left; padding:0 0 0 2%; color:#fff;}
.head_bottom li b{line-height: 50px; font-size: 32px;}
.head_bottom li b.b_01{ background:url(../images/icon01.png) no-repeat;}
.head_bottom li b.b_02{ background:url(../images/icon02.png) no-repeat;}
.head_bottom li b.b_03{ background:url(../images/icon03.png) no-repeat;}
.head_bottom li b.b_04{ background:url(../images/icon04.png) no-repeat;}
.head_bottom li p{ color:#b9b9b9; line-height:28px;}
.head_bottom li p span{ color:#fff; font-size:30px;}






#holder{ width: 100%; height: 780px; overflow: hidden; position: absolute; top: 0px; left: 0px;}
#holder canvas{ position: relative; height: 780px;  left:50%; margin-left:-2500px;}

/*.animate-box{ position: relative; width: 1400px; height: 568px; padding-top: 150px; overflow: hidden; box-sizing: border-box;}*/
.animate-box .center-box{ width: 500px; height: 500px; margin:0px auto; position: relative;}
.animate-box .center-box .text{ position: absolute; left: 37%; top: 42%; z-index: 9; }
.animate-box .center-box .text b{ font-size: 50px; padding-left: 8px; color: #fff; letter-spacing: 10px; text-align: center}
.animate-box .center-box .text p{ font-size: 14px; letter-spacing: 1px; text-transform:uppercase; color: #fff; text-align: center}
.animate-box .center-box .ys01{padding: 25%; position: absolute; left: 0; top: 0;  z-index: 1;}
.animate-box .center-box .ys01 img{ width: 100%;}
.animate-box .center-box .ys02{ padding: 12%; position: absolute; left:0; top: 0; animation: q2 60s infinite linear;z-index: 1;}
.animate-box .center-box .ys02 img{ width: 100%;}
.animate-box .center-box .ys03{ position: absolute; left: 0px; top: 0px; animation: q3 60s infinite linear;z-index: 1;}
.animate-box .center-box .ys03 img{ width: 100%;}

#earth{ width: 250px; height: 250px; border-radius: 50%; overflow: hidden; background: url(../images/q1.jpg); background-size: auto 100%; box-shadow: inset 0px 0px 90px 15px rgba(0,0,0,1);}




.animate-box .products-box-new{ width: 1400px; height: 568px; margin:0px auto; position: relative;}
.animate-box .products-box-new .text{ position: absolute; left: 37%; top: 42%; z-index: 9; }
.animate-box .products-box-new .text b{ font-size: 50px; padding-left: 8px; color: #fff; letter-spacing: 10px; text-align: center}
.animate-box .products-box-new .text p{ font-size: 14px; letter-spacing: 1px; text-transform:uppercase; color: #fff; text-align: center}
.animate-box .products-box-new .c-logo{ width: 330px; margin: 0px auto; text-align: center; z-index: 1; position: relative;}
.animate-box .products-box-new .c-logo b{position: absolute; top: 10px; left: 40px; z-index: 100; animation: pro_logo 3s infinite;}
.animate-box .products-box-new .c-logo span{ position: absolute;top: 80px; left: 0px; z-index: 99; opacity: 0.95;}
.animate-box .products-box-new .c-logo b img{ }
.animate-box .products-box-new .c-logo img{ }

.animate-box .products-box-new .c-hy01{ width: 50px; height: 50px; box-sizing: border-box; position: absolute; top: 12px; left: 450px; }
.animate-box .products-box-new .c-hy01 b{position: absolute; top: 0px; left: 0px; z-index: 100; opacity: 1; animation: new_pro 3s infinite}
.animate-box .products-box-new .c-hy01 span{ width: 32px; height: 32px; position: absolute;top: 9px; left: 9px; z-index: 101;}
.animate-box .products-box-new .c-hy01 img{ width: 100%;}


.animate-box .products-box-new .c-hy02{ width: 50px; height: 50px; box-sizing: border-box; position: absolute; top: 212px; right: 340px; }
.animate-box .products-box-new .c-hy02 b{position: absolute; top: 0px; left: 0px; z-index: 100; opacity: 1; animation: new_pro 3s infinite}
.animate-box .products-box-new .c-hy02 span{ width: 30px; height: 30px; position: absolute;top: 10px; left: 10px; z-index: 101;}
.animate-box .products-box-new .c-hy02 img{ width: 100%;}


.animate-box .products-box-new .c-hy03{ width: 80px; height: 80px; box-sizing: border-box; position: absolute; top: 360px; left: 580px; }
.animate-box .products-box-new .c-hy03 b{position: absolute; top: 0px; left: 0px; z-index: 100; opacity: 1; animation: new_pro 3s infinite}
.animate-box .products-box-new .c-hy03 span{ width: 42px; height: 42px; position: absolute;top: 19px; left: 19px; z-index: 101;}
.animate-box .products-box-new .c-hy03 img{ width: 100%;}



.animate-box .products-box-new .c-p01{ width: 85px; height: 85px; box-sizing: border-box; position: absolute; top: 130px; left: 180px; }
.animate-box .products-box-new .c-p01 b{position: absolute; top: 0px; left: 0px; z-index: 100; opacity: 1; animation: new_pro 3s infinite}
.animate-box .products-box-new .c-p01 b img{ width: 100%;}
.animate-box .products-box-new .c-p01 span{ display: block; width: 55px; height: 55px; position: absolute;top: 15px; left: 15px; z-index: 101;

border-radius: 50%; overflow: hidden; background: url(../images/p01_tt.jpg); background-size: auto 100%; 
	box-shadow: inset 0px 0px 30px 1px rgba(0,0,0,0.2);

}
.animate-box .products-box-new .c-p01 span img{ width: 100%;}
.animate-box .products-box-new .c-p01 .p-logo{ width: 220px; height: 55px; padding: 12px 0; box-sizing: border-box; background: #00C5EF; border-radius: 5px; text-align: center; position: absolute; top: -80px; left: 10px; opacity: 0.7; z-index: 8;}
.animate-box .products-box-new .c-p01 .p-logo img{ width: 105px;}
.animate-box .products-box-new .c-p01 .p-logo .arr{
        width:0;
        height:0;
        border:10px solid transparent;
        border-top-color:#00C5EF;
        position: absolute;
        bottom: -18px;
        left:15px;
    }
.animate-box .products-box-new .c-p01 .p-txt{position: absolute; width: 220px; background: #00C5EF; left: 10px; border-radius: 5px 5px 0 0; bottom: 158px; padding: 10px; box-sizing: border-box; border-bottom: #fff 3px solid; color: #fff; font-size: 12px; line-height: 180%; z-index: 9; opacity: 0;}
.animate-box .products-box-new .c-p01 .p-txt.active{ opacity: 0.7; animation: c-p01 0.2s linear;}



.animate-box .products-box-new .c-p02{ width: 110px; height: 110px; box-sizing: border-box; position: absolute; top: -30px; right: 400px;  }
.animate-box .products-box-new .c-p02 b{position: absolute; top: 0px; left: 0px; z-index: 100; opacity: 1; animation: new_pro 3s infinite}
.animate-box .products-box-new .c-p02 span{  width: 68px; height: 68px; position: absolute;top: 21px; left: 21px; z-index: 101;
display: block; border-radius: 50%; overflow: hidden; background: url(../images/p02_tt.jpg); background-size: auto 100%; 
	box-shadow: inset 0px 0px 30px 1px rgba(0,0,0,0.2); 
}
.animate-box .products-box-new .c-p02 img{ width: 100%;}

.animate-box .products-box-new .c-p02 .p-logo{ width: 220px; height: 55px; padding: 12px 0; box-sizing: border-box; background: #00C5EF; border-radius: 5px; text-align: center; left: 130px; top: 20px; opacity: 0.7; position: absolute;}
.animate-box .products-box-new .c-p02 .p-logo img{ width: 105px;}
.animate-box .products-box-new .c-p02 .p-logo .arr{
        width:0;
        height:0;
        border:10px solid transparent;
        border-right-color:#00C5EF;
        position: absolute;
        top: 12px;
        left:-18px;
    }

.animate-box .products-box-new .c-p02 .p-txt{position: absolute; width: 220px; background: #00C5EF; left: 130px; border-radius:0 0 5px 5px ; top: 68px; padding: 10px; box-sizing: border-box; border-top: #fff 3px solid; color: #fff; font-size: 12px; line-height: 180%; z-index: 9; opacity: 0;}
.animate-box .products-box-new .c-p02 .p-txt.active{ opacity: 0.7; animation: c-p02 0.2s linear;}


.animate-box .products-box-new .c-p03{ width: 145px; height: 145px; box-sizing: border-box; position: absolute; top: 223px; right: 140px;  }
.animate-box .products-box-new .c-p03 b{position: absolute; top: 0px; left: 0px; z-index: 100; opacity: 1; animation: new_pro 3s infinite}
.animate-box .products-box-new .c-p03 span{ width: 92px; height: 92px; position: absolute;top: 26px; left: 26px; z-index: 101;
display: block; border-radius: 50%; overflow: hidden; background: url(../images/p03_tt.jpg); background-size: auto 100%; box-shadow: inset 0px 0px 30px 1px rgba(0,0,0,0.2);}
.animate-box .products-box-new .c-p03 img{ width: 100%;}

.animate-box .products-box-new .c-p03 .p-logo{ width: 220px; height: 55px; padding: 12px 0; box-sizing: border-box; background: #00C5EF; border-radius: 5px; text-align: center; left: -240px; top: 60px; opacity: 0.7; position: absolute;}
.animate-box .products-box-new .c-p03 .p-logo img{ width: 105px;}
.animate-box .products-box-new .c-p03 .p-logo .arr{
        width:0;
        height:0;
        border:10px solid transparent;
        border-left-color:#00C5EF;
        position: absolute;
        top: 12px;
        right:-18px;
    }
.animate-box .products-box-new .c-p03 .p-txt{position: absolute; width: 220px; background: #00C5EF; left: -240px; border-radius:0 0 5px 5px ; top: 109px; padding: 10px; box-sizing: border-box; border-top: #fff 3px solid; color: #fff; font-size: 12px; line-height: 180%; z-index: 9; opacity: 0;}
.animate-box .products-box-new .c-p03 .p-txt.active{ opacity: 0.7; animation: c-p03 0.2s linear;}


.animate-box .products-box-new .c-p04{ width: 130px; height: 130px; box-sizing: border-box; position: absolute; top: 325px; left: 130px;  }
.animate-box .products-box-new .c-p04 b{position: absolute; top: 0px; left: 0px; z-index: 100; opacity: 1; animation: new_pro 3s infinite}
.animate-box .products-box-new .c-p04 span{ width: 80px; height: 80px; position: absolute;top: 25px; left: 25px; z-index: 101;
display: block; border-radius: 50%; overflow: hidden; background: url(../images/p04_tt.jpg); background-size: auto 100%; box-shadow: inset 0px 0px 30px 1px rgba(0,0,0,0.2);
}
.animate-box .products-box-new .c-p04 img{ width: 100%;}

.animate-box .products-box-new .c-p04 .p-logo{ width: 220px; height: 55px; padding: 12px 0; box-sizing: border-box; background: #00C5EF; border-radius: 5px; text-align: center; left: 145px; top:40px; opacity: 0.7; position: absolute;}
.animate-box .products-box-new .c-p04 .p-logo img{ width: 105px;}
.animate-box .products-box-new .c-p04 .p-logo .arr{
        width:0;
        height:0;
        border:10px solid transparent;
        border-right-color:#00C5EF;
        position: absolute;
        top: 12px;
        left:-18px;
    }
.animate-box .products-box-new .c-p04 .p-txt{position: absolute; width: 220px; background: #00C5EF; left: 145px; border-radius:0 0 5px 5px ; top: 88px; padding: 10px; box-sizing: border-box; border-top: #fff 3px solid; color: #fff; font-size: 12px; line-height: 180%; z-index: 9; opacity: 0;}
.animate-box .products-box-new .c-p04 .p-txt.active{ opacity: 0.7; animation: c-p04 0.2s linear;}




.animate-box .products-box-new .c-p05{ width: 118px; height: 118px; box-sizing: border-box; position: absolute; top: 425px; right: 510px;  }
.animate-box .products-box-new .c-p05 b{position: absolute; top: 0px; left: 0px; z-index: 100; opacity: 1; animation: new_pro 3s infinite}
.animate-box .products-box-new .c-p05 span{ width: 76px; height: 76px; position: absolute;top: 21px; left: 21px; z-index: 101;
display: block; border-radius: 50%; overflow: hidden; background: url(../images/p05_tt.jpg); background-size: auto 100%;box-shadow: inset 0px 0px 30px 1px rgba(0,0,0,0.2); }
.animate-box .products-box-new .c-p05 img{ width: 100%;}

.animate-box .products-box-new .c-p05 .p-logo{ width: 220px; height: 55px; padding: 12px 0; box-sizing: border-box; background: #00C5EF; border-radius: 5px; text-align: center; left: 135px; top:30px; opacity: 0.7; position: absolute;}
.animate-box .products-box-new .c-p05 .p-logo img{ width: 105px;}
.animate-box .products-box-new .c-p05 .p-logo .arr{
        width:0;
        height:0;
        border:10px solid transparent;
        border-right-color:#00C5EF;
        position: absolute;
        top: 12px;
        left:-18px;
    }

.animate-box .products-box-new .c-p05 .p-txt{position: absolute; width: 220px; background: #00C5EF; left: 135px; border-radius:0 0 5px 5px ; top: 79px; padding: 10px; box-sizing: border-box; border-top: #fff 3px solid; color: #fff; font-size: 12px; line-height: 180%; z-index: 9; opacity: 0;}
.animate-box .products-box-new .c-p05 .p-txt.active{ opacity: 0.7; animation: c-p05 0.2s linear;}


.animate-box .products-box-new .p-logo{ cursor: pointer;}
/*.animate-box .products-box-new .p-txt{ opacity: 0;}*/
/*.animate-box .products-box-new .p-txt.active{ display: block;}*/

.animate-box .products-box-new .ys02{ padding: 12%; position: absolute; left:0; top: 0; animation: q2 60s infinite linear;z-index: 1;}
.animate-box .products-box-new .ys02 img{ width: 100%;}
.animate-box .products-box-new .ys03{ position: absolute; left: 0px; top: 0px; animation: q3 60s infinite linear;z-index: 1;}
.animate-box .products-box-new .ys03 img{ width: 100%;}


.animate-box{  width: 100%; height: 670px; overflow: hidden;  padding-top: 60px; }
.animate-box .w1200{position: relative; height: 670px; }
.animate-box .layer01{ width: 100%; height: 783px; position: absolute; z-index: 1; left: 0px; top: 0px;}  
.animate-box .layer02{ width: 100%; height: 783px; position: absolute; z-index: 2; left: 0px; top: 0px;}
.animate-box .layer02 img{animation:layer02 20s linear infinite}

.animate-box .layer03{ width: 100%; height: 783px; position: absolute; z-index: 3; left: 0px; top: 0px;}
.animate-box .layer03 img{animation:unCircel 5s linear infinite}
.animate-box .layer04{ width: 100%; height: 783px; position: absolute; z-index: 4; left: 0px; top: 0px;}
.animate-box .layer04 img{animation:goCircel 5s linear infinite}
.animate-box .layer05{ width: 100%; height: 783px; position: absolute; z-index: 5; left: 10px; top: 0px;}
.animate-box .layer06{ width: 100%; height: 783px; position: absolute; z-index: 6; left: 0px; top: 0px;}
.animate-box .layer07{ width: 100%; height: 783px; position: absolute; z-index: 7; left: 0px; top: 0px;}
.animate-box .layer08{ width: 100%; height: 783px; position: absolute; z-index: 8; left: 0px; top: 0px; animation:pro_logo 3s linear infinite}
.animate-box .layer08 img{}
.animate-box .sj01{ width: 50px; height: 50px; position: absolute; z-index: 9; left: 48.6%; top: 0px; animation:goCircel 15s linear infinite}
.animate-box .sj02{ width: 50px; height: 50px; position: absolute; z-index: 9; left: 7%; top: 40%; animation:unCircel 15s linear infinite}
.animate-box .sj03{ width: 50px; height: 50px; position: absolute; z-index: 9; left: 0; top: 90%; animation:goCircel 15s linear infinite}
.animate-box .sj04{ width: 50px; height: 50px; position: absolute; z-index: 9; right: 7%; top: 40%; animation:unCircel 15s linear infinite}
.animate-box .sj05{ width: 50px; height: 50px; position: absolute; z-index: 9; right: 0; top: 90%; animation:goCircel 15s linear infinite}

.animate-box img{ max-width: 100%; }

@keyframes layer02{
    0% {
        transform:rotate(-5deg)
    } 
	50% {
        transform:rotate(-120deg)
    }
	100% {
        transform:rotate(-5deg)
    }
}

@keyframes goCircel{from{ transform:rotate(360deg) } to{ transform:rotate(0deg) }  }

@keyframes unCircel{from{ transform:rotate(0deg) } to{ transform:rotate(360deg) }} 
 

@keyframes pro_logo{
    0% {
        top: 10px;
    } 
	50% {
        top: 18px;
    }
	100% {
        top: 10px;
    }
}

@keyframes new_pro{
    0% {
        opacity: 1;
    } 
	50% {
        opacity: 0;
    }
	100% {
        opacity: 1;
    }
}

@keyframes c-p01{
    0% {
        opacity: 0; bottom: 178px;
    }  
	100% {
        opacity: 0.7; bottom: 158px;
    }
}


@keyframes c-p02{
    0% {
        opacity: 0; top: 88px;
    }  
	100% {
        opacity: 0.7; top: 68px;
    }
}


@keyframes c-p03{
    0% {
        opacity: 0; top: 129px;
    }  
	100% {
        opacity: 0.7; top: 109px;
    }
}


@keyframes c-p04{
    0% {
        opacity: 0; top: 109px;
    }  
	100% {
        opacity: 0.7; top: 88px;
    }
}

@keyframes c-p05{
    0% {
        opacity: 0; top: 99px;
    }  
	100% {
        opacity: 0.7; top: 79px;
    }
}

@keyframes q1{
    0% {
        transform: rotate(0deg);
    } 
	100% {
        transform: rotate(360deg);
    }
}

@keyframes q2{
    0% {
        transform: rotate(0deg);
    }  
	100% {
        transform: rotate(-360deg);
    }
}

@keyframes q3{
    0% {
        transform: rotate(0deg);
    }  
	100% {
        transform: rotate(360deg);
    }
}

@keyframes pro1{
    0% { top:-10px;}
	50% { top:-18px;}
	100% { top:-10px}
}

@keyframes pro2{
    0% { top:210px;}
	50% { top:203px;}
	100% {top:210px}
}

@keyframes pro3{
    0% { bottom:-50px;}
	50% { bottom:-58px;}
	100% { bottom:-50px}
}

@keyframes pro4{
    0% { top:30px;}
	50% { top:38px;}
	100% { top:30px}
}

@keyframes pro5{
    0% { top:380px;}
	50% { top:372px;}
	100% {top:380px}
}

.animate-box .center-box .pro{ position: absolute; }
.animate-box .center-box .pro i{ width: 80px; height: 80px; line-height: 80px; text-align: center; display: block; border-radius: 100%; background-image: linear-gradient(45deg, #1D569D, #327BC0); padding: 20px 0; box-sizing: border-box; }
.animate-box .center-box .pro i img{ width: 40px; height: 40px;}
.animate-box .center-box .pro p{ color: #fff; text-align: center; line-height: 32px;}



.pro01{top: -10px; right: -50px; animation: pro1 3s infinite}
.pro02{top: 280px; right: -130px; animation: pro2 5s infinite}
.pro03{bottom: -30px; right: -60px; animation: pro3 5s infinite}
.pro04{top: 30px; left: -80px; animation: pro4 5s infinite}
.pro05{top: 380px; left: -80px; animation: pro5 5s infinite}


#canvas { position: absolute; top: 0px; left: 0px; width: 100%; height: 780px;
}

/*
.gbw-data-view{ width:100%; margin: 0px auto; text-align: center;}
.gbw-data-view .w1200{ padding:80px 20px; width:1240px; }
.gbw-data-view li{ width:270px; height: 270px; display: inline-block; text-align: center; color:#fff; border-radius: 100%; background-color: #fff; border: #eee solid 1px; margin-right: 40px; padding: 80px 0; box-sizing: border-box;}
.gbw-data-view li:hover{box-shadow: 0 10px 20px 0 rgba(0,0,0,0.10);}
.gbw-data-view li b{line-height: 80px; font-size: 32px; color: #222;} 
.gbw-data-view li p{ font-size:20px; color:#666; line-height:28px;}
.gbw-data-view li p span{ color:#fff; font-size:30px;}
*/

.gbw-data-view{ width:100%; margin: 0px auto; text-align: center; background-color: #fff;}
.gbw-data-view .w1200{ padding:130px 0 80px 50px;}
.gbw-data-view li{display: inline-block; padding-right: 96px; width: 24%; vertical-align: top; box-sizing: border-box; background: url(../images/jiantou.png) no-repeat right top;}
.gbw-data-view li .icon{ width:100%; height: 192px; display: inline-block; text-align: center; color:#fff; border-radius: 100%; background-color: #fff; margin-bottom:25px; border: #eee solid 1px; padding: 59px 0; box-sizing: border-box;box-shadow: 0 1px 20px 0 rgba(0,0,0,0.10);}
/*.gbw-data-view li .icon:hover{box-shadow: 0 10px 20px 0 rgba(0,0,0,0.10);}*/
.gbw-data-view li .icon img{ width:35%; }
.gbw-data-view li b{ font-size: 22px; color: #222; padding-bottom: 10px; display: inline-block;} 
.gbw-data-view li p{ font-size:13px; color:#666; line-height:180%;}
.gbw-data-view li p span{ color:#fff; font-size:30px;}

.gbw-data-view li:last-child{  background:none;}

.data-view li:last-child{ margin: 0px;}

.data-view .link-box{ text-align: center; padding-top: 40px;}
.data-view .link-box a{ width: 240px; height: 80px; line-height: 80px; border-radius: 12px; color: #fff; display:inline-block; text-align: center; font-size: 24px;}
.data-view .link-btn01{background: #00B39B; margin-right: 48px;}
.data-view .link-btn01:hover{background: #008C7E;}
.data-view .link-btn02{ background: #222; }
.data-view .link-btn02:hover{background: #111;}



.bg_gray{background: #F8F8F8;}


/*
.index_title{ text-align:center; height: 140px; background: url(../images/dht@1x.png) no-repeat; background-size: cover; text-align: left;}
.index_title h1{ font-size:36px; display: inline-block; vertical-align: middle;  height: 140px; line-height: 140px; color: #fff;}
.index_title .subtitle{ padding-left: 20px; font-size:14px; line-height: 200%; vertical-align: middle; display: inline-block; color: #fff;}
.index_title span{ float: right; width:190px; height:140px; display:block; background:#2D3E4E;}
.index_title p{ }
*/

.gbw-pro-list{ width: 100%; background-color: #F2F6F9; padding: 80px 0;} 
.gbw-pro-list ul{text-align: left; padding: 50px 0px 0px 0px; }
.gbw-pro-list ul li{ display: inline-block; width: 30%; height: 280px; vertical-align: top; overflow: hidden; 
	box-shadow:0px 1px 8px #eee; border-radius: 20px;
	margin: 15px 1.5%; background-color: #fff; position: relative; padding:30px; box-sizing: border-box;}
.gbw-pro-list ul li h1{ font-size: 20px; text-align: center; text-indent: 15px; margin-bottom: 10px;}
.gbw-pro-list ul li .p{ position: absolute; right: -30px; bottom: -30px; width: 160px; height: 160px; z-index: 0;}
.gbw-pro-list ul li .p img{ width: 100%; opacity: 0.8;}  
.gbw-pro-list ul li .t{ padding: 5px 22px; position: relative;}
.gbw-pro-list ul li .t .m-title{ font-size: 18px; padding-bottom: 20px; font-weight: bold;}
.gbw-pro-list ul li .t .m-note{ font-size: 14px; line-height: 180%; padding-bottom: 15px; text-align: center;}
.gbw-pro-list ul li .t .m-note p{ margin-bottom: 0px; line-height: 180%; font-size: 16px;}
.gbw-pro-list ul li .t p a{color: #333; }
.gbw-pro-list ul li .t a.more{ color: #387CD1; padding-bottom: 15px; display: block;}
.gbw-pro-list ul li .t a.more span{ color: #A6ACBA; font-size: 12px;}

/*
.gbw-pro-list ul li:hover{ background-color: #228ACB;}
.gbw-pro-list ul li:hover h1{ color: #fff;}
.gbw-pro-list ul li:hover .t p{ color: #F2F6F9;}
.gbw-pro-list ul li:hover .p img{ width: 100%; opacity: 0.2;}  
.gbw-pro-list ul li:hover .t p a{color: #fff; }
*/
.gbw-service-box{ width: 100%; background-color: #fff; padding: 132px 0 126px 0; background:#1C90F4 url(../images/gbw_bg03.jpg) no-repeat;}
.gbw-service-box .p{ float: right; margin-top: -20px;}
.gbw-service-box .t{}
.gbw-service-box .t li{ width: 550px; height: 150px; padding:17px; box-sizing: border-box; background-color: #fff; margin-bottom: 30px; border-radius: 10px;} 
.gbw-service-box .t li i{ display: inline-block; width: 88px; height: 88px; line-height: 88px; color: #fff; font-size: 40px; border-radius: 100px; text-align: center; vertical-align:top; margin-top: 20px;}
.gbw-service-box .t li .txt{ display: inline-block; padding-left: 20px; width: 75%; padding-top: 5px; line-height: 200%;}
.gbw-service-box .t li .txt h1{ font-size: 20px;  margin: 0; color: #333333; padding-bottom: 5px;}
.gbw-service-box .t li .txt p { color: #999999;}
.gbw-service-box .t li:first-child{ margin-left: 70px;}
.gbw-service-box .t li:last-child{ margin-left: 70px;}

/*
.gbw-service-box .t li:hover{ background-color: #228ACB; color: #fff;}
.gbw-service-box .t li:hover i{background-color: #fff; opacity: 0.68; color: #1A89CB; }
.gbw-service-box .t li:hover .txt h1{ color: #fff;}
.gbw-service-box .t li:hover .txt p{ color: #F7F7F7;}
*/





.pic-view{ text-align: center; padding: 100px 0;}
.pic-view img{ max-width: 100%;}

.con-view{ text-align: center; padding: 100px 0;}
.con-view img{ max-width: 100%;}


.index_product{ margin:20px auto 0;}
.index_product dl{ margin-left:-18px; margin-right:-18px;}
.index_product dd{ text-align:center; width:260px; margin:30px 15px 0; float:left; display:inline; background:#fff; padding:22px 60px; box-shadow:0px 4px 20px 0px rgba(240,244,255,1); border-radius:4px; border:1px solid rgba(224,228,239,1);}
.index_product dt{ text-align:center; width:380px; margin:30px 15px 0; float:left; display:inline; background:#fff url(../images/image40.jpg) right bottom no-repeat; padding:76px 0; box-shadow:0px 4px 20px 0px rgba(240,244,255,1); border-radius:4px; border:1px solid rgba(224,228,239,1);}
.index_product dt a{ width:120px; line-height:36px; border-radius:4px; border:1px solid rgba(17,120,193,1); color:#0B70B8; display:inline-block;}
.index_product dt span{ width:42px; line-height:42px; border:1px solid #76B96C; display:inline-block; border-radius:100%; font-size:18px; margin:10px 0 0;}
.index_product dd:hover{ color:#fff; background:linear-gradient(315deg,rgba(118,184,107,1) 0%,rgba(117,183,107,1) 0%,rgba(108,178,108,1) 13%,rgba(72,155,142,1) 49%,rgba(10,115,173,1) 100%);}
.index_product dd h2{ font-size:18px; font-weight:bold; margin:25px 0 10px;}
.index_product dd p{ margin:0 0 20px; color:#687284;}
.index_product dd b{ display:block; width:112px; vertical-align:top; margin:0 26px 0 0; float:left;}
.index_product dd a{ width:120px; line-height:34px; color:#9CA2B4; display:inline-block;border-radius:4px; border:1px solid rgba(255,255,255,1);}
.index_product dd:hover p{ color:#fff;}
.index_product dd:hover a{ color:#fff;}
.index_more{ width:240px; margin:0 auto; text-align:center;}
.index_more a{ display:block; color:#fff; width:100%; height:80px; line-height:80px; border-radius:5px; letter-spacing:5px; background-color: #00B39B; font-size: 24px;}
.index_more a:hover{ background-color: #008C7E;}

.index_box02{ padding: 100px 0; 
	background:#fff url(../images/index_box02_bg.jpg) top center no-repeat; background-size: cover; margin-top: -6px
}

.index_box02 .w1200{ position: relative;}
.index_box02 .index_title{ text-align:left; background-size: cover;}
.index_box02 .index_title h1{ font-size:42px; display: block; vertical-align: middle;  height: 60px; line-height: 60px; color: #3F3F3F; font-weight: bold; padding-bottom: 10px;}
.index_box02 .index_title .subtitle{ font-size:18px; line-height: 200%; margin-bottom: 10px; vertical-align: middle; display: inline-block; color: #929292;}
.index_box02 .index_title span{ width: 50px; height: 4px; background-color: #1988CA; display:block; }
.index_box02 .index_title p{}

.index_box02 .solution{ padding: 50px 0; display: inline-block;}
.index_box02 .solution .l{ width: 49%; padding-right: 1%; display: inline-block; float: left;}
.index_box02 .solution .r{width: 49%; padding-left: 1%; display: inline-block; float: left;}
.index_box02 .solution li{ width: 49%; background-color: #fff; list-style: none; 
    box-sizing: border-box;
    border-radius: 20px; 
    box-shadow: 1px 2px 30px #D4E5F1; float: left; width: 49%; margin-left: 1%; height: 300px; margin-bottom: 30px; padding:10px 80px;}
.index_box02 .solution li .p{ text-align: center; padding: 30px 0;}
.index_box02 .solution li .p img{ max-width: 60%; }
.index_box02 .solution li .t{line-height: 180%; }
.index_box02 .solution li .t b{ font-size: 21px; font-weight: bold; color: #313333; line-height: 200%; padding-bottom: 20px; display: block;}
.index_box02 .solution li .t p{font-size: 16px;color: #313333; line-height: 180%; }
 

.index_box02 .solution li:first-child{ height: 630px; padding: 80px; margin-right: 1%; margin-left:0;  display: inline-block;  }
.index_box02 .solution li:first-child .p{ text-align: center; padding: 60px 0;}
 
 
.index_box03{ width:100%; padding: 100px 0;  background:#fff url(../images/index_box04_bg.jpg) top center no-repeat;background-size: cover; }
.index_box03 .index_title{ text-align:left; background-size: cover;}
.index_box03 .index_title h1{ font-size:42px; display: block; vertical-align: middle;  height: 60px; line-height: 60px; color: #3F3F3F; font-weight: bold; padding-bottom: 10px;}
.index_box03 .index_title .subtitle{ font-size:18px; line-height: 200%; margin-bottom: 10px; vertical-align: middle; display: inline-block; color: #929292;}
.index_box03 .index_title span{ width: 50px; height: 4px; background-color: #1988CA; display:block; }
.index_box03 .index_title p{}

.index_box03 .w1200{ position: relative;}

.index_news_nav{ position: absolute; right: 0; width: 70%; box-sizing: border-box; top:30px; text-align: right}
.index_news_nav li{ display: inline-block; }
.index_news_nav li a{ width: 130px; height: 48px; line-height: 48px; border:#ccc solid 1px; border-radius: 100px; text-align: center; font-size: 16px; display: block;}
.index_news_nav li a:hover{ background-color: #4E8CEE; display: block; border:#4E8CEE solid 1px; color: #fff;}
.index_news_nav li.on a{background-color: #4E8CEE; border:#4E8CEE solid 1px; color: #fff;}
.index_news_nav span{ float: right;}
.index_news_nav span a{ color: #387CD1;}

.index_news_p1{ width: 35%;  display: inline-block; padding-top: 70px; }
.index_news_p1 .p{ width: 100%; height: 285px; position: relative; overflow: hidden;}
.index_news_p1 .p i{ position: absolute; left: 20px; top: 20px; width: 68px; height: 22px; border:#fff solid 1px; color: #fff; text-align: center;}
.index_news_p1 .p i a{ color: #fff;}
.index_news_p1 .p img{ width: 100%;}
.index_news_p1 .t{ width: 100%; height: 162px; background-color: #fff; padding: 20px; box-sizing: border-box;box-shadow: 0px 6px 10px #d7e0ee;}
.index_news_p1 .t .ndate{ width: 72px; height: 72px; float: left; text-align: center; color: #fff; padding: 5px 0; box-sizing: border-box; background-color: #4D8BED; margin-right: 10px;}
.index_news_p1 .t .ndate b{ font-size: 34px;}
.index_news_p1 .t .ndate p{ font-size: 14px;}

.index_news_p1 .t .m-title{ font-size: 16px; font-weight: bold; line-height: 160%; text-align: left;}
.index_news_p1 .t .m-note{ padding-top: 7px; padding-bottom: 10px; font-size: 14px; line-height: 160%;}
.index_news_p1 .t a.more{ color: #387CD1; padding-left: 82px;}
.index_news_p1 .t a.more span{ color: #A6ACBA; font-size: 12px;}

.index_box03 .more-btn{border-radius: 100px;  background-color:#fff; width: 220px; height: 47px; line-height: 47px; display: block; text-align: center; color: #1E8FFF; font-size: 16px; margin: 0px auto; margin-top: 50px;box-shadow: 0px 6px 10px #ccc;}


.pro-more-btn{ border-radius: 100px;  background-color:#3AA1FA; width: 220px; height: 47px; line-height: 47px; display: block; text-align: center; color: #fff; font-size: 16px; margin: 50px auto; margin-top: 30px;box-shadow: 0px 6px 10px #d7e0ee;}
.pro-more-btn:hover{background-color:#1988CA;color: #fff;  } 

.pro-more-btn2{ border-radius: 100px;  background-color:#fff; width: 220px; height: 47px; line-height: 47px; display: block; text-align: center; color: #1E8FFF; font-size: 16px; margin: 0px auto; margin-top: 30px;box-shadow: 0px 6px 10px #1988CA;}
.pro-more-btn2:hover{background-color:#fff;color: #1E8FFF;  } 


.index_news_p2{ width: 63.5%; margin-left: 1%;  display: inline-block; padding-top: 70px; vertical-align: top;}
.index_news_p2 ul{}
.index_news_p2 ul li{background-color: #fff; padding: 15px; box-sizing: border-box; width: 100%; margin-bottom: 9px;box-shadow: 0px 6px 10px #d7e0ee;}
.index_news_p2 ul li .m-title{ font-size:16px; font-weight: bold; line-height: 160%; padding-top:7px;}
.index_news_p2 ul li .m-note{ padding-top: 10px; font-size: 14px; line-height: 160%; padding-bottom: 10px;  }
.index_news_p2 ul li .m-cate{ width: 68px; height: 22px; border:#387CD1 solid 1px; color: #387CD1; text-align: center; display: inline-block;}
/*.index_news_p2 ul li .m-date{ display: inline-block; background: url(../images/sj-icon@1x.png) no-repeat; padding-left: 20px; font-size: 14px; color: #697184; margin-left: 10px;}*/

.index_news_p2 ul li .m-date{ width: 72px; height: 72px; float: left; text-align: center; color:#595959; padding: 5px 0; box-sizing: border-box;  margin-right: 10px; border:#DDDDDD solid 1px;}
.index_news_p2 ul li .m-date b{ font-size: 34px;}
.index_news_p2 ul li .m-date p{ font-size: 14px;}


 

.index_news_p3{ width: 31.5%; margin-left: 2%;  display: inline-block; padding-top: 90px; vertical-align: top;}
.index_news_p3 ul{}
.index_news_p3 ul li{ border-bottom: #F3F4F8 solid 2px; padding: 17px 0 17px 12px; width: 100%; background: url(../images/icon.jpg) no-repeat 0px 24px;}





.index_news{ margin:70px 0 80px;}
.index_news .tit{ margin:0 300px 10px; width:600px; background:#fff; text-align:center; padding:20px 0; box-shadow:0px 6px 10px 0px rgba(235,235,235,1);}
.index_news .tit li.item{ width:33.33%; float:left;}
.index_news .tit li a{ display:block; font-size:18px;}
.index_news .tit li a b{ display:block; height:50px; text-align:center; margin:0 0 12px;}
.index_news .tit li.item a b.n_01{font-size: 40px; font-weight: normal;}
.index_news .tit li.item a b.n_01:after{ content: '\e60c'; font-family: "iconfont"; color: #222;}
.index_news .tit li.item a b.n_02{font-size: 40px; font-weight: normal;}
.index_news .tit li.item a b.n_02:after{ content: '\e610'; font-family: "iconfont"; color: #222;}
.index_news .tit li.item a b.n_03{font-size: 40px; font-weight: normal;}
.index_news .tit li.item a b.n_03:after{ content: '\e60d'; font-family: "iconfont"; color: #222;}
/*.index_news .tit li.item.on a b.n_01{ background:url(../images/news01.svg) center no-repeat;}*/
.index_news .tit li.item.on a b.n_01:after{ content: '\e60c'; font-family: "iconfont"; color: #00B39B;}
.index_news .tit li.item.on a b.n_02:after{ content: '\e610'; font-family: "iconfont"; color: #00B39B;}
.index_news .tit li.item.on a b.n_03:after{ content: '\e60d'; font-family: "iconfont"; color: #00B39B;}
.index_news .tit li.item.on a{ color:#00B39B;}
.index_news .desc{ margin-left:-15px; margin-right:-15px;}
.index_news .desc .item{ display:none;}
.index_news .desc .item.on{ display:block;}
.list-h1{}
.list-h1 li{ float:left; width:378px; margin:30px 15px 0; border: 1px solid #EEEEEE;}
.list-h1 li:hover{box-shadow: 0 10px 20px 0 rgba(0,0,0,0.10);}
.list-h1 .n_img{ width:100%; overflow:hidden;}
.list-h1 .n_img a{ display:block;}
.list-h1 .n_img a img{ width:100%;}
.list-h1 .n_img a:hover img{ -webkit-transform:scale(1.1); -ms-transform:scale(1.1); -o-transform:scale(1.1); transform:scale(1.1);}
.list-h1 .n_text{ padding:20px 25px 25px; background:#fff; 
/*	box-shadow:0px 6px 10px 0px rgba(235,235,235,1);*/
}
.list-h1 li:first-child .n_text{}
.list-h1 .n_text h2 a{ display:block; font-size:20px; line-height:28px; font-weight:bold;}
.list-h1 .n_text span{ color:#687284; display:block; margin:20px 0 26px; background:url(../images/time.png) left center no-repeat; padding:0 0 0 25px;}
.list-h1 .n_text p{ line-height:24px; color:#687284;}

 

.index_box04{ width:100%; height: 350px; margin-top: -69px;  background:url(../images/index_box05_bg.png) top center no-repeat; background-size: cover;}
.index_partner{ margin:80px auto 40px;}
.index_partner ul{ margin-left:-15px; margin-right:-15px;}
.index_partner li{ width:280px; float:left; margin:0 12px; display:inline; border:1px solid #E0E4EF; background: #fff;}
.index_partner li a{ width:100%; display:block;}
.index_partner li a img{ width:100%;}

.index_links{ height: 28px; line-height:30px; color:#fff; background: #2D3E4E; border-bottom:#415361 solid 1px; text-align: left;}
.index_links h5{ display:inline-block; float:left; }
.index_links .link_list{}
.index_links .link_list a{ color:#fff; display:inline-block; padding:0 10px 0 10px; font-size:14px;}

.footerbox{background:#14376C url(../images/footer_bg.jpg) top center no-repeat; padding:50px 0 10px 0; background-size: cover; }
.foot_menu{ margin:0 0 30px; position: relative;}
.foot_menu ul li{ float:left;}
.foot_menu ul li h3{ font-size:20px; color:rgba(255,255,255,1); margin:0 0 20px; text-align: left;}
.foot_menu ul li span{ width:30px; height:3px; display:block; background:#fff; margin:10px 0 15px;}
.foot_menu ul li.b01{ width:260px;}
.foot_menu ul li.b01 p{ line-height:25px; display: inline-block; margin:0 0 10px; color:#6D83A9; font-size: 14px;}

.foot_menu ul li.b02{ width:200px;}
.foot_menu ul li.b02 p{ line-height:25px; display: inline-block; margin:0 0 10px; color:#6D83A9; font-size: 14px;}

.foot_menu ul li.b03{ width:50%; position: absolute; top: 0px; right: 0px; text-align: right;}

.foot_menu ul li.b03 p{ line-height:25px; display: inline-block; margin:0 0 20px 30px; color:#6D83A9; font-size: 16px;}
.foot_menu ul li.b03 p a{ color: #fff}

.foot_menu ul li.b04{ width:121px;  text-align: center}


.foot_menu ul li strong{ font-size:28px; font-weight:normal; color:rgba(255,255,255,1);  margin:20px 0 5px; display:block; line-height:36px; background: url(../images/dh-icon@1x.png) no-repeat; padding-left: 40px;}
.foot_menu ul li a{ display:block; color:#bbb; width:100%;}
.foot_menu ul li a:hover{ color:#fff;}
.foot_menu ul li center{ color: rgba(255,255,255,0.65);width:100px; padding:0 0 5px; line-height: 260%; background: #fff;}
.foot_menu ul li center img{ width: 100%;}
.foot_menu ul li center p{ color: #333; line-height: 150%; font-size: 14px; letter-spacing: 2px; }

.f_bottom{position: absolute; right: 0px; top: 28px; width: 50%; line-height: 200%; color:#6C83A9; padding:15px 0 0; text-align: right; font-size: 14px;}
.f_bottom a{ color:#6C83A9;}
.f_bottom a:hover{ color:#fff;}
.f_bottom span{ padding:0 5px;}
.f_bottom .fl{ float:left; margin:0 0 10px;}
.f_bottom .fr{ float:right;}


.msg-box{ padding-bottom: 30px;}
.msg-box h1{font-size:30px; color: #fff;}
.msg-box .msg-form{ display: inline-block; margin: 25px 0}
.msg-box .msg-form li{ list-style-type: none; float: left; margin-right: 15px;}
.msg-box .msg-form li .text{ background-color: #fff; padding: 10px; height:16px;}
.msg-box .msg-form li .submit-btn{background-color:#FFA909; padding: 8.9px 22px; color: #fff}
.msg-box .msg-form li .yzm{ width: 100px;}
.msg-box .msg-form li .disabled{ width:100px; height:36px; background:#eee; text-align:center; line-height:24px; float:left; cursor:pointer; font-size: 12px; float: right; }

/*
.aside-bar{ position:fixed;right:0;bottom:50%;background-color:#fff;width:40px;z-index:999; box-shadow:0 0 10px rgb(0,0,0,0.1); border:1px solid #63B180; border-radius:2px 0px 0px 0px;}
.aside-bar a{display:block;height:40px;position: relative;}
.aside-bar a.s1{ background:url(../images/icon1-2.png) center no-repeat; border-bottom:1px solid #63B180; border-radius:2px 0px 0px 0px;}
.aside-bar a.s2{ background:url(../images/icon2-2.png) center no-repeat; border-radius:2px 0px 0px 0px;}
.aside-bar a.s3{ background:url(../images/icon_right03.png) no-repeat;}
.aside-bar a.s1:hover{ background:#63B180 url(../images/icon1.png) center no-repeat;}
.aside-bar a.s2:hover{ background:#63B180 url(../images/icon2.png) center no-repeat;}
.aside-bar a.s3:hover{ background:#76BA6B url(../images/icon_right03_hover.png) no-repeat;}
.aside-bar span{position:absolute;height:40px;right:44px;background-color:#fff;color:#63B180;width:120px;text-align: center;line-height:40px;border:1px solid rgba(225,230,240,1);display: none;}
.aside-bar a:hover span,.aside-bar a:hover .qr{display: block;}
*/


.aside-bar{ position:fixed;right:32px;bottom:5%; width:50px;z-index:999;  } 
.aside-bar a{display:block; width: 50px; height:50px; margin-bottom: 10px; line-height: 50px; position: relative; text-align: center; border:#ddd solid 1px; border-radius: 4px; background-color: #fff; color: #222; cursor: pointer; }
.aside-bar a:hover{background-color: #1F60BA;border:#1F60BA solid 1px;  color: #fff;}
.aside-bar a.s1{ font-size: 28px;  }
.aside-bar a.s2{  font-size: 28px;  }
.aside-bar a.s3{ font-size: 28px;  }
.aside-bar a.s4{ font-size: 28px; line-height: 40px;  }
.aside-bar a.s1:hover{ }
.aside-bar a.s2:hover{  }
.aside-bar a.s3:hover{ }
.aside-bar span{position:absolute; height:50px; top: -1px; right:60px;background: #FFFFFF;
border: 1px solid #EEEEEE;
box-shadow: 0 10px 10px 0 rgba(0,0,0,0.10);color:#222;width:190px;text-align: center;line-height:50px; display: none; font-size: 20px; padding: 0px 15px; box-sizing: border-box;}

    .aside-bar span:after,
    .aside-bar span:before {
        content: "";
        position: absolute;
        width: 0;
        height: 0;
        border: 8px solid transparent;
        border-left-color: #ccc;
        top: 50%;
        margin-top: -8px;
        right: -16px;
    }
 
    .aside-bar span:after {
        border-left-color: #fff;
        bottom: -7px;
    }


.aside-bar a:hover span,.aside-bar a:hover .qr{display: block;}


.breadcrumb{  }
.breadcrumb span{ padding:0 10px;}
.breadcrumb a{ color:#D0CFCF;}





.content_banner{ height:400px;  background-color: #fff; padding-top: 90px;}
.con_bj{ height:400px; background-size: cover !important;}
.content_banner .w1200{ position:relative; height:400px;}
.content_banner h3{ font-size:64px; font-weight:bold; color:#fff; line-height:260%; padding-top: 160px; text-align:center;}
/*.content_banner p{ font-size:24px;color:#fff; width: 62%; line-height:180%; margin: 0px auto;text-align:center;}*/
.content_banner .pro-logo{position: absolute; top: 20%; }
.content_banner .pro-logo img{ width: 220px;}
.content_banner .pro-title{ width: 70%; font-weight: bold; position: absolute; top: 20%; left: 0px; font-size:40px;line-height: 200%; color:#fff; font-weight: lighter;}
.content_banner .pro-title strong{font-size:50px;}
.content_banner .pro-title a.more-btn{ border-radius: 100px;  background-color: #fff; width: 200px; height: 47px; line-height: 47px; display: block; text-align: center; color: #fff; font-size: 16px; margin-top: 30px; background:linear-gradient(180deg,rgba(1,215,251,1) 0%,rgba(7,149,244,1) 100%);}

.content_banner .pro-subtitle{ width: 100%; position: absolute; top: 43%; left: 0px; }
.content_banner .pro-subtitle b{ display: block; font-size:24px;line-height: 180%; color:#313333; padding-bottom:15px;}
.content_banner .pro-subtitle .note{width: 70%; font-size:16px;line-height: 180%; color:#707070;}
.content_banner .pro-more{position: absolute; bottom: 90px;; right: 0px; width: 120px; height: 35px; line-height: 37px; background: #2189CB; display: block; color: #fff; border-radius: 5px; text-align: center;}


.solution_banner{ height:650px;  background-color: #2D3E4E; }
.solution_con_bj{ height:650px; background-size: cover !important;}
.solution_banner .w1200{ position:relative; height:650px;}
.solution_banner h3{ font-size:64px; font-weight:bold; color:#fff; line-height:260%; padding-top: 160px; text-align:center;}
/*.content_banner p{ font-size:24px;color:#fff; width: 62%; line-height:180%; margin: 0px auto;text-align:center;}*/
.solution_banner .pro-logo{position: absolute; top: 16%; }
.solution_banner .pro-logo img{ width: 168px;}
.solution_banner .pro-title{ width: 70%; position: absolute; top: 40%; left: 0px; font-size:38px;line-height: 200%; color:#fff; }

.solution_banner .pro-title a.more-btn{ border-radius: 100px;  background-color: #fff; width: 200px; height: 47px; line-height: 47px; display: block; text-align: center; color: #fff; font-size: 16px; margin-top: 30px; background:linear-gradient(180deg,rgba(1,215,251,1) 0%,rgba(7,149,244,1) 100%);}

.solution_banner .pro-subtitle{ width: 100%; position: absolute; top: 36%; left: 0px; }
.solution_banner .pro-subtitle b{ display: block; font-size:24px;line-height: 180%; color:#313333; padding-bottom: 20px;}
.solution_banner .pro-subtitle .note{width: 70%; font-size:16px;line-height: 180%; color:#707070;}
.solution_banner .pro-more{position: absolute; bottom: 140px; right: 0px; width: 120px; height: 35px; line-height: 37px; background: #2189CB; display: block; color: #fff; border-radius: 5px; text-align: center;}

.solution_banner .icon{position: absolute; bottom: 30px; right: 0px; height:530px;}
.solution_banner .icon img{ height: 100%; vertical-align: bottom; }

.solution_box_01{  background:#fff url(../images/solution_list_bg.jpg) top center no-repeat;  padding: 100px 0; height: 800px;}
.solution_box_01 .w1200{ position: relative;}
.solution_box_01 .index_title{ text-align:center; background-size: cover;}
.solution_box_01 .index_title h1{ font-size:34px; display: block; vertical-align: middle;  height: 60px; line-height: 60px; color: #3F3F3F; font-weight: bold; padding-bottom: 10px;}
.solution_box_01 .index_title .subtitle{ font-size:16px; line-height: 200%; margin-bottom: 10px; vertical-align: middle; display: inline-block; color: #929292;}
.solution_box_01 .index_title span{ width: 86px; height: 10px; border-radius: 100px; background-color: #1988CA; display:block; margin: 20px auto;}
.solution_box_01 .index_title p{}

.index_title img{ width: 320px;}

.solution_list{  }
.solution_list .swiper-container {
    padding: 30px 10px;
}
.solution_list li{ display: inline-block; width: 25%; height: 390px; vertical-align: top; border-radius: 35px; overflow: hidden; box-shadow: 0px 3px 6px #E4E4E4; border:#E4E4E4 solid 1px; box-sizing:border-box; background-color: #fff;}
.solution_list li .p{ position: relative; padding: 110px 0 0px 0px; text-align: center;}
.solution_list li .p img{ width: 100%;}
.solution_list li .p i{ width: 90px; height: 90px; display: block;   text-align: center; margin: 0px auto;}
.solution_list li .p i img{width: 100%; }
.solution_list li .t{ background: #fff; padding: 20px 10px;}
.solution_list li .t .m-title{ font-size: 18px; color: #525252; text-align: center; font-weight: bold;}
.solution_list li .t .m-title span{ width: 50px; height: 4px; background:linear-gradient(90deg,rgba(109,201,255,1) 0%,rgba(255,255,255,1) 100%); display: block; margin: 15px auto;}

.solution_box_01 .swiper-button-next{ position: absolute; bottom: 21%; top: auto; width: 76px; height: 128px; right: -76px; background: url(../images/swiper-button4.png) no-repeat bottom;} 
.solution_box_01 .swiper-button-prev{ position: absolute; bottom: 21%; top: auto; width: 76px; height: 128px; left: -76px; background: url(../images/swiper-button3.png) no-repeat top; background-position: 0px 0px;}




.solution_box_02{ background:#fff url(../images/solution_list_bg2.jpg) top center no-repeat;  padding: 100px 0; background-size: cover; }
.solution_box_02 .w1200{ position: relative;}
.solution_box_02 .index_title{ text-align:center; background-size: cover;}
.solution_box_02 .index_title h1{ font-size:34px; display: block; vertical-align: middle;  height: 60px; line-height: 60px; color: #fff; font-weight: bold; padding-bottom: 10px;}
.solution_box_02 .index_title .subtitle{ font-size:16px; line-height: 200%; margin-bottom: 10px; vertical-align: middle; display: inline-block; color: #fff;}
.solution_box_02 .index_title span{ width: 86px; height: 10px; border-radius: 100px; background-color: #fff; display:block; margin: 20px auto;}
.solution_box_02 .index_title p{}

.solution_list_02{ padding: 30px 0;}
.solution_list_02 li{ display: inline-block; width: 20.7%; height: 248px; vertical-align: top; border-radius: 100%; overflow: hidden; box-shadow: 0px 3px 6px #0D7AB9; border:#E4E4E4 solid 1px; box-sizing:border-box; background-color: #fff; margin: 20px 2%}
.solution_list_02 li .p{ position: relative; padding: 20px 0 0px 0px; text-align: center;}
.solution_list_02 li .p img{ width: 100%;}
.solution_list_02 li .p i{ width: 90px; height: 72px; display: block;   text-align: center; margin: 0px auto;}
.solution_list_02 li .p i img{width:80%; }
.solution_list_02 li .t{ background: #fff; padding:10px;}
.solution_list_02 li .t .m-title{ font-size: 18px; color: #525252; text-align: center; font-weight: bold;}
.solution_list_02 li .t .m-title span{font-size: 15px; color: #636363; padding: 0px 15px; font-weight: normal;display: block; margin: 12px auto;}



.solution_box_03{ background:#E5EDF8 url(../images/solution_list_bg3.jpg) top center no-repeat;  padding: 100px 0; height: auto;background-size: cover; }
.solution_box_03 .w1200{ position: relative;}
.solution_box_03 .index_title{ text-align:center; background-size: cover;}
.solution_box_03 .index_title h1{ font-size:34px; display: block; vertical-align: middle;  height: 60px; line-height: 60px; color: #333333; font-weight: bold; padding-bottom: 10px;}
.solution_box_03 .index_title .subtitle{ font-size:16px; line-height: 200%; margin-bottom: 10px; vertical-align: middle; display: inline-block; color: #636363;}
.solution_box_03 .index_title span{ width: 86px; height: 10px; border-radius: 100px; background-color: #1989CB; display:block; margin: 20px auto;}
.solution_box_03 .index_title p{}

.solution_list_03{ padding: 60px 0;}





.solution_page_gbj{  background:#fff;  padding: 100px 0; height: auto;}
.solution_page_gbj .w1200{ position: relative;}
.solution_page_gbj .index_title{ text-align:center; background-size: cover;}
.solution_page_gbj .index_title h1{ font-size:34px; display: block; vertical-align: middle;  height: 60px; line-height: 60px; color: #3F3F3F; font-weight: bold; padding-bottom: 10px;}
.solution_page_gbj .index_title .subtitle{ font-size:16px; line-height: 200%; margin-bottom: 10px; vertical-align: middle; display: inline-block; color: #929292;}
.solution_page_gbj .index_title span{ width: 86px; height: 10px; border-radius: 100px; background-color: #1988CA; display:block; margin: 20px auto;}
.solution_page_gbj .index_title p{}

.solution_list_gbj{}
.solution_list_gbj .swiper-container {
    padding: 30px 10px;
}
.solution_list_gbj li{ display: inline-block; width: 25%; height: 390px; vertical-align: top; border-radius: 35px; overflow: hidden; box-shadow: 0px 3px 6px #E4E4E4; border:#E4E4E4 solid 1px; box-sizing:border-box; background-color: #fff;}
.solution_list_gbj li .p{ position: relative; padding: 110px 0 0px 0px; text-align: center;}
.solution_list_gbj li .p img{ width: 100%;}
.solution_list_gbj li .p i{ width: 90px; height: 90px; display: block;   text-align: center; margin: 0px auto;}
.solution_list_gbj li .p i img{width: 100%; }
.solution_list_gbj li .t{ background: #fff; padding: 20px 10px;}
.solution_list_gbj li .t .m-title{ font-size: 18px; color: #525252; text-align: center; font-weight: bold;}
.solution_list_gbj li .t .m-title span{ width: 50px; height: 4px; background:linear-gradient(90deg,rgba(109,201,255,1) 0%,rgba(255,255,255,1) 100%); display: block; margin: 15px auto;}

.solution_page_gbj .swiper-button-next{ position: absolute; bottom: 35%; top: auto; width: 76px; height: 128px; right: -76px; background: url(../images/swiper-button4.png) no-repeat bottom;} 
.solution_page_gbj .swiper-button-prev{ position: absolute; bottom: 35%; top: auto; width: 76px; height: 128px; left: -76px; background: url(../images/swiper-button3.png) no-repeat top; background-position: 0px 0px;}




.menu_box{ position:absolute; left:0px; bottom:0px; width:100%; background:rgba(48,53,58,0.5);}
.menu_list{ text-align:center;}
.menu_list li{ display:inline-block; margin:0 50px; font-size:16px;}
.menu_list li a{ display:block; width:100%; padding:10px 0; line-height:26px; color:rgba(255,255,255,0.8); text-align:center;}
.menu_list li.hover a{ border-bottom:4px solid #63B180; color:rgba(255,255,255,1);}



.main-container{ width:100%;}
.main-container img{max-width: 100%;}
.bg-gray{ background-color: #F3F7FA;}
 

.pro-info{ padding: 100px 0;}
.pro-info ul{text-align: center}
.pro-info ul li{ display: inline-block; width: 25%; vertical-align: top;}
.pro-info ul li .icon{ }
.pro-info ul li .m-title{ font-size: 20px; padding-bottom: 10px;}
.pro-info ul li .m-note{ font-size: 14px; line-height: 160%;}
.pro-info ul li .m-note h1{ padding-bottom: 30px; font-weight: bold;}
.pro-info ul li .m-note p{line-height: 160%; color: #666; font-size: 14px;}
.pro-info ul li .m-note p *{font-size: 14px;}

.p_737 ul li{width: 23%;}
.p_738 ul li{width: 23%;}
.p_739 ul li{width: 18%;}


/*#products{ padding: 0px 5px;}*/

.index-pro-list{ width: 100%; padding: 100px 0; background:#E3ECFB url(../images/index_box03_bg.jpg) top center no-repeat; background-size: cover;}
.index-pro-list .w1200{ position: relative;}

.index-pro-list .index_title{ text-align:left; background-size: cover;}
.index-pro-list .index_title h1{ font-size:42px; display: block; vertical-align: middle;  height: 60px; line-height: 60px; color: #fff; font-weight: bold; padding-bottom: 10px;}
.index-pro-list .index_title .subtitle{ font-size:18px; line-height: 200%; margin-bottom: 10px; vertical-align: middle; display: inline-block; color: #fff;}
.index-pro-list .index_title span{ width: 50px; height: 4px; background-color: #fff; display:block; }
.index-pro-list .index_title p{}


 
.index-pro-list ul{text-align: left; height: 518px; padding: 50px 0px 0px 0px; }
.index-pro-list .swiper-container{ padding: 30px 0;}

.index-pro-list ul li{ display: inline-block; width: 25%; height: 518px; vertical-align: top; border-radius: 35px; overflow: hidden; box-shadow: 0px 6px 10px #D7E0EE; margin: 5px 0; background-color: #fff;}
.index-pro-list ul li .p{ position: relative; padding: 50px 0 0px 0px; text-align: center;}
.index-pro-list ul li .p img{ width: 100%;}
.index-pro-list ul li .p i{ width: 90px; height: 90px; display: block; border-radius: 100px;  margin: 0px auto;}
.index-pro-list ul li .p i img{width: 100%;  }
.index-pro-list ul li .t{ background: #fff; padding: 20px 30px;}
.index-pro-list ul li .t .m-title{ font-size: 30px; padding-bottom: 20px; font-weight: bold; text-align: center}
.index-pro-list ul li .t .m-note{ font-size: 16px; min-height: 200px; color: #777777; line-height: 180%; padding-bottom: 25px;}
.index-pro-list ul li .t a.more{ background-color: #4D8BED; color: #fff; padding-bottom: 15px; display: inline-block; border-radius: 100px; padding: 10px 30px;}
.index-pro-list ul li .t a.more span{ color: #fff; font-size: 12px; font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, "sans-serif"}
.index-pro-list ul li:hover .t a.more{box-shadow: 1px 5px 10px #C4E4FF;}

.index-pro-list .swiper-button-next{ position: absolute; top: 63%; width: 50px; height: 84px; right: -55px; background: url(../images/swiper-button2.png) no-repeat bottom;} 
.index-pro-list .swiper-button-prev{ position: absolute; top: 63%; width: 50px; height: 84px; left: -55px; background: url(../images/swiper-button.png) no-repeat; background-position: 0px 0px;}

 

.pro-list{ width: 100%; background-color: #F3F7FA; padding: 100px 0;}
.pro-list ul{text-align: left}
.pro-list ul li{ display: inline-block; width: 25%; vertical-align: top;}
.pro-list ul li .p{ position: relative;}
.pro-list ul li .p img{ width: 100%;}
.pro-list ul li .p i{ position: absolute; left: 42%; top: 36%; width: 50px;}
.pro-list ul li .p i img{width: 100%;}
.pro-list ul li .t{ background: #fff; padding: 20px;}
.pro-list ul li .t .m-title{ font-size: 18px; padding-bottom: 10px; font-weight: bold;}
.pro-list ul li .t .m-note{ font-size: 14px; line-height: 180%; padding-bottom: 15px;}
.pro-list ul li .t a.more{ color: #387CD1; padding-bottom: 15px; display: block;}
.pro-list ul li .t a.more span{ color: #A6ACBA; font-size: 12px;}



.gbj-box{ padding: 100px 0; width: 100%; display: inline-block;}
.gbj-box .n-list{ width: 100%; float:left; padding-top: 10px;}
.gbj-box .n-list li{ width:100%; height: 300px; font-size: 20px; color: #fff; list-style: none; box-sizing: border-box; position: relative; margin-bottom: 50px; cursor: pointer;}
.gbj-box .n-list li .mask{ position: absolute; left: 0px; top: 0px; width: 100%; height: 80px; background-color: #333; opacity: 0.7;}

.gbj-box .n-list li.active{border-right:#1F60BA solid 6px; background: #fff !important; color: #1F60BA;}
.gbj-box .n-list li.active .mask{opacity: 0;}

.gbj-box .n-list li .p{ width:30%; overflow: hidden; display: inline-block; float: left;}
.gbj-box .n-list li .t{ width:70%; height: 280px; padding:20px; box-sizing: border-box; background-color: #F1F6FF; display: inline-block; float: left;}
.gbj-box .n-list li .t .m-title{ color: #212121; font-size: 20px; font-weight: bold; padding-bottom: 20px;} 
.gbj-box .n-list li .t .m-note{ color: #636161; font-size: 14px; line-height: 240%;}
.gbj-box .n-list li .t strong{ color: #2189CB}







.gbj-box .n-content{ width: 820px; float: right; }
.gbj-box .n-content li{list-style: none;}
.gbj-box .n-content li .m-thumb{ height: 120px;}
.gbj-box .n-content li .m-details{ background-color: #fff; padding: 20px;min-height: 600px;}
.gbj-box .n-content li .m-details h1{font-size: 20px; font-weight: bold; line-height: 200%; padding-bottom: 15px; border-bottom: #ddd solid 1px;}
.gbj-box .n-content li .m-details .t{ line-height: 200%; padding: 20px 0;}
.gbj-box .n-content li .m-details .t p{}


.gbw-box{ padding:70px 0; width: 100%; display: inline-block;}
.gbw-box .n-list{ width: 100%; float:left;  }
.gbw-box .n-list li{ width:31%; margin: 10px 1%; height: 240px; display: inline-block; list-style: none; box-sizing: border-box; position: relative;  } 
.gbw-box .n-list li .p{width:100%; height: 168px; overflow: hidden;}
.gbw-box .n-list li .p img{ max-width: 100%;}
.gbw-box .n-list li .t{ background-color: #fff; padding: 20px; font-size: 18px; font-weight: bold;} 





.liquid-counter-element{display: inline-block !important;}
.liquid-counter-element > span{ display: inline-block !important;}
 
.liquid-counter-element > span{ padding-right: 5px;}
.text-center .liquid-counter-element i {
    display: inline-block;
    vertical-align: middle; font-size: 40px; font-weight: lighter;
}
.liquid-counter-element .liquid-counter-text{ display: block !important;}
.liquid-counter .counter-p{ padding: 15px 8px 0 8px; font-size: 15px; line-height: 180%; color: #666;}
.liquid-counter .counter-p p{margin-bottom: 0px !important;}
.liquid-counter-text{ line-height: 2em !important;}
.data-view .lqd-column{ border-right: #eee solid 1px;}
.data-view .lqd-column:last-child{ border: none;}

.liquid-counter{ margin-bottom: 0px !important;}





.gby-box{ padding:70px 0; width: 100%; display: inline-block;}
.gby-box .n-list{ width: 100%; float:left;  }
.gby-box .n-list li{ width:22.5%; margin: 10px 1%; height: 150px; display: inline-block; list-style: none; box-sizing: border-box; position: relative;  } 
.gby-box .n-list li .p{width:100%; height: 150px; overflow: hidden;}
.gby-box .n-list li .p img{ max-width: 100%;}
.gby-box .n-list li .p i{ position: absolute; left: 44%; top: 25%;}
.gby-box .n-list li .p i img{ width: 40px; height: 40px;}
.gby-box .n-list li .t{position: absolute; top: 55%; text-align: center; width: 100%; font-size: 16px; color: #fff; } 

.gby-box01{padding:70px 0; width: 100%; display: inline-block; background-color: #fff;}
.gby-pro-info{ width: 937px; height: 255px; padding: 50px 0 100px 0; box-sizing: border-box; margin: 0px auto; background: url(../images/gby_box01_bg.png) no-repeat center;}
.gby-pro-info ul{text-align: center}
.gby-pro-info ul li{ display: inline-block; width: 19%; vertical-align: top;}
.gby-pro-info ul li .icon{ }
.gby-pro-info ul li .m-title{ font-size: 20px; font-weight: bold; padding-top: 10px;}
.gby-pro-info ul li .m-note{ font-size: 14px; line-height: 160%;}
.gby-pro-info ul li .m-note h1{ padding-bottom: 30px; font-weight: bold;}
.gby-pro-info ul li .m-note p{line-height: 160%; color: #666; font-size: 14px;}
.gby-pro-info ul li .m-note p *{font-size: 14px;}

.gby-box02{padding:70px 0; width: 100%; display: inline-block; background-color:#EFF4FA;}
.gby-box02 ul{text-align: center}
.gby-box02 ul li{ display: inline-block; width: 100%; vertical-align: top; border:#ACD2EC solid 1px; background-color: #E4F1F9; margin-bottom: 70px; position: relative;}
.gby-box02 ul li .t{width: 20%; height: 100%; font-size: 24px; float: left; display:flex; color: #545454; font-weight: bold; box-sizing: border-box; align-items: center; flex-wrap: wrap;
    justify-content: center;}
.gby-box02 ul li .t .tit{display: block; width: 100%;}
.gby-box02 ul li .t .tit i{ display: block; margin-bottom: 10px;  } 
.gby-box02 ul li .t .tit b{ font-size: 18px; vertical-align: top; }
.gby-box02 ul li .n{width: 80%;float: left; display: inline-block; background-color:#fff;}
.gby-box02 ul li .n .n-list{ width: 33.22%; float: left; padding: 50px 0 30px 0; border-left:#ACD2EC solid 1px; border-top:#ACD2EC solid 1px;margin-top: -1px; font-size: 20px; color: #4E4E4E; }
.gby-box02 ul li .n .n-list b,.gby-box02 ul li .n .n-list strong { margin-bottom: 20px; display: block;}
.gby-box02 ul li .n .n-list .n-note{}
.gby-box02 ul li .n .n-list .n-note p{font-size: 20px; color: #4E4E4E; line-height: 160%;}


.gbd-box01{padding:70px 0; width: 100%; display: inline-block; background-color: #fff;}
.gbd-pro-info{ width: 100%; height: 350px; padding: 50px 0 100px 0; box-sizing: border-box; margin: 0px auto; display: inline-block;}
.gbd-pro-info ul{text-align: center}
.gbd-pro-info ul li{ display: inline-block; width: 17.5%; height: 210px; vertical-align: top; background: url(../images/gbd_pro_bg.png) no-repeat center; background-size: cover; padding: 65px 0; box-sizing: border-box; position: relative; margin-right: 1%; margin-left: 1%;}
.gbd-pro-info ul li .icon{ position: absolute; top: 0px; left: 0px;}
.gbd-pro-info ul li .m-title{ font-size: 20px; font-weight: bold; padding-top: 10px; line-height: 180%;}
.gbd-pro-info ul li .m-title *{font-size: 20px !important; line-height: 180% !important;}
.gbd-pro-info ul li .m-note{ font-size: 14px; line-height: 160%;}
.gbd-pro-info ul li .m-note h1{ padding-bottom: 30px; font-weight: bold;}
.gbd-pro-info ul li .m-note p{line-height: 160%; color: #666; font-size: 14px;}
.gbd-pro-info ul li .m-note p *{font-size: 14px;}

.gbd-box02{padding:70px 0; width: 100%; display: inline-block; background-color:#F5F7FB;}
.gbd-box02 .index_title{ text-align:center; background-size: cover;}
.gbd-box02 .index_title h1{ font-size:34px; display: block; vertical-align: middle;  height: 60px; line-height: 60px; color: #3F3F3F; font-weight: bold; padding-bottom: 10px;}
.gbd-box02 .index_title .subtitle{ font-size:16px; line-height: 200%; margin-bottom: 10px; vertical-align: middle; display: inline-block; color: #929292;}
.gbd-box02 .index_title span{ width: 86px; height: 10px; border-radius: 100px; background-color: #1988CA; display:block; margin: 20px auto;}
.gbd-box02 .index_title p{}

.gbd-box{ padding:70px 0; width: 100%; display: inline-block;}
.gbd-box .n-list{ width: 100%; float:left;  }
.gbd-box .n-list li{ width:47.8%; margin: 0px 1%; background:#F9FAFD; height: 300px; margin-bottom: 20px; display: inline-block; list-style: none; box-sizing: border-box; position: relative; border-radius: 10px; padding:25px; box-shadow: 0px 1px 13px #D2DCEC;  } 
.gbd-box .n-list li .p{width:45%; display: inline-block; height:250px; overflow: hidden;}
.gbd-box .n-list li .p img{ max-width: 100%;}
.gbd-box .n-list li .t{width:54%; display: inline-block; padding: 20px 15px 20px 20px; box-sizing: border-box; vertical-align: top;} 
.gbd-box .n-list li .t .m-title{ font-size: 20px; font-weight: bold; padding-bottom: 10px; margin-bottom: 15px; border-bottom: #D9DFE7 solid 1px;}
.gbd-box .n-list li .t .m-note{ font-size: 15px; line-height: 180%; color: #666; }


.gbd-box03{padding:70px 0; width: 100%; display: inline-block; background:#fff url(../images/gbd_box03_bg.jpg) no-repeat center bottom;}
.gbd-box03 .index_title{ text-align:center; background-size: cover;}
.gbd-box03 .index_title h1{ font-size:34px; display: block; vertical-align: middle;  height: 60px; line-height: 60px; color: #3F3F3F; font-weight: bold; padding-bottom: 10px;}
.gbd-box03 .index_title .subtitle{ font-size:16px; line-height: 200%; margin-bottom: 10px; vertical-align: middle; display: inline-block; color: #929292;}
.gbd-box03 .index_title span{ width: 86px; height: 10px; border-radius: 100px; background-color: #1988CA; display:block; margin: 20px auto;}
.gbd-box03 .index_title p{}

 
.gbd-box03 .n-list{ width: 100%; display: inline-block; padding: 30px 0;  } 
.gbd-box03 .n-list li{ width:30%; margin: 0px 1%; margin-bottom: 20px; display: inline-block; list-style: none; box-sizing: border-box; position: relative; border-radius: 10px; padding:25px;   } 
.gbd-box03 .n-list li .p{width:100%; display: inline-block; overflow: hidden;}
.gbd-box03 .n-list li .p img{ max-width: 100%;}
.gbd-box03 .n-list li .p h1{ font-size: 26px; margin-left: 15px; font-weight: bold; padding-top: 5px;}
.gbd-box03 .n-list li .p h1 span{ width: 18px; height: 2px; background-color: #175FD7; margin-top: 5px; display: block;}
.gbd-box03 .n-list li .t{width:100%; display: inline-block; padding: 20px 0; box-sizing: border-box; vertical-align: top;} 
.gbd-box03 .n-list li .t .m-title{ font-size: 20px; font-weight: bold; padding-bottom: 10px; margin-bottom: 15px; border-bottom: #D9DFE7 solid 1px;}
.gbd-box03 .n-list li .t .m-note{ font-size: 16px; line-height: 180%; color: #666; }
.gbd-box03 .n-list li .t .m-note h2{ font-size: 18px; color: #3F3F3F; font-weight: bold; background:url(../images/gbd_icon_01.png) no-repeat left; padding-left: 30px;}
.gbd-box03 .n-list li .t .m-note p{ font-size: 16px; line-height: 160%; color: #777777; padding:10px 0 20px 30px}
.gbd-box03 .n-list li:nth-child(even){float: right;}




.gbj-box01{padding:70px 0; width: 100%; display: inline-block; background-color: #fff;}
.gbj-pro-info{ width: 100%; padding: 50px 0; box-sizing: border-box; margin: 0px auto; display: inline-block;}
.gbj-pro-info ul{text-align: center}
.gbj-pro-info ul li{ display: inline-block; width: 17.5%; vertical-align: top;  box-sizing: border-box; position: relative; margin-right: 1%; margin-left: 1%;}
.gbj-pro-info ul li .icon{ }
.gbj-pro-info ul li .m-title{ font-size: 20px; font-weight: bold; padding-top: 15px; line-height: 180%;}
.gbj-pro-info ul li .m-note{ font-size: 14px; line-height: 200%;}
.gbj-pro-info ul li .m-note h1{ padding-bottom: 30px; font-weight: bold;}
.gbj-pro-info ul li .m-note p{line-height: 160%; color: #666; font-size: 14px;}
.gbj-pro-info ul li .m-note p *{font-size: 14px;}


.kjcx-box{ padding: 100px 0; width: 100%; display: inline-block;}
.kjcx-box .n-list{ width: 100%; float:left; }
.kjcx-box .n-list li{ width:100%; display: inline-block; padding: 20px; font-size: 20px; color: #fff; list-style: none; box-sizing: border-box; position: relative; margin-bottom: 50px; cursor: pointer; background-color: #EAF2F9; border-radius: 20px;}
.kjcx-box .n-list li .mask{ position: absolute; left: 0px; top: 0px; width: 100%; height: 80px; background-color: #333; opacity: 0.7;}

/*.kjcx-box .n-list li.active{border-right:#1F60BA solid 6px; background: #fff !important; color: #1F60BA;}
.kjcx-box .n-list li.active .mask{opacity: 0;}*/

.kjcx-box .n-list li .p{ width:22%; background-color: #fff; padding:40px 20px; box-sizing: border-box; border:#ccc solid 1px; border-radius: 20px; overflow: hidden; display: inline-block; float: left;}
.kjcx-box .n-list li .p i{ width: 90px; height: 90px; display: block; margin: 0px auto;}
.kjcx-box .n-list li .p i img{width: 100%; }


.kjcx-box .n-list li .t{ width:78%; padding:0 30px; box-sizing: border-box; display: inline-block; float: left;}
.kjcx-box .n-list li .t .m-title{ color: #212121; font-size: 20px; font-weight: bold; padding-bottom: 20px;} 
.kjcx-box .n-list li .t .m-note{ color: #636161; font-size: 14px; line-height: 200%; }
.kjcx-box .n-list li .t .m-note p{padding-bottom: 10px;}
.kjcx-box .n-list li .t strong{ color: #2189CB}
.kjcx-box .n-list li .t .more{ width: 96px; height: 25px; line-height: 25px; display: block; color: #0A7AEA; border-radius: 10px; border:#3E9DFF solid 1px; background-color: #fff; text-align: center;}
.kjcx-box .n-list li .t .more:hover{ background-color: #0A7AEA;color: #fff;}


.news_slider{ margin:30px 0; height: 500px; border-radius: 15px;}
.news_slider li{ position: relative; width: 100%; height: 500px; overflow: hidden;}
.news_slider li .t{ position: absolute; width: 100%; padding:20px 40px; box-sizing: border-box; bottom: 0px; left: 0px; background-color:rgba(0,0,0,0.6); height: 100px; line-height: 180%; font-size: 18px; color: #fff; z-index: 0;}
.news_slider li .t b{}
.news_slider li .t p{}

.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{ z-index: 99; bottom:20px; right: 20px; left: auto; text-align: right; width: 100%; float: right;  }
.swiper-pagination-bullet{ width:16px; height:16px; margin-right: 7px !important; border-radius:100%; background-color: #497DC6; opacity:1;}
.swiper-pagination-white .swiper-pagination-bullet-active{ background-color: #F3F7FA;}
.swiper-pagination-bullet-active {
    opacity: 1;
    background: #F3F7FA;
}


.catelist{ padding:10px 0 20px 0; border-bottom: #ccc solid 1px;}
.catelist .tit{ background:#fff; text-align:left;}
.catelist .tit li.item{ height: 40px; margin-right: 60px; line-height: 40px; text-align:left; display: inline-block;}
.catelist .tit li a{ display:block; font-size:14px;}
.catelist .tit li a b{ display:inline-block; vertical-align: top; height:50px; text-align:center; margin:0 12px 0 0;}
.catelist .tit li.item a b.n_01{font-size: 40px; font-weight: normal;}
.catelist .tit li.item a b.n_01:after{ content: '\e60c'; font-family: "iconfont"; color: #222;}
.catelist .tit li.item a b.n_02{font-size: 40px; font-weight: normal;}
.catelist .tit li.item a b.n_02:after{ content: '\e610'; font-family: "iconfont"; color: #222;}
.catelist .tit li.item a b.n_03{font-size: 40px; font-weight: normal;}
.catelist .tit li.item a b.n_03:after{ content: '\e60d'; font-family: "iconfont"; color: #222;}
/*.index_news .tit li.item.on a b.n_01{ background:url(../images/news01.svg) center no-repeat;}*/
.catelist .tit li.item.on{  border-bottom: #004DFF solid 5px; color: #004DFF;}
.catelist .tit li.item.on a b.n_01:after{ content: '\e60c'; font-family: "iconfont"; color: #fff;}
.catelist .tit li.item.on a b.n_02:after{ content: '\e610'; font-family: "iconfont"; color: #fff;}
.catelist .tit li.item.on a b.n_03:after{ content: '\e60d'; font-family: "iconfont"; color: #fff;}
.catelist .tit li.item.on a{ color:#2060BA; font-weight: bold;}


.catelist .tit li.item_title{ font-size: 22px; height: 40px; margin-right: 60px; line-height: 40px; text-align:left; display: inline-block;}
.catelist .tit li.item_title a{font-size: 22px; font-weight: bold;}


.newsbox{ width:1200px; margin:50px auto; padding: 60px 0; padding-top: 0px;}
.news_list{ }
/*
.news_list li{ float:left; width:380px; margin:0 15px 40px;}
.news_list li .n_img{ width:100%; overflow:hidden;}
.news_list li .n_img a{ display:block;}
.news_list li .n_img a img{ width:100%;}
.news_list li .n_img a:hover img{ -webkit-transform:scale(1.1); -ms-transform:scale(1.1); -o-transform:scale(1.1); transform:scale(1.1);}
.news_list li .n_text{ padding:20px 25px 25px; background:#fff; box-shadow:0px 6px 10px 0px rgba(235,235,235,1); height: 108px;}
.news_list li li:first-child .n_text{}
.news_list li .n_text h2{ max-height: 60px; overflow: hidden;}
.news_list li .n_text h2 a{ display:block; font-size:20px; line-height:28px; font-weight:bold;}
.news_list li .n_text  span{ color:#687284; display:block; margin:20px 0 26px; background:url(../images/time.png) left center no-repeat; padding:0 0 0 25px;}
.news_list li .n_text p{ line-height:24px; color:#687284;}
*/


.news_list li{ width:100%; height: 255px; margin-bottom: 50px; display: inline-block; list-style: none; box-sizing: border-box; position: relative;  } 
.news_list li .p{width:38%; float: left; display: inline-block; height: 255px; overflow: hidden;}
.news_list li .p img{ max-width: 100%; height: 255px;}
.news_list li .t{width:62%; float: left;  height: 255px; display: inline-block;  background-color:#F1F6FF; padding:25px 30px; box-sizing: border-box; vertical-align: top;} 
.news_list li .t .m-title{ font-size: 18px; font-weight: bold; padding-bottom: 20px;}
.news_list li .t .m-title i{ width: 68px; height: 24px; line-height: 24px; color: #fff; text-align: center; display: inline-block; font-size: 13px; background-color: #C76566; margin-left: 15px; font-weight: normal; font-style: normal;} 
.news_list li .t .m-title i a{ color: #fff;} 
.news_list li .t .m-title i.cate_68{background-color: #EADA00;}
.news_list li .t .m-title i.cate_8{background-color:#00D9A3;}
.news_list li .t .m-title i.cate_696{background-color: #26C9FF;}
.news_list li .t .m-title i.cate_740{background-color: #FFA64D;}
.news_list li .t .m-title i.cate_741{background-color: #E473B5;}
.news_list li .t .m-title i.cate_742{background-color: #A3D900;} 


.news_list li .t .m-note{ font-size: 14px; line-height: 160%; color: #666; padding-bottom: 25px; padding-top: 25px; border-top:#E3E3E3 solid 1px; margin-top:20px;}
.news_list li .t .m-date{ height: 32px; line-height: 32px; display: inline-block; background: url(../images/sj-icon.png) no-repeat 0 2px; padding-left:32px; font-size: 14px; color: #697184;}
.news_list li .t .m-hits{ height: 32px; line-height: 32px; display: inline-block; background: url(../images/ck-icon.png) no-repeat 0 2px; padding-left:32px; font-size: 14px; color: #697184; margin-left: 80px;}
.news_list li .t .m-cate{ float: right; width: 105px; height: 35px; line-height: 35px; color: #fff; text-align: center; display: inline-block; font-size: 14px; background-color:#E8EEF8; margin-left: 15px; font-weight: normal; font-style: normal; border-radius: 100px;} 


.am-pagination{padding-left:0;list-style:none;color:#999;text-align:left}
.am-pagination:after,.am-pagination:before{content:" ";display:table}
.am-pagination:after{clear:both}
.am-pagination>li{display:inline-block}
.am-pagination>li>a,.am-pagination>li>span{position:relative;display:block;padding:.5em .8em;text-decoration:none;line-height:1.2;background-color:#fff;border:1px solid #ddd;border-radius:0;margin-bottom:5px;margin-right:0px; font-size: 12px;}
.am-pagination>li:last-child>a,.am-pagination>li:last-child>span{margin-right:0}
.am-pagination>li>a:focus,.am-pagination>li>a:hover,.am-pagination>li>span:focus,.am-pagination>li>span:hover{background-color:#eee}
.am-pagination>.am-active>a,.am-pagination>.am-active>a:focus,.am-pagination>.am-active>a:hover,.am-pagination>.am-active>span,.am-pagination>.am-active>span:focus,.am-pagination>.am-active>span:hover{z-index:2;color:#fff;background-color:#1989CB;border-color:#1989CB;cursor:default}
.am-pagination>.am-disabled>a,.am-pagination>.am-disabled>a:focus,.am-pagination>.am-disabled>a:hover,.am-pagination>.am-disabled>span,.am-pagination>.am-disabled>span:focus,.am-pagination>.am-disabled>span:hover{color:#999;background-color:#fff;border-color:#ddd;cursor:not-allowed;pointer-events:none}
.am-pagination .am-pagination-prev{ }
.am-pagination .am-pagination-prev a{border-radius:0}
.am-pagination .am-pagination-next{ }
.am-pagination .am-pagination-next a{border-radius:0}
.am-pagination-centered{text-align:center}
.am-pagination-right{text-align:right}

.details_box{ width:100%; margin:0 0 60px; padding-top: 60px;}
.news_title{ margin:0 0 50px;}
.news_date{ display:block; float:left; width:119px; border-right:1px solid #aaa; color:#007DC3; margin:0 40px 0 0;}
.news_date span{ font-size:50px;}
.n_right{ width: 100%; padding: 20px 0}
.n_right h2{ font-size:30px; line-height:200%; margin:0 0 15px; text-align: center;}
.n_right h3{font-size:14px; color: #666; text-align: center;}
.n_right p{ color:#777;}
.details_text{ line-height:30px;}
.details_text img{ max-width:100%;}
.details_text h1{font-size: 20px;
color: #000000;line-height: 200%;}
.details_text p{font-size: 16px;
color: #666666;
text-align: justify;
line-height: 200%; padding-bottom: 20px;}
.details_page{ padding:20px 0 0; border-top:1px solid #ddd; margin:0 0 60px;}
.details_page li{ padding:20px 0; line-height:20px;}

.partnersbox{ width:1200px; margin:80px auto 60px;}
.partners_list{ width:100%; margin:0 0 20px;}
.partners_list .p_title{ width:1160px; height:40px; line-height:40px; font-size:18px; color:#fff; padding:0 20px; background:linear-gradient(124deg,rgba(18,115,183,1) 0%,rgba(98,175,110,1) 100%); margin:0 0 20px;}
.partners_list ul{}
.partners_list ul{ margin-left:-12px; margin-right:-12px;}
.partners_list li{ width:280px; float:left; margin:0 12px 20px; display:inline; border:1px solid #E0E4EF;}
.partners_list li a{ width:100%; display:block;}
.partners_list li a img{ width:100%;}

.message{ width: 600px; padding:20px 50px 50px 50px; box-sizing: border-box; background:#fff; border-radius: 25px; position: absolute; right: 0px; top:140px;box-shadow:0px 1px 60px rgba(31,96,186,0.8);}
.message h1{ font-size: 20px; padding-bottom: 15px; padding-top: 5px; font-weight: bold;}
.message .m_form{ width:100%; margin:10px auto; box-sizing: border-box;}
/*
.message_text{ width:540px; margin:0 0 16px; background:#fff;  border-radius:3px;}
.message_text i{ color: #EC5B56 }
.message_text b{ width:82px; font-size: 16px; font-weight: normal; text-align: right; height:24px; float:left; margin:10px; display:inline;}
*/

 
.message_text{ width:100%; height:50px; padding:20px 0px; background:#fff; border-bottom:1px solid #ccc; border-radius:3px; }
.message_text b{ width:18px; height:18px; float:left; margin:14px; display:inline;}
.message_text b.company{ background:url(../images/icon3.png) no-repeat;}
.message_text b.title{ background:url(../images/syhz1-icon@1x.png) no-repeat;}

.message_text b.name{ background:url(../images/syhz1-icon@1x.png) no-repeat;}
.message_text b.fullname{ background:url(../images/icon3.png) no-repeat;}
.message_text b.phone{ background:url(../images/syhz3-icon@1x.png) no-repeat;}
.message_text b.mobile{ background:url(../images/syhz3-icon@1x.png) no-repeat;}

.message_text b.note{ background:url(../images/icon4.png) no-repeat;}
.message_text b.city{ background:url(../images/syhz2-icon@1x.png) no-repeat;}
.message_text b.chkcode{ background:url(../images/syhz4-icon@1x.png) no-repeat;}
.message_text .line{ width:1px; height:16px; background:#ccc; float:left; margin:14px 10px 0 0; display:block;}
.message_text .input{ float:left; text-indent: 10px; width:243px; height:50px; line-height:50px; border:none; outline:0; font-size: 18px;}
.message_text .inp{ float:left; text-indent: 10px; width:243px; height:50px; line-height:50px; border:none; outline:0; font-size: 18px; color: #595959}

.message_text .input::-webkit-input-placeholder { /* WebKit browsers */
  color: #595959; 
}

.message_text .input::-moz-placeholder { /* Mozilla Firefox 19+ */
  color: #595959; 
}

.message_text .input:-ms-input-placeholder { /* Internet Explorer 10+ */
  color: #595959; 
}   


.message_text .inp::-webkit-input-placeholder { /* WebKit browsers */
  color: #595959; 
}

.message_text .inp::-moz-placeholder { /* Mozilla Firefox 19+ */
  color: #595959; 
}

.message_text .inp:-ms-input-placeholder { /* Internet Explorer 10+ */
  color: #595959; 
}   



/*
.message .input{ float:left; width:243px; height:44px; line-height:44px; border:1px solid #eee; outline:0;}
.message .inp{ float:left; width:360px; height:40px; line-height:40px; padding: 0px 12px; box-sizing: border-box; border-radius: 4px; border:1px solid #eee; outline:0;font-size: 16px;}
.message .layui-textarea{width:360px !important; height:120px; padding: 12px; box-sizing: border-box; border-radius: 4px; border:1px solid #eee; outline:0; font-size: 16px;}
*/

.message_text .form_btn{ text-align: center; padding: 20px 0;}
.message_text .cancel{ width:120px; height:40px; line-height: 40px; border-radius:3px; border:#eee solid 1px; font-size:18px; cursor:pointer; letter-spacing:4px; margin-right: 24px; display: inline-block; vertical-align: top; cursor: pointer;}
.message_text .submit{ width:120px; height:40px; border-radius:3px; border:#00B39B solid 1px; background: #00B39B; font-size:18px; cursor:pointer; letter-spacing:4px; color: #fff;}

.message_text select{ height: 44px; border:none; max-width: 40%; overflow: hidden;}

.w163{ width:161px !important;}
.message_text .disabled{ width:150px; height:44px; background:#eee; text-align:center; line-height:24px; float:left; cursor:pointer; font-size: 14px; float: right; border-radius: 100px;}

.message_text .s_city{ float:left; width:255px; height:44px; line-height:44px; border:none; outline:0;}

#apply .m_btn{ width:100%; height:70px; border-radius:100px; color:#fff; font-size:30px; cursor:pointer; background:#3AA1FA; box-shadow:0px 14px 20px -10px rgba(31,96,186,0.5); outline:0; letter-spacing:4px; margin-top: 30px;}



.city_one{ padding:80px 0;}
.city_one p{ width:100%; color:#687284; line-height:24px; margin:20px 0 0; display:inline-block;}
.city_one li{ width:25%; float:left; text-align:center; margin:50px 0 0;}
.city_one li p{ font-size:18px; color:#172236;}
.city_two{ padding:80px 0; background:url(../images/image12.jpg) top center no-repeat;}
.city_two p{ width:100%; color:#fff; line-height:24px; margin:20px 0 0; display:inline-block;}
.city_two ul{ background:#fff; border-radius:8px 8px 0px 0px; margin:50px 0 80px;}
.city_two li{ width:20%; float:left; text-align:center; padding:40px 0 30px;}
.city_two li p{ font-size:18px; color:#172236;}
.city_two .who_city{ text-align:center; color:#687284;}
.white{ color:#fff !important;}
.city_three{ padding:80px 0; background:url(../images/image13.jpg) top center no-repeat;}
.city_three p{ width:100%; color:#fff; text-align:center; margin:20px 0 0; display:inline-block;}
.city_three ul{ margin:40px 0 0;}
.city_three li{ width:224px; float:left; text-align:center; padding:0 0 25px; background:#fff; margin:0 8px; display:inline;}
.city_three li img{ width:100%;}
.city_three li p{ color:#687284; margin:8px 0 0;}
.city_three li h2{ font-size:18px; margin:20px 0 0;}

.white{color:#fff;}
.products_one{ background:#fff; padding:80px 0; text-align:center;}
.products_one h2{ font-size:18px; color:#687284; width:100%; margin:20px 0 0; display:inline-block;}
.products_one .one_ptext01{ color:#687284; margin:10px 0 0;}
.products_one h3{ color:#687284; margin:10px 0 0;}
.products_one ul{ width:100% !important;   margin:40px 0; padding:30px 0 30px 0; color:#fff; display: inline-block;}
.products_one ul li{ width: 220px;  float:left; display: inline-block; text-align: center }
.products_one ul li .inbox{ color: #222;}
.products_one ul li .inbox .ico{width:160px; height: 160px; margin: 0px auto; line-height: 160px; border:#eee solid 1px; border-radius: 100%; font-size: 40px;}
.products_one ul li .inbox .ico.i01:after{ content: '\e61a'; font-family: "iconfont"; color: #222;}
.products_one ul li .inbox .ico.i02:after{ content: '\e612'; font-family: "iconfont"; color: #222;}
.products_one ul li .inbox .ico.i03:after{ content: '\e611'; font-family: "iconfont"; color: #222;}
.products_one ul li .inbox .ico.i04:after{ content: '\e61e'; font-family: "iconfont"; color: #222;}

.products_one ul li .inbox p{ margin:24px 0 0; font-size:18px;}
.products_one ul .arr{ width: 100px; height: 160px; line-height: 160px; float:left;color: #222;}
.products_one ul .arr:after{ content: '\e61c'; font-family: "iconfont"; color: #222;}

.products_one .one_ptext02{ color:#687284;}
.products_one h5{ color:#666; font-size: 20px; line-height: 200%; display: inline-block;}
.products_two{ padding:120px 0; text-align:center; background: #F8F8F8;}
.products_two h3{ color:#666; font-size: 20px; line-height: 200%; display: inline-block;}
.products_two .two_text01{ color:#687284; margin:20px 0 40px; display:inline-block; width:100%;}
.products_two .two_ptext01{ color:#687284; margin:20px 0 40px; display:inline-block; width:100%;}
.products_two .two_img{ width:100%; padding: 120px 0}
.products_two .two_img img{ max-width:100%;}
.products_three{ padding:120px 0; text-align:center; background-image: linear-gradient(134deg, #00DA8E 0%, #00B39B 100%);}
.products_three .three_ptext01{ color:#fff; line-height:24px;}

.products_three .p3{}
.products_three .p3 ul{ margin:40px 0 0; padding:40px 0px;}
.products_three .p3 ul li{ 
background: rgba(255,255,255,0.2); font-size: 24px; line-height: 180%; padding: 45px 0; box-sizing: border-box;
border-radius: 12px; color: #fff; width:30.33%; min-height: 180px; margin: 0px 1.5% 0px 1.5%; float:left; overflow: hidden;}

.products_three .p4{} 
.products_three .p4 ul{ padding:40px 0px 0 0;}
.products_three .p4 ul li{ width:568px; min-height: 500px; max-height: 500px; margin: 0px 16px 32px 16px; float:left; background-color: #fff; border-radius: 12px; overflow: hidden;}
.products_three .p4 ul li .t_img{ width:100%;}
.products_three .p4 ul li h6{ font-size:24px; margin:25px 0 20px; font-weight: bold;}
.products_three .p4 ul li p{ font-size:16px; color:#666; line-height:24px; padding:0px 50px 50px 50px;}


.products_four{ padding:80px 0; text-align:center;}
.products_four .four_img{ width:100%; margin:20px 0 0; display:inline-block;}
.products_four .four_img img{ max-width:100%;}

.platform_one{ padding:80px 0; text-align:center;}
.platform_one .one_img{ width:100%; margin:20px 0 0; display:inline-block;}
.platform_one .one_img img{ max-width:100%;}
.platform_two{ padding:80px 0; text-align:center; background:#F5F8FB;}
.platform_two .two_img{ width:100%; margin:20px 0 0; display:inline-block;}
.platform_two .two_img img{ max-width:100%;}
.platform_three{ padding:80px 0; text-align:center;}
.platform_three .three_ptext01{ line-height:24px; color:#687284;}
.platform_three ul{ margin:40px 0 0;}
.platform_three ul li{ width:240px; float:left; padding:0 30px;}
.platform_three ul li .t_img{ width:100%;}
.platform_three ul li h6{ font-size:18px; margin:25px 0 20px;}
.platform_three ul li p{ color:#687284; line-height:24px;}
.platform_four{ padding:80px 0; background:url(../images/image11.jpg) top center no-repeat;}
.platform_four .four_ptext01{ width:100%; color:#fff; text-align:center; margin:20px 0 0; display:inline-block;}
.platform_four ul{ margin:40px -10px 0;}
.platform_four li{ width:285px; float:left; text-align:center; background:#fff; margin:0 10px; display:inline;}
.platform_four li .f_img{ width:100%;}
.platform_four li .f_img img{ width:100%;}
.platform_four li p{ padding:0 30px 30px; color:#687284; margin:8px 0 0; height:72px; line-height:24px;}
.platform_four li h2{ font-size:18px; margin:20px 0 0;}
.platform_five{ padding:80px 0; text-align:center;}
.platform_five .five_ptext01{ line-height:24px; color:#687284;}
.platform_five ul{ margin:40px -18px 0;}
.platform_five ul li{ width:140px; float:left; padding:0 18px;}
.platform_five ul li .t_img{ width:100%;}
.platform_five ul li h6{ font-size:18px; margin:25px 0 20px;}
.platform_five ul li p{ color:#687284; line-height:24px;}
.platform_six{ padding:80px 0; text-align:center; background:#F5F8FB;}
.platform_six .six_img{ width:100%; margin:20px 0 0; display:inline-block;}
.platform_six .six_img img{ max-width:100%;}

.bg-blue{ background-color: #1F60BA;}


.aboutbox{ width:100%; margin:0 auto; padding:100px 0; line-height:24px; background:url(../images/about_bg2.jpg) top center no-repeat; background-size: cover; }
.aboutbox h1{}
.aboutbox h1 span{ width: 86px; height: 10px; color: #1989CB; display: block;}
.aboutbox h1 b{ font-size: 34px; color: #333333; display: block; padding: 10px 0;}

.aboutbox .index_title{ width: 100%; display: inline-block;}
.aboutbox .index_title h1{ font-size:34px; display: block; vertical-align: middle;  height: 60px; line-height: 60px; color: #3F3F3F; font-weight: bold; padding-bottom: 10px;}
.aboutbox .index_title .subtitle{ font-size:16px; line-height: 200%; margin-bottom: 10px; vertical-align: middle; display: inline-block; color: #929292;}
.aboutbox .index_title span{ width: 86px; height: 10px; border-radius: 100px; background-color: #1988CA; display:block; margin: 5px 0;}


.aboutbox .p-left{ width: 40%; float: left;  padding:60px 0; margin-bottom: 80px;}
.aboutbox .p-right{ width: 60%; float: right; padding:60px 0;}

.aboutbox .a_text{ width: 90%; float: left; padding:0;  padding-top: 30px; padding-right: 40px; box-sizing: border-box; color:#636363; font-size: 16px;}
.aboutbox .a_text h1{ padding:0; font-size: 20px; padding-bottom: 30px; }
.aboutbox .a_text .d-content{ line-height: 220%;}
.aboutbox .a_pic{ width: 600px; float: left; padding:0; }

.aboutbox .jzg{}  

.aboutbox .jzg{ padding: 60px 0; margin-bottom: 50px; display: inline-block; width: 100%;}
.aboutbox .jzg ul{text-align: center}
.aboutbox .jzg ul li{ display: inline-block; width: 30%; margin: 0px 1.5%; box-sizing: border-box; padding: 50px; background-color: #fff; border-radius: 15px; vertical-align: top;box-shadow: 1px 2px 30px #d4e5f1;}
.aboutbox .jzg ul li .icon{ }
.aboutbox .jzg ul li .icon img{ width:35%;}
.aboutbox .jzg ul li .m-title{ font-size: 28px; padding-bottom: 10px; color: #333; font-weight: bold; padding-top: 25px;}
.aboutbox .jzg ul li .m-note{ font-size: 16px; line-height: 180%;}
.aboutbox .jzg ul li .m-note h1{ padding-bottom: 30px; font-weight: bold;}
.aboutbox .jzg ul li .m-note p{line-height: 160%; color: #666; font-size: 14px;}
.aboutbox .jzg ul li .m-note p *{font-size: 24px;}


 
/*
.aboutbox .a_text2{ width: 600px; float:left ; padding:0; height: 318px; padding-top: 40px; padding-left: 40px; box-sizing: border-box; color: #333;}
.aboutbox .a_text2 h1{ padding:0; font-size: 20px; padding-bottom: 30px; }
.aboutbox .a_text2 .d-content{ line-height: 220%;}
.aboutbox .a_pic2{ width: 600px; float:right ; padding:0; height: 318px;}
*/


.culture-box{ width: 100%; display: inline-block; background-color: #F3F7FA;}
.culture-box .index_title h1{ font-size: 20px; padding: 0;}
.culture-box .n-content{ padding: 30px 0;}


.history-box{ width: 100%; display: inline-block; background: url(../images/about_bg3.jpg) no-repeat center top; padding: 60px 0; background-size: cover; }
.history-box h1{ font-size: 20px; color: #333;}

.history-box .index_title{ width: 100%; display: inline-block;}
.history-box .index_title h1{ font-size:34px; display: block; vertical-align: middle;  height: 60px; line-height: 60px; color: #fff; font-weight: bold; padding-bottom: 10px;}
.history-box .index_title .subtitle{ font-size:16px; line-height: 200%; margin-bottom: 10px; vertical-align: middle; display: inline-block; color: #929292;}
.history-box .index_title span{ width: 86px; height: 10px; border-radius: 100px; background-color: #fff; display:block; margin: 5px 0;}

  
.time-line-box{ position: relative;}
.time-line-box h2{ width: 26px; height: 26px; margin: 0px auto; background-color: #2D3E4E;}
.time-line-box .slider-box{ height: 328px; overflow: hidden; margin: 60px 0;}
.time-line-box .slider-box .r{ float: right; height: 328px; width: 50%; padding: 30px; box-sizing: border-box; background-color: #fff;}
.time-line-box .slider-box .r b{ font-size: 30px; color: #1988CB; margin-bottom: 10px; display: block;}
.time-line-box .slider-box .r .content{ padding: 10px 0px 15px 0px; display: inline-block;  }
.time-line-box .slider-box .r .content p{line-height: 180%; font-size: 16px;}



.time-line-box .r ul{}
.time-line-box .r ul li{}
.time-line-box .r ul li .p{ padding-bottom: 20px; padding-left: 35px;}
.time-line-box .r ul li .p img{ width: 450px;}
.time-line-box .r ul li .year{ margin-left: -5px;}
.time-line-box .r ul li .year b{ background: url(../images/timeline_r.jpg) no-repeat left bottom; padding-left: 140px; height: 40px; display: block; font-size: 20px;}
.time-line-box .r ul li .year .content{ padding: 10px 0 15px 40px; }
.time-line-box .r ul li .year .content p{line-height: 180%;}

.time-line-box .slider-box .l{ float: left; width: 50%; }
.time-line-box .slider-box .l ul{}
.time-line-box .l ul li{}
.time-line-box .l ul li .p{ padding-bottom: 20px;}
.time-line-box .l ul li .p img{ width: 450px;}
.time-line-box .l ul li .year{margin-right: -16px;}
.time-line-box .l ul li .year b{ background: url(../images/timeline_l.jpg) no-repeat right bottom; padding-left: 140px; height: 40px; display: block; font-size: 20px; width: 169px; float: right;text-align: left;}
.time-line-box .l ul li .year .content{ padding: 10px 30px 15px 0px; display: inline-block;  }
.time-line-box .l ul li .year .content p{line-height: 180%;}




.time-line-box .button {
    position: absolute;
    cursor: pointer;
    bottom: 40px;
    font-size: 40px; width: 27px;
    color: #333; 
/*	background: rgba(255,255,255,0.55);*/

}
.time-line-box .button img{width: 40px;}
.time-line-box .prev {
    left: -20px; bottom:33px;
}
.time-line-box .next {
    right: -20px;
    transform: rotate(-180deg);
}
 
.slide_wrap  {
    overflow: hidden;
    position: relative;
}
.slide_wrap ul {
    position: relative;
    left: 0px; z-index: 100;
}
.slide_wrap::after {
    width: 100%;
    height: 1px ;
    background-color: #3F98EA;
    content: '';
    position: absolute;
    top: 48px;
    left: 0px;z-index: 0;
}
.slide_items li{
    float: left;
    font-size: 20px;
    width: 200px;
    text-align: center; padding-top: 25px;    
}
.slide_items li a {
    display: block;
}
.slide_items li.on {
    color: yellow;
    border-radius: 30px;
}
.slide_items li span {
    color: #fff;
    font-size: 18px;
    display: block; padding-top: 20px; font-weight: bold;
}
.slide_items li div {
    display: inline-block;
    width: 16px;
    height: 16px;
    border: 3px solid #0D6BAC;
    border-radius: 13px;
    padding: 2px;
    box-sizing: border-box;
    margin-top: 16px; background-color: #fff;
}
.slide_items li i{
    display: block;
    width: 10px;
    height: 10px;
    background-color: #a2a2a2;
    border-radius: 5px;

}
.slide_items li.on div {
    display: inline-block;
    width: 26px;
    height: 26px;
    background-color: #fff;
    border-radius: 13px;
    padding: 8px;
    box-sizing: border-box;
    margin-top: 11px;
}

.slide-content {
    margin-top: 80px; height: 400px; overflow: hidden;
}
.slide-content img{
   width: 100%;
}
.slide-content ul { overflow: hidden;
/*	visibility:hidden;*/
	height: 0;
}
.slide-content ul.on {
    display: block; height: auto;
}





.join-us{ display: inline-block; width: 100%; box-sizing: border-box; padding: 150px 0; background-color: #FFF;   }
.join-us .w1200{ padding: 0px 20px;}

.join-us .index_title{ width: 100%; display: inline-block;}
.join-us .index_title h1{ font-size:34px; display: block; vertical-align: middle;  height: 60px; line-height: 60px; color: #333; font-weight: bold; padding-bottom: 10px;}
.join-us .index_title .subtitle{ font-size:16px; line-height: 200%; margin-bottom: 10px; vertical-align: middle; display: inline-block; color: #929292;}
.join-us .index_title span{ width: 86px; height: 10px; border-radius: 100px; background-color: #1989CB; display:block; margin: 5px 0;}


.join-us .p{ float: right; width: 50%; padding-bottom: 50px;}
.join-us .t{ float: left; width: 50%; color: #fff; padding: 30px 50px 20px 30px; box-sizing: border-box;}
 
.join-us .t p{ line-height: 180%; padding-bottom: 15px; color: #636363; font-size: 16PX;}
.join-us .hy{ height: auto; width: 100%; display: inline-block;}
.join-us .hy img{ width: 100%;}

/*
.aboutbox img{ max-width:100%;}
.aboutbox .a_text{ padding:0; height: 338px;}
.aboutbox .a_text .w380{ width:50%;height: 338px;}
.aboutbox .a_text .w800{ width:50%;height: 338px; padding: 20px; box-sizing: border-box; color:#687284; background: #fff;}
.aboutbox .a_text .w800 i{ display: block;font-size: 40px; line-height: 200%; color: #222;}
.aboutbox .a_text{ font-size: 16px; line-height:200%;}
*/





.sitemap{ width:1200px; margin:0 auto; padding:80px 0 40px;}
.sitemap li{ text-align:center; margin:0 0 40px;}
.sitemap li h2{ font-size:24px;}
.sitemap li .s_list{ margin:20px 0 0;}
.sitemap li .s_list a{ display:inline-block; padding:0 10px; color:#687284;}
.sitemap li .s_list a:hover{ color:#63B180;}



.open-box{ background: #fff; display: none;}
.open-box .wrapper{position: relative;}
.open-box .mark{background: #000; opacity: 0.8; position: fixed; top: 0px; left: 0px; width: 100%; min-height: 2000px; z-index: 1000;}
.open-box .inner{background: #fff; height: 560px; position: fixed; z-index: 1980; top: 100px; left:0; right: 0px; margin:auto; width: 550px; padding: 10px; box-sizing: border-box;  border-radius: 5px;}
.open-box .inner h1{ font-size: 36px; color: #F15604; font-weight: bold; text-align: center; padding-bottom: 20px;}
.open-box .inner .close{ width: 30px; height: 30px; display: block;  position: absolute;  right: 20px; top: 20px; background: url(../images/close.png) no-repeat; background-size: cover; z-index: 919999; cursor: pointer;}
.open-box .inner form{ width: 70% !important; margin: 30px auto !important;}
.open-box .inner .forminator-label{ display: none !important;} 

.open-box .inner .forminator-row{ margin-bottom: 30px !important;}
.open-box .inner .forminator-input{ background-color: #FEF4EE !important; border:#FFDECA solid 1px !important; border-radius: 5px;padding: 15px !important; box-sizing: border-box !important; }
.open-box .inner .forminator-input::-webkit-input-placeholder{color: #FFC4A5 !important;}
.open-box .inner .forminator-button-submit{ width: 100% !important; background-image: linear-gradient(#FD7A36, #F15808) !important; padding: 15px !important; font-size: 22px !important;}

/*
.swiper-button-next, .swiper-button-prev{ }
.swiper-button-next{ background: url(../images/prev.png) no-repeat; background-size: cover;}
.swiper-button-prev{ background: url(../images/next.png) no-repeat; background-size: cover;}
*/

  
@media (min-width: 1200px) and (max-width: 1440px) {
  #banner .banner-txt{  left: 10%;  }
}

@media (min-width: 1440px) and (max-width: 1600px) {
  #banner .banner-txt{  left: 11%;  }
}

@media (min-width: 1600px) and (max-width: 2000px) {
  #banner .banner-txt{  left: 18%;  }
	.about_banner{ height:600px; } 
	.about_banner .con_bj{ height:600px; } 
	.about_banner .w1200{  height:600px;} 
	
	@keyframes slider1 {
    0% {left: calc(38% + 440px )}   
	100% {left: calc(38% + 220px )}
}

@keyframes slider2 {
    0% {left: calc(38% + 660px )}   
	100% {left: calc(38% + 440px )}
}
@keyframes slider3 {
    0% {  left: calc(38% + 880px )}   
	100% { left: calc(38% + 660px )}
}

#banner .slider-thumb li:nth-child(1){ left: calc(38% + 220px );}
#banner .slider-thumb li:nth-child(2){ left: calc(38% + 440px );}
#banner .slider-thumb li:nth-child(3){ left: calc(38% + 660px );}
#banner .slider-thumb li:nth-child(4){ left: calc(38% + 880px );}
#banner .slider-thumb li:nth-child(4){ display: none;}
	
	
}

@media (min-width: 2000px) and (max-width: 3500px) {
  #banner .banner-txt{  left: 22%;  }
	.about_banner{ height:760px; }
	.about_banner .con_bj{ height:760px; }
	.about_banner .w1200{  height:760px;}
	
		@keyframes slider1 {
    0% {left: calc(40% + 440px )}   
	100% {left: calc(40% + 220px )}
}

@keyframes slider2 {
    0% {left: calc(40% + 660px )}   
	100% {left: calc(40% + 440px )}
}
@keyframes slider3 {
    0% {  left: calc(40% + 880px )}   
	100% { left: calc(40% + 660px )}
}

#banner .slider-thumb li:nth-child(1){ left: calc(40% + 220px );}
#banner .slider-thumb li:nth-child(2){ left: calc(40% + 440px );}
#banner .slider-thumb li:nth-child(3){ left: calc(40% + 660px );}
#banner .slider-thumb li:nth-child(4){ left: calc(40% + 880px );}
#banner .slider-thumb li:nth-child(4){ display: none;}
	
	
}


@media screen and (max-width: 991px) {
.hd_header{ box-sizing:border-box;}
.w1200{ padding:0; width:100%;}

#header .navbox{ position: fixed;width: 100%;height: 100%;top: 0;left: 0;z-index: 1001;background:#fff;padding:20px;transform: translateX(100%);transition: 0.4s; box-sizing:border-box;}
#header .navbox.nav-show{transition: 0.4s;transform: translateX(0);}
#header .hd-bar{display: none;}
#header .hd-nav{height: 100%;padding-top:40px;position: relative;}
#header .hd-nav .nav-close{display: block;width: 30px;height: 30px;background: url(../images/close.png);background-size: 100% 100%;top: 0;right: 0;position: absolute;}
#header .hd-nav ul{height: 100%;overflow-y: auto;}
#header .hd-nav ul li{ float: none; border-bottom: 1px solid #eee; width:100%;}
#header .hd-nav ul li .nav-item{ position: relative;}
#header .hd-nav ul li .nav-item a{ padding:0; height:50px; line-height:50px; display:block; color:#172236; border:none;}
#header .hd-nav ul li .nav-item a:hover,
#header .hd-nav ul li.on .nav-item a{ border:none;}
#header .hd-nav ul li.on .nav-item a,#header .hd-nav ul li .nav-item a:hover{ border:none;}
#header .hd-nav ul li .dropdown{ display:block !important;}
#header .hd-nav ul li .dropdown::before{ display: none;}
#header .hd-nav ul li .dropdown a{ background:#fff; color:#687284;}
	
#header .nav-btn{ position:absolute; right:15px; top:24px; display: block;width:30px;height:30px;background: url(../images/menu.png);background-size: 100% 100%; z-index:3;}

.logo{ padding:0 0 0 15px;}
.head_bottom{ display:none;}
#banner{ height:600px;}
#banner .img{  background-size:cover !important;}
.index_product dl{ margin:0 1%;}
.index_product dd{ width:48%; margin:20px 1% 0; padding:22px 50px; box-sizing:border-box;}
.index_product dd a{ width:100px;}
.index_product dt{ width:48%; margin:20px 1% 0; box-sizing:border-box;}
.index_news{ margin:70px 15px 40px;}
.index_news .tit{ width:100%; margin:0;}
.index_news .desc{ margin:0 -1%;}
.list-h1 li{ width:31.33%; margin:20px 1% 0;}
.list-h1 .n_text{ padding:15px;}
.list-h1 .n_text h2 a{ font-size:18px;}
.index_box03{ height:200px; background-size:cover !important;}
.index_partner ul{ margin:0 2%;}
.index_partner li{ width:48%; margin:1%; box-sizing:border-box;}
.index_links{ padding:20px 15px;}
.index_links .link_list a{ padding:0 10px;}
.footerbox{ padding:40px 0 10px;}
.foot_menu{ margin:0 15px 30px;}
.foot_menu ul li{ margin:10px 0;}
.foot_menu ul li.b01{ width:50%;}
.foot_menu ul li.b02{ width:50%;}
.foot_menu ul li.b03{ width:50%;}
.foot_menu ul li.b04{ width:50%;}
.f_bottom{ padding:20px 15px 0; text-align:center;}
.f_bottom .fl{ float:none; margin:0 0 10px;}
.f_bottom .fr{ float:none;}
.breadcrumb{ padding:90px 15px 10px; box-sizing:border-box;}
.products_one{ padding:80px 15px;}
.products_one ul{ height:75px; padding:15px 0 0; background-size:cover !important;}
.products_one ul li{ width:25%;}
.products_one ul li p{ font-size:14px; margin:5px 0 0;}
.products_two{ padding:80px 15px;}
.products_three{ padding:80px 15px;}
.products_three ul{ padding:40px 10px;}
.products_three ul li{ width:25%; padding:0 5px; box-sizing:border-box;}
.products_four{ padding:80px 15px;}
.city_one{ padding:80px 15px;}
.city_two{ padding:80px 15px;}
.city_three{ padding:80px 1%;}
.city_three li{ width:18%; margin:0 1%;}
.menu_list li{ margin:0 20px;}
.platform_one{ padding:80px 15px;}
.platform_two{ padding:80px 15px;}
.platform_three{ padding:80px 10px;}
.platform_three ul li{ width:25%; padding:0 5px; box-sizing:border-box;}
.platform_four{ padding:80px 1%;}
.platform_four ul{ margin:40px 0 0;}
.platform_four li{ width:23%; margin:0 1%;}
.platform_four li p{ padding:0 5px 10px; height:auto;}
.platform_five{ padding:80px 10px 60px;}
.platform_five ul{ margin:40px 0 0;}
.platform_five ul li{ width:25%; padding:0 5px 20px; box-sizing:border-box;}
.platform_six{ padding:80px 15px;}
.aboutbox{ width:100%; padding:80px 15px; box-sizing:border-box;}
.aboutbox .a_text{ text-align:center; padding:20px 0;}
.aboutbox .a_text .fl{ float:none;}
.aboutbox .a_text .fr{ float:none;}
.aboutbox .a_text .w380{ width:100%;}
.aboutbox .a_text .w800{ width:100%;}
.aboutbox img{ margin:10px 0;}
.partnersbox{ width:100%; padding:0 15px; box-sizing:border-box;}
.partners_list .p_title{ width:100%; box-sizing:border-box;}
.partners_list ul{ margin:0 -1%;}
.partners_list li{ width:48%; margin:0 1% 2%; box-sizing:border-box;}
.sitemap{ width:100%; padding:80px 15px 40px; box-sizing:border-box;}
.newsbox{ width:100%; margin:40px 0;}
.news_list{ margin:0 1%;}
.news_list li{ width:48%; margin:0 1% 2%; box-sizing:border-box;}
.am-pagination{ margin:0 2%;}
.news_title{ padding:0 15px;}
.news_date{ width:100%; margin:0 0 10px; border:none;}
.n_right{ width:100%;}
.details_text{ padding:0 15px;}
.details_page{ margin:0 15px 60px;}

}
@media screen and (max-width: 768px) {
#banner{ height:290px;}
#banner .img{ height:290px;}
.index_product{ padding:0 15px; margin:0; box-sizing:border-box;}
.index_product dl{ margin:0px;}
.index_product dd{ width:100%; margin:20px 0 0; padding:20px 20px 20px 40px;}
.index_product dt{ width:100%; margin:20px 0 0; padding:50px 0;}
.list-h1 li{ width:98%;}
.index_box03{ height:145px;}
.index_links h5{ width:100%; float:none; margin:0 0 10px; text-align:center;}
.index_links .link_list{ text-align:center;}
.foot_menu ul li{ text-align:center;}
.foot_menu ul li.b01{ width:100%;}
.foot_menu ul li.b02{ width:100%;}
.foot_menu ul li.b03{ width:100%;}
.foot_menu ul li.b04{ width:100%;}
.foot_menu ul li strong{ background:none; padding:0;}
.foot_menu ul li center{ margin:0 auto;}
.menu_list li{ width:18%; margin:0;}
.products_one ul{ height:120px; background:#111 url(../images/image14.png) no-repeat; margin:20px 0;}
.products_three ul{ padding:20px 0 0;}
.products_three ul li{ width:100%; padding:0 15px; margin:0 0 20px;}
.city_one li{ width:50%;}
.platform_three ul li{ width:100%; margin:10px 0;}
.platform_four{ padding:30px 15px 20px;}
.platform_four li{ width:100%; margin:0 0 20px;}
.platform_five ul li{ width:100%;}
.news_list li{ width:100%; margin:0 0 20px;}
.news_list{ margin:0 15px;}
.am-pagination{ margin:0 15px;}
	
.swiper-button-next{ display: none;}
.swiper-button-prev{ display: none;}

.index_box01{ padding:30px 0 20px; overflow: hidden; }
.index_title h4{ font-size:20px; margin:0 0 10px;}
.index_title p{ font-size:16px;}
.index_box02{ padding:120px 0 20px;}
.index_news{ margin:70px 15px 20px;}
.index_box04{ padding:30px 0 20px;}
.index_partner{ margin:20px 0;}
.index_partner ul{ margin:0 10px;}
.platform_one{ padding:30px 15px 20px;}
.platform_two{ padding:30px 15px 20px;}
.platform_three{ padding:30px 15px 20px;}
.platform_five{ padding:0 15px 20px;}
.platform_six{ padding:30px 15px 20px;}
.products_one{ padding:30px 15px 20px;}
.products_two{ padding:30px 15px 20px;}
.products_three{ padding:30px 15px 20px;}
.products_four{ padding:0 15px 20px;}
.partnersbox{ margin:30px auto 0;}
.message{ padding:30px 0 20px;}
.city_one{ padding:30px 15px 20px;}
.city_one li p{ margin:10px 0 0;}
.city_two{ padding:30px 15px 20px;}
.city_two ul{ margin:30px 0 40px;}
.city_two li{ padding:20px 0 30px;}
.city_one li{ margin:20px 0 0;}
.aboutbox{ padding:30px 15px 20px;}
.newsbox{ margin:20px 0;}
.news_list li .n_text h2 a{ font-size:18px;}
.news_list li .n_text{ padding:15px;}
.message .m_form{ margin:20px auto 0;}
}