@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:Arial, Helvetica, sans-serif}
.ty01,.ty02{ margin:0 auto; overflow:hidden}
.ty02{ width:80%;  }

.top01{ height:44px; line-height:44px; background:#111; color:rgba(255,255,255,.8); font-size:14px;position:absolute; left:0; top:0px; z-index:3; width:100% ; background:rgba(0,0,0,.5)}
.top01 span{ float:right; line-height:44px; padding-left:26px; background:url(tel.png) no-repeat 0 center}
.top01 span b{ padding:0 5px 0 20px}
.top01 span a{ color:rgba(255,255,255,.8); font-size:14px;}
.top01 span img{ vertical-align:middle}
.top01 a:hover{ text-decoration:underline; color:#ec6c00}

.head01,.head02{ margin:0 auto; }
.head01{ position:absolute; left:0; top:44px; z-index:2; width:100%;}
.head02{ width:80%; padding:0 10%; height:90px; display:flex; justify-content:space-between; }
.logo{ width:30%; height:90px; overflow:hidden; display:flex;align-items:center;justify-content:center;}
.logo img{ height:42px}

.nav{flex:1; height:90px;}
.nav li{ width:33.33%; float:left; height:90px;}
.nav li a{ width:100%; height:90px; line-height:90px; display:block; float:left; color:#fff; font-size:17px;}
.nav2 li a{ text-align:right;}
.nav li a:hover { text-decoration:none;}
.nav li:hover a{color:#ec6c00; text-decoration:none;}
.nav li:hover .section-nav1 a{ background:none; }
.nav li a.on_h{ color:#ec6c00}
.nav li:hover a.on_h{ color:#ec6c00}


/* 留言 */
.dz01{ height:890px;padding:80px 0; background:url(dz.jpg) no-repeat center 0;display:flex;align-items:center; background-size:cover}
.dz01 .h301{ color:#fff}
.ly_02 dt{color:rgba(255,255,255,.8)}
.ly_02{ width:100%; float:left; overflow:hidden;font-family:Arial, Helvetica, sans-serif; }
.ly_02 ul{ width:100%; float:left; overflow:hidden}
.ly_02 dl{ width:48%; float:left; overflow:hidden; margin-bottom:50px}
.ly_02 dl.width100{ width:100%}
.ly_02 dt{ width:100%; float:left; height:30px; line-height:30px; font-size:18px; color:rgba(255,255,255,.4); overflow:hidden; margin-bottom:10px}
.ly_02 dd{ width:100%; float:left; overflow:hidden;}
.intxt2{ width:100%; float:left; height:70px; line-height:70px; overflow:hidden; font-size:15px; color:#333; border:none;  padding:0 30px; font-family:Arial, Helvetica, sans-serif; -moz-box-sizing: border-box;box-sizing: border-box; background:#f5f6fa;  border:2px solid #fff;border-radius:5px ;outline:none}
.intxt2:focus{ border:2px solid rgba(236,108,0,.3); border-radius:5px;outline:none}


.ly_02 textarea{ width:100%; float:left; overflow:hidden; padding:15px; color:#666; font-size:15px; -moz-box-sizing: border-box;box-sizing: border-box; height:150px; line-height:30px;font-family:Arial, Helvetica, sans-serif ;border:2px solid #fff;border-radius:5px; background:#f5f6fa; }
.ly_02 textarea:focus{ border:2px solid rgba(236,108,0,.3);  }

.ly_02 li{ width:100%; float:left; overflow:hidden;}
.coolbg5{  width:260px; height:65px; line-height:65px; display:block; margin-left:612px; display:inline; border:none; float:left; text-align:center; overflow:hidden; color:#fff; background:#fe9703; border-radius:5px;font-size:19px; font-weight:normal ;font-family:Arial, Helvetica, sans-serif; text-align:center; outline:none; margin-top:20px}
.coolbg5:hover{ background-image: linear-gradient(to bottom,#ec6c00 ,#df6702);; cursor:pointer}


/*  底部  */

.foot01{ height:40px; padding:40px 0; background:#fff; border-bottom:1px solid #eee; line-height:40px; font-size:18px; color:#333 }
.foot01 .ty02{ display:flex;  justify-content:space-between}
.foot01 .ty02 a{ padding:5px 20px; background:#eee; border-radius:5px; cursor:pointer; border:1px solid #e3e3e3}
.foot01 .ty02 img{ margin-right:8px}
.foot01 .ty02 a:hover{ background:rgba(236,108,0,.1); border:1px solid rgba(236,108,0,.2)}
.foot01 .ty02 span{ font-weight:bold; font-size:25px; display:flex;align-items:center}
.foot01 .ty02 img{ max-height:30px}
.foot01 .ty02 a img{ max-height:20px}

.foot02{  padding:40px 0 100px; background:#fff; border-bottom:1px solid #eee; }
.foot02 .ty02{ display:flex;  justify-content:space-between}
.h401,.f_nav dt{ width:100%; float:left; overflow:hidden; line-height:30px; margin-bottom:25px; font-weight:bold; background:url(dot01.gif) no-repeat 0 center; text-indent:13px}
.h401 a,.f_nav dt a{ font-size:20px; color:#333; }

.f_about{ width:32%; float:left; overflow:hidden; margin-right:6%;}
.f_about ul{ width:100%; float:left; overflow:hidden; line-height:28px; color:#666; font-size:15px; height:140px;}

.f_nav{ flex:1; display:flex; }
.f_nav dl{ width:22%; float:left; overflow:hidden;}
.f_nav dl:first-child{ margin-right:4%}
.f_nav dl:nth-child(2){ margin-right:12%}
.f_nav dl:last-child{ width:40%;}
.f_nav dl dd{ width:100%; float:left; overflow:hidden; line-height:32px; margin-bottom:10px; background:url(dot02.png) no-repeat 0 11px; text-indent:13px;font-size:16px; color:#666}
.f_nav dl dd a{ color:#666}
.f_nav dl:last-child dd{ background:none; text-indent:0; }
.f_nav dl:last-child dd img{ margin-right:10px}

.f_nav dl dd img{ height:20px}

.copy01{ height:80px; line-height:80px; font-size:16px; color:#999; }
.copy01 span{ float:right; line-height:80px; font-size:16px;}
.copy01 span a{ color:#999; margin-right:20px}
.copy01 span a:hover{ text-decoration:underline; color:#ec6c00}
.copy01 span a:last-child{ margin-right:0}

.dl-menuwrapper{ display:none}
.m_r4{ margin-right:4%}
.m_30{ margin-bottom:30px}
.m_40{ margin-bottom:40px}
.m_r50{ margin-right:50px}
.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){
	
.ty02{ width:94%; padding:0 3%;  }
.head01,.top01{ 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}


/* 留言 */
.dz01{ height:100vh;padding:0px 0;}

.ly_02 dl{ width:48%; float:left; overflow:hidden; margin-bottom:20px}
.ly_02 dl.width100{ width:100%}
.ly_02 dt{ height:25px; line-height:25px; font-size:14px; margin-bottom:10px}

.intxt2{ height:50px; line-height:50px; font-size:14px; color:#333; border:none;  padding:0 15px; }

.ly_02 textarea{ width:100%; float:left; overflow:hidden; padding:15px; color:#666; font-size:15px; -moz-box-sizing: border-box;box-sizing: border-box; height:150px; line-height:30px;font-family:Arial, Helvetica, sans-serif ;border:2px solid #fff;border-radius:5px; background:#f5f6fa; margin-bottom:5px}
.ly_02 textarea:focus{ border:2px solid rgba(236,108,0,.3);  }

.ly_02 li{ width:100%; float:left; overflow:hidden;}
.coolbg5{  width:48%; height:50px; line-height:50px; margin-left:0;font-size:16px;margin-top:0px}


/*  底部  */

.foot01{ height:30px; padding:10px 0; line-height:30px; font-size:15px;  }
.foot01 .ty02 img{ margin-right:5px}
.foot01 .ty02 span{ font-size:15px; }
.foot01 .ty02 img{ max-height:18px}

.foot01 .ty02 a{ padding:0px 10px;font-size:12px }
.foot01 .ty02 a img{ max-height:14px}


.foot02{  padding:20px 0 10px;  }
.h401,.f_nav dt{ line-height:30px; margin-bottom:15px;text-indent:10px}
.h401 a,.f_nav dt a{ font-size:20px; }
.f_about{ display:none}

.f_nav{ flex:1; display:flex; }
.f_nav dl{ width:100%; }
.f_nav dl:first-child{ margin-right:0%; display:none}
.f_nav dl:nth-child(2){ margin-right:0%; display:none}
.f_nav dl:last-child{ width:100%;}
.f_nav dl dd{ line-height:28px; margin-bottom:10px; background:url(dot02.png) no-repeat 0 11px; text-indent:10px;font-size:14px;}
.f_nav dl dd a{ color:#666}
.f_nav dl:last-child dd{ background:none; text-indent:0; }
.f_nav dl:last-child dd img{ margin-right:10px}

.copy01{ height:50px; line-height:50px; font-size:12px; }
.copy01 span{ float:right; line-height:50px; font-size:12px;}
.copy01 span a{margin-right:10px}
.copy01 span a:last-child{ margin-right:0}


.m_30,.m_40,.m_50{ margin-bottom:10px}

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