@charset "utf-8";

.ipro{ padding: 20px 0 50px;}
.ipro .tit{margin-bottom: 30px; background: none;}
.ipro .tit h1{background: url(../images/xian2.png) no-repeat center;}
.tit{width: 1200px; margin: 0 auto; text-align: center; /*background: url(../images/bg2.png) no-repeat bottom center;*/ padding-bottom: 30px; overflow: hidden;}
.tit h1{font-size:36px; font-weight: bold; line-height: 2em; color:#4787f1;}
.tit p{color: #333;font-size: 16px;font-family: "Microsoft YaHei";text-align:center;}


.icase{ padding: 20px 0 50px;background: url(../images/case_bg.jpg) no-repeat center top;}
.icase .tit h1{background: url(../images/xian2.png) no-repeat center;}


.inews{padding: 20px 0 40px;  /*background-attachment:fixed;*/}
.inews .tit{padding-bottom: 50px; background: none;}
.inews .tit h1{background: url(../images/xian2.png) no-repeat center;}


.responsibility{padding:30px 0 40px;height: 580px;}
.responsibility .tit{
	margin-bottom: 20px;
}
.responsibility .tit h1{background: url(../images/xian2.png) no-repeat center;}
.responsibility ul{/*padding-top: 30px;*/ width: 1200px; margin: 0 auto;}
.responsibility ul li{float: left; width: 24.8%; margin-left: 0.266%;}
.responsibility ul li:first-child{margin-left: 0;}
.responsibility ul li a{display: block; overflow: hidden; position: relative; margin-bottom: 15px;transition: .5s;-ms-transition: .5s;-webkit-transition: .5s;-o-transition: .5s;-moz-transition: .5s;}
.responsibility ul li a .text{position: absolute; top: 100%; left: 0; width: 100%; height: 100%;  color: #fff; text-align: center;transition: 0.5s;-ms-transition: 0.5s;-webkit-transition: 0.5s;-o-transition: 0.5s;-moz-transition: 0.5s;}
.responsibility ul li a .text_{position: absolute; top: 50%; left: 0; width: 100%; margin-top: -35px;}
.responsibility ul li a .text_ h1{font-size:24px; font-weight: bold;}
.responsibility ul li a .text_ img{display: block; margin: 10px auto 0;width:40px;}
.responsibility ul li a.on .text{top: 0;}
.responsibility ul li a.on .img{padding: 2px;  position: relative;border: 1px solid #E46713;}
.responsibility ul li a .img p{position: absolute; top: 100%; left: 2px; width: 100%; height: 100%;background: url(../images/bg3.png);transition: 0.5s;-ms-transition: 0.5s;-webkit-transition: 0.5s;-o-transition: 0.5s;-moz-transition: 0.5s;}
.responsibility ul li a.on .img p{top: 2px;}
.responsibility ul li a.on{margin-top: 15px; margin-bottom: 0;}


.contex{width: 1200px; margin: 30px auto 0; text-align:left; color: #333;font-size: 16px;font-family: "Microsoft YaHei";line-height: 1.6;}
.contex dl dd{display: none;}
.contex dl dd:first-child{display: block;}
.motop{width: 32px; margin: 0 auto; cursor: pointer;}
.motop img{display: block;}



.iproH .tit h1,.icaseH .tit h1,.inewsH .tit h1,.responsibilityH .tit h1{animation: donhua7 1.5s normal;
	-moz-animation: donhua7 1.5s normal;
	-webkit-animation: donhua7 1.5s normal; 
	-o-animation: donhua7 1.5s normal;
}
.iproH .tit p,.icaseH .tit p,.inewsH .tit p,.responsibilityH .tit p{animation: donhua6 1.5s normal;
	-moz-animation: donhua6 1.5s normal;
	-webkit-animation: donhua6 1.5s normal; 
	-o-animation: donhua6 1.5s normal;
}

.icaseH ul li:nth-child(3){
	animation: donhua4 1.5s normal;
	-moz-animation: donhua4 1.5s normal;
	-webkit-animation: donhua4 1.5s normal; 
	-o-animation: donhua4 1.5s normal;
}
.icaseH ul li:nth-child(2){
	animation: donhua4 2s normal;
	-moz-animation: donhua4 2s normal;
	-webkit-animation: donhua4 2s normal; 
	-o-animation: donhua4 2s normal;
}
.icaseH ul li:nth-child(1){
	animation: donhua4 2.5s normal;
	-moz-animation: donhua4 2.5s normal;
	-webkit-animation: donhua4 2.5s normal; 
	-o-animation: donhua4 2.5s normal;
}
.responsibilityH ul li:nth-child(4){
	animation: donhua4 1s normal;
	-moz-animation: donhua4 1s normal;
	-webkit-animation: donhua4 1s normal; 
	-o-animation: donhua4 1s normal;
}
.responsibilityH ul li:nth-child(3){
	animation: donhua4 1.5s normal;
	-moz-animation: donhua4 1.5s normal;
	-webkit-animation: donhua4 1.5s normal; 
	-o-animation: donhua4 1.5s normal;
}
.responsibilityH ul li:nth-child(2){
	animation: donhua4 2s normal;
	-moz-animation: donhua4 2s normal;
	-webkit-animation: donhua4 2s normal; 
	-o-animation: donhua4 2s normal;
}
.responsibilityH ul li:nth-child(1){
	animation: donhua4 2.5s normal;
	-moz-animation: donhua4 2.5s normal;
	-webkit-animation: donhua4 2.5s normal; 
	-o-animation: donhua4 2.5s normal;
}

/*123124*/
@keyframes donhua7
{
from {transform: translate(0,-200px);}
to {transform: translate(0,0);}
}
@-moz-keyframes donhua7 
{
from {-moz-transform: translate(0,-200px);}
to {-moz-transform: translate(0,0);}
}

@-webkit-keyframes donhua7 
{
from {-webkit-transform: translate(0,-200px);}
to {-webkit-transform: translate(0,0);}
}

@-o-keyframes donhua7
{
from {-o-transform: translate(0,200px);}
to {-o-transform: translate(0,0);}
}

@keyframes donhua6
{
from {transform: translate(0,200px);}
to {transform: translate(0,0);}
}
@-moz-keyframes donhua6 
{
from {-moz-transform: translate(0,200px);}
to {-moz-transform: translate(0,0);}
}

@-webkit-keyframes donhua6 
{
from {-webkit-transform: translate(0,200px);}
to {-webkit-transform: translate(0,0);}
}

@-o-keyframes donhua6
{
from {-o-transform: translate(0,200px);}
to {-o-transform: translate(0,0);}
}

/**/
@keyframes donhua5
{
from {transform: translate(600px,0); opacity: 0;}
to {transform: translate(0,0); opacity: 1;}
}
@-moz-keyframes donhua5 
{
from {-moz-transform: translate(600px,0);opacity: 0;}
to {-moz-transform: translate(0,0);}
}

@-webkit-keyframes donhua5 
{
from {-webkit-transform: translate(600px,0);opacity: 0;}
to {-webkit-transform: translate(0,0);opacity: 1;}
}

@-o-keyframes donhua4
{
from {-o-transform: translate(-600px,0);opacity: 0;}
to {-o-transform: translate(0,0);opacity: 1;}
}
@keyframes donhua4
{
from {transform: translate(-600px,0); opacity: 0;}
to {transform: translate(0,0); opacity: 1;}
}
@-moz-keyframes donhua4 
{
from {-moz-transform: translate(-600px,0);opacity: 0;}
to {-moz-transform: translate(0,0);}
}

@-webkit-keyframes donhua4 
{
from {-webkit-transform: translate(-600px,0);opacity: 0;}
to {-webkit-transform: translate(0,0);opacity: 1;}
}

@-o-keyframes donhua4
{
from {-o-transform: translate(-600px,0);opacity: 0;}
to {-o-transform: translate(0,0);opacity: 1;}
}

@media(max-width:1300px){
	.head .top_c,.head_{width: 92%; left: 4%; margin-left: 0;}
	.about ul,.tit,.Culture ul,.responsibility ul,.lo_xl,.Copyright_,.contex{width: 92%; p}
	.lo_xls{margin-top: 30px;}
	.head .top_c{margin: 0 auto;}
	
	.Culture ul li{overflow: hidden; width: 100%;}
	.Culture ul li .img,.Culture ul li .text{float: left; width: 50%; border: 0; }
	.Culture ul li .img .bgk{display: none;}
	.Culture ul li.so a .text,.Culture ul li.so a .img{position: relative; float: right;}
}
@media(max-width:1080px){
	.head_ .nav ul li a{ padding:10px;}
}
@media(max-width:960px){
	.cha,.cha_{display: block; cursor: pointer; float:none;}
	.footer .footnav{display: none;}
	.head_ .nav{display: none;position: fixed; top:0; left: 0; background: url(../images/bg0_.png); width: 100%; height: 100%; z-index: 20; float: none;}
	.head_ .nav ul{padding-top: 20px;}
	.head_ .nav ul li{width: 100%; text-align: center; padding: 0;}
	.head_ .nav ul li dl{ padding-left:0; background:none; position:static; padding-left:0 !important; margin-top:0;}
	.head_ .nav ul li dl dd{ width:100%; float:none; line-height:25px;}
	.head_ .nav ul li dl dd a{ font-size:14px; color:#c1c1c1;}
	.head_ .nav ul li a:hover{background-color:transparent;}
	.head_{ left:0; top: 5px; z-index:11; width:70%;}
	.head_ .logo{ float:right; width:200px;}
	.responsibility ul li a .text_ h1,.swiper-container .swiper-slide a .text_ h1{font-size: 18px;}
	.responsibility ul li a .text_,.swiper-container .swiper-slide a .text_{margin-top: -30px;}
	.head_ .nav ul li:last-child{ position:fixed !important; bottom:0; left:0; margin-left:0;}
	.head_ .nav ul li .txt{width:100px;}
	.head_ .nav ul li .ser{}
	.Copyright_ p{text-align: center; width: 100%; float: none;}
	.Copyright_ .wzdt{width: 300px; margin: 0 auto; float: none;}
	.Copyright_ .wzdt span{padding: 0 5px;}
	
	.industry{padding-bottom: 20px;}
}
@media(max-width:640px){
	.head_ .logo img{width: 200px;}
	.about ul li{width: 100%; margin-left: 0; overflow: hidden; padding-bottom: 20px;}
	.about ul li .img{float: left; width: 20%;}
	.about ul li .text{float: right; width: 75%; text-align: left; padding-bottom: 0;}
	.Culture ul li .text_{margin-top: -63px; width: 90%; left:5%;}
	.Culture ul li a h1{padding-bottom: 0; background: none; font-size: 16px;}
	.Culture ul li a p{padding-top: 5px; font-size: 12px;}
	.Culture ul li a span{margin-top: 10px; font-size: 12px; line-height: 20px; height: 20px; width: 80px; }
	.swiper-container .nepr{width: 200px; background-size: 100%; height: 20px;}
	.tit h1{font-size: 24px;}
	.about ul li .text h1{font-size: 18px;}
	.tit p{font-size: 12px;}
	.responsibility ul li a .text_ h1, .swiper-container .swiper-slide a .text_ h1{font-size: 15px;}
	.responsibility ul li a .text_, .swiper-container .swiper-slide a .text_{margin-top: -27px;}
}
@media(max-width:480px){
	.Culture ul li .img{width: 100%;}
	.Culture ul li .text_{position: relative; top: 0; margin-top: 0; left: 0; width: 100%; padding: 20px 0;}
	a.more{width: 120px; font-size: 12px; line-height: 28px; height: 28px;}
	.responsibility ul li a .text_ h1, .swiper-container .swiper-slide a .text_ h1{font-size: 12px; font-weight: 200;}
	.responsibility ul li a .text_, .swiper-container .swiper-slide a .text_{margin-top: -27px;}
	.responsibility ul li a .text_ img,.swiper-container .swiper-slide a .text_ img{margin-top: 5px;}
	.fx,.lo_xls{width: 92%;}
}