@charset "utf-8";
.product{}
.product ul.list li{margin-top:60px;margin-bottom:20px;width:100%;}
.product ul.list li .lf_txt{float:left;width:430px;height:282px;box-sizing: border-box;background-color:#fbfbfb;padding:25px 19px;}
.product ul.list li .lf_txt h3{font-size:24px;font-size:2.4rem;font-weight:700;line-height:24px;line-height:2.4rem;color:#ff8300;border-bottom:1px solid #ff8300;
	padding-bottom:10px;padding-bottom:1rem;margin-bottom:10px;}
.product ul.list li .lf_txt p{font-size:14px;color:#535353;line-height:30px;}

.product ul.list li .lf_pic{float:left;width:436px;height:282px;border-top:1px solid #f2f2f2;border-right:1px solid #f2f2f2;border-bottom:1px solid #f2f2f2;
	box-sizing: border-box;position: relative;}
.product ul.list li .lf_pic a{display:block;}
.product ul.list li .lf_pic a img{display:block;width:100%;}
.product ul.list li .lf_pic h3{font-size:16px;font-size:1.6rem;line-height:36px;color:#0080cc;position: absolute;left:45px;bottom:15px;}
.product ul.list li .lf_pic .btnLink{position: absolute;bottom:15px;right:28px;height:36px;width:110px;box-sizing: border-box;text-align:center;
	border:1px solid #ff8300;border-radius:25px;line-height:34px;overflow:hidden;font-size:14px;color:#ff8300;}
.product ul.list li .lf_pic .btnLink span{padding-right:20px;font-size:14px;color:#ff8300;
	background-image:url(../images/product/btn_bg.png);background-position:right center;background-repeat:no-repeat;}
.product ul.list li .lf_pic .btnLink:before{position:absolute;content:'';background:#ff8300;transition-duration:.3s;z-index:-1;left:0;top:0;
	width:0;height:100%;opacity:1;}
.product ul.list li .lf_pic a:hover .btnLink{color:#fff;}
.product ul.list li .lf_pic a:hover .btnLink:before{width:100%;right:0;}
.product ul.list li .lf_pic a:hover .btnLink span{color:#fff;background-image:url(../images/product/btn_bg_2.png);}

.product ul.list li .rt_txt{float:right;width:304px;height:282px;box-sizing:border-box;padding-left:49px;
	background:url(../images/product/arrow.png) no-repeat 15px 135px;}
.product ul.list li .rt_txt h3{font-size:20px;font-size:2rem;color:#0080cc;line-height:20px;line-height:2rem;padding-bottom:15px;padding-bottom:1.5rem;}




.products_list__body_2021{}

.pro_list_tab__con{display: flex;justify-content: flex-start;align-items: flex-start;margin-bottom: 70px;
	flex-wrap: wrap;}
.pro_list_tab__con li{width: 20%;text-align: center;}
.pro_list_tab__con li a{color: #727272;font-size: 18px;font-size: 1.8rem;border-bottom: 3px solid transparent;
	padding-bottom: 3px;font-weight: 700;}
.pro_list_tab__con li a:hover , .pro_list_tab__con li a.active{text-decoration: none;border-color: #0278c9;
	color: #004c89;}

.pro_list_title__con{margin-bottom: 70px;}
.pro_list_title__con h3{color: #0278c9;font-size: 24px;font-size: 2.4rem;margin-bottom: 10px;font-weight: 700;}
.pro_list_title__con p{font-size: 16px;font-size: 1.6rem;color: #727272;line-height: 1.7;}

.pro_list_lilst__con{margin-bottom: 50px;}
.pro_list_lilst__con.mb0{margin-bottom: 0;}
.pro_list_lilst__con h3.tit{color: #0278c9;font-size: 24px;font-size: 2.4rem;margin-bottom: 20px;font-weight: 700;}
.pro_list_lilst__con ul{display: flex;align-items: flex-start;flex-wrap: wrap;}
.pro_list_lilst__con ul li{width:calc(25% - 15px * 3 / 4);margin: 0 15px 15px 0;border: 1px solid #f5f5f5;
	box-sizing: border-box;padding: 15px 10px;text-align: center;}
.pro_list_lilst__con ul li:hover .img_out .img{transform: scale(1.05);}
.pro_list_lilst__con ul li:hover span{background-color: #f47f03;color: #fff;text-decoration: none;}
.pro_list_lilst__con ul li:nth-child(4n){margin-right: 0;}
.pro_list_lilst__con ul li a{display: block;text-decoration: none;}
.pro_list_lilst__con ul li .img_out{position: relative;z-index: 1;overflow: hidden;padding-top: 60px;}
.pro_list_lilst__con ul li .img_out .img{display: block;width: 100%;transition: all .3s;}
.pro_list_lilst__con ul li .img_out .logo{position: absolute;top: 5px;left: 5px;z-index: 10;}
.pro_list_lilst__con ul li p{text-align: center;font-size: 1.5rem;color: #333;line-height: 1.5;
	margin: 10px 0 10px;}
.pro_list_lilst__con ul li span{border-radius: 3px;border: 1px solid #f47f03;color: #f47f03;font-size: 1.3rem;
	display: inline-block;padding: 4px 5px;transition: all .3s;}

.pro_app__con{}
.pro_app__con.mb{margin-bottom: 70px;}

.pro_app__con h3.tit{color: #0278c9;font-size: 24px;font-size: 2.4rem;margin-bottom: 20px;font-weight: 700;}
.pro_app__con ul{display: flex;align-items: flex-start;flex-wrap: wrap;}
.pro_app__con ul li{width:calc(25% - 15px * 3 / 4);margin: 0 15px 15px 0;text-align: center;}
.pro_app__con ul li:hover .img_out .img{transform: scale(1.05);}
.pro_app__con ul li:hover span{background-color: #f47f03;color: #fff;text-decoration: none;}
.pro_app__con ul li:nth-child(4n){margin-right: 0;}
.pro_app__con ul li a{display: block;text-decoration: none;}
.pro_app__con ul li .img_out{position: relative;z-index: 1;overflow: hidden;margin-bottom: 15px;box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.1);}
.pro_app__con ul li .img_out .img{display: block;width: 100%;transition: all .3s;}
.pro_app__con ul li p{text-align: center;font-size: 1.5rem;color: #333;line-height: 1.5;
	margin: 20px  0 0 ;}
.pro_app__con ul li span{border-radius: 3px;border: 1px solid #f47f03;color: #f47f03;font-size: 1.3rem;
	display: inline-block;padding: 4px 5px;transition: all .3s;}

.pro_app__con .app_in{width: 100%;text-align: center;margin-bottom: 50px;}
.pro_app__con .app_in:hover span{background-color: #f47f03;color: #fff;text-decoration: none;}
.pro_app__con .app_in a{display: block;text-decoration: none;}
.pro_app__con .app_in .img_out{position: relative;z-index: 1;overflow: hidden;}
.pro_app__con .app_in .img_out .img{display: block;width: 100%;transition: all .3s;}


.pro_app__con .app_in p{text-align: center;font-size: 1.5rem;color: #333;line-height: 1.5;
	margin: 20px  0 0 ;}
.pro_app__con .app_in span{border-radius: 3px;border: 1px solid #f47f03;color: #f47f03;font-size: 1.3rem;
	display: inline-block;padding: 4px 5px;transition: all .3s;}


.pro_app__con .swiper-pagination span{background-color: rgba(100,100,100.3);}
.pro_app__con .swiper-pagination span.swiper-pagination-bullet-active{background-color: #f47f03;}

.pro_app__con ul.list li{width: 20%;}
.pro_app__con ul li:nth-child(5n){margin-right: 0;}
.pro_app__con ul.list li img{display: block;width: 100%;margin: 0 auto;}

.products_details__body_2021{}
.pro_focus__con{display: flex;align-items: flex-start;flex-wrap: wrap;margin-bottom: 50px;}
.pro_focus__con .txt{width: 60%;box-sizing: border-box;padding-right: 10%;}
.pro_focus__con .txt h3.tit{color: #0278c9;font-size: 24px;font-size: 2.4rem;margin-bottom: 20px;font-weight: 700;}
.pro_focus__con .txt p{font-size: 16px;font-size: 1.6rem;color: #727272;line-height: 1.7;}
.pro_focus__con .txt h6{padding-top: 20px;}
.pro_focus__con .txt h6 a{text-decoration: none;background-color: #007cc8;padding: 10px 15px;border-radius: 2px;
	color: #fff;font-size: 1.4rem;display: inline-block;transition: all .3s;}
.pro_focus__con .txt h6 a:hover{background-color: #f47f03;}
.pro_focus__con .txt h6 a i{font-size: 20px;margin-right: 5px;}
.pro_focus__con .txt h6 a i , .pro_focus__con .txt h6 a span{vertical-align: middle;display: inline-block;}
.pro_focus__con .img{width: 40%;}
.pro_focus__con .img img{display: block;width: 100%;}

.video_mask{position:fixed;z-index: 9990;left: 0;right: 0;bottom: 0;top: 0;background-color: rgba(0,0,0,.7);
	display: none;}
.video_pop__body{position: fixed;z-index: 9991;left: 50%;top: 50%;display: none;
	transform: translate(-50% , -50%);width: 85%;max-width: 1000px;}
.video_pop__body video{width: 100%;}
.video_pop__body .close_btn{width: 40px;height: 40px;line-height: 40px;position: absolute;border-radius: 100%;
	right: -20px;top: -20px;background-color: #fff;color: #007cc8;text-align: center;font-size: 20px;
	text-decoration: none;transition: all .3s;}
.video_pop__body .close_btn:hover{background-color: #f47f03;color:#fff;transform: rotate(180deg);}