@charset "utf-8";

@font-face { font-family: 'webfont-DIN-Medium'; src: url(/fonts/DIN-Medium.eot); src: url(/fonts/DIN-Medium.eot?#iefix) format('embedded-opentype'), url(/fonts/DIN-Medium.woff) format('woff'), url(/fonts/DIN-Medium.ttf) format('truetype'), url(/fonts/DIN-Medium.svg#DIN-Medium) format('svg'); }
@font-face { font-family: "XinGothic"; src: url("/fonts/XinGothic.eot"); src: url('/fonts/XinGothic.eot?#iefix')format('embedded-opentype'), /* ie6-8 */ url('/fonts/XinGothic.woff')format('woff'),url(/fonts/XinGothic.ttf) format('truetype'); /*Modern Browser*/ }
@font-face { font-family: "XinGothic-Regular"; src: url("/fonts/XinGothic.eot"); src: url('/fonts/XinGothic.eot?#iefix')format('embedded-opentype'), /* ie6-8 */ url('/fonts/XinGothic.woff')format('woff'),url(/fonts/XinGothic.ttf) format('truetype'); /*Modern Browser*/ }

/*移除自带映射|移除自动填充样式*/
input:-webkit-autofill { -webkit-box-shadow: 0 0 0px 1000px white inset; -webkit-text-fill-color: #333; border-radius: 0; }
input[type=text], input[type=password], select, textarea { -webkit-appearance: none; border-radius: 0; }
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color: #999; }
::-moz-placeholder { /* Mozilla Firefox 19+ */ color: #999; }
input:-ms-input-placeholder,
textarea:-ms-input-placeholder { color: #999; }
input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder { color: #999; }

/*抗锯齿*/
body { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

/*pager*/
.in-page { clear: both; text-align: center; padding: 50px 0; }
.in-page ul { margin: 0; padding: 0; height: 40px; font-size: 14px; color: #666 }
.in-page li { width: auto; background: initial; display: inline-block; padding: 0; height: auto; line-height: inherit; border-bottom: none; }
.in-page a, .in-page select, .in-page a:visited, .in-page .press { /* border-radius: 3px; */ background: #FFF; vertical-align: middle; border: 1px solid #EEE; color: #333; display: inline-block; height: 38px; line-height: 38px; margin: 2px; padding: 0 15px; text-decoration: none; border-radius: 10px; }
.in-page .press, .in-page a:active, .in-page a:hover { text-decoration: none; vertical-align: middle; background-color: #333; border: 1px solid #333; color: #FFF; display: inline-block; }
.in-page a:hover { background-color: #FFF; border: 1px solid #231815; color: #333; }
.in-page li.list-page { display: none; }
.in-page li.pre-page a, .in-page li.next-page a { padding: 0 28px; }
.in-page li.next-page a { background: #FFF url(../static/images/base/icon2.png) no-repeat center center; }
.in-page li.pre-page a { background: #FFF url(../static/images/base/icon1.png) no-repeat center center; }

@media screen and (max-width:1200px) {
    .in-page { padding: 20px 0; }
    .in-page li { display: none }
    .in-page li:first-child, .in-page li:last-child, .in-page li.list-page { display: inline-block }
    .in-page li.list-page select { width: 58px; border-radius: 0; font-size: 14px; -webkit-appearance: none; appearance: none; outline: none; -webkit-tap-highlight-color: rgba(0,0,0,0); background: #FFF url(../images/select.png) no-repeat 33px center; background-size: 18px; }
}

.posi { color: #3D3D3D; background: url(../images/posi.png) no-repeat right center; background-size: contain; padding-right: 25px; }


.res-point { position: relative; top: -45px; height: 0; overflow: hidden; }
.res-point.s50 { top: -50px; }
.res-point.s100 { top: -100px; }
.res-point.s135 { top: -135px; }
.res-point.s200 { top: -200px; }

.shade { position: fixed; left: 0; top: 0; z-index: 101; display: none; width: 100%; height: 100%; background-color: #000; opacity: .5; filter: alpha(opacity=50); }
.wechat { position: fixed; left: 50%; top: 20%; z-index: 102; margin-left: -125px; display: none; width: 250px; background: #fff; color: #333; line-height: 26px; text-align: center; }
.wechat-close { display: none; position: absolute; right: 10px; top: 10px; width: 25px; height: 25px; background: url(../images/icon14.png) no-repeat center; cursor: pointer; }
.wechat-tit { padding: 7px 0; text-align: center; font-size: 30px; color: #000; }
.wechat-pic { margin: 0 auto; width: 220px; }
.wechat-pic img { display: block; width: 100%; }
.wechat-h { padding: 0 0 15px 0; color: #999; text-align: center; }
.wechat-h .tit { font-size: 18px; font-weight: bold; color: #000; }
.wechat-h p { font-size: 14px; }


.fxSoftPulse .navOutPrev,
.fxSoftPulse .navOutNext { -webkit-animation: scaleUpFadeOut 0.8s forwards ease-in; animation: scaleUpFadeOut 0.8s forwards ease-in; }

.fxSoftPulse .navInPrev,
.fxSoftPulse .navInNext { -webkit-animation: scaleDownFadeIn 0.8s forwards ease-out; animation: scaleDownFadeIn 0.8s forwards ease-out; }

@-webkit-keyframes scaleUpFadeOut {
    50% { -webkit-transform: scale(1.2); opacity: 1; }
    75% { -webkit-transform: scale(1.1); opacity: 0; }
    100% { -webkit-transform: scale(1); opacity: 0; }
}

@keyframes scaleUpFadeOut {
    0% { opacity: 1; }
    75% { transform: scale(1); opacity: 0; }
    100% { transform: scale(1); opacity: 0; }
}

@-webkit-keyframes scaleDownFadeIn {
    50% { opacity: 0; -webkit-transform: scale(1.1); }
    100% { opacity: 1; -webkit-filter: blur(0px); filter: blur(0px); -webkit-transform: scale(1); }
}

@keyframes scaleDownFadeIn {
    0% { opacity: 0; transform: scale(1.2); }
    100% { opacity: 1; -webkit-filter: blur(0px); filter: blur(0px); transform: scale(1); }
}


/*loading*/
@-moz-keyframes rotate-loading {
    0% { transform: rotate(0); -ms-transform: rotate(0); -webkit-transform: rotate(0); -o-transform: rotate(0); -moz-transform: rotate(0) }
    100% { transform: rotate(360deg); -ms-transform: rotate(360deg); -webkit-transform: rotate(360deg); -o-transform: rotate(360deg); -moz-transform: rotate(360deg) }
}

@-o-keyframes rotate-loading {
    0% { transform: rotate(0); -ms-transform: rotate(0); -webkit-transform: rotate(0); -o-transform: rotate(0); -moz-transform: rotate(0) }
    100% { transform: rotate(360deg); -ms-transform: rotate(360deg); -webkit-transform: rotate(360deg); -o-transform: rotate(360deg); -moz-transform: rotate(360deg) }
}

@-webkit-keyframes rotate-loading {
    0% { transform: rotate(0); -ms-transform: rotate(0); -webkit-transform: rotate(0); -o-transform: rotate(0); -moz-transform: rotate(0) }
    100% { transform: rotate(360deg); -ms-transform: rotate(360deg); -webkit-transform: rotate(360deg); -o-transform: rotate(360deg); -moz-transform: rotate(360deg) }
}

@keyframes rotate-loading {
    0% { transform: rotate(0); -ms-transform: rotate(0); -webkit-transform: rotate(0); -o-transform: rotate(0); -moz-transform: rotate(0) }
    100% { transform: rotate(360deg); -ms-transform: rotate(360deg); -webkit-transform: rotate(360deg); -o-transform: rotate(360deg); -moz-transform: rotate(360deg) }
}

@-moz-keyframes loading-text-opacity {
    0%, 100%, 20% { opacity: 0 }
    50% { opacity: 1 }
}

@-o-keyframes loading-text-opacity {
    0%, 100%, 20% { opacity: 0 }
    50% { opacity: 1 }
}

@-webkit-keyframes loading-text-opacity {
    0%, 100%, 20% { opacity: 0 }
    50% { opacity: 1 }
}

@keyframes loading-text-opacity {
    0%, 100%, 20% { opacity: 0 }
    50% { opacity: 1 }
}

@keyframes rotate {
    from { transform: rotate(0deg) }
    to { transform: rotate(360deg) }
}

.loading { z-index: 11; background: #000; width: 100%; height: 100%; position: absolute; display: none; }
.loading-ani, .loading-container { height: 100px; position: relative; width: 100px; border-radius: 100% }
.loading-container { top: 50%; left: 50%; transform: translate(-50%,-50%); }
.loading-ani { border: 2px solid transparent; border-color: transparent #fff transparent #FFF; -moz-animation: rotate-loading 1.5s linear 0s infinite normal; -moz-transform-origin: 50% 50%; -o-animation: rotate-loading 1.5s linear 0s infinite normal; -o-transform-origin: 50% 50%; -webkit-animation: rotate-loading 1.5s linear 0s infinite normal; -webkit-transform-origin: 50% 50%; animation: rotate-loading 1.5s linear 0s infinite normal; transform-origin: 50% 50% }
.loading-container:hover .loading-ani { border-color: transparent #E45635 }
.loading-container .loading-ani,
.loading-container:hover .loading-ani { -webkit-transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out; -ms-transition: all .5s ease-in-out; -o-transition: all .5s ease-in-out; transition: all .5s ease-in-out }
.loading-container .loading-text { -moz-animation: loading-text-opacity 2s linear 0s infinite normal; -o-animation: loading-text-opacity 2s linear 0s infinite normal; -webkit-animation: loading-text-opacity 2s linear 0s infinite normal; animation: loading-text-opacity 2s linear 0s infinite normal; color: #fff; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 10px; font-weight: 700; margin-top: 45px; opacity: 0; position: absolute; text-align: center; text-transform: uppercase; top: 0; width: 100px }

@media screen and (max-width:1024px) {
    .loading-ani, .loading-container { height: 32px; width: 32px; }
    .loading-container .loading-text { width: 42px; margin-top: 26px; display: none; }
}

/*顶部搜索*/
.head-ser { position: fixed; left: 0; top: 0; z-index: 10; display: none; width: 100%; height: 100% }
.head-ser:before { content: ''; position: absolute; left: 0; top: 0; z-index: -1; width: 100%; height: 100%; background-color: #000; filter: alpha(Opacity=80); opacity: .8 }
.head-ser-close { position: absolute; right: 60px; top: 60px; width: 40px; height: 40px; background: url(/static/images/base/icon2.png) no-repeat center; cursor: pointer; background-size: 30px }
.head-ser-cont { margin: 20% auto; width: 700px; border: 1px solid #535353 }
.head-ser-inp { float: left; width: 80%; height: 68px; line-height: 68px; text-indent: 20px; font-size: 26px; color: #fff; font-family: arial }
.head-ser-btn { float: right; width: 10%; height: 68px; background: url(/static/images/base/icon1.png) no-repeat center; background-size: 40% }

@media screen and (max-width:740px) {
    .head-ser-close { right: 20px; top: 20px; width: 16px; height: 16px }
    .head-ser-cont { margin-top: 50%; width: 90% }
    .head-ser-inp { font-size: 14px; height: 40px; line-height: 40px }
    .head-ser-btn { width: 15%; height: 40px; background-size: 35%; }
}