@charset "utf-8";



/*

全局css变量定义

--mainColor    // 主色调

--textColor    // 文字深色调

--textColor1   // 文字浅色调

--bgColor      // 辅助背景色

*/

:root{

    --mainColor:#0F5681;

    --textColor:#333;

    --textColor1:#999;

    --textColor2:#fff;

    --bgColor:#fff;

    --bgColor1:#f5f5f5;

    --lineColor:#e0e0e0;

}



.main { width:100%;max-width:1480px;padding:0 20px;margin:0 auto;}

@media(max-width: 769px){

    .main{padding:0 4%;}

}



.section{padding-top:120px;padding-bottom:120px;}

.section2{padding-top:80px;padding-bottom:80px;}

.section3{padding-top:60px;padding-bottom:60px;}

.section-top{padding-top:120px;}

.section-bottom{padding-bottom:120px;}



.section-top1{padding-top:160px;}

.section-bottom1{padding-bottom:160px;}



.section-top2{padding-top:60px;}

.section-bottom2{padding-bottom:60px;}



@media(max-width: 1600px){

    .section{padding-top:100px;padding-bottom:100px;}

    .section2{padding-top:68px;padding-bottom:68px;}

    .section3{padding-top:48px;padding-bottom:48px;}

    .section-top{padding-top:100px;}

    .section-bottom{padding-bottom:100px;}



    .section-top1{padding-top:140px;}

    .section-bottom1{padding-bottom:140px;}



    .section-top2{padding-top:48px;}

    .section-bottom2{padding-bottom:48px;}

}



@media(max-width: 1440px){

    .section{padding-top:80px;padding-bottom:80px;}

    .section2{padding-top:56px;padding-bottom:56px;}

    .section3{padding-top:40px;padding-bottom:40px;}

    .section-top{padding-top:80px;}

    .section-bottom{padding-bottom:80px;}



    .section-top1{padding-top:120px;}

    .section-bottom1{padding-bottom:120px;}



    .section-top2{padding-top:40px;}

    .section-bottom2{padding-bottom:40px;}

}



@media(max-width: 1080px){

    .section{padding-top:60px;padding-bottom:60px;}

    .section2{padding-top:40px;padding-bottom:40px;}

    .section3{padding-top:32px;padding-bottom:32px;}

    .section-top{padding-top:60px;}

    .section-bottom{padding-bottom:60px;}



    .section-top1{padding-top:80px;}

    .section-bottom1{padding-bottom:80px;}



    .section-top2{padding-top:32px;}

    .section-bottom2{padding-bottom:32px;}

}



@media(max-width: 769px){

    .section{padding-top:40px;padding-bottom:40px;}

    .section2{padding-top:32px;padding-bottom:32px;}

    .section3{padding-top:20px;padding-bottom:20px;}

    .section-top{padding-top:40px;}

    .section-bottom{padding-bottom:40px;}



    .section-top1{padding-top:60px;}

    .section-bottom1{padding-bottom:60px;}



    .section-top2{padding-top:20px;}

    .section-bottom2{padding-bottom:20px;}

}



.anchor{position:relative;top:-70px;display:block;}

@media(max-width: 1080px){

    .anchor{top:-54px;}

}



/*头部*/

.top { width:100%; margin:0 auto;padding:0;height:156px;}

.header{width:100%;position:fixed;top:0;left:0;right:0;z-index:99;width:100%;height:156px;border-bottom:#DAE7F0 solid 1px;border-top:#105784 solid 8px;

    background-color: #E7F2FB; transition: all 0.3s; -webkit-transition: all 0.3s;}

.header .main{height:100%;}

.header .top-logo{width:38%;max-width:449px;}

.header .top-logo a{display:block;}

.header .top-logo a img{max-width:100%;display:block;}



.nav-top-icon{display:none;}



.nav-icon{display:none;width:32px;height:32px;position:relative;cursor:pointer;}

.nav-icon span{position:absolute;top:8px;left:2px;width:28px;height:2px;background-color:#105784;border-radius:2px;transition:all 0.3s; -webkit-transition: all 0.3s;transform:scale(0.8);}

.nav-icon span.line02{top:16px;opacity:1;}

.nav-icon span.line03{top:24px;}



.nav-icon.open span.line01{transform:rotate(45deg) scale(0.8);top:15px;}

.nav-icon.open span.line02{opacity:0;}

.nav-icon.open span.line03{transform:rotate(-45deg)scale(0.8);top:15px;}



.nav-list{position:relative;}

.nav-list ul{display:flex;flex-direction:row;justify-content:center;align-items:center;}

.nav-list li .first-nav{width:100%;padding:0 30px;position:relative;}

.nav-list li .first-nav a{display:block;width:100%;text-align:center;transition:all 0.3s; -webkit-transition: all 0.3s;position: relative;}

.nav-list li .first-nav a span{font-size:18px;color:#000;line-height:40px;transition: all 0.3s; -webkit-transition: all 0.3s;}

.nav-list li .first-nav a:after{display:none;content:"";position: absolute;left:50%;bottom:-1px;width:0;height:2px;background-color:#fff;transform: translateX(-50%);transition:all 0.3s;-webkit-transition:all 0.3s;}

.nav-list li .first-nav .nav-arrow{position:absolute;right:0;top:0;width:50%;text-align:right;display:flex;align-items: center;justify-content:flex-end;display:none;}

.nav-list li .first-nav .nav-arrow i{font-size:14px;color:#333;line-height:44px;transition: all 0.3s; -webkit-transition: all 0.3s;}



.nav-list li:hover .first-nav a span{color:#0F5681;}

.nav-list li.cur .first-nav a span{color:#0F5681;}



.nav-list li.in{position:relative;}

.wap-top-link{display:none;}



.wap-nav-bg{position:fixed;top:0;left:0;width:100%;height:100%;z-index:8;background:#000;opacity:0.7;z-index:12;display:none;}

.position{position:relative;}



.header.scroll{height:100px;}

.header.scroll .top-logo a img{height:76px;}







@media(max-width: 1440px){

    .top {height:128px;}

    .header{height:128px}

    .header .top-logo a img{max-height:96px;}

    .nav-list li .first-nav{padding:0 24px;}

}



@media(max-width: 1280px){

    .top {height:100px;}

    .header{height:100px;}

    .header .top-logo a img{max-height:76px;}

    .nav-list li .first-nav{padding:0 20px;}

}



@media(max-width: 1080px){

    .top {height:56px;}

    .header{height:56px;border-top:#105784 solid 4px;}

    .header .top-logo a img{max-height:44px;}





    .header.scroll{height:56px;}

    .header.scroll .top-logo a img{height:44px;}





    .nav-icon{display:block;}



    .nav-list{width:100%;max-width:100%;position:fixed;z-index: 9;border-top:#eee solid 1px;background:#E7F2FB;top:-100%;left:0;height:calc(100vh - 56px);padding:10px 4%;transition: all 0.3s; -webkit-transition: all 0.3s;overflow-y: auto;}

    .nav-list.open{top:56px;}

    .nav-list ul{display:block;}

    .nav-list li .first-nav{width:100%;position:relative;padding:0;}

    .nav-list li .first-nav a{display:block;width:100%;text-align: center;transition: all 0.3s; -webkit-transition: all 0.3s;}

    .nav-list li .first-nav a span{font-size:24px;color:#333;line-height:80px;}



}

@media(max-width: 1080px){

    .header .top-logo{width:50%;}

}









.common-nav-box{width:160px;position:absolute;top:70px;padding-top:26px;left:50%;transform:translateX(-50%);display:none;}

.common-nav-box .arrow{position:absolute;left:50%;margin-left:-8px;top:18px;width:16px;height:16px;background-color:#fff;transform:rotate(45deg);box-shadow:0 -4px 12px rgba(0,0,0,0.1);z-index:0}

.common-nav{width:100%;background:#fff;padding:10px 0;border-radius:12px;box-shadow:0 6px 12px rgba(0,0,0,0.1);position:relative;}

.common-nav dd a{display:block;padding:10px;font-size:15px;color:#333;line-height:20px;font-family:"MontL";text-align:center;transition: all 0.3s; -webkit-transition: all 0.3s;}

.common-nav dd a:hover{color:var(--mainColor);}



#in3 .common-nav-box,#in4 .common-nav-box{width:200px;}



.header.scroll .common-nav-box{top:48px;}



@media(max-width: 1440px){

    .common-nav-box{width:140px;top:62px;}

    .common-nav dd a{font-size:13px;}

    #in3 .common-nav-box,#in4 .common-nav-box{width:180px;}

}



@media(max-width: 1080px){

    .common-nav-box{width:100%;top:0;padding-top:0;left:0;transform:translateX(0);position:relative;}

    .common-nav{padding:8px 0;background-color:#f5f5f5;box-shadow:none;}

    .common-nav-box .arrow{background-color:#f5f5f5;margin-left:0;left:20px;}

    .common-nav dd a{padding:10px 5%;font-size:14px;text-align:left;}



    #in3 .common-nav-box,#in4 .common-nav-box{width:100%;}



    .header.scroll .common-nav-box{top:0;}

}





/*二级下拉*/

.second-nav-box{width:100%;position:absolute;top:70px;padding-top:26px;left:50%;transform:translateX(-50%);display:none;}

.second-nav-box .arrow{position:absolute;left:34%;margin-left:-8px;top:18px;width:16px;height:16px;background-color:#fff;transform:rotate(45deg);box-shadow:0 -4px 12px rgba(0,0,0,0.1);z-index:0}

.second-nav{width:100%;background:#fff;position:relative;z-index:2;box-shadow:0 6px 12px rgba(0,0,0,0.1);}

.second-colunm{width:100%;display: flex;align-items: flex-start;padding:20px 40px;position:relative;}

.second-colunm dl{width:28%;margin-right:8%;}

.second-colunm dl:last-child{margin-right:0;}

.second-colunm dl dt{height:48px;margin-bottom:12px;}

.second-colunm dl dt a{font-size:15px;color:#333;line-height:30px;font-family:"MontL";transition:all 0.2s; -webkit-transition:all 0.2s;display: flex;justify-content: space-between;align-items: center;padding-bottom:8px;margin-bottom:8px;border-bottom:#e0e0e0 solid 1px;}

.second-colunm dl dt:hover a{color:var(--mainColor);}

.second-colunm dl dd{margin-bottom:12px;}

.second-colunm dl dd a{font-size:14px;color:#666;line-height:24px;font-family:"MontL";transition:all 0.2s; -webkit-transition:all 0.2s;}

.second-colunm dl dd:hover a{color:var(--mainColor);}



.sol-nav-colunm dl{width:48%;display: flex;justify-content: space-between;flex-wrap:wrap;}

.sol-nav-colunm dl dt{width:100%;}

.sol-nav-colunm dl dd{width:50%;}



.header.scroll .second-nav-box{top:48px;}

.header.scroll .second-colunm dl dt a span{line-height:30px;}



@media(max-width: 1280px){

    .second-colunm{padding:20px 5%;}



    .second-colunm dl dt{height:40px;}

    .second-colunm dl dt a{font-size:16px;line-height:24px;}

    .second-colunm dl dd{margin-bottom:8px;}

    .second-colunm dl dd a{font-size:14px;line-height:24px;}



    .header.scroll .second-colunm dl dt a span{line-height:24px;}

}



@media(max-width: 1080px){

    .second-nav-box{width:100%;position:relative;top:0;padding-top:0;left:0;transform:translateX(0);background:none;border:none;}



    .second-nav{height:auto;width:100%;background-color:#f5f5f5;box-shadow:none;border-radius:8px;}

    .second-nav .arrow{background-color:#f5f5f5;margin-left:0;left:20px;}



    .second-colunm{width:100%;padding:8px 0;display: block;}

    .second-colunm dl{width:100%;border-right:none;height:auto;margin:0;margin-bottom:8px;}

    .second-colunm dl dt{margin-bottom:0;height:auto;padding:10px 5%;}

    .second-colunm dl dt a{margin:0;}

    .second-colunm dl dt a i{display:none;}

    .second-colunm dl dd{margin-bottom:0;padding:4px 5%;}

    .second-colunm dl dd a{padding:0 5%;}

    .header.scroll .second-nav-box{top:0;}

}





/*footer*/

.footer{width:100%;padding:2.5rem 0;background:#105784;overflow:hidden;font-size:1rem;line-height:1.5rem;color:#fff;}

.footer .iconfont{margin-right:0.875rem;}

.footer-contact{width:100%;display: flex;justify-content: center;flex-wrap: wrap;}

.footer-contact .footer-item{display: flex;margin-left:4rem;}

.footer-contact .footer-item:first-child{margin-left:0;}



.footer-copyright{width:100%;margin-top:1rem;display: flex;flex-wrap: wrap;justify-content:center;}

.footer-copyright .line{margin-left:0.875rem;margin-right:0.875rem;}



@media(max-width:1440px) {

    .footer-contact .footer-item{margin-left:3.5rem;}

}



@media(max-width:1080px){

    .footer{padding:2rem 0;}

    .footer .iconfont{margin-right:0.5rem;}

    .footer-copyright .line{margin-left:0.5rem;margin-right:0.5rem;}

}

@media(max-width:769px){

    .footer{padding:1.5rem 0;}

    .footer-contact .footer-item:last-child{margin-left:0;}

}

@media(max-width:480px){

    .footer{padding:1.5rem 0;}

    .footer-contact{display: block;}

    .footer-contact .footer-item{margin-left:0;}

    .footer-copyright .line{display:none;}

}





.form-popup-bg{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000;z-index:999;opacity:0.5;display:none;}

.form-popup{position:fixed;top:50%;left:50%;width:92%;max-width:800px;background-color:#fff;z-index:1000;transform: translate(-50%, -50%);border-radius:1.25rem;display:none;}

.form-popup-title{width:100%;border-bottom:#DAE7F0 solid 1px;font-size:1.5rem;color:#000;line-height:4rem;text-align:center;position:relative;

font-weight:bold;}

.form-popup-close{position:absolute;top:1.625rem;right:2rem;width:16px;height:16px;display: flex;align-items:center;justify-content:center;font-size:16px;color:#000;cursor: pointer;}

.form-popup-close:hover{color:#0F5681;}



.form-list{width:100%;padding:2rem 2.5rem;}

.form-item{width:100%;padding-bottom:1.5rem;margin-bottom:2.5rem;border-bottom:#DAE7F0 solid 1px;}

.form-item .item-title{font-size:1rem;color:#000;font-weight:bold;line-height:1.5rem;margin-bottom:1.25rem;}



.form-list ul{width: 100%;display: flex;flex-wrap: wrap;justify-content: space-between;}

.form-list li{width:48.7%;margin-bottom:1.25rem;position:relative;}

.form-list li.long-input{width:100%;}

.form-list li .label{width:100%;font-size:1rem;color:#000;line-height:1.25rem;height:1.25rem;margin-bottom:0.5rem;transition:all 0.3s;-webkit-transition:all 0.3s;}

.form-list li .label em{color:var(--mainColor);}

.form-list li .item{width:100%;display: flex;justify-content: space-between;}

.form-list li .form-input{width:100%;height:2.5rem;background:none;border:#DAE7F0 solid 1px;padding:0 1rem;font-size:1rem;line-height:1.5rem;color:#333;outline:none;position:relative; transition:all 0.3s;-webkit-transition:all 0.3s;border-radius:0.5rem;}

.form-list li.form-textarea{width:100%;}

.form-list li textarea{width:100%;height:10rem;padding:1rem 1.75rem;font-size:1rem;color:#333;line-height:1.5rem;transition:all 0.3s;-webkit-transition:all 0.3s;border:none;outline:none;background:#f5f5f5;position:relative;}



.form-list li.form-code .form-input{width:calc(100% - 8rem);}

.form-list li .yzm-img{width:8rem;height:2.5rem;overflow:hidden;margin-left:1rem;}

.form-list li .yzm-img img{display:block;width:100%;height:100%;border:#e0e0e0 solid 1px;border-radius:0.5rem;overflow:hidden;}



.form-list li .submit-btn{margin-top:2.75rem;width:16rem;height:3.5rem;background:var(--mainColor);border:none;font-size:16px;color:#fff;transition:all 0.3s;-webkit-transition:all 0.3s;cursor:pointer;}

.form-list li .submit-btn:hover{box-shadow:0 2px 12px rgba(0,68,255,0.6);}



.form-btn-box{width:100%;margin-top:2.5rem;display: flex;align-items: center;justify-content:center;}

.form-btn-box .form-btn{width:13rem;margin-left:0.75rem;margin-right:0.75rem;background:none;background-color:#93CBEF;height:2.5rem;border-radius:40px;font-size:1rem;color:#fff;border:none;outline:none;cursor:pointer;}

.form-btn-box .form-btn.submit-btn{background-color:#105784;}



.form-list li .layui-input{width:100%;height:2.5rem;background:none;border:#DAE7F0 solid 1px;padding:0 1rem;font-size:1rem;line-height:1.5rem;color:#333;border-radius:0.5rem;}



.form-list li:hover input.form-input{background-color:rgba(0,68,255,0.1);}

.form-list li:hover textarea{background-color:rgba(0,68,255,0.1);}

.form-list li:hover .select{background-color:rgba(0,68,255,0.1);}

.form-list li:hover  h6{color:var(--mainColor);}

.form-list li:hover  .icon{color:var(--mainColor);}

.form-list li.cur input.form-input{background-color:rgba(0,68,255,0.1);}

.form-list li.cur textarea{background-color:rgba(0,68,255,0.1);}

.form-list li.cur .select{background-color:var(--mainColor);}

.form-list li.cur  .label{color:var(--mainColor);}

.form-list li.cur  .icon{color:var(--mainColor);}



@media(max-width:769px){

    .form-list{padding:1rem;}

    .form-item{padding-bottom:0.5rem;margin-bottom:1rem;}



    .form-list li{width:100%;margin-bottom:1rem;}

    .form-list li .label{margin-bottom:0.25rem;height:auto;}

    .form-list li .form-input{padding:0 1rem;height:3rem;}

    .form-list li textarea{padding:1rem;height:8rem;}

    .form-list li.form-code .form-input{width:calc(100% - 9rem);}

    .form-list li .yzm-img{width:8rem;height:3rem;}

    .form-list li .submit-btn{margin-top:2.25rem;width:12rem;}



    .form-list li .layui-input{height:3rem;}

}





/*面包屑导航*/

.crumbs-nav{display:flex;align-items: center;color:#333;margin-top:1.25rem;margin-bottom:1.25rem;}

.crumbs-nav i{font-size:0.75rem;margin-left:0.5rem;margin-right:0.5rem;}

.crumbs-nav a{line-height:1.25rem;font-size:1rem;color:#333;}

.crumbs-nav a i{font-size:1.25rem;margin:0;}

.crumbs-nav a:hover{color:var(--mainColor);}

.crumbs-nav strong{line-height:1.25rem;font-size:1rem;color:#333;}



@media (max-width:1080px){

    .crumbs-nav{margin-top:1rem;margin-bottom:1rem;}

}





/*分页*/
.list-more{width:100%;margin-top:20px;display:none;}
.list-more a{display:block;width:120px;height:36px;margin:0 auto;background:#f2f2f2;border-radius:8px;font-size:12px;color:#888;text-align:center;line-height:36px;transition: all 0.6s;-webkit-transition: all 0.6s;}
.list-more a:hover{background:#0F5681;color:#fff;transition: all 0.6s;-webkit-transition: all 0.6s;}

.page01 { text-align:center; width:100%;margin-top:30px;}
.page01 a{display:inline-block;zoom:1;*display:inline;padding:0 16px;height:40px;line-height:40px;margin-left:4px; margin-right:4px;color:#999;font-size: 12px;cursor: pointer; text-align:center;}
.page01 .current{ color:#fff;background:#0F5681; }
.page01 a:hover{color:#fff;background: #0F5681; }
.page01 input{display:inline-block;zoom:1;*display:inline;width:48px;padding:0 8px;height:40px;border:none;background:#f3f3f3;}
.page01 input.go{background-color:#0F5681;color:#fff;}
.page02 { float:left;width:100%; height:45px; line-height:45px; text-align:center;color:#333; font-size:16px; background:#f8f8f8; margin-top:20px; display:none;}

/*.list-more{display:block;}
.page01{display:none;}*/
@media (max-width:991px){
    .list-more{display:block;}
    .page01{display:none;}
}

.empty{width:100%;padding:80px 0;display:none;}
.empty img{display:block;max-width: 100%;margin:0 auto;}
.empty p{font-size:12px;color:#999;line-height:40px;text-align:center;}




/*视频弹框*/

.popup-video-bg{position:fixed;z-index:1000;top:0;left:0;background:#000;opacity:0.8;width:100%;height:100%;display:none;}

.videobox-popup{position:fixed;z-index:1001;width:60%;top:14%;left:20%;display:none;}

.videobox-popup .popup-video-close{position:absolute;right:-24px;top:-24px;width:48px;height:48px;background:rgba(0,0,0,0.6) url(../images/icon-nav-close01.png) no-repeat center;background-size:28px;border:#fff solid 2px;border-radius:50%;cursor:pointer;opacity:0.8;}



@media(max-width:1280px){

    .videobox-popup{width:80%;left:10%;}

}



@media(max-width:769px){

    .videobox-popup{width:95%;left:2.5%;top:30%;}

    .videobox-popup .popup-video-close{right:auto;top:auto;bottom:-48px;left:50%;margin-left:-14px;width:28px;height:28px;border:#fff solid 1px;background:rgba(0,0,0,0.6) url(../images/icon-nav-close01.png) no-repeat center;background-size:16px;}

}





.pc-cont{display:block!important;}

.wap-cont{display:none!important;}



@media(max-width:769px){

    .pc-cont{display:none!important;}

    .wap-cont{display:block!important;}

}