/* CSS Document */
.aboutin{  padding-top:0px; padding-bottom:100px; z-index:20; position:relative; margin-top:0px; /*background-color:#eeeeee;*/}
.aboutin .box{ z-index:3;  position:relative;  }

.aboutin .box >.title{  z-index:2; margin-top:-120px;}


.aboutin .title{padding-bottom:20px;}
.aboutin .item{-webkit-transition: 500ms;
-moz-transition: 500ms;
-ms-transition: 500ms;
transition: 500ms;
	width:32%;
	float:left;
	margin-right:2%;
	background-image: url(bg.jpg);
	background-repeat: no-repeat;
	background-position: center top; background-size:100% 100%;
/*	background: -webkit-linear-gradient(bottom,#28489E,#486CB2,#3D72B9);
background: -o-linear-gradient(bottom,#28489E,#486CB2,#3D72B9);
background: -moz-linear-gradient(bottom,#28489E,#486CB2,#3D72B9);
background: linear-gradient(bottom,#28489E,#486CB2,#3D72B9);*/
color:#FFFFFF; text-align:center; padding:20px;box-sizing: border-box;border-radius:5px; overflow:hidden; /*padding-top:50px; padding-bottom:50px;*/
}
.aboutin .item:nth-child(3n+1){ clear:both;}
.aboutin .item:nth-child(3n){ float:right; margin-right:0;}
.aboutin .item .t{ font-size:32px; line-height:1.2;}
.aboutin .item .ico{ padding-top:20px;}
.aboutin .item .ico span{
	display:inline-block;
	border-radius:100%;
	padding:15px;
	border: 2px solid #ffffff;
}
.aboutin .item .ico img{ width:40px;height:40px;}

.aboutin .item .dp{ margin-top:10px; max-height:6em; overflow:hidden; min-height:2em; clear:both; line-height:1.5;font-size: 30px;}
.aboutin .item.hover{
background: -webkit-linear-gradient(bottom,red,#EF6914,#FEA357);
background: -o-linear-gradient(bottom,red,#EF6914,#FEA357);
background: -moz-linear-gradient(bottom,red,#EF6914,#FEA357);
background: linear-gradient(bottom,red,#EF6914,#FEA357);}
.aboutin .econtent{ padding-top:50px;} 
.aboutin .econtent .hc{ display:none}
.aboutin .econtent .hc.hover{ display:block;}
.aboutin .econtent .hc .img { position:relative; width:580px; height:400px; float:left;}
.aboutin .econtent .hc .img .btn{border-radius:5px;
	position:absolute;
	bottom:1px;
	left:8%; margin-left:-50px;
	z-index:3;
	border: 1px solid #eeeeee;box-shadow:0 0 10px rgba(100,100,100,0.3); padding:5px; background-color:#FFFFFF;
}
.aboutin .econtent .hc .img .btn span{ display:inline-block;
	background-image: url(o.png);
	background-repeat: no-repeat;
	background-position: center center; width:50px; background-size:35px; height:50px; cursor:pointer;
}
.aboutin .econtent .hc .img .btn .b1{
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #dddddd;
}
.aboutin .econtent .hc .img .btn .b2{background-image: url(o1.png);}
.aboutin .econtent .hc .img img{ width:370px; height:220px;-webkit-transition: 500ms;
-moz-transition: 500ms;
-ms-transition: 500ms;
transition: 500ms;position:absolute; }
.aboutin .econtent .hc .img img.a1{  left:0; top:0; z-index:1;}
.aboutin .econtent .hc .img img.a2{ left:180px; top:120px; z-index:2; /* right:0; bottom:0;*/ }

.aboutin .econtent .hc .img+.right{ margin-left:620px; width:calc(100% - 620px);}

.aboutin .econtent .hc .right .t1{ font-size:32px; line-height:1.2; font-weight:bold;padding-top: 60px;}
.aboutin .econtent .hc .right .cnt{ line-height:1.5; margin-top:70px; max-height:410px; overflow:hidden;}
.aboutin .econtent .hc .right .more{ font-size:14px; text-align:right; padding-top:20px; padding-top:130px; line-height:22px;}
.aboutin .econtent .hc .right .more a{border-radius:5px;display:inline-block; padding-left:28px; padding-right:28px; color: #ffffff;background-color: #cccccc;line-height:34px;
text-transform: uppercase;
    color: #ffffff;}
.aboutin .econtent .hc .right .more a:hover{ background: -webkit-linear-gradient(left,red,#EF6914,#FEA357);text-transform: uppercase;color: #ffffff;}
.slogan{ width:1500px; max-width:100%; margin:auto; text-align:center; color:#0E325A; padding-top:100px; padding-bottom:100px; line-height:1.2; clear:both;}
.slogan .h1{ font-size:60px; color:#000000; font-weight:bold; }
.slogan .hc1{ font-size:52px; padding-top:30px;color:#ff9900;}
.slogan .hc2{ font-size:32px; padding-top:30px;line-height: 52px;    color: #333;}
.tv video{ width:100%;}
.sjmap{
	background-image: url(map.jpg);
	background-repeat: no-repeat;
	background-position: center top;line-height:1.5; position:relative; margin-bottom:100px;
}
.sjmap .box{ position:relative; min-height:543px; padding-top:100px; padding-bottom:100px; }
.sjmap .title{ color:#FFFFFF}

.sjmap .title .left{ float:left; width:450px; font-size:60px;}
.sjmap .title .left .h2{ font-size:48px;letter-spacing: 2.1px}
.sjmap .title .right{ margin-left:520px; padding-top:75px; line-height:2;}
.sjmap  .econtent{ clear:both; padding-top:30px;}
.sjmap  .econtent .item{ width:32%;border-radius:5px; overflow:hidden;
	padding:30px;
	border: 1px solid #dddddd; float:left; margin-right:2%; color:#ffffff; min-height:280px;box-sizing:border-box;
	border: 1px solid rgba(255,255,255,0.5);
}
.sjmap  .econtent .item1:hover,.sjmap  .econtent .item2:hover{background: -webkit-linear-gradient(bottom,red,#EF6914,#FEA357);
background: -o-linear-gradient(bottom,red,#EF6914,#FEA357);
background: -moz-linear-gradient(bottom,red,#EF6914,#FEA357);
background: linear-gradient(bottom,red,#EF6914,#FEA357);}
.sjmap  .econtent .item .t1{
	font-size:32px;
	text-align:center; line-height:50px;

}
.sjmap  .econtent .item .t1 b{display:inline-block; line-height:50px;-webkit-transition: 500ms;
-moz-transition: 500ms;
-ms-transition: 500ms;
transition: 500ms;}
.sjmap  .econtent .item .t1 b:before{ -content:'';	background-image: url(jishu.png); float:left;
	background-repeat: no-repeat;
	background-position: center top; display:inline-block;background-size:50px; height:50px; width:50px; margin-right:5px;}
.sjmap  .econtent .item .t1 b:before{background-image: url(fuwu.png)}

.sjmap  .econtent .item .t2{ margin-top:30px; font-size:22px;-webkit-transition: 500ms;
-moz-transition: 500ms;
-ms-transition: 500ms;
transition: 500ms;}
.sjmap  .econtent .item .t3{ margin-top:20px;-webkit-transition: 500ms;
-moz-transition: 500ms;
-ms-transition: 500ms;
transition: 500ms; min-height:3.6em; max-height:3.6em; overflow:hidden;}
.sjmap  .econtent .item3{
	margin-right:0;
	background-image: url(proimg.png);
	background-repeat: no-repeat;
	background-position: center top; background-size:100% 100%; border:none; position:relative;
}
.sjmap  .econtent .item3 a{border-radius:5px; color:#FFFFFF;background: -webkit-linear-gradient(left,red,#EF6914,#FEA357);
background: -o-linear-gradient(left,red,#EF6914,#FEA357);
background: -moz-linear-gradient(left,red,#EF6914,#FEA357);
background: linear-gradient(left,red,#EF6914,#FEA357); line-height:36px; padding-left:32px; padding-right:32px; display:inline-block; position:absolute; left:50%; top:50%; margin-top:-15px; margin-left:-50px;text-transform: uppercase;}
.sjmap  .econtent .item3:hover a{ margin-left:-85px;}
.sjmap  .econtent .item:hover .t1 b{ margin-left:-20px;}
.sjmap  .econtent .item:hover .t2{ margin-top:20px;}

.youshi{ position:absolute; bottom:-80px; width:120%; left:-10%;background: -webkit-linear-gradient(left,red,#EF6914,#FEA357);
background: -o-linear-gradient(left,red,#EF6914,#FEA357);
background: -moz-linear-gradient(left,red,#EF6914,#FEA357);
background: linear-gradient(left,red,#EF6914,#FEA357); color:#FFFFFF; padding:20px;box-sizing:border-box;border-radius:5px; padding-top:50px; padding-bottom:50px;}
.youshi .item{ width:20%; float:left; min-height:100px; text-align:center; position:relative;}
.youshi .item:before{
	position:absolute;
	left:0;
	top:0;
	height:100%;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: rgba(0,0,0,0.1);
	border-left-color: rgba(255,255,255,0.2); content:'';
}
.youshi .item1:before{ display:none;}
.youshi .item .t1{ font-size:60px; line-height:1;}
.youshi .item .t1 span{  line-height:1;}
.youshi .item .t1 sup{ font-size:22px; line-height:1; }
.youshi .item .t2{ font-size:24px; padding-top:15px;}
.hezuo{ padding-top:50px; padding-bottom:50px;}
.hezuo .h1{text-align:center; position:relative; line-height:1.2; padding-bottom:20px;}
.hezuo .h1 .t1{  font-size:48px; color:#000000; font-weight:bold;  }
.hezuo .h1 .t2{ font-size:24px; padding-top:10px;}
.hezuo .h1:after{
	content:'';
	left:50%;
	bottom:0;
	margin-left:-25px;
	width:50px;
	border-bottom-width: 5px;
	border-bottom-style: solid;
	border-bottom-color: #cccccc; position:absolute;
}
.hezuo .econtent{ padding-top:20px; padding-bottom:20px; position:relative; padding-left:50px; padding-right:50px; margin-top:20px; clear:both;}
.hezuo .swiper-slide img{ max-width:100%;}
.hezuo .swiper-button-black{ background-size:15px;}
.yuanjing{ padding-left:50px; padding-right:50px;}
.yuanjing .econtent{ padding-left:0; padding-right:0;}
.yuanjing .econtent .item{ width:25%; float:left; overflow:hidden; position:relative;}
.yuanjing .econtent .item .txt{-webkit-transition: 500ms; line-height:1.5;
-moz-transition: 500ms;
-ms-transition: 500ms;
transition: 500ms; top:calc(100% - 100px); min-height:calc(100% - 50px);  left:0; background-color:rgba(239,105,20,0.7); z-index:2; position:absolute;  padding:10px; color:#FFFFFF; overflow:hidden;}

.yuanjing .econtent .item .txt .t1{ font-size:24px;-webkit-transition: 500ms; 
-moz-transition: 500ms;
-ms-transition: 500ms;
transition: 500ms;text-align: center; padding-top:9px;}
.yuanjing .econtent .item .txt .t2{-webkit-transition: 500ms; 
-moz-transition: 500ms;
-ms-transition: 500ms;
transition: 500ms; min-height:3em; max-height:3em; overflow:hidden;}
.yuanjing .econtent .item img{-webkit-transition: 500ms; 
-moz-transition: 500ms;
-ms-transition: 500ms;
transition: 500ms;}
.yuanjing .econtent .item .txt .xx{
	background-image: url(../logomin.png);
	background-repeat: no-repeat;
	background-position: center 20px; padding-top:150px;
}
.yuanjing .econtent .item .txt .xx .line{
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #ffffff;
	border-bottom-color: #ffffff; padding-top:10px; padding-bottom:10px;
}
.yuanjing .econtent .item:hover img{ transform: scale(1.2);
    -moz-transform: scale(1.2);
    -webkit-transform: scale(1.2);
    -o-transform: scale(1.2);
    -ms-transform: scale(1.2);}
.yuanjing .econtent .item:hover .txt{ top:340px;top:calc(100% - 250px);}
.yuanjing .econtent .item:hover .txt .t1,.yuanjing .econtent .item:hover .txt .t2{ margin-top:-50px; overflow:hidden;}
.fuwu{ background-color:#eeeeee; padding:100px; margin-top:50px; clear:both; padding-left:50px; padding-right:50px; line-height:1.5;}
.fuwu .h1{ line-height:1.2; color:#000000; padding-bottom:50px; position:relative; padding-right:200px;}
.fuwu .h1 .t1{ font-size:40px;color:#333333}
.fuwu .h1 .t2{ font-size:50px;}
.fuwu .h1 .t3{ font-size:24px; color:#333333}
.fuwu .item{ float:left; width:calc(100% / 3); position:relative; overflow:hidden; padding:30px;box-sizing:border-box;}
.fuwu .item:nth-child(3n+1){ clear:both; padding-left:0;}
.fuwu .item:before{
	content:'';
	border-top-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-left-style: solid;
	border-top-color: #ffffff;
	border-left-color: #ffffff;
	position: absolute;
	width: 100%;
	left: 0px;
	top: 0px;
}
.fuwu .item:after{
	content:'';
	border-top-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-left-style: solid;
	border-top-color: #ffffff;
	border-left-color: #ffffff;
	position: absolute;
	height: 100%;
	left: 0px;
	top: 0px;
}
.fuwu .item:nth-child(3n+1):after{ display:none}
.fuwu .item:nth-child(1):before,.fuwu .item:nth-child(2):before,.fuwu .item:nth-child(3):before{ display:none}
.fuwu .item .img{ float:left;border-radius:5px; overflow:hidden; width:65px; overflow:hidden;-moz-transition: 500ms;
-ms-transition: 500ms;
transition: 500ms; background-color:#ffffff; }
.fuwu .item .img img{width:100%;}
.fuwu .item .img+.right{ margin-left:100px;-moz-transition: 500ms;
-ms-transition: 500ms;
transition: 500ms; }
.fuwu .item:hover .img+.right{margin-left:80px;}
.fuwu .item:hover .img+.right .t1{ color:#EF6914}
.fuwu .item:hover .img{ margin-left:10px;}
.fuwu .item .img+.right .t1{
	font-size:18px;
	font-weight: bold; color:#000000;
}
.fuwu .item .img+.right .t2{ font-size:14px; color:#879094}

.fuwu .h1 .more{ position:absolute; right:0; top:0; background-color:rgba(0,0,0,0.7); line-height:35px; padding-top:10px; padding-bottom:10px;border-radius:5px;}
.fuwu .h1 .more a{color:#ffffff; display:inline-block; padding-left:20px; padding-right:20px; position:relative; padding-right:50px;}
.fuwu .h1 .more a:after{
	content:'';
	background-image: url(more.png);border-radius:5px;
	background-repeat: no-repeat;
	background-position: center center; background-size:20px; height:35px; width:35px; display:inline-block; margin-left:5px; background-color:rgba(0,0,0,0.3); position:absolute;
}
.fuwu .h1 .more:hover{ background-color:#EF6914}
.yuanjing .econtent .item img{ width:100%;}

@media screen and (max-width :1600px){
.youshi { width:110%; left:-5%;}
}
@media screen and (max-width :1366px){
.youshi { width:104%; left:-2%;}
}

@media screen and (max-width :1250px){

.youshi .item .t1{ font-size:50px;}

.youshi .item .t2 { font-size:20px; }
}
@media screen and (max-width :1150px){
.youshi { width:100%; left:0%;}
.yuanjing .econtent .item:hover .txt{top:calc(100% - 200px);}
.yuanjing .econtent .item .txt .xx { padding-top:100px;background-position: center 0px;}
/*.yuanjing .econtent .item .txt .t2{ font-size:16px;}*/
}

@media screen and (max-width :816px){
/*移动端*/

.aboutin{ padding-bottom:30px;}

.aboutin .box > .title{ margin-top:20px;}
.aboutin .item .dp { font-size:18px;}
.aboutin .item .ico img {
  width: 20px;
  height: 20px;
}
.aboutin .item{ padding:10px;}
.aboutin .econtent .hc .img + .right { margin:auto; clear:both; width:100%; padding-left:20px; padding-right:20px;box-sizing: border-box;}
.aboutin .econtent .hc .right .cnt {
  margin-top: 10px;
  max-height: 1000000px;

}
.aboutin .econtent .hc .img{ width:550px; max-width:100%; float:none; margin:auto;}
.aboutin .econtent .hc .right .more { padding-top:10px;}
.aboutin .econtent .hc .img img { width:70%; height:auto;}
.aboutin .econtent .hc .img img.a2 { left:30%; top:10vw;}
.aboutin .econtent .hc .img .btn { left:50%; margin-left:-60px;}

.slogan,.sjmap .box,.hezuo,.fuwu{ padding-top:30px; padding-bottom:30px;padding-left:20px; padding-right:20px;box-sizing: border-box; min-height:0;}
.slogan .hc1,.sjmap .title .left,.hezuo .h1 .t1,.fuwu .h1 .t2 { font-size:32px;}
.slogan .hc2,.sjmap .title .left .h2,.hezuo .h1 .t2,.fuwu .h1 .t3 { font-size:20px; line-height:1.2;}

.sjmap{ margin-bottom:0;}
.hezuo+.hezuo{ padding-top:0;}
.slogan .hc2 br{ display:none}
.youshi{ position:relative; margin:auto; top:auto; left:auto; bottom:auto; clear:both; width:100%;float:left;box-sizing:border-box; padding:10px;}
.youshi .item{ min-height:50px; padding-top:10px; padding-bottom:10px;}
.youshi .item .t1{ font-size:24px;}
.youshi .item .t1 b{}
.youshi .item .t2 { font-size:16px; padding-top:5px; min-height:0px;}
.sjmap{ background-color:#000000;}
.sjmap .title .left { width:100%; text-align:center; font-weight:bold;}
.sjmap .econtent .item{ width:98%; margin-bottom:10px; margin-top:10px; min-height:0; margin-left:1%; margin-right:1%; padding:10px;}
.sjmap .econtent .item .t3 { min-height:0;margin-top:10px; max-height:1000000px; font-size:16px;}
.sjmap .econtent .item .t1 { margin-top:0px; line-height:1; font-size:22px;}
.sjmap .econtent .item .t2 { margin-top:10px; font-size:20px;}

.sjmap .econtent .item3{ background-image:none; text-align:center;}
.sjmap .econtent .item3 a { position:relative; left:auto; top:auto; margin:auto;}

.yuanjing .econtent .item{ width:48%; margin-left:1%; margin-right:1%; margin-top:1vw; margin-bottom:1vw;}


.fuwu { position:relative; padding-bottom:100px; margin-top:0;}

.fuwu .h1{ position:static; text-align:center; width:100%;}
.fuwu .h1 .t1{ font-size:24px;}
.fuwu .h1 .more{ bottom:20px; top:auto; right:auto; left:50%; margin-left:-85px;}

.fuwu .item{ width:48%; padding:10px;}
.fuwu .item:nth-child(3n+1){ clear:none;padding:10px;}
.fuwu .item:nth-child(2n+1){ clear:both;}
.fuwu .item::after,.fuwu .item::before{ display:none;}

.yuanjing .econtent .item:hover .txt{top:0; height:100%;}
.yuanjing .econtent .item .txt .xx { padding-top:100px;background-position: center 0px;}


}
@media screen and (max-width :480px){}
@media screen and (max-width :450px){
.aboutin .item .dp { font-size:14px; font-weight:bold;}
.aboutin .item .ico { padding-top:0;}
.aboutin .item .dp { min-height: 0;}

.youshi .item{ padding:0;}
.youshi .item .t1 { font-size:20px;}
.youshi .item .t1 sub{ font-size:12px;}
.youshi .item .t2 { font-size:12px;}
.youshi{ padding-left:0; padding-right:0;}
.fuwu .item{ width:98%; padding:10px;}
.fuwu .item:hover .img+.right,.fuwu .item .img+.right{margin-left:80px;}
.fuwu .item:hover .img{ margin-left:0px;}
}