@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;}
/*****************************************************************************/
.xf_bigbox{ width: 100%; position: relative; overflow: hidden;}


.xf_box01{ width: 100%; position: relative; overflow: hidden;}
.xf_box01 img{ width: 100%; display: block;}


.xf_box02{ width: 96%; position: relative; overflow: hidden; margin: 0 auto;}
.xf_bt{ width: 100%; position: relative; overflow: hidden; font-size: 1rem; color: #333; margin: 5% auto;}
.xf_bt img{ display:inline-block; width: 8%; vertical-align: middle;}
.xf_bt span{color: #e2e2df; font-size: 1.8rem; letter-spacing: -0.05rem; font-family: "Impact";  vertical-align: middle; border-right: 1px solid #e2e2df; padding-right: 0.4rem; margin-right: 0.4rem;}
.xf_box02 ul{ width: 100%; position: relative; overflow: hidden;}
.xf_box02 ul li{ width: 48%; float: left; margin: 0 1% 3%;}
.xf_box02 ul li img{ display: block; width: 100%;}
.xf_box02 a{ display: block; width: 100%; color: #f11111; font-size: 1rem; line-height: 2; text-align: center; border:1px solid #f11111; border-radius: 10px; margin: 3% auto 2%;}


.xf_box03{width: 96%; position: relative; overflow: hidden; margin: 0 auto;}
.xf_box03 ul{ width: 100%; position: relative; overflow: hidden;}
.xf_box03 ul li{ width: 100%; position: relative; overflow: hidden; margin-bottom: 5%;}
.xf_box03 .box03_zy img{ display: block; width: 67%;}
.xf_box03 .box03_zy a{ display: block; float: left; width: 28%; margin-left: 2%;}
.xf_box03 .box03_zy a img{ width: 100%;}
.xf_box03 .zxwt_01{ display: block; width: 30%; background: #fe7e35; color: #fff; text-align: center; border-radius: 50px; line-height: 2; font-size: 0.9rem; margin: 3% auto 0;}
/*.xf_box03 .box03_youhui{ width: 40%; height: 30%; position: absolute; bottom: 0; right: 0; background: url(../images/tu2_03.png) no-repeat center center; background-size: 100% 100%; text-align: center; color: #333; padding-top: 1%; }
.xf_box03 .box03_youhui span{ display: block; font-size: 0.9rem; color: #fa3e3d;}
*/


.xf_box04{ width: 100%; position: relative; overflow: hidden; margin-top: -4%;}
.xf_box04 a{ display: block;}
.xf_box04 a img{ width: 100%; display: block;}


.xf_box05{width: 96%; position: relative; overflow: hidden; margin: 0 auto;}
.xf_box05 .box05_img{ width: 100%; position: relative; overflow: hidden;}
.xf_box05 .box05_img img{display: block; float: left; width: 31%; margin: 0 1%;}
.xf_box05 a{ display: block; width: 100%; background: #f20000; color: #fff; font-size: 1rem; line-height: 2; text-align: center; border-radius: 10px; margin: 5% auto 0;}
.xf_box05 .box05_zx{ color: #a2a2a2; background: #fff; border:1px solid #a2a2a2;}


.xf_box06{width: 96%; position: relative; overflow: hidden; margin: 0 auto 5%;}
.xf_box06 h1{ text-align: center; font-size: 1.125rem; color: #4f4f4f; margin: 3% 0;}
.xf_box06 a{ display: block; width: 31%; margin: 0 1% 2%; background: #eeeeee; float: left;}
.xf_box06 a img{ width: 40%; display: block; margin: 12% auto 0;}
.xf_box06 a h2{ width: 100%; text-align: center; font-size: 0.7rem;}
.xf_box06 a p{ font-size: 0.8rem; background: #fe7e35; color: #fff; border-radius: 50px; text-align: center; margin: 3% auto; width: 80%; margin-bottom: 10%;}


.xf_box07{width: 100%; position: relative; overflow: hidden; }
.xf_box07 img{ width: 100%; display: block;}
.xf_box07 .box07_form{ width: 90%; margin: 0 auto; position: absolute; top: 5%; left: 5%; background: #ffffff; height: 100%;}
.xf_box07 .box07_form h1{ width: 90%; font-size: 1.125rem; text-align: center; line-height: 1.8; font-weight: bold; margin: 6% auto 0;}
.xf_box07 .box07_form h2{width: 90%; font-size: 0.9rem; text-align: center; line-height: 1.6; margin: 0 auto;}
.xf_box07 .box07_form input{ display: block; width: 87%; border: 1px solid #c9c9c9; line-height: 2.2; padding-left: 3%; margin: 6% auto; border-radius: 8px;}
.xf_box07 .box07_form button{ display: block; width: 85%; text-align: center; color: #fff; background: #ff5d5b; border:none; line-height: 2.2; margin: 0 auto; border-radius: 8px;}






/*
.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: 15%;}
.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%;}

*/