/*--公共--*/

body,ol,ul,h1,h2,h3,h4,h5,h6,p,th,td,dl,dd,form,fieldset,legend,input,textarea,select{margin:0;padding:0}
body{-webkit-text-size-adjust:100%;background: #fff; color: #323232;}
body{font-size:12px;font-family: PingFang SC,"Helvetica Neue","Microsoft YaHei",Helvetica,Tahoma,sans-serif;}
a{color:#323232;text-decoration:none}
a:hover{color:#ff6600;text-decoration:none;}
em{font-style:normal}
li{list-style:none}
img{border:0;vertical-align:middle;}
table{border-collapse:collapse;border-spacing:0}
p{word-wrap:break-word}
input{-webkit-appearance:none;}
.undis{display:none}
.wrap{width:1300px;margin:0 auto; display: block;}
.wraps{width:1250px;margin:0 auto; display: block;}
.mt20{margin-top:20px}
.mt30{margin-top:30px}
.mt35{margin-top:35px}
.mt40{margin-top:40px}
.mt45{margin-top:45px}
.mt15{margin-top:15px}
.mt10{margin-top:10px}
.mt5{margin-top:5px}
.mt80{margin-top:80px}
.mt100{margin-top:100px}
.ml15{margin-left:15px}
.mb15{margin-bottom:15px}
.fl{float:left;}
.fr{float:right;}
/*
.block{ display: block; overflow: hidden;}
*/

.block{ display: block;}

.ellipsis{overflow: hidden;

text-overflow: ellipsis; display: block;

white-space: nowrap;}
.wpchidden{  display: none;}
.hui{ background-color: #F2F2F2;}


/*头部*/
.head{display: block;width:100%; height: auto;
z-index: 1000;}
.logo { float: left; width:190px; margin-top: 25px;}
.logo  a img{ width: 100%; height: auto;}
.navadmin{background-color: #C80000;display: inline-block; width:100%;}
.nav {display: block;  margin: 0px -27px;width:1360px; height: 55px; line-height: 55px;}
.nav ul{  display: block; }
.nav ul li{  float: left; position: relative;transition: all 0.6s;}
.nav ul li.b1{ transition: all 0.6s;}
.nav ul li.b1 dl{ display:  none;width: 115px; position: absolute; top:53px; left: 0px; background-color: #FFFFFF; z-index: 10000;border-left: #ddd 1px solid;border-right: #ddd 1px solid;border-bottom: #ddd 1px solid;
}
.nav ul li.b1 dl dd{ display: block; overflow: hidden;border-bottom: 1px solid #F2F2F2; }
.nav ul li.b1 dl dd a{ display: block; overflow: hidden; padding: 0px; width: 100%; height: 40px; line-height: 40px; text-align: center; color: #333333; font-size: 15px;}
.nav ul li.b1 dl dd a:hover{	
color: #fff;
}

.nav ul li.b1:hover dl{ display: block; top:53px;
	animation: hideIndex 0.25s;
	-moz-animation: hideIndex  0.25s; /* Firefox */
	-webkit-animation: hideIndex  0.25s; /* Safari and Chrome */
	-o-animation: hideIndex  0.25s; /* Opera */


}

@keyframes hideIndex{
	0%{ 
	 transform: translateX(-0%) translateY(20px);
	 }
	100%{
	 transform: translateX(0%) translateY(0px);
	}
}
.group_buying{ width:100%;}
	.group_buying ul { margin: 0 15px 0; zoom:1; }
	.group_buying ul li {  position: relative; height: 66px;display: block;overflow: hidden;border-bottom: 1px dashed #F2F2F2;padding-bottom: 25px;padding-top: 25px;}
	.group_buying ul li img {vertical-align:middle;float: left;width: 110px;height: 62px;-moz-border-radius: 3px;-webkit-border-radius: 3px;border-radius: 3px;margin-right: 10px;object-fit: cover;}
	.group_buying ul li p { font-size: 15px;line-height: 28px;}
	.group_buying .dis_pi {float: left; position: relative;width: 110px;height: 62px;-moz-border-radius: 3px;-webkit-border-radius: 3px;
border-radius: 3px;margin-right: 10px;}
	.group_buying ul .last { border-bottom:0;  }
	.group_buying .on { position: relative;width: 272px;height: 200px; line-height: 30px; margin-top: 10px }
	.group_buying ul li.on  img {width: 272px;height: 152px; vertical-align:middle; }
    .group_buying ul li.on p {width: 100%; display: block; overflow: hidden;}
	.group_buying .on .dis_pi { display: block;width: 272px;height:152px; }
.nav ul li a{  float: left; color: #fff; font-size: 17px; padding-left: 27px; padding-right: 26px;}
.nav ul li a:hover{ color: #fff; text-decoration: none;  background-color: #A10B0C;}
.search {float:left; height: 130px; margin-left: 150px;}
.tel{float:left;  margin-left: 90px; background: url(../images/tel.png) no-repeat; padding-left: 40px; line-height: 30px; font-size: 22px; color: #79716F; margin-top: 40px;}
.taocixinxbao{float:right; background: url(../images/copy.png) no-repeat; padding-left: 25px; line-height: 30px; font-size: 16px; color: #7A7172; margin-top: 40px;}

#searchform{width:425px;height: 45px;  margin:0 auto; background-color: #F5F5F5; margin-top: 35px;	
transition:all 300ms cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
	-moz-transition:all 300ms cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
	-webkit-transition:all 300ms cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
	-o-transition:all 300ms cubic-bezier(0.215, 0.61, 0.355, 1) 0s;-moz-border-radius: 20px;
-webkit-border-radius: 20px;
border-radius:20px;}
#searchform fieldset{padding:0px;border:none;margin:0px; padding-left: 40px; background:url(../images/search.png) 20px 12px  no-repeat; }
#searchform input[type="text"]{
	background:#F5F5F5;
	border:none;outline:none;
	float:left;
	padding:0;
	margin-left: 10px;
	width:300px;
	height:45px;
	line-height:45px;
	transition:all 300ms cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
	-moz-transition:all 300ms cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
	-webkit-transition:all 300ms cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
	-o-transition:all 300ms cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
	color:#585858;
}
/*#searchform:hover{width:250px;}
#searchform:hover  input[type="text"]{width:150px;}
#searchform:hover  input[type="text"]:focus{border:0;outline:none;}*/
#searchform input[type="submit"]{cursor:pointer;margin:0px;padding:0px;width:75px;height:43px;line-height:43px; float: right;border-left : 1px solid #DDDDDD; font-size: 16px; margin-top: 1px;}
input[type="submit"]{color:#ffff;color:#585858;text-transform:uppercase;border:none;font-size:14px;cursor:pointer;margin-top:10px;
float:left;overflow:visible;
transition: all .3s linear;
-moz-transition: all .3s linear;
-o-transition: all .3s linear;
-webkit-transition: all .3s linear;}
#searchform input[type='submit']{background:none;}
.index_ad{ display: block; overflow: hidden; margin-top: 18px; }
.index_ad ul{ display: block; overflow: hidden; width: 1360px; }
.index_ad ul li{ display: block; overflow: hidden; width: 640px; float: left; margin-right: 20px; margin-top: 10px;}

.focusBox { position: relative; width:800px; height:470px; display: block; overflow: hidden; -moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius:5px;  float: left;}
.focusBox .pic img { width:800px; height:470px; display: block; }
.focusBox .hd { overflow:hidden; zoom:1; position:absolute; bottom:20px; left:50%; margin-left: -130px; z-index:3}
.focusBox .hd li{float:left; line-height:15px; text-align:center; font-size:12px; width:30px; height:6px; cursor:pointer; overflow:hidden; background:#919191; margin-left:20px; filter:alpha(opacity=80); opacity:.8; -webkit-transition:All .5s ease;-moz-transition:All .5s ease;-o-transition:All .5s ease;-moz-border-radius:3px;
-webkit-border-radius: 3px;
border-radius:3px;}
.focusBox .hd .on{ background:#fff; filter:alpha(opacity=100);opacity:1;   }
.focusBox .prev,
.focusBox .next { width:30px; height:80px; position:absolute; top:190px; z-index:3; -webkit-transition:All .5s ease;-moz-transition:All .5s ease;-o-transition:All .5s ease}
.focusBox .prev { background:url(../images/prev.png)  no-repeat;  left:0px }
.focusBox .next { background:url(../images/next.png)  no-repeat;  right:0px }
.focusBox .prev:hover,
.focusBox .next:hover { }

.kuaixun{ display: none; overflow: auto; margin-top: 10px; }
.kuaiimg{ float: left; margin-left: 4%; margin-right: 10px;}
.kuaiimg img{ height: 18px;}
.kuaitxt{ float: left; width: 65%;}
.kuaitxt a{ width: 100%; display: block;
				overflow:hidden;
				white-space: nowrap;
				text-overflow: ellipsis;
				-o-text-overflow:ellipsis; font-size: 14px;}


.kuaimoer{ float: right; width: 50px; font-size: 14px;border-left : 1px solid #DDDEE2; text-align: center;}
.kuaimoer a{  color: #3F3F3F;}
.swiper-container{ display: none;}
.m_type{display: none; overflow: hidden; margin-top: 20px;}
.m_type ul{}
.m_type ul li{ float: left; width: 46%; margin-left: 3%; margin-bottom: 10px;}
.m_type ul li a img{ width: 100%; height: auto;}
/*.pagination-news{ width: 150% !important; overflow-x: auto;
  display: -webkit-box;
  -webkit-overflow-scrolling: touch;}
  */
    .pagination-news{
    height: 50px;
    white-space: nowrap;
    overflow-x: scroll; z-index: 10000; margin-left: 10px; margin-right: 10px;

  }

    
    .pagination-news::-webkit-scrollbar{
      display: none;
    }

  
  
.pagination-news::-webkit-scrollbar {display: none;}
  
.pagination-news li.swiper-pagination-bullet{ width: auto; height: auto;border-radius: inherit; background: inherit; font-size: 16px; line-height: 50px; color: #333 !important;opacity: 1;margin: 0 5px !important;}
.pagination-news li.swiper-pagination-bullet-active{ color: #E43436 !important;font-weight:bold;margin: 0 5px !important;}








.hot{display: block; overflow: hidden; width: 450px; float: right;}
.hot_news{display: block; overflow: hidden; height: 42px; line-height: 42px; background: url(../images/hot_w.png) no-repeat; padding-left: 32px; font-size: 30px; color: #FF0000;margin-bottom: 10px;}
.hot_buying{ width:100%;display: block;overflow: hidden;}
.hot_buying ul { zoom:1;margin-top:9px; display: block; }
.hot_buying ul li {  position: relative; display: block;overflow: hidden;border-bottom: 1px dashed #F2F2F2; margin-bottom: 16px;}
.hot_buying ul li div.hotli{ display: inline-block; float: left; margin-right: 10px;}
.hot_buying ul li a.ellipsis{ font-size: 16px; height: 30px; padding-left: 30px;overflow: hidden;
text-overflow: ellipsis; display: block;
white-space: nowrap;}
.hot_buying ul li img {vertical-align:middle;float: left;width: 150px;height: 108px;-moz-border-radius: 3px;-webkit-border-radius: 3px;border-radius: 3px;}
/*.hot_buying ul li p { display: block;line-height: 22px; padding-bottom: 10px;overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap; }*/


.hot_buying ul li p a{ font-size: 18px; display: initial;}
.hot_buying ul li span{ line-height: 22px;font-size: 14px; color: #9B9B9B; height: 44px; display: none;}
.hot_buying .dis_pi {float: left; position: relative;width: 150px;height: 108px;-moz-border-radius: 3px;-webkit-border-radius: 3px;
border-radius: 3px;margin-right: 10px; display: none;}
.hot_buying ul .last { border-bottom:0;}
/*.hot_buying .on { position: relative;width: 150px;height: 200px; line-height: 30px; margin-top: 10px }*/
.hot_buying ul li.on  img {width: 150px;height:100%;object-fit: cover; vertical-align:middle; }
.hot_buying ul li.on p{line-height: 22px;overflow: hidden;
            text-overflow: ellipsis;
            display: -webkit-box;
            -webkit-line-clamp: 3;}
.hot_buying .on .dis_pi { display: block;width:150px;height:108px;float: left; }
.hot_buying .on span { display: inline-block;width:290px;}
.hot_buying ul li.on div.hotli{ display: none;}



	
	
.taonews{ display: block; overflow: hidden; width: 100%; height: 60px; line-height: 40px;border-bottom : 1px solid #DDDDDD;}
.taonews h2{ padding-left: 50px; font-size: 36px; color: #DF4223;font-weight:normal;}
.taonews h2.t1{background:url(../images/t1.png)  no-repeat;}
.taonews h2.t2{background:url(../images/t2.png)  no-repeat;}
.taonews h2.t3{background:url(../images/t3.png)  no-repeat;}
.taonews h2.t4{background:url(../images/t4.png)  no-repeat;}
.taonews h2.t5{background:url(../images/t5.png)  no-repeat;}
.taonews h2.t6{background:url(../images/t6.png)  no-repeat;}
.taonews h2.t7{background:url(../images/t7.png)  no-repeat;}
.taonews h2.t8{background:url(../images/t8.png)  no-repeat;}
.taonews a{ font-size: 18px; color: #666666;}
.hangye{ width: 408px; display: block; overflow: hidden; float: left; margin-right: 35px;}
.newstop{ width: 1360px;display: block; overflow: hidden;}
.hangtitle{display: block; overflow: hidden; height: 50px; line-height: 50px; font-size: 22px; margin-top: 10px;}


.hangimg{display: block; overflow: hidden;}
.hangimg ul{display: block; overflow: hidden;}
.hangimg ul li{display: block; overflow: hidden;}
.hangimg ul li dd{display:  block;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
height: 32px;
line-height: 32px;
font-size: 16px;}


.hangimg ul li a{ font-size: 16px;}
.hangimg ul li .w_img{ float: left; margin-right: 20px; display: none;width: 168px; height: 120px;}
.hangimg ul li .w_img a img{width: 168px; height: 105px;object-fit: cover;}

.hangimg ul li p{ font-size: 16px;overflow: hidden;
            text-overflow: ellipsis;
            display:  none;
            -webkit-line-clamp: 2;
            -webkit-box-orient: vertical;    line-height: 28px;}
.hangimg ul li p a{ font-size: 16px; }
.hangimg ul li span{ font-size: 14px; color: #999999;line-height: 22px;overflow: hidden;
            text-overflow: ellipsis;
            display: none;
            -webkit-line-clamp: 3;
            -webkit-box-orient: vertical; }
.hangimg ul li.on p{display: block;}         
.hangimg ul li.on .w_img{display: block;}          
.hangimg ul li.on span{display: block;}           
.hangimg ul li.on dd{display: none;}

  
  
.changimg{display: block; overflow: hidden;}
.changimg ul{display: block; overflow: hidden;}
.changimg ul li{display: block; overflow: hidden;}
.changimg ul li dd{display:  block;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
height: 32px;
line-height: 32px;
font-size: 16px;}


.changimg ul li a{ font-size: 16px;}
.changimg ul li .w_img{ float: left; margin-right: 20px;display: none;width: 168px; height: 120px;}
.changimg ul li .w_img a img{width: 168px; height: 118px;object-fit: cover;}

.changimg ul li p{ font-size: 16px;overflow: hidden;
            text-overflow: ellipsis;
            display: none;
            -webkit-line-clamp: 2;
            -webkit-box-orient: vertical;    line-height: 28px;}
.changimg ul li p a{ font-size: 16px; }
.changimg ul li span{ font-size: 14px; color: #999999;line-height: 22px;overflow: hidden;
            text-overflow: ellipsis;
            display: none;
            -webkit-line-clamp: 3;
            -webkit-box-orient: vertical; }
.changimg ul li.on p{display: block;}         
.changimg ul li.on .w_img{display: block;}          
.changimg ul li.on span{display: block;}           
.changimg ul li.on dd{display: none;}
  
  
  
       
            
.nveslist{display: block; overflow: hidden;}
.nveslist ul{display: block; overflow: hidden;}
.nveslist ul li{display: block; overflow: hidden;}
.nveslist ul li a{display: block; overflow: hidden;text-overflow: ellipsis;white-space: nowrap; height: 32px; line-height: 32px; font-size: 16px;}

.maimai{display: block; overflow: hidden;}
.swiper-news{display: none; overflow: hidden;}

.zhaozhuan{display: block; overflow: hidden; width: 630px; float: left;border: 1px solid #DDDDDD; height: 200px; margin-top: 20px;}
.maititle{display: block; overflow: hidden; height: 42px; line-height: 42px; margin-left: 5px;border-bottom : 1px solid #DDDDDD; margin-right: 5px;}
.maititle span{ float: left; font-size: 15px; color: #444444;}
.maititle span.m1{ width: 115px; padding-left: 20px;}
.maititle span.m2{ width: 160px;}
.maititle span.m3{ width: 120px;}
.maititle span.m4{ width: 110px;}
.maititle span.m5{ width: 90px;}


	
.swiper-top,.swiper-wrapper,.swiper-slide{width: 100%;height: 100%;}
.swiper-top{ display: block; overflow: hidden; padding-top: 50px;}	
.swiper-slide{display: flex;align-items: center;justify-content: space-around;}
.tab{width: 100%;height: 50px; overflow: hidden; background-color: #F9F9F9; position: absolute;top: 0;left: 0;z-index: 999; overflow-x: auto;display: -webkit-box;-webkit-overflow-scrolling: touch; }
.tabItem{height: 50px; padding-left: 15px; padding-right: 15px; /*float: left;*/line-height: 50px;text-align: center; font-size: 14px;}
.active{ color: #E43434;font-weight:bold;}

.m_yaoimg{display: block; overflow: hidden; height:auto;  margin-left:10px; margin-right: 10px;border: 1px solid #dddddd; margin-bottom: 20px; margin-top: 10px;}
.m_yaoimg ul{display: block; overflow: hidden; width:102%;}
.m_yaoimg ul li{ width: 32.5%; height: 52px;border-right : 1px solid #dddddd; float: left;border-bottom : 1px solid #dddddd;}
.m_yaoimg ul li a{display: block; overflow: hidden;}
.m_yaoimg ul li a img{width: 90%; height: auto; margin: 5%;}
/*荣耀榜*/
.m_top{ display: none;}

.mailist{display: block; overflow: hidden; margin-top: 5px;}
.mailist ul{display: block; overflow: hidden;}
.mailist ul li{display: block; overflow: hidden; line-height: 30px;}
.mailist ul li span{ float: left; font-size: 15px; color: #444444;}
.mailist ul li span.m1{ width: 115px; padding-left: 20px;}
.mailist ul li span.m2{ width: 160px;}
.mailist ul li span.m3{ width: 120px;}
.mailist ul li span.m4{ width: 110px; color: #ff6600;}
.mailist ul li span.m5{ width: 90px; color: #999999;}
.mailist ul li span.m6{ display: none;}


.maizhuan{display: block; overflow: hidden; width: 630px; float: right;border: 1px solid #DDDDDD; height: 200px; margin-top: 20px;}

.changzheng{display: block; overflow: hidden; font-size: 16px; margin-top: 20px; line-height: 28px;border-bottom : 1px solid #dadada; padding-bottom: 15px;}


.dingwei{display: block; overflow: hidden; height: 30px; line-height: 30px;  padding-left: 40px;background:url(../images/dingwei.png)  no-repeat;font-size: 22px; color:#9A9A9A; margin-top: 40px;}
.dingwei span{ color: #DF411C;}
.maplist{display: block; overflow: hidden;}
.maplist ul{display: block; overflow: hidden;}
.maplist ul li{display: block; overflow: hidden;font-size: 16px;border-bottom : 1px solid #DEDEDE; padding-bottom: 13px; padding-top: 13px;}
.maplist ul li a{ display: block; line-height: 28px;height: 28px;overflow: hidden;
            text-overflow: ellipsis;
            display: -webkit-box;
            -webkit-line-clamp: 1;　
            -webkit-box-orient: vertical; }
.maplist ul li span{display: block; overflow: hidden; color: #999999; font-size: 14px; margin-top: 12px;}
.mapmoer{display: block; overflow: hidden; margin-top: 16px;}
.mapmoer a{display: block; overflow: hidden; background-color: #ED4B48; height: 54px; line-height: 54px; text-align: center; font-size: 18px; color: #FFFFFF;}
.datamap{ float: right;width: 400px; display: block; overflow: hidden;}
.gaoduan{display: block; width: 100%;}
.gaoduan ul{display: block; width: 1380px;}
.gaoduan ul li{display: block; width: 390px; height: 310px; float: left; background-color: #F0F0F0; margin-right: 65px; position: relative; margin-top: 55px; margin-bottom: 30px;}
.gaoduan ul li h2{ font-size: 30px; color: #C64528; font-weight:normal; padding-left: 40px; padding-right: 40px; height: 100px; line-height: 100px;}
.gaoduan ul li a.tit{ display: block; overflow: hidden; margin-left: 40px; margin-right: 40px; font-size: 16px; line-height: 28px;}
.gaoduan ul li p{ display: block; overflow: hidden; margin-left: 40px; margin-right: 40px; font-size: 15px; color: #A1A1A1; line-height: 28px; margin-top: 20px;}
.gaoduan ul li div.dou{ position: absolute; left: 0px; top: -13px; width: 51px; height: 35px; background: url(../images/dou.png) no-repeat;}
.brandBox { position: relative; width:1300px; height:505px; display: block;  -moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius:5px;  background-color: #E8E8E8;}
.brandBox .tempWrap{float:left;width:900px !important;display: block; overflow:hidden;}
.brandBox .brandpic img { width:900px; height:505px; display: block; }
.brandBox .hd {  display: block; overflow:hidden; zoom:1;width:370px; height: 505px; float: right; z-index:3}
.brandBox .hd li{float:left; line-height:15px; text-align:center; font-size:12px; width:168px; height:67px; line-height: 67px; cursor:pointer; overflow:hidden; background:#FFFFFF; filter:alpha(opacity=80); opacity:.8; -webkit-transition:All .5s ease;-moz-transition:All .5s ease;-o-transition:All .5s ease;-moz-border-radius:3px;
-webkit-border-radius: 3px;
border-radius:3px; font-size: 16px; margin-left: 8px; margin-right: 8px; margin-bottom: 20px;}


.brandBox .hd .on{ background:#ED4B48; filter:alpha(opacity=100);opacity:1; color: #FFFFFF; }
.brandBox .hd .on a{ color: #FFFFFF; }

.brandBox .prev,
.brandBox .next { width:30px; height:60px; position:absolute; top:180px; z-index:3; -webkit-transition:All .5s ease;-moz-transition:All .5s ease;-o-transition:All .5s ease}
.brandBox .prev { background:url(../images/prev.png)  no-repeat;  left:0px }
.brandBox .next { background:url(../images/next.png)  no-repeat;  right:0px }
.brandBox .prev:hover,
.brandBox .next:hover { }


.taopei{display: block; overflow: hidden;}
.taopei ul{display: block; overflow: hidden; width: 1360px;}
.taopei ul li{display: block; overflow: hidden; float: left; width: 142px; height: 57px; background-color: #999999; margin-right: 22px; margin-bottom: 15px;}
.taopei ul li a{display: block; overflow: hidden; text-align: center; transition: all 0.4s;}
.taopei ul li a img{ width: 143px; height: 58px;object-fit: cover; transition: all 0.4s;}
.taopei ul li:hover  a img{transform: scale(1.2);width: 142px;height: 57px}


.notice-swiper { position: relative; width:100%; height: auto;}
.notice-swiper .swiper-container { width: 100%; height: 20px; }
.notice-swiper .swiper-slide { height: 20px; line-height: 20px; }
.notice-swiper .swiper-slide a { color: #333; }
.notice-swiper .swiper-pagination { position: absolute; }
.notice-swiper .swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet { margin: 3px 0; display: block; }
.notice-swiper .swiper-button-next, .notice-swiper .swiper-button-prev { position: absolute; left: auto; right: 0; top: -22px; margin: 0; width: 16px; height: 16px; background-size: 16px 10px; -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg); }
.notice-swiper .swiper-button-prev { margin-right: 20px; }

.picScroll-left{width: 300px;height: auto;overflow: hidden; position: relative; margin-top: 20px;}
.picScroll-left .hda .prev{isplay:block;position: absolute; top: 50px; left: 10px;  overflow:hidden;cursor:pointer;  z-index: 100;}
.picScroll-left .hda .next{ display:block;position: absolute; top: 50px; right: 10px;  overflow:hidden;cursor:pointer;  z-index: 100;}	
.picScroll-left .bd{ z-index: 1;}
.picScroll-left .bd ul{ overflow:hidden;}
.picScroll-left .bd ul li{ margin:0px;width:300px;height: 136px;float:left;display:inline; overflow:hidden; text-align:center;  }
.picScroll-left .bd ul li a{text-align:center;}
.picScroll-left .bd ul li a img{ display:block; width:300px; height: 136px;}
.adtxt{ display: block; overflow: hidden; width: 36px; height: 21px; position: absolute; top: 0px; left: 0px; background:url(../images/ad1.png)  no-repeat;  z-index: 1000;}
.picScroll-leftb{width: 700px;height: auto;overflow: hidden; position: relative; margin-top: 20px;}
.picScroll-leftb .hdb .prev{isplay:block;position: absolute; top: 50px; left: 10px;  overflow:hidden;cursor:pointer;  z-index: 100;}
.picScroll-leftb .hdb .next{ display:block;position: absolute; top: 50px; right: 10px;  overflow:hidden;cursor:pointer;  z-index: 100;}	
.picScroll-leftb .bdb{ z-index: 1;}
.picScroll-leftb .bdb ul{ overflow:hidden;}
.picScroll-leftb .bdb ul li{ margin:0px;width:700px;height: 115px;float:left;display:inline; overflow:hidden; text-align:center;  }
.picScroll-leftb .bdb ul li a{text-align:center;}
.picScroll-leftb .bdb ul li a img{ display:block; width:700px; height: 115px;}
.wrapad{ width: 700px; position: relative; display: block; overflow: hidden; margin: 0px auto; margin-bottom: 30px;}
.picScroll-leftc{width: 1000px;height: auto;overflow: hidden; position: relative;}
.picScroll-leftc .hdc .prev{isplay:block;position: absolute; top: 60px; left: 10px;  overflow:hidden;cursor:pointer;  z-index: 100;}
.picScroll-leftc .hdc .next{ display:block;position: absolute; top: 60px; right: 10px;  overflow:hidden;cursor:pointer;  z-index: 100;}	
.picScroll-leftc .bdc{ z-index: 1;}
.picScroll-leftc .bdc ul{ overflow:hidden;}
.picScroll-leftc .bdc ul li{ margin:0px;width:1000px;height: 150px;float:left;display:inline; overflow:hidden; text-align:center;  }
.picScroll-leftc .bdc ul li a{text-align:center;}
.picScroll-leftc .bdc ul li a img{ display:block; width:1000px; height: 150px;}
.wrapac{ width: 1000px; position: relative; display: block; overflow: hidden; margin: 0px auto; margin-bottom: 20px;}
.patt{ display: block; overflow: hidden; width: 100%;}
.patt ul{ display: block; overflow: hidden; width:1300px ;}
.patt ul li{ display: block; overflow: hidden; width: 287px ; height: 135px; float: left; margin-right: 17px;-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius:5px;}
.patt ul li a{ display: block; overflow: hidden; position: relative;}
.patt ul li a img{ width: 287px ; height: 135px; transition: all 0.6s;}
.patt ul li:hover a img{transform: scale(1.2);}
.pa{ position: absolute; top: 35px; left: 0px;width: 287px ; height: 135px;}
.pa i{ display: block; overflow: hidden; width: 30px; height: 30px; margin: 0px auto;}
.pa i.pt1{ background: url(../images/pt1.png) no-repeat;}
.pa i.pt2{ background: url(../images/pt2.png) no-repeat;}
.pa i.pt3{ background: url(../images/pt3.png) no-repeat;}
.pa i.pt4{ background: url(../images/pt4.png) no-repeat;}
.pa p{ display: block; overflow: hidden; text-align: center; font-size: 20px; color: #FFFFFF;}
.index_list{ width: 900px; display: block; overflow: hidden; float: left;}
.news{display: block; overflow: hidden; margin-bottom: 20px;}
.news ul{display: block; overflow: hidden;}
.news ul li{display: block; overflow: hidden; background-color: #FFFFFF; margin-bottom: 20px;}
.news ul li a.date-img{ float: left; width: 355px; height: 200px; margin-right: 30px; display: block; overflow: hidden; transition: all 0.6s; }
.news ul li a.date-img img{-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius:3px;width: 355px;height: 200px;object-fit: cover; transition: all 0.6s; }
.news ul li:hover a.date-img img{transform: scale(1.2);width: 345px;}
.news ul li:hover a.date-img{width: 345px;  margin-right: 30px;}
.news1{display: block; overflow: hidden; margin-bottom: 60px;}
.news1 ul{display: block; overflow: hidden;}
.news1 ul li{display: block; overflow: hidden;border-bottom: 1px solid #F2F2F2;margin-bottom: 20px; padding-bottom: 20px;}
.news1 ul li a.date-img{ float: right; width: 355px; height: 200px; display: block; overflow: hidden;transition: all 0.6s;}
.news1 ul li a.date-img img{ width: 355px; height: 200px;-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius:3px;object-fit: cover;transition: all 0.6s;}
.news1 ul li:hover a.date-img img{transform: scale(1.2);width: 345px;}
.news1 ul li:hover a.date-img{width: 345px;}
.news1 ul li:hover .news_fio{ margin-left: 10px;}
.more{ display: block; overflow: hidden; height: 44px; font-size: 16px;  line-height: 44px; background-color: #EBEBEB; text-align: center;cursor:pointer; color: #888888;}
.more img{ margin-left: 10px; margin-right: 10px;}
.news_fio{ padding-right: 20px; margin-top: 20px; width: 460px; display: block; overflow: hidden;transition: all 0.6s;}
.news_fio  h4.date-title{ font-size: 18px;font-weight:600; line-height:35px;height:70px;}
.news_fio  p{ font-size:14px; color: #909090; line-height:22px;height:66px;}
.act-datetime i{ font-size:14px; color: #909090; line-height:22px;font-style:normal}
.news_fio a.date-link img{ float: left; margin-top: 8px; margin-right: 5px;}
.act-datetime{ display: block; overflow: hidden;}
.act-datetime i{ height: 30px; line-height: 30px; padding-left: 20px; padding-bottom: 5px;}
.act-datetime i.ul_home{ background: url(../images/ul_home.png) 0px 10px no-repeat;background-size:20px 20px; padding-top: 10px; padding-left: 30px;font-weight:bold; margin-left: 10px;}
.act-datetime i.time_asc{ float: right;padding-top: 8px;margin-right: 10px;font-weight:bold;}
.act-datetime i.ul_ding{ background: url(../images/ul_ding.png) 0px 7px  no-repeat; float: right; margin-right: 20px;}
.act-datetime i.ul_youlan{ background: url(../images/ul_youlan.png) 0px 7px  no-repeat; float: right; margin-right: 20px;}
.index_right{ width: 300px; display: block; overflow: hidden;  float: right;}
.index_right_lm{ width: 310px; display: block; float: right;position: relative;}
.right_body{ background-color: #FFFFFF; display: block; overflow: hidden;}
.hottitle{ height: 50px; line-height: 50px; font-size: 15px;font-style:normal;border-bottom : 1px solid #F2F2F2; margin-left: 20px; margin-right: 20px;}
.right_hot{ display: block; overflow: hidden; margin-left: 15px; width: 272px; margin-top: 15px;}
.right_hot ul{display: block; overflow: hidden; }
.right_hot ul li{display: block; overflow: hidden;height: 230px; width:100%;}
.right_hot ul li a{display: block; overflow: hidden; position: relative;}
.right_hot ul li a img{ display: block; overflow: hidden; width: 272px; height: 152px;}
.right_hot ul li a p{ font-size: 15px; line-height: 28px;}
.right_list{display: block; overflow: hidden; margin-left: 15px; margin-right: 15px;}
.right_list ul{display: block; overflow: hidden;}
.right_list ul li{display: block; overflow: hidden;border-bottom : 1px dashed #F2F2F2; padding-bottom: 25px; padding-top: 25px;  }
.right_list ul li a{display: block; overflow: hidden;position: relative; width:100%;}
.right_list ul li a img{ float: left; width: 110px; height: 62px;-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius:3px; margin-right: 10px;}
.right_list ul li a p{ font-size: 14px; line-height: 22px;}

.top1{ display: block; overflow: hidden; position: absolute; top: 0px; left: 0px; width: 54px; height: 26px; background-color: #FF0101; line-height: 26px; text-align: center; font-size: 18px; color: #FFFFFF;}
.top2{ display: block; overflow: hidden; position: absolute; top: 0px; left: 0px; width: 54px; height: 26px; background-color: #FF0101; line-height: 26px; text-align: center; font-size: 18px; color: #FFFFFF;}
.top3{ display: block; overflow: hidden; position: absolute; top: 0px; left: 0px; width: 54px; height: 26px;background-color: #FE0000;  color: #FFFFFF; font-size: 18px; text-align: center; line-height: 25px;}
.top4{ display: block; overflow: hidden; position: absolute; top: 0px; left: 0px; width: 54px; height: 26px;background-color: #CECECE;  color: #FFFFFF; font-size: 18px; text-align: center; line-height: 25px;}
.top5{ display: block; overflow: hidden; position: absolute; top: 0px; left: 0px; width: 54px; height: 26px;background-color: #CECECE;  color: #FFFFFF; font-size: 18px; text-align: center; line-height: 25px;}
.top6{ display: block; overflow: hidden; position: absolute; top: 0px; left: 0px; width: 54px; height: 26px;background-color: #CECECE;  color: #FFFFFF; font-size: 18px; text-align: center; line-height: 25px;}
.top7{ display: block; overflow: hidden; position: absolute; top: 0px; left: 0px;width: 54px; height: 26px;background-color: #CECECE;  color: #FFFFFF; font-size: 18px; text-align: center; line-height: 25px;}
.top8{ display: block; overflow: hidden; position: absolute; top: 0px; left: 0px;width: 54px; height: 26px;background-color: #CECECE;  color: #FFFFFF; font-size: 18px; text-align: center; line-height: 25px;}
.top9{ display: block; overflow: hidden; position: absolute; top: 0px; left: 0px;width: 54px; height: 26px;background-color: #CECECE;  color: #FFFFFF; font-size: 18px; text-align: center; line-height: 25px;}
.top10{ display: block; overflow: hidden; position: absolute; top: 0px; left: 0px;width: 54px; height: 26px;background-color: #CECECE;  color: #FFFFFF; font-size: 18px; text-align: center; line-height: 25px;}

.hop1{ display: block; overflow: hidden;  width: 26px; height: 26px; background-color: #FF0101; line-height: 26px; text-align: center; font-size: 18px; color: #FFFFFF;}
.hop2{ display: block; overflow: hidden; width: 26px; height: 26px; background-color: #FF0101; line-height: 26px; text-align: center; font-size: 18px; color: #FFFFFF;}
.hop3{ display: block; overflow: hidden; width: 26px; height: 26px;background-color: #FE0000;  color: #FFFFFF; font-size: 20px; text-align: center; line-height: 25px;}
.hop4{ display: block; overflow: hidden;width: 26px; height: 26px;background-color: #CECECE;  color: #FFFFFF; font-size: 20px; text-align: center; line-height: 25px;}
.hop5{ display: block; overflow: hidden;width: 26px; height: 26px;background-color: #CECECE;  color: #FFFFFF; font-size: 20px; text-align: center; line-height: 25px;}
.hop6{ display: block; overflow: hidden; width: 26px; height: 26px;background-color: #CECECE;  color: #FFFFFF; font-size: 20px; text-align: center; line-height: 25px;}
.hop7{ display: block; overflow: hidden; width: 26px; height: 26px;background-color: #CECECE;  color: #FFFFFF; font-size: 20px; text-align: center; line-height: 25px;}
.hop8{ display: block; overflow: hidden;width: 26px; height: 26px;background-color: #CECECE;  color: #FFFFFF; font-size: 20px; text-align: center; line-height: 25px;}
.hop9{ display: block; overflow: hidden;width: 26px; height: 26px;background-color: #CECECE;  color: #FFFFFF; font-size: 20px; text-align: center; line-height: 25px;}
.hop10{ display: block; overflow: hidden;width: 26px; height: 26px;background-color: #CECECE;  color: #FFFFFF; font-size: 20px; text-align: center; line-height: 25px;}





.tags{display: block; overflow: hidden; margin-left: 15px; margin-right: 15px; padding-bottom: 20px; padding-top: 10px;}
.tags ul li{ background-color: #F6F6F7;-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius:3px; margin-top: 10px; float: left; margin-right:15px; display: inline-block; overflow: hidden;}
.tags a{  padding: 5px 0px 5px 25px; margin-right:15px; font-size: 16px;background: url(../images/tag.png) 10px 10px no-repeat; display: inline-block; overflow: hidden;}
.tuijianpinpai{display: block; overflow: hidden; margin-left: 15px; margin-right: 15px; padding-bottom: 20px; padding-top: 10px;}
.tuijianpinpai ul li{-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius:3px; margin-top: 10px; float: left; margin-right:15px; display: inline-block; overflow: hidden; border: 1px solid #999999;}
.tuijianpinpai a{  padding: 5px 15px 5px 15px;  font-size: 14px; display: inline-block; overflow: hidden; color: #777978;}
.zoure{ display: block; overflow: hidden;margin-left: 20px; margin-right: 20px; padding-bottom: 20px; padding-top: 10px;}
.zoure ul{display: block; overflow: hidden;}
.zoure ul li{display: block; overflow: hidden; height: 32px; line-height: 32px;}
.zoure ul li a{ font-size: 14px;color: #777978;}
.zoure ul li i{ width: 18px; height: 18px; display: block; overflow: hidden; float: left;font-style:normal; text-align: center; line-height: 18px;-moz-border-radius: 9px;
-webkit-border-radius: 9px;
border-radius:9px; color: #FFFFFF; margin-right: 5px; margin-top: 8px;}
.zoure ul li i.rd1{ background-color:#DF1515;}
.zoure ul li i.rd2{ background-color:#DF1515;}
.zoure ul li i.rd3{ background-color:#DF1515;}
.zoure ul li i.rd4{ background-color: #B2B2B2;}
.zoure ul li i.rd5{ background-color: #B2B2B2;}
.zoure ul li i.rd6{ background-color: #B2B2B2;}
.zoure ul li i.rd7{ background-color: #B2B2B2;}
.zoure ul li i.rd8{ background-color: #B2B2B2;}
.zoure ul li i.rd9{ background-color: #B2B2B2;}
.zoure ul li i.rd10{background-color: #B2B2B2;}
.news_new{display: block; overflow: hidden;margin-left: 20px; margin-right: 20px; padding-bottom: 0px; padding-top: 10px; }
.news_new ul{display: block; overflow: hidden; margin-top: 10px;}
.news_new ul li{display: block; overflow: hidden; margin-bottom: 20px;}
.news_new ul li a{ font-size: 14px;}
.news_new ul li a.txt{display: block; overflow: hidden; width: 138px; height: 50px; line-height: 25px; float: left;}
.news_new ul li a.img{ width: 110px; height: 70px; display: block; overflow: hidden; float: left; margin-right: 15px;-moz-border-radius:5px;
-webkit-border-radius: 5px;
border-radius:5px;}
.news_new ul li a.img img{ width: 100%; height: 100%; object-fit: cover; }
.news_new ul li p{ color: #BBBBBB;}

.m_news_new{display: block; overflow: hidden;margin-left: 15px; margin-right: 15px; padding-bottom: 0px; padding-top: 10px; }
.m_news_new ul{display: block; overflow: hidden;}
.m_news_new ul li{display: block; overflow: hidden; margin-bottom: 20px;}
.m_news_new ul li a{ font-size: 14px;}
.m_news_new ul li a.txt{display: block; overflow: hidden; width:60%; height: 50px; line-height: 25px; float: left;}
.m_news_new ul li a.img{ width:38%; height: auto; display: block; overflow: hidden; float: left; margin-right: 2%;-moz-border-radius:5px;
-webkit-border-radius: 5px;
border-radius:5px;}
.m_news_new ul li a.img img{ width: 100%; height: auto;}
.m_news_new ul li p{ color: #BBBBBB;width:60%;float: left;}
.m_news_new ul li p span.yuedu{ float: left;}
.m_news_new ul li p span.time{ float: right; margin-right: 10px;}
.m_moer{display: block; overflow: hidden; width:80%; text-align: center; height: 40px; line-height: 40px; border: 1px solid #E43434; color: #E43434;-moz-border-radius: 20px;
-webkit-border-radius: 20px;
border-radius:20px; margin: 0px auto; font-size: 16px; margin-bottom: 20px;}

.mbnews{background-color: #FFFFFF;}


.recommended{display: block; overflow: hidden; margin-left: 15px; margin-right: 15px; }
.recommended ul{}
.recommended ul li{display: block; overflow: hidden; padding-bottom: 15px; padding-top: 15px;border-bottom : 1px dashed #F2F2F2;}
.recommended ul li i{display: block; overflow: hidden; float: left; width: 25px; height: 35px; margin-right: 10px; margin-top: 5px;}
.recommended ul li i.r1{background: url(../images/01.png) no-repeat; }
.recommended ul li i.r2{background: url(../images/02.png) no-repeat; }
.recommended ul li i.r3{background: url(../images/03.png) no-repeat; }
.recommended ul li i.r4{background: url(../images/04.png) no-repeat; }
.recommended ul li i.r5{background: url(../images/05.png) no-repeat; }
.recommended ul li i.r6{background: url(../images/06.png) no-repeat; }
.recommended ul li i.r7{background: url(../images/07.png) no-repeat; }
.recommended ul li i.r8{background: url(../images/08.png) no-repeat; }
.recommended ul li i.r9{background: url(../images/09.png) no-repeat; }
.recommended ul li i.r10{background: url(../images/10.png) no-repeat; }
.recommended ul li p{ font-size: 14px;}
.ads{display: block; overflow: hidden; position: relative;}
.ads i{display: block; overflow: hidden; width: 36px; height: 21px; position: absolute; top: 0px; left: 0px;background: url(../images/ad1.png) no-repeat;}
.meiti{display: block; width: 100%;clear:both; height: 60px;}
.meiti ul{display: block; width: 100%;}
.meiti ul li{ float: left; margin-left: 10px; margin-right: 10px; margin-bottom: 20px; margin-top: 20px; position: relative;}
.meiti ul li .el-popover{ display: none;}
.meiti ul li:hover .el-popover{display: block;	
overflow: initial;
    border: .2px solid #8e8787;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-box-shadow: 0 4px 7px rgb(0 0 0 / 16%);
    box-shadow: 0 4px 7px rgb(0 0 0 / 16%);
	font-size: 12px;
	 background-color: #FFFFFF;
    position: absolute;
    top: -40px; left: 60px;
    min-width: 150px;
    border: 1px solid #ebeef5;
    padding: 12px;
    z-index: 2000;
    color: #606266;
    line-height: 1.4;
    box-shadow: 0 2px 12px 0 rgb(0 0 0 / 10%);	
}
.meiti ul li .el-popover p.sspaime{ line-height: 20px; text-align: center;}
.meiti ul li .el-popover .popper__arrow {
    position: absolute; top: 85px; left: -8px;
    display: block;
    width: 0;
    height: 0;
    border-color: transparent;
    width: 0;
    height: 0;
    border-top: 6px solid transparent;
    border-right: 8px solid #fff;
    border-bottom: 6px solid transparent;  
}
.meiti ul li img{ width: 44px; height: 44px;}
.zhimeiti{display: block; overflow: hidden;border-bottom : 1px solid #DBDBDB; font-size: 16px; color: #888888; height: 60px ;line-height: 60px;width: 100%;}
.search_news{display: block; overflow: hidden; width: 380px; margin: 0px auto; margin-top: 70px;}
.search_news input[type="text"]{	background:#F5F5F5;
	border:none;outline:none;
	float:left;
	padding:0;
	margin:0px;
	width:300px;
	height:38px;
	line-height:38px;
	transition:all 300ms cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
	-moz-transition:all 300ms cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
	-webkit-transition:all 300ms cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
	-o-transition:all 300ms cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
	color:#585858; padding-left: 20px;
	}

.search_news input[type="submit"]{
cursor:pointer;margin:0px;padding:0px;width:50px;height:38px;line-height:38px;
color:#ffff;color:#585858;text-transform:uppercase;border:none;font-size:14px;cursor:pointer;
float:left;overflow:visible;
transition: all .3s linear;
-moz-transition: all .3s linear;
-o-transition: all .3s linear;
-webkit-transition: all .3s linear;
}
.search_txt{display: block; overflow: hidden; width: 1200px; margin: 0px auto; margin-top: 100px; color: #FFFFFF; font-size: 16px;}
.search_txt strong{ color: #FF3300;}
.box{
position:fixed;
left: 50%;
bottom:100px;
height:30px;
width: 50px; 
height: 50px;
text-align:center;
padding-top:0px; 
border-radius: 20%;
margin-left: 650px;
z-index: 10000;
}
.box:hover:before{
top:50%
}
.box:hover .box-in{
cursor: pointer
}
.box-in{
visibility: visible;
display:inline-block;
height:54px;
width: 54px;
background: url(../images/box-in.png) no-repeat; -moz-border-radius: 27px;
-webkit-border-radius: 27px;
border-radius:27px;background-size: cover;
}
.box-in:hover{
background: url(../images/box-in1.png) no-repeat; box-shadow: 0px 0px 5px #888888;background-size: cover;
}
.otop{position:fixed;
left: 50%;
bottom:160px;
width: 50px;  display: block; z-index: 10000;
text-align:center; 
padding-top:0px; 
border-radius: 20%;
margin-left: 650px;
}
.otop ul{display: block; }
.otop ul li{  display: block;  margin-top: 20px; font-size: 14px; color: #888888;cursor: pointer;
}
.otop ul li a{ width: 54px; height: 54px; display: block; overflow: hidden;-moz-border-radius: 27px;
-webkit-border-radius: 27px;
border-radius:27px;}
.otop ul li a:hover{box-shadow: 0px 0px 5px #888888;}
.otop ul li a.ba{background: url(../images/fenxiang.png) no-repeat;background-size: cover;}
.otop ul li a.bb{background: url(../images/dingcai.png) no-repeat;background-size: cover;}
.otop ul li a.bc{background: url(../images/haibao.png) no-repeat;background-size: cover;}
.otop ul li a.ba:hover{background: url(../images/fenxiang1.png) no-repeat;background-size: cover;}
.otop ul li a.bb:hover{background: url(../images/dingcai1.png) no-repeat;background-size: cover;}
.otop ul li a.bc:hover{background: url(../images/haibao1.png) no-repeat;background-size: cover;}
.otop ul li p{line-height: 28px;height: 28px; display: block; overflow: hidden; width: 50px;}
.typeimg{ display: block; overflow: hidden; height: 260px !important; width: 100%; position: relative; position: relative;}
.column{ display: block; overflow: hidden; width:100%; }
.column ul{ display: block; overflow: hidden; width: 1250px; margin: 0px auto; }	
.column ul li{ float: left; height: 70px; line-height: 70px;}	
.column ul li a{ font-size: 17px; color: #333333; display: block; overflow: hidden; padding-left: 20px; padding-right: 20px; }	
.column ul li a:hover{ font-size: 17px; color:#C60203;}	
.column ul li.b a{color:#C60203;}
.nav_title{ display: block; overflow: hidden; width: 1200px; margin: 0px auto; height: 60px ; line-height: 60px; font-size: 32px;margin-top: 100px; color: #FFFFFF;}
.asc{ display: block; overflow: hidden; width: 100%; background-color: #FFFFFF;}
.ascbodylist{ display: block; overflow: hidden; width: 700px; margin: 0px auto; font-size: 16px; line-height: 40px; color: #505050; margin-top: 30px;}
.ascbodylist img{ /*width: 100%;*/ height: auto;}
.ascbody{ display: block; overflow: hidden; width: 700px; margin: 0px auto; font-size: 16px; line-height: 40px; color: #505050; padding-bottom: 40px;}
.title{ display: block; overflow: hidden;}
.title h1{ display: block; overflow: hidden; font-size: 28px;font-weight:normal; margin-top: 20px; margin-bottom: 20px;}
.ascimg{ display: block; overflow: hidden; margin-top: 40px ; margin-bottom: 40px; z-index: 10000; }
.ascimg ul{ display: block; overflow: hidden; width: 1000px; margin: 0px auto;}
.ascimg ul li{ display: block; overflow: hidden; width: 315px; height: 275px; float: left; background-color: #FFFFFF; margin-left: 8px; margin-right: 8px; margin-bottom: 20px; float: left;}

.ascimg ul li a img{ width: 315px; height: 180px;object-fit: cover;transition: all 0.6s;}
.ascimg ul li a:hover img{width: 315px; height: 180px;transform: scale(1.2);}


.ascimg ul li a h4{display: block; overflow: hidden; padding: 15px;font-size: 16px;font-weight:normal;}
.qrcode{ width: 340px; height: 340px; display: block; overflow: hidden;}
.qrcode span{display: block; overflow: hidden; padding-left: 30px; padding-right: 30px; margin-top: 20px; font-size: 14px;color: #505050;}
.qrcode img{ width: 250px; height: 250px;margin: 0px auto;display: block; overflow: hidden;}
.qrcode p{display: block; overflow: hidden; padding-left: 30px; padding-right: 30px;font-size: 13px;color: #505050;}
.list-page{ display: block; overflow: hidden; padding-top: 10px; padding-bottom: 10px;}
.list-page a{border: 1px solid #dadada; padding: 5px 10px; font-size: 14px;}
.list-page b{ padding: 5px 10px;font-size: 14px;}


.poster-main .img-box {
  width:100%;
  height: 230px;
  overflow: hidden;
  margin-top: 10px;
}


.pop {
	position:fixed;
	width:500px;
	height:750px;
	left: 50%;
	top: 80px; 
	margin-left:-255px;
	color:blue;
	z-index:101000;
}	
.cover {	
	background-color:black;
	position:fixed;
	width:100%;
	height:100%;
	left:0;
	top:0;
	opacity:0.5;
	z-index:2;
}
.poster{ position: relative; display: block; width:520px; height: 924px;}
.btn-primary{ position: absolute; right: 65%;top: 75%;bottom: 0px;display: inline-block;
        width: 40px;
        height: 40px;
        background: url(../images/close.png) no-repeat ;border: none; z-index: 110000;background-size: cover;
        }

  .btn-primary::after {
     
        display: block;
        width: 30px;
        height: 4px;
        background: #333;
 
    }

   .canvas-img{  width: 500px;
        height: 700px; display: none; position: absolute; top: 0px; left: 0px;border:0; z-index: 100000;}
    .poster-container {
        width: 505px;
        height: 700px;
        /*相对定位*/
        position: relative;
        /*溢出隐藏*/
        overflow: hidden;
    }

    .poster-bg-img {
        height: 100%;
        background-size: cover;
        /*模糊背景*/
        /* filter: blur(3px); */
    }

    .poster-content {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        box-sizing: border-box;
        padding: 0px;
        color: #fff;
        text-align: center;
    }

    .poster-content-centre { display: block; overflow: hidden;
     
        background-color: #ffffff;
        width: 500px;
        height:700px;

    }


    .poster-bg-mask {
        height: 100%;
        background-color: rgba(255, 255, 255, 0.5);
    }

    .poster-content-headimg {
       
          display: block; overflow: hidden; margin-top: 10px;
    }

    .poster-content-headimg img {
        width: 100px;
        height: auto;
    }

    .poster-title { display: block; overflow: hidden; color: #000000; font-size: 16px;height: 50px; line-height: 50px;
    border-bottom : 1px solid #dadada;font-weight:bold;}

    .poster-text { 
    	display: block;width:98%;  height: 360px;
    	overflow: hidden;
        color: #000; line-height: 30px;font-size: 14px;
    }
    .poster-text img{ width: 100%;}
    
    

    .poster-qrcode {
        width:130px;
        height:130px;
        position: absolute;
        top: 500px;
        left:50%;
        margin-left: -65px;
        background-color: #fff;
    }

    .poster-qrcode-canvas {
        width: 130px;
        height: 130px;
    }

    .poster-qrcode-logo {
        width: 105px;
        height: 105px;
    }

    .poster-ico {
        width: 130px;
        height: 130px;
        position: absolute;
        top: 568px;
        left: 57px;
    }

    .poster-ico img {
        width: 50px;
        height: 50px;
    }
.time_title {
  font-size: 18px;
  color: #000;
  opacity: .6;
}
    .poster-ico-text {
        width: 200px;
        height: 95px;
        position: absolute;
        top: 650px;
        left:50%; margin-left: -100px; color: #999999; font-size: 14px; text-align: center;
    }
/*荣耀榜*/
.rongyaobang{ display: block; overflow: hidden;}
.rongyaobang img{ display: table-cell; overflow: hidden; width: 1920px; height: 450px;}
.rongmain{display: block; overflow: hidden; width: 1250px; margin: 0px auto; margin-top: 65px;}
.rongleft{ display: block; overflow: hidden;width: 200px; float: left;}
.rongnav{ display: block; overflow: hidden; background-color: #b51d27;color: #FFFFFF;border-radius: 5px 5px 0px 0px;}
.rongnav h2{ display: block; overflow: hidden; text-align: center; font-size: 14px; height: 44px; line-height: 44px;border-bottom : 1px solid #FFFFFF;}
.rongnav ul{ display: block; overflow: hidden; margin-top: 10px; margin-bottom: 10px;}
.rongnav ul li{ display: block; overflow: hidden; line-height: 34px;height: 34px;border-left : 8px solid #b51d27;}
.rongnav ul li:hover{ border-left : 8px solid #FD6B52;}
.rongnav ul li a{ line-height: 34px;height: 34px; color: #FFFFFF; padding-left: 20px; font-size: 14px;}
.rongnav ul li a:hover{  color:#FD6B52;}
.ronglijie{ display: block; overflow: hidden; background-color: #F2F2F2;color: #000000;border-radius: 5px 5px 0px 0px; margin-top: 20px; margin-bottom: 50px;}
.ronglijie h2{ display: block; overflow: hidden; text-align: center; font-size: 14px; height: 44px; line-height: 44px;border-bottom : 1px solid #DDDDDD;}
.ronglijie ul{ display: block; overflow: hidden;margin-top: 10px; margin-bottom: 10px;}
.ronglijie ul li{ display: block; overflow: hidden; line-height: 34px;height: 34px;}
.ronglijie ul li a{ line-height: 34px;height: 34px; color: #656565; padding-left: 20px; font-size: 14px;}
.ronglijie ul li a:hover{  color:#FD6B52;}
.rongright{ display: block; overflow: hidden;width: 1000px;float: right; margin-bottom: 40px;}
.yaomain{display: block; overflow: hidden;border: 1px solid #DDDDDD; margin-bottom: 20px;}
.yaotitle{display: block; overflow: hidden; height: 55px; line-height: 55px;border-bottom : 1px dashed #dddddd; font-size: 16px; padding-left: 35px;}
.yaotitle strong{}
.yaotitle span{font-weight:bold;color: #E03650; margin-right: 10px;}
.yaoofby{display: block; overflow: hidden; background-color: #F3F3F3; margin-left: 30px; margin-right: 30px; margin-top: 15px; margin-bottom: 15px; padding: 10px 15px; font-size: 15px; line-height: 28px;text-indent :30px;}
.yaoimg{display: block; overflow: hidden; height:  auto;  margin-left: 30px; margin-right: 30px;border: 1px solid #dddddd; margin-bottom: 20px;}
.yaoimg ul{display: block; overflow: hidden; width: 960px;}
.yaoimg ul li{ width: 187px; height: 92px;border-right : 1px solid #dddddd; float: left;border-bottom : 1px solid #dddddd;}
.yaoimg ul li a{display: block; overflow: hidden;}
.yaoimg ul li a img{width: 166px; height: 70px; margin-left: 10px; margin-top: 10px;}
/*荣耀榜*/

/*品牌详情*/
.detailbrand{display: block; overflow: hidden; background-color: #F2F2F2;}
.detailmain{display: block; overflow: hidden; width: 1250px; margin: 0px auto;}
.detailleft{ display: block; overflow: hidden;width: 210px; float: left; margin-bottom: 50px; background-color: #FFFFFF;}
.enterprise{display: block; overflow: hidden;border-bottom : 1px dashed #DDDDDB; margin-left: 12px;margin-right: 12px; margin-top: 20px; padding-bottom: 10px;}
.enterprise img{ width: 100%;  height: auto;}
.enterprise h3{width: 100%; color: #C60404; line-height: 32px;  display: block; overflow: hidden; font-size: 15px;}
.enterprise p{width: 100%; color: #656565; line-height: 22px;  display: block; overflow: hidden; font-size: 15px;}
.detailerweima{display: block; overflow: hidden; margin-top: 10px;margin-left: 12px;margin-right: 12px;}
.detailerweima span{display: block; overflow: hidden; overflow-wrap: break-word; line-height: 28px; padding-left: 20px; font-size: 14px; color: #656565;}
.detailerweima span.dtel{background: url(../images/dtel.png) 0px 7px no-repeat;background-size:15px 15px;}
.detailerweima span.durl{background: url(../images/durl.png) 0px 7px  no-repeat;background-size:15px 15px;}
.detailerweima span.ddizi{background: url(../images/ddizi.png) 0px 7px  no-repeat;background-size:14px 15px;}
.erweima{display: block; overflow: hidden; padding-bottom: 50px; margin-top: 20px;}
.erweima img{display: block; overflow: hidden; width: 120px; height: 120px; margin:0px auto;}
.erweima p{display: block; overflow: hidden; text-align: center; font-size: 15px;}
.position{display: block; overflow: hidden; padding-left: 25px; height: 50px; line-height: 50px; font-size: 15px;}
.detailright{ display: block; overflow: hidden;width: 1000px;float: right; margin-bottom: 40px;}
.qiyelogo{display: block; overflow: hidden;}
.qiyelogo img{display: block; overflow: hidden;width: 100%; height: auto;}

.xianqing{ display: block; overflow: hidden;background-color: #FFFFFF; margin-bottom: 40px;}
.qiyejianjie{display: block; overflow: hidden; margin-left: 50px; margin-right: 50px; margin-top: 20px; font-size: 16px; line-height: 40px; color: #505050; padding-bottom: 50px;}
.qiyejianjie img{width: 100% !important; height: 100% !important; object-fit: cover; vertical-align: middle;}
.mores{display: block; overflow: hidden; width: 280px; height: 60px;  margin: 0px auto; line-height: 60px; text-align: center;border: 2px solid #C60301;-moz-border-radius: 30px;
-webkit-border-radius: 30px;
border-radius:30px; font-size: 20px; margin-bottom: 50px;cursor: pointer;}
.readall_box {position: relative;z-index: 9999;padding: 0 0 25px;margin-top: -200px;text-align: center;}
.readall_box .read_more_mask {height: 200px;background: -moz-linear-gradient(bottom,rgba(255,255,255,0.1),rgba(255,255,255,0));background: -webkit-gradient(linear,0 top,0 bottom,from(rgba(255,255,255,0)),to(#fff));background: -o-linear-gradient(bottom,rgba(255,255,255,0.1),rgba(255,255,255,0))}
.read_more_btn{ display: block;cursor:pointer;font-size: 20px;color: #de686d;background: #fff;border-radius: 30px;border: 1px solid #de686d;line-height: 60px; width: 280px; height: 60px; text-align: center;margin: 0px auto;}
.read_more_btn:hover{background:#de686d;color:#fff; }
.read_more_btn span{ width: 20px; height: 20px;background: url(../images/moers.png) 0px 10px no-repeat; display: inline-block;}
.pindongtai{display: block; overflow: hidden; background-color: #FFFFFF; margin-bottom: 40px;}
.pindongtai h2{display: block; overflow: hidden; margin-left: 50px; margin-right: 50px; margin-top: 40px;}
.pindongtai h2 span{ float: left; font-size: 18px;}
.pindongtai h2 a{ float: right;}
.pindongtai ul{display: block; overflow: hidden; margin-left: 50px; padding-bottom: 50px;}
.pindongtai ul li{display: block; overflow: hidden; width: 210px; float: left; margin-right: 20px; margin-top: 30px;}
.pindongtai ul li a{display: block; overflow: hidden; font-size: 14px; line-height: 22px;text-overflow: ellipsis; white-space: nowrap;}
.pindongtai ul li a img{width: 210px; height: 155px; object-fit: cover; vertical-align: middle; }
.pindongtai ul li p {display:none;}
.qitazixun{display: block; overflow: hidden; background-color: #FFFFFF; margin-bottom: 40px;}
.qitazixun h2{display: block; overflow: hidden; margin-left: 50px; margin-right: 50px; margin-top: 40px;}
.qitazixun h2 span{ float: left; font-size: 18px;}
.qitazixun h2 a{ float: right;}
.qitazixun ul{display: block; overflow: hidden; margin-left: 50px; padding-bottom: 50px;}
.qitazixun ul li{display: block; overflow: hidden; width: 50%; float: left;  margin-top: 20px;}
.qitazixun ul li a{display: block; overflow: hidden; font-size: 14px; line-height: 30px; text-overflow:ellipsis; white-space: nowrap; width: 95%;}
/*品牌详情*/

/*新闻详情*/
.bei{ display: block; overflow: hidden; background-color: #FFFFFF;}
.detailtitle{ display: block; overflow: hidden; margin-left: 50px; margin-right: 50px; margin-top: 40px;}
.detailtitle h1{ font-size: 30px;font-weight:normal;}
.act-type{display: block; overflow: hidden;margin-left: 50px; margin-right: 50px; margin-top: 20px;}
.act-type i{ height: 40px; line-height: 40px;  padding-bottom: 5px; font-size: 16px;font-style:normal; color: #9A9A9A;}
.act-type i.ul_home{ background: url(../images/ul_home.png) 0px 3px no-repeat;background-size:30px 30px; padding-top: 10px; padding-left: 30px;}
.act-type i.time_asc{ padding-top: 8px;margin-left: 40px;}
.act-type i.ul_ding{ background: url(../images/ul_ding.png) 0px 7px  no-repeat; float: right; margin-right: 20px;}
.act-type i.ul_youlan{ background: url(../images/ul_youlan.png) 0px 7px  no-repeat; float: right; margin-right: 20px;}
.asc_body{ display: block; overflow: hidden; margin-left: 50px;  margin-right: 50px; font-size: 16px; line-height: 40px;  padding-bottom: 40px; margin-top: 30px; color: #555555;}
.asc_erweima{display: block; overflow: hidden; padding-bottom: 50px; margin-top: 50px;}
.asc_erweima img{display: block; overflow: hidden; width: 200px; height:200px; margin:0px auto;}
.asc_erweima p{display: block; overflow: hidden; text-align: center; font-size: 15px;}


.picScroll-leftf{width: 900px;height: auto;overflow: hidden; position: relative; margin-top: 40px; margin-bottom: 40px;}
.picScroll-leftf .hdf .prev{isplay:block;position: absolute; top: 60px; left: 10px;  overflow:hidden;cursor:pointer;  z-index: 100;}
.picScroll-leftf .hdf .next{ display:block;position: absolute; top: 60px; right: 10px;  overflow:hidden;cursor:pointer;  z-index: 100;}	
.picScroll-leftf .bdf{ z-index: 1;}
.picScroll-leftf .bdf ul{ overflow:hidden;}
.picScroll-leftf .bdf ul li{ margin:0px;width:900px;height: 150px;float:left;display:inline; overflow:hidden; text-align:center;  }
.picScroll-leftf .bdf ul li a{text-align:center;}
.picScroll-leftf .bdf ul li a img{ display:block; width:900px; height: 150px;}

.picScroll-leftk{width: 310px;height: auto;overflow: hidden; position: relative; margin-bottom: 10px;}
.picScroll-leftk .hdk .prev{isplay:block;position: absolute; top: 60px; left: 10px;  overflow:hidden;cursor:pointer;  z-index: 100;}
.picScroll-leftk .hdk .next{ display:block;position: absolute; top: 60px; right: 10px;  overflow:hidden;cursor:pointer;  z-index: 100;}	
.picScroll-leftk .bdk{ z-index: 1;}
.picScroll-leftk .bdk ul{ overflow:hidden;}
.picScroll-leftk .bdk ul li{ margin:0px;width:310px;height: 230px;float:left;display:inline; overflow:hidden; text-align:center;  }
.picScroll-leftk .bdk ul li a{text-align:center;}
.picScroll-leftk .bdk ul li a img{ display:block; width:310px; height: 230px;}


.picScroll-lefty{width: 1300px;height: auto;overflow: hidden; position: relative; margin-bottom: 10px;}
.picScroll-lefty .hdy .prev{isplay:block;position: absolute; top: 60px; left: 10px;  overflow:hidden;cursor:pointer;  z-index: 100;}
.picScroll-lefty .hdy .next{ display:block;position: absolute; top: 60px; right: 10px;  overflow:hidden;cursor:pointer;  z-index: 100;}	
.picScroll-lefty .bdy{ z-index: 1;}
.picScroll-lefty .bdy ul{ overflow:hidden;}
.picScroll-lefty .bdy ul li{ margin:0px;width:1300px;height: 110px;float:left;display:inline; overflow:hidden; text-align:center;  }
.picScroll-lefty .bdy ul li a{text-align:center;}
.picScroll-lefty .bdy ul li a img{ display:block; width:1300px; height: 110px;}


.wrapaf{ width: 900px; position: relative; display: block; overflow: hidden; margin: 0px auto;}
.asc_xianguan{display: block; overflow: hidden; margin-bottom: 40px;}
.asc_xianguan ul{display: block; overflow: hidden; padding-bottom: 50px; width: 940px;}
.asc_xianguan ul li{display: block; overflow: hidden; width: 280px; float: left; margin-right: 30px; margin-bottom: 30px;}
.asc_xianguan ul li a{display: block; text-overflow: ellipsis;white-space: nowrap; overflow: hidden; font-size: 16px; line-height: 28px;}
.asc_xianguan ul li a img{ width: 280px;height: 170px;object-fit: cover;vertical-align: middle;}
/*新闻详情*/



.footer{display: block; overflow: hidden; width: 100%; background-color: #ad1f23;}
.footer p{ font-size: 14px;color: #fff; padding-bottom: 10px; padding-top: 10px;}
.footer a{ font-size: 14px;color: #fff; padding-bottom: 10px; padding-top: 10px;}

/*.foot{display: block; overflow: hidden; background-color:#1E1E1E;}*/
.footlogo{ float: left; width: 220px; margin-top: 50px;}
.rightfoot{display: block; margin-left: 15px; margin-right: 15px;}

.footmeiti{ float: right; width:400px; margin-top: 50px; margin-bottom: 50px;}
.footmeiti h2{ font-size: 18px; color: #FFFFFF;}
.footmeiti ul{display: block;  margin-top: 30px;}
.footmeiti ul li{ float: left; margin-right: 30px; position: relative;}
.footmeiti ul li .el-popover{ display: none;}
.footmeiti ul li:hover .el-popover{display: block;	
overflow: initial;
    border: .2px solid #8e8787;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-box-shadow: 0 4px 7px rgb(0 0 0 / 16%);
    box-shadow: 0 4px 7px rgb(0 0 0 / 16%);
	font-size: 12px;
	 background-color: #FFFFFF;
    position: absolute;
    top: -40px; left: 60px;
    min-width: 150px;
    border: 1px solid #ebeef5;
    padding: 12px;
    z-index: 2000;
    color: #606266;
    line-height: 1.4;
    box-shadow: 0 2px 12px 0 rgb(0 0 0 / 10%);	
}
.footmeiti ul li .el-popover p.sspaime{ line-height: 20px; text-align: center;}
.footmeiti ul li .el-popover .popper__arrow {
    position: absolute; top: 85px; left: -8px;
    display: block;
    width: 0;
    height: 0;
    border-color: transparent;
    width: 0;
    height: 0;
    border-top: 6px solid transparent;
    border-right: 8px solid #fff;
    border-bottom: 6px solid transparent;  
}
/*.footmt{ float: left; width:580px; margin-top: 50px; margin-bottom: 50px;}
.footmt h2{ font-size: 18px; color: #FFFFFF; width: 100%;margin-bottom: 20px;}
.footmt p{ font-size: 15px; color: #A5A5A5; float: left; width: 240px; line-height: 40px;}*/
.footCopyright{ display: block; overflow: hidden; width:1300px; margin: 0px auto; color: #5A5A5A; text-align: center; font-size: 14px;border-top : 1px solid #000000; padding-top: 10px; padding-bottom: 10px;}
.footCopyright p.xin{ color: #FFFFFF;}