/**************************************/
/*************[公用start]**************/
/**************************************/


@font-face{
	font-family:"kt";
	src:url("../fonts/kt.ttf");
}


/*百度百科變灰*/


/*body.memorial>* {
    filter: grayscale(100%);
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);
    -webkit-filter: grayscale(1)
}
*/


/*百度百科變灰*/



body{
	background-image: url(../images/body.jpg);
}






div.clear{
	clear: both;
	height: 0;
	width: 0;
}




a{
	text-decoration: none;
	color:inherit;
	cursor: pointer;
}

img{
	border:0;
	max-width: 100%;
}


div.wp{
	width: 1200px; /*主要内容区尺寸大小，每次制作前更新！！！ */
	margin:0 auto;
}

.fl{
	float: left;
}

.fr{
	float: right;
}

.tran{
	transition: all .3s ease-out 0s;
}
.tver{
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}



/*图片中心放大代码区域*/

.img-box{/*图片盒子类名*/

	overflow: hidden;
}

.img-box img{
	transition: .3s;
	width: 100%;
	max-width: 100%;
}

.img-box:hover img{
	/*图片中心放大代码*/
	  -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
}


/*图片中心放大代码区域*/


.imgbox_a{
	position:relative;
	padding-bottom: 100%;
	overflow:hidden;
	display: block;
}

.imgbox_a>img{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%!important;
	height: 100%!important;
}
.imgbox_hover>img{
	/* ueco 时间曲线*/
	/*transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; */
	-webkit-transition: .3s;
	-moz-transition: .3s;
	-ms-transition: .3s;
	-o-transition: .3s;
	transition: .3s;

}
.imgbox_hover:hover>img{
	-webkit-transform: scale(1.1);
  -ms-transform: scale(1.1);
  -o-transform: scale(1.1);
  transform: scale(1.1);
}
/**************************************/
/************[公用over]****************/
/**************************************/




/*header-start*/
/**************************************************************/

#header{
	height: 110px;
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	z-index: 999;
	background-image: url(../images/body.jpg);
	box-shadow: 0 4px 5px -3px rgba(0,0,0,0.15);
	transition: height .3s;
}

#header.cur{
	height: 80px;
}
#header.cur .logo{
	    width: 140px;
    margin-top: 10px;
}
#main.cur{
	margin-top: 80px;
}

#header.cur .nav>ul>li{
	height: 80px;
}
#header.cur .nav .box h3{
	margin-top: 2px;
}
.nav .box h3{
	transition:  margin-top .3s;

}
#main{
	transition:  margin-top .3s;
}
.logo{
	width: 164px;
	margin-top: 22px;
	transition: .3s;
}

.logo a,.logo img{
	display: block;
	width: 100%;
}
.nav{
	border-right: 1px solid #dadadb;
}
.nav>ul{
	margin:0;
}
.nav>ul>li{
	float: left;
	width: 162px;
	height: 110px;
	position: relative;
	border-left: 1px solid #dadadb;
	/*perspective: 1000px;*/
	transition:  height .3s;
}

.nav>ul>li>a{
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 1000;
    font-size: 0;
}

.nav .box{overflow:hidden;display: block;width: 100%;height: 100%;position: relative;}
.nav .sta1,
.nav .sta2 {
	position: absolute;
	height: 110px;
	pointer-events: none;
	width: 100%;
	padding-left: 0;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	transition: all .6s ease;
	-webkit-transition: all .6s ease;
	-moz-transition: all .6s ease;
	-ms-transition: all .6s ease;
	transform-origin: 50% 50% -55px;
	-webkit-transform-origin: 50% 50% -55px;
	-moz-transform-origin: 50% 50% -55px;
	-ms-transform-origin: 50% 50% -55px;
	text-align: center;
}
.nav .sta1 {
	background: #04a07b;
	transform: rotateX(90deg);
	-webkit-transform: rotateX(90deg);
	-moz-transform: rotateX(90deg);
	-ms-transform: rotateX(90deg);
}
.nav .sta2 {
	transform: rotateX(0deg);
	-webkit-transform: rotateX(0deg);
	-moz-transform: rotateX(0deg);
	-ms-transform: rotateX(0deg);
}

.nav .box span {
	display: block;
	height: 16px;
	font-size: 16px;
	color: #000000;
	/*font-family: "kt";*/
}

.nav .box h3{height:40px;line-height:40px;margin-bottom: 5px;margin-top: 19px;}
.nav .box h3 img{ transition:0.6s}

.nav>ul>li:hover .box{transition:all .6s ease;-webkit-transition:all .6s ease;-moz-transition:all .6s ease;-ms-transition:all .6s ease}
.nav>ul>li:hover .sta1{color:#fff;transform:rotateX(0deg);-webkit-transform:rotateX(0deg);-moz-transform:rotateX(0deg);-ms-transform:rotateX(0deg);opacity: 1;height: 142px;}
.nav>ul>li:hover .sta2{color:#000;background-color:#000;transform:rotateX(-90deg);-webkit-transform: rotateX(-90deg);-moz-transform:rotateX(-90deg);-ms-transform:rotateX(-90deg);opacity: 0;}


.nav>ul>li.cur .sta1, .nav>ul>li.cur:hover .sta1{color:#fff;transform:rotateX(0deg);-webkit-transform:rotateX(0deg);-moz-transform:rotateX(0deg);-ms-transform:rotateX(0deg)}
.nav>ul>li.cur .sta2, .nav>ul>li.cur:hover .sta2{color:#000;background-color:#000;transform:rotateX(-90deg);-webkit-transform:rotateX(-90deg);-moz-transform:rotateX(-90deg);-ms-transform:rotateX(-90deg)}

.nav>ul>li:hover .box span{ color:#fff}
.nav>ul>li.cur .box span {
	color: #fff;
}


.xiala{
	position: absolute;
	width: 100%;
	left: 0;
	top: 110%;
	background-color: #fff;
  padding: 15px 20px 30px;
  opacity: 0;
  visibility: hidden;
  transition: .4s;
}
.xiala.xiala_cur{
	opacity: 1;
	top: 100%;
	visibility: visible;
}
.xiala dl{
	margin:0;
}



.xiala dd>a{
	display: block;
	font-size: 14px;
  color: #000;
  text-align: center;
  line-height: 1.5;
  padding: 12px 5px;
  position: relative;
}
.xiala dd>a::after{
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	height: 1px;
	background-color: #e7e7e7;
	content:"";
}
.xiala dd>a:hover{
	color: #04a07b;
}
.xiala dd>a:hover::after{
	left: -20px;
	right: -20px;
	transition: .3s;
}
/**************************************************************/
/*header-over*/





/*main-start*/
/**************************************************************/

#main{
	margin-top: 110px;
	overflow: hidden;
}


.banner-wp{
	position: relative;
	padding-bottom: 37.55%;
	overflow: hidden;
}
.banner{
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
}
.banner .iframe{
	display: block;
	border:0;
}









.main1{

	background-repeat: no-repeat;
	background-position: center;
	-webkit-background-size: cover;
	background-size: cover;
	background-image: url(../images/main1.jpg);
	padding: 80px 0;
}

.main1-1 h1{
	margin:0;
	font-size: 16px;
	color: #04a07b;
	text-transform: uppercase;
}

.main1-1 h2{
	margin:0;
	font-size: 36px;
	color: #4d423a;
	/*font-family: "kt";*/
	margin-top: 16px;
}

.main1-2{
	margin-top: 40px;
}

.main1-2-1 .about1-dl1{
	padding: 0;
}

.main1-2-2{
	overflow: hidden;
	padding-right: 50px;
}
.main1-2-2-p{
	font-size: 14px;
	color: #333;
	line-height: 2.2;
	max-width: 810px;
}
.more2{
	margin-top: 55px;
}
.more2>a{
	display: block;
	width: 48px;
	height: 48px;
	background-image: url(../images/more2.png);
	-webkit-background-size: 100%;
	background-size: 100%;
	background-repeat: no-repeat;
	background-position: center;
	transition: background-image .3s;
}
.more2>a:hover{
	background-image: url(../images/more2h.png);
}

.main2{

	background-repeat: no-repeat;
	background-position: center;
	-webkit-background-size: cover;
	background-size: cover;
	background-image: url(../images/main2.jpg);

}
.main2-list{
	position: relative;
	padding-right: 1px;
}
/*.main2-list::before{
	position: absolute;
	width: 1px;
	background-color: rgba(255,255,255,0.1);
	content:"";
	left: 0;
	top: 0;
	bottom: 0;
}*/
.main2-list::after{
	position: absolute;
	width: 1px;
	background-color: rgba(255,255,255,0.2);
	content:"";
	right: 0;
	top: 0;
	bottom: 0;
}

.main2-list .item{
	padding: 120px 50px 100px;
	position: relative;
}

.main2-list .item::before{
	position: absolute;
	width: 1px;
	background-color: rgba(255,255,255,0.2);
	content:"";
	left: 0;
	top: 0;
	bottom: 0;
}

.main2-1-1 h1{
	margin:0;
	font-size: 0;
	line-height: normal;
	color: #fff;
	
	
}
.main2-1-1 h1 span{
	display: inline-block;
	font-size: 26px;
	text-transform: uppercase;
	position: relative;
	left: 0;
	transition: .4s;
	-webkit-transform: translateX(0%);
	-ms-transform: translateX(0%);
	transform: translateX(0%);
}
.main2-1-1 h2{
	margin:0;
	font-size: 0;
	line-height: normal;
	color: #fff;
	text-transform: uppercase;
	margin-top: 8px;
}
.main2-1-1 h2 span{
	display: inline-block;
	font-size: 14px;
	text-transform: uppercase;
	position: relative;
	left: 0;
	transition: .4s;
	-webkit-transform: translateX(0%);
	-ms-transform: translateX(0%);
	transform: translateX(0%);
}
.main2-1-2{
	margin-top: 125px;
}
.main2-1-2 .product1-1{
	width: 100%;
	padding: 0;
	text-align: left;
}
.main2-1-2 .product1-1 h1 span{
	font-size:inherit;
	display: inline-block;
	text-transform: uppercase;
	position: relative;
	left: 0;
	transition: .4s;
	-webkit-transform: translateX(0%);
	-ms-transform: translateX(0%);
	transform: translateX(0%);
}
.main2-1-2 .product1-1 h2 span{
	font-size:inherit;
	display: inline-block;
	text-transform: uppercase;
	position: relative;
	left: 0;
	transition: .4s;
	-webkit-transform: translateX(0%);
	-ms-transform: translateX(0%);
	transform: translateX(0%);
}
.main2-line{
	width: 1px;
	height: 66px;
	margin:50px auto;
	position: relative;
}
.main2-line::after{
	position: absolute;
	width: 100%;
	height: 0;
	top: 50%;
	background-color: rgba(255,255,255,0.74);
	content:"";
	left: 0;
	opacity: 0;
	visibility: hidden;
	transition: .4s;

}


.main2-2{
	position: relative;
}
.main2-2 .product1-2{
	width: 100%;
	margin:0;
	padding: 0;
	position: relative;
	z-index: 15;
}

.main2-2-pic{
	position: absolute;
	left: 0;
	width: 100%;
	top: 0;
	z-index: 25;
	opacity: 0;
	visibility: hidden;
	transition: .4s;
}
.main2-2-pic .imgbox_a{
	padding-bottom: 77.47%;
}


.main2-list .item:hover .main2-1 span{
	left: 50%;
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
}

.main2-list .item:hover .main2-line::after{
	height: 100%;
	top: 0;
	opacity: 1;
	visibility: visible;
}
.main2-list .item:hover .main2-2-pic{
	opacity: 1;
	visibility: visible;
}

.main2-list .owl-nav button.owl-prev{
    position: absolute;
    left:-80px;
    top: 50%;
    margin-top: -30px;
    width: 59px;
    height: 59px;
    background-image: url(../images/left.png);
    cursor: pointer;
    background-repeat: no-repeat;
    background-position: center ;
    font-size: 0;
    z-index: 50;
    -webkit-background-size: 100%;
    background-size: 100%;
    transition: background-image .3s;
}
.main2-list .owl-nav button.owl-prev:hover{
	background-image: url(../images/lefth.png);
}
.main2-list .owl-nav button.owl-next{
    position: absolute;
    right:-80px;
    top: 50%;
     margin-top: -30px;
    width: 59px;
    height: 59px;
    background-image: url(../images/right.png);
    cursor: pointer;
    background-repeat: no-repeat;
    background-position: center ;font-size: 0;
    z-index: 50;
    -webkit-background-size: 100%;
    background-size: 100%;
}

.main2-list .owl-nav button.owl-next:hover{
	background-image: url(../images/righth.png);
}









.main3{
	padding: 80px 0 65px;
}

.main3-1{
	background-repeat: no-repeat;
	background-position: center;
	background-attachment: fixed;
	padding: 165px 0;
	background-image: url(../images/main3-1.jpg);
	position: relative;
}

.main3-1::before{
	position: absolute;
	z-index: 15;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	content:"";
	background-color: rgba(0,0,0,0.22);
}

.main3-1-con{
	position: relative;
	z-index: 25;
}

.main3-1-title img{
	display: block;
	margin:0 auto;
}
.bo{
	width: 48px;
	margin:35px auto 50px;
	cursor: pointer;
}
.bo img{
	display: block;
	width: 100%;
}

.main3-1-p{
	font-size: 22px;
	color: #fff;
	text-align: center;
	line-height: 1.6;
	font-family: "kt";
}

.video-wp{
	position: fixed;
	display: flex;
	align-items: center;
	justify-content: center;
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background-color: #000;
	opacity: 0;
	visibility: hidden;
	z-index: 1800;
	padding: 0 60px;
	transition:  .3s;
	text-align: center;
}
.video-wp.cur{
	opacity: 1;
	visibility: visible;
}
.video-box{
	position: relative;
	width: 100%;
}
.video-close{
	position: absolute;
	width: 36px;
	right: -18px;
	top: -18px;
	cursor: pointer;
}
.video-close img{
	display: block;
	width: 100%;
	transform: rotate(0deg);
	-ms-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	-webkit-transform: rotate(0deg);
	
}


.video-close:hover img{
	transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	-moz-transform: rotate(90deg);
	-webkit-transform: rotate(90deg);
	transition: transform .3s;
}

.video-box video {
    max-height: calc(100vh - 4em);
    width: 100%!important;
    vertical-align: middle;
    max-width: 100%;
}

.video-box video:focus{
	outline: none;
}


.main3-2{
	padding: 100px 165px;
	background-image: url(../images/main3-2-bg.jpg);
	overflow: hidden;
}

.main3-2-1 dl{
	margin:0;
	margin-left: -1%;
}

.main3-2-1 dd{
	float: left;
	width: 32.3333%;
	margin-left: 1%;
	background-color: #244e4a;
	overflow: hidden;
	position: relative;
	cursor: pointer;
}

.main3-2-1 dd .imgbox_a{
	padding-bottom: 101.79%;
	transition: .4s;
	z-index: 25;
}
.main3-2-1 dd .imgbox_a::after{
	position: absolute;
	z-index: 15;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	content:"";
	background-color: rgba(0,0,0,0.24);
	opacity: 1;
	visibility: visible;
	transition: .5s;
}

.main3-2-1-title{
	position: absolute;
	left: 0;
	bottom: 0;
	padding: 0px 50px 50px;
	width: 100%;
	z-index: 50;
}
.main3-2-1-title::after{
	position: absolute;
	left: 50px;
	top: -50px;
	width: 185px;
	height: 18px;
	content:"";
	z-index: 30;
	background-image: url(../images/lang.png);
	background-repeat: no-repeat;
	background-position: center;
	opacity: 0;
	visibility: hidden;
	transition: .5s;

}
.main3-2-1-title::before{
	display: block;
	width: 14px;
	height: 2px;
	background-color: #fff;
	content:"";
}

.main3-2-1-title h1{
	margin:0;
	font-family: "kt";
	color: #fff;
	font-size: 20px;
	margin:13px 0 10px;
}
.main3-2-1-title h2{
	margin:0;
	text-transform: uppercase;
	color: #fff;
	font-size: 14px;
}

.main3-2-1 dd:hover .imgbox_a{
	-webkit-transform: translateY(-10px);
	-ms-transform: translateY(-10px);
	transform: translateY(-10px);
}

/*.main3-2-1 dd:hover .imgbox_a::after{
	opacity: 0;
	visibility: hidden;
}
.main3-2-1 dd:hover .main3-2-1-title::after{
	opacity: 1;
	visibility: visible;
}*/

.main3-2-1 dd.cur .imgbox_a{
	-webkit-transform: translateY(-75%);
	-ms-transform: translateY(-75%);
	transform: translateY(-75%);
}

.main3-2-1 dd.cur .imgbox_a::after{
	opacity: 0;
	visibility: hidden;
}
.main3-2-1 dd.cur .main3-2-1-title::after{
	opacity: 1;
	visibility: visible;
}

/*.main3-2-1 dd.cur .imgbox_a::after{display: none;}*/



.main3-2-2-wp .main3-2-2{display: none;}
.main3-2-2-wp .main3-2-2:first-child{display: block;}
.main3-2-2 .xinwen-xx-list dl{
	margin-left: -1%;

}
.main3-2-2 .xinwen-xx-list dd{
	float: left;
	width: 32.3333%;
	margin-left: 1%;margin-top: 1%;
}



.main3-2-3-title{
	background-color: #244e4a;
	padding-top: 60px;
}
.main3-2-3-title .main3-2-1-title{
	position: relative;
}
.main3-2-3-title .main3-2-1-title::after{
	opacity: 1;
	visibility: visible;
}
.main3-2-3-div+.main3-2-3-div{
	margin-top: 30px;
}
.main3-2-3-div .xinwen-xx-list{
	margin-top: 20px;
}


/**************************************************************/
/*main-over*/





/*footer-start*/
/**************************************************************/

#footer{
	padding:55px 0;
	border-top: 1px solid #e3e3e3;
}

.phone_fr{
	font-family: "kt";
	font-size: 24px;
	color: #333;
	height: 35px;
	line-height: 35px;
}

.foo-dl dl{
	margin:0;
}
.foo-dl dd{
	float: left;
	width: 35px;
	margin-right: 18px;
	position: relative;
}
.foo-dl dd>a,.foo-dl dd>a>img,.foo-dl dd>img{
	display: block;
	width: 100%;
}

.foo-dl dd>a{
	display: block;
	width: 100%;
	transition: background-image .3s;
}


.foo-dl dd>a.foo-a1{
	height: 35px;
	background-image: url(../images/foo1-1.png);
	background-repeat: no-repeat;
	background-position: center;
}

.foo-dl dd>a.foo-a2{
	height: 35px;
	background-image: url(../images/foo1-2.png);
	background-repeat: no-repeat;
	background-position: center;
}


.foo-dl dd>a.foo-a1:hover{
	background-image: url(../images/foo1-1h.png);
}


.foo-dl dd>a.foo-a2:hover{
	background-image: url(../images/foo1-2h.png);
}






.er-wp{
	position: absolute;
	width: 144px;
	height: 151px;
	background-image: url(../images/er-wp.png);
	background-repeat: no-repeat;
	background-position: center;
	padding: 15px;
	left: 50%;
	margin-left: -72px;
	bottom: 42px;
	opacity: 0;
	visibility: hidden;
	transition: .3s;
}
.er img{
	display: block;
	width: 100%;
}
.foo-dl dd>a:hover+.er-wp{
	opacity: 1;
	visibility: visible;
}

.foo1-1{
	font-size: 14px;
	color: #333;
	padding-bottom: 12px;
}
.foo1-1 a{
	transition: color .3s;
}
.foo1-1 a:hover{
	color: #04a07b;
}


.foo1-p{
	font-size: 14px;
	color: #7a7a7a;
	line-height: 1.8;
}






/**************************************************************/
/*footer-over*/





/**************************************/
/********[特殊css样式要求区域]**********/
/**************************************/

#header-2{
	display: none;
	height: 75px;
	/*border-bottom:0px solid #035cac;*/
	box-shadow: 0 4px 8px -3px #000;
	position: fixed;
	top: 0px;
	left: 0;
	width: 100%;
	z-index: 1001;
	/*background-color: #fff;*/
	background-image: url(../images/body.jpg);

	/*background-color: #0089d0;*/

}
.nav-2{
	display: none;
	background-color: #fff;
	position: relative;
	z-index:900;

}

.nav-2>ul>li{

	border-top: 1px dotted #ccc;
	position: relative;
}

.jiaspan{
	position: absolute;
	width: 30px;
	height: 30px;
	background-image: url(../images/jia2.png);
	background-repeat: no-repeat;
	background-position: center ;
	top: 5px;

	right: 14px;
}
.jiaspan.cur{
	background-image: url(../images/jia2h.png);

}
.nav-2{
	background-image: url(../images/body.jpg);

}
.nav-2>ul>li:first-child{
	/*border-top: 0;*/
}
.nav-2>ul>li>a{

	padding:8px 10px;
	display: block;
	font-size: 18px;
	width: 100%;
	color:#333;
	font-family: "kt";
	text-transform: uppercase;

}
.nav-2>ul>li>ul{
	padding-bottom: 10px;
	display: none;
}
.nav-2>ul>li>ul>li>a{
	padding: 4px 10px;
	display: block;
	font-size: 16px;
	padding-left: 25px;
	width: 100%;
	font-family: "kt";
	color:#666;
}
/*.downla-2 {
	padding: 5px 0 10px;
	display: none;
}
.downla-2 dd{
	padding-left: 30px;
}
.downla-2 dd a{
	font-size: 14px;
	display: inline-block;
	padding: 3px 0;
	width: auto;
}*/
/*.nav-2 li a:hover{
	color:#1a0d07;
}*/

.nav-2-form{
	padding: 10px;
	position: relative;
}
.nav-2-form input[type="image"]{
	position: absolute;
	right: 19px;
	top: 17px;
	width: 18px;

}

.nav-2-form .form-control{padding-right: 50px;}
.logo-2 {
	font-size: 0;
	width:70px;
	margin-left: 15px;
	margin-top: 3px;
}

.logo-2 img{
	display: block;
	width: 100%;
}


.menu2{

	margin-right: 15px;
	height: 75px;
	font-size: 0;

}
.menu2 li{
	cursor:pointer ;
	margin-left: 15px;
	float: right;
	margin-top: 29px;
}
.menu2 li+li{
	margin-top: 21px;
}
.menu2 li img{
	/*vertical-align: middle;*/


}

.chenggao{
	display: none;
	height: 75px;
}


#nav-2-heidi{
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 800;
	background-image: url(../images/heidi.png);
	display: none;

}


/**************************************/
/********[特殊css样式要求区域]**********/
/**************************************/


.banner-2{
	height: 288px;
	background-repeat: no-repeat;
	background-position: center;
	-webkit-background-size: cover;
	background-size: cover;
}
.banner-2 img{
	display: none;
	width: 100%;
}


.erji{
	padding: 40px 0 60px;
}

.erji-title{
	font-size: 0;
	line-height: normal;
	text-align: center;
	/*overflow: hidden;*/
}

.erji-title-div{
	display: inline-block;
	position: relative;
	min-width: 205px;
	padding: 0	15px;
}

.erji-title-div::before{
	position: absolute;
	width: 106px;
	height: 9px;
	background-repeat: no-repeat;
	background-position: right center;
	background-image: url(../images/bb.png);
	content:"";
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	right: 100%;
}
.erji-title-div::after{
	position: absolute;
	width: 106px;
	height: 9px;
	background-repeat: no-repeat;
	background-position: right center;
	background-image: url(../images/bb2.png);
	content:"";
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	left: 100%;
}
.erji-title-div h1{
	margin:0;
	font-size: 30px;
	color: #333;
	font-family:"kt";
}

.erji-title-div h2{
	margin:0;
	font-size:12px;
	color: #333;
	text-transform: uppercase;
	margin-top: 5px;
	line-height: 1.6;
}

.erji-content{
	margin-top: 50px;
}
.cp-list{
	overflow: hidden;
}
.cp-list ul{
	margin:0;
	margin-left: -3%;
	margin-top: -3%;
}

.cp-list li{
	float: left;
	width: 22%;
	margin-left: 3%;
	margin-top: 3%;
}

.cp-item{
	background-color: #fff;
	border:1px solid #d2d2d2;
	height: 616px;
	background-image: url(../images/cp-item.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	-webkit-background-size: cover;
	background-size: cover;
}

.cp-item-con{
	padding: 45px 15px 60px;
	text-align: center;
}
.cp-item-con-padd{
	padding: 0;
	transition: padding .3s;
}
.cp-item-con h1{
	margin:0;
	font-size: 24px;
	color: #333;
	font-family: "kt";
}

.cp-item-con dl{
	margin:0;

}

.cp-item-con dd{

	font-size: 14px;
	color: #333;
}


.cp-item-con dd+dd{
	margin-top: 5px;
	line-height: 1.5;
}

.cp-line{
	width: 1px;
	background-color: #d2d2d2;
	height: 32px;
	margin:25px auto 30px;
	transition: height .3s,margin .3s;
}

.cp-pic .imgbox_a{
	padding-bottom: 90.86%;
}

.cp-item:hover .cp-line{
	height: 15px;
	margin:10px auto;
}
.cp-item:hover .cp-item-con-padd{
	padding: 26px 0;
}










.fenye{
	text-align: center;
	margin-top: 58px;
}
.fenye ul{
	margin:0;
}
.erji2-wp{
	padding: 30px 0 45px;

}
.erji2{
	max-width: 1304px;
	margin:0 auto;
}

.mianbaoxie{
	font-size: 14px;
	color: #333;
	padding-left: 20px;
	background-repeat: no-repeat;
	background-position: left center;
	background-image: url(../images/mian.png);
	margin-bottom: 30px;
}

.mianbaoxie a:hover,.mianbaoxie span{
	color: #04a07b;
}

.cp-xx1{
	background-color: #fff;
}

.cp-xx1 .cp-pic{
	width: 477px;
}

.fcp-xx .flex-control-nav{
	bottom: 36px;
	height: 0;
}
.fcp-xx .flex-control-nav li{
	margin:0 4px;
}
.fcp-xx .flex-control-paging li a{
	width: 13px;
	height: 13px;
}

.cp-xx1-con{
	overflow: hidden;
	padding: 40px 35px 0 70px;
}

.cp-xx1-h1{
	font-size: 24px;
	color: #333;
	line-height: 1.5;
	font-family:"kt" ;
	padding-right: 15px;
}

.cp-xx1-p{
	font-size: 14px;
	color: #333;
	line-height: 2;
	height: 12em;
	overflow: hidden;
	margin-top: 20px;
	padding-right: 15px;
}

.cp-xx-dl dl{
	margin:0;
}

.cp-xx-dl{
	margin-top: 40px;
	padding-right: 15px;
}

.cp-xx-dl dd{
	width: 46%;
	border:1px solid #e0e0e0;
	padding: 20px 15px 25px;
	padding-left: 52px;
	font-size: 16px;
	color: #333;
}
.cp-xx-dl dd img{
	margin-top: -3px;
	margin-right: 15px;
}
.cp-xx-dl dd span{
	font-size: 24px;
	padding-left: 15px;
	/*vertical-align: middle;*/
	padding-right: 5px;
}

.cp-xx2{
	background-color: #fff;
	margin-top: 17px;
	padding: 43px 85px 50px;
}
.cp-xx-title{
	padding-bottom: 30px;
	border-bottom: 1px solid #e0e0e0;
}
.cp-xx-title h1{
	margin:0;
	font-size: 24px;
	color: #333;
	font-family: "kt";
}

.cp-xx2-con{
	padding: 60px 0;
	border-bottom: 1px solid #e0e0e0;
	font-size: 16px;
	color: #333;
	line-height: 2;
}

.cp-xx2-con img{
	display: block;
	margin:0 auto;
}

.cp-xx2-a{
	width: 178px;
	position: relative;
	margin:43px auto 0;
}
.cp-xx2-a::before{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	content:"";
	z-index: 15;
	border:1px solid #d2d2d2;
}
.cp-xx2-a a{
	display: block;
	position: relative;
	width: 100%;
	height: 43px;
	line-height: 43px;
	padding-left: 39px;
	z-index: 30;
}
.cp-xx2-a a span{
	position: relative;
	z-index: 50;
	font-size: 14px;
	color: #333;
	transition: color .3s;
}
.cp-xx2-a a::before{
	position: absolute;
	z-index: 35;
	content:"";
	width: 29px;
	height: 12px;
	right: 37px;
	top: 50%;
	margin-top: -6px;
	background-image: url(../images/jt1.png);
	background-repeat: no-repeat;
	background-position: center;
	transition: background-image .3s;
}
.cp-xx2-a a::after{
	position: absolute;
	left: 0;
	top: 0;
	width: 0%;
	height: 100%;
	z-index: 30;
	content:"";
	transition: .3s;
	background-color: #04a07b;
	opacity: 0;
	visibility: hidden;
}
.cp-xx2-a a:hover span{
	color: #fff;
}
.cp-xx2-a a:hover::before{
	background-image: url(../images/jt1h.png);

}
.cp-xx2-a a:hover::after{
	width: 100%;
	opacity: 1;
	visibility: visible;
}


.cp-xx1-p .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
	margin-right: 0;
}

.xinwen1{
	position: relative;
	background-color: #fff;
	padding-left: 205px;
}
.xinwen1::after{
	position: absolute;
	right: 0;
	top: 0;
	bottom: 0;
	left: 828px;
	z-index: 15;
	content:"";
	border:1px solid #d2d2d2;
}
.xinwen1-title{
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	width: 210px;
	background-color: #04a07b;
	font-size: 20px;
	color: #fff;
	font-family: "kt";
	padding: 130px 100px 0 87px;
	background-image: url(../images/xinwen1-title-bg.png);
	background-repeat: no-repeat;
	background-position: 52px 42px;
}

.xinwen1-pic{
	width: 623px;
}

.xinwen-pic .imgbox_a{
	padding-bottom: 67.25%;
}

.xinwen1-con{
	overflow: hidden;
	padding: 87px 80px 0;
	position: relative;
	z-index: 25;
}

.xinwen1-con h1{
	margin:0;
	font-size: 22px;
	color: #333;
}
.xinwen1-con h1 a{
	transition: color .3s;
}
.xinwen1-con h1 a:hover{
	color: #04a07b;
}

.xinwen1-con h2{
	margin:0;
	font-size: 14px;
	color: #333;
	margin:30px 0 40px;
}

.xinwen1-con p{
	margin:0;
	font-size: 14px;
	color: #777;
	line-height: 1.8;
	height: 3.6em;
	overflow: hidden;
}

.more1{
	width: 36px;
}

.more1 a,.more1 img{
	display: block;
	width: 100%;
}

.xinwen1 .more1{
	margin-top: 55px;
}
.xinwen2{
	padding-top: 15px;
}
.xinwen2-list ul{
	margin:0;
	margin-left: -3%;
}

.xinwen2-list li{
	float: left;
	width: 47%;
	margin-left: 3%;
	margin-top: 3%;
}

.xinwen2-item{
	background-color: #fff;
	border:1px solid #d2d2d2;
	padding: 50px;
	transition: border-color .3s,box-shadow .3s;
}

.xinwen2-pic{
	width: 266px;
}

.xinwen2-con{
	overflow: hidden;
	padding: 10px 0px 0 45px;
}

.xinwen2-con h1{
	margin:0;
	font-size: 16px;
	color: #333;
}
.xinwen2-con h1 a{
	transition: color .3s;
}
.xinwen2-con h1 a:hover{
	color: #04a07b;
}

.xinwen2-con h2{
	margin:0;
	font-size: 14px;
	color: #333;
	margin:20px 0 15px;
}

.xinwen2-con p{
	margin:0;
	font-size: 14px;
	color: #777;
	line-height: 1.8;
	height: 3.6em;
	overflow: hidden;
}

.xinwen2 .more1{
	margin-top: 25px;
}

.xinwen2-item:hover{
	border-color:#fff;
	box-shadow: 0px 0px 31px 0px rgba(0, 0, 0, 0.11);
}

.xinwen-xx-right{
	width: 447px;
	margin-left: 38px;
}

.xinwen-xx-h3{
	background-color: #fff;
	padding: 40px 0;
	font-size: 24px;
	color: #333;
	text-align: center;
	font-family: "kt";
}

.xinwen-xx-list dl{
	margin:0;
}
.xinwen-xx-list dd+dd{
	margin-top: 35px;
}
.xinwen-xx-list dd .imgbox_a::after{
	position: absolute;
	z-index: 15;
	content:"";
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	background-color: rgba(0,0,0,0.25);
}

.xinwen-xx-list-con1{
	position: absolute;
	width: 100%;
	z-index: 25;
	left: 0;
	bottom: 50px;
	padding: 0	40px;
	-webkit-transform: translateY(0%);
	-ms-transform: translateY(0%);
	transform: translateY(0%);
}
.xinwen-xx-list dd:hover .xinwen-xx-list-con1{
	bottom: 50%;
	-webkit-transform: translateY(50%);
	-ms-transform: translateY(50%);
	transform: translateY(50%);
	transition: transform .3s,bottom .3s;
}
.xinwen-xx-list dd:hover .xinwen-xx-list-con1 h1{
	opacity: 1;
	visibility: visible;
}
.xinwen-xx-list dd:hover .xinwen-xx-list-con1 p{
	height: 5.4em;
	opacity: 1;
	visibility: visible;
}
.xinwen-xx-list-con1 h1{
	margin:0;
	font-size: 14px;
	color: #fff;
	padding-bottom: 25px;
	opacity: 0;
	visibility: hidden;
}


.xinwen-xx-list-con1 h2{
	margin:0;
	font-size: 16px;
	color: #fff;
}
.xinwen-xx-list-con1 h2::before{
	display: block;
	content:"";
	width: 14px;
	height: 2px;
	background-color: #fff;
	margin-bottom: 15px;
}
.xinwen-xx-list-con1 p{
	margin:0;
	margin-top: 15px;
	font-size: 14px;
	color: #fff;
	line-height: 1.8;
	height: 0;
	overflow: hidden;
	opacity: 0;
	visibility: hidden;
	transition: height .3s;
}


.xinwen-xx-list-con2{
	position: absolute;
	padding: 0	40px;
	z-index: 20;
	font-size: 16px;
	color: #fff;
	left: 0;
	width: 100%;
	bottom: 50px;
	
}
.xinwen-xx-list dd:hover .xinwen-xx-list-con2{
	bottom: -100%;
	transition: bottom .3s;
}
.xinwen-xx-list-con2::before{
	display: block;
	content:"";
	width: 14px;
	height: 2px;
	background-color: #fff;
	margin-bottom: 15px;
}






.xinwen-xx-left{
	overflow: hidden;
	background-color: #fff;
	padding: 40px;
}

.xinwen-xx-h1{
	font-size: 24px;
	line-height: 1.3;
	color: #333;
	font-family: "kt";
}

.xinwen-xx-h2{
	font-size: 14px;
	color: #333;
	margin-top: 20px;
}

.xinwen-xx-con{
	font-size: 14px;
	color: #777;
	line-height: 2.2;
	margin-top: 20px;
}

.xinwen-xx-con img{
	display: block;
	margin:20px auto;
}

.xinwen-xx-left .cp-xx2-a{
	margin-left: 0;
	margin-top: 20px;
}

.contact{
	/*max-width: 1080px;*/
	margin:0 auto;
}

.contact2{
	margin-top: 50px;
}
.contact1-dl{
	margin-top: 50px;
}
.contact1-dl dl{
	margin:0;
	font-size: 0;
	line-height: normal;
	display: flex;
	justify-content:space-between;
}

.contact1-dl dd{
	display: inline-block;
	text-align: center;
}

.contact1-dl dd>img{
	display: block;
	margin:0 auto;
	width: 99px;
}

.contact1-dl dd h1{
	margin:0;
	font-size: 18px;
	color: #333;
	padding: 12px 0 13px;
	font-family: "kt";
}

.contact1-dl dd h2{
	margin:0;
	font-size: 14px;
	color: #333;
	line-height: 1.6;
}
.map_a{
	font-size: 0;
	padding-top:20px;
}
.map_a a{
	display: inline-block;
	font-size: 14px;
	color: #333;
}
.map_a a{
	transition: color .3s;
}
.map_a a:hover{
	color: #04a07b;
}
.map_a a img{
	display: block;
	margin:0 auto 5px;
	width: 13px;
}


.map-wp{
	width: 900px;
	height: 476px;
	margin-right: 105px;
}

.map{
	height: 100%;
	background-repeat: no-repeat;
	background-position: center;
	-webkit-background-size: cover;
	background-size: cover;
}


.contact1-conn{
	overflow: hidden;
	padding-top: 8px;
}

.contact1-logo{
	width: 160px;
}

.contact1-logo img{
	display: block;
	width: 100%;
}

.contact1-jb{
	height: 2px;
	margin-top:17px;
  background: -webkit-linear-gradient(left, #04a07b , #baec8e); /* Safari 5.1 - 6.0 */
  background: -o-linear-gradient(right, #04a07b, #baec8e); /* Opera 11.1 - 12.0 */
  background: -moz-linear-gradient(right, #04a07b, #baec8e); /* Firefox 3.6 - 15 */
  background: linear-gradient(to right, #04a07b , #baec8e); /* 标准的语法 */
}


.contact1-conn-dl dl{
	margin:0;
}

.contact1-conn-dl dd{
	float: left;
	padding-left: 57px;
	background-repeat: no-repeat;
	background-position: left top;
	min-height: 40px;
	margin-top: 40px;
}
.contact1-conn-dl dd:nth-child(1){
	width: 100%;
}
.contact1-conn-dl dd:nth-child(2){
	width: 230px;
}
.contact1-conn-dl dd h1{
	margin:0;
	font-size: 14px;
	color: #777;
}
.contact1-conn-dl dd h2{
	margin:0;
	font-size: 14px;
	color: #333;
	line-height: 1.5;
	margin-top: 5px;
}


.contact1-er-wp{
	width: 374px;
	margin-top: 40px;
}

.contact1-er{
	width: 146px;
	font-size: 14px;
	color: #777;
	text-align: center;
}

.contact1-er img{
	display: block;
	width: 100%;
	margin-bottom: 8px;
}



.contact-bai{
	background-color: #fff;
	padding: 55px;
	margin-top: 40px;
}
.contact2-pic{
	width: 686px;
	margin-left: 60px;
}

.contact-bai .imgbox_a{
	padding-bottom: 62%;
}
.contact2-form{
	/*margin-top: 50px;*/
	overflow: hidden;
}

.contact2-form dl{
	margin:0;
	margin-left: -2%;
	margin-top: -2%;
}

.contact2-form dd{
	float: left;
	width: 48%;
	margin-left: 2%;
	margin-top: 2%;
	position: relative;
}

.yz{
	position: absolute;
	width: 105px;
	right: 21px;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
  z-index:25;
}
.yz img{
	display: block;
	width: 100%;
}
.contact2-form dd:nth-child(5){
	width: 98%;
}
.contact2-form dd:nth-child(6) input[type="text"]{
	padding-right: 150px;
}
.contact2-form input:focus,
.contact2-form textarea:focus{
	outline: none;
}

.contact2-form input[type="text"]{
	display: block;
  width: 100%;
  height: 55px;
  padding: 10px 15px 10px 50px;
  font-size: 14px;
  line-height: 1.42857143;
  color: #333;
  background-color: #fff;
  border:1px solid #d2d2d2;
  background-repeat: no-repeat;
  background-position: 23px  center;
  z-index: 15;
}

.contact2-form textarea{
	resize: none;
	display: block;
  width: 100%;
  height: 208px;
  padding: 15px 15px 15px 50px;
  font-size: 14px;
  line-height: 1.42857143;
  color: #333;
  background-color: #fff;
  border:1px solid #d2d2d2;
  background-repeat: no-repeat;
  background-position: 23px  17px;
}


.contact2-form input[type="button"]{
	display: block;
  border:0;
  cursor: pointer;
  color: #fff;
  font-size: 16px;
  background-color: #04a07b;
  margin-left: auto;
  height: 55px;width:225px;
  transition: background-color .3s;
}

.contact2-form input[type="button"]:hover{
	background-color: #068e6d;
}

.job-list ul{
	margin:0;
}
.job-list{
	border-top: 1px solid #d2d2d2;

}
.job-list li{
	background-color: #fff;
	border:1px solid #d2d2d2;
	border-top: 0;
}


.job-item{
	position: relative;
	padding-left:440px;
}
.job1-1{
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	width: 440px;
	border-right: 1px solid #d2d2d2;
	padding: 60px 30px;
}
.job1-1-h1{
	color: #333;
	font-size: 14px;
	line-height: 28px;
	/*height: 28px;*/

}
.job1-1-h1 span{
	font-size: 24px;
	font-family: "kt";
	padding-left: 5px;ical-align: middle;
}

.job1-1-bottom{
	position: absolute;
	left: 0;
	width: 100%;
	bottom: 0px;
	padding: 0	30px 60px;
}

.job1-1-bottom-p{
	font-size: 14px;
	color: #333;
	line-height: 2;
}
.job1-1-bottom-p p{
	margin:0;
}


.job1-1-a{
	margin-top: 25px;
}

.job1-1-a{
	width: 123px;
	height: 33px;
	color: #fff;
	font-size: 14px;
	text-align: center;
	line-height: 33px;
	background-color: #b68b5d;
	transition: background-color .3s,box-shadow .3s;
	cursor: pointer;

}

.job1-1-a i{
	font-style: normal;
}
.job1-1-a:hover{
	background-color: #04a07b;
	box-shadow: 0 0 12px 2px rgba(0,0,0,0.3);
}

.job1-1-a:hover i{
	display: none;
}


.job-tanc-div{
	position: fixed;
	width:490px;
	height: 234px;
	left: 50%;
	margin-left: -245px;
	top: 50%;
	margin-top: -117px;
	background-color: #04a07b;
	border-radius: 8px; 
	box-shadow: 0 0 12px 2px rgba(0,0,0,0.3);
	padding: 40px 50px 0;
	display: none;
	z-index: 1800;
}

.job-tanc-wen{
	font-size: 14px;
	color: #fff;
	line-height: 2;
	text-align: center;
}

.job-tanc-btn{
	width: 130px;
	height: 44px;
	line-height: 44px;
	color: #333;
	font-size: 14px;
	text-align: center;
	background-color: #fff;
	margin-left: auto;
	margin-top: 15px;
	cursor: pointer;
	transition: background-color .3s,color .3s;
}

.job-tanc-btn:hover{
	background-color: #068e6d;
	color: #fff;
}




.job1-2{
	padding: 60px;
	z-index: 30;
	position: relative;
}
.job1-2-title{
	font-size: 0;
	line-height: normal;
}

.job1-2-title h1{
	display: inline-block;
	margin:0;
	font-size: 16px;
	color: #fff;
	background-color: #04a07b;
	padding: 9px 20px;
}

.job1-2-con{
	font-size: 14px;
	color: #777;
	line-height: 2.2;
	margin-top: 25px;
}

.job1-2-item+.job1-2-item{
	margin-top: 40px;
}


.about1-p{
	font-size: 14px;
	color: 333;
	line-height: 2.2;
	text-align: center;
	max-width: 1230px;
	margin-left: auto;
	margin-right: auto;
}
.about1-dl1{
	padding: 50px 0;
}

.about1-dl1 dl{
	margin:0;
	font-size: 0;
	line-height: normal;
	text-align: center;
}

.about1-dl1 dd{
	display: inline-block;
	font-size: 14px;
	color: #333;
	/*font-family: "kt";*/
	
}
.about1-dl1 dd+dd{
	margin-left: 65px;;
}
.about1-dl1 dd span{
	font-size: 46px;
	color: #04a07b;
	font-family: serif;
	font-family: "Microsoft Yahei";
	padding: 0 10px;;
}
.about1-dl2{
	max-width: 1308px;
	margin:0 auto;
}
.about1-dl2 dl{
	margin:0;
	margin-left: -2%;
}

.about1-dl2 dd{
	float: left;
	width: 31.3333333%;
	margin-left: 2%;
}

.about1-dl2 dd .imgbox_a{
	padding-bottom:66.216%;
}


.mm70{
	margin-top: 70px;
}
.mm60{
	margin-top: 70px;
}


.about2-dl dl{
	margin:0;
	margin-left: -2%;
}

.about2-dl dd{
	float: left;
	width: 31.3333333%;
	margin-left: 2%;
	padding: 0 50px;
	font-size: 14px;
	color: #333;
	line-height: 2.2;
	text-align: center;
}

.about2-dl dd img{
	display: block;
	max-width: 277px;
	margin:0 auto 20px;
}

.about3{
	position: relative;
}
.about3 .container{
	position: relative;
	z-index: 25;
}
.about3::after{
	position: absolute;
	z-index: 15;
	width: 100%;
	left: 0;
	bottom: 109px;
	height: 1px;
	background-color: #d5d5d5;
	content:"";
}
.about3-item-div{
	background-color: #fff;
	padding:20px; 
	position: absolute;
	width: 100%;
	left: 0;
	top: 0;
	bottom: 110px;
	transition: bottom .3s;
}

.about3-item{
	position: relative;
	padding-top: 480px;
}

.about3-item-div-con{
	height: 100%;
	background-image: url(../images/about3-bg1.png);
	background-repeat: no-repeat;
	background-position: center;
	-webkit-background-size: cover;
	background-size: cover;
	position: relative;
	padding: 45px 45px 0;
	overflow: hidden;
}
.about3-item-div-con::after{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	content:"";
	background-color: #04a07b;
	opacity: 0;
	visibility: hidden;
	transition: .3s;
	z-index: 15;
}

.about3-item-div-con-rela{
	position: relative;
	z-index: 25;
}


.about3-title{
	width: 126px;
	height: 126px;
	margin:0 auto;
	background-image: url(../images/nian.png);
	-webkit-background-size: 100%;
	background-size: 100%;
	background-repeat: no-repeat;
	background-position: center;
	text-align: center;
	padding-top: 40px;
	color: #fff;
	transition: background-image .3s,color .3s;
}
.about3-title h1{
	margin:0;
	font-size: 24px;
	color: inherit;

}
.about3-title h2{
	margin:0;
	font-size: 16px;
	color: inherit;
	margin-top: 12px;
}

.about3-line{
	width: 31px;
	height: 1px;
	margin:50px auto 40px;
	transition:margin .3s;
	background-color: #fff;
}

.about3-con{
	font-size: 14px;
	color: #c2b8b0;
	line-height: 2;
	height:10em;
	overflow: hidden;
	text-align: left;
	transition: height .3s,color .3s;
	text-align: justify;
}
.about3-con .mCSB_outside + .mCS-minimal.mCSB_scrollTools_vertical, 
.about3-con .mCSB_outside + .mCS-minimal-dark.mCSB_scrollTools_vertical{
	right: -25px;
}
.about3-con .mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
	background-color: #fff;
}
.about3-item:hover .about3-con{
	height:auto;
	color: #fff;
	max-height: 20em;
	overflow: auto;
}
.about3-item:hover .about3-title{
	background-image: url(../images/nianh.png);
	color: #04a07b;
}
.about3-item:hover .about3-line{
	margin:35px auto 25px;
}
.about3-item:hover .about3-item-div{
	bottom: 0;
	z-index: 50;
}
.about3-item:hover .about3-item-div-con::after{
	opacity: 1;
	visibility: visible;
}






.about3-nian{
	height:110px;
	font-size: 24px;
	color: #756556;
	text-align: center;
	padding-top: 18px;
	position: relative;
}

.about3-nian::before{
	position: absolute;
	width: 12px;
	height: 12px;
	left: 50%;
	margin-left: -6px;
	top: -6px;
	content:"";
	background-color: #756556;
	border-radius: 50%;
}

.about3-list .owl-nav button.owl-prev{
  position: absolute;
  left:-70px;
  top: 50%;
  margin-top: -30px;
  width: 59px;
  height: 59px;
  background-image: url(../images/left2.png);
  cursor: pointer;
  background-repeat: no-repeat;
  background-position: center ;
  -webkit-background-size: 100%;
  background-size: 100%;
  font-size: 0;
  z-index: 50;
  transition: background-image .3s;
  -webkit-transform: translateY(-55px);
	-ms-transform: translateY(-55px);
	transform: translateY(-55px);
}
.about3-list .owl-nav button.owl-prev:hover{background-image: url(../images/left2h.png);}

.about3-list .owl-nav button.owl-next{
  position: absolute;
  right:-70px;
  top: 50%;
  margin-top: -30px;
  width: 59px;
  height: 59px;
  background-image: url(../images/right2.png);
  cursor: pointer;
  background-repeat: no-repeat;
  background-position: center ;font-size: 0;
  z-index: 50;
  -webkit-background-size: 100%;
  background-size: 100%;
  transition: background-image .3s;
  -webkit-transform: translateY(-55px);
	-ms-transform: translateY(-55px);
	transform: translateY(-55px);
}

.about3-list .owl-nav button.owl-next:hover{background-image: url(../images/right2h.png);}




.about4-list .item .imgbox_a{
	padding-bottom: 72.24%;
}


.about4-list .owl-dots {
	text-align: center;
	margin-top: 40px;
	font-size: 0;
	line-height: normal;
}
.about4-list .owl-dots .owl-dot{
	display: inline-block;
	margin:0 4px;
	border:0;
	background-color: transparent;
	outline: none;
}
.about4-list .owl-dot span{
	width: 13px;
	display: block;
	height: 13px;
	background-repeat: no-repeat;
	background-position: center ;
	background-image: url(../images/arrow-b.png);
	-webkit-background-size: 100%;
	background-size: 100%;
}

.about4-list .owl-dot.active span{
	background-image: url(../images/arrow-b-h.png);

}

.about5-pic .imgbox_a{
	padding-bottom: 65.5%;
}

.about5-list .item h1{
	margin:0;
	font-size: 16px;
	color: #333;;
	text-align: center;
	padding: 25px 0;
	background-color: #fff;;
}
.about5-list .item:hover h1{color:#04a07b;}

.about5-list .owl-dots {
	text-align: center;
	margin-top: 40px;
	font-size: 0;
	line-height: normal;
}
.about5-list .owl-dots .owl-dot{
	display: inline-block;
	margin:0 4px;
	border:0;
	background-color: transparent;
	outline: none;
}
.about5-list .owl-dot span{
	width: 13px;
	display: block;
	height: 13px;
	background-repeat: no-repeat;
	background-position: center ;
	background-image: url(../images/arrow-b.png);
	-webkit-background-size: 100%;
	background-size: 100%;
}

.about5-list .owl-dot.active span{
	background-image: url(../images/arrow-b-h.png);

}

.about6-div{
	padding: 75px;
	background-color: #fff;
}

.about6-pic{
	width: 340px;
	margin-right: 75px;
}

.about6-pic .imgbox_a{
	padding-bottom: 125%;
}

.about6-con{
	overflow: hidden;
}
.about6-con-h1{
	font-size: 22px;
	color: #333;
	font-family: "kt";
}

.about6-con-h2{
	font-size: 14px;
	color: #333;
	line-height: 1.5;
	padding:15px 0 20px;
}

.about6-con-p{
	font-size: 14px;
	color: #333;
	line-height: 2.2;

}

.about6-con-p p{
	margin:0;
}

.qm{
	margin-top: 40px;
}

.qm img{
	display: block;;
	margin-left: auto;
}


.product{
	height: 719px;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	background-image: url(../images/pro1-1.jpg);
	position: relative;
	padding-bottom: 80px;
}



.product2{
	position: absolute;
	left: 0;
	width: 100%;
	bottom: 0;
	z-index: 50;
}
.product2-list::before{
	position: absolute;
	width: 100%;
	left: 0;
	top: 0;
	height: 1px;
	background-color: rgba(255,255,255,0.4);
	z-index: 15;
	content:"";
}
.product2-list.owl-carousel .owl-stage-outer{
	z-index: 25;
}
.product2-list .item{
	font-size: 20px;
	color: #fff;
	font-family: "kt";
	text-align: center;
	height: 80px;
	line-height: 80px;
	cursor: pointer;
	position: relative;
	transition: background-color .3s;
	background-color: rgba(255,255,255,0);
}
.product2-list .item::before{
	position: absolute;
	width: 1px;
	left: 0;
	top: 1px;
	bottom: 0px;
	background-color: rgba(255,255,255,0.4);
	z-index: 15;
	content:"";
}

.product2-list .item.cur{
	background-color: rgba(255,255,255,0.24);
}

.product1{
	height: 100%;
}

.product1-box{
	height: 100%;
	display: none;
}
.product1-box:first-child{
	display: block;
}
.div-table{
	display: table;
	width: 100%;
	height: 100%;
}

.div-table-cell{
	display: table-cell;
	width: 100%;
	vertical-align: middle;
}

.product1-div{
	padding: 0 150px;
}

.product1-1{
	width: 390px;
	text-align: center;
	padding-top: 125px;
}

.product1-1 h1{
	margin:0;
	font-size: 36px;
	color: #fff;
	font-family: "kt";
}
.product1-1 h2{
	margin:0;
	font-size: 14px;
	text-transform: uppercase;
	color: #fff;
	font-family: "Microsoft Yahei";
	margin-top: 13px;
}
.product1-2{
	width: 520px;
	padding: 0 60px; 
	margin-right: 32px;
}

.product1-2 dl{
	margin:0;
}

.product1-2 dd+dd{
	margin-top: 60px;
}
.product1-2 dd h1{
	margin:0;
	font-size: 20px;
	color: #fff;
	font-family: "kt";
}
.product1-2 dd p{
	margin:0;
	font-size: 14px;
	color: #fff;
	margin-top: 15px;
	line-height: 2.2;
}
.product1-3{
	overflow: hidden;
}
.product1-3 .imgbox_a{
	padding-bottom: 77.47%;
}

.product2-left{
	position: absolute;
	width: 59px;
	left: 50px;
	z-index: 30;
	top: 0;
	bottom: 80px;
}


.product2-left-ico{
	background-image: url(../images/left.png);
	background-repeat: no-repeat;
	background-position: center;
	-webkit-background-size: 100%;
	background-size: 100%;
	cursor: pointer;
	position: absolute;
	top: 50%;
	left: 0;
	width: 100%;
	height: 59px;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	transition: background-image .3s;
}

.product2-left-ico:hover{background-image: url(../images/lefth.png);}


.product2-right{
	position: absolute;
	width: 59px;
	right: 50px;
	z-index: 30;
	top: 0;
	bottom: 80px;
}


.product2-right-ico{
	background-image: url(../images/right.png);
	background-repeat: no-repeat;
	background-position: center;
	-webkit-background-size: 100%;
	background-size: 100%;
	cursor: pointer;
	position: absolute;
	top: 50%;
	left: 0;
	width: 100%;
	height: 59px;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	transition: background-image .3s;
}

.product2-right-ico:hover{background-image: url(../images/righth.png);}









.zhaopin1-pic{
	width: 703px;
	margin-right: 85px;
}

.zhaopin1-pic img{
	display: block;
	width: 100%;
}

.zhaopin1-con{
	overflow: hidden;
	padding-top: 120px;
}

.zhaopin1-con h1{
	margin:0;
	font-size: 26px;
	color: #333;
	line-height: 1.5;
}

.zhaopin1-con h2{
	margin:0;
	font-size: 14px;
	color: #777;
	line-height: 1.6;
	margin-top: 35px;
}
.zhaopin2{
	margin-top: 50px;
}
.zhaopin2-1{
	background-color: #04a07b;
	padding: 22px 0 20px;
	text-align: center;
}

.zhaopin2-1 h1{
	margin:0;
	font-size: 26px;
	color: #fff;
	font-weight: bold;
}

.zhaopin2-1 h2{
	margin:0;
	font-size: 14px;
	color: #fff;
	font-weight: bold;
	margin-top: 10px;
}

.zhaopin2-2{
	border:1px solid #e0e0e0;
	padding: 30px;
}

.zhaopin2-2-con{
	height: 300px;
	overflow-y: auto;
	font-size: 14px;
	color: #666;
	line-height: 2;
}

.zhaopin2-2-con p{margin:0;}

.zhaopin2-2-con .mCSB_scrollTools{
	width: 3px;
	border-radius: 0;
}
.zhaopin2-2-con .mCSB_scrollTools .mCSB_draggerRail{
	width: 3px;
	background-color: #e6e6e6;
	border-radius: 0;
}

.zhaopin2-2-con .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
	width: 3px;
	background-color: #04a07b;
	border-radius: 0;
}



.zhaopin2-list .owl-dots {
  margin-top: 35px;
}
.zhaopin2-list .owl-dots .owl-dot{
    margin:0 4px;
}
.zhaopin2-list .owl-dot span{
    width: 13px;
    height: 13px;
    background-image: url(../images/arrow-b.png);
}

.zhaopin2-list .owl-dot.active span{
    background-image: url(../images/arrow-b-h.png);

}

.zhaopin3{
	margin-top: 70px;
}

.zhaopin3-1{
	width: 738px;
	margin-left: 50px;
}

.zhaopin3-1 img{
	display: block;
	width: 100%;
}

.zhaopin3-2{
	overflow: hidden;
}

.zhaopin3-2 h1{
	margin:0;
	font-size: 14px;
	color: #04a07b;
}

.zhaopin3-2-p p{margin:0;}

.zhaopin3-2-p{
	font-size: 14px;
	color: #333;
	line-height: 2.2;
	margin-top: 15px;
}

.zhaopin .contact-bai{
	margin-top: 0;
}