@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; display: block; }

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{max-width: 100%;height: auto;display: inline-block;vertical-align: top;}
.wrapper{ width: 1200px; margin: 0 auto; padding: 1px 0; box-sizing: border-box; }

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


.left{ float: left;}
.right{ float: right;}
.clearfix:after{content:"";height:0; line-height:0; display:block;clear:both; visibility:hidden;}    
.clearfix{ zoom:1;}
article p {font-size:14px; color:#333; line-height:30px;}
article img {max-width:100%;}
article p a,article p a:hover{ display:inline-block; color:#0899e0;}

.top {  z-index:999;   position: relative; } 
.top .icon-Language{cursor: pointer; font-size: 26px; color: #fff; display: block; margin-right: 10px;  }
.top .top_r { box-sizing:border-box;padding:0; margin:0 auto; display: none; position: absolute; top: 40px; left: -37px;}
.top .top_r a { display:block; width: auto; white-space: nowrap; font-size:14px;color:#666;padding: 0 25px; height: 40px;line-height: 40px; text-align: center; background:#fff;}
.top .top_r a:last-child { border-right:none;}
.top .top_r a:hover { color:#25459f; } 


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: #f5bbd3; 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:flex-start; 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;}
/* 进度条
    video::-webkit-media-controls-timeline {
        display: none;
    } */
    /* //所有控件
    video::-webkit-media-controls-enclosure{ 
      display: none;
    } */
/* 语言切换 */
.language{ position: relative; z-index: 101; }
.language .icon-Language{ font-size: 36px; color: #333; display: block; margin-right: 10px; padding-left: 20px; cursor: pointer;margin-top: 20px;}
.language div.changeBut{ box-sizing:border-box;padding:0; margin:0 auto; display: none; position: absolute; top: 80px; right: -10px;}
.language div.changeBut a{ display:block;  white-space: nowrap; font-size:14px;color:#fff;padding: 0 30px; height: 40px;line-height: 40px; text-align: center; background:rgb(26, 24, 24); border-top: 1px solid #f0f0f0; }
/* .language div.changeBut a:hover{ color: #fb90b1;} */
@media screen and (max-width:900px){
        /*滚动条样式*/
        .menu::-webkit-scrollbar {/*滚动条整体样式*/
            width: 2px;     /*高宽分别对应横竖滚动条的尺寸*/
            height: 2px;
        }
        .menu::-webkit-scrollbar-thumb {/*滚动条里面小方块*/
            border-radius: 5px;
            box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
            -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
            background: rgba(0,0,0,0.2);
        }
        .menu::-webkit-scrollbar-track {/*滚动条里面轨道*/
            box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
            -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
            border-radius: 0;
            background: rgba(0,0,0,0.1);
        }
    
    /* 下拉菜单 */
    .header nav .menu>li i.menuBtn{ display: none;}
    .header nav .menu li .Child1{ display: none; }
    .language{ width: 60%;}
    .language .icon-Language{ font-size: 32px; margin-left: 10px; line-height: 1.5;}
    .language div.changeBut{ left: 0px; top: 45px;  }
    .language div.changeBut a{  text-align: left; }

   
    nav.wrapper{ height: 60px !important; box-shadow: none;}
    nav .logo img{ max-height: 50px;}
    nav .navigation-right{ margin-right: 0; position: fixed; top: 60px; right: 0; width: 65%; height: 100vh; flex-wrap:wrap; align-content:flex-start; z-index: 100; 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 .navigation-right.active{ transform: translate3d(0px,0px,0px)}
    nav .navigation-right li{ width: 100%; height: 45px; line-height: 45px;}
    nav .navigation-right li a{ line-height: 45px; border-bottom: 1px solid #ccc; height: 45px; max-width: 100%; color: #555;}
    .navigation .navigation-right li a {line-height: 45px !important;}
    /* 菜单按钮 */
    .navBtn{ display: block;}
    .navBtn{width:30px;height:20px;display:block;position:absolute;top:0px;right:10px;cursor:pointer;padding:20px 15px;}
    .navBtn span{width:26px;height:3px;background:#000;display:block;border-radius:2px;transition:all .5s ease-out;position:absolute;top:20px;}
    .navBtn span:nth-child(2){top:29px;}
    .navBtn span:nth-child(3){top:37px;}
    .navBtn span.active:nth-child(1){transform:rotate(45deg);transition:all .5s ease-out;top:29px;}
    .navBtn span.active:nth-child(3){transform:rotate(-45deg);transition:all .5s ease-out;top:29px;}
    .language{display: none;}
    .bgtop{display: none;}
    .shuxian {display: none;}
}
li.fake {
    height: 1px !important;
    background: none;
    opacity: 0;
    filter: alpha(opacity=0);
    margin: 0 !important;
    padding: 0 !important;
}

.ww-header {background-color:#fff;position: fixed;top: 0;z-index: 999;width: 100%;box-shadow: 0 10px 15px rgba(0, 0, 0, .1);}
/* 头部 */
.banner {margin-top: 80px;}
.navigation {height: 80px; align-items: center;}
.navigation .nav-logo {width:338px; height:60px;}
.navigation .navigation-right li a{font-size:16px;color:#444;line-height:80px;display: block;padding: 0 20px;}
.navigation .navigation-right li a:hover {font-weight: 700;}
.navigation .navigation-right li.active a{font-weight: 700;}
.navigation .navigation-right .shuxian {font-size:16px;color:#444444;line-height:80px;}

.ficat {padding-top: 84px;padding-bottom: 38px;}
.ficat .ficatlist {justify-content: space-around;padding-bottom: 82px;}
.ficat .ficatlist li {text-align: center;}
@media screen and (max-width:768px){
.ficat .ficatlist li {width:33.33%;}
}
.ficat .ficatlist li h4 {font-size: 16px;font-weight: bold;color: #444444;margin-top: 22px;}

.ficat .prolist {flex-wrap: wrap;}
.ficat .prolist li {margin-bottom: 10px;position: relative;}
.ficat .prolist li span+a:hover{box-shadow: 0px 4px 7px 1px rgba(255, 255, 255, 0.6);}
.ficat .prolist li figure {position: absolute;width: 100%;height: 100%;z-index: -99;overflow: hidden;}
.ficat .prolist li figure img{width: 100%;height: 100%;transition: all 0.6s;}
.ficat .prolist li:hover img{transform: scale(1.1);}
.ficat .prolist li:nth-child(1) div{width: 100%;height: 100%;box-sizing: border-box;padding-left: 84px;padding-top: 82px;}
.ficat .prolist li:nth-child(1) {width: 100%;height: 480px;box-sizing: border-box;}
.ficat .prolist li:nth-child(1) h3 {font-size: 36px;font-weight: bold;color: #fff;}
.ficat .prolist li:nth-child(1) p {font-size: 14px;font-weight: 400;color: #ccc;margin-top: 7px;}
.ficat .prolist li:nth-child(1) span {display: block;width: 50px;height: 6px;background: #888888;margin-top: 49px;}
.ficat .prolist li:nth-child(1) a {width: 200px;height: 40px;background: #444444;border-radius: 10px;font-size: 20px;font-weight: bold;color: #fff;line-height: 40px; text-align: center;margin-top: 124px;}

.ficat .prolist li:nth-child(2) {width: 30%;box-sizing: border-box;position: relative;height: 420px;}
.ficat .prolist li:nth-child(2) .protexs {position: absolute;bottom: 39px;width: 100%;}
.ficat .prolist li:nth-child(2) .protexs h3 {font-size: 28px;font-weight: bold;color: #444444;text-align: center;}
.ficat .prolist li:nth-child(2) .protexs p {font-size: 14px;color: #444444;text-align: center;margin-top: 8px;}

.ficat .prolist li:nth-child(3) div{width: 100%;height: 100%;padding-top: 57px;padding-right: 60px;display: flex; display:-webkit-flex; flex-direction:column; flex-wrap: nowrap; align-items:flex-end; align-content: flex-start;box-sizing: border-box;}
.ficat .prolist li:nth-child(3) {width: 69%; height: 420px;box-sizing: border-box;}
.ficat .prolist li:nth-child(3) h3 {font-size: 28px;font-weight: bold;color: #fff;text-align: right;}
.ficat .prolist li:nth-child(3) p {font-size: 14px;font-weight: 400;color: #ccc;text-align: right;margin-top: 8px;}
.ficat .prolist li:nth-child(3) span {display: block;width: 50px;height: 6px;background: #888888;margin-top: 49px;}
.ficat .prolist li:nth-child(3) a {width: 200px;height: 40px;background: #444444;border-radius: 10px;font-size: 20px;font-weight: bold;color: #fff;line-height: 40px; text-align: center;margin-top: 110px;}

.ficat .prolist li:nth-child(4) div {width: 100%; height: 100%;box-sizing: border-box;padding-top: 57px;padding-left: 58px;}
.ficat .prolist li:nth-child(4) {width: 69%; height: 420px;box-sizing: border-box; margin-right: 10px;}
.ficat .prolist li:nth-child(4) h3 {font-size: 28px;font-weight: bold;color: #444444;}
.ficat .prolist li:nth-child(4) p {font-size: 14px;color: #444444;} 
.ficat .prolist li:nth-child(4) span {display: block;width: 50px;height: 6px;background: #888888;margin-top: 49px;}
.ficat .prolist li:nth-child(4) a {width: 200px;height: 40px;background: #444444;border-radius: 10px;font-size: 20px;font-weight: bold;color: #fff;line-height: 40px; text-align: center;margin-top: 110px;}

.ficat .prolist li:nth-child(5) {width: 30%;box-sizing: border-box;position: relative;height: 420px;}
.ficat .prolist li:nth-child(5) .protexs {position: absolute;bottom: 39px;width: 100%;}
.ficat .prolist li:nth-child(5) .protexs h3 {font-size: 28px;font-weight: bold;color: #fff;text-align: center;}
.ficat .prolist li:nth-child(5) .protexs p {font-size: 14px;color: #ccc;text-align: center;margin-top: 8px;}

.ficat .prolist li:nth-child(6) {width: 30%;box-sizing: border-box;position: relative;height: 420px;}
.ficat .prolist li:nth-child(6) .protexs {position: absolute;bottom: 39px;width: 100%;}
.ficat .prolist li:nth-child(6) .protexs h3 {font-size: 28px;font-weight: bold;color: #fff;text-align: center;}
.ficat .prolist li:nth-child(6) .protexs p {font-size: 14px;color: #ccc;text-align: center;margin-top: 8px;}

.ficat .prolist li:nth-child(7) {width: 30%;box-sizing: border-box;position: relative;height: 420px;}
.ficat .prolist li:nth-child(7) .protexs {position: absolute;bottom: 39px;width: 100%;}
.ficat .prolist li:nth-child(7) .protexs h3 {font-size: 28px;font-weight: bold;color: #444444;text-align: center;}
.ficat .prolist li:nth-child(7) .protexs p {font-size: 14px;color: #444444;text-align: center;margin-top: 8px;}

.ficat .prolist li:nth-child(8) div {width: 100%; height: 100%;display: flex; display:-webkit-flex; flex-direction:column; flex-wrap: nowrap; align-items:flex-end; align-content: flex-start;padding-top: 57px;box-sizing: border-box;padding-right: 60px;}
.ficat .prolist li:nth-child(8) {width: 38%; height: 420px;box-sizing: border-box;}
.ficat .prolist li:nth-child(8) h3 {font-size: 28px;font-weight: bold;color: #444444;text-align: right;}
.ficat .prolist li:nth-child(8) p {font-size: 14px;color: #444444;text-align: right;margin-top: 8px;}
.ficat .prolist li:nth-child(8) span {display: block;width: 50px;height: 6px;background: #888888;margin-top: 49px;}
.ficat .prolist li:nth-child(8) a {width: 200px;height: 40px;background: #444444;border-radius: 10px;font-size: 20px;font-weight: bold;color: #fff;line-height: 40px; text-align: center;margin-top: 110px;}


/* 公共title */
.hometitle {justify-content: flex-start;align-items: baseline;}
.hometitle .blockbox{width: 15px;height: 15px;border: 2px solid #444444;transform: rotate(45deg);-ms-transform: rotate(45deg);-webkit-transform: rotate(45deg);box-sizing: border-box;}
.hometitle h2 {font-size: 20px;font-weight: bold;color: #444444;margin-left: 10px;}
.hometitle p {font-size: 14px;font-weight: bold;color: #888888;}
.aboutitem .aboutbox {margin-top: 44px;padding-bottom: 88px;}
.aboutitem .aboutbox h3{font-size: 28px;font-weight: bold;color: #444444;text-align: center;margin-bottom: 35px;}
.aboutitem .aboutbox p {-webkit-line-clamp:4;width: 100%;font-size: 14px;color: #888888;text-align: center;}

.aboutitem .aboutintro .introCopy:nth-child(1) {margin-right: 10px;}
.aboutitem .aboutintro .introCopy {width: 48.5%;position: relative;}
.aboutitem .aboutintro .introCopy span {width: 50px;height: 6px;background: #888888;display: block;margin-bottom: 36px;}
.aboutitem .aboutintro .introCopy p {font-size: 16px;font-weight: bold;color: #ccc;}
.aboutitem .aboutintro .introCopy h4 {font-size: 28px;font-weight: bold;color: #fff;}
.aboutitem .aboutintro .introCopy figure {position: absolute;width: 100%;height: 100%;z-index: -99;}
.aboutitem .aboutintro .introCopy figure img {width: 100%; height: 100%;}
.aboutitem .aboutintro .introCopy div {padding: 93px 0 36px 47px;}
.aboutitem {padding-bottom: 48px;}
.aboutitem .aboutintro .introright {padding: 93px 0 36px 47px;background: url(../img/abo2.png)no-repeat;background-size: 100% 100%;width: 49.5%;margin-left: 10px;}
.aboutitem .aboutintro .introright span {width: 50px;height: 6px;background: #888888;display: block;margin-bottom: 36px;}
.aboutitem .aboutintro .introright p {font-size: 16px;font-weight: bold;color: #ccc;}
.aboutitem .aboutintro .introright h4 {font-size: 28px;font-weight: bold;color: #fff;}
.newsit {padding-bottom: 24px;}
.newsit .newsseslist  {margin-top: 24px;flex-wrap: wrap;}
.newsit .newsseslist li {height: 417px;position: relative;box-sizing: border-box;width: 32%;border-bottom: 1px solid #ccc;margin-bottom: 24px;}
.newsit .newsseslist li h3 a{font-size: 20px;font-weight: bold;color: #444444;margin: 22px 0 19px;}
.newsit .newsseslist li h3:hover a {color: #000;}
.newsit .newsseslist li p {font-size: 14px;color: #888888;}
.newsit .newsseslist li span {position: absolute; bottom: 24px;font-size: 14px;color: #888888;}
.newsit .newsseslist li img {transition: all 0.6s;}
.newsit .newsseslist li figure:hover img {transform: scale(1.2);}
.newsit .newsseslist li figure {overflow: hidden;}
.advert {background: #f5f5f5;}
.advert ul.flex {justify-content: space-around;padding-top: 34px;padding-bottom: 34px;}
.advert ul.flex li { display: flex; display:-webkit-flex; flex-direction:row; flex-wrap: nowrap; justify-content:space-between;align-items:flex-start; align-content: flex-start;width: 20%;}
.advert ul.flex li .advright{margin-left: 25px;width: 100%;}
.advert ul.flex li .advright p{font-size: 20px;font-weight: bold;color: #444444;width: 100%;}
.advert ul.flex li .advright span {font-size: 14px;color: #888888;display: block;margin-top: 11px;width: 100%;}



.foot-tail {padding-bottom: 84px;padding-top: 72px;}
.foot-tail .tail-left {width: 40%;}
.foot-tail .tail-left .uicklinks {padding-bottom: 63px;}
.foot-tail .tail-left .uicklinks dl dt a{font-size: 18px;font-weight: bold;color: #444;margin-bottom: 10px;}
.foot-tail .tail-left .uicklinks dl dd a{font-size: 16px;color: #888;line-height: 36px;}
.linksed {justify-content: flex-start;font-size: 14px;color: #444; padding-bottom: 18px;border-bottom: 1px solid #ccc;}
.linksed ul li {padding: 0 20px;border-left: 1px solid #444;}
.linksed ul li:nth-child(1) {padding-left: 0;border-left:0;}
.foot-tail .tail-right {width: 50%;}
.foot-tail .tail-right .qrcode p{font-size: 14px;font-weight: 400;color: #888;margin-top: 12px;text-align: center;}
.foot-tail .tail-right .customer div.flex {justify-content: flex-end;}
.foot-tail .tail-right .customer .contacts {margin-left: 16px;}
.foot-tail .tail-right .customer .contacts span {font-size: 24px;font-weight: bold;color: #444;}
.foot-tail .tail-right .customer .contacts p {font-size: 14px;color: #888;margin-top: 6px;}
.foot-tail .tail-right .customer .address {font-size: 14px;color: #888;margin-top: 23px;}
.foot-tail .tail-right .mation {font-size: 14px;color: #444;margin-top: 110px;line-height: 24px;text-align: right;}

.foot-tail .tail-right .useflex {justify-content: flex-end;}

@media screen and (max-width:1050px){
    .ficat .prolist li:nth-child(2) {margin-right: 0px;height: 400px;}
    .ficat .prolist li:nth-child(4) {margin-right: 0px;height: 400px;}
    .ficat .prolist li:nth-child(4) h3 {font-size: 26px;}
    .ficat .prolist li:nth-child(4) a {font-size: 18px;margin-top: 100px;}
    .ficat .prolist li:nth-child(1) div{padding-top: 62px;}
    .ficat .prolist li:nth-child(1){height: 460px;}
    .ficat .prolist li:nth-child(1) h3 {font-size: 32px;}
    .ficat .prolist li:nth-child(1) a {font-size: 18px;margin-top: 100px;}
    .ficat .prolist li:nth-child(2) .protexs h3 {font-size: 26px;}
    .ficat .prolist li:nth-child(3) {height: 400px;}
    .ficat .prolist li:nth-child(3) h3 {font-size: 26px;}
    .ficat .prolist li:nth-child(3) a {font-size: 18px;margin-top: 100px;}
    .ficat .prolist li:nth-child(5) {height: 400px;}
    .ficat .prolist li:nth-child(5) .protexs h3 {font-size: 26px;}
    .ficat .prolist li:nth-child(6) {height: 400px;}
    .ficat .prolist li:nth-child(6) .protexs h3 {font-size: 26px;}
    .ficat .prolist li:nth-child(7) {height: 400px;}
    .ficat .prolist li:nth-child(7) .protexs h3 {font-size: 26px;}
    .ficat .prolist li:nth-child(8) {height: 400px;}
    .ficat .prolist li:nth-child(8) h3 {font-size: 26px;}
    .ficat .prolist li:nth-child(8) a {font-size: 18px;margin-top: 100px;}
}
@media screen and (max-width:900px){
    .banner {margin-top: 60px;}
}
@media screen and (max-width:768px){
    .foot-tail {flex-direction: column;}
    .foot-tail .tail-left .uicklinks {display: none;}
    
    .foot-tail .tail-right {width: 100%;margin-top: 20px;}
    .foot-tail .tail-right .mation {margin-top: 60px; text-align: center;}
    .foot-tail .tail-right div.flex {justify-content: space-around;}
    .foot-tail {padding-bottom: 40px;padding-top: 36px;}
    .foot-tail .tail-left {width: 100%;}
    .ficat {padding-top: 42px;padding-bottom: 30px;}
    .ficat .ficatlist {padding-bottom: 41px;flex-wrap: wrap;}

    .ficat .prolist li:nth-child(2) {margin-right: 0px;height: 340px;}
    .ficat .prolist li:nth-child(4) div {padding-left: 32px;}
    .ficat .prolist li:nth-child(4) {margin-right: 0px;height: 340px;}
    .ficat .prolist li:nth-child(4) h3 {font-size: 22px;}
    .ficat .prolist li:nth-child(4) a {font-size: 16px;margin-top: 80px;width: 150px;height: 30px;line-height: 30px;}
    .ficat .prolist li:nth-child(1) div{padding-top: 52px;padding-left: 42px;}
    .ficat .prolist li:nth-child(1){height: 360px;}
    .ficat .prolist li:nth-child(1) h3 {font-size: 28px;}
    .ficat .prolist li:nth-child(1) a {font-size: 16px;margin-top: 90px;width: 150px;height: 30px;line-height: 30px;}
    .ficat .prolist li:nth-child(2) .protexs h3 {font-size: 22px;}
    .ficat .prolist li:nth-child(3) div{padding-right: 30px;}
    .ficat .prolist li:nth-child(3) {height: 340px;}
    .ficat .prolist li:nth-child(3) h3 {font-size: 22px;}
    .ficat .prolist li:nth-child(3) a {font-size: 16px;margin-top: 80px;width: 150px;height: 30px;line-height: 30px;}
    .ficat .prolist li:nth-child(5) {height: 340px;}
    .ficat .prolist li:nth-child(5) .protexs h3 {font-size: 22px;}
    .ficat .prolist li:nth-child(6) {height: 340px;}
    .ficat .prolist li:nth-child(6) .protexs h3 {font-size: 22px;}
    .ficat .prolist li:nth-child(7) {height: 340px;}
    .ficat .prolist li:nth-child(7) .protexs h3 {font-size: 22px;}
    .ficat .prolist li:nth-child(8) div {padding-right: 30px;}
    .ficat .prolist li:nth-child(8) {height: 340px;}
    .ficat .prolist li:nth-child(8) h3 {font-size: 22px;}
    .ficat .prolist li:nth-child(8) a {font-size: 16px;margin-top: 80px;width: 150px;height: 30px;line-height: 30px;}
    .advert ul.flex li .advright p {font-size: 14px;}
    .advert ul.flex li .advright span {font-size: 12px;}
    .advert ul.flex li figure {max-width: 40px;}
}
@media screen and (max-width:600px){
    .ficat .ficatlist li figure {max-width: 60px; margin: 0 auto;}
    .ficat .ficatlist li h4 {font-size: 14px;margin-top: 16px;}
    .ficat .prolist li p {width: 100%;}
    .ficat .prolist li:nth-child(2) {margin-right: 0px;height: 280px;width: 100%;}
    .ficat .prolist li:nth-child(4) div {padding-left: 22px;}
    .ficat .prolist li:nth-child(4) {margin-right: 0px;height: 280px;width: 100%;}
    .ficat .prolist li:nth-child(4) h3 {font-size: 18px;}
    .ficat .prolist li:nth-child(4) a {font-size: 14px;margin-top: 50px;width: 100px;height: 30px;line-height: 30px;}
    .ficat .prolist li:nth-child(1) div {padding-top: 50px;padding-left: 30px;}
    .ficat .prolist li:nth-child(1){height: 300px;}
    .ficat .prolist li:nth-child(1) h3 {font-size: 24px;}
    .ficat .prolist li:nth-child(1) a {font-size: 14px;margin-top: 60px;width: 100px;height: 30px;line-height: 30px;}
    .ficat .prolist li:nth-child(2) .protexs h3 {font-size: 18px;}
    .ficat .prolist li:nth-child(3) {height: 280px;padding-right: 22px;width: 100%;}
    .ficat .prolist li:nth-child(3) h3 {font-size: 18px;}
    .ficat .prolist li:nth-child(3) a {font-size: 14px;margin-top: 50px;width: 100px;height: 30px;line-height: 30px;}
    .ficat .prolist li:nth-child(5) {height: 280px;width: 49.5%;}
    .ficat .prolist li:nth-child(5) .protexs h3 {font-size: 18px;}
    .ficat .prolist li:nth-child(6) {height: 280px;width: 49.5%;}
    .ficat .prolist li:nth-child(6) .protexs h3 {font-size: 18px;}
    .ficat .prolist li:nth-child(7) {height: 280px;width: 40%;}
    .ficat .prolist li:nth-child(7) .protexs h3 {font-size: 18px;}
    .ficat .prolist li:nth-child(8)div {padding-right: 22px;}
    .ficat .prolist li:nth-child(8) {height: 280px;width: 59%;}
    .ficat .prolist li:nth-child(8) h3 {font-size: 18px;}
    .ficat .prolist li:nth-child(8) a {font-size: 14px;margin-top: 50px;width: 100px;height: 30px;line-height: 30px;}
    .ficat .prolist li .protexs {bottom: 25px !important;}

    .aboutitem .aboutintro .introCopy div { padding: 40px 0 20px 20px;}
    .aboutitem .aboutintro .introright{padding: 40px 0 36px 20px;}
    .aboutitem .aboutintro .introright h4 {font-size: 22px;}
    .aboutitem .aboutintro .introCopy h4 {font-size: 22px;}
    .aboutitem .aboutbox {margin-top: 30px;padding-bottom: 42px;}
    .hometitle h2 {font-size: 18px;}
    .hometitle p {font-size: 12px;}
    .aboutitem .aboutbox h3 {font-size: 22px;}
    .newsit .newsseslist li {height: 360px;width: 49%;}
    .newsit .newsseslist li h3 a {font-size: 18px;}
    .advert ul.flex li {flex-direction: column;align-items: center;}
    .advert ul.flex li .advright {margin-left: 0px;margin-top: 20px;}
}


@media screen and (max-width:460px){ 
    .foot-tail .tail-right .useflex {flex-direction: column;justify-content: center;align-items: center;}
    .foot-tail .tail-right .useflex .customer {margin-top: 20px;}
    .foot-tail .tail-right .mation {margin-top: 30px;}
    .ficat .ficatlist li figure {max-width: 45px;}
}

@media screen and (max-width:350px){
    .ficat .ficatlist li h4 {font-size: 12px;margin-top: 16px;}
}