@charset "utf-8";

body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
form,
fieldset,
input,
textarea,
p,
blockquote,
th,
td {
	padding: 0;
	margin: 0;
}

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

fieldset,
img {
	border: 0;
}

em,
strong,
th,
var {
	font-style: normal;
	font-weight: normal;
}

ol,
ul {
	list-style: none;
}

caption,
th {
	text-align: left;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-size: 100%;
	font-weight: normal;
}
q:before,
q:after {
	content: '';
}

abbr,
acronym {
	border: 0;
}

img {
	vertical-align: top;
	border: 0;
}

li {
	list-style-type: none;
}

label {
	font-weight: normal;
}

html {
	-webkit-text-size-adjust: none;
}

body {
	height: 100%;
	font: 14px/26px "Microsoft YaHei", "΢���ź�", Arial;
	color: #666;
	letter-spacing: .03em;
	-webkit-font-smoothing: antialiased;
	overflow-x: hidden;
	background: #fff;
}

input,
select,
textarea,
button {
	font: 14px/22px "Microsoft YaHei", "΢���ź�", Arial;
	color: #c7c7c7;
	outline: none;
}

table {
	font-size: inherit;
	font: 100%;
}

input[type="text"]:focus {
	outline: none;
}

select {
	-moz-appearance: none;
	-webkit-appearance: none;
	appearance: none;
}

select.form-control {
	display: inline-block;
	width: 128px;
	margin-right: 15px;
	background: url(../img/iselect.png) no-repeat 92% center;
}

a {
	color: #666;
	outline: none;
	text-decoration: none;
}

video {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: fill
}

a:hover,
a:focus {
	color: #d71217;
	text-decoration: none;
}

button {
	cursor: pointer;
	border: 0;
	padding: 0;
	overflow: hidden;
}

textarea {
	overflow: auto;
	resize: none;
}

.input_c,
.input_r {
	width: 16px;
	height: 16px;
	padding: 0;
	margin: 2px 3px 2px 0;
	overflow: hidden;
	vertical-align: middle;
}

.clearfix:after,
.clearfixlist li:after,
.container:after {
	content: "\0020";
	display: block;
	clear: both;
	height: 0;
	font-size: 0;
}

.clearfix,
.clearfixlist li,
.container {
	zoom: 1;
}

.hide {
	display: none;
}

.clear {
	clear: both;
	display: block;
}

.fl {
	float: left;
}

.fr {
	float: right;
}

.show-pad {
	display: none;
}

.gray {
	color: #aaa;
}

.pic {
	overflow: hidden;
}

.body-gray {
	background: #f5f5f5;
}

.pic img,
.pic-fit img,
.phone img,
.logo img,
.banner img,
.mcarousel img,
.video img,
.pic-faq img {
	width: 100%;
}

.flex-row {
	-webkit-display: flex;
	-moz-display: flex;
	-o-display: flex;
	display: flex;
	flex-wrap: wrap;
	flex-direction: row;
}

.flex-col,
.swiper-attack .info {
	-webkit-display: flex;
	-moz-display: flex;
	-o-display: flex;
	display: flex;
	flex-wrap: wrap;
	flex-direction: column;
}

.around {
	justify-content: space-around;
	align-items: center;
}

.between {
	justify-content: space-between;
	align-items: center;
}

.start {
	justify-content: flex-start;
	align-items: center;
}

.end {
	justify-content: flex-end;
	align-items: center;
}
.ssss{
                font-size:50px
}
.center,
.swiper-attack .info {
	justify-content: center;
	align-items: center;
}

.vertical {
	display: table-cell;
	vertical-align: middle;
	text-align: center;
}

.text-ellipsis,
.name {
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}

.circle,
.btn-prev,
.btn-next,
.doter,
.doter .dot,
.round {
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-o-border-radius: 50%;
	-ms-border-radius: 50%;
	border-radius: 50%;
}

.rect {
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-o-border-radius: 4px;
	-ms-border-radius: 4px;
	border-radius: 4px;
}

.trans,
.remark,
.swiper-attack .info,
.swiper-attack .txt {
	-webkit-transition: all 0.38s ease;
	-moz-transition: all 0.38s ease;
	transition: all 0.38s ease;
}

.scale {
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1);
	transition: all ease 0.38s;
}

.btn-plus,
.roate,
.swiper-suit img {
	-webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	-o-transform: rotate(0deg);
	transform: rotate(0deg);
	-webkit-transition: all 0.38s ease;
	-moz-transition: all 0.38s ease;
	transition: all 0.38s ease;
}

.btn-plus.totate,
a:hover .roate,
.swiper-suit a:hover img {
	-webkit-transform: rotate(360deg);
	-moz-transform: rotate(360deg);
	-o-transform: rotate(360deg);
	transform: rotate(360deg);
}

a:hover .scale {
	-webkit-transform: scale(1.08);
	-moz-transform: scale(1.08);
	-o-transform: scale(1.08);
	transform: scale(1.08);
}

.nodata {
	padding-top: 168px;
	margin: 18px 0;
	font-size: 18px;
	text-align: center;
	background: url(../img/nodata.png) no-repeat center 0;
}

.loading {
	position: fixed;
	z-index: 999;
	top: 18%;
	left: 50%;
	width: 98px;
	height: 98px;
	margin-left: -48px;
}

.pagination {
	display: block;
	margin: 58px 0 18px;
	text-align: center;
}

.pagination a,
.pagination span {
	display: inline-block;
	padding: 3px 12px;
	margin: 0 2px;
	color: #818181;
	background: #dedede;
}

.pagination a:hover,
.pagination .active {
	color: #fff;
	background: #e7141a;
}

.btn-solid {
	display: block;
	width: 100%;
	height: 42px;
	margin: 8px auto;
	line-height: 42px;
	color: #fff;
	text-align: center;
	background: #d71217;
}

.bounce-to-right {
	position: relative;
	vertical-align: middle;
	-webkit-transform: translateZ(0);
	transform: translateZ(0);
	box-shadow: 0 0 1px rgba(0, 0, 0, 0);
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	-moz-osx-font-smoothing: grayscale;
	-webkit-transition-property: color;
	transition-property: color;
	-webkit-transition-duration: 0.5s;
	transition-duration: 0.5s;
	overflow: hidden;
}

.bounce-to-right:before {
	content: "";
	position: absolute;
	z-index: -1;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	background: #d71217;
	-webkit-transform: scaleX(0);
	transform: scaleX(0);
	-webkit-transform-origin: 0 50%;
	transform-origin: 0 50%;
	-webkit-transition-property: transform;
	transition-property: transform;
	-webkit-transition-duration: 0.5s;
	transition-duration: 0.5s;
	-webkit-transition-timing-function: ease-out;
	transition-timing-function: ease-out;
}

.bounce-to-right:hover,
.bounce-to-right:focus,
.bounce-to-right:active {
	color: #fff;
}

.bounce-to-right:hover:before,
.bounce-to-right:focus:before,
.bounce-to-right:active:before {
	-webkit-transform: scaleX(1);
	transform: scaleX(1);
	-webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
	transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
}

.btn-consult.bounce-to-right:before {
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
}


.icon,
.faq-list .dot {
	background: url(../img/sprite.png) no-repeat center -9999em;
}

.fixedNav {
	position: fixed;
	z-index: 100;
	top: 0px;
	left: 0px;
	width: 100%;
	_position: absolute;
	_top: expression(eval(document.documentElement.scrollTop));
}

.header .container {
	position: relative;
	width: 100%;
	max-width: 1168px;
	text-align: center;
}

.header .logo,
.btn-phone {
	position: absolute;
	z-index: 88;
	top: 13px;
}

.header .logo {
	left: 8px;
}

.header .logo-black {
	display: none;
}

.btn-phone {
	right: 8px;
	width: 146px;
	height: 36px;
	font-size: 15px;
	color: #fff;
	line-height: 36px;
	text-align: center;
	background: #e7141a;
	-webkit-border-radius: 18px;
	-moz-border-radius: 18px;
	-ms-border-radius: 18px;
	border-radius: 18px;
}

.navbar-nav {
	float: right;
	position: relative;
	width: 58%;
	max-width: 630px;
	margin-right: 148px;
}

.navbar-nav>li {
	_display: inline;
	position: relative;
	width: 20%;
	padding: 0 12px;
	font-size: 16px;
}

.navbar-nav>li.show-pad {
	display: none;
}

.navbar-nav>li>a {
	position: relative;
	line-height: 59px;
	color: #fff;
}

.navbar-nav>li>a:hover,
.navbar-nav>li.active>a,
.navbar-nav>li>a:hover,
.navbar-nav>li>a:focus {
	color: #e7141a;
	background: transparent;
}

.navbar-nav>li>a:hover .line,
.navbar-nav>li.active>a .line,
.navbar-nav>li>a:hover .line,
.navbar-nav>li>a:focus .line {
	background: #e7141a;
}

.navbar-nav .line {
	display: block;
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 3px;
	-webkit-animation-duration: 0.88s;
	animation-duration: 0.88s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both
}

.sublist {
	display: none;
	position: absolute;
	top: 100%;
	right: 0;
	width: 100%;
	padding: 30px 18px;
	font-size: 15px;
	background: rgba(0, 0, 0, .82);
}

.sublist li {
	margin-bottom: 12px;
	text-align: center;
}

.sublist a {
	color: #fff;
}

.sublist a:hover {
	color: #e7141a;
}

.thirdlist {
	margin-top: 10px;
	font-size: 12px;
}

.thirdlist li {
	float: none;
	width: 100%;
	text-align: left;
}

.navbar-nav .item-server {
	position: static;
}

.navbar-nav .item-server .sublist {
	padding: 30px 30px 20px 50px;
}

.navbar-nav .item-server .sublist>li {
	float: left;
	width: 20%;
	text-align: left;
}

.header.bg-header {
	background: #fff;
}

.bg-header .navbar-nav>li>a {
	color: #333;
}

.bg-header .logo-white {
	display: none;
}

.bg-header .logo-black {
	display: block;
}

.footer {
	font-size: 13px;
	background: #292929;
}

.footer-contact {
	padding: 24px 0;
	overflow: hidden;
}

.footer-contact li {
	float: left;
	width: 33%;
	border-right: 1px solid #494949;
	line-height: 20px;
	text-align: center;
}

.footer-contact li:last-child {
	border-right: 0 none;
}

.footer-contact .icon {
	display: inline-block;
	width: 40px;
	height: 40px;
	margin-right: 8px;
}

.footer-contact .ftqq {
	background-position: 0 -648px;
}

.footer-contact .ftline {
	background-position: 0 -698px;
}

.footer-contact .ftemail {
	background-position: 0 -742px;
}

.footer-contact .info {
	display: inline-block;
	text-align: left;
}

.footer-contact .attr {
	color: #b9b9b9;
}

.footer-contact .val {
	color: #dadada;
}

.footer-nav,
.footer-nav a {
	color: #e5e5e5;
}

.footer-nav,
.footer-links {
	padding: 16px 0;
}

.footer-nav {
	border-top: 1px solid #494949;
	border-bottom: 1px solid #494949;
	overflow: hidden;
}

.footer-nav i {
	margin: 0 5px;
}

.footer-links {
	width: 92%;
	margin: 0 auto;
	color: #989898;
}

.footer-links a {
	margin-right: 8px;
}

.footer-links a:hover,
.footer-nav a:hover {
	color: #d71217;
}

.copyright {
	padding: 12px 0;
	font-size: 13px;
	color: #808080;
	text-align: center;
	background: #212121;
}

.copyright span {
	display: inline-block;
}

.fixed-bar,
.fixed-mbar {
	position: fixed;
	z-index: 99;
	right: 0;
}

.fixed-bar {
	top: 28%;
}

.fixed-bar .item {
	position: relative;
	width: 66px;
}

.fixed-bar a,
.fixed-bar .slide {
	color: #fff;
	text-align: center;
}

.fixed-bar a {
	display: block;
	width: 66px;
	height: 66px;
	padding: 4px;
	margin-bottom: 1px;
	font-size: 13px;
	color: #656565;
	text-align: center;
	background: #ddd;
}

.fixed-bar .icon {
	width: 32px;
	height: 32px;
	margin: 0 auto;
}

.fixed-bar .iqq {
	background-position: center 6px;
}

.fixed-bar .itel {
	background-position: center -40px;
}

.fixed-bar .online {
	background-position: center -92px;
}

.fixed-bar .wechat {
	background-position: center -140px;
}

.fixed-bar .itop {
	background-position: center -190px;
}

.fixed-bar .active .iqq {
	background-position: center -243px;
}

.fixed-bar .active .itel {
	background-position: center -290px;
}

.fixed-bar .active .online {
	background-position: center -342px;
}

.fixed-bar .active .wechat {
	background-position: center -390px;
}

.fixed-bar .item-top .itop {
	background-position: center -440px;
}

.fixed-bar .slide {
	display: none;
	position: absolute;
	top: -12px;
	right: 76px;
	width: 228px;
	height: 86px;
	padding: 12px 16px 18px;
	border-top: 3px solid #e7141a;
	font-size: 15px;
	line-height: 28px;
	color: #797979;
	text-align: left;
	background: #fff;
}

.fixed-bar .slide:after {
	content: '\0020';
	display: block;
	position: absolute;
	top: 32px;
	right: -12px;
	border: 6px solid transparent;
	border-left-color: #fff;
}

.fixed-bar .slide .info {
	position: relative;
	width: 100%;
	padding-left: 42px;
}

.fixed-bar .slide .name {
	font-size: 18px;
	color: #e7141a;
}

.fixed-bar .slide .icon {
	position: absolute;
	top: 50%;
	left: 0;
	width: 38px;
	height: 38px;
	margin-top: -18px;
}

.fixed-bar .slide .fqq {
	background-position-y: -650px;
}

.fixed-bar .slide .ftel {
	background-position-y: -700px;
}

.fixed-bar .slide .fonline {
	background-position-y: -796px;
}

.fixed-bar .slide .fwechat {
	background-position-y: -1280px;
}

.fixed-bar .slide-qrcode {
	height: 228px;
}

.slide-qrcode .pic {
	width: 164px;
	height: 164px;
	margin: 16px auto;
}

.fixed-bar .active .btn-bar,
.fixed-bar .item-top .btn-bar {
	color: #fff;
	background: #e7141a;
}

.fixed-mbar {
	display: none;
	bottom: 0;
	width: 100%;
	height: 52px;
	padding: 0;
	text-align: center;
	background: #fff;
}

.fixed-mbar a {
	float: left;
	width: 25%;
	padding-top: 26px;
	border-right: 1px solid rgba(255, 255, 255, .68);
	font-size: 12px;
	line-height: 20px;
	color: #909090;
	background: url(../img/sbar.png) no-repeat center -9999em;
	background-size: 23px 115px;
}

.fixed-mbar .bhome {
	background-position-y: 0;
}

.fixed-mbar .bonline {
	background-position-y: -45px;
}

.fixed-mbar .bphone {
	background-position-y: -88px;
}

.fixed-mbar .btop {
	padding: 0;
	font-size: 13px;
	line-height: 52px;
	color: #fff;
	background: #e7141a;
}


.btn-prev,
.btn-next {
	display: block;
	width: 52px;
	height: 52px;
	border: 1px solid #fff;
	background: url(../img/sprite.png) no-repeat center -9999em;
}

.btn-prev {
	background-position-y: -550px;
}

.btn-next {
	background-position-y: -600px;
}

#carousel-generic {
	position: relative;
	width: 100%;
	/* height: 500px; */
	color: #fff;
	overflow: hidden;
}

#carousel-generic .carousel-inner {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	color: #fff;
	text-align: center;
	background: rgba(0, 0, 0, .38);
}

#carousel-generic .carousel-inner>.item a.online{
	position:absolute;
	left:50%;
	top:50%;
	display:block;
	margin-left:-90px;
	margin-top:60px;
	width:170px;
	height:66px;
	line-height:62px;
	overflow:hidden;
	color:#fff;
	font-size:24px;
	text-align:center;
	border:#fff solid 2px;
	border-radius:15px;
	background:none;
}

#carousel-generic .carousel-inner>.item a.online.s1{
	margin-left:-375px;
	margin-top:70px;
	color:#222;
            filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr="#FDC600", endcolorstr="#FF9D00", gradientType=0);
            -ms-filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr="#FDC600", endcolorstr="#FF9D00", gradientType=0);
            background: -moz-linear-gradient(bottom, #FDC600, #FF9D00);
            background: -webkit-gradient(linear, 0 0, bottom 0, from(#FDC600), to(#FF9D00));
            background: linear-gradient(to bottom, #FDC600, #FF9D00);
			border:transparent solid 2px;
}

#carousel-generic .info {
	display: table-cell;
	vertical-align: middle;
	text-align: center;
}

#carousel-generic .title {
	width: 100%;
	font-size: 58px;
	line-height: 78px;
}

#carousel-generic .entitle {
	width: 100%;
	margin: 8px 0 68px;
	text-transform: uppercase;
}

#carousel-generic .btn-hollow {
	border-color: #fff;
	color: #fff;
}

#carousel-generic .btn-hollow:hover {
	border-color: #d81217;
	color: #fff;
	background: #d81217;
}

.carousel-inner img {
	width: 100%;
}

.mcarousel {
	position: relative;
	overflow: hidden;
}

.carousel-control {
	display: block;
	height: 100%;
}

.carousel-control span {
	display: block;
	position: absolute;
	z-index: 888;
	top: 50%;
	margin-top: -26px;
}

.carousel-control .btn-prev {
	left: 50%;
}

.carousel-control .btn-next {
	right: 50%;
}

.scrollDown {
	position: absolute;
	z-index: 88;
	left: 50%;
	bottom: 28px;
	width: 24px;
	height: 32px;
	margin-left: -12px;
	background-position: center -500px;
}

.mod {
	padding: 46px 0;
}

.mod-gray {
	background: #f0f0f0;
}

.mod-bg {
	background-repeat: no-repeat;
	background-position: center top;
	background-size: 100% 100%;
}

.btn-more,
.btn-hollow {
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	-ms-border-radius: 20px;
	border-radius: 20px;
}

.btn-hollow {
	display: block;
	width: 102px;
	height: 30px;
	border: 1px solid #d81217;
	margin: 20px auto 0;
	line-height: 28px;
	color: #d81217;
	text-align: center;
}

.doter {
	position: absolute;
	left: 0;
	top: 50%;
	width: 36px;
	height: 36px;
	margin-top: -12px;
}

.doter .dot {
	width: 8px;
	height: 8px;
	margin: 14px auto;
	background-color: #e7141a;
}

.doter .point,
.doter .point:after {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
}

.doter .point {
	margin: auto;
	-webkit-background-clip: padding-box;
	-moz-background-clip: padding;
	background-clip: padding-box;
	background: transparent;
}

.doter .point:after {
	content: "";
	display: block;
	opacity: 0;
	border: 2px solid #fd2f30;
	-webkit-animation: ripple 4s ease-out 225ms infinite;
	animation: ripple 4s ease-out 225ms infinite;
}

.doter .point-20:after {
	-webkit-animation-delay: .8s;
	animation-delay: .8s;
}

.doter .point-30:after {
	-webkit-animation-delay: 1.6s;
	animation-delay: 1.6s;
}

.text-right {
	padding: 0;
	padding-right: 38px;
}

.text-right .doter {
	right: 0;
	left: auto;
}



.mod-server .container {
	width: 1210px;
	padding-left: 0;
	padding-right: 0;
}

.flex-hd,
.flex-hd .inner {
	position: relative;
}

.flex-hd {
	width: 100%;
	margin-bottom: 40px;
	text-align: center;
}

.flex-hd .title {
	margin: 0 auto;
	font-size: 30px;
	line-height: 46px;
	color: #222;
}

.flex-hd .subtitle {
	color: #999;
}

.swiper-container {
	overflow: hidden;
}

.swiper-server {}

.swiper-server .name {
	font-size: 24px;
	text-align: center;
	line-height: 32px;
}

.swiper-server .swiper-wrapper {
	display: flex;
	flex-direction: row;
}

.swiper-server .swiper-slide {
	margin-left: 7px;
	margin-right: 7px;
	position: relative;
	width: 228px;
	border-radius: 10px;
}

.swiper-server .inner,
.swiper-server .remark {}

.swiper-server .inner {
	background-color: #fff;
	padding-top: 30px;
	padding-bottom: 18px;
}

.swiper-server .inner .dpic {
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 23px;
	display: block;
	width: 78px;
	height: 78px;
}

.swiper-server .inner {
	font-size: 14px;
	color: #888;
	background: #fff;
	position: relative;
}

.swiper-server .inner .name {
	color: #232323;
	margin-bottom: 12px;
}

.swiper-server .inner .info {
	margin-bottom: 14px;
	padding-left: 16px;
	padding-right: 16px;
	height: 66px;
	line-height: 22px;
}

.swiper-server .inner .tag {
	font-size: 0;
	text-align: center;
	border-radius: 3px;
}

.swiper-server .inner .tag span {
	display: inline-block;
	vertical-align: top;
	padding-left: 5px;
	padding-right: 5px;
	height: 26px;
	line-height: 26px;
	font-size: 14px;
	border-radius: 5px;
	border: #D8D8D8 solid 1px;
}

.swiper-server .remark {
	position: absolute;
	z-index: 8;
	top: 100%;
	left: 0;
	padding-top: 24px;
	width: 100%;
	height: 100%;
	box-sizing: border-box;
	font-size: 14px;
	color: #fff;
	background-color: #1C76FF;
	border-radius: 10px;
}

.swiper-server .remark .name {
	margin-bottom: 20px;
	color: #fff;
}

.swiper-server .remark .info {
	margin-bottom: 5px;
	padding-left: 16px;
	padding-right: 16px;
}

.swiper-server .remark p.more {
	font-size: 0;
	text-align: center;
}

.swiper-server .remark p.more a {
	display: inline-block;
	vertical-align: top;
	padding-left: 5px;
	padding-right: 5px;
	height: 28px;
	line-height: 28px;
	overflow: hidden;
	font-size: 14px;
	color: #1C76FF;
	border-radius: 5px;
	background-color: #fff;
}

.swiper-server .remark p.more a:hover {
	color: #fff;
	background-color: #FFBB51;
}


.mod-disease {}


.featlist li {
	position: relative;
	padding: 18px 16px 18px 56px;
	border-top: 1px solid #7c7c7c;
	text-align: left;
}

.featlist .attr {
	position: absolute;
	top: 15px;
	left: 16px;
}

.mod-disease {
	background-color: #fff;
}

.mod-flow .title,
.mod-flow .subtitle,
.mod-faq .flex-hd .title,
.mod-faq .subtitle,
.mod-system .flex-hd .title,
.mod-system .subtitle {
	color: #fff;
}

.mod-disease .bd {
	position: relative;
}

.mod-disease .dpic {
	padding-top: 56px;
}

.mod-disease .dpic img {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.idea-list li {
	position: absolute;
	top: 7%;
	left: 12%;
	width: 268px;
	padding-left: 38px;
	overflow: hidden;
}

.idea-list li:nth-child(2) {
	top: 21%;
	left: 3%;
}

.idea-list li:nth-child(3) {
	top: 38%;
	left: -3%;
}

.idea-list li:nth-child(4) {
	top: 56%;
	left: 2%;
}

.idea-list li:nth-child(5) {
	top: 74%;
	left: 8%;
}

.idea-list li:nth-child(6) {
	left: 65%;
}

.idea-list li:nth-child(7) {
	top: 21%;
	left: 74%;
}

.idea-list li:nth-child(8) {
	top: 38%;
	left: 79%;
}

.idea-list li:nth-child(9) {
	top: 56%;
	left: 74%;
}

.idea-list li:nth-child(10) {
	top: 74%;
	left: 69%;
}

.idea-list .info {
	opacity: 0;
}

.idea-list .name {
	font-size: 18px;
	font-weight: bold;
	color: #222;
}

.idea-list .name:hover {
	color: #127CFF;
}

.idea-list .subname {
	font-size: 13px;
	line-height: 18px;
	color: #666;
}

.mod-meal .flex-hd {
	margin: 58px 0 0;
	overflow: hidden;
}

.swiper-meal {
	text-align: center;
}

.swiper-meal .swiper-slide {
	padding: 48px 28px 6px 0;
}

.swiper-meal .inner {
	position: relative;
}

.swiper-meal .flag {
	position: absolute;
	top: 0;
	right: -48px;
	width: 148px;
	padding: 6px;
	line-height: 20px;
	color: #fff;
	text-align: center;
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
	background: #25b4e9;
}

.swiper-meal .name {
	padding: 12px;
	font-size: 24px;
	line-height: 38px;
	color: #fff;
	background: #d81217;
}

/* .swiper-meal .info{ padding: 28px 0 20px; color: #888;} */
.swiper-meal .info {
	padding: 0 0;
	color: #888;
}

.swiper-meal .price,
.swiper-meal .unit {
	font-weight: bold;
	color: #777;
}

.swiper-meal .price {
	font-size: 22px;
}

.swiper-meal .spec {
	font-size: 42px;
	line-height: 48px;
}

.swiper-meal .unit {
	margin-bottom: 8px;
	font-size: 15px;
}

.swiper-meal .txt {
	padding: 8px;
	border-bottom: 1px dotted #e2e2e2;
}

.swiper-meal .active {
	z-index: 88;
}

.swiper-meal .active .inner {
	border-color: #d81217;
	box-shadow: 0 0 8px #dadada;
	margin: -6px 0 6px;
}

.swiper-meal .active .price,
.swiper-meal .active .unit {
	color: #d81217;
}

.swiper-meal .active .btn-hollow {
	color: #fff;
	background: #d81217;
}

.swiper-meal .pro-img {
	position: absolute;
	top: -8px;
	right: 0;
}

/* .swiper-meal .active .btn-hollow1{color: #fff; background: #d81217;position: absolute;bottom:20px;left:100px;} */
.onlineChat {
	position: absolute;
	bottom: 20px;
	right: 80px;
}

/* .mod-case {
	background-image: url(../image/bg-case.jpg);
} */

.mod-case .btn-hollow,
.switch-fit .btn-hollow {
	width: 156px;
	height: 36px;
	margin-top: 40px;
	line-height: 36px;
}

.mod-case .more {
	border-radius: 5px;
	border: #3D88F2 solid 1px;
	color: #3D88F2;
}

.mod-case .more:hover {
	background: #3D88F2;
	color: #fff;
}

.switch-nav,
.switch-brief {
	margin-bottom: 40px;
	text-align: center;
}

.switch-nav .btn-hollow,
.switch-brief .btn-hollow {
	display: inline-block;
	border-color: #c0c0c0;
	margin: 0 16px;
	color: #222;
}

.switch-nav .btn-hollow {
	border-radius: 5px;
}

.switch-nav .btn-hollow:hover,
.switch-nav .active {
	border-color: #3D88F2;
	color: #fff;
	background: #3D88F2;
}


.switch-brief .btn-hollow:hover,
.switch-brief .active {
	border-color: #e7141a;
	color: #fff;
	background: #e7141a;
}

.tab-content .tab-panel,
.brief-content .tab-panel {
	display: none;
}

.case-list {
	font-size: 15px;
}

.case-list li {
	opacity: 0;
	float: left;
	width: 33.3%;
	margin-bottom: 12px;
	text-align: center;
}

.case-list a {
	display: block;
	position: relative;
	margin: 0 6px;
}

.case-list .name {
	padding: 12px;
	color: #222;
	text-align: left;
}

.case-list .line {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 0;
	height: 2px;
	background: #e7141a;
}

.case-list .pic {
	position: relative;
	width: 100%;
	border-radius: 10px;
}

.case-list .pic img {
	border-radius: 10px;
}

.case-list .remark,
.case-list .icon {
	position: absolute;
}

.case-list .remark {
	z-index: 8;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	opacity: 0;
	background: rgba(0, 0, 0, .75);
	border-radius: 10px;
}

.case-list .icon {
	top: 50%;
	left: 50%;
}


.case-list .icon {
	width: 104px;
	height: 104px;
	margin-left: -52px;
	margin-top: -52px;
}

.case-list a:hover .remark {
	opacity: 1;
}



.mod-flow {
	background-image: url(../img/bg-flow.png);
}

.mod-weflow {
	background-image: url(../img/bg-weflow.jpg);
}

/* .flow-list {
	position: relative;
}

.flow-list li {
	float: left;
	opacity: 0;
	width: 19%;
	padding: 20px;
	text-align: center;
}

.flow-list .item-arrow {
	width: 8%;
	height: 322px;
	background: url(../image/arrow.png) no-repeat center center;
	background-size: 80%
}

.flow-list .item-down {
	position: absolute;
	top: 332px;
	right: 0;
	width: 19%;
	height: 70px;
	background: url(../image/arrow-down.png) no-repeat center center;
	background-size: 16px 38px;
}

.flow-list .item-top {
	float: right;
	margin-top: 70px;
}

.flow-list .item-left {
	background-image: url(../image/arrow-left.png);
}

.flow-list .rect {
	border: 1px dotted rgba(255, 255, 255, .58);
}

.flow-list a {
	display: block;
	width: 100px;
	margin: 3px auto;
	font-size: 12px;
	color: #fff;
	opacity: 0.8;
	text-align: left;
}

.flow-list img {
	max-width: 38px;
	max-height: 38px;
	vertical-align: middle;
}

.flow-list .circle {
	width: 90px;
	height: 90px;
	border: 1px solid #fefefe;
	margin: 0 auto;
	line-height: 90px;
	text-align: center;
}

.flow-list .name {
	margin: 12px 0 8px;
	font-size: 20px;
	line-height: 32px;
	color: #f6f6f6;
}

.flow-list .info {
	height: 146px;
	overflow: hidden;
}

.flow-list .btn-consult {
	width: 88%;
	max-width: 128px;
	height: 34px;
	margin: 48px auto 0;
	font-size: 16px;
	line-height: 34px;
	text-align: center;
	background: #e7141a;
	-webkit-border-radius: 16px;
	-moz-border-radius: 16px;
	-ms-border-radius: 16px;
	border-radius: 16px;
}

.flow-list .iarrow {
	display: inline-block;
	padding-left: 16px;
	background-position: 0 -1505px;
}

.flow-list li:hover .circle {
	border-color: #e7141a;
	background: #e7141a;
}

.flow-list a:hover {
	color: #e7141a;
}

.flow-list .btn-consult:hover {
	color: #fff;
}

.flow-list a:hover .iarrow {
	background-position: 0 -1546px;
} */


.mod-press {}

.mod-press .container{width:1200px;padding-left:0;padding-right:0;}

.swiper-press .swiper-slide {
	width:380px;
	opacity: 0;
	margin-left: 10px;
	margin-right: 10px;
	padding: 15px 18px 10px;
	height:450px;
	border-radius: 7px;
	background-color: #f0f0f0;
	box-shadow: 0px 0px 10px 2px rgba(228, 228, 228, 0.2);
}


.swiper-press .hd {
	position: relative;
	margin-bottom: 12px;
	padding-bottom:5px;
	font-size: 0;
	border-bottom: #FF7033 solid 1px;
	text-align: right;
}

.swiper-press .hd span {
	position: absolute;
	left: 0;
	top: 0;
	z-index: 1;
	display: inline-block;
	vertical-align: top;
	height: 43px;
	line-height: 36px;
	font-size: 18px;
	font-weight: bold;
	color: #333;
	border-bottom:#FF7033 solid 3px;
}

.swiper-press .hd a {
	display: inline-block;
	vertical-align: top;
	height: 36px;
	line-height: 36px;
	color: #888;
	font-size: 14px;
	text-align: right;
}





.swiper-press .iqian {
	background-position: 0 -900px;
}

.swiper-press .iseo {
	background-position: 0 -950px;
}

.swiper-press .more {
	position: absolute;
	top: 0;
	right: 0;
	font-size: 13px;
	color: #d81217;
}

.swiper-press .active .inner {}

.press-list li {
	margin-bottom: 21px;
}

.press-list li:last-child {
	margin-bottom: 0;
}

.press-list a {
	display: block;
	position: relative;
	padding-left: 118px;
	font-size: 12px;
	line-height: 18px;
	color: #222;
}

.press-list a:hover .info .name{color:#3D88F2;}


.press-list .pic {
	position: absolute;
	top: 0;
	left: 0;
	width: 110px;
	height: 75px;
}
.press-list .pic1 {
	position: absolute;
	top: 0;
	left: 0;
	width: 110px;
	height: 60px;
}
.press-list .pic1 img{width:100%;height:100%;}

.press-list .name {
	margin: 4px 0;
	font-size: 16px;
	color: #222;
}


.press-list .txt {
	height: 36px;
	color: #888;
	overflow: hidden;
}

.press-list .date {
	color:#888;
	text-align: right;
}

.banner-press {
	display: block;
	position: relative;
	width: 100%;
	margin-bottom: 15px;
	overflow: hidden;
}

.banner-press .name {
	width: 100%;
	padding: 5px 12px;
	color: #222;
	text-align: center;
	background: #fff;
}

.banner-press img {
	width: 100%;
	height: 100%;
}

/* .press-cont, .info-list{ width: 100%; height: 258px;} */

.press-cont-wrap {position:relative;padding-left:20px}
.press-cont-wrap .decoration{
	position:absolute;
	left:0;
	top:5px;
	bottom:20px;
	z-index:1;
}
.press-cont-wrap .decoration span{display:block;}
.press-cont-wrap .decoration .dcircle{width:8px;height:8px;border-radius:50%;background-color:#3D88F2;position:absolute;left:2px;z-index:1;}
.press-cont-wrap .decoration .dcircle.pos1{top:0;}
.press-cont-wrap .decoration .dcircle.pos2{top:31px;}
.press-cont-wrap .decoration .dcircle.pos3{top:62px;}
.press-cont-wrap .decoration .dcircle.pos4{top:93px;}
.press-cont-wrap .decoration .dcircle.pos5{top:124px;}
.press-cont-wrap .decoration .dcircle.pos6{top:155px;}
.press-cont-wrap .decoration .dcircle.pos7{top:186px;}
.press-cont-wrap .decoration .dcircle.pos8{top:217px;}
.press-cont-wrap .decoration .dcircle.pos9{top:248px;}
.press-cont-wrap .decoration .dcircle.pos10{top:279px;}
.press-cont-wrap .decoration .dcircle.pos11{top:310px;}
.press-cont-wrap .decoration .dcircle.pos12{top:341px;}
.press-cont-wrap .decoration .dline{width:4px;height:345px;background-color:#3D88F2;margin-left:4px;}
.press-cont,
.info-list {
	width: 100%;
	height: 370px;
}

.press-cont {
	position: relative;
	overflow: hidden;
}

.info-list {
	position: absolute;
	top: 0;
	left: 0;
}

.info-list a {
	display: block;
	position: relative;
	padding-right: 60px;
	margin-bottom: 3px;
	color: #222;
}


.info-list .date {
	position: absolute;
	top: 0;
	right: 0;
	font-size: 12px;
	color: #888;
}

.press-list a:hover .name,
.info-list a:hover {
	color:#3D88F2;
}

.swiper-seo .press-list li {
	margin-bottom: 15px;
	padding:10px;
	border-radius:5px;
	background-color:#fff;
}

.swiper-seo .press-list li:last-child {
	margin: 0;
}


.mod-press .more1 {
	width:156px;
	height:36px;
	line-height:36px;
	border-radius: 5px;
	border: #3D88F2 solid 1px;
	color: #3D88F2;
}

.mod-press .more1:hover {
	background: #3D88F2;
	color: #fff;
}

.mod-outfit {
	position: relative;
	padding-bottom: 128px;
	background-image: url(../img/bg-idea.jpg);
}

.mod-outfit .btn-prev,
.mod-outfit .btn-next {
	position: absolute;
	z-index: 88;
	top: auto;
	bottom: 30px;
}

.mod-outfit .btn-prev {
	left: 45%;
}

.mod-outfit .btn-next {
	right: 45%;
}

.mod-outfit .title,
.mod-outfit .subtitle {
	color: #fff;
}

.swiper-slide {
	overflow: hidden;
}

.swiper-outfit .flex-pic {
	opacity: 0;
	float: left;
	width: 48%;
}

.swiper-outfit .pic {
	float: left;
}

.swiper-outfit .pic1 {
	width: 60%;
}

.swiper-outfit .pic2 {
	float: right;
	width: 38%;
}

.swiper-outfit .pic3 {
	width: 100%;
	margin-top: 8px;
}

.slide-about .info {
	float: right;
	width: 50%;
	padding: 18px;
	color: #333;
	background: rgba(255, 255, 255, 1);
	border-radius:10px;
}

.slide-about .name {
	margin: 8px 0 18px;
	font-size: 24px;
	color: #222;
	text-align: center;
}

.slide-about .mess {
	height: 104px;
	margin-bottom: 26px;
	overflow: hidden;
}

.flex-jumbo {
	margin: 15px 0 20px;
	padding:15px 0px;
	background-color:#E3F2FF;
	border-radius:5px;
}

.flex-jumbo .flex {
	opacity: 0;
	float: left;
	width: 33.3%;
	text-align: center;
}

.flex-jumbo .num {
	position: relative;
	padding: 0 0 12px;
	font-size: 28px;
	color: #138BF9;
}
.flex-jumbo .txt{color: #138BF9;}

.flex-jumbo .num:after {
	content: '\0020';
	display: block;
	position: absolute;
	bottom: 4px;
	left: 50%;
	width: 20px;
	height: 2px;
	margin-left: -10px;
	background: #138BF9;
}

.stage-list li {
	float: left;
	width: 33.3%;
	padding-left: 24px;
	margin-bottom: 8px;
	font-size: 15px;
}

.stage-list .izykf {
	background:url(../img/icon_my_1.png) no-repeat 0 center;
}

.stage-list .icsjs {
	background:url(../img/icon_my_2.png) no-repeat 0 center;
}

.stage-list .iuisj {
	background:url(../img/icon_my_3.png) no-repeat 0 center;
}

.stage-list .ikfzq {
	background:url(../img/icon_my_4.png) no-repeat 0 center;
}

.stage-list .ihxll {
	background:url(../img/icon_my_5.png) no-repeat 0 center;
}

.slide-advt .bd {
	padding: 30px 0;
	border-radius:8px;
	background-color:#f3f3f3;
}

.slide-advt .name {
	height:32px;
	line-height:32px;
	font-size: 16px;
	color: #222;
}

.slide-advt .txt {
	height: 72px;
	line-height: 18px;
	color: #888;
	overflow: hidden;
}
.advt-list{display:flex;flex-direction:row;flex-wrap: wrap;padding-left:15px;padding-right:15px;}

.advt-list li {
	margin-left:5px;
	margin-right:5px;
	margin-bottom:10px;
	padding: 24px 16px;
	background-color:#fff;
	border-radius:8px;
}
.advt-list li a{display:flex;
	flex-direction:row;}
.advt-list li a:hover .name{color:#197BF9;}

/* .advt-list img {
	vertical-align: middle;
} */

.advt-list .circle {
	margin-right:16px;
	width:32px;
	height:32px;
/* 	width: 36%;
	margin-top: 6px;
	text-align: center;
	background: #e7141a; */
}

.advt-list .info {
	width:182px;
	/* width: 60%; */
}

.advt-list a:hover .name {
	color: #e7141a;
}

.slide-cert {
	color: #fff;
}

.cert-list li {
	float: left;
	width: 16.66%;
	padding: 28px 4px;
}

.cert-list .pic {
	display: block;
	width: 100%;
	border: 1px solid #d9d9d9;
}

.cert-list a:hover .pic {
	border-color: #d81217;
}

.link-list {
	border-top: 5px solid #f2f2f2;
	border-left: 5px solid #f2f2f2;
}

.link-list li {
	opacity: 0;
	float: left;
	width: 20%;
	border-bottom: 5px solid #f2f2f2;
	border-right: 5px solid #f2f2f2;
	line-height: 62px;
	background: #fff;
}

.link-list .pic {
	display: block;
	width: 100%;
}

.mod-ad {
	background-image: url(../img/bg-ad.jpg);
}

.mod-ad .name {
	font-size: 20px;
	color: #fff;
	text-align: center;
}

.mod-crumb,
.mod-crumb a {
	color: #787878;
}

.mod-crumb {
	padding: 12px 0;
	font-size: 12px;
	line-height: 18px;
	background: #ececec;
}

.mod-crumb a {
	padding-right: 16px;
	margin-right: 4px;
	background-position: right -1198px;
}

.mod-crumb a:hover {
	color: #e7141a;
}

.frame {
	padding: 28px 0;
	background: #fff;
}

.frame .caphd {
	margin-bottom: 18px;
}

.frame .caption {
	float: left;
	font-size: 18px;
	line-height: 18px;
	color: #222;
}

.frame .sub {
	font-size: 12px;
	color: #7f7f7f;
}

.frame .switch-nav {
	float: right;
	width: 68%;
	margin: 0;
	text-align: right;
}

.frame .switch-nav .btn-hollow {
	margin: 0 0 0 20px;
}

.frame .headline {
	margin-bottom: 4px;
	font-size: 26px;
	line-height: 36px;
	color: #222;
}

.frame .tline {
	width: 100%;
	height: 1px;
	margin-bottom: 18px;
	background: #ececec;
}

.cont {
	position: relative;
	padding-right: 316px;
}

.aside {
	position: absolute;
	z-index: 8;
	top: 0;
	right: 0;
	width: 306px;
}

.mod-aside {
	padding: 15px 12px;
	margin-bottom: 12px;
	background: #f5f5f5;
}

.mod-aside .caption {
	font-size: 16px;
	font-weight: bold;
	color: #333;
}

.mod-aside .more {
	float: right;
	font-size: 13px;
	color: #d81217;
}

.aside-list li {
	padding: 6px 0;
	border-bottom: 1px dotted #b3b3b3;
}

.frame-case {
	background: #f5f5f5;
}

.frame .mod-case {
	padding: 0;
	background: none;
}

.init-about .title {
	margin-bottom: 48px;
	font-size: 30px;
	line-height: 38px;
	color: #111;
	text-align: center;
}

.mod-banner {
	padding: 165px 0 148px;
	color: #fff;
	background-image: url(../img/banner-about.jpg);
}

.mod-banner .title {
	width: 100%;
	margin-bottom: 38px;
	font-size: 30px;
	color: #111;
	text-align: center;
}

.mod-banner .info {
	width: 380px;
	margin: 0 auto;
}

.mod-banner .name {
	font-size: 30px;
	line-height: 38px;
}

.mod-banner .redline {
	width: 68px;
	height: 3px;
	margin: 5px 0;
	background: #e7141a;
}

.mod-banner .txt {
	font-size: 18px;
}

.mod-about {
	padding: 48px 0;
	font-size: 16px;
	color: #555;
	text-align: center;
}

.mod-about .title,
.mod-about .subtitle {
	color: #111;
	line-height: 48px;
}

.mod-about .title {
	margin: 0;
	font-size: 36px;
}

.mod-about .subtitle {
	font-size: 25px;
}

.mod-about .info {
	margin: 40px 0 28px;
}

.mod-about .flex-jumbo .flex {
	opacity: 0;
	width: 25%;
	font-size: 15px;
}

.mod-about .flex-jumbo .num {
	margin-bottom: 6px;
	font-weight: bold;
}

.mod-can {
	background-image: url(../img/bg-can.jpg);
}

.mod-can .title {
	color: #fff;
	margin-bottom: 8px;
}

.canlist li {
	opacity: 0;
	position: relative;
	float: left;
	width: 33.3%;
	padding: 40px 40px 40px 142px;
	line-height: 20px;
	color: #fff;
}

.canlist img {
	width: 42px;
	height: 42px;
}

.canlist .circle {
	position: absolute;
	top: 40px;
	left: 20px;
	width: 102px;
	height: 102px;
	padding: 28px;
	line-height: 102px;
	background: #fff;
}

.canlist .name {
	margin-bottom: 16px;
	font-size: 16px;
}

.mod-team {
	padding-top: 0;
}

.mod-team .pic {
	opacity: 0;
}

.mod-cbanner {
	padding: 310px 0 32px;
	color: #fff;
	background-image: url(../img/bcase.jpg);
}

.mod-cbanner .container {
	position: relative;
}

.mod-cbanner .info {
	padding-right: 320px;
}

.mod-cbanner .name {
	font-size: 40px;
	line-height: 48px;
}

.mod-cbanner .whline {
	width: 45px;
	height: 2px;
	margin: 10px 0 58px;
	background: #fefefe;
}

.mod-cbanner .subname {
	font-size: 12px;
	color: #777;
}

.mod-cbanner .txt {
	font-size: 15px;
}

.mod-cbanner .qrcode {
	position: absolute;
	bottom: -72px;
	right: 0;
	width: 256px;
	padding: 40px 45px;
	background: #e7141a;
}

.mod-cbanner .pic {
	width: 164px;
	height: 164px;
	margin: 0 auto;
}

.mod-cbanner .btn-hollow {
	width: 100%;
	border-color: #fff;
	color: #fff;
}

.mod-cbanner .btn-white {
	color: #171717;
	background: #fff;
}

.mod-cbanner .icon {
	padding-left: 20px;
}

.mod-cbanner .iscan {
	background-position: 0 -1330px;
}

.mod-cbanner .ilink {
	background-position: 0 -1370px;
}

.mod-detail .title {
	margin-bottom: 24px;
	font-size: 22px;
	line-height: 36px;
	color: #333;
}

.mod-detail .china {
	font-size: 28px;
}

.mod-detail .bd {
	padding: 30px;
	background: #fff;
}

.mod-relate {
	padding-top: 0;
	background: none;
}

.mod-relate .flex-hd {
	margin-bottom: 26px;
}

.mod-recruit {
	padding-bottom: 118px;
	background: #efefef;
}

.mod-recruit .btn-prev,
.mod-recruit .btn-next {
	border-color: #c4c4c4;
	background-color: #c4c4c4;
}

.mod-recruit .btn-prev {
	background-position-y: -1410px;
}

.mod-recruit .btn-next {
	background-position-y: -1460px;
}

.mod-recruit .btn-next:hover,
.mod-recruit .btn-prev:hover {
	border-color: #e7141a;
	background-color: #e7141a;
}

.swiper-recruit .swiper-slide {
	padding: 0 8px;
	font-size: 13px;
	color: #666;
	cursor: pointer;
}

.swiper-recruit .inner {
	position: relative;
	width: 100%;
	height: 100%;
	background: #fefefe;
}

.swiper-recruit .info {
	padding: 55px 20px;
}

.swiper-recruit .pic {
	width: 108px;
	height: 58px;
	margin: 0 auto;
}

.swiper-recruit .name {
	margin: 20px 0;
	font-size: 18px;
	color: #111;
	text-align: center;
}

.swiper-recruit .subname {
	margin-bottom: 12px;
}

.swiper-recruit .remark {
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	padding: 20px 18px;
	color: #fff;
	background: #e7141a;
}

.mod-map {
	background-image: url(../img/gddt.png);
}

.mod-contact {
	width: 430px;
	color: #fff;
	background: #232323;
}

.mod-contact .hd {
	padding: 28px 28px 12px;
}

.mod-contact .title {
	color: #fff;
}

.mod-contact .en {
	font-size: 26px;
}

.mod-contact .bd {
	padding: 0 30px 28px;
}

.tactlist li {
	position: relative;
	padding-left: 75px;
	font-size: 13px;
}

.tactlist .attr {
	position: absolute;
	top: 0;
	left: 0;
}

.tactlist span {
	display: inline-block;
}

.news-list li {
	padding: 18px;
	margin-bottom: 15px;
	background: #f5f5f5;
	opacity: 0;
}

.news-list a {
	display: block;
	position: relative;
	height: 160px;
	padding-left: 218px;
}

.news-list .pic {
	position: absolute;
	top: 0;
	left: 0;
	width: 208px;
	height: 160px;
}

.news-list .name {
	font-size: 17px;
	font-weight: bold;
	line-height: 32px;
	color: #121212;
}

.news-list .txt {
	height: 72px;
	margin: 12px 0;
	font-size: 13px;
	color: #555;
	line-height: 24px;
	overflow: hidden;
}

.news-list .date {
	color: #333;
}

.news-list li:hover {}

.news-list li:hover .name {
	color: #e7141a;
}

.frame-detail .pic {
	margin: 12px auto;
	text-align: center;
}

.frame-detail img {
	width: auto;
	max-width: 100%;
}

.mod-recom {
	max-height: 318px;
	margin-top: 28px;
}

.mod-recom .rename {
	font-size: 20px;
	color: #212121;
}

.recom-list li {
	float: left;
	width: 32%;
	margin-right: 1.3%;
}

.mod-recom .pic {
	margin-bottom: 4px;
}

.mod-recom .pic,
.mod-recom .pic img {
	width: 100%;
}

.mod-recom .date {
	font-size: 12px;
	color: #6e6e6e;
}

.mod-recom .name {
	color: #222;
}

.mod-recom .line {
	width: 100%;
	height: 1px;
	margin: 8px 0;
	background: #cecece;
}

.mod-recom .more {
	padding-right: 12px;
	color: #eb0f0f;
	background-position: right -1236px;
}

.flex-init:before,
.flex-init:after,
.init-server .flex-hd:before,
.init-server .flex-hd:after,
.init-server .flex-hd .inner:before,
.init-server .flex-hd .inner:after {
	display: none;
}

.flex-init .inner,
.init-server .flex-hd .title {
	width: 100%;
}

.init-server {
	padding-top: 58px;
}

.swiper-develop .swiper-slide {
	-webkit-transition: all 0.24s ease, background 0s;
	transition: all 0.24s ease, background 0s;
}

.swiper-develop a {
	padding: 8px 0;
}

.swiper-develop .pic {
	width: 56px;
	height: 56px;
	margin: 18px auto 28px;
}

.swiper-develop .name {
	font-size: 18px;
	color: #111;
}

.swiper-develop .info {
	padding-bottom: 28px;
	font-size: 14px;
	line-height: 24px;
	color: #777;
}

.swiper-develop .btn-more {
	width: 142px;
	height: 38px;
	border: 1px solid #acacac;
	font-size: 14px;
	background: transparent;
}

.swiper-develop a:hover {
	background: #e7141a;
}

.swiper-develop a:hover .inner {
	border-color: #e7141a;
}

.swiper-develop a:hover .btn-more {
	border-color: #e7141a;
	color: #fff;
	background: #e7141a;
}

.swiper-appdev .inner {
	border: 0 none;
}

.mod-what,
.mod-attack {
	padding-bottom: 0;
}

.mod-what .info {
	position: relative;
	opacity: 0;
	padding: 18px 30px;
	margin-bottom: 68px;
	font-size: 15px;
	color: #333;
	box-shadow: 0 0 8px #dcdcdc;
	background: #fff;
}

.mod-what .info:after {
	display: block;
	position: absolute;
	top: -24px;
	left: 50%;
	content: '\0020';
	margin-left: -12px;
	border: 12px solid transparent;
	border-bottom-color: #fff;
}

.mod-what .flex-hill {
	position: relative;
}

.mod-what .pic {
	width: 88%;
	max-width: 886px;
	margin: 0 auto;
}

.mod-what .phone {
	position: absolute;
	bottom: 0;
	left: 50%;
	width: 22%;
	max-width: 256px;
	max-height: 192px;
	margin-left: -11%;
}

.flex-hill {
	position: relative;
	padding-top: 68px;
}

.hill-list li {
	opacity: 0;
	position: absolute;
	z-index: 88;
	width: 356px;
}

.hill-list .item-first {
	left: -138px;
	bottom: 8%;
}

.hill-list .item-second {
	left: -68px;
	top: 20%;
}

.hill-list .item-third {
	left: 50%;
	top: 0;
	margin-left: -88px;
}

.hill-list .item-forth {
	right: 0;
	top: 36%;
}

.hill-list .item-fifth {
	right: -98px;
	bottom: 8%;
}

.hill-list .icon {
	float: left;
	width: 58px;
	height: 58px;
}

.hill-list .subname {
	float: left;
	position: relative;
	width: 260px;
	padding: 15px;
	margin: 0 18px;
	font-size: 16px;
	color: #333;
	box-shadow: 0 0 6px #dcdcdc;
	text-align: center;
	background: #fff;
}

.hill-list .subname:after {
	display: block;
	content: '\0020';
	position: absolute;
	top: 20px;
	left: -16px;
	border: 8px solid transparent;
	border-right-color: #fff;
}

.hill-list .item-left .subname:after {
	left: auto;
	right: -16px;
	border-right-color: transparent;
	border-left-color: #fff;
}

.swiper-feature .pic {
	width: 100%;
}

.swiper-feature .info {
	padding: 26px;
	font-size: 12px;
	line-height: 22px;
	color: #676767;
	text-align: center;
	background: #fff4f4;
}

.swiper-feature .name {
	margin-bottom: 12px;
	font-size: 24px;
	line-height: 32px;
	color: #101010;
}

.swiper-feature a:nth-child(2n) .info {
	background: #f3f6ff;
}

.swiper-suit {
	text-align: center;
}

.swiper-suit .pic {
	width: 100px;
	height: 100px;
	margin: 0 auto 8px;
}

.swiper-suit .name {
	font-size: 15px;
	color: #0f0f0f;
}

.mod-fit {
	margin-bottom: 148px;
}

.mod-fit .tab-panel {
	display: none;
	position: relative;
	padding-right: 32%;
}

.mod-fit .pic-fit {
	position: absolute;
	right: 0;
	bottom: -78px;
	width: 30%;
	max-width: 388px;
}

.fit-list li {
	opacity: 0;
	width: 33.3%;
	margin-top: 80px;
	font-size: 12px;
	line-height: 20px;
	text-align: center;
}

.fit-list img {
	vertical-align: middle;
}

.fit-list .icon {
	width: 118px;
	height: 118px;
	border: 1px solid #bcbcbc;
	margin: 0 auto;
	line-height: 116px;
	text-align: center;
	background: #fff;
}

.fit-list .name {
	margin: 16px 0 4px;
	font-size: 16px;
	color: #222;
}

.fit-list .txt {
	color: #777;
}

.fit-list a:hover .icon {
	border-color: #e7141a;
}

.fit-list a:hover .name {
	color: #e7141a;
}

.mod-attack .bd {
	background: #2c2c2e;
}

.swiper-attack .swiper-slide {
	position: relative;
	text-align: center;
}

.swiper-attack .pic {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
}

.swiper-attack .info {
	position: relative;
	z-index: 8;
	padding: 0 12px;
	line-height: 22px;
	color: #fff;
}

.swiper-attack .roate {
	width: 42px;
	height: 42px;
}

.swiper-attack .line {
	width: 22px;
	height: 3px;
	margin: 18px auto;
	background: #fff;
}

.swiper-attack .name {
	margin-bottom: 10%;
	font-size: 22px;
	font-weight: bold;
	color: #fff;
}

.swiper-attack .txt {
	display: none;
	margin-bottom: 8%;
}

.swiper-attack a:hover .name {
	font-size: 20px;
}

.swiper-attack a:hover .info {
	background: rgba(243, 19, 25, .82);
}

.swiper-attack a:hover .txt {
	display: block;
}

.mod-brand {
	background-image: url(../img/bg-site1.jpg);
}

.mod-triad {
	background-image: url(../img/bg-site2.jpg);
}

.mod-site .pic,
.mod-site .info {
	float: left;
	width: 50%;
}

.mod-site .pic {
	max-width: 580px;
}

.mod-site .info {
	padding: 48px;
	border: 1px solid #cfcfcf;
	font-size: 13px;
	line-height: 22px;
	color: #878787;
	background: #fff;
}

.mod-site .name {
	font-size: 22px;
	line-height: 32px;
	color: #444;
}

.mod-site .line {
	width: 22px;
	height: 3px;
	margin: 10px 0 18px;
	background: #e7141a;
}

.mod-site .btn-consult {
	display: block;
	width: 150px;
	height: 38px;
	border: 1px solid #dcdcdc;
	margin: 20px 0 38px;
	line-height: 36px;
	color: #92a9c6;
	text-align: center;
	background: #eee;
}

.mod-site .btn-consult:hover {
	border-color: #e7141a;
	color: #fff;
}

.logo-list li {
	float: left;
	position: relative;
	width: 25%;
	height: 62px;
	border: 1px solid #f5f5f5;
	border-right: 0;
	line-height: 58px;
	text-align: center;
	overflow: hidden;
}

.logo-list li:last-child {
	border-right: 1px solid #f5f5f5;
}

.logo-list li:after {
	content: "";
	cursor: pointer;
	position: absolute;
	left: -100%;
	top: 0;
	width: 100%;
	height: 100%;
	background-image: -webkit-linear-gradient(0deg, hsla(0, 0%, 100%, 0), hsla(0, 0%, 100%, .6), hsla(0, 0%, 100%, 0));
	transform: skewx(-25deg);
	-o-transform: skewx(-25deg);
	-moz-transform: skewx(-25deg);
	-webkit-transform: skewx(-25deg);
	transition: all 0.24s 0.15s, opacity 0s 0.4s;
	-webkit-transition: all 0.24 0.15s, opacity 0s 0.4s;
}

.logo-list li:hover:after {
	left: 100%;
	opacity: 0;
}

.logo-list img {
	width: 86%;
	max-width: 90px;
	vertical-align: middle;
}

.mod-faq {
	background-image: url(../img/bg-faq.jpg);
}

.mod-faq .bd {
	position: relative;
}

.mod-faq .pic-faq {
	position: absolute;
	z-index: 8;
	top: 26px;
	left: 50%;
	width: 20%;
	max-width: 272px;
	max-height: 542px;
	margin-left: -10%;
}

.round {
	position: absolute;
	z-index: 6;
	top: 12%;
	left: 50%;
	width: 32%;
	max-width: 400px;
	max-height: 400px;
	margin-left: -17%;
	opacity: .28;
	background: #fff;
	-webkit-animation: ripple 4s ease-out 25ms infinite;
	animation: ripple 4s ease-out 25ms infinite;
}

.round-10 {
	z-index: 5;
	-webkit-animation-delay: .8s;
	animation-delay: .8s;
}

.round-20 {
	z-index: 4;
	-webkit-animation-delay: 1.6s;
	animation-delay: 1.6s;
}

.faq-list li {
	opacity: 0;
	float: left;
	position: relative;
	width: 35%;
	padding-right: 56px;
	margin: 24px 0;
}

.faq-list .info {
	float: right;
	padding: 10px 30px;
	border: 1px dotted #b6b9ba;
	color: #fff;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}

.faq-list .doter {
	left: auto;
	right: 0;
	margin-top: -18px;
}

.faq-list .dot {
	background-position: center -795px;
	background-size: 20px 900px
}

.faq-list li:nth-child(2n) {
	float: right;
	padding: 0 0 0 56px;
}

.faq-list li:nth-child(2n) .info {
	float: left;
}

.faq-list li:nth-child(2n) .doter {
	left: 0;
	right: auto;
}

.flex-btns {
	padding: 28px 0 8px;
	text-align: center;
}

.flex-btns .btn-hollow {
	display: inline-block;
	width: 168px;
	height: 40px;
	margin: 28px 16px 0;
	border-color: #fff;
	line-height: 38px;
	color: #fff;
}

.flex-btns .btn-hollow:hover {
	border-color: #c71116;
	background: #c71116;
}

.animate-list li {
	opacity: 0;
}

.animate-list a,
.swiper-develop a {
	display: block;
	-webkit-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

.animate-list a:hover,
.swiper-develop a:hover {
	-webkit-box-shadow: 0 26px 40px -24px rgba(0, 0, 0, .28);
	box-shadow: 0 26px 40px -24px rgba(0, 0, 0, .28);
	-webkit-transform: translateY(-6px);
	transform: translateY(-6px);
	-webkit-border-radius: 4px;
	border-radius: 4px;
}

.vote-list li {
	float: left;
	width: 49.5%;
	margin-bottom: 12px;
	cursor: pointer;
}

.vote-list li:nth-child(2n) {
	float: right;
}

.vote-list a {
	display: block;
	position: relative;
	padding: 24px;
	border: 1px solid #d5d5d5;
}

.vote-list .pic {
	position: absolute;
	top: 26px;
	left: 24px;
	width: 72px;
	height: 72px;
}

.vote-list .info {
	margin-left: 80px;
}

.vote-list .name {
	margin-bottom: 2px;
	font-size: 18px;
	line-height: 32px;
	color: #111;
}

.vote-list .txt {
	min-height: 40px;
	line-height: 20px;
	color: #777;
	overflow: hidden;
}

.vote-list li:hover .name {
	color: #e7141a;
}

.plan-list {
	margin: 0 -10px;
}

.plan-list li {
	float: left;
	width: 25%;
	padding: 0 10px;
	margin-bottom: 20px;
}

.plan-list .pic {
	width: 100%;
}

.plan-list .info {
	padding: 10px 8px;
	border-bottom: 2px solid #e7141a;
	font-size: 13px;
	line-height: 20px;
	color: #777;
	background: #fff;
}

.plan-list .name {
	margin-bottom: 4px;
	font-size: 18px;
	line-height: 30px;
	color: #111;
}

.plan-list .txt {
	height: 60px;
	overflow: hidden;
}

.plan-list a:hover .info {
	color: #fff;
	background: #e7141a;
}

.plan-list a:hover .name {
	color: #fff;
}

.init-yqb .bd {
	position: relative;
}

.init-yqb .btn-prev,
.init-yqb .btn-next {
	position: absolute;
	z-index: 28;
	top: 50%;
	margin-top: -26px;
}

.init-yqb .btn-prev {
	left: 28px;
}

.init-yqb .btn-next {
	right: 28px;
}

.init-yqb .btn-prev:hover,
.init-yqb .btn-next:hover {
	border-color: #e7141a;
	background-color: #e7141a;
}

.mod-yqbanner {
	background-image: url(../img/bg-yqb.jpg);
}

.swiper-yqber,
.swiper-yqber a {
	color: #fff;
}

.swiper-yqber img {
	width: 100%;
}

.swiper-yqber .info {
	float: left;
	width: 45%;
	text-align: center;
}

.swiper-yqber .title {
	font-size: 46px;
	font-weight: bold;
	line-height: 60px;
}

.swiper-yqber .subtitle {
	margin: 15px 0 38px;
	font-size: 26px;
}

.swiper-yqber span {
	margin: 0 12px;
}

.swiper-yqber .pic {
	float: right;
	width: 45%;
}

.mod-whaty .pic,
.mod-whaty .info {
	opacity: 0;
}

.mod-whaty .pic {
	margin: 18px 0;
}

.mod-whaty .info {
	padding: 0 0 8px;
}

.mod-whaty .txt {
	margin-bottom: 28px;
}

.lead-list li {
	float: left;
	position: relative;
	width: 24%;
	padding: 0 10px;
}

.lead-list a {
	color: #333;
}

.lead-list .remark {
	display: none;
	width: 60%;
	padding-left: 16px;
}

.lead-list .caption {
	margin: 28px 0 16px;
	font-size: 18px;
	line-height: 38px;
}

.lead-list .daimio {
	margin-right: 8px;
	font-size: 24px;
}

.lead-list .active {
	width: 52%;
}

.lead-list .active .pic {
	float: left;
	width: 40%;
}

.lead-list .active .remark {
	float: right;
	display: block;
}

.mod-jumbo {
	color: #fff;
	background: #e7141a;
}

.flex-yqbmo .flex {
	width: 20%;
}

.flex-yqbmo .num {
	color: #fff;
}

.flex-yqbmo .jumbo {
	font-size: 38px;
	font-weight: bold;
}

.flex-yqbmo .txt {
	max-width: 136px;
	margin: 0 auto;
}

.mod-envir {
	background-image: url(../img/bg-envir.jpg);
}

.mod-envir .btn-prev,
.mod-envir .btn-next {
	border-color: #d0d0d0;
	background-color: #d0d0d0;
}

.swiper-envir .pic {
	display: block;
}

.mod-system {
	background-image: url(../img/bg-system.jpg);
}

.swiper-system .swiper-slide {
	opacity: 0;
}

.swiper-system a {
	display: block;
	position: relative;
	padding: 48px 18px;
	font-size: 13px;
	color: #fff;
	text-align: center;
	-webkit-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

.swiper-system img {
	vertical-align: middle;
}

.swiper-system .icon {
	width: 110px;
	height: 110px;
	border: 1px solid #fff;
	margin: 0 auto;
	line-height: 108px;
}

.swiper-system .name {
	margin: 28px 0 10px;
	font-size: 22px;
}

.swiper-system .txt {
	height: 146px;
	text-align: left;
}

.swiper-system a:hover {
	-webkit-transform: translateY(-6px);
	transform: translateY(-6px);
}

.swiper-system a:after {
	position: absolute;
	left: -200%;
	top: 0;
	content: "";
	cursor: pointer;
	width: 100%;
	height: 100%;
	background-image: -webkit-linear-gradient(0deg, hsla(0, 0%, 100%, 0), hsla(0, 0%, 100%, .6), hsla(0, 0%, 100%, 0));
	transform: skewx(-25deg);
	-o-transform: skewx(-25deg);
	-moz-transform: skewx(-25deg);
	-webkit-transform: skewx(-25deg);
	transition: all 0.24s 0.15s, opacity 0s 0.4s;
	-webkit-transition: all 0.24 0.15s, opacity 0s 0.4s;
}

.swiper-system a:hover {
	background: #e7141a;
}

.swiper-system a:hover:after {
	left: 100%;
	opacity: 0;
}

.simtable {
	margin-top: 18px;
}

.simtable li {
	float: left;
	width: 8.5%;
	text-align: center;
}

.simtable li:last-child {
	width: 15%;
}

.simtable .txt,
.simtable .subtxt {
	padding: 12px 0;
	border-right: 1px solid #f9f9f9;
	font-size: 12px;
	background: #fff;
}

.simtable .txt {
	line-height: 26px;
	color: #fff;
	text-overflow: ellipsis;
	white-space: nowrap;
	background: #ff0000;
	overflow: hidden;
}

.simtable .subtxt {
	line-height: 20px;
}

.simtable .ihook {
	display: block;
	width: 20px;
	height: 20px;
	margin: 0 auto;
	background-position: center -1628px;
}

.simblack .txt {
	background: #000;
}

.mod-judge .info {
	margin: 16px 0;
}

.mod-judge .subname,
.mod-judge .simtable,
.mod-judge .hint {
	opacity: 0;
}

.mod-judge .subname {
	font-size: 22px;
	line-height: 32px;
	color: #212121;
}

.mod-judge .hint {
	padding: 12px 18px;
	font-size: 12px;
	color: #777;
}

.mod-brief .btn-hollow {
	width: 168px;
	height: 36px;
	line-height: 34px;
}

.brief-list li {
	float: left;
	width: 50%;
	padding-right: 28px;
	margin-bottom: 36px;
}

.brief-list li:nth-child(2n) {
	padding: 0 0 0 28px;
}

.brief-list a {
	display: block;
	position: relative;
	padding-left: 128px;
	color: #222;
}

.brief-list .date {
	position: absolute;
	top: 50%;
	left: 0;
	width: 106px;
	height: 106px;
	padding: 20px 0;
	border: 1px solid #cacaca;
	margin-top: -53px;
	text-align: center;
}

.brief-list .day {
	font-size: 36px;
	font-weight: bold;
	line-height: 42px;
}

.brief-list .caption,
.brief-list .txt {
	height: 48px;
	overflow: hidden;
}

.brief-list .caption {
	margin-bottom: 12px;
	font-size: 18px;
}

.brief-list .txt {
	font-size: 16px;
	color: #777;
}

.brief-list a:hover .date {
	border-color: #e7141a;
	color: #fff;
	background: #e7141a;
}

.brief-list a:hover .caption {
	color: #e7141a;
}

.brief-list a:hover {
	-webkit-box-shadow: none;
	box-shadow: none;
}

.mod-reason {}

.rlist {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
}

.rlist .item {
	margin-left: 10px;
	margin-right: 10px;
	padding-top: 30px;
	width: 204px;
	height: 256px;
	background-color: transparent;
	border-radius: 10px;
}


.rlist .item:hover {
	background-color: #fff;
	box-shadow: 0 0 19px 2px rgba(0, 0, 0, 0.2);
}

.rlist .item .icon {
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 20px;
	width: 38px;
	height: 38px;
}

.rlist .item .icon.bg1 {
	background: url(../img/icon_reason_1.png) no-repeat center;
}

.rlist .item .icon.bg2 {
	background: url(../img/icon_reason_2.png) no-repeat center;
}

.rlist .item .icon.bg3 {
	background: url(../img/icon_reason_3.png) no-repeat center;
}

.rlist .item .icon.bg4 {
	background: url(../img/icon_reason_4.png) no-repeat center;
}

.rlist .item .icon.bg5 {
	background: url(../img/icon_reason_5.png) no-repeat center;
}

.rlist .item .icon.bg6 {
	background: url(../img/icon_reason_6.png) no-repeat center;
}

.rlist .item .icon.bg7 {
	background: url(../img/icon_reason_7.png) no-repeat center;
}

.rlist .item .icon.bg8 {
	background: url(../img/icon_reason_8.png) no-repeat center;
}

.rlist .item .icon.bg9 {
	background: url(../img/icon_reason_9.png) no-repeat center;
}

.rlist .item .icon.bg10 {
	background: url(../img/icon_reason_10.png) no-repeat center;
}

.rlist .item .rtit {
	color: #1B8EF9;
	font-size: 20px;
	text-align: center;
	line-height: 36px;
	height: 36px;
	overflow: hidden;
}

.rlist .item .rdep {
	padding-left: 20px;
	padding-right: 20px;
	color: #222;
	font-size: 14px;
}


.mod-service-flow {
	background: url(../img/service_bg.png) no-repeat center;
	height: 882px;
}

.mod-service-flow .flex-hd .title {
	color: #fff;
}

.mod-service-flow .flex-hd .subtitle {
	color: #fff;
}

.step-container {
	position: relative;
	display: flex;
	flex-wrap: wrap;
	flex-direction: row;
	align-items: center;
	justify-content: center;
}

.step-container .step {
	position: relative;
	margin-bottom: 70px;
	padding-top: 20px;
	width: 204px;
	height: 284px;
	background-color: #fff;
	border-radius: 10px;
}

.step-container .step .icon {
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 16px;
	width: 64px;
	height: 64px;
	background-color: #3D88F2;
	border-radius: 50%;
	background-repeat: no-repeat;
	background-position: center;
}

.step-container .step .icon.bg1 {
	background-image: url(../img/icon_service_1.png);
}

.step-container .step .icon.bg2 {
	background-image: url(../img/icon_service_2.png);
}

.step-container .step .icon.bg3 {
	background-image: url(../img/icon_service_3.png);
}

.step-container .step .icon.bg4 {
	background-image: url(../img/icon_service_4.png);
}

.step-container .step .icon.bg5 {
	background-image: url(../img/icon_service_5.png);
}

.step-container .step .icon.bg6 {
	background-image: url(../img/icon_service_6.png);
}

.step-container .step .icon.bg7 {
	background-image: url(../img/icon_service_7.png);
}

.step-container .step .icon.bg8 {
	background-image: url(../img/icon_service_8.png);
}

.step-container .step .tag {
	position: absolute;
	left: 0;
	top: 0;
	z-index: 1;
	display: block;
	width: 42px;
	line-height: 24px;
	height: 24px;
	overflow: hidden;
	background-color: #FFBB51;
	border-radius: 10px 0px 10px 0px;
	color: #fff;
	font-size: 16px;
	text-align: center;
}

.step-container .step .rtit {
	margin-bottom: 16px;
	font-size: 20px;
	color: #222;
	text-align: center;
}

.step-container .step .rdep {
	padding-left: 20px;
	padding-right: 20px;
	color: #222;
}

.step-container .larrow,
.step-container .rarrow {
	width: 27px;
	height: 15px;
	margin-left: 30px;
	margin-right: 30px;
}

.step-container .larrow {
	background: url(../img/icon_larrow.png) no-repeat center;
}

.step-container .rarrow {
	background: url(../img/icon_rarrow.png) no-repeat center;
}

.step-container .darrow {
	position: absolute;
	right: 120px;
	top: 305px;
	z-index: 1;
	width: 15px;
	height: 27px;
	background: url(../img/icon_darrow.png) no-repeat center;
}

.online {
	margin-left: auto;
	margin-right: auto;
	width: 116px;
	height: 30px;
	line-height: 30px;
	background-color: #EF4148;
	color: #fff;
	border-radius: 15px;
	text-align: center;
	cursor: pointer;
}

@media(min-width: 1281px) {
	.header .logo {
		left: -98px;
	}

	.btn-phone {
		right: -148px;
	}

	.navbar-nav {
		margin-right: 0;
	}
}

@media(max-width: 1200px) {
	#carousel-generic .title {
		font-size: 42px;
		line-height: 58px;
	}

	.scrollDown {
		bottom: 12px;
	}

	.mod {
		padding: 30px 0;
	}

	.flex-hd {
		margin-bottom: 36px;
	}

	.flex-hd .title {
		font-size: 24px;
		line-height: 38px;
	}

	.mod-idea .pic {
		margin-bottom: -168px;
	}

	.swiper-server .name {
		font-size: 17px;
	}

	.swiper-server .btn-more {
		font-size: 15px;
	}

	.swiper-meal .swiper-slide {
		padding-right: 10px;
		font-size: 13px;
	}

	.swiper-meal .spec {
		font-size: 32px;
	}

	.swiper-meal .name {
		font-size: 20px;
	}

	.mod-case .btn-hollow {
		margin-top: 20px;
	}

	.switch-nav {
		margin-bottom: 28px;
	}

	.switch-nav .btn-hollow {
		margin: 0 6px;
	}

	.press-list li {
		margin-bottom: 15px;
	}

	.mod-outfit .btn-next {
		right: 42%;
	}

	.idea-list li {
		left: 11%;
		width: 200px;
		padding-left: 32px;
	}

	.idea-list .text-right {
		padding-right: 32px;
	}

	.idea-list li:nth-child(2) {
		left: 3%;
	}

	.idea-list li:nth-child(3) {
		left: -2%;
	}

	.idea-list li:nth-child(4) {
		left: 67%;
	}

	.idea-list li:nth-child(5) {
		left: 75%;
	}

	.idea-list li:nth-child(6) {
		left: 79.5%;
	}

	.idea-list li:nth-child(7) {
		left: 81%;
	}

	.mod-outfit {
		padding-bottom: 98px;
	}

	.slide-about .name {
		margin: 0 0 8px;
		font-size: 20px;
	}

	.slide-advt .bd {
		padding: 18px 0;
	}

	.slide-about .mess {
		margin-bottom: 18px;
	}

	.flex-jumbo {
		margin: 15px 0;
	}

	.mod-recom {
		max-height: 268px;
	}

	.init-about .title {
		margin-bottom: 28px;
		font-size: 24px;
	}

	.mod-about {
		font-size: 14px;
	}

	.mod-about .title {
		margin: 0;
		font-size: 26px;
	}

	.mod-about .subtitle {
		font-size: 20px;
		line-height: 36px;
	}

	.mod-about .info {
		margin-top: 18px;
	}

	.mod-team {
		padding-top: 0;
	}

	.mod-can .title {
		margin-bottom: 16px;
	}

	.canlist li {
		padding: 20px 20px 20px 98px;
		font-size: 13px;
	}

	.canlist .circle {
		left: 0;
		top: 50%;
		width: 84px;
		height: 84px;
		padding: 20px;
		margin-top: -42px;
	}

	.canlist .name {
		margin-bottom: 8px;
	}

	.mod-cbanner {
		padding-top: 180px;
	}

	.mod-cbanner .info {
		padding-right: 280px;
	}

	.mod-cbanner .name {
		font-size: 30px;
		line-height: 38px;
	}

	.mod-cbanner .whline {
		margin-bottom: 28px;
	}

	.mod-detail .bd {
		padding: 20px 18px;
	}

	.mod-detail .title {
		font-size: 20px;
	}

	.mod-detail .china {
		font-size: 24px;
	}

	.mod-relate {
		padding-top: 0;
	}

	.mod-what,
	.mod-attack {
		padding-bottom: 0;
	}

	.swiper-attack .name {
		font-size: 18px;
	}

	.mod-fit {
		margin-bottom: 88px;
	}

	.fit-list li {
		margin-top: 36px;
	}

	.swiper-feature .info {
		padding: 16px;
	}

	.swiper-feature .name {
		margin-bottom: 5px;
		font-size: 18px;
		line-height: 28px;
	}

	.mod-site .info {
		padding: 18px;
	}

	.mod-site .name {
		font-size: 18px;
	}

	.mod-site .line {
		margin: 8px 0;
	}

	.mod-site .txt {
		max-height: 132px;
	}

	.mod-site .btn-consult {
		margin: 12px 0 18px;
	}

	.faq-list li {
		margin: 15px 0;
	}

	.faq-list .info {
		padding: 8px 26px;
	}

	.plan-list {
		margin: 0 -5px;
	}

	.plan-list li {
		padding: 0 5px;
	}

	.plan-list .name {
		font-size: 17px;
	}

	.init-yqb .btn-prev {
		left: 8px;
	}

	.init-yqb .btn-next {
		right: 8px;
	}

	.swiper-yqber .title {
		font-size: 38px;
	}

	.swiper-yqber .subtitle,
	.brief-list .caption {
		font-size: 16px;
	}

	.mod-whaty .txt {
		margin-bottom: 18px;
	}

	.brief-list li {
		padding-right: 12px;
	}

	.brief-list li:nth-child(2n) {
		padding: 0 0 0 12px;
	}

	.brief-list a {
		padding-left: 108px;
		font-size: 13px;
	}

	.brief-list .date {
		width: 96px;
		height: 96px;
		padding: 16px 0;
		margin-top: -48px;
		font-size: 13px;
	}

	.brief-list .day {
		font-size: 32px;
	}

	.brief-list .caption,
	.brief-list .txt {
		height: 44px;
		font-size: 15px;
		line-height: 22px;
	}

	.brief-list .caption {
		margin-bottom: 6px;
	}

	.swiper-system .name {
		font-size: 20px;
	}

	.swiper-system .txt {
		height: 182px;
	}

	.vote-list li {
		font-size: 13px;
	}

	.vote-list .name {
		font-size: 17px;
	}

	.lead-list li {
		padding: 0 6px;
	}

	.lead-list .remark {
		padding-left: 12px;
	}

	.lead-list .caption {
		margin: 0 0 4px;
		font-size: 16px;
		line-height: 30px;
	}

	.lead-list .daimio {
		font-size: 26px;
	}
}

@media(max-width: 992px) {
	.container {
		width: 100%;
		max-width: 100%;
		padding: 0 13px;
	}

	.header .logo {
		width: 178px;
	}

	.navbar-nav {
		float: none;
		margin: 0 auto
	}

	.navbar-nav>li {
		padding: 0;
	}

	#carousel-generic .title {
		font-size: 32px;
		line-height: 38px;
	}

	#carousel-generic .entitle {
		font-size: 13px;
		line-height: 18px;
	}

	.flex-hd,
	.mod-relate .flex-hd {
		margin-bottom: 28px;
	}

	.flex-hd:before,
	.flex-hd:after,
	.flex-hd .inner:before,
	.flex-hd .inner:after {
		top: 20px;
	}

	.flex-hd .title {
		font-size: 20px;
		line-height: 36px;
	}

	.flex-hd .subtitle {
		line-height: 18px;
	}

	.swiper-meal .name {
		font-size: 17px;
	}

	.swiper-meal .info {
		padding-top: 10px;
	}

	.swiper-meal .txt {
		padding: 6px;
	}

	.mod-outfit .btn-prev {
		left: 40%;
	}

	.swiper-press .swiper-slide {
		padding: 5px;
	}

	.swiper-press .caption {
		font-size: 15px;
	}

	.press-list li {
		margin-bottom: 10px;
	}

	.press-list .name {
		font-size: 14px;
	}

	.flow-list li,
	.flow-list .item-arrow {
		height: 310px;
	}

	.flow-list .item-down {
		top: 308px;
		height: 70px;
	}

	.flow-list .circle {
		width: 78px;
		height: 78px;
		line-height: 78px;
	}

	.flow-list .info {
		height: 132px;
	}

	.flow-list a {
		margin: 0 auto;
	}

	.flow-list .name {
		font-size: 18px;
	}

	.flow-list .btn-consult {
		font-size: 14px;
	}

	.idea-list li {
		left: 15%;
		width: 136px;
	}

	.idea-list li:nth-child(2) {
		left: 7%;
	}

	.idea-list li:nth-child(3) {
		left: 3%;
	}

	.idea-list li:nth-child(4) {
		left: 68%;
	}

	.idea-list li:nth-child(6) {
		left: 79.5%;
	}

	.idea-list li:nth-child(7) {
		left: 80%;
	}

	.mod-ad .name {
		font-size: 18px;
	}

	.mod-recom {
		max-height: 298px;
	}

	.switch-nav .btn-hollow {
		width: 18%;
		margin: 0;
	}

	.frame .switch-nav {
		width: 100%;
		margin: 0 -2%;
	}

	.frame .switch-nav .btn-hollow {
		display: block;
		width: 24%;
		height: 28px;
		font-size: 11px;
		line-height: 26px;
		margin: 0;
	}


	.mod-cbanner .name {
		font-size: 24px;
		line-height: 30px;
	}

	.mod-cbanner .whline {
		margin-bottom: 18px;
	}

	.mod-cbanner .info {
		padding-right: 230px;
	}

	.mod-cbanner .txt {
		font-size: 13px;
	}

	.mod-cbanner .qrcode {
		width: 220px;
		padding: 28px;
	}

	.mod-detail .title {
		margin-bottom: 15px;
		font-size: 16px;
	}

	.mod-detail .china {
		font-size: 20px;
	}

	.swiper-yqber .title {
		font-size: 28px;
		line-height: 48px;
	}

	.mod-what .info {
		padding: 16px;
		font-size: 14px;
	}

	.hill-list li {
		width: 280px;
	}

	.hill-list .item-first {
		left: -48px;
	}

	.hill-list .item-second {
		left: 0;
		top: 28%;
	}

	.hill-list .item-third {
		margin-left: -66px;
	}

	.hill-list .item-fifth {
		right: -66px;
	}

	.hill-list .subname {
		width: 198px;
		margin: 0 12px;
		font-size: 15px;
	}

	.fit-list li {
		margin-top: 28px;
	}

	.fit-list .name {
		margin-top: 8px;
	}

	.swiper-feature .name {
		font-size: 17px;
	}

	.mod-site .info {
		padding: 12px;
	}

	.mod-site .line {
		margin: 4px 0;
	}

	.mod-site .btn-consult {
		margin: 12px 0;
	}

	.faq-list li {
		width: 40%;
	}

	.vote-list a {
		padding: 16px;
	}

	.vote-list .pic {
		top: 24px;
		left: 15px;
		width: 58px;
		height: 58px;
	}

	.vote-list .info {
		margin-left: 68px;
	}

	.mod-judge .info {
		margin: 8px 0;
	}

	.mod-judge .subname {
		font-size: 18px;
	}

	.mod-judge .hint {
		padding: 8px 12px;
	}

	.simtable {
		margin-top: 8px;
	}

	.simtable li {
		width: 16.6%;
	}

	.simtable li:last-child {
		width: 33%;
	}

	.swiper-system a {
		padding: 38px 16px;
	}

	.swiper-system .name {
		font-size: 18px;
	}

	.switch-brief .btn-hollow {
		width: 22%;
		margin: 0 1%;
	}

	.lead-list li,
	.lead-list .active {
		width: 33.3%;
	}

	.lead-list .active .pic,
	.lead-list .active .remark {
		float: none;
		width: 100%;
	}

	.lead-list .pic {
		margin-bottom: 12px;
	}

	.lead-list .remark {
		display: block;
		width: 100%;
		padding: 0;
	}

	.lead-list .daimio {
		font-size: 22px;
	}

	.lead-list .caption {
		font-size: 14px;
	}
}

@media(max-width:768px) {
	.hide-pad {
		display: none;
	}

	.show-pad {
		display: block;
	}

	.header,
	.header.bg-header {
		height: 42px;
		background: #1e1e1e;
	}

	.header .logo {
		top: 10px;
		width: 126px;
	}

	.header .btn-chat {
		display: block;
		position: absolute;
		top: 9px;
		right: 52px;
		width: 62px;
		height: 22px;
		border-radius: 4px;
		font-size: 10px;
		line-height: 21px;
		color: #fff;
		text-align: center;
		background: #ec2222;
	}

	.dropmenu img {
		width: 22px;
		height: 22px;
	}

	.dropmenu {
		position: absolute;
		top: 0;
		right: 4px;
		width: 40px;
		height: 40px;
		padding: 8px 4px;
		cursor: pointer;
	}

	.dropmenu .line {
		float: right;
		width: 100%;
		height: 3px;
		margin: 2px 0;
		background: #d71217;
	}

	.dropmenu .line2 {
		width: 88%;
	}

	.dropmenu .line3 {
		width: 68%;
	}


	.wrap,
	.navbar-nav {
		position: fixed;
		top: 0;
	}

	.wrap {
		display: none;
		z-index: 9998;
		left: 0;
		width: 100%;
		height: 100%;
		background: rgba(0, 0, 0, .48);
	}

	.navbar-nav {
		float: none;
		z-index: 9999;
		right: -260px;
		width: 260px;
		height: 100%;
		padding: 18px;
		background: #333;
	}

	.navbar-nav>li {
		float: none;
		width: 100%;
		padding: 8px 0 8px 12px;
		border-bottom: 1px solid #3c3d3d;
		font-size: 15px;
		text-align: left;
	}

	.navbar-nav>li.show-pad {
		display: block;
	}

	.navbar-nav>li>a,
	.navbar-nav>li>span {
		background: url(../images/right.png) no-repeat right center;
		background-size: 15px 15px;
	}

	.navbar-nav>li>a {
		line-height: 32px;
		color: #fff;
	}

	.navbar-nav>li>a.hide-pad,
	.navbar-nav .line {
		display: none;
	}

	.navbar-nav>li>span {
		display: block;
		line-height: 36px;
	}

	.navbar-nav>li .sublist {
		position: static;
		background: transparent;
	}

	.navbar-nav .item-server .sublist>li {
		width: 50%;
	}

	.sublist,
	.navbar-nav .item-server .sublist {
		padding: 0;
	}

	.sublist {
		margin-top: 8px;
	}

	.sublist>li {
		border-top: 1px solid #3c3d3d;
		font-size: 14px;
	}

	.sublist li {
		margin: 0;
		line-height: 46px;
		text-align: left;
	}

	.thirdlist {
		margin: -4px 0 8px;
	}

	.thirdlist li {
		line-height: 28px;
	}

	.bg-header .navbar-nav>li>a,
	.navbar-nav>li span {
		color: #fff;
	}

	.fixed-bar,
	.btn-phone {
		display: none;
	}

	.fixed-mbar {
		display: block;
	}

	#carousel-generic .info {
		padding: 0 18px;
	}

	#carousel-generic .title {
		font-size: 28px;
		line-height: 32px;
	}

	#carousel-generic .entitle {
		font-size: 12px;
	}

	.carousel-control .btn-prev {
		left: 25%;
	}

	.carousel-control .btn-next {
		right: 25%;
	}

	.init .container {
		overflow: hidden;
	}

	.init .mod-idea .container {
		overflow: visible;
	}

	.mod {
		padding: 20px 0;
	}

	.mod-outfit {
		padding-bottom: 98px;
	}

	.mod-outfit .btn-prev {
		left: 38%;
	}

	.swiper-outfit .flex-pic,
	.slide-about .info {
		float: none;
		width: 100%;
	}

	.flow-list li {
		width: 30.3%;
		margin: 0 1.5%;
	}

	.flow-list .item-arrow {
		display: none;
	}

	.flow-list .rect {
		margin-top: 18px;
	}

	.flow-list .rect4 {
		float: right;
	}

	.idea-list .subname {
		line-height: 18px;
	}

	.advt-list li {
		width: 50%;
		padding: 18px;
	}

	.cert-list {
		margin-top: 16px;
	}

	.cert-list li {
		width: 33%;
		padding: 8px 4px;
	}

	.press-list li {
		margin-bottom: 17px;
	}

	.mod-ad .name {
		font-size: 15px;
	}

	.frame {
		padding: 12px 0;
	}

	.frame .headline {
		font-size: 20px;
		line-height: 28px;
	}

	.cont {
		padding: 0;
	}

	.pagination {
		margin: 24px 0 12px;
		text-align: center;
	}

	.aside {
		display: none;
	}

	.news-list li {
		padding: 10px;
	}

	.news-list .name {
		font-size: 16px;
	}

	.mod-recom {
		max-height: auto;
		margin: 12px 0;
	}

	.mod-recom .rename {
		font-size: 18px;
	}

	.init-about .title {
		margin-bottom: 18px;
		font-size: 22px;
	}

	.mod-about .title {
		margin: 0;
		line-height: 36px;
	}

	.mod-about .info {
		margin-bottom: 28px;
	}

	.mod-contact {
		width: 380px;
	}

	.tactlist li {
		line-height: 24px;
	}

	.canlist li {
		width: 50%;
	}

	.mod-banner {
		padding: 98px 0;
	}

	.mod-banner .name {
		font-size: 24px;
	}

	.mod-banner .txt {
		font-size: 15px;
	}

	.mod-cbanner {
		padding-top: 80px;
	}

	.mod-cbanner .container {
		overflow: inherit;
	}

	.mod-cbanner .info {
		padding-right: 160px;
	}

	.mod-cbanner .name {
		font-size: 20px;
	}

	.mod-cbanner .qrcode {
		width: 152px;
		padding: 16px;
	}

	.mod-cbanner .pic {
		width: 120px;
		height: 120px;
	}

	.mod-cbanner .btn-hollow {
		margin-top: 12px;
	}

	.mod-relate {
		padding-top: 0;
	}

	.mod-recruit .container {
		padding: 0 0 0 12px;
	}

	.swiper-recruit {
		padding-right: 48px;
	}

	.swiper-recruit .remark {
		display: block;
		position: static;
		padding: 8px 18px 28px;
		color: #333;
		background: transparent;
	}

	.swiper-recruit .info {
		padding: 28px 20px 20px;
	}

	.swiper-recruit .name {
		margin: 12px 0;
		font-size: 17px;
		color: #111;
	}

	.swiper-recruit .subname {
		margin: 0 0 5px;
		text-align: left;
		font-size: 12px;
		color: #333;
		text-indent: 0;
	}

	.swiper-recruit .txt {
		font-size: 11px;
		color: #333;
		line-height: 20px;
	}

	.swiper-recruit .btn-mzx {
		margin-top: 20px;
	}

	.mod-what,
	.mod-attack {
		padding-bottom: 0;
	}

	.mod-fit {
		margin: 0;
	}

	.mod-fit .tab-panel {
		padding: 0;
	}

	.mod-fit .pic-fit {
		position: static;
		margin: 0 auto;
	}

	.fit-list li {
		margin: 12px 0;
	}

	.fit-list a,
	.fit-list .icon {
		margin: 0 auto;
	}

	.mod-site .pic,
	.mod-site .info {
		float: none;
		width: 100%;
	}

	.mod-site .pic {
		margin: 0 auto;
	}

	.mod-faq .pic-faq,
	.mod-faq .round {
		display: none;
	}

	.faq-list li,
	.faq-list li:nth-child(2n) {
		width: 50%;
	}

	.faq-list li {
		padding-right: 46px;
	}

	.faq-list li:nth-child(2n) {
		padding: 0 0 0 46px;
	}

	.flex-btns .btn-hollow {
		margin-top: 0;
	}

	.init-server {
		padding: 0;
	}

	.switch-nav .btn-hollow {
		width: auto;
		padding: 0 12px;
	}

	.plan-list li {
		width: 33.3%;
	}

	.mod-what .info {
		margin-bottom: 28px;
	}

	.hill-list li {
		width: 112px;
		padding: 0 0 28px;
	}

	.hill-list .item-first {
		left: -16px;
	}

	.hill-list .item-second {
		top: 18%;
		left: 24px;
	}

	.hill-list .item-third {
		top: -8px;
	}

	.hill-list .item-forth {
		top: 20%;
		right: 12%;
	}

	.hill-list .item-fifth {
		right: -16px;
	}

	.hill-list .icon,
	.hill-list img {
		width: 28px;
		height: 28px;
	}

	.hill-list .icon {
		position: absolute;
		bottom: 0;
		left: 50%;
		margin-left: -14px;
	}

	.hill-list .subname {
		width: 100%;
		padding: 0;
		margin: 0;
		font-size: 10px;
		color: #1c1c1c;
		box-shadow: 0 0 0 transparent;
		background: transparent;
	}

	.hill-list .subname:after {
		display: none;
	}

	.flex-yqbmo .num {
		font-size: 20px;
	}

	.flex-yqbmo .jumbo {
		font-size: 32px;
	}

	.flex-yqbmo .txt {
		height: 52px;
	}

	.mod-envir .btn-prev,
	.mod-envir .btn-next {
		display: none;
	}

	.brief-list li {
		margin-bottom: 25px;
	}

	.brief-list li,
	.brief-list li:nth-child(2n) {
		width: 98%;
		padding: 0;
	}

	.brief-list li:last-child {
		margin: 0;
	}

	.swiper-yqber .title {
		font-size: 24px;
	}

	.swiper-yqber .subtitle {
		margin: 8px 0 16px;
	}

	.swiper-yqber .links {
		font-size: 13px;
	}

	.flex-row,
	.flex-between,
	.flex-center,
	.label-radio {
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
		align-items: center;
	}

	.flex-col {
		display: flex;
		flex-direction: column;
		flex-wrap: wrap;
	}

	.flex-center {
		justify-content: center;
	}

	.around {
		justify-content: space-around;
	}

	.flex-between {
		justify-content: space-between;
	}

	.start {
		justify-content: flex-start;
	}

	.end {
		justify-content: flex-end;
	}


	.footer-nav,
	.footer-links {
		display: none;
	}

	.footer-contact {
		padding: 0 13px;
	}

	.footer-contact li {
		width: 50%;
		padding: 16px 0;
		border: 0 none;
		border-bottom: 1px solid #565656;
		justify-content: flex-start;
	}

	.footer-contact li:last-child {
		width: 100%;
	}

	.footer-contact .hide-pad,
	.footer-contact .attr {
		display: none;
	}

	.footer-contact .icon {
		width: 20px;
		height: 20px;
		background-size: 20px 900px;
	}

	.footer-contact .ftqq {
		background-position-y: -322px;
	}

	.footer-contact .ftline {
		background-position-y: -350px;
	}

	.footer-contact .ftemail {
		background-position-y: -372px;
	}

	.footer-contact .ftaddr {
		background-position-y: -830px;
	}

	.copyright {
		padding: 12px 12px 20px;
		margin-bottom: 52px;
		font-size: 11px;
		line-height: 20px;
		color: #7a7a7a;
		background: #292929;
	}

	.flex-hd:before,
	.flex-hd:after,
	.flex-hd .inner:before,
	.flex-hd .inner:after {
		display: none;
	}

	.flex-hd {
		margin-bottom: 16px;
	}

	.flex-hd .subtitle {
		color: #333;
	}

	.flex-hd .title {
		width: 100%;
		color: #222;
	}

	.flex-hd .mtit {
		display: inline-block;
		margin: 0 16px;
		line-height: 36px;
	}

	.flex-hd .mline {
		display: inline-block;
		width: 38px;
		height: 1px;
		background: #ec2222;
	}

	.flex-white .title,
	.flex-white .subtitle {
		color: #fff;
	}

	.mod .btn-hollow.bounce-to-right {
		width: 122px;
		height: 32px;
		border-color: #ec2222;
		border-radius: 4px;
		margin-top: 15px;
		font-size: 12px;
		line-height: 30px;
		color: #d81217;
	}

	.swiper-banner {
		position: relative;
		overflow: hidden;
	}

	.swiper-banner img {
		width: 100%;
		height: 100%;
	}

	.swiper-banner .swiper-pagination-bullet-active {
		background: #ff2020;
	}

	.mser-list li {
		float: left;
		position: relative;
		width: 50%;
		padding: 15px 0 10px;
	}

	.mser-list .pic {
		width: 38px;
		height: 38px;
		margin: 0 auto 5px;
	}

	.mser-list .snfo {
		padding: 0 6px 12px;
		font-size: 12px;
		background: url(../images/m/bser.png) no-repeat center top;
		background-size: 100% 100%;
	}

	.mser-list .txt {
		padding: 24px 8px 8px;
		line-height: 20px;
		color: #606060;
		text-indent: 0em;
	}

	.mser-list .stn {
		width: 100%;
		height: 26px;
		font-weight: bold;
		color: #fff;
		text-align: center;
		background: #e50012;
	}

	.stn.green {
		background: #82ca36;
	}

	.stn.gblue {
		background: #405063;
	}

	.stn.rjkf {
		background: #ff7852;
	}

	.stn.wltg {
		background: #ffba35;
	}

	.stn.wlw {
		background: #528fff;
	}

	/* .mod-idea{ padding: 20px 0 108px;}
	.mod-idea .flex-bd{ font-size: 12px;}
	.mod-idea .flex-mtit{ color: #fff; text-align: center;}
	.mod-idea .mleft, .mod-idea .mright{ background-repeat: no-repeat; background-size: 9px 5px;}
	.mod-idea .mleft{ padding-left: 16px; background-image: url(../images/m/mleft.png); background-position:left center;}
	.mod-idea .mright{ padding-right: 16px; background-image: url(../images/m/mright.png); background-position:right center;}
	.swiper-midea{ padding: 0 0 40px; margin-bottom: 8px;}
	.swiper-midea .swiper-pagination-bullet{ background: #626262;}
	.swiper-midea .swiper-pagination-bullet-active{ background: #eee;}
	.swiper-midea .info{ position: relative; padding: 8px 15px; border-radius: 8px; margin-top: 16px; line-height: 20px; color: #232323; background: #d7d7d7;}
	.swiper-midea .info:after{ content: '\0020'; display: block; position: absolute; top: -16px; left: 50%; border: 8px solid transparent; border-bottom-color: #d7d7d7;} */
	.idea-list li,
	.idea-list .text-right {
		padding: 16px 0 0;
	}

	.idea-list li {
		top: 12%;
		left: 18%;
		width: 90px;
		text-align: center;
	}

	.idea-list li:nth-child(2) {
		left: 8%;
		top: 28%;
	}

	.idea-list li:nth-child(3) {
		left: 5%;
	}

	.idea-list li:nth-child(4) {
		top: 8%;
		left: 53%;
	}

	.idea-list li:nth-child(5) {
		top: 22%;
		left: 64%;
	}

	.idea-list li:nth-child(6) {
		left: 68%;
	}

	.idea-list li:nth-child(7) {
		left: 70%;
	}

	.idea-list .doter {
		top: 10px;
		left: 50%;
		width: 28px;
		height: 28px;
		margin-left: -14px;
	}

	.idea-list .doter .dot {
		width: 6px;
		height: 6px;
		margin: 11px auto;
	}

	.idea-list .name {
		font-size: 10px;
		font-weight: normal;
	}

	.idea-list .subname {
		display: none;
	}



	.mod-meal {}

	.mod-meal .container {
		padding: 0;
	}

	.swiper-meal {
		padding-right: 120px;
		margin-left: 15px;
	}

	.swiper-meal .swiper-slide {
		padding-top: 40px;
	}

	.swiper-meal .price {
		font-size: 16px;
		color: #d81217;
	}

	.swiper-meal .spec {
		font-size: 24px;
	}

	.swiper-meal .unit {
		font-size: 12px;
		font-weight: bold;
		color: #777;
	}

	.swiper-meal .flag {
		top: -6px;
		right: -18px;
		width: 108px;
		padding: 4px;
		font-size: 10px;
	}

	.mod-case .container {
		padding: 0;
	}

	.mod-case .btn-hollow {
		border-radius: 4px;
		font-size: 12px;
	}

	.swiper-mnav {
		padding: 4px 60px 0 20px;
		margin: 0 0 24px 0;
	}

	.swiper-mnav .swiper-slide {
		border: 1px solid #afafaf;
		border-radius: 12px;
		font-size: 11px;
		line-height: 24px;
		color: #222;
		text-align: center;
	}

	.swiper-mnav .active {
		border-color: #ec2222;
		color: #fff;
		background: #ec2222;
	}

	.case-list {
		margin: 0 6px;
		font-size: 12px;
	}

	.case-list li {
		width: 50%;
	}

	.case-list a {
		margin: 0 4px;
	}

	.case-list .name {
		padding: 8px;
	}

	.swiper-pnav {
		margin: 12px 0 16px;
	}

	.swiper-pnav .mbtn {
		width: 76px;
		height: 24px;
		border: 1px solid #afafaf;
		border-radius: 12px;
		margin: 0 auto;
		font-size: 11px;
		line-height: 22px;
		color: #222;
		text-align: center;
	}

	.swiper-pnav .swiper-slide-active .mbtn {
		border-color: #ec2222;
		color: #fff;
		background: #ec2222;
	}

	.swiper-press .hd {
		display: none;
	}

	.flex-jumbo .num {
		font-size: 23px;
		font-weight: bold;
	}

	.mod-outfit {
		padding: 28px 0;
		font-size: 11px;
		line-height: 20px;
		color: #fff;
	}

	.mod-outfit .flex-jumbo {
		margin: 24px -2% 16px 0;
	}

	.mod-outfit .flex-jumbo .flex {
		width: 31.3%;
		margin-right: 2%;
	}

	.mod-outfit .flex-jumbo .num,
	.mod-outfit .flex-jumbo .txt {
		border-radius: 2px;
	}

	.mod-outfit .flex-jumbo .num {
		height: 92px;
		padding: 0;
		line-height: 92px;
		background: #fff;
	}

	.mod-outfit .flex-jumbo .num:after {
		display: none;
	}

	.mod-outfit .flex-jumbo .txt {
		height: 24px;
		margin-top: 1px;
		font-size: 11px;
		font-weight: bold;
		line-height: 24px;
		color: #fff;
		background: #ec2222;
	}

	.mod-outfit .info {
		text-indent: 2em;
	}

	.mod-outfit .btn-next,
	.mod-outfit .btn-prev {
		display: none;
	}

	.stage-list {
		margin: 16px -2% 16px 0;
	}

	.stage-list span,
	.form-quote span,
	.idown {
		background: url(../images/m/sfit.png) no-repeat 0 0;
		background-size: 16px 320px;
	}

	.stage-list li {
		width: 31.3%;
		padding: 0;
		border: 1px solid #606060;
		margin-right: 2%;
		font-size: 11px;
		line-height: 28px;
		text-align: center;
		background-color: rgba(228, 228, 228, .1);
	}

	.stage-list span {
		padding-left: 22px;
	}

	.stage-list .izykf {
		background-position: 0 2px;
	}

	.stage-list .icsjs {
		background-position: 0 -26px;
	}

	.stage-list .iuisj {
		background-position: 0 -54px;
	}

	.stage-list .ikfzq {
		background-position: 0 -84px;
	}

	.stage-list .ihxll {
		background-position: 0 -110px;
	}

	.btn-mzx {
		display: block;
		height: 36px;
		border-radius: 18px;
		line-height: 36px;
		color: #fff;
		text-align: center;
		background: #e7141a;
	}

	.btn-mzx.btn-gray {
		background: #c0c0c0;
	}

	.mod-ad .name {
		font-size: 14px;
	}

	.mod-ad .bname {
		display: block;
		font-size: 18px;
	}

	.label-radio {
		width: 33.3%;
		font-size: 12px;
		color: #707070;
	}

	.label-radio .circle {
		display: inline-block;
		width: 14px;
		height: 14px;
		border: 1px solid #a0a0a0;
		margin-right: 4px;
		background: #ebebeb;
	}

	.label-radio input:checked~i {
		border-color: #e7141a;
		background: url(../images/m/hook.png) no-repeat center center #e7141a;
		background-size: 8px 8px;
	}

	select.idown {
		padding-right: 26px;
		direction: rtl;
		background-position: 100% -246px;
	}

	.form-quote .group {
		position: relative;
		padding: 8px 13px;
		border-radius: 4px;
		margin-bottom: 10px;
		background: #efefef;
	}

	.form-quote span {
		position: absolute;
		top: 8px;
		left: 16px;
		padding-left: 20px;
		font-size: 11px;
		color: #808080;
	}

	.form-quote .control {
		width: 100%;
		padding-left: 76px;
		border: 0 none;
		color: #e7141a;
		background-color: transparent;
	}

	.form-quote textarea.control {
		height: 96px;
		padding: 0;
		margin-top: 28px;
	}

	.form-quote .item {
		margin-bottom: 8px;
	}

	.form-quote .txt {
		font-size: 12px;
		color: #707070;
	}

	.form-quote .iname {
		background-position-y: -136px;
	}

	.form-quote .iphone {
		background-position-y: -164px;
	}

	.form-quote .izxxm {
		background-position-y: -192px;
	}

	.form-quote .ixqms {
		background-position-y: -222px;
	}

	.mod-crumb {
		display: none;
	}

	.canlist li {
		padding: 12px 12px 12px 62px;
	}

	.canlist .circle {
		top: 68%;
		width: 50px;
		height: 50px;
		padding: 13px;
	}

	.canlist img {
		width: 24px;
		height: 24px;
	}

	.canlist .name {
		margin: 0;
		font-size: 12px;
		font-weight: bold;
	}

	.canlist .txt {
		font-size: 10px;
	}

	.mod-map {
		background: #232323;
	}

	.mod-contact .hd,
	.mod-contact .bd {
		padding: 0;
	}

	.mod-contact .pabout {
		margin: 10px 0 20px;
	}

	.mod-contact .title {
		font-size: 16px;
		font-weight: bold;
	}

	.mod-contact .en {
		font-size: 14px;
	}

	.mod-contact .map {
		margin-top: 20px;
	}

	.init-case .container {
		padding: 0;
	}

	.mod-btns {
		padding: 0 13px;
	}

	.mod-btns .btn-hollow {
		width: 100%;
		height: 38px;
		-webkit-border-radius: 4px;
		border-radius: 4px;
		line-height: 36px;
	}

	.swiper-cnav {
		border-bottom: 1px solid #dfdfdf;
		text-align: center;
	}

	.swiper-cnav a {
		position: relative;
		padding: 0 0 10px;
		font-size: 13px;
		color: #333;
	}

	.swiper-cnav a:after {
		content: '\0020';
		display: block;
		position: absolute;
		bottom: 0;
		left: 50%;
		width: 52px;
		height: 2px;
		margin-left: -26px;
	}

	.swiper-cnav .active:after {
		background: #d5191e;
	}

	.mod-cbanner .name {
		font-size: 23px;
		text-align: center;
	}

	.mod-cbanner .whline {
		margin: 8px auto 26px;
	}

	.mod-cbanner .subname {
		font-size: 10px;
		color: #fff;
	}

	.mod-detail .bd {
		padding: 0;
	}

	.mod-relate .flex-hd {
		margin-bottom: 16px;
	}

	.mod-detail .title {
		font-size: 11px;
		line-height: 24px;
		color: #222;
	}

	.mod-detail .china {
		font-size: 16px;
	}

	.mod-detail .btn-mzx {
		margin-top: 15px;
		border-radius: 4px;
	}

	.mod-relate .bd {
		padding: 0 8px;
	}

	.mod-relate .case-list {
		margin: 0;
	}

	.frame .caption {
		display: none;
	}

	.frame .switch-nav {
		float: none;
		width: 92%;
		margin: 6px auto 0;
		text-align: center;
	}

	.frame .btn-hollow {
		border-radius: 4px;
	}

	.flex-mbtns {
		margin: 24px 0 20px;
	}

	.flex-mbtns .btn {
		width: 48%;
		height: 34px;
		border: 1px solid #e7141a;
		border-radius: 4px;
		font-size: 11px;
		line-height: 32px;
		color: #e7141a;
	}

	.develop-list a {
		float: left;
		width: 49%;
		border: 0 none;
		border-radius: 4px;
		margin-bottom: 10px;
		text-align: center;
		background: #74d057;
	}

	.develop-list a:nth-child(2n) {
		float: right;
	}

	.develop-list .inner {
		padding: 18px 10px;
	}

	.develop-list .pic {
		width: 32px;
		height: 32px;
		margin: 0 auto;
	}

	.develop-list .name {
		margin: 8px 0;
		font-size: 12px;
		font-weight: bold;
		color: #fff;
	}

	.develop-list .info {
		padding: 0;
		font-size: 11px;
		line-height: 18px;
		color: #fff;
	}

	.develop-list .btn-more {
		display: none;
	}

	.develop-list .borange {
		background: #fe9600;
	}

	.develop-list .bblue {
		background: #49b3fe;
	}

	.develop-list .bpink {
		background: #fe6969;
	}

	.mod-attack,
	.mod-attack .bd {
		background: #191818;
	}

	.mod-attack .title,
	.mod-attack .subtitle {
		color: #fff;
	}

	.flex-attack {
		padding: 26px 3px 30px;
	}

	.attack-list li {
		float: left;
		width: 48%;
		color: #fff;
	}

	.attack-list li:nth-child(2n) {
		float: right;
	}

	.attack-list .name {
		font-size: 12px;
		font-weight: bold;
	}

	.attack-list .txt {
		margin-bottom: 10px;
		font-size: 10px;
		line-height: 20px;
	}

	.swiper-suit .pic {
		width: 45px;
		height: 45px;
	}

	.swiper-suit .name {
		font-size: 10px;
		line-height: 20px;
	}

	.attack-list {
		margin-bottom: 10px;
	}

	.attack-list li {
		float: left;
		width: 48%;
		padding: 36px 12px 24px;
		margin-bottom: 15px;
		text-align: center;
		background: url(../images/m/brl.jpg) no-repeat center center;
		background-size: 100% 100%;
	}

	.attack-list li:nth-child(2) {
		background-image: url(../images/m/bjd.jpg);
	}

	.attack-list li:nth-child(3) {
		background-image: url(../images/m/bzj.jpg);
	}

	.attack-list li:nth-child(4) {
		background-image: url(../images/m/bgw.jpg);
	}

	.attack-list .pic {
		width: 26px;
		height: 26px;
		margin: 0 auto 16px
	}

	.attack-list .txt {
		margin-top: 12px;
	}

	.mod-site .name {
		font-size: 13px;
		line-height: 20px;
	}

	.mod-site .line {
		width: 30px;
		margin-bottom: 12px;
	}

	.mod-site .info {
		border-color: #dadada;
		font-size: 10px;
	}

	.mod-site .btn-consult {
		width: 100%;
		border: 0 none;
		border-radius: 4px;
		line-height: 38px;
		color: #fff;
		background: #ec2222;
	}


	.mdevlop-list a {
		float: left;
		width: 48%;
		padding: 20px 15px;
		margin-top: 10px;
		background: #fff;
	}

	.mdevlop-list a:nth-child(2n) {
		float: right;
	}

	.mdevlop-list .pic {
		width: 28px;
		height: 28px;
		margin: 0 auto;
	}

	.mdevlop-list .name {
		margin: 8px 0;
		font-size: 12px;
		color: #111;
		text-align: center;
	}

	.mdevlop-list .info {
		font-size: 12px;
		line-height: 18px;
		color: #777;
	}

	.mod-faq .btn-hollow {
		height: 38px;
		border: 0 none;
		border-radius: 4px;
		font-size: 12px;
	}

	.mod-faq .btn-zxzx {
		background: #e7141a;
	}

	.mod-faq .btn-dhlx {
		background: #38b5ef;
	}

	.faq-list .info {
		padding: 2px 6px;
		font-size: 12px;
	}

	.mod-vote .bd {
		padding: 10px 0 0;
	}

	.vote-list a {
		padding: 8px 12px;
		border: 0 none;
		border-radius: 4px;
		box-shadow: 0 0 6px 3px #f0f0f0;
	}

	.vote-list .pic {
		width: 36px;
		height: 36px;
	}

	.vote-list .info {
		margin-left: 46px;
	}

	.vote-list .name {
		font-size: 14px;
		line-height: 24px;
		color: #111;
	}

	.vote-list .txt {
		font-size: 12px;
		line-height: 20px;
		color: #909090;
	}

	.madv-list a {
		border: 1px solid #d5d5d5;
		border-radius: 0;
		box-shadow: 0 0 0 transparent;
	}

	.plan-list .info {
		border: 0 none;
	}

	.plan-list .txt {
		display: none;
	}

	.plan-list .name {
		margin: 0;
		font-size: 12px;
		line-height: 20px;
		color: #111;
		text-align: center;
	}

	.swiper-myqb img {
		width: 100%;
		height: 100%;
	}

	.swiper-myqb .swiper-pagination-bullet-active {
		background: #ff2020;
	}

	.msystem-list li {
		width: 48%;
		padding: 23px 12px 18px;
		border-radius: 4px;
		margin-top: 8px;
		color: #fff;
		background: #ec2222;
	}

	.msystem-list .icon {
		width: 48px;
		height: 48px;
		margin: 0 auto;
	}

	.msystem-list .name {
		margin: 6px 0;
		font-size: 13px;
		font-weight: bold;
		text-align: center;
	}

	.msystem-list .txt {
		height: 160px;
		font-size: 10px;
		line-height: 20px;
		overflow: hidden;
	}

	.mod-whaty .info {
		padding: 13px 12px;
		margin: 25px 0;
		color: #1c1c1c;
		background: #fff;
	}

	.mod-lead .container {
		padding: 0;
	}

	.swiper-mlead {
		padding-right: 36px;
		margin-left: 15px;
	}

	.swiper-mlead .pic {
		float: left;
		width: 45%;
		height: 230px;
	}

	.swiper-mlead .info {
		float: right;
		width: 55%;
		padding: 10px 6px;
		border: 1px solid #cecece;
		font-size: 10px;
		line-height: 20px;
		color: #333;
	}

	.swiper-mlead .name {
		font-size: 15px;
	}

	.swiper-mlead .subname {
		font-size: 11px;
		color: #929292;
	}

	.swiper-mlead .txt {
		margin-top: 4px;
		line-height: 16px;
		overflow: hidden;
	}

	.swiper-mfaq {
		padding: 0 0 26px;
	}

	.swiper-mfaq .item {
		margin-top: 12px;
		text-align: center;
	}

	.swiper-mfaq .info {
		display: inline-block;
		padding-left: 24px;
		background: url(../images/m/faq.png) no-repeat 0 center;
		background-size: 18px 18px;
	}

	.swiper-mfaq .name {
		padding: 0 12px;
		border: 1px dotted #acafb2;
		border-radius: 4px;
		font-size: 12px;
		color: #fff;
	}

	.swiper-mfaq .swiper-pagination {
		bottom: 0;
	}

	.swiper-mfaq .swiper-pagination-bullet {
		background: rgba(255, 255, 255, .8);
	}

	.swiper-mfaq .swiper-pagination-bullet-active {
		background: #fff;
	}

	.frame-news .switch-nav {
		width: 100%;
	}

	.mod-case .btn-mcase {
		width: 112px;
		height: 30px;
		border-radius: 20px;
		line-height: 28px;
		margin-bottom: 20px;
		color: #fff;
		background: #e7141a;
	}
}

@media(max-width: 480px) {
	.hide-phone {
		display: none;
	}

	.show-phone {
		display: block;
	}

	.scrollTop {
		right: 8px;
		bottom: 18px;
	}

	#carousel-generic .title {
		font-size: 20px;
		line-height: 28px;
	}

	.mcarousel .btn-prev,
	.mcarousel .btn-next {
		display: none;
		width: 36px;
		height: 36px;
		background-size: 30px 1350px;
	}

	.mcarousel .btn-prev {
		background-position-y: -414px;
	}

	.mcarousel .btn-next {
		background-position-y: -451px;
	}

	.flex-hd .subtitle {
		font-size: 12px;
	}

	.flex-init .title {
		font-size: 18px;
	}

	.mod-meal .flex-hd {
		margin-top: 36px;
	}

	.mod-outfit .btn-prev {
		left: 18%;
	}

	.mod-outfit .btn-next {
		right: 18%;
	}

	.switch-nav {
		margin-bottom: 18px;
	}

	.switch-nav .btn-hollow {
		font-size: 12px;
	}

	.slide-about .mess {
		height: auto;
	}

	.slide-advt .bd {
		padding: 0;
	}

	.advt-list li {
		padding: 12px 12px 14px;
	}

	.advt-list .circle,
	.advt-list .info {
		float: none;
	}

	.advt-list .circle {
		width: 42%;
		margin: -26px auto 4px;
	}

	.advt-list .info {
		width: 100%;
	}

	.mod-ad .name {
		font-size: 12px;
	}

	.flow-list li {
		width: 48%;
		margin: 0 1%;
	}

	.frame .headline {
		font-size: 18px;
	}

	.frame .tline {
		margin-bottom: 15px;
	}

	.frame .caphd {
		margin-bottom: 12px;
	}

	.frame .sub {
		font-size: 11px;
		color: #888;
	}

	.mod-renews .flex-init {
		margin: 0;
	}

	.news-list li {
		padding: 10px 0;
		border-bottom: 1px solid #e3e3e3;
		margin: 0;
		background: transparent;
	}

	.news-list a {
		height: auto;
		padding-left: 100px;
	}

	.news-list .pic {
		top: 6px;
		width: 92px;
		height: 62px;
		margin: 0;
	}

	.news-list .name {
		font-size: 13px;
		font-weight: normal;
		line-height: 28px;
	}

	.news-list .txt {
		height: 40px;
		margin: 0;
		font-size: 11px;
		line-height: 20px;
		color: #707070;
	}

	.news-list .date {
		display: none;
	}

	.news-list li:hover {
		background: transparent;
	}

	.news-list li:hover .name {
		color: #222;
	}

	.news-list li:hover .txt {
		color: #707070;
	}

	.pagination {
		font-size: 11px;
		line-height: 24px;
	}

	.pagination a,
	.pagination span {
		padding: 0 8px;
	}

	.mod-cbanner .info {
		padding: 0;
	}

	.mod-cbanner .qrcode {
		display: none;
		position: static;
		width: 100%;
		margin: 16px auto 0;
	}

	.mod-cbanner .pic {
		width: 88%;
	}

	.init-about .title {
		margin-bottom: 8px;
		font-size: 18px;
	}

	.mod-banner {
		padding: 86px 0 48px;
	}

	.mod-about .title,
	.mod-about .subtitle {
		font-weight: bold;
	}

	.mod-about .title {
		margin: 0;
		font-size: 23px;
	}

	.mod-about .subtitle {
		font-size: 17px;
		line-height: 24px;
	}

	.mod-about .info {
		margin: 12px 0 0;
		font-size: 13px;
		color: #222;
	}

	.mod-about .txt {
		display: inline;
	}

	.mod-about .flex-jumbo .flex {
		width: 50%;
		margin-top: 16px;
		font-size: 13px;
		color: #909090;
	}

	.mod-about .flex-jumbo .num {
		font-size: 32px;
		line-height: 40px;
	}

	.flex-jumbo {
		margin: 0;
	}

	.mod-team {
		padding-top: 0;
	}

	.mod-contact,
	.canlist li {
		width: 100%;
		padding-right: 0;
	}

	.swiper-yqber .info,
	.swiper-yqber .pic {
		float: none;
		width: 100%;
	}

	.swiper-yqber .pic {
		width: 78%;
		margin: 18px auto 0;
	}

	.mod-whaty .txt {
		margin-bottom: 8px;
	}

	.swiper-system .icon {
		width: 98px;
		height: 98px;
		line-height: 96px;
	}

	.swiper-system .name {
		margin: 12px 0;
	}

	.swiper-system .txt {
		height: 230px;
	}

	.flex-yqbmo .flex {
		width: 50%;
		margin: 12px 0;
	}

	.flex-yqbmo .jumbo {
		font-size: 30px;
	}

	.flex-yqbmo .num {
		font-size: 18px;
	}

	.flex-yqbmo .txt {
		height: 36px;
		font-size: 12px;
		line-height: 18px;
	}


	.flex-init .inner,
	.init-server .flex-hd .title {
		font-size: 17px;
	}

	.switch-fit {
		margin-bottom: 15px;
	}

	.switch-fit .btn-hollow {
		width: 78px;
		height: 32px;
		border-radius: 4px;
		margin: 0 12px;
		line-height: 30px;
	}

	.flex-btns {
		padding-top: 12px;
	}

	.flex-btns .btn-hollow {
		width: 130px;
		margin: 0 8px;
	}

	.fit-list li {
		width: 16.66%;
	}

	.fit-list a {
		width: 100%;
	}

	.fit-list .icon {
		width: 38px;
		height: 38px;
		line-height: 34px;
	}

	.fit-list img {
		width: 16px;
		height: 16px;
	}

	.fit-list .name {
		font-size: 10px;
		color: #222;
	}

	.fit-list .txt {
		display: none;
	}

	.faq-list li,
	.faq-list li:nth-child(2n),
	.vote-list li,
	.vote-list li:nth-child(2n) {
		float: none;
		width: 100%;
	}

	.plan-list li {
		width: 50%;
		margin: 15px 0 0;
	}

	.lead-list li,
	.lead-list .active {
		float: none;
		width: 100%;
	}

	.lead-list .pic,
	.lead-list .active .pic {
		float: left;
		width: 30%;
	}

	.lead-list .remark,
	.lead-list .active .remark {
		float: right;
		width: 68%;
		overflow: hidden;
	}

	.lead-list .txt {
		max-height: 78px;
		overflow: hidden;
	}


	.flex-list li {
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
		align-items: center;
		justify-content: space-between;
	}

	.switch-nav .btn-hollow {
		border-radius: 18px;
	}

	.mod-links {
		background: #f3f3f3;
	}

	.link-list,
	.link-list li {
		border: 0 none;
	}

	.link-list {
		margin-right: -2.3%;
	}

	.link-list li {
		width: 31%;
		margin: 0 2.3% 8px 0;
	}

	.mod-whaty .info {
		font-size: 12px;
		line-height: 22px;
	}

	.mod-envir {
		background: url(../images/m/benvir.jpg) no-repeat center center;
		background-size: 100% 100%;
	}

	.mod-envir .container {
		padding: 0;
	}

	.swiper-envir {
		padding-right: 68px;
		margin-left: 15px;
	}

	.mfun-list {
		margin-right: -2%;
	}

	.mfun-list li {
		width: 31.3%;
		margin-right: 2%;
		text-align: center;
	}

	.mfun-list li:nth-child(2n) {
		width: 31.3%;
	}

	.mfun-list a {
		padding: 16px 8px;
		border: 1px solid #d5d5d5;
		box-shadow: 0 0 0 transparent;
	}

	.mfun-list .pic {
		position: static;
		width: 28px;
		height: 28px;
		margin: 6px auto;
	}

	.mfun-list .info {
		margin: 0;
	}

	.mfun-list .txt {
		display: none;
	}

	.mod-judge .info {
		width: 48%;
		margin: 0;
	}

	.mod-judge .hint {
		padding: 0 0 12px;
		font-size: 10px;
		line-height: 20px;
		color: #515151;
	}

	.mod-judge .subname {
		font-size: 15px;
		font-weight: bold;
	}

	.simtable li {
		width: 100%;
		margin-bottom: 1px;
	}

	.simtable .txt,
	.simtable .subtxt {
		width: 50%;
		padding: 8px 0;
	}

	.simtable .txt {
		font-size: 11px;
		line-height: 20px;
	}

	.simtable .subtxt {
		font-size: 10px;
		color: #353535;
	}

	.simtable .ihook {
		background: url(../images/m/ghook.png) no-repeat center center;
		background-size: 12px 12px;
	}

	.simtable li:last-child {
		width: 100%;
	}

	.simtable li:last-child .txt {
		line-height: 40px;
	}

	.mod-what .flex-hd {
		margin-bottom: 28px;
	}

	.mfeat-list a {
		float: left;
		width: 48%;
		margin-bottom: 10px;
		text-align: center;
		background: #fff4f4;
	}

	.mfeat-list a:nth-child(2n) {
		float: right;
		background: #f3f6ff;
	}

	.mfeat-list .info {
		padding: 8px 8px 12px;
	}

	.mfeat-list .name {
		font-size: 12px;
		color: #101010;
	}

	.mfeat-list .txt {
		font-size: 11px;
		line-height: 12px;
		color: #676767;
	}

	.switch-mcnav .btn-hollow,
	.switch-brief .btn-hollow {
		height: 26px;
		border-radius: 18px;
		font-size: 11px;
		line-height: 24px;
	}

	.switch-mcnav .btn-hollow {
		margin: 0 8px;
	}

	.switch-brief {
		margin-bottom: 24px;
	}

	.brief-list li {
		margin-bottom: 12px;
	}

	.brief-list a {
		padding-left: 68px;
	}

	.brief-list .date {
		width: 54px;
		height: 54px;
		padding: 8px 0;
		margin-top: -27px;
		font-size: 8px;
		line-height: 16px;
	}

	.brief-list .day {
		font-size: 18px;
		line-height: 20px;
	}

	.brief-list .caption {
		height: 20px;
		margin-bottom: 4px;
		font-size: 12px;
		line-height: 20px;
		text-overflow: ellipsis;
		white-space: nowrap;
		overflow: hidden;
	}

	.brief-list .txt {
		height: 40px;
		font-size: 11px;
		line-height: 20px;
	}
}