@charset "utf-8";

/* 在线链接服务仅供平台体验和调试使用，平台不承诺服务的稳定性，企业客户需下载字体包自行发布使用并做好备份。 */

@font-face {
	font-family: 'iconfont';  /* Project id 4189984 */
	src: url('//at.alicdn.com/t/c/font_4189984_xehvwg7p5uc.woff2?t=1692779148193') format('woff2'),
		 url('//at.alicdn.com/t/c/font_4189984_xehvwg7p5uc.woff?t=1692779148193') format('woff'),
		 url('//at.alicdn.com/t/c/font_4189984_xehvwg7p5uc.ttf?t=1692779148193') format('truetype');
  }
/* CSS Document */
body { margin:0; padding:0; font-family: "Noto Sans SC"; background:#fff;
font-size:14px;font-weight: 400; line-height:1.5; color:#000000; overflow-x: hidden;

}


a {
	color:#000000; 
	text-decoration: none;
  }
a:hover { color:#0073b4;text-decoration: none;}
img { border:0; display:inline; max-width:100%; height:auto; vertical-align: bottom;}
.photoviewer-stage img{
	max-width: none;
}
select {
    text-transform: none;
}
*{ outline:none;}

div,ul,li,dl,dd,span,h1,h2,p,h4,h3 { margin:0; padding:0; list-style:none;}
.clear{ clear:both;}
.ellipsis{ display:block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;-webkit-text-overflow:ellipsis;}
.molEllipsis{ display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical; overflow:hidden;text-overflow:ellipsis;-webkit-text-overflow:ellipsis;}

div.body{ min-width:1200px; margin:auto; overflow:hidden; }
.container{ width:100%; max-width:1360px; margin:0px auto;}
.clearfix:after{visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0;}
.flex-between {display: flex;align-items: center;justify-content: space-between;}
.flex {display: flex;}
.flex-center-y {display: flex;align-items: center;}
*{ box-sizing: border-box;}

.imgscale{
	overflow: hidden;
	display: block;
}
.imgscale img{transform: scale(1);
	transition: transform 0.5s;}
.imgscale:hover img{
	transform: scale(1.1);
	transition: transform 0.5s;
}
.productscale{
	overflow: hidden;
	display: block;
}

.productscale img{transform: scale(1);
	transition: transform 0.5s;}
.productscale:hover img{
	transform: scale(1.4);
	transition: transform 0.5s;
}


@media screen and (max-width:1200px) {
	
	/* .container{ width:95%;} */
}





/* 头部 */
header{ height:75px; position: absolute;}
.header{
	 background-color: rgba(0, 0, 0, .1);
	  position:fixed; top:0; left:0; width:100%;width: 100%;height:75px; z-index:9999; 
	  
	  
	
	}


	header .scroll{
		background-color: #000;
		transition: background-color 1s;
	}
	header .scroll .container .tpright a{
		color: #fff;
		transition: color 1s;
	}
	header .scroll .container .tpright .languagelist{
		color: #000;
	}
	.header .container .tpright .fast .languagelist{
		color: #000;
	}
	.header .container .tpright .p_class .title a{
		color: #59595A;

	}
.header .container{ display: flex;
    align-items: center; justify-content: space-between;}
.header .container .logo{ width:auto; }
.header .container .logo img{ height:53px; width:auto;}
.header .container .logo a:nth-child(2){
	display: none;
}
.scroll .container .logo a:first-child{
	display: none;
}
.scroll .container .logo a:nth-child(2){
	display: block;
}
.header .container .tpright{ float:right; color:#fff; height:75px;}
.header .container .tpright a{ color:#000; position:relative;}
.header .container .tpright .menu ul li{}
.header .container .tpright .menu ul li a.reco{ font-size:18px; display:block; padding:0px 20px; line-height:75px; position:relative;
font-weight: 400;}
.header .container .tpright .menu ul li a.reco:before,.header .container .tpright .menu ul li a.reco:before {
	width: 0%;
	height: 3px;
	position: absolute;
	bottom: 0px;
    left: 50%;
	transform: translate(-50%, -50%);
	background: #0073b4;
	content: '';
	transition: width 0.5s;

}
.header .container .tpright .menu ul li.active a.reco:before,.header .container .tpright .menu ul li:hover a.reco:before {
	width: 100%;
	height: 3px;
	position: absolute;
	bottom: 0px;
    left: 50%;
	transform: translate(-50%, -50%);
	background: #0073b4;
	content: '';
	transition: width 0.5s;
}
.header .container .tpright .fast a{ display:inline-block; margin:0px 14px; text-decoration: none;}
.header .container .tpright .fast .iconfont{ font-size:20px;}
.header .container .tpright .fast .icon-duoyuyan{ font-size:22px;}
.header .container .tpright .fast .icon-sousuo{ font-size:22px;}
.header ul li .drop-down{ position:absolute; background:#2c2f34; top:75px; left:0px; width:100%;  display:none; z-index:20;}
.header ul li:hover .drop-down{ display:block;
	background-color: rgba(255,255,255,0.9);
}
.header ul li .drop-down .container{display: flex;
    align-items: center;justify-content: flex-start;}

	.header ul li .drop-down .container .navmenu {
padding: 20px 0;
position: relative;
	}
	.header ul li .drop-down .container .navmenu a{
display: block;

    color: #59595A;
    line-height: 40px;
    position: relative;
    font-size: 16px;
	}

	.header ul li .drop-down .container .navmenu a i{
		font-size: 20px;
		color: #999;
		padding-right: 5px;
	}



	
	
.header ul li .drop-down .container a{ display:inline-block; padding:0px 23px; font-size:18px; font-weight: 500; position:relative;
color: #59595A;}
.header ul li .drop-down .container a:hover{
	color: #0073b4;
}
/* .header ul li .drop-down .container a:before {
	width: 0.5px;
	height: 24px;
	position: absolute;
	left: 0px;
	top:50%;transform:translateY(-50%);-webkit-transform:translateY(-50%);
	background: #59595A;
	content: '';
} */
.header ul li .pulldown{
	position:absolute; 
	background:#FFF;
	 top:75px; left:0px; width:100%;
	 z-index:101; display:none;
	 background-color: rgba(255,255,255,0.9);
	}
.header ul li:hover .pulldown{ display:block;}
.header ul li .pulldown .container{display: grid;
	grid-template-columns: repeat(4, 1fr);
	grid-gap: 37px 20px;
align-items: stretch; height:auto; padding-top:30px; padding-bottom:33px;}
.header ul li .pulldown .p_class{ overflow:hidden;}
.header ul li .pulldown .p_class .title{ font-size:18px; line-height:26px; margin-bottom:10px;
	font-weight: 600;
color: #59595A;}

.header ul li .pulldown .p_class .title i{
	color: #999;
	font-size: 20px;
	padding-right: 5px;
	font-weight: 100;
}
.header ul li .pulldown .p_class .sumbit,.header ul li .pulldown .p_class .more{
	padding-left: 25px;
}
.header ul li .pulldown .p_class .sumbit a{ 
	
	color: #59595A;
	line-height: 40px;
	position:relative; font-size:16px; }
.header ul li .pulldown .p_class .sumbit a:hover{
	color: #0073B4;
}

.header ul li .pulldown .p_class .sumbit .navlist{
	display: none;
	position: fixed;
	background-color: rgba(255,255,255,0.9);
	box-shadow: 0px 0px 5px 2px rgba(0, 0, 0, 0.1);
	padding: 15px 20px;
	z-index: 999;
}
.header ul li .pulldown .p_class .sumbit .navlist a{
	display: block;
	font-size: 14px;
}

/* .header ul li .pulldown .p_class .sumbit a:before {
	width: 4px;
	height: 4px;
	border-radius:50%;
	position: absolute;
	left: 0px;
	top:50%;transform:translateY(-50%);-webkit-transform:translateY(-50%);
	background: #fff;
	content: '';
} */
.header ul li .pulldown .p_class .more{ font-size:16px; color:#828282;}
.header ul li .pulldown .p_class .more:hover{
	color: #0073b4;
}
.banner ul li img{ width:100%; height:auto;}
.banner{ position:relative;}
.banner .swiper-pagination-bullet{ background-color:#acb6c1;}
.banner .swiper-pagination-bullet-active{ background-color:#0073b4;}

@media (max-width:1000px){
	header{position: static;
	}
	.header{
		background-color: #000;
	}
	.header .container .logo a:first-child{ display: none;}
	.header .container .logo a:nth-child(2){ display:block;}
	header, .header, .header .container{
		height: 75px;
	}
	.header .container .tpright .fast a{
		color: #fff;
	}


}
@media (min-width:769px){
	.banner .swiper-pagination-bullet{
		width:18px;
		height:18px;
		margin:0 6px !important;
		border-radius:18px;
	}
	.banner .swiper-pagination-bullet-active{
		width:25px;
	}
}

/* 首页产品中心 */
.part1{ background-image:url(../images/indexbg.jpg); background-repeat:no-repeat; background-position:center top; background-size:cover;}
.part1 .container{ 
padding-top: 42px;
padding-bottom: 66px;
}
.search_2{ width:100%; max-width:473px; margin:0px auto 40px; background:#fff; border-radius:25px; display:flex;align-items: center; padding:0px 23px; height:37px;
position: relative;}
.search_2 .searchform{
	width: 100%;
}
.search_2 .icon-sousuo{ font-size:20px; color:#0073b4;cursor:pointer;}
.search_2 input{ 
	flex:1; height:34px; line-height:normal; border:0px; text-align:center;
width: 100%;}
.search_2 .search{
	background: none;
	border: none;
	right: 5px;
	position: absolute;
	
}
.search_2 input::-webkit-input-placeholder {
color:#4E4E4E;
}






.index_product_new{
	position: relative;
	
}


.index-proswiper {
	width: 100%;

	overflow: hidden;
	height: 600px;
	
  }



  .index_product_new .swiper1-button-prev{ 
	position: absolute;
    width: 72px;
    height: 72px;
    border-radius: 50%;
    left: -36px;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    background-image: url(../images/buta.png);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    z-index: 20;
    cursor: pointer;
	}

	.index_product_new .swiper1-button-next{ 
		position:absolute; 
		width:72px; height:72px;
		 border-radius:50%; 
		 right:-36px; 
		 top:50%;transform:translateY(-50%);
		 -webkit-transform:translateY(-50%);background-image:url(../images/but.png); 
		 background-repeat:no-repeat;
		  background-position:center center; 
		  background-size:cover; z-index:20;
		  cursor:pointer;
		}


  .index-proswiper .swiper-slide {
	text-align: center;
	font-size: 18px;


	/* Center slide text vertically */
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
	transition: 300ms;
	transform: scale(1);
  }
  .index-proswiper .swiper-slide-active,.swiper-slide-duplicate-active{
	transform: scale(2);
	z-index: 999;

  }

  @media (max-width: 990px){
    .index-proswiper {
		width: 100%;
			height: 400px;
	}
}

@media (max-width: 750px){
    .index-proswiper {
		width: 100%;
			height: 240px;
	}

	.index-proswiper .swiper-slide-active,.swiper-slide-duplicate-active{
		transform: scale(1);
		z-index: 999;
	
	  }
}



















.index_product{ border-radius:10px; position:relative; box-shadow:3px 3px 3px 0px #c2c2c2; -webkit-box-shadow:3px 3px 3px 0px #c2c2c2;  overflow:hidden; margin-bottom:78px;}
.index_product img{ width:100%; height:auto; }
.index_product .more{ position:absolute; left:50%; bottom:37px;transform:translateX(-50%);-webkit-transform:translateX(-50%); font-size:36px; font-weight:500; color:#000;}
.index_bt{ margin-bottom:58px;text-align:center;}
.index_bt .title{ display:inline-block; position:relative; margin:0px auto; padding: 0 10px;}
.index_bt .title span{ position:relative; z-index:10;font-size:32px;font-weight: 500; line-height:1;}
.index_bt .title:before {
	width: 100%;  
        border-bottom: 6px solid #0073b4;        
		border-top: 6px solid transparent;  
        border-left: 3px solid transparent;          
        border-right: 3px solid transparent;   
	position: absolute;
	left: 50%;transform:translateX(-50%);-webkit-transform:translateX(-50%);
	bottom: -2px; z-index:0;
	content: '';
}
.Business ul{display: flex;
align-items: stretch;}
.Business ul li{ flex:1; position:relative; margin-right:25px;}
.Business ul li:last-child{ margin-right:0px;}
.Business ul li .photo{ width:100%; padding-top:75.7%; position:relative;}
.Business ul li .photo img{ position:absolute; left:0px; top:0px; width:100%; height:100%;object-fit: cover;
 object-position: top center;}
.Business ul li .content{ position:absolute; left:50%; top:50%;transform: translate(-50%,-50%); text-align:center; z-index:10;}
.Business ul li .photo:before {
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0px;
	top: 0px;
	background-color:rgba(255,255,255,0.65);
	content: ''; z-index:5;
}
.Business ul li .content .count{ position:relative; font-size:48px; font-weight:600; color:#0073B4; display:inline-block; line-height:1.4; margin-bottom:6px;}
.Business ul li .content .count:before {
	width: 40px;
	height: 2px;
	position: absolute;
	left: 50%;transform:translateX(-50%);-webkit-transform:translateX(-50%);
	bottom: 0px;
	background:#0073B4;
	content: ''; 
}
.Business ul li .content .count span{ font-size:24px; font-weight:500; position:absolute; right:-15px; top:-5px;}
.Business ul li .content .title{ font-size:20px; font-weight:600;}

/*关于我们*/
.part2{ background-color:#f3f3f3; position:relative;}
.part2:before {
	width: 100%;
	height: 222px;
	position: absolute;
	left: 0px;
	bottom: 0px;
	background-color:#2c2f34;
	content: ''; z-index:1;
}
.part2{ padding-top:68px;}
.part2 .container{ position:relative; z-index:4;}
.part2 .index_about{ margin-bottom:40px;}
.part2 .index_about .tpleft{ width:55%;}
.part2 .index_about .photo{ width:41%; position:absolute; right:0px; top:0px; height:100%;}
.part2 .index_about .photo img{ width:100%; height:100%;object-fit: cover;
 object-position: top center;}
.part2 .index_about .tpleft .title{ font-size:24px; font-weight:600; margin-bottom:26px;}
.part2 .index_about .tpleft .infor{ font-size:14px; line-height:18px; color:#5C5C5C;}
.part2 .index_about .tpleft .infor p{}
.experience ul{width:55%; color:#fff;}
.experience ul li{ display:flex;align-items: center; flex:1; height:222px; margin-left:13px;}
.experience ul li .content{ text-align:center;}
.experience ul li .content .count{ position:relative; font-size:48px; font-weight:600;display:inline-block; line-height:1.3; margin-bottom:0px;}

.experience ul li .content .count span{ font-size:24px; font-weight:600; position:absolute; right:-15px; top:-5px;}
.experience ul li .content .title{ font-size:12px; font-weight:500;}



/* 时间轴 */
.main-timeline{
    overflow: hidden;
    position: relative;
	padding-bottom: 30px;
	
}
.main-timeline:before{
    content: "";
    width: 0px;
    height: 100%;
    border-left: 1px #939393 dashed;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
}

.main-timeline .weidian{

    text-align: center;
    background: #FFF;
	z-index: 9;
    position: relative;


}

.main-timeline .weidian::before {
    font-family: iconfont;
    content: "\ee4b";
    color: #008CDB;
    font-size: 13px;
    line-height: 16px;
    border: 1px solid #78808B;
    border-radius: 50%;
    display: block;
    margin: 0 auto;
    height: 18px;
    width: 18px;
    line-height: 16px;
}
.main-timeline .timeline{
    width: 50%;
    padding-left: 50px;
    float: right;
    position: relative;
}
.main-timeline .diandian{

    top: 9px;
    left: -9px;
    transform: translateY(-50%);
    position: absolute;
    text-align: center;
    background: #FFF;
}

.main-timeline .diandian::before{
	font-family: iconfont;
	content: "\ee4b";
	color: #008CDB;
	font-size: 13px;
	line-height: 16px;

	border: 1px solid #78808B;
	border-radius: 50%;
    display: block;
    margin: 0 auto;
	height: 18px;
	width: 18px;
	line-height: 16px;
  
}

.main-timeline .timeline-content{
    display: block;

    position: relative;
}
.main-timeline .timeline-content:before,
.main-timeline .timeline-content:after{
    content: "";
    display: block;
    width: 100%;
    clear: both;
}
.main-timeline .inner-content h3{
	font-size: 20px;
	font-weight: 600;
}
.main-timeline .inner-content ul li{
	font-size: 20px;
	font-weight: 700;
}
.main-timeline .inner-content img{
	max-width: 500px;
	width: 100%;
	border-radius: 20px;
}

.main-timeline .timeline-content:hover{ text-decoration: none; }
.main-timeline .inner-content{



    background: #fff;
    border-radius: 0 100px 100px 0;

}

.main-timeline .inner-content .ico{
	margin-top: 20px;
	overflow: inherit;
}

.main-timeline .title{
    font-size: 24px;
    font-weight: 600;
    text-transform: uppercase;
    margin: 0 0 5px 0;
}
.main-timeline .description{
    font-size: 14px;
    margin: 0 0 5px 0;
}
.main-timeline .timeline:nth-child(2n){ padding: 0 50px 0 0; }
.main-timeline .timeline:nth-child(2n) .diandian,
.main-timeline .timeline:nth-child(2n) .year{
    left: auto;
    right: -9px;
}
.main-timeline .timeline:nth-child(2n) .year{ right: 7%; }
.main-timeline .timeline:nth-child(2n):after{
    border-right: none;
    border-left: 30px solid #ee4423;
    left: auto;
    right: 24px;
}
.main-timeline .timeline:nth-child(2n) .inner-content{
    float: none;
    border-radius: 100px 0 0 100px;
    text-align: right;
}
.main-timeline .timeline:nth-child(2){ margin-top: 130px; }
.main-timeline .timeline:nth-child(odd){ margin: -50px 0 0 0; }
.main-timeline .timeline:nth-child(even){ margin-bottom: 80px; }
.main-timeline .timeline:first-child,
.main-timeline .timeline:last-child:nth-child(even){ margin: 0; }
.main-timeline .timeline:nth-child(2n) .timeline-content{  }
.main-timeline .timeline:nth-child(2n),


@media only screen and (max-width: 1200px){
    .main-timeline .inner-content{ width: 80%; }
    .main-timeline .year{
        font-size: 45px;
        left: 10px;
        transform: translateY(-50%) rotate(-90deg);
    }
    .main-timeline .timeline:nth-child(2n) .year{ right: 10px; }
}
@media only screen and (max-width: 990px){
    .main-timeline .year{
        font-size: 40px;
        left: 0;
    }
    .main-timeline .timeline:nth-child(2n) .year{ right: 0; }
}
@media only screen and (max-width: 767px){
    .main-timeline:before,
    .main-timeline .diandian{
        left: 10px;
        transform: translateX(0);
    }
    .main-timeline .timeline:nth-child(2n):after{
        border-left: none;
        border-right: 30px solid #ee4423;
        right: auto;
        left: 24px;
    }
    .main-timeline .timeline,
    .main-timeline .timeline:nth-child(even),
    .main-timeline .timeline:nth-child(odd){
        width: 100%;
        float: none;
        margin: 0 0 30px 0;
    }
    .main-timeline .timeline:last-child{ margin-bottom: 0; }
    .main-timeline .timeline:nth-child(2n){ padding: 0 0 0 50px; }
    .main-timeline .diandian,
    .main-timeline .timeline:nth-child(2n) .diandian{ left: 0px; right: auto;}
    .main-timeline .inner-content{ width: 85%; }
	.main-timeline .weidian::before{
		margin: 0;
	}
    .main-timeline .timeline:nth-child(2n) .inner-content{
    
        border-radius: 0 100px 100px 0;
        text-align: left;
    }
    .main-timeline .timeline:nth-child(2n) .year{
        right: auto;
        left: 0;
    }
    .main-timeline .timeline:nth-child(2n):after{ border-right-color: #f68829; }
    .main-timeline .timeline:nth-child(3n):after{ border-left-color: #2991d0; }
    .main-timeline .timeline:nth-child(4n):after{ border-right-color: #9361aa; }
    .main-timeline .timeline:nth-child(5n):after{ border-left-color: #a7be26; }
}
  
@media only screen and (max-width: 479px){
    .main-timeline .timeline-content{ padding: 15px; }
    .main-timeline .inner-content{ width: 80%; }
    .main-timeline .year{ font-size: 30px; }
}              


.sjz_more{
	width: 150px;
	margin: 0 auto;
	position: relative;
	margin-top: 40px;
}
.sjz_more i{
	width: 38px; 
	height: 24px;
	 border-radius: 24px;
	 border: #414141 solid 2px; 
	 display: block;
text-align: center;
font-size: 14px;

position: absolute;
right: 5px;
top: 5px;
}
.sjz_more a{
	font-size: 24px;
	font-weight: 500;

}

.sjz_more a:hover{
color: #008CDB;
text-decoration: none;
}
.sjz_more a:hover i{
	border-color: #008CDB;
}









/*新闻中心*/
.part3 .container{ padding-top:69px; padding-bottom:172px;}
.index_new ul { display:flex;align-items: stretch;justify-content: space-between;
    flex-wrap: wrap;}
.index_new ul li{ background:#f4f4f4; margin-right:16px; flex:1; overflow:hidden; position:relative; margin-bottom:18px;}
.index_new ul li.no4{ flex:none; margin-right:0px; width:29.5%;}
.index_new ul li .lab{ background:#0073b4; font-size:12px; line-height:22px; padding:0px 7px; color:#fff; position:absolute; left:0px; top:0px; display:inline-block; z-index:10;}
.index_new ul li .photo{ width:100%; padding-top:60%; position:relative;}
.index_new ul li .photo img{ position:absolute; left:0px; top:0px; width:100%; height:100%;object-fit: cover;
 object-position: center center;}
.index_new ul li .content{ padding:11px 15px;}
.index_new ul li .content .title{     letter-spacing: 0.5px;font-size:14px; font-weight:bold; line-height:18px; height:36px; display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical; overflow:hidden;text-overflow:ellipsis;-webkit-text-overflow:ellipsis;}
.index_new ul li .content .adr{ margin:10px 0px;}
.index_new ul li .content .adr .iconfont{ color:#454545; font-size:12px; padding-right: 4px;}
.index_new ul li .content .adr .iconfont:before{ margin-right:6px;}
.index_new ul li .content .adr .icon-icon-calendar{ margin-left:5px;}
.index_new ul li .content .infor{ display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical; overflow:hidden;text-overflow:ellipsis;-webkit-text-overflow:ellipsis; font-size:12px; line-height:17px; color:#454545;}
.index_new ul li.no4 .news{ padding:30px 35px 30px 20px; height:300px; overflow-y:auto;}
.index_new ul li.no4 .news .n_cont{ margin-bottom:13px;}
.index_new ul li.no4 .news .n_cont .title{ font-size:14px; font-weight:bold; line-height:18px;  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical; overflow:hidden;text-overflow:ellipsis;-webkit-text-overflow:ellipsis;}
.index_new ul li.no4 .news .n_cont .date{ font-size:12px; color:#454545;}

.index_new ul li.no4 .news::-webkit-scrollbar {
    width: 5px;
	height:5px;
	background:#f4f4f4;
}

.index_new ul li.no4 .news::-webkit-scrollbar-thumb {
    background: #acacac;
    scrollbar-arrow-color:#acacac;
}
.index_new .more{ float:right;}
.index_new .more a{ color:#0073B4; font-size:12px;}


.con-news{
	padding: 100px 50px;
    border: 1px solid #ccc;
    border-radius: 10px;
    margin-bottom: 100px;
}
.con-news .content{
	margin-top: 20px;
}
.con-news .content .pre-next{
	margin-top: 30px;
}
.content-time-num{
	text-align: center;
	margin-bottom: 15px;
}
.content-time-num span{
	padding: 0 10px;
}
@media(max-width:767px){

	.con-news{
		padding: 40px 15px;
	
	}
	.con-news img{
		max-width: 100%;
		height: auto !important;
	}
	.con-news .index_bt .title span{
		font-size: 16px;
	}
	.con-news .index_bt .title:before{
		display: none;
	}
	.content-time-num span{
		font-size: 12px;
	}

}





/* 新的新闻 */

.index_newslist_title {
	width: 42%;
	float: left;
	padding-right: 30px;
}



.index_newslist_title li:first-child .date{
	width: 110px;
    height: 110px;
    background: #F1F1F0;
    padding: 8px 15px;
}

.index_newslist_title li{
	border-bottom: 2px solid #F9F4ED;
	padding-bottom: 10px;
	margin-bottom: 10px;
}
.index_newslist_title li:last-child{
	margin-bottom: 0px;
}
.index_newslist_title .date{
	display: block;  
	float: left;
   
	border-radius: 10px;
	text-align: center;
	position: relative;


}

.index_newslist_title a .date::after{
content: '';
height: 45px;
width: 2px;
background: #ccc;
position: absolute;
right: -30px;
top: 5px;
transition: height 0.5s;
}

.index_newslist_title a:hover .date::after{
height: 0px;

}

.index_newslist_title li:first-child .date .day{
	color: #0073B4;
    font-size: 56px;
    line-height: 65px;
	font-weight: 700;
}

.index_newslist_title li:first-child .date .years{
	color: #2C2F34;
	
}
.index_newslist_title .date .day{
	font-size: 40px;
    font-weight: 700;
    line-height: 40px;
    color: #2C2F34;
}

.index_newslist_title .date .years{
	color: #2C2F34;
    font-size: 18px;
    line-height: 14px;
	font-weight: 600;
	line-height: 26px;

}

.index_newslist_title a .title h4{
padding-right: 50px;
position: relative;
font-size: 16px;
font-weight: 400;
}
.index_newslist_title a .title h4 .jiantou{
	width: 60px;
	height: 40px;
	position: absolute;
	right: 0;
	top: 0;
	overflow: hidden;
	
}
.index_newslist_title a .title h4 .jiantou::after{
	content: '\eb08';
	font-family: 'iconfont';
	font-size: 26px;
	color: #0073B4;
	position: absolute;
	left: -35px;
	transition: left 1s ease, opacity 2s ease-in;
	line-height: 30px;
	opacity: 0;

	
	}

	.index_newslist_title a .title h4 .jiantou::before{
		content: '\e68b';
		font-family: 'iconfont';
		font-size: 18px;
		color: #ccc;
		position: absolute;
		left: 30px;
		transition: left 0.5s;
		line-height: 30px;
		
		}


	.index_newslist_title a:hover .title h4 .jiantou::after{

			left:30px;
		
			opacity: 1;
			transition: left 1s ease, opacity 2s ease-in;
			
			}
		
	.index_newslist_title a:hover .title h4 .jiantou::before{

				left: 60px;
				
				}

				.index_newslist_title a .date .day{
					
					text-align: left;
					
				}
		
				.index_newslist_title a:hover .date .day{
					color: #0073B4;
					transition: color 0.5s ease-in;
					
				}

				.index_newslist_title a:hover .date .years{
					color: #000;
					transition: color 0.5s ease-in;
				}

				.index_newslist_title a{
					text-decoration: none;
					color: #333;
				}





				



.index_newslist_title .title{
	padding-left: 130px;
	padding-right: 15px;

}
.index_newslist_title .title a{

	font-size: 22px;
	line-height: 28px;
}

.index_newslist_title .title p{
	color: rgba(60,60,72,.7);
	padding-top: 5px;
	display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 4;
}

.index_newslist_title .date span{
	display: block;
}

.index_newslist_pic{
	width: 58%;
	float: left;

	
}



.index_newslist_pic .pica{
	float: left;
	width: 45.5%;
	padding-right:10px;
}
.index_newslist_pic .picb{
	float: left;
	width: 54.5%;

}
.index_newslist_pic .pica img,.index_newslist_pic .picb img{
	width: 100%;
	height: 100%;
}

.index_newslist_pic .picb ul li:first-child{
	padding-bottom: 5px;
}

.index_newslist_pic .picb ul li:last-child{
	padding-top: 5px;
}

.index_newslist_pic .picb ul li{
	height: 50%;
}




.icon-link {
	position: relative;
	display: block;
	overflow: hidden;
	height: 100%;
  }
  
  .icon-link::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.7); /* 半透明的遮罩颜色 */
	opacity: 0;
	transition: opacity 0.3s ease; /* 过渡动画效果 */
  }
  
  .icon-link:hover::before {
	opacity: 1; /* 鼠标悬停时显示完全不透明的遮罩 */
  }

  .icon-link .icon {
	position: absolute;
	top: 55%;
	left: 50%;
	transform: translate(-50%, -50%);
	color: #0073B4;
	font-size: 20px;
	height: 40px;
	width: 40px;
	border-radius: 40px;
	background-color: #fff;
	text-align: center;
	line-height: 40px;
	font-weight: 700;
	opacity: 0;
	transition: top 0.5s ease-in,opacity 0.5s ease-in;
	

  }
  
  .icon-link:hover .icon {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	color: #0073B4;
	font-size: 20px;
	height: 40px;
	width: 40px;
	border-radius: 40px;
	background-color: #fff;
	text-align: center;
	line-height: 40px;
	font-weight: 700;
	opacity: 1;

  }
  
  /* 以下是示例图标的样式，您可以根据需要自定义 */



@media(max-width:1280px){

	.index_newslist_title .date .day{
		font-size: 30px;
	}
	.index_newslist_title .date .years{
		font-size: 14px;
	}
	.index_newslist_title li:first-child .date .day{
		font-size: 50px;
	}
	.index_newslist_title .title p{
		-webkit-line-clamp: 3;
	}

	.index_newslist_title .title{
		padding-left: 100px;
	}

	.index_newslist_title li>.title{
		padding-left: 130px;
	}
	.index_newslist_title .date{
		margin-left: 10px;
	}
	
	.index_newslist_title a .date::after {

		right: -19px;
	
	}
	.index_newslist_title a .title h4{
		padding-top: 5px;
	}
	
}



@media(max-width:1180px){

	
	.index_newslist_title .title p{
		-webkit-line-clamp: 3;
	}
	.index_newslist_title .title a{
		font-size: 18px;
		line-height: 22px;
	}

	
}

@media(max-width:1000px){

	
	.index_newslist_title,.index_newslist_pic{
		float: none;
		width: 100%;
	}

	.index_newslist_title li:first-child{
		padding-bottom: 33px;
	}

	.index_newslist_pic .pica{
		height: 100%;
	}
	.index_newslist_pic .picb{
		height: 100%;
	}

	.index_newslist_pic{
		margin-top: 10px;
	}

	
}













/*战略合作*/
.part4{ background-image:url(../images/links_bg.jpg); background-repeat:no-repeat; background-position:center top; background-size:120%;

}

.part4 .container{ padding:77px 0px 181px;
	
	}
	.cooperatebg{
		background-color: #FFF;
		padding: 20px 0;
	}
.part4 .cooperate{
	height: 180px;
	position: relative;
	overflow: hidden;
	margin:0 20px;
}
.part4 .cooperate ul{
	width: 100000px;
    position: absolute;
    left: 0;
	

}
.part4 .cooperate ul li{
	float: left;
	width: 140px;

}
.part4 .cooperate ul li .ico{
	padding: 10px 15px;
}
@media(max-width:767px){

	.part4 {

		background-size: cover;
	}

	.cooperatebg {

		margin: 0 10px;
	}
}


/*底部*/
.footer{ background:#2c2f34; color:#fff;
position: relative;
padding-top: 85px;
/* margin-top: 85px; */
}
.footer .foot-pic{
	position: absolute;
	top:-85px;
	max-width: 1360px;

}

@media screen and (max-width:1000px){
	.footer .foot-pic{
		display: none;
	
	}

	.footer{ background:#2c2f34; color:#fff;
		position: relative;
		padding-top: 0;
		margin-top: 0;
		}
	
}
.footer a{ color:#fff;}

.footer .bottom{display: flex;
    align-items: flex-start;
    justify-content: space-between; padding:38px 0px 60px;}
.footer .bottom .b_left{ margin:0px 47px;}
.footer .bottom .b_left .title{ margin-bottom:10px;}
.footer .follow { margin-bottom:30px;}
.footer .follow ul li { margin-right:11px;
position: relative;}
.footer .follow ul li a{
	text-decoration: none;

}
.footer .follow ul li a .footweix{
	display: none;
}

.footer .follow ul li a:hover .footweix{
	display: block;
}

.footweix{
    width: 200px;
    height: 220px;
    position: absolute;
    text-align: center;
    font-size: 12px;
	z-index: 10;
	left: -37px;
	bottom: -47px;
}
.footer .follow ul li .iconfont{ width:40px; height:40px; background:#4f5155; border-radius:5px; display:inline-block;display: flex;
    align-items: center;
    justify-content: center; font-size:26px;}
.footer .follow ul li .icon-facebook{ font-size:26px;}
.footer .follow .tel .iconfont{ font-size:14px;}
.footer .bottom .b_right{ flex:1; margin-left:30px;}
.footer .bottom .b_right ul{ display:flex;flex-wrap: wrap;justify-content: space-between;}
.footer .bottom .b_right ul li{ margin:0px 30px; line-height:22px; flex:1;font-weight: 400;}
.footer .bottom .b_right ul li .title{ margin-bottom:20px; font-size: 18px;font-weight: 600;}
.footer .bottom .b_right ul li .title .iconfont{ display:none;}

.footer .bottom .b_right ul li .sumbit a{ display:block;
line-height: 30px;}
.footer .bottom .b_right ul li .sumbit a:hover{color: #0073b4;}
.footer .copyright{ font-size:12px; font-weight: 400; line-height:22px; padding:12px 0px 18px; border-top:1px #505256 solid; text-align:center; color:#BCBCBC;}
.footer .copyright a{
	color:#BCBCBC;
}


.f_menu { position:fixed; 
	right:-125px; 
	top:50%;
	transform:translateY(-50%);
	-webkit-transform:translateY(-50%); background:#fff; border-radius:5px; border:2px #ececec solid; z-index:100;
	transition:right 0.5s;
}
.f_menu:hover{
	right:0px; 
	transition:right 0.5s;
}
.f_menu ul li{ border-bottom:2px #ececec solid;cursor:pointer; position:relative;}
.f_menu ul li a{ padding:0px 12px; line-height:48px;display: flex;
    align-items: center; color:#4E4E4E;

font-weight: 400;}

.f_menu ul li a:hover,.f_menu ul li a:hover span{color: #0073b4;}


.f_menu ul li:last-child{ border-bottom:0px;}
.f_menu ul li a .iconfont{ font-size:22px; margin-right:12px; color:#2c2f34;}
.f_menu ul li.no2{ position:relative;}
.f_menu ul li.no2 .weix{ background:#fff; padding:10px; text-align:center; position: absolute; width:149px; left:-151px; top:0px; box-shadow:0px 0px 8px #ccc; display:none;}
.f_menu ul li.no2 .weix img{ width:129px; height:auto;}
.f_menu ul li.no2 .weix p{ font-size:12px; line-height:18px;}
.f_menu ul li.no2:hover .weix{ display:block;}


/*公司*/
.nybanner{ position:relative; text-align: center;}
.nybanner .pic{ width:100%;  height:auto;}
/* .nybanner:before {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0px;
    top: 0px;
    background-color: rgba(255,255,255,0.5);
    content: '';
    z-index: 5;
} */
.nybanner .content{ position:absolute; left:50%; top:50%;transform: translate(-50%,-50%); z-index:10;}
.nybanner .content img{ height:96px; width:auto; margin-bottom:10px;}
.nybanner .title{ font-size:64px; font-weight:600; white-space: nowrap;}
.company{background-image: url(../images/cbg1.png), url(../images/cbg2.png);
background-position: left center, right top;
background-repeat: no-repeat;}
.body_bg{
	background-image: url(../images/cbg1.png), url(../images/cbg2.png);
background-position: left center, right center;
background-repeat: no-repeat
}
.company .container{ padding-bottom:140px;}
.local{ font-size:20px; font-weight: 400; padding-top:43px; margin-bottom:38px;}
.local a{
	padding: 0 5px;
}
.local a:nth-child(1){
	padding-left: 0;
}
.aboutus{ display:flex;align-items: stretch;justify-content: space-between;
    flex-wrap: wrap; margin-bottom:75px;}
.aboutus .content{ width:42.5%; padding-top:40px;}
.aboutus .content .title{ font-size:20px;font-weight: 500; margin-bottom:25px;}
.aboutus .content .infor{ font-size:14px; line-height:18px; color:#5C5C5C; margin-bottom:32px;}
.aboutus .photo{ width:52%;}
.aboutus .photo img{ width:100%; height:100%;object-fit: cover;
 object-position: center center;}
.aboutus .content .c_name{ font-size:36px; font-weight:600;}
.experience1{ background:#f6f6f6;box-shadow: 3px 3px 3px 0px #c2c2c2;
    -webkit-box-shadow: 3px 3px 3px 0px #c2c2c2; padding:35px 10px; margin-bottom:106px;}
.experience1 ul{ color:#5A5B5B;}
.experience1 ul li{flex:1; }
.experience1 ul li .content{ text-align:center;}
.experience1 ul li .content .count{ position:relative; font-size:36px; font-weight:600;display:inline-block; line-height:1.3; margin-bottom:6px;}
.experience1 ul li .content .count span{ font-size:18px; font-weight:600; position:absolute; right:-12px; top:-3px;}
.experience1 ul li .content .title{ font-size:12px; font-weight:500;}
.history { padding-bottom:10px; padding-top:29px; position:relative;}
.history:before { border-left:1px #e6e6e6 dotted;
    height: 100%;
    position: absolute;
    left:50%;
    top: 0%;transform:translateX(-50%);-webkit-transform:translateX(-50%); 
    content: '';
}
.history ul li{ width:100%; margin-bottom:27px;}
.history ul li .content{ width:50%;}
.history ul li:nth-child(2n) .content{ float:right;}
.history ul li .content .infor{ float:right; margin-right:28px; background:#f0faff; width:100%; max-width:484px;border-radius:5px; padding:18px 97px 18px 25px; position:relative;}
.history ul li:nth-child(2n) .content .infor{ float:left; margin-right:0px; margin-left:28px; background:#f0faff; }
.history ul li .content .infor .desc{ text-align:right; position:relative; font-size:20px; line-height:24px;}
.history ul li:nth-child(2n) .content .infor{ padding:18px 25px 18px 97px; }
.history ul li:nth-child(2n) .content .infor .desc{ text-align:left; position:relative;}
.history ul li .content .infor .desc:before {
    width: 6px;
    height: 6px;
    position: absolute;
    right: -15px;
    top: 50%;transform:translateY(-50%);-webkit-transform:translateY(-50%); 
	border-radius:50%;
    background-color:#2b2d2e;
    content: '';
}
.history ul li .content .infor .year{ width:82px; height:82px; border-radius:50%; border:1px #008CDB solid; background:#fff; padding:3px; position:absolute; right:-21px; top:-6px;}
.history ul li .content .infor .year .intro{ width:100%; height:100%; background:#008CDB;display: flex;
    align-items: center;
    justify-content: center; color:#fff; font-size:18px; line-height:20px;border-radius:50%; font-weight:700; text-align:center;}
.history ul li:nth-child(2n) .content .infor .year{left:-21px; top:-6px;}
.history ul li:nth-child(2n) .content .infor .desc:before{ left:-15px;}
.history ul li:after{content:"\200B";display:block; height:0px; overflow:hidden;clear:both;}

/*使命*/
.Mission{background:linear-gradient(to bottom,#eeeeee,#f6f6f6,#fdfdfd); padding-top:103px;}
.state{ margin-bottom:88px;}
.state .infor{ text-align:center; font-size:32px; margin-bottom:40px;}
.Mission .index_bt{ margin-bottom:33px;}
.index_bt.no1 .title:before{    border-bottom: 5px solid #028ddb; }

.state ul{display: flex;
    align-items: stretch;
    justify-content: space-between;}
.state ul li{ 

	text-align:center; padding:29px 0px; flex:1; 
	margin:10px 0px; 

	 color:#6D6D6D; 
	
	}

	.state ul li span{
		position: relative;
		z-index: 10;
	}

	.state ul li h4 i{
font-size: 50px;
color: #008CDB;
display: block;
	}

	.state ul li h4 span{
		font-size: 20px;
		line-height: 30px;
		font-weight: 400;
		display: block;
	}

	.state ul li p{
		font-size: 12px;
	}
	.state ul li p.hxjz{
		text-align: left;
		width: 220px;
		margin: 0 auto;
		padding-left: 10px;

	}

	.state ul li>span{
		font-size: 18px;
		line-height: 40px;
		font-weight: 400;
		
	}

.state ul li>span:before {
		    width: 100%;
    border-bottom: 7px solid #D4E7F2;

    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    bottom: -1px;
    z-index: -1;
    content: '';
	}




.Technical{ background-image:url(../images/MVOTEM.png); background-repeat:no-repeat; background-position:center top;  padding-top:68px; padding-bottom:113px;}
.Technical .photo{ text-align: center;}
.Technical .photo img{ width:auto; max-width:100%;}
.Technical .index_bt{ margin-bottom:53px;}
.certificate{ background:#f4f4f4; padding:18px 22px; position:relative; margin-bottom:116px;}
.certificate ul li{ width:19.2%; margin-right:1%;box-shadow:0px 3px 7px rgb(0 0 0 / 16%); float:left;}
.certificate ul li .photo{ position:relative; padding-top:142%;}
.certificate ul li .photo img{ width:100%; height:100%; position:absolute; left:0px; top:0px;object-fit: cover;
 object-position: center center;}
 .certificate ul li:nth-child(5){ margin-right:0px;}
.certificate .bnr{ position:absolute; width:72px; height:72px; border-radius:50%; right:-36px; top:50%;transform:translateY(-50%);-webkit-transform:translateY(-50%);background-image:url(../images/but.png); background-repeat:no-repeat; background-position:center center; background-size:cover; z-index:20; cursor:pointer;}	

.actity{ background:#f4f4f4; padding:18px 22px; position:relative; margin-bottom:108px;}
.actity ul li{ width:24.2%; margin-right:1%; float:left;}
.actity ul li .photo{ position:relative; padding-top:75.2%;}
.actity ul li .photo img{ width:100%; height:100%; position:absolute; left:0px; top:0px;object-fit: cover;
 object-position: center center;object-fit: cover;
 object-position: center center;}
.actity ul li:nth-child(4){ margin-right:0px;}
.actity .bnr{ position:absolute; width:72px; height:72px; border-radius:50%; right:-36px; top:50%;transform:translateY(-50%);-webkit-transform:translateY(-50%);background-image:url(../images/but.png); background-repeat:no-repeat; background-position:center center; background-size:cover; z-index:20;cursor:pointer;}


html.active{
	height:100%;
	overflow:hidden;
}
.menubtn{
    display: flex;
    justify-content: center;
    align-items: center;
	width:34px;
	height:40px;
	left:0px;
	z-index:100;
	position:absolute;
	left:5px;
	top:50%;
	transform:translateY(-50%) scale(.7);
	-webkit-transform:translateY(-50%) scale(.7);
	display:none;
}

.menubtn .navbar-icons {
    height: 26px;
	width:100%;
    position: relative;
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    transition: .5s ease-in-out;
    display: flex;
	flex-direction:column;
	align-items:center;
	justify-content:space-between;
    cursor: pointer;
}

.menubtn .navbar-icons span {
    display: block;
    height: 3px;
    width: 100%;
    opacity: 1;
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    transition: .25s ease-in-out;
	top: 0;
    -webkit-transform-origin: left center;
    transform-origin: left center;
	background-color: #fff;
	position:relative;
}

.menubtn .navbar-icons span:first-child {
    -webkit-transform-origin: left center;
    transform-origin: left center;
}

.menubtn .navbar-icons span:nth-child(2) {
    -webkit-transform-origin: left center;
    transform-origin: left center;
}

.menubtn .navbar-icons span:nth-child(3) {
    -webkit-transform-origin: left center;
    transform-origin: left center;
}

.active .menubtn .navbar-icons span:first-child {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    top: 0;
}

.active .menubtn .navbar-icons span:nth-child(2) {
    opacity:0;
}

.active .menubtn .navbar-icons span:nth-child(3) {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
	top:1px;
}
.menu-mc{
	position:fixed;
	overflow:hidden;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background-color:#2C2F34;
	z-index:1000;
	transition:all .5s;
	-webkit-transition:all .5s;
	transform:translateY(-100%);
	-webkit-transform:translateY(-100%);
	padding-top:95px;
	display:flex;
	flex-direction:column;
	overflow:hidden;
	display:none;
}

.active .menu-mc{
	transform:translateY(0);
	-webkit-transform:translateY(0);
}

.menu-mc .list{
	flex:1;
	overflow:auto;
}

.menu-mc .list ul{
	padding:0 24px;
}

.menu-mc .list ul ul{
	padding:0;
	display:none;
}

.menu-mc .list ul li{
	padding:15px 0;
	border-bottom: 1px solid rgba(140,140,140,.19);
}

.menu-mc .list ul ul li{
	padding:0px;
	border-bottom:none;
	line-height:30px;
	background-color:rgba(0,0,0,.1);
	border-radius:4px;
	overflow:hidden;
	margin:2px 0;
}

.menu-mc .list ul ul ul li{
	background-color:transparent;
	margin:0px;
}

.menu-mc .list ul li a{
	flex:1;
	display:flex;
	align-items:center;
	justify-content:space-between;
	font-size:21px;
	padding:5px 0;
	color:#efefef;
}

.menu-mc .list ul li a .iconfont{
	transform:rotate(-90deg);
	-webkit-transform:rotate(-90deg);
	display:inline-block;
	color:#efefef;
	transition:all .25s;
	-webkit-transition:all .25s;
}

.menu-mc .list ul ul li a{
	font-size:14px;
	padding:0 10px;
}

.menu-mc .list ul ul ul li a{
	font-size:12px;
}

.menu-mc .list ul li a.open,
.menu-mc .list ul li a.active{
	color:#0073b4;
}

.menu-mc .list ul li a.open .iconfont,
.menu-mc .list ul li a.active .iconfont{
	transform:rotate(0deg);
	-webkit-transform:rotate(0deg);
}

@media screen and (min-width:751px){
	.footer .bottom .b_right ul li .sumbit{
		display:block !important;
	}
}

@media screen and (min-width:640px){
	.swiper1 .swiper-pagination,
	.swiper2 .swiper-pagination{
		display:none;
	}
}
	
@media screen and (max-width:1000px){
	.menubtn,
	.menu-mc{ display:flex;}
	.header .menu{ display:none;}
	.header .container{ position:relative; display:block;}
	.header .container .logo{ position:absolute; left:50%; top:50%;transform: translate(-50%,-50%);}
	.index_product .more{ font-size:26px;}
	.Business ul li .content .count{ font-size:38px;}
	.header .container .logo img{ height:35px;}
	.footer .bottom .b_right ul li{    margin: 0px 6px;}
	.footer .bottom .b_right{ margin-left:0px;}
	.footer .bottom .b_left{ margin-left:0px;}
	.nybanner .title{ font-size:40px;}
	.nybanner .content img{ height:66px;}
	.aboutus .content .c_name{ font-size:30px;}
	.Technical{ width:95%; margin:0px auto; background-size:100%;}
	.state ul li{ font-size:20px; margin:10px 10px;}
	.state .infor{ font-size:26px;}
	
}
@media screen and (max-width:768px){
	.actity .bnr,
	.certificate .bnr{
		display:none;
	}
}
@media screen and (max-width:750px){
	header,
	.header,.header .container{ height:60px;}
	.header .container .tpright{ height:60px;}
	.menu-mc{ padding-top:80px;}
	.menu-mc .list ul li{ padding:8px 0;}
	.menu-mc .list ul li a{ font-size:16px;}
	.header .container .tpright .fast a{    margin: 0px 6px;}
	.f_menu{ display:none;}
	.search_2{ margin-bottom:25px;}
	.index_product .more{ font-size:20px; bottom:10px;}
	.index_product{ margin-bottom:10%;}
	.index_bt{ margin-bottom:7%;}
	.index_bt .title span{ font-size:25px;}
	.Business ul li .content .title{ font-size:18px; white-space:nowrap;}
	.Business ul{ flex-wrap: wrap;justify-content: center;}
	.Business ul li{ width:48%; margin-right:4%; margin-bottom:4%; flex:none;}
	.Business ul li:nth-child(2){ margin-right:0px;}
	.Business ul li .content .count{ font-size:32px;}
	.part1 .container{ padding-bottom:30px;}
	.part2 .index_about .photo{ position:static; width:100%; margin-top:5%;}
	.part2 .index_about .tpleft .title{ font-size:20px; margin-bottom:15px;}
	.part2 .index_about .tpleft{ width:100%;}
	.experience ul{ width:100%;}
	.experience ul li .content .count{ font-size:40px;}
	.part2:before{ height:150px;}
	.experience ul li{ height:150px;}
	.index_new ul li{ width:100%; flex:none; margin-right:0%;}
	.index_new ul li:nth-child(2n){ margin-right:0px;}
	.index_new ul li.no4{ width:100%;}

	.part4 .cooperate{ padding:25px 15px;}
	.part4 .cooperate .pic1{ display:none;}
	.part4 .cooperate .pic2{ display:block;}
	.part4 .container{ padding-bottom:40px;}
	.footer .bottom{flex-wrap: wrap;}
	.footer .bottom .b_right{ flex:none; width:100%; margin-top:5%;}
	.footer .bottom .b_right ul li{ width:100%; flex:none;    border-top: 1px #505256 solid; margin:0px 0px;}
	.footer .bottom .b_right ul li .title{ margin-bottom:5px; height:35px;}
	.footer .bottom .b_right ul li .sumbit{ padding-bottom:10px; display:none;}
	.footer .bottom .b_right ul li .title .iconfont{ display:block; transform:rotate(-90deg);-webkit-transform:rotate(-90deg);transition:all .25s;-webkit-transition:all .25s;}
	.footer .bottom .b_right ul li .title.open .iconfont{
		transform:rotate(0deg);-webkit-transform:rotate(0deg);
	}
	.footer .bottom{ padding-bottom:0px;}
	.footer .container{ width:90%;}
	.banner ul li img{ min-height:120px;object-fit: cover;
 object-position: center center;}
 .nybanner .title{ font-size:28px;}
	.nybanner .content img{ height:56px;}
	.nybanner .pic{ height:220px;object-fit: cover;
 object-position: center center; width:100%}
 .local{ font-size:14px;}
 .aboutus .content{ width:100%;}
 .aboutus .photo{ width:100%; margin-top:5%;}
 .aboutus .content{ padding-top:0px;}
 .aboutus{ margin-bottom:6%;}
 .experience1{ margin-bottom:10%;}
 .history ul li .content{ width:100%; overflow:hidden; display:flex;}
 .history ul li .content .infor{ float:left;padding: 12px 15px 12px 35px; margin-left:85px; position:static; margin-right:0px; flex:1;}
 .history ul li:nth-child(2n) .content .infor{ margin-left:85px;padding: 12px 15px 12px 35px; }
 .history ul li .content .infor .desc{ text-align:left;}
 .history ul li .content .infor .desc:before{ }
 .history:before{left: 35px;
    transform: translateX(-0%);
    -webkit-transform: translateX(-0%);}
.history ul li .content .infor .desc:before{ left:-15px;}
.history ul li{ position:relative;}
.history ul li .content .infor .year{ left:0px; top:50%;transform:translateY(-50%);-webkit-transform:translateY(-50%); width:70px; height:70px;}
.history ul li:nth-child(2n) .content .infor .year{ left:0px;top:50%;transform:translateY(-50%);-webkit-transform:translateY(-50%);}
.history ul li .content .infor .year .intro{ font-size:14px;}
.history ul li .content .infor .desc{ font-size:16px;}
.history ul li .content .infor .desc:before{ width:4px; height:4px;}
.company .container{ padding-bottom:20px;}
.company{ background-image:none;}
.aboutus .content .title{ display:none;}
.aboutus .content .c_name{ font-size:25px;}
.experience1 ul{ justify-content:center;}
.experience1 ul li{ flex:none; width:33.3%; text-align:center; margin-bottom:5%;}
.experience1 ul{flex-wrap: wrap;}
.experience1{ padding:30px 10px 20px;}
.history{ padding-top:19px;}
.state{ margin-bottom:8%;}
.state .infor{ font-size:20px; margin-bottom:20px;}
.state ul{flex-wrap: wrap;}
.state ul li{ font-size:18px; margin:5px 0px;    padding: 5px 10px; flex:none; width:100%;}
.Mission{ padding-top:12%;}
.Technical{ padding-top:48px; padding-bottom:10%;}
.certificate{ margin-bottom:10%;}
.actity{ margin-bottom:10%;}
}
@media screen and (max-width:350px){
	body{ font-size:12px;}
	
}



/* 产品中心 */
.product_bt .title{
	font-size: 48px;
	font-weight: 600;
	text-align: center;

}
.ptb-40{
	padding: 45px 0;
}



.product_type .product_type_list .con{
	background: url(../images/product_type_bg.gif) no-repeat;
	background-size:cover;
	height: 259px;
	text-align: center;
	position: relative;
}



.product_type .product_type_list .con a.title{
    font-size: 24px;
    font-weight: 700;
	line-height: 70px;


   
}
.product_type .product_type_list .con a.ico{

    text-align: center;
	display: flex;
	height: 179px;
    align-items: center;
    justify-content: center;



}

.product_type .product_type_list .con img{
	max-width: 80%;
	max-height: 171px;
}


.product_type>.row{
	margin-left: -10px;
	margin-right: -10px;
}

.product_type>.row>div{
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 20px;
	padding-top: 20px;
}

.bottomborder{
	height: 3px;
	background: #0073B4;
	bottom: 0;
	position: absolute;
	width: 100%;
	box-shadow: 3px 0 3px -3px rgba(200, 200, 200, 0.7), -3px 0 3px -3px rgba(200, 200, 200, 0.7), 0 5px 5px 0px rgba(200, 200, 200, 1);

}

.sanjiao {
	width: 60px;
	height: 60px;
	background: #FFF;	
	transform: rotate(-45deg);
	position: absolute;
	right: -28px;
    bottom: -28px;
	border-top: #0073B4 solid 3px;
	
  }
  .sanjiao::before {
	content: "";
	position: absolute;
	top: -10px; /* 调整偏移量以控制阴影位置 */
	left: 0;
	right: 0;
	height: 10px; /* 调整高度以控制阴影的宽度 */
	box-shadow: 3px 0 3px -3px rgba(200, 200, 200, 0.7), -3px 0 3px -3px rgba(200, 200, 200, 0.7), 0 5px 5px 0px rgba(200, 200, 200, 1);
	
  }




@media(max-width:1100px){

}

@media(max-width:1000px){

}

@media(max-width:750px){
	.product_type>.row{
		margin-left: -5px;
		margin-right: -5px;
	}
	
	.product_type>.row>div{
		padding-left: 5px;
		padding-right: 5px;
		padding-bottom: 10px;
		padding-top: 10px;
	}
	.product_type .product_type_list .con a.title{
		font-size: 16px;
		line-height: 40px;
		
	}
	.product_type .product_type_list .con{
		height: 180px;
		

	}
	.product_type .product_type_list .con a.ico{
		height: 150px;
	}

	.product_type .product_type_list .con img{
		max-height: 120px;
	}
	.product_bt .title{
		font-size: 24px;
	}
}


/* 产品中心行业应用 */

.product_ny_banner{
	text-align: center;
}

.product_hy_list>div a{

	overflow: hidden;
	display: block;
	position: relative;

}
.product_hy_list>div a img{
	width: 100%;
}
.product_hy_list  a .title{
position: absolute;
bottom: 0px;
padding:15px;
font-size: 32px;
font-weight: 500;
color: #fff;
}


.product_hy_list a:before {
	width: 100%;
    height: 100%;
    position: absolute;
    left: 0px;
    top: 0px;
    background-color: rgba(255,255,255,0.2);
    content: '';
    z-index: 5;
}

.product_more a{

	color: #0073B4;
    font-size: 12px;
    display: block;
    text-align: right;
	line-height: 60px;

}
.product_hy .product_more a{

	line-height: 20px;
}

.product_hy .row{
	margin-left: -10px;
	margin-right: -10px;
}
.product_hy .row>div{
	padding: 10px;
}

@media(max-width:1100px){
	.product_hy_list li .title{
		font-size: 28px;
		font-weight: 500;

	}
}

@media(max-width:750px){
	.product_hy .row{
		margin-left: -5px;
		margin-right: -5px;
	}
	.product_hy .row>div{
		padding: 5px;
	}
	.product_hy_list a .title{
		font-size: 26px;
		padding: 10px;
	}
}



/* 产品中心资料下载 */

.product_down{
	background: #F7F8FA;
}

.product_down .product_down_list{
	margin-left: -25px;
	margin-right: -25px;
}

.product_down .product_down_list>div{
	padding-left: 25px;
	padding-right: 25px;
}

 .product_down .product_down_list>div .filedown{

	box-shadow: 3px 0 3px -3px rgba(200, 200, 200, 0.7),-3px 0 3px -3px rgba(200, 200, 200, 0.7),0 5px 5px 0px rgba(200, 200, 200, 1);


	padding: 7%;
	background-color: #F4F4F4;

	
}

.product_down .product_down_list .title{
	padding-left: 10%;



}

.product_down .product_down_list h3{
	font-size: 20px;
	font-weight: 700;
	margin-top: 20%;
}

.product_down .product_down_list .title h3 span{
	color: #008CDB;
    font-size: 14px;
    padding-left: 5px;
}

.product_down .product_down_list .title  p{
	font-size: 14px;
	font-weight: 400;
	padding-top: 10px;
}

.product_down .product_down_list .title .down{
	width: 80%;
	display: block;
	margin-top: 20px;
	background-color: #008CDB;
	background-image: url(../images/downbutton.svg);
	background-repeat: no-repeat;
	background-position: right 15px center;
	border-radius: 3px;
	padding: 8px 16px;
	font-size: 16px;
	font-weight: 400;
	color: #fff;
}



@media(max-width:1100px){
	.product_down .product_down_list .title h3 a {
		font-size: 18px;		
	}

	.product_down .product_down_list{
		margin-left: -15px;
		margin-right: -15px;
	}
	
	.product_down .product_down_list>div{
		padding-left: 15px;
		padding-right: 15px;
	}
	
}


@media(max-width:1000px){
	.product_down .product_down_list .title h3 a {
		font-size: 16px;
		
	}

	.product_down .product_down_list{
		margin-left: -10px;
		margin-right: -10px;
	}
	
	.product_down .product_down_list>div{
		padding-left: 10px;
		padding-right: 10px;
	}
	
}

@media(max-width:750px){
	.product_down .product_down_list{
		grid-template-columns:repeat(1,1fr);
	}
	.product_down .product_down_list li .title{
		padding-left: 10%;
	}

	.filedown .row{
		margin-left: -5px;
		margin-right: -5px;
	}
	.product_down .product_down_list .title{
		padding-left: 5px;
		padding-right: 5px;
	}
	.product_down .product_down_list h3{
		margin-top: 10%;
	}

	.product_down .product_down_list .title p{
		padding-top: 5px;
	}

	.product_down .product_down_list .title .down{
		margin-top: 10px;
	}
	
}


/* 案例中心 */


.case_banner{
	text-align: center;
	position: relative;

}
.case_banner .content{
	position: absolute;
	width: 1300px;
	left: 50%;
    top: 35%;
    transform: translate(-50%,-50%);
    z-index: 10;

}
.case_banner img{
	width: 100%;
}

.case_banner .title{
	font-size: 64px;
	font-weight: 600;
	position: absolute;
	left: 0;
	border-bottom: 5px #000 solid;

	padding-bottom: 2px;
}



@media(max-width:1360px){
	.case_banner .content{
	width: 100%;}

	.case_banner .title{

		left: 15px;
		border-bottom: 3px #000 solid;
	}


}

@media(max-width:767px){


	.case_banner .title{
		font-size: 22px;

		left: 15px;
	}


}

.case .ico{
	border-bottom: 4px solid #0073B4;
	
}

.case .ico img{
	width: 100%;
}

.case h3{
	border:#78808B solid;
	border-width: 0 1px 1px 1px;
	color: #78808B;
	font-size: 20px;
	font-weight: 500;
	text-align: center;
	line-height: 60px;
}

.caselist>div{
	margin-bottom: 50px;
}

@media(max-width:750px){

	.caselist>div{
		margin-bottom: 20px;
	}

	.case h3{

		line-height: 50px;
		font-size: 18px;
	}
}

/* 服务中心 */

.service_title{
	border-bottom: #6B6B6B	1px solid;
	width: 95%;
	margin: 0 auto;
}
.service_title h4{
	color: #008CDB;
	font-size: 16px;
	font-weight: 500;
	display: inline-block;
	/* border-bottom: 4px solid #028ddb; */
	padding: 0 20px;
	position: relative;
	line-height: 30px;
}




.service_title h4::before,
.service_title h4::after {
  content: "";
  position: absolute;
  bottom:-0.5px;
  width: 100%;
  height: 4px;
  background-color: #008CDB;
  transform: skewX(320deg);
  transform-origin: center;
  left: 0;
}

.service_list ul li{
	background-color: #EDEEF0;
	padding: 10px 30px;
	margin-top: 20px;
}

.service_list ul li img{
	width: 62px;
}

.service_list ul li .title{
	line-height: 62px;

}
.service_list ul li .title span{
	padding-left: 15px;
	font-size: 18px;
	font-weight: 500;
}

.service_list ul li .service_down{
	float: right;
	line-height: 62px;
	padding-right: 20px;
}

.service_list ul li .service_down i{
	font-size: 40px;
}


.service>.container>.row{
	padding-bottom: 100px;
}




  
  .service_nav{
	background-color: #F5F5F5;
	padding: 10px 0;
	box-shadow: 3px 0 3px -3px rgba(200, 200, 200, 0.7),-3px 0 3px -3px rgba(200, 200, 200, 0.7),0 3px 3px 0px rgba(200, 200, 200, 1);
	max-width: 243px;
	min-height: 500px;
  }

#leftNavigation>li>a{
	font-size: 18px;
	padding-left: 30px;
	color: #000;
	line-height: 50px;
	text-decoration: none;
	display: block;
	position: relative;
}

#leftNavigation>li>a::after{
	font-family: "iconfont";
	content: '\eb15';
	position: absolute;
	font-size: 12px;
	right: 10px;
	line-height: 50px;
	color: #78808B	;
}


#leftNavigation>li.active>a::after{

	content: '\ee4a';
	color: #008CDB	;

	
}

#leftNavigation>li>ul>li a{
	
	padding-left: 30px;
	line-height: 44px;
	display: block;
	text-decoration: none;



	
}


#leftNavigation>li>ul>li.active a{

	background-color: #fff;
	border-right: 3px solid #008CDB;
	color: #008CDB;

}


#leftNavigation>li.active>ul{
	display: block;
}

 
  #leftNavigation li ul {
	display: none;
	margin: 0;

  }


  .server_menu span::before{
	font-family: 'iconfont';
	content: '\e653';
	font-size: 18px;
    padding-left: 15px;
  }

  .server_menu span.active::before{
	font-family: 'iconfont';
	content: '\ed1e';
  }

  @media(max-width:767px){
	.service_nav{
		min-height: auto;
		max-width: 100%;
		margin-bottom: 20px;
	}
	.service_list ul li .service_down{
		padding-right:0;
	}

	.service_list ul li{

		padding: 10px 20px;

	}

}


/* 选型 */
.xuanxing_list>div{
	border-top: 1px solid #6B6B6B;
	position: relative;
}

.xuanxing_list{
	padding-bottom: 30px;
}
.xuanxing_list li{
	border-top: 1px solid #6B6B6B;

		padding: 10px 0;
		height: 218px;

}

.xuanxing_list  .ico{
	padding: 50px;
    display: block;
	float: left;
}





.xuanxing_list li .text{
    width: 70%;

	padding-top: 40px;
	float: left;
	width: 540px;

}
.xuanxing_list .text a{
	font-size: 28px;
	font-weight: 400;
	line-height: 50px;
}

.xuanxing_list  .ico img{
	width: 98px;
}




.xuanxing_list li .more{
	display: block;
	width: 128px;
	height: 30px;
	border: 1px solid #000;
	font-size: 14px;
	font-weight: 400;
	line-height: 30px;
	text-align: center;
	float: right;
	margin-top: 80px;

}
.xuanxing_list li .more a:hover{text-decoration: none;}

.xuanxing #table .th-inner {
	font-size: 16px;
}

.xuanxing #table td{
	font-size: 16px;
}

@media(max-width:950px){
	.xuanxing_list li .text{
		width: 400px;
		padding-top: 20px;
		
		
	}
	.xuanxing_list li .more{
		margin-top: 60px;
	}
	.xuanxing_list .ico {
		padding: 30px;
		display: block;
		float: left;
	}

}


@media(max-width:767px){

	
	.xuanxing_list .ico{

		text-align: center;
		padding-top: 20px;
		padding-right: 10px;
		padding-left: 0;
		
	}

	.xuanxing_list li .text{
		float: none;
		width: auto;
		padding-top: 10px;
		
		
	}
	.xuanxing_list li .text a{
	
		font-size: 18px;
		line-height: 30px;
	}
	.xuanxing_list li .text p{
		font-size: 12px;

			display: -webkit-box;
			-webkit-line-clamp: 3; /* 限制显示的行数 */
			-webkit-box-orient: vertical;
			overflow: hidden;
			text-overflow: ellipsis;
	

	}
	.xuanxing_list li .more{
		float: left;
		margin-top: 0;
		line-height: 23px;
		font-size: 12px;
		height: 24px;
	}
	.xuanxing_list li{
		height: 168px;
	}



}


/* 新闻中心 */


.news_list .ico{


width: 37.5%;
float: left;
padding-right: 20px;
overflow: hidden;
	
}

.news_list .ico img{
	height: 100%;
	width: auto;

}
.news_list_num{
	padding: 40px 0;
	border-bottom:1px solid #DBDBDB;
}
.news_list .text{
	position: relative;
	width: 62.5%;
	float: left;
	height: 258px;
}
.news_list .text h3{
	font-size: 20px;
	font-weight: 500;
	line-height: 26px;
}

.news_list .text p{
	font-size: 14px;
	font-weight: 400;
	padding-top: 10px;
	/* letter-spacing: 1px; 设置文字间距为2像素 */

}

.news_list .text .more{
	position: absolute;
	bottom: 0;
	width: 100%;

}

.news_list .text .more span{
	display: block;
	float: left;
	color: #7A7A7A;
}
.news_list .text .more a{
	display: block;
	float: right;
	color: #0073B4;
}

.news_list_num .text>h3>span{
	padding-right: 20px;
}
.search_list {
	border-bottom: #ccc dotted 1px;
	line-height: 40px;
}

.search_list a{
	padding-right: 5px;
}
.search_list span{
	color: #999;
}
.search_list .more{
	float: right;
	color: #008CDB;
}

@media(max-width:1200px){
	.news_list .ico img,.news_list .text {
		height: 240px;
	}
}

@media(max-width:1100px){	

	.news_list .ico img,.news_list .text{
		height: 227px;
	}
}

@media(max-width:1000px){	

	.news_list .ico img,.news_list .text{
		height: 207px;
	}
}

@media(max-width:900px){	

	.news_list .ico img,.news_list .text{
		height: 180px;
	}
}

@media(max-width:800px){	

	.news_list .ico img,.news_list .text{
		height: 160px;

		
	}
	.news_list .ico img,.news_list .text p{
		display: -webkit-box;
			-webkit-line-clamp: 4; /* 限制显示的行数 */
			-webkit-box-orient: vertical;
			overflow: hidden;
			text-overflow: ellipsis;
			line-height: 20px;
			
	}
	.news_list .text h3{
		font-size: 16px;
	}
}


@media(max-width:767px){	

	.news_list .ico,.news_list .text{
		float: none;	
		width: 100%;	
		padding: 0;
	}
	.news_list .ico img{
		width: 100%;
		height: 100%;
	}

	.news_list .text h3{
		font-size: 16px;
		font-weight: 600;

	}
	.news_list .text .more{
		position: static;
		padding-top: 10px;
	}
	
}


/* 人才招聘 */
.jobsearch {
	margin-bottom: 50px;
}
.jobsearch form{
	height: 61px;
}

.jobsearch input.key{
width: 85.4%;
background-color: #EDEDED;
border: 0;
height: 100%;
border-radius: 5px;
padding: 0 20px;
display: block;
float: left;
}

.jobsearch input.submit{
	width: 159px;
	height: 61px;
	background: #008CDB;
	border: 0;
	border-radius: 5px;
	color: #FFF;
	font-size: 20px;
	display: block;
	float: right;
	
	
}

.shixuan{
	line-height: 50px;

}
.shixuan .sxtype{
	float: left;
	padding-right: 20px;
	font-size: 16px;
	font-weight: 500;
	color: #696969;
}

.shixuan .sxlist{
	font-size: 16px;
	font-weight: 400;

}

.shixuan .sxlist a{
	color: #696969;
	padding: 0 10px;
}

.shixuan .sxlist a.active{
	color: #008CDB;

}
.jobtable {
	margin-top: 20px;
	margin-bottom: 100px;
}
.jobtable thead{
background-color: #EEEEEE;
}
.jobtable thead tr th{
	color: #474747;

}

.jobtable tr{
	height: 52px;
}

.jobtable tr th,.jobtable tr td{
	line-height: 50px;
	text-align: center;
}

.jobtable tr th:first-child,.jobtable tr td:first-child{
text-align: left;
}

.jobtable tr th{
	font-size: 16px;
	font-weight: 500;
}

.jobtable tr td{
	font-size: 16px;
	font-weight: 400;
}

.jobtable tr td a{
	color: #008CDB;
}
.jobtable tr:nth-child(even) {
	background-color: #FAFAFA; /* 设置偶数行的背景颜色 */
  }

@media(max-width:1180px){	
	.jobsearch input.key{
		width: 80%;
	}
	
	
}

@media(max-width:880px){	
	.jobsearch input.key{
		width: 70%;
	}
	
	
}

@media(max-width:767px){	
	.jobsearch input.submit{
		width: 110px;
	}
	.jobsearch input.key{
		width: 65%;
	}

	.shixuan .sxlist a{
		display: block;

		float: left;
	}
	.shixuan .sxlist{
		font-size: 16px;
	}
	.shixuan .sxtype{
		font-size: 16px;
	}

	.shixuan{
		line-height: 40px;
	}
	
}


.caseview .casehr{

	height: 16px;
	border-bottom: solid 1px #C0C0C0;
	position: relative;
}

.caseview .casehr::after{
	content: '';
	display: block;
	position: absolute;
	right: 45px;
	top: 12px;
	width: 20px;
	height: 7px;
	background-color: #fff;
	background-image: url(../images/casehr_xg.svg);
	background-repeat: no-repeat;
	background-size: auto;
    background-position: center;
    padding: 0 15px;
}

.caseview .casehr span{
	line-height: 30px;
	background: #fff;
	font-size: 20px;
	font-weight: 500;
	padding-right: 20px;
}

.caseview .casehr span i{
	color: #008CDB;
	font-size: 22px;
	padding-right: 10px;
}


.caseview .text{
	font-size: 16px;
	font-weight: 400;
	padding: 50px 0;

}

.con-caselist{
	padding-bottom: 60px;
}


/* 案例swiper */

.case_actity{ background:#f4f4f4; padding:18px 22px; position:relative; margin-bottom:108px;}
.case_actity ul li{ width:24.2%; margin-right:1%; float:left;}
.case_actity ul li .photo{ position:relative; padding-top:66.7%;}
.case_actity ul li .photo img{ width:100%; height:100%; position:absolute; left:0px; top:0px;object-fit: cover;
 object-position: center center;
 object-fit: cover;
 object-position: center center;
}
.case_actity ul li:nth-child(4){ margin-right:0px;}
.case_actity .bnr{ position:absolute; width:72px; height:72px; border-radius:50%; right:-36px; top:50%;transform:translateY(-50%);-webkit-transform:translateY(-50%);background-image:url(../images/but.png); background-repeat:no-repeat; background-position:center center; background-size:cover; z-index:20;cursor:pointer;}
.case_actity .bnra{ position:absolute; width:72px; height:72px; border-radius:50%; left:-36px; top:50%;transform:translateY(-50%);-webkit-transform:translateY(-50%);background-image:url(../images/buta.png); background-repeat:no-repeat; background-position:center center; background-size:cover; z-index:20;cursor:pointer;}
.case_actity ul li .title{
	height: 40px;
	border-width: 3px 1px 1px 1px;
	border-color: #0073B4 #78808B #78808B #78808B;
	border-style: solid;
	line-height: 40px;
	text-align: center;
	font-size: 18px;

}
.case_actity ul li .title a{

	color: #78808B;
}


/* 产品中心三级页面 */

.product_list{
	background-image: url(../images/indexbg.jpg);
    background-repeat: no-repeat;
    background-position: center top;
    background-size: 100%;
}

.product_list h3{
	font-size: 26px;
	font-weight: 500;
	padding-bottom:55px;
	
}
.product_list h2{
	font-size: 40px;
	font-weight: 600;
	padding-bottom:15px;
}
.product_list .type_list li{
	padding-bottom: 40px;
	position: relative;
	border-left: 3px solid #E6E6E6;




}

.product_list .type_list li.active::before{
	content: '';
	height: 48px;
	width: 5px;
	background-color: #008CDB;
	border-radius: 3px;
	display: block;


	left: -2px;
	position: absolute;
}
.product_list .type_list li a{
	font-size: 18px;
	line-height: 40px;
	padding-left: 55px;
	display: inline-block;

}

.product_list .type_list li .navlist{
	display: none;
	position: absolute;

	background-color: rgba(255,255,255,0.9);
	box-shadow: 0px 0px 5px 2px rgba(0, 0, 0, 0.1);
	padding: 15px 20px;
	z-index: 999;

}

.product_list .type_list li .navlist a{
	padding: 0;
	display: block;
	font-size: 14px;
	width: 200px;
}

.product_list .type_list li .navlistsub a{

	display: block;

}




.product_list .type_list li a.active{


	padding-left: 50px;



}
.product_list .type_list li a.active::after{
	content: '\e68b';
	font-family: 'iconfont';
	font-size: 12px;
	color: #008CDB;
	font-weight: 700;
	padding-left: 15px;
	position: relative;
	bottom: 3px;
}
.pictitle{
	padding-top: 15px;
	padding-bottom: 15px;
}
.pictitle a{
	display: block;
	position: relative;
    background-color: #F5F5F5;

	text-align: center;

}
.pictitle a:hover{

	box-shadow: 0 2px 4px #008CDB,
              0 -2px 4px #008CDB,
              2px 0 4px #008CDB,
              -2px 0 4px #008CDB;
}



.pictitle .ico{

	height: 85%;
	text-align: center;

}

.pictitle .ico img{
	position: absolute;
	top: 50%;
	left: 0;
	right: 0;
	transform: translate(0, -50%);
	margin: auto;
	max-height: 100%; /* 限制图片高度不能超过容器高度 */
	max-width: 100%; /* 限制图片宽度不能超过容器宽度 */
  }
  .pictitle a span{
	font-size: 20px;
	line-height: 80px;

	display: block;
  }

  .pictitle a span i{
	color: #008CDB;
	font-size: 12px;
	font-weight: 600;
	position: relative;
	bottom: 2px;
	left: 3px;
  }

  .pictitle .title{

	position: absolute;
    width: 100%;
    bottom: 0;
  }


  .product_xuanxin{
	margin-top: 100px;
  }




  .product_list .type_list3 li a{
	font-size: 18px;
	font-weight: 600;
}
.product_list .type_list3 li .navlistsub a{
	font-size: 16px;
	font-weight: 500;
}

.product_list .type_list3 li .navlistsub a.this{
	color: #008CDB;
}


.product_list .type_list3 li a.active::after {
    content: '\eb15';
    font-family: 'iconfont';

}

.prolist{
	padding: 10px;
}
.prolist a{background-color: #F2F2F2;
display: block;}
.prolist a .ico{height: 85%;
text-align: center;}

.prolist a .title{
	text-align: center;
	font-size: 14px;
	font-weight: 500;
	
}
.prolist a .title i{
	color: #008CDB;
	font-size: 14px;
	transform: scale(0.7);
	display: inline-block;
}



  @media(max-width:1100px){	
	.pictitle a {

		height: 376px;

	}

	.pictitle .ico {
		width: 310px;
		height: 270px;
		top: 30px;
	}
}


@media(max-width:1000px){	
	.pictitle a {

		height: 340px;

	}

	.pictitle .ico {
		width: 280px;
		height: 255px;
		top: 20px;
	}
}
@media(max-width:900px){	
	.pictitle a {

		height: 300px;

	}

	.pictitle .ico {
		width: 260px;
		height: 235px;
		top: 20px;
		
	}
	.pictitle a span{
		line-height: 50px;
	}
}

@media(max-width:768px){	
	.product_list .type_list li{
		padding: 5px 0;
		height: 53px;
		
	}
	.product_list .type_list li a{
     font-size: 16px;
	 padding-left: 25px;
	}

	.product_list .type_list li a.active{
		padding-left: 20px;
	}
	.product_list .type_list li{
		width: 50%;
		float: left;
	}

	.product_list .type_list li a.active::after{
		padding-left: 5px;
		font-size: 10px;
	}

	.product_list h2{
		padding: 20px 0;
		font-size: 22px;
	}

	.navlistsub{
		display: none;
	}
}
@media(max-width:600px){	
	.pictitle a {

		height: 271px;

	}

	.pictitle .ico {
		width: 230px;
		height: 210px;
		top: 15px;
	}
	.pictitle a span{
		line-height: 50px;
	}

	.product_list .row .row{
		margin-left: -5px;
		margin-right: -5px;
	}

	.pictitle{
		padding-left: 5px;
		padding-right: 5px;
	}


	
}

@media(max-width:500px){	
	.pictitle a {

		height: 160px;

	}

	.pictitle .ico {
		width: 135px;
		height: 125px;
		top: 10px;
	}
	.pictitle a span{
		line-height: 30px;
		font-size: 16px;
	}

	.product_list .row .row{
		margin-left: -5px;
		margin-right: -5px;
	}

	.pictitle{
		padding-left: 5px;
		padding-right: 5px;
	}
}


/* 镜头选型助手 */
.xuanxing{
	padding-bottom: 80px;
}
.xx_search{
	position: relative;
	margin-bottom: 20px;

}
.xx_search .qcsx{
	position: static;
}
.xx_search .form-control{
	border-radius: 0;
}

.xx_search button{
	position: absolute;
	bottom:15px;
    right: 15px;
	border: #008CDB 1px solid;
	background: none;
	color: #008CDB;
	font-size: 14px;
	font-weight: 400;
	width: 103px;
	height: 34px;
}

.xxzs_table tr td{
font-size: 12px;
text-align: center;
line-height: 22px;
font-weight: 400;
}

.xxzs_table tr th{
text-align: center;
}

.xxzs_table thead tr{
	background-color: #D9D9D9;
	height: 40px;
    line-height: 40px;
}

.table-bordered > thead > tr > th,
.table-bordered > tbody > tr > th,
.table-bordered > tfoot > tr > th,
.table-bordered > thead > tr > td,
.table-bordered > tbody > tr > td,
.table-bordered > tfoot > tr > td {
  border: 0;
}
.pagination > li > a,
.pagination > li > span {
	color: #333;
}

.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {

  color: #337ab7;
  cursor: default;
  background-color: #FFF;
  border-color: #337ab7;
}
/* 产品详情页 */

.productlist{
	background-image: url(../images/indexbg.jpg);
    background-repeat: no-repeat;
    background-position: center top;
    background-size: 100%;
}


.ny_product_banner{
	border-bottom: 3px #73BBE5 solid;
	position: relative;
	text-align: center;
}

.ny_product_banner img{
	width: 100%;
}

.product_actity{ 




	position: absolute;

   bottom: -35px;
	
}
.product_actity .product_swiper{
	overflow: hidden;
	max-width: 1360px;
}

.product_actity ul{
	width: 8500px;
}

.product_actity ul li{
	width: 223px;
	height: 134px;
	float: left;
	position: relative;
	margin-left: 15px;
	top:39px;
}
.product_actity ul li img{
	height: 100%;
    width: 100%;
}
.product_actity ul li.active{
	width: 353px;
	height: 208px;
	padding-left: 0;
	top:0;
	padding-bottom: 3px;
	margin-left: 0;
	
}
.product_actity ul li::after{
content: '';
display: block;
border-bottom: 3px #008CDB solid;
width: 0px;
transition: width 0.5s ease;

}
.product_actity ul li:hover::after{
	content: '';
	display: block;
	border-bottom: 3px #008CDB solid;
	width: 100%;
	}


.product_actity ul li .title{
	height: 40px;
    line-height: 30px;
    text-align: left;
    font-size: 16px;
    position: absolute;
    top: 5px;
	left: 15px;
	font-weight: 600;
    width: 100%;

}

.product_actity ul li.active .title{
	font-size: 22px;
	line-height: 40px;
	top: 10px;
	left: 20px;
}



.product_actity .product_swiper-button-next{ position:absolute; width:72px; height:72px; border-radius:50%; right:-36px; top:50%;transform:translateY(-50%);-webkit-transform:translateY(-50%);background-image:url(../images/but.png); background-repeat:no-repeat; background-position:center center; background-size:cover; z-index:20;cursor:pointer;}
.product_actity .product_swiper-button-prev{ position:absolute; width:72px; height:72px; border-radius:50%; left:-36px; top:50%;transform:translateY(-50%);-webkit-transform:translateY(-50%);background-image:url(../images/buta.png); background-repeat:no-repeat; background-position:center center; background-size:cover; z-index:20;cursor:pointer;}



.product_actity ul li .title a{

	color: #000;
}


@media(max-width:767px){	

	.product_actity ul li.active{
		width: 160px;
		height: 94px;
	}
	.product_actity ul li .title {
		font-size: 12px;
		line-height: 20px;
	}
	.product_actity ul li.active .title {
		font-size: 12px;
		line-height: 20px;
	}
	.product_actity ul li{
		width: 160px;
		height: 94px;
		top:0;
		margin-left: 5px;
		padding-bottom: 3px;
	}

	.product_actity .product_swiper-button-next {
		width: 45px;
		height: 45px;
	
	}
	.product_actity .product_swiper-button-prev {

		width: 45px;
		height: 45px;
		left: -18px;
	
	}
}



/* 产品标题部分 */
.pro_title{
	position: relative;
	margin-bottom: 50px;
}
.pro_title img{
	width: 100%;
}
.pro_title h3{
	color: #fff;
	margin-top: 55px;
	font-size: 40px;
	font-weight: 700;
	padding-bottom: 35px;
}
.pro_title p{
	color: #fff;
	font-size: 16px;
}

.pro_title .buttn{
	margin-top: 34px;
}
.pro_title .buttn a{
	width: 116px;
	height: 34px;
	color: #fff;
	font-size: 15px;
	
	
}

.pro_title .buttn a.lxxs{
	background-color: #008CDB;
    border-color: #2e6da4;
	margin-right: 10px;
}
.pro_title .buttn a.zlxz{
	background-color: #C7C7C7;
    border-color: #2e6da4;
}

.pro_title .pro_title_con{
	position: absolute;
	top: 0;
	width: 50%;
	
	padding-left: 23px;

}

.pro_title .title_left{
left: 0;
padding-left: 130px;
}
.pro_title .title_right{
	right: 0;
	padding-right: 117px;}
@media(max-width:1100px){	

	.pro_title h3{
		font-size: 30px;
		margin-top: 40px;
		padding-bottom: 25px;
	}
	.pro_title p {
	
		font-size: 14px;
	}
}

@media(max-width:992px){	
	.pro_title .pro_title_con{
		width: 100%;
	}

	.pro_title h3 {
		font-size: 20px;
		margin-top: 20px;
		padding-bottom: 15px;
		
		
	}
	.pro_title p{
		font-size: 14px;
	}
	.pro_title .buttn {
		margin-top: 15px;
	}
}

@media(max-width:767px){	
	.pro_title .pro_title_con{
		width: 100%;
	}

	.pro_title .title_left{
		padding-left: 30px;
	}

	.pro_title .title_right{
		padding-right: 30px;
	}

	.pro_title h3 {
		font-size: 24px;
		margin-top: 15px;
		padding-bottom: 15px;
		
		
	}
	.pro_title p{
		display: none;
	}
	.pro_title .buttn {
		margin-top: 0px;
	}
	.pro_title .pro_title_con{
		padding-right: 0;
	}
	.pro_title{
		

		margin-bottom: 15px;
	}
	
}

/* 产品特点 */
.pro_td h3{
	padding-top: 50px;
	padding-bottom: 15px;
	font-size: 18px;
	font-weight: 500;
	text-align: center;
}
.pro_td ul{

	padding-left: 50px;
	
}
.pro_td ul li{
	position: relative;
	padding-left: 10px;
	font-size: 14px;
	font-weight: 500;
	width: 50%;
	float: left;
}
.pro_td ul li::before{

	width: 4px;
	height: 4px;
	border-radius:50%;
	position: absolute;
	left: 0px;
	top: 9px;
	background: #000;
	content: '';

}
.pro_td .protd_ico{
	padding: 15px;
	position: relative;
	text-align: center;
	min-height: 290px;

}




.pro_td .td_con{
width: 44%;
}
.pro_td .td_ico{
	width: 56%;
}

@media(max-width:992px){	
	.pro_td .td_con{
		width: 100%;
		}
		.pro_td .td_ico{
			width: 100%;
		}

		
		
	.pro_td h3 {
		padding-top: 50px;
		padding-bottom: 30px;

	

	}

	.pro_td ul{
		padding-bottom:40px;
		padding-left:15px;
	}

	.pro_td .container{
		padding-bottom:20px;
	}

	.pro_td ul li::before{
		width: 6px;
    height: 6px;
	top: 11px;
	}
}


/* 产品视频 */

.pro_video video{
	width: 100%;
}

.pro_video h3{
	font-size: 64px;
	font-weight: 700;
	text-align: center;
	margin-top: 70px;
	margin-bottom: 40px;

}

.ckin__player .default__button--big i{
	font-size: 50px;
	color: #FFF;
	
}
.ckin__controls i{
	color:#FFF;
}
.player .default{
	border-radius: 0;
}

@media(max-width:767px){	
	.pro_video h3 {
		font-size: 28px;
		margin-top: 30px;
		margin-bottom: 15px;

	}
}
  
/* 产品型号说明,应用行业 */
.xhsm,.yyhy{
	padding-top: 70px;
}

.xhsm .ico img{
	width: 100%;
}
.xhsm .ico {
	position: relative;
}

.xhsm .ico i{
	content: '\e67d';
	font-family: 'iconfont';
	position: absolute;
	top: -16px;
	right: 20px;
	font-weight: bold;
    color: #008CDB;
    cursor: pointer;
	font-size: 16px;

}

.xhsm h3,.yyhy h3{
	font-size: 30px;
	font-weight: 700;
	padding-bottom: 40px;
	text-align: center;
}

.yyhy .ico{
	display: block;
}
.yyhy .title{
	font-size: 20px;
	font-weight: 400;
	display: block;
	text-align: center;
	line-height: 60px;
}
.yyhy{padding-bottom: 66px;}

.yyhy .more{
	text-align: right;

}

.yyhy .more a{
	font-size: 16px;
	font-weight: 400;
	color: #008CDB;
}

@media(max-width:767px){	
	.xhsm, .yyhy{
		padding-top: 50px;
	}
	.xhsm .ico{
		padding-right: 0;
	}
	.xhsm h3, .yyhy h3{
		font-size: 24px;
		font-weight: 700;
		padding-bottom: 20px;
	}
	.yyhy .title{
		line-height: 40px;
		padding-bottom: 20px;
	}
}

/* 资料下载 */

.zl_down .container .dapei{
	padding-top: 70px;
}
.zl_down .container .dapei a{
	display: block;
	text-align: center;
}
.zl_down .container .dapei .contentlist{
	background-color: #fff;
	box-shadow: 3px 0 3px -3px rgba(200, 200, 200, 0.7),-3px 0 3px -3px rgba(200, 200, 200, 0.7),0 3px 3px 0px rgba(200, 200, 200, 1);
    -webkit-box-shadow: 3px 0 3px -3px rgba(200, 200, 200, 0.7),-3px 0 3px -3px rgba(200, 200, 200, 0.7),0 3px 3px 0px rgba(200, 200, 200, 1);
   border-bottom: #008CDB solid 4px;
}
.zl_down .container .dapei a .ico{
	height: 80%;
}

.zl_down .container .dapei a .title{
	padding-top: 10%;
	font-size: 20px;
}

.zl_down{
	background-color: #F7F8FA;
	margin-top: 100px;
	
}

.zl_down .xiazai{
	background: url(../images/zl_down_bg.png) no-repeat;
	background-size: contain;
    background-position: center;
	padding: 155px 0;
}

.zl_down .huace{
	text-align: right;
}

.zl_down .xiazai a{
	width: 166px;
	height: 50px;
	background-color: #008CDB;
	font-size: 18px;
	color: #FFF;
	line-height: 34px;
	position: relative;
	text-align: left;
	padding-left: 20px;
	margin: 0 5px;
}
.zl_down .xiazai a:hover{
	color: #FFF;
}
.zl_down .xiazai a i{
	font-size: 25px;
	position: absolute;
	right: 20px;
	top: 8px;

}



@media(max-width:990px){	

	.zl_down .container .dapei>div{
		padding-left: 8px;
		padding-right: 8px;
		margin: 10px auto;
	}

	.zl_down .container .dapei a .title{
		font-size: 12px;
	}

	.zl_down{

		margin-top: 50px;
		
	}

	.zl_down .container .dapei {
		padding-top: 30px;
	}
	
}

  /* 试用申请 */

  .trialform{
	padding: 0 40px;
  }

  .trialform p{
	padding: 15px 0;
  }

  .trialform .form-control{
	border-radius: 0;
  }
  .trialform .form-group input{

padding-left: 30px;
  }
  .trialform .form-group{
	position: relative;
  }

  .trialform .form-group i{
	position: absolute;
	top:6px;
	left: 5px;
  }


  .trialform  .reg-but button{
    width: 157px;
    height: 41px;
    border: 0;
    border-radius: 0;
    font-size: 20px;

  }
  .trialform  .reg-but{
    text-align: center;
  }
  .trialform  .reg-but .chongtian{
    background-color: #D9D9D9;
    color: #000;
   
  }
  .trialform  .reg-but .tijiao{
    background-color: #008CDB;
  }

  .trialform .checkcode img{
	position: absolute;
	right: 0;
	top: 0;
	height: 33px;
	cursor: pointer;

  }


  /* 招聘 */

  .zp-info{
	padding: 80px;
	box-shadow: 0px 2px 3px 2px rgba(200, 200, 200, 0.7);
    -webkit-box-shadow: 0px 2px 3px 2px rgba(200, 200, 200, 0.7);
	margin-bottom: 100px;
  }

  .zp-info>.row>div{

	color: #696969;
	line-height: 30px;
  }

  .zp-info>.row{
	padding-bottom: 40px;
	border-bottom: 1px solid #9D9D9D;
  }

  .zp-info .description h4{
	padding-top: 40px;
	padding-bottom: 20px;
	font-size: 18px;
  }

  .zp-info .description{

	color: #696969;
  }

  .zp-info  .application{
margin: 70px 0;
width: 136px;
height: 47px;
border-radius: 3px;
border: 1px solid #008CDB;
line-height: 47px;
font-size: 20px;
text-align: center;

  }

  .zp-info  .application a{color: #008CDB;}

  .sqgw{
	padding: 10px 20px;
  }

  .sqgw .checkcode{
	position: relative;
  }

  .sqgw .checkcode img{
	position: absolute;
	right: 0;
	bottom: 1px;
	height: 32px;
	margin-right: 3px;
	cursor: pointer;
  }


  @media(max-width:767px){	

	.zp-info{
		padding: 20px;
	}
	.zp-info>.row{
		padding-bottom: 20px;
	}
}


/* 联系我们 */
.contact .address{
	border: 1px solid #D3D3D3;
	margin-top: 60px;
	margin-bottom: 60px;
	padding: 60px 40px;
	position: relative;
	border-bottom: 3px solid #008CDB;
}

.contact .address h4{
	font-size: 20px;
	font-weight: 600;
	line-height: 60px;
	color: #4B4B4B;
	position: relative;

}

.contact .address h4 span img{
	width: 80px;
	position: absolute;
	right: 5px;
	cursor: pointer;
}

.contact .address ul li{
	font-size: 16px;
	color: #4B4B4B;

}

.contact .huanan::before,.contact .taiwan::before{
	content: '';
	display: block;
	width: 142px;
	height: 2px;
	background-color: #008CDB;
	position: absolute;
	top: -2px;
	left: 0;

}

/* .contact .taiwan::before{
	content: '';
	display: block;
	width: 142px;
	height: 3px;
	background-color: #008CDB;
	position: absolute;
	top: -2px;
	right: 30px;

} */
.contact .huanan:hover::before,.contact .taiwan:hover::before{
	width: 100%;
	left: 0;
	transition: width 1s;
}
/* .contact .taiwan:hover::before{
	width: 100%;
	right: 0;
	transition: width 1s,right 0.2s;
} */


#hnbmapDiv,#twbmapDiv{
	height: 100%;
    width: 100%;
}

.hdmap{
	padding:30px;
	border-bottom: #008CDB 3px solid;
	width: 500px;
	right:50px;
	bottom: 120px;
	position: absolute;
	z-index: 999;
	background: #fff;
}

.hdmap h3{
	font-size: 20px;
	font-weight: 500;
	line-height: 50px;
	color: #4B4B4B;
}

.hdmap p{color: #4B4B4B;
font-size: 16px;}


@media(max-width:767px){	

	.contact .address{
		border: 1px solid #D3D3D3;
		margin-top: 30px;
		margin-bottom: 30px;
		padding: 40px 20px;
		position: relative;
		border-bottom: 3px solid #008CDB;
	}


	.hdmap{
		padding:20px;
		border-bottom: #008CDB 3px solid;
		width: 90%;
		right:5%;
		bottom: 0px;
		position: absolute;
		z-index: 999;
		background: #fff;
	}
}



/* 分页样式 */
.pages{padding: 20px 0;width:100%;text-align: center;clear: both;}
 
.pages a,.pages span{color: #666;padding: 0 15px;margin: 0 3px;display: inline-block;vertical-align: middle;line-height: 34px;border: 1px solid #F5F5F5;}
 
.pages a:hover{display:inline-block;color: #fff;background: #008CDB;border-color: #008CDB;box-shadow: 0 0 14px rgba(0, 0, 0, .2);}
 
.pages span{display:inline-block;color: #666;}
 
.pages a.page-num-current{display:inline-block;color: #008CDB;border-color: #008CDB;}
 
.text-secondary{text-align: center; padding:10px 0}


.search3 {
width: 100%;

position: absolute;
background-color: rgba(255,255,255,0.9);
padding: 30px;
display: none;

}
.search3 form{
	width: 330px;
	margin: 0 auto;
	position: relative;
}
.search3 form input{
	width: 100%;
	border: 0;
	background: none;

	line-height: 25px;
	border-bottom: solid 1px #000000	;

}

.search3 form button{
	background: none;
	border: none;
	position: absolute;
	top: 0;
	right: -35px;
	background: none;

}
.search3 form button span{
	font-size: 20px;
	color: #2C2F34;
}

.search3 form input::-webkit-input-placeholder {
	color:#4E4E4E;
	}

	@media(max-width:767px){	

		.search3 form{
			width: 280px;
	
		}
	}


	/* 兼容底部banner */

	.product_down,.product_list,.service>.container>.row,.yyhy{
		padding-bottom: 125px;
	}

.caseview,.case .caselist,.xxzs_table,.Mission,.contact,.news,.usercenter {
		padding-bottom: 85px;
	}

	.contactmap{
		position: relative;
	}


	/*多语言切换*/
	.language{
		position: relative;
	}
	.languagelist{
		display: none;
		position: absolute;
		left: -60px;
		width: 140px;
		border-bottom: 3px #008CDB solid;
		background: #fff;
	}
	.languagelist ul{
		padding: 10px 20px;
		line-height: 30px;
	}
	.languagelist li{
		
		font-size: 14px;
	}


	.mobile-code{
		margin-bottom: 20px;
		padding-top: 20px;
	  }
	
	  .mobile-code h4{
		font-size: 24px;
		font-weight: 500;
		text-align: center;
		line-height: 50px;
	  }
	
	  .mobile-code .reg-login{
		color: #4B4B4B;
		font-size: 20px;
		line-height: 60px;
		margin-bottom: 90px;
	  }
	
	  .mobile-code .form-group input{
		height: 58px;
		padding-left: 40px;
	  }
	  
	  .mobile-code .form-group i{
		font-size: 24px;
		top: 10px;
		left: 10px;
	  }
	  .mobile-code .form-group .mcode{
		position: absolute;
		top: 0;
		right: 0;
		height: 58px;
		border-radius: 0;
		border: 0;
		background-color: #D9D9D9;
		font-size: 20px;
		color: #000;
		line-height: 45px;
		padding: 0 20px;
	  }
	  .mobile-code .reg-but button{
		width: 157px;
		height: 41px;
		border: 0;
		border-radius: 0;
		font-size: 20px;
	
	  }
	  .mobile-code .reg-but{
		text-align: center;
	  }
	  .mobile-code .reg-but .chongtian{
		background-color: #D9D9D9;
		color: #000;
	   
	  }
	  .mobile-code .reg-but .tijiao{
		background-color: #008CDB;
	  }