@charset "utf-8";

html{-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;-webkit-tap-highlight-color:rgba(0,0,0,0); font-family: "Lucida Grande",Helvetica,Arial,"Microsoft YaHei",FreeSans,Arimo,"Droid Sans","wenquanyi micro hei","Hiragino Sans GB","Hiragino Sans GB W3",Roboto,Arial,sans-serif;}
body,ul,li,dt,dl,p,h1,h2,h3,h4,h5,h6,div,html,form,select,option,table,tr,td,dt,dl,dd,span,input,i,em,b,br,section,header,footer,nav,menu,aside,audio,video,canvas,svg,details,figure,figcaption,summary,hgroup,pre,sub,sup,button,textarea,input{margin:0;padding:0;color:inherit;}
body{ color: #666666; background-color: #fff;  word-break: break-all; word-wrap:break-word; font-weight: 400;  -webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;}
input,button{overflow: visible;vertical-align:middle;outline:none}
input[type="submit"],input[type="reset"],input[type="button"],input[type="text"],input[type="password"]{-webkit-appearance:none;outline:none}
a,a img{text-decoration:none; color: inherit;border:0;}
a:focus{outline:none;}
/* a:hover{ background: none;} */
a:focus, a:hover{ color: inherit;}
ul,ul li{list-style:none}
fieldset,img,input,button{border: none; padding: 0;margin: 0; outline-style: none;}
h1,h2,h3,h4,h5,h6{font-size:100%; font-weight: normal;}
a{text-decoration:none;cursor: pointer;color:inherit; }
a:hover{text-decoration:none;outline:none; color: initial;}
a:focus{outline:none}
a:hover,a:active{outline:none}
a:focus{outline:none}
sub,sup{vertical-align:baseline}
a:link{text-decoration:none;   /* 指正常的未被访问过的链接*/}
a:visited{text-decoration:none; /*指已经访问过的链接*/}
a:hover{text-decoration:none;/*指鼠标在链接*/}
a:active{text-decoration:none;/* 指正在点的链接*/ }
img{height: auto;max-width: 100%;}
.wrapper{ width: 1200px; margin: 0 auto; padding: 1px 0; box-sizing: border-box; }

@media screen and (max-width:1200px){
    .wrapper{ width: 100%; padding: 0 20px; }
}
@media screen and (max-width:1150px){
    .wrapper{ width: 100%; padding: 0 10px;}
}

.clearfix:after{content:"";height:0; line-height:0; display:block;clear:both; visibility:hidden;}    
.clearfix{ zoom:1;}

input::-webkit-input-placeholder,textarea::-webkit-input-placeholder { /* WebKit browsers */  
    color: #333;  
  }  
  input:-moz-placeholder ,textarea:-moz-placeholder{ /* Mozilla Firefox 4 to 18 */  
    color: #333;  
  }  
  input::-moz-placeholder ,  textarea::-moz-placeholder{ /* Mozilla Firefox 19+ */  
    color: #333;  
  }  
  input:-ms-input-placeholder, textarea:-ms-input-placeholder  { /* Internet Explorer 10+ */  
    color: #333;  
  }  

  input:focus::-webkit-input-placeholder,textarea:focus::-webkit-input-placeholder {
    color: transparent;
}
/* 滚动条style */
html:not(.isMobile) *::-webkit-scrollbar { width: 6px; height: 6px; background: none; }
html:not(.isMobile) *::-webkit-scrollbar-thumb { background: #2B6EC6; border-radius: 10px;
    background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%, transparent 75%, transparent);}

/* 常用felx弹性属性 */
.flex{  display: flex; display:-webkit-flex; flex-direction:row; flex-wrap: nowrap; justify-content:space-between;align-items:center; align-content: flex-start; }  
.order{ order:0; flex: 0 1 auto; align-self: auto; } /* align-self: auto | flex-start | flex-end | center | baseline | stretch; */

/* 单行溢出-多行溢出 */
.row{text-overflow: ellipsis;overflow: hidden;white-space:nowrap;}
.multi_row{display: -webkit-box;overflow: hidden;text-overflow: ellipsis;word-break: break-all;-webkit-box-orient: vertical;-webkit-line-clamp:3; }

/* 清除浮动 */
.clearfix:after{content:"";height:0; line-height:0; display:block;clear:both; visibility:hidden;}    
.clearfix{ zoom:1;}
.faker{opacity: 0;}
/* 头部 */
.kefu{width: 15px;height: 15px;margin-right: 10px;}
/*.head{padding-top:10px;padding-bottom: 10px;}*/
.hello{font-size: 14px;color: #434343;}
.tel{font-size: 14px;color:rgba(68,68,68,1);}
.num{color: #434343;font-size: 27px;}
.nav-list{background: #2B6EC6;}
/* .nav-tops{background:rgba(245,245,245,1);} */
.nav-lists a{color: #fff;font-size: 16px;}
.nav-lists{height: 40px;box-sizing: border-box;}
.nav-list>.flex{justify-content: space-around;}
.icon-open{display: none;}
.kefu{display: none;}
.nav-lists li a:hover{color:#eee}
.nav-lists li{height: 100%;display: flex;justify-content: center;align-items: center;}
.cantact{flex-direction: column;}
.iconqq{width: 100%;display: flex;justify-content: flex-end;margin-top: 5px;}
.iconqq>:nth-child(1){margin-right: 17px;}
.iconqq>:nth-child(2){position: relative;}
.iconqq .erweima{position: absolute;bottom: -55px;left: -12px; width: 50px;height: 50px;display: none;    max-width: 50px;}
.iconqq>:nth-child(2):hover .erweima{display: block;}
.nav-list .hvr-underline-from-center:before{background:#fff;height: 2px;}
@media screen and (max-width:768px){
  .banner{ padding-top: 75px;}
  .iconqq{display: none;}
.cantact{flex-direction: row;}
.kefu{display: block;}
/* .banner{margin-top: 75px;} */
.nav-tops{position: fixed;top: 0;z-index: 999;width: 100%;height: 75px;background: #fff;}
.tel{text-align: center;padding: 10px 0;position: fixed;top: -90px;right: 0;width:100%; flex-wrap: wrap;z-index: -1;transform: translate3d(0, 100%, 0px); transition: all 0.65s ease-in-out 0s;background: rgba(245,245,245,1);}
.nav-list{padding: 0; margin-right: 0; position: fixed;top: 75px;right: 0;width: 65%;height: 100vh;flex-wrap: wrap;z-index: -1; overflow-y: scroll; transform: translate3d(100%, 0px, 0px); transition: all 0.65s ease-in-out 0s; background-color: rgba(255, 255, 255, 0.95);}
.nav-list ul{height: 100%;}
.nav-active{transform: translate3d(0, 0px, 0px);z-index: 100;}
.nav-activer{z-index: 100;top: 10px;transition: all 0.65s ease-in-out 0s;}
.nav-lists{flex-direction: column;width: 100%;}
.nav-list>.flex{justify-content: start;}
.nav-lists li{border-bottom: 1px solid #eee;height: auto; margin-left: 0;box-sizing: border-box;padding-left: 20px;    width: 100%;}
.nav-lists a{line-height: 1.9;color: #000;}
.icon-open{display: block;width: 30px;height: 30px;}
.nav-active a,.nav-active img{margin: 0 auto;}
.nav-list img,.nav-list a{margin: 0 auto;}
}
/* 语言切换 */
.language{  position: relative; z-index: 101;  }
.language .icon-Language-{ font-size: 22px; color: #666; display: block; margin-right: 10px; padding-left: 20px; }
.language .icon-Language-:hover{cursor: pointer;color: #e77c00;}
.language div.changeBut{ box-sizing:border-box;padding:0; margin:0 auto; display: none; position: absolute; top: 41px; right: -38px;    border: 1px solid #ccc;}
.language div.changeBut a{ display:block;  white-space: nowrap; font-size:14px;color:#000;padding: 0 30px; height: 40px;line-height: 40px; text-align: center; background:#fff; border-top: 1px solid #f0f0f0; }
.language div.changeBut a:hover{ color: #e77c00;}
@media screen and (max-width:900px){
    .language{ width: 30%;}
    /* .language .icon-Language-{ font-size: 32px; margin-left: 10px; line-height: 1.5;} */
    .language div.changeBut{ left: 2px; top: 45px;  }
    /* .language div.changeBut a{  text-align: left; } */
    .language div.changeBut a{padding: 0 10px;}
}
/* 新闻中心 */
.news-center{margin-top: 51px;}
.Title{padding-bottom: 18px;border-bottom: 1px solid #999999;margin-bottom: 24px;}
.Title a{position: relative;}
.Title a:hover{color: #2B6EC6;}
.Title a:hover::before{position: absolute;content: "";height: 2px;width: 100%;bottom: -25px;left: 0;background: #2B6EC6;}
.Title :nth-child(1){font-size: 24px;color: #444;border-left: 8px solid #2B6EC6;padding-left: 12px;}
.Title :nth-child(2){font-size: 16px;}
.news-lists-content{display: flex;height: auto;width: 100%;}
.news-lists-left{width: 40%;margin-right: 40px;}
.news-lists-right{width: 57%;height: auto;}
.news-lists-left img{width: 100%;}
.news-kind{justify-content: start;border-bottom: 1px solid #ccc;}
.news-kind a{margin-right: 29px;font-size: 18px;color: #444444;padding: 5px 20px;position: relative;}
.news-kind a:hover{background: #2B6EC6;color: #fff;}
.news-kind :nth-child(1){background: #2B6EC6;color: #fff;}
.news-lists-content .news-lists-right ul li{padding: 17px 10px  ;transition: all .5s ease;}
.news-lists-content .news-lists-right ul li:hover{padding: 17px 15px;transition: all .5s ease;}
.news-lists-content .news-lists-right ul li a :nth-child(1){font-size: 18px;color: #444444;width: 70%;}
.news-lists-content .news-lists-right ul li a :nth-child(2){font-size: 12px;color: #888888;}
.news-lists-content .news-lists-right ul :nth-child(even){background: #F5F5F5;transition: all .5s ease;}
@media screen and (max-width:1029px){
    .news-lists-content .news-lists-right ul :nth-child(5){display: none;}
}
@media screen and (max-width:856px){
 .Title :nth-child(1){font-size: 20px;}
 .Title :nth-child(2){font-size: 14px;}
  .news-center{margin-top: 30px;}
    .news-lists{padding: 30px 0;}
    .news-lists-content{flex-direction: column;}
    .news-lists-left{width: 100%;margin-right: 0;}
    .news-lists-left img{width: 100%;}
    .news-lists-right{width: 100%;}
    .news-kind a{font-size: 16px;padding: 5px;margin-right: 5px;}
    .news-lists-content .news-lists-right ul li{padding: 10px 0;}
    .news-lists-content .news-lists-right ul li:hover{padding: 10px 5px;}
    .news-lists-content .news-lists-right ul li a :nth-child(1){font-size: 16px;}
    .Title{margin-bottom: 30px;font-size: 24px;}
    .product-list-content{margin-bottom: 20px;}
}

/* 产品列表 */
.product-list-right ul>:nth-child(even){display: none;}
.product-list-right ul>:nth-child(2){display: block;}
.product-list{margin-top: 51px;}
.product-lists{display: flex;height: auto;}
.product-list-left{width: 70%;margin-right: 50px;}
.product-list-right{width: 30%;height: auto;}
.product-list-content{flex-wrap: wrap;}
.product-list-content li{width: 32%;border-bottom: 1px solid #999;margin-top: 24px;}
.product-list-content .hvr-underline-from-left:before{height: 2px;background: #2B6EC6;}
.product-name{font-size: 16px;color: #444;padding: 10px 0 13px;}
.product-list-left .Title{margin-bottom: 0;}
.product-list-right ul li{font-size: 16px;color: #444;padding: 6px 15px 6px 19px;background: #F5F5F5;margin-bottom: 1px;}
.product-list-right .hvr-sweep-to-right:before{background:#2B6EC6;}
.product-list-right .news-one{font-size: 16px;color: #888888;line-height: 1.6;margin: 22px 0; display: -webkit-box;overflow: hidden;text-overflow: ellipsis;word-break: break-all;-webkit-box-orient: vertical;-webkit-line-clamp:4;}
.product-list-right .new-one{padding: 0 15px;}
.product-list-right .new-one a{display: inline-block;margin-bottom: 17px;}
@media screen and (max-width:856px){
  .product-list-right .news-one{margin: 10px 0;}
  .product-list{margin-top: 30px;}
  .Title {margin-bottom: 30px;font-size: 24px;}
  .product-lists{flex-direction: column;flex-wrap: wrap;}
  .product-list-left{width: 100%;margin-right: 0px;}
.product-list-right{width: 100%;}
}

/* 关于我们 */
.about-us-content{margin-top: 51px;margin-bottom: 51px;}
.about-us{display: flex;height: auto;}
.about-us-left{width: 70%;margin-right: 50px;}
.about-us-right{width: 30%;height: auto;}
.left-content{display: flex;height: auto;}
.title-left{width: 50%;margin-right: 24px;}
.title-right{width: 50%;flex-direction: column;}
.title-right-content{width: 100%;}
.title-right a{display:block;width: 100%;text-align: right;font-size: 16px;}
.title-right a:hover{color: #2B6EC6;}
.qiye{border-bottom: 1px solid #999999;}
.qiye span{display: inline-block;margin-right: 29px;padding: 10px 29px;cursor: pointer;transition: all .5s ease;}
.qiye span:hover{background: #2B6EC6;transition: all .5s ease;color: #fff;}
.activers{background: #2B6EC6;color: #fff;}
/* .qiye :nth-child(1){background: #2B6EC6;color: #fff;} */
.des{padding-top: 12px;font-size: 14px;color: #888;}
.des p{line-height: 1.6;display: -webkit-box;overflow: hidden;text-overflow: ellipsis;word-break: break-all;-webkit-box-orient: vertical;-webkit-line-clamp:6;}
.des2{display: none;}
.about-us-right ul{flex-wrap: wrap;}
.about-us-right ul li{width: 50%;}
.about-us-right ul li img{width: 100%;height: 100%;}
.about-us-right ul li a{position: relative;}
.about-us-right ul li a .shadow{position: absolute;left: 0;width: 100%;bottom: 2px;text-align: center;padding: 30px 0;color: #fff;font-size: 18px;}
.back{background:rgba(0,0,0,.5);}
@media screen and (max-width:856px){
.about-us-content{margin-top: 30px;}
.about-us{flex-direction: column;flex-wrap: wrap;}
.about-us-left{width: 100%;}
.about-us-right{width: 100%;height: auto;}
.about-us-right ul li{width: 24%;}
.left-content{flex-direction: column;flex-wrap: wrap;}
.title-left{width: 100%;margin-right: 0px;}
.title-right{width: 100%;flex-direction: column;}
.qiye span{margin-right: 10px;}
.title-right a{font-size: 14px;}
.about-us-right ul li a .shadow{padding: 0;font-size: 14px;}
}


.foot{padding: 30px 0;box-sizing: border-box;background: #F5F5F5;margin-top: 50px;}
.foot-top{margin-bottom: 70px;}
.foot-top ul li{margin-right: 30px;}
.foot-top ul li a{font-size: 16px;color: rgb( 68, 68, 68 );}
.foot-top ul :nth-child(5){margin-right: 0px;}
.foot-top-right>.flex{justify-content: space-between;align-items: center;}
.phone{margin-left: 5px;}
.phone :nth-child(1){font-size: 24px;color: rgb( 68, 68, 68 );}
.phone :nth-child(2){font-size: 14px;color: rgb( 136, 136, 136 );}
.foot-top-right p{margin-top: 10px;font-size: 14px;color: rgb( 68, 68, 68 );}
.foot-bottom{position: relative;}
.beianhao :nth-child(2){text-align: right;}
.foot-bottom::after{
  content: '';
  left: 0;
  position: absolute;
  bottom: 2px;
  width: 40%;
  height: 1px;
  background-color: rgb( 68, 68, 68 );
}
.foot-bottom :nth-child(1){font-size: 14px;color: rgb( 68, 68, 68 );}
.text{margin-right: 15px;position: relative;}
.text ::after{
  content: '';
  right: -8px;
  position: absolute;
  bottom: 2px;
  width: 1px;
  height: 72%;
  background-color: rgb( 68, 68, 68 );
}
@media screen and (max-width:1036px){
  .foot-bottom::after{
    width: 30%;
  }
}
@media screen and (max-width:895px){
  .foot{margin-top: 30px;}
.beianhao :nth-child(2){text-align: center;}
  .brand ul{flex-wrap: wrap;}
  .brand ul li{width: 100%;}
  .brand ul li img{width: 100%;}
  .foot ul{display: none;}
  .foot-top-right{width: 100%; }
  .foot-top-right p{width: 100%; margin: 0 auto;text-align: center;}
  .foot-top-right>.flex{justify-content: center;margin-bottom: 10px;}
  .kong{display: none;}
  .foot-top{margin-bottom: 30px;}
  .foot-bottom{flex-direction: column;}
  .beianhao :nth-child(2){font-size: 14px;margin-top: 10px;text-align: center;}
  .beianhao :nth-child(1){margin-top: 10px;}
  .youqinglianjie{width: 100%;justify-content: center;}
  .foot-bottom::after {
    width: 55%;
    left: 80px;
}
}