@charset "utf-8";
html, body {
	width: 100%;
	max-width: 100%;
	min-width: 100%;
	overflow-x: hidden;
	margin: 0;
	padding: 0;
}
html {
	font-size: 62.5%;
}
body {
	font-family: "Microsoft YaHei", Arial, sans-serif;
	font-size: 1.4rem;
	padding-bottom: 60px;
}

ul {
	list-style: outside none none;
	padding: 0;
	margin: 0;
}

ul, dd, dt, dl, li, p, h2, h3, h4, h1, h5, h6, textarea,input, a {
	list-style: none;
	text-decoration: none;
	margin: 0px;
	padding: 0px;
}

p {
	margin: 0;
}

input, textarea, button{
	outline: none;
	border: none;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

*, *:after, *:before {
	box-sizing: border-box;
}

a {
	cursor: pointer;
	text-decoration: none;
	color: #000;
}

a:hover {
	text-decoration: none;
	color: #333;
}

.phone_head{height: 62px;background-color: #fff;padding-right: 5px;position: relative}
.phone_head img{max-width: 84%;position: absolute;z-index: 10;}

/* banner */
.slider_box {height: 100%;line-height: 5;text-align: center;font-size: 5em;color: #fff;text-transform: capitalize;vertical-align:middle;margin: 0 auto;}
.slider {position: relative;width: 100%;height: 200px;overflow: hidden;}
.slides {
	height: 100%;
	overflow: hidden;
	-webkit-backface-visibility: hidden;
	-webkit-transform-style: preserve-3d;
	-webkit-transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000);
	-moz-transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000);
	-ms-transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000);
	-o-transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000);
	transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000);
}
.slides div{height: 100%;}
.slide {height: 100%;float: left;clear: none;}
.slider-arrows {}
.slider-arrow{position: absolute;display: block;margin-bottom: -20px;width: 50px;height: 92px;line-height: 60px;text-decoration: none;text-align: center;opacity: .8;}
/*.slider-arrow--right {bottom: 50%; right: 30px;background: url(../images/banner_next.png) no-repeat center;}
.slider-arrow--left {bottom: 50%; left: 30px;background: url(../images/banner_pre.png) no-repeat center;}*/
.slider-arrow:hover{opacity: 1;}
.slider-nav {position: absolute;bottom: 30px;}
.slider-nav__item {width: 12px;height: 12px;float: left;clear: none;display: block;margin: 0 4px;background: #fff;border-radius: 10px;}
.slider-nav__item:hover { background: #004d24; }
.slider-nav__item--current { background: #004d24;}

/* phone_nav */
.phone_nav{margin-top: 20px;}
.phone_nav:after{content: '';display: table;clear: both;}
.phone_nav li{width: 25%;float: left;text-align: center;margin-bottom: 15px;}
.phone_nav li a{display: block}
.phone_nav li img{width: 70%;}
.phone_nav li div{line-height: 24px;color: #353535;font-size: 16px;}

.phone_bottom_nav{background-color: #fcd21b;height: 60px;position: fixed;bottom: 0;width: 100%;z-index: 999;border-top: 1px solid #9f8100;}
.phone_bottom_nav:after{content: '';display: table;clear: both;}
.phone_bottom_nav li{float: left;width: 33.333333%;height: 60px;text-align: center}
.phone_bottom_nav li a{display: block;padding-top: 11px;height: 100%;}
.phone_bottom_nav li img{height: 15px;}
.phone_bottom_nav li div{font-size: 1.4rem;color: #1f1f1f;}

.meau{z-index:99999;margin-top:15px;}
.meau{display:block;}
.meau {width: 28px;height: 25px;position: relative;float: right;margin-right: 10px;margin-top: 19px;}
.meau span{width:100%;position:absolute;right:0;top:0;background-color:#505050;display:block;height:6px;border-radius:4px;-webkit-border-radius:3px;-moz-border-radius:3px;vertical-align:top;}
.meau span{transition:all 0.3s linear 0s;-webkit-transition:all 0.3s linear 0s;-moz-transition:all 0.3s linear 0s;}
.meau .m1{}
.meau .m2{top:9px;}
.meau .m3{top:18px;}
.meauon .m1,.meauon .m2,.meauon .m3{background:#cd282a;}
.meauon .m1{transform:rotate(45deg);top:9px;}
.meauon .m2{opacity:0;-webkit-opacity:0;-moz-opacity:0;filter:alpha(opacity=0);}
.meauon .m3{transform:rotate(-45deg);top:9px;width:28px;}
.PageNav{display:block;z-index:88888;overflow:hidden;position:fixed;right:0;top:0;transform:translateX(100%);width:100%;transition:all 0.3s ease-in-out 0s;-webkit-transition:all 0.3s ease-in-out 0s;-moz-transition:all 0.3s ease-in-out 0s;}
.PageNav ul{overflow:hidden;zoom:1;margin-top:62px;padding: 0 15px;background:rgba(205, 40, 20, 0.85);padding-bottom: 20px;}
.PageNav li{float:left;width:100%;margin:0;padding:0 15px;line-height:45px;}
.PageNav .n1{transition:all 0.3s ease-in-out 0s;-webkit-transition:all 0.3s ease-in-out 0s;-moz-transition:all 0.3s ease-in-out 0s;}
.PageNav .n2{transition:all 0.4s ease-in-out 0s;-webkit-transition:all 0.4s ease-in-out 0s;-moz-transition:all 0.4s ease-in-out 0s;}
.PageNav .n3{transition:all 0.5s ease-in-out 0s;-webkit-transition:all 0.5s ease-in-out 0s;-moz-transition:all 0.5s ease-in-out 0s;}
.PageNav .n4{transition:all 0.6s ease-in-out 0s;-webkit-transition:all 0.6s ease-in-out 0s;-moz-transition:all 0.6s ease-in-out 0s;}
.PageNav .n5{transition:all 0.7s ease-in-out 0s;-webkit-transition:all 0.7s ease-in-out 0s;-moz-transition:all 0.7s ease-in-out 0s;}
.PageNav .n6{transition:all 0.8s ease-in-out 0s;-webkit-transition:all 0.8s ease-in-out 0s;-moz-transition:all 0.8s ease-in-out 0s;}
.PageNav .n7{transition:all 0.9s ease-in-out 0s;-webkit-transition:all 0.9s ease-in-out 0s;-moz-transition:all 0.9s ease-in-out 0s;}
.PageNav li a{font-size:16px;color:#fff;letter-spacing:2px;}
.PageNav li a,.PageNav li a:hover,.TopPageOn .PageNav a{color:#fff;}
.PageNav li{transform:translateX(100%);-webkit-transform:translateX(100%);-moz-transform:translateX(100%);border-bottom:1px solid #fff;}
.PageNavOn li{transform:translateX(0);-webkit-transform:translateX(0);-moz-transform:translateX(0);border-bottom:1px solid rgba(255, 255, 255, 0.8);}
.PageNavOn{transform:translateX(0);-webkit-transform:translateX(0);-moz-transform:translateX(0);}

.phone_contact{background-color: #ffea00;border-bottom: 6px solid #cd282a;margin-top: 15px;text-align: center;padding-top: 10px;}
.phone_contact div{color: #353535;font-size: 1.4rem;}
.phone_contact h1{font-family: Arial;font-size: 2.4rem;color: #f93924;margin-bottom: 8px;}

.about{background-color: #cd282a;padding-top: 25px;padding-bottom: 25px;margin-top: 2px;}
.about_title{text-align: center}
.about_title span{font-size: 2rem;font-weight: bold;color: #fff;}
.about_title span.yellow{color: #fbf208;}
.about_title div{display: inline-block;color: #a1a1a1;font-size: 1.2rem;}
.about_info{margin-top: 15px;padding: 0 5px;color: #fff;font-size: 1.2rem;overflow: hidden;}
.about_info p{text-align: justify;}
.about_more{color: #fff;display: inline-block;padding: 5px 15px;border: 1px solid #ffea00;margin-left: 20px;margin-top: 15px;font-size: 1.2rem;}
.about_more:hover{background-color: #ffea00;color: #cd282a;}

p img{width: 100%}
.reason{background-color: #f8eedd;padding-top: 10px;padding-bottom: 15px;}
.reason_title{width: 80%;display: block;margin: 0 auto;}
.reason_list{width: 300px;margin: 0 auto;}
.reason_list:after{content: '';display: table;clear: both;}
.reason_list li{float: left;width: 80px;height: 80px;text-align: center;margin: 0 10px;padding-top: 52px;margin-top: 10px;}
.reason_list li:hover div{color: #fff;}
.reason_list div{font-size: 1.2rem;color: #e59235;width: 80%;margin: 0 auto;line-height: 1rem;}
.reason1{background: url("../images/reason1.png") no-repeat center;background-size: cover;}
.reason2{background: url("../images/reason2.png") no-repeat center;background-size: cover;}
.reason3{background: url("../images/reason3.png") no-repeat center;background-size: cover;}
.reason4{background: url("../images/reason4.png") no-repeat center;background-size: cover;}
.reason5{background: url("../images/reason5.png") no-repeat center;background-size: cover;}
.reason6{background: url("../images/reason6.png") no-repeat center;background-size: cover;}
.reason1:hover{background: url("../images/reason1_1.png") no-repeat center;background-size: cover;}
.reason2:hover{background: url("../images/reason2_1.png") no-repeat center;background-size: cover;}
.reason3:hover{background: url("../images/reason3_1.png") no-repeat center;background-size: cover;}
.reason4:hover{background: url("../images/reason4_1.png") no-repeat center;background-size: cover;}
.reason5:hover{background: url("../images/reason5_1.png") no-repeat center;background-size: cover;}
.reason6:hover{background: url("../images/reason6_1.png") no-repeat center;background-size: cover;}

.advantage{background: url("../images/phone_advantage_bg.png") #f8eedd no-repeat center;background-size: cover;padding-top: 40px;padding-bottom: 20px;}
.advantage_title{width: 80%;display: block;margin: 0 auto;}
.advantage_list{width: 90%;display: block;margin: 20px auto 0;}

.join{background: url("../images/phone_join_bg.jpg") no-repeat center;background-size: cover;padding-top: 30px;text-align: center;}
.join_title{width: 95%;display: block;margin: 0 auto 20px;}
.join_list{width: 95%;display: block;margin: 0 auto 20px;}
.join_tel{color: #fcd21b;font-size: 2rem;text-align: center;font-weight: bold;}
.join_tel span{font-family: Arial;font-size: 2.2rem;}
.join_more{color: #fff;display: inline-block;padding: 5px 15px;border: 1px solid #ffea00;font-size: 1.2rem;margin: 15px auto 10px;}
.join_more:hover{background-color: #ffe a00;color: #cd282a;}

.special{padding-top: 30px;}
.special_title{width: 80%;display: block;margin: 0 auto;}
.special_box img{width: 80%;display: block;margin: 10px auto;}
.special_box li{padding: 0 20px;margin-bottom: 20px;}
.special_list_title:after{content: '';display: table;clear: both;}
.special_list_title div{background-color: #fcd21b;border: 5px solid #f09733;color: #dd2e33;height: 40px;line-height: 28px;font-size: 1.6rem;text-align: center;float: left;width: 40px;}
.special_list_title h1{height: 40px;padding-left: 5px;line-height: 38px;border-bottom: 2px solid #f09733;color: #dd2e33;font-size: 1.8rem;float: left;padding-right: 5px;}
.special_list_info{margin-top: 20px;}
.special_list_info h1{color: #3e3c3c;font-size: 1.4rem;}
.special_list_info p{color: #3e3c3c;padding-left: 16px;background: url("../images/special_note_dec.png") no-repeat 2px 10px;background-size: 4px;}

.phone_case{background: url("../images/case_bg.png") no-repeat center;background-size: cover;padding: 30px 10px 30px;margin-top: 10px;}
.phone_case li:after{content: '';display: table;clear: both;}
.case_img{float: left;padding: 1px;}
.col-2{width: 16.666666%;}
.col-8{width: 66.666666%;}
.phone_case img{width: 100%;display: block;}
.phone_case_show{background-color: #fff;padding: 2px 1px 1px;}

.phone_step{margin-top: 10px;}
.phone_step li{position: relative}
.phone_step img{width: 100%;display: block;}
.phone_step p{position: absolute;font-size: 1.2rem;text-align: justify;}
.phone_step1 p{width: 50%;top: 17px;right: 12px;color: #fff;}
.phone_step2 p{width: 50%;top: 32px;left: 12px;color: #030303;}
.phone_step3 p{width: 53%;top: 8px;right: 8px;color: #fff;}
.phone_step4 p{width: 50%;top: 26px;left: 12px;color: #030303;}
.phone_step5 p{width: 50%;top: 17px;right: 12px;color: #fff;}
.phone_step2{box-shadow: 0 0 20px #777;}
.phone_step3{box-shadow: 0 0 20px #777;}
.phone_step4{box-shadow: 0 0 20px #777;}
.phone_step5{box-shadow: 0 0 20px #777;}

.phone_tel{margin: 30px auto 10px;text-align: center}
.phone_tel>img{display: inline-block;height: 120px;}
.phone_tel_info{display: inline-block;position: relative;bottom: 45px;}
.phone_tel_info div{font-size: 1.4rem;color: #353535;text-align: left;}
.phone_tel_info h1{color: #f93924;font-size: 2rem;}

.phone_message{background-color: #fcd21b;padding: 20px 10px 8px;}
.message_title{color: #000;font-size: 1.4rem;text-align: center;margin-bottom: 25px;}
.message_input:after{content: '';display: table;clear: both;}
.message_input_left{width: 50%;float: left;padding: 0 2px;}
.message_input_right{width: 50%;float: left;padding: 0 2px;}
.message_input_left input{padding: 0 5px;width: 100%;margin-bottom: 8px;height: 30px;line-height: 30px;background-color: #fff;}
.message_input_right textarea{padding: 5px;width: 100%;margin-bottom: 8px;height: 106px;background-color: #fff;max-width: 100%;max-height: 106px;}
.message_submit{width: 100px;height: 30px;line-height: 30px;color: #fff;background-color: #ff0000;text-align: center;margin: 10px auto 5px;display: block}