/* ========== */
/* = RESET = */
/* ========== */
* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

:after,:before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

html { 
	overflow-x:hidden; 
	-webkit-text-size-adjust:none;
}

body {
	min-width: 320px;
	font-size: 14px;
	color: #666666;
	font-family: "Microsoft Yahei",-apple-system,"PingFang SC","Helvetica Neue",STHeiti,Tahoma,Simsun,sans-serif;
	-webkit-overflow-scrolling: touch;
	overflow: hidden;
}

body, div, span, h1, h2, h3, h4, h5, h6, p, em, img, strong, b, small, u, i, center, dl, dt, dd, ol, ul, li,  sub, sup, tt, var, del, dfn,  ins, kbd, q, s, samp,  strike, applet, object, iframe, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, blockquote, pre, a, abbr, acronym, address, big, cite, code, mark, audio, video, input, textarea, select { margin:0; padding:0;}

ul,ol,li,dl{
  list-style: none;
}

/*RESET A*/
* { text-decoration: none!important;}
a,
a:visited,
a:active,
a:hover,
a:focus { 
	text-decoration:none!important; 
	outline:none; 
	star: expression_r(this.onFocus=this.blur());
}
a {
  color: #666666;
}
/* HTML5 RESET THE OLD BROWERS*/
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display:block;}
blockquote, q{quotes:none;}
blockquote:before, blockquote:after, q:before, q:after { content:''; content:none; }
table { border-collapse: collapse; border-spacing: 0; }
 
/*CLEAR the FLOAT*/
.clear { clear:both}
.clearfix { *zoom:1;}
.clearfix:after{
	clear:both; 
	display:block; 
	height:0; 
	visibility:hidden; 
	line-height:0; 
	content:'\20';
}

.bgFull{
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
}

/*RESET the FORM*/
fieldset { border: 0!important;}
input, button, textarea, select { font-size:100%; outline:none; resize:none; font-family: "Microsoft Yahei",-apple-system,"PingFang SC","Helvetica Neue",STHeiti,Tahoma,Simsun,sans-serif;}
input[type="button"]{cursor:pointer; border:0}
input[type="submit"]{cursor:pointer; border:0}
input[type="reset"]{cursor:pointer; border:0}
input, textarea{-webkit-appearance:none;} 
input[type="reset"]::-moz-focus-inner,
input[type="button"]::-moz-focus-inner,
input[type="submit"]::-moz-focus-inner,
input[type="file"] > input[type="button"]::-moz-focus-inner{ border:none; padding:0; }


input::-webkit-input-placeholder, 
textarea::-webkit-input-placeholder { color: #999999;}
input:-moz-placeholder, 
textarea:-moz-placeholder { color: #999999;}
input::-moz-placeholder, 
textarea::-moz-placeholder { color: #999999;}
input:-ms-input-placeholder, 
textarea:-ms-input-placeholder { color: #999999;}


/*RESET IMAGES*/
img { 
	display: block;
	max-width: 100%;
	border: 0;
	margin: 0 auto;
}

/*IMAGE CENTER*/
.vertical-center {
    display: block;
    max-width: 100%;
    max-height: 100%;
    position: absolute; 
    margin: auto;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

/*RESET FONTS*/
.t2 { text-indent: 2em;}
em { font-style: normal;}
.overf {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}


/*LAYOUT*/
.pc-block { display: block;}
.mb-block { display: none;}
.w1200{
	width: 100%;
	max-width: 1340px;
	padding: 0 70px;
	margin: 0 auto;
}
.w1600{
	width: 100%;
	max-width: 1600px;
	margin: 0 auto;
}
.w-mobile{
	max-width: 999px;
	min-width: 320px;
	width: 100%;
	margin: 0 auto;
	padding: 0 0.32rem;
}
.w1440{
	width: 100%;
	max-width: 1440px;
	margin: 0 auto;
}
@media (max-width: 1400px) {
	.w1440{padding: 0 0.4rem;}
}
@media (max-width: 1600px) {
	.w1600{ padding: 0 0.4rem;}
}
@media (max-width:999px) {
	.pc-block { display: none;}
	.mb-block { display: block;}
	.w1200{ padding: 0 0.4rem;}
	.header{display: none;}
	.footer{display: none;}
	.copyright{display: none;}
}


.transition {
	-webkit-transition: all ease .4s;
	   -moz-transition: all ease .4s;
	    -ms-transition: all ease .4s;
	     -o-transition: all ease .4s;
	        transition: all ease .4s;
}
.b-shadow{
	-o-box-shadow:0 0 30px rgba(229,229,229,.5); 
	-ms-box-shadow:0 0 30px rgba(229,229,229,.5); 
	-moz-box-shadow:0 0 30px rgba(229,229,229,.5); 
	-webkit-box-shadow:0 0 30px rgba(229,229,229,.5); 
	box-shadow:0 0 30px rgba(229,229,229,.5); 
}

/*LAYOUT*/
.inner-wrap {
	max-width: 1200px;
	width: 100%;
	margin: 0 auto;
}

@media (max-width:1220px) {
	.inner-wrap {
		padding-left: 15px;
		padding-right: 15px;
	}
}





/* ========== */
/* = PC HEADER = */
/* ========== */
.header {
	 position: fixed; 
	left: 0;
	top: 0;
	z-index: 1001;
	width: 100%;
	background: rgba(255,255,255,.05);
	border-bottom: 0px solid #3e4a57;
}
.logo img{max-height:81px;padding:10px 0px;}
.header-in {
	max-width: 1920px;
	margin: 0 auto;
	padding: 0 5%;
}

.logo { float: left;}
.logo-white{ display: block;margin-right:16px;}
.logo-black{ display: none;margin-right:16px;}

.header .tel{ float: right; line-height: 80px; color: #b5232a; background: url(../images/ico_header_tel.png) no-repeat left; padding-left: 38px; font-size: 18px; margin-left:40px;}

.nav {
	float: right;
	margin-right: -30px;
	
}

.nav-list li {
	float: left;
}

.nav-list li>a {
	position: relative;
	display: block;
	padding: 0 30px;
	height: 81px;
	line-height: 81px;
	color: #fff;
	font-size: 16px;
}



.nav-list li>a::before,
.nav-list li>a::after {
	content: '';
	position: absolute;
	-webkit-transition: all ease .4s;
	   -moz-transition: all ease .4s;
	    -ms-transition: all ease .4s;
	     -o-transition: all ease .4s;
	        transition: all ease .4s;
}

.nav-list li>a::before {
	left: 50%;
	bottom: 0;
	margin-left: -10px;
	width: 0;
	height: 0;
	border-width: 10px;
	border-color: transparent transparent #b5232a transparent;
	border-style: solid;
	opacity: 0;
	transform: scale(0);
}

.nav-list li>a::after {
	bottom:0px;
	left: 50%;
	width: 0;
	height: 2px;
	background: #b5232a;
	opacity: 0;
	transform: translate(-50%,0);
}

.nav-list li.active>a::before,
.nav-list li:hover>a::before {
	opacity: 1;
	transform: scale(1);
}

.nav-list li.active>a::after,
.nav-list li:hover>a::after {
	opacity: 1;
	width: 100%;
}

.nav-list li{ position: relative; }
.nav-list li:hover div{ display: block; }
.nav-list li div{ display: none; position: absolute; top:81px; left:50%; margin-left: -60px; width:120px;  background: rgba(0,0,0,.5); }
.nav-list li div a{ display: block; color:#ffffff; height:44px; line-height: 44px; text-align: center;}
.nav-list li div a:hover{ background: rgba(0,0,0,.3); }





.header-bg{ background: #fff; border-bottom: 1px solid #ffffff; -webkit-box-shadow: 0 0 35px rgba(206,206,206,.6);  box-shadow: 0 0 35px rgba(206,206,206,.6);}
.header-bg .nav-list li>a{ color: #333; }
.header-bg .logo-white{ display: none; }
.header-bg .logo-black{ display: block; }















/* ========== */
/* = MOBILE HEADER = */
/* ========== */
.mb-head {
	position: fixed;
	top:0;
	left:0;
	width: 100%;
	z-index: 999;
	padding: 0.3rem 0;
	text-align: center;
	background: #fff;
	-webkit-box-shadow: 0 3px 6px rgba(0,0,0,.06);
	-moz-box-shadow: 0 3px 6px rgba(0,0,0,.06);
	box-shadow:0 3px 6px rgba(0,0,0,.06);
}
.mb-logo {
	display: inline-block;
	margin: 0 auto;
}
.mb-logo img{
	height: 1rem;
}
.mb-nav-ico {
	position: absolute;
	right: 0.4rem;
	top: 50%;
	margin-top: -0.25rem;
    width: 0.666666rem;
    height: 0.5rem;
}

.mb-nav-ico .line {
	position: absolute;
	left: 0;
	display: block;
	height: 2px;
	width: 100%;
	background: #999;
	transition: all 0.3s ease-in-out;
}

.mb-nav-ico .line:nth-child(1) { top: 0;}
.mb-nav-ico .line:nth-child(2) { top: 50%; margin-top: -1px;}
.mb-nav-ico .line:nth-child(3) { bottom: 0;}

.mb-nav-ico.active .line:nth-child(2){
  opacity: 0;
}

.mb-nav-ico.active .line:nth-child(1){
  top: 50%; margin-top: -1px;
  transform: rotate(-45deg);
}

.mb-nav-ico.active .line:nth-child(3){
  top: 50%; margin-top: -1px;
  transform: rotate(45deg);
}


/* ========== */
/* = MENU = */
/* ========== */
.mb-menu { 
	position: fixed;
	left: 100%;
	top: 0;
	z-index: 999;
	width: 100%;
	height: 100%;
	padding: 20px 1.066666rem;
	background: #101011;
	overflow-y: scroll;
}
.mb-menu li a {
	position: relative;
	display: block;
	height: 1.266666rem;
	line-height: 1.253333rem;
	color: #fff;
	font-size: 0.43rem;
	border-bottom: 1px solid #303030;
}

.mb-menu li a::after {
	content: '';
	position: absolute;
	top: 50%;
	right: 0;
	z-index: 2;
	margin-top: -.16rem;
	width: 0.2rem;
	height: 0.32rem;
	background: url(../images/mb_arrow.png) no-repeat;
	background-size: cover;
}
.mb-menu li div a{
	background: none;
	padding-left: 20px;
}
.mb-menu li div a::after{
	display: none;
}

.mb-menu-search {
	position: relative;
	padding-left: 0.8rem;
	height: 1.266666rem;
	border-bottom: 1px solid #303030;
}

.mb-menu-search .ipbtn {
	position: absolute;
	top: 50%;
	left: 0;
	margin-top: -0.186666rem;
	display: block;
	width: 0.36rem;
	height: 0.373333rem;
	line-height: 0;
	font-size: 0;
	border: 0;
	background: url(../images/mb_search.png) no-repeat center;
	background-size: cover;
}

.mb-menu-search .iptxt {
	padding: 0.466666rem 0;
	height: 1.253333rem;
	line-height: 0.32rem;
	border: 0;
	color: #fff;
	font-size: 0.32rem;
	background: none;
}

.mb-menu-search .iptxt::-webkit-input-placeholder { 
	color: #fff; 
} 
.mb-menu-search .iptxt:-moz-placeholder { 
	color: #fff; 
} 
.mb-menu-search .iptxt::-moz-placeholder { 
	color: #fff; 
} 
.mb-menu-search .iptxt:-ms-input-placeholder { 
	color: #fff; 
} 



















/* ========== */
/* = PC FOOTER = */
/* ========== */
.footer {
	border-top: 5px solid #b5232a;
	background: #222;
}

.foot-head {
	padding-top: 50px;
	padding-bottom: 30px;
	color: #fff;
}

.foot-head-l {
	margin-right: 30%;
}

.foot-head-l>p {
	margin-bottom: 5px;
	opacity: .2;
}

.foot-head-l .tel {
	margin-right: 15px;
	font-weight: bold;
	font-size: 24px;
	color: #b5232a;
}

.foot-head-l a {
	padding: 0 15px;
	opacity: .2;
	color: #fff;
}

.foot-head-r {
	float: right;
	padding-top: 15px;
}

.foot-head-r .get {
	position: relative;
	float: right;
	padding:0 45px 0 15px;
	text-align: right;
	cursor: pointer;
}

.foot-head-r .get::after {
	content: '';
	position: absolute;
	right: 0;
	top: 0;
	width: 32px;
	height: 32px;
	background: url(../images/more_ico.png) no-repeat;
}

.foot-head-r .get span { opacity: .4;}

.foot-head-r .bdsharebuttonbox  {
	float: right;
	padding-top: 20px;
}

.foot-head-r .bdsharebuttonbox .bds_tsina {
	display: inline-block;
	width: 22px;
	height: 18px;
	margin: 0 10px;
}

.foot-head-r .bdsharebuttonbox .bds_tsina {
	background: url(../images/foot_wb_ico.png) no-repeat center;
}

.wx-out {
	margin: 0 10px;
}

.wx-out:hover .wx-slide { display: block;}

.wx-out {
	position: relative;
	float: right;
	cursor: pointer;
}

.wx-out .wx-ico {
	display: block;
	width: 22px;
	height: 18px;
	background: url(../images/foot_wx_ico.png) no-repeat center;
}

.wx-out .wx-slide {
	display: none;
	position: absolute;
	bottom: 0;
	left: 50%;
	z-index: 9999;
	padding-bottom: 35px;
	margin-left: -67px;
	width: 134px;
}

.wx-out .wx-slide-in {
	display: inline-block;
	width: 134px;
	height: 134px;
	overflow: hidden;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	background-color: #fff;
	-webkit-box-shadow: 1px 1px 20px rgba(48,103,160,.2);
	-moz-box-shadow: 1px 1px 20px rgba(48,103,160,.2);
	box-shadow: 1px 1px 20px rgba(48,103,160,.2);
}

.wx-out .wx-slide-in::before {
	position: absolute;
	content: '';
	left: 50%;
	bottom: 20px;
	width: 0;
	margin-left: -10px;
	border-width: 10px;
	border-style: solid;
	border-color: #fff transparent transparent transparent;
}



.foot-frlink {
	padding: 10px 0;
	line-height: 25px;
	border-top: 1px solid rgba(255,255,255,.05);
}

.foot-frlink-in {
	overflow: hidden;
	color: #fff;
}

.foot-frlink-in>label {
	display: inline-block;
	float: left;
	width: 75px;
	opacity: .2;
}

.foot-frlink-in>div {
	margin-left: 75px;
}

.foot-frlink-in a {
	margin-right: 15px;
	color: #fff;
	opacity: .2;
}

.foot-frlink-in a:hover { opacity: 1;}

.foot-bottom {
	height: 45px;
	line-height: 45px;
	color: #fff;
	text-align: right;
	background: #171717;
}

.foot-bottom-in { overflow: hidden;}

.foot-bottom-in .copyright {
	float: left;
	opacity: .2;
}


.foot-bottom-in a {
	margin-left: 30px;
	color: #fff;
	opacity: .2;
}
.foot-bottom-in .copyright .f-bei{
	color: #fff;
	opacity: 1.0;
}

.foot-bottom-in a:hover { opacity: 1;}

/* ========== */
/* = MOBILE FOOTER = */
/* ========== */
.mb-foot {
	position: fixed;
	bottom: 0;
	left: 0;
	z-index: 1000;
	width: 100%;
	background: #272727;
}

.mb-foot ul { overflow: hidden;}

.mb-foot li {
	float: left;
	width: 25%;
}

.mb-foot li a {
	display: block;
	padding: 7px 0;
	color: #fff;
	font-size: 0.32rem;
	text-align: center;
	border-left: 1px solid #525252;
}

.mb-foot li:first-child a { border-left: 0;}

.mb-foot li a img { 
	margin-bottom: 5px;
	height: 0.573333rem;
}
.mb-foot li .weixin{position:absolute;bottom:60px;right:calc(50% - 90px);display:none;}
.mb-foot li .weixin img{width:180px;}





/* ========== */
/* = CONSULT = */
/* ========== */
.suspend { 
	position: fixed; 
	right: 20px; 
	top: 30%; 
	text-align: center; 
	z-index: 99;
}
.suspend li{ 
	margin-top: -1px;
	-webkit-box-shadow: 1px 1px 9px rgba(0,0,0,.07);
	-moz-box-shadow: 1px 1px 9px rgba(0,0,0,.07);
	box-shadow: 1px 1px 9px rgba(0,0,0,.07);
}

.suspend li>a {
	display: block;
	width: 50px;
	height: 50px;
	border: 1px solid #e5e5e5;
}

.suspend-wx { background: url(../images/xf_01.png) no-repeat #fff;}
.suspend-qq { background: url(../images/xf_02.png) no-repeat #fff;}
.suspend-phone { background: url(../images/xf_03.png) no-repeat #fff;}
/*.backtop { background: url(../images/xf_04.png) no-repeat #fff;}*/

.suspend-wx:hover { background: url(../images/xf_01_h.png) no-repeat #b5232a;}
.suspend-qq:hover { background: url(../images/xf_02_h.png) no-repeat #b5232a;}
.suspend-phone:hover { background: url(../images/xf_03_h.png) no-repeat #b5232a;}
/*.backtop:hover { background: url(../images/xf_04_h.png) no-repeat #b5232a;}*/


.suspend-tel { position: relative;}
/*.suspend-tel span {
	display: inline-block;
	width: 49px;
	height: 49px;
}*/

.suspend-tel-in {
    position: absolute;
    right: -1px;
    top: 0;
    z-index: 2;
    height: 50px;
    line-height: 50px;
    width: 0;
    color: #fff;
    font-size: 20px;
    letter-spacing: 1px;
    background-color: #b5232a;
    overflow: hidden;
    opacity: 0;
    transition: all ease .4s;
}

.suspend-tel-in .suspend-phone {
	float: left;
	background: url(../images/xf_03_h.png) no-repeat #b5232a;
	border-right: 1px solid #e5e5e5;
}


.suspend-tel:hover .suspend-tel-in {
	width: 226px;
	opacity: 1;
}


@media (max-width:640px) {
.suspend { display: none;}
}





/* ========== */
/* = PC HEADER = */
/* ========== */
.header {
	 position: fixed; 
	left: 0;
	top: 0;
	z-index: 1001;
	width: 100%;
	background: rgba(255,255,255,.05);
	border-bottom: 1px solid #3e4a57;
}

.header-in {
	max-width: 1920px;
	margin: 0 auto;
	padding: 0 5%;
}

.logo { float: left;}
.logo-white{ display: block; }
.logo-black{ display: none; }

.header .tel{ float: right; line-height: 80px; color: #b5232a; background: url(../images/ico_header_tel.png) no-repeat left; padding-left: 38px; font-size: 18px; margin-left:40px;}

.nav {
	float: right;
	margin-right: -30px;
	
}

.nav-list li {
	float: left;
}

.nav-list li>a {
	position: relative;
	display: block;
	padding: 0 30px;
	height: 81px;
	line-height: 81px;
	color: #fff;
	font-size: 16px;
}



.nav-list li>a::before,
.nav-list li>a::after {
	content: '';
	position: absolute;
	-webkit-transition: all ease .4s;
	   -moz-transition: all ease .4s;
	    -ms-transition: all ease .4s;
	     -o-transition: all ease .4s;
	        transition: all ease .4s;
}

.nav-list li>a::before {
	left: 50%;
	bottom: 0;
	margin-left: -10px;
	width: 0;
	height: 0;
	border-width: 10px;
	border-color: transparent transparent #b5232a transparent;
	border-style: solid;
	opacity: 0;
	transform: scale(0);
}

.nav-list li>a::after {
	bottom:0px;
	left: 50%;
	width: 0;
	height: 2px;
	background: #b5232a;
	opacity: 0;
	transform: translate(-50%,0);
}

.nav-list li.active>a::before,
.nav-list li:hover>a::before {
	opacity: 1;
	transform: scale(1);
}

.nav-list li.active>a::after,
.nav-list li:hover>a::after {
	opacity: 1;
	width: 100%;
}

.nav-list li{ position: relative; }
.nav-list li:hover div{ display: block; }
.nav-list li div{ display: none; position: absolute; top:81px; left:50%; margin-left: -60px; width:120px;  background: rgba(0,0,0,.5); }
.nav-list li div a{ display: block; color:#ffffff; height:44px; line-height: 44px; text-align: center;}
.nav-list li div a:hover{ background: rgba(0,0,0,.3); }





.header-bg{ background: #fff; border-bottom: 1px solid #ffffff; -webkit-box-shadow: 0 0 35px rgba(206,206,206,.6);  box-shadow: 0 0 35px rgba(206,206,206,.6);}
.header-bg .nav-list li>a{ color: #333; }
.header-bg .logo-white{ display: none; }
.header-bg .logo-black{ display: block; }















/* ========== */
/* = MOBILE HEADER = */
/* ========== */
.mb-head {
	position: fixed;
	top:0;
	left:0;
	width: 100%;
	z-index: 999;
	padding: 0.3rem 0;
	text-align: center;
	background: #fff;
	-webkit-box-shadow: 0 3px 6px rgba(0,0,0,.06);
	-moz-box-shadow: 0 3px 6px rgba(0,0,0,.06);
	box-shadow:0 3px 6px rgba(0,0,0,.06);
}
.mb-logo {
	display: inline-block;
	margin: 0 auto;
}
.mb-logo img{
	height: 1rem;
}
.mb-nav-ico {
	position: absolute;
	right: 0.4rem;
	top: 50%;
	margin-top: -0.25rem;
    width: 0.666666rem;
    height: 0.5rem;
}

.mb-nav-ico .line {
	position: absolute;
	left: 0;
	display: block;
	height: 2px;
	width: 100%;
	background: #999;
	transition: all 0.3s ease-in-out;
}

.mb-nav-ico .line:nth-child(1) { top: 0;}
.mb-nav-ico .line:nth-child(2) { top: 50%; margin-top: -1px;}
.mb-nav-ico .line:nth-child(3) { bottom: 0;}

.mb-nav-ico.active .line:nth-child(2){
  opacity: 0;
}

.mb-nav-ico.active .line:nth-child(1){
  top: 50%; margin-top: -1px;
  transform: rotate(-45deg);
}

.mb-nav-ico.active .line:nth-child(3){
  top: 50%; margin-top: -1px;
  transform: rotate(45deg);
}


/* ========== */
/* = MENU = */
/* ========== */
.mb-menu { 
	position: fixed;
	left: 100%;
	top: 0;
	z-index: 999;
	width: 100%;
	height: 100%;
	padding: 20px 1.066666rem;
	background: #101011;
	overflow-y: scroll;
}
.mb-menu li a {
	position: relative;
	display: block;
	height: 1.266666rem;
	line-height: 1.253333rem;
	color: #fff;
	font-size: 0.43rem;
	border-bottom: 1px solid #303030;
}

.mb-menu li a::after {
	content: '';
	position: absolute;
	top: 50%;
	right: 0;
	z-index: 2;
	margin-top: -.16rem;
	width: 0.2rem;
	height: 0.32rem;
	background: url(../images/mb_arrow.png) no-repeat;
	background-size: cover;
}
.mb-menu li div a{
	background: none;
	padding-left: 20px;
}
.mb-menu li div a::after{
	display: none;
}

.mb-menu-search {
	position: relative;
	padding-left: 0.8rem;
	height: 1.266666rem;
	border-bottom: 1px solid #303030;
}

.mb-menu-search .ipbtn {
	position: absolute;
	top: 50%;
	left: 0;
	margin-top: -0.186666rem;
	display: block;
	width: 0.36rem;
	height: 0.373333rem;
	line-height: 0;
	font-size: 0;
	border: 0;
	background: url(../images/mb_search.png) no-repeat center;
	background-size: cover;
}

.mb-menu-search .iptxt {
	padding: 0.466666rem 0;
	height: 1.253333rem;
	line-height: 0.32rem;
	border: 0;
	color: #fff;
	font-size: 0.32rem;
	background: none;
}

.mb-menu-search .iptxt::-webkit-input-placeholder { 
	color: #fff; 
} 
.mb-menu-search .iptxt:-moz-placeholder { 
	color: #fff; 
} 
.mb-menu-search .iptxt::-moz-placeholder { 
	color: #fff; 
} 
.mb-menu-search .iptxt:-ms-input-placeholder { 
	color: #fff; 
} 













/* ========== */
/* = PC FOOTER = */
/* ========== */
.footer {
	border-top: 5px solid #b5232a;
	background: #222;
}

.foot-head {
	padding-top: 50px;
	padding-bottom: 30px;
	color: #fff;
}

.foot-head-l {
	margin-right: 30%;
}

.foot-head-l>p {
	margin-bottom: 5px;
	opacity: .2;
}

.foot-head-l .tel {
	margin-right: 15px;
	font-weight: bold;
	font-size: 24px;
	color: #b5232a;
}

.foot-head-l a {
	padding: 0 15px;
	opacity: .2;
	color: #fff;
}

.foot-head-r {
	float: right;
	padding-top: 15px;
}

.foot-head-r .get {
	position: relative;
	float: right;
	padding:0 45px 0 15px;
	text-align: right;
	cursor: pointer;
}

.foot-head-r .get::after {
	content: '';
	position: absolute;
	right: 0;
	top: 0;
	width: 32px;
	height: 32px;
	background: url(../images/more_ico.png) no-repeat;
}

.foot-head-r .get span { opacity: .4;}

.foot-head-r .bdsharebuttonbox  {
	float: right;
	padding-top: 20px;
}

.foot-head-r .bdsharebuttonbox .bds_tsina {
	display: inline-block;
	width: 22px;
	height: 18px;
	margin: 0 10px;
}

.foot-head-r .bdsharebuttonbox .bds_tsina {
	background: url(../images/foot_wb_ico.png) no-repeat center;
}

.wx-out {
	margin: 0 10px;
}

.wx-out:hover .wx-slide { display: block;}

.wx-out {
	position: relative;
	float: right;
	cursor: pointer;
}

.wx-out .wx-ico {
	display: block;
	width: 22px;
	height: 18px;
	background: url(../images/foot_wx_ico.png) no-repeat center;
}

.wx-out .wx-slide {
	display: none;
	position: absolute;
	bottom: 0;
	left: 50%;
	z-index: 9999;
	padding-bottom: 35px;
	margin-left: -67px;
	width: 134px;
}

.wx-out .wx-slide-in {
	display: inline-block;
	width: 134px;
	height: 134px;
	overflow: hidden;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	background-color: #fff;
	-webkit-box-shadow: 1px 1px 20px rgba(48,103,160,.2);
	-moz-box-shadow: 1px 1px 20px rgba(48,103,160,.2);
	box-shadow: 1px 1px 20px rgba(48,103,160,.2);
}

.wx-out .wx-slide-in::before {
	position: absolute;
	content: '';
	left: 50%;
	bottom: 20px;
	width: 0;
	margin-left: -10px;
	border-width: 10px;
	border-style: solid;
	border-color: #fff transparent transparent transparent;
}



.foot-frlink {
	padding: 10px 0;
	line-height: 25px;
	border-top: 1px solid rgba(255,255,255,.05);
}

.foot-frlink-in {
	overflow: hidden;
	color: #fff;
}

.foot-frlink-in>label {
	display: inline-block;
	float: left;
	width: 75px;
	opacity: .2;
}

.foot-frlink-in>div {
	margin-left: 75px;
}

.foot-frlink-in a {
	margin-right: 15px;
	color: #fff;
	opacity: .2;
}

.foot-frlink-in a:hover { opacity: 1;}

.foot-bottom {
	height: 45px;
	line-height: 45px;
	color: #fff;
	text-align: right;
	background: #171717;
}

.foot-bottom-in { overflow: hidden;}

.foot-bottom-in .copyright {
	float: left;
	opacity: .2;
}


.foot-bottom-in a {
	margin-left: 30px;
	color: #fff;
	opacity: .2;
}
.foot-bottom-in .copyright .f-bei{
	color: #fff;
	opacity: 1.0;
}

.foot-bottom-in a:hover { opacity: 1;}

/* ========== */
/* = MOBILE FOOTER = */
/* ========== */
.mb-foot {
	position: fixed;
	bottom: 0;
	left: 0;
	z-index: 1000;
	width: 100%;
	background: #272727;
}

.mb-foot ul { overflow: hidden;}

.mb-foot li {
	float: left;
	width: 25%;
}

.mb-foot li a {
	display: block;
	padding: 7px 0;
	color: #fff;
	font-size: 0.32rem;
	text-align: center;
	border-left: 1px solid #525252;
}

.mb-foot li:first-child a { border-left: 0;}

.mb-foot li a img { 
	margin-bottom: 5px;
	height: 0.573333rem;
}







.wave {
	width: 58px;
	height: 12px;
	margin: 0 auto;
}


/* ========== */
/* = BUTTONS = */
/* ========== */
.button {
	position: relative;
	overflow: hidden;
	display: inline-block;
	width: 178px;
	height: 36px;
	line-height: 36px;
	text-align: center;
	color: #fff;
	font-size: 16px;
	cursor: pointer;
	overflow: hidden;
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	-ms-transform-style: preserve-3d;
	-o-transform-style: preserve-3d;
	transform-style: preserve-3d;
	-webkit-border-radius: 18px;
	-moz-border-radius: 18px;
	border-radius: 18px;
	background-color: #268cf0;
	-webkit-box-shadow: -6px 5px 15px rgba(41,89,137,.2);
	-moz-box-shadow: -6px 5px 15px rgba(41,89,137,.2);
	box-shadow: -6px 5px 15px rgba(41,89,137,.2);
}

.button span {
	display: block;
	-webkit-transition: all ease .4s;
	transition: all ease .4s;
}

.button .hover {
    position: absolute;
    display: block;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 4;
    -webkit-transform: translate(0, 100%);
    -ms-transform: translate(0, 100%);
    -moz-transform: translate(0, 100%);
    -o-transform: translate(0, 100%);
    transform: translate(0,100%);
    opacity: 0;
}

.button .hover-i {
    position: relative;
    display: inline-block;
    font-style: normal;
   -webkit-transform: translate(0, 10px);
    -ms-transform: translate(0, 10px);
    -moz-transform: translate(0, 10px);
    -o-transform: translate(0, 10px);
    transform: translate(0,10px);
    -webkit-transition: -webkit-transform 0.3s ease-out;
    -moz-transition: -moz-transform 0.3s ease-out;
    -o-transition: -o-transform 0.3s ease-out;
    transition: -webkit-transform 0.3s ease-out;
    transition: transform 0.3s ease-out;
    transition: transform 0.3s ease-out, -webkit-transform 0.3s ease-out
}

.button:hover .default { opacity: 0;}

.button:hover .hover {
	opacity: 1;
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    transform: translate(0, 0)
}

.button:hover .hover-i {
    -webkit-transition-delay: 0.2s;
    -moz-transition-delay: 0.2s;
    -o-transition-delay: 0.2s;
    transition-delay: 0.2s;
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    transform: translate(0, 0)
}


.button {
	color: #fff;
	background: #b5232a;
}
.button .hover {
	background: #fff;
    color: #b5232a;
}


.more-button {
	position: relative;
	display: inline-block;
	width: 294px;
	height: 59px;
	line-height: 57px;
	font-size: 20px;
	text-align: center;
	overflow: hidden;
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	-ms-transform-style: preserve-3d;
	-o-transform-style: preserve-3d;
	transform-style: preserve-3d;
	-webkit-border-radius: 29px 30px 30px 29px/29px 29px 30px 30px;
	-moz-border-radius: 29px 30px 30px 29px/29px 29px 30px 30px;
	border-radius: 29px 30px 30px 29px/29px 29px 30px 30px;
	-webkit-box-shadow: 1px 1px 9px rgba(0,0,0,.07);
	-moz-box-shadow: 1px 1px 9px rgba(0,0,0,.07);
	box-shadow: 1px 1px 9px rgba(0,0,0,.07);
	 -webkit-transition: all ease .4s;
    transition: all ease .4s;
}

.more-button span {
	display: block;
	-webkit-transition: all ease .4s;
	transition: all ease .4s;
}

.more-button .hover {
    position: absolute;
    display: block;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 4;
   -webkit-transform: translate(0, 100%);
    -ms-transform: translate(0, 100%);
    -moz-transform: translate(0, 100%);
    -o-transform: translate(0, 100%);
    transform: translate(0,100%);
    opacity: 0;
}

.more-button .hover-i {
    position: relative;
    display: inline-block;
    font-style: normal;
    -webkit-transform: translate(0, 10px);
    -ms-transform: translate(0, 10px);
    -moz-transform: translate(0, 10px);
    -o-transform: translate(0, 10px);
    transform: translate(0,10px);
    -webkit-transition: -webkit-transform 0.3s ease-out;
    -moz-transition: -moz-transform 0.3s ease-out;
    -o-transition: -o-transform 0.3s ease-out;
    transition: -webkit-transform 0.3s ease-out;
    transition: transform 0.3s ease-out;
    transition: transform 0.3s ease-out, -webkit-transform 0.3s ease-out
}



.more-button:hover .hover {
	opacity: 1;
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    transform: translate(0, 0);
}

.more-button:hover .hover-i {
    -webkit-transition-delay: 0.2s;
    -moz-transition-delay: 0.2s;
    -o-transition-delay: 0.2s;
    transition-delay: 0.2s;
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    transform: translate(0, 0)
}

.more-button-1 {
	color: #b5232a;
	background: #fff;
}

.more-button-2 {
	color: #b5232a;
	border: 1px solid rgba(255,255,255,.4);
}


.more-button-1 .hover {
	background: #b5232a;
    color: #fff;
}

.more-button-2 .hover {
	color: #b5232a;
	background: #fff;
}

.more-button-2:hover .default { background: #fff; transition-delay: .2s;}








.ui-multiselect.mySelect.ui-multiselect-menu { padding: 0;}

.ui-multiselect.mySelect .ui-multiselect-checkboxes li { padding: 5px;}

.ui-multiselect.mySelect {
	position: relative;
	border: 1px solid #d2d2d2;
	padding: 0 25px 0 10px;
	height: 34px;
	line-height: 32px;
	font-size: 14px;
	color: #222;
	border-radius: 5px;
	background: #fff;
	overflow: hidden;
}

.ui-multiselect.mySelect .ui-icon {
	position: absolute;
	top: 3px;
	right: 10px;
	height: 100%;
	background: url(../images/select_bg.png) no-repeat left center; 
}

.ui-multiselect.mySelect.ui-state-active .ui-icon, 
.ui-multiselect.mySelect .ui-button:active .ui-icon { background: url(../images/select_bg.png) no-repeat left center;}

.ui-icon-triangle-1-s { background-position: 0 0;}

.ui-multiselect.mySelect span:nth-child(2) { 
	display: block;
	color: #000; 
	opacity: .5;
}

.ui-multiselect.mySelect .ui-multiselect-checkboxes label { padding-left: 5px;}

.ui-multiselect-checkboxes label input {
	-webkit-appearance:checkbox;
}




@media (max-width:640px){
	.get-modal { width: 90%;}
	.get-modal-head { padding: 0.8rem 15px 15px;}
	.get-modal-body { padding: 20px 10px;}
	
	.get-modal-head img {
		margin-left: -0.693333rem;
		top: -0.693333rem;
		width: 1.386666rem;
		height: 1.386666rem;
	}
	
	.get-form-list>li { width: 100%;}
}





.index-box{
	position: relative;
	/*margin-top: 100vh;*/
	z-index: 1000;
	background: #fff;
}


/* 品牌形象 */
.brand{
	width: 100%;
	position: relative;
}
.canvas{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	z-index: -1;
}
.brand-content{
	padding-top: 86px;
	padding-bottom: 90px;
	display: flex;
	flex-flow: wrap;
}
.brand-content .left{
	width: 25.6%;
	padding-top: 65px;
}
.brand-content .left h2{
	font-size: 30px;
	color: #fff;
	margin-bottom: 49px;
}
.brand-content .left em{
	display: inline-block;
	width: 42px;
	height: 1px;
	background: #fff;
	margin-bottom: 84px;
}
.brand-content .left .zixun{
	background: url(../images/tel_bg_03.png);
	background-size: cover;
	width: 55.8%;
	text-align: center;
	margin-bottom: 30px;
}
.brand-content .left .zixun a{
	font-size: 16px;
	line-height: 35px;
	color: #fff;
}
.brand-content .left .zixun img{
	display: inline;
	margin-right: 25px;
	vertical-align: middle;
}
.brand-content .right{
	background: url(../images/jianbian_03.png);
	background-size: cover;
	width: 74.3%;
}
.brand-content .right ul{
	display: flex;
	flex-flow: wrap;
	align-items: center;
}
.brand-content .right ul li{
	width: 24.8%;
	border-right: 1px solid #367ab7;
	padding-bottom: 72px;
}
.brand-content .right ul li:nth-last-child(1){
	border: none;
}
.brand-content .right ul li .brand-con{
	padding: 86px 38px 36px 32px;
}
.brand-content .right ul li .brand-con h2{
	font-size: 20px;
	color: #fff;
}
.brand-content .right ul li .brand-con em{
	display: block;
	width: 20px;
	height: 1px;
	background: #5a6ca2;
	margin: 28px 0 33px;
}
@media (max-width:768px){.brand-content .right ul li .brand-con em{margin:15px 0 15px;}}
.brand-content .right ul li .brand-con p{
	font-size: 14px;
	line-height: 24px;
	color: #d3ebff;
}

/* 案例 */

.more{
	margin-top: 40px;
}
.more a{
	display: block;
	width: 174px;
	line-height: 31px;
	text-align: center;
	border: 1px solid #666;
	color: #333;
	border-radius: 25px;
	margin: 0 auto;
	transition: all ease .4s;
	-o-transition: all ease .4s;
	-ms-transition: all ease .4s;
	-moz-transition: all ease .4s;
	-webkit-transition: all ease .4s;
}
.more a:hover{
	background: #3f8fd3;
	color: #fff;
	border-color: #3f8fd3;
}



/* 新闻 */
.news{
	padding: 90px 0;
}
.news .title {
	width: 100%;
	padding-bottom: 38px;
	border-bottom: 1px solid #e5e5e5;
}
.news .title .w1600{
	width: 100%;
	display: flex;
	flex-flow: wrap;
	align-items: flex-end;
	justify-content: space-between;
}
.news .title h2{
	font-size: 30px;
	color: #333;
}
.news .title .news-tab a{
	font-size: 20px;
	color: #333;
	margin-left: 85px;
}
.news .title .news-tab a.active{
	color: #288fd4;
}
.news-content{
	display: flex;
	flex-flow: wrap;
	margin-top: 55px;
}
.news-content-in{
	display: none;
}
.news .news-content-in.active{
	display: block;
}
.news-content .left-hot{
	width: 42.8%;
	margin-right: 6.9%;
}
.news-content .left-hot .hot-title{
	display: flex;
	flex-flow: wrap;
	align-items: flex-end;
	justify-content: space-between;
	padding: 30px 0 22px;
}
.news-content .left-hot .hot-title h3{
	font-size: 20px;
	color: #333;
	width: 87.5%;
	transition: all ease .4s;
	-o-transition: all ease .4s;
	-ms-transition: all ease .4s;
	-moz-transition: all ease .4s;
	-webkit-transition: all ease .4s;
}
.news-content .left-hot .hot-title span{
	font-size: 24px;
	color: #999;
	transition: all ease .4s;
	-o-transition: all ease .4s;
	-ms-transition: all ease .4s;
	-moz-transition: all ease .4s;
	-webkit-transition: all ease .4s;
}
.news-content .left-hot .hot-title:hover h3,.news-content .left-hot .hot-title:hover span{
	color: #3f8fd3;
}
.news-content .left-hot .hot-news p{
	font-size: 16px;
	line-height: 30px;
	color: #aaa;
}
.news-content .right-news{
	width: 50%;
}
.news-content .right-news ul li{
	padding: 60px 0 45px;
	border-bottom: 1px solid #f2f2f2;
}

.news-content .right-news ul li:nth-last-child(1){
	border: none;
}
.news-content .right-news ul li a{
	display: flex;
	flex-flow: wrap;
	align-items: flex-end;
	justify-content: space-between;
}
.news-content .right-news ul li .left-txt{
	width: 77%;
}
.news-content .right-news ul li .left-txt h3{
	font-size: 20px;
	color: #333;
	margin-bottom: 25px;
	transition: all ease .4s;
	-o-transition: all ease .4s;
	-ms-transition: all ease .4s;
	-moz-transition: all ease .4s;
	-webkit-transition: all ease .4s;
}
.news-content .right-news ul li .left-txt p{
	font-size: 16px;
	color: #999;
}
.news-content .right-news ul li .right-date{
	text-align: right;
}
.news-content .right-news ul li .right-date h3{
	font-size: 24px;
	color: #999;
	margin-bottom: 25px;
	transition: all ease .4s;
	-o-transition: all ease .4s;
	-ms-transition: all ease .4s;
	-moz-transition: all ease .4s;
	-webkit-transition: all ease .4s;
}
.news-content .right-news ul li .right-date p{
	font-size: 16px;
	color: #999;
	transition: all ease .4s;
	-o-transition: all ease .4s;
	-ms-transition: all ease .4s;
	-moz-transition: all ease .4s;
	-webkit-transition: all ease .4s;
}
.news-content .right-news ul li .right-date p span{
	/* display: none; */
	transition: all ease .4s;
	-o-transition: all ease .4s;
	-ms-transition: all ease .4s;
	-moz-transition: all ease .4s;
	-webkit-transition: all ease .4s;
}
.news-content .right-news ul li:hover .left-txt h3{
	color: #288fd4;
	
}
.news-content .right-news ul li:hover .right-date h3{
	color: #288fd4;
	
}
.news-content .right-news ul li:hover .right-date p{
	color: #288fd4;
}
.news-content .right-news ul li:hover .right-date p span{
	display: inline-block;
	margin-left: 15px;
	color: #288fd4;
}

@media (max-width: 1300px) {
	.brand-content .left h2{font-size: 26px;}
	.brand-content .right ul li .brand-con{padding: 86px 25px 36px 25px;}
	.brand-content .right ul li .brand-con h2{font-size: 19px;}
}





/* ========== */
/* = BANNER = */
/* ========== */
.home-banner .swiper-container-horizontal>.swiper-pagination-bullets { bottom:70px;}

.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet { margin: 0 1px;}
.swiper-pagination-bullet {
	position: relative;
	width: 44px;
	height: 2px;
	border-radius: 0;
	opacity: 1;
	background: rgba(255,255,255,.1);
}

.swiper-pagination-bullet::before {
	content: '';
	position: absolute;
	left: 50%;
	top: 0;
	margin-left: -22px;
	width: 44px;
	height: 100%;
	background: #b5232a;
	opacity: 0;
	transition: all ease .4s;
	-webkit-transform: scale(0);
	-moz-transform: scale(0);
	-ms-transform: scale(0);
	-o-transform: scale(0);
	transform: scale(0);
}

.swiper-pagination-bullet:hover::before,
.swiper-pagination-bullet.swiper-pagination-bullet-active::before {
	opacity: 1;
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1);
}

.home-banner .swiper-button-next, 
.home-banner .swiper-button-prev {
	width: 43px;
	height: 85px;
	margin-top: -42px;
}

.home-banner .swiper-button-prev {
	left: 14.5%;
	background: url(../images/home_banner_prev.png) no-repeat;
}

.home-banner .swiper-button-next {
	right: 14.5%;
	background: url(../images/home_banner_next.png) no-repeat;
}




.home-banner-1,
.home-banner-2 { position: relative; overflow: hidden;}

.home-banner-con,
.home-banner-con-2 { 
	position: absolute;
	left: 50%;
	z-index: 5;
	width: 100%;
	max-width: 1300px;
	padding: 0 50px;
	color: #fff;
	text-transform: uppercase;
	transform: translateX(-50%);
}

.home-banner-con {
	top: 24%;
	text-align: center;
}

.home-banner-con-2 {
	top: 50%;
	margin-top: -150px;
	
}

.home-banner-con-2 .con-in { width: 47%;}

.home-banner-con .text-1 {
	width: 100%;
	height: 110px;
	line-height: 110px;
	font-size: 148px;
	font-weight: bold;
	font-family: 'PingFang-Heavy';
}

.home-banner-con .text-1 .font {
	opacity: .7;
	font-family: 'PingFang-Heavy';
	-webkit-text-stroke: 1px #b5232a;
	color: transparent;
}

.text-1 span {
	opacity: 0;
	display: inline-block;
	-webkit-transform: perspective(1000px) rotate3d(0,1,0,0deg);
	transform: perspective(1000px) rotate3d(0,1,0,0deg);
	-webkit-transition: -webkit-transform 0.5s, color 0.5s;
	transition: transform 2s, opacity 2s;
}

.home-banner-con .wave {
	margin: 25px auto;
}

.home-banner-con .text-2 {
	margin-bottom: 10px;
	font-size: 26px;
	letter-spacing: 3px;
}

.home-banner-con .text-3 {
	font-size: 14px;
	opacity: .2;
}

.home-banner-con-2 .text-1 {
	font-size: 50px;
}

.home-banner-con-2 .line {
	position: relative;
	margin: 40px 0;
	height: 1px;
	background: url(../images/home_banner_line.png) no-repeat;
}

.home-banner-con-2 .line em {
	position: absolute;
	left: 0;
	top: -1px;
	width: 41px;
	height: 3px;
	background: #268cf0;
}

.home-banner-con-2 .text-2 {
	margin-bottom: 20px;
	font-size:18px;
	line-height: 28px;
}

.home-banner-con-2 .text-3 {
	margin-bottom: 35px;
	font-size:14px;
	line-height: 18px;
	text-transform: lowercase;
	opacity: .1;
}

.home-banner-con-2 .more-button-2 {
	width: 222px;
	height: 45px;
	line-height: 43px;
	font-size: 16px;
}

.home-banner-1, .home-banner-2{  top:0; left:0; width: 100%; height: 100%}
.home-banner-img-animate{ position: absolute; z-index: 0;  top:0; left:0; width: 100%; height: 100%; background-size: cover; background-position: center center; background-repeat: no-repeat;}


.home-banner-img-animate {	
	-webkit-animation: imageAnimation 20s linear infinite 0s;
    -moz-animation: imageAnimation 20s linear infinite 0s;
    -o-animation: imageAnimation 20s linear infinite 0s;
    -ms-animation: imageAnimation 20s linear infinite 0s;
    animation: imageAnimation 20s linear infinite 0s
}

.text-1 span.active  {
	opacity: .15;
	-webkit-transform: perspective(1000px) rotate3d(0,1,0,360deg);
	transform: perspective(1000px) rotate3d(0,1,0,360deg);
}
.text-1 span.active:nth-child(2) {
	-webkit-transition-delay: 0.2s;
	transition-delay: 0.2s;
}
.text-1 span.active:nth-child(3) {
	-webkit-transition-delay: 0.4s;
	transition-delay: 0.4s;
}
.text-1 span.active:nth-child(4) {
	-webkit-transition-delay: 0.6s;
	transition-delay: 0.6s;
}
.text-1 span.active:nth-child(5) {
	-webkit-transition-delay: 0.8s;
	transition-delay: 0.8s;
}
.text-1 span.active:nth-child(6) {
	-webkit-transition-delay: 1s;
	transition-delay: 1s;
}
.home-banner-con .wave {
	opacity: 0;
	transition: all ease 1s;
	transform: scale(0);
}
.home-banner-con .text-2,
.home-banner-con .text-3 {
	opacity: 0;
	transition: all ease 1s;
	transform: translateY(20px);
}
.home-banner-con .wave.active {
	opacity: 1;
	-webkit-transform: scale(1);
	transform: scale(1);
}
.home-banner-con .text-2.active {
	opacity: 1;
	transform: translateY(0);
}
.home-banner-con .text-3.active {
	opacity: .2;
	transform: translateY(0);
}




.home-banner-con-2 .text-1 {
	opacity: 0;
	-webkit-transition: all ease .5s;
	transition: all ease .5s;
	-webkit-transform: translateY(-20px);
	transform: translateY(-20px);
}

.home-banner-con-2 .line {
	opacity: 0;
	-webkit-transition: all ease 1s;
	transition: all ease 1s;
	transition-delay: .2s;
}

.home-banner-con-2 .line em {
	opacity: 0;
	left: 100%;
	-webkit-transition: all ease 1s;
	transition: all ease 1s;
}

.home-banner-con-2 .text-2,
.home-banner-con-2 .text-3,
.home-banner-con-2 .more-button {
	opacity: 0;
	-webkit-transition: all ease 1s;
	transition: all ease 1s;
	-webkit-transform: translateY(20px);
	transform: translateY(20px);
}
.home-banner-con-2 .text-2 { transition-delay: .3s;}
.home-banner-con-2 .text-3 { transition-delay: .4s;}
.home-banner-con-2 .more-button { transition-delay: .5s;}
.home-banner-con-2 .text-1.active {
	opacity: 1;
	-webkit-transform: translateY(0);
	transform: translateY(0);
}
.home-banner-con-2 .line.active {
	opacity: 1;
}
.home-banner-con-2 .line.active em {
	opacity: 1;
	left: 0;
}
.home-banner-con-2 .text-2.active {
	opacity: 1;
	-webkit-transform: translateY(0);
	transform: translateY(0);
}
.home-banner-con-2 .text-3.active {
	opacity: .1;
	-webkit-transform: translateY(0);
	transform: translateY(0);
}
.home-banner-con-2 .more-button.active {
	opacity: 1;
	-webkit-transform: translateY(0);
	transform: translateY(0);
}





/* ========== */
/* = INNER-BANNER = */
/* ========== */

.inner-banner {
	padding: 205px 0 100px;
	color: #fff;
	text-align: center;
	position: relative;
}

@media (max-width: 768px){
	.inner-banner:after{
		background: url(../images/shuiying2.png);
	}
}

.inner-banner .title {
	margin: 30px 0 50px;
	font-size: 34px;
	font-weight: bold;
	letter-spacing: 15px;
	position: relative;
	z-index: 1;
}

.inner-banner .des {
	margin-bottom: 10px;
	font-size: 16px;
	letter-spacing: 3px;
	position: relative;
	z-index: 1;max-width:80%;margin:0 auto;
}

.inner-banner .des-eng {
	opacity: .2;
	letter-spacing: 1px;
	position: relative;
	z-index: 1;
}

/* ========== */
/* = BREADRUMB = */
/* ========== */
.breadrumb {
	border-bottom: 1px solid #e4e4e4;
}

.breadrumb-in {
	padding: 20px 50px;
	line-height: 25px;
	font-size: 12px;
	color: #bbb;
	border-left: 1px solid #e4e4e4;
	background: url(../images/breadrumb_ico.png) no-repeat 25px center;
}

.breadrumb-in a,
.breadrumb-in span {
	color: #bbb;
}





.page { text-align: center;}

.page .prev,
.page .next {
	display: inline-block;
	width: 39px;
	height: 38px;
	cursor: pointer;
}

.page .prev {
	background: #f4f4f4 url(../images/page_prev.png) no-repeat center;
}

.page .next {
	background: #f4f4f4 url(../images/page_next.png) no-repeat center;
}

.page a,
.page i,
.page span,
.page em { vertical-align: middle;}

.page a,
.page i{
	padding: 0 10px;
	margin:  0 3px;
	display: inline-block;
	height: 38px;
	line-height: 38px;
	background: #f4f4f4;
}
.page span {
	padding:0px;
}

.page a.prev-out,
.page a.next-out {
	padding: 0;
}

.page span .page-num-current,
.page a:hover {
	color: #fff;
	background: #b5232a;
}

.page a.prev-out:hover,
.page a.next-out:hover { background: transparent;}

@media (max-width:1220px){
	.case-body { margin: 0;}
}





/* ========== */
/* = NEWS.HTML = */
/* ========== */
.news {
	padding-top: 35px;
	padding-bottom: 85px;
}
.xz-news-tab{ margin-bottom: 30px;  text-align: center;}
.xz-news-tab a{ padding:0 35px; font-style:16px; display: inline-block; height: 36px; line-height: 34px; border-radius: 18px; font-size: 16px; border:1px solid #eee; margin-right: 20px; }
.xz-news-tab a.active{ color: #fff;
    background: #b5232a; border:1px solid #b5232a;}

.news-list { 
	background: url(../images/news_line.jpg) repeat-x left top;
	padding-bottom: 52px;
}

.news-list li {
	position: relative;
	padding: 27px 0;
	margin-top: -1px;
	overflow: hidden;
	background: url(../images/news_line.jpg) repeat-x left bottom;
}

.news-item .mb-date { display: none;}

.news-item .date {
	float: left;
	width: 95px;
	color: #ccc;
}

.news-item .day {
	position: relative;
	margin-bottom: 10px;
	font-size: 24px;
	color: #999;
}

.news-item .day::before {
	content: '';
	position: absolute;
	top: 49%;
	left: 95px;
	width: 35px;
	height: 1px;
	background: #bfbfbf;
}

.news-item .more {
	display: block;
	margin-top: 25px;
	width: 39px;
	height: 39px;
	background: url(../images/news_more.png) no-repeat center;
	-webkit-border-radius: 19px 20px 20px 19px/19px 19px 20px 20px;
	-moz-border-radius: 19px 20px 20px 19px/19px 19px 20px 20px;
	border-radius: 19px 20px 20px 19px/19px 19px 20px 20px;
}

.news-item .con {
	margin-right: 22%;
	padding: 0 10% 0 60px;
	margin-left: 95px;
	color: #999;
}

.news-item .con .name {
	margin-bottom: 25px;
	font-size: 16px;
	color: #202020;
}

.news-item .con p {
	overflow: hidden;
	height: 52px;
	line-height: 26px;
}

.news-item .img {
	float: right;
	width: 22%;
}

.news-item .date,
.news-item .day::before,
.news-item .img,
.news-item .con {
	-webkit-transition: all ease .4s;
	   -moz-transition: all ease .4s;
	    -ms-transition: all ease .4s;
	     -o-transition: all ease .4s;
	        transition: all ease .4s;
}

.news-item:hover .date,
.news-item:hover .day {
	color: #272727;
}

.news-item:hover .day::before { 
	width: 65px;
	background: #272727;
}

.news-item:hover .more {
	background: url(../images/news_more_h.png) no-repeat;
	-webkit-box-shadow: -2px 2px 15px rgba(41,89,137,.2);
	-moz-box-shadow: -2px 2px 15px rgba(41,89,137,.2);
	box-shadow: -2px 2px 15px rgba(41,89,137,.2);
}

.news-item:hover .con {
	transform: translateX(30px);
}

.news-item:hover .img {
	-webkit-box-shadow: 1px 1px 25px rgba(0,0,0,.15);
	-moz-box-shadow: 1px 1px 25px rgba(0,0,0,.15);
	box-shadow: 1px 1px 25px rgba(0,0,0,.15);
}

/* ========== */
/* = NEWS-SHOW.HTML = */
/* ========== */
.news-show {
	padding-top: 95px;
	padding-bottom: 95px;
}

.news-show-head {
	text-align: center;
	color: #555;
}

.news-show-head .title {
	padding-bottom: 15px;
	font-size: 16px;
	color: #202020;
}

.news-show-head .others {
	padding-top: 15px;
	background: url(../images/news_show_line.jpg) repeat-x left top;
}

.news-show-head .others span {
	display: inline-block;
	vertical-align: middle;
}

.news-show-head .author {
	margin-right: 73px;
	display: inline-block;
	padding-left: 32px;
	background: url(../images/ico_1.png) no-repeat left center;
	opacity: .6;
}

.news-show-head .time {
	position: relative;
	margin: 0 80px;
	display: inline-block;
	padding-left: 25px;
	background: url(../images/ico_2.png) no-repeat left center;
	opacity: .6;
}

.news-show-head .time::before,
.news-show-head .time:after {
	content: '';
	position: absolute;
	top: 50%;
	margin-top: -6px;
	width: 1px;
	height: 12px;
	background: #555;
	opacity: .3;
} 

.news-show-head .time::before { left: -80px;}
.news-show-head .time::after { right: -80px;}

.news-show-head .share {
	margin-left: 80px;
	position: relative;
	display: inline-block;
	padding-left: 35px;
}

.news-show-head .share::before {
	content: '';
	position: absolute;
	left: 0;
	top: 50%;
	margin-top: -8px;
	width: 18px;
	height: 16px;
	background: url(../images/ico_3.png) no-repeat left center;
	opacity: .6;
}

.news-show-body {
	padding-top: 75px;
	padding-bottom: 60px;
	line-height: 30px;
	color: #999;
}

.news-show-body p {
	text-indent: 2em;color:#666;
}

.news-show-body img {
	margin: 35px auto;
}

.news-back {
	display: inline-block;
	width: 39px;
	height: 39px;
	background: url(../images/news_back.png) no-repeat;
	border-radius: 100%;
	-webkit-box-shadow: -2px 2px 15px rgba(41,89,137,.2);
	-moz-box-shadow: -2px 2px 15px rgba(41,89,137,.2);
	box-shadow: -2px 2px 15px rgba(41,89,137,.2);
}

.news-back:hover {
	animation: tada 1s infinite;
}

.news-show-foot {
	position: relative;
	padding-bottom: 25px;
	color: #29282d;
	line-height: 27px;
	background: url(../images/news_show_line.jpg) repeat-x left bottom;
}

.news-show-foot .tag>label {
	float: left;
	display: inline-block;
	width: 75px;
}

.news-show-foot .tag>div {
	margin-left: 75px;
}

.news-show-foot .tag span {
	display: inline-block;
	margin: 0 5px 5px 0;
}

.news-show-foot .tag span a {
	display: block;
	padding: 0 18px;
	height: 27px;
	line-height: 25px;
	color: #29282d;
	border: 1px solid #272727;
	
}

.news-show-foot .tag span.active a {
	color: #fff;
	background: #272727;
	border-color: #272727;
}


.news-show-foot .news-back {
	position: absolute;
	right: 0;
	bottom: 20px;
}


.newshow-page {
	padding-top: 20px;
	line-height: 24px;
	background: url(../images/news_show_line.jpg) repeat-x left top;
}

.news-show .newshow-page { padding-bottom: 20px;}

.newshow-page li {
	float: left;
	width: 50%;
}

.newshow-page li a {
	display: block;
	color: #777;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	-webkit-transition: all ease .4s;
	   -moz-transition: all ease .4s;
	    -ms-transition: all ease .4s;
	        transition: all ease .4s;
}

.newshow-page li:first-child a {
	padding-left: 35px;
	padding-right: 20px;
	background: url(../images/newshow_prev.jpg) no-repeat left center;
}


.newshow-page li:first-child:hover a {
	color: #268cf0;
	background: url(../images/newshow_prev_h.jpg) no-repeat left center;
}

.newshow-page li:last-child a {
	text-align: right;
	padding-right: 30px;
	background: url(../images/newshow_next.jpg) no-repeat right center;
}


.newshow-page li:last-child:hover a {
	color: #268cf0;
	background: url(../images/newshow_next_h.jpg) no-repeat right center;
}

.may-like {
	margin-top: 40px;
}

.may-like>p {
	padding: 15px 0;
	color: #202020;
	font-size: 16px;
	border-bottom: 2px solid #eee;
}

.may-like-item {
	position: relative;
	padding: 17px 30px 17px 0;
	line-height: 25px;
	background: url(../images/news_show_line.jpg) repeat-x left bottom;
}

.may-like-item .time {
	position: relative;
	float: left;
	display: inline-block;
	width: 102px;
	color: #999;
}

.may-like-item .time::before {
	content: '';
	position: absolute;
	top: 50%;
	right: 0;
	margin-top: -6px;
	width: 1px;
	height: 12px;
	background: #dfdfdf;
}

.may-like-item .name {
	margin-left: 130px;
	color: #999;
}

.may-like-item .more {
	position: absolute;
	right: 0;
	top: 50%;
	margin-top: -7px;
	display: inline-block;
	width: 16px;
	height: 14px;
	background: url(../images/like_more.png) no-repeat;
	transition: all ease .4s;
	-webkit-transition: all ease .4s;
}

/*.may-like-item:hover .time,
.may-like-item:hover .name { color: #00a0e9;}
*/
.may-like-item:hover .more {
	background: url(../images/like_more_h.png) no-repeat;
	-webkit-transform: translateX(-20px);
	transform: translateX(-20px);
}






/* ========== */
/* = SERVE.HTML = */
/* ========== */
.serve-inform {
	width: 50%;
	color: #202020;
}

.serve-inform.odd { 
	float: left;
	padding-left: 40px;
}
.serve-inform.even { 
	float: right;
	padding-left: 65px;
}

.serve-inform .ico {
	margin-left: 0;
}

.serve-inform .title {
	margin: 30px 0 8px;
	font-size: 26px;
	color: #000;
}

.serve-inform .title-eng {
	color: #bbb;
	text-transform: uppercase;
}


.serve-inform .con {
	padding: 40px 0 35px;
	line-height: 24px;
}

.serve-inform .con p {
	margin: 15px 0;
	padding-left: 20px;
	color: rgba(32,32,32,.7);
	background: url(../images/advantage_technique_bg.jpg) no-repeat left 8px;font-size:16px;line-height:30px;
}

.serve-inform .button {
	font-size: 16px;
}

.serve-inform .button:hover { color: #b5232a;}

.serve-img { width: 50%;}

.serve-img.odd { float: right;}

.serve-img.even { float: left;}

.serve-custom {
	padding-top: 70px;
	padding-bottom: 90px;
	overflow: hidden;
}

.serve-experience {
	padding: 85px 0 75px;
	background: #fbfbfb;
}

.serve-experience .serve-img { margin-left: -25px;}


.serve-response {
	padding-top: 65px;
	padding-bottom: 65px;
}

.serve-data {
	padding: 105px 0 85px;
	background: #fbfbfb;
}

.serve-data .serve-img { margin-left: -25px;}

@media(max-width:1220px){
	.serve-inform.odd { padding-left: 10px;}
	.serve-inform.even { padding-left: 30px;}
	
	.serve-experience .serve-img,
	.serve-data .serve-img { margin-left: -15px;}
}
















/*IMG HOVER*/
.effect-jazz .img{ 
	position: relative; 
	text-align: center; 
	overflow: hidden; 
	background: -webkit-linear-gradient(-45deg, #004776 0%,#000000 100%);
	background: linear-gradient(-45deg, #004776 0%,#000000 100%);
}
.effect-jazz figcaption {
	color: #fff;
	text-transform: uppercase;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}
.effect-jazz figcaption::before,
.effect-jazz figcaption::after {
	pointer-events: none;
}
.effect-jazz figcaption {
	position: absolute;
	top: -15%;
	left: -15%;
	width: 130%;
	height: 130%;
}
.effect-jazz figcaption::after,
.effect-jazz img,
.effect-jazz figcaption p {
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
}
.effect-jazz figcaption::after {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #fff;
	content: '';
	opacity: 0;
	-webkit-transform: rotate3d(0,0,1,45deg) scale3d(1,0,1);
	transform: rotate3d(0,0,1,45deg) scale3d(1,0,1);
	-webkit-transform-origin: 50% 50%;
	transform-origin: 50% 50%;
}
.effect-jazz figcaption p {
	opacity: 1;
	-webkit-transform: scale3d(0.8,0.8,1);
	transform: scale3d(0.8,0.8,1);
}
.effect-jazz figcaption p {
	position: absolute;
	top:50%;
	left:0;
	width: 100%;
	line-height: 30px;
	margin-top: -15px;
	text-transform:uppercase;
	font-size: 10px;
	opacity: 0;
}
.effect-jazz:hover img {
	opacity: 0.3;
	-webkit-transform: scale3d(1.05,1.05,1);
	transform: scale3d(1.05,1.05,1);
}
.effect-jazz:hover figcaption::after {
	opacity: 0.8;
	-webkit-transform: rotate3d(0,0,1,45deg) scale3d(1,1,1);
	transform: rotate3d(0,0,1,45deg) scale3d(1,1,1);
}
.effect-jazz:hover figcaption p {
	opacity: 1;
	-webkit-transform: scale3d(1,1,1);
	transform: scale3d(1,1,1);
}


@media (max-width: 999px){

	.web-list li{ width: 100%; padding: 0; margin:30px  0 0; }
}




@media (max-width:768px){
.serve-inform.odd,
.serve-inform.even,
.serve-img.odd,
.serve-img.even {
	float: none;
	width: 100%;
}
.serve-inform.even,
.serve-inform.odd {
	padding: 0 10px;
}
.serve-img { margin-bottom: 50px;}
.serve-experience .serve-img,
.serve-data .serve-img { margin-left: 0;}



	.serve-inform .ico { height: 30px;}
	.serve-inform .title {
		margin: 15px 0 10px;
		font-size: 16px;
	}
	.serve-inform .con { padding: .3rem 0;}
	.serve-img { margin-bottom: .6rem;}
	
	.serve-custom,
	.serve-experience,
	.serve-response,
	.serve-data {
		padding-top: 1rem;
		padding-bottom: 1rem;
	}
	.zixun{display:none;}
	.brand-content .left{width:100%;padding-top:0px;text-align:center;}
	.brand-content .left h2{font-size:16px;margin-bottom:20px;}
	.brand-content{padding-top:20px;padding-bottom:20px;}
	.brand-content .left em{display:none;}
	.brand-content .right{width:100%;}
	.brand-content .right ul li{width:50%;padding-bottom:0px;}
	.brand-content .right ul li .brand-con{padding:0.6rem 0.3rem 0.54rem 0.533rem;position:relative;}
	.brand-content .right ul li .brand-con h2{font-size:14px;}
	.brand-content .right ul li .brand-con p{font-size:12px;}
	.brand-content .right ul li .brand-con:after{
	position: absolute;
	left: 0.533rem;
	bottom: 0;
	content: '';
	width: 63.8%;
	height: 1px;
	background: #325da1;
	}
	
}

@media (max-width:400px){
	.serve-inform { text-align: center;}
	.serve-inform .ico { margin: 0 auto;}
	.serve-inform .con { text-align: left;}
}




@media (max-width:768px) {
	.news {
		padding-top: 1rem;
		padding-bottom: 1rem;
	}
	.news-item .date { width: 65px;}
	.news-item .day { 
		margin-bottom: 0;
		font-size: 14px;
	}
	.news-item .day::before { display: none;}
	.news-item .more { 
		width: 16px;
		height: 14px;
		border-radius: 0;;
	}
	.news-item:hover .more {
		background: url(../../images/news_more.png) no-repeat center;
		-webkit-box-shadow: none;
		-moz-box-shadow: none;
		box-shadow: none;
	}
	.news-item .img { width: 30%;}
	.news-item .con {
		padding: 0 10px 0 0;
		margin-left: 65px;
		margin-right: 30%;
	}
	.news-item .con .name {
		margin-bottom: 5px;
		font-size: 15px;
	}
}
@media (max-width:400px){
	.news-item .date {
		display: none;
	}
	.news-item .mb-date {
		display: block;
		margin-bottom: 10px;
		overflow: hidden;
	}
	.news-item .mb-date .more {
		float: right;
		margin-top: 0;
	}
	.news-item .img { width: 37%;}
	.news-item .con { 
		margin-left: 0;
		margin-right: 37%;
	}
}
@media (max-width:1220px) {
	.inner-wrap {
		padding-left: 15px;
		padding-right: 15px;
	}
}





.newsearch-sign{ padding: 60px 0 75px;}
.newsearch-sign .container{ display: flex; flex-flow: wrap;  justify-content: space-between; align-items:center;}
.newsearch-sign .img{ width: 48%;}
.newsearch-sign .img img{ width: 100%;}
.newsearch-sign .text{ width: 46%;}
.newsearch-sign .text .home-tit{ text-align: left;}
.newsearch-sign .text .home-tit h1:after{ left:0; margin-left: 0;}
.newsearch-sign .text .des{ margin-top:44px; font-size: 16px; line-height: 36px; text-align: justify;}
.newsearch-sign .text .tip{ margin-top: 30px;line-height: 60px; }
.newsearch-sign .text .tip span{ margin-right: 20px; position: relative; display:inline-block; padding-left:75px; font-size: 20px; font-weight: bold; color: #333333;}
.newsearch-sign .text .tip span i{ background: #f8f8f8; border-radius: 100%; position: absolute; top:0; left:0;}
.newsearch-sign .text .tip span:nth-child(2){ margin-right: 0;}
.newsearch-sign .text .home-button{ margin:65px 0 0;}

@media (max-width:999px){
	.newsearch-sign{ padding:1rem 0;}
	.newsearch-sign .container{ display: block; }
	.newsearch-sign .img{ width: 100%;}
	.newsearch-sign .text{ width: 100%;}
	.newsearch-sign .text .des{ margin-top:0.53333333rem; font-size: 0.32rem; line-height: 0.64rem; }
	.newsearch-sign .text .tip{ margin-top: 0.4rem;line-height: 1.2rem; text-align: center;}
	.newsearch-sign .text .tip span,
	.newsearch-sign .text .tip span:nth-child(2){ margin:0 0.4rem; padding-left:1.4rem; font-size: 0.38rem;}
	.newsearch-sign .text .tip span i{ width: 1rem; }
	.newsearch-sign .text .home-button{ margin:0.66666666rem auto 0;}
}


.sem-advantage{ padding: 55px 0 80px;}
.sem-advantage ul{ margin-bottom: 80px; display: flex; flex-flow: wrap;  justify-content: space-between;}
.sem-advantage li{ margin-top: 50px;  width: 48%; overflow: hidden;}
.sem-advantage li{ position: relative; padding:60px 32px 30px; letter-spacing: 1px;}
.sem-advantage li span{ position: absolute; top:10px; right:-18px;}
.sem-advantage li .tit{ position: relative; font-size: 24px; font-weight: bold; color: #333333; padding-bottom: 20px;}
.sem-advantage li .tit:after{ content: ""; position: absolute; bottom: 0; left:0; max-width: 180px; width: 100%; height: 1px; background: #e5e5e5;}
.sem-advantage li p{ margin-top: 14px; font-size: 16px; line-height: 30px; text-align: justify;}

@media (max-width:999px){
	.sem-advantage{ padding: 1rem 0;}
	.sem-advantage ul{ margin-bottom: 0.93333333rem; display: block;}
	.sem-advantage li{ margin-top: 0.66666666rem;  width: 100%; max-width: 100%;}
	.sem-advantage li{ padding:0.53333333rem; letter-spacing: 0.01333333rem;}
	.sem-advantage li span{ width: 1.5rem; right:-0.3rem;}
	.sem-advantage li .tit{ font-size: 0.36rem; }
	.sem-advantage li p{margin-top: 0.23rem; font-size: 0.32rem; line-height:0.64rem;}
}




.proserveer{ padding: 50px 0 60px;}
.proserveer .home-tit{ position: relative;}
.proserveer .home-tit .sub{ position: absolute; top:-100px; left:0;}
.proserveer ul{ margin: 0 -40px 80px;}
.proserveer li{ margin-top: 80px; float: left; width: 25%; padding: 0 40px;}
.proserveer li .box{ border-radius:20px 0 20px 0; padding:17% 15px 18%; display: block; text-align: center; -webkit-box-shadow:0 5px 12px rgba(0,0,0,.08); box-shadow:0 5px 12px rgba(0,0,0,.08);}
.proserveer li .box span{ background:#f8f8f8; border-radius: 100%; overflow: hidden; display: inline-block;}
.proserveer li .box .tit{  margin-top: 25px; font-size: 20px; color: #333333; font-weight: bold;  text-transform: uppercase;}
.proserveer li .box .des{ margin-top: 12px; font-size: 16px; line-height: 30px; min-height: 36px;}
.proserveer li .box .home-button{ margin-top: 45px; font-style: normal; max-width: 80%;}

@media (max-width:999px){
	.proserveer{ padding:1rem 0 0.4rem;}
	.proserveer .home-tit .sub{ top:-1.6rem;}
	.proserveer ul{ margin: 0 -0.26666666rem 0.53333333rem;}
	.proserveer li{ margin-top: 0.53333333rem; width: 50%;  padding: 0 0.26666666rem;}
	.proserveer li .box{ padding: 0.66666666rem 0.13333333rem;}
	.proserveer li .box span{ width: 1.2rem;}
	.proserveer li .box .tit{  margin-top: 0.26666666rem; font-size: 0.4rem; }
	.proserveer li .box .des{ margin-top: 0.18666666rem; font-size: 0.32rem; line-height:0.53333333rem; min-height: 0.53333333rem; }
	.proserveer li .box .home-button{ margin-top: 0.53333333rem;}
}




.sem-why{ padding: 80px 0;}
.sem-why .container{ display: flex; flex-flow: wrap;  justify-content: space-between; align-items:center; }
.sem-why .img{ width: 48%; }
.sem-why .img img{ width: 100%;}
.sem-why .text{ margin-left: -8%;width:60%; background: #FFFFFF; padding:3%;}
.sem-why .con{ margin:48px 0 50px; display: flex; flex-flow: wrap; justify-content: space-between; align-items:center; }
.sem-why .con p{ margin-top: 10px; font-weight: bold; color: #333333; font-size: 16px; letter-spacing: 1px;}


@media (max-width:999px){
	.sem-why{ padding: 1rem 0;}
	.sem-why .container{ display: block; }
	.sem-why .img{ margin-top: 0.6666rem; width: 100%; }
	.sem-why .text{ width:100%; padding: 0.4rem 0 0; margin-left:0%; -webkit-box-shadow:0 0 0 rgba(0,0,0,0); box-shadow:0 0 0 rgba(0,0,0,0);}
	.sem-why .con{ margin:0 0 0.66666666rem; }
	.sem-why .con img{ width:0.9rem;}
	.sem-why .con p{ margin-top: 0.13333333rem; font-size: 0.32rem; letter-spacing: 0;}
}


.pro-news{ padding: 60px 0; background: #f8f8f8; }
.pro-news .theme{ padding-bottom: 20px; border-bottom: 1px solid #eeeeee; font-size: 22px; color: #333;}
.xg-zixun { width: 100%; }
.xg-zixun li{ margin-top:10px;  float: left; width: 49%; margin-right:2%; }
.xg-zixun li:nth-child(2n){ margin-right: 0; }
.xg-zixun li a{ display: block; padding: 8px 95px 5px 30px;  position: relative;}
.xg-zixun li a:after{ content: ""; position: absolute; right:40px; top:50%; margin-top:-6px; width: 17px; height: 12px; background: url(../images/ico_more_hnews.png) right no-repeat; transition: ease all .6s; -webkit-transition: ease all .6s; }
.xg-zixun li a:before{ content:""; position: absolute; left:14px; top:19px; width: 8px; height: 8px; border:2px solid #FFFFFF; border-radius: 100%;}
.xg-zixun li .tit{  font-size: 16px; line-height: 30px;  }
.xg-zixun li .tit span{ display: inline-block; margin-right: 15px;}
.xg-zixun li .des{ font-size: 14px; line-height: 30px; padding-left: 110px; color: #666;}
.xg-zixun li a:hover{ background: #b5232a; color: #FFFFFF;}
.xg-zixun li a:hover:after{ background: url(../images/ico_more_hnews2.png) right no-repeat; transform:translateX(100%); -webkit-transform:translateX(100%);}
.xg-zixun li a:hover .des{ color: #fff; }


@media (max-width:999px){

	.pro-news{ padding:1rem 0; background: #ffffff;}
	.pro-news .theme{ padding-bottom: 0.26rem;  font-size: 0.44rem;  }
	.xg-zixun li{ margin-top:0.3rem;width: 100%; margin-right:0; }
	.xg-zixun li a{ padding-left: 0; padding-right: 40px;}
	.xg-zixun li .tit{ font-size: 0.36rem; line-height: 0.52rem; }
	.xg-zixun li .tit span{ width: 2.2rem; margin-right: 0; }
	.xg-zixun li .des{ font-size: 0.3rem; padding-left:  2.2rem;}
	.xg-zixun li a:after{ right:0.3rem; }
	.xg-zixun li a:before{ display: none; }
	.xg-zixun li a:hover{ background:none; color: #666;}
	.xg-zixun li a:hover:after{ background: url(../images/ico_more_hnews.png) right no-repeat;}
	.xg-zixun li a:hover .des{ color: #666; }
}




.mg{max-width:1200px;margin-left:auto;margin-right:auto;overflow:hidden}
.f{ float:left;overflow:hidden}
.r{ float:right;overflow:hidden}
.xiangmu1lt{overflow:hidden;}
.xiangmu1,.xiangmu3,.xiangmu5{background-color: #f5f9fc;}
.xiangmu1l{ width:700px;}
.xiangmu1r{ width:500px; text-align:center}
.xiangmu1ltr{    font-size: 30px;
    font-weight: bold;
    color: #333;
     line-height:35px; width:600px;}
.xiangmu1ltr span{     font-size: 16px;
    color: #666;font-weight: lighter; margin-top:15px; line-height:30px; display:block}
.xiangmu1lf{
	margin-left:82px;
	margin-top:15px;
}
.xiangmu1lf li{    padding-left: 7px;
    font-size: 16px;
    color: #666;
    line-height: 44px;}
.xiangmu1lf li img{ margin-right:10px;display:initial;}
.xiangmuz{ padding-top:80px;padding-bottom:80px}
.xiangmu1 .xiangmu1lf li{ width:500px;float:left}
.btn1{ float:left; width:140px; height:40px;line-height:40px;background:#b5232a;display:block;margin-left:82px; text-align:center; color:#fff; font-size:16px;margin-top:30px;}


@media (max-width:768px){
.mg2{margin-left:auto;margin-right:auto;overflow:hidden}
.mg{margin-left:auto;margin-right:auto;overflow:hidden;padding:0rem 0.5rem}
.f{ float:left;overflow:hidden}
.r{ float:right;overflow:hidden}
.sj{display:none}
.title1{ text-align:center;line-height:0.7rem; background-color: #f5f9fc; padding-bottom:0.3rem;}
.title1t{    font-size: 0.6rem;
    line-height: 1.7rem;
    color: #333;
    text-align: center;
    padding-top: 0.5rem;}
.title1f{  
    font-size: 0.3rem;
    line-height: 0.4rem;
    color: #666;
	width:7.9rem;
	line-height:0.7rem;
	margin-left:auto;
	margin-right:auto
}
.xiangmu1,.xiangmu3,.xiangmu5{background-color: #f5f9fc;}
.xiangmu1l{ width:100%;}
.xiangmu1r{ width:90%; text-align:center}
.xiangmu1r img{ display:block;width:100%}
.xiangmu1ltr{    font-size: 16px;
    font-weight: bold;
    color: #333;
     line-height:0.6rem;
	 width:6.5rem}
.xiangmu1ltr span{     font-size: 12px;
    color: #999;font-weight: lighter;line-height:0.7rem;margin-top:0.3rem;display:block}
.xiangmu1lf{
	margin-left:0;
	margin-top:0.3rem;
}
.xiangmu1lf li{    padding-left: 0.1rem;
    font-size: 12px;
    color: #999;
    line-height: 28px;}
.xiangmu1lf li img{ margin-right:0.2rem;display:initial;}
.xiangmuz{ padding-top:1rem;padding-bottom:1rem}
.xiangmu1 .xiangmu1lf li{ width:100%;}
.btn1{margin-left:0px;margin-right:20px;}
}


.bread{ padding: 30px 0; border-bottom: 1px solid #e5e5e5; font-size: 18px;}
.bread span{ display: inline-block; margin: 0 3px;}
.bread i{ font-style: normal; color: #333333;}
	.container{
		max-width: 1380px;
		padding: 0 60px;margin:0 auto;
	}
.headlines-why{ padding: 55px 0 80px ;}
.headlines-why ul{ margin: 75px 0; padding: 0 5%;}
.headlines-why ul li{ float: left; width: 33.333333%; padding:  0 3%;}
.headlines-why ul li div{ max-width: 320px; margin: 0 auto; text-align: center;}
.headlines-why ul li span{ display: block; margin-top: 10px; font-size: 20px; color: #333333; font-weight: bold;}
.headlines-why ul li p{ margin-top: 15px; font-size: 16px; line-height: 30px;}
.home-tit{ position: relative; padding-top: 35px; text-align: center; }
.home-tit span{ position:absolute; top:0; left:0; width: 100%; color: #b5232a; font-weight: bold; line-height: 80px; font-size: 80px; opacity: .1; text-transform: uppercase;}
.home-tit h2{ position: relative; letter-spacing: 3px; padding-bottom: 12px; font-size: 30px; font-weight: bold; color: #333333;}
.home-tit h2:after{ content: ""; position: absolute; bottom: 0; left:50%; width: 55px; height: 4px; margin-left: -27px; background: #b5232a;}
.home-tit h2 i{ font-style: normal; color: #b5232a;}
.home-tit h1{ position: relative; letter-spacing: 3px; padding-bottom: 12px; font-size: 30px; font-weight: bold; color: #333333;}
.home-tit h1:after{ content: ""; position: absolute; bottom: 0; left:50%; width: 55px; height: 4px; margin-left: -27px; background: #b5232a;}
.home-tit h1 i{ font-style: normal; color: #b5232a;}
.home-tit p{ margin-top:10px; font-size: 16px; letter-spacing: 1px; line-height:36px;color:#000;}
.home-button{ margin: 0 auto; display: block; width: 180px;  background: #FFFFFF; text-align: center; line-height: 38px; font-size: 16px; color: #b5232a; border: 1px solid #b5232a; letter-spacing:2px; -webkit-transition: all ease .3s; transition: all ease .3s;}
.home-button:hover{ background: #b5232a; color: #FFFFFF;}

@media (max-width:768px){
	.headlines-why{ padding: 1rem 0 ;}
	.headlines-why ul{ margin: 0.7rem 0; padding: 0;}
	.headlines-why ul li img{ width: 1rem;}
	.headlines-why ul li span{ font-size: 0.34rem;}
	.headlines-why ul li p{ margin-top:0.26666666rem; font-size: 0.32rem; line-height: 0.6rem;}
}
@media (max-width:999px){ 
	.container{
		padding: 0 0.4rem;
	}
	.pc-block{ display: none; }
	.mb-block{ display: block;}
	.page-wrap{ padding-bottom: 1.6rem; padding-top: 1.6rem;}
}
@media (max-width:999px){
	.home-tit{padding-top:0.53333333rem; }
	.home-tit span{ line-height: 1.2rem; font-size: 1.06666666rem;}
	.home-tit h2{ letter-spacing: 0.04rem; padding-bottom: 0.22rem; font-size: 0.48rem;}
	.home-tit h2:after{ width: 0.73333333rem; height:0.08rem; margin-left:-0.36rem;}
	.home-tit h1{ letter-spacing: 0.04rem; padding-bottom: 0.22rem; font-size: 0.48rem;}
	.home-tit h1:after{ width: 0.73333333rem; height:0.08rem; margin-left:-0.36rem;}
	.home-tit p{ margin-top: 0.12rem; font-size:0.26666666rem; line-height:0.4rem; letter-spacing: 0.02666666rem;}
	.home-button{ width:2.93333333rem; line-height:0.66666666rem; font-size:0.26666666rem; letter-spacing: 0.02666666rem;}
}


			.wave {
	width: 58px;
	height: 12px;
	margin: 0 auto;
}
.inner-banner .title {
	margin: 30px 0 50px;
	font-size: 34px;
	font-weight: bold;
	letter-spacing: 15px;
	position: relative;
	z-index: 1;
}

.inner-banner .des {
	margin-bottom: 10px;
	font-size: 16px;
	letter-spacing: 3px;
	position: relative;
	z-index: 1;
}

.inner-banner .des-eng {
	opacity: .2;
	letter-spacing: 1px;
	position: relative;
	z-index: 1;
}
@media (max-width:768px){
	.inner-banner { padding: 1rem 0;}
	
	.inner-banner .title {
		margin: 0.4rem 0 0.666666rem;
		font-size:0.453333rem; 
	}
	
	.inner-banner .des {
		font-size: 0.266666rem;
	}

}

.jyzs {
 width:100%;
 background:#f5f8f9
}
.jyzs-data {
 width:1200px;
 margin:0 auto;
 text-align:left;
 padding-bottom:44px
}
.jyzs .jyzs_title {
 height:70px;
 border-bottom:1px solid hsla(0,0%,49%,.1);
 line-height:70px
}
.jyzs .jyzs_title .jyz_title_left {
 float:left;
 font-size:22px;
 margin-left:10px;
}
.jyzs .jyzs_title .jyz_title_right {
 float:right;
 font-size:16px;
 color:#555;
 margin-right:10px;
 text-decoration:none
}
.jyzs .jyzs_content {
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex
}
.jyzs .jyzs_content .jyzs_content_left {
 width:50%;
 margin-top:20px;
 padding-right:12px
}
.jyzs .jyzs_content .jyzs_content_right {
 width:50%;
 margin-top:20px;
 padding-left:12px
}
.jyzs_content_left .jyzs_left_item {
 margin-bottom:20px;
 background:#fff;
 padding:18px 17px;
}
.jyzs_content_left .jyzs_left_item img {
 width:166px;
 height:111px;
 border-radius:6px;
 cursor:pointer
}
.jyzs_content_left .jyzs_left_item .item_content {
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex;
 margin-top:25px
}
.jyzs_content_left .jyzs_left_item .item_info {
 margin-left:20px
}
.jyzs_content_left .jyzs_left_item .item_title {
 width:100%;
 cursor:pointer;
 font-size:16px;
 font-weight:700;
 height:34px;
 overflow:hidden;
 line-height:34px
}
.jyzs_content_left .jyzs_left_item .item_title:hover {
 color:#0080ff
}
.jyzs_content_left .jyzs_left_item .item_info .item_js {
 overflow:hidden;
 height:80px;
 font-size:14px;
 color:#707070;
 line-height:26px
}
.jyzs_content_left .jyzs_left_item .item_info .item_js:hover {
 color:#0080ff
}
.jyzs_content_left .jyzs_left_item .item_info .item_info_footer {
 margin-top:12px;
 height:15px;
 font-size:12px;
 color:#b8b8b8
}
.jyzs_content_left .jyzs_left_item .item_info .item_info_footer .item_footer_left {
 float:left;
 cursor:pointer
}
.jyzs_content_left .jyzs_left_item .item_info .item_info_footer .item_footer_left:hover {
 color:#0080ff
}
.jyzs_content_left .jyzs_left_item .item_info .item_info_footer .item_footer_right {
 float:right
}
.jyzs_content_right .jyzs_item {
overflow:hidden;
 padding:7px 0px;

}
.jyzs_content_right .jyzs_item .jyzs_title_left {
 cursor:pointer;
 float:left;
 font-size:14px;
 color:#707070;
 width:400px;
 height:25px;line-height:25px;
 overflow:hidden
}
.jyzs_content_right .jyzs_item .jyzs_title_left .title_type {
 font-size:12px;
 color:#b8b8b8;
 font-weight:700
}
.jyzs_content_right .jyzs_item .jyzs_title_left .title_type:hover,
.jyzs_content_right .jyzs_item .jyzs_title_left:hover {
 color:#0080ff
}
.jyzs_content_right .jyzs_item .jyzs_title_right {
 float:right;
 font-size:12px;
 color:#b8b8b8;height:25px;line-height:25px;
 margin-right:10px
}
.jyzs_content_right .jyzs_items {
 background:#fff;
 padding:5px 21px 27px
}
.animaPics{
	position: relative;
	top: 0;
	animation: picsmove 3s infinite ease-in-out;
	-webkit-animation: picsmove 3s infinite ease-in-out;
	-moz-animation: picsmove 3s infinite ease-in-out;
	-ms-animation: picsmove 3s infinite ease-in-out;
}

@media (max-width:768px){
.jyzs-data,.jyzs .jyzs_content .jyzs_content_left,.jyzs .jyzs_content .jyzs_content_right{width:100%;}
.jyzs .jyzs_content{display:initial;}
.jyzs .jyzs_title .jyz_title_left{font-size:0.48rem;}
.jyzs .jyzs_title .jyz_title_right{font-size:0.4rem;}
.jyzs .jyzs_content .jyzs_content_left{padding-left:12px;}
.jyzs_content_left .jyzs_left_item .item_info .item_info_footer .item_footer_left{display:none;}
.jyzs .jyzs_content .jyzs_content_right{padding-right:12px;}
.jyzs_content_right .jyzs_item .jyzs_title_left .title_type,.jyzs_content_right .jyzs_item .jyzs_title_right{display:none;}
}




.footer_box {
 height:360px
}
.footer_box .box_2 {
 height:auto;
 width:1200px;
 margin:0 auto
}
.footer_box .box_2 p {
 color:#bdbdbd;padding-top:20px;
}
.footer_box .box_2 p a{
 color:#bdbdbd;
}
.footer_box a {
 list-style:none;
 color:#bdbdbd
}
.footer_box .box_2 {
 font-size:14px
}
.footer_box .box_2 .footerdata {
 display:-webkit-inline-box;
 display:-ms-inline-flexbox;
 display:inline-flex;
 color:#bdbdbd;
 text-align:left;
 margin-top:10px;
 margin-bottom:30px
}
.footer_box .box_2 .footerdata .title {
 font-size:18px;
 font-weight:700;
 color:#fff;
 text-align:left;
 margin-bottom:20px
}
.footer_box .box_2 .footerdata .footeryqlj {
 width:325px;
 padding-left:5px
}
.footer_box .box_2 .footerdata .footerlxfs {
 width:188px
}
.footer_box .box_2 .footerdata .footerQrCode {
 width:320px;
}
.footer_box .box_2 .footerdata .footerQrCode .footerQrCodeitem {
 margin-top:50px;
 margin-right:40px;
 text-align:center;
 font-size:14px;
 line-height:33px
}
.footer_box .box_2 .footerdata .footerQrCode .footerQrCodeitem img{max-width:150px;}
.footer_box .box_2 .footerdata .footerrjxx {
 width:357px;
 height:248px;
 border-left:1px solid #404040;
 padding-left:85px;
 padding-top:16px
}
.footer_box .box_2 .footerdata .footerrjxx img{max-height:60px;}
.footer_box .box_2 .footerdata .footeryqlj .footeryqljitems {
 display:-webkit-inline-box;
 display:-ms-inline-flexbox;
 display:inline-flex
}
.footer_box .box_2 .footerdata .footeryqlj .footeryqljitems .footeryqljitem {
 width:155px
}
.footer_box .box_2 .footerdata .footeryqlj .footeryqljitems .footeryqljitem a {
 display:block;
 line-height:35px;
}
.footer_box .box_2 .footerdata .footeryqlj .footeryqljitems .footeryqljitem a:hover {
 color:#fff
}
.footer_box .box_2 .footerdata .footerlxfs .footerlxfsdata .footerfwrx {
 line-height:31px
}
.footer_box .box_2 .footerdata .footerrjxx .footerrjxxinfo {
 margin-top:10px;
 line-height:32px
}










.online_kefu {position: fixed;top: 50%;right: 0;z-index: 1001;}
.online_kefu li{list-style:none;}
.online_kefu li a {display: block;width: 52px;height: 52px;margin-bottom: 1px;position: relative;background: #b5232a;z-index: 1;}
.online_kefu li a:hover span, .online_kefu li a:hover label {background-color: #b5232a !important;}
.online_kefu li:last-child a {border-bottom: 0;}
.online_kefu li a span {display: block;width: 52px;height: 52px;position: relative;z-index: 100;background-position: center center;background-repeat: no-repeat;}
.online_kefu li:nth-child(2) a, .online_kefu li:nth-child(1) a {z-index: 2;}
.online_kefu li a label {display: block;width: 120px;white-space: nowrap;padding: 0 20px;position: absolute;line-height: 52px;color: #fff;z-index: -1;background: #b5232a;bottom: 0;left: 100%;box-sizing: inherit;max-width: 300%;}
.online_kefu li a:hover label {left: -120px;}
.online_kefu li a .lbl_img {padding: 10px;height: auto;line-height: normal;}
.online_kefu li a .lbl_img img{max-width:100%;}
.online_kefu li a span.span1 {background-image: url(../images/full1.png);}
.online_kefu li a span.span2 {background-image: url(../images/full2.png);}
.online_kefu li a span.span3 {background-image: url(../images/full3.png);}
.online_kefu li a span.span4 {background-image: url(../images/full4.png);}

.pcbanner{display:block;max-height:685px;}
.wapbanner{display:none}

@media (max-width:768px){.online_kefu{display:none;}
.pcbanner{display:none}
.wapbanner{display:block}
}


.logo_right{font-size:15px;color:#fff;padding-top:15px;line-height:24px;}
.header-bg .logo_right{color:#333;}









.index_service li{width:50%;padding:0 20px;margin-top:30px;}
.index_service li:nth-child(2n + 1){clear:both;}
.index_service li .box{overflow:hidden;padding:20px;}
.index_service li .box span{float:left;display:table;}
.index_service li .box .tit{margin-top:0px;}
.index_service li .box .tit,.index_service li .box .des{float:right;display:table;text-align:left;width:calc(100% - 120px);margin-left:20px;}
.bottom10{margin-bottom:10px;}
.index_service li .box .left{float:left;width:100%;}

@media (max-width:640px) {
	.index_service li{width:100%;}
	.index_service li .box span{display:inline-block;}
	.index_service li .box .tit,.index_service li .box .des{width:calc(100% - 1.2rem - 20px);}
	.index_service li .box .left{float:right;}
}





.index-product {color: #fff;padding-bottom: 60px;padding-top: 60px;}
.index-product .am-container{background:#fff;overflow:hidden;}
.index-product .side {width: 220px;background: #061126;float: left;}
.index-product .tab {background: #061126;z-index: 10;margin-top: 25px;width: 220px;margin-bottom: 0;padding-bottom: 30px;padding-left: 15px;text-align: right;padding-left: 25px;}
.index-product .side h2 {color: #fff;font-size: 30px;line-height: 32px;text-align: center;padding: 20px 0px 20px 0px;}
.index-product .tab li.on {background: #146de1;color: #fff;}
.index-product .tab li {height: 35px;line-height: 35px;font-size: 16px;color: #fff;text-align: center;margin-bottom: 10px;padding-right: 12px;cursor: pointer;border-top-left-radius: 30px;-webkit-border-top-left-radius: 30px;border-bottom-left-radius: 30px;-webkit-border-bottom-left-radius: 30px;}
.index-product .tabContentDiv {}
.index-product .tabContent {margin: auto;color: #333;overflow:hidden;}
.index-product .tabContentDiv li {float: left;width:100%;border-bottom:1px solid #fff;overflow:hidden;background:#efefef;display: table;}
.index-product .tabContentDiv li:nth-child(1) {height:45px;line-height:45px;background:#ddd;font-weight:900;}
.index-product .tabContentDiv li div{display:table-cell;width:13%;text-align:center;border-right:1px solid #fff;padding:10px;vertical-align:middle;}
.index-product .tabContentDiv li:nth-child(1) div{padding:0px;}
.index-product .tabContentDiv li div:nth-child(2){width:48%;}
.index-product .tabContentDiv li div:nth-child(5){color:#b5232a;}
.index-product .tabContentDiv li:nth-child(2) div:nth-child(2){text-align:left;}
.index-product .tabContentDiv li div p{line-height:24px;text-align:left;padding-bottom:8px;}
.index-product .tabContentDiv li div:nth-child(5){border:0px;}

.am-hide{display:none;}

@media(max-width:650px){
	.index-product .tabContentDiv{width:100%;overflow:hidden;}
	.index-product .tabContentDiv li div{padding:8px;word-wrap: break-word;overflow-wrap: anywhere;}
	.index-product .side,.index-product .tab{width:100%;}
	.index-product .tab ul{width:100%;text-align:center;}
	.index-product .tab li{width:auto;display:inline-block;padding:0px 10px;text-align:center;border-radius:20px;}
}