@charset "utf-8";
*{margin:0px;padding: 0px;}
a,a:hover,a:visited{text-decoration: none;}
a{color: #fff;}
a img{ border:none;}
body{font-family: "Microsoft Yahei"!important;font-size: 0.6rem;min-width: 320px;max-width: 640px;margin:0 auto;}
ul,li{list-style-type: none;}

.wrapper{width: 100%;height: auto;overflow: hidden;position: relative;background: #110456;}
.c{width: 15rem;margin: 0 auto;}
.ch{width: 15rem;margin: 0 auto;height: auto;overflow: hidden;}
.clear{clear: both;}
.fl{float: left;}
.fr{float: right;}
.img_c i{display: table-cell;vertical-align: middle;text-align: center;}
.img_c i img{max-width: 100%;max-height: 100%;}
.wow{animation-duration: 1.1s;-webkit-animation-duration: 1.1s;}


.banner{width: 100%;height: auto;overflow: hidden;font-size: 0px;position: relative;background: url(../images/banner_bg.jpg) center top no-repeat;background-size: 100%;}
.banner img{width: 100%;}
.banner em{width: 100%;height: 100%;background: url(../images/banner_sjx.png) center bottom no-repeat;background-size: 100%;position: absolute;left: 0;bottom: 0;animation-duration: 0.5s;-webkit-animation-duration: 0.5s;}

.secone{position: relative;}
.secone_area{background: #170670;border: 0.15rem solid #29128b;border-radius: 0.65rem;margin-top: -0.65rem;padding: 1rem 0.5rem 1.2rem;height: auto;overflow: hidden;text-align: center;}
.secone_title{color: #00f6ff;font-size: 0.75rem;line-height: 1.2rem;letter-spacing: 1px;}
.secone_title span{display: inline-block;vertical-align: top;padding: 0 2rem;position: relative;}
.secone_title span:before{content: "";width: 2rem;height: 100%;background: url(../images/secone_before.png) left center no-repeat;position: absolute;left: 0;top: 0;background-size: auto 88%;}
.secone_title span:after{content: "";width: 2rem;height: 100%;background: url(../images/secone_after.png) right center no-repeat;position: absolute;right: 0;top: 0;background-size: auto 88%;}
.secone_title span em{font-family: "Arial"!important;color: #fbd643;font-weight: bold;font-size: 1.2rem;font-style: normal;}
.secone_price{font-size: 1rem;color: #00f6ff;letter-spacing: 2px;line-height: 1.2rem;}
.secone_price span{font-family: "Arial"!important;color: #fbd643;font-weight: bold;font-size: 1.2rem;}
.secone_tel{font-size: 0.75rem;font-weight: bold;color: #fbd643;font-family: "Arial"!important;line-height: 1.4rem;letter-spacing: 1.5px;}
.secone_tel span{display: inline-block;vertical-align: top;padding-left: 1rem;background: url(../images/secone_tel.png) left center no-repeat;background-size: 0.7rem;}
.secone_num{font-size: 0.6rem;color: #fff;letter-spacing: 1px;line-height: 1rem;margin-bottom: 0.6rem;}
.secone_num span{display: inline-block;vertical-align: top;padding: 0 1.35rem;position: relative;}
.secone_num span:before{content: "";width: 0.85rem;height: 1px;background: rgba(255,255,255,.5);position: absolute;left: 0;top: 50%;}
.secone_num span:after{content: "";width: 0.85rem;height: 1px;background: rgba(255,255,255,.5);position: absolute;right: 0;top: 50%;}
.secone_form{}
.tform{width: 100%;height: auto;overflow: hidden;}
.tform_line{padding: 0 0.5rem 0 2.5rem;position: relative;height: auto;overflow: hidden;background: #fff;margin-bottom: 0.5rem;border-radius: 0.2rem;}
.tform_line_spec{padding: 0 0.5rem 0 3.7rem;}
.tform_tit{position: absolute;color: #808080;line-height: 1.6rem;height: 1.6rem;overflow: hidden;top: 0;left: 0.5rem;font-size: 0.6rem;}
.tform_tit span{color: #ff0000;margin-left: 2px;}
.tform_box{width: 100%;height: auto;overflow: hidden;}
.tform_box input,.tform_box select{display: block;width: 100%;line-height: 1.6rem;height: 1.6rem;overflow: hidden;border: none;outline: none;background: none;font-family: "Microsoft Yahei"!important;}
.tform_btn{width: 100%;height: auto;overflow: hidden;}
.tform_btn input{display: block;width: 100%;line-height: 1.6rem;height: 1.6rem;overflow: hidden;font-weight: bold;color: #110456;background: #00c0ff;border-radius: 0.2rem;border: none;outline: none;font-size: 0.65rem;font-family: "Microsoft Yahei"!important;}

.sec_bg{width: 100%;height: auto;overflow: hidden;padding-bottom: 1.8rem; background: url(../images/sec_bg.jpg) center top no-repeat;background-size: 100%;}
.recommend{padding: 3.6rem 0 0.3rem;}
.headline{font-size: 1rem;text-align: center;color: #00f6ff;font-weight: bold;line-height: 1.2rem;height: auto;overflow: hidden;margin-bottom: 1rem;}
.headline span{display: inline-block;vertical-align: top;padding: 0 2.4rem;position: relative;}
.headline span:before{content: "";width: 2.2rem;height: 100%;background: url(../images/head_before.png) left center no-repeat;background-size: 100%;position: absolute;left: 0;top: 0;}
.headline span:after{content: "";width: 2.2rem;height: 100%;background: url(../images/head_after.png) right center no-repeat;background-size: 100%;position: absolute;right: 0;top: 0;}
.recom_data{width: 100%;height: auto;overflow: hidden;}
.recom_item{width: 100%;height: auto;overflow: hidden;margin-bottom: 0.65rem;background: #2f1b99;border-radius: 0.2rem;}
.recom_head{padding: 0 4.5rem 0 1.2rem;margin-bottom: 0.2rem; height: auto;overflow: hidden;background: #00f6ff;line-height: 1.35rem;height: 1.35rem;overflow: hidden;position: relative;font-weight: bold;}
.recom_head span{display: block;}
.recom_head span.recom_bt{color: #110456;display: block;font-size: 0.65rem;text-indent: 0.5rem;position: relative;height: 100%;overflow: hidden;}
.recom_head span.recom_bt:before{content: "";width: 0.3rem;height: 2px;background: #110456;position: absolute;left: 0;top: 50%;margin-top: -1px;}
.recom_head span.recom_num{font-family: "Arial"!important;font-style: italic;font-size: 1.2rem;color: rgba(0,197,204,.5);position: absolute;left: 0.3rem;top: 0;}
.recom_head span.recom_price{font-size: 0.6rem;color: #a306c0;line-height: 1.3rem;height: 1.3rem;overflow: hidden;position: absolute;right: 0.5rem;bottom: 0;}
.recom_des{font-size: 0.6rem;font-weight: bold;color: #00f6ff;line-height: 1.2rem;height: 1.2rem;overflow: hidden;padding: 0 1rem;}
.recom_intro{width: 100%;height: auto;overflow: hidden;text-align: center;padding-bottom: 0.4rem;}
.recom_param{float: left;width: 25%;height: auto;overflow: hidden;position: relative;}
.recom_param:after{content: "";width: 1px;height: 100%;background: #4932c1;position: absolute;right: 0;top: 0;}
.recom_p1{width: 22%;}
.recom_p2{width: 22%;}
.recom_p3{width: 31%;}
.recom_p4{width: 25%;}
.recom_param dd{line-height: 0.9rem;height: 0.9rem;overflow: hidden;}
.recom_pbt{color: #fff;}
.recom_pnr{color: #00f6ff;}

.texing{padding-bottom: 4rem;}
.texing_data{padding: 0 0.4rem;height: auto;overflow: hidden;}
.texing_item{width: 33.33%;height: auto;overflow: hidden;float: left;text-align: center;margin-bottom: 0.2rem;}
.texing_img{width: 3.5rem;margin: 0 auto;font-size: 0px;height: auto;overflow: hidden;}
.texing_img img{width: 100%;}
.texing_bt{color: #00f6ff;font-size: 0.6rem;line-height: 1rem;height: 1rem;overflow: hidden;}

.about{padding-bottom: 2.5rem;}
.about_title{font-size: 1rem;text-align: center;color: #00f6ff;font-weight: bold;line-height: 1.2rem;height: auto;overflow: hidden;}
.about_title span{display: inline-block;vertical-align: top;padding: 0 1.4rem;position: relative;}
.about_title span:before{content: "";width: 1.1rem;height: 100%;background: url(../images/about_before.png) left center no-repeat;background-size: 100%;position: absolute;left: 0;top: 0;}
.about_title span:after{content: "";width: 1.1rem;height: 100%;background: url(../images/about_after.png) right center no-repeat;background-size: 100%;position: absolute;right: 0;top: 0;}
.about_des{font-size: 0.65rem;font-weight: bold;color: #fff;letter-spacing: 1px;line-height: 1.2rem;text-align: center;margin: 0.4rem 0 0.65rem;}
.about_des span{display: inline-block;vertical-align: top;padding: 0 0.7rem;text-shadow: 0.1em 0.1em 0.2em rgba(14,5,10,.5); background: url(../images/about_des.png) center center no-repeat;background-size: 100% 100%;}
.about_nr{line-height: 1.1rem;color: #fff;text-align: center;max-height: 4rem;overflow: hidden;font-size: 0.58rem;}

.join{background: rgba(32,9,128,.8);border-top: 2px solid #00f6ff;width: 14rem;padding: 2rem 0.5rem 0.85rem;border-radius: 0 0 0.35rem 0.35rem; height: auto;overflow: hidden;margin: 0 auto 1.2rem;}
.join_data{width: 100%;height: auto;overflow: hidden;text-align: center;margin: 0 auto 1.05rem;}
.join_item{display: inline-block;vertical-align: top;width: 30%;height: auto;overflow: hidden;}
.join_img{width: 2rem;font-size: 0px;height: auto;overflow: hidden;margin: 0 auto;}
.join_img img{width: 100%;}
.join_bt{font-size: 0.5rem;line-height: 0.8rem;}
.jion_bt1{color: #fff;}
.jion_bt2{color: #00f6ff;}

.bottom{width: 100%;height: auto;overflow: hidden;position: fixed;bottom: 0px;left: 0;z-index: 20;background: #fbd643;}
.bottom:after{content: "";width: 1px;height: 100%;background: #110456;position: absolute;left: 50%;top: 0;z-index: 2;}
.bottom a{display: block;width: 50%;line-height: 1.8rem;height: 1.8rem;overflow: hidden;float: left;text-align: center;font-size: 0.65rem;color: #110456;letter-spacing: 1px;}
.bottom a span{display: inline-block;vertical-align: top;padding-left: 1.2rem;}
.bottom a.bottom_zx span{background: url(../images/bottom_zx.png) left center no-repeat;background-size: 1rem;}
.bottom a.bottom_dh span{background: url(../images/bottom_dh.png) left center no-repeat;background-size: 1rem;}