@charset "utf-8";

body{font-family:yhan !important;}

.ocms-component-1688-pc-wb-wsd-pc-slsj-ppzs-1-0-10 .pact-ppzs .ppzs-swper .ppzs-contant .pane .title{top:45% !important;}
.neb{background:#021151; text-align:center; }
.nebt{background:#021151; text-align:center; padding-bottom:10%;}
input,textarea {border: none; box-shadow: none; outline: none;}
.i_tit1 h2{color:#fff}
.i_tit1 span{font-size: 30px; color: #fff; text-transform: uppercase; display: block; line-height:60px;}
.i_tit1 b{font-weight:normal; font-size: 16px; line-height: 30px; color: rgba(255,255,255,0.6); font-weight: 100;}

.h20{ height:20px;}

.i_tit1 h2{color:#ffffff;font-size: 40px;font-weight: normal;line-height: initial;}
.i_tit1{text-align: center; padding:90px 0 80px 0;}

.blk-main{ width:1500px; margin:auto; overflow:hidden; }


.subswi{ background:#021151;}

/*procod*/
.procod {width:87%;margin: 0 auto; }
.procod ul {display: flex;list-style: none;justify-content: space-between;}
.procod li {display: flex;flex-direction: column;align-items: center;justify-content: center; padding: 60px 20px;width:25%;overflow: hidden;position: relative;}
.procod li i {display: inline-block;}
.procod li i img {width:100px;}
.procod li>p {font-size: 20px;color: #fff;    padding-top: 30px; }
.prox {width: 100%;height: 0;display: flex;justify-content: center; text-align:left; align-items: center;background:#156bff;transition: 0.5s;position: absolute;bottom: 0;left: 0;opacity: 0; border-radius: 5px;
 box-shadow: 0 0 30px rgba(0,0,0,0.2);}
.prox p {font-size:15px;color: #fff;display: flex;flex-direction: column;align-items: center;line-height:26px;padding: 24px;}
.prox p span {font-size: 20px;color: #fff;    padding-bottom: 10px;}
.procod li:hover .prox {height: 100%;transition: 0.5s;opacity: 1;}


/*自营官网建站*/
.padv_box{width:100%;margin:auto;padding:140px 0px 110px 0;position:relative;background:#021151; z-index:0;}
.padv_bt{font-size:40px;color:#fff;line-height:35px; text-align:center;}
.padv_bt span{font-size:30px;color:#fff;text-transform:uppercase;display:block;font-family:"DIN";letter-spacing:-1px; line-height:70px;}
.padv_x{ width:40px;height:2px;background:#f0c579; margin:auto;}
.padv_t1{font-size:16px;line-height:30px;color:rgba(255,255,255,0.6); width: 900px; font-weight:100; text-align:center; margin:20px auto 0;}    
    
.hmPage2Bg{height:100%;width:100%;position:absolute;left:0px;bottom:0px;overflow:hidden;z-index:-1}
.hmPage2Layer{height:100%;width:100%;position:absolute;z-index:1;left:0;top:0;background:#fff;opacity:0;}
.canvasBg{height:100%;width:100%;border:none 0;transform:scale(1.3);}
.content1 { width:1500px; margin: 0 auto;}

/*pro_cod*/
.pro_cod { margin: 0 auto; width:81.4%; padding:0 0 10px;}
.pro_cod ul {display: flex;list-style: none;justify-content: space-between;}
.pro_cod li {display: flex;flex-direction: column;align-items: center;justify-content: center; padding:20px;width: 248px;overflow: hidden;position: relative;}
.pro_cod li i {display: inline-block;}
.pro_cod li i img {width:124px;}
.pro_cod li>p {font-size: 20px;color: #fff;    padding-top: 30px; }
.pro_x {width: 100%;height: 0;display: flex;justify-content: center;align-items: center;background:#156bff;transition: 0.5s;position: absolute;bottom: 0;left: 0;opacity: 0;  border-radius: 5px;
 box-shadow: 0 0 30px rgba(0,0,0,0.2);}
.pro_x p {font-size:15px;color: #fff;display: flex;flex-direction: column;align-items: center;line-height:26px;padding: 24px;}
.pro_x p span {font-size: 20px;color: #fff;    padding-bottom: 10px;}
.pro_cod li:hover .pro_x {height: 100%;transition: 0.5s;opacity: 1;}

.subswi_txt_p h3{ color:#fff; text-align:center; font-size:21px; font-weight:normal; line-height:30px;}


.subbox{ background:#021151;}
.suc_nav{padding:0 0;display: flex;justify-content: center;align-items: center;position: sticky; top:60px; z-index: 100; transition: all 0.6s ;  border-bottom:2px solid #03176d; background:#021151;}
.suc_nav a{display: inline-flex;line-height:70px; transition: all 0.3s; font-size:18px; color:#fff; font-weight: 500;}
.suc_nav .on,.suc_nav a:hover{color:#0070ECFF; position: relative; z-index:222;}

.suc_nav a{padding:0 90px;}

.copy_box{ margin-top:0px !important}

.suc_nav a::before{content: '';position: absolute; text-align:center; display: block; bottom:-2px; left:40%; width:34px;height: 1px; margin:auto; background-color:#0070ec;transform: translate(-50%, -50%) scale(0);-webkit-transform: translate(-50%, -50%) scale(0);-moz-transform: translate(-50%, -50%) scale(0);-ms-transform: translate(-50%, -50%) scale(0);-o-transform: translate(-50%, -50%) scale(0);z-index: -1;transition: all .3s;-webkit-transition: all .3s;-moz-transition: all .3s;-ms-transition: all .3s;-o-transition: all .3s; border-radius:2px;}
.suc_nav a:hover :before, .suc_nav .on::before{transform: translate(50%, -50%) scale(1);-webkit-transform: translate(50%, -50%) scale(1.6);-moz-transform: translate(-50%, -50%) scale(1);-ms-transform: translate(-50%, -50%) scale(1);-o-transform: translate(-50%, -50%) scale(1); border-radius:2px;}
.nylinkbox .nylinkbox_item:hover span, .nylinkbox .nylinkbox_item.on span{color: #0070ec;font-weight: 600;}


.Nav_btn{width: 143px; line-height: 49px;}
.Nav_btn a{color: #0070ec; border-radius: 5px; background: #fff; box-shadow: 0px 0px 5px rgba(0, 88, 233, 0.74); font-size: 22px; text-align: center; display: block;}
.sbtn{width:100%; animation-duration: 500ms; background: rgba(0, 0, 0, 0.6); text-align:center; position: fixed; top: 0; bottom: 0;}
.btn1{width:100%;}

.btn9{ width:14px; height:14px; position:absolute; right:22px; top:19px; cursor:pointer; z-index:9999;}



.h66{ height:50px !important;}