@charset "utf-8";


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

.wp{width:100%;padding-right:10px; box-sizing:border-box; padding-left: 10px;}

#top p,.search,.nav{display:none;}
#top span,#footBar{display: block;}

#top .wp{padding:0;}
.header-lang{margin:9px 10px 0 0;}

.header{height:auto;padding:20px 0;border-bottom:2px solid #E77817;}
.header .wp{-webkit-justify-content:center;justify-content:center;}

#footer{padding:30px 0;}
#footer .wp{-webkit-flex-direction:column;flex-direction:column;}
#footer h5{font-size:18px;margin:0 0 20px;text-align:center;}

.foot-contact{width:100%;}
.foot-contact p{font-size:14px;line-height:25px;}
.foot-nav,.foot-list{display:none;}

.foot-inquiry{width:100%;margin:20px 0 0;}
.foot-inquiry .inquirbox .row{margin-bottom:5px;}
.foot-inquiry .inquirbox input.submit{width:100%;}

.copyright .wp{height:auto;padding:15px 0 60px;-webkit-flex-direction:column;flex-direction:column;text-align:center;}
.copyright .share{margin:15px 0 0;}
.copyright .share a{margin:0 3px;}

.main-left h3{font-size:18px;padding:0 0 0 15px;}
.main-left h3::after{display:block;}
.sidemenu ul,.left-nav ul{display:none;}
.sidemenu ul li{margin:5px 0 0 0;}
.sidemenu ul li h5{height:40px;line-height:40px;padding:0 0 0 15px;font-size:14px;}

.left-nav ul li{padding:8px 40px 8px 15px;}
.left-nav ul li::after{line-height:38px;}
.left-nav ul li a{font-size:14px;}

.sidebanner .t .wp{-webkit-justify-content:center;justify-content:center;}
.sidebanner h1{font-size:24px;}

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

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

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

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

.indexA{padding:30px 0;}
.indexA-l,.indexA-r{float:none;width:100%;}
.indexA-r ul{margin:-15px 0 0 -2%;}
.indexA-r ul li{width:48%;margin:15px 0 0 2%;padding:5px 5px 0;}

.indexB{padding:30px 0;}
.indexB h3{font-size:30px;}
.indexB hr{margin:15px auto 0;}
.indexB .t{margin:30px 0 0;padding:50px 40px 40px;}
.indexB .t::after{left:20px;right:20px;top:20px;bottom:20px;}
.indexB .t h4{font-size:18px;margin-bottom:20px;}
.indexB .t p{font-size:14px;line-height:22px;margin-bottom:10px;}
.indexB .t a.more{width:120px;height:36px;line-height:36px;font-size:13px;margin:20px auto 0;}

.indexC{padding:30px 0;}
.indexC h3{font-size:30px;}
.indexC ul{margin:20px 0 0;}
.indexC ul li{float:none;width:100%;padding:20px 0;}
.indexC ul li .ico{width:100px;height:100px;}
.indexC ul li .ico::after{width:86px;height:86px;}
.indexC ul li .ico img{height:35px;}
.indexC ul li h5{font-size:16px;margin:15px 0 0;}
.indexC ul li p{font-size:14px;line-height:22px;}

.indexD{padding:30px 0;}
.indexD .tit{margin:0 0 24px 0;}
.indexD .tit h3{font-size:30px;}
.indexD .tit hr{margin:15px auto 0;}

.indexD .topnews{float:none;width:100%;}
.indexD .topnews img{width:100%;}
.indexD .topnews .txt{height:auto;padding:15px;}
.indexD .topnews .txt h5{font-size:16px;margin:0;}
.indexD .topnews .txt p{display:none;}

.indexD .topnews:hover .txt{height:auto;}

.indexD .indexnews{float:none;width:100%;padding:15px;}
.indexD .indexnews ul{margin:-10px 0 0 0;}
.indexD .indexnews ul li{height:90px;margin:10px 0 0;padding:14px;}

.indexD .indexnews ul li .d{width:90px;}
.indexD .indexnews ul li .d span{font-size:14px;margin:10px 8px 0 0;}
.indexD .indexnews ul li .d p{font-size:26px;line-height:25px;}
.indexD .indexnews ul li .d p i{font-size:14px;}

.indexD .indexnews ul li .t{margin:0 0 0 105px;}
.indexD .indexnews ul li .t h5{font-size:16px;}
.indexD .indexnews ul li .t p{height:36px;overflow:hidden;}

.indexD .hd{height:40px;margin:10px 0 0;}
.indexD .hd .prev,.indexD .hd .next{width:48%;height:40px;line-height:40px;font-size:15px;}


.indexE{padding:30px 0;}
.indexE .tit h3{font-size:30px;}
.indexE .list{margin:25px 0 0;}
.indexE .swiper-button-prev,.indexE .swiper-button-next{display:none;}
.indexE .swiper-pagination{display:block;}

.productlist ul li{width:48%;margin:0 1% 15px 1%;}
.productlist ul li .pic{padding:5px;}

.pro_img{float:none;margin:0 auto;}

.pro_view_inner{margin-left:0;}
.pro_view_inner h1{font-size:18px;margin:15px 0 20px 0;text-align:center;}
.pro_view_inner .pro-para{line-height:22px;}
.pro_view_inner .pro-para h5{font-size:16px;}
.pro_view_inner a.book{width:130px;height:36px;line-height:36px;font-size:14px;display:block;margin:15px auto 0;}
.pro_view_inner .pro-share{margin:15px 0 0;text-align:center;}

.pro_text{margin:20px 0 0;}
.pro_text .tit{line-height:50px;}
.pro_text .tit h5{font-size:16px;}

.pro-content{font-size:14px;line-height:24px;margin:15px 0 0;}

.pro-inquiry{margin:20px 0 0;}
.pro-inquiry h5{height:40px;line-height:40px;font-size:18px;padding:0 0 0 15px;}
.pro-inquiry .inquirbox{padding:15px 15px 5px;}
.pro-inquiry .inquirbox input.submit{line-height:36px;width:120px;font-size:14px;}

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

.rela-pro{margin-top:20px}
.rela-pro .tit{margin:0;border-bottom:1px solid #E0E0E0;}
.rela-pro .tit h5{font-size:18px;}
.rela-pro ul{margin:0 0 0 -2%;}
.rela-pro ul li{width:48%;margin:15px 0 0 2%;}

.about{line-height:22px;font-size:14px;}
.about p{margin:0 0 8px;}

.honor ul li{width:48%;margin:0 0 15px 2%;}

.newslist ul li{margin:0 0 15px;padding:15px 10px;}
.newslist ul li a.pic{float:none;width:260px;margin:0 auto;}
.newslist ul li .t{margin:15px 0 0;text-align:center;}
.newslist ul li .t h5{font-size:16px;}
.newslist ul li .t span{display:inline-block;}
.newslist ul li .t p{font-size:13px;}

.newsnr h1{font-size:16px;line-height:1.2;margin:20px 0 0;}

.newsnr .artInfo{padding:0 0 15px;margin:20px 0 0;}
.newsnr .artInfo span{font-size:13px;}

.myart{line-height:22px;font-size:14px;}
.myart p{margin:0 0 8px;}

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


.contact{margin:10px 0 0;}
.contact ul{margin:0;}
.contact ul li{float:none;width:100%;padding:20px 10px;height:auto;border-right:none;border-bottom:1px solid #EBEBEB;}
.contact ul li em{width:50px;height:50px;line-height:50px;}
.contact ul li em i{font-size:25px;}
.contact ul li h6{font-size:16px;margin:10px 0 0;}
.contact ul li p{font-size:14px;line-height:22px;}

.contact-inquiry{margin:30px 0 0;}
.contact-inquiry h3{font-size:20px;}
.contact-inquiry .inquirbox{margin:20px 0 0;}
.contact-inquiry .inquirbox .row{margin-bottom:0;}
.contact-inquiry .inquirbox input.submit{line-height:36px;width:120px;font-size:14px;}

.linetit{margin:20px 0 0 0;}
.linetit h4 span{font-size:20px;}

.map{margin:15px 0 0;}

}

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

.pro_img{width:100%;}

}

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

.indexD .tit h3,.indexC h3,.indexB h3,.indexE .tit h3{font-size:24px;}

.header .logo img{height:50px;}

}