@charset "utf-8";
/*通用样式*/
html, body, div, span, iframe, map, font, img, a img, samp, strong, hr, h1, h2, h3, h4, h5, h6, b, p, blockquote, a, address, code, dl, dt, dd, ol, ul, li, form, label, table, tr, td, th{ padding: 0; margin: 0; border: 0; font-weight: normal; font-family: 'Microsoft YaHei', Arial, Helvetica, sans-serif;  list-style:none;}
html, body { position: relative; height: 100%;}
body{ background:#fff; font:normal 12px/22px "微软雅黑";}
img{ border:0;}
a{ text-decoration:none; color:#000;}
a:hover{ color:red;}
.clear { clear:both;}
.clearfix { zoom:1;}
.clearfix:after { content:'\20'; display:block; height:0; clear:both;}
.dn{display: none;}

.pull-right { float:right;}

/*小号文字  scale以12号字体为基准 需写实际字号大小*/
.font_adjust{-webkit-text-size-adjust:none;}
.font_scale8{ -webkit-transform: scale(0.66);}
.font_scale10{ -webkit-transform: scale(0.83);}
.font_lc{-webkit-transform-origin:left center;}
.font_rc{-webkit-transform-origin:right center;}
.font_up{text-transform:uppercase;}

/*网页限定宽度*/
.w1320{width: 90%;margin: 0 auto;max-width: 1320px;}

/*文字截断*/
.TXTovehid{display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.TXTovehid-two{overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.TXTovehid-three{overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical;}


.leaderMore{display: block;width: 128px;height: 34px;margin: 30px auto 20px;border:1px solid #d5d5d5;text-align: center;line-height: 34px;font-size: 14px;color: #1a1a1a;position: relative; background:#fff;z-index: 9999999;}
.leaderMore span{position: relative;z-index: 2;}
.leaderMore:before{content: "";width: 100%;height: 100%;position: absolute;left: 0;top:0;background: #a10e0e;
transform: scaleX(0);-webkit-transform: scaleX(0);opacity: 0;visibility: hidden;}
.leaderMore:hover:before{transform: scaleX(1);-webkit-transform: scaleX(1);opacity: 1;visibility: visible;}
.leaderMore:hover{border-color: #a10e0e;color: #fff;}



/*transition*/
.ani200{-webkit-transition:all 0.2s linear; -moz-transition:all 0.2s linear; -ms-transition:all 0.2s linear; transition:all 0.2s linear;}
.ani300{-webkit-transition:all 0.3s linear; -moz-transition:all 0.3s linear; -ms-transition:all 0.3s linear; transition:all 0.3s linear;}
.ani400{-webkit-transition:all 0.4s linear; -moz-transition:all 0.4s linear; -ms-transition:all 0.4s linear; transition:all 0.4s linear;}
.ani500{-webkit-transition:all 0.5s linear; -moz-transition:all 0.5s linear; -ms-transition:all 0.5s linear; transition:all 0.5s linear;}
.ani1000{-webkit-transition:all 1s linear; -moz-transition:all 1s linear; -ms-transition:all 1s linear; transition:all 1s linear;}


.bgStyle{position: absolute;left: 0;top:0;width: 100%;height: 100%;background-repeat: no-repeat;background-position: center;background-size: cover;}

.scaleimg:hover .pic em,
.scaleimg:hover .pic img{ -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1);}
.rotateY:hover{ -webkit-transform: rotateY(180deg); -moz-transform: rotateY(180deg); -ms-transform: rotateY(180deg); transform: rotateY(180deg);}
.translateX:hover{-webkit-transform:translateX(-6px); -moz-transform: translateX(6px); -ms-transform:translateX(-6px); transform:translateX(-6px);}
.scaleimgg{ -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1);}



div { box-sizing:border-box;}
@keyframes ani2{
	from{margin-bottom: 17px;}
	50%{margin-bottom: 10px;}
	to{margin-bottom: 17px;}
}
/* CSS Document */

.content{position: relative;}
.w1400{width: 1400px; margin: 0 auto;}
.top{background: #b81920;}
.top .topBox{float: right; height: 40px; line-height: 40px;}
.top .topBox a{font-size: 13px; color: #ffffff;}
.top .topBox span{color: #ffffff; margin: 0 17px;}
.top .topBox input{height: 24px; border: none; outline: none; background: #ededed; padding-left: 10px; margin-left: 27px;float: right; margin-top: 8px;
width: 157px;}
.top .topBox button{width: 43px; height: 26px; outline: none; border: none; background: url(../images/search2.png) center no-repeat #ededed; background-size: 18px;
float: right; margin-top: 8px;}
.screen{position: fixed; width: 100%; height: 100%; background: rgba(0,0,0,.6); z-index: 11; left: 0; top: 0; display: none;}
.searchBox{position: fixed; top: 50%; left: 50%; transform: translate(-50%,-50%); width: 800px; overflow: hidden; z-index: 12; display: none;}
.searchBox input{width: calc(100% - 120px); float: left; outline: none; border: 0; background: #ffffff; box-sizing: border-box; padding-left: 16px; height: 40px;}
.searchBox button{width: 120px; float: right; height: 40px; background: url(../images/search.png) center no-repeat #c7000a; border: 0; outline: none;}
.head{max-width: 100%; z-index: 10;}
.head .sousuo{overflow: hidden;}
.head .sousuo a{float: right; display: block; height: 35px; line-height: 35px; background: #9c0f07; border-radius: 0 0 5px 5px; margin-left: 8px;}
.head .sousuo a.sjxx{font-size: 13px; color: #ffffff; width: 70px; text-align: center;} 
.head .sousuo a.search{width: 40px; background: url(../images/search.png) center no-repeat #9c0f07; background-size: 18px;}
.head .logo{float: left; width: 356px; overflow: hidden; padding: 10px 0;}
.head .logo img{display: block; width: 100%;}
.head .nav{float: right; width: calc(100% - 470px);}
.head .nav li{line-height: 105px; margin-right: 46px; position: relative; transition: 0.5s; float:left;}
.head .nav li>a{display: block; font-size: 19px; color: #313235;}
.head .nav li::after{content: ''; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); width: 0; height: 2px; background: #be1a21;}
.head .nav li:hover::after{content: ''; width: 37px;}
.head .nav li:hover>a{color: #b2181f;}
.head .nav li:last-child{margin-right: 0;}
.head .nav li dl{position: absolute; left: 50%; top: 105px; transform: translateX(-50%); background: #ffffff; width: 144px;
transition: 0.5s; padding: 10px 0; z-index: 5; box-shadow: 0 0 10px rgba(0,0,0,.2);}
.head .nav li dl a{display: block; text-align: center; font-size: 16px; color: #3a3a3a; line-height: 40px;}
.head .nav li dl a:hover{background: #b81920; color: #ffffff;}
.head .nav li:hover>dl{display: block;}
.head.on{background: #ffffff; position: fixed; top: 0; left: 50%; transform: translateX(-50%); width: 100%; box-shadow: 0 0 10px rgba(0,0,0,.2);}
.head.on .logo{width: 230px;}
.head.on .nav li{line-height: 76px;}
.head.on .nav li>a { font-size:18px;}
.head.on .sousuo{display: none;}
.head.on .top{display: none;}
.head.on .nav li dl { top: 76px;}
.banner{position: relative; overflow: hidden;}
.banner img{display: block; width: 100%;}
.banner .swiper-pagination{text-align: right; width: 1400px!important; max-width: 100%; left: 50%; transform: translateX(-50%);}
.banner .swiper-pagination-bullet{width: 36px; height: 36px; text-align: center; line-height: 36px; opacity: 1; background: none;
border: 1px solid rgba(255,255,255,.5); color: #ffffff; font-size: 16px; outline:none;}
.banner .swiper-pagination-bullet-active{background: #b2141a; border: 1px solid #b2141a;}
.banner .mouse{position: absolute; bottom: 25px; left: 50%; transform: translateX(-50%); z-index: 8;}
.banner .mouse span{display: block; width: 26px; height: 39px; background: url(../images/mouse.png) center no-repeat; background-size: cover;
margin: 0 auto 17px; animation: ani2 1.5s infinite linear;}
.banner .mouse p{font-size: 16px; color: #ffffff; line-height: 1;}
.navList{background: #fcf7f4; padding: 25px 0;}
.navList li{float: left; width: 15%; margin-right: 2%; overflow: hidden; background: #ffffff; box-shadow: 0 0 10px rgba(0,0,0,.2); transition: 0.5s;}
.navList li:last-child{margin-right: 0;}
.navList li .icon{float: left; width: 77px; height: 77px; background: #be1a11; position: relative;}
.navList li .icon img{position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); display: block; width: 38px;}

.navList li a:hover .icon{ background:#890700;-webkit-animation:flipinY 1.5s ease-out backwards;-moz-animation:flipinY 1.5s ease-out backwards;-ms-animation:flipinY 1.5s ease-out backwards;animation:flipinY 1.5s ease-out backwards;}
@-webkit-keyframes flipinY{0%{-webkit-transform:perspective(400px) rotateY(90deg);opacity:0;} 40%{-webkit-transform:perspective(400px) rotateY(-10deg);} 70%{-webkit-transform:perspective(400px) rotateY(10deg);} 100%{-webkit-transform:perspective(400px) rotateY(0);opacity:1
;}}
@-moz-keyframes flipinY{0%{-moz-transform:perspective(400px) rotateY(90deg);opacity:0;} 40%{-moz-transform:perspective(400px) rotateY(-10deg);} 70%{-moz-transform:perspective(400px) rotateY(10deg);} 100%{-moz-transform:perspective(400px) rotateY(0);opacity:1;}}
@-ms-keyframes flipinY{0%{-ms-transform:perspective(400px) rotateY(90deg);opacity:0;} 40%{-ms-transform:perspective(400px) rotateY(-10deg);} 70%{-ms-transform:perspective(400px) rotateY(10deg);} 100%{-ms-transform:perspective(400px) rotateY(0);opacity:1;}}
@keyframes flipinY{0%{transform:perspective(400px) rotateY(90deg);opacity:0;} 40%{transform:perspective(400px) rotateY(-10deg);} 70%{transform:perspective(400px) rotateY(10deg);} 100%{transform:perspective(400px) rotateY(0);opacity:1;}}

.navList li a:hover .icon::after{content: ''; position: absolute; top: 50%; right: -10px; transform: translateY(-50%); width: 10px; height: 20px;
background: url(../images/sj2.png) center no-repeat; background-size: cover;}

.navList li:nth-child(2) .icon img{width: 50px;}
.navList li:nth-child(3) .icon img{width: 46px;}
.navList li:nth-child(4) .icon img{width: 38px;}
.navList li:nth-child(5) .icon img{width: 50px;}
.navList li:nth-child(6) .icon img{width: 45px;}
.navList li .icon::after{content: ''; position: absolute; top: 50%; right: -10px; transform: translateY(-50%); width: 10px; height: 20px;
background: url(../images/sj.png) center no-repeat; background-size: cover;}
.navList li p{float: left; width: calc(100% - 77px); font-size: 22px; color: #383838; line-height: 77px; text-align: center; transition: 0.5s;}
.navList li:hover{background: #be1a11;}
.navList li:hover p{color: #ffffff;}
.title{position: relative; line-height: 52px; border-bottom: 1px solid #bfbfbf;}
.title h2{font-size: 28px; color: #be1a11; font-weight: bold; float: left; position: relative; z-index: 5;}
.title h2::after{content: ''; position: absolute; left: 0; bottom: -2px; width: 100%; height: 5px; background: #be1a11;}
.title span{font-size: 46px; color: #f7f7f7; line-height: 1; font-weight: bold; position: absolute; left: 0; bottom: 11px;}
.title a{float: right; font-size: 15px; color: #444444;}
.title a:hover { color:#b81920;}
.title a i{display: inline-block; width: 18px; height: 18px; background: url(../images/add.png) center no-repeat; background-size: cover;
margin-right: 10px; vertical-align: middle;margin-bottom: 3px;}
.news{padding: 30px 0 40px; background: url(../images/bg1.png) center no-repeat; background-size: cover;}
.news .newsBox{margin-top: 28px; box-shadow: 0 0 15px rgba(0,0,0,.15); background: #ffffff;}
.news .left{ position: relative; float: left; width: 50%; overflow: hidden;}
.news .swiper-slide{position: relative;}
.news .swiper-slide img{display: block; width: 100%; height:485px;}
.news .swiper-slide p{position: absolute; left: 0; bottom: 0; width: 100%; font-size: 22px; line-height: 72px; color: #ffffff; background: #be1a11;
padding-left: 20px; box-sizing: border-box;padding-right: 100px;}
.news .swiper-pagination{bottom: 22px; text-align: right; padding-right: 20px;}
.news .swiper-pagination-bullet{background: #ffffff; opacity: 1; width: 14px; height: 14px; outline:none;}
.news .swiper-pagination-bullet-active{background: #fff000;}
.news .swiper-button-next{display: none; background: url(../images/next2.png) center no-repeat rgba(0,0,0,.5); line-height: 60px; text-align: center; right: 0; outline: none;}
.news .swiper-button-prev{display: none; background: url(../images/prev2.png) center no-repeat rgba(0,0,0,.5); line-height: 60px; text-align: center; left: 0; outline: none;}
.news .swiper-button-next::after{color: #ffffff; font-size: 30px;}
.news .swiper-button-prev::after{color: #ffffff; font-size: 30px;}
.news .swiper:hover .swiper-button-next{display: block;}
.news .swiper:hover .swiper-button-prev{display: block;}
.news .swiper img{transition: 0.5s;}
.news .swiper img:hover{transform: scale(1.1);}
.news .right{float: left; width: 50%; padding: 0 30px;}
.news .text{padding: 35px 0 20px; border-bottom: 1px solid #e4e4e4; margin-bottom: 13px;}
.news .text h2{font-size: 24px; color: #383838; line-height: 1; font-weight: bold; margin-bottom: 18px;}
.news .text p{font-size: 16px; line-height: 28px;overflow: hidden; text-overflow:ellipsis;
display: -webkit-box; -webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.news .text a p {color: #8f8f8f;}
.news .text a:hover p {color: #3a3a3a;}
.news .text a:hover h2{color: #be1a11; color:#b81920; padding-left:8px;}
.news li{padding-left: 20px; position: relative;}
.news li::after{content: ''; position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: 7px; height: 7px; background: #d1d0d0;
border-radius: 50%;}
.news li a{display: block; font-size: 17px; color: #383838; line-height: 43px; overflow: hidden;}
.news li a span{float: right; color: #9e9e9e;}
.news li p{float: left; width: calc(100% - 60px);overflow: hidden; white-space:nowrap; text-overflow: ellipsis;}
.news li:hover a{color: #be1a11; padding-left:8px;}
.layer2{padding: 30px 0 40px; background: #fcf7f4;}
.layer2 .title{margin-bottom: 30px;}
.layer2 .title span{color: #efeae8;}

.flex-space {
    display: flex;
    justify-content: space-between;
}



.layer2_left {float: left; width: calc(100% - 350px);justify-content: space-between;}
.notice{ width: 48.5%; }
.notice .notBox{background: #ffffff; padding: 9px 20px 6px; box-shadow: 0 0 10px rgba(0,0,0,.07);}
.notice .notBox li{padding: 15px 0; border-bottom: 1px solid #e9e9e9; overflow: hidden; min-height: 30.7px;}
.notice .notBox li:last-child{border-bottom: 0;}
.notice .notBox li .date{float: left; width: 43px; border: 1px solid #f8eae2; text-align: center;}
.notice .notBox li .date h2{font-size: 26px; color: #be1a11; line-height: 37px; font-weight: bold;}
.notice .notBox li .date p{font-size: 13px; color: #be1a11; line-height: 17px; background: #f8eae2;}
.notice .notBox li .text{float: left; width: calc(100% - 43px); padding-left: 16px; padding-top: 7px;}
.notice .notBox li .text h2{font-size: 17px; color: #000000; line-height:24px;}
.notice .notBox li .text p{font-size: 15px; color: #898989; line-height: 1;overflow: hidden; white-space:nowrap; text-overflow: ellipsis;}
.notice .notBox li:hover .text h2{color: #be1a11; padding-left:8px;}
.movie{float: right; width: 318px;}
.movie .movBox{position: relative; background: #ffffff; padding:20px; box-shadow: 0 0 10px rgba(0,0,0,.1);}
.movie .movBox .swiper { position: relative; width: 100%; height: 100%; overflow: hidden;}
.movie .movBox img{display: block; width: 100%; transition: 0.5s;}
.movie .movBox img:hover{transform: scale(1.1);}
.movie .movBox .icon{position: relative;}
.movie .movBox .icon .movTxt{position: absolute; left: 0; bottom: 0; background: rgba(0,0,0,.5); color: #ffffff; height: 68px; width: 100%;
padding-top: 15px; padding-right: 15px;}
.movie .movBox .icon .movTxt h2{position: absolute; left: 10px; top: 50%; transform: translateY(-50%); font-size: 18px;}
.movie .movBox .icon .movTxt p{text-align: right; font-size: 15px; line-height: 20px;}
.movie .swiper-button-next{display: none; background: url(../images/next2.png) center no-repeat rgba(0,0,0,.5); line-height: 60px; text-align: center; right: 0; outline: none;}
.movie .swiper-button-prev{display: none; background: url(../images/prev2.png) center no-repeat rgba(0,0,0,.5); line-height: 60px; text-align: center; left: 0; outline: none;}
.movie .swiper-button-next::after{color: #ffffff; font-size: 30px;}
.movie .swiper-button-prev::after{color: #ffffff; font-size: 30px;}
.movie .swiper:hover .swiper-button-next{display: block;}
.movie .swiper:hover .swiper-button-prev{display: block;}
.team{background: url(../images/bg2.png) center no-repeat; background-size: cover;}
.team .swiper { width: 100%; height: 100%; overflow: hidden;}
.team .w1400{padding: 63px 0 50px; position: relative;}
.team .teamTit{text-align: center; position: relative; margin-bottom: 40px;}
.team .teamTit h2{font-size: 40px; color: #ffffff; font-weight: bold; line-height: 1;}
.team .teamTit span{font-size: 80px; color: rgba(255,255,255,.1); line-height: 1; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-55%);
font-weight: bold;}
.team .swiper-slide .icon{padding: 10px; overflow: hidden; background: #ffffff; /*border: 1px solid #d5d5d5;*/ height:315px;}
.team .swiper-slide .icon a { width:100%;}
.team .swiper-slide .icon a img{display: block; width: 100%; transition: 0.5s;/* height:425px;*/ height:285px;}
.team .swiper-slide .icon a:hover img{transform: scale(1.1);}

.team .swiper-slide p{font-size: 17px; color: #292929; line-height: 52px; text-align: center; overflow: hidden; white-space:nowrap; text-overflow: ellipsis;}
.team .swiper-slide a{display: block; width: 134px; line-height: 34px; margin: 0 auto; border: 1px solid #cecece;
font-size: 13px; color: #8a8a8a; text-align: center; transition: 0.5s;}
.team .swiper-slide:hover a{color: #ffffff; background: #be1a11; border: 1px solid #be1a11;}
.team .swiper-button-next::after{display: none;}
.team .swiper-button-prev::after{display: none;}
.team .swiper-button-next{right: -60px; width: 42px; height: 42px; background: url(../images/next.png) center no-repeat; background-size: cover; outline:none;}
.team .swiper-button-prev{left: -60px; width: 42px; height: 42px; background: url(../images/prve.png) center no-repeat; background-size: cover;outline:none;}
.footer{background: url(../images/footbg.png) center no-repeat; background-size: cover; padding: 45px 0 90px; position: relative;}
.footer .left{float: left;}
.footer .left .footLogo{width: 380px; overflow: hidden; margin-bottom: 17px;}
.footer .left .footLogo img{display: block; width: 100%;}
.footer .left p{font-size: 15px; color: #ffffff; line-height: 32px;}
.footer .center{float: left; margin-left: 10%; padding-top: 26px;}
.footer .center h2{font-size: 22px; color: #ffffff; line-height: 1; margin-bottom: 16px; font-weight: bold;}
.footer .center ul{overflow: hidden;}
.footer .center li{float: left; width: 220px;}
.footer .center li p{font-size: 15px; line-height: 32px;}
.footer .center li p a{color: #ffffff;}

.footer .center2{float: left;  padding-top: 26px;}
.footer .center2 h2 a{font-size: 22px; color: #ffffff; line-height: 1; margin-bottom: 16px; font-weight: bold;background: url(../images/tougao.svg) left  no-repeat; padding-left:35px;}
.footer .center2 h2 a:hover { color:#ffbb02;}


.footer .right{float: right;}
.footer .right h2{font-size: 22px; color: #ffffff; line-height: 1; font-weight: bold; margin-bottom: 21px; text-align: center;}
.footer .right .ewm{width: 127px; overflow: hidden; margin-bottom: 16px;}
.footer .right .ewm img{display: block; width: 100%;}
.footer .right p{font-size: 14px; color: rgba(255,255,255,.3); line-height: 1;}

.footer .right2{float: right; margin-right:15px;}
.footer .right2 h2{font-size: 22px; color: #ffffff; line-height: 1; font-weight: bold; margin-bottom: 21px; text-align: center;}
.footer .right2 .ewm{width: 127px; overflow: hidden; margin-bottom: 16px;}
.footer .right2 .ewm img{display: block; width: 100%;}
.footer .right2 p{font-size: 14px; color: rgba(255,255,255,.3); line-height: 1;}


.footer .bot{position: absolute; left: 0; bottom: 0; width: 100%; text-align: center; background: rgba(0,0,0,.5); font-size: 15px;
color: #ffffff; line-height: 54px;}

@media screen and (max-width: 1600px) {
	.team .w1400{width: 1200px;}
         .head .nav { width: calc(100% - 450px);}
		 	.team .swiper-slide .icon a img { height:245px;}
	.team .swiper-slide .icon { height:265px;}
	
	
}

@media screen and (max-width: 1530px) {
	.head .nav { width: calc(100% - 450px);}
	.team .swiper-slide .icon a img { height:245px;}
	.team .swiper-slide .icon { height:265px;}
	

	
}


@media screen and (max-width: 1400px) {
	.w1400{max-width: 94%;}
	.head .nav li{margin-right: 26px;}
	.news li a{line-height: 40px;}
	.news .text{padding: 20px 0 15px; margin-bottom: 5px;}
	.news .text h2{margin-bottom: 10px;}
	.movie .movBox{padding: 32px 30px 30px;}
	.team .swiper-slide .icon a img { height:245px;}
	.team .swiper-slide .icon { height:265px;}
	
	
}
@media screen and (max-width: 1280px) {
	.nav li i { transition: all .5s; display: block; background: url(../images/jt.png) center no-repeat; width: 24px; height: 24px;
	position: absolute; width: 24px; height: 24px; top: 14px; left:70%;}
	.nav li:hover i { transform: rotate(90deg);}
	.head .nav ul li a { display: inline;}
	.head .nav li:hover>a {color: #ffffff;}

	#appSearch{display: block; position: static; transform: none; width: 600px; margin: 0 auto 10px;}
	.top{display: none;}
	.banner .mouse{display: none;}
	.searchBox button{width: 50px;}
	.searchBox input{width: calc(100% - 50px);}
	.head{width: 100%; z-index: 11; height: 55px; position: relative; z-index: 100; background: #ffffff;}
	.head .sousuo{display: none;}
	.head .logo{width: 250px;}
	.head .nav{width: 100%; position: fixed; z-index: 99; top:55px; left: -2000px; background: rgb(148,7,10); padding: 10px 0;}
	.head .nav ul{background: rgb(148,7,10); padding-bottom: 10px;}
	.head .nav ul li{float: none; width: 100%; padding: 0;line-height: 50px !important; text-align: center; margin-left: 0;}
	.head .nav ul li a{padding: 0 15px; text-align: center; color: #ffffff;}
	.head.on{height: 55px;}
	.head.on .nav ul li a{color: #ffffff;}
	.head.on .logo{margin-top: 0;}
	.head.on .menu span{background: rgb(148,7,10);}
	.head .nav li dl{position: static; transform: none; text-align: center; width: 100%; background: #601b0e;}
	.menu{ width: 28px; height: 24px; transition: 0.5s; position: absolute; right: 15px; top: 50%; transform: translateY(-50%);}
	.menu span{ display: block;transition: 0.5s; width: 100%; height: 3px; border-radius:2px; background: rgb(148,7,10); position: absolute;}
	.menu span:nth-child(1){ top:0 ;}
	.menu span:nth-child(2){ top: 50%; transform: translateY(-50%);}
	.menu span:nth-child(3){ bottom: 0;}
	.menu.on{ transform: translateY(-50%) rotate(180deg);}
	.menu.on span:nth-child(1){ top: 50%; transform: translateY(-50%) rotate(45deg);}
	.menu.on span:nth-child(2){ width: 0;}
	.menu.on span:nth-child(3){ top: 50%; transform: translateY(-50%) rotate(-45deg);}
	.banner .swiper{width: 100%;}
	.title h2{font-size: 18px;}
	.title span{position: static; font-size: 18px; margin-left: 10px; line-height: 52px;}
	.navList li{width: 48%; margin-right: 4%; margin-bottom: 10px;}
	.navList li:nth-child(2n){margin-right: 0;}
	.navList li .icon{width: 50px; height: 50px;}
	.navList li p{line-height: 50px; font-size: 16px; width: calc(100% - 50px);}
	.news{padding: 10px 0;}
	.news .newsBox{margin-top: 20px;}
	.news .left{width: 100%; margin-bottom: 10px;}
	.news .swiper-slide p{font-size: 15px; line-height: 40px;overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical;}
	.news .swiper-pagination{bottom: 10px; padding-right: 10px;}
	.news .swiper-pagination-bullet{width: 7px; height: 7px;}
	.news .right{width: 100%; padding: 0 10px;}
	.news .text{padding: 10px 0; margin-bottom: 5px;}
	.news .text h2{font-size: 18px; margin-bottom: 10px;}
	.news .text p{font-size: 14px;}
	.news ul{padding: 5px 0;}
	.news li a{font-size: 14px; line-height: 2; overflow: hidden;}
	.news li p{float: left; width: calc(100% - 44px);overflow: hidden; white-space:nowrap; text-overflow: ellipsis;}
	.layer2{padding: 10px 0;}
	.layer2 .title{margin-bottom: 10px;}
	.notice{width: 100%;}
	.notice .notBox{padding: 0 10px;}
	.notice .notBox li .date h2{font-size: 18px;}
	.notice .notBox li .text h2{font-size: 16px; margin-bottom: 8px;}
	.movie{width: 100%;}
	.team .w1400{padding: 15px 0;}
	.team .teamTit{margin-bottom: 10px;}
	.team .teamTit h2{font-size: 18px; margin-bottom: 5px;}
	.team .teamTit span{position: static; font-size: 16px;}
	.team .swiper-slide p{font-size: 14px; line-height: 40px;}
	.team .swiper-button-next{display: none;}
	.team .swiper-button-prev{display: none;}

	
	.flex-space {display:block;}



.layer2_left {float: none; width:100%;}
.notice{ width: 100%; }


}
@media screen and (max-width: 1000px) {
	.pull-right { float:none;}
	#appSearch{width: 360px;}
	.head .logo{width: 150px;}
	.head.on .logo{width: 150px;}
	.banner .swiper-pagination-bullet{width: 15px; height: 15px; line-height: 15px; font-size: 12px;}
	.footer .left .footLogo{width: 220px;}
	.footer .center{display: none;}
	.footer .right h2{font-size: 18px;}
	.footer .bot{line-height: 20px;font-size: 12px; padding: 5px 0;}
}
@media screen and (max-width: 400px) {
	.footer .left .footLogo{width: 200px;}
	.navList li .icon img{width:26px;}
	.navList li:nth-child(2) .icon img{width: 38px;}
.navList li:nth-child(3) .icon img{width: 33px;}
.navList li:nth-child(4) .icon img{width: 26px;}
.navList li:nth-child(5) .icon img{width: 34px;}
.navList li:nth-child(6) .icon img{width: 30px;}

.news .swiper-slide img{height:260px;}



}