@charset "utf-8";
/* CSS Document */

body,div,ul,li,p,h1,h2,h3,h4,h5,h6,dl,dt,dd,table,tr,td,img,span,b,form,input,span,video{ margin:0; padding:0}
body{ color:#000; font:12px/1.5 "PingFangSC-Regular","微软雅黑","Microsoft Yahei","Arial";  -webkit-font-smoothing: antialiased; background:#f9f9f9}
img{ border:0; vertical-align:middle; max-width:100%;}
ul,ol,li{ list-style:none;}
em,i{ font-style:normal}
a{ text-decoration:none}
font{ font-size:12px;}
.ty01,.ty02{ margin:0 auto; overflow:hidden}
.ty02{ width:85%}

.head01{ height:86px; background:#222}
.head01 .ty02{display:flex;  justify-content:space-between;  height:86px; align-items:center }

.logo{ display:flex; height:61px;  }
.logo img{ margin-right:20px}
.logo ul{ display:flex; flex-wrap:wrap; align-content:center; height:61px; }
.logo dt{ line-height:20px; width:100%; margin-top:5px }
.logo dt a{ font-size:26px; color:#fff;}
.logo dd{ line-height:16px;  font-family:Arial, Helvetica, sans-serif;width:100%}
.logo dd a{color:#fff; font-size:15px}

.nav01{ line-height:61px;}
.nav01 a{ color:#fff; font-size:18px; color:rgba(255,255,255,.9); padding:0 18px}
.nav01 a.on_h,.nav01 a:hover{ color:#14acb3}

.nav01 a.tougao{ color:#fff; background:#0699a0; border-radius:5px; padding:5px 15px; margin-left:5vw}

.ban01{ height:310px; background:url(banbg.jpg) no-repeat center center; background-size:cover; margin-bottom:50px}
.ban01 .ty02{ display:flex; align-items:center ;justify-content:center; height:310px}
.ban01 ul{ width:100%; overflow:hidden;}
.ban01 ul form{ width:60%; padding:0 20%; float:left; overflow:hidden}
.search_text{ float:left; overflow:hidden; height:60px; line-height:60px; border:none; border-radius:8px 0 0 8px; padding:0 30px;  width:85%;  color:#888; background:none;outline: none; background:#fff; box-sizing:border-box; font-size:16px; font-family:"Microsoft Yahei"}
.search_button{ width:15%; height:60px; float:left;  border:none; background:#f6f6f6 url(soso.png) no-repeat center center; border-radius:0 8px 8px 0;   outline:none;  }
.search_button:hover{ cursor:pointer;outline: none; background:#f0f0f0 url(soso1.png) no-repeat center center;}

.search01 .ty02{ position:relative}
.search01 h5{ position:absolute; left:0; bottom:20px; color:rgba(255,255,255.8)}
.search01 h5 a{color:rgba(255,255,255.8)}



.foot01{ background:#2d2d2d; padding:35px 0 30px 0}
.foot01 dl{ float:left; overflow:hidden}
.foot01 dl dt{ width:100%; float:left; overflow:hidden; line-height:30px; margin-bottom:10px}
.foot01 dl dt a{ font-size:20px; color:rgba(255,255,255,.9); }
.foot01 dl dd{ width:100%; float:left; line-height:30px; overflow:hidden; font-size:14px; height:30px; margin-bottom:10px;color:rgba(255,255,255,.6)}
.foot01 dl dd a{ color:rgba(255,255,255,.6)}
.foot01 dl dd a:hover{ color:#09aeb6; text-decoration:underline}
.foot01 dl dt a:hover{color:#09aeb6;}

.f_dl01{ width:28%; margin-right:2%}
.foot01 dl.f_dl01 dd{ width:45%; margin-right:5%; }
.foot01 dl.f_dl01 dd:nth-of-type(2n){ margin-right:0}

.f_dl02,.f_dl03,.f_dl04{ width:23.33%}



.copy01{ height:80px; line-height:80px; border-top:1px solid rgba(255,255,255,.1); background:#2d2d2d;  color:rgba(255,255,255,.6); font-size:14px;}
.copy01 .ty02{ background:url(copy.png) no-repeat 0 29px; text-indent:25px}
.copy01 span{ float:right; line-height:80px; padding-left:22px; background:url(ico.png) no-repeat 0 center; text-indent:0;}



.qk01{ background:#fff; padding:30px 30px 0 30px; width:100%; box-sizing:border-box; float:left; overflow:hidden}
.qk01 dl{ border:1px solid #ddd; float:left; overflow:hidden; width:23.5%; margin:0 2% 30px 0; box-sizing:border-box; display:flex; height:157px}
.qk01 dl:nth-child(4n){ margin-right:0}
.qk01 dl h5{ width:30%; float:left; overflow:hidden; display:flex}
.qk01 dl h5 a{ width:100%; float:left; overflow:hidden}
.qk01 dl h5 img{ width:100%; float:left; overflow:hidden}
.qk01 dl ul{ width:70%; float:left; overflow:hidden; padding:10px 20px; box-sizing:border-box;}
.qk01 dl dt{ width:100%; float:left; overflow:hidden; line-height:26px; height:26px; margin-bottom:8px}
.qk01 dl dt a{ font-size:18px; color:#111}
.qk01 dl dd{ width:100%; float:left; overflow:hidden; line-height:18px; height:18px; margin-bottom:8px; color:#999; font-size:14px}
.qk01 dl:hover{ border:1px solid rgba(6,153,160,.65)}
.qk01 dl:hover dt a{ color:#0699a0;}
.qk01 dl dt a:hover{ color:#0699a0; text-decoration:underline}



.tu01{ background:#fff; width:100%; float:left; overflow:hidden}
.tu01 dl{ width:33.33%; float:left; overflow:hidden; box-sizing:border-box; padding:30px; border-bottom:1px solid #f3f3f3;  border-right:1px solid #f3f3f3}
.tu01 dl h5{ width:25%; float:left; overflow:hidden}
.tu01 dl ul{ width:75%; float:left; overflow:hidden; padding:0 20px 20px 2vw; box-sizing:border-box}
.tu01 dl ul dt{ width:100%; float:left; overflow:hidden; line-height:26px; height:26px; margin-bottom:15px}
.tu01 dl ul dt a{ font-size:18px; color:#111}
.tu01 dl ul dd{ width:100%; float:left; overflow:hidden; line-height:18px; margin-bottom:8px; color:#999; font-size:14px}
.tu01 dl ul h6{ width:100%; float:left; overflow:hidden; line-height:20px; color:#be724d; font-size:14px; font-weight:normal; margin-top:10px}
.tu01 dl ul h6 span{ padding:0 10px; color:#f0f0f0}
.tu01 dl:hover dt a{ color:#0699a0;}
.tu01 dl dt a:hover{ color:#0699a0; text-decoration:underline}










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