@charset"utf-8";
@import url(../layui/css/layui.css);
li{list-style:none}legend{color:#5a5a5a}fieldset,img{border:0}i,em{font-style:normal}ul{margin:0;padding:0}strong{font-weight:bold}caption,th{text-align:left}q:before,q:after{content:''}sup{vertical-align:super}sub{vertical-align:sub}del,ins{text-decoration:none}small{font-size:12px;display:block}abbr,acronym{border:0;font-variant:normal}input,button,textarea,select{font-size:100%}input.hidefocus::-moz-focus-inner{border:0}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}table{border-collapse:collapse;border-spacing:0;empty-cells:show}address,caption,cite,code,dfn,em,strong,th,var,optgroup{font-style:inherit;font-weight:inherit}input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0;outline:0}*{padding:0;margin:0}a{text-decoration:none!important;-webkit-tap-highlight-color:transparent;outline:0}strong{font-weight:bold}ul{list-style:none}
*html.clearfix{zoom:1}*+html.clearfix{zoom:1}.clearfix{zoom:1}*+html .clearfix{zoom:1}.clearfix:after{height:0;visibility:hidden;content:".";display:block;clear:both}
@font-face{font-family:'Roboto';font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/roboto/v30/KFOmCnqEu92Fr1Mu4mxK.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Roboto';font-style:normal;font-weight:500;font-display:swap;src:url(https://fonts.gstatic.com/s/roboto/v32/KFOlCnqEu92Fr1MmEU9fBBc4.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Roboto';font-style:normal;font-weight:700;font-display:swap;src:url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmWUlfBBc4.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face {font-family: "iconfont";src: url('../css/iconfont.ttf?t=1716011658597') format('truetype');}
.iconfont {font-family: "iconfont" !important;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}
.iconfont.standard::before {content: "\e717";}.iconfont.capacity::before {content: "\e6fa";}.iconfont.services::before {content: "\e611";}.iconfont.jiantou1::before {content: "\eb0b";}
a,html,ody,p,span{font-family:'Roboto',sans-serif!important}
a:hover{color:#1657b4}
.aligncenter{margin:0 auto;display:block}
.contentfix{max-width:1300px;margin:0 auto;width:86%;}
html{font-size:62.5%}
body{font-size:16px;font-size:1.6rem;line-height:2;font-family:'Roboto',sans-serif;color:#333;background:#ecf0f2}
.bold{font-family:'Roboto',sans-serif;font-weight:600}
.lighter{font-weight:lighter}
.fontsize14{font-size:1.4rem}
img{max-width:100%;height:auto;display:block}
.layui-nav *{font-size:1.6rem}
.layui-nav{background:0;padding:0}
.layui-nav-bar{display:none}
.layui-main{width:100%}

.layui-nav-child{top:inherit}
.chuxian{display:block}
.width78{width:78%!important}.flex{display:flex;flex-wrap:wrap;align-content:center}.flex_between{justify-content: space-between;}
/*header*/
#header .header{max-width:1300px;margin:0 auto}
#header .header .layui-top .layui-left .layui-logo a{display:block}
#header .header .layui-top .layui-left .layui-logo a img{max-width:100%}
#header .header .layui-top .layui-right{text-align:right}
#header .header .layui-top .layui-right a{margin-right:10px;overflow:hidden;position:relative}
#header .header .layui-bottom ul li:last-of-type::after{display:none}
#header .header .layui-bottom ul li:hover a{position:relative;box-sizing:border-box}
#header .header .layui-bottom ul li a{padding:0 1em;transition:0}
#header .header .layui-bottom ul ul li a{display:block;text-align:left;position:relative;padding-left:0}
#header .header .layui-bottom ul ul li.a>a{margin-bottom:15px}
#header .header .layui-bottom ul li ul li a{line-height:30px}
#header .header #nav ul ul ul li a{font-size:1.4rem}
#header .header .layui-bottom ul li.pointer>a{pointer-events:none}
#header .header .layui-bottom ul li:hover a,#header .header .layui-bottom ul li.current-menu-ancestor>a{position:relative;box-sizing:border-box}
#header .header .sub-menu{display: none;}
/*banner*/
.banner{background:url(../images/banner.webp) no-repeat center top;background-size: cover;}
.banner .contentfix{position:relative;z-index:1;flex:1;color:#fff}
.banner .h1{line-height:1em;margin-bottom:30px;display:block}
.banner p{line-height:1.5em}
/*index_product*/
.index_product{background: #fff;}.index_product h2{text-align: center;}.index_product .desc{max-width: 930px;margin:0 auto}
.index_product ul li{position: relative;border-radius: 10px;overflow: hidden;transition: all 0.3s ease;}.index_product ul li:hover{box-shadow: 0 5px 5px rgba(0,0,0,0.2);}.index_product ul li .img_desc{position: absolute;width: 100%;color:#fff;background:linear-gradient(to bottom,rgba(10,57,101,0) 0,rgba(10,57,101,0.2) 10%,rgba(10,57,101,0.4) 30%,rgba(10,57,101,0.6) 60%,rgba(10,57,101,0.9) 100%);;bottom: 0;padding-bottom: 5%;padding-top: 5%;}.index_product ul li .img_desc a{color:#fff}.index_product ul li .img_desc h3,.index_product ul li .img_desc p{padding-left:8%;}
.index_product img{width: 133%;max-width: 133%;position: relative;margin-left:-10%;}
.index_product ul li h3 a{position: relative;display: block;}.index_product ul li h3 a em{padding:12.5px;background: #fff;border-radius: 50%;position: absolute;right:8%;line-height: 1;}.index_product ul li:hover h3 a em{top:-3px}.index_product ul li h3 a i{font-size:2.5rem;color: #1657b4;font-weight:lighter;}

/*index_industries_list*/
.index_industries_list{max-width:1320px;margin:0 auto}.index_industries_list li{background:#fff;box-shadow:0 5px 10px rgba(0,0,0,0.1);padding-bottom:22px;transition: all 0.3s ease;}
.index_industries_list li:hover{box-shadow:0 5px 10px rgba(0,0,0,0.2);}
.index_industries_list li .img{position:relative;}.index_industries_list li .img img{margin-bottom:25px;}
.index_industries_list li .img h3{text-align:center;-webkit-transition:all .5s;transition:all .5s;font-weight:normal;line-height: 1.5;display: flex;max-width: 160px;margin: 0 auto;}.index_industries_list li .img h3 a{display: flex;align-items: center;justify-content: center;flex-wrap: wrap;}.index_industries_list li .img h3 *{width: 100%;}.index_industries_list li .img h3 span{color:#d6d6d6;font-weight: bold;font-size: 1.8rem;transition:all .3s ease-in-out;position: absolute;bottom: 0;left: 0;}

/*about_us*/
.about_us h4{color:#494949;margin-bottom:20px;font-size: 2rem;}
.about_us h2{margin-bottom:20px}
.about_us img{border-radius: 10px;transition: all 0.3s ease;}.about_us img:hover{box-shadow: 0 5px 5px rgba(0,0,0,0.2);}
.about_us .more{border-radius:5px;line-height:46px;text-align:center;background-color:#5fa948;color:#fff;width:210px;display:block;margin-top:60px}
.about_us .jiantou{height:2px;top:22px;width:12px;background:#fff;box-shadow:0 0 0 25px #fff inset}
.about_us .jiantou::after{border-color:#fff;left:1px;top:-22px;border-width:2px 2px 0 0}

/*about_us1*/
.about_us1{background:#1a79a7;color:#fff;position:relative;}.about_us1 ul li:nth-child(2){background:#5fa948;}
.about_us1 ul li h3{position:relative}.about_us1 ul li h3 i{font-size:4.6rem;font-weight: lighter;display:block;color: #fff;line-height: 1;margin-bottom:10px;}

.jiantou{display:inline-block;width:20px;height:1px;box-shadow:0 0 0 25px #1657b4 inset;background-color:#1657b4;top:16px;position:relative;left:10px}
.jiantou::after{content:"";display:inline-block;position:relative;left:10px;width:8px;height:8px;background-color:transparent;border-color:#1657b4;border-style:solid;border-width:1px 1px 0 0;transform:rotate(45deg);top:-16px}
.triangle_more{display:block;margin-top:30px}
.triangle_more i{width:0;height:0;border:7px solid transparent;border-left-color:transparent;border-left-color:#1657b4;display:inline-block;position:relative;top:2px}
/*why_choose_us*/
.why_choose_us h4{color:#494949;margin-bottom:20px;text-transform:uppercase}
.why_choose_us h2{margin-bottom:20px}
.why_choose_us ul li{position:relative;padding-left:50px;margin-bottom:30px}
.why_choose_us ul li::before{content:'';position:absolute;top:5px;left:0;width:36px;height:36px;background:url(../images/ico.webp) no-repeat}
/*bloglist*/
.bloglist h2{margin-bottom:26px;line-height:1.2}
.bloglist ul li .img{max-height:180px;overflow:hidden;border-radius: 10px;background: #1a79a7;}
.bloglist h3{padding-bottom:10px;line-height:1.5}
.bloglist ul li{border-bottom: 1px solid #b5b5b5;align-items: center;transition: all 0.3s ease;}.bloglist ul li:hover{box-shadow: 5px 5px 5px rgba(0,0,0,0.1);}.bloglist ul li:last-child{border-bottom:none;}
/*footer*/
.about_us5{text-align: center;}.about_us5 h2{font-weight: bold;}.about_us5 p{max-width:850px;margin:0 auto;}.about_us5 a{color:#fff;font-size:2.2rem;color: #fff;display: block;margin:0 auto;width:220px;line-height: 70px;background:#1a79a7;border-radius: 6px;}
footer{background:url(../images/footer_bg.webp) no-repeat;background-size: cover;color:#fff}footer a{color:#fff}footer a:hover{color:#ccc}
footer .footerlogo{display: block;margin:0 auto;position: relative;top:-33px}
footer .footer1{max-width: 240px;}footer .footer3 li{margin-bottom:20px;}
footer h3{font-size: 2rem;width:auto;border-bottom:1px solid #fff;display: inline-block;padding-right: 5px;}
footer .footer_copyright{border-top:1px solid #5f98b5}

@media screen and (min-width: 768px) {
    .menu-width-height{height:68px;width:256px}
    .left{float:left}
    .right{float:right}
    .grid{display:grid}
    /*daohang*/
    #header{position:absolute;left:0;right:0;z-index:3}
    .header_fix{position:absolute;width:100%;z-index:3}
    #header .header .layui-top,#header .header .layui-bottom,.header .layui-nav{position:inherit}
    #menu #nav{display:flex}
    #header .layui-top,#header .header .layui-left,#header .header #menu{display:flex;align-content:center;align-items:center}
    #header .header #menu{justify-content:flex-end;flex:1}
    #header .header .layui-top{padding:10px 0}
    #header .header .layui-bottom ul li{line-height:20px;box-sizing:border-box;text-align:center;position:relative;padding:0}
    #header .header .layui-bottom ul li.padding-menu>a{padding-top:10px;padding-bottom:10px;position:relative;padding-right:18px;margin-right:15px}
    #header .header .layui-bottom ul li.padding-menu>a::before{content:"\e61a";font-family:"layui-icon"!important;position:absolute;right:0}
    #header .header .layui-bottom ul li.padding-menu1{position:relative}
    #header .header .layui-bottom ul li a{color:#fff}
    #header .header .layui-bottom ul li:last-of-type a:after{display:none!important}
    #header .header .layui-bottom ul li.menu_width{width:34%}
    #header .header .layui-bottom ul li.menu_width1{width:25%}
    #header .header .layui-bottom ul li.menu_width2{width:15%}
    #header .header .layui-showul ul{display:block}
    #header .header .layui-showul ul ul{display:block}
    .header .layui-nav-child{border-top:0;border-left:0;border-right:0;border-bottom:0}
    #header .header .layui-bottom ul li.padding-menu1 .layui-nav-child{top:79px}
    #header .header .layui-bottom ul li ul li::after{display:none}
    #header .header .layui-bottom ul li ul a:hover{background:#1a79a7;color:#fff}
    #header .header .layui-bottom ul li:hover ul li a #header .header .layui-bottom ul li ul a:hover{color:#184366}
    #header .header .layui-bottom ul li:hover a,#header .header .layui-bottom ul li.current-menu-ancestor>a{color:#000}
    #header .header .layui-bottom ul li:hover > a{color:#fff}
    .header ul li.menu_width2 .layui-nav-child{left:-37%}
    #header .header .layui-bottom ul li.menu_width2 ul li{width:220px}
    #header .header .layui-bottom ul ul ul.layui-nav-child{border:0;top:0;box-shadow:none;left:100%;width:100%;padding:0}
    #header .header .layui-bottom ul li.menu-item-relative{position:relative}
    #header .header .layui-bottom li.menu-item-relative ul{top:60px}
    #header .header .layui-bottom .padding-menu1>ul{padding:20px;text-align:center}
    #header .header .layui-bottom .padding-menu1_1>ul{left:-35px}
    #header .header .layui-bottom .padding-menu1_2>ul{left:-75px}
    #header .header .layui-bottom .padding-menu1_3>ul{left:-15px}
    #header .header .layui-bottom .padding-menu1 ul li a{padding-right:0;text-align:center}
    #header .header .layui-bottom .layui-showul ul ul{position:relative}
    /*xialacaidan*/
    #header .header .layui-bottom ul li a{display:block;line-height:60px}
    .header .layui-nav-child{background:#fff}
    .header .layui-nav-child ul{background:0}
    .header .padding-menu-width>.layui-nav-child{left:-64px;right:0;margin:0 auto;width:256px;padding:0}
    .header .padding-menu-industries .layui-nav-child li{min-width:120px}
    .header .padding-menu-industries .layui-nav-child li a{left:0;right:0;margin:0 auto;width:256px}
    .header .layui-nav-child li ul li{display:block!important}
    #header .header .layui-bottom ul li.padding-menu1 .layui-nav-child li{display:block!important}
    #header .header .layui-bottom ul ul li.a>a,#header .header .layui-bottom ul ul li.a1>a{margin-bottom:30px;font-size:16px;padding-right:0;height:100%;width:100%;padding-top:20px;text-indent:20px}
    #header .header .layui-bottom ul ul ul li a{padding:0;line-height:50px;height:100%;font-weight:lighter;padding-top:6px;text-indent:20px}
    #header .header .layui-bottom ul ul li.t>a::before{content:"\e602";font-family:"layui-icon"!important;position:absolute;left:80%}
    #header .header .layui-bottom ul ul ul li.a1{margin-right:110px}
    #header .header .layui-bottom ul ul ul ul{padding-left:0}
    #header .header .layui-bottom ul ul ul li.menu-item-has-children{display:inline-table!important}
    .header li.layui-showul.padding-menu1 ul.layui-nav-child,.header li.layui-showul.padding-menu1 .layui-nav-child li{display:block!important}
    .header li.layui-showul.padding-menu1 .layui-nav-child li a{line-height:40px!important;font-weight:400!important}

    .banner{height:686px}
    .banner .h1{font-size:7rem;max-width:660px}
    .banner p{font-size:19px;max-width:800px}

    .index_product{padding-bottom:100px;padding-top:100px}
    .index_product h2{font-size:4.1rem;}.index_product .desc{text-align: center;margin-bottom: 60px;}
    .index_product li{width:31.3%;}
    .index_product h3{font-size:2rem}

    .index_industries_list{padding-top:100px;padding-bottom:100px}
    .index_industries_list h2{font-size:4.1rem;line-height:1.2;padding:15px 0}.index_industries_list .desc{margin-bottom: 60px;}
    .index_industries_list li .img h3{font-size:2rem;height:90px;padding-bottom:20px}

    .about_us{padding-bottom:100px}
    .about_us .about_content h2{font-size:4.1rem;line-height:1.1}.about_us .about_content p{margin-bottom:15px;}
    .about_us1{position: relative;top: -70px;margin-bottom:30px}
    .about_us1 ul{display:flex;justify-content: space-between;}.about_us1 ul li{padding:50px 4% 60px;width:29.3%}
    .about_us1 ul li h3{font-size:2rem;padding:10px 0 7px}
    .about_us .img{width:49%}.about_us .img1{width:48%;}.about_us .img2{margin-top:70px;width:48%;}.about_us .about_content{width:45%;margin-top:60px;}

    .why_choose_us{padding:100px 0 150px}
    .why_choose_us h2{font-size:4.1rem;line-height:1.1}
    .why_choose_us h3{font-size:2.2rem}
    .why_choose_us .desc{max-width:550px}

    .bloglist{padding-bottom:40px}
    .bloglist h2{font-size:4.1rem}.bloglist h3{font-size:2rem}
    .bloglist ul{width:100%;}.bloglist ul li{margin-bottom:60px;padding-bottom:60px;}.bloglist ul li .img{width:26%;position: static;height: 180px;display: flex;align-items: center;justify-content: center;margin-top:0;max-width: 100%;max-height: 100%;overflow: hidden;}.bloglist ul li .date{width:13%;background: #fff;text-align: center;border-radius: 10px;display: flex;align-items: center;flex-wrap: wrap;padding-top:3.8%;padding-bottom:3.8%;}.bloglist ul li .img_desc{width:53%;position: relative;}.bloglist ul li .img_desc h3,.bloglist ul li .img_desc p{width:73%;}.bloglist ul li .img_desc em{padding:17.5px;background: #fff;border-radius: 50%;position: absolute;right:8%;line-height: 1;top:35%}.bloglist ul li .img_desc em i{font-size:2.5rem;color: #1657b4;font-weight:lighter;}
    .bloglist ul li .date span{font-size: 4.1rem;font-weight: bold;width:100%;line-height: 1;margin-bottom:10px}.bloglist ul li .date p{width: 100%;}
/*footer*/
.about_us5{padding-bottom:133px}.about_us5 h2{margin-bottom:25px;font-size:4.1rem}.about_us5 p{margin-bottom:40px}
footer .footer{padding-bottom: 110px;}
footer .footer1 img{margin-bottom: 30px;}
footer .footer3{width:80%;max-width:900px;}
footer h3{margin-bottom:30px;}footer .footer_copyright{line-height: 80px;}
}
@media screen and (min-width: 768px) and (max-width: 991px) {
.index_industries_list h2{font-size: 2.8rem;}
.index_product h2,.about_us .about_content h2,.bloglist h2{font-size: 3rem;}
/*banner*/
.banner{height:430px;}.banner .h1{font-size: 5rem;}

.index_product,.index_industries_list,.about_us{padding-bottom: 60px;}.index_product h2{margin-bottom: 15px;border-right:0}.index_product h3{font-size: 2rem;}
.bloglist{padding:0 0 60px}.bloglist h3{font-size: 2rem;margin-bottom: 15px;height: auto;}
/*footer*/
.about_us5 h2{font-size:3rem}
}
@media screen and (min-width: 768px) and (max-width: 1200px) {
.index_product,.index_industries_list{width:90%;margin:0 auto}
#header .header .layui-top{padding:10px 3%}
.banner .contentfix{flex:inherit}
.index_product h2{line-height:1.2}
.index_product li{margin-bottom:30px}
.index_product li h3{padding-top:10%}
.index_industries_list li{width:19%;}.index_industries_list li .img h3{font-size:2rem}
.about_us img{margin-bottom:30px}
.why_choose_us{padding:0 0 80px}
.why_choose_us .desc{margin-bottom:30px}
}
@media screen and (min-width:1301px){
.index_industries_list li{width:18.5%;}
}
@media screen and (max-width: 767px) {
    h2{font-size:26px}
    h3{font-size:22px}
    #header .header .layui-top .layui-left{position:absolute;z-index:9;padding:10px 0}
    #header .header .layui-top .layui-left .layui-logo a{position:relative;left:10%}
    .header .sj-nav{width:30px;height:34px;box-sizing:border-box;position:absolute;right:1rem;top:18px;z-index:9}
    .header .sj-nav a{position:absolute;top:calc(50% - 10px);left:calc(50% - 15px);display:block;width:30px;margin:0 auto;height:18px}
    .header .sj-nav a span{float:left;width:100%;height:3px;background-color:#fff;-webkit-transition:.3s;-o-transition:.3s;-moz-transition:.3s;transition:.3s;display:block}
    .header .sj-nav a span:first-child{position:absolute;top:0;left:0}
    .header .sj-nav a span:nth-child(2){margin-top:7px}
    .header .sj-nav a span:nth-child(3){position:absolute;bottom:0;left:0}
    .header .sj-nav a.on span:first-child{-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg);top:9px}
    .header .sj-nav a.on span:nth-child(2){opacity:0}
    .header .sj-nav a.on span:last-child{-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg);top:9px}
    .header .logo img{height:50px!important;width:auto}
    .menu{display:none!important;padding:2rem}
    .menu ul li{width:100%;box-sizing:border-box;margin-bottom:1rem;position:relative}
    .menu ul li a{display:block;border-bottom:1px solid #d7d7d7;padding-bottom:1rem}
    .menu ul li .sub-menu{display:none;padding-left:15px}
    .menu ul li .sub-menu li{width:100%;position:relative;margin-bottom:0}
    .menu ul li .sub-menu li a{display:block;width:100%;box-sizing:border-box;padding:.5rem 0 0 1rem;border-bottom:0}
    .menu ul li .sub-menu li .sub-menu{display:none;margin-bottom:30px;font-weight:lighter;padding-left:0;height:100%}
    .menu ul li .sub-menu li .sub-menu li{width:100%;position:relative}
    .menu ul li .sub-menu li .sub-menu li a{display:block;width:100%;box-sizing:border-box;padding:.5rem 0 .5rem 2rem;line-height:36px!important;font-size:1.5rem}
    .menu ul li.menu-item-has-children::before{content:' ';background:url("../images/ico_lx.webp") no-repeat center top;background-position:right -150px;display:block;position:absolute;right:0;top:0;width:80px;text-align:center;height:30px;z-index:0;background-size:30px auto}
    .menu ul li li li.menu-item-has-children:after{display:none}
    .layui-layer .layui-layer-content #menu{display:block!important}
    .layui-nav-child{position:relative;top:0;box-shadow:none;border:0}
    header .layui-layer{width:90%!important}
    .banner{height:280px;padding-top:80px;}.banner .contentfix{padding-left:5%;padding-right:5%;}
    .banner .h1{font-size:35px}
    .index_product{padding:50px 0}.index_product h2,.index_industries_list h2,.bloglist h2{margin-bottom: 20px;}.index_product .desc,.index_industries_list .desc{margin-bottom:40px;}
    .index_product ul{display: block;}.index_product ul li{margin:0 auto 20px}

    .index_industries_list{margin:50px auto;width:90%}
    .index_industries_list li{margin-bottom:20px;width: 100%;border-radius: 10px;overflow: hidden;}
    .index_industries_list li .img >a{height:300px;overflow: hidden;display: block;}.index_industries_list li .img img{position: relative;top: -50%;}
    .index_industries_list li .img h3{padding: 20px 0 30px;}

    .about_us{margin-bottom:50px}.about_us .img1,.about_us .img2{width:48%;margin-bottom: 20px;}
    .about_us .img{margin-bottom:20px}.about_us img{width: 100%;}
    .about_us h2{line-height:1.5}
    .about_us1{margin-bottom:50px;width:100%}
    .about_us1 ul li{margin-bottom:40px;padding:30px 7%;}.about_us1 ul li h3 i{display: inline-block;margin-right: 10px;font-size: 3.2rem;}

    .why_choose_us{margin-bottom:60px}
    .why_choose_us ul{padding-top:30px}
    .why_choose_us ul li::before{top:0}
    .why_choose_us ul li h3{font-size:19px}
    .bloglist ul{margin-bottom:25px;padding-bottom:20px;}.bloglist ul li .img{height:auto}
/*blog*/
.bloglist ul li{padding-bottom: 20px;margin-bottom: 20px;}.bloglist ul li .img{margin-bottom: 20px;position:static;height:190px;max-height:190px;display:flex;align-items:center;justify-content:center;margin-top:0;max-width:100%;max-height:100%;overflow:hidden}.bloglist ul li .date{color:#666}.bloglist ul li .date span::after{content: '/';}.bloglist ul li .date p{display: inline-block;}.bloglist ul li .img{max-height:200px}
/*footer*/
.about_us5{padding-bottom:60px}.about_us5 p{margin-bottom: 30px;}
footer{padding-top:80px;}footer h3{margin-bottom:15px;}
footer .footerlogo{display:none;}
footer .footer1{max-width: 100%;}
footer .footer1{margin-bottom: 30px;width:100%;}footer .footer3{margin-bottom:50px;}footer .footer1 img{margin-bottom: 20px;}
footer .footer3 .bottom{margin-bottom:20px;}
footer .footer_copyright{line-height: 60px;}
}