/* default */
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section, summary{display: block;}
audio, canvas, video{display: inline-block; *display: inline; *zoom: 1;} audio:not([controls]){display: none; height: 0;}
[hidden]{display: none;}
html{font-size: 62.5%; -webkit-text-size-adjust: none; -ms-text-size-adjust: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0);}
html, button, input, select, textarea{font-family: Arial, Microsoft Yahei, "微软雅黑", sans-serif;}
body{margin: 0;}
a{color: #fff; outline: none !important;}
body, html{width: 100%; font-family: "Microsoft YaHei","Helvetica Neue",Arial,HelveticaNeue,Helvetica-Neue,Helvetica,"BBAlpha Sans",sans-serif; font-size: 62.5% !important; font-weight: 400 !important;}
/* a:hover{color:#e20821}*/
a:link{text-decoration: none;}
a:focus{outline: thin dotted;}
a:active, a:hover{outline: 0; text-decoration: none;}
h1, h2, h3, h4, h5, h6{margin: 0; font-weight: normal;}
abbr[title]{border-bottom: 1px dotted;}
b, strong{font-weight: bold;}
blockquote{margin: 1em 40px;}
dfn{font-style: italic;}
mark{background: #ff0; color: #000000;}
p, pre{margin: 0;}
code, kbd, pre, samp{font-family: monospace, serif; _font-family: 'courier new', monospace; font-size: 1em;}
pre{white-space: pre; white-space: pre-wrap; word-wrap: break-word;}
q{quotes: none;} q:before, q:after{content: ''; content: none;}
iframe{border: 0; padding: 0; margin: 0;}
dl, menu, ol, ul{margin: 0; padding: 0;}
nav ul, nav ol, ul, ol{list-style: none; list-style-image: none;}
img{border: 0; -ms-interpolation-mode: bicubic;}
svg:not(:root){overflow: hidden;}
figure{margin: 0;}
form{margin: 0;}
fieldset{border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em;}
legend{border: 0; padding: 0; white-space: normal; *margin-left: -7px;}
button, input[type="text"], input[type="password"], input[type="number"], input[type="submit"], input[type="reset"], select, textarea{font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; background: none; border: 0; padding: 0;}
button, input, areatext{line-height: normal; outline: none !important;} button, html input[type="button"], input[type="reset"], input[type="submit"]{-webkit-appearance: button; cursor: pointer; *overflow: visible;} button[disabled], input[disabled]{cursor: default;} input[type="checkbox"], input[type="radio"]{box-sizing: border-box; padding: 0; *height: 13px; *width: 13px;} input[type="search"]{-webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box;} input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration{-webkit-appearance: none;} button::-moz-focus-inner, input::-moz-focus-inner{border: 0; padding: 0;}
textarea{overflow: auto; vertical-align: top;}
table{border-collapse: collapse; border-spacing: 0;}
ul{margin: 0; padding: 0;}
hr{display: block; clear: both; zoom: 1; height: 0; line-height: 0; border: 0; padding: 0; content: ""; font-size: 0;}
/* clearFix */
.clearFix:after{clear: both; content: "."; display: block; font-size: 0; height: 0; line-height: 0; visibility: hidden;}
.clearFix{clear: both; zoom: 1;}
/*************************************/
body{width: 80rem; margin: 0;}
/* Header */
header{width: 80rem; height: 140rem; float: left; background: url(https://static.web.sdo.com/cq/pic/act/m/01/guide/0308/bg-top-sy2.jpg) left top no-repeat #150505; background-size: 100% 140rem; position: relative;}
.logo{width: 26rem; height: 12rem; position: absolute; left: 50%; top: 0; margin-left: -13rem;} .logo img{width: 26rem;}
.btn{width: 80rem; height: 12.6rem; position: absolute; left: 0; bottom: 0; z-index: 3; background: url(https://static.web.sdo.com/cq/pic/mobile/sy/01/btn_20160630c.png) no-repeat center top; background-size: 80rem 12.6rem;}
.btn0{width: 29.5rem; height: 12.6rem; float: left;} .btn0 span{width: 15rem; line-height: 3.6rem; float: left; margin: 4rem 0 0 11.4rem; font-size: 3rem; font-weight: bold; color: #d8c9a6;}
.btn1{width: 21rem; height: 12.6rem; float: left;}
.btn2{width: 29.5rem; height: 12.6rem; float: left;} .btn2 span{width: 15rem; line-height: 3.6rem; float: left; margin: 4rem 0 0 11.4rem; font-size: 3rem; font-weight: bold; color: #d8c9a6;}
.date{position: absolute; left: 0; bottom: 26rem; width: 80rem; height: 6.4rem; color: #df2c04; font-size: 3.2rem; line-height: 6.4rem; font-weight: bold; white-space: nowrap; text-align:center;} .date i{margin-right: .4rem;} .date a{color: #eed8f2;}
.tBtn{position: absolute; bottom: 0; left: 0; width: 80rem; height: 12rem; z-index: 3; text-align: center;} .tBtn a{width: 22rem; height: 100%; display: inline-block}
/* Main */
.main{width: 80rem; float: left; background-color: #150505;}
/* 首页轮播一 */
.lunbo1{width: 80rem; height: 45rem; float: left; overflow: hidden;}
.main_visual2{width: 80rem; height: 45rem; overflow: hidden; position: relative;}
.main_image2{height: 45rem; overflow: hidden; position: relative;} .main_image2 ul{width: 999rem; height: 45rem; overflow: hidden; position: absolute; top: 0; left: 0;} .main_image2 li{width: 80rem; height: 45rem; float: left; position: relative;} .main_image2 li a{width: 80rem; height: 45rem; float: left;} .main_image2 li a img{width: 80rem; height: 45rem;}
section.flicking_con2{width: 80rem; height: 4.3rem; position: absolute; bottom: 10px; left: 0; z-index: 999; text-align: center;} section.flicking_con2 a{width: 4.2rem; height: 4.3rem; margin: 0 1rem; display: inline-table; background: url(https://static.web.sdo.com/cq/pic/mobile/sy/01/btn.png) no-repeat left top; background-size: 4.2rem 4.3rem;} section.flicking_con2 a.on{background: url(https://static.web.sdo.com/cq/pic/mobile/sy/01/btnC.png) no-repeat left top; background-size: 4.2rem 4.3rem;}
#btn_prev2, #btn_next2{z-index: 11111; position: absolute; display: none; width: 0.1rem; height: 0.1rem; bottom: 0;}
#btn_prev2{}
#btn_next2{}
.app_ewm{width: 80rem; height: 34.2rem; float: left; text-align: center; margin: 4rem 0 2rem 0;} .app_ewm img{width: 34rem;}
.txt1{width: 80rem; float: left;} .txt1 span{width: 80rem; line-height: 6rem; float: left; font-size: 4rem; color: #ead6bd; text-align: center;} .txt1 i{width: 80rem; line-height: 5rem; float: left; font-size: 3rem; color: #9c7f5b; text-align: center;}
.bmBtn{width: 71.4rem; float: left; margin: 3rem 4.3rem 7rem 4.3rem;} .bmBtn ul li{width: 22.2rem; height: 22.8rem; float: left; margin: 0.8rem;} .bmBtn ul li a{width: 22.2rem; height: 22.8rem; float: left; position: relative;} .bmBtn ul li a i{width: 22.2rem; line-height: 4rem; position: absolute; left: 0; bottom: 2.5rem; z-index: 3; font-size: 3rem; color: #fff; text-align: center;} .bmBtn ul li a span{width: 22.2rem; line-height: 4rem; position: absolute; left: 0; bottom: 1rem; z-index: 3; font-size: 3rem; color: #fff; text-align: center;}
.b1{background: url(https://static.web.sdo.com/cq/pic/mobile/sy/01/wx.jpg) no-repeat center top; background-size: 22.2rem 22.8rem;}
.b2{background: url(https://static.web.sdo.com/cq/pic/mobile/sy/01/sina.jpg) no-repeat center top; background-size: 22.2rem 22.8rem;}
.b3{background: url(https://static.web.sdo.com/cq/pic/mobile/sy/01/qqwb.jpg) no-repeat center top; background-size: 22.2rem 22.8rem;}
.b4{background: url(https://static.web.sdo.com/cq/pic/mobile/sy/01/bd.jpg) no-repeat center top; background-size: 22.2rem 22.8rem;}
.b5{background: url(https://static.web.sdo.com/cq/pic/mobile/sy/01/yy.jpg) no-repeat center top; background-size: 22.2rem 22.8rem;}
.b6{background: url(https://static.web.sdo.com/cq/pic/mobile/sy/01/qq.jpg) no-repeat center top; background-size: 22.2rem 22.8rem;}
/* Footer */
footer{width: 80rem; height: 36rem; float: left; background-color: #24110d;}
.bq{width: 80rem; height: 12rem; float: left; background: url(https://static.web.sdo.com/cq/pic/mobile/sy/01/bq.png) center center no-repeat; background-size: 49.2rem 6.6rem;}
.f_txt{width: 80rem; line-height: 4rem; float: left; font-size: 1.9rem; color: #887662; text-align: center;} .f_txt p{width: 75rem; margin: 0 auto; color: #a99885; border-top: 1px solid #887662; margin-top: 1rem; padding-top: 1rem;}
/* ====弹窗 */
.overlay{width: 80rem; display: none; border: 0px solid #000;} .overlay .close{cursor: pointer; width: 15.7rem; height: 15.7rem; margin: 0; position: absolute; right: 2rem; top: 0; z-index: 9999;} .overlay .close img{width: 15.7rem;} .overlay .overlayCon{width: 80rem; height: 100%; float: left; position: relative; position: relative; z-index: 9000;} /*.overlay .overlayCon em{width:40.8rem; position:absolute; left:0rem;top:0; z-index:99; padding:25rem 20rem 40.2rem 19.2rem; text-align:center;}
.overlay .overlayCon em img{width:36.8rem; padding:1.2rem;border:0.8rem #6f1502 solid;-webkit-border-radius:2rem; -moz-border-radius:2rem; border-radius:2rem;}*/ .overlay .overlayCon em{width: 80rem; height: 60rem; float: left; text-align: center;} .overlay .overlayCon em img{width: 80rem; padding-top: 20rem;} .overlay .overlayCon span{width: 80rem; line-height: 6rem; font-size: 4rem; color: #ead6bd; text-align: center; float: left; margin: 2rem 0 0 0;} .overlay .overlayCon span i{font-size: 3rem; color: #9c7f5b;}
#overlay{width: 100%; height: 100%; filter: alpha(opacity=80); -moz-opacity: 0.8; -khtml-opacity: 0.8; opacity: 0.8; position: absolute; background: #000; top: 0; left: 0; z-index: 3000; display: none;}
.overlay{position: absolute; z-index: 5000; display: none; top: 0; left: 0; margin: 0;}
*html, *html body /* IE6bug */{background-image: url(about:blank); background-attachment: fixed;}
/*video*/
.btn-video{display: block; position: absolute; left: 50%; bottom: 15rem; width: 10.4rem; height: 10.4rem; margin-left: -5.2rem; background: url("https://static.web.sdo.com/cq/pic/web4/0308/guide/btn-mov.png") no-repeat; background-size: 100% 100%; animation: x2 1s infinite; -ms-animation: x2 1s infinite; -webkit-animation: x2 1s infinite; -moz-animation: x2 1s infinite; -o-animation: x2 1s infinite;}
@keyframes x2{0%,100%{transform: scale3d(1, 1, 1); -moz-transform: scale3d(1, 1, 1); -ms-transform: scale3d(1, 1, 1); -webkit-transform: scale3d(1, 1, 1); -o-transform: scale3d(1, 1, 1);} 50%{transform: scale3d(0.9, 0.9, 1); -moz-transform: scale3d(0.9, 0.9, 1); -ms-transform: scale3d(0.9, 0.9, 1); -webkit-transform: scale3d(0.9, 0.9, 1); -o-transform: scale3d(0.9, 0.9, 1);} 75%{transform: scale3d(1.1, 1.1, 1); -moz-transform: scale3d(1.1, 1.1, 1); -ms-transform: scale3d(1.1, 1.1, 1); -webkit-transform: scale3d(1.1, 1.1, 1); -o-transform: scale3d(1.1, 1.1, 1);}}
@-webkit-keyframes x2{0%,100%{transform: scale3d(1, 1, 1); -moz-transform: scale3d(1, 1, 1); -ms-transform: scale3d(1, 1, 1); -webkit-transform: scale3d(1, 1, 1); -o-transform: scale3d(1, 1, 1);} 50%{transform: scale3d(0.9, 0.9, 1); -moz-transform: scale3d(0.9, 0.9, 1); -ms-transform: scale3d(0.9, 0.9, 1); -webkit-transform: scale3d(0.9, 0.9, 1); -o-transform: scale3d(0.9, 0.9, 1);} 75%{transform: scale3d(1.1, 1.1, 1); -moz-transform: scale3d(1.1, 1.1, 1); -ms-transform: scale3d(1.1, 1.1, 1); -webkit-transform: scale3d(1.1, 1.1, 1); -o-transform: scale3d(1.1, 1.1, 1);}}
@-moz-keyframes x2{0%,100%{transform: scale3d(1, 1, 1); -moz-transform: scale3d(1, 1, 1); -ms-transform: scale3d(1, 1, 1); -webkit-transform: scale3d(1, 1, 1); -o-transform: scale3d(1, 1, 1);} 50%{transform: scale3d(0.9, 0.9, 1); -moz-transform: scale3d(0.9, 0.9, 1); -ms-transform: scale3d(0.9, 0.9, 1); -webkit-transform: scale3d(0.9, 0.9, 1); -o-transform: scale3d(0.9, 0.9, 1);} 75%{transform: scale3d(1.1, 1.1, 1); -moz-transform: scale3d(1.1, 1.1, 1); -ms-transform: scale3d(1.1, 1.1, 1); -webkit-transform: scale3d(1.1, 1.1, 1); -o-transform: scale3d(1.1, 1.1, 1);}}
@-ms-keyframes x2{0%,100%{transform: scale3d(1, 1, 1); -moz-transform: scale3d(1, 1, 1); -ms-transform: scale3d(1, 1, 1); -webkit-transform: scale3d(1, 1, 1); -o-transform: scale3d(1, 1, 1);} 50%{transform: scale3d(0.9, 0.9, 1); -moz-transform: scale3d(0.9, 0.9, 1); -ms-transform: scale3d(0.9, 0.9, 1); -webkit-transform: scale3d(0.9, 0.9, 1); -o-transform: scale3d(0.9, 0.9, 1);} 75%{transform: scale3d(1.1, 1.1, 1); -moz-transform: scale3d(1.1, 1.1, 1); -ms-transform: scale3d(1.1, 1.1, 1); -webkit-transform: scale3d(1.1, 1.1, 1); -o-transform: scale3d(1.1, 1.1, 1);}}
@-o-keyframes x2{0%,100%{transform: scale3d(1, 1, 1); -moz-transform: scale3d(1, 1, 1); -ms-transform: scale3d(1, 1, 1); -webkit-transform: scale3d(1, 1, 1); -o-transform: scale3d(1, 1, 1);} 50%{transform: scale3d(0.9, 0.9, 1); -moz-transform: scale3d(0.9, 0.9, 1); -ms-transform: scale3d(0.9, 0.9, 1); -webkit-transform: scale3d(0.9, 0.9, 1); -o-transform: scale3d(0.9, 0.9, 1);} 75%{transform: scale3d(1.1, 1.1, 1); -moz-transform: scale3d(1.1, 1.1, 1); -ms-transform: scale3d(1.1, 1.1, 1); -webkit-transform: scale3d(1.1, 1.1, 1); -o-transform: scale3d(1.1, 1.1, 1);}}
#overlay{width: 80rem; height: 100%; filter: alpha(opacity=90); -moz-opacity: 0.9; -khtml-opacity: 0.9; opacity: 0.9; position: fixed; background: #000000; top: 0; left: 0; z-index: 3000; display: none;}
.popup-video{display: none; position: fixed; top: 50%; left: 50%; z-index: 15000; width: 80rem; margin-left: -40rem; margin-top: -30rem; transition: transform .3s; -webkit-transition: -webkit-transform .3s; -moz-transition: -moz-transform .3s; -o-transition: -o-transform .3s;} .popup-video .btn-close{position: absolute; display: block; top: -9rem; left: 50%; width: 8rem; height: 8rem; margin-left: -4rem; background: url("https://static.web.sdo.com/cq/pic/cqsy_yd/m/btn-close.png") no-repeat; background-size: 100% 100%;} .popup-video video{width: 100%;}
/*video end*/
.btn-cadpa{display: block; position: absolute; top: 81.5rem; right: 5rem; width: 8.1rem; height: 10.6rem; background: url("https://static.web.sdo.com/cq/pic/web4/guide/btn-cadpa.png") no-repeat; background-size: 100% 100%}
