@charset "utf-8";


@media screen and (max-width:1500px){

.indexA .tabs{margin:50px 40px 0;}
.indexA .tabs-list{padding:0 40px;}

}

@media screen and (max-width:768px){
	

.visible-xs-block,#footerBar{display:block;}
.addthis_inline_share_toolbox_ysau{text-align:center;}
.wp{width:100%;padding-right:10px;box-sizing:border-box;padding-left:10px;}
.nav,.header_right{display:none;}
.mo-header .header-lang{display:block;}

.btn,.button{font-size:13px;}


body{padding-top:60px;}


.header{height:60px;}

.header .logo{margin:0 0 0 5px;}
.header .logo img{height:35px;}

.header-search,.header-account,.header-menu{position:static;}
.header-search > a,.header-account > a,.header-cart > a,.header-menu > a{padding:0 10px;}
.header-search > a i,.header-account > a i,.header-cart > a i,.header-menu > a i{font-size:22px;}

.header-menu{display:-webkit-flex;display:flex;}

.header-search .serchbox .submit_btn{right:10px;top:10px;}

.header-icon-dropdown{min-width:200px;}

.header-icons .header-icon-dropdown > *{padding:10px;}
.header-icons .header-search .header-icon-dropdown::before{right:146px;}
.header-icons .header-account .header-icon-dropdown::before{right:103px;}
.header-icons .header-cart .header-icon-dropdown::before{right:60px;}
.header-icons .header-menu .header-icon-dropdown::before{right:17px;}

.header-icon-dropdown p{font-size:14px;}
.header-icon-dropdown .d-flex a.btn{font-size:13px;}
.header-icon-dropdown .d-flex button.btn{padding:8px 28px;font-size:13px;}

.header-icon-dropdown a.reg{padding:10px;font-size:13px;}

.cartbox .btn{margin:10px -10px -10px;padding:10px;}

.hero{min-height:0;padding:35px 0;}
.hero .txt{padding:0;}
.hero .txt h3{font-size:40px;}
.hero .txt h5{font-size:24px;}
.hero .txt .more a{padding:8px 12px;margin:0;font-size:15px;}


.foot-column ul li{width:100%;float:none;}
.foot-column ul li a{height:180px;overflow:hidden;}
.foot-column ul li .t img{height:60px;}
.foot-column ul li .t h5{font-size:26px;}


.foot-email{padding:30px 0;}
.foot-email h5{font-size:24px;}
.foot-email p{font-size:14px;margin:15px 0 0;}
.foot-email .sendemail{margin:25px 0 0 0;}
.foot-email .sendemail form{-webkit-flex-wrap:wrap;flex-wrap:wrap;}
.foot-email .sendemail form .form-group{flex-grow:0;width:100%;margin-right:0;}
.foot-email .sendemail .post-text{height:36px;line-height:36px;padding:0 0 0 10px;font-size:14px;}
.foot-email .sendemail .post-btn{margin:0 auto;}


#footer{padding:40px 10px 60px;}
#footer h5{font-size:22px;text-align:center;}
#footer hr{margin:15px auto;display:block;}

.foot-contact{float:none;width:100%;text-align:center;}
.foot-contact .logo{width:180;margin:0 auto;}
.foot-contact p{font-size:14px;letter-spacing:0;}

.foot-nav{display:none;}

.copy{padding:15px 0 0;margin-top:20px;text-align:center;}
.copy p{float:none;line-height:24px;}
.copy .share{float:none;margin:15px 0 0;}
.copy .share a{width:30px;height:30px;line-height:30px;margin:0 2px;}



.main {padding-top:20px;padding-bottom:30px;}

.mainRight{width:100%;float:none;margin:0;}
.mainleft{width:100%;float:none;}

.sidemenu h3::after,.left_nav h3::after{display:block;}
.sidemenu ul,.left_nav dl{display:none;}
.left_nav{display:block;}

.path{height:40px;line-height:40px;}
.path p{font-size:14px;}

.sidebanner{min-height:0;background:none !important;display:block;}
.sidebanner img{display:block;width:100%;}
.sidebanner .txt{padding:30px 0;}
.sidebanner .txt h3{font-size:26px;color:#fff;font-family:'Muli-Bold';}
.sidebanner .txt p{font-size:16px;max-width:none;line-height:25px;}


}


@media screen and (max-width:768px) {


.prolist{margin:20px 0;}
.prolist ul li{width:50%;}
.prolist ul li .t{padding:0;top:auto;left:0;right:0;bottom:0;}
.prolist ul li .t h6{position:static;padding-bottom:0;max-height:none;height:45px;line-height:20px;background-color:rgba(0,152,167,.68);}
.prolist ul li .t h6 span{font-size:16px;padding:0 5px;}

.prolist ul li:hover .t{background-color:transparent;}
.prolist ul li:hover .t h6{max-height:none;padding-bottom:0;}
.prolist ul li:hover .t h6 span{font-size:16px;}

.productlist2 ul li{width:48%;padding:5px 5px 0;margin:0 0 15px 2%;}
.productlist2 ul li .t h6{font-size:13px;font-weight:400;}


.main-left{width:100%;float:none;}
.main-right{width:100%;float:none;}

.left_nav h3{line-height:40px;margin-bottom:0;}
.left_nav h3::before,.left_nav ul{display:none;}

.side-news-list,.side-event-list{display:none;}

.newslist ul li .pic{float:none;width:100%;display:block;}
.newslist ul li .t{margin:20px 0 0;}
.newslist ul li .t h5{font-size:18px;}
.newslist ul li .t span{font-size:13px;}
.newslist ul li .t p{font-size:13px;}

.newsnr h1{font-size:18px;line-height:30px;}
.myart{margin:20px 0;line-height:22px;font-size:14px;}
.myart p{margin:0 0 10px;}

.pnbar{margin-top:20px;padding:10px 0 0;}
.pnbar p{font-size:14px;}

/*------------*/

.about-top{padding:30px 0;}
.about-top h3{font-size:30px;}

.about-tab .hd ul li p{font-size:17px;}

.about-tab .prev,.about-tab .next{width:30px;height:30px;top:0;}
.about-tab .prev{left:0;}
.about-tab .next{right:0;}
.about-tab .prev i,.about-tab .next i{font-size:26px;line-height:30px;}

.about-content{padding:30px 10px;font-size:14px;}
.about-content h5{font-size:30px;margin-bottom:20px;}


.video{width:100%;}
.video .v::after{background-size:80px 80px;}

.down ul{margin:0 0 0 -2%;}
.down ul li{float:left;width:48%;margin:0 0 20px 2%;}
.down ul li a{height:160px;}
.down ul li a img{height:70px;}
.down ul li p{height:50px;line-height:50px;font-size:14px;}




.pro_img{float:none;width:540px;margin:0 auto;}
.pro_img .spic ul li{margin:0 2px;width:50px;}

.pro_view_inner{float:none;width:100%;margin:35px 0 0;text-align:center;}
.pro_view_inner h1{font-size:18px;text-align:center;}

.pro_view_inner .color{margin:25px 0 0;}
.pro_view_inner .color h5{text-align:center;}
.pro_view_inner .color ul{text-align:center;font-size:0;}
.pro_view_inner .color ul li{margin:0 5px;width:60px;}

.pro_view_inner .form-group{margin:25px 0 0;}
.pro_view_inner .form-group h5{text-align:center;}

.pro_view_inner #button-cart{padding:12px 25px;font-size:14px;}

.pro_view_inner .share{text-align:center;}

.pro_tab ul li{width:140px;line-height:50px;font-size:14px;letter-spacing:0;}
.pro_tab ul li::before{height:3px;}

.related-pro ul li{width:48%;padding:5px 5px 0;margin:15px 0 0 2%;}
.related-pro ul li .t h6{font-size:13px;font-weight:400;}

.pro-content img,.myart img{width:100%;height:auto;}
.pro-content{padding:15px;line-height:22px;font-size:14px;}
.pro-content h5{font-size:16px;margin-bottom:10px;}


.videolist ul{margin:20px 0;}
.videolist ul li{float:none;width:100%;}
.videolist ul li .v::after{background-size:60px 60px;}
.videolist ul li .t h5{font-size:16px;}

.videolist ul li:nth-child(3){flex-direction:row;-webkit-flex-direction:row;}
.videolist ul li:nth-child(3) .t::after,.videolist ul li:nth-child(4) .t::after{left:-20px;right:auto;border-width:20px 20px 20px 0;border-color:transparent #0098A6 transparent transparent;}

.videolist ul li:nth-child(2n){flex-direction:row-reverse;-webkit-flex-direction:row-reverse;}
.videolist ul li:nth-child(2n) .t::after{left:auto;right:-20px;border-width:20px 0 20px 20px;border-color:transparent transparent transparent #0098A6;}

.contact-info{width:100%;float:none;text-align:center;margin:20px 0 0;}
.contact-info img{width:250px;margin:0 auto;display:inline-block;}
.contact-info hr{width:250px;display:inline-block;}
.contact-info p{font-size:18px;line-height:30px;letter-spacing:0;}

.contact-inquiry{float:none;width:100%;text-align:center;}

.inquirbox .row{margin-bottom:0;}
.inquirbox .row > div{margin-bottom:10px;}


.account-box h5,.well h5,.product-board-form h5{font-size:26px;}

.account-box legend{font-size:20px;}

.buttons{margin-bottom:20px;}
.buttons .fr{float:none;}

.well{margin-bottom:20px}


.product-board{padding:20px 0 20px;}

}

@media screen and (max-width:500px) {

.pro_img{width:100%;}

}


@media screen and (max-width:480px) {

.down ul{margin:0;}
.down ul li{float:none;width:100%;margin:0 0 20px;}
.down ul li a{height:140px;}
.down ul li a img{height:60px;}



.linetit h4{font-size:24px;}
.stit h5{font-size:24px;}



.honor ul li{width:48%}



.rela_list{border-bottom:none;padding:0 0;}
.rela_list li{border-top:none;height:80px;border:1px solid #B4B4B4;margin:10px 0 0 0;padding:0 10px;}
.rela_list .t{float:none;width:100%;height:40px;display:block;text-align:left;background:#fff;color:#333;border-right:none;border-bottom:1px solid #B4B4B4;}
.rela_list a{float:none;margin-left:0;width:100%;}

.newsnr h1{font-size:18px;margin:25px 0 0;}

.industrie ul li{width:48%;}
.industrie ul li .t p{font-size:15px;}

}

@media screen and (max-width:400px) {

.hero .txt h3{font-size:30px;}
.hero .txt h5{font-size:18px;}
.hero .txt .more a{font-size:13px;}





.pro_img{width:100%;}

.linetit h4{font-size:24px;}
.buyers-list ul{margin:0;}
.buyers-list ul li{width:100%;margin:15px 0 0 0;}
.buyers-list ul li h5{padding:10px 5px;font-size:14px;}

.productlist ul{margin:0;}
.productlist ul li{width:100%;margin:0 0 15px 0;height:auto;}
.productlist ul li h6{height:auto;}


.honor ul{margin:10px 0 0 0;}
.honor ul li{float:none;width:100%;margin:5px 0 5px 0;}


}


@media screen and (max-width: 900px){
  #back{width: 100%;}
  
  #goTop { margin-bottom: 50px; } 
}