@charset "utf-8";

/* 滚动条样式 */
@media screen and (min-width:1024px) {::-webkit-scrollbar {width:6px;height:9px;}
::-webkit-scrollbar-track {width:3px;background:rgba(0,0,0,.5);-webkit-border-radius:2em;-moz-border-radius:2em;border-radius:2em;}
::-webkit-scrollbar-thumb {background-color:#b3121b;background-clip:padding-box;min-height:28px;-webkit-border-radius:2em;-moz-border-radius:2em;border-radius:2em;}
::-webkit-scrollbar-thumb:hover {background-color:#b3121b}
}


@font-face {font-family:"SYST";src:url("SourceHanSerifCN.ttf") format("truetype");}
/*基本样式*/
body,div,ol,ul,h1,h2,h3,h4,h5,h6,p,th,td,dl,dd,form,iframe,input,textarea,select,label,article,aside,footer,header,menu,nav,section,time,audio,video{margin:0;padding:0}
article,aside,footer,header,hgroup,nav,section,audio,canvas,video{display:block}
body{font-size:100%;font-family:Helvetica,STHeiti,Droid Sans Fallback;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;-webkit-tap-highlight-color:rgba(0,0,0,0)}
table{border-collapse:collapse;border-spacing:0}
abbr,acronym,fieldset,img,button{border:0}
ul,ol,li{list-style:none}
input,select{vertical-align:middle}
button:focus,button:hover,input:focus{outline:none!important}
i{font-style:normal}
s{font-style:normal;text-decoration:none}
a{text-decoration:none;color:#333}
a:hover{color:#c00;text-decoration:none !important}
a:focus{text-decoration:none !important;outline:none !important}
img{max-width:100%}
h1,h2,h3,h4{font-weight:100}
img{display:block;max-width:100%;border:none}
.cl:after{content:"\200B";display:block;height:0;clear:both}
.cl{*zoom:1}
.fl {float:left;}
.fr {float:right;}
@media(max-width:1440px){html{font-size:14px;}}
@media(max-width:1366px){html{font-size:12px;}}
body,select,input{font-family:Microsoft YaHei}
body{width:100%;font-size:1rem;}
.wrap {max-width:1400px;margin:0 auto;width:100%;}
.flex {display:flex;}
.col21{width:49.99%;float:left}
.bk{padding:0 20px;}
.mt{margin-top:10px}
.mt2{margin-top:20px}

.head {position:fixed;left:0;right:0;top:0;width:100%;z-index:99;padding-top:1rem;}
.head::before {content:'';position:absolute;left:0;right:0;top:0;bottom:0;background-color:#971419d6;opacity:0.9;width:100%;height:0;transition:all 0.5s;}
.head.on::before {height:100%;}
.head.on .top {display:none;}
.head.on .logo a img { height:60px;}
.head.on .logo {margin-bottom:1rem;}
.head .wrap {display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;position:relative;}
.top{display: flex;align-items: center;/* height: 100%; */justify-content: flex-end;color: #fff;}
.top a{color: #fff; padding:0 0.5rem;}
.search_btn {cursor:pointer;text-align:center;float:left;transition:.6s;margin-left:-0.5rem;position:relative;}
.search_btn img {margin-top:-5px;}

#nav {width: 100%;flex: 1;z-index: 1;align-items: center;justify-content: space-between;}
#nav ul {align-items:center;justify-content: space-between;margin-top:1rem;}
#nav ul li {float:left;position:relative;z-index:0;margin-left:3.6rem;height:2rem;}
#nav ul li:before {content:"";position:absolute;left:0;width:100%;height:2rem;bottom:0;transition:.6s;}
#nav ul li.on:before,#nav ul li:hover:before {width:100%;left:0;}
#nav ul li a {display:block;padding:0;font-size:1.5rem;color:#fff;line-height:2rem;position:relative;transition:.36s;display:inline-block;}
#nav ul li .sub {position:absolute;top:150%;background:#fff;width:auto;left:50%;z-index:10000;transform:translateX(-50%) scaleY(0);visibility:hidden;filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity:0;opacity:0;transition:.5s;transform-origin:top;padding:0;text-align:center;}
#nav ul li .sub a {padding:10px 30px;line-height:28px;transition:.6s;color:#666666;text-align:center;white-space:nowrap;font-size:1.125rem;}
#nav ul li .sub a:hover {color:#fff;background:#800;}
#nav ul li:hover .sub {filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity:1;opacity:1;visibility:visible;transform:translateX(-50%) scaleY(1);}
#nav>ul>li h3,#header.xg #nav ul li a h3 {border-bottom:3px solid rgba(0,0,0,0);}
#nav>ul>li.on h3,#nav ul li:hover h3,#header.xg #nav ul li.on a h3,#header.xg #nav ul li:hover a h3 {border-bottom:3px solid rgba(255,211,59,1);}
#nav>ul>li h3:before {content:"";display:block;position:absolute;width:21px;height:12px;left:50%;margin-left:-10px;bottom:10px;transition:.3s;opacity:0;visibility:hidden;}
#nav>ul>li:hover h3:after,#nav ul li.on h3:after {transform:scale(1);}
#nav>ul>li:hover h3:before,#nav>ul>li.on h3:before {opacity:1;visibility:visible;display:none;}
.head.on #nav ul {margin-top:-1rem;}


#mask { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 100; background: rgba(0, 0, 0, 0.25); opacity: 0; visibility: hidden; -webkit-transition: all 0.3s ease-out 0.4s; -moz-transition: all 0.3s ease-out 0.4s; -ms-transition: all 0.3s ease-out 0.4s; -o-transition: all 0.3s ease-out 0.4s; transition: all 0.3s ease-out 0.4s; }
#mask::after { position: absolute; top: 0; right: 0; bottom: auto; left: auto; z-index: 1; width: 100%; height: 30%; opacity: 0; background: rgba(0, 0, 0, 0.45); content: ""; -webkit-transition: all 0.3s ease-out 0.2s; -moz-transition: all 0.3s ease-out 0.2s; -ms-transition: all 0.3s ease-out 0.2s; -o-transition: all 0.3s ease-out 0.2s; transition: all 0.3s ease-out 0.2s; }
#mask .search-box { position: absolute; top: 40%; right: auto; bottom: auto; left: 0; z-index: 10; width: 100%; padding: 2rem 0; overflow: hidden; }
#mask .search-box .form { position: relative; background: #fff; white-space: nowrap; padding: 1.5rem; width: 80%; max-width: 80rem; margin: 0 auto; opacity: 0; -webkit-transition: all 0.42s ease-out 0s; -moz-transition: all 0.42s ease-out 0s; -ms-transition: all 0.42s ease-out 0s; -o-transition: all 0.42s ease-out 0s; transition: all 0.42s ease-out 0s; box-shadow: 0 0 2px 0 #ccc; border-radius:15px; -webkit-transform: translateY(150%); -moz-transform: translateY(150%); -ms-transform: translateY(150%); -o-transform: translateY(150%); transform: translateY(150%); }
#mask .search-box .input { width: calc(100% - 5.5rem); height:5rem; padding: 0 .1rem 0 .2rem; vertical-align: top; font-size:2rem;line-height:5rem; color: #333; text-align: left; border: 1px solid rgba(0, 108, 165, 0.15); border-radius:10px; }
#mask .search-box .submit { width: 5rem; height:5rem; vertical-align: top; background:#fff; border:none; cursor:pointer;}
#mask .search-box .submit img{ width:5rem;}
#mask .search-box .close { width: 6rem; height: 6rem; position: absolute; top: 50%; right: auto; bottom: auto; left: calc(100% + 3rem); z-index: 1; cursor: pointer; -webkit-transform: translateY(-50%) rotate(90deg); -moz-transform: translateY(-50%) rotate(90deg); -ms-transform: translateY(-50%) rotate(90deg); -o-transform: translateY(-50%) rotate(90deg); transform: translateY(-50%) rotate(90deg); }
#mask .search-box .close .line { display: block; width: 100%; height: 2px; }
#mask .search-box .close .line i { display: block; width: 100%; height: 2px; background: #fff; }
#mask .search-box .close .line.l1 { -webkit-transform: translate(0, 25px) rotate(45deg); -moz-transform: translate(0, 25px) rotate(45deg); -ms-transform: translate(0, 25px) rotate(45deg); -o-transform: translate(0, 25px) rotate(45deg); transform: translate(0, 25px) rotate(45deg); }
#mask .search-box .close .line.l2 { -webkit-transform: translate(0, 23px) rotate(-45deg); -moz-transform: translate(0, 23px) rotate(-45deg); -ms-transform: translate(0, 23px) rotate(-45deg); -o-transform: translate(0, 23px) rotate(-45deg); transform: translate(0, 23px) rotate(-45deg); }
#mask .search-box .close:hover .line.l1 i { animation: line-ani1 .5s ease-in-out .3s; }
#mask .search-box .close:hover .line.l2 i { animation: line-ani1 ease-in-out .5s; }
#mask.show { opacity: 1; visibility: visible; -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -ms-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s; }
#mask.show::after { opacity: 1; height: 100%; -webkit-transition: all 0.45s ease-out 0s; -moz-transition: all 0.45s ease-out 0s; -ms-transition: all 0.45s ease-out 0s; -o-transition: all 0.45s ease-out 0s; transition: all 0.45s ease-out 0s; }
#mask.show .search-box .form { opacity: 1; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); transition-delay: .2s; -ms-transition-delay: .2s; }

/* foot */
.foot {background:url(fbg.jpg) no-repeat;background-size:cover;}
.foot .bk{padding:20px;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;}
.foot .fl {}
.foot p {font-size:18px;line-height:2;color:#fefefe;opacity:0.6;}

.foot .fr {display:flex;flex-wrap:wrap;justify-content:center;align-items:center;}
.ewm {margin:10px 10px 0;}
.ewm p {font-size:14px;color:#fefefe;text-align:center;}
.ewm img {width:90px;height:90px; border:5px solid #fff;}