﻿.banner{width:100%;position:relative;overflow: hidden;}
.banner img{width:100%;}
.banner .words .txt1{font-size: 20px;color: #0c172a;font-weight:normal;letter-spacing: 0px;}
.banner .words .txt1 .em1{color: #dd4f00;}
.banner .words .txt2{font-size: 16px;color: #0c172a;margin: 15px 0px 0px 0px;letter-spacing: 0;}
.banner .words{top: auto;transform: translateY(0%);bottom: 13vw;width: 95%;left: 2.5%;margin-left: 0px;position: absolute;color: #fff;text-align: center;}
.banner .words .a1{margin: 20px auto 0px;line-height: 28px;height: 30px;background: linear-gradient(to right, #ff7c43, #ff9354);width: 110px;font-size: 14px;display: block;color: #fff;}

body{background: #f8f9fd;}
.hezuoTwo{width: 1200px;margin:0 auto;border:0; box-shadow: 0px 5px 15px 2px #eee; }
.hezuoTwo a{border:0;}
.hezuoTwo a:hover{background:#fff;color:#ff6e0a;}
.hezuoTwo a.active{background:#fff;color:#ff6e0a;}
.hezuoTwoBox.fixed{top:0px;position: fixed;width: 100%;box-shadow: 0px 5px 15px 2px #eee;background: #fff;z-index: 9999;}
.hezuoTwoBox.fixed .hezuoTwo{box-shadow:0px 0px 0px 0px #fff;}



.hezuo{font-size: 10px;color: #333333;line-height: 26px;margin: 25px auto 30px;width: 94%;}
.hezuo img{max-width: 25%;max-height: 120px;margin: 0px 10px 0px 0px;}
.hezuo>div{font-size:16px;color:#ff6e0a;line-height: 80px;}
.hezuo1{background:#fff;padding: 35px 0px 20px 0px;}
.content .name1{font-size: 18px;color:#333;text-align:center;}
.hezuo1 ul{width: 100%;margin: 20px auto 0px;}
.hezuo1 ul li{width: 100%;margin: 0px 0px 0px 0px;position: relative;}
.hezuo1 ul li .Img{/* width: 50px; *//* position: absolute; *//* top: 50%; *//* transform: translateY(-50%); *//* height: 40px; *//* text-align:center; */}
.hezuo1 ul li img{vertical-align:middle;max-width: 100%;/* height: 34px; */}
.hezuo1 ul li .words{width: calc(100% - 60px);float: right;display: none;}
.hezuo1 ul li .title{font-size: 16px;color:#333333;line-height:30px;}
.hezuo1 ul li .sum{font-size:14px;color:#333333;line-height: 20px;letter-spacing: 1.5px;}

.hezuo2{padding: 30px 0px;}
.tabNav{border-bottom:2px solid #eaebef;margin: 20px 0px 0px 0px;}
.tablist{width: 98%;margin:0 auto;display: flex;}
.tablist dd{padding: 0px 0px 10px 0px;border-bottom:2px solid transparent;font-size: 10px;color:#333;text-align:center;transition:0.5s all ease;position:relative;top:2px;cursor: pointer;flex: 1;}
.tablist dd .name2{height:18px;overflow:hidden;}
.tablist dd:hover{border-bottom:2px solid #fd6e21;color:#fd6e21;}
.tablist dd.active{border-bottom:2px solid #fd6e21;color:#fd6e21;}
.tablist dd .Img{width: 35px;height: 40px;margin: 0 auto 10px;transition:0.5s all ease;background-size: cover!important;}
.tablist dd:last-child{margin-right:0px;}
.tablist dd:hover .Img{background-position:bottom!important;}
.tablist dd.active .Img{background-position:bottom!important;}

.hezuo2 ul{width: 94%;margin: 20px auto 0px;display:none;}
.hezuo2 ul li{float:left;width: 31%;height: 35vw;margin: 0px 3% 15px 0px;position:relative;overflow:hidden;}
.hezuo2 ul li .words{position:absolute;top:0px;left:0px;background:rgba(0,0,0,0.5);width:100%;height:100%;color:#fefefe;font-size: 10px;text-align:center;line-height: 35vw;}
.hezuo2 ul li .words .title{position:absolute;width: 94%;line-height: 18px;top:50%;transform:translateY(-50%);left: 3%;}
.hezuo2 ul.active{display:block;}
.hezuo2 ul li img{width:100%;height:100%;transition:0.5s all ease;}
.hezuo2 ul li:hover img{transform:scale(1.2);}
.hezuo2 ul li:nth-child(3n){margin-right:0px;}


.hezuo3{padding: 30px 0px;background: #fff;}
.hezuo3 .cooperation1{width: 94%;margin: 25px auto 0px;}
.hezuo3 .cooperation1 .tit{font-size: 16px;color:#333333;margin: 0px 0px 15px 0px;}
.hezuo3 .cooperation1 .tit:before{width: 8px;height: 8px;background:#ff6e0a;border-radius:50%;content:'';display:inline-block;margin: 0px 7px 0px 0px;position:relative;top: -2px;}
.hezuo3 .cooperation1Info1{border-top:3px solid #ff8125;border-bottom:3px solid #ffbc8b;}
.hezuo3 img{max-width:100%;}
.hezuo4{padding: 30px 0px 40px 0px;}
.hezuo4 #certify{margin: 30px auto 0px;width: 94%;}
.hezuo4 .swiper-slide{padding: 10px 0px;background: #fff;}
.hezuo4 .swiper-slide .Img{height: 30px;line-height: 29px;text-align: center;}
.hezuo4 .swiper-slide .words .tit{font-size: 14px;text-align:center;margin: 7px 0px 6px 0px;color: #333333;}
.hezuo4 .swiper-slide .Img img{max-height: 80%;max-width:100%;vertical-align:middle;}
.hezuo4 .swiper-slide .words{width:90%;margin:0 auto;}
.hezuo4 .swiper-slide .sum{font-size: 10px;min-height: 64px;color: #666666;}
.hezuo4 #certify .swiper-container{padding: 0px 0px 35px 0px;}
.hezuo4 #certify .swiper-container .swiper-pagination{bottom:0px;}
.hezuo4 #certify .swiper-container .swiper-pagination-bullet{width:30px;height: 2px;border-radius:0px;background:#c9cacd;opacity:1;}
.hezuo4 #certify .swiper-container .swiper-pagination-bullet-active{background:#ff5a00;}

.hezuo5{padding: 30px 0px 0px 0px;background:#fff;}
.hezuo5 ul{width: 92%;padding: 25px 2.5% 15px 5.5%;margin: 20px 0px 0px 0px;background: url(../images/map.png) #fff center center no-repeat;background-size: contain;box-shadow: 0px 0px 10px 3px #eee;}
.hezuo5 li{font-size: 14px;color:#666;line-height:20px;margin: 0px 0px 15px 0px;}
.hezuo5 li .sum{width: calc(100% - 35px);float:right;font-size: 14px;color:#666;line-height:20px;}
.hezuo5 li .number{width:30px;float:left;font-size: 14px;color:#666;line-height:20px;}


.hezuo6{padding: 32px 0px 25px 0px;background:url(../images/hezuo-bg.jpg) center center no-repeat;background-size: cover;}
.hezuo6 .name1{color:#fff;}
.hezuo6 .hottel{color:#fff;font-size: 14px;text-align:center;margin: 10px 0px 25px 0px;letter-spacing: 2px;line-height: 26px;}
.hezuo6 ul{width: 100%;margin:0 auto;position:relative;height: 85px;}
.hezuo6 ul li{width:20%;float:left;color:#fff;font-size: 12px;text-align:center;position:relative;transition:0.5s all ease;letter-spacing: 3px;}
.hezuo6 ul li .icon{content:'';width: 30px;height: 30px;background:url(../images/hezuo-circle.png) center center no-repeat;display:block;z-index: 999;position: relative;margin:0 auto 20px;top: 5px;transition:0.5s all ease;border-radius: 50%;overflow: hidden;background-size: cover;}
.hezuo6 ul li:before{content:'';width: calc(50% - 15px);height:0px;border-bottom:1px dashed #fff;display:block;position:absolute;top:20px;left: 2px;}
.hezuo6 ul li:after{content:'';width: calc(50% - 15px);height:0px;border-bottom:1px dashed #fff;display:block;position:absolute;top:20px;right:0px;}
.hezuo6 ul li:hover .icon{background:url(../images/hezuo-circle1.png) center center no-repeat;-webkit-animation-name:'ripple';/*动画属性名，也就是我们前面keyframes定义的动画名*/
-webkit-animation-duration: 2s;/*动画持续时间*/
-webkit-animation-timing-function: ease; /*动画频率，和transition-timing-function是一样的*/
-webkit-animation-delay: 0s;/*动画延迟时间*/
-webkit-animation-iteration-count: infinite;/*定义循环资料，infinite为无限次*/
-webkit-animation-direction: alternate;/*定义动画方式*/}


@keyframes ripple {
0% {
opacity:1;
transform:scale(1);
}

50% {
opacity:0.5;
transform:scale(0.9);
}


100% {
opacity:1;
transform:scale(1);
}

}

.hezuo6 ul li:hover{text-shadow: 0px 2px 10px #fff;}
.hezuo6 .p2{color:#fff;font-size: 12px;text-align:center;margin: 10px 0px 15px 0px;letter-spacing: 3px;}
.hezuo6 .free{font-size: 12px;width: 110px;height: 30px;line-height: 30px;background: #ffffff;color: #f36718;display:block;text-align:center;margin:0 auto;letter-spacing: 4px;}



@media(max-width:1500px){
    .hezuo4 .icon{top:5vw;}
}
















