@charset "utf-8";
/* CSS Document */
body,div,ul,li,p,h3,h1,h2,h5,h6,h4,dl,dt,dd,table,tr,td,img,span,b,form,input,span{ margin:0; padding:0}
img{ border:0;}
ul, li{ list-style:none;}
a{ text-decoration:none}
font{ font-size:12px;}
body{ font-size:12px; color:#000; font-family: "微软雅黑","microsoft Yahei"; background:#f8f8f8;}
.ty01, .ty02, .ty03, .ty04{ margin:0 auto; overflow:hidden}
.ty02, .ty04{ width:80%}

.head01{ background:#fff}
.head01 .ty02{ display:flex;  justify-content:space-between}
.head01 .ty02 div{ display:flex;}



.logo{ height:45px; margin-top:22px; float:left; margin-right:150px; overflow:hidden}
.logo img{ height:45px; float:left; overflow:hidden}
.head01 ul{ line-height:90px}
.head01 ul a{ font-size:18px; color:#333; margin-right:35px}
.head01 ul a:hover{ color:#da2339; text-decoration:underline}
.head01 ul a.on_h{ color:#da2339; }



.head01 h5{ line-height:90px; font-size:18px; color:#333; font-weight:normal; display:flex;align-items:center}
.head01 h5 img{ height:24px; margin-right:10px}

.tyh301{ width:100%; float:left; overflow:hidden; font-size:30px; color:#333; line-height:35px;  margin-bottom:30px }
.tyh301 img{ height:31px; margin-right:10px; vertical-align:middle}
.tyh301 span{ font-weight:normal; color:#999; font-size:16px; margin-left:15px; }




/* 榜单 */
.brand01{ width:100%; float:left; overflow:hidden; }
.brand01 div{ width:32%; float:left; overflow:hidden;background-image: linear-gradient(to bottom,#ffe2e5 ,#fff 30%) ; padding:30px 20px 20px; box-sizing:border-box; border-radius:15px;margin-right:2%; margin-bottom:40px }
.brand01 div:nth-child(3n){ margin-right:0 }
.brand01 div:nth-child(2){background-image: linear-gradient(to bottom,#fec ,#fff 30%) }
.brand01 div:nth-child(3){background-image: linear-gradient(to bottom,#d9f1ff ,#fff 30%) }

.brand01 div:nth-child(4){background-image: linear-gradient(to bottom,#f0f4ff ,#fff 30%) }
.brand01 div:nth-child(5){background-image: linear-gradient(to bottom,#eaf5e0 ,#fff 30%) }
.brand01 div:nth-child(6){background-image: linear-gradient(to bottom,#ffecdb ,#fff 30%) }

.brand01 h4{ width:100%; float:left; overflow:hidden; font-size:22px; color:#333; line-height:30px; margin-bottom:20px }
.brand01 h4 a{font-size:22px; color:#333;}
.brand01 ul{ background:#fff; width:100%; float:left; overflow:hidden; border-radius:15px; padding:30px 20px 20px; box-sizing:border-box; background:#fff}
.brand01 ul dl{ width:100%; float:left; overflow:hidden; display:flex;justify-content:space-between; margin-bottom:30px;}
.brand01 ul dl a{ height:40px; line-height:40px; display:flex; align-items:center;}

.brand01 ul dl dd{ height:40px; line-height:40px; color:#da2339; font-size:16px; font-weight:bold}
.brand01 ul dl dt{ font-size:16px; color:#333}
.brand01 ul dl a:hover dt{ color:#da2339; text-decoration:underline;}
.brand01 ul dl h6{ width:40px; height:40px; text-align:center; font-size:16px; color:#333; overflow:hidden; margin-right:30px; line-height:40px; font-weight:normal}
.brand01 ul dl:first-child h6{ background:url(first.gif) no-repeat center center; color:#fff; line-height:32px; font-weight:bold}
.brand01 ul dl:nth-child(2) h6{ background:url(second.gif) no-repeat center center; color:#fff; line-height:32px;font-weight:bold}
.brand01 ul dl:nth-child(3) h6{ background:url(third.gif) no-repeat center center; color:#fff; line-height:32px;font-weight:bold}

.brand01 ul dl h5{ width:80px; height:40px; text-align:center; font-size:16px; color:#333; background:#9C6; overflow:hidden; display:flex; align-items:center; margin-right:30px }
.brand01 ul dl h5 img{ width:80px; height:40px; float:left; overflow:hidden}


/*  新闻  */
.xw01{ width:100%; float:left; overflow:hidden; background:#fff; padding:30px 30px 0; box-sizing:border-box; background-image: linear-gradient(to bottom,#ffe2e5 ,#fff 30%) ;}
.xw01 dl{ width:48%; float:left; overflow:hidden; margin-bottom:35px; padding-bottom:35px; border-bottom:1px dashed #ddd}
.xw01 dl:nth-child(2n+1){ margin-right:4%}
.xw01 dl h6{ width:30%; margin-right:4%; float:left; overflow:hidden}
.xw01 dl h6 img{ width:100%; float:;left; overflow:hidden}
.xw01 dl ul{ width:66%; float:left; overflow:hidden}
.xw01 dl dt{ width:100%; line-height:30px; height:30px; overflow:hidden; margin-bottom:20px}
.xw01 dl dt a{ font-size:18px; color:#333; font-weight:bold}
.xw01 dl dt a:hover{ color:#da2339; text-decoration:underline}
.xw01 dl dd{ width:100%; float:left; overflow:hidden; line-height:22px; font-size:14px; color:#888; height:66px}



.link01{ background:#eaeaea; padding:30px 0 40px;}
.link01 h3{ width:100%; float:left; overflow:hidden; line-height:30px; height:30px; font-size:18px; color:#333; margin-bottom:10px}
.link01 ul{ width:100%; float:left; overflow:hidden; line-height:30px; }
.link01 ul a{ color:#666; font-size:14px;}
.link01 ul a:hover{ color:#da2339; text-decoration:underline}
.link01 ul span{ padding:0 25px; color:#ccc}
.link01 ul span:last-child{ display:none}


.foot01{ background: url(footbg.jpg) no-repeat center bottom; padding-top:50px}
.foot01 .ty02{ display:flex;  padding-bottom:50px}

.foot02{ width:70%; margin-right:10%; display:flex; justify-content:space-between }
.foot02 dl { flex:1}
.foot02 dl h5{ width:100%; float:left; overflow:hidden; line-height:30px; height:30px; margin-bottom:25px}
.foot02 dl h5 a{ font-weight:normal; color:#fff; font-size:16px; float:left; overflow:hidden; margin-right:45px}
.foot02 dl h5 a:hover{ color:#da2339; text-decoration:underline}
.foot02 dl dd{ width:100%; float:left; overflow:hidden; line-height:30px; height:30px; margin-bottom:10px; font-size:14px; color:rgba(255,255,255,.5); display:flex; align-items:center}
.foot02 dl dd img{ margin-right:10px}
.foot02 dl dt{ width:100%; float:left; overflow:hidden; margin-top:10px}
.foot02 dl dt a{ display:block; font-size:14px; color:#fff; float:left; overflow:hidden; height:50px; line-height:50px; font-weight:normal; transition:all 0.3s; padding:0px 50px; background:#da2339; display:flex; align-items:center}
.foot02 dl dt a img{ margin-right:10px}
.foot02 dl dt a:hover{ border-radius:25px}


.foot02 ul{ width:180px; float:left; overflow:hidden}
.foot02 ul li{ width:100%; float:left; overflow:hidden;margin-bottom:20px}
.foot02 ul li a{ display:flex; font-size:14px; color:#fff;align-items:center; padding:0 20px; height:48px; border:1px solid #62636b; box-sizing:border-box; transition:all 0.25s; background:url(arr11.png) no-repeat 140px center}
.foot02 ul li a img{ margin-right:8px}
.foot02 ul li a:hover{ border:1px solid #da2339; background:#da2339 url(arr12.png) no-repeat 150px center}


.foot03{ width:20%}
.foot03 h4{ width:100%; float:left; overflow:hidden; line-height:20px; font-size:16px; color:#fff; margin-bottom:5px}
.foot03 h6{ width:100%; float:left; overflow:hidden; line-height:20px; font-size:12px; color:rgba(255,255,255,.5); font-weight:normal; margin-bottom:30px;    }

.foot03 li{ width:100%; float:left; overflow:hidden; display:flex; }
.foot03 li img{ border:8px solid #fff}
.foot03 li img:first-child{ margin-right:25px}

.foot01 .ty03{ border-top:2px solid rgba(255,255,255,.1); padding:20px 0}

.foot01 .ty04{ line-height:40px;  font-size:14px; color:rgba(255,255,255,.5)}
.foot01 .ty04 span{ float:right; line-height:40px; }


.m_20{ margin-bottom:20px}
.m_30{ margin-bottom:30px}
.m_50{ margin-bottom:50px}
.m_80{ margin-bottom:80px}


.dl-menuwrapper{ display:none}

/******** 手机版 ********/
@media (max-width:767px){
	

body{ padding-top:50px}

.foot01{ padding-top:20px}
.foot01 .ty02{ padding-bottom:20px}


.head01{ display:none }
.dl-menuwrapper{ display:block}
.logom{ max-width:50%; float:left; overflow:hidden; position:absolute; left:3%; top:15px; z-index:999}
.logom img{ height:26px}
.ty02,.ty04{ width:94%; padding:0 3%;  }

	
.link01{ background:#eaeaea; padding:10px 0 15px;}
.link01 h3{  line-height:30px; height:30px; font-size:16px;margin-bottom:5px}
.link01 ul{ width:100%; float:left; overflow:hidden; line-height:22px; }
.link01 ul a{ color:#666; font-size:12px;}

.link01 ul span{ padding:0 5px;}


.foot02{ width:100%; margin-right:0%; display:flex; justify-content:space-between }
.foot02 dl { }
.foot02 dl h5{ width:100%; float:left; overflow:hidden; line-height:30px; height:30px; margin-bottom:20px}
.foot02 dl h5 a{ font-weight:normal; color:#fff; font-size:14px; float:left; overflow:hidden; margin-right:10px}

.foot02 dl dd{line-height:30px; height:30px; margin-bottom:10px; font-size:14px; }
.foot02 dl dd img{ margin-right:10px}
.foot02 dl dt{ width:100%; float:left; overflow:hidden; margin-top:10px}
.foot02 dl dt a{ display:block; font-size:12px;height:40px; line-height:50px; font-weight:normal; transition:all 0.3s; padding:0px 40px; background:#da2339; display:flex; align-items:center}
.foot02 dl dt a img{ margin-right:10px}
.foot02 dl dt a:hover{ border-radius:20px}

.foot02 ul,.foot03{ display:none}

.foot01 .ty04{ line-height:20px;  font-size:12px; color:rgba(255,255,255,.5)}
.foot01 .ty04 span{ width:100%; float:left; line-height:20px; }

.tyh301{  font-size:20px; line-height:30px; height:30px; overflow:hidden;  margin-bottom:20px }
.tyh301 img{ height:22px; margin-right:10px; }
.tyh301 span{ font-size:12px; margin-left:5px; }


/*  新闻  */
.xw01{ padding:10px 10px 0; }
.xw01 dl{ width:100%;  margin-bottom:15px; padding-bottom:15px;}
.xw01 dl:nth-child(2n+1){ margin-right:0}
.xw01 dl h6{ width:30%; margin-right:4%; float:left; overflow:hidden}
.xw01 dl h6 img{ width:100%; float:;left; overflow:hidden}
.xw01 dl ul{ width:66%; float:left; overflow:hidden}
.xw01 dl dt{ width:100%; line-height:30px; height:30px; overflow:hidden; margin-bottom:0px}
.xw01 dl dt a{ font-size:14px;}

.xw01 dl dd{ line-height:18px; font-size:12px; height:54px}
.xw01 dl:last-child{ border:none; margin-bottom:10px; padding-bottom:0}
	
.m_20{ margin-bottom:10px}
.m_30{ margin-bottom:20px}
.m_50{ margin-bottom:20px}
.m_80{ margin-bottom:30px}
	
	
/* 榜单 */

.brand01 div{ width:100%;padding:15px;  border-radius:10px;margin-right:0; margin-bottom:15px }
.brand01 div:last-child{ margin-bottom:0}


.brand01 h4{ font-size:18px; line-height:30px; margin-bottom:10px }
.brand01 h4 a{font-size:18px;}
.brand01 ul{ border-radius:10px; padding:10px; }
.brand01 ul dl{ margin-bottom:10px;}
.brand01 ul dl a{ height:40px; line-height:40px; display:flex; align-items:center;}

.brand01 ul dl dd{ height:40px; line-height:40px;  font-size:14px;}
.brand01 ul dl dt{ font-size:14px; color:#333}

.brand01 ul dl h6{ width:40px; height:40px; text-align:center; font-size:16px; color:#333; overflow:hidden; margin-right:30px; line-height:40px; font-weight:normal}
.brand01 ul dl:first-child h6{ background:url(first.gif) no-repeat center center; color:#fff; line-height:32px; font-weight:bold}
.brand01 ul dl:nth-child(2) h6{ background:url(second.gif) no-repeat center center; color:#fff; line-height:32px;font-weight:bold}
.brand01 ul dl:nth-child(3) h6{ background:url(third.gif) no-repeat center center; color:#fff; line-height:32px;font-weight:bold}

.brand01 ul dl h5{ width:80px; height:40px; text-align:center; font-size:16px; color:#333; background:#9C6; overflow:hidden; display:flex; align-items:center; margin-right:30px }
.brand01 ul dl h5 img{ width:80px; height:40px; float:left; overflow:hidden}

	
	
	
}