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

.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:174px; height:45px; margin-top:18px; 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: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:70px; 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%;  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:#125db2; }
.nav li:hover .section-nav1 a{ background:none; }
.nav li a.on_h{ color:#ed9e20}
.nav li:hover a.on_h{ color:#ed9e20}

.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:45px; text-align:right; background:url(tel.png) no-repeat 30px 0}


.foot{ background:url(footbg.jpg); padding:60px 0 30px; background-image: linear-gradient(to right,#053b78 ,#003067);}
.link{ height:56px; width:100%; float:left; overflow:hidden; display:flex; border-bottom:1px solid #194d88; padding-bottom:30px; margin-bottom:30px}
.link h3{ line-height:56px; font-size:22px; color:#fff; font-weight:normal; margin-right:15px}
.link ul{ flex:1; line-height:56px;}
.link ul a{ font-size:17px; margin:0 20px; color:rgba(255,255,255,.6);}
.link ul span{ float:right; line-height:55px}
.link ul span a{ width:56px; line-height:26px; height:26px; padding:15px 0 ; text-align:center; background:#417dc1; border-radius:50%; display:block; float:left; overflow:hidden}
.link ul span a:hover{ background-image: linear-gradient(to bottom,#4783c6 ,#2e6aae);}

.lianxi{ width:100%; float:left; overflow:hidden; display:flex; justify-content:space-between; margin-bottom:25px}
.lianxi dl{overflow:hidden}
.lianxi dl dt{ width:100%; float:left; overflow:hidden; line-height:30px; margin-bottom:15px;font-size:22px;  color:rgba(255,255,255,.9); margin-top:13px}
.lianxi dl dt img{ vertical-align:middle;  margin-right:8px}
.lianxi dl dd{ width:100%; float:left; overflow:hidden; line-height:30px; margin-bottom:8px ;font-size:17px; color:rgba(255,255,255,.6)}

.lianxi ul img{ border:8px solid #fff}
.lianxi ul img:first-child{ margin-right:30px}
.yewu{ width:100%; float:left; overflow:hidden;  border-bottom:1px solid #194d88; padding-bottom:30px; margin-bottom:30px}
.yewu h3{ width:100%; float:left; overflow:hidden; line-height:36px; font-size:22px; color:#fff; font-weight:normal; margin-right:15px; margin-bottom:10px}
.yewu ul{ width:100%; float:left; overflow:hidden;line-height:36px;}
.yewu ul a{ font-size:17px; margin-right:40px; color:rgba(255,255,255,.6);}

.copy{ width:100%; float:left; overflow:hidden; line-height:50px; font-size:17px; color:rgba(255,255,255,.6);}
.copy a{ color:rgba(255,255,255,.6);}
.copy span{ float:right; line-height:50px}
.copy span b{ font-weight:normal; padding:0 13px; font-size:16px}
.foot a:hover{ color:#fff; text-decoration:underline}


.fw03 .ty02 dl{ width:23.5%; margin-right:2%; float:left; overflow:hidden; display:flex; margin-bottom:20px}
.fw03 .ty02 dl:nth-child(4n){ margin-right:0}
.fw03 .ty02 dl a{ display:block; float:left; overflow:hidden;width:94%; margin:3%; transition:all 0.35s}
.fw03 .ty02 dl dd{ width:100%; float:left; text-align:center; text-align:center; margin-bottom:25px}
.fw03 .ty02 dl dd img{ width:100%;}
.fw03 .ty02 dl dt{ width:100%; float:left; overflow:hidden; text-align:center; line-height:36px; height:36px; text-align:center; color:#333; font-size:18px; margin-bottom:20px}
.fw03 .ty02 dl a:hover{ box-shadow: 0 0 10px #e5e5e5; }
.fw03 .ty02 dl a:hover dt{ color:#125db2}


.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){
	


.head01{ display:none }
.dl-menuwrapper{ display:block}
.logom{ max-width:50%; float:left; overflow:hidden; position:absolute; left:3%; top:15px; z-index:999}
.logom img{ height:22px}
	
	
	
	
.ty02{ width:94%; padding:0 3%;  }
.m_70{ margin-bottom:20px}
.m_100{ margin-bottom:20px}

.fw03{ margin-bottom:0; }
.fw03 .ty02 dl{ width:23.5%; margin-right:2%; margin-bottom:10px}
.fw03 .ty02 dl:nth-child(4n){ margin-right:0}
.fw03 .ty02 dl a{ width:96%; margin:2%; }
.fw03 .ty02 dl dd{ text-align:center; margin-bottom:10px;}
.fw03 .ty02 dl dd img{ margin: 0; width:100%; }
.fw03 .ty02 dl dt{ line-height:22px; height:22px;  color:#333; font-size:12px; margin-bottom:10px}
.fw03 .ty02 dl dt span{ display:none}
.fw03 .ty02 dl a:hover{ box-shadow: 0; }




.foot{  padding:20px 0 10px}
.link{ height:30px;  padding-bottom:15px; margin-bottom:10px}
.link h3{ line-height:30px; font-size:14px; margin-right:0px}
.link ul{ flex:1; line-height:30px;}
.link ul a{ font-size:12px; margin:0 5px; }
.link ul a:nth-child(4){ display:none}

.link ul span{ float:right; line-height:30px}
.link ul span a{ width:30px; line-height:20px; height:20px; padding:5px 0 ; }
.link ul span a img{height:16px}
.link ul span a:hover{ background-image: linear-gradient(to bottom,#5c371b ,#876953);}

.lianxi{ width:100%; float:left; overflow:hidden; display:flex; justify-content:space-between; margin-bottom:25px;flex-wrap:wrap}
.lianxi dl{overflow:hidden; width:100%}
.lianxi dl dt{  line-height:30px; margin-bottom:5px;font-size:16px;}
.lianxi dl dt img{margin-top:-4px; margin-right:5px; height:20px}
.lianxi dl dd{ line-height:20px; margin-bottom:8px ;font-size:14px;}
.lianxi ul{ margin-top:10px}

.yewu{ display:none}

.copy{ line-height:40px; font-size:12px;  color:rgba(255,255,255,.6);border-top:1px solid #194d88; padding-top:5px}

.copy span{ display:none}




.m_50{ margin-bottom:10px}
.m_80{ margin-bottom:10px}	
}
