/*common start*/
body,div,ul,li,a,img,p,dl,dt,dd,h1,h2,h3,h4,span,strong,input{ margin:0; padding:0;list-style:none;text-decoration:none;border:0; list-style:none;}
body{ font-size:12px;font-family:' '; color:#666;}
a{color:#666;}
a:hover{ color:#f60; text-decoration:underline;}
p{line-height:1.8em; padding:5px 0;}
.clear{ margin:0; padding:0; font-size:0; clear:both; }
.wapper{ max-width:1600px; margin:0 auto;}
.wapper2{ max-width:1300px; margin:0 auto;}
.fl{float: left;}
.fr{float: right;}

img{max-width: 100%;}

.head{padding: 10px 0;background: rgb(255 255 255 / 50%);position: fixed;left: 0;top: 0;right: 0;z-index: 99;}
.head .logo img{max-height:60px;}

.index{position: fixed;left: 0;top: 0;right: 0;bottom: 0;z-index: 99;background: url(../images/body.jpg) #f5f5f5 top center no-repeat;
    background-size: cover;}
.index .title{text-align: center;margin-top: 200px;margin-bottom: 40px;}
.index .moreimg{position: fixed;right: 90px;bottom: 50px;z-index: 99;transition: all 1s;}
.index .moreimg:hover {right: 40px; transition: all 1s;}
.index  .list ul li{width: 18%;margin: 1%;float: left;}
.index  .list ul li .img2{display: none;max-height: 150px;margin: 0 auto;}
.index  .list ul li:hover .img2{display: block;}
.index  .list ul li:hover .img1{margin-top: -20px;transition: all 1s;}
.index  .list ul:hover .logoleft{display: none;}
.logoleft {position: fixed;left: 0;bottom: 0;z-index: 99;}
.logoleft img{max-width: 300px;}

.menu ul li{display: inline-block;width: 120px;text-align: center;line-height: 28px;text-align: center;font-size: 14px;}
.menu ul li a{color: #000;font-size: 22px;font-weight: 800;}
.menu ul li.cur{line-height: 26px;border-bottom: 2px solid #42bfdf;}
.menu ul li.cur a{color: #42bfdf;}

.fayu{position: relative;}
.fayu .imgimg{position: absolute;left: 10%;bottom: -20%;}

.fayu2{padding-top: 220px;}

.tit{text-align: center;margin-bottom: 80px;}
.tit h3{color: #42bfdf;font-weight: 600;letter-spacing: 1px; line-height: 3.85vw;font-size: 3vw;}
.tit h4{color: rgba(20,14,10,.51); font-size: 1.67vw;font-weight: 600; letter-spacing: 0;line-height: 1.15vw;margin-top: 30px;}
.tit span{color: rgba(20,14,10,.51);}
.fayu2 {margin-bottom: 240px;}
.fayu2 ul li{width: 31.3%;float: left;margin-right: 3%;}
.fayu2 ul li:nth-child(3){margin-right: 0;}
.fayu2 ul li:hover{margin-top: -20px;transition: all 1s;}

.fayu3{margin-bottom: 240px;}
.fayu3 .tit{text-align: left;}
.fayu3 .left{width: 60%;padding: 160px 0;}
.fayu3 .right{width: 40%;text-align: center;}
.banner .swiper-button-next{background: url(../images/right.png)center no-repeat;}
.banner .swiper-button-prev{background: url(../images/left.png)center no-repeat;}
.banner .swiper-button-next, .banner .swiper-button-prev {position: absolute;top: 50%;width: 70px;height: 70px; margin-top: -35px;z-index: 10; cursor: pointer;
    background-size: 70px 70px;  background-position: center;background-repeat: no-repeat;}

.fayu4{margin-bottom: 200px;}
.fayu4 ul li{width: 31.3%;float: left;margin-right: 3%;position: relative;}
.fayu4 ul li:nth-child(3){margin-right: 0;}
.fayu4 ul li a{position: absolute;left: 0;right: 0;bottom: 0;z-index: 9;}
.fayu4 ul li a img{max-width: 200px;display: block;margin: 0 auto;}

.riyu{margin-bottom: 210px;padding-top: 200px;}
.riyu ul li{width: 24%;margin-right: calc(4% / 3);float: left;}
.riyu ul li:nth-child(4){margin-right: 0;}
.riyu ul li:hover{margin-top: -20px;transition: all 1s;}
.more{text-align: center;margin-top: 106px;}
.more .img2{display: none;}
.more:hover .img2{display: inline-block;}
.more:hover .img{display: none;}


.riyu2 img{margin: 0 auto;display: inline-block;}
.riyu2{margin-bottom: 130px;}
.riyu2 .tit{text-align: left;}

.riyu3{margin-bottom: 130px;}
.more2{text-align: center;margin-top: 30px;}
.more2 .img2{display: none;}
.more2:hover .img2{display: inline-block;}
.more2:hover .img{display: none;}

.riyu4 {margin-bottom: 130px;}

.riyu4 .left{width: 30%;}
.riyu4 .left .tit{text-align: left;}
.riyu4 .right{width: 68%;}
.riyu4 ul li{width: 24%;margin-right: calc(4% / 3);float: left;}
.riyu4 ul li:nth-child(4){margin-right: 0;}
.riyu4 ul li.cur{width: 36%;}
.riyu4 ul li.cur2{width: 20%;}
.riyu4 ul li .img2{display: none;}
.riyu4 ul li.cur .img2{display: block;}
.riyu4 ul li.cur .img{display: none;}
.riyu4 ul li.cur2 .img2{display: none;}
.riyu4 ul li.cur2 .img{display: block;}

.riyu5{margin-bottom: 240px;    background-color: #000;}
.riyu5 .left{width: 100%;}
.riyu5 .left ul li .img{max-width: 50%;}
.riyu5 .left ul li .img2{display: none;}
.riyu5 .left ul li:hover .img{display: none;}
.riyu5 .left ul li:hover .img2{display: block;}
.riyu5 .right{width: 30%;}
.riyu5 .tit h4{color:#fff;}

.riyu6{margin-bottom: 220px;}

.riyu7{margin-bottom: 220px;}
.riyu7 .swiper-slide:hover .img2{display: block;}
.riyu7 .swiper-slide:hover .img{display: none;}
.riyu7 .img2{display: none;}

.riyu8{margin-bottom: 220px;}
.riyu8 .title{width: 33%;}
.riyu8 .title li {padding: 6% 10%;margin-bottom: 20px;border-radius: 20px;}
.riyu8 .title li h3{font-size: 1.25vw;font-weight: 600;color: rgb(20, 14, 10);margin-bottom: 10px;}
.riyu8 .title li h4{font-size: 1.04vw;font-weight: 600;color: rgba(20, 14, 10, 0.51);}
.riyu8 .title li.cur{background: #42bfdf;}
.riyu8 .title li.cur h3{color: #fff;}
.riyu8 .title li.cur h4{color: #fff;}
.riyu8 .tabs_vallist{width: 63%;}
.tab_val{display: none;}


.riyu9 .img{text-align: center;}
.riyu9{margin-bottom: 220px;}


.riyu10 .left{width: 28%;padding-top: 220px;}
.riyu10 .right{width: 70%;}
.riyu10 .left h3{color: #42bfdf;font-size: 2.92vw;font-weight: bolder;margin-bottom: 64px;}
.riyu10 .left ul{margin-bottom: 40px;}
.riyu10 .left ul li{color: rgba(20,14,10,.51);font-size: 1.15vw;font-weight: 700;text-align: justify;}


.riyu11 .more{margin-bottom: 120px;}
.riyu11{margin-bottom: 120px;background-color: #000;padding: 50px 0;}

.riyu11 .tit h4{color:#fff;}

.riyu12{margin-bottom: 220px;background: #f6f6f6;padding:60px 0;}
.riyu12 .imgimg{margin-top: 100px;}

.riyu13{margin-bottom: 220px;}
.riyu14{margin-bottom: 220px;}
.riyu15{margin-bottom: 220px;}


.hanyu{margin-top: 200px;margin-bottom: 200px;}
.hanyu ul li{width: 24%;margin: 0 0.5%;float: left;}
.hanyu ul li:hover img{margin-top: -20px;transition: all 1s;}


.hanyu2 .tit{text-align: left;}
.hanyu2{margin-bottom: 120px;}
.hanyu3{margin-bottom: 220px;}
.hanyu4{margin-bottom: 220px;}
.hanyu5{margin-bottom: 220px;}
.hanyu6{margin-bottom: 220px;}

.about{padding: 160px 0;}
.about .left{width: 58%;}
.about .left .tit{text-align: left;}
.about .right{width: 38%;}
.about .left .nr{color: rgba(20,14,10,.51);font-size: 1.24vw; font-weight: 500; line-height: 1.56vw; margin-top: 1.67vw;}

.about3{padding: 200px 0;}
.about3 ul li{margin-bottom: 80px;}
.about3 ul li .lileft{width: 35%;}
.about3 ul li .liright{width: 63%;}
.about3 ul li .liright h3{color: #140e0a; font-size: 30px; font-weight: 600;line-height: 39px;border-bottom: 2px solid #FF6D23;}
.about3 ul li .liright h3 span{color: #140e0a; font-size: 16px;font-weight: 600; line-height: 18px; opacity: .5;}
.about3 ul li .liright .nr{color: rgba(20,14,10,.7); font-size: 16px; font-weight: 500; line-height: 23px;}
.about3 ul li .liright .nr:hover{color: #42bfdf;}

.about4{padding: 330px 0;}
.about5{padding: 220px 0;}
.banner5 .swiper-button-next{background: url(../images/right.png)center no-repeat;}
.banner5 .swiper-button-prev{background: url(../images/left.png)center no-repeat;}
.banner5 .swiper-button-next, .banner5 .swiper-button-prev {position: absolute;top: 50%;width: 70px;height: 70px; margin-top: -35px;z-index: 10; cursor: pointer;
    background-size: 70px 70px;  background-position: center;background-repeat: no-repeat;}


.about6{text-align: center;margin-bottom: 220px;}

.about7{margin-bottom: 220px;}
.about7 ul li{width: 19%;margin: 0.5%;float: left;}
.about7 ul li:hover{margin-top: -20px;transition: all 1s;}


.about8{margin-bottom: 220px;}
.about8 ul li{width: 24%;margin: 0.5%;float: left;}
.about8 ul li .img2{display: none;}
.about8 ul li:hover .img{display: none}
.about8 ul li:hover .img2{display: block;}

.about9{margin-bottom: 0px;}
.about9 ul li{width: 14.6%;margin: 1%;float: left;}


.inside{padding: 160px 0;}