/* CSS Document */
.casein .h1{ text-align:center; font-size:60px; font-weight:bold; position:relative; padding-bottom:20px;line-height:1.2;}
.casein  .h1:after{
	content:'';
	height:5px;
	width:40px;
	position:absolute;
	left:50%;
	bottom:0px;
	background-color: #eeeeee; margin-left:-20px;
}

/*.casein .h1:after{
	content:'';
	left:50%;
	bottom:0;
	margin-left:-25px;
	width:50px;
	border-bottom-width: 5px;
	border-bottom-style: solid;
	border-bottom-color: #1C2325; position:absolute;
}
*/

/*.fuwu  .h1:after{
	content:'';
	left:50%;
	bottom:0;
	margin-left:-25px;
	width:50px;
	border-bottom-width: 5px;
	border-bottom-style: solid;
	border-bottom-color: #1C2325; position:absolute;
}
*/
.proshow{ padding-top:50px; padding-bottom:50px;}
.proshow .econtent{ padding-top:30px;}
.proshow .img{ float:left; width:50%; overflow:hidden;}
.proshow .img img{ width:100%;}
.proshow .right{  width:48%; float:right; line-height:1.5;}
.proshow .right .t1{
	/* font-family: Impact; */
	font-size: 48px;   
    color: #000000;
    font-weight: bold;    padding-top: 24px;
}
.proshow .right .t2{font-size: 28px;    padding-top: 21px;font-weight: bold;}
.proshow .right .dp{ margin-top:10px; max-height:4.5em; overflow:hidden；    font-size: 28px;letter-spacing: 4.1px;}
.proshow .right .more{margin-top:15px; line-height:48px; font-size:18px;}
.proshow .right .more a{  background-color:#FEA357;display:inline-block; padding-left:20px; padding-right:20px; color:#FFFFFF;}
.proshow .right .more a:hover{ background-color:#EF6914;}

.fuwu{  padding:50px; padding-bottom:50px; clear:both; line-height:1.5;color:#1C2325}
.fuwu .contentdp{ text-align:center; margin-top:20px;color:#4F6368}
.fuwu  .h1{text-align:center; position:relative; line-height:1.2; padding-bottom:20px; }
.fuwu  .h1 .t1{  font-size:48px; font-weight:bold;  }
.fuwu  .h1 .t2{ font-size:24px; padding-top:20px;color:#4F6368}
.fuwu .contentdp{ padding-left:50px; padding-right:50px;}

.fuwu .econtent{ padding-top:30px;}
.fuwu .item{ float:left; width:calc(100% / 3); position:relative; overflow:hidden; padding:30px;box-sizing:border-box;border-radius:5px; overflow:hidden; cursor:default;}
.fuwu .item:nth-child(3n+1){ clear:both; }
.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 .img+.right .t1{
	font-size:18px;
	font-weight: bold; color:#000000;
}
.fuwu .item .img+.right .t2{ font-size:14px; color:#879094}

.fuwu .item:hover{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); }
.fuwu .item:hover .img+.right{margin-left:80px;}
.fuwu .item:hover .img+.right .t1,.fuwu .item:hover .img+.right .t2{ color:#ffffff}
.fuwu .item:hover .img{ margin-left:10px;}




.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}

/*.wtitle3{ text-align:center;font-size:60px; padding-top:30px; }
.wtitle3 .hc1{font-size:60px; color:#ff9900}
.wtitle3 .hc2{ font-size:26px; }*/

.slogan{ text-align:center; color:#0E325A; padding-top:100px; padding-bottom:100px; line-height:1.2; clear:both;}
.slogan.huise{ color:#333333;}
.wtitle3{ padding-top:0;}
.slogan .hc1{ font-size:60px; padding-top:30px;}
.slogan.huise .hc1{ color:#ff9900}
.slogan .hc2{ font-size:26px; padding-top:20px; padding-bottom:20px;}
.slogan .content{ max-width:100%; padding-top:50px; overflow-x:auto;}
.slogan .content *{ max-width:100%;}

.slogan .picli{ clear:both; margin-top:50px; }
.slogan .picli .img{ float:left; text-align:center; width:19%; -moz-transition: 500ms;
-ms-transition: 500ms;
transition: 500ms; background-color:rgba(0,0,0,0.1); margin-right:3%; margin-left:3%; cursor:default;border-radius:3px; overflow:hidden;}

.slogan .picli .img:hover{color:#EF6914}

.slogan .picli .img >div{ width:200px; max-width:60%; margin:auto; padding:45px;}
.slogan .picli .img .ico{ text-align:center;-moz-transition: 500ms;
-ms-transition: 500ms;
transition: 500ms; }
.slogan .picli .img .tt1{
	padding-top:20px;
-moz-transition: 500ms;
-ms-transition: 500ms;
	transition: 500ms;
	font-size:24px;
	font-weight: bold;
}
.slogan .picli .img .tt2{ font-size:14px;/*color:#888888;*/ padding-top:5px;-moz-transition: 500ms;
-ms-transition: 500ms;
transition: 500ms; }
.slogan .picli .img img{ width:100px; max-width:80%;}

.slogan .picli .img:hover{ margin-top:-20px;}

.jieshao{ line-height:1.5; padding-top:50px; padding-bottom:50px; clear:both; color:#000000;}
.jieshao .econtent{ padding-top:50px;}
.jieshao *{ max-width:100%;}
.jieshao .img{ float:right; width:45%; overflow:hidden;}
.jieshao .right{ float:left; width:50%;}
.jieshao .right  .hc{}
.jieshao .right .hc ul li{ padding-top:10px; padding-bottom:10px; padding:20px; margin-bottom:10px;border-radius:5px; cursor:default;}
.jieshao .right .hc ul li.hover{box-shadow:0 10px 20px rgba(0,0,0,0.1);}
.jieshao .right .hc ul li .tt1{}
.jieshao .right .hc ul li .tt2{ color:#666666; font-size:14px;}
.jieshao .right .t1{
	font-size:48px;
	font-weight: bold;padding-bottom:20px;
}
/*.jieshao  .h1{ padding-bottom:20px; }
.jieshao  .h1:after{
	content:'';
	left:50%;
	bottom:0;
	margin-left:-25px;
	width:50px;
	border-bottom-width: 5px;
	border-bottom-style: solid;
	border-bottom-color: #dddddd; position:absolute;
}*/
.fuwu{ margin-top:50px;}
.fuwu,.slogan,.apppro{ background-color:#eeeeee; clear:both; margin-top:50px; margin-bottom:50px;}

.fuwu  .h1:after,.slogan  .h1:after,.apppro  .h1:after{background-color: #cccccc;}

.slogan{ margin-bottom:0;}

.photo{clear:both;}
.photo *{ max-width:100%;}











.youshi{padding:20px;box-sizing:border-box;border-radius:5px; padding-top:120px; padding-bottom:50px;}
.youshi .item{ width:25%; 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:50px; line-height:1;}
.youshi .item  b{ font-weight:normal;}
.youshi .item .t1 span{  line-height:1;}
/*..youshi .item .t1 sup{ font-size:22px; line-height:1; }}*/
.youshi .item .t1 sub {font-size: 22px;line-height: 1;vertical-align:middle;}
.youshi .item .t2{ font-size:24px;padding-top:20px;}

.application{ padding-top:50px; padding-bottom:50px; margin-top:50px;}

.application .h1{text-align:center; position:relative; line-height:1.2; padding-bottom:20px;}
.application .h1 .t1{  font-size:48px; color:#000000; font-weight:bold;  }
.application .h1 .t2{
	font-size:24px;
	padding-top:10px;
	text-transform: uppercase;
	font-weight: lighter;
}
/*.application .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;
}*/
.application .econtent{ padding-top:20px; padding-bottom:20px; position:relative; padding-left:50px; padding-right:50px; margin-top:20px; clear:both;}
.application .swiper-slide img{ max-width:100%;/* min-height:200px;*/}
.application .swiper-slide .img{ overflow:hidden}

.application .swiper-button-black{ background-size:15px;}


.apppro{ padding-top:80px; padding-bottom:80px; margin-bottom:0;}
.apppro .left{ float:left; width:200px; line-height:1.5;    padding-top: 24px;}
.apppro .left .h1:after{ left:0; margin-left:0;}
.apppro .left .t1{font-size:48px; text-align:left; color:#000000; font-weight:bold; line-height:1.2;}
.apppro .left .t2{font-size:24px;padding-top:10px;text-transform: uppercase; color:#333333;}
.apppro .left .more{ margin-top:30px; line-height:22px; font-size:14px;}	
.apppro .left .more a{
	display:inline-block; padding-left:25px; padding-right:25px;
	background-color:#cccccc;
	color:#ffffff;
	text-align:center;
	text-transform: uppercase;border-radius: 30px;
}
.apppro .left .more a:hover{background-color:#EF6914;

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);

}
.apppro .left .btn{ margin-top:20px; position:relative; width:100%; }
.apppro .left .btn>div{
	background-size:15px;
	background-color:#FFFFFF;
	width: 35px;
    height: 35px;
	border-radius:100%;
	border: 1px solid #cccccc; position:relative;left:auto; margin:auto; right:auto; top:auto; float:left; margin-right:18px;
}
.apppro .left .btn>div:hover{background-color:#EF6914;}

.apppro .right{ margin-left:220px;}
.apppro .swiper-slide img{ max-width:100%;}
.apppro .swiper-slide .picli{ background-color:#ffffff;}
.apppro .swiper-slide .picli .img{ min-height:200px; max-height:200px; background-color:#dddddd;display: flex;
    justify-content:center;
    align-items:center; overflow:hidden;}
.apppro .swiper-slide .picli .r{ padding:10px; line-height:1.5; padding-top:15px;}
.apppro .swiper-slide .picli .r .title{ /*text-align:center;*/}
.apppro .swiper-slide .picli .r .dp{ font-size:14px; color:#999999; margin-top:10px; max-height:4.5em; overflow:hidden;}



.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;}
.wbg{ background-color:#ffffff; padding:20px;}
.editxtx{ text-align:left; line-height:1.5; margin-top:20px; clear:both;}



.application .swiper-slide .yycjimg{ max-height:250px;min-height:250px; overflow:hidden; float:left; background-color:#eeeeee;display: flex;
    justify-content:center;
    align-items:center;}
@media screen and (max-width :1366px){.apppro .swiper-slide .picli .img{ min-height:180px;max-height:180px;}}	
@media screen and (max-width :1250px){
.apppro .swiper-slide .picli .img{ min-height:160px;max-height:160px;}
.application .swiper-slide .yycjimg { max-height:20vw; min-height:20vw;}	

.slogan .picli .img > div{ width:120px; padding:30px;}
}	
@media screen and (max-width :1150px){.apppro .swiper-slide .picli .img{ min-height:140px;max-height:140px;}}
	@media screen and (max-width :815px){
/*移动端*/
.proshow{ padding-left:20px; padding-right:20px;box-sizing:border-box; }
.proshow *{ max-width:100%;box-sizing:border-box;}
.proshow .right .t1,.slogan.huise .hc1,.application .h1 .t1{ font-size:32px; padding-top:0;}
.proshow .right .t2,.slogan.huise .hc2,.application .h1 .t2{ font-size:20px;}
.slogan.huise .hc2{ padding-top:10px; padding-bottom:10px;}
.proshow .right .dp { max-height:100000px;}
.proshow{ padding-top:30px; padding-bottom:30px;}
.proshow .img{
	width:100%;
	padding:2px;
	border: 1px solid #dddddd;box-sizing:border-box; 
}
.proshow  .right{ margin:auto; clear:both;	width:100%; padding-bottom:20px;}
.proshow .econtent{ padding-top:0;}
.proshow .right .t1,.proshow .right .t2{ padding-top:5px;}

.fuwu, .slogan, .apppro{ margin-top:30px; }
.application,.slogan,.apppro{padding-top:30px; padding-bottom:30px;}

.youshi{ padding-top:10px;}
.youshi .item{ min-height:60px;}
.youshi .item .t1,.apppro .left .t1,.fuwu .h1 .t1,.jieshao .right .t1{ font-size:32px; }
.youshi .item .t2,.apppro .left .t2,,.fuwu .h1 .t2{ font-size:16px; padding-top:10px;}
.application .swiper-slide .yycjimg { max-height:28vw; min-height:28vw;}

.apppro{ position:relative; padding-bottom:80px;}
.apppro .left,.jieshao .right .t1{ width:100%; text-align:center;}
.apppro .left .t1{text-align:center;}
.apppro .left .h1::after{ left:50%; margin-left:-20px;}
.apppro .right{ margin:auto; clear:both; width:100%; padding-top:20px;}
.apppro .left .more{ position:absolute; bottom:30px; left:50%; margin:auto; margin-left:-80px;}
.apppro .left .more a{ line-height:35px; padding-left:0px; padding-right:0px; width:160px;}
.apppro .left .btn{ text-align:right; padding-bottom:10px; float:left; width:100%; clear:both; position:absolute; top:70px; right:20px;}
.apppro .left .btn > div{ display:inline-block; float:none;}
.apppro .swiper-slide .picli .img{ min-height:25vw;max-height:25vw;}

.application .swiper-slide .yycjimg { max-height:30vw; min-height:30vw;}
.apppro{ padding-top:0;}
.fuwu, .slogan, .apppro,.application{ margin-top:0px; clear:both; }

.fuwu{ padding:30px; padding-left:20px; padding-right:20px;}
.fuwu .h1 .t2{ padding-top:10px;}
.fuwu .contentdp{ margin-top:0; padding:0; font-size:14px;}

.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;}
.jieshao,.jieshao .econtent{ padding-top:0; }
.fuwu{ margin-bottom:0;}
.jieshao .img img{ width:100%;}
.jieshao .right,
.jieshao .img{ width:100%;}
.jieshao .right .hc ul li{ width:48%; float:left;box-sizing: border-box; padding:10px; margin-bottom:0;}
.jieshao .right .hc ul li.hover{box-shadow: 0 10px 20px rgba(0,0,0,0);}
.jieshao .right .hc ul li:nth-child(2n+1){ clear:both;}
.jieshao .right .hc ul li:nth-child(2n){ float:right;}
.jieshao .right .hc ul li .tt1{ position:relative; padding-bottom:5px; margin-bottom:10px;}
.jieshao .right{ padding-top:30px;}
.jieshao .right .hc ul li .tt1:after{
	content:'';
	position:absolute;
	left:0;
	bottom:0;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #FF6600; width:2em;
}
.slogan.huise .wbg{ margin-left:20px; margin-right:20px;}

.slogan .picli .img > div{ width:120px; padding:10px; padding-top:20px; padding-bottom:20px;}
.slogan .picli .img{ width:23%; margin-left:1%; margin-right:1%;}
.slogan .picli .img .tt1{ font-size:18px; padding-top:5px;}
.slogan .picli{ margin-top:30px;}
.youshi .item .t1 { font-size:28px;}
.youshi .item .t2 { font-size:14px;}
.youshi .item .t1 sub{ font-size:14px;}
}
@media screen and (max-width :450px){
.slogan .picli .img,.slogan .picli .img:hover{ width:48%; margin-top:1vw; margin-bottom:1vw;}
.application .swiper-slide .yycjimg { max-height:50vw; min-height:50vw;}
.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;}
.apppro .swiper-slide .picli .img {
  min-height: 50vw;
  max-height: 50vw;
}

.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;}

}