/*common*/
*{padding:0px;margin:0px;box-sizing:border-box;}
html{background:#fff;}
body{font:16px 微软雅黑;background:#fff;color:#67757c;width:100%;overflow-x:hidden;font-weight:400;}
img{border:none;}
a{color: #455a64;text-decoration: none;}
a:hover{color:#1d2088;}
ul,li{list-style:none;}
input,select,button,textarea{font:14px Verdana,Arial,Tahoma;vertical-align:middle; outline:0px;}
h1,h2,h3,h4,h5,h6 {font-size: 14px;font-weight: normal;}
i,em{font-style:normal;}

.lines1{text-overflow:ellipsis;white-space:nowrap;overflow: hidden;}
.lines2{overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.lines3{overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;}

.trany{transition:.3s;}
.trany:hover{transform: translateY(-3px);}

/*base*/
.m{max-width:1300px;width:100%;padding:0 30px;margin:0 auto;}
.p_r{position:relative;}
.d_n{display:none;}
.f_l{float:left;}
.f_r{float:right;}
.c_b:after{content: '';display: block;clear: both;}
.pt10{padding-top:10px;}
.mt5{margin-top:5px;}
.mt10{margin-top:10px;}
.mt15{margin-top:15px;}
.mt20{margin-top:20px;}
.mt25{margin-top:25px;}
.mt30{margin-top:30px;}
.mt40{margin-top:40px;}
.mt50{margin-top:50px;}
.mt100{margin-top:100px;}
.t_a_r{text-align:right;}
.shadbox{box-shadow: 0 0 16px rgba(0,0,0,0.1);}

.lines1{overflow: hidden;text-overflow:ellipsis;white-space:nowrap;}
.lines2{overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.lines3{overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;}

.pic_zoom{overflow: hidden;}
.pic_zoom img{-webkit-transition: all .5s;-moz-transition: all .5s;-ms-transition: all .5s;-o-transition: all .5s;transition: all .5s;}
.pic_zoom:hover img{-webkit-transform: scale(1.1);-moz-transform: scale(1.1);-ms-transform: scale(1.1);-o-transform: scale(1.1);transform: scale(1.1);}

.head{height:100px;position:relative;z-index:2;display:flex;justify-content: space-between;align-items: center;}
.head .logo{height:100%;}
.head .logo a{display:flex;align-items: center;height:100%;}
.head .logo img{height:60%;}

.hdnav{line-height:1.5;}
.hdnav ul{display:flex;}
.hdnav li{padding:0 20px;}
.hdnav li a{text-align:center;display:block;}
.hdnav li.cur a, .hdnav li:hover a{color:#1d2088;font-weight:400;}
.hdnav ul li:nth-child(1){margin-left:0;}

.navlistbtn {display:none;position:absolute;right:5%;top:0;bottom:0;margin:auto;width:3.4rem;height:2.6rem;margin:auto;border-radius:.25rem;border:1px solid rgba(0, 0, 0, 0.1);box-sizing:border-box;}
.navlistbtn > .i-bar {
    position: absolute;background: #737373;left: .8rem;top: 0;width:1.8rem; height:.15rem;border-radius:  .04rem;    
    -webkit-transform: translateY(0) translateZ(0);
    -ms-transform: translateY(0) translateZ(0);
    transform: translateY(0) translateZ(0);
    transition: background-color 0.35s,opacity 0.175s cubic-bezier(0.215, 0.61, 0.355, 1),-webkit-transform 0.175s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: background-color 0.35s,transform 0.175s cubic-bezier(0.215, 0.61, 0.355, 1),opacity 0.175s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: background-color 0.35s,transform 0.175s cubic-bezier(0.215, 0.61, 0.355, 1),opacity 0.175s cubic-bezier(0.215, 0.61, 0.355, 1),-webkit-transform 0.175s cubic-bezier(0.215, 0.61, 0.355, 1);
}
.navlistbtn > .i-bar:nth-of-type(1) {top:.6rem;}
.navlistbtn > .i-bar:nth-of-type(2) {top:1.2rem;}
.navlistbtn > .i-bar:nth-of-type(3) {top:1.8rem;}
.navlistbtn.cur > .i-bar:nth-of-type(1) {-webkit-transform: translateY(0.6rem) rotate(45deg);-ms-transform: translateY(0.6rem) rotate(45deg);transform: translateY(0.6rem) rotate(45deg);}
.navlistbtn.cur > .i-bar:nth-of-type(2) {opacity: 0;}
.navlistbtn.cur > .i-bar:nth-of-type(3) {-webkit-transform: translateY(-0.6rem) rotate(-45deg);-ms-transform: translateY(-0.6rem) rotate(-45deg);    transform: translateY(-0.6rem) rotate(-45deg);}

.tita p{font-weight:400;color:#1e4db7;font-size:.875em;}
.tita h2{font-size:30px;font-weight:500;}

.iabout{display:flex;margin-top:40px;}
.iabout .txt{width:42%;flex-shrink: 0;margin-right:20px;}
.iabout .txt h1{font-weight:500;font-size:30px;}
.iabout .st{margin:30px 0;line-height:27px;}
.iabout .btn{display:flex;flex-wrap:wrap;}
.iabout .btn a{display:block;min-width:200px;text-align:center;line-height:50px;background:#1a9bfc;color:#fff;font-weight:400;border-radius:4px;margin-bottom:10px;margin-right:30px;}
.iabout .btn a:nth-child(2){background:#1e4db7;}
.iabout .btn a:hover{opacity: .7;}
.iabout .pic{flex:0 0 auto;}
.iabout .hig{color:#1a9bfc;}

.ipro{background:#ebf3f5;padding:80px 0;}
.ipro ul{margin-top:40px;display:flex;flex-wrap:wrap;}
.ipro ul a{width:25%;background:#fff;border:1px solid rgba(120,130,140,.13);flex-shrink: 0;transition: .1s ease-in;}  
.ipro li{padding:30px;min-height:250px;}
.ipro li .iconfont{font-size:36px;color:#1e4db7;font-weight:400;}
.ipro li h3{margin:30px 0 15px;font-size:18px;}
.ipro li p{margin-bottom:1rem;font-weight:300;}
.ipro ul a:hover{box-shadow: 0 5px 50px rgba(0,0,0,.05);transform: scale(1.1);}
.ipro .more{text-align:center;margin-top:40px;}
.ipro .more a{display:inline-block;background:#39cb7f;color:#fff;font-size:20px;font-weight:400;padding:.75rem 1.5rem;border-radius:.3rem;}
.ipro .more a:hover{opacity: .7;}

.footer{background:#192133;color:#8f9aa5;}
.footer a{color:#fff;}
.foota{padding:10px 0;line-height:24px;}
.footb{display:flex;justify-content: space-between;border-top:1px rgba(120,130,140,.13) solid;padding:30px 0;margin-top:30px;}

.banner{width:100%;position:relative;z-index:1;min-height:200px;height:200px;background-image: radial-gradient(circle at top left,#eaebff,#fff2f2);/*background:#f5f5f5;*/}
.banner img{width:100%;height:100%;object-fit: cover;}
.banner .tit{position:absolute;top:50%;transform: translateY(-50%); width:100%;text-align:center;font-size:2rem;font-weight:700;color:#fff;text-shadow: rgb(10, 10, 10) 0px 1px 0px;}

.nbox{display:flex;margin:30px auto;}
.nleft{width:230px;}
.nright{margin-left:30px;}

.posi,.posi a{line-height:50px;color:#999;display:none;}

.subnav{display:flex;justify-content: center;margin-bottom:30px;margin-top:30px;}
.subnav a{background:#f5f5f5;display:block;line-height:38px;border-radius:20px;padding:0 20px;text-align:center;margin:0 10px;}
.subnav a.active,.subnav a:hover{background:#1d2088;color:#fff;}

.arclist{
     --pic-width: 280px;
}
.arclist li{display:flex;background:#fff;border-top: 1px solid #e2e2e2;padding:25px 0;}
.arclist li .pic{width:var(--pic-width);height:180px;overflow:hidden;margin-right:25px;position:relative;border-radius:1px;flex-shrink: 0;border-radius:10px;}
.arclist li .pic img{object-fit: cover;width:100%;height:100%;}
.arclist li .txt{display:flex;flex-direction: column;justify-content: center;width:calc( 100% - var(--pic-width))}
.arclist li .txt h3{font-size:20px;line-height:1.6;}
.arclist li .txt h3 a{display:block;}
.arclist li .txt em{color:#999;display:block;}
.arclist li .txt p{color:#888;margin:12px 0 16px;line-height:1.6;word-break: break-all;}
.arclist li:nth-child(1){border:0;}

.arctitle{text-align:center;padding:20px 0;position:relative;border-bottom:1px #f0efef solid;}
.arctitle h1{display:inline-block;font-size:25px;position:relative;line-height:60px;color:#2b383f;}
.arctitle p span{margin:0 10px;color:#999;font-size:12px;}

.arcbody{line-height:34px;padding:40px 0;}

.arcshare{margin-bottom:50px;}
.arcshare ul{display:flex;align-items: center;justify-content: right;}
.arcshare label{color:#999;margin-right:10px;}
.arcshare .bdsharebuttonbox a{display:flex;justify-content: center;align-items: center;background:#fff;text-indent:0;width:48px;height:48px;line-height:auto;margin:0 5px;border:1px #eee solid;border-radius:50%;}
.arcshare .bdsharebuttonbox a:before{font-size:24px;font-family: 'iconfont';}
.arcshare .bdsharebuttonbox .bds_weixin:before{content:'\e933';color:#52ce42;}
.arcshare .bdsharebuttonbox .bds_sqq:before{content:'\e6ca';color:#508ae7;}
.arcshare .bdsharebuttonbox .bds_qzone:before{content:'\e601';color:#f3c621;}
.arcshare .bdsharebuttonbox a:hover{border-color:#999;}
.bd_weixin_popup{width:250px!important;height:310px!important;}

.page {padding-top:60px;padding-bottom:70px;*zoom: 1;text-align:center;}
.page a,.page em {display:inline-block;background: #f7f7fa;border: 1px solid #fff;color: #555!important;font-size: 14px;margin: 0px 3px;padding:5px 15px;white-space: nowrap;line-height: 25px;border-radius:5px;font-weight:700;}
.page a:hover,.page a.cur {color: #fff!important;background:#1d2088;border-color:#1d2088;}

.piclists{display:flex;flex-wrap:wrap;padding:30px 6px 0 5px;}
.piclists li{width:23%;margin-left:2.66666%;margin-bottom:20px;}
.piclists li .pic{width:100%;height:180px;border-radius:10px;}
.piclists li .pic img{width:100%;height:100%;object-fit: cover;}
.piclists li .tit{line-height:1.8;text-align:center;font-size:16px;padding:10px 0;}
.piclists li .tit a{display:block;}
.piclists li:nth-child(4n+1){margin-left:0;}

.contacts{display:flex;margin-top:60px;}
.contacts .txt{line-height:35px;width:400px;font-size:16px;}
.contacts .tit{font-size:20px;font-weight:600;text-transform: uppercase;padding-bottom:50px;}

.totop{position:fixed;bottom:30px;right:20px;width:50px;height:50px;border-radius:50%;background:#1a9bfc;display:flex;justify-content: center;align-items: center;z-index:999;box-shadow: 0 0 1px rgba(0,0,0,.2);}
.totop i{color:#fff;font-size:22px;}

@media(max-width:990px){
        .iabout{flex-wrap:wrap;}
        .iabout .txt{width:100%;}
        .iabout .pic{width:100%;margin-top:1rem;}       
        .ipro ul a{width:50%;}
}

@media(max-width:768px){        
         .navlistbtn{display:block;}
    
         .iabout .txt h1{font-size:20px;text-align:center;}
         .iabout .st{text-align:center;}
         .iabout .btn{justify-content: center;}

         .ipro li{min-height:auto;}
         .ipro ul a{width:100%;}

         .hdnav{position: fixed;height:100%;left:-50%;top:0;z-index:1000;background:rgba(0,0,0,.7);width:50%;transition:.3s;}
         .hdnav ul{flex-wrap:wrap;padding-top:2rem;}
         .hdnav li{width:100%;font-size:2rem;margin-top:1rem;padding:0 2rem;}        
         .hdnav li a{color:#fff;padding:.5rem 0;}
         .hdnav li.cur a,.hdnav li.cur a:hover{background:#ff0000;color:#fff;border-radius:.5rem;}
         .hdnav li a:hover{color:#ff0000;}
         .hdnav.cur{left:0;}

         .subnav{margin:15px 0;}
         .subnav a{padding:0 15px;}

         .piclists li{width:48.6666%;}
         .piclists li:nth-child(4n+1){margin-left:2.66666%;}
         .piclists li:nth-child(2n+1){margin-left:0;}
}

@media(max-width:640px){

.m{padding:0 20px;}

.hdnav li{font-size:1.2rem;}


.banner{min-height:8rem;height:8rem;}
.banner img{object-fit: cover;}
.banner .tit{font-size:1.5rem;}
.posi, .posi a{font-size:14px;line-height:40px;display:none;}
.subnav{flex-wrap:wrap;margin:10px 0;}
.subnav a{margin:5px;line-height:30px;padding: 0 10px;font-size:14px;}

.arclist{
      --pic-width:150px;
}
.arclist li .pic{height:120px;margin-right:15px;}
.arclist li .txt h3{font-size:16px;}
.arclist li .txt p{margin:6px 0 8px;font-size:14px;}
.arclist li .txt em{font-size:14px;}

.ipro li p{margin-bottom:0;}

.page{padding:1rem 0;}
.page a, .page em{padding:.6rem .8rem;line-height:1rem;}
.page em{display:none;}

.arctitle{padding:2rem 0 1rem;}
.arctitle h1{line-height:1.6;font-size:1.5rem;}
.arctitle p{margin-top:.5rem;}
.arcbody{line-height:1.9rem;padding:1rem 0;}
.arcbody img:not(.no100){width:100%!important;height:auto!important;}

.footb{flex-direction: column;align-items: center;justify-content: center;text-align:center;}

.totop{display:none!important;}

.piclists{padding-top:20px;}
.piclists li{width:100%;margin-left:0;}
.piclists li:nth-child(4n+1){margin-left:0;}
.piclists li:nth-child(2n+1){margin-left:0;}
.piclists li .pic{height:250px;}




.iabout{flex-wrap:wrap;margin-top:.2rem;}
.iabout .box{width:100%;}
.iabout .bd{height:auto;}


}