@charset "utf-8";
/* CSS Document */
body{ margin:0px; padding:0px; font-size:12px;font-family:"微软雅黑",;color:#898989;line-height:1; background:#FFF;}
ul,li,dl,dd,dt,p,h1,h2,h3,h4,h5,h6,ol,form,input{ margin:0px; padding:0px;}
input,textarea { font-family: "微软雅黑"; border: none; outline: none; background: none; }
ul,li{ list-style:none}
img{border:0px; padding:0px; display: block;}
a{ color:#333; text-decoration:none}

#topcontrol{background:#004eb5; height:40px; width:40px; border-radius:4px; display:none}

.fanhuidingbu { background:#0050a9; line-height:40px; text-align:center; padding:0 15px; width:150px; margin:0 auto; float:right
}
  
  .fanhuidingbu a{ color:#fff}

.liuyanbox{ width:1050px; margin:0 auto; color:#fff; font-size:14px;}
.liuyanbox input{ background:#C2D7F5; line-height:35px; height:35px;}
.liuyanbox .button{ background:#0076CE; padding:0 15px; color:#fff}
.liuyanbox a{ color:#fff}

h2,h3,h4,b,strong { font-weight: normal; }
em,i { font-style: normal; }

.w1400{ width: 1400px; margin: 0 auto;}


.yewu{ width:100%; background: url(../images/yewubg.jpg) no-repeat fixed center; padding:0 0 60px }
.indexContainer .yewu ul{ width: 100%; overflow: hidden; padding-bottom: 55px;}
.indexContainer .yewu ul li{ float: left; margin: 0 45px;  width: 395px; padding-bottom:20px;overflow:hidden; background:#fff}
.indexContainer .yewu ul li .icon{  width: 100%; height: 220px;}
.indexContainer .yewu ul li .icon img{ display: block; width: 100%; height: 220px;}
.indexContainer .yewu ul li .text{ width: 100%; background:#fff; padding:5px 30px; min-height:150px }
.indexContainer .yewu ul li .text h2{height: 60px;color: #333; line-height: 70px; font-size:20px; height:60px; overflow:hidden; font-weight:bold}
.indexContainer .yewu ul li .text p{ font-size:15px; line-height: 35px; float:left; width:50%; list-style-type:disc; color:#333}

.indexContainer .yewu ul li:last-child{ margin-right: 0; border-right:0;}
.indexContainer .yewu ul li:first-child{ margin-left: 0;}


.banner{ width: 100%; position: relative; overflow: hidden;}
.banner img{ display: block; width: 100%; height: auto; transition:5s; transform: scale(1.05);}
.banner .swiper-container{ width: 100%; height: 100%;}
.banner .swiper-pagination{ height: 14px; width: 100%; bottom: 60px;}
.banner .swiper-pagination span{ width: 14px; height: 14px; background: #fff; margin: 0 4px; opacity: 1;}
.banner .swiper-pagination span.swiper-pagination-bullet-active{ background: #1d90d3;}
.banner .swiper-slide.swiper-slide-active{z-index: 9;}
.banner .swiper-slide.swiper-slide-active img{ transform: scale(1);}
.indexContainer{ width: 100%;}
.indexContainer .about{ width: 100%; background: url(../images/index2_02.jpg); height:660px; background-size:100% 100% ;}
.indexContainer .tit{ padding:90px 0 40px ; overflow: hidden;}
.indexContainer .tit .titBox{ float: left;}
.indexContainer .tit h2{ font-size: 40px; font-weight: normal; color: #044db4; margin-bottom: 12px;}
.indexContainer .tit p{ font-size: 22px; font-weight: 100;}
.indexContainer .tit a{ float: right; display: inline-block; width: 125px; height: 44px; color: #014eb6; border-bottom: 2px solid #014eb6; background: url(../images/indexicon_03.png) right center no-repeat; line-height: 44px; font-size: 16px;}
.indexContainer .about .nr{ width: 100%; overflow: hidden;}
.indexContainer .about .nr .text{ float: left; width: 740px; }
.indexContainer .about .nr .text h2{ font-size: 32px; font-weight: 100; color: #333; margin-bottom: 25px;}
.indexContainer .about .nr .text p{ width: 100%; color: #666; font-size: 15px; line-height: 35px;}
.indexContainer .about .nr .list{ float: right; width: 570px; float: right;}
.indexContainer .about .nr .list ul{ width: 100%; overflow: hidden;}
.indexContainer .about .nr .list ul li{ width: 50%; float: left; margin-bottom: 75px; height: 85px;}
.indexContainer .about .nr .list ul li .icon{float: left; width: 90px; height: 100%; line-height: 85px;}
.indexContainer .about .nr .list ul li .icon img{ display: inline-block; vertical-align: middle;}
.indexContainer .about .nr .list ul li .wa{padding-top: 6px; box-sizing: border-box; width: calc(100% - 90px); float: left; height: 100%;}
.indexContainer .about .nr .list ul li .wa h2{ line-height: 48px; font-size:18px; color: #034cb5;}
.indexContainer .about .nr .list ul li .wa p{ font-size: 24px; color: #616161;}


.indexContainer .new ul{ width: 100%; overflow: hidden;}
.indexContainer .new ul li{ width: 32.5%; float: left; overflow: hidden; margin-right: 1%; overflow: hidden;}
.indexContainer .new ul li:last-child{ margin-right: 0;}
.indexContainer .new ul li img{ display: block; width: 100%;  transition: 0.8s; height:300px;}
.indexContainer .new ul li:hover img{ transform: scale(1.02);}
.indexContainer .new ul li p{ line-height:27px; font-size:16px; padding:15px 0; width:85%； margin:0 auto}
.indexContainer .new dl{ margin: 90px 0; border: 1px solid #e5edf8; border-left:0; border-right:0; overflow: hidden;}
.indexContainer .new dl dd{ width: 25%; float: left; padding: 0 30px; box-sizing: border-box; height: 250px; border-right:1px solid #e5edf8;}
.indexContainer .new dl dd:last-child{ border-radius:0;}
.indexContainer .new dl dd .bt{ width: 100%; margin: 40px 0; position: relative;}
.indexContainer .new dl dd .bt h2{ font-size: 18px; line-height: 18px; margin-bottom: 18px;}
.indexContainer .new dl dd .bt p{ font-size: 12px; color: #054ab2; font-weight: bold;  box-sizing: border-box;}
.indexContainer .new dl dd .bt .bg{ display:block; width: 25px; height: 25px; position: absolute; right: 0; top: 50%; transform: translateY(-50%);border: 4px solid #ebf4fb; border-radius:50%; transition: 0.5s;}
.indexContainer .new dl dd .text{  font-size: 16px; color: #333; line-height: 36px;}
.indexContainer .new dl dd:hover .bt .bg{ border: 4px solid #054fba;}

.indexContainer .product{ padding-bottom: 180px; width: 100%; position: relative;}
.indexContainer .product .productBox{  position: relative; z-index: 2;}
.indexContainer .product .bg{ width: 100%; height: 575px; background: url(../images/heibg.png); background-size:100% 100%; position: absolute; left: 0; top: 0; background-attachment:fixed ;}
.indexContainer .product .productBox .tit h2{ color: #fff;}
.indexContainer .product .productBox .tit p{ color: #fff;}
.indexContainer .product .productBox .tit a{ color: #fff; border-bottom: 2px solid #fff;}
.indexContainer .product .productBox .nr{ position:relative; overflow: hidden; width: 1350px; border: 25px solid rgba(0,0,0,0.3); height: 550px; border-radius:25px ;}
.indexContainer .product .productBox .nr .swiper-container{ width: 100%; height: 100%;background: #fff;}
.indexContainer .product .productBox .nr .swiper-container img{ width: 100%; height: 100%;}
.indexContainer .product .productBox .nr .swiper-container .text{ width: 100%; height: 100%; position: absolute; background: rgba(0,0,0,0.6); left: 0; top: 0;}
.indexContainer .product .productBox .nr .swiper-container .text h2{ text-align: center; padding: 95px 0 40px 0; font-size: 44px; color: #fff;}
.indexContainer .product .productBox .nr .swiper-container .text p{ width: 850px; margin: 0 auto; font-size: 15px; color: #fff; line-height: 35px;}
.indexContainer .product .productBox .nr .swiper-container .text a{ display: block; width: 160px; height: 42px; text-align: center; line-height: 42px; background: #1a91d2; text-align: center; line-height: 42px; margin: 0 auto; text-align: center; line-height: 42px; font-size: 16px; color: #fff; border-radius:5px; margin:50px auto 0 auto;}

.indexContainer .product .productBox .nr .swiper-pagination{ width: 1350px; height: 14px; bottom: 60px;}
.indexContainer .product .productBox .nr .swiper-pagination span{ width: 14px; height: 14px; border-radius:50%; background: #d7d7d7; opacity: 1; margin: 0 4px;}

.indexContainer .product .productBox .nr .swiper-pagination span.swiper-pagination-bullet-active{ background: #1a91d2;}


.indexContainer .solution{position: relative; width: 100%; background: url(../images/bg2.png); background-size:100% 100%; height: 1030px;}
.indexContainer .solution .solutionBox .bt{ width: 100%; margin-bottom: 55px;}
.indexContainer .solution .solutionBox .bt ul{ width: 100%; height: 24px; text-align: center;}
.indexContainer .solution .solutionBox .bt ul li{ display: inline-block; padding: 0 40px; height: 24px; line-height: 24px; border-right:1px solid #dce0e3 ;}
.indexContainer .solution .solutionBox .bt ul li img{ margin-top: -6px; display: inline-block; vertical-align: middle; height: 100%; width: auto; margin-right: 12px;}
.indexContainer .solution .solutionBox .bt ul li p{ display: inline-block; height: 24px; line-height: 24px; font-size: 16px; font-weight: 100; color: #333;}
.indexContainer .solution .solutionBox .bt ul li:last-child{ border-right:0;}
.indexContainer .solution .solutionBox .nr{ width: 100%; overflow: hidden;}
.indexContainer .solution .solutionBox .nr .pic{ float: left; width: 630px;}
.indexContainer .solution .solutionBox .nr .pic img{ width: 100%; height: auto;}
.indexContainer .solution .solutionBox .nr .pic span{ position:absolute; top:50%; color:#fff; font-size:25px; width:480px; text-align:center ; left:60px}
.indexContainer .solution .solutionBox .nr .text{ float: left; width: calc(100% - 630px); padding-left:150px; box-sizing: border-box;}
.indexContainer .solution .solutionBox .nr .text h2{ padding: 115px 0 45px 0; font-size: 38px; font-weight: normal; color: #333;}
.indexContainer .solution .solutionBox .nr .text p{ font-size: 15px; line-height:45px; }

.indexContainer .solution .swiper-pagination{ width: 100%; bottom: 40px; height: 14px; line-height: 14px;}
.indexContainer .solution .swiper-pagination span{ width: 10px; height: 10px; border: 5px solid #d0d7df; box-sizing: border-box; opacity: 1; display: inline-block; vertical-align: middle; margin: 0 6px; transition: 0.5s; background: none;}
.indexContainer .solution .swiper-pagination span.swiper-pagination-bullet-active{ width: 14px; height: 14px; border: 3px solid #004cb1; background: none;}

.indexContainer .case ul{ width: 100%; overflow: hidden; padding-bottom: 55px;}
.indexContainer .case ul li{ float: left; padding: 0 25px; border-right:1px solid #e2e2e2; width: 310px; margin-bottom:30px;}
.indexContainer .case ul li .icon{ padding-top: 18px; width: 100%; height: 220px;}
.indexContainer .case ul li .icon img{ display: block; width: 100%; height: 220px;}
.indexContainer .case ul li .text{ width: 100%; }
.indexContainer .case ul li .text h2{ padding-top: 10px; color: #333; line-height:28px; font-size: 16px; height:70px; overflow:hidden}
.indexContainer .case ul li .text p{ font-size: 12px; line-height: 30px; color: #666;}

.indexContainer .case ul li:nth-child(4n){ padding-right: 0; border-right:0;}
.indexContainer .case ul li:first-child{ padding-left:0;}
.indexContainer .case ul li:nth-child(5){ padding-left:0; }



.indexContainer .youqing ul li{ float: left; padding: 0 8px; width:156px; margin-bottom:30px; }
.indexContainer .youqing ul li img{ width:100%; height:110%}
.indexContainer .youqing ul li:nth-child(8n){ padding-right: 0; border-right:0;}
.indexContainer .youqing ul li:first-child{ }



.indexContainer .downLoad{ overflow: hidden;  width: 100%; height: 320px; background: url(../images/bg3_02.jpg); background-size:100% auto; padding-top: 95px; box-sizing: border-box;background-attachment:fixed ;}
.indexContainer .downLoad h2{ text-align: center; font-size: 34px; color: #fff; font-weight: normal; margin-bottom: 45px;}
.indexContainer .downLoad a{ color: #fff; background: #1a91d3; margin: 0 auto; display: block; width: 185px; height: 48px; text-align: center; line-height: 48px; border-radius:8px; text-align: center; line-height: 48px; font-size: 18px;}

.footer{  padding: 80px 0 60px 0; overflow: hidden; background:#f2f2f2; width:100%}
.footer .logo{ float: left;}
.footer .logo img{ display: block; width: 100%; height: auto; margin-bottom: 25px;}
.footer .logo h2{ font-size: 28px; color: #000;}
.footer .footerNav{ float: left; overflow: hidden;}
.footer .footerNav ul{ color: #333; float: left; margin-right:90px;}
.footer .footerNav ul:last-child{ margin-right: 0; border-right:0;}
.footer .footerNav ul h2{ font-size: 18px; font-weight: 100; margin-bottom: 30px;}
.footer .footerNav ul li{ margin-bottom: 20px;}
.footer .footerNav ul li a{ font-size: 14px; color: #7e7e7e;}
.footer .footerNav ul li a:hover{ color: #333;}
.footer .code{ float: right;}
.footer .code p{ padding-top: 10px; text-align: center; font-size: 16px; color: #666;}

.copyright{ width: 100%; border-top:1px solid #e5e5e5 ;}
.copyrightBox{ height: 72px; line-height: 72px; font-size:14px; color: #444; font-weight: 100; text-align:center}

.AppTop{ display: none;}

.liuyanbox{ display:block} 
.liuyanbox2{ display: none} 
.AppTop{ display: none;}

@media(max-width:1000px) {



.indexContainer .new ul li img{ display: block; width: 100%;  transition: 0.8s; height:225px;}

.liuyanbox{ display:none} 
.liuyanbox2{ display: block; color:#fff; width:70%; margin:0 auto} 
.liuyanbox2 input{ background:#C2D7F5; line-height:30px; height:30px; margin-bottom:15px}
.liuyanbox2 .button{ background:#0076CE; padding:0 15px; color:#fff;}
.liuyanbox2 a{ color:#fff}


.indexContainer .downLoad{ height:400px;}

.indexContainer .solution .solutionBox .nr .pic{ display:none}

	.indexContainer .solution .solutionBox .bt ul li p{ font-size:12px;}
	.indexContainer .solution .solutionBox .nr .text h2{ font-size:16px; padding:50px 0 20px 0;}
	.indexContainer .solution .solutionBox .bt{ display:none}
	body{ padding-top: 50px;}
	.w1400{ width: 100%;}
	.AppTop{ background: #fff; box-shadow: 0 0 10px rgba(0,0,0,0.2); width: 100%; height: 50px; top: 0; z-index: 99; display: block; position: fixed;}
	.AppTop{ display: block;}
	.AppTop .logo{ float: left; height: 50px; line-height: 50px;}
	.AppTop .logo img{ display: inline-block; vertical-align: middle; height: 70%; padding-left: 15px; width: auto;}
 	.AppTop .sideClick{ position: absolute; transition: 0.5s; right: 15px; top: 50%; transform: translateY(-50%); width: 28px; height: 24px;}
 	.AppTop .sideClick span{transition: 0.5s; background: #333; display: block; width: 100%; height: 4px; border-radius:2px; position:absolute;}
 	.AppTop .sideClick span:nth-child(1){ top: 0;}
 	.AppTop .sideClick span:nth-child(2){ top: 50%; transform: translateY(-50%);}
 	.AppTop .sideClick span:nth-child(3){ bottom: 0;}
 	.AppTop .sideClick.on{ transform: translateY(-50%) rotate(180deg);}
 	.AppTop .sideClick.on span:nth-child(1){ top: 50%; transform: translateY(-50%) rotate(45deg);}
 	.AppTop .sideClick.on span:nth-child(2){ width: 0;}
 	.AppTop .sideClick.on span:nth-child(3){ top: 50%; transform: translateY(-50%) rotate(-45deg);}
 	
 	.top{z-index: 99; box-shadow: 0 0 10px rgba(0,0,0,0.2); position: fixed; width: 70%; height: 100vh; background: #fff; left: -100%; transition: 0.5s; top: 0;}
 	.top .topBox .logo{float: inherit; width: 100%; padding: 30px 0; height: auto;}
 	.top .topBox .logo img{ display: block; width: 50%; margin: 0 auto;}
 	.top .topBox{ width: 100%; background:#fff}
 	.top .topBox .nav{ float: inherit; width: 50%; margin: 0 auto; overflow: hidden; padding:20px 0 0 0;margin-right:20%}
 	.top .topBox .nav ul li{ width: 100%; text-align: left; margin-bottom: 35px;}
 	.top .topBox .nav ul li h2{ text-align: left;}
 	.top .topBox .nav ul li p{ text-align: left;}
 	.banner .swiper-pagination{ bottom: 10px;}
 	.banner .swiper-pagination span{ width: 6px; height: 6px;}
 	.indexContainer .tit{ width: 100%; padding: 20px 0;}
 	.indexContainer .tit h2{ font-size: 16px;}
 	.indexContainer .tit p{ font-size: 12px;}
 	.indexContainer .tit a{ width: 80px; height: 28px; line-height: 28px; font-size: 12px; background-size:14px auto ;}
 	.indexContainer .about{ padding: 0 15px; box-sizing: border-box;}
 	.indexContainer .about .nr .text{ width: 100%;}
 	.indexContainer .about .nr .text h2{ font-size: 16px;}
 	.indexContainer .about .nr .text p{ font-size: 13px; line-height: 28px;text-align: justify;}
 	.indexContainer .about .nr .list{ width: 100%; padding: 25px 0;}
 	.indexContainer .about .nr .list ul li .icon img{ height: 40%; width: auto;}
 	.indexContainer .about .nr .list ul li .icon{ width: 45px;}
 	.indexContainer .about .nr .list ul li .wa{ width: calc(100% - 45px);}
 	.indexContainer .about .nr .list ul li{ margin-bottom: 25px;}
 	.indexContainer .about{ height: auto;}
 	
 	.indexContainer .about .nr .list ul li .wa h2{ font-size:14px;}
 	.indexContainer .about .nr .list ul li .wa p{ font-size: 18px;}
 	.new{ padding: 0 15px; width: 100%; box-sizing: border-box;}
 	.indexContainer .new{ padding-bottom: 20px;}
 	.indexContainer .new ul li{ width: 100%; margin-bottom: 20px;}
 	.indexContainer .new dl{ margin: 0; border: ;}
 	.indexContainer .new dl dd{ padding-bottom: 15px; width: 100%; float: left; height: auto; border: none; border-bottom: 1px solid #e5edf8;}
	
	.indexContainer .new dl dd .bt{ margin:10px 0}
	.indexContainer .new dl dd .text{ font-size:14px;}
	.indexContainer .new dl dd .bt .bg{ width:30px; height:30px;}
 	
 	.indexContainer .product .productBox{ padding: 0 15px; box-sizing: border-box;}
 	.indexContainer .product .productBox .nr{ width: 100%; height: auto; border: none; border-radius:10px; box-shadow: 0 0 10px rgba(0,0,0,0.2);}
 	.indexContainer .product .productBox .nr img{ display: block; width: 100%; height: auto; box-sizing: border-box; border: none;}
	.indexContainer .product .productBox .nr .swiper-container .text h2{ font-size:17px;text-align: center; padding:40px 0 10px 0; color: #fff;}
		.indexContainer .product .productBox .nr .swiper-container .text  p{ display:none}
		.indexContainer .product .productBox .nr .swiper-container .text a{ display: block; width: 100px; height: 32px; text-align: center; line-height: 32px; background: #1a91d2; text-align: center; line-height: 32px; margin: 0 auto; text-align: center; line-height: 32px; font-size:13px; color: #fff; border-radius:5px; margin:10px auto 0 auto;}
 	.indexContainer .product .bg{ height: 200px;}
 	.indexContainer .product{ padding-bottom: 30px;}
 	.indexContainer .solution{ width: 100%; padding: 0 15px 30px 15px; box-sizing: border-box; height: auto;}
 	.indexContainer .solution .solutionBox .bt ul{ overflow: hidden; height: auto;}
 	.indexContainer .solution .solutionBox .bt ul li{ width: 50%; float: left; text-align: left; padding: 0; border: none; margin-bottom: 25px;}
 	.indexContainer .solution .solutionBox .nr .pic{ width: 100%;}
 	.indexContainer .solution .solutionBox .nr .pic img{ display: block; width: 60%; margin: 0 auto;}
 	.indexContainer .solution .solutionBox .nr .text{ width: 100%; padding: 0;}
 	
 	
 	.case{ width: 100%; overflow: hidden; padding: 0 15px; box-sizing: border-box;}
 	.indexContainer .case ul li{ width: 100%; float: left; padding: 0;}
 	.indexContainer .case ul li .icon{ height: auto;}
 	.indexContainer .case ul li .text h2{ padding: 0;}
 	.indexContainer .downLoad h2{ font-size: 18px;}
 	
 	.footer{ width: 100%; padding:15px; box-sizing: border-box; padding-top:50px;}
 	.footer .logo{ width: 100%; padding: 20px 0;}
 	.footer .logo img{ display: block; margin: 0 auto; width: 50%; margin-bottom: 20px;}
 	.footer .logo h2{ text-align: center;}
 	.footer .footerNav { }
	.footer .footerNav ul{ margin-left:2%; margin-right:0; height:215px; width:70%; }
 	.footer .code{ margin-top:-210px; font-size:12px; color:#444}
 	.footer .code img{ display: block; margin: 0 auto; }

	.shoujiy{ display:none}
	

	
	.top .topBox .logo{ display:none}
	.newser{ padding-bottom:20px}
	
	
	
	.liuyanbox2{ display: block}
.copyrightBox span{ width:100%; text-align:center; line-height:28px;}
.dil{ float:none}
.dir{ float:none}

.indexContainer .case ul li .text h2{ line-height:25px; height:50px; margin-bottom:0}
.indexContainer .case ul li .icon{ margin-top:30px;}
.indexContainer .case ul li{ margin-bottom:0}
.indexContainer .new ul li p{ line-height:25px;}
.indexContainer .new dl dd .text{ font-size:15px; color:#333; }
.indexContainer .new dl dd{ padding-top:25px}
.indexContainer .new ul{ margin-bottom:25px;}
.indexContainer .yewu ul li{ margin:0 auto; width:100%; margin:0 auto}
.indexContainer .yewu ul li:last-child{ margin-right: auto; border-right:0;}
.indexContainer .yewu ul li:nth-child(2){}
.indexContainer .yewu ul{ padding-left:0px; width:93%; margin:0 auto} 
.indexContainer .tit{ padding:20px 10px}

.indexContainer .tit{ width:96%}
.indexContainer .youqing ul li{ width:42%; margin-left:2%}

.indexContainer .youqing ul li img{}

.footer .footerNav ul li{ line-height:27px; margin-bottom:3px;}

.indexContainer .yewu ul li:first-child{ margin-left:auto}

}
.dil{ float:left}
.dir{ float:right}




.top{  height: 115px; background: #fff; margin:0 auto}
.top .topBox{ overflow: hidden;}
.top .topBox .logo{ float: left; height: 115px; line-height: 115px;}
.top .topBox .logo img{ display: inline-block; vertical-align: middle;}
.top .topBox .nav{ float: right; padding-top: 45px; margin-rihgt:5%}
.top .topBox .nav ul{ float: right; overflow: hidden; padding-top:5px}
.top .topBox .nav ul li{ float: left; width: 120px;}
.top .topBox .nav ul li h2{ text-align: center; font-size:17px; color: #333; font-weight: normal; padding-bottom: 12px;}
.top .topBox .nav ul li p{ font-size: 15px; color: #666; text-align: center; }

.newser{ float:right; width:180px;  font-size:12px; padding-top:50px; display:none}
.newser input{ border:#ddd solid 1px; line-height:28px;}
.newser .sea_btn{ background:#0050a9; color:#fff; padding: 0 10px}

.newser .sea_inp{ width:120px; float:left}