.sl_fl{width: 27%;padding: 4vw 0;}
.sl_fr{width: 73%;position: relative;}
.sl_fl .box {
    width: 57%;
    margin: 0 auto;
}
.trans{display: flex;justify-content: center;align-items: center;}
.beijingtitle{top: 50%;left: 50%;position: absolute;}
.boximg{width: 100%;padding-bottom: 20px;}
.comjs{font-size: 16px;
    color: #666666;
    line-height: 36px;}
 .wel-btns {
	 width: 60%;
  text-align: center;
      height: 50px;
	  line-height: 50px;
    display: block;
    margin: 70px auto 0;
	font-size: 18px;
	    color: #666666;
	    border: 1px solid #ccc;
}
.aacon{padding: 64px 10% 78px;}
 .wel-btns:hover{background-color: #008cd6;color: #fff;}
.boxcon{z-index: 2;
    width: 82%;
    position: absolute;
    top: 0;
    left: 9%;
    height: 100%;}
.boxcon h3 {
    font-size: 30px;
    color: #ffffff;
    line-height: 56px;
    padding-top: 5vw;
}
.boxcon h4 {
    color: #ffffff;
    font: 14px/38px "Arial";
    font-weight: normal;
}
.boxcon ul{
	padding-top: 5.4vw;
}
.boxcon li{
	float: left;
	width: 22%;
	margin-left:3%;
	margin-bottom: 27px;
	padding-bottom: 1.56vw;
	position: relative;
	cursor: pointer;
}
.boxcon li:first-child,.boxcon li:nth-child(5){
	margin-left: 0;
}
.boxcon li:nth-child(4):after{
	display: none;
}
.boxcon li:hover h2{color: #008cd6;}
.boxcon li:after{
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	width: 1px;
	height: 100%;
	background: rgba(255,255,255,.2);
}
.boxcon li:before{
	content: "";
	position: absolute;
	bottom: 0;
	left: 0;
	width: 80%;
	height:1px;
	background: rgba(255,255,255,.2);
}
.boxcon li:nth-child(5){
	padding-bottom: 0;
	margin-bottom: 0;
}
.boxcon li:nth-child(5):before{
	display: none;
}
.boxcon h2{
	font-size: 92px;
	color: #ffffff;
	line-height: 74px;
	font-family: Helvetica-Conth;
	transition:color 0.3s;
}
.boxcon .fonts{
	font-size: 18px;
	font-family: 'Microsoft Yahei';
}
.boxcon p{
	font-size: 16px;
	color: #fff;
	line-height: 24px;
	padding: 1vw 0 1.5vw;
}
.boxcon .dm .bold{
	font-weight: bold;
}
.boxcon h5{
	text-align: left;
	font-size: 12px;
	color: #fff;
	display: none;
	font-weight: normal;
	line-height: 22px;
}
.boxcon h5 .bold{
	font-weight: bold;
}
 
.wel-product{
	width: 100%;
	overflow: hidden;
	z-index: 1;
	background-size: cover !important;
	position: relative;
}
.wel-product .swiper-slide{
	cursor: pointer;
	position: relative;
	overflow: hidden;
}
.wel-product .swiper-slide .picture{
	position: relative;
	width: 100%;
	z-index: 1;
	/*left: 0;*/
	opacity: 1;
	transition:opacity 1s;
}
.wel-product .swiper-slide.cur .picture{
	opacity: 0
}
.wel-product .swiper-slide.bg0 .picture{
	opacity: 0;
}
.wel-product .swiper-slide.bg0 .wel-btns {
	opacity: 0;
	filter: alpha(opacity=0);
}
.wel-product .swiper-slide.cur .con,.wel-product .swiper-slide.bg0 .con{
	background: rgba(51,51,51,.5);
}
.wel-product .swiper-slide.opt p{
	opacity: 1;
}
.wel-product .swiper-slide.bg0 h3,.wel-product .swiper-slide.bg0 h2,.wel-product .swiper-slide.bg0 h4{
	color: rgba(255,255,255,.1);
}
.wel-product .swiper-slide .con{
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2;
	width: 100%;
	height: 100%;

	background: rgba(51,51,51,.8);
	transition:background 0.3s;
}
.wel-product .swiper-wrapper{
	position: relative;
	z-index: 5;
} 
.wel-product .swiper-slide h3{
	color: #fff; font-size:36px;
	
	margin-bottom: 47px;
	transition:color 0.3s;
}
.wel-product .swiper-slide h2{
	font:24px/48px "Arial";
	color: #fff;
	width: 63%;
	transition:color 0.3s;
}
.wel-product .swiper-slide h4{
	font-size: 20px;
	color: #fff;
	line-height: 36px;
	font-weight: normal;
	transition:color 0.3s;
}
.wel-product .swiper-slide p{
	padding-top: 56px;
	font-size: 14px;
	color: #fff;
	line-height: 29px;
	opacity: 0;
	transition:opacity 0.3s;
}
.wel-product .swiper-slide:hover p {
	opacity: 1;
}
.wel-product #video{
	position: absolute;
	z-index: 1;
	top: 0;
	left: 0;
	width: 100%;
	background: #000;
}
.wel-product .swiper-slide .wel-btns{
	display: block;
	width: 50px;
	height: 50px;
	border-color:rgba(255,255,255,.25);
	position: absolute;
    bottom: 10%;
    left: 10%;
}
.wel-product .swiper-slide .wel-btns span{
	height: 50px;
	display: block;
	font-size: 0;
	padding-right: 25px;
	background: url(../images/wel04.png)    no-repeat;
	background-position: center;
	transition:padding 0.3s,background-image 0.3s;
}
.wel_morebtn{transition: all .5s ease;}
 

.wel-news{
	padding: 60px 0;
}
.w1600 {
    margin: 0 auto;
    position: relative;
    width: 1600px;
}
.f-cb {
    zoom: 1;
}
.wel-news .box{
	width: 48%;
}
.sl_fr>img{display: block;}
.wel-news-tit{
	padding-bottom: 49px;
	width: 100%;
}
.wel-news-tit .wel-btns{margin: 0;}
.wel-news-tit h2{
	float: left;
	font-size: 24px;
	color: #666;
	line-height: 44px;
}
.wel-btns{
	float: right;
	font-size: 18px;
	color: #666666;
	border: 1px solid #ccc;
	width: 178px;
	    height: 44px;
	    line-height: 44px;
	    text-align: center;
	    font-size: 18px;
	    font-family: 'Arial';
	    position: relative;
}
.swiper-container-horizontal{
	position: relative;
	z-index: 1;
	overflow: hidden;
}
.wel-left-news, .wel-right-news{
	padding-bottom: 45px;
}
.wel-left-news .swiper-slide, .wel-right-news .swiper-slide{
	width: 100%;
}
.wel-left-news .swiper-slide a, .wel-right-news .swiper-slide a{
	display:block;
	width: 100%;
}
.wel-left-news .swiper-slide .pic, .wel-right-news .swiper-slide .pic{
	width: 100%;
	overflow: hidden;
	position: relative;
}
.wel-left-news .swiper-slide img, .wel-right-news .swiper-slide img{
	width: 100%;
	transition:all 0.3s;
}
.wel-left-news .swiper-slide h3, .wel-right-news .swiper-slide h3{
	padding-top: 16px;
	font:12px/25px "Arial";
	color: #999;
}
.wel-left-news .swiper-slide h2, .wel-right-news .swiper-slide h2{
	font-size:16px;
	line-height: 35px;
	color: #333;
	transition:color 0.3s;
}
.wel-news .swiper-pagination{
	text-align: left;
	font-size: 0;
}
.wel-news .swiper-pagination-bullet-active{
	background: #068585;
}
 .boxwelbtn{float: none;}
@media screen and (max-width: 1630px){
	.shili  .box {
		    width: 70%;
	}
	 .shili  .comjs {
	     font-size: 12px;
	     line-height: 26px;
	}
	.wrap1 {
	    width: 92%;
	}
	.shili .sl_fr h2 {
	    font-size: 78px;
	    line-height: 65px;
	}
	.shili .sl_fr  ul {
		    padding-top: 2.4vw;
		}
		.shili .sl_fr p {
		    font-size: 12px;
		    line-height: 20px;
		    padding: 0.3vw 0 0.8vw;
		}
		.shili .sl_fr li {
		    width: 23%;
		    margin-left: 2%;
		}
		.shili .sl_fr .boxcon{
			width: 90%;
			left: 5%;
		}
		.shili .sl_fl .box{
			width: 70%;
		}
		.shili .sl_fl p {
		    font-size: 12px;
		    line-height: 26px;
		}
		.shili .sl_fr .fonts {
		    font-size: 12px;
		}
		.shili .swiper-slide h3 {
		    font-size: 14px;
		    line-height: 26px;
		}
		.wel-media-con .sl_fl .more{
			bottom: 15px;
		}
		.wel-product .swiper-slide h2{
			width: 100%;
		}
		.wel-product .swiper-slide p{
			padding-top:10px;
		}
		.wel-product .swiper-slide h3{
			margin-bottom: 14px;
		}
		.nav-box .left-bot {
		    padding-top: 13.59vw;
		} 
}

@media (max-width: 1024px){
	.shili .sl_fl .wel-btns {
	    margin: 1.42vw auto 0;
	} 
	.wel-btns {
	    width: 124px;
	    height: 32px;
	    font-size: 16px;
	    line-height: 32px;
	    margin: 0 auto;
	    border: 1px solid rgba(255,255,255) !important;
	}
	.shili .sl_fr h3 {
	    font-size: 20px;
	    line-height: 30px;
	    padding-top: 5vw;
	}
	.shili .sl_fr h4 {
	    font: 12px/22px "Arial";
	}
	.shili .sl_fr ul {
	    padding-top: 1.4vw;
	}
	.sl_fl{    padding: 1.4vw 0;}
	.shili .sl_fr li:first-child, .shili .sl_fr li:nth-child(3) {
	    width: 50%;
	    margin-left: 0;
	}
	.shili .sl_fr li {
	    margin-bottom: 1vw;
	}
	.shili .sl_fr li {
	    width: 45%;
	    margin-left: 5%;
	}
	.shili .sl_fr h2 {
	    font-size: 50px;
	    line-height: 50px;
	}
	.wel-product .swiper-slide h2 {
	    font: 20px/30px "Arial";
	}
}
.newconlist>ul:first-child{display: block;}
	.newconlist>ul{display: none;}
	.newconlist ul li{width: calc(50% - 20px);float: left;margin-top: 20px;margin-right: 40px;}
	.newconlist ul li:nth-child(2n){margin-right: 0;}
	.elli {
	    white-space: nowrap;
	    overflow: hidden;
	    text-overflow: ellipsis;
	}
	.newconlist ul li .text {
	   
	    background: #f8f8f8;
	    padding: 16px 85px 17px 170px;
	    position: relative;
	    -webkit-transition: all 0.5s ease-out 0s;
	    -moz-transition: all 0.5s ease-out 0s;
	    -o-transition: all 0.5s ease-out 0s;
	    transition: all 0.5s ease-out 0s;
	}
	.newconlist ul li .text .time {
	    position: absolute;
	    left: 0;
	    top: 26px;
	    width: 131px;
	    text-align: center;
	}
	.newconlist ul li .text .time h2 {
	    width: 100%;
	    font-size: 30px;
	    color: #2d79ba;
	    line-height: 40px;
	    letter-spacing: 1px;
	    font-family: Arial;
	}
	.newconlist ul li .text .time h5 {
	    width: 100%;
	    font-size: 18px;
	    color: #2d79ba;
	    line-height: 25px;
	    letter-spacing: 1px;
	    font-family: Arial;
	}
	.newconlist ul li .text .name {
	    width: 100%;
	    font-size: 17px;
	    color: #333;
	    line-height: 28px;
	    letter-spacing: 1px;
	}
	.newconlist ul li .text .p {
	    width: 100%;
	    margin-top: 8px;
	    font-size: 14px;
	    color: #7b7b7b;
	    line-height: 24px;
	    letter-spacing: 1px;
	    height: 48px;
	    overflow: hidden;
	}
	.newconlist ul li .text .time:before {
	    content: '';
	    width: 1px;
	    height: 90%;
	    position: absolute;
	    top: 5px;
	    right: 0;
	    background: #e6e6e6;
	}
	.newconlist ul li a:hover .text{ background:#2d79ba;}
	.newconlist ul li a:hover .text .time h2,.newconlist ul li a:hover .text .time h5,.newconlist ul li a:hover .text .name,.newconlist ul li a:hover .text .p{ color:#fff !important;}
	.newconlist ul li a:hover .text .p{ opacity:0.6;}
	.newconlist ul li a:hover .text .time:before{ background:white;}
@media (max-width: 960px){
	.newconlist ul li .text{    padding: 16px 18px 17px 170px;}
}
@media (max-width: 768px){
	.wel-product .wel_morebtn{display: none !important;}
	#footer .footer_top .top_right .right_wid2{text-align: center;}
	.g_ser,.shili .sl_fl,.footer_top .top_left {display: none;}
	.newconlist ul li {
	    width: 100%;
		margin-right: 0;
	}
	.shili .sl_fl {
	    width: 100%;
	    padding: 5vw 0;
	}
	.shili .sl_fr {
	    width: 100%;
	    position: relative;
	    overflow: hidden;
	}
	.index_case{margin: 20px 0;}
	.boximg{width: 20vw;}
	.shili .box{text-align: center;}
	.shili .sl_fl .box{width: 90%;}
	.wel-news{padding: 20px 0;}
}
@media (max-width: 480px){
	.newconlist li:nth-child(n+4){display: none !important;}
	.shili .sl_fr h3{font-size: 16px;}
	.shili .sl_fr>img {
	  width: 600px;
	    left: 50%;
	    
	}
	.wel-product .swiper-slide{height: 300px;}
	/* .wel-product{height: 300px;} */
	.wel-news .box {
	    width: 100%;
	}
	.wel-news-tit h2{
			font-size: 16px;
			line-height: 32px;
		}
}
@media (max-width: 420px){
	.btn-home-xw .btn {
	    width: 70px;
	    height: 20px;
	    line-height: 20px;
	    font-size: 14px;
	}
	.newconlist ul li .text .time {width: 80px;}
	.newconlist ul li .text{padding: 16px 18px 17px 90px;}
	.newconlist ul li .text .time h2{ font-size:24px; line-height:34px;}
	.newconlist ul li .text .time h5{ line-height:22px;}
	.newconlist ul li .text .time:before{ right:-5px;}
	.newconlist ul li .text .name{ font-size:14px; line-height:24px;}
	.newconlist ul li .text .p{ line-height:20px; height:38px;}
	.newconlist ul li{ margin-top:10px;}

}