@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:55%; transform: translateY(-50%); left:0; right:0; z-index:2; }
.banner-ny .txt .p1 { font-size:48px; color:#fff; line-height:1.1; }
.banner-ny .txt .p2 { font-size:36px; color:rgba(255,255,255,0.5); line-height:1.1; font-family:"Arial"; font-weight:bold; text-transform:uppercase; margin-top:15px; }

@media all and (max-width:1480px){
	.banner-ny .txt .p1 { font-size:38px; }
	.banner-ny .txt .p2 { font-size:26px; margin-top:15px; }
}
@media all and (max-width:1200px){
	.banner-ny .img01 { display:none; }
	.banner-ny .img02 { display:block; }
	
	.banner-ny .txt { top:50%; text-align:center; }
	.banner-ny .txt .p1 { font-size:28px; }
	.banner-ny .txt .p2 { font-size:18px; margin-top:10px; }
}
@media all and (max-width:750px){
	.banner-ny .txt .p1 { font-size:24px; }
	.banner-ny .txt .p2 { font-size:18px; margin-top:10px; }
}

.banner-dis { position:relative; }
.banner-dis img { width:100%; height:auto; }
 
.banner-dis .txt { position:absolute; top:35%; left:0; right:0; color:#fff; text-align:center; z-index:2; }
.banner-dis .txt .p1 { font-size:48px; }
.banner-dis .txt .p2 { font-size:30px; }

@media all and (max-width:1680px){
	.banner-dis .txt .p1 { font-size:38px; }
	.banner-dis .txt .p2 { font-size:20px; }
}

@media all and (max-width:1200px){
	.banner-dis .txt { top:50%; transform: translateY(-50%); }
	.banner-dis .txt .p1 { font-size:24px; }
	.banner-dis .txt .p2 { font-size:14px; }
}
@media all and (max-width:750px){
	.banner-dis .txt .p1 { font-size:20px; }
	.banner-dis .txt .p2 { font-size:14px; }
}

/* 主体 */
.container { position:relative; padding:0; }
.wrap {  margin:0 auto; }

.main { padding:90px 0 100px 0; }

@media all and (max-width:1480px){
	.main { padding:80px 0; }
}
@media all and (max-width:1200px){
	.main { padding:30px 0; }
}

.sidebar { box-shadow:0px 8px 10px -8px #d2e5f7; }

.leftTitle { display:none; }

.menu { float:left; }
.menu ul li { float:left; }
.menu ul li a { position:relative; display:inline-block; padding:0 40px; font-size:18px; color:#494949; height:70px; line-height:70px; }
.menu ul li a:before { position:absolute; display:block; transform: translateY(-50%); content:""; right:0; top:50%; width:1px; height:18px; background:#d1d3da; z-index:5; }
.menu ul li:last-child a:before { display:none; }
.menu ul li a.current,.menu ul li:hover a { background:#004a9a; color:#fff; }

.location { float:right; color:#999; }
.location a { color:#999; display:inline-block; padding:0 5px; font-size:14px; line-height:70px; }
.location a.u-home { padding-left:25px; background:url(u-home.png) no-repeat center left; }

@media all and (max-width:1480px){
	.menu ul li a { padding:0 20px; font-size:16px; height:60px; line-height:60px; }
	.menu ul li a:before { height:14px; }

	.location a { line-height:60px; }
}
@media all and (max-width:1200px){
	.sidebar { display:none; }
}

.second_nav { display:none; }
.second_nav .t { display:block; font-size:17px; width:100%;background-color:#0c61ae;text-align:left;display:block;padding:5px 5.335%;line-height:40px;overflow:hidden; color:#fff; box-sizing:border-box; }
.second_nav .t i{ display:block; float:right; width:12px; height:40px; background:url(cx10.png) center center no-repeat; background-size:12px; transition:all 0.3s linear}
.second_nav .t.on i{  background:url(cx10.png) center center no-repeat; background-size:12px; transform:rotate(180deg)}
.second_nav{ background:#f1f1f1}
.second_nav ul{ text-align:left; box-sizing:border-box; background:#fff; display:none; float:none; width:100%}
.second_nav ul li{ width:100%; text-align:center; border-bottom: 1px solid #e7e7e7;}
.second_nav ul li a{ line-height:45px; font-size:16px; padding:0}
.second_nav ul li:before{ width:0}
.second_nav ul li:hover::after{ left:0; bottom:-1px; width:100%}
.second_nav ul li.on::after{ left:0; bottom:-1px; width:100%}

@media all and (max-width:1200px){
	.second_nav { display:block; }
}

/* 内容模式 */
.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%!important; height:auto!important; }

@media all and (max-width:1200px){
	.article { font-size:14px; }
	.article .bd { font-size:14px; }
}
 
 
 
 
/* 新闻列表 */
.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 60px; }
.list li { padding:10px 0; border-bottom:1px dashed #e0e0e0; background:url(o_ico_11.jpg) no-repeat center left; font-size:16px; line-height:20px; height:20px; 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:1200px){
	.list { padding:0 0 40px; }
	.list li { font-size:14px; }
	.list li span { font-size:12px; }
}

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

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

 

/* 图片列表 */
.piList .pic-item-list { padding-bottom:60px; }
.piList .pic-item-list .pic-item { float:left; width:32%; margin:0 2% 0 0; }
.piList .pic-item-list .pic-item:nth-child(3n) { margin-right:0; }
.piList .pic-item-list .pic-item:nth-child(n + 4) { margin-top:30px; }
.piList .pic-item-list .pic-item .list-pic { overflow:hidden; }
.piList .pic-item-list .pic-item .list-pic img { width:100%; height:auto; transition: all 0.6s; }
.piList .pic-item-list .pic-item dl { padding:5px; margin-top:10px; }
.piList .pic-item-list .pic-item dl dt { height:30px; font-size:18px; line-height:30px; text-align:center; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; }
 
.piList .pic-item-list .pic-item:hover .list-pic img { transform: scale(1.1)!important; }

@media all and (max-width:1480px){
	.piList .pic-item-list .pic-item dl dt { height:20px; font-size:16px; line-height:20px; }
}
 
@media all and (max-width:1200px){
	.piList .pic-item-list .pic-item { width:49%; margin-right:2%;  }
	.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; }
	.piList .pic-item-list .pic-item:nth-child(n + 3) { margin-top:20px; }
	.piList .pic-item-list .pic-item dl dt { font-size:14px; }

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

}
 
/* 分页 */
.page { line-height:24px; text-align:center;padding-bottom:0; }
.page a { display:inline-block; margin:0 5px; padding:3px 11px; background:#f0f0f1; color:#4f4f4f; vertical-align:top;font-size: 14px; }
.page a:hover,.page .current { background:#3151a4; color:#fff; }

@media screen and (max-width: 1200px){
	.page a{padding: 0 5px;margin: 0 3px;font-size: 12px}
}

/* 人才招聘 */
.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:1200px){
	.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:1200px){
	.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; }

.ny-hd { position:relative; line-height:1.1; font-size:36px; margin-bottom:40px; }
.ny-hd .p1 { color:#004a9a; text-transform:uppercase; }
.ny-hd .p2 { color:#323942; font-weight:bold; margin-top:15px; }
.ny-hd .p3 { position:absolute; right:0; bottom:0; font-size:18px; z-index:2; }

@media all and (max-width:1480px){
	.ny-hd { font-size:28px; margin-bottom:40px; }
	.ny-hd .p2 { margin-top:15px; }
}
@media all and (max-width:1200px){
	.ny-hd { font-size:20px; margin-bottom:30px; }
	.ny-hd .p2 { margin-top:10px; }
	.ny-hd .p3 { font-size:14px; }

}

.font-light{ font-weight: 300;font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif; }

.picnews { padding-bottom:60px; }
.picnews ul { border-bottom:1px solid #7f7f7f; }
.picnews ul li { position:relative; border-top:1px solid #7f7f7f; }
.picnews ul li:before { position:absolute; left:0; top:-1px; width:0; height:3px; background:#004a9a; display:block; content:""; transition: all 0.6s; z-index:2; }
.picnews ul li a { position:relative; display:block; padding:35px 0; }
.picnews ul li .pic { float:right; width:400px; margin-right:160px; overflow:hidden; }
.picnews ul li .pic img { transition: all 0.6s; }
.picnews ul li .txt { float:left; width:calc(100% - 730px); }
.picnews ul li .txt .p1 { font-size:24px; color:#333; line-height:40px; min-height:80px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box;  -webkit-box-orient:vertical; -webkit-line-clamp:2; }
.picnews ul li .txt .p2 { display:none; margin-top:10px; color:#7d7d7d; font-size:14px; }
.picnews ul li .txt .p3 { font-size:16px; color:#7d7d7d; line-height:30px; margin-top:20px; min-height:90px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box;  -webkit-box-orient:vertical; -webkit-line-clamp:3; }
.picnews ul li .txt .p4 { font-size:16px; color:#7d7d7d; margin-top:60px; }

.picnews ul li .date { position:absolute; top:35px; right:0; font-size:36px; color:#303030; line-height:1; text-align:right; z-index:2; }
.picnews ul li .date span { display:block; font-size:18px; margin-top:10px; }

.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:#004a9a; }
.picnews ul li:hover .txt .p4 { color:#004a9a; }
.picnews ul li:hover .date { color:#004a9a; }

@media all and (max-width:1480px){
	.picnews { padding-bottom:40px; }
	.picnews ul li a { padding:25px 0; }
	.picnews ul li .pic { float:right; width:300px; margin-right:100px; }
 
	.picnews ul li .txt { float:left; width:calc(100% - 450px); }
	.picnews ul li .txt .p1 { font-size:18px; line-height:30px; min-height:60px; -webkit-line-clamp:2; }
	.picnews ul li .txt .p3 { font-size:14px; line-height:25px; margin-top:15px; min-height:75px; -webkit-line-clamp:3; }
	.picnews ul li .txt .p4 { font-size:14px; margin-top:20px; }

	.picnews ul li .date { top:25px; font-size:28px; }
	.picnews ul li .date span { font-size:16px; margin-top:10px; }
}
@media all and (max-width:750px){
	.picnews { padding-bottom:30px; }
 
	.picnews ul li a { padding:15px 0; }
	.picnews ul li .pic { float:none; width:100%; margin-right:0; }
 
	.picnews ul li .txt { float:none; width:100%; margin-top:20px; }
	.picnews ul li .txt .p1 { font-size:16px; line-height:25px; min-height:25px; -webkit-line-clamp:2; }
	.picnews ul li .txt .p2 { display:block; }
	.picnews ul li .txt .p3 { font-size:14px; line-height:25px; margin-top:10px; min-height:25px; -webkit-line-clamp:3; }
	.picnews ul li .txt .p4 { font-size:14px; margin-top:15px; }

	.picnews ul li .date { display:none; }
}

.yxArea { box-shadow:0 0 20px rgba(0,0,0,0.1); }
.yxArea ul li { background:#fff; }
.yxArea ul li a { display:flex; align-items: center; }
.yxArea ul li .pic { width:50%; overflow:hidden; }
.yxArea ul li .pic img{ width:100%; transition:all 0.4s linear; }
.yxArea ul li .pic:hover img { transform:scale(1.1); }
.yxArea ul li .txt { width:50%; padding:0 55px; box-sizing:border-box; }
.yxArea ul li .txt .p1 { font-size:24px; font-weight:bold; color:#335ba8; }
.yxArea ul li .txt .p2 { font-size:18px; color:#333; line-height:35px; margin-top:20px; min-height:105px; text-indent:2em; overflow:hidden; text-overflow:ellipsis; display:-webkit-box;  -webkit-box-orient:vertical; -webkit-line-clamp:3; }
.yxArea ul li .txt .p3 { font-size:16px; color:#414141; margin-top:65px; }

.yxArea ul li:nth-child(2n){ background:#004a9a; }
.yxArea ul li:nth-child(2n) a { flex-direction: row-reverse; }
.yxArea ul li:nth-child(2n) .txt .p1 { color:#fff; }
.yxArea ul li:nth-child(2n) .txt .p2 { color:#fff; }
.yxArea ul li:nth-child(2n) .txt .p3 { color:#fff; }

.yxArea ul li:hover { background:#004a9a; }
.yxArea ul li:hover .txt .p1 { color:#fff; }
.yxArea ul li:hover .txt .p2 { color:#fff; }
.yxArea ul li:hover .txt .p3 { color:#fff; }
 
@media all and (max-width:1480px){
	.yxArea ul li .txt { padding:0 40px; }
	.yxArea ul li .txt .p1 { font-size:20px; }
	.yxArea ul li .txt .p2 { font-size:16px; line-height:30px; margin-top:20px; min-height:90px; -webkit-line-clamp:3; }
	.yxArea ul li .txt .p3 { font-size:14px; margin-top:35px; }
}
@media all and (max-width:1200px){
	.yxArea ul li .txt { padding:0 30px; }
	.yxArea ul li .txt .p1 { font-size:18px; }
	.yxArea ul li .txt .p2 { font-size:14px; line-height:25px; margin-top:20px; min-height:75px; -webkit-line-clamp:3; }
	.yxArea ul li .txt .p3 { font-size:14px; margin-top:25px; }
}
@media all and (max-width:750px){
	.yxArea ul li a { display:block; }
	.yxArea ul li .pic { width:100%; }
	.yxArea ul li .txt { width:100%; padding:30px 4%; }
}

.gsArea01 { border:1px solid #eaeaea; border-bottom:none; }
 
.zgArea .hd ul { border-bottom:1px solid #eaeaea; }
.zgArea .hd ul li { position:relative; float:left; width:33.3%; min-height:245px; padding:100px 20px 0; border-right:1px solid #eaeaea; box-sizing: border-box; text-align:center; background: linear-gradient(to right,#fff,#f1f6f8); cursor:pointer; text-align:center; }
.zgArea .hd ul li:nth-child(3) { width:33.4%; border-right:none; }
.zgArea .hd ul li:before { position:absolute; left:50%; transform: translateX(-50%); bottom:-13px; width:22px; height:13px; display:none; content:""; background:url(zg01.png) no-repeat center; background-size:cover; z-index:2; }
.zgArea .hd ul li .p1 { font-size:24px; font-weight:bold; color:#335ba8; }
.zgArea .hd ul li .p2 { width:60px; height:2px; margin:25px auto 0; background:#1668b1; }

.zgArea .hd ul li.on { background:#335ba8; }
.zgArea .hd ul li.on:before { display:block; }
.zgArea .hd ul li.on .p1 { color:#fff; }
.zgArea .hd ul li.on .p2 { background:#fff; }

.zgArea .bd .bdd { padding:90px 0 30px 60px; min-height:380px; box-sizing: border-box; background-size:cover!important; display:none; }
.zgArea .bd .bdd .txt { width:55.7%; font-size:18px; line-height:35px; color:#414141; }
.zgArea .bd .bdd .txt p { line-height:35px; }
.zgArea .bd .bdd .txt span { line-height:35px; }

.gsArea02 { display:none; }
.gsArea02 ul li { border:1px solid #eaeaea; }
.gsArea02 ul li:nth-child(n + 2) { margin-top:20px; }
.gsArea02 ul li .hd { padding:30px 10px; text-align:center; }
.gsArea02 ul li .hd .p1 { font-size:18px; color:#333; }
.gsArea02 ul li .hd .p2 { width:40px; height:2px; margin:15px auto 0; background:#1668b1; }

.gsArea02 ul li .bd { padding:30px 4%; border-top:1px solid #b6b6b6; box-sizing: border-box; background-size:cover!important; display:none; }
.gsArea02 ul li .bd .txt { width:100%; font-size:14px; line-height:25px; color:#414141; }
.gsArea02 ul li .bd .txt p { line-height:25px; }
.gsArea02 ul li .bd .txt span { line-height:25px; }

.gsArea02 ul li.on { border-color:#335ba8; }
.gsArea02 ul li.on .hd { background:#335ba8; }
.gsArea02 ul li.on .hd .p1 { color:#fff; }
.gsArea02 ul li.on .hd .p2 { background:#fff; }
.gsArea02 ul li.on .bd { display:block; }


@media all and (max-width:1480px){
	.zgArea .hd ul li { min-height:160px; padding:60px 20px 0; }
	.zgArea .hd ul li .p1 { font-size:18px; }
	.zgArea .hd ul li .p2 { margin:20px auto 0; }
	
	.zgArea .bd .bdd { padding:40px 0 30px 40px; min-height:300px; }
	.zgArea .bd .bdd .txt { width:65%; font-size:16px; line-height:30px; }
	.zgArea .bd .bdd .txt p { line-height:30px; }
	.zgArea .bd .bdd .txt span { line-height:30px; }
}
@media all and (max-width:900px){
	.gsArea01 { display:none; }
	.gsArea02 { display:block; }
}

.ab-hd { text-align:center; font-weight:bold; font-size:26px; line-height:1.1; }
.ab-hd .p1 { color:#004a9a; text-transform:uppercase; }
.ab-hd .p2 { color:#333; margin-top:5px; }

@media all and (max-width:1000px){
	.ab-hd { font-size:20px; }
}

.abArea01 .bd { margin-top:80px;  }
.abArea01 .bd02 { position:relative; float:right; width:510px; border-radius:8px; z-index:1;  }
.abArea01 .bd02 .pic { width:100%; border-radius:8px; overflow:hidden;  }
.abArea01 .bd02:before { position:absolute; top:20px; right:-10px; left:15px; bottom:-10px; display:block; content:""; background:#054e9c; border-radius:8px; z-index:-1; }
.abArea01 .bd02 img { transition: all 0.6s; }
.abArea01 .bd02:hover img { transform: scale(1.1)!important; }

.abArea01 .bd01 { float:left; width:780px; padding-top:10px; }
.abArea01 .bd01 .p1 { font-size:30px; color:#404040; }
.abArea01 .bd01 .p2 { font-size:16px; color:#494949; line-height:35px; margin-top:35px; }

@media all and (max-width:1480px){
	.abArea01 .bd { margin-top:60px;  }
	.abArea01 .bd02 { float:right; width:430px; }
 
	.abArea01 .bd01 { float:left; width:calc(100% - 480px); padding-top:10px; }
	.abArea01 .bd01 .p1 { font-size:24px; }
	.abArea01 .bd01 .p2 { font-size:16px; line-height:30px; margin-top:25px; }
}
@media all and (max-width:1200px){
	.abArea01 .bd01 .p2 { font-size:14px; line-height:25px; margin-top:25px; }
}
@media all and (max-width:1000px){
	.abArea01 .bd { margin-top:30px;  }
	.abArea01 .bd02 { float:none; width:100%; }
 
	.abArea01 .bd01 { float:none; width:100%; padding-top:0; }
	.abArea01 .bd01 .p1 { font-size:18px; }
	.abArea01 .bd01 .p2 { font-size:14px; line-height:25px; margin-top:25px; }
}

.abArea02 { margin-top:100px; }
.abArea02 .bd { margin-top:60px; text-align:center; }
.abArea02 .bd img { max-width:100%; }

@media all and (max-width:1480px){
	.abArea02 { margin-top:60px; }
	.abArea02 .bd { margin-top:40px; }
}
@media all and (max-width:1000px){
	.abArea02 { margin-top:40px; }
	.abArea02 .bd { margin-top:30px; }
}


.xwArea { padding-bottom:60px; }
.xwArea ul { border-bottom:1px solid #7f7f7f; }
.xwArea ul li { position:relative; border-top:1px solid #7f7f7f; }
.xwArea ul li:before { position:absolute; left:0; top:-1px; width:0; height:3px; background:#004a9a; display:block; content:""; transition: all 0.6s; z-index:2; }
.xwArea ul li a { position:relative; display:block; padding:40px 0; }
.xwArea ul li .date { position:absolute; transform: translateY(-50%); left:0; top:50%; color:#7d7d7d; font-size:36px; line-height:1; z-index:2; }
.xwArea ul li .date:before { position:absolute; left:175px; transform: translateY(-50%); top:50%; width:10px; height:95px; display:block; content:""; background:url(xw01.png) no-repeat center; background-size:cover; z-index:2; }
.xwArea ul li .date span { display:block; font-size:18px; margin-top:10px; }
 
.xwArea ul li .txt { float:right; width:calc(100% - 255px); }
.xwArea ul li .txt .p1 { font-size:24px; color:#333; line-height:40px; height:40px; overflow:hidden; text-overflow: ellipsis; white-space: nowrap; }
.xwArea ul li .txt .p2 { display:none; margin-top:10px; color:#7d7d7d; font-size:14px; }
.xwArea ul li .txt .p3 { font-size:16px; color:#7d7d7d; line-height:30px; margin-top:25px; min-height:60px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box;  -webkit-box-orient:vertical; -webkit-line-clamp:2; }
.xwArea ul li .txt .p4 { font-size:16px; color:#7d7d7d; margin-top:35px; }
 
.xwArea ul li:hover:before { width:100%; }
.xwArea ul li:hover .txt .p1 { color:#004a9a; }
.xwArea ul li:hover .txt .p4 { color:#004a9a; }
.xwArea ul li:hover .date { color:#004a9a; }

.xwArea01 ul li .txt .p3 { display:none; }
.xwArea01 ul li .txt .p4 { margin-top:10px!important; }


@media all and (max-width:1480px){
	.xwArea { padding-bottom:40px; }
	.xwArea ul li a { padding:25px 0; }
	.xwArea ul li .date { font-size:28px; }
	.xwArea ul li .date:before { left:110px; width:7px; height:67px; }
	.xwArea ul li .date span { font-size:16px; margin-top:10px; }
	 
	.xwArea ul li .txt { float:right; width:calc(100% - 180px); }
	.xwArea ul li .txt .p1 { font-size:18px; line-height:30px; height:30px; }
	.xwArea ul li .txt .p3 { font-size:14px; line-height:25px; margin-top:15px; min-height:50px; -webkit-line-clamp:2; }
	.xwArea ul li .txt .p4 { font-size:14px; margin-top:20px; }
}
@media all and (max-width:1200px){
	.xwArea { padding-bottom:30px; }
	.xwArea ul li a { padding:20px 0; }
	.xwArea ul li .date { font-size:20px; }
	.xwArea ul li .date:before { left:70px; width:5px; height:48px; }
	.xwArea ul li .date span { font-size:14px; margin-top:10px; }
	 
	.xwArea ul li .txt { float:right; width:calc(100% - 90px); }
	.xwArea ul li .txt .p1 { font-size:16px; line-height:25px; height:25px; }
	.xwArea ul li .txt .p3 { font-size:14px; line-height:25px; margin-top:10px; min-height:50px; -webkit-line-clamp:2; }
	.xwArea ul li .txt .p4 { font-size:14px; margin-top:15px; }
}
@media all and (max-width:750px){
	.xwArea ul li .date { display:none; }
	
	.xwArea ul li .txt { float:none; width:100%; }
	.xwArea ul li .txt .p2 { display:block; }
}

.conArea { padding:7px; background:#335ba8; }
.conArea01 { width:650px; float:left;display:flex;align-items: center; background:url(g_34.jpg) center center no-repeat; background-size:cover; height:510px; color:#fff; box-sizing:border-box; padding:0 4%}
.conArea01 .p1 { font-size:24px; font-weight:bold; width:100%; display:block;  }
.conArea01 .p2 { margin-top:40px; width:100%; display:block; }
.conArea01 .p2 ul li { padding-left:60px; font-size:18px; background-size:40px 40px!important; }
.conArea01 .p2 ul li:nth-child(n + 2) { margin-top:20px; }

.conArea02 { float:right; width:calc(100% - 650px); }
.conArea02 .my-map { width:100%!important; height:510px!important; }
.conArea02 #dituContent { width:calc(100% - 2px)!important; height:510px!important; }


@media all and (max-width:1480px){
	.conArea { padding:5px; }
	.conArea01 { width:500px; height:450px; }
	.conArea01 .p1 { font-size:24px; font-weight:bold; width:100%; display:block;  }
	.conArea01 .p2 { margin-top:40px; width:100%; display:block; }
	.conArea01 .p2 ul li { padding-left:60px; font-size:16px; background-size:40px 40px!important; }
	.conArea01 .p2 ul li:nth-child(n + 2) { margin-top:20px; }

	.conArea02 { float:right; width:calc(100% - 500px); }
	.conArea02 .my-map { height:450px!important; }
	.conArea02 #dituContent { height:450px!important; }
}
@media all and (max-width:1200px){
	.conArea { padding:3px; }
	.conArea01 { float:none; width:100%; height:auto; padding:30px 4%; display:block; }
	.conArea01 .p1 { font-size:18px; }
	.conArea01 .p2 { margin-top:30px; }
	.conArea01 .p2 ul li { padding-left:45px; font-size:12px; background-size:30px 30px!important; }
	.conArea01 .p2 ul li:nth-child(n + 2) { margin-top:20px; }

	.conArea02 { float:none; width:100%; }
	.conArea02 .my-map { height:350px!important; }
	.conArea02 #dituContent { height:350px!important; }
}

.lmArea { padding:100px 0; margin-bottom:80px; background:#f6f6f6; line-height:1.1; }
.lmArea .hd { float:left; }
.lmArea .hd .p1 { font-size:36px; color:#252525; font-weight:bold; }
.lmArea .hd .p2 { width:56px; height:4px; margin-top:25px; background:#0053b9; }
.lmArea .bd { float:right; width:950px; font-size:16px; color:#242424; line-height:30px; }

@media all and (max-width:1480px){
	.lmArea { padding:80px 0; margin-bottom:50px; }
	.lmArea .hd { float:left; }
	.lmArea .hd .p1 { font-size:28px; }
	.lmArea .hd .p2 { width:56px; height:4px; margin-top:25px; }
	.lmArea .bd { float:right; width:calc(100% - 200px); font-size:16px; line-height:30px; }
}
@media all and (max-width:1200px){
	.lmArea { padding:30px 0; margin-bottom:30px; }
	.lmArea .hd { float:none; width:100%; text-align:center; }
	.lmArea .hd .p1 { font-size:20px; }
	.lmArea .hd .p2 { width:45px; height:3px; margin:15px auto 0; }
	.lmArea .bd { float:none; width:100%; font-size:14px; line-height:25px; margin-top:20px; }
}

.bArea { position:relative; overflow:hidden; }
.bArea .bd { width:100%; }
.bArea .bd .con { width:100%; overflow:hidden; }
.bArea .bd .con img.img1{ display:block; }
.bArea .bd .con img.img2{ display:none; }
 
.bArea .hd { width:100%; height:100%; position:absolute; left:0; top:0; z-index:2; }
.bArea .hd ul { width:100%; height:100%; }
.bArea .hd ul li { width:13.4%; height:100%; float:left; transition:all 0.3s; box-sizing:border-box; position:relative; border-right:1px solid rgba(255,255,255,0.1); }
.bArea .hd ul li.on { width:33%; background:rgba(0,74,154,0.74); }
 
.bArea .hd ul li .item { width:100%; box-sizing:border-box; padding:0 15%; color:#fff; position:absolute; left:0; top:50%; transform:translateY(-50%); z-index:2; }
.bArea .hd ul li .item .ico img { height:50px;  }
.bArea .hd ul li .item .title { font-size:24px; font-weight:bold; line-height:1; padding-top:40px;transition:all 0.3s; }
.bArea .hd ul li .item .en { font-size:14px; line-height:1; padding-top:15px; text-transform:uppercase; color:rgba(255,255,255,0.5);transition:all 0.3s; }
.bArea .hd ul li .item .intro { margin-top:0; font-size:16px; color:rgba(255,255,255,0.6); overflow:hidden; line-height:30px; text-align:justify; height:0;transition:all 0.3s; }
.bArea .hd ul li .item .more { padding:0; height:0; overflow:hidden; transition:all 0.3s; }
.bArea .hd ul li .item .more a { display:block; width:160px; height:45px; box-sizing:border-box; border:2px solid #6087b2; border-radius:25px; display:flex;align-items: center;justify-content: center; font-size:16px; color:#fff; }

.bArea .hd ul li.on .item .title { padding-top:60px; }
.bArea .hd ul li.on .item .en { padding-top:25px; }
.bArea .hd ul li.on .item .intro { height:90px; margin-top:50px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box;  -webkit-box-orient:vertical; -webkit-line-clamp:3; }
.bArea .hd ul li.on .item .more { padding-top:60px; height:45px; }
 
@media (max-width: 1480px){
	.bArea .hd ul li .item{ padding:0 10%}
	.bArea .hd ul li .item .ico img{ height:40px}
	.bArea .hd ul li .item .title{ font-size:20px;}
	.bArea .hd ul li .item .en{ font-size:12px;}
	.bArea .hd ul li .item .intro{ font-size:14px; margin-top:30px; line-height:25px;}
	.bArea .hd ul li .item .more a{ width:140px; height:40px; font-size:14px}
	
	.bArea .hd ul li.on .item .intro{ margin-top:30px; height:75px; }
	.bArea .hd ul li.on .item .title{ padding-top:50px}
	.bArea .hd ul li.on .item .more{ padding-top:50px; height:40px}
}
@media (max-width: 1200px){
	.bArea .hd ul li .item{ padding:0 10%}
	.bArea .hd ul li .item .ico img{ height:35px}
	.bArea .hd ul li .item .title{ font-size:20px; padding-top:20px;}
	.bArea .hd ul li .item .intro{ font-size:12px; }
	.bArea .hd ul li .item .more a{ width:120px; height:35px; border-width:1px; font-size:12px}
	
	
	
	.bArea .hd ul li.on .item .title{ padding-top:20px}
	.bArea .hd ul li.on .item .en{ padding-top:15px}
	.bArea .hd ul li.on .item .intro{ margin-top:20px}
	.bArea .hd ul li.on .item .more{ padding-top:30px; height:35px}
	
}
@media (max-width: 900px){
	.bArea .bd .con img.img2 { display:block }
	.bArea .bd .con img.img1 { display:none }
	
	.bArea .hd ul li { width:50%; height:33.33%; }
	.bArea .hd ul li:nth-child(n + 3) { border-top:1px solid rgba(255,255,255,0.1); }
	.bArea .hd ul li.on { width:50%; }
	
	.bArea .hd ul li .item .ico img{ height:30px}
	.bArea .hd ul li .item .title { font-size:18px; }
	.bArea .hd ul li .item .title { padding-top:15px; }
	.bArea .hd ul li .item .en { padding-top:10px;}
	.bArea .hd ul li .item .intro { font-size:12px; line-height:25px; display:none; }
	.bArea .hd ul li .item .more a { width:100px; height:30px; border-width:1px; font-size:12px; }
	
	.bArea .hd ul li.on .item .title { padding-top:10px; }
	.bArea .hd ul li.on .item .en { padding-top:10px; }
	.bArea .hd ul li.on .item .intro { height:50px; margin-top:10px; -webkit-line-clamp:2; }
	.bArea .hd ul li.on .item .more { padding-top:15px; height:30px; }
}



.main-yyDis { padding-top:0; }

.yyDis { background:#fff; padding:60px 70px; box-shadow:0px 0px 10px rgba(0,0,0,0.1); }
.yyDis .hd { position:relative; line-height:1.1; }
.yyDis .hd .p1 { font-size:30px; color:#212121; }
.yyDis .hd .p2 { width:55px; height:2px; background:#1668b1; margin-top:20px; }
.yyDis .hd .p3 { position:absolute; top:0; right:0; z-index:9; }
.yyDis .hd .p3 a { display:inline-block; width:90px; border:1px solid #d3d3d3; border-radius:5px; color:#212121; text-align:center; }
.yyDis .hd .p3 a i { display:inline-block; font-size:14px; line-height:35px; padding-right:20px; background:url(ico05.png) no-repeat center right; }

.yyDis .hd .p3:hover a { border:1px solid #1668b1; color:#fff; background:#1668b1; }
.yyDis .hd .p3:hover a i { background:url(ico06.png) no-repeat center right; }

.yyDis .bd { position:relative; font-size:18px; line-height:35px; margin-top:30px; overflow:hidden; }
.yyDis .bd img { max-width:100%; }

.yyDis .bd01 { margin-top:30px; }

.yyDis01 { position:relative; top:-100px; margin-bottom:-100px; z-index:9; }
.yyDis02 { margin-top:30px; }
.yyDis03 { margin-top:30px; }
.yyDis04 { margin-top:30px; }

.gallery-thumbs01 { margin-top:10px!important; }
.gallery-thumbs01 .swiper-slide { opacity:0.5; cursor:pointer; }
.gallery-thumbs01 .swiper-slide-thumb-active { opacity:1; }

.swiper-container-yy01 { width:900px; margin:0 auto; }
.swiper-container-yy01 .swiper-slide { position:relative; width:900px; margin-right:0; transform: scale(0.9)!important; transition: all;  }
.swiper-container-yy01 .swiper-slide:after{content: "";display:block;position: absolute;left:0;top:0;width: 100%;height: 100%;background: rgba(255,255,255,0.7);z-index:2;}

.swiper-container-yy01 .swiper-slide.swiper-slide-active { transform: scale(1)!important; }
.swiper-container-yy01 .swiper-slide.swiper-slide-active:after { display:none; }

.prev-yy01,.next-yy01 { position:absolute; top:50%; transform: translateY(-50%); display:block; border-radius:100%; width:50px; height:50px; background-size:50px 50px!important; z-index:5; cursor:pointer; }
.prev-yy01 { background:url(xm01.png) no-repeat center; left:10px; }
.next-yy01 { background:url(xm02.png) no-repeat center; right:10px }

.prev-yy01:hover { background:url(xm03.png) no-repeat center; }
.next-yy01:hover { background:url(xm04.png) no-repeat center; }
 
@media all and (max-width:1480px){
	.yyDis { padding:40px; }
	.yyDis .hd .p1 { font-size:24px; }
	.yyDis .hd .p2 { width:50px; height:2px; margin-top:20px; }
	.yyDis .hd .p3 a { width:90px; }
	.yyDis .hd .p3 a i { font-size:14px; line-height:30px; }
 
	.yyDis .bd { font-size:16px; line-height:25px; margin-top:30px; }
 
	.yyDis01 { top:-60px; margin-bottom:-60px; }
	.yyDis02 { margin-top:30px; }
	.yyDis03 { margin-top:30px; }
	.yyDis04 { margin-top:30px; }
	
	.swiper-container-yy01 { width:800px; }
	.swiper-container-yy01 .swiper-slide { width:800px; }
}
@media all and (max-width:1200px){
	.main-yyDis { padding-top:30px; }
	
	.yyDis { padding:25px 4%; }
	.yyDis .hd .p1 { font-size:18px;  }
	.yyDis .hd .p2 { width:30px; height:2px; margin-top:10px; }
	.yyDis .hd .p3 a { width:70px; }
	.yyDis .hd .p3 a i { font-size:12px; line-height:25px; }
 
	.yyDis .bd { font-size:14px; line-height:25px; margin-top:20px; }
	.yyDis .bd01 { margin-top:20px; }
 
	.yyDis01 { top:0; margin-bottom:0; }
	.yyDis02 { margin-top:20px; }
	.yyDis03 { margin-top:20px; }
	.yyDis04 { margin-top:20px; }
	
	.swiper-container-yy01 { width:70%; }
	.swiper-container-yy01 .swiper-slide { width:100%; }
	
	.prev-yy01,.next-yy01 { width:30px; height:30px; background-size:30px 30px!important; }
}

.yybd01 { position:relative; float:left; width:50%; height:415px; background: linear-gradient(to right,#2f80c8,#1668b1); box-sizing: border-box; }
.yybd01 .txt { position:absolute; top:50%; left:8%; width:84%; transform: translateY(-50%); color:#fff; z-index:2; }
.yybd01 .txt .p1 { font-size:18px; line-height:32px; min-height:64px; padding-left:50px; background:url(ico07.png) no-repeat left 10px; }
.yybd01 .txt .p1 p:nth-child(1) { font-weight:bold; }

.yybd01 .txt .p2 { margin-top:25px; }
.yybd01 .txt .p2 .p21 { font-size:18px; line-height:34px; padding-left:50px; font-weight:bold; background:url(ico08.png) no-repeat center left; }
.yybd01 .txt .p2 .p22 { margin-top:25px; padding-left:50px; }
.yybd01 .txt .p2 .p22 ul { width:80%; }
.yybd01 .txt .p2 .p22 ul li { float:left; width:31%; margin-right:3.5%; padding:10px; border:1px solid #fff; border-radius:5px; box-sizing: border-box; }
.yybd01 .txt .p2 .p22 ul li:last-child { margin-right:0; }
.yybd01 .txt .p2 .p22 ul li p { text-align:center; font-size:14px; margin-top:10px; }

.yybd02  { float:right; width:50%; }
.yybd02 .my-map { width:100%!important; height:415px!important; }
.yybd02 #dituContent { width:calc(100% - 2px)!important; height:415px!important; }

@media all and (max-width:1480px){
	.yybd01 .txt { left:5%; width:90%;  }
	.yybd01 .txt .p1 { font-size:16px; line-height:25px; background-size:25px 25px; }
 
	.yybd01 .txt .p2 { margin-top:20px; }
	.yybd01 .txt .p2 .p21 { font-size:16px; line-height:25px;  background-size:25px 25px; }
	.yybd01 .txt .p2 .p22 { margin-top:20px; }
}
@media all and (max-width:1000px){
	.yybd01 { float:none; width:100%; height:auto; padding:25px 4%; }
	.yybd01 .txt { position:relative; top:auto; left:auto; width:100%; transform: translateY(0); }
	.yybd01 .txt .p1 { font-size:14px; line-height:25px; min-height:50px; padding-left:30px;  background:url(ico07.png) no-repeat left 5px; background-size:20px 20px; }
	.yybd01 .txt .p1 p:nth-child(2) { font-size:12px; }
	
	
	.yybd01 .txt .p2 { margin-top:20px; }
	.yybd01 .txt .p2 .p21 { font-size:14px; line-height:25px; padding-left:30px; background-size:20px 20px; }
	.yybd01 .txt .p2 .p22 { margin-top:20px; padding-left:30px; }
	.yybd01 .txt .p2 .p22 ul { width:100%; max-width:500px; }
	.yybd01 .txt .p2 .p22 ul li { width:32%; margin-right:2%; padding:5px; }
	.yybd01 .txt .p2 .p22 ul li:last-child { margin-right:0; }
	.yybd01 .txt .p2 .p22 ul li p { font-size:12px; margin-top:10px; }


	.yybd02  { float:none; width:100%; }
}

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

.xfArea { padding:7px; background:#335ba8; display:flex; flex-wrap: wrap;  flex-direction:row; justify-content: space-between; align-items: center; }
.xfArea01 { width:50%; display:flex;align-items: center; color:#fff; box-sizing:border-box; padding:0 4%; }
.xfArea01 .p1 { font-size:24px; font-weight:bold; width:100%; display:block;  }
.xfArea01 .p2 { margin-top:40px; width:100%; display:block; }
.xfArea01 .p2 ul li { padding-left:60px; font-size:18px; background-size:40px 40px!important; }
.xfArea01 .p2 ul li:nth-child(n + 2) { margin-top:20px; }

.xfArea02 { width:50%; background:#fff; padding:50px; box-sizing: border-box; }
.xfArea02 ul li:nth-child(n + 3) { margin-top:15px; }
.xfArea02 ul li .text { width:100%; border:1px solid #ddd; font-size:14px; padding:0 15px; color:#666; line-height:40px; box-sizing: border-box; }
.xfArea02 ul li select { width:100%; border:1px solid #ddd; font-size:14px; padding:0 11px; line-height:40px; height:40px; color:#666; box-sizing: border-box; }
.xfArea02 ul li .text01 { width:150px; }
.xfArea02 ul li img { margin-top:8px; width:60px; height:26px; vertical-align:top; }
.xfArea02 ul li .textarea { width:100%; border:1px solid #ddd; font-size:14px; padding:10px 15px; height:100px; color:#666; box-sizing: border-box; }
.xfArea02 ul li .btn01 { width:150px; line-height:40px; color:#fff; font-size:16px; text-align:center; background:#335ba8; cursor:pointer; }

.xfArea02 ul li.li01 { float:left; width:49%; margin-right:2%; }
.xfArea02 ul li.li11 { margin-right:0; }

.xfArea02 ul li ::-webkit-input-placeholder { color:#666; opacity: 1; }
.xfArea02 ul li ::-moz-placeholder { color:#666; opacity: 1; }
.xfArea02 ul li ::-ms-input-placeholder { color:#666; opacity: 1; } 
.xfArea02 ul li ::placeholder { color:#666; opacity: 1; }

@media all and (max-width:1480px){
	.xfArea { padding:5px; }
 
	.xfArea01 .p1 { font-size:24px; font-weight:bold; width:100%; display:block;  }
	.xfArea01 .p2 { margin-top:40px; width:100%; display:block; }
	.xfArea01 .p2 ul li { padding-left:60px; font-size:16px; background-size:40px 40px!important; }
	.xfArea01 .p2 ul li:nth-child(n + 2) { margin-top:20px; }
 
}
@media all and (max-width:1200px){
	.xfArea { padding:3px; }
 
	.xfArea01 .p1 { font-size:18px; }
	.xfArea01 .p2 { margin-top:30px; }
	.xfArea01 .p2 ul li { padding-left:45px; font-size:12px; background-size:30px 30px!important; }
	.xfArea01 .p2 ul li:nth-child(n + 2) { margin-top:20px; }

	.xfArea02 {  padding:50px 30px;  }
}
@media all and (max-width:750px){
	.xfArea01 { width:100%; padding:30px 4%; }
 
	.xfArea02 { width:100%; padding:30px 4%;  }
	
	.xfArea02 ul li:nth-child(n + 3) { margin-top:10px; }
	.xfArea02 ul li .text { padding:0 10px; line-height:35px; }
	.xfArea02 ul li select { padding:0 6px; line-height:35px; height:35px;  }
	.xfArea02 ul li .text01 { width:150px; }
	.xfArea02 ul li img { margin-top:4px; }
	.xfArea02 ul li .textarea { padding:10px; height:100px; }
 
}
 


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