﻿html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit;  }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block; }
body {line-height: 1.1; font-size: 14px;color: #333;font-family: "ABC Sans",Calibri,"Lucida Grande","Lucida Sans Unicode",MS　ゴシック,Helvetica,Arial,Verdana,sans-serif;}
a{text-decoration: none;color: #454545;-webkit-transition: all .300s; -moz-transition: all .300s; -o-transition: all .300s; transition: all .300s; }
a:hover{color: #de690a;text-decoration: none;}
a:focus{color: #454545;}
a:link{text-decoration: none;}
ol, ul {list-style: none; }
blockquote, q {quotes: none; }
blockquote:before, blockquote:after, q:before, q:after {content: ''; content: none; }
table {border-collapse: collapse; border-spacing: 0; }
button{border: 0 none;}

.widt100{width: 100%;}
.width1200 { width:1200px;
}
.width1000 { width:1024px;
}

/* 通用样式 */
.all_wrap{width: 1200px;margin: 0 auto;}
.fl{float: left;}
.fr{float: right}
.hide {display: none; }
/* 清除浮动 */
.clear {display: block; clear: both; overflow: hidden; height: 0; line-height: 0; font-size: 0 }
.clearfix:after {content: " "; visibility: hidden; display: block; clear: both; height: 0; font-size: 0 }
.clearfix {*zoom: 1 ;overflow: hidden;}
.relative{position: relative;}


/*顶部*/
.main_nav{width: 100%;height:88px;line-height:88px;}
.main_nav .logo{float:left;width:25%;height:88px;}
.main_nav .nav{float:left;width:55%;height:88px;}
.main_nav .nav > ul > li{float:left;line-height:88px;position:relative;height:88px;width:16.3%;text-align:center;padding-right:7px;background:url(/yonggang/images/dot.png) no-repeat right center;}
.main_nav .nav > ul > li:last-child{background:none;}
.main_nav .nav > ul > li > a{display:block;}
.main_nav .nav > ul > li:hover > a,.main_nav .nav > ul > li.hover > a{color:#de690a;}
.main_nav .nav > ul > li > ul{ position:absolute;top:88px;left:0;background:#fff;width:110px;height:0;opacity:0;overflow:hidden;-webkit-transition: all .300s; -moz-transition: all .300s; -o-transition: all .300s; transition: all .300s; }
.main_nav .nav > ul > li > ul > li{ line-height:88px;height:88px;text-align:center; }
.main_nav .nav > ul > li > ul > li > a{ display:block;}
.main_nav .phone {float:right;width:20%;text-align:right;font-size:12px;}
.main_nav .phone span{position:relative;}
.main_nav .phone span:before{content:"";position:absolute;left:-28px;top:0;display:block;width:20px;height:14px;background:url(/yonggang/images/phone.png) no-repeat center center;}


.main_nav{color:#333;background:#fff;}
.main_nav .logo a{display:block;width:240px;height:88px;background:url(/yonggang/images/logo.png) no-repeat left center; background-size:100%;}
.main_nav .nav > ul > li > a{color:#333;}

.main_nav.white{color:#fff;position:absolute;left:0;top:0;background:none;}
.main_nav.white .logo a{display:block;width:240px;height:88px;background:url(/yonggang/images/logo.png) no-repeat left center; background-size:100%;}
.main_nav.white .nav > ul > li > a{color:#fff;}


.foot1{background: #494949;padding: 20px 0;}
.foot1 ul li {display: inline-block;text-align: center;padding:0 25px;}
.foot1 ul li:first-child {padding-left:0;}
.foot1 ul li:last-child {padding-right:0;}
.foot1 ul li a {color:#fff;}

.foot2{background: #333;padding-top: 40px;}
.foot2 .fore1 {width: 160px;}
.foot2 .fore1 ul li.title{height: 40px;line-height: 40px;font-size: 16px;color:#fff;}
.foot2 .fore1 ul li{ line-height: 24px;}
.foot2 .fore1 ul li a{ color: #ccc;}

.foot2 .fore2 {width:185px;}
.foot2 .fore2 div.phone{ color: #ccc;padding-left:25px;width:185px;height:55px;line-height:27px; background:url(/yongtai/images/phone.jpg) no-repeat left center;}
.foot2 .fore2 div.contact{ cursor:pointer;margin-top:35px; background:#2479fa;width:185px;height:42px;line-height:42px;color:#fff;border-radius:21px;text-align:center;-webkit-transition: all .300s; -moz-transition: all .300s; -o-transition: all .300s; transition: all .300s; }
.foot2 .fore2 div.contact:hover{ background:#1b63d0; }

.foot2 .fore3 {width: 140px;}
.foot2 .fore3 .qrcode {text-align: center;font-size:14px;color:#fff;}
.foot2 .fore3 .qrcode img{width:120px;}
.foot2 .fore3 .qrcode p:nth-child(2){padding-top:20px;}
.foot2 .copyright {margin-top:60px;color:#8a8a8a;}
.foot2 .copyright span{padding:0 15px;}
.foot2 .copyright span.first{padding-left:0;}

@media screen and (max-width: 1200px) {
    .all_wrap{width: 100%;}
}
@media screen and (min-width: 1200px) {
    .all_wrap{width: 1200px;}
}
