﻿@charset "utf-8";
/* public css begin */
body{ padding-top:81px;}
.wrap {
	width:100%;
	max-width:1360px;
	margin:0 auto;
}
.white{ color:#fff!important;}
.biaoti {
    font-size: 50px;
     
    text-align: center;
    width: 100%;
}
.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:#fff;
	transition:all 0.5s ease;
}
.mob-nav:before {
	content:'';
	position:absolute;
	left:15px;
	width:30px;
	height:2px;
	top:13px;
	background:#fff;
	transition:all 0.5s ease;
}
.mob-nav:after {
	content:'';
	position:absolute;
	left:15px;
	width:30px;
	height:2px;
	top:35px;
	background:#fff;
	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 .wrap{align-items:center;}
.top {
	position:fixed;
	z-index:10; background:#fff;
	left:0;
	top:0;
	width:100%;
	transition:all 0.5s ease; border-bottom:1px solid rgba(255,255,255,0.2);
}
.top .mon{ display:block;}
.top .yon{ display:none;}
.top.on {
 
 
	  background: #fff;
    /*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 .ind-search{   overflow:hidden;}
 
 
 
.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:#173743;}
.home p span{ margin:0 20px 0 0px; font-size:12px;}
.home a{ background:#173743; color:#fff; padding:5px 10px; border-radius:5px; font-size:14px;transition:all ease .5s;} 
.logo {margin:10px 0;}
.logo img {
    height: 60px;
}
.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:50px; 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{    overflow:hidden; margin-left: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 #173743; 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(-90deg); transition:all 0.5s ease;}  

.T-nav {
	margin:0px 0; align-items:center;
}
.T-nav li {
	float:left;
	position:relative;
}
.T-nav li a {
	display:block;
	text-align:center;  
	margin:0 40px;
	line-height:80px;
	position:relative;
	font-size:18px;
	color:#333;    
	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:1px; background:#fff; left:0%; bottom:-1px; /*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:81px;
	z-index:5;
	display:none;
	background: #173743;
	border-bottom-right-radius:5px;
	border-bottom-left-radius:5px;
}
.T-nav li .secon a { margin:0!important;
	display:block;
	color:#fff;
	line-height:40px;
	text-align: center;
	font-weight:normal;
	padding:0;
	font-size:16px;
	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:80px;
	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: 25%; z-index:2; height:100%;
    background: #f7f9fa;
    position: absolute;
    left: 23%; 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: #fff;
    position: absolute;
    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:2px 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: 30%;
    margin:20px 0 0 0;transition:all 0.5s ease;
    height: auto;}
	 .T-nav li .thr .oneli .onenr dl dd .lastcon a img{     border-radius: 15px;
    width: 80%;
    border: 1px solid #eee;transition:all 0.5s ease;}
.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:36px; font-weight:bold;    }
.adslm .d1{ color:#888;   display:block; font-size:26px; line-height:2; font-weight:normal;}

.adslm2 { width:100%; margin:16% 0;   align-items:center;
	 
	 
 
}
.adslm2 h3{  width:50%;} 
.adslm2 h3 .d1{ font-size:50px; color:#173743; font-weight:normal; line-height:60px; margin-bottom:8%;}
.adslm2 h3 .d2{ color:#333; line-height:36px; font-weight:normal; font-size:18px;}
.adslm2 h3 a{ font-size:16px; color:#173743; display:block;font-weight:normal; margin-top:5%; border:1px solid #173743; border-radius:30px; line-height:3; background:#fff; width:25%; text-align:center;transition:all 0.5s ease;}
.adslm2 .pic{ width:35%;   }
 .adslm2 .pic img{ width:60%; margin-top:20%;}
.foot {
	background:#191919;
	  position:relative; padding-top:5%;
}
.foot .wrap{ z-index:1; position:relative;}
.foot .bdlogo{ width:410px;    }
.foot .bdlogo h4{ font-weight:normal; color:rgba(255,255,255,0.6); font-size:16px; line-height:30px; margin-bottom:8%;}
.foot .bdlogo p{ color:rgba(255,255,255,0.6); font-size:16px; margin-bottom:5%;}
.foot .bdlogo h5{ margin-left:10%; color:#e1ab4f; font-weight:bold;}
.foot h6{ font-size:26px; color:#e1ab4f; padding-left:7%; margin-bottom:5%;}
.foot ul{ width:45%; }
.foot ul li{ text-align:left; width:33%;}
.foot ul li h3{ margin-bottom:10px; width:100%; font-weight:normal;}
.foot ul li h3 a{ font-size:22px; color:#fff;transition: all 0.5s ease;font-family:'calibri';}
.foot ul li a{ font-size:16px; color:#a4a4a4; line-height:38px; display:block;transition: all 0.5s ease;}
.foot ul li:nth-child(5){ width:20%; margin-right:13%;} 
.contact{ padding:3% 0 2% 0; width:100%; /*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:800px;}
.banword{ width:100%; text-align:center; font-size:76px; color:#fff; letter-spacing:3px;}
.banword span{ display:block; font-size:16px; padding:16px 0px; border:1px solid #ddd; border-radius:30px; width:6%; margin:2% auto 0;}
.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 { margin-top:4%;
}
.ny-nav span {
	display:none;
}
.ny-nav p{ column-gap: 60px; }
.ny-nav p a {
	font-size:26px; color:#999;
 
	margin:0 0% 0 0%;
	line-height:70px;
	position:relative;
	transition:all 0.5s ease;
}
.ny-nav p a:after {
	content: "";
	position: absolute;
	left: 0;
	bottom: -0px;
	height: 2px;
	width: 0px;
	background: #3a597a;
	transition: all 0.5s ease;
}
.ny-nav a.cur {
	color:#3a597a;
}
.position{ width:100%; position:relative;}
.position h3{ position:absolute; top:50%; left:50%; transform:translate(-50%,-50%);font-weight:normal; font-size:60px; color:#fff; text-align:center;}
.position h3 p a{ font-size:50%; color:#fff;}
 
.pagelc {
	padding:0 0 8% 0;
}
.pagelc a {
	display:inline-block;
	border-radius:1px;
	line-height:32px;
	color:#333;
	padding:0 15px;
	background: #fff;
	 
	margin:0 5px;
	vertical-align:middle;
}
.pagelc .mob-none {
	padding:0;
	width:32px;
}
.pagelc .cur {
	color:#fff;
	background:#0073bc; border-radius:10px;
	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:100%;
	max-width:1030px;
	margin:8% auto;
}
 
.aboutcon p {
	font-size:18px;
	line-height:32px;  text-align:justify; color:#333;
 
}
.lbopac {
	background: url(../testimg/s1.jpg) center center no-repeat;
	background-size:cover; 
	 
}
 
.lbopac .cont {
	width:100%; text-align:center;
	max-width:1030px;
	margin:0 auto; padding:12.5% 0;
	  
}
.lbopac .cont h3 {
	font-size:50px;color:#fff; font-weight:normal;
 
 
}
.lbopac .cont h4 {
	font-size:40px;color:#fff; font-weight:normal; 
 
 
}  
.lbopac .cont p {
	font-size:18px;
	line-height:30px;  color:#fff;
 
} 
 
 
.olta {
	width:100%; padding:8% 0 6% 0;
}
 
.eubora {
	 
	width:100%;  padding:8% 0; 
 
}
.eubora .wrap{align-items:center;}
.eubora .pic{ width:50%;}

.weolcs {
	 
	padding:6% 0;
}
 
.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:#173743;
	 
	margin-bottom:3%;
}
.xlt-sot dd .d1 p { font-size:18px; color:#173743;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:#fff;}
 
.strategic {   position:relative; padding:8% 0;}
 
 
.strategic .rightbox{ width:100%; text-align:left; font-size:50px; color:#173743;}
 
 
.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:28px; color:#fff; }
.index_case a h4 p:nth-child(2){ font-size:22px; 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{ width:45%;}
 
.sjbox2 h4{ line-height:3; font-size:50px; font-weight:normal; margin-bottom:10%;}
.sjbox2 h5{ font-size:26px;  line-height:30px; font-weight:normal; margin:3% 0 2% 0;}
.sjbox2 p{ line-height:36px; font-size:20px; color:#666666;}
.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{ width:36%; margin-bottom:8%;}
 
/*about css over*/
/*news css begin*/
.news {
	padding-top:6%;
}
.news a{
	margin-bottom:2%; padding-bottom:5%;  width:100%; align-items:flex-start;
 
 
transition:all ease .5s;
}
.news a span{ font-size:16px;}
.news a span i{ font-size:42px; display:block;}
.news a .pic {
	width:30%;
	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; margin-bottom:10%;
}
.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 .d0 { width:100%;   text-align:left; color:#888; line-height:36px;
	transition:all 0.5s ease; font-size:18px;
}
.news a .con em {
	 
	transition:all 0.5s ease; color:#2775cd;  
	display: block;
	 
	font-size: 16px;
	 
	 
	 
	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:#888; line-height:30px; padding-bottom:3%;}

.brand2{ width:100%; background:url(../testimg/s7.jpg) center center no-repeat; padding:8% 0; background-size:cover;}
.brand2 h3{ color:#fff; line-height:30px; font-size:26px; font-weight:normal;  width:72%; margin-bottom:3%} 
.brand2 table{width:100%;}
.brand2 table td{border:1px solid #999; color:#fff!important;padding:10px; }
 .brand2 table td span{background:none!important;}
.syvideo{ padding:6%; text-align:center;} 
.syvideo h3{ font-size:50px; font-weight:normal; margin-bottom:1.5%;}
.syvideo p{ line-height:36px; font-size:20px; color:#666; width:29%; margin:0 auto;} 
.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%; margin-bottom:8%; }
.card_list ul li{ width:24%; background:#f3f5f5; margin-bottom:1.5%; border-radius:8px; overflow:hidden; text-align:center; line-height:130px; height:130px;}  
 
.card_list ul li img{ height:95px;}
.laebta {
	width:100%; background:#f5f9fd; padding:3% 0;
 
 
} .dasol2 { background:url(../testimg/s8.jpg) center center no-repeat; background-size:cover;
	padding:8% 0%;
}
.dasol2 ul li{ width:28%; text-align:center;}
.dasol2 ul li h4{ font-size:32px; color:#fff; line-height:3;  font-weight:normal; margin-bottom:5%;}
.dasol2 ul li .d1{ font-size:20px; color:rgba(255,255,255,0.6); line-height:30px; } 
.dasol {
	padding:8% 0%;
}
.dasol .d1 { line-height:30px;
	font-size:36px; color:#333; margin-bottom:3%
 
}
.dasol .d3, .dasol .d3 a{ font-size:18px; color:#999; font-weight:normal; line-height:5;}
 
.ladfbu {
	 width:100%;
}
.ladfbu p {
	padding:1.3% 15px; background:#fff; margin-bottom:1%; width:100%; 
 
	 
}
.ladfbu p a{ border:none;}
.ladfbu p span {
	font-size:16px; font-weight:normal;
	color:#666;
}
.lbtapc { padding:8% 0;
	width:100%; background:url(../testimg/s11.jpg)  center center no-repeat; background-size:cover;
}
.lbtapc h3{ font-size:50px; color:#fff; margin-bottom:3%; font-weight:normal; text-align:center;} 
 
.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:2.4;transition:all 0.5s ease;}
.support2 a .con .d1{ color:#888; margin-bottom:6%; font-size:16px; line-height:30px; overflow:hidden; height:60px;transition:all 0.5s ease;}   
.support2 a .con img{ margin-left:0px;transition:all 0.5s ease;}
.skill {
 
	padding: 4% 0 0 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: #173743;
    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: 32px; font-weight:normal; line-height:3; padding-top:5%;
    margin-bottom: 5%; border-bottom:2px solid #ddd;}
.feedback h3:after{ content:''; width: 10%;
    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:8%;
}
.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 { display:block; position:absolute; top:0; right:0;}
.otebn li em{ position:absolute; right:0; bottom:0;
}
.otebn li a{ color:#173743;}
.otebn li textarea {
	width:100%;
	height:120px;
	padding:10px 10px 10px 10px!important;
	border:none;
	display:block;
}
 
.otebn li .c2 {
	background:#173743; 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:26px; color:#333; line-height:2;}
.hrzp .d2{ font-size:22px; 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:26px; 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: 22px;
    color: #999; margin-top:3%;
     }
.bcenba li p:nth-child(3){ color:#333; font-size:26px; line-height:2;margin-top:0%;}
.bcenba li p:nth-child(4){ color:#333; font-size:26px; line-height:2;margin-top:0%; }
.bcenba li p:nth-child(5){ color:#333; font-size:26px; line-height:2;margin-top:0%;}
 
/*product is begin*/
.skill .wrap .curs{    position: sticky;
    top: 87px; 
    transition:all 0.5s ease;}
	
.oltep{ background:#173743;border-left:1px solid #ddd;}
.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:14px; /* 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;}
.energy li{ /*width:6.25%;*/}
 .energy li p a{ color:#173743;}
.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;}
.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:23.5%; 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:#173743; color:#fff; font-size:22px; line-height:3;}
.sjd2 table td a{ color:#173743;} 
.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 .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:#173743;
	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;}
	
a.enlma { width:100%; border-radius:16px;  overflow:hidden; margin:5% 0 3% 0; box-shadow:0 0 18px rgba(0,0,0,0.1);}
a.enlma .pic{ width:55%; overflow:hidden;}
a.enlma .pic img{ width:100%}
a.enlma .con{ padding:5% 5% 5% 0; width:40%;}
a.enlma .con span{ color:#666; font-size:16px; line-height:36px; border:1px solid #888; border-radius:10px; padding:14px 40px;	transition:all 0.5s ease;}
a.enlma .con .d1{ color:#888; font-size:18px; line-height:36px; margin-bottom:10%;}
 
a.enlma .con h3{ font-size:26px; color:#333; font-weight:normal; margin-bottom:5%;	transition:all 0.5s ease;}
 
.vlmtae { font-size:50px; padding:6% 0 3% 0; text-align:center;
	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, #certify .swiper-button-next {
	width: 30px;
	height: 18px;
  position: absolute; margin:inherit;
    top: 82%;
 
    /* margin-top: 0; */
    
    cursor: pointer;
 
}
#certify .swiper-button-prev {
	left: 47%; background:url(../images/qzc4.jpg) center center no-repeat;
	 
}
#certify .swiper-button-next {
	right: 47%; background:url(../images/qzc6.png) center center no-repeat;
	 
}
#certify .swiper-button-prev:after{ content:inherit;}
#certify .swiper-button-next:after{ content:inherit;}
/* 手机端荣誉资质 */
.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 2% 0;
	 
}
.laebut a{border-radius:20px; overflow:hidden;background:#173743; align-items:center; }
.laebut .con{ width: 35%; padding-right:5%;  }
.laebut .con h3{ font-size: 32px; margin-bottom:20%;
    display: block;
    color: #fff;
    font-weight: normal;}
.laebut .con p{font-size:50px;color: #fff;}
.laebut .con  span{ display:block; font-size:18px;}
.laebut .con .d1{ color:#fff;}
.laebut .lefts{ width:60%;}
.lbutea {
	padding:0 0 0% 0%;
	 
}
 
.lbutea a{ display:block; width:31.5%; border-radius:16px; overflow:hidden;background:#173743;}
.lbutea a h3{ color:#fff; font-size:20px; line-height:36px; height:72px; overflow:hidden; margin:10%; font-weight:normal; } 
.lbutea a span{ font-size:18px; color:#999; display:block; padding:0 0 10% 10%;}
.syfabox2 {
	padding:0% 0 0% 0; background:url(../testimg/s20.jpg) center center no-repeat; background-size:cover; 
  position:relative;
} 
.syfabox2 h3{ color:#fff; font-weight:normal; font-size:50px; position:absolute; width:100%; text-align:center; top:10%;}
.syfabox2 a{ width:25%; position:relative; border-right:1px solid rgba(255,255,255,0.2); height:90vh;} 
.syfabox2 a h5{ position:absolute; font-size:30px; position:absolute; bottom:5%; left:5%; z-index:1; font-weight:normal; color:#fff; opacity:1;transition:all ease .5s;}
.syfabox2 a h4{position:absolute; font-size:30px; position:absolute; bottom:5%; left:5%; z-index:1; font-weight:normal; color:#fff;  opacity:0;transition:all ease .5s;}
.syfabox2 a h4 p{color:rgba(255,255,255,0.8); font-size:18px; line-height:3;}
.syfabox2 a h4 span{ background:#fff; padding:10px 20px; color:#333; font-size:16px; border-radius:30px;transition:all ease .5s;}
.nlmael { width:50%;}
.nlmael h4{ font-size:30px;}
.nlmael p{ font-size:18px; margin-top:6%; color:#888; 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 #eee; padding:4% 0 0 0 ; margin-top:6%;
	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 #eee; text-indent:15px;}
.sy-solu p  a{ background:#173743; 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: #173743;
    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:#173743; 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:100%; 
}
.mieca2 h3{ font-size:50px; line-height:70px; font-weight:normal; margin-bottom:20%;}
.mieca2 .box {  width:45%;   }
 
.mieca2 .box .d11 {
	font-size:16px; margin-top:15px;
	color:#e1ab4f;
}
.mieca2 .box .d11 span {
	font-size:60px;
	font-family:arial;
	color:#e1ab4f;
}
.mieca2 .box .d11 em {
	font-size:14px;
}
.mieca2 .box .d22 {
	font-size:16px;
	
	color:#333;
}
 
.mieca3 {
  width:40%; 
}
.mieca3 h3{ font-size:50px; line-height:70px; font-weight:normal; margin-bottom:20%;}
.mieca3 .box {  width:45%;   }
 
.mieca3 .box .d11 {
	font-size:16px; margin-top:15px;
	color:#e1ab4f;
}
.mieca3 .box .d11 span {
	font-size:60px;
	font-family:arial;
	color:#e1ab4f;
}
.mieca3 .box .d11 em {
	font-size:14px;
}
.mieca3 .box .d22 {
	font-size:16px;
	
	color:#333;
}
 
 
 @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:#173743; 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 a p img{ width:60%}
.footer-b-l .s1:last-child {
    margin-right: 0;
}

.footer-code {
    height: 120px;
    width: 120px;
     transform:translateX(-50%);
    left: 40%;
    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{ padding:7% 0;}
.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;}