@charset "utf-8";
.clear { clear: both; }
html, body { min-height: 100%; }
* { box-sizing: border-box; margin: 0px; padding: 0px; -moz-box-sizing: border-box; /* Firefox */ -webkit-box-sizing: border-box; /* Safari */ }
body { margin: 0; margin: 0; font-size: 14px;  line-height: 1.5; color: #333; background: #FFFFFF; }
a, a:hover, a:focus { color: #333333; text-decoration: none; transition-property: background-color, box-shadow, border, color, opacity, transform; transition-duration: 0.3s; }
a:hover { color: #ffa200; }
html, body, ul, ol, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, p, table, th, td, fieldset, form, input, select, textarea, hr, blockquote, pre { margin: 0; padding: 0; }
ul, ol, dl { list-style: none; }
img { border: 0; margin: 0; }
input { -webkit-appearance: none; border-radius: 0; }
form input { -webkit-appearance: none; }
.w90 { width: 90%; margin: 0 auto; max-width: 1200px; height: auto; }

.title { width: 100%; height: auto; }
.title h6 { font-size: 48px; font-weight: normal; color: #FFFFFF; line-height: 1; margin-bottom: 20px; text-transform: uppercase; }
.title h5 { font-size: 22px; color: #FFFFFF; font-weight: normal; text-transform: uppercase; }
/*.title .line{width: 30px;height: 6px;background: #F8B62C;display: block;margin-top: 20px;}
*/
.newstext video{max-width:100%;}
.title .line { width: 54px; height: 2px; border-radius: 0px; margin-left: 0; background: #747474; display: block; position: relative; margin-top: 20px; }
.title .line:before { content: ""; width: 1px; height: 4px; border-radius: 100%; background: #F8B62C; left: -20px; position: absolute; top: 0; }
.title .line:after { content: ""; width: 1px; height: 4px; border-radius: 100%; background: #F8B62C; left: -10px; position: absolute; top: 0; }
 @media only screen and (max-width:1400px ) {
.title h6 { font-size: 48px; }
.title h5 { font-size: 22px; }
}
@media only screen and (max-width:1366px ) {
.title h6 { font-size: 30px; margin-bottom: 10px; }
.title h5 { font-size: 18px; }
.title .line { margin-top: 10px; }
}
@media only screen and (max-width:1024px ) {
.title h6 { font-size: 30px; }
.title h5 { font-size: 18px; }
/*.title .line{margin-top: 15px;height: 4px;}*/
}
@media only screen and (max-width:1024px ) {
.title h6 { font-size: 20px; }
.title h5 { font-size: 16px; }
/*.title .line{width: 25px; margin-top: 10px;height: 3px;}*/
}
.h80 { width: 100%; height: 80px; overflow: hidden; }
.h60 { width: 100%; height: 60px; overflow: hidden; }
.h36 { width: 100%; height: 36px; overflow: hidden; }
@media only screen and (max-width:1366px ) {
.h60 { height: 42px; }
.h80 { height: 70px; }
.h36 { height: 28px; }
}
@media only screen and (max-width:1024px ) {
.h80 { height: 45px; }
.h60 { height: 30px; }
.h36 { height: 20px; }
}
 @media only screen and (max-width:720px ) {
.h80 { height: 35px; }
.h60 { height: 20px; }
.h36 { height: 15px; }
}
.more { width: 170px; line-height: 88px; border: 1px solid #FFFFFF; color: #FFFFFF; text-align: center; display: block; text-transform: uppercase; font-weight: bold; font-size: 26px; }
.more:hover { color: #0068B6; background: rgba(255,255,255,0.95); }
 @media only screen and (max-width:1366px ) {
.more { font-size: 15px; width: 150px; line-height: 55px; }
}
@media only screen and (max-width:1024px ) {
.more { width: 120px; line-height: 40px; }
}
#section2 { position: relative; background: url(../images/a011.jpg) center no-repeat; background-size: cover; z-index: 2; }
.in-ab-l { width: 100%; max-width: 1600px; height: auto; text-align: left; position: absolute; left: 50%; top: 50%; transform: translateX(-50%) translateY(-50%); }
.in-ab-l .in-ab-lc { width: auto; height: auto; }
.in-ab-l .txt { width: 80%; height: auto; padding: 30px 0; margin: 0 auto; overflow: hidden; text-overflow: ellipsis; word-wrap: break-word; }
.in-ab-l .txt p { font-size: 20px; text-align: center; line-height: 36px; color: #000; }
.in-ab-r { width: 50%; height: 100%; right: 0; top: 0; background-size: cover; position: absolute; background-position: center; background-repeat: no-repeat; }
.in-ab-r ul { border: 1px solid #FFFFFF; width: 70%; font-size: 0; position: absolute; top: 50%; left: 50%; transform: translateX(-50%) translateY(-50%); border-bottom: 1px solid #FFFFFF; }
.in-ab-r ul:before { content: ""; position: absolute; left: 50%; top: 0; height: 100%; width: 1px; background: #FFFFFF; }
.in-ab-r ul:after { content: ""; position: absolute; top: 50%; left: 0; width: 100%; height: 1px; background: #FFFFFF; }
.in-ab-r ul li { width: 50%; display: inline-block; vertical-align: top; text-align: right; position: relative; padding: 130px 20px 20px 20px; }
.in-ab-r ul li h5 { color: #FFFFFF; font-size: 16px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.in-ab-r ul li h6 { font-size: 12px; font-weight: normal; color: #FFFFFF; text-transform: uppercase; }
.in-ab-r ul li:hover { background: rgba(248,182,42,0.9); }
.in-ab-r ul li:before { content: ""; position: absolute; left: 20px; top: 20px; width: 75px; height: 75px; }
.in-ab-r ul li:first-child:before { background: url(../images/a010.png)center no-repeat; background-size: cover; }
.in-ab-r ul li:nth-child(2):before { background: url(../images/a007.png)center no-repeat; background-size: cover; }
.in-ab-r ul li:nth-child(3):before { background: url(../images/a008.png)center no-repeat; background-size: cover; }
.in-ab-r ul li:nth-child(4):before { background: url(../images/a009.png)center no-repeat; background-size: cover; }
#section2 .title { text-align: center; }
#section2 .title h6 { font-size: 40px; margin-bottom: 12px; }
#section2 .title h5 { font-size: 16px; }
#section2 .title h6, #section2 .title h5 { color: #000; }
#section2 .title .line { margin: 12px auto 0 auto; }
#section2 .more { border: 1px solid #ffa421; color: #ffa421; line-height: 46px; width: 159px; margin: 0 auto; }
#section3 { position: relative; background: url(../images/a022.jpg) center no-repeat; background-size: cover; }
#section3 .title { text-align: center; }
#section3 .title h6, #section3 .title h5 { color: #000; }
#section3 .title .line { margin: 12px auto 0 auto; }
#section3 .title h6 { font-size: 40px; margin-bottom: 12px; }
#section3 .title h5 { font-size: 16px; }
#section3 ul li { float: left; margin: 45px 36px; position: relative; width: calc(33.33333% - 72px); color: #fff; text-align: center; }
#section3 ul li .list2 { overflow: hidden; background: url(../images/bg1.png) no-repeat center; background-size: 100% 100%; margin-top: 70px; padding: 110px 15% 110px 15%; }
#section3 ul li:hover .list2 { background: url(../images/bg2.png) no-repeat center; background-size: 100% 100%; }
#section3 ul li img { position: absolute; top: 0; left: 50%; margin-left: -61px; }
#section3 ul li .list2 h5 { font-size: 28px; border-bottom: 1px solid #fff; font-weight: normal; padding-bottom: 18px; margin-bottom: 25px; }
#section3 ul li .list2 p { line-height: 28px; font-size: 17px; min-height: 177px; }
#section3 ul li .list2 a { display: block; width: 110px; line-height: 33px; border: 1px solid #fff; margin: 0 auto; color: #fff; }
#section3 .in-ab-l { width: 100%; max-width: 1600px; height: auto; text-align: left; position: absolute; left: 50%; top: calc(50% + 80px); transform: translateX(-50%) translateY(-50%); }
 @media only screen and (max-width:1800px) {
.in-ab-l { padding: 0 5%; }
}
@media only screen and (max-width:1600px ) {
.in-ab-r ul li { padding: 105px 20px 20px 20px; }
.in-ab-r ul li:before { width: 55px; height: 55px; }
}
@media only screen and (max-width:1366px ) {
.in-ab-l { margin-top: 30px; }
#section2 .title h6 { font-size: 30px; }
#section2 .title h5 { }
.in-ab-l .txt { width: 100%; }
.in-ab-l .txt p { font-size: 15px; line-height: 30px; }
.in-ab-r ul { width: 85%; }
.in-ab-r ul li { padding: 95px 20px 20px 20px; }
.in-ab-r ul li:before { width: 45px; height: 45px; }
.in-ab-r ul li h5 { font-size: 15px; }
#section3 { position: relative; background: url(../images/a022.jpg) center no-repeat; background-size: cover; }
#section3 .title { text-align: center; }
#section3 .title h6, #section3 .title h5 { color: #000; }
#section3 .title .line { margin: 12px auto 0 auto; }
#section3 .title h6 { font-size: 30px; margin-bottom: 12px; }
#section3 .title h5 { font-size: 16px; }
#section3 ul li { float: left; margin: 25px 16px; position: relative; width: calc(33.33333% - 32px); color: #fff; text-align: center; }
#section3 ul li .list2 { overflow: hidden; background: url(../images/bg1.png) no-repeat center; background-size: 100% 100%; margin-top: 50px; padding: 70px 8% 70px 8%; }
#section3 ul li:hover .list2 { background: url(../images/bg2.png) no-repeat center; background-size: 100% 100%; }
#section3 ul li img { position: absolute; top: 0; left: 50%; margin-left: -50px; max-width: 100px; }
#section3 ul li .list2 h5 { font-size: 20px; border-bottom: 1px solid #fff; font-weight: normal; padding-bottom: 15px; margin-bottom: 18px; }
#section3 ul li .list2 p { line-height: 28px; font-size: 15px; min-height: 130px; }
#section3 ul li .list2 a { display: block; width: 110px; line-height: 33px; border: 1px solid #fff; margin: 0 auto; color: #fff; }
#section3 .in-ab-l { width: 100%; max-width: 1600px; height: auto; text-align: left; position: absolute; left: 50%; top: calc(50% + 30px); transform: translateX(-50%) translateY(-50%); }
}
@media only screen and (max-width:900px) {
#section2 { }
.in-ab-l .txt { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 8; word-break: break-all; word-wrap: break-word; }
.in-ab-l { width: 100%; background: url(../images/a011.png)center bottom no-repeat; background-size: cover; }
.in-ab-r { width: 100%; height: 40%; position: absolute; top: auto; bottom: 0; right: 0; background: none; }
.in-ab-r ul li { padding: 40px 15px 15px 15px; }
#section2 .more { margin-top: 20px; }
}
@media only screen and (max-width:600px ) {
.in-ab-l .in-ab-lc { height: auto; position: absolute; top: 50%; left: 50%; width: 90%; transform: translateX(-50%)translateY(-50%); }
.in-ab-r { background-position: bottom; }
.in-ab-r ul li { padding: 30px 10px 10px 10px; }
.in-ab-r ul { border: 1px solid rgba(255,255,255,0.5); }
.in-ab-r ul:before { background: rgba(255,255,255,0.8); }
.in-ab-r ul:after { background: rgba(255,255,255,0.8); }
.in-ab-r ul li:nth-child(2) { background: rgba(248,182,44,0.9); }
.in-ab-r ul li:nth-child(3) { background: rgba(248,182,44,0.9); }
.in-ab-r ul { width: 90%; }
.in-ab-r ul li:before { display: none; }
}
#section6 { z-index: 1; }
#section6 .back { z-index: -1; position: absolute; background: url(../images/b003.jpg)center no-repeat; left: 0; top: 0; width: 100%; height: 100%; background-size: cover; }
.join { width: 100%; z-index: 2; height: 100%; overflow: hidden; position: absolute; top: 0; left: 0; }
.join .contact2 { width: 90%; height: auto; max-width: 1600px;/*padding: 20px;*/ z-index: 1; margin: 0 auto; top: 50%; left: 50%; transform: translateX(-50%) translateY(-50%); position: absolute; }
.join .contact2 .contact2_tit { width: 100%; color: #fff; font-size: 48px; line-height: 60px; overflow: hidden; background: rgba(255,255,255,0.5); padding: 90px 3%; }
.join .contact2 ul { background: #fff; clear: both; overflow: hidden; }
.join .contact2 ul li { float: left; font-size: 20px; line-height: 40px; width: 33.33333%; padding: 120px 0 60px 45px; border-right: 1px solid #f0f0f0; }
.join .contact2 ul li.ico1 { background: url(../images/ico1.png) no-repeat left 45px top 60px; }
.join .contact2 ul li.ico2 { background: url(../images/ico2.png) no-repeat left 45px top 60px; }
.join .contact2 ul li.ico3 { background: url(../images/ico3.png) no-repeat left 45px top 60px; }
 @media only screen and (max-width:1400px ) {
}
@media only screen and (max-width:1366px ) {
.join .contact2 .contact2_tit { padding: 45px 3%; font-size: 30px; }
.join .contact2 ul li { float: left; font-size: 16px; line-height: 30px; width: 33.33333%; padding: 60px 0 30px 25px; border-right: 1px solid #f0f0f0; }
.join .contact2 ul li.ico1 { background: url(../images/ico1.png) no-repeat left 25px top 30px; background-size: 30px; }
.join .contact2 ul li.ico2 { background: url(../images/ico2.png) no-repeat left 25px top 30px; background-size: 30px; }
.join .contact2 ul li.ico3 { background: url(../images/ico3.png) no-repeat left 25px top 30px; background-size: 30px; }
}
@media only screen and (max-width:1024px ) {
}
@media only screen and (max-width:850px ) {
#section2 .title h6 { font-size: 20px; margin-bottom: 12px; }
#section3 .title h6 { font-size: 20px; margin-bottom: 12px; }
#section3 .title h5 { font-size: 16px; }
.join { width: 100%; height: calc(100% - 50px); top: 50px; }
.join .contact2 .contact2_tit { width: 100%; color: #000; font-size: 20px; line-height: 30px; overflow: hidden; background: rgba(255,255,255,0.5); padding: 20px 25px; }
.join .contact2 ul { background: #fff; clear: both; overflow: hidden; }
.join .contact2 ul li { float: left; font-size: 16px; line-height: 30px; width: 100%; margin-top: 15px; padding: 00px 0 10px 45px; border-right: 0px solid #f0f0f0; }
.join .contact2 ul li.ico1 { background: url(../images/ico1.png) no-repeat left 15px top 5px; background-size: 20px; }
.join .contact2 ul li.ico2 { background: url(../images/ico2.png) no-repeat left 15px top 5px; background-size: 20px; }
.join .contact2 ul li.ico3 { background: url(../images/ico3.png) no-repeat left 15px top 5px; background-size: 20px; }
#section3 ul { margin-top: 20px; }
#section3 ul li { float: left; padding: 0 0; margin: 0; position: relative; width: 100%; color: #fff; text-align: center; }
#section3 ul li .list2 { overflow: hidden; background: rgba(0,0,0,0.8); margin-top: 0; padding: 20px 5% 20px 5%; }
#section3 ul li:hover .list2 { background: #ff9d00 }
#section3 ul li:nth-child(2) .list2 { background: #ff9d00 }
#section3 ul li img { position: absolute; top: 0; display: none; left: 50%; margin-left: -50px; max-width: 100px; }
#section3 ul li .list2 h5 { font-size: 18px; border-bottom: 1px solid #fff; font-weight: normal; padding-bottom: 7px; margin-bottom: 10px; }
#section3 ul li .list2 p { line-height: 24px; font-size: 13px; min-height: inherit; height: 24px; margin-bottom: 20px; overflow: hidden; }
#section3 ul li .list2 a { font-size: 14px; display: block; width: 110px; line-height: 33px; border: 1px solid #fff; margin: 0 auto; color: #fff; }
#section3 .in-ab-l { width: 100%; max-width: 1600px; height: auto; text-align: left; position: absolute; left: 50%; top: 50%; transform: translateX(-50%) translateY(-50%); }
}

#section4 { z-index: 1; }
#section4 .back { position: absolute; left: 0; top: 0; z-index: -1; width: 100%; height: 100%; background: url(../images/b005.jpg)center no-repeat; background-size: cover; }
#section4 .in-news_title { background: rgba(255,184,46,0.85); height: 78px; z-index: 2; line-height: 78px; position: absolute; left: 0; top: 83px; width: 100%; text-align: center; }
#section4 .in-news_title a { font-size: 22px; float: left; color: #fff; display: block; width: calc(25% - 1px); }
#section4 .in-news_title span { float: left; width: 1px; display: block; color: #fff; }
.in-news { width: 90%; max-width: 1600px; display: flex; padding: 20px; background: rgba(255,255,255,0.5); z-index: 1; margin: 0 auto; height: auto; }
.in-news-r { width: 90%; max-width: 1600px; height: auto; position: absolute; left: 50%; top: calc(50% + 83px); transform: translateX(-50%) translateY(-50%); }
.in-news-r li { width: 100%; position: relative; height: auto; overflow: hidden; padding-left: 50%; }
.in-news-r li .con { padding: 8%; width: 100%; height: 100%; float: left; background: rgba(255,255,255,0.9); }
.in-news-r li .pic { transition: all 0.6s ease; position: absolute; top: 0; left: 0; width: 50%; height: 100%; background-size: cover; background-repeat: no-repeat; background-position: center; }
.in-news-r li .con h5 { color: #000; font-size: 20px; overflow: hidden; text-align: center; font-weight: normal; text-overflow: ellipsis; white-space: nowrap; }
.in-news-r li .con .txt { width: 100%; height: auto; margin-top: 20px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; word-break: break-all; }
.in-news-r li .con .txt p { font-size: 16px; color: #555; text-align: center; }
.in-news-r li .con .mores { display: block; max-width: 160px; text-align: center; margin: 40px auto 0 auto; color: #FFFFFF; font-size: 20px; background: #ff9d00; text-transform: uppercase; line-height: 48px; border-radius: 24px; }
.in-news-r li .pic img { display: block; width: 100%; height: auto; }
.in-news-r li:nth-child(2) { padding-left: 0; padding-right: 50%; }
.in-news-r li:nth-child(2) .pic { left: auto; right: 0; }
.in-news-r li:nth-child(2) .con { width: 100%; background: rgba(255,255,255,0.9); }
.in-news-r li:hover .pic { background-position-y: -5px; }
 @media only screen and (max-width:1500px ) {
.in-news-l .title h6 { font-size: 24px; }
.in-news-l .title h5 { font-size: 28px; }
}
@media only screen and (max-width: 1400px) {
}
 @media only screen and (max-width:1366px ) {
.in-news-r li .con h5 { font-size: 22px; }
.in-news-r li .con .txt p { font-size: 16px; }
#section4 .in-news_title { background: rgba(255,184,46,0.85); height: 58px; z-index: 2; line-height: 58px; position: absolute; left: 0; top: 83px; width: 100%; text-align: center; }
#section4 .in-news_title a { font-size: 18px; float: left; color: #fff; display: block; width: calc(25% - 1px); }
#section4 .in-news_title span { float: left; width: 1px; display: block; color: #fff; }
.in-news-r li .con .mores { display: block; max-width: 160px; text-align: center; margin: 40px auto 0 auto; color: #FFFFFF; background: #ff9d00; text-transform: uppercase; line-height: 42px; font-size: 16px; border-radius: 24px; }
}
@media only screen and (max-width:1024px ) {
.in-news { margin-top: 50px; }
}
@media only screen and (max-width:850px ) {
.in-news { display: block; }
.in-news-l { display: inherit; width: 100%; height: 150px; position: relative; background: url(../images/b0052.jpg) no-repeat center; background-size: cover; }
.in-news-l .title { display: inherit; position: absolute; bottom: 50px; left: 10px; padding: 0; }
.in-news-l .title h6 { font-size: 22px; }
.in-news-l .title h5 { font-size: 20px; }
.in-news-r li .con .txt { margin-top: 10px; }
.in-news-r li .con .mores { margin-top: 15px; }
.in-news-r { padding: 0px; width: 100%; background: rgba(255,255,255,0.5); position: relative; left: 0; top: 0; transform: translateX(0%) translateY(0); }
.in-news { padding: 10px; }
.in-news-r li { padding-right: 0; padding-left: 0; background: #ff9d00; }
.in-news-r li .con { width: 100%; height: auto; padding: 10px; background: #ff9d00; }
.in-news-r li .pic { width: 0; }
.in-news-r li:nth-child(2) { padding-left: 0; padding-right: 0; }
.in-news-r li:nth-child(2) .con { background: #004890; }
.in-news-r li .con h5 { font-size: 18px; color: #fff; text-align: left; }
.in-news-r li .con .txt p { text-align: left; color: #fff; font-size: 15px; }
#section4 .in-news_title { background: rgba(255,184,46,0.85); height: 58px; z-index: 2; line-height: 58px; position: absolute; left: 0; top: 50px; width: 100%; text-align: center; }
.in-news-r li .con .mores { display: block; max-width: inherit; text-align: left; margin: 20px auto 0 auto; color: #FFFFFF; background: 0; text-transform: uppercase; line-height: 42px; font-size: 16px; border-radius: 24px; }
}
#section5 { background: #F5F5F5; position: relative; }
.in-ser { width: 100%; height: 100%; }
.in-ser .in-ser-t { height: 35%; overflow: hidden; padding-top: calc(5% + 80px); }
.in-ser .in-ser-t .title { width: calc(100% - 180px); float: left; }
.in-ser .title h6 { color: #000; }
.in-ser .title h5 { color: #545454; }
.in-ser .more { float: right; color: #fff; border: none; background: #ff9d00; background: -webkit-gradient(linear, left top, right top, from(#ff9d00), to(#ff8a00)); background: -webkit-linear-gradient(left, #ff9d00, #ff8a00); background: linear-gradient(90deg, #ff9d00, #ff8a00); background-image: -webkit-gradient(linear, left top, right top, from(#ff9d00), to(#ff8a00)); background-image: -webkit-linear-gradient(left, #ff9d00, #ff8a00); background-image: linear-gradient(90deg, #ff9d00, #ff8a00); }
.in-ser .in-ser-t .more:hover { box-shadow: 3px 3px 5px rgba(0,0,0,0.2); }
.in-ser .in-ser-js { width: 100%; height: 65%; padding-top: 2%; }
.in-ser .in-ser-js .pic { width: 100%; height: calc(100% - 60px); background-size: cover; background-repeat: no-repeat; background-position: center; }
.in-ser .in-ser-js .con { width: 100%; padding: 0 5%; height: auto; position: absolute; background: #0068B6; bottom: 0; left: 0; text-align: center; transition: all 0.3s ease; background: -webkit-gradient(linear, left top, right top, from(#ff9c00), to(#ffb900)); background: -webkit-linear-gradient(left, #ff9c00, #ffb900); background: linear-gradient(90deg, #ff9c00, #ffb900); background-image: -webkit-gradient(linear, left top, right top, from(#ff9c00), to(#ffb900)); background-image: -webkit-linear-gradient(left, #ff9c00, #ffb900); background-image: linear-gradient(90deg, #ff9c00, #ffb900); }
.in-ser .in-ser-js .con h5 { font-size: 20px; color: #FFFFFF; line-height: 60px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.in-ser .in-ser-js .mores { text-transform: uppercase;  transition: all 0.3s ease; display: none; margin-top: 20px; font-size: 16px; color: #FFFFFF; }
.in-ser .in-ser-js .con .txt { transition: all 0.3s ease; display: none; margin-top: 20px; width: 100%; height: auto; }
.in-ser .in-ser-js .con .txt p { color: #FFFFFF; font-size: 16px; }
.in-ser .in-ser-js .swiper-slide:hover { border: 3px solid #024892; border-bottom: none; }
.in-ser .in-ser-js .swiper-slide:hover .con .txt { display: inherit; }
.in-ser .in-ser-js .swiper-slide:hover .con h5 { line-height: 24px; }
.in-ser .in-ser-js .swiper-slide:hover .con { padding: 25px 5%; background: #024892; }
.in-ser .in-ser-js .swiper-slide:hover .mores { display: inherit; }
.in-ser .in-ser-js .swiper-button-prev { left: 5%; background-image: url(../images/a016.png); }
.in-ser .in-ser-js .swiper-button-next { right: 5%; background-image: url(../images/a017.png); }
.in-ser .in-ser-js .swiper-button-prev.swiper-button-disabled, .section4 .swiper-button-next.swiper-button-disabled { opacity: 0; }
.in-ser .in-ser-js .swiper-button-prev, .in-ser .in-ser-js .swiper-button-next { position: absolute; top: 50%; width: 50px; height: 50px; margin-top: -25px; z-index: 10; cursor: pointer; background-size: 50px 50px; background-position: center; background-repeat: no-repeat; }
 @media only screen and (max-width:1366px ) {
.in-ser .in-ser-t { height: 35%; overflow: hidden; padding-top: calc(5% + 50px); }
.in-ser .in-ser-js .con h5 { font-size: 18px; }
.in-ser .in-ser-js .con .txt p { font-size: 15px; }
.in-ser .in-ser-js .swiper-button-prev, .in-ser .in-ser-js .swiper-button-next { width: 40px; height: 40px; margin-top: -20px; background-size: 40px 40px; }
}
 @media only screen and (max-width:1024px ) {
.in-ser .in-ser-js .pic { height: calc(100% - 60px); }
.in-ser .in-ser-js .con h5 { line-height: 60px; }
.in-ser .in-ser-t .title { width: calc(100% - 140px); }
.in-ser .in-ser-t { height: 35%; overflow: hidden; padding-top: calc(3% + 65px); }
}
@media only screen and (max-width: 370px) {
.in-ser .in-ser-t .title h6 { display: none; }
.in-ser .in-ser-t .more { margin-top: 0; }
}
.footer { width: 100%; height: 70px; position: absolute; bottom: 0; left: 0; overflow: hidden; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; text-align: center; background: #090909; z-index: 999; }
.footer span { color: #fff; font-size: 19px; }
.footer span a { color: #fff; }
.title3 { width: 100%; height: auto; text-align: center; }
.title3 h5 { font-size: 36px; color: #000; font-weight: normal; text-transform: capitalize; }
.title3 h6 { font-size: 15px; text-transform: uppercase; color: #666;  }
.about_bg .title3 h5 { font-size: 36px; color: #fff; font-weight: normal; text-transform: capitalize; }
@media only screen and (max-width:1366px) {
.footer { font-size: 17px; }
.footer span { color: #fff; font-size: 16px; }
.title3 h5 { font-size: 30px; color: #000; font-weight: normal; text-transform: capitalize; }
.about_bg .title3 h5 { font-size: 30px; }
}
 @media only screen and (max-width:850px ) {
.footer span { font-size: 14px; }
}
.in-banner { width: 100%; height: auto;  }
.in-banner img { display: block; width: 100%; height: auto; }
@media only screen and (max-width:1024px ) {
.title3 h5 { font-size: 26px; color: #000; font-weight: normal; text-transform: capitalize; }
.about_bg .title3 h5 { font-size: 26px; }
.in-banner { }
}
 @media only screen and (max-width:720px) {
.title3 h5 { font-size: 20px; }
.about_bg .title3 h5 { font-size: 20px; }
.title3 h6 { font-size: 14px; }
}
.footer2 { text-align: center; width: 100%; height: auto; padding: 25px 0; background: #333333; }
.footer2 span { color: #FFFFFF; font-size: 16px; }
.footer2 span a { color: #FFFFFF; }
 @media only screen and (max-width:1366px ) {
.footer2 span { font-size: 15px; }
}
@media only screen and (max-width:1024px ) {
.footer2 { padding: 15px 0; }
.footer2 span { font-size: 14px; }
}
.ab { width: 100%; height: auto; }
.ab .w90 { width: 90%; max-width: 1200px; margin: 0 auto; }
.ab .shuzi { clear: both; overflow: hidden; border-top: 1px solid #625a53; }
.ab .num { width: 100%; height: auto; text-align: center; overflow: hidden; font-size: 0; }
.ab .num li { vertical-align: top; padding: 0 5%; position: relative; width: calc(25%); display: inline-block; }
.ab .num li h2 { font-size: 65px; color: #fff;  line-height: 1; text-indent: -10px; }
.ab .num li h2.danwei { font-size: 20px; font-weight: normal; float: right; margin-right: 30px; margin-top: -30px; }
.ab .num li h2.danwei2 { margin-right: 0; }
.ab .num li h6 { font-size: 18px; color: #d2cfcf; font-weight: normal; margin-top: 5px; }
.ab .num li:before { content: ""; position: absolute; right: 0; top: 20%; width: 10px; height: 10px; background: url(../images/a018.png)center no-repeat; background-size: cover; }
.ab .num li:last-child:before { display: none; }
.ab .txt { width: 100%; height: auto; }
.ab .txt p { font-size: 16px; color: #333; text-align: justify; }
@media only screen and (max-width:1366px ) {
.ab .num li h6 { font-size: 15px; }
.ab .txt p { font-size: 15px; }
.ab .num li h2 { font-size: 50px; }
.ab .num li h2.danwei2 { margin-right: 16px; }
}
@media only screen and (max-width:720px ) {
.ab .num li h2 { font-size: 36px; }
.ab .num li:before { display: none; }
.ab .num li { width: 50%; padding: 15px; }
.ab .num li:last-child { width: 50%; border-top: 0px solid #dcdcdc; }
.ab .num li h6 { font-size: 15px; }
}
.index_video .video { width: 100%; height: 849px; position: relative; background: url(../images/video_bg.jpg) no-repeat center; background-size: cover; }
.index_video .video .bk { position: absolute; width: 100%; height: 100%; background: rgba(0,0,0,0.1); }
.index_video .video .play-ico { width: 90%; max-width: 950px; position: absolute; left: 50%; top: calc(50% + 70px); transform: translateX(-50%) translateY(-50%); }
.video .play-ico img { display: block; width: 100%; height: auto; cursor: pointer; }
.bk .title3 h5 { color: #fff; }
.index_video .video .play-box { display: none; position: fixed; top: 50%; left: 50%; transform: translateX(-50%)translateY(-50%); width: 100%; height: 100%; z-index: 1000; background: rgba(0,0,0,0.65); }
.index_video .video .play-box-c { position: fixed; top: 50%; left: 50%; height: 0px; width: 0px; background: #333; transform: translateX(-50%) translateY(-50%); z-index: 9996; height: 600px; width: 800px; }
.index_video .video .play-box-c .close { position: absolute; top: 3px; right: 10px; color: #fff; font-size: 26px; cursor: pointer; background: #000;
	width: 30px; height: 30px; border-radius: 30px; margin: auto; text-align: center;}
.index_video .video .play-box-c iframe { display: block; width: 100%; height: 100%; position: absolute; left: 50%; top: 50%; transform: translateX(-50%)translateY(-50%); }
.video2 { display: none; }
.video2 iframe { display: none; }
 @media only screen and (max-width:1024px ) {
.index_video .video { height: 650px; }
}
 @media (max-width:850px ) {
.index_video .video .play-box-c { height: 600px; width: 600px; }
}
 @media only screen and (max-width:720px ) {
.index_video .video { display: none; }
.video2 { display: inherit; width: 90%; margin: 20px auto 0 auto; }
.video2 iframe { display: block; width: 100%; height: auto; }
}
.gov { width: 100%; height: auto; }
.gov-c { width: 100%; height: auto; display: flex; }
.gov-cl { width: 45%; left: 0; position: relative; height: auto; background-size: cover; background-repeat: no-repeat; background-position: center; padding: 0 35px; }
.gov-c h6 { font-size: 24px; color: #FFFFFF; }
.gov-c .txt { width: 100%; height: auto; margin-top: 30px; }
.gov-c .txt p { font-size: 16px; color: #FFFFFF; }
.gov-cr { right: 0; position: relative; width: 55%; height: auto; }
.gov-cr1 { width: 100%; height: auto; background-size: cover; background-position: center; background-repeat: no-repeat; }
.gov-cr1 .bk { width: 50%; height: auto; padding: 0 35px; background: rgba(248,182,44,0.95); }
.gov-cr2 { width: 100%; height: auto; background-position: center; background-repeat: no-repeat; background-position: center; }
.gov-cr2 .bk { width: 100%; height: auto; padding: 0 35px; background: rgba(0,104,182,0.95); }
 @media only screen and (max-width:1366px ) {
.gov-c h6 { font-size: 20px; color: #FFFFFF; }
.gov-c .txt p { font-size: 15px; }
}
 @media only screen and (max-width:1024px ) {
.gov-c h6 { font-size: 18px; }
.gov-cr1 .bk { width: 70%; }
.gov-c .txt { margin-top: 25px; }
}
@media only screen and (max-width:720px ) {
.gov-c { display: block; }
.gov-cl { width: 100%; height: auto; }
.gov-cr { width: 100%; }
.gov-cr1 .bk { width: 100%; }
.gov-c .txt { margin-top: 20px; }
}
.events { width: 100%; height: auto; background: url(../images/b013.jpg)center no-repeat; background-size: cover; }
.events .events-c { width: 100%; height: auto; position: relative; }
.events-c:before { content: ""; position: absolute; display: none; top: 50px; left: 0; width: 100%; height: 1px; background: #FFFFFF; transform: translateY(-50%); }
.events .events-c .events-js { width: calc(100% - 150px); padding: 0 5px; background: url(../images/line.png) no-repeat center; background-size: 941px; height: auto; margin: 0 auto; }
.events .events-c .events-js .con { position: relative; width: 100%; height: auto; }
.events .events-c .events-js .con h2 { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 100%; text-align: center; position: relative; font-size: 26px;  }
.events .events-c .events-js .con h2.yuan1 { font-size: 20px; background: #fff; width: 107px; height: 107px; line-height: 84px; border: 12px solid #ddceb6; border-radius: 100%; margin-top: 269px; }
.events .events-c .events-js .con h2.yuan2 { font-size: 20px; background: #fff; width: 117px; height: 117px; line-height: 21px; border: 13px solid #ddceb6; border-radius: 100%; padding-top: 13px; margin-top: 228px; }
.events .events-c .events-js .con h2.yuan3 { font-size: 26px; background: #fff; width: 134px; height: 134px; line-height: 104px; border: 15px solid #ddceb6; border-radius: 100%; margin-top: 187px; }
.events .events-c .events-js .con h2.yuan4 { font-size: 24px; background: #fff; width: 147px; height: 147px; line-height: 21px; border: 16px solid #ddceb6; border-radius: 100%; padding-top: 23px; margin-top: 146px; }
.events .events-c .events-js .con h2.yuan5 { font-size: 32px; background: #fff; width: 165px; height: 165px; line-height: 127px; border: 19px solid #ddceb6; border-radius: 100%; margin-top: 57px; }
.events .events-c .events-js .con h2.yuan6 { font-size: 36px; background: #fff; width: 186px; height: 186px; line-height: 144px; border: 21px solid #ddceb6; border-radius: 100%; }
.events .events-c .events-js .con i { display: none; width: 16px; height: 16px; margin: 0 auto; border-radius: 100%; border: 1px solid #FFFFFF; position: absolute; left: 50%; top: 50px; transform: translateY(-50%)translateX(-50%); }
.events .events-c .events-js .con i:before { width: 9px; height: 9px; border-radius: 100%; background: #FFFFFF; position: absolute; left: 50%; top: 50%; transform: translateX(-50%)translateY(-50%); content: ""; }
.events .events-c .events-js .con .t-box { width: 100%; height: auto; margin-top: 30px; text-align: left; padding: 0 5%; }
.events .events-c .events-js .con .t-box .txt { width: auto; font-size: 18px; color: #000; overflow: hidden; display: inline-block; text-align: left; }
/*.events .events-c .events-js .events-txt:nth-child(2n+2){padding-top: 160px;}
.events .events-c .events-js .events-txt:nth-child(2n+2) .con .t-box .txt{position: absolute;top:auto;bottom: 0; left: 20px;}
.events .events-c .events-js .events-txt:nth-child(2n+2)  .con i{bottom: auto;top: -5px;}
.events .events-c .events-js .events-txt:nth-child(2n+2)  .con h2{bottom: auto;top: -50px;}*/
.events .events-c .swiper-button-prev { background-image: url(../images/a027.png); left: 0px; right: auto; }
.events .events-c .swiper-button-next { background-image: url(../images/a028.png); right: 0px; left: auto; }
.events .events-c .swiper-button-prev, .events .events-c .swiper-button-next { position: absolute; top: 50%; width: 50px; height: 50px; margin-top: -25px; z-index: 10; cursor: pointer; background-size: 50px 50px; background-position: center; background-repeat: no-repeat; display: none; }
 @media only screen and (max-width:1400px ) {
.events .events-c .events-js .con h2 { font-size: 24px; }
.events .events-c .swiper-button-prev, .events .events-c .swiper-button-next { display: block; width: 45px; height: 45px; margin-top: -22.5px; background-size: 45px 45px; }
.events .events-c .events-js { width: calc(100% - 130px); }
}
@media only screen and (max-width:1366px ) {
.events .events-c .swiper-button-prev, .events .events-c .swiper-button-next { width: 40px; height: 40px; margin-top: -20px; background-size: 40px 40px; }
.events .events-c .events-js { width: calc(100% - 110px); }
}
@media only screen and (max-width:1024px ) {
.events .events-c .swiper-button-prev, .events .events-c.swiper-button-next { width: 35px; height: 35px; margin-top: -17.5px; background-size: 35px 35px; }
.events .events-c .events-js { width: calc(100% - 100px); }
}
@media only screen and (max-width:768px ) {
.events .events-c .events-js .con h2 { font-size: 22px; }
.events .events-c .events-js .con .t-box { font-size: 0; text-align: left; }
.events .events-c .events-js .con .t-box .txt { display: inline-block; width: auto; max-width: 100%; padding: 0; text-align: left; }
.events .events-c .events-js .con .t-box .txt p { font-size: 14px; }
.events .events-c .swiper-button-prev, .events .events-c .swiper-button-next { width: 30px; height: 30px; margin-top: -15px; background-size: 30px 30px; }
.events .events-c .events-js { width: calc(100% - 60px); background: url(../images/line.png) no-repeat center; background-size: 100%; }
.events .events-c .events-js .con h2.yuan1 { font-size: 20px; background: #fff; width: 107px; height: 107px; line-height: 92px; border: 8px solid #ddceb6; border-radius: 100%; margin-top: 0; }
.events .events-c .events-js .con h2.yuan2 { font-size: 20px; background: #fff; width: 107px; height: 107px; line-height: 21px; border: 8px solid #ddceb6; border-radius: 100%; padding-top: 13px; margin-top: 0; }
.events .events-c .events-js .con h2.yuan3 { font-size: 20px; background: #fff; width: 107px; height: 107px; line-height: 92px; border: 8px solid #ddceb6; border-radius: 100%; margin-top: 0; }
.events .events-c .events-js .con h2.yuan4 { font-size: 20px; background: #fff; width: 107px; height: 107px; line-height: 21px; border: 8px solid #ddceb6; border-radius: 100%; padding-top: 13px; margin-top: 0; }
.events .events-c .events-js .con h2.yuan5 { font-size: 20px; background: #fff; width: 107px; height: 107px; line-height: 92px; border: 8px solid #ddceb6; border-radius: 100%; margin-top: 0; }
.events .events-c .events-js .con h2.yuan6 { font-size: 20px; background: #fff; width: 107px; height: 107px; line-height: 92px; border: 8px solid #ddceb6; border-radius: 100%; }
.events .events-c .events-js .con .t-box .txt { width: auto; font-size: 14px; color: #000; overflow: hidden; display: inline-block; text-align: left; }
}
.culture { width: 100%; height: auto; background: #005ea5; background-size: cover; }
.culture .title3 h5 { color: #FFFFFF; }
.culture .title3 h6 { color: #FFFFFF; }
.culture ul { width: 100%; height: auto; text-align: left; font-size: 0; }
.culture ul li { position: relative; width: 33.3333%; padding: 0 3%; height: auto; vertical-align: top; display: inline-block; }
.culture ul li:before { width: 0px; height: 120px; position: absolute; right: 0; top: 55px; content: ""; background: rgba(255,255,255,0.8); }
.culture ul li:last-child:before { display: none; }
.culture ul li .ico { width: 87px; height: auto; float: left; margin: 0 auto; }
.culture ul li .ico img { width: 100%; height: auto; display: block; }
.culture ul li .text { float: left; width: calc(100% - 112px); padding-left: 15px; }
.culture ul li h5 { color: #FFFFFF; font-size: 24px; padding-bottom: 5px; font-weight: normal; margin-top: 0; }
.culture ul li h6 { color: #FFFFFF; font-size: 16px; font-weight: normal; margin-top: 0; }
 @media only screen and (max-width:1366px ) {
.culture ul li .ico { width: 87px; }
.culture ul li h5 { font-size: 20px; }
.culture ul li h6 { font-size: 15px; }
}
@media only screen and (max-width: 1024px) {
.culture ul li .ico { width: 75px; }
}
 @media only screen and (max-width:900px ) {
.culture ul li h5 { }
.culture ul li { width: 100%; margin-top: 30px; }
.culture ul li .ico { width: 68px; }
.culture ul li:before { display: none; }
.culture ul li:nth-child(4) { width: 50%; }
.culture ul li:nth-child(5) { width: 50%; }
}
 @media only screen and (max-width:720px ) {
.culture ul li h5 { font-size: 16px; }
.culture ul li h6 { font-size: 14px; margin-top: 5px; }
.culture { }
}
.honor-c { position: relative; width: 100%; height: auto; }
.honor-c .honor-js { padding: 1px; width: calc(100% - 150px); margin: 0 auto; height: auto; }
.honor-c .honor-js .pic { display: block; width: 100%; height: auto; }
.honor-c .honor-js .pic img { display: block; width: 100%; height: auto; border: 1px solid #dcdcdc; }
.honor-c .swiper-button-prev { background-image: url(../images/a0252.png); left: 0px; right: auto; }
.honor-c .swiper-button-prev:hover { background-image: url(../images/a025.png); }
.honor-c .swiper-button-next { background-image: url(../images/a0262.png); right: 0px; left: auto; }
.honor-c .swiper-button-next:hover { background-image: url(../images/a026.png); }
.honor-c .swiper-button-prev, .honor-c .swiper-button-next { position: absolute; top: 50%; width: 31px; height: 57px; margin-top: -28px; z-index: 10; cursor: pointer; background-size: 31px 57px; background-position: center; background-repeat: no-repeat; }
 @media only screen and (max-width:1400px ) {
.honor-c .swiper-button-prev, .honor-c .swiper-button-next { width: 31px; height: 57px; margin-top: -28px; background-size: 31px 57px; }
.honor-c .honor-js { width: calc(100% - 130px); }
}
@media only screen and (max-width:1366px ) {
.honor-c .swiper-button-prev, .honor-c .swiper-button-next { width: 31px; height: 57px; margin-top: -28px; background-size: 31px 57px; }
.honor-c .honor-js { width: calc(100% - 110px); }
}
@media only screen and (max-width:1024px ) {
.honor-c .swiper-button-prev, .honor-c .swiper-button-next { width: 22px; height: 40px; margin-top: -20px; background-size: 22px 40px; }
.honor-c .honor-js { width: calc(100% - 100px); }
}
@media only screen and (max-width:720px ) {
.honor-c .swiper-button-prev, .honor-c .swiper-button-next { width: 22px; height: 40px; margin-top: -20px; background-size: 22px 40px; }
.honor-c .honor-js { width: calc(100% - 80px); }
}
.report { width: 100%; overflow: hidden; height: auto; padding: 10px 0; }
.report li { width: calc(50% - 5px); float: left; z-index: 1; position: relative; height: auto; padding: 8%; margin-right: 10px; text-align: center; background-size: cover; background-repeat: no-repeat; background-position: center; }
.report li .bk { position: absolute; z-index: -1; bottom: 0; transition: all 0.3s ease; left: 0; width: 100%; height: 0%; background: rgba(0,0,0,0); }
.report li:last-child { margin-right: 0; }
.report li .ico { width: 50%; max-width: 110px; height: auto; margin: 0 auto; }
.report li .ico img { display: block; width: 100%; height: auto; }
.report li h5 { margin-top: 20px; color: #FFFFFF; font-size: 24px; }
.report li h6 { margin-top: 10px; line-height: 1; height: 48px; color: #FFFFFF;  font-size: 16px; text-transform: uppercase; font-weight: normal; }
.report li:hover .bk { background: rgba(0,0,0,0.6); height: 100%; }
@media only screen and (max-width:1366px ) {
.report li h5 { font-size: 20px; }
.report li h6 { font-size: 15px; }
}
 @media only screen and (max-width:1024px ) {
.report li h5 { font-size: 18px; }
}
@media only screen and (max-width:720px ) {
.report { padding: 6px 0; }
.report li { width: calc(50% - 3px); margin-right: 6px; }
.report li:last-child { margin-right: 0; }
}
.report2 { width: 100%; height: auto; background-attachment: fixed; background-size: cover; background-repeat: no-repeat; background-position: center; }
.report2 .w90 { width: 90%; max-width: 1400px; margin: 0 auto; }
.report2 .report2-c { width: 100%; height: auto; padding: 5%; text-align: center; background: rgba(255,255,255,0.5); }
.report2 .report2-c p { font-size: 20px; color: #333; text-align: justify; }
.report2 ul { width: 100%; height: auto; font-size: 0; }
.report2 ul li { position: relative; padding: 4% 20px; width: calc(33.3% - 20px); height: auto; text-align: center; background: rgba(255,255,255,0.5); display: inline-block; vertical-align: top; margin-right: 30px; }
.report2 ul li:nth-child(3n) { margin-right: 0; }
.report2 ul li .ico { margin: 0 auto; width: 30%; max-width: 90px; height: auto; }
.report2 ul li .ico img { display: block; width: 100%; height: auto; }
.report2 ul li h5 { font-size: 20px; font-weight: normal; color: #333; margin-top: 30px; }
.report2 ul li h6 { font-size: 24px; color: #333; margin-top: 5px; }
.report2 ul .wx .ewm { z-index: 11; box-shadow: 1px 1px 5px rgba(0,0,0,0.2); position: absolute; left: 50%; top: -80px; transform: translateX(-50%); width: 130px; height: auto; display: none; }
.report2 ul .wx .ewm img { display: block; width: 100%; height: auto; }
.report2 ul .wx:hover .ewm { display: inherit; }
@media only screen and (max-width: 1400px) {
.report2 .report2-c p { font-size: 18px; }
.report2 ul li h5 { font-size: 16px; }
.report2 ul li h6 { font-size: 20px; }
}
@media only screen and (max-width:1366px ) {
.report2 .report2-c p { font-size: 16px; }
}
@media only screen and (max-width:1024px ) {
.report2 .report2-c p { font-size: 15px; }
.report2 ul li h5 { font-size: 15px; }
.report2 ul li { width: calc(33.3% - 10px); margin-right: 15px; }
.report2 ul li:nth-child(3n) { margin-right: 0; }
.report2 ul li h6 { font-size: 17px; }
}
@media only screen and (max-width:800px ) {
.report2 ul li { padding: 5%; width: calc(50% - 10px); margin-right: 20px; margin-bottom: 20px; }
.report2 ul li:nth-child(2n) { margin-right: 0; }
.report2 ul li:nth-child(3n) { margin-right: 0; width: 100%; }
.report2 ul li .ico { width: 50px; height: auto; }
.report2 ul li h6 { font-size: 16px; }
.report2 ul .wx .ewm { width: 100px; }
}
.in-sort { width: 100%; height: auto; border-bottom: 1px solid #dcdcdc; }
.in-sort ul { width: 100%; text-align: center; font-size: 0; }
.in-sort ul li { display: inline-block; padding: 0 20px; position: relative; font-size: 16px; line-height: 45px; color: #333; }
.in-sort ul li:before { content: ""; position: absolute; left: 0; width: 1px; height: 50%; top: 50%; transform: translateY(-50%); background: #dcdcdc; }
.in-sort ul li:after { content: ""; position: absolute; right: 0; width: 1px; height: 50%; top: 50%; transform: translateY(-50%); background: #dcdcdc; }
.in-sort ul li:hover { background: #0068B6; color: #FFFFFF; }
.in-sort ul li:hover:before { display: none; }
.in-sort ul li:hover:after { display: none; }
.in-sort ul li.cut { background: #0068B6; color: #FFFFFF; }
.in-sort ul li.cut:before { display: none; }
.in-sort ul li.cut:after { display: none; }
 @media only screen and (max-width:1366px ) {
.in-sort ul li { font-size: 15px; }
}
 @media only screen and (max-width:1024px ) {
.in-sort ul li { line-height: 1; padding: 15px 20px; }
}
.news { width: 100%; height: auto; }
.news .news-list { width: 100%; height: auto; overflow: hidden; }
.news .news-list li { width: calc(25% - 15px); float: left; margin-right: 20px; margin-bottom: 20px; border: 1px solid #DCDCDC; vertical-align: top; }
.news .news-list li:nth-child(4n) { margin-right: 0; }
.news .news-list li .pic { width: 100%; height: auto; overflow: hidden; }
.news .news-list li .pic img { display: block; width: 100%; height: auto; transition: all 0.6s ease; }
.news .news-list li .con { width: 100%; height: auto; padding: 20px 5%; }
.news .news-list li .con h5 { font-size: 20px; color: #333; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.news .news-list li .con .txt { margin-top: 20px; width: 100%; height: 48px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; word-break: break-all; }
.news .news-list li .con .txt p { font-size: 16px; color: #333; }
.news .news-list li .con .time { font-size: 16px;  color: #F8B62C; margin-top: 20px; }
.news .news-list li:hover .pic img { transform: scale(1.1); }
.news .news-list li:hover h5 { color: #0068B6; }
/*.pagination{font-size: 0; width: 100%;height: auto;text-align: center;}
.pagination li{border: none; display: inline-block;padding: 3px  10px;margin:  0 3px;font-size: 16px;color: #333;}
.pagination li a{color: #333333;}
.pagination li:hover {background: #0068B6;color: #FFFFFF;}
.pagination li:hover a{color: #FFFFFF;}
.pagination li.active {background: #0068B6;color: #FFFFFF;}
.pagination li.active a{color: #FFFFFF;}*/


.fy {  font-size: 0; width: 100%; height: auto; text-align: center; }
.fy a { border: none; display: inline-block; padding: 3px 10px; margin: 0 3px; font-size: 16px; color: #333; }
.fy a:hover { background: #0068B6; color: #FFFFFF; }
.fy a.cut { background: #0068B6; color: #FFFFFF; }
 @media only screen and (max-width:1366px ) {
.news .news-list li .con h5 { font-size: 18px; }
.news .news-list li .con .txt { height: 44px; margin-top: 10px; }
.news .news-list li .con .txt p { font-size: 15px; }
.pagination li { font-size: 15px; }
.news .news-list li .con .time { font-size: 15px; }
}
@media only screen and (max-width:1024px ) {
.news .news-list li { width: calc(33.3% - 10px); margin-right: 15px; margin-bottom: 15px; }
.news .news-list li:nth-child(4n) { margin-right: 15px; }
.news .news-list li:nth-child(3n) { margin-right: 0; }
}
@media only screen and (max-width:720px ) {
.news .news-list li { width: calc(50% - 5px); margin-right: 10px; margin-right: 10px; }
.news .news-list li:nth-child(4n) { margin-right: 10px; }
.news .news-list li:nth-child(3n) { margin-right: 10px; }
.news .news-list li:nth-child(2n) { margin-right: 0; }
.fy a { font-size: 14px; margin: 0 3px; }
}
.ser-sort { width: 100%; height: auto; }
.ser-sort ul { width: 100%; height: auto; font-size: 0; }
.ser-sort ul li { text-align: center; width: calc(33.3% - 30px); margin-right: 45px; height: auto; background: #FFFFFF; border: 2px solid #FFFFFF; padding: 35px; display: inline-block; vertical-align: top; }
.ser-sort ul li:nth-child(3) { margin-right: 0; }
.ser-sort ul li .ico { width: 30%; max-width: 90px; margin: 0 auto; }
.ser-sort ul li .ico img { display: block; width: 100%; height: auto; }
.ser-sort ul li h5 { font-size: 20px; color: #333; text-align: center; margin-top: 30px; margin-bottom: 20px; }
.ser-sort ul li .txt { width: 100%; min-height: 96px; }
.ser-sort ul li .txt p { font-size: 16px; color: #333; text-align: justify; }
.ser-sort ul li:hover { border: 2px solid #0068B6; }
.ser-sort ul li.cut { border: 2px solid #0068B6; }
.box-bk { width: 100%; height: auto; padding: 0 12px; }
@media only screen and (max-width:1400px ) {
.ser-sort ul li { width: calc(33.3% - 20px); margin-right: 30px; }
.ser-sort ul li:nth-child(3) { margin-right: 0; }
}
@media only screen and (max-width:1366px) {
.ser-sort ul li { padding: 25px; }
.ser-sort ul li h5 { font-size: 18px; }
.ser-sort ul li .txt p { font-size: 15px; }
}
@media only screen and (max-width:1024px) {
.ser-sort ul li { width: calc(33.3% - 10px); margin-right: 15px; }
.ser-sort ul li:nth-child(3) { margin-right: 0; }
}
@media only screen and (max-width:850px ) {
.ser-sort ul li { padding: 10px; width: calc(33.3% - 6px); margin-right: 9px; }
.ser-sort ul li:nth-child(3) { margin-right: 0; }
.ser-sort ul li .txt { display: none; }
.ser-sort ul li .ico { width: 40%; max-width: 45px; }
.ser-sort ul li h5 { font-size: 15px; margin-top: 10px; margin-bottom: 10px; }
.box-bk { width: 100%; height: auto; padding: 0 6px; }
}
.ser-list { width: 100%; height: auto; }
.ser-list .ser-list-c { width: 100%; height: auto; overflow: hidden; }
.ser-list .ser-list-c li { vertical-align: top; width: calc(33.33% - 15px); float: left; height: 450px; position: relative; margin-right: 20px; margin-bottom: 20px; border: 3px solid #f9f9f9; border-bottom: none; }
.ser-list .ser-list-c li:nth-child(3n) { margin-right: 0; }
.ser-list .ser-list-c li .pic { width: 100%; height: calc(100% - 60px); background-size: cover; background-repeat: no-repeat; background-position: center; }
.ser-list .ser-list-c li .con { width: 100%; padding: 0 5%; height: auto; position: absolute; background: #0068B6; bottom: 0; left: 0; text-align: center; transition: all 0.3s ease; background: -webkit-gradient(linear, left top, right top, from(#1D74BC), to(#1D74BC)); background: -webkit-linear-gradient(left, #1D74BC, #1D74BC); background: linear-gradient(90deg, #1D74BC, #1D74BC); background-image: -webkit-gradient(linear, left top, right top, from(#1D74BC), to(#1D74BC)); background-image: -webkit-linear-gradient(left, #1D74BC, #1D74BC); background-image: linear-gradient(90deg, #1D74BC, #1D74BC); }
.ser-list .ser-list-c li .con h5 { font-size: 20px; color: #FFFFFF; line-height: 60px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.ser-list .ser-list-c li .mores {  transition: all 0.3s ease; display: none; margin-top: 20px; font-size: 16px; text-transform: uppercase; color: #FFFFFF; }
.ser-list .ser-list-c li .con .txt { transition: all 0.3s ease; margin-top: 20px; width: 100%; height: 48px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; word-break: break-all; display: none; }
.ser-list .ser-list-c li .con .txt p { color: #FFFFFF; font-size: 16px; }
.ser-list .ser-list-c li:hover { border: 3px solid #0068B6; border-bottom: none; }
.ser-list .ser-list-c li:hover .con .txt { display: inherit; }
.ser-list .ser-list-c li:hover .con h5 { line-height: 24px; }
.ser-list .ser-list-c li:hover .con { padding: 25px 5%; background: #0068B6; }
.ser-list .ser-list-c li:hover .mores { display: inherit; }
 @media only screen and (max-width:1400px ) {
.ser-list .ser-list-c li { height: 400px; }
.ser-list .ser-list-c li .pic { height: calc(100% - 70px); }
.ser-list .ser-list-c li .con h5 { line-height: 70px; }
}
@media only screen and (max-width:1366px ) {
.ser-list .ser-list-c li { width: calc(25% - 12px); height: 350px; margin-right: 16px; }
.ser-list .ser-list-c li:nth-child(4n) { margin-right: 0; }
.ser-list .ser-list-c li .con h5 { font-size: 18px; line-height: 60px; }
.ser-list .ser-list-c li .pic { height: calc(100% - 60px); }
.ser-list .ser-list-c li .con .txt { width: 100%; }
.ser-list .ser-list-c li .con .txt p { font-size: 15px; }
.ser-list .ser-list-c li .mores { font-size: 15px; }
}
@media only screen and (max-width:1024px) {
.ser-list .ser-list-c li { width: calc(33.3% - 10px); margin-right: 15px; margin-bottom: 15px; height: 350px; }
.ser-list .ser-list-c li:nth-child(4n) { margin-right: 15px; }
.ser-list .ser-list-c li:nth-child(3n) { margin-right: 0; }
}
 @media only screen and (max-width:850px) {
.ser-list .ser-list-c li { width: calc(50% - 5px); margin-right: 10px; height: 320px; }
.ser-list .ser-list-c li:nth-child(4n) { margin-right: 10px; }
.ser-list .ser-list-c li:nth-child(3n) { margin-right: 10px; }
.ser-list .ser-list-c li .con h5 { font-size: 18px; line-height: 50px; }
.ser-list .ser-list-c li .pic { height: calc(100% - 50px); }
.ser-list .ser-list-c li:nth-child(2n) { margin-right: 0px; }
}
 @media only screen and (max-width:480px ) {
.ser-list .ser-list-c li { width: calc(50% - 2px); margin-right: 4px; margin-bottom: 8px; height: 230px; }
.ser-list .ser-list-c li:nth-child(4n) { margin-right: 4px; }
.ser-list .ser-list-c li .con h5 { font-size: 15px; line-height: 40px; }
.ser-list .ser-list-c li .pic { height: calc(100% - 40px); }
.ser-list .ser-list-c li:nth-child(3n) { margin-right: 4px; }
.ser-list .ser-list-c li:nth-child(2n) { margin-right: 0px; }
.ser-list .ser-list-c li .con .txt { margin-top: 10px; }
.ser-list .ser-list-c li .con .mores { margin-top: 10px; font-size: 14px; }
.ser-list .ser-list-c li:hover .con { padding: 15px 10px; }
}
.coop { width: 100%; height: auto; }
.coop ul { width: 100%; height: auto; }
.coop ul li { width: 100%; height: auto; position: relative; margin-top: 30px; padding-left: 45%; }
.coop ul li .pic { background-size: cover; position: absolute; left: 0; top: 0; width: 45%; height: 100%; background-repeat: no-repeat; background-position: center; }
.coop ul li .con { width: 100%; padding: 40px 5%; height: auto; background: #0068B6; }
.coop ul li .con h2 { font-size: 20px; color: #FFFFFF; }
.coop ul li .con .line { display: block; margin-top: 30px; width: 100%; height: 1px; background: #FFFFFF; }
.coop ul li .con .cont { width: 100%; height: auto; margin-top: 30px; }
.coop ul li .con .cont .lit { color: #FFFFFF; width: 100%; padding-left: 50px; position: relative; margin-bottom: 30px; }
.coop ul li .con .cont .lit h4 { font-size: 14px; font-weight: normal; }
.coop ul li .con .cont .lit h3 { font-size: 20px; margin-top: 10px; }
.coop ul li .con .cont .lit:before { content: ""; position: absolute; left: 0; top: 0; width: 35px; height: 35px; }
.coop ul li .con .cont .lit:nth-child(1):before { background: url(../images/a037.png)center no-repeat; background-size: cover; }
.coop ul li .con .cont .lit:nth-child(2):before { background: url(../images/a038.png)center no-repeat; background-size: cover; }
.coop ul li .con .cont .lit:nth-child(3):before { background: url(../images/a039.png)center no-repeat; background-size: cover; }
.coop ul li:nth-child(2n) { padding-left: 0; padding-right: 45%; }
.coop ul li:nth-child(2n) .pic { position: absolute; right: 0; top: 0; left: auto; }
.coop ul li:nth-child(2n) .con { background: #f8b62c; }
 @media only screen and (max-width:1366px ) {
.coop ul li .con { padding: 30px 5%; }
.coop ul li .con h2 { font-size: 18px; }
.coop ul li .con .cont .lit { padding-left: 40px; }
.coop ul li .con .cont .lit:before { width: 30px; height: 30px; }
.coop ul li .con .cont .lit h3 { font-size: 18px; }
}
 @media only screen and (max-width:1024px ) {
.coop ul li .con { padding: 30px 20px; background: rgba(0,104,182,0.9); }
.coop ul li { padding-left: 0%; margin-top: 15px; z-index: 1; }
.coop ul li .con h2 { font-size: 16px; }
.coop ul li:nth-child(2n) { padding-right: 0%; }
.coop ul li:nth-child(2n) .con { background: rgba(248,182,44,0.9); }
.coop ul li .con .cont .lit { padding-left: 30px; margin-bottom: 20px; }
.coop ul li .con .cont .lit:before { width: 20px; height: 20px; }
.coop ul li .pic { width: 100%; z-index: -1; }
.coop ul li .con .cont .lit h3 { font-size: 16px; }
}
 @media only screen and (max-width:1366px ) {
}
@media only screen and (max-width:800px ) {
}
.message { width: 100%; height: auto; background-attachment: fixed; background-size: cover; background-repeat: no-repeat; background-position: center; }
.message .title3 h5 { color: #FFFFFF; }
.message .title3 h6 { color: #FFFFFF; }
.message .w90 { width: 90%; max-width: 900px; margin: 0 auto; }
.message form { width: 100%; display: block; height: auto; overflow: hidden; }
.message form .c1 { width: calc(33.3% - 10px); font-size: 16px; margin-bottom: 20px; margin-right: 15px; float: left; }
.message form .c1 p { font-size: 16px; color: #FFFFFF; margin-bottom: 10px; }
.message form .c1 input { font-size: 16px; padding-left: 20px; color: #FFFFFF; background: none; width: 100%; border: 1px solid #FFFFFF; line-height: 40px; }
.message form .c1:nth-child(3) { margin-right: 0; }
.message form .c2 { margin-right: 0; width: 100%; }
.message form .c2 textarea { padding-left: 20px; font-size: 16px;  background: none; color: #FFFFFF; width: 100%; border: 1px solid #FFFFFF; height: 100px; }
.message form .tj { width: 100%; text-align: center; color: #FFFFFF; font-size: 16px; background: #f8b62c; border: none; line-height: 45px; }
.message form .tj:hover { background: #0068B6; transition: all 0.3s ease; }
 .message form .c1 input::-webkit-input-placeholder {
color: #fff;
font-size: 16px;

}
.message form .c1 input::-moz-placeholder {
color: #ffffff;
font-size: 16px;

}
.message form .c1 input::-ms-input-placeholder {
color: #ffffff;
font-size: 16px;

}
 .message form .c2 textarea::-webkit-input-placeholder {
color: #fff;
font-size: 16px;

}
.message form .c2 textarea::-moz-placeholder {
color: #ffffff;
font-size: 16px;

}
.message form .c2 textarea::-ms-input-placeholder {
color: #ffffff;
font-size: 16px;

}
 @media only screen and (max-width:1366px ) {
.message form .c1 p { font-size: 15px; }
.message form .tj { font-size: 15px; }
 .message form .c1 input::-webkit-input-placeholder {
color: #fff;
font-size: 15px;

}
.message form .c1 input::-moz-placeholder {
color: #ffffff;
font-size: 15px;

}
.message form .c1 input::-ms-input-placeholder {
color: #ffffff;
font-size: 15px;

}
 .message form .c2 textarea::-webkit-input-placeholder {
color: #fff;
font-size: 15px;

}
.message form .c2 textarea::-moz-placeholder {
color: #ffffff;
font-size: 15px;

}
.message form .c2 textarea::-ms-input-placeholder {
color: #ffffff;
font-size: 15px;

}
}
@media only screen and (max-width:720px ) {
.message form .c1 { width: 100%; margin-bottom: 15px; }
.message { background-attachment: inherit; }
}
.detail { width: 100%; height: auto; }
.detail-l { width: calc(100% - 450px); float: left; height: auto; background: #FFFFFF; padding: 50px; }
.detail-l .news-dt { width: 100%; height: auto; }
.detail-l .news-dt .time { padding-left: 35px; position: relative;  font-weight: bold; font-size: 16px; color: #333; }
.detail-l .news-dt .time:before { content: ""; position: absolute; left: 0; top: 0; width: 25px; height: 25px; background: url(../images/a043.png)center no-repeat; background-size: cover; }
.detail-l .news-dt h5 { font-size: 24px; color: #333; width: 100%; margin: 30px 0 20px 0; }
.detail-l .service-dt h5 { width: calc(100% - 130px); float: left; font-size: 24px; color: #000000; margin: 0px 0 20px 0; }
.detail-l .service-dt { width: 100%; height: auto; overflow: hidden; }
.detail-l .service-dt .returns { color: #0068B6; float: right; display: block; width: 120px; line-height: 40px; text-align: center; font-size: 16px; border: 1px solid #0068B6; }
.detail-l .news-dt .down { width: 100%; height: auto; font-size: 0; }
.detail-l .news-dt .down span { margin-right: 30px; font-size: 16px; display: inline-block; font-size: 16px; color: #666666; }
.detail-l .news-dt .down .return { font-size: 16px; color: #666666; display: inline-block; }
.detail-l .news-dt .down .return:hover { color: #0068B6; }
.detail-l .txt { margin-top: 30px; width: 100%; height: auto; padding: 30px 0; border-top: 1px dashed #666666; }
.detail-l .txt p img { display: block; width: 60% !important; margin: 0 auto; height: auto !important; }
.detail-l .txt p { font-size: 16px; color: #333; }
.detail-l .pn { border-top: 1px dashed #666666; width: 100%; padding-top: 30px; margin-top: 30px; }
.detail-l .pn a { width: 100%; height: auto; display: block; margin-bottom: 10px; font-size: 16px; color: #333; }
.detail-l .pn a:hover { color: #0068B6; }
.detail-r { width: 400px; height: auto; float: right; margin-left: 50px; }
.detail-r .coop { width: 100%; height: auto; padding: 50px; background: #FFFFFF; }
.detail-r h1 { color: #333; font-size: 24px; line-height: 1; }
.detail-r .coop .pic { width: 100%; height: auto; margin-top: 30px; overflow: hidden; }
.detail-r .coop .pic img { display: block; width: 100%; height: auto; }
.detail-r .coop .txt { width: 100%; height: auto; margin-top: 20px; }
.detail-r .coop .txt p { font-size: 16px; color: #333; }
.detail-r .coop .cont-link { width: 100%; color: #FFFFFF; display: block; margin-top: 30px; line-height: 45px; background: #0068B6; text-align: center; background: -webkit-gradient(linear, left top, right top, from(#0068B6), to(#03a8d7)); background: -webkit-linear-gradient(left, #0068B6, #03a8d7); background: linear-gradient(90deg, #0068B6, #03a8d7); background-image: -webkit-gradient(linear, left top, right top, from(#0068B6), to(#03a8d7)); background-image: -webkit-linear-gradient(left, #0068B6, #03a8d7); background-image: linear-gradient(90deg, #0068B6, #03a8d7); }
.detail-r .coop .cont-link:hover { box-shadow: 2px 2px 5px rgba(0,0,0,0.2); }
.detail-r .infor { background: #FFFFFF; width: 100%; height: auto; padding: 50px; margin-top: 50px; }
.detail-r .infor .pic { width: 100%; height: auto; margin-top: 30px; }
.detail-r .infor .pic img { display: block; width: 100%; height: auto; }
.detail-r .infor .infor-list { width: 100%; height: auto; }
.detail-r .infor .infor-list li { width: 100%; height: auto; border-bottom: 1px dashed #666666; padding: 20px 0 15px 0; }
.detail-r .infor .infor-list li h5 { font-size: 16px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.detail-r .infor .infor-list li .time { font-size: 14px; margin-top: 10px; color: #666666;  display: block; }
.about_bg { background: url(../images/about_bg1.jpg) no-repeat center; background-size: cover; color: #fff; font-size: 18px; line-height: 36px; text-align: center; }
/* .contact .contact_txt { background: url(../images/sjx.png) no-repeat left 20% bottom; padding-bottom: 24px; position: relative; z-index: 99; }
.contact .contact_txt .txt_bg { background: #00589F; padding: 43px 0; color: #fff; clear: both; overflow: hidden; }
.contact .contact_txt .txt_bg ul li { float: left; padding-left: 80px; padding-top: 30px; padding-bottom: 30px; line-height: 40px; font-size: 20px; width: 33.333333%; border-right: 1px solid #fff; }
.contact .contact_txt .txt_bg ul li img { margin-bottom: 25px; }
.contact .contact_txt .txt_bg ul li:nth-child(3) { border: 0; }
.contact .map { height: 747px; overflow: hidden; margin-top: -24px; background: #ccc; } */
.contact { margin-bottom: 30px;}
.contact .contact_txt { float: right; width: 40%; position: relative; left: -24px; z-index: 99; }
.contact .contact_txt .txt_bg { background: #F8F8F8; margin-left: 24px; padding: 53px 0; color: #222; clear: both; overflow: hidden; min-height: 500px; }
.contact .contact_txt .txt_bg ul li { float: left; padding-left: 30px; padding-top: 0; padding-bottom: 40px; line-height: 30px; font-size: 18px; width: 100%; }
.contact .contact_txt .txt_bg ul li .img { margin-right: 25px; float: left; width: 68px; padding-top: 20px; }
.contact .contact_txt .txt_bg ul li p { float: left; }
.contact .contact_txt .txt_bg ul li:nth-child(3) { border: 0; }
.contact .map { float: left; width: 60%; overflow: hidden; height: 500px;}
/* .contact .map iframe { width: 100%; height: 500px; } */
.contact .contact_03 { width: 100%; float: right; overflow: hidden; padding-bottom: 120px; margin-top: 50px; background: url(../images/contactbg.jpg) right 0 top 0 no-repeat; }
.contact .contact_03 form { width: 55%; }
.contact .contact_03 form .input01 { width: 48.5%; float: left; border: 0px; height: 46px; line-height: 46px; background: #f3f5f7; padding-left: 20px; box-sizing: border-box; font-size: 16px; color: #333; margin-bottom: 26px; }
.contact .contact_03 form .input01:nth-child(2n) { float: right; }
.contact .contact_03 form .textarea01 { width: 100%; float: none; clear: both; border: 0px; height: 150px; line-height: 24px; background: #f3f5f7; padding: 20px 20px; box-sizing: border-box; font-size: 16px; color: #b5b7b8; margin-bottom: 26px; }
.contact .contact_03 form .submitweb { width: 100%; height: 45px; border: 0; cursor: pointer; line-height: 45px; text-align: center; background: #2F4C9C; font-size: 16px; color: #fff; margin-bottom: 26px; }
.contact .contact_03 .contact_03_b { font-size: 16px; color: #ababab; }

.feedback .feedback_biaoge { max-width: 880px; padding: 80px 0; width: 100%; margin: 0 auto; }
.feedback .feedback_biaoge p { width: 123px; float: left; line-height: 64px; font-size: 20px; text-align: right; margin-right: 30px; }
.feedback .feedback_biaoge p span { color: #f00; }
.feedback .feedback_biaoge input { float: left; width: calc(100% - 153px); margin-bottom: 36px; height: 64px; line-height: 64px; border: 1px solid #bfbfbf; border-radius: 5px; text-indent: 1em; color: #c5c5c5; font-size: 18px; }
.feedback .feedback_biaoge input.tijiao { font-size: 26px; background: #ff9600; border-color: #ff9600; color: #fff; cursor: pointer; }
.feedback .feedback_biaoge textarea { float: left; width: calc(100% - 153px); margin-bottom: 36px; min-height: 198px; line-height: 64px; border: 1px solid #bfbfbf; border-radius: 5px; text-indent: 1em; font-size: 18px; color: #c5c5c5; }
.feedback .feedback_biaoge input.put2 { width: 150px; margin-right: 25px; }
.feedback .feedback_biaoge a { color: #ffa200; float: left; line-height: 64px; }
.feedback .feedback_biaoge img { margin-top: 10px; float: left; margin-right: 25px; }
.job_content { }
.job_content .title4 { text-align: center; background: url(../images/dot.jpg) repeat-x left center; line-height: 75px; }
.job_content .title4 a { background: #fff; font-size: 24px; color: #000; padding: 20px 30px; }
.job_content .title4 a.dq { background: #fff url(../images/title4_bg.jpg) no-repeat center bottom; }
.job_content .job_table { border: 1px solid #e5e5e5; border-bottom: 0; margin: 76px 0; line-height: 58px; font-size: 16px; text-align: center; }
.job_content .job_table tr td { border-bottom: 1px solid #e5e5e5; }
.news_con .news_title { text-align: center; clear: both; overflow: hidden; }
.news_con .news_title a { display: block; float: left; margin: 0 12px; width: calc(25% - 24px); background: #ececec; line-height: 84px; color: #000; font-size: 24px; }
.news_con .news_title a.dq, .news_con .news_title a:hover { color: #fff; background: #ff8a00; }
.product .news_title { text-align: center; clear: both; overflow: hidden; }
.product .news_title a { display: block; float: left; margin: 0 12px; width: calc(20% - 24px); background: #ececec; line-height: 54px; color: #000; font-size: 22px; margin-bottom: 12px;}
.product .news_title a.dq, .product .news_title a:hover { color: #fff; background: #00589F; }
.news_con ul li { float: left; margin: 0 12px; width: calc(25% - 24px); background: #f6f6f6; transition-property: background-color, box-shadow, border, color, opacity, transform; transition-duration: 0.3s; margin-bottom: 24px; }
.news_con ul li .img { overflow: hidden; }
.news_con ul li img { display: block; width: 100%; transition: all 0.6s ease; }
.news_con ul li .text { padding: 28px; }
.news_con ul li .text h4 { font-size: 22px; display: inline-block; white-space: nowrap; width: 100%; overflow: hidden; text-overflow: ellipsis; font-weight: 700; }
.news_con ul li .text p { font-size: 17px; text-overflow: -o-ellipsis-lastline; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; line-clamp: 2; -webkit-box-orient: vertical; margin-top: 6px; margin-bottom: 10px; }
.news_con ul li .text span { color: #999; font-size: 14px; }
.news_con ul li:hover { background: #ff8a00; }
.news_con ul li:hover .img img { transform: scale(1.1); }
.news_con ul li:hover a { color: #fff; }
.news_con ul li:hover span { color: #fff; }
.page { text-align: center; clear: both; overflow: hidden; padding: 30px 0; font-size: 14px;margin-top: 30px; }
.page a { margin: 0 7px; border: 1px solid #cccccc; border-radius: 3px; padding: 6px 13px; }
.page a.thisclass{color: #fff !important; background: #00589F; border: 1px solid #00589F;}
.page a:hover, .page a.dq, .page a:hover .thisclass{ color: #fff !important; background: #00589F; border: 1px solid #00589F; }
.page select{ padding:2px 8px; border:1px solid #ccc !important;margin-right:5px;margin-bottom:5px; font-size: 12px; }

.news_ny { background: #f6f6f6; }
.news_ny .news_l { float: left; background: #fff; width: calc(100% - 420px); }
.news_ny .news_r { float: right; width: 385px; }
.news_ny .news_r .news_rbg { background: #fff; padding: 24px 34px; margin-bottom: 34px; }
.news_ny .news_r .title5 { font-size: 25px; border-bottom: 1px solid #e3e3e3; padding-bottom: 20px; margin-bottom: 20px; }
.news_ny .news_r .news_nav a { display: block; font-size: 18px; line-height: 46px; background: url(../images/news_ico.jpg) no-repeat left center; padding-left: 30px; }
.news_ny .news_r .news_nav2 img { margin-bottom: 20px; width: 100%; }
.news_ny .news_r .news_nav2 ul li { border-bottom: 1px dashed #ccc; padding-bottom: 20px; margin-bottom: 20px; }
.news_ny .news_r .news_nav2 ul li p { font-size: 19px; line-height: 36px; }
.news_ny .news_r .news_nav2 ul li span { font-size: 14px; color: #999; }
.news_ny .news_l .text2 { padding: 40px 5%; }
.news_ny .news_l .text2 .tit1 { font-size: 26px; color: #000; text-align: center; padding: 15px 0; }
.news_ny .news_l .text2 .tit2 { text-align: center; font-weight: normal; color: #999; font-size: 16px; }
.news_ny .news_l .text2 .tit2 span { padding: 0 10px; }
.news_ny .news_l .text2 .tit3 { text-align: left; }
.news_ny .news_l .text2 .line { border-bottom: 1px dashed #7b7b7b; height: 1px; margin: 60px 0; }
.news_ny .news_l .text2 .text2_txt { font-size: 18px; line-height: 36px; }
.news_ny .news_l .text2 .text2_txt .img { text-align: center; padding: 20px 0; }
.news_ny .news_l .text2 .shangxia { clear: both; overflow: hidden; }
.news_ny .news_l .text2 .shangxia .shang { float: left; width: 47%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.news_ny .news_l .text2 .shangxia .xia { float: right; width: 47%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.news_ny .news_l .text2 .shangxia a:hover { color: #0068b6; }
.col-xs-4 { width: 100%; }
.left { float: left; }
.carousel { position: relative }
.carousel-inner { position: relative; width: 100%; overflow: hidden }
.carousel-inner>.item { position: relative; width: 100%; display: none; -webkit-transition: .6s ease-in-out left; -o-transition: .6s ease-in-out left; transition: .6s ease-in-out left }
.carousel-inner>.item>img, .carousel-inner>.item>a>img { line-height: 1 }
.carousel-inner>.active, .carousel-inner>.next, .carousel-inner>.prev { display: block }
.carousel-inner>.active { left: 0 }
.carousel-inner>.next, .carousel-inner>.prev { position: absolute; top: 0; width: 100% }
.carousel-inner>.next { left: 100% }
.carousel-inner>.prev { left: -100% }
.carousel-inner>.next.left, .carousel-inner>.prev.right { left: 0 }
.carousel-inner>.active.left { left: -100% }
.carousel-inner>.active.right { left: 100% }
.carousel-control { position: absolute; top: 50%; margin-top: -22px; bottom: 0; left: 0; width: 44px; height: 44px; font-size: 20px; color: #fff; text-align: center; }
.carousel-control.left { visibility: hidden; background: url(../images/left.jpg) no-repeat; }
.carousel-control.right { right: 40%; left: auto; background: url(../images/right.jpg) no-repeat; }
.carousel.flexible .items { display: none; }
.item .text3 { width: 58%; padding: 50px 5%; position: absolute; left: 0; top: 50%; transform: translateY(-50%); background: #f5f5f5; }
.item .text3 h3 { font-size: 24px; color: #000; padding-left: 4%; }
.item .text3 p { line-height: 38px; font-size: 16px; padding-left: 4.5%; }
.item .text3 .line { background: #9ac716; width: 87px; height: 2px; margin: 30px 0; }
.item .img2 { width: 45%; margin-left: 55%; }
.item .img2 img { width: 100%; height: auto; display: block; }

.news_ny { background: #f6f6f6; }
.news_ny .news_l { float: left; background: #fff; width: calc(100% - 420px); }
.news_ny .news_r { float: right; width: 385px; }
.news_ny .news_r .news_rbg { background: #fff; padding: 24px 34px; margin-bottom: 34px; }
.news_ny .news_r .title5 { font-size: 20px; border-bottom: 1px solid #e3e3e3; padding-bottom: 20px; margin-bottom: 20px; }
.news_ny .news_r .news_nav a { display: block; font-size: 18px; line-height: 46px; background: url(../images/news_ico.jpg) no-repeat left center; padding-left: 30px; }
.news_ny .news_r .news_nav a.dq{color: #304D9D;}
.news_ny .news_r .news_nav2 img { margin-bottom: 20px; width: 100%; }
.news_ny .news_r .news_nav2 ul li { border-bottom: 1px dashed #ccc; padding-bottom: 15px; margin-bottom: 15px; }
.news_ny .news_r .news_nav2 ul li p { font-size: 16px; line-height: 30px; }
.news_ny .news_r .news_nav2 ul li span { font-size: 13px; color: #999; }
.news_ny .news_l .text2 { padding: 40px 5%; }
.news_ny .news_l .text2 .tit1 { font-size: 26px; color: #000; text-align: center; padding: 15px 0; }
.news_ny .news_l .text2 .tit2 { text-align: center; font-weight: normal; color: #999; font-size: 13px; }
.news_ny .news_l .text2 .tit2 span { padding: 0 10px; }
.news_ny .news_l .text2 .tit3 { text-align: left; }
.news_ny .news_l .text2 .line { border-bottom: 1px dashed #7b7b7b; height: 1px; margin: 60px 0; }
.news_ny .news_l .text2 .text2_txt { font-size: 16px; line-height: 30px; }
.news_ny .news_l .text2 .text2_txt .img { text-align: center; padding: 20px 0; }
.news_ny .news_l .text2 .shangxia { clear: both; overflow: hidden; font-size: 14px; }
.news_ny .news_l .text2 .shangxia .shang { float: left; width: 47%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.news_ny .news_l .text2 .shangxia .xia { float: right; width: 47%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.news_ny .news_l .text2 .shangxia a:hover { color: #304D9D; }
.news_div { padding: 20px; }
.news_div .newslist2 { border-bottom: 1px dashed #dbdee1; overflow: hidden; padding: 20px 0; }
.news_div .newslist2 .newslist_d { float: left; border: 1px solid #ccc; width: 98px; text-align: center; padding-top: 25px; padding-bottom: 6px; }
.news_div .newslist2 .newslist_d div {  font-size: 48px; color: #282828; font-weight: bold; margin-bottom: 16px; -webkit-transition: all .5s ease 0s; -moz-transition: all .5s ease 0s; -ms-transition: all .5s ease 0s; -o-transition: all .5s ease 0s; transition: all .5s ease 0s; }
.news_div .newslist2 .newslist_d p {  border-top: 1px solid #ccc; padding-top: 9px; font-size: 18px; color: #a3a3a3; }
.news_div .newslist2 .newslist_con { float: left; width: calc(100% - 120px); margin-left: 20px; }
.news_div .newslist2 .newslist_con .newslist_con_t { font-size: 18px; color: #333; font-weight: bold; -webkit-transition: all .5s ease 0s; -moz-transition: all .5s ease 0s; -ms-transition: all .5s ease 0s; -o-transition: all .5s ease 0s; transition: all .5s ease 0s; }
.news_div .newslist2 .newslist_con .newslist_con_t a { font-size: 16px; color: #333; font-weight: bold; display: -webkit-box; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 1; -webkit-box-orient: vertical; }
.news_div .newslist2 .newslist_con .newslist_con_b { font-size: 14px; color: #666; line-height: 25px; margin: 5px 0 5px; display: -webkit-box; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.news_div .newslist2 .newslist_con .newslist_con_a { font-size: 12px; color: #878787;  font-weight: bold; -webkit-transition: all .5s ease 0s; -moz-transition: all .5s ease 0s; -ms-transition: all .5s ease 0s; -o-transition: all .5s ease 0s; transition: all .5s ease 0s; }
.news_div .newslist2:hover .newslist_con .newslist_con_t { color: #304D9D; }
.news_div .newslist2:hover .newslist_con .newslist_con_t a { color: #304D9D; }
.news_div .newslist2:hover .newslist_d div { color: #304D9D; }
.news_div .newslist2:hover .newslist_con .newslist_con_a { color: #304D9D; }
.news_ny .news_l .news_list { background: #fff; padding: 20px; }
.news_ny .news_l .news_list dl { padding-bottom: 15px; margin-bottom: 15px; border-bottom: 1px dashed #ccc; clear: both; overflow: hidden; position: relative; }
.news_ny .news_l .news_list dl dt { float: left; width: 219px; margin-right: 20px; }
.news_ny .news_l .news_list dl dd { float: left; width: calc(100% - 239px); }
.news_ny .news_l .news_list dl dt img { width: 100%; }
.news_ny .news_l .news_list dl dd h3  a { font-size: 20px; line-height: 40px; color: #333; }
.news_ny .news_l .news_list dl dd a { font-size: 14px; color: #304D9D; }

.frt{ float: right; }

.news_ny .news_l .news_list dl dd p { font-size: 14px; margin: 10px 0; color: #666; display: -webkit-box; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 3; -webkit-box-orient: vertical; }


 @media only screen and (max-width:1400px) {
.detail-l { width: calc(100% - 440px); padding: 40px; }
.detail-l .news-dt h5 { font-size: 20px; }
.detail-l .service-dt h5 { font-size: 20px; }
.detail-r .coop { padding: 40px; }
.detail-r .infor { padding: 40px; margin-top: 40px; }
.detail-r { margin-left: 40px; }
.detail-r h1 { font-size: 20px; }
.feedback .feedback_biaoge { max-width: 880px; padding: 60px 0; width: 100%; margin: 0 auto; }
.feedback .feedback_biaoge p { width: 123px; float: left; line-height: 54px; font-size: 18px; text-align: right; margin-right: 25px; }
.feedback .feedback_biaoge p span { color: #f00; }
.feedback .feedback_biaoge input { float: left; width: calc(100% - 148px); margin-bottom: 20px; height: 54px; line-height: 54px; border: 1px solid #bfbfbf; border-radius: 5px; text-indent: 1em; color: #c5c5c5; font-size: 18px; }
.feedback .feedback_biaoge input.tijiao { font-size: 22px; background: #ff9600; border-color: #ff9600; color: #fff; cursor: pointer; }
.feedback .feedback_biaoge textarea { float: left; width: calc(100% - 153px); margin-bottom: 20px; min-height: 168px; line-height: 54px; border: 1px solid #bfbfbf; border-radius: 5px; text-indent: 1em; font-size: 16px; color: #c5c5c5; }
.feedback .feedback_biaoge input.put2 { width: 150px; margin-right: 20px; }
.feedback .feedback_biaoge a { color: #ffa200; float: left; line-height: 54px; }
.feedback .feedback_biaoge img { margin-top: 5px; float: left; margin-right: 20px; }
}
 @media only screen and (max-width:1366px) {
.detail-l .news-dt .time { font-size: 15px; }
.detail-l .news-dt h5 { font-size: 18px; }
.detail-l .service-dt h5 { font-size: 18px; }
.detail-l .news-dt .down span { font-size: 15px; }
.detail-l .pn a { font-size: 15px; }
.detail-l .txt p { font-size: 15px; }
.detail-l { width: calc(100% - 330px); padding: 30px; }
.detail-r { width: 300px; margin-left: 30px; }
.detail-r .coop { padding: 30px; }
.detail-r .infor { padding: 30px; margin-top: 30px; }
.news_ny { background: #f6f6f6; }
.news_ny .news_l { float: left; background: #fff; width: calc(100% - 360px); }
.news_ny .news_r { float: right; width: 325px; }
.news_ny .news_r .news_rbg { background: #fff; padding: 20px 24px; margin-bottom: 24px; }
.news_ny .news_r .title5 { font-size: 22px; border-bottom: 1px solid #e3e3e3; padding-bottom: 20px; margin-bottom: 20px; }
.news_ny .news_r .news_nav a { display: block; font-size: 16px; line-height: 35px; background: url(../images/news_ico.jpg) no-repeat left center; padding-left: 20px; }
.news_ny .news_r .news_nav2 img { margin-bottom: 20px; }
.news_ny .news_r .news_nav2 ul li { border-bottom: 1px dashed #ccc; padding-bottom: 15px; margin-bottom: 15px; }
.news_ny .news_r .news_nav2 ul li p { font-size: 17px; line-height: 32px; }
.news_ny .news_r .news_nav2 ul li span { font-size: 13px; color: #999; }
.news_ny .news_l .text2 { padding: 30px 5%; }
.news_ny .news_l .text2 .tit1 { font-size: 24px; color: #000; text-align: center; padding: 12px 0; }
.news_ny .news_l .text2 .tit2 { text-align: center; font-weight: normal; color: #999; font-size: 16px; }
.news_ny .news_l .text2 .tit2 span { padding: 0 10px; }
.news_ny .news_l .text2 .line { border-bottom: 1px dashed #7b7b7b; height: 1px; margin: 30px 0; }
.news_ny .news_l .text2 .text2_txt { font-size: 16px; line-height: 32px; }
.news_ny .news_l .text2 .text2_txt .img { text-align: center; padding: 20px 0; }
.news_ny .news_l .text2 .text2_txt .img img { width: 100%; }
.news_ny .news_l .text2 .shangxia { clear: both; overflow: hidden; }
.news_ny .news_l .text2 .shangxia .shang { float: left; width: 47%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.news_ny .news_l .text2 .shangxia .xia { float: right; width: 47%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.news_ny .news_l .text2 .shangxia a:hover { color: #0068b6; }
.news_ny .news_l .text2 .tit3 { text-align: left; }
.about_bg { font-size: 16px; line-height: 32px; }
}
@media only screen and (max-width:1080px ) {
.detail-l { width: calc(100% - 265px); padding: 25px; }
.detail-r { width: 240px; margin-left: 25px; }
.detail-r .coop { padding: 25px; }
.detail-r .infor { padding: 25px; margin-top: 25px; }
.detail-l .txt p img { display: block; width: 100% !important; height: auto !important; }
.contact .contact_txt .txt_bg { background: #f3f5f7; padding: 33px 0; color: #222; clear: both; overflow: hidden; }
.contact .contact_txt .txt_bg ul li { float: left; padding-left: 40px; padding-top: 15px; padding-bottom: 15px; line-height: 30px; font-size: 16px; width: 33.333333%; border-right: 1px solid #fff; }
.contact .contact_txt .txt_bg ul li img { margin-bottom: 15px; }
.contact .map { height: 547px; overflow: hidden; margin-top: -24px; background: #ccc; }
.job_content .title4 { text-align: center; background: url(../images/dot.jpg) repeat-x left center; line-height: 55px; }
.job_content .title4 a { background: #fff; font-size: 20px; color: #000; padding: 15px 20px; }
.job_content .title4 a.dq { background: #fff url(../images/title4_bg.jpg) no-repeat center bottom; }
.job_content .job_table { border: 1px solid #e5e5e5; border-bottom: 0; margin: 56px 0; line-height: 50px; font-size: 14px; text-align: center; }
.job_content .job_table tr td { border-bottom: 1px solid #e5e5e5; }
.news_con .news_title { text-align: center; clear: both; overflow: hidden; }
.news_con .news_title a { display: block; float: left; margin: 0 12px; width: calc(25% - 24px); background: #ececec; line-height: 64px; color: #000; font-size: 20px; }
.news_con .news_title a.dq, .news_con .news_title a:hover { color: #fff; background: #ff8a00; }
.product .news_title { text-align: center; clear: both; overflow: hidden; }
.product .news_title a { display: block; float: left; margin: 0 12px; width: calc(25% - 24px); background: #ececec; line-height: 64px; color: #000; font-size: 20px; }
.product .news_title a.dq, .product .news_title a:hover { color: #fff; background: #00589F; }
.news_con ul li { float: left; margin: 0 12px; width: calc(33.3333% - 24px); background: #f6f6f6; transition-property: background-color, box-shadow, border, color, opacity, transform; transition-duration: 0.3s; margin-bottom: 24px; }
.news_con ul li .img { overflow: hidden; }
.news_con ul li img { display: block; width: 100%; transition: all 0.6s ease; }
.news_con ul li .text { padding: 20px; }
.news_con ul li .text h4 { font-size: 18px; display: inline-block; white-space: nowrap; width: 100%; overflow: hidden; text-overflow: ellipsis; font-weight: 700; }
.news_con ul li .text p { font-size: 15px; text-overflow: -o-ellipsis-lastline; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; line-clamp: 2; -webkit-box-orient: vertical; margin-top: 6px; margin-bottom: 10px; }
.news_con ul li .text span { color: #999; font-size: 13px; }
.news_con ul li:hover span { color: #fff; }
.news_ny { background: #f6f6f6; }
.news_ny .news_l { float: left; background: #fff; width: calc(100% - 325px); }
.news_ny .news_r { float: right; width: 305px; }
.news_ny .news_r .news_rbg { background: #fff; padding: 20px 24px; margin-bottom: 24px; }
.news_ny .news_r .title5 { font-size: 18px; border-bottom: 1px solid #e3e3e3; padding-bottom: 13px; margin-bottom: 13px; }
.news_ny .news_r .news_nav a { display: block; font-size: 18px; line-height: 35px; background: url(../images/news_ico.jpg) no-repeat left center; padding-left: 20px; }
.news_ny .news_r .news_nav2 img { margin-bottom: 20px; }
.news_ny .news_r .news_nav2 ul li { border-bottom: 1px dashed #ccc; padding-bottom: 10px; margin-bottom: 10px; }
.news_ny .news_r .news_nav2 ul li p { font-size: 15px; line-height: 32px; }
.news_ny .news_r .news_nav2 ul li span { font-size: 12px; color: #999; }
.news_ny .news_l .text2 { padding: 20px 5%; }
.news_ny .news_l .text2 .tit1 { font-size: 20px; color: #000; text-align: center; padding: 12px 0; }
.news_ny .news_l .text2 .tit2 { text-align: center; font-weight: normal; color: #999; font-size: 13px; }
.news_ny .news_l .text2 .tit2 span { padding: 0 10px; }
.news_ny .news_l .text2 .line { border-bottom: 1px dashed #7b7b7b; height: 1px; margin: 30px 0; }
.news_ny .news_l .text2 .text2_txt { font-size: 15px; line-height: 32px; }
.news_ny .news_l .text2 .text2_txt .img { text-align: center; padding: 20px 0; }
.news_ny .news_l .text2 .text2_txt .img img { width: 100%; }
.news_ny .news_l .text2 .shangxia { clear: both; overflow: hidden; font-size: 14px; }
.news_ny .news_l .text2 .shangxia .shang { float: left; width: 47%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.news_ny .news_l .text2 .shangxia .xia { float: right; width: 47%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.news_ny .news_l .text2 .shangxia a:hover { color: #0068b6; }
.news_ny .news_l .text2 .tit3 { text-align: left; }
.about_bg { font-size: 15px; line-height: 30px; }
.item .text3 { width: 58%; padding: 40px 4%; position: absolute; left: 0; top: 50%; transform: translateY(-50%); background: #f5f5f5; }
.item .text3 h3 { font-size: 20px; color: #000; padding-left: 0%; }
.item .text3 p { line-height: 32px; font-size: 14px; padding-left: 0%; }
.item .text3 .line { background: #c6000d; width: 87px; height: 2px; margin: 20px 0; }
.item .img2 { width: 45%; margin-left: 55%; }
.item .img2 img { width: 100%; height: auto; display: block; }
}

.case_con {
	width: 100%;
	overflow: hidden;
}
.case_con .case_list {
	display: block;
	width: calc(33.3333% - 24px);
	float: left;
	margin-right: 36px;
	margin-bottom: 40px;
}
.case_con .case_list:nth-child(3n) {
	margin-right: 0px;
}
.case_con .case_list .case_list_img {
	width: 100%;
	padding: 40.5% 0;
	height: 0px;
	position: relative;border: 1px solid #d7d6de;
}
.case_con .case_list .case_list_img img {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0px;
}
.case_con .case_list .case_list_img .blackdiv {
	background: rgba(29,116,188,.6);
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0px;
	color: #fff;
	font-size: 18px;
	text-align: center;
	line-height: 100%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	opacity: 0;
	-webkit-transition: all .5s ease 0s;
	-moz-transition: all .5s ease 0s;
	-ms-transition: all .5s ease 0s;
	-o-transition: all .5s ease 0s;
	transition: all .5s ease 0s;
 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000);
}
.case_con .case_list .case_list_img .blackdiv:before {
	content: " ";
	position: absolute;
	width: 16px;
	height: 1px;
	background: #fff;
	left: 0%;
	margin-left: -8px;
	top: 40%;
	opacity: 0;
	-webkit-transition: all .9s ease 0s;
	-moz-transition: all .9s ease 0s;
	-ms-transition: all .9s ease 0s;
	-o-transition: all .9s ease 0s;
	transition: all .9s ease 0s;
}
.case_con .case_list .case_list_img .blackdiv:after {
	content: " ";
	position: absolute;
	width: 16px;
	height: 1px;
	background: #fff;
	right: 0%;
	margin-right: -8px;
	bottom: 40%;
	opacity: 0;
	-webkit-transition: all .9s ease 0s;
	-moz-transition: all .9s ease 0s;
	-ms-transition: all .9s ease 0s;
	-o-transition: all .9s ease 0s;
	transition: all .9s ease 0s;
}
.case_con .case_list:hover .case_list_img .blackdiv {
	opacity: 1;
}
.case_con .case_list:hover .case_list_img .blackdiv:before {
	opacity: 1;
	left: 50%;
}
.case_con .case_list:hover .case_list_img .blackdiv:after {
	opacity: 1;
	right: 50%;
}
.case_con .case_list .case_list_text {
	width: 100%;
	box-sizing: border-box;
	border: 1px solid #d7d6de;
	border-top: 0px;
	padding: 34px 30px;
	overflow: hidden;
}
.case_con .case_list .case_list_text .case_list_text_tb {
	width: 87%;
	float: left;
	border-right: 1px solid #cdcdcd;
}
.case_con .case_list .case_list_text .case_list_text_t {
	font-size: 20px;
	line-height: 22px;
	color: #101010;
	width: 76%;
	margin-bottom: 14px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	-webkit-transition: all .9s ease 0s;
	-moz-transition: all .9s ease 0s;
	-ms-transition: all .9s ease 0s;
	-o-transition: all .9s ease 0s;
	transition: all .9s ease 0s;
}
.case_con .case_list .case_list_text .case_list_text_b {
	font-size: 14px;
	line-height: 16px;
	color: #7a7a7a;
	width: 76%;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	-webkit-transition: all .9s ease 0s;
	-moz-transition: all .9s ease 0s;
	-ms-transition: all .9s ease 0s;
	-o-transition: all .9s ease 0s;
	transition: all .9s ease 0s;
}
.case_con .case_list .case_list_text .case_list_text_r {
	width: 13%;
	float: left;
	box-sizing: border-box;
	text-align: center;
	position: relative;
}
.case_con .case_list .case_list_text .case_list_text_r img {
	position: absolute;
	top: 16px;
	right: 0%;
}
.case_con .case_list:hover .case_list_text .case_list_text_b, .case_con .case_list:hover .case_list_text .case_list_text_t {
	color: #00589F;
}
.case_con .case_list:hover .case_list_text .case_list_text_r img {
	animation: shakey 1.2s 1 forwards;
	-webkit-animation: shakey 1.2s 1 forwards;
}
@-webkit-keyframes shakey {
 from,  to {
 -webkit-transform: translate3d(0, 0%, 0);
 transform: translate3d(0, 0%, 0);
}
 10%, 30%, 50%, 70%, 90% {
 -webkit-transform: translate3d(-1px, 0%, 0);
 transform: translate3d(-1px, 0%, 0);
}
 20%, 40%, 60%, 80% {
 -webkit-transform: translate3d(5px, 0%, 0);
 transform: translate3d(5px, 0%, 0);
}
}


 @media only screen and (max-width:850px) {
	 
.case_con .case_list {
	display: block;
	width: 100%;
	float: left;
	margin-right: 0;
	margin-bottom: 20px;
}
.case_con .case_list .case_list_text {
	padding: 15px 15px;
}
.case_con .case_list .case_list_text .case_list_text_t {
	font-size: 16px;
	line-height: 22px;
	color: #101010;
	width: 76%;
	margin-bottom: 10px;
}
.case_con .case_list .case_list_text .case_list_text_b {
	font-size: 12px;
	line-height: 14px;
}
.case_con .case_list {
	display: block;
	width: 100%;
	float: left;
	margin-right: 0;
	margin-bottom: 15px;
}
.detail-l { width: 100%; height: auto; }
.detail-r { overflow: hidden; width: 100%; margin-top: 30px; }
.detail-r .coop { width: calc(50% - 15px); margin-right: 15px; float: left; }
.detail-r .infor { width: calc(50% - 15px); float: left; margin-top: 0; }
/* .contact .contact_txt { background: url(../images/sjx.png) no-repeat left 20% bottom; background-size: 30px; padding-bottom: 14px; position: relative; z-index: 99; }
.contact .contact_txt .txt_bg { background: #00589F; padding: 0 0; color: #fff; clear: both; overflow: hidden; }
.contact .contact_txt .txt_bg ul li { float: left; padding-left: 20px; padding-top: 15px; padding-bottom: 15px; line-height: 30px; font-size: 16px; width: 100%; border-right: 0px solid #fff; border-bottom: 1px solid #fff; }
.contact .contact_txt .txt_bg ul li .img { margin-right: 15px; float: left; width: 60px; }
.contact .contact_txt .txt_bg ul li img { margin-bottom: 0; max-width: 45px; display: block; margin-top: 15px; }
.contact .contact_txt .txt_bg ul li p { float: left; }
.contact .map { height: 547px; margin-top: -24px; background: #ccc; } */

.contact { background: 0; background-size: 300px; }
.contact .contact_txt { float: right; width: 100%; position: relative; left: 0; z-index: 99; background: 0; }
.contact .contact_txt .txt_bg { margin-left: 0; padding: 23px 0; clear: both; overflow: hidden; min-height: inherit; }
.contact .contact_txt .txt_bg ul li { float: left; padding-left: 30px; padding-top: 0; padding-bottom: 20px; line-height: 28px; font-size: 15px; width: 100%; }
.contact .contact_txt .txt_bg ul li .img { margin-right: 15px; float: left; width: 48px; padding-top: 20px; }
.contact .contact_txt .txt_bg ul li .img img { display: block; height: 30px; }
.contact .contact_txt .txt_bg ul li p { float: left; }
.contact .contact_txt .txt_bg ul li:nth-child(3) { border: 0; }
.contact .map { float: left; width: 100%; overflow: hidden;  height: 300px;}
/* .contact .map iframe { width: 100%; height: 300px; } */
.contact .contact_03 { width: 100%; float: right; overflow: hidden; padding-bottom: 20px; background: 0; margin-top: 20px; }
.contact .contact_03 form { width: 100%; }
.contact .contact_03 form .input01 { width: 48.5%; float: left; border: 0px; height: 46px; line-height: 46px; background: #f3f5f7; padding-left: 20px; box-sizing: border-box; font-size: 16px; color: #333; margin-bottom: 16px; }
.contact .contact_03 form .input01:nth-child(2n) { float: right; }
.contact .contact_03 form .textarea01 { width: 100%; float: none; clear: both; border: 0px; height: 150px; line-height: 24px; background: #f3f5f7; padding: 20px 20px; box-sizing: border-box; font-size: 16px; color: #b5b7b8; margin-bottom: 16px; }
.contact .contact_03 form .submitweb { width: 100%; height: 45px; border: 0; cursor: pointer; line-height: 45px; text-align: center; background: #2F4C9C; font-size: 16px; color: #fff; margin-bottom: 16px; }
.contact .contact_03 .contact_03_b { font-size: 16px; color: #ababab; }

.feedback .feedback_biaoge { max-width: 880px; padding: 16px 0; width: 100%; margin: 0 auto; }
.feedback .feedback_biaoge p { width: 80px; float: left; line-height: 36px; font-size: 14px; text-align: right; margin-right: 10px; }
.feedback .feedback_biaoge p span { color: #f00; }
.feedback .feedback_biaoge input { float: left; width: calc(100% - 90px); margin-bottom: 10px; height: 36px; line-height: 36px; border: 1px solid #bfbfbf; border-radius: 5px; text-indent: 1em; color: #c5c5c5; font-size: 12px; }
.feedback .feedback_biaoge input.tijiao { font-size: 15px; background: #ff9600; border-color: #ff9600; color: #fff; cursor: pointer; }
.feedback .feedback_biaoge textarea { float: left; width: calc(100% - 90px); margin-bottom: 10px; min-height: 108px; line-height: 36px; border: 1px solid #bfbfbf; border-radius: 5px; text-indent: 1em; font-size: 12px; color: #c5c5c5; }
.feedback .feedback_biaoge input.put2 { width: 80px; margin-right: 10px; }
.feedback .feedback_biaoge a { color: #ffa200; font-size: 12px; float: left; line-height: 36px; }
.feedback .feedback_biaoge img { margin-top: 5px; height: 26px; float: left; margin-right: 10px; }
.job_content { }
.job_content .title4 { text-align: center; background: url(../images/dot.jpg) repeat-x left center; line-height: 55px; }
.job_content .title4 a { background: #fff; font-size: 18px; color: #000; padding: 15px 10px; }
.job_content .title4 a.dq { background: #fff url(../images/title4_bg.jpg) no-repeat center bottom; background-size: 80px; }
.job_content .job_table { border: 1px solid #e5e5e5; border-bottom: 0; margin: 26px auto; line-height: 50px; font-size: 14px; text-align: center; overflow-y: scroll; width: 500px; height: auto; }
.page { text-align: center; clear: both; overflow: hidden; padding: 20px 0; font-size: 12px; }
.page a { margin: 0 1px; border: 1px solid #cccccc; border-radius: 3px; padding: 3px 7px; }
.page a:hover, .page a.dq { color: #fff; background: #00589F; border: 1px solid #00589F; }
.news_con .news_title { text-align: center; clear: both; overflow: hidden; }
.news_con .news_title a { display: block; float: left; margin: 0 6px; width: calc(25% - 12px); background: #ececec; line-height: 44px; color: #000; font-size: 16px; }
.news_con .news_title a.dq, .news_con .news_title a:hover { color: #fff; background: #ff8a00; }
.product .news_title { text-align: center; clear: both; overflow: hidden; }
.product .news_title a { display: block; float: left; margin: 0 6px; width: calc(50% - 12px); background: #ececec; line-height: 44px; color: #000; font-size: 16px;margin-bottom: 10px; }
.product .news_title a.dq, .product .news_title a:hover { color: #fff; background: #00589F; }
.news_con ul li { float: left; margin: 0 6px; width: calc(50% - 12px); background: #f6f6f6; transition-property: background-color, box-shadow, border, color, opacity, transform; transition-duration: 0.3s; margin-bottom: 12px; }
.news_con ul li .img { overflow: hidden; }
.news_con ul li img { display: block; width: 100%; transition: all 0.6s ease; }
.news_con ul li .text { padding: 20px; }
.news_con ul li .text h4 { font-size: 16px; display: inline-block; white-space: nowrap; width: 100%; overflow: hidden; text-overflow: ellipsis; font-weight: 700; }
.news_con ul li .text p { font-size: 14px; text-overflow: -o-ellipsis-lastline; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; line-clamp: 2; -webkit-box-orient: vertical; margin-top: 3px; margin-bottom: 5px; }
.news_con ul li .text span { color: #999; font-size: 12px; }
.news_con ul li:hover span { color: #fff; }
.news_ny .news_r { width: 100%; }
.news_ny .news_l { width: 100%; }
.news_ny .news_l .text2 { padding: 20px 5%; }
.news_ny .news_l .text2 .tit1 { font-size: 17px; color: #000; text-align: center; padding: 12px 0; }
.news_ny .news_l .text2 .tit2 { text-align: center; font-weight: normal; color: #999; font-size: 13px; }
.news_ny .news_l .text2 .tit2 span { padding: 0 10px; }
.news_ny .news_l .text2 .line { border-bottom: 1px dashed #7b7b7b; height: 1px; margin: 20px 0; }
.news_ny .news_l .text2 .text2_txt { font-size: 13px; line-height: 28px; }
.news_ny .news_l .text2 .text2_txt .img { text-align: center; padding: 12px 0; }
.news_ny .news_l .text2 .text2_txt .img img { width: 100%; }
.news_ny .news_l .text2 .shangxia { clear: both; overflow: hidden; font-size: 13px; }
.news_ny .news_l .text2 .shangxia .shang { float: left; width: 47%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.news_ny .news_l .text2 .shangxia .xia { float: right; width: 47%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.news_ny .news_l .text2 .shangxia a:hover { color: #0068b6; }
.news_ny .news_l .text2 .tit3 { text-align: left; }
.about_bg { font-size: 14px; line-height: 28px; }
.carousel-control.left { visibility: inherit; opacity: 0.6; background: url(../images/left.jpg) no-repeat; }
.carousel-control.right { right: 0%; left: auto; opacity: 0.6; background: url(../images/right.jpg) no-repeat; }
.carousel-control.left:hover, .carousel-control.right:hover { opacity: 1; }
.item .text3 { width: 100%; padding: 20px 4%; position: relative; left: 0; top: 0; transform: translateY(0%); background: #f5f5f5; }
.item .text3 h3 { font-size: 18px; color: #000; padding-left: 0%; }
.item .text3 p { line-height: 28px; font-size: 13px; padding-left: 0%; }
.item .text3 .line { background: #c6000d; width: 87px; height: 2px; margin: 10px 0; }
.item .img2 { width: 100%; margin-left: 0%; }
.item .img2 img { width: 100%; height: auto; display: block; }

.news_div { padding: 20px; }
.news_div .newslist2 { border-bottom: 1px dashed #dbdee1; overflow: hidden; padding: 20px 0; }
.news_div .newslist2 .newslist_d { float: left; border: 1px solid #ccc; width: 68px; text-align: center; padding-top: 15px; padding-bottom: 6px; }
.news_div .newslist2 .newslist_d div {  font-size: 30px; color: #282828; font-weight: bold; margin-bottom: 6px; -webkit-transition: all .5s ease 0s; -moz-transition: all .5s ease 0s; -ms-transition: all .5s ease 0s; -o-transition: all .5s ease 0s; transition: all .5s ease 0s; }
.news_div .newslist2 .newslist_d p {  border-top: 1px solid #ccc; padding-top: 9px; font-size: 14px; color: #a3a3a3; }
.news_div .newslist2 .newslist_con { float: left; width: calc(100% - 80px); margin-left: 10px; }
.news_div .newslist2 .newslist_con .newslist_con_t { font-size: 16px; color: #333; font-weight: bold; -webkit-transition: all .5s ease 0s; -moz-transition: all .5s ease 0s; -ms-transition: all .5s ease 0s; -o-transition: all .5s ease 0s; transition: all .5s ease 0s; }
.news_div .newslist2 .newslist_con .newslist_con_t a { font-size: 14px; color: #333; font-weight: bold; }
.news_div .newslist2 .newslist_con .newslist_con_b { font-size: 14px; color: #666; line-height: 25px; margin: 5px 0 5px; }
.news_div .newslist2 .newslist_con .newslist_con_a { font-size: 12px; color: #878787;  font-weight: bold; -webkit-transition: all .5s ease 0s; -moz-transition: all .5s ease 0s; -ms-transition: all .5s ease 0s; -o-transition: all .5s ease 0s; transition: all .5s ease 0s; }
.news_ny .news_l .news_list { background: #fff; padding: 20px; }
.news_ny .news_l .news_list dl { padding-bottom: 15px; margin-bottom: 15px; border-bottom: 1px dashed #ccc; clear: both; overflow: hidden; position: relative; }
.news_ny .news_l .news_list dl dt { float: left; width: 100%; margin-right: 200px; }
.news_ny .news_l .news_list dl dd { float: left; width: 100%; }
.news_ny .news_l .news_list dl dt img { width: 100%; }
.news_ny .news_l .news_list dl dd h3 { font-size: 16px; line-height: 40px; color: #333; }
.news_ny .news_l .news_list dl dd a { float: right; font-size: 14px; color: #304D9D; }
.news_ny .news_l .news_list dl dd p { font-size: 14px; color: #666; }

.news_ny .news_l { width: 100%; }
.news_ny .news_l .text2 { padding: 20px 5%; }
.news_ny .news_l .text2 .tit1 { font-size: 17px; color: #000; text-align: center; padding: 12px 0; }
.news_ny .news_l .text2 .tit2 { text-align: center; font-weight: normal; color: #999; font-size: 13px; }
.news_ny .news_l .text2 .tit2 span { padding: 0 10px; }
.news_ny .news_l .text2 .line { border-bottom: 1px dashed #7b7b7b; height: 1px; margin: 20px 0; }
.news_ny .news_l .text2 .text2_txt { font-size: 13px; line-height: 28px; }
.news_ny .news_l .text2 .text2_txt .img { text-align: center; padding: 12px 0; }
.news_ny .news_l .text2 .text2_txt .img img { width: 100%; }
.news_ny .news_l .text2 .shangxia { clear: both; overflow: hidden; font-size: 13px; }
.news_ny .news_l .text2 .shangxia .shang { float: left; width: 47%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.news_ny .news_l .text2 .shangxia .xia { float: right; width: 47%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.news_ny .news_l .text2 .shangxia a:hover { color: #0068b6; }
.news_ny .news_l .text2 .tit3 { text-align: left; }
}
 @media only screen and (max-width:720px ) {
.detail-l { width: 100%; padding: 20px; }
.detail-r .coop { width: 100%; height: auto; padding: 20px; }
.detail-r .infor { display: none; }
.detail-l .service-dt h5 { float: none; width: 100%; }
.detail-l .service-dt .returns { width: 90px; line-height: 35px; font-size: 15px; float: none; }
}



.pro_list .list1{ background:#fff;}
.pro_list .list1 dl{ clear:both; overflow:hidden; position:relative;}
.pro_list .list1 dl dt{ float:left; width:45%; margin-right:5%;}
.pro_list .list1 dl dt img{ display:block; width:100%;transition: all 1s;}
.pro_list .list1 dl dt img:hover{ margin-left:-15px;}
.pro_list .list1 dl dd{ float:left; width:50%; left:55%; position:absolute; top:50%;transform: translateY(-50%);}
.pro_list .list1 dl dd h4{ font-size:26px; color:#00589F; line-height:60px;}
.pro_list .list1 dl dd span{ height:3px; width:90px; display:block; background:#676767;}
.pro_list .list1 dl dd p{ line-height:35px; padding:20px 0; font-size:16px;}
.pro_list .list1 dl dd p strong{ color:#222;}
.pro_list .list1 dl dd a{ width:150px; background:#00589F; border-radius:25px; line-height:50px; color:#fff; text-align:center; display:block; font-size:20px;}

.h100{ padding:36px 0;}
.pro_list .list2{ background:#EFEFEF;}
.pro_list .list2 dl{ clear:both; overflow:hidden; position:relative;}
.pro_list .list2 dl dt{ float:right; width:45%; margin-left:0%;}
.pro_list .list2 dl dt img{ display:block; width:100%;transition: all 1s;}
.pro_list .list2 dl dt img:hover{ margin-left:-15px;}
.pro_list .list2 dl dd{ float:left; width:50%; left:5%; position:absolute; top:50%;transform: translateY(-50%);}
.pro_list .list2 dl dd h4{ font-size:26px; color:#00589F; line-height:60px;}
.pro_list .list2 dl dd span{ height:3px; width:90px; display:block; background:#676767;}
.pro_list .list2 dl dd p{ line-height:35px; padding:20px 0; font-size:16px;}
.pro_list .list2 dl dd p strong{ color:#222;}
.pro_list .list2 dl dd a{ width:150px; background:#00589F; border-radius:25px; line-height:50px; color:#fff; text-align:center; display:block; font-size:20px;}

.product3{ background:#F5F5F5; padding:70px 0; }
.product3 .product_cp2{}
.product3 .product_cp2 .pro_title{ font-size:26px; color:#222; font-weight:bold; line-height:60px;}
.product3 .product_cp2 .pro_line{ background:#00589F; height:2px; width:110px;}
.product3 .product_cp2 .pro_txt{ background:#fff; padding:30px; font-size:16px; line-height:32px; margin:20px 0;}
.product3 .product_cp1{ margin-bottom:50px;}
.product3 .product_cp1 .lunbo{ float:left; width:66%;}
.product3 .product_cp1 .lunbo_txt{ background:#fff; width:31%; float:right; min-height:560px; padding:30px 2%;}
.product3 .product_cp1 .lunbo_txt h3{ font-size:25px; color:#00589F; margin-bottom:10px;}
.product3 .product_cp1 .lunbo_txt h4{ font-size:16px; font-weight:normal;}
.product3 .product_cp1 .lunbo_txt .line2{ height:1px ; background:#2F2F2F; width:120px; margin:20px 0;}

.qiehuan .left { width:70%; float: left; background:#fff; }
.qiehuan .s-t { width: 100%; padding-bottom: 10px; }
.qiehuan .s-c { width: 100%; }
.qiehuan .s-c .pics { width: 100%; float: left; }
.qiehuan .s-c .p1 img { width: 100%; }
.qiehuan .s-c .s-detail {  float: left; display: inline; margin-left: 7px; }
.qiehuan .cnt { text-indent: 2em; line-height: 18px; }
.qiehuan .right { width: 26%; float: left; margin-right:2%;}
.qiehuan .slide-pic { padding: 10px 0px 10px 15px; HEIGHT: auto }
.qiehuan .slide-pic A#prev { DISPLAY: block; BACKGROUND: url(../images/slide.png) no-repeat; MARGIN: 0px; OVERFLOW: hidden; WIDTH: 150px; TEXT-INDENT: -9999em; HEIGHT: 14px; outline: none }
.qiehuan .slide-pic A#next { DISPLAY: block; BACKGROUND: url(../images/slide.png) no-repeat; MARGIN: 0px; OVERFLOW: hidden; WIDTH: 150px; TEXT-INDENT: -9999em; HEIGHT: 14px; outline: none }
.qiehuan .slide-pic A#prev { BACKGROUND-POSITION: center 0px }
.qiehuan .slide-pic A#next { BACKGROUND-POSITION: center -20px }
.qiehuan .slide-pic A#prev:hover { BACKGROUND-POSITION: center -40px }
.qiehuan .slide-pic A#next:hover { BACKGROUND-POSITION: center -60px }
.qiehuan .slide-pic A.gray#prev { BACKGROUND-POSITION: center -80px }
.qiehuan .slide-pic A.gray#next { BACKGROUND-POSITION: center -100px }
.qiehuan .slide-pic .pic-container { OVERFLOW: hidden; WIDTH: 100%; HEIGHT: 350px; margin:15px 0;}
.qiehuan .slide-pic UL { WIDTH: 100% }
.qiehuan .slide-pic UL LI { PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 5px; CURSOR: pointer; PADDING-TOP: 5px }
.qiehuan .slide-pic UL LI P { BORDER-RIGHT: #fff 2px solid; BORDER-TOP: #fff 2px solid; OVERFLOW: hidden; BORDER-LEFT: #fff 2px solid; WIDTH: 140px; BORDER-BOTTOM: #fff 2px solid; HEIGHT: 80px }
.qiehuan .slide-pic UL LI.hover P { BORDER-LEFT-COLOR: #bbbbbb; BORDER-BOTTOM-COLOR: #bbbbbb; BORDER-TOP-COLOR: #bbbbbb; BORDER-RIGHT-COLOR: #bbbbbb }
.qiehuan .slide-pic UL LI P IMG { WIDTH: 100%; display:block; HEIGHT: 80px }
.qiehuan .slide-pic UL LI.cur P { BORDER-LEFT-COLOR: #00589F! important; BORDER-BOTTOM-COLOR: #00589F! important; BORDER-TOP-COLOR: #00589F! important; BORDER-RIGHT-COLOR: #00589F! important }
.qiehuan .slide-pic UL LI .date {  DISPLAY: block; Z-INDEX: 1; BACKGROUND: #fff; WIDTH: 140px; COLOR: #000; LINE-HEIGHT: 20px; POSITION: static; HEIGHT: 20px; TEXT-ALIGN: center; filter: alpha(opacity=20); -moz-opacity: 0.5; -khtml-opacity: 0.5; opacity: 0.5; }
.pro_list dl{margin-bottom: 0px;}
/* 添加 */
/*产品内页*/
.m_product {
    width: 100%;
    display: flex;
    justify-content: space-around;
    box-sizing: inherit !important;
}
.n_pic {
    width: 66%;
    margin: 50px 0;
}
/* 焦点图效果 */
.picBtnTop {
    width: 100%;
    height: auto;
    position: relative;
    overflow: hidden;
    zoom: 1;
}
.picBtnTop .hd {
    width: 115px;
    top: 0;
    padding-top: 50px;
    height: 300px;
    position: absolute;
    left: 5px;
}
.picBtnTop .hd ul li {
    width: 95px;
    text-align: center;
    padding: 0 0 5px 5px;
    box-sizing: inherit !important;
}
.picBtnTop .hd ul li img {
    width: 100%;
    height: 80px;
    border: 2px solid #ddd;
    cursor: pointer;
    vertical-align: bottom;
    box-sizing: inherit !important;
}
.picBtnTop .hd ul li.on img {
    border-color: #00589F;
}
.picBtnTop .bd {
    width: 360px;
    height: 400px;
    margin-left: 32%;
    position: relative;
}
.picBtnTop .bd li {
    position: relative;
    zoom: 1;
    width: 100%;
    vertical-align: middle;
    height: 400px;
}
.picBtnTop .bd li .pic {
    position: relative;
    z-index: 0;
    width: 100%;
}
.picBtnTop .bd li .pic img {
    width: 100%;
    height: auto;
    vertical-align: bottom;
}
.hd .tempWrap {
	height: 266px !important;
	padding-top: 10px;
}
#demo1, #demo2 {
    margin-bottom: 20px;
}
/* 下面是前/后按钮代码，如果不需要删除即可 */
.picBtnTop .arrow {box-sizing: inherit;box-sizing: inherit !important;}
.picBtnTop .arrow a {
    display: block;
    position: absolute;
    left: 50%;
    margin-left: -26px;
    width: 54px;
    height: 32px;
    float: right;
    margin-right: 5px;
    margin-top: 0;
    overflow: hidden;
    cursor: pointer;
}
.picBtnTop .arrow .next {
    background: url("../images/p_top_03.png") 0 0 no-repeat;
    top: -0;
}
.picBtnTop .arrow .prev {
    background: url("../images/p_b_03.png") 0 0 no-repeat;
    bottom: -50px;
}
.n_txt {
    width: 30%;
    background: #fff;
    overflow: hidden;
    padding: 30px 3%;
    margin: 50px 0;
    color: #2e2e2e;
}
.n_txt h1 {
    font-size: 25px;
    color: #00589F;
    line-height: 50px;
}
.n_txt p {
    font-size: 16px;
    line-height: 32px;
}
.n_txt span {
    width: 80px;
    height: 1px;
    display: block;
    margin: 15px 0;
    background: #2e2e2e;
}
.n_txt ul {
    margin-top: 15px;
}
.n_txt li {
    font-size: 16px;
    line-height: 30px;
    float: left;
}
.n_txt li:after {
    content: '';
    width: 6px;
    height: 6px;
    background: #333;
    float: left;
    border-radius: 50%;
    margin: 12px 5px;
}
.p_tit {
    background: #2e2e2e;
    height: 100px;
    width: 100%;
    line-height: 100px;
    color: #fff;
    font-size: 30px;
    font-weight: bold;
}
.p_xp {
    color: #2e2e2e;
    height: 60px;
    text-align: center;
    margin: 15px auto;
}
.p_xp h1 {
    border-bottom: 2px solid #00589F;
    line-height: 60px;
    width: 120px;
    font-size: 30px;
}
.tuij {
    overflow: hidden;
    margin: auto;
}
.tuij ul {
    display: flex;
    justify-content: space-around;
}
.tuij ul li {
    width: 30%;
    overflow: hidden;
    position: relative;
}
.tuij ul li img {
    width: 100%;
    transition: all 2s;
    background: white;
}
.tuij ul li:hover img {
    transform: scale(1.1)
}
.tuij ul li p {
    position: absolute;
    left: 10px;
    top: 10px;
    color: #2e2e2e;
    font-weight: bold;
    font-size: 24px;
}
.tuij ul li:hover p {
    color: #00589F
}
 @media only screen and (max-width:850px) {
.pro_list .list1{ background:#fff;}
.pro_list .list1 dl{ clear:both; overflow:hidden; position:relative;}
.pro_list .list1 dl dt{ float:none; width:100%; margin-right:0%;}
.pro_list .list1 dl dt img{ display:block; width:100%;transition: all 1s;}
.pro_list .list1 dl dt img:hover{ margin-left:-15px;}
.pro_list .list1 dl dd{ float:left; width:100%; left:0; position:inherit; top:0;transform: translateY(0);}
.pro_list .list1 dl dd h4{ font-size:20px; color:#00589F; line-height:60px;}
.pro_list .list1 dl dd span{ height:2px; width:70px; display:block; background:#676767;}
.pro_list .list1 dl dd p{ line-height:30px; padding:2px 0; font-size:14px;}
.pro_list .list1 dl dd p strong{ color:#222;}
.pro_list .list1 dl dd a{ width:120px; background:#00589F; border-radius:25px; line-height:40px; color:#fff; text-align:center; display:block; font-size:16px;}

.h100{ padding:20px 0;}
.pro_list .list2{ background:#EFEFEF;}
.pro_list .list2 dl{ clear:both; overflow:hidden; position:relative;}
.pro_list .list2 dl dt{ float:left; width:100%; margin-left:0%;}
.pro_list .list2 dl dt img{ display:block; width:100%;transition: all 1s;}
.pro_list .list2 dl dt img:hover{ margin-left:-15px;}
.pro_list .list2 dl dd{ float:left; width:100%; left:0; position:inherit; top:00%;transform: translateY(0);}
.pro_list .list2 dl dd h4{ font-size:20px; color:#00589F; line-height:60px;}
.pro_list .list2 dl dd span{ height:2px; width:70px; display:block; background:#676767;}
.pro_list .list2 dl dd p{ line-height:30px; padding:2px 0; font-size:14px;}
.pro_list .list2 dl dd p strong{ color:#222;}
.pro_list .list2 dl dd a{ width:120px; background:#00589F; border-radius:25px; line-height:40px; color:#fff; text-align:center; display:block; font-size:16px;}







.product3{ background:#F5F5F5; padding:30px 0; }
.product3 .product_cp2{}
.product3 .product_cp2 .pro_title{ font-size:18px; color:#222; font-weight:bold; line-height:40px;}
.product3 .product_cp2 .pro_line{ background:#00589F; height:2px; width:110px;}
.product3 .product_cp2 .pro_txt{ background:#fff; padding:20px; font-size:14px; line-height:30px; margin:12px 0;}
.product3 .product_cp1{ margin-bottom:20px;}
.product3 .product_cp1 .lunbo{ float:left; width:100%; margin-bottom:20px;}
.product3 .product_cp1 .lunbo_txt{ background:#fff; width:100%; float:right; padding:20px;min-height:inherit;}
.product3 .product_cp1 .lunbo_txt h3{ font-size:20px; color:#00589F; margin-bottom:10px;}
.product3 .product_cp1 .lunbo_txt h4{ font-size:14px; font-weight:normal;}
.product3 .product_cp1 .lunbo_txt .line2{ height:1px ; background:#2F2F2F; width:120px; margin:20px 0;}

.qiehuan .left { width:calc(98% - 100px); float: left; background:#fff; }
.qiehuan .s-t { width: 100%; padding-bottom: 10px; }
.qiehuan .s-c { width: 100%; }
.qiehuan .s-c .pics { width: 100%; float: left; }
.qiehuan .s-c .p1 img { width: 100%; }
.qiehuan .s-c .s-detail {  float: left; display: inline; margin-left: 7px; }
.qiehuan .cnt { text-indent: 2em; line-height: 18px; }
.qiehuan .right { width: 100px; float: left; margin-right:2%;}
.qiehuan .slide-pic { padding: 0 0px 0 0; HEIGHT: auto }
.qiehuan .slide-pic A#prev { DISPLAY: block; BACKGROUND: url(../images/slide.png) no-repeat; MARGIN: 0px; OVERFLOW: hidden; WIDTH: 100%; TEXT-INDENT: -9999em; HEIGHT: 14px; outline: none }
.qiehuan .slide-pic A#next { DISPLAY: block; BACKGROUND: url(../images/slide.png) no-repeat; MARGIN: 0px; OVERFLOW: hidden; WIDTH: 100%; TEXT-INDENT: -9999em; HEIGHT: 14px; outline: none }
.qiehuan .slide-pic A#prev { BACKGROUND-POSITION: center 0px }
.qiehuan .slide-pic A#next { BACKGROUND-POSITION: center -20px }
.qiehuan .slide-pic A#prev:hover { BACKGROUND-POSITION: center -40px }
.qiehuan .slide-pic A#next:hover { BACKGROUND-POSITION: center -60px }
.qiehuan .slide-pic A.gray#prev { BACKGROUND-POSITION: center -80px }
.qiehuan .slide-pic A.gray#next { BACKGROUND-POSITION: center -100px }
.qiehuan .slide-pic .pic-container { OVERFLOW: hidden; WIDTH: 100%; HEIGHT: 190px; margin:7px 0;}
.qiehuan .slide-pic UL { WIDTH:100px }
.qiehuan .slide-pic UL LI { PADDING-RIGHT: 0px; width:100px; PADDING-LEFT: 0px; PADDING-BOTTOM: 5px; CURSOR: pointer; PADDING-TOP: 5px }
.qiehuan .slide-pic UL LI P { BORDER-RIGHT: #fff 2px solid; BORDER-TOP: #fff 2px solid; OVERFLOW: hidden; BORDER-LEFT: #fff 2px solid; WIDTH: 100px;  BORDER-BOTTOM: #fff 2px solid; HEIGHT: 60px }
.qiehuan .slide-pic UL LI.hover P { BORDER-LEFT-COLOR: #bbbbbb; BORDER-BOTTOM-COLOR: #bbbbbb; BORDER-TOP-COLOR: #bbbbbb; BORDER-RIGHT-COLOR: #bbbbbb }
.qiehuan .slide-pic UL LI P IMG { WIDTH:100px; display:block; HEIGHT: 60px }
.qiehuan .slide-pic UL LI.cur P { BORDER-LEFT-COLOR: #00589F! important; BORDER-BOTTOM-COLOR: #00589F! important; BORDER-TOP-COLOR: #00589F! important; BORDER-RIGHT-COLOR: #00589F! important }
.qiehuan .slide-pic UL LI .date {  DISPLAY: block; Z-INDEX: 1; BACKGROUND: #fff; WIDTH: 140px; COLOR: #000; LINE-HEIGHT: 20px; POSITION: static; HEIGHT: 20px; TEXT-ALIGN: center; filter: alpha(opacity=20); -moz-opacity: 0.5; -khtml-opacity: 0.5; opacity: 0.5; }

/*产品内页*/

.m_product {
    display: flex;
    justify-content: space-around;
    flex-wrap: wrap;
}
.n_pic {
    width: 100%;
    margin: 30px 0;
}
/* 焦点图效果 */

.picBtnTop {
    width: 90%;
    height: auto;
    margin: 0 auto;
    position: relative;
    overflow: hidden;
    zoom: 1;
}
.picBtnTop .hd {
    width: 20%;
    top: 0;
    height: 190px;
    padding-top: 15px;
    position: absolute;
    left: 5px;
}
.picBtnTop .hd ul li {
    width: 90%;
    text-align: center;
    padding: 2px 2px;
}
.picBtnTop .hd ul li img {
    width: 100%;
    height: auto;
    border: 2px solid #ddd;
    cursor: pointer;
    vertical-align: bottom;
}
.picBtnTop .hd ul li.on img {
    border-color: #00589F;
}
.picBtnTop .bd {
    width: 75%;
    height: 260px;
    margin-left: 30%;
    position: relative;
}
.picBtnTop .bd li {
    position: relative;
    zoom: 1;
    width: 100%;
    vertical-align: middle;
    height: 260px;
}
.picBtnTop .bd li .pic {
    position: relative;
    z-index: 0;
    width: 100%;
}
.picBtnTop .bd li .pic img {
    width: 100%;
    height: auto;
    vertical-align: bottom;
}
.hd .tempWrap {
    height: 180px !important
}
#demo1, #demo2 {
    margin-bottom: 20px;
}
/* 下面是前/后按钮代码，如果不需要删除即可 */

.picBtnTop .arrow {
}
.picBtnTop .arrow a {
    display: block;
    position: absolute;
    left: 50%;
    margin-left: -11px;
    width: 22px;
    height: 16px;
    float: right;
    margin-right: 5px;
    margin-top: 0;
    overflow: hidden;
    cursor: pointer;
}
.picBtnTop .arrow .next {
    background: url("../images/p_top_03.png") 0 0 no-repeat;
    background-size: 100% 100%;
    top: -0;
}
.picBtnTop .arrow .prev {
    background: url("../images/p_b_03.png") 0 0 no-repeat;
    background-size: 100% 100%;
    bottom: -10px
}
.n_txt {
    width: 100%;
    background: #fff;
    overflow: hidden;
    padding: 30px 5%;
    margin: 0%;
    color: #2e2e2e;
}
.n_txt h1 {
    font-size: 20px;
    color: #00589F;
    line-height: 50px;
}
.n_txt p {
    font-size: 16px;
    line-height: 32px;
}
.n_txt span {
    width: 80px;
    height: 1px;
    display: block;
    margin: 15px 0;
    background: #2e2e2e;
}
.n_txt ul {
    margin-top: 15px;
}
.n_txt li {
    font-size: 16px;
    line-height: 30px;
    float: left;
}
.n_txt li:after {
    content: '';
    width: 6px;
    height: 6px;
    background: #333;
    float: left;
    border-radius: 50%;
    margin: 12px 5px;
}
.p_tit {
    background: #2e2e2e;
    height: 80px;
    width: 90%;
    line-height: 80px;
    color: #fff;
    padding: 0 5%;
    font-size: 20px;
    font-weight: bold;
}
.p_xp {
    color: #2e2e2e;
    height: 60px;
    text-align: center;
    margin: 15px 5%;
}
.p_xp h1 {
    border-bottom: 2px solid #00589F;
    line-height: 60px;
    width: 120px;
    font-size: 30px;
}
.tuij {
    overflow: hidden;
    width: 90%;
    margin: 30px 5%;
}
.tuij ul {
    display: flex;
    justify-content: space-around;
}
.tuij ul li {
    width: 40%;
    overflow: hidden;
    position: relative;
}
.tuij ul li img {
    width: 100%;
    transition: all 2s;
    background: white;
    margin-top: 40px;
}
.tuij ul li:hover img {
    transform: scale(1.1)
}
.tuij ul li p {
    position: absolute;
    left: 10px;
    top: 10px;
    color: #00589F;
    font-size: 16px;
}
.tuij ul li:hover p {
    color: #00589F;
}

}