.yql_title{ margin:50px 0; display:block;}
.yql_title img{ display:block; height:40px;}
.yql_about{ padding:60px 10%;}
.yql_about h2{ font-size:30px; font-weight:bold; font-style:italic;}
.yql_about p{ font-size:22px; color:#000; display:block; margin:22px 0; line-height:1.5;}

.yql_pinpai{ padding:60px 10%; background:#fbfbfb;}


.yql_pinpai_logo{ text-align:center; margin:0 auto 80px auto; position:relative;}
.yql_pinpai_logo img{ display:block; margin:0 auto; height:70px;}
.yql_pinpai_logo:after {
    content: '';
    height: 35px;
    border-right:1px solid #000;
    position: absolute;
    bottom: -48px;
    left: 50%;

}

.yql_pinpai_list{ position:relative;  }
.yql_pinpai_list:after{ content:''; left:12%; border:1px solid #000; width:76%; height:30px; border-bottom:0;  position:absolute; top:-32px;}
.yql_pinpai_list ul{ display:flex;}
.yql_pinpai_list li{ flex:1; text-align:center; font-size:14px; padding:25px 10px; background:#e5e5e5; margin:0 10px 0 0; position:relative;}
.yql_pinpai_list li:after{ content:''; height:32px; border-right:1px solid #000; top:-32px; left:50%;  position:absolute; }
.yql_pinpai_list li:last-child{ margin-right:0;}
.yql_pinpai_list li:last-child:after,.yql_pinpai_list li:first-child:after{ border:0;}
.yql_pinpai_list li img{ display:block; height:30px; max-width:100%; margin:0 auto 8px auto;}
.yql_pinpai_list li h2{ display:block; font-size:18px; color:#000;}
.yql_pinpai_list li.on{ background:#fff;}
.yql_pinpai_list li.on:before{ content:'';width: 0; position:absolute; bottom:-50px; left:50%; margin-left:-30px;
    height: 0;
    border-bottom: 30px solid #fff;
    border-right: 30px solid transparent;
    border-left: 30px solid transparent;
}
.yql_pinpai_list .bd{width:100%; border-radius:10px; overflow:hidden; background:#fff; line-height:2; font-size:22px; padding:40px; margin:50px 0; }




.yql_product{ position:relative;
	padding:0 10%;
	background: #b8c6ff;
    background: linear-gradient(217deg,#b8c6ff,#9cc6ff 20%,#bed4ff 47%,#ace1ff 71%,#fff 99%);
    overflow: hidden;
}
.yql_product:after,.yql_product:before{
	content: " ";
    position: absolute;
    z-index: 10;
    left: 0;
    right: 0;
    pointer-events: none; 
	width:100%;
	}
.yql_product:after{
    bottom: 0;
    height:120px;
    background-image: linear-gradient(180deg,hsla(0,0%,100%,0),#fff);
}
.yql_product:before{
    top: 0;
    height: 236px;
    background-image: linear-gradient(179deg,#a2bdff,rgba(162,189,255,.84) 19%,rgba(162,189,255,0) 79%);
}

.yql_product_left{ width:35%; float:left; color:#000; padding:150px 0 0 0}
.yql_product_left .hd{ background:rgba(255,255,255,0.6); margin-top:50px; width:380px; padding:5px; border-radius:50%; border-radius:50px;}
.yql_product_left .hd ul{ display:flex;}
.yql_product_left .hd ul li{ flex:1; text-align:center; font-size:18px; color:#000; height:42px; border-radius:42px; line-height:42px;}
.yql_product_left .hd ul li.on{ background:#000; color:#fff;}
.yql_product_left .bd{ padding:30px 0; line-height:1.5;}
.yql_product_left .bd ul h2{ font-size:32px; font-weight:bold; color:#000;}
.yql_product_left .bd ul p{ font-size:20px; margin:30px 0;}

.yql_product_zixun a{ display:inline-block; height:55px; line-height:55px; width:180px; font-weight:bold; color:#2670c0; border:1px solid #2670c0; margin-right:40px; text-align:center; font-size:20px; border-radius:60px;}
.yql_product_zixun a:last-child{ margin-right:0;}
.yql_product_zixun a.on{ background:#2670c0; color:#fff;}
.zixun_tel{ padding:10px 0; font-size:16px;}

.yql_product_right{ display:flex; width:50%; float:right;}
.yql_product_right div.huadong{ flex:1; margin-left:30px;}

.huadong-top{ height:800px; width:210px;}
.huadong-top li{ height:430px;}
.huadong-top li img{ display:block; max-width:100%;}
.huadong-top li .title{ background:#fff; border-radius:15px; padding:12px; margin-top:15px; color:#000;}
.huadong-top li .title h2{ font-size:17px; font-weight:600; margin-bottom:6px; display:block;}
.huadong-top li .title span{ float:right;}
.huadong-top li .title p{ font-size:15px;}
.huadong-top li .title b{ color:#2670c0;}



.yql_huodong{ padding:50px 10%;}
.yql_huodong_list{ margin:30px auto;}
.yql_huodong_list li img{height:100%; display:block; margin:0; padding:0; border:0;}
.yql_huodong_list li:nth-child(1),.yql_huodong_list li:nth-child(6){ width:40%; float:left; margin-left:0;}
.yql_huodong_list li:nth-child(1) img{  }
.yql_huodong_list li{ float:left; width:28.5%; margin-left:1.5%;  margin-bottom:30px; overflow:hidden; height:294px; }
.yql_huodong_list li:nth-child(1){ height:618px;}

@media (max-width:1600px){
.yql_huodong_list li{ height:240px;margin-bottom:20px;}
.yql_huodong_list li:nth-child(1){ height:500px;}	
}

@media (max-width:1200px){
.yql_huodong_list li{ height:180px;margin-bottom:15px;}
.yql_huodong_list li:nth-child(1){ height:375px;}	
}

@media (max-width:640px){
	
.yql_title{ margin:10px 0; display:block;}
.yql_title img{ display:block; height:26px;}
.yql_about{ padding:20px 2%;}
.yql_about h2{ font-size:30px; font-weight:bold; font-style:italic;}
.yql_about p{ font-size:15px; color:#000; display:block; margin:22px 0; line-height:1.8;}


.yql_pinpai{ padding:20px 3%; background:#fbfbfb;}
.yql_pinpai_logo{ text-align:center; margin:30px auto 80px auto; position:relative;}
.yql_pinpai_logo img{ display:block; margin:0 auto; height:45px;}
.yql_pinpai_logo:after {
    content: '';
    height: 35px;
    border-right:1px solid #000;
    position: absolute;
    bottom: -54px;

    left: 50%;

}

.yql_pinpai_list{ position:relative;  }
.yql_pinpai_list:after{ content:''; left:17%; border-top:1px solid #000; width:66%; position:absolute; top:-26px;}
.yql_pinpai_list ul{ display:flex;flex-wrap:wrap;}
.yql_pinpai_list li{ flex:auto; text-align:center;  font-size:14px; padding:10px 10px; background:#e5e5e5; margin:1.5% 1% 26px 1%; position:relative;width:23%;}
.yql_pinpai_list li:after{ content:''; height:32px; border-right:1px solid #000; top:-32px; left:50%;  position:absolute; }
.yql_pinpai_list li:last-child{ margin-right:1%;}

.yql_pinpai_list li img{ display:block; height:18px; max-width:100%; margin:0 auto 8px auto;}
.yql_pinpai_list li h2{ display:block; font-size:12px; color:#000;}
.yql_pinpai_list li.on{ background:#fff;}
.yql_pinpai_list li.on:before{ content:'';width: 0; position:absolute; bottom:-50px; left:50%; margin-left:-30px;
    height: 0;
    border-bottom: 30px solid #fff;
    border-right: 30px solid transparent;
    border-left: 30px solid transparent;
}
.yql_pinpai_list .bd{width:100%; overflow:hidden; background:#fff; line-height:2; font-size:16px; padding:20px; margin:0 0; }




.yql_product{ position:relative;
	padding:0 3%;
	background: #b8c6ff;
    background: linear-gradient(217deg,#b8c6ff,#9cc6ff 20%,#bed4ff 47%,#ace1ff 71%,#fff 99%);
    overflow: hidden;
}
.yql_product:after,.yql_product:before{
	content: " ";
    position: absolute;
    z-index: 10;
    left: 0;
    right: 0;
    pointer-events: none; 
	width:100%;
	}
.yql_product:after{
    bottom: 0;
    height:180px;
    background-image: linear-gradient(180deg,hsla(0,0%,100%,0),#fff);
}
.yql_product:before{
    top: 0;
    height: 0;
    background-image: linear-gradient(179deg,#a2bdff,rgba(162,189,255,.84) 19%,rgba(162,189,255,0) 79%);
}

.yql_product_left{ width:100%; float:none; color:#000; padding:50px 0 30px 0}
.yql_product_left .hd{ background:rgba(255,255,255,0.6); margin-top:30px; width:90%; padding:5px; border-radius:50%; border-radius:50px;}
.yql_product_left .hd ul{ display:flex;}
.yql_product_left .hd ul li{ flex:1; text-align:center; font-size:18px; color:#000; height:42px; border-radius:42px; line-height:42px;}
.yql_product_left .hd ul li.on{ background:#000; color:#fff;}
.yql_product_left .bd{ padding:30px 0 0 0; line-height:1.8;}
.yql_product_left .bd ul h2{ font-size:24px; font-weight:bold; color:#000; line-height:1.5;}
.yql_product_left .bd ul p{ font-size:16px; margin:30px 0;}


.yql_product_zixun a{ display:inline-block; height:42px; line-height:42px; width:140px; font-weight:normal; color:#2670c0; border:1px solid #2670c0; margin-right:30px; text-align:center; font-size:16px; border-radius:60px;}

.yql_product_zixun a.on{ background:#2670c0; color:#fff;}
.zixun_tel{ padding:15px 0; font-size:16px;}


.yql_product_right{ display:flex; width:100%; float:none;}
.yql_product_right div.huadong{ flex:1; margin:0 6px;}

.huadong-top{ height:500px; width:100%; position:relative;}
.huadong-top li{ height:auto; margin-bottom:30px;}
.huadong-top li img{ display:block; max-width:100%;}
.huadong-top li .title{ background:#fff; border-radius:15px; padding:10px; margin-top:12px; color:#000;}
.huadong-top li .title h2{ font-size:14px; font-weight:600; margin-bottom:6px; display:block;}
.huadong-top li .title span{ float:none; display:block;}
.huadong-top li .title p{ font-size:12px;}
.huadong-top li .title b{ color:#2670c0;}

.huadong-top:before{
	content: " ";
    position: absolute;
    z-index: 10;
    left: 0;
    right: 0;
    pointer-events: none; 
	width:100%;
    
	top: -2px;
    height: 136px;
    background-image: linear-gradient(179deg,#a2bdff,rgba(162,189,255,.84) 19%,rgba(162,189,255,0) 79%);
}

.yql_huodong{ padding:20px 3%;}
.yql_huodong_list{ margin:30px auto;}
.yql_huodong_list li img{width:100%;}

.yql_huodong_list li:nth-child(1){ width:57%; float:left; margin-left:0; height:212px;}
.yql_huodong_list li:nth-child(4),.yql_huodong_list li:nth-child(7){ width:57%; float:left; margin-left:0; height:100px; overflow:hidden;}
.yql_huodong_list li:nth-child(5),.yql_huodong_list li:nth-child(8){ height:100px; overflow:hidden;}
.yql_huodong_list li:nth-child(6){ display:none;}
.yql_huodong_list li{ float:left; width:40.2%; margin-left:2.8%; margin-bottom:12px; height:100px; overflow:hidden; }
}