@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%;}
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:90%; padding:0 5%; }
body{ background:url(body01.jpg) no-repeat center 0;  background-attachment:fixed;}

.w_head01{ display:none}
.head01,.head02{ margin:0 auto; }
.head01{ position:absolute; left:0; top:0; z-index:2; width:100%;}
.head02{ width:90%; padding:0 5%; height:85px; display:flex; justify-content:space-between; }
.logo{ width:311px; height:51px; margin-top:15px; overflow:hidden;}
#header{width:660px; height:70px; margin-top:15px; margin-right:200px}
.nav{ width:100%; height:70px; float:left; }
.nav li{ position: relative;width:110px; float:left; height:70px;}
.nav li a{ width:100%; height:70px; text-align:center; line-height:70px; display:block; float:left; color:#fff; font-size:17px; background:url(navarr1.png) no-repeat 93px 49px }
.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:70px; width:170px;  background-color:rgba(255,255,255,.95);}
.nav li:hover a{color:#0063c7; 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: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:rgba(0,99,199,.95); }
.nav li:hover .section-nav1 a{ background:none; }
.nav li a.on_h{ color:#0063c7}
.nav li:hover a.on_h{ color:#0063c7}

.tel{ position:absolute; right:5%; top:35px; z-index:9; height:30px; font-size:17px; color:#fff; line-height:30px; font-weight:normal; width:150px; padding-left:30px; text-align:right; background:url(tel.png) no-repeat 30px center,url(nav02.png) no-repeat 0 center;}

.foot01{ width:90%; padding:70px 5% 50px; display:flex;justify-content:space-between; }

.foot02{ flex:1; display:flex;}
.foot02 dl{ width:150px; margin-right:50px}
.foot02 dl:first-child{ width:150px; padding-right:80px; border-right:1px solid rgba(255,255,255,.3); margin-right:80px}
.foot02 dl:first-child h5{ width:100%; float:left; overflow:hidden; text-align:center; margin-bottom:13px}
.foot02 dl:first-child h6{ width:100%; text-align:center; line-height:22px; font-size:16px; color:rgba(255,255,255,.8); font-weight:normal}
.foot02 dl:nth-child(3){ width:260px;}

.foot02 dl dt{ width:100%; float:left; overflow:hidden; line-height:20px; height:20px; margin-bottom:15px; border-left:3px solid rgba(255,255,255,.9); text-indent:10px}
.foot02 dl dt a{ color:rgba(255,255,255,.9); font-size:17px; font-weight:bold}
.foot02 dl dd{ width:100%; float:left; overflow:hidden; line-height:20px; height:20px; margin-bottom:10px; text-indent:13px}
.foot02 dl:nth-child(3) dd{ width:50%;}
.foot02 dl dd a{ font-size:14px; color:rgba(255,255,255,.7)}
.foot02 dl dd a:hover{ text-decoration:underline; color:#fff}


.foot03{ width:273px; }
.foot03 h4{ width:100%; float:left; overflow:hidden; line-height:20px; height:20px; margin-bottom:18px; border-left:3px solid rgba(255,255,255,.9); text-indent:10px;font-size:17px; font-weight:bold;color:rgba(255,255,255,.9);}
.foot03 ul{ width:100%; padding-left:13px; box-sizing:border-box; float:left; overflow:hidden; display:flex;justify-content:space-between}
.foot03 li{ width:110px;  overflow:hidden; text-align:center; line-height:20px; font-size:12px; color:rgba(255,255,255,.8); }
.foot03 li b{ font-size:14px;color:rgba(255,255,255,.9); font-weight:normal}


.foot04a h3{ display:none}
.foot04{display:flex;}

.foot04 dl{ display:flex; }
.foot04 dl dd{ margin-right:50px; line-height:80px; display:flex; align-items:center}
.foot04 dl dd img{ opacity:0.9;}
.foot04 dl dt{ font-size:16px; color:rgba(255,255,255,.9); line-height:80px}
.foot04 dl:nth-child(2){ border-left:1px dashed rgba(255,255,255,.5); border-right:1px dashed rgba(255,255,255,.5); padding:0 100px}

.copy01{ width:90%; padding:5px 5% 25px; line-height:40px; color:rgba(255,255,255,.7); font-size:12px}
.copy01 span{ color:rgba(255,255,255,.7)}
.copy01 a{color:rgba(255,255,255,.7)}
.copy01 a:hover{text-decoration:underline; color:#fff}

.foot01,.foot04a,.copy01{background:rgba(30,67,106,.85);}


@media (max-width:767px){
.ty02{ width:100%;}
.ty11{ width:93%; padding:0 3.5%}
.head01{ display:none}
.w_head01{ display:block; margin:0 auto; width:100%; background:#fff;height:60px;}
.w_ul01{width:auto; float:left; overflow:hidden}
.w_ul01 img{ height:30px; margin-top:15px}

.foot01{ display:none}

.foot04a h3{ display:block; width:93%; padding:20px 3.5% 15px; text-align:center;}
.foot04a h3 img{ width:80%}
.foot04{flex-wrap:wrap; padding-top:15px;}
.foot04 dl:nth-child(2){ border:1px dashed rgba(255,255,255,.5); padding:0; padding-left:20px;}
.foot04 dl{ display:flex; width:100% ; border:1px dashed rgba(255,255,255,.5); border-radius:26px; height:50px; margin-bottom:10px; padding-left:20px; box-sizing:border-box}
.foot04 dl dd{ margin-right:10px; line-height:50px; width:50px; display:flex; align-items:center; height:50px}
.foot04 dl dd img{ display:none}
.foot04 dl:first-child dd{ background:url(mf_tel.png) no-repeat center center; background-size:50%}
.foot04 dl:nth-child(2) dd{ background:url(mf_email.png) no-repeat center center; background-size:50%}
.foot04 dl:nth-child(3) dd{ background:url(mf_add.png) no-repeat center center; background-size:50%}
.foot04 dl dt{ flex:1; display:flex; font-size:16px; color:rgba(255,255,255,.9); height:50px; line-height:20px;align-items:center;}
.foot04 dl:last-child dt{ font-size:13px}

.copy01{ width:93%; padding:5px 3.5% 15px; line-height:20px; color:rgba(255,255,255,.7); font-size:12px}
.copy01 span{ float:right; line-height:20px; color:rgba(255,255,255,.7)}
.copy01 a{color:rgba(255,255,255,.7)}
.copy01 a:hover{text-decoration:underline; color:#fff}

}


@media (min-width:768px){
.foot04{ width:90%; margin:0 auto 30px; border-radius:40px; height:80px; justify-content:space-evenly; border:1px dashed rgba(255,255,255,.5);}
.copy01 span{ float:right; line-height:40px; }
}