.banner_box{width: 100%;}

.banner .swiper-pagination-bullet{

      border-radius: 2px !important;

      width: 80px !important;

	  height: 4px;

	  border: 1px solid #3284c9;

	  background:transparent;

    }

	.banner .swiper-container-horizontal>.banner .swiper-pagination-bullets .banner  .swiper-pagination-bullet {

	    margin: 0 25px;

	}

	.banner .swiper-pagination-bullet-active {

	    background: #fff;

	}

	.banner .swiper-container-horizontal>.banner .swiper-pagination-bullets,.banner .swiper-pagination-custom,.banner  .swiper-pagination-fraction {

	    bottom: 30px;

	    left: 0;

	    width: 100%;

	}

	





.banner .swiper-button-next, .banner .swiper-button-prev {

    position: absolute;

    top: 50%;

	margin-top: -60px;

    width: 60px;

    height: 200px;

   

    z-index: 10;

    cursor: pointer;

    background-size: 20px 38px;

	padding:100px 30px;

	box-sizing: border-box;

	background: rgba(255,255,255,0.2);

    background-position: center;

    background-repeat: no-repeat;

	}

	

	.banner .swiper-button-next, .banner .swiper-button-prev {

	   position: absolute;

	   top: 50%;

	   margin-top: -60px;

	   width: 60px;

	   height: 200px;

	      

	   z-index: 10;

	   cursor: pointer;

	   background-size: 20px 38px;

	   padding:100px 30px;

	   box-sizing: border-box;

	   background: rgba(255,255,255,0.2);

	   background-position: center;

	   background-repeat: no-repeat;

	}

	.banner .swiper-button-prev,.swiper-container-rtl .swiper-button-next{

		background-image:url(../img/page_left.png);

		left:225px;

		right:auto

		}

	.banner .swiper-button-next, .swiper-container-rtl .swiper-button-prev {

		background-image: url(../img/page_right.png);

		right: 225px;

		left: auto;

	}

		

	@media (max-width:1024px) {

		.banner .swiper-pagination-bullet{

		  border-radius: 2px !important;

		  width: 70px !important;

		  height: 4px;

		  border: 1px solid #3284c9;

		  background:transparent;

		}

		.banner .swiper-pagination-bullet-active {

		    

		    background: #fff;

		}

		.banner .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {

	    margin: 0 20px;

		}

		.banner .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {

		    bottom: 20px;

		    left: 0;

		    width: 100%;

		}

		.banner .swiper-button-next,.banner  .swiper-button-prev {

		   position: absolute;

		   top: 50%;

		   margin-top: -44px;

		   width: 44px;

		   height: 100px;

		   z-index: 10;

		   cursor: pointer;

		   background-size: 17px 32px;

		   padding:50px 22px;

		   box-sizing: border-box;

		   background: rgba(255,255,255,0.2);

		   background-position: center;

		   background-repeat: no-repeat;

		}

		.banner .swiper-button-prev,.swiper-container-rtl .swiper-button-next{

				background-image:url(../img/page_left1.png);

				left:100px;

				right:auto

			}

		.banner .swiper-button-next, .swiper-container-rtl .swiper-button-prev {

			background-image: url(../img/page_right1.png);

			right: 100px;

			left: auto;

		}

	}

	@media (max-width:840px) {

		.banner .swiper-pagination-bullet{

		  border-radius: 2px !important;

		  width: 60px !important;

		  height: 4px;

		  border: 1px solid #3284c9;

		  background:transparent;

		}

		.banner .swiper-pagination-bullet-active {

		    

		    background: #fff;

		}

		.banner .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {

	    margin: 0 15px;

		}

		.banner .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {

		    bottom: 18px;

		    left: 0;

		    width: 100%;

		}

	.banner .swiper-button-next, .banner .swiper-button-prev {

		  position: absolute;

		  top: 50%;

		  margin-top: -34px;

		  width: 34px;

		  height: 80px;

				   

		  z-index: 10;

		  cursor: pointer;

		  background-size: 17px 32px;

		  padding:40px 17px;

		  box-sizing: border-box;

		  background: rgba(255,255,255,0.2);

		  background-position: center;

		  background-repeat: no-repeat;

		}

		.banner .swiper-button-next, .banner .swiper-button-prev {

		   position: absolute;

		   top: 50%;

		   margin-top: -34px;

		   width: 34px;

		   height: 80px;

		   					   

		   z-index: 10;

		   cursor: pointer;

		   background-size: 17px 32px;

		   padding:40px 17px;

		   box-sizing: border-box;

		  background: rgba(255,255,255,0.2);

		   background-position: center;

		   background-repeat: no-repeat;

		}

		.banner .swiper-button-prev,.swiper-container-rtl .swiper-button-next{

			background-image:url(../img/page_left1.png);

			left:50px;

			right:auto

			}

			.banner .swiper-button-next, .swiper-container-rtl .swiper-button-prev {

			    background-image: url(../img/page_right1.png);

			    right: 50px;

			    left: auto;

			}

	}

	@media (max-width:640px) {

		.banner .swiper-pagination-bullet{

		  border-radius: 2px !important;

		  width: 45px !important;

		  height: 4px;

		  border: 1px solid #3284c9;

		  background:transparent;

		}

		.banner .swiper-pagination-bullet-active {

		    

		    background: #fff;

		}

		.banner .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {

	    margin: 0 10px;

		}

		.banner .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {

		    bottom: 10px;

		    left: 0;

		    width: 100%;

		}

	.banner .swiper-button-next, .banner .swiper-button-prev {

	    position: absolute;

	    top: 50%;

	    margin-top: -20px;

	    width: 20px;

	    height: 50px;

	    					   

	    z-index: 10;

	    cursor: pointer;

	    background-size: 14px 25px;

	    padding:25px 10px;

	    box-sizing: border-box;

	    background: rgba(255,255,255,0.2);

	    background-position: center;

	    background-repeat: no-repeat;

		}

		.banner .swiper-button-prev,.swiper-container-rtl .swiper-button-next{

			background-image:url(../img/page_left2.png);

			left:30px;

			right:auto

			}

		.banner .swiper-button-next, .swiper-container-rtl .swiper-button-prev {

			background-image: url(../img/page_right2.png);

			right: 30px;

			left: auto;

		}

	}

	@media (max-width:500px) {

		.banner .swiper-pagination-bullet{

		  border-radius: 2px !important;

		  width: 30px !important;

		  height: 4px;

		  border: 1px solid #3284c9;

		  background:transparent;

		}

		.banner .swiper-pagination-bullet-active {

		    

		    background: #fff;

		}

		.banner .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {

	    margin: 0 8px;

		}

		.banner .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {

		    bottom: 10px;

		    left: 0;

		    width: 100%;

		}

		.banner .swiper-button-next, .banner .swiper-button-prev {

			   position: absolute;

			   top: 50%;

			   margin-top: -16px;

			   width: 16px;

			   height: 46px;

								   

			   z-index: 10;

			   cursor: pointer;

			   background-size: 10px 17px;

			   padding:23px 8px;

			   box-sizing: border-box;

			  background: rgba(255,255,255,0.2);

			   background-position: center;

			   background-repeat: no-repeat;

			}

		

			.banner .swiper-button-next, .swiper-container-rtl .swiper-button-prev {

			    background-image: url(../img/page_right3.png);

			    right: 25px;

			    left: auto;

			}

			.banner .swiper-button-prev,.swiper-container-rtl .swiper-button-next{

				background-image:url(../img/page_left3.png);

				left:25px;

				right:auto

				}

	}

	@media (max-width:400px) {

		.banner .swiper-pagination-bullet{

		  border-radius: 2px !important;

		  width: 20px !important;

		  height: 4px;

		  border: 1px solid #3284c9;

		  background:transparent;

		}

		.banner .swiper-pagination-bullet-active {

		    

		    background: #fff;

		}

		.banner .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {

	    margin: 0 5px;

		}

		.banner .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {

		    bottom: 6px;

		    left: 0;

		    width: 100%;

		}

		.banner .swiper-button-next, .banner .swiper-button-prev {

		    position: absolute;

		    top: 50%;

		    width: 10px;

		    height: 30px;

		    margin-top: -10px;

		    z-index: 10;

		    cursor: pointer;

		    background-size: 8px 13px;

		    background-position: center;

		    background-repeat: no-repeat;

			}

		

			.banner .swiper-button-next, .swiper-container-rtl .swiper-button-prev {

			    background-image: url(../img/page_right4.png);

			    right: 25px;

			    left: auto;

			}

			.banner .swiper-button-prev,.swiper-container-rtl .swiper-button-next{

				background-image:url(../img/page_left4.png);

				left:25px;

				right:auto

				}

	}





.product{margin-top:10px;margin-bottom: 30px;}

.product li{margin-bottom: 15px;}

.product span{display: inline-block;overflow: hidden;width: 100%;

border-radius: 10px;}

.product img{width: 100%;display: inline-block;border-radius: 10px;}



.product1 > li{position: relative;}

.pro_con{position: absolute;top:11.3%;left:calc(50% - 48%) ;width: 96%;margin: 0 auto;}

.pro_con h1{font-size:32px;color:#2b2a2f;font-weight: bold;

line-height: 1em;margin-bottom: 22px;text-transform: uppercase;}

.pro_con p{font-size:16px;color:#2b2a2f;line-height: 1em;margin-bottom: 20px;}

.pro_con1{padding:0 60px!important;}

.pro_con1 li{display: block;float: left;text-align: center;/* margin-right: 34px; */}

.pro_con1 li:nth-last-of-type(1){margin-right: 0;}

.pro_con1 a{display: inline-block;width: 100%;height: 26px;border: 1px solid #585858;

border-radius: 13px;box-sizing: border-box;}

.pro_con1 h2{font-size:14px;color:#333436;line-height: 26px;}

.pro_con1 a:hover{border:1px solid transparent;background: #585858;transition: all 0.8s;}

.pro_con1 a:hover h2{color:#fff;transition: all 0.8s;}



.pro_con1s{padding:0 40px!important;text-align: center}

.pro_con1s li{text-align: center;/* margin-right: 34px; */padding: 0 5px; float: none !important; display: inline-block !important; width: 30% !important;}

.pro_con1s a{display: inline-block;height: 26px;border: 1px solid #585858;

border-radius: 13px;box-sizing: border-box; width: 100%;}

.pro_con1s h2{font-size:14px;color:#333436;line-height: 26px;}

.pro_con1s a:hover{border:1px solid transparent;background: #fff;transition: all 0.8s;}

.pro_con1s a:hover h2{color:#585858;transition: all 0.8s;}



.pro_con2{position: absolute;top:11.3%;left:calc(50% - 48%) ;width: 96%;margin: 0 auto;}

.pro_con2 h1{font-size:32px;color:#fff;font-weight: bold;

line-height: 1em;margin-bottom: 22px;text-transform: uppercase;}

.pro_con2 p{font-size:16px;color:#fff;margin-bottom: 20px;padding: 0 20px;}

.pro_con3 li{display: block;float: left;text-align: center;/* margin-right: 34px; */ text-align: center;}

.pro_con3 li:nth-last-of-type(1){margin-right: 0;}

.pro_con3 a{display: inline-block;height: 26px;border: 1px solid #fff;

border-radius: 13px;box-sizing: border-box; padding: 0 10px;}

.pro_con3 h2{font-size:14px;color:#fff;line-height: 26px;}



.product1 > li:nth-of-type(1) .pro_con2 h1{color:#2b2a2f;}

.product1 > li:nth-of-type(1) .pro_con2 p{color:#2b2a2f;}

.product1 > li:nth-of-type(1) .pro_con3 a{border: 1px solid #585858;}

.product1 > li:nth-of-type(1) .pro_con3 h2{color:#333436;}

.product1 > li:nth-of-type(1) .more:hover{border:1px solid transparent;background: #585858;transition: all 0.8s;}

.product1 > li:nth-of-type(1) .more:hover h2{color:#fff;transition: all 0.8s;}

.product1 > li:nth-of-type(1) .pro_con1s a:hover{border:1px solid transparent;background: #585858;transition: all 0.8s;}

.product1 > li:nth-of-type(1) .pro_con1s a:hover h2{color:#fff;transition: all 0.8s;}





.product1 > li:nth-of-type(3) .pro_con2 h1{color:#2b2a2f;}

.product1 > li:nth-of-type(3) .pro_con2 p{color:#2b2a2f;}

.product1 > li:nth-of-type(3) .pro_con3 a{border: 1px solid #585858;}

.product1 > li:nth-of-type(3) .pro_con3 h2{color:#333436;}

.product1 > li:nth-of-type(3) .more:hover{border:1px solid transparent;background: #585858;transition: all 0.8s;}

.product1 > li:nth-of-type(3) .more:hover h2{color:#fff;transition: all 0.8s;}

.product1 > li:nth-of-type(3) .pro_con1s a:hover{border:1px solid transparent;background: #585858;transition: all 0.8s;}

.product1 > li:nth-of-type(3) .pro_con1s a:hover h2{color:#fff;transition: all 0.8s;}



.product1 > li:nth-of-type(4) .pro_con2 h1{color:#2b2a2f;}

.product1 > li:nth-of-type(4) .pro_con2 p{color:#2b2a2f;}

.product1 > li:nth-of-type(4) .pro_con3 a{border: 1px solid #585858;}

.product1 > li:nth-of-type(4) .pro_con3 h2{color:#333436;}

.product1 > li:nth-of-type(4) .more:hover{border:1px solid transparent;background: #585858;transition: all 0.8s;}

.product1 > li:nth-of-type(4) .more:hover h2{color:#fff;transition: all 0.8s;}

.product1 > li:nth-of-type(4) .pro_con1s a:hover{border:1px solid transparent;background: #585858;transition: all 0.8s;}

.product1 > li:nth-of-type(4) .pro_con1s a:hover h2{color:#fff;transition: all 0.8s;}



.product1 > li:nth-of-type(8) .pro_con2 h1{color:#2b2a2f;}

.product1 > li:nth-of-type(8) .pro_con2 p{color:#2b2a2f;}

.product1 > li:nth-of-type(8) .pro_con3 a{border: 1px solid #585858;}

.product1 > li:nth-of-type(8) .pro_con3 h2{color:#333436;}

.product1 > li:nth-of-type(8) .more:hover{border:1px solid transparent;background: #585858;transition: all 0.8s;}

.product1 > li:nth-of-type(8) .more:hover h2{color:#fff;transition: all 0.8s;}

.product1 > li:nth-of-type(8) .pro_con1s a:hover{border:1px solid transparent;background: #585858;transition: all 0.8s;}

.product1 > li:nth-of-type(8) .pro_con1s a:hover h2{color:#fff;transition: all 0.8s;}



.product1 > li:nth-of-type(9) .pro_con2 h1{color:#2b2a2f;}

.product1 > li:nth-of-type(9) .pro_con2 p{color:#2b2a2f;}

.product1 > li:nth-of-type(9) .pro_con3 a{border: 1px solid #585858;}

.product1 > li:nth-of-type(9) .pro_con3 h2{color:#333436;}

.product1 > li:nth-of-type(9) .more:hover{border:1px solid transparent;background: #585858;transition: all 0.8s;}

.product1 > li:nth-of-type(9) .more:hover h2{color:#fff;transition: all 0.8s;}

.product1 > li:nth-of-type(9) .pro_con1s a:hover{border:1px solid transparent;background: #585858;transition: all 0.8s;}

.product1 > li:nth-of-type(9) .pro_con1s a:hover h2{color:#fff;transition: all 0.8s;}



.more:hover{border:1px solid transparent;background: #fff;transition: all 0.8s;}

.more:hover h2{color:#000;transition: all 0.8s;}





.pro_con1{padding:0 60px!important;}

/* .con{padding: 0 120px!important;} */


/* .con1{padding:0 60px!important;} */

@media (max-width:1680px) {

	.pro_con h1{font-size:26px;color:#2b2a2f;font-weight: bold;line-height: 1em;

	margin-bottom: 16px;}

	.pro_con p{font-size:14px;color:#2b2a2f;margin-bottom: 15px;}

	.pro_con2 h1{font-size:26px;font-weight: bold;line-height: 1em;

	margin-bottom: 16px;}

	.pro_con2 p{font-size:14px;margin-bottom: 15px;}

	.pro_con1 a{height: 24px;}

	.pro_con1 h2{font-size:12px;line-height: 24px;}

	.pro_con3 a{height: 24px;}

	.pro_con3 h2{font-size:12px;line-height: 22px;}

}

@media (max-width:1400px) {

	.pro_con h1{font-size:22px;font-weight: bold;line-height: 1em;

	margin-bottom: 12px;}

	.pro_con2 p{font-size:14px;margin-bottom: 10px;}

	.pro_con2 h1{font-size:22px;font-weight: bold;line-height: 1em;

	margin-bottom: 12px;}

	.pro_con p{font-size:14px;margin-bottom: 10px;}

	.pro_con1 a{height: 24px;}

	.pro_con1 h2{font-size:12px;line-height: 24px;}

	.pro_con3 a{height: 24px;}

	.pro_con3 h2{font-size:12px;line-height: 24px;}

	.pro_con1,.con1{padding:0 30px!important;}

	.con{padding: 0 90px!important;}

}

@media (max-width:1200px) {

	.pro_con h1{font-size:20px;font-weight: bold;line-height: 1em;

	margin-bottom: 10px;}

	.pro_con p{font-size:14px;margin-bottom: 6px;}

	.pro_con2 h1{font-size:20px;font-weight: bold;line-height: 1em;

	margin-bottom: 10px;}

	.pro_con2 p{font-size:14px;margin-bottom: 6px;}

	.pro_con1 a{height: 22px;}

	.pro_con1 h2{font-size:12px;line-height: 22px;}

	.pro_con3 a{height: 22px;}

	.pro_con3 h2{font-size:12px;line-height: 22px;}

	.pro_con1,.con1{padding:0 0px!important;}

	.con{padding: 0 60px!important;}

}

@media (max-width:1024px) {

	.pro_con h1{font-size:26px;font-weight: bold;line-height: 1em;

	margin-bottom: 16px;}

	.pro_con p{font-size:14px;margin-bottom: 15px;}

	.pro_con2 h1{font-size:26px;font-weight: bold;line-height: 1em;

	margin-bottom: 16px;}

	.pro_con2 p{font-size:14px;margin-bottom: 15px;}

	.pro_con1 a{height: 22px;}

	.pro_con1 h2{font-size:12px;line-height: 22px;}

	.pro_con3 a{height: 22px;}

	.pro_con3 h2{font-size:12px;line-height: 22px;}

	.pro_con1,.con1{padding:0 40px!important;}

	.con{padding: 0 100px!important;}

	.product li span{ padding: 0; }

	.pro_con1s li{ padding: 0 }

}

@media (max-width:900px) {

	.pro_con h1{font-size:24px;font-weight: bold;line-height: 1em;

	margin-bottom: 12px;}

	.pro_con p{font-size:14px;margin-bottom: 10px;}

	.pro_con2 h1{font-size:24px;font-weight: bold;line-height: 1em;

	margin-bottom: 12px;}

	.pro_con2 p{font-size:14px;margin-bottom: 10px;}

	.pro_con1 a{height: 24px;}

	.pro_con1 h2{font-size:12px;line-height: 24px;}

	.pro_con3 a{height: 24px;}

	.pro_con3 h2{font-size:12px;line-height: 24px;}

	.pro_con1,.con1{padding:0 30px!important;}

	.con{padding: 0 80px!important;}

}

@media (max-width:800px) {

	.pro_con h1{font-size:20px;font-weight: bold;line-height: 1em;

	margin-bottom: 10px;}

	.pro_con p{font-size:14px;margin-bottom: 10px;}

	.pro_con2 h1{font-size:20px;font-weight: bold;line-height: 1em;

	margin-bottom: 10px;}

	.pro_con2 p{font-size:14px;margin-bottom: 10px;}

	.pro_con1 a{height: 18px;}

	.pro_con1 h2{font-size:12px;line-height: 18px;}

	.pro_con3 a{height: 18px;}

	.pro_con3 h2{font-size:12px;line-height: 18px;}

	.pro_con1,.con1{padding:0 5px!important;}

	.con{padding: 0 55px!important;}

}

@media (max-width:700px) {

	.pro_con h1{font-size:20px;font-weight: bold;line-height: 1em;

	margin-bottom: 8px;}

	.pro_con p{font-size:14px;margin-bottom: 5px;}

	.pro_con2 h1{font-size:20px;font-weight: bold;line-height: 1em;

	margin-bottom: 8px;}

	.pro_con2 p{font-size:14px;margin-bottom: 5px;}

	.pro_con1 a{height: 18px;}

	.pro_con1 h2{font-size:12px;line-height: 18px;}

	.pro_con3 a{height: 18px;}

	.pro_con3 h2{font-size:12px;line-height: 18px;}

	.pro_con1{padding:0!important;}

	.con1{padding:0!important;}

	.con{padding: 0 45px!important;}

}

@media (max-width:640px) {

	.pro_con h1{font-size:26px;font-weight: bold;line-height: 1em;

	margin-bottom: 16px;}

	.pro_con p{font-size:14px;margin-bottom: 15px;}

	.pro_con2 h1{font-size:26px;font-weight: bold;line-height: 1em;

	margin-bottom: 16px;}

	.pro_con2 p{font-size:14px;margin-bottom: 15px;}

	.pro_con1 a{height: 24px;}

	.pro_con1 h2{font-size:12px;line-height: 24px;}

	.pro_con3 a{height: 24px;}

	.pro_con3 h2{font-size:12px;line-height: 24px;}

	.pro_con1,.con1{padding:0 60px!important;}

	.con{padding: 0 120px!important;}

}

@media (max-width:500px) {

	.pro_con h1{font-size:22px;font-weight: bold;line-height: 1em;

	margin-bottom: 12px;}

	.pro_con p{font-size:14px;margin-bottom: 10px;}

	.pro_con2 h1{font-size:22px;font-weight: bold;line-height: 1em;

	margin-bottom: 12px;}

	.pro_con2 p{font-size:14px;margin-bottom: 10px;}

	.pro_con1 a{height: 24px;}

	.pro_con1 h2{font-size:12px;line-height: 24px;}

	.pro_con3 a{height: 24px;}

	.pro_con3 h2{font-size:12px;line-height: 24px;}

	.pro_con1,.con1{padding:0 25px!important;}

	.con{padding: 0 90px!important;}

}

@media (max-width:400px) {

	.pro_con h1{font-size:18px;font-weight: bold;line-height: 1em;

	margin-bottom: 10px;}

	.pro_con p{font-size:12px;margin-bottom: 8px;}

	.pro_con2 h1{font-size:18px;font-weight: bold;line-height: 1em;

	margin-bottom: 10px;}

	.pro_con2 p{font-size:12px;margin-bottom: 8px;}

	.pro_con1 a{height: 20px;}

	.pro_con1 h2{font-size:12px;line-height: 20px;}

	.pro_con3 a{height: 20px;}

	.pro_con3 h2{font-size:12px;line-height: 20px;}

	.pro_con1,.con1{padding:0 0px!important;}

	.con{padding: 0 45px!important;}

}







.title1 a{display: inline-block;}

.title1 h1{line-height: 80px;font-size:28px;color:#000;border-bottom: 3px solid #000;}

.news{margin-top: 70px;margin-bottom: 30px;}





.news span{display: inline-block;overflow: hidden;width: 100%;}

.news1 span{display: block;overflow: hidden;width: 100%;border-radius: 10px;}

.news2 span{display: block;overflow: hidden;width: 100%;border-radius: 10px;}



.news img{width: 100%;display: block;border-radius: 10px;

transition: all 0.5s;}

.news1{margin-bottom: 24px;}

.news_box li{margin-bottom: 20px;}

.news_box li:nth-of-type(2){position: relative;}

.news_box li:nth-of-type(3){position: relative;}





.sanjiao{width: 0;height: 0;border-width:8px;border-style: solid;

border-color:transparent transparent transparent #616161;margin-bottom: 30px;}

.sanjiao1{width: 0;height: 0;border-width:8px;border-style: solid;

border-color:transparent transparent transparent #fff;margin-bottom: 30px;}

.news_box li:nth-of-type(3) .sanjiao{border-color:transparent transparent transparent #0f1937;}



.news1{position: relative;}

.news_con1{width: 96%;margin: 0 auto;padding-left: 45px;

padding-right: 35px;position: absolute;left: calc(50% - 48%);top:24.22%}

.news_con1 h1{font-size:16px;color: #fff;line-height: 1em;margin-bottom: 25px;}

.news_con1 p{font-size:16px;color:#fff;line-height: 40px;}



.news2{position: relative;}

.news_con2{width: 96%;margin: 0 auto;padding-left: 45px;

padding-right: 35px;position: absolute;left: calc(50% - 48%);top:24.22%;}

.news_con2 h1{font-size:16px;color: #fff;line-height: 1em;margin-bottom: 25px;}

.news_con2 p{font-size:16px;color:#fff;line-height: 40px;}

.news1:hover img{transform: scale(1.05);}

.news2:hover img{transform: scale(1.05);}





.news_con3{width: 96%;margin: 0 auto;padding-left: 45px;

padding-right: 35px;position: absolute;left: calc(50% - 48%);top:11.2%}

.news_con3 h1{font-size:16px;color: #000;line-height: 1em;

margin-bottom: 25px;transition: all 0.5s;

display: -webkit-box;overflow: hidden;white-space: normal !important;

text-overflow: ellipsis; word-wrap: break-word;-webkit-line-clamp: 1;

-webkit-box-orient: vertical;}

.news_con3 h2{font-size:18px;color: #0b0b0b;margin-bottom: 40px;transition: all 0.5s;}

.news_con3 p{font-size:16px;color:#5e5e5e;line-height: 30px;

display: -webkit-box;overflow: hidden;white-space: normal !important;

text-overflow: ellipsis; word-wrap: break-word;-webkit-line-clamp: 6;

-webkit-box-orient: vertical;}



.more2{ position: absolute;display: inline-block;font-size:14px;

left: 55px;top:91.29%;transition: all 0.5s;}

.news_con3:hover h2{color: #3284c9;}

.news_con3:hover p{color: #3284c9;}

.more2:hover{color: #3284c9;}



/* .news_con4{width: 96%;margin: 0 auto;padding-left: 45px;

padding-right: 35px;position: absolute;left: calc(50% - 48%);top:65.76%;

}

.news_img4{width: 100%;}

.news_con4 h1{font-size:16px;color: #000;line-height: 1em;margin-bottom: 25px;}

.news_con4 h2{font-size:18px;color: #0b0b0b;line-height: 1em;margin-bottom: 40px;}

.news_con4 p{font-size:16px;color:#5e5e5e;line-height: 30px;}



.news_con4a{margin-top: 20px!important;position: relative;}

.news_con4a p{ font-size:16px;color:#3581e0;position: absolute;

left:calc(50% - 32px);top:calc(50% - 8px);line-height: 1em;} */



.news_con4_top{width: 100%;margin-bottom: 15px; border: 1px solid #f2f2f2; border-radius: 10px; overflow: hidden; }

.news_img4{width: 100%;display: block;overflow: hidden;transition: all 0.5s;

border-top-left-radius: 10px;border-top-right-radius: 10px;}

.news_img4 img{width: 100%;display: block;transition: all 0.5s;

border-top-left-radius: 10px;border-top-right-radius: 10px;

border-bottom-left-radius: 0px;border-bottom-right-radius: 0px;}

.news_con4{width: 100%;padding: 40px 40px 0;margin: 0;}

.news_con4 h1{font-size:16px;color: #000;line-height: 1em;margin-bottom: 25px;}

.news_con4 h2{font-size:18px;color: #0b0b0b;line-height: 1em;margin-bottom: 40px;}

.news_con4 p{font-size:16px;color:#5e5e5e;line-height: 30px;}



.news_con4_bottom{width: 100%;}

.news_con4a{display: block;width: 100%;border-radius: 10px;

border: 1px solid #3581e0;height: 50px;text-align: center;

transition: all 0.5s;}

.news_con4a h1{font-size: 16px;color: #3581e0;line-height: 50px;

transition: all 0.5s;}

.news_con4a:hover{background: #3581e0;}

.news_con4a:hover h1{color: #fff;}

.news_con4_top:hover img{transform: scale(1.05);}



@media (max-width:1810px) {

	.news_con1 h1{font-size:16px;color: #fff;line-height: 1em;margin-bottom: 20px;}

	.news_con1 p{font-size:16px;color:#fff;line-height: 30px;}

	.news_con2 h1{font-size:16px;color: #fff;line-height: 1em;margin-bottom: 20px;}

	.news_con2 p{font-size:16px;color:#fff;line-height: 30px;}

	.news_con3 h1{font-size:16px;color: #000;line-height: 1em;margin-bottom: 20px;}

	.news_con3 h2{font-size:18px;color: #0b0b0b;margin-bottom: 30px;}

	.news_con3 p{font-size:16px;color:#5e5e5e;line-height: 30px;}

	.news_con4 h1{font-size:16px;color: #000;line-height: 1em;margin-bottom: 20px;}

	.news_con4 h2{font-size:16px;color: #0b0b0b;line-height: 1em;margin-bottom: 40px;}

	.news_con4 p{font-size:16px;color:#5e5e5e;line-height: 20px;}

	.sanjiao1{margin-bottom: 20px;}

	.sanjiao{margin-bottom: 20px;}

}

@media (max-width:1600px) {

	.news1{margin-bottom: 20px;}

	.news_con4{ padding: 30px 30px 0; }

}

@media (max-width:1500px) {

	.news_con1 h1{font-size:14px;color: #fff;line-height: 1em;margin-bottom: 15px;}

	.news_con1 p{font-size:14px;color:#fff;line-height: 24px;}

	.news_con2 h1{font-size:14px;color: #fff;line-height: 1em;margin-bottom: 15px;}

	.news_con2 p{font-size:14px;color:#fff;line-height: 24px;}

	.news_con3 h1{font-size:14px;color: #000;line-height: 1em;margin-bottom: 15px;}

	.news_con3 h2{font-size:16px;color: #0b0b0b;margin-bottom: 20px;}

	.news_con3 p{font-size:14px;color:#5e5e5e;line-height: 24px;}

	.news_con4 h1{font-size:16px;color: #000;line-height: 1em;margin-bottom: 10px;}

	.news_con4 h2{font-size:14px;color: #0b0b0b;line-height: 1em;margin-bottom: 10px;}

	.news_con4 p{font-size:14px;color:#5e5e5e;line-height: 20px;}

	.news_con4a p{font-size:14px;top:calc((100% - 14px) / 2)}

	.sanjiao1{margin-bottom: 10px;}

	.sanjiao{margin-bottom: 10px;}

	.news1{margin-bottom: 18px;}

}

@media (max-width:1350px) {

	.news1{margin-bottom: 16px;}

	.news_con4{ padding: 15px 20px 0; }

}

@media (max-width:1200px) {

	.news1{margin-bottom: 16px;}

	.news_con4{ padding: 10px 20px 0; }

}

@media (max-width:1150px) {

	.news_con1 h1{font-size:14px;color: #fff;line-height: 1em;margin-bottom: 8px;}

	.news_con1 p{font-size:14px;color:#fff;line-height: 20px;}

	.news_con2 h1{font-size:14px;color: #fff;line-height: 1em;margin-bottom: 8px;}

	.news_con2 p{font-size:14px;color:#fff;line-height: 20px;}

	.news_con3 h1{font-size:14px;color: #000;margin-bottom: 8px;}

	.news_con3 h2{font-size:16px;color: #0b0b0b;margin-bottom: 15px;}

	.news_con3 p{font-size:14px;color:#5e5e5e;line-height: 20px;}

	.news_con4 h1{font-size:16px;color: #000;line-height: 1em;margin-bottom: 8px;}

	.news_con4 h2{font-size:14px;color: #0b0b0b;line-height: 1em;margin-bottom: 8px;}

	.news_con4 p{font-size:14px;color:#5e5e5e;line-height: 20px;white-space: nowrap;

	text-overflow: ellipsis;overflow: hidden;}

	.news_con4a p{font-size:14px;top:calc((100% - 12px) / 2)}

	.sanjiao1{margin-bottom: 8px;border-width: 6px;}

	.sanjiao{margin-bottom: 8px;border-width: 6px;}

	.news1{margin-bottom: 14px;}

	.news_con4{ padding: 10px 15px 0; }

}

@media (max-width:1024px) {

	.news1{margin-bottom: 30px;}

}

@media (max-width:850px) {

	.news1{margin-bottom: 25px;}

	.news_con4a{height: 40px;}

	.news_con4a h1{line-height: 40px;transition: all 0.5s;}

	.news_con4_top{width: 100%;margin-bottom: 10px;}

}

@media (max-width:720px) {

	.news1{margin-bottom: 20px;}

	.news_con4_top{ height: auto !important }

	.news_con4{ padding: 15px; }

}



@media (max-width:640px) {

	.title1{padding-top: 15px;}

	.title1 h1{line-height: 50px;font-size:20px;color:#000;

	border-bottom: 3px solid #000;}

	.title1 a{display: inline-block;}

	.news{margin-top: 30px;margin-bottom: 30px;}

}

@media (max-width:680px) {

	.news_con4 p{font-size:12px;color:#5e5e5e;line-height: 20px;white-space: nowrap;

	text-overflow: ellipsis;overflow: hidden;}

}

@media (max-width:640px) {

	.news_con1 h1{font-size:16px;color: #fff;line-height: 1em;margin-bottom: 20px;}

	.news_con1 p{font-size:16px;color:#fff;line-height: 30px;}

	.news_con2 h1{font-size:16px;color: #fff;line-height: 1em;margin-bottom: 20px;}

	.news_con2 p{font-size:16px;color:#fff;line-height: 30px;}

	.news_con3 h1{font-size:16px;color: #000;line-height: 1em;margin-bottom: 20px;}

	.news_con3 h2{font-size:18px;color: #0b0b0b;line-height: 1em;margin-bottom: 30px;}

	.news_con3 p{font-size:16px;color:#5e5e5e;line-height: 30px;}

	.news_con4 h1{font-size:16px;color: #000;line-height: 1em;margin-bottom: 20px;}

	.news_con4 h2{font-size:16px;color: #0b0b0b;line-height: 1em;margin-bottom: 40px;}

	.news_con4 p{font-size:16px;color:#5e5e5e;line-height: 20px;white-space: nowrap;

	text-overflow: ellipsis;overflow: hidden;}

	.sanjiao1{margin-bottom: 20px;}

	.sanjiao{margin-bottom: 20px;}

	.news1{margin-bottom: 40px!important;}

	

	

}

@media (max-width:500px) {

	.news_con1 h1{font-size:14px;color: #fff;line-height: 1em;margin-bottom: 10px;}

	.news_con1 p{font-size:14px;color:#fff;line-height: 24px;}

	.news_con2 h1{font-size:14px;color: #fff;line-height: 1em;margin-bottom: 10px;}

	.news_con2 p{font-size:14px;color:#fff;line-height: 24px;}

	.news_con3 h1{font-size:14px;color: #000;margin-bottom: 10px;}

	.news_con3 h2{font-size:16px;color: #0b0b0b;margin-bottom: 15px;}

	.news_con3 p{font-size:14px;color:#5e5e5e;line-height: 30px;}

	.news_con4 h1{font-size:16px;color: #000;line-height: 1em;margin-bottom: 10px;}

	.news_con4 h2{font-size:14px;color: #0b0b0b;line-height: 1em;margin-bottom: 10px;}

	.news_con4 p{font-size:14px;color:#5e5e5e;line-height: 20px;}

	.sanjiao1{margin-bottom: 10px;}

	.sanjiao{margin-bottom: 10px;}

	.news1{margin-bottom: 30px;}

}

@media (max-width:380px) {

	.news_con1 h1{font-size:12px;color: #fff;line-height: 1em;margin-bottom: 8px;}

	.news_con1 p{font-size:12px;color:#fff;line-height: 20px;}

	.news_con2 h1{font-size:12px;color: #fff;line-height: 1em;margin-bottom: 8px;}

	.news_con2 p{font-size:12px;color:#fff;line-height: 20px;}

	.news_con3 h1{font-size:12px;color: #000;line-height: 1em;margin-bottom: 8px;}

	.news_con3 h2{font-size:14px;color: #0b0b0b;line-height: 18px;margin-bottom: 15px;}

	.news_con3 p{font-size:12px;color:#5e5e5e;line-height: 20px;}

	.news_con4 h1{font-size:14px;color: #000;line-height: 1em;margin-bottom: 8px;}

	.news_con4 h2{font-size:12px;color: #0b0b0b;line-height: 1em;margin-bottom: 8px;}

	.news_con4 p{font-size:12px;color:#5e5e5e;line-height: 20px;}

	.news_con4a p{font-size:12px;top:calc((100% - 12px) / 2)}

	.sanjiao1{margin-bottom: 8px;border-width: 6px;}

	.sanjiao{margin-bottom: 8px;border-width: 6px;}

	.news1{margin-bottom: 20px;}

}













.brand_box{background: url(../img/p1_brand_bg.png) no-repeat ;

background-size:100% 100%; overflow: hidden;}

.brand{margin-top: 80px;margin-bottom: 145px;padding:0 20px;

width:100%;display:block;}

.brand1{display: block;width: 100%;}

.brand1 li{float:left;width: calc(100% / 5);}

.brand1 li a{display: inline-block;float: none;overflow: hidden;}

.brand1 span{display: inline-block;overflow: hidden;width: 100%;}

.brand1 img{width: 100%;display: inline-block; max-width: 276px}



@media (max-width:840px) {

	.brand1 li{float:left;width: calc(100% / 3);}

}

@media (max-width:640px) {

	.brand1 li{float:left;width: calc(100% / 2);}

	.brand{margin-top: 20px;margin-bottom: 30px;padding: 0;}

}



/* 当前位置 */

.current{padding-top: 30px;}

.current p{font-size:14px;color:#494949;}



.current_box{width: 100%;border-bottom: 1px solid #f6f6f6;}

.current1{margin: 25px  0;}

.current1 p{font-size:14px;color:#494949;text-transform: uppercase;}





/* 分页 */

.page_box1{text-align: center;margin:10px auto 35px auto; width: 100%;}

.page_box1 li{float: left;margin-right: 24px;}

.page_box1 li:nth-last-of-type(1){margin-right: 0;}

.page_box1 li a{display: inline-block;width: 36px;height: 36px;

border: 1px solid #d8d8d8; text-align: center;line-height: 36px;color:#686868;

transition: all 0.5s;font-size:16px}

.page_box1 li.active a,.page_box1 li:hover a{background: #319cff;color:#fff;

border: 1px solid transparent;}



/* product */

.p2_con{width: 100%;margin-top: 25px;margin-bottom: 10px;}

.p2_con1{width: 100%;margin-bottom: 40px;

background-repeat: no-repeat;background-size: cover;

border-radius: 10px; overflow: hidden;}

.p2_con1 span{width: 41.25%;display: block;overflow: hidden;

border-top-right-radius: 10px;border-top-left-radius: 10px;}

.p2_con1 span img{width: 100%;display: block;}



.p2_con1a{width: calc(100% - 41.25%);height: 100%;margin-top: 50px; overflow: hidden;}

.p2_con1a h1{font-size:26px;color: #000;font-weight: bold;text-transform: uppercase;

margin-bottom: 10px; transition: all 0.5s;}

.p2_con1a:hover h1,.p2_con1:nth-of-type(5) .p2_con1a:hover h1{ color: #3284c9;}

.p2_con1a p{font-size:17px;color: #6a6767;margin-bottom: 20px;}



.p2_con1b{width: 100%;display: block;}

.p2_con1b li{float: left;width: 148px;border-radius: 6px;

text-align: center;margin-right: 20px;}

.p2_con1b li:nth-last-of-type(1){margin-right: 0;}

.p2_con1b li a{display: block;line-height: 38px;font-size:14px;color: #6a6767;

transition: all 0.5s;background: #fff;border-radius: 6px;}

.p2_con1b li:hover a{background: #3284c9;color: #fff;}



.p2_con1:nth-of-type(2) .p2_con1a h1{color: #fff;}

.p2_con1:nth-of-type(2) .p2_con1a p{color: #fff;}



.p2_con1:nth-of-type(8) .p2_con1a p{color: #3e3e3e;}

.p2_con1:nth-of-type(8) .p2_con1b li a{color: #2f2f2f;}

.p2_con1:nth-of-type(8) .p2_con1b li:hover a{color: #fff;}



.p2_con1:nth-of-type(10) .p2_con1a h1{color: #fff;}

.p2_con1:nth-of-type(10) .p2_con1a p{color: #fff;}



.p2_con1:nth-of-type(5) .p2_con1a h1{color: #fff;}

.p2_con1:nth-of-type(5) .p2_con1a p{color: #fff;}

.p2_con1:nth-of-type(5) .p2_con1b li a{background: transparent;border: 1px solid #fff;

color: #fff;transition: all 0.5s;}



.p2_con1:nth-of-type(5) .p2_con1b li:hover a{background: #3284c9;

border: 1px solid #3284c9;color: #fff;}



.p2_con1:nth-of-type(7) .p2_con1a h1{color: #fff;}

.p2_con1:nth-of-type(7) .p2_con1a p{color: #fff;}

.p2_con1:nth-of-type(7) .p2_con1b li a{background: transparent;border: 1px solid #fff;

color: #fff;transition: all 0.5s;}



.p2_con1:nth-of-type(7) .p2_con1b li:hover a{background: #3284c9;

border: 1px solid #3284c9;color: #fff;}



@media (max-width:1150px) {

	.p2_con1{width: calc((100% - 10px) / 2);margin-right: 10px;

	 margin-bottom: 40px;background-repeat: no-repeat;background-size: cover;

	border-radius: 10px;float: left;}

	.p2_con1:nth-of-type(2n){margin-right: 0;}

	.p2_con1{padding-bottom: 30px;}

	.p2_con1 span{width: 100%;}

	.p2_con1a{width: 100%;text-align: center;}

	.p2_con1b_box{width: 100%;}

	.p2_con1b{display: inline-block;text-align: center;width: auto;}

	.p2_con1b li{text-align: center;}

	.p2_con1 .p2_con1b li:nth-of-type(3){margin-right: 0;}

	.p2_con1:nth-of-type(3) .p2_con1b{padding-left: 5px;}

	.p2_con1 .p2_con1b li:nth-of-type(4){margin-right: 0;}

	.p2_con1:nth-of-type(4) .p2_con1b{padding-left: 5px;}

	.p2_con1 .p2_con1b li{margin-bottom: 10px;}

}

@media (max-width:1020px) {

	.p2_con1{width: 100%;margin-right: 0px;

	 margin-bottom: 40px;background-repeat: no-repeat;background-size: cover;

	border-radius: 10px;float: left;}

	.p2_con1a{padding: 0 12px;}

	.p2_con1 .p2_con1b li:nth-of-type(3){margin-right: 10px;}

	.p2_con1 .p2_con1b li:nth-of-type(4){margin-right: 10px;}

	.p2_con1b li a{background: #fff !important; color: #333 !important}

}

@media (max-width:640px) {

	.p2_con1{padding-bottom: 10px;margin-bottom: 20px;}

	.p2_con1a{margin-top: 10px;}

	.p2_con1a h1{font-size:21px;margin-bottom: 0px;}

	.p2_con1a p{font-size:14px;color: #6a6767;margin-bottom: 10px;}

	.p2_con1b{width: 100%;}

	.p2_con1b li{float: left;width: calc((100% - 20px) / 2);

	margin-right: 20px;margin-bottom: 10px;}

	.p2_con1b li:nth-of-type(2n){margin-right: 0;}

	.p2_con1 .p2_con1b li:nth-of-type(3){margin-right: 20px;}

	.p2_con1 .p2_con1b li:nth-of-type(4){margin-right: 0px;}

	

	.p2_con1:nth-of-type(5) .p2_con1b li{float: none;width: 148px;height: 38px;border-radius: 6px;

	text-align: center;margin: 0 auto 10px auto;}

	.p2_con1:nth-of-type(6) .p2_con1b li{float: none;width: 148px;height: 38px;border-radius: 6px;

	text-align: center;margin: 0 auto 10px auto;}

	.p2_con1:nth-of-type(7) .p2_con1b li{float: none;width: 148px;height: 38px;border-radius: 6px;

	text-align: center;margin: 0 auto 10px auto;}

	.p2_con1:nth-of-type(8) .p2_con1b li{float: none;width: 148px;height: 38px;border-radius: 6px;

	text-align: center;margin: 0 auto 10px auto;}

	.p2_con1:nth-of-type(9) .p2_con1b li{float: none;width: 148px;height: 38px;border-radius: 6px;

	text-align: center;margin: 0 auto 10px auto;}

	.p2_con1:nth-of-type(10) .p2_con1b li{float: none;width: 148px;height: 38px;border-radius: 6px;

	text-align: center;margin: 0 auto 10px auto;}

	

}













/* pro_ups */

.p3_con{width: 100%;background: #fbfcfc;}

.p3_con1{width: 100%;margin-top: 25px;padding-bottom: 30px;}

.p3_con2{width: 100%;display: block;}

.p3_con2 > li{width: 100%;margin-bottom: 10px;border: 1px solid #d9d9d9;

border-radius: 10px;background: #fff;}



.p3_con3{width: 16%;}

.p3_con3a{background-repeat: no-repeat;background-size: cover;width: 100%;

padding:30px 15px;border-top-left-radius: 10px;

border-bottom-left-radius: 10px;}

.p3_con3a span{width: 100%;display: block;overflow: hidden;margin-bottom: 10px;}

.p3_con3a span img{width: 100%;display: block;}

.p3_con3a h1{font-size: 20px;color: #fff;font-weight: bold;margin-bottom: 25px;}

.p3_con3a h2{font-size: 16px;color: #fff;font-weight: bold;line-height: 1em;

padding-bottom: 15px;position: relative;margin-bottom: 10px;}

.p3_con3a h2 i{width: 14px;height: 4px;background: #fff;position: absolute;

left: calc(50% - 7px);bottom: 0;}

.p3_con3a p{font-size: 14px;color: #fff;line-height: 24px;text-transform: uppercase;}

.p3_con3b{width: 49.4%;height: 28px;background: #fff;border-radius: 6px;

display: block;text-align: center;margin: 40px auto 0 auto;

border: 1px solid transparent;transition: all 0.5s;}

.p3_con3b i{font-size: 14px;color: #3581e0;line-height: 28px;transition: all 0.5s;}

.p3_con3b:hover{background: #3581e0;border: 1px solid #fff;}

.p3_con3b:hover i{color: #fff;}



.p3_con2 li:nth-of-type(2) .p3_con3b i{color: #4cbfb5;}

.p3_con2 li:nth-of-type(2) .p3_con3b:hover{background: #4cbfb5;border: 1px solid #fff;}

.p3_con2 li:nth-of-type(2) .p3_con3b:hover i{color: #fff;}



.p3_con2 li:nth-of-type(3) .p3_con3b i{color: #5f88fb;}

.p3_con2 li:nth-of-type(3) .p3_con3b:hover{background: #5f88fb;border: 1px solid #fff;}

.p3_con2 li:nth-of-type(3) .p3_con3b:hover i{color: #fff;}



.p3_con4{width: calc(100% - 16% - 60px);margin-left: 60px;

padding-right: 30px;box-sizing: border-box;padding-top: 30px;}



.p3_con4a{width: 100%;margin-bottom: 40px;}

.p3_con4_title{font-size: 16px;color: #000;font-weight: bold;line-height: 1em;

margin-bottom: 20px;}

.p3_con4_title i{margin-right: 8px;}

.p3_con4a p{font-size: 14px;color: #6a6767;line-height: 1em;}



.p3_con4b{width: 100%;margin-bottom: 40px;}

.p3_con4c{width: 100%;display: block;}

.p3_con4c li{padding: 0 25px;line-height: 38px;border: 1px dashed #3581e0;

border-radius: 6px;margin-right: 15px;float: left;

text-transform: uppercase;margin-bottom: 15px;}

.p3_con4c li a{font-size: 14px;color: #3581e0;}


/* .p3_con2 li:nth-of-type(2) .p3_con4c li{border: 1px dashed #4cbfb5;color: #4cbfb5;}

.p3_con2 li:nth-of-type(3) .p3_con4c li{border: 1px dashed #5f88fb;color: #5f88fb;}
 */
.p3_con2 li:nth-of-type(2) .p3_con4c li{border: 1px dashed #4cbfb5;}
.p3_con2 li:nth-of-type(2) .p3_con4c li a{color: #4cbfb5;}
.p3_con2 li:nth-of-type(3) .p3_con4c li{border: 1px dashed #5f88fb;color: #5f88fb;}
.p3_con2 li:nth-of-type(3) .p3_con4c li a{color: #5f88fb;}





.p3_con4d{width: 100%;}

.p3_con4f{width: 100%;display: block;}

.p3_con4f li{float: left;width: calc((100% - 32px) / 5);margin-right: 8px;

text-align: center;}

.p3_con4f li:nth-last-of-type(1){margin-right: 0;}

.p3_con4f li span{width: 100%;display: inline-block;overflow: hidden;

transition: all 0.5s;}

.p3_con4f li span img{width: 100%;display: block;transition: all 0.5s;}

.p3_con4f li p{font-size:14px;color: #000;margin-top: 8px;transition: all 0.5s; }

.p3_con4f li:hover img{transform: scale(1.05);}
.p3_con4f li:hover p{color: #3284c9;}



@media (max-width:1140px) {

	.p3_con4{width: calc(100% - 16% - 40px);margin-left: 40px;}

	.p3_con4c li:nth-last-of-type(1){margin-right: 0;}

}



@media (max-width:1000px) {

	.p3_con3a{border-radius: 10px;}

	.p3_con3{width: 100%;}

	.p3_con4{width: 100%;margin-left: 0px;padding-left: 20px;

	padding-right: 20px;box-sizing: border-box;padding-top: 30px;}

	.p3_con3a span{width: 30%;display: block;overflow: hidden;

	margin:0 auto 10px auto;border-top-right-radius: ;}

	.p3_con3a span img{width: 100%;display: block;}

	.p3_con3a h1{text-align: center;}

	.p3_con3a h2{text-align: center;}

	.p3_con3a p{text-align: center;}

	.p3_con3b{width: 160px;height: 50px;background: #fff;border-radius: 6px;

	display: block;text-align: center;margin: 40px auto 0 auto;

	border: 1px solid transparent;transition: all 0.5s;}

	.p3_con3b i{font-size: 18px;color: #3581e0;line-height: 50px;

	transition: all 0.5s;}

	.p3_con2 > li{padding-bottom: 25px;}

}

@media (max-width:640px) {

	.p3_con3a{padding: 20px 12px;}

	.p3_con3a h1{font-size: 18px;margin-bottom: 5px;}

	.p3_con3a h2{font-size: 14px;line-height: 1em;

	padding-bottom: 10px;position: relative;margin-bottom: 5px;}

	.p3_con3a h2 i{height: 3px;}

	.p3_con3a p{font-size: 12px;line-height: 20px;}

	.p3_con3b{width: 100px;height: 30px;background: #fff;border-radius: 6px;

	display: block;text-align: center;margin: 10px auto 0 auto;

	border: 1px solid transparent;transition: all 0.5s;}

	.p3_con3b i{font-size: 14px;color: #3581e0;line-height: 30px;

	transition: all 0.5s;}

	.p3_con4a{width: 100%;margin-bottom: 20px;}

	.p3_con4_title{font-size: 14px;line-height: 1em;

	margin-bottom:10px;}

	.p3_con4a p{font-size: 12px;}

	.p3_con4b{width: 100%;margin-bottom: 10px;}

	.p3_con4c li{padding: 0 15px;line-height: 30px;

	border: 1px dashed #3581e0;border-radius: 6px;

	margin-right: 10px;float: left;text-transform: uppercase;

	margin-bottom: 10px;}
	
	.p3_con4c li a{font-size: 12px;color: #3581e0;}

	.p3_con4f li p{font-size:12px;color: #000;margin-top: 8px;}

	.p3_con4f li{float: left;width: calc((100% - 16px) / 3);margin-right: 8px;

	text-align: center;margin-bottom: 15px;}

	.p3_con4f li:nth-last-of-type(1){margin-right: 0;}

	.p3_con4f li:nth-of-type(3){margin-right: 0px;}

}

@media (max-width:420px) {

	.p3_con4f li{float: left;width: calc((100% - 8px) / 2);margin-right: 8px;

	text-align: center;margin-bottom: 15px;}

	.p3_con4f li:nth-last-of-type(1){margin-right: 0;}

	.p3_con4f li:nth-of-type(3){margin-right: 8px;}

	.p3_con4f li:nth-of-type(2n){margin-right: 0px;}

}







/* pro_ups_yidun */
.p4_banner{width: 100%;position: relative;}
.p4_bannera{display: block;width: 100%;}
.p4_bannera img{display: block;width: 100%;height: 300px;}

.p4_banner1{width: 48%;margin: 0 auto;position: absolute;top: 50%;left: 50%;
transform: translate(-50%,-50%);}
.p4_banner1 span{width: 24.4%;margin: 0 auto;display: block;margin-bottom: 15px;}
.p4_banner1 span img{width: 100%;display: block;}
.p4_banner1 p{width: 90%;margin: 0 auto; font-size:14px;color: #fbfcfc;line-height: 24px;padding-bottom: 15px;
position: relative;margin-bottom: 20px;}
.p4_banner1 p i{width: 24px;height: 3px;background: #fff;position: absolute;
bottom: 0;left: calc(50% - 12px);}

.p4_banner2{width: 100%;display: block;}
.p4_banner2 li{float: left;width: calc(100% / 5);text-align: center;}
.p4_banner2 li h1{font-size:15px;color: #fff;line-height: 1em;margin-top: 10px;
white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}


.p4_con{width: 100%;background: #fbfcfc;margin-top: 30px;}

.p4_con1{width: 100%;}

.p4_con2{width: 100%;display: block;padding-top: 30px;margin-bottom: 10px;}

.p4_con2 > li{width: 100%;background: #fff;margin-bottom: 20px;

padding:25px 0 25px 35px;box-sizing: border-box;}

.p4_con3{width: 33.33%;}

.p4_con3 span{width: 100%;display: inline-block;overflow: hidden;

transition: all 0.5s;}

.p4_con3 span img{width: 90%;display: block;transition: all 0.5s;
margin: 0 auto;}

.p4_con2 > li:hover img{transform: scale(1.05);}





.p4_con4{width: calc(100% - 33.33% - 80px);margin-left: 80px;}

.p4_con4a{width: 100%;margin-bottom: 20px;}

.p4_con4a h1{font-size: 28px;color: #000;line-height: 1em;padding-bottom: 24px;

position: relative;margin-bottom: 15px;}

.p4_con4a h1 a{font-size: 28px;color: #000;display: block;transition: all 0.5s;}

.p4_con4a h1:hover a{color: #3284c9;}


.p4_con4a h1 i{width: 61px;height: 1px;background: #cacaca;position: absolute;

left: 0;bottom: 0;}



.p4_con4b{width: 100%;display: block;margin-bottom: 5px;}

.p4_con4b li{float: left; margin-right: 40px;}

.p4_con4b li a{font-size: 14px;color: #565656;display: block;}

.p4_con4b li:nth-last-of-type(1){margin-right: 0;}

.p4_con4a p{font-size: 14px;color: #565656;}



.p4_con4c{width: 100%;display: block;margin-bottom: 15px;}

.p4_con4c h2{font-weight: bold;margin-bottom: 5px;}

.p4_con4c h2 a{font-size: 14px;color: #0e0e0e;display: block;}

.p4_con4d{width: 100%;display: block;}

.p4_con4d li{float: left;padding: 0 10px;

position: relative;margin-bottom: 5px;}

.p4_con4d li a{font-size: 14px;color: #777;display: block;}


.p4_con4d li i{height: 6px;width: 1px;background: #3e3e3e;position: absolute;

right: 0;top:calc(50% - 3px);}

.p4_con4d li:nth-of-type(6) i{display: none;}

.p4_con4d li:nth-last-of-type(1) i{display: none;}

.p4_con4d li:nth-of-type(1){padding-left: 0;}

.p4_con4d li:nth-of-type(7){padding-left: 0;}



.p4_con5{width: 100%;}

.p4_con6{display: block;width: 110px;height: 38px;background: #fff;

border: 1px solid #30aba4;text-align: center;border-radius: 6px;

transition: all 0.5s;margin-right: 18px;}

.p4_con6 i{font-size: 14px;color: #30aba4;font-weight: bold;line-height: 38px;

transition: all 0.5s;}

.p4_con6:hover{background: #30aba4;}

.p4_con6:hover i{color: #fff;}



.p4_con7{display: block;width: 110px;height: 38px;background: #fff;

border: 1px solid #1e93e4;text-align: center;border-radius: 6px;

transition: all 0.5s;}

.p4_con7 i{font-size: 14px;color: #1e93e4;font-weight: bold;line-height: 38px;

transition: all 0.5s;}

.p4_con7:hover{background: #1e93e4;}

.p4_con7:hover i{color: #fff;}



@media (max-width:1330px) {
	.p4_banner1{width: 80%;}

}

@media (max-width:1090px) {

	.p4_con4{width: calc(100% - 33.33% - 30px);margin-left: 30px;}

}

@media (max-width:988px) {

	.p4_con4d li:nth-of-type(5) i{display: none;}

	.p4_con4d li:nth-of-type(6) i{display: block;}

	.p4_con4d li:nth-of-type(6){padding-left: 0;}

	.p4_con4d li:nth-of-type(7){padding-left: 10px;}

	

}

@media (max-width:900px) {

	.p4_banner1{width: 100%; }



}

@media (max-width:850px) {

	.p4_con3{width: 100%;margin-bottom: 20px;}

	.p4_con4{width: 100%;margin-left: 0px;}

	.p4_con2 > li{margin-bottom: 20px;padding:25px 12px 25px 12px;}

	.p4_con4d li:nth-of-type(5) i{display: block;}

	.p4_con4d li:nth-of-type(6){padding-left: 10px;}

	.p4_con4d li:nth-last-of-type(1){padding-left: 10px;}

}

@media (max-width:768px) {

	.p4_con4d li:nth-of-type(6) i{display: none;}

	.p4_con4d li:nth-of-type(7){padding-left: 0px;}

	.p4_con4d li:nth-last-of-type(1){padding-left: 10px;}

}

@media (max-width:640px) {

	.p4_banner1{position: absolute;top: 50%;left: 50%;
	transform: translate(-50%,-50%);}
	.p4_bannera img{display: block;width: 100%;height: 220px;}
	.p4_banner1 span{width: 30%;margin-bottom: 10px;}
	.p4_banner1 p{font-size:12px;color: #fbfcfc;line-height: 20px;
	margin-bottom: 15px;padding-bottom: 10px;width: 80%;}
	.p4_banner1 p i{width: 16px;height: 3px;background: #fff;position: absolute;
	bottom: 0;left: calc(50% - 8px);}
	.p4_banner2{width: 80%;margin: 20px auto 0 auto;}
	.p4_banner2 li img{width: 25%;}
	.p4_banner2 li h1{font-size:12px;line-height: 20px;}
	

	

	.p4_con4a h1{padding-bottom: 10px;margin-bottom: 10px;}
	
	.p4_con4a h1 a{font-size: 21px;}

	.p4_con4a h1 i{width: 40px;height: 1px;background: #cacaca;position: absolute;

	left: 0;bottom: 0;}

	.p4_con4b li{margin-right: 15px;}
	
	.p4_con4b li a{font-size: 12px;}

	.p4_con4a p a{font-size: 12px;}

	.p4_con4a{margin-bottom: 10px;}

	.p4_con4c{margin-bottom: 10px;}

	.p4_con4c h2{font-weight: bold;

	margin-bottom: 5px;}
	
	.p4_con4c h2 a{font-size: 14px;color: #0e0e0e;}

	.p4_con4d li{float: left;padding: 0 10px;

	position: relative;margin-bottom: 5px;}
	
	.p4_con4d li a{font-size: 12px;color: #777;}

	.p4_con2 > li{margin-bottom: 10px;padding:25px 12px 25px 12px;}

}

@media (max-width:520px) {

	.p4_banner2{width: 100%;margin: 20px auto 0 auto;}
	.p4_banner2 li img{width: 25%;margin-bottom: 5px;}
	.p4_banner1 p{width: 90%;}

	.p4_con4d li:nth-of-type(5) i{display: none;}

	.p4_con4d li:nth-of-type(6) i{display: block;}

	.p4_con4d li:nth-of-type(6){padding-left: 0px;}

	.p4_con4d li:nth-of-type(7){padding-left: 10px;}

}

@media (max-width:470px) {

	.p4_con4d li:nth-of-type(4) i{display: none;}

	.p4_con4d li:nth-of-type(5) i{display: block;}

	.p4_con4d li:nth-of-type(5){padding-left: 10px;}

	.p4_con4d li:nth-of-type(6){padding-left: 10px;}

}

@media (max-width:415px) {

	.p4_con4d li:nth-of-type(3) i{display: block;}

	.p4_con4d li:nth-of-type(4) i{display: none;}

	.p4_con4d li:nth-of-type(4){padding-left: 10px;padding-right: 0;}

	.p4_con4d li:nth-of-type(5){padding-left: 0px;}

}

@media (max-width:400px) {

	.p4_con4d li:nth-of-type(3) i{display: none;}

	.p4_con4d li:nth-of-type(4) i{display: block;}

	.p4_con4d li:nth-of-type(4){padding-left: 0px;padding-right: 10px;}

	.p4_con4d li:nth-of-type(5){padding-left: 10px;}

	.p4_con4d li:nth-of-type(6) i{display: none;}

	.p4_con4d li:nth-of-type(7){padding-left: 0px;}

}








/* yidun_inner */

.p5_con{width: 100%;padding-top: 30px;}

.p5_con1{width: 100%;}

.p5_con1 h1{font-size:32px;color: #000;font-weight: bold;margin-bottom: 5px;}

.p5_con1 p{font-size:18px;color: #808080;margin-bottom: 55px;}

.p5_con1 h2{font-size:28px;color: #000;padding-bottom: 30px;position: relative;}

.p5_con1 h2 i{width: 20px;height: 4px;background: #3581e0;position: absolute;

bottom: 0;left: calc(50% - 10px);}



.p5_con1a{width: 100%;margin-top: 30px;}

#banner{margin: 40px auto 40px;}

.p5_con1b .swiper-slide{width: 640px;height: 410px;

box-shadow: 0 0 10px #e8e8e8;border: 1px solid #e8e8e8;}

.p5_con1b .swiper-slide img{width: 100%;}

.p5_con1b{position: relative;width: 100%;}

/* .p3_con15b span{width: 100%; display: inline-block;overflow: hidden;}

.p3_con15b span img{width: 100%;display: block;} */



.p5_con1b .swiper-pagination-bullet{

      border-radius: 5px !important;

      width: 10px !important;

	  height: 10px;

	  background: #3284c9;

	  opacity: 0.2;

	  margin: 0 7.5px;

    }

	

	.p5_con1b .swiper-pagination-bullet-active {

	    border-radius: 5px !important;

	    width: 38px !important;

	    height: 10px;

	    background: #3284c9;

	    opacity: 1;

	}

	.p5_con1b .swiper-container-horizontal>.p5_con1b .swiper-pagination-bullets,.p5_con1b .swiper-pagination-custom,.p5_con1b  .swiper-pagination-fraction {

	   bottom: 0px;

	    left: 0;

	    width: 100%;

	}







.p5_con2{background-repeat: no-repeat;background-size: cover;width: 100%;

padding-top: 94px;padding-bottom: 80px;margin-top: 60px;}

.p5_con2a h2{font-size:28px;color: #fff;padding-bottom: 30px;position: relative;}

.p5_con2a h2 i{width: 20px;height: 4px;background: #fff;position: absolute;

bottom: 0;left: calc(50% - 10px);}

.p5_con2b{margin-top: 60px;}

.p5_con2b p{font-size:16px;color: #fff;margin-bottom: 30px;}



.p5_con3{width: 100%;padding-top: 70px;padding-bottom: 100px;}

.p5_con3a{width: 100%;margin-top: 85px;}

.p5_con3a ul{width: 100%;display: block;}

.p5_con3a ul li{float: left;width: calc((100% - 210px) / 4);margin-right: 70px;

text-align: center;}

.p5_con3a ul li:nth-last-of-type(1){margin-right: 0;}

.p5_con3a ul li span{width: 25%;display: inline-block;overflow: hiddden;

margin-bottom: 30px;transition: all 0.5s;}

.p5_con3a ul li span img{width: 100%;display: block;transition: all 0.5s; max-width: 52px}

.p5_con3a ul li p{font-size:15px;color: #000;line-height: 28px;}



.p5_con3a ul li:hover span img{transform: rotate(0deg);}





.p5_con4{background-repeat: no-repeat;background-size: cover;width: 100%;

padding-top: 60px;padding-bottom: 75px;}

.p5_con4a{width: 100%;margin-top: 70px;}

.p5_con4b{width: 38.33%;display: block;overflow: hidden;transition: all 0.5s;}

.p5_con4b img{display: block;width: 100%;transition: all 0.5s;}

.p5_con4b:hover img{transform: scale(1.05);}



.p5_con4c{width: calc(100% - 38.33%);padding-left: 140px;box-sizing: border-box;

}

.p5_con4c ul{}

.p5_con4c ul li{ padding: 20px 0;}

/* .p5_con4c ul li span{width: 5px;height: 5px;display: block;margin: 10px 10px 10px 0;} */

/* .p5_con4c ul li span img{width: 100%;display: block;} */

.p5_con4c ul li p{font-size:18px;color: #fff;}

.p5_con4c ul li p i{ width: 8px; height: 8px; border-radius: 50%; background: #fff; margin-right: 10px; vertical-align: middle; display: inline-block}




.p5_con5{width: 100%;padding-top: 50px;background: #fbfcfc;}

.p5_con5a ul{width: 100%;display: block;border-bottom: 1px dashed #c9c9c9;

padding: 50px 0;}

.p5_con5a ul:nth-last-of-type(1){width: 100%;display: block;

padding: 50px 0 0 0;margin-bottom: 30px;border:none;}

.p5_con5a ul li{float: left;width: calc((100% - 150px) / 2);margin-right: 150px;}

.p5_con5a ul li:nth-last-of-type(1){margin-right: 0;}



.p5_con5b{margin-top: 40px;}

.p5_con5b h1{font-size:28px;color: #000;margin-bottom: 10px;}

.p5_con5b h2{font-size:17px;color: #3581e0;position: relative;

padding-bottom: 25px;margin-bottom: 20px;font-weight: bold;}

.p5_con5b h2 i{width: 112px;height: 1px;background: #d2d2d2;position: absolute;

bottom: 0;left: 0;}

.p5_con5b p{font-size:15px;color: #6f6f6f;line-height: 30px;text-transform: uppercase;}



.p5_con5a ul:nth-of-type(2n) li .p5_con5b{text-align: right;}



.p5_con5a ul:nth-of-type(2n) li .p5_con5b h2 b{width: 112px;height: 1px;background: #d2d2d2;position: absolute;

bottom: 0;right: 0!important;}

.p5_con5c{width: 100%;display: block;overflow: hidden;}

.p5_con5c img{width: 100%;display: block; max-width: 480px}



.p5_con6{width: 100%;padding-bottom: 60px;padding-top: 45px;}

.p5_con6a{width: 100%;display: block;margin-top: 40px;}

.p5_con6a ul{width: 100%;display: block;}

.p5_con6a ul li{float: left;width: calc((100% - 80px) / 2);margin-right: 80px;

text-align: center;}

.p5_con6a ul li:nth-of-type(2n){margin-right: 0;}

.p5_con6a ul li span{width: 100%;display: inline-block;overflow: hidden;

margin-bottom: 15px;transition: all 0.5s;}

.p5_con6a ul li span img{display: block;width: 100%;transition: all 0.5s;}

.p5_con6a ul li p{font-size:16px;color: #000;font-weight: bold;}

.p5_con6a ul li:hover img{transform: scale(1.05);}



/* @media (max-width:1200px) {

	.p5_con1b .swiper-slide{width: 53.33%;height: auto;

	box-shadow: 0 0 10px #e8e8e8;border: 1px solid #e8e8e8;}

} */



@media (max-width:1100px) {

	.p5_con4c{width: calc(100% - 38.33%);padding-left: 100px;box-sizing: border-box;
}

}

@media (max-width:1024px) {

	.p5_con5b{margin-top: 30px;}

}

@media (max-width:980px) {


	.p5_con4c{width: calc(100% - 38.33%);padding-left: 80px;box-sizing: border-box;}

	.p5_con4c ul li{padding: 15px 0;}

	.p5_con5b{margin-top: 10px;}

}



@media (max-width:960px) {

	.p5_con3a ul li{float: left;width: calc((100% - 90px) / 4);

	margin-right: 30px;text-align: center;}

}

@media (max-width:890px) {

	.p5_con4c ul{margin-right: 0px;width: 100%;}

	.p5_con4b{width: 100%;display: block;overflow: hidden;}

	.p5_con4c{width: 100%;padding-left: 0px;box-sizing: border-box;
}


	.p5_con5a ul li{width: 100%;margin-bottom: 10px;}

	.p5_con5a ul:nth-of-type(2n) li .p5_con5b{text-align: left;}

	

	.p5_con5a ul:nth-of-type(2n) li .p5_con5b h2 b{width: 112px;height: 1px;background: #d2d2d2;position: absolute;

	bottom: 0;right: none!important;left: 0;}

	.p5_con6a ul li{float: left;width: calc((100% - 30px) / 2);

	margin-right: 30px;text-align: center;}
	.p5_con5b h2 i{ left: 0 !important; right: auto !important }

}

@media (max-width:780px) {

	element.style {

    transform: translateX(-139.957px) scale(0.66662);

    z-index: 989;

    opacity: 1!important;

    transition-duration: 0ms;

	}

	.p5_con1b .swiper-slide{width: 70%;height: auto;

	box-shadow: 0 0 10px #e8e8e8;border: 1px solid #e8e8e8;}

}

@media (max-width:760px) {

	.p5_con3a ul li{float: left;width: calc((100% - 60px) / 2);

	margin-right: 30px;text-align: center;margin-bottom: 20px;}

	.p5_con3a ul li:nth-of-type(2n){margin-right: 0;}

}



@media (max-width:700px) {



}

@media (max-width:640px) {

	.p5_con{width: 100%;padding-top: 20px;}

	.p5_con1{width: 100%;}

	.p5_con1 h1{font-size:24px;color: #000;font-weight: bold;

	margin-bottom: 0px;}

	.p5_con1 p{font-size:14px;color: #808080;margin-bottom: 10px;}

	.p5_con1 h2{font-size:21px;color: #000;padding-bottom: 10px;position: relative;}

	.p5_con1 h2 i{width: 20px;height: 4px;background: #3581e0;position: absolute;

	bottom: 0;left: calc(50% - 10px);}

	.p5_con1a{width: 100%;margin-top: 0px;}

	#banner{margin: 20px auto 20px;}

	

	.p5_con6{width: 100%;padding-bottom: 30px;padding-top: 20px;}

	.p5_con6a{width: 100%;display: block;margin-top: 20px;}

	.p5_con6a ul li span{margin-bottom: 0;}

	.p5_con6a ul li p{font-size:14px;}

	.p5_con6a ul li{float: left;width: calc((100% - 10px) / 2);

	margin-right: 10px;text-align: center;}

	.p5_con5{width: 100%;padding-top: 20px;background: #fbfcfc;}

	.p5_con5a ul{border-bottom: 1px dashed #c9c9c9;padding: 15px 0;}

	.p5_con5b{margin-top: 0px;}

	.p5_con5b h1{font-size:18px;color: #000;margin-bottom: 5px;}

	.p5_con5b h2{font-size:14px;color: #3581e0;position: relative;

	padding-bottom: 10px;margin-bottom: 10px;font-weight: bold;}

	.p5_con5b h2 i{width: 80px;height: 1px;background: #d2d2d2;position: absolute;

	bottom: 0;left: 0;}

	.p5_con5b p{font-size:12px;color: #6f6f6f;line-height: 20px;text-transform: uppercase;}

	.p5_con5a ul:nth-last-of-type(1){width: 100%;display: block;

	padding: 15px 0 0 0;margin-bottom: 30px;border:none;}

	

	.p5_con4{padding-top: 20px;padding-bottom: 10px;}

	.p5_con4a{width: 100%;margin-top: 30px;}

	.p5_con2{padding-top: 20px;padding-bottom: 10px;}

	.p5_con2a h2{font-size:21px;padding-bottom: 15px;position: relative;}

	.p5_con2b{margin-top: 20px;}

	.p5_con2b p{font-size:14px;margin-bottom: 15px;word-break:break-all;}

	.p5_con3{width: 100%;padding-top: 20px;padding-bottom: 10px;}

	.p5_con3a{width: 100%;margin-top: 30px;}

	.p5_con3a ul li{float: left;width: calc((100% - 10px) / 2);

	margin-right: 10px;text-align: center;margin-bottom: 20px;}

	.p5_con3a ul li span{width: 25%;display: inline-block;overflow: hiddden;

	margin-bottom: 10px;}

	.p5_con4c ul li { padding: 10px 0 }

	.p5_con4c ul li p{font-size:14px;color: #fff;}


}









/* solution */

.p6_con{width: 100%;margin-bottom: 45px;}

.p6_con h1{font-size:30px;color: #000;font-weight: bold;margin-top: 40px;}

.p6_con h2{font-size:30px;color: #000;padding-bottom: 30px;line-height: 1em;

position: relative;margin-top: 25px;}

.p6_con h2 i{width: 42px;height: 4px;background: #3284c9;position: absolute;bottom: 0;

left: calc(50% - 21px);}

.p6_con p{font-size:15px;color: #281a1a;line-height: 32px;margin-top: 30px;

margin-bottom: 40px;}



.p6_con span{width: 100%;display: block;overflow: hidden;}

.p6_con span img{width: 100%;display:block;}





.p6_con1{width: 100%;background: #1c1a28;}

.p6_con1a{width: 100%;display: block;}

.p6_con1a li{float: left;width: calc(100% / 6);position: relative;}

.p6_con1a li span{width: 100%;display: block;overflow: hidden;}

.p6_con1a li span img{width: 100%;display: block;}



.p6_con1b{width: 100%;position: absolute;top:36%;left: 0;opacity: 1;transition: all 0.5s;}

.p6_con1b img{margin-bottom: 40px;}

.p6_con1b h1{position: relative;font-size:18px;color: #fff;

padding-bottom: 20px;}

.p6_con1b h1 i{width: 30px;height: 4px;background: #fff;position: absolute;bottom: 0;

left: calc(50% - 15px);}



.p6_con1c{width: 100%;position: absolute;top:50%;left: 0;padding:0 20px;

opacity: 0;transition: all 0.5s; transform: translate(0, -50%)}

.p6_con1c img{margin-bottom: 20px;}

.p6_con1c h1{position: relative;font-size:18px;color: #fff;

padding-bottom: 20px;}

.p6_con1c h1 i{width: 30px;height: 4px;background: #fff;position: absolute;bottom: 0;

left: calc(50% - 15px);}

.p6_con1c p{font-size:14px;color: #fff;line-height: 20px;margin-top: 20px;}

.p6_con1d{display: block;margin-top: 20px;font-size: 14px;color: #fff;}



.p6_con1a li a{display: block;width: 100%;height: 100%;

cursor: pointer;}



.p6_con1a li:nth-of-type(1):hover .p6_con1b{opacity: 1;}

.p6_con1a li:hover .p6_con1b{opacity: 0;}

.p6_con1a li:hover .p6_con1c{opacity: 1;transition: all 1s;}





.p6_con2{width: 100%;background: #fbfcfd;padding-bottom: 40px;}

.p6_title{margin-top: 50px;font-size:30px;color: #2e2e2e;padding-bottom: 20px;

position: relative;}

.p6_title i{position: absolute;width: 42px;height: 4px;background: #3284c9;

bottom: 0;left: calc(50% - 21px);}



.p6_con2a{width: 100%;margin-top: 40px;display: block;}

.p6_con2a li{float: left;width: calc((100% - 25px) / 2);margin-right: 25px;

margin-bottom: 25px;position: relative;}

.p6_con2a li:nth-of-type(2n){margin-right: 0;}

.p6_con2a li a{display: block;width: 100%;height: 100%;}

.p6_con2a li span{width: 100%;display: block;overflow: hidden;

transition: all 0.5s;}

.p6_con2a li span img{width: 100%;display: block;transition: all 0.5s;}

.p6_con2a li:hover img{transform: scale(1.05);}



.p6_con2c{width: 100%;position: absolute;padding:0 40px;left: 0;top: 22%;}

.p6_con2c h1{font-size:20px;color: #fff;padding-bottom: 20px;position: relative;

margin-bottom: 15px;}

.p6_con2c h1 i{width: 30px;height: 4px;background: #fff;position: absolute;bottom: 0;

left: 0;}

.p6_con2c p{font-size:15px;color: #fff;line-height: 30px;}





.p6_con3{width: 100%;margin-bottom: 60px;}

.p6_con3a{width: 100%;margin: 5px auto 0 auto;display: block;}

.p6_con3a li{float: left;width: calc((100% - 180px) / 4);margin-right: 60px;

height: 44px;text-align: center;}

.p6_con3a li:nth-last-of-type(1){margin-right: 0;}

.p6_con3a li a{display: block;line-height: 42px;font-size:16px;color: #2e2e2e;

border: 1px solid #e0e0e0;border-radius: 6px;box-sizing: border-box;

transition: all 0.5s;}



.p6_con3a li.active a,.p6_con3a li:hover a{background: #53a4e8;border: 1px solid #53a4e8;color: #fff;}



.p6_con3b{width: 100%;display: block;margin-top: 45px;}

.p6_con3b li{float: left;margin-right: 80px;width: calc((100% - 80px) / 2);}

.p6_con3b li:nth-last-of-type(1){margin-right: 0;}

.p6_con3b li span{width: 100%;display: block;overflow: hidden;

transition: all 0.5s;}

.p6_con3b li span img{width: 100%;display: block;transition: all 0.5s;}

.p6_con3b li h1{font-size:18px;color: #222121;font-weight: bold;margin: 15px 0;}

.p6_con3b li p{font-size:14px;color: #656565;line-height: 22px;}

.p6_con3b li:hover img{transform: scale(1.05);}



.p6_con4{background-repeat: no-repeat;background-size:cover;width: 100%;

background-position: top center;}

.p6_con4 .p6_title{color: #fff;padding-bottom: 30px;}

.p6_con4 .p6_title i{background: #fff;}



.p6_con4a{width: 100%;display: block;margin-top: 70px;}

.p6_con4a li{float: left;width: calc((100% - 100px) / 2);margin-right: 100px;

margin-bottom: 90px;}

.p6_con4a li:nth-of-type(2n){margin-right: 0;}



.p6_con4b{margin-bottom: 20px;}

.p6_con4b img{margin-right: 10px;transition: all 0.5s;}

.p6_con4b i{font-size:22px;color: #fff;font-weight: bold;line-height: 1em;}



.p6_con4c{width: 100%;}

.p6_con4c img{width: 5px;margin:14px 5px 14px 0;}

.p6_con4c p{/* width: calc(100% - 10px); */ font-size:15px;color: #fff;line-height: 32px;opacity: 0.5;}

.p6_con4a li:hover img{transform: rotate(0deg);}



.p6_con5{width: 100%;background: #fbfcfd;padding-bottom: 60px;}

.p6_con5a{width: 100%;display: block;margin-top: 50px;}

.p6_con5a li{float: left;width: calc((100% - 75px) / 4);margin-right: 25px;

text-align: center;}

.p6_con5a li:nth-last-of-type(1){margin-right: 0;}

.p6_con5a li span{width: 100%;display: block;overflow: hidden;

transition: all 0.5s;}

.p6_con5a li span img{width: 100%;display: block;transition: all 0.5s;}

.p6_con5a li p{font-size:15px;color: #2e2e2e;line-height: 20px;margin-top: 15px;}

.p6_con5a li:hover img{transform: scale(1.05);}





.p6_con6b{margin: 45px 0 60px 0;}

.p6_con6d{font-size:15px;color: #2e2e2e;line-height: 20px;text-align: center;

width: 100%;margin-top: 10px;}

.p6_con6a .p6_con6c span{border: 1px solid #e0e0e0;display: block;

transition: all 0.5s;overflow: hidden;}

.p6_con6a .p6_con6c span img{width: 100%;display: block;transition: all 0.5s;}

.p6_con6a{position: relative;}

.p6_con6a .swiper-slide:hover img{transform: scale(1.05);}

 .p6_con6a .swiper-button-prev:hover{opacity: 0.5; transition: all 0.5s;}

 .p6_con6a .swiper-button-next, .p6_con6a .swiper-button-prev {

		position: absolute;

		top: 20%;

		width: 52px;

		height: 144px;

		z-index: 10;

		cursor: pointer;

		background-size: 16px 34px;

		padding:55px 18px;

		box-sizing: border-box;

		background: #000;

		opacity: 0.2;

		background-position: center;

		background-repeat: no-repeat;

	}

	.p6_con6a .swiper-button-next:hover{opacity: 0.5; transition: all 0.5s;}

	

	.p6_con6a .swiper-button-next, .swiper-container-rtl .swiper-button-prev {

	    background-image: url(../img/p6_right.png);

	    right: -70px;

	    left: auto;

	}

	.p6_con6a .swiper-button-prev {

		background-image: url(../img/p6_left.png);

		left: -70px;

		right: auto;

	 }





@media (max-width:1330px) {

	.p6_con6a .swiper-button-next, .swiper-container-rtl .swiper-button-prev {

	    background-image: url(../img/p6_right.png);

	    right: -20px;

	    left: auto;

	}

	.p6_con6a .swiper-button-prev {

		background-image: url(../img/p6_left.png);

		left: -20px;

		right: auto;

	 }

	

}

@media (max-width:1180px) {

	.p6_con2c{top:10%}

	.p6_con4a li{float: left;width: calc((100% - 50px) / 2);margin-right: 50px;

	margin-bottom: 90px;}

	.p6_con6a .swiper-button-next, .swiper-container-rtl .swiper-button-prev {

	    background-image: url(../img/p6_right.png);

	    right: 0px;

	    left: auto;

	}

	.p6_con6a .swiper-button-prev {

		background-image: url(../img/p6_left.png);

		left: 0px;

		right: auto;

	 }

}

@media (max-width:1024px) {

	.p6_con1a li{float: left;width: calc(100% / 4);position: relative;

	margin-bottom: 20px;}

	.p6_con3b li{float: left;margin-right: 20px;width: calc((100% - 40px) / 2);}

	.p6_con4a li{float: left;width: 100%;margin-right: 00px;

	margin-bottom: 90px;}

	.p6_con6a .swiper-button-next, .p6_con6a .swiper-button-prev {

			position: absolute;

			top: 18%;

			width: 52px;

			height: 144px;

			z-index: 10;

			cursor: pointer;

			background-size: 16px 34px;

			padding:55px 18px;

			box-sizing: border-box;

			background: #000;

			opacity: 0.2;

			background-position: center;

			background-repeat: no-repeat;

		}

		.p6_con6a .swiper-button-next, .swiper-container-rtl .swiper-button-prev {

		    background-image: url(../img/p6_right.png);

		    right: 0px;

		    left: auto;

		}

		.p6_con6a .swiper-button-prev {

			background-image: url(../img/p6_left.png);

			left: 0px;

			right: auto;

		 }

		

}

@media (max-width:1000px) {

	.p6_con2a li{float: left;width: 100%;margin-right: 0px;

	margin-bottom: 25px;position: relative;}

	.p6_con2c{top:22%}

	.p6_con5a li{float: left;width: calc((100% - 60px) / 3);margin-right: 20px;

	text-align: center;margin-bottom: 30px;}

	.p6_con5a li:nth-last-of-type(1){margin-right: 20px;}

	.p6_con5a li:nth-of-type(3){margin-right: 0;}

}

@media (max-width:870px) {

	.p6_con3a{width: 640px;margin: 5px auto 0 auto;display: block;}

	.p6_con3a li{float: left;width: calc((100% - 90px) / 4);margin-right: 30px;

	height: 44px;text-align: center;}

	.p6_con6a .swiper-button-next, .p6_con6a .swiper-button-prev {

			position: absolute;

			top: 24%;

			width: 36px;

			height: 110px;

			z-index: 10;

			cursor: pointer;

			background-size: 16px 34px;

			padding:38px 10px;

			box-sizing: border-box;

			background: #000;

			opacity: 0.2;

			background-position: center;

			background-repeat: no-repeat;

		}

		.p6_con6a .swiper-button-next, .swiper-container-rtl .swiper-button-prev {

		    background-image: url(../img/p6_right.png);

		    right: 0px;

		    left: auto;

		}

		.p6_con6a .swiper-button-prev {

			background-image: url(../img/p6_left.png);

			left: 0px;

			right: auto;

		 }

		

}

@media (max-width:830px) {

	.p6_con1a li{float: left;width: calc(100% / 3);}

}

@media (max-width:780px) {

	.p6_con5a li{float: left;width: calc((100% - 30px) / 2);margin-right: 30px;

	text-align: center;margin-bottom: 30px;}

	.p6_con5a li:nth-last-of-type(1){margin-right: 0px;}

	.p6_con5a li:nth-of-type(3){margin-right: 30px;}

	.p6_con5a li:nth-of-type(2n){margin-right: 0px;}

}

@media (max-width:700px) {

	.p6_con3a{width: 500px;margin: 5px auto 0 auto;display: block;}

	.p6_con3a li{float: left;width: calc((100% - 45px) / 4);margin-right: 15px;

	height: 44px;text-align: center;}

	.p6_con3b li{float: left;margin-right: 0px;width: 100%;margin-bottom: 30px;}

	

}

@media (max-width:640px) {

	.p6_con4a{margin-top: 30px;}

	.p6_con4b i{font-size:18px;}

	.p6_con4c img{width: 5px;margin:10px 5px 0px 0;}

	.p6_con4c p{font-size: 14px;line-height: 26px;}

	.p6_con4a li{margin-bottom: 30px;}

	.p6_con3{margin-bottom: 20px;}

	.p6_con3b{margin-top: 20px;}

	.p6_con3b li{margin-bottom: 15px;}

	.p6_con3b li h1{font-size:16px;margin: 10px 0;}

	.p6_con3b li p{font-size:14px;line-height: 22px;}

	

	

	.p6_title{margin-top: 20px;font-size:21px;padding-bottom: 20px;

	line-height: 1em;}

	.p6_title i{position: absolute;width: 20px;height: 4px;background: #3284c9;

	bottom: 0;left: calc(50% - 10px);}

	.p6_con2{padding-bottom: 20px;}

	.p6_con2a{margin-top: 20px;}

	.p6_con2a li{margin-bottom: 15px;}

	.p6_con2c{padding:0 20px;left: 0;top: 22%;}

	.p6_con2c h1{font-size:18px;color: #fff;padding-bottom: 20px;position: relative;

	margin-bottom: 15px;}

	.p6_con2c h1 i{width: 20px;height: 4px;background: #fff;position: absolute;bottom: 0;

	left: 0;}

	

	.p6_con{width: 100%;margin-bottom: 30px;}

	.p6_con h1{font-size:24px;margin-top: 20px;}

	.p6_con h2{font-size:21px;padding-bottom: 20px;margin-top: 10px;}

	.p6_con h2 i{width: 24px;height: 4px;background: #3284c9;position: absolute;bottom: 0;

	left: calc(50% - 10px);}

	.p6_con p{font-size:14px;line-height: 30px;margin-top: 10px;

	margin-bottom: 20px;}

	

	.p6_con1a li{float: left;width: calc(100% / 2);position: relative;

	margin-bottom: 10px;}

	.p6_con6a .swiper-button-next, .p6_con6a .swiper-button-prev {top: 24%;}

}

@media (max-width:600px) {

	.p6_con2c{top:10%}

	.p6_con3a{width: 440px;margin: 5px auto 0 auto;display: block;}

	.p6_con3a li{float: left;width: calc((100% - 40px) / 2);margin-right: 20px;

	height: 44px;text-align: center;margin-bottom: 25px;}

	.p6_con3a li:nth-of-type(2n){margin-right: 0;}

}

@media (max-width:480px) {

	.p6_con2c{top:15%}

	.p6_con2c h1{font-size:16px;color: #fff;padding-bottom: 10px;position: relative;

	margin-bottom: 10px;}

	.p6_con2c p{font-size:14px;color: #fff;line-height: 20px;}

	.p6_con3a{width: 300px;margin: 5px auto 0 auto;display: block;}

	.p6_con3a li{float: left;width: calc((100% - 15px) / 2);margin-right: 15px;

	height: 44px;text-align: center;margin-bottom: 15px;}

	.p6_con6a .swiper-button-next, .p6_con6a .swiper-button-prev {top: 15%;}

}

@media (max-width:420px) {

		/* .p6_con1b{top:30%;left: 0;opacity: 1;transition: all 0.5s;} */

		.p6_con1b img{margin-bottom: 30px;}

		.p6_con1b h1{position: relative;font-size:16px;color: #fff;font-weight: bold;

		padding-bottom: 20px;}

		

		.p6_con1c{width: 100%;position: absolute;top:50%;left: 0;padding:0 5px;

		opacity: 0;transition: all 0.5s; transform: translate(0, -50%)}

		.p6_con1c img{margin-bottom: 10px;}

		.p6_con1c h1{position: relative;font-size:16px;color: #fff;font-weight: bold;

		padding-bottom: 10px;}

		.p6_con1c h1 i{width: 20px;height: 4px;background: #fff;position: absolute;bottom: 0;

		left: calc(50% - 10px);}

		.p6_con1c p{font-size:12px;color: #fff;line-height: 30px;margin-top: 10px;}

	

	.p6_con2c p{font-size:12px;color: #fff;line-height: 20px;}

	.p6_con5a li{float: left;width: calc((100% - 15px) / 2);margin-right: 10px;

	text-align: center;margin-bottom: 30px;}

	.p6_con5a li:nth-last-of-type(1){margin-right: 0px;}

	.p6_con5a li:nth-of-type(3){margin-right: 10px;}

	.p6_con5a li:nth-of-type(2n){margin-right: 0px;}

	.p6_con6a .swiper-button-next, .p6_con6a .swiper-button-prev {

			position: absolute;

			top: 20%;

			width: 28px;

			height: 90px;

			z-index: 10;

			cursor: pointer;

			background-size: 16px 34px;

			padding:28px 6px;

			box-sizing: border-box;

			background: #000;

			opacity: 0.2;

			background-position: center;

			background-repeat: no-repeat;

		}

		.p6_con6a .swiper-button-next, .swiper-container-rtl .swiper-button-prev {

		    background-image: url(../img/p6_right.png);

		    right: -5px;

		    left: auto;

		}

		.p6_con6a .swiper-button-prev {

			background-image: url(../img/p6_left.png);

			left: -5px;

			right: auto;

		 }

}



@media (max-width:400px) {

	.p6_con6a .swiper-button-next, .p6_con6a .swiper-button-prev {

			position: absolute;

			top: 18%;

			width: 28px;

			height: 90px;

			z-index: 10;

			cursor: pointer;

			background-size: 16px 34px;

			padding:28px 6px;

			box-sizing: border-box;

			background: #000;

			opacity: 0.2;

			background-position: center;

			background-repeat: no-repeat;

		}

		.p6_con6a .swiper-button-next, .swiper-container-rtl .swiper-button-prev {

		    background-image: url(../img/p6_right.png);

		    right: -10px;

		    left: auto;

		}

		.p6_con6a .swiper-button-prev {

			background-image: url(../img/p6_left.png);

			left: -10px;

			right: auto;

		 }

}

@media (max-width:380px) {

	.p6_con2c{top:10%}

}

@media (max-width:370px) {

	.p6_con1c p{font-size:12px;color: #fff;line-height: 24px;margin-top: 10px;}

		

}

@media (max-width:360px) {

	.p6_con2c{top:7%}

	.p6_con2c h1{font-size: 14px;margin-bottom: 5px;}

	.p6_con2c p{line-height: 18px;}

	

}

@media (max-width:350px) {

	.p6_con1c{width: 100%;}

	.p6_con1c img{margin-bottom: 5px;}

	.p6_con1c h1{position: relative;font-size:14px;color: #fff;font-weight: bold;

	padding-bottom: 10px;}

	.p6_con1c h1 i{width: 20px;height: 4px;background: #fff;position: absolute;bottom: 0;

	left: calc(50% - 10px);}

	.p6_con1c p{font-size:12px;color: #fff;line-height: 18px;

	margin-top: 10px;overflow: hidden;display: -webkit-box;

	overflow: hidden;white-space: normal !important;

text-overflow: ellipsis; word-wrap: break-word;-webkit-line-clamp: 9;

-webkit-box-orient: vertical;}

	

	

	.p6_con6a .swiper-button-next, .p6_con6a .swiper-button-prev {top: 13%;}

}

@media (max-width:340px) {

	.p6_con2c{top:4%}

	.p6_con2c h1{font-size: 14px;margin-bottom: 4px;padding-bottom: 6px;}

	.p6_con2c p{line-height: 18px;}

	

}





/* case */

.page_box{width: 100%;}

.page_box_con{margin: 30px 0;}

.p6_con3 .page_box_con{margin: 0px 0;}

.page_box_con ul{width: 100%;}

.page_box_con li{float: left;width: calc((100% - 300px) / 5); text-align: center;

margin-right: 75px;}

.page_box_con li:nth-last-of-type(1){margin-right: 0;}

.page_box_con li a{display: block;width: 100%;height: 38px;border-radius: 6px;

border:1px solid #d6d6d6;box-sizing: border-box;transition: all 0.5s; line-height: 38px}

.page_box_con li h1{font-size:16px;color:#6b6b6b;line-height: 38px;transition: all 0.5s;}

.page_box_con li.active a,.page_box_con li:hover a{background: #53a4e8;color: #fff; border: 1px solid transparent;}

.page_box_con li.active h1,.page_box_con li:hover h1{color: #fff;}



.p7_con li{margin-bottom: 30px;float: left!important;}

.p7_img{display: block;width: 100%;}

.p7_img img{display: block;width: 100%;}

.p7_con li p{text-align: center;font-size:16px;color:#222121;margin-top: 20px;

transition: all 0.5s;}

.p7_con1{display: block;}



.p7_con2{position: relative;}



.p7_con3{position: absolute;top:0;left: 0; width: 100%;height: 100%;background: #000;

opacity: 0;transition: all 0.5s;}

.p7_con3 img{position: absolute;top: 50%;left: 50%;transform: translate(-50% , -50%);}



.p7_con li:hover .p7_con3{opacity: 0.5;}

.p7_con li:hover p{color:#3284c9}



@media (max-width:1024px) {

	.page_box_con li{float: left;width: calc((100% - 160px) / 5); text-align: center;

	margin-right: 40px;}

}

@media (max-width:720px) {

	.page_box_con li{float: left;width: calc((100% - 80px) / 5); text-align: center;

	margin-right: 20px;}

}

@media (max-width:640px) {

	.page_box_con{margin: 30px 0 10px 0;}

	.page_box_con li{float: left;width: calc((100% - 20px) / 3); text-align: center;

	margin-right: 10px;margin-bottom: 10px;}

	.page_box_con li:nth-of-type(3n){margin-right: 0px;}

	.p7_con li p{text-align: center;font-size:12px;color:#222121;margin-top: 5px;

	transition: all 0.5s;}

	.p7_con li{margin-bottom: 15px;}

}



/* case_inner */

.p8_con{width: 100%;margin-bottom: 45px;}

.p8_con1{width: 100%;}

.p8_con1 p{font-size: 32px;color: #000;font-weight: bold;margin: 30px 0;}

.p8_con1 h1{font-size:28px;color: #000;position: relative;padding-bottom: 30px;}

.p8_con1 h1 i{width: 20px;height: 4px;background: #3581e0;position: absolute;

left: calc(50% - 10px);bottom: 0;}



.p8_con1a{width: 100%;margin-top: 38px;}

 .p8_con1a .gallery-top {

	     height: 100%;

	     width: 100%;

		 position: relative;

	   }

 .p8_con1a .gallery-thumbs {

	 height: 20%;

	 box-sizing: border-box;

	 padding: 10px 0;

   }

  .p8_con1a .gallery-thumbs .swiper-slide {

	 width: calc((100% - 12px) / 4)!important;

	 margin-right: 12px;

	 height: 100%;

   }

  .p8_con1a .gallery-thumbs .swiper-slide:nth-last-of-type(1){margin-right: 0;}

 

.p8_con2{width: 100%;background: #fbfcfc;padding-top: 50px;

padding-bottom: 30px;}

.p8_con2a{width: 100%;margin-top: 55px;}  

.p8_con2a h1{font-size:16px;color: #000;font-weight:bold;margin-bottom: 35px;}

.p8_con2a p i{margin-left: 35px;}

.p8_con2a p{font-size:15px;color: #000;line-height: 30px;margin-bottom: 30px;}

.p8_con2b{font-weight: bold;}

.p8_con2c{width: 59%;margin: 0px auto 50px auto;}

.p8_con2a span{width: 100%;display: block;overflow: hidden;padding-top: 20px;}

.p8_con2a span img{width: 100%;display: block;}



.p8_con3{width: 100%;padding-top: 40px;margin-bottom: 75px;}

.p8_con3a{width: 100%;margin-top: 50px;}



.p8_con3b{width: 100%;padding:30px 50px 0 50px;

border-radius: 10px;}

.p8_con3c{width: 100%;margin-bottom: 30px;}

.p8_con3c span{width: 78px;height: 78px;display: block;overflow: hidden;

border-radius: 50%;}

.p8_con3c span img{width: 100%;display: block;}



.p8_con3d{width: calc(100% - 78px);padding-left: 15px;box-sizing: border-box;}

.p8_con3d h1{font-size:20px;color: #000;font-weight: bold;margin-top: 10px;

margin-bottom: 4px;text-align: left;}

.p8_con3d p{font-size:16px;color: #000;font-weight: bold;text-align: left;}

.p8_con3e{width: 17px;height: 12px; margin-bottom: 10px;

display: block;}

.p8_con3f{font-size:15px;color: #000;line-height: 30px;text-align: left;}

.p8_con3g{width: 17px;height: 12px;margin-top: 10px;display: block;margin-bottom: 35px;}



#banner1{margin: 0px auto 0px;}

.p8_con4 .swiper-slide{width: 840px;height: auto;

border-radius: 10px;box-shadow: 0 0 10px #e5eff8;border: 1px solid #e9f2f9;

margin: 10px 0;filter:blur(10px); transition: all 0.5s}
.p8_con4 .swiper-slide.swiper-slide-active{filter:blur(0px)}
.p8_con4{position: relative;width: 100%;}



@media (max-width:1160px) {

	.p8_con4 .swiper-slide{width: 700px;}

}

@media (max-width:820px) {

	.p8_con4 .swiper-slide{width: 100%;height: auto;}

	.p8_con4 .swiper-slide{filter:blur(0px);}

}



@media (max-width:640px) {

	 .p8_con3{width: 100%;padding-top: 20px;margin-bottom: 40px;}

	 .p8_con3a{width: 100%;margin-top: 30px;}

	 

	 

	 .p8_con2{width: 100%;background: #fbfcfc;padding-top: 25px;

	 padding-bottom: 20px;}

	 .p8_con2a{width: 100%;margin-top: 20px;}  

	 .p8_con2a h1{font-size:16px;margin-bottom: 10px;}

	 .p8_con2a p{font-size:14px;line-height: 24px;margin-bottom: 10px;}

	 .p8_con2c{width: 100%;margin: 0px auto 20px auto;}

	 .p8_con2a span{padding-top: 10px;}

 	.p8_con1 p{font-size: 26px;margin-top: 20px;margin-bottom: 5px;}

 	.p8_con1 h1{font-size:21px;color: #000;position: relative;

	padding-bottom: 10px;}

 	.p8_con1 h1 i{width: 20px;height: 4px;background: #3581e0;position: absolute;

 	left: calc(50% - 10px);bottom: 0;}

	.p8_con1a{width: 100%;margin-top: 20px;}

	.p8_con{width: 100%;margin-bottom: 30px;}

 }

 

@media (max-width:450px) {

	.p8_con3d h1{font-size:18px;color: #000;font-weight: bold;margin-top: 10px;

	margin-bottom: 4px;text-align: left;}

	.p8_con3d p{font-size:14px;color: #000;font-weight: bold;text-align: left;}

	.p8_con3b{width: 100%;padding:30px 25px 0 25px;

	border-radius: 10px;}

	.p8_con3f{font-size:14px;color: #000;line-height: 26px;text-align: left;}

}







/* service */

.p9_title{margin-top: 50px;font-size:30px;color: #2e2e2e;padding-bottom: 30px;

position: relative;line-height: 1em;}

.p9_title i{position: absolute;width: 42px;height: 4px;background: #3284c9;

bottom: 0;left: calc(50% - 21px);}



.p9_con{margin-bottom: 60px;}

.p9_con1{width: 100%;display: block;margin-top: 50px;}

.p9_con1 li{width: 100%;margin-bottom: 30px;background: #fafbfc;

border: 1px solid #e7e7e7;transition: all 0.5s;padding:16px 20px;

box-sizing: border-box;}

.p9_con1a{width: 100%;}

.p9_con1 li h1{font-size:14px;height: 24px;text-align: center;

background: #ff4343;color: #fff;border-radius: 50%;

margin: 0px 18px 0 0;width: 24px;line-height: 24px;}

.p9_con1 li p{font-size:17px;color: #2e2e2e;line-height: 24px;

width: calc(100% - 24px - 18px);}

.p9_con1 li:hover{background: #fff;box-shadow: 0 0 10px #eff5fb;

border:1px solid transparent}



.p9_con2{width: 100%;background: #fbfcfd;padding-bottom: 90px;}



.p9_con2a{width: 100%;display: block;margin-top: 60px;}

.p9_con2a li{float: left;width: calc((100% - 60px) / 3);margin-right: 30px;

background: #fff;text-align: center;padding:0 25px;}

.p9_con2a li:nth-last-of-type(1){margin-right: 0;}

.p9_con2a li img{margin: 50px 0 30px 0;transition: all 0.5s;}

.p9_con2a li h1{font-size:22px;color: #000;margin-bottom: 25px;}

.p9_con2a li p{font-size:15px;color: #5d5d5d;line-height: 30px;

height: 100px;}




.p9_con3{background-repeat: no-repeat;background-size:cover;width: 100%;

background-position: top center;padding-bottom: 70px;}

.p9_con3 .p9_title{color: #fff;}

.p9_con3 .p9_title i{background: #fff;}

.p9_con3a{width: 82.5%;margin: 40px auto 70px auto;font-size:15px;color: #fff;opacity: 0.6;

line-height: 30px;}

.p9_con3b{width: 100%;display: block;}

.p9_con3b li{float: left;width: calc((100% - 440px) / 3);margin-right: 220px;

text-align: center;}

.p9_con3b li:nth-last-of-type(1){margin-right: 0;}

.p9_con3b li img{transition: all 0.5s;}

.p9_con3b li h1{font-size:22px;color: #fff;margin-top: 15px;}

.p9_con3b li h1 i{margin-right: 25px;}

.p9_con3b li p{font-size:15px;color: #fff;line-height: 30px;margin-top: 15px;}



.p9_con3b li p:nth-of-type(1){display: block;}

.p9_con3b li p:nth-of-type(2){display: none;}



.p9_con3b li:hover img{transform: rotate(0deg);}



.p9_con4{width: 100%;padding-bottom: 70px;}

.p9_con4a{width: 100%;margin: 60px 0;}

.p9_con4a:nth-of-type(1){display: block;}

.p9_con4a:nth-of-type(2){display: none;}

.p9_con4a span{width: 50%;display: block;overflow: hidden;}

.p9_con4a span img{width: 100%;display: block;}

.p9_con4b{font-size: 16px;font-weight: bold;color: #3284c9;

margin-bottom: 55px;}



.p9_con4c{width: 315px;height: 40px;border-radius: 20px;background: #323232;

margin: 0 auto;transition: all 0.5s;}

.p9_con4c h1{font-size:16px;color: #fff;line-height: 40px;

transition: all 0.5s;}

.p9_con4c:hover{background: #3284c9;}





.p9_con5{width: 100%;background: #fbfcfd;}

.p9_con5a1{margin-top: 75px;}

.p9_con5a{width: 100%;margin-bottom: 80px;}

.p9_con5a span{width: 34%;display:block;overflow:hidden;

transition: all 0.5s;}

.p9_con5a span img{width: 100%; display:block;transition: all 0.5s;}



.p9_con5b{width: calc(100% - 34%);padding-left: 45px;

box-sizing: border-box;}

.p9_con5b h1{font-size: 22px;color: #3284c9;font-weight: bold;

padding-bottom: 25px;position: relative;margin-bottom: 22px;}

.p9_con5b h1 i{position: absolute;width: 88px;height: 2px;background: #b2b2b2;

bottom: 0;left: 0;}

.p9_con5b h1 img{margin-right: 10px;}



.p9_con5c{width: 100%;margin-bottom: 10px;}

.p9_con5c p{width: calc(100% - 5px - 5px); font-size:15px;color: #2e2e2e;}

.p9_con5c img{width: 5px;height: 5px; margin: 10px 5px 10px 0;}



.p9_con5a:nth-of-type(2) .p9_con5b{padding-left: 0;padding-right: 45px;}

.p9_con5a:hover span img{transform: scale(1.05);}







.p9_con6s{padding-bottom: 30px;width: 100%;}

.p9_con6{width: 100%;margin-top: 50px;}

.p9_con6 ul{display: block;width: 100%;}

.p9_con6 ul li{width: calc((100% - 60px) / 3);margin-right: 30px;

margin-bottom: 30px;float: left;}

.p9_con6 ul li:nth-of-type(3n){margin-right: 0;}

.p9_con6 ul li span{width: 100%;display: inline-block;overflow: hidden;

margin-bottom: 10px;transition: all 0.5s;}

.p9_con6 ul li span img{width: 100%;display: block;transition: all 0.5s;}

.p9_con6 ul li p{font-size: 18px;color: #222121;font-weight: bold;}

.p9_con6 ul li:hover img{transform: scale(1.05);}



@media (max-width:1160px) {

	.p9_con5a span{width: 100%;display:block;overflow:hidden;

	margin-bottom: 20px;}

	.p9_con5b{width: 100%;padding-left: 0px;

	box-sizing: border-box;}

	.p9_con5a{width: 100%;margin-bottom: 40px;}

	.p9_con5a:nth-of-type(2) .p9_con5b{margin-bottom: 20px;}

}



@media (max-width:1140px) {

	.p9_con3b li p:nth-of-type(1){display: none;}

	.p9_con3b li p:nth-of-type(2){display: block;}

}

@media (max-width:1000px) {

	.p9_con3a{width: 100%;}

	.p9_con3b li{float: left;width: calc((100% - 200px) / 3);margin-right: 100px;

	text-align: center;}

}



@media (max-width:900px) {

	.p9_con2a li{float: left;width: calc((100% - 20px) / 2);margin-right: 20px;

	background: #fff;text-align: center;padding:0 15px;margin-bottom: 20px;}

	.p9_con2a li:nth-last-of-type(1){margin-right: 0;}

	.p9_con2a li:nth-of-type(2){margin-right: 0;}

	.p9_con2a li img{margin: 30px 0 20px 0;width: 15%;}

}

@media (max-width:760px) {

	.p9_con3b li{float: left;width: calc((100% - 70px) / 3);margin-right: 35px;

	text-align: center;}

	.p9_con6 ul li{width: calc((100% - 20px) / 2);margin-right: 20px;

	margin-bottom: 20px;float: left;}

	.p9_con6 ul li:nth-of-type(3n){margin-right: 20px;}

	.p9_con6 ul li:nth-of-type(2n){margin-right: 0px;}

}



@media (max-width:640px) {

	.p9_con6{width: 100%;margin-top: 30px;}

	.p9_con6 ul li{width: calc((100% - 10px) / 2);margin-right: 10px;

	margin-bottom: 15px;float: left;}

	.p9_con6 ul li:nth-of-type(3n){margin-right: 10px;}

	.p9_con6 ul li:nth-of-type(2n){margin-right: 0px;}

	.p9_con6 ul li span{margin-bottom: 0px;transition: all 0.5s;}

	.p9_con6 ul li p{font-size: 14px;color: #222121;font-weight: bold;}

	.p9_con6s{padding-bottom: 20px;width: 100%;}

	.p9_con5a1{margin-top: 30px;}

	.p9_con5b h1{font-size: 16px;color: #3284c9;font-weight: bold;

	padding-bottom: 20px;position: relative;margin-bottom: 15px;}

	.p9_con5b h1 i{position: absolute;width: 50px;height: 2px;background: #b2b2b2;

	bottom: 0;left: 0;}

	.p9_con5c{width: 100%;margin-bottom: 5px;}

	.p9_con5c p{width: calc(100% - 5px - 5px); font-size:12px;}

	.p9_con5c img{width: 5px;height: 5px; margin: 6px 5px 6px 0;}

	.p9_con5a{width: 100%;margin-bottom: 10px;}

	.p9_con5a:nth-of-type(2) .p9_con5b{margin-bottom: 10px;}

	

	.p9_con4a:nth-of-type(1){display: none;}

	.p9_con4a:nth-of-type(2){display: block;}

	.p9_con4{width: 100%;padding-bottom: 30px;}

	.p9_con4a{width: 100%;margin: 30px 0;}

	.p9_con4a span{width: 100%;display: block;overflow: hidden;

	margin-bottom: 20px;}

	.p9_con4a span:nth-of-type(2){margin-bottom: 0;}

	.p9_con4b{font-size: 14px;font-weight: bold;color: #3284c9;

	margin-bottom: 10px;}

	.p9_con4c{width: 240px;height: 34px;border-radius: 17px;background: #323232;

	margin: 0 auto;}

	.p9_con4c h1{font-size:14px;color: #fff;line-height: 34px;}

	

	.p9_title{margin-top: 25px;font-size: 21px;padding-bottom: 18px;}

	.p9_title i{width: 30px;height: 2px;left: calc(50% - 15px);}

	.p9_con{margin-bottom: 20px;}

	.p9_con1{margin-top: 30px;}

	.p9_con1 li{width: 100%;margin-bottom: 15px;background: #fafbfc;

	border: 1px solid #e7e7e7;transition: all 0.5s;padding:8px 10px;

	box-sizing: border-box;}

	.p9_con1 li h1{font-size:12px;height: 20px;text-align: center;

	background: #ff4343;color: #fff;border-radius: 50%;

	margin: 0px 12px 0 0;width: 20px;line-height: 20px;}

	.p9_con1 li p{font-size:14px;color: #2e2e2e;line-height: 20px;

	width: calc(100% - 20px - 12px);}

	

	.p9_con2a{width: 100%;display: block;margin-top: 30px;}

	.p9_con2a li h1{font-size:18px;color: #000;margin-bottom: 10px;}

	.p9_con2a li p{font-size:14px;color: #5d5d5d;line-height: 24px;

	height: auto;}

	.p9_con2a li{float: left;width: 100%;margin-right: 0px;

	background: #fff;text-align: center;padding:0 15px 20px 15px;

	margin-bottom: 10px;}

	.p9_con2a li:nth-last-of-type(1){margin-right: 0;}

	.p9_con2a li:nth-of-type(2){margin-right: 0;}

	.p9_con2a li img{margin: 20px 0 15px 0;width: 15%;}

	.p9_con2{width: 100%;background: #fbfcfd;padding-bottom: 20px;}

	

	.p9_con3b li{float: left;width: calc((100% - 30px) / 2);

	margin-right: 30px;	text-align: center;margin-bottom: 20px;}

	.p9_con3b li:nth-of-type(2){margin-right: 0;}

	.p9_con3b li h1{font-size:18px;color: #fff;margin-top: 10px;}

	.p9_con3b li h1 i{margin-right: 10px;}

	.p9_con3b li p{font-size:14px;color: #fff;line-height: 24px;

	margin-top: 5px;}

	.p9_con3a{margin: 20px auto 20px auto;font-size: 14px;}

	.p9_con3{padding-bottom: 30px;}

}

@media (max-width:400px) {

	.p9_con3b li{float: left;width: 33.33%;

	margin-right: 0px;	text-align: center;margin-bottom: 20px;}

	.p9_con3b li:nth-of-type(2){margin-right: 0;}

}







/* about_us */

.p10_con{margin-bottom: 75px;}

.p10_title{font-size:30px;color: #000;line-height: 1em;padding-bottom: 28px; 

position: relative;margin-top: 50px;}

.p10_title i{width: 42px;height: 4px;background: #3284c9;position: absolute;bottom: 0;

left: calc(50% - 21px);}

.p10_section{width: 90%;font-size:16px;color: #000;line-height: 30px;

margin: 50px auto 0 auto;}



.p10_con1{width: 100%;margin-top: 50px;display: block;}

.p10_con1 li{float: left;width: calc((100% - 60px) / 3);margin-right: 30px;

position: relative;}

.p10_con1 li:nth-last-of-type(1){margin-right: 0;}

.p10_con1 li span{width: 100%;display: block;overflow: hidden;

border-radius: 10px;transition: all 0.5s;}

.p10_con1 li img{width: 100%;display: block;transition: all 0.5s;}

.p10_con1 li:hover img{transform: scale(1.05);}



.p10_con1a{width: 100%;padding: 0 20px;position: absolute;top:14%;left: 0;}

.p10_con1a h1{font-size:20px;color: #fff;font-weight: bold;padding-bottom: 26px; 

position: relative;margin-bottom: 20px;}

.p10_con1a h1 i{width: 39px;height: 3px;background: #fff;position: absolute;bottom: 0;

left: 0;}

.p10_con1a p{font-size:15px;color: #fff;line-height: 30px;display: -webkit-box;overflow: hidden;white-space: normal !important;

text-overflow: ellipsis; word-wrap: break-word;-webkit-line-clamp: 6;

-webkit-box-orient: vertical;}





.p10_con2{width: 100%;background: #fbfcfd;padding-bottom: 60px;}

.p10_con2a{width: 100%;display: block;margin-top: 45px;}

.p10_con2a li{float: left;width: calc((100% - 45px) / 4);margin-right: 15px;

margin-bottom: 20px;background: #fff;height: 170px;

text-align: center;padding:0 10px}

.p10_con2a li:nth-of-type(4n){margin-right: 0;}

.p10_con2a li h1{font-size:18px;color: #000;font-weight: bold;line-height: 1em;

margin-top: 28px;margin-bottom: 12px;}

.p10_con2a li img{transition: all 0.5s;}

.p10_con2a li p{font-size:15px;color: #6b6666;line-height: 24px;margin-top: 10px;

display: -webkit-box;overflow: hidden;white-space: normal !important;

text-overflow: ellipsis; word-wrap: break-word;-webkit-line-clamp: 2;

-webkit-box-orient: vertical;}




.p10_con3{margin-bottom: 80px;}

.p10_con3a{width: 100%;display: block;margin-top: 60px;}

.p10_con3a li{float: left;width: calc((100% - 120px) / 2);margin-right: 120px;

border-radius: 10px;box-shadow: 0 0 10px #eee;padding-right: 10px;}

.p10_con3a li:nth-last-of-type(1){margin-right: 0;}

.p10_con3a img{margin: 40px 40px 40px 50px;width: 45px;}

.p10_con3b{width: calc(100% - 45px - 90px);}

.p10_con3b h1{font-size:16px;color: #9d9d9d;margin-top: 30px;}

.p10_con3b p{font-size:26px;color: #000;}

.p10_con3a li:nth-of-type(2) p{font-size:17px;color: #000;font-weight: bold;

margin-top: 5px;}



@media (max-width:1200px) {

	.p10_section{width: 100%;}

	.p10_con1 li{float: left;width: calc((100% - 30px) / 3);margin-right: 15px;

	position: relative;margin-bottom: 30px;}

	.p10_con1 li:nth-last-of-type(1){margin-right: 0px;}

	.p10_con1a p{font-size:15px;color: #fff;line-height: 30px;display: -webkit-box;overflow: hidden;white-space: normal !important;

	text-overflow: ellipsis; word-wrap: break-word;-webkit-line-clamp: 5;

	-webkit-box-orient: vertical;}

	.p10_con2a li{float: left;width: calc((100% - 45px) / 3);margin-right: 15px;

	margin-bottom: 20px;background: #fff;height: 170px;

	text-align: center;padding:0 10px}

	.p10_con2a li:nth-of-type(3n){margin-right: 0;}

	.p10_con2a li:nth-of-type(4n){margin-right: 15px;}

	.p10_con3a li{float: left;width: calc((100% - 30px) / 2);margin-right: 30px;

	border-radius: 10px;box-shadow: 0 0 10px #eee;}

}

@media (max-width:1024px) {

	.p10_section{width: 100%;}

	.p10_con1 li{float: left;width: calc((100% - 60px) / 2);margin-right: 60px;

	position: relative;margin-bottom: 30px;}

	.p10_con1 li:nth-last-of-type(1){margin-right: 60px;}

	.p10_con1 li:nth-of-type(2){margin-right: 0px;}

}



@media (max-width:840px) {

	.p10_con1 li{float: left;width: calc((100% - 20px) / 2);margin-right: 20px;

	position: relative;margin-bottom: 30px;}

	.p10_con1 li:nth-last-of-type(1){margin-right: 20px;}

	.p10_con1 li:nth-of-type(2){margin-right: 0px;}

	.p10_con1a{width: 100%;padding: 0 20px;position: absolute;top:8%;left: 0;}

	.p10_con2a li{float: left;width: calc((100% - 30px) / 2);margin-right: 15px;

	margin-bottom: 20px;background: #fff;height: 170px;

	text-align: center;padding:0 10px}

	.p10_con2a li:nth-of-type(3n){margin-right: 15px;}

	.p10_con2a li:nth-of-type(4n){margin-right: 0px;}

	.p10_con2a li:nth-of-type(2n){margin-right: 15px;}

	.p10_con3a img{margin: 40px 20px 40px 30px;width: 45px;}

	.p10_con3b{width: calc(100% - 45px - 50px);}

}

@media (max-width:720px) {

	.p10_con1a p{font-size:15px;color: #fff;line-height: 30px;display: -webkit-box;overflow: hidden;white-space: normal !important;

	text-overflow: ellipsis; word-wrap: break-word;-webkit-line-clamp: 4;

	-webkit-box-orient: vertical;}

	.p10_con3a li{float: left;width: 100%;margin-right: 0px;

	border-radius: 10px;box-shadow: 0 0 10px #eee;padding-right: 10px;margin-bottom: 20px;}

}

@media (max-width:640px) {

	

	.p10_title{font-size:21px;padding-bottom: 15px; margin-top: 25px;}

	.p10_title i{width: 20px;height: 4px;background: #3284c9;position: absolute;bottom: 0;

	left: calc(50% - 10px);}

	.p10_section{width: 90%;font-size:14px;color: #000;line-height: 24px;

	margin: 20px auto 0 auto;}

	.p10_con1{width: 100%;margin-top: 20px;display: block;}

	.p10_con1a h1{font-size:16px;padding-bottom: 20px; 

	position: relative;margin-bottom: 10px;}

	.p10_con1a h1 i{width: 29px;height: 3px;background: #fff;position: absolute;bottom: 0;

	left: 0;}

	.p10_con1a p{font-size:14px;color: #fff;line-height: 30px;display: -webkit-box;overflow: hidden;white-space: normal !important;

	text-overflow: ellipsis; word-wrap: break-word;-webkit-line-clamp: 6;

	-webkit-box-orient: vertical;}

	.p10_con{margin-bottom:20px;}

	

	.p10_con1 li{float: left;width: 100%;margin-right: 0px;

	position: relative;margin-bottom: 20px;}

	.p10_con1 li:nth-last-of-type(1){margin-right:0px;}

	.p10_con1 li:nth-of-type(2){margin-right: 0px;}

	

	.p10_con2{padding-bottom: 30px;}

	.p10_con2a{margin-top: 30px;}

	.p10_con2a li{float: left;width: 100%;margin-right: 0px;

	margin-bottom: 15px;background: #fff;height: 170px;

	text-align: center;padding:0 10px}

	.p10_con2a li:nth-of-type(3n){margin-right: 0px;}

	.p10_con2a li:nth-of-type(4n){margin-right: 0px;}

	.p10_con2a li:nth-of-type(2n){margin-right: 0px;}

	.p10_con3{margin-bottom: 30px;}

	.p10_con3a{width: 100%;display: block;margin-top: 30px;}

}

@media (max-width:340px) {

	.p10_con1a{width: 100%;padding: 0 20px;position: absolute;top:6%;left: 0;}

}







/* news */

.page_box2{width: 100%;}

.page_box_con2{width: 700px; margin: 30px auto 30px auto;}

.page_box_con2 ul{width: 100%;}

.page_box_con2 li{float: left;width: calc((100% - 150px) / 3); text-align: center;

margin-right: 75px;}

.page_box_con2 li:nth-last-of-type(1){margin-right: 0;}

.page_box_con2 li a{display: block;width: 100%;height: 38px;border-radius: 6px;

border:1px solid #d6d6d6;box-sizing: border-box;transition: all 0.5s;}

.page_box_con2 li h1{font-size:16px;color:#6b6b6b;line-height: 38px;transition: all 0.5s;}

.page_box_con2 li.active a,.page_box_con2 li:hover a{background: #53a4e8;border: 1px solid transparent;}

.page_box_con2 li.active h1,.page_box_con2 li:hover h1{color: #fff;}



.p11_con{margin-bottom: 50px;transition: all 0.5s;}

.p11_con1{width: 24%;display: block;overflow: hidden;}

.p11_con1 img{width: 100%; display: block;}



.p11_con2{width: calc(100% - 24%);padding-left:65px;padding-right: 35px; 

box-sizing: border-box;transition: all 0.5s;}

.p11_con2 h1{font-size:18px;color:#222121;margin-top: 25px;margin-bottom: 20px;

transition: all 0.5s;}

.p11_con2 h2 img{margin-right: 10px;margin-bottom: 1px;}

.p11_con2 h2{font-size:15px;color:#343434;line-height: 1em;

padding-bottom: 15px;position: relative;margin-bottom: 15px;}

.p11_line{position: absolute;width: 62px;height: 1px;background: #d6d6d6;left: 0;

bottom: 0;}

.p11_con2 p{font-size:15px;color:#8b8b8b;line-height: 22px;margin-bottom: 22px;

display: -webkit-box;overflow: hidden;white-space: normal !important;

text-overflow: ellipsis; word-wrap: break-word;-webkit-line-clamp: 3;

-webkit-box-orient: vertical;}

.p11_con:nth-of-type(4) .p11_con2 p{margin-bottom: 44px;}





.p11_con:hover{box-shadow: 0 0 10px #eee;transition: all 0.5s;}

.p11_con:hover .p11_con2 h1{color:#3ba6f1;transition: all 0.5s;}



@media (max-width:1024px) {

	.p11_con2 h1{margin-top: 5px;}

}

@media (max-width:840px) {

	.page_box_con2{width: 600px; margin: 30px auto 30px auto;}

	.page_box_con2 ul{width: 100%;}

	.page_box_con2 li{float: left;width: calc((100% - 100px) / 3); text-align: center;

	margin-right: 50px;}

	.p11_con{padding: 10px 10px;}

	.p11_con1{display: none;}

	.p11_con2{width: 100%;padding-left:0px;padding-right: 0px;

	box-sizing: border-box;transition: all 0.5s;}

}

@media (max-width:700px) {

	.page_box_con2{width: 500px; margin: 30px auto 30px auto;}

	.page_box_con2 ul{width: 100%;}

	.page_box_con2 li{float: left;width: calc((100% - 60px) / 3); text-align: center;

	margin-right: 30px;}

}

@media (max-width:640px) {

	.p11_con1{display: block;width: 100%;}

	.page_box_con2{margin: 30px auto 20px auto;}

	.p11_con{margin-bottom: 20px;}

	.p11_con2 h1{font-size:16px;margin-top: 5px;margin-bottom: 10px;

	transition: all 0.5s;}

	.p11_con2 h2 img{margin-right: 5px;margin-bottom: 1px;}

	.p11_con2 h2{font-size:12px;color:#343434;line-height: 1em;

	padding-bottom: 10px;position: relative;margin-bottom: 10px;}

	.p11_line{position: absolute;width: 40px;height: 1px;background: #d6d6d6;left: 0;

	bottom: 0;}

	.p11_con2 p{font-size:12px;color:#8b8b8b;line-height: 20px;margin-bottom: 10px;

	display: -webkit-box;overflow: hidden;white-space: normal !important;

	text-overflow: ellipsis; word-wrap: break-word;-webkit-line-clamp: 3;

	-webkit-box-orient: vertical;}

	.p11_con:nth-of-type(4) .p11_con2 p{margin-bottom: 10px;}

}

@media (max-width:550px) {

	.page_box_con2{width: 380px;}

	.page_box_con2 ul{width: 100%;}

	.page_box_con2 li{float: left;width: calc((100% - 60px) / 3); text-align: center;

	margin-right: 30px;}

}

@media (max-width:420px) {

	.page_box_con2{width: 300px;}

	.page_box_con2 ul{width: 100%;}

	.page_box_con2 li{float: left;width: calc((100% - 40px) / 3); text-align: center;

	margin-right: 20px;}

}









/* news_inner */

.p12_banner{width: 100%;position: relative;}

.p12_banner span{display: block;width: 100%; overflow: hidden;}

.p12_banner span img{display: block;width: 100%;height: 210px;}

.p12_title{position: absolute;left: 50%;top: 50%;transform: translate(-50% , 0%); margin-top: -15px}

.p12_title h1{font-size:32px;color:#fff;font-weight: bold;margin-bottom: 14px;

text-align: center;text-transform: uppercase;}

.p12_title p{font-size:18px;color:#fff;line-height: 30px;text-transform: uppercase;}



.p12_con{border-bottom: 1px dashed #d1d1d1;margin-top: 50px;}

.p12_con h1{font-size:22px;color: #000;margin-bottom: 20px;}

.p12_con h2{font-size:14px;color#5e5e5e;margin-bottom: 30px;}



.p12_con1{border-bottom: 1px dashed #d1d1d1;font-size:15px;color: #0b0b0b;line-height: 30px;margin:35px auto 30px;}

/* .p12_con1 p:nth-last-of-type(1){margin-bottom: 60px;} */

/* .p12_con1 span{display: block;width: 59%;margin: 0 auto;} */

.p12_con1 img{max-width: 100% !important; height: auto !important;}



.p12_con2{margin: 30px 0;}

.p12_con2 p{font-size:16px;color:#0b0b0b;margin-bottom: 20px;transition: all 0.5s;}

.p12_con2 p:nth-last-of-type(1){margin-bottom: 0;}

.p12_con2 p:hover a{color: #3a9aea;transition: all 0.5s;}



@media (max-width:1024px) {

	.p12_con1 span{width: 100%;}

}

@media (max-width:740px) {

	.p12_title{position: absolute;left: 50%;top: 50%;transform: translate(-50% , -25%); width: 90%; text-align: center; margin-top: 0}

	.p12_title h1{font-size:26px;color:#fff;font-weight: bold;margin-bottom: 14px;

	text-align: center;}

	.p12_title p{font-size:18px;color:#fff;line-height: 30px;}
		
	.p12_banner span{ display: flex; justify-content: center; align-items: center; text-align: center }

	.p12_banner span img{ max-width: 1600px; width: 1600px; height: auto; flex: 1; }

}

@media (max-width:640px) {

	.p12_con{border-bottom: 1px dashed #d1d1d1;margin-top: 20px;}

	.p12_con h1{font-size:18px;color: #000;margin-bottom: 5px;}

	.p12_con h2{font-size:12px;color#5e5e5e;margin-bottom: 10px;}

	.p12_con1 p{font-size:12px;line-height: 20px;

	margin:20px 0 15px 0;}

	.p12_con1 p:nth-last-of-type(1){margin-bottom: 20px;}

	.p12_con2{margin: 20px 0;}

	.p12_con2 p{font-size:14px;color:#0b0b0b;margin-bottom: 10px;

	transition: all 0.5s;}

}



@media (max-width:390px) {

	.p12_title h1{font-size:20px;color:#fff;font-weight: bold;margin-bottom: 14px;

	text-align: center;}

	.p12_title p{font-size:14px;color:#fff;line-height: 30px;}

}





/* search */

.p13_con{width: 100%;position: relative;

height: 50px;border: 1px solid #b9b9b9;margin-top: 10px;

margin-bottom: 50px;}

.p13_con input{position: absolute; width: calc(100% - 50px);

height: 50px;background: transparent;left: 0;top: 0;padding-left: 15px;

border: none;}
.p13_con input[type="submit"]{ z-index: 1;  font-size: 0; width: 50px; padding: 0; font-size: 0}

.p13_con1{position: absolute; width: 50px;right: 0;top: 0;

text-align: center;cursor: pointer;}

.p13_con1 img{text-align: center;margin-top: 15px;}



/* solution_a */



/* 需求介绍 */

.p13_con2{width: 100%;padding-top: 35px;padding-bottom: 70px;}

.p13_title{font-size: 30px;color: #000;line-height: 1em;position: relative;

padding-bottom: 28px;}

.p13_title i{position: absolute;width: 42px;height: 4px;background: #3284c9;

left: calc(50% - 21px);bottom: 0;}

.p13_con2 p{font-size: 16px;color: #000;line-height: 32px;

margin-top: 50px;}





/* 应用特点 */

.p13_con3{width: 100%;background: #fbfcfd;padding-top: 60px;

padding-bottom: 80px;}

.p13_con3a{display: block;width: 100%;margin-top: 45px;}

.p13_con3a li{float: left;width: calc((100% - 45px) / 4);margin-right: 15px;

text-align: center;background: #fff;height: 220px;padding: 40px 20px 0 20px;}

.p13_con3a li:nth-last-of-type(1){margin-right: 0;}

.p13_con3a li span{width: 40px;height: 40px;display: block;

overflow: hidden;margin: 0 auto;transition: all 0.5s;}

.p13_con3a li span img{width: 100%;display: block;transition: all 0.5s;}

.p13_con3a li p{font-size: 15px;color: #6b6666;line-height: 24px;

margin-top: 20px;}

.p13_con3a li:hover img{transform: rotate(0deg);}



/* 行业优势 */

.p13_con4{width: 100%;padding-top: 60px; padding-bottom: 68px;}

.p13_con4a{display: block;width: 100%;margin-top: 75px;}

.p13_con4a li{width: 100%;margin-bottom: 80px;}

.p13_con4b{display: block;float: left;width: 33.33%;overflow: hidden;

margin-right: 70px;transition: all 0.5s;}

.p13_con4b img{width: 100%;display: block;transition: all 0.5s;}



.p13_con4c{float: left;width: calc(100% - 33.33% - 70px);padding-top: 15px;}

.p13_con4c h1{font-size: 22px;color: #3284c9;line-height: 1em;

position: relative;padding-bottom: 28px;}

.p13_con4c h1 i{width: 88px;height: 2px;background: #b2b2b2;

position: absolute;left: 0;bottom: 0;}

.p13_con4c p{font-size: 15px;color: #2e2e2e;line-height: 32px;

margin-top: 22px;}

.p13_con4a li:nth-of-type(2n) .p13_con4b{float: right;margin-right: 0;

margin-left: 70px;}

.p13_con4a li:nth-last-of-type(1){margin-bottom: 0;}

.p13_con4a li:hover img{transform: scale(1.05);}



@media (max-width:1000px) {

	.p13_con3a li{float: left;width: calc((100% - 30px) / 3);margin-right: 15px;

	height: 220px;padding: 40px 20px 0 20px;margin-bottom: 15px;}

	.p13_con3a li:nth-of-type(3n){margin-right: 0;}

}

@media (max-width:840px) {

	.p13_con4b{width: 100%;}

	.p13_con4c{width: 100%;padding-top: 20px;}

	.p13_con4a li{margin-bottom: 30px;}

}

@media (max-width:800px) {

	.p13_con3a li{float: left;width: calc((100% - 10px) / 2);margin-right: 10px;

	height: 220px;padding: 40px 20px 0 20px;margin-bottom: 10px;}

	.p13_con3a li:nth-of-type(3n){margin-right: 10px;}

	.p13_con3a li:nth-of-type(2n){margin-right: 0;}

}

@media (max-width:640px) {

	.p13_title{font-size: 21px;padding-bottom: 20px;}

	.p13_title i{width: 20px;height: 4px;left: calc(50% - 10px);}

	.p13_con2{width: 100%;padding-top: 30px;padding-bottom: 40px;}

	.p13_con2 p{font-size: 14px;color: #000;line-height: 30px;

	margin-top: 20px;}

	.p13_con3{padding-top: 30px;padding-bottom: 30px;}

	.p13_con3a li{padding: 30px 20px 0 20px;}

	.p13_con3a li p{font-size: 12px;color: #6b6666;line-height: 24px;

	margin-top: 15px;}

	.p13_con4{padding-top: 30px; padding-bottom: 38px;}

	.p13_con4a{margin-top: 30px;}

	.p13_con4c h1{font-size: 18px;padding-bottom: 15px;}

	.p13_con4c h1 i{width: 72px;}

	.p13_con4c p{font-size: 12px;color: #2e2e2e;line-height: 24px;

	margin-top: 10px;}

	.p13_con4c{width: 100%;padding-top: 15px;}

	.p13_con4a li{margin-bottom: 20px;}

}

@media (max-width:420px) {

	.p13_con3a li{height: 240px;}

	.p13_con3a li p{display: -webkit-box;overflow: hidden;white-space: normal !important;

text-overflow: ellipsis; word-wrap: break-word;-webkit-line-clamp:6;

-webkit-box-orient: vertical;}

}

@media (max-width:350px) {

	.p13_con3a li{padding: 20px 15px 0 15px;}

}



/* solution_inner */

.p14_con{border-bottom: 1px dashed #d1d1d1;margin-top: 50px;}

.p14_con h1{font-size:22px;color: #000;margin-bottom: 20px;}

.p14_con h2{font-size:14px;color#5e5e5e;margin-bottom: 30px;}





.p14_con1 p{font-size:15px;color: #0b0b0b;line-height: 30px;margin:35px 0 30px 0;}

.p14_con1 p:nth-last-of-type(1){margin-bottom: 60px;}

.p14_con1 span{display: block;width: 59%;margin: 0 auto;}

.p14_con1 span img{display: block;width: 100%;}





@media (max-width:1024px) {

	.p14_con1 span{width: 100%;}

}

@media (max-width:740px) {

	.p14_title{position: absolute;left: 50%;top: 50%;transform: translate(-50% , -25%);}

	.p14_title h1{font-size:26px;color:#fff;font-weight: bold;margin-bottom: 14px;

	text-align: center;}

	.p14_title p{font-size:18px;color:#fff;line-height: 30px;}

}

@media (max-width:640px) {

	.p14_con{border-bottom: 1px dashed #d1d1d1;margin-top: 20px;}

	.p14_con h1{font-size:18px;color: #000;margin-bottom: 5px;}

	.p14_con h2{font-size:12px;color#5e5e5e;margin-bottom: 10px;}

	.p14_con1 p{font-size:12px;line-height: 20px;

	margin:20px 0 15px 0;}

	.p14_con1 p:nth-last-of-type(1){margin-bottom: 20px;}

}

.mobileSearch{ position: relative }
.mobileSearch input{ background: none; border: none; line-height: 40px; height: 40px; }
.mobileSearch input[type='text']{ width: calc(100% - 40px); }
.mobileSearch input[type='submit']{ width: 40px; font-size: 0; position: absolute; right: 0; top: 0 }



.p10_con{ margin: 50px auto 20px; }
.p10_cona{ margin-top: 30px }


.setmaps{
	margin: 120px 0 50px;
}
.setmaps ul{ width: 100%; display: block; overflow: hidden; background: #fafafa; margin-bottom: 15px;}
.setmaps ul li{ float: left;}
.setmaps ul li a{ display: block; padding: 0 20px; line-height: 40px;}
.setmaps ul li ul{ padding-left: 100px; border-left: 10px solid #eee;}
.setmaps ul.frist{ background: none; margin-bottom: 0;}
.setmaps ul.frist > li{ float: none; width: 100%;}
.setmaps ul.frist > li > a{ padding-left: 0;}