@font-face { font-family:"HelveticaNeueLT Pro 33 ThEx"; src:  url(http://cn.ndmagnets.com/templates/Web/en/font/HelveticaNeueLTPro-ThEx.otf); font-family: "icomoon"; src: url("../font/icomoon.eot"); src: url("../font/icomoon.eot") format("embedded-opentype"), url("../font/icomoon.woff") format("woff"), url("../font/icomoon.ttf") format("truetype"), url("../font/icomoon.svg") format("svg"); font-variant: normal; text-transform: none; font-style: normal; }



@font-face { font-family: 'BebasRegular'; src: url("http://cn.ndmagnets.com/templates/Web/en/img/footerbox/bebas.eot"); src: url("http://cn.ndmagnets.com/templates/Web/en/img/footerbox/bebas.eot") format("embedded-opentype"), url("http://cn.ndmagnets.com/templates/Web/en/img/footerbox/bebas.woff") format("woff"), url("http://cn.ndmagnets.com/templates/Web/en/img/footerbox/bebas.ttf") format("truetype"), url("http://cn.ndmagnets.com/templates/Web/en/img/footerbox/bebas.svg") format("svg"); font-weight: normal; font-style: normal; }



@font-face { font-family: "impact"; src: url("../font/impact.eot"); src: url("../font/impact.eot") format("embedded-opentype"), url("../font/impact.woff") format("woff"), url("../font/impact.ttf") format("truetype"), url("../font/impact.svg") 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") format("embedded-opentype"), url("../font/ARVO-REGULAR.woff") format("woff"), url("http://cn.ndmagnets.com/templates/Web/en/font/ARVO-REGULAR.ttf") format("truetype"), url("../font/ARVO-REGULAR.svg") format("svg"); font-variant: normal; text-transform: none; font-style: normal; }

@font-face { 
	font-family: "Lato";
src: url("../font/Lato-Regular.ttf");
}
@font-face { 
	font-family: "Open";
src: url("http://cn.ndmagnets.com/templates/Web/en/font/opensans.ttf");
}

@font-face { 
	font-family: "Handle";
src: url("../font/TT0768M_0.TTF");
}

@font-face { 
	font-family: "LW";
src: url("../font/leelawad.ttf");
}
@font-face { 
	font-family: "Hev";
src: url("../font/helveticaneueltproth.ttf");
}

@font-face { 
	font-family: "h55";
src: url("../font/helveticaneueltstdroman.ttf");
}

@font-face { 
	font-family: "h75";
src: url("../font/HelveticaNeueLTCom75Bold.ttf");
}

.tool-2{
    float: left;
    margin-left: calc(50% - 85px);
    position: relative;
    margin-top: 20px;
}

html{overflow-x:hidden}
body{margin:0px;font-family: Helvetica,Arial, calibri, sans-serif;font-size:20px;}

ul{margin:0;padding:0}
li{margin:0; padding:0; list-style-type:none;}

a { text-decoration: none; }



input[type="submit"]{cursor: pointer;transition: all 0.6s ease 0s;  }
img{width:100%;}

table{
	 word-break:break-all;
	font-size:14px;
	font-family:Arial;
	  border-collapse: collapse;
    border-spacing: 0;
}

table td, table th {
padding: 5px;
	padding-top:0px;
	padding-bottom:0px;
border: 1px solid #6a6969;
word-wrap: break-word;
word-break: break-all;
}

table p {
    display: block;
    -webkit-margin-before: 0.2em;
    -webkit-margin-after: 0.2em;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
}

.clear{ clear:both} 
#container{float:left;width:100%;position: relative;}
#menu{
	display:none;
	width:100%;
	height:50px;
	background:#00A8E7;
	padding-top:0px;
	position: fixed;
    top: 0;
z-index:200;
}
.indexmailsend:hover {
    font-size: 17px;
}
#mask {
    position: absolute;
    width: 100%;
    height: auto;
    left: 0px;
    top: 0px;
    z-index: 600;
    display: none;
    background: rgba(0,0,0,0.8);
}
.prodek {
    float: left;
    width: 60%;
    margin-left: 20%;
    position: relative;
    margin-bottom: 100px;
    transition: all 0.6s ease 0s;
    background: #F7F7F7;
}

.mlogo{
	display:block;
float:left;
width:74px;
margin-top:5px;
margin-left:10px;
}
.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{

    cursor: pointer;
    border-radius: 5px;float:right;margin-top:10px;color:#fff;line-height:30px;margin-right:10px;}

.menuRight:before{
	    content: '\e637';
    display: block;
    font-family: icomoon;
    font-size: 26px;
    color: #fff;
    padding: 0px 8px;
    float:left;

}

#head{width:100%;
    float:left;
background:#fff;
}
.top-inlink {
	margin-top:15px;
    float: left;
}

.top-inlink-email{
	float:left;
}
.t-in-ico{
	float:left;
background:url("http://cn.ndmagnets.com/templates/Web/en/images/topemail.png") no-repeat;
width:17px;
height:14px;
}
.t-in-text{
	float:left;
margin-left:10px;
font-size:12.25px;
margin-top:2px;
transition: all 0.6s ease 0s;
}
.t-in-text:hover{
	color:#000;
}
.top-inlink-tel{
		float:left;
margin-left:20px;
}
.t-in-ico-tel{
		float:left;
background:url("http://cn.ndmagnets.com/templates/Web/en/images/toptel.png") no-repeat;
width:17px;
height:18px;
}
.top-right{
	float:right;
margin-top:12px;
}

.topseark{
	float:right;
width:60px;
position:relative;
cursor: pointer;
}
.search-intop{
	    float: left;
    width: 165px;
    height: 35px;
    font-size: 14px;
    color: #BEBEBE;
    background: #E7E7E7;
    padding-left: 20px;
    outline: none;
border:none;
border-radius:5px;
}
#searbtntop{
width: 35px;
    height: 40px;
    border: 0px none;
    background-color: transparent;
    background-position: 5px 5px;
    background-image: url("../image/search-btn.png");
    background-repeat: no-repeat;
    position: absolute;
    right: 0;
    top: 5px;
}




.topsearbtn{
		float:left;
width:19px;
background:url("../image/topsearbtn.png") no-repeat center;
height:20px;
margin-left:30px;
margin-top:0px;
cursor:pointer;
}
.topseatext{
	float:left;
width:100%;
text-align:center;
color:#fff;
font-size:12.25px;
margin-top:1px;
}

.header-middk{
    width: 1200px;
    margin-left: auto;
    margin-right: auto;
}

.hline1 {
    float: left;
    width: 100%;
margin-top:25px;
}



.top-inlink a {
    color: #fff;
}



.header-top-k{float:left;width:100%;height:50px;background:#F18F0A;}

.justify-header{      
float:left;
width:100%;


}

.justify {
    position: absolute;
    top: 30px;
    left: 0;
    padding: 10px 0 0px 0;
    display: none;
    transition: all 0.6s ease 0s;
    min-width: 100%;
    z-index: 100;
}

#logo{
    float: left;
    margin-top:10px;}

#logo a{
float: left;
} 

.logoimg{
	float:left;
width:226px;
}
.logotext{
	float:left;
margin-top:21px;
margin-left:15px;
width:calc(100% - 100px);
color:#fff;
font-size:17px;
}


.smalltoolk{
    float:right;
}
.lang{    float: right;
    margin-top: 0px;position:relative;}

.tool {
    float: left;
margin-left:55px;
position: relative;
margin-top:8px;
}

.engk {
    float: left;
    width: 100px;
}

.engk:hover .engtext{
	color:#0193DE;
}
.engkcn{
	width:70px;
}
.enguoqi {
    float: left;
    width: 27px;
    height: 16px;
    background: url("../image/en.png") no-repeat;
    background-size: 100% 100%;
}
.engtext {
    margin-top: 1px;
    margin-left: 10px;
    float: left;
    color: #000000;
    font-size: 14px;
}
.gqcn {
    background: url("../image/cn.png") no-repeat;
}

.tool .langBt {
    display: block;
    color: #444444;
    position: relative;
    cursor: pointer;
    font-size: 14.46px;
}

.tool .langBt:after {
    content: '';
    width: 0;
    height: 0;
    overflow: hidden;
    position: absolute;
    border: 7px solid transparent;
    border-top-color: #727272;
    right:0px;
    top: 3px;
}


.lan-k{   
	position: absolute;
   width:70px;
   left: -9px;
    top: 26px;
display:none;
background:#fff;
border:1px solid #727272;
padding-top:5px;
padding-bottom:5px;
background:#fff;
}


.lan-item{float:left;text-align:center;line-height:20px;color:#727272;font-size:14px;padding-left:10px;}

.lang .share-h{
    display: inline-block;
    float: right;
    margin-top:12px;
    white-space: nowrap;
    margin-right:0px;
}
.lang .share-h li{float:left;}
.lang .share-h a {
    display: inline-block;
    font-size: 6px;
    color: #fff;

   

}


.lang .share-h a:before {
	margin-left:20px;
	display: inline-block;
    font-family: icomoon;
    width:25px;
    height:25px;
text-align:center;
line-height:25px;
color:#A1B1BC;
font-size:20px;
}
.header-twitter:before {
    content: '\e62b';
}
.header-facebook:before {
    content: '\e62c';

}
.header-youtube:before {
    content: '\e634';
}
.header-linkedin:before {
    content: '\e630';
}
.google:before {
    content: '\e62d';
}

#nav{float:left;
margin-top:35px;
width:100%;
}
.nav-center{
	margin-left:auto;
margin-right:auto;
width:1200px;
}
.listNav{float:left;
position: relative;
margin-top:0px;
width:calc(100% - 220px);
}

.listNavright{
	float:right;height:100%;position: relative;
}
.navesel{
	background:#4CA536;
}


#nav .clearfix > li{
    float:left;
    padding-left:15px;
    padding-right:15px;
    height:40px;
line-height:40px;
    transition: all 0s ease 0s; 
    position:relative;
}






#nav .clearfix > li#h-h-n:hover > a{  color:#0193DE;}

.navesel:hover a{
	color:#fff;
}

.navesel a:hover{
	color:#fff!important;
}
#nav .clearfix > li:hover .justify{display:block;} 

#nav .clearfix li a{
	height:100%;
	float:left;
	color:#000000;
	font-size:17px;	
	white-space:nowrap;

font-family:h75;
}

.selectnav{
	color: #0193DE!important;
    border-bottom: 3px solid #0193DE;
}
.title{
	height: 100%;
    float: left;
    color: #fff!important;
    font-size: 21px;
    margin-left: 20px;
    margin-right: 20px;
    text-align: center;
    line-height: 90px;
    white-space: nowrap;

}




.top-c{width:100%;margin-left:0px !important; margin-right:0px !important; }


.langsear{
    float:left;
    width:150px;
    height:25px;

    border: 2px solid #EF8200;
    background:none;
    padding-left:10px;
outline:none;
border-radius:3px;
margin-right:0px;
}

.langsear a{
	float:left;
	    font-size:11.96px;
    color:#fff;
margin-top:6px;
}
.ssj{
	position: absolute;
    left: 85px;
    top:5px;
width:20px;
height:20px;
background:url("http://cn.ndmagnets.com/templates/Web/en/images/ssj.png") no-repeat center;
cursor: pointer;
}

.header-seark{
float: right;
   margin-right:20px;
    position: relative;
}

.header-seark form{
	float:left;width:100%;
}

.header-searin{
	    float: left;
    width:148px;
    height: 28px;
    border: 1px solid #BBBBBB;
    padding-left: 2%;
    color: #fff;
    font-size: 12px;
outline:none;
border-radius:2px;
}
.search-in {
    float: left;
    width: 148px;
    height: 26px;
    font-size: 14px;
    color: #fff;
    border: 1px solid #fff;
    border-radius: 2px;
    background: transparent;
    padding-left: 10px;
outline:none;
}



.langselk{
	display:none;
	position:absolute;
left:0px;
top:27px;
width:115px;
background:#EC7300;
padding-top:5px;
padding-bottom:5px;
border-radius:0px 0px 3px 3px;
}

.langselk a{
	float:left;
color:#fff;
font-size:11.96px;
margin-left:12px;
}
.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("../image/search-btn.png");
    background-repeat: no-repeat;
    position: absolute;
    right: -40px;
    top: 2px;
    
}


.just-fix {
    position: absolute;
    top: 50px;
    left: 0;
    z-index: 20;
    padding: 10px 0 0px 0;
    display: none;
    transition: all 0.6s ease 0s;
    z-index: 99;
width:713px;
background:#304770;
}

.justmid{
	float:left;
margin-top:20px;
width:95%;
margin-top:0px;
}

.nav2ji{
	float:left;
width:45%;
margin-left:5%;
margin-top:40px;
}

.nav2title{
	float:left;
width:100%;
padding-bottom:15px;
border-bottom: 2px solid #4EABF9;
color:#4EABF9;
font-size:18px;
font-weight:bold;
}

.nav3offset{
	float:left;
margin-left:-3%;
width:103%;
margin-top:10px;
}
.nav3jisingle{
	float:left;
width:30.33%;
margin-left:3%;
}

.navimgk{
	float:left;
width:100%;
margin-left: 0px!important;
    margin-right: 0px!important;
}
.navimg{
	float:left;
width:100%;
}

.nav3name{
		float:left;
width:100%;
color:#fff;
font-size:10px;
margin-top:20px;
white-space: normal;
height:70px;
}


#nav ul.listNav > li > ul >li{
	    float: left;
    width: 100%;
    position: relative;
    background: #0193DE;
    border-bottom: 1px solid #fff;
}
#nav ul.listNavright > li > ul >li{
	    float: left;
    width: 100%;
    position: relative;
    background: #F18F0A;
    border-bottom: 1px solid #fff;
}

#nav ul.listNav > li > ul >li:hover{background:#0575BD;}
#nav ul.listNavright > li > ul >li:hover{background:#DC4D20;}

#nav ul.listNav > li > ul >li a:hover{color:#fff;}

.ghmid{
	width:1200px;
margin-left:auto;
margin-right:auto;
margin-top:35px;
}
.ghico{
	float:left;
width:172px;
}
.ghtext{
	float:left;
width:30%;
color:#fff;
font-size:14px;
margin-left:3%;
margin-top:15px;
line-height:25px;
}

.joink{
	float:left;
	margin-left:2%;
	width:calc(50% - 172px);
margin-top:15px;
}

.singupin{
	float:left;
width:calc(95% - 133px);
border:none;
height:38px;
padding-left:5%;
font-size:14px;
color:#C1BFBF;
}
.indexmailsend{
	float:right;
width:130px;
height:40px;
background:#000;
text-align:center;
line-height:40px;
color:#fff;
font-size:16px;
cursor:pointer;
}














.footer{
	float:left;width:100%;
    background:#444444;
position:relative;
margin-top:70px;
}
.footnewimgk:hover{
	color:#F18F0A;
}
.fctwebtext:hover{
	color:#F18F0A;
}

.foot-midk{
	width:1200px;margin-left:auto;margin-right:auto;overflow:auto;position: relative;
margin-bottom:60px;
    background: url("http://cn.ndmagnets.com/templates/Web/en/images/worldmap.png") no-repeat 470px 220px;
}
.topnew{
	position:absolute;
width:226px;
left:calc(50% - 113px);
top:0px;
cursor:pointer;
z-index:99;
}
.box3title{
	float:left;
width:100%;
    font-size:31px;
color: #fff;
}


.fdizhik{
	float:left;width:100%;
margin-top:10px;
}

.faddico{
	float:left;
width:26px;
}

.faddtext{
	float:left;
width:calc(100% - 36px);
margin-left:10px;
font-size: 14px ; color:#fff ;
margin-top:5px;
}

.fat1{
	margin-top:0px;
}

.fdk1{
	margin-top:25px;
}
.footprolist{
	float:left;width:100%;
margin-top:10px;
}

.weima{
	float:left;
width:134px;
margin-top:35px;
}
.fpsingle{
	float:left;width:100%;
color:#fff;
font-size:14px;
margin-top:17px;
}

.fpsingle:hover{
	color:#0193DE;
}









.box3main{
	float:left;
margin-top:15px;
width:230px;
}

.box4main{
	float:right;
margin-top:15px;
width:220px;
}
.box5main{
		float:left;
margin-top:15px;
width:100%;
}
.foot-addr{
	margin-top:15px;
    float: left;
    width: 100%;
    color: #fff;
    font-size: 15px;
}

.mapk{
	float:left;
width:100%;
}

.mapbtn{
	float:left;
width:265px;
height:43px;
background:#1B1D1D;
margin-top:80px;
}

.mapbtntext{
	float:left;
color:#fff;
font-size:14px;
margin-left:15px;
margin-top:15px;
}

.mapbtn:hover .mapjian{
	margin-right:30px;
}
.mapjian{
	float:right;
background:url("http://cn.ndmagnets.com/templates/Web/en/images/mapjian.png") no-repeat;
width:22px;
height:15px;
margin-top:15px;
margin-right:15px;
transition: all 0.6s ease 0s;
}
.footnewsingle{
	float:left;
width:100%;
margin-top:15px;
}


.footnewimgk{
	float:left;
width:100%;
color:#fff;
font-size:14px;
margin-top:20px;
}

.footnewimgk img{
	float:left;
width:100%;
}

.abstime{
	position: absolute;
    left: 0;
    top:0;
width:100%;
height:30px;
color:#fff;
line-height:30px;
font-size:15px;
background:rgba(0,0,0,0.5);
text-align:center;
}
.footnewtextk{
	float:left;
margin-left:15px;
width:calc(100% - 93px);
}

.footnewtitle{
	float:left;
font-size:15px;
color:#F0D97A;
width:100%;
}

.footnewtext{
	margin-top:10px;
	float:left;
width:100%;
color:#fff;
font-size:12px;
}




.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("http://cn.ndmagnets.com/templates/Web/en/images/box-top-s.png") no-repeat;
}

.box-midk{width:87%;float:left;}

.box1-line1{float:left;width:100%;}


.logofoot{
	width:225px;
margin-left:calc(50% - 112px);
}

.comname{
	float:left;
width:100%;
text-align:center;
color:#666666;
font-size:22px;
margin-top:15px;
}


.lianxifoot{
	float:left;
width:100%;
color:#fff;
font-size:12px;
line-height:20px;
}


.flianxik{
	float:left;
width:100%;
margin-top:10px;
}
.lianxsk,.lxshare{
	float:left;
}


.footshare{
float:right;
}
.ficok{
	float:Left;
width:45px;
height:45px;
background-color:#21314E;
background-repeat:no-repeat;
background-position:center;
}

.ftel{
	background-image:url("http://cn.ndmagnets.com/templates/Web/en/images/ftel.png");
}

.femail{
	background-image:url("http://cn.ndmagnets.com/templates/Web/en/images/femail.png");
}

.fhome{
	background-image:url("http://cn.ndmagnets.com/templates/Web/en/images/fhome.png");
}

.flxtext{
	float:left;
font-size:16px;
color:#fff;
margin-top:12px;
margin-left:10px;
width:calc(100% - 60px);
}
.flxtext:hover{
	color:#4EABF9;
}

.fshare{
	float:left;
width:33px;
height:33px;
margin-left:15px;
}
.fshare:hover:before{
	background:#E7E7E7;
color:#000;
}



.fshare:before{
	width:33px;
    display: inline-block;
    font-family: icomoon;
    text-align: center;
    line-height: 33px;
color:#fff;
font-size:15px;
}

.footshare:hover:before{
	background:#E50012;
}
.ffacebook:before{
	background:#355598;
	content: '\e62c';
}
.ftwitter:before{
	background:#22C0E0;
	content: '\e62b';
}

.fgoogle:before{
	background:#C7402C;
	content: '\e62d';
}
.flinkedin:before{
	background:#666666;
	content: '\e630';
}
.fyoutube:before{
	background:#DF3B3B;
	content: '\e634';
}

#chatToolBox .share a {
    display: block;
    width: 33px;

    margin-top:18px;
}

.fshare2{
	float:left;
width:35px;
height:35px;
margin-left:10px;
}

.fshare2:hover:before{
	background:#222222;
}
#chatToolBox .share {
    float: left;
}

.fshare2:hover{
	background:#222222;
}
.fshare2:hover:before{
	color: #fff;
}

.fshare2:before{
	width:35px;
    display: inline-block;
    font-family: icomoon;
    text-align: center;
    line-height: 35px;
    color: #fff;
font-size:16px;
}
.ffacebook2:before{
	background:#395591;
	content: '\e62c';
}
.ftwitter2:before{
	background:#21C0E0;
	content: '\e62b';
}
.fgoogle2:before{
	background:#BD402D;
	content: '\e62d';
}

.flinkedin2:before{
	background:#333333;
	content: '\e630';
}
.fyoutube2:before{
	background:#D33C3B;
	content: '\e634';
}

.googletext{
	float:left;
margin-left:10px;
width:calc(100% - 32px);
color:#fff;
font-size:26px;
font-weight:bold;
}
.box1-line1 .share-h{display:block;margin-top:20px;float:left;}

.share-tit{
	float:left;width:100%;color:#fff;font-size:23.24px;font-weight:bold;
    margin-top:30px;
}
.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:#fff;}

 .share-h .facebook:hover:before{background:#2267b1;}

.box1-line1 .share-h .facebook:hover:before{    background: #2267b1;}

.box1-line1 .share-h .twitter:hover:before {
    background: #2267b1;
}
.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;

}
.youtube:before {
	background:#D02B18;
    content: '\e634';
}
.foot-linkedin:before {
	background:#D02B18;
    content: '\e630';
}
.google:before {
    content: '\e62d';
}

.bl2{border:none;line-height:30px;color:#fff;font-weight:bold;font-size:16pt;}


.goheaderk{
	position:absolute;

	width:100%;

    background-repeat: no-repeat;
    background-image: url(../image/ghbk.png);
    background-position: 50% 0%;
    background-size: 1921px 100%;
height:139px;
top:-129px;
}
/*banner*/

.jd{float:left;width:100%;position: relative;}
#banner {
    max-width: 100%;
    position: relative;
}
#banner .item a{float:left;width:100%;}

#banner .item a img{width:100%;    }
.slick-list {
    position: relative;
    overflow: hidden;
    display: block;
    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;
    top: 0px;
    margin-top: 0px;
    list-style: none;
    display: block;
    text-align: center;
    padding: 0;
    width: 100%;
    z-index: 91;
    height: 55px;
}

.slick-dots li {
    position: relative;
    display: inline-block;
    margin: 15px 10px;
    cursor: pointer;
float:right;
}

.slick-dots li button {
    border: 0;
    background: #A9A9A9;
    display: block;
    height: 12px;
    width: 12px;
    outline: none;
    font-size: 0;
    cursor: pointer;
}
#nav-mob {
    width: 100%;
    background: #00A8E7;
    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 #088DC1;
    transition: all 0.6s ease 0s;
    position: relative;
}
#nav-mob .clearfix > li:before {
    content: '';
    border-bottom: 1px solid #2BB8EF ;
    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{        cursor: pointer;
    border-radius: 5px;
    float: right;
    margin-top: 10px;
    color: #fff;
    line-height: 30px;
    margin-right: 10px;
}
.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: #fc9f47;
             position: fixed;
    left: 0;
    top:50px;
    z-index:950;
    color:#fff;
display:none;
  
}
.sm-search{
	width:100%;    background: #00A8E7;
             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 #272A32;
	background:#fff;
	padding-left:2%;
	color:#5C5D5D;
	font-size:18px;
}
#sm-searbtn{
	    width: 35px;
    height: 40px;
    border: 0px none;
    background-color: transparent;
    background-position: 5px 5px;
    background-image: url("../image/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: #0575BD; }
/*banner---------*/
.foot-m-box1{float:left;width:21%;margin-top:50px;}
.foot-m-box2{float:left;width:20%;margin-top:50px;}
.foot-m-box3{float:left;width:34%;margin-top:50px;}


.foot-m-box4{
	float:left;width:25%;
margin-top:50px;
position:relative;
padding-bottom:50px;
}

.box-midk2{
	float:left;
margin-left:20px;
width:calc(100% - 40px);
margin-top:30px;
}
.b4title{
	float:left;
width:100%;
color:#fff;
font-size:20px;
}
.btmidimg{
	float:left;
width:120px;
}
.btmid{
	float:left;
width:100%;
margin-top:10px;
}

.lantel{
	float:left;
width:74px;
}
.lttext{
	float:left;
width:calc(100% - 84px);
margin-left:10px;
color:#fff;
font-size:24.3px;
margin-top:20px;
}
.fccompanyname{
	float:left;width:100%;
color:#fff;
font-size:29.7px;
margin-top:10px;
}
.fconinfo{
	float:left;width:100%;
color:#fff;
font-size:18px;
margin-top:15px;
line-height:25px;
}





.fctimg{
	float:left;
width:75px;
height:84px;
background:url(http://cn.ndmagnets.com/templates/Web/en/images/foottel.png) no-repeat;
margin-top:-25px;
}
.fcttext{
	float:left;
margin-left:10px;
color:#fff;
font-size:24.3px;
}

.fcttel{
		float:left;
width:100%;
color:#fff;
font-size:9px;
margin-top:20px;
}
.fcttelb{
	font-size:29.21px;
}
.fctweb{
	margin-top:20px;
			float:left;
width:100%;
}
.fctwebico{
		float:left;
width:20px;
height:21px;
background:url(http://cn.ndmagnets.com/templates/Web/en/images/footweb.png) no-repeat;
}
.fctwebtext{
	float:left;
color:#fff;
font-size:15.61px;
margin-left:10px;
}

.fctadder{
	margin-top:40px;
	float:left;
width:100%;
}
.fctadderico{
	margin-top:5px;
			float:left;
width:16px;
height:14px;
background:url(http://cn.ndmagnets.com/templates/Web/en/images/h1.png) no-repeat;
}
.fctskyptext{
		float:left;
color:#fff;
font-size:18px;
margin-left:10px;
line-height:25px;
width:calc(100% - 26px);
}
.fctmop{
		margin-top:12px;
	float:left;
width:100%;
}
.fctmopico{
	margin-top:2px;
				float:left;
width:11px;
height:21px;
background:url(http://cn.ndmagnets.com/templates/Web/en/images/h2.png) no-repeat;
}
.fctemailico{
		margin-top:7px;
					float:left;
width:15px;
height:11px;
background:url(http://cn.ndmagnets.com/templates/Web/en/images/h3.png) no-repeat;
}
.fcttelico{
		margin-top:5px;
					float:left;
width:12px;
height:17px;
background:url(http://cn.ndmagnets.com/templates/Web/en/images/h4.png) no-repeat;
}
.fctfaxico{
			margin-top:5px;
						float:left;
width:14px;
height:14px;
background:url(http://cn.ndmagnets.com/templates/Web/en/images/h5.png) no-repeat;
}

.sendemailtext{
			margin-top:40px;
				float:left;
width:100%;
color:#fff;
font-size:14px;
}
.sendemailk{
	float:left;
width:100%;
margin-top:15px;
}
.smguoqi{
	float:left;
width:40px;
height: 45px;
background:url(http://cn.ndmagnets.com/templates/Web/en/images/redmail.png) no-repeat center;
border: 2px solid #fff;
}
.sendmailin{
	float: left;
    width: calc(100% - 56px);
    height: 43px;
    font-size: 14px;
    color: #fff;
    border-right: 2px solid #fff;
border-top: 2px solid #fff;
border-bottom: 2px solid #fff;
border-left: none;
    background: transparent;
    padding-left: 10px;
}
.smbutk{
		float:left;
width:100%;
margin-top:15px;
}

.smbut:hover{
	background:#E50012;
color:#fff;
}
.smbut{
	float:left;
width:115px;
height:40px;
border:2px solid #E01F25;
text-align:center;
line-height:40px;
color:#E01F25;
font-size:13.5px;
cursor:pointer;
}
.footsharek{
position:absolute;
right:0px;
bottom:0px;
width:390px;
}

.fstitle{
	float:left;
font-size: 31px ; color:#fff ;
}


.fctskyp{
		margin-top:10px;
				float:left;
width:100%;
}
.fctskypico{
			float:left;
width:20px;
height:20px;
background:url(../image/footskype.png) no-repeat;
}
.fctskyptext{
		float:left;
color:#fff;
font-size:15.61px;
margin-left:10px;
}
.foot-search{
		margin-top:25px;
				float:left;
width:100%;
}
.foot-searin{
	float:left;
width:calc(100% - 50px);
outline:none;
border:none;
padding-left: 10px;
background:#fff;
color:#222222;
font-size:12.99px;
height:38px;
}
.foot-searbtn{
	float:left;
width:40px;
height:40px;

    background-color: #F18F0A;
    background-position: center;
    background-image: url("http://cn.ndmagnets.com/templates/Web/en/images/footsearbtn.png");
    background-repeat: no-repeat;
border:none;
}








.b4text{
	margin-left:15px;
	width:calc(100% - 145px);
	float:left;
font-size:14px;
color:#fff;
}

.butde{
	float:left;
background:#5CB85C;
width:200px;
height:40px;
margin-top:40px;
margin-bottom:40px;
}
.butde:hover{
	background:#359335;
}
.butzi{
	float:left;
color:#fff;
font-size:13px;
margin-left:20px;
margin-top:12px;
}

.butzi:hover{
	color:#fff;
}
.butgo{
	float:right;
width:40px;
height:40px;
background-color: #357935;
background-repeat: no-repeat;
background-position: center;
background-image: url("http://cn.ndmagnets.com/templates/Web/en/images/sjjj.png");
}
.foot-m-b2-box4{
	float: left;
    width: 100%;
    margin-left: 0px;
}

.footdh2{
	font-size:16.73px!important;
color:#dcddde!important;
}
.foot-b3-textk{float:left;width:100%;font-size:16px;color:#AFB7B9;}
.foot-b3-line1{float:left;width:100%;margin-top:6%;line-height:20px;}

.foot-b-line-ico{float:left;width:16px;height:17px;}

.f-b1-t{margin-top:15px;}

.footdhin{
	margin-top:5px;
}
.line1ico{background:url(http://cn.ndmagnets.com/templates/Web/en/images/house.png) no-repeat;}

.line2ico{background:url(http://cn.ndmagnets.com/templates/Web/en/images/phone.png) no-repeat;}

.line21ico{background:url(http://cn.ndmagnets.com/templates/Web/en/images/mophoff.png) no-repeat;}

.line3ico{background:url(http://cn.ndmagnets.com/templates/Web/en/images/file.png) no-repeat;}

.line4ico{background:url(http://cn.ndmagnets.com/templates/Web/en/images/mail.png) no-repeat;}

.line5ico{background:url(http://cn.ndmagnets.com/templates/Web/en/images/link.png) no-repeat;}

.line6ico{background:url(http://cn.ndmagnets.com/templates/Web/en/images/skypeb.png) no-repeat;}

.foot-b-line1-text{float:left;margin-left:10px;}
.foot-b-line1-text{color:#AFB7B9;}
a.foot-b-line1-text:hover{color:#ff6600}
.foot-m-b2-box1{float:left;width:70%;}

.foot-m-b2-box2{float:left;width:30%;margin-left:40px;}

.foot-m-b2-b-title{float:left;font-size:14.87px;color:#fff;width:100%;}

.foot-m-b2-b-l{float:left;color:#999997;width:100%;margin-top:20px;font-size:17px;line-height:18px;}

.foot-m-b2-b-title-fd{
float: left;
    width: 100%;
    font-size: 31px;
    color: #fff;

}
.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:75%;margin-left:15%;}

.foot-feed{
	outline:none;
	width:calc(100% - 10px);
	border:none;
	background:#D3D3D3;
	border-radius: 3px;
	margin-bottom:8px;
	height:25px;
	padding-left:10px;
	color:#444444;
	font-size:14px;
}
.foot-feed-c{
	float:left;
	width:97%;
	border:none;
	background:#D4D4D6;
	border-radius: 3px;
	margin-bottom:8px;
	height:70px;
	padding-left:2%;
	color:#272A32;
}
.foot-code{float:left;width:98%;margin-top:4px;}

.foot-code-in{
	float:left;
	width:80px;
	font-size:14px;
	border:none;
	background:#D3D3D3;
	border-radius: 3px;
	height:25px;
	padding-left:2%;
	color:#444444;
}

.foot-code-img{float:left;margin-left:15px;}

.foot-m-b2-b-btnk{float:left;width:98%;margin-top:0px;margin-bottom:10%;}



.foot-m-b2-b-btn{
	width: 78px;
    height: 25px;
    border: 0px none;
    background-color: #da251e;
  text-align:center;
  line-height:25px;
  color:#fff;
border-radius: 3px;
font-size:17px;
}
.foot-m-b2-b-btn:hover{background-color: #DC4F20;}

.foot-m-b2-box1-a {
	display:none;
    float: left;
    width: 80%;
    margin-left: 20px;
}

#copyright{
	float:left;
	width:100%;
	background:#2F2F2F;
height:65px;
}

.footupjian{
	position:absolute;
top:-13px;
width:36px;
left:calc(50% - 18px);
cursor:pointer;
}
.yizeli{
	font-size:14px;
}


.cp1{
	width:100%;
text-align:center;
	float:left;
font-size:14px;
color:#fff;
margin-top:8px;
line-height:20px;
}
#copyright2 {
    float: left;
    width: 100%;
    background: #272628;
    height: 65px;
}

.cp2 {
    width: 1200px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 25px;
}

.cp2-tel {
    float: left;
}

.cp2-tel-img {
    background: url(http://cn.ndmagnets.com/templates/Web/en/images/c1.png) no-repeat;
}

.cp2-tel-tag {
    float: left;
    width: 21px;
    height: 22px;
}

.cp2-mail {
    background: url(http://cn.ndmagnets.com/templates/Web/en/images/c2.png) no-repeat;
}

.cp2-tel-text {
    margin-left: 10px;
    float: left;
    font-size: 15px;
    color: #fff;
margin-top:2px;
}

.cp2-dizhi {
    background: url(http://cn.ndmagnets.com/templates/Web/en/images/c3.png) no-repeat;
}
.cp2-link {
    background: url(http://cn.ndmagnets.com/templates/Web/en/images/c4.png) no-repeat;
}

.center5{
	width:1200px;
	margin-left:auto;
	margin-right:auto;
	position:relative;
	margin-top:17px;}

.copyright1{float:left;font-size:14px;margin-top:37px;}

.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: 22px;
    color: #fff;
}
.foot-share-h a:hover:before{background:#515359;}
.foot-share-h a:before {
    margin-left: 10px;
    display: inline-block;
    font-family: icomoon;
    width: 45px;
    height: 45px;
    text-align: center;
    line-height: 45px;
    color: #fff;
border-radius:50%;
}
.foot-twitter:before {
background:#48C0EF;
    content: '\e62b';
}

.foot-facebook:before {
	background:#2F4C96;
    content: '\e62c';
}

.foot-google:before {
	background:#BC3F2C;
    content: '\e62d';
}
.foot-youtube:before {
	background:#2F4C96;
    content: '\e634';
}


#goTop {
    cursor: pointer;
    position: fixed;
    display: block;
    width: 54px;
    height: 60px;
    color: #fff;
    font-size: 14px;
    text-align: center;
    background: url("../image/top.png") repeat;
    bottom: 3%;
    right: 2%;
    z-index: 9999;
  
}



/*chatbox*/

#chatToolBox { 
    position: fixed;
    width: 148px;
    bottom: 150px;
    right: -5px;
    line-height: 1.5;
    z-index: 999;
transition: all 0.6s ease 0s;
color: #fff;
}
#chatToolBox .share a:first-child {
    margin-top: 0;
}

#chatToolBox #chatToolMail i {
    position: absolute;
    top: 20px;
    width: 100%;
    height: 28px;
    line-height: 28px;
    text-align: center;
    background: transparent;
    cursor: pointer;
}

#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;
    width: 105px; }

@font-face { 
  font-family: zurich; 
  src: url('../font/ZURCHBXC.TTF'); 
}
#chatToolBox ul {
    float: right;
}

#chatToolBox #chatToolMail a { font-size: 34px; line-height: 40px; letter-spacing: -1px; padding-top: 50px; padding-bottom: 22px; font-family: zurich; }

#chatToolBox .chatToolSkype { height:42px;font-size: 16px; background: #444444; margin-top: 5px;}
.skypeico{float:left;margin-left:10px;margin-top:8px;background:url(../image/skypico2.png) no-repeat;background-size:100%;width:26px;height:27px;}
.skypezi{margin-left:10px;float:left;font-size:14px;height:42px;line-height:46px;}


#chatToolBox .chatToolContact { font-size: 14px; background: #444444; margin-top: 6px; text-transform: capitalize; padding: 6px 0; }

#chatToolBox:hover { right: 0; }

#chatToolBox #chatToolMail i { position: absolute; top: 20px; width: 110px; 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: #00A8E7; }

#sar2{display:none;}

@media screen and (max-width: 760px) { #chatToolBox { display: none; }}


@media screen and (max-width: 1180px) { 
	
}

@media screen and (max-width: 1210px) {

     .norsear{display:none;}
#sar2{display:block;}
	 .box .sear{display:none;}
   .lang .share-h{margin-right:20px;}
   #head .search1 input[type="submit"], #head .search2 input[type="submit"]{
   	right: -40px;
	background-image: url("http://cn.ndmagnets.com/templates/Web/en/images/search_btn3.png");}



  .fix-sear-btn {
 
    top: 0px !important;
  }
  .center5 {
    width: 96%;
  margin-left:2%;
}
}

#footcont2{
	display:none;
}
@media screen and (max-width: 1275px) { 
  .footer{height:auto;}
}

@media screen and (max-width: 1130px) { 
#footcont1{
	display:none;
}
#footcont2{
	display:block;
}

}


@media screen and (max-width: 1050px) { 
.foot-code-img {
    float: left;
    width:100px!important;
height:40px;
}
	
	
}


@media screen and (max-width: 1250px) { 
.box-midk {
    width: 90%;
    float: left;
}
.box4main {
	float:left;
margin-left:2%;
    width: 48%;
}
.box3main {
    width: 50%;
}



}
@media screen and (max-width: 1260px) { 
#nav .clearfix > li {
    padding-left: 5px;
    padding-right: 5px;

}
  .foot-midk {
    width: 96%;margin-left:2%;float:left;}
}
@media screen and (max-width: 1210px) { 
.foot-m-box4 {
    width: 50%;
} 
.foot-m-box3 {
    width: 50%;
}
.foot-m-box1,.foot-m-box2 {
    width: 50%;
height:280px;
}	
}
@media screen and (max-width: 1120px) { 
.fcttelb {
    font-size: 25px;
}
}

@media screen and (max-width: 1090px) { 
#copyright {
    height: auto;
padding-bottom:30px;
}

.cp1{
	width:100%;
}
}

@media screen and (max-width: 985px) { 
.b4text {
    margin-left: 0;
    width: 100%;
  
}
	.btmidimg{
	display:none;
	}
}


@media screen and (max-width: 950px) {


.foot-code-img {
    float: left;
    width: 80px!important;
    height: 35px;
}
}



@media screen and (max-width: 870px) { 
.just-fix {
   
    left: -110px;
    
}


	.foot-m-b2-b-l{width:100%;}
  .foot-m-b2-box3 {
    margin-left: 5%;}
  .foot-m-b2-box1{margin-left:5%;}

}
.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;}


.moveheader{
	margin-top:50px;
	float:left;
width:100%;
margin-top:50px;
display:none;
background:#fff;
}

.movermid{
	width:477px;
margin-left:auto;
margin-right:auto;
overflow:auto;
margin-top:40px;
}

.movelogo{
	float:left;
width:477px;

}

#id-mh-search{
	float:left;
margin-left:10px;
}

@media screen and (max-width: 670px) {

.footupjian {

    left: calc(100% - 36px);
}
.yizeli {
    float:left!important;
margin-top:10px;
width:100%;
}	
   .cp1{
	display:block;
float:left;width:100%;
   }
	.copyright1 a{
		margin-top:10px;
	float:left!important;
	}
}


@media screen and (max-width: 850px) {
.lxshare {
   margin-left:120px;
margin-top:30px;
}
	.justify-header{
	display:none;
	}
	#head{height:30px;}
.fshare {
    margin-left: 12px!important;
}
	.header-top-k{
	display:none;
	}
	#copyright{
	height:auto;
padding-bottom:20px;
	}
.copyright1 {
    float: left;
   width:100%;
	margin-top:25px;
}
.moveheader{
display:block;
}
	
	
.justify-header-fix{
display:none;
}
.header-mid{
	background:none!important;
}
	.center8{display:block;} 

#logo {
    width: 227px;
float:none;margin-left:auto;margin-right:auto;
margin-top:25px;
}
	.lang{display:none;}

	#menu{display:block;}
    #nav{display:none;}
    #head:before{display:none;}


    #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;}

    .center6{margin-top:30px;}
.center6,.center7{display:block !important;}
}


@media screen and (max-width:770px) { 
	.anoall{
	float:left;
width:100%;
	}
}

@media screen and (max-width:720px) { 
	.copyshare{float:left;width:100%;}
.copyright1 {
    width: 100%;
}
.foot-share-h{float:none;margin-left:auto;margin-right:auto;width:275px;display:block;margin-top:30px;}	
}

@media screen and (max-width:575px) { 
.footsharek {

    width: 330px;
}
.fstitle {
    font-size: 20px;

}
}
@media screen and (max-width:520px) { 
.topnew {
    left: calc(100% - 150px)!important;
}
	.box1-line1{width:325px;}
.foot-m-box1 {
    width: 100%;
}
.foot-m-box2 {
    width: 100%;
}
.foot-m-box3 {
    width: 100%;
}
.foot-m-box4 {
    width: 100%;
}
}

@media screen and (max-width: 650px) {
.lxshare {
   margin-left:45px;
}
.movermid {
    width: 330px;
    margin-left: auto;
    margin-right: auto;
    overflow: auto;
}

.movelogo {
    float: left;
    width: 330px;
margin-left: 0;
}
  

}
@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%;
  }
.center6,.center7{font-size:16px;}
.foot-m-b2-b-l{margin-bottom:30px;}
}
@media screen and (max-width: 535px) {
  .foot-m-b2-box3 {
    width: 90%;
  } 
  .foot-m-box2{width: 100%;margin-top:10%;}
.foot-m-b2-b-btnk {
    margin-bottom: 0;
}

.footer {
    background-size: 600% 100% !important;
}

}
@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: 430px) { 
.topnew{
	display:none;
}
}



/*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: absolute;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 120px;
    z-index: 999;
    background: rgba(0,0,0,0.2);
    
}
.header-mid{
	width:1270px;margin-left:auto;margin-right:auto;height:100%;
   
}

.sear-sharek{
	float:right;
width:100%;
position:relative;
}
.searshowbut{
	float:left;
width:10px;
cursor: pointer;
}

.shareshowbut{
	float:right;
width:12px;
cursor: pointer;
}




#searbtn {
    width: 50px;
    height: 28px;
   border:none;
background:none;
    background-position: center;
    background-image: url("../image/search-btn.png");
    background-repeat: no-repeat;
    position: absolute;
    right:0px;
    top: 1px;
}



#hsharek{
	width:275px;
display:none;
}
.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("../image/search-btn.png");
    background-repeat: no-repeat;
    position: absolute;
    right: 0;
    top: -1px;}
#nav .clearfix > li#h-h-n-fix:hover #nav2-a{color:#EC7300}

.nav3name:hover{
	color:#4EABF9
}










.search1top{
padding-left:0px!important;
padding-right:0px!important;
float:right!important;
margin-top:5px;
position:relative;
}
/*----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("../image/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:40px  !important;}



@media screen and (max-width: 1300px){
.header-mid {
    width: 96%;
    float:left;
margin-left:2%;
    
}

}

@media screen and (max-width: 1270px){
.ghmid {
		float:left;
width:96%;
margin-left:2%;
}
.header-middk {
    width: 100%;

float:left;
}

	.nav-center{
		float:left;
width:96%;
margin-left:2%;
	}
	.justify-header{
	float:left;
width:96%;
margin-left:2%;
	}
	

	#copyright2{
	height:auto;
padding-bottom:25px;
	}
.cp2-tel {
    float: left;
margin-top:10px;
}
	.cp2{
	float:left;
width:96%;
margin-left:2%;
margin-top: 15px;
	}

}
@media screen and (max-width: 1140px){
#logo {
margin-left:0;
}
}



@media screen and (max-width: 1250px){

.navesel:before {

    background:none;
}
.navesel:after {

    background:none;
}	

}

@media screen and (max-width: 1090px){
.joink {
    float: left;
    margin-left: 2%;
    width: calc(60% - 172px);
    margin-top: 15px;
}

#nav .clearfix li a {
    font-size: 16px;
    font-weight: bold;
}
#nav .clearfix > li {
    padding-left: 5px;
    padding-right: 5px;
}
}

@media screen and (max-width: 1060px){
	.search-in{
	width:120px;
	}

}




@media screen and (max-width: 1010px){

	.lang{
	width:240px;
	}
	.tool{
	float:right;
	margin-top:20px;
	}
}



@media screen and (max-width: 980px) {
.topnew {
    width:150px;
left: calc(50% - 75px);
} 
.logoimg {
    width: 150px;
}
}



@media screen and (max-width: 930px) { 
.top-inlink-tel{
	margin-left:5px;
}
.search-in {
    width: 90px;
}
#nav .clearfix > li {
    margin-left: 0px;
}

}



@media screen and (max-width: 850px) { 

	.goheaderk {
    position: relative;
float:left;
top:0px;
	}
.joink {
    margin-left: 0%;
    width: 100%;
    margin-top: 30px;
}
	.ghtext {
    float: left;
    width: calc(97% - 172px);
	}
	.goheaderk{
	background:#0575BD;
height:auto;
padding-bottom:30px;
	}
}
@media screen and (max-width: 760px){
#copyright{
    padding-bottom: 73px;
}	
#footerToolBar, #footerToolBar, .toolMask {
    display: block;
}

}

@media screen and (max-width: 470px){
.copyright1{
	font-size:12px;
}
	.cp2-tel-text{
	font-size:12px;
	}
	.box-midk{
	width:100%;
	}
.ffacebook2 {
    margin-left: 0px;
}

}
/* 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("../image/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("../image/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("../image/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("../image/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; }