@charset "utf-8";
@font-face {
  font-family: "DINPro-Light";
  src: url("../fonts/DINPro-Light.woff2") format("woff2"),
       url("../fonts/DINPro-Light.woff") format("woff"),
       url("../fonts/DINPro-Light.ttf") format("truetype"),
       url("../fonts/DINPro-Light.eot") format("embedded-opentype"),
       url("../fonts/DINPro-Light.svg") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "Futura-Book";
  src: url("../fonts/Futura-Book.woff2") format("woff2"),
       url("../fonts/Futura-Book.woff") format("woff"),
       url("../fonts/Futura-Book.ttf") format("truetype"),
       url("../fonts/Futura-Book.eot") format("embedded-opentype"),
       url("../fonts/Futura-Book.svg") format("svg");
  font-weight: normal;
  font-style: normal;
}
.date1{ font-family: "DINPro-Light";}
.date2{ font-family: "Futura-Book";}

*{box-sizing:border-box;margin:0;padding:0; }
body{ font-family: "Microsoft YaHei",  -apple-system, BlinkMacSystemFont, "PingFang SC","Lantinghei SC", "Helvetica Neue", Arial, "Open Sans", "Hiragino Sans GB", sans-serif;font-size:16px;}
html{font-family:sans-serif;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}
body{margin:0;position: relative;overflow-x:hidden;}
article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}
h1,h2,h3,h4,h5,h6{margin:0;padding:0;line-height:1.2em;font-weight:normal;}
ol,ul{list-style:none}
audio,canvas,progress,video{display:inline-block;vertical-align:baseline}
audio:not([controls]){display:none;height:0}
[hidden],template{display:none}
a{color:#222;background-color:transparent;-webkit-tap-highlight-color:transparent;text-decoration: none;}
a:active,a:hover{outline:0;text-decoration:none}
a:hover{color:#c80d17}
abbr[title]{border-bottom:1px dotted}
b,strong{font-weight:700}
dfn{font-style:italic}
mark{color:#000;background:#ff0}
small{font-size:80%}
sub,sup{position:relative;font-size:75%;line-height:0;vertical-align:baseline}
sup{top:-.5em}
sub{bottom:-.25em}
img{padding:0;border:none;-ms-interpolation-mode:bicubic;max-width:100%;max-height:100%}
address,cite,dfn,em,var,i{font-style: normal;}
svg:not(:root){overflow:hidden}
figure{margin:1em 40px}
hr{height:0;border: none; border-top: 2px solid #f4f3f2; -webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}
pre{overflow:auto}
code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}
blockquote,q{quotes:none}
blockquote:after,blockquote:before,q:after,q:before{content:'';content:none}
:focus{outline:0}
button,input,optgroup,select,textarea{margin:0;font:inherit;color:inherit}
button{overflow:visible;border: none}
button,select{text-transform:none}
button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}
button[disabled],html input[disabled]{cursor:default}
button::-moz-focus-inner,input::-moz-focus-inner{padding:0;border:0}
input{line-height:normal;-webkit-appearance:none}
input[type=checkbox],input[type=radio]{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding:0}
input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{height:auto}
input[type=search]{-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;-webkit-appearance:textfield}
input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}
fieldset{padding:.35em .625em .75em;margin:0 2px;border:1px solid silver}
legend{padding:0;border:0}
textarea{overflow:auto}
optgroup{font-weight:700}
table{border-spacing:0;border-collapse:collapse}
td,th{padding:0}
@media print{
*,:after,:before{color:#000!important;text-shadow:none!important;background:0 0!important;-webkit-box-shadow:none!important;box-shadow:none!important}
a,a:visited{text-decoration:underline}
a[href]:after{content:" (" attr(href) ")"}
abbr[title]:after{content:" (" attr(title) ")"}
a[href^="#"]:after,a[href^="javascript:"]:after{content:""}
blockquote,pre{border:1px solid #999;page-break-inside:avoid}
thead{display:table-header-group}
img,tr{page-break-inside:avoid}
img{max-width:100%!important}
h2,h3,p{orphans:3;widows:3}
h2,h3{page-break-after:avoid}
}
.none{display: none}
.check:checked,.check:not(:checked){position:absolute;left:-9999px;opacity:0}
.check:checked+label,.check:not(:checked)+label{position:relative;display:inline-block;
	height:14px;font-size:14px;cursor:pointer;padding-left: 20px;}
.check+label:after,.check+label:before{position:absolute;top:2px;left:0;z-index:0;width:16px;height:13px;
	border-radius:3px;content:'';background: #000}
.check:checked+label:after{background: #ca140d}

.radio:checked+label,.radio:not(:checked)+label{position:relative;display:inline-block;height:16px;font-size:14px;line-height:16px;cursor:pointer;padding-left: 20px}
.radio+label:after,.radio+label:before{position:absolute;top:-1px;left:0;z-index:0;width:16px;height:16px;border-radius:50%;content:''}
.radio:not(:checked)+label:after,.radio:not(:checked)+label:before{border:1px solid #888}
.radio:checked,.radio:not(:checked){position:absolute;left:-9999px;opacity:0}
.radio:checked+label:before{border:1px solid #d9a65c}
.radio:checked+label:after{width:8px;height:8px;border-radius:50%;background:#d9a65c;top:3px;left:4px}


::-webkit-input-placeholder{color:999;opacity:.54}
::-webkit-file-upload-button{font:inherit;-webkit-appearance:button}
/*::selection{background:#0662d4;color:#fff}
::-moz-selection{background:#0662d4;color:#fff}
::-webkit-selection{background:#0662d4;color:#fff}
*/
.clearfix:after{clear:both;display:block;visibility:hidden;overflow:hidden;height:0;content:"."}
.l{float:left}
.r{float:right}
.fl{float:left!important}
.fr{float:right!important}
.bor{border:1px dashed #999}
.poab{position:absolute}
.pore{position:relative}
.texto{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.imgInline{display:inline-block!important;vertical-align:middle}
.imgMargin{margin:0 auto}
.imgW100{width:100%}

.text-r{text-align:right}
.text-m{text-align:center}
.text-bold{font-weight: 700;}
.text-light{font-weight:100;}
.text-up{text-transform: uppercase;}

.flex{display:flex;justify-content:space-between;flex-wrap:wrap}
.flex-left{display:flex;flex-wrap:wrap}
.flex-center{display:flex;flex-wrap:wrap;justify-content: center;}
.flex-right{display:flex;flex-wrap:wrap;justify-content: flex-end;}
.flex-v-center{display:-webkit-flex;display:flex;flex-direction:column;justify-content:center}
.flex-v-bottom{display: -webkit-flex;
    display: flex;
    align-items: flex-end;
    flex-wrap: wrap;
    justify-content: left;}

.trans{transition:all .5s}
.trans-mask{display:block;overflow:hidden;width:100%;cursor:pointer;position: relative;}
.trans-mask img{-webkit-transition:all .5s;-o-transition:all .5s;transition:all .5s}
.trans-mask:hover img{-webkit-transform:scale(1.05);-ms-transform:scale(1.05);transform:scale(1.05)}

.bg-mask .pic{overflow: hidden;}
.bg-mask .pic a{background-repeat: no-repeat;background-position: center;background-size: cover;height: 100%;display: block;-webkit-transition: all .4s;-o-transition: all .4s;transition: all .4s;}
.bg-mask:hover .pic a{-webkit-transform: scale(1.05);-ms-transform: scale(1.05);transform: scale(1.05);}
.bg-mask .pic .a{background-repeat: no-repeat;background-position: center;background-size: cover;height: 100%;display: block;-webkit-transition: all .4s;-o-transition: all .4s;transition: all .4s;}
.bg-mask:hover .pic .a{-webkit-transform: scale(1.05);-ms-transform: scale(1.05);transform: scale(1.05);}
.bgimg{background-repeat: no-repeat;background-position: center;background-size: cover;}

.wp1000{width:92%;margin:0 auto;max-width:1000px}

.greybg{background:#f2f2f2}
.textup{text-transform:uppercase}
.co-main{color:#0662d4}
.co-fff{color:#fff!important}
.fixdbody{position:fixed;top:0;left:0;right:0;bottom:0}
.m-show{display:none}
.filter-page{filter: blur(5px);}
@media screen and (max-width:980px){.pc-show{display:none}
.m-show{display:block}
}

.trans-line:before{content:'';position:absolute;width:60px;height:100%;margin-top:0px;margin-left:-120px;overflow:hidden;z-index:6;background:-moz-linear-gradient(left,rgba(255,255,255,0) 0,rgba(255,255,255,0.4) 50%,rgba(255,255,255,0) 100%);background:-webkit-gradient(linear,left top,right top,color-stop(0%,rgba(255,255,255,0)),color-stop(50%,rgba(255,255,255,0.4)),color-stop(100%,rgba(255,255,255,0)));background:-webkit-linear-gradient(left,rgba(255,255,255,0) 0,rgba(255,255,255,0.4) 50%,rgba(255,255,255,0) 100%);background:-o-linear-gradient(left,rgba(255,255,255,0) 0,rgba(255,255,255,0.4) 50%,rgba(255,255,255,0) 100%);-webkit-transform:skewX(-25deg);transform:skewX(-25deg)}
.trans-line:hover:before{-webkit-animation:aniBlink .6s ease-out forwards;-moz-animation:aniBlink .6s ease-out forwards;
  -o-animation:aniBlink .6s ease-out forwards;  animation:aniBlink .6s ease-out forwards}

.line2{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.line3{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}
.line4{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical}





@keyframes scaleAnim2{0%{transform:scale(.3);opacity:0}
50%{transform:scale(.7);opacity:.15}
100%{transform:scale(1);opacity:0}
}
@-webkit-keyframes scaleAnim2{0%{transform:scale(.3);opacity:0}
50%{transform:scale(.7);opacity:.15}
100%{transform:scale(1);opacity:0}
}

body{padding-top: 60px}
.u-head{position:fixed;z-index:50;left:0;top:0;width:100%;height: 60px;background:#fff;box-shadow: 0 0 10px rgba(0,0,0,.2);padding:0 2%;line-height: 60px}
.u-head .pagetit{line-height: 60px;font-weight: bold;color: #a36aac;font-size: 20px}

.u-head a.navA{display:block;width:40px;height:40px;position: relative;}
.u-head a.navA i{display:block;position: relative;width:40px;height: 40px;background: url(../images/menu.png) no-repeat center;margin: 0 auto}
.u-head a.navA:hover i{transform:rotate(180deg);-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg)}
.u-head a.navA.on:after,.u-head a.navA.on:before{content:"";display:block;position:absolute;left:50%;top:50%;width:60px;height:60px;margin-left:-30px;margin-top:-30px;background:#6b0e7a;-moz-border-radius:50%;-webkit-border-radius:50%;border-radius:50%;opacity:0;animation:scaleAnim2 1.6s infinite linear;-webkit-animation:scaleAnim2 1.6s infinite linear}
.u-head a.navA.on:before{animation-delay:-.8s;-webkit-animation-delay:-.8s}

.u-nav{position:fixed;z-index:49;left:0;top:0;right:0;bottom:0;background:url(../images/g-nav.jpg) center no-repeat;background-size:cover;opacity:0;visibility:hidden;padding-top: 100px}
.u-nav ul{width: 140px}
.u-nav li{position:relative}
.u-nav li a.name{display:block;    padding-left: .45rem;
    font-size: .18rem;
    line-height: .6rem;color:#6b0e7a;font-weight:700;position:relative;z-index:5}
.u-nav li .list{position:absolute;z-index:1;left:120px;right:auto;top:0;bottom:auto;background:#fff;width:146px;border-right:#6b0e7a solid 1px;opacity:0;visibility:hidden;padding:12px 0}
.u-nav li .list a{display:block;font-size:16px;line-height:36px;color:#6b0e7a;padding-left:30px}
.u-nav li .list a:hover{color:#eb0074}
.u-nav li:hover a.name{background:#fff}
.u-nav li:hover .list{opacity:1;visibility:visible;left:100%}

body.nav-show .u-head a.navA i {
    background-image: url(../images/close78.png);
}
body.nav-show .u-head a.navA:before{display: none}
body.nav-show .u-head a.navA:after{display: none}
body.nav-show .u-nav {
    opacity: 1;
    visibility: visible;
    overflow-y: scroll;
}

.foot{border-top: 1px solid #ddd;padding: 20px 0 30px;color: #636363!important}
.foot .wps{width: 92%;max-width: 1000px;margin: 0 auto}
.foot .wps p{padding: 2px 0;font-size: 12px}
.foot .wps .ftt{padding-left: 60px;background: url(../images/thulogo.png) no-repeat left center;}

@media screen and (max-width: 980px){
.u-head{padding:0 4%;line-height: 60px}
.u-head .pagetit{display: none}
.u-nav {background-image: url(../images/g-nav750.jpg);padding-top: 80px}
.u-nav li a.name{padding-left: .5rem;
    font-size: .36rem;
    line-height: 1rem;}
.u-nav li .list{left:120px;width:136px;padding:12px 0}
.u-nav li .list a{font-size:15px;line-height:36px;padding-left:30px}
}
@media screen and (max-width: 360px){
.u-nav li a.name{padding-left:35px;font-size:15px;line-height:40px;}
.u-nav li .list{left:100px;width:120px;padding:10px 0}
.u-nav li .list a{font-size:14px;line-height: 32px;padding-left: 25px}
}




#browser-modal{width:100%;height:100%;top:0;left:0;text-align:center;color:#303233;position:fixed;z-index:9999;}
#browser-modal .browser-modal-cover{position:fixed;left:0;top:0;height:100%;width:100%;background-color:#111;opacity:.9;z-index:-1}
#browser-modal .browser-content{width:700px;margin-top:120px;margin-left:auto;margin-right:auto;padding-bottom:80px;padding-top:50px;background-color:#fff;border-radius:5px}
#browser-modal .browser-content .browser-dpc-logo img{height:42px;margin:45px auto 40px}
#browser-modal .browser-content .browser-text-title{text-transform:uppercase;font-size:24px}
#browser-modal .browser-content .browser-text-desc{margin-top:30px;margin-bottom:20px;font-size:14px}
#browser-modal .browser-content .browser-list{width:600px;margin:20px auto;height:130px}
#browser-modal .browser-content .browser-item{float:left;width:150px;padding-top:20px;padding-bottom:20px;margin-left:auto;margin-right:auto}
#browser-modal .browser-content .browser-item .iconfont{width:100px;height:100px;margin:0 auto;font-size:80px;line-height:80px;margin-bottom:10px;}
#browser-modal .browser-content .browser-item .iconchrome{background: url(../images/bro.png) no-repeat 0 0}
#browser-modal .browser-content .browser-item .iconfirefox{background: url(../images/bro.png) no-repeat 0 -100px}
#browser-modal .browser-content .browser-item .iconopera{background: url(../images/bro.png) no-repeat 0 -200px}
#browser-modal .browser-content .browser-item .iconEdge{background: url(../images/bro.png) no-repeat 0 -300px}
#browser-modal .browser-content .browser-item a{cursor:pointer;display:block}
#browser-modal .browser-content .browser-item a img{display:block;margin:0 auto;max-width:100px;width:100px;height:100px}
#browser-modal .browser-content .browser-item a h4{text-align:center;margin-top:20px;font-size:18px;font-weight:700}

/*ie11 css hack*/ 
@media all and (-ms-high-contrast:none) { 
*::-ms-backdrop, 
} 
/*ie11注意里面的标点符号*/ 
/*ie10 css hack*/ 
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { 

}