*{margin:0;padding:0;}

html,body { width:100%; height:100%;} /*这行设置能实现单层满屏显示*/
/* 禁用iPhone中Safari的字号自动调整 */
html {-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;
/* 解决IOS默认滑动很卡的情况 */
-webkit-overflow-scrolling : touch; }

/* 禁止缩放表单 */
input[type="submit"], input[type="reset"], input[type="button"], input {resize: none;border: none;}
body{font:14px/1.5 normal;font-family:arial,'微软雅黑';min-width:320px;color:#666;*min-width:1330px;overflow-x: hidden;}
a{color:#333;-webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;cursor:pointer;text-decoration: none;}
a:link{text-decoration: none;}
a:visited{text-decoration: none;}
a:hover{text-decoration: none;}
a:active{text-decoration: none;}

h1,h2,h3,h4,h5,h6{font-size:100%;margin:0;}
button, input, select, textarea{font-size:100%;font-family:arial,'微软雅黑';outline:none;vertical-align:middle;resize:none;}
button{cursor:pointer;}
em, i {font-style: normal;}
ul,li,ol{list-style-type: none;}
img{display:inline-block;vertical-align:middle;border:0;font-size:0;line-height:0;-webkit-transition:all 0.5s ease-in-out;-moz-transition:all 0.5s ease-in-out;transition:all 0.5s ease-in-out;}
.warper{max-width:1200px;margin:0 auto;}
.fl{float:left}
.fr{float:right}
.clear{clear:both;display:block;overflow:hidden;visibility:hidden;	width:0;height:0;}
.clearfix:before,.clearfix:after{content:" ";display:block;overflow:hidden;visibility:hidden;width:0;height:0;}
.clearfix:after{clear:both;}
.clearfix{*zoom:1;}
.none{display:none;}
/*单行溢出*/
.one-txt-cut{overflow: hidden;white-space: nowrap; text-overflow: ellipsis; /* for IE */  -o-text-overflow: ellipsis; /* for Opera */  -icab-text-overflow: ellipsis; /* for iCab */  -khtml-text-overflow: ellipsis; /* for Konqueror Safari */  -moz-text-overflow: ellipsis; /* for Firefox,mozilla */  -webkit-text-overflow: ellipsis; /* for Safari,Swift*/  }
/*多行溢出 手机端使用*/
.more-txt-cut{overflow : hidden; text-overflow: ellipsis; /* for IE */ -o-text-overflow: ellipsis; /* for Opera */  -icab-text-overflow: ellipsis; /* for iCab */  -khtml-text-overflow: ellipsis; /* for Konqueror Safari */  -moz-text-overflow: ellipsis; /* for Firefox,mozilla */  -webkit-text-overflow: ellipsis; /* for Safari,Swift*/  display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}

/* 水平垂直居中的公共类 */
.center{position: absolute;left: 50%;top: 50%;transform:translate(-50%,-50%);-ms-transform: translate(-50%,-50%);-moz-transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);-o-transform: translate(-50%,-50%);}
/* 水平居中公共类 */
.center-x{position: absolute;left: 50%;transform:translateX(-50%);-ms-transform: translateX(-50%);-moz-transform: translateX(-50%);-webkit-transform: translateX(-50%);-o-transform: translateX(-50%);}
/* 垂直居中公共类 */
.center-y{position: absolute;top: 50%;transform:translateY(-50%);-ms-transform: translateY(-50%);-moz-transform: translateY(-50%);-webkit-transform: translateY(-50%);-o-transform: translateY(-50%);}

.bgcolor{background-color: #F5F5F5;}

@font-face {font-family: "iconfont";
  src: url('iconfont.eot?t=1516778381036'); /* IE9*/
  src: url('iconfont.eot?t=1516778381036#iefix') format('embedded-opentype'), /* IE6-IE8 */
  url('data:application/x-font-woff;charset=utf-8;base64,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') format('woff'),
  url('iconfont.ttf?t=1516778381036') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/
  url('iconfont.svg?t=1516778381036#iconfont') format('svg'); /* iOS 4.1- */
}

.iconfont {
  font-family:"iconfont" !important;
  font-size:16px;
  font-style:normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}


/*头部导航*/
#header{position: fixed;width: 100%;height: 120px;z-index: 9999;top:0;text-align: center;border-bottom: 1px solid rgba(170,170,170,0.2);box-sizing:border-box;-webkit-box-sizing: border-box;}

nav.nav-head{display: inline-block;}
nav .nav-logo {width: auto;float: left;line-height: 88px;display: none;}
nav .nav-logo img {width: 100%; height: auto;max-width: 100%;}
nav ::-webkit-scrollbar {display: none;}
nav .nav-list {-webkit-box-sizing: border-box;box-sizing: border-box;width: 100%;height: 120px;line-height: 120px;}
nav .btn-hover{display: inline-block;width: 17px;height: 2px;background-color: #FFFFFF;vertical-align: middle;cursor: pointer;position: absolute;top: 50%;left:28%;}

nav .nav-list > li {display: inline-block;margin: 0 25px;}
nav .nav-list > li:nth-child(4) {margin: 0 35px;}
nav .nav-list > li a{display: inline-block;*zoom:1;*display:inline;font-size: 15px;}
nav .nav-list > li.active a{color: #386db5!important;}
nav .nav-list > li:hover a{color: #386db5!important;}
nav .nav-menu {display: none;z-index: 999;cursor: pointer;width: auto;float: right;height: 100px;line-height: 100px;}
nav .nav-menu .iconfont.menu1{color: #FFFFFF;font-size: 50px;}
nav .nav-menu .iconfont.menu2{color: #386db5;font-size: 50px;}


@media only screen and (max-width:1600px ) {
	nav .btn-hover{left:23%;}
}

@media only screen and (max-width:1440px ) {
	nav .btn-hover{left: 20%;}
}

@media only screen and (max-width:1366px ) {
	#header{height: 100px;}
	nav.nav-head, nav .nav-logo{height: 100px;}
	nav .btn-hover{left: 19%;}
	nav .nav-list{height: 100px;line-height: 100px;}
}

@media (max-width: 1200px) {
	#header{width: 100%;height:100px;border-bottom: 1px solid rgba(170,170,170,0.2);}
	nav.nav-head,nav .nav-logo{display: block;margin-left: 12px;}
	nav .nav-menu {display: block;margin-right: 15px;}
	nav .btn-hover{display: none;}
	nav .nav-list > li:nth-child(4){display: none!important;margin: 0;}
	nav .nav-list > li a{color: #FFFFFF!important;}
    nav .nav-list {position: fixed;height: 100%;top: 0;width: 40%;background: rgba(0,0,0,0.8);left: -60%;-webkit-transition: 1s;transition: 1s;z-index: 999;color: #FFFFFF;line-height: 0;}
	nav .nav-list > li {width: 100%;margin: 0;overflow: hidden;text-align: center;}
	nav .nav-list > li a {width: 100%;border-radius: 0;margin: 0;color: #FFFFFF;padding: 30px 0;}

}



@media only screen and (max-width:480px ) {
	#header{height: 80px;}
	nav.nav-head, nav .nav-logo{height: 80px;}
	nav .nav-logo{line-height: 75px;}
	nav .nav-menu{line-height:75px;}
}

nav .open {left: 0%;overflow: auto;}




.comm-height{overflow: hidden;}
.left-img{background: no-repeat center center;background-size: cover;width: 100%;height: 100%;}

@media (max-width: 1000px) {
	.left-img{height: 200px;}

}

@media (max-width: 768px) {
	.left-img{height: 180px;}
	
}

@media (max-width: 480px) {
	.left-img{height: 120px;}

}