@charset "utf-8";
/* CSS Document */
.ww{width: 1200px;margin-left: auto;margin-right: auto;position: relative;}
.head{position: fixed;z-index: 1000;left: 0;top: 0;width: 100%;transition: .6s all;}
.nFix{background: #091113;}
.logo{}
.menu1{overflow: hidden;display: flex;align-items: center;margin-left: auto;}
.menu1>li{}
.head.show .menu1>li>a{
	color: #fff;
}
.menu1>li>a{font-size: 16px;color: #ffffff;text-transform: uppercase;font-family: 'DINPro';margin: 0 40px;}
.menu1>li>a:hover{font-weight: bold;text-decoration:underline;}
.headFormDiv{position: relative;}
.headSearch{position: relative;z-index: 1020;background: url(../images/2.png) no-repeat center center;width: 30px;height: 30px;border-radius: 50%;}
.headInput{position: absolute;z-index: 1018;top: 0;right: 0; width: 0px;height: 32px;line-height: 32px;border-radius: 16px;padding-left: 15px;color: #333;background: #fff;visibility: hidden;border: 1px solid #0084FF;font-size: 14px;padding-right: 40px;}
.headInput.curr{width: 210px;visibility: visible;}
.headInput::-webkit-input-placeholder{color: #999;}
.headInput::-moz-placeholder{color: #999;}
.headInput:-moz-placeholder{color: #999;}
.headInput:-ms-input-placeholder{color: #999;}
.k1{position: relative;}
.sw1{height: 890px;padding-top: 330px;}
.sw1>div{text-align: center;}
.sw1>div>p:nth-child(1){font-size: 90px;color: #fff;line-height: 1;}
.sw1>div>p:nth-child(2){font-size: 30px;color: #fff;text-transform: uppercase;font-family: 'DINPro';margin-top: 40px;}
.sw1>div>a{margin-top: 160px;width: 80px;margin-left: auto;margin-right: auto;}
.sw1>div>a>img{display: block;}
.opt7,.hov7:hover{opacity:.7;filter:alpha(opacity=70);-moz-opacity:.7;-khtml-opacity:.7}
.elp1 {overflow:hidden;-o-text-overflow: ellipsis;text-overflow:ellipsis;white-space:nowrap}
.elp2 {overflow:hidden;text-overflow:ellipsis;word-break:break-all;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;}
.elp3 {overflow:hidden;text-overflow:ellipsis;word-break:break-all;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;}
.elp4 {overflow:hidden;text-overflow:ellipsis;word-break:break-all;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4;}
.k2{padding: 120px 0;}
.tit1>h3{font-size: 38px;color: #000;font-family: 'DINCond-Bold';line-height: 1; text-transform: uppercase;}
.k2-1{margin-top: 50px;}
#slider2{margin-left: -10px;margin-right: -10px;}
.sw2{padding: 0 10px;}
.sw2>a{display: block;width: 100%;position: relative;overflow: hidden;}
.sw2>a>img{width: 100%;transition: .5s;}
.sw2>a>div{position: absolute;z-index: 10;width: 100%;left: 0;bottom: 0;padding:  0 10px 55px;}
.sw2>a>div>h4{text-align: center;font-size: 17px;color: #fff;text-transform: uppercase;font-family: 'DINPro';line-height: 1;}
.sw2>a>div>p:nth-child(2){margin-top: 20px;height: 52px;height: 0;visibility: hidden; line-height: 26px;text-align: center;font-size: 16px;color: rgba(255,255,255,.56);transition: .5s;}
.sw2>a:hover>div>p:nth-child(2){height: 52px;visibility: visible;}
.sw2>a>div>p:nth-child(3){margin: 30px auto 0;width: 66px;height: 66px;background: rgba(255,255,255,.16) url(../images/5b.png) no-repeat center center;border-radius: 50%;}
.sw2>a:hover>div>p:nth-child(3){background: rgba(255,255,255,1) url(../images/5.png) no-repeat center center;}
.k2-1 .slick-prev, 
.k2-1 .slick-next{position: absolute;z-index: 10;display: block;width: 76px;height: 76px;line-height: 0;font-size: 0;background: transparent;color: transparent;top: 50%;transform: translateY(-50%);padding: 0;border: none;outline: none;box-shadow: 0px 3px 26px 0px rgba(142, 161, 198, 0.3);border-radius: 50%;}
.k2-1 .slick-prev {left: -28px;background: url(../images/7-1.png) no-repeat center center/100% 100%;}
.k2-1 .slick-next {right: -28px;background: url(../images/7-2.png) no-repeat center center/100% 100%;}
.k2-2{margin-top: 120px;text-align: center;}
.k2-3{margin-top: 75px;}
.sw3{display: block;}
.sw3>div{width: 100%;height: 96px;position: relative;background: url(../images/9.png) no-repeat center center;}
.sw3:hover>div{width: 100%;height: 96px;position: relative;background: url(../images/9b.png) no-repeat center center;}
.sw3>div>span{display: block;width: 100%;height: 100%;}
.sw3>div>span.ic1{background: url(../images/8-1.png) no-repeat center center;}
.sw3:hover>div>span.ic1{background: url(../images/8-1b.png) no-repeat center center;}
.sw3>div>span.ic2{background: url(../images/8-2.png) no-repeat center center;}
.sw3:hover>div>span.ic2{background: url(../images/8-2b.png) no-repeat center center;}
.sw3>div>span.ic3{background: url(../images/8-3.png) no-repeat center center;}
.sw3:hover>div>span.ic3{background: url(../images/8-3b.png) no-repeat center center;}
.sw3>div>span.ic4{background: url(../images/8-4.png) no-repeat center center;}
.sw3:hover>div>span.ic4{background: url(../images/8-4b.png) no-repeat center center;}
.sw3>div>span.ic5{background: url(../images/8-5.png) no-repeat center center;}
.sw3:hover>div>span.ic5{background: url(../images/8-5b.png) no-repeat center center;}
.sw3>p{margin-top: 20px;line-height: 1;text-align: center;font-size: 16px;color: #212121}
.sw3:hover>p{color: #239767;}
#slider3 .slick-prev, 
#slider3 .slick-next{position: absolute;z-index: 10;display: block;width: 36px;height: 36px;line-height: 0;font-size: 0;background: transparent;color: transparent;top: 40%;transform: translateY(-50%);padding: 0;border: none;outline: none;}
#slider3 .slick-prev {left: -28px;background: url(../images/23-1.png) no-repeat center center;}
#slider3 .slick-next {right: -28px;background: url(../images/23-2.png) no-repeat center center;}
#slider3 .slick-prev:hover {background: url(../images/23-1b.png) no-repeat center center;}
#slider3 .slick-next:hover {background: url(../images/23-2b.png) no-repeat center center;}
.k2-4{padding-top: 5px;}
.ul01{font-size: 0;}
.ul01>li{display: inline-block;width: 23.125%;margin-right: 2.5%;border: 1px solid #DDDFDE;cursor: pointer;margin-top: 53px;transition: .35s;}
.ul01>li:hover{border: 1px solid #239767;}
.ul01>li:nth-child(4n){margin-right: 0;}
.dt1{position: relative;padding: 12px 11px 0;overflow: hidden;}
.dt1>img{width: 100%;height: 255px;object-fit: cover;}
.ul01>li:hover .dt1>div{bottom: 0;}
.dt1>div{position: absolute;z-index: 10;width: 100%;left: 0;bottom: -100%;background: #239767;padding: 20px 0;overflow: hidden;transition: .35s;}
.dt1>div>a{float: left;width: 45%;text-align: center;position: relative;}
.dt1>div>a>img{display: inline-block;width: 20px;height: 16px;}
.dt1>div>a>span{display: inline-block;width:auto;height: 16px;color:#fff;z-index: 999;font-size:12px;}
.dt1>div>a:nth-child(n+2):before{width: 1px;height: 16px;border-left: 1px solid rgba(255,255,255,.56);left: 0;top: 50%;transform: translateY(-50%);}
.dt2{padding: 28px 28px 50px;position: relative;}
.dt2>p:nth-child(1){font-size: 16px;color: #212121;line-height: 1;overflow:hidden;-o-text-overflow: ellipsis;text-overflow:ellipsis;white-space:nowrap}
.dt2>div{font-size: 16px;color: #FB371F;text-transform: uppercase;font-family: 'DINPro';line-height: 1;margin-top: 15px;}
.dt2>div>p{display: inline-block;font-size: 22px;}
.dt2>div>p>span{color: #333;}
.dt2>a{width: 130px;text-align: center;height: 45px;line-height: 45px;border: 1px solid #DDDFDE;border-radius: 23px;font-size: 16px;color: #212121;position: absolute;z-index: 10;left: 50%;transform: translateX(-50%);bottom: -22.5px;background: #fff;transition: .35s;}
.ul01>li:hover .dt2>a{background: #239767;border: 1px solid #239767;color: #fff;}
.k2-5{margin-top: 76px;}
.but1{width: 200px;text-align: center;height: 60px;line-height: 60px;font-size: 20px;color: #fff;background: #239767;transition: .35s;display: block;margin-left: auto;margin-right: auto;}
.k3{background: #F6F6F6;position: relative;}
.k3>div:nth-child(1){width: 50%;padding: 116px 100px 90px;}
.k3>div:nth-child(2){position: absolute;z-index: 10;width: 50%;top: 0;right: 0;height: 100%;}
.k3>div:nth-child(2)>span{display: block;width: 100%;height: 100%;}
.txt1{margin-top: 38px;font-size: 16px;color: #666;line-height: 26px;}
.k3-2{margin-top: 60px;height: 250px;position: relative;}
.k3-2>div{position: absolute;z-index: 30;width: 131.57%;background: #fff;left: -48px;top: -5px;overflow: hidden;}
.k3-2>div>div{float: left;width: 33.333%;height: 250px;padding-top: 30px;padding-left: 50px;}
.k3-2>div>div:nth-child(n+2){border-left: 1px solid #EAEAEA;}
.k3-21{margin-top: 30px;}
.k3-21>p{font-size: 30px;color: #333;line-height: 1;}
.k3-21>p>span{font-size: 56px;color: #333;font-weight: bold;vertical-align: top;margin-right: 12px;margin-top: -4px;}
.k3-3{margin-top: 80px;}
.txt2{margin-top: 15px;line-height: 1px;font-size: 16px;color: #333;}
@media (max-width: 1280px) {
	.k3-2>div>div>img{width: 36px;}
	.k3>div:nth-child(1){width: 50%;padding: 40px 40px 40px;}
	.k3-2{margin-top: 30px;height: 180px;}
	.k3-2>div>div{height: 180px;padding-top: 30px;padding-left: 33px;}
	.k3-21{margin-top: 20px;}
	.k3-21>p>span{font-size: 36px;}
	.k3-3{margin-top: 50px;}
}
.k4{padding: 116px 0 150px;}
.k4-1{margin-top: 69px;}
.ul02{text-align: center;overflow: hidden;}
.ul02>li{float: left;width: 33.333%;padding: 0 10px;}
.ul02>li>a>span{display: block;background: url(../images/14.png) no-repeat center center;width: 100%;height: 100px;transition: .35s;}
.ul02>li>a:hover>span{background: url(../images/14b.png) no-repeat center center;}
.ul02>li>a>p:nth-child(2){text-align: center;margin-top: 20px;font-size: 20px;color: #333;font-weight: 600;overflow:hidden;-o-text-overflow: ellipsis;text-overflow:ellipsis;white-space:nowrap}
.ul02>li>a:hover>p:nth-child(2){color: #239767;}
.ul02>li>a>p:nth-child(3){margin-top: 12px;font-size: 16px;color: #666;}
.k5{background: url(../images/15.jpg) no-repeat center center;background-size: cover;background-attachment: fixed;padding: 0 0 116px;}
.k5-1{overflow: hidden;}
.k5-1>div:nth-child(1){float: left;width: 400px;padding-top: 111px;}
.k5-1>div:nth-child(2){float: right;}
.k5-1>div:nth-child(2)>img{width: 686px;height: 587px;object-fit: cover;}
.tit2>h3{font-size: 50px;color: #fff;font-family: 'DINCond-Bold';line-height: 1; text-transform: uppercase;}
.ul03{padding-top: 24px;}
.ul03>li{margin-top: 20px;}
.ul03>li>input{width: 100%;height: 60px;line-height: 58px;border: 1px solid #56676f;background: rgba(255,255,255,.1);padding: 0 25px;font-size: 18px;color: #fff;}
.ul03>li>input::-webkit-input-placeholder {color:#B2B6B8;}
.ul03>li>input::-moz-placeholder {color:#B2B6B8;}
.ul03>li>input:-moz-placeholder {color:#B2B6B8;}
.ul03>li>input:-ms-input-placeholder {color:#B2B6B8;}
.submit{width: 100%;height: 60px;line-height: 58px;text-align: center;border: 1px solid #239767!important;background: #239767!important;color: #fff;font-size: 18px;}
.foot{background: #11191D;}
.foot1{display: flex;justify-content:space-between;align-content: center;font-size: 0;}
.ft1{display: inline-block;vertical-align: middle;font-size: 0;}
.ft1-1{margin-right: 76px;display: inline-block;vertical-align: middle;}
.ft1-1>p{font-size: 20px;color: #B2B6B8;line-height: 36px;}
.ft1-2{position: relative;display: inline-block;vertical-align: middle;}
.ft1-2:hover>p{visibility: visible;}
.ft1-2>p{position: absolute;width: 136px;height: 136px;background: #fff;left: 0;top: -152px;visibility: hidden;}
.ft1-2>p:before{background: url(../images/19.png) no-repeat center center;width: 16px;height: 10px;left: 17px;bottom: -10px;}
.ft2{font-size: 18px;color: #B2B6B8;margin-top: 20px;float: right;display: inline-block;vertical-align: middle;}
.ban1{padding: 330px 0 200px;height: 600px;}
.txt3{text-align: center;font-size: 90px;color: #fff;font-weight: lighter;}
.w1400{max-width: 1400px;margin-left: auto;margin-right: auto;width: 94%;}
.k6{padding: 125px 0 120px;}
.k6-1{max-width: 1200px;margin-left: auto;margin-right: auto;}
.txt4{margin-top: 30px;}
.txt4>p{margin-top: 20px;font-size: 18px;color: #666;line-height: 26px;}
.k6-2{margin-top: 40px;border-top: 1px solid #ddd;padding-top: 50px;}
.k6-2>img{width: 100%;}
.k6-3{padding-top: 13px;}
.k6-3>div{margin-top: 40px;}
.k6-3>div>p:nth-child(1){font-size: 28px;color: #333;font-weight: bold;}
.k6-3>div>p:nth-child(2){margin-top: 36px;font-size: 18px;color: #666;line-height: 26px;}
.k7{padding: 120px 6.25vw;position: relative;background: #F6F6F6;}
.k7:before{width: 100%;height: 1px;border-top: 1px solid #D6DADF;left: 0;top: 158px;}
.k7>div{position: relative;z-index: 10;padding-left: 86px;padding-right: 86px;}
.sw4{padding: 0 2.6vw;}
.sw4>span{display: block;width: 100%;height: 21px;background: url(../images/22.png) no-repeat 32px center;}
.sw4:hover>span{background: url(../images/22b.png) no-repeat 32px center;}
.sw4>p:nth-child(2){margin-top: 35px;line-height: 1;font-size: 32px;color: #333;font-weight: bold;}
.sw4:hover>p:nth-child(2){color: #29CC88;}
.sw4>p:nth-child(3){margin-top: 24px;font-size: 16px;color: #333;line-height: 30px;}
#slider4 .slick-prev, 
#slider4 .slick-next{position: absolute;z-index: 10;display: block;width: 36px;height: 36px;line-height: 0;font-size: 0;background: transparent;color: transparent;top: 20px;transform: translateY(0);padding: 0;border: none;outline: none;}
#slider4 .slick-prev {left: -86px;background: url(../images/23-1.png) no-repeat center center/100% 100%;}
#slider4 .slick-next {right: -86px;background: url(../images/23-2.png) no-repeat center center/100% 100%;}

@media (max-width: 1280px) {
	.k7{padding: 120px 3%;}
	.sw4{padding: 0 10px;}
	.k7>div{padding-left: 46px;padding-right: 46px;}
	#slider4 .slick-prev {left: -46px;}
	#slider4 .slick-next {right: -46px;;}

}

.k8{padding: 120px 0;}
.k8-1{margin-top: 70px;}
.ul04{font-size: 0;}
.ul04>li{display: inline-block;vertical-align: top;width: 33.33333%;}
.ul04>li>a{
	display:-webkit-box;
	display:-moz-box;
	display:-moz-flex;
	display:-ms-flexbox;
	display:-webkit-flex;
	display:flex,
	-webkit-flex-wrap:wrap;
	-webkit-box-lines:multiple;
	-moz-flex-wrap:wrap;
	-ms-flex-wrap:wrap;
	-o-flex-wrap:wrap;
	flex-wrap:wrap
}
.ul04>li:nth-child(2)>a{
	-webkit-box-wrap: reverse;
    -webkit-flex-wrap: wrap-reverse;
    -ms-flex-wrap: wrap-reverse;
    flex-wrap: wrap-reverse;
}

.ul04>li>a>div{height: 240px;}
.ul04>li>a>div>img{width: 100%;height: 240px;object-fit: cover;}

.dt3{padding: 35px 30px;background: #F6F6F6;position: relative;}
.dt3>p:nth-child(1){font-size: 28px;color: #333;line-height: 1;overflow:hidden;-o-text-overflow: ellipsis;text-overflow:ellipsis;white-space:nowrap}
.dt3>p:nth-child(2){font-size: 16px;color: #333;line-height: 30px;margin-top: 25px;overflow:hidden;text-overflow:ellipsis;word-break:break-all;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:5;}
.ul04>li>a:hover .dt3{background: #239767;}
.ul04>li>a:hover .dt3>p{color: #fff!important;}
.ul04>li:nth-child(odd) .dt3:before{z-index: 10;left: 50%;transform: translateX(-50%);top: -10px;
	width: 0;
	height: 0;
	border-left: 10px solid transparent;
	border-right:  10px solid transparent;
	border-bottom: 10px solid #F6F6F6;
}
.ul04>li:nth-child(odd):hover .dt3:before{border-bottom: 10px solid #239767;}
.ul04>li:nth-child(even) .dt3:before{z-index: 10;left: 50%;transform: translateX(-50%);top: 100%;
	width: 0;
	height: 0;
	border-left: 10px solid transparent;
	border-right:  10px solid transparent;
	border-top: 10px solid #F6F6F6;
}
.ul04>li:nth-child(even):hover .dt3:before{border-top: 10px solid #239767;}
.k9{padding: 100px 0 120px;}
.flex-1{-webkit-box-flex:1;-moz-box-flex: 1;-webkit-flex: 1;-ms-flex: 1;flex: 1;}
.ul05>li{padding: 120px 0;}
.ul05>li:nth-child(odd){background: #FFF;}
.ul05>li:nth-child(even){background: #F6F6F6;}
.ul05>li>div>a{display: block;display:-moz-box;display:-ms-box;display:-ms-flexbox;display:-webkit-box;display:-webkit-flex;display:box;display:flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;-moz-align-items:center;-ms-align-items:center;-o-align-items:center;align-items:center}
.ul05>li:nth-child(even)>div>a{-webkit-box-orient:horizontal;-webkit-flex-direction: row-reverse;-moz-flex-direction: row-reverse;-ms-flex-direction: row-reverse;-o-flex-direction: row-reverse;flex-direction: row-reverse;}
.ul05>li>div>a>p{overflow: hidden;width: 460px;}
.ul05>li>div>a>p>img{width: 100%;transition: .5s;}
.ul05>li:nth-child(odd)>div>a>div{padding: 0 0 0 85px;}
.ul05>li:nth-child(even)>div>a>div{padding: 0 85px 0 0;}
.ul05>li .dt4{position: relative;height: 2px;border-top: 2px solid #eee;margin-top: 40px;}
.ul05>li:nth-child(odd) .dt4{width: 602px;}
.ul05>li:nth-child(odd) .dt4:before{width: 160px;height: 4px;background: #239767;left: -160px;top: -2px;}
.ul05>li:nth-child(even) .dt4{width: 100%;}
.ul05>li:nth-child(even) .dt4:before{width: 160px;height: 4px;background: #239767;right: -160px;top: -2px;}
.txt5{margin-top: 36px;font-size: 16px;color: #333;line-height: 26px;}
.k10{padding: 100px 0 60px;}
.k11{background: url(../images/26.jpg) no-repeat center center;background-size: cover;padding: 100px 0 116px;}
.k11-1{overflow: hidden;}
.k11-1>div:nth-child(1){float: left;width: 400px;padding-top: 15px;}
.k11-1>div:nth-child(2){float: right;width: 686px;border: 5px solid #fff;}
#dituContent{height: 480px}
.ul06{padding-top: 24px;}
.ul06>li{margin-top: 20px;}
.ul06>li>div>input{width: 100%;height: 60px;line-height: 60px;background: #fff;font-size: 18px;color: #333;padding: 0 25px;}
.ul06>li>div>input::-webkit-input-placeholder {color:#666;}
.ul06>li>div>input::-moz-placeholder {color:#666;}
.ul06>li>div>input:-moz-placeholder {color:#666;}
.ul06>li>div>input:-ms-input-placeholder {color:#666;}


ul.pagination {
    display: inline-block;
    padding: 0;
    margin: 0;
}

ul.pagination li {display: inline;}

ul.pagination li a {
    color: black;
    float: left;
    padding: 8px 16px;
    text-decoration: none;
    transition: background-color .3s;
    border: 1px solid #ddd;
    margin: 0 4px;
}

ul.pagination li a.active {
    background-color: #4CAF50;
    color: white;
    border: 1px solid #4CAF50;
}

ul.pagination li a:hover:not(.active) {background-color: #ddd;}


/* 7.11新增 */
.ww-header{
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 23px 0;
}

.foot-panel{
	display: flex;
	justify-content: space-between;
	padding: 50px 0;
}
.foot-nav {
	clear: both;
}
.foot-nav dl{
	float: left;
}
.foot-tel-item{
	display: flex;
	align-items: center;
	margin-bottom: 14px;
	color: #989898;
	font-size: 20px
}
.foot-logo{
	
}
.foot-logo img{
	width: 126px;
	height: 70px;
	display: block;
}
.foot-nav dl{
	margin-right: 85px;
}
.foot-nav dt a{
	font-size: 20px;
	color: #ffffff;
	margin-bottom: 30px;
}
.foot-nav  dd a{
	font-size: 16px;
	color: #6d6f70;
	margin-bottom: 20px;
}

.foot-nav  dd a:hover{font-weight: bold;text-decoration:underline;}
.foot-phone img{
	width: 20px;
	height: 20px;
	display: block;
	margin-right: 12px;
}
.foot-ewm .ft1-2{
	margin-left: 34px;
}
.foot-ewm .ft1-2 img{
	width: 50px;
	height: 50px;
	display: block;
	margin: 0 auto;
}
.foot-ewm .ft1-tt{
	color: #6d6f70;
	font-size: 16px;
	margin-top: 16px;
}
.foot-ewm .ft1-2 p img{
	width: 136px;
	height: 136px;
	display: block;
}
.foot-copy{
	text-align: center;
	padding: 22px 0;
	color: #b2b6b8;
	font-size: 18px;
	position: relative;
}
.foot-copy:before{
	content: '';
	width: 100%;
	height: 1px;
	background-image: url(../images/line.png);
	background-position: center;
	background-size: cover;
	position: absolute;
	top: -1px;
	left: 0;
}
