@font-face{ font-family:MISTRAL; src:url(../font/mistral.ttf);}
@font-face{ font-family:bahnschrift; src:url(../font/bahnschrift.ttf);}
@font-face{ font-family:impact; src:url(../font/impact.ttf);}
/*@font-face{ font-family:Helvetica; src:url(../fonts/29e1d86bda0247e0be9493edcedbdfa3.ttf);}
@media (max-width:1920px){html{font-size:16px;}}
@media (min-width: 73%) and (max-width: 83.33%){html{font-size:15px;}}
@media (min-width:640px) and (max-width:1399px){html{font-size:14px;}}
@media (min-width:471px) and (max-width:639px){html{font-size:13px;}}
@media (min-width:329px) and (max-width:470px){html{font-size:12px;}}
@media (max-width:328px){html{font-size:12px;}}

/*==========================================公共 开始=============================================*/
.ar_wap{ display:none}
.a_body{ position:relative; z-index:0;}
.section{ overflow:hidden;}


header{position:  fixed;height:6.25rem;background:#fff;top: 0;left: 0;z-index: 1000;width: 100%; box-shadow:0 3px 6px rgba(0,0,0,0.1)}
header .fl{height:6.25rem;line-height:6.25rem;position: relative;}
header .fl a{display:block;position:  absolute;z-index: 10;width: 100%;height: 100%;top: 0;left: 0;}
header .fl embed{width: 13.375rem;display: inline-block;vertical-align: middle;}
header .fl embed.wap{ display:none}
#header .logo{ display:none;}

/*导航*/
#header nav{ display:inline-block; height:6.25rem; line-height:6.25rem;}
#header nav ul{ font-size:0}
#header nav ul li{ display:inline-block; *display:inline; *zoom:1; margin-left:2.5rem;}
#header nav ul li a{ font-size:1rem; color:#474749; display:block; position:relative; height:6.25rem; line-height:6.25rem}
#header nav ul li a:before{ content:""; position:absolute; bottom:0; right:0; height:2px; width:0; background:#3186d6; -moz-transition: all 0.6s ease-in-out;-webkit-transition: all 0.6s ease-in-out;-o-transition: all 0.6s ease-in-out;-ms-transition: all 0.6s ease-in-out;transition: all 0.6s ease-in-out;}
#header nav ul li:hover a:before,#header nav ul li.on a:before{ left:0; width:100%}

/*电话*/
header .tel{ display:inline-block; height:6.25rem; line-height:6.25rem; margin-left:1.875rem; position:relative;}
header .tel:before{ content:""; position:absolute; left:0; top:50%; margin-top:-7.5px; width:1px; height:15px; background:#c0c0c1}
header .tel img{ margin:-3px 9px 0 1.625rem;}
header .tel{ font-size:18px; color:#555555; font-weight:700}

/*banner*/
.banner_box{position:relative;overflow:hidden;margin-top: 6.25rem;}
.banner_box .banner{ height:calc(100vh - 6.25rem);}
.banner_box .banner ul,
.banner_box .banner li { height: 100%; overflow: hidden; position: relative; background:#000}
.banner_box .banner li { position: absolute; top: 0; left: 0; width: 100%; height: 100%; overflow: hidden; z-index: 1; display: none; }
.banner_box .banner li .fullbg { -webkit-transition: transform 3.2s; -moz-transition: transform 3.2s; -ms-transition: transform 3.2s; transition: transform 3.2s; -webkit-transform: scale(1.2); -moz-transform: scale(1.2); -ms-transform: scale(1.2); transform: scale(1.2); }

.banner_box .banner li .misu { opacity: 0; -webkit-transform: translate(0, 50px); -moz-transform: translate(0, 50px); -ms-transform: translate(0, 50px); transform: translate(0, 50px); -webkit-transition: 0.8s ease-out; -moz-transition: 0.8s ease-out; -ms-transition: 0.8s ease-out; transition: 0.8s ease-out; }
.banner_box .banner li:first-child .misu{ opacity: 0; -webkit-transform: translate(0, 50px); -moz-transform: translate(0, 50px); -ms-transform: translate(0, 50px); transform: translate(0, 50px); -webkit-transition: 0.3s ease-out; -moz-transition: 0.3s ease-out; -ms-transition: 0.3s ease-out; transition: 0.3s ease-out; }
.banner_box .banner li.current { z-index: 2; }
.banner_box .banner li.current .fullbg { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); transform: scale(1); }
.banner_box .banner li.current .misu { opacity: 1; -webkit-transform: translate(0, 0); -moz-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); }
.banner_box .banner .cont {position: absolute;top: 0;left: 0;width: 100%;color: #fff;text-align: center;height: 100%;}
.banner_box .banner .cont h1 {font-size: 5.3125rem;-webkit-transition-delay: 0s;-moz-transition-delay: 0s;-ms-transition-delay: 0s;transition-delay: 0s;font-family: MISTRAL;}
.banner_box .banner .cont .intro {letter-spacing: 10px;font-size: 1.5rem;padding: 10px 0 70px;-webkit-transition-delay: 0.6s;-moz-transition-delay: 0.6s;-ms-transition-delay: 0.6s;transition-delay: 0.6s;font-family: qy;}
.banner_box .banner .cont .intro img{max-width:90%;}
.banner_box .banner .cont .view { -webkit-transition-delay: 0.8s; -moz-transition-delay: 0.8s; -ms-transition-delay: 0.8s; transition-delay: 0.8s; }
.banner_box .banner .cont .view a { background-color: #090604; color: #fff; width: 132px; height: 34px; line-height: 34px; text-align: center; display: inline-block; margin: 0 auto; overflow: hidden; border-top: solid #634d3a 1px; border-bottom: solid #634d3a 1px; }
.banner_box .banner .cont .view a:after { content: ""; position: absolute; background-color: #c30d0c; top: 0; left: 0; width: 100%; height: 100%; left: -100%; -webkit-transition: 0.2s; -moz-transition: 0.2s; -ms-transition: 0.2s; transition: 0.2s; }
.banner_box .banner .cont .view a:hover:after { left: 0; }
.banner_box .banner .cont .view span { position: relative; z-index: 1; }
.banner_box .banner .scrolltips { position: absolute; bottom: 20px; left: 0; text-align: center; width: 100%; color: #fff; z-index: 20; }
.banner_box .banner .scrolltips .pic .icon { width: 24px; height: 43px; background-image: url(../image/icon-mouse.png); }
.banner_box .banner .scrolltips .pic .icon:after { content: ""; position: absolute; width: 1px; height: 10px; background-color: #fff; left: 50%; top: 10px; -webkit-animation: sc 1s infinite; -moz-animation: sc 1s infinite; -ms-animation: sc 1s infinite; animation: sc 1s infinite; }

/*下滑*/
.mouseIco{width: 21px;height: 36px;display: block;margin: 0px auto;border-radius: 6px;position: absolute;left: 50%;margin-left: -11px;bottom: 15px;z-index:900;}
.mouseIco i{width: 1px;height: 36px;border-radius: 1px;display: block;background-color: #fff;position: absolute;left: 50%;margin-left: -1px;-webkit-animation: mouse-dot 1.5s cubic-bezier(0.23, 1, 0.32, 1) infinite;animation: mouse-dot 1.5s cubic-bezier(0.23, 1, 0.32, 1) infinite;}
@keyframes mouse-dot {
    from { opacity: 0; }
    33% { opacity: 1; }
    to { transform: translateY(15px); -webkit-transform: translateY(15px); opacity: 0; }
}
@-webkit-keyframes mouse-dot {
    from { opacity: 0; }
    33% { opacity: 1; }
    to { transform: translateY(15px); -webkit-transform: translateY(15px); opacity: 0; }
}


.scrool{ height:40px; width:150px; position:absolute; left:50%; margin-left:-75px; bottom:30px; text-align:center; z-index:1000; text-transform:uppercase}
.scrool a{ font-size:12px; color:#fff}


/*手机导航*/
.wap_nav{ display:none}
#container {
	position:  fixed;
	width:  100%;
	height:  100%;
	top: 0;
	left: 0;
	display: none;
	z-index: 100000;
}

@media (min-width: 768px) {
	#container {
		padding: 0
	}
}


#container .header {
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	z-index: 10;
	padding: 2rem
}

.error404 .header {
	display: none
}

@media (max-width: 767px) {
	#container .header {
		transition: background-color .2s ease-in-out
	}
}

@media (min-width: 768px) {
	#container .header {
		padding: 6.25vh 12.5vw 6.25vh 6.25vw
	}
}

#container .header nav {
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: #3186d6;
}

@media (min-width: 1025px) {
	#container .header nav {
		position: relative;
		z-index: 5;
		float: right;
		background: none;
		width: auto
	}
}

#container .header .logo {
	display: block;
	float: left;
	transition: opacity .2s ease-in-out
}

#container .header .logo p,#container .header .logo img {
	float: left
}

#container .header .logo img {
	width: 9rem
}

#container .header .logo p {
	display: inline-block;
	margin: 0;
	line-height: 4.4rem;
	margin-left: 3rem
}

@media (max-width: 767px) {
	#container .header.solid {
		background-color: #555a8c
	}
}

.menu-opener {
	display: block;
	position: absolute;
	top: 50%;
	-ms-transform: translateY(-50%) translateX(20%);
	transform: translateY(-50%) translateX(20%);
	right: 1rem;
	cursor: pointer;
}

.menu-opener .menu-label {
	color: #000;
	font-size: 1rem;
	display: inline-block;
	line-height: 30px;
	margin-right: 0.5em;
	vertical-align: top;
	font-family: "Matter SQ",sans-serif;
}

@media (min-width: 768px) {
	.solid .menu-opener .menu-label {
		color: #555a8c
	}
}

.menu-opener .menu-icon {
	height: 30px;
	width: 30px;
	border: 1px dotted #000;
	border-radius: 15px;
	display: inline-block;
	vertical-align: top;
}

@media (min-width: 768px) {
	.solid .menu-opener .menu-icon {
		border-color: #555a8c
	}
}

.menu-opener .menu-icon i {
	display: block;
	width: 11px;
	height: 2px;
	top: 13px;
	left: 9px;
	background-color: #000;
	position: relative;
	transition: all .2s ease-in-out;
}

@media (min-width: 768px) {
	.solid .menu-opener .menu-icon i {
		background-color: #555a8c
	}
}

.menu-opener .menu-icon i:after,.menu-opener .menu-icon i:before {
	display: block;
	width: 5px;
	height: 2px;
	background-color: #000;
	content: '';
	left: 3px;
	position: absolute;
}

@media (min-width: 768px) {
	.solid .menu-opener .menu-icon i:after,.solid .menu-opener .menu-icon i:before {
		background-color: #555a8c
	}
}

.menu-opener .menu-icon i:before {
	top: -3px;
	transition: all 0.3s
}

.menu-opener .menu-icon i:after {
	top: 3px;
	transition: all 0.3s;
	transition-delay: 0.05s
}

.menu-opener:hover i:after {
	width: 7px;
	left: 0
}

.menu-opener:hover i:before {
	width: 8px;
	left: 0
}

.menu-opener.opened .menu-label {
	pointer-events: none
}

.menu-opener.opened .menu-icon {
	transition: transform 0.3s
}

.menu-opener.opened .menu-icon i {
	top: 13px;
	left: 9px;
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
	-ms-transform-origin: 50% 50%;
	transform-origin: 50% 50%
}

.menu-opener.opened .menu-icon i:before {
	opacity: 0
}

.menu-opener.opened .menu-icon i:after {
	-ms-transform: rotate(90deg);
	transform: rotate(90deg);
	width: 11px;
	top: 0px;
	left: 0px
}

.menu-opener.opened .menu-icon:hover {
	-ms-transform: rotate(180deg);
	transform: rotate(180deg)
}

.menu-opener.opened .menu-icon:hover i {
	left: 8px
}

.primary-menu {
	margin: 0;
}

@media (max-width: 1024px) {
	.primary-menu {
		position: absolute;
		top: 50%;
		-ms-transform: translateY(-50%);
		transform: translateY(-50%);
		width: 100%
	}
}

.primary-menu li {
	text-align: center
}

@media (max-width: 1024px) {
	.primary-menu li {
		margin-bottom: 0;
	}

	.primary-menu li:last-child {
		margin-bottom: 0
	}
}

.primary-menu .current-page-ancestor a,.primary-menu .current-menu-item a {
	position: relative
}

.primary-menu .current-page-ancestor a:after,.primary-menu .current-menu-item a:after {
	height: .4rem;
	width: .4rem;
	background-color: #feeeff;
	position: absolute;
	border-radius: 50%;
	left: 50%;
	bottom: 0rem;
	content: '';
	margin-left: -0.2rem
}

.solid .primary-menu .current-page-ancestor a:after,.solid .primary-menu .current-menu-item a:after {
	background-color: #555a8c
}

.primary-menu a {
	padding: 1em;
	display: block;
	color: #fff;
	font-size: 1.25rem;
}

.primary-menu li.on a{color: #fff;background: #d8042d;}

@media (min-width: 1025px) {
	.primary-menu {
		position: static;
		-ms-transform: none;
		transform: none;
		display: inline-block;
		width: auto;
		background: none;
		float: left;
		transition: all .2s ease-in-out
	}

	.primary-menu li {
		float: left;
		text-align: left;
		margin-left: 4.5rem
	}

	.primary-menu a {
		padding: 0;
		line-height: 4.4rem;
		color: #fff
	}

	.solid .primary-menu a {
		color: #555a8c
	}
}

.language-chooser {
	margin: 0
}

@media (max-width: 1024px) {
	.language-chooser {
		position: absolute;
		left: 50%;
		bottom: 3rem;
		-ms-transform: translateX(-50%);
		transform: translateX(-50%);
	}
}

@media (min-width: 1025px) {
	.language-chooser>li {
		margin-left: 4.5rem
	}
}

.language-chooser>li.active {
	display: none
}

.language-chooser>li a {
	color: #fff;
	text-transform: uppercase;
	font-size: 16px;
	line-height: 4.2rem;
}
.language-chooser>li a span{ display:inline-block}
.language-chooser>li a span img{ margin:-3px 10px 0 0}

@media (min-width: 768px) {
	.solid .language-chooser>li a {
		color: #555a8c
	}
}

@media (min-width: 1025px) {
	.language-chooser {
		float: right
	}
}

.img-stellar {
	position: absolute;
	width: 4.4rem;
	display: none
}

@media (min-width: 768px) {
	.img-stellar {
		display: block
	}
}



.floor {
	position: relative;
	transition: opacity .4s ease-in-out

}

.floor.animated {
	opacity: 1
}

.bg {
	background: #605ecc;
	background: linear-gradient(#292375, #373094, #605ecc, #bb9cda);
	background-size: 100% 200%;
	animation: sky 30s ease infinite;
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%
}

.bg.morning {
	background-image: linear-gradient(#4c558e, #8182cc, #b99bd2, #e4b8dc)
}

.bg.daytime {
	background-image: linear-gradient(#4c558e, #8182cc, #b99bd2, #e4b8dc)
}

.bg.evening {
	background-image: linear-gradient(#292375, #373094, #605ecc, #bb9cda)
}

.bg.night {
	background-image: linear-gradient(#121421, #233248, #4c5166, #a3735c)
}

.preloader {
	transition: background 1s ease-out;
	background: linear-gradient(#4c558e, #8182cc, #b99bd2, #e4b8dc)
}

.preloader.morning {
	background: linear-gradient(#4c558e, #8182cc, #b99bd2, #e4b8dc)
}

.preloader.daytime {
	background: linear-gradient(#4c558e, #8182cc, #b99bd2, #e4b8dc)
}

.preloader.evening {
	background: linear-gradient(#292375, #373094, #605ecc, #bb9cda)
}

.preloader.night {
	background: linear-gradient(#121421, #233248, #4c5166, #a3735c)
}

#container .menu-opener{right: calc(1rem + 15px);}
#container .menu-opener .menu-label{ color:#fff}
#container .menu-opener .menu-icon{ border:#fff 1px solid}
#container .menu-opener .menu-icon i, #container .menu-opener .menu-icon i:after, #container .menu-opener .menu-icon i:before{ background:#fff}

/*==========================================公共 结束=============================================*/


/*==========================================首页 开始=============================================*/

/*秉承以创意为核心*/
.container01{background:#3186d6;padding: 11.25rem 0 8rem;}
.container01 .title{ text-align:center; margin-bottom:6rem}
.container01 .title h2{ font-size:2.1875rem; color:#fff; font-weight:bold;}
.container01 .title h4{ font-size:1.25rem; color:#fff; margin:1.25rem 0 1.25rem}
.container01 .title h6{font-size:12px;color:#efbbc0;color: rgba(255,255,255,0.6);text-transform:uppercase;transform:scale(0.9);}

.container01 .fl01{ margin-bottom:3.75rem}
.container01 .fl01 ul{ font-size:0; text-align:center}
.container01 .fl01 ul li{ display:inline-block; *display:inline; *zoom:1; width:20%; text-align:center}
.container01 .fl01 ul li .box{ display:inline-block; width:8.125rem; height:8.125rem; position:relative}
.container01 .fl01 ul li .box span.y1{ position:absolute; top:0; left:0; display:inline-block; width:8.125rem; height:8.125rem; border:#fff 3px solid; -moz-border-radius:100%; -webkit-border-radius:100%; border-radius:100%; -moz-transition: all 0.5s ease-in-out;-webkit-transition: all 0.5s ease-in-out;-o-transition: all 0.5s ease-in-out;-ms-transition: all 0.5s ease-in-out;transition: all 0.5s ease-in-out;}
.container01 .fl01 ul li .box span.y2{ position:absolute; top:0; left:0; display:inline-block; width:8.125rem; height:8.125rem; border:#fff 3px solid; background:#ffffff; -moz-border-radius:100%; -webkit-border-radius:100%; border-radius:100%; -moz-transition: all 0.5s ease-in-out;-webkit-transition: all 0.5s ease-in-out;-o-transition: all 0.5s ease-in-out;-ms-transition: all 0.5s ease-in-out;transition: all 0.5s ease-in-out; opacity: 0; transform: scale(0.7); -webkit-transform: scale(0.7); visibility: hidden;}
.container01 .fl01 ul li h5{ font-size:1rem; color:#fff; margin-bottom:0.875rem; margin-top:1.875rem}
.container01 .fl01 ul li h6{ font-size:12px; color:#caccce; text-transform:uppercase; transform:scale(0.9);}

.container01 .fl01 ul li .icon{ display:inline-block; width:8.125rem; height:8.125rem; line-height:8.125rem; -moz-border-radius:100%; -webkit-border-radius:100%; border-radius:100%; margin-bottom:1.25rem; position:relative; overflow:hidden; -moz-transition: all 0.5s ease-in-out;-webkit-transition: all 0.5s ease-in-out;-o-transition: all 0.5s ease-in-out;-ms-transition: all 0.5s ease-in-out;transition: all 0.5s ease-in-out;}
.container01 .fl01 ul li .icon .con01{ content:""; position:absolute; left:0; top:0; width:100%; height:100%; -moz-transition: all 0.5s ease-in-out;-webkit-transition: all 0.5s ease-in-out;-o-transition: all 0.5s ease-in-out;-ms-transition: all 0.5s ease-in-out;transition: all 0.5s ease-in-out;}
.container01 .fl01 ul li .icon .con02{ content:""; position:absolute; left:-100%; top:0; width:100%; height:100%; -moz-transition: all 0.5s ease-in-out;-webkit-transition: all 0.5s ease-in-out;-o-transition: all 0.5s ease-in-out;-ms-transition: all 0.5s ease-in-out;transition: all 0.5s ease-in-out;}

.container01 .fl02 ul{ font-size:0; text-align:center}
.container01 .fl02 ul li{ display:inline-block; *display:inline; *zoom:1; width:4.125rem; text-align:center}
.container01 .fl02 ul li h3 .img{ display:inline-block; position:relative}
.container01 .fl02 ul li h3 .img:after {
	pointer-events: none;
	position: absolute;
	width: 100%;
	height: 100%;
	border-radius: 50%;
	content: '';
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
	top: -3px;
	left: -3px;
	padding: 3px;
	box-shadow: 0 0 0 2px #fff;
	-webkit-transition: -webkit-transform 0.2s, opacity 0.2s;
	-webkit-transform: scale(.8);
	-moz-transition: -moz-transform 0.2s, opacity 0.2s;
	-moz-transform: scale(.8);
	-ms-transform: scale(.8);
	transition: transform 0.2s, opacity 0.2s;
	transform: scale(.8);
	opacity: 0;
}
.container01 .fl02 ul li h3 .img:hover:after {
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
	opacity: 0.4;
}
.container01 .fl02 ul li h3 img{ height:2.8125rem}
.container01 .fl02 ul li span{line-height:30px;color:#fff;font-size:0.875rem;text-align:center;display:block;opacity:0;-moz-transition: all 0.36s ease-in-out;-webkit-transition: all 0.36s ease-in-out;-o-transition: all 0.36s ease-in-out;-ms-transition: all 0.36s ease-in-out;transition: all 0.36s ease-in-out;margin: 0 -0.5rem;}
.container01 .fl02 ul li:hover span{ opacity:1;}

/*案例*/
.container02{overflow:hidden;}

.container02 .title{text-align:center;margin-bottom: 4rem;margin-top: 6rem;}
.container02 .title h2{ font-size:2.1875rem; color:#3186d6; font-weight:bold;}
.container02 .title h4{ font-size:1.25rem; color:#504f54; margin:1.25rem 0 1.25rem}

.container02 .slider-nav{max-width: 650px;margin: 0 auto;margin-bottom: 3.875rem; text-align:center;}
.container02 .slider-nav .miso-slide h5{display:inline-block;padding: 0 1.875rem;height: 2.87rem;line-height: 2.875rem;-moz-border-radius: 3px;-webkit-border-radius:3px;border-radius: 3px;cursor:pointer;background: #fff;}
.container02 .slider-nav h5{font-size:1rem;color: #333;height: 38px;}
.container02 .slider-nav .miso-slide.miso-current h5{background: #3186d6;color: #fff;}

.container02 ul.ul{ font-size:0; text-align:center; overflow:hidden}
.container02 ul.ul li{ display:inline-block; *display:inline; *zoom:1; float:left; width:25%; text-align:center}
.container02 ul.ul li a{ display:block; width:100%; height:100%; position:relative; background:#000; overflow:hidden}
.container02 ul.ul li a .img,.container02 ul.ul li a .img img{ width:100%; overflow:hidden; position:relative}
.container02 ul.ul li a .img img{ -moz-transition: all 0.5s ease-in-out;-webkit-transition: all 0.5s ease-in-out;-o-transition: all 0.5s ease-in-out;-ms-transition: all 0.5s ease-in-out;transition: all 0.5s ease-in-out;}
.container02 ul.ul li a .img:after{ content:""; position:absolute; right:0; top:0; width:100%; height:100%; filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#4C000000', endColorstr='#4C000000');background:rgba(0,0,0,0.3); -moz-transition: all 0.6s ease-in-out;-webkit-transition: all 0.6s ease-in-out;-o-transition: all 0.6s ease-in-out;-ms-transition: all 0.6s ease-in-out;transition: all 0.6s ease-in-out;}
:root .container02 ul.ul li a .img:after{filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#00000000', endColorstr='#00000000');}/*for IE9*/
:root .container02 ul.ul li a .img:after{filter:none;}/*for IE9*/
.container02 ul.ul li a .con{ position:absolute; left:0; top:0; width:100%; height:100%; overflow:hidden}
.container02 ul.ul li a .con h3, .container02 ul.ul li a .con h3 img{position:relative;-moz-transition: all 0.6s ease-in-out;-webkit-transition: all 0.6s ease-in-out;-o-transition: all 0.6s ease-in-out;-ms-transition: all 0.6s ease-in-out;transition: all 0.6s ease-in-out;}
.container02 ul.ul li a .con h3 img{ max-width:80%}
.container02 ul.ul li a .con h5{ height:0; overflow:hidden; position:relative; -moz-transition: all 0.6s ease-in-out;-webkit-transition: all 0.6s ease-in-out;-o-transition: all 0.6s ease-in-out;-ms-transition: all 0.6s ease-in-out;transition: all 0.6s ease-in-out;}
.container02 ul.ul li a .con h5 span{ display:inline-block; font-size:1rem; color:#fff; margin:0 0.5rem}
.container02 ul.ul li a .con h4{ height:0; -moz-transition: all 0.6s ease-in-out;-webkit-transition: all 0.6s ease-in-out;-o-transition: all 0.6s ease-in-out;-ms-transition: all 0.6s ease-in-out;transition: all 0.6s ease-in-out;}
.container02 ul.ul li a .con:before{ content:""; position:absolute; right:0; top:0; width:0; height:100%; filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#D83186d6', endColorstr='#D83186d6');background:rgba(49,134,214,0.85); -moz-transition: all 0.6s ease-in-out;-webkit-transition: all 0.6s ease-in-out;-o-transition: all 0.6s ease-in-out;-ms-transition: all 0.6s ease-in-out;transition: all 0.6s ease-in-out;}
:root .container02 ul.ul li a .con:before{filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#003186d6', endColorstr='#003186d6');}/*for IE9*/
:root .container02 ul.ul li a .con:before{filter:none;}/*for IE9*/
  
@media (min-width: 768px) {

.index_columncl{width:100%;float:left;top:-40px;text-align:center;z-index:1500; position:relative;}
.index_columncl a{border:1px #808080 solid;border-radius:25px;text-align:center;line-height:40px;height:30px;display:inline;margin:0 5px;font-size:18px;padding:5px 20px;color:#808080;current:pointer;}
.index_columncl a:hover{color:#fff;background:#fb494d;border:1px #fb494d solid;}
}
@media (max-width: 768px) {
.index_columncl{width:100%;height:90px;float:left;top:1px;text-align:center;z-index:1500; position:relative;}
.index_columncl a{border:1px #3186d6 solid;border-radius:25px;text-align:center;line-height:20px;height:30px;display:inline;margin:10px;font-size:12px;padding:3px 10px;color:#3186d6;current:pointer;}
.index_columncl a:hover{color:#fff;background:#fb494d;border:1px #fb494d solid;}

}

/*团队*/
.container03{padding: 8.357rem 0 6.5rem;}
.container03 .title{ text-align:center; margin-bottom:6rem}
.container03 .title h2{ margin-bottom:1.75rem}
.container03 .title h4{ font-size:1.125rem; color:#504f54;}
.container03 .title h4 .ar_wap{ display:none}
.container03 ul{font-size:0;text-align:center;overflow:hidden;padding-bottom: 3rem;}
.container03 ul .miso-slide li{display:inline-block; *display:inline; *zoom:1;float:left;width:16.666667%;text-align:center;margin-bottom:2.8125rem;}
.container03 ul .miso-slide li .img img{display: inline-block;}
.container03 ul .miso-slide li h5{ font-size:0.875rem; color:#504f54; margin-top:0.25rem}
.container03 .more{ text-align:center}
.container03 .more a{ font-size:0.875rem; color:#3186d6; text-decoration:underline}
.container03 .more a font{ text-align:right; display:inline-block; width:0; -moz-transition: all 0.36s ease-in-out;-webkit-transition: all 0.36s ease-in-out;-o-transition: all 0.36s ease-in-out;-ms-transition: all 0.36s ease-in-out;transition: all 0.36s ease-in-out; overflow:hidden}
.container03 .more a:hover font{ width:1.5rem;}

.container03 ul.miso-dots{margin-bottom:0;bottom: 0;padding-bottom: 0;}
.container03 ul.miso-dots li{width: 3rem;height: 2px;background:#e5e5e5;margin: 0 0.5rem;}
.container03 ul.miso-dots li.miso-active{ background:#3186d6;}

/*新闻*/
.container04{ background:#3186d6; padding:8rem 0 6.75rem}
.container04 .title{ text-align:center; margin-bottom:6rem}
.container04 .title h2{ font-size:2.1875rem; color:#fff; font-weight:bold;}
.container04 .title h4{ font-size:1.25rem; color:#fff; margin:1.25rem 0 1.25rem}

.container04 .slider-nav{max-width: 650px;margin: 0 auto;margin-bottom: 3.875rem; text-align:center;}
.container04 .slider-nav .miso-slide h5{display:inline-block;padding: 0 1.875rem;height: 2.87rem;line-height: 2.875rem; -moz-border-radius: 3px;-webkit-border-radius:3px;border-radius: 3px;cursor:pointer; background: #3186d6;}
.container04 .slider-nav h5{font-size:1rem;color: #fff;height: 38px;}
.container04 .slider-nav .miso-slide.miso-current h5{ background:#fff; color: #3186d6;}

.container04 .slider-for{ margin-bottom:3.125rem}
.container04 .slider-for ul{ font-size:0; margin:0 -1.5rem}
.container04 .slider-for ul li{ display:inline-block; *display:inline; *zoom:1; width:33.333333%; padding:0 1.5rem; margin-bottom:1.625rem}
.container04 .slider-for ul li .box{ background:#fff; overflow:hidden; padding:2.875rem 3.875rem 2.875rem 3rem;}
.container04 .slider-for ul li .box .fl{width: 18%;}
.container04 .slider-for ul li .box .fl .time{color:#000;text-align:right;float:left;width: 4.375rem;}
.container04 .slider-for ul li .box .fl .time h4{ font-size:1.125rem;}
.container04 .slider-for ul li .box .fl .time h2{ font-size:1.6875rem; margin:0.35rem 0 3.75rem; font-weight:700;}
.container04 .slider-for ul li .box .fl .dot{ float:left; width:100%; overflow:hidden}
.container04 .slider-for ul li .box .fr{ width:73.5%;}
.container04 .slider-for ul li .box .fr h5{ font-size:1.25rem; color:#232323; font-weight:bold; margin:1.25rem 0 2.1825rem}
.container04 .slider-for ul li .box .fr h5 a{ color:#232323; height:1.35rem; line-height:1.35rem}
.container04 .slider-for ul li .box .fr p{ font-size:0.875rem; color:#6c6868; line-height:1.875rem; height:3.75rem; overflow:hidden; margin-bottom:2.75rem}

.more00{ text-align:center;}
.more00 a{ display:inline-block; width:39px; height:39px; border:#e5e5e5 1px solid;}
.more00 a dl{font-size:0;width: 22px;display:  inline-block;margin: 8px 0;}
.more00 a dl dd{ display:inline-block; *display:inline; *zoom:1; margin:1.5px;}
.more00 a dl dd span{ display:block; width:4px; height:4px; position:relative}
.more00 a dl dd span:before{ content:""; position:absolute; left:0; top:0; width:4px; height:4px; background:#fff; -moz-transition: all 0.36s ease-in-out;-webkit-transition: all 0.36s ease-in-out;-o-transition: all 0.36s ease-in-out;-ms-transition: all 0.36s ease-in-out;transition: all 0.36s ease-in-out;}
.more00 a:hover dl dd:nth-child(2) span:before{top: 0;}
.more00 a:hover dl dd:nth-child(1) span:before{left: 7px;}
.more00 a:hover dl dd:nth-child(3) span:before{top: 7px;}
.more00 a:hover dl dd:nth-child(4) span:before{left: 0;}
.more00 a:hover dl dd:nth-child(6) span:before{left: 0;}
.more00 a:hover dl dd:nth-child(7) span:before{top: -7px;}
.more00 a:hover dl dd:nth-child(9) span:before{left: -7px;}


/*凡高存在的价值，是竭力为客户创造价值*/
.container05{ padding:9rem 0 8rem; overflow:hidden; background:#1d1b1b; background-size:cover; position:relative}
.container05 .bg01{position:absolute;top:50%;left:50%; width:1450px; height:1450px; transform:translateX(-50%) translateY(-50%);-o-transform:translateX(-50%) translateY(-50%);-ms-transform: translateX(-50%) translateY(-50%); }
.container05 .bg01 img{ -webkit-transform:translate3d(0,0,0); -moz-transform:translate3d(0,0,0); transform:translate3d(0,0,0); -webkit-animation:play 25s linear infinite; -moz-animation:play 25s linear infinite; animation:play 25s linear infinite;}
@-webkit-keyframes play{
    0% {
        -webkit-transform:rotate(0deg);
    }
    100% {
        -webkit-transform:rotate(360deg);
    }
}
@-moz-keyframes play{
    0% {
        -moz-transform:rotate(0deg);
    }
    100% {
        -moz-transform:rotate(360deg);
    }
}
@keyframes play{
    0% {
        transform:rotate(0deg);
    }
    100% {
        transform:rotate(360deg);
    }
}
.container05 .title{ text-align:center; margin-bottom:6rem}
.container05 .title h2{font-size: 3rem;color:#fff;font-weight:bold;text-transform: uppercase;letter-spacing: 0.75rem;}
.container05 .title h4{ font-size:1.25rem; color:#fff; margin:1.25rem 0 1.25rem}
.container05 ul{font-size:0;text-align:center;overflow:hidden;margin:0 -0.5625rem;}
.container05 ul li{ display:inline-block; *display:inline; *zoom:1; float:left; width:20%; text-align:center; padding:0 0.5625rem}
.container05 ul li .img{height:7.5rem;line-height:7.5rem;bac;}
.container05 ul li .img img{ opacity:0.5; max-width:70%; max-height:5rem}

/* HIGHLIGHT */
.button01{ position:relative; display:inline-block; width:8.25rem; height:3rem; line-height:3rem; background:#3186d6; text-align:center; -moz-border-radius:7px; -webkit-border-radius:7px; border-radius:7px; overflow:hidden; font-size:0.9375rem; color:#fff}
.button01.ar_wap{ display:none}
.button01:before{
	content: "";
	position: absolute;
	top: -30px;
	left: -100px;
	height: 110px;
	width: 70px;
	background: rgba(255, 255, 255, .6);
	transform: rotate(20deg);
}

.button01:hover:before{
	left: 250px;
	transition: all 0.6s;
}
.button01:hover{ color:#fff}

/*联系*/
.container06{ padding:8.875rem 0 4.6875rem; text-align:center}
.container06 .con{ display:inline-block; *display:inline; *zoom:1}
.container06 .con.left{ text-align:left}
.container06 .con.left h3{ font-family:MISTRAL; font-size:3.75rem; color:#1d1b1b; margin-bottom:5.25rem}
.container06 .con.left h2{ overflow:hidden}
.container06 .con.right{ margin-left:10rem; text-align:left}
.container06 .con.right h5{ font-size:1.25rem; color:#373739}
.container06 .con.right h3{font-size:2.5rem;color:#373739;margin:1.5rem 0 3.25rem; font-weight:lighter}
.container06 .con.right h3 a{ color:#373739; font-family: bahnschrift;}
.container06 .con.right p{ font-size:0.875rem; color:#373739; line-height:1.875rem;}

.container07{ height:28.75rem}

/*底部*/
.container08{ font-size:0; padding:5rem 0 3.25rem; border-bottom:#e7e7e7 1px solid}
.container08 .con{ display:inline-block; *display:inline; *zoom:1; min-height:7.8125rem; position:relative}
.container08 .con:before{ content:""; position:absolute; right:0; top:50%; width:1px; height:7.8125rem; margin-top:-3.90625rem; background:#e7e7e7}
.container08 .con.right:before{ display: none}
.container08 .con.left{ width:30%; text-align:center; padding:0 6.5625rem 0 0;}
.container08 .con.left ul{ margin:1.5rem 0}
.container08 .con.left ul li{ display:inline-block; *display:inline; *zoom:1; width:25%; line-height:2.25rem; }
.container08 .con.left ul li a{ font-size:0.875rem; color:#565555}
.container08 .con.center{ width:33%; text-align:center}
.container08 .con.center ul li{ display:inline-block; *display:inline; *zoom:1; margin:0 1.875rem}
.container08 .con.center ul li h3 img{ width:5.625rem; height:5.625rem}
.container08 .con.center ul li h5{ font-size:12px; color:#565555; height:2rem; line-height:2rem}
.container08 .con.right{ width:37%;}
.container08 .con.right h3{ height:1.25rem; line-height:1.25rem; margin-bottom:1.875rem}
.container08 .con.right h3 span{font-size:1.25rem;color:#3e3d3d;font-weight:bold;display:  inline-block;}
.container08 .con.right h3 i{display:inline-block;font-style:normal;width:7px;height:7px;border-radius:3.5px;background:#3e3d3d;vertical-align: middle;margin: 0 0.5rem;}
.container08 .con.right p{ font-size:0.875rem; color:#565555; line-height:1.5rem}

.container081{ padding:3.25rem 0;}

/*友情链接*/
.container09{ padding:2rem 0; border-bottom:#e7e7e7 1px solid}
.container09 h5{ margin-bottom:0.5rem; font-size:0.875rem; color:#565555; line-height:1.5rem}
.container09 ul{ font-size:0;}
.container09 ul li{ display:inline-block; *display:inline; *zoom:1; margin-right:1.25rem}
.container09 ul li a{ font-size:12px; line-height:1.875rem; color:#99999c}

.container09 .more{ display:none}

/*底部*/
footer{ padding:2.25rem 0 2rem; font-size:12px; color:#a8a4a4}

footer a{font-size:12px;color:#a8a4a4;display: inline-block;margin: 2px 0 0 0.25rem;}
footer .fl .ar_wap{ display:none}
footer .fr{text-align:right;position:relative;padding-right:2rem;float: none;}

/*关于*/
.banner_n01 .layui-container01,.banner_n01 .layui-row,.banner_n01 .layui-col-xs12{ height:100%}
.banner_n01 .fl{ width:31%; text-align:left}
.banner_n01 .fl h2{ font-size:2.8125rem; color:#ffffff; font-weight:bold; position:relative}
.banner_n01 .fl h2:before{ content:""; position:absolute; left:0; bottom:-2rem; width:5.25rem; height:3px; background:#d5042c}
.banner_n01 .fl h4{ font-size:1.5rem; color:#ffffff; margin:4.25rem 0 2.1875rem;}
.banner_n01 .fl p{ font-size:0.875rem; line-height:1.6875rem; margin-bottom:1.6875rem; color:#ffffff;}
.banner_n01 .fr{}
.banner_n01 .fr ul{font-size:0;float:left; margin:8rem -2rem 0 0}
.banner_n01 .fr ul li{display:inline-block; *display:inline;*zoom:1;width: 16.75rem;text-align:center; border-left:rgba(255,255,255,0.4) 1px solid}
.banner_n01 .fr ul li h5{font-size: 1.125rem;color:#fefefe; padding-right: 2rem; margin-bottom:1rem}
.banner_n01 .fr ul li h4{ margin-bottom: 1rem; height:6.25rem}
.banner_n01 .fr ul li h4 span{font-size: 2.25rem;color:#fff;vertical-align: middle;margin: 0 0 0 0.875rem;font-weight:  normal;font-family: Cataneo BT;}
.banner_n01 .fr ul li h4 span.counter{font-size: 6.25rem;color:#fff;font-family: Impact;}
.banner_n01 .fr ul li h4 span.lwy{font-size:65px;color:#fff;font-family: myFirstFont;line-height: 44px; margin-left:12px;}
.banner_n01 .fr ul li h6{font-size: 1rem;color:#fefefe;font-family: Cataneo BT;padding-right: 2rem;}

.n_about{ padding:2.5rem 0 0}
.n_about .fl01{ border-bottom:#e9e8ed 1px solid; padding:4.625rem 0 1.875rem; overflow:hidden;}
.n_about .fl01 .fl{ }
.n_about .fl01 .fl h4{ font-size:1.125rem; color:#000000; margin-bottom:1.25rem}
.n_about .fl01 .fl h2{ font-size:2.5rem; color:#000000; font-weight:bold}
.n_about .fl01 .fl h2 font{ color:#3186d6}
.n_about .fl01 .fr{ width:70%}



.n_about .fl01 .fr h4{ font-size:1.125rem; color:#000000; margin-bottom:0.75rem}
.n_about .fl01 .fr h4 font{ font-weight:600}
.n_about .fl01 .fr h5{font-size:1.125rem;color:#bcbbc2;margin-bottom:2rem;font-family: Helvetica;}
.n_about .fl01 .fr p{ font-size:0.875rem; color:#666565; line-height:2.25rem; margin-bottom:1.875rem}
.n_about .fl01 .fr ul{ overflow:hidden; margin:0 -1.5rem}
.n_about .fl01 .fr ul li{ display:inline-block; *display:inline; *zoom:1; float:left; width:16.666667%; text-align:center; padding:0 0}
.n_about .fl01 .fr ul li .img{ height:5.75rem; line-height:5.75rem;}
.n_about .fl01 .fr ul li .img img{ max-width:70%; max-height:5rem}
.n_about .fl02{ margin-top:5rem}
.n_about .fl02 ul li.miso-slide{ padding:11.375rem 0 24.125rem}
.n_about .fl02 ul li.miso-slide .fl{ padding:11.25rem 0 0}
.n_about .fl02 ul li.miso-slide .fl h3{ float:left; font-size:1.875rem;color:#b4b3b2; color:rgba(255,255,255,0.65);font-style:italic;font-family:Helvetica; text-transform:uppercase; font-weight:lighter; position:relative}
.n_about .fl02 ul li.miso-slide .fl h3:before{ content:""; position:absolute; left:0; width:100%; height:1px; bottom:-30px; background:rgba(255,255,255,0.3)}
.n_about .fl02 ul li.miso-slide .fl h3:after{ content:""; position:absolute; left:0; width:56px; height:3px; bottom:-30px; background:#fff}
.n_about .fl02 ul li.miso-slide .fr{ text-align:right}
.n_about .fl02 ul li.miso-slide .fr h2{ font-size:10.625rem; color:#fff; font-weight:bold; font-family:Impact; margin-bottom:1rem}
.n_about .fl02 ul li.miso-slide .fr h4{ font-size:1.6875rem; color:#b4b3b2; color:rgba(255,255,255,0.65); line-height:1.875rem; font-family:Helvetica; padding:0 2.625rem 0 0; text-transform:uppercase;}

.n_about .fl02 ul .miso-prev, .n_about .fl02 ul .miso-next{ width:22px; height:42px;}
.n_about .fl02 ul .miso-prev{ background:url(../image/left.png) center no-repeat; left:10rem}
.n_about .fl02 ul .miso-next{ background:url(../image/right.png) center no-repeat; right:10rem}
.n_about .fl02 .miso-dots{bottom: 41%;z-index: 10;text-align:  right;max-width: 1310px;transform: translateX(-50%);-o-transform: translateX(-50%);-ms-transform: translateX(-50%);left: 50%;padding-right: 3.5rem;}
.n_about .fl02 .miso-dots li{ width:10px; height:10px; border-radius:100%;}

.n_about .fl03 ul{ font-size:0}
.n_about .fl03 ul li{ display:inline-block; *display:inline; *zoom:1; width:10%}
.n_about .fl03 ul li a{ display:block; width:100%; height:100%; position:relative; overflow:hidden}
.n_about .fl03 ul li a img{float:left;width:100%;}
.n_about .fl03 ul li a img.img02{position:absolute;left:0;right: 0;top:0;bottom: 0;width:100%;height:100%;z-index:1;opacity: 0;}
.n_about .fl03 ul li a img.img01{}
.n_about .fl03 ul li:hover a img.img01{opacity: 0;}
.n_about .fl03 ul li:hover a img.img02{ opacity: 1; }



.n_about .fl03 ul li.li{ width:40%;}
.n_about .fl03 ul li.li a{ background:#3186d6}
.n_about .fl03 ul li.li .box{ display:block; position:absolute; left:0; top:0; width:100%; height:100%}
.n_about .fl03 ul li.li .box img{ display:inline-block; width:auto; float:none}
.n_about .fl03 ul li.li .box img.ar_wap{ display:none}
.n_about .fl03 ul .more{height:60px;line-height:60px;text-transform:uppercase;font-size:14px;text-align:center;color:#fff;background: #d5042c;}
.n_about .fl03 ul .more span.span02{ display:inline-block; opacity:0;-webkit-transition-property:all;transition-property:all; -webkit-transform:scale(.6);-ms-transform:scale(.6);transform:scale(.6); -webkit-transition-duration:.6s;transition-duration:.6s; width:0; overflow:hidden}
.n_about .fl03 ul .more span.span01{ display:inline-block; opacity:1;-webkit-transition-property:all;transition-property:all; -webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1); -webkit-transition-duration:.6s;transition-duration:.6s; width:auto; overflow:hidden}
.n_about .fl03 ul .more{ display:none}

/*案例*/
.banner_n02{ height:32.5rem;}
.banner_n02 .layui-container01,.banner_n02 .layui-row,.banner_n02 .layui-col-xs12{ height:100%}
.banner_n02 .table{ text-align:left; padding-left:130px; padding-top:50px;}/*内页banner字位置*/
.banner_n02 h3{font-size:4.375rem;color:#3186d6;font-family:Impact;}
.banner_n02 h4{ font-size:1.875rem; color:#fff; margin:1.875rem 0 1.25rem}
.banner_n02 h2{ font-size:3.4375rem; color:#fff; font-weight:bold; margin-bottom:1.75rem}
.banner_n02 h6{ font-size:0.875rem; line-height:1.5rem; color:#989898; color:rgba(255,255,255,0.4); text-transform:uppercase}
@media (min-width: 768px) {

.case_n{ padding:4rem 0 5.25rem; background:#f5f5f5;}
.case_n .columncl{width:100%;float:left;margin-bottom:3rem;text-align:center;z-index:1500; position:relative;}
.case_n .columncl a{border:1px #5d5d5d solid;border-radius:25px;text-align:center;line-height:40px;height:30px;display:inline;margin:0 5px;font-size:18px;padding:5px 20px;color:#5d5d5d;current:pointer;}
.case_n .columncl a:hover{color:#fff;border:1px #498bfb solid;color:#3186d6;}
.case_n .columncl a#hover{background:#fb494d;color:#fff;border:1px #fb494d solid;}
}


@media (max-width: 768px) {
	
.case_n{ padding:4rem 0 5.25rem; background:#f5f5f5;}
.case_n .columncl{width:100%;float:left;margin-bottom:1rem;text-align:center;z-index:1500; position:relative;}
.case_n .columncl a{border:1px #5d5d5d solid;border-radius:25px;text-align:center;line-height:40px;height:30px;display:inline;margin:5px;font-size:12px;padding:5px 20px;color:#5d5d5d;current:pointer;}
.case_n .columncl a:hover{color:#fb494d;border:1px #000 solid;}
.case_n .columncl a#hover{background:#fb494d;color:#fff;}	
	
}
.case_n ul{ font-size:0; margin:0 -1.09375rem}
.case_n ul li{ width:33.333333%; display:inline-block; *display:inline; *zoom:1; padding:0 1.09375rem; margin-bottom:3.4375rem}
.case_n ul li .img{ background:#222}
.case_n ul li .img,.case_n ul li .img img{ overflow:hidden; width:100%; position:relative}
.case_n ul li .img a>img{ opacity:1.0}
.case_n ul li .con{ background:#fff; padding:1.55rem 2rem 1.75rem 2rem;}
.case_n ul li .con h5,.case_n ul li .con h5 a{font-size:1.375rem;height: 1.5rem;line-height: 1.5rem; color:#4d4c51}
.case_n ul li .con h5 a span{display:inline-block;max-width: 85%;font-weight:bold;height: 1.5rem;line-height: 1.5rem;overflow: hidden;text-overflow:ellipsis;white-space:nowrap;}
.case_n ul li .con h5 i{ float:right;}
.case_n ul li .con h5 i img{ max-height:1.5rem}
.case_n ul li .con h6{ font-size:0.875rem; color:#4d4c51}
.case_n ul li .con hr{ margin:1.125rem 0 1.25rem}

.case_n ul li .img .red-bg { position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; opacity: 0; visibility: hidden; transition: 300ms; -webkit-transition: 300ms; }
.case_n ul li .img .red-bg{filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#CC3186d6', endColorstr='#CC3186d6');background:rgba(49,134,214,0.8);}
:root .case_n ul li .img .red-bg{filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#003186d6', endColorstr='#003186d6');}/*for IE9*/
:root .case_n ul li .img .red-bg{filter:none;}/*for IE9*/
:root .case_n ul li .img h3{opacity:0;font-weight:bold;position:absolute;left:0px;width:100%;padding:0px 10px;text-align:center;font-size:0px;color:#fff;top:38%;visibility: hidden; transition: 300ms; -webkit-transition: 300ms;}
:root .case_n ul li .img p{opacity:0;position:absolute;left:0px;width:100%;padding:0px 10px;text-align:center;font-size:0px;color:#fff;top:55%;visibility: hidden; transition: 300ms; -webkit-transition: 300ms;}
.case_n ul li .img .line { display: block; background: #fff; position: absolute; top: 50%; left: 50%; opacity: 0; visibility: hidden; transition: 400ms; -webkit-transition: 400ms; }
.case_n ul li .img .line_1 { width: 52px; height: 1px; margin: -1px 0px 0px -26px; transform: translateX(-55px); -webkit-transform: translateX(-55px); }
.case_n ul li .img .line_2 { width: 1px; height: 52px; margin: -26px 0px 0px -1px; transform: translateY(55px); -webkit-transform: translateY(55px); }


/*翻页*/
.page { margin:30px 0; text-align:center}
.page li{ display:inline-block; list-style: none; }
.page a{ padding:0 14px; height:34px; line-height:34px; display:inline-block; border:1px solid #ddd; margin:0 0.25rem; color:#fff; color:#444; font-size:12px; -moz-transition: all 0.36s ease-in-out;-webkit-transition: all 0.36s ease-in-out;-o-transition: all 0.36s ease-in-out;-ms-transition: all 0.36s ease-in-out;transition: all 0.36s ease-in-out;}
.page .on{ background:#353535;  color:#fff; border:1px solid #353535; }
.page .thisclass{ background:#353535;  color:#fff; border:1px solid #353535;}
.page a:hover{ background:#353535;  color:#fff; text-decoration:none; border:1px solid #353535;}

/*加入*/
.banner_n03{ height:32.5rem;}
.banner_n03 .layui-container01,.banner_n03 .layui-row,.banner_n03 .layui-col-xs12{ height:100%}
.banner_n03 .table{ }
.banner_n03 h3{}
.n_join{ padding:5rem 0 5rem; background:#f5f5f5;}
.n_join .title{ margin-bottom:5.3125rem; text-align:center}
.n_join .title h4{ font-size:1.375rem; color:#474649; line-height:2.5rem; margin-bottom:2.75rem}
.n_join .title h3{ font-size:2.25rem; color:#d5042c; font-weight:bold;}
.n_join ul{ margin-bottom:6.25rem}
.n_join ul>li{ border:#dcdee0 2px solid; margin-bottom:3.25rem; }
.n_join ul>li .box{overflow:hidden;position:  relative;}
.n_join ul>li .box .left{float: left;height: 100%;width:18.20%;border-right:#dcdee0 2px solid;text-align:center;position:  absolute;}
.n_join ul>li .box .left .con{width: 100%;height: 100%;min-height: 18.75rem;left: 0;padding: 3rem 0.5rem;}
.n_join ul>li .box .left h3 img{ width:8.125rem}
.n_join ul>li .box .left h4{font-size:1.5rem;color:#45444d;margin:1.125rem 0 0.5rem;overflow: hidden;text-overflow:ellipsis;white-space:nowrap;}
.n_join ul>li .box .left h6{font-size:12px;color:#afaeb4;overflow: hidden;text-overflow:ellipsis;white-space:nowrap;}
.n_join ul>li .box .right{width:81%;height:auto;padding:3.125rem 0;float: right;}
.n_join ul>li .box .right .con{ padding:0 4rem; min-height:13.125rem}
.n_join ol{ padding:0 0 0 2rem}
.n_join ol>li{list-style:decimal-leading-zero;font-size: 1rem;color: #727272;line-height: 2.125rem;}

.n_join .bottom h3{ font-size:1.375rem; color:#d5042c; margin-bottom:2.25rem}
.n_join .bottom p{ font-size:0.9375rem; line-height:2.375rem; color:#727272;}
.n_join .bottom p b,.n_join .bottom p a{ font-weight:bold; color:#45444d}

/*新闻*/
.banner_n04 h3{ margin-bottom:2.125rem; color:#fff}
.banner_n04 h2{ font-size:2.8125rem}

.n_news{ padding:0; background:#f5f5f5; position:relative}
.n_news .layui-col-xs12{ position:relative}
.n_news .layui-col-xs12:before{ content:""; position:absolute; right:10%; right:10rem; top:0; width:1px; height:100%; background:#e4e4e4; }
.n_news .left{ float:left; width:85%; width:calc(100% - 15rem); padding:4.75rem 0 6.25rem; }
.n_news .left ul{ font-size:0; margin:0 -1.5625rem}
.n_news .left ul li{ width:33.333333%; display:inline-block; *display:inline; *zoom:1; padding:0 1.5625rem; margin-bottom:3.4375rem}
.n_news .left ul li.li{ width:66.666666%}
.n_news .left ul li.li .top{ padding:4.75rem 4.375rem 0; position:absolute; left:0; top:0; width:100%; height:100%;}
.n_news .left ul li.li .top span{ display:inline-block; width:5.625rem; height:1.6875rem; line-height:1.6875rem; background:#d5042c; -moz-border-radius:0.8125rem; -webkit-border-radius:0.8125rem; border-radius:0.8125rem; font-size:13px; text-align:center; color:#fff}
.n_news .left ul li.li .top h5{ font-size:1.5rem; color:#fff; line-height:2.375rem; font-weight:bold; margin:1.5rem 0 1.875rem}
.n_news .left ul li.li .top h4{ font-size:1.5rem; color:#fff; font-weight:bold; font-family:"Microsoft Yahei";}
.n_news .left ul li .img,.n_news .left ul li .img img{ overflow:hidden; width:100%; position:relative}
.n_news .left ul li .con .table_cell{ text-align:left;}
.n_news .left ul li .con{ background:#fff; padding-left:1.875rem !important; padding-right:1.875rem !important; padding-top:3rem; padding-bottom:3rem;}
.n_news .left ul li .con span{ display:inline-block; width:5.625rem; height:1.6875rem; line-height:1.6875rem; border:#cdcdcd 1px solid; -moz-border-radius:0.8125rem; -webkit-border-radius:0.8125rem; border-radius:0.8125rem; font-size:13px; text-align:center; color:#9d9d9d}
.n_news .left ul li .con h5{ margin:1.875rem 0 1rem}
.n_news .left ul li .con h5,.n_news .left ul li .con h5 a{font-size:1.25rem;height: 1.5rem;line-height: 1.5rem; color:#3b3c3c; font-weight:bold}
.n_news .left ul li .con p{ font-size:0.8125rem; line-height:22px; height:44px; overflow:hidden; color:#8d8d8d; margin-bottom:1.625rem}
.n_news .left ul li .con h6{ font-size:0.875rem; color:#4d4c51}
.n_news .left ul li .con h6 img{ margin:-3px 7px 0 0}

.n_news .left ul li .img .red-bg { position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; opacity: 0; visibility: hidden; transition: 300ms; -webkit-transition: 300ms; }
.n_news .left ul li .img .red-bg{filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#CC3186d6', endColorstr='#CC3186d6');background:rgba(49,134,214,0.8);}
:root .n_news .left ul li .img .red-bg{filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#003186d6', endColorstr='#003186d6');}/*for IE9*/
:root .n_news .left ul li .img .red-bg{filter:none;}/*for IE9*/
.n_news .left ul li .img .line { display: block; background: #fff; position: absolute; top: 50%; left: 50%; opacity: 0; visibility: hidden; transition: 400ms; -webkit-transition: 400ms; }
.n_news .left ul li .img .line_1 { width: 52px; height: 1px; margin: -1px 0px 0px -26px; transform: translateX(-55px); -webkit-transform: translateX(-55px); }
.n_news .left ul li .img .line_2 { width: 1px; height: 52px; margin: -26px 0px 0px -1px; transform: translateY(55px); -webkit-transform: translateY(55px); }

.n_news .right{ float:right; width:10%; width:10rem; padding:4.75rem 0 6.25rem; text-align:right}
.n_news .right h2{ font-size:4.375rem; color:#3a3a3a; text-transform:capitalize; margin-bottom:1rem}
.n_news .right h2.on{ background:url(../image/jiantou.png) 20% 0.75rem no-repeat}
.n_news .right h2.on a{ color:#d5042c;}
.n_news .right ul li,.n_news .right ul li a{ font-size:0.875rem; color:#474849; line-height:2.875rem;}
.n_news .right ul li.on,.n_news .right ul li:hover{ background:url(../image/jiantou.png) 20% 1rem no-repeat}

.news_nav{ display:none; padding:3rem 0 0; margin-bottom:-2rem}
.news_nav ul{ font-size:0;}
.news_nav ul li{ width:20%; display:inline-block; *display:inline; *zoom:1; text-align:center}
.news_nav ul li a{font-size:12px;height: 3rem;line-height: 3rem; color:#3b3c3c; text-transform:capitalize}
.news_nav ul li:first-child a{ font-size:20px;}
.news_nav ul li.on a{ text-decoration:underline; color:#3186d6;}


/*联系*/
.banner_n05{ position:relative}
.video_box{ background:#000; position:absolute; width:100%; height:100%; z-index:0}
.video_box video{ position:absolute;z-index:1;top:50%;left:50%;min-height:100%!important;min-width:100%!important;-webkit-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);transform:translate(-50%, -50%); filter:alpha(opacity=70); opacity:0.7; -moz-opacity:0.7; -khtml-opacity:0.7}

.banner_n05 .layui-container01,.banner_n05 .layui-row,.banner_n05 .layui-col-xs12{ height:100%}
.banner_n05 dl,.banner_n05 dl dt,.banner_n05 dl dd{ height:100%; overflow:hidden}
.banner_n05 dl dt,.banner_n05 dl dd{ float:left; width:25%; border-right:rgba(255,255,255,0.2) 1px solid}
.banner_n05 dl dt .table{ text-align:left;}

.banner_n05 dl dt h3{font-size:4.125rem;color:#fff;font-family:Impact;}
.banner_n05 dl dt h4{ font-size:2.5rem; color:#fff; margin:1.875rem 0 0.875rem}
.banner_n05 dl dt h2{ font-size:2.5rem; color:#fff; font-weight:bold; margin-bottom:1.75rem}
.banner_n05 dl dt h6{ font-size:0.9375rem; line-height:1.5rem; color:#fff; text-transform:uppercase}

.banner_n05 dl dd h3{ height:4.5rem; line-height:4.5rem}
.banner_n05 dl dd h4{ font-size:1.5rem; color:#fff; margin:0 0 1.875rem; text-transform:uppercase; font-weight:bold;}
.banner_n05 dl dd h2{ font-size:2.125rem; color:#fff; margin-bottom:1.125rem}
.banner_n05 dl dd h5{ font-size:1.125rem; color:#fff; text-transform:uppercase}

.banner_n05 dl dd h6{ font-size:1.125rem; line-height:2.1875rem; color:#fff; text-transform:uppercase; margin-bottom:2rem}
.banner_n05 dl dd h5 a{ font-size:0.875rem; color:#fff; text-decoration:underline}
.banner_n05 dl dd ul{ font-size:0}
.banner_n05 dl dd ul li{ display:inline-block; *display:inline; *zoom:1; margin:0 1.25rem; }
.banner_n05 dl dd ul li h5{ font-size:0.875rem; margin-top:0.25rem; color:#fff;}

.banner_n05 dl dd .con{ height:19.6875rem; position:relative}
.banner_n05 dl dd{ position:relative}
.banner_n05 dl dd:before{ content:""; position:absolute; right:0; top:0; width:0; height:100%; -moz-transition: all 0.6s ease-in-out;-webkit-transition: all 0.6s ease-in-out;-o-transition: all 0.6s ease-in-out;-ms-transition: all 0.6s ease-in-out;transition: all 0.6s ease-in-out;}
.banner_n05 dl dd:before{filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#BFD5042C', endColorstr='#BFD5042C');background:rgba(213,4,44,0.75);}
:root .banner_n05 dl dd:before{filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#00D5042C', endColorstr='#00D5042C');}/*for IE9*/
:root .banner_n05 dl dd:before{filter:none;}/*for IE9*/

.banner_n05 dl dd:hover:before{ left:0; width:100%}


.banner_n06{  position:relative}
.banner_n06 .layui-container01{position:relative}
.banner_n06 .layui-container01,.banner_n06 .layui-row,.banner_n06 .layui-col-xs12{ height:100%}
.banner_n06 .left{ text-align:left}
.banner_n06 .left h3{font-size:4.375rem;color:#fff;font-family:Impact;}
.banner_n06 .left h4{ font-size:2.25rem; color:#fff; margin:1.875rem 0 4rem; font-weight:bold; position:relative}
.banner_n06 .left h4:before{ content:""; position:absolute; left:0; bottom:-2rem; height:2px; background:#fff; width:3rem;}
.banner_n06 .left h6{ font-size:1rem; color:#fff; text-transform:uppercase; margin-bottom:7.5rem}
.banner_n06 .left ul li{ display:inline-block; margin-right:1.25rem; overflow:hidden}
.banner_n06 .left ul li a{display:inline-block;width:11.25rem;height:2.8125rem;line-height:2.8rem;border: rgba(255,255,255,0.25) 1px solid;-moz-border-radius:1.4rem;-webkit-border-radius:1.4rem;border-radius:1.4rem;text-align:center;font-size:0.9375rem;color:#fff;margin-bottom: 1px;overflow:hidden;-moz-transition: all 0.6s ease-in-out;-webkit-transition: all 0.6s ease-in-out;-o-transition: all 0.6s ease-in-out;-ms-transition: all 0.6s ease-in-out;transition: all 0.6s ease-in-out;position:relative;}
.banner_n06 .left ul li a:before{ content:""; position:absolute; bottom:0; left:-1px; right:-1px; height:0; background:#3186d6; -moz-transition: all 0.6s ease-in-out;-webkit-transition: all 0.6s ease-in-out;-o-transition: all 0.6s ease-in-out;-ms-transition: all 0.6s ease-in-out;transition: all 0.6s ease-in-out;}
.banner_n06 .left ul li a span{ position:relative}
.banner_n06 .left ul li a span img{ margin-right:1rem}

.banner_n06 .right { width:70%; position:absolute; bottom:-2.75rem; right:-3.75rem;}
.banner_n06 .right img.active{ transform: translate(0,0); -ms-transform:translate(0,0); -webkit-transform:translate(0,0); transition-timing-function: cubic-bezier(.175,.885,.32,1.275); -webkit-transition-timing-function: cubic-bezier(.175,.885,.32,1.275); transition-duration: 1s; -webkit-transition-duration:1s; opacity:1}

.case_n01 .title{ margin-bottom:3.625rem}
.case_n01 .title h5{ font-size:1.125rem; color:#000000; margin-bottom:1.125rem}
.case_n01 .title h2{ font-size:2.5rem; color:#000000; font-weight:bold}

.case_n01{padding: 7.625rem 0 4.25rem;background:#f5f5f5;}
.case_n01 ul{font-size:0;margin: 0 -1.06255rem;}
.case_n01 ul li{width:25%;display:inline-block; *display:inline; *zoom:1;padding: 0 1.06255rem;margin-bottom: 2.375rem;}
.case_n01 ul li .img,.case_n01 ul li .img img{ overflow:hidden; width:100%; position:relative}
.case_n01 ul li .con{ background:#fff; padding:1.55rem 2rem 1.75rem 2rem;}
.case_n01 ul li .con h5,.case_n01 ul li .con h5 a{font-size: 1.125rem;height: 1.25rem;line-height: 1.25rem;color: #4d4c51;}
.case_n01 ul li .con h5 a span{display:inline-block;max-width: 85%;font-weight:bold;height: 1.5rem;line-height: 1.5rem;overflow: hidden;text-overflow:ellipsis;white-space:nowrap;}
.case_n01 ul li .con h5 i{ float:right;}
.case_n01 ul li .con h5 i img{ max-height:1.5rem}
.case_n01 ul li .con h6{font-size: 12px;color:#4d4c51;}
.case_n01 ul li .con hr{ margin:1.125rem 0 1.25rem}


.case_n01 ul li .img .red-bg { position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; opacity: 0; visibility: hidden; transition: 300ms; -webkit-transition: 300ms; }
.case_n01 ul li .img .red-bg{filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#CC3186d6', endColorstr='#CC3186d6');background:rgba(49,134,214,0.8);}
:root .case_n01 ul li .img .red-bg{filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#003186d6', endColorstr='#003186d6');}/*for IE9*/
:root .case_n01 ul li .img .red-bg{filter:none;}/*for IE9*/
.case_n01 ul li .img .line { display: block; background: #fff; position: absolute; top: 50%; left: 50%; opacity: 0; visibility: hidden; transition: 400ms; -webkit-transition: 400ms; }
.case_n01 ul li .img .line_1 { width: 52px; height: 1px; margin: -1px 0px 0px -26px; transform: translateX(-55px); -webkit-transform: translateX(-55px); }
.case_n01 ul li .img .line_2 { width: 1px; height: 52px; margin: -26px 0px 0px -1px; transform: translateY(55px); -webkit-transform: translateY(55px); }

/*新闻详情*/
.n_news_detail{background:#f6f6f6;padding: 3.125rem 0 0;margin-bottom: -2rem;}
.n_news_detail .left{ float:left; width:70%; width:calc(100% - 30rem);}
.n_news_detail .left .box{ padding:4rem 5rem; background:#fff}
.n_news_detail .left .box .ar_title{ margin-bottom:3.125rem}
.n_news_detail .left .box .ar_title h3{font-size:2.125rem;color:#404142;line-height:3rem;font-weight:bold;margin-bottom: 0.5rem;}


.n_news_detail .left .box .ar_title h6 span{position:relative;font-size:13px;color: #808080;display:inline-block;height: 40px;line-height: 40px;font-weight:normal;margin-right:1.675rem;}
.n_news_detail .left .box .ar_title h6 span img{ margin:-3px 0.45rem 0 0}
.n_news_detail .left .box .ar_title h6{ display:inline-block; position:relative;}
.n_news_detail .left .box .ar_title h6:before{content:"";position:absolute;bottom:-3px;width:6.25rem;height:3px;background:#ff9637;display: none;}

.shart_box{display:inline-block; cursor:pointer}
#j_shart_s_24 .bds_count{ font-size:12px;}
#j_shart_s_24{display: none;margin-top: 0.25rem;margin-left: -1rem;}
#j_shart_s_24 strong{z-index:2;line-height:36px;font-size:12px;color: #7e8080;font-weight: normal;display: none;}
#j_shart_s_24 .bds_qzone{background:url(../images/j_shart.png) center -224px no-repeat}
#j_shart_s_24 .bds_tsina{background:url(../images/j_shart.png) center -311px no-repeat}
#j_shart_s_24 .bds_tqq{background:url(../images/j_shart.png) center -195px no-repeat}
#j_shart_s_24 .bds_renren{background:url(../images/j_shart.png) center -340px no-repeat}
#j_shart_s_24 .bds_weixin{background:url(../images/j_shart.png) center -253px no-repeat}
#j_shart_s_24 .bds_sqq{background:url(../images/j_shart.png) center -79px no-repeat}
#j_shart_s_24 .bds_fbook{background:url(../images/j_shart.png) center -166px no-repeat}
#j_shart_s_24 .bds_twi{background:url(../images/j_shart.png) center -137px no-repeat}
#j_shart_s_24 .bds_linkedin{background:url(../images/j_shart.png) center -108px no-repeat}
#j_shart_s_24 .bds_tieba{background:url(../images/j_shart.png) center -253px no-repeat}
#j_shart_s_24 .bds_huaban{background:url(../images/j_shart.png) center -253px no-repeat}
#j_shart_s_24 .bds_douban{background:url(../images/j_shart.png) center -253px no-repeat}
#j_shart_s_24 .bds_copy{background:url(../images/j_shart.png) center -253px no-repeat}
#j_shart_s_24 .bds_print{background:url(../images/j_shart.png) center -253px no-repeat}
#j_shart_s_24 .bds_mshare{background:url(../images/j_shart.png) center -253px no-repeat}
#j_shart_s_24 .bds_count{font-size:12px}
#j_shart_s_24.xian{ display:inline-block}

.b_nav{ text-align:center; margin-top:3.75rem}
.b_nav .con{ font-size:1.0625rem;}
.b_nav .con.center{ display:inline-block;}
.b_nav .con.center img{ margin:-3px 0.875rem 0;}
.b_nav .con.fl img{ margin:-3px 0.875rem 0 0;}
.b_nav .con.fr img{ margin:-3px 0 0 0.875rem;}
.b_nav .con.fl a,.b_nav .con.fr a,.b_nav .con.center a{ color:#666565}

.n_news_detail .right{ float:right; width:25%; width:25rem;}
.n_news_detail .right .gg{ margin-bottom:2.75rem}
.n_news_detail .right .con{ margin-bottom:2rem}
.n_news_detail .right .con h3{ font-size:1.375rem; color:#404142; font-weight:bold; padding-bottom:1.25rem; border-bottom:#e2e2e2 2px solid; margin-bottom:1rem}
.n_news_detail .right .con ul li{ font-size:1.0625rem; color:#404142; line-height:2.875rem;}
.n_news_detail .right .con ul li a{ color:#404142;}

.case_n01 .title h5 font{ color:#d5042c}

.ar_wap.clear{ display:none}

.al_select{ background:#f5f5f5}
.al_select ul{ font-size:0; text-align:center; border-bottom:#e0dfe2 1px solid;}
.al_select ul li{ width:50%; display:inline-block; *display:inline; *zoom:1; height:5.25rem; line-height:5.25rem; position:relative }
.al_select ul li:after{ content:""; position:absolute; width:0; right:0; bottom:-1px; height:2px; background:#ff0000; -moz-transition: all 0.6s ease-in-out;-webkit-transition: all 0.6s ease-in-out;-o-transition: all 0.6s ease-in-out;-ms-transition: all 0.6s ease-in-out;transition: all 0.6s ease-in-out;}
.al_select ul li a{ font-size:1rem; color:#353536; display:block;}
.al_select ul li a img{ margin-right:1rem; margin-top:-3px}

.al_select ul li.on:after{ left:0; width:100%}

.case_n_x{padding: 7.625rem 0 4.25rem;background:#f5f5f5;}
.case_n_x ul{font-size:0;margin: 0 -1rem;margin-bottom: -3rem;}
.case_n_x ul li{width:20%;display:inline-block; *display:inline; *zoom:1;padding: 0 1rem;margin-bottom: 7.5rem;text-align:center;}
.case_n_x ul li .img,.case_n_x ul li .img img{ overflow:hidden; width:100%; position:relative}
.case_n_x ul li .con{padding: 1.55rem 0 0 0;text-align:center;}
.case_n_x ul li .con h5,.case_n_x ul li .con h5 a{font-size: 1.125rem;height: 1.25rem;line-height: 1.25rem;color: #4d4c51;}
.case_n_x ul li .con h6{ margin:0 -0.3125rem; margin-top:1.25rem;}
.case_n_x ul li .con h6 span{ display:inline-block; *display:inline; *zoom:1; width:50%; padding:0 0.3125rem; }
.case_n_x ul li .con h6 span a{ display:block; width:100%; height:40px; line-height:38px; border:#dcdcdc 1px solid; -moz-border-radius:2px; -webkit-border-radius:2px; border-radius:2px; -moz-transition: all 0.36s ease-in-out;-webkit-transition: all 0.36s ease-in-out;-o-transition: all 0.36s ease-in-out;-ms-transition: all 0.36s ease-in-out;transition: all 0.36s ease-in-out; cursor:pointer}
.case_n_x ul li .con h6 span a{ font-size:0.875rem; color:#4b4949}

.case_n_x ul li .img .top{ position:absolute; left:0; top:0; width:100%; height:100%}
.case_n_x ul li .img .top .table_cell{ position:relative;}
.case_n_x ul li .img .top .table_cell .sj_top{position:absolute;width:100%;top: 4.4%;left:0;text-align:center;z-index: 10;}
.case_n_x ul li .img .top .table_cell .sj_top img{ width:auto; height:1rem; display:inline-block; margin-top:0}
.case_n_x ul li .img .top img{width:75%;border-radius: 1.125rem;margin-top: 0.25rem;}
.case_n_x ul li .img .top img.on{ filter:alpha(opacity=45); opacity:0.45; -moz-opacity:0.45; -khtml-opacity:0.45}

.case_n_x ul li .img .ewm{ position:absolute; left:0; top:0; width:100%; height:100%; display:none}
.case_n_x ul li .img .ewm img{ width:8.125rem}


#filters {
	margin:1%;
	padding:0;
	list-style:none;
}

#filters li {
	float:left;
}

#filters li span {
	display: block;
	padding:5px 20px;
	text-decoration:none;
	color:#666;
	cursor: pointer;
}

#filters li span.active {
	background: #e95a44;
	color:#fff;
}



#portfoliolist .portfolio,#portfoliolist01 .portfolio {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	display:none;
	float:left;
	overflow:hidden;
}

.portfolio-wrapper {
	overflow:hidden;
	position: relative !important;
	background: #666;
	cursor:pointer;
}

.portfolio img {
	max-width:100%;
	position: relative;
}

.portfolio .label {
	position: absolute;
	width: 100%;
	height:40px;
	bottom:-40px;
}

.portfolio .label-bg {
	background: #e95a44;
	width: 100%;
	height:100%;
	position: absolute;
	top:0;
	left:0;
}

.portfolio .label-text {
	color:#fff;
	position: relative;
	z-index:500;
	padding:5px 8px;
}

.portfolio .text-category {
	display:block;
	font-size:9px;
}

.container:after { content: "\0020"; display: block; height: 0; clear: both; visibility: hidden; }

.clearfix:before,
.clearfix:after,
.row:before,
.row:after {
  content: '\0020';
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: 0;
  height: 0; }
.row:after,
.clearfix:after {
  clear: both; }
.row,
.clearfix {
  zoom: 1; }

.clear {
  clear: both;
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: 0;
  height: 0;
}

.zixu_wap{ display:none !important}

@keyframes scaleToggleOne { 0 {
transform:scale(1);
-webkit-transform:scale(1)
}
50% {
transform:scale(2);
-webkit-transform:scale(2)
}
100% {
transform:scale(1);
-webkit-transform:scale(1)
}
}
@keyframes scaleToggleTwo { 0 {
transform:scale(1);
-webkit-transform:scale(1)
}
20% {
transform:scale(1);
-webkit-transform:scale(1)
}
60% {
transform:scale(2);
-webkit-transform:scale(2)
}
100% {
transform:scale(1);
-webkit-transform:scale(1)
}
}
@keyframes scaleToggleThree { 0 {
transform:scale(1);
-webkit-transform:scale(1)
}
33% {
transform:scale(1);
-webkit-transform:scale(1)
}
66% {
transform:scale(2);
-webkit-transform:scale(2)
}
100% {
transform:scale(1);
-webkit-transform:scale(1)
}
}
.animated { -webkit-animation-duration: .5s; animation-duration: .5s; -webkit-animation-fill-mode: both; animation-fill-mode: both }
.livechat-girl { width: 62px; height: 62px; border-radius: 50%; position: fixed; bottom: 1px; right: 40px; opacity: 0; -webkit-box-shadow: 0 5px 10px 0 rgba(35,50,56,.3); box-shadow: 0 5px 10px 0 rgba(35,50,56,.3); z-index: 700; transform: translateY(0); -webkit-transform: translateY(0); -ms-transform: translateY(0); cursor: pointer; -webkit-transition: all 1s cubic-bezier(.86, 0, .07, 1); transition: all 1s cubic-bezier(.86, 0, .07, 1) }
.livechat-girl:focus { outline: 0 }
.livechat-girl.animated { opacity: 1; transform: translateY(-40px); -webkit-transform: translateY(-40px); -ms-transform: translateY(-40px) }
.livechat-girl:after { content: ''; width: 12px; height: 12px; border-radius: 50%; background-image: linear-gradient(to bottom, #f10000, #f10000); position: absolute; right: 1px; top: 1px; z-index: 50 }
.livechat-girl .girl { position: absolute;     top: -1px; left: -1px; width: 100%; height: auto; z-index: 50 }
.livechat-girl .animated-circles .circle { background: rgba(241,0,0,.25); width: 60px; height: 60px; border-radius: 50%; position: absolute; z-index: 49; transform: scale(1); -webkit-transform: scale(1) }
.livechat-girl .animated-circles.animated .c-1 { animation: 2s scaleToggleOne cubic-bezier(.25, .46, .45, .94) forwards }
.livechat-girl .animated-circles.animated .c-2 { animation: 2.5s scaleToggleTwo cubic-bezier(.25, .46, .45, .94) forwards }
.livechat-girl .animated-circles.animated .c-3 { animation: 3s scaleToggleThree cubic-bezier(.25, .46, .45, .94) forwards }
.livechat-girl.animation-stopped .circle { opacity: 0!important }
.livechat-girl.animation-stopped .circle { opacity: 0!important }
.livechat-girl .livechat-hint { position: absolute; right: 40px; top: 50%; margin-top: -20px; opacity: 0; z-index: 0; -webkit-transition: all .3s cubic-bezier(.86, 0, .07, 1); transition: all .3s cubic-bezier(.86, 0, .07, 1) }
.livechat-girl .livechat-hint.show_hint { -webkit-transform: translateX(-40px); transform: translateX(-40px); opacity: 1 }
.livechat-girl .livechat-hint.hide_hint { opacity: 0; -webkit-transform: translateX(0); transform: translateX(0) }
.livechat-girl .livechat-hint.rd-notice-tooltip { max-width: 1296px!important }
.livechat-girl .livechat-hint.rd-notice-tooltip .rd-notice-content { width: auto; overflow: hidden; text-overflow: ellipsis }
@media only screen and (max-width:1599px) {
.livechat-girl .livechat-hint.rd-notice-tooltip { max-width: 1060px!important }
}
@media only screen and (max-width:1309px) {
.livechat-girl .livechat-hint.rd-notice-tooltip { max-width: 984px!important }

}
@media only screen and (max-width:1124px) {
.livechat-girl .livechat-hint.rd-notice-tooltip { max-width: 600px!important }
}
.rd-notice-tooltip { -webkit-box-shadow: 0 2px 2px rgba(0,0,0,.2); box-shadow: 0 2px 2px rgba(0,0,0,.2); font-size: 14px; border-radius: 3px; line-height: 1.25; position: absolute; z-index: 65; max-width: 350px; opacity: 1 }
.rd-notice-tooltip:after { position: absolute; display: block; content: ''; height: 20px; width: 20px; -webkit-box-shadow: none; box-shadow: none; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; z-index: 50 }
.rd-notice-tooltip .rd-notice-content { background: 0; border-radius: 3px; width: 100%; color: #fff; position: relative; z-index: 60; padding: 20px; font-weight: 400; line-height: 1.45 }
.rd-notice-type-success { background-color: #f10000; -webkit-box-shadow: 0 5px 10px 0 rgba(241,0,0,.2); box-shadow: 0 5px 10px 0 rgba(241,0,0,.2) }
.rd-notice-type-success .rd-notice-content { background-color: #f10000 }
.rd-notice-type-success:after { background-color: #f10000; -webkit-box-shadow: 0 5px 10px 0 rgba(241,0,0,.2); box-shadow: 0 5px 10px 0 rgba(241,0,0,.2) }
.rd-notice-position-left { margin-left: -20px }
.rd-notice-position-left:after { right: -6px; top: 50%; margin-top: -10px }
.rd-notice-tooltip.single-line .rd-notice-content { height: 40px; padding: 0 20px; line-height: 40px; white-space: nowrap }

.n_news .right.fixed{position:fixed;right: 50%;margin-right: -800px;top: 6.25rem;}



/*==========================================首页 结束=============================================*/


/*==========================================内页 开始=============================================*/


/*==========================================内页 结束=============================================*/

@media(min-width: 768px){
	.container01 .fl01 ul li a:hover .box span.y1 { opacity: 0; transform: scale(1.3); -webkit-transform: scale(1.3); }
	.container01 .fl01 ul li a:hover .box span.y2 { opacity: 1; transform: scale(1); -webkit-transform: scale(1); visibility: visible; }
	.container01 .fl01 ul li:hover .icon .con01{ left:100%;}
	.container01 .fl01 ul li:hover .icon .con02{ left:0;}

	.container02 ul.ul li:hover a .img:after{ left:0; width:0}
	.container02 ul.ul li:hover a .con:before{ left:0; width:100%}

	.container02 ul.ul li:hover a .con h4{ height:1.875rem}
	.container02 ul.ul li:hover a .con h5{ height:1rem}

	.container04 .slider-for ul li .box .fr h5 a:hover{ color:#3186d6}


	.container08 .con.left ul li a:hover,.container09 ul li a:hover,.case_n ul li .con h5 a:hover, .n_join .bottom p a:hover, .n_news .left ul li .con h5 a:hover, .n_news .right ul li a:hover,.case_n01 ul li .con h5 a:hover,.b_nav .con.center a:hover,.n_news_detail .right .con ul li a:hover{ color:#3186d6}

	.case_n ul li .box .img:hover .red-bg { opacity: 1; visibility: visible; }
  .case_n ul li .box .img:hover h3{opacity:1;visibility: visible;font-size:24px;}
  .case_n ul li .box .img:hover p{opacity:1;visibility: visible;font-size:16px;}
	.case_n ul li .box .img:hover .line { transform: translate(0); -webkit-transform: translate(0); opacity: 1; visibility: visible; }
	.case_n ul li .box .img:hover img{ transform:scale(1.05);}

	.n_news .left ul li .box .img:hover .red-bg { opacity: 1; visibility: visible; }
	.n_news .left ul li .box .img:hover .line { transform: translate(0); -webkit-transform: translate(0); opacity: 1; visibility: visible; }
	.n_news .left ul li .box .img:hover img{ transform:scale(1.05);}

	.case_n01 ul li .box .img:hover .red-bg { opacity: 1; visibility: visible; }
	.case_n01 ul li .box .img:hover .line { transform: translate(0); -webkit-transform: translate(0); opacity: 1; visibility: visible; }
	.case_n01 ul li .box .img:hover img{ transform:scale(1.05);}

	.banner_n06 .left ul li a:hover{ border:#3186d6 1px solid}
	.banner_n06 .left ul li a:hover:before{ top:0; height:100%}

	.b_nav .con.fr a:hover{ color:#3186d6}
	.n_about .fl03 ul li:hover a img.img02{ filter:alpha(opacity=1); opacity:1; -moz-opacity:1; -khtml-opacity:1}

	.al_select ul li:hover:after{ left:0; width:100%}

	.case_n_x ul li .con h6 span a:hover{ background:#ff0000; color:#fff; border:#ff0000 1px solid}

	.container05 ul li .img:hover{}
}

.case_n ul li .box .img:hover .red-bg { opacity: 1; visibility: visible; }
.case_n ul li .box .img:hover h3{opacity:1;visibility: visible;font-size:32px;}
.case_n ul li .box .img:hover p{opacity:1;visibility: visible;font-size:16px;}
@media(min-width: 992px) and (max-width: 1300px){
}

@media(max-width: 1700px){
	.n_about .fl02 ul .miso-prev{ left:2rem}
	.n_about .fl02 ul .miso-next{ right:2rem}
}

@media(max-width: 1620px){
	.container04 .slider-for ul{ margin:0 -1rem}
	.container04 .slider-for ul li{width:33.333333%;padding: 0  0 0 2rem;}

	.n_news .right.fixed{right:15px;margin-right:0;}
}

@media(max-width: 1470px){
	.container04 .slider-for ul{ margin:0 -0.5rem}
	.container04 .slider-for ul li{width:33.333333%;padding: 0  0 0 1rem;}
	.container04 .slider-for ul li .box{}

	.banner_n01 .fr ul{ margin:8rem 0 0 0}
	.banner_n01 .fr ul li{ width:14rem}
	.banner_n01 .fr ul li h4{ height:4rem}
	.banner_n01 .fr ul li h4 span.counter{ font-size:4rem}

	.n_about .fl02 ul .miso-prev, .n_about .fl02 ul .miso-next{ top:70%}
	.n_about .fl02 ul .miso-prev{ left:auto; right:8rem}
	.n_about .fl02 ul .miso-next{ right:4rem}

}

@media(max-width: 1415px){
	.container04 .slider-for ul li .box .fl .time h2{ font-size:1.5rem}

	.banner_n05 dl dt,.banner_n05 dl dd{ height:50%;}
	.banner_n05 dl dt,.banner_n05 dl dd{ width:50%; border-bottom:rgba(255,255,255,0.1) 1px solid; border-right:rgba(255,255,255,0.1) 1px solid;}
	.banner_n05 dl dt .table{ text-align:center}
	.banner_n05 dl dd:nth-child(2),.banner_n05 dl dd:last-child{ border-right:none}
}

@media(max-width: 1300px){
	.n_news .left ul{ margin:0 -0.75rem}
	.n_news .left ul li{ padding:0 0.75rem}
	.n_news .left ul li:nth-child(2) .con p{ display: none}
	.n_news .left ul li:nth-child(2) .con h5{ margin-bottom:2rem}


	.n_about .fl03 ul li.li .box img{ height:50%}
}

@media(max-width: 1240px){
	.container04 .slider-for ul li .box{ padding:2rem}
	.container04 .slider-for ul li .box .fl .time h2{ margin-bottom:2rem}
	.container04 .slider-for ul li .box .fr h5{ margin:0.5rem 0 1rem}
	.container04 .slider-for ul li .box .fr p{ margin-bottom:1.75rem}
}

@media(max-width: 1200px){
	.container01 .fl01 ul li .icon .con img{ max-height:2.8rem}

	.container02 ul.ul li{ width:33.333333%}

	.container04 .slider-for ul{
    margin: 0 0 0 -1rem;
    width: auto;
}
	.container04 .slider-for ul li{ width:50%;}

	.container05{ background-position:0 !important}

	.container08 .con.right{ padding:0 0 0 2rem}

	.banner_n01 .fr ul{ margin:8rem 0 0 0}
	.banner_n01 .fr ul li{ width:11rem}
	.banner_n01 .fr ul li h4{ height:3rem}
	.banner_n01 .fr ul li h4 span.counter{ font-size:3rem}

	.n_news .left ul li .con{ padding-top:2rem; padding-bottom:2rem}

	.n_news_detail .left{ width:100%; margin-bottom:3rem}
	.n_news_detail .left .box{ padding:4rem 2rem}
	.n_news_detail .right{ display:none}

	.ar_wap.clear{ display:block}
}

@media(max-width: 1060px){

}

@media(max-width: 992px){
	header .fr{ display:none}
	.wap_nav{ display:block}

	.container01 .fl01 ul li{ width:33.333333%; margin-bottom:2rem}

	.container03 ul li{ width:25%;}

	.container08 .con.center ul li.li{ display:none}
	.container08 .con.left{ padding:0 2rem 0 0}

	.banner_n01 .fl,.banner_n01 .fr{ width:100%}

	.n_about .fl01 .fl{ margin-bottom:3rem}
	.n_about .fl01 .fl,.n_about .fl01 .fr{ width:100%}

	.n_about .fl01 .fl h2{ font-size:2rem}

	.case_n ul{ margin:0 -0.75rem}
	.case_n ul li{ width:50%; padding:0 0.75rem; margin-bottom:2rem}

	.n_join ul>li .box .left{ width:25%}
	.n_join ul>li .box .right{ width:74%}

	.n_news .left ul{ margin:0 -0.5rem}
	.n_news .left ul li{padding:0 0.5rem;width:50%;height:  auto !important;margin-bottom: 2rem;}

	.n_news .left ul li.li{ width:100%}
	.n_news .left ul li:nth-child(2) .con{height:auto !important;padding-top: 2rem !important;padding-bottom: 2rem !important;}
	.n_news .left ul li:nth-child(2) .con p{ display:block}
	.n_news .left ul li:nth-child(2) .con h5{ margin-bottom:1rem}

	.n_news .right,.n_news .layui-col-xs12:before{ display:none}
	.n_news .left{ width:100%}
	.news_nav{ display:block}

	.banner_n05 dl dt h3{font-size:3rem;color:#fff;font-family:Impact;}
	.banner_n05 dl dt h4{ font-size:1.5rem; color:#fff; margin:1.875rem 0 0.875rem}
	.banner_n05 dl dt h2{ font-size:1.5rem; color:#fff; font-weight:bold; margin-bottom:1.75rem}
	.banner_n05 dl dt h6{ font-size:0.9375rem; line-height:1.5rem; color:#fff; text-transform:uppercase}

	.banner_n05 dl dd h3{ height:3.5rem; line-height:3.5rem}
	.banner_n05 dl dd h3 img{ height:1.5rem}
	.banner_n05 dl dd h4{ font-size:1.25rem; margin:0 0 1.5rem; }
	.banner_n05 dl dd h2{ font-size:1.125rem; margin-bottom:0.75rem}
	.banner_n05 dl dd h5{ font-size:1rem; }

	.banner_n05 dl dd h6{font-size:1rem;line-height: 1.5rem;margin-bottom:1rem;}
	.banner_n05 dl dd ul li{  margin:0  0.5rem; }

	.banner_n05 dl dd .con{ height:auto}
	.banner_n05 dl dd ul li h3 img{ height:2.5rem}

	.video_box{ display:none}

	.banner_n06 .left h3{ font-size:2.5rem; margin-top:-15rem}
	.banner_n06 .left h4{ font-size:1.25rem}
	.banner_n06 .left h6{ margin-bottom:4rem}
	.banner_n06 .right{ width:100%; right:0rem; bottom:-1rem}

	.case_n01 ul{ margin:0 -0.75rem}
	.case_n01 ul li{ width:50%; padding:0 0.75rem; margin-bottom:2rem}

	.case_n_x ul li{width:33.333333%;}
}


@media(max-width: 768px){
	header .fl img{ height:2.4rem}

	.banner_box .banner .cont h1{ font-size:3.5rem; line-height:6rem; }
	.banner_box .banner .cont .intro{ font-size:1.25rem; letter-spacing:4px;}

	.container01{ padding:5rem 0}
	.container01 .title{ margin-bottom:3rem}
	.container01 .fl02 ul li{ width:20%; margin-bottom:1rem}
	.container01 .fl02 ul li span{ opacity:1}

	.container02 ul.ul li{ width:50%}
	.container02 ul.ul li a .con h3 img{ max-width:60%; max-height:3.5rem}
	.container02 .title{ margin-bottom:3rem}
	.container02 .slider-for ul li{ width:100%;}
	.container02 .slider-nav .miso-slide h5{ padding:0; display:block}
	.container02 .slider-for ul li .box .fl .dot img{ height:3.5rem}

	.container03 ul .miso-slide li{ width:33.333333%; margin-bottom:1rem}
	.container03 ul li .img{padding:0 1rem}
	.container03 .title h2 img{ height:5rem}
	.container03 .title h4 .ar_wap{ display:inline-block; line-height:1.75rem}

	.container03{ padding:5rem 0}
	.container03 .title{ margin-bottom:3rem}

	.container04{ padding:5rem 0}
	.container04 .title{ margin-bottom:3rem}
	.container04 .slider-for ul li{ width:100%;}
	.container04 .slider-nav .miso-slide h5{ padding:0; display:block}
	.container04 .slider-for ul li .box .fl .dot img{ height:3.5rem}

	.container05{ padding:5rem 0; }
	.container05 .title{ margin-bottom:3rem}
	.container05 ul{padding:0 0.5625rem;}
	.container05 ul li{ width:33.333333%; padding:0 0.5625rem}
	.container05 ul li .img{ height:6rem; line-height:6rem}

	.container07{ height:20rem}

	.container06 .con.right{ margin-left:2rem}
	.container06 .con.right h3{ margin:1rem 0 2rem; font-size:2rem}

	.container08{ padding:3rem 0}

	footer .fl{ line-height:1.5rem; margin-bottom:1rem; width:100%; text-align:center;}
	footer .fl .ar_wap{ display:inline-block}
	footer .fr{ text-align:center; position:relative; padding-right:2rem; width:100%;}
	.container08 .con:before{ display: none}

	.banner_n{ width:100vw !important; height:calc(100vh - 6.25rem) !important}
	.banner_n06{height:auto !important;}
	.banner_n06 .left{ padding:3.25rem 0 4rem}
	.banner_n06 .left h3{ margin-top:0}
	.banner_n06 .right{ position:relative}

	.banner_n01 .fr ul{ width:100%; margin:3rem 0 0 0;}
	.banner_n01 .fr ul li{ width:25%}


	.n_about .fl01{ padding:3.5rem 0 1rem}
	.n_about .fl01 .fr ul{ margin:0 0}


	.n_about .fl01 .fr ul li{ width:25%; height:4.5rem; line-height:4.5rem}
	.n_about .fl02 .miso-dots{ bottom:3rem}
	.n_about .fl02 ul li.miso-slide .fl{ padding:2rem 0 0}
	.n_about .fl02 ul li.miso-slide{ padding:5rem 0 12rem;}
	.n_about .fl02 ul li.miso-slide .fl h3{ font-size:1rem}
	.n_about .fl02 ul li.miso-slide .fr h2{ font-size:6rem}
	.n_about .fl02 ul .miso-prev, .n_about .fl02 ul .miso-next{ width:11px; height:21px; background-size:cover}

	.container08 .con.right h3 img{ height:1rem}

	.banner_n{ background-position:0 !important}
	.banner_n02{ height:10rem !important}
	.banner_n02 h3{ font-size:1.75rem; }
	.banner_n02 h4{ font-size:1rem;}
	.banner_n02 h2{ font-size:1.4375rem;margin-bottom: 10px;}
	.banner_n02 h6{ font-size:0.875rem; }
  .banner_n02 .layui-container01, .banner_n02 .layui-row, .banner_n02 .layui-col-xs12{display:flex;justify-content:left;align-items:center;}

	.case_n{ padding:1.525rem 0 3.25rem; }

	.page a{ display:none}
	.page a.block{ display:inline-block}

	.n_join{ padding:3rem 0 3rem;}

	.banner_n03{ height:20rem !important}
	.banner_n03 h3 img{ height:8rem}

	.n_join ul{ margin-bottom:3rem}

	.banner_box{ overflow:hidden;}
	.banner_box .banner{ width:100vw !important; height:calc(100vh - 6.25rem) !important}


	.banner_n06 .left ul li a span img{ height:12px;}

	.case_n01{ padding:3.625rem 0 3.25rem; }

	.case_n01 .title h5{ font-size:1.125rem; text-align:center}
	.case_n01 .title h2{ font-size:2rem; text-align:center}

	.banner_n06 .right img{ opacity:1; -webkit-transform:translate(0,0);-ms-transform:translate(0,0);transform:translate(0,0)}

	.n_news_detail .left .box .ar_title h3{ font-size:1.5rem}

	.n_about .fl03 ul li.li{ width:50%}
	.n_about .fl03 ul li.li .box img{ height:30%}
	.n_about .fl03 ul li{ width:25%}
	.n_about .fl03 ul li a img.ar_wap{ display:block}
	.n_about .fl03 ul li.li01{ opacity:0;-webkit-transition-property:all;transition-property:all; -webkit-transform:scale(.6);-ms-transform:scale(.6);transform:scale(.6); -webkit-transition-duration:.6s;transition-duration:.6s; height:0}

	.n_about .fl03 ul li.li01.xian{ opacity:1;-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1); height:auto}
	.n_about .fl03 ul .more{ display:block}
	.n_about .fl03 ul .more span.span02.xian{ opacity:1;-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1); width:auto}
	.n_about .fl03 ul .more span.span01.none{ opacity:0;-webkit-transform:scale(0.6);-ms-transform:scale(0.6);transform:scale(0.6); width:0}

	.case_n_x ul li{width:50%;}

	.al_select ul li a img{ height:20px;}

	.case_n_x{ padding:3rem 0 4rem}
	.case_n_x ul li{ margin-bottom:5rem}

	.container09 ul{ height:5.625rem; overflow:hidden}

	.container09 .more{text-align:center;display:  block;margin-top: 2rem;}
	.container09 .more a{ font-size:0.875rem; color:#3186d6; text-decoration:underline}
	.container09 .more a.a2{ display:none}
	.container09 .more a.a1.none{ display:none}
	.container09 .more a.a2.on{ display:inline-block}
	.container09 ul.on{ height:auto;}

	header .fl embed.wap{ display:inline-block; width:12rem}
	header .fl embed.web{ display:none}

	.button01.ar_web{ display:none}
	.button01.ar_wap{ display:inline-block}

	.zixu_wap{ display:inline-block !important}
	.zixu_web{display: none !important;}

	.banner_box .banner .cont .intro img{max-width:100%;position: relative;}

	header .fl embed.web{ display: none}
	.livechat-girl .livechat-hint.rd-notice-tooltip{ display:none !important}
}

@media(max-width: 640px){
	.container01 .fl01 ul li .box span.y1{ border:#fff 1.5px solid}
	.container01 .fl01 ul li .box, .container01 .fl01 ul li .box span.y1, .container01 .fl01 ul li .icon{width:6rem; height:6rem; line-height:6rem}
	.container01 .fl01 ul li .icon .con img{ height:2.2rem}
	.container01 .fl01 ul li h5{ margin-bottom:0.5rem; margin-top:1.25rem}
	.container01 .fl01 ul li h6{ font-size:10px;}

	.container01 .fl01 ul li h6{ line-height:1.5rem; height:3rem}

	.container04 .slider-for ul li .box .fr h6 img{ width:2.4rem}

	.container06{ padding:4rem 0}
	.container06 .con.left{ width:100%; text-align:center; margin-bottom:2rem}
	.container06 .con.left h3{ margin-bottom:1rem}

	.container06 .con.right{ width:100%; text-align:center; margin-left:0}

	.container08 .con.left,.container08 .con.center,.container08 .con.right,.container08 .con.right .box{ width:100%; padding:0; text-align:center}
	.container08 .con.center{ margin-bottom:2rem}
	.container08 .con.left{ padding:0 3rem}

	.banner_n01 .fl h2{ font-size:1.75rem}
	.banner_n01 .fl h4{font-size:1.25rem;margin: 3rem 0 1.5rem;}
	.banner_n01 .fr ul{ height:80px;}
	.banner_n01 .fr ul li h4{ height:2rem; overflow:hidden;}
	.banner_n01 .fr ul li h4 span.counter{ font-size:2rem}
	.banner_n01 .fr ul li h4 span{ font-size:1rem}
	.banner_n01 .fl h2:before{ bottom:-1.25rem; height:2px}
	.banner_n01 .fr ul li h5{ padding-right:0.75rem; font-size:1rem}
	.banner_n01 .fr ul li h6{ padding-right:0.5rem; font-size:1rem}

	.case_n ul{ margin:0 -0.5rem}
	.case_n ul li .con h5, .case_n ul li .con h5 a{ font-size:1.125rem}
	.case_n ul li{ width:50%; padding:0 0.5rem; margin-bottom:1.5rem}
	.case_n ul li .con{ padding:1.55rem 1rem 1.75rem 1rem}

	.n_join .title h4{ font-size:0.875rem}
	.n_join .title h3{ font-size:1.25rem}
	.n_join ul>li{ margin-bottom:1.5rem}
	.n_join ul>li .box .left{width:100%;display:block;border:none;border-bottom:#dcdee0 2px solid;padding:2rem 0;position: relative;}
	.n_join ul>li .box .left .con{position:relative;min-height: auto;padding: 00.5rem;}
	.n_join ul>li .box .left .con h3 img{ width:5rem}
	.n_join ul>li .box .right{ width:100%; display:block}
	.n_join ul>li .box .right .con{ padding:0 1rem}

	.n_news .left{ padding:4rem 0 3rem}
	.n_news .left ul li.li .top{ padding:2rem 2rem 0}

	.banner_n04 h2{ font-size:1.75rem}

	.case_n01 ul{ margin:0 -0.5rem}
	.case_n01 ul li .con h5, .case_n01 ul li .con h5 a{ font-size:1.125rem}
	.case_n01 ul li{ width:50%; padding:0 0.5rem; margin-bottom:1.5rem}
	.case_n01 ul li .con{ padding:1.55rem 1rem 1.75rem 1rem}

	.n_news_detail .left .box{ padding:4rem 1rem}

	.n_news_detail .left .box .ar_title h6 span img{ height:11px;}

	.b_nav .con.center img{ height:14px;}
	.b_nav .con.fl img,.b_nav .con.fr img{ width:14px;}

	.ar_article p{ font-size:1rem}

	.container08 .con.right p .ar_wap{ display:inline-block}
	.case_n_x ul li .img .top .table_cell .sj_top img{ height:0.5rem}
}

@media(max-width: 456px){
	.container01 .fl01 ul li .box, .container01 .fl01 ul li .box span.y1, .container01 .fl01 ul li .icon{width:5rem; height:5rem; line-height:5rem}
	.container01 .fl01 ul li .icon .con img{ height:2rem}
	.container01 .fl01 ul li h6{ line-height:1rem; height:2rem}

	.case_n ul li{ width:100%;}

	.n_news .left ul li{ width:100%; margin-bottom:1.5rem}

	.case_n01 ul li{ width:100%;}
}