*{border:none;color:#283042;font-family:"Poppins",Arial,Helvetica,sans-serif;font-weight: 400; font-size: 16px; list-style:none;margin:0;outline:none;padding:0;text-decoration:none;box-sizing:border-box}
.poppins-bold {font-family: "Poppins", sans-serif;  font-weight: 700;  font-style: normal;}

html{font-size:16px}
h1,h2,h2 a,h3,h3 a,h4,h4 a{color:#000}
.clear{clear:both}
img{max-width:100%;width:auto;height:auto}
body{}
.pull_right{float:right}
.pull_left{float:left}
.flex{display:flex; flex-wrap: wrap;}
.flex_justify{justify-content: space-between;}
.container{width:1200px;margin:0 auto; padding: 0 10px;}
.common_header{position: fixed; top: 0; left: 0; right: 0; width: 100%; z-index: 1000; background: rgba(0, 0, 0, 0.8); padding: 20px 0;transition:all .3s ease;}
.common_header .logo img{width: 100%; transition:all .3s ease;}
.common_header.scrolled{padding:15px 0;}
.common_header.scrolled .logo img{width: 90%;}
.common_header .content{width: 92%; margin: 0 auto; justify-content: space-between; align-items: center;}
.common_header .nav ul{display: flex;}
.common_header .nav ul li{margin: 0 8px; position: relative;}
.common_header .nav li a{color: #fff; display: block; padding: 10px; position: relative;}
.common_header .nav li.active a{color: #e35a00;}
.common_header .nav li.active a:after{content: ""; position: absolute; left: 0; bottom: -5px;  width: 100%; height: 2px; background: #e35a00;}
.common_header .nav li a:hover{color: #e35a00;}
.common_header .nav li a:after{
 content:"";
 position:absolute;
 left:50%;
 bottom:-5px;
 width:0;
 height:2px;
 background:#e35a00;
 transition: all .5s ease;
 -webkit-transition: all .5s ease;
 -moz-transition: all .5s ease;
 -ms-transition: all .5s ease;
 -o-transition: all .5s ease;
}
.sub_toggle{display: none;}
.common_header .menu_btn{display: none;}
.common_header .nav li a:hover:after{left:0;  width:100%;}
/* 二级菜单 */
.sub_menu{position:absolute;top:100%;left:0;background:#fff;display:none;padding: 10px 0; min-width: 340px;}
.sub_menu dd{padding: 0 10px;}
.sub_menu dd a{padding:0 10px;color: #333 !important; font-size: 14px;}
/* PC hover */
.has_sub:hover .sub_menu{display:block;}
/* 移动端按钮 */
.menu_btn{display:none;font-size:26px;cursor:pointer;}
@media (max-width:768px){
    .common_header{position: relative;}
    .has_sub > a:after{content:"▾";margin-left:5px;font-size:12px;}
    .nav dl{display:none;flex-direction:column;background:#000;}
    .nav dd{ border-bottom:1px solid rgba(255,255,255,0.1);}
    .common_header .right{margin-right: 30px;}
    .sub_menu{position:static;background:#111;}
    .common_header .menu_btn{display:block; position: absolute; top: 36px; right: 20px;}
    .common_header .menu_btn svg{fill:#fff; width: 30px; height: 30px;}
    .common_header .nav ul{display: none; position: absolute; top: 100px; left: 0; width: 100%; background: #000;}
}
.common_header .right{display: flex;}
.common_header .search .icon svg{fill: #fff; width: 25px; height: 25px; cursor: pointer;}
.common_header .search{ position:relative; display:inline-block;}
.common_header .icon{ cursor:pointer;}
/* 搜索框悬浮 */
.common_header .search-box{position:absolute;right:40px;top:50%;transform:translateY(-50%);width:0;overflow:hidden;white-space:nowrap;transition:all .3s;}
/* 展开状态 */
.common_header .search.active .search-box{width:260px;}
.common_header .search-box input{width:180px;height:34px;padding:0 10px;border:1px solid #ccc;}
.common_header .search-box button{height:34px;padding:0 5px;border:none;background:#e35a00;color:#fff; font-size: 14px; cursor: pointer;}
.toplanguage select{color:#000; width:100px; padding:3px 0; margin-left: 10px; margin-top: -3px;}
.banner img{display: block;width: 100%;height: 100%;object-fit: cover;}
.banner .content{position: absolute; top: 40%; left:6%; width: 660px;}
.banner .content h2{font-size: 60px; font-weight: bold; color: #fff;}
.banner .content p{font-size: 40px; color: #fff; margin-top: 30px;}
.banner .content a{ display:inline-block; background: #e35a00; color: #fff; padding: 10px 40px; font-size: 20px; margin-top: 50px; transition:.5s ; -webkit-transition:.5s ; -moz-transition:.5s ; -ms-transition:.5s ; -o-transition:.5s ; }
.banner .content a:hover{background: #f5b800;}
.banner .swiper-slide:nth-child(2) .content{ width: 850px; top: 30%;}
.banner .swiper-slide:nth-child(3) .content{ width: 100%; top: 40%; text-align: center; left: 0;}
.banner .swiper-slide:nth-child(3) .content h2{color: #0059c6; font-size: 70px;}
.banner .swiper-slide:nth-child(3) .content p{color: #000;}
.index_about .top{margin-top: 105px;}
.index_about .img{width: 50%;}
.index_about .top .text{width: 48%;}
.index_about .top .text h3{font-size: 36px; color: #222; line-height: 1.2em; font-weight: 700;}
.index_about .top .text p{font-weight: 300; color: #333; line-height: 1.7em; margin-top: 10px;}
.common_more{ display: inline-block; padding: 8px 30px; background: #e35a00; color: #fff; margin-top: 17px; transition:.5s ; -webkit-transition:.5s ; -moz-transition:.5s ; -ms-transition:.5s ; -o-transition:.5s ; }
.common_more:hover{background: #f5b800;}
.index_about .top .text a:hover{background: #f5b800;}
.index_about ul li{margin-top: 25px;}
.index_about ul li span{display: block; font-weight: 500;}
.index_about ul li p{color: #333; line-height: 1.7em;font-weight: 300;}
.index_hot_pro{width: 98%; margin: 0 auto; background: linear-gradient(to bottom, #f6f6f6, #ffffff); padding: 70px 0; margin-top: 70px;}
.index_h3{font-size: 36px; color: #222; line-height: 1.4em; font-weight: 700;}
.index_hot_pro h3{text-align: center;}
.index_hot_pro ul li{text-align: center; width: calc(33.33% - 15px); margin-top: 30px; transition: all .3s ease;}
.index_hot_pro ul li:hover{ transform: translateY(-10px); -webkit-transform: translateY(-10px); -moz-transform: translateY(-10px); -ms-transform: translateY(-10px); -o-transform: translateY(-10px); }
.index_hot_pro ul li img{width: 100%;}
.index_hot_pro ul li p{font-size: 20px; color: #222; padding: 10px 0;}
.index_hot_pro .more{justify-content: center; margin-top: 30px;}
.index_solitions{background: #effaff; margin-top: 80px;}
.index_solitions .top{padding: 65px 0 45px 0; align-items: center;}
.index_solitions .top .left{width: 75%;}
.index_solitions .top .left p{line-height: 1.7em;}
.accordion{width:100%; height:750px; display:flex; overflow:hidden;}
.accordion .item{ position:relative; flex:1; overflow:hidden; transition:all .5s ease; border-right: 1px solid #fff;}
.accordion .item.active{ flex:4;}
.accordion img{ width:100%; height:100%; object-fit:cover; transition:transform .6s ease;}
.accordion .item:hover img{ transform:scale(1.01); -webkit-transform:scale(1.01); -moz-transform:scale(1.01); -ms-transform:scale(1.01); -o-transform:scale(1.01); }
/* 遮罩 */
.accordion .item:after{ content:""; position:absolute; inset:0; background:rgba(0,0,0,.35); transition:.4s;}
.accordion .item.active:after{ background:rgba(0,0,0,.15);}
/* 文字 */
.accordion .info{ position:absolute; left:40px; bottom:40px; color:#fff; max-width:70%; opacity:0; transform:translateY(20px); transition:.4s; z-index: 9999;}
.accordion .item.active .info{ opacity:1; transform:translateY(0);}
.accordion .info h3{ font-size:28px; margin-bottom:10px; color: #fff;}
.accordion .info p{line-height:1.7em; margin-bottom:20px; color: #fff;}
.accordion .info a{ display:inline-block; padding:5px 24px; border:1px solid #fff; border-radius:20px; color:#fff; text-decoration:none; cursor: pointer;}
@media (max-width:768px){
    .container{width: 100%; padding: 0 10px;}
    .accordion{ flex-direction:column; height:auto;}
    .accordion .item{ flex:none; width:100%; height:260px; border-right:none; border-bottom:1px solid #fff;}
    .accordion .item.active{ flex:none;}
    .accordion .item:hover img{transform:none;}
    /* 图片 */
    .accordion img{ width:100%; height:100%;}
    /* 文字始终显示 */
    .accordion .info{ opacity:1; transform:none; left:20px; bottom:20px; max-width:85%;}
    /* 遮罩统一 */
    .accordion .item:after{ background:rgba(0,0,0,.25);}
}
.index_service{margin-top: 70px;}
.index_service h3{text-align: center;}
.index_service p.tips, .showroom p.tips{text-align: center; color: #333; font-weight: 300; line-height: 1.7em; }
.index_service .flex{margin-top: 40px;}
.index_service .item{width: calc(33.33% - 15px);margin-top: 30px;}
.index_service .item img{width: 100%;}
.index_service .item h4{font-size: 20px; color: #222; font-weight: 500;}
.index_service .item li{margin-bottom: 30px;}
.index_service .item li p{color: #333; line-height: 1.7em; font-weight: 300; margin-top: 10px;}
.index_service .item.right{text-align: right;}
.showroom{margin-top: 70px;}
.showroom h3{text-align: center;}
.showroom iframe{width: 100%;margin: 30px auto 0;}
.index_choose{margin-top: 50px;}
.index_choose .img{width: 50%; margin: 0; padding: 0;}
.index_choose .img img{width: 100%; height: 100%;}
.index_choose .text{width: 50%; background: url(../images/about-pic5.webp) no-repeat center; background-size: cover; display: flex; align-items: center; flex-wrap: wrap;}
.index_choose .text .content{width: 50%; margin-left: 50px;}
.index_choose .text h3{color: #fff; font-size: 36px;}
.index_choose .text p{color: #fff;}
.index_choose .text p.tips{font-size: 20px; font-weight: 500; line-height: 1.7em;}
.index_choose .text p.info{font-weight: 300; line-height: 1.7em; margin-top: 30px;}
.index_choose .text a{margin-top: 60px;}
.index_news{margin-top: 70px;}
.index_news h3{text-align: center;}
.index_news ul li{ width: calc(33.33% - 15px); margin-top: 20px; transition:.5s ; -webkit-transition:.5s ; -moz-transition:.5s ; -ms-transition:.5s ; -o-transition:.5s ; }
.index_news ul li:hover{ transform: translateY(-10px); -webkit-transform: translateY(-10px); -moz-transform: translateY(-10px); -ms-transform: translateY(-10px); -o-transform: translateY(-10px); }
.index_news ul li a{display: block;}
.index_news ul li img{width: 100%;}
.index_news ul li a.title{font-size: 20px; color: #000; line-height: 30px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; margin-top: 5px;}
.index_news ul li a.title:hover{color: #e35a00;}
.index_news ul li p{color: #222; line-height: 1.7em; font-weight: 300; margin-top: 5px;}
.index_news .more{justify-content: center; margin-top: 30px;}
.footer_message{background: url(../images/biaodan-bg.webp) no-repeat center; background-size: cover; margin-top: 70px; padding: 45px 0;}
.footer_message h3{text-align: center; color: #fff; font-size: 36px; font-weight: 700;}
.footer_message p.tips{color: #fff; font-weight: 300; line-height: 1.7em; text-align: center;}
.footer_message form input{width: calc(33.33% - 30px); background: #fff; border: none; padding: 8px 5px; margin-top: 20px;}
.footer_message form textarea{width: 100%; height: 90px; background: #fff; border: none; padding: 8px 5px; margin-top: 20px; resize: vertical;}
.footer_message form .submit{text-align: center; margin-top: 20px;}
.footer_message form .submit button{cursor: pointer;}
.common_footer{background: url(../images/FOOT-BG.webp) no-repeat center; background-size: cover; padding: 60px 0 10px 0; color: #fff;}
.common_footer .company{width: 31%;}
.common_footer .company p{color: #fff; font-weight: 300; line-height: 2;}
.share_links{align-items: center; margin-top: 20px;}
.share_links a{display: block; background: #0052b7;width: 30px; height: 30px; margin-right: 10px; display: flex; align-items: center; justify-content: center;}
.share_links svg{fill:#fff; width: 20px; height: 20px; margin-top: 8px;}
.share_links a:hover{background: #e35a00;}
.common_footer .link{width: 16%; margin-left: 3%;}
.common_footer .item{margin-top: 20px;}
.common_footer .item p.title{font-size: 20px; color: #fff; font-weight: 700;}
.common_footer .item ul{margin-top: 20px;}
.common_footer .item ul li{line-height: 2em; color: #fff; font-weight: 300;}
.common_footer .item ul li a{color: #fff; font-weight: 300;}
.common_footer .item ul li a:hover{color: #e35a00;}
.common_footer .category{width: 24%;}
.common_footer .contact{width: 26%;}
.common_footer .copyright{margin-top: 50px; text-align: center; border-top: 1px solid #3a3839; padding-top: 10px;}
.common_footer .copyright p{ color: #fff; font-weight: 300;}
.subbanner{position: relative;}
.subbanner img{width: 100%;}
.subbanner .position{position: absolute; width: 100%; left: 0; bottom: 20px; color: #fff; font-weight: 300;}
.subbanner .position svg{fill: #fff; width: 25px; height: 25px; margin-right: 10px;}
.subbanner .position a, .subbanner .position p{color: #fff; font-weight: 300;}
.prolist_page{margin-top: 60px;}
.com_sidebar{width: 25%;}
.com_sidebar h3{background: linear-gradient(to right, #015ac7, #17c6e2); font-size: 24px; font-weight: 700; color: #fff; padding: 15px 12px; position: relative;}
.com_sidebar h3 .toggle{position: absolute; top: 14px; right: 10px; display:inline-block;width:20px;height:20px;cursor:pointer;background:url(../images/toggle.png) no-repeat center; background-size: 25px 25px; display: none;}
.com_sidebar .category ul{border: 1px solid #eee;}
.com_sidebar .category ul li{border-bottom: 1px solid #ddd; position: relative;}
.com_sidebar .category ul li a{display: block; font-weight: 700; padding:15px}
.com_sidebar .category ul li a:hover{background: #f0f0f0; color: #0059c6;}
.com_sidebar .category ul dl{display: none;}
.com_sidebar .category ul li .toggle{position: absolute; top: 14px; right: 10px; display:inline-block;width:20px;height:20px;cursor:pointer;background:url(../images/toggle.png) no-repeat center; background-size: 25px 25px;}
.com_sidebar .category ul li .toggle.active{transform:rotate(180deg);}
.com_sidebar .category ul li dl{border-top: 1px solid #eee; padding: 10px 0;}
.com_sidebar .category ul li dd{position: relative; padding-left: 10px;}
.com_sidebar .category ul li dd:before{content: "•"; position: absolute; left: 10px; top: 7px;}
.com_sidebar .category ul li dd a{font-weight: 300; padding: 7px 15px;}
.com_sidebar .contact_message{margin-top: 30px;}
.com_sidebar .contact_message input,.com_sidebar .contact_message textarea{width: 100%; border: 1px solid #ccc; padding: 10px; background: #f8f8f8; margin-top: 10px;}
.com_sidebar .contact_message textarea{height: 100px;}
.com_sidebar .contact_message button{margin-top: 10px; width: 100%; padding: 15px 0; background: #e35a00; color: #fff; border: none; cursor: pointer;}
.com_sidebar .contact_message button:hover{background: #f5b800;}
.prolist_page .prolist{width: 73%;}
.prolist_page .prolist h1{font-size: 32px; color: #222; font-weight: 700;}
.prolistpage_list ul{margin-right: -15px;}
.prolistpage_list ul li{width: calc(33.33% - 20px); margin: 10px 20px 10px 0;}
.prolistpage_list ul li .img{border: 1px solid #ddd;}
.prolistpage_list ul li .img img{width: 100%;}
.prolistpage_list ul li p{text-align: center;}
.prolistpage_list ul li p a{font-weight: 400; display: block; margin-top: 10px;}
.prolistpage_list ul li .click{ display: flex; border-radius:5px ; -webkit-border-radius:5px ; -moz-border-radius:5px ; -ms-border-radius:5px ; -o-border-radius:5px ; margin-top: -7px;}
.prolistpage_list ul li .click a{display: block; padding: 5px 0;}
.prolistpage_list ul li .click a:first-child{background: #eee; width: 85%; padding-left: 20px;}
.prolistpage_list ul li .click a:first-child svg{margin-right: 10px;}
.prolistpage_list ul li .click .add-to-cart{background: #f08200; width: 15%; text-align: center; border:none; cursor: pointer;}
.prolistpage_list ul li .click svg{width: 23px; height: 23px; position: relative; top: 5px;}
.prolistpage_list ul li .click img{width: 23px; height: 23px;}
.prolistpage_list ul li .click .add-to-cart svg{fill:#fff}
.fpage{margin-top: 30px;}
.fpage a{display: block; border: 1px solid #ddd; padding: 5px 15px; font-size: 14px; margin-right: 10px;}
.fpage a.page-num-current{background: #e46817; color: #fff;}
.fpage a:hover{background: #e46817; color: #fff;}
.category_desc{font-weight: 300; line-height: 1.7em; color: #222; margin: 5px 0 10px 0;}
.product_page .scroll{width: 50%;}
.product_page .scroll .swiper {width: 100%; height: 97px; margin-left: auto; margin-right: auto;}
.product_page .scroll .swiper-slide {background-size: cover; background-position: center;}
.product_page .scroll .mySwiper2 {height: 80%; width: 100%;}
.product_page .scroll .mySwiper {height: 20%; box-sizing: border-box; padding: 10px 0;}
.product_page .scroll .mySwiper .swiper-slide {width: 20%; height: 100%; opacity: 0.4; }
.product_page .scroll .mySwiper .swiper-slide-thumb-active {opacity: 1;}
.product_page .swiper-slide img {display: block; width: 100%;}
.product_page{margin-top: 60px;}
.product_page .scroll .swiper-button-next, .product_page .scroll .swiper-button-prev{color: #0052b7;}
.product_page .info{width: 48%;}
.product_page .info .title{position: relative;}
.product_page .info .qrcode{position: absolute; top: 7px; right: 0; cursor: pointer;}
.product_page .info .qrcode svg{ width: 25px; height: 25px; fill:#000;}
#qrcode{display: none; position: absolute; top: 40px; right: 0; background: #fff; padding: 15px; border: 1px solid #ddd; width: 170px; height: 170px;}
.product_page .info h1{font-size: 26px; color: #222; font-weight: 700;}
.product_page .info p{font-weight: 300; margin-top: 10px;}
.product_page .info .click{margin-top: 40px;}
.product_page .info button{display: block; width: 100%; margin-top: 10px; padding: 10px 0; background: #e35a00; color: #fff; border: none; cursor: pointer;}
.product_page .info button.inquire{background: #f6931b;}
.product_page .info button.inquire:hover{background: #db8318;}
.product_page .info button.add-to-basket:hover{background: #d65d31;}
.product_page .share_links{margin-top: 50px;}
.propage_content .pro_h2_title{font-weight: 400; width: 100%; background: #0052b7; padding: 10px 0; font-size: 24px; color: #fff; text-align: center; margin-top: 10px;}
.propage_content .content{font-weight: 300; line-height: 1.7em;margin-top: 20px;}
.propage_content .content p, .propage_content .content div, .propage_content .content ul li, .propage_content .content span{font-weight: 300;}
.propage_content .content strong{font-weight: 500}
.propage_content .content strong span{font-weight: 500}
.propage_content .content table{border-collapse: collapse; width: 100%; margin-top: 10px;}
.propage_content .content table td{border: 1px solid #ddd; padding: 5px 10px;}
.propage_content .content img{max-width: 100%;}
.propage_content .content h2{font-size: 26px; font-weight: 700;}
.propage_content .content h2 span{font-size: 26px; font-weight: 700;}
.product_page .hr_bg{width: 100%; height: 70px; background: linear-gradient(to bottom, #fff, #e8e8e8);}
.product_page .hot_pro{margin-top: 50px;}
.product_page .hot_pro h3{font-size: 36px; color: #222; font-weight: 700;}
.product_page .hot_pro .swiper{margin-top: 20px;}
.product_page .hot_pro span{font-weight: 300; text-align: center; margin-top: 10px; display: block;}
.solutionlist_page h1, .caselist_page h1{text-align: center; font-size: 36px; font-weight: 700; margin-top: 50px;}
.solutionlist_page .list{margin-top: 20px;}
.solutionlist_page .list li{ width: calc(33.33% - 20px); margin: 10px; transition:.3s ; -webkit-transition:.3s ; -moz-transition:.3s ; -ms-transition:.3s ; -o-transition:.3s ; }
.solutionlist_page .list li:hover{ transform: translateY(-10px); -webkit-transform: translateY(-10px); -moz-transform: translateY(-10px); -ms-transform: translateY(-10px); -o-transform: translateY(-10px); }
.solutionlist_page .list li img{width: 100%;}
.solutionlist_page .list li a{display: block;}
.solutionlist_page .list li p.title a{font-size: 20px; color: #222; line-height: 1.8;}
.solutionlist_page .list li p.desc{font-weight: 300; line-height: 1.7em; margin-top: 5px;}
.solutionlist_page .list li p.title a:hover{color: #e35a00;}
.solutionlist_page .s_page{justify-content: center;}
.solution_page .solution_content{width: 73%; margin-top: 60px;}
.solution_page .solution_content h1{text-align: center; font-size: 26px; color: #222;}
.solution_page .solution_content .click{text-align: center;}
.solution_page .solution_content button{display: inline-block; padding: 8px 40px; color: #fff; background: #e35a00; border: none; margin-top: 10px; cursor: pointer; font-weight: 300;}
.solution_page .solution_content button svg{width: 20px; height: 20px; fill:#fff; margin-right: 10px; position: relative; top: 4px;}
.solution_page .solution_content .share_links{justify-content: center;}
.solution_page .flink a{ display: block; border-radius:10px ; -webkit-border-radius:10px ; -moz-border-radius:10px ; -ms-border-radius:10px ; -o-border-radius:10px ; border: 1px solid #ddd; padding: 3px 5px; margin-top: 10px;}
.solution_page .sidebar{width: 25%; margin-top: 60px;}
.solution_page .hot_pro{border: 1px solid #ddd; padding-bottom: 20px;}
.solution_page .sidebar .list{margin-top: 15px;}
.solution_page .sidebar .list a{display: block; text-align: center;}
.solution_page .sidebar .list span{display: block; padding: 0 5px;}
.caselist_page .list li{ width: calc(33.33% - 28px); margin: 14px; transition:.3s ; -webkit-transition:.3s ; -moz-transition:.3s ; -ms-transition:.3s ; -o-transition:.3s ; }
.caselist_page .list li a{display: block;}
.caselist_page .list li a.title{font-size: 20px; color: #222; line-height: 1.8; font-weight: 500; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.caselist_page .list li span{ width: 40px; height: 1px; background: #c5c5c5; display: block; transition:.5s ; -webkit-transition:.5s ; -moz-transition:.5s ; -ms-transition:.5s ; -o-transition:.5s ; margin-top: 5px;}
.caselist_page .list li p.desc{font-weight: 300; line-height: 1.7em; margin-top: 10px;}
.caselist_page .list li p.more a{display: inline-block; margin-top: 20px; margin-left: -3px;}
.caselist_page .list li p.more svg{ width: 40px; height: 40px; fill: #c5c5c5; transition:.5s ; -webkit-transition:.5s ; -moz-transition:.5s ; -ms-transition:.5s ; -o-transition:.5s ; }
.caselist_page .list li:hover span{width: 100%; background: #015ac7;}
.caselist_page .list li:hover a.title{color: #015ac7;}
.caselist_page .list li:hover p.more svg{fill: #015ac7;}
.caselist_page .s_page{justify-content: center;}
.single_page .single_nav{justify-content: center; margin-top: 60px;}
.single_page .single_nav p{margin: 5px;}
.single_page .single_nav p a{display: block; color: #fff; font-weight: 300; padding: 10px 50px; background: #e46817;}
.single_page .single_nav p a:hover{background: #f5b800;}
.single_page .single_nav p.active a{background: #f5b800;}
.single_page .about_1{margin-top: 60px;}
.single_page .about_1 .img{width: 49%;}
.single_page .about_1 .text{width: 49%;}
.single_page .about_1 .text h1{font-size: 36px; color: #222; font-weight: 700;}
.single_page .about_1 .text p.tips{font-weight: 700; color: #e46817;}
.single_page .about_1 .text .info, .single_page .about_2{font-weight: 300; line-height: 1.7em;}
.single_page .about_1 .text .info p, .single_page .about_2 p{font-weight: 300; margin: 10px 0;}
.single_page .mySwiper3{margin-top: 30px; border-bottom: 2px solid #015ac7; padding-bottom: 20px;}
.single_page .choose{margin-top: 100px;}
.single_page .choose .flex{margin-top: 30px;}
.single_page .choose .list{width: 50%;}
.single_page .choose .f8f8f8{background: #f8f8f8; padding: 20px 15px;}
.single_page .choose .fcfcfc{background: #fcfcfc; padding: 20px 15px;}
.single_page .choose h3{font-size: 36px; color: #222; font-weight: 700; text-align: center;}
.single_page .choose h4{font-size: 20px; color: #222; font-weight: 700; border-bottom: 1px solid #ddd; padding-bottom: 15px; margin-bottom: 10px;}
.single_page .choose h4 svg{width: 30px; height: 30px; fill: #0059c6; margin-right: 10px; position: relative; top: 6px;}
.single_page .choose .list li{font-weight: 300; line-height: 1.7em; margin: 5px 0;}
.single_page .choose .list li svg{width: 20px; height: 20px; fill:#0059c6; position: relative; top: 5px; margin-right: 10px;}
.team_content h1, .service_content h1, .epc_content h1, .faq_content h1, .bloglist_page h1, .contact_page h1{text-align: center; font-size: 36px; color: #222; font-weight: 700; margin-top: 40px;}
.team_content img{padding: 0 10px;}
.team_content .detail{margin-top: 20px;}
.team_content .detail, .team_content .detail p{font-weight: 300;}
.team_content ul li{ width: 33.33%; border:1px solid #f8f8f8; padding: 20px 0; text-align: center;}
.team_content ul li.f8f8f8{background: #f8f8f8;}
.team_content ul li span{display: block; font-size: 48px; color: #0059c6;}
.team_content ul li p{font-weight: 300;}
.team_content ul li img{ transition:.5s ; -webkit-transition:.5s ; -moz-transition:.5s ; -ms-transition:.5s ; -o-transition:.5s ; }
.team_content ul li:hover img{ transform: translateY(-10px); -webkit-transform: translateY(-10px); -moz-transform: translateY(-10px); -ms-transform: translateY(-10px); -o-transform: translateY(-10px); }
.service_content .top{margin-top: 20px;}
.service_content .scroll{width: 50%;}
.service_content .text{width: 50%; background: #f8f8f8; padding: 30px;}
.service_content .text h2{font-size: 20px; font-weight: 500;}
.service_content .text p{font-weight: 300; margin-top: 20px;}
.service_content .text a{margin-top: 30px;}
.service_content .list ul li{width: 48%; border-bottom: 1px dotted #ddd; padding-bottom: 25px; margin-top: 30px;}
.service_content .list ul li h4{font-size: 20px; font-weight: 500; margin-bottom: 15px;}
.service_content .list ul li h4 svg{width: 25px; height: 25px; fill:#0052b7; margin-right: 10px; position: relative; top: 5px;}
.service_content .list ul li p{font-weight: 300;}
.epc_content .content{font-weight: 300; margin-top: 20px;}
.epc_content .content p{font-weight: 300;}
.epc_content .content td{padding: 10px;}
.epc_content .content img{max-width: 100%;}
.epc_content .content h2{font-size: 20px; color: #222; font-weight: 500; border-top: 1px dashed #ddd; padding-top: 40px; margin-bottom: 10px;}
.epc_content .flex ul{border-top: 1px dotted #ddd; padding-top: 40px; margin-top: 40px;align-items: center;}
.epc_content .flex ul li{width: 49%;}
.epc_content .flex ul li h2{font-size: 20px; color: #222; font-weight: 500;}
.epc_content .flex ul li p{font-weight: 300; margin-top: 10px;}
.faq_content .list{border: 1px solid #eee; padding: 20px; border-left: 5px solid #eee; margin-top: 20px;}
.faq_content .list h3{font-weight: 700; cursor: pointer; position: relative;}
.faq_content .list h3 i{display: inline-block;}
.faq_content .list h3 svg{width: 20px; height: 20px; fill:#e46817; position: relative; top: 3px; margin-right: 10px;}
.faq_content .r{position: absolute; top: 0px; right: 10px;}
.faq_content .l p{display:none; font-weight: 300; margin-top: 10px;}
.faq_content .r span{cursor:pointer; font-size:24px;}
.faq_content .r span::before{content:"+";}
.faq_content .list.active .l p{display:block;}
.faq_content .list.active .r span::before{content:"-";}
.bloglist_page .list ul li{ background: #f8f8f8; padding: 10px; transition:.5s ; -webkit-transition:.5s ; -moz-transition:.5s ; -ms-transition:.5s ; -o-transition:.5s ; margin-top: 20px;}
.bloglist_page .list ul li .flex{align-items: center; }
.bloglist_page .list ul li:hover{background: #015ac7;}
.bloglist_page .list ul li a{display: block;}
.bloglist_page .list ul li .img{width: 33%;}
.bloglist_page .list ul li .img img{width: 100%;}
.bloglist_page .list ul li .text{width: 60%;}
.bloglist_page .list ul li p.title a{font-size: 20px; font-weight: 500; color: #222;}
.bloglist_page .list ul li p.desc{font-weight: 300; margin-top: 10px;}
.bloglist_page .list ul li .more a{ display: inline-block; font-size: 20px; font-weight: 500; color: #222; border-radius:5px ; -webkit-border-radius:5px ; -moz-border-radius:5px ; -ms-border-radius:5px ; -o-border-radius:5px ;  border: 1px solid #ddd; padding: 5px 20px; margin-top: 25px;}
.bloglist_page .list ul li:hover p.title a, .bloglist_page .list ul li:hover p.desc, .bloglist_page .list ul li:hover p.more a{color: #fff;}
.bloglist_page .s_page{justify-content: center;}
.blog_content video{width: 100%;}
.contact_page p.tips{text-align: center; color: #e46817; font-weight: 700;}
.contact_page .list{width: 32%; border: 8px solid #f5f5f5; text-align: center; position: relative; margin-top: 70px; padding: 0 10px 30px 10px;}
.contact_page .list .ico{ width: 80px; height: 80px; background: #fff; border-radius:50% ; -webkit-border-radius:50% ; -moz-border-radius:50% ; -ms-border-radius:50% ; -o-border-radius:50% ; border: 6px solid #f5f5f5; display: flex; align-items: center; justify-content: center; margin: 0 auto; position: relative; top: -40px;}
.contact_page .list .ico svg{width: 40px; height: 40px; fill:#015ac7;}
.contact_page .list p{line-height: 1.8;}
.contact_page .list p, .contact_page .list p a{font-weight: 300;}
.contact_page .list p a:hover{text-decoration: underline; color: #015ac7;}
.contact_page .list:hover .ico{background: #015ac7;}
.contact_page .list:hover .ico svg{fill:#fff}
.company_info{margin-top: 50px;}
.company_info .map{width: 48%;}
.company_info .map iframe{width: 100%; height: 400px;}
.company_info .contact_us{width: 48%;}
.company_info h2{font-size: 36px; color: #222; font-weight: 700;}
.company_info p{font-weight: 300;}
.company_info form input{width: 49%; background: #f8f8f8; padding: 15px; margin-top: 15px; border: 1px solid #ccc; font-size: 14px;}
.company_info form textarea{width: 100%; background: #f8f8f8; padding: 15px; margin-top: 15px; border: 1px solid #ccc; font-size: 14px;}
.company_info form button{width: 100%; cursor: pointer;}
.privacy_content{margin-top: 50px;}
.privacy_content h1{font-size: 36px; font-weight: 700; margin-bottom: 20px;}
.privacy_content p{font-weight: 300; line-height: 1.9;}
.privacy_content h3{font-size: 20px; font-weight: 500; padding: 10px 0; border-top: 1px solid #ddd; padding-top: 30px; margin-top: 30px;}
.search_pages .list{width: calc(33.33% - 20px); margin: 10px;}
.search_pages .list .card-title{text-align: center; margin-top: 10px;}
.search_pages .list .card-title a{font-size: 18px;}
.search_pages h1{text-align: center; font-size: 30px; padding: 30px 0;}
.search_pages h1 i{font-weight: 700; color: #e35a00; font-size: 30px;}
#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% ; }
.pc_contact {position: fixed;right: 20px;top: 50%;transform: translateY(-50%);z-index: 9999;}
.pc_contact li {list-style: none;}
.pc_contact li a {display: block;position: relative;width: 60px;height: 60px;background: #333;margin-bottom: 2px;text-decoration: none;overflow: visible;}
.pc_contact .icon {display: flex;line-height: 60px;text-align: center;font-size: 22px;color: #ff7a00; justify-content: center; align-items: center;}
.pc_contact .icon svg{width: 30px; height: 30px; fill: #e35a00; margin-top: 15px;}
/* 弹出层 */
.pc_contact .label {position: absolute;right: 0;top: 0;height: 60px;line-height: 60px;padding: 0 20px;background: #333;color: #fff;white-space: nowrap;opacity: 0;transform: translateX(100%);transition: all .3s;z-index: -1;}
.pc_contact li a:hover .label {opacity: 1;transform: translateX(-60px);z-index: 1;}
/* hover触发 */
.pc_contact li.active .label {opacity: 1;transform: translateX(0);}
.gwc{position: fixed; right: 10px; bottom: 20%;}
.gwc #click_button i{ background: #7a8599; display: block; border-radius:50% ; -webkit-border-radius:50% ; -moz-border-radius:50% ; -ms-border-radius:50% ; -o-border-radius:50% ; padding: 10px; width: 50px; height: 50px; position: absolute; right: 0; cursor: pointer;}
.gwc #click_button img{width: 30px; height: 30px;}
.gwc_content{display: none;}
.gwc .gwc_content{background: #fff; border: 1px solid #333; min-width: 250px; padding-bottom: 10px; margin-bottom: 20px;}
.gwc_content .top_bar{background: #7a8599; text-align: center; padding: 5px 10px; color: #fff; font-size: 15px;}
.gwc_content .top_bar svg{width: 25px; height: 25px; cursor: pointer;}
.gwc_content .top_bar i{float:right; margin-right:10px;}
.gwc_content #cart{padding: 10px;}
.gwc_content .cart_content{font-size: 14px; line-height: 1.7; display: flex; align-items: center;}
.gwc_content .click_button{display: flex; justify-content: space-between; width: 100%; padding: 0 10px;}
.gwc_content .click_button button{padding: 3px 5px; font-size: 14px; width: 40%; cursor: pointer;}
.gwc_content .cart_content img{width: 50px;}
.gwc_content .delete-btn{margin-left: 5px; float:right; border: 1px solid #000; cursor: pointer; padding: 0 5px;}
.gwc #cart-count{position: absolute; z-index: 99999; color: #c00; right: 3px; font-weight: bold; top: -15px; bottom: 0;}
.showcart_page{margin-top: 40px;}
.showcart_page #cartList li{border: 1px solid #ddd; padding: 10px; display: flex; align-items: center;}
.showcart_page #cartList li span{ display: block; margin-left: 20px; font-size: 18px;}
.showcart_page #cartList li img{width: 200px;}
.showcart_page #cartList li button{margin-left: 30px; border: 2px solid #000; background: #eee; padding: 5px 10px; cursor: pointer;}
.gwc_page h3{font-size: 30px; font-weight: 700; margin-top: 30px;}
.gwc_page form{margin-top: 20px;}
.gwc_page form .list input, .gwc_page form textarea{width: 49%; border: 1px solid #ddd; padding: 10px; margin-top: 10px;}
.gwc_page form textarea{width: 100%;}
.gwc_page form button{background: #db8318; color: #fff; padding: 5px 40px; margin-top: 10px; cursor: pointer;}
.gwc_page form button:hover{background: #d65d31;}
@media (max-width: 1200px){
    .banner .content h2{font-size: 38px;}
    .banner .content p{font-size: 20px;}
    .banner .swiper-slide:nth-child(3) .content h2{font-size: 40px;}
}
@media (max-width: 768px){
    .banner .content{top: 20%; width: 100%;}
    .banner .swiper-slide:nth-child(2) .content{top: 20%; width: 100%;}
    .banner .swiper-slide:nth-child(3) .content{top: 20%;}
    .index_about .top{margin-top: 30px;}
    .index_about .img{width: 100%;}
    .index_about .img img{width: 100%;}
    .index_about .top .text{width: 100%; margin-top: 20px;}
    .common_header .has_sub{position: relative;}
        /* 按钮 */
    .sub_toggle{
        display:block;
        position:absolute;
        right:10px;
        top:23px;
        width:24px;
        height:24px;
        transform:translateY(-50%);
        cursor:pointer;
    }

    .sub_toggle:before{
        content:"+";
        display:block;
        transition:0.3s;
        color: #fff;
    }

    .has_sub.open .sub_toggle:before{
        transform:rotate(45deg);
        -webkit-transform:rotate(45deg);
        -moz-transform:rotate(45deg);
        -ms-transform:rotate(45deg);
        -o-transform:rotate(45deg);
}


    .sub_menu{
        display:none;
        position:static;
    }
    
    .prolist_page{margin-top: 30px;}
    .prolist_page .sidebar{width: 100%;}
    .prolist_page .sidebar h3{font-size: 20px; padding: 10px 15px;}
    .sidebar_prolist{display: none;}
    .prolist_page .sidebar .contact_message{display: none;}
    .prolist_page .sidebar h3 .toggle{ display: block;position: absolute; top: 14px; right: 10px; display:inline-block;width:20px;height:20px;cursor:pointer;background:url(../images/toggle.png) no-repeat center; background-size: 25px 25px;}
    .prolist_page .prolist{width: 100%; margin-top: 20px;}
    .prolist_page .prolist h1{font-size: 24px; margin-left: 5px;}
    .prolistpage_list ul{margin-right: 0;}
    .prolistpage_list ul li{width: calc(50% - 10px); margin: 5px;}
    .prolistpage_list ul li p a{font-size: 14px;}
    .table-scroll{width:100%; overflow-x:auto; -webkit-overflow-scrolling:touch;}
    .table-scroll table{min-width:414px; border-collapse:collapse;}
}
@media (max-width: 430px){
    body,html{overflow-x:hidden;}
    .common_header .nav ul{top: 53px;}
    .common_header{padding: 10px 0;}
    .common_header .logo img{width: 100px;}
    .common_header.scrolled .logo img{width: 100px;}
    .common_header .search-box{right: -50px; top: 60px;}
    .common_header .search-box button{margin-left: -5px;}
    .common_header .right{margin-right: 40px;}
    .common_header .menu_btn{top: 15px; right: 10px;}
    .nav dl{background: #ccc;}
    .banner .content{left: 0; padding-left: 20px;}
    .banner .content h2{font-size: 20px;}
    .banner .content p{font-size: 16px; margin-top: 10px;}
    .banner .content a{margin-top: 15px; padding: 5px 20px; font-size: 16px;}
    .banner .swiper-slide:nth-child(2) .content{top: 15%;}
    .banner .swiper-slide:nth-child(3) .content h2{font-size: 20px;}
    .banner .swiper-slide:nth-child(3) .content{padding-left: 0;}
    .index_about .top .text h3{font-size: 26px;}
    .index_hot_pro{width: 100%; padding: 30px 0; margin-top: 30px;}
    .index_hot_pro ul li{width: 100%; margin-top: 10px;}
    .index_hot_pro .more{margin-top: 10px;}
    .index_solitions .top{padding: 20px 10px;}
    .index_solitions .top .left{width: 100%;}
    .index_solitions .top h3{font-size: 34px;}
    .accordion .info p{display: none;}
    .index_service{margin-top: 30px;}
    .index_service h3, .showroom h3{font-size: 30px;}
    .index_service .item{width: 100%;}
    .index_service .flex{margin-top: 0;}
    .index_choose .img, .index_choose .text{width: 100%;}
    .index_choose .text .content{width: 100%; padding: 20px; margin-left: 0;}
    .index_choose .text a{margin-top: 30px;}
    .index_news{margin-top: 30px;}
    .index_news ul li{width: 100%;}
    .index_solitions{margin-top: 30px;}
    .common_footer{padding-bottom: 60px;}
    .footer_message form input{width: 100%;}
    .common_footer .company{width: 100%;}
    .common_footer .link{display: none;}
    .common_footer .category{display: none;}
    .common_footer .contact{width: 100%;}
    .category_desc{font-size: 14px;}
    .subbanner .position svg{display: none;}
    .subbanner .position, .subbanner .position a{font-size: 14px;}
    .product_page{margin-top: 30px;}
    .product_page .scroll{width: 100%;}
    .product_page .info{width: 100%;}
    .product_page .scroll .swiper{height: 81px;}
    .product_page .share_links{margin-top: 20px;}
    .propage_content{margin-top: 30px;}
    .propage_content .pro_h2_title{font-size: 22px;}
    .product_page .hr_bg{height: 50px;}
    .product_page .hot_pro{margin-top: 30px;}
    .product_page .hot_pro h3{font-size: 26px;}
    .solutionlist_page h1, .caselist_page h1{margin-top: 30px; font-size: 28px;}
    .solutionlist_page .list li{width:100%}
    .solution_page .solution_content{margin-top: 0; width: 100%;}
    .propage_content .content img{height: auto!important;}
    .solution_page .sidebar{width: 100%; margin-top: 30px;}
    .single_page .single_nav{margin-top: 10px;}
    .single_page .single_nav p{width: calc(50% - 10px); margin: 5px;}
    .single_page .single_nav p a{padding: 5px 0; text-align: center; font-size: 14px;}
    .single_page .about_1 .img, .single_page .about_1 .text{width: 100%;}
    .single_page .about_1{margin-top: 20px;}
    .single_page .about_1 .text h1, .single_page .choose h3{font-size: 26px;}
    .single_page .choose{margin-top: 30px;}
    .single_page .choose .list{width: 100%;}
    .team_content ul li img{width: 60%;}
    .team_content ul li span{font-size: 30px;}
    .team_content ul li p{font-size: 14px;}
    .service_content .scroll, .service_content .text{width: 100%;}
    .service_content .text a{width: 100%; text-align: center;}
    .service_content .list ul li{width: 100%;}
    .epc_content h1{font-size: 26px;}
    .epc_content .content td{padding: 5px;}
    .epc_content .flex ul{margin-top: 0;}
    .epc_content .flex ul li{width: 100%;}
    .epc_content .flex ul li{width: 100%;}
    .faq_content .list h3{padding-right: 20px;}
    .faq_content .r{right: 0;}
    .bloglist_page .list ul li .img{width: 100%;}
    .bloglist_page .list ul li .text{width: 100%;}
    .bloglist_page .list ul li p.title a{font-size: 18px;}
    .bloglist_page .list ul li .more a{width: 100%; margin-top: 10px; text-align: center;}
    .contact_page .list{width: 100%;}
    .company_info .map{width: 100%;}
    .company_info .map iframe{height: 300px;}
    .company_info .contact_us{width: 100%; margin-top: 20px;}
    .company_info h2{font-size: 26px;}
    .search_pages .list{width: 100%;}
    .pc_contact{ bottom: 0!important; left: 0; transform:translateY(0); -webkit-transform:translateY(0); -moz-transform:translateY(0); -ms-transform:translateY(0); -o-transform:translateY(0); top:inherit; display: flex; justify-content: space-between; background: #fff;}
    .pc_contact li{width: calc(25% - 2px); margin: 1px;}
    .pc_contact li a{width: 100%; height: 50px;}
    .pc_contact .icon svg{width: 25px; height: 25px; margin-top: 12px;}
    .pc_contact li a:hover .label{display: none;}
    .showcart_page #cartList li img{width: 100px;}
    .showcart_page #cartList li span{font-size: 16px;}
    
}
@media (max-width: 414px){
    .toplanguage select{font-size: 12px;}
    .toplanguage select option{font-size: 12px;}
    .banner .swiper-slide:nth-child(3) .content{top: 10%;}
}
@media (max-width: 375px){
    .banner .content{top: 10%;}
    .banner .content h2{font-size: 16px;}
    .index_about .top .text h3{font-size: 24px;}
    .index_h3{font-size: 28px;}
    .index_hot_pro ul li p{font-size: 18px;}
    .index_solitions .top h3{font-size: 28px;}
}