/* CSS Document */

* {
	margin: 0;
	padding: 0
}

html {
	-ms-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%;
	/*修正手持设备字体变化*/
	-webkit-font-smoothing: subpixel-antialiased;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
	-moz-tap-highlight-color: rgba(0, 0, 0, 0);
	-ms-tap-highlight-color: rgba(0, 0, 0, 0);
	-o-tap-highlight-color: rgba(0, 0, 0, 0);
	tap-highlight-color: rgba(0, 0, 0, 0);
}

body {
	font-family: "Microsoft Yahei", Arial;
	font-size: 16px;
	overflow-x: hidden;
	color: #5c5c5c
}

a {
	text-decoration: none;
	outline: none;
	-webkit-transition: .3s;
	-moz-transition: .3s;
	transition: .3s;
	color: #666
}

a:hover {
	color: #bf3532
}

img {
	border: none;
}

table {
	border-collapse: collapse
}

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

.clearfix {
	zoom: 1;
	clear: both
}

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

header .right-side {
	clear: none;
}

.fl {
	float: left
}

.fr {
	float: right
}

button,
input {
	outline: none
}

h1,
h2,
h3,
h4,
h5 {
	font-weight: normal
}

.flex {
	display: -webkit-flex;
	display: flex;
	flex-wrap: wrap;
	align-items: flex-start;
}

.wrap {
	width: 1300px;
	padding: 0px ;
	margin: 0 auto
}

.wrap_1 {
	width: 1200px;
	padding: 0px ;
	margin: 0 auto
}

/*===============================*/

@font-face {
	font-family: 'DINPro-Bold';
	src: url("../fonts/DINPro-Bold.otf");
}

.header {
	width: 90%;
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 9999;
	border-bottom: 1px rgba(255, 255, 255, .09) solid;
	padding: 0px 5%;
}

.header:hover {
	background: rgba(0, 0, 0, .15);
	border-bottom: 1px rgba(255, 255, 255, .2) solid;
}

.headtop {
	width: 100%;
	height: 30px;
	border-bottom: 1px #ffffff solid;
	text-align: center;
}

.headbox {
	width: 1200px;
	margin: 0 auto;
}

.headbox ul li {
	list-style: none;
	float: left;
	font-size: 12px;
	border-right: 1px #ededed solid;
	color: #ffffff;
	opacity: 0.7;
	filter: alpha(opacity=70);
	margin: 9px 0px;
	padding: 0 8px;
	font-family: Verdana, Arial, Helvetica, sans-serif
}

.headbox ul li a {
	color: #ffffff;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	opacity: 0.7;
	filter: alpha(opacity=70)
}

.headbox ul {
	float: right;
}

.headbox ul li:last-child {
	border: none;
}

.headbox ul li a:hover {
	color: #d61519;
	text-decoration: none;
}

.headbox ul li img {
	margin-right: 3px;
}

.nav {
	width: 87%;
	height: 95px;
	margin: 0 auto;
	float: left;
	border-right: 1px rgba(255, 255, 255, .15) solid;
	box-sizing: border-box;
}

.nav_logo {
	float: left;
	margin-top: 20px;
}

.nav ul {
	display: inline-block;
	float: right;
	margin-right: 8%;
}

.nav ul li {
	float: left;
	font-size: 15px;
	list-style: none;
	width: 95px;
	text-align: center;
}

.nav ul li:hover {
	border-bottom: 2px #df0e19 solid;
	/*background: rgba(0,0,0,.1);*/
}

.nav ul li>a {
	color: #ffffff;
	display: block;
	line-height: 95px;
	font-size: 15px;
}

.nav ul li a:hover {
	color: #ffffff;
	text-decoration: none;
}

.header3 {
	position: fixed;
	top: 0;
	width: 100%;
	left: 0;
	height: 95px;
	z-index: 999;
}

.header3 .nav ul li>a.cur {
	color: #e7140d
}



/* 导航折叠按钮	*/
.sp_nav {
	display: block;
	width: 50px;
	position: absolute;
	height: 30px;
	z-index: 10001;
	right: 20%;
	top: 40px;
}

.sp_nav span {
	display: block;
	background: #ffffff;
	width: 18px;
	height: 2px;
	position: absolute;
	left: 10px;
	transition: all ease 0.35s;
}

.sp_nav .sp_nav1 {
	top: 0px;
}

.sp_nav .sp_nav2 {
	top: 6px;
	width: 14px;
}

.sp_nav .sp_nav3 {
	top: 12px;
}

.sp_nav_se .sp_nav1 {
	top: 10px;
	transform: rotate(45deg);
}

.sp_nav_se .sp_nav2 {
	width: 0 !important;
}

.sp_nav_se .sp_nav3 {
	top: 10px;
	transform: rotate(-45deg);
}

.sp_nav:hover .sp_nav2 {
	width: 18px;
}

.span_navcolor {
	background-color: #222222 !important;
}

.overDiv {
	overflow: hidden;
}

.vr_ico {
	display: block;
	width: 24px;
	position: absolute;
	height: 17px;
	z-index: 10001;
	right: 18.5%;
	top: 40px;
}



.phone {
	width: 13%;
	font-size: 14px;
	float: right;
	text-align: right;
}

.phone p {
	color: #fff;
	margin-top: 20px;
}

.phone h2 {
	color: #fff;
	font-size: 24px;
	margin: 5px 0px 0px 0px;
	font-family: 'DINPro-Bold';
}

.nav ul li .erji {
	width: 100%;
	height: 80px;
	background: rgba(0, 0, 0, .4);
	/*二级导航灰度*/
	position: absolute;
	top: 95px;
	left: 0px;
	text-align: center;
	display: none;
}

.nav ul li .erji a {
	color: #fff;
	margin: 0px 15px;
	line-height: 80px;
	font-size: 14px;
	opacity: .7;
}

.nav ul li .erji a:hover {
	opacity: 1;
}

.index_banner {
	width: 100%;
	height: 100vh;
	position: relative;
	background-color: #111
}

.index_banner .swiper-container {
	width: 100%;
	height: 100%;
}

.index_banner .swiper-slide {
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
}

.index_banner .swiper-slide h2 {
	color: #fff;
	font-size: 58px;
	text-shadow: 0 2px 2px #333333;
	margin: 0 auto;
	transform: translateY(-220px);
	opacity: 0;
	transition: all .3s;
	transition-delay: 0.6s;
}

.index_banner .swiper-slide p {
	color: #fff;
	font-size: 17px;
	text-shadow: 0 2px 2px #333333;
	margin: 50px 0px 40px 0px;
	transform: translateY(-300px);
	opacity: 0;
	transition: all .5s;
	transition-delay: 1.1s;
}

.index_banner .swiper-slide h4 {
	color: #2aa53a;
	font-size: 26px;
	font-weight: bold;
	padding-left: 5.5%;
	position: relative;
	top: -85px;
	margin-bottom: -85px;
	transform: translateX(-2000px);
	opacity: 0;
	transition: all .5s;
	transition-delay: 1.7s;
}

.index_banner .swiper-slide .su {
	color: #2aa53a;
	margin-top: 18px;
	transform: translateY(-300px);
	opacity: 0;
	transition: all .5s;
	transition-delay: 2.2s;

}

.index_banner .swiper-slide h5 {
	color: #fff;
	font-size: 38px;
	font-weight: bold;
	position: relative;
	top: -155px;
	right: -320px;
	margin-bottom: -120px;
	transform: translateX(-2000px);
	opacity: 0;
	transition: all .5s;
	transition-delay: 2.7s;
}

.index_banner .swiper-slide h6 {
	color: #fff;
	font-size: 38px;
	font-weight: bold;
	position: relative;
	top: -85px;
	left: -330px;
	transform: translateX(2000px);
	opacity: 0;
	transition: all .5s;
	transition-delay: 3.1s;
}

.index_banner .swiper-slide h3 {
	transform: translateY(-400px);
	opacity: 0;
	transition: all .5s;
	transition-delay: 2.2s;
}


.index_banner .swiper-slide h3 a {
	font-size: 14px;
	color: #fff;
	text-transform: uppercase;
	border-bottom: 1px #fff solid;
	font-family: Arial, Helvetica, sans-serif;
	padding-bottom: 10px;
	font-weight: normal;
}

.index_banner .swiper-slide h3 a:hover {
	font-size: 14px;
	color: #ccc;
	text-transform: uppercase;
	border-bottom: 1px #ccc solid;
	font-family: Arial, Helvetica, sans-serif;
	padding-bottom: 10px;
	font-weight: normal;
}

.index_banner .ani-slide h2 {
	transform: translateY(0);
	opacity: 1;
}

.index_banner .ani-slide p {
	transform: translateY(0);
	opacity: 1;
}

.index_banner .ani-slide h3 {
	transform: translateY(0PX);
	opacity: 1;
	letter-spacing: 2px;
}

.index_banner .ani-slide h4 {
	transform: translateX(0);
	opacity: 1;

}

.index_banner .ani-slide .su {
	transform: translateY(0);
	opacity: 1;
}

.index_banner .ani-slide h5 {
	transform: translateX(0);
	opacity: 1;

}

.index_banner .ani-slide h6 {
	transform: translateX(0);
	opacity: 1;

}

/*首页滚动数字*/

.numbbox {
	width: 100%;
	margin: 0 auto;
	position: absolute;
	z-index: 999;
	bottom: 0;
	background: rgba(0, 0, 0, .2);
}

.num-width {
	width: 1300px;
	margin: 0 auto;
}

.numbbox a {
	color: #f7f7f7;
}

.numbbox a:hover {
	color: #ffffff;
}

.numbli {
	width: 25%;
	float: left;
	text-align: center;
	box-sizing: border-box;
	padding-bottom: 20px;
}

.numbli p {
	font-size: 16px;
	margin: 30px 0px 0px 0px;
	color: #f7f7f7;
}

.numbli p span {
	font-size: 39px;
	font-family: 'DINPro-Bold';
	color: #f7f7f7;
	font-weight: bold;
}

.numbli h3 {
	font-weight: normal;
	font-size: 15px;
	margin: 0;
	color: #f7f7f7;
}


.mains {
	padding: 40px 0 0 0;
	line-height: 32px;
	font-family: "Microsoft Yahei";
}

.service-area-wrap {
	background: #ffffff;
	padding-bottom: 50px;
}

.site-mod02-wrap,
.site-mod05-wrap,
.site-mod07-wrap {
	padding-top: 0px;
	padding-bottom: 30px;
}

.site-title {
	text-align: center;
	font-size: 36px;
	font-weight: bold;
	color: #3e3e3e;
	height: 70px;
	line-height: 70px;
	background: url(https://www.waimaoad.com/static/home/images/site-line.png) no-repeat center;
}

.service-area-wrap,
.classic-case-mod-wrap,
.famous-mod-wrap,
.news-mod,
.news_mod_wrap {
	padding: 30px 0 60px 0;
}

.site-mod05-wrap .site-orange {
	width: 440px;
}

.site-orange {
	display: block;
	width: 290px;
	height: 34px;
	border: 1px solid #ff7707;
	line-height: 30px;
	color: #ff7707;
	font-size: 20px;
	text-align: center;
	border-radius: 17px;
	margin: 12px auto 20px;
}

.site-orange2 {
	color: #e7140d;
	border: 1px solid #e7140d;
	font-size: 16px;
	line-height: 32px;
	height: 32px;
}

.description {
	color: #555555;
	font-size: 16px;
	line-height: 30px;
	text-align: center;
	width: 100%;
	margin: 0 auto 15px;
	padding: 0 15px;
}

.koplp {
	width: 33.33333333%;
	float: left;
	margin-top: 0%;
}

.item2 {
	width: 100%;
	text-align: center;
	color: #fff;
	border-bottom: 1px solid rgba(255, 255, 255, .1);
	border-bottom-color: rgba(255, 255, 255, 0.1);
	border-right: 1px solid rgba(255, 255, 255, .1);
	border-right-color: rgba(255, 255, 255, 0.1);
	padding: 30px 20px;
}

.item2 .images {
	width: 100%;
}

.item2 .images img {
	max-width: 100%;
	width: auto;
	display: block;
	margin: 0 auto;
}

.item2 .title {
	font-size: 20px;
	font-weight: bold;
	line-height: 40px;
	white-space: nowrap;
	text-overflow: ellipsis;
	margin-top: 5%;
	color: #000;
	overflow: hidden;
}

.item2 .description {
	height: auto;
	font-size: 16px;
	color: #000;
	opacity: .8;
	display: block;
	height: 20px;
	line-height: 20px;
	overflow: hidden;
}

.wsale {
	width: 100%;
	height: 120px;
	background: url(../image/wslae.png) no-repeat center/cover;
}

.wsale p {
	font-size: 18px;
	color: #000;
	margin-lefT: 328px
}

.wsale p.p1 {
	padding-top: 32px;
}

.wsale p span {
	font-size: 22px;
	color: #f95146;
	text-decoration: underline;
	font-style: italic;
}

.wsale p.p2 {
	margin-top: 10px;
}

.site-mod0201-wrap {
	background-color: #f7f7f7;
	text-align: center;
	padding-bottom: 0%;
}

.w {
	padding: 55px 0 0;
	padding-bottom: 50px;
	overflow: hidden;
	height: auto;
	margin: auto;
}

.site-mod02-wrap,
.site-mod05-wrap,
.site-mod07-wrap {
	padding-top: 0px;
	padding-bottom: 20px;
	margin-bottom: 20px;
}

div.span-1 {
	width: 31.3333%;
	margin-right: 24px;
	padding-bottom: 15px;
	opacity: 0;
	margin-top: 200px;
	float: left;
	margin-top: 0px;
	opacity: 1;
}

.span-1 .block-1 {
	border-radius: 6px;
	background-color: #fff;
	height: 320px;
	text-align: center;
	box-shadow: #eef4f9 7px 5px 17px;
}

.block-1 .btit {
	display: block;
	color: #fff;
	line-height: 25px;
	font-weight: bold;
	background: #c31105;
	position: relative;
	height: 150px;
	border-radius: 6px 6px 0 0;
}

.block-1 .btit i {
	display: block;
	width: 84px;
	height: 84px;
	border: 1px solid #c31105;
	margin: -25px auto 0;
	border-radius: 88px;
	background-color: #c31105;
	position: absolute;
	left: 0;
	right: 0;
	background-position: center center;
	background-repeat: no-repeat;
}

.block-1 .btit span {
	display: block;
	font-size: 30px;
	font-weight: bold;
	padding: 75px 0 0;
	color: #fff;
}

.block-1 .bkc {
	padding: 0px 0 0;
}

.bcat {
	color: #666;
	font-size: 16px;
	padding: 20px;
	line-height: 35px;
}

.fullwidth {
	clear: both;
	overflow: hidden;
	width: 100%;
	padding-top: 25px;
}

.btitle {
	display: block;
	text-align: center;
	line-height: 50px;
	font-size: 34px;
	color: #000;
	margin: 10px auto;
	position: relative;
	padding: 10px 0;
}

.btitle:after {
	content: "";
	width: 50px;
	height: 2px;
	background: #000;
	position: absolute;
	bottom: 0;
	left: 50%;
	margin-left: -25px;
}

.padt2 {
	background-color: #C30;
	padding-top: 2%;
	padding-bottom: 3%;
}

.advantage-cont {
	overflow: hidden;
	width: 100%;
	margin: 20px auto;
	text-align: center;
}

.advantage-cont img {
	max-width: 100%;
}

.main2 {
	padding: 30px 0;
}

.bggray {
	background: #fff;
}

.core ul {
	width: 100%;
	overflow: hidden;
	padding: 40px 0;
	text-align: center;
	cursor: pointer
}

.core ul li {
	float: left;
	overflow: hidden;
	width: 18%;
	margin: 0 1%;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-o-transition: all 0.5s;
	-ms-transition: all 0.5s;
	transition: all 0.5s;
}

.core ul li a {
	display: block;
	padding: 20px 10px;
	border: 1px solid #d41416;
	border-radius: 3px;
	position: relative;
	overflow: hidden;
	height: 372px;
}

.core ul li a:before {
	content: "";
	display: block;
	position: absolute;
	width: 0;
	height: 0;
	top: 0;
	left: 0;
	border-width: 24px 24px 0 0;
	border-style: solid;
	border-color: #d41416 transparent transparent transparent;
	opacity: 0;
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	-ms-transition: all .5s;
	-o-transition: all .5s;
	transition: all .5s;
}

.core ul li a:after {
	content: "";
	display: block;
	position: absolute;
	width: 0;
	height: 0;
	bottom: 0;
	right: 0;
	border-width: 0 0 24px 24px;
	border-style: solid;
	border-color: transparent transparent #d41416 transparent;
	opacity: 0;
}

.core ul li a h4 {
	font-size: 16px;
	display: block;
	text-align: center;
	color: #186dbf;
}

.core ul li a i {
	display: block;
	width: 91px;
	height: 91px;
	line-height: 80px;
	border-radius: 50%;
	color: #fff;
	font-size: 50px;
	text-align: center;
	margin: 40px auto;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1);
}

.bgo {
	background: #ff7200 url(../image/1.png)no-repeat;
}

.core ul li a span {
	display: block;
	text-align: center;
	line-height: 24px;
	font-size: 14px;
	color: #000;
}

.bgdb {
	background: #e89312 url(../image/2.png) no-repeat;
	width: 89px;
	height: 87px;
}

.bgb {
	background: #f66163 url(../image/3.png)no-repeat;
}

.bgg {
	background: #fac63b url(../image/4.png)no-repeat
}

.bgp {
	background: #fc6666 url(../image/5.png)no-repeat;
}

.core ul li:hover a:before {
	opacity: 1;
}

.core ul li:hover a:after {
	opacity: 1;
}

.core ul li:hover a i {
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-ms-transform: scale(1.1);
	-o-transform: scale(1.1);
	transform: scale(1.1);
}

.core ul li:hover a span {
	color: #bf3532
}

.core ul li:hover {
	-o-transform: translateY(-10px);
	-webkit-transform: translateY(-10px);
	-mos-transform: translateY(-10px);
	transform: translateY(-10px);
}

.advantage-cont {
	overflow: hidden;
	width: 100%;
	margin: 15px auto;
}

.advantage-cont li {
	width: 30%;
	min-height: 226px;
	float: left;
	margin: 20px 1.5%;
	border: 1px solid #e6e6e6;
	border-left: 3px solid #d61518;
	padding: 30px 0 20px 0;
	position: relative;
	cursor: pointer;
	background: none;
	box-shadow: none;
}

.advantage-cont li:before {
	content: "";
	position: absolute;
	display: block;
	top: 0;
	left: 0;
	width: 0;
	height: 100%;
	background: #d61518;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-o-transition: all 0.5s;
	-ms-transition: all 0.5s;
	transition: all 0.5s;
}

.advantage-cont li a {
	color: #000;
}

.advantage-cont li span {
	display: block;
	float: left;
	width: 35%;
	text-align: center;
}

.advantage-cont li h2 {
	display: block;
	width: 55%;
	float: left;
	padding: 5%;
	line-height: 30px;
	font-size: 22px;
	text-align: left;
	color: #000;
	font-weight: normal;
	-webkit-transition: all 0.5s;
	font-weight: bold;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
}

.advantage-cont li h3 {
	font-weight: normal;
	font-size: 15px;
	padding: 5%;
	line-height: 25px;
	color: #333;
	text-align: left;
}

.advantage-cont li a {
	position: relative;
	z-index: 1
}

.advantage-cont li span i {
	display: inline-block;
	font-size: 50px;
	margin-top: 15px;
}

.fcolorb {
	background: url(../image/a1.png)no-repeat;
	background-size: 100% 100%;
	width: 59px;
	height: 50px;
}

.fcoloro {
	background: url(../image/a2.png)no-repeat;
	background-size: 100% 100%;
	width: 75px;
	height: 55px;
}

.fcolorg {
	background: url(../image/a3.png)no-repeat;
	background-size: 100% 100%;
	width: 65px;
	height: 57px;
}

.fcolorpp {
	background: url(../image/a4.png)no-repeat;
	background-size: 100% 100%;
	width: 76px;
	height: 54px;
}

.fcolordb {
	background: url(../image/a5.png)no-repeat;
	background-size: 100% 100%;
	width: 78px;
	height: 60px;
}

.fcolorp {
	background: url(../image/a6.png)no-repeat;
	background-size: 100% 100%;
	width: 60px;
	height: 56px;
}


.advantage-cont li:hover span i {
	color: #fff !important;
}

.advantage .advantage-cont li:hover h2 {
	color: #fff;
}

.advantage .advantage-cont li:hover h3 {
	color: #fff;
}

.advantage-cont li:hover:before {
	width: 100%;
}

.advantage-cont li:hover .fcolorb {
	background: url(../image/a1-1.png)no-repeat;
}

.advantage-cont li:hover .fcoloro {
	background: url(../image/a2-2.png)no-repeat;
}

.advantage-cont li:hover .fcolorg {
	background: url(../image/a3-3.png)no-repeat;
}

.advantage-cont li:hover .fcolorpp {
	background: url(../image/a4-4.png)no-repeat;
}

.advantage-cont li:hover .fcolordb {
	background: url(../image/a5-5.png)no-repeat;
}

.advantage-cont li:hover .fcolorp {
	background: url(../image/a6-6.png)no-repeat;
}

#lopop li {
	min-height: auto;
}

/* 弹出层 */
.tan_sp {
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0px;
	left: 0px;
	z-index: 20000;
	display: none;
}

.tan_sp video {
	width: 100%;
	position: absolute;
	top: 0px;
	left: 0px;
}

.tan_spbox {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0px;
	left: 0px;
	background: rgba(0, 0, 0, .5);
}

.tan_sptop {
	overflow: hidden;
}

.tan_sptop img {
	float: left;
}

.tan_sptop #sp_prev {
	float: right;
	font-size: 22px;
	color: #fff;
	margin: 50px 100px 0px 0px;
}

.tan_spcen {
	width: 900px;
	margin: 0 auto;
	margin-top: 5%
}

.tan_spcen {
	text-align: center;
}

.tan_spcen p {
	font-size: 40px;
	text-transform: uppercase;
	line-height: 40px;
	color: #fff;
	font-weight: bold;
}

.tan_spbot {
	width: 100%;
	position: absolute;
	bottom: 50px;
	text-align: center;
	color: #fff;
	font-size: 22px;
}

.tan_spbot p {
	display: inline-block;
	font-family: 'DINPro-Bold'
}

.tan_spbot img {
	float: left;
	margin: 2px 25px 0px 0px;
}

.njkj8 {
	width: 100%;
	margin-bottom: 2.5%;
	margin-top: 3%;
}

.njkj8 ul li {
	float: left;
	width: 25%;
	background: none;
	box-shadow: none;
	margin: 0;
	padding: 0;
}

.ghj {
	padding: 10%;
	margin: 2%;
	border: solid 1px #e6e6e6;
	background-color: #fff;
	overflow: hidden;
	height: 215px;
	/*border-left:solid 3px #F00;*/
}

.njkj8 ul li .njkj8-1 {
	width: 100%;
	float: left;
}

.njkj8 ul li .njkj8-1 span {
	display: none;
	width: 100%;
	float: left;
	border-bottom: solid 2px #F00;
	font-size: 50px;
	font-weight: bold;
	text-align: center;
	color: #F00;
}

.njkj8 ul li .njkj8-1 p {
	width: 100%;
	float: left;
	border-bottom: solid 3px #F00;
	margin-bottom: 5%;
	text-align: center;
	font-size: 18px;
	line-height: 60px;
	font-weight: bold;
	color: #333;
}

.njkj8 ul li .njkj8-2 {
	width: 100%;
	float: left;
	line-height: 25px;
	font-size: 14px;
	color: #333;
}

.ghj:hover {
	background-color: #d51516;
}

.ghj:hover .njkj8-1 p {
	color: #fff;
	border-bottom: solid 3px #fff;
}

.ghj:hover span {
	border-bottom: solid 2px #fff;
}

.ghj:hover .njkj8-2 {
	color: #fff;
}

@media only screen and (max-width:1200px) {
	.ghj {
		height: 320px;
	}

	.njkj8 ul li .njkj8-1 p {
		line-height: 20px;
		padding-bottom: 10px;
	}

	div.span-1 {
		width: 30.5%;
	}
}


@media only screen and (max-width:640px) {
	.njkj8 ul li .njkj8-1 p {
		font-size: 14px;
	}

	.njkj8 ul li {
		float: left;
		width: 50%;
	}

	.ghj {
		height: 320px;
	}
}



@media only screen and (max-width:600px) {

	.advantage-cont li.klop {
		margin: 5px 5%;
	}

	.mkud ul li {
		float: left;
		width: 50%;
		height: 200px;
		text-align: center;
		padding-top: 2%;
	}
}


@media only screen and (max-width:400px) {
	.njkj8 ul li {
		float: left;
		width: 100%;
	}

	.ghj {
		height: auto;
	}
}


.nbannerbox img {
	display: block;
	width: 100%;
}

.icon-respond {
	background: url(../image/wa1.png)no-repeat;
	background-size: 100% 100%;
	width: 66px;
	height: 51px;
}

.icon-zuanshi {
	background: url(../image/wa2.png)no-repeat;
	background-size: 100% 100%;
	width: 50px;
	height: 48px;
}

.icon-network {
	background: url(../image/wa3.png)no-repeat;
	background-size: 100% 100%;
	width: 51px;
	height: 54px;
}

.icon-earth {
	background: url(../image/wa4.png)no-repeat;
	background-size: 100% 100%;
	width: 57px;
	height: 55px;
}

.icon-rank {
	background: url(../image/wa5.png)no-repeat;
	background-size: 100% 100%;
	width: 50px;
	height: 49px;
}

.icon-mima {
	background: url(../image/wa6.png)no-repeat;
	background-size: 100% 100%;
	width: 50px;
	height: 56px;
}

.advantage-cont li:hover .icon-respond {
	background: url(../image/wa1-1.png)no-repeat;
}

.advantage-cont li:hover .icon-zuanshi {
	background: url(../image/wa2-2.png)no-repeat;
}

.advantage-cont li:hover .icon-network {
	background: url(../image/wa3-3.png)no-repeat;
}

.advantage-cont li:hover .icon-earth {
	background: url(../image/wa4-4.png)no-repeat;
}

.advantage-cont li:hover .icon-rank {
	background: url(../image/wa5-5.png)no-repeat;
}

.advantage-cont li:hover .icon-mima {
	background: url(../image/wa6-6.png)no-repeat;
}

.bg1 {
	background: #eae9e9;
	padding: 30px 0;
}

.agling {
	text-align: center;
	margin-left: 50px;
	margin-right: 50px;
}

.agling img {
	max-width: 100%;
}

.nebox {
	margin-top: 19px;
}

.nebox .swiper-button-prev,
.swiper-button-next {
	width: 75px;
	height: 77px;
	border: none;
	border-collapse: collapse;
	cursor: pointer;
}

.nebox .swiper-button-prev {
	background: url(../image/left_ar.png)no-repeat;
	margin-left: 110px;
}

.nebox .swiper-button-next {
	background: url(../image/right_ar.png)no-repeat;
	margin-right: 110px;
}

.nebox .swiper-pagination-bullet {
	background: url(../image/num_grey.png)no-repeat;
	width: 15px;
	height: 15px;
	opacity: 1;
}

.nebox .swiper-pagination-bullet-active {
	background: url(../image/num_red.png)no-repeat;
}

.nebox .swiper-pagination-fraction,
.swiper-pagination-custom,
.swiper-container-horizontal>.swiper-pagination-bullets {
	bottom: 30px;
}


.vsbox {
	padding: 50px 0 50px 0;
	color: #333;
	text-align: center;
}

.container {
	/* width: 1000px;*/
	margin: auto;
}

.vsbox h1 {
	font-size: 30px;
}

.vsbox h1,
.vsbox h2,
.vsbox h3 {
	font-weight: normal;
	text-align: center;
}

.vsbox h1 {
	color: #333;
	line-height: 125%;
	padding-bottom: 50px;
}

.vsbox .box1 {
	background: #e74b3b none repeat scroll 0 0;
	color: #fff;
	text-align: right;
}

.vsbox .box {
	height: 400px;
	margin: 20px 0;
	padding: 20px;
}

.col-md-4 {
	width: 33.3333%;
	float: left;
}

.vsbox .box1 h3 {
	color: #fff;
	padding: 50px 0 10px;
	text-align: right;
}

.vsbox .box p {
	font-size: 14px;
	height: 55px;
	line-height: 20px;
}

.vsbox .box1 {
	background: #0082ff none repeat scroll 0 0;
	color: #fff;
	text-align: right;
}

.vsbox .box1 h3 {
	color: #fff;
	padding: 50px 0 10px;
	text-align: right;
	font-size: 30px;
}

.vsbox .box.box2 {
	background: #272727 none repeat scroll 0 0;
	height: 440px;
	margin: 0;
}

.vsbox .box2 h3 {
	color: #e64b3a;
	font-family: Arial;
	font-size: 80px;
	line-height: 80px;
	text-align: center;
}

.vsbox .box2 span {
	background: #333 none repeat scroll 0 0;
	border: 1px solid #888;
	color: #fff;
	display: block;
	height: 40px;
	line-height: 40px;
	margin: 24px auto;
	text-align: center;
	width: 50%;
}

.vsbox .box2 span:hover {
	background: #fff none repeat scroll 0 0;
	border: 1px solid #fff;
	color: #333;
}

.vsbox .box3 {
	background: #bbb none repeat scroll 0 0;
	color: #333;
}

.vsbox .box3 h3 {
	color: #333;
	text-align: left;
	font-size: 30px;
	padding: 50px 0 10px;
}

.btn-custom {
	background-color: #d51516;
	border: 1px solid #d51516;
	color: #fff;
	font-size: 14px;
	margin-right: 20px;
	padding: 10px 30px;
	text-transform: uppercase;
}

.btn-custom:hover {
	background-color: #e99412;
	border: 1px solid #e99412;
	color: #fff;
}


.bg-toryblue {
	background-color: #eae9e9 !important;
	color: #333;
	padding-bottom: 5%;
	padding-top: 2%;
	text-align: center;
}

.color-white {
	color: #333 !important;
	margin-top: 39px !important;
}

.mt-40 {
	margin-top: 52px !important;
}

.h2 {
	margin-top: 20px;
	margin-bottom: 10px;
}

.hover-white {
	border: solid 1px #333;
	color: #333;
	font-size: 18px;
	padding-left: 4%;
	padding-right: 4%;
	padding-top: 0.6%;
	padding-bottom: 0.6%;
	line-height: 30px;
}

.dg-btn-2 {
	border: solid 1px #000;
	background-color: #000;
	color: #fff;
}

.hover-white:hover {
	border: solid 1px #000;
	background-color: #000;
}

.box-button a:hover {
	color: #fff;
}


.table td {
	border: 1px solid #e0e0e0;
	padding: 5px 3px;
}

.table th {
	padding: 8px 3px;
	background: #bf3532;
	color: #fff
}

.table tr:nth-child(2n) {
	background: #fcfcfc
}

.topnav_3 {
	text-align: center;
	width: 100%;
	font-size: 0;
	margin-top: -46px;
}

.topnav_3 ul {
	display: inline-block;
}

.topnav_3 li {
	float: left;
	margin: 0 5px
}

.topnav_3 li a {
	display: block;
	color: #666;
	background: #fff;
	font-size: 20px;
	font-weight: normal;
	padding: 0 55px;
	height: 46px;
	line-height: 46px;
	position: relative
}

.topnav_3 li a.cur,
.topnav_3 li a:hover {
	color: #fff;
	background: #bf3532;
}

.topnav_3 li a.cur::after {
	content: "";
	width: 0;
	height: 0;
	border-top: 5px solid #bf3532;
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	position: absolute;
	bottom: -5px;
	left: 50%;
	margin-left: -2px
}



/*===============================*/
.footer .top {
	background: #292929;
	padding-top: 50px;
	padding-bottom: 40px;
	color: #999;
	line-height: 28px;
	font-size: 15px
}

.f_contact {
	width: 40%
}

.f_contact li {
	float: left;
}

.f_contact .pic {
	text-align: center;
	margin-right: 25px
}

.f_contact .pic img {
	width: 130px;
	height: auto;
	display: block;
	padding-top: 6px
}

.f_contact .pic p {
	padding-top: 10px
}

.f_contact li:nth-child(3) {
	margin-left: 20px;
}

.f_contact li:nth-child(3) h3 {
	font-size: 17px;
	color: #f2f2f2;
	margin-bottom: 13px;
}

.f_contact li h2 {
	font-size: 17px;
	color: #f2f2f2;
	margin-bottom: 13px;
}

.f_nav {
	width: 55%;
}

.f_nav ul {
	float: left
}

.f_nav li {
	float: left;
	margin-left: 40px
}

.f_nav li h3 {
	font-size: 17px;
	color: #f2f2f2;
	margin-bottom: 13px;
}

.f_nav li a {
	color: #999
}

.f_nav li a:hover {
	color: #bf3532
}

.footer .mid {
	background: #292929;
	border-top: 1px solid #333;
	padding: 25px 0
}

.friendlink {
	font-size: 15px;
	color: #999;
	line-height: 26px
}

.friendlink span {
	color: #ccc;
	font-size: 14px;
}

.friendlink a {
	color: #999;
}

.friendlink a:hover {
	color: #bf3532
}

.footer .bot {
	color: #808080;
	line-height: 26px;
	padding: 15px 0 15px;
	font-size: 15px
}

.footer .bot a {
	color: #808080
}

.footer .bot a:hover {
	color: #bf3532
}

.footer .bot .left {
	text-align: center
}

.float_kf {
	position: fixed;
	right: 10px;
	bottom: 30%;
	background: #fff;
	z-index: 99
}

.float_kf li {
	width: 70px;
	text-align: center;
	border: 1px solid #e8e8e8;
	border-bottom: none;
	padding: 12px 0;
	color: #535353;
	position: relative;
	font-size: 14px;
	cursor: pointer;
}

.float_kf li {
	-webkit-transition: .3s;
	-moz-transition: .3s;
	transition: .3s
}

.float_kf li:hover {
	background: #bf3532;
	border: 1px solid #bf3532;
	border-bottom: none;
	color: #fff
}

.float_kf li:hover a {
	color: #fff
}

.float_kf li .hd {
	display: none
}

.float_kf .qq i {
	width: 24px;
	height: 25px;
	background: url(../image/right_pic5.png) no-repeat;
	margin: 0 auto 6px;
	display: block
}

.float_kf .qq:hover i {
	background: url(../image/right_pic5_h.png) no-repeat;
}

.float_kf .fwh i {
	width: 29px;
	height: 25px;
	background: url(../image/right_pic2.png) no-repeat;
	margin: 0 auto 6px;
	display: block
}

.float_kf .fwh:hover i {
	background: url(../image/right_pic2_h.png) no-repeat;
}

.float_kf .fwh .hd {
	position: absolute;
	right: 70px;
	top: 0;
	margin-top: -50px;
	background: #fff;
	border: 1px solid #e8e8e8;
	padding: 25px;
	color: #535353
}

.float_kf .fwh .hd img {
	width: 120px;
	display: block;
}

.float_kf .mes i {
	width: 24px;
	height: 25px;
	background: url(../image/right_pic3.png) no-repeat;
	margin: 0 auto 6px;
	display: block
}

.float_kf .mes:hover i {
	background: url(../image/right_pic3_h.png) no-repeat;
}

.float_kf .tel i {
	width: 25px;
	height: 25px;
	background: url(https://www.waimaoad.com/static/home/images/right_pic1.png) no-repeat;
	margin: 0 auto 6px;
	display: block
}

.float_kf .tel:hover i {
	background: url(https://www.waimaoad.com/static/home/images/right_pic1_h.png) no-repeat;
}

.float_kf .tel .hd {
	background: #bf3532;
	color: #fff;
	font-size: 18px;
	position: absolute;
	right: 70px;
	top: 0;
	text-align: left;
	padding: 16px 30px;
	width: 200px
}

.float_kf .tel .hd span {
	float: left
}

.float_kf .tel .hd p {
	float: left;
	margin-left: 20px
}

.float_kf .backtop {
	background: #bf3532;
	border: 1px solid #bf3532;
	border-bottom: none
}

.float_kf .backtop i {
	width: 24px;
	height: 25px;
	background: url(../image/right_pic6.png) no-repeat;
	margin: 0 auto 3px;
	display: block
}

.float_kf .backtop a {
	color: #fff
}




/* layout */
.margin-bottom {
	margin-bottom: 40px;
	padding: 30px 0;
}

.layout {
	width: 1100px;
	margin: 0 auto;
}

.index_intr .layout,
.index_feature .layout,
.index_design .layout,
.index_language .layout,
.index_service .layout,
.index_freightage .layout,
.index_sales .layout,
.index_seo .layout,
.footer .layout,
.guide .layout,
.consult .layout,
.mobile_web .layout {
	padding: 35px 0;
}

.intr_link {
	margin: 40px 0 0 120px
}

.intr_link a {
	color: #fff;
}

.intr_button {
	width: 243px;
	height: 58px;
	text-align: center;
	line-height: 58px;
	background: url(../image/icons03.png) center;
	font-size: 18px;
	display: block;
	float: left;
	border: none;
}

.intr_button02 {
	background: url(../image/icons04.png) center;
	margin: 0 70px;
}

.intr_button:hover {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
	filter: alpha(opacity=80);
	opacity: 0.8;
}

.advantage2 .fcolorb {
	background: url(../image/a1.png)no-repeat;
	background-size: 100% 100%;
}

.nebox .swiper-button-next.swiper-button-disabled,
.swiper-button-prev.swiper-button-disabled {
	opacity: 1;
}

.nebox .swiper-button-prev:after,
.swiper-container-rtl .swiper-button-next:after {
	content: none
}

.nebox .swiper-button-next:after,
.swiper-container-rtl .swiper-button-prev:after {
	content: none
}



/*五大核心页面*/
.bgsky {
	width: 100%;
	height: auto;
	/*background:url(../images/bgsky.jpg) no-repeat center center;*/
	position: relative;
	padding-top: 30px;
}

.bgsky:after {
	content: "";
	width: 100%;
	height: 1px;
	background: #186dbf;
	position: absolute;
	left: 0;
	bottom: 0px;
}

.core-head .main {
	padding: 20px 0 0;
}

.core-tag {
	margin-top: 40px;
	overflow: hidden;
	position: relative;
	z-index: 2px;
	z-index: 2;
}

.core-tag a,
.core-tag a h4,
.core-tag a i,
.logined {
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
}

.core-tag a {
	display: block;
	width: 18%;
	margin: 20px 1% 0;
	float: left;
	border: 1px solid #186dbf;
	border-radius: 5px 5px 0 0;
	/*background:rgba(215,21,24,.8);*/
	padding-top: 15px;
}

.core-tag a:last-child {
	margin-right: 0;
}

.core-tag a:nth-child(1) {
	margin-left: 0;
}

.core-tag a h4 {
	font-weight: normal;
	display: block;
	text-align: center;
	font-size: 14px;
	line-height: 20px;
	color: #186dbf;
}

.core-tag a i {
	display: block;
	border-radius: 50%;
	width: 60px;
	height: 60px;
	line-height: 60px;
	font-size: 40px;
	text-align: center;
	color: #fff;
	margin: 0 auto;
	-webkit-transform: scale(0.8);
	-moz-transform: scale(0.8);
	-ms-transform: scale(0.8);
	-o-transform: scale(0.8);
	transform: scale(0.8);
}


.bgo1 {
	background: #ff7200 url(../image/h1.png)no-repeat;
}

.bgdb1 {
	background: #e89312 url(../image/h2.png) no-repeat;
	width: 89px;
	height: 87px;
}

.bgb1 {
	background: #f66163 url(../image/h3.png)no-repeat;
}

.bgg1 {
	background: #fac63b url(../image/h4.png)no-repeat
}

.bgp1 {
	background: #fc6666 url(../image/h5.png)no-repeat;
}

.allging {
	margin-top: 20px;
}

.iconfont {
	font-family: "iconfont" !important;
	font-size: 16px;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	-webkit-text-stroke-width: 0px;
	-moz-osx-font-smoothing: grayscale;
}

.core-tag a.hover {
	margin: 0 1% -1px;
	background: #fff;
	border-bottom-color: #fff;
}

.core-tag a:hover {
	background: #fff;
}

.core-tag a:hover h4 {
	color: #000;
}

.core-tag a.hover i {
	margin: 10px auto;
	-webkit-animation: tagwaggle 1s 1 ease forwards;
	-moz-animation: tagwaggle 1s 1 ease forwards;
	-ms-animation: tagwaggle 1s 1 ease forwards;
	-o-animation: tagwaggle 1s 1 ease forwards;
	animation: tagwaggle 1s 1 ease forwards;
}

.core-tag a.hover h4 {
	-webkit-transform: translate(0, 75px);
	-moz-transform: translate(0, 75px);
	-ms-transform: translate(0, 75px);
	-o-transform: translate(0, 75px);
	transform: translate(0, 75px);
	color: #000;
	font-weight: normal;
}

@-moz-keyframes tagwaggle {
	0% {
		-moz-transform: scale(0.8) translate(0, 0);
	}

	40% {
		-moz-transform: scale(1) translate(0, -45px);
	}

	100% {
		-moz-transform: scale(1) translate(0, -35px);
	}
}

@-webkit-keyframes tagwaggle {
	0% {
		-webkit-transform: scale(0.8) translate(0, 0);
	}

	40% {
		-webkit-transform: scale(1) translate(0, -45px);
	}

	100% {
		-webkit-transform: scale(1) translate(0, -35px);
	}
}

@-o-keyframes tagwaggle {
	0% {
		-o-transform: scale(0.8) translate(0, 0);
	}

	40% {
		-o-transform: scale(1) translate(0, -45px);
	}

	100% {
		-o-transform: scale(1) translate(0, -35px);
	}
}

@-ms-keyframes tagwaggle {
	0% {
		-ms-transform: scale(0.8) translate(0, 0);
	}

	40% {
		-ms-transform: scale(1) translate(0, -45px);
	}

	100% {
		-ms-transform: scale(1) translate(0, -35px);
	}
}

@keyframes tagwaggle {
	0% {
		transform: scale(0.8) translate(0, 0);
	}

	40% {
		transform: scale(1) translate(0, -45px);
	}

	100% {
		transform: scale(1) translate(0, -35px);
	}
}

.core-cont iframe {}


/*五大核心-超级商务网站Business*/
#con_click_2 {
	height: 100%;
}

.busbox {
	margin-top: 80px;
}

.BusinessBox {
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 45px;
	padding-bottom: 0px;
}

.BusinessTitle {
	font-size: 34px;
	color: #333;
	line-height: 50px;
	width: 48%;
	margin: 0 1%;
}

.BusinessBox img {
	width: 40%;
	margin: 0 3%;
}

.BusinessTitle h5 {
	font-size: 18px;
	line-height: 30px;
	font-weight: normal;
}

.BusinessTitle.b1 {
	margin-top: 30px;
}

.BusinessBox.b2box {
	padding-left: 80px;
	padding-right: 80px;
	padding-top: 0px;
	padding-bottom: 0px;
}

.BusinessTitle.b2 {
	margin-top: 20px;
}

.main-opo {
	background-color: #f8f8f8;
	width: 100%;
	overflow: hidden;

}

.mkop {
	width: 100%;
	overflow: hidden;
	padding-top: 3%;
	padding-bottom: 2%;
}

.mkop ul li {
	width: 33.3333%;
	float: left;
}

.mkop ul li span {
	width: 40%;
	float: left;
}

.mkop ul li span img {
	max-width: 100%;
}

.mkop ul li p {
	width: 60%;
	float: right;
	font-size: 14.5px;
	line-height: 26px;
	color: #333;
}

.mkop_a {
	padding: 10%;
}

.wrap2 {
	margin-bottom: 40px;
	padding: 30px 0;
}

.sitewidget-bd {
	font-weight: normal;
	font-size: 14px;
}

.sitewidget-bd {
	padding: 5%;
	line-height: 25px;
}

.listbox1 {
	margin-top: 70px;
}

.listbox1 li {
	float: left;
	width: 33.33%;
	text-align: center;
}

.kud {
	background-color: #000;
	width: 100%;
	margin-top: 5%;
}

.shejio {
	width: 100%;

}

.shejio ul li {
	float: left;
	width: 22%;
	border: solid 1px #ccc;
	padding: 0.5%;
	padding-top: 2%;
	padding-bottom: 2%;
	margin: 1%;
}

.shejio ul li:nth-child(1) {
	margin-left: 0;
}

.shejio ul li:last-of-type {
	margin-right: 0;
}

.shejio ul li .m_1 {
	float: left;
	width: 100%;
	text-align: center;
	overflow: hidden;
	min-height: 100px;
}

.shejio ul li .m_1 img {
	position: inherit;
}

.shejio ul li .m_2 {
	color: #C00;
	margin-top: 20px;
	float: left;
	text-align: center;
	width: 100%;
	overflow: hidden;
	font-size: 20px;
	line-height: 40px;
}

.shejio ul li .m_3 {
	float: left;
	text-align: center;
	width: 100%;
	overflow: hidden;
	font-size: 14px;
	line-height: 30px;
}


/*sdkj开始*/
.sdkj {
	overflow: hidden;
	width: 100%;
	padding-bottom: 80px;
	background-repeat: no-repeat;
}

.sdkj ul {
	overflow: hidden;
	width: 100%;
	max-width: 1300px;
	margin: auto;
	text-align: center;
	padding-top: 30px;
	line-height: 0px;
}

.sdkj ul li {
	overflow: hidden;
	width: 33%;
	display: inline-block;
	vertical-align: middle;
}

.sdkj ul li img {
	max-width: 100%;
}

.sdkj_boxy {
	border-radius: 50%;
	background-color: rgba(214, 20, 23, 0.4);
	height: 133px;
	width: 133px;
	overflow: hidden;
	padding: 11px;
	margin-right: auto;
	margin-left: auto;
}

.sdkj_box {
	text-align: center;
	margin-bottom: 20px;
}

.sdkj_box img {
	border-radius: 50%;
	background-color: #d61417;
	padding: 5px;
	position: relative;
	margin-top: 12px;
}

.sdkj_box h3 {
	font-size: 20px;
	line-height: 30px;
	color: #333;
	margin-top: 10px;
	font-weight: bold;
}

/*sdkj结束*/

.new {
	padding: 40px 0;
}

.new .company-title {

	border-bottom: 1px solid #E1E1E1;

}

.new .company-title .hr {

	margin-bottom: 0px;

}

.company-title {

	text-align: center;

	color: #F00;

	font-weight: 600;

	font-size: 2.2rem;

	margin-bottom: 25px;

}

.neiye span {
	line-height: 40px;
	font-size: 2.2rem;
	padding-right: 50px;
	padding-left: 50px;
	border-radius: 3px;
	;
}

.company-title .hr {

	margin: 15px auto;

}

.hr {

	width: 75px;

	border-bottom: 2px solid #e99211;

	margin: 15px 0;

}

/*yxzl正常开始*/
.yxzl {
	width: 100%;
	overflow: hidden;
	background-image: url(../image/nei_yxzl.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	padding-top: 2%;
	margin-bottom: 1%;
}

.yxzl ul {
	overflow: hidden;
	width: 96%;
	max-width: 1200px;
	margin: auto;
	text-align: center;
	padding-top: 30px;
	padding-bottom: 50px;
	font-size: 0px;
}

.yxzl ul li {
	overflow: hidden;
	width: 49%;
	margin-right: 2%;
	margin-bottom: 20px;
	display: inline-block;
	vertical-align: top;
	background-color: rgba(226, 226, 226, 0.4);
	text-align: left;
}

.yxzl ul li:nth-child(2n+2) {
	margin-right: 0;
}

.yxzl ul li .yxzl_box {
	margin: 12px;
	background-color: #e2e2e2;
	overflow: hidden;
}

.yxzl ul li .yxzl_box .yxzl_img {
	width: 150px;
	float: left;
	text-align: center;
	margin-top: 25px;
	margin-bottom: 25px;
}

.yxzl ul li .yxzl_box h3 {
	font-size: 20px;
	line-height: 30px;
	font-weight: bold;
	color: #333;
	margin-top: 20px;
}

.yxzl ul li .yxzl_box p {
	font-size: 14px;
	line-height: 26px;
	color: #333;
	margin-top: 5px;
	margin-bottom: 20px;
	margin-right: 10px;
}

.yxzl ul li .yxzl_box p i {
	float: left;
	height: 30px;
}

.block-1 .btit i.bi-1 {
	background-image: url(../image/cdot_3hv.png);
}

.block-1 .btit i.bi-3 {
	background-image: url(../image/cdot_1hv.png);
}

.block-1 .on i.bi-2,
.block-1:hover .btit i.bi-2 {
	background-image: url(../image/cdot_2hv.png);
	transition-duration: 0.4s;
}

.w {
	padding: 55px 0 0;
	padding-bottom: 50px;
	overflow: hidden;
	height: auto;
	;
}

.w .span-1 .block-1 {
	box-shadow: none
}

/*yxzl正常结束*/

.nei_jstx {
	width: 100%;
	overflow: hidden;
	padding-top: 1%;
	margin-bottom: 2%;
}

.step1_6 .num_txt {
	margin-top: 12%;
	margin-left: 24%;
}

.kolp_1 {
	background-color: #f7f7f7;
}

.step1_6 {
	width: 100%;
	height: auto;
}

.step_left {
	float: left;
	width: 52%;
}

step1_6 .num_txt {
	margin-top: 12%;
	margin-left: 24%;
}

.num_txt {
	position: relative;
	height: 104px;
	width: 350px;
}

.num_txt img {
	display: block;
	width: 100%;
}

ul.ulMeau li {
	float: left;
	margin-right: 10%;
	margin-top: 8px;
	width: 100%;
}

ul.ulMeau li p.pic {
	width: 120px;
	height: 90px;
}

ul.ulMeau li p.pic img {
	display: block;
	width: 100%;
}

ul.ulMeau li div.ms {
	margin-top: 10px;
	color: #666;
	font-size: 16px;
	line-height: 30px;
	width: 100%;
}

ul.ulMeau li div.ms p {
	font-size: 14px;
	margin-top: 3px;
}

ul.ulMeau li div.ms p {
	font-size: 14px;
	margin-top: 3px;
}


.step_pic {
	width: 40%;
	height: auto;
	margin-top: 5%;
	float: right;
}



.step_left.step2_left {
	width: 40%;
	height: AUTO;
	margin: 56px 0px 0px 0px;
}

.step_left.step2_left img {
	display: block;
	width: 100%;
}

.step_right {
	float: right;
}

.step_pic1 {
	width: 52%;
}

.kolp_2 .num_txt {
	margin-top: 66px;
	margin-right: 136px;
	left: 150px;
}



div.des {
	width: 100%;
	text-align: left;
	font-size: 16px;
	line-height: 30px;
	color: #666;
	margin-top: 20px;
	line-height: 24px;
	margin-right: 40px;
}

.casetop {
	border-bottom: 1px solid #e2e2e2;
	text-align: center;
	padding-bottom: 20px;
	margin-bottom: 20px;
	margin-top: 40px;
}

.title1 a {
	text-align: center;
	background: #fe7201;
	color: #fff;
	line-height: 42px;
	padding: 0 40px;
	display: inline-block;
	border-radius: 999px;
	font-size: 18px;
}

.col-sm-6 {
	width: 50%;
	position: relative;
	float: left;
	cursor: pointer
}

.row .box>div {
	background: url(../image/mac2.jpg) no-repeat center center;
	background-size: auto auto;
	width: 530px;
	height: 426px;
	background-size: contain;
	margin: 0 auto;
}

.row .box {
	padding: 30px 0px 20px;
}

.word-pic img {
	max-width: 100%;
}

.word-pic {
	width: 488px;
	margin: 50px 0 0 81px;
	position: absolute;
	left: 0;
	top: 0;
	height: 276px;
}

.word-bg {
	background: #3bb2f7;
	opacity: 0.8;
	filter: alpha(opacity=80);
	position: absolute;
	width: 488px;
	margin: 20px 0 0 21px;
	display: none;
	height: 276px;
}


.col-sm-6 p {
	font-size: 14px;
	text-align: center;
	line-height: 20px;
	margin-top: 8px;
}

.muban .word {
	position: absolute;
	left: 0;
	top: 0;
	width: 422px;
	margin: 66px 0 0 45px;
	padding: 80px 10px 0 120px;
	display: none;
	z-index: 2;
}

.muban .word a {
	display: inline-block;
	width: 146px;
	height: 46px;
	color: #fff;
	border: 1px solid #fff;
	border-radius: 5px;
	line-height: 46px;
	text-align: center;
	text-decoration: none;
	position: absolute;
	left: 50%;
	top: 120%;
	margin-left: -73px;
	font-weight: bold;
}

.muban .col-sm-6:hover .word-bg {
	display: block !important;
}

.muban .col-sm-6:hover .word {
	display: block !important;
}

.page {
	padding: 34px 0;
	text-align: center
}

.page a {
	padding: 4px 9px;
	display: inline-block;
	border-radius: 2px;
	font-size: 1.1rem;
}

.page a.cur {
	background-color: #28adfa;
	color: #ffffff;
}

/*关于我们*/

.company-profile {
	padding: 50px 0;
}

.pbttom {
	padding-top: 0;
}

.company-profile p {
	line-height: 28px;
	font-size: 15px;
	text-indent: 2em;
	color: #333;
}

.company-profile .main_a p {
	text-indent: 0;
	line-height: 30px;
	color: #5c5c5c;
}

.company-profile p img {
	max-width: 100%;
}

.company_bottom li {
	width: 23%;
	margin-left: 2%;
	text-align: center;
	float: left;
	margin-bottom: 15px;
}

.company_bottom ul {
	margin-left: -2%;
	box-sizing: border-box
}

.company_bottom img {
	width: 100%;
}

.company_bottom p {
	padding: 8px 0 10px;
	line-height: 2em;
	font-size: 1em;
	color: #333;
}

.company_bottom li:hover p {
	color: #e99211
}

.company-case {
	background-image: url(../image/bg51.jpg);
	background-repeat: no-repeat;
	padding: 30px 0;
}

#p3 {
	background: #f5f6f8
}

.team-list li {
	float: left;
	width: 16.66%;
}

.team-list li img {
	width: 100%;
	display: block;
}

/*联系我们*/

.contact-hd {
	font-weight: bold;
	color: #e99211;
	margin-bottom: 30px;
}

.contact-container {
	padding: 50px 0;
}

.col-lg-6 {
	float: left;
	width: 48%;
	margin-left: 2%;
}

.row {
	margin-left: -2%;
}

.contact-container .ceil {
	margin-bottom: 20px;
}

.addr-part {
	width: 110px;
	height: 114px;
	background: url(../image/orange.png) no-repeat 0 0;
	text-align: center;
	font-size: 1.4rem;
	color: #fff;
	float: left;
	padding-top: 20px;
	line-height: 2rem;
	margin-right: 16px;
}

.addr-desc .company-addr {
	font-size: 1.1rem;
	color: #666;
	margin-bottom: 11px;
	padding-top: 15px;
}

.addr-desc .company-tel {
	font-size: 1.4rem;
	font-family: Arial, Helvetica, sans-serif;
	color: #ff7900;
}

.col-md-8 {
	text-align: center;
	margin-top: 2%;
	margin-bottom: 40px;
}

.heading {
	font-size: 32px;
	line-height: 48px;
	position: relative;
	border-bottom: 1px solid #000;
	padding: 0 30px 25px 30px;
	display: inline-block;
	margin-bottom: 0px;
	text-align: center;
	color: #333;
}

.heading span {
	display: block;
	font-weight: 400;
	font-size: 30px;
	color: #555
}

.lxb-box {
	color: #333;
	line-height: 40px;
	margin-left: auto;
	margin-right: auto;
	width: 100%;
}

.lxb-box_th {
	color: #ea4234;
}

.lxb-box tr td {
	font-size: 16px;
	line-height: 34px;
	padding: 5px;
	text-align: center;
}

.desc-wrapp {
	padding-top: 40px;
}

.desc-wrapp .heading span {
	font-size: 36px;
}

.desc-wrapp .heading {
	font-size: 28px;
}

#map {
	width: 100%;
	height: 400px;
	background: #ccc;
	margin-top: 30px;
	border: 1px solid #ddd;
	margin-bottom: 65px;
}

/*联系我们*/

.adress {
	padding-bottom: 12%;
	padding-top: 0;
	height: auto;
	background: url(../image/adress-bg1.jpg) no-repeat top;
	padding-top: 2.5%;
	width: 100%;
	background-size: cover;
	margin-top: 40px;
}

.adress h3 {
	color: #fff;
	font-size: 35px;
	font-weight: normal;
}

.adress p {
	color: #fff;
	font-size: 22px;
	position: relative;
	padding-bottom: 30px;
	margin-top: 20px;
}

.adress p::after {
	content: ' ';
	position: absolute;
	left: 0;
	bottom: 0;
	width: 66px;
	height: 4px;
	background: #fff;
}

.adress-list {
	margin-top: 30px;
	position: relative;
}

.adress-list li {
	position: relative;
	padding-left: 50px;
	display: flex;
	display: -webkit-flex;
	width: 500px;
	font-size: 18px;
	color: #fff;
	line-height: 1.6;
	margin-bottom: 12px
}

.adress-list li em {
	font-style: normal;
	white-space: nowrap
}

.adress-list li:after {
	content: ' ';
	background: url(../image/adress.png) no-repeat center;
	width: 25px;
	height: 25px;
	position: absolute;
	top: 0;
	left: 0
}

.adress-list li:nth-child(2):after {
	background-image: url(../image/phone1.png)
}

.adress-list li:nth-child(3):after {
	background-image: url(../image/fax.png)
}

.adress-list li:nth-child(4):after {
	background-image: url(https://www.waimaoad.com/static/home/images/email.png)
}

.mcn-title {
	font-size: 34px;
	color: #000;
	text-align: center;
	line-height: 70px;
	font-weight: 500;
}

.mcn-detail {
	text-align: center;
	color: #666666;
	padding-bottom: 20px;
	font-size: 14px;
}

.contactbox .contact-hd {
	margin-top: 46px;
}

.container2 {
	margin-top: 90px;
	padding-left: 9%;
}

/*新闻*/

.h-news {
	padding-bottom: 70px;
}

.newslistbox li {
	float: left;
	width: 30.83%;
	margin-left: 2.5%;
	margin-bottom: 2.5%;
}

.newslistbox li:nth-child(3n+1) {
	clear: both;
}

.newslistbox ul {
	margin-left: -2%;
	margin-top: 60px;
}

.newslistbox li .img2 {
	overflow: hidden;
	display: block;
	transition: all .5s ease;
}

.newslistbox li img {
	width: 100%;
	display: block;
	transition: all .5s ease;
}

.newslistbox li h3 {
	font-size: 17px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	color: #333;
	margin-top: 5%;
	padding-bottom: 2%;
}

.newslistbox li p {
	font-size: 14px;
	color: #666;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
	height: auto;
}

.newslistbox li:hover h3 {
	color: rgb(12, 123, 204);
}

.newslistbox li:hover img {
	-o-transform: scale(1.1);
	-webkit-transform: scale(1.1);
	-mos-transform: scale(1.1);
	transform: scale(1.1);
}

.nmain {
	margin-top: 50px;
}

.newtit {
	line-height: 45px;
	font-size: 22px;
	text-align: center;
	font-weight: bold;
	color: #333;
	margin-top: 10px;
}

.nmain .fabuz {
	text-align: center;
	color: #888;
	border-bottom: 1px dashed #ddd;
	padding-bottom: 15px;
	padding-top: 10px;
	font-size: 14px
}

.nmain .newsxiang {
	padding: 30px 0;
	line-height: 30px;
	font-size: 15px;
	color: #777;
}

.nmain .back {
	margin-bottom: 25px;
	float: right
}

.tomore {
	display: block;
	width: 100px;
	height: 40px;
	text-align: center;
	background: #c7000b;
	color: #fff;
	position: relative;
	line-height: 40px;
	border-radius: 20px;
	margin-top: 40px;
}

.tomore i,
.tomore span {
	position: absolute;
	width: 100%;
	height: 40px;
	left: 0;
	top: 0;
	z-index: 2;
	-webkit-transition: .4s;
	transition: .4s;
	border-radius: 20px;
	font-size: 15px;
}

.tomore i {
	z-index: 1;
	background: #be000b;
	width: 0
}

.tomore:hover i {
	width: 100%
}

.tomore:hover {
	color: #fff
}

.newsxiang p {
	text-indent: 2em;
	line-height: 30px;
}

.shangxia {
	border-top: dotted 1px #ddd;
	padding-top: 20px;
	clear: both;
	padding-bottom: 90px;
}

.shangxia ul li {
	float: left;
	width: 50%;
	line-height: 38px;
	font-size: 14px;
}

.shangxia ul li:nth-child(2) {
	text-align: right;
}

.shangxia ul li a:hover {
	color: #c7000b
}

.newsxiang img {
	max-width: 100%;
}

.more3 {
	text-align: center;
	margin-top: 30px;
}

.more3 a {
	display: inline-block;
	font-size: 16px;
	border: 1px solid #8f8e8e;
	line-height: 38px;
	padding: 0 28px;
	color: #333;
	border-radius: 5px;
	transition: all .5s ease;
}

.more3 a:hover {
	color: #fff;
	background: #be000b;
	border: 1px solid #be000b;
}

.newslistbox2 ul {
	margin-top: 35px;
}

.main_a {
	background: #f5f5f5;
	padding: 60px 0;
	line-height: 32px;
}

.about_con .left {
	width: 43%;
	float: left;
	margin-top: 30px
}

.about_con .left h3 {
	font-size: 22px;
	line-height: 60px
}

.about_con .left h4 {
	font-size: 34px;
	color: #333;
	margin-top: 20px;
	line-height: 49px
}

.about_con .left .more {
	display: block;
	margin-top: 60px;
	background: #bf3532;
	color: #fff;
	font-size: 18px;
	width: 160px;
	line-height: 45px;
}

.about_con .left .more span {
	display: inline-block;
	vertical-align: middle;
	margin-left: 30px
}

.about_con .left .more i {
	width: 16px;
	height: 13px;
	background: url(https://www.waimaoad.com/static/home/images/arrow_n.gif) no-repeat;
	background-size: contain;
	display: inline-block;
	vertical-align: middle;
	margin-left: 10px;
	-webkit-transition: .3s;
	-moz-transition: .3s;
	transition: .3s
}

.about_con .left .more:hover i {
	margin-left: 15px
}

.about_con .text {
	width: 45%;
	font-size: 16px;
	padding-top: 30px;
	padding-bottom: 30px
}









.pic {
	height: auto;
	display: block;
	overflow: hidden;
}

.pic img {
	width: 100%;
	height: auto;
	transition: all 1.5s;
	display: block
}

.kuai:hover .pic img,
.item:hover .pic img,
li:hover .pic img,
a:hover .pic img,
.pic:hover img {
	transform: scale(1.05);
}

.img-dv {
	position: relative;
	overflow: hidden
}

.img-dv .img1 {
	display: block;
	width: 100%;
	opacity: 0
}

.img-dv .img2 {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	margin: auto;
	max-width: 100%
}