@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,.ty03{ margin:0 auto; overflow:hidden}
.ty02{ width:90%;  }
.ty03{ width:80%;  }

.head01,.head02{ margin:0 auto; }
.head02{ width:90%; padding:0 5%; height:100px; display:flex; justify-content:space-between; align-items:center;}

.logo{  height:60px;max-width:350px}
.logo img{ height:60px; margin-right:15px; float:left;}
.logo ul{  display:flex; height:41px;align-items:center; flex-wrap:wrap; margin-top:12px }
.logo dt{ line-height:25px; width:100%}
.logo dt a{ font-size:23px; color:#111; }
.logo dd{ line-height:14px; width:100% }
.logo dd a{color:#333; font-size:12.5px}

#header{ display:flex; flex:1; height:100px; justify-content:flex-end; align-items:center; }
.nav{  height:100px; margin-right:50px  }
.nav li{ position: relative;width:110px; float:left; height:100px;}
.nav li a{ width:100%; height:100px; text-align:center; line-height:100px; display:block; float:left; color:#333; font-size:18px; }
.nav li a:hover { text-decoration:none;}
.nav li .nav-w { z-index:21; position:absolute; display:none; float:left; clear:both; left:-30px; overflow:hidden; top:100px; width:170px;  background-color:rgba(255,255,255,.95);}
.nav li:hover a{color:#ed9e20; 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%; height:50px; background:none; float:left; overflow:hidden; }
.nav li div.section-nav1 a { float:left; display:block; line-height:50px; overflow:hidden; padding:0;  width:100%; color:#333; font-size:15px; 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:#f7b003; }
.nav li:hover .section-nav1 a{ background:none; }
.nav li a.on_h{ color:#ed9e20}
.nav li:hover a.on_h{ color:#ed9e20}

.tel{  height:30px; font-size:17px; color:#333; line-height:33px; font-weight:normal;  padding-left:40px;  background:url(tel.png) no-repeat 0px 0; min-width:130px; }



.h301{ width:100%; float:left; overflow:hidden; line-height:60px; font-size:45px;  color:#111; text-align:center; margin-bottom:50px}
.h301 a{ color:#111; }
.h301 a:hover{ color:#f7b003;}

/* foot */
.foot01{  padding:60px 0; background:#000}
.foot01 .ty02{ display:flex; }
.foot01 dl{ margin-right:5%}
.foot01 dt{ color:rgba(255,255,255,.8); width:100%; float:left; overflow:hidden; line-height:30px; font-size:18px; margin-bottom:15px}
.foot01 dd{ width:50%; float:left; overflow:hidden; line-height:26px; margin-bottom:15px}
.foot01 dd, .foot01 dd a{ color:rgba(255,255,255,.6); font-size:14px}

.foot01 dl:nth-child(3) dd{ width:100%}
.foot01 ul{ display:flex; min-width:300px;justify-content:flex-end;}
.foot01 li{ line-height:22px; text-align:center; color:rgba(255,255,255,.6); font-size:14px}
.foot01 li:first-child{ margin-right:35px;}
.foot01 li img{ border:10px solid #fff; margin-bottom:15px}
.foot01 a:hover,.copy01 a:hover{ color:#f7b003}

.copy01{  background:#000}
.copy01 .ty02{ border-top:1px solid rgba(255,255,255,.15); line-height:30px; color:rgba(255,255,255,.6); font-size:14px; padding:30px 0;}
.copy01 span{ float:right; line-height:30px;  }
.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_100{ margin-bottom:100px}



/******** 手机版 ********/
@media (max-width:767px){
body{ padding-top:50px}
.ty02,.ty03{ width:94%;  }
.head01{ display:none }
.dl-menuwrapper{ display:block}
#dl-menu .logom{ max-width:70%; float:left; overflow:hidden; position:absolute; left:3%; top:10px; z-index:999;font-size:16px; height:30px; line-height:30px; color:#333; display:flex; align-items:center}
.logom img{ height:26px; margin-right:5px}


.h301{ line-height:30px; font-size:23px;  margin-bottom:20px}


/* foot */
.foot01{  padding:30px 0;}
.foot01 .ty02{ flex-wrap:wrap}
.foot01 dl:nth-child(1),.foot01 dl:nth-child(2){ display:none}
.foot01 dl{ margin-right:0; width:100%; margin-bottom:15px}
.foot01 dt{ line-height:20px; font-size:14px; margin-bottom:10px}
.foot01 dd{ line-height:20px; margin-bottom:5px}
.foot01 dd, .foot01 dd a{ font-size:12px}

.foot01 ul{ width:100%;justify-content:center;}
.foot01 li{ line-height:18px; font-size:12px}
.foot01 li:first-child{ margin-right:20px;}
.foot01 li img{ border:8px solid #fff; margin-bottom:10px; width:66px}

.copy01 .ty02{ line-height:20px;font-size:12px; padding:10px 0;}
.copy01 span{ display:none }


}


/******** 750px ********/
@media (min-width:768px) and (max-width:991px){
.ty02,.ty03{ width:95%;  }
.head02{ width:95%; padding:0 2.5%; height:70px;}
.logo{  height:30px;max-width:300px}
.logo img{ height:30px; margin-right:10px;}
.logo ul{  display:flex; height:26px; margin-top:7px }
.logo dt{ line-height:20px; }
.logo dt a{ font-size:16px;  }
.logo dd{ line-height:10px; }
.logo dd a{ font-size:8px}

#header{  height:70px;  }
.nav{  height:70px; margin-right:0px  }
.nav li{  height:70px; width:75px}
.nav li a{ height:70px;line-height:70px; font-size:14px; }
.nav li .nav-w {  left:-20px; top:70px; width:115px; }
.nav li .section-nav1 ul li{ height:40px}
.nav li .section-nav1 ul li a{ font-size:13px; line-height:40px}
.tel{ display:none}

.h301{ line-height:40px; font-size:30px;  margin-bottom:30px}

/* foot */
.foot01{  padding:30px 0;}
.foot01 dl{ margin-right:2%}
.foot01 dt{ line-height:30px; font-size:14px; margin-bottom:10px}
.foot01 dd{ width:100%;  line-height:26px; margin-bottom:5px}
.foot01 dd, .foot01 dd a{ font-size:12px}

.foot01 ul{  min-width:200px;}
.foot01 li{ line-height:20px; font-size:12px}
.foot01 li:first-child{ margin-right:20px;}
.foot01 li img{ border:8px solid #fff; margin-bottom:10px; width:60px}

.copy01 .ty02{ line-height:30px;font-size:12px; padding:10px 0;}
.copy01 span{  line-height:30px;  }


}


/******** 970px ********/
@media (min-width:992px) and (max-width:1199px){
.ty02,.ty03{ width:94%;  }
.head02{ width:94%; padding:0 3%; height:80px;}
.logo{  height:40px;max-width:300px}
.logo img{ height:40px; margin-right:15px;}
.logo ul{  display:flex; height:32px; margin-top:7px }
.logo dt{ line-height:20px; }
.logo dt a{ font-size:18px;  }
.logo dd{ line-height:12px; }
.logo dd a{ font-size:10px}

#header{  height:80px;  }
.nav{  height:80px; margin-right:0px  }
.nav li{  height:80px; width:90px}
.nav li a{ height:80px;line-height:80px; font-size:16px; }
.nav li .nav-w {  left:-20px; top:80px; width:130px; }
.nav li .section-nav1 ul li{ height:40px}
.nav li .section-nav1 ul li a{ line-height:40px; font-size:14px}
.tel{ display:none}

.h301{ line-height:45px; font-size:38px;  margin-bottom:40px}

/* foot */
.foot01{  padding:40px 0;}
.foot01 dl{ margin-right:3%}
.foot01 dt{ line-height:30px; font-size:16px; margin-bottom:10px}
.foot01 dd{ width:100%;  line-height:26px; margin-bottom:10px}
.foot01 dd, .foot01 dd a{ font-size:12px}

.foot01 ul{  min-width:240px;}
.foot01 li{ line-height:22px; font-size:12px}
.foot01 li:first-child{ margin-right:20px;}
.foot01 li img{ border:8px solid #fff; margin-bottom:10px; width:70px}

.copy01 .ty02{ line-height:30px;font-size:12px; padding:15px 0;}
.copy01 span{  line-height:30px;  }

}


/******** 1160px ********/
@media (min-width:1200px) and (max-width:1300px){
.ty02,.ty03{ width:94%;  }
.head02{ width:94%; padding:0 3%; height:90px;}
.logo{  height:50px;max-width:330px}
.logo img{ height:50px; margin-right:15px;}
.logo ul{  display:flex; height:39px; margin-top:7px }
.logo dt{ line-height:25px; }
.logo dt a{ font-size:20px;  }
.logo dd{ line-height:14px; }
.logo dd a{ font-size:11px}

#header{  height:90px;  }
.nav{  height:90px; margin-right:30px  }
.nav li{  height:90px; width:90px}
.nav li a{ height:90px;line-height:90px; font-size:17px; }
.nav li .nav-w {  left:-25px; top:90px; width:140px; }
.nav li .section-nav1 ul li{ height:40px}
.nav li .section-nav1 ul li a{ line-height:40px}
.tel{  height:30px; font-size:15px;line-height:33px; padding-left:35px; min-width:130px; background-size:15%; background-position:0 center}

.h301{ line-height:50px; font-size:40px;  margin-bottom:50px}

/* foot */
.foot01{  padding:50px 0;}
.foot01 dl{ margin-right:4%}
.foot01 dt{ line-height:30px; font-size:17px; margin-bottom:15px}
.foot01 dd{ width:50%; line-height:26px; margin-bottom:15px}
.foot01 dd, .foot01 dd a{ font-size:14px}

.foot01 dl:nth-child(3) dd{ width:100%}
.foot01 ul{  min-width:260px;}
.foot01 li{ line-height:22px; font-size:13px}
.foot01 li:first-child{ margin-right:20px;}
.foot01 li img{ border:8px solid #fff; margin-bottom:15px}

.copy01 .ty02{ line-height:30px;font-size:13px; padding:20px 0;}
.copy01 span{  line-height:30px;  }

}


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

.ty02,.ty03{ width:94%;  }
	
.head02{ width:94%; padding:0 3%; height:100px;}
.logo{  height:60px;max-width:350px}
.logo img{ margin-right:15px;}
.logo ul{  display:flex; height:41px; margin-top:12px }
.logo dt{ line-height:25px; }
.logo dt a{ font-size:23px;  }
.logo dd{ line-height:14px; }
.logo dd a{ font-size:12.5px}

#header{  height:100px;  }
.nav{  height:100px; margin-right:30px  }
.nav li{  height:100px; width:100px}
.nav li a{ height:100px;line-height:100px; font-size:18px; }
.nav li .nav-w {  left:-25px; top:100px; width:150px; }
.nav li .section-nav1 ul li{ height:47px}
.nav li .section-nav1 ul li a{ line-height:47px}

.tel{  height:30px; font-size:17px;line-height:33px; padding-left:40px; min-width:130px; }

.h301{ line-height:60px; font-size:43px;  margin-bottom:50px}

/* foot */
.foot01{  padding:60px 0;}
.foot01 dl{ margin-right:5%}
.foot01 dt{ line-height:30px; font-size:18px; margin-bottom:15px}
.foot01 dd{ width:50%; line-height:26px; margin-bottom:15px}
.foot01 dd, .foot01 dd a{ font-size:14px}

.foot01 dl:nth-child(3) dd{ width:100%}
.foot01 ul{  min-width:300px;}
.foot01 li{ line-height:22px; font-size:14px}
.foot01 li:first-child{ margin-right:35px;}
.foot01 li img{ border:10px solid #fff; margin-bottom:15px}

.copy01 .ty02{ line-height:30px;font-size:14px; padding:30px 0;}
.copy01 span{  line-height:30px;  }


}

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