@charset "utf-8";

.container{position: relative;}

.c-title {font-size: 30px;background: url(./image/title_line.png) no-repeat bottom left;padding-bottom: 20px;}

.c-about { display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; }
.m-about { width: 68%; flex:0 0 68%; padding-left: calc( (100% - 1600px) / 2 ); padding-right: 9%; }
.video { position: relative; width: 32%; flex:0 0 32%; text-align: center; }
.video a { display: block; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); color: rgba(255,255,255,.6); font-size: 24px; line-height: 40px; }
.video a i { display: block; width: 68px; height: 68px; margin: 0 auto 36px; background: url(./image/video.png) no-repeat; background-size: contain; }
.about { margin-bottom: 60px; }
.about .hd { position: relative; margin-bottom:32px; }
.about .hd .title { position: relative; font-size: 30px; font-weight: normal; line-height: 95px; }
.about .hd .title::after { position: absolute; left: 0; bottom: 0; width: 56px; height: 4px; background-color: #0069ce; content: ''; }
.about .bd { height: 110px; opacity: .7; font-size: 14px; line-height: 24px; text-overflow: -o-ellipsis-lastline; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; }

.honor { display: flex; justify-content: flex-start; align-items: center; flex-wrap: wrap; }
.honor-info { position: relative; width: 33%; min-height: 324px; flex:0 0 33%; padding: 40px 22px; background: #0070c0 url(./image/g_49.jpg) no-repeat right top; background-size: contain; color: #fff; }
.honor-info h3 { font-size: 18px; line-height: 32px; font-weight: normal; color: #fff;}
.honor-info h4 { opacity: .4; font-size: 12px; line-height: 24px; font-weight: normal;color: #fff; }
.honor-info::after { position: absolute; right: 32px; bottom: 40px; width: 60px; height: 60px; background: url(./image/g_48.png) no-repeat center; content: ''; }
.honor-info .bottom { position: absolute; left: 32px; bottom: 40px; }
.honor-info .bottom .y { font-size: 30px; font-family: Impact; line-height: 36px; color: #fff;}
.honor-info .bottom .y em { margin-left: 11px; font-size: 14px; line-height: 22px; color: #fff;}
.honor-info .bottom .a { opacity: .4; font-size: 12px; line-height: 24px; color: #fff;}
.honor-list { width: 67%; flex:0 0 67%; }
.honor-list li { position: relative; float: left; width: calc( 50% - 12px); margin-left: 12px; margin-bottom: 12px; background: #eaeaea; font-size: 14px; line-height: 28px; }
.honor-list li a { display: block; min-height: 156px; padding: 40px 22px; }
.honor-list li::after { position: absolute; right: 32px; bottom: 22px; width: 40px; height: 40px; content: ''; }
.honor-list li:nth-child(1)::after { background: url(./image/g_51.png) no-repeat center; }
.honor-list li:nth-child(3)::after { background: url(./image/g_52.png) no-repeat center; }
.honor-list li:nth-child(2)::after { background: url(./image/g_53.png) no-repeat center; }
.honor-list li:nth-child(4)::after { background: url(./image/g_54.png) no-repeat center; }
.honor-list li:nth-child(3),
.honor-list li:nth-child(4) { margin-bottom: 0; }



.c-qa { padding: 100px 0 118px; background: url(./image/c_qa_bg.jpg) no-repeat center top #f3f6f9; background-size: contain; }
.c-qa .hd { position: relative; margin-bottom:54px; }
.c-qa .hd .title { position: relative; font-size: 30px; font-weight: normal; line-height: 95px; }
.c-qa .hd .title::after { position: absolute; left: 0; bottom: 0; width: 56px; height: 4px; background-color: #0069ce; content: ''; }

.c-qa-slidebox { position: relative; }
.c-qa-slidebox .hd { width: 30%; height: 100%; position: absolute; left: 0; top: 0; z-index: 5; }    
.c-qa-slidebox .bd {width: 70%;height: 100%;position: relative;left: 30%;top: 0;}
.c-qa-slidebox .hd ul { height: 100%; }
.c-qa-slidebox .hd li { position: relative; height: 33.3333%; background-color: #0092cc; display: flex; align-items: center; }
.c-qa-slidebox .hd li .num { color: #fff; font-weight: 600; width: 28%; text-align: center; font-size: 30px; border-right: 1px solid rgba(255,255,255,.3); }
.c-qa-slidebox .hd li>.f-right { text-align: center; width: 72%; }
.c-qa-slidebox .hd li>.f-right .title-e {text-transform: uppercase;font-size: 30px;font-weight: 600;color: rgba(255,255,255,.3);}
.c-qa-slidebox .hd li>.f-right .title-z {font-size: 24px;color: #fff;font-weight: 600;background: url(./image/c_qa_icon00.png) no-repeat bottom center;padding: 5px 0 15px;}
.c-qa-slidebox .hd li.on { background-color: #fff; width: 110%;padding-left: 10%; }
.c-qa-slidebox .hd li.on .num { color: #333; border-color: rgba(0,0,0,.3); }
.c-qa-slidebox .hd li.on>.f-right .title-e  {color: #d0d0d0;}
.c-qa-slidebox .hd li.on>.f-right .title-z  {color: #005bac;background-image: url(./image/c_qa_icon01.png);}

.c-qa-slidebox .hd .qs2 { background-color: #0092cc;}
.c-qa-slidebox .hd .qs3 { background-color: #1376cf;}
.c-qa-slidebox .hd .qs4 { background-color: #196bb4;}
.c-qa-slidebox .hd .qs5 { background-color: #005bac;}

.c-contact .hd { position: relative; }
.c-contact .hd .pic img { width: 100%; height: auto; }
.c-contact .hd .title { position: absolute; top: 50%; left: 8%; font-size: 28px; font-weight: normal; transform: translate(0, -50%); line-height: 64px; }
.c-contact .hd .title::after { position: absolute; left: 0; bottom: 0; width: 60px; height: 4px; background-color: #0069ce; content: ''; }
.c-contact .bd { padding: 100px 0;    background: #f8fbff; }

.c-contact-cc { display: flex; justify-content: space-between; width: 48%; flex-wrap: wrap; }


.c-contact-zhhb { width: 75%; padding-top: 14px; text-align: right; }
.c-contact-zhhb h4 { margin-bottom: 20px; font-size: 20px; line-height: 24px; font-weight: normal; }
.c-contact-zhhb .lx { color: rgba(102,102,102,.7); line-height: 24px; }
.c-contact-zhhb .lx p { padding: 6px 30px 6px 0; font-size: 14px; }
.c-contact-zhhb .lx p:nth-child(1) { background: url(./image/g_27.png) no-repeat right 8px; }
.c-contact-zhhb .lx p:nth-child(2) { background: url(./image/g_29.png) no-repeat right 8px; }
.c-contact-zhhb .lx p:nth-child(3) { background: url(./image/g_30.png) no-repeat right 8px; }
.c-contact-zhhb .lx p:nth-child(4) { background: url(./image/g_30.png) no-repeat right 8px; }

.c-contact .c-contact-code { width: 20%;margin-left:5%;margin-top: 1%;text-align: center; }
.c-contact .c-contact-code p {line-height: 1.5;font-size: 14px;}

.c-contact-nav { display: flex;justify-content: space-around;width: 40%; flex-wrap: wrap; }
.c-contact-nav dl dt { margin-bottom: 5px; font-size: 18px; line-height: 40px; }
.c-contact-nav dl dd { color: #999; font-size: 14px; line-height: 26px; }
.c-contact-nav dl dd a { color: #999; }


.form-panel { width: 48%; }
.form-panel .field { float: left; width: 32%; margin-right: 2%; margin-bottom: 10px; border-bottom:1px solid #ccc; }
.form-panel .field:nth-child(3) { margin-right: 0; }
.form-panel .full-field { width: 100%; margin-right: 0; clear:both; }
.form-panel .input {padding: 0;zoom:1;}
.form-panel .field:after { content:'\20'; display:block; height:0; clear:both; }
.form-panel .text { width: 100%; height:60px; padding:10px 0;border-radius:0;border:0;background:#fff;color:#555; font-size: 14px; display: block; }
.form-panel .textarea {width: 100%;height: 140px;padding:20px 0;border-radius: 0;border:0;background:#fff;color:#555; font-size: 14px; display: block; }
.form-panel .submit-field { padding:19px 0 0; clear:both; }
.form-panel .submit-field .input { padding: 0; }
.form-panel .submit-field .btn-submit,.form-panel .submit-field .btn-reset {width: 100px;height:40px;border:none;background: #383838;color:#fff;cursor:pointer;font-size: 13px;}
.form-panel .submit-field .btn-reset { display: none; }



.c-case { padding: 34px 0 55px; }
.c-case .hd { position: relative; margin-bottom: 43px; }
.c-case .hd .title { position: relative; top: 50%; font-size: 30px; font-weight: normal; line-height: 95px; }
.c-case .hd .title::after { position: absolute; left: 0; bottom: 0; width: 60px; height: 4px; background-color: #0069ce; content: ''; }
.c-case .bd { padding: 0 44px; }
.c-case .bd .swiper-container { padding: 0 0 77px; }
.c-case .swiper-slide { position: relative; width: 50%; background: #fff; 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; }
.c-case .swiper-slide .info { width: 50%; padding: 43px 41px 0 24px; }
.c-case .swiper-slide .info h3 {margin-bottom: 24px;font-size:16px;line-height:20px;/*height:26px; text-overflow: ellipsis;overflow: hidden;white-space: nowrap;*/position: relative;}
.c-case .swiper-slide .info .txt { margin-bottom: 14px; font-size:12px; opacity: .6; line-height:26px; text-overflow: -o-ellipsis-lastline; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; line-clamp: 2; -webkit-box-orient: vertical; }
.c-case .swiper-slide .info .time { padding-left: 22px; background: url(./image/g_44.png) no-repeat 0 50%; font-size:12px; color:#b7b7b7; line-height:26px; }
.c-case .swiper-slide .pic { position: relative; }
.c-case .swiper-slide .pic img { width: 100%; height: auto; }
.c-case .swiper-slide .pic::after { position: absolute; left: 9px; bottom: 9px; top: 9px; right: 9px; border: 1px solid rgba(255,255,255,.6); content: ''; }
.c-case .swiper-slide:nth-of-type(1),
.c-case .swiper-slide:nth-of-type(3),
.c-case .swiper-slide:nth-of-type(5) { border-bottom: 1px solid #e5f0fe; }
/*
.c-case .swiper-slide:nth-of-type(1)::after { position: absolute; left: -44px; bottom: 0; width: 44px; height: 1px; background-color: #e5f0fe; content: ''; }
.c-case .swiper-slide:nth-of-type(3)::before { position: absolute; left: -44px; bottom: -2px; width: 5px; height: 5px; border-radius: 5px; border:1px solid #cee2fd; background-color: #fff; z-index: 1; content: ''; }
.c-case .swiper-slide:nth-of-type(2)::after { position: absolute; right: -44px; bottom: 0; width: 44px; height: 1px; background-color: #e5f0fe; content: ''; }
.c-case .swiper-slide:nth-of-type(4)::before { position: absolute; right: -44px; bottom: -2px; width: 5px; height: 5px; border-radius: 5px; border:1px solid #cee2fd; background-color: #fff; z-index: 1; content: ''; }
*/
.c-case .swiper-slide .arr{width: 15px;height: 15px;position: absolute;right: -16px;top:50%;margin-top: -7.5px;background: url(./image/arrr.png) no-repeat center;}
.c-case .swiper-slide:nth-child(2n) .arr{width: 15px;height: 15px;position: relative;left:0; margin-top: 7px;background: url(./image/arrl.png) no-repeat center;}
.c-case .swiper-slide:nth-child(2n) { flex-wrap: wrap-reverse; flex-direction:row-reverse; }

.c-case .swiper-container .swiper-pagination { position: absolute; top: auto; bottom: 100px; display: none; }
.c-case .swiper-container .swiper-button-white { position: absolute; top: auto; bottom: 0; display:inline-block; width:40px; height:40px; line-height:40px; vertical-align: top; }
.c-case .swiper-container .prev { left: 50%; margin-left: -50px; background:url(./image/case_prev2.png) no-repeat center; background-size: contain; }
.c-case .swiper-container .next { right: 50%; margin-right: -50px; background:url(./image/case_next2.png) no-repeat center; background-size: contain; }
.c-case .swiper-container .prev:hover { background:url(./image/case_prev2.png) no-repeat center; }
.c-case .swiper-container .next:hover { background:url(./image/case_next2.png) no-repeat center; }



.c-news { padding: 89px 0 60px; background: #f3f6f9 url(./image/c-news.jpg) no-repeat center; background-size: cover; }
.c-news .hd { position: relative; margin-bottom:98px; border-bottom: 1px solid #e0e0e0; }
.c-news .hd .title { position: relative; float: left; font-size: 28px; font-weight: normal; line-height: 63px; }
.c-news .hd .title::after { position: absolute; left: 0; bottom: 0; width: 60px; height: 4px; background-color: #0069ce; content: ''; }
.c-news .hd .more { float: right; margin-top: 15px; padding-right: 26px; background: url(./image/g_47.png) no-repeat right center; font-size: 14px; line-height: 48px; }
.c-news .hd .more a { display: inline-block; margin-right:16px; }
.c-news .bd {  }
.hot { position: relative; float: left; width: 45%; }
.hot .pic { position: relative; width: 100%; height: 440px;margin-bottom: 10px; }
.hot .pic img { width: 100%; height: 100%; }
.hot .info h3 { margin-bottom: 14px; font-size:20px; line-height:43px; height:43px; font-weight: normal; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }
.hot .info .txt { margin-bottom: 20px; font-size:14px; opacity: .6; line-height:26px; text-overflow: -o-ellipsis-lastline; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; line-clamp: 2; -webkit-box-orient: vertical; }
.hot .info .more { width: 112px; height: 28px; line-height: 26px; }
.hot .info .more a { position: relative; display: block; width: 112px; height: 28px; border: 1px solid #c2c2c2; }
.hot .info .more a::before,
.hot .info .more a::after { position: absolute; top: 50%; left: 50%; width: 15px; height: 1px; background-color: #c2c2c2; content: ''; transform: translate(-50%, -50%); }
.hot .info .more a::before { width: 1px; height: 15px; }
.hot .info .more a:hover { border: 1px solid #0069ce; }
.hot .info .more a:hover::after,
.hot .info .more a:hover::before { background-color: #0069ce; }

.right-news { float: right; width: 50%; padding-left: 50px; }
.news .info h3 { margin-bottom: 14px; font-size:20px; line-height:43px; height:43px; font-weight: normal; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }
.news .info .txt { margin-bottom: 42px; font-size:14px; opacity: .6; line-height:26px; text-overflow: -o-ellipsis-lastline; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; line-clamp: 2; -webkit-box-orient: vertical; }
.news .info .more { width: 112px; height: 28px; line-height: 26px; }
.news .info .more a { position: relative; display: block; width: 112px; height: 28px; border: 1px solid #c2c2c2; }
.news .info .more a::before,
.news .info .more a::after { position: absolute; top: 50%; left: 50%; width: 15px; height: 1px; background-color: #c2c2c2; content: ''; transform: translate(-50%, -50%); }
.news .info .more a::before { width: 1px; height: 15px; }
.news .info .more a:hover { border: 1px solid #0069ce; }
.news .info .more a:hover::after,
.news .info .more a:hover::before { background-color: #0069ce; }
.news-list { float: right;width: 53%; }
.news-list .item {height: 101px; border-bottom: 1px solid #c2c2c2; overflow: hidden; }
.news-list .item .time,
.news-list .item .pic { width: 90px; height: 100%; float: left; color: #666; margin-right: 18px; text-align: center; font-size: 16px; line-height: 90px; font-weight: bold; }
.news-list .item .pic img { position: relative; top: 50%; width: 100%; height: auto; transform: translate(0, -50%); }
.news-list .item .info { position: relative; top: 50%; display: block; overflow: hidden; padding-left: 32px; border-left: 1px solid #c2c2c2; transform: translate(0, -50%); }
.news-list .item .info h4 { font-size:18px; height:28px; line-height:28px; font-weight: normal; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }
.news-list .item .info .txt { font-size:14px; opacity: .6; height:24px; line-height:24px; font-weight: normal; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }

.news-list .item .time { display: block; }
.news-list .item .pic { display: none; }
.news-list .item:hover .time { display: none; }
.news-list .item:hover .pic { display: block; }


/*返回顶部*/
.js-top {
    display: none;
    position: fixed;
    right: 3%;
    bottom: 350px;
    margin: auto;
    width: 80px;
    height: 80px;
    background: #f4f4f4 url(./image/icon-gotop.png) no-repeat center center/32px;
    box-shadow: 0 5px 14px 3px rgb(0 0 0 / 18%);
    z-index: 10;
    cursor: pointer;
}