@charset "utf-8";
body {
    color: #333;
    font-size: 14px;
    font-family: "微软雅黑",Helvetica,"黑体",Arial,Tahoma;
	margin:0 auto;
	position:relative;

}
.img-hide{ overflow:hidden; display: block; }

.img-hide img{ transition: 0.5s all; }
.img-hide:hover img{ transform: scale(1.1,1.1); }
.txt-elise{overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;}
li{ list-style:none;}
a{ color: #333;text-decoration: none; }
ul{ padding:0; margin:0;}
a:hover{ text-decoration:none !important;}
a:focus{ text-decoration:none !important; outline: none !important;}
button:focus,button:hover,input:focus{ outline: none!important; }
.container{ width: 1430px; }
.menu-button { position: absolute; display: none; top: 18px; right: 15px; z-index: 1000; cursor: pointer; -webkit-transition: .3s; transition: .3s;}
.menu-button .bar:nth-of-type(1) { margin-top: 0px;}
.menu-button .bar:nth-of-type(3) { margin-bottom: 0px;}
.bar { position: relative; display: block; width: 24px; height: 2px; margin: 5px auto; background-color: #337ab7; border-radius: 10px; -webkit-transition: .3s; transition: .3s; }
.cross{ margin-top: -8px; }
.cross .bar{ margin:13px auto; }
.cross .bar:nth-of-type(1) { -webkit-transform: translateY(15px) rotate(-45deg);-ms-transform: translateY(15px) rotate(-45deg); transform: translateY(15px) rotate(-45deg);}
.cross .bar:nth-of-type(2) {  opacity: 0;}
.cross .bar:nth-of-type(3) { -webkit-transform: translateY(-15px) rotate(45deg); -ms-transform: translateY(-15px) rotate(45deg); transform: translateY(-15px) rotate(45deg);}
.dh li:nth-child(2){ animation-delay:0.2s; }
.dh li:nth-child(3){ animation-delay:0.4s; }
.dh li:nth-child(4){ animation-delay:0.6s; }
.dh li:nth-child(5){ animation-delay:0.8s; }
.dh li:nth-child(6){ animation-delay:1s; }
.dh li:nth-child(7){ animation-delay:1.2s; }
.dh li:nth-child(8){ animation-delay:1.4s; }
.dh li:nth-child(9){ animation-delay:1.4s; }
.dh li:nth-child(10){ animation-delay:1.4s; }
.dh li:nth-child(11){ animation-delay:1.4s; }
.dh li:nth-child(12){ animation-delay:1.4s; }
.dh li:nth-child(13){ animation-delay:1.4s; }
.dh li:nth-child(14){ animation-delay:1.4s; }
.dh li:nth-child(15){ animation-delay:1.4s; }
.dh li:nth-child(16){ animation-delay:1.4s; }
.dh li:nth-child(17){ animation-delay:1.4s; }
.dh li:nth-child(18){ animation-delay:1.4s; }
.dh li:nth-child(19){ animation-delay:1.4s; }
.dh li:nth-child(20){ animation-delay:1.4s; }
.header .container{ height: 120px; padding-left: 380px; position: relative; }
.header{ position: relative; z-index: 10000; }
.nav-list{ background: #2356ab; background: rgba(157,1,8,0.6); }
.nav-list li{float: left;width: 10%;position: relative;}
.nav-list li a{ display: block; line-height: 75px; font-size: 16px; color: #fff; }
.nav-down{ position: absolute; display: none; padding:10px 0; left: 50%; text-align: center; top: 100%;background: #2356ab; background: rgba(35,86,171,0.8); width: 128px; margin-left: -64px; }
.nav-down li{ line-height: 32px!important; margin:0!important; float: none!important; width: 100%; }
.nav-down li:before{ display: none!important; }
.nav-down li a{ font-size: 14px; color: #fff!important; line-height: 32px!important; }
.nav-down li a:hover{ color: #fff!important; background: #2356ab;}
.nav-list li:hover .nav-down{ display: block; }
.banner-box{ display: block; position: relative; }
.banner-box img{ width: 100%; }
.slick{ overflow:hidden; width: 100%; }
.header-box{ position: absolute; left: 0; top: 30px; right: 0; z-index: 1000; }
.logo{width: 390px;text-align: center;}
.logo a{ height: 120px; background: #af0003; line-height: 120px; text-align: center; display: block; }
.header-right{width: 1010px;height: 120px;}
.header-right-top{ height: 45px; background: #337ab7; background: rgba(175,1,4,0.6); overflow:hidden }
.header-a{ line-height: 45px; }
.header-a a{ color: #fff; margin-left:40px; }
.search-box{position: relative;width: 260px;height: 30px;margin-top: 8px;margin-right: 30px;}
.search-box .form-control{ height: 30px; padding-right: 45px; color: #337ab7; border-radius: 30px; box-shadow: none; border:solid 1px #337ab7; background: none; }
.btn-ss{ position: absolute; right: 10px; top: 0; bottom: 0; width: 16px; background: url(/xyh/images/ss_btn1.png) center no-repeat; border:none; box-shadow: none; }
.search-box .form-control::-webkit-input-placeholder{ color:#fff !important;}
.search-box .form-control::-moz-input-placeholder{ color:#fff !important;}
.search-box .form-control::-ms-input-placeholder{ color:#fff !important;}
.nav-click {display: none;}
.swiper-container .pagination{ position: absolute; text-align: center; left: 0; right: 0; bottom: 0px; margin-bottom: 15px; width: 100%; }
.pagination .swiper-pagination-switch{ cursor: pointer; width: 10px; height: 10px; display: inline-block; margin:0 5px; background: #af0003; border-radius: 50%; }
.swiper-wrapper{ height: auto; }
.pagination .swiper-active-switch{ background: none; border:solid 1px #af0003; transform: scale(1.2,1.2); }
.swiper-slide{ position: relative; }
.banner-mask{ position: absolute; line-height: 30px; left: 50%; margin-left: -700px; bottom: 65px; width: 680px; height: 170px; background: #254c62; background: rgba(37,76,98,0.5); color: #fff; padding:25px 20px; }
.banner-tt{ font-size: 16px; }
.banenr-txt{ font-size: 14px; height: 90px; overflow:hidden; }
.about-p{ padding:10px 20px; line-height: 25px; font-size: 15px; color: #333; }
.about-p a{ color: #888; }
.swiper-slide a img{width:100%;}
.list-banner img{width:100%;}

.banner-box:before{ display: block; content: ""; z-index: 10000; height: 70px; bottom: 0; background: #6739a0; line-height: 70px; font-size: 26px; color: #fff; position: absolute; left: 50%; margin-left:-720px; width: 1440px;  }
.device .arrow-left{ position: absolute; z-index: 1000000; margin:0; top: 50%; left: 50%; margin-left:-780px; margin-top: -40px; width: 80px; height: 80px; background: url(/xyh/images/left.png) center no-repeat; text-indent: -9999px; }
.device .arrow-right{ position: absolute; z-index: 1000000; top: 50%; right: 50%; margin-top: -40px; margin-right:-780px; width: 80px; height: 70px; background: url(/xyh/images/right.png) center no-repeat; text-indent: -9999px; }
.device {
  position: relative;

}
.swiper-container,.swiper-wrapper{ width: 100%; height: auto!important; }

.swiper-container02{ height: 70px; text-align: center; bottom: 0; z-index: 10000; line-height: 70px; font-size: 26px; color: #fff; position: absolute; left: 50%; margin-left:-720px; width: 1440px; background: #6739a0;  }
.swiper-container02 a{ color: #fff; }
.title{font-size: 18px;margin-top: 20px;color: #333;position: relative;padding-left: 20px;padding-bottom: 10px;border-bottom: solid 2px #337ab7;}
.title span{ font-size: 14px; color: #af0003; padding-left: 10px; }
.title a{ float: right; color: #7c7c7c; font-size: 14px;}
.title:before{ display: block; content: ""; position: absolute; left: 0; top: 3px; width: 5px; height: 20px; background: #337ab7; }
.left-width{ width: 28.5714%; }
.bordder-box{ border:solid 1px #dadada; height:360px;}
.tz-list{padding-top: 20px;}
.tz-list li{position: relative;padding-left: 80px;margin-top: -13px;margin-bottom: 5px;}
.tz-date{ position: absolute; left: 0; width: 60px; text-align: center; top: 50%; margin-top: -33px; height: 66px; border:solid 1px #ccc; font-size: 13px; color: #666; }
.tz-date span{ display: block; margin-bottom: 5px; margin-left: -1px; margin-top: -1px; margin-right: -1px; height: 36px; line-height: 36px; background: #337ab7; font-size: 20px; color: #fff; }
.tz-list li a{ font-size: 15px; color: #333; }
.tz-list li:last-child{ border:none;}
.tz-list-p{ font-size: 14px; color: #666; margin-top: 5px; }
.right-width{ width: 68.285714%; }
.left-a-img{ margin-top: 25px; margin-left: 20px; }
.left-a-img img{ width: 100%; height: 220px; }
.left-a-tt a{ font-size: 15px; color: #333; }
.left-a-tt{ margin:15px 0 10px 20px;}
.left-a-p{ font-size: 13px; margin-left: 20px; color: #5c5c5c; text-align: justify; line-height:20px; height: 60px; overflow:hidden; }
.left-a{ width: 320px;}
.list-ul li{line-height: 36px;padding-right: 100px;position: relative;}
.list-ul li a{ font-size: 15px; padding-left: 17px; background: url(/xyh/images/li.png) left center no-repeat; color: #333; }
.list-ul li>span{ position: absolute; right: 0; top: 0; color: #999; }
.list-ul{ width: 550px; margin-top: 15px; margin-right: 20px; }
.img-link img{ width: 100%; }
.img-link{ margin-top: 30px; }
.fc-list li{ float: left; width: 25%; padding:0 17px; }
.fc-list { margin:0 -17px; }
.fc-list li img{ width: 100%; }
.title02{ border:none; }
.over-hide{ overflow:hidden; }
.tz-list-p{color: #888;/* text-indent: 2em; */line-height: 22px;height: 44px;overflow:hidden;}
.marqueeleft{ overflow:hidden; margin-top: 10px;width:100%; }
.marqueeleft ul{float:left;}
.marqueeleft li{float:left;display:inline;width: 180PX;
    height: 220px;overflow:hidden; margin-right: 40px; }
.dj-bottom li img,#marquee1_1 li img,#marquee1_2 li img {
    width: 180PX;
    height: 220px;
}
.friends-list{ margin-top: 15px; }
.friends-list li{ float: left; margin-right: 25px; margin-bottom: 15px; }
.friends-list li a{ font-size: 15px; color: #333; }
.footer{ background:#337ab7; height: 140px; color: #fff; padding-top: 12px; text-align: center; margin-top: 20px; }
/**********简介页**********/
.STYLE1 {
	font-size: 16px;
	font-weight: bold;
	text-align:center;
}
.header-box-t{ left: 0; top: 0; right: 0; }
.header-box-top{height: 110px;background: url(/xyh/images/hd-bg.png) center no-repeat;background-color: #ffffff;}
.header-box-top .logo a{ height: 100px; line-height: 100px; background: none; }
.header-box-top .logo a img{/* width: 390px; *//* margin-top: 10px; */ width: 130% !important;}
.header-box-top .header-right{ float: right!important; height: 100px; width: 570px; padding-top: 30px; }
.header-box-top .header-right .header-right-top{ background: none; }
.header-box-top .search-box{ margin-right: 0; }
.nav-box{ background: #fff; background:#337ab7; height: 50px; position: relative; }
.nav-box .nav-list li a{line-height: 50px;color: #fff;padding: 0 39px;}
.nav-box .nav-list{ background: none; } 
.nav-box .nav-list li{ width: auto; }
.nav-box .nav-down li a{ padding:0; }
.list-banner{ padding-top: 100px; margin-bottom: 45px; }
.left-box{ width: 290px; }
.left-box-tt{ height: 79px; line-height: 79px; background:#337ab7; background-size: cover; font-size: 22px; color: #fff; padding-left: 40px; }
.left-nav li a{ line-height: 45px; padding-left: 22px; display: block; border-left: solid 3px #fff; font-size: 15px; color: #333; border-bottom: solid 1px #efefef; }
.left-nav li.active a,.left-nav li a:hover{ color: #af0003; border-left-color: #af0003; position: relative; }
.left-nav li.active a:before,.left-nav li a:hover:before{ display: block; content: ""; position: absolute; right: 25px; top: 0; bottom: 0; width: 9px; background: url(/xyh/images/a-r.png) center no-repeat; }
.left-nav-b li a{ display: block; height: 66px; margin-bottom: 15px; line-height: 66px; text-align: center; color: #fff; font-size: 18px; }
.left-nav-b li a.a01{ background: url(/xyh/images/a01.png) center no-repeat; background-size: cover; }
.left-nav-b li a.a02{ background: url(/xyh/images/a02.png) center no-repeat; background-size: cover; }
.left-nav-b li a.a03{ background: url(/xyh/images/a03.png) center no-repeat; background-size: cover; }
.left-nav-b{ margin-top: 35px; }
.right-box{ width: 1050px; border:solid 1px #dadada; padding:30px; margin-bottom: 50px; }
.right-top-tt{ font-size: 18px; color: #333; height: 22px; line-height: 22px; border-left: solid 4px #337ab7; padding-left: 20px; }
.nav-b{ color: #333; }
.nav-b a{ color: #333; }
.right-top{ border-bottom: solid 1px #dadada; padding-bottom: 20px; }
.jj-box p{ text-align: justify; font-size: 15px; color: #333; line-height: 30px; margin-bottom: 10px; text-indent: 2em; }
.jj-box{ padding:40px 0; }
/**********列表页*********/
.list-ul-lg{ width: 100%!important; }
.pagination li a{ margin:0 3px; border-radius: 0!important; color: #333; background: none; height: 25px; padding-top: 0; padding-bottom: 0; line-height: 23px; }
.pagination > .active > a,.pagination li a:hover, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus{ background: #1758ae; border-color: #1758ae; color: #fff; }
.page-box{ padding:40px 0 0 0; }
.page-l{ line-height: 25px; margin-right: 5px; margin-left: 15px; }
.page-input{ width: 40px; box-shadow: none;border-radius: 0; background: none; height: 25px; }
.page-l-l{ margin-left: 10px; }
.page-number{ height: 25px; line-height: 23px; border:solid 1px #ddd; padding:0 5px; margin-left: 5px; }
.page-box{ display: inline-block; }
.page-r{ margin:20px 0; }
.article-tt{ font-size: 22px; color: #333; padding-top: 30px; }
.article-date{ color: #888; margin-top: 20px; }
.article-date span{ padding-left: 30px; }
.article-box{ border-top: dashed 1px #e2e2e2; margin-top: 20px; padding:35px 0; }
.article-box p{ font-size: 16px; color: #333; line-height: 33px; text-align: justify; margin-bottom: 20px;}
.articla-a p a{ font-size: 16px; color: #333; }
/**********图片列表页**********/
.img-list li{ float: left; width: 25%; padding:0 23px; margin-bottom: 1px; }
.img-list{ margin:0 -23px; padding-top: 45px; }
.img-list li span{ font-size: 15px; color: #333; display: block; margin:20px 0; }
.img-list li img{ width: 100%; height: 150px; }
.img-list li a:hover span,.nav-b a:hover,.nav-box .nav-list li a:hover,.list-ul li a:hover,.left-a-tt a:hover,.title a:hover,.tz-list li a:hover,.friends-list li a:hover{ color: #af0003; }
.about-img{ text-align: center; margin-top: 25px; padding:0 20px; }
/*书院动态轮播*/
.slideTxtBox{width: 372px; position: absolute;overflow: hidden;height: auto;padding:1.3% 0 0 1%;}
.bd{width: 1000px;}

@media( max-width: 1599px){
	.container{ width: 1200px; }
	.swiper-container02{ width: 1170px; margin-left: -585px; }
	.device .arrow-left{ margin-left: -585px; }
	.device .arrow-right{ margin-right: -585px; }
	.ts-list li{ width: 33.333333%; }
	.nr-width{ width: 840px; }
	.search-close{ margin-left: 560px; }
	.header-right{ width: 700px; }
	.banner-mask{ margin-left: -585px; }
	.list-ul{ width: 405px; }
	.bottom-center{ width: 590px; }
	.bottom-box-a{ padding-left: 100px; }
	.logo{ width: 470px; }
	.right-box{ width: 830px; }
	.img-list li img{ height: 120px; }
        .img-list li span{margin:15px 0; }
        .about-p{ line-height: 22px;  }
        .nav-box .nav-list li a{padding: 0 28px;}
         .swiper-slide img{/*height:500px !important;*/width:100%;}
}
@media( max-width: 1279px){
	.container{ width: 970px; }
	.bottom-box-a{ padding-left: 0; }
	.bottom-center{ width: 558px; }
	.swiper-container02{ width: 940px; margin-left: -470px; }
	.device .arrow-left{ margin-left: -470px; }
	.device .arrow-right{ margin-right: -470px; }
	.list-ul{ width: 265px; }
	.logo a{ width: 400px; padding:0 20px; }
	.logo{ width: 400px; }
	.header-right{ width: 540px; }
	.banner-mask{ margin-left:-470px; }
	.nav-list li a{font-size: 13px;}
	.right-box{ width: 600px; }
	.header-box-top .header-right{ width: 530px; }
	.header-a a{ margin-left: 20px; }
	.img-list li img{ height: 102px; }
        .about-p{ line-height: 20px; padding: 5px 20px; }
        .nav-box .nav-list li a{padding: 0 22px;}
        .swiper-slide img{height:420px !important;}
	}

@media( max-width: 991px){
	.container{ width:100%;}
	.nav-list{ position: absolute; display: none; z-index: 10000000; border-top: solid 1px #ddd; left: 0; top: 100%; right: 0; box-shadow: 1px 2px 3px #ddd;background: #fff; }
	.nav-list li{ width: 100%; float: none; margin:0; text-align: left; line-height: 40px; }
	.nav-list li a{ height: 40px; line-height: 40px; padding:0 15px; color: #333; }
	.nav-list li:hover .nav-down{ display: none; }
	.nav-down{ display: none; position: static; }
	.menu-button{ display: block; top: 65px; }
	.nav-click { display: block; z-index: 10000; position: absolute; color: #fff; right: 0; top: 0; width: 40px; height: 40px; text-align: center; line-height: 40px;}
	.swiper-container02{ width: 100%; margin-left: 0; bottom: 0; height: 40px; line-height: 40px; font-size: 16px; left: 0; }
	.device .arrow-left{ left: 0; margin-left: 0; height: 40px; background-size: auto 100%; width: 46px; }
	.device .arrow-right{ right: 0; margin-right: 0; height: 40px; background-size: auto 100%; width: 46px; }
	.left-width,.center-width,.right-width{ width: 100%; padding:0; }
	.ewm img{ height: auto; }
	.search-box{width: 345px;height: auto;top: 1px;right: 15px;margin-right: 0;}
	.nav-down{ position: static; text-align: left; top: 0; }
	.nav-list li:hover .nav-down{ display: none; }
	.nav-down li a{ padding-left: 25px; }
	.nav-click{ display: block; z-index: 10000; position: absolute; color: #834bc8; right: 0;top: 0; width: 40px; height: 40px; text-align: center; line-height: 40px; }
	.nav-click.active {transform: rotate(180deg);}
	.nav-list li:before{ display: none!important; }
	.nav-down{ position: static; width: 100%; margin:0; }
	.header-box{ left: 0; top: 0; right: 0; position: relative;}
	.header-box .container{ width: 100%; padding:0; }
	.logo a{ width: 35%; height: 30px; padding:0; line-height: 30px; background: none; position: absolute; top: 55px; left: 15px; }
	.logo a img{ height: 30px; }
	.header-right{ width: 100%; height: 100px;background:#af0003; }
	.header-a a{ margin-left: 15px; }
	.banner-mask{ display: none; }
	.left-a{ width: 100%; margin-left: 0; }
	.left-a-img{ text-align: center; margin-right: 15px; margin-left: 15px; }
	.left-a-img img{ width: 100%; max-width: 320px; height: auto; }
	.bordder-box{ height: 355px; }
	.col-xs-6{ width: 100%; }
	.title a{ margin-top: 5px; }
	.list-ul{ margin:0; padding-right: 15px; padding-left: 15px; width: 55%; padding-bottom: 10px; }
	.img-link{ margin-top: 20px; }
	.left-a-p{ padding-right: 15px; }
	.title{ margin-top: 20px; }
	.footer{ padding:10px 0 1px 0; height: auto; font-size: 12px; }
	.footer span{ display: block; }
	.friends-list li a{ font-size: 14px; }
	.header-box-top .header-right{ width: 100%; }
	.header-box-top{ height: 50px; line-height: 50px; position: relative; z-index: 10000; background: none; }
	.header-box-top .header-right{ padding-top: 0; }
	.search-box{/* display: none; */}
	.nav-box{ background: #ffffff;}
	.list-banner{ padding-top: 0; margin-bottom: 20px; }
	.nav-box .menu-button{ top: 18px; }
	.nav-box .nav-list{ background: #337ab7; }
	.nav-box .nav-list li a{ padding:0 15px; }
	.header-box-top .logo a img{ width: 90% !important; }
	.header-box-top .logo a{ height: 30px; line-height: 30px; top: 60px; }
	.header-box-top .header-right{ height: 50px; }
	.header-box-top .header-a{ line-height: 50px; }
	.left-box{ width:100%; }
	.left-box-tt{ height: 55px; line-height: 55px; padding-left: 20px; }
	.left-nav-b li a{ height: 45px; line-height: 45px; margin-bottom: 10px; }
	.left-nav-b{ margin-top: 15px; }
	.right-box{ width: 100%; padding:15px; margin-bottom: 10px; }
	.right-top-tt{ width: 100%; margin-bottom: 10px; }
	.nav-b{ width: 100%; }
	.right-top{ padding-bottom: 10px; }
	.jj-box{ padding:20px 0; }
	.list-ul-lg{ padding:0; }
	.pagination{ margin-bottom: 0; }
	.page-box{ padding-top: 0px; }
	.article-box p{ font-size: 14px; line-height: 28px; }
	.article-tt{ font-size: 18px; padding-top: 15px; }
	.article-box p{ margin-bottom: 10px; }
	.article-box{ padding:20px 0; }
	.articla-a p a{ font-size: 14px; }
	.img-list li{ width:33%; padding:0 30px; }
	.img-list{ margin:0 -5px; padding-top: 20px; }
	.img-list li img{ height:220px; }
        .img-list li span { margin: 15px 0;}
        .about-p{padding: 10px 20px;line-height: 25px; }
        .swiper-slide img{height:310px !important;}
        .jj-box p img{width:100% !important;height:100% !important;text-indent: 0em !important;margin-left: -2em;}
        .nav-list li a{font-size:16px;}
        .er{display: none; position: static !important;;z-index: 100000 !important; background: #fff !important;left: 0 !important;top: 100% !important;width: 100% !important; text-align: center !important;    margin-left:2px !important;}
        .er li{width: 100% !important;float: none !important; margin: 0 !important;text-align: left !important;line-height: 40px !important;padding: 0 10px !important;background:#fff !important;opacity: 1 !important;}
        .er li a{height: 40px !important;line-height: 40px !important;padding: 0 15px !important;font-size: 14px !important;color: #000 !important;display: block !important;}




}
@media( max-width: 768px){
.list-ul{width:46%;}
.logo a{width:85%;}
.header-box-top .logo a img{width: 37% !important;
    float: left;;}
.swiper-slide img{height:248px !important;}
}
@media( max-width: 720px){
.header-box-top .logo a img{width: 41% !important;}
}
@media( max-width: 640px){
.img-list li{ width:50%; padding:0 20px; }
	.img-list{ margin:0 -5px; padding-top: 20px; }
	.img-list li img{ height:185px; }
        .img-list li span { margin: 10px 0;}
        .list-ul{width:100%;margin-top:10px;}
        .slideTxtBox { position: relative;width:100%; padding: 1.3% 0 0 22%;}
     
}

@media( max-width:590px){
         .img-list li{ width:50%; padding:0 20px; }
         .slideTxtBox { position: relative;width:100%; padding: 1.3% 0 0 20%;}
         .header-box-top .logo a img {width: 50% !important;}
         .fxbox{display:block;}
}
@media( max-width:540px){
.img-list li{ width:50%; padding:0 20px; }
         .slideTxtBox { position: relative;width:100%; padding: 1.3% 0 0 10%;}
.header-box-top .logo a img{width: 50% !important;}
.swiper-slide img{height:190px !important;}
}



@media( max-width: 460px){
  .slideTxtBox  padding:{ 1.3% 0 0 5%;}
}

@media( max-width: 425px){
.title{font-size: 15px;line-height: 26px;}
.txt-elise {padding-top: 0px !important;}
.tz-list li{margin-bottom: 20px;}
.title a{margin-top: 0px;}
.search-box{width: 290px;}
.img-list li img{ height:165px; }
.header-box-top .logo a img{width: 70% !important;}
.swiper-slide img{height:150px !important;}
  .slideTxtBox { padding: 1.3% 0 0 2%;}
}
@media( max-width: 375px){
.img-list li img{ height:140px; }
.slideTxtBox { position: relative;width:100%; padding: 1.3% 0 0 3%;}
.header-box-top .logo a img{width: 60% !important;}
}

@media( max-width: 320px){
.img-list li img{ height:100px; }
.slideTxtBox { position: relative;width:100%; padding: 1.3% 0 0 0%;}
}