/* reset */
body,dl,dd,ul,ol,h1,h2,h3,h4,h5,h6,p,form{margin:0}
body,button,input,select,textarea{font:12px/1.5 tahoma,'\5b8b\4f53',sans-serif}
h1,h2,h3,h4,h5,h6{font-size:100%}
em,b{font-style:normal}
a{text-decoration:none}
a:hover{text-decoration:none}
a:focus{outline: none;}
img{border:0; display: block;}
button,input,select,textarea{font-size:100%;outline:none}
table{border-collapse:collapse;border-spacing:0}
td,th,ul,ol{padding:0}
ul,ol{list-style-type: none}
/* page */
body{font-family: "\5FAE\8F6F\96C5\9ED1"; -webkit-user-select: text !important; user-select:text !important;}
.wrap,.bg{width: 100%;  min-width: 1000px; overflow: hidden;}
.wrap{ background: url("/images/p2-dabg.jpg");}
.bg{background: url("http://note.youdao.com/yws/api/personal/file/WEB8f5728ab36c7e7487944d10b03a955b9?method=download&inline=true&shareKey=ce95ace8470825b90a29fc798ab25070") no-repeat center top ; }
.main{width: 1200px;margin: 0 auto; position: relative;  z-index: 2; padding-bottom: 30px;}
.line-box{width: 1200px; margin: 0 auto; overflow: hidden;}
.scene{width: 100%; height: 1678px; position: absolute; left: 0; top: 0; overflow: hidden;}
.layer7{left: -200px !important;  top: -270px !important; width: 1862px !important; height: 1608px !important;}
.layer6{left: 609px !important;  top: 206px !important; width: 71px !important; height: 71px !important; }
.layer5{left: 250px !important;  top: 377px !important; width: 236px !important; height: 236px !important; }
.layer4{left: 1705px !important;  top: 635px !important; width: 100px !important; height: 100px !important; }
.plane{width: 774px; position: absolute; right: 0; top: 102px;}
.text1{width: 377px;position: absolute; left: 311px; top: 353px;}
.text2{width: 386px; position: absolute; left: 549px; top: 465px;}
.text3{width: 380px; position: absolute; left: 415px; top: 580px}
*{
    margin:0; 
    padding:0;
	box-sizing: border-box;
  }
  a{
    text-decoration: none;
  }
  img{
    max-width: 100%; 
    height: auto;
  }
  .weixin-tip{
    display: none; 
    position: fixed; 
    left:0; 
    top:0; 
    bottom:0; 
    background: rgba(0,0,0,0.8); 
    filter:alpha(opacity=80); 
    height: 100%; 
    width: 100%; 
    z-index: 100;
  }
  .weixin-tip p{
    text-align: center; 
    margin-top: 10%; 
    padding:0 5%;
  }
.num{background: url("/images/num.png") no-repeat;}
.gray .num0{width: 20px; height: 22px; background-position: -2px 0;}
.gray .num1{width: 11px; height: 22px; background-position: -29px 0;}
.gray .num2{width: 20px; height: 22px; background-position: -48px 0;}
.gray .num3{width: 18px; height: 22px; background-position: -72px 0;}
.gray .num4{width: 21px; height: 22px; background-position: -93px 0;}
.gray .num5{width: 19px; height: 22px; background-position: -117px 0;}
.gray .num6{width: 20px; height: 22px; background-position: -140px 0;}
.gray .num7{width: 20px; height: 22px; background-position: -163px 0;}
.gray .num8{width: 19px; height: 22px; background-position: -186px 0;}
.gray .num9{width: 20px; height: 22px; background-position: -209px 0;}
.white .num0{width: 26px; height: 29px; background-position: -1px -32px;}
.white .num1{width: 15px; height: 29px;  background-position: -37px -32px;}
.white .num2{width: 27px; height: 29px;  background-position: -60px -32px;}
.white .num3{width: 24px; height: 29px;  background-position: -91px -32px;}
.white .num4{width: 28px; height: 29px;  background-position: -117px -32px;}
.white .num5{width: 26px; height: 29px;  background-position: -148px -32px;}
.white .num6{width: 27px; height: 29px;  background-position: -176px -32px;}
.white .num7{width: 27px; height: 29px;  background-position: -205px -32px;}
.white .num8{width: 26px; height: 29px;  background-position: -234px -32px;}
.white .num9{width: 27px; height: 29px;  background-position: -262px -32px;}
.time-line{width: 100%; height: 340px; position: relative; margin-top:700px;}

.line1{width: 97px;  position: absolute; left: 46px; top: 95px; }
.line2{width: 318px;  position: absolute; left: 155px; top: 95px; }
.line3{width: 312px;  position: absolute; left: 500px; top: 70px; }
.line4{width: 312px;  position: absolute; left: 745px; top: 45px; }
/*.line4{width: 312px;  position: absolute; left: 800px; top: 70px; }*/
.box{ z-index: 2}
.box a{width: 100%; height: 100%; display: block; position: absolute; left: 0; top: 0; z-index: 3;}
.time-line .times{width: 100%; text-align: center; margin-top:27px;}
.times span{display:inline-block;}
.time-line .txt{width: 100%; text-align: center; line-height: 28px; margin-top: 5px;}
.white .dian{width:9px; height: 6px;display: inline-block; background: #fff}
.gray .dian{width:7px; height: 4px;display: inline-block; background: #515051;}
.white .txt{color: #ffffff; font-size: 17px;}
.gray .txt{color: #a5a5a5; font-size: 15px;}
.q1{position: absolute; top: 70px; left: 58px; width: 172px;}
.q1 .gray .star{width: 104px; height: 78px; margin: 0 auto; background: url("/images/q1.png-v=1.png") no-repeat; }
.q1 .hover .star{width: 104px; height: 78px; margin: 0 auto; background: url("/images/q1-hover.png-v=1.png") no-repeat; }
.q1 .white .star{width: 141px; height: 105px; margin: 0 auto; background: url("/images/q1-white.png-v=1.png") no-repeat; }
.q2{position: absolute; top: 117px; left: 404px; width: 172px;}
.q2 .gray .star{width: 92px; height: 83px; margin-left: 47px; background: url("/images/q2.png") no-repeat;}
.q2 .hover .star{width: 92px; height: 83px; margin-left: 47px; background: url("/images/q2-hover.png") no-repeat;}
.q2 .white .star{width: 116px; height: 104px; margin-left: 36px; background: url("/images/q2-white.png-v=1.png") no-repeat;}
.q3{position: absolute; top: 20px; left: 725px; width: 195px;}
.q3 .gray .star{width: 148px; height: 81px; margin: 0 auto; background: url("/images/q3.png-v=1.png") no-repeat;}
.q3 .hover .star{width: 148px; height: 81px; margin: 0 auto; background: url("/images/q3-hover.png-v=1.png") no-repeat;}
.q3 .white .star{width: 195px; height: 106px; margin: 0 auto; background: url("/images/q3-white.png-v=1.png") no-repeat;}
.q4{position: absolute; top: 78px; left: 967px; width: 175px;}
.q4 .gray .star{width: 77px; height: 76px; margin: 0 auto; background: url("/images/q4.png-v=1.png") no-repeat}
.q4 .hover .star{width: 77px; height: 76px; margin: 0 auto; background: url("/images/q4-hover.png-v=1.png") no-repeat}
.q4 .white .star{width: 96px; height: 95px; margin: 0 auto; background: url("/images/q4-white.png-v=1.png") no-repeat}
    /*.times .m1{width: }*/
.login{width: 1033px; text-align: right; margin: 50px 0; font-style: italic}
.login, .login a{color: #787878; font-size: 12px;}

/*切换的内容*/
.tab-cont{width: 100%; overflow: hidden; margin: 70px auto 0;}
.cont{width: 100%; overflow: hidden; display: none}
.kuang{width: 1034px; height: 361px; background: url("http://note.youdao.com/yws/api/personal/file/WEB752731ca8389f3202c353be75f3ae385?method=download&inline=true&shareKey=5bf80f724b88899774432ed2165c460d") no-repeat;  position: relative; margin: 0 auto;}
.kuang2{width: 1034px; height: 361px; background: url("/images/kuang2.png") no-repeat;  position: relative; margin: 0 auto;}
.kuang .introduce{position: absolute; left: 298px; top: 30px;  width: 720px; color: #ffffff; font-size: 17px;}
.introduce p{width: 100%; line-height: 28px;}
.introduce p span{padding-right: 15px; display: inline-block; font-weight: bold;}
.btn-take{ width:255px; height: 64px; background: url("/images/btn-take.png") no-repeat; display: block; margin: -32px auto 0; position: relative}
/*动画*/

.plane{opacity: 0; animation:lt .8s .2s ease both; -moz-animation:lt .8s .2s ease both;}
.text1{opacity: 0; animation:skt 1s .4s ease both; -moz-animation:skt 1s .4s ease both;}
.text2{opacity: 0; animation:skt 1s .7s ease both; -moz-animation:skt 1s .7s ease both;}
.text3{opacity: 0; animation:skt 1s .9s ease both; -moz-animation:skt 1s .9s ease both;}
.time-line{opacity: 0; animation:skt 1s .9s ease both; -moz-animation:skt 1s .9s ease both;}

@keyframes lt {
    0%{opacity: 0; transform:translate(-100px,100px) }
    100% {opacity: 1; transform:translate(0, 0)}
}
@-moz-keyframes lt {
    0%{opacity: 0; -moz-transform:translateY(100px)}
    100% {opacity: 1;  -moz-transform:translateY(0)}
}

@keyframes skt {
    0%{opacity: 0; transform:translateY(100px)}
    100% {opacity: 1; transform:translateY(0)}
}
@-moz-keyframes skt {
    0%{opacity: 0; -moz-transform:translateY(100px)}
    100% {opacity: 1;  -moz-transform:translateY(0)}
}



.line1-play{animation:line1 .8s 0s ease both; -moz-animation:line1 .8s 0s ease both;}
.line1-rotate{animation:line1R .8s 0s ease both; -moz-animation:line1R .8s 0s ease both}
.line1-rotate2{animation:line1R2 .8s 0s ease both; transform-origin: 100% 100%; -moz-animation:line1R2 .8s 0s ease both; -moz-transform-origin: 100% 100%;}
.line1-playf{animation:line1f .8s 0s ease both; -moz-animation:line1f .8s 0s ease both;}
.line1-rotatef{animation:line1Rf .8s 0s ease both;  -moz-animation:line1Rf .8s 0s ease both;}
.line1-rotate2f{animation:line1R2f .8s 0s ease both; transform-origin: 100% 100%; -moz-animation:line1R2f .8s 0s ease both; -moz-transform-origin: 100% 100%;}

.line2-play{animation:line1 .8s 0s ease both;  -moz-animation:line1 .8s 0s ease both;}
.line2-rotate{animation:line2R .8s 0s ease both; transform-origin: 0 0; -moz-animation:line2R .8s 0s ease both; -moz-transform-origin: 0 0;}
.line2-rotate2{animation:line2R2 .8s 0s ease both; transform-origin: 100% 0; -moz-animation:line2R2 .8s 0s ease both; -moz-transform-origin: 100% 0;}
.line2-playf{animation:line1f .8s 0s ease both; -moz-animation:line1f .8s 0s ease both;}
.line2-rotatef{animation:line2Rf .8s 0s ease both; transform-origin: 0 0; -moz-animation:line2Rf .8s 0s ease both; -moz-transform-origin: 0 0;}
.line2-rotate2f{animation:line2R2f .8s 0s ease both; transform-origin: 100% 0; -moz-animation:line2R2f .8s 0s ease both; -moz-transform-origin: 100% 0;}

.line3-play{animation:line1 .8s 0s ease both; -moz-animation:line1 .8s 0s ease both;}
.line3-rotate{animation:line3R .8s 0s ease both; transform-origin: 0 0; -moz-animation:line3R .8s 0s ease both; -moz-transform-origin: 0 0;}
.line3-rotate2{animation:line3R2 .8s 0s ease both; transform-origin: 100% 0; -moz-animation:line3R2 .8s 0s ease both; -moz-transform-origin: 100% 0;}
.line3-playf{animation:line1f .8s 0s ease both; -moz-animation:line1f .8s 0s ease both;}
.line3-rotatef{animation:line3Rf .8s 0s ease both; transform-origin: 0 0; -moz-animation:line3Rf .8s 0s ease both; -moz-transform-origin: 0 0;}
.line3-rotate2f{animation:line3R2f .8s 0s ease both; transform-origin: 100% 0; -moz-animation:line3R2f .8s 0s ease both; -moz-transform-origin: 100% 0;}

.line4-play{animation:line1 .8s 0s ease both; -moz-animation:line1 .8s 0s ease both;}
.line4-rotate{animation:line4R .8s 0s ease both; transform-origin: 0 0; -moz-animation:line4R .8s 0s ease both; -moz-transform-origin: 0 0;}
.line4-playf{animation:line1f .8s 0s ease both; -moz-animation:line1f .8s 0s ease both;}
.line4-rotatef{animation:line4Rf .8s 0s ease both; transform-origin: 0 0; -moz-animation:line4Rf .8s 0s ease both; -moz-transform-origin: 0 0;}
/*.line3-rotate2{animation:line3R2 .8s .2s ease both; transform-origin: 100% 0;}*/
@keyframes line1 {
    0% {transform:translateY(0)}
    100% {transform:translateY(-20px)}
}
@keyframes line1R {
    0% {transform:rotate(0)}
    100% {transform:rotate(-7deg)}
}
@keyframes line1R2 {
    0% {transform:rotate(0)}
    100% {transform:rotate(3deg)}
}

@keyframes line1f {
    0% {transform:translateY(-20px)}
    100% {transform:translateY(0)}
}
@keyframes line1Rf {
    0% {transform:rotate(-7deg)}
    100% {transform:rotate(0)}
}
@keyframes line1R2f {
    0% {transform:rotate(3deg)}
    100% {transform:rotate(0)}
}


@keyframes line2R {
    0% {transform:rotate(0)}
    100% {transform:rotate(-4deg)}
}
@keyframes line2R2 {
    0% {transform:rotate(0)}
    100% {transform:rotate(4deg)}
}

@keyframes line2Rf {
    0% {transform:rotate(-4deg)}
    100% {transform:rotate(0)}
}
@keyframes line2R2f {
    0% {transform:rotate(4deg)}
    100% {transform:rotate(0)}
}


@keyframes line3R {
    0% {transform:rotate(0)}
    100% {transform:rotate(-4deg)}
}
@keyframes line3R2 {
    0% {transform:rotate(0)}
    100% {transform:rotate(4deg)}
}

@keyframes line3Rf {
    0% {transform:rotate(-4deg)}
    100% {transform:rotate(0)}
}
@keyframes line3R2f {
    0% {transform:rotate(4deg)}
    100% {transform:rotate(0)}
}

@keyframes line4R {
    0% {transform:rotate(0)}
    100% {transform:rotate(-4deg)}
}
@keyframes line4Rf {
    0% {transform:rotate(-4deg)}
    100% {transform:rotate(0)}
}

/*火狐动画*/
@-moz-keyframes line1 {
    0% {-moz-transform:translateY(0)}
    100% {-moz-transform:translateY(-20px)}
}
@-moz-keyframes line1R {
    0% {-moz-transform:rotate(0)}
    100% {-moz-transform:rotate(-7deg)}
}
@-moz-keyframes line1R2 {
    0% {-moz-transform:rotate(0)}
    100% {-moz-transform:rotate(3deg)}
}

@-moz-keyframes line1f {
    0% {-moz-transform:translateY(-20px)}
    100% {-moz-transform:translateY(0)}
}
@-moz-keyframes line1Rf {
    0% {-moz-transform:rotate(-7deg)}
    100% {-moz-transform:rotate(0)}
}
@-moz-keyframes line1R2f {
    0% {-moz-transform:rotate(3deg)}
    100% {-moz-transform:rotate(0)}
}


@-moz-keyframes line2R {
    0% {-moz-transform:rotate(0)}
    100% {-moz-transform:rotate(-4deg)}
}
@-moz-keyframes line2R2 {
    0% {-moz-transform:rotate(0)}
    100% {-moz-transform:rotate(4deg)}
}

@-moz-keyframes line2Rf {
    0% {-moz-transform:rotate(-4deg)}
    100% {-moz-transform:rotate(0)}
}
@-moz-keyframes line2R2f {
    0% {transform:rotate(4deg)}
    100% {transform:rotate(0)}
}


@-moz-keyframes line3R {
    0% {-moz-transform:rotate(0)}
    100% {-moz-transform:rotate(-4deg)}
}
@-moz-keyframes line3R2 {
    0% {-moz-transform:rotate(0)}
    100% {-moz-transform:rotate(4deg)}
}

@-moz-keyframes line3Rf {
    0% {-moz-transform:rotate(-4deg)}
    100% {-moz-transform:rotate(0)}
}
@-moz-keyframes line3R2f {
    0% {-moz-transform:rotate(4deg)}
    100% {-moz-transform:rotate(0)}
}

@-moz-keyframes line4R {
    0% {-moz-transform:rotate(0)}
    100% {-moz-transform:rotate(-4deg)}
}
@-moz-keyframes line4Rf {
    0% {-moz-transform:rotate(-4deg)}
    100% {-moz-transform:rotate(0)}
}

#footer_ied{width: 100%; text-align: center; padding: 40px 0;background: #000; }
#footer_ied,#footer_ied a{color: #b4b3b0}



/* 10.27 */
.cont-div{width: 1033px; overflow: hidden; position: relative; margin: 0 auto;} 
.cont-event{position: relative; z-index: 10; overflow: hidden;}
.event-ul{width: 840px; height: 117px;position: absolute; top: 0; left: 97px; z-index: 100;}
.event-ul li{width: 420px; height: 117px; float: left;}
.event-ul li a{width: 420px; height: 117px; display: block; background: url("/images/p2-btn-var.png") no-repeat;}
.event-ul li .btn1{background-position: 0 -1px;}
.event-ul li .btn2{background-position: -420px -1px;}
.event-ul li .btn1:hover,.event-ul .on .btn1{background-position: 0 -111px;}
.event-ul li .btn2:hover,.event-ul .on .btn2{background-position: -420px -111px;}
.event-div1{width: 1033px; height: 1719px; background: url("/images/p2-bg4-1.png") no-repeat; padding-top: 176px; position: relative; margin: 0 auto 120px;}
.event-div1 .txt{width: 314px; height: 48px; margin: 0 auto;}
.event-div1 .t{font-size: 14px; color: #999999; position: absolute;}
.event-div1 .t1{width: 340px; background: url("/images/p2-t1.png") no-repeat; padding: 32px 0 0 87px; top: 290px; left: 587px; text-align: left;}
.event-div1 .t2{width: 353px; background: url("/images/p2-t2-1.png") no-repeat; padding: 32px 100px 0 0; top: 429px; right: 574px; text-align: right;}
.event-div1 .t3{width: 360px; background: url("/images/p2-t3-1.png") no-repeat; padding: 32px 0 0 108px; top: 633px; left: 587px; text-align: left;}
.event-div1 .t4{width: 339px; background: url("/images/p2-t4.png") no-repeat; padding: 32px 110px 0 0; top: 805px; right: 574px; text-align: right;}
.event-div1 .t5{width: 300px; background: url("/images/p2-t5.png") no-repeat; padding: 32px 0 0 107px; top: 990px; left: 587px; text-align: left;}
.event-div1 .t6{width: 287px; background: url("/images/p2-t6.png") no-repeat; padding: 32px 100px 0 0; top: 1170px; right: 574px; text-align: right;}
.event-div1 .t-x1{width: 341px; height: 224px; background: url("/images/p2-t1-img.png") no-repeat; padding: 33px; position: absolute; top: 325px; left: 556px;}
.event-div1 .t-x2{width: 341px; height: 224px; background: url("/images/p2-t2-img.png") no-repeat; padding: 33px; position: absolute; top: 465px; left: 145px;}
.event-div1 .t-x3{width: 341px; height: 224px; background: url("/images/p2-t3-img.png") no-repeat; padding: 33px; position: absolute; top: 665px; left: 556px;}
.event-div1 .t-x4{width: 341px; height: 224px; background: url("/images/p2-t4-img.png") no-repeat; padding: 33px; position: absolute; top: 837px; left: 145px;}
.event-div1 .t-x5{width: 361px; height: 285px; background: url("/images/p2-t5-img.png") no-repeat; padding: 33px; position: absolute; top: 1025px; left: 556px;}
.event-div1 .t-x6{width: 414px; height: 266px; background: url("/images/p2-t6-img.png") no-repeat; padding: 33px; position: absolute; top: 1255px; left: 106px;}
.event-div1 .t-btn{width: 100%; height: 100%; display: block;}
.event-logo{width: 1000px; height: 341px; margin: 0 auto; background: url("/images/p2-logo1.png") no-repeat; padding-top: 180px;}
.event-logo a{height: 50px; float: left; margin-bottom: 59px; width: 135px; margin-right: 38px;}
.event-logo .logo6{ margin-right: 0;}




.event-div2{width: 1033px; position: relative; margin: 0 auto 120px; background: url("/images/p2-bg2.png"); padding-top: 150px;} 
.event-div2 .cont-t1{width: 1033px; height: 380px; position: absolute; top: 0; left: 0; background: url("/images/p2-bg1.png") no-repeat;pointer-events: none;}
.event-div2 .cont-t2{width: 1033px; height: 65px; position: absolute; bottom: 0; left: 0; background: url("/images/p2-bg3.png") no-repeat;pointer-events: none;}
.event-div2 ul{overflow: hidden; width: 840px; margin: 0 auto;}
.event-div2 ul li{overflow: hidden; margin-bottom: 33px;}
.event-div2 ul li .img-em{width: 42px; height: 42px; display: block; float: left; margin-right: 15px; border: solid 1px #d6b390; border-radius: 50%;}
.event-div2 ul li .img-em img{width: 40px; height: 40px; display: block; border: solid 1px #030303; border-radius: 50%;}
.event-div2 ul li .li-div{width: 775px; float: left; overflow: hidden;}
.event-div2 ul li .txt-span{height: 35px; line-height: 35px; font-size: 16px; color: #8c8c8c; display: block;}
.event-div2 ul li .div-box{overflow: hidden;position: relative; padding: 23px 0;}
.event-div2 ul li .inc1{width: 775px; height: 23px; background: url("/images/p2-xbg1.png") no-repeat; position: absolute; top: 0; left: 0;}
.event-div2 ul li .inc2{width: 775px; height: 23px; background: url("/images/p2-xbg3.png") no-repeat; position: absolute; bottom: 0; left: 0;}
.event-div2 ul li .div-box p{ padding: 0 40px; background: url("/images/p2-xbg2.png"); font-size: 16px; color: #f1edeb; line-height: 25px;text-shadow:0 0 10px #de8834,-0 -0 10px #de8834;}

/* 10.30 */
.page3{width: 1034px; overflow: hidden; position: relative; margin: 0 auto;}
.page3-con1{ width: 1034px; height: 472px; background: url("/images/p3-xbg1.png") no-repeat; padding: 6px 22px; margin: 0 auto 10px;}
.page3-left{width: 740px; height: 460px; float: left; margin-right: 7px; background: url("/images/page3-left1.jpg") no-repeat; position: relative;}
.page3-left-bg{width: 740px; height: 460px; background: url("/images/page3-left1.jpg") no-repeat; position: absolute; top: 0; left: 0;}
.page3-right{width: 240px; padding: 6px; float: left;}
.chatroom-box{height: 406px; margin-bottom: 8px; overflow-y: auto;}
.right-chat{height: auto;}
.right-chat p{font-size: 12px; color: #fff; line-height: 20px;}
.right-chat p em{color: #ffc800;}
.right-send {position: relative;}
.right-send input{width: 226px; height: 32px; font-size: 14px; color: #838383; background: #2d2d2d; border: solid 1px #414041; padding: 0 35px 0 10px;}
.right-send a{background: url("/images/p3-sp.png") no-repeat; width: 34px; height: 32px; display: block; position: absolute; top: 0; right: 2px;}
.right-send .disable{background-position: 0 0;}
.right-send .normal{background-position: -63px 0}
.right-send .normal:hover{background-position: -141px 0}
.page3-con2{width: 1034px; height: 1331px; background: url("/images/p3-xbg2.png") no-repeat; padding: 38px 0 0 0; margin: 0 auto 115px;}
.page3-con2 .cj-img{width: 577px; height: 308px; background: url("/images/p3-cj.png") no-repeat; margin: 0 auto 52px;}
.page3-con2 .btn-cj{width: 291px; height: 112px; background: url("/images/p3-btn.png") no-repeat; display: block; margin: 0 auto 45px;}
.page3-con2 .btn-cj-h{width: 291px; height: 112px; background: url("/images/p3-btn-h.png") no-repeat; display: block; margin: 0 auto 45px;}
.page3-con2 .s1{font-size: 14px; color: #bcbbbc; text-align: center; line-height: 25px;}
.page3-gz{width: 840px; margin: 0 auto;}
.gz-p{width: 99px; height: 18px; background: url("/images/p3-t1.png") no-repeat; margin-bottom: 10px;}
.page3-gz ul{overflow: hidden; height: 250px; overflow-y: auto;}
.page3-gz ul li{font-size: 15px; color: #999999; line-height: 25px;}
.page3-gz ul li a{color: #dfb008}
.page3-con3{width: 1000px; margin: 0 auto 30px;}
.page3-con3 .txt{width: 1000px; height: 28px; margin-bottom: 35px; background: url("/images/p3-t2.png") no-repeat;}
.page3-con3 ul{overflow: hidden; width: 1040px;}
.page3-con3 ul li{width: 220px; height: 100px; float: left; margin: 0 40px 40px 0; background: #303030;}
.page3-con3 ul li a{width: 200px; height: 100px; display: block;}
.scroll::-webkit-scrollbar{width: 6px;border-radius: 10px;background-color: #000;}
.scroll::-webkit-scrollbar-thumb{border-radius: 10px;background-color: #ba8800;}

.purchase-div{width: 840px; margin: 0 auto 80px;}
.purchase-div .txt-p{width: 146px; height: 18px; background: url("/images/p3-t3.png") no-repeat; margin-bottom: 20px;}
.purchase-div ul{overflow: hidden;}
.purchase-div ul li{width: 400px; height: 290px; float: left; padding-top: 230px; position: relative;}
.purchase-div ul .li-1{margin-right: 40px; background: url("/images/p3-img1.jpg") no-repeat;}
.purchase-div ul .li-2{ background: url("/images/p3-img2.jpg") no-repeat;}
.purchase-div ul li p{font-size: 14px; padding: 0 0 0 20px; color: #606060; position: relative; margin-top: 20px;}
.purchase-div ul li p span{text-decoration:line-through ; position: relative; vertical-align: middle;}
.purchase-div ul li p em{height: 20px; display: inline-block; margin-left: 10px; vertical-align: middle; color: #dedede;}
.purchase-div ul li p strong{color: #d9aa12; display: inline-block; vertical-align: middle;}
.purchase-div ul li p i{ background: url("/images/p3-price.png") width: 15px; height: 20px; display: inline-block; vertical-align: middle; margin-right: 3px;}
.purchase-div ul li p .inc0{background-position: -5px 1px;}
.purchase-div ul li p .inc1{background-position: -5px -38px;}
.purchase-div ul li p .inc2{background-position: -5px -77px;}
.purchase-div ul li p .inc3{background-position: -5px -116px;}
.purchase-div ul li p .inc4{background-position: -5px -155px;}
.purchase-div ul li p .inc5{background-position: -5px -193px;}
.purchase-div ul li p .inc6{background-position: -5px -232px;}
.purchase-div ul li p .inc7{background-position: -5px -270px;}
.purchase-div ul li p .inc8{background-position: -5px -310px;}
.purchase-div ul li p .inc9{background-position: -5px -349px;}




.purchase-div ul li .ioc5{background: url("/images/p3-ioc5.png") no-repeat; position: absolute; width: 52px; height: 51px; top: -3px; right: 20px;}
.btn-1{width: 96px; height: 35px; display: block; position: absolute; top: 230px; right: 20px; background: #272727; font-size: 16px; line-height: 35px; color: #dfb008; text-align: center; border: solid 1px #3d3d3d; border-radius: 3px;}
.btn-1-h{width: 96px; height: 35px; display: block; position: absolute; top: 230px; right: 20px; background: #272727; font-size: 16px; line-height: 35px; color: #999999; text-align: center; border: solid 1px #3d3d3d; border-radius: 3px;}
.btn-1:hover{background: #2a2a2a; color: #d5a80d;}



.logo-div{width: 960px; height: 400px; background: url("/images/p3-logo.png") no-repeat; margin: 0 auto; padding-top: 25px;}
.logo-div a{ height: 75px; display: block; float: left; margin-bottom: 65px;}
.logo-div .logo1{width: 198px; margin-right: 30px;}
.logo-div .logo2{width: 240px; margin-right: 30px;}
.logo-div .logo3{width: 228px; margin-right: 30px;}
.logo-div .logo4{width: 204px;}
/*tc*/
.dialog{width: 500px; height: 280px; position: relative;}
.dia-con{padding: 90px 40px 0;}
.dialog p{font-size: 17px; color: #fff; text-align: center;}
.dialog p span{color: #ffc801}
.dialog .btn-qd,.dialog .btn-tx{background: url("/images/p3-tc-sp.png") no-repeat; width: 183px; display: block; position: absolute; bottom: 20px; left: 50%; margin-left: -92px;}
.dialog .btn-tx{height: 80px; background-position: 0 0;}
.dialog .btn-qd{background-position: 0 -81px; height: 75px;}
.dialog .btn-qd:hover{background-position: 0 -161px;}
.dialog .dia-close{width: 50px; height: 50px; display: block; position: absolute; top: 0; right: 0}
.dialog1{background: url("/images/p3-tc-bg1.png") no-repeat;}
.dialog1 p{line-height: 30px;}
.dialog2{background: url("/images/p3-tc-bg2.png") no-repeat;}
.dialog2 p{margin-bottom: 20px;}
.dialog3{background: url("/images/p3-tc-bg3.png") no-repeat;}
.dialog3 p{line-height: 30px;}

.page3-s1{color: #999999; text-align: center; line-height: 50px; margin-bottom: 40px; font-size: 15px;}
/* 视频弹窗 */
.videoDialog{width: 800px; height: 480px; position: relative; background: #000; display: none;}
.closeDia{width: 25px; height: 25px; background: #000; font-size: 20px; text-align: center; line-height: 25px; color: #fff; position: absolute; top: 0; right: -25px;}

.right-chat .prompt{color: #787878; text-align: center;}



/* page4-11.15*/
.page4{width: 1000px; overflow: hidden; position: relative; margin: 0 auto;}
.page4 .txt1{width: 354px; height: 88px; margin: 0 auto 60px;}
.page4 .page4-con{width: 913px; height: 535px; background: url("/images/p4-bg1.png") no-repeat; margin: 0 auto 124px; padding: 22px 38px 90px;}
.page4 .page4-con a{width: 836px; height: 424px; display: block;}
.page4 .txt2{width: 550px; height: 91px; margin: 0 auto 68px;}
.page4 .swiper-box{width: 1000px; height: 500px; margin-bottom: 50px; overflow: hidden; }

.swiper-container {width: 100%;height: 100%;cursor:auto !important;}
.swiper-wrapper { height: 100%; box-sizing: initial; }
.swiper-slide { text-align: center; height: 100%; /*width: 25%;*/}
.swiper-slide img {vertical-align: middle;display: block;width: auto;max-width: 100%;height: auto;max-height: 100%;-webkit-transition: 300ms;-moz-transition: 300ms;-ms-transition: 300ms;-o-transition: 300ms;transition: 300ms;-webkit-transform: scale(0.7);-moz-transform: scale(0.7);-ms-transform: scale(0.7);-o-transform: scale(0.7);transform: scale(0.7);-webkit-backface-visibility: hidden;opacity: 0.3;/*transform-origin: 180% 50%;*/}
.swiper-slide-active img {-webkit-transform: scale(1);-moz-transform: scale(1);-ms-transform: scale(1);-o-transform: scale(1);transform: scale(1);opacity: 1;}
.swiper-slide .inner {height: 100%;/*padding: 20px 20px 50px;*/-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.pagination {position: absolute;text-align: center;left: 0;bottom: 0;width: 100%;line-height: 40px;height: 40px;z-index: 20;}
.swiper-pagination-switch {vertical-align: middle;display: inline-block;width: 14px;height: 14px;background: #000;cursor: pointer;-webkit-transition: 300ms;-moz-transition: 300ms;-ms-transition: 300ms;-o-transition: 300ms;transition: 300ms;margin: 0 1px;}
.swiper-pagination-switch:first-child {border-radius: 3px 0 0 3px;}
.swiper-pagination-switch:last-child {border-radius: 0 3px 3px 0;}
.swiper-visible-switch {background: #888;}
.swiper-active-switch { background: #fff;}
.arrow-left,.arrow-right{width: 200px; height: 450px; position: absolute; top: 0;}
.arrow-left{left: 0;}
.arrow-right{right: 0}


.page4 .txt3{width: 585px; height: 91px; margin: 0 auto 80px;}
.page4 .page4-ul{width: 1050px; overflow: hidden;}
.page4 .page4-ul li{width: 476px; height: 90px; float: left; margin: 0 47px 50px 0; background: url("/images/p4-bg2.png") no-repeat; padding: 6px 18px 0;}
.page4 .page4-ul li h2{width: 388px; height: 70px; margin: 0 auto 18px;}
.page4 .page4-ul li p{font-size: 15px; color: #85878c; line-height: 25px;}

.tgp-header .bg1 {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	
	background-color:#1c2023;
	z-index:-1;
}
.logo {
	display:block;
	width:285px;
	height:54px;
	position:relative;
	left:11px;
	top:15px;
	background:url("/images/logo.png") 0 0 no-repeat;
}
.inside, .container {
	width:1070px;
	margin:0 auto;
	position:relative;
}
.tnav li {
	margin:0 10px 0 23px;
	_margin-left:11px;
	line-height:34px;
	font-size:16px;
	color:#5e84a4;
	position:relative;
}
.tnav a {
	display:block;
	float:left;
	padding-top:25px;
	height:59px;
	color:rgba(255,255,255,0.7);
	position:relative;
}
.tnav > a {
	-webkit-transition:all .5s ease-out;
	-moz-transition:all .5s ease-out;
	-ms-transition:all .5s ease-out;
	-o-transition:all .5s ease-out;
	transition:all .5s ease-out;
}
.tnav a:hover, .tnav .cur a {
	color:#52b3ff;
}
.tnav a i {
	display:block;
	width:0;
	height:5px;
	position:absolute;
	left:0;
	top:0;
	background-color:#0486eb;
	-webkit-transition:all .2s ease-out;
	-moz-transition:all .2s ease-out;
	-ms-transition:all .2s ease-out;
	-o-transition:all .2s ease-out;
	transition:all .2s ease-out;
}
.tnav a:hover i, .tnav .cur a i {
	width:100%;
}
.tnav .arrow {
	display:none;
	width:0;
	height:0;
	overflow:hidden;
	border:8px solid;
	border-color:#222628 transparent transparent;
	position:absolute;
	left:50%;
	top:84px;
	margin-left:-8px;
	z-index:4;
}
.tnavbar {
	width:20000px;
	height:65px;
	line-height:24px;
	position:absolute;
	left:100%;
	top:84px;
	margin-left:-9945px;
	text-align:center;
	display:none;
	z-index:3;
}
.tnavbar a {
	display:inline-block;
	*display:inline;
	*zoom:1;
	float:none;
	padding:0 15px;
	margin:20px 7px 0;
	background-position:100% -57px;
	color:#8fa9c9;
	position:relative;
	z-index:2;
}
.tnav .cur .tnavbar a{
	color:#8fa9c9;
	}
.tnavbar a:hover, .tnav .cur .tnavbar a:hover{
	color:#fff;
}
.tnavbar .bg {
	width:100%;
	height:65px;
	position:absolute;
	left:0;
	top:0;
	z-index:1;
	background-color:#38465a;
	opacity:.9;
	filter:alpha(opacity=90);
}

.box01{width: 1000px; height: 500px;}
#box{position:relative;width:1000px;height:500px;}
#box ul{position:relative;width:1000px;height:500px; }
#box li{position:absolute;list-style:none;width:0;height:0;top:146px;left:377px;z-index:0;cursor:pointer;overflow:hidden;}
#box li img{width:100%;height:100%;vertical-align:top;  opacity: 1 !important;}
#box .prev, #box .next{display: none;}