body 
{font-family: 'Roboto', Arial;}
 @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 100; src: local("Roboto Thin"),local("Roboto-Thin"),url("../fonts/roboto-v15-latin-100.woff2") format("woff2"),url("../fonts/roboto-v15-latin-100.woff") format("woff"); }

@font-face { font-family: 'Roboto'; font-style: normal; font-weight: 300; src: local("Roboto Light"),local("Roboto-Light"),url("../fonts/roboto-v15-latin-300.woff2") format("woff2"),url("../fonts/roboto-v15-latin-300.woff") format("woff"); }

@font-face { font-family: 'Roboto'; font-style: normal; font-weight: 400; src: local("Roboto"),local("Roboto-Regular"),url("../fonts/roboto-v15-latin-regular.woff2") format("woff2"),url("../fonts/roboto-v15-latin-regular.woff") format("woff"); }

@font-face { font-family: 'Roboto'; font-style: italic; font-weight: 400; src: local("Roboto Italic"),local("Roboto-Italic"),url("../fonts/roboto-v15-latin-italic.woff2") format("woff2"),url("../fonts/roboto-v15-latin-italic.woff") format("woff"); }

@font-face { font-family: 'Roboto'; font-style: normal; font-weight: 500; src: local("Roboto Medium"),local("Roboto-Medium"),url("../fonts/roboto-v15-latin-500.woff2") format("woff2"),url("../fonts/roboto-v15-latin-500.woff") format("woff"); }

@font-face { font-family: 'Roboto'; font-style: normal; font-weight: 700; src: local("Roboto Bold"),local("Roboto-Bold"),url("../fonts/roboto-v15-latin-700.woff2") format("woff2"),url("../fonts/roboto-v15-latin-700.woff") format("woff"); }
.top-header{background:#fff;position:relative;z-index:9;}
.top-header.fixed{position:fixed;top:-150px;width:100%;transition:all 0.5s;}
.top-header.fixed.animate{top:0px;}
.top-header .row{position:relative;}
.top-header:before{content:"";position:  absolute;width: 22%;height:  100%;background: #015696;left: 0;}
.top-header .top-logo{display:inline-block;width: 20%;float:  left;height: 125px;margin-right: 7%;background: #015696;position:  absolute;padding-left: 15px;}
.top-header .top-logo:after{content:"";position:  absolute;border-top: 0 solid transparent;border-bottom: 125px solid transparent;border-left: 100px solid #015696;top: 0;left: 100%;}
.top-header .top-logo a{display: block;width: 220px;margin: 50px auto 0;}
.top-header ul.info{display:inline-block;width:70%;margin-top: 10px;text-align:  right;padding-right: 15px;margin: 25px 15px 25px 30%;}
.top-header ul.info h3{display:inline-block;line-height: 16px;margin-right: 10px;font-size: 14px;color: #555;text-transform:  uppercase;}
.top-header ul.info li{display:  inline-block;text-align: left;border-right: 1px solid rgba(0,0,0,0.1);margin-right: 10px;padding-right: 10px;}
.top-header ul.info li:last-child{border:0;padding-right:  0;margin-right: 0;}
.top-header ul.info li img{width: 24px;}
.top-header ul.info li a{color: #555;line-height: 16px;margin-left: 5px;font-size: 14px;}
.text-right{text-align:right;}


.header{background: #333;width: 100%;}
.header a.quotes{color: #fff;text-decoration: none;padding: 22px 15px;display: inline-block;font-size: 14px;background: #015696;width: 100%;text-align:  center;cursor: pointer;}
.fancybox-slide--iframe .fancybox-content .fancybox-iframe { position: static; }
.fancybox-slide--iframe .fancybox-content {width:800px !important;height: 420px !important; margin: 0; padding: 30px; border-radius: 5px; }
.header ul.dropdown li.active{background: #015696;}
.header ul.dropdown li:before{content:"";position:  absolute;top: 0;width:  100%;height: 0;background: #015696;z-index: 0;transition: all 0.3s;}
.header ul.dropdown li:hover:before{height:100%;}
.header ul.dropdown li ul{position:absolute;top:100%;width: 250px;left: 300px;opacity:  0;visibility:  hidden;transition: all 0.3s;z-index: 2;}
.header ul.dropdown li:hover ul{left:0;opacity:  1;visibility: visible;}
.header ul.dropdown li ul li{background: #015696;display:  block;border-bottom: 1px solid rgba(255,255,255,0.1);position:relative;text-align:  left;z-index: 2;}
.header ul.dropdown li ul li:before{content:"";position:  absolute;left:0;width: 0;height:100%;background: #3d404c;z-index: 0;transition: all 0.3s;}
.header ul.dropdown li ul li:hover:before{width:100%;}
.header ul.dropdown li ul li a{display:  block;padding: 15px;color: #fff;font-size: 14px;position:  relative;z-index: 1;}
.header ul.dropdown li:last-child a{}
.header-top{background: #015696;}
.header-top .header-info{line-height: 28px;}
.header-top .header-info li{color:#fff;display:  inline-block;margin-right: 8px;font-size: 13px;line-height: 33px;}
.header-top .header-info li a{color:#fff;font-size: 13px;}
.header-top .header-info li span{font-size: 13px;width:  20px;height:  20px;border:  1px solid #fff;border-radius:  50%;padding: 5px;}
.header ul{text-align: right;font-size: 0;width: 100%;}
.header-share{text-align:right;}
.header-share li{display:  inline-block;border-left: 1px solid #fff;text-align:  center;}
.header-share li:last-child{border-right: 1px solid #fff;}
.header-share li a{color:#fff;font-size:  13px;padding: 10px 10px;display:  inline-block;}
.banner{overflow:hidden;position:relative;}
.banner .prev-btn,.banner .next-btn{position:absolute;top:50%;transform: translateY(-50%);width: 30px;height: 100px;line-height: 100px;background: rgba(0, 0, 0, 0.4);text-align:  center;color:  #fff;cursor:  pointer;opacity:  0;transition: all 1s;}
.banner:hover .prev-btn,.banner:hover .next-btn{opacity:  1;}
.banner .next-btn{right:0;}
.banner-img .item{display:none;}
.banner-img .item:first-child{display:block;}
.banner-img .item img{width:100%;}
.sliderbox{position:relative;}
.sliderbox .text{    padding: 20px 11px 33px 36px;position:absolute;top: 50%;width: 550px;right: 10%;transform: translateY(-50%);background: #000000a6;}
.sliderbox .text h2{color: #fff;margin-bottom: 25px;font-weight:  600;text-shadow: 2px 2px 6px #015696;font-size: 24px;}
.sliderbox .text p{color: #fff;margin-bottom: 15px;line-height: 1.5;font-size: 15px;}
.sliderbox .text a{color: #fff;display:  inline-block;padding: 10px 20px;background: #015696;font-size: 15px;}


.home-about{padding:70px 0;}
.home-about .home-product-title{text-align:center;}
.home-about .home-product-title h2{font-size: 30px;font-weight:  600;margin-bottom: 45px;padding:15px;position:relative;color: #333;text-transform: uppercase;}
.home-about .home-product-title h2:after{content:"";position:absolute;width:50px;height: 3px;background: #015696;left: 50%;bottom: 0;transform: translateX(-50%);}
.home-about .offer-box{ box-shadow: 0px 0px 15px #585858;}
.home-about .offer-box:hover{ box-shadow: 0px 0px 15px #015696;}
.home-about .offer-img{position:relative;overflow:  hidden;}
.home-about .offer-img:before{content:"";width: 400px;height: 150px;background: #ffffff;left: -130px;bottom: -120px;position:  absolute;transform: rotate(10deg);}
.home-about .offer-img:after{content:"";width: 400px;height: 150px;background: #ffffff;right: -220px;bottom: -120px;position: absolute;transform: rotate(-10deg);}
.offer-text{padding: 30px 10px;background: #ffffff;}
.offer-text span a{color:#000;font-size: 18px;margin-bottom: 7px;display:  block;}
.offer-text p{font-size:15px;overflow:  hidden;text-overflow:  ellipsis;display:  -webkit-box;-webkit-box-orient:  vertical;-webkit-line-clamp: 3;line-height:1.7;}


.pull-right{float:right;}
.home-feedback{padding: 80px 0 70px;background: url(../images/request-bg.jpg) center right;}
.home-feedback .home-feedback-text h2{color:#fff;font-size: 30px;font-weight:  600;margin-bottom: 15px;text-transform: uppercase;}
.home-feedback .home-feedback-text p{color:#fff;font-size: 15px;}
.home-feedback input{background: #fff;width:  100%;padding: 0 20px;margin-top: 30px;border-radius: 4px;border: none;height: 40px;color: #555;font-size: 14px;box-shadow: inset 0 1px 1px rgba(0,0,0,.075);}
.home-feedback textarea{width:  100%;margin-top: 30px;border-radius: 4px;border: none;min-height: 150px;padding: 10px 20px;font-size: 14px;max-width: 100%;font-family:  Arial;}
.home-feedback button{color:#fff;float: right;display: inline-block;padding: 12px 40px;border-radius: 0px;background: #4c4f5e;font-size: 16px;margin-top: 30px;}

.home-product{padding: 0px 0 40px;}
.home-product .home-product-title{text-align:center;}
.home-product .home-product-title span{color:#015696;margin-bottom: 10px;font-weight:  600;}
.home-product .home-product-title h2{font-size: 30px;font-weight:  600;margin-bottom: 45px;padding:15px;position:relative;color: #333;text-transform: uppercase;}
.home-product .home-product-title h2:after{content:"";position:absolute;width: 50px;height: 3px;background: #015696;left: 50%;bottom: 0;transform: translateX(-50%);}
.goods-box{border: 3px solid #015696;position:relative;padding:  5px;margin-bottom: 30px;transition:all 0.3s;}
.goods-box:after{content:"";position: absolute;width: 3px;height: 40px;background: #fff;left: -3px;bottom: 30px;transform: skewY(45deg);}
.goods-box:before{content:"";position:  absolute;width: 3px;height: 40px;background:  #fff;right: -3px;top: 30px;transform: skewY(-45deg);}
.goods-box a{color:#015696;display:  block;text-align: center;line-height: 18px;font-size: 15px;min-height: 40px;}
.goods-box:hover{box-shadow: 0 0 15px #333333;transform:translateY(-10px);}
.home-process{background: url(../images/process-bg.jpg) center bottom;padding: 70px 0;position:  relative;background-attachment:  fixed;background-size: cover;}
.home-process:before {content:  "";position:  absolute;left:  0;top: 0;bottom:  0;right:  0;background: rgba(56, 58, 66, 0.6);}
.home-process .home-product-title{text-align:center;position:  relative;}
.home-process .home-product-title h2{font-size: 30px;font-weight:  600;margin-bottom: 15px;padding:15px;position:relative;color: #fff;}
.home-process .home-product-title h2:after{content:"";position:absolute;width:50px;height: 3px;background: #ffffff;left: 50%;bottom: 0;transform: translateX(-50%);}
.home-process .home-product-title span{color: #1d1d1d;margin-bottom: 10px;font-weight: 600;}
.home-process-left{margin: 50px 0 0;text-align:right;padding: 15px 20px;position:  relative;}
.home-process-left h4{font-size: 18px;line-height:1.2;font-weight: 600;margin-bottom: 5px;color: #fff;}
.home-process-left p{font-size: 15px;color: #ddd;line-height: 1.7;}
.home-process-right{margin: 50px 0 0;text-align:left;padding: 15px 20px;position:  relative;}
.home-process-right.active,.home-process-right.on,.home-process-left.active,.home-process-left.on{background:rgba(255,255,255,1);box-shadow: 0 5px 10px rgba(255, 255, 255, 0.35), 0 7px 18px rgba(255, 255, 255, 0.3);}
.home-process-left,.home-process-right{background:rgba(255,255,255,0);transition: all 0.5s;}
.home-process-right.active h4,.home-process-right.on h4,.home-process-left.on h4 ,.home-process-left.active h4{color: #000;}
.home-process-right.active p,.home-process-right.on p,.home-process-left.active p,.home-process-left.on p {color: #3c3c3c;}
.home-process-right h4{font-size: 18px;line-height:1.2;font-weight: 600;margin-bottom: 5px;color: #fff;}
.home-process-right p{font-size: 15px;color: #ddd;line-height: 1.7;}
.home-process-center{width: 300px;height: 300px;border: 60px solid #015696;border-radius: 50%;margin:  0 auto;position:  relative;z-index: 0;background: #ffffff;}
.home-process-center::after {content:  "";position:  absolute;width: 300px;height:  5px;background: #ffffff;top: 50%;z-index: 3;left: -60px;}
.home-process-center::before {content:  "";position:  absolute;height: 300px;width:  5px;background: #ffffff;left: 50%;z-index: 2;top: -60px;}
.home-process-center a{position:absolute;width: 45px;height: 45px;background: #fff;text-align:center;line-height:45px;border-radius: 50%;}
.home-process-center a i{color:#353535;font-size: 24px;}
.home-process-center a.one{left: -35px;top: 5%;transform: translateY(-5%);}
.home-process-center a.two{left:-30px;top:75%;}
.home-process-center a.three{right: -35px;top: 5%;transform: translateY(-5%);}
.home-process-center a.four{right:-30px;top:75%;}


.home-news{padding: 70px 0 140px;}
.home-news .home-product-title{text-align:center;}
.home-news .home-product-title h2{font-size: 30px;font-weight:  600;margin-bottom: 45px;padding:15px;position:relative;color: #333;text-transform: uppercase;}
.home-news .home-product-title h2:after{content:"";position:absolute;width:50px;height: 3px;background: #015696;left: 50%;bottom: 0;transform: translateX(-50%);}
.home-news .home-product-title span{color:#015696;margin-bottom: 10px;font-weight: 600;}
.home-news .news-box{background: #fff;display:  inline-block;margin-bottom: 25px;}
.home-news .news-box .img{position:relative;}
.news-time{background:#015696;width: 64px;height: 64px;padding: 10px;text-align:  center;margin-right: 10px;position:  absolute;left: 5%;top: 10%;}
.home-news .news-box.left .news-time{width: 80px;height: 80px;padding: 17px 10px;}
.home-news .news-box.left .news-time .day,.home-news .news-box.left .news-time .month{font-size:22px;}
.news-time .day{color:#fff;display:block;font-weight:  600;margin-bottom: 5px;}
.news-time .month{color:#fff;font-size:18px;font-weight: 600;display:block;}
.home-news .news-box.left .news-text{padding: 35px 20px 20px;}
.home-news .news-box .news-title{margin-bottom: 5px;}
.home-news .news-box .news-title a{position:relative;padding-bottom: 10px;width: 100%;line-height: 1.4;color: #333;font-weight:  600;font-size: 18px;}
.home-news .news-box p{line-height:1.4;overflow:  hidden;text-overflow:  ellipsis;display:  -webkit-box;-webkit-box-orient:  vertical;-webkit-line-clamp: 3;color: #666;font-size: 15px;}
.home-news .news-box.right .img{width:35%;float:left;}
.home-news .news-box.right .news-text{padding: 10px 20px;float:left;width:65%;}
.home-news .news-box.right .news-text .news-title a{font-size: 18px;}
.home-news .news-box.right .news-text .news-title{margin-bottom: 5px;}

.top-footer{padding:40px 0;background: #015696;}
.top-footer .top-footer-mail{display:inline-block;width: 100%;}
.top-footer .top-footer-mail i{width: 65px;height: 65px;float:left;display:inline-block;line-height: 65px;text-align:  center;border: 2px solid #fff;color:  #fff;font-size: 35px;margin-right: 20px;}
.top-footer .top-footer-mail .top-footer-text{width:80%;}
.top-footer .top-footer-mail .top-footer-text h2{color:#fff;font-size: 24px;font-weight:  600;margin-bottom:15px;text-transform:  capitalize;}
.top-footer .top-footer-mail .top-footer-text a{color:#fff;font-size: 18px;}
.top-footer h4{display:inline-block;color:#fff;font-size: 18px;text-transform: uppercase;font-weight:  600;line-height: 50px;margin-right: 40px;}
.footer-share{font-size: 0;text-align: center;}
.footer-share li{display:inline-block;width: 45px;height: 45px;line-height: 45px;text-align:  center;border: 3px solid #fff;transform: rotate(45deg);margin: 0 40px;}
.footer-share li:hover{background:#333;}
.footer-share li a{color:#fff;font-size:20px;transform: rotate(-45deg);display: inline-block;position:  relative;}
.footer-share li p{position:absolute;z-index: 1;color: #e0e0e0;top: 100%;display:  inline-block;font-size: 14px;left: -88px;width: 200px;opacity:  0;transition: all 0.3s;}
.footer-share li:hover p{opacity:  1;}

footer{background: url(../images/index-footer.jpg) center center;padding: 130px 0 80px;position:relative;}
footer:before{content:"";background: rgba(44, 45, 49, 0.85);position:  absolute;left:  0;top: 0;bottom:  0;right:  0;}
footer .row{position:relative;}
.first-footer{border-top:4px solid #015696;padding: 80px 15px 20px;margin-top:-330px;background: #2c2d31;}
.first-footer img{width: 220px;}
.first-footer>p{color: #e5e5e5;line-height: 1.6;margin: 25px 0 35px;font-size: 15px;}
.first-footer h4{color:#fff;font-weight:  600;font-size: 18px;margin-bottom: 40px;}
.first-footer .footer-info li{margin-bottom: 15px;display:  flex;}
.first-footer .footer-info li i{color: #e5e5e5;display:  inline-block;flex: 0 0 25px;}
.first-footer .footer-info li p,.first-footer .footer-info li p a{color: #e5e5e5;line-height: 1.6;font-size: 15px;}
.footer-link h4{color:#fff;font-weight:  600;font-size: 18px;margin-bottom: 40px;text-transform:  uppercase;}
.footer-link .footer-product li,.footer-link .quick-link li{margin-bottom:10px;}
.footer-link .footer-product li a,.footer-link .quick-link li a{color:#e5e5e5;font-size: 15px;}
.footer-link .quick-link li a i{font-size: 13px;}
.footer-link .form{position:relative;display:  inline-block;width:  100%;}
.footer-link .form input{color: #e5e5e5;width:100%;background: rgba(255,255,255,0.45);height: 45px;padding: 0 20px;display: inline-block;border: none;}
.footer-link .form button{color:#e5e5e5;position:absolute;top: 50%;right:  5px;transform: translateY(-50%);}
.footer-link p,.footer-link p a{color:#e5e5e5;font-size: 15px;line-height: 1.4;}
.footer-link p,.footer-link p{margin-top:20px;}
.footer-link p a{text-decoration: underline;}
.copyright{padding: 20px 0;background: #2c2d31;}
.copyright p{color: #fff;text-align:center;font-size:14px;}

.home-application{padding:70px 0 80px;overflow:  hidden;position:  relative;background: url(../images/application-bg.jpg)center left no-repeat;}
/*.home-application:after{content:"";position:  absolute;background:url(../images/applicationbg.png) no-repeat;height:  100%;width: 750px;bottom: 0;background-size:  contain;left: -60px;}*/
.home-application:before {
    content:  "";
    position:  absolute;
    height:  100%;
    width: 80%;
    background: #015696;
    top: 0;
    right: -17%;
    transform: skew(20deg);
}
.home-application h2{font-size: 30px;font-weight:  600;margin-bottom: 40px;padding: 15px 0 20px;position:relative;color: #fff;text-transform: uppercase;}
.home-application h2:after{content:"";position:absolute;width:50px;height: 3px;background: #ffffff;left: 0;bottom: 0;}
.home-application .swiper-slide{box-shadow: 0 0 16px 0 rgba(0,0,0,.08);display:flex;}
.home-application .dbidc-ip-info{display:flex;border-radius: 6px;padding: 25px 30px;background: #fff;margin-bottom:25px;}
.home-application .dbidc-ip-info .img{flex: 0 0 30%;}
.swiper-container{max-height:300px;padding-right: 55px;}
.swiper-scrollbar-drag {height: 12px !important;width: 12px;position: relative;background: rgb(247, 247, 247);border-radius: 10px;left: -4px;top: 50px;border: 3px solid #b5b5b5;}
.swiper-container-vertical>.swiper-scrollbar{right:6px;}
.swiper-wrapper{    pointer-events: auto;}
.item-title{padding-left:10px;}
.item-title h4{font-weight:  600;font-size: 18px;margin-bottom: 10px;text-transform:  uppercase;}
.item-title h4 a{color:#000;}
.item-title p{line-height: 1.4;font-size:15px;}

.bread{padding: 150px 0 100px;background:url(../images/banner-contact.jpg)center no-repeat;background-size: cover;position:  relative;}
.bread.about-banner{background:url(../images/banner-about.jpg)center no-repeat;background-size: cover;}
.bread.goods-banner{background:url(../images/banner-goods.jpg)center no-repeat;background-size: cover;}
.bread.news-banner{background:url(../images/banner-news.jpg)center no-repeat;background-size: cover;}
.bread.history-banner{background:url(../images/banner-history.jpg)center no-repeat;background-size: cover;}
.bread.advantage-banner{background:url(../images/banner-advantage.jpg)center no-repeat;background-size: cover;}
.bread.workshop-banner{background:url(../images/banner-workshop.jpg)center no-repeat;background-size: cover;}
.bread.quality-banner{background:url(../images/banner-quality.jpg)center no-repeat;background-size: cover;}
.bread.exhibition-banner{background:url(../images/banner-exhibition.jpg)center no-repeat;background-size: cover;}
.bread.faq-banner{background:url(../images/banner-faq.jpg)center no-repeat;background-size: cover;}
.bread.network-banner{background:url(../images/banner-network.jpg)center no-repeat;background-size: cover;}

.bread.certificate-banner{background:url(../images/banner-certificate.jpg)center no-repeat;background-size: cover;}
.bread:before{content:"";position:absolute;top:0;bottom:0;left:0;right:0;background:rgba(0,0,0,0.15);}
.bread .bread-bg{background:url(../images/bg-sub-bnr.png)center no-repeat;position:  relative;text-align:  center;padding: 50px 20px;background-size:  contain;}
.bread .bread-bg h2{color:#fff;font-size:  30px;font-weight:  600;margin-bottom:  15px;text-shadow: 0 4px 4px #000;padding: 0 20px;}
.bread .bread-bg ul{text-align:center;padding: 0 20px;}
.bread .bread-bg ul li{display:inline-block;color: #fff;line-height:1.4;}
.bread .bread-bg ul li a{color:#fff;font-size: 18px;}
.contact-main{padding:80px 0 100px;}
.contact-main h2{font-size:  30px;font-weight:  600;margin-bottom: 35px;padding-bottom:  15px;position:  relative;text-align: center;}
.contact-main h2:after{content:"";position:absolute;width:50px;height: 3px;background: #015696;left: 50%;bottom: 0;transform: translateX(-50%);}

.single-contact-address {
    border-radius: 6px;
    text-align: center;
    padding: 45px 30px;
    height: 100%;
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.09);
    min-height: 200px;
    margin-bottom: 30px;
    transition:all 0.5s;
}
.single-contact-address:hover{box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.5);}

.single-contact-address h3 {
    font-size: 22px;
    margin-bottom: 10px;
    font-weight: 500;
}
.single-contact-address p {
    margin: 0;
    color: #666;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.4;
}
.single-contact-address p a{color:#666;}
.about-main{padding:80px 0 100px;}
.about-nav{overflow:hidden;background: #eee;padding-bottom: 35px;margin-bottom: 40px;box-shadow: 0 4px 8px #aaa;}
.about-nav-title{background: #015696;padding: 45px 0 30px 30px;transform: skewY(-3deg);font-size: 26px;margin-bottom: 15px;transform-origin: 0 0;box-shadow: 0 4px 4px #666;font-weight: 600;}
.about-nav-title h2{color:#fff;transform: skewY(3deg);}
.about-nav ul{padding-left:30px;}
.about-nav ul li{padding: 13px 0;transition: all 0.3s;border-bottom: 1px solid #b3b3b3;position:  relative;}
.about-nav ul li:after{content:"";position:  absolute;width: 0;left:  0;bottom: -1px;height:  1px;background: #015696;transition: all 0.6s;}
.about-nav ul li:hover{padding-left:10px;}
.about-nav ul li:hover:after{width:100%;}
.about-nav ul li a{color:#666;}
.about-nav ul li a i{margin-right:3px;}
.goods-slide {border: 4px solid #015696;box-shadow: 0 4px 8px #aaa;}
.goods-slide.owl-carousel .owl-nav button.owl-prev,
.goods-slide.owl-carousel .owl-nav button.owl-next { position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); transition: .22s; }
.goods-slide.owl-carousel .owl-nav .owl-prev { left: 0; }
.goods-slide.owl-carousel .owl-nav .owl-next { right: 0; }
.goods-slide.owl-carousel .owl-nav .owl-nav { margin-top: 0; text-align: center; -webkit-tap-highlight-color: transparent; }
.goods-slide.owl-carousel .owl-nav [class*='owl-'] {color: #fff;font-size: 20px;padding: 8px 8px 10px;background: rgba(1, 86, 150, 0.5);display: inline-block;cursor: pointer;border: none;outline: none;}
.goods-slide.owl-carousel .owl-nav [class*='owl-']:hover {background: rgb(1, 86, 150);outline: none;}
.goods-slide-box { position: relative; overflow: hidden; z-index: 1; }
.goods-slide-box h6 {position: absolute;left: 0;right: 0;bottom: 0;background: rgba(0, 0, 0, 0.7);margin: 0;text-align: center;color: #fff;font-size: 14px;font-weight: 500;padding: 5px 10px;}
.goods-slide-box h6 a {color: #fff;}
.goods-slide.owl-theme .owl-nav{margin:0;}
.sidebar-contact {margin-top: 30px;}
.sidebar-contact ul li { margin-bottom: 8px; display: flex; overflow: hidden; }
.sidebar-contact ul li span { flex: auto; height: 30px; line-height: 30px; color: #222; font-weight: 500; font-size: 14px; padding-left: 15px; border: 1px solid #eee; }
.sidebar-contact ul li span a { color: #222; }
.sidebar-contact ul li i {flex: 0 0 30px;height: 30px;line-height: 30px;background: #015696;color: #fff;font-size: 14px;text-align: center;}
.about-title{position: relative;padding: 0px 0 5px 0px;border-bottom: 1px solid #ccc;margin-bottom: 30px;}
.about-title h1{font-weight:  600;font-size: 26px;margin-bottom: 10px;text-transform:  uppercase;}
.about-title:after{content:"";position:  absolute;width:  100px;height:  1px;bottom:  -1px;left:  0;background: #015696;}
.about-title p{color: #015696;font-style: italic;text-transform:  capitalize;font-size: 15px;}
.about-text p{line-height: 1.3;color:#666;font-size: 15px;margin-bottom: 15px;}
.about-text .blockquote{background: #015696;padding:40px 40px 40px 80px;position:relative;color:#fff;font-size: 24px;font-weight:  600;font-style:  italic;margin: 25px 0 25px 35px;width: calc(100% - 35px);line-height: 1.5;}
.about-text .blockquote i{position:absolute;width: 80px;height: 80px;color: #015696;top:50%;transform:translateY(-50%);background:  #fff;border-radius: 50%;text-align:  center;line-height: 80px;font-size: 33px;left: -40px;}

.timeline { position: relative; }
.timeline-hex-bottom, .timeline-hex-bottom:before, .timeline-hex-top:before, .timeline-region-wrapper:before { content: ''; }
.timeline .before { content: ''; position: absolute; top: 0; height: 102%; width: 2px; background: #f2f2ee; }
.timeline .before:after, .timeline .before:before { left: 50%; transform: translate(-50%,-50%); border-radius: 50%; content: ''; background-color: #015696; width: 10px; height: 10px; z-index: 1; position: absolute; }
.timeline .before:before { top: 0; }
.timeline .before:after { bottom: -10px; }
.timeline .line { background-attachment: fixed; position: absolute; left: 0; width: 100%; background-size: 100%; background-image: -webkit-gradient(linear,50% 0,50% 100%,color-stop(0,#015696),color-stop(50%,#015696),color-stop(50%,#e2e3e3),color-stop(100%,#e2e3e3)); background-image: -moz-linear-gradient(top,#015696 0,#015696 50%,#e2e3e3 50%,#e2e3e3 100%); background-image: -webkit-linear-gradient(top,#015696 0,#015696 55%,#e2e3e3 55%,#e2e3e3 100%); background-image: linear-gradient(to bottom,#015696 0,#015696 50%,#e2e3e3 50%,#e2e3e3 100%); height: 100%; }
.timeline-region { position: relative; padding: 20px 0; perspective: 1000px; perspective-origin: 100% 50%; }
.timeline-hex { width: 30px; height: 51.96px; margin: 0 15px; position: absolute; left: calc(-30px); z-index: 10; top: 50%; transform: translateY(-50%); background-color: #888; line-height: 51.96px; display: inline-block; }
.timeline-hex-title { color: #fff; margin: 0; font-size: 18px; left: 50%; position: absolute; text-align: center; top: 50%; transform: translate(-50%,-50%); font-weight: 300; }
.timeline-hex-bottom, .timeline-hex-top { top: 0; overflow: hidden; background-color: #888; position: absolute; height: 100%; left: 0; }
.timeline-hex-top { width: 100%; z-index: -1; transform: rotate(60deg); }
.timeline-hex-bottom { width: 100%; z-index: -2; transform: rotate(-60deg); }
.timeline-region-wrapper { padding: 0 0 0 125px; }
.timeline-region-wrapper:before { display: block; width: 125px; height: 2px; position: absolute; z-index: -1; left: 0; top: 50%; transform: translateY(-50%); background: #e2e3e3; }
.timeline-region-wrapper-content { padding: 15px; border-left: 2px solid #e2e3e3; position: relative; }
.timeline-region-wrapper-content p { margin: 0; font-size: 15px; font-weight: 400; }
.timeline-region-wrapper-content:after, .timeline-region-wrapper-content:before { content: ''; display: block; width: 15px; height: 2px; position: absolute; left: 0; background: #e2e3e3; }
.timeline-region-wrapper-content:before { top: 0; }
.timeline-region-wrapper-content:after { bottom: 0; }
.timeline-hex.in-center, .timeline-hex.in-center .timeline-hex-bottom, .timeline-hex.in-center .timeline-hex-top, .timeline-hex.in-center + .timeline-region-wrapper .timeline-region-wrapper-content:after, .timeline-hex.in-center + .timeline-region-wrapper .timeline-region-wrapper-content:before, .timeline-hex.in-center + .timeline-region-wrapper:before { background-color: #015696; }
.timeline-hex.in-center + .timeline-region-wrapper .timeline-region-wrapper-content, .timeline-hex.in-center:nth-child(odd) { border-color: #015696; }

.certificate-box { overflow: hidden; position: relative; box-shadow: 0 5px 4px 1px #ddd; }
.certificate-box img { transition: all 0.2s; }
.certificate-title { margin: 5px 0 30px; font-size: 14px; font-weight: 300; text-align: center; }
.certificate-box-icon { position: absolute; bottom: 0; right: 0; }
.certificate-box-icon i {font-size: 24px;color: #fff;position: relative;z-index: 999;padding: 12px;transform: scale(0);display:  inline-block;}
.certificate-box-icon:after {content: "";border-style: solid;border-color: transparent rgba(1, 86, 150, 0.85) rgba(1, 86, 150, .85) transparent;border-width: 40px;position: absolute;bottom: -40px;right: -40px;transition: all 0.2s;}
.certificate-box:hover img { transform: scale(1.1); }
.certificate-box:hover .certificate-box-icon:after { bottom: 0px; right: 0px; }
.certificate-box:hover .certificate-box-icon i { transform: scale(1); transition: all 0.3s 0.2s; }
.goods-top{padding: 80px 0 40px;border-bottom:1px solid #ccc;margin-bottom: 80px;}
.goods-slider{margin-bottom: 50px;}
.goods-slider-box{display:flex;}
.goods-slider-box>a{flex: 0 0 50%;}
.goods-slider-box .text{background:#f6f6f6;padding:40px 60px;}
.goods-slider-box .text h1{color:#333;font-size:30px;margin-bottom: 30px;}
.goods-slider-box .text p{color:#666;line-height:1.5;font-size: 15px;margin-bottom: 60px;overflow:  hidden;text-overflow:  ellipsis;display:  -webkit-box;-webkit-line-clamp: 6;-webkit-box-orient:  vertical;}
.goods-slider-box .text a{display:inline-block;padding: 15px 40px;background: #015696;color: #fff;}
.goods-slider-box .text a i{transition:all 0.3s;margin-left:15px}
.goods-slider-box .text a:hover i{margin-left:0px;}
.goods-slider.owl-theme .owl-nav.disabled+.owl-dots{margin-top:25px;}
.goods-slider .owl-dots .owl-dot{width: 14px;height: 14px;border: 1px solid #044fa2;background-color: #fff;margin: 0 27px;border-radius: 100%;position: relative;}
.goods-slider .owl-dots .owl-dot.active {background:  #015696;}
.goods-slider .owl-dots .owl-dot:not(:last-child):after {content: "";position: absolute;left: 100%;top: 50%;width: 55px;height: 1px;background: #044fa2;}
.owl-theme .owl-dots .owl-dot span{display:none;}
.goods-category-two,.goods-category-three{text-align:center;}
.goods-category-three{display:none;}
.goods-category-two li,.goods-category-three li{display:inline-block;margin: 0 10px;padding: 8px 20px;border:  1px solid #ccc;}
.goods-category-two li a,.goods-category-three li a{font-size:15px;color:#333;}
.goods-category-two li:hover,.goods-category-three li:hover{background: #015696;}
.goods-category-two li:hover a,.goods-category-three li:hover a{color:#fff;}
.goods-main{padding-bottom:100px;}
.goods-details-main{padding:80px 0 100px;}
.products-nav h4 {background: rgba(16, 62, 136, 0.8);color: #fff;padding: 15px;margin: 0;font-size: 24px;}
.products-nav > ul {background: rgba(0, 0, 0, 0.03);margin-bottom: 45px;}
.products-nav .nav-pills>li a {border-radius: 4px;position: relative;display: block;padding: 15px 0 15px 30px;color: #333;font-size: 16px;transition:all 0.3s;}
.products-nav .nav-pills>li a:hover{background:#eee;}
.products-nav .nav-pills>li a:after{content:"";position:absolute;width: 10px;height: 10px;background: #015696;left:10px;top:50%;transform:translateY(-50%);border-radius: 50%;}
.products-nav .nav-pills>li a:before{content:"";position:absolute;width: 0px;height: 2px;background: #015696;left:50%;bottom:0;transition:all 0.3s;}
.products-nav .nav-pills>li a:hover:before{width:100%;left:0;}
.products-nav .nav-pills>li .drop-down-menu li a{position: relative;padding-left:30px;}
.products-nav .nav-pills>li .drop-down-menu li a:after{content:"";position:absolute;width: 10px;height: 10px;left: 20px;top:50%;transform:translateY(-50%);border:2px solid #015696;background: none;}
.products-nav .drop-down-menu {text-indent: 10px;}
.goods-details-title h1{font-size:20px;position:relative;border-bottom:1px solid #ccc;padding: 15px 0;margin-bottom: 20px;line-height: 1.2;}
.goods-details-title h1:after{content:"";position: absolute;background: #3f649f;width:  100px;height:  1px;bottom:  -1px;left: 0;}
.goods-jcontent p{line-height: 1.5;color:#666;font-size: 15px;margin-bottom: 20px;}
.goods-jcontent ul{margin-bottom: 20px;}
.goods-jcontent li{margin-top:8px;}
.goods-jcontent li i{color:#015696;margin-right:5px;}
.goods-jcontent li a,.goods-jcontent li span{color:#666;font-size: 15px;}
.goods-details-main .nav-tabs{text-align:center;font-size: 0;margin: 30px 0 0px;position:  relative;}

.goods-details-main .nav-tabs:before {
    content:  "";
    position:  absolute;
    width:  100%;
    height:  1px;
    top: 50%;
    left:  0;
    background: #ddd;
}
.goods-details-main .nav-tabs li{width:200px;height: 40px;border:1px solid #ccc;position:relative;display:  inline-block;font-size: 16px;line-height: 40px;margin: 0 30px;background: #fff;text-align:  center;}
.goods-details-main .nav-tabs li a{color:#333;display:  block;}
.goods-details-main .nav-tabs li.active a,.goods-details-main .nav-tabs li:hover a{color:#fff;}
.goods-details-main .nav-tabs li.active,.goods-details-main .nav-tabs li:hover{background:#015696;box-shadow: 2px 3px 4px #ccc;}
.goods-details-main .nav-tabs li:not(:last-child):after{content:"";position:  absolute;width: 60px;height:  1px;background: #015696;left: calc(100% + 1px);top: 50%;}
.tab-content .tab-pane{display:none;padding: 40px 15px;color: #666;line-height: 1.4;margin-top: -20px;border: 1px solid #ddd;border-top: 0;}
.tab-content .tab-pane p{line-height:1.4;}
.tab-content .tab-pane p a{color:#015696;}
.tab-content .tab-pane.active{display:block;}
.goods-details-main .tab-content{margin-bottom:40px;}
.related-product{text-align:center;margin-bottom:25px;}
.related-product h4 {display: inline-block;padding: 0px 55px;font-size: 20px;font-weight: 400;line-height: 40px;position: relative;margin-bottom: 0px;color: black;}
.related-product h4 span {color: #015696;}
.related-product h4:before,.related-product h4:after {position: absolute;left: 0;top: 50%;transform: translateY(-50%);width: 35px;height: 2px;background: #2668ae;content: "";}
.related-product h4:after {left: auto;right: 0px;}
.news-category{margin-top:40px;}
.news-category ul {
    display: flex;
    justify-content: center;
    margin-bottom: 50px;
    border-bottom: 1px solid #ddd;
}

.news-category ul li a {
    display: block;
    line-height: 70px;
    margin: 0 25px;
    font-size: 16px;
    font-weight: 400;
    position: relative;
    color: #333;
}

.news-category ul li a:after {
    content: "";
    position: absolute;
    bottom: -5px;
    left: calc(50% - 5px);
    width: 10px;
    height: 10px;
    background: #015696;
    border-radius: 100%;
}

.news-category ul li a::before {
    content: "";
    position: absolute;
    bottom: -8px;
    left: calc(50% - 8px);
    width: 16px;
    height: 16px;
    border: 1px solid #015696;
    border-radius: 100%;
    background: #fff;
    transform: scale(1);
    opacity: 1;
    transition-duration: .5s;
    transition-property: transform,opacity;
}

.news-category ul li a:hover::before{
    transform: scale(2);
    opacity: 0;
}
.news-list { padding-bottom: 30px; margin-bottom: 30px; background: #fff; border-bottom: 1px dashed #ddd; }
.news-list .news-box { display: flex; }
.news-list .news-img {flex: 0 0 200px;}
.news-list .news-right{flex:0 0 100px;align-self: center;}
.news-list .news-right .news-time{position:inherit;}
.news-list .news-inner { flex: auto; padding: 0 20px; }
.news-list .news-inner p {display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;font-size: 14px;font-weight: 300;line-height: 1.4;margin-bottom: 20px;}
.news-list .news-inner h3 a {display: block;margin: 0 0 10px 0;font-size: 18px;color: #222;font-weight:  600;}
.news-list .news-inner h3 a:hover { color: #2668ae; }
.news-list .news-inner .box-btn { display: inline-block; padding: 6px 20px; border: 1px solid #ccc; color: #aaa; font-size: 14px; font-weight: 400; transition: all 0.3s; position: relative; overflow: hidden; z-index: 1; }
.news-list .news-inner .box-btn i { margin-left: 4px; }
.news-list .news-inner .box-btn:after {content: '';position: absolute;z-index: -1;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;transition: all 0.3s;width: 100%;height: 0;top: 50%;left: 50%;background: #015696;opacity: 0;-webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg);-moz-transform: translateX(-50%) translateY(-50%) rotate(45deg);-ms-transform: translateX(-50%) translateY(-50%) rotate(45deg);transform: translateX(-50%) translateY(-50%) rotate(45deg);}
.news-list .news-inner .box-btn:hover:after { height: 260%; opacity: 1; }
.news-list .news-inner .box-btn:hover, .news-list .news-inner .box-btn:active { color: #fff; }
.news-main{padding-bottom:100px;}
.news-details{padding:80px 100px;}
.news-details .content{padding:20px 20px 30px;border:1px solid #ccc;}
.news-details .content h1{text-align:center;font-size: 24px;margin-bottom: 15px;}
.news-details .content .blog-icon{text-align:center;margin-bottom: 10px;color: #444;}
.news-details .content .blog-line{width:  100%;height:  1px;background: #ddd;margin-bottom: 20px;}
.news-details .content p{color:#666;line-height:1.5;}

.quality-text{padding-left:10px;}
.cryogenic-experiments{border:3px solid #ddd;padding: 20px 20px 30px;margin-top: 50px;margin-bottom: 30px;}
.cryogenic-experiments h3{background:#015696;color:#fff;font-size: 20px;display:inline-block;padding: 10px 25px 10px 20px;position:relative;margin-top: -40px;margin-left: -33px;margin-bottom: 30px;font-weight:  600;}
.cryogenic-experiments h3:after{content:"";position:  absolute;border-bottom:  20px solid transparent;border-top:  20px solid transparent;border-left: 25px solid #015696;left:  100%;top: 0;}
.cryogenic-experiments h3:before{content:"";position:  absolute;border-bottom: 15px solid transparent;border-top:  0 solid transparent;border-right: 10px solid #03375f;top: 100%;left: 0;}
.cryogenic-experiments p{margin-bottom:10px;color: #666;line-height: 1.5;}
.service{background: url(../images/faq.jpg) no-repeat right top;}
.services-inner-box p:first-child {font-weight: 600;color:#444444; }
.services-inner-box p{line-height:1.5;font-size:15px;color:#666;}
.services-inner-box p span { font-weight: 600; display: inline-block; margin-right: 7px; color: #015696; }
.services-inner-box{margin-bottom:20px;}

.quality-p{color: #666;line-height: 1.5;}
.history-text p,.advantage-text p{color: #666;line-height: 1.5;}
.advantage-text{}
.advantage-text .kuai i{width: 8px;height: 8px;background:#3f649f;display:  inline-block;transform: rotate(45deg);position:  relative;z-index: 4;}
.advantage-text .kuai i:before{content:"";position:absolute;width: 18px;height: 18px;border:2px solid #3f649f;left: -5px;top: -5px;}
.advantage-text .kuai{position:relative;text-align:center;margin: 20px 0 30px;}
.advantage-text .kuai:after{background: #fff;content:"";position:absolute;width: 60px;height: 20px;left:  50%;transform: translateX(-50%);top: -5px;}
.advantage-text .kuai:before{content:"";position:absolute;width:  100%;height:  1px;background: #3f649f;left:  0;top: 50%;}
.advantage-text h4{font-size: 20px;text-align:  center;margin-bottom: 8px;font-style:  italic;color: #3f649f;font-weight: 600;}
.poster-main { width: 1000px; height: 500px; position: relative; margin: 0 auto; }
.poster-main a, .poster-main img { display: block; }
.poster-main .poster-list { width: 1000px; height: 500px; }
.poster-main .poster-list .poster-item { width: 200px; height: 500px; position: absolute; left: 0; top: 0; box-shadow: 0 0 2px 1px #ccc; }
.poster-main .poster-btn { position: absolute; top: 0; z-index: 10; cursor: pointer; }
.poster-main .poster-prev-btn { left: 0; background: url(../images/btn_l.png) no-repeat center center; }
.poster-main .poster-next-btn { right: 0; background: url(../images/btn_r.png) no-repeat center center; }

.contact-info{padding-top:60px;}

.bottom-fixed{position:fixed;bottom:0;right:20px;z-index: 9;}
.bottom-fixed .click-feedback{width:220px;text-align:center;color:#fff;padding: 12px 0;background: #3f649f;cursor: pointer;}
.feedback-box{background: #fff;width:450px;border:  1px solid #fff;opacity: 0;border-radius: 7px 7px 0 0;position:absolute;bottom:0;right:0;transform: scale(0);transition: all 0.5s;transform-origin: bottom right;z-index: 98;}
.feedback-box .top{padding:15px;background:#3f649f;border-radius: 7px 7px 0 0;}
.feedback-box .top .title{color:#fff;display:flex;justify-content:  space-between;margin-bottom: 20px;}
.feedback-box .top .title i{cursor: pointer;}
.feedback-box .top p{color:#fff;text-align:center;font-size: 14px;}
.feedback-box .top p a{color:#fff;text-decoration: underline;}
.feedback-box.active{transform: scale(1);opacity: 1;}
.feedback-box .bottom{padding: 20px 40px;}

    
    @media only screen and (min-width: 1170px) {
.timeline .before { left: 50%; margin-left: -2px; }
.timeline-region:nth-child(even) { width: 50%; left: 50%; }
.timeline-region:nth-child(odd) { width: 50%; left: 0; perspective-origin: 100% 50%; }
.timeline-region:nth-child(odd) .timeline-hex { left: auto; right: calc(-30px); z-index: 10; }
.timeline-region:nth-child(odd) .timeline-region-wrapper { padding: 0 125px 0 0; }
.timeline-region:nth-child(odd) .timeline-region-wrapper-content:after, .timeline-region:nth-child(odd) .timeline-region-wrapper-content:before, .timeline-region:nth-child(odd) .timeline-region-wrapper:before { left: auto; right: 0; }
.timeline-region:nth-child(odd) .timeline-region-wrapper-content { border-left: 0; border-right: 2px solid #e2e3e3; }
}

@media screen and (min-width:768px){.header .navFlex .flexItem.hiden{display:none;}}

@media screen and (max-width:1200px){
    .header ul.dropdown li{margin-left:20px;}
}
@media screen and (max-width:992px){
    .header ul.dropdown li{margin-left:10px;}
}
@media screen and (max-width:768px){
    .header ul.dropdown li:nth-child(4),.header ul li:nth-child(5){display:none;}
    
.header .show{display: block;}
}
@media screen and (max-width:576px){
    .header .logo{height:30px;}
    .header ul.dropdown li{padding-top:10px;margin-left:0px;display:block;}
    .header ul.dropdown li a{border-bottom:3px solid transparent;}
    .header ul.dropdown a:hover{border-bottom:3px solid #e4c17e;}
    .header ul.dropdown li:nth-child(4),.header ul li:nth-child(5){display:block;}
    .header .hiden{display:block;}
    .header .show{width:100%;font-size:14px;text-align:center;display:none;}
    .hidden-mobile{display:none !important;}
    .top-header .top-logo:after,.top-header:before{display:none;}
    .top-header .top-logo{height:auto;background:none;top: 12px;}
    .header{padding:10px 0;}
    .top-header .top-logo a{margin:0;width:110px;}
    .header .btnImg{color:#fff;}
    .home-about{padding:40px 0;}
    .home-about .offer-box{margin-bottom:25px;}
    .bread {padding: 50px 0;}
    .goods-slider-box{    flex-wrap: wrap;}
    .goods-slider-box>a,.goods-slider-box .text{flex:0 0 100%;}
    .goods-category-two li, .goods-category-three li{margin-bottom:5px;}
    .goods-details-main .nav-tabs li {width: 170px;margin-bottom:5px;}
    .goods-details-main .nav-tabs:before,.goods-details-main .nav-tabs li:not(:last-child):after{display:none;}
    .contact-main{padding:60px 0 40px;}
}