*, *:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
html { -webkit-tap-highlight-color: transparent; }
body { overflow-x: hidden; color: #333; font-size: 14px; font-family: Arial,'Microsoft Yahei'; -webkit-overflow-scrolling: touch; }
body, dd, dl, figure, form, h1, h2, h3, h4, h5, h6, p, td, th { margin: 0; padding: 0; border: 0; }
main { display: block; }
li, ol, ul { margin: 0; padding: 0; list-style-type: none; }
img { max-width: 100%; border: 0; vertical-align: middle; }
table { border-collapse: collapse; border-spacing: 0; }
a { background: transparent; color: inherit; text-decoration: none; }
a:hover { color: #fd7802; }
a, em, i, span { display: inline-block; }
b, em, i { font-style: normal; }
h1, h2, h3, h4, h5, h6 { font-weight: normal; font-size: 14px; }
button { padding: 0; }
button, input, optgroup, select, textarea { outline: 0; border: 0; vertical-align: middle; font-family: 'Microsoft Yahei'; }
button, html input[type=button], input[type=reset], input[type=submit], input[type=text] { outline: 0; border: 0; border-radius: 0; cursor: pointer; -webkit-appearance: button; }
textarea { resize: none; font-size: 14px; }
textarea, .select { appearance: none; -webkit-appearance: none; -moz-appearance: none; -o-appearance: none; }
.select::-ms-expand { display: none; }
.clearfix:after, .clearfix:before, .mauto:after, .mauto:before { display: table; content: ""; }
.clearfix:after, .mauto:after { clear: both; }
.clear { height: 0; clear: both; }
.mauto { max-width: 1200px; margin: 0 auto; }
.m-au { margin-left: auto; margin-right: auto; }
.db { display: block; }
.dib { display: inline-block; }
.dn { display: none; }
.rel { position: relative; }
.abs { position: absolute; }
.fl { float: left; }
.fr { float: right; }
.ov { overflow: hidden; }
.tal { text-align: left; }
.tar { text-align: right; }
.tac { text-align: center; }
.fb { font-weight: bold; }
.wh1 { width: 100%; height: 100%; }
.dt { display: table; }
.dtm { display: table; margin: 0 auto; }
.dtcell { display: table-cell; vertical-align: middle; text-align: center; }
.els { display: inline-block; overflow: hidden; width: 100%; vertical-align: middle; text-overflow: ellipsis; white-space: nowrap; word-wrap: break-word; }
.els2 { display: block; display: -webkit-box; width: 100%; overflow: hidden; text-overflow: ellipsis; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
.po-auto { position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; max-width: 100%; max-height: 100%; }
.img-md img { transform: scale(1); -webkit-transform: scale(1); transition: all .8s; -webkit-transition: all .8s; }
.img-md:hover img { transform: scale(1.1); -webkit-transform: scale(1.1); }
.tra, a { transition: all .3s; -webkit-transition: all .3s; }
.cx { color: #fd7802; }
.cf { color: #fff; }
.c0 { color: #000; }
.c1 { color: #111; }
.c2 { color: #222; }
.c3 { color: #333; }
.c4 { color: #444; }
.c5 { color: #555; }
.c6 { color: #666; }
.c7 { color: #777; }
.c8 { color: #888; }
.c9 { color: #999; }
.cd { color: #ddd; }
.ce { color: #eee; }
.bgf { background: #fff; }
.bge { background: #eee; }
.bgd { background: #ddd; }
.li20 { line-height: 20px; }
.li25 { line-height: 25px; }
.li30 { line-height: 30px; }
.li35 { line-height: 35px; }
.f12 { font-size: 12px; }
.f13 { font-size: 13px; }
.f15 { font-size: 15px; }
.f16 { font-size: 16px; }
.f17 { font-size: 17px; }
.f18 { font-size: 18px; }
.f20 { font-size: 20px; }
.f22 { font-size: 22px; }
.f24 { font-size: 24px; }
.f26 { font-size: 26px; }
.f28 { font-size: 28px; }
.f30 { font-size: 30px; }
.f32 { font-size: 32px; }
.f36 { font-size: 36px; }
.f40 { font-size: 40px; }
.f46 { font-size: 46px; }
.f48 { font-size: 48px; }
.f60 { font-size: 60px; }
.f72 { font-size: 72px; }
.dfcc, .dfccs, .dflc, .dflr, .dflrs { display: -webkit-flex; display: flex; }
.dfcc, .dfccs { justify-content: center; -webkit-justify-content: center; }
.dflc, .dfcc, .dfccs, .dflr, .dflrs { align-items: center; -webkit-align-items: center; }
.dflr { justify-content: space-between; -webkit-justify-content: space-between; }
.dflrs { justify-content: space-around; -webkit-justify-content: space-around; }
.dfccs { -webkit-flex-direction: column; flex-direction: column; }
.slick-slider { position: relative; display: block; box-sizing: border-box; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; }
.slick-list { position: relative; overflow: hidden; display: block; margin: 0; padding: 0; }
.slick-list:focus { outline: none; }
.slick-list.dragging { cursor: pointer; cursor: hand; }
.slick-slider .slick-track, .slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
.slick-track { position: relative; left: 0; top: 0; display: block; margin-left: auto; margin-right: auto; }
.slick-track:before, .slick-track:after { content: ""; display: table; }
.slick-track:after { clear: both; }
.slick-loading .slick-track { visibility: hidden; }
.slick-slide { float: left; height: 100%; min-height: 1px; display: none; }
[dir="rtl"] .slick-slide { float: right; }
.slick-slide img { width: 100%; display: block; }
.slick-slide.slick-loading img { display: none; }
.slick-slide.dragging img { pointer-events: none; }
.slick-initialized .slick-slide { display: block; }
.slick-loading .slick-slide { visibility: hidden; }
.slick-vertical .slick-slide { display: block; height: auto; }
.slick-arrow.slick-hidden { display: none; }
.slick-prev, .slick-next { z-index: 1; position: absolute; top: 50%; font-size: 0; transform: translateY(-50%); -webkit-transform: translateY(-50%); }
.slick-prev { left: 0; }
.slick-next { right: 0; }
.slick-dots { position: absolute; left: 0; bottom: 20px; width: 100%; font-size: 0; text-align: center; }
.slick-dots li { display: inline-block; width: 12px; height: 12px; border-radius: 50%; background: #fff; margin: 0 5px; cursor: pointer; }
.slick-dots li.slick-active, .slick-dots li:hover, .slick-dots li:focus { background: #333; }
.slick-dots li button { display: none; }
.animation { visibility: hidden; opacity: 0; }
.fadel, .fader, .fadeup, .fadez { visibility: visible; }
.fadeup { animation: slideInUp ease-out .6s forwards; -webkit-animation: slideInUp ease-out .6s forwards; }

body { overflow-x: hidden; }
#banner { position: relative; overflow: hidden; }
#banner .owl-theme .owl-controls .owl-nav [class*=owl-] { position: absolute; top: 50%; width: 40px; height: 40px; margin-top: -20px; transition: all 0.3s linear; opacity: 0; filter: alpha(opacity=0); }
#banner .owl-theme .owl-controls .owl-nav .owl-prev { left: -100px; background: url('../testimg/icon_left.png') no-repeat center center; }
#banner .owl-theme .owl-controls .owl-nav .owl-next { right: -100px; background: url('../testimg/icon_right.png') no-repeat center center; }
#banner .owl-theme .owl-dots { position: absolute; left: 0; bottom: 10px; text-align: center; width: 100%; }
#banner .owl-theme .owl-dots .owl-dot { width: 12px; height: 12px; margin: 5px; }
#banner .owl-theme .owl-dots .owl-dot span { width: 12px; height: 12px; border: 1px solid #fff; background: none; border-radius: 50%; }
#banner .owl-theme .owl-dots .owl-dot.active span, #banner .owl-theme .owl-dots .owl-dot:hover span { background: #fff; }


@keyframes slideInUp {
    from { transform: translate3d(0, 50%, 0); }
    to { opacity: 1; transform: none; }
}

@-webkit-keyframes fadeInUp {
    from { -webkit-transform: translate3d(0, 50%, 0); }
    to { opacity: 1; -webkit-transform: none; }
}

.fadel { animation: slideInLeft ease-out .6s forwards; -webkit-animation: slideInLeft ease-out .6s forwards; }

@keyframes slideInLeft {
    from { transform: translate3d(-50%, 0, 0); }
    to { opacity: 1; transform: none; }
}

@-webkit-keyframes slideInLeft {
    from { -webkit-transform: translate3d(-50%, 0, 0); }
    to { opacity: 1; -webkit-transform: none; }
}

.fader { animation: slideInRight ease-out .6s forwards; -webkit-animation: slideInRight ease-out .6s forwards; }

@keyframes slideInRight {
    from { transform: translate3d(50%, 0, 0); }
    to { opacity: 1; transform: none; }
}

@-webkit-keyframes slideInRight {
    from { -webkit-transform: translate3d(50%, 0, 0); }
    to { opacity: 1; -webkit-transform: none; }
}

.fadez { animation: zoomIn ease-out .6s forwards; -webkit-animation: zoomIn ease-out .6s forwards; }

@keyframes zoomIn {
    from { transform: scale3d(.3, .3, .3); }
    to { opacity: 1; transform: none; }
}

@-webkit-keyframes zoomIn {
    from { -webkit-transform: scale3d(.3, .3, .3); }
    to { opacity: 1; -webkit-transform: none; }
}

.imgs { overflow: hidden; background: #eee url(data:image/gif;base64,R0lGODlhEgASAIABAAAAAP///yH/C05FVFNDQVBFMi4wAwEAAAAh/wtYTVAgRGF0YVhNUDw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpDMDFGMDBBNEVEMzUxMUU4QTY0RUU2ODg1MjRFRjdDMSIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpDMDFGMDBBNUVEMzUxMUU4QTY0RUU2ODg1MjRFRjdDMSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOkMwMUYwMEEyRUQzNTExRThBNjRFRTY4ODUyNEVGN0MxIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOkMwMUYwMEEzRUQzNTExRThBNjRFRTY4ODUyNEVGN0MxIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+Af/+/fz7+vn49/b19PPy8fDv7u3s6+rp6Ofm5eTj4uHg397d3Nva2djX1tXU09LR0M/OzczLysnIx8bFxMPCwcC/vr28u7q5uLe2tbSzsrGwr66trKuqqainpqWko6KhoJ+enZybmpmYl5aVlJOSkZCPjo2Mi4qJiIeGhYSDgoGAf359fHt6eXh3dnV0c3JxcG9ubWxramloZ2ZlZGNiYWBfXl1cW1pZWFdWVVRTUlFQT05NTEtKSUhHRkVEQ0JBQD8+PTw7Ojk4NzY1NDMyMTAvLi0sKyopKCcmJSQjIiEgHx4dHBsaGRgXFhUUExIREA8ODQwLCgkIBwYFBAMCAQAAIfkECQgAAQAsAAAAABIAEgAAAiuMj6nLnQADBE7GWTE+2+jIgd4lWlRIdSbynaO7qjIJz2lpr06blT1cCToKACH5BAkJAAEALAAAAAASABIAAAItjI95wOrGwHMRVdpWhu1yqUleMFblRnboKa5uC36WGqe1+c6wzrPPOJEFh8MCACH5BAkJAAEALAAAAAASABIAAAIthIOpa7CvWjxQJvtw0NNdikjaeJBeWIKbKrKuY3brOcvxB79Qje93ptr1hIsCACH5BAkIAAEALAAAAAASABIAAAIvjB+gyK3QzEMzVrlsxvDMm2whBJaL2XEjJX7tS8JsnK7eKd/0zKORrfo5RMJgowAAIfkECQkAAQAsAAAAABIAEgAAAi6Mj6nLC48eYDLCerCpOnQOZeF2jZ4JTqJKTh9asqecWnRs5+8t5ysF6zWGREMBACH5BAUIAAEALAAAAAASABIAAAIsjI8Im63s3AJxPiqhsRlvxn1eYIWkdlLmCqKs6sbw+KbX3eFNHe1oLwImLAUAOw==) no-repeat center; }
.imgs img { width: 100%; height: 100%; object-fit: cover; }
.mt5 { margin-top: .05rem; }
.mt10 { margin-top: .1rem; }
.mt15 { margin-top: .15rem; }
.mt20 { margin-top: .2rem; }
.mt25 { margin-top: .25rem; }
.mt30 { margin-top: .3rem; }
.mt35 { margin-top: .35rem; }
.mt40 { margin-top: .4rem; }
.mt45 { margin-top: .45rem; }
.mt50 { margin-top: .5rem; }
.mt60 { margin-top: .6rem; }
.mr5 { margin-right: .05rem; }
.mr10 { margin-right: .1rem; }
.mr15 { margin-right: .15rem; }
.mr20 { margin-right: .2rem; }
.mr25 { margin-right: .25rem; }
.mr30 { margin-right: .3rem; }
.mr35 { margin-right: .35rem; }
.mr40 { margin-right: .4rem; }
.mr45 { margin-right: .45rem; }
.mr50 { margin-right: .5rem; }
.mr60 { margin-right: .6rem; }
.mb5 { margin-bottom: .05rem; }
.mb10 { margin-bottom: .1rem; }
.mb15 { margin-bottom: .15rem; }
.mb20 { margin-bottom: .2rem; }
.mb25 { margin-bottom: .25rem; }
.mb30 { margin-bottom: .3rem; }
.mb35 { margin-bottom: .35rem; }
.mb40 { margin-bottom: .4rem; }
.mb45 { margin-bottom: .45rem; }
.mb50 { margin-bottom: .5rem; }
.mb60 { margin-bottom: .6rem; }
.ml5 { margin-left: .05rem; }
.ml10 { margin-left: .1rem; }
.ml15 { margin-left: .15rem; }
.ml20 { margin-left: .2rem; }
.ml25 { margin-left: .25rem; }
.ml30 { margin-left: .3rem; }
.ml35 { margin-left: .35rem; }
.ml40 { margin-left: .4rem; }
.ml45 { margin-left: .45rem; }
.ml50 { margin-left: .5rem; }
.ml60 { margin-left: .6rem; }
.pt5 { padding-top: .05rem; }
.pt10 { padding-top: .1rem; }
.pt15 { padding-top: .15rem; }
.pt20 { padding-top: .2rem; }
.pt25 { padding-top: .25rem; }
.pt30 { padding-top: .3rem; }
.pt35 { padding-top: .35rem; }
.pt40 { padding-top: .4rem; }
.pt45 { padding-top: .45rem; }
.pt50 { padding-top: .5rem; }
.pt60 { padding-top: .6rem; }
.pr5 { padding-right: .05rem; }
.pr10 { padding-right: .1rem; }
.pr15 { padding-right: .15rem; }
.pr20 { padding-right: .2rem; }
.pr25 { padding-right: .25rem; }
.pr30 { padding-right: .3rem; }
.pr35 { padding-right: .35rem; }
.pr40 { padding-right: .4rem; }
.pr45 { padding-right: .45rem; }
.pr50 { padding-right: .5rem; }
.pr60 { padding-right: .6rem; }
.pb5 { padding-bottom: .05rem; }
.pb10 { padding-bottom: .1rem; }
.pb15 { padding-bottom: .15rem; }
.pb20 { padding-bottom: .2rem; }
.pb25 { padding-bottom: .25rem; }
.pb30 { padding-bottom: .3rem; }
.pb35 { padding-bottom: .35rem; }
.pb40 { padding-bottom: .4rem; }
.pb45 { padding-bottom: .45rem; }
.pb50 { padding-bottom: .5rem; }
.pb60 { padding-bottom: .6rem; }
.pl5 { padding-left: .05rem; }
.pl10 { padding-left: .1rem; }
.pl15 { padding-left: .15rem; }
.pl20 { padding-left: .2rem; }
.pl25 { padding-left: .25rem; }
.pl30 { padding-left: .3rem; }
.pl35 { padding-left: .35rem; }
.pl40 { padding-left: .4rem; }
.pl45 { padding-left: .45rem; }
.pl50 { padding-left: .5rem; }
.pl60 { padding-left: .6rem; }
.lg-12, .lg-3, .lg-4, .lg-6 { float: left; }
.lg-12 { width: 100%; }
.lg-6 { width: 50%; }
.lg-4 { width: 33.33333333%; }
.lg-3 { width: 25%; }

@media (max-width:1024px) {
    .md-dn { display: none !important; }
    .md-db { display: block !important; }
    .md-12, .md-3, .md-4, .md-6 { float: left; }
    .md-12 { width: 100% !important; }
    .md-6 { width: 50% !important; }
    .md-4 { width: 33.33333333% !important; }
    .md-3 { width: 25% !important; }
}

@media (max-width:768px) {
    .sm-12, .sm-3, .sm-4, .sm-6 { float: left; }
    .sm-12 { width: 100% !important; }
    .sm-6 { width: 50% !important; }
    .sm-4 { width: 33.33333333% !important; }
    .sm-3 { width: 25% !important; }
    .sm-ha { height: auto !important; }
    .sm-mt5 { margin-top: .05rem; }
    .sm-mt10 { margin-top: .1rem; }
    .sm-mt15 { margin-top: .15rem; }
    .sm-mt20 { margin-top: .2rem; }
    .sm-mt25 { margin-top: .25rem; }
    .sm-mt30 { margin-top: .3rem; }
    .sm-mt35 { margin-top: .35rem; }
    .sm-mt40 { margin-top: .4rem; }
    .sm-mt45 { margin-top: .45rem; }
    .sm-mt50 { margin-top: .5rem; }
    .sm-mt0 { margin-top: 0 !important; }
    .sm-mr5 { margin-right: .05rem; }
    .sm-mr10 { margin-right: .1rem; }
    .sm-mr15 { margin-right: .15rem; }
    .sm-mr20 { margin-right: .2rem; }
    .sm-mr25 { margin-right: .25rem; }
    .sm-mr30 { margin-right: .3rem; }
    .sm-mr35 { margin-right: .35rem; }
    .sm-mr40 { margin-right: .4rem; }
    .sm-mr45 { margin-right: .45rem; }
    .sm-mr50 { margin-right: .5rem; }
    .sm-mr0 { margin-right: 0 !important; }
    .sm-mb5 { margin-bottom: .05rem; }
    .sm-mb10 { margin-bottom: .1rem; }
    .sm-mb15 { margin-bottom: .15rem; }
    .sm-mb20 { margin-bottom: .2rem; }
    .sm-mb25 { margin-bottom: .25rem; }
    .sm-mb30 { margin-bottom: .3rem; }
    .sm-mb35 { margin-bottom: .35rem; }
    .sm-mb40 { margin-bottom: .4rem; }
    .sm-mb45 { margin-bottom: .45rem; }
    .sm-mb50 { margin-bottom: .5rem; }
    .sm-mb0 { margin-bottom: 0 !important; }
    .sm-ml5 { margin-left: .05rem; }
    .sm-ml10 { margin-left: .1rem; }
    .sm-ml15 { margin-left: .15rem; }
    .sm-ml20 { margin-left: .2rem; }
    .sm-ml25 { margin-left: .25rem; }
    .sm-ml30 { margin-left: .3rem; }
    .sm-ml35 { margin-left: .35rem; }
    .sm-ml40 { margin-left: .4rem; }
    .sm-ml45 { margin-left: .45rem; }
    .sm-ml50 { margin-left: .5rem; }
    .sm-ml0 { margin-left: 0 !important; }
    .sm-m0 { margin: 0 !important; }
    .sm-pt5 { padding-top: .05rem; }
    .sm-pt10 { padding-top: .1rem; }
    .sm-pt15 { padding-top: .15rem; }
    .sm-pt20 { padding-top: .2rem; }
    .sm-pt25 { padding-top: .25rem; }
    .sm-pt30 { padding-top: .3rem; }
    .sm-pt35 { padding-top: .35rem; }
    .sm-pt40 { padding-top: .4rem; }
    .sm-pt45 { padding-top: .45rem; }
    .sm-pt50 { padding-top: .5rem; }
    .sm-pt0 { padding-top: 0 !important; }
    .sm-pr5 { padding-right: .05rem; }
    .sm-pr10 { padding-right: .1rem; }
    .sm-pr15 { padding-right: .15rem; }
    .sm-pr20 { padding-right: .2rem; }
    .sm-pr25 { padding-right: .25rem; }
    .sm-pr30 { padding-right: .3rem; }
    .sm-pr35 { padding-right: .35rem; }
    .sm-pr40 { padding-right: .4rem; }
    .sm-pr45 { padding-right: .45rem; }
    .sm-pr50 { padding-right: .5rem; }
    .sm-pr0 { padding-right: 0 !important; }
    .sm-pb5 { padding-right: .05rem; }
    .sm-pb10 { padding-bottom: .1rem; }
    .sm-pb15 { padding-bottom: .15rem; }
    .sm-pb20 { padding-bottom: .2rem; }
    .sm-pb25 { padding-bottom: .25rem; }
    .sm-pb30 { padding-bottom: .3rem; }
    .sm-pb35 { padding-bottom: .35rem; }
    .sm-pb40 { padding-bottom: .4rem; }
    .sm-pb45 { padding-bottom: .45rem; }
    .sm-pb50 { padding-bottom: .5rem; }
    .sm-pb0 { padding-bottom: 0 !important; }
    .sm-pl5 { padding-left: .05rem; }
    .sm-pl10 { padding-left: .1rem; }
    .sm-pl15 { padding-left: .15rem; }
    .sm-pl20 { padding-left: .2rem; }
    .sm-pl25 { padding-left: .25rem; }
    .sm-pl30 { padding-left: .3rem; }
    .sm-pl35 { padding-left: .35rem; }
    .sm-pl40 { padding-left: .4rem; }
    .sm-pl45 { padding-left: .45rem; }
    .sm-pl50 { padding-left: .5rem; }
    .sm-pl0 { padding-left: 0 !important; }
    .sm-p0 { padding: 0 !important; }
    .sm-db { display: block !important; }
    .sm-dn { display: none !important; }
}

.info { -webkit-transform: rotate3d(1, 0, 0, 90deg); transform: rotate3d(1, 0, 0, 90deg); position: absolute; pointer-events: none; background: rgba(0,0,0,0.15); width: 100%; height: 100%; top: 0; }
.in-top .info { -webkit-transform-origin: 50% 0; transform-origin: 50% 0; -webkit-animation: in-top 300ms ease 0ms 1 forwards; animation: in-top 300ms ease 0ms 1 forwards; }
.in-right .info { -webkit-transform-origin: 100% 0; transform-origin: 100% 0; -webkit-animation: in-right 300ms ease 0ms 1 forwards; animation: in-right 300ms ease 0ms 1 forwards; }
.in-bottom .info { -webkit-transform-origin: 50% 100%; transform-origin: 50% 100%; -webkit-animation: in-bottom 300ms ease 0ms 1 forwards; animation: in-bottom 300ms ease 0ms 1 forwards; }
.in-left .info { -webkit-transform-origin: 0 0; transform-origin: 0 0; -webkit-animation: in-left 300ms ease 0ms 1 forwards; animation: in-left 300ms ease 0ms 1 forwards; }
.out-top .info { -webkit-transform-origin: 50% 0; transform-origin: 50% 0; -webkit-animation: out-top 300ms ease 0ms 1 forwards; animation: out-top 300ms ease 0ms 1 forwards; }
.out-right .info { -webkit-transform-origin: 100% 50%; transform-origin: 100% 50%; -webkit-animation: out-right 300ms ease 0ms 1 forwards; animation: out-right 300ms ease 0ms 1 forwards; }
.out-bottom .info { -webkit-transform-origin: 50% 100%; transform-origin: 50% 100%; -webkit-animation: out-bottom 300ms ease 0ms 1 forwards; animation: out-bottom 300ms ease 0ms 1 forwards; }
.out-left .info { -webkit-transform-origin: 0 0; transform-origin: 0 0; -webkit-animation: out-left 300ms ease 0ms 1 forwards; animation: out-left 300ms ease 0ms 1 forwards; }

@-webkit-keyframes in-top {
    from { -webkit-transform: rotate3d(-1, 0, 0, 90deg); transform: rotate3d(-1, 0, 0, 90deg); }
    to { -webkit-transform: rotate3d(0, 0, 0, 0deg); transform: rotate3d(0, 0, 0, 0deg); }
}

@keyframes in-top {
    from { -webkit-transform: rotate3d(-1, 0, 0, 90deg); transform: rotate3d(-1, 0, 0, 90deg); }
    to { -webkit-transform: rotate3d(0, 0, 0, 0deg); transform: rotate3d(0, 0, 0, 0deg); }
}

@-webkit-keyframes in-right {
    from { -webkit-transform: rotate3d(0, -1, 0, 90deg); transform: rotate3d(0, -1, 0, 90deg); }
    to { -webkit-transform: rotate3d(0, 0, 0, 0deg); transform: rotate3d(0, 0, 0, 0deg); }
}

@keyframes in-right {
    from { -webkit-transform: rotate3d(0, -1, 0, 90deg); transform: rotate3d(0, -1, 0, 90deg); }
    to { -webkit-transform: rotate3d(0, 0, 0, 0deg); transform: rotate3d(0, 0, 0, 0deg); }
}

@-webkit-keyframes in-bottom {
    from { -webkit-transform: rotate3d(1, 0, 0, 90deg); transform: rotate3d(1, 0, 0, 90deg); }
    to { -webkit-transform: rotate3d(0, 0, 0, 0deg); transform: rotate3d(0, 0, 0, 0deg); }
}

@keyframes in-bottom {
    from { -webkit-transform: rotate3d(1, 0, 0, 90deg); transform: rotate3d(1, 0, 0, 90deg); }
    to { -webkit-transform: rotate3d(0, 0, 0, 0deg); transform: rotate3d(0, 0, 0, 0deg); }
}

@-webkit-keyframes in-left {
    from { -webkit-transform: rotate3d(0, 1, 0, 90deg); transform: rotate3d(0, 1, 0, 90deg); }
    to { -webkit-transform: rotate3d(0, 0, 0, 0deg); transform: rotate3d(0, 0, 0, 0deg); }
}

@keyframes in-left {
    from { -webkit-transform: rotate3d(0, 1, 0, 90deg); transform: rotate3d(0, 1, 0, 90deg); }
    to { -webkit-transform: rotate3d(0, 0, 0, 0deg); transform: rotate3d(0, 0, 0, 0deg); }
}

@-webkit-keyframes out-top {
    from { -webkit-transform: rotate3d(0, 0, 0, 0deg); transform: rotate3d(0, 0, 0, 0deg); }
    to { -webkit-transform: rotate3d(-1, 0, 0, 104deg); transform: rotate3d(-1, 0, 0, 104deg); }
}

@keyframes out-top {
    from { -webkit-transform: rotate3d(0, 0, 0, 0deg); transform: rotate3d(0, 0, 0, 0deg); }
    to { -webkit-transform: rotate3d(-1, 0, 0, 104deg); transform: rotate3d(-1, 0, 0, 104deg); }
}

@-webkit-keyframes out-right {
    from { -webkit-transform: rotate3d(0, 0, 0, 0deg); transform: rotate3d(0, 0, 0, 0deg); }
    to { -webkit-transform: rotate3d(0, -1, 0, 104deg); transform: rotate3d(0, -1, 0, 104deg); }
}

@keyframes out-right {
    from { -webkit-transform: rotate3d(0, 0, 0, 0deg); transform: rotate3d(0, 0, 0, 0deg); }
    to { -webkit-transform: rotate3d(0, -1, 0, 104deg); transform: rotate3d(0, -1, 0, 104deg); }
}

@-webkit-keyframes out-bottom {
    from { -webkit-transform: rotate3d(0, 0, 0, 0deg); transform: rotate3d(0, 0, 0, 0deg); }
    to { -webkit-transform: rotate3d(1, 0, 0, 104deg); transform: rotate3d(1, 0, 0, 104deg); }
}

@keyframes out-bottom {
    from { -webkit-transform: rotate3d(0, 0, 0, 0deg); transform: rotate3d(0, 0, 0, 0deg); }
    to { -webkit-transform: rotate3d(1, 0, 0, 104deg); transform: rotate3d(1, 0, 0, 104deg); }
}

@-webkit-keyframes out-left {
    from { -webkit-transform: rotate3d(0, 0, 0, 0deg); transform: rotate3d(0, 0, 0, 0deg); }
    to { -webkit-transform: rotate3d(0, 1, 0, 104deg); transform: rotate3d(0, 1, 0, 104deg); }
}

@keyframes out-left {
    from { -webkit-transform: rotate3d(0, 0, 0, 0deg); transform: rotate3d(0, 0, 0, 0deg); }
    to { -webkit-transform: rotate3d(0, 1, 0, 104deg); transform: rotate3d(0, 1, 0, 104deg); }
}

header, footer, .header-m, main, .i-banner, .banner { transition: all .5s; -webkit-transition: all .5s; }
.mauto-1920:after, .mauto-1920:before { display: table; content: ""; }
.mauto-1920:after { clear: both; }
.mauto-1920 { max-width: 1920px; }

@media (min-width:1200px) {
    .mauto-1920 { width: 100%; margin: 0 auto; }
    .min-1200 { width: calc(57% - 10px); margin: 0 auto; }
    .min-1874 { width: 23%; margin: 0 auto; }
    .min-1875 { width: 20%; margin: 0 auto; float: right; }
}

.header .logo { height: 86px; line-height: 86px; overflow: hidden; text-align: center; }
.header nav ul { display: table; margin: auto; }
.header nav ul li { position: relative; z-index: 2; float: left; margin: 0 30px; }
.header nav ul li.cur a::after, .header nav ul li:hover a::after { -webkit-transform: scale(1); transform: scale(1); }
.header nav ul li:hover > a { color: #fd7802; }
.header nav ul li:hover .sub-nav { visibility: visible; opacity: 1; top: 86px; }
.header nav ul li > a { position: relative; height: 86px; line-height: 86px; }
.header nav ul li > a::after { position: absolute; content: ''; left: 0; bottom: 0; width: 100%; height: 3px; transform: scale(0, 1); -webkit-transform: scale(0, 1); transition: all .3s; -webkit-transition: all .3s; }
.header nav ul li .sub-nav { border-bottom: 3px solid #fd7802; visibility: hidden; opacity: 0; z-index: 1; top: 130px; padding: 10px; width: 220px; background: rgba(255,255,255,0.85); transition: all .5s; -webkit-transition: all .5s; }
.header nav ul li .sub-nav a { line-height: 23px; padding: 8px 0 8px 30px; }
.header nav ul li .sub-nav a:hover, .header nav ul li .sub-nav a.cur { color: #000; text-decoration-line: underline; }
.header .oat { border: 1px solid #ababab; line-height: 25px; width: 78px; }
.header .mailt { border: 1px solid #ababab; background: #ababab; line-height: 25px; width: 78px; margin-left: -4px; }
.header .mailt:hover { color: #fff !important; }
.header .x-en:hover { color: #fff !important; }
.header .h86 { height: 86px; }
.header .x-cn { width: 27px; line-height: 27px; border: 1px solid #fd7802; text-align: center; border-radius: 50%; }
.header .x-en { width: 27px; line-height: 27px; border: 1px solid #fd7802; text-align: center; background: #fd7802; border-radius: 50%; }
.header .search-w { height: 86px; }
.header .search { width: 198px; height: 40px; line-height: 40px; border-radius: 20px; background: #f6f6f6; overflow: hidden; }
.header .search .txt { float: left; width: calc(100% - 50px); height: 30px; line-height: 30px; font-size: 12px; padding-left: 30px; background: transparent; }
.header .search .btn { float: right; width: 50px; height: 100%; background: url(../images/search.png) no-repeat center; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAMAAAAp4XiDAAAAVFBMVEUAAABVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVW+WkCdAAAAG3RSTlMA86cS1Qd0zb+G48R+W0E4lVIhm5BKLeppGrQHXWddAAABjklEQVRIx6VV2XLDIAzkBgdf8d3o//+zg6GtB5DiTPfNi1cCrTRiV8i1Fc5aJ0yv2R30gsMv9mV7K9hekGGWtMJACf6kFOLnLyvGWShIaHCFgxOu+4rfk7GRWegcqr9y3X6SLfUOkbHSn3RfU0zx2khyrrGHiFowhcQaznewGuTpraynH4hXmpzVIZJnCELZbE6uIRBqcxNOv0oyVAXBUAsostTFtUs7fVHhos5zxoVmGunuE/+XuHcXKyOKzPvC/9LLNlYeQZ+KXFb+wCRztclCakXZ4gp6DIG6umSpn02AtswWj5Dhs+i4HNiFQZQKhQ/fEwLslJVyD+xDElMB3OhLisBRLi/x/NH0Mm6AmUOCwmxuIYEr7xWHC3ZsBawPKJAoPmBGNzwTdHqBiBXtWmP/9oTrdKpLbAAU07MdxdyYVWZr52D3cQBQGwD3GRl2asrKjqKxpVK+PtBMySCv72ukSs0j72u0T/ZO7D5eyWKk4bCtja5bakDQhUcPiGcfwMQSsE/QVbctjcFZw74Bhtc3xlH5qhwAAAAASUVORK5CYII=) no-repeat center; background-size: 35%; }
.header .search-btn { width: 80px; height: 86px; background: url(../images/search.png) no-repeat center; cursor: pointer; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAMAAAAp4XiDAAAAVFBMVEUAAABVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVW+WkCdAAAAG3RSTlMA86cS1Qd0zb+G48R+W0E4lVIhm5BKLeppGrQHXWddAAABjklEQVRIx6VV2XLDIAzkBgdf8d3o//+zg6GtB5DiTPfNi1cCrTRiV8i1Fc5aJ0yv2R30gsMv9mV7K9hekGGWtMJACf6kFOLnLyvGWShIaHCFgxOu+4rfk7GRWegcqr9y3X6SLfUOkbHSn3RfU0zx2khyrrGHiFowhcQaznewGuTpraynH4hXmpzVIZJnCELZbE6uIRBqcxNOv0oyVAXBUAsostTFtUs7fVHhos5zxoVmGunuE/+XuHcXKyOKzPvC/9LLNlYeQZ+KXFb+wCRztclCakXZ4gp6DIG6umSpn02AtswWj5Dhs+i4HNiFQZQKhQ/fEwLslJVyD+xDElMB3OhLisBRLi/x/NH0Mm6AmUOCwmxuIYEr7xWHC3ZsBawPKJAoPmBGNzwTdHqBiBXtWmP/9oTrdKpLbAAU07MdxdyYVWZr52D3cQBQGwD3GRl2asrKjqKxpVK+PtBMySCv72ukSs0j72u0T/ZO7D5eyWKk4bCtja5bakDQhUcPiGcfwMQSsE/QVbctjcFZw74Bhtc3xlH5qhwAAAAASUVORK5CYII=) no-repeat center; background-size: 23px; }
.fix-bar { z-index: 55; position: fixed; right: 0; bottom: 20%; }
.fix-bar .item { width: 50px; height: 51px; position: relative; border-bottom: 1px solid #ddd; }
.fix-bar .item:nth-child(1) span { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAWCAYAAADEtGw7AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA3FpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDphN2RiMDJkNS1hMzkyLWQzNGQtOWJhMS0wZjEzZGM4OGExNTQiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NUMzQjlBMDMwNDkwMTFFODkzM0RDQjRFMDA2OTI3OUMiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NUMzQjlBMDIwNDkwMTFFODkzM0RDQjRFMDA2OTI3OUMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOmQ2MTU0N2Y5LTI1YWEtNWU0Zi05NGFiLWU4MzliMjYxMzJhNSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDphN2RiMDJkNS1hMzkyLWQzNGQtOWJhMS0wZjEzZGM4OGExNTQiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz7I6LIKAAABg0lEQVR42qzVS0sCYRTG8VFToosZCUEXy01RUEEp1MoK2gTtI6JN3yBo3apv0Ado47JdtY9oVYsQCqJo4abAbgu7Yk7/E8cwmbF8xwM/GAbnecf3csZn27ZVpVoxgiGMIYx7nOIMF3h2fFKCXSSRRsF2rldsI+H0vFvoFM7t/9UVUvD9FdyPY7u2yiBenuOvmJkGrCBh1VayDvMIlG5UBsewYJmVBLe7BXdj2DB4HG1uwQNoMgzuxKhTcAQzlnn5sKh7/VdwFCnLWwV1gJ9g+fur6PIYLGvUUTp5IWygaHuvomYFJXi6yrE1qWsM+nUKAlb9Ko5ZCZ6z6l8Tft1/t8h4DJP+e6PXAekNaeziAzsegnNYxzKOZPEi2pFkd2zixWDB8ljTnBhaZCqedER54xM8GLytLP6bXmeRL/VPP5aQxbvhNsthC+HyflxEAb0IubzVJQ70m+dUUT3Bn9+No+xj2ohJ7atJNOu5l6naxx4e0aNdUNprn7aFOx30UH9jfwkwAMNeYzNUnv0yAAAAAElFTkSuQmCC); }
.fix-bar .item em, .fix-bar .item .imgs { position: absolute; color: #fff; top: 0; right: 0; width: 50px; height: 50px; overflow: hidden; line-height: 50px; white-space: nowrap; transition: all .8s; -webkit-transition: all .8s; }
.fix-bar .item em a, .fix-bar .item .imgs a { color: #fff; }
.fix-bar .item em span, .fix-bar .item .imgs span { width: 50px; height: 50px; }
.fix-bar .item em i, .fix-bar .item .imgs i { width: 100px; text-align: center; }
.fix-bar .item:hover em { width: 150px; }
.fix-bar .pic, .fix-bar #gotop { height: 50px; width: 50px; cursor: pointer; }
.fix-bar:hover .imgs { visibility: visible; opacity: 1; right: 100%; }
.fix-bar .imgs { visibility: hidden; opacity: 0; z-index: -1; position: absolute; width: 100px; height: 100px; right: -200%; top: 0; background-color: #eee; }
#gotop { text-align: center; color: #fff; line-height: 50px; font-size: 30px; font-weight: bold; font-family: 'SimSun'; transform: rotate(270deg); -webkit-transform: rotate(270deg); transition: all .3s; -webkit-transition: all .3s; }
.fix-bar .item em span, .fix-bar .pic, #gotop { background-repeat: no-repeat; background-position: center; }
.fix-bar .item i, .fix-bar .item em span, .fix-bar .pic, #gotop { background-color: #fd7802; }
.fix-bar .item:hover i, .fix-bar .item:hover em span, .fix-bar .pic:hover, #gotop:hover { background-color: #fd7802; }
.ft-ma { color: #bbbbbb; }
.ft-ma a { color: #bbbbbb; padding: 0 .2rem; }
.ft-ma a:nth-child(1) { padding-left: 0; }
.i-sex { height: 40px; line-height: 40px; width: 300px; color: #fff; border: 0; appearance: none; -moz-appearance: none; -webkit-appearance: none; background: url('../images/i-sex.png') right center no-repeat #0070c8; background-size: 50px 40px; padding-left: 15px; }
.i-sex option { height: 40px; line-height: 40px; color: #ddd; padding-left: 15px; }
footer .footer-head { background: #3a3b40; }
footer .footer-head .xs-line { border-bottom: 1px solid #5e5e5e; }
footer .footer-head dl { margin-left: 5%; }
footer .footer-head dl:first-child { margin-left: 0; }
footer .footer-head dt { line-height: 30px; color: #eee; font-size: 16px; }
footer .footer-head dd { line-height: 25px; color: #eee; font-size: 12px; }
footer .footer-head dd a:hover { text-decoration: underline; }
footer .copyright { padding: .4rem .5rem; line-height: .26rem; color: #fff; background: #3a3b40; }
.bdsharebuttonbox { font-size: 0; text-align: center; }
.bdsharebuttonbox a { float: none; display: inline-block; width: 50px !important; height: 50px !important; margin: 0 !important; padding: 0 !important; background-repeat: no-repeat; background-position: center; border-radius: 50%; }
.bd_weixin_popup { height: auto !important; }
.i-banner .slick-prev, .i-banner .slick-next { display: none !important; width: 50px; height: 50px; background: #ccc; transition: all .6s; -webkit-transition: all .6s; }
.i-banner .slick-prev:hover, .i-banner .slick-next:hover, .i-banner .slick-prev.cur, .i-banner .slick-next.cur { border-radius: 50%; }
.i-banner .slick-dots { display: none !important; bottom: .25rem; }
.i-banner .slick-dots li { background: #fff; transition: all .3s; -webkit-transition: all .3s; }
.i-banner .slick-dots li.slick-active, .i-banner .slick-dots li:hover, .i-banner .slick-dots li:focus { background: #fd7802; }
.i-banner a { display: block; min-height: 50px; }
.i-banner .dn { display: none !important; }
.x-mou { bottom: 10px; left: 0; right: 0; margin: auto; width: 115px; text-align: center; z-index:99;}
.x-mou-t { color: #ffffff; -webkit-animation: colorText 5s ease-out infinite,nudgeText 5s ease-out infinite; animation: colorText 5s ease-out infinite,nudgeText 5s ease-out infinite; text-align: center; }
.mouse { position: relative; width: 27px; height: 50px; background-size: 100% 100%; border-radius: 100px; background-size: 225%; -webkit-animation: colorSlide 5s linear infinite,nudgeMouse 5s ease-out infinite; animation: colorSlide 5s linear infinite,nudgeMouse 5s ease-out infinite; margin: 13px auto; }
.mouse:before, .mouse:after { content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; }
.mouse:before { width: 27px; height: 47px; border-radius: 100px; }
.mouse:after { background-color: #fff; width: 5px; height: 7px; border-radius: 100%; -webkit-animation: trackBallSlide 5s linear infinite; animation: trackBallSlide 5s linear infinite; }

@-webkit-keyframes colorSlide {
    0% { background-position: 0 100%; }
    20% { background-position: 0 0; }
    21% { background-color: rgba(255,255,255,0); }
    29.99% { background-color: rgba(0,0,0,0); border: 2px solid #fff; background-position: 0 0; }
    30% { background-color: rgba(255,255,255,0); background-position: 0 100%; }
    50% { background-position: 0 0; }
    51% { background-color: rgba(255,255,255,0); }
    59.99% { background-color: rgba(0,0,0,0); border: 2px solid #fff; background-position: 0 0; }
    60% { background-color: rgba(255,255,255,0); background-position: 0 100%; }
    80% { background-position: 0 0; }
    81% { background-color: rgba(255,255,255,0); }
    89.99%,100% { background-color: rgba(0,0,0,0); border: 2px solid #fff; }
}

@keyframes colorSlide {
    0% { background-position: 0 100%; }
    20% { background-position: 0 0; }
    21% { background-color: rgba(255,255,255,0); }
    29.99% { background-color: rgba(0,0,0,0); border: 2px solid #fff; background-position: 0 0; }
    30% { background-color: rgba(255,255,255,0); background-position: 0 100%; }
    50% { background-position: 0 0; }
    51% { background-color: rgba(255,255,255,0); }
    59.99% { background-color: rgba(0,0,0,0); border: 2px solid #fff; background-position: 0 0; }
    60% { background-color: rgba(255,255,255,0); background-position: 0 100%; }
    80% { background-position: 0 0; }
    81% { background-color: rgba(255,255,255,0); }
    89.99%,100% { background-color: rgba(0,0,0,0); border: 2px solid #fff; }
}

@-webkit-keyframes trackBallSlide {
    0% { opacity: 1; -webkit-transform: scale(1) translateY(-20px); transform: scale(1) translateY(-20px); }
    6% { opacity: 1; -webkit-transform: scale(.9) translateY(5px); transform: scale(.9) translateY(5px); }
    14% { opacity: 0; -webkit-transform: scale(.4) translateY(40px); transform: scale(.4) translateY(40px); }
    15%,19% { opacity: 0; -webkit-transform: scale(.4) translateY(-20px); transform: scale(.4) translateY(-20px); }
    28%,29.99% { opacity: 1; -webkit-transform: scale(1) translateY(-20px); transform: scale(1) translateY(-20px); }
    30% { opacity: 1; -webkit-transform: scale(1) translateY(-20px); transform: scale(1) translateY(-20px); }
    36% { opacity: 1; -webkit-transform: scale(.9) translateY(5px); transform: scale(.9) translateY(5px); }
    44% { opacity: 0; -webkit-transform: scale(.4) translateY(40px); transform: scale(.4) translateY(40px); }
    45%,49% { opacity: 0; -webkit-transform: scale(.4) translateY(-20px); transform: scale(.4) translateY(-20px); }
    58%,59.99% { opacity: 1; -webkit-transform: scale(1) translateY(-20px); transform: scale(1) translateY(-20px); }
    60% { opacity: 1; -webkit-transform: scale(1) translateY(-20px); transform: scale(1) translateY(-20px); }
    66% { opacity: 1; -webkit-transform: scale(.9) translateY(5px); transform: scale(.9) translateY(5px); }
    74% { opacity: 0; -webkit-transform: scale(.4) translateY(40px); transform: scale(.4) translateY(40px); }
    75%,79% { opacity: 0; -webkit-transform: scale(.4) translateY(-20px); transform: scale(.4) translateY(-20px); }
    88%,100% { opacity: 1; -webkit-transform: scale(1) translateY(-20px); transform: scale(1) translateY(-20px); }
}

@keyframes trackBallSlide {
    0% { opacity: 1; -webkit-transform: scale(1) translateY(-20px); transform: scale(1) translateY(-20px); }
    6% { opacity: 1; -webkit-transform: scale(.9) translateY(5px); transform: scale(.9) translateY(5px); }
    14% { opacity: 0; -webkit-transform: scale(.4) translateY(40px); transform: scale(.4) translateY(40px); }
    15%,19% { opacity: 0; -webkit-transform: scale(.4) translateY(-20px); transform: scale(.4) translateY(-20px); }
    28%,29.99% { opacity: 1; -webkit-transform: scale(1) translateY(-20px); transform: scale(1) translateY(-20px); }
    30% { opacity: 1; -webkit-transform: scale(1) translateY(-20px); transform: scale(1) translateY(-20px); }
    36% { opacity: 1; -webkit-transform: scale(.9) translateY(5px); transform: scale(.9) translateY(5px); }
    44% { opacity: 0; -webkit-transform: scale(.4) translateY(40px); transform: scale(.4) translateY(40px); }
    45%,49% { opacity: 0; -webkit-transform: scale(.4) translateY(-20px); transform: scale(.4) translateY(-20px); }
    58%,59.99% { opacity: 1; -webkit-transform: scale(1) translateY(-20px); transform: scale(1) translateY(-20px); }
    60% { opacity: 1; -webkit-transform: scale(1) translateY(-20px); transform: scale(1) translateY(-20px); }
    66% { opacity: 1; -webkit-transform: scale(.9) translateY(5px); transform: scale(.9) translateY(5px); }
    74% { opacity: 0; -webkit-transform: scale(.4) translateY(40px); transform: scale(.4) translateY(40px); }
    75%,79% { opacity: 0; -webkit-transform: scale(.4) translateY(-20px); transform: scale(.4) translateY(-20px); }
    88%,100% { opacity: 1; -webkit-transform: scale(1) translateY(-20px); transform: scale(1) translateY(-20px); }
}

@-webkit-keyframes nudgeMouse {
    0% { -webkit-transform: translateY(0); transform: translateY(0); }
    20% { -webkit-transform: translateY(8px); transform: translateY(8px); }
    30% { -webkit-transform: translateY(0); transform: translateY(0); }
    50% { -webkit-transform: translateY(8px); transform: translateY(8px); }
    60% { -webkit-transform: translateY(0); transform: translateY(0); }
    80% { -webkit-transform: translateY(8px); transform: translateY(8px); }
    90% { -webkit-transform: translateY(0); transform: translateY(0); }
}

@keyframes nudgeMouse {
    0% { -webkit-transform: translateY(0); transform: translateY(0); }
    20% { -webkit-transform: translateY(8px); transform: translateY(8px); }
    30% { -webkit-transform: translateY(0); transform: translateY(0); }
    50% { -webkit-transform: translateY(8px); transform: translateY(8px); }
    60% { -webkit-transform: translateY(0); transform: translateY(0); }
    80% { -webkit-transform: translateY(8px); transform: translateY(8px); }
    90% { -webkit-transform: translateY(0); transform: translateY(0); }
}

@-webkit-keyframes nudgeText {
    0% { -webkit-transform: translateY(0); transform: translateY(0); }
    20% { -webkit-transform: translateY(2px); transform: translateY(2px); }
    30% { -webkit-transform: translateY(0); transform: translateY(0); }
    50% { -webkit-transform: translateY(2px); transform: translateY(2px); }
    60% { -webkit-transform: translateY(0); transform: translateY(0); }
    80% { -webkit-transform: translateY(2px); transform: translateY(2px); }
    90% { -webkit-transform: translateY(0); transform: translateY(0); }
}

@keyframes nudgeText {
    0% { -webkit-transform: translateY(0); transform: translateY(0); }
    20% { -webkit-transform: translateY(2px); transform: translateY(2px); }
    30% { -webkit-transform: translateY(0); transform: translateY(0); }
    50% { -webkit-transform: translateY(2px); transform: translateY(2px); }
    60% { -webkit-transform: translateY(0); transform: translateY(0); }
    80% { -webkit-transform: translateY(2px); transform: translateY(2px); }
    90% { -webkit-transform: translateY(0); transform: translateY(0); }
}

@-webkit-keyframes colorText {
    21% { color: rgba(255,255,255,0); }
    30% { color: #ffffff; }
    51% { color: rgba(255,255,255,0); }
    60% { color: #ffffff; }
    81% { color: rgba(255,255,255,0); }
    90% { color: #ffffff; }
}

@keyframes colorText {
    21% { color: rgba(255,255,255,0); }
    30% { color: #ffffff; }
    51% { color: rgba(255,255,255,0); }
    60% { color: #ffffff; }
    81% { color: rgba(255,255,255,0); }
    90% { color: #ffffff; }
}

.i-about .i-ab-a { width: 180px; }
.i-pro .i-cp-a a { border-right: 1px solid #dbdbdb; height: 14px; line-height: 14px; }
.i-pro .i-cp-a a:nth-last-child(1) { border-right: 0 solid #dbdbdb; }
.bgf6 { background: #f6f6f6; }
.i-pro-sl .slick-dots { display: none !important; }
.i-pro-sl .slick-slide img { width: auto; }
.i-pro-sl a { padding: .15rem; }
.i-pro-sl a h1 { transition: all .6s; -webkit-transition: all .6s; }
.i-pro-sl a:hover h1, .i-pro-sl a.cur h1 { color: #fd7802; }
.i-pro-sl a:hover .zdiv, .i-pro-sl a.cur .zdiv { box-shadow: 0 0 0 0 #ddd; }
.i-pro-sl a:hover .mt10, .i-pro-sl a.cur .mt10 { margin-top: .15rem; }
.i-pro-sl a:hover .mt20, .i-pro-sl a.cur .mt20 { margin-top: .15rem; }
.i-pro-sl a .mt10, .i-pro-sl a .mt20 { transition: all .6s; -webkit-transition: all .6s; }
.i-pro-sl a .zdiv { transition: all .6s; -webkit-transition: all .6s; box-shadow: 5px 5px 5px 0 #ddd; background: #fff; }
.i-mo { width: 140px; height: 37px; border: 1px solid #aaa; line-height: 37px; color: #aaa; transition: all .6s; -webkit-transition: all .6s; }
.i-mo:hover { border: 1px dashed #fd7802; border-radius: 5px; }
.i-mox { width: 140px; height: 37px; border: 1px solid #fff; line-height: 37px; color: #fff; transition: all .6s; -webkit-transition: all .6s; }
.i-mox:hover { border: 1px dashed #fd7802; border-radius: 5px; }
.i-news { background: url(../images/i-news-bg_06.png) no-repeat center; background-size: cover; }
.i-news .i-news-ul a { overflow: hidden; padding-bottom: .35rem; border-bottom: 1px solid #fff; width: calc(33.1% - 0.3rem); margin: .15rem; }
.i-news .i-news-ul a img { transition: all .6s; -webkit-transition: all .6s; }
.i-news .i-news-ul a:hover img { transform: scale(1.2, 1.2); -moz-transform: scale(1.2, 1.2); -webkit-transform: scale(1.2, 1.2); -o-transform: scale(1.2, 1.2); }
.banner { height: 380px; background-size: cover; background-repeat: no-repeat; background-position: center; }
.main-nav-p ul { font-size: 0; }
.main-nav-p li { display: inline-block; }
.main-nav-p li.cur a, .main-nav-p li:hover a { color: #fff; background: #fd7802; }
.main-nav-p a { margin: .15rem .05rem; display: block; height: 40px; line-height: 40px; padding: 0 30px; font-size: 16px; transition: all .3s; -webkit-transition: all .3s; color: #666; border-radius: 20px; }
.bgf8 { background: #f8f8f8; }
.ab-video .rel { height: 5.69rem; }
.ab-video .rel .video-open { transition: all .8s; -webkit-transition: all .8s; width: 9rem; height: 4.5rem; }
.ab-video .rel .video-open::before { content: "企业宣传片"; background: url(../images/v-play.png) no-repeat center 1.6rem rgba(0,0,0,0.2); position: absolute; height: 100%; color: #fff; font-size: 16px; text-align: center; width: 100%; line-height: 5rem; transition: all .8s; -webkit-transition: all .8s; }
.ab-video .rel .video-open:hover { border-radius: 2%; }
.ab-video .rel .video-open:hover::before { content: "点击播放企业宣传片"; background: url(../images/v-play.png) no-repeat center 1.5rem rgba(0,0,0,0.7); color: #fff; width: 100%; line-height: 4.8rem; }
.main-home { height: 50px; line-height: 50px; }
.main-home a:hover { color: #fd7802; }
.content { min-height: 400px; }
.honor-list ul li { float: left; margin-left: 20px; margin-right: 20px; }
.honor-list ul li .r-img1 { width: 2.68rem; height: 3.68rem; border: 1px solid #efefef; margin: 0 auto; z-index: 2; background: #fff; margin-bottom: -40px; transition: all .5s; -webkit-transition: all .5s; }
.honor-list ul li .z-x1 { transition: all .9s; -webkit-transition: all .9s; opacity: 1; }
.honor-list ul li:hover .r-img1 { border: 1px dashed #fd7802; border-radius: 3%; }
.honor-list ul li:hover h1 { color: #fd7802; }
.honor-list ul li:hover .z-x1 { opacity: 0; }
.pro-list ul { margin-left: -0.3rem; }
.pro-list li { padding-left: .3rem; margin-bottom: .2rem; }
.pro-list .imgs { height: 100px; }
.news-list .n-list-l { width: 300px; height: 180px; }
.news-list .n-list-r { width: calc(100% - 300px); padding-left: 40px; }
.news-list .n-list-r .fl { width: calc(100% - 200px); }
.news-list ul li { border-bottom: 1px solid #eee; height: 231px; transition: all .8s; -webkit-transition: all .8s; }
.news-list ul li:hover, .news-list ul li.cur { background: #fff; box-shadow: 7px 7px 8px 0 rgba(0,0,0,0.2); }
.news-list ul li:hover h1, .news-list ul li.cur h1 { color: #fd7802; }
.lx-ul li .add { height: 4rem; width: 50%; }
.lx-ul li .add img { max-width: inherit; }
.lx-ul li .fr { width: 49.5%; }
.li50 { line-height: 50px; }
.bor-x { border: 1px solid #dfdfdf !important; }
.w380 { width: 3.8rem; }
.w360 { width: 5.4rem; }
.h50 { height: .5rem; }
.w780 { width: 7.8rem; }
.w245 { width: 2.45rem; }
.w390 { width: 3.90rem; }
.wb100 { width: 100%; }
.wb90 { width: 94%; }
.h230 { height: 2.3rem; }
.h160 { height: 1.6rem; }
.s-btn { height: 50px; line-height: 50px; width: 2.8rem; text-align: center; color: #fd7802; background: #f8f8f8; border: 1px solid #fd7802 !important; transition: all .9s; -webkit-transition: all .9s; }
.s-btn:hover { border: 1px dotted #fd7802 !important; border-radius: 8px; }
.slick-dots li.slick-active, .slick-dots li:hover, .slick-dots li:focus { background: #fd7802; }
.in-page { color: #888; }
.in-page span { padding: 0 15px; border: 1px solid #e8e8e8; }
.in-page a { height: 35px; line-height: 35px; padding: 0 15px; border: 1px solid #e8e8e8; }
.in-page a:hover, .in-page a.cur { border-color: #fd7802; background: #fd7802; color: #fff; }
.tab-head li { cursor: pointer; }
.tab-body li { visibility: hidden; opacity: 0; height: 0; transition: all .3s; -webkit-transition: all .3s; }
.tab-body li.cur { visibility: visible; opacity: 1; height: inherit; }
.edit { overflow: hidden; }
.edit span { display: inline; }
.edit img { width: auto !important; height: auto !important; }
.fix-wrap { display: none; z-index: 9999; position: fixed; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.8); }
.fix-wrap .hide { position: fixed; width: 25px; height: 25px; padding: 25px; right: 5%; top: 5%; background: #090908; cursor: pointer; border-radius: 50%; transition: all .8s; -webkit-transition: all .8s; }
.fix-wrap .hide::before, .fix-wrap .hide::after { position: absolute; top: 50%; left: 50%; content: ''; width: 1px; height: 55%; background: #fff; margin-top: -27.5%; }
.fix-wrap .hide::before { transform: rotate(45deg); -webkit-transform: rotate(45deg); }
.fix-wrap .hide::after { transform: rotate(-45deg); -webkit-transform: rotate(-45deg); }
.fix-wrap .hide:hover { transform: rotate(180deg); -webkit-transform: rotate(180deg); }
.fix-video .video-wrap { min-width: 55%; max-width: 55%; padding: 10px; border-radius: 5px; background: #2d2d2d; border: 1px solid #3a3a3a; box-shadow: 0 0 5px rgba(0,0,0,0.5); overflow: hidden; animation: ReturnToNormal .5s both; -webkit-animation: ReturnToNormal .5s both; }
.fix-video video { width: 100%; height: 100%; object-fit: cover; }
.fix-pic { overflow: auto; }
.fix-pic img { animation: zoomIn .5s both; -webkit-animation: zoomIn .5s both; }
.fix-search { padding: 0 2.5%; background: #222; }
.fix-search:hover .search::after { transform: scale(1); -webkit-transform: scale(1); }
.fix-search .search { position: relative; width: 100%; height: 125px; color: #555; padding-left: 88px; font-size: 66px; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABUAAAAVCAYAAACpF6WWAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyFpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDozNEE5NEZGREQ0QUQxMUU2OUVGNjk4Qzg2RjZCRDdENiIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDozNEE5NEZGRUQ0QUQxMUU2OUVGNjk4Qzg2RjZCRDdENiI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjM0QTk0RkZCRDRBRDExRTY5RUY2OThDODZGNkJEN0Q2IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjM0QTk0RkZDRDRBRDExRTY5RUY2OThDODZGNkJEN0Q2Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+/Hs+IwAAAVlJREFUeNpi+P//PwMaFgLiJiC+/x8VHATiCCzqMTC6QBKSIc+AeC0QzwXiA0jiT4DYmFhDS6CaNgGxOg4NIUD8E6rOipChcVCFZUR4jwWIj0PVq+EylA2q4AAx4YWEQeAxLkMroAqESTS0D6rPAZuhL4H4NYkGgrAG1NDl2AwFgRVkGMqClBpQ5JgYIOAdA+ngL5TmR5eAGapKhqE8UPo1NkNvAbEtGYaaQOmDGDLAMIiGho0niWEKy2UWuBL/VyD+RYKBFlAD9+PLUTZQRUeAWICAgU5QB4CAIaG8745UaHQCsRkQ8wIxOxCLA7EfEG9HK7kuArEsoVLKHIgf/McPQF72RioaXwGxCD5DYdgXiBcC8S0gfgvEV4B4OhA7IqmRh+ZGELgJxFyEDCUWSwLxVSSDZalhKAhzogWFLiPYZMqBJBBfBGJRIH5ALUNBQBGI5wPxVIAAAwAoIUyRNtFOOQAAAABJRU5ErkJggg==) no-repeat 35px center; }
.fix-search .search::before, .fix-search .search::after { position: absolute; content: ''; left: 0; bottom: 0; width: 100%; height: 1px; transition: all 1s; -webkit-transition: all 1s; }
.fix-search .search::before { background: #515151; }
.fix-search .search::after { background: rgba(255,255,255,0.5); transform: scale(0, 1); -webkit-transform: scale(0, 1); }
.fix-search .txt, .fix-search .btn { color: #555; background: transparent; }
.fix-search .txt { width: 100%; text-align: center; font-size: 66px; padding-right: 2%; }
.fix-search .btn { font-size: 24px; }
.p-list li { padding-top: .6rem; padding-bottom: .6rem; background: #fff; overflow: hidden; }
.p-list li:nth-child(even) { background: #fff; }
.p-list li:nth-child(even) .fr .linx { padding-right: 50px; }
.p-list li:nth-child(odd) { background: #f8f8f8; }
.p-list li:nth-child(odd) .fr .linx { padding-left: 50px; }
.p-list li .fl { width: 45.8%; }
.p-list li .fr { width: 54.2%; }
.p-list li .p-li-btn { width: 140px; height: 40px; line-height: 40px; transition: all .6s; -webkit-transition: all .6s; text-align: center; background: #fd7802; color: #fff; }
.p-list li .fr { padding: 0; transition: all .6s; -webkit-transition: all .6s; }
.p-list li .fr .linx { transition: all .6s; -webkit-transition: all .6s; padding-top: .25rem; padding-bottom: .15rem; }
.p-list li h1 { transition: all .6s; -webkit-transition: all .6s; font-weight: normal; }
.p-list li .fl img { transition: all .6s; -webkit-transition: all .6s; }
.p-list li:hover .fl img, .p-list li.cur .fl img { border-radius: 8px; }
.p-list li:hover .p-li-btn, .p-list li.cur .p-li-btn { color: #fff; background: #c90006; }
.p-list li:hover h1, .p-list li.cur h1 { font-weight: bold; }
.p-list li:nth-child(2) .fl { float: right; }
.p-list li:nth-child(2) .fr { float: left; }
.bor-b { border-bottom: 1px solid #dedede; width: 100%; }
.a-back { border: 1px solid #fd7802; color: #fd7802; width: 130px; text-align: center; height: 40px; line-height: 40px; transition: all .6s; -webkit-transition: all .6s; }
.a-back:hover { color: #fd7802; border: 1px dashed #fd7802; }

@media (max-width:1200px) {
    .mauto { max-width: 92%; }
}

@media (max-width:1024px) {
    body { padding-top: 70px; }
    .header { display: none; }
    .header-m { display: block !important; z-index: 999; position: fixed; left: 0; top: 0; width: 100%; height: 70px; background: #fff; box-shadow: 1px 1px 10px rgba(0,0,0,0.1); }
    .header-m::after { display: none; position: fixed; content: ''; top: 70px; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.5); }
    .header-m .logo { position: absolute; left: 50%; line-height: 70px; transform: translateX(-50%); -webkit-transform: translateX(-50%); }
    .header-m .logo img { max-height: 40px; }
    .header-m .m-menu-b { display: block; position: absolute; top: 0; left: 0; width: 60px; height: 70px; cursor: pointer; }
    .header-m .m-menu-b::before, .header-m .m-menu-b::after { position: absolute; top: 50%; left: calc(35px / 2); content: ''; width: 25px; height: 1px; z-index: 9999; transition: all .3s ease-out .3s; -webkit-transition: all .3s ease-out .3s; background: #222; }
    .header-m .m-menu-b::before { transform: translateY(-4px) rotate(0); -webkit-transform: translateY(-4px) rotate(0); }
    .header-m .m-menu-b::after { transform: translateY(4px) rotate(0); -webkit-transform: translateY(4px) rotate(0); }
    .header-m .m-menu { display: none; z-index: 888; position: fixed; width: 100%; width: 260px; height: 100%; top: 0; left: -260px; opacity: 1; background: #fafafa; text-align: left; padding-top: 70px; }
    .header-m .m-menu::after { position: absolute; top: 70px; content: ''; width: 100%; height: 1px; background: #ebebeb; }
    .header-m .nav { height: calc(100% - 82px); overflow-x: hidden; overflow-y: auto; }
    .header-m .nav > li { border-bottom: 1px solid #ebebeb; animation: resize .5s both; -webkit-animation: resize .5s both; }
    .header-m .nav > li > a { position: relative; display: block; width: 100%; font-size: 15px; padding: 0 40px; color: #666; vertical-align: middle; text-overflow: ellipsis; white-space: nowrap; word-wrap: break-word; overflow: hidden; height: 50px; line-height: 50px; }
    .header-m .nav > li > a::after { position: absolute; left: 20px; top: 50%; margin-top: -5px; content: ''; width: 8px; height: 8px; border: 1px solid #999; border-radius: 50%; background: transparent; transition: all .3s; -webkit-transition: all .3s; }
    .header-m .nav > li .sub-nav { display: none; }
    .header-m .nav > li .sub-nav a { position: relative; display: block; line-height: 24px; padding: 12px 40px; background: #f2f2f2; color: #4E4E4E; }
    .header-m .nav > li .sub-nav a::before, .header-m .nav > li .sub-nav a::after { position: absolute; content: ''; width: 0; height: 0; left: 20px; top: 20px; border: 5px solid transparent; overflow: hidden; transition: all .3s; -webkit-transition: all .3s; }
    .header-m .nav > li .sub-nav a::before { left: 21px; border-left: 5px solid #555; }
    .header-m .nav > li .sub-nav a::after { border-left: 5px #ebebeb solid; }
    .header-m .nav > li.cur { position: relative; }
    .header-m .nav > li.cur::after, .header-m .nav > li.cur::before { position: absolute; content: ''; background: #999; transition: all .5s; -webkit-transition: all .5s; }
    .header-m .nav > li.cur::before { top: 19px; right: 25px; width: 2px; height: 12px; }
    .header-m .nav > li.cur::after { top: 24px; right: 20px; width: 12px; height: 2px; }
    .header-m .nav > li.active::after { background: #fff; }
    .header-m .nav > li.active::before { height: 0; }
    .header-m .nav > li.active > a { color: #fff; background: #fd7802; }
    .header-m .nav > li.active > a::after { background: #fff; border-color: #fff; }
    .header-m .nav > li.active .sub-nav li { animation: ReturnToNormal .5s both; -webkit-animation: ReturnToNormal .5s both; }
    .header-m .m-language { position: absolute; left: 0; bottom: 0; width: 100%; text-align: center; }
    .header-m .m-language a { color: #666; height: 40px; line-height: 40px; font-size: 16px; display: inline-block; border-bottom: 1px solid #ebebeb; animation: slideInUp 1.5s both; -webkit-animation: slideInUp 1.5s both; width: calc(49% - 4px); }
    .header-m .m-search-b { display: block; position: absolute; top: 0; right: 0; width: 40px; height: 70px; cursor: pointer; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAMAAAAp4XiDAAAAVFBMVEUAAABVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVW+WkCdAAAAG3RSTlMA86cS1Qd0zb+G48R+W0E4lVIhm5BKLeppGrQHXWddAAABjklEQVRIx6VV2XLDIAzkBgdf8d3o//+zg6GtB5DiTPfNi1cCrTRiV8i1Fc5aJ0yv2R30gsMv9mV7K9hekGGWtMJACf6kFOLnLyvGWShIaHCFgxOu+4rfk7GRWegcqr9y3X6SLfUOkbHSn3RfU0zx2khyrrGHiFowhcQaznewGuTpraynH4hXmpzVIZJnCELZbE6uIRBqcxNOv0oyVAXBUAsostTFtUs7fVHhos5zxoVmGunuE/+XuHcXKyOKzPvC/9LLNlYeQZ+KXFb+wCRztclCakXZ4gp6DIG6umSpn02AtswWj5Dhs+i4HNiFQZQKhQ/fEwLslJVyD+xDElMB3OhLisBRLi/x/NH0Mm6AmUOCwmxuIYEr7xWHC3ZsBawPKJAoPmBGNzwTdHqBiBXtWmP/9oTrdKpLbAAU07MdxdyYVWZr52D3cQBQGwD3GRl2asrKjqKxpVK+PtBMySCv72ukSs0j72u0T/ZO7D5eyWKk4bCtja5bakDQhUcPiGcfwMQSsE/QVbctjcFZw74Bhtc3xlH5qhwAAAAASUVORK5CYII=) no-repeat left center; background-size: 23px; }
    html.active { height: 100%; overflow: hidden; }
    html.active body { height: 100%; overflow: hidden; }
    html.active .header-m { left: 260px; }
    html.active .header-m::after { display: block; }
    html.active .header-m .m-menu-b::before, html.active .header-m .m-menu-b::after { background: #000; }
    html.active .header-m .m-menu-b::before { transform: translateY(0) rotate(225deg); -webkit-transform: translateY(0) rotate(225deg); }
    html.active .header-m .m-menu-b::after { transform: translateY(0) rotate(-225deg); -webkit-transform: translateY(0) rotate(-225deg); }
    html.active .header-m .m-menu { display: block; left: 0; }
    html.active footer, html.active main, html.active .i-banner, html.active .banner { transform: translateX(260px); -webkit-transform: translateX(260px); }
}

@media (max-width:768px) {
    .lx-xs li input { width: 100%; margin-bottom: .2rem; }
    .lx-xs li .yzm { width: 75%; }
    .lx-xs li img.h50 { margin-top: -20px; margin-left: 10px; }
    .f28 { font-size: .36rem; }
    .news-list ul li { margin-bottom: .15rem; height: auto; }
    .news-list ul li a { padding-top: .2rem; padding-bottom: .15rem; }
    .news-list .n-list-l { width: 25%; }
    .news-list .n-list-r { width: calc(100% - 25%); padding-left: .2rem; }
    .news-list .n-list-r .fl { width: calc(100% - 16%); }
    .news-list .n-list-r .fr .pr20 { padding-right: .1rem; }
    .ab-video .rel .video-open { height: 3.5rem; }
    .i-banner .sm-db { display: block !important; }
    .main-nav-p { display: none; }
    .main-nav-m { display: block; position: relative; z-index: 555; cursor: pointer; }
    .main-nav-m .title { position: relative; height: 45px; line-height: 45px; padding: 0 10px; background: #fd7802; }
    .main-nav-m .title strong { color: #fff; font-size: 16px; font-weight: bold; }
    .main-nav-m .title i { position: absolute; content: ''; width: 45px; height: 100%; right: 0; }
    .main-nav-m .title i::before, .main-nav-m .title i::after { position: absolute; top: 50%; content: ''; width: 12px; height: 1px; background: #fff; transition: all .3s; -webkit-transition: all .3s; }
    .main-nav-m .title i::before { left: 46%; transform: rotate(40deg) scaleY(1.5); -webkit-transform: rotate(40deg) scaleY(1.5); }
    .main-nav-m .title i::after { right: 46%; transform: rotate(-40deg) scaleY(1.5); -webkit-transform: rotate(-40deg) scaleY(1.5); }
    .main-nav-m .title.active i::before { transform: rotate(-40deg) scaleY(1.5); -webkit-transform: rotate(-40deg) scaleY(1.5); }
    .main-nav-m .title.active i::after { transform: rotate(40deg) scaleY(1.5); -webkit-transform: rotate(40deg) scaleY(1.5); }
    .main-nav-m ul { display: none; position: absolute; top: 45px; width: 100%; padding: 0 10px; background: rgba(51,51,51,0.8); color: #fff; }
    .main-nav-m ul li { animation: ReturnToNormal .5s both; -webkit-animation: ReturnToNormal .5s both; }
    .main-nav-m ul li a { display: block; height: 45px; line-height: 45px; border-bottom: 1px solid rgba(255,255,255,0.55); }
    .banner { height: 3rem; }
    .in-page a { display: none; }
    .in-page a.upper, .in-page a.lower, .in-page a.cur { display: inline-block; }
    .in-page a.cur { margin: 0 2px; }
    .fix-video .video-wrap { max-width: 90%; }
    .fix-search { padding: 0 15px; }
    .fix-search .search { height: 65px; padding-left: 0; background: none; }
    .fix-search .txt { font-size: 20px; text-align: left; padding: 0 10px; }
    .fix-search .btn { font-size: 22px; color: #777; }
    .i-about .i-ab-a { margin-left: .15rem; margin-right: .15rem; }
    .i-news .i-news-ul a { width: calc(32% - 0.2rem); margin: .1rem; }
    .i-net .pad-lx, .i-net .pad-rx { width: 100%; float: none; }
    .pad-sec { display: none; }
    footer .copyright { padding: .2rem .15rem; }
    .honor-list ul li { width: calc(50% - 40px); }
    .p-list li:nth-child(even) { background: #fff; }
    .p-list li:nth-child(even) .fr .linx { padding-right: 0; padding-left: 0; }
    .p-list li:nth-child(odd) { background: #f8f8f8; }
    .p-list li:nth-child(odd) .fr .linx { padding-right: 0; padding-left: 0; }
    .p-list li .fl, .p-list li .fr { width: 100%; }
    .p-list li .fl { text-align: center; }
    .p-list li .fl img { width: 100%; }
    .p-list li .fr { padding: 0; }
    .p-list li .fr .linx { padding: .6rem; }
    .p-list li:hover .fr, .p-list li.cur .fr { padding: .2rem; }
    .p-list li:hover .fr .linx, .p-list li.cur .fr .linx { border: 1px solid #0050b6; padding: .4rem; }
}

@media (max-width:480px) {
    .i-main .i-news .i-news-ul a { width: 100%; margin: .15rem auto; }
    .ab-video .rel { height: 3rem; max-width: 100%; }
    .ab-video .rel .video-open { width: 100%; height: 100%; }
    .ab-video .rel .video-open::before { content: "企业宣传片"; background: url(../images/v-play.png) no-repeat center .9rem rgba(0,0,0,0.2); font-size: .28rem; line-height: 4.5rem; background-size: 1rem; }
    .ab-video .rel .video-open:hover { border-radius: 50%; }
    .ab-video .rel .video-open:hover::before { content: "点击播放企业宣传片"; background: url(../images/v-play.png) no-repeat center .8rem rgba(0,0,0,0.7); font-size: .28rem; line-height: 4.4rem; background-size: 1rem; }
    .honor-list ul li { width: calc(100% - 40px); }
    .news-list ul li { margin-bottom: .15rem; height: auto; }
    .news-list ul li a { padding-top: .2rem; padding-bottom: .15rem; }
    .news-list .n-list-l { width: 100%; padding-right: .2rem; float: none; }
    .news-list .n-list-r { float: none; width: calc(100%); padding: .2rem; }
    .news-list .n-list-r .fl { width: calc(100%); }
    .news-list .n-list-r .fr .pr20 { padding-right: .1rem; }
    .lx-xs { padding-right: 0; }
    .lx-xs li input { margin-right: 0; }
    .lx-xs li .h50 { height: 50px; }
    .lx-xs li .yzm { width: 50%; }
    .lx-xs li img.h50 { margin-top: -10px; margin-left: 10px; }
    .lx-ul li .fl, .lx-ul li .fr { width: 100%; float: none; }
    .lx-ul li .fr { padding: .2rem; }
}

@keyframes resize {
    from,60%,75%,90%,to { animation-timing-function: cubic-bezier(.215, .61, .355, 1); }
    0% { opacity: 0; transform: scale(5, 5); }
    100% { opacity: 1; transform: scale(1, 1); }
}

@-webkit-keyframes resize {
    from,60%,75%,90%,to { -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1); }
    0% { opacity: 0; -webkit-transform: scale(5, 5); }
    100% { opacity: 1; -webkit-transform: scale(1, 1); }
}

@keyframes ReturnToNormal {
    from { opacity: 0; transform-origin: right bottom; transform: rotate3d(0, 0, 1, 45deg); }
    to { opacity: 1; transform-origin: right bottom; transform: none; }
}

@-webkit-keyframes ReturnToNormal {
    from { opacity: 0; -webkit-transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); }
    to { opacity: 1; -webkit-transform-origin: right bottom; -webkit-transform: none; }
}

.prodetial { height: 150px; overflow: hidden; }