@charset "utf-8";
/* CSS Document */
body,div,ul,li,p,ol,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; vertical-align:middle}
ul, li{ list-style:none;}
a{ text-decoration:none}
font{ font-size:12px;}
body{ font-size:12px; color:#000; font-family:"PingFangSC-Regular","微软雅黑","Microsoft Yahei";}
.ty01,.ty02,.nav01,.nav02{ margin:0 auto; overflow:hidden}
.ty02{ width:1400px}

.head01{ height:70px; background:#000; }
.head01 .ty02{ display:flex; }
.logo{ width:134px; height:41px; float:left; overflow:hidden; margin-top:15px; margin-right:300px }
.head01 ul{ flex:1; margin-right:100px; display:flex;}
.head01 ul a{ color:#fff; font-size:16px; flex:1; float:left; overflow:hidden; line-height:70px; text-align:center}
.head01 h4{ width:70px; display:flex; justify-content:flex-end;align-items:center; color:rgba(255,255,255,.8); font-size:14px; font-weight:normal }
.head01 h4 img{ margin-right:5px; height:28px}
.head01 h4 a{ cursor:pointer}

.foot01{ background:#222; padding:50px 0; }
.foot01 .ty02{display:flex;flex-wrap:wrap}
.foot01 h3{ width:230px; margin-right:200px}
.foot01 h3 img{ width:100%; float:left; overflow:hidden}


.foot02 dl{ width:45%; float:left; overflow:hidden; display:flex; margin-bottom:30px}
.foot02 dl:nth-child(2n+1){ margin-right:10%}
.foot02 dl h6{ width:30px; float:left; overflow:hidden; margin-right:20px}
.foot02 dl h6 span{ display:block; height:26px; width:26px; border-radius:50%; background:#fff; display:flex; justify-content:center;align-items:center}
.foot02 dl h6 span img{ width:70%}
.foot02 dl ul{ flex:1}
.foot02 dl dt{ width:100%; float:left; overflow:hidden; line-height:30px; font-size:14px; color:#fff}
.foot02 dl dd{ width:100%; float:left; overflow:hidden; line-height:20px; font-size:14px; color:rgba(255,255,255,.6)}

.foot03{ width:120px; }
.foot03 li{ width:100%; float:left; overflow:hidden; margin-bottom:5px}
.foot03 li img{ width:100%}
.foot03 p{ width:100%; float:left; overflow:hidden; line-height:30px; text-align:center; color:#fff; font-size:14px}

.copy01{ background:#2e2e2e; height:60px; line-height:60px; color:rgba(255,255,255,.5); font-size:14px; }
.copy01 span{ float:right; line-height:60px}

.m_80{ margin-bottom:80px}

/* 首页搜索 */
.soso10{ width:70%; overflow:hidden; position:absolute; left:50%; transform:translateX(-50%); top:50%; margin-top:-150px; z-index:9; height:300px; background:rgba(192,162,100,.7); padding:100px 60px 50px; box-sizing:border-box; border-radius:10px;}
.soso10 ul{ width:100%; float:left; overflow:hidden}
.soso10 .search_text{ float:left; overflow:hidden; height:60px; line-height:60px; border:none; border-radius:30px 0 0 30px; padding:0 30px;  width:80%;  color:#888; background:none;outline: none; background:rgba(255,255,255,.9); box-sizing:border-box; font-size:16px; font-family:"Microsoft Yahei"}
.soso10 .search_button{ width:20%; height:60px; float:left;  border:none; background:none; background:#a07928 url(soso1.png) no-repeat center center; outline:none; border-radius:0 30px 30px 0 }
.soso10 .search_button:hover{ cursor:pointer;outline: none;}
.soso10 ul p{ width:100%; float:left; overflow:hidden; line-height:30px; margin-top:20px;color:#fff; font-size:16px; text-align:center}
.soso10 ul p a{ color:#fff; font-size:16px;}
.soso10 ul p a:hover{ color:#ff0; text-decoration:underline}
.soso10 ul p span{ padding:0 10px; color:rgba(255,255,255,.5)}
.soso10 h5{ position:absolute; right:20px; top:20px; height:30px; width:30px; border-radius:50%; background:rgba(255,255,255,.9); color:#f60; font-size:23px; text-align:center; line-height:30px; font-weight:normal; font-family:"宋体"}
.soso10 h5:hover{ background:#fe8f00; color:#fff; cursor:pointer}


.w_head01{ display:none}

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

.ty02{ width:94%; padding:0 3%}
.head01{ display:none}
.w_head01{ display:block; margin:0 auto;width:95%; padding:0 2.5%; background:#fff; height:60px; position:absolute; left:0; top:0; z-index:999;}
.head01gd{ display:none}
.w_ul01{width:auto; float:left; overflow:hidden; position:relative;  z-index:99999}
.w_ul01 img{ height:30px; margin-top:15px}
.logo{height:40px; margin-top:32px;}
.logo img{ height:40px; margin-right:5px}


.foot01{ background:#222; padding:20px 0; }

.foot01 h3{ display:none}

.foot02{ width:100%}
.foot02 dl{ width:100%; margin-bottom:10px}
.foot02 dl:nth-child(2n+1){ margin-right:0}
.foot02 dl h6{ width:30px; float:left; overflow:hidden; margin-right:10px}
.foot02 dl h6 span{ display:block; height:26px; width:26px; border-radius:50%; background:#fff; display:flex; justify-content:center;align-items:center; margin-top:5px}
.foot02 dl h6 span img{ width:70%;}
.foot02 dl ul{ flex:1}
.foot02 dl dt{ line-height:30px; font-size:14px; color:#fff}
.foot02 dl dd{ line-height:20px; font-size:14px; color:rgba(255,255,255,.6)}

.foot03{ width:100%; border-top:1px dashed rgba(255,255,255,.3); padding-top:20px; margin-top:10px}
.foot03 li{margin-bottom:5px; text-align:center}
.foot03 li img{ width:30%}
.foot03 p{ line-height:30px; font-size:14px; color:rgba(255,255,255,.8)}

.copy01{ height:50px; line-height:50px; color:rgba(255,255,255,.5); font-size:12px; }
.copy01 span{ display:none}




}

/******** 750px ********/
@media (min-width:768px) and (max-width:991px){

.foot02{ flex:1}

}


/******** 970px ********/
@media (min-width:992px) and (max-width:1199px){
.foot02{ flex:1}

}


/******** 1160px ********/
@media (min-width:1200px) and (max-width:1439px){
.foot02{ flex:1}
}

/******** 1400px ********/
@media (min-width:1440px){
.foot02{ flex:1}	
}