body, dl, dd, ul, ol ,h1, h2, h3, h4 ,form, input, button, textarea, p, th, td, li, span, div{ margin:0; padding:0;}
body,select{ font:12px/1.5 "STHeiti","\5FAE\8F6F\96C5\9ED1",arial,'Hiragino Sans GB'; color:#666;background: #fff;}
img{vertical-align: middle; border:none;display: inline-block;max-width: 100%;}
ul,ol{list-style:none outside none;}
table{border-collapse:collapse; border-spacing:0;}
button, input, select, textarea {font-size: 100%; vertical-align:middle;outline: none;border: 0px;}
a{ color:#333333; text-decoration:none; blr:expression(this.onFocus=this.blur());}
a:hover{ color: #1859ad;text-decoration:none; }
a:focus{text-decoration:none;}
a:active{color: #1859ad;}
strong{font-weight: normal;}
h1,h2,h3{ font-size:100%; font-weight:normal;}
button, input[type="button"], input[type="reset"], input[type="submit"] {cursor: pointer; -webkit-appearance: button;-moz-appearance: button;}
.text,.btn,textarea,input{font-family:"STHeiti","\5FAE\8F6F\96C5\9ED1",arial,'Hiragino Sans GB';}
.wrap0{ width:1366px; margin:0px auto;}
.wrap{ width:1200px; margin:0px auto;}
.clearfix:after{ content:"."; clear:both; height:0; visibility:hidden; display:block;}
.clearfix{*zoom:1;}
.btn{ border: none; cursor: pointer;}
.overflow{overflow: hidden;}
.position{position: relative;}
/*-----------------------------------------header--------------------------------------------*/
#loading{position: fixed;top: 0px;left: 0px;width: 100%;height: 100%;background: #fff;z-index: 1000000;}
#preloader_2{
	position: relative;
	left: 50%;
	width: 40px;
	height: 40px;
	top:50%;
	margin: -20px 0px 0px -20px ;
}
#preloader_2 span{
	display:block;
	bottom:0px;
	width: 20px;
	height: 20px;
	background:#9b59b6;
	position:absolute;
}
#preloader_2 span:nth-child(1){
	-webkit-animation: preloader_2_1 1.5s infinite ease-in-out;
	-moz-animation: preloader_2_1 1.5s infinite ease-in-out;
	-ms-animation: preloader_2_1 1.5s infinite ease-in-out;
	animation: preloader_2_1 1.5s infinite ease-in-out;
}
#preloader_2 span:nth-child(2){
	left:20px;
	-webkit-animation: preloader_2_2 1.5s infinite ease-in-out;
	-moz-animation: preloader_2_2 1.5s infinite ease-in-out;
	-ms-animation: preloader_2_2 1.5s infinite ease-in-out;
	animation: preloader_2_2 1.5s infinite ease-in-out;

}
#preloader_2 span:nth-child(3){
	top:0px;
	-webkit-animation: preloader_2_3 1.5s infinite ease-in-out;
	-moz-animation: preloader_2_3 1.5s infinite ease-in-out;
	-ms-animation: preloader_2_3 1.5s infinite ease-in-out;
	animation: preloader_2_3 1.5s infinite ease-in-out;
}
#preloader_2 span:nth-child(4){
	top:0px;
	left:20px;
	-webkit-animation: preloader_2_4 1.5s infinite ease-in-out;
	-moz-animation: preloader_2_4 1.5s infinite ease-in-out;
	-ms-animation: preloader_2_4 1.5s infinite ease-in-out;
	animation: preloader_2_4 1.5s infinite ease-in-out;
}

@-webkit-keyframes preloader_2_1 {
    0% {-webkit-transform: translateX(0px) translateY(0px)  rotate(0deg); border-radius:0px;}
    50% {-webkit-transform: translateX(-20px) translateY(-10px) rotate(-180deg); border-radius:20px;background:#3498db;}
    80% {-webkit-transform: translateX(0px) translateY(0px) rotate(-360deg); border-radius:0px;}
    100% {-webkit-transform: translateX(0px) translateY(0px) rotate(-360deg); border-radius:0px;}
}
@-webkit-keyframes preloader_2_2 {
    0% {-webkit-transform: translateX(0px) translateY(0px)  rotate(0deg);border-radius:0px;}
    50% {-webkit-transform: translateX(20px) translateY(-10px) rotate(180deg);border-radius:20px;background:#f1c40f;}
    80% {-webkit-transform: translateX(0px) translateY(0px) rotate(360deg);border-radius:0px;}
    100% {-webkit-transform: translateX(0px) translateY(0px) rotate(360deg);border-radius:0px;}
}
@-webkit-keyframes preloader_2_3 {
    0% {-webkit-transform: translateX(0px) translateY(0px)  rotate(0deg);border-radius:0px;}
    50% {-webkit-transform: translateX(-20px) translateY(10px) rotate(-180deg); border-radius:20px;background:#2ecc71;}
    80% {-webkit-transform: translateX(0px) translateY(0px) rotate(-360deg);border-radius:0px;}
    100% {-webkit-transform: translateX(0px) translateY(0px) rotate(-360deg); border-radius:0px;}
}


@-webkit-keyframes preloader_2_4 {
    0% {-webkit-transform: translateX(0px) translateY(0px)  rotate(0deg); border-radius:0px;}
    50% {-webkit-transform: translateX(20px) translateY(10px) rotate(180deg); border-radius:20px;background:#e74c3c;}
    80% {-webkit-transform: translateX(0px) translateY(0px) rotate(360deg); border-radius:0px;}
    100% {-webkit-transform: translateX(0px) translateY(0px) rotate(360deg);border-radius:0px;}
}
@-moz-keyframes preloader_2_1 {
    0% {-moz-transform: translateX(0px) translateY(0px)  rotate(0deg); border-radius:0px;}
    50% {-moz-transform: translateX(-20px) translateY(-10px) rotate(-180deg); border-radius:20px;background:#3498db;}
    80% {-moz-transform: translateX(0px) translateY(0px) rotate(-360deg); border-radius:0px;}
    100% {-moz-transform: translateX(0px) translateY(0px) rotate(-360deg); border-radius:0px;}
}
@-moz-keyframes preloader_2_2 {
    0% {-moz-transform: translateX(0px) translateY(0px)  rotate(0deg);border-radius:0px;}
    50% {-moz-transform: translateX(20px) translateY(-10px) rotate(180deg);border-radius:20px;background:#f1c40f;}
    80% {-moz-transform: translateX(0px) translateY(0px) rotate(360deg);border-radius:0px;}
    100% {-moz-transform: translateX(0px) translateY(0px) rotate(360deg);border-radius:0px;}
}
@-moz-keyframes preloader_2_3 {
    0% {-moz-transform: translateX(0px) translateY(0px)  rotate(0deg);border-radius:0px;}
    50% {-moz-transform: translateX(-20px) translateY(10px) rotate(-180deg); border-radius:20px;background:#2ecc71;}
    80% {-moz-transform: translateX(0px) translateY(0px) rotate(-360deg);border-radius:0px;}
    100% {-moz-transform: translateX(0px) translateY(0px) rotate(-360deg); border-radius:0px;}
}
@-moz-keyframes preloader_2_4 {
    0% {-moz-transform: translateX(0px) translateY(0px)  rotate(0deg); border-radius:0px;}
    50% {-moz-transform: translateX(20px) translateY(10px) rotate(180deg); border-radius:20px;background:#e74c3c;}
    80% {-moz-transform: translateX(0px) translateY(0px) rotate(360deg); border-radius:0px;}
    100% {-moz-transform: translateX(0px) translateY(0px) rotate(360deg);border-radius:0px;}
}
@-ms-keyframes preloader_2_1 {
    0% {-ms-transform: translateX(0px) translateY(0px)  rotate(0deg); border-radius:0px;}
    50% {-ms-transform: translateX(-20px) translateY(-10px) rotate(-180deg); border-radius:20px;background:#3498db;}
    80% {-ms-transform: translateX(0px) translateY(0px) rotate(-360deg); border-radius:0px;}
    100% {-ms-transform: translateX(0px) translateY(0px) rotate(-360deg); border-radius:0px;}
}
@-ms-keyframes preloader_2_2 {
    0% {-ms-transform: translateX(0px) translateY(0px)  rotate(0deg);border-radius:0px;}
    50% {-ms-transform: translateX(20px) translateY(-10px) rotate(180deg);border-radius:20px;background:#f1c40f;}
    80% {-ms-transform: translateX(0px) translateY(0px) rotate(360deg);border-radius:0px;}
    100% {-ms-transform: translateX(0px) translateY(0px) rotate(360deg);border-radius:0px;}
}
@-ms-keyframes preloader_2_3 {
    0% {-ms-transform: translateX(0px) translateY(0px)  rotate(0deg);border-radius:0px;}
    50% {-ms-transform: translateX(-20px) translateY(10px) rotate(-180deg); border-radius:20px;background:#2ecc71;}
    80% {-ms-transform: translateX(0px) translateY(0px) rotate(-360deg);border-radius:0px;}
    100% {-ms-transform: translateX(0px) translateY(0px) rotate(-360deg); border-radius:0px;}
}
@-ms-keyframes preloader_2_4 {
    0% {-ms-transform: translateX(0px) translateY(0px)  rotate(0deg); border-radius:0px;}
    50% {-ms-transform: translateX(20px) translateY(10px) rotate(180deg); border-radius:20px;background:#e74c3c;}
    80% {-ms-transform: translateX(0px) translateY(0px) rotate(360deg); border-radius:0px;}
    100% {-ms-transform: translateX(0px) translateY(0px) rotate(360deg);border-radius:0px;}
}
@-keyframes preloader_2_1 {
    0% {-transform: translateX(0px) translateY(0px)  rotate(0deg); border-radius:0px;}
    50% {-transform: translateX(-20px) translateY(-10px) rotate(-180deg); border-radius:20px;background:#3498db;}
    80% {-transform: translateX(0px) translateY(0px) rotate(-360deg); border-radius:0px;}
    100% {-transform: translateX(0px) translateY(0px) rotate(-360deg); border-radius:0px;}
}
@-keyframes preloader_2_2 {
    0% {-transform: translateX(0px) translateY(0px)  rotate(0deg);border-radius:0px;}
    50% {-transform: translateX(20px) translateY(-10px) rotate(180deg);border-radius:20px;background:#f1c40f;}
    80% {-transform: translateX(0px) translateY(0px) rotate(360deg);border-radius:0px;}
    100% {-transform: translateX(0px) translateY(0px) rotate(360deg);border-radius:0px;}
}
@-keyframes preloader_2_3 {
    0% {-transform: translateX(0px) translateY(0px)  rotate(0deg);border-radius:0px;}
    50% {-transform: translateX(-20px) translateY(10px) rotate(-180deg); border-radius:20px;background:#2ecc71;}
    80% {-transform: translateX(0px) translateY(0px) rotate(-360deg);border-radius:0px;}
    100% {-transform: translateX(0px) translateY(0px) rotate(-360deg); border-radius:0px;}
}


@-keyframes preloader_2_4 {
    0% {-transform: translateX(0px) translateY(0px)  rotate(0deg); border-radius:0px;}
    50% {-transform: translateX(20px) translateY(10px) rotate(180deg); border-radius:20px;background:#e74c3c;}
    80% {-transform: translateX(0px) translateY(0px) rotate(360deg); border-radius:0px;}
    100% {-transform: translateX(0px) translateY(0px) rotate(360deg);border-radius:0px;}
}

.header{
	width: 100%;
	height: 90px;
	position: absolute;
	top: 0px;
	background: #fff;
	z-index: 10;
}

.logo{
	float: left;
	margin-top: 9px;
}

.forms{
	display: block;
	border: 1px solid #d4d4d4;
	border-radius:12px;
	overflow: hidden;
	width: 175px;
	height: 22px;
	position: absolute;
	top: 14px;
	right: 0px;
}

.forms .text{
	width: 140px;
	float: left;
	height: 22px;
	text-indent: 10px;
}

.forms .sums{
	width: 35px;
	height: 22px;
	background: url(../images/sou.png) center center no-repeat;
	float: left;
}

.nav{
	float: right;
	overflow: hidden;
	margin-top: 43px;
}

.nav li{
	float: left;
	width: 80px;
	height: 30px;
	margin-right: 30px;
	font-size: 14px;
	text-align: center;
	line-height: 30px;
}

.nav li a{
	display: block;
	width: 100%;
	height: 30px;
	transition: all .4s ease 0s;
	-webkit-transition: all .4s ease 0s;
	-moz-transition: all .4s ease 0s;
	-ms-transition: all .4s ease 0s;
	-o-transition: all .4s ease 0s;
}

.nav li:hover a{
	
	
	background: #1859ad;
	color: #fff;
	border-radius: 3px;
	transition: all .4s ease 0s;
	-webkit-transition: all .4s ease 0s;
	-moz-transition: all .4s ease 0s;
	-ms-transition: all .4s ease 0s;
	-o-transition: all .4s ease 0s;
}


/*-----------------------------------------header--------------------------------------------*/

/*-----------------------------------------footer--------------------------------------------*/

.footer{
	background: #666;
	text-align: center;
	height: 50px;
	line-height: 50px;
	width: 100%;
	color: #fff;
	z-index: 10;
	overflow: hidden;
}

.footer a{
	color: #fff;
}

/*-----------------------------------------footer--------------------------------------------*/


	
/*-----------------------------------------index--------------------------------------------*/
.banner-box{width: 100%;overflow: hidden;position: relative;height: 100%;}
.banner-nr{width: 100%;overflow: hidden;height: 100%;}
.banner-ul{width: 100%;overflow: hidden;height: 100%;}
.banner-li{width: 100%;height: 100%;}
.banner-li a{display: inline-block;width: 100%;height: 100%;}
.banner-box .flex-control-nav{width: 100%;position: absolute;bottom: 50px;left: 0px;text-align: center;z-index: 10;}
.banner-box .flex-control-nav li{width: 30px;height: 4px;border-radius:1px ;overflow: hidden;display: inline-block;margin:0px 11px;font-size: 0px;}
.banner-box .flex-control-nav li a{width: 30px;height: 4px;float: left;background: #fff;}
.banner-box .flex-control-nav li .flex-active{background: #0054a6;}

#fp-nav{
	position: fixed;
	right: 10px;
	top: 40%;
	z-index: 999999;
}

#fp-nav li a{
	width: 12px;
	height: 12px;
	display: block;
	background: #fff;
	border-radius: 50%;
	overflow: hidden;
	margin-bottom: 8px;
}

#fp-nav li .active{
	background: #0054a6;
}

.i-product{
	background: url(../images/bg1.jpg) center center no-repeat;
	background-size: cover;
}

.product-head{
	color: #1859ad;
	font-size: 42px;
	text-align: center;
	padding-top: 172px;
	line-height: 42px;
}

.product-p{
	font-size: 24px;
	line-height: 30px;
	text-align: center;
}

.product-div{
	width: 74px;
	height: 1px;
	background: #333;
	margin: 13px auto;
	position: relative;
}

.product-span1{
	display: block;
	width: 6px;
	height: 6px;
	background: #0054a6;
	border-radius: 50%;
	position: absolute;
	top: -3px;
	left: 34px;
}


.ev-box{position: relative;margin-top: 95px;}
.ev-scroll{ width: 1200px; position: relative; overflow: hidden;margin: 0px auto 0px;}
.ev-scroll li{ float: left; margin-right:33px;position: relative;}
.ev-scroll li img{width: 378px; height: 290px;}
.ev-scroll ul{ width: 1000%;margin: 0 auto;overflow: hidden;}
.ebtn{width: 28px; height: 44px; position: absolute; top: 123px; z-index: 9;}
.eprev{
	left: -60px;
	background: url(../images/left.png) center center no-repeat;
}
.enext{
	right: -60px;
	background: url(../images/right.png) center center no-repeat;
}
.ev-box .tempWrap{margin: 0 auto;}
.pro-mask{
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0px;
	left: 0px;
	background: url(../images/opc1.png) 0 0 repeat;
	z-index: 1;
	animation: flipOutX .4s ease 0s both;
	-webkit-animation: flipOutX .4s ease 0s both;
	-moz-animation: flipOutX .4s ease 0s both;
	-ms-animation: flipOutX .4s ease 0s both;
	-o-animation: flipOutX .4s ease 0s both;
}

.ev-scroll li:hover .pro-mask{
	animation: flipInX .4s ease 0s both;
	-webkit-animation: flipInX .4s ease 0s both;
	-moz-animation: flipInX .4s ease 0s both;
	-ms-animation: flipInX .4s ease 0s both;
	-o-animation: flipInX .4s ease 0s both;
}

.pro-mask span{
	display: block;
	width: 26px;
	height: 1px;
	background: #fff;
	position: absolute;
	top: 35px;
	left: 35px;
}

.pro-mask p{
	width: 308px;
	position: absolute;
	top: 50px;
	left: 35px;
	line-height: 30px;
	font-size: 18px;
	color: #fff;
	word-break: break-all;
	display: -webkit-box;
	-webkit-line-clamp:4;
	overflow: hidden;
	-webkit-box-orient:vertical;
	height: 120px;
}

.i-about{
	background: url(../images/bg2.jpg) center center no-repeat;
	background-size: cover;
}

.about-head{
	color: #fff;
	font-size: 42px;
	text-align: center;
	padding-top: 172px;
	line-height: 42px;
}

.about-p{
	font-size: 24px;
	line-height: 30px;
	text-align: center;
	color: #fff;
}

.about-div{
	width: 74px;
	height: 1px;
	background: #fff;
	margin: 13px auto;
	position: relative;
}

.about-span1{
	display: block;
	width: 6px;
	height: 6px;
	background: #fff;
	border-radius: 50%;
	position: absolute;
	top: -3px;
	left: 34px;
}

.about-list{
	margin-top: 110px;
}

.about-list li{
	width: 33.333%;
	float: left;
	text-align: center;
}

.about-list li a{
	color: #fff;
}

.about-list li h3{
	font-size: 18px;
	line-height: 36px;
}

.about-list li p{
	font-size: 14px;
	line-height: 28px;
}

.about-list li span{
	width: 186px;
	height: 187px;
	display: block;
	margin: 0 auto 25px;
}

.about-list li div{
	width: 186px;
	height: 187px;
	display: block;
	margin: 0 auto 25px;
}

.about-sp1{
	background: url(../images/ab1.png) center center no-repeat;
}

.about-sp2{
	background: url(../images/ab2.png) center center no-repeat;
}

.about-sp3{
	background: url(../images/ab3.png) center center no-repeat;
}

.about-list li div:hover .about-sp1{
	background: url(../images/ab11.png) center center no-repeat;
	animation: bounceIn .4s ease 0s both;
	-webkit-animation: bounceIn .4s ease 0s both;
	-moz-animation: bounceIn .4s ease 0s both;
	-ms-animation: bounceIn .4s ease 0s both;
	-o-animation: bounceIn .4s ease 0s both;
}

.about-list li div:hover .about-sp2{
	background: url(../images/ab22.png) center center no-repeat;
	animation: bounceIn .4s ease 0s both;
	-webkit-animation: bounceIn .4s ease 0s both;
	-moz-animation: bounceIn .4s ease 0s both;
	-ms-animation: bounceIn .4s ease 0s both;
	-o-animation: bounceIn .4s ease 0s both;
}

.about-list li div:hover .about-sp3{
	background: url(../images/ab33.png) center center no-repeat;
	animation: bounceIn .4s ease 0s both;
	-webkit-animation: bounceIn .4s ease 0s both;
	-moz-animation: bounceIn .4s ease 0s both;
	-ms-animation: bounceIn .4s ease 0s both;
	-o-animation: bounceIn .4s ease 0s both;
}

.news-ul li{
	overflow: hidden;
	margin-top: 20px;
}

.news{
	background: url(../images/bg3.jpg) center center no-repeat;
	background-size: cover;
}

.i-news-nr{
	width: 700px;
	overflow: hidden;
	display: block;
	height: 110px;
	background: #fff;
	padding-right: 90px;
	position: relative;
}

.i-news-div{
	float: left;
	width: 104px;
	padding-right: 26px;
	text-align: right;
	margin: 25px 14px 0px 0px;
}

.i-news-div h3{
	font-size: 30px;
	line-height: 30px;
	color: #1859ad;
}

.i-news-div span{
	font-size: 14px;
	line-height: 30px;
}

.news-odd .i-news-img{
	float: right;
	width: 410px;
	height: 220px;
}

.i-news-span{
	width: 43px;
	height: 43px;
	display: block;
	position: absolute;
	top: 50%;
	right: 32px;
	border-radius: 50%;
	overflow: hidden;
	margin-top: -21.5px;
	background:#e9f4ff url(../images/more.jpg) center center no-repeat;
	animation: fadeOutRight .4s ease 0s both;
	-webkit-animation: fadeOutRight .4s ease 0s both;
	-moz-animation: fadeOutRight .4s ease 0s both;
	-ms-animation: fadeOutRight .4s ease 0s both;
	-o-animation: fadeOutRight .4s ease 0s both;
}

.i-news-h3{
	line-height: 30px;
	font-size: 16px;
	margin-top: 10px;
	color: #1859ad;
	transition: all .4s ease 0s;
	-webkit-transition: all .4s ease 0s;
	-moz-transition: all .4s ease 0s;
	-ms-transition: all .4s ease 0s;
	-o-transition: all .4s ease 0s;
}

.i-news-p{
	font-size: 14px;
	line-height: 24px;
	height: 48px;
	word-break: break-all;
	display: -webkit-box;
	-webkit-box-orient:vertical;
	-webkit-line-clamp:2;
	overflow: hidden;
	transition: all .4s ease 0s;
	-webkit-transition: all .4s ease 0s;
	-moz-transition: all .4s ease 0s;
	-ms-transition: all .4s ease 0s;
	-o-transition: all .4s ease 0s;
}

.i-news-nr:hover{
	background: #1859ad;
	transition: all .4s ease 0s;
	-webkit-transition: all .4s ease 0s;
	-moz-transition: all .4s ease 0s;
	-ms-transition: all .4s ease 0s;
	-o-transition: all .4s ease 0s;
}

.i-news-nr:hover .i-news-h3{
	color: #fff;
	transition: all .4s ease 0s;
	-webkit-transition: all .4s ease 0s;
	-moz-transition: all .4s ease 0s;
	-ms-transition: all .4s ease 0s;
	-o-transition: all .4s ease 0s;
}

.i-news-nr:hover .i-news-p{
	color: #fff;
	transition: all .4s ease 0s;
	-webkit-transition: all .4s ease 0s;
	-moz-transition: all .4s ease 0s;
	-ms-transition: all .4s ease 0s;
	-o-transition: all .4s ease 0s;
}

.i-news-nr:hover .i-news-div{
	color: #fff;
	transition: all .4s ease 0s;
	-webkit-transition: all .4s ease 0s;
	-moz-transition: all .4s ease 0s;
	-ms-transition: all .4s ease 0s;
	-o-transition: all .4s ease 0s;
}

.i-news-nr:hover .i-news-div>h3{
	color: #fff;
	transition: all .4s ease 0s;
	-webkit-transition: all .4s ease 0s;
	-moz-transition: all .4s ease 0s;
	-ms-transition: all .4s ease 0s;
	-o-transition: all .4s ease 0s;
}

.i-news-nr:hover .i-news-span{
	animation: fadeInRight .4s ease 0s both;
	-webkit-animation: fadeInRight .4s ease 0s both;
	-moz-animation: fadeInRight .4s ease 0s both;
	-ms-animation: fadeInRight .4s ease 0s both;
	-o-animation: fadeInRight .4s ease 0s both;
}

.news-odd .i-news-lisp{
	display: table-cell;
	width: 264px;
	height: 46px;
	background: url(../images/opc3.png) 0 0 repeat;
	position: absolute;
	bottom: 0px;
	right: 0px;
	font-size: 22px;
	color: #fff;
	text-align: center;
	line-height: 46px;
	vertical-align: middle;
}

.i-news-lisp img{
	margin-left: 10px;
}

.news-even .i-news-img{
	float: left;
	width: 410px;
	height: 220px;
}

.news-even .i-news-lisp{
	display: table-cell;
	width: 264px;
	height: 46px;
	background: url(../images/opc3.png) 0 0 repeat;
	position: absolute;
	bottom: 0px;
	left: 146px;
	font-size: 22px;
	color: #fff;
	text-align: center;
	line-height: 46px;
	vertical-align: middle;
}

.i-news-img{
	opacity: 1;
	transition: all .4s ease 0s;
	-webkit-transition: all .4s ease 0s;
	-moz-transition: all .4s ease 0s;
	-ms-transition: all .4s ease 0s;
	-o-transition: all .4s ease 0s;
}

.i-news-img:hover{
	opacity: .6;
	transition: all .4s ease 0s;
	-webkit-transition: all .4s ease 0s;
	-moz-transition: all .4s ease 0s;
	-ms-transition: all .4s ease 0s;
	-o-transition: all .4s ease 0s;
}

.i-contact{
	background: url(../images/bg5.jpg) center center no-repeat;
	background-size: cover;
	position: relative;
}

.contact-fot{
	width: 1033px;
	height: 175px;
	box-sizing: border-box;
	background: url(../images/fot.png) center center no-repeat;
	margin: 35px auto 75px;
	padding: 30px 45px;
	font-size: 14px;
	color: #fff;
	line-height: 30px;
	text-align: center;
}

.conts-left{
	float: left;
	width: 510px;
	text-align: right;
}

.conts-right{
	width: 600px;
	float: right;
}

.conts-right img{
	margin: 10px 0px;
}

.conts-right div{
	font-size: 16px;
	line-height: 30px;
	color: #fff;
	overflow: hidden;
}

.share{
	float: left;
}

.conts-right span{
	float: left;
}

/*-----------------------------------------index--------------------------------------------*/

	
	
	
/*-----------------------------------------hr--------------------------------------------*/


	
/*-----------------------------------------about--------------------------------------------*/

.banners{
	margin: 90px 0px 45px;
	height: 214px;
	width: 100%;
}

.bannerss{
	display: none;
}

/*-----------------------------------------download--------------------------------------------*/

.download-ul{
	margin-bottom: 40px;
}

.download-ul a{
	display: block;
	padding-left: 28px;
	border-bottom: 1px dashed #e5e5e5;
	height: 39px;
	line-height: 39px;
	font-size: 14px;
	background: url(../images/xia2.jpg) 6px center no-repeat;
}

.download-ul a p{
	float: left;
	width: 80%;
	word-break: break-all;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
	overflow: hidden;
}

.download-ul a span{
	float: right;
	width: 23px;
	height: 23px;
	margin: 8px 5px;
	background: url(../images/xia4.jpg) center center no-repeat;
}

.download-ul a:hover{
	background: url(../images/xia1.jpg) 6px center no-repeat;
}

.download-ul a:hover span{
	background: url(../images/xia3.jpg) center center no-repeat;
}

/*-----------------------------------------download--------------------------------------------*/

/*-----------------------------------------contact--------------------------------------------*/
.contact-head{
	margin-bottom: 20px;
}

.contact-img{
	float: right;
	width: 122px;
	line-height: 48px;
	text-align: center;
	font-size: 16px;
}

.contact-head p{
	font-size: 16px;
	line-height: 36px;
}













/*.message{width: 650px;padding: 25px 0px;margin: 0 auto;}
.mess_top{width: 520px;text-align: center;font-size: 16px;line-height: 16px;height: 16px;position: relative;color: #000000;margin-bottom: 55px;}
.mess_top img{position: absolute;left: 0px;bottom: 0px;}
.fpr p{width: 86px;line-height: 28px;font-size: 14px;text-align: right;float: left;height: 28px;}
.fpr span{width: 100px;float: left;font-size: 12px;line-height: 28px;margin-left: 5px;}
.fpr{margin-bottom: 21px;width: 100%;overflow: hidden;}
.name input{width: 250px;height: 28px;border: 1px solid #E5E5E5;float: left;font-size: 14px;text-indent: 5px;}
.nrs input{width: 455px;height: 28px;border: 1px solid #E5E5E5;float: left;font-size: 14px;text-indent: 5px;}
.nrs textarea{width: 455px;height: 104px;border: 1px solid #E5E5E5;float: left;font-size: 14px;text-indent: 5px;line-height: 26px;resize: none;}
.code input{width: 160px;height: 28px;border: 1px solid #E5E5E5;float: left;font-size: 14px;text-indent: 5px;}
.code img{width: 83px;height: 28px;float: left;margin-left: 20px;}
.sum{font-size: 14px;height: 28px;float: left;margin-left: 86px;width: 100px;text-align: center;line-height: 28px;background: #2e64b4;color: #FFF;}*/

/*-----------------------------------------contact--------------------------------------------*/



/*-----------------------------------------pro--------------------------------------------*/

.left{
	width: 240px;
	float: left;
}

.left li{
	margin-bottom: 15px;
}

.left-a{
	padding: 5px 23px 5px 14px;
	width: 203px;
	display: table-cell;
	vertical-align: middle;
	height: 32px;
	font-size: 14px;
	border-radius: 3px;
	background: #eeeeee url(../images/pro-2.png) 217px center no-repeat;
	transition: all .4s ease 0s;
	-webkit-transition: all .4s ease 0s;
	-moz-transition: all .4s ease 0s;
	-ms-transition: all .4s ease 0s;
	-o-transition: all .4s ease 0s;
}

.left .left-a-cur{
	background: #1859ad url(../images/pro-1.png) 217px center no-repeat;
	color: #fff;
	
}

.left-a:hover{
	background: #1859ad url(../images/pro-1.png) 217px center no-repeat;
	color: #fff;
	transition: all .4s ease 0s;
	-webkit-transition: all .4s ease 0s;
	-moz-transition: all .4s ease 0s;
	-ms-transition: all .4s ease 0s;
	-o-transition: all .4s ease 0s;
}

.left-med{
	overflow: hidden;
	display: none;
}

.left-med a{
	margin-top: 6px;
	float: left;
	width: 100%;
	padding: 6px 0px;
	background: #f6f6f6;
	border-radius: 6px;
	font-size: 14px;
	text-align: center;
	display: table-cell;
	vertical-align: middle;
}

.left-med .left-as{
	background: #a3bdde;
}

.left-med a:hover{
	background: #a3bdde;
}

.rights{
	width: 920px;
	float: right;
}

.a-nav{
	text-align: right;
	margin-bottom: 25px;
}

.cur{
	color: #1859ad;
}

.a-nav span{
	display: inline-block;
	margin-left: 5px;
}

.article{
	overflow: hidden;
	padding-bottom: 40px;
}

.article *{
	max-width: 100%!important;
}

.product-ul li{
	padding: 12px 0px;
	border-bottom: 1px solid #f3f3f3;
}

.product-ul li img{
	width: 186px;
	height: 143px;
	float: left;
	margin-right: 30px;
	transition: all .4s ease 0s;
	-webkit-transition: all .4s ease 0s;
	-moz-transition: all .4s ease 0s;
	-ms-transition: all .4s ease 0s;
	-o-transition: all .4s ease 0s;
}

.product-ul li img:hover{
	opacity: 0.6;
	transition: all .4s ease 0s;
	-webkit-transition: all .4s ease 0s;
	-moz-transition: all .4s ease 0s;
	-ms-transition: all .4s ease 0s;
	-o-transition: all .4s ease 0s;
}

.pro-div{
	background: #fbfbfb;
	height: 143px;
	padding-right: 20px;
}

.pro-div h3{
	font-size: 18px;
	line-height: 40px;
	color: #1859ad;
	padding-top: 6px;
	transition: all .4s ease 0s;
	-webkit-transition: all .4s ease 0s;
	-moz-transition: all .4s ease 0s;
	-ms-transition: all .4s ease 0s;
	-o-transition: all .4s ease 0s;
}

.pro-div p{
	font-size: 14px;
	line-height: 26px;
	height: 52px;
	word-break: break-all;
	vertical-align: middle;
	-webkit-box-orient: vertical;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	overflow: hidden;
	margin-bottom: 10px;
}

.pro-div h3:hover{
	text-indent: 10px;
	transition: all .4s ease 0s;
	-webkit-transition: all .4s ease 0s;
	-moz-transition: all .4s ease 0s;
	-ms-transition: all .4s ease 0s;
	-o-transition: all .4s ease 0s;
}

.pro-more{
	color: #1859AD;
	font-size: 14px;
}
/*-----------------------------------------pro--------------------------------------------*/


/*-----------------------------------------news--------------------------------------------*/

.newscenter-ul li{
	margin-bottom: 20px;
	overflow: hidden;
}

.newscenter-ul li img{
	width: 167px;
	height: 110px;
	float: left;
}

.newscenter-ul .i-news-nr:hover{
	background: #1859AD;
}

.newscenter-ul .i-news-nr{
	width: 753px;
	float: left;
	padding: 0;
	background: #f6f6f6;
}

/*-----------------------------------------news--------------------------------------------*/



/*手机导航*/
	.med-btn{width: 30px;overflow: hidden;position: absolute;bottom: 10.5px;right: 10px;display: none;}
	.med-btn span{height: 5px;border-radius:4px;width: 100%;float: left;margin-bottom: 6px;background: #2c5eaa;padding: 0px;}
	.med_nav{width: 90%;height: 100%;overflow: auto;position: fixed;top: 0px;left: -90%;background:#F1F1F1;z-index: 99999;
		transition: all 0.6s ease 0s;
		-webkit-transition: all 0.6s ease 0s;
		-moz-transition: all 0.6s ease 0s;
		-ms-transition: all 0.6s ease 0s;
		-o-transition: all 0.6s ease 0s;
		}
	.med-ul{width: 100%;overflow: hidden;}
	.med_box>li{width: 100%;border-bottom: 1px solid #e0e0e0;overflow: hidden;}
	.m_na{width:100%;display: inline-block;/*background: url(../images/add.png) 95% center no-repeat;*/line-height: 40px;font-size: 16px;background-size: 15px;text-indent: 10px;}
/*	.m_nacur{color: #fff;}*/
	.med_box .m_nacur{background: url(../images/reduce.png) 95% center no-repeat;background-size: 15px;}
	.md_head{width:100%;padding: 0px 20px;display: inline-block;background:#e0e0e0 url(../images/arrow.png) 93% center no-repeat;line-height: 40px;font-size: 14px;background-size: 15px;}
	.md_head a{width: 100%;display: inline-block;border-top: 1px solid #CCCCCC;}
	.md_head .lineno{border-top: none;}
	.md_head1 a{color: #fff;}
	.med_box .md_head1{background:#e0e0e0 url(../images/arrow-active.png) 93% center no-repeat;background-size: 15px;}
	.md_nr{background: #CCCCCC;width: 100%;padding: 0 25px;line-height: 40px;font-size: 12px;display: none;}
	.md_nr a{width: 100%;display: inline-block;border-top: 1px solid #e0e0e0 ;}
	.md_nr .lineno{border-top: none;}
	.md_box{display: none;width: 100%;}
	.mask{width: 100%;height: 100%;position: fixed;top: 0px;background: rgba(0,0,0,.5);z-index: 99998;left: -100%;
		transition: all 0s ease .8s;
		-webkit-transition: all 0s ease .8s;
		-moz-transition: all 0s ease .8s;
		-ms-transition: all 0s ease .8s;
		-o-transition: all 0s ease .8s;
		}
	
	/*开关效果*/
	
	body .scroll_med{left: 0px;
		transition: all .8s ease 0s;
		-webkit-transition: all .8s ease 0s;
		-moz-transition: all .8s ease 0s;
		-ms-transition: all .8s ease 0s;
		-o-transition: all .8s ease 0s;
	}
	body .mask1{
		left: 0px;
		transition: all .8s ease 0s;
		-webkit-transition: all .8s ease 0s;
		-moz-transition: all .8s ease 0s;
		-ms-transition: all .8s ease 0s;
		-o-transition: all .8s ease 0s;
	}
	
	.pages{ text-align:center;margin: 50px 0px;}
	.pages a{ display: inline-block; padding:3px 10px; border:1px solid #e7e7e7; color: #333333; border-radius: 2px; margin: 0 1px;background: #fff;}
	.pages .cr{ background: #1859ad;color: #FFFFFF;}
	.pages a:hover{background: #1859ad;color: #FFFFFF;}
	
	.return{
		text-align: right;
		margin: 30px auto;
	}
	
	.return a{
		display: inline-block;
		width: 80px;
		height: 30px;
		text-align: center;
		line-height: 30px;
		background: #1859AD;
		color: #fff;
		font-size: 14px;
		border-radius: 4px;
	}
/*-------------------------------------------------animations-------------------------------------------*/

@media only screen and (max-width: 1440px) {
	.product-head{padding-top: 20px;}
	.about-head{padding-top: 20px;}
	.ev-box{margin-top: 60px;}
	.about-list{margin-top: 60px;}
}



@media only screen and (max-width: 1200px) {
	
	.wrap{width: 98%;}
	.nav{display: none;}
	.med-btn{display: block;}
	.header{height: auto;}
	.logo{width: 150px;margin: 5px 0px;}
	.forms{right: 70px;}
	.right{display: none;}
	.ev-scroll{width: 378px;}
	.eprev{left: 10px;}
	.enext{right: 10px;}
	.contact-fot{width: 98%;margin: 0 auto;padding: 0;height: auto;}
	.conts-left{width: 100%;text-align: center;margin: 20px auto;}
	.conts-right{width: 100%;}
	.rights{width: 100%;}
}
@media only screen and (max-width: 1024px) {
	
	.footer{height: auto;line-height: 35px;}
	/*.i-product{padding-bottom: 30px;}
	.i-about{padding-bottom: 30px;}
	.news{padding-bottom: 30px;}
	.i-contact{padding-bottom: 100px;}*/
	/*.banner-box{height: 270px;margin-top: 58px;}*/
	.news-odd .i-news-img{width: 200px;height: 107.3px;float: none;display: block;margin: 0 auto 10px;}
	.news-even .i-news-img{width: 200px;height: 107.3px;float: none;display: block;margin: 0 auto 10px;}
	.news-odd .i-news-lisp{width: 132px;height: 28px;line-height: 27px;font-size: 15px;bottom: 108px;right: 50%;margin-right: -66px}
	.news-even .i-news-lisp{width: 132px;height: 28px;line-height: 27px;font-size: 15px;bottom: 108px;left: 50%;margin-left: -66px;}
	.i-news-nr{width: initial;}
	.conts-right div{font-size: 14px;}
	.newscenter-ul li img{float: none;display: block;margin: 0 auto 20px;}
	.newscenter-ul .i-news-nr{width: 100%;}
	.news-odd>.i-news-nr:nth-child(2){display: none;}
	.news-even>.i-news-nr:nth-child(2){display: none;}
	.news-ul .i-news-div{display: none;}
	.i-news-nr:hover .i-news-span{display: none;}
}
@media only screen and (max-width: 860px) {
	
	
}
@media only screen and (max-width: 768px) {
	
	
}
@media only screen and (max-width: 640px) {
	
	.banners{display: none;}
	.bannerss{width: 100%;display: block;margin-top: 42px;}
	.left{float: none;margin: 40px auto 0px;}
	.bannerss img{width: 100%;}
	.product-head{font-size: 20px;line-height: 30px;}
	.about-head{font-size: 20px;line-height: 30px;}
	.product-p{font-size: 16px;line-height: 20px;}
	.about-p{font-size: 16px;line-height: 20px;}
	.about-div{margin: 5px auto;}
	.about-list{margin-top: 20px;}
	.about-list li{width: 100%;margin-bottom: 10px;}
	.about-list li div{width: 60px;height: 60px;margin-bottom: 10px;}
	.about-list li span{background-size: contain;width: 60px;height: 60px;margin-bottom: 10px;}
/*	.banner-box{margin-top: 42px;}*/
	.i-news-div{float: none;margin: 15px auto 0px;}
	.i-news-nr{padding: 5px;height: auto;}
	.product-ul li img{float: none;display: block;margin: 0 auto 20px;}
	.contact-img{float: none;display: block;margin: 0 auto 10px;font-size: 14px;}
	.contact-head p{font-size: 14px;}
	.contact-fot{height: 90px;overflow: hidden;}
	.conts-left img{width: 100px;height: 100px;}
	.conts-left{margin: 5px auto;}
	
}
@media only screen and (max-width: 510px) {
	
	.forms{display: none;}
	.logo{width: 100px;}
	.med-btn{bottom: 4.5px;}
	.med-btn span{height: 3px;}
	.banner-box .flex-control-nav{bottom: 25px;}
}
	
@media only screen and (max-width: 410px) {
	
	.ev-box{margin-top: 20px;}
	.ev-scroll{width: 240px;}
	.ev-scroll li{
		width: 240px;
	}
	
	.ev-scroll li img{
		width: 240px;
		height: 184px;
	}
	
	.ebtn{top: 72px;}
	.eprev{left: 0px;}
	.enext{right: 0px;}
	.pro-mask{
		animation: flipOutX .4s ease 0s;
		-webkit-animation: flipOutX .4s ease 0s;
		-moz-animation: flipOutX .4s ease 0s;
		-ms-animation: flipOutX .4s ease 0s;
		-o-animation: flipOutX .4s ease 0s;
	}
	
	.pro-mask span{top: 15px;left: 5px;}
	.pro-mask p{width: 230px;top: 30px;left: 5px;font-size: 14px;}
	
	
}	
/*-------------------------------------------------animations-------------------------------------------*/
.active .product-head{
	animation: fadeInUp .4s ease 1.2s both;
	-webkit-animation: fadeInUp .4s ease 1.2s both;
	-moz-animation: fadeInUp .4s ease 1.2s both;
	-ms-animation: fadeInUp .4s ease 1.2s both;
	-o-animation: fadeInUp .4s ease 1.2s both;
}
.product-head{
	animation: fadeOutUp .2s ease 0s both;
	-webkit-animation: fadeOutUp .2s ease 0s both;
	-moz-animation: fadeOutUp .2s ease 0s both;
	-ms-animation: fadeOutUp .2s ease 0s both;
	-o-animation: fadeOutUp .2s ease 0s both;
}

.active .product-p{
	animation: fadeInLeft .4s ease 1.3s both;
	-webkit-animation: fadeInLeft .4s ease 1.3s both;
	-moz-animation: fadeInLeft .4s ease 1.3s both;
	-ms-animation: fadeInLeft .4s ease 1.3s both;
	-o-animation: fadeInLeft .4s ease 1.3s both;
}

.product-p{
	animation: fadeOutLeft .2s ease 0s both;
	-webkit-animation: fadeOutLeft .2s ease 0s both;
	-moz-animation: fadeOutLeft .2s ease 0s both;
	-ms-animation: fadeOutLeft .2s ease 0s both;
	-o-animation: fadeOutLeft .2s ease 0s both;
}

.active .product-div{
	animation: fadeInRight .4s ease 1.3s both;
	-webkit-animation: fadeInRight .4s ease 1.3s both;
	-moz-animation: fadeInRight .4s ease 1.3s both;
	-ms-animation: fadeInRight .4s ease 1.3s both;
	-o-animation: fadeInRight .4s ease 1.3s both;
}

.product-div{
	animation: fadeOutRight .2s ease 0s both;
	-webkit-animation: fadeOutRight .2s ease 0s both;
	-moz-animation: fadeOutRight .2s ease 0s both;
	-ms-animation: fadeOutRight .2s ease 0s both;
	-o-animation: fadeOutRight .2s ease 0s both;
}

.active .about-head{
	animation: fadeInUp .4s ease 1.2s both;
	-webkit-animation: fadeInUp .4s ease 1.2s both;
	-moz-animation: fadeInUp .4s ease 1.2s both;
	-ms-animation: fadeInUp .4s ease 1.2s both;
	-o-animation: fadeInUp .4s ease 1.2s both;
}
.about-head{
	animation: fadeOutUp .2s ease 0s both;
	-webkit-animation: fadeOutUp .2s ease 0s both;
	-moz-animation: fadeOutUp .2s ease 0s both;
	-ms-animation: fadeOutUp .2s ease 0s both;
	-o-animation: fadeOutUp .2s ease 0s both;
}

.active .about-p{
	animation: fadeInLeft .4s ease 1.3s both;
	-webkit-animation: fadeInLeft .4s ease 1.3s both;
	-moz-animation: fadeInLeft .4s ease 1.3s both;
	-ms-animation: fadeInLeft .4s ease 1.3s both;
	-o-animation: fadeInLeft .4s ease 1.3s both;
}

.about-p{
	animation: fadeOutLeft .2s ease 0s both;
	-webkit-animation: fadeOutLeft .2s ease 0s both;
	-moz-animation: fadeOutLeft .2s ease 0s both;
	-ms-animation: fadeOutLeft .2s ease 0s both;
	-o-animation: fadeOutLeft .2s ease 0s both;
}

.active .about-div{
	animation: fadeInRight .4s ease 1.3s both;
	-webkit-animation: fadeInRight .4s ease 1.3s both;
	-moz-animation: fadeInRight .4s ease 1.3s both;
	-ms-animation: fadeInRight .4s ease 1.3s both;
	-o-animation: fadeInRight .4s ease 1.3s both;
}

.about-div{
	animation: fadeOutRight .2s ease 0s both;
	-webkit-animation: fadeOutRight .2s ease 0s both;
	-moz-animation: fadeOutRight .2s ease 0s both;
	-ms-animation: fadeOutRight .2s ease 0s both;
	-o-animation: fadeOutRight .2s ease 0s both;
}

.active .ev-scroll li:nth-child(3n){
	animation: fadeInDown .4s ease 1.7s both;
	-webkit-animation: fadeInDown .4s ease 1.7s both;
	-moz-animation: fadeInDown .4s ease 1.7s both;
	-ms-animation: fadeInDown .4s ease 1.7s both;
	-o-animation: fadeInDown .4s ease 1.7s both;
}

.active .ev-scroll li:nth-child(3n+1){
	animation: fadeInDown .4s ease 1.3s both;
	-webkit-animation: fadeInDown .4s ease 1.3s both;
	-moz-animation: fadeInDown .4s ease 1.3s both;
	-ms-animation: fadeInDown .4s ease 1.3s both;
	-o-animation: fadeInDown .4s ease 1.3s both;
}

.active .ev-scroll li:nth-child(3n+2){
	animation: fadeInDown .4s ease 1.5s both;
	-webkit-animation: fadeInDown .4s ease 1.5s both;
	-moz-animation: fadeInDown .4s ease 1.5s both;
	-ms-animation: fadeInDown .4s ease 1.5s both;
	-o-animation: fadeInDown .4s ease 1.5s both;
}

.ev-scroll li:nth-child(3n){
	animation: fadeOutDown .2s ease .2s both;
	-webkit-animation: fadeOutDown .2s ease .2s both;
	-moz-animation: fadeOutDown .2s ease .2s both;
	-ms-animation: fadeOutDown .2s ease .2s both;
	-o-animation: fadeOutDown .2s ease .2s both;
}

.ev-scroll li:nth-child(3n+1){
	animation: fadeOutDown .2s ease 0s both;
	-webkit-animation: fadeOutDown .2s ease 0s both;
	-moz-animation: fadeOutDown .2s ease 0s both;
	-ms-animation: fadeOutDown .2s ease 0s both;
	-o-animation: fadeOutDown .2s ease 0s both;
}

.ev-scroll li:nth-child(3n+2){
	animation: fadeOutDown .2s ease .1s both;
	-webkit-animation: fadeOutDown .2s ease .1s both;
	-moz-animation: fadeOutDown .2s ease .1s both;
	-ms-animation: fadeOutDown .2s ease .1s both;
	-o-animation: fadeOutDown .2s ease .1s both;
}

.active .enext{
	animation: fadeInRight .4s ease 1.7s both;
	-webkit-animation: fadeInRight .4s ease 1.7s both;
	-moz-animation: fadeInRight .4s ease 1.7s both;
	-ms-animation: fadeInRight .4s ease 1.7s both;
	-o-animation: fadeInRight .4s ease 1.7s both;
}

.active .eprev{
	animation: fadeInLeft .4s ease 1.7s both;
	-webkit-animation: fadeInLeft .4s ease 1.7s both;
	-moz-animation: fadeInLeft .4s ease 1.7s both;
	-ms-animation: fadeInLeft .4s ease 1.7s both;
	-o-animation: fadeInLeft .4s ease 1.7s both;
}

.enext{
	animation: fadeOutRight .2s ease 0s both;
	-webkit-animation: fadeOutRight .2s ease 0s both;
	-moz-animation: fadeOutRight .2s ease 0s both;
	-ms-animation: fadeOutRight .2s ease 0s both;
	-o-animation: fadeOutRight .2s ease 0s both;
}

.eprev{
	animation: fadeOutLeft .2s ease 0s both;
	-webkit-animation: fadeOutLeft .2s ease 0s both;
	-moz-animation: fadeOutLeft .2s ease 0s both;
	-ms-animation: fadeOutLeft .2s ease 0s both;
	-o-animation: fadeOutLeft .2s ease 0s both;
}

.about-list li:nth-child(1){
	animation: rollOut .4s ease 0.2s both;
	-webkit-animation: rollOut .4s ease 0.2s both;
	-moz-animation: rollOut .4s ease 0.2s both;
	-ms-animation: rollOut .4s ease 0.2s both;
	-o-animation: rollOut .4s ease 0.2s both;
}

.active .about-list li:nth-child(1){
	animation: rollIn .4s ease 1.3s both;
	-webkit-animation: rollIn .4s ease 1.3s both;
	-moz-animation: rollIn .4s ease 1.3s both;
	-ms-animation: rollIn .4s ease 1.3s both;
	-o-animation: rollIn .4s ease 1.3s both;
}

.about-list li:nth-child(2){
	animation: rollOut .4s ease 0.1s both;
	-webkit-animation: rollOut .4s ease 0.1s both;
	-moz-animation: rollOut .4s ease 0.1s both;
	-ms-animation: rollOut .4s ease 0.1s both;
	-o-animation: rollOut .4s ease 0.1s both;
}

.active .about-list li:nth-child(2){
	animation: rollIn .4s ease 1.5s both;
	-webkit-animation: rollIn .4s ease 1.5s both;
	-moz-animation: rollIn .4s ease 1.5s both;
	-ms-animation: rollIn .4s ease 1.5s both;
	-o-animation: rollIn .4s ease 1.5s both;
}

.about-list li:nth-child(3){
	animation: rollOut .4s ease 0s both;
	-webkit-animation: rollOut .4s ease 0s both;
	-moz-animation: rollOut .4s ease 0s both;
	-ms-animation: rollOut .4s ease 0s both;
	-o-animation: rollOut .4s ease 0s both;
}

.active .about-list li:nth-child(3){
	animation: rollIn .4s ease 1.7s both;
	-webkit-animation: rollIn .4s ease 1.7s both;
	-moz-animation: rollIn .4s ease 1.7s both;
	-ms-animation: rollIn .4s ease 1.7s both;
	-o-animation: rollIn .4s ease 1.7s both;
}

.active  .news-odd .i-news-img{
	animation: fadeInLeft .4s ease 1.3s both;
	-webkit-animation: fadeInLeft .4s ease 1.3s both;
	-moz-animation: fadeInLeft .4s ease 1.3s both;
	-ms-animation: fadeInLeft .4s ease 1.3s both;
	-o-animation: fadeInLeft .4s ease 1.3s both;
}

.active .news-odd .i-news-lisp{
	animation: fadeInLeft .4s ease 1.3s both;
	-webkit-animation: fadeInLeft .4s ease 1.3s both;
	-moz-animation: fadeInLeft .4s ease 1.3s both;
	-ms-animation: fadeInLeft .4s ease 1.3s both;
	-o-animation: fadeInLeft .4s ease 1.3s both;
}

.news-odd .i-news-img{
	animation: fadeOutRight .4s ease 0s both;
	-webkit-animation: fadeOutRight .4s ease 0s both;
	-moz-animation: fadeOutRight .4s ease 0s both;
	-ms-animation: fadeOutRight .4s ease 0s both;
	-o-animation: fadeOutRight .4s ease 0s both;
}

.news-odd .i-news-lisp{
	animation: fadeOutRight .4s ease 0s both;
	-webkit-animation: fadeOutRight .4s ease 0s both;
	-moz-animation: fadeOutRight .4s ease 0s both;
	-ms-animation: fadeOutRight .4s ease 0s both;
	-o-animation: fadeOutRight .4s ease 0s both;
}

.active .news-odd .i-news-nr:nth-child(2){
	animation: fadeInRight .4s ease 1.7s both;
	-webkit-animation: fadeInRight .4s ease 1.7s both;
	-moz-animation: fadeInRight .4s ease 1.7s both;
	-ms-animation: fadeInRight .4s ease 1.7s both;
	-o-animation: fadeInRight .4s ease 1.7s both;
}

.active .news-odd .i-news-nr:nth-child(3){
	animation: fadeInRight .4s ease 1.8s both;
	-webkit-animation: fadeInRight .4s ease 1.8s both;
	-moz-animation: fadeInRight .4s ease 1.8s both;
	-ms-animation: fadeInRight .4s ease 1.8s both;
	-o-animation: fadeInRight .4s ease 1.8s both;
}

.news-odd .i-news-nr:nth-child(2){
	animation: fadeOutLeft .4s ease 0s both;
	-webkit-animation: fadeOutLeft .4s ease 0s both;
	-moz-animation: fadeOutLeft .4s ease 0s both;
	-ms-animation: fadeOutLeft .4s ease 0s both;
	-o-animation: fadeOutLeft .4s ease 0s both;
}

.news-odd .i-news-nr:nth-child(3){
	animation: fadeOutLeft .4s ease .1s both;
	-webkit-animation: fadeOutLeft .4s ease .1s both;
	-moz-animation: fadeOutLeft .4s ease .1s both;
	-ms-animation: fadeOutLeft .4s ease .1s both;
	-o-animation: fadeOutLeft .4s ease .1s both;
}

.active  .news-even .i-news-img{
	animation: fadeInRight .4s ease 1.3s both;
	-webkit-animation: fadeInRight .4s ease 1.3s both;
	-moz-animation: fadeInRight .4s ease 1.3s both;
	-ms-animation: fadeInRight .4s ease 1.3s both;
	-o-animation: fadeInRight .4s ease 1.3s both;
}

.active .news-even .i-news-lisp{
	animation: fadeInRight .4s ease 1.3s both;
	-webkit-animation: fadeInRight .4s ease 1.3s both;
	-moz-animation: fadeInRight .4s ease 1.3s both;
	-ms-animation: fadeInRight .4s ease 1.3s both;
	-o-animation: fadeInRight .4s ease 1.3s both;
}

.news-even .i-news-img{
	animation: fadeOutLeft .4s ease 0s both;
	-webkit-animation: fadeOutLeft .4s ease 0s both;
	-moz-animation: fadeOutLeft .4s ease 0s both;
	-ms-animation: fadeOutLeft .4s ease 0s both;
	-o-animation: fadeOutLeft .4s ease 0s both;
}

.news-even .i-news-lisp{
	animation: fadeOutLeft .4s ease 0s both;
	-webkit-animation: fadeOutLeft .4s ease 0s both;
	-moz-animation: fadeOutLeft .4s ease 0s both;
	-ms-animation: fadeOutLeft .4s ease 0s both;
	-o-animation: fadeOutLeft .4s ease 0s both;
}

.active .news-even .i-news-nr:nth-child(2){
	animation: fadeInLeft .4s ease 1.7s both;
	-webkit-animation: fadeInLeft .4s ease 1.7s both;
	-moz-animation: fadeInLeft .4s ease 1.7s both;
	-ms-animation: fadeInLeft .4s ease 1.7s both;
	-o-animation: fadeInLeft .4s ease 1.7s both;
}

.active .news-even .i-news-nr:nth-child(3){
	animation: fadeInLeft .4s ease 1.8s both;
	-webkit-animation: fadeInLeft .4s ease 1.8s both;
	-moz-animation: fadeInLeft .4s ease 1.8s both;
	-ms-animation: fadeInLeft .4s ease 1.8s both;
	-o-animation: fadeInLeft .4s ease 1.8s both;
}

.news-even .i-news-nr:nth-child(2){
	animation: fadeOutRight .4s ease 0s both;
	-webkit-animation: fadeOutRight .4s ease 0s both;
	-moz-animation: fadeOutRight .4s ease 0s both;
	-ms-animation: fadeOutRight .4s ease 0s both;
	-o-animation: fadeOutRight .4s ease 0s both;
}

.news-even .i-news-nr:nth-child(3){
	animation: fadeOutRight .4s ease .1s both;
	-webkit-animation: fadeOutRight .4s ease .1s both;
	-moz-animation: fadeOutRight .4s ease .1s both;
	-ms-animation: fadeOutRight .4s ease .1s both;
	-o-animation: fadeOutRight .4s ease .1s both;
}

.contact-fot{
	animation: bounceOut .4s ease 0s both;
	-webkit-animation: bounceOut .4s ease 0s both;
	-moz-animation: bounceOut .4s ease 0s both;
	-ms-animation: bounceOut .4s ease 0s both;
	-o-animation: bounceOut .4s ease 0s both;
}

.active .contact-fot{
	animation: bounceIn .4s ease 1.3s both;
	-webkit-animation: bounceIn .4s ease 1.3s both;
	-moz-animation: bounceIn .4s ease 1.3s both;
	-ms-animation: bounceIn .4s ease 1.3s both;
	-o-animation: bounceIn .4s ease 1.3s both;
}

.active .conts-left{
	animation: fadeInLeft .4s ease 1.7s both;
	-webkit-animation: fadeInLeft .4s ease 1.7s both;
	-moz-animation: fadeInLeft .4s ease 1.7s both;
	-ms-animation: fadeInLeft .4s ease 1.7s both;
	-o-animation: fadeInLeft .4s ease 1.7s both;
}

.active .conts-right{
	animation: fadeInRight .4s ease 1.7s both;
	-webkit-animation: fadeInRight .4s ease 1.7s both;
	-moz-animation: fadeInRight .4s ease 1.7s both;
	-ms-animation: fadeInRight .4s ease 1.7s both;
	-o-animation: fadeInRight .4s ease 1.7s both;
}

.conts-left{
	animation: fadeOutLeft .4s ease 0s both;
	-webkit-animation: fadeOutLeft .4s ease 0s both;
	-moz-animation: fadeOutLeft .4s ease 0s both;
	-ms-animation: fadeOutLeft .4s ease 0s both;
	-o-animation: fadeOutLeft .4s ease 0s both;
}

.conts-right{
	animation: fadeOutRight .4s ease 0s both;
	-webkit-animation: fadeOutRight .4s ease 0s both;
	-moz-animation: fadeOutRight .4s ease 0s both;
	-ms-animation: fadeOutRight .4s ease 0s both;
	-o-animation: fadeOutRight .4s ease 0s both;
}