* {
	margin: 0;
	padding: 0; 
	 font-family:'黑体'; font-family:'微软雅黑'; font-family:'Microsoft YaHei';font-family:Helvetica; letter-spacing:1px;
}
*{ font: normal 0.22rem/100% Helvetica, Arial, sans-serif;}

@media screen and (min-width: 980px) {html{font-size:56.25px;}}
@media screen and (min-width: 1000px) {html{font-size:60.75px;}}
@media screen and (min-width: 1024px) {html{font-size:68.75px;}}
@media screen and (min-width: 1280px) {html{font-size:81.25px;}}
@media screen and (min-width: 1360px) {html{font-size:87.5px;}}


@media screen and (min-width: 1400px) {html{font-size:93.75px;}}
@media screen and (min-width: 1600px) {html{font-size:100px;}}
@media screen and (min-width: 1920px) {html{font-size:100px;}}
@media screen and (min-width: 2080px) {html{font-size:100px;}}
/* 滚动条宽度 */
         
         ::-webkit-scrollbar {
            width: 6px;
        }
        /* 滚动条背景 */
         
         ::-webkit-scrollbar-track {
            background-color: #efefef;
            
        }
        /* 滚动条颜色 */
         
         ::-webkit-scrollbar-thumb {
            height: 6px !important;
            width: 6px;!important;
            border-radius: 10px;
            background:#F06;
        }
        /* 滚动条颜色鼠标放上去颜色 */
         
         ::-webkit-scrollbar-thumb:hover {
            background-color: #d00053;
        }
        /* 滚动条颜色点击颜色 */
         
         ::-webkit-scrollbar-thumb:active {
            background-color: #d00053;
        }


body {
	  height: 100%;
            width: 100%;
            overflow: auto;
	margin: 0;
	padding: 0;
	border: 0;
 font-family:'黑体'; font-family:'微软雅黑'; font-family:'Microsoft YaHei';
}
.draggable{cursor:move;display:inline-block}
img {
	border: 0px;
	display: block;
}
div,p,a{ margin:0 auto; font-family:'黑体'; font-family:'微软雅黑'; font-family:'Microsoft YaHei';}
body div{margin:0 auto}
ul, li {
	list-style: none;
}
label{font-family:Helvetica;}
a {
	text-decoration: none;
	background-color: rgba(0, 0, 0, 0);
}
p {
	-webkit-margin-before: 0px;
	-webkit-margin-after: 0px;
	-webkit-margin-start: 0px;
	-webkit-margin-end: 0px;
}
/*去除点击阴影*/

video,a, input, button { outline:none;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
/*去除IOS自带圆角*/

input, button {
	-webkit-appearance: none;
	border-radius: 0;
}


input::-ms-input-placeholder{display: flex;align-items: center; justify-content:left;vertical-align:middle; font-size:0.13rem;}
input::-webkit-input-placeholder{display: flex;align-items: center; justify-content:left; vertical-align:middle;font-size:0.13rem;}
.bodybox{ width:100%;max-width:1920px; margin:0 auto; position:relative; height:auto}


.page1{margin:0 auto; width:100%;max-width:1920px; min-width:1280px; position: relative; top:0;  }

.more{position: absolute; width:10%; background:#fff; height:5%; bottom:9%; left:45%; background:url(../img/f1/btn.png) no-repeat center; background-size:cover;}
.more a{ width:100%; height:100%; font-size:1.1vw; color:#fff;display: flex;align-items: center; justify-content:center;   }

.boxdsk p{ font-size:1.2vw; color:#002e6c; font-weight:bold; width:100%; height:100%; left:2%; z-index: 8; text-overflow: -o-ellipsis-lastline;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;line-height:1.8vw; text-align:center}

@keyframes banner2 {
   0% {
      height:0
    }
    100% {
        width:100%; 
    }
}

.mainbox{ width:66%; height:100%; position:relative }
/******** 公共头部 start ***********/
.commHead{ width:100%;height:1.58rem; background:#fff; }
.tong_box{ width:100%; height:0.26rem; background:#f5f5f5}
.tong_box2{ width:100%; height:0.9rem;background:#fff; }
.tong_box3{ width:100%; height:0.42rem; background:#000}


.wel{ float:left; width:40%; line-height:0.26rem;  height:0.26rem;text-align:left; font-size:0.1rem }


.wer{ float:right; position:relative;  top:30%;  height:40%; text-align:left; font-size:0.1rem }
.wer a{ height:100%; padding-left:1vw; padding-right:1vw;display: flex;align-items: center; justify-content:center;  font-size:0.1rem; float:left; border-right:1px solid  #ccc; color:#333;}
.wer a:nth-child(3){ border:none;}
.wer a:hover{ color:#F00}
.logo{ float:left; width: 11.5%;position: relative;top: 28%;}
@media screen and (min-width: 1700px) {.logo{top:18%;}}

.logowz{ float:left; width: 22%;position: relative;top:49%; left:5.2%;}
.logowz DIV{ width:100%; height:100%; font-size:0.2rem;  }
.logowz DIV font{ font-size:0.2rem;}
.search{ width:32%; float:right; background:#F06; position:relative; top:38%; right:11%; height:37%; border-radius:3vw; overflow:hidden; padding:2px; box-sizing:border-box;}
.search form{ width:100%; height:100%; position:relative;}
.serbox{ float:left; width:80%; background:#fff; height:100%; border-radius:3vw 0  0 3vw; overflow:hidden;}
.serbtn{ float:right; width:20%; border:0px; background:#0F9; height:100%; cursor:pointer; background: url(../img/ss.png) no-repeat center; background-size:auto 100%;  }
.serbox input{ width:100%; height:100%; padding-top:2px; text-align:left; font-size:0.13rem; border:0; background:none; outline:none; color:#000; padding-left:14px; box-sizing:border-box;display: flex;align-items: center; justify-content:center;  } 
.menuL{ width:70%; height:100%; float:left}
.menuR{ width:16%; height:100%; float:right}
.menuli{ float:left; width:16%; position:relative;text-align:center}
.menuli a{ font-size:0.13rem; color:#fff;height:0.42rem; line-height:0.42rem;  }
.showName{float:right; width:100%; height:100%;background: url(../img/vip.png) no-repeat center left; background-size:auto 40%; position:relative; height:0.42rem; line-height:0.42rem;font-size:0.13rem; color:#fff; padding-left:0.23rem; box-sizing:border-box }
.xiex{ position:absolute; width:10%; top:34%; right:-6%; z-index:22}
.huabox{ position:absolute; top:0%; height:100%; left:0;  width:70%}
.menuli2{ width:16%; height:100%; background:#F06;position:absolute; left:0; top:0; }

/******** list首页 start ***********/
.mainList{ border:1px solid #999; margin-top:10px; width:100%; height:168px; box-sizing:border-box; padding:10px; padding-top:0px;}
.mainListTT{ height:36px; line-height:36px; width:100%; font-size:0.13rem; text-align:center; border-bottom:1px solid #999;}
.mainListbox{ height:40px;  width:100%; font-size:0.13rem; text-align:center;}
.mainListboxL{ float:left; height:100%; width:20% }
.mainListboxR{ float:RIGHT; height:100%; width:80% }
.ListFbox{ height:65px; line-height:65px;  font-size:0.15rem; color: #F06; text-align:center; box-sizing:border-box; padding:0 14px;}
.ListFbox:nth-child(2){ border:0px;}
.ListFbox2{ height:65px;box-sizing:border-box;   font-size:0.13rem; color:#000; text-align:center; padding:4px; border-bottom:1px  dotted #999; clear:both; }
.ListFbox2 a{ padding:6px 14px; display:block; margin-bottom:2px; margin-top:2px; float:left; margin-right:8px; font-size:0.12rem; color:#000;} 
.ListFbox3{ height:65px; box-sizing:border-box;  font-size:0.13rem; color:#000; text-align:center; padding:4px; }
.ListFbox3 a{ display:block; float:left; margin-right:8px;  padding:6px 30px;margin-top:17px; font-size:0.14rem; color:#000;}
.ListFbox2 a:hover{ background:#F06; color:#fff}
.ListFbox3 a:hover{ background:#F06; color:#fff}
.probox{ width:100%; height:auto}
.picList{ padding:10px 0; text-align:center; font-size:0.15rem;}
	.picList li{ position:relative; margin-right:1%; float:left; background:none; overflow:hidden; width:32.6%; margin-top:0.2rem; text-align:center;  }
		.picList li:nth-child(3n){ margin-right:0px;}
		.picList ul{ width:100%; height:100%}
		.picList li .pic{ text-align:center; background:#fff;    padding: 2px;box-sizing: border-box;border: 1px solid #ccc;}
		.picList li .pic:hover{ background:#F06}
		.picList li .pic img{ width:100%; height:32%; display:block;  padding:2px; box-sizing:border-box; }
		.picList li .pic:hover{ border-color:#999; width:100%  }
		.picList li .title{  width:100%;    height:24px; padding:0 8px; box-sizing:border-box }
		.picList li .title a{color:#000; font-size:0.15rem;line-height:24px;}
.proR,.proL{ float:left; width:50%; height:24px; line-height:24px; text-align:left;color:#000; font-size:0.15rem; }
		.proR{ float:right; text-align:right; }
		.desc{  height:24px; width:100%;}
	
		.desc_box{ width:100%; height:24px;z-index:22;text-overflow: -o-ellipsis-lastline;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp:1;
  line-clamp: 1;
  -webkit-box-orient: vertical; line-height:24px; text-align:left; padding-left:8px; box-sizing:border-box; font-size:0.15rem; color:#000}
		
		

/******** show ***********/
.place{ width:100%; font-size:0.14rem; color:#000; height:30px; background:#F3F1F4; border-radius:3px; margin:8px 0px; line-height:30px; text-align:left; padding-left:8px; box-sizing:border-box}
.place a{  font-size:0.14rem; color:#000; }
.prodsc{ width:100%; height:auto; margin-top:16px;}		
.prodsc p{ font-size:0.13rem; color:#000; text-align:justify; line-height:0.22rem; margin-bottom:16px; }		
.showproL{ width:26%; float:left;border:1px solid #ccc; padding:2px; box-sizing:border-box}
.showproR{ width:73%; float:right;border:1px solid #ccc;padding:2px; box-sizing:border-box}
.showtt{ width:100%; height:34px; line-height:34px; text-align:left; font-size:0.13rem; text-indent:8px; background:#F3F1F4;}
.showproL .picList li{ float:none; width:100%; margin-top:0; margin-bottom:0.2rem;}
.showproR img{}

.brand{ width:100%; height:80px; line-height:80px; text-align:center; font-size:0.24rem; color:#666;}


.brandbox{ width:80%; height:auto;  position:relative; border-left:1px solid #efefef; box-sizing:border-box;  border-top:1px solid #efefef; }	
.brandli{ border-right:1px solid #efefef; height:71px; box-sizing:border-box; background:#fff; border-bottom:1px solid #efefef; width:12.5%; float:left;display: flex;align-items: center; font-size:0.18rem; justify-content:center; position:relative ;cursor:pointer;}
.brandli a{ width:0%; height:0%; cursor:pointer;display: flex;align-items: center; font-size:0.18rem; justify-content:center; background:#F36; font-size:0.12rem; color:#fff; position:absolute; top:50%; left:50%; opacity:0  }
.jies{ position:absolute; width:25%; height:151px; background:#ca285d; right:-0.6%; top:-15px; z-index:9999; display: flex;align-items: center; justify-content:center;}
.jies p:nth-child(1){ font-size:0.5rem; color:#fff; text-align:center;font-family:Helvetica; width:100%;  }
.jies p:nth-child(2){ font-size:0.22rem; text-align:center; color:#fff; width:100%;}
.jies2{ position:absolute; width:25%; height:142px;  right:0%; top:-1px; z-index:9; background:#f8f8f8}
.mejs{ width:100%;}

/******** newlist ***********/
.newbox{ width:100%; height: auto}
.newboxli{ width:100%; height:120px; margin-bottom:14px;}
.newboximg{ width:20%; height:100%; float:left; border:3px solid #fff; box-sizing:border-box}
.newboxR a{ position:absolute; font-size:0.13rem; color:#F09; padding:8px 20px; text-align:center; right:0; top:0; display:block }
.newboxR{ width:79%; position:relative; float:right; height:100%; padding:3px; box-sizing:border-box; border-bottom:1px dotted #999}
.newboxR p:nth-child(1){ height:30px; font-size:0.15rem; font-weight:bold; text-align:left; line-height:30px;}
.newboxR p:nth-child(2){text-overflow: -o-ellipsis-lastline;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp:4;
  line-clamp: 4;
  -webkit-box-orient: vertical; line-height:24px;text-align: justify; font-size:0.12rem; text-align:left; line-height:0.24rem;}
 





.commMess{ width:100%; height:34vh; z-index:888; }
/******** 公共脚部 ***********/
.commFoot{ width:100%; clear:both;  }

.commFoots{ width:100%;  height:100px; padding:20px 0; background:#fff; z-index:888; border-bottom:1px solid #efefef; }
.commFli{ float:left; width:19%; cursor:pointer; margin-right:1%; height:100%; }
.commFli:nth-last-child{ margin-right:0}
.iconMs{ width:75%; float:right; height:80%; margin-top:10%;}
.iconMstt{ height:40%; width:100%; text-align:left; font-size:0.18rem; color:#000;display: flex;align-items: center;  justify-content:left; }
.iconMspp{ height:40%; width:100%; text-align:left; font-size:0.12rem; color:#CCC; line-height:0.15rem }
.iconMspp:hover{ color:#F03;}

.playbox{width:73%; height:520px;margin-top:10px;display:none; box-sizing:border-box;background:#000;padding:8px; padding-bottom:0px; float:right}
.playbox2{width:100%; height:90%;background:#000;}
.playbox2name{height:10%; width:100%; color:#fff; text-algin:center;display: flex;align-items: center; justify-content:center; font-size:0.15rem;}




.commFootLink{ width:100%;  height:80px; background:#fff; z-index:888; }
.FootLinkL{ width:10%; float:left; height:100%; font-size:0.15rem; color:#000;display: flex;align-items: center;  justify-content:center;}
.FootLinkR{ width:90%; float:right; height: 82%;overflow: hidden; padding-top:7px;box-sizing:border-box; }
.FootLinkR a{ font-size:0.12rem;color:#666}
.FootLinkR a:hover{ color:#096}

.commFootx{ width:100%;  height:76px; background:#2b2b2b; z-index:888; }
.commFootxL{ float:left; height:100%;display: flex;align-items: center; font-size:0.12rem;  justify-content:left; color:#898989;}

.commFootxR{ height:100%; float:right;display: flex;align-items: center;  justify-content:left;  }

.commFootxR a{ font-size:0.12rem; margin:0 10px; color:#898989}
.commFootxR a:hover{ color: #F06}

.met_pager{ margin-top:40px;}
.met_pager,.pageinfo{ width:100%; height:30px;}
.pageinfo{ display: flex;align-items: center; font-size:0.12rem;  justify-content:center}
.pageinfo span,.pageinfo  a{ height:30px; border:1px solid #999; margin:0 2px; box-sizing:border-box; width:50px; cursor:pointer; font-size:0.13rem; text-align:center; line-height:30px;}
.pageinfo span font{ width:100%; height:100%; background:#fff;display: flex;align-items: center; font-size:0.18rem; font-family:Helvetica; justify-content:center}

.prv{width:100%; margin-top:40px; font-size:0.18rem; font-family:Helvetica; }

.prv div{text-overflow: -o-ellipsis-lastline;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp:1;
  line-clamp: 1;
  -webkit-box-orient: vertical; line-height:30px; }
.prv div,.prv a{font-size:0.18rem; text-align:left;line-height:30px; }
.prv div{ width:100%; margin-bottom:15px;  line-height:30px;}
.prv strong,.prv font{font-size:0.18rem;}
.prv font{ color:#999}
.prv font a{ color:#000}
.prv strong{ color:#F00; font-weight:bold}
.zhlist p span{ line-height:0.28rem;}
.zhlist p span strong{ font-weight:bold;}

.zhlist p{ margin-bottom:10px; width:100%}
.zhlist p img{ margin:10px 0px; max-width:100%;display: inline-block !important;}
.prv font a:hover{ text-decoration:underline; color:#F00}
@media screen and (min-width: 1923px) {p{font-size:16px; line-height:22px}}



/* 7 */