@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-Light.ttf");
}


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

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

a { text-decoration: none; }

a:hover{
	color:#3B5998;
}

input[type="submit"]{cursor: pointer;transition: all 0.6s ease 0s;  }
img{width:100%;}
.clear{ clear:both} 
#container{float:left;width:100%;position: relative;}
#menu{display:none;width:100%;height:50px;background:#304770;padding-top:0px;position: fixed;
    top: 0;}
.mlogo{
	display:block;
float:left;
width:150px;
margin-top:13px;
margin-left:calc(50% - 170px)
}
.sitemap{
	color:#fff;
}
.menuLeft{float:left;    background: #3b4450;
    width:40px;height:40px;
    cursor: pointer;
    border-radius: 5px;margin-left:10px;margin-top:10px;}
.menuLeft:before{
	    content: '\e677';
    display: block;
    font-family: icomoon;
    font-size: 26px;
    color: #fff;
    padding: 7px 7px;

}

.menuRight{
    width:95px;height:30px;
    cursor: pointer;
    border-radius: 5px;float:left;margin-top:10px;color:#fff;line-height:30px;}

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

}

#head{width:100%;
      	position: absolute; left: 0; top:0;
    z-index:90;
}
.top-inlink {
    line-height: 48px;
    float: left;
    color: #fff;
    font-size: 14px;
}
.top-inlink a {
    color: #fff;
}

.top-inlink a:hover{
    color: #88C231;
}

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

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

height:95px;
}


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

#logo a{float:left;} 

.lang{width:1200px;margin-top:0px;margin-left:auto;margin-right:auto;}

.tool {
    float: left;
    width: 118px;
    margin-top: 9px;
    height: 28px;
    background: #676d78;
    border-radius: 2px;
    padding-left: 10px;
    line-height: 28px;
    position: relative;
    margin-left: 15px;
}

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

.tool .langBt:after {
    content: '';
    width: 0;
    height: 0;
    overflow: hidden;
    position: absolute;
    border: 6px solid transparent;
    border-top-color: #fff;
    margin-left: 50px;
    top: 10px;
}


.lan-k{   
	position: absolute;
   width:128px;
   height:35px;
   left: 0px;
    top: 25px;
background:#676d78;
margin-bottom:20px;
border-radius: 3px;
display:none;
}


.lan-item{float:left;text-align:center;line-height:40px;color:#fff;font-size:16px;padding-left:10px;}

.lang .share-h{
    display: inline-block;
    float: right;
    margin-top: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:right;
    margin-top:40px;}

.listNav{float:left;height:100%;margin-right:30px;position: relative;}

#nav .clearfix > li{
    float:left;
    padding-left:15px;
    padding-right:15px;
    height:50px;
    transition: all 0s ease 0s; 
    text-algin:center; 
    
}
.selectnav >a{
	color:#4EABF9!important;
}
#nav .clearfix > li#h-h-n:hover > a{  color:#88C231;}



#nav .clearfix > li:hover .justify{display:block;} 

.top-c{
	height:100%;
	float:left;
	color:#fff;
	font-size:13px;
	margin-left:20px;
	margin-right:20px;
	
	white-space:nowrap;
text-transform : uppercase

}
.title{color:#fff!important;}

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

.search1{float:right;margin-top:20px;margin-right:70px;position: relative;padding-bottom:20px;}
.search-in{
    float:left;
    width:200px;
    height:35px;
    font-size:14px;
    color:#9999A3;
    border: 1px solid #9999A3;
    background:#fff;
    padding-left:20px;
outline:none;
}
.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: -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:-40px;
}

.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:#88C231;
    border-bottom: 1px solid #fff;
}
 
#nav ul.listNav > li > ul >li:hover{background:#FDC701;}

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

.footer{
	float:left;width:100%;
    background:#515359;
    background: linear-gradient(to left, #4eabf9 0%, #4eabf9 50%, #304770 50%, #304770 100%);
}

.foot-midk{
	width:1200px;margin-left:auto;margin-right:auto;overflow:auto;position: relative;
height:455px;
    background: linear-gradient(45deg, #304770 0%, #304770 70%, #4eabf9 70%, #4eabf9 100%);
}

.box3title{
	float:left;
width:100%;
font-size:20px;
color:#fff;
font-weight:bold;
}

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

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

.footnewimgk{
	float:left;
width:78px;
position: relative;
}

.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:80%;float:left;}

.box1-line1{width:262px;float:left;}

.box1-line1 img{float:left;margin-bottom:25px;width:100%;}


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

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

.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;
}
.lxshare{
	margin-top:10px;
}
.fshare{
	float:left;
width:43px;
height:43px;
margin-left:2px;

}
.fshare:hover{
	background:none;
border: 2px solid #fff;
}
.fshare:before{
	width:45px;
    display: inline-block;
    font-family: icomoon;
    text-align: center;
    line-height: 45px;
    color: #fff;
font-size:26px;
}
.ffacebook{
	background:#3B5998;
margin-left:0;
border: 2px solid #3B5998;
}

.ftwitter{
	background:#00ACED;
border: 2px solid #00ACED;
}

.fgoogle{
	background:#DD4B39;
border: 2px solid #DD4B39;
}

.flinkedin{
	background:#007BB6;
border: 2px solid #007BB6;
}

.fyoutube{
	background:#BB0000;
border: 2px solid #BB0000;
}
.ffacebook:before{
	content: '\e62c';
}
.ftwitter:before{
	content: '\e62b';
}
.fgoogle:before{
	content: '\e62d';
}

.flinkedin:before{
	content: '\e630';
}
.fyoutube: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;}


/*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%;    background: url(../images/load.gif) no-repeat center center;}
.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;
    bottom: 0px;
    margin-bottom: 2px;
    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;
}

.slick-dots li button {
    border: 0;
    background: #fff;
    border-radius: 50%;
    display: block;
    height: 15px;
    width: 15px;
    outline: none;
    font-size: 0;
    cursor: pointer;
}
#nav-mob {
    width: 100%;
    background: #4EABF9;
    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 #1d94f8;
    transition: all 0.6s ease 0s;
    position: relative;
}
#nav-mob .clearfix > li:before {
    content: '';
    border-bottom: 1px solid #81c3fa ;
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
}
#nav-mob .clearfix li a {
    float: left;
    white-space: nowrap;
    line-height: 48px;
    width: 100%;
    margin-left: 0px;
    margin-right: 0px;
    color: #fff;
}

.mobheader{
	float:left;
width:100%;
display:none;
position: relative;
margin-top:50px;
}
.mobh-MenuK{margin-top:3%;width:335px;margin-left:auto;margin-right:auto;}
.mobh-logo{float:left;
margin-top:3%;
}

.mh-Menu,.mh-Menu-active{    width: 95px;
    height: 30px;
    cursor: pointer;
    border-radius: 5px;
    float: left;
    margin-top: 10px;
    color: #fff;
    line-height: 30px;
}
.mh-Menu-active:before{
    content: '\e60b';
    display: block;
    font-family: icomoon;
    font-size: 26px;
    color: #fff;
    padding: 0px 8px;
    float: left;
}
.mh-Ano-active:before{
    content: '\e60b';
    font-size: 22px;
    font-family: icomoon;
    color: #fff;
    padding-left: 8px;
    line-height: 35px;
}
.mh-Menu:before{
	content: '\e637';
    font-size: 32px;font-family: icomoon;
    color: #0089e3;
    padding-left:11px;
line-height:35px;


}
.mh-search,.mh-system,.mh-Ano-active{float:right;width:35px;height:35px;cursor: pointer;margin-top:7px;margin-right:10px;}
.mh-system:before{
	    content: '\e638';
    font-size: 26px;font-family: icomoon;
    color: #fff;
    padding-left:8px;
line-height:35px;
}
.mh-search:before{
	    content: '\e655';
    font-size: 22px;font-family: icomoon;
    color: #fff;
    padding-left:8px;
line-height:35px;
}

.systemmenu{
	width:100%;    background: #4EABF9;
             position: fixed;
    left: 0;
    top:50px;
    z-index:950;
    color:#fff;
display:none;
  
}
.sm-search{
	width:100%;    background: #4EABF9;
             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 #1d94f8;background:#ddeffe;padding-left:2%;color:#304770;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: #322d94; }
/*banner---------*/
.foot-m-box1{float:left;width:34%;margin-top:55px;}

.foot-m-box3{float:left;width:32%;margin-top:55px;}

.foot-m-box2{float:left;width:34%;}

.foot-m-box4{
	float:left;width:34%;
margin-top:55px;
background:rgba(0,0,0,0.5);
}

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

.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:97%;margin-top:4%;font-size:17px;line-height:18px;}

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

}
.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:#dcddde;border-radius: 3px;margin-bottom:13px;height:30px;padding-left:10px;color:#515359;font-size:16.73px;
}
.foot-feed-c{float:left;width:98%;border:none;background:#dcddde;border-radius: 3px;margin-bottom:10px;height:70px;padding-left:2%;color:#515359;}
.foot-code{float:left;width:98%;margin-top:10px;}

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

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

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

.foot-m-b2-b-btn{
	width: 115px;
    height: 40px;
    border: 0px none;
    background-color: #da251e;
  text-align:centet;
  line-height:30px;
  color:#fff;
border-radius: 5px;
font-size:21.8px;
}
.foot-m-b2-b-btn:hover{background-color: #ff6600;}

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

#copyright{float:left;width:100%;background:#2C4267;

}

.center5{width:1200px;margin-left:auto;margin-right:auto;color:#fff;}

.copyright1{float:left;font-size:16px;margin-top:18px;margin-bottom:18px;width:100%;font-weight:bold;}

.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: 50px;
    height: 50px;
    color: #fff;
    font-size: 14px;
    text-align: center;
    background: #da251e;
    bottom: 20%;
    right: 2%;
    border-radius: 5px;
    z-index: 9999;
}

#goTop:before {
    content: "\e627";
    display: block;
    font-family: icomoon;
    text-align: center;
    background-image: none;
    font-size: 32px;
    line-height:50px;
}
/*chatbox*/

#chatToolBox { transition: all 0.6s ease 0s; -moz-transition: all 0.6s ease 0s; -webkit-transition: all 0.6s ease 0s; -o-transition: all 0.6s ease 0s; -ms-transition: all 0.6s ease 0s; position: fixed; width: 110px; top: 55%; right: -5px; line-height: 1.5; font-family: Arial, Helvetica,'Microsoft YaHei', SimSun,Sans-serif; color: #fff; z-index: 999; }

#chatToolBox a { text-decoration: none; color: #fff; text-align: center; display: block; }

#chatToolBox, #chatToolBox h3, #chatToolBox ul, #chatToolBox li { margin: 0; padding: 0; -webkit-tap-highlight-color: transparent; }

#chatToolBox i { font-style: normal; }

#chatToolBox li { list-style: none; padding-right: 5px; }

@font-face { 
  font-family: zurich; 
  src: url('../font/ZURCHBXC.TTF'); 
} 

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

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


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

#chatToolBox:hover { right: 0; }

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

#chatToolBox #chatToolMail i:before { content: '\e63d'; font-size: 24px; font-family: icomoon; }

#chatToolBox.hiddenRight { right: -110px; padding-left: 28px; }

#chatToolBox.hiddenRight #chatToolMail i { width: 28px; height: 60px; line-height: 60px; left: 0; background: inherit; top: 20px; }

#chatToolBox.hiddenRight #chatToolMail i:before { content: '\e625'; }

#chatToolMail { background: #00AAF1; }

#sar2{display:none;}

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

@media screen and (max-width: 1210px) { 
     .norsear{display:none;}
#sar2{display:block;}
	 .box .sear{display:none;}
	.lang{width: 96%;margin-left:2%;}
   .lang .share-h{margin-right:20px;}
   #head .search1 input[type="submit"], #head .search2 input[type="submit"]{
   	right: -40px;
	background-image: url("../images/search_btn3.png");}


  #mainsear{display:none;}
  .fix-sear-btn {
 
    top: 0px !important;
  }
  .center5 {
    width: 96%;
  margin-left:2%;
}
}
@media screen and (max-width: 1275px) { 
  .footer{height:auto;}
}

@media screen and (max-width: 1080px) { 
.just-fix {
   
    left: -70px;
    
}
	.listNav{
	margin-right:15px;
	}
#nav .clearfix > li {
    padding-left: 5px!important;
    padding-right: 5px!important;
}

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

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

  .foot-midk {
    width: 96%;margin-left:2%;}
}



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


	.foot-m-box2{
	display:none;
	}
  
.mid-fix{width:1000px;}
   #logo{width:20%;    }
  #logo a{width:100%;}
  #logo a img{width:100%;}

   .justify-header{height:80px;}

}

@media screen and (max-width: 985px) { 
.b4text {
    margin-left: 0;
    width: 100%;
  
}
	.btmidimg{
	display:none;
	}
}
@media screen and (max-width: 960px) { 
	
	.footer{
	background:#304770;
	}
	.foot-midk{
	background:none;
	height:auto;
	margin-bottom:30px;
	}
	.foot-m-box3{
	width:50%;
	}
	.foot-m-box1{
	width:50%;
	}
	.foot-m-box4{
	display:none;
	}
.header-mid {
 
    background: linear-gradient(45deg, #4eabf9 0%, #4eabf9 25%, #304770 25%, #304770 100%)!important;
}

#logo {
    width:150px!important;
}


	.top-inlink{display:none;}
.tool{margin-left:0px;}
}
@media screen and (max-width: 870px) { 
.just-fix {
   
    left: -110px;
    
}
.foot-m-box1 {
    width: 51%;
}
.foot-m-box3 {
    width: 43%;
}
.foot-midk {
    overflow:hidden;
}
	.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;}
@media screen and (max-width: 870px) { 
#nav .clearfix > li {
      padding-left: 2px!important;
    padding-right: 2px!important;
}
}
@media screen and (max-width: 850px) {
	
.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: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) { 
	.box1-line1{width:325px;}
.foot-m-box1 {
    width: 100%;
}
.foot-m-box3 {
    width: 100%;
}
.foot-m-box4 {
    width: 100%;
}
}

@media screen and (max-width: 650px) {
   .justify-header{height:40px;}
  .foot2rp{
	float:left!important;
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%;
  }
.product-pr-box {
    width: 100% !important;
    margin-left: 0 !important;
}
.center6,.center7{font-size:16px;}
.foot-m-b2-b-l{margin-bottom:30px;}
}
@media screen and (max-width: 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) { 

}



/*bottomtool productlist*/
.toolMask.moveLeft {
    margin-left: 0;
}
.toolMask {
    transition: all 0.6s ease 0s;
    -moz-transition: all 0.6s ease 0s;
    -webkit-transition: all 0.6s ease 0s;
    -o-transition: all 0.6s ease 0s;
    -ms-transition: all 0.6s ease 0s;
    background: #f7f7f7;
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    display: none;
    overflow-x: hidden;
    overflow-y: hidden;
    z-index: 1240;
    margin-left: 100%;
}

.toolMask .toolTop {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 46px;
    line-height: 45px;
    font-size: 22px;
    text-align: center;
    border-bottom: 1px solid #ddd;
    background: #fcfcfc;
    padding-right: 32px;
}

.toolMask #toolCloseBtn {
    position: absolute;
    right: 0;
    top: 0;
    width: 55px;
    height: 42px;
    cursor: pointer;
    z-index: 1210;
}
.toolMask #toolCloseBtn:before {
    content: "\e60e";
    font-family: icomoon;
    font-size: 14px;
    width: 32px;
    height: 32px;
    line-height: 32px;
    text-align: center;
    border-radius: 50%;
    overflow: hidden;
    color: #fff;
    background: #aaa;
    position: absolute;
    top: 5px;
    right: 40px;
}

.toolMask .toolContent {
    position: absolute;
    top: 45px;
    width: 100%;
    left: 0;
    bottom: 5px;
    overflow-y: scroll;
    background: #f7f7f7;
}
.toolMask .toolContent .ToolListTitle {
    font-size: 22px;
    padding: 10px;
    font-weight: bold;
    background: #e4e4e4;
}
.toolMask .toolContent > ul:last-child:last-child {
    padding-bottom: 30px;
}
.toolMask .toolContent > ul:last-child {
    padding-bottom: 15px;
}
.toolMask .toolContent > ul > li {
    border-top: 1px solid #fff;
    border-bottom: 1px solid #ddd;
    font-size: 18px;
    line-height: 1.2;
    text-transform: capitalize;
    position: relative;
}
.toolMask .toolContent > ul > li > a {
    padding-left: 20px;
}
.toolMask .toolContent > ul > li a {
    display: block;
    padding-top: 12px;
    padding-bottom: 12px;
    padding-right: 20px;
}
.toolMask, .toolMask a {
    color: #333;
}

/*----nav fix */
.justify-header-fix {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 90px;
    z-index: 999;
    background: linear-gradient(to right, #4eabf9 0%, #4eabf9 50%, #304770 50%, #304770 100%);
    
}
.header-mid{
	width:1200px;margin-left:auto;margin-right:auto;height:100%;
    background: linear-gradient(45deg, #4eabf9 0%, #4eabf9 30%, #304770 29%, #304770 100%);
}

.sear-sharek{
	float:right;
width:50px;
position:relative;
}
.searshowbut{
	float:left;
width:10px;
cursor: pointer;
}
.search1{
	display:none;
}
.shareshowbut{
	float:right;
width:12px;
cursor: pointer;
}




#searbtn {
    width: 39px;
    height: 39px;
    border: 0px none;
background:#4EABF9;
    background-position: 12px 12px;
    background-image: url("../images/search-btn.png");
    background-repeat: no-repeat;
    position: absolute;
    right:-43px;
    top: 0px;
}

.h-s{
	margin-left:15px;
margin-bottom:10px;
}

#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:#4EABF9}

.nav3name:hover{
	color:#4EABF9
}

.searchbk{
	position:absolute;
right:0px;
top:50px;
background:#304770;
width:320px;
}
/*----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;}

@media screen and (max-width: 1400px){
	.footer{background-repeat: no-repeat;
    background-position: 50% 0%;background-size: 1400px 100%;}
}

@media screen and (max-width: 1260px){
	.header-mid{
	width:96%;
margin-left:2%;
	}
	#nav .clearfix > li{
	padding-left: 10px;
    padding-right: 10px;
	}
	#logo{
	width:200px;
	}
}
@media screen and (max-width: 760px){
#footerToolBar, #footerToolBar, .toolMask {
    display: block;
}
#copyright {
    padding-bottom: 70px;
}
}

/* 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; }