@charset "utf-8";
/* CSS Document */
em{font-style: normal;}

/*banner*/
#slider {width: 100%;margin:0px auto;}
.controls li {top: 50%;margin-top: -4%;width: 54px; height: 54px; background: url(../images/ban_right.png) center center no-repeat rgba(255,255,255,0.5); border-radius: 50%;}
.controls li:nth-child(1) {left: 4%; background: url(../images/ban_left.png) center center no-repeat rgba(255,255,255,0.5);}
.controls li:nth-child(2) {right: 4%;}
.controls li:hover{background-color: #9ec500;}
.pagination li {background: #e5e5e5; width: 14px; height: 14px;}
.pagination li.active {background-color: #9ec500;;}
.responsive {width: 100%;height: auto;}
.clearfix:after {content: "";display: table;clear: both;}

.main{min-height: 200px;}

.location{border-bottom: #e6e6e6 solid 1px}
.location .maincate a{display: inline-table;}
.location .maincate a:first-child{margin-left: 0px;}
.location .maincate a:last-child{margin-right: 0px;}
.location .maincate a:hover,.location .maincate a.act{border-bottom: 2px #54783b solid; color: #54783b;}
@media (min-width: 1200px){
	.location{line-height: 60px; height: 60px; font-size: 16px; margin-top:0px;}
	.location .maincate a{height: 57px; line-height: 57px; padding:0px 5px; margin:0px 10px;}
}

@media (min-width: 991px) and (max-width: 1200px){
	.location{line-height: 60px; height: 60px; font-size: 16px; margin-top:40px;}
	.location .maincate a{height: 57px; line-height: 57px; padding:0px 5px; margin:0px 10px;}
}
@media (min-width: 768px) and (max-width: 991px){
	.location{line-height: 50px; height: 50px; font-size: 15px; margin-top:30px;}
	.location .maincate a{height: 47px; line-height: 47px; padding:0px 5px; margin:0px 8px;}
}
@media (min-width: 768px){
	.location .mianbao{float: left;}
	.location .maincate{float: right;}
}
@media (max-width: 768px){
	.location{line-height: 2.5em;  font-size: 1.1em; margin-top:1em; padding:0px 2%;}
	.location .maincate a{height: 2.3em; line-height:  2.3em; padding:0px 5px; margin:0px 8px;}
}
@media (max-width: 480px){
	.location{line-height: 2.5em;  font-size: 1.1em; margin-top:1em; padding:0px 2%;}
	.location .maincate a{height: 2.3em; line-height:  2.3em; padding:0px 0px; margin:0px 8px;}
}
.main_ban{ margin-top:10px;}

.main_fl{ width:264px; float:left; margin-top:25px;}
.main_fl .title{ width:100%; height:103px; background:url(../images/leftbg.png) no-repeat; line-height:103px; font-size:30px; color:#fff; text-align:center;}
.main_fl .con{ width:100%; height:auto; background-color:#eeeeee;}
.main_fl .con ul{ list-style-type:none; width:215px; padding-top:10px; padding-bottom:15px; margin-top:0px;}
.main_fl .con ul li{ width:100%; height:36px; background-color:#e5e5e5; border-radius:5px; margin-left:24px; margin-top:7px; margin-bottom:7px; font-size:14px;}
.main_fl .con ul li a{ color:#3e3e3e; display:block; line-height:36px; padding-left:15px; font-size:16px;}
.main_fl .con ul li a:hover{ color:#fff;}
.main_fl .con ul li:hover{width:100%; height:36px; background-color:#53734c; border-radius:5px; margin-left:24px; margin-top:7px; margin-bottom:7px; color:#fff;}
.main_fl .con .active{width:100%; height:36px; background-color:#53734c; border-radius:5px; margin-left:24px; margin-top:7px; margin-bottom:7px; color:#fff;}
.main_fl .con .active a{ color:#fff;}
.main_fl .con img{ text-align:center; padding-left:4px; margin-bottom:7px;}
.main_fr{ float:right; width:900px;}
.about_culture,.about_about,.about_contact{line-height: 2; font-size:16px; color:#666666; }
.about_contact .right p{background:url(../images/conatctbg.jpg) left center no-repeat; font-weight: bold;}


@media screen and (min-width:1200px){
	.about_about{padding:50px 0px;}
	


}
@media screen and (min-width:991px) and (max-width:1200px){
	.about_about{padding:40px 0px;}
	
}
@media screen and (min-width:768px) and (max-width:991px) {
	.about_about{padding:20px 0px;}
	.main_fl{ display:none;}
	.main_fr{ width:100%;}
	
}
    
@media screen and (min-width:1000px) and (max-width:1323px) {
	.about_about{padding:20px 0px;}
	.main_fl{ display:none;}
	.main_fr{ width:100%;}
}

@media screen and (max-width:480px){
	.about_about{padding:20px 10px;}
	.main_fl{ display:none;}
	.main_fr{ width:100%;}
}
.main_fr #pages{width: 100%; text-align: center; margin-top:15px;}
.main_fr #pages li{display: inline-table; padding:4px 8px; background-color: #cccccc; margin:0 5px; border-radius: 6%;}
.main_fr #pages li a{color: #fff; padding:0px; background:none; border-bottom:0px;}
.main_fr #pages li:first-child,.main_fr #pages li:last-child{border-radius: 6px;}
.main_fr #pages li:hover,.main_fr #pages li.act{background-color: #b5e100; color: #fff;} 

.main #pages{width: 100%; text-align: center; margin-top:15px;}
.main #pages li{display: inline-table; padding:4px 8px; background-color: #cccccc; margin:0 5px; border-radius: 6%;}
.main #pages li a{color: #fff; padding:0px; background:none; border-bottom:0px;}
.main #pages li:first-child,.main_fr #pages li:last-child{border-radius: 6px;}
.main #pages li:hover,.main #pages li.act{background-color: #b5e100; color: #fff;} 

.about_news{ width:100%;}
.mainnew_list a{display: block; background: #fff; border-bottom: 1px #e6e6e6 solid; position: relative;}
.mainnew_list a p{color: #5d5d5d;overflow: hidden;text-overflow: ellipsis; display: -webkit-box;
  -webkit-line-clamp: 4; -webkit-box-orient: vertical;}
.mainnew_list a span{ color: #666666; position: absolute;right: 0px; }
.mainnew_list a .word h3{overflow: hidden;  white-space: nowrap;  text-overflow: ellipsis;}
.mainnew_list a .time{float: left;}
.mainnew_list a .word{float: right;}


@media screen and (min-width:1200px){
    .mainnew_list{font-size: 16px;}
    .mainnew_list a{padding:30px 10px 5px 5px;}
	.mainnew_list a p{line-height: 30px;}
    .mainnew_list a .time{width: 276px; height: 192px;}
    .mainnew_list a .word{width: 600px;}
    .mainnew_list a .word h3{font-size: 24px; margin-bottom: 15px;}
}
@media screen and (min-width:991px) and (max-width:1200px){
    .mainnew_list{font-size: 15px;}
    .mainnew_list a{padding:40px 5px;}
    .mainnew_list a span{ bottom: 40px;}
    .mainnew_list a p{line-height: 26px;}
    .mainnew_list a .time{width: 245px; height: 164px;}
    .mainnew_list a .word{width: 695px;}
    .mainnew_list a .word h3{font-size: 20px; margin-bottom: 10px;}
}
@media screen and (min-width:768px) and (max-width:991px){
    .mainnew_list{font-size: 14px;}
    .mainnew_list a{padding:30px 5px;}
    .mainnew_list a span{ bottom: 40px; top:80px;}
    .mainnew_list a p{line-height: 24px;overflow: hidden;text-overflow: ellipsis; display: -webkit-box;
  -webkit-line-clamp: 3; -webkit-box-orient: vertical;}
    .mainnew_list a .time{width: 200px; height: 134px;}
    .mainnew_list a .word{width: 524px;}
    .mainnew_list a .word h3{font-size: 18px; margin-bottom: 10px;}
}
@media screen and (min-width:768px){
    
}
@media screen and (max-width:768px){
    .mainnew_list{ width:100%;}
    .mainnew_list a{ padding:1.2em 0.2em;}
    .mainnew_list a p{line-height: 1.8em;overflow: hidden;text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical;}
    .mainnew_list a .time{width: 25%; height: 5.5em;}
    .mainnew_list a .word{width: 73%; padding:0px 0 0 1% ;}
    .mainnew_list a .word h3{font-size: 1.1em; margin-bottom: 0.3em;overflow: hidden;text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical;}
}

.cplist{ width:100%; margin-top:15px;}
.cplist li{width:293px; background-color:#efefef; float:left; margin-right:8px; margin-top:10px;}
.cplist li img{ margin:7px; display:block; line-height:277px; }
.cplist li h3{ font-size:16px; line-height:30px; text-align:center;}
.cplist li p{ text-align:center; line-height:30px; padding-bottom:10px;}
.cplist li:hover{ background-color:#375c28; color:#fff;}
.cplist li a:hover{ color:#fff;}
.cplist li:nth-child(4){ margin-right:0px;}
.cplist li:nth-child(8){margin-right:0px;}
.cplist li:nth-child(12){ margin-right:0px;}
.cplist li:nth-child(16){ margin-right:0px;}

.mslist{ width:100%; margin-top:15px;}
.mslist li{width:269px;  float:left; margin:15px 3.2% 15px 0px;}
.mslist li img{ display:block; line-height:277px; }
.mslist li h3{ font-size:16px; line-height:30px; text-align:center;}
.mslist li:nth-child(4){ margin-right:0px;}
.mslist li:nth-child(8){margin-right:0px;}
.mslist li:nth-child(12){ margin-right:0px;}
.mslist li:nth-child(16){ margin-right:0px;}


.joblist{ width:100%; background-color:#efefef; margin-top:35px; min-height:540px;}
.joblist .title{ text-align:center; margin:0 auto; width:400px; font-size:18px; font-weight:bold; padding-top:35px;}
.joblist .con{ line-height:35px; text-align:center; margin:0 auto; width:400px; padding-bottom:15px;}
.joblist_fl{ width:360px; background-color:#fff; float:left; position:absolute; height:350px; overflow:hidden; margin-left:14px; padding-top:80px; margin-bottom:20px;  margin-top:60px;}
.joblist_fl p{ padding:20px 10px; line-height:24px;}
.yuan{ position:relative; background:url(../images/yuan.png) no-repeat; width:168px; height:149px;  left:28%; line-height:149px; text-align:center; font-size:20px;}
.jobcon{ width:33%;  }

@media screen and (min-width:1200px){
   .cplist{ width:100%; margin-top:15px;}
.cplist li{width:293px; background-color:#efefef; float:left; margin-right:8px; margin-top:10px;}
.cplist li img{ margin:7px; display:block; line-height:277px; }
.cplist li h3{ font-size:16px; line-height:30px; text-align:center;}
.cplist li p{ text-align:center; line-height:30px; padding-bottom:10px;}
.cplist li:hover{ background-color:#375c28; color:#fff;}
.cplist li:nth-child(4){ margin-right:0px;}
.cplist li:nth-child(8){margin-right:0px;}
.cplist li:nth-child(12){ margin-right:0px;}
.cplist li:nth-child(16){ margin-right:0px;}

.about_contact{padding:70px 0px 40px; border-bottom: 1px #e6e6e6 solid; margin-bottom: 20px;}
	.about_contact .left{width: 60%; text-align: left; float:left;}
	.about_contact .left h3{font-size: 20px; color: #0f7ffd; line-height: 50px;}
	.about_contact .left li{font-size: 18px; line-height: 35px; color: #808080;}
	.about_contact .right{width: 30%; float:right;}
	.about_contact .right p{font-size: 24px;  color: #333; padding-left: 35px;}
}
@media screen and (max-width:1366px) {
	.joblist{ width:100%; background-color:#efefef; margin-top:35px; min-height:550px;}
	.joblist .title{ text-align:center; margin:0 auto; width:400px; font-size:18px; font-weight:bold; padding-top:35px;}
	.joblist .con{ line-height:35px; text-align:center; margin:0 auto; width:400px; padding-bottom:15px;}
	.joblist_fl{ width:24%; background-color:#fff; float:left; position:absolute; min-height:288px; padding-top:80px; margin-left:35px; margin-top:60px;}
	.joblist_fl p{ padding:20px 10px; line-height:24px;}
}

@media screen and (min-width:768px) and (max-width:991px) {
	.cplist{ width:98%; margin-left:1.8%;}
	.cplist li{width:48%; background-color:#efefef; float:left; margin-right:14px; margin-top:10px; text-align:center;}
	.cplist li img{ line-height:277px; text-align:center; vertical-align:middle; margin:0px; padding-left:35px; padding-top:20px;}
	.mslist{ width:100%; margin-top:15px;}
.mslist li{width:30%;  float:left; margin:15px 3.2% 15px 0px;}
.mslist li img{ display:block; line-height:277px; }
.mslist li h3{ font-size:16px; line-height:30px; text-align:center;}
.mslist li:nth-child(4){ margin-right:14px;}
.mslist li:nth-child(8){margin-right:14px;}
.mslist li:nth-child(12){ margin-right:14px;}
.mslist li:nth-child(16){ margin-right:14px;}
.joblist{ width:100%; background-color:#efefef; margin-top:35px; min-height:700px; margin-bottom:20px;}
.joblist .title{ text-align:center; margin:0 auto; width:400px; font-size:18px; font-weight:bold; padding-top:35px;}
.joblist .con{ line-height:35px; text-align:center; margin:0 auto; width:400px; padding-bottom:15px;}
.joblist_fl{ width:24%; background-color:#fff; float:left; position:absolute; height:510px; padding-top:80px; margin-left:35px; margin-top:60px;}
.joblist_fl p{ padding:20px 10px; line-height:24px;}
.yuan{ position:relative; background:url(../images/yuan.png) no-repeat; width:168px; height:149px;  left:16%; line-height:149px; text-align:center; font-size:20px;}
.jobcon{ width:33%;}
.about_culture,.about_about,.about_contact{padding:1.5em 2%;}
	.about_about .right{text-align: center;}

	.about_culture .left,.about_culture .right{text-align: center;}

	.about_contact{border-bottom: 1px #e6e6e6 solid; margin-bottom: 1.5em; margin-top:1.5em;}
	.about_contact .left h3{font-size: 1.5em; color: #0f7ffd; line-height: 2.5;}
	.about_contact .left li{font-size: 1.2em; line-height: 1.8; color: #808080;}
	.about_contact .right{margin-top:1em;}
	.about_contact .right p{font-size: 1.3em;  color: #333; padding-left: 35px;}
.about_contact{padding:70px 0px 40px; border-bottom: 1px #e6e6e6 solid; margin-bottom: 50px;}
	.about_contact .left{width: 60%; text-align: left;}
	.about_contact .left h3{font-size: 20px; color: #0f7ffd; line-height: 50px;}
	.about_contact .left li{font-size: 18px; line-height: 35px; color: #808080;}
	.about_contact .right{width: 30%;}
	.about_contact .right p{font-size: 24px;  color: #333; padding-left: 35px;}
}


@media screen and (min-width:1000px) and (max-width:1123px) { 
	.cplist{ width:98%; margin-left:1.8%;}
	.cplist li{width:31%; background-color:#efefef; float:left; margin-right:14px; margin-top:10px; text-align:center;}
	.cplist li img{ line-height:277px; text-align:center; vertical-align:middle; margin:0px; padding-left:7px; padding-top:7px;}
	.cplist li:nth-child(4){ margin-right:14px; }
	.cplist li:nth-child(8){margin-right:14px;}
	.cplist li:nth-child(12){margin-right:14px; }
	.cplist li:nth-child(16){margin-right:14px; }
	.mslist{ width:100%; margin-top:15px;}
.mslist li{width:30%;  float:left; margin:15px 3.2% 15px 0px;}
.mslist li img{ display:block; line-height:277px; }
.mslist li h3{ font-size:16px; line-height:30px; text-align:center;}
.mslist li:nth-child(4){ margin-right:14px;}
.mslist li:nth-child(8){margin-right:14px;}
.mslist li:nth-child(12){ margin-right:14px;}
.mslist li:nth-child(16){ margin-right:14px;}
.joblist{ width:100%; background-color:#efefef; margin-top:35px; min-height:550px;}
.yuan{ position:relative; background:url(../images/yuan.png) no-repeat; width:168px; height:149px;  left:22%; line-height:149px; text-align:center; font-size:20px;}

}
@media screen and (max-width:480px){
.cplist{ width:98%; margin-left:1.8%;}
	.cplist li{width:46.5%; background-color:#efefef; float:left; margin-right:14px; margin-top:10px; text-align:center;}
	.cplist li img{ line-height:277px; text-align:center; vertical-align:middle; width:95%; margin:0px; padding-left:10px; padding-top:10px;}
	.cplist li:nth-child(4){ margin-right:14px; }
	.cplist li:nth-child(8){margin-right:14px;}
	.cplist li:nth-child(12){margin-right:14px; }
	.cplist li:nth-child(16){margin-right:14px; }
	.mslist{ width:98%; margin-top:15px; margin-left:2%;}
.mslist li{width:45%;  float:left; margin:15px 1.5% 15px 2.2%;}
.mslist li img{ display:block; line-height:277px; }
.mslist li h3{ font-size:16px; line-height:30px; text-align:center;}
.mslist li:nth-child(4){ margin-right:14px;}
.mslist li:nth-child(8){margin-right:14px;}
.mslist li:nth-child(12){ margin-right:14px;}
.mslist li:nth-child(16){ margin-right:14px;}

.joblist{ width:98%; margin-left:1%; background-color:#efefef; margin-top:35px; min-height:1400px; margin-bottom:20px;}
.joblist .title{ text-align:center; margin:0 auto; width:400px; font-size:18px; font-weight:bold; padding-top:35px;}
.joblist .con{ line-height:35px; text-align:center; margin:0 auto; width:400px; padding-bottom:15px;}
.joblist_fl{ width:95%; background-color:#fff; float:left; position:absolute; min-height:288px; padding-top:80px; margin-top:60px; left:-25px;}
.joblist_fl p{ padding:20px 10px; line-height:24px;}
.yuan{ position:relative; background:url(../images/yuan.png) no-repeat; width:168px; height:149px;  left:28%; line-height:149px; text-align:center; font-size:20px;}
.jobcon{ width:98%;  min-height:350px; margin-bottom:20px;}
.jobcon .fl{ float:inherit;}
	
}


.mnew .title{text-align: center; color: #000; line-height: 2;}
.mnew .datetime{display: block; text-align: center;color: #999;}
.new_page{line-height: 2;}

.pxbox{ width:100%;}
.pxbox .title{ width:200px; margin:0 auto; font-size:30px; text-align:center; margin-top:30px;}
.pxbox .line{ width:60px; height:3px; background-color:#a40000; margin:0 auto; margin-top:10px;}
.pxbox .con{ width:90%; margin:0 auto; margin-top:25px; font-size:20px; line-height:35px; text-indent:40px;}
.pxbox2{ width:100%; margin-top:30px;}
.pxbox2 .fl{ width:50%; background:url(../images/bj1.jpg) no-repeat; height:587px; margin:0px; padding:0; margin-left:3px;}
.pxbox2 .fl2{ width:50%; background:url(../images/bg2.jpg) no-repeat; height:587px; margin:0px; padding:0; float:left; border:0px; margin-left:-7px;}
.pxbox2 .fl2 .con{ width:545px; padding-left:50px; }
.pxbox2 .fl2 .con .title{ width:545px; margin:0 auto; margin-top:40px; font-size:24px; color:#fff; text-align:center; margin-bottom:60px;}
.pxbox2 .fl2 .con .con1{ width:545px; height:75px; background-color:#fff; margin-top:15px; line-height:30px; text-align:center;}
.pxbox2 .fl2 .con .con1 h3{ color:#a40000; padding-top:15px; font-size:20px;}
.pxbox2 .fl2 .con .con2{ width:545px; height:75px; background-color:#000; color:#a40000; margin-top:15px; line-height:75px; text-align:center;}
.pxbox2 .fl2 .con .con2 h3{line-height:75px;}

.pxbox3{ width:1200px; margin:0 auto; clear:both; }
.pxbox3 .title{ font-size:30px; text-align:center; margin-top:30px;}
.pxbox3 .con{ font-size:18px; text-align:center; margin-top:15px; margin-bottom:25px;}
.pxbox3 ul{}
.pxbox3 ul li{ float:left; width:45%; margin-right:60px; min-height:130px; margin-top:30px;}
.pxbox3 .ttt{ width:201px; height:54px; background:url(../images/t1bg.png) no-repeat; color:#fff; line-height:54px; text-align:center; font-size:24px;}
.pxbox3 .conn{font-size:18px; line-height:30px; margin-top:15px;}
.pxbox3 ul li:nth:child(2){ margin-right:0px;}
.pxbox3 ul li:nth:child(4){ margin-right:0px;}
.about_about form{ margin:0 auto; width:70%; }
.int1{ width:100%; height:37px; margin-top:20px; font-size:14px; padding-left:10px; border:1px solid #dedede;}
.nr{ margin-top:25px; padding-left:10px; border:1px solid #dedede; width:100%;}
.yzm{ width:80%; height:37px; margin-top:20px; font-size:14px; padding-left:10px; float:left; border:1px solid #dedede;}
.yzt{ width:20%; float:left; height:37px;  margin-top:20px; border:1px solid #dedede; border-left:0px;}
.yzt img{ padding-left:12%;}
.sub{ width:100%; height:37px; background-color:#333333; line-height:37px; text-align:center; color:#fff; border:0px; margin-top:20px;}

.yflist{ width:100%;}
.yflist img{ max-width:560px; height:auto; margin-top:40px; margin-bottom:20px; }
.yflist .fl{ position:relative;}
.yflist .hh{ position:relative; top:-80px; max-width:560px; height:60px; line-height:60px; background-color:#000; color:#fff; text-align:center;   z-index:10;background-color: rgba(0,0,0,0.5);  font-size:16px; display:none; }
.yflist .fl:hover .hh{ position:absolute; top:296px; width:100%; height:60px; line-height:60px; background-color:#000; color:#fff; text-align:center;  background-color: rgba(0,0,0,0.5); z-index:10; font-size:16px; display:block; }
.yflist .fr{ position:relative; }
.yflist .fr:hover .hh{ position:absolute; top:296px; width:100%; height:60px; line-height:60px; background-color:#000; color:#fff; text-align:center;  background-color: rgba(0,0,0,0.5); z-index:10; font-size:16px; display:block; }





@media screen and (min-width:1200px){

    
    .mnew .title{font-size: 24px;}
    .mnew .datetime{margin:15px 0; }
}
@media screen and (min-width:991px) and (max-width:1200px){
    .mnew .title{font-size: 22px;}
    .mnew .datetime{margin:10px 0;}
}
@media screen and (min-width:768px) and (max-width:991px){


    .mnew .title{font-size: 20px;}
    .mnew .datetime{margin:6px 0;}
}
    
@media screen and (min-width:768px){
 
    .mnew{padding:30px 15px;}
    .prevnext{margin-top:40px;}
    .prevnext a{display: block; line-height: 2; max-width: 50%; float: left;}
    .prevnext a.next{float: right;}
}
@media screen and (max-width:768px){
	
	.mnew{padding:1em 2%;}
    .mnew .title{font-size: 1.4em;}
    .mnew .datetime{font-size: 0.9em; margin:0.5em 0;}
    .prevnext{ padding-top:1.5em;}
    .prevnext a{display: block; line-height: 2;}
	.pxbox2{ width:100%; margin-top:30px;}
.pxbox2 .fl{ width:100%; background:url(../images/bj1.jpg) no-repeat; height:587px; margin:0px; padding:0; margin-left:3px; display:none;}
.pxbox2 .fl2{ width:100%; background:url(../images/bg2.jpg) no-repeat; height:587px; margin:0px; padding:0; float:left; border:0px; margin-left:0px;}
.pxbox2 .fl2 .con{ width:100%; padding-left:0px;  }
.pxbox2 .fl2 .con .title{ width:100%; margin:0 auto; margin-top:40px; font-size:24px; color:#fff; text-align:center; margin-bottom:60px;}
.pxbox2 .fl2 .con .con1{ width:90%; height:75px; margin-left:5%; background-color:#fff; margin-top:15px; line-height:30px; text-align:center;}
.pxbox2 .fl2 .con .con1 h3{ color:#a40000; padding-top:15px; font-size:20px;}
.pxbox2 .fl2 .con .con2{ width:90%; height:75px; background-color:#000; color:#a40000; margin-left:5%; margin-top:15px; line-height:75px; text-align:center;}
.pxbox2 .fl2 .con .con2 h3{line-height:75px;}

.pxbox3{ width:100%; margin:0 auto; clear:both; }
.pxbox3 .title{ font-size:30px; text-align:center; margin-top:30px;}
.pxbox3 .con{ font-size:18px; text-align:center; margin-top:15px; margin-bottom:25px;}
.pxbox3 ul{}
.pxbox3 ul li{ float:left; width:98%; margin-left:1%; min-height:130px; margin-top:30px;}
.pxbox3 .ttt{ width:201px; height:54px; background:url(../images/t1bg.png) no-repeat; color:#fff; line-height:54px; text-align:center; font-size:24px;}
.pxbox3 .conn{font-size:18px; line-height:30px; margin-top:15px;}
.pxbox3 ul li:nth:child(2){ margin-right:0px;}
.pxbox3 ul li:nth:child(4){ margin-right:0px;}

.yflist{ width:98%; margin-left:1.5%;}
.yflist img{ max-width:97%; height:auto; margin-top:40px; margin-bottom:20px; }
.yflist .fl{ position:relative; width:50%;}
.yflist .hh{ position:relative; top:-80px; max-width:97%; height:60px; line-height:60px; background-color:#000; color:#fff; text-align:center;   z-index:10;background-color: rgba(0,0,0,0.5);  font-size:16px; display:block; }

.yflist .fr{ position:relative; width:50%;}


}

@media screen and (min-width:1000px) and (max-width:1123px) { 

.pxbox2 .fl{ width:100%; background:url(../images/bj1.jpg) no-repeat; height:587px; margin:0px; padding:0; margin-left:3px; display:none;}
.pxbox2 .fl2{ width:100%; background:url(../images/bg2.jpg) no-repeat center #a90100; height:587px; margin:0px; padding:0; float:left; border:0px; margin-left:0px;}
.pxbox2 .fl2 .con{ width:100%; padding-left:0px;  }
.pxbox2 .fl2 .con .title{ width:100%; margin:0 auto; margin-top:40px; font-size:24px; color:#fff; text-align:center; margin-bottom:60px;}
.pxbox2 .fl2 .con .con1{ width:90%; height:75px; margin-left:5%; background-color:#fff; margin-top:15px; line-height:30px; text-align:center;}
.pxbox2 .fl2 .con .con1 h3{ color:#a40000; padding-top:15px; font-size:20px;}
.pxbox2 .fl2 .con .con2{ width:90%; height:75px; background-color:#000; color:#a40000; margin-left:5%; margin-top:15px; line-height:75px; text-align:center;}
.pxbox2 .fl2 .con .con2 h3{line-height:75px;}

.pxbox3{ width:100%; margin:0 auto; clear:both; }
.pxbox3 .title{ font-size:30px; text-align:center; margin-top:30px;}
.pxbox3 .con{ font-size:18px; text-align:center; margin-top:15px; margin-bottom:25px;}
.pxbox3 ul{}
.pxbox3 ul li{ float:left; width:98%; margin-left:1%; min-height:130px; margin-top:30px;}
.pxbox3 .ttt{ width:201px; height:54px; background:url(../images/t1bg.png) no-repeat; color:#fff; line-height:54px; text-align:center; font-size:24px;}
.pxbox3 .conn{font-size:18px; line-height:30px; margin-top:15px;}
.pxbox3 ul li:nth:child(2){ margin-right:0px;}
.pxbox3 ul li:nth:child(4){ margin-right:0px;}
.yflist{ width:98%; margin-left:1.5%;}
.yflist img{ max-width:97%; height:auto; margin-top:40px; margin-bottom:20px; }
.yflist .fl{ position:relative; width:50%;}
.yflist .hh{ position:relative; top:-80px; max-width:97%; height:60px; line-height:60px; background-color:#000; color:#fff; text-align:center;   z-index:10;background-color: rgba(0,0,0,0.5);  font-size:16px; display:block; }

.yflist .fr{ position:relative; width:50%;}
}

@media screen and (max-width:480px){
.pxbox2{ width:100%; margin-top:30px;}
.pxbox2 .fl{ width:100%; background:url(../images/bj1.jpg) no-repeat; height:587px; margin:0px; padding:0; margin-left:3px; display:none;}
.pxbox2 .fl2{ width:100%; background:url(../images/bg2.jpg) no-repeat; height:587px; margin:0px; padding:0; float:left; border:0px; margin-left:0px;}
.pxbox2 .fl2 .con{ width:100%; padding-left:0px;  }
.pxbox2 .fl2 .con .title{ width:100%; margin:0 auto; margin-top:40px; font-size:24px; color:#fff; text-align:center; margin-bottom:60px;}
.pxbox2 .fl2 .con .con1{ width:90%; height:75px; margin-left:5%; background-color:#fff; margin-top:15px; line-height:30px; text-align:center;}
.pxbox2 .fl2 .con .con1 h3{ color:#a40000; padding-top:15px; font-size:20px;}
.pxbox2 .fl2 .con .con2{ width:90%; height:75px; background-color:#000; color:#a40000; margin-left:5%; margin-top:15px; line-height:75px; text-align:center;}
.pxbox2 .fl2 .con .con2 h3{line-height:75px;}

.pxbox3{ width:100%; margin:0 auto; clear:both; }
.pxbox3 .title{ font-size:30px; text-align:center; margin-top:30px;}
.pxbox3 .con{ font-size:18px; text-align:center; margin-top:15px; margin-bottom:25px;}
.pxbox3 ul{}
.pxbox3 ul li{ float:left; width:98%; margin-left:1%; min-height:130px; margin-top:30px;}
.pxbox3 .ttt{ width:201px; height:54px; background:url(../images/t1bg.png) no-repeat; color:#fff; line-height:54px; text-align:center; font-size:24px;}
.pxbox3 .conn{font-size:18px; line-height:30px; margin-top:15px;}
.pxbox3 ul li:nth:child(2){ margin-right:0px;}
.pxbox3 ul li:nth:child(4){ margin-right:0px;}

.yflist{ width:98%; margin-left:1.5%;}
.yflist img{ max-width:100%;  margin-top:40px; margin-bottom:20px; }
.yflist .fl{ position:relative; width:100%; float:none; height:229px; overflow:hidden;}
.yflist .hh{ position:relative; top:-120px; max-width:100%; height:60px; line-height:60px; background-color:#000; color:#fff; text-align:center;   z-index:10;background-color: rgba(0,0,0,0.5);  font-size:16px; display:block; }

.yflist .fr{ position:relative; float:none; width:100%; height:229px; overflow:hidden;}

}