@charset "utf-8";

/*------------公共部分--------------*/
body{font: normal 16px/1.5 "微软雅黑","Microsoft Yahei",sans-serif;color: #3b3b3b;}
a{text-decoration: none;color: inherit;+color: #333;}
a:focus{text-decoration: none;}
a:hover{text-decoration: underline;color: inherit;}

.content{width: 1200px;margin: 0 auto;}
.mt50{margin-top: 50px;}
.container-m{display: none;}

/*头部*/
.wrap{max-width: 1920px;margin: 0 auto;}
.header{width: 100%;height:260px;background: url(top-banner-sq10.jpg) no-repeat center;}
.logo{width: 1240px;margin: 0px auto;text-align: right;padding-right: 40px;padding-top: 12px;}

/*.container-m .logo{width: 130px;height: 60px;background: url(icon-nav-logo-r-sq10.png) no-repeat 15px center/75%;border-right: 1px solid #e1e1e1;}
.container-m .curr{float: left;height: 60px;line-height: 60px;text-indent: 1rem;}
.navbar-default{background-color: #fff;border-bottom-color: #e1e1e1;}
.navbar{margin-bottom: 0;}*/

.header-m{height: 0;padding-top:20%;margin-bottom: 0;background: url(banner-m-sq10.jpg) no-repeat center;background-size: cover;}
.navbar-header{position: absolute;top: 50%;right: 0;margin-top: -25px;}
.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover{background-color: transparent;}
.navbar-default .navbar-toggle .icon-bar{background-color: #fff;}

/*导航*/
.nav{position: relative;text-align: right;padding-bottom: 32px;border-bottom: 1px solid #ebebeb;}
.nav .logo{position: absolute;z-index: 1;width: 150px;height: 84px;left: 0;top:-34px;background: #ffc400 url(icon-nav-logo-sq10.png) no-repeat center;}
.nav-container{position: relative;z-index: 99;display: inline-block;vertical-align: middle;margin-right: -20px;float: right;}
.nav-container li{float: left;margin: 0 20px;}
.nav-container .active a,.nav-container li:hover a,.nav-m .active a{color: #e70f10;}
.nav-container li a,.nav-container li span{display: inline-block;color: #2c2c2c;font-size: 16px;padding: 18px 0;font-family: "方正粗宋简体";}

/*.nav-m{padding: 10px 0;}
.nav-m li{line-height: 30px;}*/

.nav-m{position: relative;z-index: 999;background-color: #ffc400;color: #fff;width: 42%;position: absolute;right: 0;}
.nav-m li{border-bottom: 1px dashed rgba(255,255,255,.5);padding: 10px 0;}
.nav-m li:after{content: '';float:right;margin-top:7px;display: inline-block;vertical-align: middle;width: 0;height: 0;border-left: 5px solid #fff;border-top: 5px solid transparent;border-bottom: 5px solid transparent;}


/*底部*/
.footer-top{background: url(footer-bg-sq10.png) no-repeat center bottom;padding-top: 8%;background-size: cover;}
.footer-content{padding: 40px 15px;background-color: #b50008;text-align: center;color: #eaeaea;line-height: 1.8;font-size: 14px;}



/*------------列表页--------------*/

/*主内容区*/
.main{margin: 30px auto; padding-top: 20px;}

.curr-container{height: 40px;line-height: 40px;}
.curr-container .title{float: left;position: relative;display: inline-block;height: 40px;line-height: 40px;font-size: 20px;color: #e70f10;text-indent: 1em;font-weight: bold;}
.curr-container .title:before{content: '';display: block;position: absolute;right: -15px;top: 2px;width: 10px;height: 10px;background-color: #ff7d7e;}
.curr-container .title:after{content: '';display: block;position: absolute;right: -20px;top: 7px;width: 10px;height: 10px;background-color: #e70f10;}
.curr-container .curr{display: inline-block;height: 40px;line-height: 40px;float: right;font-size: 14px;color: #8c8c8c;background: url(icon-curr-sq10.png) no-repeat left;padding-left: 20px;}

/*新闻列表*/
.news-list{padding-top: 10px;}
.news-list li{margin: 10px 0;}
.news-list li:before{content: '';display: inline-block;width: 4px;height: 4px;background-color: #c4c4c4;margin-right: 10px;vertical-align: middle;}
.news-list li .title{display: inline-block;vertical-align: middle;width: 70%;max-width:calc(100% - 120px);overflow: hidden;white-space: nowrap;text-overflow: ellipsis;color: #262626;}
.news-list li .time{float: right;color: #a6a6a6;}

/*图片列表*/
.pic-list{margin-top: 25px;}
.pic-list li{margin-bottom: 30px;position: relative;overflow: hidden;}
.pic-list li:hover .text{bottom: 0;}
.pic-list li img{vertical-align: middle;width:100%;}
.pic-list li .text{position: absolute;bottom: -95px;left: 15px;width: 92%;width: calc(100% - 30px);height:95px;padding:15px 10%;text-align: center;color: #fff;font-size: 16px;background-color: #555;background-color: rgba(0,0,0,.5);filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50);transition: bottom .5s;}
.pic-list li .title{display: inline-block;width: 100%;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.pic-list li .detail{position: relative;display: inline-block;margin-top: 5px;padding: 2px 20px;border: 1px solid #fff;border-radius: 5px;}
.pic-list li .detail:after{content: '';display: inline-block;margin-left: 5px;width: 0;height: 0;border-left: 5px solid #fff;border-top: 5px solid transparent;border-bottom: 5px solid transparent;}

/*分页*/
.page{text-align: center;margin-top: 50px;}
.page-container{display: inline-block;}
.page-container a,.page-container span{display: inline-block;vertical-align: middle;padding: 2px 9px;margin: 0 2px;color: #737373;font-size: 14px;}
.page-container a:hover,.page-container span{color: #fff;background-color: #e70f10;}



/*------------详情页--------------*/

.news-container{text-align: center;}
.news-container .title{width: 65%;margin: 0 auto;line-height: 1.5;font-size: 24px;color: #252525;}
.info{display: inline-block;margin: 12px 0;color: #8c8c8c;font-size: 14px;}
.pub-content{width: 90%;margin: 10px auto 100px;line-height: 2;text-align: justify;color: #3e3e3e;font-size: 16px;}
.pub-content img{max-width: 100%;}



/*------------联系我们--------------*/

.contacts-wrap{margin: 100px auto;}
.contacts-container{height: 310px;display: table;line-height: 2.8;}
/*.map{width: 53.5%;float: left;}*/
.contacts{vertical-align: middle;display: table-cell;}



/*------------放大镜切换页--------------*/

/*.wl-fda {
    width: 1000px;
    margin: 50px auto;
}*/
.wl-fd-b {width: 85%;height: auto;margin: 0 auto;position: relative;z-index: 1;}
.swiper-container,.swiper-container2,.swiper-container3 {width:100%;border:none;position: relative;}
.swiper-slide {text-align:center;/*height:650px;*/}
.swiper-slide img {width:100%;vertical-align: middle;}
.pagination {display: none;}
.swiper-pagination-switch {display: inline-block;width: 12px;height:12px;background:#e7e6e6;margin:0 5px;cursor: pointer;-moz-border-radius:100%;-webkit-border-radius:100%;border-radius:100%;}
.swiper-active-switch {width:16px;height:16px;background:#be0008;margin:0 5px -2px;}

.wl-ca .arrow-left,.arrow-x1,.wl-bb .arrow-left11 {background: url(icon-prev-sq10.png) no-repeat left top;background-size: cover;position: absolute;z-index:99;left:0px;top:50%;margin-top:-24px;width:48px;height:48px;}
.wl-ca .arrow-right,.arrow-x2,.wl-bb .arrow-right11 {background: url(icon-next-sq10.png) no-repeat left bottom;background-size: cover;position: absolute;z-index:99;right:0px;top:50%;margin-top:-24px;width:48px;height:48px;}


.swiper-containerx{/*width:995px;*/height:100%;overflow:hidden;margin:20px auto;}
.swiper-containerx .swiper-slide{/*width:350px;height:550px;*/opacity: 0.4;}
.swiper-containerx .swiper-slide img{/*width:350px;height:550px;*/transform:scale(.5);}
.swiper-containerx .swiper-slide-active {opacity: 1;}
.swiper-containerx .swiper-slide-active img{transform:scale(.8);}
.arrow-x1,.wl-bb .arrow-left11{left:-80px;}
.arrow-x2,.wl-bb .arrow-right11{right:-80px;}

@media (max-width: 1200px){
	.nav-container li{margin: 0 12px;}
}
@media (max-width: 992px){
	.nav-container li{margin: 0 3px;}
	.arrow-x2, .wl-bb .arrow-right11{right: -50px;}
	.arrow-x1, .wl-bb .arrow-left11 {left: -50px;}
}
@media (max-width: 768px){
	.main{margin: 0;padding-top: 0;}
	.header{height: 190px;background-size: cover;}

	.arrow-x2, .wl-bb .arrow-right11{right: -30px;}
	.arrow-x1, .wl-bb .arrow-left11 {left: -30px;}

	.contacts-wrap {margin: 40px 0 0;}

	.news-container{padding-top: 20px;}
}
@media (max-width: 425px){
	.container-m{display: block;}
	.container-pc{display: none;}

	.arrow-x2, .wl-bb .arrow-right11,.arrow-x1, .wl-bb .arrow-left11 {margin-top:-16px;width:32px;height:32px;}

	.pic-list li .text{font-size: 12px;bottom: 0;height: auto;}
	.pic-list li .detail{padding: 1px 10px;}

	.news-container .title{width: 100%;}
	.pub-content img{width: 100%;height: auto;}
}