﻿/* CSS Document */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, button, textarea, blockquote{margin: 0; padding: 0;}
body{font-family: "Microsoft YaHei",Helvetica,Georgia,Arial,sans-serif; overflow-x: hidden; background-color: #181f27;}
h1, h2, h3, h4, h5, h6{font-weight: normal; font-size: 100%;}
address, caption, cite, code, dfn, em, _em, th, var, optgroup{font-style: inherit;}
a:link{text-decoration: none;}
a:visited{text-decoration: none;}
a:hover{text-decoration: none;}
a:actived{text-decoration: none;}
img{vertical-align: top; border: none;}
ol, ul, li{list-style: none;}
li{float: left;}
table{border-collapse: collapse;}
.clearit{clear: both; *display: inline;}
/*a:focus{-moz-outline-style: none;}*/
i, em{font-style: normal;}
/*overflow:hidden; text-overflow:ellipsis; white-space:nowrap;*/
iframe{border: 0; padding: 0; margin: 0;}
#curFrame{width: 1920px; height: 917px; position: absolute; top: 93px; left: 50%; margin-left: -960px; z-index: 6;}
.frame{width: 1920px; height: 917px; position: relative;}
.top{width: 1920px; height: 133px; position: absolute; top: 0; left: 50%; margin-left: -960px; background: url(https://static.web.sdo.com/cq/pic/web4/guide/g_navBg.png) center top no-repeat; z-index: 999;}
.nav{width: 766px; height: 108px; padding-left: 105px; position: absolute; top: 0; left: 50%; margin-left: -383px; background: url(https://static.web.sdo.com/cq/pic/web4/guide/230830/nav-guide.png) center top no-repeat; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;} .nav div{float: left; width: 139px; height: 70px;} .nav div a{display: block; width: 100%; height: 100%;} .nav .navBtn0 a:hover{background: url(https://static.web.sdo.com/cq/pic/web4/guide/230830/nav1-on.jpg) no-repeat;} .nav .navBtn2 a:hover{background: url(https://static.web.sdo.com/cq/pic/web4/guide/230830/nav2-on.jpg) no-repeat;} .nav .navBtn3 a:hover{background: url(https://static.web.sdo.com/cq/pic/web4/guide/230830/nav3-on.jpg) no-repeat;} .nav .navBtn4 a:hover{background: url(https://static.web.sdo.com/cq/pic/web4/guide/230830/nav4-on.jpg) no-repeat;}
.m1{margin-left: 9px;}
.m2{margin-left: 213px;}
.g_fl{width: 264px; height: 740px; position: absolute; left: 30px; top: -833px; z-index: 100; background: url(https://static.web.sdo.com/cq/pic/web4/guide/g_flBg_0725.png) left top no-repeat; transition: all ease-in 1s; -ms-transition: all ease-in 1s; -moz-transition: all ease-in 1s; -webkit-transition: all ease-in 1s;}
.fl_btn1{width: 264px; height: 107px; float: left; margin-top: 18px;} .fl_btn1 a{width: 264px; height: 107px; float: left;} .fl_btn1 a:hover{background: url(https://static.web.sdo.com/cq/pic/web4/guide/fl_btn1C_0725.png) left top no-repeat;}
.fl_btn2{width: 264px; height: 107px; float: left;} .fl_btn2 a{width: 264px; height: 107px; float: left;} .fl_btn2 a:hover{background: url(https://static.web.sdo.com/cq/pic/web4/guide/fl_btn2C_0725.png) left top no-repeat;}
.fl_btn3{width: 264px; height: 107px; float: left;} .fl_btn3 a{width: 264px; height: 107px; float: left;} .fl_btn3 a:hover{background: url(https://static.web.sdo.com/cq/pic/web4/guide/fl_btn3C_0725.png) left top no-repeat;}
.fl_btn4{width: 264px; height: 107px; float: left;} .fl_btn4 a{width: 264px; height: 107px; float: left;} .fl_btn4 a:hover{background: url(https://static.web.sdo.com/cq/pic/web4/guide/fl_btn4C_0725.png) left top no-repeat;}
.fl_closeBtn{width: 264px; height: 107px; float: left;} .fl_closeBtn a{width: 264px; height: 107px; float: left;}
.g_fr{width: 144px; height: 423px; position: fixed; right: 20px; top: 1010px; z-index: 9999; background: url(https://static.web.sdo.com/cq/pic/web4/guide/g_frBg927.png?v=1) right top no-repeat;}
.g_sina{width: 28px; height: 28px; float: left; margin: 186px 0 0 56px;}
.g_backTop{width: 144px; height: 50px; float: left;}
.wrap{width: 100%; max-width: 1920px; height: auto; margin: 0 auto; overflow: hidden; position: relative; background: url(https://static.web.sdo.com/cq/pic/web4/guide/230830/bg-wp2.jpg) center top no-repeat #512b00; min-width: 1280px}
.bnContent{width: 100%; height: 1010px; position: relative; z-index: 30; overflow: hidden;}
.fr{width: 208px; height: 631px; position: absolute; right: 10px; top: 0;}
.fr_top{width: 208px; height: 160px; position: absolute; left: 0; top: 0; z-index: 3; background: url(https://static.web.sdo.com/cq/pic/act/2016/web/0813guide/q_120172.png) center top no-repeat;}
.fr_closeBtn{width: 208px; height: 65px; float: left;}
.fr_guideBtn{width: 208px; height: 95px; float: left;}
.fr_bm{width: 188px; height: 429px; position: absolute; left: 10px; top: -500px; z-index: 2; background: url(https://static.web.sdo.com/cq/pic/web4/guide/bg-nav-r.png) center top no-repeat; transition: all ease-in 1s; -ms-transition: all ease-in 1s; -moz-transition: all ease-in 1s; -webkit-transition: all ease-in 1s;}
.fr_btn1{width: 188px; height: 82px; float: left; margin-top: 35px;}
.fr_btn2{width: 188px; height: 82px; float: left; margin-top: 21px;}
.fr_btn3{width: 188px; height: 82px; float: left; margin-top: 21px;}
.fr_btn4{width: 188px; height: 76px; float: left; margin-top: 21px;}
.fr_goTop{width: 188px; height: 76px; float: left;}
.wrapper{width: 1280px; height: 1010px; margin: 0 auto;}
.w_top{width: 1280px; height: 1010px; float: left; position: relative;}
.logo{width: 227px; height: 82px; position: absolute; top: 0; left: 0;} .logo a{width: 227px; height: 82px; float: left;} .logo a img{width: 100%;}
.btn-cadpa{display: block; position: absolute; top: 815px; left: 50%; width: 105px; height: 137px; margin-left: 380px; background: url("https://static.web.sdo.com/cq/pic/web4/guide/btn-cadpa.png") no-repeat;}
.movBtn{width: 92px; height: 79px; position: absolute; left: 150px; top: 690px; z-index: 9; background: url(https://static.web.sdo.com/cq/pic/act/2016/web/0813guide/movBtn.png) center top no-repeat; animation: x3 1.5s infinite; -ms-animation: x3 1.5s infinite; -webkit-animation: x3 1.5s infinite; -moz-animation: x3 1.5s infinite; -o-animation: x3 1.5s infinite;} .movBtn a{width: 92px; height: 79px; float: left;}
@keyframes x3{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 x3{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 x3{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 x3{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 x3{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);}}
.p1{width: 450px; height: 45px; position: absolute; left: 260px; top: 675px; z-index: 5;}
.slogan{width: 335px; height: 40px; position: absolute; left: 260px; top: 740px; z-index: 5;}
.p3{width: 303px; height: 550px; background: url(https://static.web.sdo.com/cq/pic/web4/guide/slogan0624.png) center top no-repeat; position: absolute; z-index: 1; top: 300px; left: 50%; margin-left: -410px;}
.zlp{width: 48px; height: 167px; background: url(https://static.web.sdo.com/cq/pic/web4/guide/1209/btn-topic.png) center top no-repeat; position: absolute; top: 490px; left: 50%; margin-left: 360px;}
.date{/*width: 564px;*/ position: absolute; top: 410px; left: 50%; margin-left: 85px;}
.mBtn{width: 74px; height: 74px; z-index: 99; position: absolute; top: 190px; left: 50%; margin-left: 85px;} .mBtn a{display: block; width: 74px; height: 74px;} .mBtn a:before{display: block; position: absolute; content: ''; left: 50%; top: 50%; z-index: 2; width: 20px; height: 28px; margin-left: -7px; margin-top: -14px; background: url("https://static.web.sdo.com/cq/pic/web4/guide/230830/ico-tran.png") no-repeat;} .mBtn a:after{display: block; position: absolute; content: ''; width: 100%; height: 100%; background: url("https://static.web.sdo.com/cq/pic/web4/guide/230830/btn-mov.png") no-repeat; -webkit-transform-origin: 50% 50%; -moz-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; -o-transform-origin: 50% 50%; transform-origin: 50% 50%; -webkit-animation: Rotate360 infinite 2s linear; -o-animation: Rotate360 infinite 2s linear; -moz-animation: Rotate360 infinite 2s linear; animation: Rotate360 infinite 2s linear;}
@-webkit-keyframes Rotate360{to{-webkit-transform: rotate(360deg);}}
@-moz-keyframes Rotate360{to{-moz-transform: rotate(360deg);}}
@-o-keyframes Rotate360{to{-o-transform: rotate(360deg);}}
@keyframes Rotate360{to{transform: rotate(360deg);}}
/*@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);}}*/
.topTxt{width: 180px; line-height: 24px; position: absolute; right: 140px; bottom: 60px; font-size: 12px; color: #326e32; font-weight: bold;}
.bnContent2{width: 100%; height: 1390px; min-width: 1280px; position: relative; z-index: 30;}
.main2{width: 1280px; height: 1390px; margin: 0 auto; position: relative; z-index: 90;}
.w_main2{width: 1280px; height: 506px; margin: 0 auto;}
/*中部分*/
.jt{position: relative; width: 1280px; height: 134px; float: left; text-align: center;} .jt a{position: absolute; left: 50%; top: -150px; width: 138px; height: 82px; margin-left: -69px; cursor: default; display: block; animation: x1 0.8s infinite; -webkit-animation: x1 0.8s infinite; -moz-animation: x1 0.8s infinite; -o-animation: x1 0.8s infinite;} .jt a img{width: 100%;}
@keyframes x1{0%,100%{transform: translate(0,0);} 25%{transform: translate(0,-6px);} 75%{transform: translate(0,-12px);}}
@-webkit-keyframes x1{0%,100%{-webkit-transform: translate(0,0);} 25%{-webkit-transform: translate(0,-6px);} 75%{-webkit-transform: translate(0,-12px);}}
@-moz-keyframes x1{0%,100%{-moz-transform: translate(0,0);} 25%{-moz-transform: translate(0,-6px);} 75%{-moz-transform: translate(0,-12px);}}
@-o-keyframes x1{0%,100%{-o-transform: translate(0,0);} 25%{-o-transform: translate(0,-6px);} 75%{-o-transform: translate(0,-12px);}}
.mid{width: 880px; height: 363px; float: left; position: relative; box-shadow: 0 1px 10px rgba(0,0,0,0.8);}
#roll_box{width: 880px; height: 322px; position: absolute; left: 0; top: 0; z-index: 5;} #roll_box li{position: absolute; width: 880px; height: 322px; z-index: 0;} #roll_box li.s{z-index: 1000} /*#roll_box li.h{z-index:0;}
#roll_box li.ss{z-index:999;}*/ #roll_box img{display: block; width: 880px; height: 322px; border: none;}
.roll_navbox{width: 880px; height: 50px; position: absolute; left: 0; top: 313px; z-index: 6; overflow: hidden;}
#roll_nav{height: 50px; width: 1056px;} #roll_nav li{float: left; width: 176px; height: 50px; line-height: 60px; color: #a98255; background: url(https://static.web.sdo.com/cq/pic/web4/guide/btn.png) no-repeat 50% bottom; cursor: pointer; overflow: hidden; font-size: 14px; text-align: center;} #roll_nav li.on{color: #d09f2c; background: url(https://static.web.sdo.com/cq/pic/web4/guide/btnC.png) no-repeat 50% bottom;}
.mov{width: 390px; height: 363px; float: left; margin: 0 0 0 10px;}
/*轮播1 CSS*/
.main_visual{height: 363px; position: relative; box-shadow: 0 1px 10px rgba(0,0,0,0.8);}
.main_image{height: 363px; overflow: hidden; position: relative;} .main_image ul{width: 9999px; height: 363px; overflow: hidden; position: absolute; top: 0; left: 0} .main_image li{width: 390px; height: 363px; float: left; position: relative;}
.pic{width: 390px; height: 363px; float: left; position: relative;} .pic img{width: 390px; height: 363px;}
.movBtn{width: 390px; height: 363px; position: absolute; left: 0; top: 0; z-index: 9; background: url(https://static.web.sdo.com/cq/pic/web4/guide/movBtn.png) center center no-repeat;}
div.flicking_con{position: absolute; top: 300px; left: 0; z-index: 999; width: 390px; height: 50px; display: block;} div.flicking_con ul{width: 350px; height: 50px; float: left; background: url(https://static.web.sdo.com/cq/pic/web4/guide/d.png) left center repeat-x; overflow: hidden; margin: 0 0 0 20px;} div.flicking_con ul li{width: 50px; height: 50px; float: left; padding: 0; margin: 0 50px 0 0; display: block;} div.flicking_con ul li a{width: 50px; height: 50px; float: left; display: block;} div.flicking_con ul li a span{width: 50px; height: 50px; line-height: 50px; float: left; display: block; font-size: 18px; color: #230b02; text-align: center; background: url(https://static.web.sdo.com/cq/pic/web4/guide/bmBtn.png) center top no-repeat;} div.flicking_con ul li a.on span{width: 50px; height: 50px; line-height: 50px; float: left; display: block; font-size: 18px; color: #230b02; text-align: center; background: url(https://static.web.sdo.com/cq/pic/web4/guide/bmBtnC.png) center top no-repeat;} div.flicking_con ul li a i{width: 128px; height: 30px; line-height: 30px; float: left; display: none; font-size: 16px; color: #8a5210; text-align: center;} div.flicking_con ul li a.on i{width: 128px; height: 30px; line-height: 30px; float: left; display: none; font-size: 16px; color: #cba270; text-align: center;}
#btn_prev, #btn_next{z-index: 1111; position: absolute; display: none; width: 1px !important; height: 1px !important; top: 260px; display: block;}
#btn_prev{}
#btn_next{}
.g_main{width: 1280px; height: 590px; float: left;}
.g_tit{width: 1280px; height: 50px; float: left; font-size: 42px; color: #c69850; font-weight: bold; margin: 70px 0 50px 0;}
.g_con{width: 1280px; height: 360px; float: left;} .g_con ul li{width: 244px; height: 360px; float: left; margin-left: 15px;} .g_con ul li:first-child{margin-left: 0;} .g_con ul li a{width: 244px; height: 360px; float: left; background-color: #d5c5a6; position: relative;} .g_con ul li a span{width: 244px; height: 186px; float: left;} .g_con ul li a strong{width: 244px; line-height: 30px; float: left; font-size: 28px; color: #270f01; text-align: center; margin: 60px 0 0 0;} .g_con ul li a em{width: 244px; line-height: 30px; float: left; font-size: 16px; color: #270f01; text-align: center;} .g_con ul li a i{width: 90px; height: 26px; line-height: 26px; float: left; border: 1px #211108 solid; font-size: 14px; color: #270f01; text-align: center; margin: 10px 0 0 77px;} .g_con ul li a h1{width: 244px; height: 186px; position: absolute; left: 0; top: 0; z-index: 3;} .g_con ul li a h2{width: 94px; height: 94px; position: absolute; left: 75px; top: 139px; z-index: 4;} .g_con ul li a:hover h1{background: url(https://static.web.sdo.com/cq/pic/web4/guide/t1.png) center top no-repeat;}
.g_btn{width: 1280px; height: 90px; float: left; margin: 30px 0 0 0;} .g_btn ul li{width: 244px; height: 90px; float: left; margin-left: 15px;} .g_btn ul li:first-child{margin-left: 0;} .g_btn ul li a{width: 244px; height: 90px; float: left; background-color: #3c1902; position: relative; overflow: hidden;} .g_btn ul li a span{width: 114px; height: 56px; position: absolute; left: 0; top: 17px; text-align: center; opacity: 1; filter: alpha(opacity=100); -moz-opacity: 1; -khtml-opacity: 1; transition: all 0.4s ease-out 0s; -webkit-transition: all 0.4s ease-out 0s;} .g_btn ul li a em{width: 100px; height: 26px; line-height: 26px; position: absolute; left: 114px; top: 22px; font-size: 24px; font-weight: bold; color: #cdad70; text-align: right; transition: all 0.4s ease-out 0s; -webkit-transition: all 0.4s ease-out 0s;} .g_btn ul li a i{width: 80px; height: 26px; line-height: 26px; position: absolute; left: 114px; top: 50px; font-size: 14px; color: #d5c5a6; padding-right: 20px; text-align: right; background: url(https://static.web.sdo.com/cq/pic/web4/guide/p11.png) right center no-repeat; transition: all 0.4s ease-out 0s; -webkit-transition: all 0.4s ease-out 0s;} .g_btn ul li a:hover span{left: -114px; opacity: 0; filter: alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0; transition: all 0.4s ease-out 0s; -webkit-transition: all 0.4s ease-out 0s;} .g_btn ul li a:hover em{left: 70px; transition: all 0.4s ease-out 0s; -webkit-transition: all 0.4s ease-out 0s;} .g_btn ul li a:hover i{left: 70px; transition: all 0.4s ease-out 0s; -webkit-transition: all 0.4s ease-out 0s;}
.g_bmBtn{width: 1280px; height: 76px; float: left; text-align: center; margin-top: 70px;} .g_bmBtn a{width: 220px; height: 70px; line-height: 70px; display: inline-table; border: 3px #c79950 solid; font-size: 26px; color: #c79950; text-align: center; margin: 0 50px;}
.h_10{width: 100%; height: 10px; float: left;}
.h_20{width: 100%; height: 20px; float: left;}
.h_30{width: 100%; height: 30px; float: left;}
.h_40{width: 100%; height: 40px; float: left;}
/*视频*/
.alertBox{width: 690px; height: 430px; position: fixed; _position: absolute; z-index: 1000; display: none; top: 50%; left: 50%; margin: -300px 0 0 -345px; _top: expression(documentElement.scrollTop + 330 + "px")}
.close{width: 47px; height: 46px; cursor: pointer; position: absolute; text-indent: -9999px; top: -47px; right: 5px; background: url(https://static.web.sdo.com/cq/pic/web3/guide/s1_close.png) center top no-repeat;}
.alertCon{position: relative;}
.conCon{width: 690px; height: 430px; float: left; display: inline; background: url(https://static.web.sdo.com/cq/pic/web3/guide/loading.gif) center center no-repeat #000;}
.conCon_load{width: 690px; height: 430px; line-height: 620px; position: absolute; left: 0; top: 0; font-size: 28px; color: #9d9d9d; text-align: center; z-index: 2;}
.conCon_con{width: 690px; height: 430px; position: absolute; left: 0; top: 0; z-index: 3;}
#dialog-overlay{width: 100%; height: 100%; filter: alpha(opacity=90); _filter: alpha(opacity=100); -moz-opacity: 0.9; -khtml-opacity: 0.9; opacity: 0.9; position: fixed; _position: absolute; background: #000; top: 0; left: 0; z-index: 100; display: none;}
#dialog-overlay2{width: 100%; height: 430px; filter: alpha(opacity=100); _filter: alpha(opacity=100); -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; position: fixed; _position: absolute; background: #000; top: 300px; left: 0; z-index: 101; display: none;}
/* ====弹窗 */
.overlay{width: 992px; display: block; border: 0px solid #000;} .overlay .close2{cursor: pointer; height: 106px; width: 106px; position: absolute; right: 0; top: 0; z-index: 99;} .overlay .overlayCon{color: #841400; padding: 0; width: 992px; height: 680px; float: left; background: url(https://static.web.sdo.com/cq/pic/web3/guide2/tan_0624.png) center top no-repeat;} .overlay .overlayCon a{width: 992px; height: 570px; float: left; margin-top: 110px;}
.tt1{overflow-y: hidden;}
#overlay{width: 100%; height: 100%; filter: alpha(opacity=80); -moz-opacity: 0.8; -khtml-opacity: 0.8; opacity: 0.8; position: fixed; background: #000; top: 0; left: 0; z-index: 3000; display: block;}
.overlay{position: fixed; z-index: 5000; display: block; top: 100px; left: 50%; margin: 0 0 0 -490px;}
*html, *html body{background-attachment: fixed;}
/*左浮动*/
/*.float-left{position: absolute; left: 0; top: 580px; width: 166px; height: 312px; background: url("https://static.web.sdo.com/cq/pic/web4/guide/fl_left.jpg");z-index: 100}
.float-left-fixed{position: fixed; top: 0; left: 0;}
.float-left-close{position: absolute; top: 0; right: 0; width: 28px; height: 28px; z-index: 99;}
.float-link{position: absolute; top: 0; left: 0; width: 166px; height: 312px; z-index: 98;}*/
/*video 弹窗*/
#overlay_video{position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: #000000; opacity: .8; z-index: 99; display: none;}
.video_box{position: fixed; left: 50%; top: 50%; margin: -230px 0 0 -443px; z-index: 100; width: 886px; height: 500px; display: none;}
