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

@font-face { 
	font-family: "Lato";
src: url("../font/Lato-Regular.ttf");
}
@font-face { 
	font-family: "Open";
src: url("../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");
}


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

html{overflow-x:hidden}
body{margin:0px;font-family: "微软雅黑";font-size:20px;}

ul{margin:0;padding:0}
#idnav{
    padding-left: 20%;

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

a { text-decoration: none; }



input[type="submit"]{cursor: pointer;transition: all 0.6s ease 0s;  }
/*img{width:100%;}*/
.clear{ clear:both} 
#container{width:100%;position: relative;}
#menu{display:none;width:100%;height:50px;background:#355598;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{
    display: block;
    font-family: icomoon;
    font-size: 26px;
    color: #fff;
     float:left;

}

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

.top-inlink-email{
	float:left;
}
.t-in-ico{
	float:left;
background:url("../images/topemail.png") no-repeat;
width:13px;
height:15px;
}

.biga{
	float:left;
width:100%;
}
.t-in-text{
	float:left;
margin-left:10px;
font-size:12px;
margin-top:0px;
transition: all 0.6s ease 0s;
}
.t-in-text:hover{
	color:#2ca6e0;
}
.top-inlink-tel{
		float:left;
margin-left:20px;
}
.t-in-ico-tel{
	margin-top:2px;
		float:left;
background:url("../images/toptel.png") no-repeat;
width:15px;
height:11px;
}
.top-right{
	float:right;
margin-top:12px;
}

.topseark{
	float:right;
width:60px;
position:relative;
cursor: pointer;
}
.search-intop{
	    float: left;
    width: 205px;
    height: 28px;
    font-size: 14px;
    color: #9999A3;
    border: 1px solid #D9D9D9;
    background: #fff;
    padding-left: 20px;
    outline: none;
}
#searbtntop{
	width: 32px;
    height: 32px;
    border: 0px none;
    background: #E50012;
    background-position:center;
    background-image: url("../images/search-btn.png");
    background-repeat: no-repeat;
    position: absolute;
    right: 0px;
    top: 0px;
}



.topsearbtn{
		float:left;
width:19px;
background:url("../images/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: 100%;
    margin-left: auto;
    margin-right: auto;
}



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



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

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


}
.ptjname{
    font-size: 14px;
}
.justify {
    position: absolute;
    top: 50px;
    left: 0;
    padding: 10px 0 0px 0;
    display: none;
    transition: all 0.6s ease 0s;
    z-index: 100;
background:#4eccf9;
}

.justify3{
	float:left;
}

.jubox3{

margin-left:10px;
color:#fff;
font-size:15px;
line-height:40px;
}

.jubox3:hover{
	color:#13468F!important;
}

.hline1{
    padding-left:10%;
	float:left;width:80%;
}
#logo{
    float: left;
    margin-top:15px;
}
.logozi{
	float:left;
color:#535452;
font-size:20px;
font-weight:bold;
margin-left:60px;
margin-top:16px;
}

#logo a{
float: left;
width:150px;
} 

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

.welzi{
	float:right;
color:#535452;
font-size:18px;
font-weight:bold;
margin-top:33px;
}
.smalltk{
	float:left;
width:100%;
background:#535452;
height:25px;
}
.smalltoolk{
    width: 1200px;
    margin-left: auto;
    margin-right: auto;
margin-top:3px;
}
.lang{    float: right;
    margin-top: 0px;position:relative;}

.tool {
    float: left;
margin-left:25px;
width:110px;
position: relative;

    border-radius: 9px;
    border: 1px solid #fff;
height:18px;

}

.tool .langBt {
    display: block;
    color: #fff;
    position: relative;
    cursor: pointer;
    font-size: 12px;
line-height:18px;
margin-left:10px;
}

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


.lan-k{   
	position: absolute;
   width:112px;
   left: -1px;
    top: 24px;
display:none;
background: #E8E9EA;
padding-top:5px;
padding-bottom:5px;
}


.lan-item{float:left;text-align:center;line-height:20px;color:#666666;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:10px;
    padding-left:100px;
    padding-right:100px;

    background:#4eabf9;
width:100%;
height:50px;
}
.nav-center{
	margin-left:auto;
margin-right:auto;
width:1200px;
}
.listNav{float:left;position: relative;}

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


.nav .clearfix > li{
    float:left;
    padding-left:30px;
    padding-right:30px;
    transition: all 0s ease 0s; 
    position:relative;
height:45px;
padding-top:5px;
}

.nav .clearfix > li:hover{
background: #0099FF;
}





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

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

.nav .clearfix li a{


	color:#fff;
	font-size:15px;	


}

.tjmore{
    overflow: hidden;
    font-size: 20px;
}
.tjmore a{
    background-color: #00ccff;
}
.tjmore p{
    margin: 0;
}
.connc{
    border: 1px solid #ddd;
}
.connc p{
    margin: 20px;
}
.imgs{
    display: inline-block;
    float:left;
    border: 1px solid transparent;
    width: 45%;
    height: 350px;
    overflow: hidden;
}
.imgs img{
    width: 90%;
}
#titt{
    width: 100%;
    padding-left: -10px;
    border-radius: 5px;
}
.showj{
    margin-left: 30px;
    display: inline-block;
    float: left;
    border: 1px solid transparent;
    width: 45%;
    height: 350px;
    overflow:hidden;
    word-break:break-all;

}
.showj h4{
    border-bottom: 1px solid #ddd;
    height: 30px;
    margin: 0;
    text-align: center;
}
.showj p{
font-size:19px;  color:#555555;
word-wrap:break-word;

}
.jianjie{
    height: 98px;
    overflow: hidden;
}
.s_imgs{
    float: left;
    border: 1px solid #ddd;
    width: 100px;
    height: 100px;
    /*position:relative;*/
    /*bottom:90px;*/
}
.s_imgs img{
    width: 100%;
}
.connc h3{
    border: 1px solid #ddd;
text-align: center;
}
.submitMs{
    width: 100%;
    height: 500px;
    border: 1px solid #ddd;
}
.submitMs  .ipr{
    padding: 10px;
    padding-right: 80px;
}


.submitMs textarea{
    font-size: 20px;
}

.top-c{
    float:left;width:100%;margin-left:0px !important; margin-right:0px !important;margin-top:8px;
font-size: 18px;
    font-weight:500;
}

.search1{
	float:left;position: relative;margin-left:60px;margin-top:5px;
}
.langsear{
    float:left;
    width:150px;
    height:25px;

    border: 2px solid #0099cc;
    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("../images/ssj.png") no-repeat center;
cursor: pointer;
}

.navico{
	float:left;width:100%;
height:20px;

}
.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: 210px;
    height: 30px;
    font-size: 12px;
    color: #fff!important;
border:none;
    border-bottom: 1px solid #fff;
    background: transparent;
outline:none;
font-weight:bold;
}


.navfixk{
	position:fixed;
        		top:0;
        		left:calc(50% - 600px);
        		width:1200px;
        		z-index:999;
        		margin-top:0
}
.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("../images/search-btn.png");
    background-repeat: no-repeat;
    position: absolute;
    right: 0px;
    top: 0px;
    
}


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

.jty{
	float:left;
}
.nav ul.listNav > li > ul >li{
	    float: left;
    position: relative;
white-space:nowrap;
padding-right:25px;
padding-left:25px;
}

.bottomline2{
	float:left;width:100%;
height:1px;
background:#fff;

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

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



.ghmid{
	width:1200px;
margin-left:auto;
margin-right:auto;
}
.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:#2ca6e0;
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:85px;
}
.topnew{
	position:absolute;
width:226px;
left:calc(50% - 113px);
top:0px;
cursor:pointer;
z-index:99;
}
.box3title{
	float:left;
width:100%;
    font-size:24.3px;
color: #fff;
}
.footprolist{
	float:left;width:100%;

}

.fpsingle{
	float:left;width:14.2%;
color:#fff;
font-size:14px;
font-weight:bold;
}

.fpsingle:hover{
	color:#2ca6e0;
}


.company{
	float:left;
width;100%;
color:#fff;
font-size:13.3px;
margin-top:10px;
line-height:20px;
}






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

.prok{
	float:left;
width:100%;
}
.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("../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:left;width:100%;
margin-top:20px;
margin-left:-15px;
}
.ficok{
	float:Left;
width:45px;
height:45px;
background-color:#21314E;
background-repeat:no-repeat;
background-position:center;
}

.ftel{
	background-image:url("../images/ftel.png");
}

.femail{
	background-image:url("../images/femail.png");
}

.fhome{
	background-image:url("../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:20px;
height:20px;
margin-left:5px;
}
.fshare:hover:before{
	background:#535452;
}



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

.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: 17px;
}

.fshare2{
	float:left;
width:38px;
height:38px;
margin-left:5px;
border-radius:50%;
background:#ECF1F5;
}

.fshare2:hover:before{
	background:#049AFE;
border-radius:50%;
}
#chatToolBox .share {
    float: left;
}

.fshare2:hover{
	background:#222222;
}
.fshare2:hover:before{
	color: #fff;
}
.box-midk3{
	width:100%;
}


.fshare2:before{
	width:38px;
    display: inline-block;
    font-family: icomoon;
    text-align: center;
    line-height: 38px;
    color: #666666;
font-size:20px;
}
.ffacebook2:before{
	content: '\e62c';
}
.ftwitter2:before{
	content: '\e62b';
}
.fgoogle2:before{
	content: '\e62d';
}

.flinkedin2:before{
	content: '\e630';
}
.fyoutube2:before{
	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{
float:left;

	width:100%;

   background:#F1F0EA;
height:130px;
}
.ppimg{
	float:left;
width:12%;
height:130px;
transition: all 0.6s ease 0s;
}


.pm1{
	background: url("../images/f1.png") no-repeat center;
}

.pm1:hover{
	background: url("../images/f11.png") no-repeat center;
}

.pm2{
	background: url("../images/f2.png") no-repeat center;
}

.pm2:hover{
	background: url("../images/f22.png") no-repeat center;
}

.pm3{
	background: url("../images/f3.png") no-repeat center;
width:16%;
}
.pm3:hover{
	background: url("../images/f33.png") no-repeat center;
}
.pm4{
	background: url("../images/f4.png") no-repeat center;
}
.pm4:hover{
	background: url("../images/f44.png") no-repeat center;
}
.pm5{
	background: url("../images/f5.png") no-repeat center;
}
.pm5:hover{
	background: url("../images/f55.png") no-repeat center;
}
.pm6{
	background: url("../images/f6.png") no-repeat center;
}
.pm6:hover{
	background: url("../images/f66.png") no-repeat center;
}
.pm7{
	background: url("../images/f7.png") no-repeat center;
}
.pm7:hover{
	background: url("../images/f77.png") no-repeat center;
}
.pm8{
	background: url("../images/f8.png") no-repeat center;
}

.pm8:hover{
	background: url("../images/f88.png") no-repeat center;
}
/*banner*/

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

#banner .item a img{ height: 250px  }
.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: #355598;
    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 #243a68 ;
    transition: all 0.6s ease 0s;
    position: relative;
}
#nav-mob .clearfix > li:before {
    content: '';
    border-bottom: 1px solid #4065b4   ;
    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;
	background-image: url(/images/xx.png);
	background-repeat: no-repeat;
	background-position: center top;
}
.mh-Menu-active:before{
    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: #355598;
             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("../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: #0575BD; }
/*banner---------*/
.foot-m-box1{float:left;width:27%;margin-top:62px;}
.foot-m-box2{float:left;width:54%;margin-top:85px;}
.foot-m-box3{float:left;width:19%;margin-top:80px;}


.foot-m-box4{
	float:left;width:23%;
margin-top:100px;
}

.box-midk2{
	float:left;
margin-left:20px;
width:calc(100% - 40px);
margin-top:30px;
}

.foot-conustitle{
	float:left;width:100%;
color:#fff;
font-size:30px;
font-weight:bold;
}

.ffeedk{
	float:left;
width:415px;

background:#fff;
border-radius:2px;
box-shadow: 0 0 10px #353535;
display:none;
}

.ffetitle{
	float:left;
width:100%;
height:45px;
background:#36AEFE;
}
.ffettext{
	float:left;
font-size: 16.4px ; color:#fff ;
margin-left:20px;
line-height:45px;
}

.ffehidek{
	float:right;
width:13px;
height:20px;
margin-top:14px;
margin-right:15px;
cursor:pointer;
}
.ffehide{
	float:left;
width:13px;
height:3px;
background:#fff;
margin-top:8px;
}

.ffeink{
	float:left;
width:383px;
margin-left:15px;
margin-top:10px;
}
.ffintitle{
	float:left;width:100%;
font-size: 16.41px ; color:#000000 ;
margin-bottom:15px;
}

.foot-send{
	float:left;width:100%;
height:35px;
text-align:center;
font-size: 18.4px ; color:#fff ;
background:#36AEFE;
border-radius:3px;
margin-top:10px;
line-height:35px;
margin-bottom:40px;
cursor:pointer;
}

.foot-send:hover{
	background:#ff6600;
}






.contact-ico{
	position:absolute;
bottom:0px;
right:40px;
width:415px;
z-index:10000;
}

.clickme{
	position:fixed;
bottom:55px;
right:100px;
width:97px;
height:65px;
background:url(../images/livechat.png) no-repeat;
cursor:pointer;
}

.panal{
	float:left;
width:415px;
height:45px;
background:#049AFE;
box-shadow: 0 0 10px #353535;
border-radius:3px 3px 0 0;
margin-top:5px;
cursor:pointer;
}

.ci-text{
	float:left;
margin-left:15px;
line-height:45px;
color:#fff;
font-size:15px;
}

.ci-hidden{
	float:right;
background:url(../images/jianxia.png) no-repeat;
width:13px;
height:8px;
margin-top:21px;
margin-right:17px;
}

.ci-show-windows{
		float:right;
background:url(../images/add.png) no-repeat;
width:14px;
height:15px;
margin-top:17px;
margin-right:15px;
}


























.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:15px;
margin-top:20px;
font-weight:bold;
}
.fconinfo{
	float:left;width:100%;
color:#fff;
font-size:18px;
margin-top:15px;
line-height:25px;
}

.fdizhi{
	margin-top:15px;
	float:left;width:100%;
}

.fdzico{
	float:left;
width:16px;
height:14px;
background:url(../images/home.png) no-repeat;
}

.femico{
	float:left;
width:16px;
height:14px;
background:url(../images/email.png) no-repeat;
margin-top:5px;
}

.ftelico{
	float:left;
width:16px;
height:15px;
background:url(../images/topemail.png) no-repeat;
margin-top:2px;
}

.fdztext{
	float:left;
width:calc(100% - 26px);
margin-left:10px;
color:#fff;
font-size:14px;
}

.fctimg{
	float:left;
width:75px;
height:84px;
background:url(../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(../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(../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(../images/h2.png) no-repeat;
}
.fctemailico{
		margin-top:7px;
					float:left;
width:15px;
height:11px;
background:url(../images/h3.png) no-repeat;
}
.fcttelico{
		margin-top:5px;
					float:left;
width:12px;
height:17px;
background:url(../images/h4.png) no-repeat;
}
.fctfaxico{
			margin-top:5px;
						float:left;
width:14px;
height:14px;
background:url(../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(../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{
	float:left;
margin-top:80px;
}

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

.fctskyp{
		margin-top:10px;
				float:left;
width:100%;
}
.fctskypico{
			float:left;
width:20px;
height:20px;
background:url(../images/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("../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("../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(../images/house.png) no-repeat;}

.line2ico{background:url(../images/phone.png) no-repeat;}

.line21ico{background:url(../images/mophoff.png) no-repeat;}

.line3ico{background:url(../images/file.png) no-repeat;}

.line4ico{background:url(../images/mail.png) no-repeat;}

.line5ico{background:url(../images/link.png) no-repeat;}

.line6ico{background:url(../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: 24.3px;
    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:1px solid #D9D9D9;
	background:#fff;
	border-radius: 3px;
	margin-bottom:13px;
	height:40px;
	padding-left:10px;
	color:#D9D9D9;
	font-size:20.4px;
}
.foot-feed-c{
	float:left;
	width:97%;
	border: 1px solid #D9D9D9;
	background:#fff;
	border-radius: 3px;
	margin-bottom:10px;
	height:70px;
	padding-left:2%;
	color: #D9D9D9;
font-size:20.4px;
    font-family: Helvetica;
padding-top:10px;
}
.foot-code{float:left;width:98%;margin-top:10px;}

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

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

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

.foot-m-b2-b-btn{
	width: 105px;
    height: 35px;
    border: 0px none;
    background-color: #da251e;
  text-align:centet;
  line-height:35px;
  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:#222222;
height:100px;
border-top:1px solid #585858;
}

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


.cp1{
	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(../images/c1.png) no-repeat;
}

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

.cp2-mail {
    background: url(../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(../images/c3.png) no-repeat;
}
.cp2-link {
    background: url(../images/c4.png) no-repeat;
}

.tandm{
	    color: #fff;
    font-size: 13.3px;
}
.center5{width:1200px;margin-left:auto;margin-right:auto;color:#fff;position:relative;margin-top:35px;}

.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: 43px;
    height: 43px;
    color: #fff;
    font-size: 14px;
    text-align: center;
    background: url("../images/top.png") repeat;
    bottom: 12%;
    right: 2%;
    z-index: 9999;
  
}



/*chatbox*/

#chatToolBox { 
    position: fixed;
    width: 148px;
    top: 250px;
    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 { 
	padding-top: 53px; padding-bottom: 22px; 	background:url(../images/order.png) no-repeat 7px 53px;
width:100px;
height:76px;
}

#chatToolBox .chatToolSkype { height:42px;font-size: 16px; background: #444444; 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:14px;height:42px;line-height:46px;}


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

#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: #2ca6e0; }

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




  .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: 1200px) {
.foot-midk {
    margin-bottom: 50px;
}
.footshare {
    margin-top: 0px;
    margin-left: 0px;
}
.foot-m-box3 {

    width: 50%;
    margin-top: 0px;
}
.foot-m-box1 {
    width: 50%;
height:200px;
}
.foot-m-box2 {
    width: 50%;
 }

}

@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: 1270px) { 

  .foot-midk {
    width: 96%;margin-left:2%;float:left;}
}
	
}
@media screen and (max-width: 1120px) { 
.fcttelb {
    font-size: 25px;
}
}

@media screen and (max-width: 1090px) { 
#copyright {
    height: auto;
padding-bottom:30px;
}
.footshare {
    float: left;
margin-top:20px;
}
.cp1{
	width:100%;
}
}

@media screen and (max-width: 1060px) { 
.footer {
    margin-top: 30px;
}
}
@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:195px;
margin-left:auto;
margin-right:auto;
overflow:auto;
margin-top:30px;
}

.movelogo{
	float:left;
width:190px;
margin-left:calc(50% - 95px);
}

#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: 890px) {
.foot-midk {
 
    background: url("../images/worldmap.png") no-repeat 20px 200px;
}

	#copyright{
	height:140px;
	}
.footshare {
    margin-top: 25px;
    float: left;
}
	.copyright1{
	width:100%;
	}
	.foot-search{
	width:200px;
	}
.foot-m-box4 {
    margin-top:60px;
	width: 60%;
}
.foot-m-box3 {
    height: auto;
}
.mapbtn {
    margin-top:40px;
}




}


@media screen and (max-width: 860px) {
.fpsingle {
    width: auto;
 margin-left:5px;
margin-top:5px;
}
}


@media screen and (max-width: 850px) {
.lxshare {
   margin-left:-5px;
margin-top:20px;
}
	.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:680px) { 
.topnew {
    left: calc(100% - 150px)!important;
}
	.box1-line1{width:325px;}
.foot-m-box1 {
    width: 100%;
    height: auto;
}
.foot-m-box2 {
    width: 100%;
    margin-top: 20px;
height: auto;
}
.foot-m-box3 {
    width: 100%;
    margin-top: 20px;
}
.foot-m-box4 {
    width: 100%;
}
}


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

@media screen and (max-width: 450px) {
.contact-ico {
    width: 300px;

}

.panal {
    width: 300px;

}
}


/*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("../images/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("../images/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{
	position:absolute;
right:0px;
top:27px;
width:255px;
z-index:99;
display:none;
}
/*----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:40px  !important;
}

.title:hover{
	color:#13468F!important;
}

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

}

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

float:left;
}

.smalltoolk{
			float:left;
width:96%;
margin-left:2%;
}
	.nav-center{
		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: 1200px) {
.goheaderk {
    height: 260px;
}
.ppimg {
    width: 25%;

}
}

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


.nav .clearfix > li {
    padding-left: 15px;
    padding-right: 15px;
}
}






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

	.lianxsk{
	margin-right: 0px;
	}
}

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

.logotext {
    margin-top: 31px;
    font-size: 12px;
}
}

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

.nav .clearfix > li {
    margin-left: 0px;
}

}



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

.joink {
    margin-left: 0%;
    width: 100%;
    margin-top: 30px;
}
	.ghtext {
    float: left;
    width: calc(97% - 172px);
	}

}
@media screen and (max-width: 760px){
.contact-ico {
    bottom: 50px;
    right: auto;
left:2%;
     z-index: 990;  
}
.footer {
    padding-bottom:150px;
}
#copyright{
    padding-bottom: 73px;
}	
#footerToolBar, #footerToolBar, .toolMask {
    display: block;
}

}


@media screen and (max-width: 710px){
.footer {
    margin-top: 40px;
}
.ghmid {
    padding-top:20px;
}
.goheaderk {
    height: auto;
}
.ppimg {
    width: 50%;
height:100px;
}
}


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


