/* CSS reset@ */
@font-face {
	font-family:fz;
	src: url('../fonts/FE08015T.TTF');
}

body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,form,fieldset,legend,button,input,textarea,th,td,a{padding:0;margin:0;}
table {border-collapse: collapse;border-spacing:0;}
del, ins {text-decoration:none;}
fieldset, img {border:0;}.unLock{ overflow:hidden;}
body{ overflow-x:hidden; position:relative;}
body,button,textarea{font:14px/30px Arial, Helvetica, sans-serif;color:#333;-webkit-text-size-adjust: none;}
input,select{font:14px/1.6 Arial, Helvetica, sans-serif;color:#333;}
input,select,img{vertical-align:middle;}img{ max-width:100%;}
input,select,textarea{outline:none;}
select{height:22px;line-height:18px;padding:2px;}
ul,ol{list-style:none;}
h1, h2, h3, h4, h5, h6 {font-size:14px; font-weight:normal;}
address,cite,dfn,em,var{font-style:normal;}
legend{display:none;}
label{margin:0;cursor:pointer;}
input::-moz-focus-inner,button::-moz-focus-inner{border:0;padding:0;}
.left{float:left;}
.right{float:right;}
.mt10{margin-top:10px;}
.mt15{margin-top:15px;}
.mt20{margin-top:20px;}
a{color:#333;text-decoration:none; -webkit-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s;}
a:hover{color:#231815;text-decoration:none;}
i{ font-style:normal;}
.txthide{text-indent:-999em;overflow:hidden;line-height:0;font-size:0}
.clearfix:after{content:"";height:0;visibility:hidden;display:block;clear:both;}
.clearfix{zoom:1;}
.clear{clear:both;height:0;overflow:hidden;}
*, *:after, *:before{ padding:0;margin:0;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;-o-box-sizing: border-box;box-sizing: border-box;}
.flex-centerbox {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
.fr{ float:right;}.fl{ float:left;}

.a{
	display: block;
	width: 100%;
	height: 100%;
	cursor: pointer;
}
@media (min-width:320px){
	.header,.pc-nav-tit,.pc-nav-tit{display: none}
	.mod-header{
		position: fixed;
		height: 50px;
		background-color: #fff;
		top: 0;
		left: 0;
		width: 100%;
		z-index: 1021;
		box-sizing:border-box;
		-webkit-box-sizing:border-box;
		box-shadow: 0 0 5px 0 rgba(0,0,0,0.05)
	}
	.mod-header .logo{
		width: 90px;
		display: block;
		float: left;
		margin-left:10px;
		position: relative;
		top: 48%;
		transform:translateY(-48%);
	}
	.mod-header .logo img,
	.header .mian .logo img{
		width: 100%;
	}
	.mod-header .line{
		float: right;
		width: 50px;
		position: relative;
		height: 50px;
		border-left: 1px solid #e5e5e5;
	}
	.mod-header .line .point{
		position: absolute;
		left: calc(50% - 11px);
		top: 50%;
		transform:translateY(-50%);
		width: 21px;
		height: 18px;
	}
	.mod-header .line .point p{
	    width:100%;
	    height:2px;
	    background-color: #191919;
	    position: absolute;
	    left: 0;
	    -webkit-transition: all 0.8s;
	            transition: all 0.8s;
	}
	.mod-header .line .point p:nth-child(1){
	    top: 0px;
	        -webkit-transform-origin: left top;
	            -ms-transform-origin: left top;
	                transform-origin: left top;
	        -webkit-transform: rotateZ(0deg);
	            -ms-transform: rotateZ(0deg);
	                transform: rotateZ(0deg);
	            -webkit-transition: all 0.5s;
	                -ms-transition: all 0.5s;
	                    transition: all 0.5s;
	}
	.mod-header .line .point.cur p:nth-child(1) {
	    -webkit-transform: rotateZ(45deg);
	            transform: rotateZ(45deg);
	}
	.mod-header .line .point p:nth-child(2){
	    top:7px;
	    -webkit-transition: all 0.5s;
	    transition: all 0.5s;
	}
	.mod-header .line .point.cur p:nth-child(2) {
	    opacity: 0;
	}
	.mod-header .line .point p:nth-child(3){
	    top: 14px;
	        -webkit-transform-origin: left bottom;
	            -ms-transform-origin: left bottom;
	                transform-origin: left bottom;
	        -webkit-transform: rotateZ(0deg);
	            -ms-transform: rotateZ(0deg);
	                transform: rotateZ(0deg);
	            -webkit-transition: all 0.5s;
	                -ms-transition: all 0.5s;
	                    transition: all 0.5s;
	}
	.mod-header .line .point.cur p:nth-child(3){
	        -webkit-transform: rotateZ(-45deg);
	                transform: rotateZ(-45deg);
	}
	.mod-header .share,
	.mod-header .mao,
	.mod-header .search{
		height: 28px;
		line-height:28px;
		width: 28px;
		float: right;
		position: relative;
		top: 50%;
		transform:translateY(-50%);
		margin-right:20px;
	}
	.mod-header .share{
		background: url(../images/share.1.png) center/18px no-repeat;
		display: none;
	}
	.mod-header .mao{
		width: 1.2rem;
		font-size:14px;		
	}
	.mod-header .mao a{ color:#333;}
	.mod-header .search{
		background: url(../images/serch.1.png) center/18px no-repeat;
	}
	.mod-header .share .mbox{
		background-color: #fff;
		position: fixed;
		top:1rem;
		right: 3px;
		display: none;
		padding: 0.5rem;
		width: 96px;
		box-shadow: 0 0 20px 0 rgba(0,0,0,0.2);
	}
	.mod-header .share .mbox:before{
		display: block;
		content: '';
		width: 0;
		height: 0;
		border-right: 8px solid transparent;
		border-left: 8px solid transparent;
		border-bottom: 8px solid #fff;
		position: absolute;
		top: -7px;
		right: 0px;
		box-shadow: 0 -10px 20px 0 rgba(0,0,0,0.2);
	}
	.mod-header .share .mbox a{
		margin: 0px 10px 0px 0;
	}
	.mod-header .share .mbox a:last-child{
		margin-right: 0
	}
	.tip-bg{
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		display: none;
		height: 100%;
		background-color: rgba(0,0,0,0.7);
		z-index: 19;
	}
	.mod-nav{
		width: 100%;
		padding: 10px 20px 0;
		background-color: #fff;
		position: fixed;
		top: 50px;
		left: 0;
		display: none;
		z-index: 20;
		border-top: 1px solid #e5e5e5;
	}
	.mod-nav li{height: 42px; line-height: 42px; display:block; position:relative; overflow:hidden;}
	.mod-nav li i {
	    height: 42px;
	    line-height: 42px;
	    font-size: 16px;
		display:block;
		position:absolute !important;
	}
	.mod-nav li .b{ position:absolute;}
	.mod-nav li .title{
		height: 42px;
		line-height: 42px;
		font-size:15px;
		color: #333;
		position: relative;
		border-bottom: 1px solid rgba(0,0,0,0.05);
		background:url(../images/menu-right.png) no-repeat right center;
		background-size:10px;
	}
	.mod-nav li .title:before{
		content: '';
		position: absolute;
		left: 0;
		height: 2px;
		bottom: -1px;
		background-color: #333;
		width: 0;
		-webkit-transition: all 0.3s;
      	transition: all 0.3s;
	}
	.mod-nav li.on .title{ background:url(../images/menu-down.png) no-repeat right center; background-size:10px;}
	.mod-nav li.on .title:before{
		width: 16px;
	}
	.mod-nav li.on { height:auto; }
	.mod-nav li.on .child{ margin:42px 0 0;}
	.mod-nav li .child{
		width: 100%;
		display: none;
		padding: 12px 0;
		border-bottom: 1px solid rgba(0,0,0,0.05);
	}
	.mod-nav li .child .tit{
		height:34px;
		line-height:34px;
		font-size:14px;
		color: #555;
	}
	.search-box{
		width: 100%;
		position: fixed;
		z-index: 2500;
		top: 0%;
		left: 0%;
		display: none;
		height: 100%;
		background-color: rgba(0,0,0,0.9);
	}
	.search-box .point{
		display: block;
		width: .4rem;
		height: .4rem;
		position: fixed;
		right: 10%;
		top: 5%;
	}
	.search-box .point:before{
		content: "\2715";
		color: #fff;
		font-size:30px;
	}
	.search-box .box{
		width: 80%;
		height: 80px;
		line-height:80px;
		border-bottom: 1px solid rgba(255,255,255,0.3);
		position: absolute;
		left: 10%;
		top: 25%;
	}
	.search-box .box .txt{
		width: 75%;
		float: left;
		height: 80px;
		line-height: 80px;
		color: #fff;
		border: 0;
		padding:20px 0;
		font-size:26px;
		background-color: transparent;
	}
	.search-box .box .btn{
		width: 80px;
		height: 80px;
		float: right;
		border: 0;
		background: url(../images/serch.2.png) center/26px no-repeat;
	}
@media (min-width:1280px){
	.mod-header,
	.mod-header .share .mbox{
		display: none;
	}
	.header{
		-webkit-transform: translateZ(0);
		transform: translateZ(0);
		display: block;
		width: 100%;
		box-sizing:border-box;
		height: 106px;
		position:relative;
		top: 0;
		left: 0%;
		z-index: 30;
		background:#fff;
		border-bottom: 1px solid rgba(0,0,0,0.05);
		box-shadow: 0px 6px 7px -7px rgba(0,0,0,0.03);		
	}
	.header .mian{
		width: 1400px;
		margin: 0 auto;
		max-width: 96%;
		height: 105px;
	}
	.header .mian .logo{
		display: block;
		float: left;
		width: 163px;
		position: relative;
		top: 50%;
		transform:translateY(-50%);
	}
	.header .mian .share,
	.header .mian .mao{
		width: 36px;
		float: right;
		height: 36px;
		line-height:36px;
		border:1px solid #231815;
		position: relative;
		border-radius:100%;
		z-index: 5;
		top: 50%;
		transform:translateY(-50%);
		margin-left: 10px;
		cursor: pointer;
	}
	.header .mian .search{
		width: 50px;
		float: right;
		height: 50px;
		line-height:50px;
		position: relative;
		z-index: 5;
		top: 50%;
		transform:translateY(-50%);
		cursor: pointer;
	}
	.header .mian .share{
		z-index: 10;
		background: url(../images/share.png) center no-repeat;
	}
	.header .mian .mao{
		font-size:14px;
		text-align:center;
		color:#231815;
	}
	.header .mian .mao a{ color:#231815;}
	.header .mian .mao a:hover{ color:#028fb3;}
	.header .mian .share .mbox{
		padding: 25px 30px;
		background-color: #fff;
	    position: fixed;
	    top: 50px;
	    right: 0px;
	    display: none;
	    width: 96px;
	    box-shadow: 0 0 20px 0 rgba(0,0,0,0.2);
	}
	.header .mian .search .mbox{
		height: 40px;
		width: 0px;
		min-width: 40px;
		position: absolute;
		right: 0;
		top: 5px;
		overflow: hidden;
		z-index: 10;
		border: 1px solid #fff;
		-webkit-transition: all 0.3s;
	            transition: all 0.3s;
	}
	.header .mian .search .mbox .txt{
		width: 175px;
		float: left;
		height: 40px;
		line-height: 40px;
		font-size: 14px;
		background-color: #fff;
		color: #666;
		padding: 0 8px;
		border: 0;
	}
	.header .mian .search .mbox .submit{
		width: 36px;
		height: 36px;
		cursor: pointer;
		z-index: 5;
		position: absolute;
		background:#fff url(../images/search.png) center no-repeat;
		background-size:18px;
		border:1px solid #231815;
		border-radius:100%;
		right: 0;
		top: 0;
		float: right;
		padding: 0;
	}
	.header .mian .search:hover .mbox{
		width: 240px;
		border: 1px solid #dfdfdf;
	}
	.header .mian .search:hover .submit{
		border:none;
	}
	.header .mian .nav{
		/*position: relative;*/
		/*left: 50%;*/
		height: 105px;
		width: auto;
		margin-left: 7vw;
		float: left;
		-webkit-transition: all 0.3s;
	            transition: all 0.3s;
		/*transform:translateX(-50%);*/
	}
	.header .mian .nav ._li{
		height: 105px;
		float: left;
		line-height: 105px;
		margin-left: 3.6vw;
		position: relative;
	}
	.header .mian .nav ._li .child{
		position: absolute;
		left: 50%;
		transform:translateX(-50%);
		top: 100%;
		width: 170px;
		display: none;
		padding: 20px 0;
		background-color: #fff;
		border-bottom-left-radius: 5px;
		border-bottom-right-radius: 5px;
		box-shadow: 0 5px 10px 0 rgba(0,0,0,0.1)
	}
	.header .mian .nav ._li .child .tt{
		line-height: 2;
		font-size: 14px;
		text-align: center;
		margin-top: 5px;
		position: relative;
	}
	.header .mian .nav ._li .child .tt span{
		display: inline-block;
		position: relative;
	}
	.header .mian .nav ._li .child .tt span:before{
		display: block;
		content: '';
		position: absolute;
		left: 50%;
		bottom: 0;
		background-color: #0d1438;
		height: 2px;
		width: 0%;
		-webkit-transition: all 0.3s;
	            transition: all 0.3s;
	}
	.header .mian .nav ._li .child .tt span:hover:before{
		width: 100%;
		left: 0;
	}
	.header .mian .nav ._li .child .tt a{
		color: #666;
		line-height: 1;
		display: inline-block;
		-webkit-transition: all 0.3s;
	            transition: all 0.3s;
	}
	.header .mian .nav ._li .child .tt span a:hover{
		color: #0d1438
	}
	.header .mian .nav ._li .child .btn a{
		display: block;
		width: 85px;
		height: 32px;
		margin: 25px auto 10px;
		line-height: 32px;
		border-radius: 3px;
		color: #fff;
		font-size: 14px;
		text-align: center;
		background-color: #0d1438;
		-webkit-transition: all 0.3s;
	            transition: all 0.3s;
	}
	.header .mian .nav ._li .child .btn a:hover{
		background-color: rgba(13,20,56,0.7);
	}

	.header .mian .nav ._li:first-child{
		margin-left: 0
	}
	.header .mian .nav ._li:hover {
	    z-index: 2;
	}
	.header .mian .nav ._li .title{
		font-size: 16px;
		color: #222;
		position: relative;
		height: 20px;
		line-height: 20px;
		margin-top: 42px;
		-webkit-transition: all 0.3s;
      	transition: all 0.3s;
      	padding-right: 20px;
      	background: url(../images/arr.png) right center no-repeat;
	}

	.header .mian .nav ._li .title:hover,
	.header .mian .nav ._li.on .title{
		color: #231815;
	}
	.header .mian .nav ._li .title:hover,
	.header .mian .nav ._li.on .title{
		background: url(../images/arr.1.png) right center no-repeat;
	}
}
	
	
@media (max-width:1380px){
	.header .mian .nav{ margin-left:5vw;}
}
@media (max-width:1220px){
	.header .mian .mao{ display:none;}	
}
@media (max-width:1100px){
	.bannerli{ margin-top:70px;}
	.bannerli1{ margin-top:70px;}
	.bannerli8{ margin-top:70px;}
	.product-container .box{ margin-top:70px;}
}


@media (min-width:768px){
	.mod-header{
		height: 70px;
	}
	.mod-header .logo{
		width: 118px;
	}
	.mod-header .share, .mod-header .mao, .mod-header .search {
	    height: 50px;
	    width: 40px;
	    margin-right: 15px;
	}
	.mod-header .search {
	    background: url(../images/serch.png) center/19px no-repeat;
	}
	.mod-header .mao {
		width:40px;
		line-height:50px;
		margin:0 15px 0 10px;
	}
	.mod-header .mao a{ font-size:15px; color:#333;}
	.mod-header .share {
	    background: url(../images/share.png) center/21px no-repeat;
	}
	.mod-header .line .point {
	    left: calc(50% - 15px);
	    width: 30px;
	    height: 24px;
	}
	.mod-header .line .point p:nth-child(2) {
	    top: 10.5px;
	}
	.mod-header .line .point p:nth-child(3) {
	    top: 21px;
	}
	.mod-header .line {
	    width: 70px;
	    height: 70px;
	}
	.mod-nav{
		top: 70px;
		padding: 15px 40px 0;
	}
	.mod-nav li{height: 50px; line-height: 50px; display:block; position:relative; overflow:hidden;}

	.mod-nav li .title {
	    height: 50px;
	    line-height: 50px;
	    font-size: 16px;
	}
	.mod-nav li i {
	    height: 50px;
	    line-height: 50px;
	    font-size: 16px;
		display:block;
		position:absolute !important;
	}
	.mod-nav li .b{ position:absolute;}
	.mod-nav li .child{
		padding: 10px 0;
	}
	.mod-nav li .child .tit {
	    height: 36px;
	    line-height: 36px;
	    font-size: 14px;
	}
	.mod-nav li.on .title:before{
		width: 25px;
	}
	.mod-nav li.on { height:auto; }
	.mod-nav li.on .child{ margin:50px 0 0;}

}

/*--------------------------------------------------------------
 # Slider / Slick
 --------------------------------------------------------------*/
/* Slider */
.slick-slider {
  position: relative;
  display: block;
  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-list {
  position: relative;
  overflow: hidden;
  display: block;
  margin: 0;
  padding: 0;
}
.slick-list:focus {
  outline: none;
}
.slick-list.dragging {
  cursor: pointer;
  cursor: hand;
}
.slick-slider .slick-track, .slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
.slick-track {
  position: relative;
  left: 0;
  top: 0;
  display: block;
}
.slick-track:before, .slick-track:after {
  content: "";
  display: table;
}
.slick-track:after {
  clear: both;
}
.slick-loading .slick-track {
  visibility: hidden;
}
.slick-slide {
  float: left;
  height: 100%;
  outline: 0;
  min-height: 1px;
  display: none;
}
[dir="rtl"] .slick-slide {
  float: right;
}
.slick-slide img {
  display: block;
}
.slick-slide.slick-loading img {
  display: none;
}
.slick-slide.dragging img {
  pointer-events: none;
}
.slick-initialized .slick-slide {
  display: block;
}
.slick-loading .slick-slide {
  visibility: hidden;
}
.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
  display: none;
}
.pc{ display:block;}
.wap{ display:none;}

.bannerli{ height:480px;}
.bannerli .note{ width:1200px; height:480px; margin:0 auto; position:relative;}
.bannerli .note p{ color:#333; font-size:72px; line-height:72px; font-family:impact, "Times New Roman", Times, serif; position:absolute; right:0; bottom:60px;}
.bannerli .note span{ color:#333; font-size:36px; line-height:36px; position:absolute; right:0; bottom:70px;}

.bannerli1{ height:480px;}
.bannerli1 .note{ width:1200px; height:480px; margin:0 auto; position:relative;}
.bannerli1 .note p{ color:#333; font-size:72px; line-height:72px; font-family:impact, "Times New Roman", Times, serif; position:absolute; left:0; bottom:60px;}
.bannerli1 .note span{ color:#333; font-size:36px; line-height:36px; position:absolute; left:0; bottom:70px;}

.bannerli_white{ height:480px;}
.bannerli_white .note{ width:1200px; height:480px; margin:0 auto; position:relative;}
.bannerli_white .note p{ color:#fff; font-size:72px; line-height:72px; font-family:impact, "Times New Roman", Times, serif; position:absolute; left:0; bottom:60px;}
.bannerli_white .note span{ color:#fff; font-size:36px; line-height:36px; position:absolute; left:0; bottom:70px;}

.bannerli2{ height:480px;}

.izl-rmenu{position:fixed; right:0; margin-right:20px; bottom:20px; padding-bottom:20px; z-index:999;
 _position:absolute; 
_top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop,10)||0)-(parseInt(this.currentStyle.marginBottom,10)||0)));;
 /* for IE6 */ overflow:visible;}
.izl-rmenu .btn{width:51px; height:51px; margin-bottom:9px; cursor:pointer; position:relative;}

.izl-rmenu .btn-top{font-family:Arial, Helvetica, sans-serif; width:45px;height:40px;padding:5px 0 0;line-height:40px;text-align:center;background-image:url(../images/ico_top.png);background-position:center 9px;background-repeat:no-repeat;background-color:#000;color:#fff;font-size:14px;font-weight:bold;cursor:pointer; display:none;filter:alpha(opacity=30); -moz-opacity:0.3; -khtml-opacity: 0.8; opacity: 0.3;}
.izl-rmenu .btn-top:hover{filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity:1; opacity:1;}

@media (max-width:1440px){
	.bannerli .note{ width:90%;}
}
@media (max-width:1100px){
	.bannerli{ margin-top:70px;}
	.bannerli1{ margin-top:70px;}
	.bannerli2{ margin-top:70px;}
	.bannerli_white{ margin-top:70px;}
	.product-container .box{ margin-top:70px;}
}

@media only screen   
and (min-device-width : 768px)   
and (max-device-width : 1023px)   
and (orientation : portrait) {  
.main{ width:100%;}
.bannerli1,.bannerli1 .note{ height:380px;}
.bannerli_white{ height:380px;}.bannerli_white .note{ height:380px;}
.bannerli2{ height:320px; background-size:cover !important;}
}

@media only screen   
and (min-device-width : 768px)   
and (max-device-width : 1024px)   
and (orientation : landscape) {  
.main{ width:100%;}
.bannerli1,.bannerli1 .note,.bannerli_white{ height:380px;background-size: 150% !important;}
.bannerli2{ height:380px; background-size:cover !important;}
}

@media (min-device-width : 1024px) and (max-width: 1366px) and (orientation : portrait){
.main{ width:100%;}
.bannerli1,.bannerli1 .note,.bannerli_white{ height:380px;}
.bannerli2{ height:380px; background-size:cover !important;}
}
@media (max-width:767px){
.pc{ display:none;}
.wap{ display:block;}
.main{ width:100%;}

.product-container .box{ margin-top:0.9rem;}

.bannerli2{ margin-top:50px; position:relative;}
.bannerli2 img{ width:100%;}
.bannerli2 p{ color:#333; font-size:40px; line-height:40px; font-family:impact, "Times New Roman", Times, serif; position:absolute; left:20px; bottom:20px;}
.bannerli2 span{ color:#333; font-size:18px; line-height:18px; position:absolute; left:20px; bottom:20px;}

.bannerli3{ margin-top:50px; position:relative;}
.bannerli3 img{ width:100%;}
.bannerli3 p{ color:#fff; font-size:40px; line-height:40px; font-family:impact, "Times New Roman", Times, serif; position:absolute; left:20px; bottom:20px;}
.bannerli3 span{ color:#fff; font-size:18px; line-height:18px; position:absolute; left:20px; bottom:20px;}

}

footer{ width:100%;}
footer .footerWrapper{ background:#231815;}
footer .footer-nav{ width:1200px; margin:0 auto; height:56px; line-height:56px; color:#fff;}
footer .footer-nav ul{ overflow:hidden;}
footer .footer-nav ul li{ float:left;}
footer .footer-nav ul li a{ height:56px; line-height:56px; padding:0 30px; display:block; color:#fff;}
footer .footer-nav ul li a:hover,footer .footer-nav a:hover{ color:#333;}
footer .footer-nav a{ color:#fff;}
footer .footer-nav ul li:first-child a{ padding:0 30px 0 0;}

footer .foot-content{ width:100%; height:500px; background:#2a3547 url(../images/pic9.jpg) no-repeat;}
footer .foot-content-Wrapper{ width:1200px; margin:0 auto; overflow:hidden;}
footer .foot-content .left_contact{ float:left; width:550px;}
footer .foot-content .left_contact .title{ padding:95px 0 0;}
footer .foot-content .left_contact .title .t01{ color:#fff; font-size:25px; line-height:28px;}
footer .foot-content .left_contact .title .t02{ width:440px; color:#969ba3; font-size:14px; line-height:24px; padding:30px 0 55px;}
footer .foot-content a{ color:#969ba3;} 
footer .foot-content .foot-address{ font-size:14px; color:#969ba3; height:35px; line-height:35px; padding:0 0 0 36px; margin:0 0 20px 0; background:url(../images/icon-address.png) no-repeat left center; background-size:24px;}
footer .foot-content .icon-2{ font-size:14px; color:#969ba3; height:35px; line-height:35px; overflow:hidden;}
footer .foot-content .icon-2 .foot-tel{ float:left; padding:0 0 0 36px; background:url(../images/icon-tel.png) no-repeat left center; background-size:21px;}
footer .foot-content .icon-2 .foot-email{ float:left; padding:0 0 0 33px; margin:0 0 0 75px; background:url(../images/icon-email.png) no-repeat left center; background-size:18px;}
footer .foot-content .right_message{ float:left; width:650px; padding:0 0 0 18px; position:relative;}
footer .foot-content .right_message .title{ padding:70px 0 30px 24px; color:#fff;}
footer .foot-content .aboutmain-cbot li{ overflow:hidden; margin:0 0 10px}
footer .foot-content .aboutmain-cbot label{ float:left; width:75px; text-align:right; display:block; color:#acacac; padding:0 10px 0 0; line-height:38px;}
footer .foot-content .aboutmain-cbot .input{ float:left; height:38px; line-height: 36px; color:#acacac; padding:0 10px; border:1px solid #ccc; border-radius:3px; background:transparent; width:296px;}
footer .foot-content .aboutmain-cbot textarea{ height:90px !important;}
footer .foot-content .aboutmain-cyzm{ color:#fff; position: relative; }
footer .foot-content .aboutmain-cyzm label{ float:left; width:75px; text-align:right; display:block; color:#acacac; padding:0 10px 0 0; line-height:38px;}
footer .foot-content .aboutmain-cyzm img{ position: absolute; left:200px; top: 5px;}
footer .foot-content .aboutmain-cyzm input{ height:38px; line-height: 36px; color:#acacac; padding: 0 10px; border:1px solid #ccc; border-radius:3px; background:transparent; width: 114px;}
footer .foot-content .aboutmain-btnlist{ width:100%;}
footer .foot-content .aboutmain-btnlist button{ width: 296px; height: 38px; border:none; margin:25px 0 0  75px; color: #fff;}
footer .foot-content .aboutmain-btnlist .submit{ background: #666; border-radius:3px;}
footer .foot-content .aboutmain-btnlist .submit:hover{ background: #333; color:#fff; cursor:pointer}
footer .foot-content .right_message .pic{ width:138px; height:178px; position:absolute; right:0; top:120px;}
footer .foot-content .right_message .pic p{ color:#fff; height:40px; line-height:40px; display:block; text-align:center;}

footer .footer-copyright{ width:100%; background:#252e3d; overflow:hidden;}
footer .footer-copyright-Wrapper{ width:1200px; margin:0 auto; font-size:14px; color:#ccc; padding:22px 0; line-height:24px; text-align:center;}
footer .footer-copyright a{ font-size:14px; color:#ccc;}
footer .footer-copyright a:hover{ color:#fff;}

.right_side{ position: absolute; right: 0; top: 35%; width: 60px; height: 245px; z-index: 80000; }
.right_side ul{}
.right_side ul li{ width: 60px; height: 60px; border-bottom: 1px solid #73b855; background: #231815 url(../images/right_ico.png) no-repeat; cursor: pointer; position:relative;-webkit-transition:  background 0.5s ease-out ; -moz-transform:background 0.5s ease-out; transition: background 0.5s ease-out ; }
.right_side ul li:hover{ background:#FFFFFF url(../images/right_hover_ico.png) no-repeat;;}

.right_side ul li.qq{  background-position: center 17px;    }
.right_side ul li.qq div{ display: none; background-color: #f9f9f9; position: absolute; right: 60px; width: 180px; height: 180px; border-bottom-left-radius: 5px; border-top-left-radius: 5px; overflow: hidden; -moz-box-shadow:-7px 0px 10px rgba(0,0,0,0.2); -webkit-box-shadow:-7px 0px 10px rgba(0,0,0,0.2); box-shadow:-7px 0px 10px rgba(0,0,0,0.2); }
.right_side ul li.qq div dt{ text-align: center; height: 60px; line-height: 60px; background-color: #ffffff; }
.right_side ul li.qq div dd{height: 60px; line-height: 60px; color: #666666; margin: 0 auto; width: 160px; font-size: 16px; text-indent: 80px; background: url(../images/qqbg.gif) no-repeat 30px 17px;}
.right_side ul li.qq div dd a{ display: block;}
.right_side ul li.qq div dd a:hover{ color: #556c9c;}

.right_side ul li.tel{ background-position: center -44px; }
.right_side ul li.tel div{ display: none; border-bottom-left-radius: 5px; border-top-left-radius: 5px;  position: absolute;  right: 60px;-moz-box-shadow:-7px 0px 10px rgba(0,0,0,0.3); -webkit-box-shadow:-7px 0px 10px rgba(0,0,0,0.3); box-shadow:-7px 0px 10px rgba(0,0,0,0.3); height: 60px; line-height: 60px; padding: 0 20px; font-size: 24px; font-weight: bold; color: #231815; background-color: #fff; white-space: nowrap }
.right_side ul li.wx{  background-position: center -105px; border-top-left-radius: 5px;}
.right_side ul li.wx div{ border-radius: 5px; display: none; position: absolute; top: -45px; right: 60px;-moz-box-shadow:-7px 0px 10px rgba(0,0,0,0.3); -webkit-box-shadow:-7px 0px 10px rgba(0,0,0,0.3); box-shadow:-7px 0px 10px rgba(0,0,0,0.3); overflow: hidden; }
.right_side ul li.topback{ background-position: center -166px; border: none; border-bottom-left-radius: 5px; }
.right_side ul li:hover div{ display: block;}
.right_side ul li.qq:hover{ border-radius: 0;}
.right_side ul li img{ max-width:none;}
.right_side #returnTop a{ width:60px; height:60px; display:block; text-indent:-9999px;}

/*  css animation  */
.trans{
/*    -webkit-transition: all .4s ease-in;
    -moz-transition:all .4s ease-in;
    -o-transition:all .4s ease-in;
    -ms-transition:all .4s ease-in;
    transition:all .4s ease-in;*/
}

@media (min-width:325px){
  /* page animation  */
  .ani-view {
      opacity: 0;
      opacity: 1\9;
      opacity: 1\0/;
      opacity: 1\0/;
  }
  @-webkit-keyframes fadeInDown{
      0% {
          opacity:0;
          -webkit-transform:translateY(40px)
      }
      100% {
          opacity:1;
          -webkit-transform:translateY(0)
      }
  }
  @-moz-keyframes fadeInDown{
      0% {
          opacity:0;
          -moz-transform:translateY(40px)
      }
      100% {
          opacity:1;
          -moz-transform:translateY(0)
      }
  }
  @-o-keyframes fadeInDown {
      0% {
          opacity:0;
          -o-transform:translateY(40px)
      }
      100% {
          opacity:1;
          -o-transform:translateY(0)
      }
  }
  @keyframes fadeInDown {
      0% {
          opacity:0;
          transform:translateY(40px)
      }
      100% {
          opacity:1;
          transform:translateY(0)
      }
  }

  .ani-view.fade-in-down{
      opacity:0;
      opacity: 1\9;
      opacity: 1\0/;
      -webkit-transform:translateY(40px);
      -moz-transform:translateY(40px);
      -o-transform:translateY(40px);
      transform:translateY(40px);
  }
  .ani-view.fadeInDown{
      -webkit-animation:fadeInDown 1s cubic-bezier(.25,.74,.22,.99) forwards;
      -moz-animation:fadeInDown 1s cubic-bezier(.25,.74,.22,.99) forwards;
      -o-animation:fadeInDown 1s cubic-bezier(.25,.74,.22,.99) forwards;
      animation:fadeInDown 1s cubic-bezier(.25,.74,.22,.99) forwards;
      -webkit-animation-delay:0.1s; 
      -moz-animation-delay:0.1s;
      -o-animation-delay:0.1s;
      animation-delay:0.1s;
  }


  @-webkit-keyframes fadeInLeft {
      0% {
          opacity:0;
          -webkit-transform:translateX(-100px)
      }
      100% {
          opacity:1;
          -webkit-transform:translateX(0)
      }
  }
  @-moz-keyframes fadeInLeft {
      0% {
          opacity:0;
          -moz-transform:translateX(-100px)
      }
      100% {
          opacity:1;
          -moz-transform:translateX(0)
      }
  }
  @-o-keyframes fadeInLeft {
      0% {
      opacity:0;
      -o-transform:translateX(-100px)
      }
      100% {
      opacity:1;
      -o-transform:translateX(0)
      }
  }
  @keyframes fadeInLeft {
      0% {
      opacity:0;
      transform:translateX(-100px)
      }
      100% {
      opacity:1;
      transform:translateX(0)
      }
  }
  .ani-view.fade-in-left{
      opacity:0;
      opacity: 1\9;
      opacity: 1\0/;
      -webkit-transform:translateX(-100px);
      -moz-transform:translateX(-100px);
      -o-transform:translateX(-100px);
      transform:translateX(-100px);
  }
  .ani-view.fadeInLeft {
      -webkit-animation:fadeInLeft 1s cubic-bezier(.25,.74,.22,.99) forwards;
      -moz-animation:fadeInLeft 1s cubic-bezier(.25,.74,.22,.99) forwards;
      -o-animation:fadeInLeft 1s cubic-bezier(.25,.74,.22,.99) forwards;
      animation:fadeInLeft 1s cubic-bezier(.25,.74,.22,.99) forwards;
      -webkit-animation-delay:0.1s; 
      -moz-animation-delay:0.1s;
      -o-animation-delay:0.1s;
      animation-delay:0.1s;
  }

  @-webkit-keyframes fadeInRight {
      0% {
      opacity:0;
      -webkit-transform:translateX(100px)
      }
      100% {
      opacity:1;
      -webkit-transform:translateX(0)
      }
  }
  @-moz-keyframes fadeInRight {
      0% {
      opacity:0;
      -moz-transform:translateX(100px)
      }
      100% {
      opacity:1;
      -moz-transform:translateX(0)
      }
  }
  @-ms-keyframes fadeInRight {
      0% {
      opacity:0;
      -ms-transform:translateX(100px)
      }
      100% {
      opacity:1;
      -ms-transform:translateX(0)
      }
  }
  @-o-keyframes fadeInRight {
      0% {
      opacity:0;
      -o-transform:translateX(100px)
      }
      100% {
      opacity:1;
      -o-transform:translateX(0)
      }
  }
  @keyframes fadeInRight {
      0% {
      opacity:0;
      transform:translateX(100px)
      }
      100% {
      opacity:1;
      transform:translateX(0)
      }
  }
  .ani-view.fade-in-right{
      opacity:0;
      opacity: 1\9;
      opacity: 1\0/;
      -webkit-transform:translateX(100px);
      -moz-transform:translateX(100px);
      -o-transform:translateX(100px);
      transform:translateX(100px);
  }
  .ani-view.fadeInRight {
      -webkit-animation:fadeInRight 1s cubic-bezier(.25,.74,.22,.99) forwards;
      -moz-animation:fadeInRight 1s cubic-bezier(.25,.74,.22,.99) forwards;
      -o-animation:fadeInRight 1s cubic-bezier(.25,.74,.22,.99) forwards;
      animation:fadeInRight 1s cubic-bezier(.25,.74,.22,.99) forwards;
      -webkit-animation-delay:0.1s; 
      -moz-animation-delay:0.1s;
      -o-animation-delay:0.1s;
      animation-delay:0.1s;
  }
  .ani-view.ani_delay2{
    -webkit-animation-delay:0.2s; 
    -moz-animation-delay:0.2s;
    -o-animation-delay:0.2s;
    animation-delay:0.2s;
  }
  .ani-view.ani_delay3{
    -webkit-animation-delay:0.3s; 
    -moz-animation-delay:0.3s;
    -o-animation-delay:0.3s;
    animation-delay:0.3s;
  }
  .ani-view.ani_delay4{
    -webkit-animation-delay:0.4s; 
    -moz-animation-delay:0.4s;
    -o-animation-delay:0.4s;
    animation-delay:0.4s;
  }
  .ani-view.ani_delay5{
    -webkit-animation-delay:0.5s; 
    -moz-animation-delay:0.5s;
    -o-animation-delay:0.5s;
    animation-delay:0.5s;
  }
  .ani-view.ani_delay6{
    -webkit-animation-delay:0.6s; 
    -moz-animation-delay:0.6s;
    -o-animation-delay:0.6s;
    animation-delay:0.6s;
  }
  .ani-view.ani_delay7{
    -webkit-animation-delay:0.7s; 
    -moz-animation-delay:0.7s;
    -o-animation-delay:0.7s;
    animation-delay:0.7s;
  }
  .ani-view.ani_delay8{
    -webkit-animation-delay:0.8s; 
    -moz-animation-delay:0.8s; 
    -o-animation-delay:0.8s; 
    animation-delay:0.8s; 
  }
  .ani-view.ani_delay9{
    -webkit-animation-delay:0.9s; 
    -moz-animation-delay:0.9s;
    -o-animation-delay:0.9s;
    animation-delay:0.9s;
  }
  .ani-view.ani_delay10{
    -webkit-animation-delay:1s; 
    -moz-animation-delay:1s;
    -o-animation-delay:1s;
    animation-delay:1s;
  }
  .ani-view.ani_delay11{
    -webkit-animation-delay:1.1s; 
    -moz-animation-delay:1.1s; 
    -o-animation-delay:1.1s; 
    animation-delay:1.1s; 
  }
  .ani-view.ani_delay12{
    -webkit-animation-delay:1.2s; 
    -moz-animation-delay:1.2s; 
    -o-animation-delay:1.2s; 
    animation-delay:1.2s; 
  }
  .ani-view.ani_delay13{
    -webkit-animation-delay:1.3s; 
    -moz-animation-delay:1.3s;  
    -o-animation-delay:1.3s;  
    animation-delay:1.3s;  
  }
  .ani-view.ani_delay14{
    -webkit-animation-delay:1.4s; 
    -moz-animation-delay:1.4s; 
    -o-animation-delay:1.4s; 
    animation-delay:1.4s; 
  }
  .ani-view.ani_delay15{
    -webkit-animation-delay:1.5s; 
    -moz-animation-delay:1.5s;  
    -o-animation-delay:1.5s;  
    animation-delay:1.5s;  
  }
  .ani-view.ani_delay16{
    -webkit-animation-delay:1.6s; 
    -moz-animation-delay:1.6s;
    -o-animation-delay:1.6s;
    animation-delay:1.6s;
  }
  .ani-view.ani_delay17{
    -webkit-animation-delay:1.7s; 
    -moz-animation-delay:1.7s; 
    -o-animation-delay:1.7s; 
    animation-delay:1.7s; 
  }
  .ani-view.ani_delay18{
    -webkit-animation-delay:1.8s; 
    -moz-animation-delay:1.8s; 
    -o-animation-delay:1.8s; 
    animation-delay:1.8s; 
  }
  .ani-view.ani_delay19{
    -webkit-animation-delay:1.9s; 
    -moz-animation-delay:1.9s; 
    -o-animation-delay:1.9s; 
    animation-delay:1.9s; 
  }
  .ani-view.ani_delay20{
    -webkit-animation-delay:2s; 
    -moz-animation-delay:2s; 
    -o-animation-delay:2s; 
    animation-delay:2s; 
  }




/* 动画绑定 */

@-webkit-keyframes move_right {
from {
opacity: 0;
}
to {
opacity: 1;
-webkit-transform: translateX(120px);
transform: translateX(120px);
}
}
@keyframes move_right {
from {
opacity: 0;
}
to {
opacity: 1;
-webkit-transform: translateX(120px);
transform: translateX(120px);
}
}


.move_right {
-webkit-animation-name : move_right;
animation-name : move_right;
-webkit-animation-duration : 1s;
animation-duration : 1s;
-webkit-animation-iteration-count : 1;
animation-iteration-count : 1;
-webkit-animation-fill-mode : forwards;
animation-fill-mode : forwards;
}


.viewport-tip{position: absolute;z-index: 0;background: rgba(0,0,0,.59);width: 100%;height: 100%;top: 0;transition: all .5s;opacity: 0;display: none;}
.viewport-tip .overload{content: '';background: url(../images/tip.png);background-size:.865rem;width: .865rem;height: .865rem;position: absolute;left: 50%;top: 50%;margin: -.4325rem 0 0 -.4325rem; }
.showOn{z-index: 99999999;opacity: 1;display: block;}