/*初始化样式*/
html{margin:0;padding:0;border:0;}
body,div,span,object,iframe,h1,h2,h3,h4,p,blockquote,pre,a,address,code,b,em,img,
dl,dt,dd,ol,ul,li,fieldset,form,label,footer,
header,hgroup,navs,section
{margin:0;padding:0;border:0;}
body{background:#fff;color:#333;position:relative;font:12px/1.5 Microsoft YaHei,arial,宋体,sans-serif;vertical-align:baseline;width:100%;overflow-x:hidden;}
a{text-decoration:none;outline:none;}

a:hover,a:active,a:focus{text-decoration:none;outline:none;}


input{padding:0;margin:0;font-family:'Microsoft YaHei';}
img{border:none;background:none;vertical-align:middle;}
ul,ol,li{list-style-type:none;}
select,input,img,select{vertical-align:middle;}
table{border-collapse:collapse;border-spacing:0}
table, th, td {vertical-align: middle}
.clearfix:after{content: ".";display: block;height: 0;clear: both;overflow: hidden;visibility: hidden;}
.clearfix{zoom:1}
.clearboth{height:0px;line-height:0px;overflow:hidden;clear:both;font-size:0px;}

h1,h2{font-size:12px;font-weight:bold;}
hr {border: 0;border-top:1px solid #ccc;height:0;}

p{margin:0;}



/*----- Common css ------*/
.fl{float:left;}
.fr{float:right;}
.di{_display:inline;}
.fwn{font-weight:normal;}
.dib{*display:inline;_zoom:1;_display:inline;_font-size:0px;}



@media(min-width: 1380px){
	.container{
        width: 1380px;
        padding: 0;
	}
}

.container.flex::before,.container.flex::after{
	display: none;
}
.nybt{
	display: none;
}

@media(max-width: 1380px){
	.container{
	}
}
@media(max-width: 1200px){
	.container{
	}
}
@media(max-width: 990px){
	.page-banner{
		height: 0px;
		overflow: hidden;
		margin-bottom: 20px;
	}
	body{
		padding-top: 60px;
	}
}
@media(max-width: 768px){
	.container{
		padding: 0 15px;
	}
}
@media(max-width: 550px){
	
}

/*滚动*/
#demo{overflow:hidden;width:100%;margin:0 auto;}
#indemo {float: left;width:800%!important;}
#demo1 {float: left;}
#demo2 {float: left;}

#m_demo{overflow:hidden;width:92%;margin:0 auto;}
#m_indemo {float: left;width:800%!important;}
#m_demo1 {float: left;}
#m_demo2 {float: left;}



.pos{position: relative;width:1920px;left:50%;margin-left:-960px;}
.wh{width:1200px;margin:0 auto;}


.com-img{ display:inline; overflow:hidden;margin:0 auto;display: table;}
.com-img img{ transition:all 0.8s; -webkit-transition:all 0.8s; -moz-transition:all 0.8s; -o-transition:all 0.8s;}
.com-img:hover img{transform:scale(1.2); -webkit-transform:scale(1.2); -moz-transform:scale(1.2); -o-transform:scale(1.2);-ms-transform:scale(1.2);}



.roll_product {float: left;}


/*头部样式*/
.top1{background:#e6e6e6;color:#595959;height:27px;line-height:27px;overflow:hidden;font-size:14px;}
.top1 a{color:#595959;}





.top2{height:143px;overflow:hidden;}

.logo{float:left;line-height:143px;}
.k2{margin-top: 5px;font-size:14px;color:#333333;line-height:35px;background: url(../images/t.png) no-repeat left center;padding-left:54px;}
.k2 p:nth-child(2){color:#2459a9;font-size:27px;}


.so img{
	margin-top: 33px;
}

.product_list1{margin-top:38px;}
.product_list1 li{float:left;margin-right:57px;margin-bottom:28px;}
.product_list1 li:nth-child(4n){margin-right:0;}
.product_list1 li img{width:257px;height:293px;}
.product_list1 li h3{text-align:center;font-weight:normal;color:#3f3f3f;font-size:20px;}



.x-menu > li{
	position: initial;
}
.x-sub-menu{
	width: 100%;
	left: 0;
	border-top: 1px solid #eee;
	box-shadow: 0px 4px 10px 1px #303030;
	padding: 40px 0;
}
.x-sub-menu > .flex{
	flex-wrap: wrap;
	    justify-content: space-around;
}
.topfirstnav{
}

.topsecnav{
	text-align: left;
}

.topfirstnav h3{
	font-size: 18px;
    line-height: 48px;
    color: #333;
	text-align: left;
}

.topfirstnav h3:hover{
	color: #038fcd;
}

.topsecnav h5{
	font-size: 16px;
    line-height: 36px;
    color: #666;
}

.topsecnav h5:hover{
	color: #038fcd;
}


.newsnav .topfirstnav h3{
	text-align: left;
}

.topfirstnav img{
	display: block;
	width: 100%;
	transition: all 0.3s;
	max-width: 240px;
}
.topfirstnav img:hover{
	transform: scale(1.03);
}


.solunav li{
	width: 12%;
}




/*主体样式*/


/* banner */

.x-banner {
    position: relative;
}



.box1 {
    position: absolute;
    bottom: 0;
    z-index: 99;
    width: 100%;
}

.box1main{
	background: #070e25ba;
	height: 50px;
    overflow: hidden;
	border-radius: 10px 10px 0px 0px;
	padding: 0 20px;
}


.topnewsli{
	overflow: hidden;
}
.topnewsli a{
	
}

.topnewsli h3{
	display: inline-block;
	font-size: 14px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 50px;
	letter-spacing: 0px;
	color: #ffffff;
	width: 52%;
}
.topnewsli h3 img{

}
.topnewsli h3 span {
    margin: 0 30px;
    color: #e80505;
}
.topnewsli h3 p{
	display: inline-block;
	float: right;
}

.newsarr{
	float: right;
	margin-top: 13px;
}






@media(max-width: 1380px){
	.topnewsli h3{
		width: 80%;
	}
}

@media(max-width: 1200px){
}

@media(max-width: 990px){
	.box1 .container{
		width: 100%;
	}
}

@media(max-width: 768px){
}

@media(max-width: 550px){
	
}










.box2{
	margin-top: 5vw;

}
.hyul{

}

.hyli{
	background: #fff;
	border: solid 2px #eeeeee;
	text-align: center;
	width: 19%;
	padding: 60px 0;
	transition: all 0.3s;
}
.hyli h3{
	font-size: 24px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 2;
	letter-spacing: 0px;
	color: #333333;
}
.hyli h4{
	font-size: 14px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 2;
	letter-spacing: 0px;
	color: #888888;
}

.hyli:hover .hyimg img:nth-child(1){}

.hyimg{
	text-align: center;
}

.hyli:hover h3{
	color: #ffffff;
}
.hyli:hover h4{
	color: #ffffff;
}

.hyimg img:nth-child(1){
	display: inline-block;
}

.hyimg img:nth-child(2){
	display: none;
}


.hyli:hover{
	background: #038fcd;
	box-shadow: 0px 8px 8px 0px #038fcd8f;
	border: solid 2px #eeeeee00;
}
.hyli:hover .hyimg img:nth-child(1){
	display: none;
}
.hyli:hover .hyimg img:nth-child(2){
	display: inline-block;
}


@media(max-width: 1380px){
}

@media(max-width: 1200px){
}

@media(max-width: 990px){
	.hyli{
		width: 30%;
		margin-top: 20px;
	}
}

@media(max-width: 768px){
}

@media(max-width: 550px){
	.hyli{
		width: 49%;
	}
	
}







.box3{
margin-top: 4vw;
background: #00276b;
padding: 75px 0;
}
.box3main{
	
}
.box3mainl{
	width: 32%;
}
.box3mainl li{
	
}
.box3mainl .b3proimg{
	
}
.box3mainl .b3protext{

}

.box3mainr{
	width: 66.5%;
}
.box3mainr li{
	width: 49%;
}

.box3mainr li:nth-child(n+3){
	margin-top: 22px;
}

.b3pro{
	position: relative;
    overflow: hidden;
}

.b3proimg{
width: 100%;
transition: all 0.3s;
}
.b3protext{
	position: absolute;
    top: 0;
	padding: 53px 42px 0 42px;
}
.b3protext h3{
	font-size: 20px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 1;
	letter-spacing: 0px;
	color: #333333;
}
.b3protext h4{
	font-size: 15px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 2.5;
	letter-spacing: 0px;
	color: #999999;
}


.b3more{
	margin-top: 30px;
}
.b3more img:nth-child(1){
	display: inline-block;
}
.b3more img:nth-child(2){
	display: none;
}
.b3pro:hover .b3proimg{
	transform: scale(1.03);
}
.b3pro:hover .b3protext h3{
	font-weight: bold;
	color: #038fcd;
}
.b3pro:hover .b3more img:nth-child(1){
	display: none;
}
.b3pro:hover .b3more img:nth-child(2){
	display: inline-block;
}


.vbut1 {
    position: absolute;
    top: calc(50% - 44px);
    text-align: center;
    width: 100%;
}

.vbut2 {
    position: absolute;
    top: calc(50% - 44px);
    text-align: center;
    width: 100%;
}

@media(max-width: 1380px){
	.b3protext {
    position: absolute;
    top: 0;
    padding: 24px 20px 0 20px;
}
.b3more {
    margin-top: 0px;
}
}

@media(max-width: 1200px){
}

@media(max-width: 990px){
	.box3mainl {
    width: 100%;
}
.box3mainr {
    width: 100%;
    margin-top: 30px;
}
}

@media(max-width: 768px){
	
}

@media(max-width: 550px){
	.box3mainr li{
		width: 100%;
	}
	.box3mainr li{
		margin-top: 22px;
	}
	.box3mainr {
	margin-top: 0px;
}
}






.box4{
	margin: 4.5vw 0;
}


.b4mainul li {
    width: 32%;
    position: relative;
}
@media(max-width: 1380px){
}

@media(max-width: 1200px){
}

@media(max-width: 990px){
}

@media(max-width: 768px){
	.b4mainul li{
		width: 100%;
		margin-top: 5px;
	}
}

@media(max-width: 550px){
	
}






.ssddds{
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.xyin-case-sort li:hover, .xyin-case-sort li.on {
    background: #3c486d;
    position: relative;
    color: #fff;
    cursor: pointer;
}

.xyin-case-sort li:hover a, .xyin-case-sort li.on a {
    color: #fff;
}

.aby_hh li:hover .aby_hh_img img{
    filter: invert(49%) sepia(93%) saturate(369%) hue-rotate(900deg) brightness(60%) contrast(93%);
}



/*页面底部*/
.foot{background:#333;}
.f_nav{width:826px;margin-top:40px;}
.f_nav dl{float:left;width:136px;height:186px;overflow:hidden;}
.f_nav dt{margin-bottom:8px;font-size:19px;color:#333;font-weight:normal;}

.f_nav dd a{font-size:12px;color:#333;line-height:20px;}
.copyright{text-align:center;line-height:24px;}



.x-layout{
	background: url(../images/293fc595f41bf8c0cfd649b606369797b83ca755.jpg) no-repeat center;
	background-size: cover;
}

.foottop{
	padding: 65px 0;
}

.foottopl {
    width: 60%;
}
.foottopr {
    width: 25%;
}

.x-layout-contact {
}

.x-layout-contact h3{
	font-size: 14px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 2;
	letter-spacing: 0px;
	color: rgba(255, 255, 255, 0.7);
}


.x-layout-contact p {
	font-size: 14px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 2;
	letter-spacing: 0px;
	color: rgba(255, 255, 255, 0.7);
}

.x-layout-contact p strong {
	font-family: Arial;
	font-size: 34px;
	font-weight: bold;
	font-stretch: normal;
	line-height: 1.5;
	letter-spacing: 0px;
	color: #ffffff;
}
.foottopr>img{
	margin-top: 35px;
}

.x-layout-contact a {
}

.footbot {
	padding: 35px 0;
    color: rgba(255, 255, 255, 0.7);
	border-top: 1px solid rgba(255, 255, 255, 0.1);
}
.x-copyright a{
	color: rgba(255, 255, 255, 0.7);
    margin: 5px 0;
}

.x-region a{
	color: rgba(255, 255, 255, 0.7);
}
.x-region dd{
	display: inline-block;
}

@media(max-width: 1380px){
	.foottopr {
    width: 36%;
}
}

@media(max-width: 1200px){
}

@media(max-width: 990px){
	.footbot{
		display: none;
	}
	.foottopl{
		display: none;
	}
	.foottopr{
		width: 100%;
	}
}

@media(max-width: 768px){
}

@media(max-width: 550px){
	
}

/*内页左侧样式*/
.page-message-img{
	display: none;
}
.page-product-inquiry a{color: #fff;}



/* 方案合作 */
.inquirytop{
	text-align: center;
	/* background: #333; */
	padding: 22px 0;
	margin-bottom: 35px;
}
.inquirytop h3{
	font-size: 40px;
	color: #333;
}
.inquirytop p{
	display: none;
	/* color: #fff; */
}
.inquirytop a{
	display: inline-block;
	margin-top: 15px;
	font-size: 16px;
	line-height: 35px;
	padding: 0 20px;
	background: #fff;
	color: #333;
	transition: all 0.3s;
	display: none;
	
}
.inquirytop a:hover{
	background: #038fcd;
color: #fff;
}


/* 渠道伙伴 */
.channelinquiry{
	margin-top: 45px;
	margin-bottom: 50px;
}
.channeltitle{
	text-align: center;
}
.channelinquiry h3{
	font-size: 40px;
	color: #666;
	line-height: 1.5;
}
.channelinquiry .wz{
	color: #333;
	font-size: 16px;
	line-height: 3;
    font-weight: normal;
}

.channelinquiry textarea.form-control{
	
}

.channelinquiry .form-horizontal .form-group{
	margin: 0;
}

.chanbtn input{
	margin-top: 30px;
}

@media(min-width: 990px){
.channelform{
	width: 990px;
	margin: 0 auto;
	/* margin: 0px 50px 0 50px; */
}
}


/*服务专题页*/
.n-service li{
	width: 49%;
	margin-top: 10px;
}
.n-service li .img img{
	max-width: 100%;
}
.n-service li h3{
	transition: all 0.8s;
	text-align: center;
	color: #038fcd;
	font: 400 17px/52px "Microsoft yahei";
}
.n-service li:hover h3{
	color: #038fcd;
	transition: all 0.8s;
	transform: translateX(10px);
}
@media (max-width: 500px) {
	.n-service li{
		width: 100%;
	}
}



/*分页样式开始*/
.turnover {text-align:center; margin:50px 0; font-size:14px; width:100%;}
.turnover a, 
.turnover .current, 
.turnover .disabled{display:inline-block;padding:0 15px; height:40px; line-height:40px; margin-left:5px;text-align:center;}
.turnover a, 
.turnover .disabled {background:#fff;border:1px solid #dedede;text-decoration:none;}
.turnover a{ color:#333;}
.turnover .disabled{ color:#999;}
.turnover a:hover, 
.turnover .current {border:1px solid #038fcd;background:#038fcd;color:#fff;  }

#xy-share{ text-align:right; margin:15px 0;}

.zongbu{ margin:4rem 0;}
.zongbu ul{ display:flex;}
.zongbu ul li{ width:50%;}
.zongbu ul li strong{ display:block; font-size: 20px; color: rgb(54, 96, 146); margin:60px 0 20px 0;}
.zongbu ul li #map{height:400px;}

.fenbu{ margin:4rem 0;}
.fenbu ul{ display:flex; flex-wrap:wrap;}
.fenbu ul li{ width:33.33%; padding:20px 0; line-height:2;}
.fenbu ul li strong{color: rgb(84, 141, 212); font-size: 18px; display:block; margin-bottom:10px;}

.fuwu{ margin:4rem 0;}
.fuwu ul{ display:flex; flex-wrap:wrap;}
.fuwu ul li{ width:25%; padding:20px 0;}
.fuwu ul li strong{color: rgb(84, 141, 212); font-size: 20px; display:block; margin-bottom:20px;}
.fuwu ul li img{ width:90%;}

.red-star {
    color: red;
}

@media (max-width: 768px) {
	/*分页样式开始*/
	.turnover {margin:1.5rem 0; font-size:1rem;}
	.turnover a, .turnover .current, .turnover .disabled{padding:0 10px; height:30px; line-height:30px;}
	.turnover .fy{ display:none;}
	
	#xy-share{ text-align: center; margin:1rem 0;}
	
	.zongbu{ margin:2rem 0;}
	.zongbu ul{ display: block;}
	.zongbu ul li{ width:100%;}
	.zongbu ul li strong{ font-size: 2rem; margin:2rem 0 1rem 0;}
	.zongbu ul li #map{height:300px; margin-top:1rem;}
	
	.fenbu{ margin:2rem 0;}
	.fenbu ul{}
	.fenbu ul li{ width:50%; padding:0.5rem 0;}
	.fenbu ul li strong{font-size: 1.5rem; margin-bottom:0.5rem;}
	
	.fuwu{ margin:2rem 0;}
	.fuwu ul{}
	.fuwu ul li{ width:50%; padding:1rem 0;}
	.fuwu ul li strong{font-size: 1.75rem; margin-bottom:1rem;}
	.fuwu ul li img{ width:90%;}
}