@charset "utf-8";
.ptb40{padding: 40px 0;}

.img{overflow: hidden;}
.img img{display: block;transition: 0.4s;-ms-transition: 0.4s;-webkit-transition: 0.4s;-o-transition: 0.4s;-moz-transition: 0.4s;}
.img img:hover{-webkit-transform: scale(1.1,1.1);
	-moz-transform:  scale(1.1,1.1);
	-o-transform:  scale(1.1,1.1);
	transform:  scale(1.1,1.1);}


.banner{position: relative;}
.banner .bd{overflow: hidden;}
.banner .bd ul li{width: 100%; float: left;}
.banner img{display: block;width: 100%;}
.banner .bannerIe{ display: none;*display: block;display: block\9;}
.banner .bannerNoie{ display: block;*display: none;display: none\9;}
.banner .item{ position: relative;}
.banner img.sj{display: none;}
.banner .hd{position:absolute; left: 0; bottom: 20px; width: 100%; text-align: center;}
.banner .hd ul li{display: inline-block; *display: inline; *zoom: 1; font-size: 0; background: url(../images/bannery0.png); width: 17px; height: 17px; margin: 0 5px; cursor: pointer;}
.banner .hd ul li.on{background: url(../images/bannery1.png);}
.banner .next,.banner .prev{position: absolute; right: 3%; top: 50%; background: url(../images/bannerr.png) no-repeat; width: 23px; height: 41px; margin-top: -20px; cursor: pointer;}
.banner .prev{left: 3%; background: url(../images/bannerl.png) no-repeat; }
.banner .bannerLogo{ position: absolute; width: 5.9rem; left: 1.2rem; top: 1.18rem;transform-origin:left;animation: 1s bannerLogo both;-webkit-animation: 1s bannerLogo both;}
.itemulImg { *display: none;display: none\9;}
.itemulImg li{opacity: 0; position: absolute; left: 9.9rem; bottom: 1.6rem;transition: 1.5s;-webkit-transition: 1.5s;}
.itemulImg { position: absolute; top:0;left: 50%;margin-left: -600px;width: 1200px;height: 100%;}
.itemulImg li img{ width: 100%;}
.itemulImg li.on{display: block;opacity: 1;}
.itemulImg .on.li_1{width: 2.2rem;left: 1.91rem;bottom: 2.19rem;}
.itemulImg .on.li_2{width: 1.58rem; left: 1.36rem; bottom: 0.8rem;}
.itemulImg .on.li_3{width: 1.3rem; left: 3.57rem; bottom: 1.22rem;}
.itemulImg .on.li_4{width: 1.81rem;left: 4.45rem; bottom: 1.96rem;}
.itemulImg .on.li_5{width: 1.43rem;left: 5.36rem; bottom: 0.83rem;}
.itemulImg .on.li_6{width: 0.86rem;left: 6.56rem; bottom: 0.68rem;z-index: 2;}
.itemulImg .on.li_7{width: 1.55rem;left: 8.19rem; bottom: 4.54rem;}
.itemulImg .on.li_8{width: 1.17rem;left: 9.93rem; bottom: 4.18rem;z-index: 2;}
.itemulImg .on.li_9{width: 0.88rem;left: 9.32rem; bottom: 3.60rem;}
.itemulImg .on.li_10{width: 0.62rem;left: 10rem; bottom: 3.05rem;}

@keyframes bannerLogo{
	from{opacity: 0;transform: scale(0);-webkit-transform: scale(0);}
	to{opacity: 1;transform: scale(1);-webkit-transform: scale(1);}
}
@-webkit-keyframes bannerLogo{
	from{opacity: 0;transform: scale(0);-webkit-transform: scale(0);}
	to{opacity: 1;transform: scale(1);-webkit-transform: scale(1);}
}
.titse{ text-align: center;}
.titse h1{font-size: 45px; color: #B71B2C; background: url(../images/tit1.png) no-repeat center; font-weight: bold;}
.titse h3{padding: 20px 0; color: #555555; font-size: 16px;}
.gsjj ul{ margin-left: -4%;}
.gsjj ul li{float: left; width: 21%;*width: 20.8%; margin-left: 4%; }
.gsjj ul li a{background: #f7f7f7;display: block;}
.gsjj ul li .text{text-align: center; }
.gsjj ul li .text h3{font-size: 18px; font-weight: bold; line-height: 2.5em; }
.gsjj ul li .text p{font-size: 14px; color: #666666; height: 105px;overflow: hidden;line-height: 21px; display:none;}
 a.more{display: block; width: 200px; height: 42px; line-height: 42px; margin: 40px auto 0; border: 1px solid #b71b2c;background: #B71B2C;border-radius: 25px; color: #fff; text-align: center;}
 a.more:hover{background: #fff; color: #B71B2C;}
.gsjj ul li.li1 .img,.gsjj ul li.li1 .text{margin: 0 auto;} 
.gsjj ul li.li2 .img,.gsjj ul li.li2 .text{float: right;} 

.cpzx{background: url(../images/cpbg.jpg) no-repeat center;background-size: cover;text-align: center; padding: 50px 0;overflow: hidden;}
.listSquer{ text-align: center; padding: 25px 0 30px 0;}
.listSquer a{ display: inline-block; height: 46px;line-height: 46px;border: 1px solid #afafaf; margin: 0 5px; padding: 0 40px; font-size: 16px;}
.listSquer a.on{background: #b71b2c;border-color: #B71B2C;color: #fff;}
.listItem{ width: 1500px;margin: auto;}
.listItem dd{ display: none;}
.itemUL li{animation: dddh 0.5s both;-webkit-animation: dddh 0.5s 0.2s both;}
/*.itemUL li:nth-child(2){animation: dddh 0.5s 0.2s both;-webkit-animation: dddh 0.5s 0.2s both;}
.itemUL li:nth-child(3){animation: dddh 0.5s 0.4s both;-webkit-animation: dddh 0.5s 0.4s both;}*/
@keyframes dddh{
	from{opacity: 0;transform: translate(0px,-40px);-webkit-transform: translate(0px,-40px);}
	to{opacity: 1;transform: translate(0px,0px);-webkit-transform: translate(0px,0px)}
}
@-webkit-keyframes dddh{
	from{opacity: 0;transform: translate(0px,-40px);-webkit-transform: translate(0px,-40px);}
	to{opacity: 1;transform: translate(0px,0px);-webkit-transform: translate(0px,0px)}
}
.listItem dd.on{ display: block;}
.itemUL { margin-left: -2%;}
.itemUL li{ float: left; width: 31.33%; margin-left: 2%;}
.itemUL li a{ display: block; position: relative; overflow: hidden; text-align: center;}
.itemUL li a>img{width: 100%;display: block;}
.itemUL li .txt{color: #fff; position: absolute; left: 0;bottom: 0;width: 96%;padding: 0 2%;background: url(../images/bg0.png) repeat;}
.itemUL li .txt h4{font-size: 18px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;line-height: 50px;}
.itemUL li .txt p{margin-bottom: 0; line-height: 24px;height: 72px;overflow: hidden; height: 0;transition: 0.4s;-webkit-transition: 0.4s;}
.itemUL li:hover .txt{background: url(../images/bg1.png) repeat;}
.itemUL li:hover .txt p{height: 72px; margin-bottom: 25px;}
.yfzz{background: url(../images/bg5.jpg) no-repeat; background-size: cover;}
.yfzz .titse h1{background: url(../images/tit2.png) no-repeat center; color: #fff;}
.yfzz .jd{width: 48%; margin-top: 30px;}
.yfzz .jd a{display: block; background: #fff;}
.yfzz .jd .text{ padding: 20px 5%;}
.yfzz .jd .text h1{font-size: 22px; background: url(../images/xian2.jpg) no-repeat left bottom; padding-bottom: 0.8em; margin-bottom: 1em;}
.yfzz .jd .text h1 span{color: #B71B2C;}
.yfzz .jd .text p{height:9em; font-size: 16px;}
.yfzz .jd a:hover{background: #B71B2C; color: #fff;}
.yfzz .jd a:hover h1{ background: url(../images/xian3.jpg) no-repeat left bottom;}
.yfzz .jd a:hover h1 span{color: #fff;}


.areaYingy { margin-left: -2%;}
.areaYingy dd{ float: left;width: 23%;*width: 22.8%; margin-left: 2%; margin-bottom: 2%;}
.areaYingy dd a{display: block;position: relative;overflow: hidden;}
.areaYingy dd a>img{display: block;width: 100%;}
.areaYingy dd .redBg{position: absolute;left: 0;bottom: 0;width: 100%;height: 100%;background: url(../images/bg1-.png) repeat;display: none; animation: redbg 0.2s both linear;-webkit-animation: redbg 0.2s both linear;}
.areaYingy dd .txt { position: absolute; left: 0;width: 100%;text-align: center;top: 50%; margin-top: -16px;display: none;}
.areaYingy dd .txt span{display: inline-block;cursor: pointer;font-size:15px;line-height: 30px;border: 1px solid #fff;color: #fff;padding: 0 20px;animation: redbg2 0.3s 0.2s both linear;-webkit-animation: redbg2 0.3s 0.2s both linear;}
.areaYingy dd:hover .txt,.areaYingy dd:hover .redBg{display: block;}
@keyframes redbg{
	from{transform: scale(0);-webkit-transform: scale(0);}
	to{transform: scale(1);-webkit-transform: scale(1)}
}
@-webkit-keyframes redbg{
	from{transform: scale(0);-webkit-transform: scale(0);}
	to{transform: scale(1);-webkit-transform: scale(1)}
}
@keyframes redbg2{
	from{opacity: 0;}
	to{opacity: 1;}
}
@-webkit-keyframes redbg2{
	from{opacity: 0;}
	to{opacity: 1;}
}
.gsld{background: #B71B2C; color: #fff;}
.gsld .gslds{width: 40%; margin-left:10%;}
.gsld .gslds a{color: #fff;}
.gsld .gslds .imgs{float: left;}
.gsld .gslds .text{float: left; width: 65%; margin-left: 10%;}
.gsld .gslds .text h1{font-size: 22px; line-height: 2em;}
.gsld .gslds .text h2{font-size: 18px; line-height: 2em;}
.gsld .gslds .text .text_{font-size: 16px; line-height: 2em; padding-top: 0.5em;opacity: 0.7;filter: Alpha(Opacity=70);}

.contact{padding: 15px 0;background: url(../images/lxbg.jpg) no-repeat center;background-size: cover;}
.pTxt,.dlList dd .h5,.dlList dd .txt,.keyanDL li,.part2Txt .frTxt{ font-size:16px;}
.dlList dd .txt{ color:#333;}
.cotareaDt h2{ position: relative;background: #be3141;color: #fff;font-weight: bold;font-size: 18px;line-height: 45px;*height:45px;padding: 0 20px; margin-right:16px;}
.cotareaDt h2 img{ position: absolute;left: 25px;bottom: 0;}
.cotareaDL dd{border-bottom: 1px solid #eeefef;}
.cotareaDL dd:nth-last-child(1){border-bottom: none;}
.cotareaDL {background: #fff;}
.cotareaDL .address{background: #fff; position: relative; padding: 15px 20px 20px 20px; line-height: 28px;color: #000;}
.cotareaDL .address p{ /*white-space: nowrap;overflow: hidden;text-overflow: ellipsis;*/ color: #666;}
.cotareaDL .address h4{font-size: 16px;font-weight: bold; }
.cotareaDLH4 .address h4{padding-left:30px;}
.cotareaDL .address h5{font-size: 14px;font-weight: bold;}
.cotareaDL .address .sjx{ position: absolute; left: 25px;top: -7px;}
.contactus .overflowScroll{ height: 598px;overflow: hidden; }
.contactus .slimScrollBar{background: #a51929 !important;}
.contactus .slimScrollRail{background: #fff !important; display: block !important;opacity: 1 !important;}
.rightJg{ float: right;width: 48%;}
.leftArea{ float: left;width: 48%;}
.fenzhiUL li{margin-bottom: 1px;background: #fff;padding: 0px 15px 0px 15px;font-size: 16px;}
.fenzhiUL li h3{cursor: pointer; font-weight: bold; padding: 20px 0; font-size: 16px;background: url(../images/xxjt.png) no-repeat right center;}
.fenzhiUL li h3.on{background: url(../images/xsjt.png) no-repeat right center;}
.fenzhiUL li .red{color: #bc303f;}
.fenzhiUL li .items{ padding-bottom: 30px;line-height: 1.8;}
.showOrhide{display: none;}
.fenzhiUL li.on .showOrhide{display: block;}
.editor { height: 555px;}
.slimScrollDiv{ padding-right: 16px;}
.gsjj ul li:hover{box-shadow: 0 0 15px -5px #000;}
.foot{ margin-top: 0;}

@media screen and (max-width:1600px) {
	.listItem{ width: 96%;}
}

@media screen and (max-width:1400px) {
	.yfzz .jd .text h1{font-size: 20px;}
	
	.leftArea,.rightJg{ width: 48%;}
	
}
@media screen and (max-width:1280px) {
   .gsld .gslds{width: 44%; margin-left:6%;}
   .gsld .gslds .text .text_{width: 260px;
    margin: auto;
    white-space: nowrap; text-align:left;}
    .ptb40{ padding:30px 0;}
    .cpzx{ padding:30px 0;}
    a.more{ margin-top:30px;}
}
@media screen and (max-width:1200px) {

	.titse h1{font-size: 36px;}
	.yfzz .jd .text h1{height: 3em;}
	.gsld .gslds .imgs{float: none;}
	.gsld .gslds .text{float: none; width: 100%; margin-left: 0%; margin-top: 20px;}
	
	.itemulImg{ width: 12rem;margin-left: -6rem;}
   .gsld .gslds{ text-align:center;}
    .gsld .gslds{width: 50%; margin-left:0%;}
}


@media screen and (max-width:960px) {
	.ptb40{padding: 30px 0;}
	.titse h1{font-size: 28px;}
	.titse h3{font-size: 14px; padding: 12px 0;}
	.gsjj ul{ margin-left: -2%;}
	.gsjj ul li{ width: 23%;margin-left: 2%;}
	.gsjj ul li .text h3{font-size: 16px;}
	.gsjj ul li .text p{font-size: 14px;}
	
	.yfzz .jd .text p{font-size: 14px; height: 13.5em;}
	.gsld .gslds .text h1{font-size: 18px;}
	.gsld .gslds .text h2{font-size: 16px;}
	.gsld .gslds .text .text_{font-size: 14px;}
    .cotareaDt h2{ margin-right: 0;}
	.cop p{float: none; text-align: center;}
	.cop .copnav{float: none; text-align: center; width: 255px; margin: 0 auto; padding-top: 8px;}
}

@media screen and (max-width:640px) {
	.ptb40{padding: 20px 0;}
	.headc{padding: 15px 0;}
	.headc .logo{width: 200px;}
	.navs{width: 30px;}
	.banner .owl-buttons{ display: none;}
	.banner .owl-pagination{ bottom: 5px;}
	.banner .owl-controls .owl-page span{ width: 8px;height: 8px; margin: 5px 5px;}
	.banner img.sj{display: block;}
	.cpzx{ padding: 20px 0;}
	.listSquer{ padding: 20px 0;white-space: nowrap;overflow-x: scroll;}
	.gsjj ul li{ width: 48%;margin-left: 2%;}
	.gsjj ul li .text{padding: 0 10px 10px 10px;}
	.gsjj ul li .text h3{ line-height: 2em;}
	.itemUL li{ width: 48%;}
	.listSquer a{ height: 34px;line-height: 34px; padding: 0 15px;}
	.itemUL li .txt p{display: none;}
	.itemUL li .txt h4{ line-height: 34px;height: 34px;font-size: 14px;}
	.itemUL li:nth-last-child(1){display: none;}
	.areaYingy dd{ width: 48%;}
	.areaYingy dd .redBg{ display: none !important;}
	.areaYingy dd .txt{ top: auto;margin: 0;bottom: 0;display: block;background: url(../images/bg1-.png) repeat;}
	.areaYingy dd .txt span{border: 0;}
	.mCSB_container{margin-right: 15px;}
	.yfzz .jd{width: 100%; margin-top: 15px;}
	.yfzz .jd .text h1,.yfzz .jd .text p{height: auto;}
	.yfzz .jd .text h1{font-size: 18px;}
	.leftArea,.rightJg{ width: 100%;}
	.cotareaDL dd h2{ height: 40px;line-height: 40px; font-size: 16px;}
	.cotareaDL .address{ padding: 10px; font-size: 13px;}
	.fenzhiUL li .items{ padding-bottom: 15px;}
	.yyly .hd{margin-top: 25px;}
	.fenzhiUL li h3{ padding: 10px 0;font-size: 15px;}
	.fenzhiUL li{ font-size: 14px;}
	.contactus .overflowScroll{ height: auto;}
	.slimScrollDiv{ padding-right: 0;}
	.contactus .slimScrollRail{ display: none !important;}
	.gsld .gslds{width: 100%; text-align: center; padding-top: 20px;}
	.gsld .gslds.fl{padding-top: 0;}
	.map #mapContainer,.map #mapContainer2{width: 100%; height: 287px;}
}

@media screen and (max-width:480px) {
	.titse h1,.yfzz .titse h1{ font-size: 24px;background: none;}
	a.more{ margin-top: 20px; width:120px;height: 32px;line-height: 32px; ;}
}


@media screen and (max-width:360px) {
	.map .dzxx{right: 10px;}
	.fxlj{width: 260px;}
	.fxlj .yqlink{width: 240px;}
	.footlogo,.footlogo img{width: 100%;}
	
}