/*news*/
.banner-news{ width:100%; overflow:hidden; position:relative; box-shadow:0px 0px 20px 5px rgba(0,0,0,0.1)}
.banner-news img{ float:left; width:100%; height:auto}
.banner-wz{ width:100%; height:100%; position:absolute;left:0px;top:0px; z-index:12; padding:100px 0px 90px; text-align:center}
.banner-wz:before{ height:100%; content:""; display:inline-block; vertical-align:middle}
.banner-ver{ width:90%; overflow:hidden; display:inline-block; vertical-align:middle;font-family:'SourceHanSans';color:#fff;}
.banner-ver h3{ width:100%; overflow:hidden; font-size:40px; }
.banner-ver p{ width:100%; overflow:hidden; font-size:18px; margin-top:5px }

.banner-nav{ width:100%; overflow:hidden; z-index:412; height:90px; background:#fff;font-family:'SourceHanSans'; font-size:16px; position:relative;margin-top:-90px}
.banner-nav span{ float:left; width:50%; overflow:hidden; line-height:90px; text-align:center; position:relative; cursor:pointer}
.banner-nav span:before{width:0%; position:absolute;left:0px;top:0px; content:""; z-index:12; height:5px; background:#0c65d4}
.banner-nav span a{ display:block; color:#000}
.banner-nav .active:before{width:100%; }
.banner-nav .active a{ color:#0c65d4}
.banner-nav span a:hover{ color:#0c65d4; font-size:17px}

.news{ width:100%; background:#f7f7f7}
.news1-list{ width:81.25%; overflow:hidden; margin:100px auto 0px; background:#0c65d4; padding:60px; position:relative;box-shadow:0px 0px 12px 4px rgba(0,0,0,0)}
.news1-left{ width:429px; position:absolute;left:60px;top:60px; overflow:hidden}
.news1-left img{ width:100%; height:auto}
.news1-list:hover img{transform:scale(1.1)}
.news1-right{ width:100%; overflow:hidden; padding-left:486px; height:280px;font-family:'SourceHanSans'}
.news1-right span{ float:left; width:100%; overflow:hidden; font-size:16px; color:#ddd; margin-top:12px}
.news1-right h3{ float:left; width:100%; overflow:hidden; font-size:24px; color:#fff; line-height:30px; height:30px; margin-top:40px}
.news1-right p{ float:left; width:100%; overflow:hidden; font-size:16px; color:rgba(255,255,255,0.67); line-height:28px; height:56px; margin-top:16px}
.news1-right em{ float:left; width:180px; height:50px; text-align:center; line-height:50px; overflow:hidden; background:#fff; margin-top:46px; font-size:15px; color:#0c65d4}
.news1-right em samp{ background:url(../images/icon-35.png) no-repeat right center; padding-right:50px}
.news1-list:hover{box-shadow:0px 0px 12px 4px rgba(0,0,0,0.1)}
.news1-right em:hover{ transform:translateY(3px)}

.news1-pannel{ width:81.25%; margin:0px auto;font-family:'SourceHanSans'}
.news1-item{ width:100%; overflow:hidden; margin-top:14px; background:#fff; padding:60px;box-shadow:0px 0px 12px 4px rgba(0,0,0,0)}
.news1-item:hover{box-shadow:0px 0px 12px 4px rgba(0,0,0,0.05)}
.news1-ct{ float:left; width:78%; overflow:hidden}
.news1-ct span{ float:left; width:100%; overflow:hidden; font-size:16px; color:#aaa}
.news1-ct  h3{ float:left; width:100%; overflow:hidden; font-size:24px; color:#222; margin-top:10px; line-height:30px}
.news1-ct  p{ float:left; width:100%; overflow:hidden; font-size:16px; color:#666; line-height:24px; margin-top:16px}
.news1-more{ float:right; width:180px; height:50px; text-align:center; line-height:50px; overflow:hidden; background:#0c65d4; margin-top:36px; font-size:15px; color:#fff}
.news1-more span{ background:url(../images/icon-36.png) no-repeat right center; padding-right:50px}
.news1-more:hover{transform:translateY(2px)}
.news1-item a:hover .news1-ct{ transform:translateX(10px)}

.news-page{ width:100%; overflow:hidden; padding:60px 0px 110px; text-align:center;font-family:'SourceHanSans'}
.news-page a{ width:auto; line-height:38px;border:1px #d9d9d9 solid; padding:0px 15px; height:38px; overflow:hidden; display:inline-block; margin:0px  4px; font-size:12px; color:#666}
.news-page a:hover,.news-page a.active{ background:#0c65d4;border-color:#0c65d4; color:#fff}

.news2-list{ width:100%; overflow:hidden; margin:14px auto 0px; background:#fff; padding:60px; position:relative;box-shadow:0px 0px 12px 4px rgba(0,0,0,0)}
.news2-list:hover img{transform:scale(1.1)}
.news2-list:hover{box-shadow:0px 0px 12px 4px rgba(0,0,0,0.1); background:#0c65d4}
.news2-list .news1-right span{ color:#aaa}
.news2-list .news1-right h3{ color:#111}
.news2-list .news1-right p{ color:#666}
.news2-list .news1-right em{  background:#0c65d4;  color:#fff}
.news2-list .news1-right em samp{ background:url(../images/icon-36.png) no-repeat right center;}
.news2-list:hover .news1-right span{ color:#ddd}
.news2-list:hover .news1-right h3{ color:#fff}
.news2-list:hover .news1-right p{ color:rgba(255,255,255,0.67)}
.news2-list:hover .news1-right em{  background:#fff;  color:#0c65d4}
.news2-list:hover .news1-right em samp{background:url(../images/icon-35.png) no-repeat right center;}

.news-3{ width:81.25%; overflow:hidden; margin:100px auto 0px; background:#fff; padding:60px; position: relative}
.news-3left{ float:left; width:49.1%; position:relative}
.news-3left samp{ float:left; width:100%; overflow:hidden}
.news-3left samp img{ width:100%; height:auto}
.news-3left p{ width:100px; position:absolute;left:36px;top:-22px; z-index:12; background:#0c65d4; overflow:hidden; padding:10px 18px 15px 25px;font-family:'DINPror'; font-size:18px; color:#fff}
.news-3left p span{ font-size:36px; float:left; width:100%}
.news-3:hover .news-3left samp img{ transform:scale(1.1)}
.news-3right{ width:51%; overflow:hidden; position:absolute;right:0px;top:0px; z-index:12; height:100%; text-align:center}
.news-3right:before{ height:100%; content:""; display:inline-block; vertical-align:middle}
.news-3ver{ width:85%; overflow:hidden; display:inline-block; vertical-align:middle; text-align:left;font-family:'SourceHanSans'}
.news-3ver h3{ float:left; width:100%; overflow:hidden; font-size:32px; color:#111; line-height:40px}
.news-3ver p{ float:left; width:100%; overflow:hidden; font-size:16px; color:#666; line-height:32px; margin-top:45px}
.news-3ver  span{ float:left; width:180px; height:50px; text-align:center; line-height:50px; overflow:hidden; background:#0c65d4; margin-top:46px; font-size:15px; color:#fff}
.news-3ver  span em{ background:url(../images/icon-36.png) no-repeat right center; padding-right:50px}
.news-3:hover{ background:#0c65d4}
.news-3:hover .news-3left p{ background:#fff;color:#0c65d4}
.news-3:hover .news-3ver h3{ color:#fff}
.news-3:hover .news-3ver p{ color:#fff}
.news-3:hover .news-3ver  span{ background:#fff; color:#0c65d4}
.news-3:hover .news-3ver  span em{ background:url(../images/icon-35.png) no-repeat right center}

/*news-detail*/
.news-head{ width:100%; overflow:hidden; position:absolute;left:0px;bottom:180px; z-index:12; text-align:center;color:#fff}
.news-head span{ width:100%; display:block; overflow:hidden; font-size:18px}
.news-head h1{ width:75%;overflow:hidden; margin:14px auto 0px; font-size:40px; line-height:50px;}

.news-detail{ width:75%; overflow:hidden; background:#fff; margin:0px auto 0px; position:relative; z-index:20; padding:0px 60px}
.detail-left{ float:left; width:69.3%; overflow:hidden; border-right:1px #e6e6e6 solid; padding-right:60px; padding-bottom:90px}
.detail-content{ width:100%; overflow:hidden; margin-top:47px; font-size:16px; color:#666; line-height:36px;}
.detail-content p{ margin-top:30px}
.detail-content p img{ width:100% !important; height:auto !important}
.news-detail.proinfo{ width:65%}
.detail-page{ width:100%; overflow:hidden; margin-top:75px;border-top:1px #e6e6e6 solid; padding-top:30px}
.detail-page span{ float:left; width:100%; overflow:hidden; font-size:18px; color:#333; line-height:28px; margin-top:15px}
.detail-page span a{ color:#333}
.detail-page span a:hover{ color:#0c65d4}

.detail-right{ float:right; width:22%; overflow:hidden}
.detail-right h3{ float:left; width:100%; overflow:hidden; margin-top:86px; font-size:24px; color:#0c65d4}
.detail-right ul{ float:left; width:100%; overflow:hidden; margin-top:20px}
.detail-right ul li{ float:left; width:100%; overflow:hidden ; line-height:60px; height:60px; font-size:16px; color:#333; background:url(../images/icon-37.png) no-repeat 0px 28px; padding-left:20px}
.detail-right ul li a{ color:#333}
.detail-right ul li a:hover{ color:#0c65d4}
.detail-right span{ float:left; width:180px; height:50px; line-height:50px; overflow:hidden; text-align:center; font-size:15px; background:#0c65d4; margin-top:30px}
.detail-right span a{ color:#fff; background:url(../images/icon-38.png) no-repeat right center; padding-right:40px}
.detail-right span:hover{ transform:translateY(-2px)}
.detail-right ul.area li{ width:50%}
.kong{ width:100%; overflow:hidden; height:116px}

.detail-2{ width:1200px; overflow:hidden; margin:-70px auto 0px; position:relative; z-index:22 }
.detail-3{ float:left; width:880px; overflow:hidden; background:#fff; padding:60px; font-family:"SourceHanSans";}
.detail-3 h1{ float:left; width:100%; overflow:hidden; font-size:34px; color:#111; position:relative; line-height:40px; padding-bottom:30px}
.detail-3 h1:before{ width:82px; height:3px; position:absolute;left:0px;bottom:0px; background:#0c65d4; content:""}
.detail-col{ float:left; width:100%; overflow:hidden; margin-top:40px; font-size:16px; color:#aaa}
.detail-col span{ float:left; width:auto; overflow:hidden; margin-right:60px; line-height:30px}
.detail-col span em{ color:#666}
.detail-col p{ float:left; width:auto; overflow:hidden; line-height:30px; background:url(../images/icon-39.png) no-repeat left center; padding-left:24px}
.detail-4{ float:left; width:100%; overflow:hidden; font-size:16px; color:#666; line-height:28px;font-family:'SourceHanSansl'; margin-top:20px}
.detail-4 img{max-width:100% !important; height:auto !important}
.detail-4 p{ margin-top:50px}
.detail-5{ float:left; width:100%; overflow:hidden; margin-top:70px; border-top:2px #e6e6e6 solid;font-family:"微软雅黑"; padding-top:20px}
.detail-5 span{ float:left; width:100%; overflow:hidden; font-size:16px; color:#808080; line-height:32px}
.detail-5 span a{ color:#808080}
.detail-5 span a:hover{ color:#0c65d4}

.detail-6{ width:320px; overflow:hidden; background:#0c65d4;float:left; margin-top:70px;top:0px; }
.detail-6 h3{ width:79%; overflow:hidden; margin:60px auto 0px; font-size:22px; color:#fff;font-family:"SourceHanSans";}
.detail-slide{ width:79%; overflow:hidden; margin:0px auto 0px; position:relative; padding-bottom:74px}
.detail-s{ float:left; width:100%; overflow:hidden; border-bottom:1px #3d84dd solid; padding-bottom:16px}
.detail-sa{ float:left; width:100%; overflow:hidden; margin-top:28px}
.detail-sa span{ float:left; width:auto; overflow:hidden; font-size:12px; color:#9ec1ee; line-height:20px}
.detail-sa p{float:left;width:auto;line-height:20px; overflow:hidden; background: url(../images/icon-40.png) no-repeat left center; padding-left:17px; font-size:12px; color:#9ec1ee; margin-left:20px}
.detail-s h4{ float:left; width:100%; overflow:hidden; font-size:14px; color:#fff; line-height:22px; height:22px; margin-top:4px}
.detail-s a:hover h4{ color:#9ec1ee}

.detail-slide .swiper-button-prev{ width:28px; height:20px;border:none;opacity:1; background:url(../images/icon-41.png) no-repeat;bottom:0px;top:auto;left:0px; z-index:15}
.detail-slide .swiper-button-next{ width:28px; height:20px;border:none;opacity:1; background:url(../images/icon-42.png) no-repeat;bottom:0px;top:auto;right:0px; z-index:15}
.detail-slide .swiper-button-prev:hover{ background-image: url(../images/icon-41-1.png)}
.detail-slide .swiper-button-next:hover{ background-image: url(../images/icon-42-1.png)}
.detail-slide .swiper-pagination{ z-index:12; font-size:21px; color:#85b0e6;font-family:'DINProrb'}
.detail-slide .swiper-pagination span{ font-size:36px; color:#fff}
.detail-back{ float:left; width:100%; overflow:hidden; height:92px; line-height:92px; text-align:center; background:#a9aebb; margin-top:60px; text-align:center}
.detail-back a{ display:block; font-size:18px; color:#fff}
.detail-back a:hover{transform:translateY(-4px)}
.detail-fixed{ position:fixed; z-index:23;right:calc((100% - 880px)/2 - 160px);top:60px;}

/*areas*/
.areas{ width:100%; overflow:hidden; padding:160px 0px 120px; background:#f7f7f7}
.areas-item{ width:81.25%; overflow:hidden; margin:20px auto 0px; background:#fff; padding:50px; position:relative}
.areas-item samp{ float:left; width:29.6%; overflow:hidden; height:100%;}
.areas-item samp img{ float:left; width:100%; height:100%;object-fit:cover}
.areas-right{ width:65.5%; overflow:hidden; position:absolute;right:50px;top:0px; height:100%;padding:50px 0px; text-align:right}
.areas-right:before{ height:100%; content:""; display:inline-block; vertical-align:middle}
.areas-ver{ width:95%; overflow:hidden; display:inline-block; vertical-align:middle; text-align:left; height:90%; position:relative}
.areas-ver h3{ float:left; width:100%; overflow:hidden; font-size:24px; color:#111; line-height:32px; height:32px}
.areas-ver p{ float:left; width:100%; overflow:hidden; font-size:16px; color:#666; line-height:28px; height:56px; margin-top:18px}
.areas-ver span{width:180px; height:50px; text-align:center; line-height:50px; overflow:hidden; background:#0c65d4; font-size:15px; color:#fff; position:absolute;left:0px;bottom:0px}
.areas-ver span em{ background:url(../images/icon-36.png) no-repeat right center; padding-right:50px}
.areas-item:hover{ background:#0c65d4}
.areas-item:hover samp img{transform:scale(1.1)}
.areas-item:hover .areas-ver h3{ color:#fff}
.areas-item:hover .areas-ver p{color:rgba(255,255,255,0.67)}
.areas-item:hover span{ background:#fff; color:#0c65d4}
.areas-item:hover span em{background-image:url(../images/icon-35.png) }
/*党建*/
.dj{ width:81.25%; overflow:hidden; margin:0px auto;font-family:"SourceHanSans"}
.dj-item{ float:left; width:48.9%; overflow:hidden;border:1px #e6e6e6 solid; background:#fff; margin-top:2.5vw; padding:3vw 2vw 1.3vw; position:relative}
.dj-item:nth-child(2n){ float:right}
.dj-item h3{ float:left; width:100%; overflow:hidden; font-size:24px; color:#111; line-height:30px; height:30px; position:relative; z-index:2}
.dj-item p{ float:left; width:100%; overflow:hidden; font-size:16px; color:#666; line-height:25px; height:75px; margin-top:28px;position:relative; z-index:2}
.dj-bottom{ float:left; width:100%; overflow:hidden; border-top:1px #ddd solid; margin-top:30px;color:#0c65d4; padding-top:14px;position:relative; z-index:2}
.dj-bottom span{ float:left; width:auto; overflow:hidden; font-size:16px; }
.dj-bottom em{ float:right; width:auto; overflow:hidden; font-size:15px; background:url(../images/icon-35.png) no-repeat right center; padding-right:42px}
.dj-bg{ width:100%; height:100%; position:absolute;left:0px;top:0px; z-index:1; background: url(../images/bg-11.jpg) no-repeat; background-size:cover;opacity:0}
.dj-item:hover .dj-bg{ opacity:1}
.dj-item:hover h3,.dj-item:hover p,.dj-item:hover .dj-bottom span,.dj-item:hover .dj-bottom em{ color:#fff}
.dj-item:hover .dj-bottom em{ background-image: url(../images/icon-36.png)}

/*联系我们*/
.contact-pos{ width:81.25%; margin:130px auto 0px}
.contact-pos h3{ float:left; width:100%; overflow:hidden; font-size:36px; color:#333; position:relative; padding-bottom:20px}
.contact-pos h3:before{width:60px; height:4px; content:""; position:absolute;left:0%;bottom:0px; z-index:12; background:#0c65d4;}
.contact-map{ float:left; width:100%; overflow:hidden; margin-top:60px; height:31.3vw;}
.amap-logo{ display:none !important}
.contact-address{ float:left; width:100%; overflow:hidden; background:#fff; height:110px;box-shadow:0px 0px 12px 4px rgba(0,0,0,0.03); line-height:110px}
.contact-address span{ float:left; width:auto; font-size:22px; color:#333;font-family:"SourceHanSansb"; margin-left:60px}
.contact-address p{ float:left; width:auto; margin-left:15px; font-size:22px; color:#999;font-family:"SourceHanSans"}

.contact-2{ width:100%; overflow:hidden; background:#fff url(../images/bg-1.png) no-repeat top center; background-size:cover; padding-bottom:120px} 
.contact-list{ width:81.25%; overflow:hidden;border-bottom:1px #ccc solid; padding:60px; margin:0px auto}
.contact-list ul{ float:left; width:100%; overflow:hidden}
.contact-list ul li{ float:left; width:auto; overflow:hidden}
.contact-list ul li samp{ float:left; width:60px; height:60px; overflow:hidden;border-radius:50%; background:#0d66d4; margin-right:18px; background-position:center; background-repeat:no-repeat}
.contact-list ul li p{ float:left; width:auto; overflow:hidden; font-size:16px; color:#666;font-family:"SourceHanSans"; line-height:26px; margin-top:4px}
.contact-list ul li p span{font-family:"SourceHanSansb"; font-size:22px; color:#333}
.contact-list ul li:nth-child(1){ width:37%}
.contact-list ul li:nth-child(1) samp{ background-image:url(../images/icon-43.png)}
.contact-list ul li:nth-child(1) p{ width:82%}
.contact-list ul li:nth-child(2){ width:21%}
.contact-list ul li:nth-child(2) samp{ background-image:url(../images/icon-44.png)}
.contact-list ul li:nth-child(2) p{ width:66%}
.contact-list ul li:nth-child(3){ width:25%}
.contact-list ul li:nth-child(3) samp{ background-image:url(../images/icon-45.png) }
.contact-list ul li:nth-child(3) p{ width:72%}
.contact-list ul li:nth-child(4){ width:17%}
.contact-list ul li:nth-child(4) samp{ background-image:url(../images/icon-46.png) }
.contact-list ul li:nth-child(4) p{ width:62%}
.contact-wx{ width:100%; overflow:hidden; text-align:center; margin-top:130px}
.contact-wx h3{ width:100%; overflow:hidden; font-size:36px; color:#333; position:relative; padding-bottom:28px}
.contact-wx h3:before{ width:60px; height:4px; content:""; position:absolute;left:50%;bottom:0px; z-index:12; background:#0c65d4; margin-left:-30px}
.contact-wx samp{width:100%; overflow:hidden; display:block; margin-top:50px}
.contact-wx samp img{ width:172px; height:auto; border:9px #e2e3e4 solid}

/*招聘*/
.zw-1{ width:100%; overflow:hidden; background:#f4f4f4; padding:130px 0px 110px}
.zw-center{ width:81.25%; overflow:hidden; margin:0px auto;font-family:"SourceHanSans"}
.zw-left{ float:left; width:50%; overflow:hidden; background: url(../images/bg-14.jpg) no-repeat; height:262px; background-size:cover; padding:60px; position:relative}
.zw-center samp{ float:left; width:100%; overflow:hidden; color:rgba(255,2555,255,0.3); font-size:12px }
.zw-center span{ float:left; width:100%; overflow:hidden; color:#fff; font-size:22px ;font-family:"SourceHanSansb"; margin-top:8px}
.zw-center p{ float:left; width:100%; overflow:hidden; color:#fff; font-size:16px ; margin-top:25px; line-height:28px}
.zw-center em{ width:auto; position:absolute;right:60px;top:60px; z-index:12; font-size:16px; color:#fff}
.zw-right{ float:left; width:50%; overflow:hidden; background: url(../images/bg-15.jpg) no-repeat; height:262px; background-size:cover;padding:60px; position:relative}

.zw-sel{ width:81.25%; margin:63px auto 0px;font-family:"SourceHanSans"}
.zw-add{ float:left; width:32.3%; height:66px; background:#f5f5f5; position:relative}
.zw-add span{ float:left; width:100%; overflow:hidden; padding:0px 30px; line-height:66px}
.zw-add span em{ width:100%; display:block; font-size:18px; color:#666; background:url(../images/icon-48.png) no-repeat right center; cursor:pointer}
.zw-add p{ width:100%; overflow:hidden; position:absolute;left:0px;top:66px; z-index:123; background:#fafafa;display:none }
.zw-add p em{ width:100%; float:left; line-height:40px; height:40px; font-size:14px; cursor:pointer; padding:0px 30px}
.zw-add p em:hover{ color:#0c65d4; background:#f0f0f0}

.zw-search{float:right;width:66%;overflow:hidden;height:66px;background:#f5f5f5;font-family:"SourceHanSans"}
.zw-search input{float:left; width:80%;line-height:66px;height:66px;overflow:hidden;padding:0px 30px; font-size:18px;color:#666;background:none}
.zw-search button{float:right;width:62px;height:66px;overflow:hidden; background:url(../images/icon-49.png) no-repeat left center; cursor:pointer}

.zw-nav{width:81.25%;overflow:hidden;margin:36px auto 0px;border-bottom:2px #0c65d4 solid; line-height:90px;font-family:"SourceHanSans"; font-size:18px; color:#333}
.zw-nav span{ float:left; width:auto; overflow:hidden; text-align:center}
.zw-nav span.nav1{width:17%; text-align:left;padding-left:58px}
.zw-nav span.nav2{width:21%;}
.zw-nav span.nav3{width:21%;}
.zw-nav span.nav4{width:21%;}
.zw-nav span.nav5{width:20%; float:right}

.zw-content{width:81.25%;overflow:hidden; margin:0px auto; padding-bottom:110px}
.zw-item{ width:100%; overflow:hidden}
.zw-ul{ width:100%; overflow:hidden; border-bottom:1px #eee solid; line-height:96px;font-family:"SourceHanSans"; font-size:16px; color:#888}
.zw-ul span{ float:left; width:auto; overflow:hidden; text-align:center; height:96px}
.zw-ul span.nav1{width:17%; text-align:left;padding-left:58px}
.zw-ul span.nav2{width:21%;}
.zw-ul span.nav3{width:21%;}
.zw-ul span.nav4{width:21%;}
.zw-ul span.nav5{width:20%; float:right; color:#0c65d4; cursor:pointer}

.zw-ul span em{ background:url(../images/icon-52.png) no-repeat right center; padding-right:19px}
.zw-ul.zw-ul-active{ background:#0c65d4; border-bottom-color:#0c65d4}
.zw-ul.zw-ul-active span{ color:#fff}
.zw-ul span.nav5:before{ height:100%; content:""; display:inline-block; vertical-align:middle}
.zw-ul.zw-ul-active span.nav5 em{ width:137px; height:40px; line-height:40px; text-align:center; background:#ff9804 url(../images/icon-50.png) no-repeat 82% center; display:inline-block;padding:0px; overflow:hidden; vertical-align:middle}
.zw-pannel{ width:100%; overflow:hidden; padding:30px 60px 60px;border:2px #0c65d4 solid; display:none}
.zw-pannel h3{ float:left; width:100%; overflow:hidden; border-bottom:1px #f2f2f2 solid; font-size:24px; color:#0c65d4; background:url(../images/icon-51.png) no-repeat left 2px; padding-left:45px; padding-bottom:27px}
.zw-2{ float:left; width:100%; overflow:hidde; margin-top:28px; font-size:16px; color:#222}
.zw-2 span{ float:left; width:auto; overflow:hidden}
.zw-2 span:nth-child(1){ width:27%}
.zw-2 span:nth-child(2){ width:27.5%}
.zw-2 span:nth-child(3){ width:34%}
.zw-3{ float:left; width:100%; overflow:hidde; margin-top:80px;line-height:27px; font-size:14px; color:#666}
.zw-3 h4{ float:left; width:100%; overflow:hidden; font-size:16px; color:#222; padding-bottom:6px }
.zw-3 p{ float:left; width:100%; overflow:hidden}
.zw-4{ float:left; width:100%; overflow:hidde; margin-top:80px;line-height:27px; font-size:14px; color:#666}
.zw-4 h4{ float:left; width:100%; overflow:hidden; font-size:16px; color:#222; padding-bottom:6px }
.zw-4 p{ float:left; width:60%; overflow:hidden}
.zw-4 em{ float:right; width:auto; overflow:hidden; margin-top:8px}
.zw-4 em a{ width:160px; height:40px; line-height:40px; float:left; overflow:hidden;border-radius:20px; background:#0c65d4; text-align:center; font-size:16px; color:#fff}
.zw-4 em a:hover{ background:#ff9804}
.address-hide{ display:none}
.address-show.address-shows{display:block}
/*case*/
.case-head{ width:100%; overflow:hidden; margin-top:110px; text-align:center}
.case-head h3{ width:100%; overflow:hidden; font-size:32px; color:#111;font-family:'SourceHanSansm'}
.case-head p{ width:100%; overflow:hidden; font-size:16px; color:#111;font-family:'SourceHanSansl'; margin-top:45px}

.case-nav{ width:81.25%; overflow:hidden; margin:13px auto 0px; height:90px; line-height:90px; font-size:18px; color:#fff; background:#0c65d4;font-family:'SourceHanSansm';}
.case-nav span{ float:left; width:auto; overflow:hidden}
.case-nav span:nth-child(1){ width:7.6%; padding-left:1.7%}
.case-nav span:nth-child(2){ width:31%;}
.case-nav span:nth-child(3){ width:9%;}
.case-nav span:nth-child(4){ width:9%; text-align:center}
.case-nav span:nth-child(5){ width:32%; padding-left:4%}

.case-content{ width:81.25%; overflow:hidden; margin:0px auto; padding-bottom:97px}
.case-item{ float:left; width:100%; overflow:hidden; border-bottom:1px #e6e6e6 solid;padding:0px; line-height:26px; padding:12px 0px; cursor: pointer}
.case-item:nth-child(2n){ background:#f7f7f7}
.case-item span{ float:left; width:auto; overflow:hidden; color:#333}
.case-item span:nth-child(1){ width:7.6%; padding-left:1.7%; font-size:20px; font-family:'DINPror'}
.case-item span:nth-child(2){ width:31%;font-family:'SourceHanSans'; font-size:16px; padding-right:15px}
.case-item span:nth-child(3){ width:9%; font-size:20px;font-family:'DINProrl'}
.case-item span:nth-child(4){ width:9%; text-align:center; font-size:16px;font-family:'SourceHanSansl'}
.case-item span:nth-child(5){ width:32%; padding-left:4%;font-size:16px;font-family:'SourceHanSansl'}
.case-item span:nth-child(6){ width:9%; text-align:center; font-size:20px; color:#0c65d4;font-family:'DINProrm' }
.case-item:hover{ background:#0c65d4}
.case-item:hover span{ color:#fff}
.case-item:hover span:nth-child(1),.case-item:hover span:nth-child(3),.case-item:hover span:nth-child(6){ font-size:22px}
.case-item:hover span:nth-child(2),.case-item:hover span:nth-child(4),.case-item:hover span:nth-child(5){ font-size:18px}

/*yewu*/
.banner-pos{ width:100%; overflow:hidden; z-index:412; height:90px; background:#fff;font-family:'SourceHanSans'; font-size:16px; position:relative;margin-top:-90px}
.banner-pos span{ float:left; width:50%; overflow:hidden; line-height:90px; text-align:center; position:relative; cursor:pointer}
.banner-pos span:before{width:0%; position:absolute;left:0px;top:0px; content:""; z-index:12; height:5px; background:#0c65d4}
.banner-pos span a{ display:block; color:#000}
.banner-pos .active:before{width:100%;}
.banner-pos .active a{ color:#0c65d4}
.banner-pos span a:hover{ color:#0c65d4; font-size:17px}
.navpos span.disact:before{ width:0px !important}
.navpos span.act:before{ width:0px !important}


.yw{ width:100%; overflow:hidden;}
.yw-1{ width:100%; overflow:hidden; background:#f2f2f2; padding-bottom:100px}
.yw-head{ width:100%; overflow:hidden; text-align:center; margin-top:110px}
.yw-head samp{ width:100%; overflow:hidden; display:block}
.yw-head p{ width:100%; overflow:hidden; font-size:16px; color:#333;font-family:'SourceHanSans'; margin-top:26px}

.yw-2{ width:81.25%; overflow:hidden; margin:54px auto 0px;}
.yw-item{ float:left; width:48.5%; overflow:hidden; height:13.6vw; text-align:center}
.yw-item:first-child{ background:url(../images/bg-18.jpg) no-repeat center; background-size:cover}
.yw-item:last-child{ background:url(../images/bg-19.jpg) no-repeat center; background-size:cover; float:right}
.yw-item:before{ height:100%; content:""; display:inline-block; vertical-align:middle}
.yw-ver{ width:85%; overflow:hidden; display:inline-block; vertical-align:middle; text-align:left}
.yw-ver samp{ float:left; width:100%; overflow:hidden; font-size:12px; color:rgba(255,255,255,0.3);font-family:'SourceHanSans'; margin-top:6px}
.yw-ver span{ float:left; width:100%; overflow:hidden; font-size:22px; color:#fff;font-family:'SourceHanSansb'}
.yw-ver p{ float:left; width:100%; overflow:hidden; font-size:16px; color:#fff;font-family:'SourceHanSans'; line-height:28px; margin-top:40px; }

.yw-3{ width:100%; position:relative;}
.yw-3 img{ float:left; width:100%; height:auto}
.yw-bg{ width:100%; overflow:hidden; position:absolute;left:0px;top:0px; background:url(../images/icon-54.png) no-repeat bottom center; height:114px}

.cor-1{ width:50px; position:absolute;left:66.7%;top:27%; z-index:22;}
.cor-1 span{ float:left; width:48px; overflow:hidden; line-height:20px; height:20px; border:1px #00609d solid; background:#fff; text-align:center; font-size:12px; color:#0c65d4}
.cor-1 samp{ float:left; width:100%; overflow:hidden; background:url(../images/icon-33.png) no-repeat center; height:34px; margin-top:13px}

.cor-2{ width:auto; position:absolute;left:56.3%;top:46.5%; z-index:22;}
.cor-2 span{ float:left; width:auto; overflow:hidden; line-height:20px; height:20px; border:1px #00609d solid; background:#fff; text-align:center; font-size:12px; color:#0c65d4; padding:0px 10px; overflow:hidden}
.cor-3{ width:auto; position:absolute;left:65.3%;top:52.4%; z-index:22;}
.cor-3 span{ float:left; width:auto; overflow:hidden; line-height:20px; height:20px; border:1px #00609d solid; background:#fff; text-align:center; font-size:12px; color:#0c65d4; padding:0px 10px; overflow:hidden}

.cor-china{ width:auto; position:absolute; z-index:12}
.cor-china span{ float:left; width:auto; overflow:hidden; line-height:20px; height:20px; border:1px #00609d solid; background:#fff; text-align:center; font-size:12px; color:#0c65d4; padding:0px 5px; overflow:hidden;box-sizing:border-box}
.cor-china p{ width:8px; height:8px; position:absolute;right:-18px;top:5px; z-index:12;border-radius:50%; background:#0c65d4;border:2px #fff solid}
.cn1{left:40.6%;top:60%}
.cn2{left:37.9%;top:63.5%}
.cn2 p{right:-1px;top:25px;}
.cn3{left:42.6%;top:63.4%}
.cn3 p{right:42px}
.cn4{left:35.4%;top:68.5%}
.cn5{left:40.9%;top:70.6%}
.cn5 p{right:42px}
.cn6{left:33.6%;top:72%}
.cn7{left:34.2%;top:76%}
.cn7 p{right: 13px;top: 23px;}
.cn8{left:40.3%;top:76.2%}
.cn8 p{right:40px;top:4px;}
.cn9{left:31.3%;top:77%}
.cn10{left:37.7%;top:81.2%}
.cn10 p{right:40px;top:4px;}
.cn11{left:41.5%;top:82%}
.cn11 p{right:40px;top:4px;}
.cn12{left:40%;top:87%}
.cn12 p{right:40px;top:4px;}
.cn13{left:38.4%;top:89.7%}
.cn13 p{right:40px;top:4px;}
.cn14{left:35%;top:90.9%}
.cn14 p{right:2px;top:-14px;}
.cn15{left:32.7%;top:85.5%}
.cn16{left:31.2%;top:74.5%; z-index:11}
.cor-china a:hover span{ color:#111}
.cor-1 a:hover span,.cor-2 a:hover span,.cor-3 a:hover span{ color:#111}
@keyframes kuosan{
0%{opacity:0.2;transform:scale(1)}
100%{opacity:0;transform:scale(32)}
}
.cor-china.act{ z-index:11}
.cor-china.act p{ background:none; border:none}
.cor-china.act p em{ width:6px; height:6px; position:absolute;border-radius:50%;left:1px;top:1px; background:#0c65d4;}
.cor-china.act p em:after{ width:100%; height:100%; position:absolute;border-radius:50%;left:0px;top:0px; background:#0c65d4; animation:kuosan 2s linear  infinite; content:""}
.cor-china.act p em:before{ width:100%; height:100%; position:absolute;border-radius:50%;left:0px;top:0px; background:#0c65d4; animation:kuosan 2s linear 1s infinite; content:""}

.yw-3{ width:100%; overflow:hidden; background:#f7f7f7}
.yw-4{ width:100%; overflow:hidden; text-align:center; margin-top:100px}
.yw-4 h3{ width:100%; overflow:hidden; font-size:36px; color:#0c65d4;font-family:'SourceHanSansb'}
.yw-4 p{ width:100%; overflow:hidden; font-size:16px; color:#333;font-family:'SourceHanSans'}

.yw-slide{ width:100%; position:relative; margin-top:60px}
.yw-slide:before{ width:100%; height:1px; content:""; position:absolute;left:0px;top:30px; background:#ddd; z-index:12}
.yw-center{ width:81.25%; margin:0px auto; overflow:hidden; text-align:center; position:relative; z-index:13}
.yw-li{ width:14%; display:inline-block; overflow:hidden; margin-top:20px; cursor:pointer}
.yw-li samp{ width:16px; height:16px; overflow:hidden;border-radius:50%;border:2px #c2c2c2 solid; display:block; margin:0px auto; position:relative; background:#fff}
.yw-li samp:before{ width:6px; height:6px; content:""; position:absolute;left:5px;top:5px;border-radius:50%; background:#c2c2c2}
.yw-li span{ width:100%; overflow:hidden; display:block; font-size:16px; color:#333;font-family:'SourceHanSans'; margin-top:10px}
.yw-li.active samp{border-color:#0c65d4}
.yw-li.active samp:before{ background:#0c65d4}
.yw-li.active span{ color:#0c65d4}
.yw-prev{ width:60px; height:60px;border-radius:50%; overflow:hidden; position:absolute;left:0px;top:0px; z-index:15; background:#ddd url(../images/icon-14.png) no-repeat center; cursor:pointer}
.yw-next{ width:60px; height:60px;border-radius:50%; overflow:hidden; position:absolute;right:0px;top:0px; z-index:15; background:#ddd url(../images/icon-8.png) no-repeat center; cursor:pointer}
.yw-prev.yw-disabled,.yw-next.yw-disabled{ background-color:#dddddd}
.yw-prev:hover,.yw-next:hover{ background-color:#0c65d4}
.yw-content{ width:100%; overflow:hidden; position:relative; height:600px;}
.yw-pannel{ width:100%; overflow:hidden; height:380px;  padding:110px 0px; position: absolute;left:0px;bottom:0px;transition:all 0.6s ease;opacity:0; z-index:11}
.yw-pannel.active{opacity:1; z-index:12}

.yw-5{ width:56.25%; overflow:hidden; margin:0px auto;background-position:center bottom; background-repeat:no-repeat;  background-size:cover; height:100%; position:relative; z-index:14;transition:all 1s ease;transform:scale(0.5)}
.yw-5 samp{ width:89%; overflow:hidden; display:block; margin:60px auto 0px; font-size:12px; color:#fff; font-weight:bold; font-family:Arial}
.yw-5 h3{ width:89%; overflow:hidden; display:block; margin:6px auto 0px; font-size:22px; color:#fff; font-weight:bold; }
.yw-5 p{ width:89%; overflow:hidden; display:block; margin:30px auto 0px; font-size:16px; color:#d3e5ff; line-height:28px; height:112px;  }
.yw-5 em{width:89%; overflow:hidden; display:block; margin:12px auto 0px; line-height:40px; font-size:16px; color:#fff;font-family:'SourceHanSans'}
.yw-5 em span{ width:36px;height:36px; float:left; overflow:hidden;border:2px #fff solid;border-radius:50%; background:url(../images/icon-8.png) no-repeat center; margin-right:12px}
.yw-5 em a{ color:#fff}

.yw-6{ width:81.25%; overflow:hidden; margin:0px auto; height:100%; position:relative; z-index:14;transition:all 1s ease;transform:scale(0.5)}
.yw-model{float:left; width:48.5%; overflow:hidden; margin:0px auto;background-position:center bottom; background-repeat:no-repeat;  background-size:cover; height:100%}
.yw-model samp{ width:89%; overflow:hidden; display:block; margin:60px auto 0px; font-size:12px; color:#fff; font-weight:bold; font-family:Arial}
.yw-model h3{ width:89%; overflow:hidden; display:block; margin:6px auto 0px; font-size:22px; color:#fff; font-weight:bold; }
.yw-model p{ width:89%; overflow:hidden; display:block; margin:30px auto 0px; font-size:16px; color:#d3e5ff; line-height:28px; height:112px;  }
.yw-model em{width:89%; overflow:hidden; display:block; margin:12px auto 0px; line-height:40px; font-size:16px; color:#fff;font-family:'SourceHanSans'}
.yw-model em span{ width:36px;height:36px; float:left; overflow:hidden;border:2px #fff solid;border-radius:50%; background:url(../images/icon-8.png) no-repeat center; margin-right:12px}
.yw-model em a{ color:#fff}
.yw-model:last-child{ float:right}

.yw-uppic{ width:100%; height:100%; position:absolute;left:0px;bottom:0px;background-position:center bottom; background-repeat:no-repeat; background-size:100%; z-index:12;transition:all 6s ease;opacity:0.5;transform:translateY(20%) scaleX(1.2)}
.yw-pannel.active .yw-uppic{opacity:1;transform:translateY(0px) scale(1)}
.yw-pannel.active .yw-5,.yw-pannel.active .yw-6{transform:scale(1)}



/*业务详情*/
.banner-ul{ width:100%; overflow:hidden; position:relative;z-index:412; height:90px; background:#fff;font-family:'SourceHanSans'; font-size:16px; margin-top:-90px}
.banner-ul span{ float:left; width:16.66%; overflow:hidden; line-height:90px; text-align:center; position:relative}
.banner-ul span a{ display:block; color:#000}
.banner-ul .active:before{width:100%; position:absolute;left:0px;top:0px; content:""; z-index:12; height:5px; background:#0c65d4}
.banner-ul .active a{ color:#0c65d4}
.banner-ul span a:hover{ color:#0c65d4; font-size:17px}

.yd-1{ width:100%; overflow:hidden; margin:0px auto;font-family:'SourceHanSans'}
.yd-1 h3{ width:100%; overflow:hidden; text-align:center; font-size:32px; color:#333; margin-top:130px}
.yd-1 p{ width:940px; overflow:hidden; text-align:center; font-size:16px; color:#333; line-height:28px; margin:34px auto 0px}
.yd-1 samp{ width:100%; overflow:hidden; display:block; margin-top:102px}
.yd-1 samp img{ width:100% !important; height:auto !important}

.yd-2{ width:100%; overflow:hidden; background:url(../images/icon-56.png) no-repeat top center;text-align:center; padding:90px 0px}
.yd-2item{ width:210px; overflow:hidden; display: inline-block; padding:0px 110px;border-right:1px #ccc solid; text-align:left;font-family:'SourceHanSans'}
.yd-2item:last-child{ border:none}
.yd-2item h3{ float:left; width:100%; overflow:hidden; font-size:16px; color:#111}
.yd-2item span{ float:left; width:100%; overflow:hidden; font-size:60px; color:#0c65d4;font-family:'DINProrb'; margin-top:10px}
.yd-2item p{ float:left; width:100%; overflow:hidden; font-size:16px; color:#111;}

.yd-3{ width:100%; overflow:hidden; margin:106px auto 0px; text-align:center;font-family:'SourceHanSans';color:#333}
.yd-3 h3{ width:100%; overflow:hidden; font-size:36px;}
.yd-3 p{ width:100%; overflow:hidden; font-size:16px; position:relative; padding-bottom:30px }
.yd-3 p:before{ width:60px; height:4px; content:""; position:absolute;left:50%;bottom:0px; z-index:23; background:#0c65d4;margin-left:-30px}

.yd-4{ width:81.25%; margin:10px auto 0px; position:relative}
.yd-4 .swiper-wrapper{ padding-bottom:110px}
.yd-4pannel{ width:100%;  padding:0px 3px;box-sizing:border-box}
.yd-4item{ float:left; width:30%;  margin-top:30px; cursor:pointer; margin-right:5%}
.yd-4item:nth-child(3n+3){ float:right; margin-right:0px}
.yd-4item samp{width:100%; overflow:hidden; display:block}
.yd-4item samp img{ width:100%; height:auto}
.yd-4item:hover img{transform:scale(1.1)}
.yd-4bottom{ width:100%; overflow:hidden; margin:0px auto 0px; background:#fff; position:relative; z-index:12;box-shadow:0px 0px 6px 3px rgba(0,0,0,0.04); padding-bottom:15px}
.yd-4bottom span{ width:100%; overflow:hidden; margin:10px auto 0px; display:block; text-align:center;font-family:'DINProrb'; font-size:50px; color:#0c65d4}
.yd-4bottom p{ width:80%; overflow:hidden; margin:10px auto 0px; line-height:24px; height:48px; font-size:16px; color:#666}

.yd-4 .swiper-button-prev{ width:60px; height:60px; overflow:hidden;border-radius:50%;left:-60px; background:#ddd url(../images/icon-14.png) no-repeat center;opacity:1; margin-top:-120px}
.yd-4 .swiper-button-next{ width:60px; height:60px; overflow:hidden;border-radius:50%;right:-60px; background:#ddd url(../images/icon-8.png) no-repeat center;opacity:1; margin-top:-120px}
.yd-4 .swiper-button-prev:hover,.yd-4 .swiper-button-next:hover{ background-color:#0c65d4}


/*施工流程*/
.yd-5{ width:100%;  background:url(../images/bg-37.jpg) no-repeat top center; background-size:cover; height:800px}
.yd-5center{ width:100%;  margin-top:140px; padding-left:9.375%; position:relative}
.yd-5left{ float:left; width:430px; height:340px; overflow:hidden; position:relative; background:#fff;box-shadow:0px 0px 15px 4px rgba(0,0,0,0.09); z-index:12}
.yd-5pic{ width:100%; overflow:hidden; position:absolute;left:0px;top:0px; z-index:12; padding:12px; cursor:pointer;opacity:0}
.yd-5pic samp{ float:left; width:100%; overflow:hidden}
.yd-5pic samp img{ width:100%; height:auto}
.yd-5pic:hover img{transform:scale(1.1)}
.yd-5pic span{ width:100%; overflow:hidden; display:block; text-align:center; font-size:22px; color:#0c65d4;font-family:'SourceHanSansb'; line-height:99px}
.yd-5pic.active{ z-index:14;opacity:1}

.yd-5right{ width:calc(100% - 430px); overflow:hidden; float:left; margin-top:4px; position:relative}
.yd-5right:before{ width:100%; overflow:hidden; height:1px; position:absolute;left:0px;top:106px; background:#ddd; z-index:12; content:""}
.yd-5s,.yd-5slide{ width:100%; overflow:hidden; cursor:pointer}
.yd-5s{ position:relative; z-index:32; margin-left:55px}
.yd-5slide span{width:100%; display:block; overflow:hidden; text-align:center; font-size:60px; color:#ccc;font-family:'DINProrb'}
.yd-5slide em{ width:20px; height:20px; display:block; margin:17px auto 0px; overflow:hidden;border-radius:50%;box-shadow:0px 0px 22px 6px rgba(0,0,0,0.07); background:#fff; position:relative}
.yd-5slide em:before{ width:10px; height:10px; content:""; position:absolute;left:5px;top:5px; z-index:11;border-radius:50%; background:#ccc}
.yd-5slide p{ width:100%; overflow:hidden; text-align:center; font-size:16px; color:#999; font-style:oblique; margin-top:28px;font-family:'SourceHanSans'}
.yd-5s .swiper-slide-active .yd-5slide span{ color:#0c65d4}
.yd-5s .swiper-slide-active .yd-5slide em{ box-shadow:0px 0px 22px 6px rgba(12,101,212,0.09)}
.yd-5s .swiper-slide-active .yd-5slide em:before{ background:#0c65d4}
.yd-5s .swiper-slide-active .yd-5slide p{ color:#111}

.yd-5bottom{ width:150px;  position:relative; height:60px; float:right; margin-top:97px; margin-right:320px}
.yd-5s .swiper-button-prev{ width:60px; height:60px; overflow:hidden;border-radius:50%;left:0px; background:#ddd url(../images/icon-14.png) no-repeat center;opacity:1;top:0px }
.yd-5s .swiper-button-next{ width:60px; height:60px; overflow:hidden;border-radius:50%;right:0px; background:#ddd url(../images/icon-8.png) no-repeat center;opacity:1;top:0px}
.yd-5s .swiper-button-prev:hover,.yd-5s .swiper-button-next:hover{ background-color:#0c65d4}

/*yd-6*/
.yd-6{ width:100%; overflow:hidden; background:url(../images/bg-36.jpg) no-repeat top center;font-family:'SourceHanSans'; padding-bottom:163px}
.yd-6head{ width:100%; overflow:hidden; text-align:center; margin-top:110px;color:#333}
.yd-6head h3{ width:100%; overflow:hidden; font-size:32px; }
.yd-6head p{ width:100%; overflow:hidden; font-size:16px; line-height:26px; margin-top:37px }
.yd-6 ul{ width:100%; overflow:hidden; margin-top:82px;padding:0px 4%}
.yd-6 ul li{ float:left; width:20%; overflow:hidden; text-align:center; border-right:1px #ccc solid}
.yd-6 ul li:last-child{border:none}
.yd-6item{ width:auto; overflow:hidden; display:inline-block; text-align:left}
.yd-6item h3{width:100%; overflow:hidden; font-size:16px; color:#111}
.yd-6item span{  width:100%; display:block; overflow:hidden; font-size:60px; color:#0c65d4;font-family:'DINProrb'}
.yd-6item p{ width:100%; overflow:hidden; font-size:16px; color:#111;}

.yd-san{ width:81.25%;  margin:107px auto 0px; position:relative }

.yd-san .swiper-button-prev{ width:60px; height:60px; overflow:hidden;border-radius:50%;left:-60px; background:#ddd url(../images/icon-14.png) no-repeat center;opacity:1; margin-top:-24px}
.yd-san .swiper-button-next{ width:60px; height:60px; overflow:hidden;border-radius:50%;right:-60px; background:#ddd url(../images/icon-8.png) no-repeat center;opacity:1; margin-top:-24px}
.yd-san .swiper-button-prev:hover,.yd-san .swiper-button-next:hover{ background-color:#0c65d4}
.yd-san .yd-4item{width:100%;  margin-top:30px; cursor:pointer; margin-right:0%}
.yd-san .yd-4bottom{ width:100%; margin:0px auto 0px;box-shadow:none; background:#f4f4f4; padding:20px 0px}
.yd-san .yd-4bottom p{ width:80%; margin:0px auto 0px; line-height:24px; height:auto }






.viewer-footer{ display:none}

/*关于我们*/
.sub-nav{ width:100%; overflow:hidden; position: relative;left:0px; z-index:412; height:90px; background:#fff;font-family:'SourceHanSans'; font-size:16px; position:relative; text-align:center; margin-top:-90px}
.sub-nav span{ width:8%; overflow:hidden; line-height:90px; text-align:center; position:relative; display:inline-block}
.sub-nav span:before{width:0%; position:absolute;left:0px;top:0px; content:""; z-index:12; height:5px; background:#0c65d4}
.sub-nav span a{ display:block; color:#000; cursor:pointer}
.sub-nav .active:before{width:100%;}
.sub-nav .active a{ color:#0c65d4}
.sub-nav span a:hover{ color:#0c65d4; font-size:17px}


.about-des{ width:100%; overflow:hidden; background:url(../images/bg-2.png) no-repeat top center; background-size:100%; position:relative}
.about-1{ width:81.25%; overflow:hidden; margin:90px auto 0px}
.about-left{ float:left; width:53%; overflow:hidden}
.about-left h3{ float:left; width:100%; overflow:hidden; font-size:36px; color:#333}
.about-pic1{ display:none}
.about-2{ float:left; width:100%; overflow:hidden; margin:40px auto 0px; font-size:16px; color:#333; line-height:30px;font-family:'SourceHanSans'}
.about-2 span{ color:#0c65d4;}
.about-2 p{ float:left; width:91.3%; overflow:hidden; margin-top:18px; text-indent:2em}
.about-info{ float:left; width:100%; overflow:hidden; height:17vw}
.about-pic2{ float:right; width:41.8%; overflow:hidden;border-top:10px #0c65d4 solid}
.about-pic2 img{ float:left; width:100%; overflow:hidden; height:auto;transition:all 0.4s ease}
.about-pic2:hover img{transform:scale(1.1)}
.mCSB_scrollTools .mCSB_draggerRail{ width:4px; background:#ddd}
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background:#0c65d4}
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar:hover{background:#0c65d4}
.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background:#0c65d4}

.about-3{ width:81.25%; overflow:hidden; margin:0px auto 0px; height:297px; background:#0c65d4; text-align:center}
.about-3:before{ height:100%;display:inline-block; vertical-align:middle; content:""}
.about-3 ul{ width:90%; overflow:hidden; display:inline-block; vertical-align:middle; text-align:left;font-family:'SourceHanSans'; color:#fff}
.about-3 ul li{ float:left; width:18%; overflow:hidden; margin-left:5vw}
.about-3 ul li h3{ float:left; width:100%; overflow:hidden; font-size:16px}
.about-3 ul li span{ float:left; width:100%; overflow:hidden; font-size:60px;font-family:'DINProrb'}
.about-3 ul li p{ float:left; width:100%; overflow:hidden; font-size:16px}

.about-show{ width:100%; overflow:hidden; background:#f7f7f7; padding:120px 0px 100px;font-family:'SourceHanSans'}
.about-4{ width:81.25%; overflow:hidden; margin:0px auto}
.about-4left{ float:left; width:40%; overflow:hidden; color:#333}
.about-4left h3{ float:left; width:100%; overflow:hidden; font-size:36px;}
.about-4left p{ float:left; width:100%; overflow:hidden; font-size:16px; position:relative; padding-bottom:30px }
.about-4left p:before{ width:60px; height:4px; overflow:hidden; position:absolute;left:0px;bottom:0px; z-index:12; background:#0c65d4}
.about-4right{ float:right; width:340px; height:50px; overflow:hidden; background:#0c65d4; padding:2px; line-height:50px; text-align:center }
.about-4right span{ float:left; width:50%; overflow:hidden; height:100%; font-size:16px; color:#fff; cursor:pointer}
.about-4right span.active{ background:#fff; color:#0c65d4} 

.about-4content{ width:100%; overflow:hidden; padding-left:9.375%; margin-top:64px}
.about-4pannel{ width:100%; overflow:hidden; display:none}
.about-4pannel.active{ display:block}
.about-nav1,.about-nav2{ float:left; width:16%; overflow:hidden; margin-top:30px}
.about-nav1 ul,.about-nav2 ul{ float:left; width:100%; overflow:hidden}
.about-nav1 ul li,.about-nav2 ul li{ float:left; width:100%; overflow:hidden; font-size:16px; color:#999; line-height:40px;font-family:'SourceHanSansl'; cursor:pointer}
.about-nav1 ul li.act,.about-nav2 ul li.act{ color:#0c65d4;font-family:'SourceHanSans'}
.about-slide{ float:left; width:84%; overflow:hidden}
.about-4s{ width:149%; position:relative; overflow:hidden}
.about-ver samp{ float:left; width:100%; overflow:hidden; cursor:pointer}
.about-ver samp img{ width:100%; height:auto}
.about-ver:hover samp img{transform:scale(1.1)}
.about-ver span{ float:left; width:100%; overflow:hidden; text-align:center; font-size:36px; color:#333;font-family:'SourceHanSansm'; margin-top:30px}
.about-4pag{ width:50px; position:absolute;left:48.5%;top:40%; z-index:23}
.about-4pag .swiper-button-prev{ width:50px; height:50px; overflow:hidden;border-radius:50%;left:0px; background:#ddd url(../images/icon-60.png) no-repeat center;opacity:1;top:0px;transform:rotate(180deg) }
.about-4pag .swiper-button-next{ width:50px; height:50px; overflow:hidden;border-radius:50%;right:0px; background:#ddd url(../images/icon-60.png) no-repeat center;opacity:1;top:90px}
.about-4pag .swiper-button-prev:hover,.about-4pag .swiper-button-next:hover{ background-color:#0c65d4}

.about-4s .swiper-scrollbar{ width:60%; height:6px; margin-top:60px; cursor: pointer}
.about-4s .swiper-scrollbar-drag{ background:#0c65d4}
.about-4s .swiper-scrollbar{background: rgba(0,0,0,.04);}

.about-zuzhi{ width:100%; overflow:hidden; padding-bottom:108px}
.about-5{ width:100%; overflow:hidden; text-align:center; margin-top:110px;font-family:'SourceHanSans'; color:#333}
.about-5 h3{ width:100%; overflow:hidden; font-size:36px;}
.about-5 p{ width:100%; overflow:hidden; font-size:16px; margin-top:2px; position:relative; padding-bottom:30px}
.about-5 p:before{ width:60px; height:4px; overflow:hidden; position:absolute;left:50%;bottom:0px; z-index:12; background:#0c65d4; margin-left:-30px}
.about-6{ width:100%; overflow:hidden; text-align:center; margin-top:56px; text-align:center}

/*video*/
.video{ width:100%; overflow:hidden; background:#f5f5f5; padding-bottom:110px}
.video-content{ width:186%; overflow:hidden; margin-top:60px; margin-left:-43%; position:relative}
.video-content .swiper-slide{ overflow:hidden; height:31.2vw; position:relative; cursor:pointer}
.video-content .swiper-slide span{ float:left; width:100%; height:100%}
.video-content .swiper-slide span img{ object-fit:cover;width:100%;}
.video-content .swiper-slide span em{ width:100%; height:0px; line-height:100px; padding:0px 20px;box-sizing:border-box; position:absolute;left:0px;bottom:0px; z-index:12; font-size:24px; color:#fff;font-family:'SourceHanSansb'; background:rgba(0,0,0,0.6);}
.video-content .swiper-slide-next span em{opacity:1; height:100px}
.video-content .swiper-slide p{ width:100%; height:100%; overflow:hidden; position:absolute;left:0px;top:0px; z-index:10; background:rgba(255,255,255,0.6)}
.video-content .swiper-slide-next p{background:rgba(255,255,255,0)}
.video-content .swiper-slide:hover span img{transform:scale(1.1)}
.video-content .swiper-button-prev{ width:50px; height:50px; overflow:hidden;border-radius:50%;left:27%; background:#ddd url(../images/icon-60.png) no-repeat center;opacity:1;transform:rotate(180deg) }
.video-content .swiper-button-next{ width:50px; height:50px; overflow:hidden;border-radius:50%;right:27%; background:#ddd url(../images/icon-60.png) no-repeat center;opacity:1;}
.video-content .swiper-button-prev:hover,.video-content .swiper-button-next:hover{ background-color:#0c65d4}

/*视频播放*/
.video-menu{ width:100%; height:100%; overflow:hidden; position: fixed;left:0px;top:0px; z-index:2345; background:rgba(0,0,0,0.6); text-align:center; visibility:hidden;opacity:0}
.video-menu:before{ height:100%; content:""; display:inline-block; vertical-align:middle}
.video-ver{ width:60%; display:inline-block; vertical-align:middle; position:relative}
.video-ver video{ width:100%; height:auto}
.video-close{ width:40px; height:40px; overflow:hidden; position:absolute;right:-20px;top:-20px; z-index:234; background:#111;border-radius:50%; text-align:center; line-height:40px; color:#fff; font-size:20px; cursor:pointer}
.video-menu-active{ visibility:visible;opacity:1}

/*文化*/
.wh{ width:100%; overflow:hidden; background:url(../images/bg-40.jpg) no-repeat fixed; height:1120px}
.wh-content{ width:81.25%; margin:60px auto 0px;font-family:'SourceHanSans'}
.wh-item{ float:left; width:50%; overflow:hidden; background:#fff; padding-bottom:50px;box-shadow:0px 0px 12px 4px rgba(0,0,0,0.02)}
.wh-1,.wh-2{ width:85%; margin:0px auto 0px; overflow:hidden;}
.wh-1 em{ float:left; width:60px; height:60px;border-radius:50%; overflow:hidden; background:#0c65d4 url(../images/icon-66.png) no-repeat center;margin-top:60px}
.wh-2 em{ float:left; width:60px; height:60px;border-radius:50%; overflow:hidden; background:#0c65d4 url(../images/icon-67.png) no-repeat center;margin-top:60px}
.wh-1 span,.wh-2 span{ float:right; width:auto; line-height:60px; font-size:18px; color:#0c65d4;padding-top:60px}
.wh-item h3{ float:left; width:100%; overflow:hidden; margin-top:20px;font-size:32px; color:#333; padding-bottom:26px}
.wh-item p{ width:100%; font-size:16px; color:#999; line-height:28px; padding:30px 7.5% 0px;border-top:1px #ebebeb solid;}
.wh-item:last-child{ background:#f5f5f5}


/*风采*/
.fc{ width:100%; overflow:hidden; padding-bottom:140px}
.fc-head{ width:100%; overflow:hidden; text-align:center; margin-top:120px; color:#333}
.fc-head h3{ width:100%; overflow:hidden; font-size:36px;}
.fc-head p{ width:100%; overflow:hidden; font-size:16px; margin-top:2px; position:relative; padding-bottom:30px}
.fc-head p:before{ width:60px; height:4px; overflow:hidden; position:absolute;left:50%;bottom:0px; z-index:12; background:#0c65d4; margin-left:-30px}
.fc-content{ width:81.25%; margin:60px auto 0px; position:relative}
.fc-content .swiper-slide{ width:auto; cursor:pointer}
.fc-content span{ float:left; width:100%; overflow:hidden; position:relative}
.fc-content span img{ float:left; width:100%; height:auto}
.fc-content span em{ width:100%; overflow:hidden; position:absolute;left:0px;bottom:0px; z-index:12; height:0px; background:rgba(12,101,212,0.8); line-height:60px; text-align:center; font-size:16px; color:#fff}
.fc-content .swiper-slide:hover  em{ height:60px}
.fc-content .swiper-slide:hover span img{transform:scale(1.1)}
.fc-content .swiper-button-prev{ width:50px;height:50px; overflow:hidden;border-radius:50%;left:-7%;background:url(../images/icon-59.png) no-repeat center;transform:rotate(0deg);border:2px #0c65d4 solid;opacity:1;}
.fc-content .swiper-button-next{ width:50px; height:50px; overflow:hidden;border-radius:50%;right:-7%; background:url(../images/icon-59.png) no-repeat center;transform:rotate(0deg);border:2px #0c65d4 solid;opacity:1;transform:rotate(180deg);}
.fc-content .swiper-button-prev:hover{background:#0c65d4 url(../images/icon-60.png) no-repeat center;transform:rotate(180deg)}
.fc-content .swiper-button-next:hover{ background:#0c65d4 url(../images/icon-60.png) no-repeat center;transform:rotate(0deg)}


/*领导关怀*/
.leader{ width:100%; overflow:hidden; background:#0c65d4; padding-bottom:110px;font-family:'SourceHanSans'}
.leader-head{ width:100%; overflow:hidden; text-align:center; margin-top:120px; color:#fff}
.leader-head h3{ width:100%; overflow:hidden; font-size:36px;}
.leader-head p{ width:100%; overflow:hidden; font-size:16px; margin-top:2px; position:relative; padding-bottom:30px}
.leader-head p:before{ width:60px; height:4px; overflow:hidden; position:absolute;left:50%;bottom:0px; z-index:12; background:#fff; margin-left:-30px}

.leader-content{ width:81.25%; margin:39px auto 0px; overflow:hidden; background:#fff; padding:5.5vw 0px}
.leader-right{ float:right; width:94%; position:relative}
.leader-item{ width:100%; overflow:hidden; cursor:pointer; position:relative}
.leader-item h3{ width:100%; overflow:hidden; font-size:22px; color:#333; line-height:32px; height:96px; float:left}
.leader-item samp{ width:100%; display:block; overflow:hidden; float:left; position:relative; z-index:14; margin-top:68px}
.leader-item samp img{ width:100%; height:auto}
.leader-item samp:hover img{ transform:scale(1.1)}
.leader-item em{ width:auto; position:absolute;right:0px;bottom:41%; z-index:12; font-size:140px; color:#eef0f4;font-family:'DINProrb'}
.leader-right .swiper-scrollbar{ height:6px; margin-top:84px;width: 94%; cursor:pointer}
.leader-right .swiper-scrollbar-drag{ background:#0c65d4}
.leader-bg{ width:10%; position: absolute;right:0px;top:0px; height:100%; z-index:12; background:-webkit-linear-gradient(left,rgba(255,255,255,0) 0%,rgba(255,255,255,1) 80%,rgba(255,255,255,1) 100%)}

/*历程*/
.his{ width:100%; overflow:hidden; background:url(../images/bg-39.jpg) no-repeat top center; background-size:100%; padding-bottom:126px}
.his-content{ width:81.2%; overflow:hidden; margin:78px auto 0px}
.his-left{ float:left; width:57%; overflow:hidden; position:relative}
.his-left h3{ float:left; width:100%; overflow:hidden; font-size:160px; color:#0c65d4;font-family:'DINProrb'}
.his-left ul{ float:left; width:100%; overflow:hidden}
.his-left ul li{ float:left; width:100%; overflow:hidden; font-size:22px; color:#333;font-family:'SourceHanSans'; line-height:32px; margin-top:17px}
.his-left ul li span{ font-size:26px; color:#ccc;font-family:'DINProrb'; margin-right:14px}
.his-right{ width:41.4%; overflow:hidden; position:absolute;right:0px; height:100%; z-index:12; padding-top:40px}
.his-right:before{ height:100%; content:""; display:inline-block; vertical-align:middle}
.his-right img{ width:98%; vertical-align:middle; display:inline-block; overflow:hidden; height:auto}

.his-slide{ width:100%;  margin-top:126px; position:relative}
.his-slide:before{ width:100%; content:""; height:1px; position:absolute;left:0px;top:52px; z-index:11; background:#e5e5e5}
.his-center{ width:76%;  margin:0px auto; position:relative; z-index:12}
.his-center .swiper-slide{ cursor:pointer}
.his-center p{ width:100%; overflow:hidden; text-align:center}
.his-center p span{ width:100%; display:inline-block; overflow:hidden; font-size:20px; color:#333;font-family:'DINProrb'}
.his-center p em{ width:10px; height:10px; display:inline-block; overflow:hidden;border-radius:50%; background:#c1c1c1; margin-top:18px}
.his-center .active span{ color:#0c65d4}
.his-center .active p em{width:8px; height:8px; display:inline-block; overflow:hidden;border-radius:50%; background:#fff; margin-top:15px;border:4px #0c65d4 solid}
.his-center .swiper-button-prev{ width:50px;height:50px; overflow:hidden;border-radius:50%;left:-4%;background:url(../images/icon-59.png) no-repeat center;border:2px #0c65d4 solid;opacity:1;top:47px;}
.his-center .swiper-button-next{ width:50px; height:50px; overflow:hidden;border-radius:50%;right:-4%;background:url(../images/icon-59.png) no-repeat center;transform:rotate(180deg);border:2px #0c65d4 solid;opacity:1;top:47px;}
.his-center .swiper-button-prev:hover{background:#0c65d4 url(../images/icon-60.png) no-repeat center;transform:rotate(180deg)}
.his-center .swiper-button-next:hover{background:#0c65d4 url(../images/icon-60.png) no-repeat center;transform:rotate(0deg)}

/*资质*/
.zizhi{ width:100%; overflow:hidden; background:#f5f5f5; height:700px; position:relative}
.zizhi-head{ width:100%; overflow:hidden; text-align:center; margin-top:120px;font-family:'SourceHanSans'; color:#333}
.zizhi-head h3{ width:100%; overflow:hidden; font-size:36px;}
.zizhi-head p{ width:100%; overflow:hidden; font-size:16px; margin-top:2px; position:relative; padding-bottom:30px}
.zizhi-head p:before{ width:60px; height:4px; overflow:hidden; position:absolute;left:50%;bottom:0px; z-index:12; background:#0c65d4; margin-left:-30px}
.zizhi-bg{ width:100%; overflow:hidden; position:absolute;left:0px;bottom:0px; z-index:12; text-align:center}
.zizhi-bg span{ width:100%; overflow:hidden; text-align:center; font-size:270px; color:#e0e0e0;font-family:'DINProrb'}
.zizhi-bg p{ width:100%; position:absolute;left:0px;bottom:0px; height:100%; z-index:12; background:-webkit-linear-gradient(bottom,rgba(245,245,245,1),rgba(245,245,245,0.5))}
.zizhi-content{ width:64%; overflow:hidden; margin:60px auto 0px; position:relative; z-index:22; text-align:center}
.zizhi-content p{ width:100%; overflow:hidden }
.zizhi-content span{ width:100%; height:242px; overflow:hidden; position:relative; display:inline-block; text-align:center}
.zizhi-content span img{ width:auto; height:100%}
.zizhi-content samp{ width:100%; overflow:hidden; display:block; font-size:25px; color:#333; font-family:"黑体"; margin-top:36px}
.zizhi-content .swiper-button-prev{ width:50px; height:50px; overflow:hidden;border-radius:50%;left:0%;background:url(../images/icon-59.png) no-repeat center;border:1px #0c65d4 solid;top:auto;bottom:0px}
.zizhi-content .swiper-button-next{ width:50px; height:50px; overflow:hidden;border-radius:50%;right:0%; background:url(../images/icon-59.png) no-repeat center;transform:rotate(180deg);border:1px #0c65d4 solid;opacity:1;top:auto;bottom:0px}
.zizhi-content .swiper-button-prev:hover{background:#0c65d4 url(../images/icon-60.png) no-repeat center;transform:rotate(180deg)}
.zizhi-content .swiper-button-next:hover{background:#0c65d4 url(../images/icon-60.png) no-repeat center;transform:rotate(0deg)}
.zizhi-content .swiper-pagination{width:60px; text-align:center;left:auto;right:0px;top:28%; bottom:auto}
.zizhi-content .swiper-pagination p{ width:100%; overflow:hidden; font-size:28px; color:#0c65d4;font-family:'DINProrb'}
.zizhi-content .swiper-pagination em{ width:100%; overflow:hidden; font-size:24px; color:#666;font-family:'DINProrl'; margin-top:5px; display:block}
.zizhi-content .swiper-pagination samp{ width:100%; overflow:hidden; font-size:24px; color:#666;font-family:'DINProrl'; margin-top:5px; display:block}

/*荣誉*/
.ry{ width:100%; overflow:hidden; padding-bottom:165px}
.ry-head{ width:100%; overflow:hidden; text-align:center; margin-top:60px;font-family:'SourceHanSans'; color:#333}
.ry-head h3{ width:100%; overflow:hidden; font-size:36px;}
.ry-head p{ width:100%; overflow:hidden; font-size:16px; margin-top:2px; position:relative; padding-bottom:30px}
.ry-head p:before{ width:60px; height:4px; overflow:hidden; position:absolute;left:50%;bottom:0px; z-index:12; background:#0c65d4; margin-left:-30px}
.ry-content{ width:81.25%; margin:82px auto 0px; background:#f5f5f5; height:31.3vw}
.ry-slide{ float:left; width:64.7%; overflow:hidden; position:relative; height:100%}
.ry-li{ width:100%; overflow:hidden; position:absolute;left:0px;top:4.3vw; z-index:12;opacity:0}
.ry-li span{width:100%; display:block; overflow:hidden; text-align:center; font-size:32px; color:#0c65d4;font-family:'SourceHanSansb';}
.ry-li samp{ width:70.4%; overflow:hidden; height:18.6vw; display:block; margin:40px auto 0px;position:relative; text-align:center }
.ry-li samp img{ width:auto; height:100%}
.ry-li em{ display:none}
.ry-li.act{opacity:1}
.ry-scroll{ float:left;width:28.5%; height:120%; overflow:hidden; background:#0c65d4;transform: translateY(-8%); padding:10% 60px; position:relative}
.ry-scroll .swiper-container{ height:100%}
.ry-scroll .swiper-slide{ font-size:16px; color:rgba(255,255,255,0.6)}
.ry-scroll .swiper-slide span{ float:left; width:100%; height:30px; line-height:30px; overflow:hidden; cursor:pointer}
.ry-scroll .swiper-slide-active{ font-size:20px; color:#fff;font-family:'SourceHanSansb'}
.ry-scroll .swiper-button-prev{ width:50px; height:50px; overflow:hidden;border-radius:50%;left:50%;margin-left:-25px; background:#fff url(../images/icon-59.png) no-repeat center;opacity:0.7;top:14%;transform:rotate(90deg)}
.ry-scroll .swiper-button-next{ width:50px; height:50px; overflow:hidden;border-radius:50%;right:50%;margin-right:-25px; background:#fff url(../images/icon-59.png) no-repeat center;opacity:0.7;top:auto;bottom:90px;transform:rotate(-90deg)}
.ry-scroll .swiper-button-prev:hover,.ry-scroll .swiper-button-next:hover{opacity:1}

.sub-nav-fixed{ position:fixed;top:0px; margin:0px; height:100px}
.sub-nav-fixed span{ height:100px}