@charset "utf-8";

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

.wp,.wp2 {width:100%;padding-right:40px;padding-left:40px}

.header p{display:none;}

.foot-nav{width:220px;}
.foot-map{width:340px;}

.indexB .t{background-size:100% auto;}

.main-left{width:280px;}
.main-right{margin-left:310px;}

.indexC ul li p{font-size:22px;}
.indexC a.more{width:220px;height:50px;line-height:50px;font-size:20px;margin:40px auto 0;}

.indexD .list ul li h6{font-size:20px;}

}

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

.foot-nav{width:200px;}
.foot-contact{width:400px;}
.foot-map{width:300px;}

}

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

.wp,.wp2{padding-right:20px;padding-left:20px}

.header .mo-header-menu{display:block;margin-right:77px;}
.nav{display:none;}
.header-lang{margin:0 0 0 10px;}

.main-left{width:100%;float:none;}
.main-right{margin-left:0;}
.main-left h3::after{display:block;}
.sidemenu ul,.left_nav dl{display:none;}

.indexB .tit h3,.indexC .tit h3,.indexD .tit h3{font-size:28px;letter-spacing:0;margin:0 18px;}

.indexB .t{padding:320px 0 0 0;}

.indexD .box{display:block;}
.indexD .list{background:none;padding-right:0;margin-right:0;}
.indexD .video{width:80%;margin:20px auto 0;}

.down ul li{padding:15px;}
.down ul li .pic{width:120px;height:120px;}
.down ul li .pic i{font-size:40px;}
.down ul li .t{margin:0 0 0 135px;}
.down ul li .t h5{font-size:18px;}


}

@media screen and (max-width:768px) {
.visible-xs-block {display:block}
.wp,.wp2 {padding-right:10px;padding-left:10px}
#footerToolBar {display:block;background:#d35a19;border-top:1px solid rgba(255,255,255,0.8)}
.mo-header {display:block}

.header .mo-header-menu,.search{display:none;}
.header-lang{margin:0;position:absolute;right:10px;top:9px;}
.header-lang .box em{color:#fff;}
.header-lang .box i{color:#fff;}

.header{height:auto;padding:20px 0;}
.logo,.header h1{width:100%;text-align:center;}
.headerfix {position:static;}

#footer{padding:30px 0 0;}
#footer > div{display:block;}
#footer h5 {font-size:20px;text-align:center}
.foot-nav {display:none}
.foot-contact{width:100%}
.foot-contact .sendemail {margin:20px auto 20px;width:336px}
.foot-contact .sendemail .post-text {width:300px}
.foot-contact .sendemail .post-btn {color:#fff;background:#da251d}
.foot-contact p {margin-bottom:8px;font-size:14px;text-align:center}
.foot-map {width:100%;margin:20px 0 0}
.foot-map iframe {width:100%}

.copyRight{padding:20px 0 60px}
.copyRight p {font-size:14px}

.main{padding-top:25px;padding-bottom:30px}
.path2 h3 {font-size:18px}
.path2 p {font-size:13px}

.path{height: auto;padding:40px 0;}
.path h1{font-size:30px;}

}

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

.indexB .tit h3,.indexC .tit h3,.indexD .tit h3{font-size:26px;margin:0 15px;}

.indexA {padding:30px 0;height:auto;background:#d35a19;margin-top:0}
.indexA ul li {float:left;width:50%;height:339px;padding:10px 0;text-align:center;border:1px solid #fff;box-sizing:border-box}
.indexA ul li .pic {display:block;width:100%;text-align:center;margin-top:12px}
.indexA ul li .pic img {transition:all .3s ease 0s}
.indexA ul li h6 {font-size:20px;line-height:1;margin:0}
.indexA ul li a.more {display:none}
.indexA ul li:first-child {width:50%}
.indexA ul li:first-child .pic {margin-top:54px;text-align:center}
.indexA ul li:last-child {width:50%}
.indexA ul li:hover .pic img {transform:translate(0,0);-webkit-transform:translate(0,0);-moz-transform:translate(0,0);-o-transform:translate(0,0);-ms-transform:translate(0,0)}

.indexB{padding:30px 0;}
.indexB .tit i{width:12px;height:12px;}
.indexB .t{margin-top:30px;padding:50% 0 0 0}
.indexB .t h4 {font-size:24px;line-height:1;margin:15px 0 0;text-align:center}
.indexB .t p {font-size:15px;line-height:24px;margin:15px 0 0;}
.indexB .t br {display:none}

.indexC {padding:30px 0;}
.indexC .tit i{width:12px;height:12px;}
.indexC h6 {margin:17px 0 0;font-size:15px;}
.indexC ul {margin:25px -8px 0}
.indexC ul li{width:50%;}
.indexC ul li:last-child{width:100%;}
.indexC ul li .box{border-radius:15px;}
.indexC ul li p {font-size:20px;line-height:1;margin-top:10px;}

.indexC a.more{width:160px;height:45px;line-height:41px;font-size:17px;margin:20px auto 0;}

.indexD{padding:30px 0;}
.indexD .tit i{width:12px;height:12px;}
.indexD .box{margin-top:30px;}
.indexD .video{width:100%;}
.indexD .list ul li h6{font-size:18px;}


.productlist ul li{width:48%;}


.pro_img {float:none;width:430px;margin:0 auto}
.pro_img .spic ul {text-align:center;font-size:0}
.pro_img .spic ul li {display:inline-block;margin:0 3px;cursor:pointer}
.pro_img .spic ul li img {width:65px;height:auto;border:1px solid #ccc;padding:1px}
.pro_img .spic ul li.hover img {border:1px solid #f35403}

.pro_view_inner{width:100%;margin:20px 0 0 0}
.pro_view_inner h1 {font-size:20px;margin:0;text-align:center}
.pro_view_inner .para{margin:20px 0 0;}
.pro_view_inner a.book{width:140px;height:36px;line-height:36px;margin:15px auto 0;}

.promid_menu{width:100%;background:#fff;border-bottom: none;}
.promid_menu ul{margin:0 0 0 -1%;}
.promid_menu ul li{height:45px;line-height:45px;padding:0;margin:10px 0 0 1%;font-size:15px;color:#605d5d;background:#EDEDED;width:32.3333333%;}

.related-products ul li{width:48%;}


.newslist dl {padding:10px}
.newslist dl dd h5{font-size:16px;}
.newslist dl dd p{font-size:15px;line-height:22px;height:44px;margin:12px 0 0;}

.down ul{margin:-15px 0 0;}
.down ul li{float:none;width:100%;margin:15px 0 0;}
.down ul li:nth-child(2n){float:none;}

.honor ul {margin:10px 0 0 -2%}
.honor ul li {float:left;width:31.3333%;margin:5px 0 5px 2%}
.honor ul li a {width:100%}
.faq ul li .con {font-size:13px;line-height:18px}
.faq ul li .con p {margin:5px 0 0 0}

.linetit{margin:0;}
.linetit~.linetit{margin-top:30px;}
.linetit h4 span{font-size:22px;}

.mess{width:100%;padding:15px 0}
.mess h3{font-size:18px;margin-bottom:20px}

.mess dl dt,.mess dl dd {float:none;font-size:14px}
.mess dl dt {margin-right:0;width:100%;padding-left:0}
.mess dl dd {padding-left:0;width:100%}
.inquirbox {float:none;width:100%}
.business img {width:100%}
.about img {width:100%;height:auto}

.map iframe{width:100% !important;}


}

@media screen and (max-width:600px) {
	
.indexB .tit h3,.indexC .tit h3,.indexD .tit h3{font-size:24px;margin:0 12px;}

.indexD .box{margin-top:20px;}
.indexD .list ul li{background-position:left 15px;padding:11px 0 11px 17px;background-size:9px auto;}

.main-left h3{padding:0 0 0 15px;font-size:18px;}
.sidemenu ul li h5 a{padding:7px 45px 7px 15px;}
.sidemenu dl dd{padding:10px 0 10px 15px;margin:0 10px;}


}


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

.indexC ul li{width:100%;}

.indexB .tit h3,.indexC .tit h3,.indexD .tit h3{font-size:22px;margin:0 10px;}

.indexC ul li:nth-child(2){width:100%;}

.indexD .list ul li span{font-size:15px;}
.indexD .list ul li p{font-size:15px;}


.productlist ul{margin-left:0;}
.productlist ul li{width:100%;margin:0 0 20px;float:none;}

.path2 h3 {font-size:16px}
.path2 p {font-size:12px}

.path{padding:25px 0;}
.path h1{font-size:22px;}

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

.newslist dl{display:block;}
.newslist dl dt{width:90px;border-top:1px solid #da251d;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;}
.newslist dl dt span{height:30px;line-height:30px;font-size:14px;border-bottom:none;width:50px;}
.newslist dl dt em{font-size:14px;line-height:30px;width:40px;}
.newslist dl dd{margin:15px 0 0;}
.newslist dl dd p{margin:8px 0 0;}

.down ul li{padding:10px;}
.down ul li .pic{width:90px;height:90px;}
.down ul li .t{margin:0 0 0 105px;}
.down ul li .t h5{font-size:17px;}


}

@media screen and (max-width:430px) {
	
.pro_img{width:100%}

.pro_img .spic ul {margin:0 0 0 -1%}
.pro_img .spic ul li {width:24%;margin:0 0 0 1%;box-sizing:border-box}
.pro_img .spic ul li img {width:100%;height:auto;box-sizing:border-box}


.pro_view_inner h1 {font-size:18px}
}

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

.path2 h3 {font-size:15px}
.path2 p {display:none}
.honor ul {margin:10px 0 0 0}
.honor ul li {float:none;width:100%;margin:5px 0 5px 0}
.faq ul li .tit .date-month {display:none}
.faq ul li .tit h4 {float:none;margin:0}
.faq ul li .con {display:block}
.faq ul li .con .date-day {display:none}
.faq ul li .con .t {float:none;margin:5px 0 0 0;width:auto}
.deliverylist ul li {height:auto}
.deliverylist ul li img {float:none;width:100%}
.deliverylist ul li .t {margin:15px 0 0 0}
.productlist ul {margin:0}
.productlist ul li {float:none;width:100%;margin:15px 0 0 0}
}

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