@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:none}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:none}*{padding:0;margin:0;}a{text-decoration:none!important;-webkit-tap-highlight-color:transparent;outline:none}strong{font-weight:bold}ul{list-style:none}*html.clearfix{zoom:1}*+html.clearfix{zoom:1}.h1, .h2, .h3, h1, h2, h3{margin:0;font-weight: bold;}
@font-face {font-family: 'Roboto';font-style: normal;font-weight: 100;font-display: swap;src: url(https://fonts.gstatic.com/s/roboto/v30/KFOkCnqEu92Fr1MmgVxIIzI.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:300;src:url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmSU5fBBc4.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:400;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:700;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:'Raleway';font-style:normal;font-weight:300;font-display:fallback;src:url(https://fonts.gstatic.com/s/raleway/v34/1Ptxg8zYS_SKggPN4iEgvnHyvveLxVsEpbCIPrE.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:'Raleway';font-style:normal;font-weight:700;font-display:fallback;src:url(https://fonts.gstatic.com/s/raleway/v34/1Ptxg8zYS_SKggPN4iEgvnHyvveLxVs9pbCIPrE.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: 'iconfont';src: url('iconfont.ttf?t=1729230602489') format('truetype');}
.iconfont {font-family: "iconfont" !important;font-style: normal;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}
  
html{font-size:62.5%; /* 10÷16=62.5% */} body{font-size:16px;font-size:1.6rem ; line-height:2.2;font-family:'Roboto', sans-serif;color:#333;background:#fdfdfd;font-weight:400;}*{margin:0;padding:0}a{text-decoration:none;color:#333;}a:hover{color: #23477a;}* html .clearfix{zoom:1}*+html .clearfix{zoom:1}.clearfix:after{height:0;visibility:hidden;content:".";display:block;clear:both}
.contentfix{width:83.33%;margin:0 auto;max-width: 1300px;}.contentleft{margin-left:8.6%}body .bold{font-weight:bold}img{max-width: 100%!important;height: auto!important;aspect-ratio: auto;}
h1,h2,h3{font-weight: 700;font-family: 'Raleway',sans-serif;}
.bold{font-weight: 600;}.lighter{font-weight: lighter;}.fontsize14{font-size: 1.4rem;color: #5d6167;}img{max-width: 100%;height: auto;display: block;}
.layui-nav *{font-size: 1.6rem;}
.layui-nav{background:0 0;padding:0}.layui-nav-bar{display:none}.layui-main{width:100%}
/*public*/
.flex{display:flex;flex-wrap: wrap;align-content:center;}.flex_between{justify-content: space-between;}
.iconfont.dizhi::before {content: "\e60A";}
.iconfont.moqie::before {content: "\E66B";}
.iconfont.huozao::before {content: "\E75B";}
.iconfont.rukou-zhuzao::before {content: "\E601";}
.iconfont.options::before {content: "\E608";}
.iconfont.pricing::before {content: "\E628";}
.iconfont.delivery::before {content: "\E687";}
.iconfont.facebook::before {content: "\E66E";}
.iconfont.linkedin::before {content: "\E711";}
/*daohang*/
#header{width: 100%;font-family:'Raleway',sans-serif;font-weight:300;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;}#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: all .2s linear;color:#000}
#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 ul li.a_bottom > a::before{content: '';position: absolute;left: 0;width: 50px;height: 2px;background: #fff;top:35px;}
#header .header .layui-bottom ul li ul li a{font-weight:400!important;color: rgba(0,0,0,.8)!important;}
#header .header .layui-bottom ul li.pointer > a{pointer-events: none;}
/*banner*/
.title_border{position: relative;margin-bottom:20px;display: block;height: 5px;margin-top:5px;}.title_border::before{position: absolute;bottom: 0;height: 5px;content: '';background: #0355a8;}
.touch{display: block;position: relative;border:2px solid #0355a8;width: 270px;line-height: 46px;color: #0355a8;text-align: center;text-transform: uppercase;margin: 0 auto;box-shadow: 5px 5px 0 #7abfea;background: #fff;}
.touch1{display: block;position: relative;border:2px solid #fff;width: 250px;line-height:60px;color: #0355a8;text-align: center;text-transform: uppercase;color: #fff;border-radius:25px;height: 60px;font-weight: bold;font-family: 'Raleway',sans-serif;}.touch1:hover{color: #fff;}
#index_banner{position: relative;}
.index_banner{background-position: center top;background-size: cover;background-repeat: no-repeat;color: #fff;}.index_banner span{color:#fe4d24;}
.index_banner1{background: url(../images/index_banner1.webp) center top;background-size:cover}

/*index_product*/
.index_product ul li h2{padding-top:8px;line-height: 1.3;margin-bottom: 15px;text-align: left;}
.index_product ul li img{width:100%}
/*index_what*/
.index_what h3{text-transform: capitalize;}
.index_what ul{justify-content: space-between;}.index_what ul li em{color:#0355a8;font-size:6rem;line-height: 1;margin-bottom: 20px;display: block;}
/*index_why_us*/
.index_why_us{background: url(../images/why-choose-us.webp) no-repeat left top;background-size: cover;background-attachment: fixed;color: #fff;}
.index_why_us input,.index_why_us textarea{width: 100%;margin-bottom: 20px;border:1px solid #dfdfdf;font-weight:lighter;text-indent: 1rem;}
.index_why_us input{line-height:46px}.index_why_us textarea{padding-top:10px;height: 100px;}
.index_why_us .flex2{background:#f9f9fb;color: #333;padding:40px 3% 30px;position: relative;width:94%}.index_why_us .flex2::after{position: absolute;width: 96%;bottom:-10px;left: 2%;height: 10px;background-color: #7abfea;content: '';}
.index_why_us #submit{border:2px solid #0355a8;color: #0355a8;width: 180px;line-height: 46px;text-align: center;text-transform:uppercase;background:none;font-weight: normal;}
.index_why_us .why_us_ul{padding-top:30px}
.index_why_us .why_us_ul li{margin-bottom:50px;}.index_why_us .why_us_ul li div{padding-top:7px;}
.index_why_us .why_us_ul em{background:#fff;font-size:3rem;color: #0355a8;border-radius:50%;padding:10px;height:30px;line-height: 1;margin-right: 15px;font-weight: lighter;}
.index_why_us .why_us_ul em.pricing{font-size: 2.2rem;line-height: 1.5;padding: 10px 13px;}
/*industries_served*/
.industries_served ul{padding-top:30px}.industries_served ul li h3{padding:15px 0 10px}.industries_served ul li:hover img{box-shadow:5px 5px 5px rgba(0,0,0,.1);}
/*index_solution*/
.index_solution{background: url(../images/index-solution.webp) no-repeat center top;color: #fff;background-size: cover;}
.index_solution .title_border::before{background: #fff;}
.index_solution p{max-width: 450px;}.index_solution .touch{margin:inherit;margin-top:30px}
/*index_blog*/
.index_blog ul{padding-top: 30px;}.index_blog ul li .img{margin-bottom:30px;max-height:208px;overflow: hidden;}.index_blog ul li:hover .img{box-shadow:5px 5px 5px rgba(0,0,0,.1);}.index_blog h3{margin-bottom:10px;line-height: 1.5;}
/*index_contact*/
.index_contact{position: relative;background:url(../images/footer_xcy.webp) no-repeat;color: #fff;background-size: cover;padding-top: 4%;padding-bottom: 5%;}
.index_contact .contentfix{position: relative;z-index: 1;align-items: center;}.index_contact h3{line-height: 1.8;max-width:660px;height:40px;}
/*footer*/
footer{background: #0355a8;color:#fff;font-family: 'Raleway',sans-serif;}footer a,footer a:hover{color: #fff;}
footer .footer img{display: block;margin-bottom:25px;width:auto}footer .footer >ul .menu-item-has-children > a{display:block}
footer .footer-wrap{border-top:1px solid #81aad4}
footer .share{font-size: 3rem;}footer .share a{display: inline-block;margin-right:10px;}
@media screen and (min-width: 768px) {
.contentfix{max-width: 1300px;margin:0 auto;}h1,#index_banner h2{font-size:4rem;line-height: 1.5;}h2{font-size:3.6rem;}h3{font-size:2.4rem;line-height: 1.5;}
.left{float:left}.right{float: right !important;}
.grid{display:grid;}
.table{display: table;}.table li{display: table-cell;}
.touch1{font-size: 2.4rem;margin-top:20px}
/*public*/
.bgbai{padding:100px 0}.marginleft10{margin-left:10%;}img.marginleft10{width: 90%;}.marginbottom50{margin-bottom: 50px;}
/*banner*/
.title_border::before{width: 64px;left:-50px}
/*index_product*/
.index_product ul li h2{margin-bottom: 30px;}.index_product .title_border::before{left: 0;right: 0;margin: 0 auto;}
.index_product ul{padding-top:30px}.index_product ul li div.flex{justify-content:space-between;margin-bottom:90px;align-items: flex-start;}.index_product ul li .li1{flex-direction:row-reverse;}
.index_product ul li .img{width:47.5%;display: block;overflow: hidden;}.index_product ul li .img img{border-bottom-left-radius:50px;}.index_product ul li .li1 .img img{border-bottom-right-radius:50px;border-bottom-left-radius:0}.index_product ul li .img_desc{width:48.5%;display: flex;flex-wrap: wrap;align-content: center;}
/*index_what*/
.index_what ul{padding-top:50px;}.index_what ul li{margin-bottom:50px;width:50%;}.index_what ul li p{max-width:460px}
/*index_why_us*/
.public_section{padding:100px  0 80px}
.index_why_us .flex2 h3{margin-bottom: 40px;}
.index_why_us .why_us_ul li{width: 47%;flex-wrap: nowrap;}
/*industries_served*/
.industries_served.public_section{padding-bottom: 10px;}
.industries_served ul li{width: 31.3%;margin-bottom: 70px;}
/*index_solution*/
.index_solution{padding-bottom: 90px;}
/*index_blog*/
.index_blog ul li{width: 31.33%;}.index_blog ul li h3{padding-right: 24px;}
/*index_contact*/

/*footer*/
footer .footer{padding:80px 0 50px;display: flex;flex-wrap: wrap;justify-content: space-between;}footer .footer .footer1{max-width: 240px;}
footer .footer >ul{display: flex;flex-wrap: wrap;justify-content: space-between;width:55%;}footer .footer >ul .menu-item-has-children > a{font-size: 2.4rem;margin-bottom:25px;line-height: 1.8;}
footer .footer h3{font-size: 2.4rem;font-weight: normal;line-height:1.8;margin-bottom:24px}
footer .footer-wrap .contentfix{padding:40px 0}
}
@media screen and (min-width:1101px){
h1,#index_banner h2{font-size:5.5rem;}h2{font-size:4.5rem;}h3{font-size:2.4rem;line-height: 1.5;}
/*daohang*/
#header{padding:30px 0;background:#fff;z-index:9}.header_fix{position: absolute;background: none!important;width: 100%;z-index:3;}
#header .header .layui-top,#header .header .layui-bottom,.header .layui-nav{position:inherit}
#menu #nav{display: flex;justify-content: space-between;}
#header .header .layui-left{float: left;width:18%;}#header .header #menu{float: right;width:74%;}
#header .header .layui-bottom ul li{box-sizing:border-box;text-align:center;position: relative;}#header .header .layui-bottom > ul > li.padding-menu > a{padding:0;position: relative;max-width: 70px;margin: 0 auto;}
#header .header .layui-bottom ul li.padding-menu > a{border-bottom:3px solid #fff;}
#header .header .layui-bottom ul li.padding-menu.current-menu-parent >a,#header .header .layui-bottom ul li.padding-menu.current-menu-item > a,#header .header .layui-bottom ul li.layui-showul > a,#header .header .layui-bottom ul li.padding-menu > a:hover{color:#253993;}
#header .header .layui-bottom ul li.padding-menu1{position: relative;}
#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{top:65px;border-top:none;border-left:0;border-right:0;border-bottom:0;}
#header .header .layui-bottom ul li.padding-menu1 .layui-nav-child{top:51px;}
#header .header .layui-bottom ul li ul li::after{display:none;}#header .header .layui-bottom ul li:hover ul li a{background:none;}.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:none;top:0;box-shadow:none}
#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-menu > ul{padding:50px 0}
#header .header .layui-bottom .padding-menu1 > ul{padding:20px;text-align: center;}
#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:3;}
.header .layui-nav-child{background:rgba(255,255,255,.99);padding:20px 16px;;}.header .layui-nav-child ul{background: none;}
.header .layui-nav-child li{display:grid!important}.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 li.a{margin-right:208px;}#header .header .layui-bottom ul ul li.a > a{margin-bottom: 30px;font-size: 18px;}
#header .header .layui-bottom ul ul ul li a{padding:0;text-align: right;line-height: 50px;}
#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 ;}

#header .header .layui-bottom ul li.application li{position: relative;padding-left:40px;padding-right: 20px;}
#header .header .layui-bottom ul li.application li::before{background: url(../images/menu.webp) no-repeat;position: absolute;left: 0;content: '';width:50px;height:35px;background-size:50px auto;}
#header .header .layui-bottom ul li.application li.food::before{background-position: left -8px;}
#header .header .layui-bottom ul li.application li.ceramic::before{background-position: left -58px;}
#header .header .layui-bottom ul li.application li.toothpaste::before{background-position: left -108px;}
#header .header .layui-bottom ul li.application li.textile::before{background-position: left -158px;}
#header .header .layui-bottom ul li.application li.oil::before{background-position: left -208px;}
#header .header .layui-bottom ul li.application li.paper::before{background-position: left -258px;}
/*index_banner*/
.index_banner p{font-size:2rem;}
.index_banner1 h1,.index_banner1 h2{padding-top:5%}.index_banner1 h1,.index_banner1 h2,.index_banner1 p{padding-left:40.5%;}.index_banner1 h1,.index_banner1 h2{max-width:720px;margin-bottom: 20px;line-height: 1.5;}
}
@media screen and (min-width:1301px){
/*header*/
#header .header .layui-bottom ul li>a{font-size: 1.8rem;padding-bottom:10px;}
#header .header .layui-bottom ul li a{font-size: 1.8rem;}
}
@media screen and (min-width: 768px) and (max-width:1300px) {
.contentfix{width: 96%;}
.title_border::before{left: 0; width: 60px;}
.public_section{padding:50px 0;}
/*footer*/
footer .footer{padding:50px 0;grid-template-columns: 1.5fr 2fr 0.9fr;}footer .footer > ul .menu-item-has-children > a{font-size: 1.8rem;}footer .footer h3{font-size: 1.8rem;}
footer .footer-wrap .contentfix{padding:20px 0}
}
@media screen and (max-width:1100px) {
h1,#index_banner h2{font-size:3.6rem;}h2{font-size:2.6rem;}h3{font-size:2.2rem;line-height: 1.5;}
/*shouji duan right menu*/
.layui-hide-sm {display: block !important;}
/*daohang*/
#header{height: 65px;}
#header .header .layui-top .layui-left .layui-logo a img{max-width:170px!important;margin-left:5%;}
#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;}
.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: #23477a;-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;}
/*menu*/
.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: 0.5rem 0 0 1rem;border-bottom:none}
.menu ul li .sub-menu li .sub-menu {display: none;}
.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: 0.5rem 0 0.5rem 2rem;border-bottom: 1px solid #d7d7d7;}
.menu ul li.menu-item-has-children::before {content:"\e61a";font-family: layui-icon !important;display: block;position: absolute;right: 0;top: 0;width: 40px;text-align: center;height:30px;z-index: 1;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:none}header .layui-layer{width:90%!important}
/*index_banner*/
.index_banner h1,.index_banner1 h2{margin-top:20%;line-height: 1.5;}.index_banner p{font-size:1.8rem;}
/*footer*/
footer .footer img{max-width:80%;}
}
@media screen and (min-width:992px){
/*index_why_us*/
.index_why_us .flex1{width:55%;}.index_why_us .flex2{width:33.3%;}
}
@media screen and (min-width: 768px) and (max-width:991px) {
/*index_blog*/
.index_blog ul li{margin-bottom:30px;}.index_blog ul li .img{margin-bottom: 20px;}
}
@media screen and (min-width: 768px) and (max-width:860px) {
/*footer*/
footer .footer > ul{width: 100%;padding-top:50px;}
    }
@media screen and (max-width: 767px) {
.contentfix{width:82%}h1,#index_banner h2{font-size:2.6rem;margin-bottom:20px;}h2{font-size:2.4rem;margin-bottom:10px;}h3{font-size:20px;margin-bottom:20px;}
/*public*/
.bgbai{padding:50px 0}.sj_marginbottom30{margin-bottom: 30px;}.sj_marginbottom50{margin-bottom:50px;}

/*banner*/
.index_what{padding-bottom: 40px;}.public_section{padding:40px 0}.title_border::before{left: 0;width: 60px;}
#index_banner{margin-bottom:40px}.index_banner h1,.index_banner1 h2{margin-top:70px}.index_banner h1,.index_banner1 h2,.index_banner p{padding-left: 3%;padding-right: 
    3%;width: 94%;}
/*index_product*/
.index_product ul li{margin-bottom:40px;}.index_product img{margin-bottom:15px;}.index_product ul li h2{padding-bottom:0}
/*index_what*/
.index_what ul{padding-top:30px;}.index_what ul li{margin-bottom:40px;text-align: center;width: 100%;}.index_what ul li em{margin-bottom:20px}.index_what h3{margin-bottom:10px;line-height:1.5}
/*index_why_us*/
.index_why_us .contentfix{width:100%;}.index_why_us .contentfix .flex1{width:82%;margin:0 auto}.index_why_us .contentfix .flex2{width:88%;margin:0 auto}
.index_why_us .why_us_ul li{text-align: center;margin-bottom: 40px;width: 100%;}.index_why_us .why_us_ul em{margin:0 auto 20px;display: block;}.index_why_us .why_us_ul{margin-bottom: 40px;}
.index_why_us .why_us_ul div{width: 100%;}
/*industries_served*/
.industries_served{padding-bottom: 30px;}.industries_served ul li{margin-bottom:40px;}.industries_served ul li h3{margin-bottom: 0;padding-bottom: 0;padding-top:20px}
/*index_blog*/
.index_blog ul{width:90%;margin:0 auto}.index_blog ul li{margin-bottom: 30px;padding-bottom: 30px;border-bottom: 1px dashed #999;}.index_blog ul li .img{height: auto;}
/*index_contact*/
.index_contact{padding-top:40px;padding-bottom: 40px;}.index_contact h3{height: auto;}.touch1{margin-top:30px;font-size: 2rem;}
/*footer*/
footer{padding:50px 0 20px;font-size: 14px;}footer .footer{padding-bottom: 30px;}footer .footer1{margin-bottom: 30px;}
footer .footer>ul ul{margin-bottom:20px;}footer .footer >ul .menu-item-has-children > a{font-size: 2rem;margin-bottom:10px;line-height: 1.8;}footer .footer h3{font-size: 2rem;line-height: 1.8;font-weight: normal;margin-bottom:10px}footer .footer ul ul{margin-bottom:30px;}
footer .footer-wrap{padding-top: 20px;}
}