html,body,div,ul,ol,li,span,p,a,b,i,img,h1,h2,h3,input,select,textarea{margin: 0; padding: 0; border: 0}
ul,ol,li{list-style: none;}
a{text-decoration: none;}
html,body{ width: 100%; font-family: "Microsoft YaHei"; min-width: 1280px; max-width: 1920px; margin: 0 auto; position: relative;}

body{ background:#fefdf8;}
.home{ width: 100%; background: url(/style/img/0322/header.jpg) top center no-repeat #fefdf8;}
.ny_body{ width: 100%; background: url(//gtj.9917.com/style/img/ny_header.jpg) top center no-repeat #fefdf8;}
.header{ width: 1280px; height: 860px; margin: 0 auto; position: relative; z-index: 3;}
.ny_header{ width: 1280px; height: 550px; margin: 0 auto; position: relative; }
.logo{ width: 232px; display: block; position: absolute; top: 20px; left: 20px; }
.home_logo{ width: 232px; display: block; position: absolute; top: 40px; transform: translateX(-33px); left: 0;}
.nav{ width: 640px; height: 55px; background: #fbf6eb; border: 1px #d1c0a7 solid; border-radius: 50px; position: absolute; top: 53px; left: 50%; margin-left: -340px; }
.nav ul li{ width: 100px; float: left; height: 55px; line-height: 55px; position: relative;}
.nav ul li.first_nav{margin-left: 35px; }
.nav ul li a{ width: 100%; height: 55px; display: block; color: #6f3b34; font-size: 16px; text-align: center; transition: .5s}
.nav ul li i{ width: 11px; height: 11px; display: block; background: url(//gtj.9917.com/style/img/nav_dot.png); position: absolute; top: 23px; left:50px; opacity: 0; transition: .5s}
.nav ul li:hover i{left: 7px; opacity: 1; transform: rotate(720deg);}
.nav ul li:hover a{color: #c53131; text-indent: 15px;}
.nav ul li.cur i{ left: 7px; opacity: 1; }
.nav ul li.cur a{  color: #c53131; text-indent: 15px; }
.nav ul li.first_nav:hover i{left: 22px;}
.nav ul li.first_nav.cur i{ left: 22px;; }
.nav img{ width: 13px; display: block; float: left; padding-top: 20px; }

.home_video{ width: 100%; height: 1080px; position: absolute; top: 0; left: 0; z-index: 1; overflow: hidden;}
.home_video video{ width: 1920px; position: absolute; top: 0; left: 50%; margin-left: -960px; }
.home_video #video_1{ z-index: 2; }
.home_video #video_2{ z-index: 1; }

.video_mask{ width: 100%; height: 100px; background: url(//gtj.9917.com/style/img/video_mask.png); position: absolute; bottom: 0; left: 0; z-index: 4; }


.home_nav{ width: 115px; position: absolute; top: 225px; left: 30px;}
.home_nav ul li{ width: 115px; height: 35px; line-height: 35px; position: relative; text-align: center; padding: 2px 0; background:url(//gtj.9917.com/style/img/home_nav_line.png) bottom center no-repeat;}
.home_nav ul li a{ width: 100%; height: 35px; display: block; font-size: 16px; color: #fce5ad; }
.home_nav ul li a i{ width: 8px; height: 8px; display: block; position: absolute; top: 19px; left: 10px; background-image: url(//gtj.9917.com/style/img/home_nav_i.png); }
.home_nav ul li.cur{background:url(//gtj.9917.com/style/img/home_nav_cur.png) center center no-repeat;}
.home_nav ul li.cur a{ color: #fff; font-weight: bold; }
.home_nav ul li.cur i{ width: 7px; height: 50px; display: block; background-image: url(//gtj.9917.com/style/img/home_nav_cur1.png); position: absolute; top: 21px; left: 105px; }
.home_nav ul li.cur:hover a{ color: #fff; }
.home_nav ul li:hover a{color: #fff; font-weight: bold;}

.home_nav:after{ content: ""; width: 218px; height: 819px; display: block; background-image: url(img/nav_bg.png); position: absolute; top: -230px; left: -55px; z-index: -1;}

.down_box{ width: 135px; height: 241px; background: url(//gtj.9917.com/style/img/down_bg.png); padding: 10px 0 0 35px; position: absolute; top: 435px; left: 0;}
.down_box img{ width: 126px; display: block; }
.down_box .qrcode{ border: 1px #d3c0a0 solid; }
.down_box .down_btn{ margin-top: 8px; border-top: 1px #d3c0a0 solid; padding-top: 2px; }
.down_box .down_btn a{display: block; margin-bottom: 4px;}
.down_box .down_btn a:hover{opacity: .8}

.video_btn{ width: 76px; display: block; position: absolute; top: 260px; left: 50%; margin-left: 80px;}
.video_btn img{ display: block; transition: .5s }
.video_btn:hover img{ transform: scale(1.05,1.05); }

.inner{ width: 1280px; margin: 0 auto; }
.part_1{ width: 100%; height: 370px; position: relative; z-index: 2;}
.news_box{ width: 956px; height: 360px; background: #fff; box-shadow: 0 3px 5px #ebe4d8; float: left;}
.focus{ width: 470px; height: 360px; overflow: hidden; position: relative; float: left;  }
.focus .focus_img{ width: 100%; height: 360px; display: block; }
.focus .focus_img img{ width: 100%; display: block; }
.focus .focus_tab{ width: 100%; height: 50px; line-height: 50px; position: absolute; bottom: 0; left: 0; background: rgba(227,212,155,.96); overflow: hidden;}
.focus .focus_tab ul li{ width: 235px; float: left; text-align: center; white-space: nowrap; text-overflow:ellipsis; overflow: hidden; cursor: pointer;}
.focus .focus_tab ul li.cur{ background: #b62e2e; color: #fff; }

.news{ width: 484px; height: 358px; border: 1px #efeddf solid; float: left; }
.news .news_tab{ width: 436px; margin: 0 auto; height: 58px; border-bottom: 1px #efeddf solid; position: relative; padding-left: 20px; }
.news .news_tab ul li{ width: 60px; line-height: 55px; float: left; text-align: center;}
.news .news_tab ul li a{ width: 60px; height: 55px; font-size:20px; color: #333; display: block; }
.news .news_tab .news_tab_line{ width: 1px; height: 14px; display: block; background: #efeddf; float: left; margin: 22px 12px;}
.news .news_tab ul li.cur a{ font-weight: bold; color: #b62e2e; border-bottom: 4px #b62e2e solid; }
.news .news_tab ul li:hover a{ color: #b62e2e }
.news .news_tab .news_more{ width: 34px; height: 34px; display: block; float: right; margin-top: 11px; }
.news .news_tab .news_more{ display: block; transition: .5s }
.news .news_tab .news_more:hover{ transform: rotate(180deg); }
.news .news_recommend{ width: 454px; height: 46px; margin: 18px auto 10px; background: url(//gtj.9917.com/style/img/news_s_bg.png) no-repeat; }
.news .news_recommend a{ width: 100%; display: block; text-align: center; line-height: 46px; font-size: 18px; color: #af8b4f; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.news .news_recommend a:hover{ color: #000 }
.news .news_list{ width: 456px; margin: 0 auto; }
.news .news_list ul li{ width: 100%; height: 36px; line-height: 36px; border-bottom: 1px #efeddf dashed; font-size: 14px;}
.news .news_list ul li .news_name{ color: #ae8a4e; display: block; float: left; padding-left: 5px; width: 42px; }
.news .news_list ul li a{ width: 330px; display: block; float: left; color: #333; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.news .news_list ul li .news_time{ color: #c1b29a; display: block; float: right; }
.news .news_list ul li:hover .news_name{ font-weight: bold; }
.news .news_list ul li:hover a{ color: #b62e2e; font-weight: bold; }
.news .news_list ul li:last-child{border-bottom: 0}

.ac_box{ width: 308px; float: right; }
.ac_box .act{ width: 306px; height: 158px; border: 1px #efeddf solid; box-shadow: 0 3px 5px #ebe4d8; position: relative;}
.ac_box .act .act_slide{ width: 242px; height: 158px; position: relative; overflow: hidden; }
.ac_box .act .act_t{ width: 65px; display: block; position: absolute; top: -1px; right: -1px }

.slide {position:relative;}
.act_slide .flex-direction-nav { width:38px; position:absolute; top:125px; left: 15px; z-index: 4;}
.act_slide .flex-direction-nav a {width:16px; height:25px; display:block; position:absolute; background-repeat:no-repeat; background-image:url(//gtj.9917.com/style/img/arrow_1.jpg); text-indent:-9000px;}
.act_slide .flex-direction-nav a.flex-prev {left:0; background-position:left top;}
.act_slide .flex-direction-nav a.flex-prev:hover {background-position:left bottom;}
.act_slide .flex-direction-nav a.flex-next {right:0; background-position:right top;}
.act_slide .flex-direction-nav a.flex-next:hover {background-position:right bottom;}
.flexslider .slides > li {display: none;-webkit-backface-visibility: hidden;list-style-type: none;} 
.flexslider .slides img { display: block;}
.flex-pauseplay span {text-transform: capitalize;}

.ac_box .act_list{ width: 308px; height: 184px; margin-top: 16px; }
.ac_box .act_list ul li{ width: 92px; height: 184px; float: left; margin-right: 16px; background: #fff; box-shadow: 0 3px 5px #ebe4d8; position: relative;}
.ac_box .act_list ul li img{ width: 100%; display: block; position: relative; z-index: 2; }
.ac_box .act_list ul li i{ width: 100%; height: 0; background: #cdb065; display: block; position: absolute; top: 0; left: 0; z-index: 1; transition: .5s}
.ac_box .act_list ul li.act_3{ margin-right: 0; }
.ac_box .act_list ul li .act_t{ width: 23px; display: block; position: absolute; top: 20px; left: 27px; z-index: 3; color: #000; line-height: 17px; transition: .5s}
.ac_box .act_list ul li .act_go{ width: 17px; height: 34px; display: block; position: absolute; top: 20px; left: 50px; background-image: url(//gtj.9917.com/style/img/ac_go.jpg); z-index: 3; transition: .5s }
.ac_box .act_list ul li:hover i{ height: 184px; }
.ac_box .act_list ul li:hover .act_t{ color: #fff; font-weight: bold; }
.ac_box .act_list ul li:hover .act_go{ background-position: bottom }

.t_box{ width: 100%; }
.t_box img{ display: block; margin: 0 auto }

.part_2{ width: 100%; height: 1132px; background: url(//gtj.9917.com/style/img/part_2.jpg) top center no-repeat; padding-top: 30px; margin-top: 30px;}
.zhiye{ width: 100%; position: relative;}
.zhiye .zy_tab{ width: 550px; height: 140px; margin: 0 auto; position: absolute; top: 34px; left: 365px;}
.zhiye .zy_tab ul li{ width: 52px; height: 100px; cursor:pointer; position: absolute; }
.zhiye .zy_tab ul li b{ width: 12px; height: 12px; display: block; border: 1px #e5dbc7 solid; background: #fff; border-radius: 50px; position: absolute; top: 19px; left: 19px; transition: .2s;}
.zhiye .zy_tab ul li b i{ width: 12px; height: 12px; transition: .2s; display: block; opacity: 0; background-size: 100% 100%;}
.zhiye .zy_tab ul li span{ width: 47px; height: 25px; display: block; position: absolute; top: 58px; left: 3px; background-image: url(//gtj.9917.com/style/img/zhiye/zy_name.png); }
.zhiye .zy_tab ul li:hover b{ width: 46px; height: 46px; padding: 2px; top: 0; left: 0;}
.zhiye .zy_tab ul li:hover b i{ width: 46px; height: 46px; opacity: 1;}
.zhiye .zy_tab ul li.cur b{ width: 46px; height: 46px; padding: 2px; top: 0; left: 0;}
.zhiye .zy_tab ul li.cur b i{ width: 46px; height: 46px; opacity: 1; }
.zhiye .zy_tab ul li:nth-child(1) b i{ background-image: url(//gtj.9917.com/style/img/zhiye/zy_ico_01.png);}
.zhiye .zy_tab ul li:nth-child(2) b i{background-image: url(//gtj.9917.com/style/img/zhiye/zy_ico_02.png);}
.zhiye .zy_tab ul li:nth-child(3) b i{background-image: url(//gtj.9917.com/style/img/zhiye/zy_ico_03.png);}
.zhiye .zy_tab ul li:nth-child(4) b i{background-image: url(//gtj.9917.com/style/img/zhiye/zy_ico_04.png);}
.zhiye .zy_tab ul li:nth-child(1) span{ background-position: 0 0;}
.zhiye .zy_tab ul li:nth-child(2) span{ background-position: 0 -25px;}
.zhiye .zy_tab ul li:nth-child(3) span{ background-position: 0 -50px;}
.zhiye .zy_tab ul li:nth-child(4) span{ background-position: 0 -74px;}
.zhiye .zy_tab ul li:nth-child(1){ top: 55px; left: 0}
.zhiye .zy_tab ul li:nth-child(2){ top: 8px; left: 140px}
.zhiye .zy_tab ul li:nth-child(3){ top: 0px; left: 290px}
.zhiye .zy_tab ul li:nth-child(4){ top: 36px; left: 450px}

.swiper-container {	width: 100%; height: 880px; position: relative;padding-top: 140px!important;}
.zy_male{ width: 660px; display: block; position: absolute; top: 0; left: 50%; margin-left: -250px; z-index: 1; opacity: 0; transform: translateX(200px);  transition: .5s .5s}
.zy_female{ width: 660px; display: block; position: absolute; top: 0; left: 50%; margin-left: -450px; z-index: 2; opacity: 0; transform: translateX(-200px);  transition: .5s .5s}
.zy_info{ width: 530px; height: 270px; background: url(//gtj.9917.com/style/img/zy_bg.png); position: absolute; top: 430px; left: 50%; margin-left: -265px; z-index: 3; opacity: 0; transform: translateY(200px);  transition: .5s .7s}
.zy_info .zy_t{ width: 100px; height: 180px; display: block; position: absolute; top: -18px; left: -15px; background-image: url(//gtj.9917.com/style/img/zhiye/zy_name_1.png); }
.zy_1 .zy_t{background-position: 0 0 }
.zy_2 .zy_t{background-position: -100px 0}
.zy_3 .zy_t{background-position: -200px 0 }
.zy_4 .zy_t{background-position: -300px 0 }
.zy_info .zy_text{ width: 360px; padding: 25px 0 0 135px; }
.zy_info .zy_text .zy_n{ width: 55px; display: block; height: 30px; line-height: 30px; font-size: 24px; color: #333; text-align: center; border-bottom: 2px #e2cb73 solid; padding-bottom: 5px; }
.zy_info .zy_text p{ font-size: 14px; color: #333; line-height: 18px; padding-top: 10px; }
.zy_info .zy_skill{ width: 390px; padding: 25px 0 0 135px; position: relative;}
.zy_info .zy_skill ul li{ width: 74px; float: left; margin-right: 22px; cursor:pointer;}
.zy_info .zy_skill ul li b{ width: 64px; height: 64px; display: block; margin: 0 auto; border-radius: 64px; border: 2px #d2b95f solid; overflow: hidden;}
.zy_info .zy_skill ul li b img{ width: 100%; display: block; }
.zy_info .zy_skill ul li .skill_name{ display: block; font-size: 14px; color: #333; padding-top: 5px; text-align: center; }
.zy_info .zy_skill ul li i{ width: 16px; height: 14px; display: block; margin: 5px auto 0; background-image: url(//gtj.9917.com/style/img/zy_arrow.png); position: relative; z-index: 2; opacity: 0; transition: .5s}
.zy_info .zy_skill ul li .skill_text{ width: 326px; line-height: 20px; background: #fff; border: 1px #e9ddaf solid; padding: 20px; font-size: 14px; color: #333;transition: .5s; position: absolute; top: 134px; left: 135px; z-index: 1; opacity: 0}
.zy_info .zy_skill ul li.cur i{opacity: 1}
.zy_info .zy_skill ul li.cur .skill_text{opacity: 1}
.zy_info .zy_skill ul li.cur b{border: 2px #fff solid; box-shadow: 0 0 3px #b39937}

.swiper-slide-active .zy_male{ opacity: 1; transform: translateX(0);}
.swiper-slide-active .zy_female{ opacity: 1; transform: translateX(0);}
.swiper-slide-active .zy_info{ opacity: 1; transform: translateX(0);}
.swiper_prev{ width: 145px; height: 60px; background-image: url(//gtj.9917.com/style/img/arrow_2.png); position: absolute; top: 50%; margin-top: -80px; left: 0; z-index: 2; cursor:pointer;}
.swiper_prev:hover{ background-position: 0 -62px }
.swiper_next{ width: 145px; height: 60px; background-image: url(//gtj.9917.com/style/img/arrow_2.png); background-position: right top; position: absolute; top: 50%; margin-top: -80px; right: 0; z-index: 2; cursor:pointer;}
.swiper_next:hover{ background-position: 145px -62px; }

.swiper-pagination-custom{bottom: auto!important}

.part_3{ width: 100%; height: 200px; padding: 50px 0 }
.gamedata{ width: 1278px; height: 198px; background: url(//gtj.9917.com/style/img/gamedata_bg.jpg); box-shadow: 0 3px 5px #ebe4d8; border: 1px #efeddf solid; position: relative;}
.gamedata .gamedata_t{ width: 314px; position: absolute; top: 0; left: -7px; }
.gamedata .gd_box{ width: 322px; height: 198px; position: relative; float: left; border-left: 2px #f0e9d8 solid; }
.gamedata .gd_box.gd_1{margin-left: 306px;}
.gamedata .gd_box .gd_t{ display: block; padding-top: 30px; padding-left: 30px; font-size: 24px; color: #a99359; }
.gamedata .gd_box .gd_t i{ width: 15px; height: 15px; display: inline-block; vertical-align: middle; margin-top: -3px; margin-right: 5px; background: url(//gtj.9917.com/style/img/gamedata_dot.png);}
.gamedata .gd_box .gd_list{ width: 282px; margin: 30px auto; }
.gamedata .gd_box .gd_list ul li{ width:93px; height: 16px; font-size: 16px; line-height: 16px; float: left; text-align: center; border-right: 1px #ece3c0 solid; margin: 15px 0 }
.gamedata .gd_box .gd_list ul li a{ color: #333; display: block; }
.gamedata .gd_box .gd_list ul li a:hover{ color: #b62e2e; font-weight: bold; text-decoration: underline; }
.gamedata .gd_box .gd_list ul li:last-child{border-right: 0}
.gamedata .gd_box .gd_list ul li:nth-child(3){border-right: 0}
.gamedata .gd_box .i_l{ width: 2px; height: 60px; display: block; position: absolute; top: -1px; left: -2px; background: #b62e2e; transition: .5s }
.gamedata .gd_box .i_t{ width: 0; height: 2px; display: block; position: absolute; top: -1px; left: -2px; background: #b62e2e; transition: .5s }
.gamedata .gd_box:hover .i_l{ height: 0 }
.gamedata .gd_box:hover .i_t{ width: 150px}


.part_4{ width: 100%; background-image: url(//gtj.9917.com/style/img/part_4.jpg); background-position: top center; background-repeat: no-repeat; }
.shizhuang_tab{ width: 100%; padding: 40px 0; height: 52px; text-align: center; }
.shizhuang_tab ul li{ width: 170px; display: inline-block; margin: 0 30px; }
.shizhuang_tab ul li a{ width: 100%; height: 100%; display: block; font-size: 24px; color: #333; text-align: center; line-height: 52px; background-image: url(//gtj.9917.com/style/img/sz_tab.png);}
.shizhuang_tab ul li a:hover{ background-position: bottom; color: #fff; font-weight: bold; }
.shizhuang_tab ul li.cur a{background-position: bottom; color: #fff; font-weight: bold;}
.sz_box{ width: 100%; height: 1010px; position: relative; }

.sz_sexy{ width: 106px; height: 45px; position: absolute; top: 160px; left: 50%; margin-left: -490px; padding: 0 0 243px 54px; background: url(//gtj.9917.com/style/img/sz_line.png) 10px 22px no-repeat; }
.sz_sexy a{ width: 45px; height: 45px; display: block; float: left; margin-left: 8px; background-image: url(//gtj.9917.com/style/img/zy_sexy.png) }
.sz_sexy a.male{ background-position: 0 0 }
.sz_sexy a.female{ background-position: -45px 0 }
.sz_sexy a.male.cur{background-position: -90px 0}
.sz_sexy a.female.cur{background-position: -135px 0}
.sz_name{ width: 230px; height: 46px; position: absolute; top: 225px; left: 50%; margin-left: -430px; }
.sz_name img{ display: block; }
.sz_animate{ width: 220px; height: 220px; position: absolute; top: 300px; left: 50%; margin-left: -430px; background: url(//gtj.9917.com/style/img/zy_d.png) bottom center no-repeat; }
.sz_animate i{ width: 220px; height: 220px; display: block; margin: 0 auto; background-size: 100% 1300%; -webkit-animation: Show 1.5s steps(12) infinite; animation: Show 1.5s steps(12) infinite;}
.sz_img{ width: 774px; display: block; position: absolute; top: 0; left: 50%; margin-left: -310px; z-index: 1; transition: .5s; opacity: 1; transform: translateX(0); }
.sz_img_out{ transform: translateX(100px); opacity: 0; }
.sz_img_in{ transform: translateX(0); opacity: 1; }

.sz_tab{ width: 840px; height: 123px; position: absolute; top: 775px; left: 50%; margin-left: -420px;  z-index: 3; }
.sz_tab ul li{ width: 100px; height: 123px; float: left; margin: 0 10px; }
.sz_tab ul li a{ width: 100px; height: 123px; background-image: url(//gtj.9917.com/style/img/show/00001_s.png); background-position: bottom; display: block;}
.sz_tab ul li span{ width: 100%; display: block; text-align: center; font-size: 16px; color: #333; padding-top: 10px; }
.sz_tab ul li.cur a{ background-position: top !important; }
.sz_tab ul li.cur span{ color: #b62f2f }
.sz_tab ul li:hover a{ background-position: top }
.sz_tab .sz_tab_prev{ width: 17px; height: 28px; display: block; position: absolute; top: 60px; left: -50px; background-image: url(//gtj.9917.com/style/img/arrow_5.png); background-position: top left; }
.sz_tab .sz_tab_next{ width: 17px; height: 28px; display: block; position: absolute; top: 60px; right: -50px; background-image: url(//gtj.9917.com/style/img/arrow_5.png); background-position: top right; }
.sz_tab .sz_tab_next:hover{ background-position: bottom right }
.sz_tab .sz_tab_prev:hover{ background-position: bottom left; }

.sz_arrow a{ width: 37px; height: 57px; display: block; position: absolute; top: 50%; margin-top: -100px; background-image: url(//gtj.9917.com/style/img/arrow_3.png); }
.sz_arrow a.sz_prev{ background-position: 0 0; left: 0; }
.sz_arrow a.sz_next{ background-position: -37px 0; right: 0 }
.sz_arrow a.sz_prev:hover{ background-position: 0 -59px;  }
.sz_arrow a.sz_next:hover{ background-position: -37px -59px;  }

.sz_more{ width: 178px; height: 52px; display: block; margin: 0 auto; background-image: url(//gtj.9917.com/style/img/more.png); background-position: top; position: absolute; bottom: 0px; left: 50%; margin-left: -89px; z-index: 3 }
.sz_more:hover{ background-position: bottom; }

.part_5{ width: 100%; height: 800px; padding-top: 50px;}
.ts_bg{ width: 1118px; height: 558px; margin: 60px auto 0; background: url(//gtj.9917.com/style/img/ts_bg.png); }
.ts_box{ width: 930px; height: 480px; margin: 0 auto; padding-top: 10px; position: relative;}
.ts_box .flex-direction-nav { width:100%; height: 65px; position:absolute; top:190px; left:0; z-index: 4;}
.ts_box .flex-direction-nav a {width:55px; height:65px; display:block; position:absolute; background-repeat:no-repeat; background-image:url(//gtj.9917.com/style/img/arrow_4.jpg); text-indent:-9000px;}
.ts_box .flex-direction-nav a.flex-prev {left:-120px; background-position:left bottom;}
.ts_box .flex-direction-nav a.flex-prev:hover {background-position:left top;}
.ts_box .flex-direction-nav a.flex-next {right:-120px; background-position:right bottom;}
.ts_box .flex-direction-nav a.flex-next:hover {background-position:right top;}

.ts_box .flex-control-paging { width:1010px; height: 42px; position:absolute; bottom:-90px; left: -39px; text-align:center;}
.ts_box .flex-control-paging li { width:162px; height:42px; float: left; margin:0 20px;}
.ts_box .flex-control-paging li a {width:162px; height:42px; display:block; background-image: url(//gtj.9917.com/style/img/ts_tab.png); background-position: bottom; position: relative; cursor:pointer; text-align: center; text-indent: -9999px}
.ts_box .flex-control-paging li a.flex-active { background-position: top }
.ts_box .flex-control-paging li a:before{ width: 162px; height: 42px; position: absolute; top: 0; left: 0; line-height: 42px; text-indent: 0; font-size: 14px;}
.ts_box .flex-control-paging li a.flex-active:before{ color: #fff; font-weight: bold; }
.ts_box .flex-control-paging li:nth-child(1) a:before{ content: "立体真古风";}
.ts_box .flex-control-paging li:nth-child(2) a:before{ content: "移步换景";}
.ts_box .flex-control-paging li:nth-child(3) a:before{ content: "多线剧情";}
.ts_box .flex-control-paging li:nth-child(4) a:before{ content: "经典传承";}
.ts_box .flex-control-paging li:nth-child(5) a:before{ content: "妆容万象";}

.part_6{ width: 100%; padding-bottom: 80px; background: url(img/ap_bg.jpg) center center no-repeat; background-color: #fefdf8}
.media_box{ width: 100%; overflow: hidden;}
.media_box ul{ float: left; }
.media_box ul.media_2{ width: 470px; margin-top: 168px;}
.media_box ul.media_3{ width: 326px; height: 545px; margin-top: 40px; transition: .5s}
.media_box ul.media_3:hover{ transform: translateY(-10px); }
.media_box ul li{ position: relative; overflow: hidden;}
.media_box ul li img{ display: block; position: relative; z-index: 1; transition: .5s }
.media_box ul.media_1 li .media_line{ width: 296px; height: 312px; position: absolute; top: 5px; left:5px; z-index: 2; border: 1px #efdd8e solid; }
.media_box ul.media_2 li .media_line{ width: 215px; height: 142px; position: absolute; top: 5px; left:5px; z-index: 2; border: 1px #efdd8e solid; }
.media_box ul.media_2 li{ width: 227px; float: left; margin:8px 4px;}
.media_box ul li .media_video{ width: 83px; height: 83px; display: block; position: absolute; top: 50%; margin-top: -41px; left: 50%; margin-left: -41px; background-image: url(//gtj.9917.com/style/img/i_video.png); z-index: 2 }
.media_box ul li .media_name{ width: 100%; height: 45px; line-height: 45px; font-size: 16px; color: #fff; background: rgba(0,0,0,.6); text-align: center; transition: .5s; position: absolute; bottom: 0; left: 0; z-index: 3 }
.media_box ul li:hover img{ transform: scale(1.02,1.02); }
.media_box ul li:hover .media_name{ height: 50px; line-height: 45px; }
.ap_more{width: 178px; height: 52px; display: block; margin: 20px auto 0; background-image: url(//gtj.9917.com/style/img/more.png); background-position: top; z-index: 3; transition: .5s }
.ap_more:hover{ transform: translateY(-5px); }


.part_7{ width: 100%; height: 660px; background:url(//gtj.9917.com/style/img/part_6.jpg) top center no-repeat; position:  relative; }
.part_7 .t_box{ padding-top: 70px }
.back_top{ width: 33px; display: block; position: absolute; top:0; left: 50%; margin-left: -16px; }

.soc_box{ width: 1200px; margin: 0 auto; padding-top: 100px; font-family: Micosoft YaHei;}
.soc_box ul li{ width: 164px; height: 129px; float: left; margin: 0 50px; background: #fff; padding: 18px 13px; position: relative; box-shadow: 0 2px 3px #ebe4d8;}
.soc_box ul li i{ width: 2px; height: 50px; display: block; float: left; background: #aa9579; }
.soc_box ul li .soc_n{ font-size: 24px; color: #333; display: block; float: left; margin-left: 5px; width: 30px; line-height: 25px; }
.soc_box ul li .soc_t{ width: 100%; text-align: center; font-size: 14px; color: #666; display: block; position: absolute; left: 0; bottom: 10px;}
.soc_box ul li .soc_t span{ color: #f65c5f }
.soc_box ul li a{ width: 138px; height: 138px; display: block; position: absolute; top:-23px; right: -12px; border: 1px #daccbc solid; box-sizing: border-box;}
.soc_box ul li a img{ width: 100%; display: block; }
.soc_box ul li:hover a{ border: 1px #f00 solid; }

@-webkit-keyframes Show{
	from{background-position-y:0}
	to{background-position-y:100%}
}
@-moz-keyframes Show{
	from{background-position-y:0}
	to{background-position-y:100%}
}
@-ms-keyframes Show{
	from{background-position-y:0}
	to{background-position-y:100%}
}
@-o-keyframes Show{
	from{background-position-y:0}
	to{background-position-y:100%}
}
@keyframes Show{
	from{background-position-y:0}
	to{background-position-y:100%}
}



.wrapper{ width: 1280px; margin:0 auto; position: relative; padding-bottom: 50px}
.content{ width: 954px; float: left; border: 1px #efeddf solid; box-shadow: 0 3px 3px #efeddf; min-height: 750px; background: #fff; position: relative;}
.location{position: absolute; top: -30px; left: 0; font-size: 14px; color: #666}
.location a{ color: #666 }
.location a:hover{ color: #92825a;  }

.news_t_box{ width: 920px; margin: 0 auto; height: 65px; padding-top: 15px; border-bottom: 1px #efeddf solid;}
.news_t_box .news_t{ display: block; font-size: 30px; color: #92825a; padding-left: 15px; padding-top: 5px; float: left;}
.news_t_box .ny_news_tab{ width: 340px; height: 58px; float: right; padding-top: 8px;}
.news_t_box .ny_news_tab ul li{ width: 60px; line-height: 55px; float: left; text-align: center;}
.news_t_box .ny_news_tab ul li a{ width: 60px; height: 55px; font-size:20px; color: #333; display: block; }
.news_t_box .ny_news_tab .news_tab_line{ width: 1px; height: 14px; display: block; background: #efeddf; float: left; margin: 22px 12px;}
.news_t_box .ny_news_tab ul li.cur a{ font-weight: bold; color: #b62e2e; border-bottom: 4px #b62e2e solid; }
.news_t_box .ny_news_tab ul li:hover a{ color: #b62e2e }


.news_t_box .ny_ap_tab{ width: 420px; height: 58px; float: right; padding-top: 8px;}
.news_t_box .ny_ap_tab ul li{ width: 120px; line-height: 55px; float: left; text-align: center;}
.news_t_box .ny_ap_tab ul li a{ width: 120px; height: 55px; font-size:20px; color: #333; display: block; }
.news_t_box .ny_ap_tab .ap_tab_line{ width: 1px; height: 14px; display: block; background: #efeddf; float: left; margin: 22px 12px;}
.news_t_box .ny_ap_tab ul li.cur a{ font-weight: bold; color: #b62e2e; border-bottom: 4px #b62e2e solid; }
.news_t_box .ny_ap_tab ul li:hover a{ color: #b62e2e }

.ny_news_list{ width: 920px; margin: 0 auto; padding: 20px 0}
.ny_news_list ul li{ width: 920px; height: 88px; padding: 30px 0; border-top: 1px #fff solid; border-bottom: 1px #fff solid; }
.ny_news_list ul li p{clear: both; overflow: hidden; padding: 0 50px;}
.ny_news_list ul li .news_name{ font-size: 18px; color: #c0aa72; display: block; float: left; }
.ny_news_list ul li a{ width: 660px; display: block; float: left; font-size: 18px; color: #666; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; padding-left: 5px; }
.ny_news_list ul li .news_time{ float: right; font-size: 18px; color: #666}
.ny_news_list ul li .news_summary{ margin-top: 15px; padding-top: 15px; border-top: 1px #f2f0e4 dashed; font-size: 14px; color: #ccc; line-height: 18px; }
.ny_news_list ul li:hover{ border-top: 1px #efebe6 solid; border-bottom: 1px #efebe6 solid; background-color: #fcfaf7; background-image: url(//gtj.9917.com/style/img/news_hover.png); background-position: top left; background-repeat: no-repeat;}
.ny_news_list ul li:hover .news_summary{ border-top: 0; color: #666; padding-top: 16px; }
.ny_news_list ul li:hover a{ color: #333; }
.ny_news_list ul li a:hover{ color: #c0aa72 }

.aside{ width: 308px; height: 415px; float: right; background: url(//gtj.9917.com/style/img/aside_bg.png); }
.aside .ny_down_box{ width: 183px; margin: 0 auto; padding: 30px 0; }
.aside .ny_down_box img{ display: block; margin: 0 auto }
.aside .ny_down_box .qrcode{ width: 176px; border: 2px #96783f solid; }
.aside .ny_down_box .sao{ display: block; margin: 0 auto; padding-top: 10px; }
.aside .ny_down_box a{ display: block; margin: 10px 0 }
.aside .ny_down_box a:hover{ opacity: .8 }

.ny_news_title{ width: 920px; height: 90px; padding-top: 50px; position: relative; margin: 0 auto; font-size: 30px; color: #333; text-align: center; line-height: 30px; border-bottom: 1px #efeddf solid; }
.ny_news_title .news_time{ display: block; font-size: 14px; color: #999; text-align: center; padding-top: 15px; }

.news_content{ width: 860px; margin: 0 auto; padding: 30px 0; font-size: 14px; color: #666; line-height: 25px; overflow: hidden;}
.news_content *{font-size:14px!important;line-height:25px!important;max-width:100%;text-wrap:initial!important;}

.clear{display: block; clear: both;}

.gamedata_box{ width: 920px; height: 198px; margin: 0 auto; border-bottom: 1px #f0eee0 dashed;}
.gamedata_box .gamedata_t{ width: 314px; position: absolute; top: 0; left: -7px; }
.gamedata_box  .gd_t{ display: block; padding-top: 30px; padding-left: 30px; font-size: 24px; color: #a99359; }
.gamedata_box  .gd_t i{ width: 15px; height: 15px; display: inline-block; vertical-align: middle; margin-top: -3px; margin-right: 5px; background: url(//gtj.9917.com/style/img/gamedata_dot.png);}
.gamedata_box  .gd_list{ padding:0 10px; margin: 30px auto; }
.gamedata_box  .gd_list ul li{ width:130px; height: 16px; font-size: 16px; line-height: 16px; float: left; text-align: center; border-right: 1px #ece3c0 solid; margin: 15px 0 }
.gamedata_box  .gd_list ul li a{ color: #333; display: block; }
.gamedata_box  .gd_list ul li a:hover{ color: #b62e2e; font-weight: bold; text-decoration: underline; }
.gamedata_box  .gd_list ul li:last-child{border-right: 0}

.ap_box{ width: 936px; margin: 0 auto; padding: 20px 0; }
.ap_box ul li{ width: 220px; float: left; margin: 8px 6px; }
.ap_box ul li a{ width: 218px; height: 178px; display: block; border: 1px #ded9c9 solid; background: #000; position: relative;}
.ap_box ul li a img{ width: 100%; display: block; transition: .5s}
.ap_box ul li a i{opacity: 0; transition: .5s}
.ap_box.ap_video a i{ width: 65px; height: 65px; display:block; background-image: url(//gtj.9917.com/style/img/video_i.png); box-sizing: 100% 100%; position: absolute; top: 50%; margin-top: -32px; left: 50%; margin-left: -32px; z-index: 1;}
.ap_box.ap_img a i{ width: 50px; height: 50px; display:block; background-image: url(//gtj.9917.com/style/img/img_i.png); box-sizing: 100% 100%; position: absolute; top: 50%; margin-top: -25px; left: 50%; margin-left: -25px; z-index: 1;}
.ap_box ul li span{ width: 100%; display: block; text-align: center; font-size: 16px; color: #666; height: 20px; line-height: 20px; padding-top: 10px;}
.ap_box ul li .down_img{ width: 100%; text-align: center;}
.ap_box ul li .down_img a{ display: inline-block; font-size: 14px; color: #b7a167; width: 90px; text-align: center; height: 20px; line-height: 20px; background: transparent; border: 0;}
.ap_box ul li .down_img a{ *display: inline;}
.ap_box ul li:hover a img{opacity: .5}
.ap_box ul li:hover a i{ opacity: 1 }


.s1{ transform: translateY(0); opacity: 1; transition: .5s; }
.s2{ transform: translateY(0); opacity: 1; transition: .5s .2s }
.s3{ transform: translateY(0); opacity: 1; transition: .5s .4s}
.s4{ transform: translateY(0); opacity: 1; transition: .5s .6s}
.s5{ transform: translateY(0); opacity: 1; transition: .5s .8s}
.s6{ transform: translateY(0); opacity: 1; transition: .5s 1s}
.s7{ transform: translateY(0); opacity: 1; transition: .5s 1.2s}
.s8{ transform: translateY(0); opacity: 1; transition: .5s 1.4s}
.s9{ transform: translateY(0); opacity: 1; transition: .5s 1.6s}
.s10{ transform: translateY(0); opacity: 1; transition: .5s 1.8s}

.hide .s1{ transform: translateY(100px); opacity: 0;}
.hide .s2{ transform: translateY(100px); opacity: 0;}
.hide .s3{ transform: translateY(100px); opacity: 0;}
.hide .s4{ transform: translateY(100px); opacity: 0;}
.hide .s5{ transform: translateY(100px); opacity: 0;}
.hide .s6{ transform: translateY(100px); opacity: 0;}
.hide .s7{ transform: translateY(100px); opacity: 0;}
.hide .s8{ transform: translateY(100px); opacity: 0;}
.hide .s9{ transform: translateY(100px); opacity: 0;}
.hide .s10{ transform: translateY(100px); opacity: 0;}


.pagenum_Me{width:100%; height:20px; margin:0 auto; padding: 18px 0; font-size: 10px;}
.pagenum_Me ul{ text-align:center; list-style:none}
.pagenum_Me ul li{position: relative; display:inline; padding: 4px 0 3px; margin: 0px 3px; border: 1px solid #D6D6D6; color:#cdcdcd}
.pagenum_Me ul li a{padding:0 8px;  text-decoration:none; color:#cdcdcd;}
.pagenum_Me ul li a:hover{text-decoration:underline}
.pagenum_Me .selected{position: relative; padding: 4px 0 3px; margin: 0px 3px; font-weight: bold; border: 1px solid #1297DC; background: #74C7F3;}
.pagenum_Me .selected a{padding:0 8px; text-decoration:none; color:#fff}

.pagination {width:400px; margin:0 auto; text-align:center; line-height:23px; letter-spacing:-4px; font-size:0; margin-top:40px;}
.pagination a, .pagination span {display:inline-block; letter-spacing:0; font-size:12px; height:20px;}
.pagination a {color:#452e15; text-decoration:none; padding:2px 4px; margin:0 2px; min-width:23px; text-decoration:underline; height:22px; line-height:22px; }
.pagination a:hover {border:1px solid #000; padding:1px 3px; text-decoration:none;}
.pagination a.prev,.pagination a.next {width:40px;}
.pagination a.prev:hover,.pagination a.next:hover {width:38px;}
.pagination span {padding:0 3px; }
.pagination span, .pagination strong{margin:0 3px;}
.pagination span.current {color:#000; font-weight:bold; font-size:13px; /*font-family:Georgia, Tahoma, Arial;*/ }

.mask{ width: 100%; height: 100%; position: fixed; top: 0; left: 0; z-index: 10; background: #000; opacity: .75; filter: alpha(opacity=75); display:none}
.pop_video{ width:800px; height:450px; position:fixed; top:200px; left:50%; margin-left:-400px; z-index:11; padding:5px; background:#000; display:none;}
.pop_video .close{ width:39px; height:39px; position:absolute;	top:0px; right:-39px; background-color: #000; display:block;}
.pop_video .close img{ padding:6px; transition:all ease 0.5s;}
.pop_video .close:hover img{ transform:rotate(360deg);}

.gnz{ width: 130px; display: block; position: fixed; bottom: 0; right: 0; z-index: 3; }
.gnz img{display: block;}

.packs_btn{ width: 130px; display: block; position: fixed; bottom: 0; right: 0; z-index: 3; }
.packs_btn img{display: block;}

.pop_packs{ width: 803px; height:572px; position: fixed; top: 120px; left: 50%; margin-left: -400px; background-image: url(/style/img/pop_packs.png); background-size: 90% 90%; background-position: center center; background-repeat: no-repeat; z-index: 11; display: none;}
.pop_packs .packs_close{ width: 44px; display: block; position: absolute; top: 85px; right: 110px; }
.pop_packs .packs_close img{ width: 100%; display: block; transition: .5s}
.pop_packs .packs_close:hover img{ transform: rotate(90deg); }
.pop_packs .pop_con{ width: 380px; padding: 160px 0 0 225px; text-align: center; }
.pop_packs .pop_con h1{ font-size: 48px; color: #ffdcb1; font-weight: normal; display: block; }
.pop_packs .pop_con p{ font-size: 18px; color: #fff; padding: 15px 0; }
.pop_packs .pop_con .packs_code{ width: 300px; margin: 0 auto; background: #ffe5d3; text-indent: 10px; height: 40px; border: 1px #f5d6d5 solid; font-size: 20px; border-radius: 5px; overflow: hidden; color: #2d1d43; line-height: 40px; text-align: left; position: relative; box-sizing: border-box;}
.pop_packs .pop_con .packs_code span{ font-size: 22px; color: #f96062; font-weight: bold; }
.pop_packs .pop_con .packs_code .copy{ width: 50px; height: 40px; display: block; background: #f3a73b; border-radius: 5px; font-size: 18px; color: #fff; position: absolute; top: -1px; right: 0; text-indent: 0; text-align: center;}


#ageBtn a{ width: 80px; position: absolute; top: 740px; left: 50%; margin-left: 560px; z-index: 7}