@charset "utf-8";
*{margin:0;padding:0;list-style:none;font-family:  'Microsoft Yahei','宋体','微软雅黑',Arial,'Lucida Grande',Tahoma,sans-serif;  }
html{height:100%;}
/* html {
    filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);
    -webkit-filter: grayscale(100%);
} */
html, body {
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    background: #fff;
    color:#333;
    font-size: 14px;width: 100%;overflow-x: hidden;
    font-family: 'Microsoft Yahei','宋体','微软雅黑',Arial,'Lucida Grande',Tahoma,sans-serif; 
}
body{min-height: 100%;}
/* @font-face {
  font-family: "iconfont"; 
  src: 
       url('data:application/x-font-woff2;charset=utf-8;base64,d09GMgABAAAAAAhYAAsAAAAAEEAAAAgJAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAHFQGYACFMAqPXI0eATYCJANICyYABCAFhGcHgW4bGA5RVJFqyH4Uxg13M5kUkX+uIi/fWtEMNvfJfQVP/Hv1nbqVpMGkMUbmWVxBXxTTK34pk7pUAWIFEQyyWXrJdqAAeHunTGW8nUaCKR07Av2vLpVymxRAO+FOyFt5LRtKcIBTy6GvlqXX7Y6nhH0uAG5Agv9dU90hKiAQplb+u4z+Jdc2QyChuqoKXTsCEBr93vzkjPbTqDbJYLZ6ovJquQ8CxOnJcMzY8QMTIHjrKhuDeCzYbAG3o2zdJHPA95qKleIoRFVO3n0t5FxsMKeZV4BzzO+XH+ktUTDYCjvJzPWdIngW4F8KemwIoJ+gSX1DaH0D2IACXT1Ll3fSc19DbewyaTyuu8X1QDXZ618nAwmsIB3UBE1B32BSsDpYX3K+e/hH55dCGEKKci8Te2xMW6jmyo21zYDTi3/zLBKkSJMhgiGJSxabKDEExIFoEqaf1LkQiAyHA4EVDoUgHY44BDUSaawJnARYL3BSYL0hUYb1AScD1hecCNgkcAzYanCSYOsRDhdKTjiy8N3DAdjwIydqMgfhiMEvhYRdST29TzNQC2YlQKfC5DPNWkUwst5gI1xWEmKSk2yZmgEVfqG6WWrih+gSjbrl+QrL3btvqq7QfqJFhKxOmvk8BDlNaSj1YKNr1JQ9HC+ec7tircFjtkXz0FWYEXN2olRj1TMwTwjXzMX832SKlFrzXSZL7Eh4nYVUGKM3bhx8oPXxOv0Ldk5/mnhPqQhOFaDTyXPLK7LwZde2iL6JCJDZUhLDm+W4Op9HeEXeGc1XKG2A3MtF2NO3VDwP7iNjZH3EEdWkZp3inuYO13zjcNdVDlcdmXrc6+gKrpOHQNi+W+h9seX5pQqzOs8mjBTL+mJcYecYpNhAmnUVhJ2IEdpJO8eHm/kPiRpA/aQUwX1awV5N4rfBEaZ/kagIYH5QkqtFXyah9mvhYeo4+/1mfIT4/j6nBWWi0/BeLErEZsRHtjA+y4exVbQaVmDmzvVubaXQHiZMay4lImwoRoImh9YcY4pAqTkktji8E1yhiJxKhGxpvM7fwZJYdL4BHNbgYNAGXxqPz/7AT3joMjt1cTQTXq4JRPnvdV+lnWrY9niXrGsLBwG6KBAhNu1yF/wr2wxfYMYIpUDK5W152fvqG8x6JPE+SJCrlgrf7JnhKVe6TbpIut6rMu7FH8VPOz8t6tzCK3gsKTh/ubaPUZ/jMuzLq0/d/aPxssZXhnQWcuuzpIjoIf7L568x3w5y5p262x0JGmUi9I64vj8pu3iM30Tt4OvLIqPGYbNrv3dkJjd1qWZSd+pKsDxkbK640j21+VS354TGoOW9hz8s+dMf1zgbvxg42Kds+pJ6sjT2mF/1vnvqqOTzplcOHnzY/LDq9qjplPqHfzvWXuZlvaX/H26mv7zJRcWf/Z+LXc+/4GQnnr92++Lk9ooYyh6n+o5/BoornjsFHvMfo2J70KFTCVccv2Ob0dS0tZV4CjDA0U1aPUMr7C1/9tk3DetTLz7LMLSMHoxAKzP2aF3/2P6J+2nbp1tIMHLcT9odR+1ju3XbJ9ltn2a9YC0LyvdEWRmbTSOzzreq3Tab85tjvxazL35Q6dt0b2ME4KjbTd/72YXpM1BJV0KvznX49awmx98A9Fv17cgN/IVrPl216tkarkxhnuVe7zj7nEwPemTWb+DEEvzP152hMtIktPStrHy44WYeanj4rbd/t61Pk8LKvpiXBn2vLw6d1LN9e885AcayvQ1zBQP5vb35AwW3AAAHvAW9rxZDf+770N8yCt+kd5bPCUl0Hcq6fkdPd3u7Kivbp9HAFWzOYWWNfei4oX9c8aSKY6edQE0XHHfoF62RJZ2jucNH93oJ1o/E2Ild6xtdZwQYXXs6An5YXsLRvQnHzRv1mVcvTdRX9k5H1gyYqBydKpopeU5A4IB3ex8hXVZZn1D7wu0bKxfPVRhHOKoN+5igcWfB1rfKHhXX3oerlyrn5yuXqj8QEDjgVX24XwMPdMa3x5Otb29VUDGw19/LV44UDg0VjhQ9EmCAA96ZH91vBnaHTwCgl5sShF/qj1oLYUnv1N4Xn2/0W+30uVa/0JU+T+jjOmL9Z/QhLQLo2/KdaW1mOr9gjjN6QihjPFnzgLIpE4nkiXsChHfq6zoj/0td8Au3Hn/WLhGXQxr+jib+6+l9dpb32bEkvNaivhqiGFiuwO8ZW5pzRutdBp4VN7mS1OrnMROvagPEuRaE7WTyWdvq3N9tthD1xV8CDBGqUONMG9GCaWeATYLe6MB0WEAcn3EHJ8ixEw/EigGtnIAAIcuNAYY0D6LC9Hm0YPp+gE2REjow/S8gznwJOl6CVlkzhiHORiLkN6AqECwJlW0aOoZkx+BYVNUUYpaKCljavWewoRthxKrYwVqVy2xbghIjJuw6XwwZBoEuRjQk2EWKbbvqinusj9uhSCAmaIeB4LB1SBHIajbibkKAgJFmtv0/bwyEjIMBB8upmMpmWEeRDIf0ojs9cyi6Kc41Yk+672EVmTL2UrYElMio3gQy/gpA41JLgOyMr9ZACK/cIjaWqHZRRw8+0/q8tKh92dz0lG03KntbnhhRscQWRyISlZjEJSFJSUlaMpIVVzzJ4axZpYoc9tE2cdgmjmdZ353r3tZG4mwgf3kfh3l1XeWIt1Pktb4JCzk8X/UyVZESp3ODOEHPbQ4J2MkmLm9rE5YN5GNtdPiaEqOxsFSSOzQ7Fja3m5e8jiHsbe1wLIcAAAAA') format('woff2'),
       url('//at.alicdn.com/t/font_3262392_8rbtih7erh9.woff?t=1650942558514') format('woff'),
       url('//at.alicdn.com/t/font_3262392_8rbtih7erh9.ttf?t=1650942558514') format('truetype');
}

.iconfont {
  font-family: "iconfont" !important;
  font-size: 16px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-caidan:before {
  content: "\ee15";
}

.icon-jiantou:before {
  content: "\e649";
}

.icon-24px:before {
  content: "\e604";
}

.icon-shouye:before {
  content: "\e61d";
}

.icon-guanbixiao:before {
  content: "\e8bb";
}

.icon-guanbi:before {
  content: "\e601";
}

.icon-xinxi:before {
  content: "\e634";
}

.icon-jiantou_qiehuanyou:before {
  content: "\eb05";
}

.icon-jiantou_qiehuanzuo:before {
  content: "\eb06";
}

.icon-jiantou_top:before {
  content: "\e60e";
}

.icon-single:before {
  content: "\e623";
}

.icon-shubiao:before {
  content: "\e662";
}

.icon-jiantou-you:before {
  content: "\e631";
}

.icon-jiantou-zuo:before {
  content: "\e632";
}

.icon-jiantou-xia:before {
  content: "\e633";
}

.icon-geren:before {
  content: "\e706";
}

.icon-sousuo:before {
  content: "\e666";
}
 */


h1,h2,h3,h4,h5{font-weight: 500;}
a{color:#333;text-decoration:none;}
a:hover{transition: 0.3s;}
img{border:0 none;display: block;}
p{line-height: 1.8em;}
input,a,textarea,button{outline:none;}
span,b,dl,dt,ul,li,i,em{font-style: normal;}
.block{display: block !important; }
.inline{display: inline !important;}
.clearfix{zoom:1;clear:both;display:inline-block;}
.clearfix{display:block;}
.clearfix:after{content:".";height:0;display:block;clear:both;visibility:hidden;font-size:0;}
.rel{position: relative;}
.fl{float: left !important;}
.fr{float:right !important;}
.tc{text-align: center !important;}
.tr{text-align: right !important;}
.tl{text-align: left !important;}

.ptb30{padding:60px 0;}
.mt10{margin-top: 10px; }
.mt25{margin-top:25px !important;}
.mtb25{margin-top:40px !important;margin-bottom:60px !important;}
.mb60{margin-bottom: 60px;}
.mb25{margin-bottom:25px !important;}
.ml-20{margin-left: -20px;}
.h20{height: 20px;}
.p20{padding:20px;}
.bggrey{background: #f3f3f3;padding-bottom:40px;}
.pt20{padding-top: 20px !important;}
.p30{padding: 30px !important;}
.pb30{padding-bottom: 30px !important;}
.pb100{padding-bottom: 100px;}
.graybg{background: #f5f5f5;}
.graybg2{background-color: #F6F8FA;}
.bgff{background-color: #fff;}
.warp{width:1200px;margin:0 auto;}
.over{overflow: hidden;}
.bodyover{height: 100%;overflow: hidden;}
/*display*/
.display_flex > *{display: block;}
.display_flex{display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;}
.display_inline-flex{display: -webkit-inline-box;display: -ms-inline-flexbox;display: -webkit-inline-flex;display: inline-flex;}
.display_inline-flex > *{display: block;}
/*伸缩流方向*/
.flex-direction_column{-webkit-box-orient: vertical;-ms-flex-direction: column;-webkit-flex-direction: column;flex-direction: column;}
/*主轴对齐*/
.justify-content_flex-center{-webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;justify-content: center;}
.justify-content_flex-end{-webkit-box-pack: end;-ms-flex-pack: end;-webkit-justify-content: flex-end;justify-content: flex-end;}
.justify-content_flex-justify{-webkit-box-pack: justify;-ms-flex-pack: justify;-webkit-justify-content: space-between;justify-content: space-between;}
/*侧轴对齐*/
.align-items_flex-start{-webkit-box-align: start;-ms-flex-align: start;-webkit-align-items: flex-start;align-items: flex-start;}
.align-items_flex-end{-webkit-box-align: end;-ms-flex-align: end;-webkit-align-items: flex-end;align-items: flex-end;}
.align-items_center{-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center;}
.align-items_baseline{-webkit-box-align: baseline;-ms-flex-align: baseline;-webkit-align-items: baseline;align-items: baseline;}
/*伸缩性*/
.flex_auto{-webkit-box-flex: 1;-ms-flex: auto;-webkit-flex: auto;flex: auto;}
.flex_1{width: 0;-webkit-box-flex: 1;-ms-flex: 1;-webkit-flex: 1;flex: 1;}
/*显示顺序*/
.order_2{-webkit-box-ordinal-group: 2;-ms-flex-order: 2;-webkit-order: 2;order: 2;}
.order_3{-webkit-box-ordinal-group: 3;-ms-flex-order: 3;-webkit-order: 3;order: 3;}
.boxSizing{box-sizing:border-box; -moz-box-sizing:border-box;-webkit-box-sizing:border-box;}
.head{width:100%;height:90px;position: absolute;top:0;left:0;z-index:100;background-image:linear-gradient(rgba(0,0,0,.3),rgba(0,0,0,0)); transition: .3s;box-shadow: 3px 0 10px 10px rgba(0,0,0,.02);animation: headup .5s forwards;}
@keyframes headup{
	0%{transform: translateY(-100%);}
	to{transform: translateY(0);}
}
.head .warp{position: relative;height:90px;width: auto;padding:0 20px;display: flex;align-items: center;max-width: 1600px;}
.head .logo{float: left;height:60px;/* padding: 7px 0 0; */width: 175px;display: flex;align-items: center;}
.head .logo a{display: inline-block;background:url(../img/logo.png) no-repeat left center;background-size:auto 100%;}
.head .logo a img{opacity: 0;width: 100%;}
.head .nav{padding:0 0 0 15px;flex:1;}
.head .nav li{float: left;position: relative;padding-left: 45px;}
.head .nav li a.t{display: block; color: #fff;line-height:90px;height:90px;position: relative;font-size: 16px;position: relative;}
.head .nav li a.t:after{content: "";height: 2px;display: block;position: absolute;bottom:0;left:50%;right:50%;background-color: #fff;transition: .3s;}
.head .nav li.active a.t,.head .nav li:hover a.t{font-weight: 900;}
.head .nav li.active a.t:after,.head .nav li:hover a.t:after{left: 0;right: 0;}

.head .nav li .cont{position: absolute;top: 90px;background:rgba(255,255,255,.8);padding:10px 0;width: 140px;left:50%;margin-left: -45px;box-shadow: 0 5px 5px rgba(0,0,0,.1);display: none;}
.head .nav li .cont a{display: block;padding:14px 0;text-align: center;font-size: 12px;}
.head .nav .hi{height: 90px;display: flex;align-items: center;transition: .2s;}
.head .nav a svg{width: 66px;fill:#fff;}
.head .iconfont{color:#fff;font-size: 20px;padding:0 5px;display: inline-block;}
.head .userbtn{height: 30px;display: flex;align-items: center;}
.head .userbtn.nologin{border:1px solid #fff;border-radius: 30px;display: flex;justify-content: center;align-items: center;color:#fff;padding:5px;margin-left: 20px;position: relative;}
.head .userbtn.nologin.new_c:before{content:'';width: 10px;height:10px;background-color: #94070A;border-radius: 50%;display: block;position: absolute;right:0;top:0;}
.head .userbtn.nologin i{font-size: 16px;}
.head .userbtn.nologin:after{content: "";width:6px;height: 6px;display: block;transform: rotate(45deg);border-right: 1px solid #fff;border-bottom: 1px solid #fff;margin:0  10px 0;}
.navbtn{display: none;}

.fixed .userbtn.nologin,.mu .userbtn.nologin{border-color:#999;color:#333;}
.head .userbtn.nologin:hover i{color:#fff !important;}
.head .userbtn.nologin:hover{background:#94070A;color:#fff;border-color: #94070A;}
.fixed .userbtn.nologin:hover,.mu .userbtn.nologin:hover{border-color:#94070A;}
.fixed .userbtn.nologin:after,.mu .userbtn.nologin:after{border-color: #333;}
.head .userbtn.nologin:hover:after{border-color:#fff;}

.searchnav{position:relative;/* width: 33px; */margin:0 5px; height:30px   }
.searchnav > .icon-sousuo{height: 30px;display: flex;align-items: center;}
.searchnav div{border-radius:30px;width:0;height:100%;position: absolute;right:30px;top:0;overflow: hidden;transition: .4s;height: 30px;line-height: 30px;}
.searchnav div button{position:absolute;right:0;top:3px;font-size: 20px !important;z-index: 3;/* line-height: 30px; */cursor: pointer;background: none;border:none;}
.searchnav.show div{width: 200px;transform: translateX(30px);}
.searchnav i{transition: .3s;}
.searchnav.show i{transform: scale(0);}
.searchnav div input{width: 100%;height:100%;border:none;background-color:rgba(255,255,255,.4);position: absolute;right:0;top:0;padding:0 15px;box-sizing: border-box;z-index: 0;color:#fff;}
.searchnav div input::placeholder{color: #fff;}
.searchnav:hover i{color:#94070A !important;}
.usermenulist{display: none;}
.u_menu_ul li{border-bottom: 1px solid #eee;}
.u_menu_ul li a{padding:8px 15px;display: block;min-width:120px;text-align: center;}
.u_menu_ul li a.disabled{opacity: .5;}
.u_menu_ul li a:hover{background:#94070a;color:#fff;}
.head.mu .nav li a.t:after,.head.fixed .nav li a.t:after{background-color: #94070a;}
.head.mu .nav li.active a.t,.head.mu .nav li:hover a.t,.head.fixed .nav li.active a.t,.head.fixed .nav li:hover a.t{color:#94070a;font-weight:500;}
.head.mu{background:#fff;position: absolute;}
.head.fixed{background: #fff;position: fixed;}
.head.mu .logo a,.head.fixed .logo a{background-image: url(../img/logo2.png);}
.head.mu ul li a.t,.head.mu .iconfont,.head.fixed ul li a.t,.head.fixed .iconfont{color:#333;}
.head.mu .nav a svg,.head.fixed .nav a svg{fill:#333;}
.head.fixed .searchnav div input,.head.mu .searchnav div input{background:rgba(0,0,0,.1);color:#666}
.head.fixed .searchnav div input::placeholder,.head.mu .searchnav div input::placeholder{color: #999;}

.head .icon{position: relative;}
.head .icon em{position: absolute;right:0;top:-6px;height: 16px;font-size: 10px;display: block;border-radius: 8px;background-color: #94070A;color:#fff;text-align: center;line-height: 16px;transform: scale(.65);padding:0 5px;border: 1px solid #fff;box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);}
.head .icon:hover .iconfont{color:#94070A;}
.scrollbox{padding-top: 90px;overflow-x: hidden;}
.banner,.bannerzw{height:890px;width: 100%;color:#fff;transition: 1.5s;}
.bannerfixed,.banner{position: fixed;top:0;left:0;z-index:0;}
.bannerzw{position: static;height: 890px;margin-top: -90px;}
.banner .swiper-container {width: 100%;height: 100%;}
.banner .wrap{position: relative;z-index: 2;}
.banner .swiper-slide {align-items: center;background-repeat:no-repeat;background-size:cover;background-position: center;width:100%;height:100%;
display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;overflow: hidden;}
.banner .swiper-slide .wrap{position: relative;z-index: 9;}
.banner .swiper-slide h2{ color:#fff; opacity: 0;transform: translateX(100px);transition: 1s .6s;margin-left: -6px;}
.banner .swiper-slide p{ color:#fff; opacity: 0;transform: translateX(100px);transition: 1s .7s;}
.banner .swiper-slide h3{ color:#fff; opacity: 0;transform: translateX(100px);transition: 1s .8s;}
.banner .more{transition: 1s 1.2s;opacity: 0;transform: translateY(50px);height: 60px;width: auto;display: inline-block;min-width:185px;text-align: center;}
.banner .swiper-slide-active h2,.banner .swiper-slide-active p,.banner .swiper-slide-active h3{opacity: 1;transform: translateX(0);}
.banner .swiper-slide-active .more{opacity: 1;transform: translateY(0);}
.banner .swiper-button-next,.banner .swiper-button-prev{display: block;position: absolute;z-index: 2;}
.banner-x{position: relative;height: 500px;display: flex;align-items: center;justify-content: center;overflow: hidden;}
.banner-x.zw{color: #fff;}
.banner-x .info{position: relative;z-index: 9;}
.banner-x h2{animation: fiu 2.2s forwards;transform: translateX(20px);font-size: 36px;font-weight:900;opacity: 1;}
.banner-x h2:after{content: "";width: 3em;border-bottom: 1px solid rgba(255,255,255,.5);display: block;height: 1px;margin:20px 0;}
.banner-x p{display:block;animation: fiu 2.6s  forwards;transform: translateX(20px);font-size: 14px;margin-top: 0;opacity: 1;width: 450px;}
.banner-x .bt{padding-top: 100px;opacity: 0;animation: fiu 2.2s .8s forwards;}
.banner-x .bt a{border:1px solid rgba(255,255,255,.6);border-radius: 2px;padding:10px 30px;color:#fff;margin-right: 20px;}
.banner-x .bt a:hover{background: #fff;color: #214463;}
.bannerbg{display: block;position: absolute;z-index: 0; left: 0;top: 0;width: 100%;height: 100%;background: no-repeat center;background-size: cover;transform: scale(1.03); }
@keyframes bgx
{
    from {background-size:auto 115%;}
    to {background-size:auto 110%;}
}
@keyframes bgfd
{
    from {transform: scale(1.03);}
    to {transform: scale(1);}
}
@keyframes fiu
{
    from {transform: translateX(20px);opacity: 0;}
    to {transform: translateX(0);opacity: 1}
}

.swiper-button-next:after, .swiper-button-prev:after{content:'\e631';color:#fff;font-family: 'iconfont';font-size: 22px;line-height: 44px;}
.swiper-button-prev:after{content:'\e632';}

.more{display:flex; width:185px;align-items: center;justify-content: center; background:url("../img/btnbg.png") no-repeat right center #94070a;color:#fff;border-radius:2px;font-size: 16px;line-height: 60px;visibility: visible;position: relative;}
.more span{padding:0 10px;display: inline-block;line-height: 16px;}
.more .icon-single{margin-left: 20px;font-size: 26px;}
.more:after,.more:before{content: '';width: 100rpx;height:1px;border-bottom:1px dashed rgba(255,255,255,.4) ;display: block;position: absolute;bottom:5px;left:100%;right:0%;transition: .3s;opacity: 0;box-shadow: 0 1px 1px rbga(0,0,0,1);}
.more:before{bottom:auto;top:5px;left:0%;right:100%;}
.more:hover{color:#fff;}
.more:hover:after{left:	10px;right:10px;opacity: 1;}
.more:hover:before{left:10px;right:10px;opacity: 1;}
.more:hover i{animation: morei 1s }
@keyframes morei
{
    from {transform: translateX(0px);opacity: 1;}
    10%{transform: translateX(0px);opacity: 0;}
    11%{transform: translateX(-20px);opacity: 0}
    to {transform: translateX(0);opacity: 1}
}
.more.w{background: url('../img/btnbg2.png') no-repeat right bottom;border:1px solid #fff;font-weight: 400;}
.tit{display: flex;align-items: center;justify-content: space-between;padding:80px 0 40px;}
.tit .z{display: flex;font-size: 30px;color:#333;line-height: 80px;font-weight: 900;}
.tit .z span{display: block;position: relative;padding: 0 30px;}
.tit .z span:before{content: "";width: 20px;height: 82px;display: block;position: absolute;left: 0;top:0;background: url("../img/titbefore.png") no-repeat;}
.tit .z span:after{content: "";width: 20px;height: 82px;display: block;position: absolute;right: 0;top:0;background: url("../img/titafter.png") no-repeat 0 26px;}
.tit .z em{color:#f4f4f4;font-size:48px;}

.box_fo2{display: flex;}
.box_fo2 .item{flex:1;}
.box_fo2.in_yt{background: #f4f4f4;}
.box_fo2.in_yt .f_img{width: 600px;height: 350px;background:no-repeat center ;background-size:cover;}
.box_fo2.in_yt .f_img a{display: block;width: 100%;height:100%}
.box_fo2.in_yt .info{padding:40px 40px 40px 110px;position: relative;}
.box_fo2.in_yt .info:before{content: '';width: 60px;height: 65px;background: url("../img/icon1.png") no-repeat;position: absolute;left: 38px;top:40px;display: block;}
.box_fo2 h2{font-size:24px; }
.box_fo2 h2 span{font-size:18px;display: block; }
.box_fo2 p{padding:20px 0;}

.fzbox{height: 530px;position: relative;padding-bottom: 90px;}
.fzbox .imgs{position: relative;z-index: 1;}
.fzbox .imgs .swiper-slide{height: 530px;}
.fzbox .txts{width: 440px;height: 420px;background: #fff;position: absolute;left: 50px;top: 50px;z-index:3;}
.fzbox .txts .swiper-slide{padding:40px;box-sizing: border-box;display: flex;flex-direction: column;}
.fzbox .txts h2{font-size: 24px;color:#333;}
.fzbox .txts p{flex:1;padding:20px 0;}
.fzbox .imgs .swiper-button-prev,.fzbox .imgs .swiper-button-next{width: 70px;height: 70px;position: absolute;left:500px;top:300px;background:#fff;display: flex;z-index: 9;color:#999;align-items: center;justify-content: center;}
.fzbox .imgs .swiper-button-next{top:380px;}
.fzbox .imgs .swiper-button-prev:after,.fzbox .imgs .swiper-button-next:after{color:rgba(0,0,0,.3);font-size: 30px}

.fzbox .imgs .swiper-button-prev:hover,.fzbox .imgs .swiper-button-next:hover{background: #94070a;}
.fzbox .imgs .swiper-button-prev:hover:after,.fzbox .imgs .swiper-button-next:hover:after{color: #fff;}
.fzbox .imgs .bannerbg{transition:2s;}
.fzbox .imgs .swiper-slide:hover .bannerbg{transform: scale(1.09);}
.footer{background:#404040 url('../img/footbg.jpg') no-repeat center bottom;background-size: cover; padding:100px 0 0;position: relative;}
.footer .bto{line-height: 1.8em;background:#080d23;height: 50px;}
.footer .bto p{color:#6f768c;line-height: 50px;text-align: center; }
.footer .bto p a{color:#6F768C;display: inline-block;padding-right: 20px;}
.footer .bto p a:hover{color:#fff;}
.footer .bto p em{display: inline-block;padding:0 10px;}
.footer .nv{padding-bottom:100px; }
.footer .nv a{display: block;color:#6f768c;padding:4px 0;transition: .4s;}
.footer .nv a:hover{color:#fff;}
.footer .nv h3 a{color:#fff;font-size: 18px;padding-bottom: 10px;}
.footer .nv>div{width:150px; }
.footer .code{text-align: center;color:#6f768c;}
.footer .code img{border-radius: 10px;margin-bottom: 10px;display: block;}

.in_box{background: repeat-x center #fff;background-size: cover;position: relative;z-index: 3;}
.in_news{margin-top: -100px;/* padding-top: 100px; */}
.box_fo2.en{padding-bottom: 110px;}
.box_fo2.en .item{height: 400px;width: calc(50% - 10px);flex:none;position: relative;}
.box_fo2.en .item .itembg{position: absolute;left: 0;top:0;width: 100%;height:100%;z-index: 0;transition: 1s;background: no-repeat center;background-size: cover;}
.box_fo2.en .bg{box-sizing: border-box;padding:40px;position: relative;overflow: hidden; transition: 1s;}
.box_fo2.en h3{color:#fff;font-weight: 900;position: relative;z-index: 3;font-size: 24px;}
.box_fo2.en h3 .h4{margin-bottom:20px;display: block;font-size:24px;color:#fff; text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;line-clamp: 2;-webkit-box-orient: vertical;}
.box_fo2.en h3 .h4:hover{text-decoration: underline;}
.box_fo2.en .rel h3{position: absolute;bottom:40px;left: 40px;}
.box_fo2.en .f2{display: flex;flex-direction: column;justify-content: space-between;}
.box_fo2.en .f2 .bg{height: calc(50% - 10px);}
.box_fo2.en .f2 p{padding:0;color:rgba(255,255,255,.6);overflow: hidden;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.box_fo2.en .f2 h3+.h4{width:100%;display: block;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;color: rgba(255,255,255,1);padding:15px 0 5px;font-size: 16px;}
.box_fo2.en .bg:hover .itembg{transform: scale(1.08);}
.box_fo2.en .bg:hover{box-shadow: 0 0 20px 0 rgba(0,0,0,.5);}

.in_st{padding:100px 0;}
.in_st .item{flex:none;width:calc(50% - 10px);height: 473px;box-sizing: border-box;padding:60px;display: flex;flex-direction: column;position: relative;overflow: hidden;transition: 1s;}
.in_st .item .bg{position: absolute;left: 0;top:0;width: 100%;height: 100%;z-index: 0;background-size: cover;transition: 1s;}
.in_st .item h2{font-size: 24px;color:#fff;font-weight: 900;position: relative;z-index: 2;}
.in_st .item p{flex:1;color: #fff;width: 80%;position: relative;z-index: 3;}
.in_st .item a{position: relative;z-index: 3;}
.in_st .item:hover{box-shadow: 0 0 20rpx 0 rgba(0,0,0,0.9);}
.in_st .item:hover .bg{transform: scale(1.1);}

.loginbox{background: url('../img/loginbg.jpg') no-repeat center;background-size: cover;width: 100%;height: 100%;position: relative;display: flex;align-items: center;flex-direction: column;justify-content: center;}
.loginbox .bot{height: 60px;line-height: 60px;text-align: center;background: rgba(8,13,35,.75);bottom:0;position: absolute;left:0;width: 100%;color:#6f768c;}
.loginbox .bot p{line-height: 60px;}
.loginbox .bot em{display: inline-block;padding:0 10px;}
.loginbox .bot a{color:#6f768c;}
.loginbox  .logo{padding: 80px 0 30px;}
.loginbox .infobox .logo{padding: 0; position: absolute;left:0;top: 0;}
.loginbox .infobox{display: flex;justify-content: space-between;margin-bottom: 100px;}
.loginbox .txt{flex: 1;position: relative;color:#fff;font-size: 20px;display: flex;align-items: center;}
.loginbox .txt h1{font-weight: 900;font-size: 60px;padding-bottom: 10px;}
.loginbox .infobox .login{background: #fff;width: 450px;height: 466px;box-sizing: border-box;padding:30px;}
.loginbox .infobox .login h2{display: flex;align-items: center;justify-content: space-between;}
.loginbox .infobox .login h2 b{font-size: 30px;font-weight: 900;}
.loginbox .infobox .login h2 span{color: #999;font-size: 16px;}
.loginbox .infobox a{color: #22496c;}
.loginbox .infobox .login .tab{border:1px solid #94070a;display: flex;margin:20px 0;}
.loginbox .infobox .login .tab span{display: block;flex:1;border-left: 1px solid #94070a;color:#94070a;text-align: center;line-height: 50px;cursor: pointer;}
.loginbox .infobox .login .tab span:first-child{border-left: none;}
.loginbox .infobox .login .tab span.cur{background:#94070a;color:#fff;}
.loginform .item{display: none;}
.loginform .item.show{display: block;}
.loginform .item .cum{background: #fbfbfb;border:1px solid #e8e8e8;height: 55px;width: 100%;display: flex;align-items: center;margin-bottom: 20px;}
.loginform .item .cum input{font-size: 16px;flex:1;border:none;background: none;padding:0 30px;width:0;}
.loginform .item .flog{height:30px;line-height:20px;text-align: right;}
.loginform .item .flog a{color: #22496c;}
.loginbox .loginbtn{background: #94070a;color:#fff;height: 55px;line-height: 55px;border:none;border-radius: 2px;width: 100%;cursor: pointer;}
.loginbox #getcode{width: 34%;height: 55px;border: none;color:#999;background: #f3f3f3;cursor: pointer;border-left: 1px solid #e8e8e8;}
.loginbox .error{text-align: center;color: red;padding:0 0 10px 0;}
.regbox .infobox .login {width: 100%;height: auto;}
.regbox .loginform{padding-top: 20px;}
.regbox .loginform .item{display: flex;flex-wrap: wrap;justify-content: space-between;}
.regbox .loginform .item .cum{width: calc(50% - 10px)}
.regbox .loginform .item .pl{width: calc(25% - 10px)}
.regbox .loginform .item .yzm{width:calc(25% - 10px);}
.regbox .loginform .item .yzm button{width: }
.regbox .error{padding:0;flex:1;}
.regbox .flex{display: flex;align-items: center;padding:0 0 20px;}
.resetpassword .loginform .item{padding-top: 20px;}
.resetpassword .loginform .item .cum{margin-bottom: 10px;}
.resetpassword .loginform .flog{text-align: center;padding-top: 12px;}
.resetpassword .loginform .flog a{display: inline-block;margin:0 10px;}

.countusinfo{background: #f5f5f5;padding:100px 0;}
.countusinfo .warp{background: #fff;display: flex;}
.countusinfo .warp .item{flex:1;padding:20px;border-left: 1px solid #e8e8e8;}
.countusinfo .warp .item:first-child{border:none;flex:1.4;}
.countusinfo .warp span{color: #333;font-weight: 900;font-size: 24px;padding-bottom: 15px;display: block;}
.countusinfo .warp b{font-size: 30px;font-weight: 900;color: #831b20;margin-top: 20px;}
.countusinfo .warp strong{font-size: 30px;font-weight: 900;color: #831b20;margin-top: 20px;}
.countusinfo .warp p{color: #999;font-size: 14px;}
.countusinfo .warp h2{color: #999;font-size: 16px;margin-bottom: 20px;}

.searchInfoBox{background: url('../img/repbg1.jpg') repeat-y center;background-size: 100%;}
.searchInfoBox .warp{padding:100px 0;}
.searchInfoBox h2{text-align: center;font-size: 36px;font-weight: 900;padding:0 0 30px;}
.searchInfoBox .searchInp{background: #fff;display: flex;align-items: center;}
.searchInfoBox .searchInp input{width: 0;flex:1;border:none;padding:0 30px;}
.searchInfoBox .searchInp button{background: #f8f8f8;border:none;cursor:pointer;}
.searchInfoBox .searchInp .iconfont{font-size: 29px;color:#666;padding:0 20px;height: 70px;line-height: 70px;}
.searchInfoBox .searchInp button:hover{color:#fff;background: #94070a;cursor: pointer;}
.searchInfoBox .searchInp button:hover .iconfont{color:#fff;}

.searchInfoBox .list{display: flex;justify-content: space-between;padding:20px 0;}

.searchInfoBox .list .lb{width: 300px;background: #fff;}
.searchInfoBox .list .jg{background: #fff;width:calc(100% - 320px);padding-bottom: 30px;}
.searchInfoBox .list .jg .empty{display: flex;flex-direction: column;justify-content: center;align-items: center;height: 500px;}
.searchInfoBox .list .lb h3{padding:20px;font-size: 24px;font-weight: 900;}
.searchInfoBox .list .lb span{display: block;padding:0 30px;cursor: pointer;line-height: 40px;}
.searchInfoBox .list .lb span a{line-height: 40px;display: block;}
.searchInfoBox .list .lb span:hover{background: #f3f3f3;}
.searchInfoBox .list .lb span.cur{background: #22496c;color:#fff;}
.searchInfoBox .list .lb span.cur a{color:#fff;}

.searchInfoBox .list .jg h3{color:#94070a;font-weight: 900;font-size: 24px;display: block;padding:20px 30px 0;}
.searchInfoBox .list .jg .item{margin:20px 30px 0;background: #f5f5f5;padding:20px;}
.searchInfoBox .list .jg h4{font-size: 24px;}
.searchInfoBox .list .jg p{color:#999;padding:10px 0;}
.searchInfoBox .list .jg a{color:#94070a;}
.searchInfoBox .list .jg a:hover{text-decoration: underline;}
.searchInfoBox .list .jg .morelist{text-align: center;padding:20px 0 30px;}
.searchInfoBox .list .jg .morelist a{color:#22496c;}
.searchInfoBox .list .jg .morelist a span{padding: 0 5px;font-weight: 600;}

.job_searchbox{margin-top: -80px;background: #fff;z-index: 9;position: relative;height: 140px;box-shadow:0 2px 5px rgba(0,0,0,.05);border-radius: 2px;box-sizing: border-box;padding:40px;display: flex;}
.job_searchbox .stab{display: flex;flex:1;margin:0 5px;border:1px solid #e6e6e6;background:#f9f9f9;height: 60px;line-height: 60px;padding: 0 ;color: #999}
.job_searchbox .stab span{display: block;flex:1;padding-left: 20px;}
.job_searchbox .layui-form-select dl dd.layui-this{background: #94070A;}
.job_searchbox .layui-form-select{width: 100%;}
.job_searchbox .layui-select-title{height: 100%;}
.job_searchbox .layui-input{height:100%;border:none;background-color: transparent;padding:0 20px !important;}
.job_searchbox .time span{padding:0 0 0 20px;}
.job_searchbox button{flex:1;margin-left: 5px;border:none;background: #94070a;color:#fff;display: flex;align-items: center;justify-content: center;}
.job_searchbox button .iconfont{margin-right: 10px;}
.job_searchbox button:hover{background: #700508;cursor: pointer;}
.zp_top{background: #94070a;padding:0 30px;line-height: 70px;font-size: 16px;display: flex;color:#fff;margin-top: 40px;}
.zp_top span,.zp_list dt span{flex:1;}
.zp_top i,.zp_list dt i{color:#94070a;}
.zp_top span:nth-child(1),.zp_list dt span:nth-child(1){flex:3;}
.zp_list dl{border-bottom: 1px solid #f6f6f6}
.zp_list dt{background: #fff;padding:0 30px;display: flex;line-height: 70px;position: relative;}
.zp_list dd{padding:30px;background: #f9f9f9;display: none;}
.zp_list dd .t span{margin-right: 50px;}
.zp_list dd .t{padding-bottom: 10px;}
.zp_list dd .f2{display: flex;justify-content: space-between;}
.zp_list dd .f2 >div{width: calc(50% - 15px);color: #666;font-size: 12px;}
.zp_list dd .f2 span{color: #999;display: block;padding-bottom:10px;}
.zp_list .td_btn{width: 200px;height: 60px;border:1px solid #94070a;color:#94070a;border-radius: 2px;background:none;display: flex;justify-content: center;align-items: center;font-size: 20px; margin-top: 30px;}
.pages{padding:20px 0 100px;text-align: center;}
.layui-laypage a, .layui-laypage span{width: 50px;height: 50px;line-height: 50px;padding:0;margin:0 1px;}
.layui-laypage .layui-laypage-curr .layui-laypage-em,.layui-laydate .layui-this{background-color: #94070a}
.abooutbox{background: no-repeat;background-size: 100%;}
.abooutbox.b1{background-image: url(../img/aboutbg1.jpg);}
.abooutbox.b1 .box_fo2,.abooutbox.b4 .box_fo2{justify-content: space-between;}
.abooutbox.b1 .item{width: 590px;flex:none;}
.abooutbox.b1 .f_img{width: 590px;height: 350px;}
.abooutbox.b1 .f_img a,.abooutbox.b4 .f_img a{background:no-repeat center;background-size: cover;display: block;width: 100%;height:100%;}
.abooutbox.b4 .f_img a{text-align:center;}
.abooutbox.b4 .f_img a b{display: block;padding:4px 0;font-size: 18px;}
.abooutbox.b4 .f_img a span{color:#999;}
.abooutbox.b2{background:#f5f5f5}
.abooutbox.b3{background-image: url(../img/aboutbg2.jpg);}
.abooutbox.b4{background-image: url(../img/aboutbg3.jpg);background-color: #f5f5f5}
.abooutbox.b4 img{display: block;margin:0 auto;}
.tit2{font-size: 30px;padding:80px 0 40px;text-align: center;font-weight: 900;}
.tit2 span{display: block;font-size: 14px;padding:20px 0 0;font-weight: 500;line-height: 1.8em;}
.box_fo2 .t2{padding-left: 20px;}
.box_fo2 .t2 h2{font-size: 24px;padding-top: 15px;}
.box_fo2 .t2 p{font-size: 16px;color: #666;}
.abooutbox.b2 .swiper{overflow: hidden;position: relative;padding:10rem 20px;}
.abooutbox.b2 .swiper .swiper-slide{height: 266px;position: relative;text-align: center;}
.abooutbox.b2 .swiper .swiper-slide:after{content: "";height: 1px;position: absolute;top:50%;width: 100%;border-bottom: 1px solid #bebebe;margin-top: -1px;z-index: 2;left:0;z-index: 0;}
.abooutbox.b2 .swiper .swiper-slide:before{content:"";width: 10px;height: 10px;display: block;background: #fff;border-radius: 50%;position: absolute;left: 50%;top: 50%;margin:-8px 0 0 -8px;border:3px solid #94070a;box-shadow: 0 0 4px 4px rgba(148,7,10,.5);z-index: 6; }
.abooutbox.b2 .swiper .swiper-slide div{position: absolute;left:-10px;width: 100%;bottom:168px;background-color: #fff;border-radius: 20px;padding:20px 10px;}
.abooutbox.b2 .swiper .swiper-slide div p{display: -webkit-box;-webkit-line-clamp:8;overflow: hidden;text-overflow: ellipsis;-webkit-box-orient: vertical;box-sizing: border-box;position: relative;z-index: 2;}
.abooutbox.b2 .swiper .swiper-slide div:before{content: '';width: 8px;height:8px;background: #bebebe;border-radius: 50%;display: block;position: absolute;left: 50%;bottom:-2px;margin-left: -4px;z-index: 10;}
.abooutbox.b2 .swiper .swiper-slide div:after{content: "";width: 1px;height: 20px;border-left: 1px solid #bebebe;position: absolute;left: 50%;margin-left: -1px;display: block;bottom:-20px;z-index: 0;}
.abooutbox.b2 .swiper .swiper-slide span{font-size: 30px;font-weight: 900;text-align: center;display: flex;flex-direction: column;align-items: center;justify-content: center;height: 50%;position: absolute;left: 0;width: 100%;bottom:0;}
.abooutbox.b2 .swiper .swiper-slide span em{display: block;font-size: 14px;color:#999;font-weight: 500;}
.abooutbox.b2 .swiper .swiper-slide:nth-child(2n) span{bottom:auto;top:0;}
.abooutbox.b2 .swiper .swiper-slide:nth-child(2n) div:before{bottom:auto;top:-2px;}
.abooutbox.b2 .swiper .swiper-slide:nth-child(2n) div:after{top:-20px;bottom:auto;}
.abooutbox.b2 .swiper .swiper-slide:nth-child(2n) div{top: 167px;bottom:auto;}
.abooutbox.b2 .swiper-button-prev,.abooutbox.b2  .swiper-button-next{border-radius: 50%;width: 40px;height: 40px;background: rgba(148,7,10,.5);margin-top: -20px;opacity: 1}
.abooutbox.b2 .swiper-button-next{right:0;}
.abooutbox.b2 .swiper-button-prev{left:0;}
.abooutbox.b4 .tit{padding-top:0;}
.abooutbox.b4 .box_fo2 .item .info{background:#fff;border-radius:20px;padding:20px;position: absolute;top:250px;left:50%;opacity: 0;point-events:none;width: 404px;box-sizing: border-box;margin-left: -202px; }
/* .abooutbox.b4 .box_fo2 .item:nth-child(2n+1){margin-top:14rem;} */
.abooutbox.b4 .box_fo2 .item{position: relative;flex:none;width: 400px;margin-top:-14rem;}
.abooutbox.b4 .box_fo2 .item:hover .info{opacity: 1;point-events:all;}
.abooutbox.b4 .box_fo2 .item p{padding:0;color:#999}
.abooutbox.b4 .box_fo2 .item h3{font-size:18px;display:flex;align-item: center;padding-bottom:10px;}
.abooutbox.b4 .box_fo2 .item h3 span{color:#94070a;border:1px solid #94070a;border-radius:30px;display:inline-block;font-size: 14px;padding:2px 10px;margin-left:10px;line-height:16px;}
.abooutbox.b4 .box_fo2{ flex-wrap: wrap; }
.abooutbox.b4 .box_fo2 .item:nth-child(1){width: 100%;margin:0;}

.casebox.b1 .box_fo2{justify-content: space-between;}
.casebox.b1 .f_img{background: #eff4f9;width: 285px;height: 285px;border:1px solid #fff;}
.casebox.b1 .f_img span{display: block;padding-top: 20px;font-size: 18px;}
.casebox.b1 .box_fo2 .item{flex: none;border-radius: 2px;display: flex;justify-content: center;align-items: center;flex-direction: column;text-align: center;transition: .6s;}
.casebox.b1 .box_fo2 .item:hover{box-shadow: 0 0 20px 0 rgb(127,161,195,.35);}
.casebox.b3 .swiper{position: relative;overflow: hidden;margin-left: 20px;}
.casebox.b3 .box_fo2 h2{font-size: 24px;padding-bottom:8px;}
.casebox.b3 .box_fo2 p{text-indent: 2em;padding:0;line-height: 1.9em}
.casebox.b3 .swiper .swiper-slide{padding-left:10px;box-sizing: border-box;display: flex;flex-direction: column;height: 350px;}
.casebox.b3 .swiper .swiper-slide .info{flex: 1;overflow: hidden;margin:0 0 10px 0;}
.casebox.b3 .swiper .swiper-button-prev,.casebox.b3 .swiper .swiper-button-next{right:0;bottom:10px;background: #94070a;top: auto;margin-top: 0;width: 50px;font-family: 'iconfont'}
.casebox.b3 .swiper .swiper-button-prev{right: 60px;left: auto;}
.casebox.b3 .swiper .swiper-button-prev:after{content: "\eb06"}
.casebox.b3 .swiper .swiper-button-next:after{content: "\eb05"}
.casebox.b3 .swiper-pagination{margin-left: 200px;box-sizing: border-box;bottom:18px;width:50%;width: calc(100% - 200px);}
.casebox.b3 .swiper-pagination .swiper-pagination-bullet{background: #94070a;width: 12px;height: 12px;}
.casebox.b3 .swiper-pagination .swiper-pagination-bullet-active{background: #94070a;}
.casebox.b4 h2{font-size: 16px;font-weight: 900;padding: 10px 0 0;}
.casebox.b4 .box_fo2 p{padding:5px 20px 0 0;color: #999;}
.casebox.b4 .box_fo2 .item{flex: 1;width: auto;height: auto;position: relative;}
.casebox.b4 .box_fo2 .item img{transition: .3s;}
.casebox.b4 .box_fo2 .item:hover img{box-shadow: 0 0 20px 0 rgb(127,161,195,.35);}

.banner-x .video{width: 460px;height: 250px;background: #000;position: absolute;right:0;top:50%;margin-top: -125px;border-radius:4px;overflow: hidden;}
.banner-x .video span{display: block;width: 460px;height: 250px;position: relative;}
.banner-x .video span:before{content: "";width: 90px;height: 90px;background: url("../img/v.png") no-repeat;display: block;position: absolute;z-index: 2;left:50%;top: 50%;margin:-45px 0 0 -45px;}
.banner-x .video video{display: none;}
.banner-x .video.on video{display: block;}
.banner-x .video.on span{display: none;}

.probox .pro_b1 a{width: 285px;height: 160px;background:no-repeat center;background-size: cover;display: block;}
.probox .pro_b2 img{width: auto;max-width: 100%;margin:0 auto;}
.probox.b1{background: url("../img/probg1.jpg") no-repeat;background-size: 100%;}
.probox.b1 video{height: 570px;width: 100%;}
.probox.b2{background: url("../img/probg2.jpg") no-repeat;background-size: cover;color:#fff;}
.probox.b2 .box_fo2 h2,.probox.b4 .box_fo2 h2{font-size: 16px;padding:10px 0;font-weight: 600;}
.probox.b2 .box_fo2 p,.probox.b4 .box_fo2 p{padding:0 20px 0 0;}
.probox.b2 .box_fo2 .item img{transition: .4s;}
.probox.b2 .box_fo2 .item:hover img{box-shadow: 0 0 20px 0 rgb(255,255,255,.65);}

.probox.b4 .box_fo2 p{color: #999;}
.probox.b3{background: url("../img/probg3.jpg") no-repeat ;background-size: cover;}
.probox.b3 .warp{display: flex;}
.probox.b3 .warp .tr{flex:1;border-left: 1px solid #eee;}
.probox.b3 .warp .tr img{width: 100%;}
.probox.b3 .warp .tr span{border-top: 1px solid #eee;display: block;text-align: center;height: 60px;display: flex;flex-direction: column;align-items: center;justify-content: center;background: #fff;}
.probox.b3 .warp .tr i{width: 13px;height: 13px;background: #eee;border:1px solid #e0e0e0;display: block;border-radius: 50%;}
.probox.b3 .warp .tr i.g{background: #2da83b;border-color: #188323;}
.probox.b3 .warp .gn span{background: #fafafa;text-align: left;padding-left: 30px;align-items: start;color: #999}
.probox.b4 .proConts .warp{display: none;}
.probox.b4 .proConts .warp.show{display: flex;}
.protab{text-align: center;padding-left: 1px;margin-top: -20px;margin-bottom: 20px;}
.protab a{display: inline-block;padding:10px 20px;border: 1px solid #214463;margin-left: -1px;}
.protab a.cur{background: #214463;color:#fff;}
.slidebox{position: fixed;top: 50%;height: 300px;display: flex;flex-direction: column;align-items: center;justify-content: center;right: 20px;margin-top: -150px;z-index: 999;}
.slidebox .item{width: 50px;padding:20px 0;position: relative;background: #e6e6e6;display: flex;align-items: center;justify-content: center;margin: 1px 0;cursor: pointer;}
.slidebox .item span.t{-webkit-writing-mode: vertical-rl;writing-mode: vertical-rl;align-items: center;font-size: 16px;color: #999;}
.slidebox .item .info{position: absolute;right:60px;background: #fff;top: 0;width: 270px;box-shadow: 3px 3px 10px rgba(0,0,0,.1);padding:20px;border-radius: 4px;opacity: 0;pointer-events: none;transition: .3s;transform: translateY(-20px);}
.slidebox .item .info:before{content: "";width: 0;height: 0;display: block;border:10px solid transparent;border-left: 15px solid #fff;border-right: none;position: absolute;right:-10px;top:20px;}
.slidebox .item .info hr{border:1px solid #eee;margin:20px 0;}
.slidebox .item .info b{display: block;font-size: 18px;color: #666;font-weight: 500;margin-bottom: 5px;}
.slidebox .item .info span{display: block;color:#94070a;}
.slidebox .item .info p{color: #999;}
.slidebox .item:hover{background: #94070a;}
.slidebox .item:hover span.t{color: #fff;}
.slidebox .item .info.show{opacity: 1;transform: translateY(0);pointer-events: all;}
.slidebox .item.zx .info{width:90px;text-align: center;}
.slidebox .item.zx .info b{margin-bottom: 0;}

.zxbox{width: 100%;height: 100%;position: fixed;background: rgba(0,0,0,.75);left: 0;top: 0;z-index: -9999;opacity: 0;transition: .3s;}
.zxbox .info{background: #fff;position: absolute;bottom:0;left: 0;width: 100%;padding:60px 0;transition: .5s;transform: translateY(100%);}
.zxbox.show{z-index: 999;opacity: 1;}
.zxbox.show .info{transform: translateY(0);}
.zxbox h2{font-size: 24px;font-weight: 900;position: relative;padding-bottom:20px;}
.zxbox h2 i{position: absolute;right:0;top: 0;cursor: pointer;}
.zxbox .warp{/*width: 800px;*/box-sizing: border-box;padding:0 40px;}
.zxbox .warp .fm{display: flex;flex-wrap: wrap;justify-content: space-between;}
.zxbox .warp .fm a{color:#94070a;padding:0 4px;}
.zxbox .warp .fm a:hover{text-decoration: underline; }
.zxbox .cum{border:1px solid #eee;width: calc(50% - 10px);margin-bottom: 10px;box-sizing: border-box;display: flex;}
.zxbox .cum.f{width: calc(25% - 12px)}
.zxbox .cum input,.zxbox .cum textarea{width: 0;flex:1;border:0;padding:10px 20px;}
.zxbox .cum textarea{height:100px}
.zxbox .cum.textarea{width: 100%;}
.zxbox .cum button{border:none;border-left: 1px solid #eee;padding:0 15px;cursor: pointer}
.zxbox .btn{width: 100%;height: 50px;color: #fff;background: #94070a;border:none;cursor: pointer;margin-top:20px;}
.zxbox .warp .fm .layui-form-select{width: 100%;}
.zxbox .warp .fm .layui-form-select input{width: 100%;}

.trial{display: flex;align-items: center;justify-content: center;}
.trial .info{position: static;width: auto;padding:30px 0;}
.trial h2{text-align: center;}
.trial h2 i{top: 15px;}
.trial h2 span{font-size: 14px;color: #999;display: block;font-weight: 500;padding-top: 5px;}
.trial .ii input{margin-right: 5px;}
.trial .ii{display: flex;align-items: center;padding:0 0 10px 0;color: #999;}
.trial .ii a{padding:0 5px ;color: #1859a3;}

.activebox.b1 .swiper{position: relative;}
.activebox.b1 .swiper-wrapper{width: 100%;}
.activebox.b1 .swiper-button-next,.activebox.b1 .swiper-button-prev{background: #94070a;width: 50px;margin-top: -25px;}
.activebox.b1 .swiper-button-prev{left: -60px;}
.activebox.b1 .swiper-button-next{right: -60px;}
.activebox.b1 .swiper-button-prev:after{content: "\eb06"}
.activebox.b1 .swiper-button-next:after{content: "\eb05"}
.activebox.b1 .swiper-pagination{bottom:-30px;}
.activebox.b1 .swiper-pagination-bullet{width: 12px;height: 12px;background: #94070a}
.activebox.b1 .swiper-pagination-bullet-active{background: #94070a;}

.actives{display: flex;justify-content: space-between;padding-bottom: 20px;}
.actives .item{position: relative;}
.activemore{display:flex;justify-content: center; padding: 50px 0;}

.actives .item:nth-child(1){width: 590px;}
.actives .item:nth-child(2){width: 300px;}
.actives .item:nth-child(3){width: 270px;}

.actives .item img{width: 100%;}
.actives .item h2{position: absolute;bottom:0;left: 0;padding:20px;z-index: 9;color: #fff;}
.actives .item div{position: relative;}
.actives .item div:nth-child(2){margin-top: 10px;}
.actives .item a{background: none;border:1px solid #fff;width: 150px;height: 50px;margin-top: 10px;}
.actives .item:nth-child(1) h2{display: flex;justify-content: space-between;width: 100%;box-sizing: border-box;align-items: center;}
.actives .item a:hover{background: #fff;color:#94070a;}

.activelist .tit{display: flex;align-items: center;padding:50px 0 10px;}
.activelist .tit b{flex:1;font-size: 30px;}
.activelist .tit span{border-radius: 2px;border: 1px solid #94070a;color: #94070a;padding:7px 10px 7px 20px;margin-left: 10px;font-size: 14px;display: flex;align-items: center; }
.activelist .tit span:after{content: "\e633";font-family: 'iconfont';margin-left: 10px;}
.activelist .list .cum{height: 230px;background: #fff;display: flex;margin-top: 20px;}
.activelist .list .cum .img{width: 386px;background: no-repeat center;background-size: cover;height: 230px;}
.activelist .list .cum .info{flex:1;padding:30px;height: 100%;box-sizing: border-box;display: flex;flex-direction: column;}
.activelist .list .cum h4{font-size: 18px;display: flex;align-items: center;}
.activelist .list .cum h4 a:hover{color:#94070a}
.activelist .list .cum h4 span{color:#fff;background: #94070a;font-size: 12px;padding:3px 5px 4px;margin-left: 5px;border-radius: 4px;}
.activelist .list .cum p{flex:1;color: #666;margin: 10px 0;overflow: hidden;text-overflow: ellipsis;-webkit-line-clamp: 3;-webkit-box-orient: vertical;display:-webkit-box;}
.activelist .list .cum .bot{display: flex;justify-content: space-between;align-items: center;}
.activelist .list .cum .bot span{color: #999;line-height:1.7em;}
.activelist .list .cum a.more{width: 150px;margin: 0;height: 50px;border:1px solid #94070a;color:#94070a;background: url("../img/btnbg3.png") no-repeat right bottom;background-size:auto 100%}
.activelist .list .cum a.more .icon-single{margin-left: 10px;}
.activelist .list .cum a.more:hover,.activelist .list .cum a.more:hover{background-image:url(../img/btnbg.png);color:#fff;}
.activelist .layui-form-select .layui-input{width: auto;padding-right: 40px;}
.activelist .tit span.type{padding:0  26px 0 0 !important;}
.activelist .tit span.type input{padding:7px 10px !important;width: 180px;}
.aDtailbanner{height: 600px;}
.aDtailbanner .info{padding-bottom: 80px;}
.aDtailbanner .bannerbg:after{content: "";width: 100%;height: 100%;display: block;background:linear-gradient(to top, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.3))}
.aDtailbanner h1{font-size: 70px;color:#fff;text-align: center;padding:20px 0 0;opacity: 0; animation: adh1 1s forwards;}
@keyframes adh1
{
    from {transform: translateY(20px);opacity: 0;}
    to {transform: translateX(0);opacity: 1}
}
.aDtailbanner h4{color: #fff;font-size: 26px;text-align: center;padding:20px 0;opacity: 0; animation: adh1 1s .5s forwards;}
.aDtailbanner .at{text-align: center;padding-top: 20px;}
.aDtailbanner .at a{background: #94070a;color: #fff;width: 150px;height: 50px;line-height: 50px;margin:0 10px;display: inline-block;}
.aDtailbanner .at a:hover{background:#820609;}
.activelist .layui-form-select dl dd.layui-this{background-color: #94070A;}
.activedetail{background:url(../img/activebg.png) repeat-y;background-size: 100%;}
.activedetail img{max-width: 90%;}
.activedetail p{line-height: 2.5em;font-size: 16px;}
.act_yy{position: relative;z-index: 99;padding-bottom: 40px;}
.act_yy:after{content: "";width: calc(100% - 40px);height: 7px;background: rgba(255,255,255,.5);display: block;margin: 0 auto;border-radius: 0 0 6px 6px;box-shadow: 0 0 20px rgba(0,0,0,.05);}
.act_yy:before{content: "";width: calc(100% - 60px);height: 20px;background: rgba(255,255,255,.5);display: block;position: absolute;left:30px;bottom:30px;border-radius: 0 0 6px 6px;box-shadow: 0 0 20px rgba(0,0,0,.05);}
.act_yy div{margin-top: -90px;box-shadow: 0 0 30px rgba(0,0,0,.1);padding:30px;background: url("../img/q.png") no-repeat right bottom #fff;background-size: auto 100%;border-radius: 4px;}
.act_yy div h2{font-size: 30px;font-weight: 900;padding-bottom: 10px;}
.act_video{padding:20px 0;}
.act_video video{height: 570px;width: 100%;}
.act_info{color:#555;}
.act_info h2 {}
.act_info h2{font-size: 36px;margin:6px 0 20px;color:#333;background:url(../img/activetitbg.png) no-repeat right bottom;display: inline-block;padding:20px 50px 20px 0;}
.act_info h2:after{display:none;content: "";width: 2em;border-bottom: 1px solid #333;display: none;margin:20px 0;}

.wdtable{width: 100%;border-collapse: collapse;}
.wdtable thead{background: #ececec;font-size: 16px;line-height: 56px;text-align: left;}
.wdtable thead th{padding:0 20px;font-weight: 500;}
.wdtable tr{border-bottom: 1px solid #e8e8e8;}
.wdtable tr td{padding:0 20px;line-height: 50px;}
.wdtable tr:hover{background:#F9f9f9;}
.wdtable a{color: #831b20;}

.banner-x .sear{background: #fff;display: flex;align-items: center;margin-top: 130px;}
.banner-x .sear input{flex:1;padding:0 30px;border:none;}
.banner-x .sear button{width: 50px;height: 50px;text-align: center;line-height: 50px;color:#999;font-size: 20px;cursor: pointer;border: none;}
.banner-x .sear button:hover{background: #94070a;color: #fff;}

.tabwap{text-align: center;padding-left: 1px;margin: -20px 0 30px;}
.tabwap a{border:1px solid #214463;color: #214463;margin-left: -5px;display: inline-block;padding:8px 20px;}
.tabwap a.cur,.tabwap a:hover{background: #214463;color: #fff;}

.wtcont{padding-bottom: 60px;display: none;}
.wtcont.show{display: block;}
.wtcont .wdtable a{color: #214463}
.wtcont p{text-align: center;border-bottom: 1px solid #eee;}
.wtcont p a{color: #831b20;line-height: 50px;}
.asklist{background: url("../img/repbg3.jpg") repeat-y center;background-size: 100%;}
.asklist .tabwap{margin:40px 0 20px;}
.gcbox{background: url("../img/bg.jpg") no-repeat;background-size: cover;display: flex;align-items: center;justify-content: center;flex-direction: column;margin-top: -90px;padding:180px 0 100px;}
.gcbox:before{content: '';background:url(../img/bg_z.png) no-repeat;width: 355px;height:311px;display: block;position: absolute;top:120px;right:50%;margin-right: -800px;}
.gcbox .tit2{color: #fff;font-size: 50px;font-weight: 400;padding-top: 0;}
.gcbox .tit2 span{font-size: 24px;}
.gximgs{display: flex;justify-content: space-between;}
.gximgs .item{width:590px;height:650px;position: relative;overflow: hidden;transition: .7s;margin-left: 10px;}
.gximgs .item .img{width: 100%;height: 100%;background: no-repeat center;background-size: cover;transition: .8s;}
.gximgs .item:hover{box-shadow: 0 0 30px rgba(0,0,0,.5);}
.gximgs .item:hover .img{transform: scale(1.1);}
.gximgs .item h2{position: absolute;z-index: 2;left: 0;top:30px;color:#fff;width: 100%;box-sizing: border-box;padding:40px 40px 40px 40px;font-size: 30px;font-weight: 800;}
.gximgs .item h2 span{display: block;font-size: 14px;font-weight: 500;padding-top: 15px;width: 60%;text-align: justify;}
.gximgs .item a{position: absolute;z-index: 2;bottom:70px;left: 90px;left:40px}
.gximgs .item:nth-child(1) h2{text-align: left;}
/* .gximgs .item:nth-child(1) a{left: auto;right:90px;} */
.kfzbox.b2 .box_fo2{justify-content: space-between;}
.kfzbox.b2 .item{position: relative;width: 590px;height: 350px;flex: none;}
.kfzbox.b2 .item a{width: 100%;height: 100%;background:no-repeat center;background-size: cover;display: block;}
.kfzbox.b2 .item span{position: absolute;left:0;bottom:0;z-index: 9;color: #fff;padding:20px;text-align: center;width: 100%;display: block;box-sizing: border-box;}
.kfzbox.b3 .warp{display: flex;justify-content: space-between;}
.kfzbox.b4 h2{font-size: 16px;font-weight: 700;padding:10px 0;}
.kfzbox.b4 img{transition: .5s;}
.kfzbox.b4 .item:hover img{box-shadow: 0 0 20px 0 rgb(0,0,0,.35);} 
.kfzbox.b1 .f_img{width: 600px;height: 350px;}
.kfzbox.b1 .f_img a{display: block;width: 100%;height: 100%;background:no-repeat center;background-size: cover;}
.hbbox.b1{background: url("../img/repbg3.jpg") repeat-y;background-size: 100%;}
.hbbox.b1 .warp{display: flex;justify-content: space-between;}
.hbbox.b1 .item{width: 590px;background: #eff4f9;box-sizing: border-box;padding:30px;display: flex;}
.hbbox.b1 .item img{flex-shrink: 1;height: 80px;}
.hbbox.b1 .item .info{padding-left: 20px;}
.hbbox.b1 .item .info p{padding-top: 10px;color: #999;}
.hbbox.b2{background: url("../img/bg2.jpg") no-repeat center;background-size: cover;}
.hbbox.b2 .item{background: #fff;height: 285px;display: flex;flex-direction: column;align-items: center;justify-content: center;}
.hbbox.b2 .item:nth-child(2){margin:0 20px;}
.hbbox.b2 .item  img{display: block;margin:0 auto;}
.hbbox.b2 .item span{font-size: 18px;margin-top: 10px;display: block;}
.hbbox.b3{background: url("../img/repbg3.jpg") repeat-y;background-size: 100%;padding:100px 0;}
.hbbox.b3 .warp{background: url("../img/bg3.jpg") no-repeat;color: #fff;text-align: center;padding-bottom: 50px;}
.hbbox.b3 .warp p{margin:0 100px 20px;}
.hbbox.b3 .warp .tit2{padding:50px 0 20px;}
.hbbox.b3 .warp a.more{margin:0 auto;width: 150px;height: 50px;}

.newslist,.artical{background: url("../img/repbg1.jpg") repeat-y;background-size: 100%;min-height: 100%;position: relative;}
.newslist .list .cum a{text-align: center;line-height: 50px;border:none;background: none;}
.newslist .list .cum{height: auto;}
.newslist .list .cum .info{padding-bottom: 10px;}
.newslist .list .cum:hover{background: #94070a;color: #fff;cursor: pointer;}
.newslist .list .cum:hover p{color: #fff;}
.newslist .list .cum:hover a{color: #fff;}
.newslist .list .cum:hover .bot span{color: #fff;}

.navb{padding:20px 0;color:#999;}
.navb a{color: #999;}
.navb a:hover{color: #94070A;}
.artical .info{background: #fff;box-sizing: border-box;padding:30px;width: 1040px;position: relative;z-index: 4;}
.artical h1{text-align: center;font-size: 36px;font-weight: 800;line-height: 1.7em;}
.artical .t{text-align: center;padding:15px 0;color: #999;}
.artical p{line-height: 2em;font-size: 16px;}
.artical h2{line-height: 6rem;}
.artical img{margin: 30px auto;max-width: 100%;border-radius: 4px;object-fit: contain;}
.artical .np{border-top: 1px solid #eee;margin-top: 80px;display: flex;justify-content: space-between;padding-top: 30px;}
.artical .np b{font-size: 18px;}
.artical .np span{display: block;margin-top: 5px;}
.artical .np a{color: #666;}
.artical .np a:hover{color: #22496c;}
.artical .np a:last-child{text-align: right;}
.artical .navb{width: 1040px;}

.pages{text-align: center;}
.pages ul {display: flex;justify-content: center;}
.pages ul li{margin:0 5px;}
.pages ul li a,.pages ul li span{display: block;width: 50px;height:50px;background:#fff;box-shadow: 0 0 10px rgba(0,0,0,.1);line-height: 50px;text-align: center;color:#999 !important;font-size: 16px;}
.pages ul li a:hover{color:#94070A !important;}
.pages ul li span{background-color: #94070A !important;color:#fff !important;}

.pages.p2 ul li a,.pages.p2 ul li span{width: 40px;height: 40px;line-height:40px;}
.pages.p2 ul li a:hover{color:#294990 !important;}
.pages.p2 ul li span{background-color: #294990 !important;color:#fff !important;}
.pages ul li.disabled span{background-color: #F6F6F6 !important;color:#999 !important;}

.pages.blue ul li a:hover{color:#214463 !important;}
.pages.blue ul li span{background-color: #214463 !important;}

.ask_artical{background:url(../img/askdetailbg.jpg) repeat-y top center;}
.ask_artical .wttop{display: flex;margin-bottom: 20px;}
.ask_artical .wttop .askslider{background-color: #fff;width: 240px;margin-right: 20px;padding:30px;}
.ask_artical .wttop .info{flex:1;background-color: #fff;}
.ask_artical .wttop .askslider h2{font-size:24px; }
.ask_artical .wttop .askslider h3 a{display: none;}
.ask_artical  .askslider form{display:block;padding:20px 0;}
.ask_artical  .askslider form .cum{position: relative;}
.ask_artical  .askslider form .cum button{font-size: 20px;height: 38px; background-color: transparent;border:none;position: absolute;z-index: 99;right:0;top:0;color:#666;width: 40px;cursor: pointer;}
.ask_artical  .askslider form .cum button:hover{color:#fff;background-color: #94070A;}
.s-list{border-top: 1px solid #eee;padding:10px 0;}
.s-list .item {padding:5px 0 0;padding-left:20px;}
.s-list > .item .item{display: none;}
.s-list a.item-nav:before{content: "\e631";position: absolute;left:-15px;top:5px;line-height:20px;font-weight:200;font-size:12px;font-family: 'iconfont' !important;}
.s-list a.item-nav.up:before{content: "\e633";}
.s-list a{display: block;color:#666;padding:5px 0;position: relative;}
.s-list a:hover,.s-list a.cur{color: #94070A;}
.ask_artical .askslider form input{background-color: #f5f5f5;}
.ask_artical .info{padding:30px;}
.ask_artical .info h1{font-size: 36px;padding-bottom: 20px;}
.ask_artical .info p{line-height: 1.8em;letter-spacing: 1px;}
.ask_artical .info table{border:1px solid #ddd;margin-top: 15px;}
.ask_artical .info table td{padding:5px 10px;border:1px solid #ddd;}
.ask_artical .info img{max-width: 100%;display: block;margin:20px 0;}
.ask_artical .info .more{margin-top:60px;display: flex;align-items: center;}
.ask_artical .info .more i{font-size: 18px;padding: 0 10px 0 0;box-sizing: border-box;}
.about-ask{background-color: #fff;}
.about-ask h2{font-size: 24px;padding:30px 30px 20px;}
.about-ask ul{margin:0 30px 20px;padding-bottom: 30px; border-top: 1px solid #eee;}
.about-ask ul li{display: flex;border-bottom:1px solid #eee ;line-height: 50px;}
.about-ask ul li a:nth-child(1){flex:1;margin-right: 30px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.about-ask ul li a:nth-child(2){color: #214463;}
.about-ask ul li a:hover{color: #94070A;}

.menu{position: fixed;left: 0;top:90px;background:url(../img/inbg1.jpg) no-repeat right #fff;height:auto;overflow: hidden; z-index: 999;width:100%;border-top: 1px solid #e8e8e8;pointer-events: none;opacity: 0;transform: translateY(-50px);transition: .3s;}
.menu.show{transform: translateY(0);opacity: 1;pointer-events: all;}
.menu:before{position: absolute;width: calc(50% - 360px);height: 100%;background:#f7f7f7;content:'';display: block;z-index: 0;}
.menu .warp{position: relative;z-index: 3;display: none;min-height: 300px;}
.menu .warp.show{display: flex;}
.menu .warp.show{display: flex;}
.menu .list{flex:1;height: 100%;padding:30px 60px;}
.menu .list div{display: none;}
.menu .list div.active{display: block;}
.menu .list a{display: block;text-align: left;line-height: 30px;cursor: pointer;font-size: 14px;color:#23496d;}
.menu .list a:hover{color:#94070A;border-color: #61b16a;}
.menu .navName{width:240px;background-color: #f5f5f5;border-left: 1px solid #e8e8e8;display: flex;
line-height: 2.75em;position: relative;}
.menu .navName:before{content: '';background: url(../img/i.png) no-repeat ;width: 245px;height: 270px;background-size: 100%;position:absolute;left:-245px;bottom:-20px;}
.menu .navName div{padding: 30px 0;width: 100%;}
.menu .navName a{display: flex;justify-content: space-between; font-size: 14px;color:#666;line-height: 36px;padding:0 10px 0 30px;transition: .4s;box-sizing: border-box;}
.menu .navName a:after{content: "\e649";font-family: 'iconfont' !important;color:#f7f7f7;}
.menu .navName a:hover{color:#23496d;}
.menu .navName a.cur{background-color: #23496d;color:#fff;width: calc(100% + 40px);}
.menu .navName span{font-size: 36px;}
.menu .navName b{display: block;font-size: 80px;color: rgba(0,0,0,.05);}
.menu .navmenu-pro .navName a:hover{color: #94070A;}
.menu .navmenu-pro .navName a.cur{background-color: #94070A;color:#fff;}
.menu .navmenu-pro h3{padding:15px 0 10px;color:#23496D;font-size: 16px;}
.menu .navmenu-pro .list a{color:#666;font-size: 14px;line-height: 30px;}
.menu .navmenu-pro .list a:hover{color: #94070A;}
.menu .navmenu-pro .list h2 a{font-size: 18px;color:#23496d;display: flex;align-items: center;}
.menu .navmenu-pro .list h2 a i{color:#94070A;font-size: 18px;margin-left: 15px;transform: rotate(-180deg);}
.list-paddingleft-2 {background-color: #f5f5f5;padding:15px;margin-top: 20px;}
.list-paddingleft-2  li{ color: #666;padding-bottom: 15px; }
.list-paddingleft-2 a{color:#23496d;font-weight: 600;}
pre	{
	width:calc(100% - 40px);
	margin: 15px 0 !important;
	padding: 20px !important;
	border: 0;
	border: 1px dotted #785;
	background: #f5f5f5;
	line-height:1.4;
	font-family:Consolas;
	overflow-x:auto;
}
.ztipbox{display: flex;flex-direction: column;justify-content: center;align-items: center;}
.ztipbox a{font-size: 20px;}
.ztipbox p{padding:10px 0 20px;opacity: .8;font-size: 16px;}
.people_tit{font-size: 36px;text-align:center;padding:30px 0 10px;font-weight: bold;position: relative;z-index: 4;}
.jstop{display:flex;justify-content:space-between;padding:60px 20px 30px;position: relative;z-index: 4;box-sizing: border-box; }
.jstop .left{width: 553px;padding-top:35px}
.jstop .left h3{padding:0 0 20px 10px;font-size: 30px;font-weight: bold;color:#333;display: flex;align-items: center;}
.jstop .left h3 span{display:inline-block;background:#831b20;color:#fff;padding:0 25px;border-radius:15px 15px 15px 0;margin-left:10px;line-height:30px;font-size: 16px;font-weight: normal;}
.jstop .left p{padding-left:10px;color:#666;padding-left: 15px;position: relative;margin-left:10px;}
.jstop .left p:after{content:'';position: absolute;left:0;top:50%;display: block;border:transparent 4px solid;border-left:8px solid #831b20;margin-top:-4px;}
.jstop .left p.i:after{border:none;border-left:3px solid #831b20;height:26px;margin-top:-13px;}
.jstop .left .tabs{/* border-top:1px solid #e8e8e8; */margin-top:20px;padding-top:20px;}
.jstop .left .tabs a{display:inline-block;width: calc(49% - 10px);margin:0 0 10px 10px;background-color: rgba(34, 73, 108, .11);color:#666;border-radius: 5px;padding:0 10px;box-sizing: border-box;line-height: 40px; }
.jstop .left .tabs a.cur{color:#fff;background:#22496c;}
.jstop .left .tabs a:hover{background:rgba(34,73,108,1);color:#fff;}
.jstop img{margin:0 !important;}
.jstop .right{width:320px;border-radius:20px;overflow:hidden;}
.jstop .right img{border-radius:20px;}
.artical .tzhinfo.info{position:relative;background:none;width:1200px;}
.artical .tzhinfo .cont p{text-indent:2em;}
.tzhinfo .bg{position: absolute;left:0;top:0;width:100%;height:100%;z-index: 0;flex-direction: column;display:flex;}
.tzhinfo .bg div:nth-child(2){flex:1;background:url("../img/tzh_info_c.png") repeat-y;background-size:100%;}
.tzhinfo .bg img{margin:0;}
.arts{position: relative;overflow: hidden;z-index: 1;padding:0 40px 10px ;}
.arts .cont{padding-bottom:80px;transition: .5s;opacity: 0;position: absolute;left:0;top:0;transform: translateY(2px); }
.arts .cont.show{opacity: 1;position: relative;transform: translateY(0px); }
.arts h1{padding:40px 0;}
.arts ol{padding-left:40px;line-height:1.8em;}
.arts ol li{list-style:list-style-type;}
.arts .ts{padding-top:30px;font-size: 12px;color:#999;}
.tzhbg{background:url(../img/tbg.png) no-repeat top center;background-size:cover;height:900px;position: absolute;left:0;top:0;width: 100%;z-index: 0;}
.downbanner{height:600px;}
.d_banner{display: flex;}
.d_banner .flex1{flex:1;}
.d_banner .cont{display: flex;flex-direction: column;flex:1;width: 50%; color:#000 ;}
.d_banner .img{flex:1;width: 50%;display: flex;justify-content: flex-end; margin-right:40px; animation:fadeInLeft 1s; }
.d_banner .logo{width: auto; animation: slideInUp .8s  forwards;}
.d_banner .as{display: flex;padding-bottom:110px; animation: slideInUp  1.4s forwards;flex-wrap: wrap; }
.d_banner .as a{display: block;background:linear-gradient(-35deg,#2397c1,#1a76b0);border-radius:30px;margin-right:10px;padding:6px 18px;transition: .5s;color:#fff;margin-top: 20px;box-sizing: border-box;width: 30%; }
.d_banner .as a i{white-space:nowrap;color:#fff;}
.d_banner .as a span{display: flex;align-items: center;color:#22496c;width: 100%;justify-content: center; }
.d_banner .as a span img{height:30px;width: auto;}
.d_banner .as a:hover{background:#22496c;}
.d_banner .as a i{display: block;margin-left:10px;}
.d_banner .cont h3{font-size: 36px;color:#333;padding:40px 0 10px;font-weight: 900;animation: slideInUp 1s;}
.d_banner .cont p{ animation: slideInUp 1.2s forwards;}
.d_banner .cont p span{display: inline-block;width: 50%;padding:3px 0;opacity: .8;color:#22496c;}
.d_banner .cont p span:before{content:'•';padding-right:10px;}
.downswiper{position:relative;padding-bottom:50px;width:1000px;margin:0 auto;}
.downswiper .swiper{overflow:hidden;}
.downswiper .swiper img{width: 100%;}
.downswiper .swiper-button-next,.downswiper .swiper-button-prev{position: absolute;left:-60px;top:50%;width:50px;height:50px;background:#23a0cc;margin-top:-25px;color:#fff;}
.downswiper .swiper-button-next:hover,.downswiper .swiper-button-prev:hover{background:#22496c;}
.downswiper .swiper-button-next:after,.downswiper .swiper-button-prev:after{display: none;}
.downswiper .swiper-button-next{right:-60px;left:auto;}
.downswiper .swiper-pagination-bullet{width: 16px;height:16px;background:#22496c;}
.downbox.b1 .tit2 span{width: 80%;margin:0 auto;display: block;}
.downbox.b2{background:url(../img/downpagebg.jpg) no-repeat center;background-size:cover;margin-top:80px;}
.downbox.b2 .warp{}
.downbox.b2 .cum{width: calc(50% - 15px);float:left;background:#fff;padding:30px;box-sizing: border-box;margin-bottom: 20px;position: relative; }
.downbox.b2 .cum .flex{display: flex;align-items: center;}
.downbox.b2 .cum .dec{position: absolute;top:0;left:0;width: 100%;pointer-events: none;transform: translateY(-20px);transition: .6s;opacity: 0; }
.downbox.b2 .cum .dec .cont{position: absolute;bottom:-15px;left:0;background:#fff;box-shadow: 0 0 20px rgba(0, 0,0 ,0.1); padding:20px;border-radius:5px;color:#999;}
.downbox.b2 .cum .dec .cont:after{content:'';position: absolute;left:17%;bottom:-20px;border:transparent solid 10px;border-top:10px solid #fff;border-radius:3px;display: block;}
.downbox.b2 .cum .dec .cont h3{font-size: 18px;color:#333;}
.downbox.b2 .cum:hover .dec{transform: translateY(0);opacity: 1; }
.downbox.b2 .cum .info{flex:1;color:#999;padding:0 20px;}
.downbox.b2 .cum .info span{display: block;padding:5px 0;}
.downbox.b2 .cum b{display: flex;border-radius:50%;background:linear-gradient(-35deg,#2397c1,#1a76b0);width: 60px;height:60px;align-items: center;justify-content: center; }
.downbox.b2 .cum img{display: block;margin:0 auto 5px;height: 60%;width: auto;}
.downbox.b2 .cum .icon{text-align:center;color:#22496c;}
.downbox.b2 .cum .icon span{font-weight: 600;margin-top:5px;color:#333;}
.downbox.b2 .cum:nth-child(2n){float:right;}
.downbox.b2 .cum a{color:#22496c;border:1px solid #22496c;border-radius:30px;padding:8px 20px;transition: .5s; }
.downbox.b2 .cum a:hover{color:#fff;background:#22496c;}
.downbox.b3,.downbox.b4{background:url(../img/downpagebg.jpg) no-repeat center;background-size:cover;}
.downbox.b3 > div{background:rgba(0,0,0,.07);}
.downbox.b3 .warp{display: flex;justify-content: space-between; }
.downbox.b3 .cum{background:#f6f6f6;width:calc(33.3% - 20px);position: relative;overflow: hidden;}
.downbox.b3 .cum a{display: flex;flex-direction: column;align-items: center;justify-content: center;padding: 40px 0;width: 100%;box-sizing: border-box;position: relative;z-index: 0; }
.downbox.b3 .cum a span{padding-top:15px;color:#010203;font-size: 18px;}
.downbox.b3 .cum a:hover span{color:#000;}
.downbox.b3 .cum .info{background:rgba(24,77,149,.8);box-sizing: border-box;padding:30px;position: absolute;bottom:0;left:0;z-index: 9;color:#fff;opacity: 0;transform: translateY(100%);transition: .6s;pointer-events: none;width: 100%; }
.downbox.b3 .cum .info h3{font-size: 18px;padding-bottom:10px;}
.downbox.b3 .cum .info p{font-size: 14px;}
.downbox.b3 .cum:hover .info{opacity: 1;transform: translateY(0); }
.donw_pro{background:#fff;box-shadow: 0 20px 20px rgba(0,0,0,.1); }
.donw_pro .warp{display: flex;}
.donw_pro .warp a{flex:1;display: flex;justify-content: center;padding:30px 0;border-bottom: 2px solid #fff; position: relative;}
.donw_pro .warp a.cur{border-color:#94070a;}
.donw_pro .warp a.cur:after{position: absolute;left:50%;content:'';border:transparent solid 5px;border-bottom:10px solid #94070a;bottom:0;margin-left:-3px;}
@media screen and (max-width:1300px){
	.head .nav li{padding-left: 35px;}
}
@media screen and (min-width: 751px) {    
	
    .banner .swiper-button-next,.banner .swiper-button-prev{left: 50%;bottom:85px;margin-left: -600px;top:auto;transition: .3s;}
    .banner .swiper-button-next{margin-left: -465px;}
    .banner .swiper-button-next:hover,.banner .swiper-button-prev:hover{opacity: 1;}
    .banner .swiper-pagination{bottom: 79px;left:50%;margin-left: -602px;width:auto;display:flex;padding:0 40px;font-size: 48px;font-weight: 900;z-index: 1;} 
    .banner .swiper-pagination em{font-size: 16px;font-weight: 500;display:block;opacity: .6;padding-top: 10px;}
    .banner .swiper-pagination span{background: #fff;opacity: .7;}
    .banner .swiper-pagination .swiper-pagination-bullet-active{opacity: 1;background: #61b16a;width: 30px;border-radius: 15px;}
    .banner .sb{position: absolute;bottom:85px;display: flex;width: 1200px;justify-content: flex-end;align-items: center;z-index: 3;color:#fff;right:50%;margin-right: -600px;}
    .banner .sb:before{content:'';width: 450px;border-bottom: 1px solid #fff;height: 1px;}
    .banner .sb i{display: flex;align-items: center;font-size: 16px;}
    .banner .sb i:before{content: '\e662';font-family: 'iconfont';font-size: 28px;margin:0 10px;}
    .banner h2{font-size: 60px;font-weight: 900;}
	.banner p{font-size: 18px;margin-top: 0;height: 160px;}
	.banner h3{font-size: 40px;margin:2rem 0;}

	.banner .swiper-slide{background-size:140%;transition: 2.25s .8s;}
	.banner .swiper-slide-active{background-size:120%}

    .banner .swiper-slide .warp{position: relative;z-index: 99;}
    .banner .swiper-slide-active .bannerbg,.banner-x .bannerbg{animation: bgfd 2.6s .15s forwards;}
    .bannerbg{display: block;position: absolute;z-index: 0; left: 0;top: 0;width: 100%;height: 100%;background: no-repeat center;background-size: cover;transform: scale(1.03); }
   
}
@media screen and (max-width:1700px) and (min-width:751px) {
	.gximgs .item{height:480px;}
	.gcbox{padding:130px 0 100px;}
}
@media screen and (max-width:1200px) and (min-width:751px) {
	.head .nav li{padding-left:25px;}
}
@media screen and (max-width:750px) {
	html{font-size: 6.2vw;}
	html body{font-size: .6rem ;}
	/* img{width: 100%;} */
	.head .userbtn{margin-left: 0;}
	.warp{width: 100%;box-sizing: border-box;}
	.head{height: 2.5rem;}
	.head .warp{height:100%;padding:0 .5rem;}
	.head .logo{height: 1.3rem;padding-top: 0;flex:1;}
	.head .logo a{height: 100%;}
	.head .logo a img{height: 100%;}
	.head .nav{position: absolute;top:2.5rem;left: 0;display: none;padding:0;width: 100%;background-color: rgba(255,255,255,.95);box-shadow:0 0.5rem 0.5rem rgba(0,0,0,.1);}
	.head .nav li{padding:0;float:none;margin:0 1rem;}
	.head .nav li a.t{line-height:2rem;height: auto;font-size: .65rem;color: #333;}
	.head .nav li a.t:after{background-color: rgba(0,0,0,.1);height: 1px;}
	.head .nav .hi{padding:.5rem 0;height:auto;}
	.searchnav{height: auto;width: auto;margin:0 .25rem;}
	.searchnav > .icon-sousuo{height:auto;}
	.head .iconfont{font-size: .7rem;display: block;padding:0 .2rem;font-weight: 900;}
	.searchnav.show div:before{content: "";display: block;flex:1}
	.searchnav.show div{width: 7rem;display: flex;padding:.14rem;top:-.14rem;}
	.loginbox .infobox .logo{}
	.loginbox .txt{font-size: .65rem;}
	.loginbox .txt h1{font-size: 1.5rem;}
	.navbtn{display: block;}
	.scrollbox{padding-top: 2.5rem;}
	.banner,.bannerzw{height: 12rem;width: 100%;margin-top: 0;}
	.bannerzw{margin-top: -2.5rem;}
	.banner .warp{z-index: 9;position: relative;text-align: center;}
	.banner .info{margin:0 1rem;}
	/* .bannerfixed{top:-80px;} */
	.more{font-size: .5rem;width:5rem;line-height:1.5rem;}
	.more .icon-single{font-size: .6rem;margin-left: .5rem;}
	.banner .more{width:6rem;height: 1.8rem;margin:0 auto;}
	.banner .swiper-slide h2{font-size: .7rem;margin-left:0;}
	.pb100{padding-bottom: 1rem;}
	.tit{padding:.8rem 0 .4rem;margin:0 .5rem;}
	.tit .z{font-size: .8rem;line-height: 1.62rem;}
	.tit .z span{padding:0 .6rem;}
	.tit .z span:before,.tit .z span:after{background-size: 100%;width: .35rem;height: 1.6rem;background-position: 0 .25rem;}
	.tit .z span:after{background-position: 0 .45rem;}
	.tit .z em{font-size: .99rem;}
	.box_fo2{display: block;}
	.box_fo2.in_yt{padding:0 .5rem;}
	.box_fo2.in_yt .f_img{width: 100%;height:6rem;}
	.box_fo2 p{padding:.5rem 0;}
	.box_fo2.in_yt .info{padding:.5rem 0;}
	.box_fo2.in_yt .info:before{width: 1.3rem;background-size: 100%;top:.65rem ;left:0}
	.box_fo2.in_yt h2{padding-left: 1.8rem;font-size: .7rem;}
	.box_fo2 h2 span{font-size: .6rem;}
	.fzbox{height: auto;padding-bottom: 1rem;}
	.fzbox .txts{width: calc(100% - 1rem);position: static;height: auto;}
	.fzbox .txts h2{font-size: .7rem}
	.fzbox .txts .swiper-slide{padding:.6rem;}
	.fzbox .imgs{margin:.5rem;}
	.fzbox .imgs .swiper-slide{height: 7rem;}
	.in_news{margin-top: 0;}
	.in_news .tit a.more{display: none;}
	.box_fo2.en{padding:0 .5rem 1rem}
	.box_fo2.en .bg{width: 100%;height: 10rem;display: flex;flex-direction: column;justify-content: center;align-items: center;padding:.6rem;}
	.box_fo2.en h3{font-size: .7rem;width: 100%;}
	.box_fo2.en .rel h3{position: relative;left:auto;bottom:auto;z-index:9;}
	.box_fo2.en .f2 .bg{width: 100%;}
	.box_fo2.en .item{width: 100%;height: auto;}
	.box_fo2.en .bg{padding:1rem .6rem;height: auto;}
	.box_fo2.en .f2 .bg{margin-top: .5rem;}
	.box_fo2.en .f2 p{white-space: normal;}
	.box_fo2.en .f2 h4{width: 100%;font-size: .6rem;}
	.box_fo2.en .f2 .bg:last-child{height: auto;}
	.in_st{padding:1rem .5rem;}
	.in_st .item{width: 100%;height:auto;padding:2rem 1rem;justify-content: center;align-items: center;margin-bottom: .5rem;}
	.in_st .item p{flex:none;}
	.in_st .item h2{font-size: 1rem;padding:0;}
	.footer{padding:1rem 0 0;}
	.footer .warp{display: block;}
	.footer .nv{width: auto;padding:0 .5rem;display: block;}
	.footer .nv>div{width: 100%;text-align: center;}
	.footer .nv h3{font-size: .65rem;}
	.footer .nv a{display: inline-block;margin:0 .5rem .5rem}
	.footer .code{padding-bottom: .6rem;}
	.footer .code img{width: 4rem;display: block;margin:0.25rem auto;}
	.footer .bto{height:auto;}
	.footer .bto p{font-size: .4rem;line-height: 1.8em;height: auto;padding:.5rem}
	.loginbox .logo{padding:0;width: 6rem;}
	.loginbox .infobox{padding:.5rem 1rem;display: block;flex:none;margin-bottom:5rem;}
	.loginbox .infobox .login{width: 100%;height: auto;padding:.75rem;}
	.loginbox .infobox .login h2 b{font-size: .8rem;}
	.loginbox .infobox .login h2 span{font-size: .6rem;}
	.loginbox .infobox .login .tab{margin:.5rem 0;}
	.loginbox .infobox .login .tab span{line-height: 1.5rem;}
	.loginform .item .cum{height: 1.5rem;margin-bottom: .5rem;}
	.loginform .item .cum input{font-size: .5rem;padding:0 .5rem;}
	.loginbox .loginbtn{height: 1.5rem;line-height: 1.5rem;}
	.loginbox #getcode{height: 1.5rem;}
	.loginbox .txt{padding:2.3rem 0 .5rem;}
	.loginbox .bot p{line-height: 1.8em;padding:.5rem;font-size: .4rem;}
	.regbox .loginform .item .cum{width: 100%;}
	.regbox .loginform .item .yzm,.regbox .loginform .item .pl{width: calc(50% - .15rem);}
	.regbox{display: block;padding:2rem 0;}
	.artical .info{width: 100%;}
	.artical h1{font-size: 1rem;}
	.artical p{font-size: .6rem;}
	.banner-x{height: auto;min-height: 10rem;}
	.banner-x .video{position: static;margin: 0;height: auto;width: 100%;}
	.banner-x .info{padding:2rem .5rem;}
	.banner-x .video span{width: 100%;height: auto;}
	.banner-x .video span:before{width: 2rem;height: 2rem;margin:-1rem 0 0 -1rem;background-size: cover;}
	.banner-x h2{font-size: 1rem;}
	.banner-x p{font-size: .6rem;width: 100%;}
	.banner-x .bt{margin:.65rem 0;padding:0;}
	.banner-x .bt a{display: inline-block;padding:.25rem .6rem;margin-right: .5rem;}
	.tit2{font-size: .7rem;padding:1rem 0 .5rem;}
	.tit2 span{padding:.5rem 0 0;font-size: .6rem;}
	.probox .pro_b1 .item{position: relative;padding-left: 4.5rem;border-top: 1px solid rgba(255,255,255,.2);padding-top: .5rem;}
	.probox.b2 .box_fo2 h2{font-size: .65rem;padding:0 0 .2rem;}
	.probox .pro_b1 a{width: 4rem;height: 4rem;position: absolute;left:0;top:.5rem;}
	.probox .pro_b2 img{width:100%;}
	.probox.b1{background-size: cover;}
	.probox.b1 video{height: auto;width: calc(100% - 1rem);margin:0 .5rem .5rem;}
	.probox.b1 iframe{height:6.9rem !important;}
	.probox.b2{padding:.5rem;}
	.box_fo2 .item{margin-bottom:.5rem;}
	.probox.b4 .box_fo2 h2{font-size: .65rem;padding:.25rem 0 .2rem;}
	.probox.b3 .warp {font-size: .4rem;}
	.probox.b3 .warp .gn span{padding:0 .25rem;}
	.probox.b3{padding:0 .5rem 1rem;}
	.casebox{padding:0 .5rem 1rem;}
	.casebox.b1 .box_fo2 {display: flex;flex-wrap: wrap;}
	.casebox.b1 .box_fo2 .item{width: calc(50% - .5rem);height: auto;padding:.8rem 0;}	
	.casebox.b1 .box_fo2 .item img{width: 2.5rem;}
	.casebox.b1 .f_img span{font-size: .6rem;padding-top: .5rem;}
	.gcbox{padding:3rem 0;margin-top: -2.5rem;}
	.gcbox .tit2{font-size: 1.5rem;}
	.gcbox .tit2 span{font-size: .6rem;}
	.gximgs{display: block;padding:0 .5rem;}
	.gximgs .item{width: 100%;height: 10rem;display: flex;flex-direction: column;align-items: center;justify-content: center;margin-bottom: .6rem;}
	.gximgs .item h2{padding:0 1rem;position: relative;z-index: 99;top:auto !important;text-align: center !important;font-size: 1rem;}
	.gximgs .item a{position: relative;bottom:auto!important;right:auto!important;left:auto !important;azimuth: 99;margin-top: .5rem;}
	.gximgs .item .img{position: absolute;left:0;top:0;z-index: 0;}
	.gximgs .item h2 span{font-size: .5rem;}
	.actives{display: block;padding:.5rem;}
	.actives .item{width: 100% !important;margin-bottom: .5rem;}
	.actives .item div:nth-child(2){margin-top: .5rem;}
	.actives .item a{width: auto;padding:0 1rem;height: 1.5rem;}
	.actives .item:nth-child(1) h2{flex-wrap: wrap;}
	.activemore{padding: 0 0 1rem 0;}
	.tabwap{margin:0;display: flex;padding:.5rem;}
	.tabwap a{flex:1;padding:.3rem 0;margin:0;border-color: none;}
	.tabwap a:nth-child(1){border-left:1px solid #214463;}
	.wtcont .wdtable a{white-space: nowrap;}
	.wdtable tr td{line-height: 1.8em;padding:.5rem .25rem;font-size: .45rem;}
	.zxbox .info{padding:.5rem 0;}
	.zxbox .warp{padding:0 .5rem}
	.zxbox h2{font-size: .8rem;padding-bottom: .5rem;}
	.zxbox .cum{width: calc(50% - .15rem);}
	.zxbox .cum input, .zxbox .cum textarea{font-size: .5rem;padding:.2rem .5rem;}
	.banner-x .sear{margin-top: 1rem;}
	.artical .navb{width: 100%;box-sizing: border-box;padding:.5rem;font-size: .5rem;}
	.activebox.b1{padding-bottom: 2rem;}
	.slidebox .item{width:auto;padding:.5rem .5rem;}
	.slidebox .item span.t{font-size: .5rem;}
	.slidebox{margin:0;top: auto;bottom:1rem;right:.5rem;height: auto;}
  .zp_top{padding: 0 .5rem;margin: 0 .5rem;line-height: 2rem;}
  .zp_top span, .zp_list dt span{font-size: .5rem;}
  .zp_list{margin: 0 .5rem;}
  .zp_list dt{padding:.25rem .5rem;font-size: .5rem;line-height: 1rem;}
  .zp_list dd{padding: .5rem;}
  .zp_list dd .t span{display: block;font-size: .5rem;}
  .zp_list dd .f2{display: block;}
  .zp_list dd .f2 div{width: 100%}
  .zp_list .td_btn{height: 1.8rem;width: 6rem;font-size: .6rem;margin-top: .5rem;}
  .zp_top i, .zp_list dt i{font-size: .4rem;}
  .zp_top span:nth-child(4), .zp_list dt span:nth-child(4){display: none;}
  .job_searchbox{margin-top: 0;height: auto;padding:.5rem;flex-wrap: wrap;}
  .job_searchbox .stab{flex:auto;margin-bottom: .5rem;line-height: 1.5rem;height: 1.5rem;}
  .job_searchbox button{height: 1.5rem;}
  .pages{padding:.5rem 0;}
  .aDtailbanner{ }
  .aDtailbanner h1{font-size: 1rem;}
  .aDtailbanner h4{font-size: .6rem;padding:.3rem 0;}
  .aDtailbanner .at{padding-top: .5rem;}
  .aDtailbanner .at a{width: auto;line-height: 1.52rem;height: 1.52rem;padding:0 .5rem;margin:0 .2rem;font-size: .5rem;}
  .act_yy{padding-bottom: .5rem;}
  .act_yy div{margin-top: 0;padding:.5rem;background-size: 100%;}
  .act_yy:before,.act_yy:after{display: none;}
  .act_video{padding:0 .5rem;box-sizing: border-box;}
  .act_video iframe{width: 100%;height: 7rem;}
  .act_info{padding: .5rem;}
  .act_yy div h2{font-size: 1rem;}
  .act_info h2{font-size: .8rem;background-size: auto 1rem;padding:.5rem 1.2rem .5rem .5rem;margin-left: -.4rem;margin:.1rem 0 .15rem;}
  .wdtable a{white-space:nowrap;font-size: .4rem;}
  .wdtable{margin-top: .5rem;}
  .wdtable thead th{padding:0 .4rem;}
  .wdtable thead{font-size: .5rem;line-height: 1.5rem;}
  .navb{display: none}
  .s-list{display: none;}
  .about-ask ul{margin: 0 .5rem;padding-bottom: .5rem;}
  .ask_artical .info{padding:.5rem;}
  .about-ask h2{font-size: .75rem;padding:.5rem;}
  .ask_artical .wttop{display: block;padding:.5rem 0 0;}
  .ask_artical .info h1{font-size: 1.2rem;padding-bottom: .5rem;font-weight: 600;}
  .ask_artical .wttop .askslider h3{display: flex;justify-content: space-between;align-items: center;}
  .ask_artical .wttop .askslider h3 a{display: block;font-size: .5rem;padding:.2rem .5rem;border-radius: .25rem;border:1px solid #ccc;color: #666}
  .ask_artical .wttop .askslider{margin-bottom: .5rem;box-sizing: border-box;width: 100%;padding:.5rem;}
  .searchInfoBox .warp{padding:1rem .5rem;}
  .searchInfoBox h2{font-size: 1rem;padding: 0 0 .5rem;}
  .searchInfoBox .searchInp .iconfont{height: 2rem;line-height: 2rem;}
  .searchInfoBox .list{display: block;padding:.5rem 0 0;}
  .searchInfoBox .list .lb{width: 100%;box-sizing: border-box;padding:0 .5rem .5rem;}
  .searchInfoBox .list .lb span{display: inline-block;}
  .searchInfoBox .list .lb span,.searchInfoBox .list .lb span a{padding:0 .25rem;line-height: 1.3rem;}
  .searchInfoBox .list .lb span a{padding:0;}
  .searchInfoBox .list .lb h3{padding:.5rem 0;font-size: .7rem;}
  .searchInfoBox .list .lb span.cur{padding:0 .5rem;}
  .searchInfoBox .list .jg{width:100%;margin:.5rem 0 0;padding-bottom: .5rem;}
  .searchInfoBox .list .jg .empty{height: 13rem;padding:0 1rem;text-align: center;}
  .kfzbox.b1 .f_img,.kfzbox.b2 .item,.abooutbox.b1 .f_img,.abooutbox.b4 .f_img{width: 100%;height: 9rem;}
  .abooutbox.b1 .item, .abooutbox.b4 .item{width: 100%;box-sizing: border-box;padding:0 .5rem;}
  .abooutbox.b2 .swiper{padding:2rem 0;}
  .abooutbox.b2 .swiper .swiper-slide span{font-size: .8rem;}
   .abooutbox.b2 .swiper .swiper-slide span em{font-size: .5rem;}
   .abooutbox.b2 .swiper .swiper-slide div{padding:.25rem;font-size: .6rem;}
   .abooutbox.b2 .swiper .swiper-slide div p{font-size: .5rem;}
   .abooutbox.b2 .swiper .swiper-slide div:before{margin-left: -9px;}
   .abooutbox.b2 .swiper .swiper-slide div:after{margin-left: -6px;}
      .abooutbox.b4 .box_fo2{margin-top:1rem;}
   .abooutbox.b4 .box_fo2 .item{margin:0;width: 100%;}
   .abooutbox.b4 .box_fo2 .item{height:auto;}
   .abooutbox.b4 .box_fo2 .item .info{bottom:0;top:auto;margin:-2.5rem 1rem 1rem;position: relative;z-index: 1;opacity: 1;left:0;width: calc(100% - 2rem);}
   .abooutbox.b4 .box_fo2 .item img{width: 50%;}
   .abooutbox.b4 .box_fo2 .item h3{justify-content:center;}
   .hbbox.b3{padding:1rem 0;}
   .hbbox.b3 .warp{background-size:cover;}
   .hbbox.b3 .warp p{margin:.5rem;}
   .hbbox.b1 .warp{display:block;}
   .hbbox.b1 .item{width: calc(100% - 1rem);margin:.5rem;padding:1rem .5rem;}
   .hbbox.b1 .item img{width: 2rem;height:2rem;}
    .hbbox.b1 .item h2{font-size: .7rem;}
    .head .userbtn{height:auto;}
    .banner .more{display:flex;}
	.countusinfo{padding:1rem .5rem;}
	.countusinfo .warp{display:block;background:none;}
	.countusinfo .warp .item{background:#fff;margin-bottom:.5rem;border:none;}
	.countusinfo .warp span{font-size: 1rem;}
	.countusinfo .warp p{font-size: .6rem;}
	.countusinfo .warp h2{font-size: .7rem;}
	.countusinfo .warp strong{font-size: .8rem;}
	
	.jstop{display: block;margin:0;overflow:hidden;}
	.jstop .left{width: 100%;padding:0;}
	.jstop .left .tabs{margin-top:0;}
	.jstop .left .tabs a{display:block;width:100%;margin-left:0;}
	.jstop .right{width: 100%;}
	.artical .tzhinfo.info{width: 100%;}
	.arts{padding:0 0 20px;}
	.d_banner{display: block;}
	.downbanner{height:auto;}
	.downbox{padding:.5rem;}
	.d_banner .img{width:100%;}
	.d_banner .img img{transform: translateX(-1.3rem); }
	.d_banner .logo{display: none;}
	.d_banner .cont{display: block;width: 100%;}
	.d_banner .as{flex-wrap:wrap;justify-content: space-between;padding-bottom: 0; }
	.d_banner .as a{width: calc(50% - .5rem);box-sizing: border-box;margin-top: .5rem; }
	.d_banner .as a span{justify-content:center;}
	.downswiper{width: calc(100% - 1rem);}
	.downswiper .swiper-button-prev{left:0;}
	.downswiper .swiper-button-next{right:0;}
	.downbox.b1 .tit2 span{width: auto;}
	.downbox.b2 .cum .icon span{font-weight: normal;}
	.downbox.b2 .cum .dec{position: static;opacity: 1;transform: translateX(0); border-top:1px solid #ededed;margin-top: .5rem;}
	.downbox.b2 .cum .dec .cont{position: static;box-shadow: none;padding:.5rem .5rem 0; }
	.downbox.b2 .cum .dec .cont h3{display: none;}
	.downbox.b2 .cum .dec .cont p{font-size: .5rem;}
	.downbox.b2 .cum .dec .cont:after{display: none;}
	.downbox.b2 .cum img{width: auto;}
	.downbox.b2{margin-top:0;}
	.downbox.b2 .cum{width: 100%;padding:.65rem;margin-bottom:.5rem;}
	.downbox.b3 {padding:0}
	.downbox.b3 .bg{padding:.5rem;}
	.downbox.b3 .warp{display: block;}
	.downbox.b3 .warp .cum{width: auto;flex:1;display: flex;margin-bottom:.5rem;}
	.downbox.b3 .warp .cum img{height: auto;width: 100%;}
	.downbox.b3 .cum a {width: 4.5rem;}
	.downbox.b3 .cum a span{display: none;}
	.downbox.b3 .cum .info{background: none;position: static;opacity: 1;transform: none;padding:.5rem;width:calc(100% - 4.5rem)}
	.downbox.b3 .cum .info h3{color:#333}
	.downbox.b3 .cum .info p{color:#999;}
	.donw_pro .warp a{display: block;padding:0;}
	.donw_pro .warp a img{width: 70%;display: block;margin:.7rem auto;}
	
}

.table3{}
.table3 table{width: 100%;border:1px solid #e8e8e8;border-collapse: collapse;}
.xkbox{background:url('../img/license/bg.jpg') repeat-y;background-size: 100%;border-top: 1px solid #e8e8e8;box-shadow: 20px 0 40px rgba(0,0,0,.1) inset;}
.xkbox .warp{padding:80px 0;}

.table3 thead{background:#214463;}
.table3 thead th{font-weight: 500;color:#fff;text-align: left;border:1px solid #e8e8e8;padding:26px 10px ;white-space: nowrap;}
.table3 td{border:1px solid #e8e8e8;padding: 10px ;background:#fff;}
.table3 tbody tr:nth-child(2n-1) td{background:#fafafa;}
.table3 .y{display:flex;align-items: center;}
.table3 .y img{width: 34px;margin-right:3px;}
.table3 .p0{padding:0;}
.table3 .s{border-bottom: 1px solid #e8e8e8;padding:12px 10px ;display: flex;align-items: center;}
.table3 .s:last-child{border-bottom: none;}
.table3 .s a{border-radius: 20px;background:#e8e8e8;border:1px solid #dadada;color:#888;padding:5px 10px;display: flex;align-items: center;font-size: 12px;margin-right: 10px;flex:1;}
.table3 .s a i{color:#999;display: block;margin-left: 10px;}
.table3 .s span,.table3 span.one{border-radius: 50%;width: 20px;height:20px;background: #831b20;color:#fff;display: flex;align-items: center;justify-content: center;font-size: 12px;display: none;cursor:pointer;}
.table3 span.one{width: auto;padding:5px 10px;border-radius: 15px;margin:0 auto;align-items: center;}
.table3 span.one:last-child{display: inline-flex}
.table3 .s:last-child span{display: flex;}
.table3 .down{border:1px solid #831b20;border-radius: 20px;color:#831b20;padding:3px 10px;transform: scale(.9);white-space: nowrap;}
.tabconts .cont{display: none;}
.tabconts .cont.show{display: block;}

.license_add{border-radius: 20px;background-color: #fff;}
.license_add .info{padding:20px 40px;position: relative;}
.license_add .close{position: absolute;right:20px;top:20px;}
.license_add .info .flex{display: flex;width: 460px;margin:20px 0 10px;}
.license_add .info .inp{flex: 1;}
.license_add .info .inp input{width: 100%;border-radius: 1px;border:1px solid #e8e8e8;background:#fbfbfb;padding:10px;box-sizing: border-box;}
.license_add .info .inp input::placeholder{color:#ccc}
.license_add .info button{height: auto;background: #94070a;color:#fff;border:none;border-radius: 1px;padding:0 15px;margin-left: 10px;}
.license_add .s{color:#999;}
.license_add .s a{color:#48afff;text-decoration: underline;}
.license_add h2{font-size: 20px;padding-bottom: 5px;}

.license_list{display: flex; flex-wrap: wrap;justify-content: space-between;}
.license_list .cum{width: calc(50% - 10px);background:url('../img/license/bg1.jpg') no-repeat #fff bottom right;background-size:100% ;border-radius: 20px;box-shadow: 0 0 20px rgba(0,0,0,.1);margin-bottom: 20px;box-sizing: border-box;padding:40px;}
.license_list .cum span{display: block;padding-bottom: 8px;}
.license_list .cum  h2{font-size: 30px;font-weight: 600;display:block;padding:10px 0 5px;}
.license_list .cum  p{color:#999;padding-bottom: 20px;}
.license_list .cum  a{color:#fff;background:#94070a;padding:13px 30px;display: inline-block;margin-top: 30px;border-radius: 30px;}
.license_list .cum.blue a{background:#214463;}
.license_list .cum.yellow a{background:#c09100;}
.license_list .cum.green a{background:#00aa54;}

.license_apply{border-radius: 10px;position: relative;background-color: #fff;overflow: hidden;}
.license_apply .t{background:url(../img/license/bg3.jpg) no-repeat;background-size: cover;width: 100%;display: flex;align-items: center;flex-direction: column;justify-content: center;height: 160px;min-width: 550px;}
.license_apply .close{position: absolute;right:20px;top:20px;}
.license_apply .t h2{font-weight: 600;font-size: 30px;}
.license_apply .t p{color:#999}
.license_apply .info{padding:40px 40px 20px;}
.license_apply .info .cum{display:flex;border:1px solid #e8e8e8;background:#fbfbfb;border-radius: 20px;margin-bottom: 20px;}
.license_apply .info .cum input{border:none;background:none;flex:1;width: 0;padding:10px 15px;}
.license_apply .info .flex{display: flex;align-items: center;justify-content: space-between;}
.license_apply .info .flex .cum{width: calc(50% - 10px);}
.license_apply .info .l{color:#999;margin-right: 15px;display: flex;align-items: center;}
.license_apply .info .l a{color:#48afff;text-decoration: underline;}
.license_apply .code{background:#ececec;border-left: 1px solid #e8e8e8;display: block;padding:0 20px;border-radius: 0 20px 20px 0;display:flex;align-items: center;color:#999;}
.license_apply .code.on{color:#94070a;}
.license_apply button{color:#fff;background:#94070a;padding:13px 30px;display: inline-block;margin-top: 30px;border-radius: 30px;display: block;width: 100%;box-sizing: border-box;border:none;}
.license_apply .changebtn{text-align: center;display: block;padding-top: 10px;color:#888;}

.confirm{width: 300px;padding:20px 0;}
.confirm h2{text-align: center;padding:10px 20px 20px ;font-size: 18px;font-weight: 600;}
.confirm .btns{display: flex;align-items: center;justify-content: center;padding-top: 10px;}
.confirm .btns a{display: block;border:1px solid #eee;border-radius: 20px;margin:0 5px;background:#fbfbfb;color:#999;line-height: 40px;height:40px;min-width: 120px;}
.confirm .btns a.success{background:#94070a;color:#fff;}

.changeuserbox h2.t{border-bottom: 1px solid #D6D8DA;padding: 0;}
.changeuserbox h2.t span{border-bottom: 1px solid #94070a;display:inline-block;margin-bottom: -1px;padding:0 0 15px;}
.changeuserbox .layui-form{background:rgba(246, 248, 250, 1);border:1px solid rgba(224, 225, 227, 1);border-radius: 10px;margin-top: 20px;padding:20px;}
.changeuserbox .wp{display:flex;align-items: center;padding:10px 20px;align-items: center;}
.changeuserbox .wp .ltit{width: 120px;}
.changeuserbox .wp .ltit em{color:#94070a;}
.changeuserbox .wp .rbox{background:rgba(255, 255, 255, 1);border: 1px solid rgba(232, 232, 232, 1);border-radius: 10px;width: 60%;border-radius: 10px;overflow: hidden;display:flex;}
.changeuserbox .wp .rbox input{height: 50px;}
.changeuserbox .wp .rbox input,.changeuserbox .wp textarea{border:none;flex:1;width: 0;resize:none;}
.changeuserbox .wp .rbox.changephoto .photo{width: 100px;height: 100px;margin:10px 20px 20px;}
.changeuserbox .wp .gh{margin:10px;background:#94070a;color:#fff;border-radius: 10px;font-size: 12px;padding:2px 18px;display: flex;align-items: center;}

.changeuserbox .wp .yzm {width:auto;height:44px;margin:3px;}
.changeuserbox .btns{justify-content:flex-start !important;padding-left: 120px;}
.changeuserbox .btns button{background:#fff;}
.community_post .yzyj{border:1px solid #94070a;color:#94070a;border-radius: 20px;display: block;text-align: center;padding:5px 0;}

.topsel{background: url('../img/topselbg.jpg') no-repeat center;background-size: cover;padding-bottom: 50px;}
.topsel .warp{background:#fff;box-sizing: border-box;padding:30px;flex:1;}
.topsel .warp .layui-form-item{display: flex;margin:0;}
.topsel .warp .layui-input-inline{flex:2.5;}
.topsel .warp .layui-form-select dl dd.layui-this{background: #214463 !important;}
.topsel .warp .layui-input{background:#f9f9f9;border:1px solid #eee;flex:1;height: 50px}
.topsel .layui-btn{height: 50px;margin-bottom: 0;}
.topsel .tit2{}
.topsel .layui-btn-container{display: flex;}
.topsel .icon-jiantou-xia{color:#999;font-size: 14px;}
.topsel .s{flex:2.5;display: flex;align-items: center;}
.topsel .b{background: #214463;flex:1;}
.topsel .b i{margin-right: 5px;}
.table4{background-color: #fff;width: 100%;text-align: center;box-shadow: 0 0 20px rgba(0,0,0,.1);border-radius: 10px;}
.table4 thead{background: #214463;color:#fff;}
.table4 thead th{height: 60px;font-weight: 500;}
.table4 .l{text-align: left;padding-left: 30px;}
.table4 td{padding:10px;height: 30px;}
.table4 tr{border-bottom: 1px solid #f7f7f7;}
.table4 tfoot{background:#f6f6f6;}
.table4 a{border:1px solid #214463;color:#214463;border-radius: 20px;padding:2px 15px;transform: scale(.95);}
.table4 a:hover{background-color: #214463;color:#fff;}
.downbox.b4 .warp{padding-top: 80px;}
@media screen and (max-width:750px){
	.changeuserbox{padding:0 !important;}
	.changeuserbox h2.t{font-size: .7rem;}
	.changeuserbox .layui-form{padding:.5rem;}
	.changeuserbox .wp .rbox{width: 100%;box-sizing: border-box;}
	.changeuserbox .wp{margin-left:0 !important;padding:.5rem 0 0;}
	.changeuserbox .wp:nth-child(1){padding-top: 0;}
	.changeuserbox .wp .ltit{padding-bottom: .25rem;display: none;}
	.changeuserbox .wp .rbox{border-radius: .25rem;}
	.changeuserbox .wp .rbox input{height: 1.62rem;}
	.changeuserbox .wp .rbox.changephoto .photo{width: 3rem;height: 3rem;}
	.community_post .btns{padding:0;justify-content: center;}
	.changeuserbox .wp .yzm {height:calc(1.62rem - 6px);}
	.xkbox .table3 {overflow-x: auto;}
	.xkbox .table3 table{width: 1200px;}
	.xkbox .warp{padding:1rem 0;}
	.license_add .info .inp{width: 100%;}
	.layui-layer{width: 90%;}
	.license_add .info{padding: 1rem;}
	.confirm{width: 100%;}
	.license_list{display: block;padding:.8rem !important;}
	.license_list .cum{width: 100%;box-sizing: border-box;padding: .65rem;}
	.license_list .cum img{width: 1.42rem;margin-right: .5rem;}
	.license_list .cum .f{display:flex;align-items: center;align-items: center;padding-bottom: .5rem;}
	.license_list .cum h2{font-size: .8rem;}
	.license_apply .t{width: 100%;min-width:100%;height: 4rem;}
	.license_apply .t h2{font-size:.75rem;}
	.license_apply .info{padding:1rem;}
	.license_apply .info .cum.dd,.license_apply .info .flex{display: block;}
	.license_apply .info .cum.dd input{width: 100%;}
	.license_apply .info .l{padding:0 .5rem .5rem;display: block;}
	.license_apply .info .flex .cum{width: 100%;}
	.license_list .cum a{margin-top: 1rem;padding:.35rem 1rem;}
	.license_apply .info .cum{margin-bottom: .5rem;}
	.license_apply button{margin-top: 1rem;}
	
	.topsel{padding-bottom: 1rem;}
	.topsel .warp .layui-form-item{display: block;}
	.topsel .layui-input-inline{width: 100%;margin: 0 0 .5rem !important;}
	.topsel .b{margin:0 auto !important;width: 50%;display: block;height: 1.52rem;}
	.downbox.b4 .warp{padding-top: 1rem;}
	.table4{width: 1000px;}
	.table4wp{overflow: auto;}
	.table4 .l{padding-left: .5rem;}
	.table4 td{height: 1rem;padding:.5rem}
}
.tipcolor{color:#000}

/* 企业license申请 */
.applySteep{background-color: #fff;box-shadow: 0px 5px 10px 0px rgba(0,0,0,0.03);border-radius: 8px;margin-bottom: 20px;display: flex;align-items: center;padding:35px 0;}
.applySteep i{color:#ccc;}
.applySteep .cum{flex:1;display: flex;justify-content: center;align-items: center;}
.applySteep .cum span{display: block;width: 40px;height: 40px;color:#fff;line-height: 40px;text-align: center;background-color: #ccc;border-radius: 50%;font-size: 16px;}
.applySteep .cum b{font-size: 18px;font-weight: 400;color: #ccc;display:block;margin-left: 10px;}
.applySteep .cum.on span{background-color: #294990;}
.applySteep .cum.on b{color:#333;}
.applyInfo{background-color: #fff;border-radius: 8px;padding:50px 0;}
.applyInfo .coment{width: 605px;margin:0 auto;}

.form{display: flex;flex-wrap: wrap;}
.applyInfo h2{text-align: center; font-size: 24px;margin-bottom: 40px;}
.applyInfo h2 span{display: block;color:#999;font-size: 14px;}
.form .f-cum{width: calc(100% - 10px);margin-left: 10px;margin-bottom: 20px;}
.form .f-cum span{display: block;height: 30px;color: #333;}
.form .f-cum span em{font-style: normal;color:#FF0000;}
.form .f-cum.w5{width: calc(50% - 10px);}
.form .f-cum.w3{width: calc(33.3% - 10px);}
.form .inputwp{display: flex;align-items: center;border:1px solid #E8E8E8;border-radius: 8px;padding:14px;}
.form .tip{padding:5px 5px 0;color:#999;}
.form .inputwp input,.form .inputwp select{height: 26px;border:none;flex:1;}
.form .inputwp a{color:#294990;}
.applyInfo  button,.applyInfo .btn_a{background-color:#294990 ;border:none;color:#fff;border-radius: 20px;height: 40px;padding:0 40px;margin:0 10px;opacity: .9;transition: .3s;cursor: pointer;display: flex;align-items: center;justify-content: center;}
.form .btn{display: flex;align-items: center;justify-content: center;}
.form .btn .back{border:1px solid #ccc;color:#ccc;background:none;}
.applyInfo .btn{display: flex;align-items: center;justify-content: center;}
.applyInfo  button:hover,.applyInfo .btn_a:hover{opacity: 1;}
.form .textareawp {display: block;}
.form .textareawp textarea{padding:0;border:none; resize: none;width: 100%;}
.form .textareawp p{text-align: right;}
.form .f-cum.lay-du{background-color: #F6F8FA;border:1px solid #E8E8E8;border-radius: 8px;display:flex;box-sizing: border-box;padding: 20px;align-items: center;}
.form .lay-du .iconfont{font-size: 50px;color:#666;margin-right: 5px;}
.form .lay-du span{height:auto;}
.form .lay-du em{display: block;color:#ccc;font-size: 12px;margin-top: -5px;}
.form a.down{color:#294990;font-size: 14px;}
.d2-flex{display: flex !important;align-items: center;}
.d2-flex .f1{flex:1;}
.form .upFile{position: relative;flex-direction: column;justify-content: center;padding:30px 0;}
.form .upFile .pdficon{display: none;}
.form .upFile .pdficon .iconfont{font-size: 60px;margin: 0 0 5px;color:#284990;text-align: center;display: block;}
.form .upFile .pdficon span{white-space: normal;}
.form .upFile input[type=file]{position: absolute;width: 100%;height: 100%;display: block;left:0;top:0;z-index: 999;opacity: 0;}
.form .upFile button{color:#294990;border:2px solid #294990;padding:2px 8px;border-radius: 20px;display: inline-flex;align-items: center;margin-bottom: 10px;background:none;font-weight: 500;height: 34px;}
.form .upFile button:before{font-size: 16px;margin-right: 4px;font-weight: 800;}
.form .upFile p{color:#ccc;}
.form .rodiobox label{margin-right: 2rem;}
.form .rodiobox label input{margin-right: .2rem;}
.applyInfo .status{text-align: center;padding:10px 0 40px;}
.applyInfo .status span{font-size: 20px;display: block;padding:15px 0 3px;}
.applyInfo .status p{color:#ccc;}
.applyInfo .status i{display: block;width: 120px;margin: 0 auto;}
input:-internal-autofill-previewed,
input:-internal-autofill-selected {
  -webkit-text-fill-color: black;
  transition: background-color 1000s ease-out 0.5s;
}
.uapplyT{background: url("../img/uapplybg.png") no-repeat top;background-size: cover;height: 129px;display: flex;align-items: center;justify-content: center;font-size: 24px;}
.uapplyList{display: flex;flex-wrap: wrap;padding:10px 20px;}
.uapplyList .cum{background-color: #F6F8FA;box-sizing:border-box;width: calc(50% - 10px);margin:10px 5px 0;padding:20px 20px 20px 90px;position: relative;border-radius: 8px;}
.uapplyList .cum i{position: absolute;left:20px;top:20px;font-size: 60px;}
.uapplyList h4{font-size: 16px;font-weight: 900;color: #000;}
.uapplyList p{color:#666;}
.uapplyList h4+p{margin:2px 0 10px;}
.uapplyList p a{display: inline-block;color:#294990;border:1px solid #294990;border-radius: 20px;padding:0 10px;transform: scale(.9);}
.uapplyList.empty{display: flex;flex-direction: column;align-items: center;justify-content: center;padding: 40px 0;}
.uapplyList.empty i{font-size: 60px;background-color: #ECECEC;color:#999;width: 120px;height: 120px;border-radius: 50%;display: flex;align-items: center;justify-content: center;margin-bottom: 10px;}
.uapplyList.empty p{margin:0;}
.c9{color:#a8a8a8 !important;}
.uapplyList.empty p em{font-style: normal;background:#EEF0F6;border-radius: 15px;color:#294990;padding:4px 16px;}
.uapplyList.empty a.btn{color:#fff;background-color: #294990;border-radius: 20px;padding:10px 25px;margin:40px 0 0;display: flex;align-items: center;justify-content: center;line-height: normal;}
.uapplyList.empty h4{padding:0 0 5px;}
.uapplyList.empty span{margin-bottom: 10px;}

.hbbox.zcwp .warp{flex-wrap: wrap;}
.hbbox.zcwp .item{width: calc(50% - 10px);margin-left: 20px;margin-bottom: 20px;}
.hbbox.zcwp .item:nth-child(2n-1){margin-left: 0;}
.hbbox.zcwp .item i{font-size: 90px;color:#294990;}
.hbbox.zcwp .item h2{font-size: 18px;}
.zcwpb{padding:55px 0;color:#fff;background: no-repeat center;background-size: cover;}
.zcwpb h3{color:#fff;padding:0;}
.zcwpb p{color:#fff;width: 50%;text-align: center;display: block;margin: 0 auto;}

@media screen and (max-width:750px){
	.hbbox.zcwp{padding: 0 .5rem;}
	.hbbox.zcwp .item{width: 100%;margin:0 0 .5rem}
	.hbbox.zcwp .item i{font-size: 2rem;}
	.hbbox.zcwp .item h2 {font-size: .7rem;}
	.zcwpb{padding:1.5rem 0;}
	.zcwpb p{width: 85%;}
}

.license_list_box{padding:80px 0;background-image:  url(../img/license/c_bg2.png);background-color: #F6F8FA;}
.license_list_box .warp2{position: relative;padding:0;display: flex;flex-wrap: wrap;justify-content: space-between;}
.license_list_box .warp2:before,.license_list_box .warp2:after{content:'';width:20px;height: 20px;position: absolute;left:-20px;top:-20px;background:#294990;display: block;}
.license_list_box .warp2:before{opacity: .5;}
.license_list_box .warp2:after{width:30px;height:30px;left:-50px;top:0;}
.license_list_box .cum{background:#fff;padding:60px;width: calc(50% - 10px);margin-bottom: 20px;box-sizing: border-box;display: flex;}
.license_list_box .cum.w1{width: 100%;}
.license_list_box .cum .licon{width: 60px;color:#294990;margin-right: 20px;}
.license_list_box .cum .licon img{width: 100%;}
.license_list_box .cum  .cr{flex:1;}
.license_list_box .cum h2 b{color:#000;font-size: 26px;font-weight: 900;margin-right: 10px;}
.license_list_box .cum h2 span{font-size: 12px;border:1px solid #294990;color:#294990;border-radius: 4px;margin-left: 0;padding:2px 5px;}
.license_list_box .cum p{padding:10px 0;min-height: 90px;color:#666;}
.license_list_box .cum .bot{display: flex;}
.license_list_box .cum .bot a{height: 60px;font-size: 16px;display: flex;align-items: center;justify-content: center; padding:0 20px;position: relative;}
.license_list_box .cum .bot a:before{content:'';width: 2px;height: 0;transition: .3s;display: block;position:absolute;left:0;top:0;}
.license_list_box .cum .bot a:nth-child(1){background-color: #294990;color:#fff;/* width: 125px; */background-image: url(../img/license/botbg.png) ;background-repeat: no-repeat;background-size: 64px 50px;background-position: bottom right;}
/* .license_list_box .cum .bot a:nth-child(1):hover{background-color:#294990;} */
.license_list_box .cum .bot a:nth-child(1):before{background-color: #40B1F2;}
.license_list_box .cum .bot a:nth-child(2){background-color: #E8EDF7;color:#294990;margin-left: 20px;}
.license_list_box .cum .bot a:nth-child(2):before{background-color: #d5dbe6;}
.license_list_box .cum .bot a:hover:before{height:100%}
.license_list_box .cum .bot a .l{font-size: 22px;margin-right:5px;}
.license_list_box .cum .bot a .r{margin-left: 5px;}
.license_list_box .cum .bot a.disabled{background-color:#C7CDD4;}
.license_list_box .cum .bot a.disabled:nth-child(1):before{background-color: #b6bec7;}

.warp2{width: 1300px; margin-left:auto;margin-right:auto;}

.license_list_box .slide_c{position: absolute;right:-110px;top:0;}
.license_list_box .slide_c a{width: 100px;background-color: #294990;color:rgba(255,255,255,.9);display: block;margin-bottom: 10px;text-align: center;padding:15px 0;position: relative;}
.license_list_box .slide_c a i{font-size: 40px;}
.license_list_box .slide_c a span{display: block;font-size: 16px;margin-top: 8px;}
.license_list_box .slide_c a:after{content:'';width: 0;transition: .3s;height: 2px;display: block;position: absolute;left:0;bottom:0;background-color: #40B1F2;}
.license_list_box .slide_c a:hover:after{width: 100%;}

@-webkit-keyframes pulse{0%{-webkit-transform:scale(1);transform:scale(1)}50%{-webkit-transform:scale(1.1);transform:scale(1.1)}100%{-webkit-transform:scale(1);transform:scale(1)}}
@keyframes pulse{0%{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}50%{-webkit-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1)}100%{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}}
.pulse{-webkit-animation:pulse .2s;animation:pulse .2s;}

.choosewp .ff_top{display: flex;align-items: center;background-color: #fff;padding:30px;}
.choosewp .ff_top span{flex:1;display: flex;align-items: center;justify-content: center;font-size: 16px;color:#999}
.choosewp .ff_top span:before{content:attr(alt);background-color: #ccc;color:#fff;width:40px;height: 40px;line-height: 40px;text-align: center;display: block;border-radius: 50%;flex-shrink: 1;transform: scale(.99);margin-right: 10px;}
.choosewp .ff_top span.on{color:#333;}
.choosewp .ff_top span.on:before{background-color: #294990;}
.choosewp .ff_top i{font-size: 18px;color:#999;}
.choosewp .ff_coment,.choosewp .ff_userinfo,.choosewp .paytype{padding:30px;}
.choosewp h2.f_tit{font-size: 18px;font-weight: 900;display: flex;align-items: center;}
.choosewp h2.f_tit b{}
.choosewp h2.f_tit .f1{flex:1;}
.choosewp h2.f_tit .fc{color: #999;font-size: 14px;font-weight: normal;margin:0 0 0 8px;}
.choosewp h2.f_tit .status{margin-left: 10px;}
.choosewp h2.f_tit .status.b{color:#294990;}
.choosewp h2.f_tit .status.g{color:green;}
.choosewp h2.f_tit .status.g2{color:#ccc;}
.choosewp h2.f_tit .status.r{color:red;}
.choosewp .changebtn{background-color: #294990;color:#fff;width: 100px;height: 35px;line-height: 35px;font-weight: normal;display: block;font-size: 14px;text-align: center;}
.choosewp .changebtn:hover{text-decoration: underline;}
.cumtop{border:2px solid #e8e8e8;display: flex;align-items: center;margin-top: 10px;}
.cumtop:nth-child(1){margin-top: 0;}
.cumtop .licon{width: 60px;color:#294990;}
.cumtop .na{flex:1;margin:0 10px;}
.cumtop .na b{font-size: 16px;}
.choosewp .ff_coment .label,.cumtop .label{background-color:#E8EDF7 ;border-radius: 4px;font-size: 12px;color:#294990;padding:2px 3px;margin:0 5px;}
.cumtop .na .label{font-weight: 600;}
.cumtop .na p{color:#999;-webkit-line-clamp: 2;display: -webkit-box;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;}
.cumtop .na .label.org{color:#FF5000;background:#FFEEE6;}
.cumtop .time{color:#999;width: 20%;text-align: center;}
.cumtop .price{width:10%;text-align: center;}
.myorder .cumtop{border:none;background-color: #F3F6F8;}
.myorder .cumtop .price b{font-size: 18px;margin-left: 3px;}
.myorder .cumtop .fc{color:#999;white-space: nowrap;}
.choosewp .ff_coment .lbs{background-color:#F3F6F8 ;position: relative;margin-top: 30px;padding:30px}
.choosewp .ff_coment .lbs.lay2{background-color: #fff;border:2px solid #e8e8e8;margin-top: 0;}
.choosewp .ff_coment .lbs:before{content: "";position: absolute;top:-30px;left:10%;border:15px solid transparent; border-bottom:15px solid #F3F6F8;width: 0;height:0;}
.choosewp .ff_coment .lbs.lay2:before{display: none;}
.choosewp .ff_coment .lbs .cont{display: none;}
.choosewp .ff_coment .lbs .cont.show{display: block;}
.choosewp .ff_coment .lbs h2{display: flex; align-items: center;}
.choosewp .ff_coment .lbs h2 span{overflow: hidden;position: relative;display: inline-flex;margin-left: 8px;}
.choosewp .ff_coment .lbs h2 span input{opacity: 0;position: absolute;left: -999;top:0;}
.choosewp .ff_coment .lbs h2 span label{display: inline-flex;}
.choosewp .ff_coment .lbs h2 span label i{color:#fff;background-color: transparent;width:18px ;height: 18px;display: block;border-radius: 4px;text-align: center;line-height: 18px;margin-right: 3px;border: 1px solid #e6e6e6;}
.choosewp .ff_coment .lbs h2 span input:checked + label i{background-color: #294990;}
.choosewp .ff_coment .lbs h2 span input:checked + label i:before{content: '\ebe6';font-family: 'iconfont';color:#fff;font-size: 14px;}
.choosewp .ff_coment .lbs h2 span {color:#666;font-size: 14px;}

.choosewp .ff_coment .list{display: flex;flex-wrap: wrap;margin-top: 10px;margin-right: -10px;}
.choosewp .ff_coment .list+h2{margin-top: 6px;}

.choosewp .ff_coment .list .cum{width: calc(33.3% - 10px);margin-right: 10px;margin-bottom: 10px;position: relative;cursor: pointer;height: 80px;}
.choosewp .ff_coment .list .cum:hover{z-index: 9;}
.choosewp .ff_coment .list .cum:hover .info{box-shadow: 0 0 20px rgba(0,0,0,.1);}
.choosewp .ff_coment .list .cum:nth-child(3n){margin-right: 0;}
.choosewp .ff_coment .list .info{border:1px solid #e8e8e8;background-color: #fff;position: absolute;display: flex;padding:10px;align-items: flex-start;transition: .3s;left:0;top:0;box-sizing: border-box;min-height: 100%;width: 100%;}
.choosewp .ff_coment .list .cum:hover .info{border-color: #294990;}
.choosewp .ff_coment .list .cum input{position: absolute;left:0;top:0;width: 100%;height: 100%;z-index: 9;opacity: 0;cursor: pointer;}
.choosewp .ff_coment .list .cum .fc{color:#00AA97;padding-right: 30px;}
.choosewp .ff_coment .list .info:after{content:'\ebe6';font-size: 18px;color:#fff;position: absolute;right:1px;bottom:1px;font-family: 'iconfont';transform: translate(100%,100%);transition: .3s;}
.choosewp .ff_coment .list .info:before{content:'';display: block;width: 0;height: 0;border-left:0px solid transparent;border-bottom: 0px solid #294990;/* border-left: 36px solid transparent;border-bottom: 30px solid #294990; transform: translate(100%,100%);*/position: absolute;right:0;bottom:0;transition: .3s;}

.choosewp .ff_coment .list input:checked + .info:after{transform:translate(0,0) ;}
.choosewp .ff_coment .list input:checked + .info:before{transform:translate(0,0) ;border-left: 36px solid transparent;border-bottom: 30px solid #294990;}

.choosewp .ff_coment .list .cum input:checked + .info{border-color:#294990 ;}

.choosewp .ff_coment .list .cum input:checked:disabled + .info{border-color:#00AA97 ;transform:translate(0,0) ;}
.choosewp .ff_coment .list .cum input:checked:disabled + .info:before{border-bottom: 30px solid #00AA97;transform:translate(0,0) ;}
.choosewp .ff_coment .list .cum input:checked + .info .price{animation:pulse 1s;}
.choosewp .ff_coment .list .info .icon{display: flex;font-size: 34px;color:#294990;background-color: #E8EDF7;width: 50px;height: 50px;align-items: center;justify-content: center;}
.choosewp .ff_coment .list .info .icon img{width: 100%;}
.choosewp .ff_coment .list .info .na{Flex:1;padding: 0 10px;}
.choosewp .ff_coment .list .info .na b{font-weight: normal;}
.choosewp .ff_coment .list .info .na p{color:#999;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;line-height: 1.4;font-size: 12px;margin-top: 3px;}
.choosewp .ff_coment .list .cum:hover .info .na p{overflow: visible;-webkit-line-clamp: 122;}
.choosewp .ff_coment .list.all input[type='checkbox']{pointer-events: none;}
.choosewp .ff_coment .lbs h2.all{pointer-events: none;}
.choosewp .price{color:#FF5000;padding-right: 30px;}
.choosewp .price em{font-style: normal;font-size: 14px;margin-right: 3px;}
.choosewp .price b{font-size: 16px;}

.choosewp .ff_coment .list.all .price{display: none;}

.choosewp .ff_tol{display: flex;padding:40px 0;}
.choosewp .ff_tol.f2{padding-top: 60px;}
.choosewp .ff_tol .left{flex:1;padding-left: 30px;color:#999;}
.choosewp .ff_tol .check{display: flex;align-items: center;position: relative;overflow: hidden;color:#999 !important;margin-top: 20px;}
.choosewp .ff_tol .check input{margin-right: 3px;position: absolute;left: -9999px;opacity: 0;}
.choosewp .ff_tol .check a{color:#294990;}
.choosewp .ff_tol .check label{display: flex;}
.choosewp .ff_tol .check label i{color:#fff;background-color: transparent;width:18px ;height: 18px;display: block;border-radius: 4px;text-align: center;line-height: 18px;margin-right: 3px;border:1px solid #e6e6e6;}
.choosewp .ff_tol .check input:checked + label i{background-color: #294990;}
.choosewp .ff_tol .check input:checked + label i:before{content: '\ebe6';font-family: 'iconfont';color:#fff;font-size: 14px;}
.choosewp .ff_tol .del{border-right: 1px solid #eee;padding-right: 40px;margin-right: 40px;position: relative;}
.choosewp .ff_tol .del:last-child{border:none;margin-right: 0;}
.choosewp .ff_tol .del i.line{height: calc(100% + 100px);width: 1px;background-color: #eee;margin: -60px 0;position: absolute;top:0;right:-1px;display: block;}
.choosewp .ff_tol .del.f1{flex:1;padding-left: 30px;}
.choosewp .ff_tol .del p{display: flex;}
.choosewp .ff_tol .del .l{width: 100px;text-align: right;display: block;color:#999;}
.choosewp .ff_tol .del .price b{font-size: 16px;}
.choosewp .ff_tol .btnwp{text-align: center;color:#294990;padding-right: 30px;}
.choosewp .ff_tol .btn{width: 180px;height: 60px;background-color: #294990;display: flex;align-items: center;justify-content: center;border:none;font-size: 16px;margin-top: 30px;border-radius: 1px;margin: 0 auto 10px;}
.choosewp .ff_tol .total{align-items: flex-end;margin-top: 20px;}
.choosewp .ff_tol .total .l{color: #000;font-weight: 600; font-weight: 900;}
.choosewp .ff_tol .total .price b{font-size: 40px;font-weight: 900;}
.choosewp .ff_tol h4{font-size: 18px;font-weight: 900;display: flex;align-items: center;color:#333;margin-bottom: 15px;margin-top: -25px;}
.choosewp .versions{margin-top: 15px;position: relative;}
.choosewp .versions .swiper{overflow: hidden;display: flex;justify-content: space-between;padding-bottom: 30px;}
.choosewp .versions .swiper-wrapper{white-space: nowrap;display: flex;}
.choosewp .versions .cum{position: relative;height: 100%;box-sizing: border-box;}
.choosewp .versions .cum input[type=radio]{position: absolute;left:0;top:0;width: 100%;height: 100%;z-index: 9;opacity: 0;cursor: pointer;}
.choosewp .versions .cum .info{border:2px solid #e8e8e8;padding:25px;position: relative;box-sizing: border-box;height:100%;transition: .3s;}
.choosewp .versions .cum:hover .info{border-color: #294990;}
.choosewp .versions .cum input:checked + .info{border-color: #294990 ;}
.choosewp .versions .cum .info:after{content:'\ebe6';font-size: 18px;color:#fff;position: absolute;right:4px;bottom:4px;font-family: 'iconfont';transition: .3s;opacity: 0;}
.choosewp .versions .cum .info:before{content:'';display: block;width: 0;height: 0;border-left: 0 solid transparent;border-bottom: 0 solid #294990;position: absolute;right:0;bottom:0;transition: .3s;}
.choosewp .versions .cum input:checked +.info:after{opacity: 1;}
.choosewp .versions .cum input:checked +.info:before{border-left-width:46px;border-bottom-width:40px;}
.choosewp .versions .cum h3{font-size: 24px;font-weight: 900;margin-bottom: 5px;}
.choosewp .versions .cum p{display: flex;color:#999;white-space: normal;}
.choosewp .versions .cum p i{width: 100%;font-size:10px;text-align:center;width: 14px;height: 14px;background-color:#294990 ;color:#fff;display: block;border-radius: 50%;line-height: 12px;margin-right: 8px;margin-top: 5px;line-height: 14px;margin-top: 5px;}
.choosewp .versions .cum p span{flex:1;white-space: normal;}
.choosewp .versions .cum p.def i{background-color:#ccc ;}
.choosewp .versions .cum .tags{flex-wrap: wrap;}
.choosewp .versions .cum .tags span{font-size: 12px;padding: 1px 5px;color:#294990;background-color: #E8EDF7;flex:none;white-space: nowrap;margin-right: 3px;border-radius: 4px;line-height: 18px;}
.choosewp .versions .cum .icon1{position: absolute;right:20px;top:5px;font-size: 60px;color:#98AEC7;opacity: .5;width: 60px;}
.choosewp .versions .cum .icon1 img{width: 100%;}
.choosewp .versions .cum .line{border-bottom: 1px solid #e8e8e8;margin:25px 0 10px;display: block;width: 100%;}
.choosewp .versions .cum .v_price{text-align: center;display: flex;flex-direction: column;align-items: center;padding:20px 0;height: 60px;}
.choosewp .versions .cum .v_price b{color: #FF5000;font-size: 40px;font-weight: 900;position: relative;}
.choosewp .versions .cum .v_price b:before{content:attr(alt);font-size: 14px;font-weight: normal;margin-right: 2px;}
.choosewp .versions .cum .v_price b em{position: absolute;left:103%;top:-10px;font-style: normal;font-size: 12px;background-color: #FFEEE6;border-radius: 10px 10px 10px 0;color:#FF5000 ;padding:2px 5px;}
.choosewp .versions .cum .v_price span{color:#CCCCCC}
.choosewp .versions .cum .btn{width: 100%;box-sizing: border-box;border:1px solid #e8e8e8;background-color: #fff;border-radius: 1px;color:#999;font-size: 16px;height: 40px;line-height: 40px;transition: .3s;}
.choosewp .versions .cum input:checked + .info .btn{color:#fff;background-color: #294990;border-color: #294990;}
.choosewp .versions .cum h5{margin: 20px 0 5px;color:#333}
.choosewp .versions .swiper-button-next,.choosewp .versions .swiper-button-prev{position: absolute;top:50%;right:-20px;width: 40px;height: 40px;display: flex;align-items: center;justify-content: center;border:2px solid #e8e8e8;border-radius: 50%;background-color: #fff;}
.choosewp .versions .swiper-button-prev{right:auto;left:-20px;}

.choosewp .versions .swiper-button-next::after,.choosewp .versions .swiper-button-prev:after{color:#e9e9e9;}
.choosewp .versions .swiper-button-next.swiper-button-disabled,.choosewp .versions .swiper-button-prev.swiper-button-disabled{opacity: 0;}
.choosewp .versions .cum input:checked + .info i.sj{position: absolute;bottom:-33px;left:50%;border:15px solid transparent; border-bottom:15px solid #e8e8e8;width: 0;height:0;margin-left: -8px;}

.choosewp .ff_userinfo .flex{display: flex;flex-wrap: wrap;}
.choosewp .ff_userinfo .flex .cum{width: calc(25% - 20px);margin-right: 20px;margin-top: 20px;}
.choosewp .ff_userinfo .flex .cum.w5{width: 100%;}
.choosewp .ff_userinfo .flex .cum .inputwp{border:1px solid #E8E8E8;border-radius: 8px;display: flex;align-items: center;padding: 0 15px;margin-top: 10px;}
.choosewp .ff_userinfo .flex .cum .inputwp input{flex:1;width: 0;border:none;height:50px;background-color: #fff;}
.choosewp .ff_userinfo .flex .cum .inputwp input:disabled{color:#999;}
.choosewp .ff_userinfo .flex .cum.w5 .inputwp .r a{/* color:#999; */border:1px solid #294990;padding:5px 10px;border-radius: 3px;}
.choosewp .ff_userinfo .flex .cum.w5 .inputwp .r a:hover{background-color: #294990;color:#fff;}
.choosewp .ff_userinfo .flex .cum > span em{color:red;font-size: 18px;}
.choosewp #changeEmail{cursor: pointer;}
.choosewp #changeEmail:hover{color:#294990;}
.choosewp  a{color:#294990;}
.choosewp .orderinfo{border:1px solid #e8e8e8;background-color: #fff;margin-top: 10px;}
.choosewp .orderinfo .ot{background-color:#EBEFF3;display: flex;padding:20px ;}
.choosewp .orderinfo .w1{width: 60%;display: flex;flex:1;}
.choosewp .orderinfo .w2{width: 10%; text-align: center;}
.choosewp .orderinfo .w3{width: 20%; text-align: center;min-width: 200px;}
.choosewp .orderinfo .w4{width: 10%; text-align: center;min-width: 100px;}
.choosewp .ff_coment .orderinfo .cumtop{margin-top: 0;background-color:#F3F6F8 ;border:none;}
.choosewp .ff_coment .orderinfo .cumtop .price{padding-right: 0;}
.choosewp .ff_coment .orderinfo .lbs{margin-top: 0;background-color: transparent;}
.choosewp .ff_coment .orderinfo .lbs:before{display: none;}
.choosewp .ff_coment .orderinfo .list .cum{cursor:auto; }

.choosewp .paytype .info{display: flex;flex-wrap: wrap;}
.choosewp .paytype .cum{margin:20px 20px 0 0;width: 180px;height: 60px;position: relative;}
.choosewp .paytype .cum .pinfo{border:2px solid #e8e8e8;display: flex;align-items: center;justify-content: center;font-size:16px;width: 100%;height:100%;box-sizing: border-box;}
.choosewp .paytype .cum input{position: absolute;left:0;top:0;width: 100%;height: 100%;z-index: 9;opacity: 0;}
.choosewp .paytype .cum .iconfont{font-size: 30px;margin-right: 4px;}
.choosewp .paytype .cum span{color: #333;}
.choosewp .paytype .cum input:checked+.pinfo{border-color:#294990 ;}
.choosewp .paytype .cum input:checked+.pinfo:after{content:'\ebe6';font-size: 18px;color:#fff;position: absolute;right:1px;bottom:1px;font-family: 'iconfont';}
.choosewp .paytype .cum input:checked+.pinfo:before{content:'';display: block;width: 0;height: 0;border-left: 36px solid transparent;border-bottom: 30px solid #294990;position: absolute;right:0;bottom:0;}

.zfcode{position: fixed;width: 100%;height: 100%;background-color: rgba(0,0,0,.6);display: flex;align-items: center;justify-content: center;left:0;top:0;opacity: 0;pointer-events: none;z-index: 999;}
.zfcode.show{pointer-events: all;opacity: 1;}
.zfcode .info{background:#fff;padding:30px;width: 500px;box-sizing: border-box;}
.zfcode .paydetail{display: none;}
.zfcode .info h2{font-size: 18px;font-weight: 900;display: flex;justify-content: space-between;align-items: center;}
.zfcode .info h2 a{font-weight: normal;font-size: 14px;color:#999;}
.zfcode .info p{text-align: center;padding:20px 0;}
.zfcode .info .jishi{color:#FF5000;border-radius: 8px;padding:7px 13px;background-color:#FFEEE6 ;}
.zfcode .info .price{display:flex;flex-direction: column;align-items: center;}
.zfcode .info .price span{display: block;color:#666;margin-bottom: 10px;}
.zfcode .info .price b{font-size: 42px;font-weight: 900;position: relative;color:#FF5000;position: relative;}
.zfcode .info .price b:before{content:attr(alt);font-size: 16px;font-weight: normal;}
.zfcode .info .code div{position: relative; width:220px ;min-height: 220px;box-sizing: border-box;/* padding:20px; */border-radius: 10px;border:1px solid #e8e8e8;margin:20px auto 5px;padding:15px;}
.zfcode .info .code img{width: 100%;margin:0;}
.zfcode .info .code div span{position: absolute;left:50%;top:50%;margin:-25px 0 0 -25px;width: 50px;height: 50px;z-index: 3;background-color: #fff;display: flex;align-items: center;justify-content: center;border-radius: 6px;}
.zfcode .info .code div span i{font-size: 28px;}
.zfcode .info .code p{text-align: center;color:#ccc;padding:0;}
.zfcode .info .flex{display: flex;justify-content: center;padding:30px 0;}
.zfcode .info .type .iconfont{font-size: 26px;margin-right:5px;}
.zfcode .info .type{margin:10px;width: 180px;height: 60px;position: relative;}
.zfcode .info .type .pinfo{border:2px solid #e8e8e8;display: flex;align-items: center;justify-content: center;font-size:16px;width: 100%;height:100%;box-sizing: border-box;}
.zfcode .info .type input{position: absolute;left:0;top:0;width: 100%;height: 100%;z-index: 9;opacity: 0;}
.zfcode .info .type .iconfont{font-size: 30px;margin-right: 4px;}
.zfcode .info .type span{color: #333;}
.zfcode .info .type input:checked+.pinfo{border-color:#294990 ;}
.zfcode .info .type input:checked+.pinfo:after{content:'\ebe6';font-size: 18px;color:#fff;position: absolute;right:1px;bottom:1px;font-family: 'iconfont';}
.zfcode .info .type input:checked+.pinfo:before{content:'';display: block;width: 0;height: 0;border-left: 36px solid transparent;border-bottom: 30px solid #294990;position: absolute;right:0;bottom:0;}

.zfcode .btns{display: flex;align-items: center;justify-content: center;padding-top: 10px;}
.zfcode .btns .btn{border-radius: 1px;background-color: #294990;}

.payend{background-color: #fff;padding:90px 0;display: flex;flex-direction: column;align-items: center;}
.payend .info{padding:60px 0;display: flex;flex-direction: column;align-items: center;}
.payend .info .icon{width: 120px;}
.payend .info h2{padding:10px 0;font-size: 18px;}
.payend .info p{color:#ccc;}
.payend .btn{background:#294990;color:#fff;border-radius: 1px;}

.footer.license{background:#fff;border-top: 2px solid #294990;padding:0;}
.footer.license .ft{display:flex;padding:40px 0;border-bottom: 1px solid #e8e8e8;}
.footer.license .ft a{flex:1;display: flex;align-items: center;justify-content: center;font-size: 18px;}
.footer.license .ft em{height: 50px;width: 1px;display: flex;background-color: #e8e8e8;}
.footer.license .ft a i{display: flex;width: 50px;height: 50px;background-color: #EAF3FE;align-items: center;justify-content: center;margin-right: 15px;color:#294990;font-size: 28px;border-radius: 50%;}
.footer.license .f_con{background:url('../img/license/footbg.png') no-repeat bottom center;background-size:auto 100%;padding:60px 0; }
.footer.license .nv{padding-bottom: 0;}
.footer.license .nv a{color:#666;}
.footer.license .nv h3 a{color:#333;}
.footer.license .bto{background-color: #fff;border-top: 1px solid #e8e8e8;}
.footer.license .bto p{text-align: left;color:#666;}
.footer.license .bto p a{color:#666;}
.footer.license  a:hover{color:#333;}

.u_wp{display: flex;align-items: start;}
.u_wp .u_slide{width: 280px;box-sizing: border-box;padding:20px 30px;background-color: #fff;}
.u_wp .u_slide h2{font-size: 18px;font-weight: 900;margin-bottom: 10px;}
.u_wp .u_slide a{display: block;padding:20px;color:#666;font-size: 16px;}
.u_wp .u_slide a.cur{color:#fff;background-color: #294990;}
.u_wp .u_main{flex:1;margin-left: 20px;box-sizing: border-box;}
.u_wp .u_main .top{display: flex;align-items: center;margin-bottom: 10px;}
.u_wp .u_main .top b{font-size:18px ;font-weight: 900;}
.u_wp .u_main .top .f1{flex:1;}
.u_wp .u_main .top a{padding:6px 20px;display: block;border:1px solid #294990;color:#294990;margin-left: -1px;}
.u_wp .u_main .top a.on{background-color:#294990 ;color:#fff;}
.u_wp .u_main .top .r{display: flex;}
.u_wp .u_main .table2{border:1px solid #F3F6F8;}
.u_wp .u_main .table2 .w1,.cumtop .w1{width: 30%;display: flex;flex:1;}
.u_wp .u_main .table2 .w2,.cumtop .w2{width: 20%;display: block;text-align: center;}
.u_wp .u_main .table2 .w3,.cumtop .w3{width: 17%;display: block;text-align: center;}
.u_wp .u_main .table2 .w4{width: 35%;display: block;padding:0 20px;}
.u_wp .u_main .table2 .w5,.cumtop .w5{width: 15%;display: block;text-align: center;}

.u_wp .u_main .table2 .t_head{background-color: #F3F6F8;padding:14px 20px;display:flex;color:#333;}
.u_wp .u_main .table2 dl{padding: 0 20px 20px;color:#666;}
.u_wp .u_main .table2 dl dt{display: flex;padding:15px 0;align-items: center;}
.u_wp .u_main .table2 dl .w1 p{display: flex;padding:3px 0;color:#999}
.u_wp .u_main .table2 dl .w1 p span.b{width: 100px;text-align: right;display: block;color:#333;}
.u_wp .u_main .table2 dl .w4{display:flex;flex-wrap: wrap;border-left:1px solid #F3F6F8;border-right:1px solid #F3F6F8;}
.u_wp .u_main .table2 dl .w4 i{display: flex;align-items: center;background-color:#F3F6F8 ;width: calc(100% - 30px);padding:0 6px;justify-content: space-between;box-sizing: border-box;line-height: 26px;margin-bottom: 5px;}
.u_wp .u_main .table2 dl .w4 a{width: 22px;height:22px;border-radius: 4px;border:1px solid #294990;color:#294990;margin-left: 5px;line-height: 22px;text-align: center;}
.u_wp .u_main .table2 .down{color:#294990;border:1px solid #294990;border-radius: 3px;padding:4px 10px;}
.u_wp .u_main .table2 dl dd{background-color:#F3F6F8 ;color:#666;padding:16px 20px;}
.u_wp .u_main .table2 dl dd b{color:#333;}
.u_wp .u_main .empty{padding:80px 0;}
.u_wp .u_main .empty p{color:#999;}
.u_wp .u_main .empty p a{color:#294990;}
.u_main .myorder{border:1px solid #F3F6F8;}
.u_main .myorder .u_cum{padding:20px 20px 0;}
.u_main .myorder .u_cum h2{display: flex;align-items: center;}
.u_main .myorder .u_cum h2 .f1{flex:1;}
.u_main .myorder .u_cum h2 b{font-size: 16px;font-weight: 900;}
.u_main .myorder .u_cum h2 span{color:#999999;font-size: 14px;font-weight: normal;margin-left: 4px;}
.u_main .myorder .u_cum h2 a{display: flex;align-items: center;font-size: 14px;}
.u_main .myorder .u_cum h2 a:after{content: '\e674';background-color: #294990;color:#fff;font-size: 12px;border-radius: 4px;width: 16px;height: 16px;align-items: center;justify-content: center;font-family: 'iconfont';text-align: center;line-height: 16px;margin-left: 4px;}
.u_main .myorder .u_cum h2.on a:after{content: '\e60e';}
.u_main .myorder .u_cum .cont{display: none;}
.u_main .myorder .u_cum .cum{display: flex;align-items:center;border-bottom:1px solid #eee;padding:10px 0;}
.u_main .myorder .u_cum .cum i{width: 50px;height: 50px;background-color: #E8EDF7;font-size: 40px;text-align: center;line-height: 50px;color:#294990;}
.u_main .myorder .u_cum .cum .txt{flex:1;padding:0 10px;}
.u_main .myorder .u_cum .cum .txt p{color:#999;}
.u_main .myorder .u_cum .cum .price{padding-right: 20px;font-size: 18px;}
.u_main .myorder .u_cum .cum .price:before{content:attr(alt);font-size: 14px;}
.u_main .myorder .hj{text-align: right;padding:20px;}
.u_main .myorder .bot{display:flex;padding:20px;background-color: #F3F6F8;align-items: center;}
.u_main .myorder .bot span{color:#666;}
.c_red { color: #FF5722 !important; FONT-WEIGHT: 700;} /* 待支付红色 */
.c_blue { color: #1E9FFF !important; FONT-WEIGHT: 700;} /* 已支付蓝色 */
.c_green { color: #16b777 !important; FONT-WEIGHT: 700;} /* 已完成绿色 */
.c_yellow { color: #FFB800 !important; FONT-WEIGHT: 700;} /* 申请退款黄色 */
.c_gray { color: #999 !important; FONT-WEIGHT: 700;}     /* 已退款灰色 */


.u_main .myorder .bot em{color:#999;padding:0 10px;}
.u_main .myorder .bot .f1{flex:1;}
.u_main .myorder .bot a{background-color: #294990;margin-left: 5px;color:#fff;padding:4px 15px;}
.u_main .myorder .bot a.bgr{background-color: #FF5000;}
.u_main .myorder .bot a.bggray{background-color: #c0c0c0;}
.u_main .myorder .bot b{font-size: 18px;}
.fptit{color:#999;padding:0 0 10px;font-size: 16px;}

.invoice{}
.invoice .cum{display: flex;align-items: center;margin:10px 0;}
.invoice .cum .l{width: 140px;text-align: right;}
.invoice .cum .l em{color:#FF0000}
.invoice .cum .inpwp{border:1px solid #e8e8e8;border-radius: 8px;height: 50px;width: 295px;overflow: hidden;padding:10px;box-sizing: border-box;}
.invoice .cum .line{height: 1px;background:#e8e8e8;margin:30px 0;flex:1;}
.invoice .cum .inpwp input,.invoice .cum .inpwp select{border:none;width: 100%;height: 100%;}
.invoice .btnwp{padding:15px 0 60px ;}
button.btn{border:none;}
.invoice .btnwp .x_blue{border-radius: 1px;background:#294990;height: 35px;line-height: 35px;min-width: auto;padding:0 40px;}
.invoice .btnwp .x_cancel{border-radius: 1px;background:#C7CDD4;height: 35px;line-height: 35px;min-width: auto;padding:0 40px;}

.tuikuan_float{padding:20px;}
.tuikuan_float h2{display: flex;justify-content: space-between;padding:0 0 15px;font-size: 18px;font-weight: 900;}
.tuikuan_float h2 a{color:#999;font-size: 14px;font-weight: normal;}
.tuikuan_float p{color:#999}
.tuikuan_float p b{color:#333;}
.invoice_over{display: flex;flex-direction: column;justify-content: center;align-items: center;padding: 50px 0;}
.invoice_over p{color:#333;padding:20px;font-size: 18px;}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

.loading{display: flex;flex-direction: column;align-items: center;padding:50px 0;}
.loading .txt{text-align: center;color:#666;padding:10px 0 0;}
.loader {
  width: 50px;
  height: 50px;
  border: 5px solid #f3f3f3;
  border-top: 5px solid #3498db;
  border-radius: 50%;
  animation: spin 2s linear infinite;
}