*{ margin: 0px; padding: 0px; font-size: 16px; font-family: "微软雅黑";}
@media screen  and (max-width:500px) {
	*{ margin: 0px; padding: 0px; font-size: 10px; font-family: "微软雅黑";}
	}
a{ text-decoration: none;}
li{ list-style: none;}
img{ border: none;;}
.fl{ float: left;}
.fr{ float: right;}
.center{ width:1200px; margin: 0px auto;}

@media screen and (max-width: 500px) {
	.center{ width: 94%; margin: 0px auto; overflow:hidden;}
}

.banner{ width: 100%; height: 796px; background: url(../images/banner.jpg) no-repeat center center; background-size: 100% 100%;}
@media screen and (max-width: 1450px) {
	.banner{height: 566px; }
}
@media screen  and (max-width:500px) {
	.banner{height: auto; }
}
.top{ width: 100%; background: rgba(0,0,0,.3); border-bottom: solid 2px #7c5411; height:130px;}
.top img{ display: block; float: left; margin-top: 23px;}

.top ul{ margin-top: 60px; float: right;}    

@media screen and (max-width: 500px) {
    .top {
        height:auto;
    }

        .top ul {
            margin-top:0;
        }

	.top img{width: 120px; height: 45px;}
    .top ul li{
        line-height:32px;
    }
}
.top a{ /*float: right;*/ margin-top: 27px; font-size: 16px; color: #f6c811;}
.top a:hover{ color:#c5c5c5;}
.top a.top_1{width: 700px; text-align: right; margin-right: 30px;}
@media screen and (max-width: 500px) {
	.top a.top_1{width: 100px; text-align: right; margin-right: 30px;}
}

@media screen  and (max-width:500px) {
}
.top ul li{ float: left; margin-left:33px; border-bottom:2px solid rgba(0,0,0,0); box-sizing:border-box;}
.top ul li:hover{border-bottom:2px solid #f6c811;}
.top ul li a{ margin: 0; color: #c5c5c5; font-size:16px;}
@media screen and (max-width:500px) {
    .top ul li a{ font-size:14px;}
}


.wen{margin-top: 90px;}
.top ul li:hover a{color:#f6c811;}
@media screen and (max-width: 1450px) {
	.wen{margin-top: 30px;}
}
@media screen  and (max-width:500px) {
	.wen{width: 80%;margin-top: 20px;}
	.top ul li{ font-size:14px; margin-left:10px; height:32px;}
	.top ul li a{ margin: 0; color: #c5c5c5;}
}

.con1{ width: 100%; height: auto; overflow:hidden; background-color: #000; background-size: 100% 100%; margin-top: -2px; float: left;}
@media screen and (max-width: 1450px) {
	
}
@media screen  and (max-width:500px) {
	
}
.cha{ width: 918px; height: 83px; background: url(../images/search_bg.png) no-repeat center center; margin:-35px auto 0px; background-size: 100% 100%;}
@media screen and (max-width: 1450px) {
	.cha{ width: 650px; height: 56px;margin:-35px auto 0px; }
}
@media screen  and (max-width:500px) {
	.cha{ width: 90%; height: 30px;margin:-35px auto 0px; }
}
.cha input{ width: 458px; height: 61px; outline: none; background: url(../images/search_input.png) no-repeat center center; background-size: 100% 100%; border: none;  margin-left: 262px; margin-top:11px ; padding-left: 10px;}
@media screen and (max-width: 1450px) {
	.cha input{ width: 317px; height: 42px; margin-left: 183px; margin-top: 7px;padding-left: 10px;}
}
@media screen  and (max-width:500px) {
	.cha input{ width: 40%; height: 22px; margin-left: 95px; margin-top: 4px;padding-left: 10px;}
}

.cha a{ display: block; width: 140px; height: 61px; float: right; margin-top: 11px; background: url(../images/button.png) no-repeat center center; background-size: 100% 100%; margin-right: 36px; line-height: 61px; text-align: center; color: #FFFFFF;}
@media screen and (max-width: 1450px) {
	.cha a{width: 98px; height: 42px;margin-top: 7px; margin-right: 25px; line-height: 42px;}
}
@media screen  and (max-width:500px) {
	.cha a{width: 20%; height: 22px;margin-top: 4px; margin-right: 5px; line-height: 22px;}
}

.title_1{display: block; width: 696px; height: 104px; margin: 58px auto 0px;}
@media screen and (max-width: 1450px) {
	.title_1{width: 488px; height: 73px; margin: 50px auto 0px;}
}
@media screen  and (max-width:500px) {
	.title_1{width: 80%; height: 40px; margin: 20px auto 0px;}
}
.title1_con{display: block; width: 1204px; height: 232px; margin: 30px auto 80px; background: url(../images/con1_bg.png) no-repeat  center center; background-size: 100% 100%; padding-top: 10px;}
@media screen and (max-width: 1450px) {
	.title1_con{width: 843px; height: 165px;}
}
@media screen  and (max-width:500px) {
	.title1_con{width: 80%; height: 130px;}
}

.div1{ width: 1186px; height:139px; margin:0px  auto; border-bottom: solid 1px #ffbd15;}
.div1_1{ width: 173px; height: 100%; text-align: center; line-height: 139px; color: #FFFFFF; font-size: 20px; border-right: solid 1px #ffbd15; float: left; color:#ffbd15;}
.div1_2{ width: 499px; height: 100%; text-align: center; color: #FFFFFF; font-size: 20px; border-right: solid 1px #ffbd15; float: left;}
.div1_21{ width: 100%; height: 69px; line-height: 69px;border-bottom: solid 1px #ffbd15;font-size: 20px;color:#ffbd15;}
.div1_22{ width: 49.8%; height: 69px; line-height: 69px;border-right: solid 1px #ffbd15; float: left;font-size: 20px;color:#ffbd15;}
.div1_23{ width: 49.8%; height: 69px; line-height: 69px; float: left;font-size: 20px;color:#ffbd15;}
.div1_3{ width: 238px; height: 100%; text-align: center; line-height: 139px; color: #FFFFFF; font-size: 20px; border-right: solid 1px #ffbd15; float: left;color:#ffbd15;}
.div1_4{ width: 271px; height: 100%; text-align: center; line-height: 139px; color: #FFFFFF; font-size: 20px; float: left;color:#ffbd15;}
.div2_1{ width: 173px; height: 100%; text-align: center; line-height: 74px; color: #FFFFFF; font-size: 20px; border-right: solid 1px #ffbd15; float: left;}
.div2_2{ width: 249px; height: 100%; text-align: center; line-height: 74px; color: #FFFFFF; font-size: 20px; border-right: solid 1px #ffbd15; float: left;}
.div2_3{ width: 249px; height: 100%; text-align: center; line-height: 74px; color: #FFFFFF; font-size: 20px; border-right: solid 1px #ffbd15; float: left;}
.div2_4{ width: 238px; height: 100%; text-align: center; line-height: 74px; color: #FFFFFF; font-size: 20px; border-right: solid 1px #ffbd15; float: left;}
.div2_5{ width: 271px; height: 100%; text-align: center; line-height: 74px; color: #FFFFFF; font-size: 20px; float: left;}
.div2{ width: 1186px; height:74px; margin: 0px  auto;}
@media screen and (max-width: 1450px) {
	.div1{ width: 830px; height:97px;}
	.div2{ width: 830px; height:52px;}
	.div1_1{ width: 123.3px; font-size: 16px; line-height: 97px;}
	.div1_2{ width: 345px; font-size: 16px;  }
	.div1_3{ width: 166px; font-size: 16px;  line-height: 97px;}
	.div1_4{ width: 192.5px; font-size: 16px;  line-height: 97px;}
	.div2_1{ width: 123.3px; font-size: 16px; line-height: 50px;}
	.div2_2{ width: 172px; font-size: 16px;  line-height: 50px;}
	.div2_3{ width: 172px; font-size: 16px; line-height: 50px;}
	.div2_4{ width: 166px; font-size: 16px; line-height: 50px;}
	.div2_5{ width: 192.5px; font-size: 16px; line-height: 50px;}
	.div1_21{ width: 100%; height: 48px; line-height: 48px; font-size: 16px;}
	.div1_22{ width: 49.8%; height: 48px; line-height: 48px; font-size: 16px;}
	.div1_23{ width: 49.8%; height: 48px; line-height: 48px; font-size: 16px;}
}
@media screen  and (max-width:500px) {
	.div1{ width: 96%; height:70px;}
	.div2{ width: 96%; height:50px;}
	.div1_1{ width: 16%; font-size: .8em;  line-height: 70px;}
	.div1_2{ width: 43%; font-size: .8em;}
	.div1_3{ width: 20%; font-size: .8em;  line-height: 70px;}
	.div1_4{ width: 18%; font-size: .8em;  line-height: 70px;}
	.div2_1{ width: 16%; font-size: .8em;  line-height: 12px;}
	.div2_2{ width: 21%; font-size: .8em; line-height: 50px;}
	.div2_3{ width: 21.5%; font-size: .8em; line-height: 50px;}
	.div2_4{ width: 20%; font-size: .8em;  line-height: 50px;}
	.div2_5{ width: 18%; font-size:.8em; line-height:inherit;}
	.div1_21{ width: 100%; height: 35px; line-height: 35px; font-size: .8em;}
	.div1_22{ float:left; width:48%;height: 35px;line-height: 35px; font-size: .8em;}
	.div1_23{float:left;width:48%;height: 35px;line-height: 35px; font-size: .8em;}
}





.title_vip{display: block; width: 990px; height: 592px; margin: 0px auto;}
@media screen and (max-width: 1450px) {
	.title_vip{width: 693px; height: 415px;}
}
@media screen  and (max-width:500px) {
	.title_vip{width: 80%; height: 205px;}
}
.title_2{display: block; width: 742px; height: 137px; margin: 80px auto 0px;}
@media screen and (max-width: 1450px) {
	.title_2{width: 520px; height: 96px; margin: 56px auto 0px;}
}
@media screen  and (max-width:500px) {
	.title_2{width: 80%; height: 50px; margin: 20px auto 0px;}
}
.title2_con{width: 1200px; height: auto; margin: 0 auto;}
@media screen and (max-width: 1450px) {
	.title2_con{width: 840px; height: auto;}
}
@media screen  and (max-width:500px) {
	.title2_con{width: 100%; height: auto;}
}
.con1 h1{width: 1200px; margin: 0 auto; color: #FFBD15; font-size: 20px; font-weight: normal; margin-top:40px;}
@media screen and (max-width: 1450px) {
	.con1 h1{width: 840px;}
}
@media screen  and (max-width:500px) {
	.con1 h1{width: 400px;}
}
.con1 p{width: 1200px; margin: 0 auto; color: #FFFFFF; line-height: 30px; text-align: justify; text-indent: 35px; letter-spacing: 1px; }
@media screen and (max-width: 1450px) {
	.con1 p{width: 840px;}
	}
@media screen  and (max-width:500px) {
	.con1 p{width: 100%; }
}

.a1{ width: 100%; height: 56.5px; border-bottom: solid 1px rgba(160,160,160,.3);}
.a1.a{ border-bottom: solid 1px #ffbd15;}
.b1,.c1{ float: left; text-align: center; color: #FFFFFF;line-height:53.5px;}
.c1{border-right: solid 1px rgba(160,160,160,.3); width: 112px; height: 100%;}
.b1{border-right: solid 1px #ffbd15; width: 163px; height: 100%;}
.d1{ height: 30px; border: none;}
@media screen and (max-width: 1450px) {
	.a1{ height: 53.5px;}
	.a1.a .b1,.a1.a .c1{ color: #ffbd15;}
	.b1{ width: 113px; line-height: 53.5px;}
	.c1{ width: 78.5px; line-height: 53.5px;}
	.d1{ height: 21px;}
}
@media screen  and (max-width:500px) {
	.a1{ width: 96%; height: 33.5px; font-size: 10px;}
	.b1{ width: 80px; line-height: 33.5px; font-size: 10px;}
	.c1{ width: 46px; line-height: 33.5px; font-size: 10px;}
	.d1{ height: 21px; font-size: 10px;}
	.del{ display: none;}
}

.con3{ width: 100%; height: 1451px; float: left; background: rgba(11,11,11,1); margin-top: -1px;}
@media screen and (max-width: 1450px) {
	.con3{height: 1046px;}
}
@media screen  and (max-width:500px) {
	.con3{height: auto;}
}

.title_3{display: block; width: 742px; height: 137px; margin: 54px auto 0px;}
@media screen and (max-width: 1450px) {
	.title_3{width: 520px; height: 96px; margin: 70px auto 0px;}
}
@media screen  and (max-width:500px) {
	.title_3{width: 80%; height: 50px; margin: 10px auto 0px;}
}

.con3_1{ width: 1200px; height: 1200px; margin: 0 auto;}
.con3_1 li{ width: 400px; height: 400px; float: left; position: relative; overflow: hidden; border-radius: 50%;}
.con3_1 li div{
	width: 100%; height: 100%; position: absolute; top: 0px; left: 0px;
    border-radius: 50%;
    box-shadow:0px 0px 40px 25px rgba(11,11,11,1) inset;
    background: url(../images/con3_bg.jpg) no-repeat center center; 
    background-size: 100% 100%;
    transition: 4s;
}
.con3_1 li img.to{ width: 264px; height: 264px; position: absolute; top: 68px; left: 68px;}
.con3_1 li:hover div{ transform: rotate(360deg); transition: 4s;}
@media screen and (max-width: 1450px) {
	.con3_1{ width: 840px; height: 840px;}
	.con3_1 li{ width: 280px; height: 280px; }
	.con3_1 li img.to{ width: 184px; height: 184px; top: 48px; left: 48px;}
}
@media screen  and (max-width:500px) {
	.con3_1{ width: 90%; height: auto;}
	.con3_1 li{ width: 100px; height: 100px; }
	.con3_1 li img.to{ width: 65px; height: 65px; top: 17px; left: 17px;}
	.con3_1 li div{box-shadow:0px 0px 20px 10px rgba(11,11,11,1) inset;}
}




.con4{ width: 100%; height: auto; background: #161616; float: left;}
@media screen and (max-width: 1450px) {
	
}
@media screen  and (max-width:500px) {
	
}
.title_4{display: block; width: 696px; height: 137px; margin: 75px auto 0px;}
@media screen and (max-width: 1450px) {
	.title_4{width: 487px; height: 96px; margin: 52px auto 0px;}
}
@media screen  and (max-width:500px) {
	.title_4{width: 80%; height: 50px; margin: 30px auto 0px;}
}
.p1,.p2{ width: 1200px; font-size: 24px; line-height: 50px; margin: 0 auto; letter-spacing: 3px;}

.p1{ color: #ffbd15;}
.p2{ color: #c5c5c5;}
@media screen and (max-width: 1450px) {
	.p1,.p2{ width: 840px; font-size: 16px; line-height: 32px;}
}
@media screen  and (max-width:500px) {
	.p1,.p2{ width: 90%; font-size: 10px; line-height: 24px;}
}
.con5{ width: 100%; height: 1078px; background: #0b0b0b; float: left;}
@media screen and (max-width: 1450px) {
	.con5{ height: 755px;}
}
@media screen  and (max-width:500px) {
	.con5{ height: auto;}
}
.title_5{display: block; width: 771px; height: 128px; margin: 78px auto 0px;}
@media screen and (max-width: 1450px) {
	.title_5{width: 540px; height: 90px; margin: 50px auto 0px;}
}
@media screen  and (max-width:500px) {
	.title_5{width: 90%; height: 50px; margin: 30px auto 10px;}
}
.con5_con{ width: 1272px; height: auto; margin: 0 auto; background: url(../images/con5_bg.png) no-repeat center center; background-size: 100% 100%; padding: 20px 65px; color: #a3a3a3; letter-spacing: 2px; font-size: 24px; line-height: 50px;}
.con5_con font{ color: #ffbd15;}
@media screen and (max-width: 1450px) {
	.con5_con{ width: 830px; height: auto; font-size: 16px; line-height: 32px;}
}
@media screen  and (max-width:500px) {
	.con5_con{ width: 90%; padding-left: 13px;padding-right: 13px; height: auto; font-size: 10px; line-height: 24px;padding-top: 20px;}
}
.footer{ width: 100%; height: 80px; background: #171717; float: left; line-height: 80px; text-align: center; color: #a3a3a3;}
@media only screen and (max-width: 1450px) {
	.footer{height: 56px; line-height: 56px; }
}

.tan{ position: fixed; width: 100%; height: 100%; top: 0px; left: 0px; background: rgba(0,0,0,.7); display: none; z-index:999;}
.tan iframe{width: 664px; height: 335px; margin: 13% auto; display: block;}
@media screen and (max-width: 1450px) {
	.tan iframe{width: 664px; height: 335px; margin: 13% auto;}
}
@media screen  and (max-width:500px) {
	.tan iframe{width: 90%; height: 450px; margin: 5% auto;}
}


/* qrcode */
.phoneapp {
    display:none;
    position:absolute;
    left:32%;
    top:30px;
    margin:10px 10px;
    padding:7px;
    border: 2px solid #7c5411;
    background-color: #7c5411;
}

.phoneapp i {
    position:absolute;
    top:-14px;
    left:50%;
    margin-left:-15px;
    border-bottom:15px solid #7c5411;
    border-left:15px dashed transparent;
    border-right:15px dashed transparent;
}

.wow table {
    width:100%;
    border-top:solid 1px #ffbd15;
    border-left:solid 1px #ffbd15;
    border-spacing:0;
}

    .wow table td {
        height:53px;
        line-height:53px;
        border-right:solid 1px #ffbd15;
        border-bottom:solid 1px #ffbd15;
        color:#fff;
        text-align:center;
    }

    @media screen  and (max-width:500px) {
	.wow table{width: 90%; font-size:12px; margin:0 auto;}
        .wow table td {
            line-height:20px;
            font-size:.8em;
        }
}

    .wow table.border0 {
        border:0;
    }

.wow table .border0 {
    border-right:0;
}

    .wow table .border1 {
        border-bottom:0;
    }

    .wow table.color td{
        border-color:#5B5346;
    }

    .wow table.color .color {
        border-color:#ffbd15;
    }

    .wow table.color .color1 {
        border-bottom:1px solid #ffbd15;
    }

    .wow table.color .color2 {
        border-right:1px solid #ffbd15;
    }