.banner { position:relative; width:100%; overflow:hidden; z-index:3; }
.banner .bd { zoom:1; }
.banner .bd img { width:100%!important; height:auto!important; }


.container { position:relative; padding:0;  z-index:8; }
.wrap { position:relative; margin:0 auto; }
.main { display:block;  *zoom:1; padding:0; }
.wrapBt { height:0; background:none; overflow:hidden; clear:both; }
 

.sidebar { position:relative; border-bottom:1px solid #e5e5e5; margin-bottom:80px; }
.leftTitle { display:none; }

@media all and (max-width:1600px){
	.sidebar { margin-bottom:60px; }
}
@media all and (max-width:1200px){
	.sidebar { margin-bottom:30px; }
}


.menu ul { zoom:1;  text-align:center; }
.menu ul:after{content:'\20';display:block;height:0;clear:both; }
.menu ul li { display:inline-block; *display:inline; zoom:1; margin-right:0; vertical-align:top; }
.menu ul li:last-child { margin-right:0; }
.menu ul li a { display:inline-block; margin:0 30px; height:90px; line-height:90px; color:#333; font-size:18px; border-bottom:2px solid #fff; }
.menu ul li a:hover,.menu ul li .current { color:#015aac; border-color:#015aac; }

 
.m-rdm { padding:30px 0 0; text-align:left; }
.m-rdm a { display:inline-block; margin:0 10px 0 0; padding:10px 30px; border:1px solid #ddd; font-size:16px; }
.m-rdm a:hover,.m-rdm .current { border:1px solid #fec715; background:#fec715; color:#fff; }

@media all and (max-width:1600px){
	.menu ul li a { margin:0 25px; height:60px; line-height:60px; font-size:16px; }
}
@media all and (max-width:1200px){
	.m-rdm a { padding:5px 20px; font-size:14px; }
}
@media all and (max-width:1000px){
	.menu ul li { float:left; }
	.menu ul li a {  margin:0 15px; height:40px; line-height:40px; font-size:14px; }
}
 
@media all and (max-width:750px){
	
	.m-rdm { text-align:left; }
	.m-rdm a { padding:5px 10px; }
}
 

.location { position:relative; width:1200px; margin:0 auto; display:none; }
.location h3 { display:none; float:left; padding-left:10px; border-left:5px solid #069; color:#000; font-size:21px; font-weight:normal; }
.breadcrumbs { position:absolute; top:-57px; right:0; z-index:5;  height:55px; line-height:55px; color:#b6b6b6; }
.breadcrumbs a { display:inline-block; margin:0 5px; vertical-align:top; font-size:12px; color:#b6b6b6; }
.breadcrumbs a:last-child { color:#0e6ac0; }
.breadcrumbs .u-home { padding-left:20px; background:url(../image/o_ico_03.gif) no-repeat 0 center; }

 

.article { padding:0 0 40px; 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:22px; }
.article .hd .titBar { color:#797979; font-size:12px; } 
.article .bd { padding-bottom:40px; }
.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 .hd h1 { color:#000; font-size:18px; }
}


.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(404.png) 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(../image/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; }



.newsList01 { margin-bottom:90px; }
.newsList01 a { display:block; background:#f2f4f7; }
.newsList01 .pic { float:left; width:950px; }
.newsList01 .txt { float:right; width:510px; margin-right:25px; padding-top:65px; }
.newsList01 .txt .p1 { width:90px; height:90px; background:#005bac; color:#fff; text-align:center; line-height:1; }
.newsList01 .txt .p1 p { font-size:40px; font-weight:bold; padding-top:15px; }
.newsList01 .txt .p1 span { display:block; font-size:14px; margin-top:10px; }
.newsList01 .txt .p2 { margin-top:45px; font-size:24px; color:#232323; height:25px; line-height:25px; overflow:hidden; text-overflow: ellipsis; white-space: nowrap; }
.newsList01 .txt .p3 { font-size:14px; color:#999; margin-top:10px; display:none; }
.newsList01 .txt .p4 { margin-top:50px; font-size:16px; color:#999; height:60px; line-height:30px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box;  -webkit-box-orient:vertical; -webkit-line-clamp:2; }
.newsList01 .txt .p5 { margin-top:60px; font-size:16px; color:#2c51b9; width:170px; text-align:center; height:60px; line-height:60px; border:1px solid #2c51b9; border-radius:30px; }

@media all and (max-width:1600px){
	.newsList01 { margin-bottom:60px; }
	.newsList01 .pic { float:left; width:50%; }
	.newsList01 .txt { float:none; position:absolute; top:50%; right:3%; width:43%; margin-right:0; transform: translateY(-50%); padding-top:0; }
	.newsList01 .txt .p1 { display:none; }
	.newsList01 .txt .p2 { margin-top:0; font-size:18px; height:20px; line-height:20px; }
	.newsList01 .txt .p3 { display:block; }
	.newsList01 .txt .p4 { margin-top:10px; font-size:14px; height:50px; line-height:25px; }
	.newsList01 .txt .p5 { margin-top:30px; font-size:14px; width:130px; height:40px; line-height:40px; }
}
@media all and (max-width:900px){
	.newsList01 { margin-bottom:40px; }
	.newsList01 .txt .p2 {  font-size:16px; }
	.newsList01 .txt .p3 { display:block; margin-top:5px; font-size:12px; }
	.newsList01 .txt .p4 { margin-top:5px; font-size:14px; height:50px; line-height:25px; }
	.newsList01 .txt .p5 { margin-top:10px; font-size:14px; width:130px; height:40px; line-height:40px; }
}
@media all and (max-width:750px){
	.newsList01 { margin-bottom:30px; }
	.newsList01 .pic { float:none; width:100%; }
	.newsList01 .txt { float:none; position:relative; top:0; right:auto; width:92%; margin-left:4%; margin-right:0; transform:none; padding:20px 0; }
	.newsList01 .txt .p1 { display:none; }
	.newsList01 .txt .p2 { margin-top:0; font-size:18px; height:20px; line-height:20px; }
	.newsList01 .txt .p3 { display:block; }
	.newsList01 .txt .p4 { margin-top:10px; font-size:14px; height:50px; line-height:25px; }
	.newsList01 .txt .p5 { margin-top:30px; font-size:14px; width:130px; height:40px; line-height:40px; }
}
 
.newsList02 ul { padding-bottom:40px; border-top:1px solid #eee; }
.newsList02 ul li { border-bottom:1px solid #eee; }
.newsList02 ul li a { display:block; padding:50px 0; }
.newsList02 ul li .pic { float:right; width:410px; }
.newsList02 ul li .txt { float:left; width:calc(100% - 500px); padding-top:65px; }
.newsList02 ul li .txt .p1 { font-size:16px; color:#aeaeaf; }
.newsList02 ul li .txt .p2 { font-size:20px; margin-top:30px; color:#000; height:25px; line-height:25px; overflow:hidden; text-overflow: ellipsis; white-space: nowrap; }
.newsList02 ul li .txt .p3 { font-size:16px; margin-top:15px; color:#999; height:20px; line-height:20px; overflow:hidden; text-overflow: ellipsis; white-space: nowrap; }

.newsList02 ul li:hover { background:#f2f4f7; }

@media all and (max-width:1200px){
	.newsList02 ul li a { padding:30px 0; }
	.newsList02 ul li .pic { width:310px; }
	.newsList02 ul li .txt { width:calc(100% - 360px); padding-top:25px; } 	
}
@media all and (max-width:900px){
	.newsList02 ul li .pic { width:250px; }
	.newsList02 ul li .txt { width:calc(100% - 280px); padding-top:15px; } 
	.newsList02 ul li .txt .p1 { font-size:14px; }
	.newsList02 ul li .txt .p2 { font-size:16px; margin-top:20px; }
	.newsList02 ul li .txt .p3 { font-size:14px; margin-top:15px; }
}
@media all and (max-width:750px){
	.newsList02 ul li a { padding:15px 0; }
	.newsList02 ul li .pic { float:none; width:100%; }
	.newsList02 ul li .txt { float:none; width:100%; padding-top:15px; } 
	.newsList02 ul li .txt .p1 { font-size:14px; }
	.newsList02 ul li .txt .p2 { font-size:16px; margin-top:5px; }
	.newsList02 ul li .txt .p3 { font-size:14px; margin-top:5px; }
}
 


.piList .pic-item-list { padding-bottom:10px; }
.piList .pic-item-list .pic-item { float:left; width:23.5%; margin:0 2% 2% 0; }
.piList .pic-item-list .pic-item:nth-child(4n) { margin-right:0; }
.piList .pic-item-list .pic-item .list-pic img { width:100%; height:auto; }
.piList .pic-item-list .pic-item dl { padding:5px; }
.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; }

@media all and (max-width:1200px){
	.piList .pic-item-list .pic-item { width:32%;  }
	.piList .pic-item-list .pic-item:nth-child(4n) { margin-right:2%; }
	.piList .pic-item-list .pic-item:nth-child(3n) { margin-right:0; }
	.piList .pic-item-list .pic-item dl dt { font-size:14px; }
}
@media all and (max-width:750px){
	.piList .pic-item-list .pic-item { width:49%;  }
	.piList .pic-item-list .pic-item:nth-child(4n) { margin-right:2%; }
	.piList .pic-item-list .pic-item:nth-child(3n) { margin-right:2%; }
	.piList .pic-item-list .pic-item:nth-child(2n) { margin-right:0; }
}

.proArea { padding-bottom:40px; }
.proArea ul li { float:left; width:30%; margin:0 5% 5% 0; }
.proArea ul li:nth-child(3n) { margin-right:0; }
.proArea ul li:nth-child(n+4) { margin-bottom:0; }
.proArea ul li .txt { padding:10px 30px 30px 30px; background:#f7f8fa; background-size:cover!important; }
.proArea ul li .txt .p1 { font-size:20px; color:#000; height:75px; line-height:75px; border-bottom:1px solid #f0f0f0; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; }
.proArea ul li .txt .p2 { font-size:16px; color:#999; height:60px; line-height:30px; margin-top:30px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box;  -webkit-box-orient:vertical; -webkit-line-clamp:2; }
.proArea ul li .txt .p3 { font-size:16px; color:#717171; margin-top:50px; background:url(../image/pro02.png) no-repeat center right; }
 
.proArea ul li:hover .txt { background:url(../image/pro01.jpg) no-repeat center right; }
.proArea ul li:hover .txt .p1 { color:#fff; border-bottom:1px solid #5c7ace; }
.proArea ul li:hover .txt .p2 { color:#a8bbef; }
.proArea ul li:hover .txt .p3 { color:#d0dcff; background:url(../image/pro03.png) no-repeat center right; }

.proArea ul li .txt01 { padding:0 30px; background:#f7f8fa; background-size:cover!important; font-size:20px; color:#000; height:75px; line-height:75px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; }
.proArea ul li:hover .txt01 { background:url(../image/pro01.jpg) no-repeat center right; color:#fff;  }


@media all and (max-width:1600px){
	.proArea ul li { float:left; width:32%; margin:0 2% 3% 0; }
	.proArea ul li:nth-child(3n) { margin-right:0; }
	.proArea ul li:nth-child(n+4) { margin-bottom:0; }
	.proArea ul li .txt { padding:10px 20px 30px 20px; }
	.proArea ul li .txt .p1 { font-size:16px; height:55px; line-height:55px;  }
	.proArea ul li .txt .p2 { font-size:14px; height:40px; line-height:20px; margin-top:20px; }
	.proArea ul li .txt .p3 { font-size:14px; margin-top:20px; }
	
	.proArea ul li .txt01 { padding:0 20px; font-size:16px; height:55px; line-height:55px; }
}
@media all and (max-width:750px){
	.proArea ul li { float:left; width:49%; margin:0 2% 3% 0; }
	.proArea ul li:nth-child(3n) { margin-right:2%; }
	.proArea ul li:nth-child(2n) { margin-right:0; }
	.proArea ul li .txt { padding:10px 10px 20px 10px; }
	.proArea ul li .txt .p1 { font-size:14px; height:35px; line-height:35px;  }
	.proArea ul li .txt .p2 { font-size:12px; height:40px; line-height:20px; margin-top:10px; }
	.proArea ul li .txt .p3 { font-size:12px; margin-top:10px; }
	
	.proArea ul li .txt01 { padding:0 10px; font-size:14px; height:35px; line-height:35px; }
}




.page { padding:0 0 40px; line-height:24px; text-align:center; }
.page a { display:inline-block; margin:0 2px; padding:0 8px; border:1px solid #ddd; background:#fff; color:#333; vertical-align:top; }
.page a:hover,.page .current { border:1px solid #0e6ac0; background:#0e6ac0; 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; }
 
.contact { background:url(../image/contact.jpg) no-repeat center; background-size:cover; padding:100px 0; }
.contact01 { float:left; width:46%; }
.contact01 .p1 { font-size:32px; color:#928d8d; line-height:1; text-transform:uppercase; }
.contact01 .p2 { font-size:32px; color:#000; line-height:1; margin:25px 0 60px;  }
.contact01 .p3 { font-size:30px; color:#000; line-height:35px; font-weight:bold; }
.contact01 .p4 { font-size:18px; color:#000; line-height:30px; margin:25px 0;  }
.contact02 { float:left; width:54%; }

@media all and (max-width:1200px){
	.contact { padding:60px 0; }
	.contact01 { float:none; width:100%; }
	.contact01 .p1 { font-size:28px; }
	.contact01 .p2 { font-size:28px; margin:15px 0 40px;  }
	.contact01 .p3 { font-size:24px; line-height:30px; }
	.contact01 .p4 { font-size:16px; line-height:30px; margin:20px 0;  }
	.contact02 { float:none; width:100%; margin-top:30px; }
}
@media all and (max-width:750px){
	.contact { padding:30px 0; }
	.contact01 .p1 { font-size:20px; }
	.contact01 .p2 { font-size:20px; margin:15px 0 20px;  }
	.contact01 .p3 { font-size:20px; }
	.contact01 .p4 { font-size:14px; line-height:25px; margin:20px 0;  }
}
  
.msg .wrap{ margin-top:90px; padding:1px 0}
.msg h3{ font-size:25px; color:#161616; text-align:center; font-weight:normal}
.msg h3 i{ display:inline-block; vertical-align:top; position:relative}
.msg h3 i:after{ content:""; display:block; width:130px; height:1px; background:#dbdbdb; position:absolute; left:-170px; top:50%}
.msg h3 i:before{ content:""; display:block; width:130px; height:1px; background:#dbdbdb; position:absolute; right:-170px; top:50%}
.msg .form{ width:100%; background:#fff; box-shadow:0 0 15px rgba(00,00,00,0.1); margin-top:35px; margin-bottom:90px; box-sizing:border-box; padding:40px 60px}
.msg .form .s1{ width:100%}
.msg .form .s1 .item { width:31%; float:left; margin-right:3.5%; }
.msg .form .s1 .item:last-child{ margin-right:0}
.msg .form .s1 .item .p1{ font-size:16px; color:#3d3c3c; line-height:1; margin-bottom:12px}
.msg .form .s1 .item .inp1{ display:block; border:0; box-sizing:border-box; padding:0 18px; background:#fafafa; width:100%; height:43px;}

.msg .form .s2{ width:100%; margin-top:20px}
.msg .form .s2 .item{ width:100%}
.msg .form .s2 .item .p1{ font-size:16px; color:#3d3c3c; line-height:1; margin-bottom:12px}
.msg .form .s2 .item .inp2{ display:block; border:0; box-sizing:border-box; padding:0 18px; background:#fafafa; width:100%; height:43px; height:77px; line-height:43px}
.msg .form .s3{ width:100%; margin-top:50px}
.msg .form .s3 .item{ width:165px; margin:0 auto}
.msg .form .s3 .item .inp3{ width:100%; height:45px; background:#063e8c; color:#fff; border-radius:5px; font-size:18px}
 
@media all and (max-width:1200px){
	.msg h3{ font-size:20px}
	 
	.msg .wrap{ margin-top:30px}
	.msg .form{ padding:30px 20px; margin-top:25px; margin-bottom:50px}
	.msg .form .s1 .item{ width:100%; margin-right:0; margin-bottom:20px}
	.msg .form .s2{ margin-top:0}
	.msg .form .s3{ margin-top:20px}
}
  
  
  
  
  
.caseArea01 ul li { box-shadow: #eee 0px 0px 10px; margin-bottom:65px; }
.caseArea01 ul li .pic { float:left; width:44%; }
.caseArea01 ul li .txt { float:left; width:56%; padding:8% 6% 0 6%; box-sizing: border-box; }
.caseArea01 ul li .txt .p1 { font-size:32px; color:#333; }
.caseArea01 ul li .txt .p2 { font-size:16px; color:#666; line-height:30px; height:60px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box;  -webkit-box-orient:vertical; -webkit-line-clamp:2; margin:8% 0; }
.caseArea01 ul li .txt .p3 { width:170px; height:50px; line-height:50px; text-align:center; border:1px solid #2c51b9; font-size:16px; color:#2c51b9; border-radius:25px; }
.caseArea01 ul li .txt .p3:hover { background:#2c51b9; color:#fff; }

.proArea011 ul li:nth-child(2n) .pic { float:right; }
.proArea011 ul li:nth-child(2n) .txt { float:left; }

@media all and (max-width:1400px){
	.caseArea01 ul li .txt { padding:5% 5% 0 5%; }
}
@media all and (max-width:1000px){
	.caseArea01 ul li .txt .p1 { font-size:26px; }
	.caseArea01 ul li .txt .p2 { font-size:14px; line-height:25px; height:50px; margin:5% 0; }
	.caseArea01 ul li .txt .p3 { width:120px; height:40px; line-height:40px; font-size:14px; }
}
@media all and (max-width:750px){
	.caseArea01 ul li { margin-bottom:30px; }
	.caseArea01 ul li .pic { float:none; width:100%; }
	.caseArea01 ul li .txt { float:none; width:100%; padding:25px 5%; box-sizing: border-box; }
	.caseArea01 ul li .txt .p1 { font-size:20px; }
	.caseArea01 ul li .txt .p2 { margin:15px 0; }
	.caseArea01 ul li .txt .p3 { width:100px; height:30px; line-height:30px; font-size:14px; }
}


.abArea { padding-bottom:110px; }
.abArea .txt { float:left; width:48%; padding-top:25px; }
.abArea .txt .p1 { font-size:24px; color:#898989; }
.abArea .txt .p2 { font-size:45px; color:#222; line-height:50px; margin:15px 0 50px; }
.abArea .txt .p3 { width:35px; height:5px; background:#2c51b9; }
.abArea .txt .p4 { margin-top:80px; font-size:16px; color:#333; line-height:30px; }
.abArea .pic { float:right; width:48%; }

@media all and (max-width:1800px){
	.abArea { padding-bottom:90px; }
	.abArea .txt { padding-top:30px; }
	.abArea .txt .p1 { font-size:20px; }
	.abArea .txt .p2 { font-size:30px; line-height:35px; margin:15px 0 50px; }
	.abArea .txt .p4 { margin-top:60px; }
}
@media all and (max-width:1300px){
	.abArea { padding-bottom:60px; }
	.abArea .txt { padding-top:30px; }
	.abArea .txt .p1 { font-size:18px; }
	.abArea .txt .p2 { font-size:24px; margin:5px 0 20px; }
	.abArea .txt .p4 { margin-top:30px; font-size:14px; line-height:25px; }
}
@media all and (max-width:1000px){
	.abArea { padding-bottom:30px; }
	.abArea .txt { float:none; width:100%;  padding-top:0; }
	.abArea .txt .p1 { font-size:16px; }
	.abArea .txt .p2 { font-size:20px; margin:5px 0 10px; }
	.abArea .pic { float:none; width:100%; margin-top:25px; }
}


.acArea { background:url(../image/acArea.jpg) no-repeat center top; padding:150px 0; }
.acArea .hd { text-align:center; font-size:66px; font-family:"Arial"; color:rgba(255,255,255,0.6); line-height:1; margin-bottom:90px; }

.acBox { position:relative; background:#f5f5f5; }

.acArea01 { float:left; width:24.6%; background:url(../image/ac01.jpg) no-repeat center; background-size:cover; padding:130px 0 130px 6.5%; box-sizing: border-box; }
.acArea01 .p1 { font-size:45px; color:#fff; line-height:1; font-weight:bold; }
.acArea01 .p2 { font-size:16px; color:#fff; line-height:1; margin-top:25px; }
.acArea01 .p2 a { color:#fff; }

.acArea02 { position:absolute; top:50%; right:5.2%; transform: translateY(-50%); width:65%; z-index:5; }

@media all and (max-width:1400px){
	.acArea { padding:100px 0; background-size:contain; }
	.acArea .hd { font-size:40px; margin-bottom:60px; }
 
	.acArea01 { padding:90px 0 90px 2%; }
	.acArea01 .p1 { font-size:36px; }
	.acArea01 .p2 { font-size:14px; margin-top:20px; }
}

@media all and (max-width:1000px){
	.acArea { padding:60px 0; }
	.acArea .hd { font-size:28px; margin-bottom:50px; }
 
	.acArea01 { padding:90px 0 90px 2%; }
	.acArea01 .p1 { font-size:28px; }
	.acArea01 .p2 { font-size:14px; margin-top:20px; }
}
@media all and (max-width:750px){
	.acArea { padding:0 0 30px 0; background:none; }
	.acArea .hd { display:none; }
 
	.acArea01 { float:none; width:100%; padding:40px 20px; text-align:center; }
	.acArea01 .p1 { font-size:20px;  }
	.acArea01 .p2 { margin-top:15px; }
 
	.acArea02 { position:relative; top:0; right:0; transform:none; width:100%; padding:20px; box-sizing: border-box; z-index:5; }

}

.proArea01 { position:relative; box-shadow: #dbdada 0px 5px 10px; margin-bottom:80px; }
.proArea01 .pic { float:left; width:50%; }
.proArea01 .txt { position:absolute; top:50%; right:3%; transform: translateY(-50%); width:40%; z-index:5;  }
.proArea01 .txt .p1 { font-size:30px; color:#000; }
.proArea01 .txt .p2 { font-size:16px; color:#8c8c8c; line-height:30px; margin-top:30px; }

.proArea02 { margin-bottom:80px; }
.proArea02 .hd ul li { float:left; width:215px; height:75px; line-height:75px; text-align:center; background:#eaeaea; border-radius:7px 7px 0 0; margin-right:35px; font-size:20px; color:#000; cursor:pointer; }
.proArea02 .hd ul li.on { background:#2c51b9; color:#fff; }
 
.proArea02 .bd { padding:50px; font-size:16px; line-height:2; box-shadow: #dbdada 0px 5px 10px; }
.proArea02 .bd img { max-width:100%; }


@media all and (max-width:1600px){
	.proArea01 .txt .p1 { font-size:24px; }
	.proArea01 .txt .p2 { font-size:14px; line-height:25px; margin-top:20px; }

	.proArea02 .hd ul li { width:180px; height:55px; line-height:55px; margin-right:25px; font-size:16px; }
}
@media all and (max-width:1000px){
	.proArea01 { margin-bottom:30px; }
	.proArea01 .pic { float:none; width:100%; }
	.proArea01 .txt { position:relative; top:0; right:0; transform: none; width:100%; padding:25px 20px; box-sizing: border-box; z-index:5;  }
	.proArea01 .txt .p1 { font-size:18px; }
	.proArea01 .txt .p2 { font-size:14px; line-height:25px; margin-top:20px; }
	
	.proArea02 { margin-bottom:30px; }
	.proArea02 .hd ul li { width:100px; height:35px; line-height:35px; margin-right:15px; font-size:14px; }
	
	.proArea02 .bd { padding:30px 20px; 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(404.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:left; width:40%; }
.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; } 
}