html{font-family: "Microsoft Yahei";padding: 0;margin: 0;}
body {
font-family: "Microsoft Yahei", Tahoma, Arial, Helvetica, sans-serif;
word-break: break-all;
word-wrap: break-word;
background: #FFFFFF;
}
*{padding: 0;margin: 0;box-sizing:border-box; -moz-box-sizing:border-box; /* Firefox */ -webkit-box-sizing:border-box; /* Safari */ }
a{text-decoration: none; color:#000000;}
/*------------------public------------------*/
.clearfix {
*zoom:1; clear:both;
}
.clearfix:after {
content: "";
display: block;
clear: both;
}
a:hover{color: ;}
.fl{float: left;}
.fr{float: right;}
.text-center{text-align: center;}
.container{ width:96%;/*padding:50px 0;*/margin:0 auto }
html {
color: #000;
background: #fff;
}
body, h1, h2, h3, h4, h5, h6, p, dl, dd {
margin: 0;
}
ul, ol, input {
margin: 0;
padding: 0;
}
li {
list-style: none;
}
img {
border: none;
vertical-align: middle;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
em, i {
font-style: normal
}
b, th {
font-weight: normal;
}
textarea {
resize: none;
}
button, input, textarea {
font-family: "microsoft yahei", Tahoma, Arial, Helvetica, sans-serif;
vertical-align: middle;
color:#666666;
}
input:focus, textarea:focus, button:focus {
outline: none;
}
.fl{ float: left;}
.fr{ float: right;}
/* 头部开始 */
.menus{ width:100%;position:fixed; height:100%; background:rgba(0,0,0,0.8); left:0; top:0; display:none; z-index:22}
.menus .show-menu img{ width:auto; max-width:100%;}
.menus .closed{ width:30px; height:25px; border-radius:50%; padding-top:5px; position:absolute; right:0.2rem; top:5px; z-index:11; color:#E1E1E1}
.menus .show-menu{ width:60%; height:100%; position:fixed; z-index:9; background:#1d3d95; left:0; top:0; padding-top: 5%; text-align:center}
.menus .show-menu h1{line-height:4rem; text-align:center; color:#000; font-weight:normal}
.menus .show-menu a{ color:#fff}
.menus .show-menu li{ line-height:2em; font-size:100%; letter-spacing:1px; text-align:left; margin-left: 20px;}
.show-erweima{ width:80%; background:rgba(255,255,255,1); margin:auto; padding:15px; text-align:center; border-radius:20px; padding-bottom:1rem; position:fixed; bottom:20%; display:none; left:10%; z-index:9}
.show-erweima img.ewm{ width:auto; max-width:100%; height:auto}
.show-erweima .txt{ line-height:40px; color:#0D0D0D; font-size:100%}
.show-erweima .txt span{ padding:5px 10px; background:#202D4F; color:#fff;display: inline-block; width: 100%; font-size: 14px;}
.show-erweima .txt span:nth-child(2){ margin-left: 28%;}
.show-erweima .txt span a{ color:#fff}
.show-erweima .txt .wx{ width:8%; margin-right:5px; display:inline-block }
.show-erweima .closed{ position:absolute; right:5px; top:5px; z-index:10; width:30px; height:25px; padding-top:5px; text-align:center; color:#fff; border-radius:50%; background:#373737;}
.footer_float {height:auto; overflow:hidden; background:#1d3d95; color:#fff; width:100%; position:fixed; z-index:9999; left:0; bottom:0;}
.footer_float a{ color:#fff;}
.footer_float ul li{ float:left; padding:10px 0; width:24%; line-height:30px; text-align:center; font-size:100%; background:url(../images/nav_line.jpg) right repeat-y;}
.footer_float ul li:last-child{ background:none; border-right: none;}
.footer_float ul li{ border-right: 1px solid rgba(255,255,255,0.4)}
.waphear{ display: block;}
.wap{ display: block;}
.pc{ display: none}
.head,.header,.syproduct,.yb_conct{ display: none;}
.waphear { display: block;width: 100%; height: 75px; z-index: 12;}
.inner{ background: rgba(255,255,255,1); box-shadow: 1px 3px 6px #cacaca;position: fixed; }
.waphear .ico{
width: 13%;height:24px;
border-top: 4px solid #000;
border-bottom: 4px solid #000;
padding: 6px 0;
background-color:#000;
background-clip: content-box; position:absolute; right:0.4rem; top:22px; z-index:9; }
.menus ul li{ position: relative; border-bottom: 1px solid rgba(255,255,255,0.2);}
.menus ul li .ico{ position:absolute; right:15px; width:15px; height:15px; top: 10px; z-index:1;background:url(../images/plus.png) 95% center no-repeat;-webkit-transition:all 0s;-moz-transition:all 0s;transition:all 0s;filter: grayscale(100%);}
.menus ul li a{height:45px;color:#fff;line-height:45px;padding-left:5%;font-size:16px}
.menus ul li .a_js2{}
.menus ul li .a_fmj_on{background:url(../images/reduce.jpg) 95% center no-repeat;-webkit-transition:all 0s;-moz-transition:all 0s;transition:all 0s;filter: grayscale(100%);}
.menus ul li .a_bf{display:none}
.menus ul li .a_bf a{height:40px;line-height:40px;font-size:14px; display:block;}
.waphear .logo {
width: 100%;
height: 75px;
float: left;
background: url(../images/toplogo.png) no-repeat left center;
background-size: 78%;
background-position-x: 10px;
}
/**/
.hear{ width: 100%; display: none;}
.hear .top-head{ line-height: 40px; background: #ebebeb; width: 100%; display: inline-block;}
.hear .top-head p{ font-size: 14px; text-align:left; color: #666; width: 50%; float: left;}
.top-logo { width: 100%; display: inline-block; margin: 10px 0px;}
.top-logo h1{ float: left; width: 50%;}
.top-logo .tel{ float: right; width: 30%; margin-top: 2.2%;}
.top-logo .logo{ width: 100%; margin-right: 20px;}
.top-logo .logo img{ width: 100%;}
/* .top-logo .logo-titel p{ font-size: 26px; margin-top: 10px ;}
.top-logo .logo-titel p i{ font-weight: 300; font-size: 12px; color: #010101; width: 100%; display: block; line-height: 24px;} */
.tel .tel-img{ width: 60px; height: 60px; background:#2161af; border-radius: 50%; float: left; margin-right: 15px; margin-top: 4%;}
.tel .tel-img img{ width: 65%; display: block; margin: auto; padding-top:15%;}
.tel_pho{ width: 80%; float: right;}
.tel .tel_pho span{ width: 100%; display: block; margin-top: 7%}
.tel span b{ font-size: 36px; font-weight: bold; font-family: Arial, Helvetica, sans-serif;}
.nav{ width: 100%; height: 60px; background: #2161af; position: relative;}
.nav ul li{ float: left; width: 12.2%; line-height: 60px; height: 60px; text-align: center;}
.lion{ position: relative; }
.nav ul li a{ color:#fff; font-size: 16px }
#subNews{ display:none; background: #2161af; z-index: 9; position: absolute; width: 120%; margin-left: -10%}
.nav ul li.on{ background: #f08601;}
#subNews dt{ width: 100%; line-height: 45px; height: 45px;}
#subNews dt:hover{ background: #f08601;}
.nav ul li:hover #subNews{ display: block;}
.nav ul li:hover{background: #f08601;}
.nav ul .linon{ position: relative;}
.short-yop{ position: absolute;left: 0px;z-index: 9; background: #fff; width: 100%; height: 280px; color: #000; display: none; }
.short-yop a{ font-size: 14px;}
.nav ul li .short-yop a{ color: #333;}
.short-yop .picleft-title{ width: 30%; float: left;box-sizing: border-box;box-shadow: 5px 0 5px rgb(0 0 0 / 7%); height: 280px;}
.short-yop .picleft-title .t{ line-height: 40px; height: 40px; width: 100%;position: relative; padding-left: 10%; box-sizing: border-box; text-align: left;}
.short-title{ position: absolute; width: 100%; height: 280px; top: 0px; right: -100%;box-shadow: 5px 0 5px rgb(0 0 0 / 7%);padding-top: 10px; box-sizing: border-box;}
.short-title{ display:none;}
.right-biao{ position: absolute;width: 100%; height: 280px; top: 0px; right: -100%; display: none;}
.t::after{ content: "";color: #004f9b; position: absolute; right:15px; top: 30%; width: 0;height: 0;border: 7px solid transparent;border-left: 7px solid #004f9b;}
.short-title .li{padding-left: 10%; box-sizing: border-box; position: relative; }
.short-title .li::after{ content: "";color: #004f9b; position: absolute; right:15px; top: 30%; width: 0;height: 0;border: 7px solid transparent;border-left: 7px solid #004f9b;}
.short-yop .picleft-title .t:hover{ background: #f5f5f5;}
.short-title .li:hover{ background: #f5f5f5;}
.short-yop .picleft-title .t:hover .short-title{ display: block;}
.short-title .li:hover .right-biao{ display: block;}
.right-biao dt{ padding-left: 10%; box-sizing: border-box;}
.right-biao dt:hover{ background: #f5f5f5;}
.short-yop .picleft-title .t:nth-child(1){ margin-top: 10px;}
.short-yop .picleft-title .t:nth-child(1) .short-title{ top: -10px;}
.short-yop .picleft-title .t:nth-child(2) .short-title{ top: -50px;}
.short-yop .picleft-title .t:nth-child(3) .short-title{ top: -90px;}
.short-yop .picleft-title .t:nth-child(4) .short-title{ top: -130px;}
.short-yop .picleft-title .t:nth-child(5) .short-title{ top: -170px;}
.short-yop .picleft-title .t:nth-child(6) .short-title{ top: -210px;}
.short-title .li:nth-child(2) .right-biao{ top: -40px;}
.short-title .li:nth-child(3) .right-biao{ top: -80px;}
.short-title .li:nth-child(4) .right-biao{ top: -120px;}
.short-title .li:nth-child(5) .right-biao{ top: -160px;}
.short-title .li:nth-child(6) .right-biao{ top: -200px;}
.short-title .li:nth-child(7) .right-biao{ top: -230px;}
.pro-nva:hover .short-yop{ display: block;}
/* .pic-nva{ position: absolute; top: 60px; left: 0px;z-index: 9; background: #fff; width: 100%; height: 240px; }
.picleft-title{ height: 240px;}
.pic-nva .picleft-title .nva-t{ width: 25%; float: left; box-shadow: 5px 0 5px rgb(0 0 0 / 7%); height: 100%; padding: 10px 0px; box-sizing: border-box;}
.pic-nva .picleft-title .short-yop{ width: 25%; float: left; box-shadow: 5px 0 5px rgb(0 0 0 / 7%); height: 100%;}
.pic-nva .picleft-title .nva-t .t{ font-size: 14px; line-height: 40px; position: relative; padding-left: 5%; box-sizing: border-box;}
.pic-nva .picleft-title .nva-t .t::after{ content: "";color: #004f9b; position: absolute; right:15px; top: 30%; width: 0;height: 0;border: 7px solid transparent;border-left: 7px solid #004f9b;}
.short-yop .short-title{ display: none;}
.short-yop .short-title a{ font-size: 14px; line-height: 40px;}
.short-yop .short-title li{ position: relative;padding-left: 10%; box-sizing: border-box; }
.short-yop .short-title li::after{ content: "";color: #004f9b; position: absolute; right:15px; top: 30%; width: 0;height: 0;border: 7px solid transparent;border-left: 7px solid #004f9b;}
.pic-nva .picleft-title .nva-t .t:hover .short-title{ display: block;}
.pic-nva .picleft-title .nva-t .t:hover{ background: #f5f5f5;}
.short-yop .short-title li:hover{ background: #f5f5f5;}
.short-yop .short-title li .right-biao{ position: absolute; right: -100%; top: 0px; display: none; width: 100%; height: 240px;box-shadow: 5px 0 5px rgb(0 0 0 / 7%);}
.short-yop .short-title li .right-biao dt{ width: 100%; height: 40px; line-height: 40px; padding-left: 10%; box-sizing: border-box;}
.short-yop .short-title li:hover .right-biao{ display: block;}
.short-yop .short-title li:nth-child(2) .right-biao{ top: -40px;}
.short-yop .short-title li:nth-child(3) .right-biao{ top: -80px;}
.short-yop .short-title li:nth-child(4) .right-biao{ top: -120px;}
.short-yop .short-title li:nth-child(5) .right-biao{ top: -160px;}
.short-yop .short-title li:nth-child(6) .right-biao{ top: -200px;}
.short-yop .short-title li .right-biao dt:hover{background: #f5f5f5; }
.nav ul li:nth-child(3):hover .pic-nva{ display: block;} */
/*banner-action*/
.lb{width:100%;overflow:hidden;position:relative; z-index: 1;}
.lb .swiper-container {width: 100%;height: 100%;margin-left: auto; margin-right: auto;position: relative;}
.lb .swiper-slide {text-align: center;font-size: 18px;background: #fff;/* Center slide text vertically */display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center;}
/* .swiper-slide img{ width: 100%;} */
.lb .swiper-container>.swiper-pagination-bullets{ bottom: 3% !important;}
.lb .swiper-pagination-bullet{width: 12px !important; height: 12px !important; background: #fff; opacity:0.5;}
.lb .swiper-pagination-bullet-active{ opacity: 1;}
.lb .swiper-button-prev{ left: 83% !important; top: 94%;outline: none;color: #fff;border: 3px solid #fff; width: 40px;height: 40px;border-radius: 50%; display: none}
.lb .swiper-button-next:after,.lb .swiper-button-prev:after{ font-size: 25px !important;font-weight: bold;}
.lb .swiper-button-next{ right: 10% !important;top: 94%;outline: none;color: #fff;border: 3px solid #fff; width: 40px;height: 40px;border-radius: 50%;display: none}
.lb .swiper-slide img{width: 100%;height: auto;min-height: 100%;}
.lb .swiper-button-prev:hover,.lb .swiper-button-next:hover{ background: rgba(255,255,255,0.5);}
@-webkit-keyframes leftUp{
0%{transform:scale(1.1,1.1) translate(4.545%,4.545%); }
100%{transform:scale(1.1,1.1) translate(-4.545%,-4.545%);}}
@keyframes leftUp{
0%{transform:scale(1.1,1.1) translate(4.545%,4.545%);}
100%{transform:scale(1.1,1.1) translate(-4.545%,-4.545%);}}
.moveRight img{-webkit-animation-name:moveRight;animation-name:moveRight;}
@-webkit-keyframes moveRight{
0%{transform:scale(1.1,1.1) translate(-4.545%,0); }
100%{transform:scale(1.1,1.1) translate(4.545%,0);}}
@keyframes moveRight{
0%{transform:scale(1.1,1.1) translate(-4.545%,0);}
100%{transform:scale(1.1,1.1) translate(4.545%,0);}}
.moveDown img{-webkit-animation-name:moveDown;animation-name:moveDown;}
@-webkit-keyframes moveDown{
0%{transform:scale(1.1,1.1) translate(0,-4.545%); }
100%{transform:scale(1.1,1.1) translate(0,4.545%);}}
@keyframes moveDown{
0%{transform:scale(1.1,1.1) translate(0,-4.545%);}
100%{transform:scale(1.1,1.1) translate(0,4.545%);}}
.centerBig img{-webkit-animation-name:centerBig;animation-name:centerBig;}
@-webkit-keyframes centerBig{
100%{transform:scale(1.1,1.1);}}
@keyframes centerBig{
100%{transform:scale(1.1,1.1);}}
.rightDownBig img{-webkit-animation-name:rightDownBig;animation-name:rightDownBig;}
@-webkit-keyframes rightDownBig{
100%{transform:scale(1.1,1.1) translate(4%,4%);}}
@keyframes rightDownBig{
100%{transform:scale(1.1,1.1) translate(4%,4%);}}
.search{ height: 60px;border-bottom: 1px solid #e8e8e8;}
.search .left_seach{ width: 69%; float: left; line-height: 60px; font-size: 16px;}
.search .left_seach i{ color: #dd3641; font-style: inherit;}
.search .right_seach{ width: 25%; float: right; }
.seach_cont{background: #eaeaea; height: 40px; border-radius:8px; margin-top: 10px;}
.seach_cont span{ width: 83px; float: right; background: #2161af; border-radius:8px; display: block; height: 100%; line-height: 40px; text-align: center; color: #fff;}
.seach_cont form{ width: 100%; display: block;}
.seach_cont input{ width: 76%; height: 40px; background: none; border: none;outline:medium; line-height: 40px; color:#cccccc; font-size: 16px; float: left;padding-left: 5%;box-sizing: border-box;}
.search button{ border: none; background: none; outline:medium;}
.search .left_seach a{padding: 0px 5px;}
.search .left_seach a:hover{ color: #dd3641;}
/*banner-over*/
.pro-box{ width: 100%; display: inline-block; /* background: #f5fafe; */padding-top: 20px;}
.title{ text-align: center;}
.title h4{ font-size:36px; color: #000;}
.title p{ font-size: 14px; color: #999999;}
.pro-swiper{ overflow: hidden; width: 100%;}
.pro-classify ul{ margin: 20px 0px;}
.pro-classify ul li{ width:32%; height: 35px; margin-bottom: 5px; float: left; background: #f2f2f2; border-radius: 15px; text-align: center; line-height: 35px; margin-right: 1%;}
.pro-classify ul li a{ font-size: 15px;}
.pro-classify ul li:hover{ background: #2161af;}
.pro-classify ul li:hover a{ color: #fff;}
.pro-swiper .pro-slide { width: 49%; margin-right: 1%; float: left; height: auto;position: relative; }
.pro-swiper .swiper-wrapper{ display: block;}
.pro-swiper .pro-slide:nth-child(2n){ margin-right: 0px;}
.pro-swiper .pro-slide .pro-thumb{ width: 100%; height: auto; overflow: hidden;position: relative; background: url(../images/pribei.jpg) no-repeat; background-size: 100%; margin-bottom: 20px; border-radius: 15px 15px 0px 0px; }
.pro-swiper .pro-slide .pro-thumb .pro-img{ width: 100%; height: 166px; overflow: hidden; border-radius: 15px 15px 0px 0px; text-align: center;}
.pro-swiper .pro-slide .pro-thumb .pro-img{display: flex;
justify-content: center;
align-items: center;
overflow: hidden;
position: relative;
text-align: center;}
.pro-img img{ width: 90%; height: auto; /* object-fit: cover; */ }
.biao{ position: absolute; width: 15%; top: 10px; left: 10px; z-index: 2;}
.biao img{ width: 100%;}
.pro-swiper .pro-slide .pro-thumb p{ font-size: 14px; width: 100%; text-align: center; height: 45px; line-height: 45px; border-radius: 0px 0px 15px 15px; background: #f2f2f2;}
.pro-swiper .pro-slide .pro-thumb:hover .pro-img img{ -webkit-transform:scale(1.15);-moz-transform:scale(1.15);-o-transform:scale(1.15);transform:scale(1.15);-webkit-transition:all 2s ease;-moz-transition:all 2s ease;-o-transition:all 2s ease;transition:all 2s ease;}
.pro-swiper .pro-slide .pro-thumb:hover p{ background:#2161af; color: #fff;}
.pro-list{ position: relative;}
.moer{ background: #2161af; border-radius: 15px; width: 100%; display: block; margin:15px auto; height:50px; padding: 5px; box-sizing: border-box;}
.moer a{ width: 100%; display:block; margin: auto; border-radius:10px; color:#fff; height: 40px; line-height: 40px; border: 1px solid #fff; text-align: center;}
.moer:hover{ background: #f08601;}
.index-bt2{text-align: center;margin-bottom:55px;}
.index-bt2 p,.index-bt2 span{text-transform:uppercase; font-size: 36px; line-height: 48px; }
.index-bt2 p{ font-family: arial;}
.index-bt2 i{ width: 120px; height: 3px; background: #333; display: block; margin: 15px auto;}
.index-bt2 span{ font-weight: bold; color: #333; font-size: 40px;}
.service .container{ width: 96%;}
.service {padding:30px 0; background: #f9f9f9;}
.service .service_box .service_div{width:9.5%;float:left;margin:0 1.7%;text-align: center;position: relative;}
.service .service_box .service_div .service_img{width:100%;height:141px;display: flex;justify-content: center;align-items: center;overflow:hidden;margin-bottom:30px;}
.service .service_box .service_div .service_img img{max-width: 100%; display: block; margin: auto;transition: all 0.5s;}
.service .service_box .service_div img:last-child{position: absolute;left:0;top:0;opacity:0; margin-left: 10.5px;}
.service .service_box .service_div p{font-size:20px;color:#333333;}
.service .service_box .service_div:hover img{transform:rotateY(360deg);opacity:1;}
.service .service_box .service_div:first-child{margin-left:0;}
.service .service_box .service_div:last-child{margin-right:0;}
.service .service_more{width:15%;margin:40px auto;line-height:45px;background:#2161af;border-radius:50px;background:#2161af;text-align: center;}
.service .service_more a{display: block;color:#FFFFFF;font-size:20px;}
/* 介绍 */
.about-box{ background: url(../images/about-bei.png) no-repeat bottom #f5fafe ; width: 100%; height:859px; padding-bottom: 40px; padding-top: 70px; }
.about-box .left-about{ width: 53%; }
.about-box .right-about{ width: 44%;}
.about-img{ width: 100%; background: #fff; height: 600px; padding: 19px; box-sizing: border-box;}
.about-img img{ width: 100%; height: 100%; object-fit: cover;}
.left-about .about-title{ width: 100%; padding-bottom: 20px; position: relative;}
.about-title img{ width: 45%;}
.about-title p{ font-size: 24px; color: #000; line-height: 40px;}
.about-title::after{ content: ''; width: 90%; height: 1px; background: #d4d4d4; display: block; position: absolute; bottom: 0px; left: 0px;}
.about-cont{width: 100%; display: inline-block; padding-top: 10px;}
.about-cont h3{ font-size: 23px; line-height: 60px;}
.about-cont .about-profile{ font-size: 18px; line-height: 48px;}
.about-moer{ width: 20%; background: #2161af; height: 35px; line-height: 35px; padding: 0px 10px;border-radius: 10px; margin-top: 30px;}
.about-moer a{ color: #fff; width: 100%; height: 100%;}
.about-moer i{ float: right; width: 15%;}
.about-moer i img{ width: 100%;}
.about-rexian{ width: 100%; padding: 0px 24px; height: 66px; line-height: 66px; font-size: 34px; color: #fff; margin-top: 11%;}
.about-rexian b{ font-weight: bold; font-family: Arial, Helvetica, sans-serif; font-size: 40px;}
.about-rexian b:last-child{ padding-left:37% ;}
.about-rexian i{ float: left; width: 66px; height: 66px; border-radius: 50%; background: #fff; text-align:center; line-height: 66px; margin-right: 20px;}
.about-rexian i img{width: 70%;}
.right-about ul{ margin-top: 40px;}
.right-about ul li{ float: left; width: 25%; text-align: center;}
.right-about ul li img{ width: 20%;}
.right-about ul li span{ width: 100%; height: 40px; display: block;}
.right-about ul li p{ font-size: 20px; color: #fff; line-height: 30px;}
.flex {
display: -webkit-flex;
display: flex;
justify-content: flex-start;
align-items: flex-start;
}
.flex-horz-between {
justify-content: space-between;
}
.main-title-wrap {
margin-bottom: 38px;
}
.main-title {
line-height: 1;
font-weight: bold;
}
.main-title .desc {
font-size:18px;
margin-bottom:13px;
color: #2161af;
/*font-style: italic;*/
}
.main-title .tit {
font-size:48px;
}
.main-title .tit span {
color: #2161af;
}
.main-tit-btn {
width: 161px;
height:36px;
line-height:36px;
color: #fff;
font-size:14px;
text-align: center;
border-radius:46px;
background-color: #2161af;
transition: all .2s;
display: block;
}
.index-company {
padding-top:85px;
background: #f2f6f9 url('../images/company-bg.jpg') no-repeat center bottom;
background-size: cover;
padding-bottom: 75px;
}
.index-company .main-title-wrap {
margin-bottom:28px;
}
.index-company-intro {
margin-bottom:23px;
}
.index-company-intro .intro-wrp {
width: 48%;
}
.index-company-intro .intro-wrp > .desc {
font-size:16px;
line-height:36px;
color: #666;
max-height: 288px;
overflow: hidden;
margin-bottom:35px;
}
.index-company-intro .img-wrp {
width: 45%;
height: 410px;
position: relative;
margin-top: 40px;
}
.index-company-intro .img-wrp .bg-block {
width: 100%;
height: 100%;
background-color: #2161af;
position: absolute;
left: 0;
top: 0;
transition: all .25s;
z-index: 8;
}
.index-company-intro .img-wrp img {
width: 100%;
height: 100%;
background-color: #2161af;
object-fit: cover;
position: absolute;
right: 50px;
bottom:50px;
transition: all .25s;
z-index: 9;
}
.index-company-about {
height:270px;
background: url('../images/ABOUT-US.png') no-repeat;
background-size: cover;
}
.index-company-about .list-item {
width: 20%;
box-sizing: border-box;
border-left: 0.02rem solid #2161af;
padding:5px 20px;
height: 146px;
}
.index-company-about .list-item .icon {
width: 40px;
height:40px;
margin-bottom:20px;
}
.index-company-about .list-item .text-wrp {
color: #2161af;
}
.index-company-about .list-item .text-wrp .num {
font-size:48px;
font-weight: bold;
line-height: 1;
}
.index-company-about .list-item .desc {
font-size:16px;
color: #666;
margin-top:10px;
}
/*方案*/
.box-4 { width: 100%;display: inline-block;}
.box-4 ul li{ width:19.7%;height: 420px;overflow: hidden;position: relative; float: left;margin-right: 1px;margin-bottom: 1px;}
.box-4 ul li .pro-v{ position: absolute; z-index: 2; width: 100%;height: 100%;display: block;top: 0%;background: rgba(10,49,106,0.9);padding: 0% 36%;
padding-top: 35%;box-sizing: border-box;}
.box-4 ul li .pro-v img{width: 100%;}
.box-4 ul li .pro-t{ width: 100%;height: 100%;}
.box-4 ul li .pro-t img{ width: 100%;height: 100%;object-fit: cover;}
.box-4 ul li .pro-v p{ font-size: 17px;color: #fff; width: 60%; display: block;margin: auto;}
.box-4 ul li .pro-v span{ width: 3px;height: 30px;display: block;background: #fff;margin: 20px auto;}
.box-4 ul li.on .pro-v{display: none;}
.box-4 ul li .pro-y{ display: none;position: absolute;bottom: 0px;height: 40%; width: 100%;z-index: 2;background: rgba(10,49,106,0.9);color: #fff;padding: 0px 10%;box-sizing: border-box;}
.box-4 ul li .pro-y .p{ font-size: 22px;line-height: 60px;}
.box-4 ul li .pro-y .p i{width: 15%; height: 2px;background: #fff;display: block;margin-bottom: 10px;}
.box-4 ul li .pro-y span{ font-size: 14px;line-height: 25px;}
.box-4 ul li .pro-y .box-more{ font-size: 14px;}
.box-more a{ color: #fff;font-size: 14px;line-height: 40px;}
.box-4 ul li.on .pro-y{display: block;}
.box-4 ul li .pro-y span {
display: -webkit-box;
-webkit-line-clamp: 4; /* 限制显示3行 */
-webkit-box-orient: vertical;
overflow: hidden; /* 隐藏溢出的内容 */
}
/*a案例*/
/* 首页应用开始 */
.flex-between{justify-content:space-between;align-items:center;}
.flex-vert-end{align-items:flex-end;}
.index-yingyong {
padding:15px 0;
background-color: #e5ecf4;
}
.index-yingyong .main-title-wrap {
margin-bottom: 18px;
}
.index-yingyong-swiper {
width: 100%;
overflow: hidden;
position: relative;
}
.index-yingyong-swiper-slide {
width: 582px;
border-radius: 25px;
box-sizing: border-box;
padding:10px;
background-color: #fff;
flex-shrink: 0;
}
.index-yingyong-swiper-slide.swiper-slide-active {
box-shadow: 0px 6px 20px 10px #e4eaef;
}
.index-yingyong-swiper-slide .img-wrp {
width: 59%;
height: 338px;
margin-right: 5%;
position: relative;
}
.index-yingyong-swiper-slide .img-wrp > img {
display: block;
position: absolute;
width: 100%;
height: 100%;
object-fit: cover;
left: 0;
bottom: 0;
border-radius: 25px;
}
.index-yingyong-swiper-slide .con-wrp {
width: 36%;
}
.index-yingyong-swiper-slide .con-wrp .tit1 {
font-size: 14px;
font-weight: bold;
text-transform: uppercase;
color: #999;
margin-bottom:16px;
margin-top: 30px;
}
.index-yingyong-swiper-slide .con-wrp .tit2 {
font-size:20px;
line-height: 40px;
height:80px;
font-weight: bold;
margin-bottom:12px;
}
.index-yingyong-swiper-slide .con-wrp .line {
width: 2px;
height: 20px;
background-color: #2161af;
margin-bottom:40px;
}
.index-yingyong-swiper-slide .con-wrp .desc {
font-size:16px;
color: #666;
line-height:24px;
height: 144px;
overflow: hidden;
}
/* 首页应用结束 */
/* 优势 */
.adv-box{ width: 100%; display: inline-block; padding-top: 25px; }
.adv-box .adv-title p{ font-size: 40px; font-family:Arial, Helvetica, sans-serif; font-weight: bold; }
.adv-box .adv-title p i{ color: #2161af;}
.adv-box .adv-title span{ font-size: 20px; color: #333; margin-top: 10px; position: relative; padding-bottom: 10px; }
.adv-box .adv-title span i{ font-size: 18px; color: #7c7c7c; letter-spacing:0px; display: none}
.adv-box .adv-title span::after{ content: ''; position: absolute; left: 0px; bottom: 0px; width: 45%; height: 1px; background: #333; }
.advcont-title { width: 100%; z-index: 9;display: inline-block}
.advcont-title ul li{ width: 49%; height: 110px; float: left; text-align: center;background-image: linear-gradient(to right, #f4f4f4, #fefefe);}
.advcont-title ul li span{ width: 40px; height: 40px; border: 1px solid #d5d5d5; border-radius: 50%; display: block; margin:5% auto; text-align: center; line-height: 40px; }
.advcont-title ul li span img{/* -webkit-filter: grayscale(100%);
-moz-filter: grayscale(100%);
-ms-filter: grayscale(100%);
-o-filter: grayscale(100%); */ filter: grayscale(100%); width: 60%;}
.advcont-title ul li p{ font-size: 14px; line-height: 36px;}
.adv-cont{ width: 100%; margin-top: 53px; height: 565px; position: relative;}
.advcont-list{ width: 100%;}
.advcont-list .synopsis-left{ width: 100%;}
.synopsis-left p{ font-size: 24px; font-weight: bold; line-height: 40px;}
.synopsis-left span{ font-size: 14px; line-height: 30px;}
.advcont-list .synopsis-right{ width: 100%; }
.advcont-list .synopsis-right .syndiyi{width:100%; height: 158px; border: 2px solid #dfdfdf; padding: 15px; display: block; margin: auto;}
.advcont-list .synopsis-right .syndiyi .syn-img{ width: 100%; height: 100%; overflow: hidden; }
.syndiyi .syn-img img{ width: 100%; height: 100%; object-fit: cover;}
.advcont-title ul li.on{ background:#2161af;}
.advcont-title ul li.on span{ background: #fff; border: 1px solid #fff;}
.advcont-title ul li.on p{ color: #fff;}
.advcont-title ul li.on span img{ filter: grayscale(0%)}
.advcont-title ul li:nth-child(1){ border-radius: 20px 0px 0px 0px;}
.advcont-title ul li:nth-child(4){ border-radius: 0px 20px 0px 0px;}
/* xinwe */
.box7 { width: 100%; display: inline-block; /* background: url(../images/newsbei.jpg) no-repeat top; */}
.box7 .why-title .title span{ font-size:48px ;}
.box7 .why-title p:last-child {
margin: 10px 0px 20px 0px;
}
.link-box{ display: none}
.news-title{ width: 100%; display: inline-block;}
.news-title h4{ width: 100%; float: left; position: relative; margin: 15px 0px; }
.news-title h4 p{ font-size: 42px; font-style:oblique; font-family: Arial, Helvetica, sans-serif; display: none}
.news-title h4 p i{ color:#2161af; text-transform:uppercase; }
.news-title h4 span{ font-size: 32px; z-index: 10px;}
.news-title h4 span b{ color: #7c7c7c; font-size: 18px; display: none}
/*.news-title h4::after{ content: ''; width: 18%; height: 7px; background: #2161af; position: absolute; bottom: 0px; left: 0px; z-index: 2;}*/
.news-title ul{ width: 100%; margin-top: 1.6%; padding-left: 10px; box-sizing: border-box;}
.news-title ul li{ width: 32%; background: #fff; height: 40px; box-shadow: 0px 0px 4px 4px rgba(0,0,0,0.1); float: left; overflow: hidden; border-radius: 25px; line-height: 40px;
text-align: center; margin-right:1%; float: left}
.news-title ul li:last-child{ margin-right: 0px;}
.news-title ul li a{display: flex; align-items: center;}
.news-title ul li img{ width: 20px; height: 20px; margin: 0px 6px;}
.news-title ul li:hover{ background: #2161af;}
.news-title ul li:hover a{ color: #fff;}
.news-title ul li:hover img{ transform: translateY(-50px); filter: drop-shadow(#fff 0 50px);}
.news-title ul li.on{ background: #2161af;}
.news-title ul li.on a{ color: #fff;}
.news-title ul li.on img{ transform: translateY(-50px); filter: drop-shadow(#fff 0 50px);}
.news-title h4{ text-align: center}
.news-list{ width: 100%; display: inline-block; margin-top: 40px;}
.slideBox{ width: 100%; display: inline-block;}
.slideBox ul li{ width: 100%; padding: 15px; border: 1px solid #bebebe; border-radius: 15px; margin-bottom: 15px;}
.slideBox ul li .news-img{ width: 100%; height: 160px; border-radius: 15px; overflow: hidden; box-shadow: 0px 0px 5px rgba(0,0,0,0.5);}
.slideBox ul li .news-img img{ width: 100%; height: 100%; object-fit: cover;}
.slideBox ul li:nth-child(3){ margin-right: 0px;}
.slideBox ul li p:nth-child(2){font-size: 18px; line-height: 55px;white-space: nowrap;text-overflow: ellipsis; margin-top: 10px; overflow: hidden}
.slideBox ul li p:nth-child(3){ line-height: 25px; font-size: 14px; padding-bottom: 10px; position: relative;}
.slideBox ul li p:nth-child(3)::after{ content: ''; width: 100%; height: 1px; display: block; background: #dedede; position: absolute; bottom: 0px; }
.slideBox ul li:hover{ border: 1px solid #2161af;}
.slideBox ul li:hover p,.slideBox ul li:hover span{ color: #2161af;}
.slideBox ul li:hover .news-img img{ -webkit-transform:scale(1.15);-moz-transform:scale(1.15);-o-transform:scale(1.15);transform:scale(1.15);
-webkit-transition:all 2s ease;-moz-transition:all 2s ease;-o-transition:all 2s ease;transition:all 2s ease;}
.news-time{ margin: 15px 0px; width: 100%; height: 22px; line-height: 22px; font-size: 14px;}
.news-time span:nth-child(1){ float: left;}
.news-time span:nth-child(2){ float: right;}
.news-time span:nth-child(1) i{ width: 22px; height: 22px; float: left; margin-right: 10px;}
.news-time span:nth-child(2) b{ width: 6px; height: 11px;display: flex; align-items: center; float: right; margin-left: 15px; margin-top: 5px;}
.slideBox ul{ width: 100%; display: inline-block;}
.slideBox dl{ margin-top: 30px; display: none}
.slideBox dl dt{float: left; width: 31.5%; margin-right: 2.5%; font-weight: 300; border: 1px solid #bebebe; border-radius: 15px; padding: 18px;}
.slideBox dl dt:nth-child(3n){ margin-right: 0px;}
.slideBox dl dt i{ float: left; padding-right:10px;font-size:14px; color: #333; position: relative;}
.slideBox dl dt b{ font-size: 40px; color:#000; font-weight:bold; float: right;}
.slideBox dl dt i::after{content: ''; width: 1px; height: 100%; background: #bebebe; display: block; position: absolute; right:0px; top: 0px;}
.slideBox dl dt:hover span{ color:#2161af ;}
.slideBox dl dt:hover p{ color:#2161af ;}
.slideBox dl dt p{ font-size: 20px; line-height: 30px; color: #333; font-weight: 500; white-space: nowrap; text-overflow: ellipsis; overflow: hidden}
.news-sytit{ float: right;width: 80%;}
.news-sytit span{ width: 100%; display: block;}
.news-moer img{ margin-left: 10px;}
.link-list a{ height: 38px; display: block; float: left; margin: 0px 10px; line-height: 38px;}
.link-list span{ float: left; width: 130px; height: 38px;}
.link-list span img{width: 100%;}
/* dibu */
.box_9{width: 100%;display:none;background: url(../images/beijing7.jpg) no-repeat top;background-size: 100%;margin-top: 100px; position: relative;}
.black_fleft ul{ width: 50%; float: left;margin-top: 40px; padding-left: 10%; box-sizing: border-box;}
.black_fleft ul p{ font-size: 26px; color: #fff;}
.black_fleft ul p i{ width: 20%; height: 2px;background: #fff;margin: 20px 0px;display: block;}
.black_fleft ul li{line-height: 48px;}
.black_fleft ul li a{ color: #fff;font-size: 16px;}
.black_right ul{ width: 100%;margin-top: 40px;padding-left: 30px;}
.black_right ul p{ font-size: 26px; color: #fff;}
.black_right ul p i{ width: 20%; height: 2px;background: #fff;margin: 20px 0px;display: block;}
.foot-tel { width: 1400px; display:flex; margin: auto; padding-left: 4%; box-sizing: border-box; }
.foot-tel ul li{line-height: 46px;margin-bottom: 20px; float: left; display: inline-block;}
.foot-tel ul li img{ width: 30px; height: 30px; float: left; margin-left: 20px; margin-right: 20px; margin-top: 10px;}
.foot-tel ul li span{font-size: 16px;color: #fff;}
.foot-tel ul li:nth-child(1){ margin-right: 100px;}
.black_erweima{width: 34%; display:none}
.black_fleft,.black_right{ width: 33%;}
.black_erweima .ftlogos{ position: absolute; top: -80px; left: 46%;}
.black_erweima dl dt{ float: left; width: 50%;}
.black_erweima dl dt span{width: 100%; text-align: center; display: block;}
.black_erweima p{ width: 50%; float: left; background: url(../images/tu8.png) no-repeat top;/* margin-top: 20px; */background-size: 50%;background-position: center; height: 242px;text-align: center;margin-top: 10%; }
.black_erweima p img{ width: 40%;display: block;margin: auto;padding-top: 32%;margin-bottom: 10px;}
.black_foot{display:flex}
.black_erweima p span{ width: 100%;text-align: center;color: #fff;font-size: 14px;line-height: 50px;height: 50px; }
.xian{ width: 100%; height: 1px;background: rgba(255,255,255,0.6);}
.black_bottom{line-height: 40px;color: #fff;text-align: center;}
.black_bottom a{color: #fff; }
/* 留言-aciton */
.message .message_box {position: relative;margin-top:66px;}
.message .message_box .message_center{width:100%;margin:auto;}
.message .message_box .message_center .message_input{width:100%;float:left;font-size:18px;color:#6e6e6e;margin-bottom:30px;}
.message .message_box .message_center .message_input input{width:78%;height:48px;border:1px solid #2161af;border-radius:10px;padding:0 10px;font-size:14px;box-shadow:inset 0 0 10px rgba(10, 160, 140, 0.4);}
.message .message_box .message_center .message_text {color:#6e6e6e;width:100%;height:140px;overflow: hidden;margin-bottom:30px; font-size: 18px;}
.message .message_box .message_center .message_text textarea{width:78%;height:100%;border:1px solid #2161af;border-radius:10px;padding:10px;font-size:20px;box-shadow:inset 0 0 10px rgba(10, 160, 140, 0.4); }
.message .message_box .message_center .submit{display:block;width:60%;height:48px;margin:auto;background:url(../images/submit_bg.png) no-repeat center;border:none;cursor: pointer; background-size:100%;}
.message .message_box .message_r{position:absolute;width:21%;height:208px;background:url(../images/message_r_bg.png) no-repeat center;top:18%;right:0;}
.message .message_box .message_r span{display:block;float: right;line-height:45px;margin-top:5px;text-align: right;font-size:18px;padding:0 10px;color:#FFFFFF;font-weight: bold;}
/* 留言-over */
.wapindex{ display: block}
.box-lainxi{ margin-top: 10px; background: #292929;display: inline-block; padding: 20px 0px; padding-bottom: 50px; }
.box-lainxi .box-tel:nth-child(2){ width: 28%}
.box-lainxi .box-tel ul li{color: #fff;line-height: 25px;margin-bottom: 20px;font-size: 20px;}
.box-lainxi .box-tel ul li img{ width: 22px;height: auto;margin-top: 3px;float: left;margin-right: 10px;}
.box-lainxi .box-tel ul li span{ line-height: 25px;}
.box-sao{width: 100%;border-left: 1px solid #fff;padding-left: 3%;box-sizing: border-box;}
.box-sao .erweima{ width: 50%;display: block;}
.box-sao .sao-img{width: 50%;display: block;}
.box-sao .erweima img{ width: 90%;}
.box-sao .erweima p{ font-size: 14px;color: #fff;line-height: 25px;}
.box-lainxi .box-tel ul li span{ font-size: 14px; color: #fff}
.case_list{ width: 100%;display: inline-block}
.col-xs-6{ width: 49%; margin-right: 2%;float: left}
.col-xs-6:nth-child(2n){ margin-right: 0px;}
.col-xs-6 .img{ border: 1px solid #f5f5f5;display: flex;justify-content: center;align-items: center;overflow: hidden;position: relative;text-align: center;}
.col-xs-6 .img img{ width: 90%;}
.col-xs-6 .h2{ font-size: 12px; height: 60px; line-height: 30px; background: #f5f5f5; padding: 0px 10px; text-align: center}
/* ------------------------------------------------------------------------------------------二级-action------------------------------------------------------------------------------------------ */
/* 二级banner-action */
.banner_other{width:100%;/* height:855px; */ height: 190px; background-position: top center;background-size: cover;background-repeat: no-repeat;}
.banner_other img{ width:auto; max-width:100%}
/* 二级banner-over */
.ej_public{padding-bottom:30px;}
/* 面包屑导航-action */
.crumbs {margin-top:10px;line-height:50px;margin-bottom:10px;}
.crumbs .container{border-bottom:2px solid #2161af;}
.crumbs .crumbs_l{width:34.858%;float:left;font-size:16px; display: none}
.crumbs .crumbs_l a:hover{color:#2161af;}
.crumbs .ej_nav {width:100%;}
.crumbs .ej_nav a{display:inline-block;width:32%;text-align: center;font-size:16px;transition: all 0.5s;border:2px solid transparent;border-bottom:none;position: relative;bottom:-3px;}
.show-title{ width: 100%; display: inline-block; background: #f1f1f1; padding: 15px; margin-top: 25px;}
.show-title ul li{ float: left; width: 20%; text-align: center; line-height: 40px; font-size: 20px; font-weight: bold;}
.show-title ul li.on{ background: #eb2a2f; color: #fff; border-radius: 5px;}
.crumbs .ej_nav a:hover,
.crumbs .ej_nav a.on{border-top-left-radius:5px;border-top-right-radius:5px;border:2px solid #2161af;border-bottom:none;margin-bottom:-3px;background:#FFFFFF;transition: all 0.5s}
.show-lsit-cont table{ width: 100% !important;}
/* 面包屑导航-over */
.page {text-align: center;}
.page a,
.page span{display: inline-block;padding:5px 5px;border-radius:5px;background:#ededed;}
.page a:hover,
.page span{background:#2161af;color:#FFFFFF;}
/* 产品系列-action */
.product_ej .product-nright { width:100%;}
.product_ej .product_ej_box .product_ej_div{width:49%;float:left;margin:1%; position: relative; margin-left: 0px;background: url(../images/pribei.jpg) no-repeat;
background-size: 100%;}
.product_ej .product_ej_box .product_ej_div:nth-child(2n){ margin-right: 0px;}
.product_ej .product_ej_box .product_ej_div .product_ej_img{width:100%;height:180px;display: flex;justify-content: center;align-items: center;overflow:hidden;position: relative; text-align: center;}
/*.product_ej .product_ej_box .product_ej_div .product_ej_img:after{position: absolute;content:'';width:100%;height:100%;background:rgba(0,0,0,0.5) url(../images/logo.png) no-repeat center;background-size:60%;left:0;top:0;transition: all 0.5s;transform:scale(0);opacity:0;}*/
.product_ej .product_ej_box .product_ej_div:hover .product_ej_img:after{transition: all 0.5s;transform: scale(1);opacity:1;}
.product_ej .product_ej_box .product_ej_div .product_ej_img img{width: 80%; height:auto;display: block; margin: auto;transition: all 0.5s;}
.product_ej .product_ej_box .product_ej_div:hover .product_ej_img img{transition: all 0.5s;transform: scale(1.1);}
.product_ej .product_ej_box .product_ej_div:hover .biao{ display: none;}
.product_ej .product_ej_box .product_ej_div .product_ej_botm p{font-size:14px;line-height:30px;overflow: hidden;}
.product_ej .product_ej_box .product_ej_div .product_ej_botm p img{float: right;}
.product_ej .product_ej_box .product_ej_div .product_ej_botm p span{color:#eb2a2f; width: 100%; display: block}
.product_ej .product_ej_box .product_ej_div .product_ej_botm p:last-child{border-top:1px solid #000000; line-height: 30px; background: #eee; padding: 10px;
box-sizing: border-box; width: 100%; height: 110px}
/* 产品系列-over */
.show-chanpin{width: 100%;display: inline-block;}
.show-chanpin .leftshowp{ width: 50%;float: left;height: 510px;}
/* .leftshowp img{ width: 100%;height: 100%;object-fit: cover;} */
.show-chanpin .rightshowt{ width: 45%;float: right;}
.rightshowt span{ font-size: 30px;line-height:50px ; width: 100%;display: block;}
.rightshowt p{ font-size: 16px !important;text-align: left !important;line-height: 30px;margin: 30px 0px;min-height: 150px; }
.showzixun{ width: 100%;display: inline-block;margin-top: 2%;}
.lainxi{ float: left; width: 30%;height: 50px;line-height: 50px;background: #c90000;border-radius: 10px;display: block;text-align: center;margin-top: 2%;}
.lainxi a{color: #fff;font-size: 18px; width: 100%;height: 100%;display: block;}
.show-tel { width: 40%;font-size: 26px;font-weight: bold;float: left;margin-left: 10%;}
.show-contj{ width: 100%;height: 30px;display: block;line-height: 30px;font-size: 20px;font-weight: bold;margin: 2% 0px 2%;}
.show-contj img{ width: 30px; height: 30px;display: block;float: left;margin-right: 20px;}
.topshow{ width:100%; position: relative;}
.topshow .lefttop{ width: 100%; height: 366px; display: block; overflow: hidden;border: 1px solid #999;}
.topshow .lefttop .details-img{ width: 100%; height: 100%; flex-shrink: 0; overflow: hidden; display: flex;align-items: center; background: #fff; position: relative;}
.topshow .lefttop .details-img img{ width: 60%; display: block; margin: auto; }
.topshow .lefttop .details-img p{ position: absolute; right:0px; bottom: 0px; color: #fff; text-align:center; width: 100%; background: rgba(0,0,0,0.5); line-height: 40px;}
.lefttop-thumb { width: 85%; margin: auto; overflow: hidden; margin-top: 20px;}
.details-thumb{ width: 31%; margin-right: 2%; height: 121px;flex-shrink: 0; background: #fff; }
.details-thumb img{ width: 100%; display: block; margin: auto;}
.details-qie span{ width: 32px; height: 121px; display: block; background: #d6d6d6;display: flex;align-items: center; position: absolute; bottom: 0px; border-radius: 10px;}
.details-qie span img{width: 60%; display: block; margin: auto;}
.details-qie .next-right{ right: 0px;}
/* 新闻中心-action */
.news_ej .news_ej_top{padding:1%;border:1px solid #000000;margin-bottom:78px; display: none}
.news_ej .news_ej_top .news_ej_top_img{width:44.526%;float:left;height:466px;display: flex;justify-content: center;align-items: center;overflow:hidden;}
.news_ej .news_ej_top .news_ej_top_img img{ width: 100%; height: 100%; object-fit: cover; transition: all 0.5s;}
.news_ej .news_ej_top:hover .news_ej_top_img img{transition: all 0.5s;transform: scale(1.1);}
.news_ej .news_ej_top .news_ej_top_r{width:47.081%;float:right;padding:30px 0;}
.news_ej .news_ej_top .news_ej_top_r p{font-size:20px;color:#6e6e6e;font-weight: bold;text-align: center;}
.news_ej .news_ej_top:hover .news_ej_top_r p:first-child{color:#eb2a2f;}
.news_ej .news_ej_top .news_ej_top_r .news_ej_top_js{font-size:20px;color:#282828;line-height:30px;text-indent:2em;margin:30px 0;}
.news_ej .news_ej_top .news_ej_top_r p:last-child{display: flex;justify-content:space-between;align-items: center;}
.news_ej .news_ej_top .news_ej_top_r p span{display:inline-block;width:30%;border-radius:20px;box-shadow:0 10px 10px rgba(0,0,0,0.1);line-height:62px;text-align:center;font-weight: normal;color:#282828;transition: all 0.5s;}
.news_ej .news_ej_top:hover .news_ej_top_r p span:last-child{background:#eb2a2f;color:#FFFFFF;transition: all 0.5s;}
.news_ej .news_ej_box .news_ej_div{width:100%;float:left;border-radius:20px;box-shadow:10px 10px 10px rgba(0,0,0,0.1);padding:5% 2%;position:relative;margin-bottom:50px;}
.news_ej .news_ej_box .news_ej_div:first-child:before{position: absolute;content:'';right:-27px;top:-48px;width:28px;height:326px;
background:url(../images/news_line1.png) no-repeat top center;background-size:contain;display: none}
.news_ej .news_ej_box .news_ej_div:before{position: absolute;content:'';right:-24px;top:0;width:22px;height:356px;
background:url(../images/news_line.png) no-repeat top center;background-size:contain; display: none}
.news_ej .news_ej_box .news_ej_div:after{position:absolute;content:'';right:21px;bottom:-40px;width:79px;height:40px;background:url(../images/news_ico.png) no-repeat bottom center;
background-size:contain; display: none}
.news_ej .news_ej_box .news_ej_div:nth-child(2n){float:right;}
.news_ej .news_ej_box .news_ej_div:nth-child(2n):after{left:21px;transform: rotateY(180deg);}
.news_ej .news_ej_box .news_ej_div:nth-child(2n):before{display:none;}
.news_ej .news_ej_box .news_ej_div .news_ej_js{width:100%;}
.news_ej .news_ej_box .news_ej_div .news_ej_js p{font-size:18px;font-weight:bold;font-weight:bold;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.news_ej .news_ej_box .news_ej_div .news_ej_js .news_ej_nr{margin-top:15px;line-height:26px;text-indent:2em;font-size:16px;display: -webkit-box;-webkit-box-orient: vertical;
-webkit-line-clamp: 3;overflow: hidden;}
.news_ej .news_ej_box .news_ej_div .news_ej_img{width:100%;float:right;height:200px;display: flex;justify-content: center;align-items: center;overflow:hidden;position: relative;z-index:1;}
.news_ej .news_ej_box .news_ej_div .news_ej_img img{width: 100%; height: 100%; object-fit: cover; display: block; margin: auto;transition: all 0.5s;}
.news_ej .news_ej_box .news_ej_div:hover .news_ej_img img{transition: all 0.5s;transform: scale(1.1);}
/* 新闻中心-over */
/* 联系我们-action */
.contact_ej .contact_ej_map{width:60%;float: left;height:380px;padding:1%;border:1px solid #1d3f59;}
.contact_ej .contact_ej_map iframe{width:100%;height:100%;}
.contact_ej .contact_ej_r{width:30%;float:right;}
.contact_ej .contact_ej_r p{font-size:18px;color:#282828;line-height:40px;}
.contact_ej .contact_ej_r .contact_ej_ewm p img{ width: 40% !important;}
.contact_ej .contact_ej_r p span{ width: 100%; display: block; padding-left: 2%;}
/* 联系我们-over */
.plan-title{margin-top:90px;margin-bottom:30px;color:#061828;font-size:36px; text-align: center;}
.sideMenu h3{ height:60px; line-height:60px; border: 1px solid #aaa;
padding: 0px 20px;
font-size: 15px;
font-weight: 500;
position: relative;
margin-bottom: 20px;
cursor: pointer;
border-radius: 5px;
cursor:pointer;}
.sideMenu h3 em{ float:right; display:block; width:40px; height:32px; background:url(../images/icoAdd.png) 16px 12px no-repeat; cursor:pointer; }
.sideMenu h3.on em{ background-position:16px -57px; }
.sideMenu ul{ padding:8px 25px; color:#999; display:none; height:152px; /* 默认都隐藏 */ }
.sideMenu h3 span{ margin-left: 10%;}
.sideMenu h3:hover{ background: #2161af; color: #fff;}
.sideMenu ul li{ float: left; width: 31%; color: #333; font-size: 14px; line-height: 22px; margin-right: 2%; display: block; }
.sideMenu ul li span{ color: #2161af; margin-bottom: 10px; line-height: 40px;}
.sideMenu ul li:last-child{ margin-right: 0px;}
.show-hyuxiang img{ max-width: 70% !important; height: auto;}
/**品牌简介 start**/
/* .pic{display:flex;justify-content:center;align-items:center;} */
.pic img{ transition:all 0.7s; width:auto; max-width:100%; max-height:100%}
.dy_pp_jj{ height:auto; overflow:hidden; padding-top:30px; padding-bottom:20px}
.dy_pp_jj .pic{ width:7.85%; margin-right:6.4%; display: none}
.dy_pp_jj .text{ width:100%; font-size:16px; text-indent:2em; line-height:30px; color:#282828}
.dy_pp_jj_pic1{ width:598px; height:396px; position:relative; border:1px solid #000; margin-left:17px;}
.dy_pp_jj_pic1 img{ width:100%; height:100%; position:absolute; left:-17px; bottom:-17px; z-index:1; transition:all 0.5s}
.dy_pp_jj_pic1:hover img{ left:0; bottom:0}
.dy_pp_jj_pic2{ margin-left:3.125%; width:24.78%; overflow:hidden}
.dy_pp_jj_pic2 img{ transition:all 0.7s; width:auto; max-width:100%}
.dy_pp_jj_pic2:hover img{ transform:scale(1.1)}
/**品牌简介 end**/
/**品牌故事 start**/
.dy_pp_gushi{ height:auto; overflow:hidden; padding-top:50px; padding-bottom:20px}
.dy_pp_gushi .title.pic{width:7.85%; margin-right:2.57%;}
.dy_pp_gushi .text{ width:89.58%; padding:25px 32px; background:#ededf5; box-shadow:0px 10px 20px #ccc; border-radius:40px; -webkit-border-radius:40px;}
.dy_pp_gushi .text .pic{ width:37.86%; height:auto; overflow:hidden}
.dy_pp_gushi .text .pic img{ transition:all 0.5s}
.dy_pp_gushi .text .pic:hover img{ transform:scale(1.1)}
.dy_pp_gushi .text .txt{ width:55%; font-size:18px; color:#282828; margin-left:5%; line-height: 36px;}
.dy_pp_gushi .text .txt div{ display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 12;
overflow: hidden; line-height:30px;}
.dy_pp_gushi .text .txt p{ line-height:30px; text-indent:2em}
/**品牌故事 end**/
/****品牌vi start****/
.dy_pp_vi_box{ padding:50px 0; height:auto; overflow:hidden; }
.pp_main_title{ text-align:center; font-size:30px; font-weight: bold; letter-spacing:5px; padding:10px 0;}
.pp_main_title p{ font-size: 14px; line-height: 50px; color: #333; font-weight: 400; letter-spacing:0px;}
.dy_pp_vi{ height:auto; overflow:hidden; padding-top:70px; padding-bottom:20px; background:#fafafa; margin-top:45px}
.dy_pp_vi_scroll{ position:relative; overflow:hidden; height:auto; padding-bottom:40px;}
.dy_pp_vi_scroll .swiper-slide{ width:28.71%; height:318px; float:left; overflow:hidden; margin-bottom:18px; margin-right:1.5%;border: 6px solid #560e12;}
.dy_pp_vi_scroll .swiper-slide img{ transition:all 0.5s; width: 100%; height: 100%; object-fit: cover;}
.dy_pp_vi_scroll .swiper-slide:hover img{ transform:scale(1.1)}
.dy_pp_vi .swiper-pagination-bullet{ width:75px; border-radius:0px;}
.dy_pp_vi .swiper-pagination-bullet-active{ background:#2161af;}
/****品牌vi end****/
/**品牌文化 start**/
.dy_pp_culture_box{ padding:20px 0; padding-top: 0px; height:auto; overflow:hidden;margin-top: 10px; }
.dy_pp_culture .hd{ display: flex; flex-direction: row; justify-content: center; width: 100%; margin-top: 30px;}
.dy_pp_culture .hd li{ width:49%; margin-right: 1%; background: #f5f5f5; float: left; text-align:center; padding: 20px 0px; margin-bottom: 5px;}
.dy_pp_culture .hd li .pic{ height:40px;}
.dy_pp_culture .hd li .pic img{ height: 80%;filter: grayscale(100%);}
.dy_pp_culture .hd li .title{ line-height:30px; font-size:15px; color:#282828; padding-bottom:10px;}
.dy_pp_culture .hd li.on .title{ color:#2161af}
.dy_pp_culture .hd li.on .pic img{ filter: grayscale(0%);}
.dy_pp_culture .bd li{ height:auto; overflow:hidden; background:#ededf5;}
.dy_pp_culture .bd ul:first-child li>div{ line-height: 35px;}
.dy_pp_culture .bd li .text{ width:100%; padding:0 5.3%; padding-top:5.2%; line-height: 50px;}
.dy_pp_culture .bd li .text h3{ line-height:50px; color:#2161af; font-size: 24px;}
.dy_pp_culture .bd li .text p{ line-height:35px; font-size:16px; color:#282828 }
.dy_pp_culture .bd li .pic{ width:100%; height: 200px; overflow: hidden;}
.dy_pp_culture .bd li .pic img{ width:100%; height:100%; object-fit: cover;}
.dy_pp_culture .bd li .text>div{ line-height: 35px;}
/**品牌文化 end**/
/**核心特色 start**/
.dy_pp_tese_box{ height:auto; overflow:hidden; padding:50px 0;}
.dy_pp_tese_box ul{ padding-top:60px}
.dy_pp_tese_box li{ width:214px; height:auto; overflow:hidden; float:left; padding-bottom:38px; background:#ededf5; border-radius:30px; margin-right:18px;transition:all 0.7s ease}
.dy_pp_tese_box li .pic{ height:214px;}
.dy_pp_tese_box li .text{writing-mode: vertical-rl;
-webkit-writing-mode: vertical-rl;
font-family: 'SC-Regular';
text-align: left; font-size:18px; color:#282828; height:400px; line-height:40px; padding-left:22%}
.dy_pp_tese_box li:nth-child(4) .text{ padding-left:30%;}
.dy_pp_tese_box li:last-child{ margin-right:0}
.dy_pp_tese_box li:hover {transform: rotateY(360deg);}
.map {
width: 100%;
height:400px;
border-radius:20px;
overflow: hidden;
position: relative;
box-shadow: 0 0 30px rgba(0, 0, 0, 0.2);
}
.lx_fs {
width: 100%;
height:600px;
box-shadow: 0 0 30px rgba(0, 0, 0, 0.2);
border-radius: 15px;
overflow: hidden;
}
.fs_tp li p{ width: 50%}
.fs_tp li p img{ width: 100%}
.fs1 {
width: 100%;
height: 80px;
background: #2161af;
text-align: center;
color: #fff;
}
.fs1 span {
font-size:24px;
padding-top: 27px;
display: block;
font-weight: bold;
}
.fs1 p {
font-size:14px;
text-transform: uppercase;
line-height: 55px;
}
.fs_tp {margin-top:10px;}
.fs_tp ul {padding-left: 20px !important;}
.fs_tp li {min-height: 75px;display: block;line-height:45px;}
.fs_tp i {width: 40px;height:40px;float: left;padding: 5px 0;}
.fs_tp i img{ width: 100%;}
.fs_tp span {margin-left:14px;display: inline-block;width: 75%;}
.fs_tp d {font-weight: bold;color: #333333;font-size: 16px;}
.fs_tp em {font-style: normal;font-size:17px;color: #666666;text-transform: none;line-height: 40px;}
.fs_tp a {font-style: normal;font-size:18px;color: #666666;text-transform: none;}
.product_ej .product_ej_box .rongyu-div{ background: none; border: 1px solid #dfdfdf}
.product_ej .product_ej_box .product_ej_div .rongyu-ej-img { height: 200px;}
.inside_main .center{text-align:center;}
.pro-fen-list{ margin-bottom: 30px; border-bottom: 1px solid #f9f9f9}
.product-title{ width: 100%; display: inline-block;}
.product-title h5{ font-size:78px; font-family: zimu; color: #2161af; float: left; margin-right:15px; font-weight: bold;text-transform:uppercase; }
.product-title span{ font-size: 30px; margin-top: 1%; display: block; width: 30%; float: left; font-weight: bold}
.product-title span i{ font-size: 22px;text-transform:uppercase; font-style: initial; font-weight: 500}
.product-title span b{ color: #2161af;}
.product-moer{ float: right; font-size:18px; width:140px; height:40px; line-height:40px; text-align: center; background: #2161af; border-radius: 10px; margin-top: 5%;}
.product-moer a{ color: #fff;}
.product-moer:hover{ border-radius: 30px; transition: all 1s;}
.product-linst-fen{ width: 100%; display: inline-block; margin-top:30px;}
.product-linst-fen ul li{ width: 32%; margin-right: 1.9%; float: left;}
.product-linst-fen ul li .pro-fen-img{ width: 100%; height: 350px; overflow: hidden;border: 1px solid #dfdfdf;display: flex;
justify-content: center;
align-items: center;
overflow: hidden;
position: relative;
text-align: center;}
.product-linst-fen ul li .pro-fen-img img{ width: 80%; height: auto;display: block;margin: auto;transition: all 0.5s}
.product-linst-fen ul li:nth-child(3){ margin-right: 0px}
.product-linst-fen ul li .pro-h2{ background: #dfdfdf; font-size: 20p; height:60px;line-height:60px; text-align: center}
.pro-fen-list{ margin-bottom: 0.3rem; border-bottom: 1px solid #f9f9f9}
.inner_product_list{ margin-top:42px;}
.inner_product_list ul li{ height:auto;position:relative; margin-bottom:30px; border-radius:20px;background: #8dabff;}
.inner_title_aa{ text-align:left; padding-left:3%; padding-top:20px;/*background:#e1deff;border-top-left-radius:20px; border-top-right-radius:20px; box-shadow:-2px 0px 12px #ccc; */}
.inner_title_aa .cn{ font-size:20px; font-weight:bold; margin-left:6px; color:#000; transition:all 0.7s}
.inner_title_aa .cn span{ display:inline-table; vertical-align:middle; width:15px; height:25px; background:#1d3d95; position:relative; margin-right:20px; transition:all 0.7s}
.inner_title_aa .cn span:before{ position:absolute; width:4px; height:25px; background:#1d3d95; left:-6px; top:0; content:""; z-index:1; transition:all 0.7s}
.inner_title_aa .cn span:after{ position:absolute; width:8px; height:25px; background:#1d3d95; right:-10px; top:0; content:""; z-index:1; transition:all 0.7s}
.inner_title_aa:hover .cn{ color:#1d3d95}
.inner_title_aa:hover .cn span{ background:#000}
.inner_title_aa:hover .cn span:before{background:#000}
.inner_title_aa:hover .cn span:after{background:#000}
.inner_title_aa .en{ color:#ffffff; font-size:24px; line-height:42px;transition:all 0.7s}
.inner_title_aa:hover .en{ color:#fff}
.inner_body{ width:96%; margin:auto; height:auto; overflow:hidden;/* margin-top:50px;*/}
.inner_right{ width:100%;}
.inner_right.join_us{ width:75%;display: block;margin: auto;float: initial;}
.inner_right.join_us .about_join_box ul{ width:100%}
.inner_product_list ul li .p_content{ padding:20px 3%; height:auto; overflow:hidden; background:#1d3d95; border-radius:20px; box-shadow:0px 0px 12px #ccc; position:relative; border-top-left-radius:0; border-top-right-radius:0; margin-top:10px;}
.inner_product_list ul li .p_content .pic{ width:100%; float:left; position:relative; overflow:hidden;max-height: 204px;}
.inner_product_list ul li .p_content .pic img{ transition:all 0.5s;width: 100%;height: 100%;object-fit: cover;}
.inner_product_list ul li .p_content .text{ width:100%; color:#fff; font-size:16px; line-height:24px;
display: flex;
justify-content: top;
align-items: left;
flex-direction: column;}
.inner_product_list ul li .p_content .text span{ line-height:30px !important; }
.inner_product_list ul li .p_content .text p{line-height:30px !important; }
.inner_product_list ul li .p_content .more{ width:40%; height:40px; line-height:40px; border-radius:15px; background:#f39801; font-size:16px; color:#fff;
border:1px solid #fff; z-index:1;text-align: center;}
.inner_product_list ul li:hover .p_content img{ transform:scale(1.1)}
.pic_scroll{ width: 45%;}
.pic_scroll img{ width: 100%;height: 100%; object-fit: cover}
.pannel_text-two{ width: 100%; line-height: 40px !important;}
.pannel_text-two p,.pannel_text-two span{ line-height: 40px !important;}
/**/
.inner_title .cn{ font-size:36px; line-height:60px; text-align: center; font-weight: bold; margin: 40px 0px;}
.jieju-cen{ width: 90%; margin: auto}
.pannel_box{ height:auto; overflow:hidden; background:#E2DFEA; border-radius:10px; margin-top:30px;padding: 30px 10px;box-sizing: border-box;}
.pannel_box .pic_scroll{ width:100%; position:relative; overflow:hidden; margin-left:3%}
.pannel_box .pic_scroll .pic_button{ width:70px; height:35px; background:rgba(0,0,0,0.5) url(../images/inner_line.png) center no-repeat; position:absolute; z-index:2; bottom:0; right:10px}
.pannel_box .pic_scroll .pic_button .swiper-button-next,.pannel_box .pic_scroll .pic_button .swiper-button-prev{ width:22px; height:22px; background-size:100%; margin-top:0; top:24%}
.pannel_box .swiper-pagination-bullet{ background:#fff; opacity:1}
.pannel_box .swiper-pagination-bullet-active{ background:#5745c2}
.pannel_text,.pannel_text p,.pannel_text span{ line-height: 50px}
.pannel_text img{ width: 100%}
.dy_pp_tese_box li{ width:150px; height:auto; overflow:hidden; float:left; padding-bottom:38px; background:#ededf5; border-radius:30px; margin-right:18px;transition:all 0.7s ease}
/*.pic img {*/
/* transition: all 0.7s;*/
/* width: auto;*/
/* max-width: 76%;*/
/* max-height: 100%;*/
/*}*/
.dy_pp_tese_box li .text {
writing-mode: vertical-rl;
-webkit-writing-mode: vertical-rl;
font-family: 'SC-Regular';
text-align: left;
font-size: 18px;
color: #282828;
height: 400px;
line-height: 40px;
padding-left: 11%;
}
}
/**核心特色 end**/
/**盈利模式 start**/
.dy_pp_yingli_box{ height:auto; overflow:hidden; padding:50px 0;}
.dy_pp_yingli { width:980px; margin:auto; margin-top:50px; position:relative}
.dy_pp_yingli ul{ display:block; width:300px; height:auto; overflow:hidden}
.dy_pp_yingli ul li{ height:130px; border-bottom:2px solid #2161af;}
.dy_pp_yingli ul li .num{ display:inline-table; width:46px; height:46px; text-align:center; line-height:46px; background:#ededf5; vertical-align:top; margin-right:20px;}
.dy_pp_yingli ul li .text{ display:inline-table}
.dy_pp_yingli ul li .text p:first-child{ font-size:20px; color:#282828; line-height:36px; font-weight:bold}
.dy_pp_yingli ul li .text p:last-child{ font-size:18px; color:#282828; line-height:30px}
.dy_pp_yingli ul li:last-child{ border-bottom:0px; margin-top:65px}
.dy_pp_yingli ul li:last-child .num{ background:#eb2a2f; color:#ffffff}
.dy_pp_yingli ul:last-child li{ text-align:right}
.dy_pp_yingli ul:last-child .text{ text-align:right}
.dy_pp_yingli ul:last-child .num{ margin-left:20px; margin-right:0}
.dy_pp_yingli .pic{ position:absolute; width:308px; left:50%; margin-left:-154px; top:-18px}
/**盈利模式 end**/
/**加盟支持 start**/
.dy_join_zhichi{ height:auto; overflow:hidden; padding:50px 0;}
.dy_join_zhichi_txt{ height:auto; overflow:hidden; padding:50px 0; width:80%; margin:auto; font-size:20px; color:#282828; line-height:36px;}
.dy_join_zhichi_txt p,.dy_join_zhichi_txt div{line-height:36px; text-indent:2em}
.dy_join_tj{ padding-top:10px; padding-bottom:50px;}
.dy_join_tj ul li{ width:32.3333%; display:inline-block; vertical-align:top; text-align:center; font-size:20px; }
.dy_join_tj ul li span{ font-size:60px; color:#2161af;}
.dy_join_tj ul li p{ font-size:20px; line-height:36px;}
/**加盟支持 end**/
/**六条件 start**/
.dy_join_tiaojian{ height:auto; overflow:hidden; padding:50px 0; }
.dy_join_tiaojian_txt{ width:39%;}
.dy_join_tiaojian_txt p,.dy_join_tiaojian_txt div{ font-size:18px; color:#282828; line-height:42px;}
.dy_join_tiaojian_txt p:first-child,.dy_join_tiaojian_txt p:nth-child(2),.dy_join_tiaojian_txt p:nth-child(3){ padding-left:30%}
.dy_join_tiaojian_aa{ padding-top:50px}
.dy_join_tiaojian_aa .pic{ width:46%;}
.dy_join_zc{ height:734px; background:url(../images/join_zhichi_bg.jpg) center no-repeat;}
.dy_join_zc .container{ padding-top:80px;}
.dy_join_zc .pic{ width:37.14%;}
.dy_join_zc .text_box{ width:62.85%; height:577px; background:rgba(255,255,255,0.3); padding-left:5%; position:
relative}
.dy_join_zc .text_box h3{ font-size:30px; color:#e92b2f; line-height:50px; padding-top:25px}
.dy_join_zc .text_box ul { padding-top:35px;}
.dy_join_zc .text_box ul li{ width:10%; float:left;writing-mode: vertical-lr;
-webkit-writing-mode:vertical-lr; font-size:20px; color:#282828}
.dy_join_logo{ width:94%; position:absolute; left:0; bottom:40px; z-index:11; text-align:right; }
.dy_join_logo img{ width:auto; max-width:100%;}
.show_content_box{ padding:10px 2%;}
.show_content_box h2{ line-height:60px; font-size:24px; color:#000; border-bottom:1px solid #fcfcfc; text-align:center}
.show_content_box h3{ line-height:20px; font-size:14px; color:#C3C3C3; padding-bottom:20px; text-align:center; font-weight:normal;}
.show_content_box .show{ font-size:15px; line-height:30px; color:#4C4C4C;}
.show_content_box .show img{ max-width:90%; display: block; margin-right: 20px;}
.page{ padding:30px 0; line-height:30px; font-size:14px; color:#4C4C4C}
.page a{font-size:12px; color:#4C4C4C; margin: 0px 2px;}
.fenye p{ line-height: 30px;
background: #eeeeee;
border-radius: 5px;
padding: 1%;
margin: 10px 0;}
/*.product_ej_title ul{ display: flex; flex-direction: row; justify-content: center;}*/
.product_ej_title ul li{ width: 32%; height: 35px; float: left; margin-bottom: 10px; line-height: 35px; margin-right: 1%; background: #f2f2f2; border-radius: 10px;
text-align: center; overflow: hidden}
.product_ej_title ul li a{ font-size: 14px;}
.product_ej_title ul li.on{ background: #2161af;}
.product_ej_title ul li.on a{ color: #fff; }
.product_ej .product_ej_box .product_ej_div .case_ej_img{ background: none;}
.product_ej .product_ej_box .product_ej_div .case_ej_img img{ width: 100%; height: 100%; object-fit: cover;}
/*.fazhanBox{ height:auto; overflow:hidden; padding:60px 0; background:url(../images/fazhan_bg.jpg) center no-repeat}*/
.fazhanBox{ height:auto; overflow:hidden; padding:10px 0; background:#eeeff3}
.fazhanBox .en{ font-size:24px; color:#000; text-align:center;text-transform:uppercase; }
.fazhanBox .cn{ font-size:30px; color:#000; text-align:center; line-height:50px; font-weight: bold}
.fazhanBox .cn span{ font-size:20px;}
.history_scroll{ position:relative; height:auto; overflow:hidden;/* padding-bottom:110px;*/ margin-top:30px; }
.history_scroll::after{ width:100%; height:1px; position:absolute; left:0; bottom:21%; z-index:1; background:#ffffff; content:"";}
.history_scroll .swiper-slide{ width:16%; float:left; position:relative; height:370px; color:#ffffff;/*display:flex;justify-content:center;align-items:center; text-align:center*/}
.history_scroll .swiper-slide .text{transition:all 0.5s; padding:0 2%; height:270px; position:relative;font-weight:600}
.history_scroll .swiper-slide .text .txt{ width:450px; position:absolute; line-height:28px; font-size:18px; top:0; z-index:2; right:-360px; opacity:0; }
.history_scroll .swiper-slide .text .line::before{ width:1px; height:0px; position:absolute; left:5px; z-index:2; bottom:8%; content:""; background:#ffffff; transition:all 0.5s}
.history_scroll .swiper-slide .text .line::after{ width:0px; height:1px; position:absolute; left:5px; z-index:2; top:12%; content:""; background:#ffffff; transition:all 0.8s}
.history_scroll .swiper-slide-active{/* border-radius:20px; background:rgba(216,12,24,0.5)*/}
.history_scroll .swiper-slide-active .text .txt{ opacity:1}
.history_scroll .swiper-slide-active .text .line{ width:12px;height:270px; position:relative; margin:auto; margin-top:10%;}
.history_scroll .swiper-slide-active .text .line::before{ height:80%;}
.history_scroll .swiper-slide-active .text .line::after{ width:100%;}
.history_scroll .swiper-slide .dotBox{ width:100%; height:100px; position:absolute; left:0; bottom:0;}
.history_scroll .swiper-slide .dotBox span{ display:block; width:38px; height:38px; border-radius:100%; border:1px solid #ffffff; margin:auto; position:relative; z-index:2}
.history_scroll .swiper-slide .dotBox span::after{ width:24px; height:24px; position:absolute; left:7px; top:7px; z-index:2; content:""; background:#ffffff; border-radius:100%}
.history_scroll .swiper-slide .dotBox p{ display:block; padding-top:10px; line-height:40px; text-align:center; clear:both}
.history_scroll .swiper-pagination::after{ width:100%; height:1px; position:absolute; left:0; top:20px; z-index:1; background:#ffffff; content:"";}
.history_scroll .swiper-pagination-bullet{ width:13%; height:auto; opacity:1; background:none; color:#ffffff; border-radius:0}
.history_scroll .swiper-pagination-bullet span{ display:block; width:38px; height:38px; border-radius:100%; border:1px solid #ffffff; margin:auto; position:relative; z-index:2}
.history_scroll .swiper-pagination-bullet span::after{ width:24px; height:24px; position:absolute; left:7px; top:7px; z-index:2; content:""; background:#ffffff; border-radius:100%}
.history_scroll .swiper-pagination-bullet p{ display:block; padding-top:10px; line-height:40px; text-align:center; clear:both}
.history_scroll .swiper-pagination-bullet-active{ color:#DB0000}
.history_scroll .swiper-pagination-bullet-active span{ border:1px solid #DB0000}
.history_scroll .swiper-pagination-bullet-active span::after{ background:#DB0000;}
/**六条件 end**/
.top-head ul { width: 12%; height: 20px; display: block; float: right; margin-top: 10px;}
.top-head ul li{ width: 45%; float: left; line-height: 20px; height: 100%; border-right: 1px solid #666;}
.top-head ul li a{ color: #666; font-size: 14px;}
.top-head ul li:last-child{ margin-left: 9%; border-right: none; }
.honorabout-list{ width: 100%; display: inline-block; overflow: hidden; position: relative; margin-top: 30px;}
.honorabout-list ul li{ width: 24%; margin-right: 1.2%;height: 280px; float: left; overflow: hidden; flex-shrink: 0;}
.honorabout-list ul li .honor-img{ width:97%;border: 4px solid #2161af; height: 97%;overflow: hidden;display: flex;justify-content: center;align-items: center;}
.honorabout-list ul li .honor-img a{ width: 100%; height: 100%; display: flex}
.honorabout-list ul li .honor-img img{ width: 100%; height: auto; object-fit: contain}
.honorabout-list ul li:nth-child(4n){ margin-right: 0px}
.honor-moer a{ display: block; margin:40px auto; width:180px; height:45px; line-height:45px; text-align: center; color: #fff; background: #2161af;
border-radius: 10px; font-size:16px; }
/* ------------------------------------------------------------------------------------------二级-over------------------------------------------------------------------------------------------ */
.inner-left {width:260px;float:left;margin-top:20px; display: none}
.inner-left .left-title {color:#ffffff;background:#2161af;text-align:center;line-height:55px;font-size:20px;font-weight:bold;margin-bottom: 4px;}
.inner-nav {background:#fafafa;}
.inner-nav ul li {width:260px;text-align:center;height:50px;line-height:50px;border-bottom:1px #b3b3b3 dashed}
.inner-nav ul li.on{background-color:#2161af;}
.inner-nav ul li.on a{ color: #fff;}
.inner-nav ul li a {font-size:16px;display:block; color: #000;}
.inner-nav ul li a:hover {color:#fff;background:#2161af;}
.inner-nav ul li .hover {color:#fff;background:#2161af;}
.inner-nav-1 {margin-bottom:20px;}
.inner-nav-1 ul {text-align:center;}
.inner-nav-1 ul li {display:inline-block;width:120px;height:40px;line-height:40px;background:#3f3f3f;}
.inner-nav-1 ul li a {color:#fff;}
.inner-nav-1 ul .hover {background:#2161af;}
.inner-left .left-image {text-align:center;border:1px solid #2161af;margin-top:10px;}
.inner-left .left-image ul li {width:250px;margin:0 auto;}
.inner-left .left-image ul li a {padding:10px 10px;font-size:14px;display:block;border-bottom:1px dashed #ccc;}
.inner-left .left-image ul li img {width:100%;}
.inner-left .left-contact {margin-top:10px;margin-bottom: 4px;}
.inner-left .left-contact .cont {border:1px solid #2161af;padding:10px;}
.inner-left .left-contact .cont img {width:200px;margin:10px auto;box-shadow:0 0 5px #ccc;display:block;}
.inner-left .left-contact .cont p {margin-bottom:10px;color:#666;}
.inner-left .left-contact .cont p i {margin-right:10px;width:15px;}
.ner_inner ul li{ line-height: 40px; border-bottom: 1px dotted #cacaca; width: 100% !important; box-sizing: border-box; margin: 0px; padding-left: 6px; height: 40px; overflow: hidden;}
.inner-left .left-contact {margin-top:10px;margin-bottom: 4px;}
.inner-left .left-contact .cont {border:1px solid #2161af;padding:10px;}
.inner-left .left-contact .cont span {font-weight:bold;font-size:16px; margin-bottom: 10px; display: block;}
.inner-left .left-contact .cont img {width:200px;margin:10px auto;box-shadow:0 0 5px #ccc;display:block;}
.inner-left .left-contact .cont p {margin-bottom:10px;color:#666;}
.inner-left .left-contact .cont p i {margin-right:10px;width:15px;}
.ner_inner ul li a{ color: #000;}
.ner_inner{ margin-top: 20px;}
.ner_inner ul{ margin-top: 0px;}
.ner_inner dl dt { width: 100%;}
.ner_inner dl dt .left-img{ width: 100%; height: 240px; overflow: hidden;background: url(../images/pribei.jpg) no-repeat; background-size: 100%;}
.ner_inner dl dt .left-img img{width: 100%; height: 100%; object-fit: cover;}
.ner_inner dl dt p{ height: 40px; line-height: 40px; text-align: center; background: #2161af; color: #fff;}
.inner-nav ul,.inner-nav ul li{ margin: 0px;}
.product_ej_box .rec-news {margin:0px auto;background:#ffffff;margin-bottom:20px;}
.product_ej_box .rec-news .title {color:#fff;height:40px;line-height:40px;clear:both;overflow:hidden;background:#3f3f3f;padding:0 20px;border-top:1px solid #ccc;font-size: 16px;}
.product_ej_box .rec-news .title .tittle-tittle {font-size:16px;display:inline;}
.product_ej_box .rec-news .title span {font-size:16px;color:#fff;font-weight:bold;}
.product_ej_box .rec-news .rec-news-img {overflow:hidden;padding:10px;}
.product_ej_box .rec-news .rec-news-img li {overflow:hidden;border-bottom:1px dashed #94896B;padding-bottom:10px;}
.product_ej_box .rec-news .rec-news-img li img {width:180px;height:126px;float:left;margin-right:10px;border:1px solid #f79623;padding:2px;}
.product_ej_box .rec-news .rec-news-img li a {font-size:16px;color:#f79623;padding-top:20px;}
.product_ej_box .rec-news .rec-news-img li p {color:#666;margin-top:10px;}
.product_ej_box .rec-news .rec-news-img li span {color:#999;}
.product_ej_box .rec-news .rec-news-list {overflow:hidden;padding:10px; margin-top: 0px;}
.product_ej_box .rec-news .rec-news-list li {height:40px;line-height:40px;border-bottom:1px dashed #ccc;width:100%; overflow: hidden;}
.product_ej_box .rec-news .rec-news-list li:nth-child(2n){ margin-right: 0px;}
.product_ej_box .rec-news .rec-news-list li span {color:#333; float: right; margin-right:5px; font-size: 12px}
.product_ej_box .rec-news .rec-news-list li a {COLOR:#666;}
.product_ej_box .rec-news .rec-news-list li small {float:right;}
.product_ej_box .rec-news .rec-news-list li b{ width: 72%; overflow: hidden; display: block;height: 40px; float: left}
.show_img .title {color:#fff;height:40px;line-height:40px;clear:both;overflow:hidden;background:#3f3f3f;padding:0 20px;border-top:1px solid #ccc;font-size: 16px;}
.showMarquee-left{position: relative;}
.showMarquee-left .sd{ padding:10px 0px;}
.showMarquee-left .sd ul{ overflow:hidden; zoom:1; margin: 0px; }
.showMarquee-left .sd ul li { margin-right: 1%; float:left; width:49%; height: auto; display:inline; overflow:hidden; text-align:center; border:1px solid #ccc; margin-bottom: 10px; }
.showMarquee-left .sd ul li:nth-child(4n){ margin-right: 0px;}
.showMarquee-left .sd ul li .pic{ text-align:center;width:100%; height: 168px; overflow: hidden; }
.showMarquee-left .sd ul li .pic img{ width:100%;height: 100%; object-fit: cover; display:block; padding:2px;}
.showMarquee-left .sd ul li .pic a:hover img{ border-color:#999; }
.showMarquee-left .sd ul li .titleb{ line-height:40px; height: 40px; font-size: 12px}
.showMarquee-left .sd ul li .titleb a{ font-size: 12px;}
.yb_conct{position:fixed;z-index:9999999;top:200px;right:-127px;cursor:pointer;transition:all .3s ease;}
.yb_bar ul li{width:180px;height:53px;font:16px/53px 'Microsoft YaHei';color:#fff;text-indent:54px;margin-bottom:3px;border-radius:3px;transition:all .5s ease;overflow:hidden;}
.yb_bar .yb_top{background:#2161af url(../images/fixCont.png) no-repeat 0 0;}
.yb_bar .yb_phone{background:#2161af url(../images/fixCont.png) no-repeat 0 -57px;}
.yb_bar .yb_phones{background:#2161af url(../images/fixCont.png) no-repeat 0 -113px;}
.yb_bar .yb_QQ{text-indent:0;background:#2161af url(../images/fixCont.png) no-repeat 0 -113px;}
.yb_bar .yb_ercode{background:#2161af url(../images/fixCont.png) no-repeat 0 -169px;}
.hd_qr{ padding: 10px 10px;}
.yb_QQ a{display:block;text-indent:54px;width:100%;height:100%;color:#fff;}
.xuanfyu-nva{ width: 100%;box-shadow: 0px 0px 10px rgba(26,65,134,0.5);border-radius: 15px;padding: 10px 0px;box-sizing: border-box;background: #fff; display: inline-block}
.xuanfyu-nva ul li{ text-align: center;line-height: 40px;border-bottom: 1px solid #f1f1f1; float: left; width: 50%;}
.xuanfyu-nva ul li a{ font-size: 14px;}
.xuanfyu-nva ul p{ text-align: center;font-size: 24px;line-height: 40px;background: #194186;border-radius: 20px; width: 90%;display: block;margin: auto;color: #fff;}