@charset "utf-8";
/* CSS Document */
/* index */
body{}
.op0{opacity: 0;}
.logo img{display:none;}
.wrap{ width:100%; max-width:1300px; margin:0 auto;}
.top{ height: 150px; width:100%; padding:26px 2%; position: fixed; left:0; top:0px; z-index:95; transition:all 0.5s ease; /*background: url(../images/tbg.png) repeat-x left top;*/ background-size:auto 100%;}
.T-nav{ margin-right:5%;}
.T-nav > li{ float:left; position:relative;}
.T-nav > li > a{ display:block; padding:0 20px; line-height:98px; height:98px; font-size:16px; text-align:center; color:#fff; transition:all 0.5s ease; position:relative;}
.T-nav > li > a:after{ background:#f40104; content:''; display:block; height:4px; width:0; left:50%; transform:translateX(-50%); bottom:0px; position:absolute; transition:all 0.5s ease;}
.T-nav > li .gdlt{ position:absolute; width:100%; top:98px; background:#fff; text-align:center;}
.T-nav > li .gdlt a{ display:block; color:#666; line-height:40px; transition:all 0.5s ease;}
.scamt{ margin-top:34px; margin-left:12px;}
.scamt span{ cursor:pointer; width:32px; height:32px; border-radius:3px; display:block; background:#c7261e url(../images/fd.png) no-repeat center center;}
.scamt p{ position:absolute; right:0; top:32px; width:255px; background:#fff; height:35px; z-index:5; display:none;}
.scamt p .c1{ width:210px; float:left; height:35px; border:none; padding:0 10px;}
.scamt p .c2{ width:45px; float:left; height:35px; border:none; cursor:pointer; color:#fff; background:#c7261e;}

.lacnm{ margin-top:38px; margin-left:20px;}
.lacnm span{ cursor:pointer; display:block; padding-left:35px; font-size:18px; background:url(../images/lang.png) no-repeat left center; color:#fff; line-height:30px;}
.lacnm span i{ display:block; padding-right:25px; background:url(../images/bxl.png) no-repeat right center;}
.lacnm p{ position:absolute; left:0; width:100%; text-align:center; top:30px; background:#fff; display:none;}
.lacnm p a{ display:block; line-height:30px; transition:all 0.5s ease;}



.top .logo a{ display:block; width:165px; height:98px; background:url(../images/logo.png) no-repeat center center; background-size:100% 100%;}
.top.set .logo a{background:url(../images/logo2.png) no-repeat center center; background-size:100% 100%;}
.top.set{ background:rgba(255,255,255,1); height: auto; padding:10px 2%;}
.top.set .T-nav > li > a{ color:#666;}
.top.set .lacnm span{ background:url(../images/lang2.png) no-repeat left center; color:#c3181f;}
.top.set .lacnm span i{ background:url(../images/bxl2.png) no-repeat right center;}










.ind-01{ background:#fff; padding:4% 0;}
.titlcm .p1{ color:#c7261e; font-size:30px;}
.titlcm .p2{ color:#ddd; font-size:26px; text-transform:uppercase;}

.wb-clm{ margin-top:4%; color:#666; font-size:16px; line-height:2;}
.wb-clm p{ text-indent:2em;}

.pic-act{ margin-top:2%; box-shadow:0 5px 15px rgba(0,0,0,0.2);}
.cvcla{ margin-top:3%;}
.cvcla a{ display:inline-block; line-height:40px; width:192px; background:url(../images/m1.png) no-repeat center center; color:#e56619; font-size:20px;}

.ind-02{ padding:4% 0; background:url(../testimg/t6.jpg) no-repeat center center; background-size:cover;}
.ind-02 .titlcm .p2{ color:#fff;}
.ind-02 .cvcla a,.ind-04 .cvcla a{ background:url(../images/m2.png) no-repeat;}

.ind-03{ padding:4% 0; background:#fff;}
.sborec{ margin-top:3%;}
.lboap{ width:47%;}

.roael{ width:50%; padding-left:30px; border-left:2px solid #d2d2d2;}
.roael li{ padding:16px 0;}
.roael li a{ display:block; position:relative; padding-left:90px;}
.roael li a:after{ content:''; position:absolute; left:-36px; top:30px; width:10px; height:10px; border-radius:50%; background:#d2d2d2; transition:all 0.5s ease;}
.roael li a .tit{ font-size:16px; line-height:30px; height:30px; overflow:hidden;}
.roael li a .con{ line-height:20px; height:40px; overflow:hidden; color:#999; margin-top:5px;}
.roael li a .date{ text-align:center; position:absolute; width:63px; height:63px; left:0; top:5px; background:url(../images/y.png) no-repeat center center; color:#fff; padding-top:10px;}
.roael li a .date span{ display:block;}

.ind-04{ padding:4% 0; background:url(../testimg/t7.jpg) no-repeat center center; background-size:cover;}
.ind-05{ background:#fff; padding:0 0 4% 0;}

.lbreac{ margin-top:60px;}
.lbreac .pic{ width:50%;}
.lbreac .con{ position:absolute; width:52%; right:0; top:-30px; padding:2% 2%; background:url(../images/sg1.jpg) repeat-x; color:#fff;}
.lbreac .con .p1{ font-size:26px; padding:15px 0; word-break: break-all;}
.lbreac .con .p2{ padding:6px 0; word-break: break-all;}
.lbreac .con .p2 img{ margin-right:10px;}
.foot{ background:#333; padding:3% 0;}
.foot dl{ float:left; width:14.2%;}
.foot dl a{ color:#999;}
.foot dl dt{ font-size:16px; margin-bottom:10px;}
.foot dl dd{ line-height:25px;}
.oaclma{ padding:15px 0; background:#222; border-top:1px solid #535353; color:#999;}

.float-sild{ position:fixed; right:20px; top:50%; margin-top:-120px; z-index:10;}
.float-sild .list{ margin-bottom:2px; position:relative;}
.float-sild .list .numc{ position:absolute; height:55px; line-height:55px; right:55px; top:0px; width:180px; font-size:18px; background: url(../images/dr.jpg) repeat-x left center; background-size:auto 100%; color:#fff; text-align: center; visibility:hidden; opacity:0; transform:translateX(-50px); transition:all 0.5s ease;}
.float-sild .list .wwmc{ position:absolute; background:#fff; width:135px; height:135px; padding:10px; right:55px; top:0; visibility:hidden; opacity:0; transform:translateX(-50px); transition:all 0.5s ease;}

.ny-banner{ height:380px; background:no-repeat center center; background-size:cover;}
.sp-lben{ line-height:60px;}
.sp-lben i{ margin:0 5px;}
.sp-lben img{ margin-right:10px;}
.loalt{ background:url(../images/hx.jpg) repeat-y left top; box-shadow:0 10px 10px rgba(0,0,0,0.2);}
.ny-main{ padding-bottom:20px;}
.ny-nav{ width:285px;}
.tc-dbt{ width:285px; color:#fff; height:149px; padding-left:25px; padding-top:40px; background:url(../images/ee.jpg) no-repeat; text-transform:uppercase; font-size:16px;}
.tc-dbt span{ display:block; margin-bottom:12px; font-size:24px;}
.lb-act{ padding-left:1px; padding-top:20px;}
.lb-act li a{ display:block; width:284px; line-height:45px; padding-left:25px; background:url(../images/e1.png) no-repeat 92% center;}
.lb-act li a.cur{ background:#fff url(../images/e2.png) no-repeat 92% center; color:#c7261e;}

.ny-con{ border-top:1px solid #e0e0e0; border-right:1px solid #e0e0e0; width:1015px; padding:0 40px 40px;}
.sc-loct{ color:#c7261e; font-size:20px; padding:20px 0;}
.cp-list .title{ background:url(../images/dx.jpg) repeat-x left center; background-size:auto 100%; border:1px solid #ddd; }
.cp-list .title span{ width:25%; display:table; height:45px; float:left; text-align:center;border-right:1px solid #ddd; font-size:16px; color:#fff; word-break:break-all;}
.cp-list .title span:last-child{ border:none;}
.cp-list .title span i{ display:table-cell; vertical-align:middle;}
.doalt{ border-left:1px solid #e0e0e0;}
.doalt a{ display:block; border-bottom:1px solid #e0e0e0; border-right:1px solid #e0e0e0; transition:all 0.5s ease;}
.doalt a:nth-child(2n){ background:#f4f6f7;}
.doalt a span{ width:25%; display:table; height:45px; float:left; text-align:center;border-right:1px solid #ddd; font-size:14px; word-break:break-all;}
.doalt a span:last-child{ border:none;}
.doalt a span i{ display:table-cell; vertical-align:middle;}

.cp-list2 .title span,.cp-list2 .doalt a span{ width:20%;}
.cp-list2 .title span.s4,.cp-list2 .doalt a span.s4{ width:40%;}
.cp-list3 .title span,.cp-list3 .doalt a span{ width:33.33%;}
.ohoute{ padding-top:15px;}
.ohoute li{ float:left; width:32%; margin-right:2%; margin-top:2%;}
.ohoute li a{ display:block;}
.ohoute li:nth-child(3n){ margin-right:0;}
.ohoute li a .pic{ overflow:hidden;}
.ohoute li a .pic img{ transition:all 0.5s ease;}
.ohoute li a .tit{ line-height:40px; height:40px; overflow:hidden; border-bottom:1px solid #ddd; background:url(../images/edd.png) no-repeat right center; padding-right:40px; text-align:center;}
.pagels{ margin-top:4%;}
.pagels a{ display: inline-block; line-height:40px; padding:0 15px; border:1px solid #ddd; margin:0 3px;}
.pagels a.cur{ color:#fff; background:#c7261e; border-color:#c7261e;}

.cp-clacc{ color:#c7261e; padding:20px 0; border-bottom:1px solid #ddd; font-size:20px;}
.edit-con{ padding:3% 0; line-height:2;}

.scplc{ color:#999; font-size:16px; padding:20px 0;}
.scplc span{ display:block; font-size:24px; color:#c7261e;}
.fzlme{ background:url(../testimg/t13.jpg) no-repeat center bottom; padding-bottom:120px; background-size:100% auto; min-height:600px;}

.buoalc{ min-height:300px; line-height:2; color:#666;}
.lbaoew{ padding:30px 0;}
.lbaoew li{ width:20%; text-align:center; float:left; padding:0 5px;}
.lbaoew li .pic span{ display:inline-block; width:124px; height:124px; transition:all 0.5s ease; background:#c7261e no-repeat center center; background-size:auto 40%; border:4px solid #f2b28c; border-radius:50%;}
.lbaoew li .con{ line-height:1.6; margin-top:10px;}
.lbaoew li .con .p1{ color:#c7261e;}

.new-list li{ margin-top:30px;}
.new-list li a{ display:block; border-bottom:1px solid #eee;}
.new-list li a .pic{ width:250px; height:157px; background:#fff no-repeat center center; background-size:contain;}
/*.new-list li:hover a .pic{ width:250px; height:157px; background:no-repeat center center; background-size:cover;transform: scale(1.05); transition: all 0.5s ease;}*/	
.new-list li a .con{ width:520px; margin-left:25px; padding-top:15px;}
.new-list li a .con .p1{ font-size:16px; line-height:40px; height:40px; overflow:hidden;}
.new-list li a .con .p2{ line-height:20px; color:#999; margin-top:10px; height:60px; overflow:hidden;}
.new-list li a .time{ width:95px; height:115px; color:#e4e4e4; border-left:1px solid #e4e4e4; padding-left:25px; background:url(../images/eg.png) no-repeat 25px bottom; margin-top:15px;transition:all 0.5s ease;}
.new-list li a .time span{ display:block; font-size:24px; margin-bottom:20px;}

.ebolac{ padding:20px 0 10px; border-bottom:1px solid #eee;}
.b-alt{ font-size:18px; color:#c93028;}
.tilac{ margin-top:10px; color:#999;}
.fxac{ margin-top:10px;}
.paclmt{ padding-top:15px;}
.tbclc{ height:40px; line-height:40px; overflow:hidden; background:url(../images/dr.jpg) repeat-x left center; background-size:auto 100%;}
.tbclc span{ float:left; width:25%; text-align:center; color:#fff; font-size:16px;}

.laddr li{ margin-top:10px;}
.tbtca{ height:40px; line-height:39px; border:1px solid #f8f8f8; border-bottom:none; cursor:pointer; overflow:hidden; background:#f8f8f8 url(../images/ad.png) no-repeat 98% center;}
.tbtca.on{ border-color:#c82b23; background:#fff url(../images/ap.png) no-repeat 98% center; color:#c7261e;}
.tbtca span{ float:left; width:25%; text-align:center;}

.leoac{ border:1px solid #c82b23; border-top:none; padding:20px; line-height:2; color:#666; display:none;}
.honor-ul li{ float:left; width:32%; margin-right:2%; margin-top:2%; cursor:pointer;}
.honor-ul li:nth-child(3n){ margin-right:0;}
.honor-ul li .honor-li-img{ height:282px; border:1px solid #ddd; width:100%; display:table; text-align:center;}
.honor-ul li:hover .honor-li-img{ height:282px; border:1px solid #c7261e; width:100%; display:table; text-align:center;}
.honor-ul li .honor-li-img p{ display:table-cell; vertical-align:middle; height:280px;}
.honor-ul li .honor-li-img p img{ max-height:90%; max-width:90%;}
.honor-ul li:hover .honor-li-img p img{ max-height:90%; max-width:90%;transform: scale(1.05);transition: all 0.5s ease;}
.honor-ul li .honor-li-tit{ line-height:20px; height:20px; overflow:hidden; margin-top:10px;}
.honor-ul li:hover .honor-li-tit{ line-height:20px; height:20px; overflow:hidden; margin-top:10px; color:#c7261e;}


.preliv{ padding:0 4%; background:url(../images/d.jpg) repeat-y center top; width:100%; max-width:780px; margin:0 auto;}
.preliv li{ position:relative; color:#666; padding-bottom:15px; margin-top:30px;}
.preliv li .yewat{ width:48%;}
.preliv li .yewat .tesl{ line-height:1.6; padding:0 25px; display:inline-block; vertical-align:top; position:relative;}
.preliv li .yewat .tesl:after{ content:''; height:1px; position:absolute; width:40px; background:#c7261e; right:-16px; top:15px;}
.preliv li .yewat.fr .tesl:after{ left:-16px; right:auto;}

.preliv li .yewat .tesl span{ font-size:20px; color:#c7261e;}
.preliv li .yewat .pic{ display:inline-block; vertical-align:top;}
.preliv li .yewat .pic img{ max-width:100%;}
.preliv li .contl{ width:48%; line-height:1.8; color:#464646; position:relative;}
.preliv li .contl span{ width:7px; height:7px; background:url(../images/yg.png); position:absolute; top:12px;}
.preliv li .contl.fr span{ left:-4%; margin-left:-3px;}
.preliv li .contl.fl span{ right:-4%; margin-right:-3px;}

.fs12{ font-size:12px !important;}

.map-ol img{max-width:999999999px;}




@media (min-width: 1026px){
.T-nav > li .gdlt{ visibility:hidden; opacity:0;transform:translateY(30px); transition:all 0.8s ease;}
.T-nav > li .gdlt a:hover{ color:#fff; background:url(../images/dx.jpg) repeat-x left center; background-size:auto 100%; transition:all 0.5s ease;}
.T-nav > li > a:hover:after,.T-nav > li > a.cur:after,.T-nav > li > a.on:after{width:30px; transition:all 0.5s ease;}
.T-nav > li > a.cur,.T-nav > li > a:hover{  transition:all 0.5s ease;}
.as-pcat a:hover .pic img{ transform:scale(1.05); transition:all 0.5s ease;}
.swiper02 .swiper-slide a:hover .ob-com{ opacity:1; visibility:visible; transition:all 0.5s ease;}
.lbara li a:hover{ color:#fff; background:#f40104; transition:all 0.5s ease;}
.T-nav > li:hover .gdlt{visibility: visible; opacity:1;transform:translateY(0px); transition:all 0.8s ease;}
.roael li a:hover:after{ background:#c7261e; transition:all 0.5s ease;}
.foot dl a:hover{ color:#f40104;}
.float-sild .list:hover .numc,.float-sild .list:hover .wwmc{ visibility: visible; opacity:1; transform:translateX(0px); transition:all 0.5s ease;}
.lacnm p a:hover{ color:#fff;background:url(../images/dx.jpg) repeat-x left center; background-size:auto 100%; transition:all 0.5s ease;}
.doalt a:hover{ background:#c3181f; color:#fff; transition:all 0.5s ease;}
.ohoute li a:hover .pic img{ transform:scale(1.05); transition:all 0.5s ease;}
.new-list li a:hover{ color:#fff; background:url(../images/cst.jpg) repeat-x left center; background-size:auto 100%; }
.new-list li a:hover .con .p2{ color:#fff;}
.new-list li a:hover .time{ width:115px; color:#fff; background:url(../images/eg2.png) no-repeat 25px bottom; transition:all 0.5s ease;}


.lbaoew li:hover .pic span{ background-size:auto 45%; transition:all 0.5s ease;}







}

@media (max-width: 1500px){
.ny-banner {
    height:270px;
    background: no-repeat center center;
    background-size: cover;
}
}
@media (max-width: 1315px){
.wrap{ padding:0 2%;}
.T-nav > li > a{ padding:0 15px;}
.T-nav{ margin-right:10px;}
.ny-con{ width:calc(100% - 285px);}
.new-list li a .time{ display:none;}
.new-list li a .con{ width:320px;}
.ny-banner{ height:300px;}
.ny-banner {
    height:270px;
    background: no-repeat center center;
    background-size: cover;
}
}

@media (max-width: 1025px){
.wrap{ width:100%; max-width:640px; padding:0 2%;}
.top{ position:fixed; height:50px; padding:0 2%; background:rgba(0,0,0,0.8);}
.top .logo{ padding:0;}
.top .logo img{ height:50px;}
.lacnm{ margin-top:10px; margin-left:10px; float:right;}
.lacnm span{ font-size:15px;}
.mob-nav{ display:block; width:50px; height:50px; background: url(../images/mob-ct.png) no-repeat center center; background-size:auto 40%; float:right;}
.T-nav{ display:none; position:fixed; padding-top:20px; top:50px; left:0; top:50px; background:rgba(255,255,255,0.95); height:calc(100% - 50px); overflow:auto; margin:0; width:100%;}
.T-nav li{ display:block; width:100%; border-bottom:1px solid #eee;}
.T-nav > li a{ width:100%; text-align:left; padding:0 2%; line-height:45px; height:45px; color:#333;}
.T-nav > li > a.cur{ background:none; border:none; color:#666;}
.T-nav li .gdlt{ position:relative; width:100%; top:0; padding:0; background:none; display:none;}
.T-nav li .gdlt a{ padding:0 5%; height:35px; line-height:35px; margin:5px 0; font-size:14px;}
.T-nav > li .gdlt .fr{ display:none;}
.T-nav > li .gdlt .fl{ width:100%;}
.lanoa,.scamt{ margin-top:10px;}
.lbreac .con{ padding:4%;}
.lbreac .con .p1{ font-size:20px; padding: 10px 0;}
.foot{ display:none;}
.loalt{ background:none;}
.ny-nav{ width:100%;}
.tc-dbt{ width:100%; height:45px; line-height:45px; padding:0 20px; font-size:14px; background:#c3181f url(../images/bxl.png) no-repeat 95% center;}
.tc-dbt span{ display:inline-block; font-size:18px; margin-right:10px;}
.lb-act li a{ width:100%; background-position:95% center; padding-left:15px;}
.lb-act li a.cur{ background-position:95% center;}
.ny-con{ width:100%; padding:0 0 15px;}
.lb-act{ padding-top:10px; display:none;}
.edit-con,.buoalc,.lbaoew{ padding:4%;}

.lbaoew li{ width:100%; margin-bottom:12px;}
.lbaoew li .pic{ float:left;}
.lbaoew li .pic span{ width:80px; height:80px;}
.lbaoew li .con{ float:right; width:calc(100% - 95px); text-align:left;}
.honor-ul{ padding:0 2%;}
.top.set{ padding:0 2%;}
.top .logo a{ width:82px; height:49px;}

.top .logo a{background:url(../images/logo2.png) no-repeat center center; background-size:100% 100%;}
.top{ background:rgba(255,255,255,0.9); height: auto;}
.top .T-nav > li > a{ color:#666;}
.top .lacnm span{ background:url(../images/lang2.png) no-repeat left center; color:#c3181f;}
.top .lacnm span i{ background:url(../images/bxl2.png) no-repeat right center;}




}

@media (max-width: 640px){
.titlcm .p1{ font-size:20px;}
.titlcm .p2{ font-size:18px;}
.wb-clm{ font-size:14px;}
.lboap{ width:100%;}
.roael{ width:100%;}
.lbreac .pic{ width:100%;}
.lbreac .con{ width:100%; position:relative; top:0; clear:both; padding:3%;}
.lbreac .con .p2 img{ margin-right:5px;}
.sc-loct{ font-size:16px; padding:15px 0;}
.cp-list .title span{ font-size:14px;}
.doalt a span{ font-size:12px;}
.float-sild{ right:0;}
.ohoute li{ width:49%;}
.ohoute li:nth-child(3n){ margin-right:2%;}
.ohoute li:nth-child(2n){ margin-right:0;}
.ny-banner{ height:200px;}
.pagels a{ /*display:none;*/}
.pagels a.mobs{ display:inline-block;}
.new-list{ padding:3%;}
.new-list li{ margin-top:15px;}
.new-list li a .pic{ width:120px; height:80px;}
.new-list li a .con{ width:calc(100% - 130px); margin:0; float:right; padding:0;}
.new-list li a .con .p1{ height:30px; line-height:30px;}
.new-list li a .con .p2{ margin:0; height:40px;}
.tbclc span.s2,.tbclc span.s3,.tbtca span.s2,.tbtca span.s3{ display:none;}
.tbclc span.s1,.tbtca span.s1{ width:60%; text-align:left; padding-left:20px;}



}

@media (max-width: 525px){
.honor-ul li{ width:49%;}
.honor-ul li:nth-child(3n){ margin-right:2%;}
.honor-ul li:nth-child(2n){ margin-right:0;}
}














.shade {position: fixed;left: 0; top: 0; z-index: 21;display: none; width: 100%;height: 100%; background-color: #000;filter: alpha(opacity=50); opacity: 0.5; }
.big-video {
    position: fixed;
    left: 50%;
    top: 50%;
	margin-top:-240px;
    z-index: 22;
    display: none;
    margin-left: -450px;
    background-color: #fff;
    width: 900px;
    box-sizing: border-box;
}
.big-video-main {
    height: 480px;
}
.big-video-clo {
    position: absolute;
    right: -35px;
    top: 0;
    width: 30px;
    height: 30px;
    background: url(../images/icon30.png) no-repeat center center;
    cursor: pointer;
}

@media screen and (max-width: 750px){
.big-video {
    width: 100%;
    left: 0;
    margin-left: 0;
}
.big-video-main {
    height: 185px;
}
.big-video-clo {
    right: 0;
    z-index: 21;
}
}



<!--首页代码新增-->
.list1 {
	margin: 30px 0 20px 0
}

.list1 .item {
	float: left;
	width: 20%;
	text-align: center;
	margin-bottom: 30px
}

.list1 .tt1 {
	margin-bottom: 20px
}

.list1 em {
	position: relative;
	font-size: 20px;
	color: #666;
	padding-bottom: 10px
}

.list1 em::after {
	position: absolute;
	content: '';
	left: 50%;
	bottom: 0;
	width: 30px;
	height: 3px;
	background: #ddd;
	transform: translateX(-50%);
	-webkit-transform: translateX(-50%)
}

.list2 {
	padding: 20px 20px 0 20px;
	background: #f6f6f6
}

.list2 .row {
	margin-left: -20px
}

.list2 .item {
	width: 20%;
	float: left;
	padding-left: 20px;
	margin-bottom: 20px
}

.list2 a {
	display: block;
	padding-bottom: 59%;
	background: #fff
}

.list2 a img {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	margin: auto;
	max-width: 100%;
	max-height: 100%
}

.list2 a:hover img {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	margin: auto;
	max-width: 100%;
	max-height: 100%;
	transform: scale(1.05);
    transition: all 0.5s ease;
}
.swiper02 .swiper-slide a:hover .pic{
border:1px solid #c7261e;
}
@media (max-width:767px){.list1 .item{width:100%}.list2 .item{width:50%}}