.animate-5{transition:all .5s;-webkit-transition: all .5s;-moz-transition: all .5s;-ms-transition: all .5s;-o-transition: all .5s;}
.animate-5:hover{transition:all .5s;-webkit-transition: all .5s;-moz-transition: all .5s;-ms-transition: all .5s;-o-transition: all .5s;}
.space{white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.clamp{display: -webkit-box;-webkit-box-orient: vertical;overflow: hidden;}
.p-tb60{padding: 60px 0;}
.p-tb40{padding: 40px 0;}
.p-lr5{padding: 0 5px;}
.p-lr10{padding: 0 10px;}
.m-t20{margin-top: 20px;}
.m-t40{margin-top: 40px;}
.title{font-size: 20px;}
.content-text{font-size: 14px;line-height: 2;color: #555;}
.text-p p{margin-bottom: 0;}
.bg-01{background: #fff;}

@media(max-width: 992px){
    .p-tb60{padding: 40px 0;}
    .p-lr5{padding: 0 8px;}
    .p-lr10{padding: 0 7px;}
    .m-t20{margin-top: 14px;}
    .m-t40{margin-top: 28px;}
}



.flex-wrap{display: flex;flex-wrap: wrap;}
a.home-nav{width: 100%;height: 100%;text-align: center;padding: 1rem .5rem;background: #f9f9f9;display: flex;justify-content: center;align-items: center;}
a.home-nav h5{font-size: 24px;color: #333;}
a.home-nav h6{margin-top: 8px;font-size: 14px;text-transform: uppercase;color: #333;}
a.home-nav:hover{box-shadow: 0 2px 20px rgba(0,0,0,.16);}
a.home-nav:hover h5,a.home-nav:hover h6{color: #0656e2;}
.sol-bg{background: url('../images/sol-bg.png') no-repeat center center/cover;}


@media(max-width: 992px){
    a.home-nav h5{font-size: 18px;font-weight: bold;}
    a.home-nav h6{font-size: 12px;}
}











.side-wrap{padding: 30px;min-height: 75vh;background: #fff;}
.box-head{position: relative;padding-bottom: 15px;}
.box-head:after{content: '';width: 42px;height: 3px;background: #0656e2;position: absolute;left: 0;bottom: 0;}
.box-head .box-title{font-size: 42px;line-height: 1;font-weight: bold;color: rgba(0,0,0,.04);position: relative;}
.box-head .box-title span{font-size: 24px;color: #333;position: absolute;left: 0;bottom: 0;}
.iw_poi_title{color: #CC5522;font-size: 14px;font-weight: bold;overflow: hidden;padding-right: 13px;white-space: nowrap;}
.iw_poi_content{font: 12px arial,sans-serif;overflow: visible;padding-top: 4px;white-space: -moz-pre-wrap;word-wrap: break-word;}
#dituContent{width: 100%;height: 450px;}


.item-join-us{padding: 20px 0 20px 100px;border-bottom: 1px dashed #eee;position: relative;}
.item-join-us h4 a{font-size: 16px;color: #333;font-weight: bold;}
.item-join-us dl{text-align: center;position: absolute;top: 50%;transform: translateY(-50%); left: 0;}
.item-join-us dl dt{font-size: 28px;line-height: 1;}
.item-join-us dl dd{font-size: 14px;line-height: 1;margin-top: 10px;}
.item-join-us h5{margin-top: 10px;font-size: 14px;color: #999;display: none;}
.item-join-us h6{margin-top: 10px;font-size: 14px;color: #888;-webkit-line-clamp: 2;line-height: 1.6;height: 3.2em;}
.item-join-us h4 a:hover{color: #0656e2;}
.time-hits{margin-top: 10px;font-size: 13px;line-height: 2;color: #666;}
.time-hits span{float: left;margin-right: 15px;}
.time-hits span:last-child{margin-right: 0;}
.text-bg{padding-top: 20px;border-top: 1px solid #eee;}
.prev-next,.prev-next a{line-height: 2;color: #888;}
.prev-next a:hover{color: #0656e2;text-decoration: underline;}


.slide-left{width: 280px;}
.search .box-input{width: 100%;height: 40px;background: #fff;padding: 0 80px 0 10px;border-radius: 5px;}
.search .box-btn{width: 70px;height: 40px;text-align: center;background: #0656e2;color: #fff;border-radius: 0 5px 5px 0;position: absolute;top: 0;right: 0;}
.search .box-btn:hover{background: #077ee8;}
.mobilenav .mobile,.mobilenav .navtitle{font-size: 20px;height: 50px;line-height: 50px;text-align: center;background: #0656e2;color: #fff;}
.mobilenav .navtitle{display: none;}
.mobilenav ul.phone li a{display: block;padding: 12px 20px;font-size: 15px;background: #fff;color: #333;border-bottom: 1px solid #f7f7f7;}
.mobilenav ul.phone li.active a{color: #0656e2;}
.mobilenav ul.phone li a:hover{background: #077ee8;color: #fff;}
.slide-right{width: calc(100% - 280px);padding-left: 40px;}

.news-list{padding: 20px 0;border-bottom: 1px dashed #eee;}
.news-list .news-img{width: 240px;border: 1px solid #efefef;}
.news-list .news-img a{display: block;width: 240px;height: 160px;}
.news-list .news-con{width: calc(100% - 240px);padding-left: 30px;}
.news-list .news-con h4 a{font-size: 16px;color: #333;font-weight: bold;}
.news-list .news-con h5{margin-top: 16px;font-size: 14px;color: #999;}
.news-list .news-con h6{margin: 16px 0;font-size: 14px;color: #888;-webkit-line-clamp: 2;line-height: 1.6;height: 3.2em;}
.news-list .news-con a.view{display: block;width: 106px;text-align: center;line-height: 32px;color: #888;border: 1px solid #eee;}
.news-list:hover .news-img a img{transform: scale(1.08);}
.news-list .news-con a.view:hover{background: #0656e2;border-color: #0656e2;color: #fff;}
.news-list .news-con h4 a:hover{color: #0656e2;}

.searchkey .search{width: 100%;max-width: 560px;margin: auto;}
.key-a a{float: left;display: block;width: 120px;text-align: center;font-size: 15px;line-height: 40px;margin-right: 20px;background: #888;color: #fff;border-radius: 5px;}
.key-a a:last-child{margin-right: 0;}
.key-a a.active,.key-a a:hover{background: #0656e2;}
ul.solve-ul{margin-left: -10px;margin-right: -10px;}
ul.solve-ul li{width: 20%;padding: 0 10px;}
.pro-con .pro-img{display: block;padding: 5px;border: 1px solid #eee;}
.pro-con h4{margin-top: 10px;font-size: 15px;line-height: 1.5;}
.pro-con h4 a{color: #333;}


.honor{display: flex;flex-wrap: wrap;}
.honor .awards-item{height: 100%;}
.honor .awards-item .img{height: 100%;max-height: 240px;display: flex;justify-content: center;align-items: center;background: #f9f9f9;padding: 5px;overflow: hidden;position: relative;}
.honor .awards-item .img img{max-width: 100%;max-height: 100%;}
.honor .awards-item .img::after{content: '';width: 100%;height: 100%;background: rgba(0,0,0,.5);position: absolute;left: 0;top: 0;opacity: 0;transition: all .5s;}
.honor .awards-item .img::before{content: '';width: 30px;height: 30px;background: url('../images/amplify.png') no-repeat center/100%;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);z-index: 2;opacity: 0;transition: all .5s;}
.honor .awards-item a:hover .img::after{opacity: 1;transition: all .5s;}
.honor .awards-item a:hover .img::before{opacity: .9;transition: all .5s;}

.galleryOverlay{width: 100%;height: 100%;position: fixed;top: 0;left: 0;opacity: 0;z-index: 100000;background-color: rgba(0,0,0,.7);overflow: hidden;display: none;-moz-transition: opacity 0.5s ease;-webkit-transition: opacity 0.5s ease;transition: opacity 0.5s ease;}
.galleryOverlay.visible{opacity: 1;}
.gallerySlider{width: 100%;height: 100%;position: absolute;left: 0;top: 0;white-space: nowrap;}
.gallerySlider .placeholder{background: url("../images/loading.gif") no-repeat center center;height: 100%;line-height: 1px;text-align: center;width: 100%;display: inline-block;}
.gallerySlider .placeholder:before{content: "";display: inline-block;height: 50%;width: 1px;margin-right: -1px;}
.gallerySlider .placeholder img{display: inline-block;max-height: 80%;max-width: 100%;vertical-align: middle;}
.prevArrow, .nextArrow{border: none; text-decoration: none;opacity: 0.5;cursor: pointer;position: absolute; width:50%;height:100%;top:0;margin-top: 0px;}
.prevArrow:hover, .nextArrow:hover{opacity: 1;}
.prevArrow{background-position: left top;left:0;}
.nextArrow{background-position: right top;right:0;}
.pagelimit{position: absolute;bottom: 20px;left: 50%;margin-left: -18px;color: #fff;font-size: 18px;}
.closed{cursor: pointer;position: absolute;width: 40px;height: 40px;right:2%;top: 3%;transform: rotate(45deg);}
.closed::after,.closed::before{content: '';background: #fff;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);}
.closed:hover{opacity: 0.5;}
.closed::after{width: 26px;height: 2px;}
.closed::before{width: 2px;height: 26px;}

@media(max-width: 992px){
    .side-wrap{padding: 0;}
    .box-head .box-title{font-size: 30px;}
    .box-head .box-title span{font-size: 20px;}
    #dituContent{height: 300px;}
    
    .item-join-us{padding: 20px 0;}
    .item-join-us dl,.mobilenav .mobile,.news-list .news-con a.view{display: none;}
    .item-join-us h5,.mobilenav .navtitle{display: block;}
    .slide-left{width: 100%;}
    .search .box-input{background: #f7f7f7;}
 
    .mobilenav ul.phone{margin-left: -3px;margin-right: -3px;}
    .mobilenav ul.phone li{float: left;margin: 3px;}
    .mobilenav ul.phone li a{background: #fafafa;padding: 6px 10px;font-size: 14px;}
    .slide-right{width: 100%;padding: 30px 0 0;}
    
    .news-list{padding: 14px 0;}
    .news-list .news-img{width: 100%;}
    .news-list .news-img a{width: 100%;height: auto;}
    .news-list .news-con{width: 100%;padding: 14px 0 0;}
    .news-list .news-con h5{margin-top: 10px;}
    .news-list .news-con h6{margin: 10px 0 0;}
    .key-a a{width: 90px;line-height: 32px;font-size: 12px;margin-right: 10px;}
    
    ul.solve-ul{margin-left: -7px;margin-right: -7px;}
    ul.solve-ul li{padding: 0 7px;}
}
@media(max-width: 768px){
    ul.solve-ul li{width: 50%;}
}