@charset "utf-8";
 
/* Banner */
.banner-ny { position:relative; }
.banner-ny img { width:100%; height:auto; }
.banner-ny .img02 { display:none; }

.banner-ny .txt { position:absolute; top:40%; transform: translateY(-50%); left:50%; margin-left:-740px; line-height:1.1; z-index:2; }
.banner-ny .txt .p1 { font-size:44px; color:#0f6ac2; font-weight:bold; }
.banner-ny .txt .p2 { font-size:20px; color:#2c2b2b; margin-top:20px; }


@media all and (max-width:1780px){
	.banner-ny .txt { margin-left:-500px; }
	.banner-ny .txt .p1 { font-size:32px; }
	.banner-ny .txt .p2 { font-size:16px; margin-top:20px; } 
}
@media all and (max-width:1280px){
	.banner-ny .txt { top:50%; left:4%; margin-left:0; }
	.banner-ny .txt .p1 { font-size:28px; }
	.banner-ny .txt .p2 { font-size:16px; margin-top:15px; }  
}
@media all and (max-width:750px){
	.banner-ny .img01 { display:none; }
	.banner-ny .img02 { display:block; }
 
	.banner-ny .txt .p1 { font-size:20px; }
	.banner-ny .txt .p2 { font-size:14px; margin-top:15px; }  
}
 
/* 主体 */
.container { position:relative; padding:0; }
.wrap {  margin:0 auto; }
 
.main { padding:70px 0 80px; }

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

.sidebar { position:absolute; left:0; right:0; top:-75px; background:rgba(255,255,255,0.85); z-index:2; }
.leftTitle { display:none; }


.menu { position:relative; text-align:center; font-size:0; }
.menu ul li { position:relative; display:inline-block; }
.menu ul li a { position:relative; display:inline-block; padding:0 80px; font-size:18px; color:#000; height:75px; line-height:75px; }
 
.menu ul li a.current,.menu ul li:hover a { background:#0f6ac2; color:#fff; font-weight:bold; }

@media all and (max-width:1780px){
	.sidebar { top:-55px; }
	.menu ul li a { padding:0 50px; font-size:16px; height:55px; line-height:55px; }
}
@media all and (max-width:1200px){
	.menu { display:none; }
}

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

@media all and (max-width:750px){
	.m-rdm { padding:25px 0 0; text-align:left; }
}

/* 内容模式 */
.article { 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; }
}
 
/* 面包屑 */
.location { width:1280px; margin:0 auto 30px; font-size:16px; color:#333; display:none; }
.location a { color:#333; display:inline-block; padding:0 10px; }
.location a.u-home { padding-left:25px; background:url(u-home.png) no-repeat center left; }
 
@media all and (max-width:1000px){
 
	.location { margin:0 auto 20px; font-size:12px; }
	.location a { padding:0 5px; }
}
 
 
/* 新闻列表 */
.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 li { border-bottom:1px dashed #e0e0e0; background:url(o_ico_11.jpg) no-repeat center left; font-size:16px; line-height:40px; height:40px; clear:both; overflow:hidden; text-overflow: ellipsis; white-space: nowrap; }
.list li span { float:right; color:#999; font-size:14px; margin-left:15px; }
.list li a { padding-left:15px; }
.list li a:hover { text-decoration:underline; }
 
@media all and (max-width:1280px){
	.list li { font-size:14px; line-height:40px; height:40px; }
	.list li span { font-size:12px; }
}

/* 图文新闻 */
.picnews ul li { position:relative; float:left; width:50%; box-sizing: border-box; border-right:1px solid #f6f6f6; border-top:1px solid #f6f6f6; }
.picnews ul li:before { position:absolute; left:0; width:0; height:2px; bottom:0; display:block; content:""; background:#0f6ac2; z-index:2; transition: all 0.6s; }
.picnews ul li a { display:block; padding:65px 6% 40px 6%; }
.picnews ul li .pic { position:relative; overflow:hidden; }
.picnews ul li .pic img { transition: all 0.6s; }
.picnews ul li .txt { margin-top:45px; }
.picnews ul li .txt .p1 { font-size:28px; line-height:30px; color:#000; overflow:hidden; text-overflow: ellipsis; white-space: nowrap; }
.picnews ul li .txt .p2 { font-size:14px; line-height:30px; color:#333; margin-top:40px; min-height:90px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box;  -webkit-box-orient:vertical; -webkit-line-clamp:3; }
.picnews ul li .txt .p3 { font-size:70px; line-height:1; color:rgba(51,51,51,0.1); margin-top:10px; font-weight:bold; font-family:"Arial"; }

.picnews ul li:hover:before { width:100%; }
.picnews ul li:hover .pic img { transform: scale(1.1)!important; }
.picnews ul li:hover .txt .p1 { color:#0f6ac2; font-weight:bold; }
.picnews ul li:hover .txt .p3 { color:rgba(15,106,194,0.1); }
 
.picnews ul li:nth-child(1) { border-top:none; }
.picnews ul li:nth-child(1) a { padding-top:0; }
.picnews ul li:nth-child(2) { border-top:none; }
.picnews ul li:nth-child(2) a { padding-top:0; }

.picnews ul li .mask-white { position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(255,255,255,.2); content:''; -webkit-transition:-webkit-transform .6s; 
    transition:transform .6s; -webkit-transform:scale3d(2.2,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,-120%,0); transform:scale3d(2.2,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,-120%,0) }
.picnews ul li:hover .mask-white { -webkit-transform:scale3d(2.2,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,120%,0); transform:scale3d(2.2,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,120%,0)}
 

@media all and (max-width:1780px){
	.picnews ul li a { padding:40px 5% 30px 5%; }
	.picnews ul li .txt { margin-top:25px; }
	.picnews ul li .txt .p1 { font-size:18px; line-height:20px; }
	.picnews ul li .txt .p2 { font-size:14px; line-height:25px; margin-top:20px; min-height:75px; }
	.picnews ul li .txt .p3 { font-size:50px; } 
}
@media all and (max-width:1280px){
	.picnews ul li a { padding:30px 4%; }
	.picnews ul li .txt { margin-top:15px; }
	.picnews ul li .txt .p1 { font-size:16px; line-height:20px; }
	.picnews ul li .txt .p2 { font-size:14px; line-height:25px; margin-top:15px; min-height:75px; }
	.picnews ul li .txt .p3 { font-size:30px; }  
}
@media all and (max-width:900px){
	.picnews ul li { float:none; width:100%; border-right:none; } 
	.picnews ul li:nth-child(n + 2) { border-top:1px solid #f6f6f6; } 
	.picnews ul li a { padding:20px 0; }
	.picnews ul li:nth-child(2) a { padding-top:20px; }
	.picnews ul li .txt .p2 { margin-top:10px; }
	.picnews ul li .txt .p3 { font-size:20px; }  
	.picnews ul li:last-child a { padding-bottom:0; }
}


/* 图片列表 */
.piList ul li { float:left; width:32%; margin-right:2%; }
.piList ul li:nth-child(3n) { margin-right:0; }
.piList ul li:nth-child(n + 4) { margin-top:2%; }
.piList ul li .txt { margin-top:15px; font-size:16px; line-height:20px; text-align:center; overflow:hidden; text-overflow: ellipsis; white-space: nowrap; }
 
.piList ul li .pic { overflow:hidden; }
.piList ul li .pic img { transition: all 0.6s; }
.piList ul li:hover .pic img { transform: scale(1.1)!important; }
 
@media all and (max-width:750px){
	.piList ul li { float:left; width:49%; margin-right:2%; }
	.piList ul li:nth-child(3n) { margin-right:2%; }
	.piList ul li:nth-child(2n) { margin-right:0; }
	.piList ul li:nth-child(n + 3) { margin-top:3%; }
	.piList ul li .txt { margin-top:10px; font-size:14px; }
}

/* 分页 */
.page { padding-top:50px; text-align:center;padding-bottom:0; }
.page a { display:inline-block; margin:0 5px; padding:0 10px; border:1px solid #ddd; background:#fff; color:#333; vertical-align:top; font-size: 14px; line-height:30px; }
.page a:hover,.page .current { background:#0f6ac2; color:#fff; border-color:#0f6ac2; }

@media screen and (max-width:750px){
	.page { padding-top: 30px; }
	.page a { padding: 0 5px; margin: 0 3px; font-size: 12px; line-height:25px; }
}

/* 人才招聘 */
.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; }


.proArea .form { float:right; margin-bottom:55px; width:420px; border:2px solid #f7f7f7; border-radius:25px; }
.proArea .form .btn { float:right; width:85px; height:45px; background:url(pro01.png) no-repeat center; cursor:pointer; }
.proArea .form .txt { float:left; width:calc(100% - 85px); line-height:45px; padding-left:20px; font-size:14px; box-sizing: border-box; }

.proArea ul li { float:left; width:31.54%; margin-right:2.69%; background:#f4f8fc; }
.proArea ul li:nth-child(3n) { margin-right:0; }
.proArea ul li:nth-child(n + 4) { margin-top:2.69%; }
.proArea ul li .pic { overflow:hidden; }
.proArea ul li .pic img { transition: all 0.6s; }
.proArea ul li .txt { padding:30px 0 45px; text-align:center; background-size:100% 100%!important; }
.proArea ul li .txt .p1 { font-size:28px; line-height:30px; color:#303030; font-weight:bold; overflow:hidden; text-overflow: ellipsis; white-space: nowrap; }
.proArea ul li .txt .p2 { font-size:16px; line-height:20px; color:#3a3a3a; margin-top:10px; overflow:hidden; text-overflow: ellipsis; white-space: nowrap; }
.proArea ul li .txt .p3 { height:60px; background:url(pro03.png) no-repeat center; background-size:contain!important; margin-top:25px; }

.proArea ul li:hover .pic img { transform: scale(1.1)!important; }
.proArea ul li:hover .txt { background:url(pro02.png) no-repeat center; }
.proArea ul li:hover .txt .p1 { color:#0f6ac2; }
.proArea ul li:hover .txt .p3 { background:url(pro04.png) no-repeat center; }

@media all and (max-width:1780px){
	.proArea .form { margin-bottom:45px; width:380px; }
	.proArea .form .btn { width:70px; height:45px; }
	.proArea .form .txt { width:calc(100% - 70px); line-height:45px; padding-left:10px; }

	.proArea ul li { float:left; width:32%; margin-right:2%; }
	.proArea ul li:nth-child(3n) { margin-right:0; }
	.proArea ul li:nth-child(n + 4) { margin-top:2%; }
	.proArea ul li .txt { padding:25px 0; }
	.proArea ul li .txt .p1 { font-size:18px; line-height:20px; }
	.proArea ul li .txt .p2 { font-size:14px; line-height:20px; margin-top:10px; }
	.proArea ul li .txt .p3 { height:40px; margin-top:20px; }
}
@media all and (max-width:750px){
	.proArea .form { margin-bottom:25px; width:100%; box-sizing: border-box; }
	.proArea .form .btn { width:60px; height:35px; background-size:20px 20px; }
	.proArea .form .txt { width:calc(100% - 60px); line-height:35px; padding-left:10px; }
	
	.proArea ul li { float:left; width:49%; margin-right:2%; }
	.proArea ul li:nth-child(3n) { margin-right:2%; }
	.proArea ul li:nth-child(2n) { margin-right:0; }
	.proArea ul li:nth-child(n + 3) { margin-top:2%; }
	.proArea ul li .txt { padding:15px 0; }
	.proArea ul li .txt .p1 { font-size:14px; line-height:20px; }
	.proArea ul li .txt .p2 { font-size:12px; line-height:20px; margin-top:5px; }
	.proArea ul li .txt .p3 { height:30px; margin-top:15px; display:none; }
}

.proArea01 { font-size:0; }
.proArea01 a { float:left; display:inline-block; }
.proArea01 a.a1 { position:relative; line-height:31px; padding-left:8px; font-size:18px; color:#0f6ac2; border:1px solid #94bde4; border-right:none; margin-right:35px; }
.proArea01 a.a1:before { position:absolute; top:-1px; right:-16px; width:16px; height:33px; background:url(pro05.png) no-repeat center; display:block; content:""; z-index:2; }

.proArea01 a.a1:hover { color:#fff; background:#0f6ac2; border:1px solid #94bde4; border-right:none; }
.proArea01 a.a1:hover:before { background:url(pro06.png) no-repeat center; }

.proArea01 a.a4 { position:relative; line-height:31px; padding-left:8px; font-size:18px; color:#fff; background:#0f6ac2; border:1px solid #94bde4; border-right:none; margin-right:35px; }
.proArea01 a.a4:before { position:absolute; top:-1px; right:-16px; width:16px; height:33px; background:url(pro06.png) no-repeat center; display:block; content:""; z-index:2; }

.proArea01 a.a5 { float:right; padding:0 30px; line-height:40px; border:1px solid #e1e1e2; border-radius:25px; font-size:16px; color:#5a5b5c; }

.proArea02 { margin-top:40px; }
.proArea02 .wrap { box-shadow: #eee 0px 0px 10px; }
.proArea02 .pic { float:right; width:45%; position:relative; }
.proArea02 .txt { float:left; width:49%; margin:85px 0 0 2%; line-height:1.1; }
.proArea02 .txt .p1 { width:45px; height:2px; background:#afcdeb; }
.proArea02 .txt .p2 { font-size:24px; color:#303030; margin-top:10px; font-weight:bold; }
.proArea02 .txt .p3 { font-size:16px; color:#8f8b8e; line-height:2; margin-top:30px; }

.proArea02 .pic .swiper-pagination-dis01 { position:absolute; right:15px; bottom:15px; z-index:2; }
.proArea02 .pic .swiper-pagination-dis01 .swiper-pagination-bullet { margin:0 5px; }

@media all and (max-width:1780px){
	.proArea02 .txt { margin:60px 0 0 2%; }
	.proArea02 .txt .p2 { font-size:18px; }
	.proArea02 .txt .p3 { font-size:14px; line-height:1.7; margin-top:25px; }
}
@media all and (max-width:1280px){
	.proArea01 a.a1 { font-size:16px; }
	.proArea01 a.a4 { font-size:16px; }
	.proArea01 a.a5 { padding:0 20px; line-height:30px; font-size:14px; }

	.proArea02 .txt { margin:50px 0 0 2%; }
	.proArea02 .txt .p2 { font-size:16px; }
	.proArea02 .txt .p3 { font-size:14px; line-height:1.7; margin-top:20px; }
}
@media all and (max-width:1000px){
	.proArea01 { display:none; }
	
	
	.proArea02 { margin-top:0; }
	.proArea02 .pic { float:none; width:100%; }
	.proArea02 .txt { float:none; width:92%; margin:0 4%; padding:25px 0; }
	.proArea02 .txt .p2 { font-size:16px; }
	.proArea02 .txt .p3 { font-size:14px; line-height:1.7; margin-top:20px; }
}

.ny-hd { text-align:center; font-size:36px; line-height:1.1; font-weight:bold; color:#333; }
.ny-hd i { color:#3c85ce; }

.proArea03 { margin-top:50px; padding:55px 0 45px; background:#ecf5ff; }
.proArea03 .bd { margin-top:40px; font-size:18px; color:#8f8b8e; line-height:2; }
.proArea03 .bd img { max-width:100%; }

.proArea04 { margin-top:50px; }
.proArea04 .bd { margin-top:40px; font-size:18px; color:#8f8b8e; line-height:2; padding-bottom:50px; }
.proArea04 .bd img { max-width:100%; }

.proArea04 .bd01 { margin-top:80px; padding-bottom:50px; }
.proArea04 .bd01 ul li { position:relative; top:0; float:left; width:375px; margin-right:60px; padding-top:70px; min-height:390px; color:#434444; background:#ebf4fe; border-radius:15px; box-sizing: border-box; transition: all 0.6s; }
.proArea04 .bd01 ul li:nth-child(4n) { margin-right:0; }
.proArea04 .bd01 ul li:nth-child(n + 5) { margin-top:65px; }
.proArea04 .bd01 ul li .p1 { min-height:95px; text-align:center; }
.proArea04 .bd01 ul li .p1 img { max-height:55px; }
.proArea04 .bd01 ul li .p1 .img02 { display:none; }
.proArea04 .bd01 ul li .p2 { font-size:30px; font-weight:bold; text-align:center; line-height:1.1; }
.proArea04 .bd01 ul li .p3 { font-size:18px; line-height:2; margin-top:45px; padding:0 8%; }

.proArea04 .bd01 ul li:hover { background:#0f6ac2; color:#fff; top:-15px; }
.proArea04 .bd01 ul li:hover .p1 .img01 { display:none; }
.proArea04 .bd01 ul li:hover .p1 .img02 { display:inline-block; }

@media all and (max-width:1780px){
	.ny-hd { font-size:30px; }
 
	.proArea03 { margin-top:40px; padding:45px 0; }
	.proArea03 .bd { margin-top:40px; font-size:16px; line-height:2; }
	
	.proArea04 { margin-top:40px; }
	.proArea04 .bd { margin-top:40px; font-size:16px; line-height:2; padding-bottom:40px; }
	
	.proArea04 .bd01 { margin-top:60px; padding-bottom:50px; }
	.proArea04 .bd01 ul li { width:23.5%; margin-right:2%; padding-top:50px; min-height:290px; }
	.proArea04 .bd01 ul li:nth-child(4n) { margin-right:0; }
	.proArea04 .bd01 ul li:nth-child(n + 5) { margin-top:30px; }
	.proArea04 .bd01 ul li .p1 { min-height:65px; }
	.proArea04 .bd01 ul li .p1 img { max-height:55px; }
 
	.proArea04 .bd01 ul li .p2 { font-size:24px; }
	.proArea04 .bd01 ul li .p3 { font-size:14px; line-height:2; margin-top:25px; padding:0 8%; }

}
@media all and (max-width:1280px){
	.ny-hd { font-size:26px; }
 
	.proArea03 { margin-top:40px; padding:35px 0; }
	.proArea03 .bd { margin-top:40px; font-size:14px; line-height:2; }
	
	.proArea04 { margin-top:40px; }
	.proArea04 .bd { margin-top:40px; font-size:14px; line-height:2; padding-bottom:40px; }
	
	.proArea04 .bd01 { margin-top:40px; padding-bottom:40px; }
	.proArea04 .bd01 ul li { padding-top:30px; min-height:250px; }
	.proArea04 .bd01 ul li .p3 { font-size:12px; line-height:1.7; margin-top:20px; padding:0 6%; }
}
@media all and (max-width:750px){
	.ny-hd { font-size:20px; }
 
	.proArea03 { margin-top:30px; padding:35px 0; }
	.proArea03 .bd { margin-top:30px; font-size:14px; line-height:2; }
	
	.proArea04 { margin-top:30px; }
	.proArea04 .bd { margin-top:30px; font-size:14px; line-height:2; padding-bottom:30px; }
	
	.proArea04 .bd01 { margin-top:30px; padding-bottom:30px; }
	.proArea04 .bd01 ul li { width:49%; padding-top:30px; min-height:250px; }
	.proArea04 .bd01 ul li:nth-child(4n) { margin-right:2%; }
	.proArea04 .bd01 ul li:nth-child(2n) { margin-right:0; }
	.proArea04 .bd01 ul li:nth-child(n + 3) { margin-top:2%; }
	.proArea04 .bd01 ul li .p3 { font-size:12px; line-height:1.7; margin-top:15px; padding:0 4%; }
	
	.proArea04 .bd01 ul li:hover { top:0; }
}

.proArea04 .bd02 { margin-top:65px; padding-bottom:50px; }
.proArea04 .bd02 ul li { position:relative; top:0; float:left; width:31.25%; margin-right:3.125%; transition: all 0.6s; }
.proArea04 .bd02 ul li .txt { padding:35px 20px 0 20px; min-height:480px; box-sizing: border-box; background:#ecf5ff; }
.proArea04 .bd02 ul li:before { position:absolute; left:0; width:0; top:0; height:5px; background:#0f6ac2; display:block; content:""; z-index:2; transition: all 0.6s; background:#ecf5ff; }
.proArea04 .bd02 ul li:nth-child(3n) { margin-right:0; }
.proArea04 .bd02 ul li:nth-child(n + 4) { margin-top:55px; }
.proArea04 .bd02 ul li .p1 { min-height:100px; }
.proArea04 .bd02 ul li .p1 img { max-height:60px; }
.proArea04 .bd02 ul li .p2 { font-size:30px; line-height:40px; min-height:80px; color:#292520; }
.proArea04 .bd02 ul li .p3 { font-size:18px; line-height:2; color:#5f5f61; margin-top:15px; }

.proArea04 .bd02 ul li:hover .txt { background:url(pro13.png) no-repeat right bottom #ecf5ff; }
.proArea04 .bd02 ul li:hover:before  { width:100%; }

@media all and (min-width:1280px){
	.proArea04 .bd02 ul li:hover { top:-30px; }
}
@media all and (max-width:1780px){
	.proArea04 .bd02 { margin-top:40px; padding-bottom:40px; }
	.proArea04 .bd02 ul li { width:32%; margin-right:2%; }
	.proArea04 .bd02 ul li .txt { padding:35px 20px 0 20px; min-height:380px; }
 
	.proArea04 .bd02 ul li:nth-child(3n) { margin-right:0; }
	.proArea04 .bd02 ul li:nth-child(n + 4) { margin-top:40px; }
	.proArea04 .bd02 ul li .p1 { min-height:80px; }
	.proArea04 .bd02 ul li .p1 img { max-height:60px; }
	.proArea04 .bd02 ul li .p2 { font-size:24px; line-height:30px; min-height:60px; }
	.proArea04 .bd02 ul li .p3 { font-size:16px; line-height:2; margin-top:15px; }
}
@media all and (max-width:1280px){
	.proArea04 .bd02 { margin-top:40px; padding-bottom:40px; }
	.proArea04 .bd02 ul li { width:32%; margin-right:2%; }
	.proArea04 .bd02 ul li .txt { padding:35px 20px 0 20px; min-height:350px; }
 
	.proArea04 .bd02 ul li:nth-child(3n) { margin-right:0; }
	.proArea04 .bd02 ul li:nth-child(n + 4) { margin-top:30px; }
	.proArea04 .bd02 ul li .p1 { min-height:60px; }
	.proArea04 .bd02 ul li .p1 img { max-height:40px; }
	.proArea04 .bd02 ul li .p2 { font-size:20px; line-height:25px; min-height:50px; }
	.proArea04 .bd02 ul li .p3 { font-size:14px; line-height:1.7; margin-top:15px; }
}
@media all and (max-width:900px){
	.proArea04 .bd02 { margin-top:30px; padding-bottom:30px; }
	.proArea04 .bd02 ul li { width:49%; margin-right:2%; }
	.proArea04 .bd02 ul li .txt { padding:25px 15px 0 15px; min-height:270px; }
 
	.proArea04 .bd02 ul li:nth-child(3n) { margin-right:2%; }
	.proArea04 .bd02 ul li:nth-child(2n) { margin-right:0; }
	.proArea04 .bd02 ul li:nth-child(n + 3) { margin-top:20px; }
	.proArea04 .bd02 ul li .p1 { min-height:50px; }
	.proArea04 .bd02 ul li .p1 img { max-height:30px; }
	.proArea04 .bd02 ul li .p2 { font-size:14px; line-height:20px; min-height:40px; }
	.proArea04 .bd02 ul li .p3 { font-size:12px; line-height:1.7; margin-top:15px; }
}
@media all and (max-width:750px){
	.proArea04 .bd02 { margin-top:30px; padding-bottom:30px; }
	.proArea04 .bd02 ul li { width:100%; margin-right:0; }
	.proArea04 .bd02 ul li .txt { padding:25px 4%; min-height:70px; }
 
	.proArea04 .bd02 ul li:nth-child(3n) { margin-right:0; }
	.proArea04 .bd02 ul li:nth-child(2n) { margin-right:0; }
	.proArea04 .bd02 ul li:nth-child(n + 2) { margin-top:15px; }
	.proArea04 .bd02 ul li .p1 { min-height:50px; }
	.proArea04 .bd02 ul li .p1 img { max-height:30px; }
	.proArea04 .bd02 ul li .p2 { font-size:14px; line-height:20px; min-height:20px; }
	.proArea04 .bd02 ul li .p3 { font-size:12px; line-height:1.7; margin-top:15px; }
}

.proArea04 .bd03 { margin-top:65px; padding-bottom:50px; }
.proArea04 .bd03 .swiper-slide .pic { border:2px solid #edf6fe; }
.proArea04 .bd03 .swiper-slide .txt { font-size:18px; margin-top:25px; text-align:center; padding:0 5px; }

@media all and (max-width:1780px){
	.proArea04 .bd03 { margin-top:40px; padding-bottom:40px; }
	.proArea04 .bd03 .swiper-slide .txt { font-size:16px; margin-top:20px; }
}
@media all and (max-width:1280px){
	.proArea04 .bd03 { margin-top:40px; padding-bottom:40px; }
	.proArea04 .bd03 .swiper-slide .pic { border:1px solid #edf6fe; }
	.proArea04 .bd03 .swiper-slide .txt { font-size:14px; margin-top:15px; }
}
@media all and (max-width:750px){
	.proArea04 .bd03 { margin-top:30px; padding-bottom:30px; }
	.proArea04 .bd03 .swiper-slide .txt { font-size:14px; margin-top:10px; }
}

.proArea04 .bd04 { margin-top:65px; padding-bottom:100px; }
.proArea04 .bd04 .swiper-slide { position:relative; top:0; background:#ebf4fe; transition: all 0.6s; border-radius:15px; overflow:hidden; }
.proArea04 .bd04 .swiper-slide a { display:block; padding:55px 40px 0 40px; min-height:440px; color:#434444; box-sizing: border-box; text-align:center; line-height:1.1; }
.proArea04 .bd04 .swiper-slide .pic { min-height:100px; }
.proArea04 .bd04 .swiper-slide .pic img { max-height:50px; }
.proArea04 .bd04 .swiper-slide .pic .img02 { display:none; }
.proArea04 .bd04 .swiper-slide .txt { font-size:34px; font-weight:bold; }
.proArea04 .bd04 .swiper-slide .txt01 { font-size:20px; line-height:2; margin-top:50px; text-align:left; }

.proBox03 { position:relative; padding:0 130px; }
.proBox03 .prev-pro03,.proBox03 .next-pro03 { position:absolute; top:50%; margin-top:-27px; width:55px; height:55px; background:url(ab01.png) no-repeat center; background-size:cover!important; z-index:2; cursor:pointer; }
.proBox03 .prev-pro03 { left:0; }
.proBox03 .next-pro03 { right:0; transform: rotateY(180deg); }

.proBox03 .prev-pro03:hover { background:url(ab02.png) no-repeat center; transform: rotateY(180deg); }
.proBox03 .next-pro03:hover { background:url(ab02.png) no-repeat center; transform: rotateY(0deg); }

.proArea04 .bd04 .swiper-slide:hover { background:#0f6ac2; }
.proArea04 .bd04 .swiper-slide:hover .pic .img01 { display:none; }
.proArea04 .bd04 .swiper-slide:hover .pic .img02 { display:inline-block; }
.proArea04 .bd04 .swiper-slide:hover a { color:#fff; }

.proArea04 .bd05 { margin-top:60px; padding-bottom:40px; }
.proArea04 .bd05 ul li { float:left; width:15%; margin-right:2%; background:#0f6ac2; border-radius:50px; padding:4px; box-sizing: border-box; }
.proArea04 .bd05 ul li:nth-child(6n) { margin-right:0; }
.proArea04 .bd05 ul li:nth-child(n + 7) { margin-top:35px; }
.proArea04 .bd05 ul li .p1 { float:left; font-size:24px; color:#0f6ac2; width:60px; height:60px; text-align:center; line-height:60px; background:#fff; border-radius:100%; }
.proArea04 .bd05 ul li .p2 { float:right; width:calc(100% - 85px); font-size:24px; color:#fff; line-height:60px; height:60px; overflow:hidden; text-overflow: ellipsis; white-space: nowrap; }


 
@media all and (max-width:1780px){
	.proArea04 .bd04 { margin-top:40px; padding-bottom:40px; }
	
	.proArea04 .bd04 .swiper-slide a { padding:35px 25px 0 25px; min-height:320px; }
	.proArea04 .bd04 .swiper-slide .pic { min-height:70px; }
	.proArea04 .bd04 .swiper-slide .pic img { max-height:50px; }
 
	.proArea04 .bd04 .swiper-slide .txt { font-size:28px; }
	.proArea04 .bd04 .swiper-slide .txt01 { font-size:16px; line-height:2; margin-top:30px; }
	
	.proBox03 { padding:0 80px; }
	.proBox03 .prev-pro03,.proBox03 .next-pro03 { margin-top:-20px; width:40px; height:40px; }
	
	.proArea04 .bd05 { margin-top:40px; padding-bottom:20px; }
	.proArea04 .bd05 ul li { float:left; width:15%; margin-right:2%; background:#0f6ac2; border-radius:50px; padding:4px; box-sizing: border-box; }
	.proArea04 .bd05 ul li:nth-child(6n) { margin-right:0; }
	.proArea04 .bd05 ul li:nth-child(n + 7) { margin-top:25px; }
	.proArea04 .bd05 ul li .p1 { float:left; font-size:18px; width:40px; height:40px; line-height:40px; }
	.proArea04 .bd05 ul li .p2 { float:right; width:calc(100% - 55px); font-size:18px; line-height:40px; height:40px; }
}
@media all and (max-width:1280px){
	.proArea04 .bd04 { margin-top:40px; padding-bottom:40px; }
	
	.proArea04 .bd04 .swiper-slide a { padding:25px 15px 0 15px; min-height:250px; }
	.proArea04 .bd04 .swiper-slide .pic { min-height:60px; }
	.proArea04 .bd04 .swiper-slide .pic img { max-height:40px; }
 
	.proArea04 .bd04 .swiper-slide .txt { font-size:28px; }
	.proArea04 .bd04 .swiper-slide .txt01 { font-size:14px; line-height:1.7; margin-top:30px; }
	
	.proBox03 { padding:0 60px; }
	.proBox03 .prev-pro03,.proBox03 .next-pro03 { margin-top:-20px; width:40px; height:40px; }
	
	.proArea04 .bd05 { margin-top:40px; padding-bottom:20px; }
	.proArea04 .bd05 ul li { float:left; width:15%; margin-right:2%; background:#0f6ac2; border-radius:50px; padding:4px; box-sizing: border-box; }
	.proArea04 .bd05 ul li:nth-child(6n) { margin-right:0; }
	.proArea04 .bd05 ul li:nth-child(n + 7) { margin-top:15px; }
	.proArea04 .bd05 ul li .p1 { float:left; font-size:14px; width:30px; height:30px; line-height:30px; }
	.proArea04 .bd05 ul li .p2 { float:right; width:calc(100% - 45px); font-size:14px; line-height:30px; height:30px; }
}
@media all and (max-width:900px){

	.proArea04 .bd05 ul li { width:18.4%; margin-right:2%; }
	.proArea04 .bd05 ul li:nth-child(6n) { margin-right:2%; }
	.proArea04 .bd05 ul li:nth-child(5n) { margin-right:0; }
	.proArea04 .bd05 ul li:nth-child(n + 6) { margin-top:10px; }
}
@media all and (max-width:750px){
	.proArea04 .bd04 { margin-top:30px; padding-bottom:30px; }
	
	.proArea04 .bd04 .swiper-slide a { padding:30px 4% 0 4%; min-height:220px; }
	.proArea04 .bd04 .swiper-slide .pic { min-height:50px; }
	.proArea04 .bd04 .swiper-slide .pic img { max-height:35px; }
 
	.proArea04 .bd04 .swiper-slide .txt { font-size:24px; }
	.proArea04 .bd04 .swiper-slide .txt01 { font-size:14px; line-height:1.7; margin-top:10px; }
	
	.proBox03 { padding:0 40px; }
	.proBox03 .prev-pro03,.proBox03 .next-pro03 { margin-top:-15px; width:30px; height:30px; }
	
	.proArea04 .bd05 { margin-top:30px; padding-bottom:20px; }
	.proArea04 .bd05 ul li { width:49%; margin-right:2%; }
	.proArea04 .bd05 ul li:nth-child(6n) { margin-right:2%; }
	.proArea04 .bd05 ul li:nth-child(5n) { margin-right:2%; }
	.proArea04 .bd05 ul li:nth-child(2n) { margin-right:0; }
	.proArea04 .bd05 ul li:nth-child(n + 3) { margin-top:10px; }
}


.proArea05 .wrap { position:relative; background:url(proArea05.jpg) no-repeat center top; padding-top:70px; }
.proArea05 .ny-hd { color:#fff; }
.proArea05 .bd { margin:65px 6% 0 6%; }

.proBox01 { float:left; width:54.5%; }
.proBox01 .bd01 { padding:30px 30px 0 65px; min-height:200px; color:#333; line-height:1.1; background:url(pro09.jpg) no-repeat right bottom; background-size:cover; box-sizing: border-box; }
.proBox01 .bd01 .p1 { font-size:32px; }
.proBox01 .bd01 .p2 { font-size:16px; line-height:1.6; margin-top:30px; }
.proBox01 .bd01 .p2 ul li { float:left; }
.proBox01 .bd01 .p2 ul li:nth-child(1) { margin-right:50px; }
.proBox01 .bd01 .p2 ul li .clearfix:nth-child(2) { margin-top:10px; }
.proBox01 .bd01 .p2 ul li .clearfix .fl:nth-child(1) { font-weight:bold; width:150px; }

.proBox01 .bd02 { padding:40px 30px 0 65px; min-height:385px; background:url(pro10.jpg) no-repeat right bottom; background-size:cover; box-sizing: border-box; margin-top:10px; }
.proBox01 .bd02 a { display:block; height:100%; color:#333; line-height:1.1; }
.proBox01 .bd02 .p1 { font-size:32px; }
.proBox01 .bd02 .p2 { font-size:18px; margin-top:20px; }

.proBox02 { float:right; width:calc(45.5% - 10px); background:#f4f8fc; padding:30px 50px 0 50px; min-height:595px; box-sizing: border-box; }
.proBox02 .p1 { font-size:32px; color:#333; line-height:1.1; }
.proBox02 .p2 { margin-top:40px; }
.proBox02 .p2 .text { width:100%; line-height:75px; border-bottom:1px solid #ebeef2; font-size:18px; color:#000; }
.proBox02 .p2 .text02 { margin-top:15px; }
.proBox02 .p2 .textarea { width:100%; margin-top:40px; border-bottom:1px solid #ebeef2; height:130px; font-size:18px; color:#000; }
.proBox02 .p2 .btn01 { display:block; width:185px; height:60px; margin-top:50px; font-size:18px; color:#fff; background:#0f6ac2; border-radius:5px; cursor:pointer; }

.proBox02 .p2 ::-webkit-input-placeholder { color:#000; opacity: 1; }
.proBox02 .p2 :-moz-placeholder { color:#000; opacity: 1; }
.proBox02 .p2 :-ms-input-placeholder { color:#000; opacity: 1; } 
.proBox02 .p2 .placeholder { color:#000; opacity: 1; }

@media all and (max-width:1780px){
	.proArea05 .wrap { padding-top:60px; }
	.proArea05 .bd { margin:50px 4% 0 4%; }

	.proBox01 { float:left; width:54.5%; }
	.proBox01 .bd01 { padding:25px 25px 0 35px; min-height:150px; }
	.proBox01 .bd01 .p1 { font-size:24px; }
	.proBox01 .bd01 .p2 { font-size:14px; line-height:1.6; margin-top:20px; }
	.proBox01 .bd01 .p2 ul li { float:left; }
	.proBox01 .bd01 .p2 ul li:nth-child(1) { margin-right:30px; }
	.proBox01 .bd01 .p2 ul li .clearfix:nth-child(2) { margin-top:10px; }
	.proBox01 .bd01 .p2 ul li .clearfix .fl:nth-child(1) { width:120px; }

	.proBox01 .bd02 { padding:25px 25px 0 35px; min-height:350px; }
	.proBox01 .bd02 .p1 { font-size:24px; }
	.proBox01 .bd02 .p2 { font-size:14px; margin-top:20px; }

	.proBox02 { float:right; width:calc(45.5% - 10px); padding:25px 35px 0 35px; min-height:510px; }
	.proBox02 .p1 { font-size:24px; }
	.proBox02 .p2 { margin-top:30px; }
	.proBox02 .p2 .text { width:100%; line-height:55px; font-size:16px; }
	.proBox02 .p2 .text02 { margin-top:15px; }
	.proBox02 .p2 .textarea { width:100%; margin-top:30px; height:130px; font-size:16px; }
	.proBox02 .p2 .btn01 { width:150px; height:50px; margin-top:50px; font-size:16px; }
}
@media all and (max-width:1280px){
	.proBox01 .bd01 { padding:25px 25px 0 35px; min-height:200px; }
	.proBox01 .bd01 .p2 ul li { float:none; margin-right:0!important; }
	.proBox01 .bd01 .p2 ul li:nth-child(2) { margin-top:5px; }
	.proBox01 .bd01 .p2 ul li .clearfix:nth-child(2) { margin-top:5px; }
	
	.proBox01 .bd02 { padding:25px 25px 0 35px; min-height:300px; }
}
@media all and (max-width:750px){
	.proArea05 .wrap { padding-top:40px; }
	.proArea05 .bd { margin:35px 2% 0 2%; }

	.proBox01 { float:none; width:100%; }
	.proBox01 .bd01 { padding:25px 4%; min-height:100px; }
	.proBox01 .bd01 .p1 { font-size:20px; }
	.proBox01 .bd01 .p2 { font-size:14px; margin-top:20px; }
 
	.proBox01 .bd02 { padding:25px 4%; min-height:250px; margin-top:10px; }
	.proBox01 .bd02 .p1 { font-size:20px; }
	.proBox01 .bd02 .p2 { font-size:14px; margin-top:20px; }

	.proBox02 { float:none; margin-top:10px; width:100%; padding:25px 4%; min-height:100px; }
	.proBox02 .p1 { font-size:20px; }
	.proBox02 .p2 { margin-top:20px; }
	.proBox02 .p2 .text { line-height:40px; font-size:14px; }
	.proBox02 .p2 .text02 { margin-top:10px; }
	.proBox02 .p2 .textarea { margin-top:20px; height:100px; font-size:14px; }
	.proBox02 .p2 .btn01 { width:120px; height:40px; margin-top:30px; font-size:14px; }
}

.proArea06 { margin-top:90px; padding-bottom:120px; }
.proArea06 .wrap { position:relative; }
.proArea06 .hd { font-size:28px; color:#333; line-height:1.1; }
 
.proArea06 .bd { margin-top:50px; }
.proArea06 .bd .swiper-slide { background:#f4f8fc; }
.proArea06 .bd .swiper-slide .txt { padding:30px 0 45px; text-align:center; background-size:100% 100%!important; }
.proArea06 .bd .swiper-slide .txt .p1 { font-size:28px; line-height:30px; color:#303030; font-weight:bold; overflow:hidden; text-overflow: ellipsis; white-space: nowrap; }
.proArea06 .bd .swiper-slide .txt .p2 { font-size:16px; line-height:20px; color:#3a3a3a; margin-top:10px; overflow:hidden; text-overflow: ellipsis; white-space: nowrap; }
.proArea06 .bd .swiper-slide .txt .p3 { height:60px; background:url(pro03.png) no-repeat center; background-size:contain!important; margin-top:25px; }

.proArea06 .bd .swiper-slide:hover .txt { background:url(pro02.png) no-repeat center; }
.proArea06 .bd .swiper-slide:hover .txt .p1 { color:#0f6ac2; }
.proArea06 .bd .swiper-slide:hover .txt .p3 { background:url(pro04.png) no-repeat center; }

.proArea06 .btn { position:absolute; top:15px; right:0; z-index:2; }
.proArea06 .btn .btn01 { display:inline-block; width:29px; height:29px; margin-left:25px; border-radius:25px; cursor:pointer; }
.proArea06 .btn .prev-pro01 { background:url(pro11.png) no-repeat center #d5d5d5; }
.proArea06 .btn .next-pro01 { background:url(pro12.png) no-repeat center #d5d5d5; }
.proArea06 .btn .btn01:hover { background-color:#0f6ac2; }

@media all and (max-width:1780px){
	.proArea06 { margin-top:80px; padding-bottom:80px; }
	.proArea06 .hd { font-size:24px; }
 
	.proArea06 .bd .swiper-slide .txt { padding:25px 0; }
	.proArea06 .bd .swiper-slide .txt .p1 { font-size:18px; line-height:20px; }
	.proArea06 .bd .swiper-slide .txt .p2 { font-size:14px; line-height:20px; margin-top:10px; }
	.proArea06 .bd .swiper-slide .txt .p3 { height:40px; margin-top:20px; }
}
@media all and (max-width:1280px){
	.proArea06 { margin-top:60px; padding-bottom:60px; }

}
@media all and (max-width:750px){
	.proArea06 { margin-top:40px; padding-bottom:40px; }
	.proArea06 .hd { font-size:20px; }
	
	.proArea06 .bd { margin-top:25px; }
	.proArea06 .bd .swiper-slide .txt { padding:15px 0; }
	.proArea06 .bd .swiper-slide .txt .p1 { font-size:14px; line-height:20px; }
	.proArea06 .bd .swiper-slide .txt .p2 { font-size:12px; line-height:20px; margin-top:5px; }
	.proArea06 .bd .swiper-slide .txt .p3 { height:30px; margin-top:15px; display:none; }
	
	.proArea06 .btn { top:0; }
	.proArea06 .btn .btn01 { margin-left:10px; width:22px; height:22px; }
}

.caseArea ul li { float:left; width:30.95%; margin-right:3.575%; background:#f5f5f5; }
.caseArea ul li:nth-child(3n) { margin-right:0; }
.caseArea ul li:nth-child(n + 4) { margin-top:50px; }
.caseArea ul li .txt { padding:15px 30px 0 30px; min-height:140px; box-sizing: border-box; }
.caseArea ul li .txt .p1 { font-size:24px; line-height:60px; color:#363535; font-weight:bold; padding-right:40px; background:url(pro14.png) no-repeat center right; border-bottom:1px solid #ddd; overflow:hidden; text-overflow: ellipsis; white-space: nowrap; }
.caseArea ul li .txt .p2 { font-size:16px; color:#4c4c4c; line-height:25px; padding-left:30px; margin-top:10px; background:url(pro15.png) no-repeat center left; overflow:hidden; text-overflow: ellipsis; white-space: nowrap; }

.caseArea ul li .pic { overflow:hidden; }
.caseArea ul li .pic img { transition: all 0.6s; }
.caseArea ul li:hover .pic img { transform: scale(1.1)!important; }

.caseArea ul li:hover .txt { background:url(pro16.png) no-repeat right bottom #0f6ac2; }
.caseArea ul li:hover .txt .p1 { color:#fff; background:url(pro17.png) no-repeat center right; border-color:rgba(255,255,255,0.3); }
.caseArea ul li:hover .txt .p2 { color:#fff; background:url(pro18.png) no-repeat center left; }

@media all and (max-width:1780px){
	.caseArea ul li { float:left; width:32%; margin-right:2%; }
	.caseArea ul li:nth-child(3n) { margin-right:0; }
	.caseArea ul li:nth-child(n + 4) { margin-top:30px; }
	.caseArea ul li .txt { padding:15px 20px 0 20px; min-height:120px; }
	.caseArea ul li .txt .p1 { font-size:18px; line-height:50px; padding-right:40px; }
	.caseArea ul li .txt .p2 { font-size:14px; padding-left:30px; }
}
@media all and (max-width:1280px){
	.caseArea ul li .txt .p1 { font-size:18px; line-height:50px; padding-right:0; background:none!important; }
}
@media all and (max-width:750px){
	.caseArea ul li { float:left; width:49%; margin-right:2%; }
	.caseArea ul li:nth-child(3n) { margin-right:2%; }
	.caseArea ul li:nth-child(2n) { margin-right:0; }
	.caseArea ul li:nth-child(n + 3) { margin-top:15px; }
	
	.caseArea ul li .txt { padding:0 4%; min-height:20px; }
	.caseArea ul li .txt .p1 { text-align:center; font-size:14px; line-height:40px; border-bottom:none!important; }
	.caseArea ul li .txt .p2 { display:none; }
}

.hzArea { margin-top:70px; padding:80px 0 170px; background:#e8f5fe; }
.hzArea .bd { margin-top:80px; }
.hzArea .bd .swiper-slide { cursor:pointer; }
.hzArea .bd .swiper-slide p { display:none; }
.hzArea .bd .swiper-slide .pic img { -webkit-filter:grayscale(100%);-moz-filter:grayscale(100%);-ms-filter:grayscale(100%);-o-filter:grayscale(100%);filter:grayscale(100%);filter:gray; }
.hzArea .bd .swiper-slide:hover .pic img { -webkit-filter:grayscale(0%) !important;-moz-filter:grayscale(0%) !important;-ms-filter:grayscale(0%) !important;-o-filter:grayscale(0%) !important;filter:grayscale(0%) !important;filter:gray !important; }

@media all and (max-width:1780px){
	.hzArea { margin-top:60px; padding:60px 0 100px; }
	.hzArea .bd { margin-top:60px; }
}
@media all and (max-width:1280px){
	.hzArea { margin-top:40px; padding:40px 0 60px; }
	.hzArea .bd { margin-top:40px; }
}
@media all and (max-width:750px){
	.hzArea { margin-top:30px; padding:30px 0 40px; }
	.hzArea .bd { margin-top:30px; }
}

.ab-hd { position:relative; line-height:1.1; z-index:2; }
.ab-hd .p1 { font-size:48px; color:#403f40; }
.ab-hd .p1 i { color:#0f6ac2; }
.ab-hd .p2 { margin-top:20px; width:58px; height:4px; background:#0f6ac2; }

@media all and (max-width:1780px){
	.ab-hd .p1 { font-size:38px; }
	.ab-hd .p2 { margin-top:20px; width:58px; height:4px; }
}
@media all and (max-width:1280px){
	.ab-hd .p1 { font-size:28px; }
	.ab-hd .p2 { margin-top:15px; width:58px; height:4px; }
}
@media all and (max-width:750px){
	.ab-hd .p1 { font-size:20px; }
	.ab-hd .p2 { margin-top:15px; width:58px; height:4px; }
}

.abArea01 { padding:140px 0; }
.abArea01 .txt { float:left; width:calc(100% - 915px); }
.abArea01 .txt .bd { margin-top:30px; padding-right:50px; font-size:18px; line-height:2; color:#787878; text-align:justify; max-height:460px;  overflow-y:auto; }

.abArea01 .txt .bd::-webkit-scrollbar-thumb { min-height:50px; border-radius:3px; background-color:#0f6ac2; }
.abArea01 .txt .bd::-webkit-scrollbar-track { background:#e4e4e4; }
.abArea01 .txt .bd::-webkit-scrollbar-corner { background:transparent; }
.abArea01 .txt .bd::-webkit-scrollbar { width:7px; height:7px; }

.abArea01 .pic { float:right; width:840px; position:relative; cursor:pointer; z-index:1;overflow:hidden; }
.abArea01 .pic .img01 { transition: all 0.6s; }
.abArea01 .pic:hover .img01 { transform: scale(1.1)!important; }
.abArea01 .pic p { position:absolute; top:50%; left:50%; transform:translate(-50%,-50%);  width:60px; height:60px; border-radius:100%; z-index:5; }
.abArea01 .pic p img { width:100%; }

.abArea01 .pic p:before { animation: boderM 3s .75s infinite; content: ''; display: block; position: absolute;  left: 50%; top: 50%; transform: translate(-50%, -50%);  width: 60px;  height: 60px; border-radius:100%; background: rgba(255, 255, 255, 0.3); z-index:-1; }
.abArea01 .pic p:after { animation: boderM 3s infinite; content: ''; display: block; position: absolute;  left: 50%; top: 50%; transform: translate(-50%, -50%);  width: 60px;  height: 60px; border-radius:100%; background: rgba(255, 255, 255, 0.2); z-index:-1; }

@media all and (max-width:1780px){
	.abArea01 { padding:100px 0; }
	.abArea01 .txt { float:left; width:calc(100% - 650px); }
	.abArea01 .txt .bd { margin-top:20px; padding-right:30px; font-size:16px; line-height:2; max-height:320px; }
	
	.abArea01 .pic { float:right; width:600px; } 
}
@media all and (max-width:1280px){
	.abArea01 { padding:60px 0; }
	.abArea01 .txt { float:left; width:calc(100% - 530px); }
	.abArea01 .txt .bd { margin-top:20px; padding-right:20px; font-size:14px; line-height:1.7; max-height:280px; }
	
	.abArea01 .pic { float:right; width:500px; } 
}
@media all and (max-width:1000px){
	.abArea01 { padding:60px 0; }
	.abArea01 .txt { float:none; width:100%; }
	.abArea01 .txt .bd { margin-top:20px; padding-right:0; font-size:14px; line-height:1.7; max-height:none; }
	
	.abArea01 .pic { float:none; width:100%; margin-top:30px; } 
}
@media all and (max-width:750px){
	.abArea01 { padding:40px 0; }
	
	.abArea01 .pic { margin-top:25px; }
	.abArea01 .pic p { width:40px; height:40px; }

	.abArea01 .pic p:before { width: 40px;  height: 40px; }
	.abArea01 .pic p:after { width: 40px;  height: 40px; }
}

.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; }
} 

.abArea02 { padding:110px 0 160px; background:url(abArea02.png) no-repeat center bottom; background-size:cover; }
.abArea02 .wrap { position:relative; }
.bdBox21 { position:relative; margin-top:100px; z-index:9; }
.abBox22 { float:left; width:590px; }
.abBox21 { float:right; width:825px; padding:0 110px; }
.abBox21 .hd { position:absolute; top:0; right:0; z-index:2; }
.abBox21 .hd ul li { float:left; margin-right:20px; width:140px; height:40px; text-align:center; line-height:40px; font-size:18px; color:#676767; border:1px solid #676767; border-radius:25px; cursor:pointer; }
.abBox21 .hd ul li:last-child { margin-right:0; }
.abBox21 .hd ul li.on { background:#0f6ac2; color:#fff; border-color:#0f6ac2; }
 
.abBox21 .bd { position:relative; padding-top:90px; }
.abBox21 .bd .swiper-slide { width:525px; }
.abBox21 .bd .swiper-slide .pic { position:relative;}
.abBox21 .bd .swiper-slide .pic:before { position:absolute; top:0; left:0; right:0; bottom:0; opacity:0.5; background:#fff; display:block; content:""; z-index:2; }
.abBox21 .bd .swiper-slide .txt { text-align:center; font-size:30px; color:#373737; margin-top:25px; display:none; }
.abBox21 .bd .swiper-slide-active .pic:before { opacity:0; }
.abBox21 .bd .swiper-slide-active .txt { display:block; }

.abBox21 .prev-ab,.abBox21 .next-ab { position:absolute; top:50%; margin-top:-27px; width:55px; height:55px; background:url(ab01.png) no-repeat center; background-size:cover!important; z-index:2; cursor:pointer; }
.abBox21 .prev-ab { left:-110px; }
.abBox21 .next-ab { right:-110px; transform: rotateY(180deg); }

.abBox21 .prev-ab:hover { background:url(ab02.png) no-repeat center; transform: rotateY(180deg); }
.abBox21 .next-ab:hover { background:url(ab02.png) no-repeat center; transform: rotateY(0deg); }


@media all and (max-width:1780px){
	.abArea02 { padding:100px 0; }
	.bdBox21 { margin-top:60px; }
	.abBox22 { float:left; width:35%; }
	.abBox21 { float:right; width:50%; padding:0 60px; }
	.abBox21 .hd ul li { margin-right:20px; width:120px; height:35px; line-height:35px; font-size:16px; }
	.abBox21 .hd ul li:last-child { margin-right:0; }
 
	.abBox21 .bd { padding-top:50px; }
	.abBox21 .bd .swiper-slide { width:380px; }
	.abBox21 .bd .swiper-slide .txt { font-size:18px; margin-top:15px; }
 
	.abBox21 .prev-ab,.abBox21 .next-ab { margin-top:-20px; width:40px; height:40px; }
	.abBox21 .prev-ab { left:-60px; }
	.abBox21 .next-ab { right:-60px; }
}
@media all and (max-width:1280px){
	.abArea02 { padding:60px 0; }
	.bdBox21 { margin-top:40px; }
	
	.abBox21 .hd { position:absolute; top:-30px; right:0; z-index:2; }
	
	.abBox21 .bd { padding-top:20px; }
	.abBox21 .bd .swiper-slide { width:370px; }
	.abBox21 .bd .swiper-slide .txt { font-size:14px; margin-top:15px; }
}
@media all and (max-width:1000px){
	.abBox21 .bd .swiper-slide { width:350px; }
}
@media all and (max-width:900px){
	.abBox22 { display:none; }
	.abBox21 { float:none; width:100%; padding:0 60px; box-sizing: border-box; }
	
	.abBox21 .hd { top:-50px; }
}
@media all and (max-width:750px){
	.abArea02 { padding:40px 0; }
	.bdBox21 { margin-top:30px; }
	.abBox21 { padding:0 50px; }
	.abBox21 .hd { top:-65px; }
	.abBox21 .hd ul li { margin-right:10px; width:80px; height:30px; line-height:30px; font-size:14px; }
	.abBox21 .hd ul li:last-child { margin-right:0; }
	
	.abBox21 .bd { padding-top:0; }
	.abBox21 .bd .swiper-slide { width:80%; }
	
	.abBox21 .prev-ab,.abBox21 .next-ab { width:35px; height:35px; }
	.abBox21 .prev-ab { left:-50px; }
	.abBox21 .next-ab { right:-50px; }
}

.abArea03 { position:relative; /*background:url(abArea03.jpg) no-repeat center bottom; background-size:cover;*/ }

.abBox033 { position:absolute!important; top:0; left:0; right:0; bottom:0; z-index:-1; }
.abBox033 .bdd { position:absolute; top:0; left:0; right:0; bottom:0; background-size:cover!important; z-index:0; }




.abBox31 { position:absolute; top:38%; left:50%; margin-left:-840px; z-index:2; }
.abBox31 .ab-hd .p1 { color:#fff; }
.abBox31 .ab-hd .p2 { background:#fff; }
.abBox31 .bd { position:relative; margin-top:-15px; }

.abBox32 { margin-left:calc(100% - 810px); width:810px; }
.abBox32 ul { border-right:1px solid rgba(255,255,255,0.4); }
.abBox32 ul li { position:relative; float:left; width:50%; min-height:520px; box-sizing: border-box; border-left:1px solid rgba(255,255,255,0.4); border-bottom:1px solid rgba(255,255,255,0.4); cursor:pointer; }
.abBox32 ul li:nth-child(3) { margin-left:50%; }

.abBox32 ul li .txt { position:absolute; left:30px; bottom:60px; color:#fff; line-height:1.1; z-index:2; }
.abBox32 ul li .txt .p1 { min-height:100px; }
.abBox32 ul li .txt .p1 img { max-height:65px; }
.abBox32 ul li .txt .p2 { font-size:24px; }
.abBox32 ul li .txt .p3 { font-size:14px; margin-top:10px; }

.abBox32 ul li .txt01 { position:absolute; padding:40px 20px 0 40px; top:0; left:0; right:0; bottom:0; background:url(pic14.png) no-repeat right bottom rgba(255,255,255,0.8); line-height:1.1; z-index:5; display:none; }
.abBox32 ul li .txt01 .p1 { font-size:24px; color:#008cd7; font-weight:bold; }
.abBox32 ul li .txt01 .p2 { font-size:18px; color:#666; font-weight:bold; margin-top:30px; line-height:25px; min-height:50px; }
.abBox32 ul li .txt01 .p3 { font-size:16px; color:#737373; line-height:30px; margin-top:15px; padding-right:20px; max-height:300px; text-align:justify; overflow-y:auto; }
 
.abBox32 ul li .txt01 .p3::-webkit-scrollbar-thumb { min-height:50px; border-radius:3px; background-color:#0f6ac2; }
.abBox32 ul li .txt01 .p3::-webkit-scrollbar-track { background:#e4e4e4; }
.abBox32 ul li .txt01 .p3::-webkit-scrollbar-corner { background:transparent; }
.abBox32 ul li .txt01 .p3::-webkit-scrollbar { width:7px; height:7px; }

.abBox32 ul li:hover .txt { display:none; }
.abBox32 ul li:hover .txt01 { display:block; }

@media all and (max-width:1780px){
	.abBox31 { top:38%; left:50%; margin-left:-600px; }
	.abBox31 .bd { margin-top:-10px; }
	.abBox31 .bd img { max-width:400px; }

	.abBox32 { margin-left:calc(100% - 700px); width:700px; }
	.abBox32 ul li { min-height:450px; }
	.abBox32 ul li .txt { left:25px; bottom:40px; }
	.abBox32 ul li .txt .p1 { min-height:80px; }
	.abBox32 ul li .txt .p1 img { max-height:50px; }
	.abBox32 ul li .txt .p2 { font-size:20px; }
	.abBox32 ul li .txt .p3 { font-size:14px; margin-top:10px; }

	.abBox32 ul li .txt01 { padding:30px 15px 0 30px; }
	.abBox32 ul li .txt01 .p1 { font-size:20px; }
	.abBox32 ul li .txt01 .p2 { font-size:16px; margin-top:50px; }
	.abBox32 ul li .txt01 .p3 { font-size:14px; line-height:25px; margin-top:15px; padding-right:15px; max-height:250px; }
 
}
@media all and (max-width:1280px){
	.abBox31 { position:relative; padding:60px 0 40px; top:auto; left:auto; margin-left:0; }
	.abBox31 .bd { margin-top:-10px; }
	.abBox31 .bd img { max-width:400px; }

	.abBox32 { margin-left:0; width:100%; }
	.abBox32 ul { border-top:1px solid rgba(255,255,255,0.4); }
	.abBox32 ul li { width:33.33%; min-height:400px; }
	.abBox32 ul li:nth-child(3) { margin-left:0; }
	.abBox32 ul li .txt { left:25px; bottom:40px; }
	.abBox32 ul li .txt .p1 { min-height:80px; }
	.abBox32 ul li .txt .p1 img { max-height:50px; }
	.abBox32 ul li .txt .p2 { font-size:20px; }
	.abBox32 ul li .txt .p3 { font-size:14px; margin-top:10px; }

	.abBox32 ul li .txt01 { padding:30px 10px 0 20px; }
	.abBox32 ul li .txt01 .p1 { font-size:20px; }
	.abBox32 ul li .txt01 .p2 { font-size:16px; margin-top:20px;  }
	.abBox32 ul li .txt01 .p3 { font-size:14px; line-height:25px; margin-top:15px; padding-right:10px; max-height:200px; }
}
@media all and (max-width:750px){
	.abArea03 { padding-bottom:40px; }
	.abBox31 {  padding:40px 0 30px; }
	.abBox31 .bd { margin-top:-10px; }
	.abBox31 .bd img { max-width:250px; }

	.abBox32 { margin-left:0; width:100%; }
	.abBox32 ul { border-top:1px solid rgba(255,255,255,0.4); }
	.abBox32 ul li { float:none; width:100%; min-height:350px; }
	.abBox32 ul li:nth-child(3) { margin-left:0; }
	.abBox32 ul li .txt { left:20px; bottom:30px; }
	.abBox32 ul li .txt .p1 { min-height:70px; }
	.abBox32 ul li .txt .p1 img { max-height:45px; }
	.abBox32 ul li .txt .p2 { font-size:18px; }
	.abBox32 ul li .txt .p3 { font-size:14px; margin-top:10px; }

	.abBox32 ul li .txt01 { padding:30px 10px 0 20px; }
	.abBox32 ul li .txt01 .p1 { font-size:18px; }
	.abBox32 ul li .txt01 .p2 { font-size:14px; margin-top:20px; }
	.abBox32 ul li .txt01 .p3 { font-size:14px; line-height:25px; margin-top:15px; padding-right:10px; max-height:170px; }
}

.abArea04 { padding:110px 0 130px; background:url(abArea04.jpg) no-repeat center bottom; background-size:cover; }
.abBox41 { margin-top:100px; background:url(pic16.jpg) no-repeat center bottom; background-size:cover; }
.abBox41 ul li { float:left; width:25%; border-right:1px solid rgba(255,255,255,0.5); padding:110px 0 0 60px; min-height:625px; line-height:1.1; box-sizing: border-box; cursor:pointer; }
.abBox41 ul li .p1 { min-height:65px; }
.abBox41 ul li .p1 img { max-height:50px; }
.abBox41 ul li .p1 .img02 { display:none; }
.abBox41 ul li .p2 { font-size:26px; color:#fff; }
.abBox41 ul li .p3 { font-size:16px; color:#2a2a2a; margin-top:35px; opacity:0; }
.abBox41 ul li .p4 { width:45px; height:2px; background:#68a8da; margin-top:10px; opacity:0; }
.abBox41 ul li .p5 { margin-top:160px; }

.abBox41 ul li:hover { background:#fff; }
.abBox41 ul li:hover .p1 .img01 { display:none; }
.abBox41 ul li:hover .p1 .img02 { display:inline-block; }
.abBox41 ul li:hover .p2 { color:#0f6ac2; }
.abBox41 ul li:hover .p3 { opacity:1; }
.abBox41 ul li:hover .p4 { opacity:1; }

@media all and (max-width:1780px){
	.abArea04 { padding:100px 0; }
	.abBox41 { margin-top:60px; }
	.abBox41 ul li { padding:80px 0 0 40px; min-height:500px; }
	.abBox41 ul li .p1 { min-height:65px; }
	.abBox41 ul li .p1 img { max-height:50px; }
 
	.abBox41 ul li .p2 { font-size:20px; }
	.abBox41 ul li .p3 { font-size:16px; margin-top:35px; }
	.abBox41 ul li .p4 { margin-top:10px; }
	.abBox41 ul li .p5 { margin-top:100px; }
	.abBox41 ul li .p5 img { width:50px; }
}
@media all and (max-width:1280px){
	.abArea04 { padding:60px 0; }
	.abBox41 { margin-top:40px; }
	.abBox41 ul li { padding:60px 0 0 30px; min-height:400px; }
	.abBox41 ul li .p1 { min-height:60px; }
	.abBox41 ul li .p1 img { max-height:40px; }
 
	.abBox41 ul li .p2 { font-size:18px; }
	.abBox41 ul li .p3 { font-size:14px; margin-top:25px; }
	.abBox41 ul li .p4 { margin-top:10px; }
	.abBox41 ul li .p5 { margin-top:60px; }
	.abBox41 ul li .p5 img { width:40px; }
}
@media all and (max-width:750px){
	.abArea04 { padding:40px 0; }
	.abBox41 { margin-top:30px; }
	.abBox41 ul li { width:50%; padding:30px 0 0 15px; min-height:200px; }
	.abBox41 ul li:nth-child(n + 3) { border-top:1px solid rgba(255,255,255,0.5); }
	.abBox41 ul li .p1 { min-height:50px; }
	.abBox41 ul li .p1 img { max-height:35px; }
 
	.abBox41 ul li .p2 { font-size:16px; }
	.abBox41 ul li .p3 { font-size:14px; margin-top:15px; }
	.abBox41 ul li .p4 { margin-top:15px; }
	.abBox41 ul li .p5 { display:none; }
}

.conBox .hd { margin-bottom:30px; }
.conBox .hd ul li { display:inline-block; padding:0 25px; line-height:50px; border:1px solid #ccc; font-size:16px; color:#333; margin-right:20px; cursor:pointer; }
.conBox .hd ul li.on { background:#0f6ac2; color:#fff; border-color:#0f6ac2; }

@media all and (max-width:750px){
	.conBox .hd ul li { display:inline-block; padding:0 20px; line-height:40px; font-size:14px;  margin-right:20px; }
}


.conArea01 .txt { float:left; width:505px; height:600px; padding:40px 20px 0 20px; color:#fff; background:url(con01.png) no-repeat right bottom #0f6ac2; box-sizing: border-box; }
.conArea01 .txt .p1 { font-size:24px; font-weight:bold; line-height:1.1; padding-bottom:20px; border-bottom:1px solid rgba(255,255,255,0.2); }
.conArea01 .txt .p2 { font-size:30px; font-weight:bold; line-height:1.1; padding:15px 0; }
.conArea01 .txt .p3 { font-size:16px; line-height:25px; margin-top:10px; }
.conArea01 .txt .p3 p { padding-left:30px; }
.conArea01 .txt .p3 p.p31 { background:url(con02.png) no-repeat top left; }
.conArea01 .txt .p3 p.p32 { background:url(con03.png) no-repeat top left; margin-top:10px; }
.conArea01 .txt .p3 p.p33 { padding-left:78px; }
.conArea01 .txt .p3 p.p34 { background:url(con04.png) no-repeat top left; margin-top:10px; }
.conArea01 .txt .p4 { margin-top:40px; width:95px; text-align:center; }
.conArea01 .txt .p4 img { width:95px; }
.conArea01 .txt .p4 p { font-size:16px; margin-top:10px; }

.conArea01 .pic { float:right; width:calc(100% - 535px); height:600px; background:#f5f5f5; }
.conArea01 .pic #dituContent { width:calc(100% - 2px)!important; height:600px!important; }
.conArea01 .pic .my-map { width:calc(100% - 2px)!important; height:600px!important; }


.conArea02 { padding:75px 0; }
.conArea02 ul li { float:left; width:24%; margin-right:1.33%; padding:30px 15px 0 15px; min-height:170px; background:#f4f8fc; color:#333; box-sizing: border-box; }
.conArea02 ul li:nth-child(4n) { margin-right:0; }
.conArea02 ul li .p1 { font-size:24px; font-weight:bold; line-height:1.1; padding-bottom:25px; border-bottom:1px solid #dde4ea; }
.conArea02 ul li .p2 { font-size:16px; margin-top:20px; }
.conArea02 ul li .p2 i { display:inline-block; }
.conArea02 ul li .p2 i:nth-child(1) { color:#0f6ac2; margin-right:10px; }

.conArea02 ul li:hover { background:#0f6ac2; color:#fff; }
.conArea02 ul li:hover .p1 { border-color:rgba(255,255,255,0.2); }
.conArea02 ul li:hover .p2 i { color:#fff; }

@media all and (max-width:1780px){
	.conArea01 .txt { float:left; width:480px; height:550px; padding:30px 15px 0 15px; }
	.conArea01 .txt .p1 { font-size:20px; padding-bottom:15px; }
	.conArea01 .txt .p2 { font-size:28px; padding:15px 0; }
	.conArea01 .txt .p3 { font-size:14px; line-height:25px; margin-top:10px; }
	.conArea01 .txt .p3 p { padding-left:30px; }
	.conArea01 .txt .p3 p.p32 { margin-top:5px; }
	.conArea01 .txt .p3 p.p33 { padding-left:72px; }
	.conArea01 .txt .p3 p.p34 { margin-top:5px; }
	.conArea01 .txt .p4 { margin-top:30px; }
	.conArea01 .txt .p4 p { font-size:14px; }

	.conArea01 .pic { float:right; width:calc(100% - 510px); height:550px; }
	
	.conArea01 .pic #dituContent { height:550px!important; }
	.conArea01 .pic .my-map { height:550px!important; }
	
	.conArea02 { padding:60px 0; }
	.conArea02 ul li { width:24%; margin-right:1.33%; padding:20px 15px 0 15px; min-height:120px; }
	.conArea02 ul li:nth-child(4n) { margin-right:0; }
	.conArea02 ul li .p1 { font-size:20px; padding-bottom:15px; }
	.conArea02 ul li .p2 { font-size:14px; margin-top:15px; }
}
@media all and (max-width:1000px){
	.conArea01 .txt { float:none; width:100%; height:auto; padding:30px 15px; }
	.conArea01 .txt .p1 { font-size:18px; padding-bottom:15px; }
	.conArea01 .txt .p2 { font-size:20px; padding:15px 0; }
	
	.conArea01 .pic { float:none; width:100%; height:400px; }
	
	.conArea01 .pic #dituContent { height:400px!important; }
	.conArea01 .pic .my-map { height:400px!important; }
	
	.conArea02 { padding:40px 0; }
	.conArea02 ul li { width:48%; margin-right:4%; }
	.conArea02 ul li:nth-child(4n) { margin-right:4%; }
	.conArea02 ul li:nth-child(2n) { margin-right:0; }
	.conArea02 ul li:nth-child(n + 3) { margin-top:20px; }
}
@media all and (max-width:750px){
	.conArea02 { padding:30px 0; }
	.conArea02 ul li { float:none; width:100%; margin-right:0; min-height:20px; padding:25px 15px; }
	.conArea02 ul li:nth-child(4n) { margin-right:0; }
	.conArea02 ul li:nth-child(2n) { margin-right:0; }
	.conArea02 ul li:nth-child(n + 2) { margin-top:10px; }
	.conArea02 ul li .p1 { font-size:18px; }
}

.con-hd { font-size:48px; line-height:1.1; text-align:center; }
@media all and (max-width:1780px){
	.con-hd { font-size:38px; }
}
@media all and (max-width:1280px){
	.con-hd { font-size:28px; }
}
@media all and (max-width:750px){
	.con-hd { font-size:20px; }
}

.conArea03 { padding:100px 0 90px; background:url(conArea03.jpg) no-repeat center top; background-size:cover; }
.conArea03 .bd { margin-top:110px; }
.conArea03 .bd ul li { float:left; width:48.2%; margin-right:3.6%; font-size:18px; color:#666; }
.conArea03 .bd ul li:nth-child(2n) { margin-right:0; }
.conArea03 .bd ul li:nth-child(n + 3) { margin-top:20px; }
.conArea03 .bd ul li .p1 { float:left; padding-left:15px; width:60px; line-height:55px; background:url(con05.png) no-repeat center left; }
.conArea03 .bd ul li .p2 { float:left; width:calc(100% - 75px); }
.conArea03 .bd ul li .p2 .text { width:100%; padding-left:20px; line-height:55px; background:#fff; border-radius:5px; box-sizing: border-box; }
.conArea03 .bd ul li.li01 { width:100%; }
.conArea03 .bd ul li .p2 .textarea { width:100%; height:195px; padding:15px 20px; background:#fff; border-radius:5px; box-sizing: border-box; }

.conArea03 .bd .btn01 { margin:65px 0 0 75px; display:block; width:190px; height:60px; line-height:60px; color:#fff; font-size:18px; background: linear-gradient(to right,#1673c8,#3ca3ea); text-align:center; border-radius:5px; cursor:pointer; }

@media all and (max-width:1780px){
	.conArea03 { padding:80px 0; }
	.conArea03 .bd { margin-top:80px; }
	.conArea03 .bd ul li { float:left; width:48%; margin-right:4%; font-size:16px; }
	.conArea03 .bd ul li:nth-child(2n) { margin-right:0; }
	.conArea03 .bd ul li:nth-child(n + 3) { margin-top:15px; }
	.conArea03 .bd ul li .p1 { float:left; padding-left:15px; width:60px; line-height:45px; }
	.conArea03 .bd ul li .p2 { float:left; width:calc(100% - 75px); }
	.conArea03 .bd ul li .p2 .text { padding-left:20px; line-height:45px; }
	.conArea03 .bd ul li .p2 .textarea { height:150px; padding:15px 20px; }

	.conArea03 .bd .btn01 { margin:50px 0 0 75px; width:130px; height:50px; line-height:50px; font-size:16px; } 
}
@media all and (max-width:1280px){
	.conArea03 { padding:60px 0; }
	.conArea03 .bd { margin-top:60px; }
	.conArea03 .bd ul li { float:left; width:48%; margin-right:4%; font-size:14px; }
	.conArea03 .bd ul li:nth-child(2n) { margin-right:0; }
	.conArea03 .bd ul li:nth-child(n + 3) { margin-top:15px; }
	.conArea03 .bd ul li .p1 { float:left; padding-left:15px; width:50px; line-height:40px; }
	.conArea03 .bd ul li .p2 { float:left; width:calc(100% - 65px); }
	.conArea03 .bd ul li .p2 .text { padding-left:20px; line-height:40px; }
	.conArea03 .bd ul li .p2 .textarea { height:150px; padding:15px 20px; }

	.conArea03 .bd .btn01 { margin:40px 0 0 65px; width:130px; height:45px; line-height:45px; font-size:14px; }  
}
@media all and (max-width:750px){
	.conArea03 { padding:40px 0; }
	.conArea03 .bd { margin-top:30px; }
	.conArea03 .bd ul li { float:none; width:100%; margin-right:0; }
	.conArea03 .bd ul li:nth-child(2n) { margin-right:0; }
	.conArea03 .bd ul li:nth-child(n + 2) { margin-top:10px; }
	.conArea03 .bd ul li .p1 { float:left; padding-left:15px; width:50px; line-height:40px; }
	.conArea03 .bd ul li .p2 { float:left; width:calc(100% - 65px); }
	.conArea03 .bd ul li .p2 .text { padding-left:20px; line-height:40px; }
	.conArea03 .bd ul li .p2 .textarea { height:150px; padding:15px 20px; }

	.conArea03 .bd .btn01 { margin:20px 0 0 65px; width:120px; height:45px; line-height:45px; font-size:14px; }
}

.conArea04 { padding-top:75px; }
.conArea04 .bd { margin-top:60px; padding:60px 4%; background:url(con06.png) no-repeat center bottom #0f6ac2; border-radius:15px; color:#fff; line-height:1.1; overflow:hidden; }
.conArea04 .bd .p1 { font-size:24px; font-weight:bold; }
.conArea04 .bd .p2 { font-size:16px; line-height:2; margin-top:10px; }
.conArea04 .bd .p3 { margin-top:35px; font-size:0; color:#0f6ac2; font-weight:bold; }
.conArea04 .bd .p3 .clearfix { display:inline-block; padding:25px 35px; background:#fff; border-radius:50px; font-size:24px; }
.conArea04 .bd .p3 .p31 { display:inline-block; }
.conArea04 .bd .p3 .p32 { display:inline-block; margin-right:50px; }
.conArea04 .bd .p3 .p32 i:nth-child(1) { margin-right:25px; }
.conArea04 .bd .p3 .p32 i:nth-child(2) { margin-right:15px; }
.conArea04 .bd .p3 .p33 { display:inline-block; }
.conArea04 .bd .p3 .p33 i:nth-child(1) { margin-right:25px; }
.conArea04 .bd .p3 .p33 i:nth-child(2) { margin-right:15px; }

/*
.conArea04 .bd .p3 .p31 { float:left; width:125px; display:inline-block; }
.conArea04 .bd .p3 .p32 { float:right; width:calc(100% - 125px); display:inline-block; }
.conArea04 .bd .p3 .p32 .pp:nth-child(n + 2) { margin-top:15px; }
*/


@media all and (max-width:1780px){
	.conArea04 { padding-top:60px; }
	.conArea04 .bd { margin-top:50px; padding:40px 4%; }
	.conArea04 .bd .p1 { font-size:20px; }
	.conArea04 .bd .p2 { font-size:14px; line-height:1.7; margin-top:10px; }
	.conArea04 .bd .p3 { margin-top:25px; }
	.conArea04 .bd .p3 .clearfix { padding:20px 25px; font-size:18px; }
	.conArea04 .bd .p3 .p32 { margin-right:30px; }
	.conArea04 .bd .p3 .p32 i:nth-child(1) { margin-right:15px; }
	.conArea04 .bd .p3 .p32 i:nth-child(2) { margin-right:10px; }
	.conArea04 .bd .p3 .p33 i:nth-child(1) { margin-right:15px; }
	.conArea04 .bd .p3 .p33 i:nth-child(2) { margin-right:10px; }
}
@media all and (max-width:1280px){
	.conArea04 { padding-top:60px; }
	.conArea04 .bd { margin-top:40px; padding:30px 4%; }
	.conArea04 .bd .p1 { font-size:20px; }
	.conArea04 .bd .p2 { font-size:14px; line-height:1.7; margin-top:10px; }
	.conArea04 .bd .p3 { margin-top:25px; }
	.conArea04 .bd .p3 .clearfix { padding:20px 25px; font-size:18px; line-height:1.7; }
	.conArea04 .bd .p3 .p31 { float:left; width:90px; }
	.conArea04 .bd .p3 .p32 { float:left; width:calc(100% - 90px); margin-right:0; }
	.conArea04 .bd .p3 .p32 i:nth-child(1) { margin-right:15px; }
	.conArea04 .bd .p3 .p32 i:nth-child(2) { margin-right:10px; }
	
	.conArea04 .bd .p3 .p33 { float:left; width:calc(100% - 90px); margin-left:90px; }
	.conArea04 .bd .p3 .p33 i:nth-child(1) { margin-right:15px; }
	.conArea04 .bd .p3 .p33 i:nth-child(2) { margin-right:10px; }
}
@media all and (max-width:750px){
	.conArea04 { padding-top:40px; }
	.conArea04 .bd { margin-top:25px; padding:30px 4%; }
	.conArea04 .bd .p1 { font-size:20px; }
	.conArea04 .bd .p2 { font-size:14px; line-height:1.7; margin-top:10px; }
	.conArea04 .bd .p3 { margin-top:25px; }
	.conArea04 .bd .p3 .clearfix { padding:20px 4%; width:100%; font-size:14px; font-weight:normal; line-height:1.7; box-sizing: border-box; border-radius:10px; }
	.conArea04 .bd .p3 .p31 { float:none; display:block; width:100%; font-size:18px; font-weight:bold; margin-bottom:10px; }
	.conArea04 .bd .p3 .p32 { float:none; display:block; width:100%; margin-right:0; }
	.conArea04 .bd .p3 .p32 i:nth-child(1) { margin-right:15px; }
	.conArea04 .bd .p3 .p32 i:nth-child(2) { margin-right:0; }
	.conArea04 .bd .p3 .p32 i:nth-child(3) { display:block; margin-left:55px; }
	
	.conArea04 .bd .p3 .p33 { float:none; display:block; width:100%; margin-left:0; }
	.conArea04 .bd .p3 .p33 i:nth-child(1) { margin-right:15px; }
	.conArea04 .bd .p3 .p33 i:nth-child(2) { margin-right:0; }
	.conArea04 .bd .p3 .p33 i:nth-child(3) { display:block; margin-left:55px; }
}

.conArea05 { padding-top:60px; }
.conArea05 .hd { text-align:center; }
.conArea05 .hd ul li { display:inline-block; margin:0 7px; }
.conArea05 .hd ul li a { display:inline-block; padding:0 40px; line-height:55px; font-size:16px; color:#444; background:#e3f0fc; }
.conArea05 .hd ul li.current a,.conArea05 .hd ul li:hover a { color:#fff; background:#0f6ac2; }

.zpArea01 { margin-top:40px; }
.zpArea01 ul li { border-bottom:1px solid #d5d5d5; }
.zpArea01 ul li .p1 { color:#000; font-size:16px; padding-left:3%; cursor:pointer; }
.zpArea01 ul li .p1 i { display:block; float:left; height:120px; line-height:120px; overflow:hidden; text-overflow: ellipsis; white-space: nowrap; }

.zpArea01 ul li .p2 { display:none; padding:20px 35px 30px; background:#e3f0fc; }
.zpArea01 ul li .p2 .txt { font-size:14px; color:#000; line-height:28px; margin-bottom:20px; }
 
.zpArea01 ul li .p1 i:nth-child(1) { width:29%; margin-right:1%; }
.zpArea01 ul li .p1 i:nth-child(2) { width:22%; margin-right:5%; text-align:center; }
.zpArea01 ul li .p1 i:nth-child(3) { width:22%; margin-right:5%; text-align:center; }
.zpArea01 ul li .p1 i:nth-child(4) { position:relative; width:16%; text-align:center; cursor:pointer; }
.zpArea01 ul li .p1 i:nth-child(4) a { position:relative; display:block; }
.zpArea01 ul li .p1 i:nth-child(4) em { position:absolute; top:50%; left:50%; transform: translate(-50%,-50%);  display:inline-block; width:56px; height:56px; background:url(zp01.png) no-repeat center; background-size:cover!important; z-index:5; }

.zpArea01 ul li:first-child { border-bottom:none; border-radius:7px; overflow:hidden; }
.zpArea01 ul li:first-child .p1 { color:#fff; background:#0f6ac2; }
.zpArea01 ul li:first-child .p1 i { height:100px; line-height:100px; }
.zpArea01 ul li.on .p1 i:nth-child(4) em { background:url(zp02.png) no-repeat center; }
 
@media all and (max-width:1780px){
	.zpArea01 ul li .p1 i { height:80px; line-height:80px; }
	
	.zpArea01 ul li .p1 i:nth-child(4) em { width:40px; height:40px; }
	
	.zpArea01 ul li:first-child .p1 i { height:80px; line-height:80px; }
}
@media all and (max-width:1280px){

	.zpArea01 ul li .p1 { font-size:14px; }
	.zpArea01 ul li .p1 i { height:45px; line-height:45px; }
	.zpArea01 ul li .p1 i:nth-child(1) { width:calc(100% - 310px); margin-right:10px; } 
	.zpArea01 ul li .p1 i:nth-child(2) { width:100px; text-align:center; margin-right:0; }
	.zpArea01 ul li .p1 i:nth-child(3) { width:100px; text-align:center; margin-right:0; }
	.zpArea01 ul li .p1 i:nth-child(4) { width:100px; text-align:center; }
	.zpArea01 ul li .p1 i:nth-child(4) em { width:25px; height:25px; }
	.zpArea01 ul li .p2 { padding:5%; }
	.zpArea01 ul li .p2 .txt { font-size:12px; line-height:20px; }
	
	.zpArea01 ul li:first-child .p1 i { height:45px; line-height:45px; }
}
@media all and (max-width:750px){
	.zpArea01 ul li .p1 i:nth-child(1) { width:calc(100% - 110px); margin-right:10px; } 
	.zpArea01 ul li .p1 i:nth-child(2) { display:none; }
	.zpArea01 ul li .p1 i:nth-child(3) { display:none; }
	.zpArea01 ul li .p1 i:nth-child(4) { width:100px; text-align:center; }
}

.xwArea ul { position:relative; padding:100px 0 0; }
.xwArea ul:before { position:absolute; width:3px; top:0; bottom:40px; left:50%; margin-left:-1px; display:block; content:""; background:#e8e8e8; z-index:-1; }
.xwArea ul li a { position:relative; display:block; color:#333; }
.xwArea ul li .xwBox01 { position:relative; float:right; width:50%; padding-left:125px; box-sizing: border-box; }
.xwArea ul li .xwBox01:before { position:absolute; top:50%; left:0; transform: translateY(-50%); display:block; content:""; width:120px; height:3px; background:#dfdfdf; z-index:2; }
.xwArea ul li .xwBox01 .p1 { font-size:26px; line-height:30px; margin-top:30px; overflow:hidden; text-overflow: ellipsis; white-space: nowrap; }
.xwArea ul li .xwBox01 .p2 { font-size:14px; line-height:25px; margin-top:35px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box;  -webkit-box-orient:vertical; -webkit-line-clamp:3; }
.xwArea ul li .xwBox01 .p3 { font-size:14px; margin-top:10px; display:none; }

.xwArea ul li .xwBox02 { position:absolute; top:50%; left:0; transform: translateY(-50%); width:50%; padding-right:40px; font-size:36px; color:#cbcccd; box-sizing: border-box; text-align:right; font-weight:bold; }

.xwArea ul li:nth-child(2n) .xwBox01 { float:left; padding:0 125px 0 0; }
.xwArea ul li:nth-child(2n) .xwBox01:before { left:auto; right:0; }
.xwArea ul li:nth-child(2n) .xwBox02 { left:auto; right:0;  padding:0 0 0 40px; text-align:left; }

.xwArea .layui-flow-more { margin-top:60px; text-align:center; }

.xwArea ul li:hover .xwBox02 { color:#0f6ac2; }
.xwArea ul li:hover .xwBox01 .p1 { color:#0f6ac2; font-weight:bold; }

.xwArea ul li .pic { position:relative; overflow:hidden; }
.xwArea ul li .pic .mask-white { position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(255,255,255,.2); content:''; -webkit-transition:-webkit-transform .6s; 
    transition:transform .6s; -webkit-transform:scale3d(2.2,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,-120%,0); transform:scale3d(2.2,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,-120%,0) }
.xwArea ul li .pic:hover .mask-white { -webkit-transform:scale3d(2.2,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,120%,0); transform:scale3d(2.2,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,120%,0)}

@media all and (max-width:1780px){
	.xwArea ul li .xwBox01 { padding-left:80px; }
	.xwArea ul li .xwBox01:before { width:70px; }
	.xwArea ul li .xwBox01 .p1 { font-size:18px; line-height:20px; margin-top:20px;  }
	.xwArea ul li .xwBox01 .p2 { font-size:14px; line-height:25px; margin-top:20px; }
 
	.xwArea ul li .xwBox02 { padding-right:30px; font-size:30px; }

	.xwArea ul li:nth-child(2n) .xwBox01 { padding:0 80px 0 0; }
	.xwArea ul li:nth-child(2n) .xwBox02 { padding:0 0 0 30px; }
}
@media all and (max-width:1280px){
	.xwArea ul { padding-top:50px; }
	.xwArea ul li .xwBox01 { padding-left:50px; }
	.xwArea ul li .xwBox01:before { width:40px; }
	.xwArea ul li .xwBox01 .p1 { font-size:16px; line-height:20px; margin-top:15px;  }
	.xwArea ul li .xwBox01 .p2 { font-size:14px; line-height:25px; margin-top:15px; }
 
	.xwArea ul li .xwBox02 { padding-right:20px; font-size:24px; }

	.xwArea ul li:nth-child(2n) .xwBox01 { padding:0 50px 0 0; }
	.xwArea ul li:nth-child(2n) .xwBox02 { padding:0 0 0 20px; }
	
	.xwArea .layui-flow-more { margin-top:50px; }
}
@media all and (max-width:750px){
	.xwArea ul { padding:30px 0 0; }
	.xwArea ul:before { display:none; }
	.xwArea ul li:nth-child(n + 2) { margin-top:20px; }
	.xwArea ul li .xwBox01 { float:none; width:100%; padding-left:0; }
	.xwArea ul li .xwBox01:before { display:none; }
	.xwArea ul li .xwBox01 .p1 { font-size:16px; line-height:20px; margin-top:15px; }
	.xwArea ul li .xwBox01 .p2 { font-size:14px; line-height:25px; margin-top:10px; }
	.xwArea ul li .xwBox01 .p3 { font-size:14px; margin-top:10px; display:block; }

	.xwArea ul li .xwBox02 { display:none; }

	.xwArea ul li:nth-child(2n) .xwBox01 { float:none; padding:0; }

	.xwArea .layui-flow-more { margin-top:30px; }
}


.scArea ul li { border-bottom:2px solid #f7f7f7; }
.scArea ul li a { display:block; padding:0 30px; }
.scArea ul li i { display:block; font-size:16px; color:#363535; padding-left:30px; background:url(sc01.png) no-repeat center left; line-height:70px; height:70px; overflow:hidden; text-overflow: ellipsis; white-space: nowrap; }

.scArea ul li:hover i { color:#0f6ac2; background:url(sc02.png) no-repeat center left; }

@media all and (max-width:1280px){
	.scArea ul li a { padding:0 20px; }
	.scArea ul li i { font-size:14px; line-height:60px; height:60px; }
}
@media all and (max-width:750px){
	.scArea ul li a { padding:0 10px; }
	.scArea ul li i { font-size:14px; line-height:50px; height:50px; }
}

.yxArea .txt { float:left; width:26%; padding-top:120px; line-height:1.1; }
.yxArea .txt .p1 { font-size:48px; color:#403f40; }
.yxArea .txt .p2 { width:60px; height:5px; margin-top:20px; background:#0f6ac2; }
.yxArea .txt .p3 { line-height:1.7; margin-top:50px;  }
.yxArea .txt .p3 p { font-size:30px; color:#0f6ac2; font-weight:bold; }
.yxArea .txt .p3 p:nth-child(2n) { font-size:18px; color:#403f40; margin-bottom:25px; font-weight:normal; }
.yxArea .pic { float:right; width:73.21%; }

@media all and (max-width:1780px){
	.yxArea .txt { float:left; width:25%; padding-top:80px; }
	.yxArea .txt .p1 { font-size:30px; }
	.yxArea .txt .p2 { width:60px; height:5px; margin-top:15px; }
	.yxArea .txt .p3 { margin-top:30px;  }
	.yxArea .txt .p3 p { font-size:24px; }
	.yxArea .txt .p3 p:nth-child(2n) { font-size:16px; margin-bottom:20px; }
	.yxArea .pic { float:right; width:75%; } 
}
@media all and (max-width:1280px){
	.yxArea .txt { float:none; width:100%; padding-top:0; }
	.yxArea .txt .p1 { font-size:24px; }
	.yxArea .txt .p2 { width:50px; height:3px; margin-top:15px; }
	.yxArea .txt .p3 { margin-top:25px;  }
	.yxArea .txt .p3 p { font-size:20px; }
	.yxArea .txt .p3 p:nth-child(2n) { font-size:16px; margin-bottom:20px; }
	.yxArea .pic { float:none; width:100%; margin-top:25px; }  
}
@media all and (max-width:750px){
	.yxArea .txt .p1 { font-size:20px; }
	.yxArea .txt .p2 { width:50px; height:3px; margin-top:15px; }
	.yxArea .txt .p3 { margin-top:25px;  }
	.yxArea .txt .p3 p { font-size:18px; }
	.yxArea .txt .p3 p:nth-child(2n) { font-size:14px; margin-bottom:20px; }
	.yxArea .pic { float:none; width:100%; margin-top:25px; }   
}






@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
    }
}