/*标签样式初始化*/
div,ul,li,span,p,img,h1,h2,h3,h4,h5,h6,dl,dt,dd {margin: 0px; padding: 0px;list-style: none;border: 0px;}

/*公共样式部分*/
*{-webkit-box-sizing: border-box;box-sizing: border-box;}
body {color: #666;margin: 0 auto;background-color: #fff; font-family: "Microsoft YaHei";overflow-x: hidden;}

#copy { display: none;}

a {color: #666; text-decoration: none;}
a:hover { color:#c50212;text-decoration: none; border-bottom-style:}
.box{margin:0 auto;width:96%;min-width:1400px;}
.page{margin:0 auto;width:1400px;min-width:1400px;}
.bg{ width: 100%;min-width:1400px;}
i{font-style: normal;}
.fl { float: left;}
.fr {float: right;}

/*左右浮动清除*/
.clear { clear: both;height: 0px; overflow: hidden;}


/*间隙*/
.top10 {padding-top: 10px;}
.top20 {padding-top: 20px;}
.top30 {padding-top: 30px;}
.top40 {padding-top: 40px;}
.top50 {padding-top: 50px;}
.top60 {padding-top: 60px;}
.top70 {padding-top: 70px;}
.top80 {padding-top: 80px;}
.top90 {padding-top: 90px;}
.top100 {padding-top: 100px;}


/*英文样式*/
.font_en {font-family: Arial, Helvetica, sans-serif;text-transform: uppercase;font-weight: normal;}
.en {font-family: Arial, Helvetica, sans-serif;font-weight: normal;}

.t{text-align: center;padding-top: 70px;}
.t p{font-size: 40px;color: #222;font-weight: bold;}
.t d{color: #0058b1;}
.t dd{font-size: 16px;color: #666;line-height: 45px;}




/*抬头*/
.top_bg{background: #0058b1;}
.top{height: 45px;}
.top d>b{color: #fff;}
.top d,.top d a{font-size: 13px;color: #b4cae0;line-height: 45px;}
.top_r .top_ewm{background: url(/ima1/a7.png)no-repeat 0px center;float: left;padding-left: 25px;margin-left: 25px;line-height: 45px;color: #b4cae0;font-size: 14px;position: relative;cursor: pointer;}
.top_r .top_ewm:nth-child(2){background-image: url(/ima1/a8.png);}
.top_r .top_ewm:nth-child(3){background-image: url(/ima1/a9.png);}
.top_r .top_ewm p{position: absolute;left: -10px;height: 0px;overflow: hidden;opacity: 0;-webkit-transition: 0.3s ease all;transition: 0.3s ease all;z-index: 20;}
.top_r .top_ewm p img{width: 110px;}
.top_r .top_ewm:hover p{height: 110px;opacity: 1;}

/*导航*/
.head_bg{background: url(/ima1/a6.png)no-repeat center;height: 135px;position: relative;}
.logo{margin-top: 32px;}
.name{margin-left: 20px;margin-top:38px;}
.name p{font-weight: bold;font-size: 31px;color:#222;}
.name span{display: block;font-size: 13px;color:#bbb;margin-top:4px;}


.head_but{width:38px;height:38px;border-radius: 50%;margin-top:44px;margin-left: 20px;cursor: pointer;}
.head_but:after{content: '';width: 100px;height: 100px;border-radius: 50%;background: #0058b1;opacity: 0.9;position: relative;display: block;top: -31px;left: -31px;z-index: -1;opacity: 0;-webkit-transform: scale(0);transform: scale(0);}
.head_but:hover:after{-webkit-animation: warn 1s ease-out;animation: warn 1s ease-out;}
.head_but.tel:after{background-color: #0058b1;}

.search:hover .slideDown{opacity: 1;height: 190px;}
.search .slideDown{text-align: center; font-size: 0; overflow: hidden; position: absolute; right: 0; top: 100%; width: 100%; height: 0px;background: rgba(0, 0,0, 0.5);z-index: 999;opacity: 0;-webkit-transition:0.3s all ease-in-out;transition:0.3s all ease-in-out;border-radius: 0px 0px 10px 10px;}
.search .slideDown .searchBox{ overflow: hidden; display: inline-block; width: 1028px; height: 60px; margin-top: 50px; margin-bottom: 15px; background: #fff; border-radius: 50px;}
.search .slideDown .searchBox{*display: inline}
.search .slideDown .searchHot{ font-size: 14px; color: #fff;}
.search .slideDown .searchHot a{ color: #fff;}
.search .slideDown .searchBox input[type='text']{ font-size: 14px; color: #666; float: left; width: 840px; height: 100%; border: none; outline: none; background: none; line-height: 60px; margin-left: 25px; font-size: 14px; color: #666;}
.search .slideDown .searchBox button[type='submit']{ cursor: pointer; float: right; margin-right: 15px; width: 60px; height: 60px; border: none; }
.search-bg{width: 956px;height: 60px;line-height:60px;    padding-left: 10px;    float: left;}
.search-i {width: 32px;overflow: hidden;height: 32px;float: left;margin-top: 13px;}
@-webkit-keyframes "warn" {
    0% {transform: scale(0.5);-webkit-transform: scale(0.5);opacity: 0.5;}
    50% {transform: scale(0.5);-webkit-transform: scale(1);opacity: 0.0;}
    100% {transform: scale(0);-webkit-transform: scale(0);opacity: 0.0;}
    
}


.nav{width:auto; height:126px; margin-right: 20px;}
.nav>ul>li{ float: left; display: block;height:126px; position: relative;}
.nav>ul>li>a{ display: block; color: #333; font-size: 16px; text-align: center; padding: 0 1.2vw;  position: relative; line-height:126px;-webkit-transition:0.3s all ease-in-out;transition:0.3s all ease-in-out;}
.nav>ul>li>a p{position: relative; z-index: 2;}
.nav>ul>li>a:after{content:"";position: absolute;top:56px;left: 0px;width: 14px;height: 14px;display: none;}
.nav>ul>li:nth-child(1)>a:after{background: url(/ima1/a5.png)no-repeat center left;}

.nav>ul>li:hover>a:after,.NavCeshi > li.navcurrent > a:after{display: block;}
.NavCeshi > li.navcurrent > a, .NavCeshi > li:hover > a{margin: 0 auto;color:#0058b1;font-weight: bold;}



@media (max-width: 1500px){
.head_but{display: none;}
.nav>ul>li>a{padding: 0 1vw;}
.name p{font-size: 28px;}
.name span{font-size: 12px;}
}

@media (max-width: 1400px){
.head_but{display: none;}
.nav>ul>li>a{padding: 0 0.9vw;}
.name p{font-size: 28px;}
.name span{font-size: 12px;}
}





/*导航下拉*/
.nav ul li>ul{-webkit-transition: all 0.3s ease-out 0s;transition: all 0.3s ease-out 0s;position: absolute;width:160px;opacity: 0;visibility: hidden;transform: translate3d(0px, 10px, 0px);-moz-transform: translate3d(0px, 10px, 0px);-webkit-transform: translate3d(0px, 10px, 0px);z-index: 9999;left:50%;top:122px; margin-left:-80px; text-align:center; border-top:3px #0058b1 solid;}

.nav ul li>ul a{background: #0058b1;-webkit-box-shadow: 0 6px 10px rgba(0, 0, 0, .1);box-shadow: 0 6px 10px rgba(0, 0, 0, .1);width: 160px;height: 44px;line-height: 44px; display: block;color: #fff;font-size: 14px;  -webkit-transition: none ease-out .3s;    transition: none ease-out .3s;    -webkit-transition-property: color, background, text-indent, opacity;    transition-property: color, background, text-indent, opacity;}
.nav ul li>ul a:hover{background: #fff; text-indent: 10px;color: #0058b1;}
.nav ul li:hover > ul {opacity: 1;visibility: visible;transform: translate3d(0px, 0px, 0px);-moz-transform: translate3d(0px, 0px, 0px);-webkit-transform: translate3d(0px, 0px, 0px);-webkit-box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.12);box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.12);-webkit-transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;}




/*幻灯片*/
.banner-box,.banner-box .bd li{height:600px;background: #000;}
.banner-box .banner-btn a.prev,.banner-box .banner-btn a.next{top:220px;background-image:url(/ima1/a4.png);}
.banner-box .hd ul li.on{background:#0058b1;}
.banner-box{min-width:1400px;position:relative;overflow:hidden;}
.banner-box .bd{ width:100% !important;}
.banner-box .bd li{width:100%;background-position: center;background-repeat: no-repeat;}
.banner-box .bd li a{display:block;background-size:auto;width:100% !important; height:100% !important;}
.banner-btn a{display:block;width:49px;height:104px;position:absolute;filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity:0;opacity:0;-webkit-transition: 0.3s all ease-in-out;transition:0.3s all ease-in-out}
.banner-btn a.prev{left:-54px;background-repeat:no-repeat;background-position:0 0;} 
.banner-btn a.next{right:-54px;background-repeat:no-repeat;background-position:-49px 0;}
.banner-box:hover .banner-btn a.prev{ left:54px; filter:alpha(opacity=40); -moz-opacity:.4; -khtml-opacity:.4; opacity:.4; }
.banner-box:hover .banner-btn a.next{ right: 54px; filter:alpha(opacity=40); -moz-opacity:.4; -khtml-opacity:.4; opacity:.4; }
.banner-box .banner-btn a.prev:hover,.banner-box:hover .banner-btn a.next:hover{filter:alpha(opacity=80); -moz-opacity:.8; -khtml-opacity:.8; opacity:.8;}
.banner-box .hd {position:absolute;bottom:40px;width: 100%;display: block;}
.banner-box .hd ul{ text-align: center}
.banner-box .hd ul li{ width:20px; height:10px; border-radius :20px; text-indent:-9999px; background:#fff; cursor:pointer; display:inline-block; margin:0 5px; -webkit-transition: 0.3s all ease-in-out; transition:0.3s all ease-in-out}
.banner-box .hd ul li.on{width: 32px;}






/*合作流程*/

.pctab{ margin:0px 0 80px 0;}
.pctab li{ float:left; width:16.6666%; height:210px; background:#f8f8f8; transition:all .3s ease; position:relative; cursor:pointer;}
.pctab li:nth-child(1){ border-radius:20px 0 0 20px;}
.pctab li:nth-child(6){ border-radius:0 20px 20px 0;}
.pctop{ font-size:18px; color:#999999; font-weight:lighter; text-align:center; padding-top:48px;transition:all .3s ease;}
.pctop:before{ content:''; display:block; width:34px; height:2px; background:#cccccc; margin:0 auto 15px auto;}
.pctop span{ display:block; width:52px; height:62px; background:url(/ima1/a2.png) no-repeat 0 0; margin:0 auto; transition:all .5s ease;margin-bottom:15px;}
.pctab li:nth-child(2) .pctop span{ background-position-x:-52px;}
.pctab li:nth-child(3) .pctop span{ background-position-x:-107px;}
.pctab li:nth-child(4) .pctop span{ background-position-x:-159px;}
.pctab li:nth-child(5) .pctop span{ background-position-x:-212px;}
.pctab li:nth-child(6) .pctop span{ background-position-x:-264px;}
.pctab .pcwa{ position:absolute; top:270px; left:20px; font-size:16px; color:#999999; width:450px;transition:all .5s ease; opacity:0;}
.pctab li.cur .pcwa{ top:250px; opacity:1;}
.pctab li:nth-child(6) .pcwa{ right:20px; left:auto; width:590px;}
.pctab li:nth-child(5) .pcwa{ width:600px; left:-250px;}
.pctab li+li:after{ content:''; display:block; position:absolute; width:1px; height:118px; background:#eeeeee; left:0; top:0; bottom:0; margin:auto 0;}
.pctab li:before{ content:''; display:block; position:absolute; bottom:-20px; left:0; right:0; margin:0 auto; width:26px; height:10px; opacity:0; transition:all .3s ease; background:url(/ima1/a3.png) no-repeat center;}
.pctab li.cur{ background:#0058b1;}
.pctab li.cur .pctop{ color:#d0ddea;} 
.pctab li.cur .pctop span{ background-position-y:-79px;}
.pctab li.cur:before{ opacity:1; bottom:-10px;}
.pctab li.cur:after{ display:none;}






/*优势*/
.adv_bg{background: url(/ima1/20210331130200_197126048.jpg)no-repeat center top;}
.adv_t p{color: #fff;}
.adv_t dd{color: rgba(255,255,255,0.5);}
.adv_t span{width: 50px;height: 4px;display: block;margin: 5px auto 0;background: #fff;}
.advcenter{}
.advtab li{ float:left; width:25%; position:relative; text-align:center; font-size:30px; color:#fff; height:145px; cursor:pointer;}
.advtab li span{ display:block; height:60px;}
.advtab li span img{ transition:all .5s ease;}
.advtab li:after{width:1px; height:88px; background:#0063c9; right:0; top:5px;}
.advtab li:before,.advtab li:after{ content:''; display:block; position:absolute; }
.advtab li.on span img{ transform:rotate(360deg);}
.advtab li.on{ font-weight:bold;}
.advtab li:before{ z-index:999; width:53px; height:13px; background:url(/ima1/20210331130218_660719754.png) no-repeat center; left:0; right:0; margin:0 auto; bottom:-23px; opacity:0; transition:all .4s ease;}
.advtab li.on:before{ bottom:-13px; opacity:1;}
.advcon{ padding:40px 40px; background:#fff; box-shadow:0 0 5px -5px #ecebeb;}
.advleft{ width:600px;padding-top: 30px;}
.advnum{ font-size:66px; text-transform:uppercase; color:#eeeeee;}
.advt{ font-size:30px; color:#343434; font-weight:bold;}
.advt:after{ content:''; display:block; width:90px; height:3px; margin:15px 0 25px 0; background:#009A44;}
.advwa p{ font-size:15px; color:#666; line-height:28px;position: relative;padding-left: 20px;}
.advwa p:before{content: '';width: 11px;height: 11px;background: #ddd;display: inline-block;border-radius: 50%;position: absolute;left: 0px;top: 8px;}
.advwa p+p{ margin-top:20px;}
.advbtn{ margin:70px 0 0 0; font-size:0;}
.advbtn a{ display:inline-block; width:163px; line-height:48px; text-align:center; font-size:16px; color:#fff; background:#009A44; transition:all .3s ease;}
.advbtn a:hover{ box-shadow:0 0 10px #666;}







/* 客服样式*/
.y-kefu-box { position: fixed; right: 0; top: 20%; z-index: 9999; font-size: 13px;}
.y-kefu-box img { display: block; width: 100%; height: auto; }
.y-kefu-box01 .icon { display: block; background: url(/ima1/a1.png) no-repeat; margin: 0 auto 6px;}
.y-kefu-box01 { width: 54px; color: #666; text-align: center; }
.y-kefu-box01 .kf-close-btn { width: 27px; height: 27px; background-position: -5px -115px; position: relative; cursor: pointer;}
.y-kefu-box01 .kf-close-btn:before { content: ''; display: block; width: 1px; height: 12px; background-color:#0058b1; position: absolute; bottom: -12px; left: 13px; z-index: 1; }
.y-kefu-box01 .show-status>a, .y-kefu-box01 .show-status>div { display: block; width: 52px; padding: 8px 0 12px; background-color: #fff; border-left: solid 1px #efefef; border-top: solid 1px #efefef; border-right: solid 1px #efefef; position: relative;border-bottom: 1px #efefef solid;}
.y-kefu-box01 .show-status { position: relative; }
.y-kefu-box01 .show-status .kf-zixun { background-color:#0058b1; border-color:#0058b1; color: #fff; margin: 10px 0 7px;}
.y-kefu-box01 .kf-zixun { border-radius: 2px; }
.y-kefu-box01 .kf-zixun i { width: 21px; height: 22px; background-position: -5px -5px; }
.y-kefu-box01 .kf-mobile { border-top-left-radius: 2px; border-top-right-radius: 2px; }
.y-kefu-box01 .kf-mobile>i { width: 18px; height: 18px; background-position: -5px -32px; }
.y-kefu-box01 .kf-mobile:hover>i { background-position: -30px -32px; }
.y-kefu-box01 .kf-weChat>i { width: 22px; height: 19px; background-position: -5px -55px; }
.y-kefu-box01 .kf-weChat:hover>i {background-position: -30px -55px; }
.y-kefu-box01 .kf-email { border-bottom-left-radius: 2px; border-bottom-right-radius: 2px; }
.y-kefu-box01 .kf-email>i { width: 18px; height: 14px; background-position: -5px -80px; }
.y-kefu-box01 .kf-email:hover>i { background-position: -30px -80px; }
.y-kefu-box01 .back-top i { width: 13px; height: 11px; background-position: -5px -98px; }
.y-kefu-box01 .back-top:hover i { background-position: -30px -98px; }
.y-kefu-box01 .kf-email, .y-kefu-box01 .back-top  { border-bottom: solid 1px #efefef;}
.y-kefu-box01 .back-top { margin-top: 20px; border-radius: 2px; left: 55px;}
.y-kefu-box01 .hver:hover { background-color: #0058b1; border-color: #0058b1;}
.y-kefu-box01 .hver:hover>p { color: #fff; }
.y-kefu-box01 .kf-zixun1 { border-radius: 2px; }
.y-kefu-box01 .kf-zixun1 i { width: 21px; height: 22px; background-position: -5px -180px; }
.y-kefu-box01 .kf-zixun1:hover>i { background-position: -30px -180px; }


.y-kefu-box01 .mobile-infos, .y-kefu-box01 .y-ewm-box, .y-kefu-box01 .y-email-infos { background-color: #fff; border: solid 1px #efefef; position: absolute; right: 90px; z-index: 2; border-radius: 2px; display: none;} 
/*咨询热线*/
.y-kefu-box01 .mobile-infos { width: 260px; text-align: left; top: 0;}
.y-kefu-box01 .mobile-infos>div { padding: 20px 0 20px 45px; position: relative; }
.y-kefu-box01 .mobile-infos>div i { width: 15px; height: 15px; background-position: -52px -32px; position: absolute; top: 22px; left: 20px; z-index: 2; }
.y-kefu-box01 .mobile-infos .online1 { border-bottom: solid 1px #efefef; }
.y-kefu-box01 .mobile-infos span { color:#b9b9b9; }
.y-kefu-box01 .mobile-infos p { color:#0058b1; font-size: 15px; }
y-kefu-box .right {
width: 12px;
height: 12px;
position: absolute;
right: -12px;
top: 24px;
}
y-kefu-box .right-arrow1,
y-kefu-box .right-arrow2 {
width: 0;
height: 0;
display: block;
position: absolute;
left: 0;
top: 0;
border-top: 6px transparent dashed;
border-right: 6px transparent dashed;
border-bottom: 6px transparent dashed;
border-left: 6px white solid;
overflow: hidden;
}
y-kefu-box .right-arrow1 {
left: 1px;
border-left: 6px #efefef solid;
}
y-kefu-box .right-arrow2 {
border-left: 6px white solid;
}
/*二维码*/
.y-kefu-box01 .y-ewm-box { width: 151px; height: 178px; top: -60px;}
.y-kefu-box01 .y-ewm-box>div { width: 151px; height: 178px; }
.y-kefu-box01 .y-ewm-box img { width:115px; height:114px; margin: 20px auto 10px; }
.y-kefu-box01 .y-ewm-box .y-ewm-img1 { width: 150px; border-right: solid 1px #efefef; }
.y-kefu-box01 .y-ewm-box .right { top: 84px; }
/*email*/
.y-kefu-box01 .y-email-infos { padding: 28px 20px 28px 45px; color:#b9b9b9; text-align: left; bottom: 0; width:260px;}
.y-kefu-box01 .y-email-infos p { color: #0058b1; font-size: 16px; }
.y-kefu-box01 .y-email-infos>i { width: 18px; height: 13px; background-position: -52px -80px; position: absolute; left: 15px; top: 30px; }
.y-kefu-box01 .y-email-infos .right { top: 55px; }

.y-kefu-box01 .hide-status { width: 54px; height: 65px; background-color:#f55b1b;position: absolute; top: 37px; left: 55px; z-index: 9;}
.y-kefu-box01 .hide-status .kf-zixun { padding: 10px 0 7px; color: #fff; cursor: pointer; }