@charset "UTF-8";
/*清除浮动*/
.clearfix {
    *zoom: 1;}

.clearfix:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
}
.relative {
    position: relative;
}
/*顶部*/
.header {
	position: relative;
	z-index: 999;
}
.head-top {
	height: 40px;
	line-height: 40px;
	overflow: hidden;
	color:#fff;
}
.head-top div, .head-top span {
	font-size: 12px;
}
.bg15 {
	background: #151515;
}
.hotLine .span1 {
	color: #ccc;
	position: relative;
	padding-left: 20px;
}
.hotLine .span1:before {
	content: '';
	position: absolute;
	top: 50%;
	margin-top: -8px;
	left: 0;
	width: 15px;
	height: 15px;
	background: url("/images/top-phone.png");
}

.hotLine .span2 {
	color: #fff;
	font-weight: bold;
}


.head-mid {
	height: 100px;
}
.head-con {
	width: 100%;
	background: #fff;
	height: 100px;
	
	transform: translateZ(0);
	-webkit-transform: translateZ(0);
}
.header.active .head-con {
	position: fixed;
	top: 0;
	left: 0;
	box-shadow: 0 2px 4px #ddd;
	height: 80px;
}
.header.active .nav-yi, .header.active .language {
	line-height: 80px;
}
.header.active .logo {
	top: 5px;
}
.logo {
	position: absolute;
	top: 15px;
	left: 0;
}
.logo img {
	vertical-align: bottom;
	height:60px;
}

.menu-btn{
	display:none;
}
.menu-box li {
	float: left;
	margin-left: 60px;
	position: relative;
}
.menu-box li:first-child {
	margin-left: 0;
}
.nav-yi {
	display: inline-block;
	font-size: 16px;
	line-height: 100px;
	color: #555555;
	position: relative;
}

.nav-yi:after {
	content: '';
	position: absolute;
	width: 0;
	left: 50%;
	transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	bottom: 0;
	transition: width 0.5s ease;
}
.menu-box li.active .nav-yi:after,.menu-box li:hover .nav-yi:after {
	width: 100%;
	border-top: 3px solid #f08200;
}
.menu-box li.active .nav-yi {
	color: #f08200;
}
.splide {
	width: 100%;
}

.splide__slide img {
	max-width: 100%;
	max-height: 100%;
}
/*标题*/
.indexTit {
    text-align: center;
    width: 100%;
    height: 190px;
    background: url("../images/titLine.png") no-repeat center center;
    background-size: 60px 189px;
}

.indexTit .tit {
    padding-top: 60px;
    display: block;
    font-size: 40px;
    font-weight: bold;
    color: #fc6b00;
    line-height: 40px;
}

.indexTit .subtit {
    font-size: 16px;
    color: #666;
    line-height: 18px;
    font-weight: normal;
    padding-top: 12px;
}
/*分割条*/
.xunpan {
    width: 100%;
    background: url(/images/xunpan.jpg) no-repeat center top;
    height: 200px;
    color: #fff;
}

.xunpan .zixun {
    width: 454px;
    padding-top: 40px;
    text-align: center;
}

.xunpan .zixun .ewm {
    width: 106px;
    height: 106px;
    display: block;
    padding: 6px;
    background: #fff;
}

.xunpan .zixun .tel {
    border: 1px solid #7a7c82;
    width: 300px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    font-size: 26px;
    color: #fff;
    margin-bottom: 20px;
    font-family: "AvantGardeITVbyBT Book", arial;
    -moz-border-radius: 30px;
    -webkit-border-radius: 30px;
    border-radius: 30px;
}

.xunpan .zixun .tel em {
    position: relative;
    top: -2px;
    width: 25px;
    height: 25px;
    background-position: -154px -50px;
    margin-right: 10px;
}

.xunpan .zixun .zx {
    border: 1px solid #fc6b00;
    width: 300px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    font-size: 20px;
    color: #fff;
    -moz-border-radius: 30px;
    -webkit-border-radius: 30px;
    border-radius: 30px;
    background: #fc6b00;
}

.xunpan .zixun .zx em {
    width: 22px;
    height: 20px;
    display: inline-block;
    background-position: -190px -50px;
    margin-left: 10px;
    vertical-align: middle;
}

.xunpan .txt {
    padding-top: 55px;
}

.xunpan .txt h3 {
    font-size: 40px;
    line-height: 45px;
    padding-bottom: 25px;
}

.xunpan .txt p {
    font-size: 20px;
}

.xunpan .txt p span {
    color: #fc6b00;
    display: inline-block;
}
/*小分类*/
.smallmenu {
    overflow: hidden;
    padding-bottom: 20px;
    padding-top: 20px;
}

.smallmenu ul {
    text-align: center;
}

.smallmenu li {
    line-height: 30px;
    margin: 0 10px 10px;
    display: inline-block;
}

.smallmenu li:first-child {
    margin-left: 0;
}

.smallmenu li:last-child {
    margin-right: 0;
}

.smallmenu li a {
    display: block;
    color: #666;
    border: 1px solid #c2c2c2;
    text-align: center;
    padding: 0 25px;
    border-radius: 15px;
}

.smallmenu li a:hover {
    border: 1px solid #fc6b00;
    color: #fff;
    background: #fc6b00;
}

.more {
    width: 150px;
    height: 40px;
    color: #666;
    line-height: 40px;
    margin: 0 auto;
    display: block;
    text-align: center;
    border: 1px solid #ccc;
}

.more:hover {
    border: 1px solid #fc6b00;
    background: #fc6b00;
    color: #fff;
    text-indent: 10px;
}
/*报价*/
.ibj {
    padding: 30px 0 60px 0;
}
.ibjt{ margin-bottom:26px;}
.ibjt ul{ display:grid; grid-template-columns:repeat(4, 1fr);gap:20px;}
.ibjt ul li{ border:1px #efefef solid; padding:30px;transition:All 0.4s ease-in-out;-webkit-transition:All 0.4s ease-in-out;-moz-transition:All 0.4s ease-in-out;-o-transition:All 0.4s ease-in-out;}
.ibjt ul li:hover{transform:translate(0,-10px);-webkit-transform:translate(0,-10px);-moz-transform:translate(0,-10px);-o-transform:translate(0,-10px);-ms-transform:translate(0,-10px); border:1px #fc6b00 solid;box-shadow:0 0 10px 0 rgba(255, 107, 0, 0.45); cursor:pointer;}
.ibjtl{ width:153px; height:auto;}
.ibjtl .tit{ font-size:18px; color:#3d3d3d; line-height:32px;}
.ibjtl .info{ font-size:14px; color:#999999; line-height:28px;}
.ibjtr{ width:68px; height:auto;}

.ibjt ul li:hover .tit{ color:#fc6b00;}

.ibjc{box-shadow:0 0 5px 0 rgba(0, 0, 0, 0.15);}
.ibjcl{ width:409px; height:328px; padding:40px 45px; color:#fff;}
.ibjcl .tit{ font-size:34px; line-height:40px; letter-spacing:2px; font-weight:bold;}
.ibjcl .info{ font-size:16px; line-height:32px; margin:10px auto 20px auto;}
.ibjcl .line{ width:28px; height:2px; background:#fc6b00;}
.ibjcm{ width:665px; height:328px; background:url(/images/i_bj_jiantou.jpg) no-repeat left 30px #fff; padding:35px 35px 0 30px;}
.ibjcm .tit{ font-size:24px; line-height:40px; letter-spacing:1px; font-weight:bold;}
.ibjcm .info{font-size:16px; line-height:32px; margin:10px auto 30px auto; color:#999999;}
.ibjcm .con{ height:65px;}
.scroll-bar{ height: 65px;position: relative; border-radius:65px;}
.entire-bar{ width:100%;height: 12px;top: 12px;left: 0;position: absolute;background: #eeeeee;border-radius:65px;}
.action-bar{ top: 12px;height: 12px;position: absolute;background: #fc6b00;border-radius:65px;}
.action-block{ top: 2px; left:-20px;width: 50px;height: auto;cursor: pointer;position: absolute; padding-top:40px; background:url(/images/ibjcm_con_on.jpg) no-repeat 50% top; font-size:14px; color:#999999; font-weight:bold; text-align:center;}

.ibjcm .ibjcm_mss{ margin-top:40px;}
.ibjcm .ibjcm_mss .ibjcm_mss_tex{ width:420px; height:50px; border:1px #dddddd solid; line-height:48px; background:url(/images/i_bj_phone.jpg) no-repeat 15px 50% #fff; font-size:14px; text-indent:44px;}
.ibjcm .ibjcm_mss .ibjcm_mss_a{ display:block; width:160px; height:50px; line-height:50px; background:#fc6b00; color:#fff; font-size:15px; text-align:center;}
.ibjcm .ibjcm_mss .ibjcm_mss_a:hover{ background:#cb5803; color:#fff;}

.ibjcr{ width:250px; height:328px; background:url(/images/i_bj_right.jpg) no-repeat left 50% #fff; padding:30px 25px 0 26px;}
.ibjcr .tit{font-size:18px; line-height:32px; letter-spacing:1px; font-weight:bold;}
.ibjcr .num{ margin:10px 0; font-size:14px; font-weight:bolder; color:#fc6b00;}
.ibjcr .num span{ font-family:Arial, Helvetica, sans-serif; font-size:48px; padding-right:5px;}
.ibjcr .con{ border:1px #ebebeb solid; padding:12px 15px; border-radius:10px; margin-bottom:15px; color:#666666; font-size:14px; line-height:23px;}
.ibjcr .con span{ color:#333333; font-weight:bolder; padding-right:5px;}
.ibjcr .info{ font-size:12px; color:#999999; line-height:20px;}

.ibjc2 .ibjcl {height: 300px;}
.ibjc2 .ibjcm {height: 300px;}
.ibjc2 .ibjcr {height: 300px;}
.ibjc2 .ibjcr .num {margin: 24px 0 40px;}
.ibjc2 .size {margin-top: 16px;position: relative;}
.ibjc2 .area input,.ibjc2 .size input {width: 600px;height: 50px;line-height: 50px;padding: 0 15px;border: 1px #dddddd solid;}
.ibjc2 .size span {position: absolute;z-index: 1002;font-size: 15px;color: #080808;top: 16px;right: 18px;font-weight: bolder;}
.ibjc2 .ibjcm .ibjcm_mss {margin-top: 16px;}
.ibjc2 .area {margin-top: 16px;}
.ibjc2 select:nth-of-type(2) {margin-right: 0;}
/*案例*/
.floor_2 {
    padding: 40px 0;
    overflow: hidden;
}

.icaseM .bigbox {
    width: 600px;
    height: 490px;
    overflow: hidden;
    position: relative;
    margin: 0;
}

.icaseM .bigbox .bd {
    overflow: hidden;
}

.icaseM .bigbox .bd .item {
    position: relative;
    width: 600px;
    height: 490px;
    overflow: hidden;
}

.icaseM .bigbox .bd .item img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.icaseM .bigbox .bd .item .txt {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 60px;
    background: url("../images/txtBg.png") repeat center center;
    z-index: 12;
    opacity: 1;
    transition: all .5s;
}

.icaseM .bigbox .bd .item .txt .tit {
    font-size: 16px;
    color: #fff;
    height: 60px;
    line-height: 60px;
    text-indent: 20px;
}

.icaseM .bigbox .bd .item .txtBox {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    text-align: center;
    z-index: 2;
    opacity: 0;
    transition: all .5s;
}

.icaseM .bigbox .bd .item .txtBox h3 {
    color: #fff;
    font-size: 18px;
    padding-top: 68%;
    opacity: 0;
    transition: all .5s;
}

.icaseM .bigbox .item:hover .txt {
    opacity: 0;
}

.icaseM .bigbox .item .txtBox span {
    width: 40px;
    height: 40px;
    display: block;
    background-position: 0 -164px;
    position: absolute;
    left: 50%;
    margin-left: -25px;
    top: 10%;
    margin-top: -25px;
    opacity: 0;
    transition: all .5s;
}

.icaseM .bigbox .item:hover .txtBox {
    opacity: 1;
    background: url(../images/black50.png) repeat left top;
    z-index: 16;
}

.icaseM .bigbox .item:hover .txtBox h3 {
    opacity: 1;
    padding-top: 43%;
}

.icaseM .bigbox .item:hover .txtBox span {
    opacity: 1;
    top: 50%;
}

.icaseM .bigbox .hd {
    height: 15px;
    overflow: hidden;
    position: absolute;
    right: 16px;
    bottom: 20px;
    z-index: 15;
}

.icaseM .bigbox .hd ul {
    overflow: hidden;
    zoom: 1; float: left;
}

.icaseM .bigbox .hd li {
    float: left;
    margin-right: 6px;
    width: 10px;
    height: 10px;
    font-size: 0;
    text-indent: -9999px;
    background: #fff;
    cursor: pointer;
    -moz-border-radius: 100%;
    -webkit-border-radius: 100%;
    border-radius: 100%;
    transition: all .5s;
}

.icaseM .bigbox .hd li.on {
    background: #fc6b00;
}

.icaseM .smabox {
	margin-left:30px;
	width: 720px;
}
.smaBoxList{
	display: grid;
	grid-template-columns: repeat(2, 1fr); /* 每行列数 */
	gap: 10px; /* 间隔 */
}
.icaseM .smabox .item {
    float: left;
    width: 100%;          /* 如果需要响应式宽度 */
    height: 240px;
    overflow: hidden;
    position: relative;
    margin: 0 0 0 0;      /* 简化 margin */
}

.icaseM .smabox .item img {
    display: block;
    width: 100%;
    height: 100%;         /* 必须！ */
    object-fit: cover;
}

.icaseM .smabox .item .txt {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 60px;
    background: url("../images/txtBg.png") repeat center center;
    z-index: 12;
    opacity: 1;
    transition: all .5s;
}

.icaseM .smabox .item .txt .tit {
    font-size: 16px;
    color: #fff;
    height: 60px;
    line-height: 60px;
    text-indent: 20px;
}

.icaseM .smabox .item .txtBox {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    text-align: center;
    background: url(../images/txt2Bg.png) repeat-x left bottom;
    z-index: 2;
    opacity: 0;
    transition: all .5s;
}

.icaseM .smabox .item .txtBox .tit1 {
    padding-top: 50px;
    font-weight: bold;
    font-size: 20px;
    color: #fff;
    line-height: 20px;
    transition: all .5s;
}

.icaseM .smabox .item .txtBox .detail {
    position: absolute;
    top: 65%;
    left: 50%;
    margin-left: -49px;
    display: block;
    width: 98px;
    height: 34px;
    font-size: 16px;
    line-height: 34px;
    text-align: center;
    color: #fff;
    border: 1px solid #fff;
    transition: all .5s;
}

.icaseM .smabox .item:hover .txt {
    opacity: 0;
}

.icaseM .smabox .item:hover .txtBox {
    opacity: 1;
}

.icaseM .smabox .item:hover .txtBox .tit1 {
    padding-top: 80px;
}

.icaseM .smabox .item:hover .detail {
    top: 55%;
}

.floor_2_main .more {
    margin-top: 30px;
}
/*流程*/
.tixi {
	background: url(/images/xunpan.jpg) no-repeat center top / cover;
	padding:30px 0;
	
}
.tixi-title {
    margin-bottom: 20px;
}
.h-h2-white {
    font-size: 30px;
    color: #fff;
    line-height: 150%;
    margin: 0;
    padding: 20px 20px 0 20px;
	text-align: center;
}
.h-h2-white:after, .h-h2-white:before {
	display: inline-block;
	height: 1px;
	background-color: rgba(255, 255, 255, 0.30);
	padding: 0;
	content: "";
	width: 100px;
	margin: 10px 15px;
}
.m-sm-white, .m-sm-white2 {
	font-size: 12px;
	line-height: 150%;
	padding: 0 20px;
	margin-top: 5px;
	margin-bottom: 15px;
	text-transform : uppercase;
	color:#fff;
	text-align:center;
}
.tixi .system figure {
	margin: 0 auto;
	transition: All 0.2s ease-in-out;
	-webkit-transition: All 0.2s ease-in-out
}
.tixi .system .service-item {
    width: 16.666%; /* 每行六个项目 */
    position: relative; /* 必须是相对定位，以便绝对定位的 ::after 能够相对于它定位 */
    float: left;
}

/* 添加箭头 */
.tixi .system .service-item:not(:last-child)::after {
    content: "→";
    position: absolute;
    right: -20px; /* 根据实际情况调整 */
    top: 35%;
    transform: translateY(-50%);
    font-size: 36px;
    color: #fc6b00; /* 假设你的背景是深色，如果是浅色，请更改颜色 */
    z-index: 1;
}

/* 清除浮动 */
.tixi .system::after {
    content: "";
    display: table;
    clear: both;
}
@media (min-width:768px) {
.tixi .system figure {
	padding: 10px
}
}
.tixi .system figure:hover {
	transform: scale(1.05);
	-webkit-transform: scale(1.1)
}
.tixi .system figure span {
	font-size: 38px;
	color: #fff;
}
.tixi .system figure h3 {
	font-size: 14px;
	color: #ccc;
	white-space: nowrap;
	text-overflow: ellipsis;
	text-align:center;
	overflow: hidden;
	display: block
}
.tixi .system figure p {
	color: #999;
	margin: 0
}
.tixi .system figure p.ico {
	height: 72px;
	width: 72px;
	margin: 0 auto;
	text-align:center;
	padding-top: 18px;
	margin-bottom: 5px;
	border-radius: 50%;
	color: #fff;
	background-color: #fc6b00;
	
	transition: All 0.2s ease-in-out;
	-webkit-transition: All 0.2s ease-in-out
}
.tixi .system figure:hover p.ico {
	background-color: #fc6b00
}
.tixi .system figure:hover span {
	font-size: 36px;
	color: #fff
}
.tixi .system figure {
	transition: All 0.2s ease-in-out;
	-webkit-transition: All 0.2s ease-in-out
}

/*关于我们*/
.floor_4_main {
    width: 100%;
    height: 714px;
    background: url("../images/aboutBg.jpg") no-repeat center center;
}

.floor_4 {
    padding: 60px 0;
}

.floor_4 .aTit {
    height: 190px;
    background: url(../images/titLine.png) no-repeat 14px center;
}

.floor_4 .aTit .tit {
    padding-top: 60px;
    display: block;
    font-size: 40px;
    font-weight: bold;
    color: #fc6b00;
    line-height: 40px;
}

.floor_4 .aTit .subtit {
    font-size: 16px;
    color: #666;
    line-height: 18px;
    font-weight: normal;
    padding-top: 12px;
}

.floor_4 .aboutimg {
    width: 600px;
    height: 450px;
    margin-left: 20px;
    display: block;
    background: #fff;
    box-shadow: 0 2px 20px rgba(0, 0, 0, 0.1);
    padding: 10px;
}

.floor_4 .aboutimg img {
    width: 600px;
    height: 450px;
    display: block;
}

.floor_4 .abouttext {
    width: 560px;
    display: block;
}

.floor_4 .abouttext .stit {
    font-size: 24px;
    font-weight: bold;
    padding-top: 36px;
    color: #333;
    line-height: 26px;
}

.floor_4 .abouttext h4 {
    color: #999;
    font-size: 24px;
    display: block;
}

.floor_4 .abouttext .desc {
    padding-top: 40px;
    color: #666;
    line-height: 30px;
    margin-bottom: 46px;
    text-align: justify;
}

.floor_4 .abouttext .more {
    margin: 0;
}
/*四大优势*/
.floor_3_main {
    width: 100%;
    height: 800px;
    background: url("../images/ysbg.jpg") no-repeat center center;
}

.floor_3 {
    padding-top: 40px;
}

.floor_3 .indexTit {
    background: url("../images/titLine1.png") no-repeat center center;
}

.floor_3 .indexTit .tit {
    color: #fff;
}

.floor_3 .indexTit .subtit {
    color: #fff;
}

.floor_3 .advantBox {
    margin-top: 30px;
    min-height: 400px;
    background: url("../images/ysBox.png") no-repeat center center;
}
.floor_3 .advantList{
	display: grid;
	grid-template-columns: 1fr 1fr;   /* 两列 */
	grid-template-rows: auto auto;    /* 两行 */
	gap: 10px;
 }
.floor_3 .advantList .item {
    float: left;
    display: block;
    width: 400px;
    cursor: pointer;
}
.floor_3 .advantList .item:nth-child(1) { grid-column: 1; grid-row: 1; } /* 1 → 左上 */
.floor_3 .advantList .item:nth-child(2) { grid-column: 2; grid-row: 1; } /* 2 → 右上 */
.floor_3 .advantList .item:nth-child(3) { grid-column: 1; grid-row: 2; } /* 3 → 左下 */
.floor_3 .advantList .item:nth-child(4) { grid-column: 2; grid-row: 2; } /* 4 → 右下 */
.floor_3 .advantList .item .img {
    float: left;
    display: block;
    width: 80px;
    height: 80px;
    border: 2px solid #fff;
    border-radius: 50%;
    transition: all .5s;
}

.floor_3 .advantList .item .img img {
    width: 100%;
    height: 100%;
    display: block;
}

.floor_3 .advantList .item .txt {
    float: left;
    width: 300px;
    margin-left: 16px;
    transition: all .5s;
}

.floor_3 .advantList .item .txt h3 {
    margin-bottom: 20px;
    font-size: 24px;
    font-weight: bold;
    color: #fff;
    line-height: 24px;
    transition: all .5s;
}

.floor_3 .advantList .item .txt p {
    padding-top: 20px;
    width: 300px;
    font-size: 14px;
    line-height: 24px;
    color: #fff;
    border-top: 1px dashed #9a9a9a;
    transition: all .5s;
}

.floor_3 .advantList .item:nth-child(2n) {
    margin-bottom: 150px;
    margin-left: 300px;
}

.floor_3 .advantList .item:hover .img {
    background: #fc6b00;
    border-color: #fc6b00;
    transform: translateY(-6px);
}

.floor_3 .advantList .item:hover .txt {
    transform: translateY(-6px);
}

.floor_3 .advantList .item:hover .txt h3 {
    color: #fc6b00;
}

.floor_3 .advantList .item:hover .txt p {
    color: #fc6b00;
}
/*团队*/
.team{
	padding:30px 0;
}
.team .team-item{
	width: 25%;
	float:left;
}
.team .team-item:hover .team-box-items .thumb img {
  transform: scale(1.08); /* 放大 5% */
}
.team .team-list::after {
    content: "";
    display: table;
    clear: both;
}
.team .more {
    margin-top: 30px;
}
.team-box-items {
    margin-top: 30px;
  	justify-content: center;
}
.team-box-items .thumb {
    position: relative;
	text-align:center;
}
.team-box-items .thumb img {
    width: 90%;
	transition: transform 0.8s ease;
}

.team-box-items .content {
	width:calc(80% - 40px );
	margin:0 auto;
	padding:0;
    margin-top: -60px;
    position: relative;
    z-index: 9;
    background-color: var(--orange);
    box-shadow: var(--box-shadow);
    text-align: center;
    padding: 10px 0px;
	color:#fff; 
}
.team-box-items .content h3 {
    margin-bottom: 5px;
	font-size:20px;
	font-weight:bold;
	
}
.team-box-items .content h3 a{
	color:#fff; 
}
/*新闻*/
.sy_news {overflow: hidden;padding:30px 0;}
.sy_news::after {
    content: "";
    display: table;
    clear: both;
}
.sy_news .sy_news_tit{text-align: center;margin-left: -50px;margin-top: 50px;}
.sy_news .sy_news_tit a{font-size: 14px;color: #333;margin-left: 50px;padding-bottom: 3px;}
.sy_news .sy_news_tit a.on{border-bottom: 2px solid #9D562C;}

.newstitle {margin-bottom:30px;text-align:center; }
.newstitle h2 {text-transform:uppercase;font-size:24px;line-height:30px;margin-bottom:10px;font-weight:normal;}
.newstitle h3 {font-size:18px;line-height:30px;position:relative;display:inline-block;color:#0d357b;}
.newstitle h3:before {content:'';display:block;position:absolute;top:50%;left:-70px;width:50px;height:1px;background:#0d357b;}
.newstitle h3:after {content:'';display:block;position:absolute;top:50%;right:-70px;width:50px;height:1px;background:#0d357b;}
.newscover {float:left;width:580px;position:relative;}
.newscover figure {overflow:hidden;border:1px solid #eee;margin:0;margin-bottom:15px;width:580px;text-align:center;}
.newscover figure img {max-width:100%;height:348px;object-fit: cover;}
.newscover time {display:inline-block;background:#fc6b00;color:#fff;width:60px;text-align:center;padding:5px;position:absolute;top:0;left:0;}
.newscover time strong {display:inline-block;font-size:40px;line-height:40px;}
.newscover time span {display:inline-block;font-size:12px;}
.newscover dl {}
.newscover dt {font-size:16px;font-weight:bold;line-height:30px;margin-bottom:5px;}
.newscover dd {color:#666;}
.newscover figure img {transition: transform 1s ease;
  transform-origin: center;
  transform: translateZ(0);
 will-change: transform;}
.newscover figure:hover img {transform:scale3d(1.1,1.1,1);}
.newslist {float:right;width:calc(100% - 600px)}

.newslist ul {}
.newslist li {position:relative;border-bottom:1px solid #eee;overflow:hidden;padding:15px;transition: background 0.5s ease, color 1s ease; background-color:#eeeeee; margin-bottom:10px;}
.newslist li time {display:inline-block;width:60px;text-align:center;float:left;margin-right:10px;color:#999;transition: background 1s ease, color 1s ease;}
.newslist li time strong {display:inline-block;font-size:40px;line-height:50px;font-weight:normal;}
.newslist li time span {display:inline-block;font-size:12px;}
.newslist li a {position:absolute;z-index:2;top:0;left:0;bottom:0;right:0;text-indent:-999em;}
.newslist li dl {margin-bottom:0px}
.newslist li dt {font-size:16px;font-weight:bold;line-height:30px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.newslist li dd {height:40px;line-height:20px;overflow:hidden;color:#666;transition: background 0.5s ease, color 1s ease;}
.newslist li:hover {background:#fc6b00;color:#fff;}
.newslist li:hover time {color:#fff;}
.newslist li:hover dd {color:#fff;}

/*footer*/
.footer{
	width:100%;
	background: url(../images/foot_bg.jpg) center no-repeat;
    padding: 95px 0 0px;
    background-size: 100% 100%;
}
.footer-hd {
    display: flex;
    flex-direction: row;
    width: 100%;
    justify-content: space-between;
    margin-bottom: 15px;
}
.footer-left {
    width: 350px;
    padding: 0 10px 5px;
    display: flex;
    flex-direction: column;
}
.footer-left .t1 {
    color: #fff;
    font-size: 16px;
    padding: 10px 0;
}
.footer-left .t2 {
    color: #fc6b00;
    font-size: 36px;
    font-family: Impact;
    line-height: 1;
}
.footer-left .t3  {
	padding-top:30px;
    color: #fefdfd;
    opacity: 0.5;
    line-height: 28px;
}
.footer-mid {
    width: calc(100% - 700px);
    border-right: dashed 1px #403e46;
    border-left: dashed 1px #403e46;
    padding: 0px 40px 5px;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}
.footer-mid li {
	padding: 0 15px;
}
.footer-mid li .t1 {
    color: #fefdfd;
}
.footer-mid li ul {
    margin-top: 15px;
}
.footer-mid li ul a {
    color: #fefdfd;
    margin-bottom: 10px;
    display: block;
    opacity: 0.5;
    transition: all .5s;
}
.ellipsis {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}
.footer-right {
    width: 220px;
    padding: 0 40px;
}
.footer-right .hd {
    width: 100%;
}
.footer-right .hd .lt {
    width: 136px;
}
.footer-right .hd p{
    color:#b4b4b5;
}
.footer-right .bd {
    padding: 30px 0 5px;
}
.copyright{
    border-top: 1px solid #403e46;
    padding: 20px 0;
    overflow: hidden;
	color:#b4b4b5;
	opacity: 0.5;
}
.copyright a{
	color:#b4b4b5;
}
/*浮动客服*/
.toolbar {
    position: fixed;
    top: 50%;
    right: 1%;
    margin-top: -163px;
    z-index: 100;
    width: 80px;
}

.toolbar dd {
    position: relative;
    float: left;
    width: 80px;
    height: 80px;
    background: #fc6b00;
    margin-top: 2px;
    border-radius: 5px;
    color: #fff;
    font-size: 14px;
    line-height: 21px;
    text-align: center;
    cursor: pointer;
    transition: all .5s;
}

.toolbar dd:first-child {
    margin-top: 0;
}

.toolbar dd i {
    width: 100%;
    height: 30px;
    display: block;
    margin-top: 13px;
    background: url(/images/toolbar.png) no-repeat center 0;
}

.toolbar dd.qq i {
    background-position-y: 0;
}

.toolbar dd.tel i {
    background-position-y: -30px;
}

.toolbar dd.code i {
    background-position-y: -60px;
}

.toolbar dd.top i {
    background-position-y: -90px;
}
.toolbar dd#top{
	opacity: 0;
	visibility: hidden;
	transition: opacity 0.8s ease, visibility 0.8s;
}
.toolbar dd#top.show {
    opacity: 1;
    visibility: visible;
}
.toolbar dd span {
    display: block;
    color: #fff;
}

.toolbar dd.tel .box {
    position: absolute;
    top: 0;
    width: 190px;
    right: -200px;
    height: 100%;
    margin-right: 10px;
    border-radius: 5px;
    background: #fc6b00;
    opacity: 0;
    transition: all .5s;
}

.toolbar dd.tel .box p {
    font-size: 14px;
    margin: 15px auto 7px;
}

.toolbar dd.tel .box h3 {
    font-size: 18px;
    font-weight: bold;
}

.toolbar dd.tel .box:after {
    display: block;
    content: " ";
    border-style: solid dashed dashed dashed;
    border-color: transparent transparent transparent #fc6b00;
    border-width: 9px;
    width: 0;
    height: 0;
    position: absolute;
    top: 50%;
    margin-top: -9px;
    right: -18px;
    margin-left: -12px;
}

.toolbar dd.code .box {
    position: absolute;
    top: 0;
    width: 162px;
    right: -172px;
    height: 162px;
    margin-right: 10px;
    border-radius: 5px;
    background: #fc6b00;
    opacity: 0;
    transition: all .5s;
}

.toolbar dd.code .box img {
    width: 140px;
    height: 140px;
    padding: 11px;
}

.toolbar dd.code .box:after {
    display: block;
    content: " ";
    border-style: solid dashed dashed dashed;
    border-color: transparent transparent transparent #fc6b00;
    border-width: 9px;
    width: 0;
    height: 0;
    position: absolute;
    top: 30px;
    right: -18px;
    margin-left: -12px;
}

.toolbar dd:hover {
    background: #cb5803;
}

.toolbar dd.tel:hover .box {
    opacity: 1;
    right: 80px;
}

.toolbar dd.code:hover .box {
    opacity: 1;
    right: 80px;
}
/*手机端底部导航*/
.footer-fix {box-shadow: 0 0 10px rgba(0,0,0,0.2);position: fixed;bottom: 0;left: 0;width: 100%;background-color: #fff;z-index: 10;display: none;}
.footer-fix li {float: left;width: 25%;}
.footer-fix li a {display: block;text-align: center;padding: 7px 0;font-size: 12px;line-height: 1;}
.footer-fix li i {display: block;height: 20px;background: no-repeat center;background-size: contain;margin-bottom: 4px;}
.footer-fix li i.i1 {background-image: url(../images/f_01.png);}
.footer-fix li i.i2 {background-image: url(../images/f_02.png);}
.footer-fix li i.i3 {background-image: url(../images/f_03.png);}
.footer-fix li i.i4 {background-image: url(../images/f_04.png);}