@charset "utf-8";
/* CSS Document */

body,div,ul,li,ol,dl,dt,p,dd,img,input,a,span,h1,h2,h3,h4,h5,h6{padding:0; margin:0; border:0; list-style:none;}
body{ font-size:14px; color:#3e3e3e;font-family:"黑体"; background:#fff;}
a{ text-decoration:none; color:#fff;}
a:hover{ text-decoration:underline;}
img{max-width:100%;}
.clearfix:after { content: ""; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { display: inline-table; }
*html .clearfix { height: 1%; }
.clearfix { display: block; }
*+html .clearfix { min-height: 1%; }



/*头部  开始*/
.header{width:100%;height:auto;background:#f9cf34;}
.headerIn{max-width:1200px;margin:0 auto;}
.logo{width:22%;height:auto;float:left;padding:0.9% 0 ;}
.logo a,.logo img{display:block;}
.nav{width:33%;height:auto;float:left;margin-left:7%;}
.t-nav{display:none;}
.nav>ul>li{float:left;padding:0 5%;}
.nav>ul>li>a{display:block;line-height:70px;font-size:16px;font-weight:bold;color:#000;position:relative;text-decoration:none;}
.nav>ul>li.on a,.nav>ul>li a:hover{color:#fff;}
.nav>ul>li .navBox{width:100%;height:60px;background:rgba(255,255,255,0.8);position:absolute;top:70px;left:0;padding-left:35%;display:none;z-index:1;}
.nav > ul > li:nth-child(3) .navBox{padding-left:31%;}
.nav>ul>li .pronavBox{height:150px;}
.nav>ul>li:hover .navBox{display:block;}
.nav>ul>li .navBox li{width:80px;height:40px;float:left;padding:20px 20px 0 0;}
.nav>ul>li .pronavBox li{width:100px;height:125px;padding:25px 20px 0 0;}
.nav>ul>li .navBox li:hover{cursor:pointer;}
.nav>ul>li .pronavBox li img{width:100px;height:45px;}
.nav>ul>li .navBox li a{display:block;font-size:14px;color:#000;text-align:center;text-decoration:none;}
.nav>ul>li .navBox li:hover a{font-weight:bold;}
.t-nav{display: none;}

.search{width:10%;height:25px;border:1px solid #bcb497;float:left;margin:23px 15px 20px 5%;}
.search input{width:76.5%;height:25px;float:left;padding-left:2px;}
.search img{float:right;cursor:pointer;}
.language{width:10%;height:25px;margin: 23px 0  22px 1px;float:left;}
.language select{width:100%;height:25px;border:1px solid #bcb497;float:left;cursor:pointer;}
.logo2{float:right;width:10%;height: auto;padding: 0.9% 0;}
/*头部  结束*/


/*面包屑导航  开始*/
.breadcrumbNav{max-width:1200px;height:36px;margin:0 auto 40px;}
.breadcrumbNav p,.breadcrumbNav a{line-height:36px;color:#000;}
/*面包屑导航  结束*/


/*关于我们公用   开始*/
.about{max-width:1200px;margin:0 auto;}
.about h5{font-size:24px;color:#000;font-weight:300;padding:0 0 1.5% 2%;}
.aboutLeft{width:18%;float:left;margin-bottom:5%;}
.aboutLeft ul{padding:0 27% 0 0;}
.aboutLeft ul li{line-height:55px;border-top:1px solid #000;}
.aboutLeft ul li.teshu{border-bottom:1px solid #000;}
.aboutLeft ul li a{font-size:18px;color:#000;padding-left:11%;text-decoration:none;}
.aboutLeft ul .aboutOn a{color:#f9cf34;}
/*关于我们公用   结束*/

/*公司概况  开始*/
.profile{width:82%;float:right;padding-bottom:3%;}
.profile p{text-indent:2em;font-size:14px;line-height:30px;}
/*公司概况   结束*/

/*公司实力  开始*/
.streng{width:82%;float:right;}
.strengTop p{text-indent:1em;font-size:14px;line-height:30px;}
.strengTop p span{font-size:6px;color:#f9cf34;padding:0 1%;}
.strengBottom{padding:4% 1%;}
.strengBottom img{width:14.5%;border:1px solid #999;margin-right:2%;}
.strengBottom img.strwei{margin-right:0;}
.strengBottom img.strteshu{width:22.6%;}
/*公司实力   结束*/

/*销售网络  开始*/
.salesNetwork{width:82%;float:right;}
.salesNetTop p{text-indent:1em;font-size:14px;line-height:30px;}
.salesNetTop p span{font-size:6px;color:#f9cf34;padding:0 1%;}
.salesNetBottom{padding:4% 1%;}
.salesNetBottom img{border:1px solid #999;margin-right:2%;}
.salesNetBottom img.strwei{margin-right:0;}
/*销售网络   结束*/

/*企业文化  开始*/
.culture{width:82%;float:right;margin:0 0 3% 0;}
.culture h3{font-size:14px;color:#f9cf34;font-weight:300;margin:3% 0 1.5% 0;}
.culture h3.culTeshu{margin-top:0;}
.culture p{text-indent:2em;font-size:14px;}
/*企业文化  结束*/

/*风景展示  开始*/
.display{width:82%;float:right;}
.displayTop p{text-indent:2em;font-size:14px;line-height:30px;}
.displayBottom{padding:4% 1% 1%;}
.displayBottom img{width:92%;margin:0 4% 4% 4%;}
/*风景展示   结束*/


/*联系我们  开始*/
.contact{width:62%;padding:0 10%;margin:0 0 2% 0;float:right;}
.contact p{text-indent:2em;font-size:14px;line-height:30px;}
.contact .co1,.contact .co2,.contact .co3,.contact .co4{margin-bottom:3%;}
.contact h4{line-height:30px;font-size:16px;margin-bottom:1%;}

/*联系我们   结束*/


/*尾部  开始*/
.mobilefFooter{display:none;}
.footer{width:100%;height:auto;background:#f8c301;}
.footIn{max-width:1200px;height:auto;margin:0 auto;color:#000;padding:2.5% 0 2.2% 0;}
.footIn .fo1,.footIn .fo3,.footIn .fo4{width:27%;padding:1% 4% 1% 5%;float:left;border-left:1px solid #fbe180;}
.footIn .fo1{padding:1% 4% 1% 0;border:none;}
.footIn .fo4{padding:1% 0 1% 5% ;float:right;}
.footIn span{font-weight:bold;}
.footIn h3{line-height:30px;}
.footIn h4{line-height:30px;font-size:16px;margin-bottom:8%;}
.footIn p{font-size:12px;line-height:24px;}
/*尾部  结束*/


@media screen and (min-width:1920px){
.header,.footer{max-width:100%;}
}


@media screen and (max-width:1600px){
.nav>ul>li .navBox{padding-left:31%;}
.nav > ul > li:nth-child(3) .navBox{padding-left:27%;}

}


@media screen and (max-width:1366px){
.nav>ul>li .navBox{padding-left:27%;}
.nav > ul > li:nth-child(3) .navBox{padding-left:25%;}

}


@media screen and (max-width:1200px) and (min-width:970px){
.headerIn,.breadcrumbNav,.about,.footIn{width:970px;}
.logo{padding: 1.6% 0;}
.logo a,.logo img{display:block;}
.nav{width:40%;margin-left:3%;}
.nav>ul>li .navBox{padding-left:25%;}
.nav > ul > li:nth-child(3) .navBox{padding-left:20%;}
.search {width:8%;margin-left:3%;}
.search input {width: 65%;}
.language {width: 9%;}
.logo2 {width: 10%;}
.strengBottom img { margin-right: 1.9%;}
.footIn .fo1,.footIn .fo3,.footIn .fo4{width:28%;padding:1% 4% 1% 3%;}
.footIn .fo3{padding-bottom:3.2%;}
.footIn .fo1{padding:1% 4% 1% 0;}
.footIn .fo4{padding:1% 0 1% 4% ;}
}

@media screen and (max-width:969px) and (min-width:768px){
.headerIn,.breadcrumbNav,.about,.footIn{width: 768px;}
.logo {width:24%;padding: 2.4% 0;}
.nav { width: 43%;margin-left: 2%;}
.nav > ul > li {padding: 0px 3%;}
.nav>ul>li .navBox{padding-left:20%;}
.nav > ul > li:nth-child(3) .navBox{padding-left:12%;}
.search {width:8%;margin-left:0;}
.search input {width: 55%;}
.language {width: 9%;}
.logo2 {width: 10%;    margin-top: 10px;}
.about h5 {padding: 0 0 1.5% 0;}
.strengBottom img { margin-right: 1.7%;}
.footIn .fo1,.footIn .fo3,.footIn .fo4{width:32%;padding:1% 0 2% 1%;}
.footIn .fo3{width:33%;padding-bottom:1%;}
.footIn .fo1{padding:1% 0 2% 0;}
}


@media screen and (max-width:767px){
.header{display: none;}
.t-nav{display: block;width:100%;height:60px;background:#FFCC00;}
.t-nav .logo{width:200px;padding:12px 10px;float: left;margin-left:0;}
.t-nav>a{text-indent: -1000px;display:block;float: right;width: 24px;height:20px;background:url(img/nav-mobile.png) no-repeat scroll 20px 20px;padding:20px; vertical-align: center;}
.t-nav>ul{display:none; }
.hwMenuNav>li:hover a{text-decoration:none;}
.hwMenuNav>li:nth-child(2)>a,.hwMenuNav>li:nth-child(3)>a{background:  url(img/nav-toggle-closed.png) no-repeat scroll right center;}
.hwMenuNav>li>a.t-navOpen{background:  url(img/nav-toggle-open.png) no-repeat scroll right center;}
.hwMenuNav>ul{display:block;width:100%;position: absolute;top: 0px;left: 0px; margin-top: 54px;width: 100%;z-index: 1000;}
.hwMenuNav>ul>li{width:100%;background:#000;float: none;}
.hwMenuNav>ul>li a{display:block;font-size:16px;color:#fff;line-height:50px;padding:0 2% ;border-right: 0px none;border-top: 1px solid #2F2F2F;}
.nav > ul > li:hover .navBox {display:none;}
.breadcrumbNav{margin:0 3% 2%;}

.about {margin: 0 3% 0 2%;}
.about h5 {padding: 0 0 1.5% 0;font-size: 22px;}
.profile {width: 80%;padding-right:1%;}
.aboutLeft ul {padding: 0 22% 0 0;}
.strengBottom {padding: 4% 4% 6% 4%;}
.strengBottom img { width: 25.7%; margin-right: 1.9%;}
.strengBottom img.strteshu { width: 40%;margin-top:2%;}
.footer{display:none;}
.mobilefFooter{display:block;width:100%;height:auto;background:#f8c301;padding: 8px 0;line-height:30px;}
.mobilefFooter p,.mobilefFooter p a{color:#000;border: 0px none;}
}

@media screen and (max-width:640px){
.aboutLeft,.profile,.streng,.salesNetwork,.culture,.display { width: 100%;float: none;}
.about h5 {padding: 0 2% 1.5%;}
.aboutLeft ul {padding: 0;}
.profile,.streng ,.salesNetwork,.culture ,.display{margin:3% 0;}  
.culture {margin:3% 0 6%;} 
.strengBottom { padding: 4%;}
.aboutLeft ul li a {display:block;padding-left: 3%;background: transparent url("img/link-arrow-invert.png") no-repeat scroll right center;}
.contact{width:90%;padding:0 5%;}

}


@media screen and (max-width:540px){
.mobilefFooter p, .mobilefFooter p a {font-size:12px;}
}