@charset "utf-8";
/* CSS Document */
/*{font-family:"微軟正黑體";}*/
body{margin:0px; padding:0px; font-size:14px; /* font-family:"微軟正黑體"; */}
p,form,h1,h2,h3,h4,dd,dt,dl,em{margin:0px; padding:0px; font-weight: normal;font-style: normal;}
ul{margin:0px; padding:0px; list-style:none;}
img{vertical-align:middle; border:none;max-width: 100%;transition: all 0.6s;}
a{text-decoration:none;
	-webkit-transition: all .5s;   
	-moz-transition: all .5s;   
	-ms-transition: all .5s;   
	-o-transition: all .5s;   
	transition: all .5s;  
}
i,em{font-style: normal;/*font-family: 'FontAwesome';*/}
.clear{clear:both;}
.pc{display: block;}
.wap{display: none;}
input,button{outline: none;}
/*******************************************/
#pages{padding: 20px 0; height: 30px; text-align: center;}
#pages ul{display: inline-block;}
#pages li{float: left; margin: 0 2px; height: 27px; line-height: 27px; color: #333; border: 1px solid #ddd; margin-bottom: 5px; }
#pages a{background-color: #fff; color: #333; background-image: none !important; border: none; padding: 0 10px; display: block;}
#pages a:hover{background-color: #eee; background-image: none !important;}
#pages li span{display: inline-block; padding: 0 10px;}
#pages .disabled span{display: inline-block; padding: 0px 10px;background-color: #eee; color: #333;}
#pages .active{background-color: #428BCA; color: #fff;}
/*******************************************/
.top{
	width: 100%; height: 100px; background: rgba(255,255,255,0.15); position: absolute; left: 0px; top: 0px; z-index: 1; display: flex; align-items: center; justify-content: space-between;
}
.logo{
	margin-left: 50px;
}
.logo img{
	height: 100px;
}
.topr{
	display: flex;
}
.nav ul{
	display: flex;
}
.nav li{
	width: 110px; background-image: url(../images/xie.png); background-repeat: no-repeat; background-position: right; position: relative; text-align: center;
}
.nav li span a{
	font-size: 16px; color: #fff;
}
.nav li:last-child{
	background-image: none;
}

.nav li div{
	position: absolute; width: 100%; padding-top: 20px; display: none;
}
.nav li div p{
	background-color: #fff; border-radius: 10px; padding: 10px 5px;
}
.nav li div p:before{
	content: ''; background-image: url(../images/sanjiao.png); width: 15px; height: 6px; top: -16px; left: 50%; margin-left: -7.5px; display: block; position: relative;
}
.nav li div p a{
	display: block; border-bottom: 1px solid #EEEEEE; padding: 5px 0; font-size: 13px; color: #000;
}
.nav li div p a:hover{
	color: #FD9C27;
}
.nav .navcur span a{
	color: #FD9C27; font-weight: bold;
}
.tel{
	margin: 0 30px;
}
.nav li:hover span a{
	color: #FD9C27; font-weight: bold;
}
.nav li:hover div{
	display: block;
}
.m1{
	width: 1200px; margin: auto; max-width: 94%; padding: 100px 0;
}
.tit{
	text-align: center;
}
.m1a{
	display: flex; margin-top: 85px;
}
.m1a1{
	display: flex; justify-content: center; align-items: center; width: 120px; height: 215px;
}
.m1a2 a{
	display: flex; flex-direction: column; width: 240px; justify-content: center; align-items: center;
}
.m1a2 label{
	display: flex; justify-content: center; align-items: center; cursor: pointer; width: 186px; height: 215px; background-image: url(../images/liubian.png); background-position: center; background-repeat: no-repeat;
}
.m1a2:hover h1{
	color: #FF8901;
}
.m1a2 h1{
	font-size: 18px; color: #000; margin: 20px 0;
}
.m1a2 p{
	font-size: 14px; color: #A8A8A8; height: 60px; line-height: 30px; overflow: hidden; text-align: justify;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2
}
.m2box{
	height: 738px; background-image: url(../images/cpbg.jpg); background-position: center; background-repeat: no-repeat; padding: 80px 0;
}
.m2a{
	width: 1200px; margin: auto; max-width: 94%;
}


#slide{position:relative;width:1200px;height:670px;margin:auto; margin-top:80px;}
#slide .bd{position:absolute;height:100%;}
#slide .cover{position:relative;width:1200px;height:100%;overflow:hidden;}
#slide ul{position:relative;overflow:hidden;height:100%;width:10000px;}
#slide li{position:relative;float:left;display:inline-flex;width:1200px;height:600px; flex-wrap: wrap;justify-content: space-between;}
#slide li:after{content: ''; flex: auto;}
#slide li a{display: flex; flex-direction: column; width: calc((100% - 24px * 2) / 3); margin-right: 24px;}
#slide li a:nth-child(3n){margin-right: 0;}
#slide li a label{display: flex; width: 384px; height: 216px; background-color: #fff; overflow: hidden; justify-content: center; align-items: center; cursor: pointer;}
#slide li a p{font-size: 18px; color: #fff; height: 84px; display: flex; justify-content: center; align-items: center;}
#slide li a:hover p{color: #FF8901;}
#slide .btn{position:absolute;top:230px;width:48px;height:48px;color:#FFFFFF;outline:none;}
#slide .left-btn{left:-130px; background-image:url(../images/leftbtn.png);}
#slide .right-btn{right:-130px; background-image:url(../images/rightbtn.png);}	

.m3{
	width: 1200px; margin: auto; max-width: 94%; padding: 70px 0;
}
.m3a{
	margin-top: 70px; display: flex; justify-content: space-between;
}
.m3a1{
	width: 456px; height: 514px; overflow: hidden; position: relative;
}
.m3a p{
	position: absolute; width: 100%; height: 60px; padding: 0 10px; background: rgba(255, 137, 1, 0.63); overflow: hidden; display: flex; justify-content: center; align-items: center; left: 0; bottom: 0; color: #000; font-size: 16px;
}
.m3a2{
	display: flex; flex-direction: column; justify-content: space-between; width: 456px;
}
.m3a2 li{
	width: 100%; height: 244px; position: relative; overflow: hidden;
}
.m3a3{
	width: 232px; height: 514px; overflow: hidden; position: relative;
}
.m3a img{
	max-width: none; min-width: 100%; height: 100%;
}
.m4box{
	padding: 100px 0; background-color: #eee;
}
.m4{
	width: 1200px; margin: auto; max-width: 94%; margin-top: 70px; display: flex; justify-content: space-between;
}
.m4b{
	width: 590px;
}
.m4b1{
	font-size: 30px; color: #000;
}
.m4b2{
	height: 300px; line-height: 30px; overflow: hidden; font-size: 16px; color: #666; margin-top: 10px;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 10
}
.m5{
	width: 1200px; margin: auto; max-width: 94%; padding: 70px 0;
}
.m5a{
	margin-top: 30px;
}
.m5a ul{
	display: flex; flex-wrap: wrap; justify-content: space-between;
}
.m5a li{
	width: 560px; margin-top: 35px;
}
.m5a li a{
	display: flex; justify-content: space-between;
}
.m5a li label{
	width: 90px; height: 90px; display: flex; justify-content: center; align-items: center; background-color: #EEEEEE; border-radius: 10px; flex-direction: column; color: #000;
}
.m5a li label span{
	font-size: 30px;
}
.m5a li label b{
	font-size: 14px;
}
.m5a li div{
	width: 440px; display: flex; flex-direction: column; justify-content: space-between;
}
.m5a li div h1{
	color: #000; font-size: 18px; overflow: hidden; height: 30px; line-height: 30px; text-overflow: ellipsis; white-space: nowrap;
}
.m5a li div p{
	height: 50px; line-height: 25px; overflow: hidden; color: #999; font-size: 14px; text-align: justify;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2
}
.m5a li:hover label{
	color: #fff; background-color: #FF8901;
}
.m5a li:hover h1{
	color: #FF8901;
}
.foot{
	background-color: #242424; padding: 25px 0; text-align: center; color: #9A9A9A;
}
.fta{
	margin-top: 15px; font-size: 15px; line-height: 30px;
}
.di{
	background-color: #333333; padding: 15px 0; font-size: 15px; color: #9A9A9A; text-align: center;
}
.wzbox{
	background-color: #F9F9F9;
}
.wz{
	width: 1200px; margin: auto; max-width: 94%; display: flex; justify-content: space-between; height: 60px; align-items: center;
}
.wz img{
	margin-right: 10px;
}
.wza{
	font-size: 14px; color: #000; display: flex; justify-content: center; align-items: center;
}
.wza a{
	color: #000;
}
.wza a:hover{
	color: #FF8901;
}
.wzb{
	display: flex; height: 100%;
}
.wzb a{
	display: flex; justify-content: center; align-items: center; height: 100%; border-right: 1px solid #D9D9D9; font-size: 15px; color: #222; padding: 0 20px;
}
.wzb a:hover{
	background-color: #FF8901; color: #fff;
}
.wzb .wzcur{
	background-color: #FF8901; color: #fff;
}
.nei{
	width: 1200px; margin: auto; max-width: 94%;
}
.plist{
	display: flex; justify-content: space-between; flex-wrap: wrap; padding-top: 60px;
}
.plist:after{
	content: ''; flex: auto;
}
.plist a{
	display: flex; flex-direction: column; width: calc((100% - 24px * 2) / 3);  margin-right: 24px;
}
.plist a:nth-child(3n){
	margin-right: 0;
}
.plist label{
	display: flex; height: 210px; box-shadow: 0 0 10px #ddd; justify-content: center; align-items: center; cursor: pointer; overflow: hidden; padding: 20px;
}
.plist p{
	height: 80px; justify-content: center; display: flex; align-items: center; color: #000; font-size: 16px;
}
.plist a:hover p{
	color: #FF8901;
}
.pda{
	display: flex; justify-content: space-between; margin-top: 50px;
}
.pda1{
	display: flex; width: 400px; height: 400px; box-shadow: 0 0 10px #ddd; justify-content: center; align-items: center; cursor: pointer; overflow: hidden;
}
.pda2{
	width: 760px; display: flex; flex-direction: column; justify-content: space-between;
}
.pda21{
	font-size: 30px; color: #000;
}
.pda22{
	border-top: 1px solid #E8E8E8; border-bottom: 1px solid #E8E8E8; padding: 30px 0; display: flex; justify-content: space-between;
}
.pdx{
	width: 610px; line-height: 35px;
}
.pdx span{
	font-size: 16px; color: #A1A1A1; width: 70px; text-align-last: justify; display: inline-block;
}
.pdx i{
	font-size: 16px; color: #A1A1A1;
}
.pdy{
	width: 140px; display: flex; align-items: center;
}
.pda23{
	height: 80px; display: flex; align-items: center; font-size: 16px;
}
.pdb{
	background-color: #F2F2F2; height: 50px; line-height: 50px; margin-top: 30px;
}
.pdb span{
	display: flex; width: 110px; justify-content: center; align-items: center; background-color: #FF8901; color: #000; font-size: 16px;
}
.pdc{
	padding: 30px; line-height: 30px; font-size: 15px; text-align: justify;
}
.pdd{
	border-top: 1px solid #E0E0E0; height: 100px;
}
.title{
	border-bottom: 1px solid #F2F2F2; display: flex; justify-content: center; align-items: center; font-size: 30px; color: #000; padding: 40px 0;
}
.info{
	padding: 30px; line-height: 30px; font-size: 15px; text-align: justify; margin-bottom: 50px;
}
.info table{
	border: 1px solid #C1C1C1; border-collapse: collapse; width: 100%;
}
.info table th{
	border: 1px solid #C1C1C1; padding: 0 20px;
}
.info table td{
	border: 1px solid #C1C1C1; padding: 0 20px; text-align: left;
}
.lxa{
	padding: 50px 0; border-bottom: 1px solid #E3E3E3; display: flex; justify-content: space-between;
}
.lxa1{
	display: flex; flex-direction: column;
}
.map{
	width: 586px; height: 377px; float: flex; justify-content: center; align-items: center; border-radius: 20px; overflow: hidden;
}
.sm{
	display: flex; justify-content: center; align-items: center; padding-top: 30px; font-size: 16px;
}
.sm img{
	margin:  0 20px;
}
.lxb{
	padding: 100px 0; width: 450px; margin: auto;
}
.lxb2{
	line-height: 50px; font-size: 18px; color: #333; margin-top: 30px;
}
.job{
	padding: 30px 0; margin-bottom: 30px;
}
.joba{
	display: flex; justify-content: space-between; border-bottom: 1px solid #F2F2F2; padding: 25px 0;
}
.joba1{
	font-size: 18px; color: #000; padding-left: 15px;
}
.joba2{
	display: flex; justify-content: center; align-items: center;
}
.joba2 span{
	width: 160px; display: block; text-align: center; font-size: 18px; color: #000;
}
.jx{
	display: flex; justify-content: space-between; border-bottom: 1px solid #F2F2F2; padding: 25px 0; cursor: pointer;
}
.jobe1{
	font-size: 16px; color: #666; padding-left: 15px;
}
.jobe2{
	display: flex; justify-content: center; align-items: center;
}
.jobe2 span{
	width: 160px; display: block; text-align: center; font-size: 16px; color: #666;
}
.jobf{
	display: none;
}
.jobf1{
	font-size: 14px; line-height: 30px; text-align: justify; color: #000; padding: 25px 0;
}
.jobf2{
	text-align: center; margin-bottom: 15px;
}
.jobf2 a{
	display: inline-block; background-color: #FF8901; color: #000; font-size: 14px; font-weight: bold; border-radius: 10px; padding: 10px 20px;
}
.jx:hover{
	background-color: #f3f3f3;
}
.jx:hover .jobe1{
	color: #FF8901;
}
.jx:hover .jobe2 span{
	color: #FF8901;
}
.jobe .jobcur{
	background-color: #f3f3f3; 
}
.jobe .jobcur .jobe1{
	color: #FF8901; 
}
.jobe .jobcur .jobe2 span{
	color: #FF8901; 
}


.nlist{
	padding-top: 30px;
}
.nlist li{
	margin-top: 35px; border-bottom: 1px solid #EDEDED; padding-bottom: 30px;
}
.nlist li a{
	display: flex; justify-content: space-between;
}
.nlist li label{
	width: 90px; height: 90px; display: flex; justify-content: center; align-items: center; background-color: #EEEEEE; border-radius: 10px; flex-direction: column; color: #000;
}
.nlist li label span{
	font-family: 'Arial'; font-size: 30px;
}
.nlist li label b{
	font-family: 'Arial'; font-size: 14px;
}
.nlist li div{
	width: 1080px; display: flex; flex-direction: column; justify-content: space-between;
}
.nlist li div h1{
	color: #000; font-size: 18px; overflow: hidden; height: 30px; line-height: 30px; text-overflow: ellipsis; white-space: nowrap;
}
.nlist li div p{
	height: 50px; line-height: 25px; overflow: hidden; color: #999; font-size: 14px; text-align: justify;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2
}
.nlist li:hover label{
	color: #fff; background-color: #FF8901;
}
.nlist li:hover h1{
	color: #FF8901;
}
.fenye{
	padding: 30px 0;
}
.xinxi{
	text-align: center; padding-top: 30px; color: #999;
}
.lishi{
	padding: 50px 0; width: 1000px; margin: auto;
}
.lishi div{
	display: flex; align-items: flex-start; line-height: 40px;
}
.lishi div h1{
	font-size: 20px; color: #333; width: 50px;
}
.lishi div span{
	display: inline-block; width: 60px; height: 20px; border-bottom: 1px solid #CCCCCC; margin: 0 10px;
}
.lishi div p{
	font-size: 16px; width: 850px;
}
.zlist{
	display: flex; justify-content: space-between; flex-wrap: wrap; padding-top: 60px;
}
.zlist:after{
	content: ''; flex: auto;
}
.zlist a{
	display: flex; flex-direction: column; width: calc((100% - 50px * 3) / 4);  margin-right: 50px;
}
.zlist a:nth-child(4n){
	margin-right: 0;
}
.zlist label{
	display: flex; height: 300px; box-shadow: 0 0 10px #ddd; justify-content: center; align-items: center; cursor: pointer; overflow: hidden;
}
.zlist p{
	height: 80px; justify-content: center; display: flex; align-items: center; color: #000; font-size: 16px;
}
.zlist a:hover p{
	color: #FF8901;
}
.sblist{
	display: flex; justify-content: space-between; flex-wrap: wrap; padding-top: 60px;
}
.sblist:after{
	content: ''; flex: auto;
}
.sblist a{
	display: flex; flex-direction: column; width: calc((100% - 24px * 1) / 2);  margin-right: 24px;
}
.sblist a:nth-child(2n){
	margin-right: 0;
}
.sblist label{
	display: flex; height: 310px; box-shadow: 0 0 10px #ddd; justify-content: center; align-items: center; cursor: pointer; overflow: hidden; padding: 20px;
}
.sblist p{
	height: 80px; justify-content: center; display: flex; align-items: center; color: #000; font-size: 16px;
}
.sblist a:hover p{
	color: #FF8901;
}
.lanmu{
	display: flex; justify-content: space-between; flex-wrap: wrap; padding: 0 10px;
}
.lanmu a{
	display: inline-block; background-color: #eee; width: 45%; height: 35px; margin-top: 10px; font-size: 13px; color: #666; line-height: 35px; padding: 0 2%;
}
.lanmu .lanmucur{
	background-color: #FF8901; color: #fff;
}
.wm2{
	padding: 20px 0; background-image: url(../images/cpbg.jpg); background-position: center; background-repeat: no-repeat;
}
.wm2a{
	width: 100%; display: flex; justify-content: space-between; flex-wrap: wrap; max-width: 94%; margin: auto;
}
.wm2a div{
	width: 48%;
}
.wm2a div a{
	display: flex; justify-content: center; align-items: center; width: 100%; margin-top: 15px; flex-direction: column;
}
.wm2a div label{
	display: flex; justify-content: center; align-items: center; width: 100%; border: 1px solid #eee; cursor: pointer;
}
.wm2a div img{
	max-width: none; min-width: 100%; height: 100%;
}
.wm2a div p{
	height: 35px; font-size: 12px; display: flex; justify-content: center; align-items: center; color: #fff;
}
.wm3{
	padding: 20px 0;
}
.wm3a{
	width: 100%; display: flex; justify-content: space-between; flex-wrap: wrap; max-width: 94%; margin: auto;
}
.wm3a div{
	display: flex; justify-content: center; align-items: center; position: relative; width: 48%; margin-top: 15px;
}
.wm3a div img{
	max-width: none; min-width: 100%; height: 100%;
}
.wm3a div p{
	position: absolute; width: 100%; height: 35px; font-size: 12px; left: 0px; bottom: 0; display: flex; justify-content: center; align-items: center; background: rgba(255, 137, 1, 0.63); overflow: hidden;
}
.wapnav{
	width:100%; background-color:#F8F8F8; height:auto; display:none;
}
.wapnav li{
	padding:0px; font-size:16px; color:#777777;
}
.wapnav li a{
	color:#777777;
}
.wapnav dl{
	padding-left:30px; border-bottom:1px solid #E7E7E7; display:none;
}
.wapnav dl dd{
	line-height:35px; font-size:14px;
}
.wapnav span{
	 display:block; line-height:40px; padding-left:10px; border-bottom:1px dashed #E7E7E7;
}
.wapnav .navmoon{
	 background-color:#E6E6E6;
}
.sanxian{
	width: 42px; height: 30px; display: none; cursor: pointer; margin-right: 20px;
}
.foot a{
	color: #9a9a9a;
}
.ablogo img{
	height: 100px;
}
.ad img{
	width: 100%;
}