/*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;
}
#sidenav{
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-repeat: no-repeat;
	background-size: 100% 100%;
	background-image: url(../images/sidenav_bg.png);
	display: flex;
	align-items: center;
	justify-content: center;
	-webkit-display: flex;
	-webkit-align-items: center;
	-webkit-justify-content: center;
	overflow: hidden;
	z-index: 60;
	transition: all 0.5s;
	-webkit-transition: all 0.5s;
	opacity: 0;
	visibility: hidden;
}
#sidenav.active{
	opacity: 1;
	visibility: visible;
}
#sidenav .logo{
	position: absolute;
	left: 50px;
	top: 50px;
	background-repeat: no-repeat;
	background-image: url(../images/logo.png);
	background-size: 100% auto;
	background-position: center top;
}
#sidenav .logo img{
	width: 100%;
}
#sidenav .close{
	position: absolute;
	right: 54px;
	top: 54px;
	cursor: pointer;
	transition: all 0.5s;
	-webkit-transition: all 0.5s;
}
#sidenav .close:hover{
	transform: rotate(180deg);
	-webkit-transform: rotate(180deg);
}
#sidenav .box-contain{
	width: 62.5%;
	display: flex;
	align-items: center;
	justify-content: center;
	-webkit-display: flex;
	-webkit-align-items: center;
	-webkit-justify-content: center;
}
#sidenav .box-contain .left{
	width: 33%;
}
#sidenav .box-contain .middle{
	width: 34%;
}
#sidenav .box-contain .right{
	width: 33%;
}
#sidenav .box{
	width: 100%;
	position: relative;
}
#sidenav .box.box1{
	margin-bottom: 48px;
}
#sidenav .box.box3{
	transform: rotate(-90deg);
	-webkit-transform: rotate(-90deg);
}
#sidenav .box.box4{
	margin-bottom: 48px;
}
#sidenav .box .bg{
	width: 100%;
}
#sidenav .box .line{
	position: absolute;
	background-color: #ff004e;
	z-index: 1;
}
#sidenav .box .line1 {
  height: 10px;
  width: 0%;
  right: 0;
  top: 0;
  -webkit-transition: width .175s linear;
  transition: width .175s linear;
  -webkit-transition-delay: .175s;
  transition-delay: .175s;
}
#sidenav .box .line2 {
  height: 0%;
  width: 10px;
  right: 0;
  bottom: 0;
  -webkit-transition: height .175s linear;
  transition: height .175s linear;
  -webkit-transition-delay: .35s;
  transition-delay: .35s;
}
#sidenav .box .line3 {
  height: 10px;
  width: 0%;
  right: 0;
  bottom: 0;
  -webkit-transition: width .175s linear;
  transition: width .175s linear;
  -webkit-transition-delay: .35s;
  transition-delay: .35s;
}
#sidenav .box .line4 {
  height: 0%;
  width: 10px;
  left: 0;
  bottom: 0;
  -webkit-transition: height .175s linear;
  transition: height .175s linear;
  -webkit-transition-delay: .175s;
  transition-delay: .175s;
}
#sidenav .box:hover .line1{
  -webkit-transition-delay: .35s; 
  transition-delay: .35s; 
  width: 100%;
}
#sidenav .box:hover .line3 {
  -webkit-transition-delay: .175s;
  transition-delay: .175s; 
  width: 100%;
}
#sidenav .box:hover .line2 { 
  -webkit-transition-delay: .175s; 
  transition-delay: .175s; 
  height: 100%;
}
#sidenav .box:hover .line4 {
  -webkit-transition-delay: .35s; 
  transition-delay: .35s;  
  height: 100%;
}
#sidenav .box a{
	display: flex;
	align-items: flex-start;
	justify-content: center;
	flex-direction: column;
	-webkit-display: flex;
	-webkit-align-items: flex-start;
	-webkit-justify-content: center;
	-webkit-flex-direction: column;
	position: absolute;
	width: 100%;
	height: 100%;
	z-index: 1;
	padding-left: 17%;
	background-color: #fff;
	transition: all 0.5s;
	-webkit-transition: all 0.5s;
}
#sidenav .box.box1 a,#sidenav .box.box4 a{
	bottom: 200%;
	left: 0;
}
#sidenav.active .box.box1 a,#sidenav.active .box.box4 a{
	bottom: 0;
}
#sidenav .box.box3 a{
	top: 0;
	left: -200%;
}
#sidenav.active .box.box3 a{
	left: 0;
}
#sidenav .box.box2 a,#sidenav .box.box5 a{
	top: 200%;
	left: 0;
}
#sidenav.active .box.box2 a,#sidenav.active .box.box5 a{
	top: 0;
}
#sidenav .box.box2 a{
	background-repeat: no-repeat;
	background-size: 100% 100%;
	background-image: url(../images/sidenav_box_bg3.png);
}
#sidenav .box.box4 a{
	background-repeat: no-repeat;
	background-size: 100% 100%;
	background-image: url(../images/sidenav_box_bg4.png);
}
#sidenav .box a p{
	font-size: 14px;
	color: #333;
	font-family: 'itc';
	margin-bottom: 30px;
}
#sidenav .box.box2 a p,#sidenav .box.box4 a p{
	color: #fff;
}
#sidenav .box a p img{
	vertical-align: middle;
	margin-right: 15px;
	transition: all 0.5s;
	-webkit-transition: all 0.5s;
}
#sidenav .box:hover a p img{
	transform: translateX(5px);
	-webkit-transform: translateX(5px);
}
#sidenav .box a h5{
	font-size: 54px;
	color: #333;
	font-weight: bold;
}
#sidenav .box.box2 a h5,#sidenav .box.box4 a h5{
	color: #fff;
}
#logo{
	background-repeat: no-repeat;
	background-image: url(../images/logo.png);
	background-size: 100% auto;
	background-position: center top;
	position: absolute;
	left: 50px;
	top: 50px;
	z-index: 51;
}
#logo.color2{
	background-position: center bottom;
}
#menu{
	position: absolute;
	right: 50px;
	top: 55px;
	z-index: 51;
	cursor: pointer;
}
#menu img{
	opacity: 0;
}
#menu div{
	background-color: #fff;
}
#menu.color2 div{
	background-color: #333;
}
#menu .line1{
	position: absolute;
	right: 0;
	top: 0;
	height: 2px;
	width: 100%;
	animation: 1s infinite lineone;
	-webkit-animation: 1s infinite lineone;
}
@keyframes lineone {
	0% {
	   width: 100%;
	}
	25% {
	   width: 25%;
	}
	50% {
	   width: 50%;
	}
	100% {
	   width: 100%;
	}
}
@-webkit-keyframes lineone {
	0% {
	   width: 100%;
	}
	25% {
	   width: 25%;
	}
	50% {
	   width: 50%;
	}
	100% {
	   width: 100%;
	}
}
#menu .line2{
	position: absolute;
	right: 0;
	top: 50%;
	margin-top: -1px;
	height: 2px;
	width: 72%;
	animation: 1s infinite linetwo;
	-webkit-animation: 1s infinite linetwo;
}
@keyframes linetwo {
	0% {
	   width: 72%;
	}
	25% {
	   width: 100%;
	}
	50% {
	   width: 50%;
	}
	100% {
	   width: 72%;
	}
}
@-webkit-keyframes linetwo {
	0% {
	   width: 72%;
	}
	25% {
	   width: 100%;
	}
	50% {
	   width: 50%;
	}
	100% {
	   width: 72%;
	}
}
#menu .line3{
	position: absolute;
	right: 0;
	bottom: 0;
	height: 2px;
	width: 88%;
	animation: 1s infinite linethree;
	-webkit-animation: 1s infinite linethree;
}
@keyframes linethree {
	0% {
	   width: 88%;
	}
	25% {
	   width: 100%;
	}
	50% {
	   width: 25%;
	}
	100% {
	   width: 88%;
	}
}
@-webkit-keyframes linethree {
	0% {
	   width: 88%;
	}
	25% {
	   width: 100%;
	}
	50% {
	   width: 25%;
	}
	100% {
	   width: 88%;
	}
}
.swiper-container{
	width: 100%;
	height: 100%;
}
.swiper-slide{
	overflow: hidden;
}
.swiper-container-vertical > .swiper-pagination-bullets{
	right: 50px;
	height: 60%;
	text-align: right;
	font-size: 0;
	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;
}
.swiper-container-vertical > .swiper-pagination-bullets .swiper-pagination-bullet{
	margin: 0;
}
.swiper-pagination .swiper-pagination-bullet{
	height: 16.66%;
	width: 1px;
	opacity: 0.1;
	background-color: #fff;
	border-radius: 0;
	transition: all 0.5s;
	-webkit-transition: all 0.5s;
}
.swiper-pagination.color2 .swiper-pagination-bullet{
	background-color: #000;
}
.swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{
	width: 4px;
	opacity: 1;
}
.sec0{
	background-repeat: no-repeat;
	background-size: 100% 100%;
	background-image: url(../images/sec0_bg_web.jpg);
}
.sec0 .word{
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	right: 0;
	z-index: 2;
	margin: auto;
	width: 43.23%;
	opacity: 0;
	transition: all 0.2s 0.4s ease-in;
	-webkit-transition: all 0.2s 0.4s ease-in;
	transform: scale(3,3);
	-webkit-transform: scale(3,3);
}
.sec0.active .word{
	opacity: 1;
	transform: scale(1,1);
	-webkit-transform: scale(1,1);
}
.sec0 .lie{
	position: absolute;
	left: 0;
	top: 0;
	margin: auto;
	z-index: 1;
	width: 100%;
	opacity: 0;
	transition: all 0.8s 0.3s cubic-bezier(0,0.5,0,0.5);
	-webkit-transition: all 0.8s 0.3s cubic-bezier(0,0.5,0,0.5);
	transform: scale(0,0);
	-webkit-transform: scale(0,0);
}
.sec0.active .lie{
	transform: scale(1,1);
	-webkit-transform: scale(1,1);
	opacity: 1;
}
.sec0 .text{
	position: absolute;
	bottom: 10%;
	left: 0;
	right: 0;
	z-index: 3;
	margin: auto;
	text-align: center;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	-webkit-display: flex;
	-webkit-align-items: center;
	-webkit-justify-content: center;
	-webkit-flex-direction: column;
}
.sec0 .text h3{
	position: relative;
	margin-bottom: 45px;
	font-size: 34px;
	font-weight: bold;
	color: #fff;
}
.sec0 .text h3 span{
	display: block;
	position: absolute;
	bottom: -5px;
	width: 110%;
	left: 0;
	right: 0;
	margin: auto;
	height: 10px;
	background-color: #ff004e;
	z-index: -1;
}
.sec0 .text p{
	font-size: 24px;
	color: #fff;
	font-weight: lighter;
}
.container2{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	transition: all 0.5s;
	-webkit-transition: all 0.5s;
	background-size: 50% 100%;
	background-repeat: no-repeat;
	background-position: left top;
}
.container2.color1{
	background-image: linear-gradient(50deg, #8ec5fc , #e0c3fc);
	-webkit-background-image: linear-gradient(50deg, #8ec5fc , #e0c3fc);
}
.container2.color2{
	background-image: linear-gradient(50deg, #b490ca , #5ee7df);
	-webkit-background-image: linear-gradient(50deg, #b490ca , #5ee7df);
}
.container2.color3{
	background-image: linear-gradient(50deg, #fbc8d4 , #9795f0);
	-webkit-background-image: linear-gradient(50deg, #fbc8d4 , #9795f0);
}
.container2 .section{
	width: 100%;
	height: 100%;
	position: absolute;
	top: 100%;
	left: 0;
	transition: all 0.5s;
	-webkit-transition: all 0.5s;
	font-size: 0;
}
.container2 .section.active{
	top: 0;
}
.container2 .section .left{
	width: 50%;
	height: 100%;
	vertical-align: top;
	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;
}
.container2 .section .left h4{
	font-size: 45px;
	color: #fff;
	font-weight: bold;
	margin-bottom: 25px;
	text-shadow: 1px 1px 1px #999;
}
.container2 .section .left h5{
	font-size: 70px;
	color: #fff;
	font-weight: bold;
	font-family: "itc";
	position: relative;
	margin-bottom: 30px;
	z-index: 1;
	text-shadow: 1px 1px 1px #999;
}
.container2 .section .left h5 span{
	display: block;
	position: absolute;
	left: 0;
	bottom: 10px;
	background-color: #333;
	width: 100%;
	height: 10px;
	z-index: -1;
}
.container2 .section .left p{
	font-size: 16px;
	font-weight: lighter;
	line-height: 30px;
	color: #fff;
	margin-bottom: 120px;
	width: 23em;
}
.container2 .section .right{
	width: 50%;
	height: 100%;
	display: inline-block;
	vertical-align: top;
	overflow: hidden;
	position: relative;
}
.container2 .section .right img{
	position: absolute;
	right: 0;
	top: 0;
	height: 100%;
}
.container2 .pager2{
	position: absolute;
	left: 50px;
	top: 0;
	bottom: 0;
	margin: auto;
	z-index: 2;
	display: flex;
	align-items: flex-start;
	justify-content: center;
	flex-direction: column;
	-webkit-display: flex;
	-webkit-align-items: flex-start;
	-webkit-justify-content: center;
	-webkit-flex-direction: column;
}
.container2 .pager2 a{
	background-color: #000;
	margin: 2px 0;
	opacity: 0.4;
}
.container2 .pager2 a.active{
	opacity: 1;
	box-shadow: 6px 0px 0px rgba(0,0,0,0.15);
}
.sec2{
	background-repeat: no-repeat;
	background-image: url(../images/sec2_bg.jpg);
	background-position: center top;
	background-size: 100% auto;
}
.sec2 .top{
	height: 34%;
	display: flex;
	align-items: center;
	justify-content: space-around;
	-webkit-display: flex;
	-webkit-align-items: center;
	-webkit-justify-content: space-around;
}
.sec2 .top .left{
	font-size: 40px;
	font-weight: bold;
	color: #333;
}
.sec2 .top .right{
	position: relative;
}
.sec2 .top .right p{
	font-size: 30px;
	color: #333;
	font-weight: bold;
	font-family: "itc";
	line-height: 40px;
	position: relative;
	z-index: 1;	
}
.sec2 .top .right span{
	display: block;
	width: 10px;
	left: -5px;
	top: 0;
	background-color: #ff004e;
	height: 100%;
	position: absolute;
	z-index: 0;
}
.sec2 .bottom{
	height: 66%;
	font-size: 0;
}
.sec2 .bottom a{
	display: inline-block;
	vertical-align: top;
	width: 25%;
	height: 100%;
	background-repeat: no-repeat;
	background-size: auto 100%;
	background-position: center center;
	transition: all 0.5s;
	-webkit-transition: all 0.5s;
	overflow: hidden;
}
.sec2 .bottom:hover a{
	width: 21.875%;
    filter: grayscale(100%);
	-webkit-filter: grayscale(100%);
}
.sec2 .bottom:hover a:hover{
	width: 34.375%;
    filter: grayscale(0%);
	-webkit-filter: grayscale(0%);
}
.sec2 .bottom a:nth-child(1){
	background-image: url(../images/sec2_box1_img.jpg);
}
.sec2 .bottom a:nth-child(2){
	background-image: url(../images/sec2_box2_img.jpg);
}
.sec2 .bottom a:nth-child(3){
	background-image: url(../images/sec2_box3_img.jpg);
}
.sec2 .bottom a:nth-child(4){
	background-image: url(../images/sec2_box4_img.jpg);
}
.sec2 .bottom a .part1{
	height: 100%;
	transition: all 0.5s;
	-webkit-transition: all 0.5s;
	display: flex;
	align-items: flex-start;
	justify-content: center;
	flex-direction: column;
	-webkit-display: flex;
	-webkit-align-items: flex-start;
	-webkit-justify-content: center;
	-webkit-flex-direction: column;
}
.sec2 .bottom a:hover .part1{
	height: 40%;
}
.sec2 .bottom a .part1 h5{
	font-size: 32px;
	font-weight: bold;
	color: #fff;
	border-bottom: 1px solid rgba(255,255,255,0.2);
	padding: 0 10%;
	text-shadow: 0px 0px 5px rgba(0,0,0,0.5);
}
.sec2 .bottom a .part2{
	background-color: #1d1d23;
	height: 60.6%;
	padding: 6.8%;
}
.sec2 .bottom a .part2 p{
	font-size: 18px;
	color: #fff;
	font-weight: lighter;
	line-height: 40px;
}
.sec3{
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	padding: 0 10%;
}
.sec3 .top{
	display: flex;
	align-items: center;
	justify-content: space-between;
	-webkit-display: flex;
	-webkit-align-items: center;
	-webkit-justify-content: space-between;
	margin-bottom: 6%;
	width: 100%;
}
.sec3 .top .left h5{
	font-size: 40px;
	color: #333;
	font-weight: bold;
	margin-bottom: 18px;
}
.sec3 .top .left p{
	font-size: 16px;
	color: #999;
}
.sec3 .top .right{
	position: relative;
	z-index: 1;
	margin-right: 7%;
}
.sec3 .top .right p{
	font-size: 30px;
	color: #000;
	font-weight: bold;
	font-family: "itc";
}
.sec3 .top .right span{
	display: block;
	width: 10px;
	height: 100%;
	position: absolute;
	left: -5px;
	top: 0;
	z-index: -1;
	background-color: #ff004e;
}
.sec3 img{
	width: 100%;
}
.sec4{
	display: flex;
	align-items: center;
	justify-content: center;
	-webkit-display: flex;
	-webkit-align-items: center;
	-webkit-justify-content: center;
}
.sec4 .container{
	position: relative;
	width: 84%;
}
.sec4 .container .bg{
	width: 100%;
}
.sec4 .inner{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	display: flex;
	align-items: flex-start;
	justify-content: flex-start;
	flex-direction: column;
	flex-wrap: wrap;
	-webkit-display: flex;
	-webkit-align-items: flex-start;
	-webkit-justify-content: flex-start;
	-webkit-flex-direction: column;
	-webkit-flex-wrap: wrap;
}
.sec4 .box{
	width: 20%;
	position: relative;
	display: block;
	overflow: hidden;
}
.sec4 .box img{
	width: 100%;
}
.sec4 .box .cover{
	position: absolute;
	top: 100%;
	left: 0;
	width: 100%;
	height: 100%;
}
.sec4 .box.title .cover{
	top: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	-webkit-display: flex;
	-webkit-align-items: center;
	-webkit-justify-content: center;
	-webkit-flex-direction: column;
}
.sec4 .box.normal .cover{
	transition: all 0.5s;
	-webkit-transition: all 0.5s;
	padding: 8.75%;
	display: flex;
	align-items: flex-start;
	justify-content: flex-end;
	flex-direction: column;
	-webkit-display: flex;
	-webkit-align-items: flex-start;
	-webkit-justify-content: flex-end;
	-webkit-flex-direction: column;
}
.sec4 .box.normal:nth-child(5n-1) .cover{
	background-image: linear-gradient(50deg, rgba(15,124,209,0.8) , rgba(54,212,128,0.8));
}
.sec4 .box.normal:nth-child(5n-2) .cover{
	background-image: linear-gradient(50deg, rgba(245,87,108,0.8) , rgba(240,147,251,0.8));
}
.sec4 .box.normal:nth-child(5n-3) .cover{
	background-image: linear-gradient(50deg, rgba(134,68,202,0.8) , rgba(105,132,255,0.8));
}
.sec4 .box.normal:nth-child(5n-4) .cover{
	background-image: linear-gradient(50deg, rgba(0,91,234,0.8) , rgba(0,198,251,0.8));
}
.sec4 .box.normal:nth-child(5n) .cover{
	background-image: linear-gradient(50deg, rgba(255,29,98,0.8) , rgba(255,178,96,0.8));
}
.sec4 .box.normal:hover .cover{
	transition: all 0.5s;
	-webkit-transition: all 0.5s;
	top: 0;
}
.sec4 .box .cover h3{
	font-size: 40px;
	color: #fff;
	font-weight: bold;
	margin-bottom: 20px;
}
.sec4 .box .cover h4{
	position: relative;
	font-size: 50px;
	color: #fff;
	font-weight: bold;
	font-family: "itc";
	z-index: 1;
}
.sec4 .box .cover h4 span{
	display: block;
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 10px;
	background-color: #333333;
	z-index: -1;
}
.sec4 .box .cover h5{
	font-size: 24px;
	color: #fff;
	font-weight: lighter;
	margin-bottom: 15px;
}
.sec4 .box .cover p{
	font-size: 14px;
	color: #fff;
	font-weight: lighter;
}
.sec5{
	display: flex;
	align-items: center;
	justify-content: center;
	-webkit-display: flex;
	-webkit-align-items: center;
	-webkit-justify-content: center;
	background-repeat: no-repeat;
	background-size: 100% 100%;
	background-position: center center;
	background-image: url(../images/sec5_bg_web.jpg);
}
.sec5 .left{
	width: 32%;
	display: flex;
	align-items: flex-start;
	justify-content: center;
	flex-direction: column;
	-webkit-display: flex;
	-webkit-align-items: flex-start;
	-webkit-justify-content: center;
	-webkit-flex-direction: column;
}
.sec5 .left .title{
	position: relative;
	z-index: 1;
	margin-bottom: 50px;
}
.sec5 .left .title h5{
	font-size: 36px;
	font-weight: bold;
	color: #fff;
	margin-bottom: 10px;
}
.sec5 .left .title h4{
	font-size: 55px;
	color: #fff;
	font-weight: bold;
	font-family: "itc";
}
.sec5 .left .title .bgline{
	width: 100%;
	height: 10px;
	position: absolute;
	bottom: 0;
	left: 0;
	background-color: #333;
	z-index: -1;
}
.sec5 .left ul{
	margin-bottom: 30px;
	font-size: 0;
}
.sec5 .left ul li{
	display: inline-block;
	vertical-align: top;
}
.sec5 .left ul li h3{
	font-size: 16px;
	color: #fff;
	font-family: "itc";
	font-weight: normal;
	margin-bottom: 12px;
}
.sec5 .left ul li h4{
	font-size: 65px;
	color: #fff;
	font-family: "Knockout";
	font-weight: normal;
	margin-right: 1em;
}
.sec5 .left .text-bottom h4{
	font-size: 26px;
	color: #fff;
	font-weight: bold;
	margin-bottom: 20px;	
}
.sec5 .left .text-bottom h5{
	font-size: 18px;
	color: #fff;
	font-weight: normal;
	margin-bottom: 46px;
}
.sec5 .left .text-bottom p{
	font-size: 14px;
	color: #fff;
	line-height: 24px;
	margin-bottom: 30px;
}
.sec5 .left .contact{
	display: block;
	border: 2px solid #fff;
	border-radius: 2px;
	font-size: 14px;
	color: #fff;
	width: 120px;
	height: 40px;
	line-height: 36px;
	text-align: center;
}
.sec5 .left .contact:hover{
	background-color: #fff;
	color: #333;
}
.sec5 .right{
	width: 26%;
}
.sec5 .copyrights{
	font-size: 14px;
	color: rgb(255,255,255,0.5);
	position: absolute;
	left: 50px;
	bottom: 50px;
}
/*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:106px;min-width:156px;text-align: center;z-index:98;height: 42px;font-size: 0;}
.floating a{width: 42px;height: 42px; margin:0 5px;border-radius:21px;background-color:#c0192a; 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 #c0192a;
    -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;position: relative;}
.floating a.float-message{background-image:url(../images/float_message.png);-webkit-background-size: 17px 17px; background-size: 17px 17px; }
.floating a span{color:#fff;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: -35px;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:-50%;}
.floating a.float-qq.mobile{ display:none!important;}

#top{ position:fixed; right:10px; bottom:20px; width:42px; height:42px; z-index:999; display:none;-webkit-transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out; border-radius:50%;}
#top:hover{ background:#c0192a;}
#top .top2{ position:fixed; right:10px; 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{ cursor: pointer;z-index:99 !important;width:42px !important; height:42px !important;border-radius:50px !important;background-size:auto auto !important; right:60px !important; left:auto !important; background-color:#c0192a !important;background-image:url(../images/float_message.png) !important;background-repeat:no-repeat !important; background-position:center !important; background-color:#c0192a !important;}
.zc-advice-icon-btn-title{display: none!important;}
#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){
	
}
@media only screen and (max-width:1024px){
	/*浮动窗口样式*/
	.floating{height:30px; right:46px;}
	.floating a{width:32px;height:32px;line-height:32px;border: 1px solid #c0192a;}
	.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:-25px; 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;
	}
	#sidenav .logo{
		left: 1rem;
		top: 1.3125rem;
		width: 7rem;
	}
	#sidenav .close{
		right: 1.25rem;
		top: 1.375rem;
		width: 0.75rem;
	}
	#sidenav .close:hover{
		transform: rotate(0deg);
		-webkit-transform: rotate(0deg);
	}
	#sidenav .box-contain{
		width: 100%;
		flex-direction: column;
		-webkit-flex-direction: column;
	}
	#sidenav .box-contain .left{
		width: 100%;
	}
	#sidenav .box-contain .middle{
		width: 100%;
	}
	#sidenav .box-contain .right{
		width: 100%;
	}
	#sidenav .box{
		margin-bottom: 2.3125rem;
		opacity: 0;
		transition-property: all;
		transition-duration: 0.5s;
		-webkit-transition-property: all;
		-webkit-transition-duration: 0.5s;
		left: -50%;
	}
	#sidenav.active .box{
		opacity: 1;
		left: 0;
	}
	#sidenav .box.box1{
		margin-bottom: 2.3125rem;
		transition-delay: 0.5s;
		-webkit-transition-delay: 0.5s;
	}
	#sidenav .box.box2{
		transition-delay: 0.6s;
		-webkit-transition-delay: 0.6s;
	}
	#sidenav .box.box3{
		transform: rotate(0deg);
		-webkit-transform: rotate(0deg);
		transition-delay: 0.7s;
		-webkit-transition-delay: 0.7s;
	}
	#sidenav .box.box4{
		margin-bottom: 2.3125rem;
		transition-delay: 0.8s;
		-webkit-transition-delay: 0.8s;
	}
	#sidenav .box.box5{
		transition-delay: 0.9s;
		-webkit-transition-delay: 0.9s;
	}
	#sidenav .box .bg{
		display: none;
	}
	#sidenav .box .line{
		display: none;
	}
	#sidenav .box a{
		align-items: center;
		-webkit-align-items: center;
		padding-left: 0;
		background-color: transparent;
		position: relative;
	}
	#sidenav .box.box1 a,#sidenav .box.box4 a{
		bottom: 0;
	}
	#sidenav .box.box3 a{
		left: 0;
	}
	#sidenav .box.box2 a,#sidenav .box.box5 a{
		top: 0;
	}
	#sidenav .box.box2 a{
		background-image: none;
	}
	#sidenav .box.box4 a{
		background-image: none;
	}
	#sidenav .box a p{
		display: none;
	}
	#sidenav .box a h5{
		font-size: 1.875rem;
		color: #fff;
	}
	#logo{
		left: 1rem;
		top: 1.3125rem;
	}
	#logo .bg{
		width: 7rem;
	}
	#menu{
		right: 1.25rem;
		top: 1.375rem;
	}
	#menu img{
		width: 1rem;
	}
	#menu .line1{
		height: 1px;
	}
	#menu .line2{
		height: 1px;
	}
	#menu .line3{
		height: 1px;
	}
	.swiper-container-vertical > .swiper-pagination-bullets{
		right: 0.625rem;
		height: 45%;
	}
	.swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{
		width: 2px;
	}
	.sec0{
		background-image: url(../images/sec0_bg_mobile.jpg);
	}
	.sec0 .word{
		width: 90.66%;
	}
	.sec0 .text{
		bottom: 11.7%;
	}
	.sec0 .text h3{
		margin-bottom: 2.3125rem;
		font-size: 1.5625rem;
	}
	.sec0 .text h3 span{
		bottom: -0.15625rem;
		height: 0.3125rem;
	}
	.sec0 .text p{
		font-size: 1rem;
	}
	.container2{
		background-size: 100% 100%;
	}
	.container2 .section .left{
		width: 100%;
		height: 50%;
		padding: 0 16%;
	}
	.container2 .section .left .box{
		display: flex;
		align-items: flex-start;
		justify-content: center;
		flex-direction: column;
		-webkit-display: flex;
		-webkit-align-items: flex-start;
		-webkit-justify-content: center;
		-webkit-flex-direction: column;
	}
	.container2 .section .left h4{
		font-size: 1.5625rem;
		margin-bottom: 0.75rem;
	}
	.container2 .section .left h5{
		font-size: 2.1875rem;
		margin-bottom: 0.875rem;
	}
	.container2 .section .left h5 span{
		bottom: 0.3125rem;
		height: 0.3125rem;
	}
	.container2 .section .left p{
		font-size: 0.875rem;
		line-height: 1.625rem;
		margin-bottom: 2.1875rem;
		width: auto;
	}
	.container2 .section .left a img{
		width: 1.875rem;
	}
	.container2 .section .right{
		width: 100%;
		height: 50%;
	}
	.container2 .pager2{
		left: 0.625rem;
	}
	.container2 .pager2 a{
		margin: 0.0625rem 0;
	}
	.container2 .pager2 a.active{
		box-shadow: 0.1875rem 0px 0px rgba(0,0,0,0.15);
	}
	.container2 .pager2 a img{
		width: 1.5625rem;
	}
	.sec2{
		background-position: left top;
		background-size: auto 100%;
	}
	.sec2 .top{
		height: 25%;
	}
	.sec2 .top .left{
		font-size: 1.5625rem;
	}
	.sec2 .top .right p{
		font-size: 0.9375rem;
		line-height: 1.25rem;
	}
	.sec2 .top .right span{
		width: 0.3125rem;
		left: -0.15625rem;
	}
	.sec2 .bottom{
		height: 75%;
	}
	.sec2 .bottom a{
		width: 50%;
		height: 50%;
		position: relative;
	}
	.sec2 .bottom:hover a{
		width: 50%;
	    filter: grayscale(0%);
		-webkit-filter: grayscale(0%);
	}
	.sec2 .bottom:hover a:hover{
		width: 50%;
	}
	.sec2 .bottom a .part1{
		height: auto;
		display: block;
		-webkit-display: block;
		padding-top: 3rem;
	}
	.sec2 .bottom a:hover .part1{
		height: auto;
	}
	.sec2 .bottom a .part1 h5{
		font-size: 1.125rem;
	}
	.sec2 .bottom a .part2{
		background-color: rgba(0,0,0,0.5);
		height: auto;
		padding: 10%;
		position: absolute;
		bottom: 0;
		left: 0;
		width: 100%;
	}
	.sec2 .bottom a .part2 p{
		font-size: 0.625rem;
		line-height: 1.3125rem;
	}
	.sec3{
		padding: 0 6.6%;
	}
	.sec3 .top .left h5{
		font-size: 1.5625rem;
		margin-bottom: 0.625rem;
	}
	.sec3 .top .left p{
		font-size: 0.625rem;
	}
	.sec3 .top .right{
		margin-right: 0;
	}
	.sec3 .top .right p{
		font-size: 0.9375rem;
	}
	.sec3 .top .right span{
		width: 0.3125rem;
		left: -0.15625rem;
	}
	.sec4 .container{
		width: 92%;
	}
	.sec4 .inner{
		justify-content: space-between;
		-webkit-justify-content: space-between;
	}
	.sec4 .box{
		width: 33%;
	}
	.sec4 .box.normal .cover{
		display: none;
		-webkit-display: none;
	}
	.sec4 .box .cover h3{
		font-size: 1.25rem;
		margin-bottom: 0.625rem;
	}
	.sec4 .box .cover h4{
		font-size: 1.5625rem;
	}
	.sec4 .box .cover h4 span{
		height: 0.3125rem;
	}
	.sec5{
		background-image: url(../images/sec5_bg_mobile.jpg);
		padding-top: 5.125rem;
		display: block;
		-webkit-display: block;
		text-align: center;
	}
	.sec5 .left{
		display: inline-flex;
		-webkit-display: inline-flex;
		text-align: left;
		width: 74%;
		position: relative;
		z-index: 1;
	}
	.sec5 .left .title{
		margin-bottom: 1.625rem;
	}
	.sec5 .left .title h5{
		font-size: 1.5625rem;
		margin-bottom: 0.3125rem;
	}
	.sec5 .left .title h4{
		font-size: 1.71875rem;
	}
	.sec5 .left .title .bgline{
		height: 0.3125rem;
	}
	.sec5 .left ul{
		margin-bottom: 1.125rem;
	}
	.sec5 .left ul li h3{
		font-size: 0.5625rem;
		margin-bottom: 0.3125rem;
	}
	.sec5 .left ul li h4{
		font-size: 2.1875rem;
	}
	.sec5 .left .text-bottom h4{
		font-size: 1rem;
		margin-bottom: 0.75rem;	
	}
	.sec5 .left .text-bottom h5{
		font-size: 0.75rem;
		margin-bottom: 1rem;
	}
	.sec5 .left .text-bottom p{
		font-size: 0.5625rem;
		line-height: 1.125rem;
		margin-bottom: 0.875rem;
	}
	.sec5 .left .contact{
		width: 5rem;
		height: 1.5rem;
		line-height: 1.375rem;
		font-size: 0.625rem;
		border: 0.0625rem solid #fff;
		border-radius: 0;
		margin: 0 auto;
	}
	.sec5 .right{
		width: 57.3%;
		margin: -0.75rem auto 0;
	}
	.sec5 .copyrights{
		font-size: 0.75rem;
		left: 1rem;
		bottom: 1.3125rem;
	}
	/*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;}
	/*手机端去掉百度商桥*/
	#newBridge{
		display: none!important;
	}
}
@media only screen and (max-width:414px){
	
}
@media only screen and (max-width:320px){

}