@charset "utf-8";
/* Banner */
.banner { position:relative; width:100%; overflow:hidden; z-index:3; }
.banner .bd { zoom:1; }
.banner .bd img { width:100%!important; height:auto!important; }
 
/* 主体 */
.container {   padding:0 0 50px 0; background:#f5f6f7; }
 
.wrapBt { height:0; background:none; overflow:hidden; clear:both; }

 
.sidebar { border-bottom: 1px solid #e5e5e5; background:#f5f5f5; margin-bottom:30px; }
.main { padding:30px; background:#fff; }

@media all and (max-width:1900px){
	.container { padding:0 0 30px 0; }
	.main { padding-top:30px; }
}
@media all and (max-width:750px){
	.main { padding:30px 2%; }
}

/* 二级、三级菜单 */
.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:#365bab; z-index:5; }

/* 二级、三级菜单 */
.menu{ float:right; }
.menu dl:after{content:'\20';display:block;height:0;clear:both;}
.menu dl dt { float:left;display:block; }
.menu dl dt a{ font-size: 16px;color: #333333; display: block; line-height:87px; border-bottom: 3px solid transparent;margin-left: 46px;}
.menu dl dt a:hover,.menu dl dt .current{border-bottom: 3px solid #365bab;}
.menu dl dd{display: none;}

.m-rdm { padding:0 0 10px; text-align:center; }
.m-rdm a { display:inline-block; margin:0 8px 10px; padding:3px 20px; border:1px solid #ddd; line-height:24px; }
.m-rdm a:hover,.m-rdm .current { border:1px solid #999; background:#999; color:#fff; }

@media all and (max-width:1200px){
	.menu{ float:none; padding:15px 0 5px; }
	.menu dl dt { float:left; border-bottom:none; margin:0 10px 10px 0; font-size:0; }
	.menu dl dt a { display:inline-block; padding:0 20px; font-size:14px; color:#365bab; font-weight:bold; background:none; border-bottom:none!important; margin:0; height:40px; line-height:40px; overflow:hidden; text-overflow: ellipsis; white-space: nowrap; }
	.menu dl dt a.current,.menu dl dt a:hover { color:#fff; background:#365bab; }


}
@media all and (max-width:750px){

	.menu dl dt { float:left; width:32%; margin:0 2% 10px 0; text-align:center; }
	.menu dl dt:nth-child(3n) { margin-right:0; }
	.menu dl dt a { display:block; padding:0 5px; background:#eee; font-size:12px; font-weight:normal; }
	.menu dl dt a.current,.menu dl dt a:hover { color:#fff; background:#0050fe; }
}

.sidebar { position:relative; }
.sidebar:before { position:absolute; width:calc(50% - 720px); display:block; height:80px; content:""; top:0; left:0; background:#365bab; z-index:2; }
.sidebar .wrap { position:relative; }
.sidebar .wrap:after { position:absolute; display:block; width:60px; height:80px; content:""; top:0; left:-60px; background:url(menu.png) no-repeat center; z-index:2; }

.leftTitle01 { float:left; width:25%; background:#365bab; text-align:center; font-weight:normal; }
.leftTitle01 i { display:inline-block; padding-right:125px; line-height:80px; font-size:16px; color:#fff; background:url(menu02.png) no-repeat center right; }

.menu01 { float:left; width:75%; }
.menu01 ul li { float:left; width:25%; }
.menu01 ul li a { position:relative; display:block; font-size:16px; color:#333; line-height:80px; text-align:center; }
.menu01 ul li a:before { position:absolute; top:50%; right:0; transform: translateY(-50%); display:block; width:1px; height:24px; background:#dcdcdc; content:""; z-index:2;  }
.menu01 ul li:nth-child(4n) a:before { display:none; }

.menu01 ul li a.current,.menu01 ul li:hover a { color:#365bab; }

@media all and (max-width:1560px){
	.sidebar .wrap:after { display:none; }

}
@media all and (max-width:1480px){
	.sidebar:before { width:calc(50% - 600px); height:60px; }
 
	.leftTitle01 i { display:inline-block; padding-right:70px; line-height:60px; font-size:14px; }
 
	.menu01 ul li a { font-size:14px; line-height:60px; }
 
}
@media all and (max-width:1280px){
	.sidebar:before { display:none; }
	.leftTitle01 { display:none; }
	.menu01 { float:none; width:100%; }
	.menu01 ul li a { font-size:14px; line-height:50px; }
	.menu01 ul li a:before { height:16px; }
}

 
/* 面包屑 */
.location {float:left;}
.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; }
.article .hd .titBar { color:#797979; font-size:12px; } 
.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%; }

@media all and (max-width:1200px){
	.article { font-size:14px; }
	.article .bd { font-size:14px; }
}

/* 头部新闻 */
.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:9px 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; }
.list li a:hover { text-decoration:underline; }

.newsList { padding:30px 0 1.5%; }
.newsList ul { margin-left: -1.5%; }
.newsList .item { position: relative; margin:0 0 1.5% 1.5%; background:#fff; line-height:20px;border:1px solid #f2f2f2; }
.newsList .item:after { position: absolute; left: 0; top: 0; content: ''; display: block; width: 100%; height: 100%; background: #fff; transition: all .6s; }
.newsList .item a { position: relative; display: block; padding: 3vh 5vw; z-index: 1; }
.newsList .item .date { position: relative; float: left; width: 115px; height: 155px; border-right: 1px solid #e7e7e7; }
.newsList .item .date .date-wp { position: absolute; top: 50%; transform: translateY(-50%); }
.newsList .item .date strong { display: block; margin-bottom: 30px; font: 48px/1 'Microsoft YaHei'; }
.newsList .item .date span { display: block; font: 14px/1 'Microsoft YaHei'; }
.newsList .item .date .date-wp:after { position: absolute; left: 0; top: 58px; content: ''; display: block; width: 25px; height: 3px; background: #e7e7e7; transition: all .6s; }
.newsList .item dl { position: relative; display:block; overflow:hidden; zoom:1; padding:0 0 0 60px; }
.newsList .item dl .title { margin-bottom: 15px; color: #333; font-size: 18px; line-height: 30px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.newsList .item dl .descrition { height: 48px; margin: 0 0 30px; opacity: .8; font-size: 14px; line-height: 24px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; line-clamp: 2; -webkit-box-orient: vertical; }
.newsList .item dl .more { width: 100px; border-radius: 15px; border:1px solid #e7e7e7; line-height: 30px; font-size: 12px; text-align: center; }
.newsList .item dl .d{ display:none}

.newsList .item:hover:after { box-shadow: 0 15px 15px rgba(0,0,0,.1); transform: scale(1.025); }
.newsList .item:hover a { color: #000; }
.newsList .item:hover dl .title { color: #0068b5; }
.newsList .item:hover dl .more { border:1px solid #0068b5; background: #0068b5; color: #fff; transition: all .6s; }
.newsList .item:hover .date .date-wp:after { width: 55px; }


.hotn{background: #f6faf8;}
.hotn .hotnl{float:left; width:585px; margin-right: 54px;overflow: hidden;}
.hotn .hotnl img{
	transition: transform 0.6s;
	-moz-transition: transform 0.6s; 
	-webkit-transition: transform 0.6s; 
	-o-transition: transform 0.6s;
	max-width: 100%;
	
}
.hotn:hover .hotnl img{
	transform:scale(1.1);
-ms-transform:scale(1.1); 	
-moz-transform:scale(1.1); 	
-webkit-transform:scale(1.1); 
-o-transform:scale(1.1); 
}
.hotn .hotnr{padding-right: 50px;}
.hotn .hotnr .hotnra{padding-top: 75px;font-size: 15px;color: #999999;font-family: "Arial";}
.hotn .hotnr .hotnrb{margin-top: 18px;font-size: 18px;color: #333333; line-height:20px; overflow:hidden; text-overflow: ellipsis; white-space: nowrap;}
.hotn .hotnr .hotnrc { margin-top: 30px;line-height: 28px;font-size: 14px;color: #999999; overflow:hidden; text-overflow:ellipsis; display:-webkit-box;  -webkit-box-orient:vertical; -webkit-line-clamp:3; }
.hotn .hotnr .hotnrd { margin-top:20px; }
.hotn .hotnr .hotnrd span{display: inline-block;width: 99px;height: 35px;line-height: 35px;text-align: center;background: #fff;border-radius: 17px;font-size: 14px;color: #999;}
.hotn .hotnr .hotnrd span:hover{background: #0068b5;color: #fff;}
.hotn:hover .hotnr .hotnrb{color: #0068b5;}


@media all and (max-width:1200px){
	.hotn .hotnl{ float:left; width:450px; margin-right:35px; }
	
	.hotn .hotnr{ padding-right: 35px; }
	.hotn .hotnr .hotnra{ padding-top: 35px; font-size:14px; }
	.hotn .hotnr .hotnrb { margin-top:10px; font-size: 16px; }
	.hotn .hotnr .hotnrc { margin-top: 20px; line-height:25px; }
	.hotn .hotnr .hotnrd { margin-top:20px; }
	.hotn .hotnr .hotnrd span{display: inline-block;width: 99px;height: 35px;line-height: 35px;text-align: center;background: #fff;border-radius: 17px;font-size: 14px;color: #999;}
	.hotn .hotnr .hotnrd span:hover{background: #0068b5;color: #fff;}
	.hotn:hover .hotnr .hotnrb{color: #0068b5;}
	
	.newsList .item a { padding: 3vh 3vw; }
	.newsList .item .date { width:80px; height:125px; }
	.newsList .item .date strong { font:30px/1 'Microsoft YaHei'; margin-bottom:20px; }
	.newsList .item .date span { font: 12px/1 'Microsoft YaHei'; }
	.newsList .item .date .date-wp:after { top:35px; }
	
	.newsList .item dl { padding:0 0 0 30px; }
	.newsList .item dl .title { margin-bottom: 10px; font-size: 16px; line-height:20px; }
	.newsList .item dl .descrition { height: 48px; margin: 0 0 15px; font-size: 14px; line-height: 24px; }
	.newsList .item dl .more { width: 100px; border-radius: 15px; border:1px solid #e7e7e7; line-height: 30px; font-size: 12px; text-align: center; }
	.newsList .item dl .d{ display:none; font-size:12px; color:#777; margin-bottom:5px; }
}
@media all and (max-width:900px){
	.hotn .hotnl{ float:left; width:300px; margin-right:25px; }
	
	.hotn .hotnr{ padding-right: 25px; }
	.hotn .hotnr .hotnra{ padding-top:25px; font-size:14px; }
	.hotn .hotnr .hotnrb { margin-top:5px; font-size: 16px; }
	.hotn .hotnr .hotnrc { margin-top:5px; line-height:25px; -webkit-line-clamp:2;  }
	.hotn .hotnr .hotnrd { margin-top:5px; }
	
	.newsList { padding-bottom:25px; }
	.newsList .item .date {display:none;  }
	.newsList .item dl { padding:0; }
	.newsList .item dl .d{ display:block; }
}
@media all and (max-width:750px){
	.hotn .hotnl{ float:none; width:100%; margin-right:0; }
	
	.hotn .hotnr{ padding:25px 15px; }
	.hotn .hotnr .hotnra{ padding-top:0; font-size:14px; }
 
}

/* 图文新闻 */
.pothoItem { margin:0 0 40px; }
.pothoItem .item { margin-bottom:20px; padding:0 0 20px; border-bottom:1px dashed #d3d3d3; overflow:hidden; }
.pothoItem .item .pic { float:left; width:200px; height:auto; margin-right:20px; padding:4px; border:1px solid #e7e7e7; box-sizing: border-box; }
.pothoItem .item .pic img { width:100%; height:auto; }
.pothoItem .item dl { display:block; overflow:hidden; zoom:1; padding:0; line-height:20px; }
.pothoItem .item dl dt { font-size:16px; line-height:32px; }
.pothoItem .item dl .d,.pothoItem .item dl .m { display:none; }
.pothoItem .item dl .i { padding:5px 0 0; color:#999; font-size:14px; line-height:25px; }

@media all and (max-width:750px){
	.pothoItem .item .pic { float:none; width:100%; height:auto; margin-right:0; margin-bottom:20px; }
}

/* 图片列表 */
.piList .pic-item-list { padding-bottom:10px; }
.piList .pic-item-list .pic-item { float:left; width:23.5%; margin:0 2% 2.5% 0; }
.piList .pic-item-list .pic-item:nth-child(4n) { margin-right:0; }
.piList .pic-item-list .pic-item .list-pic { border:1px solid #e0e0e0; overflow:hidden; }
.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:10px 5px; background:#f6faf8; }
.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 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; }
} 
@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 dt { font-size:14px; }

}
 
/* 分页 */
.page { padding:0; line-height:24px; text-align:center; }
.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 #365bab; background:#365bab; color:#fff; }

/* 人才招聘 */
.hr { position:relative; padding:0 0 40px; }
.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; }
 
@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; }
.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 .code { 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; }
 



.y-product-t{ text-align: center; margin-top:0; }
.y-product-t div { font-size: 36px;color: #333333;font-weight: bold;}
.y-product-t p {height: 4px;width: 67px;margin:0 auto;background: #e5e5e5;margin:5px auto 0; }

@media all and (max-width:1200px){
	.y-product-t div { font-size:28px; }
}
@media all and (max-width:750px){
	.y-product-t div { font-size:24px; }
}


.plst{ margin-top:60px; }
.plst .plsti { float:left; width:30%; margin:0 5% 5% 0; position: relative; }
.plst .plsti:nth-child(3n) { margin-right:0; }
.plst .plsti .images { padding:8% 14% 0 14%; background: #f6faf8; }
.plst .plsti .images .text { line-height: 74px; text-align: center; font-size: 20px; color: #333; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; padding: 0 5px; }

.plst .plsti .words  {position: absolute; left:0; top:0; right:0; bottom:0; background: rgba(54,91,171,0.78); padding:18% 10% 0 10%; opacity: 0; transition: .5s ease-in-out; }
.plst .plsti .words .tit { font-size: 24px; color: #fff; }
.plst .plsti .words .txt { margin-top: 16px; font-size: 14px; color: #fff; height: 105px; }
.plst .plsti .words .more { display: inline-block; width: 151px; height: 53px; border-radius: 26px; background: #fff; text-align: center; line-height: 53px; font-size: 14px; color: #666; }
.plst .plsti:hover .words{ opacity: 1; }



@media all and (max-width:1200px){
	.plst{ margin-top:50px; }
	.plst .plsti { float:left; width:32%; margin:0 2% 2.5% 0; position: relative; }
	.plst .plsti:nth-child(3n) { margin-right:0; }
	
	.plst .plsti .images { padding:8%; }
	.plst .plsti .images .text { line-height:25px; font-size:16px; margin-top:10px; }


	.plst .plsti:hover .words{opacity:0;}
}


@media all and (max-width:750px){
	.plst{ margin-top:30px; }
	.plst .plsti { float:left; width:49%; margin:0 2% 2.5% 0; position: relative; }
	.plst .plsti:nth-child(3n) { margin-right:2%; }
	.plst .plsti:nth-child(2n) { margin-right:0; }
	
	.plst .plsti .images { padding:8%; }
	.plst .plsti .images .text { font-size:14px; }

}



.rcArea { padding-bottom:80px; }
.rcArea .bt  {display:flex;  justify-content:space-between; padding:0 7% 0 4%; }
.rcArea .bt p { display:block; line-height:70px; text-align:center; font-size:16px; }
.rcArea .bt p:nth-child(1) { width:180px; text-align:left; }
.rcArea .bt p:nth-child(2) { width:100px; }
.rcArea .bt p:nth-child(3) { width:100px; }
.rcArea .bt p:nth-child(4) { width:100px; }
.rcArea .bt p:nth-child(5) { width:100px; }
.rcArea .bt p:nth-child(6) { width:100px; }
.rcArea .bt p i { font-size:14px; }
 
.rcArea .bt01 { background:#ddd; font-size:20px; color:#333; }

.rcArea .bt02.on { background:#005bac; }
.rcArea .bt02.on p { color:#fff; }
.rcArea .bt02.on p i { display:none; }
.rcArea .bt02.on p span { display:inline-block; width:14px; height:7px; background:url(rc01.png) no-repeat center; }

.rcArea .conn ul li { border-bottom:1px solid #eee; }
.rcArea .conn ul li .mes { display:none; padding:35px 5%; background:#f9f9f9; }
.rcArea .conn ul li .mes .p1 { font-size:16px; color:#333; margin-bottom:25px; }
.rcArea .conn ul li .mes .p2 { font-size:14px; color:#9c9c9c; line-height:30px; padding-bottom:40px; }
.rcArea .conn ul li .mes .mm a { display:block; width:140px; height:40px; background:#005bac; text-align:center; font-size:16px; color:#fff; line-height:40px; margin:0 auto; } 
.rcArea .conn ul li .mes .mes-1 { float:none; width:100%; }
.rcArea .conn ul li .mes .mes-2 { float:right; width:40%; }

.rcArea01 { margin-bottom:40px; }

@media all and (max-width:1200px){
	.rcArea { padding-bottom:50px; }
	.rcArea .bt { padding:0 3%; }
	.rcArea .bt p { line-height:50px; }
	.rcArea .bt p:nth-child(1) { width:160px;   }
	.rcArea .bt p:nth-child(2) { width:80px; }
	.rcArea .bt p:nth-child(3) { width:80px; }
	.rcArea .bt p:nth-child(4) { width:80px; }
	.rcArea .bt p:nth-child(5) { width:80px; }
	.rcArea .bt p:nth-child(6) { width:80px; display:none; }
	 
	.rcArea .bt01 { font-size:16px; }
 
 
	.rcArea .conn ul li .mes { padding:25px 3%; }
	.rcArea .conn ul li .mes .p1 { font-size:14px; margin-bottom:15px; }
	.rcArea .conn ul li .mes .p2 { font-size:12px; line-height:20px; padding-bottom:40px; }
	.rcArea .conn ul li .mes .mm a { display:block; width:140px; height:40px; background:#005bac; text-align:center; font-size:16px; color:#fff; line-height:40px; margin:0 auto; } 
	.rcArea .conn ul li .mes .mes-1 { float:none; width:100%; }
	.rcArea .conn ul li .mes .mes-2 { float:none; width:100%; }
	
	.rcArea01 { margin-bottom:20px; }
}


@media all and (max-width:750px){
	.rcArea { padding-bottom:30px; }
	 
	.rcArea .bt p {  line-height:40px; font-size:14px; }
	.rcArea .bt p:nth-child(1) { width:120px; }
	.rcArea .bt p:nth-child(2) { width:60px; display:none; }
	.rcArea .bt p:nth-child(3) { width:60px; }
	.rcArea .bt p:nth-child(4) { width:60px; }
	.rcArea .bt p:nth-child(5) { width:80px; display:none; }
	.rcArea .bt p:nth-child(6) { width:80px; display:none; }
	 
	.rcArea .bt01 { font-size:14px; }
  
	.rcArea .conn ul li .mes { padding:20px 3%; }
	.rcArea .conn ul li .mes .p2 { padding-bottom:30px; }
	.rcArea .conn ul li .mes .mm a { width:120px; font-size:14px; } 
} 

.proArea { padding-top:70px; position:relative; }
.proArea01 { margin-bottom:40px; font-size:16px; color:#a0a0a0; }
.proArea01 a { color:#a0a0a0; }
.proArea01 a.a1 { padding-left:30px; background:url(pro01.png) no-repeat center left; }
.proArea01 a.current { color:#365bab; }

.proArea02 { float:left; width:360px; background:#fff; padding-bottom:20px; border-radius:8px; overflow:hidden;  }
.proArea02 .p1 { background:url(pro02.png) no-repeat center #365bab; background-size:cover; line-height:100px; padding-left:55px; margin-bottom:1px; font-size:32px; font-weight:bold; color:#fff; }
.proArea02 .p2 dl dt { position:relative; border-bottom:1px solid #e7e7e7; }
.proArea02 .p2 dl dt a { position:relative; display:block; padding:35px; font-size:18px; color:#222; }
/*
.proArea02 .p2 dl dt a:before { position:absolute; top:50%; transform: translateY(-50%); right:20px; display:block; content:""; background:url(pro03.png) no-repeat center; width:11px; height:11px; z-index:2; }
*/

.proArea02 .p2 dl dd { border-bottom:1px solid #e7e7e7; }
.proArea02 .p2 dl dd a { position:relative; display:block; padding:20px 20px 20px 55px; border-left:4px solid #fff; color:#666; font-size:16px; }
.proArea02 .p2 dl dd a:before { position:absolute; top:50%; transform: translateY(-50%); right:20px; display:block; content:""; background:url(pro03.png) no-repeat center; width:11px; height:11px; z-index:2; }

.proArea02 .p2 dl dt.current,.proArea02 .p2 dl dt:hover { background:#365bab; }
.proArea02 .p2 dl dt.current a,.proArea02 .p2 dl dt:hover a { color:#fff; }
/*
.proArea02 .p2 dl dt.current a:before,.proArea02 .p2 dl dt:hover a:before { background:url(pro04.png) no-repeat center; }
*/
.proArea02 .p2 dl dd.current a { border-color:#365bab; color:#365bab; font-weight:bold; }

.proArea02 .p2 .aa { position:relative; }
.proArea02 .p2 .aa dt i { position:absolute; top:50%; transform: translateY(-50%); right:0; display:block; content:""; background:url(pro03.png) no-repeat center; width:50px; height:50px; z-index:2; cursor:pointer; }

.proArea02 .p2 .sss { display:none; }

.proArea02 .p2 .aa.on dt i { background:url(pro04.png) no-repeat center; }
.proArea02 .p2 .aa.on .sss { display:block; }


/*
.proArea02 .p2 .sss { display:none; }
.proArea02 .p2 .sss.current { display:block; }
*/
.proArea03 { float:right; width:calc(100% - 390px); }
.proArea04 { float:right; width:calc(100% - 390px); }

@media all and (max-width:1480px){
	.proArea { padding-top:60px; }
	.proArea01 { margin-bottom:20px; font-size:14px; }
 
	.proArea02 { width:280px;  }
	.proArea02 .p1 { line-height:80px; padding-left:40px; font-size:24px; }
	.proArea02 .p2 dl dt a { padding:20px; font-size:16px; }
	.proArea02 .p2 dl dt a:before { right:10px; }
 
	.proArea02 .p2 dl dd a { padding:15px 15px 15px 35px; font-size:14px; }
	.proArea02 .p2 dl dd a:before { right:10px; }
 
	.proArea03 { float:right; width:calc(100% - 310px); }
	.proArea04 { float:right; width:calc(100% - 310px); }
}
@media all and (max-width:1280px){
	.proArea { padding-top:40px; }
	.proArea01 { margin-bottom:20px; font-size:12px; }
 
	.proArea02 { width:200px;  }
	.proArea02 .p1 { line-height:70px; padding-left:30px; font-size:20px; }
	.proArea02 .p2 dl dt a { padding:20px 15px; font-size:16px; }
	.proArea02 .p2 dl dt a:before { right:10px; }
 
	.proArea02 .p2 dl dd a { padding:15px 15px 15px 25px; font-size:14px; }
	.proArea02 .p2 dl dd a:before { right:10px; }
 
	.proArea03 { float:right; width:calc(100% - 230px); }
	.proArea04 { float:right; width:calc(100% - 230px); }
}
@media all and (max-width:900px){
	.proArea { padding-top:30px; }
	.proArea01 { margin-bottom:20px; font-size:12px; }
 
	.proArea02 { float:none; width:100%; }
	.proArea02 .p1 { line-height:60px; padding-left:30px; font-size:18px; }
	.proArea02 .p2 dl dt a { padding:15px; font-size:14px; }

	.proArea03 { float:none; width:100%; margin-top:30px; }
	.proArea04 { float:none; width:100%; margin-top:30px; }
}

.proArea031 {  background:#fff; padding-bottom:60px; border-radius:8px; overflow:hidden; }
.proArea031 table { width:100%; }
.proArea031 table tr th { font-weight:normal; text-align:center; padding:25px 5px; font-size:16px; color:#333; box-sizing: border-box; }
.proArea031 table tr th a { color:#333; }
.proArea031 table tr th:hover a { color:#365bab; }

.proArea031 table tr th:nth-child(1) { width:47%; }
.proArea031 table tr th:nth-child(2) { width:28%; }
.proArea031 table tr th:nth-child(3) { width:25%; }

.proArea031 table thead { background:#365bab; }
.proArea031 table thead tr th { color:#fff; font-size:20px; font-weight:bold; }


.proArea031 table tbody tr th { border-bottom:1px solid #e7e7e7; border-right:1px solid #e7e7e7; }
.proArea031 table tbody tr th:nth-child(3) { border-right:none; }

@media all and (max-width:1480px){
	.proArea031 { padding-bottom:60px; }
	.proArea031 table tr th { padding:20px 5px; font-size:14px; width:29%; }
	.proArea031 table tr th:nth-child(1) { width:42%; }

	.proArea031 table thead tr th { font-size:18px; }
}
@media all and (max-width:750px){
	.proArea031 { padding-bottom:30px; }
	.proArea031 table tr th { padding:15px 5px; font-size:12px; }
 
	.proArea031 table thead tr th { font-size:14px; }
}

.proArea032 { background:#fff; padding:40px 20px; border-radius:8px; overflow:hidden; }
.proArea032 .pic { float:left; width:50%; border:1px solid #e7e7e7; }
.proArea032 .txt { float:right; width:48%; padding-top:15px; }
.proArea032 .txt .p1 { font-size:28px; color:#222; font-weight:bold; }
.proArea032 .txt .p2 { margin-top:15px; width:40px; height:5px; background:#365bab; border-radius:5px; }
.proArea032 .txt .p3 { margin-top:20px; font-size:16px; line-height:2.5; color:#333; }
.proArea032 .txt .p4 { margin-top:30px; font-size:0; }
.proArea032 .txt .p4 a { display:inline-block; padding:0 25px; line-height:50px; background:#365bab; font-size:16px; color:#fff; border-radius:25px; margin-right:20px; }
.proArea032 .txt .p4 a.a2 { margin-right:0; padding:0 35px;}

@media all and (max-width:1480px){
	.proArea032 { padding:40px 15px; }
	.proArea032 .pic { float:left; width:50%; }
	.proArea032 .txt { float:right; width:48%; padding-top:15px; }
	.proArea032 .txt .p1 { font-size:18px; }
	.proArea032 .txt .p2 { margin-top:15px; }
	.proArea032 .txt .p3 { margin-top:15px; font-size:14px; line-height:1.8; }
	.proArea032 .txt .p4 { margin-top:30px; }
	.proArea032 .txt .p4 a { padding:0 25px; line-height:40px; font-size:14px; margin-bottom:10px; margin-right:15px; }
	.proArea032 .txt .p4 a.a2 { margin-right:0; padding:0 25px;}
}
@media all and (max-width:750px){
	.proArea032 { padding:30px 15px; }
	.proArea032 .pic { float:none; width:100%; }
	.proArea032 .txt { float:none; width:100%; padding-top:15px; }
	.proArea032 .txt .p1 { font-size:16px; }
	.proArea032 .txt .p2 { margin-top:10px; }
	.proArea032 .txt .p3 { margin-top:10px; font-size:14px; line-height:1.6; }
	.proArea032 .txt .p4 { margin-top:20px; }
	.proArea032 .txt .p4 a { padding:0 15px; line-height:35px; font-size:12px; margin-bottom:10px; margin-right:10px; }
	.proArea032 .txt .p4 a.a2 { margin-right:0; padding:0 15px;}
}

.proArea033 { margin-top:20px; position: relative; }
.proArea033 .hd { position: sticky; top:100px; width: 100%; background:#fff; z-index:999; box-shadow: #ddd 0px 8px 10px -8px;  }
.proArea033 .hd ul li { float:left; width:200px; height:75px; line-height:75px; text-align:center; font-size:20px; font-weight:bold; color:#365bab; cursor:pointer; }
.proArea033 .hd ul li a { display:block; color:#365bab; }
.proArea033 .hd ul li.on { background:#365bab; color:#fff; }
.proArea033 .hd ul li.on a { color:#fff; }

.proArea033 .bd { margin-top:10px; }

.proArea033 .bd .bd01 { background:#fff; padding:30px 30px 50px 30px; }
.proArea033 .bd .bd01 img { max-width:100%; }

.proArea033 .bd .bd02  { margin-top:10px; }
.proArea033 .bd .bd02 .swiper-slide a { display:block; background:#fff; padding:5px 5px 10px 5px; }
.proArea033 .bd .bd02 .swiper-slide .txt { height:50px; line-height:50px; font-size:16px; color:#333; text-align:center; overflow:hidden; text-overflow: ellipsis; white-space: nowrap; }

.proArea033 .bd .bd03 { background:#fff; padding:30px 30px 50px 30px; margin-top:10px; }
.proArea033 .bd .bd03 ul li:nth-child(n + 2) { margin-top:20px; }
.proArea033 .bd .bd03 ul li .text { float:left; width:48.5%; margin-right:3%; line-height:50px; font-size:16px; color:#333; padding:0 10px 0 45px; box-sizing: border-box; }
.proArea033 .bd .bd03 ul li .textarea { width:100%; line-height:40px; font-size:16px; color:#333; padding:15px 45px; height:200px; background:#f2f4f8; box-sizing: border-box; }
.proArea033 .bd .bd03 ul li .btn01 { display:block; width:100%; line-height:50px; font-size:20px; color:#fff; background:#365bab; cursor:pointer; text-align:center; }

.proArea033 .bd .bd03 ul li .text01 { background:url(pro11.png) no-repeat center left #f2f4f8; }
.proArea033 .bd .bd03 ul li .text02 { background:url(pro12.png) no-repeat center left #f2f4f8; margin-right:0!important; }
.proArea033 .bd .bd03 ul li .text03 { background:url(pro13.png) no-repeat center left #f2f4f8; }
.proArea033 .bd .bd03 ul li .text04 { background:url(pro14.png) no-repeat center left #f2f4f8; margin-right:0!important; }



@media all and (max-width:1480px){
	.proArea033 .hd ul li { width:150px; height:60px; line-height:60px; font-size:18px; }
	
	.proArea033 .bd .bd01 { background:#fff; padding:30px 20px; }
	
	.proArea033 .bd .bd02 .swiper-slide .txt { height:40px; line-height:40px; font-size:14px; }
	
	.proArea033 .bd .bd03 { padding:30px 20px; }
	.proArea033 .bd .bd03 ul li:nth-child(n + 2) { margin-top:15px; }
	.proArea033 .bd .bd03 ul li .text { float:left; width:49%; margin-right:2%; line-height:45px; font-size:14px; padding:0 10px 0 40px; }
	.proArea033 .bd .bd03 ul li .textarea { line-height:40px; font-size:14px; padding:15px 40px; height:150px; }
	.proArea033 .bd .bd03 ul li .btn01 { line-height:45px; font-size:16px; }

}
@media all and (max-width:750px){
	.proArea033 .hd ul li { width:33.33%; height:40px; line-height:40px; font-size:16px; }
	
	.proArea033 .bd .bd01 { background:#fff; padding:30px 10px; }
	
	.proArea033 .bd .bd02 .swiper-slide .txt { height:30px; line-height:30px; font-size:14px; }
	
	.proArea033 .bd .bd03 { padding:30px 10px; }
	.proArea033 .bd .bd03 ul li:nth-child(n + 2) { margin-top:10px; }
	.proArea033 .bd .bd03 ul li .text { float:none; width:100%; margin-right:0; line-height:40px; font-size:14px; padding:0 10px 0 40px; }
	.proArea033 .bd .bd03 ul li .textarea { line-height:40px; font-size:14px; padding:15px 40px; height:150px; }
	.proArea033 .bd .bd03 ul li .btn01 { line-height:40px; font-size:16px; }
	
	.proArea033 .bd .bd03 ul li .text02 { margin-top:10px; }
	.proArea033 .bd .bd03 ul li .text04 { margin-top:10px; }
}

.proArea041 { padding-bottom:50px; }
.proArea041 ul li { float:left; width:32%; margin-right:2%; background:#fff; border-radius:7px; overflow:hidden; }
.proArea041 ul li:nth-child(3n) { margin-right:0; }
.proArea041 ul li:nth-child(n + 4) { margin-top:30px; }
.proArea041 ul li .pic { margin:0 10px; }
.proArea041 ul li .txt { line-height:40px; padding:0 5px; text-align:center; font-size:14px; border-top:1px solid #eee; overflow:hidden; text-overflow: ellipsis; white-space: nowrap;}


@media all and (max-width:1480px){
	.proArea041 { padding-bottom:40px; }
	.proArea041 ul li:nth-child(n + 4) { margin-top:20px; }
}
@media all and (max-width:750px){
	.proArea041 { padding-bottom:30px; }
	.proArea041 ul li { float:left; width:49%; margin-right:2%; background:#fff; border-radius:7px; overflow:hidden; }
	.proArea041 ul li:nth-child(3n) { margin-right:2%; }
	.proArea041 ul li:nth-child(2n) { margin-right:0; }
	.proArea041 ul li:nth-child(n + 3) { margin-top:15px; }
	.proArea041 ul li .pic { margin:0 10px; }
	.proArea041 ul li .txt { line-height:40px; } 
}







.page-contact{padding-top:50px;}
.page-contact .mapBox{margin-top: 75px;}
.Contact{display: flex;box-shadow: 1px 1px 10px 1px rgb(230, 230, 230);border-radius: 10px; background:#fff;}
.Message{width: 58%;margin-right: 4%;padding: 40px 0 55px 45px;box-sizing: border-box;}
.me1{font-size: 34px;color: rgb(51, 51, 51);margin-bottom: 15px;}
.me2{font-size: 14px;color: rgb(102, 102, 102);}
.me3{font-size: 34px;color: rgb(255, 255, 255);margin-bottom: 15px;}
.me4{font-size: 14px;color: rgba(255, 255, 255, 0.6);padding-bottom: 15px;}
.me5{margin-top: 46px;text-align: center;}
.me5 .textBox{margin-top: 20px;color: #ffffff;}
.messForm{padding-top: 25px;}
.messFlex{display: flex;flex-wrap: wrap;}
.messFlex>p:nth-child(2n+2){margin-right: 0;}
.messPut{width: 48%;margin-right: 4%;display: flex;align-items: center;padding: 18px 25px;border-radius: 25px;background: rgb(246, 246, 246);letter-spacing: 1px;margin-top: 25px;box-sizing: border-box;}
.messPut input{font-size: 16px;color: rgb(102, 102, 102);width: 90%;}
.Message input::-webkit-input-placeholder,
.Message textarea::-webkit-input-placeholder{color: rgb(102, 102, 102);}
.messPut img{margin-right: 12px;}
.Message textarea{background: rgb(246, 246, 246);height: 140px;padding: 18px 25px;font-size: 16px;color: rgb(102, 102, 102);letter-spacing: 1px;border-radius: 25px;margin-top: 25px;width: 100%;resize: none;box-sizing: border-box;}
.Message button{height: 58px;line-height: 58px;color: #fff;text-align: center;background: #1577dc;border-radius: 25px;margin-top: 35px;width: 50%;margin-left: 25%;font-size: 20px;letter-spacing: 1px;transition: all 0.5s;cursor: pointer;}
.Message button:hover{color: #1577dc;border: 1px solid #1577dc;background: transparent;box-shadow: 1px 1px 15px 1px rgba(41, 120, 73, 0.2);}
.Type{width: 38%;padding: 40px 60px;background: url(conall.jpg);background-repeat: no-repeat;background-size: cover;box-sizing: border-box;}
.conType{margin-top: 35px;display: flex;align-items: flex-start;cursor: pointer;transition: all 0.5s;}
.conType:hover{transform: translateX(12px);}
.conType:hover img{animation: jello 1.4s;}
.conType>li:nth-child(2){width: 90%;}
.conType img{transition: all 0.5s;width: 32px;}
.conType>li:nth-child(1){margin-right: 10px;width: 45px;}
.conType>li:nth-child(2)>p:nth-child(1){font-size: 20px;color: #fff;margin-bottom: 10px;}
.conType>li:nth-child(2)>p:nth-child(2){font-size: 24px;color: #fff;}
.f16{font-size: 16px !important;}
@keyframes jello{0%,11.1%,100%{transform: none;}
22.2%{transform: skewX(-12.5deg) skewY(-12.5deg);}
33.3%{transform: skewX(6.25deg) skewY(6.25deg);}
44.4%{transform: skewX(-3.125deg) skewY(-3.125deg);}
55.5%{transform: skewX(1.5625deg) skewY(1.5625deg);}
66.6%{transform: skewX(-0.78125deg) skewY(-0.78125deg);}
77.7%{transform: skewX(0.390625deg) skewY(0.390625deg);}
88.8%{transform: skewX(-0.195312deg) skewY(-0.195312deg);}}


@media screen and (max-width: 1480px) {
	.page-contact{ padding-top: 30px;}
	.page-contact .mapBox{margin-top: 50px;}
	 
	.Message{ padding:30px 0 40px 30px; }
	.me1{font-size:28px; margin-bottom: 15px;}
	.me2{font-size: 14px; }
	.me3{font-size: 28px; }
	.me4{font-size: 14px; }
	.me5{margin-top:30px; }
	.me5 .textBox{margin-top: 20px; }
	.messForm{padding-top: 25px;}
	 
	.messPut{ padding: 15px 20px; margin-top: 20px; }
	.messPut input{font-size: 14px; }
	 
	.Message textarea{ padding: 15px 20px;font-size: 14px; margin-top: 20px; }
	.Message button{ height:50px; line-height: 50px; margin-top:25px; font-size:18px; }
	 
	.Type{width: 38%;padding:30px 40px; }
	.conType{margin-top:25px; }
	 
	.conType img{ width: 25px;}
	.conType>li:nth-child(1){margin-right: 10px; width:35px;}
	.conType>li:nth-child(2)>p:nth-child(1){font-size:18px; }
	.conType>li:nth-child(2)>p:nth-child(2){font-size: 18px; }
	.f16{font-size: 14px !important;}
}
@media screen and (max-width: 750px) {
	.page-contact{ padding-top:0;}
	.page-contact .mapBox{margin-top: 30px;}
	
    .Contact{flex-wrap: wrap;}
    .Message{width: 100%; margin-right: 0; padding: 30px 4%;}
	.me1{font-size:	18px; margin-bottom: 15px;}
	.me2{font-size: 14px; }
	.me3{font-size: 18px; }
	.me4{font-size: 14px; }
	.me5{margin-top:20px; }
	.me5 .textBox{margin-top: 20px; }
	.messForm{padding-top:15px;}
	 
	.messPut{ width:100%; margin-right:0; padding: 15px 20px; margin-top:10px; }
	.messPut input{font-size: 14px; }
	
	.Message textarea{ padding: 15px 20px; font-size: 14px; margin-top: 10px; }
	.Message button{ height:40px; line-height: 40px; margin-top:10px; font-size:16px; }
	
    .Type{width: 100%; padding: 30px 4%;}
	.conType{margin-top:15px; }
	.conType img{ width: 20px;}
	.conType>li:nth-child(1){margin-right: 10px; width:25px;}
	.conType>li:nth-child(2)>p:nth-child(1){font-size:16px; }
	.conType>li:nth-child(2)>p:nth-child(2){font-size: 16px; }
}



.spBox { position:fixed; top:0; right:0; left:0; bottom:0; background:rgba(0,0,0,0.6); z-index:9999; display:none; }
.spBox.on { display:block; }
.spBox .spBox01 { position:absolute; top:50%; left:50%; width:1000px; padding:20px; box-sizing: border-box; background:#000; transform: translate(-50%,-50%); z-index:5; }
.spBox .spBox01 video { width:100%; height:auto!important; }
.spBox .spBox01 .sp-close { position:absolute; right:-50px; top:-30px; color:#fff; font-size:30px; cursor:pointer; }

@media all and (max-width:1280px){
	.spBox .spBox01 { width:60%; }
} 
@media all and (max-width:750px){
	.spBox .spBox01 { position:absolute; top:50%; width:92%; padding:10px; z-index:5; }
	.spBox .spBox01 .sp-close { position:absolute; right:0; top:-60px; color:#fff; font-size:30px; cursor:pointer; }
} 

.abArea01 { position:relative; width:1920px; left:50%; margin-left:-960px; overflow:hidden; }
.abArea01 .wrap { position:relative; }
.abArea01 .txt { float:left; width:725px; margin-left:85px; padding:80px 0; line-height:1.1; }
.abArea01 .txt .p1 { font-size:20px; color:#365bab; font-weight:bold; }
.abArea01 .txt .p2 { font-size:40px; color:#333; font-weight:bold; margin-top:15px; }
.abArea01 .txt .p3 { font-size:16px; color:#333;  line-height:1.7; margin-top:35px; max-height:630px; overflow-y:auto; }

.abArea01 .pic { position:absolute; top:0; right:0; width:800px; z-index:2; cursor:pointer; }
.abArea01 .pic .pic01 { position:absolute; top:50%; left:50%; text-align:center; transform: translate(-50%,-50%); z-index:2; }
.abArea01 .pic .pic01 .p1 { position:relative; }
.abArea01 .pic .pic01 .p1:before { animation: boderM 3s .75s infinite; content: ''; display: block; position: absolute;  left: 50%; top: 50%; z-index: -1; transform: translate(-50%, -50%);  width: 70px;  height: 70px; border-radius:100%; background: rgba(255, 255, 255, 0.3); z-index:-1; }
.abArea01 .pic .pic01 .p1:after { animation: boderM 3s infinite; content: ''; display: block; position: absolute;  left: 50%; top: 50%; z-index: -1; transform: translate(-50%, -50%);  width: 70px;  height: 70px; border-radius:100%; background: rgba(255, 255, 255, 0.3); z-index:-1; }
.abArea01 .pic .pic01 .p2 { color:#fff; font-size:16px; margin-top:25px; }

 


.abArea01 .icon { position: absolute; left:0; top:80px; z-index:2; }
.abArea01 .icon .masterIcon { position:relative; width:37px; height:37px; background:#365bab; color: #fff; border-radius:100%; }
.abArea01 .icon .masterIcon .ani {position: absolute;left:0;top: 0;z-index: -1;width: 100%;height: 100%;animation:rotateZ 30s infinite linear;}
.abArea01 .icon .masterIcon .ani span { position:absolute; width:12px; height:12px; z-index:2; }
.abArea01 .icon .masterIcon .ani span:before { background-color:#365bab; content: '';width: 100%;height: 100%;display: block;border-radius: 50%;
animation: aniCrl 3s infinite linear; }
 
.abArea01 .icon .line { display: block; width: 1px; border-left:1px dashed #1662b7; height:430px; margin: 0 auto; position: relative; }
.abArea01 .icon .line:after { content: ''; position: absolute; top:0; left: 50%;width:4px;height: 100%; background: linear-gradient(to bottom,transparent ,#fff);z-index: 2;transform: translateX(-50%); }

.masterIcon .ani span:nth-child(1){left: 0;top: 50%; transform: translate(-100%,100%);}
.masterIcon .ani span:nth-child(2){left: 0;top: 0; transform: translate(-50%,-100%);}
.masterIcon .ani span:nth-child(3){right: 0;top: 0; transform: translate(0,-100%);}
.masterIcon .ani span:nth-child(4){right: 0;top: 50%; transform: translate(120%,-100%);}
.masterIcon .ani span:nth-child(5){right: 0;top: 50%; transform: translate(100%,100%);}
.masterIcon .ani span:nth-child(1):before{animation-delay: 0s;}
.masterIcon .ani span:nth-child(2):before{animation-delay: 0.8s;}
.masterIcon .ani span:nth-child(3):before{animation-delay: 0.6s;}
.masterIcon .ani span:nth-child(4):before{animation-delay: 0.2s;}
.masterIcon .ani span:nth-child(5):before{animation-delay: 0.4s;}

@keyframes rotateZ{
	from {transform:rotateZ(0deg);}
	to {transform: rotateZ(360deg);}
}	
@keyframes aniCrl{
 	0% {
 		transform: scale(.1);opacity: 1;
 	}
 	50% {
 		transform: scale(1);opacity: 0;
 	}
 	100% {
 	   transform: scale(.1);opacity: 1;
 	
 	}
}

@media all and (max-width:1480px){
	.abArea01 { width:1480px; left:50%; margin-left:-740px; }
	.abArea01 .txt { float:left; width:620px; margin-left:65px; padding:60px 0; line-height:1.1; }
	.abArea01 .txt .p1 { font-size:18px; color:#365bab; font-weight:bold; }
	.abArea01 .txt .p2 { font-size:28px; color:#333; font-weight:bold; margin-top:15px; }
	.abArea01 .txt .p3 { font-size:14px; color:#333;  line-height:1.7; margin-top:25px; max-height:630px; overflow-y:auto; }

	.abArea01 .pic { position:absolute; top:0; right:0; width:600px; }
	.abArea01 .pic .pic01 .p1 img { width:50px; }
	.abArea01 .pic .pic01 .p2 { font-size:14px; margin-top:20px; }
	
	.abArea01 .icon { position: absolute; left:0; top:60px; z-index:2; }
} 
@media all and (max-width:1280px){
	.abArea01 { width:100%; left:0; margin-left:0; }
	.abArea01 .txt { float:left; width:50%; margin-left:0; padding:60px 0 60px 65px; line-height:1.1; }
	.abArea01 .txt .p1 { font-size:18px; color:#365bab; font-weight:bold; }
	.abArea01 .txt .p2 { font-size:24px; color:#333; font-weight:bold; margin-top:15px; }
	.abArea01 .txt .p3 { font-size:14px; color:#333;  line-height:1.7; margin-top:25px; max-height:530px; overflow-y:auto; }

	.abArea01 .pic { position:absolute; top:50%; right:0; width:41%; transform: translateY(-50%); }
	.abArea01 .pic .pic01 .p1 img { width:50px; }
	.abArea01 .pic .pic01 .p2 { font-size:14px; margin-top:20px; }
	
	.abArea01 .icon { position: absolute; left:0; top:60px; z-index:2; }
} 
@media all and (max-width:1000px){
	.abArea01 { width:100%; left:0; margin-left:0; }
	.abArea01 .txt { float:none; width:100%; margin-left:0; padding:50px 0 50px 65px; box-sizing: border-box; line-height:1.1; }
	.abArea01 .txt .p3 { max-height:99999px; overflow-y:auto; }

	.abArea01 .pic { position:relative; width:100%; top:0; transform: translateY(0); }
	.abArea01 .pic .pic01 .p1 img { width:50px; }
	.abArea01 .pic .pic01 .p2 { font-size:14px; margin-top:20px; }
	
	.abArea01 .icon { position: absolute; left:0; top:60px; z-index:2; }
}
@media all and (max-width:750px){
	 
	.abArea01 .txt { padding:40px 0 40px 35px; }
	.abArea01 .txt .p1 { font-size:18px; }
	.abArea01 .txt .p2 { font-size:20px; }
	.abArea01 .txt .p3 { font-size:14px; }
	
	.abArea01 .icon { top:40px; }
	.abArea01 .icon .masterIcon { width:20px; height:20px; }
	.abArea01 .icon .masterIcon .ani span { width:7px; height:7px; }
}


.abArea02 { position:relative; width:1920px; left:50%; margin-left:-960px; padding:120px 0; background:url(abArea02.jpg) no-repeat center; background-size:cover; }
.abArea02 .txt { float:right; width:640px; min-height:500px; color:#fff; line-height:1.1; }
.abArea02 .txt .p1 { font-size:20px; font-weight:bold; }
.abArea02 .txt .p2 { font-size:40px; font-weight:bold; margin-top:15px; }
.abArea02 .txt .p3 { font-size:16px; line-height:2; margin-top:50px; }
.abArea02 .txt .p4 { margin-top:50px; }
.abArea02 .txt .p4 ul li { float:left; margin-right:15%; text-align:center; font-size:16px; }
.abArea02 .txt .p4 ul li:last-child { margin-right:0; }

.abArea02 .txt .p4 ul li .a1 i { font-size:45px; font-weight:bold; }
.abArea02 .txt .p4 ul li .a1 em { position:relative; top:-25px; left:5px;  }
.abArea02 .txt .p4 ul li .a2 { margin-top:15px; }
.abArea02 .txt .p5 { position:relative; margin-top:30px; }
.abArea02 .txt .p5 .swiper-slide a { display:block; border:1px solid rgba(255,255,255,0.6); padding:5px; background:rgba(255,255,255,0.3); }

.abArea02 .txt .p5 .btn01 { position:absolute; top:50%; transform: translateY(-50%); display:inline-block; width:41px; height:41px; background-size:cover!important; z-index:2; cursor:pointer; }
.abArea02 .txt .p5 .prev-zl01 { background:url(zl01.png) no-repeat center; left:-50px; }
.abArea02 .txt .p5 .next-zl01 { background:url(zl02.png) no-repeat center; right:-50px; }


.abArea02 .pic { position:absolute; width:50%; left:0; top:120px; z-index:2; }
.abArea02 .pic .img02 { display:none; }

@media all and (max-width:1480px){
	.abArea02 { width:1480px; left:50%; margin-left:-740px; padding:70px 0; }
	.abArea02 .txt { width:550px; min-height:385px; }
	.abArea02 .txt .p1 { font-size:18px; }
	.abArea02 .txt .p2 { font-size:28px; }
	.abArea02 .txt .p3 { font-size:14px; line-height:1.7; margin-top:30px; }
	.abArea02 .txt .p4 { margin-top:30px; }
	.abArea02 .txt .p4 ul li { margin-right:10%; font-size:14px; }
	.abArea02 .txt .p4 ul li:last-child { margin-right:0; }

	.abArea02 .txt .p4 ul li .a1 i { font-size:38px; }
	.abArea02 .txt .p4 ul li .a1 em { top:-20px; left:5px;  }
	.abArea02 .txt .p4 ul li .a2 { margin-top:10px; }

	.abArea02 .pic { position:absolute; width:50%; left:0; top:70px; z-index:2; }
} 
@media all and (max-width:1280px){
	.abArea02 { width:100%; left:0; margin-left:0; padding:80px 0; }
	.abArea02 .txt { width:48%; min-height:20px; }
	.abArea02 .txt .p1 { font-size:18px; }
	.abArea02 .txt .p2 { font-size:24px; }
	.abArea02 .txt .p3 { font-size:14px; line-height:1.7; margin-top:20px; }
	.abArea02 .txt .p4 { margin-top:20px; }
	.abArea02 .txt .p4 ul li { margin-right:10%; font-size:14px; }
	.abArea02 .txt .p4 ul li:last-child { margin-right:0; }

	.abArea02 .txt .p4 ul li .a1 i { font-size:28px; }
	.abArea02 .txt .p4 ul li .a1 em { top:-20px; left:5px;  }
	.abArea02 .txt .p4 ul li .a2 { margin-top:10px; }

	.abArea02 .pic { position:absolute; width:50%; left:0; top:60px; z-index:2; }
} 
@media all and (max-width:1000px){
	.abArea02 { width:100%; left:0; margin-left:0; padding:60px 0; }
	.abArea02 .txt { width:100%; min-height:20px; }
 
	.abArea02 .pic { position:relative; width:100%; left:0; top:0; margin-top:30px; }
	.abArea02 .pic .img01 { display:none; }
	.abArea02 .pic .img02 { display:block; }
	
	.abArea02 .txt .p5 .btn { margin-top:25px; text-align:center; }
	.abArea02 .txt .p5 .btn01 { position:relative; top:auto; transform: translateY(0); width:35px; height:35px; margin:0 5px; }
	.abArea02 .txt .p5 .prev-zl01 { left:auto; }
	.abArea02 .txt .p5 .next-zl01 { right:auto; }
} 
@media all and (max-width:750px){
	.abArea02 { padding:40px 0 0; }
	.abArea02 .txt .p1 { font-size:18px; }
	.abArea02 .txt .p2 { font-size:20px; }
	.abArea02 .txt .p3 { font-size:14px; line-height:1.7; margin-top:20px; }
	.abArea02 .txt .p4 { margin-top:20px; }
	.abArea02 .txt .p4 ul li { margin-right:10%; font-size:14px; }
	.abArea02 .txt .p4 ul li:last-child { margin-right:0; }

	.abArea02 .txt .p4 ul li .a1 i { font-size:28px; }
	.abArea02 .txt .p4 ul li .a1 em { top:-20px; left:5px;  }
	.abArea02 .txt .p4 ul li .a2 { margin-top:5px; }

} 

.abArea03 { padding:110px 0; }
.abArea03 .hd { text-align:center; line-height:1.1; text-align:center; }
.abArea03 .hd .p1 { font-size:20px; color:#365bab; font-weight:bold; }
.abArea03 .hd .p2 { font-size:40px; color:#333; font-weight:bold; margin-top:15px; }
.abArea03 .bd { margin-top:75px; }

.abArea03 .bd .bd01 .pic { float:left; width:540px; position:relative; z-index:3; }
.abArea03 .bd .bd01 .txt { float:right; width:710px; padding-top:70px; position:relative; z-index:2; }
.abArea03 .bd .bd01 .txt .p1 { font-size:50px; color:#365bab; font-weight:bold; }
.abArea03 .bd .bd01 .txt .p2 { font-size:24px; color:#333; margin-top:30px; }
.abArea03 .bd .bd01 .txt .p3 { position:absolute; top:40px; right:90px; font-size:300px; color:#f9f9f9; font-weight:bold; line-height:1; z-index:-1; }


.abArea03 .bd .bd02 { position:relative; padding:20px 65px 0 65px; margin-top:75px; z-index:2; }
.abArea03 .bd .bd02:before { position:absolute; top:32px; width:1920px; height:1px; left:50%; margin-left:-960px; display:block; content:""; background:#e5e5e5; z-index:0; }
.abArea03 .bd .bd02 .swiper-slide { text-align:center; font-size:0; cursor:pointer; }
.abArea03 .bd .bd02 .swiper-slide .p1 { width:25px; padding:6px 0; border-radius:100%; border:1px solid transparent; margin:0 auto; }
.abArea03 .bd .bd02 .swiper-slide .p1 i { display:inline-block; width:13px; height:13px; border-radius:100%; background:#ced0d3; }
.abArea03 .bd .bd02 .swiper-slide .p2 { font-size:24px; color:#ced0d3; margin-top:10px; }

.abArea03 .bd .bd02 .prev-ab03,.abArea03 .bd .bd02 .next-ab03 { position:absolute; top:0; width:65px; height:65px; border-radius:100%; background-size:cover!important; z-index:2; cursor:pointer; }
.abArea03 .bd .bd02 .prev-ab03 { background:url(ab02.jpg) no-repeat center left; left:0; }
.abArea03 .bd .bd02 .next-ab03 { background:url(ab03.jpg) no-repeat center left; right:0; }

.abArea03 .bd .bd02 .swiper-slide-thumb-active .p1 { border-color:#365bab; }
.abArea03 .bd .bd02 .swiper-slide-thumb-active .p1 i { background:#365bab; }
.abArea03 .bd .bd02 .swiper-slide-thumb-active .p2 { color:#365bab; }

@media all and (max-width:1480px){
	.abArea03 { padding:70px 0; }
	.abArea03 .hd .p1 { font-size:18px; }
	.abArea03 .hd .p2 { font-size:28px; margin-top:15px; }
	.abArea03 .bd { margin-top:50px; }
	
	.abArea03 .bd .bd01 .pic { float:left; width:470px; }
	.abArea03 .bd .bd01 .txt { float:right; width:610px; padding-top:30px; }
	.abArea03 .bd .bd01 .txt .p1 { font-size:40px; }
	.abArea03 .bd .bd01 .txt .p2 { font-size:18px; margin-top:20px; }
	.abArea03 .bd .bd01 .txt .p3 { top:40px; right:90px; font-size:200px; }
	
	.abArea03 .bd .bd02 { position:relative; padding:15px 45px 0 45px; margin-top:50px; z-index:2; }
	.abArea03 .bd .bd02:before { top:28px; }
	
	.abArea03 .bd .bd02 .swiper-slide .p2 { font-size:20px; }

	.abArea03 .bd .bd02 .prev-ab03,.abArea03 .bd .bd02 .next-ab03 { width:45px; height:45px; }
} 
@media all and (max-width:1280px){
	.abArea03 { padding:60px 0; }
	.abArea03 .hd .p1 { font-size:18px; }
	.abArea03 .hd .p2 { font-size:24px; margin-top:15px; }
	.abArea03 .bd { margin-top:30px; }
	
	.abArea03 .bd .bd01 .pic { float:left; width:400px; }
	.abArea03 .bd .bd01 .txt { float:right; width:calc(100% - 450px); padding-top:20px; }
	.abArea03 .bd .bd01 .txt .p1 { font-size:30px; }
	.abArea03 .bd .bd01 .txt .p2 { font-size:16px; margin-top:20px; }
	.abArea03 .bd .bd01 .txt .p3 { top:40px; right:0; font-size:200px; }
	
	.abArea03 .bd .bd02 { position:relative; padding:15px 45px 0 45px; margin-top:30px; z-index:2; }
	.abArea03 .bd .bd02:before { top:23px; }
	
	.abArea03 .bd .bd02 .swiper-slide .p1 { width:15px; padding:3px 0; }
	.abArea03 .bd .bd02 .swiper-slide .p1 i { width:9px; height:9px; }
	.abArea03 .bd .bd02 .swiper-slide .p2 { font-size:18px; }

	.abArea03 .bd .bd02 .prev-ab03,.abArea03 .bd .bd02 .next-ab03 { width:45px; height:45px; }
} 
@media all and (max-width:750px){
	.abArea03 { padding:40px 0; }
	.abArea03 .hd .p1 { font-size:18px; }
	.abArea03 .hd .p2 { font-size:20px; margin-top:15px; }
	.abArea03 .bd { margin-top:30px; }
	
	.abArea03 .bd .bd01 .pic { float:none; width:100%; }
	.abArea03 .bd .bd01 .txt { float:none; width:100%; padding-top:20px; }
	.abArea03 .bd .bd01 .txt .p1 { font-size:20px; }
	.abArea03 .bd .bd01 .txt .p2 { font-size:16px; margin-top:20px; }
	.abArea03 .bd .bd01 .txt .p3 { display:none; }
	
	.abArea03 .bd .bd02 { margin-top:30px; }
	 
}

.abArea04 { position:relative; width:1920px; left:50%; margin-left:-960px; padding-top:100px; background:url(ab04.jpg) no-repeat center top; background-size:cover!important; }
.abArea04 .hd { text-align:center; line-height:1.1; text-align:center; color:#fff; }
.abArea04 .hd .p1 { font-size:20px; font-weight:bold; }
.abArea04 .hd .p2 { font-size:40px; font-weight:bold; margin-top:15px; }
.abArea04 .hd .p3 { font-size:16px; margin-top:35px!important; margin:0 auto; max-width:1150px; line-height:2; }


.abArea041 { position:relative; margin-top:20px; }
.abArea041 .pic .img02 { display:none; }
 
.abArea041 .txt { position:absolute; top:0; bottom:0; left:50%; width:1440px; margin-left:-720px; z-index:2; }
.abArea041 .txt ul li { position:absolute; cursor:pointer; z-index:2; }
.abArea041 .txt ul li .p1 { position:relative; width: 11px; height: 11px; background: #365bab; border: 7px solid #fff; border-radius:100%; z-index:1; }
.abArea041 .txt ul li .p1:before { animation: boderM 3s .75s infinite; content: ''; display: block; position: absolute;  left: 50%; top: 50%; z-index: -1; transform: translate(-50%, -50%);  width: 25px;  height: 25px; border-radius:100%; background: rgba(255, 255, 255, 0.3); z-index:-1; }
.abArea041 .txt ul li .p1:after { animation: boderM 3s infinite; content: ''; display: block; position: absolute;  left: 50%; top: 50%; z-index: -1; transform: translate(-50%, -50%);  width: 25px;  height: 25px; border-radius:100%; background: rgba(255, 255, 255, 0.3); z-index:-1; }

.abArea041 .txt ul li .p2 { position:absolute; top:-12px; left:45px; width:0; z-index:5; white-space: nowrap; overflow:hidden; }
.abArea041 .txt ul li .p2 i { padding:0 30px; display:inline-block; line-height:50px; font-size:20px; font-weight:bold; color:#365bab; background:#fff; border-radius:25px; }


.abArea041 .txt ul li.li01 { top:19%; left:20%; }
.abArea041 .txt ul li.li02 { top:22%; left:36%; }
.abArea041 .txt ul li.li03 { top:25%; left:54%; }
.abArea041 .txt ul li.li04 { top:32%; left:18%; }
.abArea041 .txt ul li.li05 { top:36%; left:35%; }
.abArea041 .txt ul li.li06 { top:35%; left:56%; }
.abArea041 .txt ul li.li07 { top:33%; left:73%; }
.abArea041 .txt ul li.li08 { top:63%; left:8%; }
.abArea041 .txt ul li.li09 { top:64%; left:35%; }
.abArea041 .txt ul li.li10 { top:60%; left:60%; }
.abArea041 .txt ul li.li11 { top:75%; left:85%; }

.abArea041 .txt ul li.on { z-index:9; }
.abArea041 .txt ul li.on .p2 { width:200px; transition: all 0.8s cubic-bezier(.34, .44, .41, 1.12); }



@keyframes boderM {
    0% {
        transform: translate(-50%, -50%) scale(1);
        opacity: 0
    }

    20% {
        opacity: 1
    }

    75% {
        transform: translate(-50%, -50%) scale(2);
        opacity: 0
    }

    100% {
        opacity: 0
    }

}

@media all and (max-width:1480px){
	.abArea04 { padding:70px 0 0; width:1480px; left:50%; margin-left:-740px; }
	.abArea04 .hd .p1 { font-size:18px; }
	.abArea04 .hd .p2 { font-size:28px; margin-top:15px; }
	.abArea04 .hd .p3 { font-size:14px; margin-top:35px!important; }
	
	.abArea041 .txt { width:1200px; margin-left:-600px; }
	
	.abArea041 .txt ul li.li01 { top:22%; left:20%; }
	.abArea041 .txt ul li.li02 { top:22%; left:38%; }
	.abArea041 .txt ul li.li03 { top:23%; left:54%; }
	.abArea041 .txt ul li.li04 { top:34%; left:20%; }
	.abArea041 .txt ul li.li05 { top:36%; left:37%; }
	.abArea041 .txt ul li.li06 { top:35%; left:56%; }
	.abArea041 .txt ul li.li07 { top:33%; left:70%; }
	.abArea041 .txt ul li.li08 { top:63%; left:8%; }
	.abArea041 .txt ul li.li09 { top:64%; left:35%; }
	.abArea041 .txt ul li.li10 { top:60%; left:60%; }
	.abArea041 .txt ul li.li11 { top:75%; left:83%; }
	
	.abArea041 .txt ul li .p2 { position:absolute; top:-7px; }
	.abArea041 .txt ul li .p2 i { padding:0 20px; line-height:40px; font-size:18px; }
} 
@media all and (max-width:1280px){
	.abArea04 { padding:60px 0 0; width:100%; left:0; margin-left:0; }
	.abArea04 .hd .p1 { font-size:18px; }
	.abArea04 .hd .p2 { font-size:24px; margin-top:15px; }
	.abArea04 .hd .p3 { font-size:14px; margin-top:25px!important; }
	
	.abArea041 .txt { width:92%; margin-left:0; left:4%; }
	
	.abArea041 .txt ul li.li01 { top:20%; left:26%; }
	.abArea041 .txt ul li.li02 { top:21%; left:40%; }
	.abArea041 .txt ul li.li03 { top:25%; left:54%; }
	.abArea041 .txt ul li.li04 { top:34%; left:25%; }
	.abArea041 .txt ul li.li05 { top:36%; left:38%; }
	.abArea041 .txt ul li.li06 { top:35%; left:56%; }
	.abArea041 .txt ul li.li07 { top:34%; left:69%; }
	.abArea041 .txt ul li.li08 { top:63%; left:16%; }
	.abArea041 .txt ul li.li09 { top:64%; left:35%; }
	.abArea041 .txt ul li.li10 { top:60%; left:60%; }
	.abArea041 .txt ul li.li11 { top:75%; left:78%; }
 
	.abArea041 .txt ul li .p1 { width: 6px; height: 6px; border: 3px solid #fff; }
	.abArea041 .txt ul li .p2 { top:-7px; left:30px; width:110px; }
	.abArea041 .txt ul li .p2 i { padding:0 20px; line-height:30px; font-size:14px; }
	
	.abArea041 .txt ul li .p1:before { width: 15px; height: 15px; }
	.abArea041 .txt ul li .p1:after { width: 15px; height: 15px; }
}
@media all and (max-width:750px){
	.abArea04 { padding:40px 0; width:100%; left:0; margin-left:0; }
	.abArea04 .hd .p1 { font-size:18px; }
	.abArea04 .hd .p2 { font-size:20px; margin-top:15px; }
	.abArea04 .hd .p3 { font-size:14px; margin-top:25px!important; }
	
	.abArea041 .txt { width:92%; margin-left:0; left:4%; }
	
	.abArea041 .txt ul li.li01 { top:18%; left:15%; }
	.abArea041 .txt ul li.li02 { top:18%; left:34%; }
	.abArea041 .txt ul li.li03 { top:25%; left:56%; }
	.abArea041 .txt ul li.li04 { top:32%; left:11%; }
	.abArea041 .txt ul li.li05 { top:34%; left:33%; }
	.abArea041 .txt ul li.li06 { top:33%; left:59%; }
	.abArea041 .txt ul li.li07 { top:31%; left:79%; }
	.abArea041 .txt ul li.li08 { top:60%; left:2%; }
	.abArea041 .txt ul li.li09 { top:58%; left:31%; }
	.abArea041 .txt ul li.li10 { top:60%; left:63%; }
	.abArea041 .txt ul li.li11 { top:68%; left:94%; }
	
	.abArea041 .pic .img01 { display:none; }
	.abArea041 .pic .img02 { display:block; }
	
	.abArea041 .txt ul li .p2 { top:15px; left:-5px; }
	
	.abArea041 .txt ul li.li07 .p2 { left:-25px; }
	.abArea041 .txt ul li.li11 .p2 { left:auto; right:0; }
}