﻿.banner .words .txt1{font-size: 36px;color: #0c172a;font-weight:normal;}
.banner .words .txt1 .em1{color: #dd4f00;}
.banner .words .txt2{font-size: 22px;color: #0c172a;margin: 20px 0px 0px 0px;}
.banner .words{top: auto;transform: translateY(0%);bottom: 4vw;}
.banner .words .a1{margin: 35px 0px 0px 0px;line-height: 40px;height: 43px;background: linear-gradient(to right, #ff7c43, #ff9354);}

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: 14px;color: #333333;line-height: 38px;text-align: center;margin: 5vw 0px 6.2vw 0px;}
.hezuo1{background:#fff;padding:6.25vw 0px 4.7vw 0px;}
.content .name1{font-size:30px;color:#333;text-align:center;}
.hezuo1 ul{width:1200px;margin:50px auto 0px;}
.hezuo1 ul li{float:left;width:565px;height:120px;box-shadow:0px 0px 20px 3px #efefef;border-radius:10px;margin:0px 0px 25px 0px;line-height:120px;position: relative;}
.hezuo1 ul li:nth-child(2n){float:right;}
.hezuo1 ul li img{vertical-align:middle;margin:0px 0px 0px 50px;max-width: 70px;max-height: 70px;}
.hezuo1 ul li .words{width: 380px;position: absolute;right: 40px;top: 50%;transform: translateY(-50%);}
.hezuo1 ul li .title{font-size:22px;color:#333333;line-height:30px;}
.hezuo1 ul li .sum{font-size:14px;color:#333333;line-height:24px;margin:7px 0px 0px 0px;letter-spacing: 1.5px;}

.hezuo2{padding:4.7vw 0px;}
.tabNav{border-bottom:2px solid #eaebef;margin: 3.1vw 0px 0px 0px;}
.tablist{width:1200px;margin:0 auto;}
.tablist dd{float:left;padding:0px 0px 30px 0px;border-bottom:2px solid transparent;font-size:18px;color:#333;width:130px;text-align:center;margin: 0px 48px 0px 0px;transition:0.5s all ease;position:relative;top:2px;cursor: pointer;}
.tablist dd:hover{border-bottom:2px solid #fd6e21;color:#fd6e21;}
.tablist dd.active{border-bottom:2px solid #fd6e21;color:#fd6e21;}
.tablist dd .Img{width:65px;height:70px;margin:0 auto 15px;transition:0.5s all ease;}
.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:1200px;margin:40px auto 0px;display:none;}
.hezuo2 ul li{float:left;width:300px;height:400px;margin:0px 35px 35px 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:18px;text-align:center;line-height:400px;}
.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);}

.hezuo3{padding:4.7vw 0px;background: #fff;}
.hezuo3 .cooperation1{width:1200px;margin: 55px auto 0px;}
.hezuo3 .cooperation1 .tit{font-size:24px;color:#333333;margin:0px 0px 30px 0px;}
.hezuo3 .cooperation1 .tit:before{width:11px;height:11px;background:#ff6e0a;border-radius:50%;content:'';display:inline-block;margin:0px 15px 0px 0px;position:relative;top:-3px;}
.hezuo3 .cooperation1Info1{border-top:3px solid #ff8125;border-bottom:3px solid #ffbc8b;}

.hezuo4{padding:4.4vw 0px 8.6vw 0px;}
.hezuo4 #certify{margin:60px 0px 0px 0px;}
.hezuo4 .swiper-slide{box-shadow:0px 0px 10px 3px #eee;}
.hezuo4 .swiper-slide .Img{width:45%;height:100%;float: left;}
.hezuo4 .swiper-slide .words{width: 49%;left: 49%;position: absolute;top: 50%;transform: translateY(-50%);}

.hezuo4 .icon{width:1200px;position: absolute;top: 4.2vw;left: 50%;margin-left: -600px;}


.hezuo5{padding: 6vw 0px;background:#fff;}
.hezuo5Box {margin:3.125vw 0px 0px 0px;}
.hezuo5BoxL{width:46%;float:left;height:32.5vw;box-shadow: 0px 0px 20px 0px #eee;}
.hezuo5BoxR{width: 54%;height: 32.5vw;background: url(../images/map.png) #fff center center no-repeat;float:right;background-size:contain;box-shadow: 0px 0px 20px 0px #eee;}
.hezuo5BoxR ul{margin:0px 0px 0px 5.2%;}
.hezuo5BoxR li{font-size:16px;color:#666;line-height:20px;margin:4.2vw 0px 0px 0px;}

.hezuo6{padding: 4.15vw 0px 2.7vw 0px;background:url(../images/hezuo-bg.jpg) center center no-repeat;background-size: cover;}
.hezuo6 .name1{color:#fff;}
.hezuo6 .hottel{color:#fff;font-size:18px;text-align:center;margin: 25px 0px 50px 0px;letter-spacing:3px;}
.hezuo6 ul{width:1200px;margin:0 auto;position:relative;height: 85px;}
.hezuo6 ul li{width:20%;float:left;color:#fff;font-size:18px;text-align:center;position:relative;transition:0.5s all ease;letter-spacing: 3px;}
.hezuo6 ul li .icon{content:'';width:35px;height:35px;background:url(../images/hezuo-circle.png) center center no-repeat;display:block;z-index: 999;position: relative;margin:0 auto 20px;top:3px;transition:0.5s all ease;border-radius: 50%;overflow: hidden;}
.hezuo6 ul li:before{content:'';width: 98px;height:0px;border-bottom:1px dashed #fff;display:block;position:absolute;top:20px;left: 2px;}
.hezuo6 ul li:after{content:'';width: 102px;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:18px;text-align:center;margin: 3vw 0px 1.8vw 0px;letter-spacing: 5px;}
.hezuo6 .free{font-size: 16px;width: 155px;height: 42px;line-height: 42px;background: #ffffff;color: #f36718;display:block;text-align:center;margin:0 auto;letter-spacing: 4px;}



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
















