@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,video{ margin:0; padding:0}
img{ border:0; max-width:100%; 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{ margin:0 auto; overflow:hidden}
.ty02{ width:80%;  }

.head01,.head02{ margin:0 auto; }
.head02{ width:80%; padding:0 10%; height:90px; display:flex; justify-content:space-between; }
.logo{  height:50px; margin-top:20px; overflow:hidden; font-size:26px; font-weight:bold; color:#333; }
.logo img{ height:50px; margin-right:10px}
#header{width:800px; height:90px; }
.nav{ width:100%; height:90px; float:left; }
.nav li{ position: relative;width:20%; float:left; height:90px;}
.nav li a{ width:100%; height:90px; text-align:center; line-height:90px; display:block; float:left; color:#333; font-size:16px; }
.nav li a:hover { text-decoration:none;}
.nav li .nav-w { z-index:21; position:absolute; display:none; float:left; clear:both; left:-10px; overflow:hidden; top:90px; width:180px;  background-color:rgba(255,255,255,.95);}
.nav li:hover a{color:#ea4523; text-decoration:none;}
.nav li .section-nav1{  height:auto; width:100%; overflow: hidden; }
.nav li .section-nav1 ul { width:100%; position:static; overflow:hidden;}
.nav li .section-nav1 ul li{position:static; padding:0px; margin:0; width:100%;  background:none; float:left; overflow:hidden; height:47px}
.nav li div.section-nav1 a { float:left; display:block; line-height:50px; height:50px; overflow:hidden; padding:0;  width:100%; color:#333; font-size:14px; border-top:none; margin:0;  border:none; text-align:center;text-decoration:none;transition: all 0.4s;}
.nav li .section-nav1 ul li a:hover {color:#fff; text-decoration:none;background:#ea4523; }
.nav li:hover .section-nav1 a{ background:none; }
.nav li a.on_h{ color:#ea4523}
.nav li:hover a.on_h{ color:#ea4523}

/* 底部　*/
.foot01{ background:#3e3a3b; padding:50px 0 0}
.foot01 a:hover{ color:#ea4523}
.foot01 dl{ float:left; overflow:hidden; width:20%;}
.foot01 dl dt{ width:100%; float:left; overflow:hidden; margin-bottom:25px }
.foot01 dl dt a{ font-size:20px; border-bottom:1px solid rgba(255,255,255,.15); color:#fff; padding-bottom:15px; float:left; width:auto}
.foot01 dl dd{ width:100%; float:left; overflow:hidden; line-height:24px; margin-bottom:15px; font-size:14px; color:rgba(255,255,255,.6)}
.foot01 dl dd a{ color:rgba(255,255,255,.6)}


.foot01 .ty02 dl:last-child{ width:30%; padding-left:10%;}
.foot01 .ty02 dl:last-child dt a{ width:100%;}
.foot01 .ty02 dl:last-child div{ width:100%; float:left; display:flex;}
.foot01 .ty02 dl:last-child div h5{ width:120px; margin-right:20px}
.foot01 .ty02 dl:last-child div h5 img{ max-width:100%;}
.foot01 .ty02 dl:last-child div ul{ flex:1}

.copy01{ width:100%; margin:0 auto; border-top:1px solid rgba(255,255,255,.15); height:80px; line-height:80px; margin-top:30px; color:rgba(255,255,255,.6); font-size:14px}
.copy01 span{ float:right; line-height:80px}
.copy01 span a{ color:rgba(255,255,255,.6); }


.dl-menuwrapper{ display:none}
.m_50{ margin-bottom:50px}
.m_70{ margin-bottom:70px}
.m_80{ margin-bottom:80px}
.m_90{ margin-bottom:90px}
.m_100{ margin-bottom:100px}

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

.head01{ display:none }
.dl-menuwrapper{ display:block}
.logom{ max-width:50%; float:left; overflow:hidden; position:absolute; left:3%; top:0px; height:50px; display:flex; align-items:center ; z-index:999; color:rgba(255,255,255,.9); font-size:18px}
.logom img{ height:26px; margin-right:10px}
	
.ty02{ width:94%; padding:0 3%;  }







/* 底部　*/
.foot01{padding:30px 0 0}
.foot01 dl{ width:100%; margin-bottom:10px}
.foot01 dl dt{ margin-bottom:10px }
.foot01 dl dt a{ font-size:16px; padding-bottom:7px; float:left; width:100%; }
.foot01 dl dd{ width:25%; line-height:20px; margin-bottom:5px; font-size:12px; }

.foot01 .ty02 dl:last-child{ width:100%; padding-left:0; }
.foot01 .ty02 dl:last-child div h5{ width:100px; margin-right:20px}
.foot01 .ty02 dl:last-child dd{ width:100%}

.copy01{ height:50px; line-height:50px; margin-top:20px;  font-size:12px}
.copy01 span{ line-height:50px}


















.m_50{ margin-bottom:10px}
.m_70{ margin-bottom:20px}
.m_80{ margin-bottom:10px}	
.m_90{ margin-bottom:30px}	
.m_100{ margin-bottom:20px}
}


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


.ty02{ width:94%;  }
.head02{ width:94%; padding:0 3%; height:70px; }
.logo{ height:30px; margin-top:20px;  font-size:18px;}
.logo img{ height:30px; margin-right:10px}
#header{width:500px; height:70px; }
.nav{height:70px;}
.nav li{  height:70px;}
.nav li a{ height:70px; line-height:70px; font-size:15px; }
.nav li .nav-w {  left:-10px; top:70px; width:120px; }
.nav li .section-nav1 ul li{ height:40px}
.nav li div.section-nav1 a { line-height:40px; height:40px; font-size:13px;}


/* 底部　*/
.foot01{padding:30px 0 0}
.foot01 dl{ width:17%;}
.foot01 dl dt{ margin-bottom:15px }
.foot01 dl dt a{ font-size:16px; padding-bottom:10px; }
.foot01 dl dd{ line-height:20px; margin-bottom:10px; font-size:12px; }

.foot01 .ty02 dl:last-child{ width:44%; padding-left:5%; }
.foot01 .ty02 dl:last-child div h5{ width:100px; margin-right:20px}

.copy01{ height:70px; line-height:70px; margin-top:20px;  font-size:12px}
.copy01 span{ line-height:70px}


.m_90{ margin-bottom:50px}
.m_100{ margin-bottom:60px}
}


/******** 970px ********/
@media (min-width:992px) and (max-width:1199px){

.ty02{ width:90%;  }
.head02{ width:90%; padding:0 5%; height:80px; }
.logo{ height:40px; margin-top:20px;  font-size:22px;}
.logo img{ height:40px; margin-right:10px}
#header{width:600px; height:80px; }
.nav{height:80px;}
.nav li{  height:80px;}
.nav li a{ height:80px; line-height:80px; font-size:15px;  }
.nav li .nav-w {  left:-10px; top:80px; width:160px; }
.nav li .section-nav1 ul li{ height:50px}
.nav li div.section-nav1 a { line-height:50px; height:50px; font-size:14px;}

/* 底部　*/
.foot01{padding:35px 0 0}
.foot01 dl{ width:17%;}
.foot01 dl dt{ margin-bottom:20px }
.foot01 dl dt a{ font-size:17px; padding-bottom:10px; }
.foot01 dl dd{ line-height:24px; margin-bottom:12px; font-size:13px; }

.foot01 .ty02 dl:last-child{ width:44%; padding-left:5%; }
.foot01 .ty02 dl:last-child div h5{ width:100px; margin-right:20px}

.copy01{ height:70px; line-height:70px; margin-top:20px;  font-size:13px}
.copy01 span{ line-height:70px}

.m_90{ margin-bottom:70px}
.m_100{ margin-bottom:80px}

}


/******** 1160px ********/
@media (min-width:1200px) and (max-width:1439px){

.ty02{ width:90%;  }
.head02{ width:90%; padding:0 5%; height:90px; }
.logo{ height:45px; margin-top:22px;  font-size:24px;}
.logo img{ height:45px; margin-right:10px}
#header{width:700px; height:90px; }
.nav{height:90px;}
.nav li{  height:90px;}
.nav li a{ height:90px; line-height:90px; font-size:16px;  }
.nav li .nav-w {  left:-10px; top:90px; width:160px; }
.nav li .section-nav1 ul li{ height:50px}
.nav li div.section-nav1 a { line-height:50px; height:50px; font-size:14px;}

/* 底部　*/
.foot01{padding:40px 0 0}
.foot01 dl{ width:18%;}
.foot01 dl dt{ margin-bottom:25px }
.foot01 dl dt a{ font-size:19px; padding-bottom:15px; }
.foot01 dl dd{ line-height:24px; margin-bottom:12px; font-size:14px; }

.foot01 .ty02 dl:last-child{ width:41%; padding-left:5%; }
.foot01 .ty02 dl:last-child div h5{ width:120px; margin-right:20px}

.copy01{ height:75px; line-height:75px; margin-top:30px;  font-size:14px}
.copy01 span{ line-height:75px}

.m_90{ margin-bottom:80px}
}

/******** 1400px ********/
@media (min-width:1440px){
	
}