@charset "utf-8";

/*全局控制*/
body{width:100%;margin:0;padding:0;font-family:"微软雅黑"; color:#565656;-webkit-text-size-adjust:none;}
html,body,div,dl,dt,dd,ol,ul,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td,p{margin:0;padding:0;}
img{width:100%;height:auto;display: block;border:0;vertical-align:center;}ul,li{list-style:none;}
.tc{text-align:center;}.tl{text-align:left;}.tr{text-align:right;}
.fl{float:left;}.fr{float:right;}.cl{clear:both;}.fb{font-weight:bold;}
.op{opacity: 0}
.flex{display:flex;}
.wrap{flex-wrap: wrap;}
a{text-decoration:none;color:#000;cursor: pointer;}
input[type="text"]:focus,input[type="password"]:focus,textarea:focus{outline:none;}
button{cursor: pointer;border:0;}
body{overflow-x: hidden;}

.box{width:1200px;margin:auto;}


/*头部*/
.head{width:100%;height:150px;background: #ffffff;}
.head .top_tel{
	padding-top: 20px;
	text-align:right;
	color: #0077d2;
	font-size: 20px;
	font-weight: bold;
}
.head .top_tel img{
	width: 24px;
	vertical-align: sub;
}
.head .top_tel>*{
	display: inline-block;
}
.head .top_tel> span{
	width: 1px;height:10px;margin:0 10px;
	background: #0077d2;
}
.head .top_tel> a{
	color: #0077d2;
	font-size: 16px;font-weight: 100;
}

.head_list{margin-top: 15px;height: 70px;}
.head_list .logo{
	height: 70px;
}
.head_list .logo img{
	height: 70px;width: auto;
}


.nav{height:70px;position: relative;z-index:999;}
.nav ul{height:90px;}
.nav ul>li{height:100%;display: inline-block;line-height: 90px;font-size: 0;
	margin-left: 40px;vertical-align: text-top;position: relative;
}
.nav ul>li>a{color:#6e6e6e;font-size: 16px}
.nav ul>li:hover>a{color: #427bc0}
.nav ul>li:hover:after{
	content: '';
	position: absolute;
	width: 35px;height:3px ;
	background:#427bc0 ;
	bottom: 20px;
	left: 0;right: 0;margin:auto;
}



.nav ul>li ol{display: none;background: rgba(0,0,0,.3);
	position: absolute;width: 180%;top: 90px;padding-top: 10px;
	left: -40%;
}
.nav ul>li:hover ol{display: block;}
.nav ul>li ol li{line-height: 30px;}
.nav ul>li ol li>a{color:#fff;font-size: 14px}
.nav ul>li ol li:hover a{color: #427bc0}


.banner .swiper-pagination{
	font-size: 16px;font-weight: bold;
	color: #00b4ff;bottom:18px;
}
.banner .swiper-pagination>span:first-child{
	color: #fff;
}
.banner .swiper-button-next{
	width:18px;height:14px;
	background: none!important;
	bottom:20px;right: 47%;top:auto;
}
.banner .swiper-button-prev{
	width:18px;height:14px;
	background: none!important;
	bottom:20px;left: 47%;top:auto;
}


/* 解决方案 */

.idx_fa{
	margin-top: 100px;
}
.lanmu_title{
	position: relative;text-align: center;
}
.lanmu_title:after{
	content: '';
	width: 50px;height: 5px;
	background: #2d86ff;
	border-radius: 5px;
	position: absolute;
	top: -5px;
	left: 0;right: 0;
	margin:auto
}
.lanmu_title p{
	font-size: 48px;color: #e5e5e5;
	text-transform: uppercase;
}
.lanmu_title span{
	color: #000000;font-size: 36px;
	font-weight: bold;
	display: inline-block;
	position: relative;
	top: -40px;
}

.idx_ab_type{
	text-align: center;
}
.idx_ab_type>div{
	width:140px;
	display: inline-block;
	font-size: 0;
	margin:0 250px
}

.idx_ab_type>div img{
	width:auto;display: inline-block;
}
.idx_ab_type>div p{
	font-size: 20px;margin-top: 15px;
}
.idx_ab_type>div .xiaj{
	margin-top: 10px;opacity: 0;
}
.idx_ab_type>div:hover .xiaj{
	opacity: 1;
}
.idx_ab_type>div.active .xiaj{
	opacity: 1;
}

.idx_ab_con{
	margin-top: 20px;
}


/* 经典案例 */

.idx_anli{
	margin-top: 100px;
	background: url(../images/d_bg.png);
	background-size: 100% auto;
	background-repeat:no-repeat ;
	background-position: center bottom;
	padding-bottom: 55px;
}

.idx_anli_list>div{
	width: 373px;
	margin-right:40px;
	margin-bottom: 20px;
	float: left;
}
.idx_anli_list>div .img{
	border-radius: 5px;
	overflow: hidden;
}
.idx_anli_list>div .img img{
	transition: all .5s;
}
.idx_anli_list>div p{
	text-align: center;font-size: 20px;
	line-height: 50px;hieght:50px;
	overflow: hidden;white-space: nowrap;text-overflow: ellipsis;
}
.idx_anli_list>div .con{
	font-size: 15px;
	color: #4c4c4c;line-height: 2;
	height: 90px;
}
.idx_anli_list>div:nth-child(3n){
	margin-right: 0;
}
.idx_anli_list>div:hover .img img{
	transform: scale(1.2);
}
.idx_anli_list>div:hover p{
	color: #134d95;
}
.idx_anli_list>div:hover .con{
	color: #4d79af;
}




.more{
	display: block;
	width: 260px;height:54px;
	margin: 60px auto
}
.biaoyu{
	color: #0451b5;font-size: 48px;
	text-align: center;font-weight: bold;
}


/* 资质荣誉 */

.idx_honer{
	padding:100px 0 40px 0;
	background: url(../images/honerbg.jpg) no-repeat 100% 100%;
}
.idx_honer .lanmu_title:after{
	background: #Fff;
}
.idx_honer .lanmu_title p{
	color:#00a3d6
}
.idx_honer .lanmu_title span{
	color:#fff
}


.idx_honer_list>div{
	width: 270px;margin-right: 40px;
	float: left;
	border-radius: 5px;
	overflow: hidden;
	margin-bottom: 20px;
}
.idx_honer_list>div:nth-child(4n){
	margin-right: 0;
}
.idx_honer_list>div img{
	transition: all .5s;
}
.idx_honer_list>div:hover img{
	transform: scale(1.2);
}



/* 合作伙伴 */

.idx_friend{
	background: url(../images/friendbg.jpg) no-repeat 100% 100%;
}



/* 新闻动态 */

.idx_news{
	padding: 100px 0 50px 0;
}

.idx_news_list>div{
	width: 540px;
	padding:20px;
	float: left;
	margin-right: 40px;
	margin-bottom: 30px;
	box-shadow: 0px 0px 10px 10px #f1f1f1;
}
.idx_news_list>div:nth-child(2n){
	margin-right: 0;
}
.idx_news_list>div .img{
	width: 190px;
}
.idx_news_list>div .con{
	width: 330px;
}
.idx_news_list>div .con p{
	width: 330px;font-size: 18px;
	color: #000;height: 40px;line-height: 40px;
	overflow: hidden;white-space: nowrap;text-overflow: ellipsis;
}
.idx_news_list>div .con div{
	font-size: 14px;
	color: #4c4c4c;line-height: 2;
}



/* 底部 */

.foot{
	background: #28282a;
	padding-top: 50px;
	height: 155px;
}

.foot .d_logo img{
	width: auto;
	padding-top: 25px;
}
.foot .d_nav{
	color: #bfbfc0;
	margin-left:90px;
}

.foot .d_nav>ul li{
	display: inline-block;font-size: 0;
}
.foot .d_nav>ul li a{
	color: #bfbfc0;font-size: 15px;
}
.foot .d_nav>ul span{
	display: inline-block;font-size: 0;
	width: 2px;height: 9px;background:#bfbfc0 ;
	margin:0 20px
}
.foot .d_nav>ul span:last-child{
	display: none;
}
.foot .ewm{
	width: 100px;
}
.foot .ewm p{
	font-size: 14px;color:#bfbfc0 ;
	margin-top: 10px;text-align: center;
}


.dibu{
	background: #202022;height: 45px;color: #909091;
	line-height: 45px;
}




/* 二级 */

.er_type>a{
	display: inline-block;width: 170px;height: 50px;
	margin: 0 10px;
	border:1px solid #2d86ff;
	color: #fff;
	background: #2d86ff;font-size: 20px;
	text-align: center;line-height: 50px;
}
.er_type>a:hover,.er_type>a.active{
	background: none;
	color: #2d86ff;
}
.con_con{
	padding: 50px 0;
}
.con_con img{
	display: inline-block;width: auto;
	max-width: 100%;
}

.page{
	margin:100px auto
}
.page>a{
	display: inline-block;width: 33px;height: 28px;
	border:1px solid #eaeaea;font-size: 16px;line-height: 28px;
	color: #a0a0a0;margin:5px;text-align: center;
}
.page>a.select,
.page>a:hover{
	background:#2d86ff ;color: #Fff;
}
.page>a:first-child,
.page>a:last-child{
	border: 0;
}


.show_con{
	border-top: 1px solid #e5e5e5;
	padding-top: 60px;
}

.show_title{
	text-align: center;font-size: 18px;
}
.show_time{
	margin-top: 25px;
	font-size: 14px;color: #b2b2b2;
}
.show_con .show_img{
	text-align: center;
}
.show_con .show_img img{
	display: inline-block;
	width: auto;
	margin-top: 40px;
}

.fanye a{
	display: block;
	line-height: 40px;font-size: 16px;
}