@charset "utf-8";

@import "iconfont.css";
@import "jquery.fancybox.css";
@import "grid12.css";

/*---------------------------------------------------*/

.h-hbg{width:100%;background:#fff;border-top:15px solid #f3f3f3;border-bottom:15px solid #f3f3f3;padding:25px 0;}
.h-hbg ul{display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between;}
.h-hbg ul li{width:20%;overflow:hidden;display:-webkit-flex;display:flex;-webkit-justify-content:flex-start;justify-content:flex-start;-webkit-align-items:center;align-items:center;}
.h-hbg ul li .z-img{}
.h-hbg ul li .z-img img{height:70px;}
.h-hbg ul li .z-txt{margin-left:20px;}
.h-hbg ul li .z-txt strong{font-size:28px;color:#01a6db;}
.h-hbg ul li .z-txt p {max-width:190px;font-size:16px;color:#666666;}


.sec_gap{padding:55px 0;}
.sec_gap .tit{text-align:center;}
.sec_gap .tit h3{font-size:40px;color:#333;position:relative;display:inline-block;}
.sec_gap .tit h3::after{content:'';position:absolute;width:26px;height:4px;background:#01A6DB;bottom:-30px;left:calc(50% - 13px);z-index:11;}
.sec_gap .tit p{font-size:16px;color:#485C6B;line-height:28px;margin:40px 0 0;}

.sec_gap ul{margin-top:30px;display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between;}
.sec_gap ul li{width:32.333333%;position:relative;display:-webkit-flex;display:flex;}
.sec_gap ul li::before{width:100%;height:100%;content:'';top:0;left:0;bottom:0;position:absolute;z-index:1;background:#000;opacity:0.20;-webkit-transform:scaleX(0);-ms-transform:scaleX(0);transform:scaleX(0);-webkit-transition:all 0.6s ease 0.5s;transition:all 0.6s ease 0.5s;}
.sec_gap ul li::after{width:100%;height:100%;content:'';top:0;left:0;bottom:0;position:absolute;z-index:1;background:#000;opacity:0.20;-webkit-transform:scaleY(0);-ms-transform:scaleY(0);transform:scaleY(0);-webkit-transition:all 0.6s ease 0.5s;transition:all 0.6s ease 0.5s;}

.sec_gap ul li .pic{position:relative;}
.sec_gap ul li .pic img{width:100%;display:block;}
.sec_gap ul li .t{position:absolute;z-index:2;left:0;top:0;right:0;bottom:0;width:100%;height:100%;background:url(../images/z-hoverbg.png) no-repeat;background-size:cover;color:#fff;cursor:pointer;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center;flex-direction:column;-webkit-flex-direction:column;opacity:0;-webkit-transition: opacity 0.2s, -webkit-transform 0.35s;transition:opacity 0.2s, transform 0.35s;-webkit-transform:scale(0);transform:scale(0);}
.sec_gap ul li .t p{color:#fff;font-size:14px;line-height:30px;padding:0 30px 40px;}
.sec_gap ul li .t h5{position:absolute;bottom:40px;left:0;right:0;text-align:center;font-size:28px;color:#fff;}
.sec_gap ul li .t h5 em{display:inline-block;position:relative;}
.sec_gap ul li .t h5 em::before{content:'';position:absolute;width:53px;height:18px;background:url(../images/jx1.png);top:14px;left:-73px;z-index:11;}
.sec_gap ul li .t h5 em::after{content:'';position:absolute;width:53px;height:18px;background:url(../images/jx.png);top:14px;right:-73px;z-index:11;}

.sec_gap ul li:hover .t{opacity:1;-webkit-transform:scale(1);transform:scale(1);-webkit-transition-duration: 0.35s;transition-duration: 0.35s;}
.sec_gap ul li:hover::before {-webkit-transform:scaleX(1);-ms-transform:scaleX(1);transform:scaleX(1);}
.sec_gap ul li:hover::after {-webkit-transform:scaleY(1);-ms-transform:scaleY(1);transform:scaleY(1);}

.sec_gap .more{margin-top:50px;height:36px;position:relative;text-align:center;}
.sec_gap .more::after{content:"";background:#EBEBEB;width:100%;height:1px;position:absolute;z-index:1;top:50%;left:0;right:0;}
.sec_gap .more .morelink{display:inline-block;line-height:36px;padding:0 25px;background:#fff;position:relative;z-index:10;}
.sec_gap .more .morelink a{display:inline-block;font-size:18px;color:#01a6db;padding-left:50px;background:url(../images/more.png) no-repeat left center;}


.indexD{background:#f2f2f2 url(../images/ibg1.png) no-repeat center 80px;min-height:712px;margin-top:40px;padding-top:60px;}
.indexD .tit{text-align:center;}
.indexD .tit h3{font-size:40px;color:#333;position:relative;display:inline-block;}
.indexD .tit h3::after{content:'';position:absolute;width:26px;height:4px;background:#01A6DB;bottom:-30px;left:calc(50% - 13px);z-index:11;}
.indexD .tit p{font-size:16px;color:#485C6B;line-height:28px;margin:40px 0 0;}

.indexD .nr{margin-top:70px;padding:0 50px;display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between;}
.indexD .txt{width:450px;}
.indexD .txt h5{margin-bottom:30px;font-size:20px;color:#333;}
.indexD .txt p{padding-left:36px;color:#666;font-size:16px;background:url(../images/gou.png) no-repeat left center;line-height:28px;margin-bottom:16px;}
.indexD .txt input.z-inputtxt{width:390px;height:50px;padding-left:15px;margin-top:25px;background:#fff;box-shadow:1px 0px 5px 0px #c8e7f0;border:0;font-size:16px;color:#666;}
.indexD .txt .z-zuhe {margin-top:16px;width:390px;position:relative;}
.indexD .txt .z-zuhe input.z-inputphone{width:100%;height:50px;padding:0 145px 0 15px;border:3px solid #01a6db;background:#fff;font-size:16px;color:#666;}
.indexD .txt .z-zuhe button{position:absolute;right:0;right:0;width:133px;height:50px;background:#01a6db;color:#fff;font-size:18px;}

.indexD ul{}
.indexD ul li{width:152px;float:left;margin:0 0 0 90px;cursor:pointer;}
.indexD ul li .box{width:160px;height:160px;background:#F6F6F6;border-radius:50%;text-align:center;box-sizing:border-box;box-shadow:rgba(0,0,0,0.05) 0px 4px 9px 0;}
.indexD ul li .box1{padding:25px 0 0;position:relative;background:#F6F6F6;}
.indexD ul li .box1::after{content:"";display:block;left:50%;margin:0 0 0 -15px;bottom:-57px;width:30px;height:44px;background:url(../images/i6.png) no-repeat;position:absolute;z-index: 1;}
.indexD ul li .box2{padding:30px 0 0;margin-top:78px;}
.indexD ul li .box em{color:#666;font-size:18px;display:block;}
.indexD ul li .box span{color:#01a6db;font-size:36px;display:block;margin:5px 0 0;}
.indexD ul li .box p{color:#666;font-size:16px;margin:10px 0 0;}

.indexD ul li:hover .box{box-shadow:rgba(0,0,0,0.15) 0px 4px 9px 0;}


.index-case{padding:55px 0;}
.index-case .tit{text-align:center;}
.index-case .tit h3{font-size:40px;color:#333;position:relative;display:inline-block;}
.index-case .tit h3::after{content:'';position:absolute;width:26px;height:4px;background:#01A6DB;bottom:-30px;left:calc(50% - 13px);z-index:11;}
.index-case .tit p{font-size:16px;color:#485C6B;line-height:28px;margin:40px 0 0;}

.index-case .list{margin:40px 0 0;position:relative;}

.index-case .view{width:100%;box-sizing:border-box;}
.index-case .view .swiper-slide{display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between;-webkit-flex-direction:row-reverse;flex-direction:row-reverse;}
.index-case .view .swiper-slide .pic{width:780px;position:relative;}
.index-case .view .swiper-slide .pic img{display:inline-block;}
.index-case .view .swiper-slide .pic p{background:url(../images/ibg3.png) no-repeat center;position:absolute;bottom:43px;left:0;right:0;width:100%;line-height:54px;text-align:center;}
.index-case .view .swiper-slide .pic p em{font-size:20px;color:#fff;display:inline-block;}
.index-case .view .swiper-slide .pic p em::before{content:'';width:20px;height:1px;background:rgba(255,255,255,0.5);display:inline-block;vertical-align:middle;margin-right:40px;}
.index-case .view .swiper-slide .pic p em::after{content:'';width:20px;height:1px;background:rgba(255,255,255,0.5);display:inline-block;vertical-align:middle;margin-left:40px;}

.index-case .view .swiper-slide .t{padding:40px 50px 0 0;-webkit-flex:1;flex:1;}
.index-case .view .swiper-slide .t h5{font-size:20px;color:#333;position:relative;display:inline-block;padding:0 0 0 70px;}
.index-case .view .swiper-slide .t h5::after{content:'';position:absolute;width:48px;height:2px;background:#01A6DB;top:13px;left:0px;z-index:11;}
.index-case .view .swiper-slide .t p{font-size:16px;color:#999;line-height:28px;margin:20px 0 0;}
.index-case .view .swiper-slide .t .more{margin:35px 0 0;display:inline-block;font-size:18px;color:#01a6db;line-height:36px;padding-left:50px;background:url(../images/more.png) no-repeat left center;}

.index-case .view .swiper-pagination{display:none;position:static;width:100%;margin:20px 0 0;}
.index-case .view .swiper-pagination-bullet {height:10px;width:10px;margin:0 3px;background:none;border:1px solid #3284D2;border-radius:50%;opacity:1;box-sizing:border-box;}
.index-case .view .swiper-pagination-bullet-active{background:#3284D2;}

.index-case .arrow-left,.index-case .arrow-right{position:absolute;top:50%;margin-top:-20px;width:40px;height:40px;z-index:10;text-align:center;}
.index-case .arrow-left{left:0;}
.index-case .arrow-right{right:0;}
.index-case .arrow-left i,.index-case .arrow-right i{color:#fff;font-size:30px;line-height:40px;}

.index-case .preview{width:700px;position:absolute;bottom:60px;left:0;overflow:hidden;box-sizing:border-box;}
.index-case .preview .swiper-container {width:100%;text-align:center;}
.index-case .preview .swiper-wrapper{}
.index-case .preview .swiper-slide{cursor:pointer;display:inline-block;box-sizing:border-box;position:relative;}
.index-case .preview .swiper-slide::after{content:'';width:100%;height:100%;background:rgba(0,0,0,0.5);position:absolute;top:0;left:0;right:0;bottom:0;}
.index-case .preview .swiper-slide img{width:100%;display:block;}

.index-case .preview .swiper-slide.active-nav::after{display:none;}



.indexnews{background:url(../images/ibg2.jpg) no-repeat center top;background-size:cover;padding:50px 0;}
.indexnews .tit{text-align:center;}
.indexnews .tit h3{font-size:40px;color:#fff;position:relative;display:inline-block;}
.indexnews .tit h3::after{content:'';position:absolute;width:26px;height:4px;background:#fff;bottom:-30px;left:calc(50% - 13px);z-index:11;}
.indexnews .tit p{font-size:16px;color:#fff;line-height:28px;margin:40px 0 0;}

.indexnews .list{position:relative;margin:30px 0 0;padding:40px 70px;background:#fff;}
.indexnews .list .swiper-slide{position:relative;box-sizing:border-box;}
.indexnews .list .swiper-slide span{display:block;font-size:16px;color:#999;}
.indexnews .list .swiper-slide h5{height:60px;line-height:25px;font-size:20px;margin:10px 0 10px;}
.indexnews .list .swiper-slide h5 a{color:#333;}
.indexnews .list .swiper-slide h5 a:hover{color:#01A6DB;}
.indexnews .list .swiper-slide p{display:block;font-size:15px;color:#666;line-height:26px;}
.indexnews .list .swiper-slide .more{margin:30px 0 0;display:inline-block;font-size:16px;color:#01a6db;line-height:36px;padding-left:50px;background:url(../images/more.png) no-repeat left center;}

.indexnews .list .swiper-slide:hover h5 a{color:#01A6DB;}


.indexnews .swiper-button-prev,.indexnews .swiper-button-next{width:40px;height:40px;margin-top:-18px;border-radius:50%;text-align:center;background:none;}
.indexnews .swiper-button-prev i,.indexnews .swiper-button-next i{font-size:30px;line-height:40px;color:#999;}
.indexnews .swiper-button-prev,.indexnews .swiper-container-rtl .swiper-button-next{left:10px;right:auto;}
.indexnews .swiper-button-next,.indexnews .swiper-container-rtl .swiper-button-prev{right:10px;left:auto;}

.indexnews .swiper-button-prev:hover i,.indexnews .swiper-button-next:hover i{color:#01A6DB;}
.indexnews .swiper-pagination{display:none;position:static;width:100%;margin:20px 0 0;}.indexnews .swiper-pagination-bullet {height:10px;width:10px;margin:0 3px;background:none;border:1px solid #3284D2;border-radius:50%;opacity:1;box-sizing:border-box;}.indexnews .swiper-pagination-bullet-active{background:#3284D2;}
.index-partner{padding:50px 0 20px;}
.index-partner .tit{text-align:center;}
.index-partner .tit h3{font-size:40px;color:#333;position:relative;display:inline-block;}
.index-partner .tit h3::after{content:'';position:absolute;width:26px;height:4px;background:#01A6DB;bottom:-30px;left:calc(50% - 13px);z-index:11;}
.index-partner .tit p{font-size:16px;color:#485C6B;line-height:28px;margin:40px 0 0;}

.index-partner ul{margin:40px 0 0 -40px;}
.index-partner ul li{float:left;width:200px;overflow:hidden;margin:30px 0 0 40px;}
.index-partner ul li img{width:100%;display:block;}


/*---------------------*/

.sidebanner .txt{display:none;}

.path{background:#fff;height:60px;line-height:59px;border-bottom:1px solid #D9D9D9;}
.path p{color:#474747;font-size:14px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
.path p i{margin:0 8px 0 0;font-size:14px;color:#01A6DB;}
.path p a,.path p i{color:#474747;}

.main{padding-top:50px;padding-bottom:50px;}
.flexbox{display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between;}

.stit{text-align:center;}
.stit h2{font-size:36px;line-height:1;color:#333;}
.stit hr{width:46px;height:4px;overflow:hidden;margin:30px auto 0;background:#01A7DB;}
.stit p{font-size:15px;color:#666;line-height:24px;margin:25px 100px 0;}

/*---------------------*/
.about1{padding:60px 0;}
.about1 .wp{display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between;}
.about1 .pic{width:547px;position:relative;}
.about1 .pic img{width:100%;display:block;}
.about1 .txt{-webkit-flex:1;flex:1;margin-right:70px;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-justify-content:center;justify-content:center;}
.about1 .txt em{font-size:16px;color:#01a6db;}
.about1 .txt h5{font-size:36px;color:#333;font-weight:bold;text-transform:capitalize;margin:10px 0 0;}
.about1 .txt hr{width:46px;height:4px;margin:20px 0 0;background:#02A5DC;}
.about1 .txt p{margin:15px 0 0;color:#6e6e6e;font-size:16px;line-height:30px;}


.about2{box-sizing:border-box;background:url(../images/ibg4.jpg) no-repeat center top;}
.about2 .t{height:450px;display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-flex-direction:column;flex-direction:column;-webkit-align-items:center;align-items:center;}
.about2 .t .v{position:relative;width:100px;height:100px;border-radius:50%;background-color:#01A7DB;cursor:pointer;display:inline-block;text-align:center;}
.about2 .t .v::after{content:"";position:absolute;top:-10px;right:-10px;bottom:-10px;left:-10px;border-radius:50%;background-color:rgba(1,167,219,0.2);animation:scale2 2s linear infinite;}
.about2 .t .v i{position:relative;z-index:20;font-size:35px;color:#fff;line-height:100px;}
.about2 .t h5{font-size:36px;color:#fff;margin:50px 0 0;}

.about2 ul{height:140px;background:#01A7DB;display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between;-webkit-align-items:center;align-items:center;}
.about2 ul li{display:inline-block;-webkit-flex:1;flex:1;text-align:center;position:relative;}
.about2 ul li:not(:last-child):before{content:'';width:1px;height:45px;background:#E4E2E2;position:absolute;right:0;top:10px;}
.about2 ul li h5{color:#fff;font-size:30px;}
.about2 ul li h5 em{font-weight:bold;font-size:30px;}
.about2 ul li p{font-size:16px;color:#fff;margin:10px 0 0;text-align:center;}

@keyframes scale2 { 
from {-webkit-transform:scale(1);transform:scale(1);}
  50% {-webkit-transform:scale(1.3);transform:scale(1.3);}
  to {-webkit-transform:scale(1);transform:scale(1);} 
}

.about3{padding:80px 0;}
.about3 h3{font-size:36px;color:#333;text-align:center;}
.about3 ul{margin-top:50px;display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between;}
.about3 ul li{width:32.333333%;position:relative;}
.about3 ul li .pic{position:relative;}
.about3 ul li .pic img{width:100%;display:block;}
.about3 ul li .t{position:absolute;z-index:2;left:0;top:0;right:0;bottom:0;width:100%;height:100%;background:rgba(1,167,219,0.6);color:#fff;cursor:pointer;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center;flex-direction:column;-webkit-flex-direction:column;opacity:0;-webkit-transition: opacity 0.2s, -webkit-transform 0.35s;transition:opacity 0.2s, transform 0.35s;-webkit-transform:scale(0);transform:scale(0);}
.about3 ul li .t::before{content:'';top:10px;left:10px;bottom:10px;right:10px;position:absolute;z-index:1;border:1px solid rgba(255,255,255,0.5);}
.about3 ul li .t p{color:#fff;font-size:14px;line-height:30px;padding:0 30px 40px;}
.about3 ul li h5{margin:10px 0 0;text-align:center;font-size:18px;color:#333;}

.about3 ul li:hover .t{opacity:1;-webkit-transform:scale(1);transform:scale(1);-webkit-transition-duration: 0.35s;transition-duration: 0.35s;}

/*---------------*/

.case-tit{}
.case-tit h3{font-size:36px;line-height:1;color:#333;text-align:center;}
.case-tit hr{width:46px;height:4px;overflow:hidden;margin:30px auto 0;background:#01A7DB;}

.case-tit ul{margin:30px 0 0;font-size:0;text-align:center;}
.case-tit ul li{display:inline-block;margin-left:25px;height:37px;line-height:37px;font-size:16px;cursor:pointer;color:#333;position:relative;}
.case-tit ul li::after{content: "";position:absolute;bottom:0px;left:calc(50% - 15px);display:block;width:30px;height:1px;background-color:#07A0D9;-webkit-transform: scale(0,1);-ms-transform: scale(0,1);transform: scale(0,1);-ms-transform-origin:center center;transform-origin:center center;-webkit-transform-origin:center center;transition:all .15s ease-out;filter:alpha(opacity=@opacity * 100);-moz-opacity:0;-khtml-opacity:0;opacity:0;}
.case-tit ul li:hover,.case-tit ul li.active{color:#01A7DB;}
.case-tit ul li.active::after{-webkit-transform:scale(1,1);-ms-transform:scale(1,1);transform:scale(1,1);-moz-opacity:1;-khtml-opacity:1;opacity:1;}


.caselist ul{margin:50px 0 0 -2%;}
.caselist ul li{float:left;width:23%;margin:0 0 20px 2%;}
.caselist ul li .pic{position:relative;width:100%;display:block;overflow:hidden;}
.caselist ul li .pic img{width:100%;display:block;transition:all 0.3s ease 0s;-webkit-transition:all 0.3s ease 0s;}
.caselist ul li .pic .t{position:absolute;z-index:2;left:0;top:0;right:0;bottom:0;width:100%;height:100%;padding:0 30px;background:rgba(1,167,219,0.6);color:#fff;cursor:pointer;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center;flex-direction:column;-webkit-flex-direction:column;opacity:0;-webkit-transition: opacity 0.2s, -webkit-transform 0.35s;transition:opacity 0.2s, transform 0.35s;-webkit-transform:scale(0);transform:scale(0);}
.caselist ul li .pic .t::before{content:'';top:10px;left:10px;bottom:10px;right:10px;position:absolute;z-index:1;border:1px solid rgba(255,255,255,0.5);}
.caselist ul li .pic .t h5{font-size:18px;color:#fff;}
.caselist ul li .pic .t p{color:#fff;font-size:13px;line-height:24px;margin:15px 0 0;}


.caselist ul li h6{padding:10px 0;height:50px;box-sizing:border-box;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center;text-align:center;}
.caselist ul li h6 a{font-size:16px;color:#666;padding:0 10px;}
.caselist ul li:hover img{transform:scale(1.11);-webkit-transform: scale(1.11);}
.caselist ul li:hover .pic::after{display:block;}

.caselist ul li:hover .pic .t{opacity:1;-webkit-transform:scale(1);transform:scale(1);-webkit-transition-duration: 0.35s;transition-duration: 0.35s;}

/*---------------*/

.service-list ul{}
.service-list ul li{overflow:hidden;margin:50px 0 0;display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between;}
.service-list ul li .pic{width:700px;}
.service-list ul li .pic img{width:100%;display:block;}
.service-list ul li .txt{-webkit-flex:1;flex:1;box-sizing:border-box;display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;padding:0 100px;-webkit-flex-direction:column;flex-direction:column;background:#F9F9F9;position:relative;}
.service-list ul li .txt h5{font-size:32px;color:#333;}
.service-list ul li .txt hr{width:46px;height:3px;overflow:hidden;margin:20px 0 0;background:#01A7DB;}
.service-list ul li .txt p{margin-top:20px;font-size:15px;line-height:24px;color:#333;}
.service-list ul li .txt .more{margin-top:20px;}
.service-list ul li .txt .more a{font-size:16px;color:#01A6DB;}
.service-list ul li .txt .more a i{width:32px;height:32px;display:inline-block;line-height:32px;border:1px solid #01A6DB;border-radius:50%;text-align:center;font-size:17px;color:#01A6DB;margin-right:10px;}

.service-list ul li:nth-child(2n){-webkit-flex-direction:row-reverse;flex-direction:row-reverse;}
.service-list ul li:nth-child(2n) .txt{padding:0 100px;}

.service-list ul li:hover .txt h5 a{color:#F7AB00;}
.service-list ul li:hover .txt .tip a i{color:#F7AB00;}


.service{margin:50px 0 0;background:#F9F9F9;padding:30px;}
.service .pic{float:left;width:680px;position:relative;}
.service .pic img{width:100%;}

.service .qlist{margin-left:710px;position:relative;}
.service .qlist ul li{background:#fff;}
.service .qlist ul li~li{margin-top:15px;}
.service .qlist ul li h5{height:65px;line-height:65px;display:block;padding:0 0 0 20px;font-size:18px;color:#333;cursor:pointer;position:relative;}
.service .qlist ul li h5 span{color:#333;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;padding:0 70px 0 0;display:block;}
.service .qlist ul li h5 i{position:absolute;right:0;top:0;width:50px;height:65px;line-height:65px;display:block;text-align:center;}
.service .qlist ul li h5 i::before{content:"\e727";color:#999;font-size:24px;}
.service .qlist ul li .txt{display:none;padding:18px 20px;color:#666;font-size:15px;box-sizing:border-box;}
.service .qlist ul li .txt p{line-height:24px;}

.service .qlist ul li.active h5{border-bottom:1px solid #DCDBDB;}
.service .qlist ul li.active h5 i::before{content:"\e729";color:#01A6DB;}


.service-2{margin:50px 0 0;}
.service-2 ul{display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between;}
.service-2 ul li{width:136px;text-align:center;position:relative;}
.service-2 ul li:not(:last-child)::after{content:"";background:url(../images/i12.png) no-repeat;width:51px;height:22px;position:absolute;right:-120px;top:57px;}
.service-2 ul li span{width:136px;height:136px;position:relative;border-radius:50%;background-color:rgba(1,166,219,0.1);cursor:pointer;display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;}
.service-2 ul li span::after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;background-color:rgba(1,166,219,0.1);}
.service-2 ul li p{font-size:17px;margin:20px 0 0;color:#333;}

.service-2 ul li:hover span{background-color:rgba(1,166,219,0.3);}
.service-2 ul li:hover span::after{animation:scale2 2s linear infinite;}

@keyframes scale2 { 
from {-webkit-transform:scale(1);transform:scale(1);}
  50% {-webkit-transform:scale(1.3);transform:scale(1.3);}
  to {-webkit-transform:scale(1);transform:scale(1);} 
}
/*---------------*/

.news-right{width:380px;}

.sidesearch{position:relative;background:#fff;}
.sidesearch .submit_text{float:left;border:none;background:#fff;border:1px solid #eee;border-right:none;width:320px;height:50px;line-height:50px;color:#333;font-size:15px;padding:0 0 0 10px;box-sizing:border-box;}
.sidesearch .submit_btn{float:left;border:none;width:50px;height:50px;background:#F4F4F4;display:block;cursor:pointer;}
.sidesearch .submit_btn i{font-size:22px;color:#222;}

.newsnav{margin:25px 0 0;}
.newsnav h3{height:52px;line-height:52px;font-size:22px;color:#000;}
.newsnav h3 b{width:20px;height:2px;margin:0 0 0 10px;background:#d49f54;display:inline-block;vertical-align:middle;}
.newsnav h3::after{display:none;font-family:"qico";content: "\e727";float:right;font-size:20px;font-weight:normal;margin-top:0px;margin-right:15px;-webkit-transition: -webkit-transform .3s ease;transition: -webkit-transform .3s ease;transition: transform .3s ease;transition: transform .3s ease, -webkit-transform .3s ease;}
.newsnav h3.active::after{-webkit-transform: rotate(45deg) scale(1.08);-ms-transform: rotate(45deg) scale(1.08);transform: rotate(45deg) scale(1.08);}

.newsnav ul{}
.newsnav ul li{height:56px;line-height:56px;border-bottom:1px solid #eee;text-align:center;background:url("../images/i6.png") no-repeat right center;}
.newsnav ul li a{font-size:16px;color:#7e7e7e;transition:all 0.3s ease 0s;}
.newsnav ul li a:hover{color:#d49f54;text-decoration:underline;}
.newsnav ul li:hover{background:url("../images/i6-1.png") no-repeat right center;}
.newsnav ul li:hover a{color:#d49f54;margin:0 0 0 20px;}

.side-list{margin-bottom:20px;}
.side-list h3{height:50px;line-height:50px;font-size:20px;color:#333;font-weight:bold;}
.side-list h3::after{content:"";width:20px;height:2px;background:#01A6DB;display:block;}
.side-list ul li{padding:20px 0;border-bottom:1px solid #EAEAEA;transition:all 0.3s ease 0s;box-sizing:border-box;}
.side-list ul li a.pic{float:left;width:78px;display:block;overflow:hidden;}
.side-list ul li a.pic img{width:100%;transition:all 0.3s ease 0s;}
.side-list ul li .t{margin:0 0 0 95px;}
.side-list ul li .t h5{font-size:15px;color:#333;line-height:22px;height:44px;overflow:hidden;}
.side-list ul li .t h5 a:hover{color:#096C44D;}
.side-list ul li .t span{display:block;margin:10px 0 0 0;font-size:13px;color:#999;background:url(../images/time.png) no-repeat left center;background-size:16px;padding:0 0 0 22px;}

.side-tags{margin-bottom:20px;margin-top:20px;}
.side-tags h3{height:50px;line-height:50px;font-size:20px;color:#333;font-weight:bold;}
.side-tags h3::after{content:"";width:20px;height:2px;background:#01A6DB;display:block;}
.side-tags h4{padding:0 0 0 15px;background:#0078BD;line-height:50px;color:#fff;font-size:16px;}
.side-tags .nr{overflow:hidden;margin:15px 0 0;line-height:22px;font-size:14px;color:#444;}
.side-tags .nr a{padding:4px 8px;display:inline-block;margin:0 8px 10px 0;border:1px solid #D9D9D9;border-radius:4px;}
.side-tags .nr a:hover{background:#01A6DB;border:1px solid #01A6DB;color:#fff;}

.news-left{-webkit-flex:1;flex:1;margin-right:50px;}

.newslist ul{}
.newslist ul li{padding:20px 0;border-bottom:1px dashed #D9D9D9;position:relative;}
.newslist ul li .pic{float:left;width:160px;}
.newslist ul li .pic img{width:100%;display:block;}
.newslist ul li .t{margin:0 0 0 190px;box-sizing:border-box;}
.newslist ul li .t h5{color:#333;font-size:18px;}
.newslist ul li .t p{color:#666;font-size:15px;line-height:22px;height:44px;margin:15px 0 0;overflow: hidden;}
.newslist ul li .bot{margin:15px 0 0;display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between;-webkit-align-items:center;align-items:center;}
.newslist ul li .bot span{font-size:13px;color:#999;background:url(../images/time.png) no-repeat left center;min-height:18px;padding:0 0 0 25px;}
.newslist ul li .bot .more{display:inline-block;font-size:14px;color:#01a6db;}

.newslist ul li:hover{border-bottom:1px dashed #01A6DB;}
.newslist ul li:hover .t h5 a{color:#01A6DB;}
.newslist ul li:hover .more{color:#01A6DB;}


.newsnr{}
.newsnr h1{font-size:22px;line-height:1.2;margin:20px 0 0;color:#222;text-align:center;font-weight:bold;}

.artInfo{padding:25px 0;border-bottom:1px dotted #ddd;text-align:center;}
.artInfo span{margin:0 10px;}
.artInfo span.time{background:url(../images/time2.png) no-repeat left center;padding:0 0 0 20px;}
.artInfo span.hit{background:url(../images/hit.png) no-repeat left center;padding:0 0 0 23px;}

.myart{margin:20px 0;line-height:30px;font-size:15px;color:#444;}
.myart p{margin:0 0 10px;}

.pnbar{margin-top:40px;text-align:center;}
.pnbar a{color:#fff;width:142px;height:42px;line-height:42px;font-size:14px;display:inline-block;margin:0 15px;background:#333;text-align:center;border-radius:5px;}
.pnbar a:hover{color:#fff;background:#01A6DB;}
.pnbar a img{margin-right:10px;vertical-align:middle;}


/*-----hr------*/

.hr-3{margin-top:80px;}
.hr-3 ul{font-size:0;text-align:center;}
.hr-3 ul li{cursor:pointer;box-sizing:border-box;width:20%;display:inline-block;text-align:center;transition:all 0.3s ease 0s;}
.hr-3 ul li p{font-size:18px;color:#202020;margin:23px 0 0 0;}
.hr-3 ul li:hover{transform:translate(0,-10px);-webkit-transform:translate(0,-10px);}


.hr-list{margin-top:80px;}
.hr-list .tit{background:#0051A4;height:50px;line-height:50px;display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between;-webkit-align-items:center;align-items:center;}
.hr-list .tit span{font-size:18px;color:#fff;display:inline-block;text-align:center;}
.hr-list .tit span:nth-child(1){width:126px}
.hr-list .tit span:nth-child(2){width:344px}
.hr-list .tit span:nth-child(3){width:200px}
.hr-list .tit span:nth-child(4){width:250px}
.hr-list .tit span:nth-child(5){width:180px}
.hr-list .tit span:nth-child(6){width:90px}

.hr-list .list{border:1px solid #D9D9D9;margin-top:5px;}
.hr-list .list .t{height:46px;line-height:46px;cursor:pointer;display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between;-webkit-align-items:center;align-items:center;}
.hr-list .list .t span{font-size:14px;color:#555;display:inline-block;text-align:center;}
.hr-list .list .t span:nth-child(1){width:126px}
.hr-list .list .t span:nth-child(2){width:344px}
.hr-list .list .t span:nth-child(3){width:200px}
.hr-list .list .t span:nth-child(4){width:250px}
.hr-list .list .t span:nth-child(5){width:180px}
.hr-list .list .t span:nth-child(6){width:90px}
.hr-list .list .t span:nth-child(6) em{background:url("../images/i19.png") no-repeat center;width:90px;height:46px;display:block;}
.hr-list .list .t.active span:nth-child(6) em{background:url("../images/i19-1.png") no-repeat center;}

.hr-list .list .con{display:none;padding:20px 42px;}
.hr-list .list .con h5{font-size:14px;color:#202020;margin-bottom:10px;}
.hr-list .list .con p{font-size:14px;color:#555;line-height:30px;margin-bottom:15px;}
.hr-list .list .con a{width:131px;display:block;height:36px;line-height:36px;color:#fff;background:#D82B27;text-align:center;font-size:14px;border-radius:4px;box-shadow:rgba(0,0,0,0.3) 2px 2px 8px 0px;}

.hr-list .list:hover .t span{color:#0051A4;}





.hr-inquire{}
.hr-inquire h3{height:50px;line-height:50px;text-align:center;background:#0051A4;font-size:18px;color:#fff;}


.hr-inquire table{width:100%;max-width:100%;border:1px solid #D9D9D9;color:#555;font-size:14px;margin-top:20px;}
.hr-inquire table tr > td{padding:5px 15px;height:36px;line-height:1.42857143;vertical-align:middle;border:1px solid #D9D9D9;}
.hr-inquire table tr > td:nth-child(2n+1){background:#F9F9F9;text-align:center;}
.hr-inquire table tr > td em{color:#d80d18;vertical-align:middle;}

.hr-inquire input[type="text"],.hr-inquire textarea{padding:7px 0;font-size:14px;border:none;width:100%;line-height:22px;text-align:left;color:#333;box-sizing:border-box;}
.hr-inquire textarea{max-width:100%;width:100%;resize:none;}
.hr-inquire .red{color:#f00;font-weight:bold;}
.hr-inquire .yzm { width:70%; margin-right:10px;}
.hr-inquire input.submit{width:131px;display:block;height:36px;line-height:36px;cursor:pointer;color:#fff;background:#D82B27;text-align:center;font-size:14px;border-radius:4px;box-shadow:rgba(0,0,0,0.4) 0px 4px 10px 0px;margin:40px auto 0;}

/*---------------*/



.contact{margin:30px 0 0 0;display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between;-webkit-align-items:center;align-items:center;}

.mess{width:580px;}
.mess h3{display:block;margin:10px 0 20px 0;font-size:26px;line-height:1;color:#212933;font-weight:bold;}

.mess dl{line-height:30px;padding:10px 0;border-bottom:1px dashed #ccc;}
.mess dl dt,.mess dl dd{float:left;font-size:15px;}
.mess dl dt{margin-right:5px;width:19%;padding-left:1%;}
.mess dl dd{padding-left:1%;width:78%;}
.mess dl dd a{color:#666;}
.mess dl dd a:hover{color:#B8296B;}

.inquirbox{width:580px;}
.inquirbox ul{display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;}
.inquirbox ul li{width:160px;margin:0 30px;text-align:center;}
.inquirbox ul li p{font-size:15px;color:#333;margin:10px 0 0;}
.inquirbox img{width:270px;border:5px solid #f0f0f0;padding:10px;}

.map{margin:50px 0 0;border:#C1C1C1 7px solid;width:100%;box-sizing:border-box;}