/* banner_nei */
			.banner_nei{display: block;overflow: hidden;position: relative;}
			.banner_nei .list img{width: 100%;}
			.banner_nei .s_img{display: none;}
			.banner_nei .layout{position: absolute;width: 100%;left:0;top: 46%;transform: translateY(-50%);z-index: 2;}
			.banner_nei .text{color: #000;font-size: 26px;}
			.banner_nei .text .en{}
			.banner_nei .text .cn{margin-top: 6px;}
			.banner_nei .text .line{margin-top: 15px;width: 27px;height: 3px;background: #2c3a5f;}
			@media only screen and (max-width:1000px){
				.banner_nei .text{font-size: 20px;}
			}
			@media only screen and (max-width:750px){
				.banner_nei .big_img{display: none;}
				.banner_nei .s_img{display: block;}
			}
			@media only screen and (max-width:480px){
				.banner_nei .text{font-size: 16px;}
				.banner_nei .text .cn{margin-top: 0px;}
				.banner_nei .text .line{margin-top: 6px;}
			}
			
			/* about-common */
			.about_mode{background: #fff;padding: 3% 0;}
			.odbox_layout{display: flex;flex-wrap: wrap;justify-content: space-between;padding:0 8%;}
			.odbox_layout .side_list{width: 300px;transition: all .5s;}
			.odbox_layout .side_list .list_item{margin-bottom: 15px;}
			.odbox_layout .side_list .list_item:nth-last-child(1){margin-bottom: 0;}
			.odbox_layout .side_list .list_item .list_tit{padding:0 0 20px;font-size:24px;color: #3a3b34;border-bottom: 1px solid #e5e5e5;}
			.odbox_layout .side_list .list_item ul{padding: 20px 0;}
			.odbox_layout .side_list .list_item ul li{margin-bottom: 10px;}
			.odbox_layout .side_list .list_item ul li > a{display: block;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;color: #1f1f1f;}
			.odbox_layout .side_list .list_item ul li:nth-last-child(1){margin-bottom: 0;}
			.odbox_layout .side_list .list_item .w_pic{display: flex;flex-wrap: wrap;justify-content:space-between;align-items: center;position: relative;margin-bottom: 20px;}
			.odbox_layout .side_list .list_item .w_pic .lf_img{position: relative;width: 100%;height: 0;padding-bottom: 50%;overflow: hidden;}
			.odbox_layout .side_list .list_item .w_pic .lf_img img{position: absolute;width: 100%;left: 50%;top: 50%;transform: translate(-50%,-50%);}
			.odbox_layout .side_list .list_item .w_pic .rt_content{width: 100%;position: initial;left: 0;bottom: 0;}
			.odbox_layout .side_list .list_item .w_pic .rt_content .title{padding: 4px 10px;font-size: 14px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;color: #fff;background: rgba(0,162,233,.5);box-sizing: border-box;}
				.odbox_layout .side_list .list_item .w_pic .rt_content .con{display: none;margin:10px 0;}
				.odbox_layout .side_list .list_item .w_pic .rt_content .con p{font-size: 14px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;color: #787878;}
			.odbox_layout .side_list .list_item .w_pic .rt_content .time span{display: block;text-align: right;}
			.odbox_layout .side_list .list_item .key_word{display: flex;flex-wrap: wrap;justify-content: flex-start;}
			.odbox_layout .side_list .list_item .key_word li{margin: 0 15px 10px 0;background: #00a2e9;}
			.odbox_layout .side_list .list_item .key_word li > a{padding: 4px;border-bottom:2px solid #ff8007;color: #fff;}
			.odbox_layout .main_box{width: calc(100% - 380px);width: -webkit-calc(100% - 380px);width: -moz-calc(100% - 380px);transition: all .5s;}
			.odbox_layout .main_box .position{background: #fff;}
			.odbox_layout .main_box .main_box_content{background-color: #fff;}
			.odbox_layout .main_box .main_box_content .common_about{padding: 30px 20px;box-sizing: border-box;}
			@media only screen and (max-width:1200px){
				.odbox_layout{padding:0;}
			}
			@media only screen and (max-width:900px){
				.odbox_layout .side_list{width: 239px;}
				.odbox_layout .main_box{width: calc(100% - 259px);width: -webkit-calc(100% - 259px);width: -moz-calc(100% - 259px);}
			}
			@media only screen and (max-width:768px){
				.odbox_layout .side_list{margin-top: 30px;width: 100%;}
				.odbox_layout .main_box{width: 100%;}
				.odbox_layout .main_box .main_box_content .common_about{padding: 30px 2%;}
			}
			@media only screen and (max-width:480px){
				.odbox_layout .side_list .list_item .list_tit{padding: 18px 0;font-size: 18px;}
				.odbox_layout .side_list .list_item ul{padding:20px 0 0;}
				.odbox_layout .side_list .list_item ul li{margin-bottom: 10px;}
			}
			
			/* left_nav */
			.left{border-bottom: 1px solid #eee;box-shadow: 0px 10px 20px rgba(0,0,0,0.08);position: relative;z-index: 1;}
			.left .wrapper{overflow: hidden;position: relative;height: 58px;}
			.left .wrapper .scroller{position: absolute;}
			.left ul li{float: left;}
			.left ul li a{padding: 17px 0;margin-right: 30px;display: block;font-size: 16px;border-top: 3px solid transparent;color: #5e5e5e;}
			.left ul li:nth-last-child(1) a{margin-right: 0;}
			.left ul li.cur a{color: #00a2e9;border-top-color:#008af4;}
			.left ul li:hover a{color: #00a2e9;}
			.left ul li span{display: inline-block;margin: 0 36px;}
			@media only screen and (max-width:480px){
				/* .left ul li{margin: 5px 0;} */
				.left .wrapper{height: 54px;}
				.left ul li a{padding: 16px 0;font-size: 14px;}
			}
			
			/* about_nei_title_commom */
			.top .flx_w{justify-content: flex-start;}
			.top .title{color: #00a2e9;margin-right: 3%;}
			.top .title .en{font-size: 44px;font-weight: bold;text-transform: uppercase;}
			.top .title .en strong{color: #ff8007;}
			.top .title .cn{font-size: 36px;margin-top: 8px;}
			@media only screen and (max-width:1217px){
				.top .title .en,.top .title .cn{font-size: 34px;}
			}
			@media only screen and (max-width:768px){
			.top .title .en,.top .title .cn{font-size: 30px;}
			}
			@media only screen and (max-width:480px){
				.top .title .en,.top .title .cn{font-size: 20px;}
			}
			
			.about_fsrf .top .flx_w{justify-content: flex-start;}
			.about_fsrf .top .title{color: #00a2e9;margin-right: 3%;}
			.about_fsrf .top .title .en{font-size: 44px;font-weight: bold;text-transform: uppercase;}
			.about_fsrf .top .title .en strong{color: #ff8007;}
			.about_fsrf .top .title .cn{font-size: 36px;margin-top: 8px;}
			.about_fsrf .top p.slogan{font-size: 34px;color: #00a2e9;}
			
			/* profile */
			.about_fsrf{padding: 3.1% 0 5.3%;}
			.about_fsrf .content_layout{margin-top: 20px;display: flex;flex-wrap: wrap;justify-content: space-between;align-items: flex-end;}
			.about_fsrf .content_layout .lf_part{width: 100%;box-sizing: border-box;transition: all .3s;background-size: cover;box-sizing: border-box;}
			.about_fsrf .content_layout .lf_part .content p{font-size: 16px;color: #605d5d;line-height: 32px;}
			.about_fsrf .content_layout .video_part{width: 36.5%;transition: all .5s;}
			.about_fsrf .content_layout .video_part .videolist{position: relative;}
			.about_fsrf .content_layout .video_part img.ico{width: 100%;}
			.about_fsrf .content_layout .video_part .videoed{position: absolute;top: 50%;left: 50%;width: 81px;height: auto;transform: translate(-50%,-50%);transition: all .5s;}
			.about_fsrf .content_layout .video_part:hover .videoed{transform: translate(-50%,-50%) rotateZ(120deg);}
			.about_fsrf .line{margin-top: 4.9%;width: 100%;height: 1px;background-color: #e4e4e4;}
			.about_fsrf .bottom {margin-top: 40px;}
			.about_fsrf .bottom .lf_img{width: 36.5%;}
			.about_fsrf .bottom .rt_img{width: 61.5%;}
			.about_fsrf .bottom .lf_img .img{position: relative;width: 100%;height: 0;padding-bottom: 69%;overflow: hidden;}
			.about_fsrf .bottom .img img{position: absolute;left: 0;top:0;width: auto;height: 100%;}
			@media only screen and (max-width:1217px){
				.about_fsrf .top .title .en,.about_fsrf .top .title .cn{font-size: 34px;}
			}
			@media only screen and (max-width:990px){
				.about_fsrf .content_layout .lf_part{width: 100%;padding:20px 0 0;/* background: url(../images/bg02.jpg)no-repeat center top; */background-size: cover;}
				.about_fsrf .content_layout .lf_part .top_box .name{font-size: 40px;}
				.about_fsrf .content_layout .video_part{width: 100%;}
				.about_fsrf .content_layout .video_part .videoed{}
			}
			@media only screen and (max-width:768px){
				.about_fsrf{padding: 5% 0;}
				.about_fsrf .top .title .en,.about_fsrf .top .title .cn,.about_fsrf .top p.slogan{font-size: 30px;}
			}
			@media only screen and (max-width:480px){
				.about_fsrf .top .title .en,.about_fsrf .top .title .cn,.about_fsrf .top p.slogan{font-size: 20px;}
				.about_fsrf .top .title .cn{margin: 0 0 10px;}
				.about_fsrf .content_layout .lf_part .content p{font-size: 14px;line-height: 24px;}
				.about_fsrf{padding: 30px 0;}
				.about_fsrf .content_layout .video_part{margin-top: 0;}
				.about_fsrf .content_layout .video_part .videolist{margin: 0;}
				.about_fsrf .content_layout .video_part .videoed{width: 60px;}
				.about_fsrf .bottom{margin-top: 30px;}
				.about_fsrf .bottom .lf_img{margin-bottom: 5px;}
				.about_fsrf .bottom .lf_img,.about_fsrf .bottom .rt_img{width: 100%;}
			}
			@media only screen and (max-width:320px){
				.about_fsrf .top .title .en, .about_fsrf .top .title .cn, .about_fsrf .top p.slogan{font-size: 18px;}
			}
			
			/* video list */
			.bg_mask{display:none;position:fixed; left:0%;top:0%; width:100%; height:100%;z-index:99;background: rgba(0,0,0,.9);}
			.videos{ display:none;position:fixed; left:50%; top:50%;transform: translate(-50%,-50%);z-index:100; width:800px; height:auto;max-width: 100%;}
			.videos video{object-fit: fill;width: 100%;}
			.vclose { position:absolute;right:1%; top:2%; border-radius:100%; cursor: pointer; }
			@media only screen and (max-width:680px){
				.videos{width: 100%;height: auto;}
			}
			
			.about_history{padding: 6% 0 4.5%;background: #fafafa;}
			.about_history .top .title{color: #6c6c6c;font-size: 42px;}
			.about_history .top .title .en{font-weight: bold;text-transform: uppercase;}
			.about_history .top .title .cn{}
			.about_history .lf_part{padding-right: 2%;width: 40%;box-sizing: border-box;}
			.about_history .lf_part .line{margin: 26px 0 37px;width: 261px;height: 3px;background: #08a5ea;}
			.about_history .lf_part .content ul{height: 310px;overflow-y: scroll;}
			.about_history .lf_part .content ul::-webkit-scrollbar {
			  width: 3px;
			  background:#efefef;
			  background-size: 100% auto;
			}
			.about_history .lf_part .content ul::-webkit-scrollbar-button {
			  display: none;
			}
			.about_history .lf_part .content ul::-webkit-scrollbar-thumb {
			  width: 3px;
			  background: #00a2e9;
			}
			.about_history .lf_part .content ul li{margin-bottom: 30px;}
			.about_history .lf_part .content ul li .time{margin-bottom: 12px;font-size: 46px;color: #00a2e9;}
			.about_history .lf_part .content ul li .con{font-size: 16px;color: #5a5a5a;line-height: 28px;}
			.about_history .lf_part .content ul li .con span{font-weight: bold;}
			.about_history .lf_part .bottom .tit{font-size: 34px;color: #00a2e9;}
			.about_history .lf_part .bottom .tit span{display: inline-block;font-weight: bold;}
			.about_history .lf_part .bottom .con{font-size: 18px;color: #afafaf;}
			.about_history .rt_part{width: 60%;}
			
			
			 .about_history .rt_part .program_layout{}
			 .about_history .rt_part .program_layout .program_nav_wrap{width: 100%;}
			 .about_history .rt_part .program_layout .program_nav_wrap .swiper-container{overflow: initial;}
			 .about_history .rt_part .program_layout .program_nav_wrap .text_slide{}
			 .about_history .rt_part .program_layout .program_nav_wrap .text_slide .nav_name{display:block;padding: 65% 5px 8%;color: #afafaf;font-size: 18px;cursor: pointer;position: relative;text-align: center;border-left: 1px solid #cecdcd;}
			 .about_history .rt_part .program_layout .program_nav_wrap .text_slide .active-nav p.nav_name{background: #00a2e9;color: #fff;}
			 .about_history .rt_part .program_layout .program_content{}
			 .about_history .rt_part .program_layout .program_content .program_con_wrap{box-sizing: border-box;position: relative;}
			 .about_history .rt_part .program_layout .program_content .img img{width: 100%;}
			 @media only screen and (max-width:1217px){
			 	.about_history .top .title{font-size: 34px;}
			 	.about_history .lf_part .content ul li .time{font-size: 34px;}
			 }
			 @media only screen and (max-width:990px){
			 	.about_history .lf_part{padding-right: 0;width: 100%;}
			 	.about_history .rt_part{margin-top: 20px;width: 100%;}
			 }
			 @media only screen and (max-width:768px){
			 	.about_history .top .title{font-size: 30px;}
			 	.about_history .lf_part .content ul{height: 200px;}
			 	.about_history .lf_part .content ul li .time{font-size: 30px;}
			 	.about_history .lf_part .bottom .tit{font-size: 30px;}
			 	.about_history .lf_part .line{margin: 20px 0 26px;}
			 	.about_history .rt_part .program_layout .program_nav_wrap .text_slide .nav_name{padding: 40% 5px 8%;}
			 }
			 @media only screen and (max-width:480px){
			 	.about_history .top .title{font-size: 20px;}
				.about_history .lf_part .content ul{height: 130px;}
				.about_history .lf_part .content ul li{margin-bottom: 20px;}
				.about_history .lf_part .content ul li .con{line-height: 24px;}
				.about_history .lf_part .content ul li .time{margin-bottom: 0;font-size: 20px;}
				.about_history .lf_part .bottom .tit{font-size: 24px;}
				.about_history .lf_part .bottom .con{font-size: 16px;}
				.about_history .rt_part .program_layout .program_nav_wrap .text_slide .nav_name{font-size: 18px;}
			 }
			 @media only screen and (max-width:320px){
			 	.about_history .top .title{font-size: 18px;}
				}
				
				
				.about_culture{padding: 3.5% 0 1%;}
				.ab_culture .cul_box{position: relative;}
				.ab_culture .culture_list{ width: 50%; height: 335px; padding-right: 260px; text-align: right; position: relative; overflow: hidden;box-sizing: border-box;}
				.ab_culture .culture_list dd:before{ content: ""; display: inline-block; position: absolute; width: 10px; height: 10px; background: #999; border-radius: 100%; top: 40%; right: 38%; z-index: 2;transition: all .5s ease;}
				.ab_culture .culture_list dd:after{ content: ""; display: inline-block; position: absolute; width: 128px; height: 1px; background: #dcdcdc; top: 54%; right: 20%;transform: rotate(40deg); z-index: 1;transition: all .5s ease;}
				.ab_culture .culture_list:nth-child(2) dd:before{ left: 38%;}
				.ab_culture .culture_list:nth-child(4) dd:before{ left: 39%;}
				.ab_culture .culture_list:nth-child(3) dd:before{ top: 57%;}
				.ab_culture .culture_list:nth-child(4) dd:before{ top: 57%;}
				.ab_culture .culture_list:nth-child(1) dd{ margin-top: 82px;}
				.ab_culture .culture_list:nth-child(2) dd{ margin-top: 82px;}
				.ab_culture .culture_list:nth-child(2) dd:after{transform: rotate(-40deg);left: 20%;}
				.ab_culture .culture_list:nth-child(3) dd:after{transform: rotate(-40deg); top: 46%;}
				.ab_culture .culture_list:nth-child(4) dd:after{transform: rotate(40deg); top: 46%;left: 21%;}
				.ab_culture .culture_list:nth-child(2n){ padding-left: 260px; text-align: left; padding-right: 0px;}
				.ab_culture .culture_list:nth-child(2n) dt{ float: left;}
				.ab_culture .culture_list dd{ font-size: 20px; color: #222222; font-weight: bolder;border-bottom: 1px solid #d2d6d9; padding-bottom: 30px; margin-bottom: 30px;transition: all .5s ease; margin-top: 140px;}
				.ab_culture .culture_list dt p{ font-size: 15px; color: #72787f; line-height: 30px;}
				.ab_culture .about_content{ position: relative;}
				.ab_culture .culture_center{ width: 230px; height: 230px; border-radius: 100%; text-align: center; line-height: 230px;
					position: absolute;
					left: 50%;
				    top: 50%;
				    transform: translateX(-50%) translateY(-50%);
				    background: #fff url(images/bn13.png) no-repeat 50% 50%;
				    z-index: 1;
				}
				.ab_culture .culture_list .culture_list_img{
					webkit-border-radius: 100%;
				    -moz-border-radius: 100%;
				    border-radius: 100%;
				    width: 380px;
				    height: 380px;
				    position: absolute;
				    overflow: hidden;
				    transition: all .5s ease;
				    transform: translate3d(0,0,0);
				    z-index: 1;
				}
				.ab_culture .culture_list .culture_list_img img{
					 width: 50%;
				    position: absolute;
				    opacity: 0;
				    transition: all .5s ease;
				    transform: translate3d(0,0,0);
				}
				.ab_culture .culture_list1 .culture_list_img{
					right: 0;
				    bottom: 0;
				    transform: translate3d(50%,50%,0);
					background-color: #2f8ffc;
					/* background-color: #23d2ba; */
				}
				.ab_culture .culture_list1 .culture_list_img img{
					left: 0;
				    top: 0;
				}
				.ab_culture .culture_list2 .culture_list_img{
					left: 0;
				    bottom: 0;
				    transform: translate3d(-50%,50%,0);
					background-color: #277ee2;
					/* background-color: #1ca794; */
				}
				.ab_culture .culture_list2 .culture_list_img img{
					right: 0;
				    top: 0;
				}
				
				.ab_culture .culture_list3 .culture_list_img{
					right: 0;
				    top: 0;
				    transform: translate3d(50%,-50%,0);
					background-color: #458bdb;
					/* background-color: #45dbdb; */
				}
				.ab_culture .culture_list3 .culture_list_img img{
					left: 0;
				    bottom: 0;
				}
				
				.ab_culture .culture_list4 .culture_list_img{
					left: 0;
				    top: 0;
				    background-color: #1066c9;
				    /* background-color: #0a8080; */
				    transform: translate3d(-50%,-50%,0);
				}
				.ab_culture .culture_list4 .culture_list_img img{
					right: 0;
				    bottom: 0;
				}
				.ab_culture .culture_list:hover .culture_list_img{ background: #fff;}
				
				
				
				
				.culture_list:hover .culture_list_img img {
				  opacity: 1;
				  transform: translate3d(0,0,0);
				}
				.culture_list:hover .culture_list_img span{ opacity: 0;}
				.culture_list:hover dd{ color: #ff8007; border-bottom: 1px solid #ff8007;transition: all .5s ease;}
				
				.culture_list1:hover .culture_list_img{
				  transform: translate3d(50%,50%,0) scale(1.2);
				}
				
				.culture_list1:hover .culture_list_img{
				  transform: translate3d(50%,50%,0) scale(1.2);
				}
				.culture_list2:hover .culture_list_img{
				  transform: translate3d(-50%,50%,0) scale(1.2);
				}
				.culture_list3:hover .culture_list_img{
				  transform: translate3d(50%,-50%,0) scale(1.2);
				}
				.culture_list4:hover .culture_list_img{
				  transform: translate3d(-50%,-50%,0) scale(1.2);
				}
				.ab_culture .culture_list:hover dd:after{ background: #ff8007;}
				
				.culture_list .culture_list_img:before{
					content: '';
				    display: block;
				    height: 2px;
				    top: 50%;
				    width: 100%;
				    left: 0;
				    background-color: #fff;
				    position: absolute;
				    z-index: 1;
				}
				.culture_list .culture_list_img:after{
					content: '';
				    display: block;
				    height: 100%;
				    left: 50%;
				    width: 2px;
				    top: 0;
				    background-color: #fff;
				    position: absolute;
				    z-index: 1;
				}
				.culture_list .culture_list_img span{
					display: block;
				    width: 22px;
				    height: 22px;
				    background-color: rgba(255,255,255,.3);
				    -webkit-border-radius: 50%;
				    -moz-border-radius: 50%;
				    border-radius: 50%;
				    position: absolute;
				    transition: opacity .5s ease;
				}
				.culture_list .culture_list_img span:after{
					content: '';
				    display: block;
				    -webkit-border-radius: 50%;
				    -moz-border-radius: 50%;
				    border-radius: 50%;
				    position: absolute;
				    left: 50%;
				    top: 50%;
				    width: 10px;
				    height: 10px;
				    margin-top: -5px;
				    margin-left: -5px;
				    background-color: #f6f9fb;
				}
				.culture_list1 .culture_list_img span{
				  left: 25%;
				  margin-left: -22px;
				  bottom: 75%;
				  margin-bottom: 0;
				}
				.culture_list2 .culture_list_img span{
				  right: 25%;
				  margin-right: -22px;
				  bottom: 75%;
				  margin-bottom: 0;
				}
				.culture_list3 .culture_list_img span{
				  left: 25%;
				  margin-left: -22px;
				  top: 75%;
				  margin-top: 0;
				}
				.culture_list4 .culture_list_img span{
				  right: 25%;
				  margin-right: -22px;
				  top: 75%;
				  margin-top: -0px;
				}
				@media screen and (max-width:768px){
					.ab_culture{margin-top: 30px;}
					.ab_culture .culture_list .culture_list_img,.ab_culture .culture_center{ display: none;}
					.ab_culture .culture_list .culture_list_img{ display: none}
					.ab_culture .culture_list{ width: 100%; padding-right: 0px; height: auto; text-align: left; margin-bottom: 15px;}
					.ab_culture .culture_list dd{ line-height: 55px; padding: 0px; margin-top: 0px; margin-bottom: 15px; font-size: 18px; margin-top: 0px !important;}
					.ab_culture .culture_list dt{ float: left !important;}
					.ab_culture .culture_list:nth-child(2n){ padding-left: 0px; text-align: left;}
					.ab_culture .culture_list dd:before,.ab_culture .culture_list dd:after{ display: none;}
					.ab_culture .culture_list dt p{ line-height: 28px;}
				}
			
			.about_honor{padding: 3% 0 8%;background: url(../images/honor_bg.jpg)no-repeat center/cover;}
			.about_honor .top .title{color: #fff;font-size: 42px;}
			.about_honor .top .title .en{font-weight: bold;text-transform: uppercase;}
			.about_honor .content{margin-top: 3%;}
			.about_honor .content .img{position: relative;width: 100%;height: 0;padding-bottom: 100%;overflow: hidden;background: #fff;}
			.about_honor .content .img img{position: absolute;left: 50%;top:50%;max-width: 80%;height: auto;transform: translate(-50%,-50%);}
			.about_honor .scroll_wrap{margin-top: 27px;width: 100%;height: 5px;}
			.about_honor .scroll_wrap .swiper-scrollbar{position: absolute;left: 0;bottom: 0;z-index: 50;height: 3px;width: 100%;}
			.about_honor .scroll_wrap .swiper-scrollbar .swiper-scrollbar-drag {height: 6px;width: 100%;position: relative;background: #fff;border-radius: 10px;left: 0;top: -1px;cursor: pointer;}
			@media only screen and (max-width:768px){
				.about_honor .content{margin-top: 20px;}
			}
			
			/* productlist */
			.productlist {margin: 2.2% 0 3%;}
			.productlist .list_wrap{display: flex;flex-wrap: wrap;justify-content: flex-start;}
			.productlist .list_wrap{justify-content: space-between;}
			.productlist .list_wrap:after{content:"";width: 32%;}
			.productlist .list_item{margin-top: 3%;width: 32%;box-shadow: 0 0 3px #e5e5e5;}
			.productlist .list_item .list_img{position: relative;height: 0;padding-bottom: 100%;overflow: hidden;cursor: pointer;background: #fbfcf6;}
			.productlist .list_item .list_img img{position: absolute;top: 50%;left: 50%;width:100%;height: auto;transform: translate(-50%,-50%);z-index: 1;}
			.productlist .list_item .con_box{padding: 6% 6%;box-sizing: border-box;background: #fff;transition:all .3s;align-items: baseline;color: #333;justify-content: flex-end;position: relative;z-index: 0;align-items: center;}
			.productlist .list_item .con_box:after{content: "";position: absolute;right: 0;top: 0;width: 0px;height: 100%;background: #00a2e9;z-index: -1;transition:all .3s;}
			.productlist .list_item .title{width: calc(100% - 32px);width: -webkit-calc(100% - 32px);font-size: 16px;line-height: 32px;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;word-break: break-all;z-index: 1;}
			.productlist .list_item .price{display: block;font-size: 20px;width: 32px;height: 30px;text-align: right;background: url(../images/icon_pro_more.png)no-repeat center;}
			.productlist .list_item .con_box .line{margin-top: 8px;width: 28px;height: 1px;background: #999;transition: width .3s;}
			.productlist .list_item:hover .con_box:after{width: 100%;}
			.productlist .list_item:hover .con_box{color: #fff;}
			.productlist .list_item:hover .con_box .line{width: 100%;background: #fff;}
			.productlist .list_item:hover .price{filter: brightness(8);}
			
			@media only screen and (max-width:680px){
				.productlist .list_wrap:after{content:"";width: 48%;}
				.productlist .list_item{margin-top: 15px;width: 48%;box-shadow: 0 0 3px #e5e5e5;}
			}
			@media only screen and (max-width:480px){
				.productlist{margin: 30px 0;}
				.productlist .list_item .list_img{width: 100%;display: block;}
				.productlist .list_item .con_box{padding: 15px 6%;}
				.productlist .list_item .title{position: initial;padding: 5px 0;font-size:14px;line-height: 1.5;transform: initial;}
				.productlist .list_item .price{font-size: 16px;width: 24px;height: 24px;background-size: 100%;}
				.productlist .list_item:hover .mask{opacity: 0;}
				.productlist .list_item:hover .con_box:after{width: initial;}
				.productlist .list_item:hover .con_box{color: #333;}
				.productlist .list_item:hover .con_box .line{width: initial;}
				.productlist .list_item:hover .price{filter: initial;}
			}
			
			/* newslist */
			.newslist{padding: 3% 0;}
			.newslist .list_content .content_wrap{width: 100%;}
			.newslist .list_content .content_wrap.flx{flex-wrap: wrap;}
			.newslist .list_content .content_wrap:after{content:"";width: 48%;}
			.newslist .list_content .content_item{margin-bottom: 3.7%;width: 48%;transition: all .3s;box-sizing: border-box;border-bottom: 1px solid #e5e5e5;position: relative;}
			.newslist .list_content .content_item:after{content:"";position: absolute;left: 0;bottom: 0;width: 0;height: 1px;transition: all .3s;background: #00a2e9;}
			.newslist .list_content .content_item:hover:after{width: 100%;}
			.newslist .list_content .content_item .ico_img{position: relative;left: 0;top: 0;width: 100%;height: auto;padding-bottom: 60%;overflow: hidden;background: #e5e5e5;}
			.newslist .list_content .content_item .ico_img img{position: absolute;left:50%;top: 50%;transform: translate(-50%,-50%);transition: all .3s;}
			.newslist .list_content .content_item .ico_img .mask{position: absolute;left: 0;top: 0;width: 100%;height: 100%;background-color: rgba(0,0,0,.2);visibility: hidden;}
			/* .newslist .list_content .content_item .ico_img:hover img{transform: scale(1.1) translateX(-48%);} */
			/* .newslist .list_content .content_item .ico_img:hover .mask{visibility: visible;} */
			.newslist .list_content .content_item .text{padding: 5% 0;box-sizing: border-box;}
			.newslist .list_content .content_item .text .tit{margin: 0 0 12px;font-size: 20px;color: #333;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;font-weight: normal;}
			.newslist .list_content .content_item .text .jianjie p{margin:0;font-size: 16px;line-height: normal;color: #999;display: -webkit-box;-webkit-line-clamp: 2;overflow: hidden;-webkit-box-orient: vertical;}
			.newslist .list_content .content_item .time{position: absolute;top: 0;left: 10px;padding: 0.8vw 1.5vw;background: #00a2e9;color: #fff;text-align: center;}
			.newslist .list_content .content_item .time span{display: block;font-size: 16px;}
			.newslist .list_content .content_item .time span.day{font-size: 34px;}
			.newslist .list_content .content_item .more{display: inline-block;margin-top: 8%;padding: 8px 30px 8px 16px;color: #fff;background:#ca0f01 url(../images/icon_10.png)no-repeat right 10px center;font-size: 12px;}
			.newslist .list_content .content_item .more:hover{background: #ec3123 url(../images/icon_10.png)no-repeat right 10px center;}
			
			.newslist .list_content .content_about{width: 30%;box-sizing: border-box;padding: 0 4%;}
			.newslist .list_content .content_about .search input{display: inline-block;width: calc(100% - 40px);background: transparent;border: none;border-bottom: 1px solid #ccc;outline: none;font-size: 15px;color: #ccc;line-height: 2.5;}
			.newslist .list_content .content_about .search span{display: inline-block;width: 20px;}
			.newslist .list_content .content_about .hot{margin-top:50px;}
			.newslist .list_content .content_about .hot .tit{font-size: 24px;color: #323336;font-weight: normal;}
			.newslist .list_content .content_about .hot li{margin: 20px 0;}
			.newslist .list_content .content_about .hot li .ico_img{position: relative;left: 0;top: 0;width: 100%;height: auto;padding-bottom: 50%;overflow: hidden;}
			.newslist .list_content .content_about .hot li .ico_img img{position: absolute;left:0;/* top: 50%;transform: translate(-50%,-50%); */bottom: 0;transition: all .3s;}
			.newslist .list_content .content_about .hot li .text{box-sizing: border-box;}
			.newslist .list_content .content_about .hot li .text .tit{margin: 2% 0;font-size: 16px;color: #242424;display: -webkit-box;-webkit-line-clamp: 2;overflow: hidden;-webkit-box-orient: vertical;}
			.newslist .list_content .content_about .hot li .text .time{color: #666;}
			@media only screen and (max-width:768px){
				.newslist .list_content .content_wrap:after{width: 49%;}
				.newslist .list_content .content_item{width: 49%;margin-bottom: 3.7%;}
				.newslist .list_content .content_item .time span.day{font-size: 30px;}
				.newslist .list_content .content_item .text{padding: 5% 0;}
				.newslist .list_content .content_item .text .tit{font-size: 18px;}
				.newslist .list_content .content_item .text .jianjie p{font-size: 14px;}
				/* .newslist .list_content .content_item .more{padding: 6px 30px 6px 12px;} */
				.newslist .list_content .content_about{padding: 0 2%;}
				.newslist .list_content .content_about .search input{width: calc(100% - 30px);width: -webkit-calc(100% - 30px);}
			}
			@media only screen and (max-width:480px){
				.newslist{margin: 30px 0;}
				.newslist .list_content.flx{flex-wrap: wrap;}
				.newslist .list_content .content_wrap{width: 100%;}
				.newslist .list_content .content_item{margin-bottom: 15px;width: 100%;}
				.newslist .list_content .content_item .time span.day{font-size: 24px;}
				.newslist .list_content .content_item .time span{font-size: 12px;}
				.newslist .list_content .content_item .text .tit{font-size: 14px;}
				.newslist .list_content .content_item .text .jianjie{display: none;}
				/* .newslist .list_content .content_item:nth-child(even){background: #fff;} */
				.newslist .list_content .content_about{border-top: 1px dotted #ccc;padding: 2% 0;width: 100%;}
			}
			
			
			/* contact */
			.contact{padding: 3% 0;}
			#map label,#map img{max-width:none}
			.contact-map{height:608px}
			@media(max-width:992px){
			.contact-map{height:400px}
			}
			@media(max-width:640px){
			.contact-map{height:300px}
			}
			
			.contact-box{margin-top:30px}
			@media(max-width:480px){
			.contact-box{margin-top:20px}
			}	
			
			.contact-code{background:#00a2e9;padding:46px 60px}
			.contact-code .code{text-align:center;padding:20px;border:2px solid #fff;background:#fff;margin-right:96px}
			.contact-code .code .tit{padding-top:16px;color:#666;font-size:16px}
			.contact-code h3{font-size:24px;font-weight:bold;color: #fff;}
			.contact-code h3::after{content:'';display:block;width:50px;height:4px;background-color:#ff8007;margin:15px 0}
			.contact-code .addr{font-size:18px;color: #fff;}
			.contact-code .addr span{color:#666;color: #fff;}
			@media(max-width:992px){
			.contact-code{padding:30px}
			.contact-code .code{margin-right:30px}
			}
			@media(min-width:768px){
			.contact-code{display:-webkit-flex;display:flex;display:-webkit-box;display:box;position:relative;-webkit-align-items:center;align-items:center;-webkit-box-align:center;box-align:center}
			.contact-code .code{max-width:30%}
			.contact-code .info{max-width:60%}
			}
			@media(max-width:767px){
			.contact-code{text-align:center;padding: 20px 4%;}
			.contact-code .code{display:inline-block;margin-right:0}
			.contact-code .info{margin-top:40px}
			.contact-code h3::after{margin:20px auto}
			}
			@media(max-width:640px){
			.contact-code h3{font-size:18px}
			.contact-code .addr{font-size:14px}
			}
			@media(max-width:480px){
			.contact-code h3::after{margin:15px 0}
			.contact-code .code{padding: 10px;}
			.contact-code .code .tit{font-size: 14px;}
			.contact-code .info{text-align: left;}
			.contact-code h3{font-size: 16px;}
			
			}
			.contact-tit{font-size:36px;display:-webkit-flex;display:flex;display:-webkit-box;display:box;position:relative;-webkit-align-items:center;align-items:center;-webkit-box-align:center;box-align:center;padding:30px 0;color: #ff8007;}
			.contact-tit .iconfont{font-size:30px;margin-right:15px;color:#d11f37}
			@media(max-width:1200px){
			.contact-tit{font-size:32px}
			}
			@media(max-width:992px){
			.contact-tit{font-size:28px}
			}
			@media(max-width:640px){
			.contact-tit{font-size:24px}
			}
			@media(max-width:480px){
			.contact-tit{font-size:20px;padding:15px 0}
			.contact-tit .iconfont{font-size:20px;margin-right:10px}
			}
			
			
			
			.contact-msg li{margin-bottom:30px;color:#666}
			.contact-msg li b{color:#333}
			.contact-msg li p{background:#f7fcfe;height:55px;line-height:55px;font-size:18px;padding-left:30px}
			@media(min-width:993px){
			.contact-msg .row{margin-left:-21px;margin-right:-21px;display: flex;flex-wrap: wrap;justify-content: space-between;}
			.contact-msg li{padding-left:21px;padding-right:21px;width: 50%;box-sizing: border-box;}
			}
			@media(max-width:992px){
			.contact-msg li{margin-bottom:20px}
			.contact-msg li p{padding-left:8%;font-size:20px}
			}
			@media(max-width:640px){
			.contact-msg li{margin-bottom:10px}
			.contact-msg li p{/* height:60px;line-height:60px; */font-size:16px}
			}
			.contact-form{font-size:16px}
			.contact-form .bd{background:#f7fcfe;padding:80px 0 110px;border-top:2px solid #00a2e9}
			.contact-form .form{max-width:910px;margin-left:auto;margin-right:auto;display:block;width:90%}
			.contact-form input,.contact-form textarea,.contact-form button{border:0;box-shadow:none;outline:0;resize:none;background:0;font-size:16px}
			.contact-form label{color:#666}
			.contact-form li{width: 47%;min-height:64px;line-height:64px;margin-bottom:40px;transition:.3s}
			.contact-form li.textarea-box{width: 100%;}
			.contact-form li .inner{border-bottom:1px solid #cdcdcd;display:-webkit-flex;display:flex;display:-webkit-box;display:box;position:relative;-webkit-align-items:center;align-items:center;-webkit-box-align:center;box-align:center}
			.contact-form li input{min-width:0;-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;-webkit-flex-shrink:1;-ms-flex-negative:1;flex-shrink:1;display:block}
			.contact-form li label{width:50px;margin-right:30px;position:relative}
			.contact-form li label::before{content:'';display:block;position:absolute;width:1px;height:18px;background:#666;right:-10px;top:50%;margin-top:-9px}
			.contact-form li.active .inner{border-color:#d11f37}
			.contact-form li.active input,.contact-form li.active label{color:#d11f37}
			.contact-form li.active label::before{background-color:#d11f37}
			.contact-form li.textarea-box label::before{display:none}
			.contact-form textarea{display:block;width: 100%;height:170px;border:1px solid #cdcdcd;width:100%;padding:20px;line-height:1.76;box-sizing: border-box;}
			.contact-form textarea:focus{border-color:#00a2e9}
			.contact-form .submit{background-color:#333;color:#fff;width:200px;height:44px;line-height:44px;display:block;margin:0 auto;font-size:16px;font-weight:bold;transition:.3s;cursor: pointer;}
			.contact-form .submit:hover{background:#999;}
			@media(max-width:992px){
			.contact-form .bd{padding:50px 0 70px}
			.contact-form li{margin-bottom:20px}
			}
			@media(max-width:768px){
			.contact-form li{min-height:50px;line-height:50px}
			}
			@media(max-width:640px){
			.contact-form li{margin-bottom:10px}
			.contact-form .submit{margin-top:20px;width: 120px;height: 35px;line-height: 35px;}
			}
			@media(max-width:480px){
			.contact-form{font-size:14px}
			.contact-form input,.contact-form textarea{font-size:14px}
			.contact-form li{margin-bottom:0;width: 100%;}
			.contact-form li label{margin-right:10px;width:40px}
			.contact-form li label::before{right: -5px;}
			.contact-form .bd{padding:30px 0 40px}
			}
			
			/* joblist */
			.joblist{padding: 3.1% 0 3%;}
			.joblist .top .flx_w{flex-wrap:nowrap;justify-content: space-between;align-items: flex-end;}
			.joblist .top .slogan span{display: block;font-size: 30px;color: #333;text-align: right;}
			.joblist .list_content{margin-top: 5%;}
			.joblist .job_item{margin-bottom: 3%;}
			.joblist .job_item .title{padding-bottom: 10px;font-size: 26px;color: #00a2e9;border-bottom: 1px solid #e5e5e5;}
			.joblist .job_item ul{padding:15px 0;}
			.joblist .job_item ul li{margin-bottom: 15px;width: calc(100% / 3);width: -webkit-calc(100% / 3);}
			.joblist .job_item ul li span{display: inline-block;font-size: 16px;color: #666;}
			.joblist .job_item ul li span.tip{margin-right: 4%;font-weight: bold;color: #333;}
			.joblist .job_item ul li.jianjie,.joblist .job_item ul li.address{display: block;width: 100%;}
			.joblist .job_item ul li.jianjie{font-size: 16px;font-weight: bold;color: #333;}
			.joblist .job_item ul li.jianjie p{margin-top: 10px;font-size: 14px;font-weight: normal;}
			.joblist .job_item ul li.address {color: #0068ba;}
			.joblist .job_item ul li.address a{margin-right: 3%;}
			@media only screen and (max-width:768px){
				.joblist .list_content{margin-top: 30px;}
				.joblist .job_item .title{font-size: 20px;}
				.joblist .top .slogan span{font-size: 24px;}
			}
			@media only screen and (max-width:680px){
				.joblist .job_item ul li{width: 50%;}
				
			}
			@media only screen and (max-width:480px){
				.joblist{padding: 30px 0;}
				.joblist .top .slogan {display: none;}
				.joblist .job_item .title{font-size: 16px;}
				.joblist .job_item ul li span{font-size: 14px;}
			}
			
			
			/* news */
			.news_mode .odbox_layout{padding: 0;}
			.news_mode .odbox_layout .main_box .main_box_content{background: none;}
			.news .news_wrap{padding: 0 10% 30px 0;border-right: 1px solid #e5e5e5;}
			.news .news_head h3{margin-bottom: 10px;font-size: 26px;color: #3a3b34;font-weight: normal;line-height: 36px;text-align: center;}
			.news .data ul{display: flex;flex-wrap: wrap;justify-content: center;}
			.news .data ul li{margin-right: 4%;font-size: 16px;line-height: 28px;color: #333;}
			.news .data ul li:nth-last-child(1){margin-right: 0;}
			.news .news_content{margin-top:39px;font-size: 16px;line-height: 30px;color: #6f6f6f;}
			.news .news_content img{max-width: 100%;}
			@media only screen and (max-width:768px){
				.news .news_wrap{padding: 0 20px 30px;border-right: 0;}
			}
			@media only screen and (max-width:480px){
				.news .news_head h3{font-size: 16px;line-height: 24px;}
				.news .news_head .data ul li{font-size: 14px;}
				.news .news_wrap{padding: 30px 3%;}
				.news .news_content{margin-top: 30px;font-size: 14px;line-height: 24px;}
			}
			
			/*页脚 */
			.page_wrap{margin-top: 7%;position: relative;padding:30px 0 0 0;box-sizing: border-box;border-top: 1px solid #e5e5e5;}
			.page_nav_news{}
			.page_nav_news .nav_item{width: 100%;text-align: left;}
			.page_nav_news .nav_item.pdctlist{display: none;}
			.page_nav_news .nav_item a{display: block;padding:2px 0;color: #333;font-size: 16px;position: relative;line-height: 25px;}
			.page_nav_news .nav_item a img{display:block;vertical-align: middle;float: left;margin-left: 10px;}
			.page_nav_news .nav_item a p{float: right;width: 100%;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
			.page_nav_news .nav_item.pdctlist img{position: initial;transform: translate(-50%,0);}
			.page_nav_news .nav_item:hover a{color: #14a83a;}
			
			.page_wrap .page_back{margin-top: 20px;text-align: center;}
			.page_wrap .page_back span{display:inline-block;padding: 8px 35px;font-size: 18px;color: #fff;background: #333;}
			.page_wrap .page_back:hover span{opacity: .8;}
					@media only screen and (max-width:768px){
						.page_nav_news .nav_item a img{position: initial;transform: initial;}
					}
					@media only screen and (max-width:480px){
						.page_nav_news .nav_item a{font-size: 14px;}
						.page_nav_news .nav_item a img{margin-left: 0;}
						.page_wrap{padding: 30px 0 0;}
						.page_wrap .page_back{position: initial;float: right;margin-top: 20px;}
						.page_wrap .page_back span{padding: 10px 40px;font-size: 14px;}
					}
			
			
			/* 产品详情 */
						.pro_mode .odbox_layout .side_list .list_item .w_pic .lf_img{padding-bottom: 70%;}
			
						.product{padding: 3.5% 20px 3.5% 0;border-right: 1px solid #e5e5e5;box-sizing: border-box;}
						.product .pdct_wrap{box-sizing: border-box;background: #fff;}
						.product .pdct_banner{background: #fff;width: 100%;}
						.spBig{width: 100%;}
						.spBig .img100 img{display: block;margin: 0 auto;}
						.nav_Sm{width: 100%;height: auto;}
						.spSm{width: 100%;/* height:100%; */}
						.spSm .img100{height: 100%;position: relative;background-size: contain;padding-bottom: 70%;overflow: hidden;cursor: pointer;}
						.spSm .img100 img{position: absolute;top: 50%;left: 50%;width: 80%;height: auto;transform: translate(-50%,-50%);z-index: -1;}
						.spSm .img100:before{content: '';position: absolute;width: 100%;height: 100%;top:0;left: 0;border:1px solid #e5e5e5;box-sizing: border-box;opacity: 1;}
						.spSm .active-nav .img100:before{border-color: #999;}
						.spSm .swiper-button-next, .spSm .swiper-button-prev{transform: scale(0.5);}
						/* .spSm .swiper-container{height: 100%;} */
						.product .pdct_mes{width: 100%;}
						.product .pdct_mes .name{padding-bottom: 6%;border-bottom: 1px solid #e5e5e5;}
						.product .pdct_mes .name .fl{width: calc(100% - 60px);width: -webkit-calc(100% - 60px);}
						.product .pdct_mes .name h3{font-size: 26px;color: #333;line-height: 28px;font-weight: normal;word-break: break-word;}
						.product .pdct_mes .name .return a{display: block;padding-left: 25px;margin-top: 0;background: url(../images/return.png)no-repeat left center;font-size: 1rem;color: #666;line-height: 2;}
						.product .pdct_mes .jianjie{margin: 20px 0 10px;font-size: 1rem;color: #666;line-height: 1.75rem;}
			/* 			.product .pdct_mes table{margin: 1.875rem 0;width: 100%;border: none;}
						.product .pdct_mes table tr{text-align: center;}
						.product .pdct_mes table .firstRow{font-size: 1.125rem;line-height: 2;background: #9ec63f;color: #fff;}
						.product .pdct_mes table tr{font-size: 1rem;line-height: 2;background: #757575;color: #fff;} */
						.product .detail {margin-top: 4%;}
						.product .detail .name{padding-bottom: 10px;border-bottom: 1px solid #e5e5e5;}
						.product .detail .name h3{font-size: 26px;color: #00a2e9;line-height: 28px;font-weight: normal;}
						.product .detail .name p{font-size: 1rem;color: #666;line-height: 2;text-transform: uppercase;}
						.product .detail .content{margin-top: 15px;color: #666;font-size: 14px;line-height: 28px;}
						/* 产品页脚 */
						.page_nav2{margin-top: 4%;}
						.page_nav2 .nav_item{width: calc(100% / 3);text-align: center;background: #fff;border: 1px solid #e5e5e5;}
						.page_nav2 .nav_item a{display: block;padding: 6.5% 0;color: #777;font-size: 0.875rem;position: relative;}
						.page_nav2 .nav_item a img{vertical-align: middle;}
						.page_nav2 .nav_item.pdctlist img{position: initial;transform: translate(-50%,0);}
						.page_nav2 .nav_item.next img{left: initial;right: 34%;}
						.page_nav2 .nav_item:hover{background: #333;}
						.page_nav2 .nav_item:hover a{color: #fff;}
						.page_nav2 .nav_item:hover img{filter: brightness(20);}
						@media only screen and (max-width:1100px){
							.product{border-right: none;padding: 3.5% 0;}
							.product .pdct_banner{margin: 20px 0;width: 100%;}
							.product .pdct_mes{width: 100%;}
						}
								@media only screen and (max-width:768px){
									.pro_mode .odbox_layout .side_list .list_item ul.re_news{display: flex;flex-wrap: wrap;justify-content: space-around;}
									.pro_mode .odbox_layout .side_list .list_item ul.re_news li{width: 48%;}
									.odbox_layout .side_list .list_item ul li:nth-last-child(1){margin-bottom: 10px;}
									.page_nav2 .nav_item a p{display: none;}
									.page_nav2 .nav_item a img{position: initial;transform: initial;}
								}
								@media only screen and (max-width:480px){
									.product{padding: 0;}
									.product .pdct_mes .name h3{font-size: 1.125rem;}
									.product .pdct_mes .name p{font-size: 12px;}
									.product .pdct_mes .name .return a{margin-top: 0;font-size:14px;}
									.product .pdct_mes .jianjie{font-size: 14px;}
									.product .detail .name h3{font-size: 20px;}
									.product .detail .name p{font-size: 14px;}
									.product .detail .content{line-height: 24px;}
								}
			
			/* videolist */
			.videolist{padding: 3% 0;}
			.videolist .list_content .content_wrap{width: 100%;}
			.videolist .list_content .content_wrap.flx{flex-wrap: wrap;}
			.videolist .list_content .content_wrap:after{content:"";width: 48%;}
			.videolist .list_content .content_item{margin-bottom: 3.7%;width: 48%;transition: all .3s;box-sizing: border-box;border-bottom: 1px solid #e5e5e5;position: relative;}
			.videolist .list_content .content_item:after{content:"";position: absolute;left: 0;bottom: 0;width: 0;height: 1px;transition: all .3s;background: #00a2e9;}
			.videolist .list_content .content_item:hover:after{width: 100%;}
			.videolist .list_content .content_item .ico_img{position: relative;left: 0;top: 0;width: 100%;height: auto;padding-bottom: 60%;overflow: hidden;background: #e5e5e5;}
			.videolist .list_content .content_item .ico_img img{position: absolute;left:50%;top: 50%;transform: translate(-50%,-50%);transition: all .3s;}
			.videolist .list_content .content_item .ico_img .mask{position: absolute;left: 0;top: 0;width: 100%;height: 100%;background-color: rgba(0,0,0,.2);visibility: hidden;}
			/* .videolist .list_content .content_item .ico_img:hover img{transform: scale(1.1) translateX(-48%);} */
			/* .videolist .list_content .content_item .ico_img:hover .mask{visibility: visible;} */
			.videolist .list_content .content_item .text{padding: 5% 0;box-sizing: border-box;}
			.videolist .list_content .content_item .text .tit{margin: 0 0 12px;font-size: 20px;color: #333;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;font-weight: normal;}
			.videolist .list_content .content_item .text .jianjie p{margin:0;font-size: 16px;line-height: normal;color: #999;display: -webkit-box;-webkit-line-clamp: 2;overflow: hidden;-webkit-box-orient: vertical;}
			.videolist .list_content .content_item .time{position: absolute;top: 0;left: 10px;padding: 0.8vw 1.5vw;background: #00a2e9;color: #fff;text-align: center;}
			.videolist .list_content .content_item .time span{display: block;font-size: 16px;}
			.videolist .list_content .content_item .time span.day{font-size: 34px;}
			.videolist .list_content .content_item .more{display: inline-block;margin-top: 8%;padding: 8px 30px 8px 16px;color: #fff;background:#ca0f01 url(../images/icon_10.png)no-repeat right 10px center;font-size: 12px;}
			.videolist .list_content .content_item .more:hover{background: #ec3123 url(../images/icon_10.png)no-repeat right 10px center;}
			
			.videolist .list_content .content_about{width: 30%;box-sizing: border-box;padding: 0 4%;}
			.videolist .list_content .content_about .search input{display: inline-block;width: calc(100% - 40px);background: transparent;border: none;border-bottom: 1px solid #ccc;outline: none;font-size: 15px;color: #ccc;line-height: 2.5;}
			.videolist .list_content .content_about .search span{display: inline-block;width: 20px;}
			.videolist .list_content .content_about .hot{margin-top:50px;}
			.videolist .list_content .content_about .hot .tit{font-size: 24px;color: #323336;font-weight: normal;}
			.videolist .list_content .content_about .hot li{margin: 20px 0;}
			.videolist .list_content .content_about .hot li .ico_img{position: relative;left: 0;top: 0;width: 100%;height: auto;padding-bottom: 50%;overflow: hidden;}
			.videolist .list_content .content_about .hot li .ico_img img{position: absolute;left:0;/* top: 50%;transform: translate(-50%,-50%); */bottom: 0;transition: all .3s;}
			.videolist .list_content .content_about .hot li .text{box-sizing: border-box;}
			.videolist .list_content .content_about .hot li .text .tit{margin: 2% 0;font-size: 16px;color: #242424;display: -webkit-box;-webkit-line-clamp: 2;overflow: hidden;-webkit-box-orient: vertical;}
			.videolist .list_content .content_about .hot li .text .time{color: #666;}
			@media only screen and (max-width:768px){
				.videolist .list_content .content_wrap:after{width: 49%;}
				.videolist .list_content .content_item{width: 49%;margin-bottom: 3.7%;}
				.videolist .list_content .content_item .time span.day{font-size: 30px;}
				.videolist .list_content .content_item .text{padding: 5% 0;}
				.videolist .list_content .content_item .text .tit{font-size: 18px;}
				.videolist .list_content .content_item .text .jianjie p{font-size: 14px;}
				/* .videolist .list_content .content_item .more{padding: 6px 30px 6px 12px;} */
				.videolist .list_content .content_about{padding: 0 2%;}
				.videolist .list_content .content_about .search input{width: calc(100% - 30px);width: -webkit-calc(100% - 30px);}
			}
			@media only screen and (max-width:480px){
				.videolist{margin: 30px 0;}
				.videolist .list_content.flx{flex-wrap: wrap;}
				.videolist .list_content .content_wrap{width: 100%;}
				.videolist .list_content .content_item{margin-bottom: 15px;width: 100%;}
				.videolist .list_content .content_item .time span.day{font-size: 24px;}
				.videolist .list_content .content_item .time span{font-size: 12px;}
				.videolist .list_content .content_item .text .tit{font-size: 14px;}
				.videolist .list_content .content_item .text .jianjie{display: none;}
				/* .videolist .list_content .content_item:nth-child(even){background: #fff;} */
				.videolist .list_content .content_about{border-top: 1px dotted #ccc;padding: 2% 0;width: 100%;}
			}
			
			/* video */
			.video {padding: 3% 0;}
			.video .video_head h3{margin-bottom: 10px;font-size: 26px;color: #3a3b34;font-weight: normal;line-height: 36px;text-align: center;}
			.video .data ul{display: flex;flex-wrap: wrap;justify-content: center;}
			.video .data ul li{margin-right: 4%;font-size: 16px;line-height: 28px;color: #333;}
			.video .data ul li:nth-last-child(1){margin-right: 0;}
			.video .video_content{margin-top:39px;font-size: 16px;line-height: 30px;color: #6f6f6f;}
			.video .video_content img{max-width: 100%;}
			.video .video_content iframe{width: 800px;height: 600px;max-width:100%}
			@media only screen and (max-width:768px){
				.video .video_wrap{padding: 0 20px 30px;border-right: 0;}
			}
			@media only screen and (max-width:480px){
				.video {padding: 30px 0;}
				.video .video_head h3{font-size: 16px;line-height: 24px;}
				.video .video_head .data ul li{font-size: 14px;}
				.video .video_wrap{padding: 30px 3%;}
				.video .video_content{margin-top: 30px;font-size: 14px;line-height: 24px;}
			}
			
			/* productlist */
			.photolist {padding: 3% 0;}
			.photolist .list_wrap{display: flex;flex-wrap: wrap;justify-content: space-between;}
			.photolist .list_wrap:after{content:"";width: 24%;}
			.photolist .list_item{margin:0 0 30px 0;width: 24%;box-sizing: border-box;transition: all 0.5s;overflow: hidden;position: relative;}
			/* .photolist .list_item:nth-child(4n){margin-right: 0;} */
			.photolist .list_item .list_img{position: relative;height: 0;padding-bottom: 73%;overflow: hidden;cursor: pointer;border: 1px solid #e5e5e5;box-sizing: border-box;}
			.photolist .list_item .list_img img{position: absolute;left: 50%;top: 50%;max-width: 80%;height: auto;transform: translate(-50%,-50%);}
			.photolist .list_item .con_box{position: relative;}
			.photolist .list_item .title{padding: 4% 0;width: 100%;font-size: 16px;color: #333;line-height: 32px;overflow: hidden;text-align: center;word-break: break-all;z-index: 1;transition: opacity .3s;border-bottom: 1px solid #e5e5e5;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
			.photolist .list_item .con_box:after{content: "";position: absolute;left: 0;bottom:0;width: 0;height: 2px;background: #00a2e9;transition: width .5s;}
			.photolist .list_item:hover .con_box:after{width: 100%;}
			@media only screen and (max-width:1000px){
				.photolist .list_wrap{justify-content: space-between;}
				.photolist .list_wrap:after{content:"";width: 32%;}
				.photolist .list_item{margin-right: 0;width: 32%;}
			}
			@media only screen and (max-width:680px){
				.photolist .list_wrap:after{width: 48.5%;}
				.photolist .list_item{width: 48.5%;}
			}
			@media only screen and (max-width:480px){
				.photolist{padding: 30px 0;}
				.photolist .list_item .list_img{width: 100%;display: block;}
				.photolist .list_item .title{padding: 10px 0;width: 100%;font-size:14px;line-height: 1.5;}
			}