@charset "utf-8";
.header-top{
    background: #333333;
    color: #f2f2f2;
    padding: 5px 0px;
    font-size: 14px;
}
.top-tel{
    padding: 10px 0px 10px 45px;
    line-height: 1.1;
    background: url(../img/tel.png) no-repeat left center;
    margin: 20px 0px 0px;
    font-size: 18px;
    
}
.top-tel span{
    display: block;
    color: #da251c;
    font-size: 20px;
    font-weight: bold;
}
/*................*/
.header{
    padding: 0px 0px;
    max-width:1920px;
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s;
    z-index: 999;
    background: #fff;
    position: relative;
    width: 100%;   
}
.header .logo{    
    padding: 0px 0px;
    transition: all .5s;  
}
.header .logo img{
    height: 106px;
    width: auto;
    transition: all .5s;  
}
header .nav{
    padding: 0px 0px 0px;
    background: #034f9a;
    position: relative;
    z-index: 99;
}
header .nav ul{
    margin:0px auto 0px auto;
    transition: all .5s;
    display: flex;
    justify-content: space-between;
    flex-wrap: nowrap;
}
header .nav ul li{
    width: 14.2%;
    position: relative;
}
header .nav ul li a{   
    position: relative;
    display: block;
    text-align: center;
    font-size: 16px;
    color: #fff;   
    padding: 10px 0px;   
    line-height: 40px;
}
header .nav ul li a:after{
    content: "";
    position: absolute;
    right: -2px;
    width: 1px;
    height: 15px;
    top: 50%;
    margin-top: -7px;
    background: #b0d8ff;
}
header .nav ul li:first-child:before{
    content: "";
    position: absolute;
    left: -1px;
    width: 1px;
    height: 15px;
    top: 50%;
    margin-top: -7px;
    background: #b0d8ff;
}
header .nav ul li:hover a,header .nav ul li.active a{
    color: #fff;
    background: #053a95;
}
header .nav ul.submenu {
    display: none;
    position: absolute;
    left: 0%;
    top: 100%;
    width: 100%;
    background: #fff;
    border-radius: 2px;
    overflow: hidden;
}
header .nav ul.submenu li{width:100%;  border-bottom:1px solid rgba(0,0,0,.05);}
header .nav ul.submenu li a{display:block;font-size:14px; background: #909090; color:#fff; line-height:20px; padding:12px 2%; text-align:center; }
header .nav ul.submenu li a:after{
    width: 0px;
}
header .nav ul.submenu li a:hover{color:#fff; background:#034f9a;}
header .nav ul li:hover ul.submenu{
    display: block;
}


@media (max-width: 1500px){
    .header .nav>ul>li{
        padding-left:35px;
    }
}
@media (max-width: 1400px){
    .header .nav>ul>li{
        padding-left:30px;
    }
}
@media (max-width: 1366px){
    .header .nav>ul>li{
        padding-left:25px;
    }
}
@media (max-width: 1199px){
    .header .nav>ul>li{
        padding-left:10px;
    }
}
@media (max-width: 992px){  
    .header{
        border-bottom: 1px solid #e2e2e2;
    }
    .header .logo{
        position: relative;
        padding: 10px 0px;
    }
    header .nav>ul{
        display: block;
    }    
    .header.on .logo img, .header .logo img{
        height:45px !important;
    }    
    header .nav{
        position: absolute;
        left:-100vw;
        top: 100%;
        width:70%;
        height:calc(100vh - 55px);
        background:#fff;        
        z-index:999;
        transition: all 0.5s;
        -webkit-transition: all 0.5s;
        -o-transition: all 0.5s;
        padding-top:20px;
    }
    header .nav.show{
        left:0;
        transition: all 0.5s;
        -webkit-transition: all 0.5s;
        -o-transition: all 0.5s;
    }
    header .nav ul{
        display: block;
    }
    header .nav ul li{
        display: block !important; 
        width: 100%;
        border-bottom: 1px solid #c1c1c1;
    }
    header .nav ul li a{
        color:#424242;
        text-align: left;
        font-size: 14px;
        padding:0 20px;
    }
    header .nav ul li:first-child:before,
    header .nav ul li a:after{
        width: 0px;
    } 
}
@media(max-width:1200px){
    .header .nav .submenu li {
        display: none !important;
    }
}
/* banner */
.banner{
    position: relative;
    overflow: hidden;
}
.common{
    padding-top: 40px;
    padding-bottom: 40px;
}
.commonB{
    padding-bottom: 40px;
}

@media (max-width:767px){
    .common{
       padding-top:25px;
       padding-bottom:25px;
    }
    .commonB{
        padding-bottom: 25px;
    }
}
/*搜索*/
.search-out{ background:#dcdcdc; padding: 15px 0px;}
.search-out .search-left ul li{ float:left; font-size:16px; line-height: 40px; margin-right: 15px; }
.search-out .search-left ul li:first-child{ margin-right:0;}
@media (max-width:767px){
   .search-out .search-left ul li{ font-size:13px; margin-right: 5px;} 
}
.search-out .search-right{
    text-align: right;
}
.search-out .search-right form {
  width: 100%;
  height: 100%;
}
.search-out .search-right form input {
  width: 100%;
  max-width: 360px;
  height: 40px;
  background: #fff;
  line-height: 40px;
  border: 1px solid #e3e3e3;
  padding: 0px 20px;
  font-size: 16px;
  color: #737782;
  border-radius: 20px;
}
.search-out .search-right form button {
  background: #034f9a;  position: absolute;  right: 0px;
  top: 0px;  border: none;  width: 80px;
  color: #fff;  height: 100%;  border-top-right-radius: 20px; border-bottom-right-radius: 20px;
}
.search-out .search-right form button i {  font-size: 20px;}
/*标题*/
.title{text-align: center; margin: 0px auto 30px;}
.title span{ font-size:16px; display: inline-block; padding: 0px 50px 10px; border: 2px solid #acacac;}
.title .big{ font-size:36px; padding:0px 20px; background: #fff;margin-top: -20px; font-weight:bold; line-height:50px; display: block; }
.title .blue{ color:#3898db;}
.title .eng{ color:#666666; margin-top: 15px;}
@media (max-width: 992px) {
    .title{ margin: 0px auto 20px;}
    .title span{ font-size:14px; }
    .title .big{ font-size:22px; margin-top: -12px;line-height: 35px;padding: 0px 10px;}    
    
}
/*产品*/
.development-left{ width: 22%; float: left; background:#034f9a;}
.development-left .tit{ font-size:24px; color:#fff; font-weight:bold; text-align:center; padding:20px 0;}
.development-left .tit span{ font-size:16px;font-weight:normal;display: block;}
.development-left ul{ background:#fff; margin:0px 10px 15px; padding:10px 20px;}
.development-left ul li{ margin: 15px 0px;background:url(../img/more.png) right 10px center no-repeat #3898db;}
.development-left ul li a{ font-size:16px; color:#fff; line-height:36px; padding-left:15px;}
.development-right{
    width: 76%;
    float: right;
}
.development-right-title{ 
    background:url(../img/new-product_03.jpg) center left no-repeat #034f9a;
    font-size: 18px;
    padding: 10px 0px 10px 65px;
    color: #fff;
    font-weight: bold; margin-bottom:20px;
}
.development-right-title span{ 
    float: right; 
    background:url(../img/more.png) center no-repeat; 
    height:25px; width:25px; 
    display: inline-block; 
    margin:5px 10px;
}
.development-right-content ul li a{ display: block; border:1px solid #dcdcdc; margin-bottom:15px;}
.development-right-content ul li p{ background:#dcdcdc; font-size:16px; color:#333333; line-height:55px; text-align:center;}

@media (max-width: 992px) {
    .development-left,.development-right{width: 100%;float: none;overflow: hidden;}
    .development-left .tit{ font-size:18px; padding: 10px 0; line-height: 1.3;}
    .development-left .tit span{ font-size:12px;}   
    .development-left ul li{ margin: 8px 0px;}
    .development-left ul li a{ font-size:14px;}
    .development-right-title{font-size: 16px;margin-top: 15px;}
    .development-right-content ul li p{ font-size:12px; line-height:35px;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
}
/*精选零件*/
.part,.part .title .big{ background:#eeeeee;}
.part-content ul{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding-top: 30px;
}
.part-content ul li{width:24.5%; position:relative; text-align:center; font-size:16px;}
.part-content ul li .img-bottom{ padding: 50px 20px; min-height: 280px;}
.part-content ul li:nth-child(2),
.part-content ul li:nth-child(4){ margin-top: 50px;color:#fff; background:#3898db;}
.part-content ul li:nth-child(1) .img-bottom,
.part-content ul li:nth-child(3) .img-bottom{ background:#fff;}
.part-content ul li .pct{ font-size:24px; font-weight:bold; margin-bottom:20px;}
.part-content ul li .num{ position:absolute; top:-35px; left:30%;}
@media (max-width: 992px) {
    .part-content ul li{  width:48.5%; font-size:13px;}
    .part-content ul li .img-bottom{ padding: 25px 10px; min-height: 190px;}
    .part-content ul li .pct {font-size: 16px; font-weight: bold;margin-bottom: 10px;}
    .part-content ul li .num {left: 32%;width: 35%;}
}
/*通明合作成功多家企业*/
.course{  
    position: relative;
    overflow: hidden;
    background: #fff;    
}
.course .gallery-thumbs {
    width: 100%;
    overflow: hidden;
}
.course .gallery-thumbs .swiper-slide,.c-more {
    width: 100%;
    opacity: 1.0;    
    border: 1px solid #e2e2e2;
    border-left: 4px solid #e2e2e2;
    display: block;
    padding: 4% 20px 4% 45px;   
    margin-bottom: 19px;
    font-size: 18px;   
    position: relative; 
    transition: all .5s;
    cursor: pointer;
}
.course .gallery-thumbs .swiper-slide .course-ico,.c-more .course-ico{
    width: auto;
    max-width: 100%;
    width: 50px;
    float: left;
    margin-right: 10px;
}
.course .gallery-thumbs .swiper-slide span,.c-more span{
    display: block;
    font-size: 12px;
}
.course .gallery-thumbs .swiper-slide-thumb-active:before,.c-more:hover:before{
    content: "•";
    position: absolute;
    left: 20px;
    top: 30%;
}
.course .gallery-thumbs .swiper-slide-thumb-active,.c-more:hover {
    opacity: 1.0;
    background: #e2e2e2;
    border-left: 4px solid #034f9a;
    color: #3898db;
    font-weight: 600; 
}
.course .overview{   
    position: absolute;
    width: 100%;
    color: #fff;
    bottom: 0px;
    background: rgba(0,0,0,0.4);
    padding: 2% 5%;
}
.course .overview h5{
    font-size: 20px;
    line-height: 1.0;
    margin-bottom: 5px;
    position: relative;
}
@media(max-width:992px){ 
    .course .gallery-top h5 {
        font-size: 16px;
    }    
    .course .overview {
        font-size: 13px;
        padding: 2% 4%;
    }    
}
/*设备实力*/
.specialize{background: #fff;}
.specialize-img,.specialize-con{ width: 50%; }
.specialize ul li{ 
    display: flex;
    justify-content: space-between;
    margin-top:40px;
    flex-wrap: wrap; 
}
.specialize ul li:nth-child(2n){
    flex-direction: row-reverse;
}
.specialize-c-rt{display: flex; padding: 0px 0 25px 0px;}
.specialize-c-rt .eng{ color:#acacac;font-size: 14px;}
.specialize-c-rt .blod{ font-size:26px; color:#676767;position: relative;}
.specialize-c-rt .blod:after {
    background-color: #3898db;
    border: 0px ridge #fff;
    content: "";
    height: 4px;
    position: absolute;
    bottom: 0px;
    left: 0px;
    width: 150px;
}
.specialize-c-rt .blue{ font-size:30px; color:#034f9a; font-weight:bold;}
.specialize-con{padding: 0px 20px;}
.specialize ul li:nth-child(2n) .specialize-con{
    padding: 0px 20px 0px 0px;
}
.specialize-con .specialize-ico{
    width: auto;
    max-width: 100%;
    margin-right: 15px;
}
.specialize-con p{ font-size:18px; background:url(../img/s-ic_03.jpg) left top 10px no-repeat;  padding-left:12px; margin-top:5px;}
.specialize-con p strong{ color:#3898db;}
@media(max-width:992px){ 
    .specialize-img, .specialize-con{width: 100%;}
    .specialize ul li{margin-top: 25px;}
    .specialize-con p {font-size: 14px;background:url(../img/s-ic_03.jpg) left top 8px no-repeat;}
    .specialize-con,.specialize ul li:nth-child(2n) .specialize-con{padding: 10px 0px 0px 0px;}
    .specialize-c-rt .eng{ color:#acacac;font-size: 12px;}
    .specialize-c-rt .blod{ font-size:16px;}
    .specialize-c-rt .blod:after {
        height: 2px;
        position: absolute;
        bottom: 0px;
        left: 0px;
        width: 100px;
    }
    .specialize-c-rt .blue{ font-size:20px;}
    .specialize-con .specialize-ico {width:40px;}
}
/*广告*/
.adv{ background:url(../img/adv.jpg) top center no-repeat; padding:40px 0px 85px; color:#fff;}
.adv .adv-title h3{ font-size:24px;  
    padding-top: 25px;
    padding-bottom: 20px;
    width: 50%;
    position: relative;
    z-index: 1;
    border-bottom: 1px solid #fff;
} 
.adv .adv-title h3 span{ font-weight:normal; font-size:18px; float: right;}
.adv .adv-title h3 b{font-size: 50px;
    color: #7693bd;
    position: absolute;
    left: 0px;
    top: 0px;
    z-index: -1;
    text-transform:uppercase;
}
.adv .adv-con{ font-size:36px; font-weight:bold; margin: 10px 0px 5px -20px;}
.adv .adv-more,.introduce-right .intro-more{
    display: inline-block;
    font-size: 16px;
    color: #fff; 
    font-weight:bold;
    padding: 2px 25px;    
    border-radius:8px;
    background-color:#3898db;
}
@media(max-width:992px){ 
    .adv .adv-title h3 {font-size: 20px;padding-top: 10px;padding-bottom: 10px;width: 100%;}
    .adv .adv-title h3 b{font-size: 30px;}
    .adv .adv-title h3 span{font-size: 16px;}
    .adv .adv-con {font-size: 20px;font-weight: bold;margin: 5px 0px 5px -15px;}
    .adv{padding: 30px 0px 25px;}
    .adv .adv-more, .introduce-right .intro-more{ border-radius: 4px;font-size: 14px;}
}
/*关于我们*/
.introduce{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.introduce-left,.introduce-right,.trends-left,.trends-right{ width:48%;}
.introduce-right h1{ font-size:36px;}
.introduce-right h1 span{display: block; font-size:18px; color:#d3d3d3;}
.introduce-right .intro-pro{margin:15px 0px;}

/*新闻和问答*/
.trends-left .trends-title,.trends-right .trends-title{ 
    background:url(../img/answer_03.jpg) left center no-repeat #034f9a;
    font-size:18px;
    padding: 10px 0px 10px 65px;
    color:#fff; 
    font-weight:bold;
}
.trends-title.right-tit{
    background:url(../img/answer_05.jpg) left center no-repeat #034f9a;
}
.trends-top-news{ background:#eeeeee; padding:20px; margin-top:30px;}
.trends-top-news .top-news-con{ font-size:14px; color:#222222; line-height:24px; margin:6px 0;}

.trends-left ul li{ 
    margin: 30px 0px; 
    display: flex;
    justify-content: space-between;
}
.trends-left ul li .trends-data {
    width:100px; 
    border:1px solid #eeeeee;     
    font-weight:bold; 
    text-align:center; 
    font-size:18px;
    line-height:24px;
    padding: 20px 10px;
}
.trends-left ul li .trends-data span{display: block; font-size:24px;}
.trends-left ul li .trends-con {
    width: calc(100% - 120px);
    font-size:14px; 
    line-height:24px;
}
.trends-left ul li .trends-con .con-tit {    
    margin-bottom: 15px;
}
.trends-left ul li .trends-con .con-tit a,.trends-top-news .top-news-title a{ 
    font-size:20px;
    display: block;
}
.trends-top-news .top-news-title span{
    color:#ffa200;
}
.trends-left ul li .trends-con span,.trends-top-news .top-news-con span{ color:#ffa200; float:right;}

.trends-right-content{ border:1px solid #eeeeee; margin-top:30px; padding:18px;}
.trends-right-content dl{ margin-top:15px; padding-bottom: 15px; border-bottom:1px dotted #eeeeee;}
.trends-right-content dl dt{padding: 5px 0px 5px 35px; font-weight:bold; background:url(../img/question_03.jpg) left 10px center no-repeat;}
.trends-right-content dl dd{ padding: 5px 0px 5px 35px; background:url(../img/ans_06.jpg) left 10px center no-repeat; }
@media(max-width:992px){
    .introduce-left,.introduce-right,.trends-left,.trends-right{ width:100%;}
    .introduce-right h1 {font-size: 20px;}
    .introduce-right h1 span,.trends-top-news .top-news-con,.trends-left ul li .trends-con{font-size: 12px;}
    .trends-left ul li .trends-con .con-tit a, .trends-top-news .top-news-title a{font-size: 16px;}
}