@charset "utf-8";

@media screen and (max-width:1600px){
.home .logo img{height:100px;}
}

@media screen and (max-width:768px){
.addthis_inline_share_toolbox_ysau{text-align:center;margin:20px 0 0;}
.visible-xs-block{display:block;}
.wp,.wp2{width:100%;padding-right:10px;box-sizing:border-box;padding-left:10px;}
.nav,.search{display:none;}
.myart img,.pro-content img{width:100% !important;height:auto !important;}
#footBar{display:block;}

.sitetop{display:block;}

.header-lang{position:absolute;top:6px;right:10px;}
.header-lang .box{border:1px solid #fff;}
.header-lang .box em{color:#fff;}
.header-lang .box i{color:#fff;}

.header{height:auto;padding:20px 0;}
.header .wp{-webkit-justify-content:center;justify-content:center;}

#banner .swiper-pagination-bullets{bottom:10px;}
#banner .swiper-pagination-bullet{height:10px;width:10px;border:1px solid #fff;}
#banner .swiper-pagination-bullet::after{width:6px;height:6px;left:1px;top:1px;}
#banner .swiper-pagination-bullet-active{border:1px solid #F08200;}


#footer{padding:30px 0 0;}
.foot-logo{-webkit-justify-content:center;justify-content:center;-webkit-flex-direction:column;flex-direction:column;}
.foot-logo::after{display:none;}
.foot-logo .share{margin:15px 0 0;}
.foot-logo .share a{width:34px;height:34px;line-height:34px;margin:0 3px;}

#footer .box{margin:20px 0 0;-webkit-flex-direction:column;flex-direction:column;}

.foot-nav,.foot-list{display:none;}
.foot-contact{width:100%;text-align:center;}
.foot-contact h4{font-size:16px;margin:0 0 15px;}
.foot-contact p{font-size:15px;line-height:22px;margin-bottom:4px;}

.copyright{padding:15px 0 60px;}
.copyright p{font-size:14px;}

}

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

.home{height:auto;padding-bottom:46px;display:block;}
.home .logo{padding:30px 0;display:block;text-align:center;}
.home .logo img{height:100px;}

.home ul{display:block;margin-top:auto;}
.home ul li{position:relative;cursor:pointer;padding:40px 0;}
.home ul li .pic{display:none;}
.home ul li .t{position:static;top:0;left:0;right:0;bottom:0;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center;}
.home ul li .t h5{font-size:40px;margin-top:0;text-shadow:0 1px 4px rgba(0,0,0,.5);}
.home ul li .t img{margin-top:15px;}
.home ul li .t a{width:110px;height:36px;line-height:36px;border:1px solid #fff;text-align:center;display:block;margin-top:40px;margin-bottom:0;font-size:20px;background:#17849E;}
.home ul li .t a:hover{background:#2AA9C1;}

.home ul li:hover .t h5{-webkit-transform:translateY(0);transform:translateY(0);}
.home ul li:hover .t img{-webkit-transform:translateY(0);transform:translateY(0);}
.home ul li:hover .t a{-webkit-transform:translateY(0);transform:translateY(0);}



.indexB{padding:30px 0;}
.indexB .wp{-webkit-flex-direction:column;flex-direction:column;}
.indexB .pic{margin:15px 0 0;width:100%;padding:10px;box-shadow:5px 5px 10px 0 rgba(164,164,164,0.4);}

.indexB .txt{width:100%;}
.indexB .txt h3{font-size:26px;margin-bottom:15px;text-align:center;}
.indexB .txt p{font-size:15px;line-height:22px;}
.indexB .txt .more{line-height:34px;height:34px;width:120px;margin:15px auto 0;font-size:16px;}
.indexB .v{width:100%;padding:0;margin:20px 0 0;}

.indexA{padding:30px 0;}
.indexA .tit{border-bottom:none;height:auto;display:block;}
.indexA .tit h3{font-size:26px;text-align:center;}

.indexA .tab ul{display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between;-webkit-flex-wrap:wrap;flex-wrap:wrap;}
.indexA .tab ul li{width:48%;display:block;margin:10px 0 0;height:34px;line-height:34px;font-size:15px;color:#0076D2;text-align:center;background:#fff;}
.indexA .tab ul li::before{display:none;}
.indexA .tab ul li.active{color:#fff;background:#0076D2;}

.indexA .list ul{margin:0 0 0 -2%;display:none;}
.indexA .list ul li{width:48%;margin:20px 0 0 2%;}
.indexA .list ul li:first-child{width:98%;}
.indexA .list ul li h5{
	font-size:15px;
	font-weight:400;
	height:67px;
	padding:0 5px;
	background-size:cover;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
}


.indexE{padding:30px 0;}
.indexE .tit{height:auto;padding-bottom:15px;}
.indexE .tit h3{font-size:26px;}
.indexE .tit a{line-height:34px;height:34px;width:120px;font-size:16px;}

.indexE .box{margin:15px 0 0;display:block;}

.indexE .pic{display:none;}

.indexE ul{width:100%;}
.indexE ul li~li{margin-top:5px;}
.indexE ul li .date{width:70px;height:100px;}
.indexE ul li .date-month{font-size:26px;}
.indexE ul li .date-day{font-size:17px;}
.indexE ul li .news-content{padding:0 15px;}
.indexE ul li .news-content h5{font-size:16px;}
.indexE ul li .news-content p{font-size:14px;height:40px;overflow:hidden;}

}


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

.path{height:40px;line-height:40px;}

.main{padding-top:20px;padding-bottom:40px;}
.main-left{float:none;width:100%;}
.main-right{margin-left:0;}

.sidemenu h3{font-size:18px;padding:0 0 0 15px;}
.sidemenu h3::after{display:block;}
.sidemenu ul{display:none;}
.sidemenu ul li h5{font-size:16px;}
.sidemenu ul li h5 a{padding:10px 40px 10px 15px;}
.sidemenu dl dd{line-height:35px;padding:0 15px;}

.prolist ul li{width:48%;margin:0 0 15px 2%;}
.prolist ul li h6{
	height:60px;padding:0 8px;font-size:15px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
}
.prolist ul li h6 a{line-height:20px;}

.pro_img{float:none;width:360px;margin:0 auto;}
.pro_view_inner{margin:15px 0 0;text-align:center;}
.pro_view_inner h1{font-size:20px;}
.pro_view_inner h2{font-size:20px;padding:0;}
.pro_view_inner p{margin-bottom:5px;font-size:18px;line-height:20px;}
.pro_view_inner a.book{line-height:36px;width:120px;font-size:18px;margin:20px auto 0;}
.pro_view_inner .share{margin:20px 0 0;text-align:center;}


.pro_text{margin:20px 0 0 0;}
.pro_text .tit{margin:20px 0 0;height:40px;line-height:40px;}
.pro_text .tit h5{font-size:17px;padding:0 45px 0 15px;}

.pro_text .pro-content{line-height:22px;font-size:16px;padding:15px 0;}
.pro_text .pro-content h4{font-size:18px;margin:20px 0 10px;}
.pro_text .pro-content h4:nth-of-type(1){margin-top:6px;}
.pro_text .pro-content table{font-size:15px;}

.pro-inquiry{margin:20px 0 0;}
.pro-inquiry .tit h5{font-size:17px;padding:0 45px 0 15px;}
.pro-inquiry .inquirbox{padding:15px 15px 5px;}

.rela-pro{margin-top:30px;}
.rela-pro .tit{height:40px;line-height:40px;}
.rela-pro .tit h5{font-size:18px;}
.rela-pro ul li{width:48%;padding:5px 5px 0;margin:15px 0 0 2%;}
.rela-pro ul li h6{height:60px;font-size:15px;}
.rela-pro ul li h6 a{line-height:20px;}


.about{line-height:24px;font-size:15px;}
.about h1{font-size:26px;line-height:50px;margin-bottom:10px;text-align:center;}
.about .row~.row{margin-top:10px;}
.about .row > div{margin-top:15px;}

.newslist{margin-top:-20px;}
.newslist ul li{padding:20px 0;}
.newslist ul li .pic{float:none;margin:0 auto;}
.newslist ul li .t{margin:15px 0 0;padding:0;}
.newslist ul li .t em{font-size:14px;background-size:17px;padding:0 0 0 25px;}
.newslist ul li .t h5{font-size:16px;margin:10px 0 0;}
.newslist ul li .t p{font-size:14px;}
.newslist ul li .more{display:none;}

.newsnr h1{font-size:18px;margin:0;}
.newsnr .artInfo{padding:0 0 15px;margin:15px 0 0;}
.newsnr .artInfo span{font-size:12px;}
.myart{margin:15px 0 0;line-height:22px;font-size:15px;}
.myart p{margin-bottom:10px;}

.pnbar{margin-top:20px;}
.pnbar a{width:120px;line-height:34px;height:34px;font-size:16px;}
.pnbar a i{font-size:16px;}

.linetit h1{font-size:26px;}

.faq ul{margin:20px 0 0;}
.faq ul li{margin:0;padding:15px 0;}
.faq ul li .tit .date-month{font-size:17px;}
.faq ul li .tit h4{font-size:17px;}
.faq ul li .con .date-day{font-size:17px;}

.contact{margin:20px 0 0;padding:25px 0 25px 20px;}
.contact h5{font-size:20px;padding:0 0 0 35px;}
.contact p{font-size:15px;line-height:24px;padding:0 0 0 35px;}
.contact p:nth-of-type(1){background:url(../images/c1.png) no-repeat left 5px;}

.contact-inquiry{margin:30px 0 0;}
.contact-inquiry h4 span{font-size:18px;}

.contact-inquiry .inquirbox{margin:20px 10px 0;}
.contact-inquiry .inquirbox .row{margin-bottom:0;}


.map{float:right;width:600px;}
.map img{width:100%;}



.map{float:none;width:100%;margin:10px 0 0;}

.inquirbox .row{margin-bottom:0;}
.inquirbox .row > div{margin-bottom:10px;}
.inquirbox input.submit{width:120px;font-size:15px;margin:0 auto;}

}


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


.down ul li h4{width:75%;text-indent:10px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
.down ul li span{display:none;}
.down ul li p{width:25%;}
.down ul li.tit h4{font-size:13px;}
.down ul li.tit span{display:none;}
.down ul li.tit p{font-size:13px;}
.down ul li h4 a{font-size:13px;}


}


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

.logo img{height:60px;}


.downlist{padding:20px 0 0;}
.downlist ul li {margin:0 0 20px 0;padding:0 0 20px 0;}
.downlist ul li .pic{width:100px;}

.downlist ul li .txt{margin:0 0 0 110px;}
.downlist ul li .txt h5{font-size:16px;}
.downlist ul li .txt p{font-size:13px;margin:5px 0 0;}
.downlist ul li .txt .more a{font-size:14px;}


}

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

.home .logo img{height:80px;}
.home ul li .t h5{font-size:35px;}



.about4 h3,.about3 h3,.about2 .tit h3,.about .txt h3,.main .rtit h3{font-size:22px;}

.about2 ul li p{font-size:18px;margin:10px 0 0;}
.about3 ul li p{font-size:18px;margin:10px 0 0;}


.indexA ul{margin:0;}
.indexA ul li{float:none;width:100%;margin:15px 0 0;}

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


.pro_img{float:none;width:100%;margin:0 auto;}
.pro_img .bpic{width:100%;}
.pro_img .bpic ul li img{width:100%;}
.pro_img .spic ul li{width:60px;margin:0 2px;}


}


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