@charset "utf-8";
@import "YHL/YHL.css";
body{
	font-size: 16px;
	color:#666666;
    font-family: "Microsoft YaHei",Arial;
    position: relative;
}
body, div, img, span, ul, li, a,select, h1, h2, h3,h4, h5,dl,dt,dd,img, h6, p{
	padding: 0;
	margin: 0;
}
li {
    list-style: none;
}
img {
    border: none;
    max-width: 100%;
}

a,a:visited,a:focus,a:hover{
    text-decoration: none;
}

a,button{transition: 0.5s;-webkit-transition: 0.5s;-moz-transition: 0.5s;outline:none;  background: none;
    border: none;}
a:focus {outline-style:none; -moz-outline-style: none;} 


label{
	font-weight: normal;
}
.fp-img{overflow: hidden;height: inherit;width: 100%;display: block;position: relative;}

input ,textarea
{
    outline:none;
}

.nopadding{
    padding-left: 0;
    padding-right: 0;
}
.nomargin{
    margin-left: 0;
    margin-right: 0;
}
.owl-carousel .owl-item img{
    max-width: 100%;
    width: auto;
}

.overf{
    height:inherit;
    overflow:hidden;
    width:100%;
    display:block;
}

.ab-box{width:100%;height:100%;position: absolute;left:0;top:0;}
/*.row{margin-left:0;margin-right:0}*/
/* 头部样式 */
.navbar-default {
    background-color: transparent;
    border: none;
    margin-bottom: 0;
}

.navbar-nav > li > a{
    padding-top: 0;
    padding-bottom: 0;
}
#header{
    width: 100%;
    max-width: 1903px;
    z-index: 9999;
    display: block;
}
.dropdown-menu { border:#cdcdcd solid 1px;}

.w18{overflow-x: hidden;width:100%;padding-left:30px;padding-right:30px;}
.myheader{margin-top:1.64%;}
.navbar-nav{width:100%;}
.navbar-default .navbar-nav > li{ background: url(/images/title-icon.png)no-repeat  0 15px;}
.navbar-default .navbar-nav > li:last-child{background: none}
.navbar-default .navbar-nav > li:first-child{padding-left:0;}
.navbar-default .navbar-nav > li > a{font-family: "Microsoft YaHei";font-size:1.25em;color:#666; display: inline-block;     padding-bottom: 2em; z-index: 999}
.navbar-default .navbar-nav > li .dropdown-menu { z-index: 800; box-shadow:0 2px 40px rgba(0,0,0,0);}
.navbar-collapse.collapse{float:left;margin-left:7%;padding-top:0.4%;width:60%;}
.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus,.navbar-default .navbar-nav > li.active > a{ color:#10763a}


.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
    color: #555;
	background:rgba(255,255,255,0);
 
}
/* third level menu */
.dropdown-menu .dropdown-menu {
	top: -1px;
	left: 100% !important;
	padding-top: 0;
	margin-left: 1px;
	border-left: none;
	-webkit-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.08);
	box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.08);
	border-top: 1px solid #f1f1f1;
}
.dropdown-menu>li>a { padding: 0.5em 1em 0.5em 2em; font-size:16px; }

.lang{float:right;width:120px;text-align: center;border:1px solid #10763a;border-radius: 30px;padding:2px 0 ;margin-left:1.3443%;
position: relative;}

.hiden{display: none}
.lang li{font-size:1.125em;color:#10763a;font-family: Arial, Helvetica, sans-serif;}
.lang li a{color:#10763a;}
.lang li ul{position: absolute;left:0;bottom:-30px;text-align: center;width:100%;}
.lang li ul a{color:#10763a;}


.navbar-search{ float:right;background: url("/images/search.png") no-repeat;width:32px;height: 32px;
    cursor: pointer;margin-left:1.4%;}
    .see-box {display:block;z-index: 10;position: absolute;top: 100%;right: 0;margin-top: 0;padding-right:15px; width:100%; text-align:right;}
.see-box form {position: relative; display:inline-block;background-color:rgba(255,255,255,0.7); padding-right:0.5em;}
.sear_input {width: 10em;height: 2.4em;padding: 0 0 0 0.7em;border: 1px solid #ccc;border-radius: 3px;background-color: #fff;}

 

.navbar-search form button{position: absolute;top: 0;right: 0;width: 4em;height: 2.4em;border: none;padding: 0;
border-bottom-right-radius: 3px;}
.container-fluid > .navbar-collapse{margin-left:0;margin-right:0;}

.myheader .navbar-header
{
    margin-right:5%;
}

.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus
{
    background-color:transparent;
}

.navbar-default .navbar-toggle
{
    border-color:transparent;
}
.navbar-default .navbar-toggle .icon-bar
{
    background-color:#10763a;
}







@media screen and (min-width:1440px){
 
	.navbar-default .navbar-nav > li > a{ background-color:#fff;}
	.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus, .navbar-default .navbar-nav > li.active > a {    background: #fff;}
	 .navbar-nav > li.dropdown > a:hover { background-color:#fff;}

}





@media screen and (min-width:1004px){
    .w15{width:95%;margin:0 auto;}
	
}
@media screen and (min-width:1630px){
   .w15{ width:1550px;}
}
.clear{clear:both}


.footer{background: #1d1d1d;width:100%;}
.footer-box{margin-top:3.9%;}
.footer-left,.footer-right{width:50%;float:left}
.footer-left{padding-top:1.3%;}
.footer-left>div{font-size:14px;color:#fff;background-repeat: no-repeat;background-position: left center;padding-left:4.258%;margin-bottom:1.9%;
letter-spacing: 1px;}
.footer-left>div:nth-child(1){background-image: url(/images/tel.png)}
.footer-left>div:nth-child(2){background-image: url(/images/ema.png)}
.footer-left>div:nth-child(3){background-image: url(/images/fax.png)}
.footer-left>div:nth-child(4){background-image: url(/images/addr.png);max-width:588px;}
.footer-left>div:hover{font-weight: bold;color:#10763a}
.footer-left>div:hover:nth-child(1){background-image: url(/images/telH.png)} 
.footer-left>div:hover:nth-child(2){background-image: url(/images/emaH.png)}
.footer-left>div:hover:nth-child(3){background-image: url(/images/faxH.png)}
.footer-left>div:hover:nth-child(4){background-image: url(/images/addrH.png); }
.footer-left>a{color:#fff;margin-top:2%;display: block; margin-bottom:5%}
.footer-left>a:hover{color:#10763a}

.footer-right{position: relative;}
.ft-name{font-size:1.5em;color:#fff;}
.ft-desc{color:#10763a;font-size:1.125em;font-family: Arial, Helvetica, sans-serif;text-transform: uppercase;margin-top:2px;margin-bottom:0.6em;}
.ft-company{font-size:14px;color:#fff;}
.ft-company a{color:#fff;}
.ft-site{margin-top:0.4em;margin-bottom:5%;}
.ft-site a{color:#444444;font-size:14px;}

.share-boxs{margin-top:2%;margin-bottom:5.2%}
.share-data span{color:#fff;float:left;padding-top:2px;}
.share-data a{display: inline-block;width:21px;height:26px;margin-left:1.29%;}
.linkedin{background: url(/images/in.png)no-repeat center;margin-top:-5px}
.fbook{background: url(/images/face.png)no-repeat center}
.pinterest{background: url(/images/pint.png)no-repeat center}
.twi{background: url(/images/tw.png)no-repeat center}
.tsina{background: url(/images/WB.png)no-repeat center}
.qzone{background: url(/images/qz.png)no-repeat center}

.linkedin:hover{background: url(/images/inH.png)no-repeat center}
.fbook:hover{background: url(/images/faceH.png)no-repeat center}
.pinterest:hover{background: url(/images/pintH.png)no-repeat center}
.twi:hover{background: url(/images/twH.png)no-repeat center}
.tsina:hover{background: url(/images/WBH.png)no-repeat center}
.qzone:hover{background: url(/images/qzH.png)no-repeat center}


.ft-dh li{float:left;font-size:1em;position: relative;line-height: 1;padding:0 2.96%;}
.ft-dh li:first-child{padding-left:0;}
.ft-dh li::before{position: absolute;right:0;top:0;content: "";width:2px;height:100%;background: #fff;}
.ft-dh li:last-child::before{display: none}
.ft-dh li a{color:#fff;}
.ft-dh li:hover a,.ft-dh li.onactive a{font-weight: bold;color:#10763a;}

.goTop{background: url(/images/go.png)no-repeat center;width:57px;height:45px;position: absolute;right:0;top:0;cursor: pointer;display: inline-block;}
.goTop:hover{background: url(/images/goH.png)no-repeat center;}

 


@media screen and (max-width:1630px){
    .footer-box{margin-top:2%;}
    .footer-left>a{margin-top:6%;}
    .share-boxs{margin-top:1.5%;margin-bottom:2%;}
}

@media screen and (max-width:1440px){
    body{font-size:15px;}
    .goTop,.goTop:hover{background-size: 46px;}

    .navbar-default .navbar-nav > li > a
    {
        font-size:1.1em;
    }
}

@media screen and (max-width:1366px){
    #header{position: absolute;top:0;left:0;}
    .navbar-default .navbar-nav > li > a{color:#fff}
    .see-box{top:60%}
}

@media screen and (max-width:1200px){
    body{font-size:14px;}
    .ft-name{font-size:1.375em;}
    .ft-desc{font-size:1em;}
    .share-data a,.share-data a:hover{width:18px;height:22px;background-size: contain}
    .navbar-default .navbar-nav > li > a{font-size:1.125em;}
}
@media screen and (max-width:1080px){
    .section, .fp-tableCell{height:auto !important}
    #header{position: relative;}
    .navbar-default .navbar-nav > li > a{color:#666}
    .navbar-collapse.collapse{margin-left:3%}
    .navbar-search{width:29px;height:29px;background-size: contain; position:absolute; right:200px;}
	
    .footer-box{margin-bottom:5%;margin-top:3%;}
    .goTop, .goTop:hover{background-size: 40px;}
    .nav > li > a{padding:6px 10px}
    .ft-company{font-size: 13px;}
    .see-box{top:100%}
    .navbar-collapse.collapse{padding-top:0}
    .navbar-header img{max-width:140px;}
}

@media screen and (max-width:1004px){
    body{font-size:13px}
    .w18{padding-left:15px;padding-right:15px}
    .w15{padding-left:15px;padding-right:15px;width:100%}
}

@media screen and (max-width:922px){
    .navbar-header img{max-width:120px}
    .navbar-default .navbar-nav > li{padding:15px 2% 0 2%;}
	.navbar-default .navbar-nav > li>a { padding-bottom:1em;}
    .lang{width:90px;}
    .lang i>img{width:8px}
    .lang li ul{bottom:-22px}
    .navbar-search,.navbar-search form button>img{width:26px;}
    .lang li{font-size:1em;}
    .lang,.navbar-search{margin-top:4px}
    .footer-left, .footer-right{width:100%;float:none}
    .footer-box{position: relative;margin-top:20px;}
    .footer-right{position: initial}
    .footer-left{padding-top:0;margin-bottom:30px;}
    .ft-name{font-size:1.25em;}
}

@media screen and (max-width:823px){
    .navbar-default .navbar-nav > li{background: none;padding-left:0;}
    .footer-left > div{background-size: 12px;}
    .footer-left>div{padding-left:18px;}
    .footer-left>a{margin-top:20px;}
    
}
@media screen and (max-width:768px){
    .container-fluid > .navbar-header{margin-left:0;margin-right:0;}
    .navbar-toggle{margin-right:0;margin-top:0}
    .lang, .navbar-search{position: absolute;top:14px;}
    .lang{right:80px;}
    .navbar-search{right:180px;}
    .navbar-collapse.collapse{width:100%;margin-left:0;}
    .navbar-nav{margin:0;}
    .nav > li > a{padding:4px 0;}
	
    .navbar-default .navbar-nav > li > a{font-size:1em; display:block; }
 
	.navbar-default .navbar-nav > li ul.dropdown-menu{   width:100%; position:relative;  left:0; top:0; }

	.dropdown-menu > li > a { font-size:13px;}
	
}
@media screen and (max-width:667px){
  .navbar-default .navbar-nav > li { width:100%; display:block;   padding:0 0 0 0;}
  .navbar-default .navbar-nav > li > a {    padding-bottom: 10px; padding-top:10px;   z-index: 999;}
 
}
@media screen and (max-width:640px){
    .myheader{margin-top:15px;margin-bottom:15px;}
    .lang, .navbar-search{top:16px;}
    .lang i>img{width:7px;margin-top:-2px;}
}

@media screen and (max-width:525px){
    .navbar-toggle{padding:7px 8px;}
    .lang{right:64px;width:80px;}
    .navbar-search, .navbar-search form button>img{width:23px}
    .navbar-search{right:152px;}
    .sear_input{width:17em;}
    .see-box{margin-right:-160px;margin-top:19px}
    .nav > li > a{padding:2px 0;}
    .goTop, .goTop:hover{background-size: 32px;height:32px;}
    .footer-left>div:nth-child(4){background-position: left 4px;}
    .share-data a, .share-data a:hover{width:16px;height:20px;}
    .ft-dh li{margin-bottom:10px;}
    .footer-left>div{font-size:13px;}
}

@media screen and (max-width:385px){
    .lang{width:70px;}
    .navbar-search{right:140px;}
    .see-box{margin-right:-140px}
}
@media screen and (max-width:320px){
    .navbar-header img{max-width:110px;}
}