@charset "utf-8";
/*~~~~框架布局~~~*/
body{ /*font-family: 'siyuan' !important;*/}
@font-face{
    font-family: 'siyuan';
    src : url("../fonts/syht.ttf")/*tpa=/themes/Home/default/Public/fonts/syht.ttf*/;
}
/*==版心定义↓==*/
.container{width:1800px;}
.pdx .container{width:1600px; }
.container3{width:1800px; margin:0 auto;}
.pdx .container3{width:1600px; background-color:#fff;}
.container4{width:1800px; margin:0 auto; padding-top:30px; padding-bottom:30px;}
.pdx .container4{width:1600px; background-color:#fff;}
/*==顶部↓==*/
.fixed-top.header{ padding:18px 0;height: 80px;/*background:rgba(0,0,0,0.7) ;*/}
.fixed-top.header .logo img{height:45px}
.fixed-top.header .block{margin-top:4px;}
.fixed-top.header .nav{margin: 0px 120px -8px 0;}
.fixed-top.header .nav > li > a{height: 62px;padding: 2px 30px;}
/*--*/
.header{position: fixed;top: 0;width: 100%;z-index: 99;padding: 15px 0;height:90px;background: rgba(255,255,255,0.8); }
/*.header .container{width:100%;padding:0 50px;}*/
.header .tel{color:#171717;font-size:22px; margin-left:20px;}
.header .tel i{float:left;margin-right:10px;}
.header .block{margin-top: 15px;}
.header i{display: block;margin-top:3px;color: #171717;font-size:24px;}
.header .ewm .effect-lower-block{top:100%;padding:5px;width:120px}
.header .nav{/* margin-right:150px; */margin-top: 25px;margin: -15px 120px -15px 0;}
.header .nav > li{ position: relative; float:left;margin-left: 1px;}
.header .nav > li > a{position: relative;z-index: 2;height: 90px;padding: 30px 30px;display: block;color:#171717;font-size:16px;text-align: center;}
.header .nav > li > a:after{content:"";position: absolute;left:0;bottom: 0;z-index: -1;width:100%;height: 100%;transition:transform .5s;transform: scale(0,1);transform-origin:right;}
.header .nav > li > a > span{ display:block; color:#7d7d7d;font-size:12px;}
.header .nav > li.active > a{color: #3486a8; font-weight:bold;}
.header .nav > li.active span{color: #3486a8; font-weight:bold;}
.header .nav > li:hover > a:after,.header .nav > li.active > a:after{transform: scale(1);transform-origin:left;}
.header .nav .sub{display:none;width: 100%;left:0;top: 100%;position:absolute;background: rgba(0,0,0,0.5);padding: 0px 0;z-index: 999;text-align: center;/* box-shadow: 0 0 10px #ddd; */}
.header .nav .sub > li > a{display: block;color: #FFF;font-size: 14px;padding:8px 0}
.header .nav .sub > li{position: relative;}
.header .nav .sub a:hover{color:#fff; font-weight:bold;}
.header .nav .levels{display: none; position: absolute;right:-150px;top:-10px;width:150px;padding:10px 0;border-left:1px #999 solid;background: rgba(0,0,0,0.5);}
.header .nav .sub > li:hover .levels{display:block}
.header .nav .levels > li > a{display: block;color: #FFF;font-size: 13px;padding:6px 0}
.nLi{ width:130px;} 
.nLi a:hover{ background-color:#fff; font-weight:bold; }




/*==首页视频↓==*/
 .video-container {max-width: 410px; margin: 0 auto; }
        video { width: 410px; height: auto;background: #000; }
.video-container2 video {width: 365px; height:206px; margin: 0 auto;  }
.thumb-box img{ width:365px; height:206px; border:#333333  solid 1px; margin: 0 auto; margin-bottom:7px;}

.honor-list{ margin-left:-20px; margin-right:-10px;}
.honor-list li{ float:left; padding-left:10px; }
.honor-list li a{ display: block;margin: 0 0px 20px 0px;}
.honor-list li h3{position: relative; color:#191919;font-size:14px;padding:0px 0px;width: 100%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap; text-align:center;}


.gallery {display: flex;flex-wrap: wrap;gap: 10px;}
.gallery img {object-fit: cover;cursor: pointer;transition: transform 0.3s;}
.gallery img:hover {transform: scale(1.05);}
.modal {display: none;position: fixed;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0,0,0,0.9);z-index: 1000;text-align: center;}
.modal-content {max-width: 90%;max-height: 90%;margin: 5% auto;}
.close1 {position: absolute;top: 20px;right: 30px;color: white;font-size: 40px;cursor: pointer;}
 
/*==内页导航↓==*/
.touch{ background:#f0f0f0}
/*==次级导航↓==*/
.menu{float:left;display: flex;flex-flow: row wrap;align-content: flex-start;border-left: 1px #ddd solid;}
.menu ul{display:table; text-align: center;/*! background:#f2f3f4; *//*! width: 100%; */margin: auto;}
.menu li{/*!float:left; flex: 1; */ display: inline-block;}
.menu li a{position:relative;z-index:2;display: block;height:100%;margin:0 0px;color: #565656;font-size:16px;border-right: 1px #ddd solid;overflow: hidden;padding: 18px 30px;/* border-radius: 30px; *//* margin: 0 10px; *//* background: #fff; */}
.menu li a:after{content: "";position: absolute;left:0;bottom:0;z-index:-1;width:100%;height:100%;background: #3486a8;transition:transform .5s;transform: scale(0,1);transform-origin:right;}
.menu li:hover a,.menu li.active a{ color:#fff; }
.menu li:hover a:after,.menu li.active a:after{transform: scale(1);transform-origin:left;}
/*.menu li a{    display: flex !important;    flex-wrap: wrap;    -webkit-box-pack: center;    -webkit-box-align: center;align-items: center;}*/
.menu li a font{display: block;font-size:13px;width:100%}
.menu .eng a{padding-top: 4px;font-size:20px;padding: 15px 50px 28px 50px;}
.menu .eng font{position:absolute;left:0;bottom: 12px;width:100%;text-align:center;}
/*==3级导航↓==*/
.children{/* float:left; */margin-top: 20px;display: flex;flex-flow: row wrap;align-content: flex-start;border-left: 1px #ddd solid;}
.children .container{border-bottom:1px #ddd solid;padding-bottom:30px;}
.children ul{/*! background:#f2f3f4; *//*! width: 100%; */display: flex;flex-flow: row wrap;align-content: flex-start;}
.children li{/*! flex: 1; */ display: inline-block;}
.children li a{position:relative;z-index:2;display: block;height:43px;margin: 0 50px 0 0;color: #565656;font-size: 16px;overflow: hidden;padding: 10px 20px;/* background: #eee; */}
.children li a:after{content: "";position: absolute;left:0;bottom:0;z-index:-1;width:100%;height:100%;background: #3486a8;transition:transform .5s;transform: scale(0,1);transform-origin:right;}
.children li:hover a,.children li.active a{ color:#fff; }
.children li:hover a:after,.children li.active a:after{transform: scale(1);transform-origin:left;}
.children li a font{display: block;font-size:12px;width:100%}
.children .eng a{padding-top:4px;height: 55px;padding: 10px 40px;}
.children .eng font{ position:absolute;left:0;width:100%;text-align:center;}
/*==面包屑↓==*/
.site{float:right;margin:15px 0 0 0; color:#707070;font-size:14px;}
.site i{color:#333;font-weight:bold;font-size:16px;margin-right:10px;}
.site a{color:#707070;font-size:14px;}
.site a:hover{color:#3486a8}
/*==地图↓==*/
#dituContent{margin:0px 0 0 0;width:100%; height:500px;}
.container4 iframe {width: 100%;height:320px;margin: 0 auto;border: 1px solid #ccc;}
/*==标题↓==*/
.titleAx{color:#191919;font-size:32px;}
.titleAx b{margin-top:2px;display: block;color:#333333;font-size:30px;}
.titleAx span{display: block;font-weight:bold;color:#3486a8;font-size:26px;font-weight:bold;text-transform:uppercase;letter-spacing:-2px; font-family:"Arial Black", Gadget, sans-serif;}
.titleAx hr{display:none; margin:5px 0 0 0;width:10px;height:2px; border:none; background: #3486a8;}
.titleAx.cen{text-align: center;margin-bottom:50px;}
.titleAx.cen hr{margin:5px auto 0;}
.titleAx.white{color:#fff}
.titleAx.white hr{ background: #fff;}
.titleAx.m40{margin-bottom:40px;}
/**/
.titleTop{margin-bottom:40px; overflow: hidden;}
.titleTop .titleAx{float:left}
.titleTop .more{float:right;margin:30px 0 0 0;color:#262626;font-size:14px;border:1px #3486a8 solid;padding:10px 30px;}
.titleTop .more:hover{color:#fff;border-color:#3486a8;background: #3486a8;}
/*--*/
.titleBx{margin-top:0px;color:#1e1e1e;font-size:34px;margin-bottom:40px; text-align: center;}
.titleBx hr{display: none; /*display: table;*/width:40px;height:1px; margin:10px auto 0;border:none;background: #666;}
.titleBx span{display: block; margin:5px auto 0;color:#666666;font-size:14px;font-weight:400}
.titleBx p{margin:10px auto 0; display:table;width:70%;color:#1e1e1e;font-size:14px; line-height:22px;}
.titleBx.cen{text-align: center;}
.titleBx.white,.titleBx.white span,.titleBx.white p{color:#fff}
.titleBx.white hr{background:#fff;}
.titleBx.tTop{margin:50px 0 0 0;}
/*==边距↓==*/
.mt100{margin-top:100px;}
.mt80{margin-top:20px;}
.mt60{margin-top:60px; margin-bottom:50px;}
.pt60{padding-top:60px}
.ptm60{padding:60px 0}
.ptm68{padding:60px 0 80px 0}
.ptm610b{padding:60px 0 100px 0}
.ptm810b{padding:30px 0 50px 0}
.ptm814b{padding:80px 0 140px 0}
.ptm108b{padding:0px 0 30px 0}
/*伪类*/
.bfe:before,.bfr:after{content:""; display: block;transition: all .4s ease-in-out;}
/*-*/
.bfe-s:before,.bfr-s:after{content:"";transition: all .4s ease-in-out;}
/*-*/
.bfe-pos,.bfr-pos{ position: relative;}
.bfe-pos:before,.bfr-pos:after{content:""; position:absolute;transition: all .4s ease-in-out;}
/*-*/
.bfe-spos,.bfr-spos{ position: relative;}
.bfe-spos:before,.bfr-spos:after{content:""; position:absolute; }
/*句段限制*/
.lcp{-webkit-line-clamp: 1;display: -webkit-box;word-break: break-all;text-overflow: ellipsis;-webkit-box-orient: vertical;overflow: hidden;}
/*===内容↓==*/
.detailCont{color:#666;font-size:15px;line-height:26px; padding:0 40px;}
.detailCont img{max-width:1470px; margin-left:auto; margin-right:auto; text-align: center;}
/*===内页框↓==*/
.rack{float:left;width:100%;padding:0px 0 40px 0;}
.rackWor{}
/*===首页案例↓==*/
.CaseHome{}
.CaseHome .titleTop{margin-bottom:40px;overflow: hidden; }
.CaseHome .titleTop .titleAx{float:left;}
.CaseHome .tone{float:right;margin-top: 50px;}
.CaseHome .tone li{float:left;margin-left:30px;}
.CaseHome .tone li a{position: relative; display: block;color:#22211f;font-size:18px;text-align: center }
.CaseHome .tone li a:after{content:"";position: absolute;left:0;bottom:-15px;width:100%;height:2px;background:#3486a8;transition:transform .5s;transform: scale(0,1);transform-origin:right;}
.CaseHome .tone li:hover a,.CaseHome .tone li.active a{color:#3486a8; }
.CaseHome .tone li:hover a:after,.CaseHome .tone li.active a:after{transform: scale(1);transform-origin:left;}
.CaseHome .more{float:right;margin: 40px 0 0 40px;color:#fff;font-size:18px;padding: 10px 20px;background: #3486a8;}
.CaseHome .more i{float:right;color:#fff;font-size: 18px;margin-left:50px;}
.CaseHome .more:hover{background:#666}
.CaseHome .list{margin:0 0 -10px -10px}
.CaseHome .list li{  float:left;width:25%;}
.CaseHome .list a{position: relative;display: block; margin:0 0px 10px 10px;overflow:hidden;}
.CaseHome .list h4{ position: absolute; left:0;bottom:-45px;width:100%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;color:#fff;font-size:16px; padding:12px 20px; background: rgba(0,0,0,0.4);}
.CaseHome .list .pic{padding-top:60%}
.CaseHome .list img{display: block;max-width:100%;height: 100%;object-fit: cover;}
.CaseHome .list li:hover h4{bottom:0; }
/*===首页关于↓==*/
.AboutHome{ background: #ececec;}
/*===公司简介↓==*/
.introduceCont{}
.introduceCont .left{width:50%;}
.introduceCont .left img{display: block; max-width:100%;}
.introduceCont .right{width:50%;padding-left:60px}
.introduceCont .title{color:#000;font-size:34px;margin-bottom:20px;}
.introduceCont .title hr{width:20px;height:1px;margin:20px 0 0px 0;border:none; background: #333;}
.introduceCont .right .tit{color:#191919;font-size:20px;margin-bottom: 25px;}
.introduceCont .right .wx{color:#474747;font-size:14px;line-height: 26px;}
.introduceCont .right .tel{position: relative;padding-left: 55px;display: block;margin-top:50px;color:#191919;font-size:30px;}
.introduceCont .right .tel font{display: block;margin-bottom: 1px;color:#999999;font-size:14px;}
.introduceCont .right .tel i{position: absolute;left:0;top: 10px;color:#666;font-size: 40px;}
/*==数字滚动↓==*/
.digital{width:100%;margin-top:60px;padding:40px 0;border-top:1px #ddd solid;border-bottom:1px #ddd solid;border-left:none;display: flex;flex-flow: row wrap;align-content: flex-start;}
.digital li{float:left;width:25%;display: block;padding: 10px 20px;text-align: center;border-right:1px #ddd solid;}
.digital li:last-child{border:none;}
.digital li b{color:#191919;font-size:44px;font-weight: bold;}
.digital li font{display: inline-block;color:#191919;font-size:24px;margin-left: 2px;}
.digital li h5{color:#000000;font-size:16px;margin-top: 10px;}
.digital li span{color:#999;font-size:15px;margin-top: 8px;display: block;}
/*.digital li:last-child b{font-size:30px}*/
/*===首页团队↓==*/
.CharactCon{ overflow:hidden;}
.CharactCon .long{display: table;width: 100%;}
.CharactCon .left,.CharactCon .right{float:none;display: table-cell;}
.CharactCon .left{width: 25%;vertical-align: bottom;}
.CharactCon .left img{display: block;max-width:100%;width:100%}
.CharactCon .right{position: relative;width: 54%;padding-left: 100px;height: 600px;}
.CharactCon .right h4{padding-bottom:20px;margin-bottom:20px;color:#000;font-size:35px; border-bottom:1px #ccc solid}
.CharactCon .right h4 span{display: block;margin-top:15px; color:#666;font-size:20px;}
.CharactCon .right .wx{column-count:2;width: 90%;color:#666666;font-size:14px;line-height:30px;}
.CharactCon .right .explain{position: absolute;z-index:2;bottom:0;left: 100px;width: 90%;}
.CharactCon .explain{padding:20px 0 20px 60px;}
.CharactCon .explain:before{content:"";position: absolute;left: -11px;top:50%;width: 11px;height: 19px;background:url("../images/arrow01.png")/*tpa=/themes/Home/default/Public/images/arrow01.png*/ no-repeat center;}
.CharactCon .explain h5{color:#fff;font-size:20px;font-weight:bold;margin-bottom:15px;}
.CharactCon .explain p{color:#fff;font-size:14px;line-height:25px;}
.CharactCon .explain:after{content:"";position: absolute;left:0;top:0;z-index:-1;width: 300%;height:100%;background:#373737 url("../images/bg04.png")/*tpa=/themes/Home/default/Public/images/bg04.png*/;}
.CharactCon .diy{display: none; position: relative; margin-top:30px;}
/*===首页团队↓==*/
.TeamHome{overflow: hidden;background: #1f1f1e;}
.TeamHome.teamSrll .list h4{color:#fff;text-align: center;}
.TeamHome.teamSrll .list li:hover h4{color:#3486a8}
/*===首页流程↓==*/
.ProcessHome{ background: url("../images/ProcessBg02.png")/*tpa=/themes/Home/default/Public/images/ProcessBg02.png*/;}
.ProcessHome ul{display: flex;flex-flow: row wrap;align-content: flex-start;}
.ProcessHome ul li{position: relative;z-index:2; width:33%;padding:60px 60px;background-image: url("../images/ProcessBg02.png")/*tpa=/themes/Home/default/Public/images/ProcessBg02.png*/;   }
/*.ProcessHome ul li::before{content:"";position: absolute;left:0;top: 0;z-index: 2;width:100%;height: 5px;background:rgba(255,255,255,0.7);transition:transform .5s;transform: scale(0,1);transform-origin:right;}
.ProcessHome ul li:hover:before{transform: scale(1);transform-origin:left;}*/
.ProcessHome ul li a{display:block}
.ProcessHome ul li em{display: block;margin-bottom:20px;width: 57px;height: 57px;background-repeat:no-repeat;background-position:center;}
.ProcessHome ul li h3{color:#fff;font-size:28px; margin-bottom:25px;}
.ProcessHome ul li hr{display:none; width:20px;height:1px;border:none;margin:0 0 20px 0; background: #fff;}
.ProcessHome ul li span{display: block;column-count:1;column-gap:40px;color:#fff;font-size:14px; line-height: 30px;}
.ProcessHome ul li span font{position:relative;float:left;color:#fff;padding-left: 15px;font-size:14px;width:50%;margin:0 0 10px 0;}
.ProcessHome ul li span font:nth-of-type(even){float:right}
.ProcessHome ul li span font:before{content:"";position:absolute;left:0;top: 7px;width: 5px;height:5px;border-radius:50%;background:#fff;}
.ProcessHome ul li:hover{ background-color:#3486a8; /*transform:translateY(-15px) !important;*/}
.ProcessHome ul li:hover a{transform:translateY(-10px) }
.ProcessHome ul .x1:after{content: ""; position: absolute; left:0;bottom:-10%;z-index:-1;width:100%;height:100%;background:url("../images/ProcessBg01.png")/*tpa=/themes/Home/default/Public/images/ProcessBg01.png*/ bottom right no-repeat;}
.ProcessHome ul .x1 em{background-image:url("../images/ProcessIco01.png")/*tpa=/themes/Home/default/Public/images/ProcessIco01.png*/;}
.ProcessHome ul .x2 em{background-image:url("../images/ProcessIco02.png")/*tpa=/themes/Home/default/Public/images/ProcessIco02.png*/;}
.ProcessHome ul .x3 em{background-image:url("../images/ProcessIco03.png")/*tpa=/themes/Home/default/Public/images/ProcessIco03.png*/;}
.ProcessHome ul .x4 em{background-image:url("../images/ProcessIco04.png")/*tpa=/themes/Home/default/Public/images/ProcessIco04.png*/;}
.ProcessHome ul .x1{ background-color: #313131}
.ProcessHome ul .x2{ background-color: #3e3e3e;}
.ProcessHome ul .x3{ background-color: #4a4a4a;}
.ProcessHome ul .x4{ background-color: #5b5b5b;}
/*--*/
.ProcessHome ul i{position:absolute;display:block;width:0px;height:0px;    transition: all 0.7s; background:-webkit-linear-gradient(left, #eee, #e4ca97); }
.ProcessHome ul i.t{top:0;left:0;background:-webkit-linear-gradient(left, #eee, #e4ca97);}
.ProcessHome ul i.r{top:0;right:0;background:-webkit-linear-gradient(top, #e4ca97, #eee);}
.ProcessHome ul i.b{bottom:0;right:0;background:-webkit-linear-gradient(left, #e4ca97, #eee);}
.ProcessHome ul i.l{bottom:0;left:0;background:-webkit-linear-gradient(top, #eee, #e4ca97);}
.ProcessHome ul li:hover i.t,.ProcessHome ul li:hover i.b{width:100%;height:4px;}
.ProcessHome ul li:hover i.r,.ProcessHome ul li:hover i.l{width:4px;height:100%;}
/*===首页合作伙伴↓==*/
.PartnerHome{ background: url("../images/bg07.jpg")/*tpa=/themes/Home/default/Public/images/PartnerBg.jpg*/ no-repeat center; background-size:cover;}
.PartnerHome ul{}
.PartnerHome ul li{float:left;width:14.2%;background: #fff;}
.PartnerHome ul li a{display: block;}
.PartnerHome ul li{border-left:1px #ddd solid;border-bottom:1px #ddd solid}
.PartnerHome ul li img{display: block; max-width:100%;-webkit-filter: grayscale(40%);-moz-filter: grayscale(40%);-ms-filter: grayscale(40%);-o-filter: grayscale(40%);filter: grayscale(40%);filter: gray;}
.PartnerHome ul li:hover img{-webkit-filter: grayscale(0%); -moz-filter: grayscale(0%); -ms-filter: grayscale(0%); -o-filter: grayscale(0%); filter: grayscale(0%); }
/*===首页荣誉↓==*/
.HonorHome{}
.HonorHome .long{}
.HonorHome .long .btn{left: -50px;}
.HonorHome .long .btn.next{left:auto;right:-50px;}
/*===首页新闻↓==*/
.NewsHome{border-top:1px #ddd solid}
.NewsHome .titleTop{position:relative; margin-bottom:40px;overflow: hidden; }
.NewsHome .titleAx{padding-right: 60px;background:#f4f4f4;}
.NewsHome .titleTop:before{content:"";position:absolute;top:55px;left:0;width:100%;height:1px;z-index: -1;background:#ddd;}
.NewsHome .pic{height:225px;}
.NewsHome .pic img{width:100%;height: 100%;object-fit: cover;}
.NewsHome .push{float:right;margin-top: 40px;width: 120px;position: relative;padding-left: 40px;background: #f4f4f4;}
.NewsHome .btn{position: initial;float:left;opacity: 1 !important;color:#333;width: auto;height: auto;margin: 0px; padding: 5px; font-size: 24px;font-weight:bold;background: none;}
.NewsHome .btn.nt{float:right;transform:rotate(180deg);}
.NewsHome .btn:hover{color:#fff;background:#3486a8}
/*===新闻列表↓==*/
.news-list{}
.news-list li{}
.news-list li h4{ position: relative; margin-top:25px;color:#191919;font-size:16px;width: 100%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.news-list li p{margin-top:20px;color:#666666;font-size:14px; -webkit-line-clamp: 2;}
.news-list li .time{ display: block;color:#999;font-size:12px; border-top:1px #999 solid; margin-top:25px;padding-top:30px;}
.news-list li .time:before{ left:0;top:-1px;width:100%; height:1px; background: #3486a8;transition:transform .5s;transform: scale(0,1);transform-origin:right;}
.news-list li:hover h4{color:#3486a8}
.news-list li:hover .time:before{transform: scale(1);transform-origin:left;}
.line32{border-bottom: 1px dashed #ccc; line-height:40px;}
.news32 { margin-left:15px; padding-top:30px; min-height:582px;}
/*==产品↓==*/
.product-list{margin:0 0 -20px -30px; padding-top:60px;}
.product-list li{ float:left;width:25%; }
.product-list li a{ display: block;margin: 0 0px 20px 30px;}
.product-list li .pic{padding-top:65%;}
.product-list li h4{position: relative; color:#191919;font-size:14px;padding:18px 0px;width: 100%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.product-list li h4:before,.product-list li h4:after{ content:""; position:absolute; left:0;bottom:0px;width:100%; height:1px; background: #ddd;}
.product-list li h4:after{  background: #3486a8;transition:transform .5s;transform: scale(0,1);transform-origin:right;}
.product-list li:hover h4{ color:#3486a8}
.product-list li:hover h4:after{transform: scale(1);transform-origin:left;}
/*==产品详情↓==*/
.ProductShow{}
.ProductShow .titleTop{margin-bottom:20px;padding-bottom:30px; padding-top:40px; text-align:center; border-bottom:1px #3486a8 dashed;}
.ProductShow .titleTop h2{color:#1e1e1e;font-size:36px}
.ProductShow .relevant{}
.ProductShow .relevant .tit{color:#1e1e1e;font-size:26px;margin-bottom:40px;padding-bottom:20px;  border-bottom:1px #3486a8 solid}
/*==新闻↓==*/
.NewsListBox{}
.NewsListBox .list{}
.NewsListBox .list li{float:left;clear:both; display:table; margin:0px 0 30px 0;padding: 0 0 30px 0;width:100%;border-bottom: 1px #ddd solid;}
.NewsListBox .list a{display: block;position:relative;padding: 0 200px 0 430px;height: 260px;}
.NewsListBox .list .pic{position:absolute;left:0;top:0;width: 380px;height:100%;}
.NewsListBox .list .pic img{max-width:100%;height: 100%;object-fit: cover;}
.NewsListBox .list .left{width:300px}
.NewsListBox .list .middle{/* width: 570px; */}
.NewsListBox .list .middle h4{color:#666;font-size: 16px;font-weight:bold;margin: 30px 0 0 0;}
.NewsListBox .list .middle span{display:none;color:#999;font-size:12px; margin-top:2px;}
.NewsListBox .list .middle p{-webkit-line-clamp: 2;margin: 25px 0 45px 0;color:#999;font-size: 14px;line-height: 23px;}
.NewsListBox .list .middle b{color:#333;font-size: 13px;border:1px #ddd solid;padding: 10px 30px;background: #f5f5f5;}
.NewsListBox .list .right{position:absolute;right:0;top:0; width: 120px;color:#666;font-size:50px;text-align: center;background: #f7f7f7;padding: 30px 20px 15px 20px;margin: 50px 0 0 0;}
.NewsListBox .list .right span{margin-top: 20px;padding-top:5px;border-top: 1px #ddd solid;display:block;color:#999;font-size:14px;}
.NewsListBox .list a:hover h4{color:#3486a8}
.NewsListBox .list a:hover b{background:#3486a8; color:#fff; border:1px #3486a8 solid}
.NewsListBox .list a:hover .right{background:#3486a8;color:#fff}
.NewsListBox .list a:hover .right span{color:#fff}
/*.NewsListBox .list li .pic,.NewsListBox .list li .middle,.NewsListBox .list li .right{float:none; display:table-cell}*/
/*==新闻详细页↓==*/
.NewsDetailBox{}
.NewsDetailBox .titleTop{ text-align: center;padding:0 0 50px 0;margin:0 0 60px 0; border-bottom:1px #ddd solid}
.NewsDetailBox .tit{color:#000000;font-size:23px;}
.NewsDetailBox .msg{ margin-top:10px;color:#a7a7a7;font-size:14px;}
.NewsDetailBox .msg *,.NewsDetailBox .msg span,.NewsDetailBox .msg a{color:#a7a7a7;font-size:14px;}
.NewsDetailBox .msg span{margin:0 5px;}
.NewsDetailBox .msg a:hover,.NewsDetailBox .msg .active{color:#FF6600}
.NewsDetailBox .msg .active{font-weight:bold;}
.NewsDetailBox .share{height:60px;border-top:1px #aaa dotted; padding:20px 0;margin-top: 60px; overflow: hidden;}
.NewsDetailBox .share .bshare-custom{float:left;}
.NewsDetailBox .share .time{ float:left;margin-left:50px;color:#a7a7a7;font-size:14px;display: block;}
.NewsDetailBox .share .return{float:right; color:#fff;font-size:14px;padding:10px 20px 10px 38px;margin-top:-10px; background-color:#d2d2d2; background-image:url("../images/line202.png")/*tpa=/themes/Home/default/Public/images/line202.png*/; background-position:12px 15px; background-repeat:no-repeat;}
.NewsDetailBox .share .return:hover{background-color:#3486a8}
.NewsDetailBox .pagIng{border-top:1px #aaa dotted;border-bottom:1px #aaa dotted;padding:15px 0;overflow: hidden;}
.NewsDetailBox .pagIng span{ display: inline-block;color:#888888;font-size:14px;}
.NewsDetailBox .pagIng span a{color:#888888;font-size:14px;}
.NewsDetailBox .pagIng span a:hover{color:#3486a8}
.NewsDetailBox .pagIng .prev{float:left}
.NewsDetailBox .pagIng .next{float:right}
.NewsDetailBox .relevant{margin-top:60px}
.NewsDetailBox .relevant .tit{color:#333;font-size:22px;}
.NewsDetailBox .relevant .list{margin-top:20px;}
.NewsDetailBox .relevant .list li{float:left;width:45%;margin:8px 0% 8px 0;}
.NewsDetailBox .relevant .list li:nth-of-type(even){float:right;}
.NewsDetailBox .relevant .list li .time{float: right; color:#858585;font-size:14px;}
.NewsDetailBox .relevant .list li a{ display: block; color:#858585;font-size:14px;padding-left:15px; background: url("../images/arrow_02.png")/*tpa=/themes/Home/default/Public/images/arrow_02.png*/ no-repeat left;transition: all .4s ease-in-out;}
.NewsDetailBox .relevant .list li:hover a{color:#3486a8}
/*==联系我们↓==*/
.ContactInner{padding-bottom:0px !important}
.ContactInner .map{ }
.ContactInner .map .long{ position: relative; padding:10px; box-shadow: 0 0 10px #ddd;}
.ContactInner .map .box{ position: absolute;right:0;top:0;padding:50px;width:500px;height:100%; background: rgba(0,0,0,0.7);}
.ContactInner .map .box h3{color:#fff;font-size:20px;margin-bottom:30px;font-weight:bold}
.ContactInner .map span{display: block;margin-bottom:30px;margin-left:30px;color:#fff;font-size:25px;}
.ContactInner .map span font{font-size:15px;margin-bottom:5px;margin-left:-30px;display: block;}
.ContactInner .map span font i{font-size:20px;margin-right:8px;color:#fff;font-weight:400}
.ContactInner .map span.f30{font-size:30px}
.ContactInner .map span.f20{font-size:20px;font-weight:bold;}
.ContactInner .map span.f18{font-size:18px;}
.ContactInner .map #dituContent{height:600px;}
/*==留言2↓==*/
.message{overflow: hidden;position: relative;background: url("../images/bg02.jpg")/*tpa=/themes/Home/default/Public/images/bg02.jpg*/;}
.message .pic{float:left;width:23%}
.message .pic img{ display: block;max-width:100%;}
.message .right{float:right;width:74%}
.message form{ margin-left:-15px;}
.message .frame{position: relative; float:left;/*! line-height:50px; */width:50%;}
.message .frame input,.message .frame textarea{width: -webkit-fill-available;margin: 0 0 15px 15px;border:none;padding:10px 20px;line-height:50px;box-shadow: 0 0 10px #ddd;}
.message .frame input{height: 55px;}
.message .frame textarea{height:150px;}
.message .frame.x5{width:100%;}
.message button{float:left;width: 25%;padding:15px 20px;color:#fff;font-size: 16px;margin-right:20px;border: none;}
.message .submit{margin-left: 15px;background:#555;}
.message .reset{background:#a5afb8;}
.message button:hover{background:#333}
.message .yzm{margin:0 0 0 20px;}
.message .yzm input{padding:20px 20px;margin:0 10px;}
/*==加入我们↓==*/
.joinBox{}
.joinBox .lefter{width:22%;padding:50px 50px 100px 50px; background: url("../images/bg03.jpg")/*tpa=/themes/Home/default/Public/images/bg03.jpg*/ no-repeat center;background-size: cover;}
.joinBox .lefter .title{font-size:30px;color:#fff;margin-bottom:25px;}
.joinBox .lefter p{font-size:14px;color:#fff;line-height:26px;}
.joinBox .lefter .tel{margin:100px 0 0px 0;color:#fff;font-size:30px;display: block;}
.joinBox .lefter .tel font{ display: block;color:#999999;font-size:15px}
.joinBox .lefter .online{ display: table;margin-top:30px; border:1px #555 solid;color:#fff;font-size:14px; padding:8px 40px;}
.joinBox .lefter .online i{float:right;color:#fff;font-size:18px;margin-left:20px}
.joinBox .lefter .online:hover{border-color:#3486a8; background-color: #3486a8}
.joinBox .righter{width: 76%;}
.joinBox .righter .list{}
.joinBox .righter .list li{ margin-bottom:10px;padding:0 50px;background: #ededed;overflow: hidden;}
.joinBox .righter .list li .title{color:#191919;font-size:19px; cursor: pointer; display: flex;border-bottom:1px #ddd solid;overflow: hidden;}
.joinBox .righter .list li .title font{ display: inline-block; padding:18px 20px 19px 100px;width: 33.3%;float: left;text-align: center;}
.joinBox .righter .list li .title font:nth-child(1){text-align: left;padding-left: 0;}
.joinBox .righter .list li .wx{padding:30px 0 50px 0px;line-height:25px;color:#666666;font-size:14px;overflow: hidden;}
.joinBox .righter .list li .mail{margin-top:50px; border:1px #aaa solid;color:#2d2d2d;font-size:14px;line-height:30px; padding:0px 50px 0px 20px;display: table;position: relative;line-height: 35px;}
.joinBox .righter .list li .mail i{position: absolute;top:0;right:0;display: block;width:40px;height: 100%;color: #fff;text-align: center;font-size: 14px;/* padding:10px 10px; */background-color:#000000;}
.joinBox .righter .list li .mail:hover{border:1px #3486a8 solid;}
.joinBox .righter .list li .mail:hover i{background-color: #3486a8}
/*==服务流程↓==*/
.ServiceInner{padding-bottom:0px !important ;}
.ServiceInner .titleBx p{ text-align: left;text-indent:2em}
.ServiceInner .plan{}
.ServiceInner .plan ul{}
.ServiceInner .plan ul li{float:left;width:50%;}
.ServiceInner .plan ul li a{display: block;display: table; margin-left:30px;}
.ServiceInner .plan ul li .pic,.ServiceInner .plan ul .box{display: table-cell;vertical-align: top;}
.ServiceInner .plan ul li .pic img{width: 400px;height: 260px;object-fit: cover;}
.ServiceInner .plan ul li .box{padding:40px; background: #f9f9f9;}
.ServiceInner .plan .box h4{color:#1e1e1e;font-size:24px;margin-bottom: 15px; font-weight:bold;}
.ServiceInner .plan .box h4 font{color:#3486a8;font-size:28px;font-weight: bold;}
.ServiceInner .plan .box hr{width: 15px;height:1px;margin:0 0 20px 0;border:none;background: #3486a8;}
.ServiceInner .plan .box p{    -webkit-line-clamp: 4;color:#1e1e1e;font-size:15px;line-height:26px}
.ServiceInner .plan li:hover .box h4{color:#3486a8}
.ServiceInner .location{}
.ServiceInner .location ul{margin-left:-40px;  display: flex;flex-flow: row wrap;align-content: flex-start;}
.ServiceInner .location ul li{float:left;width:33.3%;}
.ServiceInner .location ul li a{position: relative; margin-left:40px;display: block;height: 100%;overflow: hidden;background: #3e3e3e;}
.ServiceInner .location ul li .pic{display: block;}
.ServiceInner .location ul li .pic img{display: block; width: 100%;}
.ServiceInner .location ul li .box{position: relative;z-index:2;/* height: 100%; */padding:40px 30px 50px 30px;} 
.ServiceInner .location ul li h4{color:#fff;font-size:18px;margin-bottom:10px; font-weight:bold; height:50px;}
.ServiceInner .location ul li p{color:#fff;font-size:15px;}
.ServiceInner .location ul li em{position: absolute;right: 40px;bottom: -40px;font-weight: bold;color:#5e5e5e;font-size:95px;}
.ServiceInner .location ul li:hover a{background: #3486a8;}
.ServiceInner .location ul li:hover em{color:#ddd}
.ServiceInner .design{background-image:url("../images/lcbj.jpg")/*tpa=/themes/Home/default/Public/images/lcbj.jpg*/;}
.ServiceInner .design ul{margin-bottom: -40px; margin-left: -40px; display: flex; flex-flow: row wrap; align-content: flex-start;}
.ServiceInner .design li{float:left;width:33%;display: block;margin-bottom: 40px;}
.ServiceInner .design li a{display: block;margin-left: 40px;padding: 30px 30px 50px 100px;border-radius: 0 50px 0 50px;height: 100%;background: #f9f9f9;}
.ServiceInner .design titleBX { color:#FFF;}
.ServiceInner .design ul li h4{ position: relative; color:#3486a8;font-size:20px;margin-bottom:10px; font-weight:bold;}
.ServiceInner .design ul li h4 i{position: absolute;left: -35px;top:0;width: 26px;height: 25px;background-repeat:no-repeat;background-position:0 0;}
.ServiceInner .design ul li:hover a{ background: #3486a8;}
.ServiceInner .design ul li:hover *{color:#fff}
.ServiceInner .design ul li:hover h4 i{ background-position:0 -25px ;}
.ServiceInner .design ul li p{color:#505050;font-size:16px;line-height:30px;}
.ServiceInner .design ul li.x1 i{ background-image:url("../images/ServiceIco3-1.png")/*tpa=/themes/Home/default/Public/images/ServiceIco3-1.png*/;}
.ServiceInner .design ul li.x2 i{ background-image:url("../images/ServiceIco3-2.png")/*tpa=/themes/Home/default/Public/images/ServiceIco3-2.png*/;}
.ServiceInner .design ul li.x3 i{ background-image:url("../images/ServiceIco3-3.png")/*tpa=/themes/Home/default/Public/images/ServiceIco3-3.png*/;}
.ServiceInner .design ul li.x4 i{ background-image:url("../images/ServiceIco3-4.png")/*tpa=/themes/Home/default/Public/images/ServiceIco3-4.png*/;}
.ServiceInner .design ul li.x5 i{ background-image:url("../images/ServiceIco3-5.png")/*tpa=/themes/Home/default/Public/images/ServiceIco3-5.png*/;}
.ServiceInner .design ul li.x6 i{ background-image:url("../images/ServiceIco3-6.png")/*tpa=/themes/Home/default/Public/images/ServiceIco3-6.png*/;}
.ServiceInner .design ul li.x7 i{ background-image:url("../images/ServiceIco3-7.png")/*tpa=/themes/Home/default/Public/images/ServiceIco3-7.png*/;}
.ServiceInner .design ul li.x8 i{ background-image:url("../images/ServiceIco3-8.png")/*tpa=/themes/Home/default/Public/images/ServiceIco3-8.png*/;}
.ServiceInner .process{ background:#fff;/*background: url(../images/ProcessBg.jpg) no-repeat center;background-size:cover ;*/}
.ServiceInner .process ul{ display: flex; flex-flow: row wrap;align-content: flex-start; }
.ServiceInner .process ul li{width:20%;padding:30px 40px 50px 40px;border-right: 2px rgba(255,255,255,0.2) solid;background: rgba(0,0,0,0.7);}
.ServiceInner .process ul li:last-child{border-right:none;}
.ServiceInner .process ul i{display: table;margin: auto;color:#989898;font-size:54px;font-weight:bold;}
.ServiceInner .process ul h3{color:#fff;font-size:18px;margin-bottom:10px; text-align: center; font-weight:bold}
.ServiceInner .process ul p{color:#ddd;font-size:14px;line-height: 24px;}
.ServiceInner .process ul li:hover{transform:translateY(-15px);}
.ServiceInner .run{ background: url("../images/RunBg.jpg")/*tpa=/themes/Home/default/Public/images/RunBg.jpg*/ no-repeat center; background-size:cover ;}
.ServiceInner .run ul{padding:0 100px;display: flex;flex-flow: row wrap; align-content: flex-start;}
.ServiceInner .run ul li{width: 27%;text-align: center;margin: 0 3%;}
.ServiceInner .run ul .pic{display: table;margin: 0 auto 30px;padding: 5px;border:3px #666 solid;border-radius: 50%;}
.ServiceInner .run ul .pic img{display: block;max-width:100%;border-radius: 50%; }
.ServiceInner .run ul h4{color:#434343;font-size:18px;margin-bottom:15px;font-weight:bold}
.ServiceInner .run ul p{color:#434343;font-size:15px;line-height: 24px; text-align: left;}
.ServiceInner .run ul li:hover .pic{border-color:#3486a8}
.ServiceInner .run ul li:hover h4{color:#3486a8}
/*==关于我们↓==*/
.AboutInner{}
.AboutInner .digital{margin-top:40px;padding:30px 0 0 0;border-bottom:none}
.AboutInner .digital li{ text-align: left;  padding-left:0px;  border-right:none;}
.AboutInner .digital li span{display:none}
.AboutInner .CharactCon{border-top:1px #ddd solid}
.AboutInner .team{ background: #f0f0f0;}
.AboutInner .partner{}
.AboutInner .partner .swiper-container{padding:2px} 
.AboutInner .partner .list{border-left:1px #ddd solid; border-top:1px #ddd solid;}
.AboutInner .partner .list li{border-right:1px #ddd solid; border-bottom:1px #ddd solid;}
.AboutInner .partner .list a{display: block;}
.AboutInner .partner .list a:after{opacity:0;content:""; position: absolute;left:0;top:0;width:100%;height: 100%; background: #3486a8;}
.AboutInner .partner .list h4{opacity: 0; position: absolute; left:0;top: 40%;z-index:1;width:100%;color:#fff;font-size:16px;text-align: center;transform: translateY(-10px);}
.AboutInner .partner .list li:hover h4{opacity: 1; transform: translateY(0px);}
.AboutInner .partner .list li:hover a:after{opacity:1}
/*==荣誉列表↓==*/ 
.honorCon{}
.honorCon .long{position: relative;}
.honorCon .list{/* margin-left:-20px; */margin-bottom:-20px;}
.honorCon .list li{float:left;width:25%;margin-bottom:20px;}
.honorCon .list li a{display: block; }
.honorCon .list .bg{padding: 4px;display: block;background: url("../images/HonorBg01.jpg")/*tpa=/themes/Home/default/Public/images/HonorBg01.jpg*/ no-repeat center;background-size:cover;}
.honorCon .list li h4{color:#666666;font-size:16px; margin-top:15px; text-align: center;}
.honorCon .list li:hover h4{color:#3486a8}
.honorCon .btn{top:42%;left: -55px;width: 38px;height: 50px;line-height: 50px;text-align: center;color:#fff;font-size:32px;background: #191919;}
.honorCon .btn.next{left:auto;right:-55px;}
.honorCon .btn:hover{background:#3486a8;}
/*==切换按钮↓==*/
.spot-2{position: initial !important;display: table;margin:60px auto 0;}
.spot-2 span{opacity:1; width:15px;height:15px;margin:0 8px !important;  background: #787878;}
.spot-2 .swiper-pagination-bullet-active{background: #3486a8;}
/*==禁止显示↓==*/
.Nd-no .msg span{ display: none;}
.Nd-no .share{display: none;}
.Nd-no .relevant{display: none;}
/*==list-box 图片款 久↓==*/
.list-box{display:table;width:100%;margin:0 0 -15px -15px}
.list-box li{float:left; width:25%; }
.list-box li img{max-width:100%;width:100%;}
.list-box li a{display:block;margin:0 0 15px 15px}
.list-box li .pic{border: 1px #eee solid; background: #f9f9f9;}
.list-box li:hover .pic{border: 1px #3486a8 solid;}
.list-box li h4{color:#666;font-size: 15px;text-align: center;padding:12px 0;}
.list-box li:hover h4{color:#3486a8;}
.list-box.lx5 li{width:20%}
.list-box.dp2 .bg{padding: 4px;display: block;background: url("../images/HonorBg01.jpg")/*tpa=/themes/Home/default/Public/images/HonorBg01.jpg*/ no-repeat center;background-size:cover;}
/*==团队轮播↓==*/
.teamSrll .list{}
.teamSrll .list li h4{color:#303030;font-size:16px; margin-top:20px;}
.teamSrll .list li img{-webkit-filter: grayscale(100%);-moz-filter: grayscale(100%);-ms-filter: grayscale(100%);-o-filter: grayscale(100%);filter: grayscale(100%);filter: gray;}
.teamSrll .list li:hover img{-webkit-filter: grayscale(0%); -moz-filter: grayscale(0%); -ms-filter: grayscale(0%); -o-filter: grayscale(0%); filter: grayscale(0%);}
.teamSrll .list li:hover h4{color:#3486a8}
/*详情2*/
.deil-two{}
.deil-two .forte{display:table;margin:auto;width:50%;}
.deil-two .left{width: 50%;}
.deil-two .left img{display: block;max-width:100%}
.deil-two .right{width: 50%;color:#666;padding-left:50px;font-size:14px;line-height: 30px;}
.deil-two .right h4{color:#333;font-size:18px;margin-bottom:30px;}
.deil-two .detailCont{margin-top: 50px;padding-top:10px;border-top:1px #ddd solid;}
/*==底部===*/
.footer{padding: 60px 0 0px 0;overflow: hidden; background: url("../images/footBg.jpg")/*tpa=/themes/Home/default/Public/images/footBg.jpg*/;}
/*.footer .container{width:100%;padding:0 50px;}*/
.footer .left{width:45%;}
.footer .left .wx{color:#999999;font-size:13px;line-height:30px;}
.footer .left .wx a{color:#999999;font-size:13px;}
.footer .left .wx a:hover{color:#fff}
.footer .nav{position:relative;margin-bottom:50px;width: 100%;}
.footer .nav li{float: left;margin-right:50px}
.footer .nav li a{ display: block;color:#fff; font-size:16px;}
.footer .nav li a:hover{color:#ddd}
.footer .ewm{margin-left:150px;width: 120px;padding:10px;color:#7b7b7b;font-size:12px;text-align:center;background:url("../images/ewmBg.png")/*tpa=/themes/Home/default/Public/images/ewmBg.png*/ no-repeat center;}
.footer .ewm img{display: block;margin: 10px 0 0 3px;max-width: 100px;}
.footer .tel{position: relative; color:#fff;font-size:30px;padding-left:70px;}
.footer .tel b{color:#999999;font-size:12px; display: block; margin-bottom:10px}
.footer .tel i{position: absolute; left:0;top:10px;font-size: 50px;color:#fff;}
.footer .link{margin-top:70px;padding: 25px 0; position: relative;z-index:2;}
.footer .link:after{content: ""; position: absolute;left:-100%;top:0;z-index: -1; width:300%;height:100%; background: #2a2a2a;}
.footer .link h3{color:#fff;font-size:12px;float: left;}
.footer .link h3 font{color: #a8a8a8;margin-left: 5px;}
.footer .link a{color:#a8a8a8;font-size:12px;display: inline-block;padding: 0 15px;font-size:12px;line-height: 9px;;}
.footer .link a:last-child{border:none;}
.footer a:hover{color:#fff}
/*==分页↓==*/
#pages{float:left;width:100%; margin:40px 0 50px 0; /*! text-align:center; */}
#pages span{border:0px #ddd solid;padding:8px 12px;margin:0 5px; color:#fff;transition: all .4s ease-in-out;}
#pages a{border:1px #ddd solid;padding:8px 12px; margin:0 5px;transition: all .4s ease-in-out;}
#pages a:nth-child(1),#pages a:nth-child(3),#pages a:nth-last-child(2){}
#pages a:hover{color:#fff; background:#3486a8;}

#page{float:left;width:100%; padding:10px 0 30px 20px;  /*! text-align:center; */ background-color:#fff;}
#page span{border:0px #ddd solid;padding:8px 12px;margin:0 5px;  color:#fff;transition: all .4s ease-in-out;}
#page a{border:1px #ddd solid;padding:8px 12px; margin:0 5px;background:#fff;transition: all .4s ease-in-out;}
#page a:nth-child(1),#pages a:nth-child(3),#pages a:nth-last-child(2){}
#page a:hover{color:#fff; background:#3486a8;}


.page-num{ background-color:#FFFFFF;color:#666;}
.page-num-current{background-color:#3486a8; color:#FFFFFF; cursor: default; pointer-events:none;}
.Last_page { background-color:#fff;}
.next_page{ background-color:#fff;}
.previous_page { background-color:#fff;}
.first_page{ background-color:#fff;}