/* 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;}
p,h1,h2,h3,h4,h5,h6{font-weight:normal;font-size:100%;margin: 0}
address, caption, cite, code, dfn, em, th, var, optgroup{font-style:inherit;}
a:link{text-decoration:none;}
a:visited{text-decoration:none;}
a:hover{text-decoration:none;}
img{vertical-align:top;border:none;}
ol,ul,li{list-style:none;}
table{border-collapse:collapse;}
.clearit{clear:both;*display:inline;}
/*a:focus{-moz-outline-style: none;}*/
.h_20{width:100%;height:20px}
.h_30{width:100%;height:30px}
.h_40{width:100%;height:40px}
.h_50{width:100%;height:50px}
.h_60{width:100%;height:60px}
.h_70{width:100%;height:70px}
.fl{float:left;}
.fr{float:right;}
i,em{font-style:normal;}
iframe{border: 0; padding: 0; margin: 0;}
ul{margin: 0; padding: 0;}
/*overflow:hidden; text-overflow:ellipsis; white-space:nowrap;*/

.wrap{
    width: 100%;
    height: 1046px;
    min-width: 1280px;
    position: relative;
    overflow: hidden;
}
.wrap1{
    width: 100%;
    height: 1046px;
    background: url("https://static.web.sdo.com/cq/pic/act/2017/web/0303/wrap1.jpg") no-repeat center top;
    position: absolute;
    overflow: hidden;
}
.wrapper{
    width: 1280px;
    height: 1046px;
    background: url("https://static.web.sdo.com/cq/pic/act/2017/web/0303/rfdf3454545.jpg") no-repeat center top;
    margin: 0 auto;
    padding-top: 10px;
}
.right_btn,.left_btn,.con_left,.con_right,.s_num1,.s_num2,.s_num3,.s_num4,.s_num5,.s_num6,.s_num7,.tab_nav li a{
    background: url("https://static.web.sdo.com/cq/pic/act/2017/web/0303/feft56hggr43.png");
}
.data{
    width: 399px;
    height: 58px;
    background: url("https://static.web.sdo.com/cq/pic/act/2017/web/0303/dsf3453sfdgfr3.png") no-repeat center top;
    margin: 290px auto 0 auto;
}
.top_nav{
    position: absolute;
    right: 76px;
    top: 38px;
    width: 263px;
    height: 29px;
    background: url("https://static.web.sdo.com/cq/pic/act/2017/web/0303/top_nav.png") no-repeat center top;
}
.top_nav a{
    float: left;
}
.topnav{
    width: 50px;
    height: 29px;
    margin: 0 1px;
}
.sina,.tencent,.wx{
    width: 29px;
    height: 29px;
    margin-right: 6px;
}
.top_nav a.sina{
    margin-left: 8px;
}
.top_nav a.wx{
    margin-right: 0;
}
.wx_imgbg{
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: #000000;
    opacity: 0.8;
    z-index: 19;
    display: none;
}
.wx_img{
    width: 404px;
    height: 404px;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    z-index: 20;
    display: none;
}
.wx_close{
    position: absolute;
    top: 0;
    right: -70px;
    cursor: pointer;
}
.nav_left,.nav_right{
    position: absolute;
    top: 370px;
    display: block;
    width: 330px;
    height: 498px;
}
.logo{
    display: block;
    position: absolute;
    top: 20px;
    left: 70px;
}
.logo img{
    width: 230px;
}
.nav_left{
    left: 45px;
    background: url("https://static.web.sdo.com/cq/pic/act/2017/web/0303/nav_left.png") no-repeat center top;
    animation:st 2.2s infinite;-webkit-animation:st 2.2s infinite;
}
.nav_right{
    right: 45px;
    background: url("https://static.web.sdo.com/cq/pic/act/2017/web/0303/nav_right.png") no-repeat center top;
    animation:st 2.2s .2s infinite;-webkit-animation:st 2.2s .2s infinite;
}
@keyframes st {
    0%,100%{transform:translate(0,0px);}
    50%{transform:translate(0,-12px);}
}
@-webkit-keyframes st {
    0%,100%{-webkit-transform:translate(0,0px);}
    50%{-webkit-transform:translate(0,-12px);}
}

/*wrap2部分*/
.wrap2{
    width: 100%;
    height: 1046px;
    background: url("https://static.web.sdo.com/cq/pic/act/2017/web/0303/wrap2.jpg") no-repeat center top;
    position: absolute;
    left: -100%;
    z-index: 10;
    overflow: hidden;
}
.wrap2_main,.wrap3_main{
    width: 1280px;
    height: 1046px;
    margin: 0 auto;
    position: relative;
}
.wrap2_con{
    width: 947px;
    height: 1046px;
    background: url("https://static.web.sdo.com/cq/pic/act/2017/web/0303/dfefr45fa.png") no-repeat center top;
    margin-left: 270px;
    position: relative;
    left: 1600px;
    display: none;
}
/*con_top部分*/
.con_top{
    width: 632px;
    height: 151px;
    margin-left: 178px;
}
.con_left{
    float: left;
    width: 280px;
    height: 151px;
    background-position: -516px -0px;
    -webkit-animation:fadeInLeft 1s .6s ease both;
    -ms-animation:fadeInLeft 1s .6s ease both;
}
@-webkit-keyframes fadeInLeft{
    0%{opacity:0; -webkit-transform:translateX(-50px)}
    100%{opacity:1; -webkit-transform:translateX(0)}
}
@-ms-keyframes fadeInLeft{
    0%{opacity:0; -ms-transform:translateX(-50px)}
    100%{opacity:1; -ms-transform:translateX(0)}
}
.con_right{
    float: left;
    width: 280px;
    height: 151px;
    background-position: -236px -0px;
    -webkit-animation:fadeInRight 1s .6s ease both;
    -ms-animation:fadeInRight 1s .6s ease both;
}
@-webkit-keyframes fadeInRight{
    0%{opacity:0; -webkit-transform:translateX(50px)}
    100%{opacity:1; -webkit-transform:translateX(0)}
}
@-ms-keyframes fadeInRight{
    0%{opacity:0; -ms-transform:translateX(50px)}
    100%{opacity:1; -ms-transform:translateX(0)}
}
.con_num{
    float: left;
    width: 72px;
    height: 72px;
    margin-top: 35px;
    -webkit-animation:bounceIn 1s .6s ease both;
    -ms-animation:bounceIn 1s .6s ease both;
}
@-webkit-keyframes bounceIn{
    0%{opacity:0; -webkit-transform:scale(1.3)}
    100%{opacity:1;-webkit-transform:scale(1)}
}
@-ms-keyframes bounceIn{
    0%{opacity:0;  -ms-transform:scale(1.3)}
    100%{opacity:1;-ms-transform:scale(1)}
}
.con_num1{
    background: url("https://static.web.sdo.com/cq/pic/act/2017/web/0303/t1.png") no-repeat center top;
}
.con_num2{
    background: url("https://static.web.sdo.com/cq/pic/act/2017/web/0303/t2.png") no-repeat center top;
}

.con_title{
    width: 420px;
    height: 64px;
    margin: 40px 0 0 288px;
}
.con_title1{
    background: url("https://static.web.sdo.com/cq/pic/act/2017/web/0303/sfeafe4tgd.png") no-repeat center top;
    position: relative;
}
.add_txt{
    position: absolute;
    top: 75px;
    left: 85px;
    font-size: 18px;
    color: #dbc173;
}
.con_title2{
    background: url("https://static.web.sdo.com/cq/pic/act/2017/web/0303/dfer435ss.png") no-repeat center top;
}
.wrap2_box{
    width: 680px;
    margin: 72px 0 0 165px;
    height: auto;
    font-size: 17px;
    line-height: 28px;
    color: #f9d3b4;
}
.box{
    float: left;
    width: 232px;
    height: 100px;
    padding-left: 64px;
    padding-right: 20px;
    padding-top: 10px;
    margin-right: 24px;
    margin-bottom: 40px;
    background: url("https://static.web.sdo.com/cq/pic/act/2017/web/0303/dfe6d5feboxbg.png") no-repeat center top;
    position: relative;
}
.box a{
    color: #dbc173;
    text-decoration: underline;
}
.s_num{
    position: absolute;
    display: block;
    width: 33px;
    height: 34px;
    top: 14px;
    left: 12px;
}
.s_num1{background-position: -401px -151px}
.s_num2{background-position: -368px -151px}
.s_num3{background-position: -335px -151px}
.s_num4{background-position: -269px -151px}
.s_num5{background-position: -236px -151px}
.s_num6{background-position: -434px -151px}
.s_num7{background-position: -302px -151px}
.l_box{
    float: left;
    width: 570px;
    height: 100px;
    padding-left: 64px;
    padding-right: 22px;
    padding-top: 10px;
    margin-right: 24px;
    margin-bottom: 40px;
    background: url("https://static.web.sdo.com/cq/pic/act/2017/web/0303/lboxbg.png") no-repeat center top;
    position: relative;
}
.box3{
    height: 90px;
    padding-top: 20px;
}
.box4{
    height: 70px;
    padding-top: 40px;
}
.wrap2_nav,.wrap3_nav{
    position: absolute;
    width: 58px;
    height: 392px;
    background: url("https://static.web.sdo.com/cq/pic/act/2017/web/0303/cdfsarefd234on_nav.png") no-repeat center top;
}
.wrap2_nav{
    top: 0;
    right: 15px;
}
.wrap3_nav{
    top: 0;
    left: 45px;
}
.wrap_nav a{
    float: left;
    width: 100%;
    height: 54px;
    margin-bottom: 23px;
}
.wrap_nav a.con_nav1{
    height: 90px;
    margin-top: 50px;
}
.right_btn{
    position: absolute;
    display: block;
    width: 117px;
    height: 192px;
    top: 480px;
    right: 20px;
    background-position: -0px -0px;
    z-index: 12;
    cursor: pointer;
    animation:rt 2.2s .2s infinite;
    -webkit-animation:rt 2.2s .2s infinite;
}
@keyframes rt {
    0%,100%{transform:translate(0,0px);}
    50%{transform:translate(20px,0);}
}
@-webkit-keyframes rt {
    0%,100%{-webkit-transform:translate(0,0px);}
    50%{-webkit-transform:translate(20px,0);}
}
/*wrap3部分*/
.wrap3{
    width: 100%;
    height: 1046px;
    background: url("https://static.web.sdo.com/cq/pic/act/2017/web/0303/wrap3.jpg") no-repeat center top;
    position: absolute;
    left: 100%;
    z-index: 10;
    overflow: hidden;
}
.wrap3_con{
    width: 947px;
    height: 1046px;
    background: url("https://static.web.sdo.com/cq/pic/act/2017/web/0303/dfefr45fa.png") no-repeat center top;
    position: relative;
    left: -1600px;
    display: none;
}
.wrap3_box{
    width: 655px;
    height: 730px;
    margin: 45px 0 0 165px;
}
.tab_nav{
    width: 100%;
    height: 64px;
}
.tab_nav li{
    float: left;
    position: relative;
    margin-right: 9px;
}
.tab_nav li:after{
    content: '';
    position: absolute;
    top: 30px;
    right: -6px;
    width: 3px;
    height: 3px;
    background-color: #d3905a;
}
.tab_nav li.last_li:after{
    display: none;
}
.tab_nav li a{
    float: left;
    width: 81px;
    height: 56px;
    padding: 8px 20px 0 20px;
    background-position: -0px -192px;
    font-size: 18px;
    line-height: 22px;
    color: #d3905a;
    text-align: center;
    font-weight: bold;
}
.tab_nav li a:hover,.tab_nav li a.active{
    color: #7d0d00;
    background-position: -121px -192px;
}
.tab1{  -webkit-animation:fadeInDown 1s .6s ease both; -ms-animation:fadeInDown 1s .6s ease both;}
.tab2{  -webkit-animation:fadeInDown 1s .8s ease both; -ms-animation:fadeInDown 1s .8s ease both;}
.tab3{  -webkit-animation:fadeInDown 1s 1s ease both; -ms-animation:fadeInDown 1s 1s ease both;}
.tab4{  -webkit-animation:fadeInDown 1s 1.2s ease both; -ms-animation:fadeInDown 1s 1.2s ease both;}
.tab5{  -webkit-animation:fadeInDown 1s 1.4s ease both; -ms-animation:fadeInDown 1s 1.4s ease both;}

@-webkit-keyframes fadeInDown{
    0%{opacity:0; -webkit-transform:translateY(-20px)}
    100%{opacity:1; -webkit-transform:translateY(0)}
}
@-ms-keyframes fadeInDown{
    0%{opacity:0; -ms-transform:translateY(-20px)}
    100%{opacity:1; -ms-transform:translateY(0)}
}


.container{
    width: 100%;
    padding-top: 40px;
    display: none;
}
.container1{
    display: block;
}
.wrap3_title{
    width: 100%;
    height: 60px;
    background: url("https://static.web.sdo.com/cq/pic/act/2017/web/0303/line.png") no-repeat center bottom;
    font-size: 30px;
    line-height: 60px;
    color: #d0ad90;
}
.content{
    width: 100%;
    height: 540px;
    margin-top: 20px;
    overflow: auto;
}
.content p{width: 510px; font-size: 14px; line-height: 35px; color: #d0ad90; padding-left: 100px; position: relative; margin-bottom: 5px;}
.content p span{position: absolute;font-weight: bold; left: 0; top: 6px; display: block; width: 84px; height: 26px;border-radius: 26px; background-color: #d0ad90; text-align: center; line-height: 26px;color: #7d0d00}
.content p i{color: #e3a55b;}
.imgbox{width: 500px; margin-left: 90px;text-align: center}
.imgbox2{width: 630px;margin-left: 0;text-align: center}
/*.imgbox2 img{width: 175px}*/
.imgbox img{padding: 6px; margin: 20px 0 20px 10px; border: 2px solid #b32316;}
table{margin: 15px 0 20px 80px; text-align: center; color: #e6cbb3;}
table th{height: 50px; line-height: 50px; font-size: 14px; font-weight: bold;}
table tr{height: 40px; line-height: 40px; font-size: 14px;}
table td{border: 1px solid #e6cbb3;}
table th{border: 1px solid #e6cbb3;}
table span.y_color{color: #e3a55b}
.left_btn{
    position: absolute;
    display: block;
    width: 117px;
    height: 192px;
    top: 480px;
    left: 20px;
    background-position: -117px -0px;
    z-index: 12;
    cursor: pointer;
    animation:lt 2.2s .2s infinite;
    -webkit-animation:lt 2.2s .2s infinite;
}
@keyframes lt {
    0%,100%{transform:translate(0,0px);}
    50%{transform:translate(-20px,0);}
}
@-webkit-keyframes lt {
    0%,100%{-webkit-transform:translate(0,0px);}
    50%{-webkit-transform:translate(-20px,0);}
}