@charset "utf-8";
/*~~~~框架布局~~~*/
html{verflow:-Scroll;overflow-x:hidden;zoom:1;overflow-y:scroll;overflow:-moz-scrollbars-vertical;}
/*==版心定义↓==*/
.container{width:1600px;}
a:hover{color:#005ad2}



html{margin:0;padding:0;border:0;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;-webkit-tap-highlight-color:rgba(0,0,0,0)}
body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,code,del,dfn,em,q,dl,dt,dd,ol,ul,li,fieldset,form,legend,caption,tbody,tfoot,thead,article,aside,dialog,figure,footer,header,hgroup,nav,section{list-style:none;margin:0px;padding:0px;font:inherit;vertical-align:baseline}
article,aside,details,figcaption,figure,dialog,footer,header,hgroup,menu,nav,section{display:block}
body{line-height: 1.5;font-size:14px;color:#333;background:#fff;font-family:"Microsoft YaHei","simsun","Helvetica Neue",Arial,Helvetica,sans-serif}
img{border:0;vertical-align:bottom}
::-webkit-input-placeholder{color:#999}
:-moz-placeholder{color:#999}
::-moz-placeholder{color:#999}
:-ms-input-placeholder{color:#ccc}
*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
*:before,*:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
button::-moz-focus-inner,input::-moz-focus-inner{padding:0;border:0}
textarea{overflow:auto}
input:focus,textarea:focus,button:focus,select:focus{outline:0}
input::-ms-clear{display:none}
article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block}
audio,canvas,progress,video{display:inline-block;vertical-align:baseline}
audio:not([controls]){display:none;height:0}
[hidden],template{display:none}
a{background:transparent}
a:active,a:hover{outline:0}
a:focus{outline:thin dotted;outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}
abbr[title]{border-bottom:1px dotted}
b,strong{font-weight:bold}
table{border-spacing:0;border-collapse:collapse}
td,th{padding:0}
h1,h2,h3,h4,h5,h6,b{margin:0px 0px;padding:0px 0px; font-weight:400}
a{color:#666666;text-decoration:none;outline:none;blr:expression(this.onFocus=this.blur());}
a:hover{text-decoration:none;}
a:focus{outline:none;}
em{font-style:normal}
img{max-width:100%;}
/*--*/
.wh{width:100%;}
.eps{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;-ms-text-overflow:ellipsis;}
.fl{float:left;}
.fr{float:right;}
.fn{font-weight:normal;}
.cl:after,.clearfix:after{clear: both; content: "."; display: block; height: 0; overflow: hidden; visibility: hidden;}
.clear{clear:both;}
.cl,.clearfix{zoom:1;}
.center{text-align:center;}
.hide{overflow:hidden;}
.pcI{display: block;}
.wapI{display: none;}
.flatI{display: none;}
.maxWidth{max-width:100%;}
.ingBox{padding:50px 0;}
div .imgPD{position:relative;padding-top:100%;}
div .imgPD img,div .imgPD .effect-one-img{position:absolute; left:0;top:0; display:block;width:100%;height:100%;}
div .imgPD11{position:relative;padding-top:110%;}
div .imgPD70{position:relative;padding-top:70%;}
div .imgPD13{position:relative;padding-top:130%;}


/*==通用↓==*/
.container{ width:1600px;min-width:320px; margin: auto;}
.wor,.wx,.wor-content{line-height:24px; color:#666; font-size:13px;}
.wor h1.wor ,h2,.wor h3,.wor h4,.wor h5,.wor h6,.wor b{font-size:800;color:#333}


/*==效果transition:0.4s↓==*/
.slow,.slow a,.slow p,.slow li,.slow td,.slow input,.slow button,.slow select.slow textarea,.slow em,.slow img,.slow span,.slow hr,.slow h1,.slow h2,.slow h3,.slow h4,.slow h5,.slow h6,.slow b,.slow u,.slow *:before,.slow *:after{-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;-ms-transition:all .4s ease-in-out;transition:all .4s ease-in-out;}


/*==图片效果↓==*/
.effect-one{position:relative;box-sizing:border-box;-webkit-transition:all .7s ease-in-out;-moz-transition:all .7s ease-in-out;-o-transition:all .7s ease-in-out;-ms-transition:all .7s ease-in-out;transition:all .4s ease-in-out;overflow:hidden}
.effect-one .effect-one-img{position:relative;display:block;width:100%;padding:0;margin:0;opacity:1;-webkit-transition:all .7s ease-in-out;-moz-transition:all .7s ease-in-out;-o-transition:all .7s ease-in-out;-ms-transition:all .7s ease-in-out;transition:all .7s ease-in-out;overflow:hidden}
.effect-oneBox:hover .effect-one-img,.effect-one:hover .effect-one-img{/*opacity:.9;*/-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-o-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1)}


/*==图片默认==*/
.ImgPrimary{background:url(../images/imgprimary.gif) no-repeat center center;}
.ImgDisappear{background:url(../images/imgdisappear.png) no-repeat center center;}
/*-应用块-*/
.mainBox{position:relative;}
.navWap-mask{width:100%;height:100%;background:#000;opacity:0.5;position:absolute;top:0;z-index:1;display:none;overflow:hidden;transition:all 0.5s;/*! max-width:640px; */margin:0 auto;}


/*图片居中*/
.DwellPic .pic{position: relative;padding-top:74%;z-index:2;border:1px #ddd solid; transition:all .4s ease-in-out;overflow:hidden;background: #f9f9f9;}
.DwellPic .pic{ display: -webkit-box !important; display: -webkit-flex !important;display: -ms-flexbox !important;display: flex !important;-webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center;justify-content: center; -webkit-box-align: center;  -webkit-align-items: center;-ms-flex-align: center;align-items: center}
.DwellPic .pic img{position: absolute;top:0;left:0; width:100%;height:100%;max-width:100%;max-height:100%;}
.DwellPic .pic:before,.DwellPic .pic:after{content: "";position: absolute;transition: all .4s ease-in-out;}
.DwellPic .pic:before{content:""; position: absolute; left:0;top:0;right:0;bottom:0;margin:auto;text-align: center;z-index:1;width:50px;height:50px;background: url(../images/icon01.png) no-repeat 0 50px;}
.DwellPic .pic:after{opacity: 0; left:0;top:0;width:100%;height:100%;background: rgba(0,0,0,0.4);}
.DwellPic .pic:hover,.DwellPic li:hover .pic{border-color:#999}
.DwellPic .pic:hover img,.DwellPic li:hover .pic img{transform:scale(1.1)}
.DwellPic .pic:hover:after,.DwellPic li:hover .pic:after{opacity: 1}
.DwellPic .pic:hover:before,.DwellPic li:hover .pic:before{background-position:0 0 }
/*--*/
.DwellPic.dp2 .pic{height:260px;padding-top:0px !important;}
.DwellPic.dp2 .pic img{position:initial; width:auto;height:auto;}


/*==banner↓==*/
#bannerBox{width:100%;}
#bannerBox .swiper-container{width: 100%;height: 100%;margin-left: auto;margin-right: auto;}
#bannerBox .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;}
#bannerBox .swiper-slide img{max-width:100%; display: block}
#bannerBox .swiper-button-prev,.bannerBox .swiper-button-next{display:none;left:50px; background-image:none }
#bannerBox .swiper-button-next{left:auto;right:50px;}
#bannerBox .swiper-button-prev:before,.bannerBox .swiper-button-next:before{ color:#fff;font-size:80px;}
#bannerBox .spot{bottom:50px}
#bannerBox .spot span{opacity: 1;z-index:2;cursor:pointer;margin:0 10px !important;display:inline-block;width: 35px;height: 35px;line-height: 33px;/* line-height:initial; */ *display:inline;zoom:1;border-radius:100%;position:relative;border: 1px rgba(255,255,255,0) solid;transition:all 0.3s;background: none;}
#bannerBox .spot span:after{content:"";position:absolute;width:6px;height:6px;top: 13px;left: 13px;border-radius:100%;background:#fff;transition: all .4s ease-in-out;}
#bannerBox .spot span font{opacity:0;position: relative;font-size:14px;color: #fff;transition: all .4s ease-in-out;}
#bannerBox .spot span font:before{display: none; position: absolute;content: "";left:0;bottom:-3px;width:100%;height:2px;background:#fff; transition:transform .4s;transform: scale(0,1);transform-origin:right;}
#bannerBox .spot .swiper-pagination-bullet-active{border-color:#fff}
#bannerBox .spot .swiper-pagination-bullet-active font{opacity:1}
#bannerBox .spot span.swiper-pagination-bullet-active font:before{transform: scale(1);transform-origin:left;}
#bannerBox .spot .swiper-pagination-bullet-active:after{ opacity: 0}
#bannerBox .swiper-slide .pc{}
#bannerBox .swiper-slide .mobile{display: none;}

@keyframes tits{
from{transform:translateY(-10px);}
to{transform:translateY(0px);}
}

@keyframes hrs{
from{ width:0px;}
to{ width:30px;}
}
@keyframes novs{
from{transform:translateY(10px);}
to{transform:translateY(0px);}
}

/*缩小停止*/
@-webkit-keyframes minus{from{-webkit-transform: matrix(1.05, 0, 0, 1.05, 0, 0); transform: matrix(1.05, 0, 0, 1.05, 0, 0);}
to{-webkit-transform: matrix(1, 0, 0, 1, 0, 0); transform: matrix(1, 0, 0, 1, 0, 0);}}
@keyframes minus{from{-webkit-transform: matrix(1.05, 0, 0, 1.05, 0, 0); transform: matrix(1.05, 0, 0, 1.05, 0, 0);}
to{-webkit-transform: matrix(1, 0, 0, 1, 0, 0); transform: matrix(1, 0, 0, 1, 0, 0);}}



/*-响应式-*/
@media (max-width:1920px){


}




@media (max-width:1200px){



}



@media (max-width:1024px){



}



@media (max-width:760px){



}

.wid1400{ max-width:1600px; margin:auto;}


/*==字符串↓==*/
i,.iof{font-style: normal;font-family: "iconfont";line-height:1;transition: all .4s ease-in-out}
@font-face {
  font-family: 'iconfont';  /* project id 1963410 */
  src: url('../fonts/font_1963410_5iznhqq1s9h.eot');
  src: url('../fonts/font_1963410_5iznhqq1s9h.eot') format('embedded-opentype'),
  url('../fonts/font_1963410_5iznhqq1s9h.woff2') format('woff2'),
  url('../fonts/font_1963410_5iznhqq1s9h.woff') format('woff'),
  url('../fonts/font_1963410_5iznhqq1s9h.ttf') format('truetype'),
  url('../fonts/font_1963410_5iznhqq1s9h.svg#iconfont') format('svg');
}
/*==顶部↓==*/
.fixed-top.header{ position: fixed;width:100%;z-index:99; padding:10px 0;height:80px;box-shadow: 0 0 10px #999;  }
.fixed-top.header:before{opacity:0.9; height:100%;}
.fixed-top.header .logo img{ height:60px;margin-top:0px}
.fixed-top.header .nav{margin-top: 20px;}
.fixed-top.header .nav > li > a{padding-bottom: 26px;}
.fixed-top.header .tel{ margin-top: 10px; }
/*--*/
.header{position: fixed;top: 0;z-index:99;width: 100%;padding:20px 0;height:100px;border-bottom: 1px solid rgba(255,255,255,0);}
.header:before{opacity:0; content:"";position:absolute;bottom:0;z-index:-1;width:100%;height:80%;background: #005ad2;transition: all .4s ease-in-out;}
.header .logo{float:left;}
.header .logo img{ margin-top:-12px;/* max-height: 100%; */transition: all .4s ease-in-out;}
.header .tel{position: relative;float: right;margin: 15px 0 0 60px;font-size: 22px;color: #fff;}
.header .tel:before{content: "\e618";font-family: "iconfont";/* position: absolute; *//* left:0; */margin-right: 10px;font-weight: 400;color: #fff;}
.header .nav{display:flex;float: right;margin-top: 20px;}
.header .nav > li{/* flex: 1; */float: left;margin-left: 40px;position: relative;}
.header .nav > li > a{position: relative;display: block;color: #fff;font-size:16px;text-align: center;padding-bottom: 35px;}
.header .nav > li > a:after{content:"";position: absolute;left:0;bottom:0;width:100%;height:2px;background: #fff;transition:transform .5s;transform: scale(0,1);transform-origin:right;}
.header .nav > li:hover > a,.header .nav > li.active > a{color:#fff; }
.header .nav > li:hover > a:after,.header .nav > li.active > a:after{transform: scale(1);transform-origin:left;}
.header .nav .sub{display:none;width: 300%;left:-100%;top: 100%;position:absolute;border:1px #ddd solid;background: rgba(255,255,255,1);padding: 10px 0;z-index: 999;text-align: center;/* box-shadow: 0 0 10px #ddd; */}
.header .nav .sub a{display: block;color: #5e5e5e;font-size: 14px;padding:8px 10px;}
.header .nav .sub a:hover{color:#fff; background: #005ad2;}
.header .nav .sub.two{width: 600%;left: -250%;}
.header .nav .sub.two a{float: left;width:50%;}
/*.header .nav li:last-child .sub{display: none !important;}*/
/*==次级导航↓==*/
.menu{position: relative;width:100%;margin-top: -70px;border-bottom: 1px #e8e8e8 solid;}
.menu .container{padding: 0 30px;overflow:hidden;border-radius:10px 10px 0 0;background: rgba(255,255,255,0.95);}
.menu ul{float: left;}
.menu li{float: left;display: inline-block;}
.menu li a{position:relative;z-index:2;height: 70px;display: block;margin:0 0px;color: #333;font-size:18px;overflow: hidden;padding: 22px 0px;margin: 0 25px;}
.menu li a:after{content: "";position: absolute;left:0;bottom:0;z-index:-1;width:100%;height:3px;background: #005ad2;transition:transform .5s;transform: scale(0,1);transform-origin:right;}
.menu li:hover a,.menu li.active a{ color:#005ad2;border-color:#005ad2 }
.menu li:hover a:after,.menu li.active a:after{ transform: scale(1);transform-origin:left;}
.menu .right{ margin: 25px 0 0 0;}
.menu .right .home i{color:#333;font-weight:bold;font-size:16px;margin-right:10px;}
.menu .right a{color:#666;font-size:12px;}
.menu .right a:hover{color:#2e3093}
/*==面包屑↓==*/
.site{}
.site .container{padding: 20px 0;border-bottom:1px #ddd solid;}
.site .home i{color:#333;font-weight:bold;font-size:16px;margin-right:10px;}
.site a{color:#666;font-size:12px;}
.site a:hover{color:#2e3093}
.site .more{float:right;color:#fff;font-size:14px;padding: 5px 10px;margin-top: -5px;background: #666;}
.site .more:hover{color:#fff; background: #005ad2;}
/*==标题↓==*/
.titleAx{color:#212121;font-size:44px;font-weight: bold;}  
.titleAx span{line-height:1;display: block;color:#d9d9d9;font-size:40px;font-weight: 400;letter-spacing: -1px;text-transform: Uppercase;}
.titleAx font{color:#005ad2}
.titleAx hr{display: block;margin: 12px auto 5px;width: 40px;height: 2px;border:none;background: #005ad2;}
.titleAx.cen{text-align: center;margin-bottom:50px;}
.titleAx.m30{margin-bottom:30px}
.titleAx.m40{margin-bottom:40px}
.titleAx.white,.titleAx.white b,.titleAx.white span{color:#fff}
/*--*/
.titleBx{color:#000123;font-size:40px;margin-bottom:50px; text-align: center;}
.titleBx span{display: block; margin:10px auto 0;color:#bdbdbd;font-size:14px;font-weight:400}
.titleBx hr{display: block;margin: 10px auto 0;width: 40px;height: 2px;border:none;background: #0d9edb;}
.titleBx.cen{text-align: center;}
.titleBx.white,.titleBx.white span{color:#fff}
.titleBx.tTop{margin:50px 0 -20px 0;}
/*==边距↓==*/
.ptm60{padding:60px 0}
.ptm80{padding:80px 0}
.ptm100{padding:100px 0}
.pt60{padding-top:60px}
.pt80{padding-top:80px}
.pt100{padding-top:100px}
.pm60{padding-bottom:60px}
.pm80{padding-bottom:80px}
.pm100{padding-bottom:100px}
/*--*/
.mtm60{margin:60px 0}
.mtm80{margin:80px 0}
.mtm100{margin:100px 0}
.mt60{margin-top:60px}
.mt80{margin-top:80px}
.mt100{margin-top:100px}
.mm60{margin-bottom:60px}
.mm80{margin-bottom:80px}
.mm100{margin-bottom:100px}
/*句段限制*/
.abbr{width: 100%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.lcp{-webkit-line-clamp: 2;display: -webkit-box;word-break: break-all;text-overflow: ellipsis;-webkit-box-orient: vertical;overflow: hidden;}
/*===内页框↓==*/
.rack{float:left;width:100%;padding:70px 0 80px 0;}
.rackWor{}
.rack .lefter{width:24%}
.rack .righter{width:76%;padding-left:50px;}
.rack .leftNs{width:70%;}
.rack .rightNs{width:30%;}
/*==左侧导航↓==*/
.leftNav .title{position: relative;color:#fff;font-size:40px;font-weight:bold;padding:30px 30px;background: #005ad2;}
.leftNav .title span{display: table-footer-group;color:#fff;font-size:16px;font-weight:400;}
.leftNav .title em{display: none; position: absolute;top:20px;right: 20px;float:right;font-size:16px;}
.leftNav .title em i{margin-left:5px}
.leftNav ul{border: 1px #eee solid;overflow: hidden;background: #f5f5f5;}
.leftNav ul > li{border-bottom:1px #e5e5e5 solid}
.leftNav ul > li > a{position: relative;z-index: 2;display: block;color:#2e2e2e;font-size:18px;padding: 18px 30px;}
.leftNav ul > li > a:after{opacity: 0; content: "";position: absolute;left:0;top:0;z-index: -1;width:100%;height:100%;transform:translateX(15px); background: #005ad2;transition: all .4s ease-in-out;}
.leftNav ul > li > a i{font-size: 12px;font-weight:bold;margin-right: 5px;color: #2e2e2e;}
.leftNav ul > li:hover > a,.leftNav ul > li.active > a{color:#fff;padding-left:40px;} 
.leftNav ul > li:hover > a i,.leftNav ul > li.active > a i{color:#fff} 
.leftNav ul > li:hover > a:after,.leftNav ul > li.active > a:after{opacity:1;transform:translateX(0px);}
/*==左侧联系↓==*/
.connection{margin-top: 30px;padding:20px;border: 1px #ddd solid;overflow: hidden;/* background:#eee; */}
.connection .tit{/* float:left; */color:#333;font-size: 18px;font-weight: bold;padding-bottom: 20px;margin-bottom: 20px;border-bottom: 1px #ddd solid;}
.connection .tit .more{float:right;display:block;color:#666;font-size:13px;margin-top: 5px;}
.connection .tit .more:hover{color:#005ad2}
.connection .tel{position: relative;display: block;font-size:12px;color: #858585;padding-left:50px;margin-bottom: 20px; word-wrap: break-word;word-break: normal;}
.connection .tel font{display:block;color:#005ad2;font-size:24px;margin-top: 5px;line-height:25px;font-weight: bold;}
.connection .tel:before{content: "\e611";font-family: "iconfont";position: absolute;left:0;margin-right: 10px;font-weight: 400;color:#333;font-size: 36px;}
.connection .wx{color:#666;font-size:14px;line-height:24px}
.connection .ewm{display: table;margin-top: 20px;}
.connection .ewm img{max-width: 100px;}
.connection .ewm font{vertical-align: middle;color: #666;font-size: 14px;padding-left: 30px;}
.connection .ewm font hr{float: left;width: 30px;height:1px;margin: 7px 10px 0 0;border:none;background: #aaa;}
.connection .ewm img,.connection .ewm font{display:table-cell;}
/*==滚动切换效果↓==*/
.Cuter{margin:60px auto 0;position: relative;padding: 0 30px;display: table;}
.Cuter .spot{position: initial;bottom: 25px;/* float: right; */text-align: right;}
.Cuter .spot span {opacity:1;position:relative;width: 10px;height: 10px;margin: 0 10px;font-family: "iconfont";background:#fff;}
.Cuter .spot .swiper-pagination-bullet-active{background: #005ad2;}
.Cuter .btn{top:0px;color:#005ad2;font-size: 20px;font-weight:bold;width: auto;height: auto;margin: 0px;background: none;}
.Cuter .pv{left:0} 
.Cuter .nt{right:0} 
.Cuter .btn:hover{color:#ddd}
/*==首页top模块↓==*/
.TopHome{padding: 30px 0;background:-webkit-linear-gradient(left, #23518e, #23518e); }
.TopHome ul{display: flex;flex-flow: row wrap;align-content: flex-start;}
.TopHome li{position:relative;float:left;width: 20%;padding: 0px 10px; border-right: 1px #39639a solid;/* overflow:hidden; */}
.TopHome li:last-child{border-right:none}
.TopHome li a{position: relative;display: table;margin: auto;padding-left: 70px;} 
.TopHome li em{/* float:left; */position: absolute;left: 0;top: -3px;z-index:2;display: table-cell;width: 60px;height: 60px;border-radius:50%;/* margin-right: 20px; */background-repeat:no-repeat;background-position: center;background-color: #39639a;/* background-color: #000; */}
.TopHome li h4{display: table;color:#fff;font-size:18px;margin-bottom: 2px;}
.TopHome li span{display: table;color:#fff;font-size:14px;}
.TopHome li:hover a{transform:translateY(-5px) } 
.TopHome li:hover h4{color:#fff}
.TopHome li:hover span{color:#fff}
.TopHome ul .x1 em{background-image:url(../images/tophomeico01.png);}
.TopHome ul .x2 em{background-image:url(../images/tophomeico02.png);}
.TopHome ul .x3 em{background-image:url(../images/tophomeico03.png);}
.TopHome ul .x4 em{background-image:url(../images/tophomeico04.png);}
.TopHome ul .x5 em{background-image:url(../images/tophomeico05.png);}
/*==首页产品↓==*/
.ProductHome{ background: url(../images/productbg.jpg) no-repeat center;background-size:cover;}
.ProductHome .left{width: 23%;}
.ProductHome .left li{}
.ProductHome .left li a{background: #f2f2f2;}
.ProductHome .left li:nth-child(even) a{background:#ededed}
.ProductHome .left a{position: relative;z-index:2;display: block;padding: 22px 30px;color:#212121;font-size:20px;overflow:hidden;}
.ProductHome .left a:before{content:"\e65b";position:absolute;right: 20px;top: 50%;margin-top: -12px;color:#dddddd;font-size: 25px;font-style: normal;font-family: "iconfont";line-height:1;}
.ProductHome .left a:after{opacity:0;content:"";position: absolute;left:0;bottom:0;z-index:-1;width:100%;height:100%;background:#005ad2;transform: translateX(10px)}
.ProductHome .left .active a{color:#fff;}
.ProductHome .left .active a:before{color:#fff;transform: translateX(5px)}
.ProductHome .left .active a:after{opacity:1;transform: translateX(0px)}
.ProductHome .top{margin-bottom:20px}
.ProductHome .right{width: 75%;}
.ProductHome .right .thumb{display: block;float:left;width: 69%;}
.ProductHome .right .thumb img{display: block;width: 100%;height: 100%;object-fit: cover;}
.ProductHome .right .box{float:right;width: 30%;padding: 60px 40px;background: url(../images/bg04.jpg);}
.ProductHome .right .box h4{color:#fff;font-size: 24px;margin-bottom: 25px;}
.ProductHome .right .box p{-webkit-line-clamp: 8;color:#fff;font-size:14px;line-height: 24px;}
.ProductHome .right .box .more{display: table;color:#005ad2;font-size:13px;margin-top:40px;padding:10px 30px;border-radius: 5px;background: #fff;}
.ProductHome .right .box .more:hover{color:#fff;background:#005ad2}
.ProductHome .thumb,.ProductHome .box{height: 445px;}

@keyframes scale
{
  from {transform:scale(1);}
  50% {transform:scale(1.1);}
  to {transform:scale(1);}
}

/*==首页关于↓==*/
.AboutHome{ background: url(../images/aboutbg.jpg) no-repeat center;background-size:cover ;}
.AboutHome .top{display: table;}
.AboutHome .left{width:50%;padding-right:50px;}
.AboutHome .left .title{color:#212121;font-size:44px;margin-bottom:30px;}
.AboutHome .left .title span{display: block;color:#999;font-size:24px}
.AboutHome .left .wx{color:#666666;font-size:16px;line-height: 28px;}
.AboutHome .digital{width:100%;margin-top: 50px;display: flex;flex-flow: row wrap;align-content: flex-start;}
.AboutHome .digital li{/* flex: 1; */float:left;width:25%;display: block;}
.AboutHome .digital li a{display: block;line-height: 1;padding-right: 20px;}
.AboutHome .digital li span{color:#212121;font-size:45px;}
.AboutHome .digital li font{color:#666;font-size:16px;margin-left: 5px;}
.AboutHome .digital li h5{color:#666666;font-size:16px;margin-top: 8px;}
.AboutHome .left .more{display: table;margin-top: 60px;color:#666;font-size:14px;border:#666 solid 1px;padding: 8px 30px;}
.AboutHome .left .more:hover{color:#fff;border-color:#005ad2; background:#005ad2;}
.AboutHome .right{width:50%; vertical-align: bottom;}
.AboutHome .left,.AboutHome .right{float:none;display: table-cell;}
.AboutHome .down{margin-top:40px;}
/*.AboutHome .list{margin:0 0 -30px -30px}
.AboutHome .list li{float:left; width:25%; }
.AboutHome .list li img{max-width:100%;width:100%;}*/
.AboutHome .list li a{display:block;/*margin:0 0 30px 30px*/}
.AboutHome .list li .pic{border: 1px #eee solid; background: #f9f9f9;}
.AboutHome .list li:hover .pic{border: 1px #0054b4 solid;}
.AboutHome .list li h4{color:#666;font-size: 15px;text-align: center;margin-top:15px;}
.AboutHome .list li:hover h4{color:#0054b4;}
/*==首页新闻↓==*/
.NewsHome{}
.NewsHome .tone{}
.NewsHome .tone{position:relative;width: 100%;overflow:hidden;text-align: center;margin-bottom: 50px;} 
.NewsHome .tone li{display: inline-block;cursor: pointer;}
.NewsHome .tone a{position:relative;z-index:2; display: block;margin: 0 25px;padding: 10px 40px;color: #666;font-size:16px;border-radius:5px;overflow: hidden;background: #f6f8f9;} 
.NewsHome .tone a:after{content:"";position: absolute;left:0;bottom:0;z-index:-1;width:100%;height:100%;background:#005ad2;transition:transform .5s;transform: scale(0,1);transform-origin:right;}
.NewsHome .tone .active a{color: #ffffff; }
.NewsHome .tone .active a:after{transform: scale(1);transform-origin:left;}
.NewsHome .list{column-count: 2;column-gap: 40px;orphans: 1;widows: 1;}
.NewsHome .list li{width:100%;display: inline-block;}
.NewsHome .list h4{max-width: 100%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.NewsHome .list a{display: block;position: relative;}
.NewsHome .left{width:49%}
.NewsHome .right{width:49%;}
.NewsHome .list .one h4{position: absolute;left:0;bottom:0; right:0;color:#fff;font-size:18px;padding:20px 50px;font-weight: bold; background: rgba(0,0,0,0.5);}
.NewsHome .list .one{float: left;/* width: 49%; */background: #fff;}
.NewsHome .list .one .pic{height: 420px;}
.NewsHome .list .one .pic img{display: block;width: 100%;height: 100%; object-fit: cover;} 
.NewsHome .list .one:hover h4{background:#005ad2} 
.NewsHome .list .two{padding: 0px 50px 30px 50px;margin-bottom: -15px;background:#f6f8f9;}
.NewsHome .list .two a{} 
.NewsHome .list .two h4{float:left;max-width:70%;color:#414141;font-size:16px;font-weight:bold;}
.NewsHome .list .two span{display:block;float:right;font-size:14px;color:#999;font-weight:400;}
.NewsHome .list .two a:hover{color:#005ad2;transform:translateX(5px)}
.NewsHome .list .two:nth-child(2){padding-top: 25px;}
.NewsHome .list .three{/* float: right; *//* width: 49%; */margin-bottom:20px;background: #f6f8f9;}
.NewsHome .list .three a{padding: 20px 40px 20px 170px;}
.NewsHome .list .three h4{color:#212121;font-size:18px;margin-bottom:20px;font-weight: bold;}
.NewsHome .list .three p{/* display: table; */color:#666666;font-size:14px;}
.NewsHome .list .three .time{position: absolute;left: 0;top: 0;bottom: 0;color:#fff;font-size:36px;text-align: center;padding: 30px 25px;background: #005ad2;}
.NewsHome .list .three .time font{color:#fff;font-size:16px;display: block;}
.NewsHome .list .three .box{/* float: right; */display: inline-block;}
.NewsHome .list .three:hover{box-shadow: 5px 5px 10px #aaa;}
.NewsHome .list .three:hover h4{color:#005ad2}
/*--*/
.newsRe-list{/* width:100%; */margin: 40px 0 -20px -20px;display: flex;flex-flow: row wrap;align-content: flex-start;overflow: hidden;}
.newsRe-list li{float:left;width:50%;margin-bottom:20px;}
.newsRe-list a{display:block;padding: 30px;margin-left:20px;border: solid 1px #e4e4e4;box-shadow: 0 0 10px #f5f5f5;background: #fff;}
.newsRe-list li p{-webkit-line-clamp: 1;font-size:14px;color:#666666;line-height:24px;margin-bottom:22px;}
.newsRe-list li h4{margin-bottom:10px;color:#333333;font-size: 18px;/* font-weight:bold; */width: 100%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.newsRe-list li .time{display:block;color:#999;font-size:12px; }
.newsRe-list li:hover a{box-shadow:0 0 10px #ddd}
.newsRe-list li:hover h4{color:#005ad2}


/*==产品列表↓==*/
.product-list{margin:0 0 -20px -20px;display: flex;flex-flow: row wrap;align-content: flex-start;}
.product-list li{display: inline-block;width:33.3%;margin-bottom:20px; text-align: center;}
.product-list a{margin-left:20px;}
.product-list a,.ProSwi a{display: block;height:100%}
.product-list .pic,.ProSwi .pic{padding-top:80%; box-shadow: 0 0 10px #ddd;} 
.product-list .pic:before,.ProSwi .pic:before{opacity:0;content: "\e629";position: absolute;left:0;top:0;right: 0;z-index:2;bottom: 0;width:50px;height:50px;margin: auto;font-size: 40px;color:#fff;font-style: normal;font-family: "iconfont";line-height:1;transform: translateX(-8px);transition: all .4s ease-in-out;}
.product-list .pic:after,.ProSwi .pic:after{opacity:0; content: ""; position: absolute;left:0;top:0;width:100%;height:100%; background: #005ad2;}
.product-list h4,.ProSwi h4{color:#212121;font-size:16px;margin-top:20px;text-align: center;}  
.product-list li:hover .pic:before,.ProSwi li:hover .pic:before{opacity:1;transform: translateX(0px);}
.product-list li:hover .pic:after,.ProSwi li:hover .pic:after{opacity:0.4;}
.product-list li:hover h4,.ProSwi li:hover h4{color:#005ad2} 
.product-list.lx4 li{width:25%}
.ProSwi li{padding:5px}





/*底部*/

.foot{background:#333; padding:50px 0 30px 0; overflow:hidden;}


.contant_line_box { width:100%; float:left;}
.contant_line_box ul li{ width:20%; float:left;}
.contant_line_box ul li p{color:#fff; font-size:14px; line-height:25px;}
.contant_line_box ul li.dz{width:25%;}
.contant_line_box ul li img.ioc{margin-top:10px; margin-bottom:15px;}
.contant_line_box ul li.ewm{ width:132px; text-align:center; float:right;}


.footer{width:100%;text-align: center;color:#999;line-height:25px; font-size:14px; float:left; margin-top:15px;}


@charset "utf-8";


/*==响应↓==*/
@media all and (max-width:1920px){


}


@media all and (max-width:1800px){
.Srll-gate{padding:0 50px}
.Srll-gate .btn{left:0}
.Srll-gate .nt{left:auto; right:0}
    
}
    

@media all and (max-width:1600px){
.container{width:1400px;}	
/*--*/	
.AboutInner .introduce{padding-bottom:300px;}
/*--*/
.footer .nav li {padding-right: 45px;  }

}


@media all and (max-width:1440px){
.container{width:1200px;}
/*--*/	
.header .tel font{display: none;}	
.header .nav > li{margin-left:30px;}
/*--*/
.ApplyHome .gallery-top li a{height:600px}
/*--*/
.case-list li .pic .box{ padding:20px 40px;}	
/*--*/
.AboutHome .digital li span{font-size:40px}
/*--*/
.AboutInner .introduce{padding-bottom:200px;}
/*--*/
.footer .nav{}
.footer .nav li{padding-right: 25px;}
.footer .ewm{margin-left: 4%;}
.footer .right{margin-left:0px;width: 25%;}

}


@media all and (max-width:1200px){

.container{width:1000px;}	
/*--*/
.header .tel{display: none;}	
/*--*/
.ProductHome .left{margin:0 0 10px -10px;width: 100%;height: auto;display: flex;flex-flow: row wrap;align-content: flex-start;background:none;}
.ProductHome .left li{flex-grow: 1;display: inline-block;width: 33.3%;margin-bottom:10px;}
.ProductHome .left a{height:100%;padding: 15px 10px;font-size: 16px;margin-left:10px;background: #eee;text-align: center;}
.ProductHome .left a:before{display: none;}
.ProductHome .left a:after{}
.ProductHome .right{width:100%;}
.ProductHome .right .thumb{width:65%}
.ProductHome .right .box{width:34%}
/*--*/
.AboutInner .SrllPho .list li{width:25%;}
.AboutInner .SrllPho .list li:nth-child(4){display: none;}
.AboutInner .culture .titleAx{width:100%;text-align: center;margin-bottom:30px;}
.AboutInner .culture ul{width:100%;}
.AboutInner .culture ul li{margin:0 1% 2% 1%}
.AboutInner .culture ul .box{padding:20px;}
.AboutInner .culture ul h4{font-size:20px;padding: 40px 20px 0 30px;}
.AboutInner .culture ul p{font-size:14px;margin-top:10px;}
/*--*/
.Cuter{margin:40px auto 0; }
/*--*/
.footer .nav{display: none;}
.footer .right{float:left;width:auto;}

}


@media all and (max-width:1024px){	

.container{width:100%;padding-left:10px; padding-right:10px;}
/*--*/
.header{width:100%; height: 80px !important;padding:10px 0 !important; }
.header .logo img{height:55px !important;width:auto;margin-top:0px}
.header .nav{display: none;}
.header .tel{display: none;}
/*--*/	
.navWap-trigger{margin-top: 15px;}
.navWap-block{top: 80px;}
.fixed-top{ position:fixed;z-index:99;width:100%; background: #fff}
/*--*/
.rack{padding:40px 0 60px 0}
.rack .lefter{margin-bottom:30px;}
.rack .lefter{width:100%}
.rack .righter{width:100%;padding-left:0px;}
.rack .lefter .connection{display:none}
/*--*/
.menu{margin-top:40px;border:none}
.menu .container{padding: 0 10px;border-radius:0px;}
.menu ul{float:none;display: flex;flex-flow: row wrap;align-content: flex-start;}
.menu li{flex-grow: 1;display: inline-block;}
.menu li a{height:auto;font-size:16px;padding: 12px 40px;margin:0 5px 10px 5px;border-radius: 5px; text-align: center; background: #f3f3f3;}
.menu li a:after{display: none;}
.menu li.active a{color:#fff;background:#27a0ce;}
.menu .right{display: none;}
/*--*/
.titleAx{font-size:32px;}  
.titleAx span{font-size:32px; } 
.titleAx hr{ margin:10px auto 2px;width: 40px;height: 2px; }
.titleAx.cen{margin-bottom:30px; } 
.titleAx.m30{margin-bottom:30px}
.titleAx.m40{margin-bottom:30px}
/*--*/
.titleBx{font-size:32px;margin-bottom:30px; }
.titleBx span{margin:5px auto 0;font-size:12px;}
.titleBx.tTop{margin:40px 0 0 0}
/*--*/
.ptm60{padding:40px 0}
.ptm80{padding:40px 0}
.ptm100{padding:50px 0}
.pt60{padding-top:40px}
.pt80{padding-top:40px}
.pt100{padding-top:50px}
.pm60{padding-bottom:50px}
.pm80{padding-bottom:50px}
.pm100{padding-bottom:50px}
/*--*/
.mtm60{margin:40px 0}
.mtm80{margin:40px 0}
.mtm100{margin:50px 0}
.mt60{margin-top:40px}
.mt80{margin-top:40px}
.mt100{margin-top:50px}
.mm60{margin-bottom:40px}
.mm80{margin-bottom:40px}
.mm100{margin-bottom:50px}
/*.DetailCont .lefter{display: none;}*/
.DetailCont .sTopRight .online{float:left;margin-left:0;/*! clear: both;*/}
/*--*/
#bannerBox .swiper-button-prev:before,.bannerBox .swiper-button-next:before{ font-size:60px;}
#bannerBox .swiper-pagination{bottom: 15px;}
/*--*/
.banner-within{height:400px;}
.banner-within .pos{}
.banner-within .box .title{font-size:30px;}
.banner-within .box span{font-size:14px;}
/*--*/
.DwellPic.dp2 .pic{height: 220px;}
/*--*/
.leftNav .title{font-size: 20px;font-weight:400;padding:15px 20px;color: #666;border-top: 1px #ddd solid;border-bottom: 1px #ddd solid;background: #fbfbfb;}
.leftNav .title span{display: none;}
.leftNav .title em{display:block;top: 20px;}
.leftNav ul{display: none;}
.leftNav ul > li > a{font-size:16px;padding: 12px 20px;}
/*--*/
.TopHome{padding: 10px 0;}
.TopHome li{width:33.3%;margin: 15px 0;}
.TopHome li a{padding-left: 60px;} 
.TopHome li em{top: -3px;width: 50px;height: 50px;background-size: 35px;}
.TopHome li h4{font-size:16px;}
.TopHome li span{font-size:13px;}
/*--*/
.HotHome .product-list li{width:33.3%}
.HotHome .product-list li:last-child{display: none;}
/*--*/
.product-list.lx4 li{width:33.3%}
/*--*/
.ProductHome .thumb,.ProductHome .box{height: 400px;}
.ProductHome .right .box{padding: 60px 40px;}
.ProductHome .right .box h4{font-size: 24px;margin-bottom:20px;}
.ProductHome .right .box p{-webkit-line-clamp: 6; }
.ProductHome .right .box .more{font-size:12px;margin-top:20px;  }
 /*--*/
.ApplyHome .gallery-top li a{height: 400px;} 
.ApplyHome .gallery-top .box{margin: 5% 0 0 30px;width: 50%;}
.ApplyHome .gallery-top h3{font-size:28px;margin-bottom: 40px;}
.ApplyHome .gallery-top h3 span{font-size:14px;}
.ApplyHome .gallery-top h3 hr{margin:10px 0 0 0;}
.ApplyHome .gallery-top .wx{-webkit-line-clamp: 6;font-size:14px;line-height: 26px;}
.ApplyHome .gallery-top .wx b{font-size:18px;margin-bottom:18px;}
.ApplyHome .target{margin-top:0px;}
.ApplyHome .gallery-thumbs li{padding:20px 10px;}
.ApplyHome .gallery-thumbs em{margin:0 auto 8px;width: 40px;height:40px; background-size:40px ;}
.ApplyHome .gallery-thumbs h4{font-size:16px; }
/*--*/
.CaseHome .tone{ margin:0 auto 30px; } 
.CaseHome .tone a{padding: 8px 20px;font-size:16px;} 
/*--*/
.case-list{margin:0 0 -20px -20px;}
.case-list h4{font-size:16px;margin-top:12px; }
.case-list li .pic:after{display: none;}
.case-list li .pic .box{display: none;}
/*--*/  
.AboutHome .left{display: block;width:100%;padding-right:0px;}
.AboutHome .left .title{font-size:30px;margin-bottom:20px;}
.AboutHome .left .title span{font-size:14px}
.AboutHome .left .wx{font-size:14px;line-height: 24px;}
.AboutHome .digital{ margin-top: 30px;}
.AboutHome .digital li{width:25%;}
.AboutHome .digital li a{padding-right: 20px;}
.AboutHome .digital li span{font-size:32px;}
.AboutHome .digital li font{font-size:13px;margin-left: 5px;}
.AboutHome .digital li h5{font-size:14px;margin-top: 5px;}
.AboutHome .left .more{margin-top: 40px;font-size:13px;padding: 6px 20px;}
.AboutHome .right{display: none;} 
.AboutHome .down{margin-top:30px;}
/*.AboutHome .list{margin:0 0 -20px -20px}
.AboutHome .list li{width:33.3%; } 
.AboutHome .list li a{ margin:0 0 20px 20px} 
.AboutHome .list li h4{ font-size: 15px;margin-top:12px;} 
.AboutHome .list li:nth-child(n+4){display: none;}*/
/*--*/
.NewsHome .tone{margin:0 0 10px -15px;display: flex;flex-flow: row wrap;align-content: flex-start;} 
.NewsHome .tone li{flex-grow: 1;display: inline-block;width:33.3%;margin-bottom:15px;}
.NewsHome .tone a{margin:0 0 0 15px;padding: 10px 30px;height:100%;} 
.NewsHome .list .one .pic{height: 350px;} 
.NewsHome .list .one h4{font-size: 16px;padding:15px 20px;}
.NewsHome .list .two{padding: 0px 20px 20px 20px;margin-bottom: -10px;} 
.NewsHome .list .two h4{ font-size:15px; }
.NewsHome .list .two span{font-size:12px; } 
.NewsHome .list .two:nth-child(2){padding-top: 20px;}
.NewsHome .list .three{margin-bottom:15px;}
.NewsHome .list .three a{padding: 15px 30px 15px 120px;}
.NewsHome .list .three h4{margin-bottom:15px;}
.NewsHome .list .three p{font-size:13px;}
.NewsHome .list .three .time{font-size:22px;padding: 30px 25px;}
.NewsHome .list .three .time font{font-size:14px;}
/*--*/
.newsRe-list{margin: 30px 0 -15px -15px;}
.newsRe-list li{width:50%;margin-bottom:15px;}
.newsRe-list a{padding: 20px;margin-left:15px;}
.newsRe-list li p{font-size:13px;line-height:22px;margin-bottom:15px;}
.newsRe-list li h4{margin-bottom:10px;font-size: 17px;}
.newsRe-list li:nth-child(n+7){display: none;}
/*--*/
.AboutInner .introduce .long{padding:30px; }
.AboutInner .introduce .wx{font-size: 14px;line-height: 26px;}
.AboutInner .introduce .tit{ font-size:20px;padding-top:30px;margin-top:30px; }
.AboutInner .introduce .tit:before{height:20px;}
.AboutInner .SrllPho{margin-top: 40px;padding-top: 40px; ;} 
.AboutInner .SrllPho .tone{ margin-bottom: 40px;}  
.AboutInner .SrllPho .tone a{ margin: 0 20px;padding: 8px 30px; font-size:15px; }   
.AboutInner .SrllPho .list{ margin:40px 0 -20px -20px}
.AboutInner .SrllPho .list .more span{ font-size: 14px;} 
.AboutInner .number{margin-top:-80px}
.AboutInner .digital{margin:90px 0 20px 0}
.AboutInner .digital li span{font-size:45px;}
.AboutInner .digital li font{font-size:13px; }
.AboutInner .digital li h5{font-size:14px;margin-top: 8px;}
.AboutInner .culture ul .pic,.AboutInner .culture ul h4{max-width: 100%; float:none;}
.AboutInner .culture ul img{width: 100%;height: auto;}
.AboutInner .culture ul h4{width:100%;font-size:20px;padding:30px;}
.AboutInner .culture ul h4 span{font-size:14px;margin-top:10px;}
/*--*/
.DetailCont .top{padding: 0px 0 40px 0;}
.DetailCont .top .left,.DetailCont .top .right{width:100%;}
.DetailCont .top .right{margin-top:40px}
.DetailCont .top .right .title{font-size:22px;padding-bottom:15px;margin-bottom:20px;}
.DetailCont .top .right .wx{margin-bottom:30px;line-height: 22px;-webkit-line-clamp: 6;}
.DetailCont .top .right .parts{ margin: -10px 0 20px 0;}
.DetailCont .top .right .parts h3{font-size: 16px;margin-bottom: 10px;}
.DetailCont .top .right .parts img{width: 30%;}
.DetailCont .top .right .tel{font-size:20px;margin-bottom:30px;padding:15px 0 15px 0px;}
.DetailCont .top .right .btn{padding:10px 30px;font-size:14px;}
.DetailCont .top .right .btn i{font-size:16px;}
.DetailCont .top .right .online{}
.DetailCont .con{margin-top:30px}
.DetailCont .con .tone{margin-bottom:40px;;}
.DetailCont .con .tone li{margin:0 20px 0 0;}
.DetailCont .con .tone li a{font-size:18px;padding: 0px 0px 12px 0;}
.DetailCont .con .long{margin-bottom:30px;padding-bottom:30px;}
.DetailCont .con .title{font-size:18px;margin-bottom:20px;padding-left:20px}
.DetailCont .con .wor{font-size:14px;}
/*--*/
.srllOrso .leftPic, .srllOrso .rightPic{height: 400px;}
/*--*/
.CaseDetail .top{padding: 40px 20px 40px 20px;}
.CaseDetail .top .left,.CaseDetail .top .right{width:100%;}
.CaseDetail .top .right{margin-top:40px}
.CaseDetail .top .right .title{font-size:22px;padding-bottom:15px;margin-bottom:20px;}
.CaseDetail .top .right .wx{margin-bottom:30px;line-height: 22px;-webkit-line-clamp: 6;}
.CaseDetail .top .right .tel{font-size:20px;margin-bottom:30px;padding:15px 0 15px 0px;}
.CaseDetail .top .right .btn{padding:10px 30px;font-size:14px;}
.CaseDetail .top .right .btn i{font-size:16px;}
.CaseDetail .top .right .online{}
.CaseDetail .title{font-size:22px;margin-bottom:30px;}
.CaseDetail .tit{font-size: 20px;}
.CaseDetail .relevant{margin-top:60px}
.CaseDetail .case-list li:nth-child(n+4){ display: none;}
/*--*/
.srllPho .leftPic, .srllPho .rightPic{height: 400px;}
/*--*/
.news-list{ margin:0 0 -20px -15px;}
.news-list li a{ margin:0 0 20px 15px; }  
.news-list .box{padding:20px;}
.news-list h4{ font-size:16px;font-weight:bold;  }
.news-list p{ font-size:14px;line-height:24px}
.news-list .time{margin-top:20px;  font-size:13px;}
.news-list .time i{ font-size: 18px;} 
/*--*/
.NewsDetailBox .lefter{width:100%;}
.NewsDetailBox .righter{width:100%; margin-top:30px;padding:0px  }
.NewsDetailBox .righter .news{ padding: 20px;}
.NewsDetailBox .righter .title{font-size:18px;margin-bottom:20px;padding-left:20px}
.NewsDetailBox .righter .title:before{content:"";position: absolute; left:0;top:10%;width:2px;height: 80%; background: #2e3093;}
.NewsDetailBox .relevant .list{margin:0 0 -20px -20px}
.NewsDetailBox .relevant .list li {float:left;width:50%;margin-bottom:20px}
.NewsDetailBox .relevant .list li a{margin-left:20px;}
.NewsDetailBox .relevant .list li h4 {font-size:16px;}
.NewsDetailBox .righter .connection{display:none}
/*--*/ 
.ContactInner #dituContent{height: 300px;} 
.ContactInner .long{width:100%;}
.ContactInner .long .container{background:none;}
.ContactInner .long .left{width:100%;}
.ContactInner .long .title{font-size:22px;}
.ContactInner .long .tel{margin-top:20px;}
.ContactInner .long .wx{min-height: initial;}
.ContactInner .long .consult{top: 50px;right: 40px;}
/*--*/
.MessageCon .long{padding:30px;}
.MessageCon .title{margin-bottom:20px;}
.MessageCon .title h2{font-size:20px;}
.MessageCon .title .tel{margin-top:20px;font-size:20px;}
.MessageCon .title .tel em{margin-right:10px;font-size:25px;}
/*--*/
.list-box{}
.list-box li{width:33.3%;}
.list-box li a{}
.list-box li h4{font-size: 14px;padding:10px 10px;}
.list-box.lx5 li{width:33.3%}
/*--*/


.contant_line_box ul li.logo{ width:100%; text-align:center;}
.contant_line_box ul li.yx{display:none;}
.contant_line_box ul li.dh{display:none;}
.contant_line_box ul li.dz{display:none;}
.contant_line_box ul li.ewm{ width:100%; text-align:center; padding:20px 0;}
.foot{padding:40px 20px; box-sizing:border-box;}
.xj{display:none;}
.contant_line_box ul li{    width: 100%; float: left;  text-align: center;}


}


@media all and (max-width:760px){

.container{width:100%;padding-left:10px; padding-right:10px;}
/*--*/	
.header{height:55px !important;padding:10px 0 !important;}
.header .logo img{height:35px !important;}
/*--*/	
.navWap-trigger{margin-top: 0;}
.navWap-block{top:55px;}
/*--*/
.rack{padding:40px 0 50px 0}
/*--*/
.banner-within{height:200px;}
.banner-within img{max-width:100%;height: 100%;object-fit: cover;}
.banner-within .pos{}
.banner-within .box{padding:0 20px}
.banner-within .box .title{font-size:22px;}
.banner-within .box hr{margin-top:10px;}
.banner-within .box span{font-size:12px;margin-top:10px}
/*--*/
.menu{margin-top:30px}
.menu ul{margin-bottom:-10px;}
.menu li{display: inline-block;}
.menu li a{font-size:15px;padding: 8px 10px;margin:0 5px 10px 5px}
/*--*/
.site{display: none}
/*--*/
.titleAx{font-size:22px;}  
.titleAx span{font-size:22px;} 
.titleAx hr{ margin: 6px auto 1px;width: 30px;height: 1px; }
.titleAx.cen{margin-bottom:20px; } 
.titleAx.m30{margin-bottom:20px}
.titleAx.m40{margin-bottom:20px}
/*--*/
.titleBx{font-size:22px;margin-bottom:20px; }
.titleBx hr{width:15px}
.titleBx span{margin:5px auto 0;}
.titleBx.tTop{margin:30px 0 0 0}
/*--*/
.ptm60{padding:30px 0}
.ptm80{padding:30px 0}
.ptm100{padding:30px 0}
.pt60{padding-top:30px}
.pt80{padding-top:30px}
.pt100{padding-top:30px}
.pm60{padding-bottom:30px}
.pm80{padding-bottom:30px}
.pm100{padding-bottom:30px}
/*--*/
.mtm60{margin:30px 0}
.mtm80{margin:30px 0}
.mtm100{margin:30px 0}
.mt60{margin-top:30px}
.mt80{margin-top:30px}
.mt100{margin-top:30px}
.mm60{margin-bottom:30px}
.mm80{margin-bottom:30px}
.mm100{margin-bottom:30px}
/**/
#bannerBox .swiper-button-prev{left:10px}
#bannerBox .swiper-button-next{right:10px;}
#bannerBox .swiper-button-prev:before,.bannerBox .swiper-button-next:before{ font-size:30px;}
#bannerBox .spot{bottom: 15px;}
#bannerBox .spot span{margin:0 8px !important;border:none;width:8px;height:8px; background:#fff}
#bannerBox .spot span:after{ display:none }
#bannerBox .spot span font{ display:none } 
#bannerBox .spot .swiper-pagination-bullet-active{ width:20px;border-radius:5px;}
#bannerBox .spot .swiper-pagination-bullet-active:after{  }
#bannerBox .swiper-slide .pc{display: none;}
#bannerBox .swiper-slide .mobile{display: block;}
/*--*/
.DwellPic.dp2 .pic{height: 150px;}
/*--*/
.srllPic{padding:0px}
/*--*/
.Cuter{margin:30px auto 0; padding: 0 20px; }
.Cuter .spot{bottom: 19px;}
.Cuter .spot span {margin: 0 6px;} 
.Cuter .btn{top:3px;font-size: 18px;}
/*--*/
.leftNav .title{font-size: 18px;padding:12px 10px; } 
.leftNav .title em{top: 15px;} 	
.leftNav ul > li > a{font-size:14px}
/*--*/
.TopHome li{margin: 10px 0;}
.TopHome li h4{font-size:15px;}
.TopHome li span{font-size:12px;}
/*--*/
.HotHome .product-list li{width:50%}
.HotHome .product-list li:last-child{display: block;}
/*--*/
.product-list{margin:0 0 -15px -15px; }
.product-list li{ width:50%;margin-bottom:15px; }
.product-list a{ margin-left:15px;}
.product-list h4{ font-size:15px;margin-top:15px;} 
/*--*/
.ProductHome .left{margin:0 0 10px -6px;}
.ProductHome .left li{width: 33.3%;margin-bottom:6px;}
.ProductHome .left a{padding: 10px 5px;font-size: 15px;margin-left:6px;}
.ProductHome .thumb,.ProductHome .box{height: 250px;}
.ProductHome .right .box{padding: 20px 20px;}
.ProductHome .right .box h4{font-size: 16px;margin-bottom:12px;}
.ProductHome .right .box p{-webkit-line-clamp: 5;font-size:13px;line-height: 22px;}
.ProductHome .right .box .more{margin-top:15px;padding: 8px 10px;}
.ProductHome .product-list li:nth-child(n+3){display: none;}
/*--*/
.ApplyHome .gallery-top li a{height: 260px;} 
.ApplyHome .gallery-top .box{width:90%;margin: 5% 0 0 5%}
.ApplyHome .gallery-top h3{font-size:20px;margin-bottom: 20px;}
.ApplyHome .gallery-top h3 span{font-size:12px;}
.ApplyHome .gallery-top h3 hr{margin:5px 0 0 0;}
.ApplyHome .gallery-top .wx{-webkit-line-clamp: 6;font-size:13px;line-height: 24px;}
.ApplyHome .gallery-top .wx b{font-size:15px;margin-bottom:12px;}
.ApplyHome .gallery-thumbs li{padding:12px 5px;}
.ApplyHome .gallery-thumbs em{margin:0 auto 5px;width: 30px;height:30px; background-size:30px ;}
.ApplyHome .gallery-thumbs h4{font-size:14px; }
/*--*/
.CaseHome .tone{ margin:0 auto 20px; } 
.CaseHome .tone a{padding: 6px 20px;font-size:16px;} 
.CaseHome .case-list li:nth-child(n+5){display: none;}
/*--*/
.case-list{margin:0 0 -20px -15px;}
.case-list h4{font-size:15px;margin-top:15px; }
.case-list li{width:50%;margin-bottom:20px}
.case-list li a{margin-left:12px}
/*--*/
.AboutHome .left .title{font-size: 22px;margin-bottom: 20px;}
.AboutHome .left .title span{font-size:12px}
.AboutHome .left .wx{font-size:13px;line-height: 22px;}
.AboutHome .digital{ margin-top: 20px;}
.AboutHome .digital li{width: 25%;}
.AboutHome .digital li a{padding-right: 20px;}
.AboutHome .digital li span{font-size: 30px;}
.AboutHome .digital li font{font-size: 12px;margin-left: 5px;}
.AboutHome .digital li h5{font-size:14px;margin-top: 5px;}
.AboutHome .left .more{margin-top: 25px;font-size:12px;padding: 6px 20px;} 
.AboutHome .down{margin-top: 25px;}
/*.AboutHome .list{margin:0 0 -15px -15px}
.AboutHome .list li{width:33.3%; } 
.AboutHome .list li a{ margin:0 0 15px 15px}  */
.AboutHome .list li h4{ font-size: 15px;margin-top:10px;}
/*--*/
.NewsHome .tone{margin:0 0 10px -10px;} 
.NewsHome .tone li{margin-bottom:5px;}
.NewsHome .tone a{margin:0 0 0 10px;padding: 10px 1px; } 
.NewsHome .list{column-count:initial;column-gap:initial}
.NewsHome .list .one{width:100%;margin-bottom: 15px;}
.NewsHome .list .one .pic{height:250px;}
.NewsHome .list .one h4{font-size: 15px;padding:12px 10px;}
.NewsHome .list .two{display: none;} 
.NewsHome .list .three{width: 100%;margin-bottom:12px;}
.NewsHome .list .three a{padding: 12px 20px 12px 12px;}
.NewsHome .list .three h4{margin-bottom:5px}
.NewsHome .list .three .time{position: initial;font-size: 12px;padding:0px;color: #212121;text-align: left;display: table;background:none;}
.NewsHome .list .three .time font{float: right;font-size:12px;color:#999;margin-left: 5px;}
.NewsHome .list .three p{margin-top:10px}
.NewsHome .list .three:nth-child(n+7){display: none;}
/*--*/
.newsRe-list{margin: 20px 0 -10px -10px;}
.newsRe-list li{margin-bottom:10px;}
.newsRe-list a{padding: 15px;margin-left:10px;}
.newsRe-list li p{margin-bottom:12px;}
.newsRe-list li h4{margin-bottom:8px;font-size: 16px;}
.newsRe-list li:nth-child(n+5){display: none;}
/*--*/
.AboutInner .introduce .long{padding:20px; }
.AboutInner .introduce .wx{font-size: 13px;line-height: 24px;}
.AboutInner .introduce .tit{ font-size:18px;padding-top:25px;margin-top:20px; }
.AboutInner .introduce .tit:before{height:15px;}
.AboutInner .SrllPho{margin-top: 25px;padding-top: 25px; ;} 
.AboutInner .SrllPho .tone{ margin-bottom:15px;display: flex;flex-flow: row wrap;align-content: flex-start;}  
.AboutInner .SrllPho .tone li{flex-grow: 1;display: inline-block;margin-bottom:5px;}
.AboutInner .SrllPho .tone a{ margin: 0 10px;padding: 6px 20px; font-size:15px; }   
.AboutInner .SrllPho .list{ margin:30px 0 -12px -12px}
.AboutInner .SrllPho .list li{  width:33.3%;} 
.AboutInner .SrllPho .list li:nth-child(n+4){display: none;}
.AboutInner .SrllPho .list a{ margin:0 0 12px 12px}   
.AboutInner .number{margin-top:-60px}
.AboutInner .digital{margin:70px 0 20px 0}
.AboutInner .digital li span{font-size:30px;}
.AboutInner .digital li font{font-size:12px; }
.AboutInner .digital li h5{font-size:13px;margin-top:6px;}
.AboutInner  .culture ul h4{font-size:18px;padding:20px;}
.AboutInner  .culture ul h4 span{margin-top:5px;}
.AboutInner .culture ul hr{margin-top:10px;width:30px;}
/*--*/
.HonorCont .list h4{font-size:14px;}
.HonorCont .list .box{ padding:20px; }
.HonorCont .list .box:before{margin: 10px;}
/*--*/
.DetailCont{   }
.DetailCont .top{padding: 0px 0 30px 0;}
.DetailCont .top .right{margin-top:30px}
.DetailCont .top .right .title{font-size:20px;padding-bottom:12px;margin-bottom:15px;}
.DetailCont .top .right .wx{margin-bottom:20px;line-height: 22px;-webkit-line-clamp: 5;}
.DetailCont .top .right .parts{ margin: 0px 0 25px 0;}
.DetailCont .top .right .parts img{width: 25%;}
.DetailCont .top .right .tel{font-size:20px;margin-bottom:20px;padding:10px 0 10px 0px;}
.DetailCont .top .right .tel i{font-size:24px;margin-right:8px}
.DetailCont .top .right .btn{padding:10px 20px;font-size:12px;}
.DetailCont .top .right .btn i{font-size:16px;    margin: 0px 6px 0 0px;}
.DetailCont .top .right .online{}
.DetailCont .con{margin-top:10px}
.DetailCont .con .tone{margin-bottom:30px;;}
.DetailCont .con .tone li{margin:0 10px 0 10px;}
.DetailCont .con .tone li a{font-size:18px;padding: 0px 0px 12px 0;}
.DetailCont .con .long{margin-bottom:30px;padding-bottom:20px;}
.DetailCont .con .title{font-size:18px;margin-bottom:15px;padding-left:10px}
.DetailCont .con .wor{font-size:14px;}
.DetailCont .product-list li{width:50%}
.DetailCont .product-list li:nth-child(n+3){display: none;}
/*--*/
.srllOrso .leftPic,.srllOrso .rightPic{height:250px}
.srllOrso .rightPic{padding-left: 10px;}
.srllOrso .btn{left:10px;font-size:30px;padding:2px 0;}
/*--*/
.CaseDetail .top{padding: 30px 20px 30px 20px;}
.CaseDetail .top .right{margin-top:30px}
.CaseDetail .top .right .title{font-size:20px;padding-bottom:12px;margin-bottom:15px;}
.CaseDetail .top .right .wx{margin-bottom:20px;line-height: 22px;-webkit-line-clamp: 5;}
.CaseDetail .top .right .tel{font-size:20px;margin-bottom:20px;padding:10px 0 10px 0px;}
.CaseDetail .top .right .tel i{font-size:24px;margin-right:8px}
.CaseDetail .top .right .btn{padding:10px 20px;font-size:12px;}
.CaseDetail .top .right .btn i{font-size:16px;    margin: 0px 6px 0 0px;}
.CaseDetail .top .right .online{}
.CaseDetail .details{margin-top: 30px;}
.CaseDetail .tit{font-size: 18px;margin-bottom:15px;}
.CaseDetail .details .wx{padding:20px;font-size:14px;line-height:24px;}
.CaseDetail .relevant{margin-top:30px;}
.CaseDetail .relevant .list li{width:50%}
.CaseDetail .relevant .list li:nth-child(3n+1){display: none;}
/*--*/
.srllPho .gallery-top li{height:250px;}
.srllPho .btn{ left:10px;font-size:30px;padding:2px 0; }
/*--*/
.news-list{ margin:0 0 -15px -10px;}
.news-list li{ width:50%}
.news-list li a{ margin:0 0 15px 10px; }  
.news-list .box{padding:15px;}
.news-list h4{ font-size:15px;margin-bottom:8px; }
.news-list p{ font-size:13px;line-height:22px}
.news-list .time{margin-top:15px;  font-size:12px;}
.news-list .time i{ font-size: 16px;} 
/*--*/
.NewsDetailBox{}
.NewsDetailBox .righter{margin-top:20px;   }
.NewsDetailBox .righter .news{ padding: 20px;}
.NewsDetailBox .titleTop{padding:10px 0 20px 0;margin:0 0 20px 0; }
.NewsDetailBox .tit{font-size:23px;}
.NewsDetailBox .msg{ margin-top:10px;font-size:12px;}
.NewsDetailBox .msg *,.NewsDetailBox .msg span,.NewsDetailBox .msg a{font-size:12px;}
.NewsDetailBox .share{height:auto; padding:10px 0;margin-top: 20px;}
.NewsDetailBox .share .time{ margin-left:30px;font-size:12px;}
.NewsDetailBox .share .return{font-size:12px;padding:8px 20px 8px 38px;margin:15px auto 0; display: table;clear: both;float: left;}
.NewsDetailBox .pagIng{padding:10px 0;}
.NewsDetailBox .pagIng span{font-size:14px;}
.NewsDetailBox .pagIng span a{font-size:14px;}
.NewsDetailBox .pagIng .prev{float:left;width: 100%;}
.NewsDetailBox .pagIng .next{float:right;width: 100%;margin-top: 5px;}
.NewsDetailBox .righter .title{font-size:18px;margin-bottom:15px;padding-left:15px}
.NewsDetailBox .relevant .list{margin:0 0 -20px -10px}
.NewsDetailBox .relevant .list li {width:50%;margin-bottom:20px}
.NewsDetailBox .relevant .list li a{margin-left:10px;}
.NewsDetailBox .relevant .list li h4 {font-size:15px;}

/*--*/
.list-box li{width:50%}
.list-box.lx5 li{width:50%}
/*--*/ 
.ContactInner .long .title{font-size: 18px;}
.ContactInner .long .tel{margin-top:10px;font-size:14px;}
.ContactInner .long .tel:before{top:32px; width:10px; height:3px;}
.ContactInner .long .tel:after{left:13px;top:32px; width:25px; height:3px;}
.ContactInner .long .tel font{margin-top: 25px;font-size: 20px;}
.ContactInner .long .wx{min-height:auto;margin-top:20px;font-size: 14px;line-height: 22px;}
.ContactInner .long .wx *{font-size: 14px !important;line-height: 22px;}
.ContactInner .long .online{display: table;margin: 13px 0 0 0px;font-size: 12px;padding:6px 30px;}
.ContactInner #dituContent{height:220px;}
/*--*/
.MessageCon .long{padding:20px;}
.MessageCon .title{margin-bottom:20px;}
.MessageCon .title h2{font-size:18px;width: 100%;}
.MessageCon .title .tel{margin-top:15px;font-size:20px;width: 100%;}
.MessageCon .title .tel em{margin:5px 10px 0 0;font-size:20px;}
.MessageCon input{width:100%;margin-bottom:1%}
.MessageCon .block:nth-child(2n+1){margin-left:0;}
.MessageCon input,.MessageCon textarea{padding:10px 20px 10px 40px;background-position:10px 12px;}
.MessageCon textarea{height:100px;}
.MessageCon button{width:49%;margin-top:15px;padding:10px 0;font-size:14px;}
/*--*/
.Srll-gate{padding:0 30px}
.Srll-gate .btn{left:0;font-size:30px;}
.Srll-gate .nt{left:auto; right:0}
/*--*/
.cntr{padding: 0 0px;}
/*--*/
.WorShowBox .title{padding:0 0 10px 0;margin: 0 0 10px 0;}
.WorShowBox .title h1{margin:10px 0 0 0;font-size:20px;line-height:23px;padding-bottom:15px;}
/*--*/
.listCase li a h4{padding:5px 10px;line-height: 25px;font-size:15px;}
.listCase li a h4 b{display:none;font-size:12px;}
/*--*/
/*.layui-layer{width:400px;min-width:400px;max-width:400px;height:300px;}*/
/*--*/
.pagIng-2{margin-top:30px;}
.pagIng-2 span{font-size:14px;width:100%}
.pagIng-2 .block{padding:5px 10px;width:100%;display:block;float:left !important;text-align:left;}
.pagIng-2 span a{font-size:14px;}
.pagIng-2 .next{text-align:left;}
.pagIng-2 .return{border:none}
.pagIng-2 .prev,.pagIng-2 .next{width:100%;}
/*----*/
#pages{margin:20px 0 20px 0;}
#pages span{padding:5px 10px;margin:0 2px;font-size:12px;}
#pages a{padding:5px 10px;margin:0 2px;font-size:12px;}
/*--*/
.kefuBox-One{ display: none}  
.bdshare-slide-button{ display:none;z-index:-111;left:-200px;width:0px;height:0px;}
/*--*/
.pcI{display: none;}
.wapI{display: block;}
/*--*/
.ingBox{padding:30px 0;}
/*--*/



@media all and (max-width:460px){
/*--*/	
.TopHome li{width:50%;}
.TopHome li a{padding-left: 50px;} 
.TopHome li em{width: 40px;height: 40px;background-size: 30px;}
/*--*/
.ProductHome .right .thumb{width:100%}
.ProductHome .right .box{width:100%;}
.ProductHome .thumb,.ProductHome .box{width:100%;height: auto;}
/*--*/
.ApplyHome .gallery-top li a{height: 260px;} 
.ApplyHome .gallery-top .box{margin: 10% 0 0 20px}
.AboutHome .digital{margin-bottom:-15px;}
.AboutHome .digital li{width: 50%; margin-bottom:15px; text-align: ;}
/*.AboutHome .list li{width:50%}
.AboutHome .list li:nth-child(n+3){display: none;}*/
/*--*/
.NewsHome .list .one .pic{height:150px;}
/*--*/
.newsRe-list{margin-left:0px;}
.newsRe-list li{width:100%}
.newsRe-list a{margin-left:0px;}
.newsRe-list li:nth-child(n+4){display: none;}
/*--*/
.AboutInner .SrllPho .list li{  width:50%;} 
.AboutInner .SrllPho .list li:nth-child(n+3){display: none;}
.AboutInner .number{margin-top:-60px}
.AboutInner .digital{margin:60px 0 0px 0}
.AboutInner .digital li{width:50%;margin-bottom:20px}

}