@charset "utf-8";
body{background:#F7F7F7; max-width:640px; margin:0 auto;}
.wrap{ width:100%; background:#fff; position:relative; z-index:9; margin-bottom:4.5rem; padding-top:5rem;}
.swiper-container {width: 100%;height:auto;}
.swiper-slide {text-align: center;font-size: 18px;background: #fff;display: -webkit-box;display: -ms-flexbox; display: -webkit-flex;display: flex;}
.banner .swiper-slide{-webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center; -webkit-align-items: center;align-items: center;}
.swiper-container img{ width:100%; height:auto; vertical-align:top;}
.swiper-pagination-bullet{ width:22px !important; height:3px !important; margin:0 2px !important; background:#326CB6 !important;} 
.swiper-pagination-bullet-active{ width:22px !important; background:#89BC43 !important; }
.head{ width:100%; background:#FFF; position:fixed; left:0; top:0; padding:1.5rem 1rem; z-index:10; border-bottom:2px solid #F1F1F1;}
.head .logo{ width:35%; float:left;}
.head .h_r{ width:60%; float:right; text-align:right; font-size:1.6rem; color:#326CB5; font-weight:bold; height:3rem; line-height:3rem;}
.head .h_r img{ width:90%; height:auto; vertical-align:middle; max-height:3rem; max-width:20rem;}
.head .h_r p{ height:1.2rem; line-height:1.2rem; font-weight:normal; color:#A3A3A3; white-space:nowrap;}
.head .h_r p img{ max-width:100%;height:auto; vertical-align:middle;}
.head .logo img{ max-width:100%; width:auto; height:3rem;}
.b_tel{ width:100%; padding:1rem; position:relative; margin-top:-4rem; z-index:11;}
.b_tel .main{ width:100%; background:#FFF; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; box-shadow:0 0 7px #bbb; padding:1rem;}
.b_tel dl{ width:100%;}
.b_tel dl dt{ width:25%; float:right; text-align:center;}
.b_tel dl dt a{ display:block; width:100%; height:4rem; line-height:4rem; color:#FFF; background:url(../images/bg1.png) no-repeat left center; background-size:100% 100%; font-size:1.6rem;}
.b_tel dl dd{ width:75%; float:left; padding-right:.5rem; padding-left:4.5rem; height:4rem; background:url(../images/ico1.png) no-repeat left center; background-size:4rem;}
.b_tel dl dd img{ height:4rem; width:auto; max-width:100%; vertical-align:middle;}
.b_tel dl dd .tel{ width:100%; height:3rem; line-height:3rem; font-size:3rem; color:#326CB6; font-weight:bold; white-space:nowrap;}
.b_tel dl dd .tel span{ color:#89BC43;}
.b_tel dl dd p{ width:100%; height:1rem; line-height:1rem; font-size:1rem; color:#A3A3A3; letter-spacing:-1px;}
@media only screen and (max-width: 450px){
	/*.b_tel dl dd p span{ display:none; letter-spacing:2px;}*/
}
@media only screen and (max-width: 420px){
	.b_tel dl dd .tel{ font-size:2.2rem;}
}
.m_a{ width:100%; padding:1.5rem 1rem .5rem; border-bottom:10px solid #F2F2F2;}
.m_a li{ width:25%; float:left; text-align:center; margin-bottom:1.5rem;}
.m_a li a{ display:block; color:#555;}
.m_a li img{ width:55%; max-width:90px; vertical-align:top; height:auto;}
.m_a li p{ width:100%; height:2rem; line-height:2rem; font-size:1.45rem; margin-top:.5rem;}
.m_name{ width:100%; border-bottom:1px solid #eee; position:relative; padding:1rem 1rem 1rem 4.5rem; font-size:1.8rem; color:#222; font-weight:400;}
.m_name img{ width:3rem; height:3rem; position:absolute; left:1rem; top:50%; margin-top:-1.5rem;}
.m_name p{ font-size:1rem; color:#888;}
.m_b{ width:100%; padding-bottom:1.5rem; border-bottom:10px solid #F2F2F2;}
.m_b ul{ width:100%; padding:1.5rem 0;}
.m_b ul li{ width:22%; float:left; text-align:center;}
.m_b ul li.line{ width:4%; height:100%; background:url(../images/ico2.png) no-repeat center 30%; background-size:100% auto;}
.m_b ul li img{ width:60%; height:auto; vertical-align:top;}
.m_b ul li p{ white-space:nowrap; padding-top:.5rem;}
.m_b_a{ width:100%; padding:0 1rem;}
.m_b_a .main{ width:100%; color:#FF0000; background:#F2F2F2; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; padding:.8rem; line-height:145%; font-size:1.3rem;}
.m_b_a .main img{ width:1.2rem; height:auto; vertical-align:top; margin-top:.1rem;}
.m_c ul{ width:100%; background:url(../images/bg3.jpg) no-repeat top center; background-size:cover; padding:1.8rem 1.8rem 1.3rem;}
.m_c ul li{ width:100%; margin-bottom:10px; position:relative;}
.m_c ul li input{ width:100%; height:3.5rem; line-height:3.5rem; padding-left:3.5rem; border:1px solid #eee; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px;-webkit-appearance:none; background:#fff;}
.m_c ul li img{ width:2rem; height:2rem; position:absolute; left:.7rem; top:.7rem; z-index:2;}
.m_c ul li.btn input{ padding:0; color:#FFF; font-size:1.6rem; letter-spacing:1px; background:url(../images/bg2.png) no-repeat top center; background-size:100% 100%; border:0;-webkit-appearance:none;}
.m_c ul li.btn input:active{background:url(../images/bg2_hover.png) no-repeat top center;background-size:100% 100%;}
.m_c ul li.des{ text-align:center;}
.m_c ul li.des span{ display:inline-block; *display:inline; zoom:1; vertical-align:top; color:#FF0000; height:2rem; line-height:2rem; padding:0 1.2rem; position:relative;}
.m_c ul li.des span:before,.m_c ul li.des span:after{ display:block; content:''; width:1.1rem; height:1.1rem; position:absolute; top:.45rem; background:url(../images/ico3.png) no-repeat center center; background-size:1.1rem;}
.m_c ul li.des span:before{ left:0;}
.m_c ul li.des span:after{ right:0;}
.m_d{ width:100%;border-bottom:10px solid #F2F2F2;}
.m_d .m_da{ width:100%; background:url(../images/bg4.jpg) no-repeat top center; background-size: cover; text-align:center; padding:2rem 1rem 7rem; color:#fff;}
.m_d .m_da img{ width:2.5rem; height:auto; vertical-align:top;}
.m_d .m_da p{ padding-top:1rem; font-size:1.6rem;}
.m_dc{ width:100%; border-top:1px solid #eee; padding:1.5rem 0;}
.m_dc li{ width:33.33%; height:3.5rem; float:left; position:relative; padding-left:4rem;}
.m_dc li img{ width:2.5rem; height:2.5rem; position:absolute; left:1rem; margin-top:.2rem;}
.m_dc li p{ color:#888; font-size:1rem; letter-spacing:-1px;}
.m_dc li p span{ font-size:1.6rem; margin-right:1px;}
.m_dc li:nth-child(1) p span{ color:#52C673;}
.m_dc li:nth-child(2) p span{ color:#FF7346;}
.m_dc li:nth-child(3) p span{ color:#D667DF;}
.m_db{ width:100%; padding:1rem 1rem 1.8rem; position:relative; z-index:2; margin-top:-5rem;}
.m_db .marqueetop{ background:#FFF;border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; width:100%; padding:1.5rem 1rem; font-size:1rem; color:#666;height:9rem;overflow:hidden; position:relative; border-top-left-radius:0; border-top-right-radius:0;}
.m_db .line{ width:100%;}
.m_db .line span{ display:block; width:100%; height:1.5rem; background:#FFF;  border-top-left-radius:3px; -moz-border-top-left-radius:3px; -webkit-border-top-left-radius:3px;border-top-right-radius:3px; -moz-border-top-right-radius:3px; -webkit-border-top-right-radius:3px;}
.m_db .marqueetop li{ width:100%; height:2.4rem; line-height:2.4rem; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; color:#888; padding-left:7px; background:url(../images/ico8.png) no-repeat left center; background-size:2px; font-size:1.2rem;}
.m_e{ width:100%;border-bottom:10px solid #F2F2F2;}
.m_e .main{ width:100%; padding:1.8rem 1rem;}
.m_e .main ul{ width:100%; border-top:1px solid #eee; border-left:1px solid #eee;}
.m_e .main ul li{ text-align:center; padding:1rem; border-right:1px solid #eee; border-bottom:1px solid #eee; vertical-align:top; width:33.33%; float:left; height:11rem;}
.m_e .main ul li img{ width:38%; height:auto; vertical-align:top; max-width:50px;}
.m_e .main ul li p{ font-size:1rem; text-align:left; line-height:135%; padding-top:.7rem;}
.m_e .main ul li p span{ color:#326CB6;}
.m_e .main ul li.tel_a{ color:#FFF; background:#326CB6; width:66.66%;}
.m_e .main ul li.tel_a dl{ width:100%; padding-top:.35rem;}
.m_e .main ul li.tel_a dl dt{ width:100%; float:right; text-align:center; margin-top:8px;}
.m_e .main ul li.tel_a dl dt a{ display:block; width:100%; height:3.5rem; line-height:3.5rem; color:#FFF; background:url(../images/bg5.png) no-repeat left center; background-size:100% 100%; font-size:1.5rem;}
.m_e .main ul li.tel_a dl dd{ width:100%; float:left; padding-right:.5rem; padding-left:4.5rem; height:4rem; background:url(../images/ico12.png) no-repeat left center; background-size:4rem;}
.m_e .main ul li.tel_a dl dd img{ width:auto; height:4rem; max-width:100%; vertical-align:middle;}
.m_e .main ul li.tel_a dl dd .tel{ width:100%; height:2.3rem; line-height:2.5rem; font-size:2.2rem; color:#fff; font-weight:bold; white-space:nowrap; text-align:left;}
.m_e .main ul li.tel_a dl dd p{ width:100%; height:1rem; line-height:1rem; font-size:1rem; color:#fff; letter-spacing:-1px; white-space:nowrap;}
.m_e .main ul li.tel_a dl dd p span{ color:#FFF; font-size:.6rem; white-space:nowrap;}
.m_f{ width:100%;border-bottom:10px solid #F2F2F2;}
.m_f .main{ width:100%; padding:1.8rem 1rem;}
.m_f .main img{ width:100%; height:auto; vertical-align:top;}
.m_f ul{ width:100%; padding-top:.5rem;}
.m_f ul li{ width:100%; height:3rem; line-height:3rem; border-bottom:1px dashed #eee; font-size:1.3rem; color:#777; position:relative; padding-left:28px;}
.m_f ul li i{ display:inline-block; *display:inline; zoom:1; width:20px; height:20px; border-radius:50%; -moz-border-radius:50%; -webkit-border-radius:50%; background:#FE7446; color:#FFF; font-style:normal; text-align:center; line-height:20px; position:absolute; left:0; top:50%; margin-top:-10px;}
.m_g{ width:100%;border-bottom:10px solid #F2F2F2;}
.m_g .tu{ width:100%; padding:0 1rem 1.8rem;}
.m_g .tu img{ width:100%; height:auto; vertical-align:top;}
.m_g .main{ width:100%; padding-bottom:1rem; padding-left:1rem;}
.m_g .main dl{ width:50%; float:left; position:relative; margin-bottom:1rem; padding-right:1rem;}
.m_g .main dl dd{ border:1px solid #eee; padding-left:6.1rem; font-size:1rem; line-height:135%; padding-top:.5rem; padding-right:.5rem; height:10rem;}
.m_g .main dl dt{ width:5.6rem; position:absolute; left:0; top:0; color:#FFF; background:#326CB6; text-align:center;height:10rem; padding-top:2rem; font-size:1.2rem;}
.m_g .main dl dd .des{ height:5.1rem; overflow:hidden; color:#777; margin-bottom:.5rem; line-height:165%;}
.m_g .main dl dd a{ display:block; width:100%; text-align:center; height:2.5rem; line-height:2.5rem; background:url(../images/bg8.png) no-repeat center center; background-size:100% 100%; color:#FFF;}
.m_g .main dl dt img{ width:50%; max-width:50px; vertical-align:top; height:auto;}
.m_g .main dl dt p{ font-size:1.2rem; padding-top:1.5rem;}
.m_h{ width:100%;border-bottom:10px solid #F2F2F2;}
.m_ha{ width:100%; padding:1.5rem 1rem 13rem; background:url(../images/bg9.jpg) no-repeat top center; background-size:cover; text-align:center; color:#FFF; font-size:1.5rem;}
.m_ha p{ display:inline-block; *display:inline; zoom:1; vertical-align:top; padding-left:5rem; position:relative;}
.m_ha p span{ display:block; width:3.5rem; position:absolute; left:0; top:0;}
.m_ha p:before{ display:block; width:1px; height:2.8rem; background:#fff; position:absolute; left:3.9rem; top:.45rem; content:'';}
.m_h .main{ width:100%; padding:0 1rem 1rem; position:relative; z-index:2; margin-top:-10rem; color:#FFF;}
.m_h .m_hc{ width:100%; text-align:center; padding:1rem;}
.m_h .m_hc img{ width:4rem; height:auto; vertical-align:top;}
.m_h .m_hb,.m_h .m_hd{ padding:1rem 1rem 2rem; font-size:1.2rem; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; padding-right:11.5rem;}
.m_h .m_hb{ background:#88BB43;}
.m_h .m_hd{ background:#316BB5;}
.m_h .b_tel{ margin-top:-4px; background:#326CB6; border-bottom-left-radius:4px; -moz-border-bottom-left-radius:4px; -webkit-border-bottom-left-radius:4px;border-bottom-right-radius:4px; -moz-border-bottom-right-radius:4px; -webkit-border-bottom-right-radius:4px; border-top:1px solid rgba(255,255,255,.5);}
.m_h .b_tel dl dd{background: url(../images/ico12.png) no-repeat left center;background-size: 4rem;}
.m_h .b_tel dl dd .tel,.m_h .b_tel dl dd .tel span,.m_h .b_tel dl dd p{ color:#FFF;}
.m_he{ position:relative;}
.m_he dt{ width:8rem; border:2px solid #fff; position:absolute; right:2rem; top:2rem; text-align:center; padding-top:2.4rem; height:14rem;}
.m_he dt span{ display:block; width:100%; font-size:1.8rem; padding:.8rem 0; letter-spacing:2px;}
.m_he dt img{ width:3.5rem; height:auto; vertical-align:top;}
.m_he dd{ width:100%;}
.m_he dd p{ width:100%; height:3rem; line-height:3rem; border-bottom:1px dashed rgba(255,255,255,.5); white-space:nowrap; overflow:hidden; background:url(../images/ico4.png) no-repeat left center; background-size:14px; padding-left:20px;}
.m_i{ width:100%;border-bottom:10px solid #F2F2F2;}
.m_i .main{ width:100%; padding:1.8rem 0 1rem 1rem;}
.m_i .device{ overflow:hidden;}
.m_i .device ul{ width:100%;}
.m_i .device ul li{ width:50%; float:left; padding-right:1rem;}
.m_i .device ul li .li_m{ width:100%; border:1px solid #eee; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; overflow:hidden; padding-bottom:1.4rem; text-align:center;}
.m_i ul li .li_m img{ width:100%; height:auto; vertical-align:top; background:#f2f2f2; position:relative; z-index:1;}
.m_i ul li .name{ width:100%; padding:0 1rem; position:relative; z-index:3; margin-top:-2.4rem; color:#FFF; line-height:125% !important;}
.m_i ul li .name .nm_m{ background:#326CB6; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; padding:.5rem .8rem; font-size:1.5rem;}
.m_i ul li .name .nm_m p{ font-size:1rem;}
.m_i ul li .des{ width:100%; padding:.8rem;}
.m_i ul li .des p{ width:100%; height:2rem; line-height:2rem; font-size:1rem; color:#888;}
.m_i ul li .des p span,.m_i ul li .des p em{ font-size:1.6rem !important;}
.m_i ul li .des p span{ color:#88BB43 !important; position:static !important;}
.m_i ul li .des p em{ color:#326CB6;}
.m_i ul li a{ display:inline-block; *display:inline; zoom:1; color:#FFF; font-size:1.2rem; height:3rem; line-height:3rem; vertical-align:top; padding:0 2.5rem; background:url(../images/bg8.png) no-repeat center center; background-size:100% 100%;}
.m_i .pagination{ text-align:center;}
.m_i .swiper-pagination-switch{ width:25px; height:3px; background:#326CB6; display:inline-block; *display:inline; zoom:1; vertical-align:top; margin:0 3px;}
.m_i .swiper-active-switch{ background:#88BB43;}
.m_i .device .swiper-container{ height:31.5rem;}
.m_j{ width:100%;border-bottom:10px solid #F2F2F2;}
.m_j .main{ width:100%; padding:1.8rem 3rem .8rem;}
.m_j dl{ width:100%; position:relative; padding-left:6.5rem; margin-bottom:1rem;}
.m_j dl dt{ width:6rem; position:absolute; left:0; top:0;}
.m_j dl dt img{ width:5rem; height:5rem; vertical-align:top;}
.m_j dl dd{ width:100%; min-height:5rem;}
.m_j dl dd .tit{ width:100%; height:3rem; line-height:3rem; font-size:1.5rem; color:#222; border-bottom:1px dashed #eee; font-weight:bold;}
.m_j dl dd p{ width:100%; padding:.8rem 0; font-size:1.2rem; color:#888; line-height:145%;}
.m_k{ width:100%;border-bottom:10px solid #F2F2F2;}
.m_k .m_main{ width:100%; padding:1rem 0; overflow-x:hidden;}
.m_k .m_main .tabs{ width:100%; padding:1rem 0 1.3rem 1rem;}
.m_k .m_main .tabs a{ display:block; width:25%; float:left; padding-right:1rem; color:#444;}
.m_k .m_main .tabs a span{ display:block; width:100%; height:3rem; line-height:3rem; background:#F2F2F2; border:1px solid #ddd; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; text-align:center; cursor:pointer;}
.m_k .m_main .tabs a.active span{ color:#FFF; background:#326CB6; border-color:#326CB6;}
.m_k .m_main .swiper-containera{ width:100%;}
.m_k .m_main .swiper-containera .swiper-wrapper{ width:100%; height:auto !important;}
.m_k .m_main .swiper-containera .main{ width:100%; background:#f2f2f2;border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; text-align:left;}
.m_k .m_main .swiper-containera .tu{ width:100%; text-align:center; padding:1rem; border-bottom:1px solid #eee; text-align:center;}
.m_k .m_main .swiper-containera .tu img{ width:70%; max-width:360px; height:auto; vertical-align:top;}
.m_k .m_main .swiper-containera .tu p{ width:100%; padding:1.5rem 0 .5rem; font-size:1.5rem; color:#89BC43;}
.m_k .m_main .swiper-containera .ctn{ width:100%; padding:1.5rem 1rem;}
.m_k .m_main .swiper-containera .ctn .tit{ font-size:1.5rem; color:#326CB6; margin-bottom:1.5rem;}
.m_k .m_main .swiper-containera ul{ width:100%;}
.m_k .m_main .swiper-containera ul li{ width:100%; margin-bottom:1.8rem; color:#888; line-height:155%; font-size:1.2rem;}
.m_k .m_main .swiper-containera ul li div{ font-size:1.4rem; color:#222; margin-bottom:.2rem;}
.m_k .m_main .swiper-containera ul li p{ padding:.2rem 0;}
.m_k .m_main .swiper-containera .swiper-slide{ height:auto !important;}
.m_k .m_main .swiper-containera .swiper-slide .content-slide{padding:.5rem 1rem 1rem; width:100%;}
.foot{ width:100%; height:4.5rem; position:fixed; left:0; bottom:0; z-index:10; background:#326CB6;}
.foot li{ width:40%; float:left; text-align:center;}
.foot li:nth-child(1){ width:20%;}
.foot li a{ display:block; width:100%; height:4.5rem; line-height:50px; font-size:1.4rem; color:#FFF;}
.foot li:nth-child(3) a{ background:#FE7446;}
.foot li:nth-child(1) a{ background:#88BB43;}

.banner{ width:100%;} .banner img{width:100%;}

.foot li img{ width:2.5rem; height:2.5rem; vertical-align:top; margin-top:.9rem; margin-right:0px;}
.m_l{ width:100%;border-bottom:10px solid #F2F2F2;}
.m_l .main{ width:100%; position:relative; padding:1.8rem 6rem 1.8rem 1rem;}
.m_l .m_la{ width:9.85rem; height:100%; position:absolute; right:0; top:1.5rem; z-index:9;}
.m_l .m_la img{ width:100%; height:auto; vertical-align:top;}
.m_l .m_lb{ width:100%; padding:0 1rem;position:relative;}
.m_l .m_lb .marqueetop{ background:#FF8964;border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; width:100%; padding:1.5rem 1rem; font-size:1rem; color:#fff;height:15rem;overflow:hidden; border-top-left-radius:0;border-top-right-radius:0;}
.m_l .m_lb .line{ width:100%;}
.m_l .m_lb .line span{ display:block; width:100%; height:1.5rem; background:#FF8964;  border-top-left-radius:3px; -moz-border-top-left-radius:3px; -webkit-border-top-left-radius:3px;border-top-right-radius:3px; -moz-border-top-right-radius:3px; -webkit-border-top-right-radius:3px;}
.m_l .m_lb .marqueetop li{ width:100%; height:3rem; line-height:3rem; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; color:#fff; padding-left:7px; background:url(../images/ico8_a.png) no-repeat left center; background-size:2px; font-size:1.2rem; position:relative; padding-right:3rem;}
.m_l .m_lb .marqueetop li span{ display:block; text-align:right; position:absolute; right:0; top:0; height:3rem; line-height:3rem; font-size:1rem;}
.m_l .m_lb .xian{ position:absolute; left:0; bottom:0; z-index:2; width:100%; height:4rem;}
.m_l .m_lb .xian span{ display:block; width:100%; position:relative;padding:0 1rem; height:4rem;}
.m_l .m_lb .xian span:before{ display:block; width:100%; content:''; height:4rem; background:#FF8964;}
.m_l .m_lc{ width:100%; position:relative; z-index:3; margin-top:-3.5rem;}
.m_l .m_lc .top{ width:100%; position:relative;}
.m_l .m_lc .top img{ width:100%; height:auto; vertical-align:top;}
.m_l .m_lc .top:before,.m_l .m_lc .top:after{ display:block; width:1rem; height:1rem; content:''; position:absolute; top:4%; background-size:1rem 1rem; background-repeat:no-repeat; background-position:left bottom;}
.m_l .m_lc .top:before{ background-image:url(../images/ico22.png); left:0;}
.m_l .m_lc .top:after{ background-image:url(../images/ico23.png); right:0;}
.m_l .m_lc .tit{ width:100%; text-align:center; color:#FFF; background:#316BB5; font-size:1.6rem; padding:1.5rem 1rem;}
.m_l .m_lc ul{ width:100%; color:#FFF; background:#316BB5; padding:0 1rem 1rem; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; position:relative; margin-top:-3px;}
.m_l .m_lc ul li{ width:100%; position:relative; margin-bottom:10px;}
.m_l .m_lc ul li input{ width:100%; height:3.5rem; line-height:3.5rem; background:#FFF; border:0; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; padding-left:3.5rem;-webkit-appearance:none;}
.m_l .m_lc ul li img{ width:2.5rem; height:2.5rem; position:absolute; left:.5rem; top:.5rem;}
.m_l .m_lc ul li.btn input{ padding:0; color:#FFF; font-size:1.6rem; background:url(../images/bg10.png) no-repeat left center; background-size:100% 100%;-webkit-appearance:none;}
.m_l .m_lc ul li.btn input:active{ background:url(../images/bg10_hover.png) no-repeat left center;background-size:100% 100%; }
.m_l .m_lc ul li.des{ width:100%; text-align:center;}
.m_l .m_lc ul li.des span{ display:inline-block; *display:inline; zoom:1; height:3.5rem; line-height:3.5rem; position:relative; padding:0 1.7rem;}
.m_l .m_lc ul li.des span:before,.m_l .m_lc ul li.des span:after{ display:block; width:1.2rem; height:3.5rem; content:''; position:absolute; top:0; background:url(../images/ico4.png) no-repeat center center; background-size:1.5rem;}
.m_l .m_lc ul li.des span:before{ left:0;}
.m_l .m_lc ul li.des span:after{ right:0;}
.m_m{ width:100%;}
.m_m .main{ width:100%; padding:3rem 1rem 4rem;}
.m_m .btn{ width:100%; display:block; height:3.8rem; line-height:3.8rem; text-align:center; color:#FFF; font-size:1.6rem; background:url(../images/bg11.png) no-repeat left center; background-size:100% 100%;}
.m_ma{ width:100%; overflow-y:hidden; overflow-x:auto;}
.m_ma::-webkit-scrollbar{ width:0; height:0;} 
.m_ma ul{ float:left;}
.m_ma ul li{ width:8rem; float:left; margin-right:10px; margin-bottom:10px; text-align:center;}
.m_ma ul li:last-child{ margin-right:0;}
.m_ma ul li .tu{ width:8rem; height:8rem; position:relative;}
.m_ma ul li .tu img{ width:8rem; height:8rem; vertical-align:top; border-radius:50%; -moz-border-radius:50%; -webkit-border-radius:50%;}
.m_ma ul li .tu span{ display:block; width:100%; height:8rem; line-height:8rem; position:absolute; left:0; top:0; z-index:2; color:#FFF; font-size:1.5rem; text-align:center; text-shadow:0 0 5px #999;}
.m_ma ul li a{ display:inline-block; *display:inline; zoom:1; vertical-align:top; margin-top:10px; height:3rem; line-height:3rem; color:#FFF; background:#316BB5; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; padding:0 1.3rem; font-size:1.2rem;}
.scrollleft{ height:12rem; overflow:hidden;}
.scrollleft div{ float:left;}
#marquee1_2{ margin-left:10px;}
.m_k .m_main .swiper-containera .ul_a li p{ margin-top:1.3rem; line-height:165%;}
.m_k .m_main .swiper-containera .ul_d li p{ margin-top:1.2rem; line-height:165%;}
.m_k .m_main .swiper-containera .ul_a li{ margin-bottom:2.8rem;}


/* -------------------------------- 

xpopup 

-------------------------------- */
.cd-popup {

  position: fixed;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  background-color: rgba(126, 126, 126, 0.9);
  opacity: 0;
  visibility: hidden;
  z-index:99999999999;
}
.cd-popup.is-visible {
  opacity: 1;
  visibility: visible;
  -webkit-transition: opacity 0.3s 0s, visibility 0s 0s;
  -moz-transition: opacity 0.3s 0s, visibility 0s 0s;
  transition: opacity 0.3s 0s, visibility 0s 0s;

}

.cd-popup-container {
  position: relative;
  width: 90%;
  max-width: 400px;
  margin: 40% auto;
  background: #FFF;
  border-radius: .25em .25em .4em .4em;
  text-align: center;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
  -webkit-transform: translateY(-40px);
  -moz-transform: translateY(-40px);
  -ms-transform: translateY(-40px);
  -o-transform: translateY(-40px);
  transform: translateY(-40px);
  /* Force Hardware Acceleration in WebKit */
  -webkit-backface-visibility: hidden;
  -webkit-transition-property: -webkit-transform;
  -moz-transition-property: -moz-transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  -moz-transition-duration: 0.3s;
  transition-duration: 0.3s;
    z-index:9999999999999999;

}
.cd-popup-container p {
color:#666666;
  padding: 2em 1em;
}
.cd-popup-container .cd-buttons:after {
  content: "";
  display: table;
  clear: both;
}
.cd-popup-container .cd-buttons a {
  display: block;
  height: 50px;
  line-height: 50px;
  text-transform: uppercase;
  color: #D63F43;
  -webkit-transition: background-color 0.2s;
  -moz-transition: background-color 0.2s;
  transition: background-color 0.2s;
}
.cd-popup-container .cd-buttons li:first-child a {
  background: #fc7169;
  border-radius: 0 0 0 .25em;
}
.no-touch .cd-popup-container .cd-buttons li:first-child a:hover {
  background-color: #fc8982;
}
.cd-popup-container .cd-buttons li:last-child a {
border-top:1px solid #D5D5D5;
  background: #fff;
  border-radius: 0 0 .25em .25em;
}
.no-touch .cd-popup-container .cd-buttons li:last-child a:hover {
  background-color: #c5ccd8;
}
.cd-popup-container .cd-popup-close {
  position: absolute;
  top: 8px;
  right: 8px;
  width: 30px;
  height: 30px;
}
.cd-popup-container .cd-popup-close::before, .cd-popup-container .cd-popup-close::after {
  content: '';
  position: absolute;
  top: 12px;
  width: 14px;
  height: 3px;
  background-color: #8f9cb5;
}
.cd-popup-container .cd-popup-close::before {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
  left: 8px;
}
.cd-popup-container .cd-popup-close::after {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
  right: 8px;
}
.is-visible .cd-popup-container {
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
  transform: translateY(0);
}
@media only screen and (min-width: 1170px) {
  .cd-popup-container {
    margin: 0em auto;
  }
}

 .zxtel{ position:fixed; right:0px; top:30%;border-radius:10px; z-index:999999999999; padding:40px 15px 10px 15px; line-height:16px; color:#FFFFFF; background:url(../../Assets/images/kfico.png) 10px 10px no-repeat #326cb6; }
 
   /* 验证弹框 */
.box-yz{margin:0 auto;position:absolute;left:49.5%;top:46%;height:420px;width:300px;margin-left:-150px;margin-top:-210px;border:1px solid #ccc;background-color:#fff;border-radius:25px;z-index:99}
.box-bg{position:fixed;top:0;width:100%;height:100%;background-color:rgba(0,0,0,.5);display:none; z-index:9999999999;}
.top-s{font-size:12px;color:#ccc;display:block;text-align:center;margin-left:25px;margin-top:25px;margin-bottom:5px}
.top-x{font-size:18px;color:#000;display:block;text-align:center;margin-bottom:25px}
.cuo{float:right;margin-right:10px;margin-top:5px;cursor:pointer}
.yzreset{text-align: center; cursor:pointer; margin-top: 10px;     background: url(https://www.hxf111.com/Assets/images/xuanzhuan.jpg) 48px no-repeat;    text-indent: 20px;}