@charset "utf-8";
/* header ，，footer */
body{
	padding-top: 100px;
}
.header{
	position: fixed;
	top: 0;
	width: 100%;
	background-color: #fff;
	height: 100px;
	z-index: 9999;
}
.header .container{
	height: 100px;
}
.header .logo{
	font-size: 0;
	padding: 20px 0;
	position: absolute;
	left: 30px;
	top: 0;
}
.top-tel{
	float: right;
	font-size: 30px;
	color: #27a0ac;
	line-height:30px;
	padding: 35px 0;
	position: absolute;
	right: 30px;
	top: 0;
}
.navbar{
	width: 910px;
	margin: 0 auto;
	padding: 30px 0 30px 80px;
}
.navbar-nav{
	height:40px;
}
.navbar-nav>li{
	position: relative;
	float: left;
}
.navbar-nav>li>a{
	position: relative;
	display: block;
	height: 40px;
	line-height: 40px;
	font-size: 19px;
	padding: 0 20px;
	font-weight: bold;
}

.navbar-nav>li>a:hover{
	color: #fff;
}
.navbar-nav>li.active>a{
	color: #27a0ac;
}
.navbar-nav>li.active>a::after{
	width: 20px;
	height: 5px;
	content: ' ';
	background-color: #27a0ac;
	position: absolute;
	bottom: 0;
	left: 50%;
	margin-left: -10px;
}
.navbar-nav>li .sub-div{
	position: absolute;
	left: 50%;
	top: 100%;
	width: 116px;
	margin-left: -58px;
	text-align: center;
	z-index: 99;
	background: url(../images/tar.png) center top no-repeat;
}
.navbar-nav>li .nav-sub{
	display: none;
	background-color: #ffffff;
	padding: 10px 0;
	box-shadow: 0 0 15px rgba(0,0,0,.06);
	margin-top: 7px;
}
.nav-sub li a{
	display: block;
	padding: 6px 0;
	line-height: 20px;
}
.nav-sub li a:hover{
	color:27a0ac;
}
.navbar-nav>li:hover .nav-sub{
	display: block;
}


.footer{
	height: 338px;
	background-color: #282d2a;
	color: #ffffff;
}
.footer a{
	color: #ffffff;
}
.copyright{
	height: 60px;
	line-height: 60px;
	text-align: center;
	color: #888888;
	border-top: 1px solid #404743;
}
.foot-info{
	float: left;
	width: 325px;
	height: 180px;
	border-right: 1px dashed #696c6b;
}
.foot-cell{
	float: left;
	height: 180px;
	border-right: 1px dashed #696c6b;
	padding: 0 60px 0 20px;
}
.wx-cell{
	text-align: center;
	float: right;
}
.wx-cell img{
	width: 150px;
	height: 150px;
}
.wx-cell p{
	margin-top: 10px;
}
.footer .container{
	padding: 45px 0;
}
.foot-info .line{
	background-color: #3b6650;
	width: 16px;
	height: 3px;
	margin: 30px 0;
}
.foot-tel h4{
	color: #ed7030;
	font-weight: bold;
	font-size: 20px;
}  
.foot-tel p{
	color: #888888;
}  
.foot-cell .hd{
	font-size: 16px;
	margin-bottom: 20px;
}
.foot-nav li{
	margin-bottom: 10px;
}
.foot-nav li a{
	color: #888888;
}

@media (min-width:1700px) {
	.header .logo{
		left: 80px;
	}
	.header .top-tel{
		right: 80px;
	}
	.navbar{
	    width: 1266px;
	}
	.navbar-nav>li{
		padding: 0 20px;
	}
	
	
}

.page-banner{
	position: relative;
	background-repeat: no-repeat;
	background-position: center;
	height: 500px;
}
.page-banner .banner-text{
	font-size: 60px;
	text-align: center;
	color: #ffffff;
	line-height: 1;
	width: 100%;
	position: absolute;
	top: 50%;
	margin-top: -30px;
}

.wrapper{
	padding: 30px 0;
	margin-bottom: 30px;
}
.scale{
	display: block;
	overflow: hidden;
}
.scale img{
	transition: .4s all;
}
.scale:hover img{
	transform: scale(1.06);
}
.bread{
	margin-bottom: 40px;
	color: #999999;
}
.bread a{
	color: #999999;
}
.bread span{
	color: #27a0ac;
}
.art-head {
	padding-bottom: 20px;
	margin-bottom: 30px;
	border-bottom: 1px solid #dddddd;
}
.art-head .art-title{
	font-size: 36px;
	font-weight: bold;
	margin-bottom:30px;
}
.art-head .art-attr{
	font-size: 16px;
	color: #888888;
}
.art-head .art-attr .line{
	display: inline-block;
	padding: 0 10px;
}
.art-body{
	line-height: 2;
	font-size: 15px;
}
.art-body p{
	font-size: 15px;
	margin-bottom: 30px;
}
.art-link a{
	color: #999999;
	font-size: 15px;
}
.art-link a:hover{
	color: #27a0ac;
}
.art-foot{
	margin-top: 20px;
}
/* 热门 */
.rel-cells{
	margin-top: 50px;
}
.rel-cells .rel-hd{
	position: relative;
	font-size: 30px;
	padding-left: 20px;
	line-height: 1;
	margin-bottom: 35px;
}
.rel-cells .rel-hd::after{
	width: 8px;
	height: 32px;
	content: ' ';
	background-color: #27a0ac;
	border-radius: 5px;
	position: absolute;
	left: 0;
	top: 50%;
	margin-top: -16px;
}
.rel-list{
	overflow: hidden;
	margin: 0 -10px;
}
.rel-list li{
	float: left;
	padding: 0 10px;
}
.rel-pic{
	position: relative;
	font-size: 0;
}
.rel-video .iconfont{
	font-size: 60px;
	color: #fff;
	position: absolute;
	line-height: 1;
	left: 50%;
	top: 50%;
	margin-left: -30px;
	margin-top: -30px;
	z-index: 8;
	transition: .4s all;
	visibility: hidden;
	opacity: 0;
}
.rel-video::after{
	background-color: #053d20;
	opacity: .6;
	width: 100%;
	height: 100%;
	content: '';
	visibility: hidden;
	opacity: 0;
	position: absolute;
	z-index: 2;
	left: 0;
	top: 0;
	transition: .4s all;
}
.rel-video:hover .iconfont{
	visibility: visible;
	opacity: 1;
}
.rel-video:hover::after{
	visibility: visible;
	opacity: .6;
}

.rel-pic img{
	width: 284px;
	height: 200px;
}
.rel-list li .rel-box{
	display: block;
	width: 284px;
	text-align: center;
}
.rel-box .rel-title{
	font-size: 18px;
	margin-top: 15px;
}
.c-title{
	font-weight: bold;
	background: url(../images/lang-line.png) center bottom no-repeat;
	padding-bottom: 50px;
	margin-bottom: 50px;
	text-align: center;
	font-size: 24px;
}
.c-photo{
	margin-bottom: 40px;
}
.c-body{
	line-height: 2.4;
	font-size: 15px;
}
.c-body .hd{
	font-size: 16px;
}
.c-body .bd{
	text-indent:30px;
}
.c-video{
	margin-bottom: 35px;
}

/* 售后 */
.sh-wrap{
	padding-bottom: 100px;
}
.sh-main{
	position: relative;
	z-index: 119;
	/*margin-top: -100px; */
	background-color: #ffffff;
	padding:30px;
	box-shadow: 0 0 30px rgba(0,0,0,.1);
}
.sh-head{
	font-weight: bold;
	line-height: 1;
	font-size: 30px;
	text-align: center;
	padding-top: 50px;
	margin-bottom: 40px;
	background: url(../images/aftbg.png) center bottom no-repeat;
}
.sh-form{
	width: 580px;
	margin: 0 auto;
}
.sh-row{
	position: relative;
	margin-bottom: 25px;
}
.sh-row .sh-hd{
	width: 90px;
	text-align: right;
	position: absolute;
	left: 0;
	top: 0;
	line-height: 50px;
	font-size: 14px;
}
.sh-row .sh-bd{
	padding-left: 120px;
}
.sh-row .input{
	background-color: #f4f5f7;
	border: 0;
	outline: 0;
	background-color: #f4f5f7;
	height: 50px;
	line-height: 50px;
	width: 100%;
	border-radius: 4px;
	resize: none;
	box-sizing: border-box;
	padding-left: 20px;
}
.sh-row textarea.input{
	height: 140px;
	padding: 20px;
	line-height: 1.4;
}
.sh-foot{
	text-align: center;
	padding-bottom: 40px;
	padding-top: 20px;
}
.sh-foot .btn-submit{
	width:200px;
	height: 50px;
	background-color: #27a0ac;
	border: 0;
	outline: none;
	cursor: pointer;
	border-radius: 5px;
	font-size: 16px;
	color: #ffffff;
}
.sh-row .tp{
	color: #ff0000;
	position: absolute;
	right: 10px;
	top: 0;
	line-height: 50px;
}


.pagelist{text-align: center;font-size: 0;padding-top: 20px;}
.pagelist .lks{display: inline-block;vertical-align: middle;}
.pagelist .lk{display: inline-block;vertical-align: middle;font-size: 14px;color: #999999;line-height: 32px;height: 32px;min-width:32px;border:1px solid #f0f0f0;}
.pagelist .lk:hover,.pagelist .lk.cur{color: #fff;background: #27a0ac;border-color: #27a0ac;}
.pagelist .prev,.pagelist .next{min-width:32px;display: inline-block;vertical-align: middle;}
.pagelist .ipt_select{display: inline-block;vertical-align: middle;width: 90px;height: 32px;line-height: 32px;border:1px solid #f0f0f0;display: inline-block;vertical-align: middle;margin:0 10px;background: transparent;font-size: 14px;color: #999999;}
.pagelist .page{font-size: 14px;color: #263740;line-height: 32px;display: inline-block;vertical-align: middle;margin:0 15px;}
.pagelist .ipt_txt{width: 40px;height: 32px;line-height: 32px;border:1px solid #f0f0f0;text-align: center;font-size: 14px;color: #263740;display: inline-block;vertical-align: middle;margin:0 5px;background: transparent; outline: none;}
.pagelist .go{font-size: 14px;color: #fff;width: 60px;line-height: 32px;background: #1682f2;display: inline-block;vertical-align: middle;}
.pagelist .go:hover{background: #0c69ca;}

.proj-list li{
	margin-bottom: 30px;
}
.proj-list .proj-box{
	position: relative;
	display: block;
	height: 196px;
	border-radius: 3px;
	box-shadow: 0 0 15px rgba(0,0,0,.1);
}
.proj-list .proj-box .proj-pic{
	font-size: 0;
	position: absolute;
	right: 0;
	top: 0;
}
.proj-list .proj-box .proj-pic img{
	width: 332px;
	height: 196px;
}
.proj-list .proj-box .proj-bd{
	padding-right: 540px;
	padding-top: 30px;
	padding-left: 50px;
	line-height: 1.2;
	background: url(../images/rt.png) 30px 35px no-repeat;
}
.proj-box .proj-title{
	font-size: 20px;
	margin-bottom: 20px;
}
.proj-box .proj-sub-title{
	font-size: 16px;
	color: #666666;
	margin-bottom: 20px;
}
.proj-box .proj-desc{
	font-size: 16px;
	color: #999999;
}

.list-wrap{
	padding: 50px 0;
}
.list-cells .list-box{
	position: relative;
	display: block;
	padding: 15px;
	height: 170px;
	transition: .4s all;
}
.list-box .list-pic{
	width: 260px;
	height: 170px;
	float: left;
	margin-right: 20px;
}
.list-box .list-pic img{
	width: 260px;
	height: 170px;
}
.list-box .list-bd{
	overflow: hidden;
}
.list-box .list-title{
	font-size: 18px;
	padding: 10px 0;
	margin-bottom: 10px;
}
.list-box .list-desc{
	line-height: 2;
	color: #999;
	margin-bottom: 20px;
}
.list-box .list-foot{
	height: 40px;
}
.list-foot .list-more{
	float: left;
	border: 1px solid #27a0ac;
	width: 120px;
	height: 38px;
	line-height: 36px;
	color: #27a0ac;
	text-align: center;
}
.list-foot .list-time{
	float: right;
	line-height: 36px;
	color: #999999;
}
.list-foot .list-time .iconfont{
	font-size: 14px;
}
.list-box:hover{
	box-shadow: 0 0 25px rgba(0,0,0,.1);
}
.list-box:hover .list-more{
	background-color: #27a0ac;
	color: #fff;
}
.lists li{
	margin-bottom:20px;
}
.foucs-media{
	position: relative;
	padding: 25px 0;
	background-color: #f4f6f7;
}
.foucs-media .container{
	position: relative;
}
.foucs-media .foucs-box{
	display: block;
	width: 380px;
}
.foucs-media .swiper-button-next,
.foucs-media .swiper-button-prev{
	width: 60px;
	height: 60px;
	border-radius: 50px;
	background-color: #9b9ea3;
	color: #fff;
	font-size: 20px;
	box-shadow: 0 0 10px rgba(0,0,0,.4);
	top: 38%;
}
.foucs-media .swiper-button-next::after,
.foucs-media .swiper-button-prev::after{
	font-size: 20px;
}

.foucs-media .swiper-button-next:hover,
.foucs-media .swiper-button-prev:hover{
	background-color: #27a0ac;
}
.foucs-pic{
	font-size: 0;
}
.foucs-pic img{
	width: 380px;
	height: 220px;
}
.foucs-box .foucs-grid{
	padding: 25px 0;
	border-bottom: 1px solid #dddddd;
}
.foucs-box  .title{
	font-size: 18px;
	margin-bottom: 15px;
}
.foucs-box  .desc{
	font-size: 14px;
	color: #999999;
}
.foucs-foot{
	height: 18px;
	line-height: 18px;
	margin-top: 10px;
}
.foucs-foot .list-time{
	color: #999999;
	float: left;
}
.foucs-foot .list-time .iconfont{
	color: #999999;
	font-size: 14px;
}
.foucs-foot .list-more{
	color: #333333;
	float: right;
}


@media (min-width:1800px) {
	.foucs-media .swiper-button-next{
		right: -100px;
	}
	.foucs-media .swiper-button-prev{
		left: -100px;
	}
}


.prt-cells{
	margin: 0 -10px;
}
.prt-cells li{
	float: left;
	padding:15px 10px;
}
.prt-cells .prt-box{
	display: block;
	width: 386px;
	box-shadow: 0 0 10px rgba(0,0,0,.1);
	background-color: #fff;
}
.prt-box .grid{
	padding: 15px;
}
.prt-pic{
	font-size: 0;
}
.prt-box img{
	width: 386px;
	height: 220px;
}

.prt-box .title{
	font-size: 18px;
	color: #333;
	margin-bottom: 10px;
}
.prt-box .desc{
	font-size: 14px;
	color: #909699;
}
.foucs-product{
	padding: 25px 0 0 0;
	border-bottom: 1px solid #dddddd;
}
.prt-main{
	position: relative;
}



.prt-main .swiper-button-next,
.prt-main .swiper-button-prev{
	width: 60px;
	height: 60px;
	border-radius: 50px;
	background-color: #9b9ea3;
	color: #fff;
	font-size: 20px;
	box-shadow: 0 0 10px rgba(0,0,0,.4);
	top: 38%;
}
.prt-main .swiper-button-next::after,
.prt-main .swiper-button-prev::after{
	font-size: 20px;
}
.prt-main .swiper-button-next:hover,
.prt-main .swiper-button-prev:hover{
	background-color: #27a0ac;
}


	.prt-main .swiper-button-next{
		right: -100px;
	}
	.prt-main .swiper-button-prev{
		left: -100px;
	}

.prt-main .sw-prt-box{
	position: relative;
	display: block;
	text-align: center;
}
.sw-prt--pic{
	font-size: 0;
}
.sw-prt--pic img{
	height: 160px;
	width: 100%;
}
.sw-prt-box .title{
	text-align: center;
	padding: 15px 0;
}
.prt-main .sw-prt-box::after{
	background-color: #27a0ac;
	height: 5px;
	content: '';
	position: absolute;
	left: 0;
	bottom: -2px;
	width: 0px;
	transition: .4s all;
}
.prt-main .sw-prt-box:hover::after{
	width: 100%;
}
.adv-cell .adv-hd{
	font-size: 30px;
	font-weight: bold;
	margin-bottom: 40px;
	text-align: center;
}
.adv-map{
	background: url(../images/map-pic.png) center no-repeat;
	text-align: center;
	padding: 150px 0;
}
.adv-map .adv-desc{
	line-height: 2;
}
.adv-list {
	margin: 0 -10px;
}
.adv-list li{
	float: left;
	padding: 0 30px;
}
.adv-box{
	width: 378px;
	cursor: pointer;
	transition: .3s all;
}
.adv-pic{
	position: relative;
	font-size: 0;
	height: 218px;
}
.adv-pic .iconfont{
	color: #ffffff;
	line-height: 1;
	font-size: 40px;
	position: absolute;
	top: 50%;
	left:50%;
	margin-left: -20px;
	margin-top: -20px;
	display: none;
	z-index: 16;
}
.adv-box:hover{
	box-shadow: 0 0 25px rgba(0,0,0,.2);
}
.adv-box .adv-grid{
	padding: 15px;
}
.adv-box .adv-desc{
	color: #999999;
	line-height: 2;
}
.adv-box .adv-tt{
	margin-bottom: 10px;
}
.adv-box .adv-tt .ch{
	font-size: 18px;
}
.adv-box .adv-tt .en{
	color: #666666;
}
.adv-pic::after{
	background-color: #27a0ac;
	width: 100%;
	height: 100%;
	content: '';
	visibility: hidden;
	opacity: 0;
	position: absolute;
	z-index: 2;
	left: 0;
	top: 0;
	transition: .4s all;
	z-index: 9;
}
.adv-pic:hover::after{
	visibility: visible;
	opacity: .8;
}
.adv-pic:hover .iconfont{
	display: block;
}
.adv-row .adv-p{
	position: relative;
	font-size: 0;
	float: left;
	width: 434px;
	margin-right: 50px;
}
.adv-row .adv-p .arrow{
	display: block;
	background: url(../images/arrlg.png) no-repeat;
	width: 72px;
	height: 72px;
	position: absolute;
	right: -30px;
	top: 50%;
	margin-top: -36px;
}
.adv-row .adv-col{
	color: #666666;
	line-height: 2;
	font-size: 15px;
	overflow: hidden;
	padding:30px 20px;
}
.adv-row .adv-col strong{
	font-size: 20px;
	color: #3b6650;
}

/* 首页 */
.section{
	padding:100px 0;
}
.gray-section{
	background-color: #f5f5f5;
}
.sec-head{
	position: relative;
	text-align: center;
	margin-bottom:50px;
	line-height: 1;
}
.sec-head .ch{
	width: 100%;
	position: absolute;
	z-index: 9;
	font-weight: bold;
	font-size: 35px;
	bottom: 10px;
}
.sec-head .en{
	font-weight: bold;
	font-size:90px;
	text-transform: uppercase;
	color: #f5f5f5;
	letter-spacing: 5px;
}
.link-section .link-tt{
	position: relative;
	font-size: 30px;
	padding-left: 20px;
	line-height: 1;
	margin-bottom: 35px;
}
.link-section{
	padding: 40px 0;
}
.link-section .link-tt::after{
	width: 8px;
	height: 32px;
	content: ' ';
	background-color: #f91a1b;
	border-radius: 5px;
	position: absolute;
	left: 0;
	top: 50%;
	margin-top: -16px;
}
.link-list{
	overflow: hidden;
}
.link-list li{
	float: left;
	margin-right: 20px;
	margin-bottom: 10px;
}
.link-list li a{
	color: #999;
	font-size: 16px;
}

.infor-cell{
	float: left;
	margin-right: 20px;
	width: 285px;
	height: 542px;
	overflow: hidden;
	box-shadow: 0 0 20px rgba(0,0,0,.1);
	background: url(../images/vbg.png) no-repeat;
}
.infor-cell .infor-hd{
	padding: 0 30px;
	height: 80px;
	line-height: 80px;
	color: #ffffff;
	font-size: 24px;
	font-weight: bold;
}
.infor-bd{
	height: 100%;
	margin-right: 10px;
	border-top-right-radius: 30px;
	background-color: #ffffff;
	padding: 30px 10px 0 20px;
}
.infor-list li{
	line-height: 20px;
	margin-bottom: 23px;
}
.infor-ft{
	padding: 0 10px;
	text-align: right;
}
.infor-ft a{
	color: #999;
}

.wd-cell{
	width: 285px;
	float: right;
	border-top: 3px solid #27a0ac;
	box-shadow: 0 0 20px rgba(0,0,0,.1);
	background-color: #ffffff;
	height: 542px;
}
.wd-list{
	padding: 0 20px;
}
.wd-hd{
	position: relative;
	padding: 20px 0 10px 0;
	margin: 0 20px;
	color: #27a0ac;
}
.wd-hd::after{
	width: 20px;
	height: 3px;
	content: ' ';
	background-color: #27a0ac;
	position: absolute;
	bottom: 0;
	left: 18px;
}
.wd-list li{
	padding: 14px 0;
	border-bottom: 1px dashed #dcdcdc;
}
.wd-list .wd-box{
	display: block;
}
.wd-cell .infor-ft{
	padding:14px 20px;
}
.wd-box .wd-cont{
	color: #999;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.wd-box .wd-tt{
	margin-bottom: 6px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.wd-tt .tag{
	display: inline-block;
	width: 18px;
	height: 18px;
	font-size: 12px;
	background-color: #27a0ac;
	color: #fff;
	text-align: center;
	line-height: 18px;
	border-radius: 3px;
	margin-right: 4px;
}
.wd-cont .tag{
	display: inline-block;
	width: 18px;
	height: 18px;
	font-size: 12px;
	background-color: #fa1b16;
	color: #fff;
	text-align: center;
	line-height: 18px;
	border-radius: 3px;margin-right: 4px;
}

.xw-section{
	padding-bottom: 0;
}
.gray-section .sec-head .en{
	color: #ececec;
}
.about-photo{
	position: relative;
}
.about-photo .a-pop{
	position: absolute;
	top: 50px;
	right: -110px;
	width: 220px;
	height: 280px;
	color: #fff;
	background-color: #27a0ac;
	background-image: url(../images/dou2.png);
	background-repeat: no-repeat;
	background-position: 35px 200px;
}
.about-photo .a-pop .inner{
	padding: 50px 35px;
}
.a-pop .ch{
	font-size: 34px;
}
.a-pop .en{
	text-transform: uppercase;
	font-size: 18px;
}
.a-pop .line{
	height: 1px;
	background-color: #a7c56b;
	margin:20px 0;
}
.about-card{
	position: relative;
	padding: 50px 60px;
	margin-left: 50px;
	margin-right:50px;
	margin-top: -50px;
	box-shadow: 0 0 20px rgba(0,0,0,.1);
	z-index: 99;
	background-color: #fff;
}
.about-card .sec-head{
	text-align: left;
	margin-bottom: 40px;
}
.about-card-bd{
	padding-left: 90px;
	background: url(../images/dou1.png) 0 7px no-repeat;
}
.about-card-bd .bd{
	font-size: 16px;
	color: #666;
	line-height: 2;
	margin-bottom: 30px;
}
.about-card-bd .a-link{
	display: block;
	background-color: #27a0ac;
	color: #fff;
	font-size: 16px;
	width: 200px;
	height: 60px;
	line-height: 60px;
	text-align: center;
}
.swiper-banner{
	position: relative;
	z-index: 99;
}
.swiper-banner .swiper-slide{
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	height: 800px;
	height: calc(100vh - 100px);
}
.swiper-banner .swiper-slide .container{
	position: relative;
	height: 100%;
}
.swiper-banner .ban-grid{
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	color: #fff;
}
.ban-grid h1{
	font-size: 72px;
	margin-bottom: 60px;
}
.ban-grid p{
	margin-bottom: 120px;
	font-size: 20px;
}
.ban-grid h1{
	font-size: 70px;
}
.ban-grid .b-link{
	display: block;
	background-color: #ed7030;
	color: #fff;
	font-size: 16px;
	width: 200px;
	height: 60px;
	line-height: 60px;
	text-align: center;
}
.swiper-banner .swiper-pagination{
	bottom: 100px;
}
.swiper-banner .swiper-pagination .swiper-pagination-bullet{
	width: 70px;
	height: 2px;
	background-color: #fff;
	border-radius: 0;
}

.site-bar{
	position: relative;
	z-index: 99;
	margin-top: -70px;
	background-color: #ffffff;
	box-shadow: 0 0 30px rgba(0,0,0,.1);
	padding: 30px 70px;
	margin-left: -70px;
	margin-right: -70px;
}
.site-search{
	float: left;
	width: 766px;
}
.search-bar{
	position: relative;
	height: 54px;
	overflow: hidden;
}
.search-bar .input{
	background-color: #f9f9f9;
	border: 0;
	outline: 0;
	height: 54px;
	line-height: 54px;
	width: 100%;
	border-radius: 4px;
	resize: none;
	box-sizing: border-box;
	padding-left: 30px;
	border-radius: 50px;
}
.search-bar .btn-os{
	position: absolute;
	right: 0;
	top: 0;
	background-color: #27a0ac;
	width: 120px;
	border-radius: 50px;
	text-align: center;
	color: #ffffff;
	height: 54px;
	line-height: 54px;
	padding: 0;
	border: 0;
	outline: none;
	cursor: pointer;
	font-size: 16px;
}
.bar-link{
	line-height: 16px;
	margin-top: 20px;
}
.bar-link *{
	display: inline-block;
}
.bar-link .bar-text{
	color: #ff1613;
	margin-right: 10px;
}
.bar-link a{
	color: #999;
	margin-right: 10px;
}
.kf-cells{
	overflow: hidden;
	padding: 10px 0;
	float: right;
}
.kf-box{
	float: left;
	height: 60px;
	margin-left: 40px;
}
.kf-box .col{
	overflow: hidden;
}
.kf-box img{
	float: left;
	width: 60px;
	height: 60px;
	display: block;
	margin-right: 10px;
	border-radius: 40px;
}
.kf-box .kf-n{
	padding: 6px 0;
}
.kf-box .kf-link{
	width: 75px;
	height: 25px;
	line-height: 25px;
	text-align: center;
	color: #fff;
	background-color: #27a0ac;
	border-radius: 3px;
	display: inline-block;
} 
.case-section{
	padding: 0;
}

.case-cells{
	height: 600px;
}
.case-cells li{
	float: left;
	width: 23%;
	transition: .6s all;
}
.case-cells li.active{
	width: 31%;
}
.case-cells .case-box *{
	transition: .6s all;
}
.case-cells .case-box{
	position: relative;
	display: block;
	height: 620px;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
}
.case-box::before{
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	background-color: #000;
	transition: .6s all;
	opacity: .5;
	z-index: 8;
	content: '';
}
.active .case-box::before{
	visibility: hidden;
	opacity: 0;
}
.case-box .c-pop{
	position: absolute;
	left: 0;
	width: 100%;
	text-align: center;
	padding: 30px 0;
	color: #ffffff;
	line-height: 1.2;
	text-align: center;
	z-index: 88;
	top: 50%;
	transform: translateY(-50%);
}
.active .case-box .c-pop{
	bottom: 0;
	left: 0;
	top: auto;
	transform: translateY(0);
	background-color: rgba(39,160,172,.9);
}
.case-box .c-pop .desc{
	margin: 0 auto;
	max-width: 380px;
	opacity: .6;
	line-height: 2;
	display: none;
}
.case-box .c-pop .iconfont{
	font-size: 30px;
}
.case-box .c-pop .tt{
	font-size: 18px;
	padding-top: 20px;
	margin-bottom: 10px;
}
.case-box .c-pop .sub-tt{
	opacity: .6;
}

.active .case-box .c-pop .desc{
	display: block;
}
.active .case-box .c-pop .sub-tt{
	display: none;
}

.adv-panel{
	background-color: #fff;
	box-shadow: 0 0 10px rgba(0,0,0,.03);
	height: 416px;
	overflow: hidden;
}
.adv-panel *{
	transition: .5s all;
}
.adv-panel .adv-toggle{
	float: left;
	height: 416px;
	border-right: 1px solid #f8f8f8;
}
.adv-bar{
	background-color: #fff;
	background-repeat: no-repeat;
	background-position: 0 0;
	float: left;
	width: 130px;
	height: 416px;
	text-align: center;
	cursor: pointer;
}
.adv-bd{
	width: 0;
	overflow: hidden;
}
.adv-bar .a-icon{
	padding-top: 226px;
}
.adv-bar .a-icon .iconfont{
	font-size: 36px;
	color: #27a0ac;
}
.adv-bar .a-text{
	font-size: 16px;
	margin-bottom: 16px;
}
.adv-bar .a-desc{
	color:#9199a2;
	padding:0 20px;
	text-align: left;
	height: 40px;
	overflow: hidden;
}
.adv-bar .line{
	width: 12px;
	border-top: 1px solid #dedede;
	height: 1px;
	margin: 15px auto;
}
.adv-bd .adv-inner{
	padding: 40px;
}
.adv-inner .tt{
	font-size: 22px;
	margin-bottom: 10px;
}
.adv-inner .desc{
	font-size: 15px;
	line-height: 2;
	color: #666;
	margin-bottom: 30px;
	height: 90px;
	overflow: hidden;
}
.a-pics {
	margin: 0 -10px;
	width: 620px;
	height: 165px;
	overflow: hidden;
}
.a-pics li{
	float: left;
	padding: 0 10px;
}
.a-pics img{
	width: 285px;
	height: 165px;
}


.active .adv-bd{
	width: 676px;
}
.active .adv-bar{
	background: #27a0ac!important;
}
.active .adv-bar *{
	color: #fff!important;
}
.active .adv-bar .a-desc{
	opacity: .56;
}
.active .adv-bar .a-icon{
	padding-top: 125px;
}


.bar-fixed{
	position: fixed;
	right: 30px;
	top: 50%;
	z-index: 1150;
}
.bar-fixed .bar-top{
	width: 60px;
	height: 70px;
	cursor: pointer;
	background: url(../images/top.png) no-repeat;
}
.bar-fixed .bar-lk{
	width: 60px;
	line-height: 60px;
	text-align: center;
	height: 60px;
	background-color: #fff;
	border: 1px solid #d7d7d7;
	margin-top: 15px;
}
.bar-fixed .bar-lk .icon-kefu{
	width: 60px;
	color: #3b6650;
	display: block;
	text-align: center;
	font-size: 28px;
}







/* 视频列表 */

.video-cells{
	width: 100%;
}

.video-list {
	margin: auto;
}

.video-list li{
	position: relative;
	float: left;
	width: 50%;
	box-sizing: border-box;
	background-color: #f8f8f8;
	height: 390px;
	margin-top: 190px;
}

.video-list li a:hover 
.video-list-text h3{
	color: #bdd191;
}

.video-list li a{
	display: block;
	width: 560px;
	position: absolute;
	bottom: 60px;
}
.video-list li.odd a{
	right: 40px;
}
.video-list li.even a{
	left: 40px;
}

.video-list-text{
	position: relative;
}

.video-list-text__icon{
	position: absolute;
	right: 0;
	top: -188px;
}

.video-list-text__icon img{
	width: 100%;
	height: 100%;
}


.video-list-text .number{
	font-size: 48px;
	color: #95d7b9;
}

.video-list-text h3{
	font-size: 18px;
	color: #333333;
	margin: 50px 0 18px 0;
}

.video-list-text p{
	font-size: 14px;
	color: #999999;
	line-height: 30px;
	height:60px;display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;
}

.bread.bread-btm{
	margin-bottom: -42px;
}

.video-list-text__icon:hover{
	box-shadow: 0 10px 10px #9db2a7;
}




/* 产品详情 */

.panel{
	margin-bottom: 100px;
}

.panel-conent-icon{
	float: left;
	margin-right: 56px;
}


.panel-content-text{
	float: left;
	width: 580px;
}

.panel-content-text h2{
	font-size: 30px;
	color: #222222;
	padding-top: 10px;
	font-weight: 500;
}

.panel-content-text p{
	font-size: 16px;
	color: #222222;
	line-height: 30px;
}

.panel-content-text__box{
	padding-left: 5px;
}


.panel-content-text p.sy{
	color: #6c8c7c;
	position: relative;
	padding-bottom: 10px;
}

.panel-content-text p.sy::after{
	height: 2px;
	background-color: #ddd;
	width: 100%;
	content: '';
	position: absolute;
	left: 0;
	bottom: 0;
}

.panel-content-text p.sb{
	margin-top: 22px;
}


.panel-content-text p.des{
	text-indent: 20px;
	text-align: justify;
}

.panel-content-text__bn{
	margin-top: 55px;
}

.panel-content-text__bn a{
	height: 42px;
	display: inline-block;
	font-size: 14px;
	color: #fff;
	line-height: 42px;
	text-align: center;
	background-color: #27a0ac;
	padding: 0 32px;
	margin-right: 10px;
}


.wrapper-nav-box{
	background-color: #f6f6f6;
	width: 100%;
	border-top: 1px solid #eeeeee;
	border-bottom: 1px solid #eeeeee;
	box-sizing: border-box;
}
.wrapper-nav-box .container{
	height: 62px;
}



.wrapper-nav{
	float: left;
	height: 62px;
}
.wrapper-nav li{
	position: relative;
	float: left;
	line-height: 63px;
	padding-right: 30px;
	margin-right: 30px;
}

.wrapper-nav li a{
	font-size: 14px;
	color: #333333;
}

.wrapper-nav li.on a{
	color: #27a0ac;
}
.wrapper-nav li::after{
	content: ' ';
	width: 1px;
	height: 12px;
	background-color: #dddddd;
	position: absolute;
	right: 0;
	top: 50%;
	margin-top: -6px;
}
.wrapper-nav li:last-child::after{
	display: none;
}
.wrapper-nav li.line{
	width: 1px;
	height: 12px;
	background-color: #dddddd;
	margin: 0 30px;
	margin-top: 26px;
}
.n-share{
	float: right;
	padding: 20px;
	line-height: 20px;
}
.n-share *{
	display: inline-block;
	vertical-align: middle;
}
.n-share .iconfont{
	font-size: 20px;
	color: #ccc;
}

.wrapper-js{
	width: 1200px;
	margin: auto;
}
.wrapper-bd{
	padding: 50px 0;
}

.wrapper-js .rel-cells.rel-top{
	margin-top: 70px;
}

.wrapper-js .rel-cells{
	margin-bottom: 30px;
}
.video-list li { position:relative;}
.video-list li:nth-child(2n) a{right:calc(100% - 580px);}

/* 视频 */
.c-video .video-js{
	width: 100%;
	height: 600px;
}

.list_page{text-align:center;font-family:宋体; height:30px; margin:10px auto;}
.list_page a{background:#fff;margin:0px 1px;padding:6px 8px;border:1px solid #f0f0f0;color:#333;font-family:宋体;}
.list_page span{background:#27a0ac;color:#fff;margin:0px 1px;padding:4px 6px;border:1px solid #ccc;font-family:宋体;}
.list_page b{background:#fff;margin:0px 1px;padding:4px 6px;border:1px solid #ccc;color:#333;font-family:宋体;}
.list_page b input{border:0;margin:0;padding:0;font-size:12px;font-family:宋体;font-weight:normal;width:12px;vertical-align:middle;text-align:center;}

.page_group ul{border-right:solid 1px #f0f0f0;border-radius:4px; text-align:center;}
.page_group ul li{border-right:none;border-radius:0;list-style:none; display: inline}
.page_group ul li:not(:first-child):not(:last-child){border-radius:0;}
.page_group ul li:first-child{border-radius:4px 0 0 4px;}
.page_group ul li:last-child{border-radius:0 4px 4px 0;}
.page_group ul .active a{background:#27a0ac;border-radius:0; color:#FFFFFF}
.dn { display:none;}

.videoBox { margin:20px auto 40px;}
.videoBox video { outline:none; display:block; width:100%;}


/* 表单 */