/*css reset*/
* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box;}
html,body,p{ padding: 0; margin: 0; font-family: "syr","微软雅黑","Microsoft YaHei", "Helvetica Neue", Helvetica, STHeiTi, Arial, sans-serif; font-size: 12px;line-height: 1;}
ol, ul {list-style: none; padding: 0; margin: 0;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after, q:before, q:after {content: ''; content: none; }
table {border-collapse: collapse; border-spacing: 0;}
th,td { vertical-align: middle;padding: 0;}
a{text-decoration:none;	outline: none;hlbr:expression(this.onFocus=this.blur());}
input, select {vertical-align: middle;padding: 0;border: 0 none;}
img, iframe {border: none; text-decoration:none;}
img{vertical-align: top;}
strong {font-weight: bold;}
h1,h2,h3,h4,h5,h6{padding: 0; margin: 0;}
:focus {outline: 0;}
::-webkit-input-placeholder { /* WebKit browsers */
    color:    #999;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
   color:    #999;
   opacity:  1;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
   color:    #999;
   opacity:  1;
}
:-ms-input-placeholder { /* Internet Explorer 10+ */
   color:    #999;
}
@font-face {
  font-family: "syr";
  src: url("../fonts/SourceHanSansCN-Regular.woff2") format("woff2"),
       url("../fonts/SourceHanSansCN-Regular.woff") format("woff"),
       url("../fonts/SourceHanSansCN-Regular.ttf") format("truetype"),
       url("../fonts/SourceHanSansCN-Regular.eot") format("embedded-opentype"),
       url("../fonts/SourceHanSansCN-Regular.svg") format("svg");
}
@font-face {
  font-family: "itc";
  src: url("../fonts/ITCAvantGardeStd-Bk.woff2") format("woff2"),
       url("../fonts/ITCAvantGardeStd-Bk.woff") format("woff"),
       url("../fonts/ITCAvantGardeStd-Bk.ttf") format("truetype"),
       url("../fonts/ITCAvantGardeStd-Bk.eot") format("embedded-opentype"),
       url("../fonts/ITCAvantGardeStd-Bk.svg") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "Knockout";
  src: url("../fonts/Knockout-HTF29-JuniorLiteweight.woff2") format("woff2"),
       url("../fonts/Knockout-HTF29-JuniorLiteweight.woff") format("woff"),
       url("../fonts/Knockout-HTF29-JuniorLiteweight.ttf") format("truetype"),
       url("../fonts/Knockout-HTF29-JuniorLiteweight.eot") format("embedded-opentype"),
       url("../fonts/Knockout-HTF29-JuniorLiteweight.svg") format("svg");
  font-weight: normal;
  font-style: normal;
}
/*css common*/
.clearfix:after{content: "";display: block;clear: both;visibility: hidden;line-height: 0;height: 0;font-size:0;}
.clearfix{*zoom:1;}
html{margin: 0 auto;max-width: 1920px;}
html, body{height: 100%;}
.mobile{
	display: none!important;
}
.web{
	display: block!important;
}
#logo{
	position: absolute;
	left: 48px;
	top: 50px;
	z-index: 51;
}
#nav-box{
	position: absolute;
	top: 60px;
	left: 0;
	right: 0;
	margin: auto;
	z-index: 51;
	text-align: center;
}
#nav-box a{
	font-size: 14px;
	color: #fff;
	margin-right: 3.3em;
}
#nav-box a:last-child{
	margin-right: 0;
}
#nav-box a.jiuban{
	color: #fff;
	font-size: 12px;
	border-radius: 3px;
	background-color: rgba(255,255,255,0.15);
	padding: 0 10px;
	height: 20px;
	line-height: 20px;
	text-align: center;
	display: inline-block;
	vertical-align: baseline;
}
#nav-box .line{
	position: absolute;
	top: 100%;
	margin-top: 10px;
	height: 2px;
	background-color: #fff;
	transition: all 0.5s;
	-webkit-transition: all 0.5s;
}
#menu{
	background-color: rgba(0,0,0,0.2);
	border-radius: 29px;
	transition: all 0.5s;
	-webkit-transition: all 0.5s;
	position: absolute;
	right: 45px;
	top: 40px;
	z-index: 51;
}
#menu:hover{
	right: 40px;
	top: 35px;
	padding: 5px;
}
#menu span{
	font-size: 0;
	color: #fff;
	padding: 0;
	transition: all 0.5s;
	-webkit-transition: all 0.5s;
}
#menu:hover span{
	padding: 0 24px;
	font-size: 14px;
}
#menu img{
	vertical-align: middle;
	transition: all 0.5s;
	-webkit-transition: all 0.5s;
}
#menu:hover img{
	transform: rotate(90deg);
	-webkit-transform: rotate(90deg);
}
#tel{
	position: absolute;
	left: 46px;
	bottom: 34px;
	z-index: 51;
}
#tel a{
	font-size: 14px;
	color: #fff;
	font-family: "itc";
	cursor: default;
}
.bottom-tri{
	position: absolute;
	left: 0;
	right: 0;
	margin: auto;
	bottom: 30px;
	z-index: 51;
	animation: bottomtri 1s infinite;
	-webkit-animation: bottomtri 1s infinite;
}
.bottom-tri.hide{
	transform: rotate(180deg);
	-webkit-transform: rotate(180deg);
}
@keyframes bottomtri{
	0% {
		bottom: 30px;
		opacity: 1;
	}
	100% {
		bottom: 10px;
		opacity: 0;
	}
}
@-webkit-keyframes bottomtri{
	0% {
		bottom: 30px;
		opacity: 1;
	}
	100% {
		bottom: 10px;
		opacity: 0;
	}
}
#sidenav{
	position: fixed;
	left: -30%;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: #f6f6f6;
	font-size: 0;
	z-index: 100;
	transition: all 0.5s;
	-webkit-transition: all 0.5s;
	opacity: 0;
	visibility: hidden;
}
#sidenav.active{
	left: 0;
	opacity: 1;
	visibility: visible;
}
#close{
	position: absolute;
	right: 50px;
	top: 40px;
	transition: all 0.5s;
	-webkit-transition: all 0.5s;
	z-index: 1;
}
#close:hover{
	transform: rotate(180deg);
	-webkit-transform: rotate(180deg);
}
#sidenav .left{
	width: 50%;
	height: 100%;
	vertical-align: top;
	display: inline-flex;
	align-items: flex-start;
	justify-content: flex-start;
	flex-wrap: wrap;
	flex-direction: column;
	-webkit-display: inline-flex;
	-webkit-align-items: flex-start;
	-webkit-justify-content: flex-start;
	-webkit-flex-wrap: wrap;
	-webkit-flex-direction: column;
  	padding: 70px 50px;
  	transition: all 0.5s;
  	-webkit-transition: all 0.5s;
  	position: relative;
}
#sidenav .left .bg{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 1;
	transition: all 1s;
	-webkit-transition: all 1s;
	opacity: 0;
}
#sidenav .left .bg.active{
	opacity: 1;
}
#sidenav .left .bg.bg0{
	background-image: linear-gradient(120deg, #ff057c , #8d0b93 , #321575);
}
#sidenav .left .bg.bg1{
	background-image: linear-gradient(120deg, #6f86d6 , #48c6ef);
}
#sidenav .left .bg.bg2{
	background-image: linear-gradient(120deg, #f77062 , #fe5196);
}
#sidenav .left .bg.bg3{
	background-image: linear-gradient(120deg, #72afd3 , #37ecba);
}
#sidenav .left .bg.bg4{
	background-image: linear-gradient(120deg, #3275dd , #2bd0e4);
}
#sidenav .left .bg.bg5{
	background-image: linear-gradient(120deg, #6e7ff3 , #936cd3);
}
#sidenav .left .box{
	margin-bottom: 40px;
	position: relative;
	z-index: 2;
}
#sidenav .left .box.last{
	margin-bottom: 0;
}
#sidenav .left .box a{
	font-size: 12px;
	color: #fff;
	display: inline-block;
	vertical-align: top;
	padding: 5px;
	border-radius: 5px;
}
#sidenav .left .box a:hover{
	background-color: rgba(0,0,0,0.1);
}
#sidenav .left .box a.big{
	font-size: 22px;
	margin-bottom: 15px;
	font-weight: bold;
	padding: 0;
}
#sidenav .left .box a.big:hover{
	background-color: transparent;
}
#sidenav .left .box a:last-child{
	margin-bottom: 0;
}
#sidenav .right{
	width: 50%;
	height: 100%;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	-webkit-display: inline-flex;
	-webkit-align-items: center;
	-webkit-justify-content: center;
	-webkit-flex-direction: column;
	vertical-align: top;
	position: relative;
}
#sidenav .right .bg{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: -1;
	opacity: 0;
	transition: all 0.5s;
	-webkit-transition: all 0.5s;
  	background: -webkit-radial-gradient(#ffffff, #cccccc); /* Safari 5.1 - 6.0 */
  	background: -o-radial-gradient(#ffffff, #cccccc); /* Opera 11.6 - 12.0 */
  	background: -moz-radial-gradient(#ffffff, #cccccc); /* Firefox 3.6 - 15 */
  	background: radial-gradient(#ffffff, #cccccc); /* 标准的语法 */
}
#sidenav .right:hover .bg{
	opacity: 1;
}
#sidenav .right > img{
	/*margin-bottom: 58px;*/
}
#sidenav .right .box a{
	font-size: 20px;
	color: #8f8f8f;
	font-weight: bold;
	margin-bottom: 20px;
	display: block;
}
#sidenav .right .box a:hover{
	color: #333333;
}
#sidenav .right .box a:last-child{
	margin-bottom: 0;
}
.swiper-container{
	width: 100%;
	height: 100%;
}
.slide-bg{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-repeat: no-repeat;
	background-position: center center;
	opacity: 0;
	transition: all 1.5s;
	-webkit-transition: all 1.5s;
}
.slide-bg.active{
	opacity: 1;
}
.slide-bg.bg0{
	background-image: url(../images/sec0_bg_web.jpg);
}
.slide-bg.bg1{
	background-image: url(../images/sec1_bg_web.jpg);
}
.slide-bg.bg2{
	background-image: url(../images/sec2_bg_web.jpg);
}
.slide-bg.bg3{
	background-image: url(../images/sec3_bg_web.jpg);
}
.slide-bg.bg4{
	background-image: url(../images/sec4_bg_web.jpg);
}
.slide-bg.bg5{
	background-image: url(../images/sec5_bg_web.jpg);
}
.slide-bg.bg6{
	background-image: url(../images/sec6_bg_web.jpg);
}
.swiper-slide{
	position: relative;
	overflow: hidden;
}
.swiper-slide .right-img{
	position: absolute;
	right: -100%;
	opacity: 0;
	transition: all 1s;
	-webkit-transition: all 1s;
}
.swiper-slide.swiper-slide-active .right-img{
	opacity: 1;
}
.swiper-slide.sec1 .right-img{
	width: 52.8125%;
	top: 16.7%;
}
.swiper-slide.sec1.swiper-slide-active .right-img{
	right: 0;
}
.swiper-slide.sec2 .right-img{
	width: 51.82%;
	top: 30.3%;
}
.swiper-slide.sec2.swiper-slide-active .right-img{
	right: 7.1%;
}
.swiper-slide.sec3 .right-img{
	width: 44%;
	top: 18.2%;
}
.swiper-slide.sec3.swiper-slide-active .right-img{
	right: 19.4%;
}
.swiper-slide.sec4 .right-img{
	width: 38.23%;
	top: 27.5%;
}
.swiper-slide.sec4.swiper-slide-active .right-img{
	right: 21.6%;
}
.swiper-slide.sec5 .right-img{
	width: 47.66%;
	top: 29.1%;
}
.swiper-slide.sec5.swiper-slide-active .right-img{
	right: 13.33%;
}
.swiper-slide.sec6 .right-img{
	width: 22.4%;
	top: 22.6%;
}
.swiper-slide.sec6.swiper-slide-active .right-img{
	right: 20.4%;
}
.swiper-slide .tri-box{
	background-repeat: no-repeat;
	background-image: url(../images/tri1.png);
	background-size: 100% 100%;
	width: 82px;
	height: 82px;
	position: absolute;
	left: 24%;
	top: 24%;
	animation: trione 6s infinite linear;
}
@keyframes trione{
	0% {
		transform: rotate(0deg);
	}
	100% {
		transform: rotate(360deg);
	}
}
.swiper-slide .tri-box .tri2{
	background-repeat: no-repeat;
	background-image: url(../images/tri2.png);
	background-size: 100% 100%;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	animation: tritwo 6s infinite linear;
}
@keyframes tritwo{
	0% {
		transform: rotate(0deg);
	}
	100% {
		transform: rotate(-720deg);
	}
}
.swiper-slide .text-bottom{
	border-left: 1px solid rgba(255,255,255,0.3);
	position: absolute;
	left: 24%;
	bottom: 0;
	padding-left: 48px;
}
.swiper-slide .text-bottom .icon{
	position: absolute;
	left: -10px;
	top: -40px;
}
.swiper-slide .text-top .more{
	display: block;
	font-size: 14px;
	color: #fff;
	border: 2px solid #fff;
	width: 120px;
	height: 40px;
	line-height: 36px;
	text-align: center;
	border-radius: 2px;
}
.swiper-slide .text-top .more:hover{
	background-color: #fff;
	color: #333;
}
.swiper-slide .text-top p.last{
	margin-bottom: 20px;
}
.sec0 .text-top{
	position: absolute;
	left: 26%;
	top: 36.6%;
}
.sec0 .text-top h3{
	font-size: 50px;
	color: #fff;
	font-weight: bold;
	margin-bottom: 18px;
}
.sec0 .text-top h5{
	font-size: 40px;
	color: #fff;
	font-weight: bold;
}
.sec0 .text-bottom{
	height: 37.5%;
}
.sec0 .text-bottom h5{
	font-size: 42px;
	color: #fff;
	font-weight: normal;
	margin-bottom: 20px;
	font-family: "Knockout";
}
.sec0 .text-bottom p{
	font-size: 24px;
	font-weight: lighter;
	color: #fff;
	margin-bottom: 10px;
}
.sec0 .text-bottom p:last-child{
	margin-bottom: 0;
}
.sec1 .text-top{
	position: absolute;
	left: 26%;
	top: 32.6%;
}
.sec1 .text-top h5{
	font-size: 44px;
	color: #fff;
	font-weight: bold;
	margin-bottom: 40px;
}
.sec1 .text-top p{
	font-size: 24px;
	color: #fff;
	font-weight: lighter;
	margin-bottom: 12px;
}
.sec1 .text-top p:last-child{
	margin-bottom: 0;
}
.sec1 .text-bottom{
	padding-bottom: 5%;
}
.sec1 .text-bottom a{
	font-size: 13px;
	color: #fff;
	display: inline-block;
	vertical-align: top;
	border-radius: 5px;
	padding: 6px;
}
.sec1 .text-bottom a:hover{
	background-color: rgba(0,0,0,0.1);
}
.sec1 .text-bottom a:last-child{
	margin-bottom: 0;
}
.sec2 .text-top{
	position: absolute;
	left: 26%;
	top: 32.6%;
}
.sec2 .text-top h5{
	font-size: 44px;
	color: #fff;
	font-weight: bold;
	margin-bottom: 40px;
}
.sec2 .text-top p{
	font-size: 24px;
	color: #fff;
	font-weight: lighter;
	margin-bottom: 12px;
}
.sec2 .text-top p:last-child{
	margin-bottom: 0;
}
.sec2 .text-bottom{
	padding-bottom: 3%;
}
.sec2 .text-bottom a{
	font-size: 13px;
	color: #fff;
	display: inline-block;
	vertical-align: top;
	border-radius: 5px;
	padding: 6px;
}
.sec2 .text-bottom a:hover{
	background-color: rgba(0,0,0,0.1);
}
.sec2 .text-bottom a:last-child{
	margin-bottom: 0;
}
.sec3 .text-top{
	position: absolute;
	left: 26%;
	top: 32.6%;
}
.sec3 .text-top h5{
	font-size: 44px;
	color: #fff;
	font-weight: bold;
	margin-bottom: 40px;
}
.sec3 .text-top p{
	font-size: 24px;
	color: #fff;
	font-weight: lighter;
	margin-bottom: 12px;
}
.sec3 .text-top p:last-child{
	margin-bottom: 0;
}
.sec3 .text-bottom{
	padding-bottom: 5%;
}
.sec3 .text-bottom a{
	font-size: 13px;
	color: #fff;
	display: inline-block;
	vertical-align: top;
	border-radius: 5px;
	padding: 6px;
}
.sec3 .text-bottom a:hover{
	background-color: rgba(0,0,0,0.1);
}
.sec3 .text-bottom a:last-child{
	margin-bottom: 0;
}
.sec4 .text-top{
	position: absolute;
	left: 26%;
	top: 32.6%;
}
.sec4 .text-top h5{
	font-size: 44px;
	color: #fff;
	font-weight: bold;
	margin-bottom: 40px;
}
.sec4 .text-top p{
	font-size: 24px;
	color: #fff;
	font-weight: lighter;
	margin-bottom: 12px;
}
.sec4 .text-top p:last-child{
	margin-bottom: 0;
}
.sec4 .text-bottom{
	padding-bottom: 5%;
}
.sec4 .text-bottom a{
	font-size: 13px;
	color: #fff;
	display: inline-block;
	vertical-align: top;
	border-radius: 5px;
	padding: 6px;
}
.sec4 .text-bottom a:hover{
	background-color: rgba(0,0,0,0.1);
}
.sec4 .text-bottom a:last-child{
	margin-bottom: 0;
}
.sec5 .text-top{
	position: absolute;
	left: 26%;
	top: 32.6%;
}
.sec5 .text-top h5{
	font-size: 44px;
	color: #fff;
	font-weight: bold;
	margin-bottom: 40px;
}
.sec5 .text-top p{
	font-size: 24px;
	color: #fff;
	font-weight: lighter;
	margin-bottom: 12px;
}
.sec5 .text-top p:last-child{
	margin-bottom: 0;
}
.sec5 .text-bottom{
	padding-bottom: 5%;
}
.sec5 .text-bottom a{
	font-size: 13px;
	color: #fff;
	display: inline-block;
	vertical-align: top;
	border-radius: 5px;
	padding: 6px;
}
.sec5 .text-bottom a:hover{
	background-color: rgba(0,0,0,0.1);
}
.sec5 .text-bottom a:last-child{
	margin-bottom: 0;
}
.sec6 .text-top{
	position: absolute;
	left: 25.8%;
	top: 33%;
}
.sec6 .text-top ul{
	font-size: 0;
	margin-bottom: 48px;
}
.sec6 .text-top ul li{
	display: inline-block;
	vertical-align: top;
}
.sec6 .text-top ul li h3{
	font-size: 16px;
	color: #fff;
	font-weight: lighter;
	font-family: "itc";
	margin-bottom: 14px;
}
.sec6 .text-top ul li h4{
	font-size: 65px;
	color: #fff;
	font-weight: normal;
	font-family: "Knockout";
	margin-right: 1em;
}
.sec6 .text-top h5{
	font-size: 26px;
	color: #fff;
	font-weight: bold;
	margin-bottom: 24px;
}
.sec6 .text-top p{
	font-size: 18px;
	color: #fff;
}
.sec6 .text-bottom{
	padding-bottom: 10%;
	width: 34%;
}
.sec6 .text-bottom p{
	font-size: 14px;
	color: #fff;
	line-height: 24px;
	margin-bottom: 30px;
}
.sec6 .text-bottom a{
	display: block;
	font-size: 14px;
	color: #fff;
	border: 2px solid #fff;
	width: 120px;
	height: 40px;
	line-height: 36px;
	text-align: center;
	border-radius: 2px;
}
.sec6 .text-bottom a:hover{
	background-color: #fff;
	color: #333;
}
/*message*/
#message-cover{
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,0.3);
	z-index: 99999;
	display: none;
}
#message-cover.active{ display:block;}
#message-cover .box{background-color: #fff;width: 600px;height:600px;position: relative;left:50%;top:50%;margin-top:-300px;margin-left:-300px;display: none;padding: 50px;}
#message-cover .box.active{display: block;}
#message-cover .box .close img{position: absolute;right: 16px;top: 16px;-ms-transition:all 1s;-moz-transition:all 1s;-webkit-transition:all 1s;-o-transition:all 1s;transition: all 1s;}
#message-cover .box .close:hover img{ -ms-transform:rotate(180deg);-moz-transform:rotate(180deg);-webkit-transform:rotate(180deg);-o-transform:rotate(180deg);transform:rotate(180deg);}	
#message-cover .box .submit{
	display: block;
	font-size:18px;
	color: #fff;
	line-height:50px;
	height:50px;
	text-align: center;
	background-color: #c0192a;
}
#message-cover .ques .top{border-bottom: 1px dashed #c5c5c5; padding-bottom:30px;}
#message-cover .ques .top .text-box{ float:left;}
#message-cover .ques .top img{ float:right;}
#message-cover .ques .top h5{
	font-size: 36px;
	color: #222;
	font-family: 'fontmedium';
	margin-bottom: 20px;
}
#message-cover .ques .top p{
	font-size: 16px;
	font-family: PingFang SC Bold,PingFang H,"Microsoft YaHei"; font-weight:bold;
	color: #222;
	line-height: 30px;
}
#message-cover .ques .bottom{padding: 30px 0 40px;}
#message-cover .ques .bottom form{ width:100%;background-color: #f0f0f0;height: 60px;line-height: 60px; margin-bottom:20px;}
#message-cover .ques .bottom input{ float:left; padding-left:5%; width:90%;background-color: #f0f0f0;height: 60px;font-size: 16px;color: #666;}
#message-cover .ques .bottom .choose{font-size: 0;}
#message-cover .ques .bottom .choose a{
	display: inline-block;
	width: 33%;
	font-size: 16px;
	color: #666; line-height:20px; height:20px;
	margin-top: 20px
}
#message-cover .ques .bottom .choose a span{
	display: inline-block; float:left;
	width: 20px;
	height:20px;
	margin-right: 16px;
	background-repeat: no-repeat;
	background-size: 100% auto;
	background-image: url(../images/message_ques_icon.png);
	background-position: center top;
}
#message-cover .ques .bottom .choose a.active span{background-position: center bottom;}
.box_message{ padding-top:20px; }
.box_message p{font-size:16px; line-height:30px; color:#444;}
.box_message p a{ color:#c0192a;font-family: 'fontregular'; font-size:20px; font-weight:bold;}
#message-cover .result{background-color: #fff;width:400px;height:420px;position: relative;left:50%;top:50%;margin-top:-250px;margin-left:-200px;display: none;	text-align: center; padding:0;
padding-top: 80px;}
#message-cover .result p{
	font-size:16px;
	color: #c50000;
	margin-bottom: 22px;
	font-weight: bold;
}
#message-cover .result p span{
	color: #333;
	margin: 0 0.5em;
}
#message-cover .result p.last{margin-bottom: 50px;display: none;}
#message-cover .result p.last.active{
	display: block;
}
#message-cover .result .img-box{
	position: relative;
	width: 30%;
	margin: 0 auto 40px;
}
#message-cover .result .img-box img{
	width: 100%;
}
#message-cover .result .img-box .cirbox1,#message-cover .result .img-box .cirbox2,#message-cover .result .img-box .cirbox3,#message-cover .result .img-box .cirbox4{
	position: absolute;
	width: 50%;
	height: 50%;
	overflow: hidden;
}
#message-cover .result .img-box .cirbox1{
	top: 0;
	right: 0;
}
#message-cover .result .img-box .cirbox2{
	bottom: 0;
	right: 0;
}
#message-cover .result .img-box .cirbox3{
	bottom: 0;
	left: 0;
}
#message-cover .result .img-box .cirbox4{
	top: 0;
	left: 0;
}
#message-cover .result .img-box .cir1,#message-cover .result .img-box .cir2,#message-cover .result .img-box .cir3,#message-cover .result .img-box .cir4{
	position: absolute;
	width: 100%;
	height: 100%;
	border-style: solid;
}
#message-cover .result .img-box .cir1{
	top: 0;
	right: 0;
	border-top-right-radius: 100%;
	border-color: #c60000 #c60000 transparent transparent;
	border-width: 3px 3px 0 0;
}
#message-cover .result .img-box .cir2{
	bottom: 0;
	right: 0;
	border-bottom-right-radius: 100%;
	border-color: transparent #c60000 #c60000 transparent;
	border-width: 0 3px 3px 0;
}
#message-cover .result .img-box .cir3{
	bottom: 0;
	left: 0;
	border-bottom-left-radius: 100%;
	border-color: transparent transparent #c60000 #c60000;
	border-width: 0 0 3px 3px;
}
#message-cover .result .img-box .cir4{
	top: 0;
	left: 0;
	border-top-left-radius: 100%;
	border-color: #c60000 transparent transparent #c60000;
	border-width: 3px 0 0 3px;
}
#message-cover .result .img-box .circover1,#message-cover .result .img-box .circover2,#message-cover .result .img-box .circover3,#message-cover .result .img-box .circover4{
	position: absolute;
	width: 100%;
	height: 100%;
	background-color: #fff;
	z-index: 1;
}
#message-cover .result .img-box .circover1{
	top: 0;
	right: 0;
	transform-origin: left bottom;
	-webkit-transform-origin: left bottom;
}
#message-cover .result .img-box .circover2{
	bottom: 0;
	right: 0;
	transform-origin: left top;
	-webkit-transform-origin: left top;
}
#message-cover .result .img-box .circover3{
	bottom: 0;
	left: 0;
	transform-origin: right top;
	-webkit-transform-origin: right top;
}
#message-cover .result .img-box .circover4{
	top: 0;
	left: 0;
	transform-origin: right bottom;
	-webkit-transform-origin: right bottom;
}
#message-cover .result .img-box.active .circover1,#message-cover .result .img-box.active .circover2,#message-cover .result .img-box.active .circover3,#message-cover .result .img-box.active .circover4{
	transition-duration:  0.1s;
	transition-property: all;
	transition-timing-function: linear;
	transform: rotate(90deg);
	-webkit-transition-duration:  0.1s;
	-webkit-transition-property: all;
	-webkit-transition-timing-function: linear;
	-webkit-transform: rotate(90deg);
}
#message-cover .result .img-box.active .circover2{
	transition-delay: 0.1s;
	-webkit-transition-delay: 0.1s;
}
#message-cover .result .img-box.active .circover3{
	transition-delay: 0.2s;
	-webkit-transition-delay: 0.2s;
}
#message-cover .result .img-box.active .circover4{
	transition-delay: 0.3s;
	-webkit-transition-delay: 0.3s;
}
#message-cover .result .img-box .point1,#message-cover .result .img-box .point2{
	position: absolute;
	z-index: 1;
	background-color: #c60000;
	width: 0;
	height: 4px;
	border-radius: 4px;
}
#message-cover .result .img-box .point1{
	left: 26%;
	top: 50%;
	transform: rotate(45deg);
	transform-origin: left top;
	-webkit-transform: rotate(45deg);
	-webkit-transform-origin: left top;
}
#message-cover .result .img-box.active .point1{
	transition: all 0.1s linear 0.4s;
	-webkit-transition: all 0.1s linear 0.4s;
	width: 27%;
}
#message-cover .result .img-box .point2{
	left: 43%;
	top: 69%;
	transform: rotate(-45deg);
	transform-origin: left bottom;
	-webkit-transform: rotate(-45deg);
	-webkit-transform-origin: left bottom;
}
#message-cover .result .img-box.active .point2{
	width: 50%;
	transition: all 0.1s linear 0.5s;
	-webkit-transition: all 0.1s linear 0.5s;
}
#message-cover .result h5{
	font-size: 26px;
	font-weight: lighter;
	color: #c0192a;
	margin-bottom: 32px;
}
#message-cover .result a.submit{ width:100%; border-top:1px dashed #c5c5c5; background:#fff; color:#444; height:60px; line-height:60px;font-family: PingFang SC Bold,PingFang H,"Microsoft YaHei"; font-weight:bold;}
/*浮动窗口样式*/
.floating{position: fixed;bottom: 20px;right:90px;min-width:208px;text-align: center;z-index:59;height: 42px;font-size: 0;}
.floating a{width: 42px;height: 42px; margin:0 5px;border-radius:21px;background-color:#fff; display: inline-block; /*filter:alpha(opacity=60);*/background-repeat: no-repeat; background-position: center center; vertical-align: middle; overflow: hidden; line-height: 38px; margin-bottom: 10px;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border: 2px solid #fff;
    -webkit-transition: all .5s cubic-bezier(0.15, 0.65, 0.58, 0.99);
       -moz-transition: all .5s cubic-bezier(0.15, 0.65, 0.58, 0.99);
        -ms-transition: all .5s cubic-bezier(0.15, 0.65, 0.58, 0.99);
         -o-transition: all .5s cubic-bezier(0.15, 0.65, 0.58, 0.99);
            transition: all .5s cubic-bezier(0.15, 0.65, 0.58, 0.99);}
.floating a.float-phone{background-image:url(../images/float_tel.png); -webkit-background-size:19px 18px; background-size: 19px 18px;}
.floating a.float-qq{background-image:url(../images/float_qq.png); -webkit-background-size: 18px auto; background-size: 18px auto;}
.floating a.float-wxqr{overflow:inherit;background-image:url(../images/float_wechat.png); -webkit-background-size: 20px auto; background-size: 20px auto;}
.floating a.float-message{background-image:url(../images/float_message.png);-webkit-background-size: 17px 17px; background-size: 17px 17px; }
.floating a span{color:#333;margin-left: 30px;display: none; font-size:14px;
    -webkit-transition: all .5s cubic-bezier(0.15, 0.65, 0.58, 0.99);
       -moz-transition: all .5s cubic-bezier(0.15, 0.65, 0.58, 0.99);
        -ms-transition: all .5s cubic-bezier(0.15, 0.65, 0.58, 0.99);
         -o-transition: all .5s cubic-bezier(0.15, 0.65, 0.58, 0.99);
            transition: all .5s cubic-bezier(0.15, 0.65, 0.58, 0.99);}
.floating a.float-phone span{font-size: 14px;}
.floating a.float-wxqr span{ display:none;margin-top: -100px;margin-right: 15px;margin-left: 0px;transition: .15s linear; -moz-transition:.15s linear; -webkit-transition:.15s linear; width:137px;height:121px;position: absolute; z-index:0;top:-20px;right:50px;}
.floating a.float-qq.mobile{ display:none!important;}

#top{ position:fixed; right:45px; bottom:20px; width:42px; height:42px; z-index:59; display:none;-webkit-transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out; border-radius:50%;}
#top:hover{ background:#fff;}
#top .top2{ position:fixed; right:45px; bottom:20px; opacity:0;filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0);}
#top:hover .top2{ opacity:1;filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);}
#top:hover .top1{ opacity:0;filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0);}
#zhichiBtnBox{ z-index:99 !important;width:42px !important; height:42px !important;border-radius:50px !important;background-size:auto auto !important; right:95px !important; left:auto !important; background-color:#fff !important;background-image:url(../images/float_message.png) !important;background-repeat:no-repeat !important; background-position:center !important;cursor: pointer;}
.zc-advice-icon-btn-title{display: none!important;}
/*web端右导航*/
.right-page{
	position: fixed;
	right: 50px;
	height: 100%;
	top: 0;
	z-index: 10;
	display: flex;
	align-items: flex-end;
	justify-content: center;
	flex-direction: column;
	-webkit-display: flex;
	-webkit-align-items: flex-end;
	-webkit-justify-content: center;
	-webkit-flex-direction: column;
}
.right-page li{
	font-size: 0;
}
.right-page li p{
	font-size: 11px;
	color: #fff;
	font-weight: lighter;
	margin-right: 15px;
	display: inline-block;
	vertical-align: middle;
	opacity: 0;
	font-family: "微软雅黑","Microsoft YaHei";
}
.right-page li.active p,.right-page li:hover p{
	opacity: 1;
}
.right-page li .circle{
	text-align: center;
	display: inline-block;
	vertical-align: middle;
	width: 40px;
	height: 40px;
	line-height: 40px;
	overflow: hidden;
	border-radius: 50%;
	background-color: rgba(255,255,255,0);
}
.right-page li.active .circle{
	background-color: rgba(255,255,255,0.3);
}
.right-page li .circle span{
	width: 12px;
	height: 12px;
	border-radius: 50%;
	border: 2px solid #fff;
	display: inline-block;
	vertical-align: middle;
	opacity: 0.3;
}
.right-page li:hover .circle span,.right-page li.active .circle span{
	opacity: 1;
}
#bubbleMsg{height: auto!important;}
@media (min-width: 1025px) {
    .floating a:hover{background-position: 15px center;}
    .floating a.float-qq:hover{width: 146px;}
	.floating a.float-wxqr.active{background-position:center;}
	.floating a.float-wxqr.active span { display:block!important;margin-top: -104px; z-index:1;}
	.floating a.float-wxqr.active img{ width:137px;height:121px; }
    .floating a.float-phone:hover{width: 170px;}
    .floating a.float-message:hover{background-position:center;}
    .floating a:hover span{display: block;}
}
@media only screen and (max-width:1366px){
	#nav-box a{
		margin-right: 1em;
	}
	#sidenav .left{
		padding: 30px;
	}
	#sidenav .left .box{
		margin-bottom: 20px;
	}
	.swiper-slide .text-bottom{
		padding-left: 36px;
		max-height: 18em;
		overflow: hidden;
	}
	.sec0 .text-top h3{
		font-size: 38px;
		margin-bottom: 14px;
	}
	.sec0 .text-top h5{
		font-size: 30px;
	}
	.sec0 .text-bottom h5{
		font-size: 32px;
		margin-bottom: 15px;
	}
	.sec0 .text-bottom p{
		font-size: 18px;
		margin-bottom: 8px;
	}
	.sec1 .text-top h5{
		font-size: 34px;
		margin-bottom: 30px;
	}
	.sec1 .text-top p{
		font-size: 18px;
		margin-bottom: 9px;
	}
	.sec1 .text-bottom a{
		font-size: 12px;
	}
	.sec2 .text-top h5{
		font-size: 34px;
		margin-bottom: 30px;
	}
	.sec2 .text-top p{
		font-size: 18px;
		margin-bottom: 9px;
	}
	.sec2 .text-bottom a{
		font-size: 12px;
	}
	.sec3 .text-top h5{
		font-size: 34px;
		margin-bottom: 30px;
	}
	.sec3 .text-top p{
		font-size: 18px;
		margin-bottom: 9px;
	}
	.sec3 .text-bottom a{
		font-size: 12px;
	}
	.sec4 .text-top h5{
		font-size: 34px;
		margin-bottom: 30px;
	}
	.sec4 .text-top p{
		font-size: 18px;
		margin-bottom: 9px;
	}
	.sec4 .text-bottom a{
		font-size: 12px;
	}
	.sec5 .text-top h5{
		font-size: 34px;
		margin-bottom: 30px;
	}
	.sec5 .text-top p{
		font-size: 18px;
		margin-bottom: 9px;
	}
	.sec5 .text-bottom a{
		font-size: 12px;
	}
	.sec6 .text-top ul{
		margin-bottom: 36px;
	}
	.sec6 .text-top ul li h3{
		font-size: 12px;
		margin-bottom: 10px;
	}
	.sec6 .text-top ul li h4{
		font-size: 50px;
	}
	.sec6 .text-top h5{
		font-size: 20px;
		margin-bottom: 18px;
	}
	.sec6 .text-top p{
		font-size: 14px;
	}
	.sec6 .text-bottom{
		padding-bottom: 10%;
		width: 36%;
	}
	.sec6 .text-bottom p{
		font-size: 12px;
		line-height: 20px;
		margin-bottom: 23px;
	}
	.sec6 .text-bottom a{
		font-size: 14px;
		width: 120px;
		height: 42px;
		line-height: 38px;
	}
}
@media only screen and (max-width:1024px){
	#sidenav .left .box a.big{
		font-size: 18px;
	}
	#nav-box{
		padding-left: 100px;
	}
	#nav-box a{
		margin-right: 1em;
	}
	.swiper-slide{
		background-size: auto 100%;
	}
	.sec6 .text-bottom{
		width: 40%;
	}
	/*浮动窗口样式*/
	.floating{height:30px; right:0px;}
	.floating a{width:32px;height:32px;line-height:32px;border: 1px solid #fff;}
	.floating a.float-qq{background-size:12px auto;}
	.floating a.float-wxqr{background-size:16px auto;}
	.floating a.float-phone{background-size:12px auto;}
	.floating a.float-message{background-size:14px auto;}
	.floating a.float-wxqr span {position: absolute; z-index:99;top:-20px;right:36px; padding:0; height:110px;}
	.floating a.float-wxqr span.wxshow{ margin-top:-100px; display:block; opacity:1;filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);}
	.floating a.float-wxqr span img.pc{display: none!important;}
	.floating a.float-qq.pc{ display:none!important;}
	.floating a.float-qq.mobile{ display:inline-block!important;}	
	#zhichiBtnBox{width:32px !important; height:32px !important;right:25px !important;bottom: 18px !important;}
	/*top*/
	#top{ display:none !important;}
	#top,#top .top2{right:0; bottom:20px; width:32px; height:32px;}
	#top:hover{ background:none;}
	#top img{ width:100%;}
	#top:hover .top2{ opacity:0;filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0);}
	#top:hover .top1{ opacity:1;filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);}
}
@media only screen and (max-width:768px){
	html { -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%;font-size: 16px;}
	body{
		 font-size: 62.5%;
	}
	.mobile{
		display: block!important;
	}
	.web{
		display: none!important;
	}
	#logo{
		left: 1rem;
		top:1.3125rem;
		width: 4.625rem;
	}
	#nav-box{
		display: none;
	}
	#menu{
		border-radius: 0.46875rem;
		right: 0.9375rem;
		top: 0.9375rem;
		background-color: transparent;
	}
	#menu:hover{
		right: 0.9375rem;
		top: 0.9375rem;
		padding: 0;
	}
	#menu span{
		display: none;
	}
	#menu img{
		width: 2rem;
	}
	#tel{
		left: 0.625rem;
		bottom: 22px;
	}
	#tel a{
		font-size: 0.5625rem;
		border: 1px solid #fff;
		text-align: center;
		border-radius: 0.625rem;
		padding: 0.3125rem 0.625rem;
		white-space: nowrap;
	}
	#tel a img{
		width: 0.5rem;
		vertical-align: middle;
		margin-right: 0.25rem;
	}
	.bottom-tri{
		width: 1.8125rem;
		bottom: 0.9375rem;
	}
	@keyframes bottomtri{
		0% {
			bottom: 0.9375rem;
			opacity: 1;
		}
		100% {
			bottom: 0.3125rem;
			opacity: 0;
		}
	}
	@-webkit-keyframes bottomtri{
		0% {
			bottom: 0.9375rem;
			opacity: 1;
		}
		100% {
			bottom: 0.3125rem;
			opacity: 0;
		}
	}
	#close{
		right: 0.9375rem;
		top: 0.9375rem;
	}
	#close img{
		width: 2rem;
	}
	#sidenav .left{
		width: 100%;
		padding: 0 0 0 16%;
		justify-content: center;
		-webkit-justify-content: center;
	}
	#sidenav .left .logo{
		height: 2.5rem;
		position: relative;
		z-index: 2;
	}
	#sidenav .left .line{
		width: 100%;
		height: 1px;
		position: relative;
		z-index: 2;
		margin: 2.625rem 0;
	}
	#sidenav .left .box,#sidenav .left .box.last{
		margin-bottom: 2.1875rem;
	}
	#sidenav .left .box:nth-child(7){
		margin-bottom: 0;
	}
	#sidenav .left .box a{
		display: none;
		margin-bottom: 0;
	}
	#sidenav .left .box a.big{
		display: block;
		margin-bottom: 0;
	}
	#sidenav .right{
		width: 100%;
		display: none;
	}
	#sidenav .right > img{
		width: 12.5rem;
		/*margin-bottom: 2.75rem;*/
	}
	#sidenav .right .box a{
		font-size: 0.9375rem;
		margin-bottom: 1.25rem;
	}
	.swiper-pagination{
		right: 0.625rem;
	}
	.swiper-pagination-bullet{
		background-color: #fff;
		opacity: 0.3;
		width: 0.0625rem;
		height: 0.625rem;
		margin: 0.46875rem 0;
		border-radius: 0;
	}
	.swiper-pagination-bullet.swiper-pagination-bullet-active{
		opacity: 1;
	}
	.slide-bg{
		background-position: center top;
		background-size: 100% auto;
	}
	.slide-bg.bg0{
		background-image: url(../images/sec0_bg_mobile.jpg);
	}
	.slide-bg.bg1{
		background-image: url(../images/sec1_bg_mobile.jpg);
	}
	.slide-bg.bg2{
		background-image: url(../images/sec2_bg_mobile.jpg);
	}
	.slide-bg.bg3{
		background-image: url(../images/sec3_bg_mobile.jpg);
	}
	.slide-bg.bg4{
		background-image: url(../images/sec4_bg_mobile.jpg);
	}
	.slide-bg.bg5{
		background-image: url(../images/sec5_bg_mobile.jpg);
	}
	.slide-bg.bg6{
		background-image: url(../images/sec6_bg_mobile.jpg);
	}
	.swiper-slide .right-img{
		display: none;
	}
	.swiper-slide .tri-box{
		width: 3.25rem;
		height: 3.25rem;
		left: 1.25rem;
		top: 4.375rem!important;
	}
	.swiper-slide .text-bottom{
		border-left: 0 none;
		border-top: 1px solid rgba(255,255,255,0.3);
		position: relative;
		left: 0;
		padding-left: 0;
		margin-left: 13%;
		max-height: none;
	}
	.swiper-slide .text-bottom .icon{
		left: -1.5rem;
		top: -0.375rem;
		width: 0.75rem;
	}
	.swiper-slide .text-top .more{
		font-size: 0.625rem;
		border: 0.0625rem solid #fff;
		width: 5rem;
		height: 1.5rem;
		line-height: 1.375rem;
		border-radius: 0;
	}
	.swiper-slide .text-top p,.swiper-slide .text-top p.last{
		margin-bottom: 0.625rem;
		display: inline-block;
		vertical-align: top;
		margin-right: 1em;
	}
	.swiper-slide .text-top p.last{
		margin-right: 0;
	}
	.sec0 .text-top{
		position: static;
		margin-left: 13%;
		padding-top: 6.875rem;
		height: 13.45rem;
	}
	.sec0 .text-top h3{
		font-size: 2.03125rem;
		margin-bottom: 0.75rem;
	}
	.sec0 .text-top h5{
		font-size: 1.5625rem;
	}
	.sec0 .text-bottom{
		height: auto;
		padding-top: 1.4375rem;
	}
	.sec0 .text-bottom h5{
		font-size: 1.71875rem;
		margin-bottom: 0.875rem;
	}
	.sec0 .text-bottom p{
		font-size: 1rem;
		margin-bottom: 0.375rem;
	}
	.sec1 .text-top{
		position: static;
		margin-left: 13%;
		padding-top: 7rem;
		height: 13.45rem;
	}
	.sec1 .text-top h5{
		font-size: 1.5625rem;
		margin-bottom: 1rem;
	}
	.sec1 .text-top p{
		font-size: 1rem;
		margin-bottom: 0.375rem;
	}
	.sec1 .text-bottom{
		padding-bottom: 0;
		font-size: 0;
		padding-top: 1.125rem;
	}
	.sec1 .text-bottom a{
		font-size: 0.5625rem;
		padding: 0.3125rem 0;
		width: 50%;
	}
	.sec1 .text-bottom a:hover{
		background-color: transparent;
	}
	.sec1 .text-bottom br{
		display: none;
	}
	.sec2 .text-top{
		position: static;
		margin-left: 13%;
		padding-top: 7rem;
		height: 13.45rem;
	}
	.sec2 .text-top h5{
		font-size: 1.5625rem;
		margin-bottom: 1rem;
	}
	.sec2 .text-top p{
		font-size: 0.875rem;
		margin-bottom: 0.375rem;
	}
	.sec2 .text-bottom{
		padding-bottom: 0;
		font-size: 0;
		padding-top: 1.125rem;
	}
	.sec2 .text-bottom a{
		font-size: 0.5625rem;
		padding: 0.3125rem 0;
		width: 50%;
	}
	.sec2 .text-bottom a:hover{
		background-color: transparent;
	}
	.sec2 .text-bottom br{
		display: none;
	}
	.sec3 .text-top{
		position: static;
		margin-left: 13%;
		padding-top: 7rem;
		height: 13.45rem;
	}
	.sec3 .text-top h5{
		font-size: 1.5rem;
		margin-bottom: 1rem;
	}
	.sec3 .text-top h5 br{
		display: none;
	}
	.sec3 .text-top p{
		font-size: 0.875rem;
		margin-bottom: 0.375rem;
	}
	.sec3 .text-bottom{
		padding-bottom: 0;
		font-size: 0;
		padding-top: 1.125rem;
	}
	.sec3 .text-bottom a{
		font-size: 0.5625rem;
		padding: 0.3125rem 0;
		width: 50%;
	}
	.sec3 .text-bottom a:hover{
		background-color: transparent;
	}
	.sec3 .text-bottom br{
		display: none;
	}
	.sec4 .text-top{
		position: static;
		margin-left: 13%;
		padding-top: 7rem;
		height: 13.45rem;
	}
	.sec4 .text-top h5{
		font-size: 1.5625rem;
		margin-bottom: 1rem;
	}
	.sec4 .text-top p{
		font-size: 0.875rem;
		margin-bottom: 0.375rem;
	}
	.sec4 .text-bottom{
		padding-bottom: 0;
		font-size: 0;
		padding-top: 1.125rem;
	}
	.sec4 .text-bottom a{
		font-size: 0.5625rem;
		padding: 0.3125rem 0;
		width: 50%;
	}
	.sec4 .text-bottom a:hover{
		background-color: transparent;
	}
	.sec4 .text-bottom br{
		display: none;
	}
	.sec5 .text-top{
		position: static;
		margin-left: 13%;
		padding-top: 7rem;
		height: 13.45rem;
	}
	.sec5 .text-top h5{
		font-size: 1.5625rem;
		margin-bottom: 1rem;
	}
	.sec5 .text-top p{
		font-size: 0.875rem;
		margin-bottom: 0.375rem;
	}
	.sec5 .text-bottom{
		padding-bottom: 0;
		font-size: 0;
		padding-top: 1.125rem;
	}
	.sec5 .text-bottom a{
		font-size: 0.5625rem;
		padding: 0.3125rem 0;
		width: 50%;
	}
	.sec5 .text-bottom a:hover{
		background-color: transparent;
	}
	.sec5 .text-bottom br{
		display: none;
	}
	.sec6 .text-top{
		position: static;
		margin-left: 13%;
		padding-top: 6.125rem;
		height: 13.45rem;
	}
	.sec6 .text-top ul{
		margin-bottom: 1.25rem;
	}
	.sec6 .text-top ul li h3{
		font-size: 0.5625rem;
		margin-bottom: 0.3125rem;
	}
	.sec6 .text-top ul li h4{
		font-size: 2.1875rem;
	}
	.sec6 .text-top h5{
		font-size: 1rem;
		margin-bottom: 0.625rem;
	}
	.sec6 .text-top p{
		font-size: 0.75rem;
	}
	.sec6 .text-bottom{
		padding-bottom: 0;
		padding-top: 0.875rem;
		width: auto;
		padding-right: 12%;
	}
	.sec6 .text-bottom p{
		font-size: 0.5625rem;
		line-height: 1.0625rem;
		margin-bottom: 0.875rem;
	}
	.sec6 .text-bottom a{
		font-size: 0.625rem;
		border: 0.0625rem solid #fff;
		width: 5rem;
		height: 1.5rem;
		line-height: 1.375rem;
		border-radius: 0;
		margin: 0 auto;
	}
	/*message*/
	#message-cover .box{width: 21.5625rem;height:27.1875rem;margin-top:-13.59375rem;margin-left:-10.78125rem;padding: 1.5625rem;}
	#message-cover .box .close img{right: 0.625rem;top: 0.625rem;width: 0.875rem;}
	#message-cover .box .submit{
		font-size:0.9375rem;
		line-height:2.5rem;
		height:2.5rem;
	}
	#message-cover .ques .top{padding-bottom:1.25rem;}
	#message-cover .ques .top h5{
		font-size: 1.5rem;
		margin-bottom: 0.6875rem;
	}
	#message-cover .ques .top p{
		font-size: 0.75rem;
		line-height: 1.25rem;
	}
	#message-cover .ques .top img{
		width: 6.5625rem;
	}
	#message-cover .ques .bottom{padding: 1.25rem 0;}
	#message-cover .ques .bottom form{height: 2.5rem;line-height: 2.5rem; margin-bottom:0.375rem;}
	#message-cover .ques .bottom input{height: 2.5rem;font-size: 0.75rem;}
	#message-cover .ques .bottom .choose a{
		width: 50%;
		font-size: 0.75rem;
		line-height:0.9375rem; height:0.9375rem;
		margin-top: 0.875rem;
	}
	#message-cover .ques .bottom .choose a span{
		width: 0.9375rem;
		height:0.9375rem;
		margin-right: 0.625rem;
	}
	.box_message{ padding-top:20px; }
	.box_message p{font-size:0.6875rem; line-height:1.1875rem; }
	.box_message p a{font-size:0.6875rem;}
	#message-cover .result{width:18rem;height:17.5rem;margin-top:-8.75rem;margin-left:-9rem;padding:0;padding-top: 2.5rem;}
	#message-cover .result p{
		font-size:0.75rem;
		margin-bottom: 1.25rem;
	}
	#message-cover .result p.last{margin-bottom: 3.875rem;}
	#message-cover .result > img{margin-bottom: 1.5625rem;width: 3.75rem;}
	#message-cover .result h5{
		font-size: 1.3125rem;
		margin-bottom: 1.25rem;
	}
	#message-cover .result a.submit{ height:2.75rem; line-height:2.75rem;}
	/*web端右导航*/
	.right-page{
		display: none;
	}
	/*手机端去掉百度商桥*/
	#newBridge{
		display: none!important;
	}
}
@media only screen and (max-height:720px){
	.sec1 .text-bottom{
		padding-bottom: 1%;
	}
	.sec2 .text-bottom{
		padding-bottom: 1%;
	}
	.sec3 .text-bottom{
		padding-bottom: 1%;
	}
}