@charset "utf-8";@font-face{font-weight:400;font-style:normal;font-family:fontawesome;src:url(http://:/) format("no404"),url(../font-awesome/fontawesome-webfont.woff) format("woff"),url(../font-awesome/fontawesome-webfont.ttf) format("truetype")}
@font-face{font-family:Intro;src:url(../font/Intro.ttf) format("truetype")}
@font-face{font-family:Ubuntu-Bold;src:url(../font/Ubuntu-Bold.ttf) format("truetype")}
@font-face{font-family:Montserrat-Bold;src:url(../font/Montserrat-Bold.ttf) format("truetype")}
@font-face{font-family:Verdana;src:url(../font/Verdana.ttf) format("truetype")}
@font-face{font-family:Poppins-Regular;src:url(../font/Poppins-Regular.ttf) format("truetype")}
@font-face{font-family:Poppins-Medium;src:url(../font/Poppins-Medium.ttf) format("truetype")}
@font-face{font-family:iconfont;src:url(../font/iconfont9332.ttf?t=1622274305876) format("truetype")}
@font-face{font-family:iconfont;src:url(../font/iconfont20603.ttf?t=1638512047122) format("truetype")}
body{color:#666;font-family:Arial, Helvetica, sans-serif;font-size:1rem;line-height:1.75}
*{box-sizing:border-box;padding:0;margin:0}
li,ol,ul{list-style:none;margin-bottom:0}
img{vertical-align:top;max-width:100%;-ms-interpolation-mode:bicubic}
.clear{clear:both}
.clearfix::after{display:table}
hr{margin-bottom:2rem;border-top:1px solid #e8e8e8}
hr.bg{border-color:#fff}
strong{font-size:1.1rem;display:inline-block;font-weight:400;font-family:Ubuntu-Bold;color:#666; line-height: 1.35;}
b{font-weight:400;font-size:1.05rem;color:#000}
a{text-decoration:none;-webkit-tap-highlight-color:transparent;color:#016acf}
a:hover{color:#174277}
a:focus{outline:0;text-decoration:none}
a,a:hover{text-decoration:none}
.btn-secondary{padding:0 .5rem}
.layui-layer-btn a{color:#fff!important;margin-bottom:1rem!important}
.btn:not(:disabled):not(.disabled){cursor:pointer}
.review{color:red;font-size:18px}
.brief{width:100%;margin:3rem auto;font-size:.9rem;color:#666}
.table{margin:6px 0 0 0;margin-bottom:.5rem}
.table tr.top{background:#eee!important;color:#333;text-align:center!important;font-weight:700}
.table tr td{vertical-align:middle!important;text-align:left;color:#000;font-size:14px;padding:8px 8px!important}
.table tr:nth-child(odd){background-color:#e1e3e5}
.table tr:nth-child(even){background-color:#f3f5f7}
.table-img{width:100%;min-width:200px}
.table-img img{width:200px}
table,td{border:1px solid #fff!important}
.table1{width:auto}
.theme-send-inquiry-box{background:#000!important}
.theme-box-name{background:#fba51a!important;text-transform:uppercase;border-left:1px #fba51a solid!important}
h3{font-size:1.2rem;margin-bottom:1rem; color:#fba51a}
h3.f_color{color: #000; font-weight: bold;}
.s_title{color:#fba51a;font-size:1.2rem;line-height:1.35;font-family:Ubuntu-Bold;position:relative;display:block;padding-bottom:.5rem;margin-bottom:1rem;margin-top:2rem}
.s_title::before{position:absolute;content:"";width:60px;height:1px;background-color:#fba51a;left:0;bottom:0}
h4{color:#333;font-size:1.1rem;margin-top:1rem}
.hc_hometitle,h2{display:block;line-height:1.35;font-size:1.6rem;padding-bottom:.5rem;position:relative;margin-bottom:2rem;padding-bottom:1rem;color:#333;font-family:Ubuntu-Bold}
h2 small{color:#666;font-size:1.2rem;display:block;padding-top:.5rem}
.hc_hometitle::before,h2::before{content:"";position:absolute;left:0;bottom:0;width:120px;height:1px;background-color:#ddd}
.hc_hometitle::after,h2::after{content:"";position:absolute;left:0;bottom:-4px;width:10px;height:10px;background-color:#fba51a;border-radius: 50%;}
.text-center h2::after,.text-center h2::before{display:none}
.text-center h2{margin-bottom:1rem}
#hc_top{position:fixed;width:35px;height:35px;right:5px;bottom:100px;text-align:center;background:#ccc;z-index:100;cursor:pointer;color:#fff;font-weight:700;line-height:28px;border-radius:50%}
#hc_top a{color:#fff}
#hc_top:hover{transition:all ease-in-out .3s;-moz-transition:all ease-in-out .3s;-webkit-transition:all ease-in-out .3s;-o-transition:all ease-in-out .3s;-ms-transition:all ease-in-out .3s;background:#000}
#header{width:100%;position:fixed;top:0;left:0;right:0;margin:0 auto;z-index:99;float:left;background-color:#165392}
.top_header{color:#fff;width:100%;float:left}
.video_box{width:50px;float:left}
.header_in{position:relative}
#hc_logo{width:auto;text-align:center;float:left;position:relative;margin-top:-2.5rem}
.top-nav{width:96%;margin:0 auto;border-top:1px solid rgba(0,0,0,.1)}
.top-nav .navbar{max-width:1400px;margin:0 auto;padding:0}
.nav_menu{padding:0!important}
.nav-fixed{box-shadow:0 .5rem 1rem rgba(0,0,0,.15);-webkit-animation:.5s ease-in-out 0s normal none 1 running fadeInDown;animation:.5s ease-in-out 0s normal none 1 running fadeInDown}
@keyframes fadeInDown{from{opacity:0;transform:translate3d(0,-100%,0)}
to{opacity:1;transform:none}
}
.navbar-expand-lg .navbar-collapse{flex-flow:row wrap!important}
.navbar-nav{width:100%;justify-content:end}
.navbar-light .navbar-nav .nav-link{color:#fff;transition:all .5s}
.navbar-expand-lg .navbar-nav .nav-link{padding:.5rem 1rem;color:#fff;font-size:1rem;}
.navbar-expand-lg .navbar-nav .dropdown-menu{padding-top:0;padding-bottom:0;top:39px;border:none}
.navbar-expand-lg .navbar-nav .dropdown-menu>li>a{background-color:#fff;color:#333;font-size:.85rem;position:relative;display:block;transition:all .5s;padding-top:.3rem;padding-bottom:.3rem; border-bottom: 1px solid #f8f8f8;}
.navbar-expand-lg .navbar-nav .dropdown-menu>li>ol a{color:#666;display:block;padding-top:.2rem;padding-bottom:.2rem;padding-left:2.5rem;font-size:.8rem;position:relative}
.dropdown-item.active,.dropdown-item:active{background:0 0!important}
.navbar-expand-lg .navbar-nav .dropdown-menu>li>ol a:hover{color:#fba51a;background:0 0!important}
.navbar-expand-lg .navbar-nav .dropdown-menu>li>ol a::before{position:absolute;content:"\f0da";left:1.8rem;top:.2rem;font-family:fontawesome}
.dropdown-menu-one li>a.active,.navbar-light .navbar-nav .active>.nav-link,.navbar-light .navbar-nav .nav-link.active,.navbar-light .navbar-nav .nav-link.show,.navbar-light .navbar-nav .show>.nav-link{color:#fff;background-color:#fba51a}
.navbar-light .navbar-nav .nav-link:focus,.navbar-light .navbar-nav .nav-link:hover{color:#fff;background-color:#fba51a}
.dropdown-item.active,.dropdown-item:active,.dropdown-item:hover{color:#fba51a!important}
.dropdown-item{font-size:.9rem}
.nav-item span.pro_icon{position:absolute;top:.5rem;right:1rem;color:#d9b310;padding:2px 8px;font-size:2rem;width:32px;height:28px;line-height:24px;display:none;text-align:center}
.iconfont{font-family:iconfont!important;font-size:1.52rem;font-style:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#fff}
.hc_language{padding-top:0;background:0 0; padding-right: 2%;}
.hc_language{display:block;float:right;height:auto;color:#fff}
.hc_language>ul{position:relative;z-index:9;float:right;font-size:1rem;border-radius:8px}
.hc_language>ul>li>a{display:block;color:#000;display:flex;align-items:center}
.hc_language>ul>li>a span{padding-right:.51rem}
.hc_language ul ul{display:none;position:absolute;top:100%;padding:0;background-color:#eee;min-width:100px;border-radius:10px}
.hc_language ul ul a{display:block;text-align:left;float:left;padding:.3rem 1rem;color:#333}
#hc_language .dropdown-item{color:#333;padding:.2rem 1.5rem 0 1.5rem}
#hc_language .dropdown-item:hover{color:#8f99a5}
.hc_language ul li:hover>ul{display:block}
.hc_language .dropdown-item{min-width:100px}
.hc_language #hc_language{float:none;margin-top:0;height:auto}
.hc_language #hc_language a{line-height:1.5rem}
#hc_language .dropdown-item img{display:none}
#banner{width:100%;position:relative}
.banner_01{width:100%;max-width:1400px;margin:0 auto;position:absolute;top:22%;left:50%;transform:translate(-50%,-50%);text-align:center}
.banner_01 h3{font-family:Montserrat-Bold;}
.bannertxt h3{font-size:2.5rem;position:relative;margin-bottom:1rem;padding-bottom:2rem;}
.bannertxt h3::before{position:absolute;content:"";width:200px;height:12px;background-color:#fba51a;right:0;bottom:0}
.banner_01 .bannertxt{color:#fff;max-width:500px;position:absolute;left:2rem;text-align:right}
.banner_01 .btn-more{background-color:#fba51a;color:#fff;padding:.2rem 2rem;font-size:.9rem;border-radius:32px}
.banner_01 .btn-more:hover{background-color:#727985}
.bannertxt02{position:absolute;left:2%;color:#fff;max-width:520px;text-align:left;margin-top:3rem}
.bannertxt02 h3{font-size:2.5rem;position:relative;padding-top:3rem}
.bannertxt02 h3::before{position:absolute;content:"";left:0;top:0}
.bannertxt02 h3 span{padding-left:5rem}
.bannertxt02 h3 span text{color:#fba51a;font-size:2.2rem}
.bannertxt04{width:100%;max-width:480px;border:2px solid #fba51a;border-right:transparent;padding:3rem 2rem;position:absolute;right:4%;text-align:left;color:#fff}
.bannertxt04::before{background-color:#fba51a;position:absolute;right:0;top:0;height:30%;width:2px;content:""}
.bannertxt04::after{background-color:#fba51a;position:absolute;right:0;bottom:0;height:30%;width:2px;content:""}
.bannertxt04 h3{color:#fff;font-size:2.5rem}
.bannertxt04 h3::before{background-color:#fba51a;position:absolute;right:0;left:0;margin:0 auto;top:-6%;height:26px;width:26px;content:""}
.about_box{width:100%;max-width:1017px;background-color:#fff;padding:3rem;position:relative;margin-top:2px;float:left}
.about_img{width:50%;float:right;position:absolute;top:17%;right:-30%}
.about_des{width:70%;float:left;color:rgba(68,77,85,.8)}
.webtitle{font-size:1rem;color:#444d55;margin-bottom:1rem;position:relative;padding-bottom:1rem;font-family:Montserrat-Bold;}
.webtitle h1{font-size:20px;}
.webtitle small{font-size:1.1rem;display:block;font-family:Verdana;color:#ccc;position:relative;margin-top:-.5rem}
.about_box .btn-more{width:100px;float:right;color:#fba51a;text-transform:uppercase;position:relative;margin-top:-1rem}
.webtitle::before{position:absolute;content:"";width:122px;height:1px;background-color:#fba51a;left:0;bottom:0}
.about_box .btn-more:hover{color:#000}
.webtitle_small{font-size:1.2rem;color:#000;font-weight:700}
.industries_box{width:100%;margin:0 auto;background-color:#f4f4f4;overflow:hidden;padding:1rem 0}
.industries_box .webtitle{padding-left:3rem}
.industries_box .webtitle::before{display:none}
.industries_item{width:23.5%;position:relative;margin-right:1%;float:left; height: 500px; overflow: hidden; margin-bottom:12px;}
.industries_item:last-child{margin-right:0}
.industries_item .ind_des{width:100%;padding:1rem;background-color:rgba(114,121,133,.96);transition:all .5s ease-in 0s; height: 250px;  position: absolute;bottom:0px; line-height: 1.35;}
.industries_item .ind_des h3{color:#fff;padding-left:2rem;font-size:1.1rem;position:relative;transition:all .3s ease-in 0s}
.industries_item .ind_des h3 small{display:block;padding-top:.5rem;transition:all .3s ease-in 0s}
.industries_item .ind_des h3::before{position:absolute;content:"";left:0;top:.5rem;width:25px;height:1px;background-color:#fff}
.industries_item .ind_des img{width:auto!important;float:right}
.industries_item .ind_des p{color:rgba(255,255,255,.54);font-size:.9rem;margin-bottom:0;padding-left:2rem;}
.industries_item:hover .ind_des{background-color:rgba(44,44,44,.85)}
.industries_item:hover .ind_des{top:inherit; height: 340px; }
.industries_item:hover .ind_des p{display:block;opacity:1}
.industries_item:hover h3,.industries_item:hover h3 small{color:#fba51a}

.application_item{width:23.5%;position:relative;margin-right:1%;float:left; height: 445px; overflow: hidden; margin-bottom:12px;}
.application_item:last-child{margin-right:0}
.application_item .ind_des{width:100%;padding:1rem;background-color:rgba(114,121,133,.96);transition:all .5s ease-in 0s; height: 250px;  position: absolute;bottom:0px; line-height: 1.35;}
.application_item .ind_des h3{color:#fff;padding-left:2rem;font-size:1.1rem;position:relative;transition:all .3s ease-in 0s}
.application_item .ind_des h3 small{display:block;padding-top:.5rem;transition:all .3s ease-in 0s}
.application_item .ind_des h3::before{position:absolute;content:"";left:0;top:.5rem;width:25px;height:1px;background-color:#fff}
.application_item .ind_des img{width:auto!important;float:right}
.application_item .ind_des p{color:rgba(255,255,255,.54);font-size:.9rem;margin-bottom:0;padding-left:2rem;}
.application_item:hover .ind_des{background-color:rgba(44,44,44,.85)}
.application_item:hover .ind_des{top:inherit; height: 340px; }
.application_item:hover .ind_des p{display:block;opacity:1}
.application_item:hover h3,.industries_item:hover h3 small{color:#fba51a}

.homevideo_box{width:100%;margin:1rem auto;background-color:#f4f4f4;padding:3rem 0;position:relative}
.proevideo_box{margin:0 auto;padding:0;text-align:center; clear:both;}
.homevideo_box img{position:relative;z-index:1}
.homevideo_box::before{position:absolute;content:"";width:2rem;height:100%;background-color:#fff;top:0;left:0;z-index:0}
.homevideo_box::after{position:absolute;content:"";width:2rem;height:100%;background-color:#fff;top:0;right:0;z-index:0}
.proevideo_box::after,.proevideo_box::before{display:none}
.video_icon{width:auto;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:2;justify-content:center;text-align:center}
.video_icon::before{content:"\f01d";font-family:fontawesome;color:rgba(255,255,255,.94);font-size:6rem;transition:all .5s}
.video_icon:hover::before{cursor:pointer;color:#fba51a}
.video_icon span{color:#fff;font-size:1rem;padding-left:1rem;font-family:Montserrat-Bold;display:block}
.video_icon:hover span{color:#fba51a;cursor:pointer}
.company_news{width:100%;margin:0 auto;background-color:#f4f4f4;padding:3rem 0;padding-bottom:0;position:relative;color:rgba(68,77,85,.8);margin-bottom:3rem; overflow: hidden;}
.company_news::before{position:absolute;content:"";left:49%;top:0;background-color:#fff;width:1rem;height:100%}
.company_box{padding: 0 1.5rem;}
.company_box ul{width:100%;display:flex;justify-content:center;align-items:center;margin-top:1.5rem;margin-bottom:1.5rem; justify-content: space-around;}
.company_box ul li{width:57%;display:flex;align-items:center}
.company_box ul li:last-child{width:42%;}
.company_box ul li .icon_des span{padding:5px;background-color:#d8dadc;font-size:1.5rem;color:#000;font-style:italic; display: block; max-width: 120px; text-align: center; padding-bottom: .5rem;}
.company_box .btn-more,.news_box .btn-more{float:right;color:#fba51a;padding:1rem;position:relative;margin-right:3rem}
.company_box .btn-more::before,.news_box .btn-more::before{position:absolute;content:"";font-family:fontawesome;right:0;top:1rem;content:"\f105"}
.company_box img{width: 100%;}
.company_box .btn-more:hover,.news_box .btn-more:hover{color:#000}
.hc_news{width:100%;margin:0 auto}
.hc_news ul>li>ol{width:100%;display:flex;background-color:#fff;margin-bottom:1rem;padding:.8rem;position:relative;align-items:center}
.hc_news ul>li>ol::before{position:absolute;content:"";background-color:#f4f4f4;left:0;top:0;width:4rem;height:100%;z-index:0}
.hc_news ul>li>ol>li.product_img{overflow:hidden;width:20%;padding-right:1rem;position:relative;z-index:1}
.hc_news ul>li>ol>li.product_con{width:59%;margin-right:1rem;border-bottom:1px dashed #c3c5c7;padding-bottom:.5rem;position:relative}
.hc_news ul>li>ol>li.product_con::before{position:absolute;content:"";width:8px;height:8px;background-color:#fba51a;left:0;bottom:-.3rem}
.hc_news ul>li>ol>li.new_time{width:18%;max-width:120px;color:#fff;background-color:#fba51a;text-align:center;font-size:1rem;padding:.2rem}
.hc_news ul>li>ol>li.product_con a{color:#444d55;font-size:1rem;line-height:1.35;transition:all .3s}
.hc_news ul>li>ol>li.product_con a:hover{color:#fba51a}
.pt-top{margin-top:88px}
.js-gallery-wrap{background-color:#f8f8f8}
.content{width:100%;max-width:1400px;margin:0 auto}
.js-gallery-wrap .content{background-color:#fff;padding:2rem 3rem}
#quicknav{margin:0 auto;height:auto;color:#003d89;line-height:1.2rem;font-size:.75rem;overflow:hidden;margin-bottom:1rem;color:#333;position:relative;background-color:#eee;padding:.5rem 0}
#quicknav a{color:#333}
#quicknav ul{width:100%;margin:0 auto;max-width:1400px}
#quicknav li{display:inline-block;padding:.2rem .4rem .2rem 0}
#quicknav li+li::before{padding:0 5px;color:#1d252c;content:"/\00a0"}
#quicknav a:hover{color:#fba51a}
ul.item{margin-bottom:5px;width:100%;float:none}
ul.item li{position:relative;text-align:left;padding-left:2rem;margin-bottom:.2rem; }
ul.item li:before{content:"\f00c";font-family:fontawesome;position:absolute;left:2px;top:0;color:#fba51a;font-size:1rem}
ul.item_circle li:before{content:" ";position:absolute;left:13px;top:12px;color:#fba51a;width:6px;height:6px;background-color:#fba51a}
.item_bg{width:100%;margin:1rem auto;margin-top:.5rem;display:flex;flex-wrap:wrap}
.item_bg li{padding:3px 8px;border:1px solid #eee;margin-right:5px;margin-bottom:5px;font-size:.9rem}
.hc_photo{width:100%;margin:0 auto}
.hc_photo ul{width:100%;display:flex;flex-wrap:wrap}
.hc_photo ul li{background-color:#eee;padding:.5rem;font-size:12px;text-align:center;margin-bottom:2rem;position:relative}
.hc_photo ul li figure{margin-bottom:0}
.hc_pic9 ul li{width:11.5%;margin-right:1%}
.hc_pic9 ul li:nth-child(9n){margin-right: 0;}
.hc_pic3 ul li{width:32%;margin-bottom:1rem;margin-right:2%}
.hc_photo ul li span{display:block;padding-top:.5rem}
.hc_pic6 ul li{width:15%;margin-right:2%}
.hc_pic4 ul{justify-content:start}
.hc_pic4 ul li{width:24%;margin-bottom:1rem;margin-right:1%}
.hc_pic4 ul li:nth-child(4n){margin-right:0}
.hc_pic6 ul li:nth-child(6n){margin-right:0}
.hc_pic3 ul li:nth-child(3n){margin-right:0}
.hc_photo li a::before{text-align:center;content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;height:0;background-color:rgba(0,0,0,.45);transition:all .5s}
.hc_photo li a::after{text-align:center;font-family:fontawesome;content:"\f00e";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:2rem;color:#fff;transition:all .5s;opacity:0}
.hc_photo li:hover a::before{height:100%;opacity:.8}
.hc_photo li:hover a::after{opacity:1}
.hc_photo1 li a::after,.hc_photo1 li a::before{display:none}


@media (max-width: 991.98px) {
	.hc_pic9 ul li{ width:18.4%;}
	.hc_pic9 ul li:nth-child(9n){ margin-right:2%;}	
    .hc_pic9 ul li:nth-child(9n+1){ clear:none;}
    .hc_pic9 ul li:nth-child(5n){ margin-right:0;}	
    .hc_pic9 ul li:nth-child(5n+1){ clear:both;}
}

@media (max-width: 767.98px) {
.hc_pic9 ul li,.hc_pic6 ul li,.hc_pic5 ul li,.hc_pic4 ul li{ width:32%;}
.hc_pic9 ul li:nth-child(5n),.hc_pic6 ul li:nth-child(6n),.hc_pic5 ul li:nth-child(5n),.hc_pic4 ul li:nth-child(4n){ margin-right:2%;}	
.hc_pic9 ul li:nth-child(5n+1),.hc_pic6 ul li:nth-child(6n+1),.hc_pic5 ul li:nth-child(5n+1),.hc_pic4 ul li:nth-child(4n+1){ clear:none;}
.hc_pic9 ul li:nth-child(3n),.hc_pic6 ul li:nth-child(3n),.hc_pic5 ul li:nth-child(3n),.hc_pic4 ul li:nth-child(3n){ margin-right:0;}	
.hc_pic9 ul li:nth-child(3n+1),.hc_pic6 ul li:nth-child(3n+1),.hc_pic5 ul li:nth-child(3n+1),.hc_pic4 ul li:nth-child(3n){ clear:both;}
}
@media (max-width: 575.98px) {
.hc_pic3 ul li,.hc_pic4 ul li,.hc_pic5 ul li,.hc_pic6 ul li,.hc_pic9 ul li{ width:49%;}	
.hc_pic3 ul li:nth-child(3n),.hc_pic5 ul li:nth-child(3n),.hc_pic6 ul li:nth-child(3n),.hc_pic9 ul li:nth-child(3n),.hc_pic4 ul li:nth-child(3n){ margin-right:2%;}	
.hc_pic3 ul li:nth-child(3n+1),.hc_pic5 ul li:nth-child(3n+1),.hc_pic6 ul li:nth-child(3n+1),.hc_pic9 ul li:nth-child(3n+1),.hc_pic4 ul li:nth-child(3n+1){ clear:none;}
.hc_pic3 ul li:nth-child(2n),.hc_pic5 ul li:nth-child(2n),.hc_pic6 ul li:nth-child(2n),.hc_pic9 ul li:nth-child(2n),.hc_pic4 ul li:nth-child(2n){ margin-right:0;}	
.hc_pic3 ul li:nth-child(2n+1),.hc_pic5 ul li:nth-child(2n+1),.hc_pic6 ul li:nth-child(2n+1),.hc_pic9 ul li:nth-child(2n+1),.hc_pic4 ul li:nth-child(2n+1){ clear:both;}
}



.text_bg{background-color:#f4f4f4;padding:2rem}
.bg_color{padding:1rem;height:100%}
.big_font{font-size:1rem;color:#000}
.color_bg{margin:0 auto;margin-bottom:1rem;}
.b_font b{font-size:1.1rem;color:#000;position:relative;}
ul.ablist{width:100%;float:left;padding:1.5rem 0;padding-top:0}
ul.ablist li{width:25%;float:left}
ul.ablist .hc_number{font-size:1.5rem;font-weight:700;color:#6e4239;display:block;text-align:center;margin-bottom:.5rem}
ul.ablist .hc_number span{font-family:Raleway;display:block;color:#000;margin-top:-30px}
ul.ablist .companytxt{width:100%;text-align:center;font-size:.9rem;line-height:1.1rem;color:#000;font-size:1.25rem;line-height:1.5rem}
@media (max-width:767.98px){ul.ablist .hc_number{font-size:1.2rem;font-weight:500}
ul.ablist .companytxt{font-size:1rem}
}
@media (max-width:575.98px){ul.ablist li{width:48%;float:left}
ul.ablist li:nth-child(2n+1){clear:both}
}
.choose-us{width:100%;margin:0 auto}
.choose_left{float:left;width:50%;padding:3rem}
.choose_right{width:50%;float:left;background-size:cover;min-height:436px}
.choose_left2{float:right;width:50%;padding:3rem}
.choose_right2{width:50%;float:left;background-size:cover;min-height:436px}
.choose_left3{float:left;width:50%;padding:3rem}
.choose_right3{width:50%;float:left;background-size:cover;min-height:436px}
.choose_left4{float:right;width:50%;padding:3rem}
.choose_right4{width:50%;float:left;background-size:cover;min-height:436px}

@media only screen and (max-width:575.98px){
	
	.choose_left,.choose_right,.choose_left2,.choose_right2,.choose_left3,.choose_right3,.choose_left4,.choose_right4{ width:100%;}
}


.choose-us h3{font-size:1.8rem;color:#fba51a;font-family:Ubuntu-Bold;}
.view_time_line{width:100%;position:relative;background:url(../images/gray-px.png) repeat-y center top;overflow:hidden;margin:0 0 2rem 0}
.view_time_line:before{position:absolute;content:"";background:url(../images/history.png) no-repeat;left:0;top:0;right:0;margin:0 auto;width:42px;height:4px}
.views-row{float:left;margin:0 0 12% 0;width:45%;clear:left}
.view_time_line .views-row:first-child{margin:4rem 0 12% 0}
.view_time_line .views-row:nth-child(2n){float:right;width:45%;clear:right;padding-top:7rem;margin:0}
.view_time_line .views-row:nth-child(2){padding-top:16%}
.type-acquisition{position:relative;display:flex;flex-wrap:wrap}
.view_time_line .views-row:nth-child(2n) .type-acquisition{flex-direction:row-reverse}
.view_time_line .views-row:last-child{margin:0 0 4rem 0}
.time_left{width:30%;position:relative;background-color:#fba51a;text-align:center}
.year1 .time_left{background:#c40000}
.year2 .time_left{background:#003d89}
.time_right{width:70%;position:relative;background-color:#727985;padding:2rem;color:#fff}
.time_right p{font-size:1rem;line-height:1.6rem}
.year{background-color:#fff;position:absolute;text-align:right;width:15.4%;top:20px;right:-15%;font-size:1.2rem}
.view_time_line .views-row:nth-child(1) .type-acquisition .year:after{content:"";position:absolute;background:url(../images/zigzag.png) no-repeat;width:45px;height:57px;left:44px;top:27px}
.view_time_line .views-row:nth-child(2n) .type-acquisition .year{right:auto;left:-15%;text-align:left}
.arrow{font-size:0;line-height:0;width:0;height:0;border-top:15px solid transparent;border-bottom:15px solid transparent;border-left:15px solid #727985;position:absolute;top:-4px;left:0}
.view_time_line .views-row:nth-child(2n) .type-acquisition .arrow{left:auto;right:0;border-right:15px solid #727985;border-left:none}
.timeline-year{color:#fff;font-size:1.8rem;border-bottom:1px solid #fff;padding:.5rem 0;font-weight:600}
.timeline-type{color:#fff;font-size:1.1rem;text-transform:uppercase;padding:1rem 0}
@media only screen and (max-width:1199.98px){.view_time_line .views-row:nth-child(1) .type-acquisition .year:after{display:none}
.about_box{margin-top: -1rem;}
.about_img{right: 0;}
.js-gallery-wrap .content{padding: 15px;}
}
@media only screen and (max-width:991.98px){
.view_time_line{background:0 0;margin:0}
.view_time_line:before{display:none}
.view_time_line .views-row:first-child,.view_time_line .views-row:nth-child(2n),.views-row{width:100%;float:none;margin:0 0 2rem 0;padding:0}
.about_box{margin-top: 2rem;}
.hc_news ul>li>ol{flex-wrap: wrap;}

}
@media only screen and (max-width:575.98px){.time_left,.time_right{width:100%}
}
.pro_banner{width:100%;margin:0 auto;position:relative;text-align:center}
.pro_banner::before{position:absolute;content:"";top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.25)}
.ban_txt{position:absolute;top:60%;left:50%;transform:translate(-50%,-50%);width:100%;max-width:800px;text-align:center;color:#fff;text-shadow:1px 2px 1px #333}
.ban_txt small{font-size:1rem}
.about_txt h3,.ban_txt h3{color:#fff;font-size:2.2rem;text-shadow:1px 1px 3px #000;margin-bottom:0;font-family:Montserrat-Bold;}
.about_txt h3{font-size:4rem;font-weight:700;position:relative}
.about_txt h3::before{content:"";position:absolute;bottom:-2rem;left:0;right:0;margin:0 auto;width:200px;height:5px;background-color:#fff}
.about_txt h3::after{content:"";position:absolute;top:-2rem;left:0;right:0;margin:0 auto;width:200px;height:5px;background-color:#fff}
.about_txt{position:absolute;top:60%;left:50%;transform:translate(-50%,-50%);width:100%;max-width:800px;text-align:center}
.about_txt small{display:block;font-size:1rem;color:#fff;font-family:Verdana;font-weight:400;text-shadow:none;padding-top:1rem}
/* technology_des */
.technology_des{border: 1px solid #000; padding: 1.5rem; height: 100%;}
.technology_des dt{color: #000;}
/* bigpro_box */
.technology_title strong{color: #000; font-weight: 600; font-size: 1.5rem;}
.bigpro_box{width: 100%; margin: 0 auto; display: flex;flex-wrap: wrap;}
.big_pro{width:31%; margin-right: 2%; margin-bottom: 2rem; display: flex; flex-wrap: wrap;background:#717a83; }
/* technology_list */
.technology_list{width: 100%; max-width: 980px;  margin: 0 auto; margin-top: 2rem; display: flex; flex-wrap: wrap; }
.technology_list li{width: 45%; margin-right: 4%; border: 1px solid #333; padding: .5rem 1rem; margin-bottom: 1rem; color: #fff; font-size: 1rem; background-color: #fba51a;box-shadow:1px 4px 4px 0 rgba(0,0,0,.2);}
.technology_list li:nth-child(2n){margin-right: 0;}
/* selecton_item */
.selecton_item{height: 100%;}
.selecton_item p{font-size: .9rem; color: #666; margin-top: 1rem;}
.selecton_item h3{font-size: 1.2rem;font-family: Montserrat-Bold;}
.big_pro .bigpro_txt{margin:0 auto;padding:2rem 2rem;color:#fff; font-size: .85rem;}
.big_pro .bigpro_txt h3 a{color:#fff;font-size:1.4rem;font-family:Montserrat-Bold;}
.big_pro .bigpro_txt a small{display:block;font-size:.9rem;color:#eee;font-weight:0;padding-top:.5rem}
.big_pro .bigpro_img a{display:block;overflow:hidden}
.big_pro .bigpro_img img:hover{-webkit-transform:scale(1.15);-webkit-transition-timing-function:ease-out;-webkit-transition-duration:750ms;-moz-transform:scale(1.15);-moz-transition-timing-function:ease-out;-moz-transition-duration:750ms;overflow:hidden}
.big_pro .bigpro_img img{-webkit-transform:scale(1,1);-webkit-transition-timing-function:ease-out;-webkit-transition-duration:250ms;-moz-transform:scale(1,1);-moz-transition-timing-function:ease-out;-moz-transition-duration:250ms}
.big_pro .bigpro_txt .btn-more{color:#fba51a;font-size:1.1rem;background-color:#f8f8f8;padding:.5rem 2rem;border-radius:22px;position:relative;transition:all .5s}
.big_pro .bigpro_txt .btn-more::before{position:absolute;content:"\f105";font-family:fontawesome;right:1rem;top:.1rem}
.big_pro:hover .bigpro_txt .btn-more{background-color:#717a83}
.hub_products{width:100%;margin:0 auto}
.hub_products ul{display:flex;flex-wrap:wrap}
.hub_products ul>li{width:32%;margin-right:2%;margin-bottom:2rem}
.hub_products ul>li:nth-child(3n){margin-right:0}
.hub_products ul>li>ol{position:relative}
.hub_products ul>li>ol>li.product_con{background:#fff;padding:1rem;text-align:center;width:92%;margin:0 auto;position:relative;margin-top:-2rem;transition:all .5s;height:auto;padding-bottom:4rem}
.hub_products ul>li>ol>li.product_con a{color:#000;font-size:1.3rem;line-height:1.35;margin-bottom:.5rem; font-weight: 600;}
.hub_products ul>li>ol>li.product_con a,.hub_products ul>li>ol>li.product_con span{display:block}
.hub_products ul>li>ol>li.product_con span{font-size:.9rem}
.hub_products ul>li>ol>li.product_con a.btn-more{background-color:#fba51a;color:#fff;font-family:Arial,Helvetica,sans-serif;font-size:12px;width:100px;position:absolute;top:-1rem;left:0;right:0;margin:0 auto;transition:all .5s;display:none}
.hub_products ul>li>ol:hover>li.product_con{background-color:#727985;color:#fff;transition:all .5s}
.hub_products ul>li>ol:hover>li.product_con a{color:#fff;transition:all .5s}
.hub_products ul>li>ol>li.product_con a::before{position:absolute;content:"\f0a9";font-family:fontawesome;right:0;left:0;margin:0 auto;bottom:1rem;color:#fba51a;font-size:1.2rem;font-weight:0;transition:all .5s}
.hub_products ul>li>ol:hover>li.product_con a::before{bottom:1.2rem}
.hub_products ul>li>ol:hover>li.product_con a.btn-more{background-color:#003d89}
.hc_products{width:100%;margin:2rem auto;margin-top:.5rem}
.hc_products h3{color:#000;font-size:1.4rem}
.hc_products ul{display:flex;width:100%;flex-wrap:wrap;}
.hc_products ul>li{width:23.5%;margin-right:2%;text-align:center;position:relative;padding-bottom:1rem;overflow:hidden; border:1px solid #CCCCCC; margin-bottom:8px;}
.hc_products ul>li>ol>li.product_con a::before{font-family:fontawesome;position:absolute;content:"\f0a9";left:-100%;top:0;width:100%;height:100%;background-color:rgba(0,0,0,.15);transition:all .5s ease-in 0s;visibility:hidden;opacity:0;display:flex;align-items:center;justify-content:center;font-size:2.5rem;color:#fba51a}
.hc_products ul>li>ol:hover>li.product_con a::before{visibility:visible;opacity:1;transition:.5s all;-webkit-transition:.5s all;-o-transition:.5s all;-moz-transition:.5s all;-ms-transition:.5s all;left:0}
.hc_products ul>li:nth-child(4n){margin-right:0}
.hc_products ul>li a{color:#333;font-size:.9rem; line-height: 1.35; display: inline-block;}
.hc_products ul>li a small{display:block;color:#666;font-size:.9rem;font-weight:0}
.hc_products ul>li>ol>li.product_con{padding-top:.5rem}
.other_products h3{font-size:1.5rem;color:#000}
.other_products h3 small{color:#666;font-size:.9rem}
.other_products{width:100%;margin:0 auto}
.other_products ul{width:100%;display:flex;flex-wrap:wrap}
.other_products ul>li{width:48%;margin-right:2%}
.other_products ul>li:nth-child(2n){margin-right:0}
.other_products ul>li>ol{width:100%;display:flex;display:flex;flex-wrap:wrap;background-color:#717a83;align-items:center;margin-bottom:1rem;transition:all .5s}
.other_products ul>li>ol:hover{background-color:rgba(0,0,0,.65)}
.other_products ul>li>ol>li.product_img{width:52%}
.other_products ul>li>ol>li.product_con{width:38%;padding:1rem}
.other_products ul>li>ol>li.product_con a{color:#fff;font-size:1rem;transition:all .5s;text-shadow:1px 1px 3px #000;display: block; line-height: 1.35;}
.other_products ul>li>ol>li.product_con a small{font-size:12px;font-weight:0;line-height:1.35;display:block;color:#ccc}
.other_products ul>li>ol:hover>li.product_con a{color:#fba51a}

@media (max-width: 767.98px) {
 .other_products ul>li{width:100%;margin-right:0%}
}

.inquiry_bg{background-color:#5f6671;padding:2rem;width:100%;margin:0 auto;overflow:hidden}
.inquiry_bg .content{max-width:1100px;margin:0 auto;background:0 0;padding:0}
.inquiry_bg h3{font-size:1.82rem;color:#fff;font-weight:700;text-shadow:1px 1px 2px #000;font-family:Montserrat-Bold;}
.inquiry_bg span .inquiry a{color:#fff;font-family:Ubuntu-Bold;font-size:1.2rem;transition:all .5s ease;text-transform:uppercase}
.inquiry_bg span .inquiry{text-decoration:none}
.inquiry_bg span .inquiry a:hover{background-color:#3c4047}
.inquiry_bg i{font-size: 4rem; text-align: center;}
.inquiry_bg span{ color:#fba51a; cursor:pointer;}
.inquiry_bg span:hover{text-decoration:underline;}
.inquiry_bg a{ color:#fff;}
.inquiry_bg a:hover{color:#fba51a;}

.hc_productlist{width:92%;border-right:1px solid #eee}
.hc_productlist ul>li>a{color:#727985;margin-bottom:5px;width:100%;padding:.5rem .8rem;font-size:1rem;line-height:1.45;transition:all .3s ease-in 0s;display:flex;align-items:center;font-weight:600;position:relative;background-color:#eee}
.hc_productlist ul>li>a::before{position:absolute;content:"";width:6px;height:0;background-color:#fba51a;right:-2px;top:0;opacity:0;transition:all .5s}
.hc_productlist ul>li>a.dq::before,.hc_productlist ul>li>a:hover::before{opacity:1;height:100%}
.hc_productlist ul>li>a small{font-size:.9rem;padding-left:.5rem}
.hc_productlist ul>li>ol{padding:.5rem 0}
.hc_productlist ul>li>ol>a{font-size:.95rem;display:block;width:100%;padding-left:2rem;padding-right:2rem;color:#333;position:relative;transition:all .3s ease-in 0s;line-height:1.45;position:relative;margin-bottom:.5rem}
.hc_productlist ul>li>ol>a small{display:block;color:#ccc;transition:all .3s ease-in 0s;font-size:.85rem}
.hc_productlist ul>li>ol>a::before{position:absolute;content:"\f105";left:1.2rem;top:0;width:5px;height:5px;border-radius:50%;font-family:fontawesome;font-size:1.1rem}
.hc_productlist ul>li>ol>a.dq,.hc_productlist ul>li>ol>a.dq small,.hc_productlist ul>li>ol>a:hover,.hc_productlist ul>li>ol>a:hover small,.hc_productlist ul>li>ol dl a.dq,.hc_productlist ul>li>ol dl a:hover{color:#fba51a}
.hc_productlist ul>li>ol>a:last-child{border-bottom:none}
.hc_productlist ul>li>a.dq,.hc_productlist ul>li>a:hover{color:#fba51a;background-color:#717a83}
.hc_productlist ul>li>ol dl a{color: #333; font-size: .75rem; display: block; padding:.2rem 1rem .2rem 2rem; line-height: 1.55; position: relative;}
.hc_productlist ul>li>ol dl a::before{position: absolute; content: ""; width: 4px; height: 4px; border-radius: 50%; left: 1.5rem; top: .6rem; background-color: #ccc;}



/* recommended_content */
.recommended_content{width: 100%; margin: 0 auto; margin-bottom: 2rem;}
.recommended_content h3{font-size: 1rem;font-weight: 600; margin-bottom: .5rem;}
.recommended_content ul{display: flex; width: 100%; justify-content: space-around;}
.recommended_content ul li.aboutus-img{ width: 40%; margin-right: 2%;}
.recommended_content ul li.aboutus-des{ width: 59%; font-size: .95rem; }
.recommended_content dl{font-size:.9rem; display: flex; flex-wrap: wrap; margin-bottom: 0;}
.recommended_content dl dd{width: 48%; margin-right: 1%; position: relative; padding-left: 1rem; margin-bottom: 1rem; line-height: 1.35;}
.recommended_content dl dd:nth-child(2n){margin-right: 0;}
.recommended_content dl dd::before{position: absolute; content: ""; width: 4px; height: 4px; border-radius: 50%; background-color: #fba51a; left: 0; top: .5rem;}


.recommended_aboutus{width:100%;margin:2rem auto}
.recommended_aboutus>ul{width:100%;background-color:#fff}
.recommended_aboutus ul>li{float: left;}
.recommended_aboutus ul>li.aboutus-img{width:50%;position:relative}
.recommended_aboutus ul>li.aboutus-des{width:50%;padding:2rem;font-size:.9rem; padding-top: 0;}
.recommended_aboutus ul>li.aboutus-des h3{font-size: 1.2rem;font-family:Montserrat-Bold; margin-bottom: .5rem;}
.recommended_aboutus .btn-more{color:#fba51a;font-size:.9rem;position:relative;width:75px;display:block}
.recommended_aboutus .btn-more::before{position:absolute;content:"\f101";right:1.5rem;top:0;font-family:fontawesome;transition:all .5s}
.recommended_aboutus .btn-more:hover:before{right:1rem}
.pro_videoicon{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);cursor:pointer}
.pro_videoicon::before{content:"\f01d";font-family:fontawesome;color:rgba(255,255,255,.94);font-size:6rem;transition:all .5s;transition:all .5s}
.pro_videoicon:hover::before{color:#ffa519}
.recommended_aboutus ul>li.video_img::before{position:absolute;width:100%;height:100%;content:"";background-color:rgba(0,0,0,.35);top:0;left:0}
@media (max-width: 575.98px) {
  .recommended_aboutus ul>li.aboutus-img,.recommended_aboutus ul>li.aboutus-des{width:100%;}
  .recommended_aboutus ul>li.aboutus-des{ padding:1.5rem 1rem 1rem 1rem;}
}

.custom_box{width:100%;margin:3rem auto;margin-bottom:0;background-color:#f8f8f8;padding:3rem;overflow:hidden}
.subabout_box{width:100%;max-width:1200px;margin:1rem auto;margin-bottom:0}
.subabout_box .subabout_item{width:100%;height:100%;position:relative;overflow:hidden;transition:all .5s;top:0}
.subabout_box .subabout_item:hover{top:-1rem}
.subabout_box .sub1{background-size:cover;min-height:260px}
.subabout_box .sub2{background-size:cover;min-height:260px}
.subabout_box .sub3{background-size:cover;min-height:260px}
.subabout_box .sub4{background-size:cover;min-height:260px}
.subabout_box .subabout_des{color:#fff;margin:0 auto;padding:3rem}
.subabout_box .subabout_des p{font-size:.9rem;line-height:1.55;text-shadow:1px 1px 2px #000}
.subabout_box .subabout_des h3{font-size:2rem;font-weight:600;padding-top:4rem;text-shadow:3px 3px 1px #000}
.subabout_box .subabout_des b{color:#fff}
.subabout_box .subabout_item a img{transition:all .5s;transform:scale(1)}
.subabout_box .subabout_item a:hover img{transform:scale(1.1)}
.related_pic{width:100%;display:flex;flex-wrap:wrap;margin-top:5px}
.related_pic a{width:15.5%;margin-right:5px}
.related_pic a:nth-child(6n){margin-right:0}
.btn-inquiry{color:#fff;background-color:#fba51a;padding:.5rem 2rem;border-radius:32px;transition:all .3s ease-in 0s}
.btn-inquiry:hover{background-color:#5f6671;color:#fff}
.protitle_h2{width:96%;display:block;color:#474747;font-size:1.2rem;font-weight:700;line-height:1.5rem;margin:2rem 0 1rem 0;padding:0 0 .4rem 0;border-bottom:1px #ddd solid;position:relative}
.protitle_h2:before{position:absolute;content:"";width:20px;height:3px;background:#fba51a;left:0;bottom:0}
.products_item{width:100%}
.products_item ul{display:flex;flex-flow:wrap}
.products_item ul ol{width:23.5%;padding:1rem;margin-right:2%;transition:all 1s ease;transition:all 1s ease;position:relative;background-color:#f8f8f8;margin-bottom:1rem}
.products_item ul ol:hover{background-color:#ccc}
.products_item ul ol:nth-child(4n){margin-right:0}
.products_item ul ol li{margin-top:.5rem;float:left;overflow:hidden;color:#000; font-size: .9rem;}
.products_item ul ol li dl>dt{padding-bottom:.5rem}
.products_item ul ol li dl>dd{font-weight:400;margin-bottom:0}
.products_item ul ol li span{text-align:center;margin:0 auto;display:block}
@media (max-width:767.98px){.products_item ul ol{width:48%}
.products_item ul ol:nth-child(4n){margin-right:2%}
.products_item ul ol:nth-child(2n){margin-right:0}
}
.style_box{width:100%;padding:.5rem 2rem;margin-top:1rem;margin-bottom:2rem;box-shadow: 6px 6px 18px 0px rgb(0 0 0 / 30%);}
.style_box .owl-nav button.owl-next,.style_box .owl-nav button.owl-prev{color:rgba(0,0,0,.2)!important;background:0 0!important}
.system_box .style_box{margin-bottom:0; padding: 0; font-size: .9rem; color: #666; position: relative; padding-bottom: 2rem; height: 100%;}
.system_box .style_box .btn-more{ padding: .2rem 1rem; background-color: #ccc; color: #fff; text-align: center; display: block; width: 100px; margin: 0 auto; margin-top: 1rem; border-radius: 22px;position: absolute; left: 0; right: 0;  margin: 0 auto; bottom: 1rem;}
.system_box .style_box .btn-more:hover{background-color: #fba51a;}
.system_box .style_box img{width: 100%;}
.system_box .style_box .system_title,.system_box .style_box p,.system_box .style_box ul{padding:0 1rem; }
.system_box .style_box .system_title{font-size: 1rem; font-family:Montserrat-Bold;padding-top: 1rem; line-height: 1.35; margin-bottom:.5rem;}
.system_box .style_box span{display: none; position: relative; }
.system_box .style_box span.show{display: inline; }
.system_box .style_box .more_des { position: absolute;
  right: 2rem;
  bottom:1rem;
  width: 20px;
  height: 20px;
  line-height: 20px;
  color: #999;
  cursor: pointer;
  text-align: center;}
.system_box .style_box .more_des:before {
  content: "\f055";
    right: -8px;
    top: .15rem;
    position: absolute;
    transition: all 0.2s;
    font-family: fontawesome;
    font-size: .9rem;
    color: #999;
  }

  .system_box .style_box .more_des:hover::before{  opacity: 0.8; color: #fba51a;}
  .system_box .style_box .more_des.on:before {content: "\f056";  transform: rotate(180deg);}




.h4_title{color:#000;font-size:1.1rem;text-align:center;margin-bottom:1rem}
.picitem{text-align:center;font-size:12px;background-color:#eee;padding:.5rem}
.picitem dl{text-align: left;}
.related_title{font-size:1.6rem;color:#333;font-weight:700;position:relative;background-color:#f3f2f4;text-align:center;margin-bottom:2rem;padding:1rem 0}
.related_title::before{left:50%;top:100%;transform:translate(-50%,-50%) rotate(45deg);z-index:1;content:"";position:absolute;width:18px;height:18px;background:#f3f2f4}
.related_products{width:100%;margin:0 auto}
.related_products ul{width:100%;display:flex;flex-wrap:wrap}
.related_products ul>li{width:23.5%;margin-right:2%;margin-bottom:1rem;background-color:#717a83;transition:all .5s}
.related_products ul>li:nth-child(4n){margin-right:0}
.related_products ul>li>ol{position:relative}
.related_products ul>li>ol>li.product_con{position:absolute;width:100%;height:100%;background:rgba(20,35,64,.5);padding:10px;text-align:center;opacity:1;-webkit-transform:rotateY(-90deg) rotateX(-90deg);-moz-transform:rotateY(-90deg) rotateX(-90deg);-o-transform:rotateY(-90deg) rotateX(-90deg);-ms-transform:rotateY(-90deg) rotateX(-90deg);transform:rotateY(-90deg) rotateX(-90deg);left:0;top:0;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%}
.related_products ul>li>ol>li.product_con a{color:#fff;display:block;width:100%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}
.related_products ul>li:hover>ol img,.related_products ul>li:hover>ol li.product_con,.related_products ul>li>ol{-webkit-transition:all .5s;-moz-transition:all .5s;-o-transition:all .5s;transition:all .5s}
.related_products ul>li:hover>ol li.product_con{-webkit-transform:rotateY(0) rotateX(0);-moz-transform:rotateY(0) rotateX(0);-o-transform:rotateY(0) rotateX(0);-ms-transform:rotateY(0) rotateX(0);transform:rotateY(0) rotateX(0);-webkit-border-radius:0;-moz-border-radius:0;border-radius:0}
.related_products ul>li>h3{margin-bottom: 0;}
.related_products ul>li>h3 a{color:#fff;display:block;width:100%;font-size:.9rem;padding:1rem;transition:all .5s ease 0s}
.related_products ul>li a{color:#fff;display:block;width:100%;font-size:.9rem;padding:1rem;transition:all .5s ease 0s}
.related_products ul>li:hover>ol li.product_con a.btn-more{position:relative;width:110px; }
.related_products ul>li:hover>ol li.product_con a.btn-more::before{position:absolute;content:"";font-family:fontawesome;content:"\f178";right:0;top:.5rem;font-size:1.1rem}
.related_products ul>li:hover{background-color:#fba51a}

/* related_pro */
.related_pro{width: 100%; margin: 2rem 0;}
.related_pro ul{display: flex; width: 100%; flex-wrap: wrap; background-color: #f8f8f8; padding: 1rem;}
.related_pro ul a{display: block; width: 48%; margin-right: 2%; font-size: .9rem; color: #666; border-bottom: 1px solid #ccc; padding: .2rem 0; padding-left: 1rem; position: relative;}
.related_pro ul a::before{position: absolute;content: ""; left: 0; top: .8rem; width: 5px; height: 5px; background-color: #ccc; border-radius: 50%;}
.related_pro ul a:hover,.related_pro ul a.dq{color: #fba51a;}
@media (max-width: 575.98px) {
 .related_pro ul a{width:100%;margin-right:0%}
}

.manufacturing_line{width:100%;margin:0 auto}
.manufacturing_line>ul{width:100%;display:flex;background-color:#f8f8f8;padding:2rem;align-items:center;margin:2rem auto}
.manufacturing_line>ul>li.line_img{width:45%}
.manufacturing_line>ul>li.line_des{width:55%;margin-right:2rem}
.big_line_des{width:100%!important;margin-right:0}
.manufacturing_line>ul>li.line_des h3{color:#000}
.manufacturing_line>ul>li.line_des h3 small{color:#666;font-size:.9rem;display:block;padding-top:.5rem}
@media (max-width: 767.98px) {
 .manufacturing_line>ul	{ display:block;}
 .manufacturing_line>ul>li.line_img{width:100%}
 .manufacturing_line>ul>li.line_des{width:100%;margin-right:0}
}

.othersub_link{width:100%;margin:0 auto;margin-top:2rem;border-top:1px solid #eee;padding-top:2rem;margin-bottom:2rem}
.othersub_link ul{width:100%;display:flex;justify-content:center}
.othersub_link ul li{width:24%;margin-right:2%;position:relative;border-radius:22px;text-align: center;}
.othersub_link ul li a img{border-radius:22px}
.othersub_link ul li:last-child{margin-right:0}
.othersub_link ul li a::before{position:absolute;left:0;top:0;content:"";background-color:rgba(0,0,0,.35);width:100%;height:100%;border-radius:22px;transition:all .5s}
.othersub_link ul li a span{display:block;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;font-weight:700;font-size:1.2rem;font-weight:700;text-shadow:1px 1px 3px #000;display: inline-block; line-height: 1.35;}
.othersub_link ul li:hover a::before{background-color:rgba(0,0,0,.65)}
.othersub_link ul li:hover a span{color:#fba51a;  }

@media (max-width: 991.98px) {
.othersub_link ul li{width:32.5%;}
}
@media (max-width: 767.98px) {
	.othersub_link ul{display:block;}
  .othersub_link ul li{width:49%; float:left; margin-bottom:1rem;}
  .othersub_link ul li:nth-child(3n){ margin-right:2%;}	
  .othersub_link ul li:nth-child(3n+1){ clear:none;}
  .othersub_link ul li:nth-child(2n){ margin-right:0;}	
  .othersub_link ul li:nth-child(2n+1){ clear:both;}
}

.equipment_box{width:100%;margin:0 auto;display:flex;flex-wrap:wrap;justify-content:space-around}
.equipment_box ul{width:48%;background-color:#f8f8f8;margin-bottom:2rem;transition:all .5s;position: relative;}
.equipment_box .equipment_des{padding:1.5rem;position: absolute; bottom: 0; left: 0; max-width:300px; background-color: rgba(255,255,255,.9); font-size: .9rem; transition: all .5s;}
.equipment_box .equipment_img{overflow:hidden}
.equipment_box .equipment_img img{-webkit-transform:scale(1,1);-webkit-transition-timing-function:ease-out;-webkit-transition-duration:250ms;-moz-transform:scale(1,1);-moz-transition-timing-function:ease-out;-moz-transition-duration:250ms}
.equipment_box .equipment_des a{color:#000;font-size:1.2rem;font-weight:600;display:block;padding-bottom:.5rem;position:relative;border-bottom:1px solid #ccc;margin-bottom:1.5rem; line-height: 1.35;}
.equipment_box .equipment_des a::before{content:"\f0a9";position:absolute;right:0rem;top:0;font-family:fontawesome;transition:all .5s}
.equipment_box ul:hover .equipment_des{background: rgba(81, 84, 89, .9); color: #fff;}

.equipment_box ul:hover a{color:#fba51a}
.equipment_box ul:hover img{-webkit-transform:scale(1.15);-webkit-transition-timing-function:ease-out;-webkit-transition-duration:750ms;-moz-transform:scale(1.15);-moz-transition-timing-function:ease-out;-moz-transition-duration:750ms;overflow:hidden}
.equipment_box ul:hover .equipment_des a::before{right:1rem}
.tab_li{border:none;position:relative;margin-bottom:2rem}
.tab_li ul{width:100%;position:relative;margin:0 auto;display:flex;flex-wrap:wrap}
.tab_li li{font-size:.8rem;overflow:hidden;background:#eee;position:relative;color:#333;width:15.5%;cursor:pointer;margin:0 5px 5px 0;text-align:center;display:flex;flex-wrap:wrap;border-top:3px solid #fba51a;padding:.5rem .5rem;align-items:center;justify-content:center}
.tab_li li:nth-child(6n){margin-right:0}
.tab_li li.dq:before,.tab_li li:hover:before{width:100%}
.tab_li li span{width:100%;display:flex;position:relative;align-items:center;flex-wrap:wrap;transition:.3s all ease-in-out;-webkit-transition:.3s all ease-in-out;-moz-transition:.3s all ease-in-out;-ms-transition:.3s all ease-in-out;-o-transition:.3s all ease-in-out;font-family:Ubuntu-Bold;justify-content:center}
.tab_li li:hover span{color:#000}
.tab_li li span:before{position:absolute;content:"";background:#727985;width:0;height:3px;left:0;right:0;bottom:0;transition:.3s all ease-in-out;margin:0 auto;-webkit-transition:.3s all ease-in-out;-moz-transition:.3s all ease-in-out;-ms-transition:.3s all ease-in-out;-o-transition:.3s all ease-in-out}
.menu_link{width:100%;margin:0 auto;max-width:1400px;position:relative;margin-top:-.5rem}
.menu_link ul{width:100%;margin:0 auto;display:flex;justify-content:center}
.menu_link ul li{margin-bottom:0}
.menu_link ul li a{color:#333;position:relative;padding:.5rem 2rem;display:block;text-align:center;transition:all .5s;background-color:#f1f1f1}
.menu_link ul li:first-child a{border-radius:30px 0 0 0}
.menu_link ul li:last-child a{border-radius:0 30px 0 0}
.menu_link ul li a.dq,.menu_link ul li a:hover{color:#ffa519;background-color:#fff}
.tabfixed{position:fixed;top:88px;left:0;margin:0 auto;z-index:9;width:100%; max-width:inherit;background:#fba51a;right:0}
.tabfixed ul{max-width:1100px;width:100%;margin:0 auto;background:#fba51a}
.tabfixed ul li{color:#fff;margin-bottom:0;background:0;border-bottom:none;border-radius:0;-webkit-border-radius:0;-moz-border-radius:0;-ms-border-radius:0;-o-border-radius:0;border-top:none;padding:0}
.tabfixed ul li span{width:100%;text-align:center;justify-content:center;font-weight:200;padding:.5rem}
.tabfixed li.dq span:before,.tabfixed li:hover span:before{width:50%}
@media (max-width:991.98px){.tabfixed{position:relative;top:auto;left:auto;right:auto}
.tabfixed ul{background:#dde2e6}
.tabfixed ul li{color:#333}
.tabfixed li:before{background:#333}
.tab_li li span{width:100%;justify-content:center;text-align:center}
.industries_item{width: 48%; margin-bottom: 1rem;}
.industries_item img{width: 100%;}
}
@media (max-width:767.98px){.tab_li{margin:1rem 0}
}
@media (max-width:575.98px){.tab_li li{width:49%;margin:0 2% 1rem 0}
.tab_li li:nth-child(2n){margin-right:0}
.industries_item{width: 100%; margin-right: 0;}
.about_img{position: relative; text-align: center; margin: 0 auto; left: 0; right: 0; margin-bottom: 1rem;}
.about_img,.about_des{width: 100%;}
.hc_news ul>li>ol>li.product_img,.hc_news ul>li>ol>li.product_con,.hc_news ul>li>ol>li.new_time{width: 100%; margin-bottom: 1rem;}
.hc_news ul>li>ol>li.product_img {padding-right: 0;}
.hc_news ul>li>ol>li.new_time{text-align: center; margin: 0 auto;}
.hc_news ul>li>ol::before{display: none;}
.hc_news ul>li>ol>li.product_img img{width: 100%;}
}

.platform_box{width:100%;margin:0 auto}
.platform_box ul{display:flex;background-color:#f8f8f8;margin-bottom:1rem}
.platform_box ul li.platform_des{padding:2rem;width:76%}
.platform_box ul li.platform_des h3{color:#fba51a}
.platform_box ul li.platform_img{width:22%}
ul.invited_experts{width:100%;display:flex;flex-flow:wrap}
ul.invited_experts ol{margin-bottom:2rem}
ul.invited_experts ol li.invited_experts_img{width:12%;max-width:180px;float:left}
ul.invited_experts ol li.invited_experts_txt{float:right;width:84%;transition:all .3s;overflow:hidden;box-shadow:1px 1px 4px 0 rgba(0,0,0,.2);background:#f6f6f6;color:#666;padding:1rem;line-height:1.75}
ul.invited_experts ol li.invited_experts_txt span{font-family:GOTHICB;font-size:1.4rem;display:block;color:#000}
.protitle{float:left;width:100%;margin-bottom:1rem;border-bottom:1px solid #fba51a;display:block}
.protitle span{display:inline-block;padding-bottom:.5rem;position:relative;font-size:1.45rem;font-weight:700;color:#333}
.protitle a span{color:#fba51a}
.protitle span:before{position:absolute;content:"";width:0;height:0;border:11px solid transparent;border-bottom:11px solid #fba51a;left:0;right:0;margin:0 auto;bottom:-1px}
.protitle span:after{position:absolute;content:"";width:0;height:0;border:8px solid transparent;border-bottom:8px solid #fff;left:0;right:0;margin:0 auto;bottom:-1px}
.feedback_box{width:100%;margin:3rem auto;font-size:.9rem;position:relative;display:flex;padding-right:2%;position:relative;z-index:1}
.feedback_box::after{position:absolute;content:"";width:100%;height:80%;background-color:#ffffff;top:10%;left:0;z-index:0}
.hc_set_feedback_form{width:80%;margin:0 auto;border-radius:22px;padding:2rem;padding-bottom:0;background-size:cover;box-shadow:0 2px 10px 0 rgb(0 0 0 / 20%);position:relative;z-index:1}
.form_contact_title h3{font-size:1.6rem;color:#000;font-weight:600}
.feedback_box .feedback_img{width:43%;position:absolute;top:15%;right:0}
.feedback_box .feedback_img img{border-radius:22px}
.contact_bg{background:url(../images/contact_bg.jpg) no-repeat;color:#fff;width:100%;overflow:hidden;padding:3rem;background-attachment:fixed;background-size:cover;font-size:1rem}
.contact_bg a,.contact_bg b{color:#fff}
.contact_bg a:hover{color:#fba51a}
.contact_bg b{font-size:1.1rem;font-weight:700}
.in_left{padding-left:2.7rem}
.contact_bg .hc_set_feedback_form{width:100%;background-color:#fff}
.contact_bg .hc_set_feedback_form{color:#666;font-size:1rem}
#app_new_pro{display:block;}
.news_list{width:100%}
.news_list ul>li>ol{display:flex;flex-wrap:nowrap;padding:1rem;background:#eee;margin-bottom:2rem}
.news_list ul>li>ol>li.product_con{margin-right:1rem}
.news_list ul>li>ol>li.product_img{width:58%;max-width:220px}
.news_list ul>li>ol>li.product_con .newstime{background:#ccc;padding:.5rem;clear:both}
.news_list ul>li>ol>li.product_con a{font-size:1.2rem;color:#333;margin-top:1rem;margin-bottom:.5rem;display:block;transition:.3s}
.news_list ul>li>ol>li.product_con p{color:#666}
.news_list ul>li>ol>li.product_con a:hover{color:#fba51a;text-decoration:none}
.news_name{border-bottom:1px solid #ccc;text-align:center;padding-bottom:10px;margin-bottom:30px}
.news_name h2{text-align:left;color:#022e5b;font-size:1.2rem;margin-bottom:12px;padding-bottom:15px;border:none}
.news_name h5{color:#777;font-size:1rem}
.news_prevnext{width:100%}
.news_detail img{text-align:center;margin:0 auto;display:block}
.new_next{background-color:#eee;padding:1rem;margin-top:2rem}
.new_next a{font-size:1.1rem;position:relative;padding-left:1.5rem}
.new_next a::before{content:"\f178";position:absolute;color:#0c499e;left:0;top:-2px;font-family:fontawesome}
@media (max-width:767.98px){.news_list ul>li>ol{flex-wrap:wrap}
.news_list ul>li>ol>li.product_con{width:100%}
.news_list ul>li>ol>li.product_img{width:100%;text-align:center;margin:0 auto;display:block}
}
.video_show{width:100%}
.videoinner_img{position: relative;}
.videoinner_img::before{position: absolute;content: ""; left: 0; right: 0; top: 0; margin: 0 auto; width: 100%; height: 100%; background-color: rgba(0,0,0,.45);}

.video_text a{color:#333;display:block;transition:all .5s;position:relative;transition:all .5s ease 0s;font-size: 1.5rem; font-weight: 600; padding-bottom: .5rem;}
.video_text a:hover{color:#fba51a}
.video_text a:hover::before{right:1rem}
.read_more{color: #fff; background-color: #fba51a; border-radius: 22px; padding: .8rem 2rem; transition: all .8s;}
.read_more:hover{background-color: #666; color: #fff;}
.video_show .video_item{padding-bottom: 3rem;}
.video_show .read_more{position: absolute;left: 1rem; bottom: 0; padding: .5rem 2rem !important; }
.plyr__poster{background-size: cover !important;}
#footer{width:100%;background-color:#727985;background-size:cover;text-align:center;margin:0 auto;position:relative;overflow:hidden}
.hc_bottom{max-width:1200px;padding:3rem 0;padding-bottom:1rem;width:100%;margin:0 auto;position:relative;text-align:left;color:#fff}
.home_link{width:100%;overflow:hidden;margin:0 auto;background-color:#165392;padding-bottom:1rem}
#footer a{color:#fff}
#footer a:hover{color:#d9b310}
#footer .left_share a i{color:#fff!important;font-size:1rem;padding:0 .5rem}
.hc_bottom .hc_foot_title{border:none;color:#fff;position:relative}
.hc_bottom .hc_foot_title,.hc_bottom .hc_foot_title a{color:#fff!important;font-size:1.2rem;text-shadow:1px 2px 1px #000;font-weight:700;display:block;line-height:1.35;position:relative;position:relative;font-family:Ubuntu-Bold}
.hc_bottom .hc_foot_title{margin-bottom:1rem}
.hc_bottom .hc_foot_title a:hover{color:#000;text-decoration:none}
.pblist{overflow:hidden;margin:.5rem auto}
.hc_bottom a{color:#fff}
.hc_bottom a:hover{color:#000}
.hc_bottom ul{width:100%;margin-right:2%;float:left;display:flex;flex-flow:wrap}
.hc_bottom ul li{width:100%;float:left;margin-bottom:.5rem}
.hc_bottom ul>li>a{display:block;line-height:1.4rem;padding-left:1rem;color:#fff;position:relative;font-weight:400;position:relative;margin-bottom:.2rem}
.hc_bottom ul>li>ol{padding-left:1rem;float:left}
.hc_bottom ul>li>ol a{display:block;font-size:.8rem}
.hc_bottom ul>li>a:before{position:absolute;content:"";left:2px;top:5px;width:5px;height:5px;background-color:#fba51a}
.cot_add,.cot_email,.cot_fax,.cot_mobile,.cot_people,.cot_tel,.cot_whatsapp{position:relative;padding-left:25px;display:block;margin-bottom:.5rem;padding-top:.2rem}
.cot_add:before{content:"\f041";position:absolute;left:0;top:4px;color:#fff;font-family:fontawesome;font-size:20px}
.cot_tel:before{content:"\f095";position:absolute;left:0;top:3px;color:#fff;font-family:fontawesome;font-size:18px}
.cot_email:before{content:"\f0e0";position:absolute;left:0;top:2px;color:#fff;font-family:fontawesome;font-size:16px}
.cot_people:before{content:"\f2be";position:absolute;left:0;top:3px;color:#fff;font-family:fontawesome;font-size:16px}
.cot_mobile:before{content:"\f10b";position:absolute;left:4px;top:-4px;color:#fff;font-family:fontawesome;font-size:22px}
.cot_fax:before{content:"\f1ac";position:absolute;left:0;top:0;color:#fff;font-family:fontawesome;font-size:16px}
.cot_whatsapp:before{content:"\f232";position:absolute;left:0;top:0;color:#fff;font-family:fontawesome;font-size:18px}
#hc_coper{margin-top:2px;width:100%;line-height:22px}
#hc_coper a{color:#fff;font-size:12px;transition:all .5s}
#otherlink{clear:both;width:100%;height:auto;font-size:12px;margin-top:1rem}
#otherlink a{color:#fff;display:inline-block;padding:0 4px;margin-right:5px;line-height:22px;margin-bottom:5px;border:1px solid #fff;font-size:12px;transition:all .5s}
#otherlink a span{opacity:.5;position:relative;top:0}
#hc_coper a:hover,#hc_homefooters a:hover,#otherlink a:hover,.hc_homefoot a:hover{color:#000}
#otherlink a:hover span{opacity:1;top:-2px;transition:all .3s ease-in-out}
.tags_box{width:100%;max-width:1400px;margin:1rem auto;margin-top:0;color:#fff}
.tags_box ul{display:flex;flex-wrap:wrap;justify-content:center}
.tags_box ul li{padding:.3rem .5rem;font-size:12px}
.tags_title{padding:.1rem .5rem}
#sitemap{width:100%;margin:20px auto;font-size:13px}
#sitemap .name{width:100%;font-size:15px;margin:10px 0;clear:both}
#sitemap a{color:#0f599b;width:100%;display:block;background:#eee;font-weight:600;line-height:24px}
#sitemap a.sname{margin:5px 0;font-weight:400;width:100%;color:#333;text-decoration:underline!important;background:0 0;font-size:14px}
#sitemap a:hover{text-decoration:underline!important}
#sitemap a.sname:hover{color:#0f599b;text-decoration:none!important}
#sitemap p{margin:0 0 10px;line-height:22px}
#sitemap .list_m{width:100%;height:auto;margin:10px 0;overflow:hidden}
#sitemap .list_m a{width:50%;display:block;float:left;color:#888;text-decoration:none;font-size:13px;line-height:18px;padding-right:3%;background:0;font-weight:400;margin-bottom:10px}
#sitemap .list_m a:nth-child(2n+1){clear:both}
#sitemap .list_m a:hover{color:#0f599b}
@media (max-width:1499.98px){
.equipment_box .equipment_des{max-width: 400px;}
}
@media (max-width:1299.98px){.dropdown-item{white-space:normal}
.top-nav .navbar-nav .row{margin-left:-250px!important}
.navbar-expand-lg .navbar-nav .nav-link{padding:.5rem .6rem}
.equipment_box .equipment_des{position: relative; max-width: inherit; background-color: #eee; }
}
@media (max-width:1359.98px){
  .industries_item{ height: 500px;}
}
@media (max-width:1199.98px){
.banner_01 h1{font-size:2rem}
#hc_content,.content,.hc_bottom,.header_in{padding-left:15px;padding-right:15px;float:left}
.header_in{padding-bottom:0}
.navbar-expand-lg .navbar-nav .nav-link{padding:.5rem .5rem;font-size: .9rem;}
.homevideo_box::before,.homevideo_box::after{display: none;}
.homevideo_box{padding: 0;}
.industries_item{height: 440px; }
}
@media (max-width:991.98px){
#header{position:inherit;min-height:inherit;display:block;padding-bottom:0}
#header::before{display:none}
#container,#hc_content,.home_box{margin:0 auto}
.pt-top{margin-top:0}
#hc_sidebar,#quicknav,.carousel-control-next,.carousel-control-prev,.inquiry_bg,.tags_box{display:none}
#hc_sidebar{border:none}
.hc_language text{display: none;}
.top-nav .navbar{float:left;width:100%;}
.nav-item span.pro_icon{display:block}
.navbar-light .navbar-toggler{color:#fff;font-size:2.5rem;border:none!important;padding:.05rem .75rem; }
.top-nav{width:100%;padding-left:0;margin-top:1rem; background-color:#717a83;background-color: #eee;overflow: hidden; border-top: none;}
.navbar-expand-lg .navbar-nav .nav-link{padding:.6rem .5rem;border-right:none;font-size:1.2rem;border-bottom:1px solid #666;color:#333;text-transform:none}
.dropdown-menu-one li>a,.navbar-expand-lg .navbar-nav .dropdown-menu>li>a{font-size:1rem}
.dropdown-menu-one li>ol>a{font-size:1rem;margin-bottom:.5rem}
.navbar{padding:0}
.dropdown-item{white-space:normal;padding-top:.5rem;font-size:14px}
.dropdown-toggle::after{display:none}
.navbar-light .navbar-nav .active>.nav-link,.navbar-light .navbar-nav .nav-link.active,.navbar-light .navbar-nav .nav-link.show,.navbar-light .navbar-nav .show>.nav-link{border-radius:0;color:#fff;background-color:#252525}
.navbar-light .navbar-nav .nav-link:focus,.navbar-light .navbar-nav .nav-link:hover{border-radius:0;color:#fff;background-color:#252525}
.top-nav .navbar-nav .row{position:relative;width:100%!important;top:0!important;left:0!important;margin-left:0!important}
.top-nav .navbar-nav .navright{display:none}
.navleft li a{background-color:#fff;color:#333;position:relative;display:block;transition:all .5s;padding:.6rem 1.5rem;border-bottom:1px solid #eee}
.navleft,.navproinfo{width:100%!important}
.navleft li a:hover{color:#c40000}
#floatchatiframe2011{width:100%}
#menu-items{border-radius:0!important}
.company_news::before,.video_icon span,.menu_link,.bx-has-controls-direction{display: none;}
.about_txt h3, .ban_txt h3{font-size: 1.6rem;}
.hub_products ul > li > ol > li.product_con a{font-size: 1.1rem;}
.about_box{padding: 0;}
}
@media (max-width:768.98px){
.inquiry_box .contact_box,.pro_banner{display:none}
.hc_set_feedback_form,.inquiry_box .contact_box{width:100%}
.inquiry_box .contact_box{left:0;top:0}
.webtitle{font-size:1.6rem}
.equipment_box .equipment_des a{font-size: 1.1rem;}
.related_products ul>li{width:32%;}
.related_products ul>li:nth-child(3n){margin-right: 0;}
.related_products ul>li:nth-child(4n){margin-right: 2%;}
.hub_products ul > li{width: 48%;}
.hub_products ul > li:nth-child(2n){margin-right: 0;}
.hub_products ul > li:nth-child(3n){margin-right: 2%;}
}
@media (max-width:650.98px){
html{font-size:14px}
.related_pro li{width:32%}
.related_pro li:nth-child(4n){margin-right:2%}
.related_pro li:nth-child(3n){margin-right:0}
.banner_01 h1{font-size:1.2rem;padding-left:15px;padding-right:15px;text-transform:none;text-align:center}
.img_text ul{flex-wrap:wrap}
.img_text ul li,.img_text ul li.img_text_pic{width:100%;text-align:center}
.img_text ul li dl dd{width:32%}
.img_text ul li dl dd:nth-child(3n){margin-right:0}
.img_text ul li dl dd:nth-child(4n){margin-right:2%}
}
@media (max-width:575.98px){
  .hc_hometitle,h2{font-size:1.3rem}
.mainpro ul li.mainpro_img span{display:none}
.inquiry_box{padding:1rem}
.equipment_box ul{width: 100%; margin-right: 0;}
.related_products ul>li{width:48%;}
.related_products ul>li:nth-child(3n){margin-right: 2%;}
.related_products ul>li:nth-child(2n){margin-right: 0;}
}
@media (max-width:480.98px){
  .hub_products ul > li{width: 100%; margin-right: 0;}
  .hc_products ul>li {width: 100%;}
  .company_box ul{flex-wrap: wrap;}
  .company_box ul li,.company_box ul li:last-child{width: 100%; margin-bottom: 1rem;}
  .company_box ul li:last-child{margin-bottom: 0;}
  .company_box ul li .icon_des span{width: 120px;}
}
@media (max-width:380.98px){
.carousel-caption h5{font-size:1.2rem}
.webtitle{font-size:1.4rem}
.pblist_box .pblist{width:100%;margin-right:0}
}
@media (max-width:320.98px){
  .iconfont,.navbar-light .navbar-toggler{font-size:1.55rem}
}
.btnsee{ float:right;}
.btnsee a{ width:auto; display:inline-block; box-shadow: 6px 6px 18px -10px rgba(0,0,0,0.3); border:2px #fba51a solid; color:#fba51a; padding:0.5rem 1.5rem; font-size:1.125rem; font-weight: 500;transition: all 500ms ease 0ms;}
.btnsee a:hover{ background:#fba51a; color:#fff;}

/*sitemap*/
#hc_map{width:100%;margin:0 auto}
#hc_map .name{width:100%;color:#06c;background:#eee;margin-top:6px;height:20px;line-height:20px;display:block;margin-bottom:4px}
#hc_map a{color:#333;text-decoration:underline;width:100%;display:block;margin-top:5px}
#hc_map a:hover{text-decoration:none}
#hc_map .name a{color:#1d3154;margin:0;font-weight:700;text-decoration:none}
#hc_map .name a:hover{text-decoration:underline}
#hc_map .list_m{ width:100%; height:auto; margin-bottom:15px; overflow:hidden}
#hc_map .list_m a{ width:50%; display:block; float:left; color:#888; text-decoration:none; line-height:20px; padding:5px 0; padding-left:12px;}
#hc_map .list_m a:nth-child(2n+1){ clear:both}
#hc_map .list_m a:hover{text-decoration:underline; color:#0c3b64}
#hc_map a.subname{ width:100%; display:block; text-decoration:underline;padding-left:0px;}