.top{width: 100%; height: 94px; line-height: 94px; background: #fff; position: fixed; top: 0; left:0 ; z-index:99;}
.top .logo{float: left; }
.top .nav{float: left; margin-left: 80px; }
.top .nav dl dd{float: left;}
.top .nav dl dd a{display: block; padding:0 35px; color: #414141; font-size: 14px; }
.top .login{float: right; }
.top .login a{padding:4.5px 45px;border-radius:16px;/* width: 82px; height: 30px; */ border:1px solid #2b90ed; font-size: 14px; color:#2b90ed ;margin-left: 5px;}
.top .login a.btn-register,.top .login a:hover{background:#2b90ed; color: #fff; }

/*footer*/
.footer {  background: #383e44;  }
.ftNav {position: relative; padding-bottom:50px; z-index: 1; padding-top: 40px; overflow: hidden;}
.ftNav dl { float: left; width: 198px; min-height: 235px; text-align: center; border-right: 1px solid #585C63; box-shadow: 1px 0 0 #272B30; }
.ftNav dl:last-child { border-right: none; box-shadow:none; }
.ftNav dl dt { height: 50px; line-height: 35px; }
.ftNav dl dt a { color: #dde6f2; font-weight: bold; font-size: 16px; }
.ftNav dl dd a { color: #cbd9eb; height: 24px; font-size: 14px; }
.ftNav dl dd a:hover{color:#F90;}
.ftlink {border-top: 2px solid #363A40; overflow: hidden; }
.ftlink .txt {  padding: 25px 0 25px 44px;  background: url("../images/ftlink.jpg") no-repeat left 25px; line-height: 24px; color: #fff; font-size: 12px;}
.ftlink .txt a { padding: 0 5px 0 8px; color: #fff; white-space:nowrap;}
.ftlink .txt a:hover{color:#F90;}
.copyright {overflow: hidden;  background: #26292e; padding: 12px 0; box-shadow: inset 0 10px 15px #232529; text-align: center; font-size: 12px; color: #cbd4de; line-height: 35px; }
.copyright a, .copyright a:link{ color: #cbd4de;}
.copyright a:hover, .copyright a:link:hover{color:#FF9900;}


/*banner*/
.slideBox{display: block; width:100%; height:813px;  position:relative; z-index: 0;  }
.slideBox .hd{ height:15px;width:100%; text-align:center; position:absolute; right:0; bottom:50px; z-index: 9}
.slideBox .hd ul{ zoom:1; }
.slideBox .hd ul li{display: inline-block; margin-right:16px;  width:13px; height:13px; background:#dff3fb; cursor:pointer; border-radius: 50%; text-indent: -999em;}
.slideBox .hd ul li.on{ background:#fff; width: 20px; height: 13px; border-radius: 13px; }
.slideBox .bd{ position:absolute; height:100%; z-index:0; width: 1920px; left: 50%; margin-left: -960px; z-index: 6 }
.slideBox .bd li{ zoom:1; vertical-align:middle; position: relative;}
.slideBox .bd img{ width:100%; height:100%; display:block; }

.slideBox .text{position: absolute; bottom: 0; left:0;width: 1920px; text-align: center;  z-index: 11}
.slideBox .text h1{color: #fff; font-size: 62px; font-family:LanTing; line-height: 90px;  }
.slideBox .text h2{font-size: 55px; color: #fff; font-family:LanTing; line-height: 80px; }
.slideBox .text img{width: 662px; height: 350px; margin:0 auto; text-align: center; display: block; }
.slideBox .text h3{font-size: 39px; color: #fff; font-family:LanTing; line-height: 70px; }
.slideBox .text h4.margin a{display: inline-block; width: 206px; height: 54px; line-height: 54px; font-size: 14px; background: #fff;text-align: center; margin:80px 0 200px 0; border-radius: 5px; }
.slideBox .text h4.margin1 a{display: inline-block; width: 130px; height: 35px; line-height: 35px; font-size: 14px; background: #fff;text-align: center; margin:30px 0 40px 0;}
.slideBox .text h4 a{color: #000; }


/*种类*/
.index_kinds{background: #2786a8; padding:21.5px 0; overflow:hidden;}
.index_kinds li{float: left;margin:0 55px; }
.index_kinds li h1 a{font-size: 18px; color: #fff; }
.index_kinds li p{font-size: 14px; color: #B3CEDA; line-height: 26px; }
.index_kinds li:hover h1 a{color: #eee;} 

/*tags*/
.index_tags{width: 100%; padding:40px 0;}
.index_tags h4{float: left; font-size: 18px; color: #333; line-height: 30px; width: 68%; }
.index_tags h3{float: right; width: 191px; height: 44px; font-size: 18px; font-weight: bold; text-align: center; line-height: 44px; border-radius: 44px; background: #00a8ff; }
.index_tags h3 a{color: #fff; display: block; }

/*第一屏 解决方案*/
	/*扒站*/
	.slide-title {padding-top: 100px;font-size: 30px;text-align: center;line-height: 30px;color: #333;}
	.slide-description {padding-top: 10px;margin: 0;padding-bottom: 67px;font-size: 16px;color: #333;line-height: 30px}
	.wrap-gray {margin-top: 70px;background-color: #f8f8f8; overflow:hidden;}
	.wrap-gray.solution {margin-top: 0;padding-bottom: 90px}
	.wrap-gray.solution .solution-container {max-width: 1130px;margin: 0 auto}

	@media (max-width:1100px) {
		.wrap-gray.solution .solution-container {
			max-width: 1024px
		}
	}

	.wrap-gray.solution .solution-container .des-solution-slide {margin-bottom: 60px}
	.slide-description {text-align: center;font-size: 18px;line-height: 28px;padding-bottom: 0;color: #9A9A9A}
	.wrap-gray.solution .solution-container .list-solutions {width: 100%;margin: 0 auto;margin-top: 30px;box-sizing: border-box;margin-left: -15px}
	.wrap-gray.solution .solution-container .list-solutions.none-top-margin {margin-top: 0}
	.wrap-gray.solution .solution-container .list-solutions:after {content: "";display: block;clear: both}
	.wrap-gray.solution .solution-container .list-solutions .item-solution {float: left;width: 33.3%;box-sizing: border-box;padding-left: 30px}
	.wrap-gray.solution .solution-container .list-solutions .item-solution.non-top-margin {margin-top: 0}
	.wrap-gray.solution .solution-container .list-solutions .item-solution .item-solution-content {padding: 25px 40px;background-color: #fff}
	.wrap-gray.solution .solution-container .list-solutions .item-solution .item-solution-content img {width: 28px;height: 28px}
	.wrap-gray.solution .solution-container .list-solutions .item-solution .item-solution-content h3 {margin-top: 20px;font-size: 20px;color: #333}
	.wrap-gray.solution .solution-container .list-solutions .item-solution .item-solution-content .des-item-solution {margin-top: 5px;font-size: 12px;line-height: 22px;color: #666}
	.wrap-gray.solution .solution-container .list-solutions .item-solution .item-solution-content a {display: inline-block;margin-top: 10px;font-size: 12px;line-height: 22px;color: #38f;cursor: pointer}
	.wrap-gray.solution .solution-container .list-solutions .item-solution .item-solution-content a:after {content: "";width: 5px;height: 5px;display: inline-block;border: 1px solid #38f;position: relative;top: -1px;-webkit-transform: rotate(-45deg);transform: rotate(-45deg);border-color: transparent #38f #38f transparent}
	.icon-sprite {display: inline-block}
	.icon-1 {background-position: 0 0}
	.icon-1,.icon-2 {background-image: url("../images/index_sprites.png");width: 28px;height: 28px}
	.icon-2 {background-position: -60px -30px}
	.icon-3 {background-position: -30px 0}
	.icon-3,.icon-4 {background-image: url("../images/index_sprites.png");width: 28px;height: 28px}
	.icon-4 {background-position: 0 -30px}
	.icon-5 {background-position: -30px -30px}
	.icon-5,.icon-6 {background-image: url("../images/index_sprites.png");width: 28px;height: 28px}
	.icon-6 {background-position: -60px 0}
	.wrap-gray.solution .solution-container .list-solutions .item-solution .item-solution-content h3 a{font-size: 20px;color: #333; background: none;}
	.wrap-gray.solution .solution-container .list-solutions .item-solution .item-solution-content h3 a:after{background: none; content:none; }

.bordernone1 .border-left{width: 1px;height: 0px;background: #3a8dff;position:absolute;left:-1px;bottom: 0; margin-left: 30px;}
.bordernone1 .border-bottom{width: 0px;height: 1px;background: #3a8dff;position:absolute;left:0;bottom: 0px; margin-left: 30px;}
.bordernone1 .border-top{width: 0px;height: 1px;background: #3a8dff;position:absolute;right:0;top: 0px;}
.bordernone1 .border-right{width: 1px;height: 0px;background: #3a8dff;position:absolute;right:-1px;top: 0;}

.bordernone2 .border-left{width: 1px;height: 0px;background: #ff6600;position:absolute;left:-1px;bottom: 0; margin-left: 30px;}
.bordernone2 .border-bottom{width: 0px;height: 1px;background: #ff6600;position:absolute;left:0;bottom: 0px; margin-left: 30px;}
.bordernone2 .border-top{width: 0px;height: 1px;background: #ff6600;position:absolute;right:0;top: 0px;}
.bordernone2 .border-right{width: 1px;height: 0px;background: #ff6600;position:absolute;right:-1px;top: 0;}

.bordernone3 .border-left{width: 1px;height: 0px;background: #00cc99;position:absolute;left:-1px;bottom: 0; margin-left: 30px;}
.bordernone3 .border-bottom{width: 0px;height: 1px;background: #00cc99;position:absolute;left:0;bottom: 0px; margin-left: 30px;}
.bordernone3 .border-top{width: 0px;height: 1px;background: #00cc99;position:absolute;right:0;top: 0px;}
.bordernone3 .border-right{width: 1px;height: 0px;background: #00cc99;position:absolute;right:-1px;top: 0;}

.bordernone4 .border-left{width: 1px;height: 0px;background: #ffcc00;position:absolute;left:-1px;bottom: 0; margin-left: 30px;}
.bordernone4 .border-bottom{width: 0px;height: 1px;background: #ffcc00;position:absolute;left:0;bottom: 0px; margin-left: 30px;}
.bordernone4 .border-top{width: 0px;height: 1px;background: #ffcc00;position:absolute;right:0;top: 0px;}
.bordernone4 .border-right{width: 1px;height: 0px;background: #ffcc00;position:absolute;right:-1px;top: 0;}

.bordernone5 .border-left{width: 1px;height: 0px;background: #1074ff;position:absolute;left:-1px;bottom: 0; margin-left: 30px;}
.bordernone5 .border-bottom{width: 0px;height: 1px;background: #1074ff;position:absolute;left:0;bottom: 0px; margin-left: 30px;}
.bordernone5 .border-top{width: 0px;height: 1px;background: #1074ff;position:absolute;right:0;top: 0px;}
.bordernone5 .border-right{width: 1px;height: 0px;background: #1074ff;position:absolute;right:-1px;top: 0;}

.bordernone6 .border-left{width: 1px;height: 0px;background: #6e64ed;position:absolute;left:-1px;bottom: 0; margin-left: 30px;}
.bordernone6 .border-bottom{width: 0px;height: 1px;background: #6e64ed;position:absolute;left:0;bottom: 0px; margin-left: 30px;}
.bordernone6 .border-top{width: 0px;height: 1px;background: #6e64ed;position:absolute;right:0;top: 0px;}
.bordernone6 .border-right{width: 1px;height: 0px;background: #6e64ed;position:absolute;right:-1px;top: 0;}




/*第二屏 搭建流程*/
.historyUl{ margin-top: 50px; }
.historyUl ul{background: url(../images/s1.png) no-repeat center center; background-size: 737px 613px;  min-height: 613px;}
.historyUl li{position:relative; color: #000;font-size: 17px;line-height: 28px; width: 100%;}
.historyUl li .left{width:22%; text-align:right;float: left; padding-right:3%;position: relative; /* left:-20%;opacity: 0;transition:all 1s;-webkit-transition:all 1s;-moz-transition: all 1s; transition: all 1s; */}
.historyUl li .right{float: right; width:18%; }
.historylist{overflow: hidden; }


/*第三屏*/
.index_shade{background: #373d41; color: #fff; margin-top: 85px; }
.index_shade li{float: left; position: relative; overflow: hidden;}
.index_shade li .img img{width: 302px; height: 496px; }

.index_shade li .shade_ab{z-index: 1; position: absolute; width: 302px; height: 496px; /* background: rgba(0,0,0,0.5); */ top: 0; left: 0; text-align: center; }
.index_shade li .shade_ab .ico img{padding-top: 120px; }
.index_shade li .shade_ab .line img{margin-top: 40px;}
.index_shade li .shade_ab h1{font-size: 24px; margin-top: 30px; }
.index_shade li .shade_ab p{font-size: 14px; margin-top: 15px; }

.txt-three{z-index:2; position: absolute; top: 0; left: 0; text-align: center; width: 302px; height: 496px; background: rgba(36,77,132,0.7);}
.txt-three .ico img{padding-top: 73px;}
.txt-three h1{font-size: 24px; margin-top: 23px; }
.txt-three .line img{margin-top: 20px;}
.txt-three .text{margin-top: 17px; }
.txt-three .text h4{font-size: 14px; font-weight: bold; line-height: 19px;}
.txt-three .text p{font-size: 14px; line-height: 19px;}
.txt-three h3{margin-top: 45px; }
.txt-three h3 a{color: #fff; font-size: 14px; padding:6.5px 31px; border:1px solid #fff; }

.txt-three {
	-webkit-transform: rotate(0deg) scale(0);
	-moz-transform: rotate(0deg) scale(0);
	-o-transform: rotate(0deg) scale(0);
	-ms-transform: rotate(0deg) scale(0);
	transform: rotate(0deg) scale(0);
	top: 0;
	left: 0
}

.index_shade li:hover .txt-three {
	-webkit-transform: rotate(0deg) scale(1);
	-moz-transform: rotate(0deg) scale(1);
	-o-transform: rotate(0deg) scale(1);
	-ms-transform: rotate(0deg) scale(1);
	transform: rotate(0deg) scale(1);
	transition:all 1.5s;
}

/*第四屏*/
.index_function{overflow: hidden;}
.func_list{}
.func_list li{float: left; text-align: center; margin: 55px 50px 0; }
.func_list li h1{font-size: 18px; color: #000; font-weight: bold; margin-top: 20px; }
.func_list li .p_list{margin-top: 15px; line-height: 21px;}
.func_list li .p_list a{color: #999; font-size: 14px; }
.func_list li:hover img{transform: rotate(360deg); transition: all 1s; transform-origin: center center; }
.func_list li .p_list a:hover{color: #e66934; }


/*第五屏*/
.index_news{background: #f5f5f5; margin-top: 65px; padding-bottom: 80px; overflow: hidden; }
.news_list{margin-top: 80px; }
.news_list li{float: left; margin-right: 32px; }
.news_list li .pic_word{background: #fff; width: 378px;  border:1px solid #ddd; margin-bottom: 28px;}
.news_list li .pic_word img{width: 377px; height: 271px; }
.news_list li .pic_word h1{font-size: 14px; line-height: 56px; text-align: center; }
.news_list li p{padding-left: 5px;}
.news_list li p a{}
.news_list a:hover{color: #e66934}


.index_side{width: 100%; height: 196px; background: url(../images/bg.jpg) no-repeat; text-align: center; padding-top: 55px; }
.index_side h1{font-size: 23px; color: #fff; }
.index_side h2 a{padding:5px 25px; border:1px solid #fff; color: #fff; display: inline-block;font-size: 18px; margin-top: 30px;  }

.index_side h2{
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
	position: relative;
}
.index_side h2 a:hover{
	-webkit-animation-name: jello;
	animation-name: jello;
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	background-color: rgba(230,102,52,0.2);
}


/*所有内页*/
.ibanner{width:100%; height: 813px; position: relative; overflow: hidden;}
.ibanner .img{width: 1920px; height: 813px;margin:0 auto; position: absolute; left: 50%; margin-left: -960px; top: 0;}

.ibanner .text{position: absolute; bottom: 120px; left: 50%; text-align: center; margin-left: -390px;}
.ibanner .text h6{color: #aaa; font-size: 18px;letter-spacing: 5.2px; line-height: 20px; font-family: LanTing;}
.ibanner .text h5{color: #aaa; font-size: 11px;line-height: 20px;font-family: LanTing;}
.ibanner .text h5 span{margin:0 17px;}
.ibanner .text h1{font-size: 65px; color: #fff; line-height: 75px; margin-top: 45px;}
.ibanner .text h1 b{color: #ff0000; ;}
.ibanner .text h3{font-size: 25px; color: #D4D5D8; margin-top: 30px;font-family: LanTing;}
.ibanner .text h2 a{display: inline-block;width: 130px; height: 35px; line-height: 35px; text-align: center; background: #fff; color: #000; font-size: 14px; border-radius: 5px; margin-top: 70px;}
.ibanner .text img{margin-top: 90px; width: 48px; height: 48px;}

.info_title{text-align: center;}
.info_title h2{font-size: 30px; color: #000;}
.info_title h5{font-size: 14px; color: #6E6E6E; margin-top: 25px;}

/*解决方案*/
.aArea{margin-top: 50px; ;}
.aArea .content{margin-top: 50px;}
.aArea li{float: left;display: block; width: 232px; height: 232px; border-radius: 50%;padding-top: 30px; border:1px solid #D7D6D6; margin:0 auto; text-align: center;margin-right: 90px;}
.aArea li h3{margin-top: 20px; color: #000; font-size: 17px;}
.aArea li a{display: block;;}
.aArea li p{font-size: 14px; color: #9E9E9E; width: 76%; margin:20px 12% 0;}
.aArea li:hover{/*border: 1px solid #999; */box-shadow: 0 0 30px #eee; border:1px solid transparent}
.aArea li:hover img{transform: rotate(360deg); transition: all 1s; transform-origin: center center;}
.aArea li:hover h3{color: #e87e35;}

.aArea1{background: #ebeef3 url(../images/bg1.jpg) no-repeat; margin-top: 85px; padding:75px 0 130px;}
.aArea1 .content{margin-left: 45px; margin-right: 45px;}
.aArea1 .text{float: left; margin-top: 90px; width: 43%;}
.aArea1 .text h1{font-size: 36px; color: #ff9c00;}
.aArea1 .text h2{font-size: 18px; color: #000; margin-top: 15px;}
.aArea1 .text p{font-size: 14px; color: #5a5c61; line-height: 31px; margin-top: 10px;}
.aArea1 .text ul{margin-top: 40px;}
.aArea1 .text li{float: left; text-align: center; margin:0 auto; margin-right:60px; margin-top: 40px;}
.aArea1 .text li .iconfont{font-size: 48px; color: #89898A; }
.aArea1 .text li h3{font-size: 14px; color: #333; margin-top: 15px;}
.aArea1 .img{float: right; margin-top: 23px;}
.aArea1 .img img{width: 318px;height: 638px;}
.aArea1 .text li:hover .iconfont,.aArea1 .text li:hover h3{color: #ff9c00;}

.aArea2{background: #2a333f; padding:60px 0 120px;}
.aArea2 .content{ margin-top: 80px;}
.aArea2 .info_title h2{color: #fff;}
.aArea2 .info_title h2 span{color: #FF0000;}
.aArea2 .info_title h5{color: #C1C2C5;}
.aArea2 .text{float: left; width: 50%;}
.aArea2 .img{float: right; margin-top: 40px; }
.aArea2 .text li{margin-top: 30px;}
.aArea2 .text li h3{font-size: 18px; color: #fff; font-weight: bold;}
.aArea2 .text p{color: #7A7E84; font-size: 14px; line-height: 24px; margin-top: 10px;}

.aArea3{padding-top: 60px; background: #ebeef3; padding-bottom: 115px;}
.aArea3 .content{margin-top: 80px;}
.aArea3 .pics{position: relative;width: 246px; margin:0 auto; display: block; text-align: center;}
.aArea3 .pics .wai{width: 246px; height: 246px; transition: all 1s ease 0s;padding-top: 15px;padding-left: 15px; border:1px solid #D9DCE0;border-radius: 50%;}
.aArea3 .pics .img{width: 216px; height: 216px; overflow: hidden;border-radius: 50%}
.aArea3 .pics .img img{width: 216px; height: 216px;border-radius: 50%; transition: all 1s ease 0s; overflow: hidden}
.aArea3 .pics .text{position: absolute; top: 50%;left: 50%; margin-left: -27px; margin-top: -48.5px;}
.aArea3 .pics .text h4{font-size: 18px; color: #fff; margin-top: 23px;}
.aArea3 .pics:hover .img img{-moz-transform:scale(1.1); -webkit-transform:scale(1.1);}
	.mokuai{position: relative;}
	.mokuai .img{width: 802px; height: 219px; margin:0 auto; text-align: center;;}
	.mokuai .circle{width: 142px; height: 142px;background: #ebeef3; border:1px solid #C3CCD9; border-radius: 50%; text-align: center; padding: 45px 15px 0;}
	.mokuai .circle h1{font-size: 18px; color: #000; font-weight: bold;}
	.mokuai .circle p{color: #60656e; font-size: 14px; line-height: 20px;}
	.mokuai .circle1{position: absolute; top: -85px ; left: 105px;}
	.mokuai .circle2{position: absolute; top: 105px ; left: 345px;}
	.mokuai .circle3{position: absolute; top: 105px ; right: 345px;}
	.mokuai .circle4{position: absolute; top: -85px ; right: 105px;}


.aArea4{background: #2a333f; padding:62px 0 80px; overflow: hidden}
.aArea4 .info_title h2{color: #fff;}
.aArea4 .info_title h2 span{color: #FF0000;}
.aArea4 .info_title h5{color: #C1C2C5;}
.aArea4 .content img{width: 870px; height: 533px; margin:75px auto 0; text-align: center; display: block;}