@charset "utf-8";
/* 定义变量 */
:root {  
  --on-color: #1d55e8;
  --bgcolor:#1d55e8;
}
@font-face {
	font-family: 'Roboto-Medium';
	src:url('../fonts/Roboto-Medium.woff');
}
@font-face {
	font-family: 'Roboto-Regular';
	src:url('../fonts/Roboto-Regular.woff');
}
@font-face {
	font-family: 'Roboto-Bold';
	src:url('../fonts/Roboto-Bold.ttf');
}
@font-face {
	font-family: 'Poppins-Regular';
	src:url('../fonts/Poppins-Regular.woff');
}
@font-face {
	font-family: 'huakang';
	src:url('../fonts/huakang.TTF');
}
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

html, body, div, span, h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code, del, dfn, em, img, 
ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var,
b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}
body,h1,h2,h3,h4,h5,h6,ul,dl,ol,input,pre,blockquote,p,dd{margin:0}
ul,ol,input,textarea{padding:0}
img,input,select,textarea,video{border:0}
*{outline:none;resize:none}
li,em{list-style:none;font-style:normal}
h1,h2,h3,h4,h5,h6{font-weight:normal;font-size:100%}

p{word-wrap:break-word}
a{color:#000;transition: all .3s;}
a,u{text-decoration:none}
input,textarea,body{font-size:16px;font-family: "微软雅黑";}
a .pic{overflow:hidden}
a .pic img{width:100%;transform: translateZ(0);box-shadow: 0 0 1px rgba(0, 0, 0, 0);-webkit-tap-highlight-color: rgba(0, 0, 0, 0);transition-property: transform;transition: all .8s ease;}
a:hover .pic img{transform: scale(1.08);}
.cloud-zoom-lens {background-color: #fff;border: 1px solid #888;margin: -1px;cursor: move;}
#zoomcont {width:120px;height:560px;overflow: hidden;position: relative;z-index: 2;}
.zoom-desc {width: 4000px;height: 4000px;overflow: hidden;position: absolute;}

/* 手机导航 */
.wap_header{position: sticky;top: 0;z-index: 99999999;box-shadow: 0 5px 10px rgb(0 0 0 / 10%);width: 100%;display:none;}
.wap_top{width:100%;z-index:10006;align-items:center;justify-content:space-between;height:60px;background:var(--bgcolor);padding:0 10px;display:flex;}
.wap_top h1 img{height:35px;}
.wap_top .menu-btn{display:flex;align-items:center;cursor: pointer;}
.wap_top .menu-btn .item{width:20px;height:14px;}
.wap_top .menu-btn .menu-icon{display:block;height:2px;margin-bottom:4px;background:#fff; }
.wap_top .menu-btn .menu-icon:last-child{margin-bottom:0;}
.wap_nav{width:100%;height:calc(100% - 60px);top:60px;left:-100%;justify-content:space-between;transition-duration:.5s;position:fixed;z-index:99999999;background:rgba(255, 255, 255, .2);display:flex;}
.wap_nav .nav_box{width: 70%;height:100%;background:#EEEEEE; display: flex;justify-content: center;}
.wap_nav .wap_sidebar{width:96%;height:100%;overflow:scroll;margin-top:8px;}
.wap_nav .wap_sidebar .box{margin-bottom:8px;background:#fff;padding:8px;border-radius:8px;}
.wap_nav .wap_sidebar .box:last-child{margin-bottom:0;}
.wap_nav .wap_sidebar .item{text-transform:uppercase;border-bottom:1px solid #dfdfdf;}
.wap_nav .wap_sidebar .item h3{display:flex;width: 100%;justify-content: space-between;align-items: center;}
.wap_nav .wap_sidebar .item h3 a{line-height:35px;}
.wap_nav .wap_sidebar .item h3 a span{font-size:14px;color:#111;width:calc(100% - 25px);line-height: 50px;}
.wap_nav .wap_sidebar .item h3  .i{width:25px;display:flex;align-items:center;justify-content:center}
.wap_nav .wap_sidebar .item h3 .i i{transition-duration:.6s;}
.wap_nav .wap_sidebar .item .item_sub{display:none;}
.wap_nav .wap_sidebar .item h4{font-size:13px;}
.wap_nav .wap_sidebar .item h4 a{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#333; line-height: 40px;}
.wap_nav .wap_sidebar .item dl{padding-bottom:10px;display:flex;flex-wrap:wrap;justify-content:space-between;}
.wap_nav .wap_sidebar .item dl dd{width:48%;line-height:25px;}
.wap_nav .wap_sidebar .item dl dd a{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#666;font-size:12px; line-height: 40px;}
.wap_nav .wap_sidebar .lang-title{margin-top:10px;margin-bottom:20px;color:#999;font-size:12px}
.wap_nav .wap_sidebar .lang{display:flex;flex-wrap:wrap;padding-bottom:0;}
.wap_nav .wap_sidebar .lang a{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;background:#F2F2F2;font-size:12px;line-height:45px;border-radius:4px;text-align:center;color:#888;width:47%;margin:0 3% 8px 0;}
.wap_nav .wap_sidebar .lang a:nth-child(2n){margin-right:0;}
.wap_nav .wap_sidebar .lang a.on{background:var(--bgcolor);color:var(--color)}
.wap_nav .wap_nav_bg{width:30%;background-color: rgba(255, 255, 255, .7); height:100%;}
.wap_nav.show{left:0;}
.wap_nav .wap_sidebar .item.show .item_sub{display:block}
.wap_nav .wap_sidebar .item.show h3 i{transform: rotate(180deg);color: var(--on-color);}

/* 底部菜单 */
.wap-bottom{display:none;width:100%;height:50px;background:#333;border-top: 1px solid rgba(255, 255, 255, .2);position: fixed;left:0;bottom:0;z-index:1001;}
.wap-bottom ul{display:flex;}
.wap-bottom ul li{width:20%;text-align:center;border-left:1px solid rgba(255, 255, 255, .2);box-sizing:border-box;}
.wap-bottom ul li:nth-child(1){border:none;}
.wap-bottom ul li a.menu-btn{background: rgba(255, 255, 255,.2);}
.wap-bottom ul li a{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;width:100%;height:50px;color:#fff;}
.wap-bottom ul li a p{font-size:12px;text-transform:uppercase;}

/* 右侧导航 */
.fixed-right{position:fixed;right:0;bottom:150px;z-index:1002;cursor:pointer;}
.fixed-right ul li{width: 50px;height: 50px;position: relative;}
.fixed-right ul li i{width: 50px;line-height: 49px;background: #333;border-bottom: 1px solid #555;color: #fff;font-size: 18px;text-align: center;}
.fixed-right ul li.fixed-right-top:hover i{background: #FF5500;border-bottom: 1px solid #e9092c;}
.fixed-right ul li i.fa-mobile{font-size: 24px;}
.fixed-right ul li span{width: 160px;line-height: 50px;background: #333;color: #fff;padding-left: 10px;position: absolute;top: 0;left: 0;z-index: -1;transition-duration: .5s;}
.fixed-right ul li:hover span{left: -160px;}
.fixed-right .fixed-right-online{transition-duration: 1s;}
.fixed-right .fixed-right-online.show{height: 0;overflow: hidden;}
.fixed-right .fixed-right-comments,.fixed-right .fixed-right-top{height: 0;overflow: hidden;transition-duration: 1s;}
.fixed-right .fixed-right-comments.show,.fixed-right .fixed-right-top.show{height: 50px;}

/* 中间表单 */
#fixed-bg{display:none;background:rgba(0,0,0,.5);left:0;top:0;position:fixed;z-index:10001000;width:100%;height:100%;}
#message{transition-duration:.4s;position:fixed;bottom:-150%;z-index:10003;width:100%;height: 100%;display:flex;align-items:center;}
#message .center{position:relative;width:800px;text-align:center;padding:30px;background:#fff;border-radius:8px;margin:0 auto;}
#message .center #close{position:absolute;right:8px;top:4px;cursor:pointer;}
#message .center form{display:flex;flex-wrap:wrap;justify-content:space-between;}
#message .center form .item{margin-bottom:15px;width:49%;display:flex;position:relative;}
#message .center form .item input,#message .center form .item textarea{background:none;}
#message .center form .item input{background:#ECEEF0;width:100%;font-size:14px;color:#333;line-height:40px;height:40px;padding-left:40px}
#message .center form .item i{width:40px;color:#666;height:40px;position:absolute;left:0;top:0;display:flex;align-items:center;justify-content:center}
#message .center form .text{width:100%;background:#ECEEF0;padding:10px 20px 10px 40px}
#message .center form .text textarea{width:100%;min-height:100px;font-size:14px;color:#333;}
#message .center form .code img{height:38px;position:absolute;right:1px;top:1px;width:88px;cursor:pointer;}
#message .center form .btn div{transition-duration:.5s;width:120px;height:40px;line-height:40px;border-radius:4px;background:#FF6600;font-size:14px;cursor:pointer;color:#fff;}
#message .center form .btn div:hover{opacity:.8}
/* 分页 */
.paging{text-align:center;overflow:hidden}
.paging span,.paging a{background:#151515;font-size:12px;color:#fff;transition-duration: 1s;padding:0 10px;height:30px;line-height:30px;margin-right:5px;margin-bottom:5px;display:inline-block;}
.paging a.cur,.paging a:hover{background:var(--on-color);color:#fff;}
.paging span{display:none;}
/* 搜索 */
.search-form{display:none;width:90%;z-index:100044;position:fixed;top:25%;left:5%;}
.search-form form{display:block;margin:0 auto;max-width:500px;}
.search-form form input{border-top-left-radius:8px;border-bottom-left-radius:8px;float:left;width:75%;border:0;height:50px;padding-left:5%;}
.search-form form button{border-top-right-radius:8px;border-bottom-right-radius:8px;transition-duration: 1s;float:left;width:20%;cursor:pointer;background:#EFEFEF;border:0;height:50px;}
.search-form form button:hover{background:#DB2146;}
.search-form form button:hover i{color:#fff;}
.search-form form button i{font-size:20px;}
/* 视频地址 */
.videos{ display:none;position:fixed;left:20%;top:50%;margin-top:-320px; z-index:100100100100100100100100;width:60%; height:640px; }
.vclose{position:absolute;color:#000;font-size:18px;width:30px;height:30px;line-height:30px;text-align:center;background:#fff;right:-20px; top:-20px; border-radius:100%; cursor: pointer; }
#video{width:100%;}

.slick-slide-box{direction:initial !important;overflow:hidden;}
.slick-slide img{width:100%;}
body{overflow-x:hidden}
#piaofu{ position:absolute; left:0; top:0; z-index:9999999999999999;width:420px !important;}
#piaofu_close{ position:absolute; right:0px; top:0px; width:40px;height:40px;cursor:pointer;z-index:2;}
#piaofu img{width:100% !important;}

@media screen and (max-width:992px) {
	#piaofu{width:240px !important;}
	.wap_header,.wap-bottom{display:block}
	#message .center{width:95%}
	#message .center form .item{margin-bottom:8px;}
	#message .center form .btn,#message .center form .code{width:100%;}
	#message .center form .btn div{margin:0 auto}
	.videos{width:90%;height:auto;margin:0 5%;left:0;top:30%;}
	.videos video{object-fit: fill}
	#video{width:100%;}
}