*{margin:0;padding:0}
body{color:#333; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; font-size:1rem; font-family:Arial; background:#fff;}
a{text-decoration:none; color: inherit; white-space:normal !important;}
img{border:0}
li{list-style:none; white-space:normal !important;}
dl{white-space:normal !important;}
dt{white-space:normal !important;}
dd{white-space:normal !important;}
p{white-space:normal !important;}
span{white-space:normal !important;}
strong{white-space:normal !important;}
.width{margin:0 auto;}
.fl{float:left;}
.fr{ float:right;}

@media(min-width:1200px)and (max-width:300000px){
.width{width:94%; margin:auto;}
.w70{ width:70%; margin:auto;}
.w75{ width:75%; margin:auto;}
.w80{ width:80%; margin:auto;}
.w85{ width:85%; margin:auto;}
.w90{ width:90%; margin:auto;}
.w92{ width:92%; margin:auto;}
.w94{ width:94%; margin:auto;}
.w96{ width:96%; margin:auto;}
.w98{ width:98%; margin:auto;}

.translateSelectLanguage{position:fixed; z-index:9999999; top:44px; right:4%; padding:6px 4px;}
select{outline:none !important; background:#000; color:#FFF;}

.topbj{background:rgba(255,255,255,1); top:0px; z-index:999; left:0; right:0; transition: all 0.5s; position:fixed;}
.topbj .head{background:#fec209;}
.topbj .head .item{display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; height:35px; font-size:15px;}
.topbj .head .item .fl{}
.topbj .head .item .fr{display:flex; flex-wrap:wrap; align-items:center; line-height:16px;}
.topbj .head .item .fr img{ width:16px; filter:drop-shadow(#000 0px 10000000px); transform:translateY(-10000000px);}
.topbj .width{display:flex; flex-wrap:wrap; align-items:center; justify-content:center; height:100px;}
.topbj .width .navBar{z-index:1; margin-left:20px; display:flex; flex-wrap:wrap; justify-content:center;}
.topbj .width .nav{display:flex; flex-wrap:wrap; justify-content:center; width:100%;}
.topbj .width .nav p{width:130px; height:130px; background:#FFF; border-radius:100%; border:#22a5de 5px solid; margin-top:10px; margin-left:50px; margin-right:50px;}
.topbj .width .nav p a{width:130px; height:130px; display:flex; flex-wrap:wrap; align-items: center; justify-content:center;}
.topbj .width .nav p a img{ width:100px; height:100px;}
.topbj .width .nav .m{float:left; text-align:center; position:relative;}
.topbj .width .nav h3{font-size:100%; font-weight:normal; font-size:16px; margin:0px 10px; text-transform:uppercase; color:#333; margin-top:32px;}
.topbj .width .nav h3 a{ display:block; padding:5px 20px;}
.topbj .width .nav h3:hover{display:block; background:#22a5de; color:#fff; border-radius:30px;}
.topbj .width .nav .sub{display:none; position:absolute; left:0px; top:100px; width:160px;}
.topbj .width .nav .sub .bod{ background:#fff; border-radius:0px 0px 20px 20px; border-top:none; color:#333;}
.topbj .width .nav .sub .bod dd{text-align:left; padding-left:30px; padding-bottom:20px; position:relative;}
.topbj .width .nav .sub .bod dd:nth-child(1){padding-top:15px;}
.topbj .width .nav .sub .bod dd:hover{color:#22a5de;}
.active-head{display:block; background:#22a5de; color:#fff; border-radius:30px;}

#wap_logo_main{ display:none;}
#wap_navigation{ display:none;}

#video-container{height:100vh; position:relative; margin-left:-17px;}
#video-player{width: 100%;height: 100vh;object-fit: cover; position: relative;}
#video-cover{position:absolute;top:50%;left:50%;width:123px;height:123px;margin-top:-61px;margin-left:-61px;cursor:pointer;z-index:1;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;}
#video-cover img{width:123px; height:123px;}
#controls{position: absolute;bottom:0px;left: 0;width: 100%;background: rgba(0,0,0,0);padding: 10px 0;display: flex;align-items: center;z-index: 2;}
.control-btn{width: 30px;height: 30px;margin:0;cursor: pointer;background-size: contain;background-position: center;background-repeat: no-repeat;}
#play-btn{background:url(../images/zanting.png) no-repeat center center; background-size:30px; margin-left:40px;}
#progress-bar{flex: 1;height: 5px;cursor: pointer; margin-left:20px;}
#volume-control{width: 80px; height: 5px;cursor: pointer; margin-left:20px; margin-right:23px;}
.hengtiao{position: absolute;bottom:0px;left: 0;width: 100%;background: rgba(0,0,0,0); height:140px;}
		
.index1{overflow:hidden; display:flex; align-items:center; justify-content:space-between; padding-top:60px; padding-bottom:60px; position:relative; margin-top:40px; margin-bottom:40px;}
.index1 .fl{ margin-right:100px;}
.index1 .fl dt{ font-size:30px; margin-top:-40px;}
.index1 .fl dd{ font-size:60px; font-family:"Bodoni Bd BT"; text-transform:uppercase; color:#eee;}
.index1 .fl ul{ margin-top:40px;}
.index1 .fl ul p{ margin-top:25px; line-height:30px; color:#666;}
.index1 .fr{width:620px;}
.index1 .fr dt{display:flex; flex-wrap:wrap; align-items: center; justify-content:center;}
.index1 .fr dt p{width:620px; height:620px; border:#fff3d2 1px solid; border-radius:100%; overflow:hidden; display:flex;flex-wrap:wrap;align-items:center;justify-content:center;background:#fffefa;}
.index1 .fr dt p img{width:500px; height:500px; border-radius:100%; transition:all 5s;}
.index1 .fr dt p img:hover{transition:all 5s; width:620px; height:620px;}

.index2{width:100%; background:url(../images/index2-bj.jpg) no-repeat center center; position:relative;}
.index2 .item{width:100%; background:url(../images/index2-2-bj.png) no-repeat top center;}
.index2 .bod1{display:flex; flex-wrap:wrap; align-items: center; justify-content:space-between; width:100%; background:url(../images/index2-1-bj.png) no-repeat bottom center;}
.index2 .bod1 .fl{ width:27%; position:absolute;}
.index2 .bod1 .fl img{ width:100%;}
.index2 .bod1 .counters{display:flex; flex-wrap:wrap; align-items:‌center; justify-content:space-between; width:70%; margin-left:30%; margin-top:100px; margin-bottom:100px;}
.index2 .bod1 .counters dl{text-align:center; width:23%; display:flex; flex-wrap:wrap; justify-content:center;}
.index2 .bod1 .counters dl .counter{ font-size:48px; font-weight:bold; color:#fff;}
.index2 .bod1 .counters dl span{ font-size:18px; font-weight:normal; margin-left:5px; color:#fff;}
.index2 .bod1 .counters dl .bod{margin-top:10px; color:#fff; font-size:18px; width:100%; background:no-repeat; text-align:center;}

.index3{overflow:hidden; margin-top:80px;}
.index3 .txt{text-align:center;}
.index3 .txt dd{ font-size:60px; font-family:"Bodoni Bd BT"; text-transform:uppercase; color:#eee;}
.index3 .txt dt{ font-size:30px; margin-top:-40px; display:flex; flex-wrap:wrap; align-items:center; justify-content:center;}
.index3 .txt dt p{ width:18px; height:18px; border-radius:100%; background:#fec209; margin:0 20px;}
.index3 .bod{overflow:hidden; display: flex; flex-wrap:wrap; justify-content:center; padding-top:60px;}
.index3 .bod dl{width:23.5%; margin-bottom:35px; margin-right:2%; border-radius:20px; transition: all 0.5s;}
.index3 .bod dl:nth-child(4n){ margin-right:0;}
.index3 .bod dl li{text-align:center; margin-top:-25px; z-index:99; border-left:#eee 1px solid; border-right:#eee 1px solid; width:100%; position:relative;}
.index3 .bod dl li p{font-size:24px; width:50px; height:50px; text-align:center;line-height:54px; background:#fec209; color:#000; border-radius:100%; position: absolute; margin-left:50%; left:-25px;}
.index3 .bod dl:nth-child(2) p,.joinlist .bod dl:nth-child(4) p{background:#22a5de; color:#fff;}
.index3 .bod dl:nth-child(5) p,.joinlist .bod dl:nth-child(7) p{background:#22a5de; color:#fff;}
.index3 .bod dl dd{text-align:center; font-size:24px; color:#333; padding-top:70px; padding-bottom:20px; border-left:#eee 1px solid; border-right:#eee 1px solid; border-bottom:#eee 1px solid; border-radius:0px 0px 20px 20px;}
.index3 .bod dl dt{position:relative; padding-bottom:60%; overflow:hidden;}
.index3 .bod dl dt img{position:absolute; width:100%; height:100%; object-fit: cover; transition: all 0.5s; border-radius:20px 20px 0px 0px;}
.index3 .bod dl:hover{box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.3); transition: all 0.5s;}

.index5{overflow:hidden; margin-top:40px; border-top:#eee 1px solid; padding-top:100px;}
.index5 .txt{text-align:center;}
.index5 .txt dd{ font-size:60px; font-family:"Bodoni Bd BT"; text-transform:uppercase; color:#eee;}
.index5 .txt dt{ font-size:30px; margin-top:-40px; display:flex; flex-wrap:wrap; align-items:center; justify-content:center;}
.index5 .txt dt p{ width:18px; height:18px; border-radius:100%; background:#fec209; margin:0 20px;}
.index5 .bod{display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; margin-top:70px; width:100%;}
.index5 .bod dl{width:23.5%; margin-right:2%; background:#fff; transition: all 0.5s; margin-bottom:60px;}
.index5 .bod dl:nth-child(4n){ margin-right:0;}
.index5 .bod dl dt{ position:relative; padding-bottom:65%;}
.index5 .bod dl dt img{ position:absolute; width:100%; height:100%; object-fit: cover; transition: all 2s;  border-radius:30px;}
.index5 .bod dl:hover dt img{transition: all 2s; transform: scale(1.1);}
.index5 .bod dl:hover dd{color:#F60;}
.index5 .bod dl dd{ color:#333; text-align:center; font-size:20px; font-weight:bold; margin-top:25px;}

.index4{overflow:hidden; padding-bottom:160px; margin-top:90px;}
.index4 .txt{text-align:center;}
.index4 .txt dd{ font-size:60px; font-family:"Bodoni Bd BT"; text-transform:uppercase; color:#eee;}
.index4 .txt dt{ font-size:30px; margin-top:-40px; display:flex; flex-wrap:wrap; align-items:center; justify-content:center;}
.index4 .txt dt p{ width:18px; height:18px; border-radius:100%; background:#fec209; margin:0 20px;}
.index4 .picScroll-left{ width:90%; margin:auto; position:relative; margin-top:50px;}
.index4 .picScroll-left .hd{ overflow:hidden;  height:30px;}
.index4 .picScroll-left .hd .prev{ position:absolute; left:-2%; top:50%; width:2%; text-align:center;}
.index4 .picScroll-left .hd .prev img{width:14px;height:22px;}
.index4 .picScroll-left .hd .next{ position:absolute; right:-2%; top:50%; width:2%; text-align:center;}
.index4 .picScroll-left .hd .next img{width:14px;height:22px;}
.index4 .picScroll-left .hd ul{overflow:hidden; zoom:1; margin-top:80px; zoom:1; position:absolute; left:0; right:0; display: flex; align-items:center; justify-content:center;}
.index4 .picScroll-left .hd ul li{float:left;  width:100px; height:5px; overflow:hidden; cursor:pointer; background:#22a5de; margin:0px 10px; border-radius:5px; font-size:0px;}
.index4 .picScroll-left .hd ul li.on{ background:#fec209;}
.index4 .picScroll-left .bd{overflow:hidden;}
.index4 .picScroll-left .bd ul{overflow:hidden; zoom:1; display:flex; flex-wrap:wrap;}
.index4 .picScroll-left .bd ul li{overflow:hidden; width:20%;}
.index4 .picScroll-left .bd ul li .pic{width:94%; margin-left:3%; padding-bottom:3%; transition: all 0.5s; background:#f7f7f7;}
.index4 .picScroll-left .bd ul li .pic p{ overflow:hidden; transition: all 0.5s; position:relative; padding-bottom:140%; border:#f7f7f7 10px solid;}
.index4 .picScroll-left .bd ul li .pic p img{position:absolute; width:100%; transition: all 2s; top: 50%;left: 50%;transform: translate(-50%, -50%);}
.index4 .picScroll-left .bd ul li .title{text-align:center; width:94%; margin-left:3%; padding-bottom:3%; background:#f7f7f7; padding-bottom:15px;}
.index4 .picScroll-left .bd ul li:hover .title{color:#22a5de; transition: all 0.5s;}

.index4-wap{ display:none;}

.index6{ overflow:hidden; margin-bottom:90px;}
.index6 .txt{text-align:center;}
.index6 .txt dd{ font-size:60px; font-family:"Bodoni Bd BT"; text-transform:uppercase; color:#eee;}
.index6 .txt dt{ font-size:30px; margin-top:-40px; display:flex; flex-wrap:wrap; align-items:center; justify-content:center;}
.index6 .txt dt p{ width:18px; height:18px; border-radius:100%; background:#fec209; margin:0 20px;}
.index6 .bod{width:100%; display:flex; flex-wrap:wrap; justify-content:space-between;}
.index6 .bod dl{ width:18.4%; margin-right:2%; border-radius:10px;}
.index6 .bod dl dt{ height:95px; margin:10px; margin-left:35px; line-height:95px; font-size:24px;}
.index6 .bod dl:nth-child(5n){ margin-right:0px;}
.index6 .bod dl:nth-child(1){background:#ebd8f0;}
.index6 .bod dl:nth-child(1) dt{ background:url(../images/f-1.jpg) no-repeat center right;}
.index6 .bod dl:nth-child(2){background:#fad9c5;}
.index6 .bod dl:nth-child(2) dt{ background:url(../images/f-2.jpg) no-repeat center right;}
.index6 .bod dl:nth-child(3){background:#fde2b9;}
.index6 .bod dl:nth-child(3) dt{ background:url(../images/f-3.jpg) no-repeat center right;}
.index6 .bod dl:nth-child(4){background:#fad1c5;}
.index6 .bod dl:nth-child(4) dt{ background:url(../images/f-4.jpg) no-repeat center right;}
.index6 .bod dl:nth-child(5){background:#fdd7b9;}
.index6 .bod dl:nth-child(5) dt{ background:url(../images/f-5.jpg) no-repeat center right;}

.index7{ background:#f5f5f5; margin-top:70px; background:url(../images/index7-bj.jpg) no-repeat center center; width: 100%;}
.index7::before,.index7::::after{backface-visibility: hidden;transform: translateZ(0);}
.index7 .txt{text-align:center; background:url(../images/line-top.png) no-repeat top center; padding-top:100px;}
.index7 .txt dd{ font-size:60px; font-family:"Bodoni Bd BT"; text-transform:uppercase; color:rgba(255,255,255,0.15);}
.index7 .txt dt{ font-size:30px; margin-top:-40px; display:flex; flex-wrap:wrap; align-items:center; justify-content:center; color:#FFF;}
.index7 .txt dt p{ width:18px; height:18px; border-radius:100%; background:#fec209; margin:0 20px;}
.index7 .bod{overflow:hidden; margin-top:50px; display:flex; flex-wrap:wrap; background:url(../images/line-bottom.png) no-repeat center bottom; padding-bottom:140px}
.index7 .bod .bod1{display:flex; flex-wrap:wrap; justify-content:space-between; width:90%; margin:auto;}
.index7 .bod .bod1 .bod1-1{ width:48%; background:#FFF; border-radius:40px; padding-bottom:30px;}
.index7 .bod .bod1 .bod1-1 .tit{display:flex; flex-wrap:wrap; align-items:flex-end; margin-top:40px; margin-left:40px; margin-right:40px;}
.index7 .bod .bod1 .bod1-1 .tit dl{ font-size:24px; font-weight:bold; color:#ffb206; line-height:24px;}
.index7 .bod .bod1 .bod1-1 .tit li{ margin-left:40px; font-size:18px; line-height:24px;}
.index7 .bod .bod1 .bod1-1 .item{ margin-left:40px; margin-right:40px; margin-top:30px;}
.index7 .bod .bod1 .bod1-1 .item .item1{display:flex; flex-wrap:wrap; align-items: center; justify-content:space-between;}
.index7 .bod .bod1 .bod1-1 .item .item1 .fl{ width:45%;}
.index7 .bod .bod1 .bod1-1 .item .item1 .fl dt{ position:relative; padding-bottom:70%;}
.index7 .bod .bod1 .bod1-1 .item .item1 .fl dt img{ position:absolute; width:100%; height:100%; border-radius:20px; object-fit: cover;}
.index7 .bod .bod1 .bod1-1 .item .item1 .fr{ width:50%;}
.index7 .bod .bod1 .bod1-1 .item .item1 .fr dt{ font-size:18px; font-weight:bold;}
.index7 .bod .bod1 .bod1-1 .item .item1 .fr dd{ font-size:16px; margin-top:15px; line-height:24px; color:#666;}
.index7 .bod .bod1 .bod1-1 .item .item1 .fr p{ margin-top:25px;}
.index7 .bod .bod1 .bod1-1 .item .item2{ margin-top:20px;}
.index7 .bod .bod1 .bod1-1 .item .item2 dl{ border-bottom:#CCC 1px dashed; display:flex; flex-wrap:wrap; align-items: center; justify-content:space-between; padding-bottom:15px; padding-top:15px;}
.index7 .bod .bod1 .bod1-1 .item .item2 dl dd{ color:#999;}
.index7 .bod .bod1 .bod1-2{ width:48%; background:#FFF; border-radius:40px;}
.index7 .bod .bod1 .bod1-2 .tit{margin-top:40px; margin-left:40px; margin-right:40px; font-size:24px; font-weight:bold; color:#ffb206; line-height:24px;}
.index7 .bod .bod1 .bod1-2 .tit span{ float:right; font-size:16px; font-weight:normal; color:#666;}
.index7 .bod .bod1 .bod1-2 .item{ margin-left:40px; margin-right:40px; margin-top:30px; display:flex; flex-wrap:wrap; align-items: center; justify-content:space-between;}
.index7 .bod .bod1 .bod1-2 .item .fl{ width:30%;}
.index7 .bod .bod1 .bod1-2 .item .fl dt{ position:relative; padding-bottom:155%;}
.index7 .bod .bod1 .bod1-2 .item .fl dt img{ position:absolute; width:100%; height:100%; object-fit: cover;  border-radius:20px;}
.index7 .bod .bod1 .bod1-2 .item .fr{ width:65%;}
.index7 .bod .bod1 .bod1-2 .item .fr dl{ border-bottom:#CCC 1px dashed; padding-bottom:15px; padding-top:15px;}

.foot{overflow:hidden; background:#f5f5f5; background:url(../images/index7-bj.jpg) center bottom no-repeat; color:#FFF;}
.foot .bod{overflow:hidden; padding-bottom:20px; background:url(../images/footer.png) no-repeat center top; padding-top:60px; background-size:100%; width:100%;}
.foot .bod .item{display: flex; flex-wrap:wrap; align-items: center; justify-content:center;}
.foot .bod .item img{ width:320px;}
.foot .bod .item1{display: flex; flex-wrap:wrap; align-items: center; justify-content:center; margin-top:20px;}
.foot .bod .item1 dl{ margin:0px 30px;}
.foot .bod .item2{display: flex; flex-wrap:wrap; align-items: center; justify-content:center; margin-top:40px;}
.foot .bod .item2 form{display: flex; flex-wrap:wrap; align-items: center; justify-content:center;}
.foot .bod .item2 input{ width:260px; margin:0px 10px; height:45px; border-radius:30px; border:none; padding-left:20px;}
.foot .bod .item2 button{ width:120px; margin-left:10px; height:45px; background:#fec209; border-radius:30px; border:none;}
.foot .bod2{overflow:hidden;width:100%; padding:30px 0px;}
.foot .bod2 .item{display: flex; flex-wrap:wrap; align-items: center; justify-content:center;}
.foot .bod2 .item dt{ margin:0px 40px;}

.nybanner{width:100%;overflow: hidden;}
.nybanner li{overflow: hidden; width:100%;}
.nybanner li .bod{ width:100%; margin:auto; display: flex; flex-wrap:wrap; align-items: center; justify-content:space-between; overflow:hidden; background:rgba(0,0,0,0.2); padding-top:300px;}
.nybanner li .bod .zuobian{width:100%; color:#FFF; text-align:center;}
.nybanner li .bod .zuobian dt{font-size:44px; font-weight:bold;}
.nybanner li .bod .zuobian dd{font-size:16px; width:70%; margin:auto; margin-top:80px;}
.nybanner li .bod .zuobian dd p{ line-height:26px; margin-top:30px;}
.nybanner li .counters1{width:100%;background:url(../images/hengtiao.png) no-repeat center bottom rgba(0,0,0,0.2); padding-bottom:250px;}

.nybanner1{width:100%;overflow: hidden;}
.nybanner1 li{overflow: hidden; width:100%;}
.nybanner1 li .bod{ width:100%; margin:auto; display: flex; flex-wrap:wrap; align-items: center; justify-content:space-between; overflow:hidden; background:rgba(0,0,0,0.6); padding-top:280px;}
.nybanner1 li .bod .zuobian{width:100%; color:#FFF; text-align:center;}
.nybanner1 li .bod .zuobian dt{font-size:44px; font-weight:bold;}
.nybanner1 li .bod .zuobian dd{font-size:16px; width:70%; margin:auto; margin-top:80px;}
.nybanner1 li .bod .zuobian dd p{ line-height:26px; margin-top:30px;}
.nybanner1 li .counters{width:100%;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;overflow:hidden;background:url(../images/hengtiao.png) no-repeat center bottom rgba(0,0,0,0.6); padding-top:120px; padding-bottom:220px;}
.nybanner1 li .counters dl{text-align:center; display:flex; flex-wrap:wrap; align-items:‌flex-start‌; justify-content:center; width:21%; background:#22a5de; border-radius:40px; padding:40px 0px; margin:0px 2%;}
.nybanner1 li .counters dl .counter{ font-size:48px; font-weight:bold; color:#fff; display:flex; flex-wrap:wrap; align-items:‌flex-start‌; justify-content:center;}
.nybanner1 li .counters dl span{ font-size:20px; font-weight:normal; margin-left:5px; color:#fff;}
.nybanner1 li .counters dl .bod1{ width:100%; text-align:center; color:#fff; margin-top:15px;}
.nybanner1 li .counters1{width:100%;background:url(../images/hengtiao.png) no-repeat center bottom rgba(0,0,0,0.6); padding-bottom:220px;}

.about-txt{ width:100%; margin:auto; display: flex; flex-wrap:wrap; align-items:center; justify-content:center; box-shadow: 0px 6px 6px 0px rgba(0, 0, 0, 0.1); padding:50px 0px;}
.about-txt dl{ background:#22a5de; margin:0px 5px; border-radius:30px; color:#fff;}
.about-txt dl a{ display:block; font-size:18px; padding:12px 40px; border-radius:30px;}
.about-txt dl:hover{ background:#fec209; color:#000;}
.active-about-txt{background:#fec209; color:#000;}

.about{overflow:hidden; position:relative; margin-top:80px; margin-bottom:40px; width:100%; padding-bottom:40px;}
.about .bod{width:80%; margin:auto;}
.about .bod .txt{text-align:center;}
.about .bod .txt dd{ font-size:60px; font-family:"Bodoni Bd BT"; text-transform:uppercase; color:#eee;}
.about .bod .txt dt{ font-size:36px; margin-top:-40px; display:flex; flex-wrap:wrap; align-items:center; justify-content:center; font-weight:bold;}
.about .bod .txt dt p{ width:18px; height:18px; border-radius:100%; background:#fec209; margin:0 20px;}
.about .bod .bod{width:100%; display:flex; flex-wrap:wrap; justify-content:space-between;}
.about .bod dt{ font-size:36px;}
.about .bod dt p{font-size:16px;}
.about .bod .pic-img{display: flex; flex-wrap:wrap; align-items:center; justify-content:center;}
.about .bod .pic-img dl{ width:18.4%; margin-right:2%; margin-top:60px;}
.about .bod .pic-img dl:nth-child(5n){ margin-right:0;}
.about .bod .pic-img dl dd{position:relative; padding-bottom:135%;}
.about .bod .pic-img dl dd img{ width:100%; height:100%; position:absolute;}
.about .bod .pic-img dl li{ text-align:center; margin-top:30px; font-size:20px;}
.about .bod .pic-img dl p{ width:160px; height:50px; background:#22a5de; margin:auto; margin-top:20px; text-align:center; line-height:50px; border-radius:30px; font-size:18px; font-weight:bold; color:#FFF;}
.about .bod .case-img{display: flex; flex-wrap:wrap; align-items:center; justify-content:center;}
.about .bod .case-img dl{ width:23.5%; margin-right:2%; margin-top:60px;}
.about .bod .case-img dl:nth-child(4n){ margin-right:0;}
.about .bod .case-img dl dd{position:relative; padding-bottom:60%;}
.about .bod .case-img dl dd img{ width:100%; height:100%; object-fit: cover; position:absolute; border-radius:20px;}
.about .bod .case-img dl li{ text-align:center; margin-top:30px; font-size:20px;}
.about .bod .case-img dl p{ width:160px; height:50px; background:#22a5de; margin:auto; margin-top:20px; text-align:center; line-height:50px; border-radius:30px; font-size:18px; font-weight:bold; color:#FFF;}

.history{ overflow:hidden; background:#fff; padding-top:60px;}
.history .item{background:url(../images/history.png) repeat-y left; display: flex; flex-wrap:wrap; align-items:flex-start; width:1040px; margin:auto; padding-bottom:30px;}
.history .item .fl{width:270px;display: flex; flex-wrap:wrap; align-items:center;}
.history .item .fl li{ width:10px; height:10px; background:#ccc; border-radius:100%; margin-left:3px}
.history .item:hover .fl li{background:#22a5de;}
.history .item .fl dd{ width:120px; height:50px; background:rgba(34,165,222,0.4); margin-left:50px; color:#FFF; border-radius:20px 0px 20px 0px; text-align:center; line-height:50px; font-size:24px;}
.history .item:hover .fl dd{background:rgba(34,165,222,1);}
.history .item .fr{ width:750px; background:#f5f5f5; border-radius:20px 0px 20px 0px;}
.history .item:hover .fr{box-shadow: 0px 6px 6px 0px rgba(0, 0, 0, 0.1);}
.history .item .fr dl{ margin-top:50px; margin-left:30px; margin-right:30px; margin-bottom:30px;}
.history .item .fr dl dt{ font-size:24px; color:#22a5de;}
.history .item .fr dl dt span{ font-size:16px;}
.history .item .fr dl dd{ margin-top:10px; font-size:16px; color:#666; line-height:24px;}
.history .item .fr dl dd p{ font-size:16px; color:#666; line-height:24px;}
.history .item .fr dl dd span{font-size:16px; color:#666; line-height:24px;}
.history .item .fr dl ul{ margin-top:15px;}
.history .item .fr dl ul img{ width:70%; border-radius:30px;}

.joinlist{overflow:hidden; width:90%; margin:auto; padding-top:90px;}
.joinlist .txt{text-align:center;}
.joinlist .txt dd{ font-size:60px; font-family:"Bodoni Bd BT"; text-transform:uppercase; color:#eee;}
.joinlist .txt dt{ font-size:36px; margin-top:-40px; display:flex; flex-wrap:wrap; align-items:center; justify-content:center; font-weight:bold;}
.joinlist .txt dt p{ width:18px; height:18px; border-radius:100%; background:#fec209; margin:0 20px;}
.joinlist .bod{overflow:hidden; display: flex; flex-wrap:wrap; justify-content:center; padding-top:60px;}
.joinlist .bod dl{width:23.5%; margin-bottom:35px; margin-right:2%; border-radius:20px; transition: all 0.5s;}
.joinlist .bod dl:nth-child(4n){ margin-right:0;}
.joinlist .bod dl li{text-align:center; margin-top:-25px; z-index:99; border-left:#eee 1px solid; border-right:#eee 1px solid; width:100%; position:relative;}
.joinlist .bod dl li p{font-size:24px; width:50px; height:50px; text-align:center;line-height:54px; background:#fec209; color:#000; border-radius:100%; position: absolute; margin-left:50%; left:-25px;}
.joinlist .bod dl:nth-child(2) p,.joinlist .bod dl:nth-child(4) p{background:#22a5de; color:#fff;}
.joinlist .bod dl:nth-child(5) p,.joinlist .bod dl:nth-child(7) p{background:#22a5de; color:#fff;}
.joinlist .bod dl dd{text-align:center; font-size:24px; color:#333; padding-top:70px; padding-bottom:20px; border-left:#eee 1px solid; border-right:#eee 1px solid; border-bottom:#eee 1px solid; border-radius:0px 0px 20px 20px;}
.joinlist .bod dl dt{position:relative; padding-bottom:60%; overflow:hidden;}
.joinlist .bod dl dt img{position:absolute; width:100%; height:100%; transition: all 0.5s; border-radius:20px 20px 0px 0px;}
.joinlist .bod dl:hover{box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.3); transition: all 0.5s;}

.join-tiaojian{overflow:hidden; width:90%; margin:auto; padding-top:90px; margin-bottom:90px;}
.join-tiaojian .beijing{background:url(../images/tiaojian.png) no-repeat center left; background-size:33%;}
.join-tiaojian .beijing .txt{margin-left:36%; text-align:left;}
.join-tiaojian .beijing .txt dd{font-size:60px; font-family:"Bodoni Bd BT"; text-transform:uppercase; color:#eee;}
.join-tiaojian .beijing .txt dt{font-size:36px; margin-top:-40px; font-weight:bold;}
.join-tiaojian .beijing .bod{margin-left:36%; display:flex; flex-wrap:wrap; margin-top:40px; margin-right:0;}
.join-tiaojian .beijing .bod dl{background:#22a5de; width:30%; margin-right:5%; border-radius:30px 30px 0px 0px; color:#fff; padding-top:40px; transition: all 0.5s; position:relative;}
.join-tiaojian .beijing .bod dl:nth-child(3n){margin-right:0;}
.join-tiaojian .beijing .bod dl dt{font-size:72px; color:rgba(255,255,255,0.5); text-align:center;}
.join-tiaojian .beijing .bod dl dd{text-align:center; font-size:24px; margin-bottom:40px; line-height:40px; margin-left:30px; margin-right:30px; text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5); margin-top:15px;}
.join-tiaojian .beijing .bod dl li{border-radius:30px; border-radius:0px 0px 30px 30px; transition: all 0.5s;}
.join-tiaojian .beijing .bod dl li img{width:70%; margin-left:15%;}
.join-tiaojian .beijing .bod dl:nth-child(2){background:#fec209;}
.join-tiaojian .beijing .bod dl:nth-child(3){background:#c520d4;}
.join-tiaojian .beijing .bod dl:hover{margin-top:-20px; transition: all 0.5s;}

.mendian{overflow:hidden; width:90%; margin:auto; border-top:#eee 1px solid; background:url(../images/mendian-bj.png) no-repeat center bottom; background-size:100%; display:flex; flex-wrap:wrap; justify-content: space-between; padding-top:90px;}
.mendian .bod{display:flex; flex-wrap:wrap; margin-bottom:20%; width:58%; margin-left:8%;}
.mendian .bod dl{width:31%; margin-right:3.3%; background:#fff; border-radius:20px; padding-top:40px; padding-bottom:0px; background:#f5f5f5; transition: all 0.5s;}
.mendian .bod dl:nth-child(3n){margin-right:0;}
.mendian .bod dl li{position:relative; padding-bottom:72%; width:90%; margin-left:5%;}
.mendian .bod dl li img{position:absolute; width:100%; height:100%;}
.mendian .bod dl dt{font-size:24px; font-weight:bold; margin-left:30px; margin-right:30px; margin-top:30px;}
.mendian .bod dl dd{margin-left:30px; margin-right:30px; margin-top:15px;}
.mendian .bod dl dd p{ margin-bottom:10px;}
.mendian .txt{text-align:left; margin-top:50px; width:22%; margin-right:8%;}
.mendian .txt dd{font-size:36px; font-family:"Bodoni Bd BT"; text-transform:uppercase; color:#acce22;}
.mendian .txt dt{font-size:36px; font-weight:bold; color:#22a5de;}
.mendian .txt li{ font-size:18px; margin-top:30px; font-weight:bold;}
.mendian .txt p{font-size:30px; margin-top:0px; font-weight:bold; color:#F00;}
.mendian .txt ul{ width:160px; height:50px; line-height:50px; background:#22a5de; text-align:center; margin-top:30px; color:#FFF; border-radius:30px;}
.mendian .bod dl:hover{box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.3); margin-top:-20px; transition: all 0.5s;}

.join-liucheng{overflow:hidden; width:90%; margin:auto; padding-top:90px; margin-bottom:90px;}
.join-liucheng .txt{text-align:center;}
.join-liucheng .txt dd{ font-size:60px; font-family:"Bodoni Bd BT"; text-transform:uppercase; color:#eee;}
.join-liucheng .txt dt{ font-size:36px; margin-top:-40px; display:flex; flex-wrap:wrap; align-items:center; justify-content:center; font-weight:bold;}
.join-liucheng .txt dt p{ width:18px; height:18px; border-radius:100%; background:#fec209; margin:0 20px;}
.join-liucheng .bod{ margin-top:50px; display:flex; flex-wrap:wrap; align-items:center; justify-content:center;}
.join-liucheng .bod dl{width:8.4vw; height:8.4vw; border-radius: 50%; background-color: #3498db; margin:1vw; display:flex; flex-wrap:wrap; align-items:center; justify-content:center; transition: all 0.5s;}
.join-liucheng .bod dl ul{ text-align:center; color:#FFF;}
.join-liucheng .bod dl ul p{ font-size:80px; color:rgba(255,255,255,0.2);}
.join-liucheng .bod dl ul li{ font-size:24px; font-weight:bold; margin-bottom:1vw; margin-top:-2.3vw; text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);}
.join-liucheng .bod dl:nth-child(2n){background-color:#acce22;}
.join-liucheng .bod dl:hover{box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.3); transition: all 0.5s; margin-top:-20px;}

.join-case{overflow:hidden; margin-top:40px; border-top:#eee 1px solid; padding-top:100px;}
.join-case .txt{text-align:center;}
.join-case .txt dd{ font-size:60px; font-family:"Bodoni Bd BT"; text-transform:uppercase; color:#eee;}
.join-case .txt dt{ font-size:36px; margin-top:-40px; display:flex; flex-wrap:wrap; align-items:center; justify-content:center; font-weight:bold;}
.join-case .bod{display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; margin-top:70px; width:100%;}
.join-case .bod dl{width:23.5%; margin-right:2%; background:#fff; transition: all 0.5s; margin-bottom:60px;}
.join-case .bod dl:nth-child(4n){ margin-right:0;}
.join-case .bod dl dt{ position:relative; padding-bottom:65%;}
.join-case .bod dl dt img{ position:absolute; width:100%; height:100%; object-fit: cover; transition: all 2s;  border-radius:30px;}
.join-case .bod dl:hover dt img{transition: all 2s; transform: scale(1.1);}
.join-case .bod dl:hover dd{color:#F60;}
.join-case .bod dl dd{ color:#333; text-align:center; font-size:20px; font-weight:bold; margin-top:25px;}

.join-yinglimoshi{overflow:hidden; width: 100%; padding-top:90px; margin-top:30px; border-top:#eee 1px solid; background:#f5f5f5; padding-bottom:100px;}
.join-yinglimoshi .txt{text-align:center;}
.join-yinglimoshi .txt dd{ font-size:60px; font-family:"Bodoni Bd BT"; text-transform:uppercase; color:#e5e5e5; font-weight:bold;}
.join-yinglimoshi .txt dt{ font-size:36px; margin-top:-40px; display:flex; flex-wrap:wrap; align-items:center; justify-content:center; font-weight:bold;}
.join-yinglimoshi .bod{margin-top:50px;}
.join-yinglimoshi .bod .item{display: flex; flex-wrap:wrap; justify-content: space-between; width:90%; margin:auto;}
.join-yinglimoshi .bod .item dl{ width:31%; margin-right:3.5%; background:#f5f5f5; border-radius:30px; transition: all 0.5s; overflow:hidden; padding-top:40px;}
.join-yinglimoshi .bod .item dl:nth-child(3n){ margin-right:0;}
.join-yinglimoshi .bod .item dl dt{ position:relative; padding-bottom:60%; margin-top:30px;}
.join-yinglimoshi .bod .item dl dt img{ position:absolute; width:100%; height:100%; border-radius:0px 0px 30px 30px;}
.join-yinglimoshi .bod .item dl dd{ font-size:30px; text-align:center; font-weight:bold; width:90%; margin:auto;}
.join-yinglimoshi .bod .item dl dd span{ color:#F90;}
.join-yinglimoshi .bod .item dl:hover{box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.3); transition: all 0.5s; margin-top:-20px;}

.join-hyxz{overflow:hidden; width: 100%; padding-top:90px; margin-bottom:90px;}
.join-hyxz .txt{text-align:center;}
.join-hyxz .txt dd{font-size:60px; font-family:"Bodoni Bd BT"; text-transform:uppercase; color:#eee; font-weight:bold;}
.join-hyxz .txt dt{font-size:36px; margin-top:-40px; display:flex; flex-wrap:wrap; align-items:center; justify-content:center; font-weight:bold;}
.join-hyxz .bod{overflow:hidden; width:90%; margin:auto; margin-top:60px; display:flex; flex-wrap:wrap; justify-content:center;  padding-bottom:20px;}
.join-hyxz .bod .item{width:25%;}
.join-hyxz .bod .item dl{background: url(../images/beijing.jpg) center center repeat-x;}
.join-hyxz .bod .item dl dt{ width:15px; height:15px; border:#CCC 5px solid; border-radius:100%; margin:auto; background:#FFF; transition: all 0.5s;}
.join-hyxz .bod .item dd{ width:1px; height:80px; background:#CCC; margin:auto; transition: all 0.5s;}
.join-hyxz .bod .item ul{ width:90%; margin:auto; background:#f5f5f5; box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.3); transition: all 0.5s; border-radius:20px;}
.join-hyxz .bod .item ul li{ text-align:center; font-size:24px; font-weight:900; padding-top:40px;}
.join-hyxz .bod .item ul p{ margin-left:30px; margin-right:30px; margin-top:20px; text-align:center; padding-bottom:40px; font-size:18px; line-height:32px;}
.join-hyxz .bod .item:hover dl dt{border:#3498db 5px solid; transition: all 0.5s;}
.join-hyxz .bod .item:hover dd{background:#3498db; transition: all 0.5s;}
.join-hyxz .bod .item:hover ul{background:#3498db; color:#FFF; transition: all 0.5s;}

.clientlist{overflow:hidden; width:80%; margin:auto; margin-top:60px; padding:0px 20px; margin-bottom:80px;}
.clientlist .txt{text-align:center;}
.clientlist .txt dd{ font-size:60px; font-family:"Bodoni Bd BT"; text-transform:uppercase; color:#eee;}
.clientlist .txt dt{ font-size:30px; margin-top:-40px; display:flex; flex-wrap:wrap; align-items:center; justify-content:center; font-weight:bold;}
.clientlist .txt dt p{ width:18px; height:18px; border-radius:100%; background:#fec209; margin:0 20px;}
.clientlist .bod{display: flex; flex-wrap:wrap; margin-top:30px; padding-top:20px;}
.clientlist .bod dl{width:20%; margin-bottom:40px; padding:40px 0px; transition: all 0.5s;}
.clientlist .bod dl dt{position:relative; width:100px; height:100px; margin:auto;background:#f5f5f5; border:#eee 6px solid; background:#FFF; border-radius:100%; overflow:hidden; transition: all 0.5s;}
.clientlist .bod dl dt img{position:absolute; width:80%; height:80%; transition: all 0.5s; margin-left:10%; margin-top:20%;}
.clientlist .bod dl .tit{font-size:16px; text-align:center;}
.clientlist .bod dl .tit dd{font-size:18px; font-weight:bold; margin-top:20px;}
.clientlist .bod dl .tit ul{display:flex; flex-wrap:wrap; align-items:center; justify-content:center; margin-top:10px;}
.clientlist .bod dl .tit ul p{ font-size:16px; margin:0px 2px; color:#F00}
.clientlist .bod dl .tit li{ margin-top:12px; line-height:20px; font-size:15px; color:#666; margin-left:25px; margin-right:25px;}
.clientlist .bod dl:hover{box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.3); background:#f5f5f5; border-radius:20px; transition: all 0.5s; margin-top:-10px;}
.clientlist .bod dl:hover dt{border:rgba(34,165,222,1) 6px solid; transition: all 0.5s;}

.productlist{overflow:hidden; width:92%; margin:auto; margin-top:60px; margin-bottom:80px;}
.productlist .bod{ overflow:hidden; display: flex; flex-wrap:wrap; justify-content: space-between;}
.productlist .bod dl{width:23.5%; margin-bottom:40px; margin-right:2%;}
.productlist .bod dl:nth-child(4n){ margin-right:0;}
.productlist .bod dl dt{position:relative; padding-bottom:60%; overflow:hidden; background:#f5f5f5; border-radius:10px;}
.productlist .bod dl dt img{position:absolute; width:100%; height:100%; object-fit: cover; transition: all 0.5s;}
.productlist .bod dl dt .info{position:absolute; left:5%; bottom:5%; right:5%; height:50px; background:rgba(34,165,222,0.8); transition: all 0.5s; border-radius:10px; display: flex; flex-wrap:wrap; align-items: center; justify-content:center; color:#FFF; font-size:16px;}
.productlist .bod dl:hover dt .info{height:90%;transition:all 0.5s;display:flex;flex-wrap:wrap;align-items:center;justify-content:center; font-size:24px;}

.artlist{overflow:hidden; width:90%; margin:auto; margin-top:60px; margin-bottom:80px;}
.artlist .bod{display:flex; flex-wrap:wrap;}
.artlist .bod dl{ width:18.4%; margin-right:2%; margin-bottom:40px;}
.artlist .bod dl:nth-child(5n){ margin-right:0;}
.artlist .bod dl dt{border-radius:10px; position:relative; padding-bottom:140%;}
.artlist .bod dl dt img{ position:absolute;width:100%; height:100%; object-fit: cover; transition: all 0.5s;}
.artlist .bod dl dt .info{transition:all 0.5s; position:absolute; left:0; bottom:0; right:0; top:0; font-size:0;}
.artlist .bod dl:hover dt .info{position:absolute; left:0; bottom:0; right:0; top:0; background:rgba(34,165,222,0.8); transition: all 0.5s; display: flex; flex-wrap:wrap; align-items: center; justify-content:center; color:#FFF;font-size:24px; transition:all 0.5s;}

.teamlist{margin-top:60px;}
.doctors-grid {display: flex; flex-wrap:wrap; align-items:center;}
.doctor-card {background: white;border-radius: 8px;overflow: hidden;box-shadow: 0 0px 10px rgba(0,0,0,0.3);cursor: pointer;transition: transform 0.3s; width:15%; display: flex; flex-wrap:wrap; align-items:center; margin-bottom:50px; margin-right:2%; padding-bottom:20px;}
.doctor-card:hover{ background:#22a5de; color:#FFF; margin-top:-50px;}
.doctor-card:nth-child(6n){ margin-right:0;}
.doctor-card:hover {transform: translateY(-10px);}
.doctor-card .img{ width:90%; margin:auto; margin-top:5%; position:relative; padding-bottom:130%;}
.doctor-card .img img {width:100%;height:100%;object-fit: cover; position:absolute;}
.doctor-info {width:90%; margin:auto; margin-top:10px;}
.doctor-info dt {font-size:22px; font-weight:bold;}
.doctor-info dd{font-size:16px; margin-top:5px;}
.doctor-info p {font-size:16px; margin-top:5px;}
.doctor-info li{ width:140px; height:35px; line-height:35px; text-align:center; background:#ac835e; color:#FFF; border-radius:5px; margin-top:10px;}
.teamlist .modal {position: relative;position: fixed;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0,0,0,0.7);display: none;justify-content: center;align-items: center;z-index: 1000;}
.teamlist .modal-content {background:#fff;width:900px;border-radius:10px; padding:20px;overflow-y: auto; position: relative;}
.teamlist .modal-content .close-btn{position: absolute; top:5px;right:15px; font-size:36px;text-align:right; color:#333; text-align:center;}
.teamlist .nav-btn {position: absolute;top: 50%;transform: translateY(-50%);background:#f2eee6;border: none;width: 40px;height: 40px;border-radius: 50%;font-size: 20px;cursor: pointer;display: flex;align-items: center;justify-content: center;}
.teamlist .prev-btn {left:40px;}
.teamlist .next-btn {right:40px;}
.teamlist .doctor-detail {display: flex; flex-wrap:wrap; justify-content:space-between;}
@media (min-width: 768px) {.teamlist .doctor-detail {flex-direction: row;}}
.teamlist .detail-image {min-width:200px;}
.teamlist .detail-image img {width:200px; border-radius:10px;display: block;margin: 0 auto;}
.teamlist .detail-image li{width:140px; height:40px; line-height:40px; text-align:center; background:#ac835e; color:#FFF; border-radius:5px; margin:auto; margin-top:20px;}
.teamlist .detail-info{ width:620px; margin-right:10px;}
.teamlist .detail-info p{ line-height:28px; margin-bottom:15px;}

.fanye{overflow:hidden; display: flex; flex-wrap:wrap; align-items:center; justify-content:center; margin-top:20px; padding-left:10px; padding-top:10px; padding-bottom:10px;}
.fanye .fenye2{display: flex;}
.fanye .fenye2 .page-num{color:#666;padding:5px;font-size:15px;flex:1;overflow:hidden;overflow:hidden;overflow:hidden;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;padding:5px 10px;}
.fanye .fenye2 .page-num-current{color:#fff; overflow:hidden; display: flex; flex-wrap:wrap; align-items:center; justify-content:center; padding:6px 10px; background:#e7380d; border:#e7380d 1px solid;}
.fanye .fenye2 .page-num-current:hover{color:#ff9000;}
.fanye a{border:#ddd 1px solid; font-size:15px; padding:5px 10px; margin:0px 5px; background:#f5f5f5; transition: all 0.5s;}
.fanye a:hover{background:#e7380d; color:#fff; transition: all 0.5s; border:#e7380d 1px solid;}

.news-list{width:1280px; margin:auto; overflow:hidden; display: flex; flex-wrap:wrap; align-items:flex-start; justify-content:space-between; margin-top:60px; margin-bottom:60px;}
.news-list .bod{width:900px;}
.news-list .bod .item1{display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; margin-bottom:40px; margin-top:30px;}
.news-list .bod .item1 .zuo{width:35%;}
.news-list .bod .item1 .zuo dt{position:relative; padding-bottom:70%;}
.news-list .bod .item1 .zuo dt img{position:absolute; width:100%; height:100%; border-radius:10px; object-fit: cover;}
.news-list .bod .item1 .you{width:60%;}
.news-list .bod .item1 .you dt{ font-size:24px; line-height:32px;}
.news-list .bod .item1 .you dd{ font-size:15px; color:#666; line-height:28px; margin-top:10px;}
.news-list .bod .item1 .you p{ margin-top:20px; color:#666;}
.news-list .bod .item1:hover .you dt{color:#e7380d;}
.news-list .txt{ width:340px; background:#3498db; border-radius:20px;}
.news-list .txt .txt3{ padding:30px; overflow:hidden; color:#FFF;}
.news-list .txt .txt3 li{ font-size:24px; overflow:hidden}
.news-list .txt .txt3 p{ margin-top:15px;}
.news-list .txt .txt3 form{ margin-top:30px;}
.news-list .txt .txt3 form input{width:260px; margin-bottom:15px; height:50px; border:none; padding-left:20px; border-radius:10px; outline:none; font-size:16px; color:#999;}
.news-list .txt .txt3 form input::placeholder{ font-size:16px; color:#999;}
.news-list .txt .txt3 form textarea{width:260px;margin-bottom:15px; height:120px;border:none;padding-left:20px;border-radius:10px; padding-top:10px; font-size:16px; color:#999; outline:none;font-family:Arial;}
.news-list .txt .txt3 form button{ width:160px; height:50px; background:#fec209; border:none; border-radius:10px; outline:none; color:#000; font-size:16px;}

.news{ overflow:hidden; padding-top:50px; width:1280px; margin:auto; display: flex; flex-wrap:wrap; justify-content: space-between;}
.news .fl{ width:900px;}
.news .txt{padding-bottom:30; margin-bottom:30px;}
.news .txt dd{display: flex; flex-wrap:wrap; margin-top:10px; color:#666;}
.news .txt dd p{ margin-right:40px;}
.news .bod{overflow:hidden;}
.news .bod img{ width:100%; margin-bottom:40px;}
.news .bod p{ font-size:16px; color:#666; line-height:24px; margin-bottom:15px; text-wrap:wrap !important;}
.news .bod span{text-wrap:wrap !important;}
.news .txt3{width:280px; background:#225b8d; border-radius:20px; padding:30px; overflow:hidden; color:#FFF;}
.news .txt3 li{ font-size:24px; overflow:hidden}
.news .txt3 p{ margin-top:15px;}
.news .txt3 form{ margin-top:30px;}
.news .txt3 form input{width:260px; margin-bottom:15px; height:50px; border:none; padding-left:20px; border-radius:10px; outline:none; font-size:16px; color:#999;}
.news .txt3 form input::placeholder{ font-size:16px; color:#999;}
.news .txt3 form textarea{width:260px; margin-bottom:15px; height:120px; border:none; padding-left:20px; border-radius:10px; padding-top:10px; font-size:16px; color:#999; outline:none; font-family:Arial;}
.news .txt3 form button{ width:160px; height:50px; background:#e7380d; border:none; border-radius:10px; outline:none; color:#FFF; font-size:16px;}

.video{overflow:hidden; width:70%; margin:auto; display:block; margin-top:2rem;}
.video dl{width:23.5%; float:left; margin-right:2%; padding:0px !important; overflow:hidden; margin-top:30px; display:block !important;}
.video dl iframe{width:100%; background:#333;}
.video dl:nth-child(4n){ margin-right:0px !important;}
.video dl p{ text-align:center; margin-top:10px;}
.video dl .hidden {display: none;}

.download{overflow:hidden; width:70%; margin:auto; margin-top:60px;}
.download dl{border-bottom:#ddd 1px dashed; padding-bottom:15px; padding-top:15px; display:flex; flex-wrap:wrap; justify-content:space-between;}
.download dl dd{display:flex; flex-wrap:wrap; align-items:center;}
.download dl dd img{ width:20px; margin-right:10px;}
.download dl dd span{ font-size:16px; margin-right:10px;}
.download dl .fr{display:flex; flex-wrap:wrap;}
.download dl .fr dt{ padding:0px 30px; color:#999; font-size:14px;  text-align:center;}
.download dl .fr li{padding:0px 30px; color:#999; font-size:14px; text-align:center;}
.download dl .fr p{padding:0px 30px;}

.contact{overflow:hidden; width:90%; margin:auto; margin-top:70px; display:flex; flex-wrap:wrap; align-items:center;}
.contact .fl{ width:35%; margin-right:5%; transition: all 0.5s;}
.contact .fl img{ width:100%; border-radius:20px;}
.contact .fl:hover img{transition: all 0.5s; box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.3); }
.contact .fr{ width:60%;}
.contact .fr .txt{ margin-top:-30px;}
.contact .fr .txt dd{ font-size:60px; font-family:"Bodoni Bd BT"; text-transform:uppercase; color:#eee;}
.contact .fr .txt dt{ font-size:30px; margin-top:-40px; font-weight:bold;}
.contact .fr .bod{ margin-top:30px;}
.contact .fr .bod p{ margin-top:15px; font-size:18px;}

.contact1{width:90%; margin:auto; margin-top:50px; display:flex; flex-wrap:wrap; justify-content:space-between; margin-bottom:90px;}
.contact1 dl{width:49%; background:#f5f5f5; border-radius:20px; padding:50px 0px; transition: all 0.5s;}
.contact1 dl dt{ font-size:30px; text-align:center; font-weight:bold;}
.contact1 dl dd{ margin-top:20px; margin-left:30px; margin-right:30px; font-size:18px; text-align:center;}
.contact1 dl:hover{transition: all 0.5s; box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.3); }

h1{font-size:36px;}
h2{font-size:32px;}
h3{font-size:28px;}
h4{font-size:24px;}
h5{font-size:20px;}
h6{font-size:18px;}

.joblist{ width:1200px; margin:auto; margin-top:80px; margin-bottom:70px;}
.joblist .txt{text-align:center;}
.joblist .txt dd{ font-size:60px; font-family:"Bodoni Bd BT"; text-transform:uppercase; color:#eee;}
.joblist .txt dt{ font-size:36px; margin-top:-40px; display:flex; flex-wrap:wrap; align-items:center; justify-content:center; font-weight:bold;}
.joblist .bod{ margin-top:50px;}
.joblist .bod .item{display: flex; flex-wrap:wrap; align-items: center; justify-content:space-between; margin-top:40px; border:#ddd 1px solid; border-radius:10px; background:#f5f5f5; transition: all 0.5s;}
.joblist .bod .item .fl{width:15%; font-size:24px; padding-left:5%;}
.joblist .bod .item .fr{ width:79%; border-left:#ddd 1px solid; margin-top:30px; margin-bottom:30px;}
.joblist .bod .item .fr dl{ margin:0 50px;}
.joblist .bod .item .fr dl dt{ font-size:16px; line-height:26px;} 
.joblist .bod .item .fr dl dd{width:100%; text-align:right; margin-top:20px; color:#ac835e;}
.joblist .bod .item:hover{transition: all 0.5s; box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.3); background:#22a5de; color:#FFF;}
}

@media only screen and (max-width:1200px){
.w90{width:90%; margin:auto;}

.translateSelectLanguage{ position:fixed; z-index:9999999; top:1.8rem; right:20%;}
select{ outline:none !important; width:20% !important;}

.topNav{ display:none;}
.navBar{ display:none;}

.topbj{ display:none;}

#wap_logo_main{position: relative; height:3rem; display: none; position: fixed; top:0; left: 0; right: 0;z-index: 999; width:100%; margin:auto;}
#wap_logo{position:relative; z-index: 99; background-color:#fff; box-shadow: 0 1px 1px 0 rgba(0,0,0,.1); height:3rem;}
#wap_logo .WebLogo{display: flex; justify-content:center; height:3rem; position:absolute; left:0; right:0; top:0; bottom:0;}
#wap_logo .WebLogo .WebLogo{}
#wap_logo .WebLogo .languagebtn{width: 30px; height:26px; margin-right: 15px; line-height:26px; text-align: center; background: #04a07b; color: #FFF; }
#wap_logo .WebLogo .shownavbtn{width: 1.6em; height: 1em; margin:0.8rem 15px 20px 0; border-top: 2px solid #e7380d; border-bottom: 2px solid #e7380d;display: flex; flex-direction: column; align-items: center; justify-content: center; position:absolute; right:0rem;}
#wap_logo .WebLogo .shownavbtn:before{content:""; display: block; width: 100%; height: 2px; background: #e7380d; }
#wap_logo .WebLogo img{height:4rem; display:block; border:#22a5de 0.2rem solid; border-radius:100%; margin-top:0.5rem;}

#wap_navigationshade {position: fixed; left: 0; top: 0; right: 0; bottom: 0; z-index: 2003; background: rgba(0,0,0,.5); display: none; }
#wap_navigationshade:after,#wap_navigationshade:before{ content: ""; display:block; position:absolute; width:20px; height:2px; left:30%; margin-left: -40px;top:40px; background:#FFF; border-radius:3px; }
#wap_navigationshade:after{transform: rotate(45deg); }
#wap_navigationshade:before{transform: rotate(-45deg); }

.wap_navigationlist{position: fixed; right:-70%; top: 0; background: #FFF; overflow-y: scroll; width:70%; height: 100%; z-index: 999999999; }
.wap_navigationlist li{position: relative; } 
.wap_navigationlist li i.showmore{position: absolute; width: 80px; height: 50px; right: 0; top: 0; }
.wap_navigationlist li i.showmore:after,.wap_navigationlist li i.showmore:before{ content:''; display: block; background: #666; margin: auto; border-radius: 2px;position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 10px; height: 2px; }
.wap_navigationlist li i.showmore:before{width: 2px; height: 10px; }
.wap_navigationlist a{ position: relative; line-height: 50px; font-size:14px; color:#444; overflow:hidden; display:block; margin-left: 30px; }
.wap_navigationlist a.current{ color:#04a07b; }
.wap_navigationlist li.depth2 a{ text-indent: 30px; line-height: 35px; color: #555; }

.wap_subnavigationlist{ display: none; }
.wap_subnavigationlist a{ margin-left: 60px; }

.wap_subnavigationlist .thirdwrap .depth3{ padding-left: 20px; height: 50px; display: flex; align-items: center; }
.wap_subnavigationlist .thirdwrap .depth3 a{ line-height: 1.4em; }

.seachwrap{ padding: 20px 1rem; }
.seachwrap form { max-width: 550px; background: #f5f5f5; border-radius: 50px; border: 1px solid #ddd; margin: 0 auto; overflow: hidden; display:flex; }
.seachwrap input{ margin: 0; border: 0; width:100%; line-height: 40px; height: 40px; outline: none; background: #f5f5f5; }
.seachwrap input.Keywords {float: left; padding-left:5%;}
.seachwrap input.btnSearch {float: right; opacity: .5; background: #f5f5f5;}
.seachwrap button{border:none; outline:none; background: #f5f5f5; padding-right:5%;}
.seachwrap button img{ width:1rem; filter:drop-shadow(#e7380d 0px 10000000px); transform:translateY(-10000000px);}

#video-container{position:relative; margin-top:2.7rem;}
#video-player{width: 100%;position: relative;}
#video-cover{position:absolute;top:50%;left:50%;width:2.6rem;height:2.6rem;margin-top:-1rem;margin-left:-1rem;cursor:pointer;z-index:1;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;}
#video-cover img{width:2.6rem; height:2.6rem;}
#controls{position: absolute;bottom:0px;left: 0;width: 100%;background: rgba(0,0,0,0);padding: 10px 0;display: flex;align-items: center;z-index: 2;}
.control-btn{width: 1.5rem;height: 1.5rem;margin:0;cursor: pointer;background-size: contain;background-position: center;background-repeat: no-repeat;}
#play-btn{background:url(../images/zanting.png) no-repeat center center; background-size:1.5rem; margin-left:0.5rem;}
#progress-bar{flex: 1;height:0.2rem;cursor: pointer; margin-left:0.5rem;}
#volume-control{width:4rem; height:0.2rem;cursor: pointer; margin-left:0.5rem; margin-right:0.6rem;}
.hengtiao{ display:none;}

.index1{overflow:hidden; padding-top:2rem; padding-bottom:2rem; position:relative;}
.index1 .fl{ width:100%;}
.index1 .fl dt{ font-size:1.4rem; margin-top:-1.5rem;}
.index1 .fl dd{ font-size:1.8rem; font-family:"Bodoni Bd BT"; text-transform:uppercase; color:#eee;}
.index1 .fl ul{ margin-top:1.5rem;}
.index1 .fl ul p{ margin-top:1rem; line-height:1.6rem; color:#666;}
.index1 .fr{width:100%; margin-top:2rem;}
.index1 .fr dt{display:flex; flex-wrap:wrap; align-items: center; justify-content:center;}
.index1 .fr dt p{border:#fff3d2 1px solid; border-radius:100%; overflow:hidden; display:flex; flex-wrap:wrap; align-items:center; justify-content:center; background:#fffefa;}
.index1 .fr dt p img{ transition:all 5s; width:100%; border-radius:100%;}
.index1 .fr dt p img:hover{transition:all 5s;}

.index2{width:100%; background:url(../images/index2-bj.jpg) no-repeat center center; background-size:cover; margin-top:2rem;}
.index2 .item{width:100%; background:url(../images/index2-2-bj.png) no-repeat top center;}
.index2 .bod1{width:100%; background:url(../images/index2-1-bj.png) no-repeat bottom center;}
.index2 .bod1 .fl{ width:100%;}
.index2 .bod1 .fl img{ width:100%;}
.index2 .bod1 .counters{display:flex; flex-wrap:wrap; align-items:‌center; justify-content:space-between; width:90%; margin-left:5%; padding-top:2rem; padding-bottom:2rem;}
.index2 .bod1 .counters dl{text-align:center; width:100%; display:flex; flex-wrap:wrap; justify-content:center; margin-bottom:2rem;}
.index2 .bod1 .counters dl .counter{ font-size:2.4rem; font-weight:bold; color:#fff;}
.index2 .bod1 .counters dl span{ font-size:1.1rem; font-weight:normal; margin-left:0.3rem; color:#fff;}
.index2 .bod1 .counters dl .bod{margin-top:0.5rem; color:#fff; font-size:1.1rem; width:100%; background:no-repeat; text-align:center;}

.index3{overflow:hidden; margin-top:2rem;}
.index3 .txt{text-align:center;}
.index3 .txt dd{ font-size:1.8rem; font-family:"Bodoni Bd BT"; text-transform:uppercase; color:#eee;}
.index3 .txt dt{ font-size:1.4rem; margin-top:-1.5rem; display:flex; flex-wrap:wrap; align-items:center; justify-content:center;}
.index3 .txt dt p{ width:1rem; height:1rem; border-radius:100%; background:#fec209; margin:0 1rem;}
.index3 .bod{display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; margin-top:2rem; width:100%;}
.index3 .bod dl{width:100%; margin-bottom:1rem; border-radius:20px; transition: all 0.5s;}
.index3 .bod dl li{text-align:center; margin-top:-1.25rem; z-index:99; border-left:#eee 1px solid; border-right:#eee 1px solid; width:100%; position:relative;}
.index3 .bod dl li p{font-size:1.6rem; width:2.5rem; height:2.5rem; text-align:center;line-height:2.6rem; background:#fec209; color:#000; border-radius:100%; position: absolute; margin-left:50%; left:-1.25rem;}
.index3 .bod dl:nth-child(2) p,.joinlist .bod dl:nth-child(4) p{background:#22a5de; color:#fff;}
.index3 .bod dl:nth-child(5) p,.joinlist .bod dl:nth-child(7) p{background:#22a5de; color:#fff;}
.index3 .bod dl dd{text-align:center; font-size:1.2rem; color:#333; padding-top:3.4rem; padding-bottom:1.2rem; border-left:#eee 1px solid; border-right:#eee 1px solid; border-bottom:#eee 1px solid; border-radius:0px 0px 1rem 1rem;}
.index3 .bod dl dt{position:relative; padding-bottom:60%; overflow:hidden;}
.index3 .bod dl dt img{position:absolute; width:100%; height:100%; object-fit: cover; transition: all 0.5s; border-radius:1rem 1rem 0px 0px;}
.index3 .bod dl:hover{box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.3); transition: all 0.5s;}

.index5{overflow:hidden; margin-top:2rem; border-top:#eee 1px solid; padding-top:2rem;}

.index5 .txt{text-align:center;}
.index5 .txt dd{ font-size:1.8rem; font-family:"Bodoni Bd BT"; text-transform:uppercase; color:#eee;}
.index5 .txt dt{ font-size:1.4rem; margin-top:-1.5rem; display:flex; flex-wrap:wrap; align-items:center; justify-content:center;}
.index5 .txt dt p{ width:1rem; height:1rem; border-radius:100%; background:#fec209; margin:0 1rem;}
.index5 .bod{display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; margin-top:2rem; width:100%;}
.index5 .bod dl{width:100%; margin-right:2%; background:#fff; transition: all 0.5s; margin-bottom:2rem;}
.index5 .bod dl:nth-child(4n){ margin-right:0;}
.index5 .bod dl dt{ position:relative; padding-bottom:65%;}
.index5 .bod dl dt img{ position:absolute; width:100%; height:100%; object-fit: cover; transition: all 2s;  border-radius:1rem;}
.index5 .bod dl dd{font-size:1.2rem;margin-top:1rem; text-align:center;}
.index5 .bod dl:hover dt img{transition: all 2s; transform: scale(1.1);}
.index5 .bod dl:hover dd{color:#e7380d;}

.index7{ background:#f5f5f5; margin-top:1rem; background:url(../images/index7-bj.jpg) no-repeat center center; width: 100%; background-size:cover;}
.index7::before,.index7::::after{backface-visibility: hidden;transform: translateZ(0);}
.index7 .txt{text-align:center; background:url(../images/line-top.png) no-repeat top center; padding-top:2rem; background-size:100%;}
.index7 .txt dd{ font-size:1.8rem; font-family:"Bodoni Bd BT"; text-transform:uppercase; color:rgba(255,255,255,0.15);}
.index7 .txt dt{ font-size:1.4rem; margin-top:-1.5rem; display:flex; flex-wrap:wrap; align-items:center; justify-content:center; color:#FFF;}
.index7 .txt dt p{ width:1rem; height:1rem; border-radius:100%; background:#fec209; margin:0 1rem;}
.index7 .bod{overflow:hidden; margin-top:2rem; display:flex; flex-wrap:wrap; background:url(../images/line-bottom.png) no-repeat center bottom; padding-bottom:3rem; background-size:100%;}
.index7 .bod .bod1{display:flex; flex-wrap:wrap; justify-content:space-between; width:90%; margin:auto;}
.index7 .bod .bod1 .bod1-1{ width:100%; background:#FFF; border-radius:1rem; padding-bottom:2rem;}
.index7 .bod .bod1 .bod1-1 .tit{display:flex; flex-wrap:wrap; align-items:flex-end; margin-top:2rem; margin-left:1rem; margin-right:1rem;}
.index7 .bod .bod1 .bod1-1 .tit dl{ font-size:1.4rem; font-weight:bold; color:#ffb206; line-height:1.4rem;}
.index7 .bod .bod1 .bod1-1 .tit li{ margin-left:1.5rem; font-size:1.1rem; line-height:1.4rem;}
.index7 .bod .bod1 .bod1-1 .item{ margin-left:1rem; margin-right:1rem; margin-top:30px;}
.index7 .bod .bod1 .bod1-1 .item .item1{display:flex; flex-wrap:wrap; align-items: center; justify-content:space-between;}
.index7 .bod .bod1 .bod1-1 .item .item1 .fl{ width:100%;}
.index7 .bod .bod1 .bod1-1 .item .item1 .fl dt{ position:relative; padding-bottom:70%;}
.index7 .bod .bod1 .bod1-1 .item .item1 .fl dt img{ position:absolute; width:100%; height:100%; border-radius:1rem; object-fit: cover;}
.index7 .bod .bod1 .bod1-1 .item .item1 .fr{ width:100%; margin-top:1rem;}
.index7 .bod .bod1 .bod1-1 .item .item1 .fr dt{ font-size:1.1rem; font-weight:bold;}
.index7 .bod .bod1 .bod1-1 .item .item1 .fr dd{ font-size:1rem; margin-top:0.5rem; line-height:1.5rem; color:#666;}
.index7 .bod .bod1 .bod1-1 .item .item1 .fr p{ margin-top:1rem;}
.index7 .bod .bod1 .bod1-1 .item .item2{ margin-top:20px; border-top:#CCC 1px dashed;}
.index7 .bod .bod1 .bod1-1 .item .item2 dl{ border-bottom:#CCC 1px dashed; display:flex; flex-wrap:wrap; align-items: center; justify-content:space-between; padding-bottom:1rem; padding-top:1rem;}
.index7 .bod .bod1 .bod1-1 .item .item2 dl dd{ color:#999; margin-top:0.5rem;}
.index7 .bod .bod1 .bod1-2{ width:100%; background:#FFF; border-radius:1rem; margin-top:2rem;}
.index7 .bod .bod1 .bod1-2 .tit{margin-top:2rem; margin-left:1rem; margin-right:1rem; font-size:1.4rem; font-weight:bold; color:#ffb206; line-height:1.4rem;}
.index7 .bod .bod1 .bod1-2 .tit span{ float:right; font-size:1rem; font-weight:normal; color:#666;}
.index7 .bod .bod1 .bod1-2 .item{ margin-left:1rem; margin-right:1rem; margin-top:2rem; display:flex; flex-wrap:wrap; align-items: center; justify-content:space-between;}
.index7 .bod .bod1 .bod1-2 .item .fl{ width:100%;}
.index7 .bod .bod1 .bod1-2 .item .fl dt{ position:relative; padding-bottom:70%;}
.index7 .bod .bod1 .bod1-2 .item .fl dt img{ position:absolute; width:100%; height:100%; object-fit: cover;  border-radius:1rem;}
.index7 .bod .bod1 .bod1-2 .item .fr{ width:100%;}
.index7 .bod .bod1 .bod1-2 .item .fr dl{ border-bottom:#CCC 1px dashed; padding-bottom:1rem; padding-top:1rem;}

.index4{ display:none;}

.index4-wap{overflow:hidden; margin-top:2rem;}
.index4-wap .txt{ text-align:center;}
.index4-wap .txt dd{ font-size:1.8rem; font-family:"Bodoni Bd BT"; text-transform:uppercase; color:#eee;}
.index4-wap .txt dt{ font-size:1.4rem; margin-top:-1.5rem; display:flex; flex-wrap:wrap; align-items:center; justify-content:center;}
.index4-wap .txt dt p{ width:1rem; height:1rem; border-radius:100%; background:#fec209; margin:0 20px;}
.index4-wap .picScroll-left-wap{ width:82%; margin:auto; position:relative; margin-top:2rem; padding-bottom:2rem;}
.index4-wap .picScroll-left-wap .hd{ overflow:hidden; }
.index4-wap .picScroll-left-wap .hd .prev{ position:absolute; left:-10%; top:42%; width:10%; text-align:center;}
.index4-wap .picScroll-left-wap .hd .prev img{width:14px;height:22px;}
.index4-wap .picScroll-left-wap .hd .next{ position:absolute; right:-10%; top:42%; width:10%; text-align:center;}
.index4-wap .picScroll-left-wap .hd .next img{width:14px;height:22px;}
.index4-wap .picScroll-left-wap .hd ul{overflow:hidden; zoom:1; zoom:1; position:absolute; left:0; right:0; bottom:0; display: flex; align-items:center; justify-content:center; display:none;}
.index4-wap .picScroll-left-wap .hd ul li{float:left;  width:17px; height:17px; overflow:hidden; cursor:pointer; background:#ddd; margin:0px 10px; border-radius:100%; font-size:0px;}
.index4-wap .picScroll-left-wap .hd ul li.on{ background:#e7380d;}
.index4-wap .picScroll-left-wap .bd{overflow:hidden;}
.index4-wap .picScroll-left-wap .bd ul{overflow:hidden; zoom:1; display:flex; flex-wrap:wrap;}
.index4-wap .picScroll-left-wap .bd ul li{overflow:hidden; width:100%;}
.index4-wap .picScroll-left-wap .bd ul li .pic{ width:100%; background:#f5f5f5; transition: all 0.5s;}
.index4-wap .picScroll-left-wap .bd ul li .pic p{overflow:hidden;transition:all 0.5s;position:relative;padding-bottom:63%;width:100%;display:flex;justify-content:center;align-items:center; border-top:#f5f5f5 0.7rem solid;}
.index4-wap .picScroll-left-wap .bd ul li .pic p img{height:100%; transition: all 2s; position:absolute; left:50%;transform: translateX(-50%);top: 0;}
.index4-wap .picScroll-left-wap .bd ul li .title{background:#f5f5f5; text-align:center; width:100%; padding-top:1rem; padding-bottom:1.2rem;}
.index4-wap .picScroll-left-wap .bd ul li:hover .title{background:#e7380d; color:#FFF; transition: all 0.5s;}

.index6{ overflow:hidden;}
.index6 .txt{text-align:center;}
.index6 .txt dd{ font-size:1.8rem; font-family:"Bodoni Bd BT"; text-transform:uppercase; color:#eee;}
.index6 .txt dt{ font-size:1.4rem; margin-top:-1.5rem; display:flex; flex-wrap:wrap; align-items:center; justify-content:center;}
.index6 .txt dt p{ width:1rem; height:1rem; border-radius:100%; background:#fec209; margin:0 20px;}
.index6 .bod{width:100%; display:flex; flex-wrap:wrap; justify-content:space-between;}
.index6 .bod dl{width:100%; border-radius:0.5rem; margin-bottom:1rem;}
.index6 .bod dl dt{height:6rem; margin:1rem; margin-left:2rem; line-height:6rem; font-size:1.4rem;}
.index6 .bod dl:nth-child(5n){ margin-right:0px;}
.index6 .bod dl:nth-child(1){background:#ebd8f0;}
.index6 .bod dl:nth-child(1) dt{ background:url(../images/f-1.jpg) no-repeat center right;}
.index6 .bod dl:nth-child(2){background:#fad9c5;}
.index6 .bod dl:nth-child(2) dt{ background:url(../images/f-2.jpg) no-repeat center right;}
.index6 .bod dl:nth-child(3){background:#fde2b9;}
.index6 .bod dl:nth-child(3) dt{ background:url(../images/f-3.jpg) no-repeat center right;}
.index6 .bod dl:nth-child(4){background:#fad1c5;}
.index6 .bod dl:nth-child(4) dt{ background:url(../images/f-4.jpg) no-repeat center right;}
.index6 .bod dl:nth-child(5){background:#fdd7b9;}
.index6 .bod dl:nth-child(5) dt{ background:url(../images/f-5.jpg) no-repeat center right;}

.foot{overflow:hidden; background:#f5f5f5; margin-top:1rem; background:url(../images/index7-bj.jpg) center bottom no-repeat; color:#FFF;}
.foot .bod{overflow:hidden; padding-bottom:1rem; background:url(../images/footer.png) no-repeat center top; padding-top:3rem; width:100%;}
.foot .bod .item{display: flex; flex-wrap:wrap; align-items: center; justify-content:center;}
.foot .bod .item img{ width:86%;}
.foot .bod .item1{display: flex; flex-wrap:wrap; align-items: center; justify-content:center; margin-top:1rem;}
.foot .bod .item1 dl{ width:33.3%; text-align:center; margin-bottom:0.8rem;}
.foot .bod .item2{display: flex; flex-wrap:wrap; align-items: center; justify-content:center; margin-top:1rem;}
.foot .bod .item2 form{display: flex; flex-wrap:wrap; align-items: center; justify-content:center;}
.foot .bod .item2 input{ width:90%; margin:auto; height:2.6rem; border-radius:3rem; border:none; padding-left:1rem; margin-bottom:1rem;}
.foot .bod .item2 button{ width:90%; argin:auto; height:2.6rem; background:#fec209; border-radius:3rem; border:none;}
.foot .bod2{overflow:hidden;width:100%; padding:1rem 0px;}
.foot .bod2 .item{display: flex; flex-wrap:wrap; align-items: center; justify-content:center;}
.foot .bod2 .item dt{ width:90%; margin:auto; margin-bottom:1rem; text-align:center;}

.foot-active{ color:#e7380d;}

.nybanner{width:100%;overflow: hidden;}
.nybanner li{overflow: hidden; width:100%;}
.nybanner li .bod{ width:100%; margin:auto; display: flex; flex-wrap:wrap; align-items: center; justify-content:space-between; overflow:hidden; background:rgba(0,0,0,0.2); padding-top:7rem;}
.nybanner li .bod .zuobian{width:100%; color:#FFF; text-align:center;}
.nybanner li .bod .zuobian dt{font-size:1.8rem; font-weight:bold;}
.nybanner li .bod .zuobian dd{font-size:16px; width:70%; margin:auto; margin-top:80px;}
.nybanner li .bod .zuobian dd p{ line-height:26px; margin-top:30px;}
.nybanner li .counters1{width:100%;background:url(../images/hengtiao.png) no-repeat center bottom rgba(0,0,0,0.2); padding-bottom:8rem;}

.nybanner1{width:100%;overflow: hidden;}
.nybanner1 li{overflow: hidden; width:100%;}
.nybanner1 li .bod{ width:100%; margin:auto; display: flex; flex-wrap:wrap; align-items: center; justify-content:space-between; overflow:hidden; background:rgba(0,0,0,0.6); padding-top:8rem;}
.nybanner1 li .bod .zuobian{width:100%; color:#FFF; text-align:center;}
.nybanner1 li .bod .zuobian dt{font-size:1.8rem; font-weight:bold;}
.nybanner1 li .bod .zuobian dd{font-size:16px; width:90%; margin:auto; margin-top:2rem;}
.nybanner1 li .bod .zuobian dd p{ line-height:1.6rem; margin-top:1rem;}
.nybanner1 li .counters{width:100%; display:flex;flex-wrap:wrap;align-items:center;justify-content:center;overflow:hidden;background:url(../images/hengtiao.png) no-repeat center bottom rgba(0,0,0,0.6); padding-top:2rem; padding-bottom:7rem;}
.nybanner1 li .counters dl{text-align:center; display:flex; flex-wrap:wrap; align-items:‌flex-start‌; justify-content:center; width:100%; background:#22a5de; border-radius:1rem; padding:1rem 0px; margin:0px 5%; margin-bottom:1rem;}
.nybanner1 li .counters dl .counter{font-size:2.6rem; font-weight:bold; color:#fff; display:flex; flex-wrap:wrap; align-items:‌flex-start‌; justify-content:center;}
.nybanner1 li .counters dl span{font-size:1.2rem; font-weight:normal; margin-left:0.3rem; color:#fff;}
.nybanner1 li .counters dl .bod1{width:100%; text-align:center; color:#fff; margin-top:0rem;}
.nybanner1 li .counters1{width:100%; background:url(../images/hengtiao.png) no-repeat center bottom rgba(0,0,0,0.6);}

.about-txt{ width:100%; margin:auto; display: flex; flex-wrap:wrap; align-items:center; justify-content:center; box-shadow: 0px 6px 6px 0px rgba(0, 0, 0, 0.1); padding-top:0rem; padding-bottom:2rem;}
.about-txt dl{ background:#22a5de; margin:0px 0.3rem; border-radius:30px; color:#fff; margin-bottom:0.6rem;}
.about-txt dl a{ display:block; font-size:18px; padding:0.5rem 1rem; border-radius:30px;}
.about-txt dl:hover{ background:#fec209; color:#000;}
.active-about-txt{background:#fec209; color:#000;}

.history{ overflow:hidden; background:#fff; padding-top:2rem;}
.history .item{background:url(../images/history.png) repeat-y left; display: flex; flex-wrap:wrap; align-items:flex-start; width:90%; margin:auto; padding-bottom:2rem;}
.history .item .fl{width:100%;display: flex; flex-wrap:wrap; align-items:center;}
.history .item .fl li{ width:10px; height:10px; background:#ccc; border-radius:100%; margin-left:3px}
.history .item:hover .fl li{background:#22a5de;}
.history .item .fl dd{ width:8rem; height:3rem; background:rgba(34,165,222,0.4); margin-left:13%; color:#FFF; border-radius:20px 0px 20px 0px; text-align:center; line-height:3rem; font-size:1.6rem;}
.history .item:hover .fl dd{background:rgba(34,165,222,1);}
.history .item .fr{ width:84%; background:#f5f5f5; border-radius:20px 0px 20px 0px; margin-left:16%; margin-top:1rem;}
.history .item:hover .fr{box-shadow: 0px 6px 6px 0px rgba(0, 0, 0, 0.1);}
.history .item .fr dl{ margin-top:1rem; margin-left:1rem; margin-right:1rem; margin-bottom:1rem;}
.history .item .fr dl dt{ font-size:1.4rem; color:#22a5de;}
.history .item .fr dl dt span{ font-size:1rem;}
.history .item .fr dl dd{ margin-top:10px; font-size:1rem; color:#666; line-height:1.4rem;}
.history .item .fr dl dd p{ font-size:1rem; color:#666; line-height:1.6rem;}
.history .item .fr dl dd span{font-size:1rem; color:#666; line-height:1.4rem;}
.history .item .fr dl ul{ margin-top:1rem;}
.history .item .fr dl ul img{ width:100%; border-radius:1rem;}

.about{overflow:hidden; position:relative;width:90%; margin:auto; margin-top:2rem; margin-bottom:1rem;  padding-bottom:1rem;}
.about .txt{text-align:center; width:100%;}
.about .txt dd{ font-size:1.8rem; font-family:"Bodoni Bd BT"; text-transform:uppercase; color:#eee;}
.about .txt dt{ font-size:1.4rem; margin-top:-1.5rem; font-weight:bold;}
.about .txt dt p{ width:1rem; height:1rem; border-radius:100%; background:#fec209; margin:0 20px;}
.about .bod{width:100%; display:flex; flex-wrap:wrap; justify-content:space-between;}
.about .bod .pic-img{display: flex; flex-wrap:wrap; justify-content:space-between; margin-top:2rem;}
.about .bod .pic-img dl{ width:48%; margin-top:0rem; margin-bottom:2rem;}
.about .bod .pic-img dl dd{position:relative; padding-bottom:135%;}
.about .bod .pic-img dl dd img{ width:100%; height:100%; position:absolute;}
.about .bod .pic-img dl li{ text-align:center; margin-top:30px; font-size:20px;}
.about .bod .pic-img dl p{width:8rem; height:2.6rem; background:#22a5de; margin:auto; margin-top:1rem; text-align:center; line-height:2.6rem;border-radius:1.5rem; font-size:1rem; font-weight:bold; color:#FFF;}
.about .bod .case-img{display: flex; flex-wrap:wrap; align-items:center; justify-content:center;}
.about .bod .case-img dl{ width:100%; margin-top:2rem;}
.about .bod .case-img dl dd{position:relative; padding-bottom:60%;}
.about .bod .case-img dl dd img{ width:100%; height:100%; object-fit: cover; position:absolute; border-radius:20px;}
.about .bod .case-img dl li{ text-align:center; margin-top:1rem; font-size:1.1rem;}
.about .bod .case-img dl p{ width:10rem; height:2.6rem; background:#22a5de; margin:auto; margin-top:1rem; text-align:center; line-height:2.6rem; border-radius:1.5rem; font-size:1.1rem; font-weight:bold; color:#FFF;}

.clientlist{overflow:hidden; width:90%; margin:auto; margin-top:2rem; margin-bottom:2rem;}
.clientlist .txt{text-align:center;}
.clientlist .txt dd{ font-size:1.8rem; font-family:"Bodoni Bd BT"; text-transform:uppercase; color:#eee;}
.clientlist .txt dt{ font-size:1.4rem; margin-top:-1.5rem; display:flex; flex-wrap:wrap; align-items:center; justify-content:center; font-weight:bold;}
.clientlist .txt dt p{ width:18px; height:18px; border-radius:100%; background:#fec209; margin:0 20px;}
.clientlist .bod{display: flex; flex-wrap:wrap; margin-top:0rem; padding-top:0;}
.clientlist .bod dl{width:100%; padding:2rem 0px; transition: all 0.5s;}
.clientlist .bod dl dt{position:relative; width:7rem; height:7rem; margin:auto;background:#f5f5f5; border:#eee 0.4rem solid; background:#FFF; border-radius:100%; overflow:hidden; transition: all 0.5s;}
.clientlist .bod dl dt img{position:absolute; width:80%; height:80%; transition: all 0.5s; margin-left:10%; margin-top:20%;}
.clientlist .bod dl .tit{font-size:1rem; text-align:center;}
.clientlist .bod dl .tit dd{font-size:1.1rem; font-weight:bold; margin-top:1rem;}
.clientlist .bod dl .tit ul{display:flex; flex-wrap:wrap; align-items:center; justify-content:center; margin-top:0.5rem;}
.clientlist .bod dl .tit ul p{ font-size:1rem; margin:0px 2px; color:#F00}
.clientlist .bod dl .tit li{ margin-top:0.5rem; line-height:1.6rem; font-size:1rem; color:#666;}
.clientlist .bod dl:hover{box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.3); background:#f5f5f5; border-radius:20px; transition: all 0.5s; margin-top:-10px;}
.clientlist .bod dl:hover dt{border:rgba(34,165,222,1) 6px solid; transition: all 0.5s;}	

.fanye{overflow:hidden; display: flex; flex-wrap:wrap; align-items:center; justify-content:center; margin-top:0; font-size:0.9rem; margin-bottom:2rem;}
.fanye .fenye2{display: flex;}
.fanye .fenye2 .page-num{color:#666; padding:0.3rem; flex:1; overflow:hidden; overflow:hidden; overflow:hidden; display: flex; flex-wrap:wrap; align-items:center; justify-content:center; padding:0.3rem;}
.fanye .fenye2 .page-num-current{color:#fff; overflow:hidden; display: flex; flex-wrap:wrap; align-items:center; justify-content:center; padding:0.55rem; background:#e7380d; border:none;}
.fanye .fenye2 .page-num-current:hover{color:#e7380d;}
.fanye a{padding:0.5rem; background:#f5f5f5; transition: all 0.5s; margin:0.1rem; margin-bottom:0.2rem;}
.fanye a:hover{background:#e7380d; color:#fff; transition: all 0.5s;}

.joinlist{overflow:hidden; width:90%; margin:auto; padding-top:2rem;}
.joinlist .txt{text-align:center;}
.joinlist .txt dd{ font-size:1.8rem; font-family:"Bodoni Bd BT"; text-transform:uppercase; color:#eee;}
.joinlist .txt dt{ font-size:1.4rem; margin-top:-1.5rem; display:flex; flex-wrap:wrap; align-items:center; justify-content:center; font-weight:bold;}
.joinlist .txt dt p{ width:18px; height:18px; border-radius:100%; background:#fec209; margin:0 20px;}
.joinlist .bod{overflow:hidden; display: flex; flex-wrap:wrap; justify-content:center; padding-top:2rem;}
.joinlist .bod dl{width:100%; margin-bottom:1rem; border-radius:1rem; transition: all 0.5s;}
.joinlist .bod dl li{text-align:center; margin-top:-1.5rem; z-index:99; border-left:#eee 1px solid; border-right:#eee 1px solid; width:100%; position:relative;}
.joinlist .bod dl li p{font-size:1.4rem; width:3rem; height:3rem; text-align:center;line-height:3.1rem; background:#fec209; color:#000; border-radius:100%; position: absolute; margin-left:50%; left:-1.5rem;}
.joinlist .bod dl:nth-child(2) p,.joinlist .bod dl:nth-child(4) p{background:#22a5de; color:#fff;}
.joinlist .bod dl:nth-child(5) p,.joinlist .bod dl:nth-child(7) p{background:#22a5de; color:#fff;}
.joinlist .bod dl dd{text-align:center; font-size:1.4rem; color:#333; padding-top:4rem; padding-bottom:1.2rem; border-left:#eee 1px solid; border-right:#eee 1px solid; border-bottom:#eee 1px solid; border-radius:0px 0px 20px 20px;}
.joinlist .bod dl dt{position:relative; padding-bottom:60%; overflow:hidden;}
.joinlist .bod dl dt img{position:absolute; width:100%; height:100%; transition: all 0.5s; border-radius:20px 20px 0px 0px;}
.joinlist .bod dl:hover{box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.3); transition: all 0.5s;}

.join-tiaojian{overflow:hidden; width:90%; margin:auto; padding-top:2rem; margin-bottom:1rem;}
.join-tiaojian .beijing{background:url(../images/tiaojian.png) no-repeat top right; background-size:43%;}
.join-tiaojian .beijing .txt{text-align:left;}
.join-tiaojian .beijing .txt dd{font-size:1.8rem; font-family:"Bodoni Bd BT"; text-transform:uppercase; color:#eee;}
.join-tiaojian .beijing .txt dt{font-size:1.4rem; margin-top:-1.5rem; font-weight:bold;}
.join-tiaojian .beijing .bod{display:flex; flex-wrap:wrap; margin-top:40px; margin-right:0;}
.join-tiaojian .beijing .bod dl{background:#22a5de; width:100%; border-radius:1rem; color:#fff; padding-top:1.5rem; transition: all 0.5s; margin-bottom:1rem;}
.join-tiaojian .beijing .bod dl dt{font-size:3rem; color:rgba(255,255,255,0.5); text-align:center;}
.join-tiaojian .beijing .bod dl dd{text-align:center;font-size:1.2rem; margin-bottom:1rem; line-height:2rem; margin-left:1rem; margin-right:1rem; text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5); margin-top:0.5rem;}
.join-tiaojian .beijing .bod dl li img{width:70%; margin-left:15%;}
.join-tiaojian .beijing .bod dl:nth-child(2){background:#fec209;}
.join-tiaojian .beijing .bod dl:nth-child(3){background:#c520d4;}
.join-tiaojian .beijing .bod dl:hover{margin-top:-20px; transition: all 0.5s;}

.mendian{overflow:hidden; width:90%; margin:auto; border-top:#eee 1px solid; background:url(../images/mendian-bj.png) no-repeat center bottom; background-size:100%; display:flex; flex-wrap:wrap; justify-content: space-between; padding-top:2rem;}
.mendian .bod{display:flex; flex-wrap:wrap; width:100%;}
.mendian .bod dl{width:100%; background:#fff; border-radius:1rem; padding-top:1rem; padding-bottom:0px; background:#f5f5f5; transition: all 0.5s; margin-bottom:1rem;}
.mendian .bod dl li{position:relative; padding-bottom:48%; width:60%; margin-left:20%;}
.mendian .bod dl li img{position:absolute; width:100%; height:100%;}
.mendian .bod dl dt{font-size:1.4rem; font-weight:bold; margin-left:1rem; margin-right:1rem; margin-top:1rem;}
.mendian .bod dl dd{margin-left:1rem; margin-right:1rem; margin-top:0.5rem;}
.mendian .bod dl dd p{ margin-bottom:0.4rem;}
.mendian .txt{text-align:left; margin-top:0rem; width:100%;}
.mendian .txt dd{font-size:1.8rem; font-family:"Bodoni Bd BT"; text-transform:uppercase; color:#acce22;}
.mendian .txt dt{font-size:1.4rem; font-weight:bold; color:#22a5de;}
.mendian .txt li{ font-size:1rem; margin-top:0.5rem; font-weight:bold;}
.mendian .txt p{font-size:2rem; margin-top:0px; font-weight:bold; color:#F00;}
.mendian .txt ul{ width:10rem; height:3rem; line-height:3rem; background:#22a5de; text-align:center; margin-top:1rem; color:#FFF; border-radius:1.5rem; margin-bottom:6rem;}
.mendian .bod dl:hover{box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.3); margin-top:-20px; transition: all 0.5s;}

.join-liucheng{overflow:hidden; width:90%; margin:auto; padding-top:2rem; margin-bottom:2rem;}
.join-liucheng .txt{text-align:center;}
.join-liucheng .txt dd{ font-size:1.8rem; font-family:"Bodoni Bd BT"; text-transform:uppercase; color:#eee;}
.join-liucheng .txt dt{ font-size:1.4rem; margin-top:-1.5rem; display:flex; flex-wrap:wrap; align-items:center; justify-content:center; font-weight:bold;}
.join-liucheng .txt dt p{ width:18px; height:18px; border-radius:100%; background:#fec209; margin:0 20px;}
.join-liucheng .bod{ margin-top:50px; display:flex; flex-wrap:wrap; align-items:center; justify-content:center;}
.join-liucheng .bod dl{width:40vw; height:40vw; border-radius: 50%; background-color: #3498db; margin:2vw; display:flex; flex-wrap:wrap; align-items:center; justify-content:center; transition: all 0.5s;}
.join-liucheng .bod dl ul{ text-align:center; color:#FFF;}
.join-liucheng .bod dl ul p{ font-size:4rem; color:rgba(255,255,255,0.2);}
.join-liucheng .bod dl ul li{ font-size:1.3rem; font-weight:bold; margin-bottom:1vw; margin-top:-10vw; text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);}
.join-liucheng .bod dl:nth-child(2n){background-color:#acce22;}
.join-liucheng .bod dl:hover{box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.3); transition: all 0.5s; margin-top:-20px;}

.join-case{overflow:hidden; margin-top:0; border-top:#eee 1px solid; padding-top:2rem;}
.join-case .txt{text-align:center;}
.join-case .txt dd{ font-size:1.8rem; font-family:"Bodoni Bd BT"; text-transform:uppercase; color:#eee;}
.join-case .txt dt{ font-size:1.4rem; margin-top:-1.5rem; display:flex; flex-wrap:wrap; align-items:center; justify-content:center; font-weight:bold;}
.join-case .bod{display:flex; flex-wrap:wrap; justify-content:space-between; margin-top:2rem; width:100%;}
.join-case .bod dl{width:100%; background:#fff; transition: all 0.5s; margin-bottom:1.5rem;}
.join-case .bod dl dt{ position:relative; padding-bottom:65%;}
.join-case .bod dl dt img{ position:absolute; width:100%; height:100%; object-fit: cover; transition: all 2s;  border-radius:1rem;}
.join-case .bod dl:hover dt img{transition: all 2s; transform: scale(1.1);}
.join-case .bod dl:hover dd{color:#F60;}
.join-case .bod dl dd{ color:#333; text-align:center; font-size:1rem; font-weight:bold; margin-top:1rem;}

.join-yinglimoshi{overflow:hidden; width: 100%; padding-top:2rem; margin-top:1rem; border-top:#eee 1px solid; background:#f5f5f5; padding-bottom:2rem;}
.join-yinglimoshi .txt{text-align:center;}
.join-yinglimoshi .txt dd{ font-size:1.8rem; font-family:"Bodoni Bd BT"; text-transform:uppercase; color:#e5e5e5; font-weight:bold;}
.join-yinglimoshi .txt dt{ font-size:1.4rem; margin-top:-1.5rem; display:flex; flex-wrap:wrap; align-items:center; justify-content:center; font-weight:bold;}
.join-yinglimoshi .bod{margin-top:2rem;}
.join-yinglimoshi .bod .item{display: flex; flex-wrap:wrap; justify-content: space-between; width:90%; margin:auto;}
.join-yinglimoshi .bod .item dl{ width:100%; background:#f5f5f5; border-radius:1rem; transition: all 0.5s; overflow:hidden;padding-top:2rem; box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.3); margin-bottom:1rem;}
.join-yinglimoshi .bod .item dl dt{ position:relative; padding-bottom:60%; margin-top:1rem;}
.join-yinglimoshi .bod .item dl dt img{ position:absolute; width:100%; height:100%; border-radius:0px 0px 1rem 1rem;}
.join-yinglimoshi .bod .item dl dd{ font-size:1.4rem; text-align:center; font-weight:bold; width:90%; margin:auto;}
.join-yinglimoshi .bod .item dl dd span{ color:#F90;}
.join-yinglimoshi .bod .item dl:hover{box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.3); transition: all 0.5s; margin-top:-1rem;}

.join-hyxz{width: 100%; padding-top:2rem; margin-bottom:1rem;}
.join-hyxz .txt{text-align:center;}
.join-hyxz .txt dd{font-size:1.8rem; font-family:"Bodoni Bd BT"; text-transform:uppercase; color:#eee; font-weight:bold;}
.join-hyxz .txt dt{font-size:1.4rem; margin-top:-1.5rem; display:flex; flex-wrap:wrap; align-items:center; justify-content:center; font-weight:bold;}
.join-hyxz .bod{width:90%; margin:auto; margin-top:2rem; display:flex; flex-wrap:wrap; justify-content:center;  padding-bottom:1rem;}
.join-hyxz .bod .item{width:100%; margin-bottom:1rem;}
.join-hyxz .bod .item dl{background: url(../images/beijing.jpg) center center repeat-x;}
.join-hyxz .bod .item dl dt{ width:1rem; height:1rem; border:#CCC 0.3rem solid; border-radius:100%; margin:auto; background:#FFF; transition: all 0.5s;}
.join-hyxz .bod .item dd{ width:1px; height:1rem; background:#CCC; margin:auto; transition: all 0.5s;}
.join-hyxz .bod .item ul{ width:100%; margin:auto; background:#f5f5f5; box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.3); transition: all 0.5s; border-radius:1rem;}
.join-hyxz .bod .item ul li{ text-align:center; font-size:1.4rem; font-weight: bold; padding-top:2rem;}
.join-hyxz .bod .item ul p{ margin-left:1rem; margin-right:1rem; margin-top:0.6rem; text-align:center; padding-bottom:2rem; font-size:1.1rem; line-height:1.8rem;}
.join-hyxz .bod .item:hover dl dt{border:#3498db 5px solid; transition: all 0.5s;}
.join-hyxz .bod .item:hover dd{background:#3498db; transition: all 0.5s;}
.join-hyxz .bod .item:hover ul{background:#3498db; color:#FFF; transition: all 0.5s;}

.news-list{width:90%; margin:auto; overflow:hidden; display: flex; flex-wrap:wrap; align-items:flex-start; justify-content:space-between; margin-top:2rem; margin-bottom:2rem;}
.news-list .bod{width:100%;}
.news-list .bod .item1{display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; margin-bottom:1rem; margin-top:0;}
.news-list .bod .item1 .zuo{width:100%;}
.news-list .bod .item1 .zuo dt{position:relative; padding-bottom:70%;}
.news-list .bod .item1 .zuo dt img{position:absolute; width:100%; height:100%; border-radius:10px; object-fit: cover;}
.news-list .bod .item1 .you{width:100%; margin-top:1rem;}
.news-list .bod .item1 .you dt{ font-size:1.2rem; line-height:1.6rem;}
.news-list .bod .item1 .you dd{ font-size:1rem; color:#666; line-height:1.6rem; margin-top:0;}
.news-list .bod .item1 .you p{ margin-top:1rem; color:#666;}
.news-list .bod .item1:hover .you dt{color:#e7380d;}
.news-list .txt{ width:100%; background:#3498db; border-radius:1rem;}
.news-list .txt .txt3{ padding:1rem; overflow:hidden; color:#FFF;}
.news-list .txt .txt3 li{ font-size:1.4rem; overflow:hidden; font-weight:bold;}
.news-list .txt .txt3 p{ margin-top:0.7rem;}
.news-list .txt .txt3 form{ margin-top:1rem;}
.news-list .txt .txt3 form input{width:95%; margin-bottom:1rem; height:2.6rem; border:none; padding-left:5%; border-radius:0.5rem; outline:none; font-size:1rem; color:#999;}
.news-list .txt .txt3 form input::placeholder{ font-size:16px; color:#999;}
.news-list .txt .txt3 form textarea{width:100%;margin-bottom:1rem; height:120px;border:none; padding-left:5%;border-radius:1rem; padding-top:0.5rem; font-size:1rem; color:#999; outline:none;font-family:Arial;}
.news-list .txt .txt3 form button{ width:100%; height:2.7rem; background:#fec209; border:none; border-radius:0.5rem; outline:none; color:#000; font-size:16px;}

.news{ overflow:hidden; width:90%; margin:auto; display: flex; flex-wrap:wrap; justify-content: space-between; margin-bottom:2rem; margin-top:2rem;}
.news .fl{ width:100%;}
.news .txt{padding-bottom:1rem;}
.news .txt dt{ font-size:1.2rem; font-weight:bold;}
.news .txt dd{display: flex; flex-wrap:wrap; margin-top:0.5rem; color:#666;}
.news .txt dd p{ margin-right:2rem;}
.news .bod{overflow:hidden;}
.news .bod img{ width:100%; margin-bottom:40px;}
.news .bod p{ font-size:16px; color:#666; line-height:24px; margin-bottom:15px; text-wrap:wrap !important;}
.news .bod span{text-wrap:wrap !important;}
.news .txt3{ width:100%; background:#3498db; border-radius:1rem;padding:1rem; overflow:hidden; color:#FFF;}
.news .txt3 li{ font-size:1.4rem; overflow:hidden; font-weight:bold;}
.news .txt3 p{ margin-top:0.7rem;}
.news .txt3 form{ margin-top:1rem;}
.news .txt3 form input{width:95%; margin-bottom:1rem; height:2.6rem; border:none; padding-left:5%; border-radius:0.5rem; outline:none; font-size:1rem; color:#999;}
.news .txt3 form input::placeholder{ font-size:16px; color:#999;}
.news .txt3 form textarea{width:100%;margin-bottom:1rem; height:120px;border:none; padding-left:5%;border-radius:1rem; padding-top:0.5rem; font-size:1rem; color:#999; outline:none;font-family:Arial;}
.news .txt3 form button{ width:100%; height:2.7rem; background:#fec209; border:none; border-radius:0.5rem; outline:none; color:#000; font-size:16px;}

.productlist{overflow:hidden; width:90%; margin:auto; margin-top:2rem; margin-bottom:2rem}
.productlist .bod{ overflow:hidden; display: flex; flex-wrap:wrap; justify-content: space-between;}
.productlist .bod dl{width:100%; margin-bottom:1.2rem;}
.productlist .bod dl dt{position:relative; padding-bottom:60%; overflow:hidden; background:#f5f5f5; border-radius:10px;}
.productlist .bod dl dt img{position:absolute; width:100%; height:100%; object-fit: cover; transition: all 0.5s;}
.productlist .bod dl dt .info{position:absolute; left:5%; bottom:5%; right:5%; height:50px; background:rgba(34,165,222,0.8); transition: all 0.5s; border-radius:10px; display: flex; flex-wrap:wrap; align-items: center; justify-content:center; color:#FFF; font-size:16px;}
.productlist .bod dl:hover dt .info{height:90%;transition:all 0.5s;display:flex;flex-wrap:wrap;align-items:center;justify-content:center; font-size:24px;}

.artlist{overflow:hidden; width:90%; margin:auto; margin-top:2rem; margin-bottom:1rem;}
.artlist .bod{display:flex; flex-wrap:wrap;}
.artlist .bod dl{ width:48%; margin-right:4%; margin-bottom:1rem;}
.artlist .bod dl:nth-child(2n){ margin-right:0;}
.artlist .bod dl dt{border-radius:10px; position:relative; padding-bottom:140%;}
.artlist .bod dl dt img{ position:absolute;width:100%; height:100%; object-fit: cover; transition: all 0.5s;}
.artlist .bod dl dt .info{transition:all 0.5s; position:absolute; left:0; bottom:0; right:0; top:0; font-size:0;}
.artlist .bod dl:hover dt .info{position:absolute; left:0; bottom:0; right:0; top:0; background:rgba(34,165,222,0.8); transition: all 0.5s; display: flex; flex-wrap:wrap; align-items: center; justify-content:center; color:#FFF;font-size:24px; transition:all 0.5s;}

.teamlist{width:90%;margin: 0 auto; margin-top:2rem;}
.doctors-grid {display: flex; flex-wrap:wrap;}
.doctor-card {background: white;border-radius: 8px;overflow: hidden;box-shadow: 0 2px 5px rgba(0,0,0,0.1);cursor: pointer;transition: transform 0.3s; width:48.5%; display: flex; flex-wrap:wrap; align-items:center; margin-bottom:50px; margin-right:3%; padding-bottom:20px;}
.doctor-card:nth-child(2n){ margin-right:0;}
.doctor-card:hover {transform: translateY(-10px);}
.doctor-card .img{ position:relative; padding-bottom:150%; width:100%;}
.doctor-card .img img {width:100%;height: 100%;object-fit: cover; position:absolute;}
.doctor-info {width:80%; margin:auto; margin-top:0.5rem;}
.doctor-info dt {font-size:1.1rem;}
.doctor-info dd{font-size:0.9rem; margin-top:0rem;}
.doctor-info p {font-size:0.9rem; margin-top:0rem;}
.doctor-info li{ width:100%; height:2.5rem; line-height:2.5rem; text-align:center; background:#ac835e; color:#FFF; border-radius:0.3rem; margin-top:0.5rem;}

.teamlist .modal {position: relative;position: fixed;top: 0;left:0;width:100%;height: 100%;background: rgba(0,0,0,0.7);display: none;justify-content: center;align-items: center;z-index: 1000;}
.teamlist .modal-content {background:#fff;width:94%;overflow-y: auto; position: relative; border-radius:0.5rem;}
.teamlist .modal-content .close-btn{position: absolute; top:0.5rem;right:0.7rem; font-size:2rem;text-align:right; color:#333; text-align:center;}
.teamlist .nav-btn {position: absolute;top: 50%;transform: translateY(-50%);background:#f2eee6;border: none;width:2rem;height:2rem;border-radius: 50%;font-size:1rem;cursor: pointer;display: flex;align-items: center;justify-content: center; z-index:99; font-family:"宋体";}
.teamlist .prev-btn {left:0;}
.teamlist .next-btn {right:0;}
.teamlist .doctor-detail { margin:1rem;}
@media (min-width: 768px) {.teamlist .doctor-detail {flex-direction: row;}}
.teamlist .detail-image {min-width:8rem;}
.teamlist .detail-image img {width:8rem; height:1rem; border-radius:0.5rem;display: block;margin: 0 auto;}
.teamlist .detail-image li{width:8rem; height:2.5rem; line-height:2.5rem; text-align:center; background:#ac835e; color:#FFF; border-radius:0.3rem; margin:auto; margin-top:0.8rem;}
.teamlist .detail-info{ width:100%; margin-right:10px;}
.teamlist .detail-info p{ line-height:1.4rem; margin-bottom:0.5rem; font-size:0.9rem;}

.contact{overflow:hidden; width:90%; margin:auto; margin-top:2rem; display:flex; flex-wrap:wrap; align-items:center;}
.contact .fl{ width:100%; transition: all 0.5s;}
.contact .fl img{ width:100%; border-radius:20px;}
.contact .fl:hover img{transition: all 0.5s; box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.3); }
.contact .fr{ width:100%; margin-top:1rem;}
.contact .fr .txt{ margin-top:0;}
.contact .fr .txt dd{ font-size:1.8rem; font-family:"Bodoni Bd BT"; text-transform:uppercase; color:#eee;}
.contact .fr .txt dt{ font-size:1.4rem; margin-top:-1.5rem; font-weight:bold;}
.contact .fr .bod{ margin-top:1rem;}
.contact .fr .bod p{margin-top:0.5rem; font-size:1rem;}

.contact1{width:90%; margin:auto; margin-top:2rem; display:flex; flex-wrap:wrap; justify-content:space-between; margin-bottom:2rem;}
.contact1 dl{width:100%; background:#f5f5f5; border-radius:1rem; padding:2rem 0px; transition: all 0.5s; margin-bottom:1rem;}
.contact1 dl dt{ font-size:1.4rem; text-align:center; font-weight:bold;}
.contact1 dl dd{ margin-top:0.7rem; margin-left:1rem; margin-right:1.5rem; font-size:1rem; text-align:center;}
.contact1 dl:hover{transition: all 0.5s; box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.3); }

.joblist{ width:90%; margin:auto; overflow: hidden; margin-top:2rem; margin-bottom:2rem;}
.joblist .txt{text-align:center;}
.joblist .txt dd{font-size:1.8rem; font-family:"Bodoni Bd BT"; text-transform:uppercase; color:#eee; font-weight:bold;}
.joblist .txt dt{font-size:1.4rem; margin-top:-1.5rem; display:flex; flex-wrap:wrap; align-items:center; justify-content:center; font-weight:bold;}
.joblist .bod{overflow:hidden;}
.joblist .bod .item{display: flex; flex-wrap:wrap; align-items: center; justify-content:space-between; margin-top:1.5rem; border:#CCC 1px solid; border-radius:10px;}
.joblist .bod .item .fl{width:100%; font-size:1.2rem; border-bottom:#CCC 1px solid; padding:1rem;}
.joblist .bod .item .fr{ width:100%;}
.joblist .bod .item .fr dl{ margin:1rem;}
.joblist .bod .item .fr dl dt{ font-size:1rem; line-height:1.5rem; color:#666;} 
.joblist .bod .item .fr dl dd{width:100%; margin-top:0.5rem; color:#ac835e;}

h1{font-size:1.6rem;}
h2{font-size:1.5rem;}
h3{font-size:1.4rem;}
h4{font-size:1.3rem;}
h5{font-size:1.2rem;}
h6{font-size:1.1rem;}

}

<!-- -->

@media screen and (max-width: 1199px) {
#wap_logo_main{ display: block; }
.product .detail_table{ max-width: 100%; width: 100%; }
.product .product_swiper{ padding: 0; margin: 0 auto; overflow: hidden; float: none; }
}

@keyframes clockwiseRotate { 
from{ transform: rotate(0deg); }
to{ transform: rotate(90deg); }}
@keyframes anticlockwiseRotate {
from{ transform: rotate(90deg); }
to{ transform: rotate(0deg); }
}
.clockwiseRotate:before { animation-name: clockwiseRotate; animation-duration: 1.5s; animation-fill-mode: both; }
.anticlockwiseRotate:before { animation-name: anticlockwiseRotate; animation-duration: 1.5s; animation-fill-mode: both; }

@keyframes click_slideOutRight {
from{ transform: translateX(-100%); }
to{ transform: translateX(0); }
}
.click_slideOutRight { animation-name: click_slideOutRight; animation-duration: .5s; animation-fill-mode: both; }

@keyframes click_slideInRight {
from{ opacity: 0; transform: translateX(0); }
to{ opacity: 1; transform: translateX(-100%); }
}
.click_slideInRight { animation-name: click_slideInRight; animation-duration: .5s; animation-fill-mode: both; }