html,body{-webkit-overflow-scrolling:touch; overflow-scrolling:touch; }
html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, blockquote,  
pre, form, fieldset,figure,figcaption, table, th, td img{margin:0; padding:0; } 
a, abbr, acronym, address, big, blockquote, body, caption, cite, code, dd, dl, dt, fieldset, form, h1,time, h2, h3, h4, h5, h6, html, img, ins, kbd, label, legend, li, ol, p, pre, q, s, samp, small, span, strike, strong, ul {margin:0; padding:0; border:0; outline:0; vertical-align:baseline; }
@font-face{font-family:Roboto;src:url(../fonts/Roboto-Regular.ttf);font-display:swap;}
@font-face{font-family:Roboto-Bold;src:url(../fonts/Roboto-Bold.ttf);font-display:swap;}
body{font-family: Roboto,Arial, sans-serif;font-size:16px; font-weight: 400; text-align:left; margin:0 auto; line-height: 1.7; background:#fff; color:#000; font-weight:normal; overflow-x:hidden; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section{display:block; }
h1,h2,h3,h4,h5,h6{font-size:100%;padding: 0; margin: 0;}
a{color:#000; text-decoration:none;cursor: pointer}
a:hover{text-decoration:none; color:#ff6c2d;}
a:link,a:active,a:visited,a:hover {background:none; -webkit-tap-highlight-color:rgba(0,0,0,0); -webkit-tap-highlight-color:transparent; }
img {max-width: 100%;height: auto;-ms-interpolation-mode: bicubic;border: 0;}
i,em{ font-style: normal;}
li{list-style:none;}
button,input,select,textarea{font-size:100%;}
transition{transition:all 0.5s; -webkit-transition:all 0.5s; -moz-transition:all 0.5s; }
*{-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; -webkit-touch-callout:none; }
button{ -webkit-border-radius:0px;border-radius:0px; outline:none; }
input{border-radius:0; outline:none; }
input:-ms-clear{display:none; }/*消除 IE10 里面的那个叉号*/
input,textarea{border:0; }
textarea {resize :none; outline:none; }/*去掉提交框右下角箭头*/
img{border:0; vertical-align:middle; }/*让链接里的 img 无边框；清除图片间距*/
ul,li{list-style:none; } 
.clearfix {display: inline-table;display: block;zoom: 1}
.clearfix:after{ content: " "; display: block; height: 0px; visibility: hidden; clear:both;}
.flex{display: flex; flex-wrap: wrap;}
.flex-between{justify-content: space-between;}
@media (min-width: 1440px) {
  .container {max-width: 1230px; margin: 0 auto; padding-left: 15px; padding-right: 15px;}
}
/*index*/
.top_bar{background: #eee; padding: 6px 0;}
.top_bar svg{width: 17px; height: 17px; fill:#666;}
.top_bar .share a{margin-right: 15px;}
.top_bar .contact div{margin-left: 25px;}
.top_bar .contact div svg{margin-right: 5px; fill:#000}
.common_nav{margin-top: 20px; position: relative;}
.common_nav .logo img{width: 180px;}
.nav{margin-top: 10px;}
.nav > ul {display: flex;}
.nav li {position: relative;}
.nav li:hover > ul {display: block;}
.nav a {display: block;color: #000;text-decoration: none;padding: 8px 20px;white-space: nowrap;}
.nav a:hover {background-color: #ff6c2d; color: #fff;}
/* 二级菜单 */
.nav ul ul {display: none;position: absolute;top: 100%;left: 0;background:rgba(0,0,0,.7); min-width: 150px;z-index: 10;}
.nav ul ul a{color:#fff;}
/* 三级菜单 */
.nav ul ul ul {top: 0;left: 100%;}
.nav ul ul ul a{color: #fff;}
/* 添加箭头指示 */
.nav li.has-child > a:after {content: "›";margin-left: 5px;}
/* 当前菜单项高亮 */
.nav .current > a {background-color: #ff6c2d; color: #fff}
.mnav{display: none;}
.mnav_content{display: none;}
.banner{margin-top: 20px;}
.swiper {width: 100%;height: 100%;}
.swiper-slide img {display: block;width: 100%;object-fit: cover;}
.banner .siper-slide img{}
.h2_line{text-align: center; font-size: 36px; font-weight: bold; position: relative;}
.h2_line:after{position: absolute; left: 0; right: 0; bottom: -15px; width: 25px;; margin: 0 auto; content: ""; height: 4px; background: #ff6c2d;}
.section1{margin-top: 55px;}
.section1 .flex{margin-top: 45px; margin-left: -10px; margin-right: -10px;}
.section1 .list{width: calc(25% - 20px); border: 1px solid #ddd; padding: 15px; box-shadow: 0 0px 10px rgba(0,0,0,.18); border-radius:10px ; -webkit-border-radius:10px ; -moz-border-radius:10px ; -ms-border-radius:10px ; -o-border-radius:10px ; text-align: center; margin: 10px;}
.section1 .list h3{font-weight: bold;}
.section1 .list .img{margin-top: 10px;}
.section1 .list .img img{ transition:.5s ; -webkit-transition:.5s ; -moz-transition:.5s ; -ms-transition:.5s ; -o-transition:.5s ; }
.section1 .list .text{text-align: center; color: #555; line-height: 1.9; margin-top: 10px; font-weight:bold;}
.section1 .list:hover{border-color: #ff6c2d;}
.section1 .list:hover .img img{ transform:scale(1.1) ; -webkit-transform:scale(1.1) ; -moz-transform:scale(1.1) ; -ms-transform:scale(1.1) ; -o-transform:scale(1.1) ; }
.section2{margin-top: 40px;}
/* 外层容器设置相对定位 */
.section2 .swiper-outer-container {position: relative; margin: 0 auto; margin-top: 55px;}
/* 自定义导航按钮样式 */
.section2 .swiper-slide{ border:1px solid #ddd; border-radius:10px ; -webkit-border-radius:10px ; -moz-border-radius:10px ; -ms-border-radius:10px ; -o-border-radius:10px ; overflow: hidden;}
.section2 .swiper-slide img{ transition:.5s ; -webkit-transition:.5s ; -moz-transition:.5s ; -ms-transition:.5s ; -o-transition:.5s ; }
.section2 .swiper-slide:hover{border-color: #ff6c2d;}
.section2 .swiper-slide:hover img{ transform:scale(1.1) ; -webkit-transform:scale(1.1) ; -moz-transform:scale(1.1) ; -ms-transform:scale(1.1) ; -o-transform:scale(1.1) ; }
.section2 .swiper-slide p{padding: 30px 15px 10px 15px;}
.custom-swiper-button-prev,
.custom-swiper-button-next,
.custom-swiper-button-prev2,
.custom-swiper-button-next2 {position: absolute;  top: 50%;  transform: translateY(-50%);  width: 40px;  height: 40px;  background: #000;  color: white;  border-radius: 50%;  z-index: 10;  cursor: pointer;  display: flex;  align-items: center;  justify-content: center;}
.custom-swiper-button-prev {  left: -60px;}
.custom-swiper-button-prev2 {  left: -60px;}
.custom-swiper-button-next {  right: -60px;}
.custom-swiper-button-next2 {  right: -60px;}
/* 使用伪元素添加箭头图标 */
.custom-swiper-button-prev::after,
.custom-swiper-button-next::after,
.custom-swiper-button-prev2::after,
.custom-swiper-button-next2::after {  content: '';  display: inline-block;  width: 12px;  height: 12px;  border-left: 2px solid white;  border-bottom: 2px solid white;}
.custom-swiper-button-prev::after {  transform: rotate(45deg);  margin-right: -3px;}
.custom-swiper-button-prev2::after {  transform: rotate(45deg);  margin-right: -3px;}
.custom-swiper-button-next::after {  transform: rotate(-135deg);  margin-left: -3px;}
.custom-swiper-button-next2::after {  transform: rotate(-135deg);  margin-left: -3px;}
.section2 .more a, .section3 .more a{ display: block; width: 160px; text-align: center; background: #ff6c2d; padding: 10px 0; color: #fff; margin: 0 auto; border-radius:5px ; -webkit-border-radius:5px ; -moz-border-radius:5px ; -ms-border-radius:5px ; -o-border-radius:5px ; margin-top: 50px; text-transform: uppercase; font-weight: bold;}
.section3{background: url("../images/s1.jpg") no-repeat center; padding: 50px 0; margin-top: 50px;}
.section3 .swiper-outer-container {position: relative; margin: 0 auto; margin-top: 55px;}
.section3 .swiper-slide{border:1px solid #ddd; border-radius:10px ; -webkit-border-radius:10px ; -moz-border-radius:10px ; -ms-border-radius:10px ; -o-border-radius:10px ; overflow: hidden; background: #fff;}
.section3 .swiper-slide img{ transition:.5s ; -webkit-transition:.5s ; -moz-transition:.5s ; -ms-transition:.5s ; -o-transition:.5s ; }
.section3 .swiper-slide .box{padding: 15px;}
.section3 .swiper-slide .box span{display: block; color: #555; margin-top: 10px; font-size: 14px;}
.section3 .swiper-slide:hover{border-color: #ff6c2d;}
.section3 .swiper-slide:hover img{ transform:scale(1.05) ; -webkit-transform:scale(1.05) ; -moz-transform:scale(1.05) ; -ms-transform:scale(1.05) ; -o-transform:scale(1.05) ; }
.section4{background: #f7f7f7; padding: 40px 0;}
.section4 .flex{align-items: center; margin-top: 60px;}
.section4 .l{width: 38%;}
.section4 .l img{width: 100%;}
.section4 .r{width: 55%;}
.section4 .r p{font-size: 18px; color: #333; line-height: 1.8;}
.section4 .swiper{margin-top: 40px;}
.section4 .swiper-slide{ border:1px solid #ddd;}
.section4 .swiper-slide:hover{border-color: #ff6c2d;}
footer{background: #232323; padding: 40px 0;}
footer .row{}
footer h3 a{color: #fff; font-size: 20px; font-weight: bold; text-transform: uppercase;}
footer ul{margin-top: 15px;}
footer ul li{font-size: 14px; margin: 5px 0;}
footer ul li a{color: #a7a5a3;}
footer ul li:hover a{text-decoration: underline;}
footer ul li i img{width: 18px; height: 20px; margin-right: 5px;}
footer .contact_nr p{color: #a7a5a3; font-size: 14px; margin-top: 15px;}
footer .contact_nr p a{color: #a7a5a3;}
footer .contact_nr p svg{width: 20px; height: 20px; fill:#fff; margin-right: 10px;}
.copyright{background: #232323; border-top: 1px solid #393939; color: #a7a5a3; padding: 10px 0; font-size: 14px;}
#gotop{position: fixed; right: 10px; bottom: 10%; z-index: 99999;}
#gotop p{background: #ddd; cursor: pointer;}
#gotop p svg{ width: 30px; height: 30px; fill:#000; border-radius:50% ; -webkit-border-radius:50% ; -moz-border-radius:50% ; -ms-border-radius:50% ; -o-border-radius:50% ; }
/*sub*/
.subbanner{text-align: center; margin-top: 10px;}
.subbanner img{max-width: 100%;}
.prolist_page{margin-top: 20px; margin-bottom: 30px;}
.prolist_page .left .top{ border-radius:5px ; -webkit-border-radius:5px ; -moz-border-radius:5px ; -ms-border-radius:5px ; -o-border-radius:5px ; }
.prolist_page .left h3{background: #ff6c2d; color: #fff; font-size: 20px; padding: 10px 20px;}
.prolist_page .left h3 svg{fill: #fff; width: 30px; height: 30px; margin-right: 10px;}
.prolist_page select{display: none;}
.prolist_page .menu-group {width: 100%;border: 1px solid #ddd;overflow: hidden; border-top: none;}
.prolist_page .menu-group dt {padding: 10px 15px;background-color: #fff;cursor: pointer;font-weight: bold;transition: background-color 0.3s;}
.prolist_page .menu-group dt:hover {background-color: #e9e9e9;}
.prolist_page .menu-group dt::after {content: "+";float: right;transition: transform 0.3s;}
.prolist_page .menu-group dt.active::after {content: "-";}
.prolist_page .menu-group dt.activea{background: #2ba2f5;}
.prolist_page .menu-group dt.activea a{color: #fff;}
.prolist_page .menu-group dd {margin: 0;max-height: 0;overflow: hidden;transition: max-height 0.3s ease-out;}
.prolist_page .menu-group dd.show {max-height: 600px;}
.prolist_page .menu-group ul {list-style: none;}
.prolist_page .menu-group ul li a {display: block;padding: 10px 15px 10px 25px;color: #333;text-decoration: none;border-top: 1px solid #eee;transition: background-color 0.2s;}
.prolist_page .menu-group ul li a:hover {background-color: #f9f9f9;}
.prolist_page .contact{margin-top: 20px; }
.prolist_page .contact_nr{border: 1px solid #ddd; padding: 10px 20px;}
.prolist_page .contact_nr p{color: #333; font-size: 14px; margin-top: 15px;}
.prolist_page .contact_nr p a{color: #333;}
.prolist_page .contact_nr p svg{width: 20px; height: 20px; fill:#333; margin-right: 10px;}
.prolist_page .right .position_site{border-bottom: 1px solid #ccc; padding-bottom: 10px;}
.prolist_page .right .position_site svg{width: 30px; height: 30px; fill:#999; margin-right: 10px;}
.prolist_page .right .position_site .name{font-size: 20px; color: #ff6c2d;}
.prolist_page .prolist_list{margin-top: 30px;}
.prolist_page .prolist_list .list{border-bottom: 1px dashed #ddd; padding-bottom: 20px; margin-top: 10px;}
.prolist_page .prolist_list .img{width: 23%; border: 1px solid #ddd;}
.prolist_page .prolist_list .info{width: 74%;}
.prolist_page .prolist_list .info .title a{font-weight: bold;}
.prolist_page .prolist_list .info .text{font-size: 14px; color: #555; line-height: 2; margin-top: 10px;}
.f_page{margin-top:30px; justify-content: center;}
.f_page ul li a{padding:5px 15px; display:block; background:#eee;}
.f_page ul li .page-num-current{background:#ff6c2d; color:#fff;}
.f_page ul li{display:flex;}
.solution_page{margin-top: 30px; padding-bottom: 30px;}
.solution_page .list{width: calc(33.33% - 20px); margin: 10px; border: 1px solid #ddd; background: #f9f9f9; padding: 10px;}
.solution_page .list img{width: 100%;}
.solution_page .list .title{font-weight: bold; margin-top: 15px; padding: 0 5px;}
.solution_page .list .desc{font-size: 14px; color: #555; margin-top: 15px; border-top: 1px solid #ddd; padding: 10px 5px 10px 5px; line-height: 1.9;}
.solution_page .list:hover{border: 1px solid #ff6c2d;}
.prolist_page .single_content{line-height: 1.9; color: #333; margin-top: 20px;}
.prolist_page .single_content h3{ font-size: 20px; font-weight: bold; margin: 10px 0;}
.pro_page{margin-top: 20px;}
.pro_page .swiper {width: 100%;margin-left: auto; margin-right: auto;}
.pro_page .swiper-slide {background-size: cover;background-position: center;}
.pro_page .mySwiper2 {height: 85%;width: 100%; border: 1px solid #ddd;}
.pro_page .mySwiper {height: 15%;box-sizing: border-box;padding: 10px 0;}
.pro_page .mySwiper .swiper-slide {width: 25%;height: 100%;opacity: 0.4;}
.pro_page .mySwiper .swiper-slide-thumb-active {opacity: 1;}
.pro_page .swiper-slide img {display: block;width: 100%;height: 100%;object-fit: cover;}
.pro_page .mySwiper img{border: 1px solid #ddd ;}
.pro_page .swiper-button-next, .pro_page .swiper-button-prev{color: #ff6c2d;}
.pro_page h1{font-size: 20px; color: #ff6c2d; line-height: 1.6;}
.pro_page .info{font-size: 14px; margin-top: 10px; border-top: 1px solid #ddd; padding-top: 10px;}
.propage_content{margin-top: 30px;}
.propage_content .js_tab{display:flex;}
.propage_content .js_tab li{border: 1px solid #ddd; padding: 8px 30px; font-size: 18px; cursor: pointer;}
.propage_content .js_tab li.active{background: #ff6c2d; color: #fff;}
.propage_content .js_tab_detail{border: 1px solid #ddd; padding: 20px; line-height:1.9;}
.propage_content .js_tab_detail h3{font-size:20px; font-weight:bold; margin:5px 0;}
.common_message{ margin-top: 50px; background:#f5f5f5; padding:50px; border-radius:10px; transition:.3s; -webkit-border-radius:10px; -moz-border-radius:10px; -ms-border-radius:10px; -o-border-radius:10px; }
.common_message h3{font-size: 28px; color: #002a54; font-weight: bold;}
.common_message form{margin-top: 20px;}
.common_message .container:hover{box-shadow:0 0 10px rgba(15,38,127,.2);}
.common_message .submit{text-align: center; margin-top: 20px;}
.common_message .submit button{ background: #ff6c2d; border: none;}
.common_message .submit button:hover{background:#ff6c2d;}
.propage_content .link_pro{margin-top: 30px;}
.propage_content .link_pro h3{font-size: 22px; border-bottom: 1px solid #ddd; padding-bottom: 10px;}
.propage_content .link_pro ul li{width: calc(25% - 10px); margin: 5px; text-align: center;}
.propage_content .link_pro ul li p{margin-top: 5px; font-size: 14px;}
.news_page{margin-top:30px; margin-bottom: 30px;}
.news_page .info p{margin-top:20px;}
.news_page .info .ico{display:flex; margin-top:20px;}
.news_page .info .ico a{margin-right:20px;}
.news_page .info .ico svg{width: 25px; height: 25px;}
.news_page h1{font-size: 36px; font-weight: bold; line-height:1.5;}
.news_page .content{margin-top:30px; line-height:1.8; color: #333;}
.news_page .content p{margin:10px 0;}
.news_page .content img{max-width:100%; height:auto!important;}
.pro_category_position{margin-top: 30px; border-bottom: 1px solid #e6e6e6; padding-bottom: 15px;}
.news_list{margin-top:20px; margin-bottom: 30px;}
.news_list .list ul{display:flex; flex-wrap:wrap; margin-left:-15px; margin-right:-15px;}
.news_list .list ul li{width:calc(33.33% - 30px); margin:15px;}
.news_list .list ul li .box{background: #f6f7f9; padding:20px 20px;}
.news_list .list ul li h4{font-size:18px; line-height:1.6;}
.news_list .list ul li p{font-size: 14px; margin-top:10px; font-style:italic;}
.news_list .list ul li span{display:inline-block; background:#ff6c2d; color:#fff; padding:5px 20px; margin-top:20px;}
.news_list .list ul li:hover span{background:#ff0000;}
.contact_page h2{text-align:center; margin-top:30px; font-size: 36px; font-weight: bold;}
.contact_page p.tips{text-align:center; margin-top:10px;}
.contact_page .contanct_info{display:flex;flex-wrap:wrap; margin-top:50px;}
.contact_page .contanct_info .maps{width:50%;}
.contact_page .contanct_info .info{width:50%; padding-left:40px;}
.contact_page .contanct_info .info h3{font-size: 22px;}
.contanct_info .info .address{margin-top:30px; color:#333; border-bottom:1px solid #ddd; padding-bottom:10px;}
.contanct_info .info .address i{font-size: 18px; margin-right:10px;}
.contanct_info .text{color:#333; margin-top:20px;}
.contanct_info .text p{margin-top:10px;}
.contanct_info .text a{color:#333;}
.contanct_info svg{width: 25px; height: 25px; fill: #000; margin-right:10px;}
.contanct_info .chat a{display:inline-block; background:#ff6c2d; color:#fff; padding:10px 30px; margin-top:30px;}
.contanct_info .chat a:hover{background:#ff6c2d;}
.contanct_info .chat svg{fill:#fff}
.single_content_about ul li{margin-bottom: 20px;}


@media (max-width: 1440px){
}
@media (max-width: 1366px){
}
@media (max-width: 1024px){
}

@media (max-width: 768px){
    .none768{display: none;}
	
}
@media (max-width: 414px){
    body,html{overflow-x:hidden;}
    .top_bar .contact{display: none;}
    .common_nav .logo img{width: 120px;}
    .nav > ul{display: block; width: 100%;}
    .nav ul ul{position: relative;}
    .nav a{text-align: center; color: #fff;}
    .nav ul ul{min-width: auto;}
    .common_nav .r{display: none;}
    .mnav{display: block; position: relative; top: -40px;}
    .mnav .mbutton{display: block; position: absolute; right: 10px; top: 0; z-index: 99999;}
	.mnav .mbutton svg{fill:#000; width: 35px; height: 35px;}
    .banner{margin-top: 10px;}
    .mnav_content{position: absolute; background: rgba(0,0,0,.7); z-index: 999999; width: 100%; top: 50px; left: 0; text-align: center; padding: 20px 0; color: #fff;}
    .mnav_content a{color: #fff; display: block; padding: 5px 0;}
    .mnav_content button{border: none; background: #222; width: 100%;}
    .dropdown-menu{width: 98%; background: #ff6c2d; text-align: center; }


    .h2_line{font-size: 22px;}
    .section1{margin-top: 30px;}
    .section1 .flex{margin-top: 35px;}
    .section1 .list{width: calc(50% - 10px); margin: 5px;}
    .section2 .swiper-slide p{font-size: 14px;}
    .section2 .more a, .section3 .more a{margin-top: 20px;}
    .section3{margin-top: 30px; padding: 20px 0;}
    .section4{padding: 20px 0;}
    .section4 .flex{margin-top: 30px;}
    .section4 .l{width: 100%;}
    .section4 .r{width: 100%; margin-top: 20px;}
    .section4 .r p{font-size: 15px;}
    .section4 .swiper{margin-top: 20px;}
    .custom-swiper-button-prev{left: 0;}
    .custom-swiper-button-next{right: 0;}
    .custom-swiper-button-prev2{left: 0;}
    .custom-swiper-button-next2{right: 0;}
    .prolist_page .pro_category{display: block;}
    .prolist_page select{display: block;}
    .prolist_page select{width: 100%; padding: 10px; border-color: #ddd;}
    .prolist_page .left .list{display: none;}
    .prolist_page .right .position_site{margin-top: 10px;}
    .prolist_page .right .position_site svg{width: 20px; height: 20px;}
    .prolist_page .right .position_site .name{font-size: 16px;}
    .prolist_page .right .position{font-size: 14px; margin-top: 5px;}
    .prolist_page .prolist_list{display: flex; flex-wrap: wrap; margin-left: -5px; margin-right: -5px;}
    .prolist_page .prolist_list .list{width: calc(50% - 10px); margin: 5px; border-bottom: none; padding-bottom: 0;}
    .prolist_page .prolist_list .img{width: 100%;}
    .prolist_page .prolist_list .info{width: 100%; margin-top: 10px;}
    .prolist_page .prolist_list .info .title{font-size: 14px; line-height: 1.6; text-align: center;}
    .prolist_page .prolist_list .info .title a{font-weight: normal;}
    .prolist_page .prolist_list{margin-top: 10px;}
    .solution_page .list{width: 100%;}
    .about_page select{display: none;} 
    .about_page .pro_category{display: none;}
    .about_page .left .list{display: block;}
    .about_page .right .position{display: none;}
    .propage_content .js_tab li{padding: 5px 20px;}
    .propage_content .js_tab_detail{padding: 10px;}
    .common_message{padding: 20px;}
    .common_message h3{font-size: 20px;}
    .propage_content .link_pro ul li{width: calc(50% - 10px);}
    .news_list .list ul li{width: 100%;}
    .contact_page h2{font-size: 24px;}
    .contact_page .contanct_info{margin-top: 30px;}
    .contact_page .contanct_info .maps{width:100%}
    .contact_page .contanct_info .maps iframe{width: 100%; height: 300px;} 
    .contact_page .contanct_info .info{width:100%; padding-left: 0; margin-top: 20px;}

}
@media (max-width: 375px){
	
}
@media (max-width: 320px){
}