@charset "utf-8";
/* CSS Document */
@font-face {
  font-family: 'iconfont';
  src: url('../icon/iconfont.eot');
  src: url('../icon/iconfont.eot?#iefix') format('embedded-opentype'),
      url('../icon/iconfont.woff2') format('woff2'),
      url('../icon/iconfont.woff') format('woff'),
      url('../icon/iconfont.ttf') format('truetype'),
      url('../icon/iconfont.svg#iconfont') format('svg');
}
#map-01{ margin:inherit !important; margin-left:-160px !important}
.iconfont {
  font-family: "iconfont" !important;
  font-size: 16px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.dtimg{ display:none}
.tips {
    color: #999;
    font-size: 14px;
    margin-top: -35px;
}
.header{ width:100%; position: absolute; top:0; left:0;right:0;   color:#fff; background:rgba(0,0,0,.13); border-bottom:1px solid rgba(255,255,255,.33); text-shadow:0 1px 3px rgba(0,0,0,.3); z-index:999999}

.header.on{background:rgba(255,255,255,.95); color:#313131; text-shadow:none; border-bottom:1px solid #efefef}
.header.on:hover h1{ color:#fff} 

.header li a{ color:#fff}
.header.on li a{ color:#333}
.header.on li:hover a{ color:#fff}
.header.on li:hover .sub-sub a{ color:#333}
.header.pro{ background:rgba(0,0,0,.13) url(../img/b2-bg.jpg) no-repeat bottom center; background-size:cover; }
.header.contact{ background:rgba(0,0,0,.13) url(../img/c_banner.jpg) no-repeat bottom center; background-size:cover;height:380px  }

.header.news{ background:rgba(0,0,0,.13) url(../img/news-banner.jpg) no-repeat bottom center; background-size:cover; height:380px; }
.header.sever{ background:rgba(0,0,0,.13) url(../img/sc1.jpg) no-repeat bottom center; background-size:cover; height:380px }
.header.pro.pn{ background:rgba(255,255,255,.88) url(../img/b2-bg.jpg) no-repeat bottom center; background-size:cover}
.header.on .logo{ background:url(../img/logoon.png) no-repeat left center; background-size:auto 40px}
.logo{ float:left; width:175px; height:105px; background:url(../img/logo.png) no-repeat left center; background-size:auto 40px}
.header.on:hover::after{ content:""; display:block; position:absolute; z-index:-1; width:100%; height:105px; left:0; top:0; background:rgba(255,255,255,.95)}
.logo a{ display:block; height:240px; height:105px;}
.header-icon{ float:right; padding-right:40px}
.header:hover .nav{ display:block}
.nav{ float:left; text-align:left; padding-left:68px;}
.nav ul{ margin:auto; font-size:17px; line-height:105px; cursor:pointer}
.nav ul li{ display:inline-block; min-width:133px; text-align:center; position:relative;margin-right: 1px;}


.nav ul li:hover{ background:rgba(2, 63, 151,.9);color: #f7f7f7;text-shadow:none}
.header-icon .tel{ font-weight:bold; font-size:23px;  padding-top:38px}
.header-icon ul{ text-align:center; width:100%;}
.header-icon ul li{ display:inline-block; padding:0 10px; position:relative;}
.seach{ position:absolute;right:-190px;; top:0; z-index:1; transition:right 500ms ease-in-out; display:none}
.seach input{ width:160px; height:30px; border-radius:15px; padding-left:15px; background:#fff; line-height:30px; border:0;}
.header-icon ul li:nth-child(1):hover .iconfont{ color:#333; text-shadow:none;}
.header-icon ul li:nth-child(1):hover .seach{right:5px; display:block}
.header-icon ul li img{ position:absolute; top:35px; right:0; width:220px; max-width:inherit; display:none; height:1px;transition:all 500ms; height:232px;}
.header-icon ul li:nth-child(2):hover img{ display:block; transition:all 500ms; height:232px;}
.header-icon ul li .iconfont{ font-size:18px; cursor:pointer; position:relative; z-index:2; }
.header-icon ul .tiyan{

border: 1px solid #fff;
        background: transparent;
	
}

.header-icon ul .tiyan:hover{
    color: #1D4692;
    background-color: #ebebf5;
    
}


/* 语言切换按钮样式 */
.language-switch {
    margin: 0 5px;
}

.language-switch .lang-btn {
    display: block;
    padding: 0 10px;
    line-height: 30px;
    color: #fff;
    text-decoration: none;
    border-radius: 15px;
    transition: all 0.3s ease;
}

/*// 添加下拉菜单样式*/
.language-dropdown {
    position: relative;
    margin: 0 5px;
    display: inline-block;
}

.dropdown-toggle {
    position: relative;
    padding-right: 25px !important;
}

.caret {
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: 5px;
    vertical-align: middle;
    border-top: 4px dashed;
    border-top: 4px solid \9;
    border-right: 4px solid transparent;
    border-left: 4px solid transparent;
}

.dropdown-menu {
    position: absolute;
    top: 100%;
    right: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 100px;
    padding: 5px 0;
    margin: 0px 0 0;
    font-size: 14px;
    text-align: left;
    list-style: none;
    background-color: #fff;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid #ccc;
    border: 1px solid rgba(0,0,0,.15);
    border-radius: 4px;
    box-shadow: 0 6px 12px rgba(0,0,0,.175);
}

.dropdown-menu li {
    margin: 0;
}

.dropdown-menu .lang-btn {
    color: #333;
    padding: 3px 20px;
    clear: both;
    font-weight: normal;
    line-height: 1.42857143;
    white-space: nowrap;
    border-radius: 0;
}

.dropdown-menu .lang-btn:hover {
    background-color: #f5f5f5;
    color: #1D4692;
}

.language-dropdown:hover .dropdown-menu {
    display: block;
}

.header.on .language-dropdown .lang-btn {
    color: #313131;
}

.header.on .language-dropdown .dropdown-menu .lang-btn {
    color: #333;
}

.header.on .language-dropdown .dropdown-menu .lang-btn:hover {
    background-color: #ebebf5;
    color: #1D4692;
}
// ... existing code ...


.header.on .iconfont{ color:#313131}
.mediaul{ margin-top:25px;}
.mediaul li{ margin-bottom:15px; padding:15px 10px}
.mediaul li .fontSize24{ font-weight:700; margin-bottom:5px; color:#313131}
.mediaul li .searchintro{ font-size:14px; line-height:1.5}
.mediaul li:nth-child(2n){ background:#f2f2f2}
.reback{}
	/* 本例子css */
		.slideBox{ width:100%; height:auto;  position:relative;  }
		.slideBox .hd{ height:15px; overflow:hidden; position:absolute; right:5px; bottom:5px; z-index:1; }
		.slideBox .hd ul{ overflow:hidden; zoom:1; float:left;  }
		.slideBox .hd ul li{ float:left; margin-right:2px;  width:15px; height:15px; line-height:14px; text-align:center; background:#fff; cursor:pointer; }
		.slideBox .hd ul li.on{ background:#f00; color:#fff; }
		.slideBox .bd{ position:relative; height:100%; z-index:0;   }
		.slideBox .bd ul{ position:relative}
		.slideBox .bd li{ zoom:1; vertical-align:middle; position:absolute; top:0; left:0; right:0; bottom:0}
	

		/* 下面是前/后按钮代码，如果不需要删除即可 */
		.slideBox .prev,.slideBox .next{ position:absolute; left:3%; top:50%; margin-top:-55px; display:block; width:32px; height:90px; background:rgba(0,0,0,.33) url(../img/slider-arrow.png) -110px center no-repeat; filter:alpha(opacity=50);opacity:0.5; cursor:pointer}
		.slideBox .next{left:auto; right:3%; background-position:8px center; }
		.slideBox .prev:hover,
		.slideBox .next:hover,{ filter:alpha(opacity=100);opacity:1;  }
		.slideBox .prevStop{ display:none;  }
		.slideBox .nextStop{ display:none;  }
		.banner-info{ position:absolute; width:1200px; left:50%; margin-left:-600px; transform:translateY(-50%); text-shadow:0 1px 3px rgba(0,0,0,.3); top:50%; color:#fff;}
		.banner-info h1,.banner-info p,.banner-info span{ display:block; width:630px; margin-bottom:10px; font-family: "PingFang SC", "Microsoft YaHei",  "微软雅黑", sans-serif;}
		.banner-info h1{ font-size:50px; line-height:1.25; font-weight:bold;font-family: "PingFang SC", "Microsoft YaHei",  "微软雅黑", sans-serif;}
		.banner-info span{ border:1px solid #fff; line-height:45px; display:inline-block; width:130px; text-align:center; margin-top:15px; background:rgba(255,255,255,.13)}
		.banner-info span:hover{ cursor:pointer; background:#1A51A1; color:#fff}
			.sub-nav{position:fixed;top:103px;width:100%;background:rgba(255,255,255,1);left:0;text-shadow:none;line-height:1.5;border-top:1px solid #efefef;box-shadow:0 3px 6px rgba(0,0,0,.15);z-index:0;display:none;}
		.sub-nav .dn{  overflow:hidden; padding:15px; font-size:14px; display:none}
		.nav .sub-nav ul { width:200px; text-align:left; float:left; position:relative; z-index:999 }
		.nav .sub-nav ul li{ display:block; line-height:45px; font-size:16px; color:#464646; text-shadow:none; overflow:hidden; border-bottom:1px solid #fff; background:none}
		.nav .sub-nav ul li:hover{ color:rgb(26, 81, 161);}
		.nav .sub-nav ul li h5{ float:left; line-height:55px; font-size:15px; margin:auto;padding-left: 20px}
		.sub-nav .dn dl{width:65%;float:left;padding-left: 30px;padding-right:25px;overflow:hidde;margin-top: -14px;}
		.sub-nav .dn dl dd a{ width:50%; text-align:left; display:inline-block; float:left; line-height:55px; font-size:15px}
		.sub-nav .dn  .case-header{ float:left; width:35%; text-align:left; height:190px; font-size:12px; position:relative}
		.sub-nav .dn  .case-header b{ padding:0 20px; position: absolute;top: 20px;text-align: center;display: block;width: 100%; color: #313131;font-size: 16px;font-weight: 700;}
		.case-header div{ position:relative}
		.sub-nav .dn  .case-header img{ position: absolute; bottom:0; height:140px; min-width:100%; max-width:inherit}
		.sub-sub{ width:1200px; margin:auto; position:relative; overflow:hidden}
		.sub-sub ul .on,.sub-sub ul li:hover{ border-left:3px solid #1A51A1}
		
		.sub-sub:after{ content:""; display:block; position:absolute; left:0; top:0; height:100%; width:200px; background:rgba(204,204,204,.7)}
		
		.home-title{ text-align:center}
		.home-title h1{  display:inline-block;  font-size:30px; font-weight: normal; letter-spacing:2px; padding:35px 0; margin: auto;  position:relative}
		.home-title h1:after,.lrh1:after{ content:""; display:block; width:30px; height:3px; left:50%; margin-left:-15px; bottom:25px;  background:#009; position:absolute}
		.home-title h1:before,.lrh1:before{ content:""; display:block; width:100%; height:1px; left:0; bottom:26px;  background:#d6d6d6; position:absolute}
		.home-pro { max-width:1200px; margin:auto}
		.home-pro ul{ overflow:hidden;}
		.morecase{ background:#c5c5c5} 
		.probanner{ overflow:hidden; max-height:200px}
		.probanner img{ width:100%; height:auto}
		.morecase a{ display:block; width:60%; line-height:45px; text-align:center; border:2px solid #333; color:#333; position:relative; top:50%; margin-top:-22px; margin-left:20%; }
		.home-pro ul li{ float:left; width:50%; position:relative; color:#fff; border-bottom:10px solid #f2f2f2; overflow:hidden}
		.home-pro ul li:nth-child(1){background: #0b76e0d1;}
		.home-pro ul li:nth-child(2){background: #3c76f7cf;}
		.home-pro ul li:nth-child(3){ background:#3c76f7cf;}
		.home-pro ul li:nth-child(4){ background:#0b76e0d1;}
		.home-pro ul li .b2img{ position:absolute; top:0; left:0; bottom:0; overflow:hidden}
		.home-pro ul li .b2img img{     min-width: 100%;
    height: 100%;
    width: auto;
    /*max-width: inherit;*/
    /* 新增以下属性使图片居中显示 */
    object-fit: cover; /* 保持图片比例并覆盖容器 */
    display: block; /* 移除图片默认的inline特性导致的间距 */
    margin: 0 auto; /* 水平居中 */}
		.info{ color:#fff; padding-top:35px; padding-left:25px; padding-right:10px; line-height:1.5}
		.info b{ display:block; font-size:21px; font-weight:bold; margin-bottom:10px;}
		.info b span{ font-weight:normal; font-size:16px}
		.info  span{font-size:14px}
		#map-01{ text-align:left}
	.pro-detail td{ vertical-align:middle;}
	.pro-detail td img{ margin:auto}
	.pro-detail td strong{ font-weight: bold;  color:#313131; }
	strong{ font-weight:bold}
	strong span{ font-weight:bold}
	.network{  padding:34px; padding-right:620px; background:#efefef url(../img/map.png) no-repeat repeat right center; height:436px}
		.pro-detail td  p,.pro-detail td{ font-size:14px; color:#777; margin:0; line-height:1.5; }
		
		.home-pro ul li.pro-reverse .b2img {
    left: auto;
    right: 0;
}
.home-pro ul li.pro-reverse .info {
    padding-left: 10px;
    padding-right: 25px;
    
}

        .home-pro ul li.pro-normal .info {
            text-align: right;
            padding-left: 10px;
            padding-right: 25px;
        }
        
        .home-pro ul li.pro-normal .info b,
        .home-pro ul li.pro-normal .info span {
            text-align: right;
            display: block;
        }
		/*数据统计滚动*/
.product-number-info {
	position: relative;
	background-color: rgba(41,41,41,1.00);
}
.product-number-info .product-number-inner {
	max-width:1200px;
	margin: 0 auto;
}
.product-number-info ul {
	padding:30px 0;
}
.product-number-info ul.q:after {
	content: "";
	clear: both;
	display: table;
}
.product-number-info li {
	float: left;
	width: 25%;
	height: 90px;
	border-left: 1px solid #3c3c3c;
	color: #fff;
	padding-top: 1px; background:url(../img/7.png) no-repeat leff center; background-size:30px auto;
}
.product-number-info li:nth-child(1) {background:url(../img/7.png) no-repeat 90% center;background-size:60px auto;}
.product-number-info li:nth-child(2) {background:url(../img/js.png) no-repeat 90% center;background-size:55px auto;}
.product-number-info li:nth-child(3) {background:url(../img/kh.png) no-repeat 90% center;background-size:60px auto;}
.product-number-info li:nth-child(4) {background:url(../img/sj.png) no-repeat 90% center;background-size:60px auto;}
.product-number-info li:nth-child(5) {background:url(../img/zl.png) no-repeat 90% center;background-size:60px auto;}
.product-number-info li:first-child {
	border: none;
}
.product-number-info li b {
	font-weight: 500;
	font-size: 28px;
	line-height: 1;
	display: inline-block;
	position: relative;
	margin: 15px 0 10px;    padding-left:15px;
}
.product-number-info li b i {
	font-style: normal;
}
.product-number-info li b sup {
	position: absolute;
	font-size: 20px;
	right: -15px;
	top: -3px;
}
.product-number-info li b em {
	font-style: normal;
	font-size: 21px;
	font-weight: 300;
	padding-left: 2px;
	position: relative;
	top: -4px;
}
.product-number-info li p {
	font-size: 12px;    padding-left:15px;
}
.product-number-info li.li-2 b, .product-number-info li.li-2 p {
	padding-left:15px;
}
.product-number-info li.li-3 b, .product-number-info li.li-3 p {
	padding-left: 30px;
}
.product-number-info li.li-3 b, .product-number-info li.li-3 p {
	padding-left: 15px;
}
.product-number-info li.li-4 b, .product-number-info li.li-4 p {
	padding-left:15px;
}
.product-number-info li.li-5 {
	text-align: left;
}
.product-number-info li.li-5 b {
	padding-right: 2px;
}
	/* 本例子css */
		.picScroll-left{ position:relative; max-width:1200px; margin:auto; margin-bottom:25px; }
	
	.picScroll-left .prev,.picScroll-left .next{ position:absolute; left:-4%; top:50%; margin-top:-55px; display:block; width:32px; height:90px; background:rgba(0,0,0,.33) url(../img/slider-arrow.png) -110px center no-repeat; filter:alpha(opacity=50);opacity:0.5; cursor:pointer}
		.picScroll-left .next{left:auto; right:-4%; background-position:8px center; }
		.picScroll-left .prev:hover,
		.picScroll-left .next:hover{ filter:alpha(opacity=100);opacity:1;  }
		.picScroll-left .prevStop,.picScroll-left .nextStop{ display:none;  }
		
		.picScroll-left .bd{width:100%; margin-top:20px; overflow:hidden}

		
		.picScroll-left .bd ul{ overflow:hidden; zoom:1; width:100%}
		.picScroll-left .bd ul li{ float:left; _display:inline; overflow:hidden; text-align:center; position:relative; width:171px; text-align:center}
		.picScroll-left .bd ul li .pic{ text-align:center; padding:0 15px }
		.picScroll-left .bd ul li img{ display:block;  padding:0 25px; margin:auto; }
		.picScroll-left .bd ul li p{ display:none; position:absolute;bottom:5px; left:50%; text-align:center; line-height:1.5; white-space:nowrap; text-shadow:1px 1px 1px rgba(255,255,255,1); font-size:12px; left:50%; transform:translateX(-50%)}
		.picScroll-left .bd ul li:hover p{ display:block}
		.picScroll-left .bd ul li .title{ line-height:24px;   }
		.pro-detail{margin-top:35px}
		.sub-nav-1{ position:absolute; white-space:nowrap; left:0; top:105px;text-align:center; width:100%; line-height:45px; display:none;    z-index: 999999;}
		.nav li:hover .sub-nav-1{ display:block}
		.sub-nav-1 dl{ padding-left:20px;  }
		.sub-nav-1 dl a{ color:#999}
		.sub-nav-1 dd{ background:rgba(255,255,255,.9); border-bottom:1px solid #f2f2f2; font-size:14px }
		.sub-nav-1  a{ color:#464646;}
		.sub-nav-1 a:hover{ color:rgb(2, 63, 151); font-weight:700}
		.sub-nav-1 dl dd{ border-bottom:0; background:none}
		.jdcase{ background:url(../img/b2-bg.jpg) no-repeat center center; background-size:cover; position:relative}
		.bottom{ line-height:45px; height:45px; text-align:center; color:#efefef; background:#313131; font-size:14px; width:100%; left:0; bottom:0; position:absolute}
			.bottom img{ display:inline-block; margint:auto 5px}
			.bottom a{ text-decoration:underline; color:#efefef}
			.case-info{ position:absolute; color:#fff; top:50%; width:900px; margin-left:-450px; transform:translateY(-50%); left:50%; text-align:center; margin-top:-5%}
			.case-info h1{ line-height:1.25; font-weight:700; margin-bottom:15px; font-size:30px;}
			.case-info span{     border: 1px solid #fff;
    line-height: 45px;
    display: inline-block;
    width: 130px;
    text-align: center;
    margin-top: 15px;
    background: rgba(255,255,255,.13);}
			.case-info span:hover{ cursor:pointer; background:#1A51A1; color:#fff; border:1px solid #313131;}
			.case-info a{ color:#313131}
			.case-info:hover .dn{ display:block}
			.more{ line-height:45px; width:160px; text-align:center; margin:25px auto; border:2px solid #313131; display:inline-block; color:#313131;position: relative;
    left: 50%; margin-left:-80px}
			.more:hover{ background:#313131; color:#f2f2f2}
			.main{ padding-top:135px;width:1200px; margin:auto; overflow:hidden; padding-bottom:25px}
			.main-left{ width:280px; float:left;}
			.main-left ul{ border:1px solid #f2f2f2; padding-bottom:15px}
			.main-left ul dl{ margin-top:15px}
			.main-left ul dl dd{ cursor:pointer}
			.main-left .righticon ul{ background:#f2f2f2; }
			.main-left ul li a{ display:block; background:#f2f2f2; line-height:45px; font-weight:bold; font-size:18px; padding-left:10px; overflow:hidden; white-space:nowrap;text-overflow: ellipsis;}
            .main-left ul li a:hover,.main-left ul li a .on a,.main-left ul li a .curr a{ color:#009; font-weight:bold}

.lrh1{font-size: 40px;
    margin-top: 30px;
    margin-bottom: 45px; display:inline-block; padding-left:15px !important; padding-right:15px !important; padding-bottom:40px !important; margin:auto !important; 
    color: #0c0c0c; text-align:center; position:relative}
			.main-left ul li dd a{ background:#fff; font-weight:normal; font-size:14px; line-height:40px; padding-left:35px}
			.main-left ul li dd a:hover,.main-left ul li .on a,.main-left ul li .curr a{ color:#009; font-weight:bold}
			.main-left ul li dd a:hover .iconfont{ font-weight:normal}
			.main-left ul dl dl{ margin-top:0; padding-left:15px}
			.main-right{ float:right;width: 873px;}
			.main-right h1{ font-weight:bold; font-size:24px; line-height:1.25;  padding:25px 0}
			.main-right p,.main-right img{ display:block; margin:15px auto; line-height:1.5;}
			.main-right .probanner img{ margin:0}
			.main-right h1 span{ font-weight:normal; color: #7b7a7a;
    font-size: 21px;}
			.main-left .iconfont{ color:#C00; font-size:21px; margin-right:5px;}
			.pro-case{ border-radius:10px; overflow: hidden; height:100px; position:relative; margin-top:15px}
			.pro-case img{ min-height:100px; width:auto; min-width:100%; height:auto}
			.pro-case p{ overflow: hidden; white-space:nowrap; line-height:25px; background:rgba(0,0,0,.3); padding:0 5px; position:absolute; width:100%; left:0; bottom:0;}
			.pro-case:hover p{ background: rgba(0,0,153,.6)}
			.righticon a .pro-case { color:#fff;}
			.pro-case i{ position:absolute; top:0; left:0; padding:0 5px; border-radius:0 10px 10px 0; line-height:20px; font-size:12px; height:20px; background:rgba(255, 0, 0, .4)}
			.main-left .righticon ul li a{ background:#fff; font-size:14px;  font-weight: normal}
			.lrbanner h1{ width:1200px; position:absolute; bottom:25px; font-size:28px; line-height:1.5; font-weight:700; left:50%; margin-left:-600px; color:#fff}
			.lrbanner h1 span{ display:block; font-weight:normal; text-transform:uppercase}
			.overnews{ overflow:hidden; width:100%; margin:auto}
			.news-list{ overflow:hidden; width:calc(100% + 25px);} 
			.news-list li{ width:calc((100% - 85px)/2); float:left; margin-right:25px; margin-bottom:25px; background:#f2f2f2; cursor:pointer}
			.news-list li .ovimg{ height:225px; overflow:hidden;}
			.news-list li .ovimg img{ min-width:100%; max-width:inherit; width:auto; height:225px; transition:all 500ms ease-in-out; top:0; left:0; margin:0}
			.news-list li:hover .ovimg img{ transform:scale(1.05,1.05);transition:all 500ms ease-in-out}
			.news-info{ padding:15px 10px; overflow:hidden} 
			.news-info-left{ float:left; width:90px; text-align:center; font-size:14px; color:#999} 
			.main-right .news-info-right h1{ margin:0; padding:0}
			.news-info-left h3{ font-weight:bold; font-size:32px; padding:10px 0; padding-bottom:5px; line-height:1; color:#313131; font-family:sans-serif}
			.news-info-right h1 a{ font-weight:700; padding-bottom:10px; font-size:15px; height:25px; line-height:25px; overflow:hidden; display:block; color:#313131; white-space:nowrap; text-overflow: ellipsis; font-size:18px} 
			.news-info-right span{ color:#999; font-size:14px; display:block; line-height:20px; height:40px; overflow:hidden;

				text-overflow:ellipsis;

display:-webkit-box; 

-webkit-box-orient:vertical;

-webkit-line-clamp:2;  margin-top:5px}

.solutoins-list{ overflow:hidden; width:100%;}
.solutoins-list li{ width:100%; float:left; margin-right:25px; margin-bottom:25px; background:#f2f2f2; cursor:pointer}
.solutoins-list li .ovimg{ height:225px; overflow:hidden;}
.solutoins-list li .ovimg img{min-width:100%;max-width: 100%;width:auto;height: auto;transition:all 500ms ease-in-out;top:0;left:0;margin:0}
.solutoins-list li:hover .ovimg img{ transform:scale(1.05,1.05);transition:all 500ms ease-in-out}
.solutoins-info{ padding:15px 10px; overflow:hidden}
.solutoins-info-left{ float:left; width:90px; text-align:center; font-size:14px; color:#999}
.main-right .solutoins-info-right h1{ margin:0; padding:0}
.solutoins-info-left h3{ font-weight:bold; font-size:32px; padding:10px 0; padding-bottom:5px; line-height:1; color:#313131; font-family:sans-serif}
.solutoins-info-right h1 a{ font-weight:700; padding-bottom:10px; font-size:15px; height:25px; line-height:25px; overflow:hidden; display:block; color:#313131; white-space:nowrap; text-overflow: ellipsis; font-size:18px}
.solutoins-info-right span{ color:#999; font-size:14px; display:block; line-height:20px; height:40px; overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;  margin-top:5px}



	.main-left .iconfont{ color:#F00; margin-right:5px;}
			.fenye {
    text-align: center;
    margin-top: 50px;
}
.pagination {
	display: flex;
	justify-content: center;
	padding: 0;
	list-style: none;
}

.pagination li {
	margin: 0 5px;
}

.pagination li a, .pagination li span {
	display: block;
	padding: 8px 16px;
	text-decoration: none;
	color: #0a159c;
	border: 1px solid #ddd;
	border-radius: 4px;
}

.pagination li.active span {
	background-color: #0a159c;
	color: white;
	border-color: #0a159c;
}

.pagination li.disabled span {
	color: #6c757d;
	pointer-events: none;
	cursor: not-allowed;
}

.pagination li a:hover {
	background-color: #e9ecef;
}
			
.yjcontent{ overflow:hidden}
.yjcontent ul li {
    float: left;
    margin: 0 15px;
    width: 21.5%;
    text-align: center;
    color: #464646;
    font-size: 14px;
    background: #f2f2f2;
    height: 300px;
}
.fwlc li {
    display: inline-block;
    width: 48%;
    padding: 0 15px; position:relative
}
  .fwlc li i{  position: absolute;
    top: 50%;
    width: 100%;
    color: #fff;
    font-weight: 700;
    line-height: 1.25;
    padding-left: 150px;
    padding-right: 95px;
    transform: translateY(-50%);
    top: 50%;
    margin-top: 15px;}
.yjcontent ul li h5 {
    width: 100%;
    height: 55px;
    line-height: 100px;
    font-size: 21px;
    text-align: center;
    background: #14227a;
    color: #fff;
  
    margin: 15px auto;
    font-weight: normal;
    margin-top: 0;
}
.yjcontent ul li p{ margin:15px}
.yjcontent ul li h5 i{ line-height:25px; display:block; margin:auto; position:relative;     top: 50%;
    transform: translateY(-50%);}
.fzlc{ position:relative; padding:25px 0; margin:0 25px}
.fzlc:after{ height:100%; width:3px; background:#f2f2f2; content:""; display:block; top:0; left: 105px; position:absolute; z-index:-1}
.fzlc li .lclr{ /* display:inline-block; */   margin-left:82px; background:#f2f2f2; padding:10px; border-radius:5px; overflow:hidden}
.fzlc li i { display:block; width:130%; margin:15px; border-bottom:1px solid #e0e0e0; position:relative; left:-15%}
.fzlc li p{ margin:0}
.fzlc li{ position:relative; overflow:hidden; margin-bottom:45px; padding-left:75px}
.fzlc li:after{ content:""; display:block; left:102.5px; width:8px; height:8px; background:#999; border-radius:50%; top:17px; z-index:999; position:absolute}
.fzlc li b{ position:absolute; top:10px; font-size:18px; font-weight:700; display:block; width:105px; text-align:left; left:0}
.joblist li{
  float: left;
    width: 46%; margin-right:3%; margin-left:0;
    margin: 15px 0;
    padding:15px 25px;

    background:#f6fafc url(../img/jobbg.png) no-repeat 90% 75%;
    background-size: 42px;
  
    position: relative; padding-left:35px;
}
.joblist li:nth-child(2n){margin-right:0; margin-left:3%;}
.joblist li:after {
    display: block;
    left: 0;
    width: 4px;
    height: 100%;
    background: #144799;
    position: absolute;
    content: "";
    top: 0;
}
.joblist li h3{ font-weight:700; margin-bottom:15px; color:#144799 !important}
.joblist li .m-btn.ks-mbtn-line{ color: #ffffff;
    background: #f3a61b;
    line-height: 35px;
    display: block;
    position: absolute;
    right: 10px;
    top: 15px;
    width: 100px;
    text-align: center;}
.city{ border:1px solid #e0e0e0; border-top:0; border-radius:5px; position:absolute; top:-15px; right:0; text-align:left; width:220px}
.city h1{ line-height:45px; font-size:16px; font-weight:bold; padding-left:15px; background:#023f97; color:#fff; border-radius:5px 5px 0 0;}
.city li{ overflow:hidden; padding:3px 5px; line-height:30px; font-size:14px; position:relative; padding-left:40px; white-space:nowrap;  text-overflow: ellipsis;}
.city li img{ width:auto; height:20px; position:absolute; left:10px; top:50%; transform:translateY(-50%);}
.home-video-dialog{ position:fixed; left:50%; top:50%; transform:translate(-50%,-50%);    transform: translate(-50%,-50%);
    z-index: 9999999; width:1000px} 
	.home-video-dialog video{ width:100%; height:auto}
.mast{ position:fixed; top:0; left:0; bottom:0; right:0; background:rgba(0,0,0,.83);z-index:99999 }
.video-title{ background:#efefef; line-height:45px; padding-left:10px; font-size:16px}
.videocontent{ position:relative; z-index:999999999; display:none}
.renming{ background:url(../img/ren.png) no-repeat -2px center; padding-left:35px; background-size:23px; margin-bottom:15px}
.addtime{ background:url(../img/riqi.png) no-repeat left center; padding-left:35px; background-size:20px; font-size:14px;}
.section-4 i{
    position: absolute;
    right: 30%;
    bottom: 25%;
}
.zjr,.zjlr{ padding:5px 10px; position:relative}
.zjr{ border-bottom:1px dashed #e0e0e0; padding-bottom:15px; margin-bottom:15px}
.zjlr h1{ margin-bottom:10px; padding:0}
.zjlr{ padding-bottom:55px;}
.zjlr span{ display:block; font-size:14px; color:#999; line-height:20px; height:160px; overflow:hidden; margin-bottom:5px}
.zjlr i{ display:inline-block; line-height:35px; background:#F90; color:#fff; padding:0 15px; position:absolute; right:15px; bottom:15px}
.videocontent i{ width:32px; height:32px; background:url(../img/close.png) no-repeat; background-size:cover; display:block; position:absolute; top:-35px; right:-35px; z-index:9999; cursor:pointer}
.rebackcontent{ width:600px; background:#fff; border-radius:5px; position:fixed; top:50%; left:50%; transform:translate(-50%,-50%); z-index:999999; padding:15px;}
.rebackcontent .info{ overflow:hidden; padding:0;  margin-top:20px}
.info input{ width:265px; margin:0 10px; line-height:45px; padding-left:5px; border:1px solid #e0e0e0; margin-bottom:15px; float:left}
.rebackcontent textarea {
    width: 547px;
    border: 1px solid #e0e0e0;
    padding: 5px; margin:0 10px}
	.btn .botton{ line-height:45px; width:547px; height:45px; background:rgba(2, 63, 151,.9); color:#fff; font-size:16px; text-align: center;  border:0; padding:0 5px; margin:15px 10px; cursor:pointer}
	.rebackcontent i{ width:32px; height:32px; background:#fff url(../img/close.png) no-repeat center center; background-size:cover; cursor:pointer; position:absolute; top:-16px; right:-16px; border-radius:50%}
	.reback{ display:none}
	.hyjy.list-paddingleft-2 li {
    width: 211px;
    float: left;
  
    margin-right: 15px;
    padding: 45px 25px;
    height: 290px;
    text-align: center;
    font-size: 14px;
    color: #666; background:#f2f2f2 url(../img/yl.png) no-repeat center 180px;background-size: 56px;
} 
.hyjy.list-paddingleft-2 li:nth-child(4){ margin-right:0}
.hyjy.list-paddingleft-2 {
    overflow: hidden;
}
.hyjy.list-paddingleft-2 li h1 {
    color: #009;
    height: 45px;
}
.hyjy.list-paddingleft-2 li:nth-child(2){background:#f2f2f2 url(../img/jy.png) no-repeat center 180px;}
.hyjy.list-paddingleft-2 li:nth-child(3){background:#f2f2f2 url(../img/ryzz.png) no-repeat center 180px;}
.hyjy.list-paddingleft-2 li:nth-child(4){background:#f2f2f2 url(../img/fw.png) no-repeat center 180px;}
.section-wrap .section-4 {
    text-align: center;
    background:#f2f2f2;}
	.city ul{ background:#fff}
	.cxsf,.fwbz{ overflow:hidden}
	.cxsf li{ width:50%; float:left; background:#f2f2f2; height:285px; padding:45px 35px; color:#999}
	.cxsf li:nth-child(2n){ background:#fff}
	.cxsf li:nth-child(3){ float:right}
	.cxsf li img{ height:45px; position:relative; top:62px}
	.cxsf li b{    font-weight: bold;color: #313131; display:block; font-size:16px;}
	.fwbz li {
    float: left;
    width: 33.33%;
    text-align: center;
    margin-bottom: 33px;
    color: #464646;
}
.zzry{ overflow:hidden}
.zzry li{ float:left; height:160px; background:#f2f2f2; margin-bottom:15px; text-align:center;width:50%; padding:20px}
.zzry li img{ height:45px; margin:auto;}
.zzry li p{ line-height:1.5; font-weight:700; display:block; text-align:center}
.lxwm { overflow:hidden}
.lxwm a{ color:#313131;} 
.lxwm .line{ display:block;}
.lxwm .adr {padding-left:30px; margin-bottom:25px;  background:url(../img/adr.png) no-repeat left center; background-size:24px; display: inline-block;  line-height:35px; margin:0; margin-bottom:45px}
.lxwm .tel.nth{ background:none}
.lxwm .tel{padding-left:30px; background:url(../img/tel.png) no-repeat left center; background-size:24px; display: inline-block; line-height:35px;margin:0}
.lxwm  h2{ margin-bottom:5px}
.lxwm .adr,.lxwm .tel{ margin:0}
.lxwm .adr{ margin-bottom:45px}
.pro-detail ol li {
    list-style: disc;
}
.pro-detail h2 {
    font-size: 21px;
    margin-bottom: 30px;
}
.rcll{ margin:25px 5%; background:url(../img/rc-bg.png) no-repeat center; overflow:hidden; background-size:30%; padding:35px;}
.rcll li{ width:40%; margin-right:0; margin-right:10%; float:left; padding:0 90px; line-height:85px; color:#fff; font-size:21px; font-weight:700; margin-bottom:55px; background:url(../img/r1.png) no-repeat left center; background-size: 80%; }
.rcll li p{ margin:0;line-height:75px; margin-top:-5px}
.rcll li:nth-child(2){background:url(../img/r2.png) no-repeat right center;background-size:  80%; margin-right:0; float:right; padding-left:105px}
.rcll li:nth-child(3){background:url(../img/r3.png) no-repeat left center;background-size: 80%; margin-bottom:0}
.rcll li:nth-child(4){background:url(../img/r4.png) no-repeat right center;background-size:  80%;margin-bottom:0; float:right; margin-right:0;padding-left:105px}