*{margin: 0; padding: 0}
html,body { margin:0; padding:0;font:12px/1.6 "microsoft yahei", "Arial",sans-serif; color:#333;-webkit-text-size-adjust:none;}
img {max-width:100%;vertical-align: top;border: none;}
input, select { outline:none}
ol ,ul, li { margin:0;padding:0;list-style: none;}
a { color: #008dd5;text-decoration:none;}
a:focus, a:hover { text-decoration:none;}
.clearfix:before,.clearfix:after{content:""; display: block; width: 100%;clear: both;overflow: hidden;}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color: #666; }
::-moz-placeholder { /* Mozilla Firefox 19+ */ color: #666;}
input, textarea, select, button { font-size:inherit;}
input:-ms-input-placeholder,
textarea:-ms-input-placeholder {font-size:inherit;color:#666;}
input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {font-size:inherit;color:#666; line-height:1;}
.input {padding: 0.6em;border-radius:3px;border: 1px #aaa solid;}
.select {display:inline-block;vertical-align: middle;position: relative;text-align: left;border:1px #aaa solid;overflow: hidden;white-space: nowrap;padding:0.3em 0.6em 0.4em 0.6em;background: #fff;border-radius:0.3em;}
.select select {color:inherit;line-height: 1; border:none;background:none;padding-right: 3em;margin-right: -2em;margin-top: 0.1em; position: relative;z-index: 2;}
.select:after {content: "∟";display:inline-block;position: absolute;right: 0.5em; min-width: 1em;vertical-align: top;margin-top: -0.1em; transform: rotate(-45deg);font-family: simsun;}
.select-block {display:block;}
.select-block select{width: 120%;}
.ie8 .select select,.ie9 .select select,.ie10 .select select,.ie11 .select select {width: 240%; padding-right:4em;margin-right: -2em;}
.ie8 .select {padding: 0;border:none;background: none;}
.ie8 .select:after {display: none;}
.ie8 .select select {width:auto; padding:0;margin: 0em;border:1px #aaa solid;font-size: 1.4em;}
.ie9 .select:after {content: "";display:inline-block;min-width: 0;width: 0; height: 0; border-width: 6px 6px 0 6px; border-style: solid; border-color: #000 transparent transparent transparent;top: 50%; margin-top: -4px;}
.checkbox, .checkbox input {vertical-align: middle;}
.checkbox-tab {display: inline-block;font-size:inherit;line-height:1;border:1px #aaa solid;border-radius:.3em;vertical-align: middle;text-align: center; overflow: hidden;}
.checkbox-tab label {display: inline-block; vertical-align: middle;position: relative;}
.checkbox-tab label input {position: absolute;opacity:0;filter:alpha(opacity=0);}
.checkbox-tab label i {display: inline-block; font-style: normal;padding:.6em 1em .64em; line-height:1;cursor: pointer;}
.checkbox-tab label input:checked +i {background: #F8B62D;color: #fff;}
.textarea {font-size: inherit; resize:vertical;border:1px #aaa solid;border-radius: 0.3em;min-height: 5em; padding: 0.6em;box-sizing: border-box;}
/* button */
.btn {display:inline-block;font-size:inherit;padding:.6em 2em .64em; line-height:1;background-color:#008dd5; color:#fff; border:1px #008dd5 solid;border-radius:.3em;cursor: pointer;vertical-align: middle;text-align: center}
@media (min-width: 769px){
.btn:active,.btn:hover {color:#fff !important;background-color:#006AA1!important;border:1px #006AA1 solid;}
}
.btn-block {display: block;}
.btn-x1 {padding:.6em 1em .64em;}
.btn-x2 {padding:.6em 2em .64em;}
.btn-x3 {padding:.6em 3em .64em;}
.btn-x4 {padding:.6em 4em .64em;}
.btn-border-gray { background:none; border:1px #aaa solid;color:inherit;}
.btn-yellow { background-color:#F8B62D;border:1px #F8B62D solid;}
.btn-arrow-left:before { content:"";display:inline-block;border-color:transparent #fff transparent transparent;border-style:solid; border-width:.3em;margin-left:-.5em; margin-right:.5em;vertical-align:middle;}
.btn-arrow-right:after { content:"";display:inline-block;border-color:transparent transparent transparent #fff;border-style:solid; border-width:.3em;margin-left:.5em; margin-right:-.5em;vertical-align:middle;}
.btn-black-arrow {display:inline-block;width: auto!important; padding:0.8em 3em;border-radius: 3px; background-color: #000; color: #fff;}
.btn-black-arrow:after {content: "";display:inline-block;vertical-align: middle; width:0;height: 0;margin-left: 1em;margin-right: -1em;margin-top: -2px; border: 0.5em #fff solid;border-color: transparent transparent transparent #fff;}
.btn-yellow-arrow {display:inline-block;width: auto!important; padding:0.8em 3em;border-radius: 3px; background-color: #f8b62d; color: #fff;}
.btn-yellow-arrow:after {content: "";display:inline-block;vertical-align: middle; width:0;height: 0;margin-left: 1em;margin-right: -1em;margin-top: -2px; border: 0.5em #fff solid;border-color: transparent transparent transparent #fff;}
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 { font-weight:normal; font-size:1em; margin:auto; line-height:inherit; }
.al{ text-align:left;}
.ac{ text-align:center;}
.ar{ text-align:right;}
.fl { float:left;}
.fr { float:right;}
.fn { float:none;}
ol ,ul { margin:0;padding:0;}
.hr-bold {display: block;height: .5em;background: #D5D5D5;border: none;}
.overflow { overflow:hidden;}
.img-wrap{ width:100%; zoom:1;}
.c-black { color:#000;}
.c-icon { color:#BDAA79;}
.c-theme { color:#7C6138;}
.fs-small { font-size:0.8em;}
.fs-medium { font-size:1.2em;}
.fs-large { font-size:1.4em;}
.fs-lg { font-size:1.15em;}
.fs-sm { font-size:0.85em;}
.fs-xs { font-size:0.7em;}
.vt { vertical-align:top !important;}
.vm { vertical-align:middle !important;}
.vb { vertical-align:bottom !important;}
.mt5 { margin-top:5px;}
.mr5 { margin-right:5px;}
.mb5 { margin-bottom:5px;}
.ml5 { margin-left:5px;}
.mx5 { margin-left:5px; margin-right:5px;}
.my5 { margin-top:5px; margin-bottom:5px;}
.m5 { margin:5px;}
.pt5 { padding-top:5px;}
.pr5 { padding-right:5px;}
.pb5 { padding-bottom:5px;}
.pl5 { padding-left:5px;}
.px5 { padding-left:5px; padding-right:5px;}
.py5 { padding-top:5px; padding-bottom:5px;}
.p5 { padding:5px;}
.mt10 { margin-top:10px;}
.mr10 { margin-right:10px;}
.mb10 { margin-bottom:10px;}
.ml10 { margin-left:10px;}
.mx10 { margin-left:10px; margin-right:10px;}
.my10 { margin-top:10px; margin-bottom:10px;}
.m10 { margin:10px;}
.pt10 { padding-top:10px;}
.pr10 { padding-right:10px;}
.pb10 { padding-bottom:10px;}
.pl10 { padding-left:10px;}
.px10 { padding-left:10px; padding-right:10px;}
.py10 { padding-top:10px; padding-bottom:10px;}
.p10 { padding:10px;}
.mt15 { margin-top:15px;}
.mr15 { margin-right:15px;}
.mb15 { margin-bottom:15px;}
.ml15 { margin-left:15px;}
.mx15 { margin-left:15px; margin-right:15px;}
.my15 { margin-top:15px; margin-bottom:15px;}
.m15 { margin:15px;}
.pt15 { padding-top:15px;}
.pr15 { padding-right:15px;}
.pb15 { padding-bottom:15px;}
.pl15 { padding-left:15px;}
.px15 { padding-left:15px; padding-right:15px;}
.py15 { padding-top:15px; padding-bottom:15px;}
.p15 { padding:15px;}
.to-visible { display:block !important; height:auto !important;}
.wrap {width: 1200px; margin-left: auto; margin-right: auto;}
.wrap-row {min-width: 1200px;}
.ol-type-square,
.ol-type-arrow,
.ol-type-arrow2,
.ol-type-circle {list-style-type:none; padding-left:1em;}
.ol-type-square li,
.ol-type-arrow li,
.ol-type-arrow2 li,
.ol-type-circle li{ text-indent:-1em; overflow:visible!important; display:block !important; width:auto !important; margin:auto !important;}
.ol-type-square li:before,
.ol-type-arrow li:before,
.ol-type-arrow2 li:before,
.ol-type-circle li:before{ content:""; display:inline-block; width:1em;vertical-align:middle; margin-top:-0.4em; text-indent:0; }
.ol-type-square li:before{ content:"■";}
.ol-type-arrow li:before{ content:"►";}
.ol-type-arrow2 li:before{ content:">"; font-family:SimSun; font-style:normal;}
.ol-type-circle li:before{ content:"●";}
.ol-type-text {padding-left:1em;list-style-type:none;}
.ol-type-text li{ text-indent:-1em;overflow:visible!important;}
.ol-type-text .ol-type-label {list-style-type:none; display:inline-block;width:1em;vertical-align:top;text-indent:0;}
.ol-type-text-1 {padding-left:1em;}
.ol-type-text-2 {padding-left:2em;}
.ol-type-text-3 {padding-left:3em;}
.ol-type-text-4 {padding-left:4em;}
.ol-type-text-5 {padding-left:5em;}
.ol-type-text-6 {padding-left:6em;}
.ol-type-text-1 li{ text-indent:-1em;}
.ol-type-text-2 li{ text-indent:-2em;}
.ol-type-text-3 li{ text-indent:-3em;}
.ol-type-text-4 li{ text-indent:-4em;}
.ol-type-text-5 li{ text-indent:-5em;}
.ol-type-text-6 li{ text-indent:-6em;}
.ol-type-text-1 .ol-type-label {width:1em;}
.ol-type-text-2 .ol-type-label {width:2em;}
.ol-type-text-3 .ol-type-label {width:3em;}
.ol-type-text-4 .ol-type-label {width:4em;}
.ol-type-text-5 .ol-type-label {width:5em;}
.ol-type-text-6 .ol-type-label {width:6em;}
/* swiper */
.swiper { width:100%; overflow:hidden; visibility:hidden; position:relative;background:url(../img/loading.gif) #f9f9f9 no-repeat center; background-size:16px auto;}
.swiper-mask {overflow:hidden; }
.swiper li{ overflow:hidden; position:relative;}
.swiper li li{ overflow:inherit;}
.swiper-single .swiper-prev,.swiper-single .swiper-next,.swiper-single .swiper-pagination { display:none !important;}
.swiper-single .swiper-pagination { display:none;}
.swiper-pagination { position:absolute; z-index:10;width:100%;left:0;bottom:0; text-align:center; transform:translate3d(0,0,0);}
.swiper-pagination .swiper-pagination-switch { display:inline-block; border-radius:5px;background:#7C6138;width:8px;height:8px; margin:0 3px;}
.swiper-pagination .swiper-active-switch {background:#EBB133;}
.swiper-prev { position:absolute; z-index:50;width:4em; height:100%;left: 0;top:0;text-align:center;cursor:pointer;}
.swiper-next { position:absolute; z-index:50;width:4em; height:100%;right:0;top:0;text-align:center;cursor:pointer;}
.swiper-prev:before { content:"";display:inline-block;width:2em; height:100%;background-position:left center;background-repeat:no-repeat;}
.swiper-next:before { content:"";display:inline-block;width:2em; height:100%;background-position:right center;background-repeat:no-repeat;}
.swiper-prev-white:before { background-image:url(../img/prev-white.png);}
.swiper-next-white:before { background-image:url(../img/next-white.png);}
.swiper-prev-black:before { background-image:url(../img/prev-black.png);}
.swiper-next-black:before { background-image:url(../img/next-black.png);}
.swiper-prev-color:before { background-image:url(../img/prev-color.png);}
.swiper-next-color:before { background-image:url(../img/next-color.png);}
.swiper-prev-bg:before,
.swiper-next-bg:before {position:absolute;width:4em;height:4em;left:50%;top:50%;margin:-2em;background-repeat:no-repeat;background-position:center;background-color:#eee;background-color: rgba(0,0,0,0.3);border-radius: 5px;}
.swiper-prev-bg:before {background-image: url(../img/arrow-white-left.png);background-size: 40% auto;}
.swiper-next-bg:before {background-image: url(../img/arrow-white.png);background-size: 40% auto;}
.swiper-lazy { min-width:100px; min-height:80px;background:url(../img/loading.gif) #f9f9f9 no-repeat center; background-size:16px auto;}
.swiper-lazy-img{ visibility:hidden; height:0;}
.swiper-lazy-img-loaded{ visibility:visible; height:auto;}
.swiper-prev-disabled,.swiper-next-disabled { display:none !important;}
/* */
.swiper-scale { position:relative;}
.swiper-scale:before { content:""; display:inline-block;height:0; padding-bottom:34.85%;}
.swiper-scale .swiper-mask{position:absolute; width:100%;height:100% !important;left:0;top:0;}
.swiper-scale ul{position:absolute;height:100% !important;left:0;top:0;}
.swiper-scale ul li{ height:100% !important;}
.swiper-scale li img{ max-width:100%;}
/* auto-height */
.swiper-auto { position:relative;visibility: hidden;}
.swiper-auto .swiper-wrapper{height:auto !important;overflow: hidden;}
.swiper-auto .swiper-slide{ height:auto !important;float: left;position: relative;overflow:hidden;}
.swiper-auto .swiper-slide img{ max-width:100%;}
.swiper-inited { visibility:visible;}
/*swiper-kv*/
.swiper-kv .swiper-center{position: relative;width: 1920px; left: 50%; margin-left: -960px;}
/* swiper-content-summary */
.swiper-content-summary { overflow:hidden;zoom:1; padding:15px 0 20px 0;}
.swiper-content-summary h3{ margin:0; padding:5px; border:1px #7C6138 solid; display:inline-block; color:#7C6138; font-size:1rem; max-width:45%;}
.swiper-content-summary >ol,.swiper-content-summary >div{ float:right; font-size:.7rem;max-width:55%;}
.swiper-content-summary ol li{ margin:0; font-size:1rem;margin-bottom:.2em; line-height:1.4; font-weight:normal; height:auto !important;}
.swiper-content-summary p{ margin:0; font-size:1rem;}
.swiper-coanda-effect .swiper-content { position:absolute;z-index:100;left:0;top:9%; font-size:.8rem; line-height:1.6;;padding:1em;width:58%; background-color:rgba(0,0,0,.3); color:#fff;}
.swiper-coanda-effect .swiper-content h2 { font-size:1.5em; margin-bottom:.5em; margin-top:0;}
.swiper-coanda-effect .swiper-content .icon { display:inline-block; width:2em; height:2em; position:absolute;right:1em;top:1em;}
.swiper-coanda-effect .swiper-slide-active .swiper-content { visibility:visible;}
.icon { display:inline-block;width:1em!important;height:1em!important;vertical-align:middle;margin-top:-.15em; background-size:100% auto; background-repeat:no-repeat;background-position: center;}
.icon-arrow { background-image:url(../img/icon-arrow.png)}
.icon-arrow-bg { background-image:url(../img/arrow-bg.png);}
.icon-arrow-bg-white { background-image:url(../img/arrow-bg-white.png);}
.icon-arrow-bg-green { background-image:url(../img/arrow-bg-green.png);}
.icon-arrow-white { background-image:url(../img/arrow-white.png);}
.icon-arrow-blue { background-image:url(../img/arrow-blue.png);}
.icon-arrow-black { background-image:url(../img/arrow-black.png);}
.icon-tel { background-image:url(../img/icon-tel.png);}
.icon-pix { background-image:url(../img/icon-pix.html);}
.icon-pix-gray { background-image:url(../img/icon-pix-gray.html);}
.icon-pix-blue { background-image:url(../img/icon-pix-blue.png);}
.icon-player { background-image:url(../img/icon-player.png);}
.icon-player-blue-border { background-image:url(../img/icon-player-blue-border.png);}
.icon-fqa { background-image:url(../img/icon-fqa.html);}
.icon-course { background-image:url(../img/icon-course.html);}
.icon-gift { background-image:url(../img/icon-gift.html);}
.icon-prev { background-image:url(../img/icon-prev.png);}
.icon-prev-gray { background-image:url(../img/icon-prev-gray.png);}
.icon-next { background-image:url(../img/icon-next.png);}
.icon-next-gray { background-image:url(../img/icon-next-gray.png);}
.icon-tips { background-image:url(../img/icon-tips.png);}
.icon-trophy { background-image:url(../img/icon-trophy.html);}
.icon-vrv { background-image:url(../img/icon-vrv.html); width:2.5em;}
.icon-flower { background-image:url(../img/icon-flower.html);}
.icon-weibo { background-image:url(../img/icon-sina.png);}
.icon-weixin { background-image:url(../img/icon-weixin.png);}
.icon-coordinate-white { background-image:url(../img/icon-coordinate-white.png);}
.icon-coordinate-gray { background-image:url(../img/icon-coordinate-gray.png);}
.icon-message-white { background-image:url(../img/icon-message-white.png);}
.icon-message-gray { background-image:url(../img/icon-message-gray.png);}
.icon-delicious-tag { background-image:url(../img/delicious-tag.png);}
.icon-flower-h2 { background-image:url(../img/icon-h2.png);}
.ie8 .icon {background-image:none;}
.ie8 .icon-arrow {filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src="../img/icon-arrow.png");}
.ie8 .icon-arrow-bg {filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src="../img/arrow-bg.png");}
.ie8 .icon-arrow-bg-white {filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src="../img/arrow-bg-white.png");}
.ie8 .icon-arrow-bg-green {filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src="../img/arrow-bg-green.png");}
.ie8 .icon-arrow-white {filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src="../img/arrow-white.png");}
.ie8 .icon-arrow-blue {filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src="../img/arrow-blue.png");}
.ie8 .icon-arrow-black {filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src="../img/arrow-black.png");}
.ie8 .icon-tel {filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src="../img/icon-tel.png");}
.ie8 .icon-pix {filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src="../img/icon-pix.html");}
.ie8 .icon-pix-gray {filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src="../img/icon-pix-gray.html");}
.ie8 .icon-pix-blue {filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src="../img/icon-pix-blue.png");}
.ie8 .icon-player {filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src="../img/icon-player.png");}
.ie8 .icon-player-blue-border {filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src="../img/icon-player-blue-border.png");}
.ie8 .icon-fqa {filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src="../img/icon-fqa.html");}
.ie8 .icon-course {filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src="../img/icon-course.html");}
.ie8 .icon-gift {filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src="../img/icon-gift.html");}
.ie8 .icon-prev {filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src="../img/icon-prev.png");}
.ie8 .icon-prev-gray {filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src="../img/icon-prev_gray.html");}
.ie8 .icon-next {filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src="../img/icon-next.png");}
.ie8 .icon-next-gray {filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src="../img/icon-next-gray.png");}
.ie8 .icon-tips {filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src="../img/icon-tips.png");}
.ie8 .icon-trophy {filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src="../img/icon-trophy.html");}
.ie8 .icon-vrv {filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src="../img/icon-vrv.html");}
.ie8 .icon-flower {filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src="../img/icon-flower.html");}
.ie8 .icon-weibo {filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src="../img/icon-sina.png");}
.ie8 .icon-weixin {filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src="../img/icon-weixin.png");}
.ie8 .icon-coordinate-white{filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src="../img/icon-coordinate-white.png");}
.ie8 .icon-coordinate-gray{filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src="../img/icon-coordinate-gray.png");}
.ie8 .icon-message-white {filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src="../img/icon-message-white.png");}
.ie8 .icon-message-gray {filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src="../img/icon-message-gray.png");}
.ie8 .icon-delicious-tag {filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src="../img/delicious-tag.png");}
.ie8 .icon-flower-h2 {filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src="../img/icon-h2.png");}
.icon-1x {font-size:0.60em;}
.icon-2x {font-size:0.83em;}
.icon-3x {font-size:1.00em;}
.icon-4x {font-size:1.20em;}
.icon-5x {font-size:1.43em;}
.icon-6x {font-size:1.60em;}
.icon-7x {font-size:1.80em;}
.icon-8x {font-size:2.00em;}
.icon-9x {font-size:2.20em;}
/**/
.icon-arrow-font:before {content: ">";font-style: normal; font-family: "SimSun","Helvetica", "Arial", "sans-serif";}
/* toggler */
.toggler {}
.toggler-detail { display:none;}
.toggler-btn:before { content:"显示更多"; display:block; color:#62B6DA; padding-top:1em}
.toggler.open .toggler-summary { display:none;}
.toggler.open .toggler-detail { display:block;}
.toggler.open .toggler-btn:before { content:"收起"; }
/* video */
.video { position:relative;text-align:center; cursor:pointer;}
.video img{ max-width:100%;}
.video:before{ content:""; position:absolute;left:0;top:0;width:100%; height:100%; background-color:#000;filter:alpha(opacity=60);opacity:.6;}
.video:after { content:"►"; position:absolute;left:50%;top:50%; margin:-30px 0 0 -30px;width:60px; height:60px; background-color:rgba(255,255,255,.6); border-radius:30px; color:#000; font-size:36px;line-height:58px;text-indent:8px;}
.video h2 { position:absolute;left:0;top:50%; margin-top:40px !important; margin-bottom:0;width:100%; color:#fff; font-size:1rem;}
/* panel-title-line */
div .panel-title-line { white-space:nowrap;text-align:center; overflow:hidden;}
div .panel-title-line > h2{ width:300%; margin-left:-100% !important;display:inline-block; vertical-align:middle;margin-top:0 !important; margin-bottom:0 !important; font-size:1.3rem !important; font-weight:bold !important;}
div .panel-title-line > h2 a{ color:#7C6138; text-decoration:none;}
div .panel-title-line > h2:before{ content:""; display:inline-block; width:30%;height:0; margin-right:10px;border-bottom:1px #7C6138 solid;vertical-align:middle;}
div .panel-title-line > h2:after { content:""; display:inline-block; width:30%;height:0; margin-left:10px;border-bottom:1px #7C6138 solid;vertical-align:middle;}
div .panel-title-line > h2 img { max-height:100%; max-width:10%; margin:0 10px;}
div .panel-title-line > h3 { margin-top:1em; margin-bottom:0;font-size:1rem; font-weight:normal;}
/* loading */
.loading{width:100%;height:100%;position:fixed;top:0; z-index:999; text-align:center;transition:opacity 800ms;-webkit-transition:opacity 800ms; background-color:rgba(255,255,255,.6);}
#loading.remove{ opacity:0;}
.loading:before { content:""; display:inline-block; vertical-align:middle; height:100%;}
.loading-title {display:inline-block;vertical-align:middle;position:relative; z-index:2; color:#fff; padding:15px; border-radius:5px;background:#fff;/*box-shadow:0 0 0 5px rgba(255,255,255,.2);-webkit-box-shadow:0 0 0 5px rgba(255,255,255,.2);*/}
.loading-mask {position:absolute; width:100%; height:100%;left:0;top:0; background:#000;filter:alpha(opacity=00);opacity:.0;}
/* alert */
.alert{width:100%;height:100%;position:fixed;left:0;top:0; z-index:2000; text-align:center; font-size:14px; border:none}
.alert:before { content:""; display:inline-block; vertical-align:middle; height:100%;}
.alert-inside {display:inline-block;vertical-align:middle;position:relative;z-index:2;min-width:300px;border-radius:3px;background:#fff;background:rgba(255,255,255,1);}
.alert-title {display:block; padding:30px;}
.alert-close {display:inline-block;position:absolute;z-index:100;right:-1em;top:-1em;width:2.4em;height:2.4em;text-align:center;line-height:1;background:#fff;border-radius:3em;color:#888;font-size:1em;cursor:pointer;white-space:nowrap;}
.alert-close:before { content:""; display:inline-block; width:0; padding-bottom:105%; vertical-align:middle;}
.alert-close:after { content:"╳"; display:inline-block;vertical-align:middle; font-style:normal; font-family:sans-serif;}
.ie8 .alert-close {right:0;top:0;}
.ie8 .alert-close:after { content:"☓";}
.alert-confirm {display:block;line-height:1.2;padding:13px 0 15px 0; font-size:1.0em;border-top:1px #ddd solid;cursor:pointer; color:#006AA1;}
.alert-confirm:hover { color:#000;}
.alert-mask {position:absolute; width:100%; height:100%;left:0;top:0; background:#000;filter:alpha(opacity=60);opacity:.6;}
.alert img { max-width:90%; max-height:90%}
/* popup */
.popup { position:absolute;width:100%;height:100%;left:0;top:0; z-index:1050; text-align:center; white-space:nowrap;}
.popup:before,.popup:after { content:"";width:0%;height:100%; display:inline-block; vertical-align:middle;}
.popup-inside {display:inline-block;vertical-align:middle; padding:10px; background:#fff; position:relative; z-index:10; white-space:normal;}
.popup-mask {background:#000; position:absolute;width:100%; height:100%;left:0;top:0;;filter:alpha(opacity=80);opacity:.8}
.popup-close {display:inline-block;position:absolute; z-index:1000;right:0;top:0;width:40px;height:40px;text-align:center;line-height:1;background:#fff;color:#888;font-size:20px; cursor:pointer; font-weight:normal; white-space:nowrap;}
.popup-close:before { content:""; display:inline-block; width:0; padding-bottom:100%; vertical-align:middle;}
.popup-close i { display:inline-block;vertical-align:middle; font-style:normal;}
.popup-active,.popup-active body {height:100%; overflow:hidden;}
.popup-fixed .popup{position:fixed;}
.popup-video .popup-inside {width:80%;max-width:1000px;position:relative;border:10px #fff solid; padding:0;}
.popup-video .popup-inside:before { content:""; display:inline-block;width:0%;height:0; vertical-align:top;overflow:hidden;padding-bottom:62.5%;}
.popup-video .popup-main { position:absolute;left:0;top:0;width:100%;height:100%;}
.popup-video .popup-close {right:-50px;top:-10px;}
/**/
.goto-top {display:none;position:fixed;right:0;bottom:0px;background:#0786D3; color:#fff; text-align:center;font-size:10px; line-height:1;padding:10px;opacity:.8;cursor:pointer;}
.goto-top:hover { opacity:1;color:#fff;}
.goto-top:before { content:"︿"; display:block; line-height:0;margin-bottom:1em; text-align:center}
.goto-top:after{ content:"顶部"; display:block;}
.goto-top-show { display:block;}
.breadline {padding: 0.5em 0;}
.breadline * {color: #000;font-size: 14px;}
.breadline a:hover {color:#008DD5;font-size: 14px;}
.breadline * + *:before{content: ">";display: inline-block;padding: 0 0.5em; font-style: normal; font-family: "SimSun","Helvetica", "Arial", "sans-serif";color: #008DD5;}
/* paging */
.paging { text-align:center; padding:2em 0;
font-family:Arial, Consolas,"Trebuchet MS", Verdana, Arial;}
.paging *{ font-size:1em;color: #888;}
.paging a{ display:inline-block; vertical-align: middle;position:relative;width:2em;height:2em;text-align:center;white-space:nowrap; background:#f6f6f6; border:1px #ddd solid;margin:0 .2em; line-height:1;cursor:pointer;overflow: hidden;color:#008DD5!important;}
.paging .paging-disabled{border: 1px #ddd solid!important;color: #ccc!important;cursor: default;}
.paging .paging-prev,.paging .paging-next{ width:auto;padding: 0 1em;line-height: 1}
.paging .paging-prev:before,.paging .paging-next:before{padding: 0; height: 110%;}
.paging a:before{content:"";display:inline-block;width:0;height:105%;vertical-align:middle;}
.paging a.active{ background:#008DD5; border:1px #008DD5 solid!important; color:#fff!important;cursor: default;}
.paging a:hover{border:1px #7691D0 solid;color:#008DD5!important;}
.paging a.active:hover{color:#fff!important;}
.paging a.paging-disabled:hover{border: 1px #ddd solid!important;color: #ccc!important;cursor: default;}
.paging .paging-prev i,
.paging .paging-next i { position:absolute; width:200%;height:200%;left:-50%;top:-50%;font-style:normal; font-size:1.5em;}
.paging .paging-prev i:before ,
.paging .paging-next i:before {content:"";display:inline-block;width:0;height:0;padding-bottom:100%;vertical-align:middle;}
.paging span { font-size:12px; display:inline-block; margin:0 .2em;}
.paging input{width:2em;height:2em;line-height:2em; margin:0 .2em;vertical-align:middle;background:#fff; border:1px #ddd solid; border-radius:.2em; text-align:center; color:#000;}
.fixedbar-fixed {position: fixed;width: 100%;left: 0; top: 0; z-index: 1000;}
.section-next{position: absolute;left:50%;bottom:5%;width: 5em;height: 5em; margin-left: -2.5em;background:no-repeat center;background-size:contain;animation: section-next 1200ms infinite linear;-webkit-animation: section-next 1200ms infinite linear;cursor: pointer;}
.section-next-white{background-image: url(../img/arrow-down-white.png);}
.section-next-black{background-image: url(../img/arrow-down-black.png);}
@keyframes section-next{
0% {transform:translate(0, 0); opacity:0}
50% {transform:translate(0, 2px); opacity:1;}
100% {transform:translate(0, 5px); opacity:0;}
}
@-webkit-keyframes section-next{
0% {-webkit-transform:translate(0, 0); opacity:0}
50% {-webkit-transform:translate(0, 2px); opacity:1;}
100% {-webkit-transform:translate(0, 5px); opacity:0;}
}
.media-pc { display:block !important}
.media-pc-ibk { display:inline-block !important}
.media-mobile,.media-mobile-ibk {display:none !important;}
@media (min-width: 1025px){
.swiper-kv .swiper-center-pc{position: relative;width: 1920px; left: 50%; margin-left: -960px;}
}
@media (min-width: 769px){
.wrap-1440 {max-width: 1440px;margin-left: auto; margin-right: auto;}
*{
scrollbar-face-color:#cccccc; /*面子*/
scrollbar-arrow-color:#fff; /*箭头*/
scrollbar-3dlight-color:#ccc; /*最外左*/
scrollbar-highlight-color:#ccc; /*左二*/
scrollbar-shadow-color:#ccc; /*右二*/
scrollbar-darkshadow-color:#ccc; /*右一*/
scrollbar-track-color:#eeeeee; /*滑道*/
}
::-webkit-scrollbar{width:10px; height:10px;}/*滚动条宽度*/
::-webkit-scrollbar-button{}/*滚动条按钮*/
::-webkit-scrollbar-track{}/*滑道全部*/
::-webkit-scrollbar-track-piece{
background-color:#eee; /*滑道*/
-webkit-border-radius:0px; /*滑道圆角宽度*/
}
::-webkit-scrollbar-thumb{
background-color:#ccc; /*滑动条表面*/
border:solid 2px #ccc; /*滑动条边框*/
border-radius:7px; /*滑动条圆角宽度*/
}
/*横竖滚动条交角*/
::-webkit-scrollbar-corner {
background-color:none;
}
/*横竖滚动条交角图案*/
::-webkit-resizer {
/*background-image: url(/public/img/resizer-inactive.png);*/
background-repeat: no-repeat;
background-position: bottom right;
}
/*鼠标滑过滑动条*/
::-webkit-scrollbar-thumb:hover{
background-color:#bbb;
border:solid 2px #bbb; /*滑动条边框*/
}
}
@media (min-width: 1024px) and (max-width: 1024px){
.wrap {width: 98%;}
input[type=text],input[type=tel],input[type=number],input[type=search],input[type=password], textarea { border-radius:0; appearance:none;-webkit-appearance:none; outline:none; box-shadow:none;}
}
@media (min-width: 768px) and (max-width: 768px){
.wrap {width: 98%;}
.wrap-row {min-width: 0;}
input[type=text],input[type=tel],input[type=number],input[type=search],input[type=password], textarea { border-radius:0; appearance:none;-webkit-appearance:none; outline:none; box-shadow:none;}
.swiper-kv .swiper-center{width: 1200px;margin-left: -600px;}
}
/* 手机开始 */
@media screen and (max-width:767px){
.wrap {width: auto;}
.wrap-row {min-width:0;}
.media-pc, .container-body .media-pc { }
.media-pc-ibk ,.container-body .media-pc-ibk { display:none !important}
.media-mobile,.container-body .media-mobile {display:block !important;}
.media-mobile-ibk,.container-body .media-mobile-ibk {display:inline-block !important;}
*{-webkit-tap-highlight-color:rgba(255,0,0,0);outline:none;}
html { font-size:12px;width: 100%; height:100%;}
body { font-size:12px;width: 100%; height:100%; color:#333;}
ul,li{ margin:0; padding:0; list-style-type:none;}
img {zoom:.6; max-width:100%;} /*手机端2x图片*/
input {color:#7C6138; font-family:Arial,Tahoma,Microsoft YaHei,sans-serif;padding:0;}
::-webkit-input-placeholder { color:rgba(124,97,56,.8);}
input[type=text],input[type=tel],input[type=number],input[type=search],input[type=password], textarea {appearance:none;-webkit-appearance:none; outline:none; box-shadow:none;}
.input {padding: 0.7em 0.6em 0.9em 0.6em;}
.select {padding:0.5em 0.3em 0.6em 0.3em;}
.checkbox-tab label i {padding:.7em 1em .9em;}
.textarea {padding: 0.7em;}
/* button */
.btn {padding:.7em 2em .9em;}
.btn-x1 {padding:.7em 1em .9em;}
.btn-x2 {padding:.7em 2em .9em;}
.btn-x3 {padding:.7em 3em .9em;}
.btn-x4 {padding:.7em 4em .9em;}
.btn-back {padding: 1em;line-height: 1;}
.btn-back:before {content: "";display: inline-block;vertical-align: middle;margin-top: -2px; width: 0.5em; height: 0.5em; border-top: 1px #000 solid;border-left: 1px #000 solid;transform: rotate(-45deg);}
.swiper-kv .swiper-center{position: relative;width: 700px; left: 50%; margin-left: 0;transform: translate(-50%,0)}
.container {}
.frame { display:table;width: 100%; height:100%;transition:transform 300ms;}
.frame-head { display: table-row;width: 100%;}
.frame-body { display: table-row;width: 100%;height: 100%;}
.frame-relative { position:relative; z-index:0;width: 100%;height: 100%;}
.iphone .frame-scroll { -webkit-overflow-scrolling:touch;}
.frame-scroll { position:absolute; z-index:1;width: 100%;height:100%;overflow-x:hidden;overflow-y:auto;box-sizing: border-box;-webkit-box-sizing: border-box; }
.frame-fixed { position:absolute;width: 100%;height: 100%;left:0;top:0; transform:translate(100%,0);-webkit-transform:translate(100%,0); transition:transform 300ms;-webkit-transition:transform 300ms;}
.alert-inside {width:80%;}
/**/
.popup-video .popup-inside {width: 100%;border: none;max-height: 100%;}
.popup-video .popup-close {position: fixed;right: 0;top: 0;font-size: 2em; color: #ddd; background: none;font-family: serif;}
.paging-more{display: block;text-align: center;padding: 1em;margin-top: 1em;}
.breadline {padding: 0.5em;box-sizing: border-box;}
/* .breadline * + *:before{content: "〉";font-size: 1.2em;line-height: 1; transform: scaleY(0.5);}*/
.breadline * + *:before{font-size: 1.0em;line-height: 1; transform: scaleX(0.4);}
}
@media screen and (max-width:320px){
.swiper-kv .swiper-center{width: 550px;}
}
@media (min-width:768px){
html.h100p, .h100p body, .frame ,.frame-body,.frame-relative ,.frame-scroll { height:100%;}
.h100p .frame-body{margin-top:-74px;}
.frame-main{min-height: 100%;margin-bottom: -410px;}
.frame-main:before{content: ""; display: block; height: 74px;}
.frame-main:after{content: ""; display: block; height: 410px;}
}