﻿html{font-size:62.5%;}
body,html{width: 100%; overflow:auto;overflow-x: hidden;  -ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;}
a:hover{opacity: .99;}
video {height: 100%;    image-rendering: -webkit-optimize-contrast;image-rendering: crisp-edges; }

.grid{display: -ms-grid;}


.cBut{background: #085089;}
.bg-black{background: #000000;}
.bg-white{background: #ffffff;}
.cfff{color: #ffffff;}
.c000{color: #000000;}
.c333{color: #333333;}
.c666{color: #666666;}
.c999{color: #999999;}

.boxShow{box-shadow: 0 10px 30px rgba(172,184,207,.3);}


/*面板*/
.content{margin: 0 auto;width: 1600px;}
.content-min{margin: 0 auto;max-width: 1360px;}


@media screen and (max-width: 1600px) {
.content{width: 800px !important;padding: 0 1.4rem;}
.page-width {max-width: 1200px !important;}
.content-min{margin: 0 auto;max-width: 1200px;}
.new-menu .new-menu-content {max-width: 1200px !important;}	
.net-solution-banner {min-height: 500px !important;}
.tiyan {width: 100px !important;}
.phone-btn {margin-right: 10px !important;}
.kehu { margin-left: 45px !important;}
.chulai .dier p {line-height: 22px !important;font-size: 12px !important;
}
.gsjj {padding: 20px 15px 0px 35px!important;}
.left15{padding-left: 8% !important;}
}



@media screen and (max-width: 1200px) {
.content-min{width: 100%;padding: 0 1rem;}
	
	
}



/*字号*/
.font-10{font-size: 1rem;}
.font-11{font-size: 1.1rem;}
.font-12{font-size: 1.2rem;}
.font-13{font-size: 1.3rem;}
.font-14{font-size: 1.4rem;}
.font-15{font-size: 1.5rem;}
.font-16{font-size: 1.6rem;}
.font-17{font-size: 1.7rem;}
.font-18{font-size: 1.8rem;}
.font-19{font-size: 1.9rem;}
.font-20{font-size: 2rem;}
.font-21{font-size: 2.1rem;}
.font-22{font-size: 2.2rem;}
.font-23{font-size: 2.3rem;}
.font-24{font-size: 2.4rem;}
.font-25{font-size: 2.5rem;}
.font-26{font-size: 2.6rem;}
.font-27{font-size: 2.7rem;}
.font-28{font-size: 2.8rem;}
.font-29{font-size: 2.9rem;}
.font-30{font-size: 3rem;}



/*标题*/
.titleIndex{font-size: 3rem;margin-top:5rem;margin-bottom: 6rem;}
@media screen and (max-width: 768px) {
    .titleIndex{margin-top: 3rem;margin-bottom: 2rem;font-size: 2rem;}
}




/*顶部*/
.top{height: 40px;line-height:40px; color: #3D485D;background: #EBF2FE; position: fixed; top: 0; left: 0;width: 100%;z-index: 9999;}
.top .position{margin-right: 0.3rem;font-size: 1.4rem;}
.selectCity{top: 4rem;left:4rem;background: #fff;width: 150px; z-index: 9999;box-shadow: 0px 2px 27px 0px rgba(28, 76, 186, 0.2);padding: 1rem;display: none;}
.selectCity h4{color: #004a85;}
.selectGroup{top: 4rem;right:-50%;background: #fff;width: 100px; z-index: 9999;box-shadow: 0px 2px 27px 0px rgba(28, 76, 186, 0.2);padding: 1rem;display: none;}
.selectGroup a{color: #004a85;text-align: center;display: block;}
.top-index{color: #D8D8D8;}

.top-index img.dw2{display: none}
.top-index2 img.dw1{display: none}



/*导航*/
.menu{height: 82px;border-bottom: 1px solid #e3e3e3;z-index: 9998;position: fixed;top: 30px;display: none;}
.menu .nav{height:100%;	}
.menu .nav>ul{height: 100%;}
.menu .nav>ul>li{position: relative;height: 100%;line-height: 82px;padding: 0 15px;color: #02194F;font-size: 16px;}
.menu-pc .nav>ul>li.active:before{content: "";position: absolute; width: 100%;height: 1px;left: 0;bottom: 0;background: #000;}
.menu-pc .nav>ul>li.hover:before{content: "";position: absolute; width: 100%;height: 1px;left: 0;bottom: 0;background: #000;}
.menu .navBox{left: 0; width: 100%;display: none;}
.menu .navBox>div{width: 1107px; margin: 0 auto;box-shadow: 0px 2px 5px 0px rgba(28, 76, 186, 0.2);background: #ffffff;}
.menu .navBox .left{width: 250px;min-width: 250px;background: #fafafa;height: 208px;}
.menu .navBox .left h4{position: relative;}
.menu .navBox .left h4:after{position: absolute;content: "";width: 16px;height: 2px;background: #000;left: 0; bottom:20px;}
.menu .navBox .center ul{margin-left: 74px;line-height: 24px;}
.menu .navBox .right{width: 260px; min-width: 260px;}
.menu-mob .nav{position: fixed;top: 4.9rem;left: 0;width: 100%; height: auto;z-index: 999;overflow-y: auto;height: 100%;background: #fff;}
.menu-mob .nav>ul{display: block;}
.menu-mob .nav>ul>li{display: block;height: auto;line-height: 3rem;}
.menu-mob .nav>ul>li.active:before{display: none;}
.menu-mob .nav>ul>li>a{display: block;border-bottom: 1px solid #dedede;padding: 1.2rem 0;color: #666;}
.menu-mob .nav>ul>li .navBox{position: initial;overflow: hidden;}
.menu-mob .nav .navBox>div{background: transparent;}
.menu-mob .nav .navBox .left,.menu .nav-mob .navBox .right{background: transparent;display: none;}
.menu-mob .nav .navBox .center ul{width: 100%;margin-left: 0;margin-bottom: 15px;}
.menu-mob .navBox .center h5{color: #999;align-items: center;    border-bottom: 1px solid #E5E5E5;
    padding: 10px 0;}
.menu-mob .navBox .center li{}
@media screen and (max-width: 768px) {
    .menu{padding: 0.9rem 0;border-bottom: 1px solid #e3e3e3;height: auto;background: #fff;top: 0 !important;}
    .menu .navBox>div{box-shadow: none;}
    .menu-mob .navBox .center h5{color: #333;padding-top: 1rem;}
    .menu-mob .nav .navBox .center ul li{padding-top:0.85rem;    text-align: left;}
}




.new-menu{height: 82px;z-index: 9998;position: fixed;top: 40px;transition: all 0.3s ease 0s;}
.new-menu .new-menu-content{max-width: 1360px;margin: 0 auto;}
.new-menu .new-nav{display: flex;margin-left: 10%;}
.new-menu .new-nav .new-nav-item{display: inline-block;cursor: pointer;position: relative;}
.new-menu .new-nav .new-nav-item>a{font-size: 15px;color: #fff;height: 100%;line-height: 82px;padding: 0 20px;}
.new-menu .new-nav .new-nav-item:hover>a{color: #2568F2 !important;}
.new-menu .new-nav .new-nav-item:hover .nav-item-sub{display: block;}
.new-menu .new-nav .new-nav-item:hover ~ .new-menu{background-color: #fff;}

@media screen and (max-width: 1200px) {
	.new-menu .new-menu-content{width: 100% !important;}
	.btn-box{
		display: none;
	}
}
@media screen and (max-width: 768px) {
	.pc-show{display: none;}
	.mb-show{display: block;}
}
/* jq需改hover样式 */
.new-hover{
	background-color: #fff;
}
.new-hover2{
	background-color: #fff;
}



.new-hover .new-nav .new-nav-item>a{color: #3D485D}
.new-hover .phone-btn{color: #000 !important;}

.new-hover .new-nav .new-nav-item>a.current{color: #2568F2 !important;}
.new-menu .new-nav .new-nav-item .nav-item-sub{
	position: absolute;
	left: 0;
	right: 0;
	background-color: #fff;
	line-height: 2;
	display: none;
	width: 100vw;
	text-align: left;
}
.after-bg-white{
	position: absolute;
	left: 0;
	z-index: 9;
	width: 100vw;
	background-color: #f5f7fa !important;
}
.after-bg-white::after{
	content: '';
	width: 100Vw;
	height: 100%;
	background-color: #fff;
	position: absolute;
	left: -100vw;
	top: 0px;
	z-index: -1;
}
.phone-btn{
	width: 200px;
    height: 40px;
    padding: 0 5px;
    line-height: 40px;
    letter-spacing: -.08px;
    color: #fff;
    border: 1px solid #dfe2eb;
    border-radius: 22px;
    background: transparent;
    font-family: inherit;
    overflow: hidden;
    outline: none;
    cursor: pointer;
    align-items: center;
	justify-content: center;
	margin-right: 20px;
}

.phone-btn p{font-size: 13px !important;}

.tiyan{background-color: #007aff;border-radius: 20px;width: 140px;height: 40px;color: #fff;cursor: pointer;line-height: 40px;text-align: center;transition: all 0.3s ease 0s;}

.new-nav-item a.jiacu{color: #3D485D;transition: all 0.3s ease 0s;font-weight:bold;}

.kuandu{width: 125px;color: #999;align-items: center;margin-left: 15px;padding-top: 20px; margin-bottom: 10px; float: left;margin-right: 30px;}
.kuandu img{width: 30px;height: 30px;margin-right:8px;}

.wapkuandu{width:45%;align-items: center;float: left; margin-right: 5%; margin-top: 15px;    font-size: 1.4rem;}
.wapkuandu img{width: 28px;height: 28px;margin-right:8px;}



.new-nav-item a{color: #3D485D;transition: all 0.3s ease 0s;}
.new-nav-item a:hover{color: #2568F2 !important;}
.kehu{color: #999;align-items: center;margin-left: 70px;padding-top: 10px;float: left;}
.kehu a{font-weight:bold;line-height: 41px;}
.kehu img{width: 105px;height: 50px; box-shadow: 0 15px 30px rgba(217, 217, 217, 0.45);transition: all 0.5s ease 0s; }

.kehu img:hover{ box-shadow: 0 15px 30px rgba(217, 217, 217, 1);}

.kefus{width:214px;height: 120px;justify-content: space-between;align-content: space-around;flex-wrap: wrap;border-top: 1px solid #999;padding-top: 10px;}

/* 新版顶部 */
.top-index{position: fixed;top: 0;left: 0;width: 100%;background: transparent; border: 0;z-index: 9999;transition: all 0.3s ease 0s;}
.menu-index{position: fixed;top: 30px;left: 0;width: 100%;background: transparent !important;border: 0;z-index: 9998;}
.menu-index .nav>ul>li{color: #fff;border: 0;}
.top-index .selectCity{right: 0;left: auto;}
.menu-index .searchButNewBox{width: 40px;height: 40px;background: rgba(255,255,255,0.1);border-radius: 100px;text-align: center;line-height: 40px;}
.menu-index .searchButNew{display: block;color: #fff;}
.menu-index .menuButNew{color: #fff;}
.menu .navBox>div{background: transparent; box-shadow: none;width:100%;padding-bottom: 20px;padding-top:5px;}
.menu .navBox .left ,.menu .navBox .right{display: none;}
.menu .nav>ul>li.active:before{display: none;}
.menu .navBox{background:#fff url(../image/menu-bg.png) no-repeat; background-size: 100% 100%;}
.menu .navBox .center ul{margin-left: 0; margin-right: 100px;}
.menu .navBox .center ul h5{color: #02194F;}

.menu-mob .navBox{background:#fff;}




/*底部*/
.foot{padding: 2rem 3%;}
.foot .items{margin-bottom: 1rem;}
.foot .wechatModel>div{position: absolute;bottom: 2.5rem;left:-6rem;width: 15rem;height: 15rem;display: none;}
.foot .wechatModel>div::after{content: ""; position: absolute;left: 40%;bottom: 0; width: 0;height: 0; border-left: 15px solid transparent;border-right: 15px solid transparent;border-top: 20px solid #fff;}

    
    
    
    
    
    
.foot .items li{font-size: 1.4rem;}
.footNew{background: #F5F7FA;}
.footNew h4{color: #3D485D;font-size: 16px;}
@media screen and (max-width: 1024px) {
    .foot .items{margin-bottom: 3rem;flex:0 0 30%;}
}


.foot a{color: #727272;}



/*提交预约信息*/
.model-bg{position: fixed;top: 0;left: 0;z-index: 1050;width: 100%;height: 100%;overflow: hidden;outline: 0;background: rgba(0,0,0,0.5); display: none;}
.model{position: absolute;width: 46rem;height: 58rem;left: 50%;top: 40%;margin-left: -23rem;margin-top: -23rem;}
.model .close{position: absolute;right: -32px; top: -32px;}
.model .formItem{padding: 1rem;}
.model .formItem input{border: 0;border-bottom: 1px solid #999999; width: 100%;height: 5rem; text-indent: 1rem;font-size: 1.8rem;}
.model button{background: #085089;color: #fff; display: block;width: 100%;height: 5rem;line-height: 5rem;}
@media screen and (max-width:768px) {
	.model{width: 100%; left: 4%;width:90%;margin-left: 0;}
}


/*立即体验小卡片*/
.moreStand-box2>div{transition: .5s;}
.moreStand-box2 .but{min-width: 15rem;height: 50px;line-height: 50px;}
.moreStand-box2 h3{font-size: 3rem;}
@media screen and (max-width:1024px) {
	.moreStand-box2{flex-wrap: wrap;text-align: center;}
	.moreStand-box2 h3{font-size: 1.8rem;}
	.moreStand-box2>div{transition: .5s;}
	.moreStand-box2 .but{margin: 2rem auto;}
}



/*气泡*/
.suspend {position: fixed;left: 50px;top: 30%;z-index: 99;}
.suspend>div {overflow: hidden;}
.suspend .topbox {color: #999;background: url(../image/suspend.png) left bottom no-repeat;background-size: 15%;}
.suspend .opacity03{opacity:0.3 !important;}
.suspend .opacity07{opacity:0.7 !important;}	
		
		
/*联系卡片*/
.contactWay{width: 45px;height: 155px;background: #fff;box-shadow: 0px 2px 27px 0px rgba(28, 76, 186, 0.1);border-radius: 23px;
position: fixed; bottom: 30%;right: 30px;z-index: 999;}
.contactWay>div{text-align: center;padding: 15px 0 5px 0;}
.contactWay>div:nth-child(2){padding: 0px 0;}
.contactWay>div>img{display: inline-block;}
.contactWay>div>img:hover{opacity: 0.8;}
.contactWay .wechatModel>div{position: absolute;top: -120px;right:40px;display: none;}
.contactWay .wechatModel>div .box{border-radius: 16px;width: 300px;overflow: hidden;}

/* 滚动客户 */
.customer-rolling{height: 60px;background: linear-gradient(136deg, #2568F2 0%, #5093F0 100%);opacity: 0.9;position: fixed;left: 0;bottom: 0;width: 100%;z-index: 9999;}
.rolling-swiper-box .swiper-slide{width: 200px;height: 60px;color: #ffffff;}
.rolling-swiper-box .items{height: 100%;width: 100%;}
.rolling-swiper-box .items img{width: 40px;height: 40px;margin-right: 8px;}
.rolling-swiper-box .items h5{font-size: 16px;}
.rolling-swiper-box .items p{font-size: 14px;}

/*搜索*/
.searchBox{position: fixed; top: 112px; left: 0; bottom: 0;right: 0; background: #fff;z-index: 9999;display: none;}
.searchBox .close{position: absolute; top: 2rem; right: 2rem;}
/*搜索*/
.search{padding: 0 10%;}
.search>div{margin-top: 5rem;}
.search .box{border: 1px solid #cbcbcb;height: 6rem;}
.search .but{background:#004A85;color: #fff; height: 100%;min-width: 15rem}
.search .icon{ height: 100%;min-width: 5rem;}
.search input{border: none;height: 100%;padding-left: 2rem;width: 100%}
.search-history{overflow-y: auto;height: 100%;}
.search-history>div{padding: 8rem 5rem;}
.search-history>div>p{margin-bottom: 4rem;margin-left:14rem;}
.search-history>div a{color: #7F7F7F;}
.searSelect{width: 13rem;background: #fff;top: 5.7rem;left: 0.4rem;z-index: 9999;color: #666;text-align: center;padding: 1rem 0;display: none;}
.searSelect>a{padding: 0.5rem 0;display: block;border-radius: 0.2rem;}
@media screen and (max-width:768px) {
	.search>div{margin-top: 0rem;}
	.search .box{height: 4rem;border-radius: 0.2rem;}
	.searSelect{top: 3.7rem;}
	.search .but{min-width: 10rem;border-radius: 0.2rem;}
	.search-history>div>p{margin-bottom: 3rem;margin-left:2rem;}
	.searchBox .close{display: none;}
    .search{padding: 0 5%;}
	
	
	
	
	
}



.delay-1{
	animation-delay:0.5s;
	-webkit-animation-delay:0.5s;	
}
.delay-2{
	animation-delay:1s;
	-webkit-animation-delay:1s;	
}
.delay-3{
	animation-delay:1.5s;
	-webkit-animation-delay:1.5s;	
}
.delay-4{
	animation-delay:2s;
	-webkit-animation-delay:2s;	
}
.delay-5{
	animation-delay:2.5s;
	-webkit-animation-delay:2.5s;	
}

