﻿@charset "UTF-8";
html{
  font-size: 5.917vw;
}
@media screen and  (min-width: 1920px){ /*主体宽度*/
  html{
  font-size: 100px;
}
}
@media screen and  (max-width:300px){
  html{
  font-size:100px;
}
}
body::-webkit-scrollbar{ width: 5px;}
body::-webkit-scrollbar-track{ background-color: #F1F1F1;}
body::-webkit-scrollbar-thumb{ width: 5px;  background-color: #0054ff;}
.w_width{max-width:1690px; margin-right: auto; margin-left: auto;}
.w_1920{max-width:1920px; margin-right: auto; margin-left: auto;}
.w_1300{max-width:1300px; margin-right: auto; margin-left: auto;}
.ctext{padding-left:60px;padding-right:60px;}
@media  screen and (max-width: 1024px){
.ctext{padding-left: 15px;padding-right: 15px;}
}
/*PC head*/
body.on{overflow: hidden;height: 100vh;}
.wyb_s{width: 100%;position: fixed;left: 0;top: 0;z-index: 999;}
.t_navs{ width: 100%;background: #fff;box-shadow: 0 0 20px rgba(0,0,0,0.1); position: relative; z-index: 70; }
.t_navs::after{content: "";display: block;clear: both;}
.t_navs .top_ganb{ width: 100%; float: left; position: relative; margin-top:20px;}
.t_navs .top_ganb .logo{float: left; height:0.9rem;display: flex;align-items: center;  }
.t_navs .top_ganb .logo a{display: flex;justify-content: flex-start;align-items: center;}
.t_navs .top_ganb .logo img{ width: 100px; height:calc(26px + 0.10rem);display: block;}
.t_navs .top_ganb .logo .wordsbox{padding-left:0.28rem;margin-left:0.28rem;position: relative;border-left: 2px solid #515151;}
.t_navs .top_ganb .logo .bt{font-size:calc(14px + 0.06rem);color: #2a2a2a;line-height: calc(14px + 0.1rem);margin-bottom:0.04rem;font-weight: bold;}
.t_navs .top_ganb .logo .jj{font-size: 12px;color: #7e7e7e;line-height:calc(12px + 0.04rem);letter-spacing:0.04rem;}
.t_navs .top_ganb .right{ float: right; align-items: center;}
.t_navs .top_ganb .right .menu{float: left;padding-right:0.12rem;position: relative;margin-right:0.32rem;}
.t_navs .top_ganb .right .menu::after{content: "";display: block;width: 2px;height: 26px;background: #2a2a2a;position: absolute;right: 0;top: 50%;transform: translate(0,-50%);}
.t_navs .top_ganb .right .menu ul{float: left;}
.t_navs .top_ganb .menu .nli{ float: left; position: relative;padding: 0 0.1rem;}
.t_navs .top_ganb .menu .nli span a{ display: block;color: #2a2a2a; position: relative;padding: 0 0.16rem;line-height: 0.9rem; font-size: calc(14px + 0.08rem);}
.t_navs .top_ganb .menu .nli.on span a,.t_navs .top_ganb .menu .nli:hover span a{ color: #0054ff;}
.t_navs .top_ganb .sub1{ display: none; position: absolute; width: 180px; top:100%; left: 50%; background: #ffffff; z-index: 4;box-shadow: 0px 4px 21px rgba(0,0,0,0.1);padding:0.16rem 0 0.1rem 0;border-bottom:0.06rem solid #136bfd;
transform: translate(-50%,0);
-ms-transform: translate(-50%,0);
-webkit-transform: translate(-50%,0);
-moz-transform: translate(-50%,0);
-o-transform: translate(-50%,0);}
.t_navs .top_ganb .sub1 .l2{ display:inline-block; width: 100%;margin:0.15rem 0;}
.t_navs .top_ganb .sub1 .l2 a{ display: block; color: #2a2a2a;text-align: center;font-size:calc(14px + 0.06rem);line-height: calc(22px + 0.08rem);}
.t_navs .top_ganb .sub1 .l2 a:hover{ color: #0054ff;}
.wyb_s .sub2{width: 100%;position: fixed;left: 0;top: 0.9rem;box-shadow:0px 10px 20px 0px rgba(0,0,0,0.1);background: #fff;display: none;padding-top:0.38rem;padding-bottom:0.55rem;padding-left:0.6rem; border-top:1px solid #dfdfdf; z-index:60;}
.wyb_s .sub2 .content{width: 100%;display: flex;justify-content: flex-start;align-items: flex-start;position: relative;}
.wyb_s .sub2 .content::after{content: "";display: block;width: 1px;height: 100%;background: #e6e6e6;position: absolute;left: 316px;top: 0;}
.wyb_s .sub2 .left{width: 316px;padding-right:0.26rem;}
.wyb_s .sub2 .left .bt{font-size: calc(14px + 0.1rem);color: #2a2a2a;line-height:calc(22px + 0.1rem);margin-bottom:0.16rem;padding-left:calc(7px + 0.06rem);}
.wyb_s .sub2 .left .info{font-size: 14px;color: #9e9e9e;line-height: calc(22px + 0.04rem);margin-bottom:0.3rem;text-indent: 2em;}
.wyb_s .sub2 .left .more{width: 134px;}
.wyb_s .sub2 .left .more a{display: block;width: 100%;font-size: 16px;color: #4f4f4f;line-height: 44px;text-align: center;border: 1px solid #9a9a9a;}
.wyb_s .sub2 .left .more a:hover{background: #0054ff;color: #fff;border-color: #0054ff;}
.wyb_s .sub2 .right{width: calc(100% - 316px);padding-left:20px;overflow: hidden; overflow-y: auto; scrollbar-width: thin; height:710px; margin: -0.18rem 0;}
.wyb_s .sub2 .right::-webkit-scrollbar{ width: 3px;}
.wyb_s .sub2 .right::-webkit-scrollbar-track{ background-color: #e5e5e5; border-radius: 3px;}
.wyb_s .sub2 .right::-webkit-scrollbar-thumb{ width: 3px;  background-color: #0054ff; border-radius: 3px;}
.wyb_s .sub2 .listbox{width: calc(100% + 0.44rem);margin:0 -0.26rem;display: flex;justify-content: flex-start;align-items: flex-start;flex-wrap: wrap;position: relative;}
.wyb_s .sub2 .list{width: 25%;padding:0.18rem 0.26rem;}
.wyb_s .sub2 .list:nth-child(9){position:absolute;right:0;bottom:-40px;;}
.wyb_s .sub2 .list:nth-child(9) .ej a{margin-bottom:0.01rem;}
.wyb_s .sub2 .list .yj{margin-bottom:0.1rem;display: flex;justify-content: flex-start;align-items: flex-start; padding-left: 16px;}
.wyb_s .sub2 .list .yj a{display: block;font-size:calc(14px + 0.05rem);color: #0054ff;line-height:calc(24px + 0.07rem);border-bottom: 1px solid #0054ff;
transition: All 0s ease-in-out;
-webkit-transition: All 0s ease-in-out;
-moz-transition: All 0s ease-in-out;
-o-transition: All 0s ease-in-out;}
.wyb_s .sub2 .list .yj a:hover{font-weight: bold;}
.wyb_s .sub2 .list .ej{width: 100%; padding-left: 16px;}
.wyb_s .sub2 .list .ej a{display: block;font-size:  calc(14px + 0.03rem);color: #2a2a2a;line-height:calc(22px + 0.04rem);margin-bottom: 0.03rem;word-wrap:break-word; word-break:normal; position:relative;}
.wyb_s .sub2 .list .ej a .ico0{ position: absolute; position: absolute; left: -16px; top:calc(2px + 0.02rem); width:12px; height:19px;}
.wyb_s .sub2 .list .ej a:last-child{margin-bottom: 0;}
.wyb_s .sub2 .list .ej a:hover{color: #0054ff;text-decoration:underline;}
.wyb_s .sub2 .list2{position: absolute;right: 0;bottom:0.96rem;}
.t_navs .top_ganb .pc_input{position: relative;float: left; height:0.9rem; display: flex; align-items: center;}
.t_navs .top_ganb .pc_input .ico{width:calc(15px + 0.08rem);display: block;cursor: pointer;}
.t_navs .top_ganb .pc_input .inputbox{width: 260px;background: #fff;box-shadow: 0 4px 20px rgba(0,0,0,0.1);position: absolute;right: 0;top: 100%;display: none;}
.t_navs .top_ganb .pc_input input{width: 100%;height: 40px;padding: 0 50px 0 20px;font-size: 16px;color: #333;}
.t_navs .top_ganb .pc_input input::-webkit-input-placeholder{font-size: 16px;color: #999;opacity: 1;}
.t_navs .top_ganb .pc_input input::-moz-placeholder{font-size: 16px;color: #999;opacity: 1;}
.t_navs .top_ganb .pc_input input::moz-placeholder{font-size: 16px;color: #999;opacity: 1;}
.t_navs .top_ganb .pc_input input:-ms-input-placeholder{font-size: 16px;color: #999;opacity: 1;}
.t_navs .top_ganb .pc_input .inputbox img{width: 18px;position: absolute;right: 12px;top: 50%;transform: translate(0,-50%);cursor: pointer;}
.t_navs .menuph{ display: none;} 
.t_navs .xialaph{ display: none;}
@media screen and (max-width:1860px) {
.t_navs .top_ganb .menu .nli span a{font-size: calc(14px + 0.06rem);}
.t_navs .top_ganb .sub1 .l2 a{font-size: calc(14px + 0.04rem); line-height:calc(22px + 0.06rem);}
.wyb_s .sub2{padding:0.38rem 60px 0.55rem 60px;}
.wyb_s .sub2 .content::after{left: calc(200px + 0.8rem);}
.wyb_s .sub2 .left{width: calc(200px + 0.8rem);}
.wyb_s .sub2 .left .bt{margin-bottom:0.14rem;padding-left: 12px;}
.wyb_s .sub2 .left .info{margin-bottom:0.2rem;}
.wyb_s .sub2 .left .more{width: 120px;}
.wyb_s .sub2 .right{width: calc(100% - 200px - 0.8rem);padding-left:0.3rem; height:504px; margin: -0.16rem 0 -0.1rem 0;}
.wyb_s .sub2 .listbox{width: calc(100% + 0.32rem);margin:0 -0.16rem;}
.wyb_s .sub2 .list{padding: 0.16rem;}
.wyb_s .sub2 .list .yj{margin-bottom: 0.08rem;}
.wyb_s .sub2 .list2{right: 0;bottom:80px;}
}
@media screen and (max-width:1740px) {
.t_navs .top_ganb .menu .nli span a{font-size: calc(14px + 0.04rem); padding: 0 0.1rem;}	
.t_navs .top_ganb .sub1 .l2{ margin:0.1rem 0;}
.t_navs .top_ganb .sub1 .l2 a{font-size: calc(14px + 0.02rem); line-height:calc(22px + 0.04rem);}
.wyb_s .sub2 .left .bt{ font-size: calc(14px + 0.08rem); line-height: calc(22px + 0.08rem);}
.wyb_s .sub2 .list .ej a{font-size: calc(14px + 0.02rem); line-height: calc(22px + 0.04rem);}
.wyb_s .sub2 .list .yj a{ font-size: calc(14px + 0.03rem); line-height: calc(25px + 0.05rem);}
}
@media screen and (max-width:1450px) {
.t_navs .top_ganb .menu .nli{padding: 0 0.02rem;}
.t_navs .top_ganb .menu .nli span a{padding: 0 0.1rem;font-size: calc(14px + 0.02rem);}
.wyb_s .sub2 .left .bt{ font-size: calc(14px + 0.06rem); line-height: calc(22px + 0.06rem);}
.wyb_s .sub2 .list .ej a{font-size:14px; line-height:24px;}
.wyb_s .sub2 .list .yj a{ font-size: calc(14px + 0.02rem); line-height: calc(25px + 0.04rem);}
.wyb_s .sub2 .right{ height:420px; }
.wyb_s .sub2 .list:nth-child(9) .ej a{margin-bottom:0.03rem;}
}
@media screen and (max-width:1220px) {
.t_navs .top_ganb .right .menu{ margin-right: 0.2rem;}	
.t_navs .top_ganb .menu .nli{padding: 0;}
.t_navs .top_ganb .menu .nli span a{padding: 0 0.08rem;font-size:14px;}
.t_navs .top_ganb .sub1 .l2 a{font-size: calc(14px + 0.02rem);}
.t_navs .top_ganb .logo .wordsbox{padding-left:0.14rem;margin-left:0.14rem;}
.t_navs .top_ganb .logo .bt{font-size:14px;}
.t_navs .top_ganb .logo .jj{letter-spacing:0;}
.t_navs .top_ganb .right .menu::after{height: 20px;}
}
@media screen and (max-width:1024px) {
/*WAP head*/
.t_navs .top_ganb .logo .wordsbox{display: none;}
.t_navs .menu{ display: none;}
.t_navs .top_ganb .pc_input{display: none;}
.t_navs .menuph{ display: block;}
.t_navs .xialaph{ display: block;}
.t_navs .hy_box{display: block;}
.t_navs .top_ganb{ padding: 0 8px 0 15px; width: 100%; position: fixed; top: 0; left: 0; z-index: 4;background: #fff;box-shadow: 0 0 20px rgba(0,0,0,0.1);}
.t_navs .top_ganb .logo{ height: 50px;}
.t_navs .top_ganb .logo img{ height: 30px;}
.t_navs .top_ganb.active .logo img.img1{display: none;}
.t_navs .top_ganb.active .logo img.img2{display: block;}

}

.t_navs .menuph{float: right; width: 40px; height: 40px; cursor: pointer; text-align: center; margin: 5px 0; display: none;}
.t_navs .menuph .menu-toggle {width: 40px;height: 40px;position: absolute;overflow: hidden;z-index: 111;}
.t_navs .menuph .cd-nav-trigger {display: block;width: 40px;height: 40px;}
.t_navs .menuph .menu-toggle span.hamburger {content:"";display:block;width:18px;height:2px;background:#0054ff;position:absolute;top:50%;margin-top:-1px;left: 8px;margin-left:0;-webkit-transition:transform 0.3s cubic-bezier(0.600,0.000,0.200,1.000);transition:transform 0.3s cubic-bezier(0.600,0.000,0.200,1.000);-webkit-transition-timing-function:cubic-bezier(0.600,0.000,0.200,1.000);transition-timing-function:cubic-bezier(0.600,0.000,0.200,1.000);transition-delay:0.15s;}
.t_navs .menuph .menu-toggle span.hamburger:after,
.t_navs .menuph .menu-toggle span.hamburger:before{content:"";display:block;width:24px;height:2px;background:#0054ff;position:absolute;top:50%;margin-top:-1px;left:0;-webkit-transition:transform 0.3s cubic-bezier(0.600,0.000,0.200,1.000);transition:transform 0.3s cubic-bezier(0.600,0.000,0.200,1.000);-webkit-transition-timing-function:cubic-bezier(0.600,0.000,0.200,1.000);transition-timing-function:cubic-bezier(0.600,0.000,0.200,1.000);transition-delay:0.15s;}
.t_navs .menuph .menu-toggle span.hamburger:after {margin-top:-8px;top:0;transition-delay:0.27s;}
.t_navs .menuph .menu-toggle span.hamburger:before {margin-top:8px;top:0;transition-delay:0.2s;}
.t_navs .menuph .menu-toggle span.hamburger span{width: 2px;height: 2px;display: block;background: #0054ff;position: absolute;right: 20px;top:50%;margin-top:-1px;}
.t_navs .menuph .menu-toggle span.hamburger .span1{margin-top: -9px;}
.t_navs .menuph .menu-toggle span.hamburger .span3{margin-top: 7px;}
.t_navs .menuph .menu-toggle span.cross:before,
.t_navs .menuph .menu-toggle span.cross:after {content:"";display:block;width:24px;height:2px;background:#0054ff;position:absolute;top:50%;margin-top:-1.5px;left:50%;margin-left:-12px;-webkit-transform:translateY(-70px) translateX(-70px) rotate(45deg);transform:translateY(-70px) translateX(-70px) rotate(45deg);transition-delay:0.12s;}
.t_navs .menuph .menu-toggle span.cross:after {transition-delay:0s;-webkit-transform:translateY(70px) translateX(-70px) rotate(-45deg);transform:translateY(70px) translateX(-70px) rotate(-45deg);}
.t_navs .menuph .menu-toggle span.cross:after {-webkit-transform:translateY(-70px) translateX(70px) rotate(-45deg);transform:translateY(-70px) translateX(70px) rotate(-45deg);}
.t_navs .cross::before,
.t_navs .cross::after {-webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease;}
.t_navs .menuph.active .menu-toggle span.hamburger,
.t_navs .menuph.active .menu-toggle span.hamburger:after,
.t_navs .menuph.active .menu-toggle span.hamburger:before {-webkit-transform:translateX(70px);transform:translateX(70px);transition-delay:0.12s;}
.t_navs .menuph.active .menu-toggle span.hamburger:after {transition-delay:0s;}
.t_navs .menuph.active .menu-toggle span.hamburger:before {transition-delay:0.07s;}
.t_navs .menuph.active .menu-toggle span.cross:before {transition-delay:0.12s;-webkit-transform:rotate(45deg);transform:rotate(45deg);background: #333;}
.t_navs .menuph.active .menu-toggle span.cross:after {transition-delay:0.24s;-webkit-transform:rotate(-45deg) !important;transform:rotate(-45deg) !important;background: #333;}

@media screen and (max-width:1024px) {
.t_navs .menuph{display:block;}

}

.t_navs .xialaph{ position: fixed; right: 0; top: 50px;width: 100%; height: calc(100vh - 50px);overflow: scroll; padding: 10px 20px 60px 20px;z-index:3; background: #fff;display: none;}
.t_navs .xialaph .a1box,
.t_navs .xialaph .a2box{position: relative;}
.t_navs .xialaph .icobox{width: 40px;height: 40px;position: absolute;right: 0;top: 50%;transform: translate(0,-50%);}
.t_navs .xialaph .ico{height: 28px;position: absolute;right: 0;top: 50%;margin-top: -14px;z-index: 4;}
.t_navs .xialaph .ico img{height: 100%;display: block;}
.t_navs .xialaph .ico img.img2{display: none;}
.t_navs .xialaph .on .ico img.img1{display: none;}
.t_navs .xialaph .on .ico img.img2{display: block;}
.t_navs .xialaph .u1{width: 100%;margin-bottom: 20px;}
.t_navs .xialaph .l1{width: 100%;}
.t_navs .xialaph .a1{width: 100%;font-size: 18px;color: #333;line-height: 26px;position: relative;padding: 12px 40px 12px 0;display: block;border-bottom: 1px solid rgba(0,0,0,0.1);}
.t_navs .xialaph .u2{width: 100%;padding-left: 20px;padding-right: 20px;border-bottom: 1px solid rgba(0,0,0,0.1);display: none;}
.t_navs .xialaph .l2{width: 100%;}
.t_navs .xialaph .a2{width: 100%;font-size: 16px;color: #333;line-height: 22px;position: relative;padding: 10px 40px 10px 0;display: block;border-bottom: 1px solid rgba(0,0,0,0.1);}
.t_navs .xialaph .u3{padding-left: 20px;padding-right: 20px; border-bottom: 1px solid rgba(0,0,0,0.1);display: none;}
.t_navs .xialaph .l2:last-child .u3{border-bottom: 0;}
.t_navs .xialaph .l3{width: 100%;}
.t_navs .xialaph .a3{font-size: 14px;color: #333;line-height: 20px;padding-top: 8px;padding-bottom: 8px;border-bottom: 1px solid rgba(0,0,0,0.1);display: block;}
.t_navs .xialaph .l3:last-child .a3{border-bottom: 0;}
.t_navs .xialaph .input_box{width: 100%;border-bottom: 1px solid rgba(0,0,0,0.1);margin-bottom: 20px;position: relative;}
.t_navs .xialaph .input_box input{width: 100%;height: 40px;padding-right: 60px;font-size: 16px;color: #5a5a5a;}
.t_navs .xialaph .input_box input::-webkit-input-placeholder{font-size: 16px;color: #5a5a5a;}
.t_navs .xialaph .input_box input::-moz-placeholder{font-size: 16px;color: #5a5a5a;}
.t_navs .xialaph .input_box input::moz-placeholder{font-size: 16px;color: #5a5a5a;}
.t_navs .xialaph .input_box input:-ms-input-placeholder{font-size: 16px;color: #5a5a5a;}
.t_navs .xialaph .input_box img{width: 24px;cursor: pointer;position: absolute;right: 14px;top: 50%;margin-top: -12px;}
.t_navs .xialaph .yyqh_box{width: 100%;font-size: 0;text-align: center;}
.t_navs .xialaph .yyqh_box a{display: inline-block;vertical-align: middle;font-size: 16px;color: #5a5a5a;line-height: 20px;margin-right: 14px;}
.t_navs .xialaph .yyqh_box a:last-child{margin-right: 0;}
.t_navs .xialaph .yyqh_box a.on,
.t_navs .xialaph .yyqh_box a:hover{color: #333;}

/*底导航*/
.b_nav{width: 100%;background: #dde5ea;}
.b_nav .con_t{width: 100%;padding-top:0.64rem;padding-bottom:0.5rem;border-bottom: 1px solid #c0cbd7;}
.b_nav .con_t .content{width: 100%;display: flex;justify-content: space-between;align-items: flex-start;}
.b_nav .con_t .nav .yj{margin-bottom:0.26rem;}
.b_nav .con_t .nav .yj a{display: block;font-size:calc(14px + 0.08rem);color: #494f57;line-height:calc(20px + 0.06rem); font-weight: bold;}
.b_nav .con_t .nav .ej a{display: block;font-size:calc(14px + 0.04rem);color: #494f57;line-height:calc(20px + 0.04rem);margin-bottom:0.15rem;}
.b_nav .con_t .nav .ej a:last-child{margin-bottom: 0;}
.b_nav .con_t .nav .ej a:hover{color: #0054ff;}
.b_nav .con_t .right{ display: flex; flex-direction: column;}
.b_nav .con_t .right .list{margin-bottom:0.36rem;}
.b_nav .con_t .right .list:last-child{margin-bottom: 0 !important;}
.b_nav .con_t .right .btbox{display: flex;align-items: center;margin-bottom: 0.16rem;}
.b_nav .con_t .right .btbox img{min-width: 28px; width: 28px;display: flex;margin-right: 6px;}
.b_nav .con_t .right .btbox .words{font-size:calc(14px + 0.04rem);color: #494f57;line-height: 24px;}
.b_nav .con_t .right .info{width: 100%; font-size:calc(14px + 0.06rem);color: #494f57;line-height: 24px;font-weight: bold;padding-left: 34px;}
.b_nav .con_t .right .icobox{width: 100%;display: flex;justify-content: flex-start;align-items: flex-start;padding-left:1px;}
.b_nav .con_t .right .ewm{width: 1.05rem; text-align: center; float: left; margin-left:33px;}
.b_nav .con_t .right .ewm .i{ width:100%; line-height: 0;}
.b_nav .con_t .right .ewm .p{font-size: 14px;color: #494f57; line-height:10px; margin-top:0.11rem;}
.b_nav .con_b{width: 100%;padding-top: 24px;padding-bottom:24px; background: #ccd7de;}
.b_nav .con_b .bq{font-size: 14px;color: #494f57; line-height:24px;text-align: center;/* font-weight: bold; */}
.b_nav .con_b .bq a{color: #494f57;}
.b_nav .con_b .bq:hover a{color: #0054ff;}
.b_nav .links{ width:100%; margin-top:0.4rem; color: #494f57; font-size: calc(14px + 0.02rem); line-height: calc(20px + 0.04rem);}
.b_nav .links span{ font-weight: bold;}
.b_nav .links a{ display: inline-block; color: #494f57; margin-right:0.15rem;}
.b_nav .links a:hover{color: #0054ff;}

@media screen and (max-width:1440px) {
.b_nav .con_t .nav .yj a{font-size:calc(14px + 0.05rem);}
.b_nav .con_t .nav .ej a{font-size:calc(14px + 0.01rem);}
.b_nav .con_t .right .info{font-size:calc(14px + 0.03rem);}
.b_nav .con_t .right .list{margin-bottom:0.3rem;}
.b_nav .con_t .right .btbox{ margin-bottom:0.1rem;}
.b_nav .con_t .right .btbox .words{font-size:calc(14px + 0.01rem);}
.b_nav .con_t .right .ewm{margin-top:0.05rem;}
.b_nav .links{font-size:calc(14px + 0.01rem);}
}
@media screen and (max-width:1024px) {
.b_nav .con_t{padding-top: 30px;padding-bottom: 30px;}
.b_nav .con_t .content{display: block;}
.b_nav .con_t .nav{display: none;}
.b_nav .con_t .right{width: 100%;}
.b_nav .con_t .right .list{margin-bottom: 14px; display: flex; align-content: center;}
.b_nav .con_t .right .btbox{margin-bottom:0; white-space: nowrap;}
.b_nav .con_t .right .btbox img{min-width:20px; width: 20px;margin-right: 4px;}
.b_nav .con_t .right .btbox .words{font-size: 14px;line-height: 20px;}
.b_nav .con_t .right .info{font-size: 16px;line-height: 20px;padding-left:7px;}
.b_nav .con_t .right .ewm{width: 100px; margin: 5px 7px 0 7px;}
.b_nav .con_t .right .ewm .p{margin-top:6px;}
.b_nav .con_b{padding-top: 10px;padding-bottom: 10px;}
.b_nav .con_b .bq{line-height: 20px;font-size: 13px;}
.b_nav .con_b .bq p{display:block!important;}
.b_nav .con_b .bq a{display: block;}
}
@media screen and (max-width:374px) {
.b_nav .con_t .right .btbox .words{ font-size: 12px;}	
.b_nav .con_t .right .info{font-size:14px;line-height: 20px;padding-left:7px;}
.b_nav .con_t .right .ewm{width:92px;}
.b_nav .con_t .right .ewm .p{ font-size: 12px;}
}

/*测悬浮*/
.cxf{width:68px;position: fixed;right:0.25rem;bottom: 10%;z-index: 80;}
.cxf ul{width: 100%;}
.cxf li{margin-bottom:11px;}
.cxf li:last-child{margin-bottom: 0;}
.cxf ul a{width: 100%;display: flex;height:68px;position: relative;justify-content: center;align-content: center;flex-wrap: wrap;background: #ffffff;box-shadow: 0 3px 7px 0 rgba(89,89,89,0.35);border-radius:60px;}
.cxf ul a:hover{background: #ff7e00;}
.cxf ul a .ico{width:calc(15px + 0.15rem);display: block;}
.cxf ul a .ico2{display: none;}
.cxf ul a:hover .ico1{display: none;}
.cxf ul a:hover .ico2{display: block;}
.cxf ul a .words{ width:100%; font-size:calc(12px + 0.04rem);color: #747474;line-height:calc(16px + 0.04rem);text-align: center;}
.cxf ul a:hover .words{color: #fff;}
.cxf ul li.renter a .ico{width:calc(18px + 0.18rem);}
.cxf ul a .pfbox{width: 360px;position: absolute;right: 0;bottom: 0;background: #f5f8ff;box-shadow: 0 0 0.2rem rgba(89,89,89,0.35);border-radius: 6px;padding:0.4rem 20px;
transition: All 0.3s ease-in-out;
-webkit-transition: All 0.3s ease-in-out;
-moz-transition: All 0.3s ease-in-out;
-o-transition: All 0.3s ease-in-out;
transform: scale(0);
-webkit-transform: scale(0);
-moz-transform: scale(0);
-o-transform: scale(0);
-ms-transform: scale(0);}
.cxf ul a:hover .pfbox{
transform: scale(1);
-webkit-transform: scale(1);
-moz-transform: scale(1);
-o-transform: scale(1);
-ms-transform: scale(1);}
.cxf ul a .pfbox .listbox{width: 100%;}
.cxf ul a .pfbox .list{width: 100%;margin-bottom:0.34rem;}
.cxf ul a .pfbox .list:last-child{margin-bottom: 0;}
.cxf ul a .pfbox .btbox{width: 100%;display: flex;justify-content: center;align-items: center;margin-bottom: 0.12rem;}
.cxf ul a .pfbox .btbox img{width: 26px;display: block;margin-right: 6px;}
.cxf ul a .pfbox .btbox .bt{font-size: 18px;color: #8a8d93;line-height: 22px;}
.cxf ul a .pfbox .jj{font-size: 18px;color: #8a8d93;line-height: 22px;text-align: center;word-wrap:break-word; word-break:normal;}
@media screen and (max-width:1680px) {
.cxf{width:56px;right:2px;}
.cxf ul a{height:56px;}
.cxf ul a .words{ font-size: calc(12px + 0.02rem); line-height: calc(14px + 0.02rem);}
.cxf ul a .ico{width:calc(14px + 0.12rem);}
.cxf ul li.renter a .ico{width:calc(15px + 0.15rem);}
.cxf ul a .pfbox{width: 300px;}
.cxf ul a .pfbox .btbox img{width: 24px;}
.cxf ul a .pfbox .btbox .bt{font-size: 16px;line-height: 20px;}
.cxf ul a .pfbox .jj{font-size: 16px;line-height: 20px;}
}
@media screen and (max-width:1024px) {
.cxf{width: 38px;bottom: 10%;}
.cxf li{margin-bottom:6px;}
.cxf ul a{height:38px;}
.cxf ul a .ico{width: 24px;}
.cxf ul a .words{display: none;}
.cxf ul li.renter a .ico{width: 24px;}
.cxf ul a .pfbox{width: 240px;padding: 14px;}
.cxf ul a .pfbox .list{margin-bottom: 10px;}
.cxf ul a .pfbox .btbox{margin-bottom: 8px;}
.cxf ul a .pfbox .btbox img{width: 20px;margin-right: 4px;}
.cxf ul a .pfbox .btbox .bt{font-size: 14px;line-height: 18px;}
.cxf ul a .pfbox .jj{font-size: 14px;line-height: 18px;}
}

/*首页*/
.swiper-App{position: relative;overflow: hidden;height: 100vh;}
.swiper-App .slibox{overflow: hidden;}
@media screen and (max-width:1024px) {
.swiper-App{height: auto;}
.wrapperbox{height: auto;transform: none;display: block;}
.slibox{height: auto;}
}

.sy_banner{width: 100%;height: 100vh;overflow: hidden;padding-top: 0.9rem;}
.sy_banner .swiper-pagination{position: absolute; bottom: 32px; height: 18px; text-align: center;}
.sy_banner .swiper-pagination .swiper-pagination-bullet{ vertical-align: top; width: 18px; height: 18px;border-radius: 100%; margin: 0 9px; background: rgba(255,255,255,0.3);opacity: 1;}
.sy_banner .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{ background: #fff;}
@media screen and (max-width:1024px) {
.sy_banner{height: auto;margin-top: 50px;padding-top: 0;}
.sy_banner .swiper-pagination{bottom: 20px; height: 10px;}
.sy_banner .swiper-pagination .swiper-pagination-bullet{width: 10px; height: 10px;margin: 0 4px;}
}

.sy_section1{width: 100%;height: 100vh;padding-top:0.9rem;}
.sy_section1 .section{height: calc(100vh - 0.9rem);display: flex;justify-content: flex-start;align-items: center;}
.sy_section1 ul{width: calc(100% + 0.8rem);margin: 0 -0.4rem;display: flex;justify-content: flex-start;align-items: flex-start;flex-wrap: wrap;}
.sy_section1 li{width: 33.3333%;padding: 0 0.4rem;}
.sy_section1 ul a{width: 100%;border: 1px solid rgba(181,255,252,0);background: rgba(0,61,200,0);border-radius: 40px;display: block;padding:0.6rem 0.45rem;position: relative;}
.sy_section1 ul .ico{width: 90px;display: block;margin: 0 auto 0.55rem auto;}
.sy_section1 ul .zwbt{font-size:calc(14px + 0.22rem);color: #ffffff;line-height:calc(22px + 0.24rem);margin-bottom:0.14rem;text-align: center;font-weight: bold;}
.sy_section1 ul .ywbt{font-size: calc(14px + 0.12rem);color: rgba(255,255,255,0.7);line-height:calc(22px + 0.14rem);text-align: center;margin-bottom:0.24rem;letter-spacing: 1px;}
.sy_section1 ul .info{font-size: 20px;color: rgba(255,255,255,0.8);line-height: 42px;text-align: justify;margin-bottom: 0.4rem;padding-right: 10px;text-indent: 2em;letter-spacing: 0.5px;
overflow: hidden; overflow-y: auto; scrollbar-width: thin;height: 336px;
transition: All 0.3s ease-in-out;
-webkit-transition: All 0.3s ease-in-out;
-moz-transition: All 0.3s ease-in-out;
-o-transition: All 0.3s ease-in-out;}
.sy_section1 ul .info::-webkit-scrollbar{ width: 3px;}
.sy_section1 ul .info::-webkit-scrollbar-track{ background-color: #e5e5e5; border-radius: 3px;}
.sy_section1 ul .info::-webkit-scrollbar-thumb{ width: 3px;  background-color: #1878f3; border-radius: 3px;}
.sy_section1 ul .more{width: 195px;position: relative;padding-right: 56px;font-size: 22px;color: #ffffff;line-height: 53px;text-align: center;border: 1px solid #ffffff;opacity: 1;
transition: All 0.3s ease-in-out;
-webkit-transition: All 0.3s ease-in-out;
-moz-transition: All 0.3s ease-in-out;
-o-transition: All 0.3s ease-in-out;}
.sy_section1 ul .more:hover{background: #ff7e00;border-color: #ff7e00;}
.sy_section1 ul .more::after{content: "";display: block;width: 12px;height: 12px;background: #ff7e00;border-radius: 100%;position: absolute;left: 0;top: 50%;transform: translate(-50%,-50%);
transition: All 0.3s ease-in-out;
-webkit-transition: All 0.3s ease-in-out;
-moz-transition: All 0.3s ease-in-out;
-o-transition: All 0.3s ease-in-out;}
.sy_section1 ul .more:hover::after{background: #fff;}
.sy_section1 ul .more img{width: 56px;display: block;position: absolute;right: -1px;top: -1px;}
.sy_section1 ul .btn{width: 53px;display: block;position: absolute;left: 50%;transform: translate(-50%,0); top: 392px;display:none;
transition: All 0.3s ease-in-out;
-webkit-transition: All 0.3s ease-in-out;
-moz-transition: All 0.3s ease-in-out;
-o-transition: All 0.3s ease-in-out;}
.sy_section1 ul a:hover{border-color: rgba(181,255,252,0.5);background: rgba(0,61,200,0.5);}
.sy_section1 ul a:hover .info{opacity: 1;}
.sy_section1 ul a:hover .more{opacity: 1;}
.sy_section1 ul a:hover .btn{opacity: 0;}
@media screen and (max-width:1680px) {
.sy_section1 ul{width: calc(100% + 0.6rem);margin: 0 -0.3rem;}
.sy_section1 li{padding: 0 0.3rem;}
.sy_section1 ul a{padding: 0.4rem 0.3rem;}
.sy_section1 ul .ico{width: 60px;margin: 0 auto 0.24rem auto;}
.sy_section1 ul .zwbt{font-size: 26px;line-height: 30px;margin-bottom: 0.16rem;}
.sy_section1 ul .ywbt{font-size: 18px;line-height: 24px;margin-bottom: 0.2rem;}
.sy_section1 ul .info{font-size: 16px;line-height: 26px;margin-bottom: 0.3rem;height: 208px;}
.sy_section1 ul .more{width: 160px;padding-right: 40px;font-size: 18px;line-height: 39px;}
.sy_section1 ul .more::after{width: 8px;height: 8px;}
.sy_section1 ul .more img{width: 40px;height: 41px;}
.sy_section1 ul .btn{width: 40px;top: 260px;}
}
@media screen and (max-width:1024px) {
.sy_section1{height: auto;padding-top: 30px;padding-bottom: 30px;}
.sy_section1 .section{height: auto;display: block;}
.sy_section1 ul{width: 100%;margin: 0;display: block;}
.sy_section1 li{width: 100%;padding: 0;margin-bottom: 14px;}
.sy_section1 li:last-child{margin-bottom: 0;}
.sy_section1 ul a{border-radius: 14px;padding: 20px;border-color: rgba(181,255,252,0.5);background: rgba(0,61,200,0.5);}
.sy_section1 ul .ico{width: 40px;margin: 0 auto 12px auto;}
.sy_section1 ul .zwbt{font-size: 18px;line-height: 24px;margin-bottom: 12px;}
.sy_section1 ul .ywbt{font-size: 16px;line-height: 20px;margin-bottom: 8px;letter-spacing: 0;}
.sy_section1 ul .info{font-size: 14px;line-height: 24px;margin-bottom: 14px;padding-right: 0;letter-spacing: 0x;height: auto;max-width: 1000000px;display: none;}
.sy_section1 ul .info::-webkit-scrollbar{ display: none;}
.sy_section1 ul .info::-webkit-scrollbar{ width: 0;}
.sy_section1 ul .info::-webkit-scrollbar-track{ background-color: rgba(255,255,255,0); border-radius: 0;}
.sy_section1 ul .info::-webkit-scrollbar-thumb{ width: 0;  background-color: rgba(255,255,255,0); border-radius: 0;}
.sy_section1 ul .more{width: 120px;padding-right: 34px;font-size: 14px;line-height: 33px;display: none;}
.sy_section1 ul .more::after{display: none;}
.sy_section1 ul .more img{width: 34px;height: 35px;}
.sy_section1 ul .btn{width: 30px;position: static;transform: translate(0,0); top: 392px;margin: 20px auto 0 auto;}
.sy_section1 ul a:hover .info{display: block;}
.sy_section1 ul a:hover .more{display: block;}
.sy_section1 ul a:hover .btn{display: none;}
}

.sy_section2{width: 100%;height: 100vh;padding-top: 0.9rem;position: relative;}
.sy_section2 .section{height: calc(100vh - 0.9rem);display: flex;justify-content: flex-end;align-items: center;}
.sy_section2 .left{width: 29.2708%;height: 100%;position: absolute;left: 0;top: 0;}
.sy_section2 .right{width: 73.4%;padding-left: 1rem;}
.sy_section2 ul{margin: 0 -0.43rem;width: calc(100% + 0.86rem);display: flex;justify-content: flex-start;align-items: flex-start;}
.sy_section2 ul li{width: 50%;padding: 0 0.43rem;}
.sy_section2 ul .zwbox{width: 100%;display: flex;justify-content: flex-start;align-items: center;margin-bottom: 0.16rem;}
.sy_section2 ul .zwbox img{width: 46px;display: block;margin-right: 14px;}
.sy_section2 ul .zwbox .words{font-size: 36px;color: #3e3e3e;line-height: 40px;font-weight: bold;}
.sy_section2 ul .yw{font-size: 26px;color: rgba(126,126,126,0.7);line-height: 30px;margin-bottom: 0.3rem;}
.sy_section2 ul .listbox{width: 100%;border-top: 1px solid #b0b8bc;}
.sy_section2 ul .list{border-bottom: 1px solid #b0b8bc;
transition: All 0.3s ease-in-out;
-webkit-transition: All 0.3s ease-in-out;
-moz-transition: All 0.3s ease-in-out;
-o-transition: All 0.3s ease-in-out;}
.sy_section2 ul .list:hover{background: #0c67fd;border-bottom-color: #0c67fd;}
.sy_section2 ul .list a{display: flex;justify-content: flex-start;align-items: center;padding: 0.2rem 0.28rem 0.2rem 0.14rem;}
.sy_section2 ul .list .wordsbox{width: calc(100% - 14px);padding-right: 0.2rem;}
.sy_section2 ul .list .bt{font-size: 26px;color: #565656;line-height: 30px;margin-bottom: 0.08rem;
transition: All 0.3s ease-in-out;
-webkit-transition: All 0.3s ease-in-out;
-moz-transition: All 0.3s ease-in-out;
-o-transition: All 0.3s ease-in-out;}
.sy_section2 ul .list .info{font-size: 20px;color: rgba(126,126,126,0.7);line-height: 24px;
transition: All 0.3s ease-in-out;
-webkit-transition: All 0.3s ease-in-out;
-moz-transition: All 0.3s ease-in-out;
-o-transition: All 0.3s ease-in-out;}
.sy_section2 ul .list:hover .bt,
.sy_section2 ul .list:hover .info{color: #fff;}
.sy_section2 ul .list .icobox{width: 14px;}
.sy_section2 ul .list .icobox img{width: 100%;display: block;}
.sy_section2 ul .list .icobox .ico2{display: none;}
.sy_section2 ul .list:hover .icobox .ico1{display: none;}
.sy_section2 ul .list:hover .icobox .ico2{display: block;}
.sy_section2 .more{width: 222px;margin-top: 0.56rem;}
.sy_section2 .more a{display: block;width: 100%;font-size: 22px;color: #515151;line-height: 61px;text-align: center;position: relative;padding-right: 63px;border: 1px solid #7a7d7f;}
.sy_section2 .more a:hover{background: #ff7e00;color: #fff;border-color: #ff7e00;}
.sy_section2 .more a::after{content: "";display: block;width: 14px;height: 14px;background: #ff7e00;border-radius: 100%;position: absolute;left: 0;top: 50%;transform: translate(-50%,-50%);
transition: All 0.3s ease-in-out;
-webkit-transition: All 0.3s ease-in-out;
-moz-transition: All 0.3s ease-in-out;
-o-transition: All 0.3s ease-in-out;}
.sy_section2 .more a:hover::after{background: #fff;}
.sy_section2 .more a img{width: 64px;display: block;position: absolute;right: -1px;top: -1px;height: 63px;}
@media screen and (max-width:1680px) {
.sy_section2 .right{padding-left: 0.6rem;}
.sy_section2 ul{margin: 0 -0.3rem;width: calc(100% + 0.6rem);}
.sy_section2 ul li{;padding: 0 0.3rem;}
.sy_section2 ul .zwbox{margin-bottom: 0.12rem;}
.sy_section2 ul .zwbox img{width: 36px;margin-right: 10px;}
.sy_section2 ul .zwbox .words{font-size: 26px;line-height: 30px;}
.sy_section2 ul .yw{font-size: 20px;line-height: 24px;margin-bottom: 0.2rem;}
.sy_section2 ul .list .bt{font-size: 18px;line-height: 24px;margin-bottom: 0.06rem;}
.sy_section2 ul .list .info{font-size: 16px;line-height: 20px;}
.sy_section2 .more{width: 160px;margin-top: 0.3rem;}
.sy_section2 .more a{padding-right: 40px;font-size: 18px;line-height: 39px;}
.sy_section2 .more a::after{width: 8px;height: 8px;}
.sy_section2 .more a img{width: 40px;height: 41px;}
}
@media screen and (max-width:1024px) {
.sy_section2{height: auto;padding-top: 30px;padding-bottom: 30px;}
.sy_section2 .section{height: auto;display: block;}
.sy_section2 .left{width: 100%;position: static;height: 140px;}
.sy_section2 .right{width: 100%;padding-left: 0;margin-top: 20px;}
.sy_section2 ul{margin: 0;width: 100%;display: block;}
.sy_section2 ul li{width: 100%;padding: 0;margin-bottom: 20px;}
.sy_section2 ul li:last-child{margin-bottom: 0;}
.sy_section2 ul .zwbox{margin-bottom: 4px;}
.sy_section2 ul .zwbox img{width: 30px;margin-right: 8px;}
.sy_section2 ul .zwbox .words{font-size: 18px;line-height:26px;}
.sy_section2 ul .yw{font-size: 14px;line-height:22px;margin-bottom: 16px;}
.sy_section2 ul .list a{padding:16px 12px;}
.sy_section2 ul .list .wordsbox{width: calc(100% - 10px);padding-right: 12px;}
.sy_section2 ul .list .bt{font-size: 16px;line-height:24px;margin-bottom:4px;}
.sy_section2 ul .list .info{font-size: 14px;line-height:22px;}
.sy_section2 ul .list .icobox{width: 10px;}
.sy_section2 .more{width: 120px;margin-top: 20px;}
.sy_section2 .more a{padding-right: 34px;font-size: 14px;line-height: 33px;}
.sy_section2 .more a::after{display: none;}
.sy_section2 .more a img{width: 34px;height: 35px;}
}

.sy_section3{width: 100%;padding-top:0.9rem; padding-bottom:0.9rem;}
.sy_section3 .section{height: calc(100vh - 0.9rem);display: flex;justify-content: flex-start;align-items: center;}
.sy_section3 .zwbt{width: 100%;font-size: 36px;color: #ffffff;line-height: 40px;text-align: center;margin-bottom:0.12rem;font-weight: bold;}
.sy_section3 .ywbt{width: 100%;font-size: 26px;color: rgba(255,255,255,0.7);line-height: 30px;text-align: center;margin-bottom:0.3rem;}
.sy_section3 .info{font-size: 20px;color: #ffffff;line-height: 35px;width: 64%;margin: 0 auto 0.2rem auto;text-indent: 2em;}
.sy_section3 .more{margin-bottom:0.3rem;}
.sy_section3 .more a{display: flex;justify-content: center;align-items: center;font-size: 22px;color: #ffffff;line-height: 26px;}
.sy_section3 .more a:hover{opacity: 0.6;}
.sy_section3 .more a img{width: 10px;display: block;margin-left: 10px;margin-top: 4px;}
.sy_section3 ul{width: calc(100% + 0.46rem);margin: 0 -0.23rem;display: flex;justify-content: flex-start;align-items: flex-start;}
.sy_section3 li{width: 33.3333%;padding: 0 0.23rem;}
.sy_section3 ul a{display: block;width: 100%;border: 1px solid #e1e5f4;}
.sy_section3 ul a:hover{border-color: #ff7e00;background: #fff;}
.sy_section3 ul a .pic{ width: 100%; padding-bottom: 47.169%; position: relative; overflow: hidden;
-webkit-transition: 0.5s ease;
-moz-transition: 0.5s ease;
-ms-transition: 0.5s ease;
-o-transition: 0.5s ease;
transition: 0.5s ease;}
.sy_section3 ul a .pic img{ width: 100%; position: absolute; left: 50%; top: 50%; min-height: 100%;
-webkit-transform: translate(-50%, -50%); 
-moz-transform: translate(-50%, -50%); 
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
-webkit-transition: all 0.5s ease-out 0s; 
-moz-transition: all 0.5s ease-out 0s; 
-o-transition: all 0.5s ease-out 0s; 
transition: all 0.5s ease-out 0s;
transition: -webkit-transform 2s;
vertical-align: middle;
-ms-interpolation-mode: bicubic;}
.sy_section3 ul a:hover .pic img{ -webkit-transform: translate(-50%, -50%) scale(1.1); -moz-transform: translate(-50%, -50%) scale(1.1); transform: translate(-50%, -50%) scale(1.1);}
.sy_section3 ul a .wordsbox{width: 100%;padding:0.26rem;}
.sy_section3 ul a .bt{font-size: 24px;color: #ffffff;line-height: 34px;margin-bottom:0.14rem;min-height: 68px;
overflow:hidden;text-overflow:ellipsis;display:-webkit-box; -webkit-box-orient:vertical;-webkit-line-clamp:2;}
.sy_section3 ul a:hover .bt{color: #252525;}
.sy_section3 ul a .con{width: 100%;padding-top:0.14rem;border-top: 1px solid rgba(255,255,255,0.3);}
.sy_section3 ul a:hover .con{border-top-color: rgba(154,154,154,0.3);}
.sy_section3 ul a .jj{font-size: 18px;color: rgba(255,255,255,0.6);line-height: 30px;margin-bottom:0.2rem;min-height: 60px;
overflow:hidden;text-overflow:ellipsis;display:-webkit-box; -webkit-box-orient:vertical;-webkit-line-clamp:2;}
.sy_section3 ul a:hover .jj{color: #646464;}
.sy_section3 ul a .boxs{width: 100%;display: flex;justify-content: space-between;align-items: center;}
.sy_section3 ul a .btn{width: 160px;font-size: 18px;color: #ffffff;line-height: 42px;padding: 0 20px 0 24px;display: flex;justify-content: space-between;align-items: center;border: 1px solid #fff;}
.sy_section3 ul a:hover .btn{background: #ff7e00;border-color: #ff7e00;}
.sy_section3 ul a .btn img{width: 8px;display: block;}
.sy_section3 ul a .date{font-size: 16px;color: rgba(255,255,255,0.6);line-height: 20px;}
.sy_section3 ul a:hover .date{color: #646464;}
@media screen and (max-width:1680px) {
.sy_section3 .zwbt{font-size: 20px;line-height: 24px;margin-bottom: 0.06rem;}
.sy_section3 .ywbt{font-size: 16px;line-height: 20px;margin-bottom: 0.12rem;}
.sy_section3 .info{font-size: 14px;line-height: 22px;width: 70%;margin: 0 auto 12px auto;}
.sy_section3 .more{margin-bottom: 0.12rem;}
.sy_section3 .more a{font-size: 16px;line-height: 20px;}
.sy_section3 .more a img{width: 6px;margin-left: 8px;margin-top: 2px;}
.sy_section3 ul a .wordsbox{padding: 0.16rem;}
.sy_section3 ul a .bt{font-size: 16px;line-height: 20px;margin-bottom: 0.12rem;min-height: 40px;}
.sy_section3 ul a .con{padding-top: 0.12rem;}
.sy_section3 ul a .jj{font-size: 14px;line-height: 20px;margin-bottom: 0.1rem;min-height: 40px;}
.sy_section3 ul a .btn{width: 120px;font-size: 14px;line-height: 32px;padding: 0 14px 0 20px;}
.sy_section3 ul a .btn img{width: 6px;}
.sy_section3 ul a .date{font-size: 14px;}
}
@media screen and (max-width:1024px) {
.sy_section3{height: auto;padding-bottom: 30px; padding-top: 30px;}
.sy_section3 .section{height: auto;display: block;}
.sy_section3 .zwbt{font-size: 18px;line-height: 24px;margin-bottom: 6px;}
.sy_section3 .ywbt{font-size: 16px;line-height: 20px;margin-bottom: 12px;}
.sy_section3 .info{font-size: 14px;line-height: 24px;width: 100%;margin: 0 auto 8px auto;}
.sy_section3 .more{margin-bottom:15px;}
.sy_section3 .more a{font-size: 16px;line-height: 20px;}
.sy_section3 .more a img{width: 6px;margin-left: 6px;}
.sy_section3 ul{width: 100%;margin: 0;display: block;}
.sy_section3 li{width: 100%;padding: 0;margin-bottom: 14px;}
.sy_section3 li:last-child{margin-bottom: 0;}
.sy_section3 ul a .wordsbox{padding: 12px;}
.sy_section3 ul a .bt{font-size: 16px;line-height: 24px;margin-bottom: 10px;min-height: 48px;}
.sy_section3 ul a .con{padding-top: 10px;}
.sy_section3 ul a .jj{font-size: 14px;line-height: 20px;margin-bottom: 12px;min-height: 40px;}
.sy_section3 ul a .btn{width: 100px;font-size: 14px;line-height: 32px;padding: 0 12px 0 14px;}
.sy_section3 ul a .btn img{width: 6px;}
.sy_section3 ul a .date{font-size: 14px;line-height: 18px;}
}








/*bwh*/
.w100{ display: flex; flex-wrap: wrap; width: 100%;}
.search-two{ padding-top:0.86rem; padding-bottom:1.21rem;}
.search-t{ color: #6c6c6c; font-size:calc(14px + 0.02rem); line-height:calc(22px + 0.04rem);}
.search-l{ margin-top:0.27rem;}
.search-l .li{ padding:22px 0; border-bottom:1px solid #cdcdcd;}
.search-l .top_ganb a{ color: #363636; font-size:calc(14px + 0.04rem); line-height:calc(22px + 0.06rem); margin-top:3px; font-weight: bold;}
.search-l .cont{ margin-top:7px;}
.search-l .cont a{ color: #6c6c6c; font-size:calc(14px + 0.02rem); line-height:calc(22px + 0.04rem); margin-top:3px; margin-right:10px;width:100%;display:block;padding-left:16px;position:relative;}
.search-l .cont a::after{content:"";display:block;width:6px;height:6px;background:#6c6c6c;position:absolute;left:0;top:calc(8px + 0.02rem);border-radius:100%;}
.search-l .cont a:hover{color: #0054ff;}
.search-l .cont a:hover::after{background:#0054ff;}
@media screen and (max-width:767px) {
.search-two{ padding-top:30px; padding-bottom:35px;}
.search-l .li{ padding:18px 0;}
.search-l .top_ganb a{ margin-top: 0;}
.search-l .cont{ margin-top:4px;}
}


._tit_zh{ color: #fff; font-size:0.51rem; line-height:0.61rem; font-weight: bold; }
._tit_en{ color: #fff; font-size:calc(14px + 0.12rem); line-height:calc(22px + 0.14rem); margin-top:0.15rem; text-transform: capitalize; }
._banner{ display:flex; position: relative; width:100%; line-height: 0; overflow: hidden;}
._banTet{ position: absolute; width: 100%; top:51%; left: 0; z-index:6; transform: translate(0,-50%); -ms-transform: translate(0,-50%);}

@media screen and (max-width:1024px) {
._tit_zh{ color: #fff; font-size:calc(14px + 0.36rem); line-height:calc(22px + 0.06rem); }
._tit_en{ margin-top:2px; }
}


.mt90{ margin-top:0.9rem;}
._back1{ background: #e7eeff;}
._back2{ background: #f5f8ff;}
._end{ justify-content: space-between;}
._center{ justify-content: center;}
._slide{ display: flex; flex-wrap: wrap; width: 100%;}
._slide .ul{display: flex;}
._slide .ul li{ display: flex;}
._slide .ul li a{ display: flex; flex-wrap: wrap; align-items: center; justify-content: center; color: #5d5d5d; font-size:calc(14px + 0.08rem); line-height:calc(22px + 0.1rem); height:calc(60px + 0.2rem); padding:5px 15px; min-width:2.4rem; white-space: nowrap;}
._slide .ul li.on a{ background: #0c55ff;color: #fff;}
._slide .ul li:hover a{ background: #0c55ff;color: #fff;}

@media screen and (max-width:1024px) {
.mt90{ margin-top:50px;}	
._slide{ overflow-x: auto; }
._slide .ul li a{ height: auto; padding:10px 14px;}
}


._contact1{padding-top:0.6rem; padding-bottom:0.6rem; align-items: center;}
._contact1 .left{ width:42.7%; display: flex; align-items: center; border-right:1px solid #c3c3c3; padding:0.3rem 0.3rem 0.3rem 0.8rem;}
._contact1 .left .li{ margin:0.09rem 0; position: relative; padding-left: 25px;}
._contact1 .left .li::after{ display: block; content: ''; position: absolute; left:0; top:calc(4px + 0.01rem); width:7px; height:calc(100% - 8px - 0.02rem); background: #cdcdcd;}
._contact1 .left .info{ color: #050505; font-size:calc(15px + 0.05rem); line-height:calc(24px + 0.06rem); font-weight: bold;}
._contact1 .left .num{ color: #4c4c4c; font-size:calc(15px + 0.05rem); line-height:calc(24px + 0.06rem); margin-top:0.04rem;}

._contact1 .right{ width:53.3%; display: flex; justify-content:space-between; padding:0.3rem 1rem; margin-bottom: -0.14rem;}
._contact1 .right .li{ width:calc(127px + 0.6rem);}
._contact1 .right .ico{ line-height: 0;}
._contact1 .right .tit{ justify-content: center; color: #6c6c6c; font-size:calc(14px + 0.04rem); line-height:calc(22px + 0.06rem); margin-top: 0.16rem;}

@media screen and (max-width:1440px) {
._contact1 .left{ padding:0.3rem 0.3rem 0.3rem 0.6rem;}
._contact1 .right{ padding:0 0.8rem; margin-bottom: -0.14rem;}
}
@media screen and (max-width:1024px) {
._contact1 .left{ padding:0.3rem 0.3rem 0.3rem 0.3rem;}
._contact1 .left .li{ margin:6px 0; padding-left:15px;}
._contact1 .left .li::after{ width:4px;}
._contact1 .right{ padding:0 0.4rem; margin-bottom: -0.14rem;}
}
@media screen and (max-width:767px) {
._contact1{ padding-top:25px; padding-bottom:35px;}
._contact1 .left{ justify-content: center; width:100%; padding:0 0 25px 0; border-right:0; border-bottom:1px solid #c3c3c3;}
._contact1 .right{ justify-content: center; width:100%; padding:25px 0 0 0; margin-bottom:0;}
._contact1 .right .li{ width:130px; margin:0 12px;}
}

._contact2{ padding-bottom:0.76rem;}
._contact2 .img{ width:60.3%; line-height: 0;}
._contact2 .left{ width:38%; margin-top: 1rem;}
._contact2 .left .title{ color: #050505; font-size:calc(14px + 0.18rem); line-height:calc(22px + 0.2rem); padding-bottom: 0.07rem;}
._contact2 .left .info{ color: #4e4e4e; font-size:calc(14px + 0.08rem); line-height:calc(22px + 0.1rem); margin-top: 0.1rem;}
._contact2 .left .bx{ margin-bottom: 0.98rem; flex-wrap: nowrap;}
._contact2 .left .ico{ border-radius:50%; border:3px solid #1b1b1b; width:calc(50px + 0.24rem); min-width:calc(50px + 0.24rem); height:calc(50px + 0.24rem); line-height: 0; margin-right: 17px; display: flex; align-items: center; justify-content: center;}
._contact2 .left .ico img{ width:calc(24px + 0.16rem); height:calc(24px + 0.16rem);}
._contact2 .left .cont{ display: flex; flex-direction: column;}
._contact2 .left .tit{ color: #6c6c6c; font-size:calc(14px + 0.04rem); line-height:calc(22px + 0.06rem);}
._contact2 .left .tel{ color: #050505; font-size:calc(16px + 0.24rem); line-height:calc(22px + 0.26rem); font-weight: bold;}


@media screen and (max-width:1024px) {

}
@media screen and (max-width:767px) {
._contact2{ padding-bottom:35px;}	
._contact2 .left{ width:100%; margin-top:0;}
._contact2 .img{ width:100%; margin-top:30px;}
._contact2 .left .ico{ border:2px solid #1b1b1b; margin-right:14px;}
._contact2 .left .bx{ margin-bottom:30px;}
._contact2 .left .title{ margin-bottom: 4px;}
._contact2 .left .info{ margin-top:4px;}
}


/* 分页 */
.wack1{ width:100%; padding:0 0 0.76rem 0;}
.wack1-1{ padding:0 0 1rem 0;}
.wack1-2{ padding:0 0 0.8rem 0;}
.wack1-3{ padding:0.6rem 0 0 0;}
.wack1 .pz_fy{ width:100%; display:flex; flex-wrap: wrap; justify-content: center; align-items: center; text-align:center;}
.wack1 .pz_fy a { float:left; min-width:calc(30px + 0.1rem); height:calc(30px + 0.1rem); line-height:calc(28px + 0.1rem); color:#2d2d2d; font-size:calc(14px + 0.02rem); border-radius:3px; margin:0 0.09rem;}
.wack1 .pz_fy a:hover,
.wack1 .pz_fy a.on{color:#fff; background:#0054ff;}
.wack1 .pz_fy .prev,
.wack1 .pz_fy .next{ padding: 0 0.09rem;}
.wack1 .pz_fy .prev{ margin:0 0.17rem 0 0;}
.wack1 .pz_fy .next{ margin:0 0.39rem 0 0.13rem;}
.wack1 .pz_fy input{ text-align: center; width:50px; height:30px; line-height:28px; color:#2d2d2d; font-size:calc(14px + 0.02rem); border-radius:3px; border:1px solid #dddddd; background:none;}
.wack1 .pz_fy button{ text-align: center; height:30px; line-height:28px; color:#fff;background:#0054ff; font-size:calc(14px + 0.02rem); border-radius:3px; text-transform: uppercase; padding: 0 9px;}
.wack1 .pz_fy button:hover{color:#fff; background:#0054ff;}
.wack1 .pz_fy span{ padding:0 0.12rem; color:#2d2d2d;font-size:calc(14px + 0.02rem); line-height:40px;}
.wack1 .fy_pc{ width:100%; display:none; justify-content: center; text-align:center; font-size:14px; line-height:34px; color:#333;}
.wack1 .fy_pc a{ padding:0 25px; color:#fff; background:#0054ff; border-radius:16px; overflow:hidden;}
.wack1 .fy_pc span{ padding:0 20px; color:#2d2d2d;}

@media  screen and (max-width:1024px){	
.wack1{ padding:0 0 30px 0;}	
.wack1-3{ padding:30px 0 0 0;}
.wack1 .pz_fy{ display: none;}
.wack1 .fy_pc{ display: flex;}
}


._select{ padding-top:0.74rem; position: relative; z-index: 6;}
._select .lab{ display: flex; flex-wrap: wrap; position:relative;}
._select .lab1{  width:30%;}
._select .lab2{ width: 30.7%;}
._select .lab .text{ float:left; width:100%; border-radius:4px; background:none; color:#9b9b9b; font-size:calc(14px + 0.04rem);line-height:30px; height:44px; position:relative; padding:6px 13px; cursor:pointer; border: 1px solid #dadada;}
._select .lab .text:after{ float:left; position:absolute; right:10px; top:50%; width:0; height:0; content:''; border-left:5px solid transparent; border-right:5px solid transparent;border-top:6px solid #9b9b9b; margin-top:-3px; }
._select .down{ display:none; float:left; width:100%; position:absolute; left:0; top:100%; z-index:6; background:#fff; padding:0.05rem 0; border-radius:4px;
 overflow:hidden;
 overflow-y:auto;
 scrollbar-width:thin;
 max-height:calc(220px + 1.9rem);
}
._select .down::-webkit-scrollbar {
 width:3px
}
._select .down::-webkit-scrollbar-track
{
background:rgba(105,172,70,0.14);
 border-radius:3px
}
._select .down::-webkit-scrollbar-thumb {
 width:3px;
 height:60px;
 background:#0c55ff;
 border-radius:3px
}

._select .down li{ float:left; width:100%; color:#9b9b9b; font-size:calc(14px + 0.02rem);line-height:calc(22px + 0.18rem); border-radius:3px; cursor:pointer; padding:0 13px;}
._select .down li a{color:#9b9b9b;}
._select .down li:hover{ background:#0c55ff; color:#fff;}
._select .down li:hover a{color:#fff;}
._select .inputbox{ float:right; position:relative; width:36.5%;}
._select .inputbox .text{ float:left; width:100%; border-radius:4px; background:#fff;border: 1px solid #dadada; color:#9b9b9b; font-size:calc(14px + 0.04rem);line-height:30px;height:44px; position:relative; padding:6px 82px 6px 13px; cursor:pointer;}
._select .inputbox .submit{ position:absolute; right:1px; top:1px;line-height:40px;height:42px; width:69px; border-radius:4px; background:#0c55ff;border:0;  color:#fff;font-size:calc(14px + 0.04rem);}

@media (max-width: 767px){
._select{ padding-top: 20px;}	
._select .lab1{ width:100%;}
._select .lab2{ width:100%;margin-top:12px;}
._select .down li{font-size:14px;}
._select .inputbox{ width:100%; margin-top:12px;}

}

._job1{ padding:20px 0 0.71rem 0;}
._job1 dl{ background: #b8c7e9; color:#2d2d2d;font-size:calc(14px + 0.04rem); line-height:calc(22px + 0.08rem); padding:12px 0.1rem; text-align: center;}
._job1 dl dd{ padding:0 0.28rem;}
._job1 ul li a{ border-bottom:1px solid #e3e3e3; color:#2d2d2d;font-size:calc(14px + 0.04rem); line-height:calc(22px + 0.08rem); padding:15px 0.1rem; text-align: center;}
._job1 ul li a:hover{ background: #dee3ee;border-bottom:1px solid #dee3ee;color:#0c55ff;}
._job1 ul li a span{ padding:0 0.28rem;}
._job1 dl dd:nth-child(3n+1){ width:56%; text-align: left;}
._job1 dl dd:nth-child(3n+2){ width:22%;}
._job1 dl dd:nth-child(3n+3){ width:22%;}
._job1 ul li a span:nth-child(3n+1){ width:56%; text-align: left;}
._job1 ul li a span:nth-child(3n+2){ width:22%;}
._job1 ul li a span:nth-child(3n+3){ width:22%;}

@media  screen and (max-width:767px){
._job1{ padding:20px 0 30px 0;}	
._job1 dl{ padding:12px 6px;}	
._job1 ul li a{ padding:12px 6px;}
._job1 ul li a span{ padding:0 5px;}
._job1 dl dd{ padding:0 5px;}
._job1 dl dd:nth-child(3n+1){ width:50%;}
._job1 dl dd:nth-child(3n+2){ width:25%;/* display:none; */}
._job1 dl dd:nth-child(3n+3){ width:25%;}
._job1 ul li a span:nth-child(3n+1){ width:50%;}
._job1 ul li a span:nth-child(3n+2){ width:25%;/* display:none; */}
._job1 ul li a span:nth-child(3n+3){ width:25%;}
}


._job2{ padding:0.74rem 0 0.84rem 0; color:#2e2e2e;font-size:calc(14px + 0.04rem); line-height:calc(24px + 0.16rem);}
._job2 .tit{ color:#0c55ff;font-size:calc(16px + 0.14rem); }
._job2 .time{ color:#6c6c6c;font-size:calc(14px + 0.02rem);line-height:calc(22px + 0.04rem);}
._job2 .bm{ font-size:calc(14px + 0.06rem);line-height:calc(22px + 0.08rem); }
._job2 .left{ display: flex; flex-wrap:wrap; flex-direction: column;}
._job2 .left .time{ margin-top: 0.03rem;}
._job2 .left .bm{ margin-top: 0.12rem;}
._job2 .right{ display: flex; flex-wrap:wrap; flex-direction: column; text-align: right;}
._job2 .right .time{ margin-top: 0.08rem;}
._job2 .info{ position: relative; margin-top: 0.22rem;}
._job2 .info::after{ display: flex; content: ''; width:100%; height: 1px; background: #e3e3e3; left:0; top:50%; position:absolute;}
._job2 .p{ position: relative; background: #f5f8ff; z-index: 6; padding-right: 12px;}
._job2 .ljtd{ margin-top:0.15rem;}
._job2 .btn{ display:inline-block; color:#fff; background:#0c55ff; border:1px solid #0c55ff; padding:0px 25px 2px 25px;}
._job2 .btn:hover{ background: #fff; color: #0c55ff;}

@media  screen and (max-width:767px){
._job2{ padding:30px 0 35px 0;}	
._job2 .left{ width:100%;}
._job2 .right{ width:100%;margin-top:14px; text-align: left;}
._job2 .info{ margin-top:14px;}
._job2 .ljtd{ margin-top:12px;}
._job2 .btn{ padding:1px 20px 3px 20px;}
}


.kehu{ padding:0.5rem 1rem; min-height:calc(100vh - 0.9rem); display: flex; align-content: center;}
.kehu .box{ background: #fff; box-shadow:0 0.16rem 0.32rem 0 rgba(0,27,128,0.39); border-radius:0.36rem; overflow: hidden;}
.kehu .left{ display: flex; flex-wrap: wrap; width: 46.7%; padding:0.81rem 0.62rem;align-content:flex-start;}
.kehu .left .en{ color: #1f3d85; font-size:calc(20px + 0.3rem); line-height:calc(28px + 0.32rem); font-weight: lighter;}
.kehu .left .zh{ color: #1f3e86; font-size:calc(15px + 0.18rem); line-height:calc(23px + 0.2rem); font-weight: bold; margin-top: 0.11rem;}
.kehu .right{ display: flex; flex-wrap: wrap; width: 53.3%; padding:1.12rem 1.18rem 0.66rem 0.85rem;}
.kehu .right .title{ color: #0c55ff; font-size:calc(15px + 0.13rem); line-height:calc(22px + 0.12rem);}
.kehu .right .en{ color: #a8b3cc; font-size:calc(15px + 0.09rem); line-height:calc(22px + 0.12rem); margin: 3px 0 -0.1rem 0;}
._form1{ min-height:calc(188px + 1.8rem);align-content:baseline;}
._form1 .lab{ flex-wrap:nowrap;  margin-top:0.24rem; align-items:center;position:relative;}
._form1 .lab .icobox{width:26px;position:absolute;right:0;top:50%;transform:translate(0,-50%);cursor:pointer;}
._form1 .lab .icobox img{width:100%;display:block;}
._form1 .lab .icobox .ico2{display:none;}
._form1 .lab .icobox.on .ico1{display:none;}
._form1 .lab .icobox.on .ico2{display:block;}
._form1 .ico{ display: flex; width: 26px; min-width: 26px; height: 26px; object-fit: contain; margin:0 8px 0 5px;}
._form1 .text{background:none; border:0; color:#a8b3cc; font-size: calc(14px + 0.04rem); line-height:calc(40px + 0rem); height:calc(40px + 0.12rem); padding:0.06rem 3px;}
._form1 .riod{ display: flex; color:#2a2a2a; font-size: calc(14px + 0.04rem); line-height:calc(24px + 0.06rem); margin-bottom: 0.1rem; position: relative; padding:0 calc(20px + 0.1rem) 0 3px; cursor: pointer;}
._form1 .riod::after,
._form1 .riod::before{ display: block; content: ''; position: absolute; right: 0; top:50%; border-radius: 50%; transform:translate(0%,-50%); -ms-transform:translate(0%,-50%);}
._form1 .riod::after{ width:calc(14px + 0.04rem); height:calc(14px + 0.04rem); border:1px solid #dbdbdb;}
._form1 .riod::before{ width:calc(6px + 0.04rem); height:calc(6px + 0.04rem); background: #0c55ff; margin:0 4px; opacity: 0;}
._form1 .riod.on::before{ opacity: 1;}
._form1 .line{ border-bottom:1px solid #d6dcea;}
._form1 .yanzhengma{ display: flex; margin:2px 0 0 6px; object-fit: contain; height:calc(28px + 0.22rem);}
._form1 .forget{ justify-content: flex-end; margin:0.18rem 0 0 0;}
._form1 .forget a{ display: flex; color: #2a2a2a;font-size: calc(14px + 0.02rem); line-height:calc(22px + 0.06rem);}
._form1 .forget a:hover{ color: #0c55ff;}
._form1 .submit{background:#0c55ff; color:#fff; font-size: calc(14px + 0.1rem); line-height:calc(38px + 0.1rem); height:calc(40px + 0.1rem);border:0;text-align: center;border-radius:50px; transition:all .5s ease; margin-top: 0.2rem; justify-content: center;}
._form1 .submit:hover{ box-shadow:0 3px 6px rgba(0,0,0,0.2);}

._form1 ::-webkit-input-placeholder{color:#a8b3cc;}
._form1 :-moz-placeholder{color:#a8b3cc}
._form1 ::-moz-placeholder{color:#a8b3cc}
._form1 :-ms-input-placeholder{color:#a8b3cc}

@media  screen and (max-width:1600px){
.kehu .left{ padding:0.65rem 0.62rem;}
.kehu .right{ padding:0.92rem 1.18rem 0.56rem 0.85rem;}
._form1{ min-height: calc(188px + 1.4rem);}
._form1 .lab{ margin-top:0.16rem;}
}
@media  screen and (max-width:1600px){
.kehu .left{ padding:0.65rem 0.62rem;}
.kehu .right{ padding:0.76rem 1.18rem 0.56rem 0.85rem;}
}
@media  screen and (max-width:1024px){
.kehu{ min-height: inherit;}	
.kehu .left{ padding:40px 20px;}
.kehu .right{ padding:1.12rem 1.18rem 0.66rem 0.85rem;}
}
@media  screen and (max-width:767px){
.kehu{ padding:40px 0;}	
.kehu .left{ width:100%;}
.kehu .right{ width:100%;}
._form1 .lab{ margin-top:10px;}
._form1 .ico{ width:22px; min-width:22px; height: 22px; margin: 0 5px 0 5px;}
._form1 .lab .icobox{width:22px;}
/* ._form1 .submit{ margin-top:10px; line-height:42px; height:44px;} */
}


._inTit{ color: #2a2a2a; font-size:calc(14px + 0.26rem); line-height:calc(22px + 0.28rem);}
._inCont{ color: #2a2a2a; font-size:calc(14px + 0.08rem); line-height:calc(22px + 0.10rem);}
._liyu{ padding-top:0.74rem; padding-bottom:0.8rem;}
._liyu2{ margin-top: 0.57rem;}
._liyu2  .ul{ display: flex; flex-wrap: wrap; margin:-7px -13px -7px 0;  width:calc(100% + 13px);}
._liyu2  .li{ display: flex; flex-wrap: wrap; background: #fff; border:1px solid #dadada; border-radius: 0.15rem; margin:7px 13px 7px 0;  width:calc(16.66666666666667% - 13px); padding: 0.2rem 0.1rem;align-content:baseline;}
._liyu2 .ul.one .li{width:calc(33.3333% - 13px)!important;}
._liyu2 .ul.two .li{width:calc(33.3333% - 13px)!important;}
._liyu2 .ul.three .li{width:calc(33.3333% - 13px)!important;}
._liyu2 .ul.four .li{width:calc(25% - 13px)!important;}
._liyu2 .ul.five .li{width:calc(20% - 13px)!important;}

._liyu2  .li .tit{ color: #0054ff; font-size:calc(14px + 0.04rem); line-height:calc(22px + 0.08rem);}
._liyu2  .li .p{ margin-top: 0.04rem;}
._liyu2  .li .tow{ color: #2a2a2a; font-size:12px; line-height:calc(22px + 0.06rem); margin-top: 0.08rem;word-wrap:break-word; word-break:normal;display:block;padding-left:12px;position:relative;}
._liyu2  .li .tow span{position:absolute;left:0;top:0;}
._liyu2  .li .tow:hover{ color: #0054ff;}
._liyu2-1  .ul{ margin:-7px -10px -7px -10px; width:calc(100% + 20px); }
._liyu2-1  .li{ margin:7px 10px 7px 10px; width:calc(33.33% - 20px); }


._liyu1{ display:block; width:100%; position: relative; z-index:6; margin-top: 0.61rem; color: #2a2a2a; font-size:calc(14px + 0.02rem); line-height:calc(24px + 0.1rem); text-align: justify;text-indent: calc(28px + 0.04rem);}
._liyu1 .left{ display: flex; float: left; width:38%; line-height: 0; border-radius: 0.15rem; overflow: hidden; margin:-0.06rem 0.5rem 0.15rem 0;}
._liyu0{ display: block; line-height: 0; height:0; position: relative; z-index:1; padding:0 0.96rem; text-align: right; top:-0.6rem;}
._liyu0 .ico{ width:1.84rem;}

@media  screen and (max-width:1440px){
._liyu1{ font-size:calc(14px + 0.02rem); line-height:calc(24px + 0.08rem);}
._liyu1 .left{ margin:0 0.4rem 0.15rem 0;}
}
@media  screen and (max-width:1024px){
._liyu2  .li{ width:calc(33.33% - 13px); padding:16px 12px;}
._liyu2-1  .ul{ margin:-7px -13px -7px 0; width:calc(100% + 13px); }
._liyu2-1  .li{ margin:7px 13px 7px 0; width:calc(33.33% - 13px); }
}
@media  screen and (max-width:767px){
._liyu{ padding-top:30px; padding-bottom:35px;}
._liyu2{ margin-top:25px;}
._liyu2  .li{ width:calc(100% - 13px)!important; border-radius:5px;}
._liyu2 .ul.one .li{width:calc(100% - 13px)!important;}
._liyu2 .ul.two .li{width:calc(100% - 13px)!important;}
._liyu2 .ul.three .li{width:calc(100% - 13px)!important;}
._liyu2 .ul.four .li{width:calc(100% - 13px)!important;}
._liyu2 .ul.five .li{width:calc(100% - 13px)!important;}
._liyu2  .li .p{ justify-content: space-between;}
._liyu2  .li .tow{ width:48.5%;}
._liyu2-1  .li{ width:calc(100% - 13px);}
._liyu1{ margin-top:25px;}
._liyu1 .left{ width:100%; border-radius:5px; margin:0 0 15px 0;}
._liyu0{ padding: 0; top:-42px;}
._liyu0 .ico{ width:48px;}
}


._slide1{ margin-bottom:-4px;}
._slide1 .ul .li{ margin-bottom:4px;}
.wz_slide1 .ul .li:first-child{display:none;}
._slide1 .ul .li .a{ display: flex; flex-wrap: wrap; width:100%; background: #fff; color: #2a2a2a; font-size:calc(14px + 0.04rem); line-height:calc(24px + 0.1rem); padding:5px 30px 5px 16px; border:1px solid #dadada; text-transform: uppercase; position: relative;}
._slide1 .ul .li .a::after,
._slide1 .ul .li .a::before{ display: block; content: ''; position: absolute; right:10px; top:50%; transform: translate(0%,-50%); -ms-transform: translate(0%,-50%); background: #0c55ff; width:10px; height:2px;}
._slide1 .ul .li .a::before{ width:2px; height:10px; margin:0 4px;}
._slide1 .ul .li:hover .a{color: #0c55ff;}
._slide1 .ul .li.on .a{ background: #0c55ff;color: #fff; border:1px solid #0c55ff;}
._slide1 .ul .li.on .a::after{ background: #fff;}
._slide1 .ul .li.on .a::before{ background: #0c55ff;}
._slide1 .ul1{ background: #e9eef7;}
._slide1 .ul1 .li1 .a1{ display:inline-block; flex-wrap: wrap; width:100%; color: #2a2a2a; font-size:calc(14px + 0.02rem); line-height:calc(23px + 0.04rem); padding:5px 24px;}
._slide1 .ul1 .li1.on .a1{ background: #cedbf8;color: #0c55ff;}
._slide1 .ul1 .li1:hover .a1{ background: #cedbf8;color: #0c55ff;}
._slide_pc .ul1{ height:0; overflow: hidden;
-webkit-transition: all 5s ease-out 0s; 
-moz-transition: all 5s ease-out 0s; 
-o-transition: all 5s ease-out 0s; 
transition: all 5s ease-out 0s;  
}
._slide_pc .ul .li.on .ul1{ height: auto;}

._slide_ph{display:none; position: relative; z-index:8;}
._slide_ph .down{ position: absolute; left: 0; top:100%;}
._slide_ph .ul1{ display:none; position: absolute; left: 0; top:100%; padding:8px 0; box-shadow:0 3px 3px rgba(0,0,0,0.2);}

@media  screen and (max-width:1024px){
._slide1 .ul{ overflow-x: auto; flex-wrap: nowrap;}
._slide1 .ul .li{ margin-bottom: 0; margin-right:-1px; width: auto; white-space: nowrap;}
._slide1wz .ul .li:first-child{display:none;}
._slide1 .ul .li .a{ padding:5px 40px 5px 15px;}
._slide1 .ul .li .a::after, 
._slide1 .ul .li .a::before{ right:15px;}
._slide1 .ul1 .li1 .a1{ padding:3px 15px;}

._slide_pc{display:none;}
._slide_ph{display:flex;}

}
@media  screen and (max-width:767px){


}

._service{ padding:0.8rem 0; align-items: baseline;}
._fwL{ display:flex; flex-wrap: wrap; width:250px;}
._fwR{ display:flex; flex-wrap: wrap; width:calc(100% - 250px - 0.38rem);}
._inTit1{ position: relative; color: #0c55ff; font-size:calc(15px + 0.07rem); line-height:calc(24px + 0.1rem); border-bottom:1px solid #d9d9da; padding-bottom:11px; }
._inTit1::after{ display: block; content: ''; position: absolute; left: 0; bottom: 0; width: 50px; height: 2px; background: #0c55ff;}
.fw-box{ color: #2a2a2a; font-size:calc(14px + 0.02rem); line-height:calc(24px + 0.12rem); padding:30px 0 0 0; text-align: justify;}
.fw-box .qh_b{width:100%;}
.fw-box .li{font-size:calc(14px + 0.02rem); line-height:calc(24px + 0.12rem);color: #2a2a2a;text-align:justify;}
._hdTit{ margin-top:16px;}
._hdTit .ul{ display: flex; flex-wrap: wrap; margin-right: -4px;}
._hdTit .li{ display: flex; margin: 4px 4px 0 0;}
._hdTit .li a{ display: flex; color: #2a2a2a; font-size:calc(14px + 0.02rem); line-height:calc(24px + 0.02rem); background: #e9eef7; border:1px solid #e9eef7; padding:4px 0.32rem; position: relative;}
._hdTit .li a::after{display: block; content: ''; position: absolute; left: 0; top:-1px; width:0%; height: 2px; background: #0c55ff;}
._hdTit .li.on a{ background: #fff;border:1px solid #d9d9da; color: #0c55ff;}
._hdTit .li.on a::after{ width:100%;}
._hdTit .li:hover a{ background: #0c55ff;border:1px solid #0c55ff; color: #fff;}



@media  screen and (max-width:1024px){
._service{ padding:15px 0 35px 0;}	
._fwL{ width:100%;}
._fwR{ width:100%; margin-top:20px;}
}
@media  screen and (max-width:767px){
.fw-box{ padding:20px 0 0 0;}
._hdTit .li a{ font-size:calc(14px + 0.01rem); padding:4px 0.42rem;}

}


._ziyuanB{ align-items: baseline; padding-top:0.5rem; padding-bottom:1rem;}
.ziyuan1{ padding-top:10px;}
.ziyuan1 .li{ border-bottom:1px solid #d9d9da; padding:25px 0 25px 24px;display:block;}
.ziyuan1 .li .tit{ color: #333; font-size:calc(16px + 0.04rem); line-height:calc(22px + 0.1rem);display:block;font-weight:bold;}
.ziyuan1 .li .tit span{font-weight:bold;font-style:italic}
.ziyuan1 .li .info{ color: #2a2a2a; font-size:calc(14px + 0.02rem); line-height:calc(22px + 0.04rem); margin:12px 0 9px 0;}
.ziyuan1 .li .info .a{ position: relative; color: #0c55ff;}
.ziyuan1 .li .info span{color: #0c55ff;}
.ziyuan1 .li .info .a::after{ display: block; content: ''; position: absolute; left: 0; bottom: 0; width: 0; height: 1px; background: #0c55ff;
-webkit-transition: all 0.5s ease-out 0s; 
-moz-transition: all 0.5s ease-out 0s; 
-o-transition: all 0.5s ease-out 0s; 
transition: all 0.5s ease-out 0s;  
}
.ziyuan1 .li .info .a:hover::after{ width:100%;}
.ziyuan1 .li .cont{ color: #6c6c6c; font-size:calc(14px + 0.02rem); line-height:calc(22px + 0.04rem); margin-top:4px;}
.ziyuan1 .li .cont .p{ margin-right: 0.28rem;}

@media  screen and (max-width:1024px){
._ziyuanB{ padding-top:20px; padding-bottom:35px;}
.ziyuan1 .li{ padding:15px 0 15px 0;}
.ziyuan1 .li .info{ margin:6px 0 4px 0;}

}


._ziyuanA{ align-items: baseline; padding-top:0.48rem;flex-wrap: nowrap;}
._ziyuanA .tit{ display: flex; white-space: nowrap; margin-right:0.1rem; color: #2a2a2a; font-size:calc(15px + 0.07rem); line-height:calc(34px + 0.02rem);}
._ziyuanA .ul{ margin-top: -8px; }
._ziyuanA .li{ display: flex; margin:8px 0 0 0.2rem;}
._ziyuanA .li a{ display: flex; color: #2a2a2a; font-size:calc(14px + 0.02rem); line-height:calc(24px + 0.02rem); border-radius: calc(34px + 0.02rem); background: #e7eeff; border:1px solid #e7eeff; padding:4px 0.29rem; position: relative;}
._ziyuanA .li.on a{ background: #d1dfff;border:1px solid #0c55ff; color: #0c55ff;}
._ziyuanA .li:hover a{ background: #d1dfff;border:1px solid #0c55ff; color: #0c55ff;}


._slideT{background:#fff;border: 1px solid #dadada;  color: #2a2a2a; font-size:calc(15px + 0.03rem); line-height:calc(24px + 0.1rem); padding: 5px 24px; margin-bottom: 14px; position: relative; text-transform: uppercase;}
.a.on ._slideT{background: #0c55ff; border:1px solid #0c55ff;color:#fff}
._slideT:after{ display:block; content: ''; position: absolute; left:calc(-4px - 0.01rem); bottom:2px;height:calc(37px + 0.1rem);width:calc(37px + 0.1rem); background: url(img/ico4.png) left top no-repeat; background-size:100% auto !important; z-index: 1;}
._slideT span{ text-align: center; display:block; position: absolute; left:0; top:0; line-height:calc(37px + 0.1rem);; height:calc(37px + 0.1rem);width:calc(37px + 0.1rem); font-size: 10px; color: #0c55ff; z-index: 2; transform: translate(-33%,-24%) rotate(-45deg); -ms-transform: translate(-33%,-24%) rotate(-45deg);}

._slideT-1{ background: #fff; border:1px solid #dadada; color: #0c55ff;}
._slideT-1:after{ background: url(img/ico4.1.png) left top no-repeat;}
._slideT-1 span{ color: #fff;}

@media  screen and (max-width:1024px){
._ziyuanA{ padding-top:20px;}
}
@media  screen and (max-width:767px){
._ziyuanA{ flex-wrap: wrap;}
._ziyuanA .ul{ width:calc(100% + 8px); margin-top: 0;}
._ziyuanA .li{ margin:8px 8px 0 0;}
._ziyuanA .li a{ padding:4px 0.7rem;}
._slideT{ margin-bottom: 10px;}
}

._newsD{color: #2e2e2e; font-size:calc(14px + 0.04rem); line-height:calc(24px + 0.17rem); padding: 0.73rem 0 1.4rem 0;}
._newsD .title{ font-size:calc(14px + 0.16rem);}
._newsD .time{color: #6c6c6c; font-size:calc(14px + 0.04rem); line-height:calc(24px + 0.04rem); border-bottom:1px solid #d8d8d8; padding:14px 0 28px 0;}
._newsD .cont{ margin-top: 40px;display:block!important;}

@media  screen and (max-width:1024px){
._newsD{ padding: 30px 0 40px 0;}	
._newsD .time{ padding:5px 0 16px 0;}
._newsD .cont{ margin-top:25px;}
}



._newsL{ padding: 0.52rem 0 0.93rem 0;}
._newsL .a{ flex-wrap: nowrap; position: relative; border:1px solid #f5f8ff; padding:0.29rem 0.23rem;}
._newsL .a .img{ width:274px; min-width: 274px; height:119px; line-height: 0; overflow: hidden; margin-right: 0.26rem; position: relative;}
._newsL .a .img .num{position: absolute; left:12px; top:0; z-index: 3; text-align: center; color: #fff; font-size: 12px; line-height: 1; text-transform: uppercase; padding:5px 11px 8px 11px; background:url(img/bg0.png) top center no-repeat; background-size:100% 100%;}
._newsL .a .img .num font{ font-size: 16px; font-weight: bold; display: block; margin-top:1px;}
._newsL .a .img img{ display: block;  position: absolute; left: 0; top:0; width: 100%; height: 100%; object-fit: cover;-webkit-transition: all 0.5s ease-out 0s; 
-moz-transition: all 0.5s ease-out 0s; 
-o-transition: all 0.5s ease-out 0s; 
transition: all 0.5s ease-out 0s;  }
._newsL .a .cont{ align-content: baseline; position: relative; padding-right: 82px;}
._newsL .a .tit{ width:100%; color: #2a2a2a; font-size:calc(14px + 0.06rem); line-height:calc(22px + 0.08rem);overflow: hidden;text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical;-webkit-line-clamp:2;}
._newsL .a .p{ width:100%; color: #999999; font-size:calc(14px + 0.02rem); line-height:calc(22px + 0.06rem); margin-top: 0.08rem;overflow: hidden;text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical;-webkit-line-clamp:2;}
._newsL .a .time{ position: absolute; right:0; top: 0; color: #999999; font-size:calc(14px + 0.02rem); line-height:calc(22px + 0.08rem); display: block; text-align: center;}
._newsL .a .time span{ display: block; color: #2a2a2a; font-size:calc(16px + 0.06rem); line-height:calc(22px + 0.06rem);margin-top: 0.05rem;}
._newsL .a .ico{ position: absolute; right:0; bottom:calc(2px + 0.03rem); height:19px; width: 58px; border-left:1px solid #bebfc1; display: flex; justify-content:flex-end; align-content:flex-end; padding:0 10px;}
._newsL .a .ico i{ display: flex; width:30px; height:24px; opacity: 0.5; background:url(img/_arrow-right.svg) right center no-repeat; background-size:auto 100% !important;}
._newsL .a:hover .ico{ border-left:1px solid #676869;}
._newsL .a:hover .ico i{ opacity: 0.8; background:url(img/_arrow-right1.svg) right center no-repeat;}
._newsL .a:hover .time{ color: #2a2a2a;}
._newsL .a:hover{ background: #fff; border:1px solid #e7e9ec;}
._newsL .a:hover .img img{ transform: scale(1.1); -ms-transform: scale(1.1); }


@media  screen and (max-width:767px){
._newsL{ padding:23px 0 23px 0;}
._newsL .li{ margin:7px 0;}	
._newsL .a{ flex-wrap: wrap; padding:10px 10px 15px 10px; border:1px solid #e7e9ec;}
._newsL .a .img{ width:100%; min-width:100%; height:auto; margin:0 0 15px 0;}
._newsL .a .img img{ position: relative;}
._newsL .a .cont{ padding-right:50px;}
._newsL .a .ico{width:35px; padding: 0;}
}


._form2{position:relative;z-index:10;}
._form2 .lab{ flex-wrap:nowrap;  margin-top:18px; align-items:center;}
._form2 .line{ flex-wrap:nowrap; align-items:center; background: #f2f2f2; overflow: hidden; border-radius: 8px; padding:4px 0.2rem; position: relative;}
._form2 .beizhu{ color:#ff1d1d; font-size:12px; line-height:24px; padding:8px 5px 0 5px;}
._form2 .name{ white-space: nowrap; color:#848484; font-size: calc(14px + 0.04rem); line-height:calc(30px + 0.1rem);}
._form2 .text{background:none; border:0; color:#2a2a2a; font-size: calc(14px + 0.04rem); line-height:calc(30px + 0.1rem); height:calc(30px + 0.1rem);}
._form2 .yanzhengma{ display: flex; position: absolute; right: 0; top:0; height:100%; z-index: 2;width:94px;height:48px;}
._form2 .submit{background:#0c55ff; color:#fff; font-size: calc(14px + 0.04rem); line-height:calc(38px + 0.1rem); height:calc(38px + 0.1rem);border:0;text-align: center;border-radius:8px; transition:all .5s ease; margin-left: 0.32rem; min-width: 100px;width: 100px;}
._form2 .submit:hover{ box-shadow:0 3px 6px rgba(0,0,0,0.2);}

._form2 ::-webkit-input-placeholder{color:#b2b2b2;}
._form2 :-moz-placeholder{color:#b2b2b2}
._form2 ::-moz-placeholder{color:#b2b2b2}
._form2 :-ms-input-placeholder{color:#b2b2b2}
.ziyuan4{ padding:40px 0 0.71rem;}
.ziyuan4 .left{ width:65.6%; background: #fff; padding:33px 0.4rem 0.7rem 0.4rem;}
.ziyuan4 .right{ width:calc(34.4% - 0.22rem); background: #fff; padding:35px 0.5rem 0.7rem 0.5rem;}
.ziyuan4 .title{ color: #2a2a2a; font-size: calc(14px + 0.04rem); line-height:calc(24px + 0.14rem); padding-bottom: 0.07rem; }
.ziyuan4 .img{ line-height: 0; overflow: hidden; border: 1px solid #e8e8e8; border-radius: 8px;}
.ziyuan4 .ul{ padding:24px 0 0.65rem 0;}
.ziyuan4 .ul .li{ margin-top:-1px; position: relative; z-index: 1;}
.ziyuan4 .ul .a{ padding:11px 12px; border-top:1px solid #cdcdcd; border-bottom:1px solid #cdcdcd; color: #2a2a2a; font-size: calc(14px + 0.04rem); line-height:calc(24px + 0.12rem); cursor: pointer;}
.ziyuan4 .ul .li.on{ background: #fff; z-index: 6;}
.ziyuan4 .ul .li.on .a{ background: #d1dfff; border:1px solid #0c55ff; color: #0c55ff; border-radius: 8px;}

@media  screen and (max-width:1024px){
.ziyuan4{ padding:15px 0 35px 0;}
.ziyuan4 .left{ width:100%; padding:15px 15px 25px 15px;}
.ziyuan4 .right{ width:100%; margin-top:15px; padding:20px 15px 25px 15px;}
.ziyuan4 .ul{ padding:15px 0 25px 0;}
._form2 .lab{ margin-top: 12px;}
._form2 .line{ padding:4px 15px;}
._form2 .beizhu{ padding:5px 5px 0 5px;}
._form2 .submit{ margin-left:15px; min-width:86px;width:86px;}
._form2 .yanzhengma{ width:70px;height:40px;}
}


.xzxq-back{ display:none; float:left; width: 100%; height: 100%; position: fixed; left: 0; top:0; z-index:90; opacity: 0.6; background: #000;}
.xzxq-puop{ display:none; float: left; background: #fff; overflow: hidden; border-radius: 0.2rem; width: 410px; position: fixed; left:50%; top:50%; z-index:95; transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); }
.xzxq-puop .box{ position: relative; padding:46px 45px;}
.xzxq-puop .colse{ position:absolute; display: block; right:12px; top:12px; width:28px; height: 28px; cursor: pointer;}
.xzxq-puop .colse::after,
.xzxq-puop .colse::before{ display: block; content: ''; position: absolute; background: #9a9a9a;left:50%; top:50%; transform: translate(-50%,-50%) rotate(45deg); -ms-transform: translate(-50%,-50%) rotate(45deg); width:16px; height:2px;}
.xzxq-puop .colse::before{ height:16px; width:2px;}

@media  screen and (max-width:767px){
.xzxq-puop{border-radius:8px;  width: 300px; }
.xzxq-puop .box{ padding:25px 15px;}
.xzxq-puop .colse{ right:4px; top:4px;}
}


.ziyuan3{ padding: 0.42rem 0 0.6rem 0;}
.ziyuan3 .ul{ display: flex; flex-wrap: wrap; width: calc(100% + 0.36rem); margin: 0 -0.18rem;}
.ziyuan3 .li{ width: 33.33%; padding:0.14rem 0.18rem;}
.ziyuan3 .li .la{ position: relative; height: 100%; display: flex; flex-wrap: wrap; border: 1px solid #f5f8ff; padding:0.37rem 0.19rem 0.27rem 0.19rem; align-content: space-between;
-webkit-transition: all 0.5s ease-out 0s; 
-moz-transition: all 0.5s ease-out 0s; 
-o-transition: all 0.5s ease-out 0s; 
transition: all 0.5s ease-out 0s;  
}
.ziyuan3 .li .img{ line-height: 0; justify-content: center;}
.ziyuan3 .li .img img{ max-width: 166px;border: 1px solid #cdcdcd; border-radius: 8px;}
.ziyuan3 .li .line{ height:1px; background: #e0e0e0;}
.ziyuan3 .li .tit{ text-align: center; justify-content: center; color: #2a2a2a;font-size: calc(14px + 0.04rem); line-height:calc(22px + 0.1rem); margin:0.17rem 0 0.16rem  0;white-space: pre-wrap;
overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2;}
.ziyuan3 .li .cont{ color: #999999;font-size:14px; line-height:calc(22px + 0.06rem); margin:0.14rem 0 0.26rem  0;
overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 4;}
.ziyuan3 .li .info{ flex-wrap: nowrap; position: relative; text-align: center; color: #999999;font-size:14px; line-height:28px;}
.ziyuan3 .li .info time{ position: absolute; right: 0; top:0;}
.ziyuan3 .li .a2{ position: relative; text-align: center; color: #999999;border: 1px solid #d8d8d8; font-size:14px; line-height:26px;height: 28px; padding: 0 35px 0 7px;}
.ziyuan3 .li .a2::after{ display:block; content: ''; position: absolute; right:12px; top:50%; width:7px; height:7px; border-top:1px solid #d8d8d8; border-right:1px solid #d8d8d8; transform:translate(0,-50%) rotate(45deg);-ms-transform:translate(0,-50%) rotate(45deg);}
.ziyuan3 .li .a3{ display: flex; width: 28px; height: 28px; margin-left: 11px; background: url(img/ico5.png) center no-repeat; background-size:22px auto !important;}
.ziyuan3 .li .la:hover{ background: #fff; border: 1px solid #dadada;}
.ziyuan3 .li .la:hover .a2{ border: 1px solid #0054ff; color: #0054ff;}
.ziyuan3 .li .la:hover .a2::after{ border-top:1px solid #0054ff; border-right:1px solid #0054ff;}
.ziyuan3 .li .la:hover .a3{ background: url(img/ico6.png) center no-repeat;}

@media  screen and (max-width:1024px){
.ziyuan3{ padding:18px 0 23px 0;}	
.ziyuan3 .ul{ width: calc(100% + 14px); margin: 0 -7px;}
.ziyuan3 .li{ padding:7px 7px;}
.ziyuan3 .li .a2{ font-size:13px;}
}
@media  screen and (max-width:767px){
.ziyuan3 .li{ width:100%;}
.ziyuan3 .li .la{background: #fff; border: 1px solid #dadada; padding:20px 15px;}
.ziyuan3 .li .tit{ margin:12px 0;}
.ziyuan3 .li .cont{ margin:10px 0 12px 0;}
.ziyuan3 .li .a2{ border: 1px solid #0054ff; color: #0054ff;}
.ziyuan3 .li .a2::after{ border-top:1px solid #0054ff; border-right:1px solid #0054ff;}
.ziyuan3 .li .a3{ background: url(img/ico6.png) center no-repeat;}
}



._about4{ padding:0.55rem 0 0.8rem 0;}
._about4 .ul{ display: flex; flex-wrap: wrap; margin:0 -6px;  width:calc(100% + 12px);}
._about4 .li{ display: flex; flex-wrap: wrap; width:25%; padding:0.14rem 6px;}
._about4 .la{ position: relative; height:100%; background: #fff;border-radius: 0.15rem;  align-content:baseline; overflow: hidden;}
._about4 .la .tit{ text-align: center; justify-content: center; color: #2a2a2a; font-size:calc(14px + 0.1rem); line-height:calc(22px + 0.12rem); margin:0.2rem 0 0.09rem 0; padding: 0 15px;}
._about4 .la .cont{ text-align: center; justify-content: center; color: #454545; font-size:calc(14px + 0.02rem); line-height:calc(22px + 0.04rem); margin-bottom:0.22rem;padding: 0 15px;}
._about4 .la .img{ line-height: 0; overflow: hidden; position: relative; padding-bottom: 97.3%;}


._about4 .la .img img{ display: block;  position: absolute; left: 0; top:0; width: 100%; height: 100%;-webkit-transition: all 0.5s ease-out 0s; 
-moz-transition: all 0.5s ease-out 0s; 
-o-transition: all 0.5s ease-out 0s; 
transition: all 0.5s ease-out 0s;  }
._about4 .la:hover .img img{ transform: scale(1.1); -ms-transform: scale(1.1); }
._about4 .la:hover .tit{ color:#0054ff;}
._about4 .slick-dots{ margin-top: 0.45rem; display: flex; justify-content: center;}
._about4 .slick-dots li{ margin:0 7px; width: 14px; height: 14px; border-radius: 50%; border: 1px solid #cdcdcd; background:#cdcdcd;}
._about4 .slick-dots li.slick-active{ background:#fff;}
._about4-ph{ display: none;}

@media  screen and (max-width:1024px){
._about4{ padding:30px 0 30px 0;}	
._about4 .ul{ width: calc(100% + 10px); margin: 0 -5px;}
._about4 .li{ padding:7px 5px;}
._about4 .la .tit{ margin:10px 0 2px 0; padding: 0 10px;;}
._about4 .la .cont{ margin-bottom:14px; padding: 0 10px;}
._about4 .slick-dots{ margin-top:10px;}
._about4 .slick-dots li{ margin:0 5px; width: 12px; height: 12px;}
}
@media  screen and (max-width:767px){
._about4 .li{ width:50%;}
._about4-ph{ display: flex;}
._about4-pc{ display: none;}
}



._about1{ padding-top: 0.94rem; padding-bottom:0.9rem;}
._about1 .cont{ display:block; width:100%; position: relative; z-index:6; padding-top: 0.47rem; color: #2a2a2a; font-size:calc(14px + 0.02rem); line-height:calc(24px + 0.12rem); text-align: justify;text-indent: calc(28px + 0.04rem);}
._about1 .cont .img{ display: flex; float:right; width:66.8%; line-height: 0; margin:0.07rem 0 0.15rem 0.4rem;}
._about1 .list{ margin-top: 0.4rem;}
._about1 .list .ul{ flex-wrap: nowrap; justify-content: space-around; padding: 0 0.1rem;}
._about1 .list .li{ display: flex;flex-direction: column; text-align: center; justify-content: center; align-items: center; margin:10px 10px;}
._about1 .list .li .info{ color: #363636; font-size:calc(14px + 0.04rem); line-height:calc(22px + 0.06rem); margin-top: 0.17rem;}
._about1 .list .li .num{ font-weight: bold; color: #0c55ff; font-size:calc(20px + 0.4rem); line-height:1;}
._about1 .list .line{ width:1px !important; background: #cdcdcd;}
._about1 .list .line:last-child{display:none;}
@media  screen and (max-width:1024px){
._about1{ padding-top:30px; padding-bottom:35px;}
._about1 .cont{ padding-top: 20px;}
._about1 .list .ul{ padding: 0;}
}
@media  screen and (max-width:767px){
._about1 .cont .img{ width:100%;margin:0 0 15px 0;}
._about1 .list .ul{ justify-content: space-between; flex-wrap: wrap;}
._about1 .list .li{ width:52%; margin:10px 0;}
._about1 .list .li:nth-child(4){ display:none;}
._about1 .list .li:nth-child(4n+1){ width:30%;}
}


._about3{ overflow: hidden; padding-top: 0.94rem; padding-bottom:0; color: #454545; font-size:calc(14px + 0.02rem); line-height:calc(24px + 0.12rem);}
._about3 .list{ position: relative; padding:15px 0 0.48rem 0;}
._about3 .name{ color: #0c55ff; font-size:calc(14px + 0.26rem); line-height:calc(22px + 0.28rem); align-items: flex-end;}
._about3 .name .s{ font-size:calc(12px + 0.14rem); line-height: calc(20px + 0.16rem);}
._about3 .info{ color: #2a2a2a; font-size:calc(14px + 0.1rem); line-height:calc(22px + 0.12rem); margin:0.16rem 0 0.18rem 0;}
._about3 .cont{ width: 50%; padding: 1.24rem 0 1.24rem 1.06rem;}
._about3 .img{ display: flex; align-items: flex-end; width: 47.3%; line-height: 0; margin-bottom: -0.48rem;}


@media  screen and (max-width:1600px){
._about3 .cont{ width: 50%; padding: 1.24rem 0 1.24rem 0.86rem;}
}
@media  screen and (max-width:1440px){
._about3 .cont{ width: 50%; padding: 1.24rem 0 1.24rem 0.66rem;}
}
@media  screen and (max-width:1024px){
._about3{ padding-top:30px; padding-bottom:35px;}
._about3 .list{ align-items: center; padding:15px 0 0 0;}
._about3 .cont{ width:calc(100% - 155px); padding:0;}
._about3 .info{ margin:5px 0 8px 0;}
._about3 .img{ width:140px; margin-bottom: 0;}
._about3 .p-xs{ margin-top:20px;}
}



._about2{ position: relative; overflow: hidden; padding-top: 0.94rem; padding-bottom:1.8rem;}
._about2::after{ display: block; content: ''; position: absolute; left: 0; top:0; width: 100%; height: 100%; background: #e5f2fe; opacity: 0.85; z-index: 1;}
._about2 .w_1300{ position: relative; z-index: 6;}
._about2 .list{ display: block; width: 100%; position: relative; margin-top: 1.4rem; overflow: hidden;}
._about2 .list::after{ display: block; width: 100%; height: 1px; background: #a0c6eb; height: 1px; content: ''; position: absolute; left: 0; bottom:calc(26px + 0.25rem); z-index: 1;}
/* ._about2 .list .slick-list{ display: inline-flex;} */
._about2 .list .slick-track{display:flex; flex-wrap: wrap;}
._about2 .list .ul{ z-index:6; width: 100%; padding: 0 0 0 0.6rem;direction: rtl;}
._about2 .list .li{display: flex; flex-wrap: wrap; width: 25%;direction: ltr;}
._about2 .list .li .cont{ position: relative; padding:0 0.6rem 24px 0.32rem; color: #2a2a2a; font-size:calc(14px + 0.02rem); line-height:calc(24px + 0.12rem); height:calc(100% - 69px - 0.54rem);direction: ltr;text-align:left;}
._about2 .list .li .cont:after{ display: block; content:''; position: absolute; left:0; top:calc(5px + 0.05rem); width:11px; height: 11px; border-radius:50%; background: #71a8de;}
._about2 .list .li .cont:before{ display: block; content:''; position: absolute; left:5px; top:calc(5px + 0.05rem); width:1px; height:calc(100% - 5px - 0.05rem); border-left:1px dashed #71a8de;}
._about2 .list .li .year{ position: relative; padding:15px 0 0 calc(6px + 0.32rem); overflow: hidden;}
._about2 .list .li .year:after{ display: block; content: ''; position: absolute; left:0; top:-6px;border-left:1px dashed #71a8de; width:1px; height:100%;-webkit-transform:translate(-50%,-50%) rotate(-45deg);-ms-transform:translate(-50%,-50%) rotate(-45deg); transform:translate(-50%,-50%) rotate(-45deg);}
._about2 .list .li .num{ position: relative; z-index: 6; display: block; text-align: center; width:calc(54px + 0.54rem); height:calc(54px + 0.54rem); border-radius: 50%; background: #e5f2fe; border:calc(5px + 0.05rem) solid #b9d7f5; color: #2a2a2a; font-size:calc(14px + 0.12rem); line-height:calc(44px + 0.44rem); font-weight: bold;}
._about2 .list .slick-next,
._about2 .list .slick-prev{ float: right; width:calc(26px + 0.24rem); height:calc(26px + 0.24rem); position:absolute; right:0;top:auto ; bottom:calc(14px + 0.15rem); z-index:10; cursor: pointer; background: #abcef1; border-radius:50%;-webkit-transform: translate(0,0) rotate(0deg);-ms-transform:translate(0,0) rotate(0deg); transform:translate(0,0) rotate(0deg); }
._about2 .list .slick-next{right:auto; left:0;-webkit-transform: translate(0,0) rotate(180deg);-ms-transform:translate(0,0) rotate(180deg); transform:translate(0,0) rotate(180deg);}
._about2 .list .slick-next::after,
._about2 .list .slick-prev::after{ display: block; content: ''; position: absolute;left: 50%; top:50%; transform: translate(-50%,-50%) rotate(45deg); -ms-transform: translate(-50%,-50%) rotate(45deg); width:calc(8px + 0.09rem); height:calc(8px + 0.09rem); border-top:2px solid #fff; border-right:2px solid #fff; margin:0 0 0 calc(-2px - 0.02rem);}
._about2 .list .slick-next:hover,
._about2 .list .slick-prev:hover{background: #0c55ff;}


@media  screen and (max-width:1440px){
._about2 .list .ul{ padding: 0 0 0 0.5rem;}	
._about2 .list .li .cont{ padding:0 0.5rem 24px 0.32rem;}
}
@media  screen and (max-width:1024px){
._about2{ padding-top:30px; padding-bottom:35px;}
._about2 .list{ margin-top: 20px;}
._about2 .list .ul{ padding: 0;}	
._about2 .list .li{ width: 50%; padding: 0 5px;}
._about2 .list .li .cont{ padding:0 0 12px 22px;}
._about2 .list .li .year{ padding: 15px 0 0 0;}
._about2 .list .li .year::after {top:-2px; height:150%;-webkit-transform:translate(-50%,-50%) rotate(-60deg);-ms-transform:translate(-50%,-50%) rotate(-60deg); transform:translate(-50%,-50%) rotate(-60deg);}
._about2 .list .li .num{ margin: 0 auto;}
}


._honor1{ background: #f7f7f7; padding-top: 0.83rem; padding-bottom:45px;}
._honor1 .list{ overflow: hidden; margin-top: 0.7rem; cursor: pointer;}
._honor1 .list .cover{ display: flex; flex-wrap: wrap; justify-content:center; line-height: 0;}
._honor1 .swiper-pagination{ position: static; margin-top:0.6rem; display: flex; justify-content: center; align-items: center;}
._honor1 .swiper-pagination .swiper-pagination-bullet{ margin:0 7px; width: 14px; height: 14px; border-radius: 50%; border: 1px solid #cdcdcd; background:#cdcdcd; opacity: 1 !important;}
._honor1 .swiper-pagination .swiper-pagination-bullet-active{ background:#fff; opacity: 1 !important;}


@media  screen and (max-width:1024px){
._honor1{ padding-top:30px; padding-bottom:35px;}
._honor1 .list{ margin-top: 20px;}
._honor1 .swiper-pagination{ margin-top:20px;}
._honor1 .swiper-pagination .swiper-pagination-bullet{ margin:0 5px; width: 12px; height: 12px;}
}


._honor2{ padding-top: 0.83rem; padding-bottom:1.96rem;}
._honor2 ._inCont{ margin-top: 0.16rem;}
._honor2 .list2{ position: relative;margin:1.44rem 0 0 0; padding: 0 10px;}
._honor2 .list2 .mySwiper2{padding:0.24rem 0.38rem; overflow: hidden;}
._honor2 .list2 .swiper-prev2,
._honor2 .list2 .swiper-next2{ float: right; width:calc(26px + 0.24rem); height:calc(26px + 0.24rem); position:absolute; left:0;top:50% ; bottom:calc(14px + 0.15rem); z-index:10; cursor: pointer; transform:  translate(0%,-50%) rotate(0deg); -ms-transform:  translate(0%,-50%) rotate(0deg);}
._honor2 .list2 .swiper-next2{left:auto; right:0;transform:  translate(0%,-50%) rotate(180deg); -ms-transform:  translate(0%,-50%) rotate(180deg);}
._honor2 .list2 .swiper-prev2::after,
._honor2 .list2 .swiper-next2::after{ display: block; content: ''; position: absolute;left:0; top:50%; transform: translate(0%,-50%) rotate(45deg); -ms-transform: translate(0%,-50%) rotate(45deg); width:calc(10px + 0.11rem); height:calc(10px + 0.11rem); border-bottom:2px solid #c9c9c9; border-left:2px solid #c9c9c9; margin:0 0 0 calc(2px + 0.02rem);}
._honor2 .list2 .swiper-prev2:hover::after,
._honor2 .list2 .swiper-next2:hover::after{border-bottom:2px solid #0c55ff;border-left:2px solid #0c55ff;}
._honor2 .list2 .li{ position: relative; z-index: 1; line-height: 0; cursor: pointer; opacity: 0;}
._honor2 .list2 .li .cover{ display: flex; flex-wrap: wrap; justify-content:center; align-items: center; line-height: 0; position: relative; height: 100%; margin:0 -0.11rem;}
._honor2 .list2 .li .cover img{ width:100%;box-shadow:0 0 0.24rem rgba(33,33,33,0.44);}
._honor2 .list2 .swiper-slide-visible{ z-index: 4; opacity: 1;}
._honor2 .list2 .swiper-slide-prev,
._honor2 .list2 .swiper-slide-next{ z-index:5; opacity: 1;padding:0;}
._honor2 .list2 .swiper-slide-prev .cover,
._honor2 .list2 .swiper-slide-next .cover{ margin:0 -0.23rem;}
._honor2 .list2 .swiper-slide-prev .cover img,
._honor2 .list2 .swiper-slide-next .cover img{}
._honor2 .list2 .swiper-slide-active{ z-index:6; opacity: 1;padding:0;}
._honor2 .list2 .swiper-slide-active .cover{ margin:0 -0.36rem;}


@media  screen and (max-width:1024px){
._honor2{ padding-top:30px; padding-bottom:1.96rem;}
._honor2 ._inCont{ margin-top:4px;}


}

._honor2 .list1{ overflow: hidden; margin-top: 0.8rem; padding: 0 0.38rem;}
._honor2 .list1 .li{ width: 16.66%; padding:5px 2px 1px 2px; line-height: 0;cursor: pointer;}
._honor2 .list1 .li .cover{ display: flex; flex-wrap: wrap;line-height: 0; position: relative; width:100%; justify-content: center; align-items: flex-end; align-content: flex-end; padding-bottom: 135%;}
._honor2 .list1 .li .cover img{ position: absolute; left:50%; bottom:0; width:83%; object-fit: contain;
 transform: translate(-50%,0); -ms-transform: translate(-50%,0);-webkit-transition: all 0.5s ease-out 0s; 
-moz-transition: all 0.5s ease-out 0s; 
-o-transition: all 0.5s ease-out 0s; 
transition: all 0.5s ease-out 0s;  
}
._honor2 .list1 .li:hover .cover img{ width:100%;}


@media  screen and (max-width:1024px){
._honor2 .list1{ margin-top:20px; padding: 0;}	
._honor2 .list1 .image-list{ width: calc(100% + 10px); margin:0 -5px; }
._honor2 .list1 .li{ padding:1px 5px}
._honor2 .list1 .li .cover img{width:100%;}
._honor2 .list1 .li:hover .cover img{ width:100%;}
}
@media  screen and (max-width:767px){
._honor2 .list1 .li{ width: 33.33%;}
}

.nav-height{ width:100%; height:0;}
.nav-height.navFix{ height: calc(60px + 0.2rem);}
.xd_top.navFix{ position: fixed; left: 0; top:0.9rem; z-index:30; width: 100%;}
@media  screen and (max-width:1024px){
.nav-height.navFix{ height:calc(42px + 0.1rem);}	
.xd_top.navFix{top:50px;}
}


.wenhua1{ padding-top:1.05rem; padding-bottom: 1.1rem;}
.wenhua1 .box{padding:1.39rem 0 0 0; overflow: hidden;}
.wenhua1 .left{ color: #fff; display: flex; flex-wrap: wrap; width: 64.6%; background: rgba(12,85,255,0.9); padding:0.45rem 1.1rem 0.45rem 0.75rem;}
.wenhua1 .title{ font-weight: bold; font-size: calc(14px + 0.18rem); line-height:calc(22px + 0.20rem); display: flex; align-items: flex-end;}
.wenhua1 .title span{font-size: calc(14px + 0.08rem); line-height:calc(22px + 0.10rem);}
.wenhua1 .cont{ font-size: calc(14px + 0.06rem); line-height:calc(22px + 0.14rem); margin-top: 0.12rem;}
.wenhua1 .en{ line-height:calc(22px + 0.06rem); padding:0.1rem 0 0.32rem 0;}

@media  screen and (max-width:1440px){
.wenhua1 .left{ width: 64.6%;  padding:0.45rem 0.75rem 0.45rem 0.75rem;}
}
@media  screen and (max-width:1024px){
.wenhua1{ padding-top:30px; padding-bottom:30px;}
.wenhua1 .left{ width: 64.6%;  padding:25px 20px;}
}
@media  screen and (max-width:767px){
.wenhua1 .box{padding:15px 15px;}
.wenhua1 .left{ width:100%;  padding:20px 15px;}
.wenhua1 .cont{ margin-top:0.24rem;}
.wenhua1 .en{ padding:0.2rem 0 0.64rem 0;}
}


.wenhua2{ padding-top:0.68rem; padding-bottom: 1.12rem;}
.wenhua2 .title{ color: #2a2a2a; font-size: calc(14px + 0.26rem); line-height:calc(22px + 0.28rem); display: flex; align-items: flex-end;}
.wenhua2 .title span{font-size: calc(14px + 0.18rem); line-height:calc(22px + 0.20rem);}
.wenhua2 .list{ margin-top: 0.5rem; color: #fff;}
.wenhua2 .list .ul{ display: flex; flex-wrap: wrap; justify-content:center; align-items: center; position: relative;}
.wenhua2 .list .ul:after,
.wenhua2 .list .ul::before{ display: block; content: ''; position: absolute; width:0.2rem; height:100%; background: #fff; position: absolute; left:50%; top:50%; transform: translate(-50%,-50%) rotate(45deg); -ms-transform: translate(-50%,-50%) rotate(45deg); z-index: 8;}
.wenhua2 .list .ul::before{ transform: translate(-50%,-50%) rotate(-45deg); -ms-transform: translate(-50%,-50%) rotate(-45deg);}
.wenhua2 .list .li{ text-align: center; display: flex; flex-wrap: wrap; width:4.76rem;position: relative; cursor: pointer;}
.wenhua2 .list .li::after{ display: block; content:''; position: absolute; z-index:6; border:2px solid #fff;}

.wenhua2 .list .li .lab{ text-align: center; display: flex; flex-wrap: wrap; width:100%;position: relative; cursor: pointer;background: #ff8a00;
-webkit-clip-path:polygon(0% 0%, 50% 0%,100% 50%,50% 100%,0% 100%,0% 50%);
clip-path:polygon(0% 0%, 50% 0%,100% 50%,50% 100%,0% 100%,0% 50%);
}
.wenhua2 .list .li .img{ display:block; line-height: 0; overflow: hidden; position: relative; z-index:3; width:100%; padding-bottom:100%;}
.wenhua2 .list .li .img img{ position:absolute; left:0%; top:0%; display: block; width:100%; height:100%; object-fit: cover; z-index: 1;-webkit-transition: all 0.5s ease-out 0s; 
-moz-transition: all 0.5s ease-out 0s; 
-o-transition: all 0.5s ease-out 0s; 
transition: all 0.5s ease-out 0s;  
}
.wenhua2 .list .li .img::after{ display:block; content: ''; width:4.76rem; height:4.76rem; position:absolute; left: 50%; top:50%;background:url(img/main31.png) center no-repeat;background-size:101% 101%; z-index: 2; transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%);}
.wenhua2 .list .li .box{ align-content:center; position: absolute; left: 0; top:0; z-index:10; height: 100%; padding:20% 25%;}
.wenhua2 .list .li .tit{ width:100%; justify-content: center; font-weight: bold; font-size: calc(14px + 0.26rem); line-height:calc(22px + 0.32rem);}
.wenhua2 .list .li .cont{width:100%; display:none; text-align: center; font-size: calc(14px + 0.04rem); line-height:calc(22px + 0.08rem); margin-top: 0.04rem;}
.wenhua2 .list .li:nth-child(4n+1){ margin-left:22%; margin-right:22%;  margin-bottom:-2.45rem; z-index: 6;}
.wenhua2 .list .li:nth-child(4n+2){ margin-right:-0.07rem;}
.wenhua2 .list .li:nth-child(4n+3){ margin-left:-0.07rem;}
.wenhua2 .list .li:nth-child(4n+4){ margin-left:22%; margin-right:22%;  margin-top:-2.45rem; z-index: 6;}
.wenhua2 .list .li:nth-child(4n+1)::after{ left: 0; top:0; width:100%; height:45%; border-bottom:0;}
.wenhua2 .list .li:nth-child(4n+2)::after{ left: 0; top:0; width:45%; height: 100%; border-right:0;}
.wenhua2 .list .li:nth-child(4n+3)::after{ right: 0; top:0; width:45%; height: 100%; border-left:0;}
.wenhua2 .list .li:nth-child(4n+4)::after{ left: 0; bottom:0; width:100%; height: 45%; border-top:0;}
.wenhua2 .list .li:nth-child(4n+1) .lab{
-webkit-clip-path:polygon(0% 0%, 100% 0%,100% 50%,100% 50%,50% 100%,0% 50%);
clip-path:polygon(0% 0%, 100% 0%,100% 50%,100% 50%,50% 100%,0% 50%);
}
.wenhua2 .list .li:nth-child(4n+2) .lab{ background: #17bde6; }
.wenhua2 .list .li:nth-child(4n+3) .lab{ background: #e63517; 
-webkit-clip-path:polygon(0% 0%, 100% 0%,100% 50%,100% 100%,0% 100%,0% 50%);
clip-path:polygon(0% 0%, 100% 0%,100% 50%,100% 100%,0% 100%,0% 50%);
}
.wenhua2 .list .li:nth-child(4n+4) .lab{background: #29b916; 
-webkit-clip-path:polygon(50% 0%, 100% 50%,100% 50%,100% 100%,0% 100%,0% 50%);
clip-path:polygon(50% 0%, 100% 50%,100% 50%,100% 100%,0% 100%,0% 50%);
}
.wenhua2 .list .li:nth-child(4n+1) .cont{ margin-bottom:calc(14px + 0.14rem);} 
.wenhua2 .list .li:nth-child(4n+4) .tit{ margin-top:calc(14px + 0.14rem);} 
.wenhua2 .list .li:nth-child(4n+2) .box{ padding:20% 30% 20% 20%;} 
.wenhua2 .list .li:nth-child(4n+3) .box{ padding:20% 20% 20% 30%;} 
.wenhua2 .list .li:nth-child(4n+3) .img::after{ transform:translate(-50%,-50%) rotate(180deg); -ms-transform:translate(-50%,-50%) rotate(-180deg);} 
.wenhua2 .list .li:nth-child(4n+4) .img::after{ transform:translate(-50%,-50%) rotate(-90deg); -ms-transform:translate(-50%,-50%) rotate(-90deg);} 
.wenhua2 .list .li:nth-child(4n+1) .img::after{ transform:translate(-50%,-50%) rotate(90deg); -ms-transform:translate(-50%,-50%) rotate(90deg);} 
.wenhua2 .list .li:nth-child(4n+3) .img::after{ transform:translate(-50%,-50%) rotate(180deg); -ms-transform:translate(-50%,-50%) rotate(-180deg);} 
.wenhua2 .list .li:nth-child(4n+4) .img::after{ transform:translate(-50%,-50%) rotate(-90deg); -ms-transform:translate(-50%,-50%) rotate(-90deg);} 
.wenhua2 .list .li:hover .cont{ display: block;}
.wenhua2 .list .li:hover .img img{ opacity: 0.2;}
.wenhua2 .list .li:nth-child(4n+1):hover .img img{ opacity: 0.3;}
.wenhua2 .list .li:nth-child(4n+3):hover .img img{ opacity: 0.13;}
.wenhua2 .list .li:nth-child(4n+4):hover .img img{ opacity: 0.22;}

@media  screen and (max-width:1024px){
.wenhua2{ padding-top:30px; padding-bottom:35px;}
.wenhua2 .list{ margin-top:20px;}
.wenhua2 .list .li{ width:7.28rem;}
.wenhua2 .list .li::after{ border:0;}
.wenhua2 .list .li .img::after{ width:7.28rem; height:7.28rem; }
.wenhua2 .list .li .box{ padding:15% 22%;}
.wenhua2 .list .li .cont{ display: block;}
.wenhua2 .list .li .img img{ opacity: 0.2;}
.wenhua2 .list .li:nth-child(4n+1){ margin-bottom:-3.82rem; }
.wenhua2 .list .li:nth-child(4n+4){ margin-top:-3.82rem;}
.wenhua2 .list .li:nth-child(4n+2) .box{ padding:15% 25% 15% 18%;}
.wenhua2 .list .li:nth-child(4n+3) .box{ padding:15% 18% 15% 25%;}
.wenhua2 .list .li:nth-child(4n+1) .img img{ opacity: 0.3;}
.wenhua2 .list .li:nth-child(4n+3) .img img{ opacity: 0.13;}
.wenhua2 .list .li:nth-child(4n+4) .img img{ opacity: 0.22;}
}

@media  screen and (max-width:767px){
.wenhua2 .list .ul{ width: calc(100% + 28px); margin:0 -14px;}	
.wenhua2 .list .li{ width:7.98rem;}
.wenhua2 .list .li .cont{ display: block; font-size: 13px; line-height:21px; height:42px; overflow: hidden;}
.wenhua2 .list .li .img::after{ width:8rem; height:8rem; }
.wenhua2 .list .li .img img{ opacity: 0.2;}
.wenhua2 .list .li:nth-child(4n+1){ margin-bottom:-3.92rem; }
.wenhua2 .list .li:nth-child(4n+4){ margin-top:-3.92rem;}
.wenhua2 .list .li:nth-child(4n+1) .img img{ opacity: 0.3;}
.wenhua2 .list .li:nth-child(4n+3) .img img{ opacity: 0.13;}
.wenhua2 .list .li:nth-child(4n+4) .img img{ opacity: 0.22;}
}


.wh-bg{ display:none; float: left; width: 100%; height: 100%; position: fixed; left: 0; top:0; z-index:99; background: #000; opacity: 0.6;}
.wh-poup{ float: left; width:9.4rem; position: fixed; left:50%; top:200%; z-index:100; transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%);}
.wh-poup.act{ top:50%;}
.wh-poup .mySwiper{ display: block; width:100%; position: relative;overflow: hidden; border-radius: 0.2rem;}
.wh-poup .ul{ display: block; width:9.4rem;}
.wh-poup .ul .li{ display: block; width:100%; line-height:0;}
.wh-poup .ul .img{ display:flex; justify-content: center; align-items: center; width:100%; line-height:0;}
.wh-poup .ul .img img{ width:100%;}
.wh-poup .swiper-wrapper{position: relative; z-index: 1; display: flex; transition-property: transform; box-sizing: content-box;}
.wh-poup .swiper-slide { flex-shrink: 0; position: relative; transition-property: transform;}
.wh-poup .swiper-prev,
.wh-poup .swiper-next{ float: right; width:0.84rem; height:0.84rem; position:absolute; left:-0.84rem;top:50% ; bottom:calc(14px + 0.15rem); z-index:10; cursor: pointer; transform:  translate(0%,-50%) rotate(0deg); -ms-transform:  translate(0%,-50%) rotate(0deg);}
.wh-poup .swiper-next{left:auto; right:-0.84rem;transform:  translate(0%,-50%) rotate(180deg); -ms-transform:  translate(0%,-50%) rotate(180deg);}
.wh-poup .swiper-prev::after,
.wh-poup .swiper-next::after{ display: block; content: ''; position: absolute;left:0; top:50%; transform: translate(0%,-50%) rotate(45deg); -ms-transform: translate(0%,-50%) rotate(45deg); width:0.54rem; height:0.54rem; border-bottom:0.06rem solid #fff; border-left:0.06rem solid #fff; margin:0 0 0 0.06rem;}
.wh-poup .swiper-prev:hover,
.wh-poup .swiper-next:hover{opacity:0.6;}
.wh-poup .colse{ position: absolute; top:0.18rem; right:0.22rem; width:0.4rem; height:0.4rem; z-index:10;transform:rotate(45deg); -ms-transform:rotate(45deg); cursor: pointer;}
.wh-poup .colse:hover{ opacity: 0.6;}
.wh-poup .colse:after,
.wh-poup .colse:before{display: block; content: ''; position: absolute; left: 50%; top:50%;transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); width:100%; height:0.04rem; background: #fff; border-radius:0.04rem; cursor: pointer;}
.wh-poup .colse:before{ height:100%; width:0.04rem;}

@media  screen and (max-width:1024px){
.wh-poup{ width:100%; padding:0 30px;}
.wh-poup .swiper-prev,
.wh-poup .swiper-next{ left:0; width:30px; height:30px;}
.wh-poup .swiper-next{left:auto; right:0;}
.wh-poup .swiper-prev::after,
.wh-poup .swiper-next::after{ width:16px; height: 16px; margin:0 0 0 12px; }
.wh-poup .colse{ top:8px; right:38px; width:18px; height:18px;}
.wh-poup .colse:after,
.wh-poup .colse:before{ width:100%; height:3px;}
.wh-poup .colse:before{ height:100%; width:3px;}
}


.ziyuan4 .qh_b{position: relative;}
.ziyuan4 .qh_b div{width: 100%;position: absolute;left: 0;top: 0;opacity: 0;z-index: 1;
transition: All 0.3s ease-in-out;
-webkit-transition: All 0.3s ease-in-out;
-moz-transition: All 0.3s ease-in-out;
-o-transition: All 0.3s ease-in-out;}
.ziyuan4 .qh_b div.on{position: relative;opacity: 1;z-index: 2;}
.ziyuan4 .qh_b2{position: relative;z-index:2;}
.ziyuan4 .qh_b2 div{width: 100%;position: absolute;left: 0;top: 0;opacity: 0;z-index: 1;
transition: All 0.3s ease-in-out;
-webkit-transition: All 0.3s ease-in-out;
-moz-transition: All 0.3s ease-in-out;
-o-transition: All 0.3s ease-in-out;}
.ziyuan4 .qh_b2 div.on{position: relative;opacity: 1;z-index: 2;}


/*.xd_top.act{position:fixed;top:90px;left:0;width:100%;z-index:99;box-shadow: 0 0 20px rgba(0,0,0,0.1);}
@media screen and (max-width:1500px) {
    .xd_top.act{position:static;box-shadow: 0 0 0 rgba(0,0,0,0.1);}
}*/