/* 
* @Author: sublime text
* @Date:   2019-10-16 10:28:11
* @Last Modified by:   sublime text
* @Last Modified time: 2022-04-21 17:03:54
*/
/*banner*/
.wrap{width: 16rem !important;}


#ejdh{width: 100%;height: 0.65rem;line-height: 0.65rem;background: #f5f5f5;}
#ejdh a{color: #333;padding:0 0.2rem;}
#ejdh a:hover{color: #008ae2;}
#ejdh .fr a{border-right:1px solid #cccccc;padding:0 0.25rem;}
#ejdh .fr a:last-child{border-right: none;padding-right: 0;}
#ejdh .fl a:first-child{padding-left: 0;}
#ejdh .fr a.active{color:#008ae2 !important;}

#banner{width: 100%;height: 6rem;background: url(../image/banner2.jpg)no-repeat center;background-size: cover;color: #fff;font-size: 0.18rem;}
#banner p{font-size: 0.48rem;padding-top: 2.3rem;padding-bottom: 0.15rem;}

#banner p span{width: 3.2rem;height: 0.35rem;line-height: 0.35rem;display: block;border-radius: 0.35rem;background: #008ae2;color: #fff;margin:0 auto;text-align: center;font-size: 0.18rem;margin-bottom: 0.1rem;}


#yuyue{width: 100%;height: 2.57rem;display: block;background: url(../image/yuyue.png)no-repeat center;margin-top: 0.85rem;background-size: cover;}
#yuyue .fl{font-size: 0.36rem;color: #333333;margin-top: 1.1rem;margin-left: 3.5rem;font-family: 'phtb';font-weight:bold;}
#yuyue .fl a{color: #008ae2;}

#yuyue .but{margin-top: 1.4rem;display: block;float: right;}
#yuyue .but span{float: right;width: 0.5rem;height: 0.48rem;background: url(../image/red.png)no-repeat left;text-align: center;color: #fff;font-size: 0.16rem;transition:0.5s;color: #fff;overflow: hidden;}
#yuyue .but i{display: block;width: 1.6rem;height: 0.48rem;border: 1px solid #999999;line-height: 0.48rem;text-indent: 0.2rem;font-size: 0.16rem;}
#yuyue .but:hover span{width: 0.75rem;color: #fff;}


#shouce .wrap{width: 14rem !important;}
#shouce .fl{width: 5.98rem;height: 5.27rem;overflow: hidden;padding-top: 1rem;}
#shouce .fl img{width: 100%;display: block;transition:0.5s;}
/*#shouce .fl:hover img{transform:scale(1.1);}*/
#shouce .fr{width: 5.8rem;padding-top: 1.9rem;}
#shouce .fr span{color: #008ae2;font-size: 0.24rem;}
#shouce .fr p{font-size: 0.48rem;color: #333333;font-weight: bold;padding-top: 0.2rem;}
#shouce .fr .shum{font-size: 0.18rem;color: #333333;text-align: right;margin-top: 0.5rem;}

#shouce .fr .more{width: 1.1rem;border-bottom:1px solid #008ae2;line-height: 0.55rem;height: 0.55rem;font-size: 0.16rem;transition:0.5s;display: block;color: #008ae2;margin-top: 0.5rem;}
#shouce .fr .more span{float: right;}
#shouce .fr .more:hover{width: 1.3rem;}

#zhibao{width: 100%;height: 9.3rem;background: #f7f7f7;margin-top: 0.8rem;}
#zhibao .shang{font-size: 0.24rem;color: #cccccc;padding-top: 0.7rem;}
#zhibao .shang p{font-size: 0.42rem;color: #008ae2;line-height: 0.9rem;font-weight: bold;}
#zhibao .shang hr{width: 100%;height: 1px;background: #e6e6e6;border: none;outline: none;}
#zhibao .xia{font-size: 0.18rem;color: #666666;margin-top: 0.6rem;border-left:1px solid #e3e3e3;}
#zhibao .xia li p{font-size: 0.24rem;color: #333333;line-height: 0.5rem;font-weight: bold;}
#zhibao .xia li{height: 0.8rem;padding-left: 0.5rem;margin-bottom: 0.4rem}
#zhibao .xia li:hover{color: #008ae2;border-left:2px solid #008ae2;}
#zhibao .xia li:hover p{color: #008ae2;}

#anz{width: 100%;height: 8.3rem;background: url(../image/part2.jpg)no-repeat center;background-size: cover;}
#anz .title{color: #fff;font-size: 0.18rem;text-align: center;padding-top: 0.6rem;}
#anz .title .yin{font-size: 0.24rem;color: rgba(255,255,255,0.5);text-transform: uppercase;}
#anz .title p{font-size: 0.42rem;line-height: 0.8rem;font-weight: bold;}

#anz .bottom{width: 15rem;margin:0 auto;}
#anz .bottom li{width: 3.2rem;height: 4.8rem;background: #fff;margin-right: 0.18rem;float: left;padding: 0 0.3rem;box-shadow: 0px 0px 5px 5px rgba(0,0,0,0.05);border-radius: 0.3rem;margin-right: 1.3rem;margin-top: 0.7rem;}
#anz .bottom li:last-child{margin-right: 0;}
#anz .bottom li .yin{font-size: 0.14rem;text-transform: uppercase;color: #cccccc;}
#anz .bottom li hr{width: 0.4rem;height: 2px;border:none;outline: none;background: #008ae2;margin:0.35rem 0 0.25rem;}
#anz .bottom li .shu{width: 0.5rem;height: 0.5rem;background: #008ae2;border-radius: 50%;color: #fff;line-height: 0.5rem;font-size: 0.24rem;font-weight: bold;margin: 0.6rem 0 0.4rem;text-align: center;}
#anz .bottom li .biao{font-size: 0.32rem;color: #333333;font-weight: bold;line-height: 0.6rem;}
#anz .bottom li .wen{font-size: 0.18rem;color: #666666;line-height: 0.25rem;text-align: justify;margin-top: 0.3rem;}


.title{color: #333333;font-size: 0.18rem;text-align: center;padding-top: 0.9rem;}
.title .yin{font-size: 0.24rem;color: #cccccc;text-transform: uppercase;}
.title p{font-size: 0.42rem;line-height: 0.8rem;font-weight: bold;}

.tab-menu{width: 100%;height: 1rem;margin-top: 0.7rem;}
.tab-menu ul li{
display: inline-block;
width: 33.33%;
height: 1rem;
line-height: 1rem;
text-align: center;
cursor: pointer;
float: left;
background:#eeeeee;font-size: 0.22rem;color: #333333;
}
.tab-menu ul li.active{
background: #f7f7f7;
border-top:6px solid #008ae2;
}
.tab-con div{
width: 90%;
height: 3.9rem;
background: #f7f7f7;
display: none;
padding:0 5%;
padding-top: 0.7rem;
}
.tab-con div:first-child{
display: block;
}

.tab-con div .shu{font-size: 0.62rem;color: #cccccc;font-family: 'din';}
.tab-con div .tit{font-size: 0.32rem;color: #333333;font-weight: bold;line-height: 1rem;}
.tab-con div hr{width: 0.4rem;height: 2px;background: #008ae2;margin-left: 0;}
.tab-con div .wen{display: block;font-size: 0.22rem;color:#333333;margin-top: 0.45rem;}

#guzhang .ico{width:16rem;margin:0 auto;margin-top: 1.1rem;}
#guzhang .ico li{width: 1.38rem;height: 1.38rem;display: block;border-radius: 50%;border:1px solid #d8d8d8;text-align: center;float: left;margin-right:1rem;}
#guzhang .ico li:last-child{margin-right: 0;} 
#guzhang .ico li span{display: inline-block;font-size: 0.54rem;color: #008ae2;padding-top: 0.35rem;font-family: 'Oswald-Medium'}
#guzhang .ico li i{color: #333;display: inline-block;padding-top: 0.2rem;text-align: left;}

#weibao .bottom{width: 100%;height: 4rem;background: url(../image/weibao.jpg)no-repeat center;background-size: cover;margin-top: 0.5rem;}

#weibao .fl{width: 42%;padding-left: 8%;color: #fff;}
#weibao .fl .yin{font-size: 0.74rem;padding-top:0.6rem;font-family: 'din';color: rgba(255,255,255,0.5);}
#weibao .fl p{font-size: 0.36rem;padding-top: 0.35rem;}
#weibao .fl hr{width: 0.65rem;height: 2px;background: #fff;outline: none;border:none;margin:0.2rem 0 0.3rem;}
#weibao .fl .wen{font-size: 0.18rem;line-height: 0.3rem;}

#weihu .wrap{width: 13.7rem !important;margin-top: 0.7rem;}
#weihu li{width: 4rem;height: 5.34rem;position: relative;float: left;margin-right: 0.85rem;}
#weihu li:last-child{margin-right: 0;}
#weihu li .tu{width: 4rem;height: 5.34rem;overflow: hidden;}
#weihu li .tu img{width: 100%;display: block;transition:0.5s;}
#weihu li:hover .tu img{transform:scale(1.1);}
#weihu li .wen{width: 90%;left:5%;position: absolute;z-index: 1;top:3.8rem;color: #ffffff;line-height: 0.25rem;text-align: justify;}
#weihu li .wen p{font-size: 0.28rem;font-weight: bold;margin-bottom: 0.2rem;}

#zhici{width: 100%;height: 7.5rem;background: url(../image/zhici.jpg)no-repeat center;background-size: cover;margin-top: 1.4rem;}
#zhici .title{color: #fff;font-size: 0.18rem;text-align: left;padding-top: 1.5rem;text-transform: uppercase;color: rgba(255,255,255,0.5);width: 20%;float: left;padding-left: 8%;}
#zhici .title .yin{font-size: 0.24rem;}
#zhici .title p{font-size: 0.42rem;line-height: 0.7rem;font-weight: bold;color: #fff;padding-top: 0.2rem;}

#zhici .fr{width: 12.54rem;height:7.5rem;}
#zhici .fr li{width: 1.49rem;float: left;padding:0 0.3rem;color: #fff;font-size: 0.18rem;line-height: 0.32rem;position: relative;height: 7.5rem;}
#zhici .fr li img{width: 0.38rem;display: block;padding-top: 1.9rem;margin-bottom: 0.4rem;}
#zhici .fr li .jia{position: absolute;left:0.3rem;bottom:1rem;z-index: 1;width: 0.48rem;transition:0.5s;}
#zhici .fr li .jia img{width: 100%;display: block;}
#zhici .fr li .yin{position: absolute;width: 100%;height: 0rem;background: rgba(0,77,162,0.5);left:0;bottom:0;z-index:0;transition:0.5s;}
#zhici .fr li:hover .yin{height: 7.5rem;}
#zhici .fr li .tu{position: relative;z-index: 1;}
#zhici .fr li:hover .jia{transform:rotateY(360deg);}

#shouq li{width: 20%;float: left;text-align: center;text-transform: uppercase;color: #999999;margin-top: 1rem;}
#shouq li p{font-size: 0.2rem;color: #333333;padding-top: 0.4rem;line-height: 0.35rem;}
#shouq li .tu{width: 1.29rem;height: 1.28rem;overflow: hidden;margin:0 auto;box-shadow: 0px 0px 21px 0px rgba(0, 0, 0, 0.02);border-radius: 50%}
#shouq li .tu img{width: 100%;display: block;transition:0.5s;}
#shouq li:hover .tu img{margin-top: -1.28rem;}
