body,h1,h2,h3,h4,h5,h6,p,section{
  padding: 0;
  margin:0;
}

body{
	/*font-family:Arial, Helvetica, sans-serif;*/
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 16px;
  color: #333333;
  line-height:1.6;
}


.conwidth{
	width:100%;
	max-width: 1400px;
	margin: 0 auto;
}


@media(max-width:1400px){
	.range{ padding:0 15px;}
	}


@media(max-width:1200px){
	body{ font-size:14px;}
	}




.conwidth:before,
.conwidth:after {
	clear: both;
}

.conwidth:after,
.conwidth:before {
	content: " ";
	display: table
}



.conwidth02:before,
.conwidth02:after {
	clear: both;
}

.conwidth02:after,
.conwidth02:before {
	content: " ";
	display: table
}





.inaline{
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.intwoline{
  display: -webkit-box !important;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:2;
}

.inthreeline{
  display: -webkit-box !important;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:3;
}

.infourline{
  display: -webkit-box !important;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:4;
}

.infourline2{
  display: -webkit-box !important;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:7;
}


a,a:link,a:active,a:visited{
  text-decoration: none;
  color:#333333;
}
a:hover{
	text-decoration:none;
	color: #6aa84f;
}

ul,li{
  list-style: none;
  padding:0;
  margin: 0;
}


.clear_cs{height:0px;font-size:0px; line-height:0px;clear:both;over-flow:hidden;}
.clearfix{clear:both;}
.clearfix:after,
.clearfix:before {
	content: " ";
	display: table
}

.clearfix:after {
	clear: both;
}



.container-fluid{
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}
.row {
  margin-right: -15px;
  margin-left: -15px;
}

@font-face {
  font-family: 'iconfont';
  src: url('../icons/iconfont.eot');
  src: url('../icons/iconfont.eot?#iefix') format('embedded-opentype'),
      url('../icons/iconfont.woff2') format('woff2'),
      url('../icons/iconfont.woff') format('woff'),
      url('../icons/iconfont.ttf') format('truetype'),
      url('../icons/iconfont.svg#iconfont') format('svg');
}

.iconfont {
  font-family:"iconfont" !important;
  font-style:normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}



/*分页*/
div.pager
{
text-align:center;
	margin:0 auto;
	padding-top:3px;
}
div.pager span
{
			margin-left:3px;
	margin-right:3px;
	
}
div.pager a
{
		margin-left:3px;
	margin-right:3px;
	text-decoration:none;

}





textarea,
textarea:focus{ outline:none;}


input,
input:focus{ outline:none;}

/*input{
	-webkit-appearance:none;
	}*/

/*input::-webkit-input-placeholder {
	color: #b9b9b9;
  }
  input::-moz-input-placeholder {
	color: #b9b9b9;
  }
  input::-ms-input-placeholder {
	color: #b9b9b9;
  }


textarea::-webkit-input-placeholder {
	color: #b9b9b9;
  }
textarea::-moz-placeholder {
	color: #b9b9b9;
  }
textarea::-ms-input-placeholder {
	color: #b9b9b9;
  }*/




/*-开场动画-*/
.animated {-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}
.animated.infinite {-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}
.animated.hinge {-webkit-animation-duration:2s;animation-duration:2s}
@-webkit-keyframes fadeInLeftA {0% {opacity:0;-webkit-transform:translate3d(-20%,0,0);transform:translate3d(-20%,0,0)}
100% {opacity:1;-webkit-transform:none;transform:none}
}
@keyframes fadeInLeftA {0% {opacity:0;-webkit-transform:translate3d(-20%,0,0);-ms-transform:translate3d(-20%,0,0);transform:translate3d(-20%,0,0)}
100% {opacity:1;-webkit-transform:none;-ms-transform:none;transform:none}
}
.fadeInLeftA {-webkit-animation-name:fadeInLeftA;animation-name:fadeInLeftA}
@-webkit-keyframes fadeInUpA {0% {opacity:0;-webkit-transform:translate3d(0,30px,0);transform:translate3d(0,30px,0)}
100% {opacity:1;-webkit-transform:none;transform:none}
}
@keyframes fadeInUpA {0% {opacity:0;-webkit-transform:translate3d(0,30px,0);-ms-transform:translate3d(0,30px,0);transform:translate3d(0,30px,0)}
100% {opacity:1;-webkit-transform:none;-ms-transform:none;transform:none}
}
.fadeInUpA {-webkit-animation-name:fadeInUpA;animation-name:fadeInUpA}
@-webkit-keyframes fadeInRightA {0% {opacity:0;-webkit-transform:translate3d(20%,0,0);transform:translate3d(20%,0,0)}
100% {opacity:1;-webkit-transform:none;transform:none}
}
@keyframes fadeInRightA {0% {opacity:0;-webkit-transform:translate3d(20%,0,0);-ms-transform:translate3d(20%,0,0);transform:translate3d(20%,0,0)}
100% {opacity:1;-webkit-transform:none;-ms-transform:none;transform:none}
}
.fadeInRightA {-webkit-animation-name:fadeInRightA;animation-name:fadeInRightA}
@-webkit-keyframes twinkling {0% {opacity:0;}
100% {opacity:1;}
}
@-webkit-keyframes OrangePulse {from {background-color:rgba(210,174,109,.2);-webkit-box-shadow:0 0 10px rgba(210,174,109,1);}
50% {background-color:rgba(210,174,109,1);-webkit-box-shadow:0 0 10px rgba(210,174,109,1);}
to {background-color:rgba(210,174,109,.2);-webkit-box-shadow:0 0 10px rgba(210,174,109,1);}
}
@-webkit-keyframes swing {20% {-webkit-transform:rotate(40deg);transform:rotate(40deg)}
40% {-webkit-transform:rotate(-20deg);transform:rotate(-20deg)}
60% {-webkit-transform:rotate(10deg);transform:rotate(10deg)}
80% {-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}
100% {-webkit-transform:rotate(0deg);transform:rotate(0deg)}
}
@keyframes swing {20% {-webkit-transform:rotate(40deg);-ms-transform:rotate(40deg);transform:rotate(40deg)}
40% {-webkit-transform:rotate(-20deg);-ms-transform:rotate(-20deg);transform:rotate(-20deg)}
60% {-webkit-transform:rotate(10deg);-ms-transform:rotate(10deg);transform:rotate(10deg)}
80% {-webkit-transform:rotate(-10deg);-ms-transform:rotate(-10deg);transform:rotate(-10deg)}
100% {-webkit-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0deg)}
}
.swing {-webkit-transform-origin:top center;-ms-transform-origin:top center;transform-origin:top center;-webkit-animation-name:swing;animation-name:swing}
@-webkit-keyframes jump {0% {-webkit-transform:translateY(0);}
25% {-webkit-transform:translateY(-20%);}
50% {-webkit-transform:translateY(0);}
75% {-webkit-transform:translateY(-10%);}
100% {-webkit-transform:translateY(0);}
}
@keyframes jump {0% {transform:translateY(0);}
25% {transform:translateY(-20%);}
50% {transform:translateY(0);}
75% {transform:translateY(-10%);}
100% {transform:translateY(0);}
}
@-webkit-keyframes bounceInA {0%,100%,20%,40%,60%,80% {-webkit-transition-timing-function:cubic-bezier(0.215,.61,.355,1);transition-timing-function:cubic-bezier(0.215,.61,.355,1)}
0% {opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}
20% {-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}
40% {-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}
60% {opacity:1;-webkit-transform:scale3d(1.03,1.03,1.03);transform:scale3d(1.03,1.03,1.03)}
80% {-webkit-transform:scale3d(.97,.97,.97);transform:scale3d(.97,.97,.97)}
100% {opacity:1;-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}
}
@keyframes bounceInA {0%,100%,20%,40%,60%,80% {-webkit-transition-timing-function:cubic-bezier(0.215,.61,.355,1);transition-timing-function:cubic-bezier(0.215,.61,.355,1)}
0% {opacity:0;-webkit-transform:scale3d(.3,.3,.3);-ms-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}
20% {-webkit-transform:scale3d(1.1,1.1,1.1);-ms-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}
40% {-webkit-transform:scale3d(.9,.9,.9);-ms-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}
60% {opacity:1;-webkit-transform:scale3d(1.03,1.03,1.03);-ms-transform:scale3d(1.03,1.03,1.03);transform:scale3d(1.03,1.03,1.03)}
80% {-webkit-transform:scale3d(.97,.97,.97);-ms-transform:scale3d(.97,.97,.97);transform:scale3d(.97,.97,.97)}
100% {opacity:1;-webkit-transform:scale3d(1,1,1);-ms-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}
}
.bounceInA {-webkit-animation-name:bounceInA;animation-name:bounceInA;-webkit-animation-duration:.75s;animation-duration:.75s}
@-webkit-keyframes fadeInDownA {0% {opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}
100% {opacity:1;-webkit-transform:none;transform:none}
}
@keyframes fadeInDownA {0% {opacity:0;-webkit-transform:translate3d(0,-100%,0);-ms-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}
100% {opacity:1;-webkit-transform:none;-ms-transform:none;transform:none}
}
.fadeInDownA {-webkit-animation-name:fadeInDownA;animation-name:fadeInDownA}
@keyframes fadeInA {0% {opacity:0;}
100% {opacity:1;}
}
.fadeInA {-webkit-animation-name:fadeInA;animation-name:fadeInA}
@-webkit-keyframes flipInY {0% {-webkit-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg);opacity:0}
0%,40% {-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}
40% {-webkit-transform:perspective(400px) rotateY(-20deg);transform:perspective(400px) rotateY(-20deg)}
60% {-webkit-transform:perspective(400px) rotateY(10deg);transform:perspective(400px) rotateY(10deg);opacity:1}
80% {-webkit-transform:perspective(400px) rotateY(-5deg);transform:perspective(400px) rotateY(-5deg)}
to {-webkit-transform:perspective(400px);transform:perspective(400px)}
}
@keyframes flipInY {0% {-webkit-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg);opacity:0}
0%,40% {-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}
40% {-webkit-transform:perspective(400px) rotateY(-20deg);transform:perspective(400px) rotateY(-20deg)}
60% {-webkit-transform:perspective(400px) rotateY(10deg);transform:perspective(400px) rotateY(10deg);opacity:1}
80% {-webkit-transform:perspective(400px) rotateY(-5deg);transform:perspective(400px) rotateY(-5deg)}
to {-webkit-transform:perspective(400px);transform:perspective(400px)}
}
.flipInY {-webkit-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipInY;animation-name:flipInY}
@-webkit-keyframes zoomInA {0% {opacity:0;-webkit-transform:scale3d(.6,.6,.6);transform:scale3d(.6,.6,.6)}
50% {opacity:1}
}
@keyframes zoomInA {0% {opacity:0;-webkit-transform:scale3d(.6,.6,.6);transform:scale3d(.6,.6,.6)}
50% {opacity:1}
}
.zoomInA {-webkit-animation-name:zoomInA;animation-name:zoomInA}
/* CSS 公共样式结束 *//* nav */















