/*页面通用样式*/
body{background: #000000;}
img{width: 100%;display: block; pointer-events: none; }
.fl{float: left;}
.fr{float: right;}
.clear{overflow: hidden;}
/*按钮*/
.a_btn{width:62%;margin: 8% auto 0;display: block;color: #000;text-align: center;padding:3% 0%;background: #FFAB02;font-size: 1.2em;border-radius: 50px;font-weight: bold;color: #fff;}

/*标题*/
.box_hd{padding:7% 0 6%;text-align: center;}
.box_hd h2{display: inline-block;font-size: 1.4em;position: relative;padding: 0 10%;color: #ffab02;font-weight: bold;}
.box_hd h2 img{width:8%;position: absolute;top: 18%;}
.box_hd h2 .icon1{left: 0;}
.box_hd h2 .icon2{right: 0;}
.box_hd p{font-size:.9em;text-align: center;color: #d2d2d2;padding:4% 3% 0;}
.box_hd h2.cen img{top: -18%;}


/*ban开始*/
.ban{position: relative;}
.ban .img1{position: absolute;top: 20%;left: 0;animation:mystar 2s infinite;
-webkit-animation:mystar 2s infinite;-moz-animation:mystar 2s infinite;-o-animation:mystar 2s infinite;opacity: .3;}
.ban .img2{position: absolute;top: 28%;left: 0;}  
 


.box2{margin-bottom: 11%;}
.box2 .box_hd{padding-top: 5%;}
.box2 .main{width: 94%;margin: 0 auto;}
.box3{background: url(../images/box3_bg.jpg) no-repeat center top;background-size: 100%;}
.box3 .box_hd h2,.tabbox .box_hd .tab_h2,.tab1_box5 .box_hd h2,.box5 .box_hd h2{padding: 0;}
.box3 .img1{margin-top: 7%;}
.box3 .p2{text-align: center;font-size: .95em;color: #fff;line-height: 1.6em;margin-top:3%;padding: 0 3%;}
.box3 .p2 span{color: #EDAF08;}
.box3 ul{padding: 8% 2% 0;overflow: hidden;}
.box3 ul li{float: left;width: 49%;margin-bottom: 3%;}
.box3 ul .odd{float: right;}
.box3 .btm{background: #fff;text-align: center;color: #000;padding:8% 0;}
.box3 .btm p{font-size: 1.1em;margin-bottom: 1%;}
.box3 .btm span{color: #464646;font-size:.8em;}
.box3 .btm b{font-weight: normal;color: #000;}
.box3 .a_btn{margin-top: 5%;margin-bottom: 6%;}
.box3 .main{background: url(../images/box4_bg.jpg) no-repeat center bottom;background-size: 100%;padding-bottom: 10%;}
.tab_top{width: 90%;margin: 0 auto;overflow: hidden;}
.tab_top .tabtop_con{width: 100%;background: url(../images/tab_bg2.png) no-repeat 0;position: relative; background-size:100%;padding:8% 0 ;}
.tab_top .tabtop_con img{display: block;margin: 5% auto 12%;border-radius: 50%;width: 80%;}
.tab_top .tabtop_con .con{width: 100%;height: 100%;position: absolute;top: 0;left:0;border-radius: 50%;}
.tab_top .tabtop_con .con p{font-size:1.5em;color: #fff;font-weight: bold;text-align: center;width: 100%;margin-top:40%;}
.tab_top .tabtop_con .con b{color: #ffab02;}
.tab_top .tabtop_con .con a{font-size: .9em;color: #ffab02;text-align: center;width: 100%;height:2em;line-height: 2em;text-align: center;display: block;font-weight: bold;text-decoration: underline;}
.tab_top .tabtop_con .con span{width: 100%;display: block;font-size: 1.2em;color: #fff;display: block;text-align: center;margin-top: 2%;}
.tab_top .tabtop_con.on{background-image: url(../images/tab_bg1.png);}
.tab_btm .tabbtm_con{height:0;overflow: hidden;}
.tab_btm .tabbtm_con.show{height:auto;}


.tab1_box5 {background: url(../images/tab1_box5bg.jpg) no-repeat 0 95%;background-size: 100%;padding-top: 5%;}
.tab1_box5 .main{padding:0 3% 0;}
.tab1_box5 .swiper-container{width: 100%;height: 100%;padding-bottom: 10%;}
.tab1_box5 .swiper-pagination-bullet{border: 1px solid #fff;opacity: 1;background: #ED9101;}
.tab1_box5 .swiper-pagination-bullet-active{background: #FFAB02;border:1px solid #FFAB02;}
.tab1_box5 .swiper-container-horizontal>.swiper-pagination-bullets{bottom: 4px;}
.tab1_box5 .con{background: #fff;width: 100%;height:21em;margin-top:2.5%;}
.tab1_box5w .con{height:22.5em;}
.tab1_box5 .swiper-slide{position: relative;}
.tab1_box5 .m_top{position: absolute;top:-0.3%;left:4%;width:45%;background: url(../images/tab1_box5hd.png) no-repeat 0;background-size: 100%;}
.tab1_box5 .m_top p{font-size: 1.1em;font-weight: bold;color: #fff;text-align: center;padding: 6% 0 5%;}
.tab1_box5 .fl{width: 34%;}
.tab1_box5 .fr{width: 65%;}
.tab1_box5 .fl img{margin: 50% auto 16%;width: 78%;border-radius: 50%;}
.tab1_box5 .fl h2{font-size: 1.2em;color: #000;font-weight: bold;text-align: center;padding: 0 2%;}
.tab1_box5 .fr h3{color: #151515;margin-top: 17%;font-size: 1em;margin-bottom: 4%;}
.tab1_box5 .fr span{font-size:.8em;color: #636363;padding:2% 5%;border-radius: 50px;border:1px solid #ffe3ab;display: block;float: left;margin-right: 3%;margin-bottom:3%;}
.tab1_box5 .fr .span2{border-color: #aadff8;}
.tab1_box5 .fr .span3{border-color: #b5e3bd;}
.tab1_box5 .fr .span4{border-color: #f9cdc0;}
.tab1_box5 .fr .span5{border-color: #d8c7e0;}
.tab1_box5 .fr .a_h3{margin-top:1%;margin-bottom: 2%;}
.tab1_box5 .fr p{font-size: .8em;color: #737373;line-height:1.45em;padding-right: 2%;}
.tab1_box5 .a_btn{margin-top: 5%;box-shadow: 0 -5px 10px #df8508 ;}

.tab2_box1 .main{padding:2% 3% 0;}
.tab2_box1 ol{overflow: hidden;}
.tab2_box1 ol li{width: 31.3%;margin: 0 1%;float: left;margin-bottom: 2%;overflow: hidden;color: #232323;padding: 3% 0 3% 9%;text-align: center;box-sizing: border-box;}
.tab2_box1 ol li.cur{color: #fff;}
.tab2_box1 ol .li1{background:#e9e9e9 url(../images/t2box1pic1.png) no-repeat 12% center ;margin-left: 17%;background-size:24%;}
.tab2_box1 ol .li1.cur{background:#f39b06 url(../images/t2box1pic6.png) no-repeat 12% center ;background-size:24%;}
.tab2_box1 ol .li2{background:#e9e9e9 url(../images/t2box1pic2.png) no-repeat 12% center ;background-size:24%;}
.tab2_box1 ol .li2.cur{background:#f39b06 url(../images/t2box1pic7.png) no-repeat 12% center ;background-size:24%;}
.tab2_box1 ol .li3{background:#e9e9e9 url(../images/t2box1pic3.png) no-repeat 12% center ;background-size:24%;}
.tab2_box1 ol .li3.cur{background:#f39b06 url(../images/t2box1pic8.png) no-repeat 12% center ;background-size:24%;}
.tab2_box1 ol .li4{background:#e9e9e9 url(../images/t2box1pic4.png) no-repeat 12% center ;background-size:24%;}
.tab2_box1 ol .li4.cur{background:#f39b06 url(../images/t2box1pic9.png) no-repeat 12% center ;background-size:24%;}
.tab2_box1 ol .li5{background:#e9e9e9 url(../images/t2box1pic5.png) no-repeat 12% center ;background-size:24%;}
.tab2_box1 ol .li5.cur{background:#f39b06 url(../images/t2box1pic10.png) no-repeat 12% center ;background-size:24%;}
.tab2_box1 ul{margin-top: 5%;}
.tab2_box1 ul li{display: none;position: relative;}
.tab2_box1 ul li.on{display: block}
.tab2_box2{padding-bottom:6%;}
.tab2_box2 .main{padding:2% 3% 0;}
.tab2_box2 ol{overflow: hidden;}
.tab2_box2 ol li{width: 31.3%;margin: 0 1% 3%;float: left;overflow: hidden;color: #232323;padding: 2.5% 0 2.5% 9%;text-align: center;box-sizing: border-box;border: 1px solid #f0a102;border-radius:6px;color: #b3b3b3;}
.tab2_box2 ol li.cur{color: #fff;}
.tab2_box2 ol .li1{background: url(../images/t2box2icon1.png) no-repeat 10% center ;background-size:25%;}
.tab2_box2 ol .li1.cur{background:#f0a102 url(../images/t2box2icon1s.png) no-repeat 10% center;background-size:25%;}
.tab2_box2 ol .li2{background: url(../images/t2box2icon2.png) no-repeat 10% center ;background-size:25%;}
.tab2_box2 ol .li2.cur{background:#f0a102 url(../images/t2box2icon2s.png) no-repeat 10% center;background-size:25%;}
.tab2_box2 ol .li3{background: url(../images/t2box2icon3.png) no-repeat 10% center ;background-size:25%;}
.tab2_box2 ol .li3.cur{background:#f39b06 url(../images/t2box2icon3s.png) no-repeat 10% center;background-size:25%;}
.tab2_box2 ol .li4{background: url(../images/t2box2icon4.png) no-repeat 10% center ;background-size:25%;}
.tab2_box2 ol .li4.cur{background:#f39b06 url(../images/t2box2icon4s.png) no-repeat 10% center;background-size:25%;}
.tab2_box2 ol .li5{background: url(../images/t2box2icon5.png) no-repeat 10% center ;background-size:25%;}
.tab2_box2 ol .li5.cur{background:#f39b06 url(../images/t2box2icon5s.png) no-repeat 10% center;background-size:25%;}
.tab2_box2 ol .li6{background: url(../images/t2box2icon6.png) no-repeat 10% center ;background-size:25%;}
.tab2_box2 ol .li6.cur{background:#f39b06 url(../images/t2box2icon6s.png) no-repeat 10% center;background-size:25%;}
.tab2_box2 ul{margin-top: 5%;}
.tab2_box2 ul li{display: none;position: relative;}
.tab2_box2 ul li.on{display: block}
.tab2_box2 ul .con{width: 100%;border: 1px solid #f0a102;margin-top: 20%;padding-bottom: 6%;}
.tab2_box2 ul .con img{margin: -15% auto 0;width: 80%;}
.tab2_box2 ul h2{font-size: 1.05em;text-align: center;font-weight: bold;color: #ffb811;margin-top: 5%;}
.tab2_box2 ul p{font-size: .9em;color: #fff;line-height: 1.6em;padding:4% 5% 0;}
.tab2_box2 ul p span{font-size: 1.2em;color: #ffb811;}
.tab2_box4 .box_hd h2{padding: 0 10% !important;}
.box4{margin-top: -5%;}
.box4 .con{position: relative;z-index: -1;}
.box4 .con1{position: relative;}
.box4 .box_hd{left: 0;top:20%;position:absolute;width: 100%;}
.box4 .a_btn{position: absolute;bottom: 8%;left: 19%;z-index: 99;}

.box6 {padding-bottom: 12%;}
.box6 ul{width: 90%;margin: 3% auto 12%;}
.box6 ul li{background:#fff;box-shadow: 4px 5px 0 #ffab02;text-align: center;font-size: 1em;margin-bottom:5%;border-radius: 5px;padding: 3% 0;color: #000;}
.box6 ul .odd{background:#ffab02;box-shadow:4px 5px 0 #fff;}

 /*动画*/  
@keyframes mystar
{0 {opacity: .3;}50%{opacity: 1;}100% {opacity: .3;}}
@-moz-keyframes mystar /* Firefox */
{0 {opacity: .3;}50%{opacity: 1;}100% {opacity: .3;}}

@-webkit-keyframes mystar /* Safari 和 Chrome */
{0 {opacity: .3;}50%{opacity: 1;}100% {opacity: .3;}}
@-o-keyframes mystar /* Opera */
{0 {opacity: .5;}50%{opacity: 1;}100% {opacity: .5;}}
@media screen and (max-width: 320px){
	body{font-size: .9rem}
.tab1_box4 ul li .con i{margin-right:7%;}
.tab1_box5 .fr span{margin-right: 2%;}
.box6 ul{width: 94%;}
.tab1_box5w .con{height:23.5em;}
}
@media (min-width : 410px) and (max-width : 736px){
.box1 .btm .bor{padding: 0 7%;}
.tab1_box2 ul li p{top: 25%;}
.tab_top .tabtop_con .con p{margin-top:32%;}
.tab1_box4 ul li .con i{margin-right:14%;}
.tab1_box5 .m_top p{padding:7% 0 7.5% ;}

}
@media screen and (min-width: 750px){
	body{font-size: 1.5rem}
	.a_btn{width:45%;}
	.box4 .a_btn{position: absolute;bottom: 8%;left: 27.5%;}
.tab_top .tabtop_con .con p{margin-top:35%;font-size: 1.1em;}
.tab1_box2 ul li p{top: 30%;}
.tab1_box3 ul li p{bottom: 5%;}	
}