@charset "utf-8";
* {margin:0;padding:0; box-sizing: border-box; -moz-box-sizing: border-box; font-family: "Microsoft Yahei", "Helvetica Neue", Helvetica, Arial, sans-serif;outline:none;}
ul, li, ol {list-style: none outside none;}
fieldset, img {border:0;}
img{vertical-align:middle; max-width: 100%; display: block;}
em, i {font-style:normal;}
dl,dt,dd,h1,h2,h3,h4,h5,h6,p,ul,ol li,form {margin:0; padding:0;list-style-type:none;}
table {border-collapse:collapse;border-spacing:0;empty-cells:show;}
table.layout {table-layout:fixed;word-wrap:break-word;}
table,tr,td,th {table-layout:fixed;word-break:break-all;word-wrap:break-word;}
textarea {resize:vertical;}
a {font-size:14px;color:#333;text-decoration:none;}
a:hover{text-decoration:none; color:#000; }
.cf:after {clear:both;content: ".";display:block;height:0;visibility:hidden;}
.clearfix:after {clear:both;content: ".";display:block;height:0;visibility:hidden;}
.left ,.fl{ float: left}
.right, .fr{ float: right}
.hide{ display: none;}
.wrap{ width:96%;max-width: 1200px; margin: 0 auto; position: relative;}
.bzt{ color: #fff;}
/* .hbg{ background: #e5e5e5;} */
.shou{ cursor: pointer;}
.bg_eee{ background: #eee;}
.wzy{white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.ovh{ overflow: hidden;}
.flexBox { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; flex-wrap: wrap; justify-content: space-between;align-items: center; }

.pageController{
    text-align: center;
    color:#505050;margin:0 auto;
    margin:2em 0;
    line-height:24px;
}
.pageController a{background-color:#FFF;vertical-align:middle; border:#efefef 1px solid; 
    color:#505050;padding:5px 8px; margin-right:3px;margin-left:3px;
}
.pageController a:hover{background-color:#298acb;color:#fff; text-decoration:none;border:#efefef 1px solid;}
.pageController .currPage {background-color: #298acb;color:#fff;border:#efefef 1px solid;}
.pageController .t1{
    float:left;margin-right:5px;height:24px;line-height:22px;white-space:nowrap;
    display: none;
}
.pageController .t2{vertical-align:middle;line-height:39px;}
.pageController .t2 #current{
    line-height: 39px;
    background-color: #298acb;
    vertical-align: middle;
    border: 1px solid #298acb; 
    color: #fff;padding: 5px 8px;
    margin-right: 3px;
    margin-left: 3px;
    width: 39px;
}
.pageController .t1 span{
    /*padding-left:4px;
    padding-right:4px;*/
    width: 39px;
}
.pageController select{height:24px;vertical-align:middle;text-align:center;line-height:24px;
    display: none;
}
.pageController select option{vertical-align:middle;}

.juz{vertical-align:middle;display:inline-block;}
.juz:after{content:'';width:0;height:100%;display:inline-block;vertical-align:middle;}

.loading_body{overflow: hidden;width:100%;position: fixed;}
.loading{position: fixed;top:0;left: 0; width: 100%; height: 100%; background:url('../images/loading_bg.jpg') center center fixed no-repeat #298acb; z-index: 9999; background-size: cover;}
.loading .box{margin: 0 auto; text-align: center; color: #fff; }
.loading .box img{ height:60px;margin-bottom: 30px; }
.loading .box p{ font-size:35px;text-align: justify;text-align-last: justify;}

.mainTop{position: relative;}
.header{/* background: #202121; */position: absolute; width: 100%; top:0;left: 0;z-index:99;}
.nav {  margin: 0 auto;}
.nav .logo{ float: left; margin:6px 0 0;}
/* .nav .logo img{ height:28px;} */
.nav .layui-nav{ background: none; float: right; padding: 0;  /* margin-right: -30px; */}
.nav .layui-nav .layui-nav-item{ line-height: 60px;}
.nav .layui-nav .layui-nav-item p{ padding: 0; position: relative;}
.nav .layui-nav .layui-this:after,.nav .layui-nav-bar,.nav .layui-nav-tree .layui-nav-itemed:after{display: none;}

.nav .layui-nav .layui-nav-item:after{content: normal;}
.nav .layui-nav .layui-nav-item a{ font-size:16px;}
.nav .layui-nav .layui-nav-more{ display: none;}
.nav .layui-nav .layui-nav-child{top:60px; background: rgba(27,27,27,0.7); padding:0; border: none;}
.nav .layui-nav .layui-nav-child dd{ line-height:45px; border-bottom: 1px solid rgba(255,255,255,0.2);}
.nav .layui-nav .layui-nav-child dd:first-child{ border-top: 1px solid rgba(255,255,255,0.2);}
.nav .layui-nav .layui-nav-child a{color: #fff; padding: 0 35px;font-size: 14px;}
.nav .layui-nav .layui-nav-child a:hover{padding: 0 45px 0 25px; }
.nav .layui-nav-child dd.layui-this{background: none;}
.nav .layui-nav .layui-nav-child dd.layui-this a,.nav .layui-nav .layui-nav-child a:hover{ background:#298acb; }
.nav .layui-nav .layui-nav-bar{display: none;}

.pc_nav{display:block;}
.mobile_nav{display: none;}

.entrance{
	display: none;
	margin-left: 20px;
	float: right;
}
.entrance a{
	color: #fff;
    display: inline-block;
    width: 100px;
    text-align: center;
    height: 40px;
    line-height: 40px;
    border: 2px solid #258cc6;
    margin: 10px 0;
}
/*banner */
.swiper-pagination-bullet{ background: none;border: 1px solid #fff; margin: 0 10px !important; opacity: 1; width: 12px; height: 12px;}
.swiper-pagination-bullet.swiper-pagination-bullet-active{background: #298acb;  border: 1px solid #298acb;}
.banner .swiper-container {
	height: 100%;
	width: 100%
}

.banner .swiper-slide {
	width: 100%;
	height: 100%;
	background-size:1920px auto;
/* 	animation:wakeup 5s linear infinite; */
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}

@-webkit-keyframes wakeup {
				0% {
					background-size:1920px auto;
				}
				25% {
					background-size: 2000px auto;
				}
				50% {
					background-size: 2100px auto;
				}
				75% {
					background-size: 2000px auto;
				}
				100% {
					background-size: 1920px auto;
				}
			}


.banner .swiper-slide .bannertxt {
	position: absolute;
	left: 0;
	width: 100%;
	top: 45%;
	/* transform: translateY(-50%) */
}

.banner .swiper-slide .bannertxt img {
	width: 100%;
	opacity: 0;
	transform: translateY(-100%);
	transition: all 600ms cubic-bezier(0.35, 0.85, 0.55, 1) 0s;
	-webkit-transition: all 600ms cubic-bezier(0.35, 0.85, 0.55, 1) 0s;
	-moz-transition: all 600ms cubic-bezier(0.35, 0.85, 0.55, 1) 0s;
}
.banner .swiper-slide .bannertxt img:nth-child(2) {
	transition: all 600ms cubic-bezier(0.35, 0.85, 0.55, 1) .6s;
	-webkit-transition: all 600ms cubic-bezier(0.35, 0.85, 0.55, 1) .6s;
	-moz-transition: all 600ms cubic-bezier(0.35, 0.85, 0.55, 1) .6s;
}
.banner .swiper-slide-active .bannertxt>img {
	opacity: 1;
	transform: translateY(0)
}
.banner .swiper-slide .imgTimes {
	/* width: 100% !important; */
	height: 100%;
	position: relative;
	z-index: 5;
	left: 0;
	top: 0;
	background-repeat: no-repeat !important;
	background-position: center center !important;
	background-size: 100% 100% !important;
}


.scrollBar {
	position: relative;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}

.scrollBar .banner {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}

.index-waper-box {
	position: absolute;
	bottom: 0;
	width: 100%;
	height: 60px;
	/*overflow: hidden;*/
	z-index: 9;
	perspective: 800px;
	-webkit-perspective: 800px;
	-moz-perspective: 800px;
	transform-style: preserve-3d;
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
}

.index-back-box {
	width: 60%;
	height: 60px;
	background-color: #3a97d4;
	position: absolute;
	bottom: 0;
	/* margin: 0 8%; */
	/*overflow: hidden;*/
	transform-origin: bottom;
	-webkit-transform-origin: bottom;
	-moz-transform-origin: bottom;
	transform: rotateX(0deg) translate3d(0, 0, 0);
	-webkit-transform: rotateX(0deg) translate3d(0, 0, 0);
	-moz-transform: rotateX(0deg) translate3d(0, 0, 0);
	transition: all .65s cubic-bezier(0.55, 0.65, 0.55, 1) 0s;
	-webkit-transition: all .65s cubic-bezier(0.55, 0.65, 0.55, 1) 0s;
	-moz-transition: all .65s cubic-bezier(0.55, 0.65, 0.55, 1) 0s;
}

.index-back-box.active {
	transform: rotateX(100deg) translate3d(0, 0, 0);
	-webkit-transform: rotateX(100deg) translate3d(0, 0, 0);
	-moz-transform: rotateX(100deg) translate3d(0, 0, 0);
}

.index-back-box .sub-arrows {
	position: absolute;
	left: 0;
	top: 0;
	width: auto;
	height: 100%;
	line-height: 60px;
	padding-left: 150px;
	font-size: 0;
}

.index-back-box .sub-arrows .swiper-pagination {
	display: inline-block;
	vertical-align: middle;
}

.index-back-box .sub-arrows .swiper-pagination .swiper-pagination-bullet {
	width: 6px;
	height: 6px;
	background: #636161;
	opacity: 1;
	transition: all .3s ease 0s;
	-webkit-transition: all .3s ease 0s;
	-moz-transition: all .3s ease 0s;
	margin-right: 25px;
	display: inline-block;
	vertical-align: middle;
	cursor: pointer;
	position: relative;
	/*box-shadow: 1px 1px 1px 1px #221f1f inset;*/
	background: transparent;
}

.index-back-box .sub-arrows .swiper-pagination-bullet:before {
	content: '';
	display: block;
	width: 4px;
	height: 4px;
	background: #636161;
	top: 50%;
	border-radius: 50%;
	position: absolute;
	left: 50%;
	transform: translateY(-50%) translateX(-50%);
}

.index-back-box .sub-arrows .swiper-pagination-bullet-active:before {
	opacity: 0;
}

.index-back-box{
	margin:0;
	background: transparent;
	width: 100%;
	font-size: 0;
}
.index-back-box .sub-mouse{
	left: 50%;
	top: 50%;
	transform: translateY(-50%) translateX(-50%);
	margin-left: 0;
}
.sub_mouses{
	width:100% ;
	text-align: center;
	margin-left: 0;
	height: 100%;
	/* background: #d18f36; */
	position: relative;
	display: inline-block;
}
.index-back-box .sub-arrows{
	display: none!important;
	width: 36%;
	position: static;
	height: inherit;
	display: inline-block;
	vertical-align: top;
	box-sizing: border-box;
	background: #201455;
}
.index-back-box .sub-arrows i.icom font{
	color:#fff
}
.index-back-box .sub-arrows i.icom:after{
	background: #fff;
}
.index-back-box .sub-arrows .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
	background: #fff;
}

.index-back-box .sub-arrows i.icom {
	display: inline-block;
	vertical-align: top;
	width: 60px;
	height: 100%;
	cursor: pointer;
	position: relative;
}

.index-back-box .sub-arrows i.icom:after {
	position: absolute;
	content: '';
	left: 0;
	top: 29px;
	width: 30px;
	height: 2px;
	/* background-color: #000; */
	transform: scale(0, 1);
	-webkit-transform: scale(0, 1);
	-moz-transform: scale(0, 1);
	transition: all .3s ease-out 0s;
	-webkit-transition: all .3s ease-out 0s;
	-moz-transition: all .3s ease-out 0s;
}

.index-back-box .sub-arrows i.icom font {
	/* color: #000; */
	transition: all .3s ease-out 0s;
	-webkit-transition: all .3s ease-out 0s;
	-moz-transition: all .3s ease-out 0s;
}

.index-back-box .sub-arrows i.icom.prev font {
	position: absolute;
	left: 9px;
}

.index-back-box .sub-arrows i.icom.next font {
	position: absolute;
	left: 6px;
}

.index-back-box .sub-arrows i:hover:after {
	transform: scale(1, 1);
	-webkit-transform: scale(1, 1);
	-moz-transform: scale(1, 1);
}

.index-back-box .sub-arrows i.icom.prev:hover font {
	left: -7px;
}

.index-back-box .sub-arrows i.icom.next:hover font {
	left: 20px;
}

.index-back-box .sub-share {
	position: absolute;
	right: 15px;
	top: 0;
	width: auto;
	height: 100%;
	display: table;
	cursor: pointer;
}

.index-back-box .sub-share .tels {
	display: table-cell;
	vertical-align: middle;
}

.index-back-box .sub-share .tels span {
	display: inline-block;
}

.index-back-box .sub-share .tels .cc1 {
	opacity: 0;
	filter: alpha(opacity='0');
	transform: translateX(-40px);
	-webkit-transform: translateX(-40px);
	-moz-transform: translateX(-40px);
	transition: all 0.4s ease-in-out 0s;
	-webkit-transition: all 0.4s ease-in-out 0s;
	-moz-transition: all 0.4s ease-in-out 0s;
}

.index-back-box .sub-share .tels .cc2 {
	transform: translateX(80px);
	-webkit-transform: translateX(80px);
	-moz-transform: translateX(80px);
	transition: all 0.7s ease 0s;
	-webkit-transition: all 0.7s ease 0s;
	-moz-transition: all 0.7s ease 0s;
}

.index-back-box .sub-share .sider-tel {
	display: table-cell;
	vertical-align: middle;
	font-size: 0;
	opacity: 0;
	filter: alpha(opacity='0');
	transform: translateX(130px);
	-webkit-transform: translateX(130px);
	-moz-transform: translateX(130px);
	transition: all 0.4s cubic-bezier(0.4, 0.8, 0.6, 1) 0s;
	-webkit-transition: all 0.4s cubic-bezier(0.4, 0.8, 0.6, 1) 0s;
	-moz-transition: all 0.4s cubic-bezier(0.4, 0.8, 0.6, 1) 0s;
}

.index-back-box .sub-share .sider-tel a {
	display: inline-block;
	font-size: 12px;
	color: #000;
	margin: 0 8px;
	opacity: 0;
	filter: alpha(opacity='0');
	transform: translateX(50px);
	-webkit-transform: translateX(50px);
	-moz-transform: translateX(50px);
	transition: all 0.4s ease-in-out 0s;
	-webkit-transition: all 0.4s ease-in-out 0s;
}

.index-back-box .sub-share

/*:hover*/
.tels .cc1 {
	opacity: 0;
	filter: alpha(opacity='0');
	transform: translateX(0px);
	-webkit-transform: translateX(0px);
	-moz-transform: translateX(0px);
	transition: all 1s cubic-bezier(0.5, 1.25, 0.75, 1.65) 0s;
	-webkit-transition: all 1s cubic-bezier(0.5, 1.25, 0.75, 1.65) 0s;
	-moz-transition: all 1s cubic-bezier(0.5, 1.25, 0.75, 1.65) 0s;
}

.index-back-box .sub-share

/*:hover*/
.tels .cc2 {
	opacity: 1;
	filter: alpha(opacity='100');
	transform: translateX(0px);
	-webkit-transform: translateX(0px);
	-moz-transform: translateX(0px);
}

.index-back-box .sub-share

/*:hover*/
.sider-tel {
	opacity: 1;
	filter: alpha(opacity='100');
	transform: translateX(0px);
	-webkit-transform: translateX(0px);
	-moz-transform: translateX(0px);
	transition: all 1s cubic-bezier(0.5, 1.0, 0.75, 1) 0s;
	-webkit-transition: all 1s cubic-bezier(0.5, 1.0, 0.75, 1) 0s;
	-moz-transition: all 1s cubic-bezier(0.5, 1.0, 0.75, 1) 0s;
}

.index-back-box .sub-share

/*:hover*/
.sider-tel a:nth-of-type(1) {
	opacity: 1;
	filter: alpha(opacity='100');
	transform: translateX(0px);
	-webkit-transform: translateX(0px);
	-moz-transform: translateX(0px);
	transition: all 0.4s cubic-bezier(0.5, 0.65, 0.75, 1) 0s;
	-webkit-transition: all 0.4s cubic-bezier(0.5, 0.65, 0.75, 1) 0s;
	-moz-transition: all 0.4s cubic-bezier(0.5, 0.65, 0.75, 1) 0s;
}

.index-back-box .sub-share

/*:hover*/
.sider-tel a:nth-of-type(2) {
	opacity: 1;
	filter: alpha(opacity='100');
	transform: translateX(0px);
	-webkit-transform: translateX(0px);
	-moz-transform: translateX(0px);
	transition: all 0.4s cubic-bezier(0.5, 0.65, 0.75, 1) .2s;
	-webkit-transition: all 0.4s cubic-bezier(0.5, 0.65, 0.75, 1) .2s;
	-moz-transition: all 0.4s cubic-bezier(0.5, 0.65, 0.75, 1) .2s;
}

.index-back-box .sub-mouse {
	width: 30px;
	height: 43px;
	position: absolute;
	top: 30px;
	left: 50%;
	/*margin-left: -15px;*/
	cursor: pointer;
	z-index: 1;
	zoom: 0.7;
	-moz-transform: scale(0.7);
}

.index-back-box .sub-mouse:after {
	display: none;
	z-index: -1;
	position: absolute;
	content: '';
	top: -30px;
	left: 50%;
	height: 53px;
	border-right: 1px solid #333;
	margin-left: -1px;
}

.index-back-box .sub-mouse span {
	display: block;
	position: relative;
	width: 100%;
	height: 100%;
	animation: ani-svg 0.85s linear 0s alternate infinite;
	-webkit-animation: ani-svg 0.85s linear 0s alternate infinite;
}

.index-back-box .sub-mouse i {
	position: absolute;
	bottom: 5px;
	left: 50%;
	color: #fff;
	transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
}

@keyframes ani-svg {
	0% {
		opacity: 0.4;
		transform: translateY(-20px);
	}

	15% {
		opacity: 0.65;
		transform: translateY(-15px);
	}

	25% {
		opacity: 0.8;
		transform: translateY(-10px);
	}

	50% {
		opacity: 1;
		transform: translateY(0px);
	}

	75% {
		opacity: 0.8;
		transform: translateY(10px);
	}

	85% {
		opacity: 0.65;
		transform: translateY(15px);
	}

	100% {
		opacity: 0.4;
		transform: translateY(20px);
	}
}

@-webkit-keyframes ani-svg {
	0% {
		opacity: 0.4;
		-webkit-transform: translateY(-20px);
	}

	15% {
		opacity: 0.65;
		-webkit-transform: translateY(-15px);
	}

	25% {
		opacity: 0.8;
		-webkit-transform: translateY(-10px);
	}

	50% {
		opacity: 1;
		-webkit-transform: translateY(0px);
	}

	75% {
		opacity: 0.8;
		-webkit-transform: translateY(10px);
	}

	85% {
		opacity: 0.65;
		-webkit-transform: translateY(15px);
	}

	100% {
		opacity: 0.4;
		-webkit-transform: translateY(20px);
	}
}

@-moz-keyframes ani-svg {
	0% {
		opacity: 0.4;
		-moz-transform: translateY(-20px);
	}

	15% {
		opacity: 0.65;
		-moz-transform: translateY(-15px);
	}

	25% {
		opacity: 0.8;
		-moz-transform: translateY(-10px);
	}

	50% {
		opacity: 1;
		-moz-transform: translateY(0px);
	}

	75% {
		opacity: 0.8;
		-moz-transform: translateY(10px);
	}

	85% {
		opacity: 0.65;
		-moz-transform: translateY(15px);
	}

	100% {
		opacity: 0.4;
		-moz-transform: translateY(20px);
	}
}

.banner .content_box{position: absolute;left: 0;top:0;width: 100%; height: 100%; text-align: center;}
.banner .content{  color: #fff;}
.banner .hzt{ color: #f0c690;}
.banner .content.no_body{top:30%;}
.banner .content .title{ font-size: 50px;}
.banner .content .ms{ font-size: 30px;margin:10px 0 25px;  opacity: 0.8;}
.banner .content .text{ font-size: 24px;}
.banner .content .text li{ line-height:30px; margin-bottom:20px;}
.banner .content .text li span{ display: inline-block;  width:30px;height: 30px;line-height:30px; vertical-align:middle; text-align: center;margin-right:12px;}
.banner .content .text li img{ display: inline-block; vertical-align: sub; }
.banner .content .text li p{ display: inline-block; vertical-align: middle;}
.banner .content .more{ background:#3a97d4; margin-top:60px; color: #fff; width: 120px; display: inline-block; line-height: 35px; text-align: center; font-size: 20px;}
.banner .content .more:hover{ background: #298acb;}


.main_box{position: relative;/* top:60px; */ background: #fff; 
/*overflow-x:hidden*/
    
}
.title_base{max-width:1200px;margin:0 auto;padding:30px 0;text-align: left; position: relative;z-index:3;}
.title_base1{max-width:1200px;margin:0 auto;padding:60px 0;text-align: center; position: relative;z-index:3;}
.title_base.has_h{padding-bottom: 70px;}
.title_base.text-l{ text-align: left;}
.title_base i{  width:60px; height: 2px; background: #000; display:flex;margin:10px auto 0;}
.title_base p,.title_base h1{ font-size: 24px; line-height: 50px; color: #333;margin:10px auto 0;}
.title_base.bzt p,.title_base.bzt h1,.title_base.bzt span{ color: #fff;}
.title_base span{ display: inline-block; font-size: 16px; color:#666;margin:5px 0;}
.title_base1 span{ display: inline-block; font-size: 16px; color:#666;margin:5px 0;}

.model_base{margin-bottom: 63px;}
.model_icon{height: 60px; display: inline-block;}
.model_title{margin: 15px 0 10px;font-size: 20px; color: #333;}
.model_content{font-size:16px; color:#666; line-height:25px;}


.t_title{ color: #333; font-size:24px; line-height: 50px; padding: 50px 0;}
.index_case{ overflow: hidden;position: relative; background:url('../images/bg1.jpg') center center fixed; margin-top: 50px;}
.index_case .title_base{padding-bottom: 0;}

.index_case >.wrap{
	margin-bottom: 70px;
}
.index_case >.wrap .left{
	color: #258cc6;
    border: 1px solid #fff;
    padding: 50px 0px;
    width: 180px;
    height: 200px;
    margin-top: 100px;
    line-height: 50px;
    text-align: center;
    font-size: 18px;
}

.index_case ul{width: 70%;}
.index_case ul li{display: flex;display: -webkit-flex;}
.index_case ul li .th{
	margin:10px;
	flex: 1;
	color: #fff;
	font-size: 20px;
	line-height: 36px;
	text-align: center;
	/* border: 1px solid #fff; */
}
.index_case ul li .td{
	margin:10px;
	flex: 1;
	background-color: #fff;
	font-size: 14px;
	line-height: 2.6em;
	text-align: center;
	/* border: 1px solid #fff; */
}
.title_base a{position: absolute;right: 0;top: 60px;line-height: 60px;font-size: 18px;
	z-index: 99;}
.title_base a:hover{color: #298ACB;}
.anli-box .hd{
	position: absolute;
    right: 0;
    top: 60px;
    line-height: 60px;
    font-size: 18px;
	z-index: 99;
}
.anli-box .hd li{
	float: left;
	margin-right: 20px;
}
.anli-box .hd li a{display: block;font-size: 20px;}
.anli-box .hd li a:hover{color: #298ACB;}
.anli-box .hd li.on{
	color: #1A81BD;
}

.anli-box .nav-box{margin-top: 24px;}
.anli-box .nav-box .left-link .all {
    font-family: "Base-font";
    text-align: center;
    width: 75px;
}
.anli-box .nav-box .left-link span.cur{background-color: #333 !important;color: #fff;} 
.anli-box .nav-box .left-link .type-link {
    padding-left: 50px;
    padding-right: 30px;
}
.anli-box .nav-box .left-link span, .anli-box .nav-box .left-link a{
    display: inline-block;
        float: left;
        background-color: #f5f5f5;
        font-size: 14px;
        line-height: 50px;
        color: #333;
        margin-right: 2px;
        margin-bottom: 2px;
        cursor: pointer;
        transition: all 0.5s ease 0s;
}
.anli-box .nav-box h1{font-size: 16px;}
.anli-box .nav-box .more:hover{color: #000000;}
.anli-box .nav-box .more {
    display: inline-block;
    font-size: 14px;
    line-height: 42px;
    color: #777;
    background: url(../images/ico_09.png) no-repeat left center;
    padding-left: 22px;
    transition: all 0.3s ease 0s;
}
.anli-box .bd{margin-top: 45px;}
.anli-box .bd ul {
    width: 101.6%;
    display: flex;
    flex-wrap: wrap;
}
.anli-box .bd li{
	float: left;
	width: 31.7%;
	margin-right: 1.6%;
	transition: box-shadow 0.3s ease 0s;
	margin-bottom: 20px;
}
.anli-box .bd li .img{
	display: block;
	width: 100%;
	position: relative;
	overflow: hidden;
}
.anli-box .bd li .img img{
	transition: 0.5s;
	width: 100%;
}
.anli-box .bd li .img:hover img{
	transform: scale(1.2);
}
.anli-box .bd .cont-wrap {
    width: 86.5%;
    padding: 20px 6.5% 0;
    border: 1px solid #f2f2f2;
    margin-top: -1px;
}
.anli-box .bd .up-graybox {
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	opacity: 0;
	filter: alpha(opacity=0);
	transition: all 0.4s ease 0s;
	z-index: 3;
}
.anli-box .bd .img:hover  .up-graybox{opacity:1;filter: alpha(opacity=1);}
.anli-box .bd  .img:hover img.up-pic {
  transform: scale(1.05, 1.05);
  transition: transform 0.6s ease 0s;
}
.anli-box .bd .up-graybox .bgbox {
    display: block;
    width: 100%;
    height: 100%;
    background-color: #000;
    opacity: 0.6;
    filter: alpha(opacity=60);
}
.anli-box .bd .up-graybox .stit {
    font-size: 16px;
    line-height: 30px;
    width: 100%;
    text-align: center;
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -15px;
    color: #fff;
}
.anli-box .bd .up-graybox .linet {
    top: 0;
}
.anli-box .bd .up-graybox .line {
    display: inline-block;
    width: 100px;
    height: 1px;
    background-color: #f2f2f2;
    position: absolute;
    left: 50%;
    margin-left: -50px;
    transition: all 0.6s ease 0s;
}
.anli-box .bd .up-graybox .lineb {
    bottom: 0;
}
.anli-box .bd .up-graybox .line {
    display: inline-block;
    width: 100px;
    height: 1px;
    background-color: #f2f2f2;
    position: absolute;
    left: 50%;
    margin-left: -50px;
    transition: all 0.6s ease 0s;
}
.anli-box .bd .cont-wrap {
    width: 100%;
    padding: 20px 6.5% 0;
    border: 1px solid #f2f2f2;
    margin-top: -1px;
	
}
.anli-box .bd .tit {
    line-height: 32px;
    font-size: 18px;
}
.anli-box .bd .tit a {
    display: inline-block;
    color: #333;
}
.anli-box .bd .intr {
    display: block;
    line-height: 22px;
    font-size: 12px;
    height: 52px;
}
.anli-box .bd .bot-link {
    display: block;
    width: 100%;
    border-top: 1px solid #e5e5e5;
    line-height: 40px;
    position: relative;
}
.anli-box .bd .bot-link .stt {
    font-size: 14px;
}
.anli-box .bd .bot-link .point {
    display: inline-block;
    width: 24px;
    height: 8px;
    background: url(../images/ico_08.png) no-repeat right center;
    margin-top: 14px;
}
.anli-box .bd .bot-link:hover .point{background: url(../images/ico_08_h.png) no-repeat right center;}
.anli-box .bd .up-graybox:hover .line {
  width: 6px;
  margin-left: -3px;
  opacity: 0.6;
  filter: alpha(opacity=60);
}

.hz-img{padding-top: 50px;}

.index_news {
  padding-top:60px;
 /* padding-bottom: 40px; */
  background-color: #fff;
  margin-bottom: 0;
}
.index_news .news-box {
 /* width: 100%; */
  margin: 0 auto;
}
.index_news .top-titbox h4 ,.index_partner .tit-box h4{
  font-size: 24px;
  line-height: 40px;
  color: #333;
  font-weight: normal;
}
.index_news .top-titbox .line {
  display: inline-block;
  width: 10px;
  height: 2px;
  background-color: #1c1c1c;
  margin-top: 8px;
}
.index_news .top-titbox .font ,.index_partner .tit-box .font{
  display: block;
  line-height: 32px;
  margin-top: 10px;
  font-size: 16px;
  color: #666;
}
.index_news .top-titbox .more,.index_partner .tit-box .more {
  display: inline-block;
  line-height: 32px;
  margin-top: 60px;
  padding-left: 25px;
  background: url(../images/ico_09.png) no-repeat left center;
  font-size: 14px;
}
.index_news .news-recommend-list {
  margin-top: 32px;
}

/* ===== 三列新闻布局 ===== */
.news_sort {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
  margin-bottom: 10px;
}
.news_sort .news_tab {
  display: inline-block;
  padding: 6px 16px;
  font-size: 15px;
  color: #666;
  text-decoration: none;
  border-bottom: 2px solid transparent;
  transition: all .3s;
  cursor: pointer;
}
.news_sort .news_tab:hover,
.news_sort .news_tab.cur {
  color: #c0392b;
  border-bottom-color: #c0392b;
}
.news_sort .news_tab + .news_tab::before {
  content: '/';
  margin-right: 8px;
  color: #ccc;
}
.news_sort .news_tab:first-child::before {
  display: none;
}
.news_panel {
  display: none;
}
.news_panel.active {
  display: block;
}
.news_3col {
  display: flex;
  gap: 20px;
  margin-top: 30px;
}
.news_col {
  background: #f5f5f7;
  border-radius: 4px;
  overflow: hidden;
}
/* 左列：1篇大图 */
.news_col_left {
  flex: 0 0 36%;
  padding: 24px;
}
.news_col_left .news_big { display: block; }
.news_col_left .news_big_img img {
  width: 100%;
  height: 220px;
  object-fit: cover;
  border-radius: 4px;
}
.news_col_left .news_big_text { margin-top: 16px; }
.news_col_left .news_big_text h3 {
  font-size: 18px;
  color: #333;
  line-height: 1.5;
  margin: 0 0 10px;
  font-weight: 600;
}
.news_col_left .news_date {
  font-size: 14px;
  color: #999;
}
/* 中列：2篇 */
.news_col_mid {
  flex: 0 0 32%;
  display: flex;
  flex-direction: column;
}
.news_mid_item {
  display: flex;
  align-items: center;
  padding: 20px 24px;
  border-bottom: 1px solid #e8e8e8;
  text-decoration: none;
  color: inherit;
  flex: 1;
}
.news_mid_item:last-child { border-bottom: none; }
.news_mid_date {
  flex: 0 0 60px;
  text-align: center;
}
.news_mid_date .day {
  display: block;
  font-size: 36px;
  font-weight: 700;
  color: #999;
  line-height: 1;
}
.news_mid_date .ym {
  display: block;
  font-size: 13px;
  color: #bbb;
  margin-top: 4px;
}
.news_mid_text { flex: 1; padding: 0 12px; }
.news_mid_text h4 {
  font-size: 15px;
  color: #333;
  margin: 0 0 8px;
  line-height: 1.4;
  font-weight: 500;
}
.news_mid_text p {
  font-size: 13px;
  color: #999;
  line-height: 1.6;
  margin: 0;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.news_arrow {
  flex: 0 0 24px;
  text-align: right;
  font-size: 18px;
  color: #ccc;
}
/* 右列：3篇小 */
.news_col_right {
  flex: 1;
  display: flex;
  flex-direction: column;
}
.news_small_item {
  display: flex;
  align-items: center;
  padding: 14px 20px;
  border-bottom: 1px solid #e8e8e8;
  text-decoration: none;
  color: inherit;
  flex: 1;
}
.news_small_item:last-child { border-bottom: none; }
.news_small_date {
  flex: 0 0 50px;
  text-align: center;
}
.news_small_date .day {
  display: block;
  font-size: 28px;
  font-weight: 700;
  color: #999;
  line-height: 1;
}
.news_small_date .ym {
  display: block;
  font-size: 12px;
  color: #bbb;
  margin-top: 3px;
}
.news_small_title { flex: 1; padding: 0 10px; }
.news_small_title h4 {
  font-size: 14px;
  color: #333;
  margin: 0;
  line-height: 1.4;
  font-weight: 500;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.news-recommend-list {
  position: relative;
  overflow: hidden;
  padding-left: 5px;
  margin-left: -5px;
}
.news-recommend-list ul {
  width: 102%;
  padding-bottom: 10px;
}
.news-recommend-list li {
	float: left;
  width: 31.3%;
  margin-right: 2%;
  transition: box-shadow 0.3s ease 0s;
}
.news-recommend-list li:hover .img img {
  transform: scale(1.05, 1.05);
  transition: transform 0.6s ease 0s;
}
.news-recommend-list li:hover .img .up-gray {
  opacity: 0.1;
  filter: alpha(opacity=10);
}
.news-recommend-list .img {
  display: none;
  position: relative;
  overflow: hidden;
  max-height: 211px;
}
.news-recommend-list .img .bgimg {
	display: none;
  width: 100%;
}
.news-recommend-list .img img {
  transform: translateZ(0px);
  transition: transform 0.3s ease 0s;
}
.news-recommend-list .img .up-gray {
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 3;
  background-color: #000;
  opacity: 0;
  filter: alpha(opacity=0);
  transition: opacity 0.3s ease 0s;
}
.news-recommend-list .cont-wrap {
  padding-top: 18px;
  padding-bottom: 10px;
  border: 1px solid #f8f8f8;
}
.news-recommend-list .cont-wrap .cont {
  width: 90%;
  margin: 0 auto;
}
.news-recommend-list .cont-wrap .tit {
  font-size: 18px;
  line-height: 30px;
}
.news-recommend-list .cont-wrap .tit a {
  display: block;
  color: #1c1c1c;
  height: 30px;
  position: relative;
  overflow: hidden;
  padding-top: 3px;
  padding-bottom: 3px;
}
.news-recommend-list .cont-wrap .word {
  display: block;
  line-height: 36px;
  font-size: 14px;
  margin-top: 4px;
  height: 75px;
  overflow: hidden;
}
.news-recommend-list .cont-wrap .word a {
  display: inline-block;
}
.news-recommend-list .cont-wrap .bot-link {
  line-height: 46px;
  border-top: 1px solid #e5e5e5;
  display: block;
  width: 100%;
}
.news-recommend-list .cont-wrap .bot-link .more {
  font-size: 14px;
  display: inline-block;
  font-family: "Base-font";
}
.news-recommend-list .cont-wrap .bot-link .link-point {
  display: inline-block;
  width: 24px;
  height: 8px;
  background: url(../images/ico_08.png) no-repeat center;
  margin-top: 18px;
}
.news-recommend-list .cont-wrap .bot-link:hover .link-point {
  background: url(../images/ico_08_h.png) no-repeat right center;
}

.index_partner {
    padding-top: 50px;
    padding-bottom: 60px;
    background-color: #fff;
    margin-bottom: 0;
}
/*.index_partner ul {*/
/*    width: 107%;*/
/*}*/

/*.index_partner .partner-box li {*/
/*    width: 10.6%;*/
/*    margin-right: 6%;*/
/*    text-align: center;*/
/*    margin-bottom: 40px;*/
/*    min-height: 48px;*/
/*    display: inline-block;*/
/*}*/

.contact-wrap {
  background-color: #f6f6f6;
  padding-top: 50px;
  padding-bottom: 50px;
}
.contact-wrap .main-wrap {
  width: 100%;
  margin: 0 auto;
}
.contact-wrap h4 {
  font-size: 18px;
  line-height: 30px;
  font-weight: bold;
  font-family: "Base-font";
  padding-bottom: 13px;
  border-bottom: 1px solid #e3e3e3;
  color: #333;
}
.contact-wrap .city-list {
  width: 166px;
  margin:0 40px;
}
.contact-wrap .city-list ul {
  width: 100%;
}
.contact-wrap .city-list li {
  width: 100%;
  line-height: 36px;
  font-size: 24px;
  color: #c5c5c5;
  cursor: pointer;
  font-family: "Base-font";
  transition: color 0.3s ease 0s;
}
.contact-wrap .city-list li.cur, .contact-wrap .city-list li:hover {
  color: #333;
}
.contact-wrap .address {
  margin-right: 80px;
  width: 300px;
}
.contact-wrap .address .cont {
  padding-top: 25px;
}
.contact-wrap .address .cont p {
  line-height: 24px;
  font-size: 14px;
  color: #666;
}
.contact-wrap .address .cont .stt {
  font-weight: bold;
}

.contact-wrap .address .boxs {
  display: none;
}
.contact-wrap .weixin {
  margin-right: 100px;
  width: 240px;
}
.contact-wrap .weixin .wx-img {
  padding-top: 26px;
  width: 120px;
}
.contact-wrap .advis {
  width: 205px;
}
.contact-wrap .advis .link-qq {
  padding-top: 28px;
}
.contact-wrap .advis .link-qq a {
  display: inline-block;
  margin-bottom: 10px;
  border: 1px solid #e3e3e3;
  padding-left: 40px;
  line-height: 34px;
  width: 75px;
  font-size: 12px;
  background: url(../images/ico_14.png) no-repeat 17px center;
  transition: all 0.3s ease 0s;
  box-sizing: content-box;
}
.contact-wrap .advis .link-qq a:hover {
  border: 1px solid #333;
  color: #fff;
  background: url(../images/ico_14_h.png) no-repeat 17px center #333;
}
.contact-wrap .address .cont .lia{
  display:flex;
  flex-flow:row wrap;
  justify-content:flex-start;
  align-items:flex-start;
  margin-top:15px;
}
.contact-wrap .address .cont .lia a{
  width:110px;
  height:38px;
  border:1px solid #e3e3e3;
  border-radius:38px;
  line-height:38px;
  margin-right:18px;
  text-align:center;
  transition: background 0.3s ease 0s;
}
.contact-wrap .address .cont .lia a span{
  display:inline-block;
  padding-left:25px;
  transition: background 0.3s ease 0s;
}
.contact-wrap .address .cont .lia a:hover{
  background:#000;
  border:1px solid #e3e3e3;
  color:#fff;
}
.contact-wrap .address .cont .lia a.link-map span{
   background: url(../images/ico_13.png) no-repeat left center;
}
.contact-wrap .address .cont .lia a.link-map:hover span{
   background: url(../images/ico_13_h.png) no-repeat left center;
}
.contact-wrap .address .cont .lia a.link-web span{
   background: url(../images/ico_13_3.png) no-repeat left center;
}

.contact-wrap .address .cont .lia a.link-web:hover span{
   background: url(../images/ico_13_2.png) no-repeat left center;
}
.form{
	width: 80%;
	max-width: 1200px;
	margin: 0 auto 3%;
}
.form ul{
	/* width: 380px; */
	margin: 0 auto;
}
.form ul li{
	float:left;
	padding-left: 50px;
	overflow: hidden;
	width:360px ;
	height: 40px;
	margin-right:10px;
	margin-bottom: 20px;
	position: relative;
	border-bottom: 1px solid #ccc;
}
.form ul li span{
	position: absolute;
	width: 30px;
	height: 30px;
	left: 5px;
	top: 5px;
}
.form ul li span img{
	width: 30px;
	height: 30px;
}
.form ul li input{
	border: 0;
    width: 100%;
    height: 40px;
    line-height: 40px;
   
}

.form ul li.textarea{
	height: 120px;
}
.form ul li textarea{
	border: 0;
    width: 100%;
    height: 80px;
    line-height: 40px;
	}
	.form .submit-bth{
		padding-top: 50px;
    text-align: center;
	}
.form .submit-bth .f12{
	    width: 120px;
    height: 50px;
    border: 0;
    background-color: #ccc;
    color: #fff;
    font-size: 16px;
}




.footer{ background: #151515; color: #fff; overflow: hidden;padding-bottom: 20px;}
.footer_top{  margin:63px auto;}
.footer_top .wechat{ float: left; text-align: center; font-size:18px; line-height: 45px;margin-top: 5px;}
.footer_top .wechat img{ width:135px;}
.footer_top .category{ float: right; display: flex; justify-content: space-between; width:800px;}
.footer_top .category dl{ float: left;}
.footer_top .category dl dt{margin-bottom:15px;line-height:30px;}
.footer_top .category dl dt a{ font-size:16px;  color: #fff;}
.footer_top .category dl dd{ line-height:40px;}
.footer_top .category dl dd a{font-size: 14px; color: #aaa;}
.footer_top .category dl dd a:hover{ color: #298acb;}
.footer_bottom{  margin: 0 auto; /* padding: 70px 0 40px; border-top:1px solid #fff; */ font-size: 14px;color: #fff;}
.footer_bottom > span{ color: #aaa; font-size: 14px; display: block;}
.footer_bottom > span a{ color: #aaa;font-size: 14px;}
/* .footer_bottom > p{margin: 20px 0 0; } */
.footer_bottom > p span{ color: #abaaaa; margin-right:5px;}
.footer_bottom > p img{ display: inline-block; vertical-align: initial; }
.footer_bottom #fenzhan1{display: inline-block;}
.footer_bottom #fenzhan1 a{ color: #fff; padding:0 10px;}
.foottabs{
    width: 100%;
    height: 80px;
    background: #fff;
    display: none;
    position: fixed;
    bottom: 0;
    z-index: 999999;
    border-top: 1px solid #ccc;
    justify-content: space-between;
}
.foottabs li{
    width: 33.3%;
    height: 80px;
}
.foottabs li a{
    display: flex;
    flex-direction: column;
    justify-content: space-evenly;
    align-items: center;
    width: 100%;
    height: 100%;
    text-align: center;
}
.foottabs li:nth-of-type(2){
    background: rgb(233,66,13);
}
.foottabs li:nth-of-type(2) h3{
        color: #fff !important;
}
.foottabs li img{
    width: 40px;
    height: 40px;
}
.footers {
    background: #151515;
    padding: 40px 0 40px 0;
}


.index_container {
    width: 1200px;
    margin: 0 auto;
    position: relative;
}

.footers .index_container {display: flex;flex-wrap: wrap;}
.footers li {width: 23.5%;margin-right: 2%;}
.footers li:last-child {
    margin-right: 0;
}
.footers li h2 {
    font-weight: normal;
    font-size: 16px;
    color: #fff;
    padding-bottom: 25px;
    border-bottom: 1px solid #4c4c4c;
    margin-bottom: 22px;
}
.index_about {
    font-size: 14px;
    color: #b2b2b2;
    line-height: 2em;
}
.index_about a {
    display: block;
    width: 100px;
    line-height: 34px;
    font-size: 14px;
    color: #b2b2b2;
    text-align: center;
    border: 1px solid #b2b2b2;
    border-radius: 25px;
    margin: 15px 0 0 0;
}
.index_do {
    display: flex;
    flex-wrap: wrap;
}
.index_do p {
    width: 50%;
}
.index_do p a {
    display: block;
    font-size: 14px;
    color: #b2b2b2;
    line-height: 2em;
    position: relative;
    transition: all 0.6s ease-out;
}
.index_chose {
    display: flex;
    flex-wrap: wrap;
}
.index_chose p {
    width: 50%;
    font-size: 14px;
    color: #b2b2b2;
    line-height: 2em;
}
.index_contact {
    font-size: 14px;
    color: #b2b2b2;
    line-height: 2em;
}




.side-always{ position:fixed; width: 60px; z-index:9999; right: 0; top:45%;}
.side-always li{ width:100%; height: 60px; background-color: #efeeed; background-position: center center; background-repeat: no-repeat; margin-bottom:1px; position: relative; cursor: pointer;}
.side-always li:last-child{ margin-bottom:0;}
.side-always li:hover{ background-color:#298acb;}
.side-always li *{ display: none; }
.side-always li:hover * { display: block;}
.side-always li a{ position: absolute;right:61px; bottom: 0; height: 60px; line-height: 60px; padding: 0 20px; background: #298acb; font-size: 18px; color: #fff;}
.side-always li img{ position: absolute;right:61px; bottom:0; max-width:200px;}
.side-always li.tel{ background-image: url('../images/tel.png');}
.side-always li.tel:hover{ background-image: url('../images/tel2.png');}
.side-always li.ewm{background-image: url('../images/ewm.png');}
.side-always li.ewm:hover{background-image: url('../images/ewm2.png');}
.side-always li.qq{background-image: url('../images/qq.png');}
.side-always li.qq:hover{background-image: url('../images/qq2.png');}
.side-always li.top{background-image: url('../images/to_top.png');}
.side-always li.top:hover{background-image: url('../images/to_top2.png');}


.n_banner{ height: 500px; background-position: center center;  background-repeat: no-repeat; overflow: hidden; background-size:cover; }
.n_banner .text{ font-size: 40px; color: #f4f4f4;  position: relative; line-height:70px; white-space: pre-line;padding-bottom: 50px;}
.n_banner .text:after{ position: absolute; left: 0; bottom:0; width: 50px; height:2px; background: #fff; content: '';}

.n_banner .content{ color: #fff;padding-bottom: 50px; position: relative;}
.n_banner .content:after{position: absolute;left: 0; bottom: 0; width: 50px; height: 2px; background: #fff; content: '';}
.n_banner .content .title{ font-size: 40px;}
.n_banner .content .nr{ font-size: 24px;margin-top: 30px;line-height: 40px;}
.n_banner .content .h{width: 50px; height: 2px; background: #fff; margin-top: 30px;}

.product_banner .swiper-slide{ height: 800px;background-position: center center;  background-repeat: no-repeat; overflow: hidden; background-size:cover;text-align: center;}
.product_banner .swiper-slide{ position: relative;}
.product_banner .content{ position: absolute;  margin-left:-600px;left: 50%; top:40%; }
.product_banner .content .text{ float: left; color: #fff;margin-top:6%;}
.product_banner .content .text .title{  font-size:40px; letter-spacing:5px;margin-bottom:5px; }
.product_banner .content .text .jj{  font-size: 30px; letter-spacing:15px; margin:0 0 30px;}
.product_banner .content .text .nr{  font-size:24px;white-space: pre-line; line-height:40px; letter-spacing:5px;}
.product_banner .content .text .h{width: 50px; height: 2px; background: #fff; margin-top: 30px;}
.product_banner .content .img{ float: right; width: 400px; height: 400px;}
.product_banner .content .more{ background:#3a97d4; margin-top:60px; color: #fff; width: 120px; display: inline-block; line-height: 35px; text-align: center; font-size: 20px;}
.product .category{ background: #333;}
.product .category ul{  margin: 0 auto;}
.product .category ul li{ float: left; height: 60px; width: 10%; text-align: center;border-right:1px solid #535252; line-height:60px;}
.product .category ul li:last-child{ border-right: none;}
.product .category ul li a{ display: block; height: 100%;color:#fff;}
.product .category ul li.this,.product .category ul li:hover{ background: #298acb;}
.product .category ul li .box,.product .category ul li i{ display: inline-block; vertical-align: middle;}
.product .category ul li i{ height: 100%;}
.product .category ul li img{ display: inline-block; height:40px;}
.product .category ul li p{ line-height:30px; margin-top:10px; font-size:18px; color: #fff;}

.product .content{background: #efeeed; overflow: hidden;}
.product .content .list{ width:1202px; margin:70px auto; text-align: center;}
.product .content .list.has_page{margin-bottom: 40px !important;}
.product .content .list{}
.product .content .list ul{ }
.product .content .list li{ float: left; width:278px;box-shadow: 0 0 20px 1px rgba(200,200,200,0.9); background: #fff; padding:25px ; transition: 0.3s;position: relative; top:0; margin: 0 30px 30px 0;}
.product .content .list li:nth-child(4n+4){margin-right: 0;}
.product .content .list li:hover{ top:-10px;}
.product .content .list li .model{ font-size:20px; color: #333; text-align: left;}
.product .content .list li .title{ font-size:20px; color: #666;line-height: 40px; text-align: left;}
.product .content .list li .img{height:200px; text-align: center; }
.product .content .list li .img i,.product .content .list li .img img{ display: inline-block; vertical-align: middle;}
.product .content .list li .img i{ height: 100%;}
.product .content .list li .img img{ display: inline-block; transition:0.5s; max-height: 138px;}
.product .content .list li:hover img{transform:scale(1.2); }

.pages .statistics{ display: none;}
.pagination{  text-align: center; margin:0 0 46px;}
.pagination li{ display: inline-block; width: 40px; height:40px; margin: 0 5px; background: #fff; line-height:40px; border-radius:50%; }
.pagination li a,.pagination li span{ display: block;}
.pagination li.disabled{ background: #ccc; color: #fff;}
.pagination li.active,.pagination li:hover{ background: #47a0d9; color: #fff;}
.pagination li.active a,.pagination li:hover a{ color: #fff;}
.pagination li.prev ,.pagination li.next{background: none;}

.product_top{ height: 800px; overflow: hidden; position: relative;}
.product_top .box{  position: absolute;left:50%; height: 100%; margin-left: -600px;}
.product_top .img_bg{ display: none;}
.product_top .img{ text-align: center;}
.product_top .img img{max-width:70%;}
.product_top .img img,.product_top .img i{ display: inline-block;vertical-align: middle;}
.product_top .img i{height: 100%;}
.product_top .right{}
.product_top .content{ background: #fff; padding:50px;}
.product_top .right .content,.product_top .right i{ display: inline-block; vertical-align: middle;}
.product_top .right i{ height: 100%}
.product_top .content .title{ font-size: 24px; position: relative; margin-bottom:40px;}
.product_top .content .title:before{ position: absolute; width:50px; height: 1px; background: #000;left: 0; bottom:-20px; content: '';}
.product_top .content .ms{ font-size: 24px; font-family:monospace; margin:5px 0 40px;  display: none;}
.product_top .content .text{white-space: pre-line; line-height:32px; font-size: 18px; position: relative; color: #666;}

.product_title{ background: #333;}
.product_title p{  margin: 0 auto; line-height:100px; color: #fff; font-size: 26px;}
.product_bottom{ overflow: hidden; text-align: center;}
.product_bottom .content{position: relative; margin: 120px auto 50px; font-size: 20px; color: #333; display: inline-block;}
.product_bottom .content .parameter{ position: absolute; left:0; top: -67px; font-size: 24px; border-bottom:2px solid #4086b8; line-height: 50px;z-index:1;}
.product_bottom .content .nr{ text-align:left;}
.product_bottom .content .nr td{line-height:50px;}
.product_bottom .content .nr tr td:first-child{ color: #333;padding-right: 450px;}
.product_bottom .content .nr tr td:last-child{ color: #666;}
.product_bottom .black{  text-align: center;margin-bottom:70px;}
.product_bottom .black a{ background: #3a97d4;color: #fff; font-size: 26px; display: inline-block; width: 200px;line-height: 60px;}
.product_bottom .black a:hover{ background: #298acb;}

.service_content{}
.service_content  > .title{ font-size:30px; text-align: center;}
.service_content > .ms{ font-size:24px; text-align: center; color: #666;}
.service_content .list{  margin:0 auto;}
.service_content .list ul{ display: flex; justify-content: space-between;}
.service_content .list li{width:48.8%;  box-shadow: 0 0 20px 5px rgba(200,200,200,0.2); background: #fff; padding:30px 22px; height:395px; transition: 0.3s;}
.service_content .list li:hover{box-shadow: 0 0 20px 5px rgba(200,200,200,0.5);}
.service_content .list li .img{ width:50%; text-align: center; height: 100%; }
.service_content .list li .img img{ transition: 0.3s;}
.service_content .list li:hover .img img{ transform:scale(1.1); }
.service_content .list li .content{ width:45%;height: 100%;}
.service_content .list li .content .title{ font-size: 22px; margin-bottom: 25px; color: #333;}
.service_content .list li .content .text{ font-size: 16px; color: #666; line-height: 30px; word-break:break-all;}






.contact_box >li{ float: left; width: 50%;line-height: 30px; padding:0 50px; font-size: 18px;}
.contact_box >li:first-child ul li{
	position: relative;
    padding-left: 50px;
    line-height: 50px;
}
.contact_box >li ul li{
	line-height: 50px;
	margin-bottom: 30px;
}
.contact_box >li:first-child ul li{
	position: relative;
    padding-left: 50px;
    line-height: 50px;
	margin-bottom: 30px;
}
.contact_box >li:first-child ul li .img{
	position: absolute;
    width: 40px;
    height: 40px;
    left: 0px;
	background-color: #eeeeee;
	border-radius: 50%;
}
.contact_box >li ul li .title{
	font-size: 18px;
	color: #666;
}
.contact_box >li ul li .txt{
	font-size: 14px;
	color: #999;
}
.contact_box >li ul li .phone,
.contact_box >li ul li .email{
	display: inline-block;
	position: relative;
    padding-left: 28px;
	color: #999;
	font-size: 14px;
}
.contact_box >li ul li .phone i,
.contact_box >li ul li .email i{
	display: inline-block;
	width: 28px;
	height: 28px;
	background-color: #eeeeee;
	border-radius: 50%;
	position: absolute;
    left: 0;
    top: 10px;
	padding: 4px;
}
.contact_box >li ul li .email i img{
	width: 20px;
	height: 20px;
}
.map{
	    position: relative;
}
.liuyan_lxwm{
	width: 500px;
    position: absolute;
    background: #fff;
    right: 1%;
    top: 10px;
}
.liuyan_lxwm h2{
	text-align: center;
    line-height: 50px;
}



/*新改*/
.jhcategory{
    width: 1200px;
    margin: auto;
    margin-top: 30px;
}
.jhcategory li{
  display: inline-block;
    margin-top: 10px;
    margin-left: 10px;
    width: 135px;
    height: 46px;
    line-height: 46px;
    text-align: center;
    background: #f0f0f0;
    color: #333;
    transition: 0.5s;
}
.jhcategory li a{
    display: block;
    font-size: 16px;
    transition: 0.5s;
}
.jhcategory li.this,.jhcategory li:hover{
    background: #191919;
}
.jhcategory li.this a{
    color: white;
}
.jhcategory li:hover a{
    color: white;
}
.news .category ul,.case .category ul{  margin: 0 auto;}
.news .category ul li,.case .category ul li{ float: left; height: 60px; width: 10%; text-align: center;border-right:1px solid #535252; line-height:60px;}
.case .category{width: 1200px;margin: auto;margin-top: 30px;}
.case .category ul li:last-child{ border-right: none;}
.case .category ul li a{ display: block; height: 100%;color:#333;}
.case .category ul li{border-right:none;margin-bottom: 20px;}
.case .category ul li.this,.case .category ul li:hover{ background: #298acb;}
.case .category ul li.this a,.case .category ul li:hover a{ color: #fff;}
.news .category{ background: #333;}
.news .category ul li:last-child{ border-right: none;}
.news .category ul li a{ display: block; height: 100%;color:#fff;}
.news .category ul li.this,.product .category ul li:hover{ background: #298acb;}
.news_list{  margin:0 auto 70px;}
.news_list ul li{padding-bottom:50px; background: #fff; margin-bottom:50px; border-bottom:1px solid #eee;}
.news_list ul li:last-child{margin-bottom: 0; border-bottom: none; padding-bottom: 0;}
.news_list ul li .box{ height: 275px;}
.news_list ul li .img{ width:50%; float: left; height:100%; text-align: center;}
.news_list ul li .img a{ display: block; height: 100%;}
.news_list ul li .img img{height: 100%;  width: 100%;}
.news_list ul li .img img,.news_list ul li .img i{ display: inline-block; vertical-align: middle;}
.news_list ul li .img i{height: 100%;}
.news_list ul li .body{ width:48%; float: right; height: 100%; overflow: hidden;position: relative;}
.news_list ul li .title{ }
.news_list ul li .title a{ font-size: 20px; color: #333; line-height:1;}
.news_list ul li .title:hover a{ color: #298acb;}
.news_list ul li .content{ font-size: 16px; line-height:32px; color: #666;margin: 20px 0 0; height: 160px; overflow: hidden;}
.news_list ul li .content a{ color: #666; font-size: 16px;}
.news_list ul li .bottom{line-height: 1; position: absolute; width: 100%; left: 0; bottom:0;}
.news_list ul li .bottom p{ float: left; font-size: 14px;}
.news_list ul li .bottom a{ float: right; color: #298acb; font-size: 14px;}

.cate_list.has_page .pagination{margin-bottom: 0;}

.news_content{  margin:50px auto;}
.news_content .news_left{  width: 790px; float: left;}

.news_content .news_box{margin-top: 20px; background: #fff;}
.news_content .news_box .news_body{ padding:45px; position: relative;}
.next-prev-single p{
    line-height: 30px;
    color: #858585;
}
.next-prev-single p a{
    color: #858585;
}
.next-prev-single p a:hover{
    color: #000000;
}
.news_content .news_box .title{ font-size: 26px;}
.news_content .news_box .ms{ font-size: 16px;color: #666; border-bottom: 1px solid #ccc; line-height: 60px;}
.news_content .news_box .content{padding: 20px 0; line-height: 30px;  font-size:16px;min-height: 450px; text-align: left;}
.news_content .news_box .content a{ font-size: 16px;}
.news_content .news_box .content table{margin: auto;}
.news_content .news_box .content img{ display: inline-block;}
.news_content .link{padding:30px; background: #fff; border-top:1px solid #ccc; position: relative;}
.news_content .link li{ line-height: 35px;}
.news_content .link li a:hover{ color: #298acb;}
.news_share{ position: absolute; display: inline-block;width: 100%;left: 0;bottom:20px;}
.news_share a{float: none !important;}
#bdshare_weixin_qrcode_dialog{box-sizing:content-box;}

.news_content .news_right{  float: right;  width:390px;}
.news_content .news_right .scroll{padding: 20px;width:390px;background: #fff; }
.news_content .news_right .scroll.is_scroll{position: fixed;top:60px;bottom: auto;}
.news_content .news_right .scroll.is_bottom{position: absolute;top:auto;bottom: 0;}

.news_content .news_right .title {  border-bottom:1px solid #ccc; line-height:40px;margin-bottom: 10px;}
.news_content .news_right .title a{font-size: 20px; color:#666;}
/*.news_content .news_right .list{max-height:calc(100% - 10px); overflow: auto;}*/
.news_content .news_right .list li{position: relative; margin-bottom: 10px; overflow: hidden;}
.news_content .news_right .list li:last-child{ margin-bottom: 0;}
.news_content .news_right .list li img{ height: 100%;transition: 0.3s; width: 100%;}
.news_content .news_right .list li p{position: absolute; width: 100%; height: 100%;top:0; left: 0; background: rgba(0,0,0,0.5); color: #fff; font-size: 20px; padding: 20px; line-height: 30px; opacity: 0; transition: 0.3s; z-index:1; text-align: center;}
.news_content .news_right .list li p{opacity: 1;}
.news_content .news_right .list li:hover img{transform:scale(1.1); }
.news_content .news_right .list li p i,.news_content .news_right .list li p span{ display: inline-block; vertical-align: middle;}
.news_content .news_right .list li p i{ height: 100%;}


.smart_home{margin: 70px auto 0;}
.smart_home .list{ }
.smart_home .list ul{ display: flex; flex-flow: wrap;}
.smart_home .list li{ width:32%; margin-right:1.5%; margin-bottom:30px; height: 388px;border: 1px solid #eee;}
.smart_home .list li:hover{ box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);}
.smart_home .list li:nth-child(3n+3){ margin-right:0;}
.smart_home .list li:nth-last-child(-n+3){margin-bottom: 0;}
.smart_home .list li .img{ text-align: center; height: 266px; overflow: hidden; position: relative;}
.smart_home .list li .img a{ display: block; height: 100%;}
.smart_home .list li .img img{ /*height: 100%;*/ width: 100%; transition: 0.5s;}
.smart_home .list li:hover .img img{ transform:scale(1.1);}
.smart_home .list li .img span,.project .list li .img i{ display: inline-block; vertical-align: middle;}
.smart_home .list li .img i{ height: 100%;}
.smart_home .list li .con-text{ position: relative;height: 140px; padding: 0 20px; }
.smart_home .list li .con-text .title{ margin-bottom: 5px; }
.smart_home .list li .con-text .ms{ color: #999; }
.smart_home .list li .con-text .title a{font-size: 20px;display: block;line-height: 60px;}
.smart_home .list li .con-text .more{position: absolute;right: 30px;bottom: 30px;}
.smart_home .list li .con-text .more a{  color: #425cbb;}
.case .pages{margin-top: 30px;}
.case_content .case_box .title{
	line-height: 1.4;
    font-size: 24px;
	text-align: center;
	margin:10px 0 20px;
}
.case_content .case_box .title a{
    background: url(../images/download1.png)no-repeat center;
    
    display: block;
    float: right;
    width: 40px;
    height: 40px;
    background-size: contain;
        margin: 8px 8px 0 0;
}
.case_content .case_box .title a:hover{
    background: url(../images/download.png) no-repeat center;
    background-size: contain;
}
.case_body{
    padding:15px 25px;
}
@media(max-width:820px){
    .case_content .case_box .title{
        font-size:20px;
    }
}
@media(max-width:767px){
    .case_content .case_box .title{
        font-size:18px;
    }
    .case_body{
        padding:15px 20px;
    }
}
.smart_home_system{}
.smart_home_system .body_box{ position: relative;display: flex; align-items: center; justify-content: center; padding: 60px 0 0;margin-bottom: -30px;}
.smart_home_system .body{width: 625px; height: 625px; background: url('../images/shg.png'); margin: 0 auto; position: relative; display: flex; align-items: center; justify-content: center;transform:scale(0.9);-moz-transform:scale(0.9);}
.smart_home_system .body .home{ font-size:30px; text-align: center; }
.smart_home_system .body .home img{margin-bottom:10px;width: 113px; display: inline-block;}
.smart_home_system .body .home p{}
.smart_home_system .body .ico{ position: absolute;}
.smart_home_system .body .ico:nth-child(1){top:0;left:-89px;}
.smart_home_system .body .ico:nth-child(2){top:0;right:-89px;}
.smart_home_system .body .ico:nth-child(3){bottom:70px;left:-110px;}
.smart_home_system .body .ico:nth-child(4){bottom:70px;right:-136px;}
.smart_home_system .body .tubiao{position: relative; display: inline-block; text-align: center;}
.smart_home_system .body .tubiao .h{display: inline-block;}
.smart_home_system .body .ico:nth-child(1) .tubiao .h{position:relative;top: -1px;left: 37px;}
.smart_home_system .body .ico:nth-child(2) .tubiao .h{position:relative;top: -1px;left: -36px;}
.smart_home_system .body .ico:nth-child(3) .tubiao .t{display: inline-block;}
.smart_home_system .body .ico:nth-child(3) .tubiao .h{position:relative;top:56px;left:-13px;}
.smart_home_system .body .ico:nth-child(4) .tubiao .t{display: inline-block;}
.smart_home_system .body .ico:nth-child(4) .tubiao .h{position:relative;top:35px;left:20px;}
.smart_home_system .body_box .content{position: absolute;text-align: left; z-index:9;}
.smart_home_system .body_box .content .title{font-size: 20px; margin-bottom: 10px; color: #000;}
.smart_home_system .body_box .content .text{font-size: 16px; line-height:25px; color: #666;}
.smart_home_system .body_box .content:nth-child(1){left:0;top:0;}
.smart_home_system .body_box .content:nth-child(2){right:0;top:0;}
.smart_home_system .body_box .content:nth-child(3){left:0;top:270px;}
.smart_home_system .body_box .content:nth-child(4){right:0;top:270px;}

/* news */
.news .list ul li{
	width: 100%;
	padding: 10px;
	transition: 0.5s;
}
.news .list ul li:hover{
    background-color: #f0f0f0;
}

.news .list ul li .img{
	float: left;
	width: 30%;
	height: 160px;
	overflow: hidden;
}
.news .list ul li .img img{
	width: 100%;
}

.news .list ul li .con-text{
	float: left;
    width: 70%;
    padding-left: 30px;
    position: relative;
    height: 160px;
}
.news .list ul li .con-text a{
	display: block;
	font-size: 20px;
}
.news .list ul li .con-text .title{
	font-size: 20px;
    line-height: 60px;
    color: #333;
}
.news .list ul li .con-text .ms{
	font-size: 16px;
    line-height: 30px;
    color: #666;
}
.news .list ul li .con-text .more{
	position: absolute;
    left: 30px;
    bottom: 10px;
    width: 70%;
}
.news .list ul li .con-text .more a{
	font-size: 16px;
	float: left;
}
.news .pages{
	margin-top: 30px;
}
.cate_bar_box .contact_list{
	padding: 10px;
    line-height: 24px;
    background-color: #fff;
    border: 1px solid #ededed;
}


.smart_home_app{ height: 800px; background:url('../images/smart_home_app.jpg') center center no-repeat;background-size: cover; color: #fff; overflow: hidden; display: flex; align-items: center;}
.smart_home_app .content{margin: 0 auto;}
.smart_home_app .title{font-size: 30px;line-height: 50px;}
.smart_home_app .text{font-size: 24px;margin:20px 0 30px;line-height:40px;}
.smart_home_app a{ font-size: 24px; display: inline-block; width: 180px; height: 60px; line-height: 60px; text-align: center; background: #3e85c7; color: #fff; border-radius: 5px;}


.case_product_list{ margin:0  auto; display: flex; justify-content: space-between;text-align: center; }
.case_product_list li{width:24.2%;box-shadow: 0 5px 15px 3px rgba(0, 0, 0, 0.1);}
.case_product_list li .img{ text-align: center; height: 300px; overflow: hidden; position: relative;}
.case_product_list li .img img{ height: 100%; width: 100%; transition: 0.5s;}
.case_product_list li:hover .img img{ transform:scale(1.1);}
.case_product_list li .title{font-size:28px;color: #2c82bd;margin-top: 25px;}
.case_product_list li > a{  color: #fff; font-size: 20px;  display: inline-block;width: 110px; height: 40px; line-height: 40px; background: #2982bd; border-radius: 5px;margin: 25px 0;}


.case_button{width: 260px; display:table; line-height: 60px; text-align: center; color: #fff; background: #3a97d4; font-size:28px; border-radius: 5px; cursor: pointer; transition: 0.3s;margin: 0 auto 70px;}
.case_button:hover{ background: #298acb;}

.banner2{ height: 800px; display: flex; align-items: center; background-position: center center; background-size: cover; background-repeat: no-repeat;}
.banner2 .content{  color: #fff; text-align: left;}
.banner2 .content .title{ font-size: 50px;}
.banner2 .content .ms{ font-size: 30px;margin:10px 0 25px;  opacity: 0.8;line-height: 45px;}
.banner2 .content .more{ background:#3a97d4; margin-top:60px; color: #fff; width: 120px; display: inline-block; line-height: 35px; text-align: center; font-size: 20px;}
.banner2 .content .more:hover{ background: #298acb;}

.hot_news{}
.hot_news li{ width: 305px; float: left;margin-left: 20px; height: 180px;position: relative;}
.hot_news li img{height: 100%; width: 100%;}
.hot_news li p{position: absolute;left: 0;width: 100%; bottom: 0;height:35px;padding: 0 5%; background: rgba(0,0,0,0.5); color: #fff; line-height:35px;}
.hot_news li:nth-child(1){width: 550px; height:380px;margin-left: 0;}
.hot_news li:nth-child(1) p{font-size:16px; height:50px;line-height: 50px;}
.hot_news li:nth-child(n+2):nth-child(-n+3){margin-bottom: 20px;}

.cate_box{width:1200px; margin: 40px auto;display: flex; justify-content: space-between;align-items:flex-start; position: relative;background-color: #fff;}
.cate_list{width: 875px;    border: 1px solid #ededed;}
.cate_list .crumbs_n{
    background: #f0f0f0;
    line-height: 50px;
    padding-left: 20px;
}
.cate_list .crumbs_n img{
    display: inline-block;
    width: 25px;
    margin-right: 10px;
    position: relative;
    top: -3px;
}
.cate_list .item{margin-bottom: 70px;}
.cate_list .item:last-child{margin-bottom:0;}
.cate_list .item .title{ position: relative;padding-bottom: 10px;}
.cate_list .item .title a{ font-size: 28px;color: #333;}
.cate_list .item .title:after{position: absolute;left: 0; bottom:0; content: ''; width: 50px; height: 2px; background: #298acb;}
.cate_list .item .list{margin: 50px 0; width: 100%; display: flex; justify-content: space-between;}
.cate_list .item .list li{width: 32%;}
.cate_list .item .list li a{ display: block;}
.cate_list .item .list li img{height:200px;width: 100%;}
.cate_list .item .list li span{ display: block; font-size: 20px; color: #333;line-height: 50px; text-align: center;}
.cate_list .item .list li p{ font-size: 16px; color: #666;border-top:1px solid #eee;padding: 10px;line-height: 25px;}
.cate_list .item .list li:hover p{ border-top:1px solid #298acb; }
.cate_list .item .list_tab{margin:70px 0 0; display: flex; justify-content: space-between;height: 400px;}
.cate_list .item .list_tab .tab_left{width:38%;height: auto; border: 0; }
.cate_list .item .list_tab .tab_left li{display: block;padding: 0; text-align: left; height: 25px;line-height: 25px;margin-bottom: 50px;}
.cate_list .item .list_tab .tab_left li:last-child{ margin-bottom: 0;}
.cate_list .item .list_tab .tab_left li a{ font-size: 24px; color: #333;}
.cate_list .item .list_tab .tab_left li:hover a{ color: #298acb;}
.cate_list .item .list_tab .tab_left li.layui-this:after{content: normal;}
.cate_list .item .list_tab .tab_right{ width:60%;padding: 0; height: 100%;}
.cate_list .item .list_tab .tab_right .layui-tab-item{ height: 100%;}
.cate_list .item .list_tab .tab_right .layui-tab-item img{height: 100%;}


.cate_bar_box{width: 305px; }
.cate_bar{width:305px;background: #f0f0f0; overflow: hidden;}
.cate_bar.is_scroll{position: fixed;top:60px;bottom: auto;}
.cate_bar.is_bottom{position: absolute;top:auto;bottom: 0;}

.cate_bar .tags_list{ background: #fff; padding: 20px; display: flex; flex-flow:row wrap; justify-content: space-between;}
.cate_bar .tags_list a{ font-size: 16px;line-height: 30px;}

.cate_bar .title{font-size: 24px; color: #000000; text-align: center;line-height: 50px;}
.cate_bar_box .fuwu_list,.cate_bar_box .n_news_list{background-color: #fff;padding:10px 0;border: 1px solid #ededed;}
.cate_bar_box .fuwu_list a{
	display: inline-block;
    text-align: center;
    background-color: #f0f0f0;
    color: #000;
    padding: 10px;
    /*margin: 5px 10px;*/
}
.cate_bar_box .n_news_list li{
	padding-bottom: 10px;
	margin-top: 10px;
	border-bottom: 1px solid #eee;
}
.cate_bar_box .n_news_list li h2{padding: 10px 20px;font-size: 16px;}
.cate_bar_box .n_news_list li h2 a{display: block;    overflow-x: hidden;
    text-overflow: inherit;}
.cate_bar_box .n_news_list li .time{color: #999;padding-left: 20px;}
.cate_bar_box .n_news_list li .hit{color: #999;padding-right: 20px;}



/* about 页面 */
.about{
	margin: 50px auto;
}
.about .right{
	width: 50%;
}
.about .right h3{
	line-height: 50px;
    font-size: 16px;
}
.about .right .jieshao{
	text-indent: 2em;
	font-size: 16px;
	line-height: 36px;
	color: #999;
}
.about .left{
	width:45%;
	overflow: hidden;
}
.wmsm{
	width: 100%;
	height: 500px;
	background: url(../images/wmsm.jpg) center center;
}
.wmsm .title_base1 h1,.wmsm .title_base1 span{
	color: #fff;
}
.wmsm-box p{
	padding: 0 5%;
    text-align: center;
    line-height: 36px;
    margin: 10px;
	color: #fff;
}
.kehu-box{
	padding: 70px 0;
    margin: 10px 0;
    background-color: #eee;
}
.kehu-box>.left{
	width: 45%;
    padding-left: 40px;
}
.kehu-box>.left h2{
	line-height: 60px;
	font-size: 20px;
}
.kehu-box>.left p{
	padding: 30px 0;
    line-height: 30px;
    color: #999;
}
.kehu-box>.left ul li{
	float: left;
	width: 30%;
	margin: 1.5%;
}
.kehu-box>.left ul li .num{font-size: 30px;}
.kehu-box>.left ul li .wz{color: #999;}

.kehu-box>.right{
	width: 50%;
}
.num-top{
    width: 70%;
    margin: auto;
/*margin-top: 30px;*/
    
}
.num-top li{
	float: left;
	width: 25%;
	margin: 1.5%;
}
.num-top li .hz{font-size: 20px;color: #fff;}
.num-top li .num {font-size: 40px;color: #fff;}
.num-top li .num span{font-size: 60px;color: #fff;}
.num-top li .wz{color: #999;color: #fff;}




.blue{
	color: #007AFF;
}
.daypay-box,.daypay-box1{
	padding: 0 50px;
}
.daypay-box>.left{
	margin-left: 5%;
	width: 40%;
	height: 360px;
	overflow: hidden;
}
.daypay-box>.left img{
	width: 100%;
}
.daypay-box>.right{
	text-align: center;
	width: 50%;
    line-height: 30px;
    padding-top: 30px;
    font-size: 16px;
}
.daypay-box>.right li{
	padding: 15px 0;
}
.daypay-box1>.right{
	margin-right: 10%;
	width: 35%;
	/* height: 360px; */
	overflow: hidden;
}
.daypay-box1>.right img{
	width: 100%;
}
.daypay-box1>.left li{
	padding: 15px 0;
}
.daypay-box1>.left{
	margin-left: 5%;
	width: 45%;
    line-height: 30px;
    font-size: 16px;
}
.daypay2{background-color: #eee;}
.daypay2 .daypay-box2 p{line-height: 30px;text-align: center; padding-bottom: 30px;}
.daypay2 .daypay-box2 ul li{width: 33%;padding: 10px 20px;float: left;text-align: center;}
.daypay2 .daypay-box2 ul li h3{font-size: 18px;padding: 10px 0;}
.daypay2 .daypay-box2 ul li img{margin: 0 auto;}
.daypay3{
	margin-bottom: 50px;
}
.yearpay-box .youshi >li{
	float: left;
	width: 32%;
	height: 380px;
	margin: 0 0.5%;
	background-color: #eeeeee;
}

.yearpay-box .youshi .miaosu h3{
	width: 100%;
	line-height: 80px;
	font-size: 30px;
	text-align: center;
}
.yearpay-box .youshi .miaosu ul>li{
	/* text-align: center; */
	padding: 10px 40px;
	width: 100%;
	line-height: 24px;
	color: #666;
	position: relative;
	
}
.yearpay-box .youshi .miaosu ul>li .dian{
	position: absolute;
	left: 20px;
}
.yearpay-box .youshi >li:hover{
	background-color: #1a81bd;
}
.yearpay-box .youshi >li:hover h3,
.yearpay-box .youshi >li:hover li,
.yearpay-box .youshi >li:hover .dian{
	color: #fff;
}
.yearpay1{
	margin-top: 150px;
	padding-bottom: 50px;
	background-color: #eee;
}
.yearpay3-box{
	position: relative;
}
.yearpay3-box li{
	cursor: pointer;
	position: relative;
	text-align: right;
	padding-right: 40px;
	float: left;
	width: 51%;
		/* width: 420px; */
}
span.dian{
position:absolute ;
	font-size: 16px;
	color: #1a81bd;	
}

.yearpay3-box li:hover h3,.yearpay3-box li:hover p{
	color: #1a81bd;
}
.yearpay3-box li:hover span.dian{
	color: #666;
}
.yearpay3-box li span.dian {
	right: 7px;
}
.yearpay3-box li:nth-child(2n) span.dian{
	left: 7px;
}
.yearpay3-box li:nth-child(2n){
	position: relative;
	text-align: left;
	width: 51%;
	float: right;
	padding-left: 40px;
}
.yearpay3-box li h3{
	padding: 0 5px;
	font-size: 16px;
	line-height: 50px;
}

.yearpay3-box li p{
	width: 300px;
	overflow: hidden;
	text-align: center;
	padding: 0 10px;
	color: #666;
	float: right;
}
.yearpay3-box li:nth-child(2n) p{
	float: left;
}
.yearpay3-box span.line{
	position: absolute;
	width: 3px;
	height: 394px;
	background-color: #eeeeee;
	left: 50%;
	margin-left: -1px;
}
.serve{
	overflow: hidden;
    position: relative;
    /* background: url(../images/bg2.jpg) center center fixed; */
	margin-top: 30px;
	padding-bottom: 30px;
}
.serve .pro{
	width: 30%;
	margin:0 10%;
	height: 300px;
	background-color: #fff;
}
.serve .pro h2{
	position: relative;
	padding-left: 120px;
	line-height: 120px;
	font-size: 54px;
}
.serve .pro h2 span{
	position: absolute;
	width: 60px;
	height: 60px;
	top: 30px;
	left: 30px;
	background: url(../images/dayview.png)no-repeat center center;
	background-size: 60px 60px;
}
.serve .right.pro h2 span {
	background: url(../images/yearview.png)no-repeat center center;
	background-size: 60px 60px;
}
.serve .pro p{
	line-height: 60px;
	text-align: center;
}
.serve .pro .ljgm{
	width: 200px;
	height: 50px;
	margin: 30px auto;
	text-align: center;
	line-height: 50px;
	background-color: #007AFF;
}
.serve .pro .ljgm a{
	color: #fff;
	color: 16px;
}

.hezuo-box ul li{
	cursor: pointer;
	height: 245px;
    display: flex;
    flex-direction: column;
    align-items: center;
	position: relative;
}
.hezuo-box ul li p{
	font-size:20px;
    line-height: 40px;
	color: #666;
	text-align: center;
}

.hezuo-box ul li .zhichi{position:absolute;width: 100%;height: 100%;transition: all 1s;}
.hezuo-box ul li .zhichi1{padding: 43px 31px 0px 31px;background-color: #fff;}
.hezuo-box ul li .zhichi2{background: rgba(0,0,0,0.3);padding: 30px 10px;}
.hezuo-box ul li .zhichi2 p{font-size: 16px;margin: 10px;line-height: 20px;color: #fff;}
.hezuo-box ul li:hover .zhichi1{transform: rotateY(180deg);}
.hezuo-box ul li:hover .zhichi2{transform: rotateY(360deg);}
.hezuo-box ul li .zhichi1{
            /* 提高图片一的层级 */
            z-index: 9;
            /* 当元素背面显示时,隐藏起来 */
             backface-visibility: hidden;
        }
hezuo-box ul li:hover .zhichi2{display: block;}
.hezuo-box ul li .bgm{
	width: 100px;
	height: 100px;
	margin: 0 auto;
}

.hezuo-box li .bgm1{
	background: url(../images/cpzc.jpg);
	background-size: 100px 100px;
}

.hezuo-box li .bgm2{
	background: url(../images/ywzc.jpg);
	background-size: 100px 100px;
}

.hezuo-box li .bgm3{
	background: url(../images/pxzc.jpg);
	background-size: 100px 100px;
}

.hezuo-box li .bgm4{
	background: url(../images/wlzc.jpg);
	background-size: 100px 100px;
}

.hezuo-box li .bgm5{
	background: url(../images/jszc.jpg);
	background-size: 100px 100px;
}

.hezuo-box li .bgm6{
	background: url(../images/zczc.jpg);
	background-size: 100px 100px;
}


.hezuo-box li .bgm7{
	background: url(../images/tgzc.jpg);
	background-size: 100px 100px;
}

.hezuo-box li .bgm8{
	background: url(../images/kfzc.jpg);
	background-size: 100px 100px;
}


.zxkf{
	padding: 30px 0;
    text-align: center;
}
.zxkf a{
	outline: none;
    border: 2px solid #eee;
    display: inline-block;
    width: 160px;
    line-height: 60px;
    font-size: 30px;
    color: #258cc6;
    border-radius: 15px;
}
@media (min-width:992px) {
	.hezuo-box ul .layui-col-md3{
		width: 21%;
		margin: 1% 2%;
	}
}

.hzlc{
	width: 100%;
	height: 513px;
	background-color: #535353;
}
.hzlc .title_base1 h1,
.hzlc .title_base1 span{
	color: #fff;
}
.hzlc .hzlc-box {
	margin-bottom: 30px;
}
.hzlc .hzlc-box li{
	width: 20%;
	float: left;
}
.hzlc .hzlc-box li:not(last-child){
	padding-right: 90px;
}

.hzlc .hzlc-box li .bgimg{
	margin: 10px auto;
    width: 80px;
    height: 80px;
	
}
.hzlc .hzlc-box li h3{
	color: #fff;
	text-align: center;
    line-height: 30px;
}
.gs-xinwen ul li{
	width: 30.3%;
	margin: 1.5%;
	float: left;
	border: 1px solid #eee;
}
.gs-xinwen ul li .con-text{padding:0 20px;}
.gs-xinwen ul li .con-text .title{
	display:block;
	line-height: 60px;
}
.gs-xinwen ul li .con-text .ms{color: #999;}
.gs-xinwen ul li .con-text .more{margin: 20px 0;}
.gs-xinwen .ljgd{padding: 50px;text-align: center;}
.gs-xinwen .ljgd a{display: inline-block;line-height: 30px;color: #fff;background-color: #258cc6;padding: 10px 20px;}

.jm1{
	height: 380px;
	position: relative;
}
.jm-box1{
	position: absolute;
	top: -214px;
	left: 50%;
	margin-left: -600px;
	height: 560px;
	background-color: #fff;
	box-shadow:0 1px 4px #666 ;
	z-index: 1;
}
.jm-box1 li{
	height: 200px;
    text-align: center;
    width: 50%;
    float: left;
    padding: 0 100px;
}
.jm-box1 li h3{
	line-height: 80px;
    font-size: 24px;
}
.jm-box1 li p{
	line-height: 24px;
    color: #999;
}
.jm2-box li{
	float: left;
	width: 218px;
	height: 258px;
	border: solid 2px #e5e5e5;
	margin: 0 40px;
	text-align: center;
	padding: 0 18px;
}
.jm2-box li img{
	width: 58px;
	height: 58px;
	margin: 32px auto;
}
.jm2-box li h3{
	line-height: 48px;
}
.jm2-box li p{
	color: #999;
	line-height:24px ;
}
.jm3{
	position: relative;
	width: 100%;
	height: 566px;
	background:url(../images/bg-jm.jpg) center center fixed ;
	margin-top: 56px;
}
.jm3 .title_base h1{
	color: #fff;
}
.jm3 .jm3-box ul{
	position: relative;
}
.jm3 .jm3-box ul li{
	float: left;
	width: 50%;
    padding: 10px 20px;
    text-align: left;
	margin-bottom:20px ;
	color: #fff;
}
.jm3 .jm3-box ul li h3{
	font-size: 22px;
	line-height: 48px;
	
}
.jm3 .jm3-box ul li p{
	line-height:36px;
	
}
.jm4{margin-bottom: 30px;}
.jm4 .jm4-box ul.huoban li{float: left;width: 30%;margin:1.5%;border: 1px solid #eee;}
.jm4 .jm4-box ul.huoban li .img{position: relative;}
.jm4 .jm4-box ul.huoban li .img h3{position: absolute;top:40%;left: 30%;color: #fff;font-size: 24px;}
.jm4 .jm4-box ul.huoban li .txt{padding: 20px 20%;}
ul.moshi{padding: 0 10%;}
 ul.moshi li{
	float: left;
	width:50% ;
	padding: 0 10%;
	text-align: center;
}
 ul.moshi li:first-child{border-right: 1px solid #fff;}
 ul.moshi li h2{
	font-size: 36px;
	line-height: 48px;
	color: #fff;
	
}
 ul.moshi li p{
	line-height: 24px;
	color: #999;
}
 ul.moshi li a{
	display: block;
	width: 202px;
	height: 50px;
	background-color: #107afd;
	color: #fff;
	text-align: center;
	line-height: 50px;
	margin: 40px auto;
}
.xin_con2 {
    position: relative;
    /* margin-top: 80px; */
}
.xin_con2:after {
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
}

.xin_con2 .xin_div {
    width: 100%;
    position: relative;
	margin: 0 auto;
	max-height: 520px;
}


.xin_con2_u3{
	opacity: 0;
}
.active .xin_con2_u2 {
    opacity: 1;
    top: 0;
}
.xin_con2_u2 {
	position: relative;
	top: 0;
	left: 0;
	height: 366px;
	width: 100%;
}

.xin_con2_u2 li {
	position: absolute;
	top: 0;
	width: 100%;
	height: 100%;
	opacity: 0;
	transition: 0.5s ease-out .2s;
	overflow: hidden;
}

.xin_con2_u2 li img {
	width: 100%;
	height: 100%;
}

.xin_con2_u2 li.active {
	opacity: 1;
	z-index: 2;
}
.xin_con2_u4{
	font-size: 0;
	position: relative;
	z-index: 4;
}
.xin_con2 .xin_con2_u4{
	width: 80%;
	margin: 0 auto;
	box-sizing: border-box;
	padding: 0 7% 0 10%;
	background: #201455;
	opacity: 0;
	transform: translateY(100%);
	transition: 1s ease-out;
}
.xin_con2.active .xin_con2_u4{
	opacity: 1;
	transform: translateY(-50%);
}
.xin_con2_u4_tit{
	display: inline-block;
	width: 60%;
}
.xin_con2_u4_tit h2{
	color:#ffffff;
	font-size: 40px;
	font-family: "arial black";
	line-height:50px;
	/* margin-bottom: 10px; */
}
.xin_con2_u4_tit h3{
	color:#ffffff;
	font-size: 20px;
	font-weight: bold;
	line-height: 30px;
}
.xin_con2_u4 .swiper-slide{
	font-size: 0;
	padding: 60px 0 50px;
}
.xin_con2_u4 .swiper-button-next,.xin_con2_u4 .swiper-button-prev{
	background-image: none;
	margin-top: 0;
	transform: translateY(-50%);
	display: block;
	text-align: center;
	line-height: 50px;
	width: 50px;
	height: 50px;
	color:#fff;
	opacity: 0;
	transition: all .3s ease 0s;
    -webkit-transition: all .3s ease 0s;
    -moz-transition: all .3s ease 0s;
    background: #201455;
    
}
.xin_con2_u4 .swiper-button-next font,.xin_con2_u4 .swiper-button-prev font{
	display: none;
}
.xin_con2_u4 .swiper-button-prev::before{
	content: '';
	display: inline-block;
	width: 12px;
	height: 12px;
	border-left: 3px solid #fff;
	border-bottom: 3px solid #fff;
	transform: rotate(45deg);
	margin-left: 4px;
}
.xin_con2_u4 .swiper-button-next::before{
	content: '';
	display: inline-block;
	width: 12px;
	height: 12px;
	border-right: 3px solid #fff;
	border-top: 3px solid #fff;
	transform: rotate(45deg);
	margin-right: 4px;
}
.xin_con2_u4 .swiper-button-next{
	transform: translateX(200%) translateY(-50%);
}
.xin_con2_u4 .swiper-button-prev{
	transform: translateX(-200%) translateY(-50%);
}
.xin_con2_u4:hover .swiper-button-prev,.xin_con2_u4:hover .swiper-button-next{
	opacity: 1;
	transform: translateX(0)  translateY(-50%);
}
.xin_con2_u4_inner{
	display: inline-block;
	width: 40%;
	vertical-align: top;
}
.xin_con2_u4_inner ul{
	font-size: 0;
	margin-top: 44px;
}
.xin_con2_u4_inner li{
	display: inline-block;
	transform: translateX(100%);
	width: 100%;
	line-height: 30px;
	color:#fff;
	font-size: 14px;
	text-align: left;
	opacity: 0;
}
.active .xin_con2_u4  li{
	transform: translateX(0);
	opacity: 1;
}
.xin_con2_u4_inner li:nth-child(5){
	    transition: 0.8s ease-out 1.4s;
}
.xin_con2_u4_inner li:nth-child(6){
	    transition: 0.8s ease-out 1.5s;
}
.xin_con2_u4_inner li:nth-child(7){
	    transition: 0.8s ease-out 1.6s;
}
.xin_con2_u4_inner li:nth-child(8){
	    transition: 0.8s ease-out 1.7s;
}
.xin_con2_u4_inner li:nth-child(9){
	    transition: 0.8s ease-out 1.8s;
}
.xin_con2_u4_inner li:nth-child(10){
	    transition: 0.8s ease-out 1.9s;
}
.xin_con2_u4_inner a{
	font-size: 12px;
	color:#fff;
	font-family: "微软雅黑";
	/*font-family: '黑体';*/
}
.xin_con2_u4_inner a:before{
	display: inline-block;
	content: '';
	width: 0;
	height: 1px;
	vertical-align: middle;
	background: #fff;
	margin-right: 0;
	transition: all .3s ease 0s;
    -webkit-transition: all .3s ease 0s;
    -moz-transition: all .3s ease 0s;
}
.xin_con2_u4_inner a:hover:before{
	width: 30px;
	margin-right: 10px;
}
.xin_con2_u4 .swiper-pagination{
	font-size: 15px;
	color:#fff;
	text-align: left;
	bottom: 50px;
	width: auto;
	font-family: "微软雅黑";
	font-weight: 100;
}

/*小程序*/
.xcx_xun_text{
	position: relative;
}
.xcx_xun_text:hover .xcx_div{
	display: block;
}
.xcx_xun{
	width: 280px;
	float: left;
	margin-right: 20px;
	cursor: pointer;
  margin-bottom: 40px;
}
.xcx_div{
	width: 280px;
	height: 350px;
	background: rgba(255,255,255,0.8);
	position: absolute;
	z-index: 100;
	top: 0;
	display: none;
}
.xcx_div img{
	margin: 80px 46px;
}
/*关键词优化*/
/* seo优势 */
.floor2{padding: 60px 0;}
.base-title{text-align: center;}
.base-title h2{color: #666;font-size: 40px;line-height: 78px;}
.base-title .en-tit{position: relative;padding: 0 60px;text-align: center;display: inline-block;}
.base-title .en-tit .line{width: 47px;height: 3px;background-color: #989898;position: absolute;top: 50%;margin-top: -1px;}
.base-title .en-tit .line-l{left: 0;}
.base-title .en-tit .line-r{right: 0;}
.base-title .en-tit h3{color: #989898;font-size: 20px;}
.base-title p{font-size: 24px;line-height: 40px;}
.floor2-box .seo{margin: 26px auto;max-width: 1080px;}
.floor2-box .seo li{float: left;width: 530px;margin-bottom: 10px;}
.floor2-box .seo li:nth-child(2n){float: right;}
.floor2-box .seo li .img{max-height: 50px;overflow: hidden;}
.floor2-box .seo li .img img{max-height: 50px;width: auto;}
.floor2-box .seo li .tit{line-height: 50px;padding-left: 10px;color: #1767d4;font-size: 22px;}
.floor2-box .seo li .desc{padding: 10px 18px;font-size: 16px;color: #666;border: 1px solid #dedede;margin: 10px 0;}
.floor2-box .seo li:hover .desc{border: 1px solid #ffb351;background-color: #ffb351;color: #fff;}
/* seo三大特点 */
.base-title1{padding: 30px 0 50px 0;text-align: center;}
.base-title1 h2{font-size: 40px;line-height: 60px;color: #fff;}
.base-title1 span{line-height: 20px;color: #c4c4c4;line-height: 30px;}
.floor3-box1{background: url(../images/bg.png) no-repeat center;}
.floor3-box1 .cover{width: 100%;height: 100%;background: rgba(0,0,0,0.8);}
.floor3-box1 ul{text-align: center;margin-bottom: -3px;}
.floor3-box1 ul li{display: inline-block;width: 329px;height: 460px;border-radius: 160px 160px 0 0;background:rgba(100,100,100,0.5);margin-right: 38px;overflow: hidden;color: #fff;}
.floor3-box1 ul li .img{padding: 116px 0 27px 0;text-align: center;}
.floor3-box1 ul li .img img{width: 86px;height: auto;display: inline-block;}
.floor3-box1 ul li h3{font-size: 30px;padding-bottom: 20px;background: url(../images/line.png)no-repeat center bottom;}
.floor3-box1 ul li p{padding: 30px 18px 0 18px;line-height: 30px;text-align: left;color: #c4c4c4;font-size: 18px;}
/* 四大优势 */
.floor3-box2{background: url(../images/bg2.jpg) no-repeat center;background-size: 100%;}
.floor3-box2 .cover{width: 100%;height: 100%;background: rgba(255,255,255,0.8);}
.floor3-box2 h2{font-size:32px ;line-height: 110px;text-align: center;}
.floor3-box2 li{float: left;width: 580px;height: 140px;padding: 18px 32px;border: solid 1px #c4c4c4;margin-bottom: 42px;background-color: #fff;}
.floor3-box2 li:hover{border: solid 1px #ffb351;}
.floor3-box2 li:nth-child(2n){float: right;}
.floor3-box2 li .img{text-align: center;}
.floor3-box2 li .img img{max-height: 56px;width: auto;}
.floor3-box2 li .img span{display: block;color: #333333;font-size: 18px;line-height: 2em;}
.floor3-box2 li .txt{font-size: 16px;line-height:26px;height: 80px;overflow: hidden;border-left: 1px solid #c4c4c4;padding-left: 18px;width: 378px;margin-top: 8px;}
.floor3-box2 ul{padding-bottom: 30px;}


/* 优秀团队 */
.floor4,.floor5,.floor6{padding-top: 50px;}
.floor4-box ul{margin-top: 34px;}
.floor4-box li{float: left;width: 33.3%;border-left: 1px solid #c4c4c4;text-align: center;}
.floor4-box li:first-child{border: none;}
.floor4-box li h3{color: #ff9000;font-size: 32px;line-height: 60px;}
.floor4-box li p{font-size: 18px;line-height: 32px;}
/* 合作流程 */
.floor6-box ul{margin: 36px 0 50px 0;}
.floor6-box li{width: 25%;float: left;text-align: center;}
.floor6-box li img{display: inline-block;width: 184px;}
.floor6-box li h3{font-size: 22px;padding-top: 32px;}
.floor6-box li p{font-size: 18px;color: #999;padding-top: 10px;}

/*2121改版*/
.jhhead{
    width: 1200px;
    margin: auto;
    position: relative;
    transition: 0.5s;
}
.jhhead:hover{
background-color: #ababab7a;
}
.jhheadul{
    float: right;
}
.jhheadul>li{
    display: inline-block;
    line-height: 60px;
    padding: 0px 20px;
}
.jhheadul>li>a{
font-size: 16px;
color: #ffffff;
    display: block;
    height: 50px;
border-bottom: 1px solid #ffffff00;
    transition: 0.5s;
}
.jhheadul>li>a:hover{
    border-bottom: 1px solid white;
}
.daohang{
    width: 100%;
    height: 0px;
    background-color: white;
    position: absolute;
    left: 0px;
    top: 56px;
    overflow: hidden;
}
.daohang ul{
    width: 900px;
    margin: auto;
}
.daohang ul li{
    float: left;
   width: 200px;
}
.daohang li h3{
font-weight: bold;
height: 30px;
line-height: 30px;
margin-top: 20px;
font-size: 16px;
}
.daohang li a{
display: block;
height: 30px;
line-height: 30px;
font-size: 16px;
}
/*手机端导航*/
.pnav {
	box-sizing: border-box;
  width: 100%;
  height: 100%;
  position: fixed;
  background: linear-gradient(to top, #000000, rgba(0, 0, 0, 0.5));
  background: -webkit-linear-gradient(to top, #000000, rgba(0, 0, 0, 0.5));
  left: 0;
  top: 0;
  z-index: 99;
  padding: 30px;
  overflow: auto;
  transform: scale(0);
  -webkit-transform: scale(0);
  -moz-transform: scale(0);
  -mz-transform: scale(0);
  transition: All 0.4s ease-in-out;
  -webkit-transition: All 0.4s ease-in-out;
  -moz-transition: All 0.4s ease-in-out;
  -o-transition: All 0.4s ease-in-out;
  display: none 9;
  *display: none;
}
.pnav > ul > li {
  padding: 20px 0;
  border-bottom: 1px solid rgba(255, 255, 255, 0.5);
}
.pnav > ul > li > a {
  display: block;
  height: 30px;
  line-height: 30px;
  font-size: 20px;
  color: rgba(255, 255, 255, 0.9);
  text-shadow: 0 0 2px rgba(0, 0, 0, 0.9);
  text-align: center;
}
.pnav > ul > li > ul > li > a {
  display: block;
  text-align: center;
  color: rgba(255, 255, 255, 0.7);
  height: 30px;
  line-height: 30px;
  font-size: 14px;
}
.pnav_on {
  transform: scale(1);
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -mz-transform: scale(1);
}
.pnav_closed {
  position: absolute;
  right: 15px;
  top: 15px;
  cursor: pointer;
}

.inews-center{
    width: 1200px;
    padding: 0;
}
.index_news{
    display: none;
}
.currentall{
    display: block !important;
}


/*2026新增页面*/
.n_banner_text{
    text-align:center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 100%;
    height: 100%;
    padding:0 3%;
}
.n_banner_text h1{
    font-size: 43px;
    color: #fff;
    text-shadow: 0 3px 3px #000;
    font-weight: bold;
}
.n_banner_text h1 span{
    color: #80cbc4;
} 
.n_banner_text .txt{
    color: #fff;
    font-size: 18px;
    text-shadow: 0 3px 3px #000;
    margin:17px 0 32px;
    line-height: 1.8;
}
.banner_li{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap:14px;
    justify-content: center;
}
.banner_li li{
    padding:0 20px;
    height: 32px;
    border:1px solid #80cbc4;
    font-size: 14px;
    color: #80cbc4;
    border-radius: 15px;
    line-height: 1.4;
    display: flex;
    align-items: center;
}
.banner_li li:hover{
    background: #80cbc4;
    color: #fff;
}
.waimao1{
    /*background: #f5faf9;*/
    padding:75px 0 80px;
}
.wrap{
    width: 94%;
    max-width: 1200px;
    margin:0 auto;
}
.title01{
    text-align: center;    

}
.title01 h2{
    font-size: 32px;
    color: #000000;
    font-weight: bold;
    line-height: 1.4;
    margin-bottom: 10px;
}
.waimao1_txt{
    border:1px solid #80cbc4;
    text-align: center;
    background: #fff;
    border-radius: 35px;
    height: 59px;
    line-height: 57px;
}
.waimao1 .text1{
    margin:32px 0 42px;
    font-size: 14px;
    color: #000000;
    line-height: 1.8;
    text-align: center;
    padding:0 78px;
}
.waimai1_list{
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap:  15px 1px;    
}
.waimai1_list li{
    box-shadow: 0 0 10px #ccc;
    background: #fff;
}
.waimai1_list li .img img{
    width: 100%;
}
.waimai1_list li .text{
    text-align: center;
    padding:25px 25px 14px;

}
.waimai1_list li .text h3{
    font-size: 15px;
    color: #1e1f2c;
    font-weight: bold;
}
.waimai1_list li .text .txt1{
    font-size: 11px;
    color: #717177;
    margin:10px 0;
}
.waimai1_list li .text .txt2{
    font-size: 11px;
    color: #1e1f2c;
    font-weight: bold;
    line-height: 1.8;
}
.waimao2{
    padding:75px 0;
}
.title01 p{
    font-size: 16px;
    color: #434657;
}
.waimao2_list{
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 25px 25px;    
    margin-top:48px;
}
.waimao2_list li{
    text-align: center;
    padding:30px 35px;
    box-shadow: 0 0 10px #eee;
    border-radius: 15px;
}
.waimao2_list li h3{
    font-size: 18px;
    color: #000000;
    font-weight: bold;
    margin:15px 0 10px;
}
.waimao2_list li .txt{
    font-size: 14px;
    color: #434657;
}
.bg1{
    background: #f5faf9;
}
.waimao3{
    padding:75px 0 80px;
}
.waimao3_list{
    margin-top:48px;    
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 35px;
}
.waimao3_list li{
    text-align: center;
    padding:30px 22px;
    background: #fff;
    box-shadow: 0 0 10px #eee;
    border-radius: 15px;
}
.waimao3_list li h3{
    font-size: 16px;
    color: #1a1a2e;
    font-weight: bold;
    line-height: 1.6;
    margin:5px 0 5px;
}
.waimao3_list li .txt{
    font-size: 13px;
    color: #888888;
}
.waimao4{
    padding:75px 0;
}
.waimao4_list{
    margin-top:48px;    
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 35px;
    text-align: center;
    position: relative;
}
.waimao4_list:after{
    content:'';
    position: absolute;
    left:-100px;
    top:182px;
    border-bottom:1px dashed #f39800;
    width: calc(100% + 200px);
    z-index: 1;
}
.waimao4_list li{
    text-align: center;
    position: relative;
}
.waimao4_list li:after{
    content:'';
    position: absolute;
    top:171px;
    left:50%;
    margin-left: -11px;
    width: 22px;
    height: 22px;
    border:1px dashed #f39800;
    border-radius: 50%;
    background: #fff;
    z-index: 9;
}
.waimao4_list li .text{
    margin-bottom: 85px;
}
.waimao4_list li .text .txt{
    font-size: 17px;
    color: #434657;
    margin-top:32px;
}
.waimao4_list li .text .txt span{
    display: block;
    margin-top:15px;
}
.waimao4_list li p{
    font-size: 35px;
    color: #f39800;
    font-weight: 500;
}
.waimao5{
    padding:75px 0;
}
.waimao5_list{
    margin-top:48px;    
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 25px;

}
.waimao5_list li{
    background: #fff;
    border-radius: 15px;
    padding:30px 30px;
    box-shadow: 0 0 10px #eee;
    display: flex;
    flex-wrap: wrap;
    /*min-height: 142px;*/
    /*align-items: center;*/
}
.waimao5_list li .img{
    width: 56px;
}
.waimao5_list li .text{
    width: calc(100% - 56px);  
    padding-left: 18px;
}
.waimao5_list li h3{
    font-size: 18px;
    color: #000000;
    font-weight: bold;
}
.waimao5_list li .txt{
    font-size: 14px;
    color: #434657;
    margin-top:7px;
    line-height: 1.8;
}
.waimao6{
    padding:75px 0 80px;
}
.waimao6_list{
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 22px;
    margin-top:45px;
}
.waimao6_list li{
    padding:35px 25px 25px;
    box-shadow: 0 0 10px #eee;
    border-radius: 15px;
    text-align: center;
}
.waimao6_list li .p1{
    font-size: 36px;
    color: #00695c;
    font-weight: bold;
}
.waimao6_list li .p2{
    font-size: 14px;
    color: #00695c;
    margin:10px 0 8px;
}
.waimao6_list li .p3{
    font-size: 14px;
    color: #666666;
}
.n_bottom{
    padding: 50px 0 60px;
    color: #fff;
    text-align: center;
}
.n_bottom h2{
    font-size: 31px;
    font-weight: bold;
}
.n_bottom p{
    font-size: 18px;
    margin:10px 0 22px;
}
.n_bottom a{
    margin:0 auto;
}
a.more1{
    display: inline-block;
    width: 144px;
    height: 50px;
    line-height: 50px;
    background: #fff;
    font-size: 16px;
    color: #00594c;
    font-weight: bold;
    text-align: center;
    border-radius: 25px;
}
.n_bottom a:hover{
    color: #00594c;
    text-decoration: underline;
}
.bg2{
    background: #f8f0ff;
}
.vi_banner h1 span,.vi_banner .banner_li li{
    color: #ce93d8;
}
.vi_banner .banner_li li{
    border:1px solid #ce93d8;
}
.vi_banner .banner_li li:hover{
    background: #ce93d8;
    color: #fff;
}
.vi_box1{
    padding:80px 0;
}
.vi_box1 .wrap{
    display: flex;
    flex-wrap:wrap;
    align-items: center;
}
.vi_box1 .img{
    width: 575px;
}
.vi_box1 .text{
    width: calc(100% - 575px);
    padding-left: 48px;
}
.vi_box1 .text h3{
    font-size: 26px;
    color: #1a1a2e;
    font-weight: bold;
    margin-bottom: 20px;
}
.vi_box1 .text .txt p{
    margin-bottom: 25px;
    font-size: 15px;
    color: #555555;
    line-height: 1.8;
}
.vi_box1 .text .txt p:last-child{
    margin-bottom: 0;
}
.vi_box2{
    padding:75px 0;
}
.vi_list1{
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 20px;
    margin-top:45px;
}
.vi_list1 li{
    background: #f9f5fc;
    border:1px solid #f0e6f6;
    border-radius: 15px;
    padding:20px;
    text-align: center;
}
.vi_list1 li h3{
    font-size: 15px;
    color: #1a1a2e;
    font-weight: bold;
    margin:5px 0;
}
.vi_list1 li .txt1{
    font-size: 14px;
    color: #888888;
    line-height: 1.6;
}
.vi_box3{
    padding:75px 0;    
}
.vi_list2{
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 25px;
    margin-top:45px;
}
.vi_list2 li{
    background: #fff;
    border-radius: 15px;
    box-shadow: 0 0 10px #eee;
}
.vi_list2 li .text{
    padding:18px;    
}
.vi_list2 li h3{
    font-size: 17px;
    color: #000000;
    font-weight: bold;
    margin-bottom: 5px;
}
.vi_list2 li .txt1{
    font-size: 14px;
    color: #434657;
    line-height: 1.6;
}
.vi_box4{
    padding:75px 0;
}
.vi_list3:after{
    border-bottom: 1px dashed #6a1bb0;
}
.vi_list3 li:after{
    border: 1px dashed #6a1bb0;
}
.vi_list3 li p{
    color: #6a1bb0;
}
.vi_box5{
    padding:75px 0 80px;
}
.vi_list4{
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 25px;
    margin-top:48px;    
}
.vi_list4 li{
    background: #fff;
    box-shadow: 0 0 10px #eee;
    border-radius: 15px;
    padding:35px 22px;
    text-align: center;
}
.vi_list4 li h3{
    font-size: 17px;
    color: #000000;
    font-weight: bold;
    margin: 10px 0 7px;
}
.vi_list4 li .txt{
    font-size: 14px;
    color: #434657;
    line-height: 1.8;
}
.vi_n_bottom a.more1,.vi_n_bottom a:hover{
    color: #641a97;
}
.bg3{
    background: #faf5ef;
}
.huace_banner h1 span,.huace_banner .banner_li li{
    color: #d4a057;
}
.huace_banner .banner_li li{
    border:1px solid #d4a057;
}
.huace_banner .banner_li li:hover{
    background: #d4a057;
    color: #fff;
}
.huace_box2,.huace_box3,.huace_box4{
    padding:75px 0;
}
.huace_list2:after{
    border-bottom: 1px dashed #f39800;
}
.huace_list2 li:after{
    border: 1px dashed #f39800;
}
.huace_list2 li p{
    color: #f39800;
}

.huace_n_bottom{
    background: url(../images/huace_bg.png) no-repeat center;
    background-size: cover;
}
.huace_n_bottom a.more1,.huace_n_bottom a:hover{
    color: #71380f;
}
.bg4{
    background: #fdfaf3;
}
.biaozhi_banner h1{
    color: #000;
    text-shadow: 0 3px 3px #fff; 
}
.biaozhi_banner .n_banner_text .txt{
    color: #000;
    text-shadow: 0 3px 3px #fff;     
}
.biaozhi_banner h1 span,.biaozhi_banner .banner_li li{
    color: #d4a017;
}
.biaozhi_banner .banner_li li{
    border:1px solid #d4a017;
    background: rgba(212,160,23,.1);
}
.biaozhi_banner .banner_li li:hover{
    background: #d4a017;
    color: #fff;
}
.biaozhi_box2,.biaozhi_box3,.biaozhi_box4,.biaozhi_box5{
    padding:75px 0;
}
.sj_img{
    margin-top:75px;
    text-align: center;
}
.sj_list{
    display: none;
}
.sj_list1{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-top:75px;
}
.sj_list1 li{
    text-align: center;
}
.sj_list1 li .text{
    /*margin-top:10px;*/
}
.sj_list1 li h3,.xcp_list4 li h3{
    font-size: 14px;
    color: #000000;
    font-weight: bold;
    margin:12px 0 8px;
}
.sj_list1 li p..xcp_list4 li p{
    font-size: 12px;
    color: #434657;
}
.biaozhi_list3 li{
    background: #f8f9fa;
    border:1px solid #eeeeee;
    box-shadow: none;
}
.biaozhi_n_bottom{
    background: url(../images/biaozhi_bg.jpg) no-repeat center;
    background-size: cover;
}
.biaozhi_n_bottom a.more1,.biaozhi_n_bottom a:hover{
    color: #d4a017;
}
.bg5{
    background: #fafafa;
}
.xcp_banner h1{
    color: #000;
    text-shadow: 0 3px 3px #fff; 
}
.xcp_banner .n_banner_text .txt{
    color: #000;
    text-shadow: 0 3px 3px #fff;     
}
.xcp_banner h1 span,.xcp_banner .banner_li li{
    color: #ff6d00;
}
.xcp_banner .banner_li li{
    border:1px solid #ff6d00;
    background: rgba(255,109,0,.1);
}
.xcp_banner .banner_li li:hover{
    background: #ff6d00;
    color: #fff;
}
.xcp_box1,.xcp_box2,.xcp_box3,.xcp_box4,.xcp_box5{
    padding:75px 0;
}
.xcp_list1{
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 30px;
    margin-top:46px;
}
.xcp_list1 li{
    border:1px solid #f4f4f4;
    border-top:none;
    text-align: center;
}
.xcp_list1 li .text{
    text-align:center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 45px;
    font-size: 15px;
    color: #333333;
}
.xcp_list2{
     
}
.xcp_list2:after{
    border-bottom: 1px dashed #ff6d00;
}
.xcp_list2 li:after{
    border: 1px dashed #ff6d00;
}
.xcp_list2 li p{
    color: #ff6d00;
}
.xcp_list4{
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 20px;
    margin-top:48px;     
}
.xcp_list4 li{
    padding:20px 25px;
    text-align: center;
    background: #f8f9fa;
    border-radius: 15px;
}

.xcp_n_bottom{
    background: url(../images/xcp_bg.jpg) no-repeat center;
    background-size: cover;
}
.xcp_n_bottom a.more1,.xcp_n_bottom a:hover{
    color: #f46000;
}
.bg5{
    background: #fafafa;
}
.dsp_banner h1{
    /*color: #000;*/
    text-shadow: 0 3px 3px #fff; 
}
.dsp_banner .n_banner_text .txt{
    color: #000;
    text-shadow: 0 3px 3px #fff;     
}
.dsp_banner h1 span,.dsp_banner .banner_li li{
    color: #ff6d00;
}
.dsp_banner .banner_li li{
    border:1px solid #ff6d00;
    background: rgba(255,109,0,.1);
}
.dsp_banner .banner_li li:hover{
    background: #ff6d00;
    color: #fff;
}
.dsp_box1,.dsp_box2,.dsp_box3,.dsp_box4,.dsp_box5{
    padding:75px 0;
}
.dsp_box3{
    background: url(../images/dsp3_bg.jpg) no-repeat center;
    background-size: cover;    
}



.dsp_n_bottom{
    background: url(../images/dsp_bg.jpg) no-repeat center;
    background-size: cover;
}
.dsp_n_bottom a.more1,.dsp_n_bottom a:hover{
    color: #df293c;
}
@media(max-width:1280px){
    
}
@media(max-width:1024px){
    
}
@media(max-width:820px){
    
}
@media(max-width:767px){
    
}
@media(max-width:560px){
    
}


/*留言板*/
    .liuyan{
      width: 100%;
      background: url('../images/gywmjjtu13.jpg');
      background-size: cover;
      background-repeat: no-repeat;
      position: relative;
    }
    .liuyanzhezhao{
      padding: 20px 0;
      width: 100%;
      height: 100%;
      background: rgba(0, 0, 0, .68);
    }
    .liuyan h2{
      text-align: center;
      font-size: 24px;
      color: #fff;
    }
    .liuyan p{
              color: #fff;
            font-size: 18px;
    }
    .liuyan h2 span{
      color: #fff
    }
    .liuyan p{
      text-align: center;
    }
    .liuyan .lytext{
      width: 50%;
      margin: 0 auto
    }
    input{
      outline: none;
    }
    input::-webkit-input-placeholder {
        color: rgba(255, 255, 255, .34)
      }
      input::-moz-input-placeholder {
        color: rgba(255, 255, 255, .34)    
        }
      input::-ms-input-placeholder {
        color: rgba(255, 255, 255, .34)      
        }
        .lydiv{
          position: relative;
    }
    .inputall{
      display: block;
    padding: 11px 10px;
    width: 100%;
    font-size: 14px;
    border: 1px solid rgba(255, 255, 255, 0.34);
    border-radius: 2px;
    padding-left: 35px;
    font-family: "微软雅黑";
    background-color: rgba(255,255,255,.2);
    color: #fff;

    }
    .inputmar{
      margin-top: 10px;
      box-sizing: border-box;
    }
    .lydiv img{
      width: 25px;
      height: 25px;
      position: absolute;
      left: 5px;
      top: 9px;
    }
    .lysubmitall{

      width: 30%;
      margin: 0 auto;
            margin-top: 10px;
    }
    .lysubmitall button{
      display: block;
    border-radius: 2px;
    height: 40px;
    line-height: 40px;
    font-size: 15px;
    width: 100%;
    border: 1px solid rgba(255, 255, 255, 0.34);
    background-color: rgba(255,255,255,.2);
      outline: none;
    color: white;
    text-align: center;
    margin-left: 0px;
    }