/* 通用样式 */
body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,form,fieldset,legend,button,input,textarea,th,td,a,div,span,i {margin:0;padding:0;box-sizing:border-box;}
body,button,input,select,textarea {font:16px/1.5 "Microsoft YaHei",arial,\5b8b\4f53;}
h1,h2,h3,h4,h5,h6 {font-size:100%;font-weight:lighter;}
address,cite,dfn,em,var {font-style:normal;}
code,kbd,pre,samp {font-family:courier new,courier,monospace;}
small {font-size:12px;}
ul,ol {list-style:none;}
a,a:hover {outline:none;text-decoration:none;}
sup {vertical-align:text-top;}
sub {vertical-align:text-bottom;}
legend {color:#000;}
fieldset,img {border:0;max-width:100%;vertical-align:middle;}
button,input,select,textarea {font-size:100%;border:none;outline:none;}
button,input {background:none;}
button {cursor:pointer;}
table {border-collapse:collapse;border-spacing:0;}
.fl {float:left;}
.fr {float:right;}
.clear {content:"";clear:both;zoom:1;}
.cl {zoom:1;}
.cl:after {display:block;content:"";clear:both}
.cl:before {display:table;content:"";}

.flex { display: -ms-flexbox; display: flex; }
.flex-wrap { display: -ms-flexbox; display: flex; flex-wrap: wrap; }
.flex-center { display: -ms-flexbox; display: flex; flex-wrap: wrap; justify-content: center; }
.flex-right { display: -ms-flexbox; display: flex; flex-wrap: wrap; justify-content: flex-end; }
.flex-between { display: -ms-flexbox; display: flex; flex-wrap: wrap; justify-content: space-between; align-items: flex-start; }
.flex-middle { display: -ms-flexbox; display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; }
.flex-center-middle { display: -ms-flexbox; display: flex; flex-wrap: wrap; justify-content: center; align-items: center; }


html { width: 100%; min-width: 320px; font-size: 100px; overflow-x: hidden; }
html::-webkit-scrollbar { width: .08rem; }
html::-webkit-scrollbar-thumb { border-radius: .08rem; background: #006ca5; }
html::-webkit-scrollbar-track { border-radius: 0; background: rgba(0, 0, 0, 0.2); }
.overflow {height:100vh;overflow:hidden;}
.wrap { width: 15.6rem; max-width: 90%; margin: 0 auto; font-size: .18rem; }


/* 网站头部 */
.header { position: fixed; top: 0; right: 0; bottom: auto; left: auto; z-index:100; width: 100%; padding: .28rem 0 .7rem; background: linear-gradient(0deg, transparent, rgba(0, 0, 0, 0.4)); -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; }
.header::before { position: absolute; top: 0; right: 0; bottom: auto; left: auto; z-index: 1; content: ""; width: 100%; height: .04rem;background: url(topBg.jpg) no-repeat center;background-size: cover;-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; }
.header .wrap { position: relative; z-index: 2; width: 90%; max-width: 17.2rem; display: -ms-flexbox; display: flex; justify-content: space-between; }
.header .fr {display:flex;justify-content:space-between;align-items:center;width:11.4rem;max-width:calc(100% - 4.4rem);text-align:right;}
.header.scroll {padding-top:.1rem;padding-bottom:.1rem;}
.header.scroll::before { height: 100%; box-shadow: 0 0 0.12rem 0 rgba(0, 0, 0, 0.36); }
.header.scroll .logo img {height:.64rem;}
.logo {width:20%;min-width:4.6rem;}
.logo img {max-width:100%;height:.92rem;-webkit-transition:all 0.36s linear 0s;-moz-transition:all 0.36s linear 0s;-ms-transition:all 0.36s linear 0s;-o-transition:all 0.36s linear 0s;transition:all 0.36s linear 0s;}
.nav {width:calc(100% - .85rem);-webkit-transition:margin 0.3s linear 0s;-moz-transition:margin 0.3s linear 0s;-ms-transition:margin 0.3s linear 0s;-o-transition:margin 0.3s linear 0s;transition:margin 0.3s linear 0s;}
.nav ul {display:flex;justify-content:space-between;}
.nav li {position:relative;margin:0 4px;}
.nav li a {position:relative;display:block;font-size:0.24rem;font-weight: 500;line-height:0.5rem;color:#fff;text-align:center;}
.nav li > a {white-space:nowrap;position:relative;-webkit-transition:all 0.3s linear 0s;-moz-transition:all 0.3s linear 0s;-ms-transition:all 0.3s linear 0s;-o-transition:all 0.3s linear 0s;transition:all 0.3s linear 0s;}
.nav li:hover .sub {visibility:visible;top:100%;opacity:1;-webkit-transition:all 0.36s linear 0s;-moz-transition:all 0.36s linear 0s;-ms-transition:all 0.36s linear 0s;-o-transition:all 0.36s linear 0s;transition:all 0.36s linear 0s;}
.nav li:last-child {margin-right:0;}
.nav li:first-child {margin-left:0;}
.nav .sub {position:absolute;top:120%;right:auto;bottom:auto;left:calc(50% - 70px);z-index:1;width:140px;background:#1e4296;opacity:0;visibility:hidden;padding:5px 0 .1rem;border-top:3px solid #ffb155;box-shadow:0 0 8px 0 rgba(0,0,0,0.2);background:white;border-radius:2px;}
.nav .sub a {padding:10px 5px;font-size:0.18rem;line-height:0.22rem;color:#333;-webkit-transition:all 0.3s linear 0s;-moz-transition:all 0.3s linear 0s;-ms-transition:all 0.3s linear 0s;-o-transition:all 0.3s linear 0s;transition:all 0.3s linear 0s;}
.nav .sub a:hover {color:#fff;background:#1e4296;}


.pad-btn {display:flex;align-items:center;font-size:0;}
.pad-btn .search-btn {position:relative;z-index:5;display:inline-block;width:36px;height:36px;background-image:url(search1.png);background-repeat:no-repeat;background-position:50% 50%;background-color:transparent;background-size:auto;border-radius:50%;border:1px solid rgba(255,255,255,0.75);cursor:pointer;}
.pad-btn .nav-btn {display:none;position:relative;z-index:5;width:33px;vertical-align:middle;cursor:pointer;}
.pad-btn .nav-btn i {display:block;height:2px;margin:9px 0;background:#fff;-webkit-transition:all 0.25s linear 0s;-moz-transition:all 0.25s linear 0s;-ms-transition:all 0.25s linear 0s;-o-transition:all 0.25s linear 0s;transition:all 0.25s linear 0s;}
.pad-btn .nav-btn.close i:nth-child(1) {-webkit-transform:translate(0px,11px) rotate(45deg);-moz-transform:translate(0px,11px) rotate(45deg);-ms-transform:translate(0px,11px) rotate(45deg);-o-transform:translate(0px,11px) rotate(45deg);transform:translate(0px,11px) rotate(45deg);}
.pad-btn .nav-btn.close i:nth-child(2) {opacity:0;}
.pad-btn .nav-btn.close i:nth-child(3) {-webkit-transform:translate(0px,-11px) rotate(-45deg);-moz-transform:translate(0px,-11px) rotate(-45deg);-ms-transform:translate(0px,-11px) rotate(-45deg);-o-transform:translate(0px,-11px) rotate(-45deg);transform:translate(0px,-11px) rotate(-45deg);}
#mask {display:none;position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;background:rgba(0,0,0,0.75);}
#mask .close {width:.7rem;height:.7rem;position:absolute;top:calc(70px + .5rem);right:10%;bottom:auto;left:auto;z-index:1;cursor:pointer;}
#mask .close i {display:block;width:100%;height:3px;background:#fff;}
#mask .close i:nth-child(1) {-webkit-transform:translate(0,33px) rotate(45deg);-moz-transform:translate(0,33px) rotate(45deg);-ms-transform:translate(0,33px) rotate(45deg);-o-transform:translate(0,33px) rotate(45deg);transform:translate(0,33px) rotate(45deg);}
#mask .close i:nth-child(2) {-webkit-transform:translate(0,31px) rotate(-45deg);-moz-transform:translate(0,31px) rotate(-45deg);-ms-transform:translate(0,31px) rotate(-45deg);-o-transform:translate(0,31px) rotate(-45deg);transform:translate(0,31px) rotate(-45deg);}
.search-box {position:absolute;top:40%;right:auto;bottom:auto;left:0;z-index:1;width:100%;padding:.2rem 0;overflow:hidden;}
.search-box form {background:#fff;white-space:nowrap;padding:.15rem .1rem .15rem .15rem;width:80%;max-width:6.5rem;margin:0 auto;opacity:0;-webkit-transition:all 0.42s linear 0s;-moz-transition:all 0.42s linear 0s;-ms-transition:all 0.42s linear 0s;-o-transition:all 0.42s linear 0s;transition:all 0.42s linear 0s;box-shadow:0 0 2px 0 #ccc;border-radius:2px;-webkit-transform:translateY(150%);-moz-transform:translateY(150%);-ms-transform:translateY(150%);-o-transform:translateY(150%);transform:translateY(150%);}
.search-box .input {width:calc(100% - .55rem);height:.5rem;padding:0 .1rem 0 .15rem;vertical-align:top;font-size:0.14rem;font-weight:500;line-height:0.5rem;color:#333;text-align:left;border:1px solid #eee;}
.search-box .submit {width:.5rem;height:.5rem;vertical-align:top;background-image:url(search2.png);background-repeat:no-repeat;background-position:50% 50%;background-color:transparent;background-size:auto;}
.search-box.show 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;}

.tt1 {display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.tt2 {display:block;display:-webkit-box;-webkit-box-orient:vertical;-moz-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;}
.tt3 {display:block;display:-webkit-box;-webkit-box-orient:vertical;-moz-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;}
.tt4 {display:block;display:-webkit-box;-webkit-box-orient:vertical;-moz-box-orient:vertical;-webkit-line-clamp:4;overflow:hidden;}
.tt5 {display:block;display:-webkit-box;-webkit-box-orient:vertical;-moz-box-orient:vertical;-webkit-line-clamp:5;overflow:hidden;}
.img-scale {position:relative;display:block;overflow:hidden;}
.img-scale img {position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;width:100%;height:100%;object-fit:cover;-webkit-transition:transform 0.5s linear 0s;-moz-transition:transform 0.5s linear 0s;-ms-transition:transform 0.5s linear 0s;-o-transition:transform 0.5s linear 0s;transition:transform 0.5s linear 0s;}
.img-scale .img-frame {position:relative;overflow:hidden;}
.img-scale .img {/*背景图替换img*/ height:100%;background-repeat:no-repeat;background-position:50% 50%;background-color:transparent;background-size:cover;-webkit-transition:transform 0.5s linear 0s;-moz-transition:transform 0.5s linear 0s;-ms-transition:transform 0.5s linear 0s;-o-transition:transform 0.5s linear 0s;transition:transform 0.5s linear 0s;}
.img-scale .img img {min-height:100%;}
.img-scale:hover img {min-height:100%;-webkit-transform:scale(1.07);-moz-transform:scale(1.07);-ms-transform:scale(1.07);-o-transform:scale(1.07);transform:scale(1.07);}
.img-scale:hover .img {-webkit-transform:scale(1.07);-moz-transform:scale(1.07);-ms-transform:scale(1.07);-o-transform:scale(1.07);transform:scale(1.07);}

/* 网站尾部 */
.footer { position:relative;background: url(foot.jpg);background-size: 100% 100% !important;}
.footer .flex-middle { padding: .3rem 0; }
.foot-logo img { max-height: 1.05rem; }
.foot-contact { position: relative;font-size: 0.2rem; line-height:2; color: #fff; text-align: center; }
.foot-contact a{color:#eee;}

.ewm { display: -ms-flexbox; display: flex; }
.ewm li { margin: 0 0 0 .4rem; }
.ewm li:first-child { margin: 0; }
.ewm img { width:1.2rem; height: auto; }
.ewm p { font-size: 0.16rem; margin-top:0.1rem;color: #fff; text-align: center; }

#gotop {position:fixed;top:auto;right:-1rem;bottom:20vh;left:auto;z-index:20;width:0.55rem;height:0.55rem;border-radius:50%;background-image:url(totop.png);background-repeat:no-repeat;background-position:50% 50%;background-color:#ffb155;background-size:0.32rem;cursor:pointer;box-shadow:0 0 8px 0 rgba(0,0,0,0.4);-webkit-transition:all 0.36s linear 0s;-moz-transition:all 0.36s linear 0s;-ms-transition:all 0.36s linear 0s;-o-transition:all 0.36s linear 0s;transition:all 0.36s linear 0s;}
#gotop:hover {background-color:#1e4296;}