@charset "gb2312";
@import url(animate.min.css);
/* 1.BODY
---------------------------------------------------------------------- */
body{padding:0;font-family:"Microsoft YaHei"; margin:0 auto;-webkit-text-size-adjust: none; width:100%;overflow-x: hidden; font-size:100%; background: #ffffff!important; max-width: 640px; min-width: 320px;}
ol,ul{list-style:none}
*{	-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;}
ul,li,input,h1,h2,h3,h4,p,span,b,dl,dt,dd,header,menu,section,footer,nav,article{ margin:0; padding:0;font-weight: normal;}
ul,li{ list-style:none;}		
img{border:0;}
em{ font-style:normal;}
a{ text-decoration:none; color:#333;}
/*****************************************************************************/
.pinpai_bigbox{ width: 100%; position: relative; overflow: hidden;}


.pinpai_box01{ width: 100%; position: relative; overflow: hidden;}
.pinpai_box01 img{ display:block; width: 100%;}


.pinpai_box02{width: 94%; position: relative; overflow: hidden; margin: 0 auto;}
.pinpai_box02 img{ width: 100%; display: block;}
.pinpai_box02 .pinpai_bt{ margin: 8% auto 5%;}
.pinpai_box02 li{ width: 100%; position: relative; overflow: hidden;}
.pinpai_box02 li img:nth-child(3){ width: 46%; margin: 0 auto;}
.pinpai_box02 .box02_line{ width: 20%; height: 3px; background: #ff6600; margin: 3% auto;}
.pinpai_box02 .box02_zx{ width: 100%; position: relative; overflow: hidden; margin: 4% auto 8%;}
.pinpai_box02 .box02_zx a{ display: block; width: 42%; color: #fff; background: #ff6600; border:1px solid #ff6600; line-height: 2; text-align: center; float: left; font-size: 1rem;}
.pinpai_box02 .box02_zx a:nth-child(2){ color: #ff6600; background: #fff; float: right;}
.pinpai_box02 .zxwt_box02{ display: block; width: 100%; color: #fff; background: #ff6600; line-height: 3; text-align: center; font-size: 1rem; margin: 2% auto 10%;}


.pinpai_box03{width: 100%; position: relative; background: #f1f1f1; padding-bottom: 10%;}
.box03_main{width: 100%; position: relative; overflow: hidden;}
.box03_main img{ width: 100%; display: block; margin: 0 auto;}
.box03_main .pinpai_bt{ margin: 8% auto 5%;}
.pinpai_box03 a{ display: block; width: 94%; color: #fff; background: #ff6600; line-height: 3; text-align: center; font-size: 1rem; position: absolute; bottom: -3%; left: 3%; z-index: 6;}


.pinpai_box04{ width: 100%; position: relative; overflow: hidden; }
.pinpai_box04 img{ display: block; width: 100%; margin: 0 auto;}
.pinpai_box04 .pinpai_bt{ margin: 14% auto 5%;}

.box04_tab{ width: 100%; position: relative; overflow: hidden; margin: 3% auto;}
.box04_tab .nav { width:100%; height: 60px; position: relative; overflow: hidden; text-align: center; margin: 4% auto 6%;}
.box04_tab .nav li { width: 30%; height: 100%; float: left; position: relative; overflow: hidden;}
.box04_tab .nav li:nth-child(1){margin-left: 5%; }
.box04_tab .nav li a{ display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: url(../images/pinpai_m14.png) no-repeat center;}
.box04_tab .nav li a.current{background: url(../images/pinpai_m15.png) no-repeat center; }
.box04_tab .nav li:nth-child(1) a{background-size: 351%; background-position: 7% 0;}
.box04_tab .nav li:nth-child(2) a{background-size: 351%; background-position: 50% 0;}
.box04_tab .nav li:nth-child(3) a{background-size: 351%; background-position: 93% 0;}

.box04_tab .list_wrap{ width:100%; position: relative; overflow: hidden; margin: 0 auto 4%;}
.box04_tab .list_wrap li{ width: 100%; float: left; position: relative; overflow: hidden;}
.box04_tab .list_wrap li a{ display: block; width: 45%; height: 40%; position: absolute;}
.box04_tab .list_wrap li a:nth-child(2){top: 0; left: 3%;}
.box04_tab .list_wrap li a:nth-child(3){top: 0; left: 50%;}
.box04_tab .list_wrap li a:nth-child(4){top: 52%; left: 3%;}
.box04_tab .list_wrap li a:nth-child(5){top: 52%; left: 50%;}
.pinpai_box04 .box04_zx{display: block; width: 94%; color: #fff; background: #ff6600; line-height: 3; text-align: center; font-size: 1rem; margin: 2% auto 10%;}


.pinpai_box05{width: 100%; position: relative; background: #f1f1f1; padding-bottom: 18%;}
.box05_main{ width:100%;overflow:hidden; position: relative;padding: 2% 0 7% 0; background-color: #f1f1f1;}
.box05_main img{ display: block; }
.box05_main .pinpai_bt{width: 100%; margin: 3% auto 5%;}
.box05_main .pinpai_bt01{ width: 80%; margin: 0 auto;}
.box05_main .pinpai_bt02{ width: 90%; position: absolute; top: 90%; left: 5%;}
.box05_main .swiper-container{ width: 100%;}
.box05_main .swiper-container img{ display: block; width: 100%; margin: 0;}
.box05_nr{ background-color: #ff6600; width: 94%; padding: 3%; position: relative; margin: 0 auto;}
.box05_nr h2{ font-size: 1rem;width: 100%; margin: 0 auto; color: #ffffff;}
.box05_nr h2 img{ width: 8%; margin: 0; position: relative;}
.box05_nr p{ color: #ffffff; font-size: 0.8rem; line-height: 1.6; margin: 5% 0;}
.box05_nr img{position: absolute; bottom: -18%; width: 100%; left: 0%}
.box05_nr a{ display: block; width: 40%; position: absolute; top: 90%; left: 8%; background: #ffd926; color: #141414; font-size: 1rem; line-height: 2; text-align: center; z-index: 6;}
.pinpai_box05 .box05_zx{ display: block; width: 94%; color: #fff; background: #ff6600; line-height: 3; text-align: center; font-size: 1rem; position: absolute; bottom: -3%; left: 3%; z-index: 6;}


.pinpai_box06{width:100%; position: relative; overflow: hidden; }
.pinpai_box06 img{ display: block; width: 100%;}
.pinpai_box06 .pinpai_bt{width: 100%; margin: 10% auto 6%;}
.pinpai_box06 a{display: block; width: 94%; color: #fff; background: #ff6600; line-height: 3; text-align: center; font-size: 1rem; margin: 8% auto 10%;}


.pinpai_box07{width: 100%; position: relative; background: #f1f1f1; padding-bottom: 16%;}
.box07_nr{width:100%;overflow:hidden; position: relative;}
.box07_nr .pinpai_bt{width: 100%; margin: 3% auto 5%;}
.pinpai_box07 img{ display: block; width: 100%;}
.box07_nr h1{ width: 100%; text-align: center; font-size: 1.25rem; color: #221815; font-weight: bold; margin: 3% auto 5%;}
.box07_nr h2{ width: 90%; margin: 3% auto; font-weight: bold; font-size: 1.125rem; color: #221815;}
.box07_nr p{ width: 90%; margin: 0 auto; font-size: 1rem; color: #221815; line-height: 1.6;}
.pinpai_box07 .box07_zx{ display: block; width: 94%; color: #fff; background: #ff6600; line-height: 3; text-align: center; font-size: 1rem; position: absolute; bottom: -3%; left: 3%; z-index: 6;}


.pinpai_box08{width:100%; position: relative; overflow: hidden;}
.pinpai_box08 img{ display: block; width: 100%;}
.pinpai_box08 img:nth-child(1){ margin-top: 15%; margin-bottom: 12%;}
.pinpai_box08 img:nth-child(3){ margin-top: 5%; margin-bottom: 8%;}


.pinpai_box09{width:100%; position: relative; overflow: hidden;}
.pinpai_box09 img{ display: block; width: 100%;}
.pinpai_box09 input{ width: 84%; display: block; border:1px solid #e4e4e4; border-radius: 6px; height: 40px; padding-left: 6%; margin: 5% auto; font-size: 1rem; }
.pinpai_box09 button{ display: block; width: 86%; background: #ff6600; color: #fff; font-size: 1rem; text-align: center; height: 40px; line-height: 40px; border:none; margin:5% auto 8%;}


