﻿@charset "utf-8";
/* public css begin */
body{ padding-top:60px;font-family:'calibri';}
.wrap {
	width:100%;
	max-width:1420px;
	margin:0 auto;
}
.wrap2 {
	width:100%;
	max-width:1420px;
	margin:0 auto;
}
.mob-nav {
	width:60px;
	height:50px;
}
.mob-nav span {
	display:block;
	position:absolute;
	left:15px;
	width:30px;
	height:2px;
	top:50%;
	margin-top:-1px;
	background:#333;
	transition:all 0.5s ease;
}
.mob-nav:before {
	content:'';
	position:absolute;
	left:15px;
	width:30px;
	height:2px;
	top:13px;
	background:#333;
	transition:all 0.5s ease;
}
.mob-nav:after {
	content:'';
	position:absolute;
	left:15px;
	width:30px;
	height:2px;
	top:35px;
	background:#333;
	transition:all 0.5s ease;
}
.mob-nav.on span {
	width:0;
	transition:all 0.5s ease;
}
.mob-nav.on:before {
	top:23px;
	transform:rotate(45deg);
	transition:all 0.5s ease;
}
.mob-nav.on:after {
	top:23px;
	transform:rotate(-45deg);
	transition:all 0.5s ease;
}
.top .wraps{align-items:center; padding:0 3rem;}
.top {
	position:fixed;
	z-index:10;
	left:0;
	top:0;
	width:100%;
	transition:all 0.5s ease;  background:rgba(0,93,163,1); 
}
.top .mon{ display:block;}
.top .yon{ display:none;}
.top.on {
 
	transition:all 0.5s ease;
	  background: rgba(255,255,255, 0.8);
    backdrop-filter: blur(40px);
    -webkit-box-shadow: 0px 0px 0px 0px rgb(0 0 0 / 9%);
    box-shadow: 0px 0px 0px 0px rgb(0 0 0 / 9%);
 
}
.top.on .T-nav li a{ color:#333;}
.top.on .ind-search{ border:1px solid #999; overflow:hidden;}
.top.on  .ind-search .c1{ color:#333;transition:all 0.5s ease;} 
.top.on .ind-search:hover {
    border: 1px solid #005da3; box-shadow: 0 0 10px rgba(0,93,163,0.5); transition:all 0.5s ease;
} 
.top.on .ind-search .c2 {

    background: url(../images/fd.png) center center no-repeat;
}
.top.on .mon{ display:none;}
.top.on .yon{ display:block;}
.top.on .langec span img{
 
}
.top.on .langec span{ display:block; color:#333; cursor:pointer; background:url(../images/mxl.png) right center no-repeat;  }
.top.on .ind-search p{ text-indent:10px; color:#333;}
.top2 {
	position:fixed;
	z-index:10;
	left:0;
	top:0;
	width:100%;
	transition:all 0.5s ease;/* background:#fff;*/
}
.top2.on {
	background:rgba(255, 255, 255, 1);
	transition:all 0.5s ease;
}
.home{ border-bottom:1px solid #eee;
 
}
.home p{width:90%; line-height:40px; color:#0688d1;}
.home p span{ margin:0 20px 0 0px; font-size:12px;}
.home a{ background:#0688d1; color:#fff; padding:5px 10px; border-radius:5px; font-size:14px;transition:all ease .5s;} 
.logo {margin:5px 0;}
.logo img {
    height: 50px;
}
.tbss{ width:25%;align-items:center;}
.langec{ width:35%;  }
.langec span{ display:block; cursor:pointer; background:url(../images/xl.png) right center no-repeat; color:#fff; font-size:16px;  }
.langec span img{ width:20%;}
.langec .xlm{ position:absolute; display:none; background:#fff; box-shadow:0 0 8px rgba(0,0,0,0.1); border-bottom-right-radius:5px;
	border-bottom-left-radius:5px; width:100%; left:50%;margin-left:-50%; top:40px; overflow:hidden; z-index:3; padding:8px;}
.langec .xlm a{ display: block; transition:all ease .5s;
    text-align: left;
    width: 100%;
    line-height: 30px;
    color: #333;
    font-size: 14px;}
	.langec .xlm a img{ width:20%;}
	.ind-search{ border:1px solid rgba(255,255,255,0.6); border-radius:30px; width:60%; overflow:hidden; line-height:30px;}
	.ind-search p{ text-indent:10px; color:#fff;}
.ind-search .c1 {
   /* flex: 1;*/
    height: 30px;
     width:72%; margin-left:3%;
    color: #fff;
    background: none;
    border: none;
}

.ind-search .c2 {
    width: 30px;
    height: 30px; border:none;
    background:url(../images/fd2.png) center center no-repeat;
}

.lbotal {
    position: fixed;
    right: 0;
    top: 0px;
    z-index: 21;
    width: 40%;
    height: 91px;
    background: #fff;
    display: none;
    height: 100%;
}
.lbotal .search {
    height: 50px; overflow:hidden;
    width: 60%;
    border: 1px solid #ddd;
    border-radius: 10px;
    background: #fff;
   
    transition: all 0.5s ease;
    top: 50%;
    margin: 3.8% auto;
}
.lbotal .search:hover {
    border: 1px solid #005da3; box-shadow: 0 0 10px rgba(0,93,163,0.5); transition:all 0.5s ease;
} 
.lbotal h4{padding-top: 1rem;
    color: #666;
    line-height: 1.25rem;
    font-size: 1rem; width:60%;  margin:0 auto;}
.lbotal .search-tips{width:55%; margin:0 auto;padding-top: 1rem;
    color: #808895;
    line-height: 1.5rem;
    font-size: 1rem;}
	.lbotal .search-tips ul li{ list-style-type:circle;}
.lbotal .search .c2{  width:10%; height:46px; border:none; cursor:pointer; background:url(../images/fd.png) no-repeat center center;    transition:all 0.5s ease;}
.lbotal .search .c1{ text-indent:1rem;  width:88%; border:none; background:none; height:46px; padding:0 0px; font-size:16px;    transition:all 0.5s ease;}
.lbotal a.bgcl{position: absolute;    right: 40px;
    top: 40px;transition:all 0.5s ease;
}
.lbotal a.bgcl:hover{    transform:rotate(-180deg); transition:all 0.5s ease;}  

.T-nav {
	margin:0px 0; align-items:center; width:70%;
}
.T-nav li {
	float:left;
	position:relative;
}
.T-nav li a {
	display:block;
	text-align:center;  
	margin:0 25px;
	line-height:60px;
	position:relative;
	font-size:16px;
	color:#fff;    
	transition:all 0.5s ease;
}
.top2 .T-nav li a {
 
	color:#fff;
 
}
.top2.on .T-nav li a {
 
	color:#333;
 
}
.T-nav > li > a:after{ content:''; position:absolute; width:0; height:3px; background:#fff; left:0%; bottom:-0px; /*transform:translateX(-50%);*/ transition:all 0.5s ease;}
.T-nav li a span {
	font-size:16px;
	display:block;
}
.T-nav li .secon {
	position:absolute;
	width:150px;
	left:50%;
	margin-left:-75px;
	top:60px;
	z-index:5;
	display:none;
	background: #fff;
	border-bottom-right-radius:5px;
	border-bottom-left-radius:5px;
}
.T-nav li .secon a { margin:0!important;
	display:block;
	color:#333;
	line-height:40px;
	text-align: center;
	font-weight:normal;
	padding:0;
	font-size:13px;
	transition:all 0.5s ease;
}
 
.T-nav li .thr {
 
	width:1100%; box-shadow:0 0 10px rgba(0,0,0,0.1);
	left:-250%; padding:10%;
	position:absolute;
	top:60px;
	z-index:2;
	/*display:none;*/
	background: #fff;
 
 
}
.T-nav li .thr .oneli{ width:20%;} 
.T-nav li .thr .onenr a{ color:#333; font-size:16px; border-bottom:2px solid #fff; width:100%; margin:0 0; height:50px; line-height:50px;   text-align:left; margin:0 20px; align-items:center; display:flex;}
.T-nav li .thr .onenr a.num1{ font-size:20px;} 
.T-nav li .thr .onenr a.num1 img{ width:3%;}
.T-nav li .thr .oneli .onenr dl{ width: 26.5%; z-index:2; height:100%;
    background: #f7f9fa;
    position: absolute;
    left: 22.5%; padding:1% 0;
    display: none;
    top: 0;}
.T-nav li .thr .oneli .onenr dl a{border-bottom:2px solid #f7f9fa; width:88%;transition:all 0.5s ease;}
.T-nav li .thr .oneli .onenr dl dd .lastcon{ width: 100%; padding-top:4%;
    background:none;
    position: fixed;
    left: 99%;
    display: none;
    top: 0;}
 .T-nav li .thr .oneli .onenr dl dd .lastcon h4{ width:100%; font-weight:normal;}
 .T-nav li .thr .oneli .onenr dl dd .lastcon h4 a.num1 img{ width:3%; border:none;}
 .T-nav li .thr .oneli .onenr dl dd .lastcon a{ border-bottom:0px solid #fff; }

  .T-nav li .thr .oneli .onenr dl dd .lastcon .lastpro{ width:200%;}
 .T-nav li .thr .oneli .onenr dl dd .lastcon .lastpro a{ display:block; text-align:center;   width: 31%;
    margin:10px 0.5% 0 0.5%;transition:all 0.5s ease; font-size:12px;
    height: auto;}
	 .T-nav li .thr .oneli .onenr dl dd .lastcon a img{     border-radius: 10px;
    width: 80%;
    border: 1px solid #eee;transition:all 0.5s ease;}
	.T-nav li .thr .oneli .onenr dl dd .lastcon a i{ display:block; width:100%; text-align:center; line-height:30px; height:30px; overflow:hidden;}
.tab-cell {
	display:table-cell;
	vertical-align:middle;
}
.newadd{ width:100%; padding:1px 0 4% 0; background:url(../images/zzcbg1.jpg) center center no-repeat; background-size:cover;}
 
.newnav{ width:100%; border-bottom:2px solid #ddd; margin:3% 0 0 0 ;}
.newnav a{ /*width:15%;*/ position:relative; text-align:center; line-height:3; margin:0 3%;}
.newnav a:after{ content:''; left:0; position:absolute;bottom:-2px; width:0%; height:2px; background:#ddd;transition:all 0.5s ease;}
.newnav a.cur{ color:rgba(30, 92, 167, 1);}
.newnav a.cur:after{ content:''; position:absolute;bottom:-2px; width:100%; height:2px; background:rgba(30, 92, 167, 1);transition:all 0.5s ease;}
.jz{ justify-content:center;}
.newmail{ width:100%; line-height:4; border:2px solid #ddd; background:#fff; text-indent:2rem; font-size:18px; border-radius:5px;}
.newmail span{color:rgba(30, 92, 167, 1);}
.top-search {
	margin-top:37px;
	margin-left:1%;
}
.top-search a {
	line-height:25px;
	color:#fff;
	display:block;
	background:url(../images/earth.png) left center no-repeat;
	padding:0 0 0 30px;
}
.leftnav{ padding-left:40px; z-index:1; width:125px; position:fixed; left:1%; top:30%; background:#0173bc; border-radius:6px;  }
.leftnav:after{ content:''; width:1px; height:100%; position: absolute; top: 0; background:#ddd;left:15px;}
.leftnav a{ position:relative; display:block; font-size:13px; line-height:3; color:#fff; transition:all 0.5s ease;}
.leftnav a:after{content:''; width:8px; height:8px; background:#0173bc; border-radius:20px; border:2px solid #eee;    display: block;
    position: absolute;transition:all 0.5s ease;
    left: -31px;
    top: 14px;
    z-index: 1;}
.adslm { width:100%; font-size:50px; /*font-weight:bold; */   }
.adslm .d1{ color:#888;   display:block; font-size:26px; line-height:2; font-weight:normal;}

.adslm2 { width:100%; margin:80px 0;   align-items:center;
	 
	 
 
}
.adslm2 h3{  width:50%; font-weight:normal;} 
.adslm2 h3 p:first-child{ font-size:68px; line-height:60px; margin-bottom:5%;}
.adslm2 h3 p:nth-child(2){ color:#666; line-height:30px; font-weight:normal;}
.adslm2 h3 a{ font-size:14px; color:#005da3; display:block;font-weight:normal; margin-top:5%; border:1px solid #005da3; border-radius:8px; line-height:3; background:#fff; width:24%; text-align:center;transition:all 0.5s ease;}
.adslm2 .pic{ width:45%;   }
 
.foot {
	background:#1e1e1e;
	  position:relative; padding:0 3rem;
}
.foot .wrap{ z-index:1; position:relative;}
.foot .bdlogo{ width:100%; border-bottom:1px solid #393939; padding:4% 0; align-items:center;}
.foot .bdlogo p{ font-weight:bold; color:#fff; font-size:26px; display:contents;}
.foot .bdlogo p img{ width:10%;}
.foot ul{ width:100%; padding:4% 0;border-bottom:1px solid #393939;}
.foot ul li{ text-align:left;   margin-left:8%;}
.foot ul li:first-child{ width:25%;margin-left:0%;}

.foot ul li h3{ margin-bottom:6%; width:100%; font-weight:normal;}
.foot ul li p{font-size:16px; color:#a4a4a4; line-height:28px; display:block;transition: all 0.5s ease;}
.foot ul li h3 a{ font-size:42px; margin-bottom:6%; color:#fff;transition: all 0.5s ease;font-family:'calibri';}
.foot ul li a{ font-size:16px; color:#a4a4a4; line-height:28px; display:block;transition: all 0.5s ease;}
 
.contact{ padding:3% 0; /*background:url(../images/zzcbg2.jpg) center center no-repeat; background-size:cover;*/}
.product{ width:100%;  
background-image: url('../images/cpbg1.jpg'), url('../images/cpbg2.jpg');
background-repeat:no-repeat, no-repeat;
background-position:left, right;

  /* 其他背景属性 */
   


}
.eaoplc {
	 
	color:#fff; font-size:16px;
}
 
.labte a{ color:#fff;}
 
.coap{column-gap:20px;}
.float-sild {
	position:fixed;
	right:0px;
	bottom:0px;
	z-index:10;
}
.banner{ width:100%; position:relative; height:630px;}
.ny-banner {
	background-size: cover; position:relative;
}
.ny-banner h2 {
    font-size: 60px;
    color: #fff;
    position: absolute;
    transform: translate(-50%, -50%);
    top: 50%;
    left: 50%;}
.ny-banner img {
	width:100%
}
.obrelc {
	 background:url(../images/zzcbg3.jpg) center center no-repeat; background-size:cover; padding:1px 0 5% 0;
}
.ny-nav {
	border-bottom:0px solid #fff; position:sticky; top:60px; z-index:1; background:#fff; box-shadow:0 0 10px rgba(0,0,0,0.1);
}
.ny-nav span {
	display:none;
}
.ny-nav p{ column-gap: 60px;}
.ny-nav p a {
	font-size:16px; color:#333;
 
	margin:0 0% 0 0%;
	line-height:80px;
	position:relative;
	transition:all 0.5s ease;
}
.ny-nav p a:after {
	content: "";
	position: absolute;
	left: 0;
	bottom: -2px;
	height: 2px;
	width: 0px;
	background: #0688d1;
	transition: all 0.5s ease;
}
.ny-nav a.cur {
	color:#0688d1;
}
.position{ width:100%; position:relative;}
.position h3{ position:absolute; top:50%; left:16%; transform:translateY(-50%);font-weight:normal;}
.position h3 p{  font-size:60px; color:#fff; }
.position h3 p:nth-child(2), .position h3 p:nth-child(2) a{ font-size:16px; color:rgba(255,255,255,0.6);}

.position2{ width:100%; background:#f7f9fa; line-height:80px; height:80px;}
.pagelc {
	padding:5% 0;
}
.pagelc a {
	display:inline-block;
	border-radius:1px;
	line-height:32px;
	color:#333;
	padding:0 15px;
	background: #ededed;
	 
	margin:0 5px;
	vertical-align:middle;
}
.pagelc .mob-none {
	padding:0;
	width:32px;
}
.pagelc .cur {
	color:#fff;
	background:#0073bc;
	border-color:#0073bc;
}
.pagelc span {
	display:inline-block;
	line-height:32px;
	font-family:syst;
	color:#c88c35;
	padding:0 14px;
	border:1px solid #c88c35;
	margin:0 5px;
	vertical-align:middle;
}
/*public css over*/
/*about css begin*/
.aboutpic {
	width:45.1%; margin:12% 0 8% 0;
 }
.aboutcon {
	width:45%;  
}
 
.aboutcon p {
	font-size:18px;
	line-height:30px;  text-align:justify; color:#333;
 
}
.lbopac {
	background:#f8f8f8 url(../images/whbg2.png) right center no-repeat; 
	padding: 7% 0;
}
.lbopac .wrap{ align-items:center;}
.lbopac .pic {
	width:45.1%; 
 }
.lbopac .cont {
	width:45%;  
}
 
.lbopac .cont p {
	font-size:18px;
	line-height:30px;  text-align:justify; color:#333;
 
} 
 
 
.olta {
	width:100%; padding:5% 0 3% 0;
}
 
.eubora {
	 
	width:45.1%; margin:0% 0 0% 0;
 
}
 
.weolcs {
	 
	padding:8% 0;
}
.culture{ width:80%; margin:0 auto;} 
.slick-slider {
	position: relative;
	display: block;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-ms-touch-action: none;
	touch-action: none;
	-webkit-tap-highlight-color: transparent;
}
.slick-list {
	position: relative;
	overflow: hidden;
	display: block;
	margin: 0;
	padding: 0 0 5% 0;
}
.slick-list:focus {
	outline: none;
}
.slick-loading .slick-list {
}
.slick-list.dragging {
	cursor: pointer;
	cursor: hand;
}
.slick-slider .slick-list, .slick-track, .slick-slide, .slick-slide img {
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);
	-o-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}
.slick-track {
	position: relative;
	left: 0;
	top: 0;
	display: block;
	zoom: 1;
}
.slick-track:before, .slick-track:after {
	content: "";
	display: table;
}
.slick-track:after {
	clear: both;
}
.slick-loading .slick-track {
	visibility: hidden;
}
.slick-slide {
	float: left;
	height: 100%;
	min-height: 1px;
	display: none;
	position:relative;
}
.slick-slide img {
	display: inline-block;
	width:100%;
}
.slick-slide.slick-loading img {
	display: none;
}
.slick-slide.dragging img {
	pointer-events: none;
}
.slick-initialized .slick-slide {
	display: block;
}
.slick-initialized .slick-slide .pic {
}
.slick-loading .slick-slide {
	visibility: hidden;
}
.slick-vertical .slick-slide {
	display: block;
	height: auto;
	border: 1px solid transparent;
}
/* Arrows */
.slick-prev, .slick-next {
	position:absolute;
	top:50%;
	margin-top:-60px;
	display: block;
	height: 61px;
	line-height: 0;
	font-size: 0;
	cursor: pointer;
	padding: 0;
	border: none;
	width:61px;
}
.slick-prev {
	background:url(../images/left3.png) no-repeat center center;
	left:-43px;
}
.slick-next {
	background:url(../images/right3.png) no-repeat center center;
	right:-43px;
}
.xlt-sot {
}
.xlt-sot dd {
	display: -webkit-flex;
	display: flex;
	flex-wrap:wrap;
	justify-content:space-between;
}
.xlt-sot dd img {
	width:46%;
}
.xlt-sot dd .d1 {
	width:100%; text-align:center;
}
.xlt-sot dd .d1 h3 {
	font-size:30px;
	 
	color:#0688d1;
	 
	margin-bottom:3%;
}
.xlt-sot dd .d1 p { font-size:18px; color:#0688d1;line-height:2; text-align:center;}
/* Dots */
.slick-slider {
}
.slick-dots {
	position: absolute;
	bottom: -45px;
	list-style: none;
	display: none;
	text-align: center;
	padding: 0px;
	width: 100%;
}
.slick-dots li {
	position: relative;
	display: inline-block;
	height: 20px;
	width: 20px;
	margin: 0px 5px;
	padding: 0px;
	cursor: pointer;
}
.slick-dots li button {
	border: 0;
	background: transparent;
	display: block;
	height: 20px;
	width: 20px;
	outline: none;
	line-height: 0;
	font-size: 0;
	color: transparent;
	padding: 5px;
	cursor: pointer;
	outline: none;
}
.slick-dots li button:focus {
	outline: none;
}
.slick-dots li button:before {
	position: absolute;
	top: 0;
	left: 0;
	content: "\2022";
	width: 20px;
	height: 20px;
	font-family: "slick";
	font-size: 6px;
	line-height: 20px;
	text-align: center;
	color: black;
	opacity: 0.25;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before {
	opacity: 0.75;
}

 
 
.nymain{background:#f9fafb;}
 
.strategic { background:#f6f5fd; position:relative; padding:4% 0% 2% 0%;}
.strategic h3 span{font-size:26px;
    display: block;
    color: #888;
    font-weight: normal;}
.strategic h3 p{ font-weight:normal; 
    
    font-size: 56px;}
.strategic .leftbox{ width:75%;}
.strategic .rightbox{ width:19.5%; position:relative; text-align:right;}
.strategic .rightbox a{    font-size: 14px;
    color: #005da3;
    display: inline-block;
    font-weight: normal;
    margin-top: 35%;
    border: 1px solid #005da3;
    border-radius: 8px;
    line-height: 3;
   
    width: 60%;
    text-align: center;
    transition: all 0.5s ease;}
 
.develop {
	background:url(../images/jjbg2.jpg) center center no-repeat; background-size:cover;
	padding:1px 0 2% 0;
}
.develop h4{ margin:5% 0; font-size:18px; color:#fff; font-weight:normal; width:100%;}
.cpjn {
	PADDING-bottom:3%;
}
.index_case { padding:4% 0; background:url(../images/2pic.jpg) center center no-repeat; background-size:cover;}
 
.index_case h3 {
    font-weight: bold;    text-align:center; color:#fff; width:100%; margin-bottom:3%;
    font-size: 48px;
     
     
}
.index_case h4 {
    width:70%;  
     
     
}
.index_case a h4 p:first-child{ font-size:20px; color:#fff; }
.index_case a h4 p:nth-child(2){ font-size:14px; font-weight:normal;   color:#fff;}
 .index_case a{ align-items:center;
   
 
    width: 25%;
    
	 
}
.index_case a h4 span{ width:100%; display:block; background:url(../images/jts.png) center center no-repeat; padding:9% 0;transition:all ease .5s;}
.index_case a .pic{ width:20%; margin-right:6%;    }
 
 
.sjbox2{ margin-bottom:8%;}
.sjbox2 li{ width:50%; border-right:1px solid #eee; padding:0 5% 0 0; margin:5% 0 0 0;}
.sjbox2 li h4{ line-height:3; font-size:42px;}
.sjbox2 li p{ font-size:20px; color:#666; line-height:30px;}
.sjbox2 li:nth-child(2){  border-right:0px solid #eee;  padding:0 0% 0 5%;}
.speech {
	background:url(../images/cv3bg1.jpg) center center no-repeat;
	background-size:cover;
	padding:10% 0;
}
.speech .con {
	background:rgba(255, 255, 255, 0.8);
	border-top-left-radius:30px;
	border-bottom-right-radius:30px;
	padding:6%;
	margin-top:5%; 
}
.speech .con .leftu{ width:26%}
.speech .con .rightw{ width:70%}
.speech .con .rightw p {
	margin-bottom:3%;
	line-height:2;
}
.tabimg{padding:6% 0; background:#fff;}
.tabimg .word{ font-size:18px; line-height:40px; color:#fff; margin:2% 0;}
/*about css over*/
/*news css begin*/
.news {
	padding-top:6%;
}
.news a{
	margin-bottom:2%; padding-bottom:2%; border-bottom:1px solid #ddd; width:100%; align-items:center;
 
 
transition:all ease .5s;
}
.news a .pic {
	width:25%;
	overflow:hidden; border-radius:8px;
}
.news a .pic img {
	width:100%;
	object-fit:cover;
	transition:all 0.5s ease;
	height:100%;
}
.news a .con {
	width:50%;
	transition:all 0.5s ease;
 
}
.news a .con h3 {
	color:#000; font-size:26px; font-weight:normal;transition:all ease .5s;
}
.news a .con h3 p {
	line-height:30px; height:90px;
	color:#999;
	font-size:18px; font-weight:normal; margin-top:3%;
	overflow:hidden; 
}
.news a .d1 { border:2px solid #ddd; width:5%; border-radius:6px; text-align:center; line-height:220px;
	transition:all 0.5s ease;
}
.news a .con span {
	 
	transition:all 0.5s ease; color:#999;  
	display: block;
	 
	font-size: 18px;
	 
	 
	 
	margin: 6% 0 0 0;
}
.brand{ width:100%; padding-top:5%; border-bottom:1px solid #ddd;}
.brand h3{ font-size:32px; line-height:3;}
.brand p{ font-size:18px; color:#333; line-height:30px; padding-bottom:3%;}

.brand2{ width:100%; padding-top:5%; border-bottom:1px solid #ddd; align-items:center; padding-bottom:3%; }
.brand2 h3{ font-size:32px; line-height:3; width:75%;}
.brand2 h3 .d1{ font-size:18px; color:#888; line-height:30px;font-weight:normal;}
.brand2 img{ width:18%}
.news-list2 {
	margin-top:1%; width:100%;column-gap:20px; margin-bottom:5%;
}
 
.news-list2 a { width:18.8%;
	display:block;
	 margin:4% 0 0 0;
transition:all ease .5s; 
}
.news-list2 a .pic { position:relative; border:1px solid #ddd;
	width:100%; 
	overflow:hidden;
	transition:all ease .5s; 
	border-radius:6px;
	 
}
.news-list2 a .pic span{ position:absolute; left:50%; top:50%;transform:translate(-50%,-50%); z-index:1;}

.news-list2 a .pic img {
	width:100%;
	object-fit:cover;
	transition:all 0.5s ease;
	height:100%;
}
 
.news-list2 a .d1 {
	overflow: hidden;
	font-size: 18px;
	 
	color: #333; line-height:26px;
	margin: 20px 0 10px 0;
	transition:all 0.5s ease;
}
 
.news-list2 a .d2 {
	line-height:30px;
	color:#999; font-family:syst;
	font-size:16px; margin-bottom:10px;
	overflow:hidden; 
}
.syvideo{ position:absolute; right:0; top:0%; width:500px; height:265px;border-radius:6px; border:5px solid rgba(255,255,255,0.8);} 
.syvideo video{ width:100%; height:100%!important;} 

.banvideo video{width:100%; object-fit:cover; height:calc(100vh - 86px);}
.news-list {
	padding-top:1%; width:100%;column-gap:40px;
}
 
.news-list a { width:100%; padding:4% 5%; border-radius:16px;
	display:block;
	 margin:4% 0 0 0;
transition:all ease .5s; border:1px solid #e5e5e5;
}
.news-list a .con {   border-bottom:1px solid #e5e5e5; padding-bottom:2%;
	width:100%; 
	overflow:hidden;	 
	 
}
 
 .news-list a .con h3 {
	overflow: hidden;
	font-size: 28px;
	 
	color: #333; 
	 
	transition:all 0.5s ease;
}
 
.news-list a .con h3 span { display:block;
	line-height:30px;
	color:#999; font-family:syst;
	font-size:16px;  
	 
}
.news-list a .btn{transition:all ease .5s; width:160px; height:50px; background:#fff; line-height:50px; border-radius:50px; text-align:center; margin-top:2%; color:#666;}
.card_list { width:100%; }
.card_list li{ width:48%;}  
.card_list li h4{ font-size:42px; margin-bottom:5%;}
.card_list li h5{ font-size:32px; font-weight:normal; margin-bottom:3%;}
.card_list li img{ border-radius:16px;}
.laebta {
	width:100%; margin-right:0;
 
 
}
 .dasol2 {
	border-bottom:1px solid #ddd;
	padding:0 0 3% 0%; margin-bottom:5%;
}
.dasol2 .d1 {  
	font-size:36px; color:#333;
	font-weight:normal;
}
.dasol2 .d1 span{ font-size:20px; color:#999; font-weight:normal;}
 .dasol2 .d2 a {
	color:#0688d1; line-height:30px; border:none;
	 
}
.dasol {
	border-bottom:1px solid #ddd;
	padding:0 0 4% 0%;
}
.dasol .d1 { line-height:30px;
	font-size:26px; color:#333;
	font-weight:bold;
}
.dasol .d1 span{ font-size:16px; color:#999; font-weight:normal;}
.dasol .d2 a {
	color:#0688d1; line-height:30px; border:none;
	 
}
.ladfbu {
	line-height:2;
}
.ladfbu p {
	padding:5% 0;  
 font-weight:bold;
	font-size:16px;
 
	 
}
.ladfbu p a{ border:none;}
.ladfbu p span {
	font-size:16px; font-weight:normal;
	color:#666;
}
.lbtapc {
	width:100%; border-top:1px solid #ddd;
}
 
 
.edit-con {
	font-size:16px;
	line-height:2;
	margin:3% 0;
}
/*news is over*/
.support2 {
	margin-top:5%; column-gap:28px;
}
.support2 a{
   width:23.5%; margin-bottom:2%;
 
 
transition:all ease .5s;
}
.support2 a .pic {
	width:100%;
	overflow:hidden;  border:1px solid #dedede;transition:all 0.5s ease;
}
.support2 a .pic img {
	width:100%;
	object-fit:cover;
	transition:all 0.5s ease;
	height:100%;
}
.support2 a .con {border:1px solid #dedede; border-top:0; padding:5%;
	width:100%; background:#f7f9fa;
	transition:all 0.5s ease; 
 
}
.support2 a .con h3 { font-size:22px; font-weight:normal; line-height:1.8;transition:all 0.5s ease;}
.support2 a .con .d1{ color:#000; margin-bottom:6%; font-size:15px; line-height:28px; overflow:hidden; height:56px;transition:all 0.5s ease;}   
.support2 a .con img{ margin-left:0px;transition:all 0.5s ease;}
.skill {
 
	padding: 4% 0;
}
.support{ margin-top:5%;}
.support .pic{}
.support .con {
 
    color: #333; font-size:20px; line-height:36px;
    width:40%;
}
.support p {
	font-size:18px;
	line-height:2;
}
 
.down{ width:100%; margin-top:5%;} 
.down a {
    display: block;
    width: 100%;
    font-size: 18px;
    font-weight: bold;
    text-align: center;
    line-height: 60px;
    height: 60px;
    border-radius: 6px;
    color: #0688d1;
    background: rgba(23, 54, 147, 0.05);
    margin: 0 2% 1% 0;
} 
/*feedback is begin*/
 
.feedback { background:#f8f8f8;
	margin:8% 0 0 0;
}
.feedback h3{ position:relative;   font-size: 36px; font-weight:normal; line-height:3; padding-top:5%;
    margin-bottom: 5%; border-bottom:2px solid #ddd;}
.feedback h3:after{ content:''; width: 17%;
    height: 2px;
    background: #1e75b6;
    position: absolute;
    left: 0;
    bottom: -2px;
}
.vovla { width:44%; }
.vovla a{ border-bottom:1px solid #ddd; padding:4% 0; width:100%; display:block; transition:all ease linear;}
.vovla a p{ font-size:18px; color:#333; transition:all 0.5s ease; margin-bottom:3%;}
.vovla a p:nth-child(2){ font-size:14px; color:#999; line-height:25px; height:50px; overflow:hidden; margin-bottom:0%;}
 .otebn {
	padding-bottom:0%;
}
.otebn li {
	position:relative;
	margin-bottom:10px; font-size:18px;  color:#666;
	width:24%;
	 
}
.otebn li .c1 {
	width:100%;
	height:50px;
	border:none;
	padding:0 0px 0 10px;
}
.otebn li .c3 {
 
	height:50px;
	border:none;
	padding:0 42px 0 50px;
}
.otebn li p{ line-height:2; font-size:20px;}
.otebn li span {
	width:50px;
	height:50px;
	display:block;
	position:absolute;
	left:0;
	top:0;
	background:no-repeat center center;
}
  
.otebn li i { color:#f00;
}
.otebn li em{ position:absolute; right:0; bottom:0;
}
.otebn li a{ color:#0688d1;}
.otebn li textarea {
	width:100%;
	height:120px;
	padding:10px 10px 10px 10px!important;
	border:none;
	display:block;
}
 
.otebn li .c2 {
	background:#0688d1; border-radius:30px; border:none;
	font-size:18px;
	color:#fff;
	border:none;
	cursor:pointer;
	width:100%;
	height:50px;
}
/*feedback is over*/
/*hr is begin*/
.hrzp{ width:100%; margin:10% 0 6% 0;}
.hrzp .d1{ font-size:36px; color:#222; line-height:2;}
.hrzp .d2{ font-size:26px; color:#888;}
 
.lenolsa {
	width:100%; padding-top:5%;
}
.lenolsa li{ margin-bottom:2%}
.lenolsa a{ width:50%; position:relative;}
.lenolsa a h4{ position:absolute; bottom:5%; left:5%; color:#fff; font-size:36px; }
.dolsca span {
 
	height:125px;
	line-height:125px;
}
.dolsca img {
	margin-right:10px;
}
.dolsca {
	cursor:pointer; padding:0 15px;
	overflow:hidden;
	transition:all 0.5s ease;   background:#fff; align-items:center;
	 
	 
}
.dolsca.on {
	background:#fff; 
	transition:all 0.5s ease;
}
.dolsca .d1{
	width:90%; font-size:36px; background:url(../images/fj.png) center left no-repeat; font-weight:normal;
	text-align:left; padding-left:50px;
}
.dolsca.on .d1{color:#0065b2; background:url(../images/fj2.png) center left no-repeat;}
 .lourew {
	padding:20px; font-size:20px; background:#fff; margin-bottom:2%;
	line-height:2; color:#333;
	display:none; 
}
 
.dolsca .d5 i {
	display: inline-block;
	width:32px;
	height:19px;
	background:url(../images/j.jpg) no-repeat center center;
	transition:all 0.5s ease;
}
.dolsca.on .d5 i {
	transform:rotate(180deg);
	transition:all 0.5s ease;
}
/*hr is over*/

 
.bcenba { width:100%; }
.bcenba li{ width:auto;} 
.bcenba li p{    font-size: 36px;
    color: #222;
     }
.bcenba li p:nth-child(3){ color:#888; font-size:26px; line-height:2; margin-top:3%;}
.bcenba li p:nth-child(4){ color:#888; font-size:26px; line-height:2; margin-top:3%;}
.bcenba li p:nth-child(5){ color:#888; font-size:26px; line-height:2; margin-top:3%;}
 
/*product is begin*/
.skill .wrap .curs{   /* position: sticky;
    top: 60px; */
    transition:all 0.5s ease;}
.promvbls{ width:100%;  overflow:hidden; overflow-x:scroll;  }	
.oltep{ background:#005da3;border-left:1px solid #ddd; /*width:300%;*/}
.oltep li{ /*width:6.25%;*/border-right:1px solid #ddd;  } 
.oltep li:last-child{ width:6.25%;border-right:0px solid #ddd;  }
.oltep li p{ text-align:center;color:#fff; width:100%;  font-size:12px;word-wrap:break-word; /* border-bottom:1px solid #ddd; line-height:48px; height:48px; font-weight:bold;*/ padding:15px 0;}
.oltep li p select{ width:50%; margin:0 auto; display:block;line-height: 30px;
    height: 30px;
    border-radius: 5px;
    margin-top: 8px;}
.energy { background:#fff;border-left:1px solid #ddd;/*width:300%;*/}
.energy li{ /*width:6.25%;*/}
 .energy li p a{ color:#005da3;}
.energy li p{ text-align:center; color:#333; width:100%; border-right:1px solid #dee2e6; font-size:14px;  border-bottom:1px solid #dee2e6;     line-height:48px;   height:48px;word-wrap: break-word;}
.energy:nth-child(2n){ background:#f2f2f2;}

 
 
.index_case2 li {
	width:11%;
	margin-right:0px;
	transition:0.5s
}
.index_case2 li:last-child {
	margin-right:0
}
.index_case2 a {
	display:block;
	overflow:hidden
}
.index_case2 img {
	width:100%;
	object-fit:cover;
	height:500px
}
.index_case2 .con {
	left:0;
	top:10%;
	padding:30px;
	width:100%;
	color:#fff
}
.index_case2 .con .t1 {
	font-size:18px;
	font-weight:bold;
}
.index_case2 .con .t2 {
	font-size:18px;
	color:#fff;
	margin:3% 0;
	display:none
}
.index_case2 .con span {
	border-radius:30px; font-size:16px;
	display:none; color:#fff!important;
}
.index_case2 li.current {
	width:43.5%
}
.index_case2 li.current .con .t2 {
	display:block;
}
.index_case2 li.current .con span {
	display:block;
}
.solution { padding:6% 0;
}
.solution a {
	width:48%; display:block; position: relative; margin-bottom:4%;
}
.solution a .pic{ width:100%;border-radius:10px; overflow:hidden;}
.solution a h4{ position:absolute; color:#fff; bottom:5%; left:5%; font-weight:normal; font-size:26px; z-index:1; opacity:1;transition:all 0.5s ease;}
.solution a:hover h4{   opacity:0;transition:all 0.5s ease;} 
.solution a .con {position:absolute;  left:0;  top:0;border-radius:10px; padding:3%;
	width:100%; height:100%;  background:rgba(0,93,163,0.8);opacity:0;transition:all 0.5s ease;
	 }
.solution a:hover .con {
	 opacity:1;transition:all 0.5s ease;
	 }
.solution a .con h3 {
	font-size:26px;color:#fff; 
	line-height:3; font-weight:normal;
}
.solution a .con p { 
	line-height:30px;
	color:#fff; font-size:18px;
}
 
 
.ny-navs { padding-top:6%;column-gap:27px;
	 
	 
}
.ny-navs a { width:19%; font-size:20px;	transition:all ease .5s; line-height:40px; margin-bottom:2%;}
.ny-navs a p img{ width:100%;} 
 
 
.sjd2 {
	width:100%;
	margin:5% 0 2% 0;
}
.sjd2 table{ width:100%;}
.sjd2 table td{ width:50%; line-height:3; text-align:center; border:1px solid #ddd;}
.sjd2 table th{ background:#005da3; color:#fff; font-size:22px; line-height:3;}
.sjd2 table td a{ color:#005da3;} 
.volea{ width:45%; margin-bottom:6%;}
.volea li{ width:100%; height:50px; line-height:50px; background:#fff; border-bottom:2px solid #ddd; border-radius:0px; font-size:18px;}
.volea li:nth-child(2n){ width:100%; height:60px; line-height:60px; background:#fff;}
.volea li p:nth-child(1){ width:49%;  text-indent:0rem; color:#333;}
.volea li p:nth-child(2){ width:50%; color:#666; text-align:right;}
.volea li:last-child{ margin-bottom:3%}
.volea2 { width:50%; }
 
.volea2 img{ width:auto!important;} 
.volea2 .pic {
	display:table-cell; overflow:hidden; 
	vertical-align:middle;

	transition:all 0.5s ease; 
  
} 
.volea3 li {
	/*width:31%;*/ width:31%; margin-bottom:3%; background:rgba(18,49,144,0.05); border-radius:8px; padding:2%;
 
}
 
.volea3 li .pic {
	display:table-cell; border-radius:8px; background:#fff; overflow:hidden;
	vertical-align:middle;  
	transition:all 0.5s ease;
  
}
.volea3 li .pic img {
	max-width:100%;
	transition:all 0.5s ease;
}
.volea3 li h3 { font-weight:bold;
  color:#0688d1;
	overflow:hidden; 
	font-size:18px;
}
.volea3 li h3 .tit{ margin-top:10px;  font-weight:normal; color:#666;
 line-height:26px;
	overflow:hidden;
	font-size:16px;}
	
.enlma { width:48%;
	margin-top:5%;
}
.enlma h3{ font-size:26px; line-height:3; align-items:center; font-weight:normal}
.enlma h3 a{ font-size:18px; color:#0688d1;}
.enlma ul{ width:100%;}
.enlma ul li{ background:#fff; width:23%; border-radius:8px; text-align:center; line-height:160px; padding:2%; margin-bottom:2.5%;}
.vlmtae {
	width:100%;
}
 
.lecopa {
	  padding:5%;
} 
/* 荣誉旋转木马 */
#certify{ overflow:hidden; width:100%;}
#certify .swiper {
margin-top:0%;
	padding:0 0 8% 0;
}
#certify .swiper-slide {
	width:580px;
	 
	 
	padding:0 0;
	text-align:center;
}
#certify .swiper-slide img { border:2px solid #ddd;
width:100%
}
 
#certify .swiper-slide .p {
	width:100%;
	color:#666;
	margin-top:25px;
}
#certify .swiper-pagination-bullets .swiper-pagination-bullet {
	margin: 0 5px;
	border: 3px solid #fff;
 
	width: 10px;
	height: 10px;
	opacity: 1;
}
#certify .swiper-pagination-bullets .swiper-pagination-bullet-active {
	border: 3px solid #00aadc;
 
}
#certify .swiper-button-prev {
	left: 45%;
	 
}
#certify .swiper-button-next {
	right: 45%;
	 
}
#certify .swiper-button-prev, #certify .swiper-button-next {
	width: 30px;
	height: 18px;
  position: absolute; margin:inherit;
    top: 90%;
 
    /* margin-top: 0; */
    
    cursor: pointer;
 
}
/* 手机端荣誉资质 */
.m_honor {
	text-align:center;
	display:none;
	font-size:16px
}
.laebut {
	width:100%; background:url(../images/dd.jpg) center center no-repeat; background-size:cover; padding:5% 0;
	 
}
.laebut .con{ width: 19.5%;
    position: relative;
    text-align: left;}
.laebut .con h3 span{ font-size: 26px;
    display: block;
    color: #fff;
    font-weight: normal;}
.laebut .con h3 p	{font-size: 56px;color: #fff;}
.laebut .con .d1{ color:#fff;}
.laebut .rights{ width:80%;}
.lbutea {
	padding:5% 0%;
	 
}
.lbutea .wrap{ align-items:center;}
.lbutea h3{ font-size:48px; color:#333; margin-bottom:3%; text-align:center;}
.agbore {
	width:100%; margin:6% 0 3% 0;
	 
}
.agbore .pics{ width:45%;  }
.agbore h3{ width:45%;} 
.agbore h3 .d1{ font-size:56px; margin-bottom:6%; color:#000; font-weight:normal;}
.agbore h3 p{ color:#333; font-size:18px; line-height:30px; font-weight:normal;}
.agbore h3 a{ border:1px solid #ddd; border-radius:8px; display:block; overflow:hidden; width:38%; text-align:center;}
.agbore ul{ width:100%; margin-top:4%;}
.agbore ul li{ width:100%;margin-bottom:5%;}
.agbore ul li .pic{ width:100%; text-align:center; background:#eff0ef; border-radius:5px; overflow:hidden; height:500px; line-height:500px;}
.agbore ul li .tit{ width:100%; font-size:26px; margin-top:20px; line-height:3; color:#333; font-weight:bold;}
.agbore ul li .cont{ color:#666; font-size:18px; line-height:40px;}
.syfabox2 {
	padding:0% 0 0% 0; 
  
} 
.syfabox2 h3{  color:#333;  /*background:#f6f5fd;*/ padding:3% 0;} 
.syfabox2 h3 span{font-size:28px; display:block; color:#888; font-weight:normal;}
.syfabox2 h3 p{ width:30%; display:inline-block;font-size:56px; font-weight:normal;}
.syfabox2 h3 .d1{ width:50%;}
.syfabox2 h3 .d1 a{ width:47%; display:inline-block; line-height:2; font-size:18px; font-weight:normal; color:#333; transition:all ease .5s;}
.syfabox2 h3 .d1 a img{ width:2%;}
.nlmael { width:50%;}
.nlmael h4{ font-size:68px; font-weight:normal;}
.nlmael p{ font-size:18px; margin-top:6%; color:#333; line-height:30px;}
/*首页*/
 
 
.h-right {
	box-sizing: border-box;
	    z-index: 1;
   /* top: 40%;*/ top: 65%;
}
 .nav {
	height: 131px
}
 
.sy-solu { border-top:1px solid #ddd; padding:4% 0 0 0 ; margin-top:6%; align-items:center;
	width:100%;
}
.sy-solu p{ font-size:26px; width:40%;}
.sy-solu p input{ width:73%; border-radius:10px; line-height:52px; height:52px; border:1px solid #ddd; text-indent:15px;}
.sy-solu p  a{ background:#005da3; color:#fff; margin-left:15px; border-radius:40px; font-size:18px; padding:17px 40px;}
.syfad2 { background:#f5f5f5;  margin:0% 0 3% 0;}
.syfad2 p{     font-size: 26px;
    font-weight: normal;padding:1.3%;
    background: #005da3;
    width: 15%;
    text-align: center;
    color: #fff;}
.syfad2 h4{ font-size:40px; width:20%;}
 
.sy-nav {
	width:504px;
	margin-top: 15%;
}
.sybox2 {/* width:100%; margin-top:5%;    display: -webkit-flex;display: flex;flex-wrap: wrap;*/
}
.sybox2 a {
	width:207px;
	display:inline-block; border:2px solid #008ed8;
	text-align:center;
	line-height:48px;
	font-size:14px;
	 transition:all 0.5s ease; 
	color:#008ed8;
	 
}
 
.syd2 {
	width:100%;
}
.syd2 .bd {
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	z-index:-1;
}
.syword {
	color: #fff;
	margin-top: 15%;
}
.syword h3 {
	font-size: 48px;
	font-weight: bold;
	margin-bottom: 15px;
}
.syword p {
	font-size: 16px;
	width: 43%;
	line-height: 2;
}
.wbotea {
	  
	padding:5%;
}
.wbotea h2 {
	font-size:48px;
	font-weight:bold;
	color:#fff;
	width:100%;
	margin-bottom:2%;
}
.wbotea h3 {
	width:100%;
	color:#fff; font-size:18px; font-weight:normal;
	line-height:2;
}
.mieca {
  width:51%;
}
.mieca .box {text-align:center;
 background:#0688d1; position:absolute; border-radius:80px;
 
	 
}
.mieca .box:nth-child(1){ width:120px; height:120px;}
.mieca .box:nth-child(2){ width:130px; height:130px; right:0%;}
.mieca .box:nth-child(3){ width:110px; height:110px; left:30%; bottom:0;}
.mieca .box .d11 {
	font-size:16px; margin-top:13px;
	color:#fff;
}
.mieca .box .d11 span {
	font-size:50px;
	font-family:syst;
	color:#fff;
}
.mieca .box .d11 em {
	font-size:14px;
}
.mieca .box .d22 {
	font-size:16px;
	margin-top:0px;
	color:#bbc0d8;
}
.mieca2 {
  width:41.7%;
}
.mieca2 .box { width:100%; position:relative;}
.mieca2 .box .d11 { width:45%; left:5%; bottom:5%;
	font-size:32px; position:absolute;
	color:#fff; font-weight:bold;
}
.mieca2 .box .d11 span {
	font-size:26px;
	 
	color:#333;
}
.mieca2 .box .d11 em {
	font-size:14px;
}
 
.mieca3 {
  width:100%; margin-top:5%;
}
.mieca3 .box {  width:20%; text-align:center; margin-bottom:2%;  }
 
.mieca3 .box .d11 {
	font-size:16px; margin-top:15px;
	color:#133690;
}
.mieca3 .box .d11 span {
	font-size:50px;
	font-family:syst;
	color:#133690;
}
.mieca3 .box .d11 em {
	font-size:14px;
}
.mieca3 .box .d22 {
	font-size:16px;
	
	color:#333;
}
.mieca4 {
  width:100%; margin-bottom:8%;
}
.mieca4 .box {  width:32%; padding-left:2%; margin-bottom:2%; background:#f8f8f8; }
 
.mieca4 .box .d11 {
	font-size:18px; margin-top:15px;
	color:#333;
}
.mieca4 .box .d11 span {
	font-size:68px;
	color:#333;
}
.mieca4 .box .d11 em {
	font-size:18px;
}
.mieca4 .box .d22 {
	font-size:18px; line-height:3;
	
	color:#333;
}
.miecas {
  width:100%; margin-top:10%;
}
.miecas li {text-align:center; width:33%;
 
	 
}
 
.miecas li .d11 {
	font-size:16px; margin:5% 0;
	color:#fff;
}
.miecas li .d11 span {
	font-size:40px;
	font-family:syst;
	color:#fff;
}
.miecas li .d11 em {
	font-size:16px;
}
.miecas li .d22 {
	    font-size: 16px;
    margin-top: 15px;
    color: #fff;
    line-height: 2;
}
 @keyframes scroll {
 0% {
 -webkit-transform: translateY(0);
 -moz-transform: translateY(0);
 -ms-transform: translateY(0);
 transform: translateY(0);
}
 100% {
 -webkit-transform: translateY(5px);
 -moz-transform: translateY(5px);
 -ms-transform: translateY(5px);
 transform: translateY(5px);
}
}
@keyframes scroll1 {
 0%, 100% {
 -webkit-transform: translateY(0);
 -moz-transform: translateY(0);
 -ms-transform: translateY(0);
 transform: translateY(0);
}
 50% {
 -webkit-transform: translateY(5px);
 -moz-transform: translateY(5px);
 -ms-transform: translateY(5px);
 transform: translateY(5px);
}
}
@keyframes scale {
 0% {
 opacity: 1;
 -webkit-transform: scale(0);
 -moz-transform: scale(0);
 -ms-transform: scale(0);
 transform: scale(0);
}
 70% {
 opacity: 1;
}
 100% {
 opacity: 0;
 -webkit-transform: scale(1);
 -moz-transform: scale(1);
 -ms-transform: scale(1);
 transform: scale(1);
}
}
 
 
.baopea {
	width:974px;
}
 
.byaoel {
   
	padding:5%;
}
.byaoel ul{ width:100%}
.byaoel ul li{ width:31%; margin-bottom:2%; align-items:center;}
.byaoel ul li .pic{ border-radius:6px; overflow:hidden; margin-right:10px;}
.byaoel ul li h3{ color:#0688d1; font-size:22px; font-weight:normal; width:66%;}
.byaoel ul li h3 p{ font-size:16px; line-height:26px; color:#666;}

.shade {
	position: fixed;
	left: 0;
	top: 0;
	z-index: 21;
	display: none;
	width: 100%;
	height: 100%;
	background-color: #000;
	filter: alpha(opacity=50);
	opacity: 0.5;
}
.big-video {
	position: fixed;
	left: 50%;
	top: 50%;
	margin-top:-240px;
	z-index: 22;
	display: none;
	margin-left: -450px;
 
	width: 900px;
	box-sizing: border-box;
}
.big-video-main {
 
}
.big-video-clo {
	position: absolute;
	right: -35px;
	top: 0;
	width: 30px;
	height: 30px;
	background: url(../images/icon30.png) no-repeat center center;
	cursor: pointer;
}
.footer-b-l{
   
    position: relative;
}

.footer-b-l .s1:last-child {
    margin-right: 0;
}

.footer-code {
    height: 120px;
    width: 120px;
     transform:translateX(-50%);
    left: 50%;
    bottom: 30px;
    display: none;
    position: absolute;
}
.footer-code img{ border-radius:10px;}
.footer-code::before {
    border: 9px solid;
    border-color: transparent;
    border-top-color: #fff;
    position: absolute;
  transform:translateX(-50%);
    left: 50%;
    bottom: -15px;
    content: "";
}

.footer-b-l .s1:hover .footer-code {
    display: block;
}

.footer-b {
    padding: 30px 0;
}


.bgold{ display:none; background:rgba(0,0,0,0.6); position:fixed; z-index:99; left:0; top:0; width:100%; height:100%;}
.keolc{ position:absolute;  right:10px; top:10px;}
.relowc{ display:none; background:#f1f1f1; width:900px;/* height:80%;*/ position:fixed; z-index:100; left:50%; top:10%; margin-left:-450px; padding: 2% 6%; border-radius:6px; overflow:hidden;}
.splewc{ height:100%; width:100%; overflow:auto;}
.dloewp{ color:#333;   font-size:26px; text-align:left; width:100%}
.xlorec{ margin-top:30px; border-bottom:1px solid #ddd; line-height:40px; font-size:16px; padding-bottom:10px;}
.adlewc{ margin-top:30px;}
.adlewc td{ padding:10px 5px; color:#666;}
.adlewc td input,.adlewc td select{ width:100%; height:30px; border:1px solid #ddd; color:#666;}
.adlewc td span{ color:#de0b0b; margin-right:3px;}
.adlewc td textarea{ width:100%; height:90px; border:1px solid #ddd; padding:10px;}
.borelc{ margin-top:20px;}
.borelc input{ width:120px; height:35px; border:none; color:#fff; cursor:pointer; background:#de0b0b; margin-right:20px;}

.lewoc li{ padding:20px 0; border-bottom:1px solid #ddd; position:relative;}
.lewoc li .dowl{ position:absolute; right:0; top:30px;}
.lewoc li .p1{ line-height:30px; height:30px; overflow:hidden;}
.lewoc li .p2{ font-size:12px; color:#999;}