body,input,h1,h2,h3,h4,h5,h6,p,textarea,table,div,ul,li,select,td,th,em,span,i,button,code{margin:0;padding:0;color:inherit;line-height: inherit; font-family: 'PingFang SC','PingFangMedium',"microsoft yahei"; }
img{border:0;display: inline-block;max-width:100%;vertical-align: middle;height: auto;}
.fl{float:left;}
.fr{float:right;}
ul,li{ list-style:none; }
a,p,span,i,em{ text-decoration:none; color:inherit;font-size: inherit;}
pre{word-break: break-word;}
:focus{outline:none!important;border-color:inherit;}
.clearfix{*zoom: 1;}
.clearfix:before,.clearfix:after
{display: table;line-height: 0;content: "";}
.clearfix:after{clear: both;}
table{border-collapse:collapse;border-spacing:0;width:100%}
h3,h4,h5,h6{font-weight: normal;}
em,i{font-style:normal;}
*{box-sizing:border-box;color: #0a0e31;}
input[type="button"], input[type="submit"], input[type="reset"],input[type="text"] {-webkit-appearance: none;}
input[type="button"]{border:none;}
textarea {  -webkit-appearance: none;}  
.auto{margin:0 auto;width: 1160px;}
:hover{transition: all .2s;}
.img_hover_wrap{overflow: hidden;}
.img_hover{transition: all .3s;}
.img_hover:hover{transform: scale(1.05,1.05);}
.img_traslate{transition: all .3s;}
.img_traslate:hover{transform: translateY(-10px);}
.img_rotate{transition: all .3s;}
.img_rotate:hover{transform:rotate(-360deg);}
.bold{font-weight: bold;}
.normal{font-weight: normal!important;}
.center{text-align: center!important;}
.img{/* width: 100%; */display: block;    height: auto;}
.ellipsis{overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.ele{position:relative;}
.ele:before,.ele:after{content:'';display: inline-block;vertical-align: middle;}
.ipt{display: block;border:none;}
.ipt_button{cursor: pointer;}
.item_scale .icon{transition: all .3s;}
.item_scale:hover .icon{transform: scale(1.08,1.08);}
.text-left{text-align: left!important;}
.text-right{text-align: right!important;}
.clamp{overflow: hidden;text-overflow: ellipsis;display: -webkit-box!important;display: -ms-flexbox; -webkit-box-orient: vertical;/*-webkit-line-clamp: 3;*/}
.clamp1{overflow: hidden;text-overflow: ellipsis;display: -webkit-box!important;display: -ms-flexbox; -webkit-box-orient: vertical;-webkit-line-clamp: 1;}
.clamp2{overflow: hidden;text-overflow: ellipsis;display: -webkit-box!important;display: -ms-flexbox; -webkit-box-orient: vertical;-webkit-line-clamp: 2;}
.clamp3{overflow: hidden;text-overflow: ellipsis;display: -webkit-box!important;display: -ms-flexbox; -webkit-box-orient: vertical;-webkit-line-clamp: 3;}
/* html{font-size: 5.2083vw;} */
body{background:url(../images/bg.jpg);overflow-x: hidden;background-attachment: fixed}
.item{}
.item .imgbox{display: block;overflow: hidden;}
.item .img{transition: all 1s;width: 100%;display: block;}
.item:hover .imgbox .img{transform: scale(1.1,1.1);}

.zoomimg{position:relative;overflow: hidden;height: 0;display: block;}
.zoomimg .img{display: block;position:absolute;width: 100%;height: 100%;left: 0;top: 0;}


.flipx .icon{transition: all .3s;}
.flipx:hover .icon{transform:scaleX(-1);}
.scale .icon{transition: all .3s;}
.scale:hover .icon{transform: scale(1.1,1.1);}

.underline:hover{text-decoration: underline;}
label{-webkit-tap-highlight-color: rgba(255,0,0,0);} 

.flex{display: -webkit-box; display: -moz-box;display: -ms-flexbox; display: -webkit-flex; display: flex;}
.flex-align-start{align-items: flex-start;}
.flex-align-center {-webkit-box-align: center;-webkit-align-items: center;-ms-flex-align: center;align-items: center;}
.flex-align-end{align-items: flex-end;}
.flex-pack-center {-webkit-box-pack: center;-webkit-justify-content: center;-ms-flex-pack: center;justify-content: center;}
.flex-pack-justify {-webkit-box-pack: justify;-webkit-justify-content: pace-between;-ms-flex-pack: justify;justify-content: space-between;}
.flex-pack-start{justify-content: flex-start;}
.flex-pack-end{justify-content: flex-end;}
.flex-v {-webkit-box-orient: vertical; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; }
.flex-w{flex-wrap:wrap;}
.flex-1{flex:1;overflow: hidden;}
.flex-11{flex:1;}


.img_full{width: 100%;height: 100%;display: block;object-fit: cover;}

/* index */



.pic-sec{width: 100%; text-align: center;}
.pic-sec .img{max-width: 100%;display:inline-block;}

.sidemenu:hover{left: 0;}

.sidemenu{width: 320px;position:fixed;top: 0;bottom: 0;left:-170px;transition: all .3s;z-index:100;}
.sidemenu .font{font-size: 15px;color:#fff;background: #39414c;line-height: 40px;width: 150px;position:absolute;right: 0;top: 0;display: block;text-align: center;cursor: pointer;}
.sidemenu .font::before{content:'';display: inline-block;vertical-align: middle;margin-right: 6px;width: 19px;height: 19px;background:url(../images/menu.png) no-repeat center;background-size:contain;}

.sidemenu .box{background: #39414c;width: 170px;height: 100%;display: flex;flex-direction: column;}
.sidemenu .tips{font-size: 14px;color:#ff6a00;line-height: 20px;padding:15px 10px;}
.sidemenu .tips span{display: block;text-align: center;}
.sidemenu .list{border-top:1px solid rgba(255,255,255,.1);flex:1;overflow-y: scroll;}
.sidemenu .list li{font-size: 13px;color:#fff;line-height: 22px;border-bottom:1px solid rgba(255,255,255,.1);padding:8px 0 8px 15px;}
.sidemenu .list li a{display: block;transition: all 0s;}
.sidemenu .list li.cur,.sidemenu .list li:hover{color:#ff6a00;}


.sidemenu .list::-webkit-scrollbar{width: 5px;height: 8px;} 
.sidemenu .list::-webkit-scrollbar-track {background-color:transparent;border-radius:6px;} 
.sidemenu .list::-webkit-scrollbar-thumb { background-color:#ff6a00;border-radius:6px;} 
.sidemenu .list::-webkit-scrollbar-button { display:none;} 
.sidemenu .list::-webkit-scrollbar-resizer {display:none;}

@media screen and (min-width:320px) and (max-width:767px){
	.pic-sec{padding-bottom: 44px;}
	
	.sidemenu{position:static;}
	.sidemenu .tips{padding:15px 20px;}
	.sidemenu .tips span{text-align: left;}
	.sidemenu .font{position:fixed;width: 100%;left: 0;bottom: 0;z-index:100;top:auto;height: 44px;line-height: 44px;}
	.sidemenu .font.close::before{content:'';display: inline-block;vertical-align: middle;margin-right: 6px;width: 19px;height: 19px;background:url(../images/close.png) no-repeat center;background-size:contain;}
	
	
	.sidemenu .box{position:fixed;width: 100%;left: 0;top: 0;bottom: 44px;border-bottom:1px solid rgba(255,255,255,.1);height: auto;display: none;overflow-y: scroll;}
	.sidemenu .list li{font-size: 14px;line-height: 28px;padding:8px 20px;}



}