@charset "utf-8";  
@font-face{font-family: 'HarmonyOS';src : url('../fonts/HarmonyOS_Sans_SC_Regular.ttf');}
@font-face{font-family: 'HarmonyOS2';src : url('../fonts/HarmonyOS_Sans_SC_Light.ttf');}
@font-face{font-family: 'HarmonyOS3';src : url('../fonts/HarmonyOS_Sans_SC_Thin.ttf');}
@font-face{font-family: 'HarmonyOS4';src : url('../fonts/HarmonyOS_Sans_SC_Black.ttf');}
html{padding: 0;margin:0;font-size: 18px;}
*{padding: 0; margin: 0; outline: none}
body{font-family:"HarmonyOS2", Arial;font-size: 18px;padding: 0;margin:0;     overflow-x: hidden;}
div,a,li,img,p,span,ul,li,em,i,tr,td,th,dl,dt,dd{padding: 0;margin:0;}
h1,h2,h3,h4,h5{padding:0;margin:0;color:#000;}
li{list-style: none;}
a{text-decoration: none;color:#000; transition: all 0.5s;}
a:hover{text-decoration: none;color:#0075f9;}
a:focus{outline: none;text-decoration: none;color:#0075f9;}
.container {width: 1400px;}
#header{padding: 0 40px}
.top{height: 100px; background:#fff; padding: 26px 0}	
.logo{float: left; width: 270px;}
.nav{float: left; width: calc(100% - 420px); text-align: center;}
.hot_tel{float: right; width: 150px; background: #fff; border-radius: 6px; text-align: center; line-height: 20px; padding: 18px 5px; color: #cb4d30}
.nav #cd-navigation > li{display: inline-block; padding: 0 40px; position: relative; z-index: 10;}
.nav #cd-navigation > li > a{color: #000; font-family: 'HarmonyOS'; line-height: 36px; padding-top: 10px; display: block; text-transform: uppercase; font-size: 18px;}
.nav #cd-navigation > li.active > a:after{content: ""; display: block; height: 1px; background: #fff; width: 100%}
.nav #cd-navigation > li.active > a{color: #016dc1}
.xiala{position: absolute; width: 100%; background: #fff; left: 0; right: 0; margin:auto; border-radius: 10px; height: 0; overflow: hidden; transition: all 0.5s}
.nav #cd-navigation > li:hover .xiala{height: auto; padding: 20px 0;}
.xiala a{line-height: 42px; text-transform: capitalize;}
.hot_tel{text-transform: uppercase; font-size: 18px; font-family: 'HarmonyOS'; color: #000}
.hot_tel img{float: left;}

.banner{position: relative; margin-top: 100px;}
.banner .banner_txt{position: absolute;  height: 100%; display: flex; align-items: center; top: 0; width: 100%}
.banner_txt h2{ font-size: 40px; font-family: 'HarmonyOS4'; color: #fff; padding-bottom: 20px; text-transform: capitalize; }
.banner_txt p{font-size: 24px; line-height: 36px; color: #fff; text-transform: capitalize; max-width: 640px;}
.about{padding: 100px 0}
.about .row{display: flex; align-items: center;}
.ab_right h3{font-size: 36px;font-family: 'HarmonyOS4'; color: #000; text-transform: uppercase; padding-bottom: 30px;}
.ab_right p{font-size: 24px; line-height: 36px;}
.about .flex{padding-left: 30px;}
.corporate{background: url(../images/about_08.jpg) no-repeat center center; background-size: cover; padding: 100px 0; }
.ny_tit{text-align: center; font-size: 36px; font-family: 'HarmonyOS4'; color: #fff; margin-bottom: 100px; text-transform: uppercase;}
.wenhua{background: #fff; border-radius: 8px; background: #fff; padding: 30px;}
.wenhua img{border-radius: 84px; background: #016dc1; display: block; margin: 0 auto}
.wenhua h2{font-size: 24px; font-family: 'HarmonyOS4'; color: #000; line-height: 70px; text-align: center;}
.wenhua p{font-size: 20px; line-height: 30px; color: #000; text-align: center;}
footer{background: #333333; padding: 26px 0; text-align: center; color: #fff; font-size: 16px; text-transform: normal}


img{max-width: 100%}
.pro_btxt{width: 490px; background: rgba(5,118,180,0.6); padding: 30px; border-top-right-radius: 10px; border-top-left-radius: 10px;}
.pro_banner .banner_txt{align-items: flex-end;}
.pro_banner .banner_txt p{font-size: 18px;}
.product{padding: 100px 0;}
.product .ny_tit{text-align: left; color: #333;}
.pro_li img{border: solid 1px #cccccc; width: 100%; margin-bottom: 20px;}
.pro_li a:hover img{border: solid 1px #016dc1}
.pro_li a:hover p{color: #016dc1}

.contact_banner h3{text-align: center; font-size: 36px; color: #fff;font-family: 'HarmonyOS4'; text-transform: uppercase; position: relative;}
.contact_banner h3:after{content: ""; display: block; position: absolute; width: 45px; height: 3px; background: #fff; left: 0; right: 0; margin: auto; margin-top: 20px;}
.contact{padding: 100px 0}
.contact h3{font-size: 24px;font-family: 'HarmonyOS4'; padding-bottom: 62px;}
.contact_li img{border-radius: 60px;  background: #016dc1; display: block; margin-right: 20px;}
.contact_li{display: flex; align-items: center; background: #f1f1f1; border-radius: 15px; padding: 20px 30px; min-height: 128px;}
.map{padding-top: 65px;}


.product2{padding: 100px 0}
.product2 h3{font-size: 30px;font-family: 'HarmonyOS4'; padding-bottom: 20px;}
.product2 p{font-size: 18px; line-height: 36px; font-family: 'HarmonyOS';}
.yiqi1{position: absolute; top: 90px; right: 0; left: 0; margin: auto;}
.yiqi{width: 45%; float: right;}
.provens .row{display: flex; align-items: center;}
.provens{padding: 100px 0; background: #f3f3f3}
.pr68{padding-right: 68px; }
.pr68 img{width: 100%}
.provens_right h3{font-size: 30px;font-family: 'HarmonyOS4';  padding-bottom: 40px; text-transform: capitalize;}
.provens_right li{font-size: 18px; line-height: 36px; padding-left: 28px; position: relative; font-family: 'HarmonyOS';}
.provens_right li:before{content: "●"; display: block; font-size: 8px; color: #344672; position: absolute; left: 0; top: 2px;}
.venus_list{padding: 100px 0}
.venus_li p{line-height: 36px; text-align: center; padding-top: 20px; font-family: 'HarmonyOS';}
.application{padding: 100px 0}
.zhankai{text-align: center;}
.zhankai a{height: 40px; line-height: 40px; text-align: center; text-transform: uppercase; display: inline-block; background: #0375c5; padding: 0 30px; color: #fff; margin-top: 60px; border-radius: 8px}
.application_txt{display: none}
.application_txt p{text-align: center;}
.application_tit{text-align: center; font-size: 36px;  font-family: 'HarmonyOS4'; padding-bottom: 60px;}
.link{margin-top: 60px; padding: 20px 30px; background: #eeeeee; border-radius: 15PX;}
.apptxt p{font-size: 24px; text-align: left; padding-bottom: 30px;}
.chuanci .banner_txt p{font-size: 36px; font-family: 'HarmonyOS4'; line-height: 70px;}


.chuanci_li .row{display: flex; align-items: center;}
.chuanci_li:nth-child(odd) .col-sm-5{order: 2; padding-left: 90px;}
.chuanci_li:nth-child(odd) .col-sm-7{order: 1; text-align: right;}
.chuanci_li:nth-child(odd) p:after{right: 0}
.chuanci_li .col-sm-5{padding-right: 90px;}
.chuanci_li h1{font-size: 72px; color: #0576b4; font-family: 'HarmonyOS4'; padding-bottom: 20px;}
.chuanci_li h3{font-size: 30px;font-family: 'HarmonyOS4'; padding-bottom: 20px; text-transform: capitalize;}
.chuanci_li p{font-size: 24px; color: #333333; line-height: 30px; font-family: 'HarmonyOS'; position: relative; padding-bottom: 23px;}
.chuanci_li p:after{content: ""; display: block; width: 62px; height: 3px; background:#0576b4; bottom: 0; position: absolute;}
.chuanci_li{padding-bottom: 45px;}
.banner_txt .fs48{font-size: 48px;}
header{position: fixed; top: 0; z-index: 10; width: 100%; left: 0; background: #fff}
.icon-bar{background: #000;}
@media only screen and (min-width: 1024px) {
  .cd-auto-hide-header .nav-trigger {
    display: none;
  }
}

@media only screen and (min-width: 768px) {
  .cd-hero {
    height: 400px;
  }
}
@media only screen and (min-width: 1024px) {
  .cd-hero {
    height: 600px;
    margin-top: 80px;
  }
}


.nav-trigger span, .nav-trigger span:before, .nav-trigger span:after {
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
    display: block;
    background: #000;
}
.nav-trigger {
        padding: 9px 15px; padding-top: 26px;
        margin-right: 0px;
        display: inline-block; display: none;
        float: right; position: fixed; right: 0; top: 0;
    }
.nav-trigger span {
        position: relative;
        width: 28px;
        height: 2px;
        margin-top: 19px;
    }

.nav-trigger span:before,.nav-trigger span:after {
        content: '';
        position: relative;
        width: 100%; display: block;
        height: 2px;
        left: 0;
    }
.nav-trigger span,.nav-trigger span:before,.nav-trigger span:after {
        -webkit-transition: 0.3s;
        -moz-transition: 0.3s;
        -o-transition: 0.3s;
        transition: 0.3s;
        display: block;
        background: #000;
    }
.nav-trigger span,.nav-trigger span:before,.nav-trigger span:after{background: #000;}
.nav-trigger span:before {
        top: 8px;
    }
.nav-trigger span:after {
        bottom: 10px;
    }
.nav-open .nav-trigger span:before {
        top: 10px;
        -webkit-transform: translateY(-11px) rotate(-45deg);
        -moz-transform: translateY(-11px) rotate(-45deg);
        -ms-transform: translateY(-11px) rotate(-45deg);
        -o-transform: translateY(-11px) rotate(-45deg);
        transform: translateY(-11px) rotate(-45deg);
    }
.nav-open .nav-trigger span:after {
        bottom: 12px;
        -webkit-transform: translateY(10px) rotate(45deg);
        -moz-transform: translateY(10px) rotate(45deg);
        -ms-transform: translateY(10px) rotate(45deg);
        -o-transform: translateY(10px) rotate(45deg);
        transform: translateY(10px) rotate(45deg);
    }
.nav-open .nav-trigger span {
        background: none;
    }
.nav-open .nav-trigger span:before,.nav-open .nav-trigger span:after {
        background: #000;
    }

@media (max-width: 1500px){
  .container {width: 1200px;}
 

}
@media (max-width: 1200px){
  .container {width: 980px;}
 
}
@media (max-width: 1000px){
  #cd-navigation{display: none}
  .contact_li{margin-bottom: 30px;}
  #header{padding: 0 15px;}
  .logo{width: auto;}
  .banner_txt p{font-size: 14px;
    line-height: 1.5em;
    color: #fff;
    max-width: 640px;}
  .chuanci_li .row{display: block;}
  .chuanci_li .col-sm-5{padding: 0 15px !important}
  .chuanci_li:nth-child(odd) .col-sm-7{text-align: left;}
  .chuanci_li:nth-child(odd) p:after{left: 0}
  .chuanci_li h1{font-size: 48px; margin-top: 20px;}
  .banner_txt .fs48{font-size: 28px;}
  .pro_btxt{background: none}
  .corporate,.about,.venus_list,.provens,.product2,.product{padding: 50px 0}
  .ny_tit{margin-bottom: 50px;}
  .pro_li{margin-bottom: 30px;}
  .provens .row{display: block;}
  .yiqi{display: none}
  .about .row{display: block;}
  .about .flex{padding-left: 15px;}
  .ab_right{padding-top: 30px;}
  .ny_tit{font-size: 28px;}
  .wenhua{margin-bottom: 30px;}
  .hot_tel{display: none}
  .navbar-toggle{border: solid 1px #000; margin-right: 0}
  .nav-trigger{display: block;}
  .nav-open #cd-navigation{    display: block;
    width: 100%;
    left: 0;
    position: fixed;
    top: 100px;
    background: #016dc1; padding: 30px 0}
    .nav #cd-navigation > li{display: block; border-bottom: dashed 1px #39a5f9;}
    .nav #cd-navigation > li.active > a{color: #fff;}
    .nav #cd-navigation > li a{color: #fff}
    .nav #cd-navigation > li.active > a:after{display: none}
    .xiala{display: none; height: auto; background: none; position: initial;}
    .nav #cd-navigation > li:hover .xiala{padding: 0}
    .chuanci .banner_txt .hhh{display: block;     font-size: 24px;
    font-family: 'HarmonyOS4';
    line-height: 30px;}
    .pro_btxt{padding:15px}
    .banner_txt h2{padding-bottom: 0}
}
@media (max-width: 992px){
  .container {width: 100%;}

  
}