@charset "utf-8";

@font-face{
    font-family: 'helveticaneueltstd';
    src:url(../fonts/helveticaneueltstd-lt.otf);
    font-display:swap;
}

/*全局初始化样式*/

html{-webkit-text-size-adjust:100%;font-size:100px}
@media (min-width:1025px) and (max-width:1600px) {
html{font-size:6.25vw}
}
@media (max-width:640px) {
html{font-size:20vw}
}

*{box-sizing: border-box; margin:0; padding:0;}
body{position: relative; padding:0; margin:0 auto; font-size: 0.14rem; line-height:1.42857143; font-family:"helveticaneueltstd"; color: #333; min-width: 320px; width: 100%; zoom:1;background: #fff;max-width:1350px;margin: 0 auto;background:#f4f4f4;
/*禁用Webkit内核浏览器的文字大小调整功能*/
-webkit-text-size-adjust:none;

/*取出点击出现半透明的灰色背景*/
-webkit-tap-highlight-color:rgba(0,0,0,0);
-webkit-tap-highlight:rgba(0,0,0,0);

/*控制文本可选性*/

-webkit-user-select: none;
    -ms-user-select: none;
   -moz-user-select: none;
 -khtml-user-select: none;
        user-select: none;


/*设置字体的抗锯齿或者说光滑度*/
-webkit-font-smoothing: antialiased;
overflow-x: hidden;
}
*{-moz-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; /*word-break: break-all;*/word-wrap: break-word;}


/*默认去除ul、li的默认样式*/
.p,.h1,.h2,.h3,.h4,.h5,.h6{ margin: 0; padding: 0;}
.ul,.ul li{ list-style:none; margin: 0; padding: 0;}
.dl,.dl dd{ list-style:none; margin: 0; padding: 0;}
p,h1,h2,h3,h4,h5,h6{ margin: 0; padding: 0;}
ul,ul li{ list-style:none; margin: 0; padding: 0;}
dl,dl dd{ list-style:none; margin: 0; padding: 0;}
/*初始化下拉菜单、单行输入框、多行输入框的样式*/
select,input,textarea{ border-radius:0; -webkit-border-radius:0; color:#333;}
/*表单元素获得焦点时不显示虚线框*/
input:focus { outline: none;}
input,button,select,textarea{ outline:none;/*-webkit-appearance:none;*//*强制去除表单自带的样式*/ }
/*不允许多行输入文本框有滚动条*/
textarea{ resize:none;/*-webkit-appearance:none;*//*强制去除textarea自带的样式*/ }
/*初始化表单元素样式*/
textarea,input,select { background:none; border:none; margin:0; padding:0;}
/*初始化HTML5标签样式*/
audio,canvas,progress,video { display: inline-block; vertical-align:baseline;}
article,aside,footer,header,hgroup,nav,section,figure,figcaption{ display:block;}
/*去除figure边距*/
figure,figcaption{ margin:0px; padding:0px;}

/*初始化图片样式*/
img{ border:none; border:0; max-width:100%; vertical-align:middle;}

/*初始化a的样式和字体样式*/
a{ color:#333; text-decoration:none!important; -webkit-tap-highlight-color:rgba(0,0,0,0);}
a:hover{color: #0054a6;}


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

.clearfix:after{ content:"."; display: block; height: 0; visibility: hidden; clear: both;font-size: 0px;}
.clearfix { zoom: 1;}
.fl{float: left;}
.fr{float: right;}

/* 单行隐藏 */
.dot {white-space:nowrap;-o-text-overflow:ellipsis;text-overflow:ellipsis;overflow:hidden}
/* 多行隐藏 */
.dot2 {display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
/* 多行隐藏 */
.dot3 {display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;}

.w1160{max-width:1160px;margin: 0 auto;}
.w960{max-width:960px;margin: 0 auto;}


/*top*/
.top{box-shadow: 0 .15rem .1rem -.15rem rgba(0, 0, 0, .2);position: fixed;width: 100%;top: 0;left: 50%;background:#f4f4f4;max-width:1350px;transform: translateX(-50%);z-index: 9;}
.top .inner{display: flex;justify-content: space-between;align-items: center;padding:.25rem 0;}
.top .logo{width: 2.95rem;height: 0.55rem;overflow: hidden;}
.top .repBtn{display: block;line-height:.55rem;text-align: center;border-radius:.55rem;background:#f1b31b;color: #fff;font-size:.14rem;text-transform: uppercase;transition:.3s;padding:0 .18rem;margin-left:50%;}
.top .repBtn:hover{background:#0054a6;}
.top .Loged span{font-size:.16rem;}
.top .lang{font-size:.16rem;}
.top .lang a.on{color: #0054a6;}
.topHei{height: 1.05rem;}
.topNav{padding:.3rem 0;background:#0054a6;}
.topNav .w1160{display: flex;align-items: center;justify-content: space-between;}
.topNav li{float: left;margin-right: .3rem;}
.topNav li:last-child{margin-right:0;}
.topNav li a{font-size:.15rem;position: relative;color: #fff;display: inline-block;padding-bottom: .05rem;font-weight: bold;}
.topNav li a:before{width: 0;height: .02rem;content: '';background:#f1b31b;position: absolute;bottom: 0;left: 50%;transform: translateX(-50%);transition:.3s;}
.topNav li:hover a:before,
.topNav li.on a:before{width: 100%;}
.topNav .searBox{width: 26%;}
.topNav .searBox .sear{position: relative;}
.topNav .searBox .sear input{width: 100%;background:#fff;line-height:.42rem;padding:0 .45rem;border-radius:.05rem;border:.02rem solid #43494f;font-size:.16rem;}
.topNav .searBox .sear .soSear{width: .19rem;height: .19rem;display: block;background:url(../images/sear.jpg) no-repeat;background-size: contain;position: absolute;left: .15rem;top: 50%;margin-top:-.095rem;}
.topNav .searBox p{margin-top:0;line-height:.36rem;text-align: right;color: #fff;}

.menu .searBox{width: 20%;}
.menu .searBox .sear{position: relative;}
.menu .searBox .sear input{width: 100%;background:#fff;line-height:.42rem;padding:0 .45rem;border-radius:.05rem;border:.02rem solid #43494f;font-size:.16rem;}
.menu .searBox .sear .soSear{width: .19rem;height: .19rem;display: block;background:url(../images/sear.jpg) no-repeat;background-size: contain;position: absolute;left: .15rem;top: 50%;margin-top:-.095rem;}
.menu .searBox p{margin-top:0;line-height:.36rem;text-align: right;}



/*bottom*/
.bottom{padding:.6rem 0 .2rem;background:url(../images/bomBG.jpg) no-repeat;background-size: cover;background-position: center center;}
.bottom .Links{width: 2.2rem;}
.bottom .Links h5{font-size:.16rem;color: #f4f4f4;margin-bottom:.3rem;}
.bottom .Links a{display: block;line-height:.38rem;border-bottom:1px solid rgba(255,255,255,.2);font-size:.14rem;color: #d0d0d0;}
.bottom .Links a:hover{color: #fff;}
.bottom .bomLogo{width: 4.86rem;margin: .55rem 0;}
.bottom .copy{font-size:.14rem;color: #c1c2c3;line-height:.3rem;}

/*innerName*/
.innerName{color: #0054a6;padding-top:.2rem;margin-bottom:.55rem;}
.innerName h5{font-size:.24rem;}
.innerName h4{font-weight:normal;font-size:.24rem;}
.innerName p{font-size:.12rem;margin-top:.12rem;}
.innerName .txtBox{float: left;}
.innerName .txtBox h5,
.innerName .txtBox h4{line-height:1.1;}

/*proList*/
.proList{padding-bottom:.45rem;}
.proList .slogBox{padding-left: .8rem;position: relative;font-size:.2rem;color: #0054a6;margin-bottom: .5rem;}
.proList .slogBox img{width: .55rem;height: .55rem;position: absolute;left: 0;top: 50%;transform: translateY(-50%);}
.proList .cateNav{padding-left:25%;margin-bottom:.3rem;}
.proList .cateNav li{float: left;min-width: 1.3rem;line-height:.32rem;text-align: center;font-size:.12rem;border-radius:.05rem;border:1px solid #0054a6;margin-right:.2rem;transition:.3s;padding:0 .2rem;}
.proList .cateNav li a{display: block;color: #0054a6;}
.proList .cateNav li:hover,
.proList .cateNav li.on{background:#f1ae0c;}
.proLibox{}
.proLibox li{width: 32%;float: left;margin-right:2%;margin-bottom:.15rem;box-shadow: 0 0 .05rem rgba(0, 0, 0, .2);}
.proLibox li:nth-child(3n){margin-right:0;}
.proLibox li .imgBox{position: relative;border-radius:.05rem;overflow: hidden;}
.proLibox li .imgBox:before{width: 100%;height: 100%;content: '';background:rgba(10,47,84,.6);position: absolute;top: 0;left: 0;opacity: 0;transition:.3s;}
.proLibox li .imgBox figure{padding-bottom:2.7rem;background-repeat: no-repeat;background-size: cover;background-position:center center;background-color:#dcdde2;}
.proLibox li h5{line-height:.36rem;text-align: center;background:#fff;font-size:.14rem;color: #000000;text-transform: uppercase;}
.proLibox li .des{text-align: center;font-size:.12rem;color: #000000;background:#fff;padding:.05rem 0;}
.proLibox li:hover h5{color: #0054a6;}
.proLibox li:hover .des{color: #0054a6;}
.proLibox li:hover .imgBox:before{opacity: 1;}
.proLibox .load{display: block;width: 1.4rem;line-height:.47rem;text-align: center;background:#f1b31b;color: #fff;font-size:.14rem;border-radius:.05rem;margin: .4rem auto 0;transition:.3s;}
.proLibox .load:hover{background:#0054a6;}


/*innerBan*/
.innerBan{position: relative;}
.innerBan .tit{background:#0054a6;}
.innerBan h1{line-height:.75rem;font-size:.18rem;color: #fff;text-transform: uppercase;}

/*menu*/
.menu{background:#0054a6;padding:.3rem 0;}
.menu .w1160{display: flex;align-items: center;justify-content: space-between;}
.menu li{float: left;line-height:.3rem;position: relative;margin-right:.2rem;}
.menu li a{font-size:.14rem;display: block;position: relative;color: #fff;}
.menu li >a:before{width: 100%;height: .02rem;background:#f1ae0c;content: '';position: absolute;left: 0;bottom:0;opacity: 0;transition:.3s;}
.menu li .sub{position: absolute;left: 0;top: 100%;padding:.05rem .2rem .05rem .05rem;background:#fff;box-shadow: 0 0 .05rem rgba(0, 0, 0, .2);display: none;min-width: 100%;z-index: 2;}
.menu li .sub a{line-height:.23rem;color: #0a2f54;white-space:nowrap;text-transform: uppercase;}
.menu li .sub a:hover{color: #f5910f;}
.menu li:hover .sub{display: block;}
.menu li:hover >a:before,
.menu li.on >a:before{opacity: 1;}

/*登录*/
.LoginWarp{padding:14% 0 17%;background-repeat:no-repeat;background-size: cover;background-position:center center;}
.LoginWarp .contBox{max-width:6.15rem;margin:0 auto;background:#fff;padding:.2rem .9rem .4rem;border-radius:.1rem;}
.LoginWarp .contBox .logo{width: 2.85rem;margin: 0 auto .3rem;}
.LoginWarp .contBox .formBox{border:1px solid #0054a6;padding:.2rem;}
.LoginWarp .contBox .formBox .tit{font-size:.16rem;color: #0054a6;margin-bottom: .3rem;text-align: center;}
.LoginWarp .contBox .formBox .form{max-width:2.9rem;margin: 0 auto;}
.LoginWarp .contBox .formBox .form .item{margin-bottom:.2rem;}
.LoginWarp .contBox .formBox .form .item label{display: block;font-size: .16rem;color: #565656;}
.LoginWarp .contBox .formBox .form .item input{line-height:.4rem;width: 100%;border:1px solid #d2d2d2;padding:0 .15rem;border-radius:.05rem;}
.LoginWarp .contBox .formBox .Login{display: block;width: 1.55rem;line-height:.42rem;text-align: center;font-size:.12rem;background:#f1ae0c;color: #0054a6;margin: 0 auto;border-radius:.05rem;transition:.3s;}
.LoginWarp .contBox .formBox .Login:hover{transform: translateY(-.03rem);}
.LoginWarp .contBox .tipBox{text-align: center;font-size:.12rem;color: #0054a6;margin-top:.2rem;}
.LoginWarp .contBox .tipBox .fogpsw{margin-bottom:.1rem;}
.LoginWarp .contBox .tipBox .fogpsw a{color: #0054a6;}
.LoginWarp .contBox .tipBox .fogpsw a:hover{color: #f1ae0c;}
.LoginWarp .contBox .tipBox .pllicy a{color: #0054a6;display: inline-block;vertical-align: middle;}
.LoginWarp .contBox .tipBox .pllicy a:hover{color: #f1ae0c;}
.LoginWarp .contBox .tipBox .pllicy span{display: inline-block;vertical-align: middle;margin: 0 .05rem;}
.LoginWarp .contBox .formBox .accp{text-align: center;margin-bottom: 0.05rem;font-size: .12rem;color: #0054a6;}
.LoginWarp .contBox .formBox .acceptBox{margin-bottom:.2rem;display: flex;flex-wrap: wrap;justify-content: center;}
.LoginWarp .contBox .formBox .acceptBox p{margin: 0 .1rem .1rem;display: flex;font-size: .12rem;}
.LoginWarp .contBox .formBox .acceptBox p span{margin: 0 .02rem;display: inline-block;}
.LoginWarp .contBox .formBox .acceptBox p a{border-bottom: 1px solid #000;color: #0054a6;margin-left: 0.02rem;}
.LoginWarp .contBox .formBox .acceptBox p a:hover{color: #f1ae0c;}

/*简介*/
.profileWarp{padding:4% 0 10%;}
.profileWarp .logo{margin-bottom: .4rem;}
.profileWarp .desBox{padding:.1rem .2rem .2rem;border:1px solid #0054a6;margin-bottom: .4rem;}
.profileWarp .desBox h5{padding-top:.1rem;padding-left:.4rem;position: relative;font-size:.18rem;color: #0054a6;font-family: none;}
.profileWarp .desBox h5 img{width: .33rem;height: .33rem;position: absolute;left: 0;top: 0;}
.profileWarp .desBox p{font-size:.16rem;color: #565656;}
.profileWarp #subLink{display: block;margin-bottom: 0.5rem;width: 2.5rem;background: #0054a6;padding-left: 0.5rem;position: relative;line-height: .45rem;color: #fff;border-radius: 0.05rem;}
.profileWarp #subLink:before{width: 0.11rem;height: 0.13rem;content: '';background: url(../images/i6.png) no-repeat;background-size: contain;position: absolute;left: 0.2rem;top: 50%;margin-top: -0.065rem;transition: .3s;}
.profileWarp #subLink:hover:before{left:.25rem;}
.profileWarp .desForm{}
.profileWarp .desForm .picture{margin-bottom: .3rem;}
.profileWarp .desForm .picture .imgBox{position: relative;border:1px solid #e0e0e0;background:#fff;width: 2.4rem;overflow: hidden;}
.profileWarp .desForm .picture .imgBox #userIMG{position: absolute;width: 100%;left: 0;top: 50%;transform: translateY(-50%);}
.profileWarp .desForm .picture .imgBox .uploadBtn{display: block;height: 2.1rem;background:url(../images/upload.png) no-repeat;background-size: contain;}
.profileWarp .desForm .picture p{font-size:.16rem;color: #565656;}
.profileWarp .form{}
.profileWarp .form .itemBox{margin-bottom:.2rem;}
.profileWarp .form .itemBox .item{float: left;width: 30%;margin-right: 5%;}
.profileWarp .form .itemBox .item:nth-child(3n){margin-right:0;}
.profileWarp .form .itemBox .item label{display: block;font-size: .16rem;color: #565656;margin-bottom:.15rem;}
.profileWarp .form .itemBox .item input{line-height:.4rem;width: 100%;border:1px solid #d2d2d2;padding:0 .15rem;border-radius:.05rem;background:#fff;}
.profileWarp .form .itemBox .item select{line-height:.4rem;height: .4rem;width: 100%;border:1px solid #d2d2d2;padding:0 .15rem;border-radius:.05rem;background:#fff;}
.profileWarp .acceptBox{margin:.8rem 0 .6rem;}
.profileWarp .acceptBox .item{display: inline-block;vertical-align: middle;margin-right:.6rem;}
.profileWarp .acceptBox .item input{display: inline-block;vertical-align: middle;width: .28rem;height: .28rem;margin-right:.1rem;}
.profileWarp .acceptBox .item span{display: inline-block;vertical-align: middle;font-size:.16rem;color: #b8b8b8;margin-right:.05rem;}
.profileWarp .acceptBox .item a{display: inline-block;vertical-align: middle;font-size:.16rem;color: #0054a6;border-bottom:1px solid #0054a6;}
.profileWarp .acceptBox .item a:hover{color: #f1ae0c;border-color: #f1ae0c;}
.profileWarp .btnBox{}
.profileWarp .btnBox a{display: inline-block;vertical-align: middle;border-radius:.05rem;}
.profileWarp .btnBox a.updateBtn{width: 2.25rem;background: #0054a6;padding-left: 0.7rem;position: relative;line-height: .55rem;color: #fff;}
.profileWarp .btnBox a.updateBtn:before{width: 0.11rem;height: 0.13rem;content: '';background: url(../images/i6.png) no-repeat;background-size: contain;position: absolute;left: .25rem;top: 50%;margin-top: -0.065rem;transition: .3s;}
.profileWarp .btnBox a.updateBtn:hover:before{left: .3rem;}
.profileWarp .btnBox a.goBtn{margin-left: .7rem;background:#f1ae0c;color: #0054a6;font-weight:bold;text-align: center;line-height:.55rem;width: 2.05rem;}

/*前言*/
.prefaceWarp{padding:.35rem 0;}
.prefaceWarp .titBox{margin-bottom: .1rem;background:#f1ae0c;padding:.2rem .15rem;}
.prefaceWarp .titBox img{display: inline-block;vertical-align: middle;width: .53rem;margin-right:.05rem;}
.prefaceWarp .titBox span{display: inline-block;vertical-align: middle;font-family:none;font-size:.3rem;color: #0054a6;font-weight:bold;}
.prefaceWarp .desBox{background:url(../images/preBG.jpg) no-repeat;background-size: cover;background-position:center left;padding: .25rem 7% .25rem .25rem;}
.prefaceWarp .desBox .item{margin-bottom:.3rem;}
.prefaceWarp .desBox .item h5{text-transform: uppercase;font-size:.24rem;font-weight:normal;color: #0054a6;}
.prefaceWarp .desBox .item h5 span{font-size:.2rem;font-weight:bold;}
.prefaceWarp .desBox .item p{font-size:.18rem;color: #000000;}
.gotoBtn{display: inline-block;line-height:.54rem;padding: 0 .15rem;background:#f1ae0c;color: #0054a6;border-radius:.05rem;margin-top:.5rem;transition:.3s;font-weight:bold;}
.gotoBtn:hover{background:#0054a6;color: #fff;}

/*proDesWarp*/
.proDesWarp{}
.proDesWarp .protitBox{display: inline-block;padding:.1rem;border:1px solid #0054a6;margin: .4rem 0;}
.proDesWarp .protitBox .icon{display: inline-block;vertical-align: middle;margin-right:.1rem;}
.proDesWarp .protitBox h5{display: inline-block;vertical-align: middle;font-size:.18rem;color: #0054a6;line-height:1.2;}
.proDesWarp .protitBox h5 span{font-weight:bold;font-family: none;font-size:.19rem;}
.proDesWarp .protitBox h5 p{color: #f1ae0c;text-transform: uppercase;}
.proDesWarp .titBox{margin-bottom: .3rem;background:#f1ae0c;padding:.2rem .15rem;}
.proDesWarp .titBox span{display: inline-block;vertical-align: middle;font-family:none;font-size:.3rem;color: #0054a6;font-weight:bold;text-transform: uppercase;}
.proCate .Note{padding:.1rem .15rem;border:1px solid #f3dfb0;border-left: .02rem solid #f2c24e;color: #0054a6;}
.proCate .Note h5{padding-top:.3rem;padding-left:.55rem;position: relative;font-size:.18rem;font-weight:normal;margin-bottom:.1rem;text-transform: uppercase}
.proCate .Note h5:before{width: .46rem;height: .46rem;content: '';background:url(../images/i2.png) no-repeat;background-size: contain;position: absolute;left: 0;bottom:.05rem;}
.proCate .Note.noBefore h5:before{display: none;}
.proCate .Note.noBefore h5 img{width: .46rem;position: absolute;left: 0;bottom:.05rem;}
.proCate .Note p{font-size:.16rem;padding-right:12%;}
.proCate .Note p *{text-wrap: inherit!important;}

.lainsTab{margin: .65rem 0;}
.lainsTab .tit{margin: 0 auto;width: 3.05rem;text-align: center;padding:.5rem 0;background:#0054a6;color: #fff;font-family:none;font-weight:bold;font-size:.28rem;}
.lainsTab .sliderTab{margin-top:.55rem;}
.lainsTab .sliderTab .hd{margin-bottom: .15rem;display: flex;}
.lainsTab .sliderTab .hd li{width: 11.25%;margin-right:1.42%;display: flex;align-items: center;text-align: center;padding:.1rem;background:#0054a6;cursor: pointer;}
.lainsTab .sliderTab .hd li:nth-child(8n){margin-right:0;}
.lainsTab .sliderTab .hd li span{font-size:.12rem;font-weight: bold;color: #fff;display: block;text-align: center;width: 100%;text-transform: uppercase;}
.lainsTab .sliderTab .hd li:hover span,
.lainsTab .sliderTab .hd li.on span{color: #f1ae0c;}
.lainsTab .sliderTab .disfxed{margin-top:.35rem;display: flex;justify-content: space-between;}
.lainsTab .sliderTab .txtBox{width: 48%;padding:.1rem 11.5% .15rem .1rem;border:1px solid #0054a6;position: relative;min-height: 3.55rem;}
.lainsTab .sliderTab .marAuto .txtBox{margin: .35rem auto 0;}
.lainsTab .sliderTab .txtBox h5{font-size:.16rem;color: #0054a6;font-weight:normal;margin-bottom:.05rem;text-transform: uppercase;}
.lainsTab .sliderTab .txtBox p{color: #0054a6;}
.lainsTab .sliderTab .txtBox .pageBtn{/*width: .9rem;*/position: absolute;right: .1rem;bottom:.01rem;transform: scale(.8);transition:.3s;}
.lainsTab .sliderTab .txtBox .pageBtn .icon{width: .9rem;;}
.lainsTab .sliderTab .txtBox .pageBtn span{display: block;font-size:.12rem;color: #0054a6;}
.lainsTab .sliderTab .txtBox .pageBtn:hover{transform: scale(.85);}

.warnTab{margin-bottom:.6rem;}
.warnTab .hd{max-width: 955px;padding:.15rem;border:.02rem solid #1361ac;margin-bottom:.45rem;}
.warnTab .hd li{float: left;width: 24%;margin-right:1.33%;margin-bottom:2%;padding:.1rem;border:1px solid #1361ac;text-align: center;cursor: pointer;position: relative;display: flex;flex-wrap: wrap;align-items: center;}
.warnTab .hd li:before{width: 100%;height: 100%;content: '';background:rgba(0,84,166,.6);position: absolute;top: 0;left: 0;opacity: 0;transition:.3s;}
.warnTab .hd li:nth-child(4n){margin-right:0;}
.warnTab .hd li .icon{width: 1.2rem;margin: 0 auto .05rem;}
.warnTab .hd li p{display: block;font-size:.16rem;color: #0054a6;font-weight:bold;/*min-height: .69rem;*/width: 100%;}
.warnTab .hd li:hover:before,
.warnTab .hd li.on:before{opacity: 1;}
.warnTab .bd .txtBox{background: #f1ae0c;color: #0054a6;padding: 0.15rem 0.15rem 0.3rem;}
.warnTab .bd .txtBox p{font-size:.18rem;margin: .1rem 0;}
.warnTab .bd .txtBox .anayBtn{/*width: .9rem;transform: scale(.8);*/transition:.3s;}
.warnTab .bd .txtBox .anayBtn .icon{width: .7rem;}
.warnTab .bd .txtBox .anayBtn span{display: block;font-size:.12rem;color: #0054a6;text-transform: uppercase;}
.warnTab .bd .txtBox .anayBtn:hover{transform: translateY(-.1rem);}

@media(min-width:1024px){
    .warnTab .hd li{min-height: 1.52rem;}
}

.proDesWarp .itemSteps{margin-bottom:.6rem;}
.proDesWarp .itemSteps .txtimgBox{}
.proDesWarp .itemSteps .txtimgBox .item{background:#f2f1f6;margin-bottom:.3rem;}
.proDesWarp .itemSteps .txtimgBox .item .txtBox{float: left;width: 50%;padding:.1rem .15rem;}
.proDesWarp .itemSteps .txtimgBox .item .txtBox span{display: block;font-size:.18rem;color: #0054a6;font-weight:bold;text-transform: uppercase;}
.proDesWarp .itemSteps .txtimgBox .item .txtBox p{font-size:.18rem;color: #000000;}
.proDesWarp .itemSteps .txtimgBox .item .txtBox .icon{text-align: center;margin-top:.4rem;}
.proDesWarp .itemSteps .txtimgBox .item .imgBox{float: right;width: 50%;overflow: hidden;position: relative;}
.proDesWarp .itemSteps .txtimgBox .item .imgBox figure{padding-bottom: 3.15rem;background-repeat: no-repeat;background-size: cover;background-position: center center;}
.proDesWarp .itemSteps .txtimgBox .item:nth-child(even) .txtBox{float: right;text-align: right;}
.proDesWarp .itemSteps .txtimgBox .item:nth-child(even) .imgBox{float: left;}

.proDesWarp .itemSteps .txtimg2List{}
.proDesWarp .itemSteps .txtimg2List .liBox{padding:0 .2rem .01rem;background:#fff;margin-bottom:.25rem;}
.proDesWarp .itemSteps .txtimg2List .liBox h3{font-size:.18rem;color: #0054a6;font-family:none;line-height:.34rem;text-transform: uppercase;}
.proDesWarp .itemSteps .txtimg2List .liBox .itBox{margin-bottom:.1rem;cursor: pointer;background:#f4f4f4;}
.proDesWarp .itemSteps .txtimg2List .liBox .itBox .txtBox{float: left;width: 50%;padding:.1rem .15rem;text-align: center;}
.proDesWarp .itemSteps .txtimg2List .liBox .itBox .txtBox.notImage{width: 100%;padding: 0.5rem 0.2rem;}
.proDesWarp .itemSteps .txtimg2List .liBox .itBox .txtBox span{display: block;font-size:.18rem;color: #0054a6;font-weight:bold;text-transform: uppercase;}
.proDesWarp .itemSteps .txtimg2List .liBox .itBox .txtBox p{font-size:.18rem;color: #000000;}
.proDesWarp .itemSteps .txtimg2List .liBox .itBox .txtBox p span{font-weight:normal;text-transform:inherit;}
.proDesWarp .itemSteps .txtimg2List .liBox .itBox .imgBox{float: left;width: 50%;overflow: hidden;position: relative;}
.proDesWarp .itemSteps .txtimg2List .liBox .itBox .imgBox:before{width: 100%;height: 100%;content: '';background:rgba(10,47,84,.3);position: absolute;top: 0;left: 0;opacity: 0;transition:.3s;}
.proDesWarp .itemSteps .txtimg2List .liBox .itBox .imgBox:after{width: .24rem;height: .24rem;content: '';background:url(../images/sear_r.png) no-repeat;background-size: contain;position: absolute;left: .15rem;bottom:.3rem;}
.proDesWarp .itemSteps .txtimg2List .liBox .itBox .imgBox figure{padding-bottom: 3.15rem;background-repeat:no-repeat;background-size: cover;background-position:center center;}
.proDesWarp .itemSteps .txtimg2List .liBox .itBox .fixCont{display: none;}
.proDesWarp .itemSteps .txtimg2List .liBox .itBox:hover .imgBox:before{opacity: 1;}
.proDesWarp .itemSteps .txtimg2List .liBox .whycauBox{display: flex;justify-content: space-between;margin-bottom:.1rem;}
.proDesWarp .itemSteps .txtimg2List .liBox .whycauBox .conBox{width: calc(50% - 2px);padding:.15rem 0 .25rem;text-align: center;color: #2069b0;background:rgba(32,105,176,.2);}
.proDesWarp .itemSteps .txtimg2List .liBox .whycauBox .conBox.why{color: #d11c1c;background:rgba(209,28,28,.2);}
.proDesWarp .itemSteps .txtimg2List .liBox .whycauBox .conBox h5{font-family:none;font-size:.18rem;}
.proDesWarp .itemSteps .txtimg2List .liBox .whycauBox .conBox p{font-size:.18rem;}
.proDesWarp .itemSteps .txtimg2List .liBox .whycauBox.whycauList{display: block;}
.proDesWarp .itemSteps .txtimg2List .liBox .whycauBox.whycauList .conBox{margin: 0 auto .1rem;padding:.2rem 5%;}
.proDesWarp .itemSteps .txtimg2List .liBox .txticon{width: 22%;margin: .35rem auto;padding:.2rem .1rem;border:1px solid #0054a6;text-align: center;}
.proDesWarp .itemSteps .txtimg2List .liBox .txticon .icon{max-width:.48rem;margin: 0 auto .1rem;transition:.3s;}
.proDesWarp .itemSteps .txtimg2List .liBox .txticon span{display: block;font-size: .2rem;color: #0054a6;}
.proDesWarp .itemSteps .txtimg2List .liBox .txticon span.tit{font-weight:bold;}

.proDesWarp .titIcon{margin-bottom: .15rem;}
.proDesWarp .titIcon .icon{display: inline-block;vertical-align: text-bottom;width: .87rem;margin-right:.1rem;}
.proDesWarp .titIcon p{font-size:.16rem;color: #8b8b8b;display: inline-block;vertical-align: text-bottom;max-width:50%;}

.proDesWarp .itemTools{margin-bottom:.4rem;}
.proDesWarp .itemTools .listBox{}
.proDesWarp .itemTools .listBox .item{float: left;width: 32%;margin-right:2%;margin-bottom:2%;cursor: pointer;}
.proDesWarp .itemTools .listBox .item:nth-child(3n){margin-right:0;}
.proDesWarp .itemTools .listBox .item .imgBox{position: relative;overflow: hidden;}
.proDesWarp .itemTools .listBox .item .imgBox:before{width: 100%;height: 100%;content: '';background:rgba(10,47,84,.3);position: absolute;top: 0;left: 0;opacity: 0;transition:.3s;}
.proDesWarp .itemTools .listBox .item .imgBox:after{width: .19rem;height: .19rem;content: '';background:url(../images/sear_w.png) no-repeat;background-size: contain;position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);opacity: 0;transition:.3s;}
.proDesWarp .itemTools .listBox .item .imgBox figure{padding-bottom: 2.05rem;background-repeat:no-repeat;background-size: cover;background-position:center center;}
.proDesWarp .itemTools .listBox .item h5{line-height:.24rem;text-align: center;background:#0054a6;color: #fff;font-size:.12rem;font-weight:normal;}
.proDesWarp .itemTools .listBox .item:hover .imgBox:before,
.proDesWarp .itemTools .listBox .item:hover .imgBox:after{opacity: 1;}
.proDesWarp .itemTools .listBox .item .fixCont{display: none;}

.controlBox{margin-bottom: .7rem;}
.controlBox .tit{display: inline-block;padding:0 8% 0 .2rem;line-height:.4rem;color: #fff;font-size:.18rem;margin-bottom:.15rem;background:#0054a6;text-transform: uppercase;}

.analysisBox{padding:.1rem .1rem .25rem;border:1px solid #0054a6;margin-bottom:10%;}
.analysisBox h3{line-height:.38rem;color: #fff;background:#0054a6;margin-bottom:.15rem;text-align: center;text-transform: uppercase;}
.analysisBox .contBox{max-width:90%;margin: 0 auto;}
.analysisBox .contBox h5{max-width:75%;margin: 0 auto;text-align: center;font-size:.18rem;color: #fff;background:#0054a6;line-height:.45rem;}
.analysisBox .contBox .item{}
.analysisBox .contBox .item.wfxedBox{display: flex;justify-content: center;}

.analysisBox .contBox .item li{margin-top:.35rem;position: relative;display: flex;align-items: center;text-align: center;padding:.15rem .1rem;border:1px solid #0054a6;justify-content: center;min-height: 1.92rem;}
.analysisBox .contBox .item li:before{width: .12rem;height: .3rem;content: '';background:url(../images/i5.png) no-repeat;background-size: contain;position: absolute;left: 50%;margin-left: -.06rem;top: -.35rem;}
.analysisBox .contBox .item ul{margin-right:2%;width: 32%;}
.analysisBox .contBox .item ul:last-child{margin-right:0;}
.analysisBox .contBox .item li p{font-size:.16rem;color: #0054a6;}
.analysisBox .contBox .item li p span{font-weight:bold;}
.analysisBox .contBox .item li .txticon{}
.analysisBox .contBox .item li .txticon .icon{max-width:.48rem;margin: 0 auto .1rem;transition:.3s;}
.analysisBox .contBox .item li:hover .txticon .icon{transform: translateY(-.05rem);}
.analysisBox .contBox .item li .txticon span{display: block;font-size: .16rem;color: #0054a6;}
.analysisBox .contBox .item li .txticon span.tit{font-weight:bold;}

.analysisBox .contBox .item.w100 ul{width: 100%;}
.analysisBox .contBox .item.w100 li{width: 100%;float: none;margin-right:0;padding:.15rem 8%;min-height: inherit;}
.analysisBox .contBox .item.w100 li p{font-size:.18rem;}
.analysisBox .contBox .ovfBox{/*overflow-x: auto;*/}
.analysisBox .contBox .ovfBox .wfxedBox{width: 1920px;padding-bottom: 0.2rem;}

.analysisBox .contBox .liItem{padding-right:1px;}
.analysisBox .contBox .bomSlider{}
.analysisBox .contBox .topSlider{padding:0 5%;position: relative;}
.analysisBox .contBox .topSlider .slick-arrow{position: absolute;background: #e1e1e1 no-repeat center;background-size: auto calc(15 / 16 * 1em);padding: 0;width: calc(52 / 20 * 1em);height: calc(52 / 20 * 1em);font-size: 1em;text-indent: -9999em;transition: 0.56s;top: calc(50% + .2rem);transform: translateY(-50%);border:none;}
.analysisBox .contBox .topSlider .slick-arrow.slick-prev{background-image: url(../images/prev.svg);left: 0;}
.analysisBox .contBox .topSlider .slick-arrow.slick-next{background-image: url(../images/next.svg);right: 0;}
.analysisBox .contBox .topSlider .slick-arrow:hover{background-color:#0054a6;cursor: pointer;}

.proSearch{margin-bottom:8%;}
.proSearch li{margin-bottom:.15rem;padding-bottom:.15rem;border-bottom:1px solid #dbdbdb;}
.proSearch li:last-child{border-bottom:none;}
.proSearch li h5{font-size:.24rem;margin-bottom:.1rem;}
.proSearch li .textImg{display: flex;}
.proSearch li .textImg .imgBox{width: 30%;margin-right:.15rem;}
.proSearch li .textImg .imgBox figure{padding-bottom:2rem;background-repeat: no-repeat;background-size: cover;background-position:center center;}
.proSearch li .textImg .txtBox{font-size:.16rem;color: #555;max-width:69%;}
.proSearch .load{display: block;width: 1.4rem;line-height:.47rem;text-align: center;background:#f1b31b;color: #fff;font-size:.14rem;border-radius:.05rem;margin: .4rem auto 0;transition:.3s;}
.proSearch .load:hover{background:#0054a6;}

.zl-scrollBarBox{
    height:10px!important;
    position:absolute;
    background:#f3f3f3;
}
.zl-scrollBar{
    position:absolute;
    left:0;
    top:0;
    background:#848484;
    transition:background 0.3s;
		 height: 10px!important;
}
.zl-scrollBar.zl-verticalBar{
    min-height:10px;
}

.zl-scrollBar.zl-horizontalBar{
    min-width:10px;
}
.zl-scrollBar:hover{
    background:#000;
}
.zl-scrollContentDiv{
    position:relative !important;
    width:100% !important;
    height:100% !important;
    padding:0 !important;
    margin:0 !important;
    top:0;
    left:0;
}

/*.analysisBox .slick-slide{outline: inherit;}*/

.lineTit{margin-top: 0.1rem;background: #f1ae0c;color: #0054a6;padding: 0.15rem 0.15rem 0.3rem;margin-bottom:.4rem;}
.lineTit p{font-size: .18rem;margin: 0.15rem 0 0.2rem;}

.largeImg{position: fixed;width: 100%;height: 100%;background:rgba(0,84,166,.6);top: 0;left: 50%;z-index: 12;max-width: 1350px;transform: translateX(-50%);display: none;}
.largeImg .contBox{position: absolute;width: calc(100% - .5rem);padding:8% .8rem .6rem;background:#fff;left: 50%;top: 50%;transform: translate(-50%,-50%);}
.largeImg .contBox .cloBtn{width: .39rem;height: .34rem;display: block;background:url(../images/col.png) no-repeat;background-size: contain;position: absolute;top: .1rem;right: 0;}
.largeImg .contBox .imgtxtBox{height: 70vh;overflow-y: auto;}
.largeImg .contBox .sliderImg{position: relative;margin-bottom:.2rem;}
.largeImg .contBox .sliderImg img{margin: 0 auto;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}
.largeImg .contBox .slick-arrow{display: block;font-size:0;width: .21rem;height: .43rem;background:url(../images/arr.png) no-repeat;background-size: contain;position: absolute;top: 50%;border:none;z-index: 5;cursor: pointer;margin-top:-.215rem;}
.largeImg .contBox .slick-arrow.slick-prev{left: .15rem}
.largeImg .contBox .slick-arrow.slick-next{right: .15rem;transform: rotate(180deg);}
.largeImg .contBox p{text-align: center;font-size:.16rem;color: #8b8b8b;max-width:80%;margin: .4rem auto 0;}
.largeImg .contBox h5{font-size:.3rem;color: #0054a6;text-align: center;margin-top:.3rem;}
.largeImg .contBox .textB{text-align: center;margin-top:.15rem;}
.largeImg .contBox .textB h5{text-transform: uppercase;font-size:.36rem;margin-top:0;}
.largeImg .contBox .textB p{font-size:.36rem;color: #000000;margin-top:0;}

/*reworkPro*/
.reworkPro{margin-bottom:.7rem;}
.reworkPro.addnewsPrev{margin-bottom: 10%;}
.reworkPro.addnewsPrev .nextStep{margin-top:0;}
.reworkPro .titBox{padding:0 4%;text-align: center;margin-bottom:.25rem;}
.reworkPro .titBox .icon{width: .87rem;margin: 0 auto .02rem;}
.reworkPro .titBox h5{display: inline-block;padding:0 5%;line-height:.2rem;font-size:.16rem;color: #fff;background:#0054a6;}
.reworkPro .stepNum{padding:.15rem 0 .05rem;box-shadow:0 0 .1rem .05rem rgba(0, 0, 0, .2);position: relative;margin-top:.3rem;transition:.3s;transform: translateX(0);left: 0;}
.reworkPro .stepNum ul .slick-list{padding:.4rem .4rem .4rem .7rem;}
.reworkPro .stepNum li{float: left;position: relative;margin-right:.4rem;cursor: pointer;/*margin-bottom: .5rem*/}
.reworkPro .stepNum li:before{width: .4rem;height: .05rem;background:#0054a6;position: absolute;left: 100%;top: 50%;margin-top:-.025rem;content: '';}
.reworkPro .stepNum li:after{width: 0;height: 0;content: '';border-bottom:.08rem solid #0054a6;border-left:.06rem solid transparent;border-right:.06rem solid transparent;position: absolute;bottom: 95%;left: 50%;margin-left:-.06rem;opacity: 0;}
.reworkPro .stepNum li:last-child:before{display: none;}
.reworkPro .stepNum li p{width: .37rem;height: .37rem;border:.02rem solid #cfcece;background:#f4f4f4;border-radius: 50%;text-align: center;line-height:.33rem;font-size:.24rem;color: #cfcece;font-weight:bold;transition:.3s;}
.reworkPro .stepNum li h5{font-size:.13rem;color: #0054a6;position: absolute;bottom:115%;left: 50%;transform: translateX(-50%);width: 460%;text-align: center;opacity: 0;line-height:.12rem;}
.reworkPro .stepNum li:hover p,
.reworkPro .stepNum li.on p{border-color:#0054a6;background:#f1ae0c;color: #0054a6;}
.reworkPro .stepNum li.on h5{opacity: 1;}
.reworkPro .stepNum li.on:after{opacity: 1;}
.reworkPro .stepNum .slick-arrow{width: 0.21rem;height: 0.43rem;background: url(../images/arr.png) no-repeat;background-size: contain;font-size: 0;border: none;position: absolute;top: 50%;margin-top: -0.21rem;left: -0.4rem;cursor: pointer;}
.reworkPro .stepNum .slick-arrow.slick-next{left:auto;right:-.4rem;transform: rotate(180deg);}
.reworkPro .nextStep{display: block;background:url(../images/prevBtn.png) no-repeat;width: 4.66rem;height: .45rem;background-size: contain;margin-top:.4rem;transition:.3s;}
.reworkPro .nextStep:hover{transform: translateX(.05rem);}

.reworkPro .stepNumHei{display: none;}
.reworkPro .stepNum.Fixposi{position: fixed;width: 100%;top: 0;left: 50%;background: #f4f4f4;max-width: 1350px;transform: translateX(-50%);z-index: 11;margin-top:0;}

@media(min-width: 1024px){
    .reworkPro .stepNum li{margin-right:.8rem;/*margin-bottom:1rem;*/}
    .reworkPro .stepNum li h5{width: 460%;}
    .reworkPro .stepNum li:nth-child(even) h5{bottom:auto;top: 115%;}
    .reworkPro .stepNum li:nth-child(even):after{transform: rotate(180deg);bottom:-.06rem;}
    .reworkPro .stepNum li:before{width: .8rem;}
    .reworkPro .stepNum li h5{opacity: 1;}
}

.stepItem{}
.stepItem .contBox{padding-top:.2rem;max-height: 1820px;overflow-y: auto;}
.stepItem .titIcon{margin-bottom:.12rem;}
.stepItem .titIcon .icon{width: .87rem;margin-bottom:.05rem;}
.stepItem .titIcon span{display: inline-block;padding: 0 8% 0 .05rem;line-height:.38rem;background:#f1ae0c;color: #0054a6;font-size:.18rem;}
.stepItem .stepList .proCate{margin-top:.15rem;}
.stepItem .stepList li{background:#f2f1f6;margin-top:.15rem;}
.stepItem .stepList li .txtBox{float: left;width: 50%;padding:.15rem;}
.stepItem .stepList li .txtBox span{display: block;font-size:.18rem;color: #0054a6;font-weight:bold;text-transform: uppercase;}
.stepItem .stepList li .txtBox p{font-size:.18rem;color: #000000;}
.stepItem .stepList li .txtBox .sound{margin-top:.1rem;}
.stepItem .stepList li .txtBox .sound .playBtn{display: inline-block;width: 1.57rem;height: .35rem;background:url(../images/sound.png) no-repeat;background-size: contain;transition:.3s;}
.stepItem .stepList li .txtBox .sound .playBtn:hover{transform: translateY(-.05rem);}
.stepItem .stepList li .txtBox .sound .tip{font-style: normal;font-size:.12rem;color: #0054a6;display: block;margin-top:.1rem;}
.stepItem .stepList li .imgBox{float: right;width: 50%;overflow: hidden;position: relative;}
.stepItem .stepList li .imgBox figure{padding-bottom: 3.15rem;background-repeat: no-repeat;background-size: contain;background-position: center center;}
.stepItem .stepList li .imgBox:before{width: 100%;height: 100%;content: '';background:rgba(10,47,84,.3);position: absolute;top: 0;left: 0;opacity: 0;transition:.3s;}
.stepItem .stepList li .imgBox:after{width: .24rem;height: .24rem;content: '';background:url(../images/sear_r.png) no-repeat;background-size: contain;position: absolute;right: .15rem;bottom:.15rem;}
.stepItem .stepList li:hover .imgBox:before{opacity: 1;}
.stepItem .stepList li .fixCont{display: none;}

.stepItem .tabBox{}
.stepItem .tabBox table{width: 100%;border-collapse: collapse;}
.stepItem .tabBox table th{padding:.1rem;border:1px solid #333;}
.stepItem .tabBox table td{text-align: center;padding:.1rem 0;border:1px solid #333;}
@media(max-width:768px){
    .stepItem .tabBox{overflow-x: auto;}
    .stepItem .tabBox table{width: 1280px;}
}

.stepItem .diaLink{margin:.15rem 0;background:#f1ae0c;text-align: center;}
.stepItem .diaLink .imgBox{float: left;width: 50%;overflow: hidden;position: relative;line-height:3.15rem;background:#f2f1f6;}
.stepItem .diaLink .imgBox .num{position: absolute;font-size:.48rem;font-weight:bold;color: #0054a6;top: .2rem;right: .3rem;line-height:initial;}
.stepItem .diaLink .txtBox{float: left;width: 50%;padding:.25rem 5% 0;color: #0054a6;font-size:.16rem;}
.stepItem .diaLink .txtBox *{text-wrap: wrap!important;}
.stepItem .diaLink .txtBox .btnBox{display: flex;align-items: center;justify-content: space-around;}
.stepItem .diaLink .txtBox a{display: block;margin:.2rem auto 0;}
.stepItem .diaLink .txtBox a p{font-size:.12rem;color: #0054a6;}

.stepItem .tipDes{background: rgba(209,28,28,.2);padding:.15rem .2rem;margin-bottom:.3rem;}
.stepItem .tipDes .icon{display: inline-block;vertical-align: middle;width: .46rem;margin-right:.05rem;}
.stepItem .tipDes p{font-size:.18rem;color: #d90000;font-weight:bold;text-transform: uppercase;display: inline-block;vertical-align: middle;}
.stepItem .titImg{background: #f2f1f6;padding:.1rem .3rem .3rem;margin-bottom:.6rem;}
.stepItem .titImg h5{font-size:.3rem;color: #0054a6;font-family:none;}
.stepItem .termList{}
.stepItem .termList li{margin-bottom: .4rem;padding:.2rem;background: #f2f1f6;}
.stepItem .termList li .imgBox img{box-shadow: 0 .1rem .15rem rgba(0, 0, 0, .2);}
.stepItem .termList li .txtBox .icon{width: .83rem;display: inline-block;}
.stepItem .termList li .txtBox h5{font-size:.3rem;color: #0054a6;}
.stepItem .termList li.left .imgBox{display: inline-block;vertical-align: middle;}
.stepItem .termList li.left .txtBox{display: inline-block;vertical-align: middle;margin-left:.6rem;}
.stepItem .termList li.left .txtBox .icon{vertical-align: middle;margin-right:.25rem;}
.stepItem .termList li.left .txtBox h5{display: inline-block;vertical-align: middle;}
.stepItem .termList li.botm{text-align: center;}
.stepItem .termList li.botm .txtBox{margin-bottom:.1rem;}
.stepItem .termList li.topm{text-align: center;}
.stepItem .termList li.topm .txtBox{margin-top:.1rem;}

/*联系我们*/
.contaceWarp{padding:.25rem 0 12%;}
.contaceWarp h1{color: #0054a6;font-size:.24rem;font-family:none;margin-bottom: .4rem;}
.contaceWarp .titBox{text-align: center;margin-bottom:.8rem;}
.contaceWarp .titBox h5{font-size:.34rem;color: #565656;font-weight:normal;margin-bottom:.25rem;}
.contaceWarp .titBox h5 span{font-weight:bold;}
.contaceWarp .titBox p{font-size:.16rem;color: #8b8b8b;}
.contaceWarp .formBox{}
.contaceWarp .formBox .left{float: left;width: 48%;}
.contaceWarp .formBox .right{float: right;width: 48%;}
.contaceWarp .formBox .item{margin-bottom: .25rem;}
.contaceWarp .formBox .right .item{margin-bottom:.1rem;}
.contaceWarp .formBox .item label{display: block;font-size:.16rem;color: #565656;font-weight:bold;margin-bottom:.1rem;}
.contaceWarp .formBox .item input{width: 100%;line-height:.42rem;border-radius: .05rem;background:#fff;border:1px solid #dbdbdb;padding:0 .15rem;}
.contaceWarp .formBox .item select{width: 100%;line-height:.42rem;height: .42rem;border-radius: .05rem;background:#fff;border:1px solid #dbdbdb;padding:0 .15rem;}
.contaceWarp .formBox .item textarea{width: 100%;padding:.1rem .15rem;border-radius: .05rem;background:#fff;border:1px solid #dbdbdb;height: 2.5rem;}
.contaceWarp .formBox .readPro{color: #bcbcbc;margin-top:.2rem;}
.contaceWarp .formBox .readPro input{width: .2rem;height: .2rem;display: inline-block;vertical-align: middle;}
.contaceWarp .formBox .readPro label{display: inline-block;vertical-align: middle;color: #bcbcbc;}
.contaceWarp .formBox .readPro label a{border-bottom:1px solid #bcbcbc;color: #bcbcbc;}
.contaceWarp .formBox .readPro label a:hover{color: #0054a6;border-color:#0054a6;}
.contaceWarp .formBox .btnBox{margin-top:.5rem;}
.contaceWarp .formBox .btnBox a{display: inline-block;vertical-align: middle;line-height:.55rem;border-radius: .05rem;margin-right:.2rem;color: #fff;}
.contaceWarp .formBox .btnBox a.resBtn{width: 1.3rem;text-align: center;background:#0054a6;}
.contaceWarp .formBox .btnBox a.senBtn{width: 2.25rem;background:#f1ae0c;padding-left:.7rem;position: relative;text-align: left;}
.contaceWarp .formBox .btnBox a.senBtn:before{width: .11rem;height: .13rem;content: '';background:url(../images/i6.png) no-repeat;background-size: contain;position: absolute;left: .25rem;top: 50%;margin-top: -.065rem;transition:.3s;}
.contaceWarp .formBox .btnBox a.senBtn:hover:before{left: .3rem;}
.picture{margin-bottom: .3rem;}
.contaceWarp .formBox .uploadBox .imgBox{position: relative;border:1px solid #e0e0e0;background:#fff;width: 2.55rem;overflow: hidden;display: inline-block;vertical-align: text-bottom;}
.contaceWarp .formBox .uploadBox .imgBox #userIMG{position: absolute;width: 100%;left: 0;top: 50%;transform: translateY(-50%);}
.contaceWarp .formBox .uploadBox .imgBox .uploadBtn{display: block;height: 1.47rem;background:url(../images/upload2.png) no-repeat;background-size: contain;}
.contaceWarp .formBox .uploadBox p{font-size:.16rem;color: #8b8b8b;display: inline-block;vertical-align: text-bottom;margin-left: .1rem;}


/***/
/*响应式*/
.nav_btn {width:.3rem; height:.27rem;position:relative; cursor:pointer; display:none;  transition:margin 0.3s ease 0s;z-index: 999;}
.nav_btn span,.nav_btn span:before,.nav_btn span:after {content:''; display:block; width:100%; height:.02rem; background-color:#0054a6; position:absolute; left:0;border-radius:3px;}
.nav_btn span {top:50%; margin-top:-1px;}
.nav_btn span:before {top:-.1rem; transition:all 0.3s ease 0s;}
.nav_btn span:after {bottom:-.1rem; transition:all 0.3s ease 0s;}
.nav_btn.open span {height:0;}
.nav_btn.open span:before {transform:rotate(45deg); top:0;}
.nav_btn.open span:after {transform:rotate(-45deg); bottom:-.02rem;}


@media(max-width:1280px){
    .w1160{padding:0 2%;}
    .stepNum .w1160{padding:0 4%;}
    .reworkPro .nextStep{margin-left:2%;}
}


@media(max-width:1024px){
    .w960{padding:0 2%;}
    .nav_btn{display: block;}
    .top .logo{width: 35%;}
    .top .inner{padding: .1rem 0;}
    .topHei{height: .75rem;}
    .top .nav{position: absolute;width: 100%;top: 100%;background: #fff;left: 0;box-shadow: 0 0 5px rgba(0, 0, 0, .2);padding:.2rem 2%;display: none;}
    .top .nav li{float: none;margin-right:0;margin-bottom:.15rem;}
    .top .nav li:last-child{margin-bottom:0;}
    .proList .cateNav{padding-left:0;}
    .innerBan h3{font-size:.16rem;padding-right:2%;}
    .menu{padding:.15rem 0;}
    .proDesWarp .itemSteps .txtimgBox .item .imgBox figure{padding-bottom:2.2rem;}
    .largeImg .contBox h5,
    .largeImg .contBox .textB h5{font-size:.22rem;}
    .largeImg .contBox .textB p{font-size:.18rem;}
    .largeImg .contBox{padding:4% .6rem;}
    .proDesWarp .itemSteps .txtimgBox .item .txtBox p{font-size:.16rem;}
    .proDesWarp .itemSteps .txtimg2List .liBox .itBox .txtBox .icon{width: .5rem;}
    .contaceWarp .formBox .item{margin-bottom: .15rem;}
    .contaceWarp .formBox .btnBox a.senBtn{width: 1.8rem;padding-left:.6rem;}
    .contaceWarp .titBox{margin-bottom:.4rem;}
    .top .repBtn{margin-left:15%;}
    .topNav{position: absolute;width: 100%;top: .75rem;background: #fff;left: 0;box-shadow: 0 0 5px rgba(0, 0, 0, .2);padding:.2rem 2%;z-index: 7;display: none;}
    .topNav .w1160{display: block;}
    .topNav li a{color: #0054a6;}
    .topNav li{float: none;margin-right:0;margin-bottom:.15rem;}
  	 .topNav .searBox{width: 100%;}
		 .menu .w1160{flex-wrap: wrap;}
		 .menu ul{width: 100%;}
		 .menu .searBox{width: 100%;margin-top: 0.2rem;}
    .innerBan h1{line-height:.35rem;padding:.15rem 0;font-size:.16rem;}
    .lainsTab .tit{padding:.3rem 0;font-size:.22rem;}
    .lainsTab .sliderTab .hd{flex-wrap: wrap;}
    .lainsTab .sliderTab .hd li{width: 32%;margin-right:2%;margin-bottom:.1rem;}
    .lainsTab .sliderTab .hd li:nth-child(3n){margin-right:0;}
    .proDesWarp .itemSteps .txtimgBox .item .txtBox .icon{width: .4rem;margin: .1rem auto 0;}
    .proDesWarp .titBox span{font-size:.2rem;}
    .warnTab .hd li p{min-height: .92rem;}
    .analysisBox .contBox{max-width:96%;}
    .analysisBox .contBox .item li{min-height: 2.4rem;}
    .proDesWarp .itemSteps .txtimg2List .liBox .txticon{width: 50%;}
    .lineTit .icon{width: .4rem;}
    .proDesWarp .itemSteps .txtimg2List .liBox .whycauBox .conBox .icon{width: .5rem;margin: 0 auto;}
    .reworkPro .stepNum{padding-bottom:1px;}
    .reworkPro .stepNum li{/*margin-bottom:.55rem;*/}
    .reworkPro .stepNum ul .slick-list{padding:.4rem .8rem .2rem;}
    .reworkPro .stepNum .slick-arrow{left:-.05rem;width: 0.15rem;height: 0.28rem;margin-top: -0.14rem;}
    .reworkPro .stepNum .slick-arrow.slick-next{right:-.05rem;}
    .stepItem .stepList li .imgBox figure{padding-bottom:2.2rem;}
    .stepItem .diaLink .imgBox{line-height:2.2rem;padding:2%;}
    .stepItem .termList li .txtBox .icon{width: .4rem;}
    .stepItem .termList li .txtBox h5{font-size:.2rem;}
    .stepItem .termList li.left .imgBox{width: 40%;}
    .stepItem .termList li.left .txtBox{margin-left: .2rem;width: 54%;}
    .stepItem .termList li.left .txtBox .icon{margin-right:.15rem;}
    .analysisBox .contBox .item li{padding:.15rem .05rem;}
}

@media(max-width:768px){
    .bottom .bomLogo{width: 80%;margin: .55rem auto;}
    .bottom .copy{text-align: center;}
    .proList .cateNav li{margin-bottom:.1rem;}
    .proLibox li{width: 49%;}
    .proLibox li:nth-child(3n){margin-right:2%;}
    .proLibox li:nth-child(2n){margin-right:0;}
    .proLibox li h5{padding:0 .1rem;}
    .proDesWarp .titIcon p{max-width:75%;}
    .proDesWarp .itemSteps .txtimgBox .item .imgBox{float: none!important;width: 100%;}
    .proDesWarp .itemSteps .txtimgBox .item .txtBox{float: none!important;width: 100%;text-align: left!important;}
    .proDesWarp .itemSteps .txtimg2List .liBox .itBox .txtBox{width: 100%;float: none;text-align: left!important;}
    .proDesWarp .itemSteps .txtimg2List .liBox .itBox .imgBox{float: none;width: 100%;}
    .proDesWarp .itemSteps .txtimg2List .liBox .whycauBox{display: block;}
    .proDesWarp .itemSteps .txtimg2List .liBox .whycauBox .conBox{width: 100%;}
    .proDesWarp .itemSteps .txtimg2List .liBox .whycauBox .conBox.why{margin-bottom: .1rem;}
    .contaceWarp .formBox .left,
    .contaceWarp .formBox .right{float: none;width: 100%;}
    .contaceWarp .formBox .btnBox a.senBtn{width: 2rem;padding-left:.4rem;}
    .contaceWarp .formBox .btnBox a.senBtn:before{left: .15rem;}
    .LoginWarp .contBox{max-width:92%;padding:.2rem .3rem .4rem}
    .profileWarp .desBox{margin-bottom:.4rem;}
    .profileWarp .form .itemBox{margin-bottom:0;}
    .profileWarp .form .itemBox .item label{margin-bottom:.05rem;}
    .profileWarp .form .itemBox .item{width: 100%;float: none;margin-right:0;margin-bottom:.1rem;}
    .profileWarp .acceptBox{margin: 0 0 .2rem;}
    .profileWarp .btnBox a.updateBtn{padding-left:.45rem;}
    .profileWarp .btnBox a.goBtn{margin-left:.3rem;}
    .top .repBtn{margin-left:0;}
    .prefaceWarp .titBox span{font-size:.26rem;}
    .lainsTab{margin: .4rem 0;}
    .lainsTab .sliderTab{margin-top:.25rem;}
    .lainsTab .sliderTab .hd li{width: 49%;}
    .lainsTab .sliderTab .hd li:nth-child(3n){margin-right:2%;}
    .lainsTab .sliderTab .hd li:nth-child(2n){margin-right:0;}
    .lainsTab .sliderTab .disfxed{display: block;}
    .lainsTab .sliderTab .txtBox{float: none;width: 100%;margin-bottom:.1rem;padding-right:0;padding-bottom:2rem;}
    .lainsTab .sliderTab .txtBox .pageBtn{width: 1.2rem;}
    .warnTab .bd .txtBox .anayBtn{width: 1.2rem;}
    .warnTab .hd li{width: 49%;margin-right:2%;}
    .warnTab .hd li:nth-child(2n){margin-right:0;}
    .analysisBox .contBox h5{padding:.15rem 0;line-height:.3rem;}
    .controlBox .tit{padding:.1rem .2rem;line-height:.28rem;}
    .stepItem .stepList li .txtBox{float: none!important;width: 100%;}
    .stepItem .stepList li .imgBox{float: none!important;width: 100%;}
    .stepItem .diaLink .imgBox{float: none;width: 100%;}
    .stepItem .diaLink .imgBox img{max-width:50%;}
    .stepItem .diaLink .txtBox{float: none;width: 100%;padding-bottom:2%;}
    .contaceWarp h1{margin-bottom:.2rem;}
}

.watermark {
  position: fixed;
  top: 0;
  left: 2%;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 9999;
  opacity: 0.2;
  transform: rotate(-45deg);
  transform-origin: center;
  font-size: .48rem;
  color: #ccc;
}

#water-div{pointer-events:none;position:fixed;top:0;left:0;right:0;bottom:0;z-index: 99;}
.mask_div{pointer-events:none;}

.goTop{display: block;width: 2.54rem;height: .45rem;background:url(../images/goTop.png) no-repeat;background-size: contain;margin:.55rem 0 .75rem;transition:.3s;}
.goTop:hover{transform: translateY(-.05rem);}

.downList{}
.downList .ul{display: table;width: 100%;}
.downList li{display: table-cell;width: 26%;text-align: center;border:1px solid #e1e1e1;padding:.12rem 0;border-right:none;}
.downList li:last-child{width: 22%;border-right:1px solid #e1e1e1;}
.downList .list li{border-top: none;}
.downList .tit li p{font-size:.16rem;font-weight:bold;}
.downList li p{word-break: break-all;line-height:.22rem;}
.downList li .fileName{text-align: left;position: relative;padding-left:.3rem;}
.downList li .fileName:before{width: .14rem;height: .14rem;content: '';background:url(../images/fileicon.png) no-repeat;background-size: contain;position: absolute;left: .1rem;top: 50%;margin-top:-.07rem;}
.downList li .downBtn{display: inline-block;position: relative;padding-left:.25rem;color: #0054a6;}
.downList li .downBtn:before{width: .14rem;height: .14rem;content: '';background:url(../images/downicon.png) no-repeat;background-size: contain;position: absolute;left: .05rem;top: 50%;margin-top:-.07rem;transition:.3s;}
.downList li .downBtn:hover:before{top: 55%;}

@media(min-width: 1024px){
    .downList li{width: 29%;}
    .downList li:last-child{width: 13%;}
}

.subAccList .type dd{position: relative;color: #333;}
.subAccList .type dd span{color: #999999;display: inline-block;}
@media (min-width:1025px) {
.subAccList .type{overflow: hidden;}
.subAccList .type dd{float: left;}
.subAccList .type dd:not(:last-child):after{position: absolute;content: ''; width: 1px;height: 10px;background-color: #d4d4d4; top: 50%;margin-top: -5px;right: 0;}
}

.subAccList .list li{border-radius: 5px; border: solid 1px #dfdfdf; transition: 0.3s; cursor: pointer; }
.subAccList .list li:hover{border-color: #0054a6;box-shadow: 0px 0.625em 4.375em rgba(0, 0, 0, 0.08);}
.subAccList .list li .inner{padding:.3rem .2rem;}
.subAccList .list li .name{font-size: 1.25em;font-family: 'SourceHanSansCN-Medium';color: #333333;}
.subAccList .list li .type{border-bottom: 1px dotted rgba(0, 0, 0, 0.2);font-size: 0.875em; padding:1em 0 1.5em 0;margin-bottom: 1em;}
.subAccList .list li .type dd:not(:last-child){padding-right: .1rem;margin-right: .1rem;}
.subAccList .list li .btnBox{text-align: right;}
.subAccList .list li .btnBox a{display: inline-block;vertical-align: middle;padding:0 .15rem;line-height:.3rem;border: solid 1px #dfdfdf;border-radius:.3rem;transition:.3s;margin-left:.05rem;}
.subAccList .list li .btnBox a:hover{border-color: #0054a6;}
.subAccList .list li .btnBox a.delBtn:hover{color: #e60012;border-color:#e60012;}
@media (min-width:1025px) {
.subAccList .list li{float: left;width: 49.286%;margin-bottom: 1.5%;}
.subAccList .list li:nth-child(2n){float: right;}
.subAccList .list li:nth-child(2n+1){clear: left;}
}
@media (max-width:1024px) {
.subAccList .list li{margin-bottom: 2em;}
.subAccList .list li .inner{padding: 1em;}
}

.addAccForm{max-width: 560px;margin: 0 auto;}
.addAccForm .item{margin-bottom:.15rem;display: flex;align-items: center;justify-content:space-between;}
.addAccForm .item label{width: 1rem;font-size:.16rem;}
.addAccForm .item .rigBox{width: calc(100% - 1.2rem);}
.addAccForm .item .rigBox input{width: 100%;line-height:.4rem;border: solid 1px #dfdfdf;border-radius:.05rem;padding:0 .2rem;}
.addAccForm .item .rigBox select{width: 100%;line-height:.4rem;border: solid 1px #dfdfdf;border-radius:.05rem;padding:0 .2rem;height: .4rem;}
.addAccForm .btnBox{text-align: center;margin-top:.4rem;}
.addAccForm .btnBox a{display: inline-block;vertical-align: middle;padding:0 .4rem;line-height:.4rem;border-radius:.4rem;border: solid 1px #dfdfdf;margin: 0 .1rem;font-size:.16rem;transition:.3s;}
.addAccForm .btnBox a:hover{background: #0054a6;color: #fff;border-color:#0054a6;}

