@charset "utf-8";

.topArea { position:fixed; background:#fff;box-shadow: none; }

/* Banner */
.banner { position:relative; margin-top:100px; }
.swiper-container-1 .img02 { display:none; }

@media all and (max-width:1280px){
	.banner { margin-top:60px; }
}
@media all and (max-width:750px){
	.swiper-container-1 .img01 { display:none; }
	.swiper-container-1 .img02 { display:block; }
}
 
/* 主体 */
.container { position:relative; }
.wrap { position:relative; margin:0 auto; }
.main { padding:60px 0 40px; }

@media all and (max-width:1680px){
	.main { padding:50px 0 40px; }
}
@media all and (max-width:1280px){
	.main { padding:30px 0; }
}

/* 二级、三级菜单 */
.leftTitle { display:none; position:relative; font-size:30px; color:#333; font-weight:bold; line-height:1; padding-bottom:35px; border-bottom:1px solid #afb6c7; }
.leftTitle:before { position:absolute; left:0; bottom:-2px; display:block; content:""; width:50px; height:3px; background:#014182; z-index:5; }

/* 二级、三级菜单 */
.menu { position:absolute; left:0; right:0; top:-115px; background:#fff; z-index:5; }
.menu ul { text-align:center; }
.menu ul li { float:left; display:block; font-size:0; }
.menu ul li a { display:inline-block; padding:0 35px; font-size:18px; color:#333; text-align:center; line-height:90px; }
.menu ul li a.current,.menu ul li a:hover { background:linear-gradient(to right,#045796,#85c383); color:#fff; }
  
.m-rdm { padding:50px 0 0; text-align:center; font-size:0; }
.m-rdm a { display:inline-block; padding:0 50px; line-height:60px; background:#f5f5f5; font-size:24px; color:#333; }
.m-rdm a:nth-child(1) { border-radius:35px 0 0 35px; }
.m-rdm a:last-child { border-radius:0 35px 35px 0; }
.m-rdm a:hover,.m-rdm .current { background:linear-gradient(to right,#045796,#85c383);  color:#fff; }

@media all and (max-width:1680px){
	.menu { top:-85px; }
	.menu ul li a { padding:0 25px; font-size:16px; line-height:60px; }
	
	.m-rdm { padding:40px 0 0; }
	.m-rdm a { padding:0 30px; line-height:50px; font-size:18px; }
}
@media all and (max-width:1200px){
	.menu { position:relative; top:0; margin-top:20px; box-shadow: #eee 0px 0px 10px; }
	.menu ul li a { padding:0 20px; font-size:14px; line-height:40px; }
	
	.m-rdm { padding:20px 0 0; }
	.m-rdm a { padding:0 15px; line-height:35px; font-size:14px; }
}
@media all and (max-width:750px){
	.menu { padding:10px; }
	.menu ul li { float:left; width:32%; margin:0 2% 10px 0; text-align:center; }
	.menu ul li:nth-child(3n) { margin-right:0; }
	.menu ul li a { display:block; padding:0 5px; line-height:35px; background:#eee; font-size:12px; border-bottom:none; overflow:hidden; text-overflow: ellipsis; white-space: nowrap; }
	
	.m-rdm { padding:20px 0 0; }
	.m-rdm  a {  font-size:12px; }
 
 
}
 
/* 面包屑 */
.location {float:left; display:none; }
.location h3 { display: none;}
.breadcrumbs {line-height: 90px;}
.breadcrumbs a { display:inline-block; margin-left:16px; padding-left:22px;vertical-align:top;font-size: 16px;color: #333333;background: url(a1_03.png) no-repeat left center;}
.breadcrumbs .u-home { padding-left:0px;background: none;}


@media all and (max-width:1200px){
	.location { display:none; }
}
 
/* 内容模式 */
.article { padding:0; line-height:2; font-size:16px; word-wrap:break-word; }
.article .hd { padding:0 0 20px; text-align:center; }
.article .hd h1 { color:#000; font-size:20px; line-height:1.5; }
.article .hd .titBar { color:#797979; font-size:12px; margin-top:5px; } 
.article .bd { padding-bottom:40px; font-size:16px; }
.article .ft { padding:20px 0 0; border-top:1px solid #ddd; }
.article .ft ul li { height:30px; line-height:30px; overflow:hidden; text-overflow: ellipsis; white-space: nowrap; }
.article img { max-width:100%; }

.article01 { background:#fff; padding:30px; }
.article02 { padding-bottom:60px; }

@media all and (max-width:1200px){
	.article { font-size:14px; }
	.article .bd { font-size:14px; }
	
	.article01 { padding:30px 4%; }
	.article02 { padding-bottom:30px; }
}
@media all and (max-width:750px){
	.article img { max-width:100%!important; height:auto!important; }
}

/* 头部新闻 */
.hotNews { margin-bottom:30px; background:#848484; overflow:hidden; }
.hotNews .pic { float:left; width:390px; height:250px; margin-right:5px; }
.hotNews .pic img { width:100%; height:100%; }
.hotNews dl { display:block; overflow:hidden; zoom:1; padding:25px 20px 0 15px; line-height:22px; }
.hotNews dl dt { margin-bottom:13px; padding-left:10px; background:url(o_ico_05.jpg) no-repeat 0 13px; color:#fff; font-size:14px; line-height:30px; }
.hotNews dl dt a { color:#fff; }
.hotNews dl dt a:hover { color:#000; }
.hotNews dl .i { min-height:110px; padding-bottom:10px; padding-left:10px; color:#eee; }
.hotNews dl .m { width:84px; height:24px; margin-left:10px; background:#fff; line-height:24px; text-align:center; }
.hotNews dl .m a { display:block; color:#333; }
.hotNews dl .m a:hover { background:#666; color:#fff; }

/* 新闻列表 */
.news { padding:0 0 40px; }
.newsTable th { border:1px solid #fff; background:#c8cacb; color:#fff; font-weight:bold; text-align:center; }
.newsTable td { padding:8px 10px; border-bottom:1px solid #dcd9d4; line-height:20px; }
.list { padding:0 0 40px; }
.list li { padding:15px 0; border-bottom:1px dashed #e0e0e0; background:url(o_ico_11.jpg) no-repeat center left; font-size:14px; line-height:20px; height:20px; clear:both; overflow:hidden; text-overflow: ellipsis; white-space: nowrap; }
.list li span { float:right; color:#999; font-size:12px; margin-left:15px; }
.list li a { padding-left:15px; font-size:16px; }
.list li a:hover { text-decoration:underline; }

@media all and (max-width:750px){
	.list li { padding:10px 0; }
	.list li a { font-size:14px; }
}

/* 图文新闻 */
.pothoItem { margin:0 0 40px; }
.pothoItem .item { float:left; width:30%; margin:0 5% 3% 0; }
.pothoItem .item:nth-child(3n) { margin-right:0; }
.pothoItem .item .pic { position:relative; }
.pothoItem .item .pic img { width:100%; height:auto; }
.pothoItem .item .pic { border:1px solid #e5e5e5; }
.pothoItem .item .pic p { position:absolute; right:0; bottom:0; width:91px; height:87px; background:url(mm.png) no-repeat center; z-index:5; display:none; }
.pothoItem .item .txt { margin-top:20px; color:#333; }
.pothoItem .item .txt .p1 { font-size:14px; }
.pothoItem .item .txt .p2 { font-size:20px; line-height:25px; margin-top:15px; overflow:hidden; text-overflow: ellipsis; white-space: nowrap; }
.pothoItem .item .txt .p3 { font-size:14px; line-height:25px; margin-top:10px; height:50px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box;  -webkit-box-orient:vertical; -webkit-line-clamp:2; }

.pothoItem .item:hover .pic p { display:block; }


@media all and (max-width:1200px){
	.pothoItem .item { width:32%; margin:0 2% 2% 0; }
	.pothoItem .item:nth-child(3n) { margin-right:0; }
	.pothoItem .item .txt { margin-top:10px; }
	.pothoItem .item .txt .p1 { font-size:12px; }
	.pothoItem .item .txt .p2 { font-size:16px; line-height:20px; margin-top:5px; }
	.pothoItem .item .txt .p3 { font-size:12px; line-height:20px; margin-top:5px; height:40px; }
	
	.pothoItem .item .pic p { width:50px; height:50px; background-size:contain; }
} 
@media all and (max-width:750px){
	.pothoItem .item { width:49%; margin:0 2% 2.5% 0; }
	.pothoItem .item:nth-child(3n) { margin-right:2%; }
	.pothoItem .item:nth-child(2n) { margin-right:0; }
	
	.pothoItem .item:hover .pic p { display:none; }
	
	.pothoItem .item .txt .p2 { font-size:14px; }
}

.twArea { padding: 0 0 54px 0; }
.twArea .item{ float: left; width: 31%; margin-bottom: 3.5%; margin-right: 3.5%; background: #fafafa;}
.twArea .item:nth-child(3n){margin-right: 0;}
.twArea .item a{display: block;padding: 44px 42px; box-shadow: 0 0 18px rgba(0, 0, 0, .1);transition: all 0.4s;}
.twArea .item .picBox{margin-bottom: 30px;overflow: hidden;}
.twArea .item .picBox img{transition: all 0.4s;}
.twArea .item .textBox .tit { font-size: 20px; font-weight: bold; color: #333333; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.twArea .item .textBox .tip { margin:15px 0; font-size: 14px; color: #777; line-height:25px; height:50px; /*text-indent: 2em;*/ text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;line-clamp: 2;-webkit-box-orient: vertical;}
.twArea .item .textBox .d{margin-bottom: 31px;font-size: 14px;color: #bbbbbb;}
.twArea .item .more{padding-top: 25px;border-top: 2px solid #d8d8d8;}
.twArea .item .more .b{float: left;font-size: 14px;color: #999999;}
.twArea .item .more .c{float: right;width: 26px;height: 26px;border-radius: 50%;background: url(pic_07.png) no-repeat center center;border: 1px dashed #898989;}

.twArea .item:hover { /*background: #008cd6;*/ background:linear-gradient(to right,#045796,#85c383); }
.twArea .item:hover .picBox img {transform: scale(1.1); }
.twArea .item:hover .textBox .tit {color: #fff; }
.twArea .item:hover .textBox .tip {color: #fff; }
.twArea .item:hover .textBox .d {color: #fff; }
.twArea .item:hover .more .b { color: #fff; }
.twArea .item:hover .more .c { background-image: url(pic_08.png); border-color: #c5e5f6; }

.twArea01 .item .textBox .tip { height:75px; -webkit-line-clamp: 3; line-clamp: 3; margin-bottom:30px; }
.twArea01 .item .textBox .d { display:none; }

@media screen and (max-width: 1680px) {
	.twArea .item a { padding: 24px; }
	.twArea .item .picBox{margin-bottom: 20px;}
	.twArea .item .textBox .tit{ font-size:16px; }
	.twArea .item .textBox .tip{margin: 10px 0;}
	.twArea .item .textBox .d{margin-bottom: 18px;}
	.twArea .item .more{padding-top: 20px;}
	
	.twArea01 .item .textBox .tip { margin-bottom:20px; }
}
@media screen and (max-width: 1000px) {
	.twArea .item{ float: left; width:48.5%; margin-bottom: 3%; margin-right: 3%; }
	.twArea .item:nth-child(3n) { margin-right:  3%; }
	.twArea .item:nth-child(2n) { margin-right: 0; }
	.twArea .item a { padding:15px; }
}
@media screen and (max-width: 750px) {
	.twArea {padding: 0 0 30px 0;}
	.twArea .item{width: 100%; margin-right: 0; margin-bottom: 25px;}
}

/* 图片列表 */
.piList .pic-item-list { padding-bottom:10px; }
.piList .pic-item-list .pic-item { float:left; width:23.5%; margin:0 2% 2% 0; }
.piList .pic-item-list .pic-item:nth-child(4n) { margin-right:0; }
.piList .pic-item-list .pic-item .list-pic { position:relative; border:1px solid #e5e5e5;overflow:hidden; }
.piList .pic-item-list .pic-item .list-pic p { position:absolute; right:0; bottom:0; width:91px; height:87px; background:url(mm.png) no-repeat center; z-index:5; display:none; }
.piList .pic-item-list .pic-item .list-pic img { width:100%; height:auto; transition: all 0.6s; }
.piList .pic-item-list .pic-item dl { padding:5px; margin-top:10px; }
.piList .pic-item-list .pic-item dl dt { height:30px; font-size:16px; line-height:30px; text-align:center; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; }
 
.piList .pic-item-list .pic-item:hover .list-pic p { display:block; }
.piList .pic-item-list .pic-item:hover .list-pic img { transform: scale(1.1)!important; }

@media all and (max-width:1200px){
	.piList .pic-item-list .pic-item { width:32%; }
	.piList .pic-item-list .pic-item:nth-child(4n) { margin-right:2%; }
	.piList .pic-item-list .pic-item:nth-child(3n) { margin-right:0; }
	.piList .pic-item-list .pic-item .list-pic p { width:50px; height:50px; background-size:contain; }
} 
@media all and (max-width:750px){
	.piList .pic-item-list .pic-item { width:49%;  }
	.piList .pic-item-list .pic-item:nth-child(3n) { margin-right:2%; }
	.piList .pic-item-list .pic-item:nth-child(2n) { margin-right:0; }
	.piList .pic-item-list .pic-item dl { margin-top:0; }
	.piList .pic-item-list .pic-item dl dt { font-size:14px; }
	
	.piList .pic-item-list .pic-item:hover .list-pic p { display:none; }
}
 
/* 分页 */
.page { padding:0; line-height:30px; text-align:center; font-size:14px; }
.page a { display:inline-block; margin:0 2px; padding:0 8px; border:1px solid #f5f5f5; background:#f5f5f5; color:#333; vertical-align:top; }
.page a:hover,.page .current { border:1px solid #055896; background:#055896; color:#fff; }

@media all and (max-width:1200px){
	.page { line-height:24px; font-size:12px; }
} 

/* 人才招聘 */
.hr { position:relative; padding:0 0 40px; max-width:1400px; margin:0 auto; }
.hr-list { margin-bottom:5px; padding:5px 5px 15px; border-bottom:1px dotted #777; }
.hr-list .title { padding:0; color:#1c63b3; font-weight:bold; font-size:28px; margin-bottom:30px; }
.hr-list .info { padding:5px 0; line-height:25px; font-size:14px; }
.hr-list .info .mes { margin-top:15px; }
 
@media all and (max-width:750px){
	.hr-list .title { font-size:20px; margin-bottom:15px; }
	.hr-list .info { font-size:12px; }
}
 
  
/* 新闻列表 */
.message { padding:0 0 30px; }
.message-list { margin-bottom:5px; padding:5px 5px 15px; border-bottom:1px dotted #ddd; }
.message-list .m-title { padding:0; color:#0063be; font-size:16px; font-weight:bold; line-height:20px; }
.message-list .m-title span { float:right; color:#01286f; font-size:12px; font-weight:100; }
.message-list .m-info { padding:5px 0; line-height:24px; }
.message-list .r-title { padding:0; line-height:20px; }
.message-list .r-info { padding:5px 0; line-height:24px; }

/* 人才招聘 */
.form-panel { padding:0 0 30px; max-width:1400px; margin:0 auto; }
.form-panel input {  vertical-align:middle; }
.form-panel h4 { margin-bottom:10px; padding:0 20px; background:#666; color:#fff; line-height:30px; }
.form-panel .tips { padding:10px 0 10px 100px; font-weight:bold; font-size:13px; text-align:left; }
.form-panel .field { clear:both; }
.form-panel li.field label { display:block; float:left; width:100px; line-height:30px; text-align:right; }
.form-panel .input { padding:5px 0; zoom:1; }
.form-panel .field:after { content:'\20'; display:block; height:0; clear:both; }
.form-panel .text { height:30px; line-height:30px; padding:0 3px; border:1px solid #ccc; background:#fff; color:#555; box-sizing: border-box; }
.form-panel .textarea { width:450px; height:100px; padding:1px 3px; border:1px solid #ccc; background:#fff; color:#555; box-sizing: border-box; }
.form-panel .submit-field { padding:0 10px 20px 100px; _padding:0 10px 20px 100px; clear:both; }
.form-panel .submit-field input { margin-right:10px; }
.form-panel .submit-field .btn-submit,.form-panel .submit-field .btn-reset { width:93px; height:29px; border:none; background:#666; color:#fff; cursor:pointer; }

@media all and (max-width:750px){
	.form-panel li.field label { width:65px; }
	.form-panel .text { width:calc(100% - 65px); }
	.form-panel .textarea { width:calc(100% - 65px); }
	.form-panel .text01 { width:100px; }
	.form-panel .submit-field { padding:0 10px 20px 65px; _padding:0 10px 20px 65px; clear:both; }
}


/* 产品详细页 */
.m-detail { margin-bottom:30px; }
.m-detail .m-property { float:left; width:100%; }
.m-detail .property { margin-left:350px; }
.m-detail .property h1 { font-weight:100; font-size:18px; line-height:34px; }
.m-detail .property .m-i-a { margin-bottom:8px; padding:8px 0 15px; border-bottom:1px dotted #d9d9d9; color:#888; font-size:14px; line-height:25px; }
.m-detail .gallery { position:relative; float:left; width:350px; margin-left:-100%; }
.m-detail .gallery .bigPic { width:300px; height:224px; }
.product-detail { margin-bottom:30px; border:1px solid #e5e5e5; }
.product-detail .hd { height:45px; border-bottom:1px solid #e5e5e5; background:#f6f6f6; }
.product-detail .hd h2 { float:left; width:136px; height:46px; margin:-2px 0 -1px; border-top:2px solid #0058af; border-right:1px solid #e5e5e5; background:#fff; font-size:22px; font-weight:100; line-height:46px; text-align:center; }
.product-detail .bd { padding:25px; line-height:28px; font-size:14px; }


.hzArea ul li { position:relative; float:left; width:32%; margin:0 2% 3% 0; font-size:18px;  }
.hzArea ul li:nth-child(3n) { margin-right:0; }
.hzArea ul li .pic { position:relative; overflow:hidden; }
.hzArea ul li .pic img { transition: all 0.6s; }
.hzArea ul li .pic p { position:absolute; left:0; top:0; right:0; bottom:0; /*background:rgba(0,0,0,0.2);*/ background:url(d03.png) no-repeat center; background-size:cover; z-index:2; display:none; }
.hzArea ul li .txt01 { position:absolute; left:10px; right:10px; top:50%; color:#fff; text-align:center; transform: translateY(-50%); z-index:2; display:none; }

.hzArea ul li .txt { position:absolute; left:10px; right:10px; top:50%; color:#fff; text-align:center; transform: translateY(-50%); transition: all 0.6s; z-index:3; }
.hzArea ul li .txt .p1 { position:relative; opacity:0; transition: all 0.6s; }
.hzArea ul li .txt .p2 { margin-top:0; position:relative; opacity:0; transition: all 0.6s; }

.hzArea ul li:hover .pic p { display:block; }
.hzArea ul li:hover .pic img { transform: scale(1.1)!important; }
.hzArea ul li:hover .txt01 { display:none; }
.hzArea ul li:hover .txt .p1 { margin-top:-10px; opacity:1; }
.hzArea ul li:hover .txt .p2 { margin-top:40px; opacity:1; }

@media all and (max-width:1680px){
	.hzArea ul li { font-size:16px;  }
}
@media all and (max-width:1000px){
	.hzArea ul li { width:49%; margin:0 2% 3% 0; }
	.hzArea ul li:nth-child(3n) { margin-right:2%; }
	.hzArea ul li:nth-child(2n) { margin-right:0; }
	
	.hzArea ul li:hover .txt01 { display:block; }
	.hzArea ul li:hover .txt { display:none; }
}
@media all and (max-width:750px){
	.hzArea { padding-bottom:20px; }
}
 

.topNews { margin-bottom:40px; }
.topNews .swiper-slide a { display:block; padding:25px 20px; background: #f9fafc; }
.topNews .swiper-slide .b1 { overflow: hidden; }
.topNews .swiper-slide .b1 img{ transition: all 0.3s; }
.topNews .swiper-slide .b2{ margin-top: 25px; font-size: 20px; font-weight: bold; color: #333; line-height: 32px; text-overflow: -o-ellipsis-lastline; overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2; line-clamp: 2; -webkit-box-orient: vertical; transition: all 0.3s; }
.topNews .swiper-slide .b3{ margin-top: 18px; font-size: 14px; color: #777777; line-height: 26px;text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;line-clamp: 2;-webkit-box-orient: vertical;}
.topNews .swiper-slide .b4 { margin-top: 30px;}
.topNews .swiper-slide .b4 .c1 { float:left; font-size: 14px;color: #bbb; }
.topNews .swiper-slide .b4 .c2 { float:right; font-size: 14px;color: #999; }
 
.topNews .swiper-slide:hover .b1 img {transform: scale(1.1); }
.topNews .swiper-slide:hover .b2 { color: #055896; }
 
.newsItem { padding-bottom:40px; }
.newsItem .item { margin-bottom: 20px; }
.newsItem .item:last-child {margin-bottom: 0; }
.newsItem .item a { display:block; background: #f9fafc; padding:35px 30px; }
.newsItem .item .textBox { float:left; width:80%; }
.newsItem .item .textBox .p1 { font-size: 20px; line-height:25px; font-weight: bold; color: #333; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.newsItem .item .textBox .p2 { font-size:12px; color: #999; margin-top:10px; display:none; }
.newsItem .item .textBox .p3 { font-size:14px; color: #666; margin-top:15px; line-height:25px; text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;line-clamp: 2;-webkit-box-orient: vertical; }

.newsItem .item .timeBox { float:right; text-align: center; width:100px; }
.newsItem .item .timeBox .time1 { font-family: Arial; font-size: 46px; font-weight: bold; color: #333; line-height: 1; transition: all 0.3s; }
.newsItem .item .timeBox .time2 { font-size: 14px; color: #666; margin-top:10px; }
 
.newsItem .item a:hover .textBox .p1 { color: #055896; }
.newsItem .item a:hover .timeBox .time1 { color: #055896; }

@media all and (max-width:1680px){
	.topNews .swiper-slide a { padding:20px 15px; }
	.topNews .swiper-slide .b2 { margin-top:20px; font-size:16px; line-height: 25px; }
	.topNews .swiper-slide .b3 { margin-top:15px; font-size: 14px; line-height: 25px; }
	.topNews .swiper-slide .b4 { margin-top:20px;}
	.topNews .swiper-slide .b4 .c1 { font-size: 12px; }
	.topNews .swiper-slide .b4 .c2 { font-size: 12px; }
}
@media all and (max-width:750px){
	.topNews { margin-bottom:25px; }
	.topNews .swiper-slide a { padding:20px 4%; }
	.topNews .swiper-slide .b2 { margin-top:15px; }
	.topNews .swiper-slide .b3 { margin-top:10px; }
	.topNews .swiper-slide .b4 { margin-top:10px;}
	
	.newsItem .item { margin-bottom:15px; }
	.newsItem .item:last-child {margin-bottom: 0; }
	.newsItem .item a { padding:20px 4%; }
	.newsItem .item .textBox { float:none; width:100%; }
	.newsItem .item .textBox .p1 { font-size:16px; line-height:20px; font-weight:normal; }
	.newsItem .item .textBox .p2 { display:block; }
	.newsItem .item .textBox .p3 { font-size:14px; color: #666; margin-top:10px; line-height:25px; }
	
	.newsItem .item .timeBox { display:none; }
}


.rlArea01 { position:relative; padding:80px 0; }
.rlTxt02 { float:right; width:50%; }
.rlTxt01 { position:absolute; top:50%; left:0; transform: translateY(-50%); width:46%; padding-left:calc(50% - 800px); box-sizing: border-box; z-index:2; }
.rlTxt01 .p1 { font-size:46px; color:#024ea2; }
.rlTxt01 .p2 { font-size:16px; color:#333; line-height:3; margin:60px 0 80px; }
.rlTxt01 .p3 { position:relative; width: 93%; transition: all .36s; padding:40px; text-align: center; line-height: 2; box-shadow: 0 0 15px rgba(0, 0, 0, 0.1); border-radius: 8px; position: relative; font-size: 16px; box-sizing: border-box; }
.rlTxt01 .p3:hover{ background: #024ea2; color: #fff; transform: translateY(-20px); }
.rlTxt01 .p3:after{ display:block ; content: ''; width:24px; height:23px; background: url(goodLife1-icon.png) no-repeat center; background-size:contain; position: absolute; left:10px; top:20px; }
.rlTxt01 .p3:before{ display:block ; content: ''; width:24px; height:23px; background: url(goodLife1-icon.png) no-repeat center; background-size:contain;  position: absolute; right:10px; bottom:20px; transform: rotate(180deg);}

@media all and (max-width:1680px){
	.rlArea01 { padding:50px 0; }
	.rlTxt01 { top:50%; width:46%; padding-left:calc(50% - 600px); }
	.rlTxt01 .p1 { font-size:38px; }
	.rlTxt01 .p2 { font-size:14px; margin:30px 0 40px; }
	.rlTxt01 .p3 { padding:25px; font-size:14px; }
}
@media all and (max-width:1280px){
	.rlArea01 { padding:40px 0; }
	.rlTxt01 { top:50%; width:46%; padding-left:4%; }
	.rlTxt01 .p1 { font-size:24px; }
	.rlTxt01 .p2 { font-size:14px; margin:20px 0 30px; }
	.rlTxt01 .p3 { padding:20px 35px; font-size:14px; }
	.rlTxt01 .p3:after{ width:18px; height:18px; }
	.rlTxt01 .p3:before{ width:18px; height:18px; }
}
@media all and (max-width:1100px){
	.rlTxt01 { position:relative; top:auto; left:0; float:left; transform: translateY(0); }
	.rlTxt01 .p2 { line-height:2; }
}
@media all and (max-width:750px){
	.rlArea01 { padding:30px 0; }
	.rlTxt02 { float:none; width:92%; margin:0 auto; }
	.rlTxt01 { float:none; width:100%; padding:0 4%; margin-bottom:25px; }
	.rlTxt01 .p3 { width:100%; }
}

.rlArea02 { padding:60px 0; background:#fafafa; }
.rlArea02 .hd { font-size:40px; color:#333; }
.rlArea02 .bd { margin-top:50px; }
.rlArea02 .bd .swiper-slide a { position:relative; display:block; }
.rlArea02 .bd .swiper-slide a .pic { overflow:hidden; }
.rlArea02 .bd .swiper-slide a .pic img { transition: all 0.6s; }
.rlArea02 .bd .swiper-slide a .txt { position:absolute; left:0; top:0; right:0; bottom:0; background-size:cover!important; z-index:2; }
.rlArea02 .bd .swiper-slide a .txt .p1 { position:absolute; top:50%; left:0; width:100%; text-align:center; transform: translateY(-50%); font-size:18px; text-align:center; padding:0 10px; color:#fff; z-index:2; margin-top:20px; transition: all 0.6s; opacity:0; }
 
.rlArea02 .bd .swiper-slide a:hover .pic img { transform: scale(1.1)!important; }
.rlArea02 .bd .swiper-slide a:hover .txt { background:url(d03.png) no-repeat center; }
.rlArea02 .bd .swiper-slide a:hover .txt .p1 { margin-top:0; opacity:1; }
 



.swiper-container-yg01 { width:1600px; margin:0 auto; }

@media all and (max-width:1680px){
	.rlArea02 { padding:50px 0; }
	.rlArea02 .hd { font-size:30px; }
	.rlArea02 .bd { margin-top:30px; }
	.rlArea02 .bd .swiper-slide a .txt .p1 { font-size:16px; }
	.swiper-container-yg01 { width:1200px; }
}
@media all and (max-width:1280px){
	.rlArea02 { padding:40px 0; }
	.rlArea02 .hd { font-size:24px; }
	.rlArea02 .bd { margin-top:30px; }
	.rlArea02 .bd .swiper-slide a .txt .p1 { font-size:16px; }
	.swiper-container-yg01 { width:92%; }
}
@media all and (max-width:750px){
	.rlArea02 { padding:30px 0; }
	.rlArea02 .hd { font-size:24px; }
	.rlArea02 .bd { width:92%; margin:30px auto 0; overflow:hidden; }
	.swiper-container-yg01 { width:100%; }
}

.rlArea03 { padding:100px 0; background: url(tansuo.jpg) no-repeat center bottom #024ea2; }
.rlArea03 .hd { text-align:center; font-size:40px; color:#fff; }
.rlArea03 .bd { margin-top:50px; }
.rlArea03 .bd ul li { float:left; width:48%; padding:50px; margin-right:4%; background-size:cover!important; box-sizing: border-box; }
.rlArea03 .bd ul li:nth-child(2) { margin-right:0; }
.rlArea03 .bd ul li .p1 { font-size:26px; font-weight:bold; color:#000; }
.rlArea03 .bd ul li .p2 { font-size:16px; text-transform: uppercase; color: #aaa; margin-top: 10px; }
.rlArea03 .bd ul li .p3 { color: #024ea2; font-size: 16px; margin-top:50px; }

@media all and (max-width:1680px){
	.rlArea03 { padding:80px 0; }
	.rlArea03 .hd { font-size:30px; }
	.rlArea03 .bd { margin-top:30px; }
}
@media all and (max-width:1280px){
	.rlArea03 { padding:50px 0; }
	.rlArea03 .hd { font-size:24px; }
	.rlArea03 .bd { margin-top:30px; }
	.rlArea03 .bd ul li { padding:40px 25px; }
	.rlArea03 .bd ul li .p1 { font-size:18px; }
	.rlArea03 .bd ul li .p2 { font-size:14px; }
	.rlArea03 .bd ul li .p3 { font-size:14px; margin-top:25px; }
}
@media all and (max-width:750px){
	.rlArea03 { padding:30px 0; }
	.rlArea03 .hd { font-size:24px; }
	.rlArea03 .bd { margin-top:30px; }
	.rlArea03 .bd ul li { width:100%; padding:15px 4%; margin-right:0; margin-bottom:15px; }
	.rlArea03 .bd ul li:nth-child(2) { margin-bottom:0; }
	.rlArea03 .bd ul li .p1 { font-size:18px; }
	.rlArea03 .bd ul li .p2 { font-size:14px; margin-top:5px; }
	.rlArea03 .bd ul li .p3 { font-size:14px; margin-top:15px; }
}

.zpArea { background: url(jobBg.jpg) no-repeat right center; background-attachment: fixed; position: relative;  }
.zpArea .hd { text-align:center; font-size:40px; color:#333; line-height: 1.6; }
.zpArea .bd { margin-top:50px; }
.zpArea .bd ul li { position:relative; float:left; padding:35px; background: #fafafa; width: 30%; margin-right: 5%; display: block; margin-bottom:50px; box-sizing: border-box; overflow: hidden; transition: all .38s; }
.zpArea .bd ul li:nth-child(3n) { margin-right: 0; }
.zpArea .bd ul li .p1 { font-size:24px; line-height:1.1; overflow:hidden; text-overflow: ellipsis; white-space: nowrap;}
.zpArea .bd ul li .p2 { margin:25px 0; font-size:14px; color:#666; line-height:2.4; }
.zpArea .bd ul li .p3 .icon2 { display:none; }

.zpArea .bd ul li:after{ display: block; content:''; width:0; height:100%; position: absolute; bottom: 0; left: 0; z-index:-1; background:linear-gradient(to right,#045796,#85c383); transition: all .38s; }
 
.zpArea .bd ul li:hover { box-shadow: 0 0 .2rem rgba(0, 0, 0, 0.3); transform: translateY(-12px); background:none; }
.zpArea .bd ul li:hover:after { width:100%; }
.zpArea .bd ul li:hover .p1 { color: #fff; }
.zpArea .bd ul li:hover .p2 { color: #fff; }
.zpArea .bd ul li:hover .p3 .icon1 { display:none; }
.zpArea .bd ul li:hover .p3 .icon2 { display:block; }

@media all and (max-width:1680px){
	.zpArea .hd { font-size:30px; }
	.zpArea .bd { margin-top:30px; }
	.zpArea .bd ul li { padding:25px; width: 30%; margin-right: 5%; margin-bottom:30px; }
	.zpArea .bd ul li:nth-child(3n) { margin-right: 0; }
	.zpArea .bd ul li .p1 { font-size:18px; }
	.zpArea .bd ul li .p2 { margin:20px 0; font-size:14px; line-height:2; }
}
@media all and (max-width:1280px){
	.zpArea .hd { font-size:30px; }
	.zpArea .bd { margin-top:30px; }
	.zpArea .bd ul li { padding:25px; width:32%; margin-right:2%; margin-bottom:30px; }
	.zpArea .bd ul li:nth-child(3n) { margin-right: 0; }
	.zpArea .bd ul li .p1 { font-size:18px; }
	.zpArea .bd ul li .p2 { margin:20px 0; font-size:14px; line-height:2; }
}
@media all and (max-width:1000px){
	.zpArea .hd { font-size:24px; }
	.zpArea .bd { margin-top:30px; }
	.zpArea .bd ul li { padding:25px; width:49%; margin-right:2%; margin-bottom:20px; }
	.zpArea .bd ul li:nth-child(3n) { margin-right: 2%; }
	.zpArea .bd ul li:nth-child(2n) { margin-right: 0; }
	.zpArea .bd ul li .p1 { font-size:18px; }
	.zpArea .bd ul li .p2 { margin:20px 0; font-size:14px; line-height:2; }
}
@media all and (max-width:750px){
	.zpArea .hd { font-size:20px; }
	.zpArea .bd { margin-top:30px; }
	.zpArea .bd ul li { padding:20px 4% ; width:100%; margin-right:0; margin-bottom:15px; }
	.zpArea .bd ul li:nth-child(3n) { margin-right:0; }
	.zpArea .bd ul li:nth-child(2n) { margin-right: 0; }
	.zpArea .bd ul li .p1 { font-size:16px; }
	.zpArea .bd ul li .p2 { margin:15px 0; font-size:14px; line-height:1.7; }
	.zpArea .bd ul li .p3 img { width:18px; height:auto; }
}


.Pop{ width:100vw; height: 100vh; position:  fixed; z-index:9999; top: 0; left: 0; background: rgba(0, 0, 0, 0.5); display: none;}
.Pop .pop01 { width: 100% !important; height: 100% !important; display: -webkit-flex; display: flex;  align-items: center; justify-content: center; }

.jobInfo { width:850px; background: #fff; margin:0 auto; }
.jobInfo .tit { position:relative; padding:40px; color:#fff; background: url(jobInfotit.jpg) no-repeat center bottom; background-size: cover; }
.jobInfo .a4 { font-size:30px; padding-right:40px; }
.jobInfo .pp { font-size:14px; margin-top:20px; line-height:2.4; }
.jobInfo .pp .pp01 { float:left; min-width:140px; margin-right:20px; }
.jobInfo .con{ padding:40px; }
.jobInfo .con .scorll .p2 { font-size:20px; margin-bottom:20px; color:#000; }
.jobInfo .con .scorll .p21 { font-size:14px; line-height:2; color:#777; margin-bottom:20px; }
.jobInfo .con .p3 { font-size:16px; line-height:2; color:#055896; }
 
.jobclose { position: absolute; top:45px; right:45px; cursor: pointer; opacity: 0.5;}
.jobclose:hover{ opacity: 1;transform: rotate(180deg);}
 
.jobInfo .con .scorll{ max-height: 40vh; overflow-y:auto; margin-bottom:50px; padding-right:45px; }
.jobInfo .con .scorll::-webkit-scrollbar { width: 5px;}
.jobInfo .con .scorll::-webkit-scrollbar-thumb { border-radius: 3px; background: #055896; width: 5px; }
.jobInfo .con .scorll::-webkit-scrollbar-track { border-radius: 3px; background: #f2f5f9; width: 5px; }

@media all and (max-width:1680px){
	.jobInfo .tit { padding:30px; }
	.jobInfo .a4 { font-size:24px; }
	.jobInfo .pp { font-size:14px; margin-top:20px; line-height:2; }
	.jobInfo .pp .pp01 { float:left; min-width:140px; margin-right:20px; }
	.jobInfo .con{ padding:30px; }
	.jobInfo .con .scorll .p2 { font-size:16px; margin-bottom:15px; }
	.jobInfo .con .scorll .p21 { font-size:14px; line-height:1.8; margin-bottom:15px; }
	.jobInfo .con .p3 { font-size:14px; line-height:2; }
	
	.jobclose { top:30px; right:30px; }
	
	.jobInfo .con .scorll{ max-height: 40vh; margin-bottom:30px; padding-right:20px; }	
}
@media all and (max-width:1000px){
	.jobInfo { width:90%; }
}
@media all and (max-width:750px){
	.jobInfo .tit { padding:20px; }
	.jobInfo .a4 { font-size:16px; }
	.jobInfo .pp { font-size:12px; margin-top:15px; line-height:1.6; }
	.jobInfo .pp .pp01 { float:left; min-width:120px; margin-right:10px; }
	.jobInfo .con{ padding:20px; }
	.jobInfo .con .scorll .p2 { font-size:16px; margin-bottom:15px; }
	.jobInfo .con .scorll .p21 { font-size:12px; line-height:1.6; margin-bottom:15px; }
	.jobInfo .con .p3 { font-size:14px; line-height:1.6; }
	 
	.jobclose { top:20px; right:20px; }
 
	.jobInfo .con .scorll{ max-height: 40vh; overflow-y:auto; margin-bottom:20px; padding-right:15px; }
}


.cyArea ul li { position:relative; margin-bottom:50px; background:#fff; }
.cyArea ul li:last-child { margin-bottom:0; }
.cyArea ul li .pic { position:relative; float:left; width:55%; overflow:hidden; }
.cyArea ul li .pic img { transition: all 0.6s; }
.cyArea ul li .pic canvas { position:absolute; width:100%; height:100%; top:0; left:0; right:0; bottom:0; background:none!important; z-index:2; }
 
.cyArea ul li .txt { position:absolute; right:3%; top:50%; width:39%; transform: translateY(-50%); z-index:2; }
.cyArea ul li .txt .p1 { font-size:34px; line-height:47px; color:#000; font-weight:bold; font-family:"Arial"; text-transform:uppercase; background:url(cy01.png) no-repeat left top; padding-left:10px; }
.cyArea ul li .txt .p2 { font-size:34px; line-height:1.1; color:#000; margin-top:10px; padding-left:10px; }
.cyArea ul li .txt .p3 { font-size:16px; line-height:30px; color:#4e575c; margin-top:30px; padding-left:10px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box;  -webkit-box-orient:vertical; -webkit-line-clamp:5; text-align:justify; }
/*
.cyArea ul li .txt .p4 { margin-top:80px; }
.cyArea ul li .txt .p4 i { position:relative; display:inline-block; padding-left:10px; font-size:16px; color:#555; }
.cyArea ul li .txt .p4 i:before { position:absolute; top:50%; margin-top:-6px; right:-35px; display:block; content:""; width:18px; height:12px; background:url(cy02.png) no-repeat center right; }
*/

.cyArea ul li .txt .p4 { margin-top:80px; display:block; width:135px; height:40px; line-height:40px; font-size:16px; text-align:center; border:1px solid #045796; color:#045796; border-radius:35px; text-transform:uppercase; overflow:hidden; box-sizing: border-box; }
.cyArea ul li .txt .p4 i { position:relative; display:inline-block; padding-right:30px; }
.cyArea ul li .txt .p4 i:before { position: absolute; content: ""; display: block; width: 0; height: 0; border-width: 6px 9px; border-style: solid;  border-color: transparent transparent transparent #045796; top: 50%; transform: translateY(-50%); right:-10px; }

.cyArea ul li .txt .p4:hover { background:linear-gradient(to right,#045796,#85c383); border:none; }
.cyArea ul li .txt .p4:hover i { color:#fff; }
.cyArea ul li .txt .p4:hover i:before { animation: jiaoAnimate01 1s infinite; border-color: transparent transparent transparent #fff; }


.cyArea ul li:nth-child(2n) .pic { float:right; }
.cyArea ul li:nth-child(2n) .txt { left:3%; right:auto; }
/*)
.cyArea ul li:hover .pic img { transform: scale(1.1)!important; }*/
.cyArea ul li:hover .txt .p2 { color:#055896; font-weight:bold; }
/*
.cyArea ul li .txt .p4:hover i { color:#055896; }
.cyArea ul li .txt .p4:hover i:before { animation: jiaoAnimate 1s infinite; }
*/
@-webkit-keyframes jiaoAnimate{
	0%{ right:-20px; opacity: 0;}
	100%{ right:-45px; opacity: 1;}
}
@keyframes jiaoAnimate{
	0%{  right:-20px; opacity: 0;}
	100%{ right:-45px; opacity: 1;}
}

@keyframes jiaoAnimate01{
	0%{  right:5px; opacity: 0; }
	100%{ right:-10px; opacity: 1; }
}

@media all and (max-width:1680px){
	.cyArea ul li { margin-bottom:30px; }
	.cyArea ul li .txt .p1 { font-size:24px; line-height:35px; background-size:35px 35px; }
	.cyArea ul li .txt .p2 { font-size:24px; margin-top:10px; }
	.cyArea ul li .txt .p3 { font-size:14px; line-height:25px; margin-top:20px; -webkit-line-clamp:5; }
	.cyArea ul li .txt .p4 { margin-top:30px; font-size:14px; }
	 
}
@media all and (max-width:1280px){
	.cyArea ul li { margin-bottom:25px; }
	.cyArea ul li .txt .p1 { font-size:18px; line-height:25px; background-size:25px 25px; }
	.cyArea ul li .txt .p2 { font-size:18px; margin-top:10px; }
	.cyArea ul li .txt .p3 { font-size:14px; line-height:25px; margin-top:20px; -webkit-line-clamp:4; }
	.cyArea ul li .txt .p4 { margin-top:20px; }
 
}
@media all and (max-width:1000px){
	.cyArea ul li .txt .p3 {  -webkit-line-clamp:3; }
}
@media all and (max-width:750px){
	.cyArea ul li .pic { float:none!important; width:100%; }
	.cyArea ul li .txt { position:relative; left:auto!important; right:auto!important; width:100%; transform: translateY(0); padding:20px 4% 20px 2%; box-sizing: border-box; }
	.cyArea ul li .txt .p3 { font-size:12px; line-height:1.7; -webkit-line-clamp:20; }
}


.cy-hd { text-align:center; }
.cy-hd .p1 { font-size:30px; color:#333; font-weight:bold; }
.cy-hd .p2 { margin-top:15px; }

.cyCon01 { background:#fafafa; padding-top:60px; }
.cyCon01 .bd01 { margin:55px auto 0; /*max-width:1120px;*/ color:#555; font-size:16px; line-height:2; text-align:left; }
.cyCon01 .bd02 { margin-top:120px; }
.cyCon01 .bd02 .swiper-slide .cBox { position:relative; padding-top:40px; transition: all 0.6s; overflow:hidden; }
.cyCon01 .bd02 .swiper-slide .cBox:after{ display: block; content:''; width:100%; height:100%; position: absolute; top:100%; bottom: 0; left: 0; z-index:-1; background:linear-gradient(to right,#045796,#85c383); transition: all .38s; }
.cyCon01 .bd02 .swiper-slide .cBox .txt { padding:10% 10% 0 10%; min-height:200px; background:#fff; transition: all 0.6s; }
.cyCon01 .bd02 .swiper-slide .cBox .txt .p1 { font-size:24px; font-weight:bold; color:#444; }
.cyCon01 .bd02 .swiper-slide .cBox .txt .p2 { font-size:13px; color:#777; line-height:1.8; margin-top:25px; }

.cyCon01 .bd02 .swiper-slide:hover .cBox { padding-top:0; }
.cyCon01 .bd02 .swiper-slide:hover .cBox .txt { min-height:240px; background:none; }
.cyCon01 .bd02 .swiper-slide:hover .cBox .txt .p1 { color:#fff; }
.cyCon01 .bd02 .swiper-slide:hover .cBox .txt .p2 { color:rgba(255,255,255,0.8); }
.cyCon01 .bd02 .swiper-slide:hover .cBox:after { top:0; }

.cyCon02 { padding-top:290px; background-size:contain!important; }
.cyCon02 .wrap { background:#fff; padding:60px 0 120px; }
.cyCon02 .bd { position:relative; margin-top:60px; padding:0 50px; }
.cyCon02 .bd .swiper-slide .pic { overflow:hidden; }
.cyCon02 .bd .swiper-slide .pic img { transition: all 0.6s; }
.cyCon02 .bd .swiper-slide .txt { font-size:20px; color:#333; padding:0 8%; background:#f0f3f5; line-height:80px; height:80px; overflow:hidden; text-overflow: ellipsis; white-space: nowrap;}

.cyCon02 .bd .swiper-slide:hover .pic img { transform: scale(1.1)!important; }
.cyCon02 .bd .swiper-slide:hover .txt { background:linear-gradient(to right,#045796,#85c383); color:#fff; }

.cyCon02 .bd .prev-cy03,.cyCon02 .bd .next-cy03 { position:absolute; top:50%; margin-top:-17px; display:block; width:16px; height:34px; z-index:2; }
.cyCon02 .bd .prev-cy03 { background:url(cy05.png) no-repeat center; left:0; }
.cyCon02 .bd .next-cy03 { background:url(cy06.png) no-repeat center; right:0; }

@media all and (max-width:1680px){
	.cy-hd .p1 { font-size:24px; }
	.cy-hd .p2 { margin-top:10px; }

	.cyCon01 { padding-top:40px; }
	.cyCon01 .bd01 { margin:35px auto 0; font-size:16px; line-height:2; }
	.cyCon01 .bd02 { margin-top:60px; }
	.cyCon01 .bd02 .swiper-slide .cBox { position:relative; padding-top:40px; transition: all 0.6s; overflow:hidden; }
	.cyCon01 .bd02 .swiper-slide .cBox .txt { padding:10% 5% 0 5%; min-height:200px; }
	.cyCon01 .bd02 .swiper-slide .cBox .txt .p1 { font-size:18px; }
	.cyCon01 .bd02 .swiper-slide .cBox .txt .p2 { font-size:12px; line-height:1.7; margin-top:20px; }
 
	.cyCon01 .bd02 .swiper-slide:hover .cBox .txt { min-height:240px; background:none; }
 
	.cyCon02 { padding-top:180px; }
	.cyCon02 .wrap { padding:40px 0 70px; }
	.cyCon02 .bd { margin-top:40px; padding:0 50px; }
	.cyCon02 .bd .swiper-slide .txt { font-size:18px; line-height:60px; height:60px; }
	
	.cyCon02 .bd .prev-cy03 { left:5px; }
	.cyCon02 .bd .next-cy03 { right:5px; }
}
@media all and (max-width:1280px){
	.cy-hd .p1 { font-size:24px; }
	.cy-hd .p2 { margin-top:10px; }
	.cy-hd .p2 img { height:22px; width:auto; }

	.cyCon01 { padding-top:30px; }
	.cyCon01 .bd01 { margin:30px auto 0; font-size:14px; line-height:1.8; }
	.cyCon01 .bd02 { margin-top:30px; }
	.cyCon01 .bd02 .swiper-slide .cBox { position:relative; padding-top:40px; transition: all 0.6s; overflow:hidden; }
	.cyCon01 .bd02 .swiper-slide .cBox .txt { padding:10% 5% 0 5%; min-height:200px; }
	.cyCon01 .bd02 .swiper-slide .cBox .txt .p1 { font-size:18px; }
	.cyCon01 .bd02 .swiper-slide .cBox .txt .p2 { font-size:12px; line-height:1.7; margin-top:20px; }
 
	.cyCon01 .bd02 .swiper-slide:hover .cBox .txt { min-height:240px; background:none; }
 
	.cyCon02 { padding-top:100px; }
	.cyCon02 .wrap { padding:30px 0 40px; }
	.cyCon02 .bd { margin-top:30px; padding:0 50px; }
	.cyCon02 .bd .swiper-slide .txt { font-size:14px; padding:0 5%; line-height:50px; height:50px; }

}
@media all and (max-width:750px){
	.cy-hd .p1 { font-size:20px; }
	
	.cyCon01 { padding-top:30px; }
	.cyCon01 .bd01 { margin:30px auto 0; font-size:14px; line-height:1.8; }
	.cyCon01 .bd02 { margin-top:30px; }
	.cyCon01 .bd02 .swiper-slide .cBox { position:relative; padding-top:0; transition: all 0.6s; overflow:hidden; }
	.cyCon01 .bd02 .swiper-slide .cBox .txt { padding:20px 4%; min-height:20px; }
	.cyCon01 .bd02 .swiper-slide .cBox .txt .p1 { font-size:16px; }
	.cyCon01 .bd02 .swiper-slide .cBox .txt .p2 { font-size:12px; line-height:10ox; height:100px; margin-top:20px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box;  -webkit-box-orient:vertical; -webkit-line-clamp:5; }
 
	.cyCon01 .bd02 .swiper-slide:hover .cBox .txt { min-height:20px; }
	
	.cyCon02 { padding-top:60px; background-size:100% 200px!important; }
	.cyCon02 .bd { padding:0 35px; }
}


.abArea01 { padding-bottom:90px; background:url(abArea01.png) no-repeat center top; }
.abBox01 { float:left; width:50%; padding-top:7.5%; } 
.abBox01 .p1 { font-size:44px; color:#333; }
.abBox01 .p12 { width:35px; height:5px; background:#055896; margin-top:25px; }
.abBox01 .p2 { font-size:16px; color:#777; margin-top:40px; line-height:2.5; width:87.5%; text-align:justify; }
 
.abBox02 { position:relative; float:left; width:50%; text-align:center; overflow:hidden; } 
.abBox02 .img01 { max-width:90%; height:auto; }
.abBox02 .cloud01 { position:absolute; top:30%; right:0; z-index:2;
	-webkit-animation: cloudmove1 14s 0.2s linear infinite alternate-reverse;
    animation: cloudmove1 14s 0.2s linear infinite alternate-reverse;
}
.abBox02 .cloud02 { position: absolute; bottom:20%; right:0; z-index:2; 
	-webkit-animation: cloudmove2 14s 0.2s linear infinite alternate-reverse;
	animation: cloudmove2 14s 0.2s linear infinite alternate-reverse;
}

@keyframes cloudmove1{
	0%{transform: translateX(100)}
	100%{transform: translateX(-400px);}
}
@keyframes cloudmove2{
	0%{transform: translateX(-400px);}
	100%{transform: translateX(100);}
}

@media all and (max-width:1680px){
	.abBox01 .p1 { font-size:30px; }
	.abBox01 .p12 {  margin-top:15px; }
	.abBox01 .p2 { font-size:16px; margin-top:30px; line-height:2; width:90%; }
}
@media all and (max-width:1280px){
	.abArea01 { padding-bottom:60px; }
	.abBox01 .p1 { font-size:24px; }
	.abBox01 .p2 { font-size:14px; margin-top:30px; line-height:2; width:90%; }
}
@media all and (max-width:1000px){
	.abArea01 { padding-bottom:30px; background:url(abArea01.png) no-repeat center bottom; background-size:contain; }
	.abBox01 { float:none; width:100%; padding-top:30px; } 
	.abBox01 .p1 { font-size:24px; }
	.abBox01 .p2 { font-size:14px; margin-top:30px; line-height:2; width:90%; }
	
	.abBox02 { float:none; width:100%; margin-top:30px; } 
}
@media all and (max-width:750px){
	.abBox01 .p2 { font-size:14px; margin-top:30px; line-height:1.8; width:100%; }
	
	.abBox02 .cloud01 img { max-width:240px; }
	.abBox02 .cloud02 img { max-width:240px; }
}

.abArea02 { background:url(abArea02.jpg) no-repeat center; background-size:cover; }
.abArea02 ul li { position:relative; float:left; width:33.33%; height:700px; border-right:1px solid rgba(255,255,255,0.3); line-height:1.1; text-align:center; box-sizing: border-box; overflow:hidden; z-index:2; }
.abArea02 ul li:before { position:absolute; left:0; right:0; bottom:0; top:100%; display:block; content:""; background:url(ab01.png) no-repeat center; background-size:cover; z-index:-1; transition: all 0.6s; }
.abArea02 ul li:last-child { border-right:none; }
.abArea02 ul li a { position:absolute; top:50%; left:18%; right:18%; transform: translateY(-60%); display:block; color:#fff; transition: all 0.6s; z-index:2; }
.abArea02 ul li .p1 { font-size:36px; font-weight:bold; }
.abArea02 ul li .p2 { font-size:20px; margin-top:15px; color:rgba(255,255,255,0.6); text-transform:uppercase; }
.abArea02 ul li .p3 { font-size:20px; margin-top:0; line-height:2; opacity:0; height:0; transition: all 0.6s; }

.abArea02 ul li:hover:before { top:0; }
.abArea02 ul li:hover .p3 { margin-top:45px; opacity:1; height:auto; }

@media all and (max-width:1680px){
	.abArea02 ul li { height:600px; }
	.abArea02 ul li .p1 { font-size:28px; }
	.abArea02 ul li .p2 { font-size:16px; margin-top:15px; }
	.abArea02 ul li .p3 { font-size:16px; }
}
@media all and (max-width:1280px){
	.abArea02 ul li { height:500px; }
	.abArea02 ul li .p1 { font-size:20px; }
	.abArea02 ul li .p2 { font-size:14px; margin-top:15px; }
	.abArea02 ul li .p3 { font-size:14px; }
	.abArea02 ul li:hover .p3 { margin-top:30px; }
}
@media all and (max-width:1000px){
	.abArea02 ul li { height:400px; }
}
@media all and (max-width:750px){
	.abArea02 ul li { height:300px; }
	.abArea02 ul li a { left:5%; right:5%; }
	.abArea02 ul li .p1 { font-size:18px; }
	.abArea02 ul li .p2 { font-size:12px; margin-top:10px; }
	.abArea02 ul li .p3 { font-size:12px; }
	.abArea02 ul li:hover .p3 { margin-top:20px; }
	
	.abArea02 ul li.on:before { top:0; }
	.abArea02 ul li.on .p3 { opacity:1; height:auto; }
}


.abArea03 { padding:80px 0 0; }
.abArea03 .hd .p1 { font-size:44px; color:#333; line-height:1.1; }
.abArea03 .hd .p2 { width:35px; height:5px; background:#055896; margin-top:25px; }
.abArea03 .bd {  }
.abArea03 .bd .swiper-slide .pic { width:76%; margin:0 auto; }
.abArea03 .bd .swiper-slide .pic01 { width:84%; margin:10px auto 0; }
.abArea03 .bd .swiper-slide .txt { position:relative; font-size:18px; color:#333; text-align:center; height:20px; line-height:20px; overflow:hidden; text-overflow: ellipsis; white-space: nowrap; z-index:2; }

.abArea03 .bd .swiper-slide .fancybox-zz1 { display:block;  }
.abArea03 .bd .swiper-slide .fancybox-zz1:nth-child(2) { margin-top:30px; }
.abArea03 .bd .swiper-slide .pic img{transition: all 0.6s;-moz-transition: all 0.6s; -webkit-transition: all 0.6s; -o-transition: all 0.6s;}
.abArea03 .bd .swiper-slide .pic:hover img{transform:scale(1.3);
-ms-transform:scale(1.3); 	
-moz-transform:scale(1.3); 	
-webkit-transform:scale(1.3); 
-o-transform:scale(1.3);position: relative;z-index: 99;border-top-left-radius: 15px;border-bottom-right-radius: 15px;box-shadow: 0 0 10px #ccc}

.abArea03 .bd .swiper,.abArea03 .bd .swiper,.abArea03 .bd .swiper-slide{overflow: visible;}

/*
.abArea03 .btn { position:relative; margin-top:80px; }
.abArea03 .btn:before { position: absolute; content: ""; left: 0; width: 100%; height: 2px; background: #dedede; top: 50%; z-index: -1; }
.abArea03 .btn .btn01 { margin-left:23%; font-size:0; }
*/
.abArea03 .bd .bddd { position:relative; }

.abArea03 .btn .btn01 a { position:absolute; top:50%; margin-top:-21px; display:inline-block; width:42px; height:42px; margin-right:10px; background-size:cover!important; z-index:5; }
.abArea03 .btn .btn01 a.prev-ab03 { background:url(e11.png) no-repeat center; left:0; }
.abArea03 .btn .btn01 a.next-ab03 { background:url(e12.png) no-repeat center; right:0; }

.abBox03 { position:relative;  }
.abBox03 .hd01 { position:absolute; top:-50px; right:0; z-index:2; }
.abBox03 .hd01 ul li { float:left; padding:0 40px; border-radius:30px; line-height:50px; background:#f5f5f5; font-size:20px; color:#333; margin-left:20px; cursor:pointer; }
.abBox03 .hd01 ul li.on { background:linear-gradient(to right,#045796,#85c383);  color:#fff; }
.abBox03 .bd01 { overflow:hidden;padding:100px 0 60px;  }

.abArea03 .my-button-disabled { display:none!important; }

/*
.abArea03 .btn .btn01 { margin-left:23%; border: 2px solid #0057cd; background:#fff; border-radius:100%; width: 55px; padding: 17px 0; height: 55px; box-sizing: border-box; text-align: center; font-size:0; }
.abArea03 .btn .btn01 a { position:relative; display:inline-block; width:15px; height:20px; margin:0 5px; overflow:hidden; }
.abArea03 .btn .btn01 a.prev-ab03:before { position:absolute; display:block; content:""; width:0; height:0; top:2px; right:0; z-index:2;
border-top: 8px solid transparent;
border-left: 8px solid transparent;
border-right: 8px solid #055896;
border-bottom: 8px solid transparent;
}
.abArea03 .btn .btn01 a.next-ab03:before { position:absolute; display:block; content:""; width:0; height:0; top:2px; left:0; z-index:2;
border-top: 8px solid transparent;
border-left: 8px solid #055896;
border-right: 8px solid transparent;
border-bottom: 8px solid transparent;
}
 */
@media all and (max-width:1680px){
	.abArea03 { padding:50px 0 0; }
	.abArea03 .hd .p1 { font-size:30px; }
	.abArea03 .hd .p2 {  margin-top:15px; }
	.abArea03 .bd {  }
	.abArea03 .bd .swiper-slide .txt { font-size:16px; }
	
	.abArea03 .btn { margin-top:60px; }
	
	.abBox03 .hd01 { top:-45px; }
	.abBox03 .hd01 ul li { padding:0 30px; line-height:45px; font-size:16px; }
	.abBox03 .bd01 { padding:60px 0; }
}
@media all and (max-width:1280px){
	.abArea03 { padding:40px 0 0; }
	.abArea03 .hd .p1 { font-size:28px; }
	.abArea03 .bd { }
	.abArea03 .bd .swiper-slide .txt { font-size:16px; }
	
	.abArea03 .btn { margin-top:40px; }
	
	.abBox03 .hd01 { top:-45px; }
	.abBox03 .hd01 ul li { padding:0 20px; line-height:45px; font-size:16px; }
	.abBox03 .bd01 { padding:40px 0; }
	
	.abArea03 .my-button-disabled { display:inline-block!important; }
}
@media all and (max-width:750px){
	.abArea03 { padding:30px 0 0; }
	.abArea03 .hd .p1 { font-size:24px; }
	.abArea03 .bd {   }
	.abArea03 .bd .swiper-slide .txt { font-size:14px; margin-top:0; }
	
	.abArea03 .btn { margin-top:30px; }
	.abArea03 .btn .btn01 { margin-left:0; text-align:center; }
	.abArea03 .btn .btn01 a { position:relative!important; top:auto; margin-top:0; width:35px; height:35px; margin:0 5px; left:aut0!important; right:auto!important; }
	
	.abBox03 .hd01 { top:-40px; }
	.abBox03 .hd01 ul li { padding:0 15px; line-height:30px; font-size:14px; margin-left:15px; }
	.abBox03 .bd01 { padding:30px 0; }
	
	 
}

.abArea04 { padding:80px 0 130px; background:url(abArea04.jpg) no-repeat center; background-size:cover; }
.abArea04 .hd .p1 { font-size:44px; color:#fff; line-height:1.1; }
.abArea04 .hd .p2 { width:35px; height:5px; background:#fff; margin-top:25px; }

.abArea04 .bd { margin-top:120px; }
.abArea04 .bd .wrap { position:relative; }
.abArea04 .bd .cBoxxx { position:absolute; right:0; top:-150px; width: 346px; z-index:2; }
.abArea04 .bd .cBoxxx .s4-pagination{ position: relative; left: auto; right: auto; top: auto; bottom: auto; margin: 0; text-align: left; color: #fff; }
.abArea04 .bd .cBoxxx .s4-pagination .swiper-pagination-current { font-size: 20px; }
.abArea04 .bd .cBoxxx .s4-pagination .swiper-pagination-total {font-size: 16px; }
.abArea04 .bd .cBoxxx .swiper-num{color: #fff;}
.abArea04 .bd .cBoxxx .swiper-num .act{font-size: 20px;}
.abArea04 .bd .cBoxxx .swiper-num .tot{font-size: 16px;}
.abArea04 .bd .cBoxxx .s4-scrollbar{position: relative;height: 5px;left: auto;right: auto;top: auto;bottom: auto;margin: 0;margin-top: 10px;border-radius: 0;background: rgba(255,255,255,0.2);}
.abArea04 .bd .cBoxxx .s4-scrollbar .swiper-scrollbar-drag{ border-radius: 0; background: #fff; }

.abArea04 .bdBox { position:relative; width:1280px; margin-left:320px; z-index:2; }
.abArea04 .bdBox .swiper-slide .pic { position:relative; padding:5px; border:1px solid rgba(255,255,255,0.7); background:rgba(255,255,255,0.5); }
/*
.abArea04 .bdBox .swiper-slide .pic p { position:absolute; left:5px; right:5px; bottom:25px; font-size:18px; color:#fff; text-align:center; overflow:hidden; text-overflow: ellipsis; white-space: nowrap; z-index:2; }
*/
.abArea04 .bdBox .swiper-slide .pic01 { display:none; }


.abArea04 .bdBox .swiper-slide .pic p { position:absolute; left:5px; top:5px; right:5px; bottom:5px; background-size:cover!important; z-index:2; }
.abArea04 .bdBox .swiper-slide .pic span { position:absolute; top:50%; left:0; width:100%; text-align:center; transform: translateY(-50%); color:#fff; margin-top:20px; transition: all 0.6s; opacity:0; display:block; font-size:18px; padding:0 10px; z-index:2; box-sizing: border-box; }

.abArea04 .bdBox .swiper-slide:hover .pic p { background:url(d03.png) no-repeat center; }
.abArea04 .bdBox .swiper-slide:hover .pic p span { margin-top:0; opacity:1; }
 
.abArea04 .bd02 { position:relative; margin-top:20px; width:100%; height:66px; background:url(pp02.png) no-repeat center top; z-index:1; }

.abArea04 .bd01 { margin-top:40px; font-size: 16px; color: #fff; }
.abArea04 .bd01 i { display:inline-block; padding-left: 30px; line-height: 26px; background: url(pic_54.png) no-repeat left center; }


@media all and (max-width:1680px){
	.abArea04 { padding:50px 0; }
	.abArea04 .hd .p1 { font-size:30px; }
	.abArea04 .hd .p2 {  margin-top:20px; }
	.abArea04 .bd { margin-top:60px; }
	.abArea04 .bd .cBoxxx { top:-100px; }
	
	.abArea04 .bdBox { position:relative; width:1000px; margin-left:200px; }
	.abArea04 .bdBox .swiper-slide .pic p span { font-size:16px; }
	/*
	.abArea04 .bdBox .swiper-slide .pic p { bottom:20px; font-size:16px; }
	*/
}
@media all and (max-width:1280px){
	.abArea04 { padding:40px 0; }
	.abArea04 .hd .p1 { font-size:28px; }
	.abArea04 .bd { margin-top:40px; }
	.abArea04 .bd .cBoxxx { top:-80px; }
	
	.abArea04 .bdBox { width:90%; margin-left:10%; }
	.abArea04 .bdBox .swiper-slide .pic p span { font-size:14px; }
	
	.abArea04 .bd01 { margin-top:10px; }
}
@media all and (max-width:1000px){
	.abArea04 { padding:40px 0 0; }
	.abArea04 .bdBox { width:100%; margin-left:0; }
	
	.abArea04 .bd01 { display:none; }
}
@media all and (max-width:750px){
	.abArea04 { padding:30px 0 0; }
	.abArea04 .hd .p1 { font-size:24px; }
	.abArea04 .bd { margin-top:30px; }
	
	.abArea04 .bd .cBoxxx {  width:150px; } 

}

.yxArea ul li { float:left; width:23%; margin:0 2.66% 40px 0; }
.yxArea ul li:nth-child(4n) { margin-right:0; }
.yxArea ul li .pic { overflow:hidden; }
.yxArea ul li .pic img { transition: all 0.6s; }
.yxArea ul li:hover .pic img{transform:scale(1.05); }
.yxArea ul li .txt { font-size:20px; color:#333; line-height:25px; margin-top:25px; font-weight:bold; text-align:center; overflow:hidden; text-overflow: ellipsis; white-space: nowrap; }

@media all and (max-width:1680px){
	.yxArea ul li .txt { font-size:18px; line-height:25px; margin-top:15px;  }
}
@media all and (max-width:1200px){
	.yxArea ul li { float:left; width:32%; margin:0 2% 30px 0; }
	.yxArea ul li:nth-child(4n) { margin-right:2%; }
	.yxArea ul li:nth-child(3n) { margin-right:0; }
	.yxArea ul li .txt { font-size:16px; line-height:25px; margin-top:15px;  }
}
@media all and (max-width:750px){
	.yxArea ul li { float:left; width:49%; margin:0 2% 20px 0; }
	.yxArea ul li:nth-child(4n) { margin-right:2%; }
	.yxArea ul li:nth-child(3n) { margin-right:2%; }
	.yxArea ul li:nth-child(2n) { margin-right:0; }
	.yxArea ul li .txt { font-size:14px; line-height:20px; margin-top:10px;  }
}

/* webmap */
.webmap { padding-bottom:100px; }
.webmap dl dt { margin: 15px 0 5px; padding-left: 18px; background: url(ico_05.gif) 3px center no-repeat; border-bottom: 1px solid #ccc; font-size: 20px; line-height: 2; }
.webmap dl dd a { margin-right: 10px; padding-left: 18px; font-size: 16px; line-height: 2; }

@media all and (max-width:1280px){
	.webmap dl dt { font-size: 16px; }
	.webmap dl dd a { font-size: 14px; }
}