.p-tb80{padding: 80px 0;}
.p-tb60{padding: 60px 0;}
.p-lr10{padding: 0 10px;}
.p-lr5{padding: 0 5px;}
.m-t60{margin-top: 60px;}
.m-t40{margin-top: 40px;}
.m-t20{margin-top: 20px;}
.row-top{margin-top: -20px;}
.fz-36{font-size: 36px;}
.fz-24{font-size: 24px;}
.fz-16{font-size: 16px;}
.content-text{font-size: 16px;line-height: 2;color: #555;}
.text-p p{margin-bottom: 0;}
.bg-01{background: #f9f9f9;}

@media(max-width: 1230px){
    .p-tb80{padding: 64px 0;}
    .p-tb60{padding: 48px 0;}
    .p-lr10{padding: 0 7px;}
    .p-lr5{padding: 0 8px;}
    .m-t60{margin-top: 48px;}
    .m-t40{margin-top: 32px;}
    .m-t20{margin-top: 16px;}
    .row-top{margin-top: -16px;}
    .fz-36{font-size: 30px;}
    .fz-24{font-size: 22px;}
    .content-text,.fz-16{font-size: 14px;}
}
@media(max-width: 991px){
    .p-tb80{padding: 48px 0;}
    .p-tb60{padding: 36px 0;}
    .p-lr10{padding: 0 6px;}
    .p-lr5{padding: 0 9px;}
    .m-t60{margin-top: 36px;}
    .m-t40{margin-top: 24px;}
    .m-t20{margin-top: 12px;}
    .row-top{margin-top: -12px;}
    .fz-36{font-size: 24px;}
    .fz-24{font-size: 18px;}
}


.home-info-flex{display: flex;align-items: center;}
.home-info-flex .con{width: calc(100% - 620px);padding-right: 0.6rem;}
.home-info-flex .con .desc{line-height: 2;-webkit-line-clamp: 5;max-height: 10em;}
.home-info-flex .video{width: 620px;font-size: 0;}
a.view-more{display: inline-block;width: 135px;height: 45px;line-height: 45px;border-radius: 5px;background: #1006c9;color: #fff;position: relative;}
a.view-more:before{content: "";background: rgba(0,0,0,0) linear-gradient(to right,rgba(255,255,255,0) 0px,rgba(255,255,255,0.5) 100%) repeat scroll 0 0;display: block;height: 100%;left: -75%;position: absolute;top: 0;transform: skewX(-25deg);-webkit-transform: skewX(-25deg);-ms-transform: skewX(-25deg);-o-transform: skewX(-25deg);width: 50%;z-index: 2;opacity: 0.75;pointer-events: none;-webkit-transition: all 0.4s ease;-o-transition: all 0.4s ease;transition: all 0.4s ease;}
a.view-more:hover{background: #fd4507;}
a.view-more:hover:before{animation: shine 1.5s;pointer-events: auto;-webkit-animation: shine 1.5s;}
@-webkit-keyframes shine {100% {left: 125%}}
@keyframes shine {100% {left: 125%;}}
.home-partner-bg{background-image: url('../images/partnerbg.jpg');background-position: center center;background-size: cover;background-attachment: fixed;}

.pro_main_nav{display: flex;flex-wrap: wrap;}
.pro_main_nav .col-md-3{width: 20%;}
.pro_main_nav a.maxnav{display: block;width: 100%;height: 100%;text-align: center;overflow: hidden;position: relative;padding: 40px 20px;background: #f8f8f8;border-radius: 6px;}
.pro_main_nav a.maxnav .name{font-size: 20px;font-weight: bold;color: #333;}
.pro_main_nav a.maxnav .link{margin-top: 10px;font-size: 16px;color: #888;}
.pro_main_nav a.maxnav:hover{background: #fd4507;}
.pro_main_nav a.maxnav:hover .name,.pro_main_nav a.maxnav:hover .link{color: #fff;}
.pro_main_nav a.maxnav:before{content: "";width: 100%;height: 100%;background: rgba(0,0,0,0.2);position: absolute;top: 0;left: 0;}
.pro_main_nav a.maxnav .name,.pro_main_nav a.maxnav .link{position: relative;z-index: 9;color: #fff;}

.slide-pro-nav{background: #fff;}
.slide-pro-nav .con{text-align: center;padding: 30px;}
.slide-pro-nav .con .title a{font-size: 18px;color: #333;}
.slide-pro-nav .con .desc{margin: 10px 0 20px;font-size: 15px;color: #888;}
.slide-pro-nav:hover img{transform: scale(1.08);}
.slide-pro-nav .con .title a:hover{color: #fd4507;}
a.learnmore{display: block;width: 150px;line-height: 44px;margin: 60px auto 0;text-align: center;font-size: 16px;border: 1px solid #fd4507;color: #fd4507;}
a.learnmore:hover{background: #fd4507;color: #fff;}

.strengths{display: flex;flex-wrap: wrap;}
.strengths .strengimg{width: 100%;height: 100%;overflow: hidden;position: relative;}
.strengths .strengimg .ourcon{width: 100%;padding: 15px;background: rgba(0,0,0,0.36);background: linear-gradient(to bottom,rgba(0,0,0,0),rgba(0,0,0,0.40));position: absolute;left: 0;bottom: 0;}
.strengths .strengimg .ourcon .title{font-size: 20px;font-weight: bold;color: #fff;text-shadow: 0 2px 2px rgba(0,0,0,0.2);}
.strengths .strengimg .ourcon .desc{margin-top: 6px;font-size: 16px;color: #fff;text-shadow: 0 2px 2px rgba(0,0,0,0.2);}

.box-news-list .img{height: 240px;}
.box-news-list .con{padding: 20px;background: #f9f9f9;}
.box-news-list .con .title a{font-size: 18px;font-weight: bold;color: #333;}
.box-news-list .con .time{padding: 12px 0;color: #888;}
.box-news-list .con .desc{color: #999;line-height: 1.75;-webkit-line-clamp: 2;height: 3.5em;}
.box-news-list:hover{box-shadow: 0 2px 12px rgba(0,0,0,0.12);}
.box-news-list .con .title a:hover{color: #fd4507;}
.box-news-list a:hover img{transform: scale(1.08);}

@media(max-width: 1230px){
    .home-info-flex .con{width: calc(100% - 540px);}
    .home-info-flex .video{width: 540px;}
    a.view-more{width: 125px;height: 40px;line-height: 40px;}
    .pro_main_nav .col-md-3{width: 33.33%;}
}
@media(max-width: 991px){
    .home-info-flex{display: block;}
    .home-info-flex .con{width: 100%;padding: 0 0 36px;}
    .home-info-flex .video{width: 100%;}

    .slide-pro-nav .con{padding: 15px;}
    .slide-pro-nav .con .title a{font-size: 16px;}
    .slide-pro-nav .con .desc{margin: 5px 0 10px;font-size: 14px;}
    .strengths .strengimg .ourcon{padding: 15px;}
    .strengths .strengimg .ourcon .title{font-size: 18px;}
    .strengths .strengimg .ourcon .desc{font-size: 14px;}
    
    .pro_main_nav .col-md-3{width: 50%;}
    .pro_main_nav a.maxnav{padding: 30px 15px;}
    .pro_main_nav a.maxnav .name{font-size: 16px;}
    .pro_main_nav a.maxnav .link{font-size: 12px;}
    a.learnmore{width: 120px;line-height: 34px;margin: 36px auto 0;font-size: 14px;}
}



.box-pro-flex{display: flex;flex-wrap: wrap;}
a.item-pro-list{width: 100%;display: block;height: 100%;background: #f9f9f9;border: 1px solid #eee;}
a.item-pro-list .img{background: #fff;}
a.item-pro-list .title{font-size: 18px;padding: 15px;color: #333;}
a.item-pro-list:hover{background: #fd4507;border-color: #fd4507;}
a.item-pro-list:hover img{transform: scale(1.08);}
a.item-pro-list:hover .title{color: #fff;}

.show-img-left{width: 480px;border: 2px solid #f7f7f7;}
.proswiper .swiper-button-prev,.proswiper .swiper-button-next{width: 30px;height: 42px;background: rgba(0,0,0,0.3);}
.proswiper .swiper-button-prev:after,.proswiper .swiper-button-next:after{font-size: 18px;color: #fff;}
.proswiper .swiper-button-prev:hover,.proswiper .swiper-button-next:hover{background: rgba(0,0,0,0.8);}
.proswiper .swiper-button-next{right: 0;}
.proswiper .swiper-button-prev{left: 0;}
.proswiper .swiper-button-disabled{opacity: 0;}
.show-con-desc{width: calc(100% - 480px);padding-left: 40px;}

.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: 88%;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;}
.show-pro-title{background: #eee;}
.show-pro-title span{display: inline-block;font-size: 20px;padding: 6px 20px;background: #fd4507;color: #fff;}

.gs-item-title{line-height: 1;padding-bottom: 24px;position: relative;}
.gs-item-title:before{content: '';width: 48px;height: 4px;background: #fd4507;position: absolute;left: 0;bottom: 0;}
.gs-item-title.title:before{left: 50%;transform: translateX(-50%);}

@media(max-width: 1230px){
    a.item-pro-list .title{font-size: 16px;padding: 10px;}
    .show-pro-title span{font-size: 16px;padding: 5px 15px;}
}
@media(max-width: 991px){
    a.item-pro-list .title{font-size: 14px;padding: 6px;}
    .show-img-left{width: 100%;}
    .show-con-desc{width: 100%;padding: 24px 0 0;}
    .gs-item-title{padding-bottom: 15px;}
    .gs-item-title:before{width: 42px;height: 3px;}
}



.box-site-bg{width: 100%;line-height: 60px;border-bottom: 1px solid #eaeaea;}
.box-site-bg ul.nav-ul{font-size: 0;}
.box-site-bg ul.nav-ul li{display: inline-block;vertical-align: top;margin-right: 0.5rem;}
.box-site-bg ul.nav-ul li:last-child{margin-right: 0;}
.box-site-bg ul.nav-ul li a{font-size: 16px;display: block;color: #333;position: relative;}
.box-site-bg ul.nav-ul li a:before{content: '';width: 0;height: 2px;background: #fd4507;position: absolute;left: 0;bottom: 0;transition: all 0.5s;}
.box-site-bg ul.nav-ul li.active a:before,.box-site-bg ul.nav-ul li a:hover:before{width: 100%;}
.box-site-bg ul.nav-ul li.active a,.box-site-bg ul.nav-ul li a:hover{color: #fd4507;}
.box-site-bg ul.site-ul li{float: left;font-size: 14px;color: #666;}
.box-site-bg ul.site-ul li a{display: block;color: #666;margin: 0 5px;}
.box-site-bg ul.site-ul li a:hover{color: #fd4507;}
.nav-show{font-size: 0;margin: 0 -4px;}
.nav-show a{display: inline-block;vertical-align: top;font-size: 14px;color: #666;padding: 4px 8px;margin: 8px 4px 0;}
.nav-show a.active,.nav-show a:hover{background: #fd4507;color: #fff;}

.contact-flex{display: flex;flex-wrap: wrap;}
.contact-flex .img-wrap{width: 560px;}
.contact-flex .con-text{width: calc(100% - 560px);padding-left: 0.6rem;}
.contact-flex .con-text .title{color: #fd4507;}
.contact-flex .con-text .img{width: 180px;}
.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: 600px;}

.row-news .marke-news{padding: 20px 0;display: flex;align-items: center;border-top: 1px solid #eee;}
.row-news .marke-news:last-child{border-bottom: 1px solid #eee;}
.row-news .marke-news .img{display: block;width: 320px;height: 200px;}
.row-news .marke-news .con{width: calc(100% - 320px);padding-left: 0.4rem;}
.row-news .marke-news .con .title a{font-size: 18px;font-weight: bold;color: #333;}
.row-news .marke-news .con .time{padding: 12px 0;color: #888;}
.row-news .marke-news .con .desc{color: #999;line-height: 1.75;-webkit-line-clamp: 2;height: 3.5em;}
.row-news .marke-news .con a.more{color: #888;}
.row-news .marke-news .img:hover img{transform: scale(1.08);}
.row-news .marke-news .con .title a:hover{color: #fd4507;}
.row-news .marke-news .con a.more:hover{color: #fd4507;}
.time-hits span{color: #999;margin-right: 0.4rem;}
.time-hits span:last-child{margin-right: 0;}
.show-width-desc{padding: 40px 0;border-top: 1px solid #eee;border-bottom: 1px solid #eee;}
.prev-next a{line-height: 2;color: #999;}
.prev-next a:hover{color: #fd4507;text-decoration: underline;}
.partners{border: 1px solid #eee;}

.productslist{border-radius: 8px;overflow: hidden;position: relative;}
.productslist .contentdesc{width: 100%;height: 100%;display: flex;align-items: center;padding: 20px 60px;background: linear-gradient(to right,rgba(0,0,0,0.36),rgba(0,0,0,0));position: absolute;left: 0;top: 50%;transform: translateY(-50%);}
.productslist .contentdesc .title{color: #fff;}
.productslist .contentdesc .content-text{color: #fff;}

@media(max-width: 1230px){
    .contact-flex .img-wrap{width: 480px;}
    .contact-flex .con-text{width: calc(100% - 480px);}
    .contact-flex .con-text .img{width: 160px;}
}
@media(max-width: 991px){
    .box-site-bg{line-height: 50px;border-bottom: none;}
    .box-site-bg .show-width{padding: 0;}
    .box-site-bg ul.nav-ul{width: 100%;background: #fbfbfb;white-space: nowrap;overflow-x: auto;}
    .box-site-bg ul.nav-ul li{margin: 0 15px;}
    .box-site-bg ul.site-ul{width: 100%;padding: 15px;line-height: 20px;border-bottom: 1px solid #eaeaea;}
    .nav-show{padding-bottom: 8px;white-space: nowrap;overflow-x: auto;}

    .contact-flex{display: block;}
    .contact-flex .img-wrap{width: 100%;}
    .contact-flex .con-text{width: 100%;padding: 24px 0 0;}
    #dituContent{width: 100%;height: 360px;}

    .row-news .marke-news{display: block;position: relative;}
    .row-news .marke-news .img{position: absolute;left: 0;bottom: 20px;width: 110px;height: 78px;}
    .row-news .marke-news .con{width: 100%;padding: 0;}
    .row-news .marke-news .con .desc{margin-top: 10px;padding-left: 125px;}
    .row-news .marke-news .con .time{display: none;}
    .row-news .marke-news .con a.more{margin-top: 10px;}
    .show-width-desc{padding: 24px 0;}

    .productslist .contentdesc{display: block;padding: 12px 16px;background: #f7f8f9;position: static;transform: none;}
    .productslist .contentdesc .title{color: #333;}
    .productslist .contentdesc .content-text{color: #888;}
}