@charset "UTF-8";


@font-face { font-family:"HelveticaNeueLT Pro 33 ThEx"; src:  url(../font/HelveticaNeueLTPro-ThEx.otf); font-family: "icomoon"; src: url("../font/icomoon.eot"); src: url("../font/icomoon.eot?#iefix") format("embedded-opentype"), url("../font/icomoon.woff") format("woff"), url("../font/icomoon.ttf") format("truetype"), url("../font/icomoon.svg#$font") format("svg"); font-variant: normal; text-transform: none; font-style: normal; }



@font-face { font-family: 'BebasRegular'; src: url("../img/footerbox/bebas.eot"); src: url("../img/footerbox/bebas.eot") format("embedded-opentype"), url("../img/footerbox/bebas.woff") format("woff"), url("../img/footerbox/bebas.ttf") format("truetype"), url("../img/footerbox/bebas.svg#BebasRegular") format("svg"); font-weight: normal; font-style: normal; }



@font-face { font-family: "impact"; src: url("../font/impact.eot"); src: url("../font/impact.eot?#iefix") format("embedded-opentype"), url("../font/impact.woff") format("woff"), url("../font/impact.ttf") format("truetype"), url("../font/impact.svg#$font") format("svg"); font-variant: normal; text-transform: none; font-style: normal; }



@font-face { font-family: "ARVO-REGULAR"; src: url("../font/ARVO-REGULAR.eot"); src: url("../font/ARVO-REGULAR.eot?#iefix") format("embedded-opentype"), url("../font/ARVO-REGULAR.woff") format("woff"), url("../font/ARVO-REGULAR.ttf") format("truetype"), url("../font/ARVO-REGULAR.svg#$font") format("svg"); font-variant: normal; text-transform: none; font-style: normal; }


html{overflow-x:hidden}
body{margin:0px;font-family: Arial, Helvetica,calibri, sans-serif;font-size:20px;}

ul{margin:0;padding:0}
li{margin:0; padding:0; list-style-type:none;}

a { text-decoration: none; }

a:hover{color:#477432;}
input[type="submit"]{cursor: pointer;transition: all 0.6s ease 0s;  }
img {
  border-width: 0;
}
img{width:100%;}
.clear{ clear:both} 
#container{float:left;width:100%;}
#menu{display:none;width:100%;height:50px;background:#4D7833;padding-top:0px;position: fixed;
    top: 0;}

.menuLeft{float:left;    background: #3b4450;
    width:40px;height:40px;
    cursor: pointer;
    border-radius: 5px;margin-left:10px;margin-top:10px;}
.menuLeft:before{
	    content: '\e677';
    display: block;
    font-family: icomoon;
    font-size: 26px;
    color: #fff;
    padding: 7px 7px;

}


.menuRight{
    width:95px;height:30px;
    cursor: pointer;
    border-radius: 5px;float:left;margin-top:10px;color:#fff;line-height:30px;}

.menuRight:before{
	    content: '\e637';
    display: block;
    font-family: icomoon;
    font-size: 26px;
    color: #fff;
    padding: 0px 8px;
    float:left;

}

#head{    
	width: 100%;
    height: 162px;
    z-index: 90;
    position: relative;
}

.header-top-k{width:1225px;margin-left:auto;margin-right:auto;overflow:auto;}

.justify-header{      
	float:left;
  width:100%;
background:#4D7833;
height:65px;
}

.header-mid{width:1205px;margin-left:auto;margin-right:auto;height:100%;}
#logo{float:left;margin-top:30px;}

#logo a{float:left;display:block;} 

.lang{float:right;margin-top:60px;}

.tool{float:right;margin-top:10px;}

.langs{float:left;font-size:14px;color:#231815;position: relative;margin-left:55px;}

.langen:before{
	content: '';
    width: 30px;
    height: 16px;
    position: absolute;
    top: 0px;
    left:-35px;
    background:url("../images/en.png") no-repeat;
}

.langger:before{
	content: '';
    width: 30px;
    height: 16px;
    position: absolute;
    top: 0px;
    left:-35px;
    background:url("../images/gen.png") no-repeat;
}
.langcn:before{
	content: '';
    width: 30px;
    height: 16px;
    position: absolute;
    top: 0px;
    left:-35px;
    background:url("../images/cn.png") no-repeat;
}

.lan-k{   
	position: absolute;
   width:90px;
   height:35px;
   left: 0px;
    top: 18px;
background:#D7000F;
margin-bottom:20px;
border-radius: 3px;
display:none;
}


.lan-item{float:left;text-align:center;line-height:40px;color:#fff;font-size:16px;padding-left:10px;}

.lang .share-h{
    display: inline-block;
    float: right;
    margin-top:8px;
    white-space: nowrap;
    margin-right:25px;
}
.lang .share-h li{float:left;}
.lang .share-h a {
    display: inline-block;
    font-size: 26px;
    color: #fff;

   

}


.lang .share-h a:before {
	margin-left:15px;
	display: inline-block;
    font-family: icomoon;
    width:32px;
text-align:center;
line-height:20px;
}
.share-h .twitter:before {
    content: '\e62b';
color:#22C0E0;
}
.share-h .facebook:before {
    content: '\e62c';
color:#355598;

}
.youtube:before {
    content: '\e634';
color:#DF3B3B;
}
.linkedin:before {
    content: '\e630';
color:#666666;
}
.google:before {
    content: '\e62d';
color:#C7402C;
}

#nav{float:left;}

.listNav{float:left;height:100%;width:100%;}

#nav .clearfix > li{
    float:left;padding-left:20px;padding-right:20px;height:100%;transition: all 0s ease 0s; text-algin:center; position: relative;
    border-left: 1px solid #446930;
}

  .zhezhao{
    width: 130%;
    height: 67px!important;
    position: absolute;
    top: -1px;
    left:0px;
    background:url("../images/navnow.png") no-repeat;
   background-size:130% 67px;
  }
  
#nav .clearfix > li#h-h-n:hover{    background: #EB8B3E;}

#nav .clearfix > li#h-h-n:hover .zhezhao{display:none;}

#nav .clearfix > li:hover .justify{display:block;} 

#nav .clearfix li a{
	text-transform: uppercase;
	    height: 100%;
    float: left;
    color: #FFFFFF;
    font-size: 16px;
    margin-left: 10px;
    margin-right: 10px;
    text-align: center;
    line-height: 65px;
    white-space: nowrap;
        font-family: Arial, Helvetica, 'Microsoft YaHei', SimSun, Sans-serif;
}


.top-c{width:100%;margin-left:0px !important; margin-right:0px !important; }

.search1{float:left;margin-top:15px;margin-left:0px;position: relative;}
.search-in{outline:none;float:left;width:132px;height:30px;font-size:16px;color:#000;border: 1px solid #fff;border-radius: 3px;background:transparent;padding-left:10px;}
.search2{float:left;margin-top:10px;margin-left:40px;position: relative;display:none;}
.search2-in{float:left;width:134px;height:30px;border: 1px solid #898989;border-radius: 3px;background:transparent;color:#3e424b;padding-left:10px;}
#form1{float:left;}


#head .search1 input[type="submit"],#head .search2 input[type="submit"]{
    width: 35px;
    height: 40px;
    border: 0px none;
    background-color:transparent;
    background-position: 5px 5px;
    background-image: url("../images/searchb.png");
    background-repeat: no-repeat;
    position: absolute;
    right: 0;
    top: 1px;
    
}


#nav ul.listNav > li > ul {
    position: absolute;
    top: 84%;
    left: 0;
    z-index: 20;
    padding: 10px 0 0px 0;
    display: none;
    transition: all 0.6s ease 0s;
    min-width: 100%;
    z-index: 99;
}

#nav ul.listNav > li > ul >li{
	float:left;width:100%;position: relative;
    background:#EB8B3E;
    border-bottom: 1px solid #fff;
}
 
#nav ul.listNav > li > ul >li:hover{background:#faa35d;}


.nav-box-now:hover:before{background:none;}

#nav ul.listNav > li > ul >li a:hover{color:#fff;}

.footer{
	margin-top:2.5%;
	float:left;width:100%;
    padding-bottom:1.5%;
   background:#4D7833;
}

.foot-topbk{
	margin-left:auto;
    margin-right:auto;
	width:1421px;
    height:109px;
display:block;
}
.foot-midk{width:1205px;margin-left:auto;margin-right:auto;overflow:auto;position: relative;
background: url("../images/worldmap.png") no-repeat 390px 80px;
}


.mid-top-s{width:1195px;margin-left:auto;margin-right:auto;position: relative;}
.mid-top-s:before{
   content: '';
   position: absolute;
   width:350px;
   height:28px;
   left: 0px;
    top: -27px;
background:url("../images/box-top-s.png") no-repeat;
}

.box-midk{width:300px;float:left;}

.box1-line1{width:100%;float:left;margin-top:30px;}

.box1-line1 img{float:left;margin-bottom:25px;width:70%;}

.box1-line1 .share-h{display:block;margin-top:20px;float:left;}

.share-tit{float: left;
    width: 100%;
    color: #fff;
    font-size: 23px;
    margin-top: 15px;
}
.box1-line1 .share-h a:before {
    margin-left: 10px;
    display: inline-block;
    font-family: icomoon;
    width: 28px;
    height: 28px;
    text-align: center;
    line-height: 28px;
    color: #fff;
    border-radius: 8px 0 8px 0;
    font-size:18px;
}

.box1-line1 .share-h a.facebook:before {
	margin-left: 0px;
}
 .share-h a:hover:before{color:#477432;}
.box1-line1 .share-h li {
    float: left;
}


.box1-line1 .share-h .twitter:before {
    content: '\e62b';
background: #44aee2;
}
.box1-line1 .share-h .facebook:before {
    content: '\e62c';
background: #365598;

}
.box1-line1 .youtube:before {
    content: '\e634';
background: #c93737;
}
.box1-line1 .linkedin:before {
    content: '\e630';
background: #395698;
}
.box1-line1 .share-h .google:before {
    content: '\e62d';
background: #353535;
}

.bl2{border:none;line-height:30px;color:#fff;font-weight:bold;font-size:16pt;}


/*banner*/

.jd{width:100%;margin-top:0;float:left;}
#banner {
    max-width: 100%;
    position: relative;
   
}
#banner .item a{float:left;width:100%;}

#banner .item a img{width:100%;    background: url(../images/load.gif) no-repeat center center;}
.slick-list {
    position: relative;
    overflow: hidden;
    display: block;"C:/Users/葛维龙/Desktop/style.css"
    margin: 0;
    padding: 0;
}

.slick-slider {
    position: relative;
    display: block;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-track {
    position: relative;
    left: 0;
    top: 0;
    display: block;
}

#banner .item {
    position: relative;
}

.slick-initialized .slick-slide {
    display: block;
}
.slick-slide {
    float: left;
    height: 100%;
    min-height: 1px;
    display: none;
}

/*dot-按钮*/

.slick-dots {
    position: absolute;
    bottom: 0;
    list-style: none;
    display: block;
    text-align: center;
    padding: 0;
    width: 100%;
    z-index: 91;
    height: 63px;
background:url(../images/babtbk.png) no-repeat center;

}

.slick-dots li {
    position: relative;
    display: inline-block;
    margin: 20px 10px;
    cursor: pointer;
}

.slick-dots li button {
    border: 0;
    background: #898989;
    border-radius: 50%;
    display: block;
    height: 15px;
    width: 15px;
    outline: none;
    font-size: 0;
    cursor: pointer;
}
#nav-mob {
    width: 100%;
    background: #4D7833;
    text-align: center;
    display: none;
    position: fixed;
    left: 0;
    top: 50px;
    z-index: 950;
    color: #fff;
    display: none;
}
.listNav-mob {
    float: left;
    height: 100%;
    width: 100%;
}
#nav-mob .clearfix > li {
    width: 100%;
    float: left;
    border-bottom: 1px solid #416829;
    transition: all 0.6s ease 0s;
    position: relative;
}
#nav-mob .clearfix > li:before {
    content: '';
    border-bottom: 1px solid #56833b;
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
}
#nav-mob .clearfix li a {
    float: left;
    white-space: nowrap;
    line-height: 48px;
    width: 100%;
    margin-left: 0px;
    margin-right: 0px;
    color: #fff;
}

.mobheader{
	float:left;
width:100%;
display:none;
position: relative;
margin-top:50px;
}
.mobh-MenuK{margin-top:3%;width:335px;margin-left:auto;margin-right:auto;}
.mobh-logo{float:left;
margin-top:3%;
}

.mh-Menu,.mh-Menu-active{    width: 95px;
    height: 30px;
    cursor: pointer;
    border-radius: 5px;
    float: left;
    margin-top: 10px;
    color: #fff;
    line-height: 30px;
}
.mh-Menu-active:before{
    content: '\e60b';
    display: block;
    font-family: icomoon;
    font-size: 26px;
    color: #fff;
    padding: 0px 8px;
    float: left;
}
.mh-Ano-active:before{
    content: '\e60b';
    font-size: 22px;
    font-family: icomoon;
    color: #fff;
    padding-left: 8px;
    line-height: 35px;
}
.mh-Menu:before{
	content: '\e637';
    font-size: 32px;font-family: icomoon;
    color: #0089e3;
    padding-left:11px;
line-height:35px;


}
.mh-search,.mh-system,.mh-Ano-active{float:right;width:35px;height:35px;cursor: pointer;margin-top:7px;margin-right:10px;}
.mh-system:before{
	    content: '\e638';
    font-size: 26px;font-family: icomoon;
    color: #fff;
    padding-left:8px;
line-height:35px;
}
.mh-search:before{
	    content: '\e655';
    font-size: 22px;font-family: icomoon;
    color: #fff;
    padding-left:8px;
line-height:35px;
}

.systemmenu{
	width:100%;    background: #6b9850;
             position: fixed;
    left: 0;
    top:50px;
    z-index:950;
    color:#fff;
display:none;
  
}
.sm-search{
	width:100%;    background: #6b9850;
             position: fixed;
    left: 0;
    top:50px;
    z-index:950;
    color:#fff;
display:none;
}
.sm-search-k{float:left;width:96%;margin-left:2%;margin-top:3%;position: relative;margin-bottom:3%;}
#sm-form1{float:left;width:100%;}
.sm-search-in{float:left;width:98%;height:30px;border: 1px solid #4D7833;background:#87b56b;border-radius:5px;padding-left:2%;color:#4d7833;font-size:18px;}
#sm-searbtn{
	    width: 35px;
    height: 40px;
    border: 0px none;
    background-color: transparent;
    background-position: 5px 5px;
    background-image: url("../images/searchbtn-2.png");
    background-repeat: no-repeat;
    position: absolute;
    right: 0;
    top: 2px;
font-size: 26px;font-family: icomoon;
}
.sm-lang{margin-top:4%;padding-left:2%;float:left;width:97%;color:#fff;}
.sm-share{float:left;width:100%;margin-top:3%;margin-bottom:5%;}
.sm-share-t{float:left;margin-left:2%;}
.sm-share-k{float:left;width:50%;}
.sm-twitter,.sm-facebook,.sm-youtube,.sm-linkedin,.sm-google{
	float:left;color:#fff;margin-left:5%;
}
.sm-twitter:before{
	content: '\e62b';
font-family: icomoon;
}
.sm-facebook:before{
	content: '\e62c';
font-family: icomoon;
}
.sm-youtube:before{
	content: '\e634';
font-family: icomoon;
}
.sm-linkedin:before{
	    content: '\e630';
font-family: icomoon;
}
.sm-google:before{
	content: '\e62d';
font-family: icomoon;
}
/*nav-top*/
#nav-top{
	width:100%;    background: #206bbe;text-align:center;display:none;
         position: absolute;
    left: 0;
    top:70px;
    z-index:950;
    color:#fff;
}
#nav-top .clearfix li a {
    float: left;
    color: #fff;
    margin-left: 20px;
    margin-right: 20px;
    text-align: center;
    line-height: 52px;
    white-space: nowrap; 
}
#nav-top .clearfix > li {
    width: 100%;
float: left;
    border-bottom: 1px solid #165ca9;
    transition: all 0s ease 0s;
    position: relative;
}
#nav-top .clearfix > li:before {
    content: '';
    border-bottom: 1px solid #337dce ;
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
}

/*nav-top*/

.slick-dots li.slick-active button { background: #EB8B3E; }
/*banner---------*/

.fooot-m-k1{float:left;width:60%;}

.foot-m-b-k{float:left;width:60%;margin-top:-5%;}
.share-h-foot{
	    display: inline-block;
    float: left;
    white-space: nowrap;
    width:100%;
    margin-top:50px;
}

.share-h-foot li {
    float: left;
}

.share-h-foot a {
    display: inline-block;
    font-size: 24px;
    color: #fff;
}

.share-h-foot a:before {
    margin-left: 20px;
    display: inline-block;
    font-family: icomoon;
    width: 35px;
    height: 35px;
    text-align: center;
    line-height: 35px;
    color: #fff;
    overflow:hidden;
}
.share-h-foot a:hover:before{
	
    background:#EB8B3E;
}
.facebook:before{
	    margin-left: 0px!important;
}
.share-h-foot .twitter:before {
    content: '\e62b';
    background: #44aee2;
}

.share-h-foot .facebook:before {
    content: '\e62c';
    background: #385597;
}




.share-h-foot .youtube:before {
    content: '\e634';
    background: #c93737;
}

.share-h-foot .linkedin:before {
    content: '\e630';
    background: #3F3F3F;
}

.share-h-foot .google:before {
    content: '\e62d';
    background: #c7402c;
}
.foot-m-b-nav2{float:left;width:100%;margin-top:4%;margin-left:-3%;}
.foot-nav2-a{
	float:left;
	margin-left:3%;
color:#fff;
display:block;
margin-top:5px;
}

.foot-m-b-nav{float:left;width:100%;}

.foot-m-b-nav a{float:left;margin-left:3%;margin-right:3%;color:#fff;}

.foot-m-box1{float:left;width:30%;margin-top:45px;position: relative;}

.foot-m-box1:before{
	    content: '';
    width: 70%;
    height: 1px;
    position: absolute;
    top: 0px;
    left: 0px;
    background: #79905a;
}

.foot-m-box3:before{
	    content: '';
    width: 70%;
    height: 1px;
    position: absolute;
    top: 0px;
    left: 0px;
    background: #79905a;
}


.foot-m-box2{float:left;width:29%;margin-top:17px;}

.foot-m-box3{float:left;width:40%;margin-top:45px;position: relative;}

.foot-b3-textk{float:left;width:100%;font-size:17px;margin-top:10px;}
.foot-b3-line1{float:left;width:100%;line-height:20px;}

.foot-b-line-ico{float:left;width:16px;height:21px;}

.f-b1-t{margin-top:12px;}
.fline1ico{background:url(../images/fico1.png) no-repeat;}

.fline2ico{background:url(../images/fico2.png) no-repeat;}

.fline3ico{background:url(../images/fico3.png) no-repeat;}

.fline4ico{background:url(../images/fico4.png) no-repeat;}

.fline5ico{background:url(../images/fico5.png) no-repeat;}


.foot-b-line1-text{float:left;color:#fff;font-size:16px;}
a.foot-b-line1-text:hover{color:#ff6600}
.foot-m-b2-box1{float:left;width:70%;margin-top:10px;}

.productcol-title{float:left;width:100%;    color: #fff;
    font-size: 23px;
    margin-top:15px;}

.foot-m-b2-box2{float:left;width:30%;margin-left:40px;}

.foot-m-b2-b-title{float:left;font-size:16px;color:#fff;width:100%;}

.foot-m-b2-b-title-fd{      
    float: left;
    width: 100%;
    color: #fff;
    font-size: 23px;

}
.foot-m-b2-b-title:hover{color:#EB8B3E;}
.foot-m-b2-b-l{float:left;color:#999997;width:100%;margin-top:4%;font-size:17px;line-height:18px;}

.foot-m-b2-b-l a{color:#fff;}
/*SimSun*/
.foot-m-b2-b-l2{float:left;color:#fff;width:100%;font-family:arial;font-size:17px;margin-top:10px;}

.foot-m-b2-b-t2{margin-top:20px;line-height:50px;}

.foot-m-b2-box3{float:left;width:85%;margin-left:15%;}

.foot-feed{width:98%;border:none;outline:none;background:#dbe4d6;font-size:16px;border-radius: 3px;margin-bottom:13px;height:30px;padding-left:2%;color:#000;}
.foot-feed-c{outline:none;float:left;width:97%;border:none;font-size:16px;background:#dbe4d6;border-radius: 3px;margin-bottom:10px;height:120px;padding-left:2%;color:#5E5E5E;}
.foot-code{float:left;width:98%;margin-top:10px;}

.foot-code-in{outline:none;float:left;width:80px;border:none;background:#dbe4d6;font-size:16px;border-radius: 3px;height:30px;padding-left:2%;color:#000;}

.foot-code-img{float:left;margin-left:15px;}

.foot-m-b2-b-btnk{float:left;width:98%;margin-top:5px;}

.foot-m-b2-b-btn{
	width: 95px;
    height: 35px;
    border: 0px none;
    background-color: #DA251D;
  text-align:centet;
  line-height:35px;
  color:#fff;
border-radius: 3px;
font-size:16px;
}
.foot-m-b2-b-btn:hover{background-color: #ff6600;}

.foot-m-b2-box1-a {
	display:none;
    float: left;
    width: 80%;
    margin-left: 20px;
}

#copyright{float:left;width:100%;background:#4D7833;border: 1px solid #79905a;}

.center5{width:1200px;margin-left:auto;margin-right:auto;color:#fff;}

.copyright1{float:left;width:100%;text-align:center;font-size:15px;margin-top:1.5%;margin-bottom:1.5%;color:#fff;}
.copyright1 a{color:#fff;}
.foot-share-h {
    display: inline-block;
    float: right;
    white-space: nowrap;
margin-top:1.7%;margin-bottom:1.7%;
}
.foot-share-h li {
    float: left;
}

.foot-share-h a {
    display: inline-block;
    font-size: 12px;
    color: #fff;
}
.foot-share-h a:hover:before{border: 1px solid #ff6600;color: #ff6600;}
.foot-share-h a:before {
    margin-left: 10px;
    display: inline-block;
    font-family: icomoon;
    width: 25px;
    height: 25px;
    text-align: center;
    line-height: 25px;
    color: #fff;
border: 1px solid #fff;
border-radius:50%;
}
.foot-share-h .twitter:before {
    content: '\e62b';
}

.foot-share-h .facebook:before {
    content: '\e62c';
}

.foot-share-h .google:before {
    background:none;
}
.foot-share-h .youtube:before {
    background:none;
}


#goTop {
    cursor: pointer;
    position: fixed;
    display: block;
    width: 50px;
    height: 50px;
    color: #fff;
    font-size: 14px;
    text-align: center;
    background: #da251e;
    bottom: 20%;
    right: 2%;
    border-radius: 5px;
    z-index: 9999;
}

#goTop:before {
    content: "\e627";
    display: block;
    font-family: icomoon;
    text-align: center;
    background-image: none;
    font-size: 32px;
    line-height:50px;
}
/*chatbox*/

#chatToolBox { transition: all 0.6s ease 0s; -moz-transition: all 0.6s ease 0s; -webkit-transition: all 0.6s ease 0s; -o-transition: all 0.6s ease 0s; -ms-transition: all 0.6s ease 0s; position: fixed; width: 110px; top: 40%; right: -5px; line-height: 1.5; font-family: Arial, Helvetica,'Microsoft YaHei', SimSun,Sans-serif; color: #fff; z-index: 999; }

#chatToolBox a { text-decoration: none; color: #fff; text-align: center; display: block; }

#chatToolBox, #chatToolBox h3, #chatToolBox ul, #chatToolBox li { margin: 0; padding: 0; -webkit-tap-highlight-color: transparent; }

#chatToolBox i { font-style: normal; }

#chatToolBox li { list-style: none; padding-right: 5px; }

@font-face { 
  font-family: zurich; 
  src: url('../font/ZURCHBXC.TTF'); 
} 

#chatToolBox #chatToolMail a { font-size: 36px; font-size: 24px\9\0;line-height: 40px; letter-spacing: -1px; padding-top: 50px; padding-bottom: 22px; font-family: zurich,Helvetica,Arial, 'Microsoft YaHei', SimSun,Sans-serif; }

#chatToolBox .chatToolSkype { height:42px;font-size: 16px; background: #323232; margin-top: 5px;}
.skypeico{float:left;margin-left:10px;margin-top:8px;background:url(../images/skypico2.png) no-repeat;background-size:100%;width:26px;height:27px;}
.skypezi{margin-left:10px;float:left;font-size:16px;height:42px;line-height:46px;}


#chatToolBox .chatToolContact { font-size: 16px; background: #323232; margin-top: 5px; text-transform: capitalize; padding: 6px 0; }

#chatToolBox:hover { right: 0; }

#chatToolBox #chatToolMail i { position: absolute; top: 20px; width: 100%; height: 28px; line-height: 28px; text-align: center; background: transparent; cursor: pointer; }

#chatToolBox #chatToolMail i:before { content: '\e63d'; font-size: 24px; font-family: icomoon; }

#chatToolBox.hiddenRight { right: -110px; padding-left: 28px; }

#chatToolBox.hiddenRight #chatToolMail i { width: 28px; height: 60px; line-height: 60px; left: 0; background: inherit; top: 20px; }

#chatToolBox.hiddenRight #chatToolMail i:before { content: '\e625'; }

#chatToolMail { background: #00AAF1; }

#sar2{display:none;}

@media screen and (max-width: 760px) { #chatToolBox { display: none; }}

@media screen and (max-width: 1445px) { 
.share-h-foot {
    margin-top: 20px;
}
	.share-h-foot a:before {
    margin-left: 10px;}
	.foot-topbk {
    width: 100%;
    height: auto}
}

@media screen and (max-width: 1410px) { 
.foot-m-box2 {
    width: 28%;
}

	.tool{margin-right:20px;}

	
  .fix-navbox{width:100% !important;}
	 .box .sear{display:none;}

  
  


 
  .fix-sear-btn {
 
    top: 0px !important;
  }
  
  .center5 {
    width: 100%;}
  .foot-midk {
    width: 94%;margin-left:3%;}
  .footer{height:auto;}

  .foot-code-in{width:100px;}
  .footer{height:auto;}
}
#lang-2{display:none;}

@media screen and (max-width: 1275px) {
	#nav .clearfix > li {
    padding-left: 20px;
    padding-right: 20px;
}
}
@media screen and (max-width: 1230px) { 
	.justify-header{margin-top:20px;}
	.header-mid {
    width: 1100px;}
.lang{margin-top:10px;}	
#lang-2{display:block;}

	#lang-1{display:none;}
	.search1{float:right;margin-right: 20px;}
	#mainnavser{display:none;}
  .header-top-k{width:100%;}
#sar2{display:block;margin-bottom:10px;}
.lang{width:350px;}
.seartopin{  border: 1px solid #777777;color: #777777;}
#head .search1 input[type="submit"], #head .search2 input[type="submit"]{    background-image: url("../images/left-searbtn.png");}
}

#min-showshare{display:none;}

@media screen and (max-width: 1040px) { 
.slick-dots {
    height: 40px;
background:url(../images/babtbk.png) no-repeat center;
background-size:300px;
}
	
.header-mid {
    width: 100%;
}

    
.mid-fix{width:1000px;}
  
 

 
.foot-m-b-k {
    width: 100%;
}
}

@media screen and (max-width: 950px) { 
.share-h-foot a {
    font-size: 18px;
}
.share-h-foot a:before {
    width: 25px;
    height: 25px;
    line-height: 25px;
}

}

@media screen and (max-width: 870px) { 
	#min-showshare{display:block;}
	.foot-m-b-k{margin-top:2%!important;margin-bottom:3%;}
	.foot-m-b2-b-l{width:100%;}
  .foot-m-box1{display:none;}
  .foot-m-box2{width: 47%!important;}
  .foot-m-box3{width: 53%!important;}
  .foot-midk {
    width: 96%;
    margin-left: 2%;
  }
  .foot-m-b2-box3 {
    margin-left: 5%;}
  .foot-m-b2-box1{margin-left:5%;}
  .box1-line1{margin-left:5%;}
  .foot-code-in {
    width: 70%;
  }
}
.center8{float:left;width:100%;display:none;}
.center8 .foot-share-h{float:none;display:block;margin-left:auto;width:200px;margin-right:auto;margin-top:0px;}
.center6 ,.center7{display:none;    margin-left: auto;
    margin-right: auto;
    text-align: center;
    color: #fff;}
@media screen and (max-width: 1150px) { 
.foot-m-box3 {
    float: left;
    width: 46%;
    margin-top: 3%;
}
.foot-m-box1 {
    margin-top: 3%;
    float: left;
    width: 25%;
}
.foot-m-box2 {
    width: 28%;
}
.foot-m-b2-box3 {
    width: 100%;
    margin-left: 0;
}
.foot-m-b-k{
	    margin-top: 0%;
}
.foot-code-in{width:70px;}
}

@media screen and (max-width: 890px) { 
#nav .clearfix > li {
    padding-left: 1%;
    padding-right: 1%;
}
}
@media screen and (max-width: 950px) {
.justify-header-fix{display:none!important;}
	.justify-header{display:none;}

	.copyright1{display:none;}
	.center8{display:block;} 
#copyright {
    height: 120px;
}
#logo {
width:497px;
float:none;margin-left:auto;margin-right:auto;
margin-top:100px;
}

	.lang{display:none;}

	#menu{display:block;}
    #nav{display:none;}
    #head:before{display:none;}
	#head{height:220px;background:#fff;}

    #nav .clearfix > li {
    width: 100%;
    border-bottom: 1px solid #383f49;
    }
    #nav .clearfix > li:before{
    	content: '';
      border-bottom: 1px solid #515862;
        position: absolute;
    left: 0px;
    top: 0px;
    width:100%;
    }
#nav .clearfix li a{width:100%;margin-left:0;margin-right:0;}
#nav .clearfix > li#h-h-n:hover{background:#2b323c;}
#nav .clearfix > li:hover .justify{display:none;}
    .center5{display:none;}
    .center6{margin-top:30px;}
.center6,.center7{display:block !important;}
}

@media screen and (max-width: 760px) { 
}

@media screen and (max-width: 650px) {
   .justify-header{height:40px;}

.foot-b3-textk {
    font-size: 14px;
}

}

@media screen and (max-width: 560px) {
#head {
    height: 180px;
}
	#logo {
    width: 300px;
   margin-bottom:0;overflow:auto;margin-top:90px;
  }
#logobk {
    width: 300px!important;
    height: 50px!important;
}

}
@media screen and (max-width: 550px) { 
    .search2 {
      margin-left: 0px;
    }
    .lang .share-h{margin-right: 5px;}
    .lang .share-h a:before{margin-left: 15px;}
    .search1{    margin-right: 20px;}
  .lang {
    margin-right: 10px;
    width: 100%;
  }
.product-pr-box {
    width: 100% !important;
    margin-left: 0 !important;
}
.center6,.center7{font-size:16px;}
.foot-m-b2-b-l{margin-bottom:30px;}
}
@media screen and (max-width: 700px) {
	.foot-code-in{width:100px;}
  .foot-m-b2-box3 {
    width: 95%;
  } 
  .foot-m-box2{width: 95%!important;margin-left:5%;    margin-top: 0;}
  .foot-m-box3{width: 95%!important;margin-left:5%;margin-bottom:4%;    margin-top: 5%;}
.foot-m-b2-b-btnk {
    margin-bottom: 0;
}

.footer {
    background-size: 600% 100% !important;
}
.foot-m-b-k {
    margin-top: 5%!important;
    width: 80%!important;
    margin-left: 5%;
}
.share-h-foot a {
    font-size: 22px;
}
.share-h-foot a:before {
    margin-left: 20px;
    width: 40px;
    height: 40px;
    line-height: 40px;
    color: #fff;
    overflow: hidden;
}

}
@media screen and (max-width: 485px) { 
 .tool {
    float: right;
    width: 80px;}
.tool .langBt:after {    margin-left: 10px;}
.lang .share-h a:before{margin-left: 10px;}
.mobh-logo{width:40%;margin-top:10px;}
.mobh-logo img{
	width:100%;
}
}
@media screen and (max-width: 435px) { 
.share-h-foot a:before {
    margin-left: 15px;
}
}

@media screen and (max-width: 400px) { 
.share-h-foot a {
    font-size: 22px;
}
.share-h-foot a:before {
    width: 35px;
    height: 35px;
    line-height: 35px;
}

}



/*bottomtool productlist*/
.toolMask.moveLeft {
    margin-left: 0;
}
.toolMask {
    transition: all 0.6s ease 0s;
    -moz-transition: all 0.6s ease 0s;
    -webkit-transition: all 0.6s ease 0s;
    -o-transition: all 0.6s ease 0s;
    -ms-transition: all 0.6s ease 0s;
    background: #f7f7f7;
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    display: none;
    overflow-x: hidden;
    overflow-y: hidden;
    z-index: 1240;
    margin-left: 100%;
}

.toolMask .toolTop {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 46px;
    line-height: 45px;
    font-size: 22px;
    text-align: center;
    border-bottom: 1px solid #ddd;
    background: #fcfcfc;
    padding-right: 32px;
}

.toolMask #toolCloseBtn {
    position: absolute;
    right: 0;
    top: 0;
    width: 55px;
    height: 42px;
    cursor: pointer;
    z-index: 1210;
}
.toolMask #toolCloseBtn:before {
    content: "\e60e";
    font-family: icomoon;
    font-size: 14px;
    width: 32px;
    height: 32px;
    line-height: 32px;
    text-align: center;
    border-radius: 50%;
    overflow: hidden;
    color: #fff;
    background: #aaa;
    position: absolute;
    top: 5px;
    right: 40px;
}

.toolMask .toolContent {
    position: absolute;
    top: 45px;
    width: 100%;
    left: 0;
    bottom: 5px;
    overflow-y: scroll;
    background: #f7f7f7;
}
.toolMask .toolContent .ToolListTitle {
    font-size: 22px;
    padding: 10px;
    font-weight: bold;
    background: #e4e4e4;
}
.toolMask .toolContent > ul:last-child:last-child {
    padding-bottom: 30px;
}
.toolMask .toolContent > ul:last-child {
    padding-bottom: 15px;
}
.toolMask .toolContent > ul > li {
    border-top: 1px solid #fff;
    border-bottom: 1px solid #ddd;
    font-size: 18px;
    line-height: 1.2;
    text-transform: capitalize;
    position: relative;
}
.toolMask .toolContent > ul > li > a {
    padding-left: 20px;
}
.toolMask .toolContent > ul > li a {
    display: block;
    padding-top: 12px;
    padding-bottom: 12px;
    padding-right: 20px;
}
.toolMask, .toolMask a {
    color: #333;
}

/*----nav fix */
.justify-header-fix {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 48px;
    z-index: 999;
    background: #4D7833;
    display:none;
}
#nav2-a{
    line-height: 48px !important;
}

.search1-fix{
	    float: left;
    margin-top: 7px;
    margin-left: 0px;
    position: relative;
}
.fix-sear-btn{width: 35px;
    height: 40px;
    border: 0px none;
    background-color: transparent;
    background-position: 5px 5px;
    background-image: url("../images/searchb.png");
    background-repeat: no-repeat;
    position: absolute;
    right: 0;
    top: 1px;}
.just-fix{    top: 78.5% !important;}
#nav .clearfix > li#h-h-n-fix:hover{background:#EB8B3E;}

/*----nav fix */

/*chatbox--------*/

#footerToolBar {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 48px;
    background: #232323;
    border-top: 1px solid rgba(255, 255, 255, 0.2);
    display: none;
    z-index: 999;
}

#footerToolBar li:first-child {
    border-left: 0px none;
}

#footerToolBar li {
    width: 20%;
    height: 45px;
    float: left;
    text-align: center;
    border-color: #fff;
    border-left: 1px solid rgba(255, 255, 255, 0.2);
    cursor: pointer;
    margin-top: 2px;
box-sizing: border-box;
}

#footerToolBar li a {
    display: block;
    height: 45px;
    color: #fff;
    font-size: 12px;
    line-height: 1;
    text-transform: capitalize;
    filter: alpha(opacity=80);
    opacity: 0.8;
    padding-top: 1px;
}

#footerToolBar .footerBarPro a:before {
    background-position: -120px 0px;
}

#footerToolBar li a:before {
    content: '';
    width: 30px;
    height: 20px;
    margin: 4px auto;
    display: block;
    background: url("../images/footer-tool.png") no-repeat;
    background-size: 149px;
}

#footerToolBar .footerBarPro a:before {
    background-position: -120px 0px;
}

#footerToolBar .footerBarTel a:before {
    background-position: -90px 0px;
}
#footerToolBar .footerBarMessage a:before {
    background-position: -30px 0px;
}
#footerToolBar .footerBarShare a:before {
    background-position: -60px 0px;
}

.title{line-height:70px  !important;}

@media screen and (max-width: 1400px){
	.footer{background-repeat: no-repeat;
    background-position: 50% 0%;background-size: 1400px 100%;}
}
@media screen and (max-width: 760px){
#footerToolBar, #footerToolBar, .toolMask {
    display: block;
}
#copyright {
    padding-bottom: 50px;
}
}

/* fancybox  */



.fancybox-wrap, .fancybox-skin, .fancybox-outer, .fancybox-inner, .fancybox-image, .fancybox-wrap iframe, .fancybox-wrap object, .fancybox-nav, .fancybox-nav span, .fancybox-tmp { padding: 0; margin: 0; border: 0; outline: none; vertical-align: top; }







.fancybox-wrap { position: absolute; top: 0; left: 0; z-index: 8020; }







.fancybox-skin { position: relative; background: #f9f9f9; color: #444; text-shadow: none; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; }







.fancybox-opened { z-index: 8030; }







.fancybox-opened .fancybox-skin { -webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); }







.fancybox-outer, .fancybox-inner { position: relative; }







.fancybox-inner { overflow: hidden; }







.fancybox-type-iframe .fancybox-inner { -webkit-overflow-scrolling: touch; }







.fancybox-error { color: #444; font: 14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif; margin: 0; padding: 15px; white-space: nowrap; }







.fancybox-image, .fancybox-iframe { display: block; width: 100%; height: 100%; }







.fancybox-image { max-width: 100%; max-height: 100%; }







#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span { background-image: url("../images/fancybox_sprite.png"); }







#fancybox-loading { position: fixed; top: 50%; left: 50%; margin-top: -22px; margin-left: -22px; background-position: 0 -108px; opacity: 0.8; cursor: pointer; z-index: 8060; }







#fancybox-loading div { width: 44px; height: 44px; background: url("../images/fancybox_loading.gif") center center no-repeat; }







.fancybox-close { position: absolute; top: -18px; right: -18px; width: 36px; height: 36px; cursor: pointer; z-index: 8040; }







.fancybox-nav { position: absolute; top: 0; width: 40%; height: 100%; cursor: pointer; text-decoration: none; background: transparent url("../images/blank.gif"); /* helps IE */ -webkit-tap-highlight-color: transparent; z-index: 8040; }







.fancybox-prev { left: 0; }







.fancybox-next { right: 0; }







.fancybox-nav span { position: absolute; top: 50%; width: 36px; height: 34px; margin-top: -18px; cursor: pointer; z-index: 8040; visibility: hidden; }







.fancybox-prev span { left: 10px; background-position: 0 -36px; }







.fancybox-next span { right: 10px; background-position: 0 -72px; }







.fancybox-nav:hover span { visibility: visible; }











.fancybox-tmp { position: absolute; top: -99999px; left: -99999px; visibility: hidden; max-width: 99999px; max-height: 99999px; overflow: visible !important; }







.fancybox-lock { overflow: hidden !important; width: auto; }







.fancybox-lock body { overflow: hidden !important; }







.fancybox-lock-test { overflow-y: hidden !important; }







.fancybox-overlay { position: absolute; top: 0; left: 0; overflow: hidden; display: none; z-index: 8010; background: url("../images/fancybox_overlay.png"); }







.fancybox-overlay-fixed { position: fixed; bottom: 0; right: 0; }







.fancybox-lock .fancybox-overlay { overflow: auto; overflow-y: scroll; }







.fancybox-title { visibility: hidden; font: normal 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif; position: relative; text-shadow: none; z-index: 8050; }







.fancybox-opened .fancybox-title { visibility: visible; }







.fancybox-title-float-wrap { position: absolute; bottom: 0; right: 50%; margin-bottom: -35px; z-index: 8050; text-align: center; }







.fancybox-title-float-wrap .child { display: inline-block; margin-right: -100%; padding: 2px 20px; background: transparent; background: rgba(0, 0, 0, 0.8); -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; text-shadow: 0 1px 2px #222; color: #FFF; font-weight: bold; line-height: 24px; white-space: nowrap; }







.fancybox-title-outside-wrap { position: relative; margin-top: 10px; color: #fff; }







.fancybox-title-inside-wrap { padding-top: 10px; }







.fancybox-title-over-wrap { position: absolute; bottom: 0; left: 0; color: #fff; padding: 10px; background: #000; background: rgba(0, 0, 0, 0.8); }

/* fancybox-----  */

img, div:before, div:after, a, a:before, a:after, li, p, b { transition: all 0.6s ease 0s; -moz-transition: all 0.6s ease 0s; -webkit-transition: all 0.6s ease 0s; -o-transition: all 0.6s ease 0s; -ms-transition: all 0.6s ease 0s; }







