/*-----------------------------------------------------------------------------------*/
/*	 閸愬懎顔?
/*-----------------------------------------------------------------------------------*/
.all_main{}
.picBg{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: url(../image/banner_bg.png) 0 0 repeat; overflow: hidden; z-index: 2;  }
.col-6{ width: 16.666%; }
.col-4{ width: 24.999%; }
.col-left{ width: 20%; }
.col-right{ width: 80%; }
.dis{display:block;}
.undis{display:none;}


.width1230{ width: 1370px; }
.width-19full{ width: 1230px; }
.content_main{ margin-top:120px;  }
.picscale{ overflow: hidden; }

/*title*/
.header{ width: 100%; min-height: 120px; background-color: #fff; position: fixed; top: 0; left: 0; z-index: 999; }
.header_main{ margin: 0 auto; position: relative;  }
.header_main:after{ content: ""; clear: both; height: 0; visibility: hidden; }
.top_logo{ width: 180px; padding: 20px 0; position:absolute; top: 0; left: 0; overflow: hidden; }
.top_logo img{ width: 100%; display: block; }

.pageNav{    }
.pageNav_item{ float: right; }
.pageNav_item ul{  float: right;  width: 100%; }
.pageNav_item ul li{ float: left; margin: 53px 0 15px;  }
.pageNav_item ul li a{ display: block; font-size: 16px; padding:20px 15px 10px; margin: 0 20px;  color: #000; transition:0.3s linear; -o-transition:0.3s linear; -ms-transition:0.3s linear; -moz-transition:0.3s linear; -webkit-transition:0.3s linear;  }
.pageNav_item ul li a:hover{ color: #c4000a; }
.pageNav_item ul:after{ content: ""; clear: both; height:  0; visibility: hidden; overflow: hidden; }
.pageNav_item ul li.on a{ color: #c4000a; }

.pageNav_btn{ width: 24px; height: 24px; float: right; cursor: pointer; margin: 51px 0 45px 0; padding-right:20px;   display: none; }
.pageNav_btn span{ display: block; width: 100%; height: 2px; background-color: #000; margin: 6px 0; transition:0.3s linear;   }
.pageNav_close span.nav_lineA{ transform: rotate(-45deg); transform-origin:center; margin-top: 8px;  }
.pageNav_close span.nav_lineB{ display: none; }
.pageNav_close span.nav_lineC{ transform: rotate(45deg); transform-origin:center; margin-top: -8px;  }
.pageNav_btn:after{ content: ""; clear: both; height:  0; visibility: hidden; }


.footer{ background-color: #d5d5d5; width: 100%;  }
.footer_main{ margin: 0 auto; color: #807e7f; line-height: 20px;  }
.footer_main a{ color: #807e7f; position:relative; transition:0.3s linear; -o-transition:0.3s linear; -ms-transition:0.3s linear; -moz-transition:0.3s linear; -webkit-transition:0.3s linear;    }
.footer_main a:hover{ color: #c4000a; }
.footer_links .wxImg {
     width:20px;
      margin:20px 0 10px 10px;
}
.footer_linkss {
       margin:10px 0;
}
    .footer_linkss .wxImg {
      
        margin: -2px 5px 0 0;
       
    }

.footer_main .footer_state .footer_links{

   
    margin:10px 0;
  
    }

.footer_main .footer_state .footer_links a{

   
    margin:0 10px 0 0;
  

    }

.footer_main .footer_state .footer_links .wxImg{

    width:20px;
    margin:-2px 2px 0 0;
    height:20px;

    }
.footer_main .footer_state .footer_links .wxImgs{

           opacity: 0;
           bottom: calc(100% + 0px);
    left: -40px;
            visibility: hidden;
            position: absolute;
            bottom:calc(100% + 10px);

    }

      .footer_main .footer_state .footer_links a:hover .wxImgs{
        
              visibility: visible;
              opacity: 1;
        
        
          }

.footer_partA{ float: left; padding: 30px 0; }
.footer_partA .wechat_code{ display: block;  float: left; margin:0 20px; }
.footer_partA .footer_state{ float: right; }
.footer_partA .footer_state h1{ font-weight: 700; font-size: 14px; padding-bottom: 6px;  }
.footer_partB{ display: block; float: right; margin: 0 0;  padding: 30px 0; }
.footer_partB dl{ float: left; padding: 0 20px 20px; }
.footer_partB dl dt{ padding-bottom: 6px; }

/*rightFloat*/
.rightFloat{ display: block; position: fixed; top: 45%; right: 0; z-index: 999; }
.FRight_box{ position: relative; width: 85px; margin: 2px 0 0; padding: 4px 0 4px 35px; line-height: 25px;  background-color: #9c9c9d; color: #fff; cursor: pointer; transition:0.3s linear; -o-transition:0.3s linear; -ms-transition:0.3s linear; -moz-transition:0.3s linear; -webkit-transition:0.3s linear;  }
.FRight_box span{ display: block; width: 25px; height: 25px;  position: absolute; top: 4px; left: 4px; background-image: url(../image/FL_icon.png); background-repeat: no-repeat; }
.back_top span{ background-position: 0 0;  }
.back_phone span{ background-position: -25px 0;  }
.back_QQ span{ background-position: -50px 0;  }
.back_wechatcode span{ background-position: -75px 0;  }
.FRight_box img{ width: 96px; height: 96px; padding: 0 8.5px 9px 8.5px; margin: 4px 0 0 -35px;  }
.FRight_box:hover{ background-color: #222; }
.mobile_top{ display: none; width: 25px; height: 25px; padding: 5px;  background-color: #9c9c9d; position: fixed; bottom: 40px; right: 20px; z-index: 99; cursor: pointer;}
.mobile_top i{ display: block; width: 25px; height: 25px; background:url(../image/FL_icon.png) 0 0 no-repeat; }
.mobile_top:hover{ background-color: #222;	 }
.littleRight{ display: none; padding: 10px; width: 15px;  background-color: #9c9c9d; color: #fff; position: fixed; right: 0; top: 50%; z-index: 999; cursor: pointer; border-radius: 5px 0 0 5px;  transition:0.3s linear; -o-transition:0.3s linear; -ms-transition:0.3s linear; -moz-transition:0.3s linear; -webkit-transition:0.3s linear;  }
.littleRight:hover{  background-color: #c4000a;  }

/*slider*/
.pagination_opition .owl-controls{ position: absolute; width: 100%; margin-top:-24px!important;  }
.pagination_opition .owl-pagination{ width: 100%; }
.pagination_opition .owl-pagination .owl-page span{ background: #222; }
.pagination_opition .owl-pagination .owl-page.active span{ background: #fff; }

/*second page*/
.Page_main{ margin: 20px auto 60px; clear: both; overflow: hidden; }
.page_left{ float: left; }
.page_right{ float: right; }
.second_navTitle{ padding: 0 20px; color: #595959; text-align: left; }
.second_navTitle h2{ font-size: 22px; font-family: "Arial";  }
.second_navTitle span{ font-size: 20px; border-bottom: 1px solid #939393; padding: 0 0 4px 0; }
.second_navTitle ul{ margin: 12px 0 0 0;  }
.second_navTitle ul li{ line-height: 25px; font-size: 14px; }
.second_navTitle ul li a{ color: #595959; cursor: pointer; }
.second_navTitle ul li.on a{ color: #c4000a; }
.second_navTitle ul li a:hover{ color: #c4000a; }
.second_navTitle ul li a.nav_current{ color: #c4000a; }


.second_navTitle .footer_link .wxImg{

    width:18px;
   
    height:18px;

    }

    .second_navTitle .footer_link a {
        color: #595959;
        line-height: 25px; font-size: 14px;
    }



.second_navTitle .footer_link .wxImgs{

           opacity: 0;
           bottom: calc(100% + 0px);
    left: -25px;
            visibility: hidden;
            position: absolute;
            bottom:calc(100% + 10px);

    }



.p10{ padding: 0 10px; }
/*video_box*/
.video_box{ width: 100%; height: 500px; background-color: #000; }
.video_box video{ width:100%; height:100%;}
/*-----------------------------------------------------------------------------------*/
/*	 妫ｆ牠銆?
/*-----------------------------------------------------------------------------------*/

/*banner*/
.banner_slide{ display:none; overflow:hidden; }
.owl-wrapper{ display:none; }
.sliderPic{ position: relative; }
.sliderPic img{ width: 100%; }


/*banner2*/
.main_visual{height:420px;border-top:1px solid #d7d7d7;overflow:hidden;position:relative;}
.main_image{height:420px;overflow:hidden;position:relative;}
.main_image ul{width:9999px;height:420px;overflow:hidden;position:absolute;top:0;left:0}
.main_image li{float:left;width:100%;height:420px; position: relative;}
.main_image li span{display:block;width:100%;height:420px; background-position:  center center; background-repeat: no-repeat; }
.main_image li a{display:block;width:100%;height:420px}
.main_image li i{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: url(../image/banner_bg.png) 0 0 repeat; }
div.flicking_con{position:absolute;bottom:26px;left:0;z-index:99; width:100%; height:7px; text-align:center;}
div.flicking_con a{ display:inline-block;width:10px;height:10px; border-radius:100%; margin:0 5px;padding:0; background-color:#bcbdbe; bdisplay:block;font-size:0;text-indent:-1000px}
div.flicking_con a.on{ background-color:#fff; }
#btn_prev,#btn_next{z-index:11111;position:absolute;display:block;width:73px!important;height:74px!important;top:50%;margin-top:-37px;display:none;}
#btn_prev{background:url(http://www.silulan.cn/templates/sitehtml/images/hover_left.png) no-repeat left top;left:100px;}
#btn_next{background:url(http://www.silulan.cn/templates/sitehtml/images/hover_right.png) no-repeat right top;right:100px;}
.index_banner{ height:510px; }
.index_image{height:510px;}
.index_image ul{height:510px;}
.index_image li{height:510px;}
.index_image li span{height:510px;}
.index_image li a{height:510px;}

/*banner2*/

.index_advantages{ padding: 60px 0;  margin: 0 auto;  }
.ia_title{  text-align: center; padding: 20px 0;  }
.ia_title img{ margin-bottom: 18px; }
.ia_title p{ font-size: 14px; padding: 3px 0; }
.ia_title p.en{ font-size: 20px; }
.ia_item{ padding: 20px 0; }
.ia_item ul{}
.ia_item ul li{ float: left; text-align: center; line-height: 24px; padding: 30px 0; }
.ia_item ul li h3{ font-size: 16px; line-height: 30px;  color: #434343;}
.ia_item ul li p{ font-family: 'halvettthinregular'; color: #3c3c3c;  }
.ia_item ul li:hover p,.ia_item ul li:hover h3{ color: #c4000a; }
/*-----------------------------------------------------------------------------------*/
/*	 work
/*-----------------------------------------------------------------------------------*/
.work_banner{ width: 1230px; margin: 0 auto;  }
.work_bannerPad{ padding:  0 10px; }
.work_wrapper{ width: 1230px; margin: 0 auto; }
.work_wrapperPad{ padding: 0 0; }

.work_sort{  width:100%; height:92px; z-index:98;   }
.work_sort_main{ width: 1230px; margin: 0 auto; background-color:#fff; position:relative;  }
.work_sortTitle{ padding: 20px 10px; color: #595959; text-align: left;  }
.work_sortTitle h2{ font-size: 24px; font-family: "Arial";  }
.work_sortTitle span{ font-size: 18px; padding: 0 0 4px 0; }
.work_itemBtn{ position: absolute; right: 7px; bottom: 17px; font-size: 0; }
.work_itemBtn .button{ display: inline-block; font-size: 16px; padding: 6px 16px; margin: 5px 3px; background-color: #969696; color: #fff; cursor: pointer; transition:0.3s linear; -o-transition:0.3s linear; -ms-transition:0.3s linear; -moz-transition:0.3s linear; -webkit-transition:0.3s linear;  }
.work_itemBtn .button a{ display: block; color: #fff; }
.work_itemBtn .button.is-checked{ background-color: #c4000a; }
.work_itemBtn .button:hover{background-color: #c4000a; }
.work_itemMain{ padding:  0 0 40px 0;   }
.work_content{ width: 25%; padding: 0 0 30px 0; float: left; }
.work_content a{ display: block; padding: 0 10px; }
.work_content img{ width: 100%; display: block; transition:0.3s linear; -o-transition:0.3s linear; -ms-transition:0.3s linear; -moz-transition:0.3s linear; -webkit-transition:0.3s linear;  }
.work_content h1{ font-size: 14px; color: #595959; position: relative; padding: 0 40px 0 0; margin: 8px 0; white-space:nowrap;overflow:hidden;text-overflow:ellipsis; transition:0.3s linear; -o-transition:0.3s linear; -ms-transition:0.3s linear; -moz-transition:0.3s linear; -webkit-transition:0.3s linear;  }
.work_content h1 span{ position: absolute; top: 0; right: 0 }
.work_content p{ color: #bcbcbc; transition:0.3s linear; -o-transition:0.3s linear; -ms-transition:0.3s linear; -moz-transition:0.3s linear; -webkit-transition:0.3s linear;  }
.work_content:hover h1{ color: #000; }
.work_content:hover p{ color: #666;  }
.work_content:hover .picscale img{ transform:scale(1.1); }

/*work page*/
.workShow_down{ margin: 20px 0 0; padding: 20px 0 0 0; position: relative; }
.top_line{ position: absolute; top: 0; left: 0; width: 100%; height: 1px; }
.top_line i{ display: block;margin: 0 20px; height: 1px; background-color: #b5b5b5; }
.concept{ padding: 30px 0 0 ;  color: #999999; }
.venue{ padding: 25px 0 0; }
.venue ul{ float: left; width: 25%; }
.venue ul li{ padding: 0 0 0 25px; background-image: url(../image/venue_point.png); background-position: 0 0;  background-repeat: no-repeat;}
.venue ul li a{ display: block;  color: #999; line-height: 25px; }
.venue ul li.in{ background-image: url(../image/venue_point-.png);}
.venue ul li:hover{  background-image: url(../image/venue_point-.png);   }

/*-----------------------------------------------------------------------------------*/
/*	 about
/*-----------------------------------------------------------------------------------*/
.padding_part{ padding:60px 20px 20px 20px ;  }
.article_part{ padding: 0 20px 20px 20px;  }
.plr10{}

.top_text{ color: #595959;  line-height: 22px; }
.pic_show{ width: 100%; height: 215px; margin: 25px 0 30px!important; }
.pic_show .swiper-slide{ z-index:10;}
.pic_show_main{  }
.showPrev{ width: 29px;z-index:999; height: 17px; background: url(../image/lr.jpg) 0 0 no-repeat; position: absolute; top: 198px; right: 31px; cursor: pointer; }
.showNext{ width: 29px;z-index:999; height: 17px; background: url(../image/lr.jpg) -29px 0 no-repeat; position: absolute; top: 198px; right: 0; cursor: pointer; }
.down_text{ margin: 20px 0; }
.down_text .down_textTitle{ font-size: 24px; color: #595959; text-align: center; margin:0 0 20px;  position: relative; }
.down_text .down_textTitle span{ background-color: #fff; padding: 10px 20px;  }
.down_text .down_textTitle:after{ content: ""; width: 100%; height: 1px; background-color: #505050; position: absolute; top: 50%; left: 0; z-index: -1; }
.milestone{   }
.milestone li{ width: 25%; float: left;height:137px; }
.milestone li .miles_box{ padding: 10px 15px; color: #676767;  }
.milestone li p{ padding: 6px 0; font-size: 18px; border-bottom: 1px solid #cacaca; }
.milestone li span{ display: block; margin:6px 0;  }




.development {
    width: 100%;
      color:#fff;
    background-color: #666;
        background: url(../image/development_bg.c6b4a1ce.jpg) no-repeat 50%;
}

.development-content {
    padding: 100px 0;
}

.development-content h2 {
        margin-bottom: 30px;
    text-align: center;
}

.year {
    width: 80%;
    margin: 0 auto;

    display: flex;
    justify-content: space-between;
}


.year>div {
    position: relative;
    line-height: 1;
    text-align: center;
    cursor: pointer;
    color: #fff;
}

.year>div>i {
    content: "";
    position: absolute;
    width: 40px;
    height: 1px;
    top: 9px;
    left: 24px;
    background-color: hsla(0, 0%, 73.3%, .65);
}

.year>div:last-child>i {
    width: 0 !important;
}

.year>div>span {
    display: block;
    width: 18px;
    height: 18px;

    margin: 0 auto 10px;
    border-radius: 50%;
    background-color: #aaa;
    opacity: .75;
}

.year>div>span.active {
    background-color: #e71a28;
}
.dsjs{
     width: 100%;
        height: 100%;
     
}
.dsjs .swiper-wrapper{
       margin-left:-360px;

}
.dsjs .swiper-slide {
    display: block;
 
              text-align: left;
        font-size: 18px;
        background: #fff;

        /* Center slide text vertically */
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
  
}

.dsjs .swiper-slide>.slide-content {
    width: 100%;
       margin: 40px 20px;
}
.dsjs .slide-content>h1{
      color: #676767;
        font-size: 18px;
    border-bottom: 1px solid #ddd;
    padding-bottom: 10px;

}

.dsjs .slide-content .h1-active{
    color:#e71a28;
    border-bottom: 1px solid #e71a28;
}

.dsjs .slide-content>p{
      color: #676767;
        font-size: 12px;
        margin-top:20px;

}



@media (max-width: 991px) {
    .year {
        width: 90%;
        overflow-x: scroll;
        white-space: nowrap;
    }

    .year::-webkit-scrollbar {
        display: none;
    }

    .dsjs .swiper-wrapper {
        margin-left: 0px;

    }

    .dsjs .swiper-slide>.slide-content {
        width: 100%;
        margin: 40px 0px;
    }
        .year>div:last-child{
        padding-right: 0;
    }
}

@media (max-width: 767px) {
    .year {
        width: 320px;
        overflow-x: scroll;
        white-space: nowrap;
    }

    .year>div {
        padding-right: 30px;
    }


    .year>div>i {
        width: 45px !important;
    }
}


@media (max-width: 1240px) {
 
    .year>div::after {

      width: 28px;
  
}
  
}


/*about2*/
.advantage{ padding:  35px 0; clear: both; overflow: hidden; }
.bbtm{ border-bottom: 1px solid #dbdbdb; }
.advantage .adt_left{ float: left; }
.advantage .adt_right{ padding: 0 0 0 110px; }
.advantage .adt_right .adt_right_top{ padding:0 0 8px 0;  }
.advantage .adt_right .adt_right_down{ color: #9c9b9c; line-height: 22px; }

/*about3*/
.about_news{}
.about_news ul{}
.about_news ul li{ padding: 0 0 20px; margin: 0 0 20px; clear: both; overflow: hidden; position: relative; border-bottom: 1px solid #ebebeb; }
.about_news li a{ color: #a4a4a4; }
.about_news li .about_newsPic{ width: 32%;   float: left; overflow: hidden; }
.about_news li .about_newsPic img{ width: 100%; transition:0.3s linear; -o-transition:0.3s linear; -ms-transition:0.3s linear; -moz-transition:0.3s linear; -webkit-transition:0.3s linear; }
.about_news li .about_newsInfo{ float: left; width: 68%;   }
.about_news li .about_newsInfo h2{ padding: 0 0 14px 22px; font-size: 14px; color: #595959; transition:0.3s linear; -o-transition:0.3s linear; -ms-transition:0.3s linear; -moz-transition:0.3s linear; -webkit-transition:0.3s linear;  }
.about_news li .about_newsInfo p{ padding: 0 0 0 22px; transition:0.3s linear; -o-transition:0.3s linear; -ms-transition:0.3s linear; -moz-transition:0.3s linear; -webkit-transition:0.3s linear;  }
.about_news li .about_newsInfo span{ position: absolute; bottom: 20px; right: 0; }
.about_news li:hover .about_newsInfo h2{ color: #000;  }
.about_news li:hover .about_newsInfo p{ color: #666; }
.about_news li:hover .about_newsPic img{ transform:scale(1.1); }
/*about4*/
.company_glory{}
.company_glory ul{}
.company_glory ul li{ position: relative; padding: 0 0 0 30px; font-size: 13px; }
.company_glory ul li a{ display: block; line-height: 34px; color: #2d2d2d; white-space:nowrap;overflow:hidden;text-overflow:ellipsis; }
.company_glory ul li:after{ content: ""; width: 2px; height:2px; background-color: #000;  position: absolute; top: 50%; left: 10px;  margin-top:-1px; border-radius: 100%;  }
.company_glory ul li:hover:after{ color: #c4000a; }
.company_glory ul li:hover a{ color: #c4000a; }

.company_glory2{}
.company_glory2 ul{font-size: 0;width:32%; vertical-align: top; display: inline-block;}
.company_glory2 ul li{  position: relative;padding: 5px 0 5px 30px; font-size: 13px; }
.company_glory2 ul li a{ display: block; line-height: 22px; color: #2d2d2d;  }
/*.company_glory2 ul li:after{ content: ""; width: 2px; height:2px; background-color: #000;  position: absolute; top: 50%; left: 10px;  margin-top:-1px; border-radius: 100%;  }*/
.company_glory2 ul li:hover:after{ color: #c4000a; }
.company_glory2 ul li:hover a{ color: #c4000a; }

/***** pageshow *****/
.article_title{ color: #595959; margin: 10px 0 25px 0;  position: relative;}
.article_title h1{ font-size: 18px; padding: 2px 0;  }
.article_back{ width: 24px; height: 24px; position: absolute; top: 50% ; right : 0; margin-top: -12px;  }
.article_back a{display: block; width: 24px; height: 24px; color: #fff;  background-color: #595c5e; line-height: 24px; text-align: center;  }
.article_text{ color: #595959; margin: 0 0 50px 0;  }
.article_text img{ width: 100%;  }

.jiathis_style{  }
.jiathis_style div{ float:left; color: #9c9b9c; margin: 0 12px 0 0;  }
.pn_page{     padding:30px 0 12px;  }
.pn_page p{ color:#9c9c9c; padding:3px 0 3px 55px ; position:relative; }
.pn_page p a{ color:#444; white-space:nowrap;overflow:hidden;text-overflow:ellipsis; }
.pn_page p a:hover{ color:#c4000a; }
.pn_page p span{ position:absolute; top:3px; ; left:0;}
.back_list a{ display: block; width: 85px; height: 25px; line-height: 25px; background-color: #c20f19; color: #fff; text-align: center; }

/*-----------------------------------------------------------------------------------*/
/*	 innovation
/*-----------------------------------------------------------------------------------*/
.invtBox{}
.invtBox li{padding: 0 0 15px; margin: 0 0 15px; clear: both; overflow: hidden; }
.invtBox li .invtPic{ position: relative; width: 49%; float: left; }
.invtBox li .invtPic img{ width: 100%; transition:0.3s linear; -o-transition:0.3s linear; -ms-transition:0.3s linear; -moz-transition:0.3s linear; -webkit-transition:0.3s linear;  }
.invtBox li .invtText{ width: 51%; float: left; }
.invtBox li .invtText h1{ padding: 0 0 12px 12px; font-size: 15px; color: #7f7f7f; transition:0.3s linear; -o-transition:0.3s linear; -ms-transition:0.3s linear; -moz-transition:0.3s linear; -webkit-transition:0.3s linear;}
.invtBox li .invtText p{ padding:  0 0 0 12px;  color: #595959; transition:0.3s linear; -o-transition:0.3s linear; -ms-transition:0.3s linear; -moz-transition:0.3s linear; -webkit-transition:0.3s linear; }
.invtBox li .invtPic .cover{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: url(../image/4bg.png) 0 0 repeat;  z-index: 2;   }
.invtBox li .invtPic .cover img{ width: 38px; height: 38px; position: absolute; top: 50%; left: 50%; margin: -19px 0 0 -19px; z-index: 3;  }
.invtBox li:hover .invtText h1{ color:#000; }
.invtBox li:hover .invtText p{ color:#666;  }
.invtBox li:hover .invtPic .picscale img{ transform:scale(1.1);  }

/*-----------------------------------------------------------------------------------*/
/*	 contact
/*-----------------------------------------------------------------------------------*/
.company_info{ width: 300px; float: left; overflow: hidden; }
.company_info .ci_title{ padding: 0 14px;  font-size: 16px; line-height: 40px; background-color: #4f4a49; color: #fff; }
.company_info .ci_text{ padding: 14px; background-color: #f5f5f5; }
.company_info .ci_text p{ line-height: 24px; color: #676767; }
.company_info .ci_text p.space{ padding: 0 0 0 70px; position: relative; }
.company_info .ci_text p.space span{ display: block; position: absolute; top: 0; left: 0; }
.company_map{ overflow: hidden; padding: 0 0 0 20px; height: 503px; }
/*contact2*/
.jobBox{  }
.jobBox ul{}
.jobBox ul li{ width: 50%; float: left; margin: -1px 0 0 -1px; }
.jobBox ul li a{ display: block; color: #000; }
.career{ padding:30px 20px ; border: 1px solid #f1f1f1; cursor: pointer;	 }
.career h6{ font-size: 14px; padding: 5px 0; }
.jobBox ul li a:hover,.jobBox ul li a:active{ background-color: #494949; color: #fff;  }

/*瀵懓鍤仦鍌涚壉瀵拷*/
.careerBox_mask{z-index:999;position:fixed;top:0;left:0;width:100%;height:100%;background:#000;opacity:0.8;filter:alpha(opacity=80);display:none}
.careerBox_info{z-index:9999;position:fixed;top:25%;left:25%;width:50%;height:50%;display:none; background-color: #fff; overflow-y: auto;  }
.careerBox{ background-color:#fff; padding:40px; line-height: 21px;  }
.careerBox h4{ font-size: 20px; }

.developerMethod {width:100%; margin-left:20px;}
.developerMethod span{ margin-left:20px; display:inline; }


@media (max-width: 1240px) {

.width1230{ width: auto; }
.width-19full{ width: 960px; }

.pageNav_item ul li a{ margin: 0 12px; }

/*footer*/
.footer_partA .footer_state span{ display: block; }
/*second page*/
.milestone li{ width:33.333%; }
/*work*/
.work_banner{ width: 100%;   }
.work_bannerPad{ padding: 0 20px; }
.work_wrapper{ width: 100%;  }
.work_wrapperPad{ padding: 0 10px; }
.work_sort_main{ width: 100%; margin: 0; }

/*rightFloat*/
.rightFloat{ display: none; }
.littleRight{ display: block; }
.mobile_top{ display: none; }

}


@media (max-width: 991px) {

.col-4{ width: 24.999%; }
.width1230{ width: auto; }
.width-19full{ width: 100%; }
/*work*/
.work_banner{ width: 100%;  }
.work_wrapper{ width: 100%; }
.work_sort_main{ width: 100%; margin: 0; }

.top_logo{ width: 130px; padding: 30px 0; left:20px; }
.pageNav_item ul li{ float: left; margin: 55px 0 15px;  }
.pageNav_item ul li a{ margin: 0 4px; font-size: 15px; }
.company_glory2 ul li{ width:90%;  }
/*footer*/
.footer_partB{ margin: 0 10px 0 0; }
.footer_partB dl{ float: left; padding: 0 10px; }
/*second page*/
.milestone li{ width:33.333%; }


}

@media (max-width: 860px) {

/*footer*/
.footer_partA{ float: left; }
.footer_partA .footer_state span{ display: inline-block; }
.footer_partB{ display: none; float: left; margin:  0 20px; }
.footer_partB dl{ font-size: 13px; }
.footer_partB dl dt{ font-size: 15px; }
/*work*/
.work_content{ width: 33.333%; padding: 0 0 30px 0; }

/*banner2*/
.main_visual{height:280px;border-top:1px solid #d7d7d7;overflow:hidden;position:relative;}
.main_image{height:280px;overflow:hidden;position:relative;}
.main_image ul{width:9999px;height:280px;overflow:hidden;position:absolute;top:0;left:0}
.main_image li{float:left;width:100%;height:280px;}
.main_image li span{display:block;width:100%;height:280px;background-position:  center center; background-repeat: no-repeat;background-size: cover;}
.main_image li a{display:block;width:100%;height:280px}
.index_banner{ height:420px; }
.index_image{height:420px;}
.index_image ul{height:420px;}
.index_image li{height:420px;}
.index_image li span{height:420px;}
.index_image li a{height:420px;}
/*banner2*/


}

@media (max-width: 767px) {
.col-4{ width: 50%; }
.width1230{ width: auto; }
.width-19full{ width: 100%; }
.moble_hide{ display: none; }

.pageNav_item{ width: 100%; height: 0; overflow: hidden; }
.pageNav_btn{ display: block; }  
.pageNav_item ul li{ width: 100%; margin: 0; background-color: #d5d5d5; border-bottom: 1px solid #f1f1f1; }
.pageNav_item ul li a{ display: block; text-align: center; font-size: 14px; padding:14px 0; margin: 0;  color: #000; transition:0.3s linear; -o-transition:0.3s linear; -ms-transition:0.3s linear; -moz-transition:0.3s linear; -webkit-transition:0.3s linear; }
.pageNav_item ul li:hover{ background-color: #ccc; }


.index_advantages{  padding: 20px 0; }
.ia_title img{ width: 80px; height: 41px; margin-bottom: 8px; }
.ia_title p.en{ font-size: 16px; }
.ia_item ul li{ padding: 15px 0; }

/*rightFloat*/
.rightFloat{ display: none; }
.littleRight{ display: none; }
.mobile_top{ display: block; }
/*footer*/

/*slider*/
.pagination_opition .owl-controls{  margin-top:-20px!important;  }
.pagination_opition .owl-pagination .owl-page span{ width: 6px!important; height: 6px!important; margin: 0 5px!important;}

/*second page*/
.col-left{ width: 100%; }
.col-right{ width: 100%; }

.second_navTitle{ padding: 0 20px;  }
.second_navTitle ul{ margin: 15px 0 0 0; }
.second_navTitle ul li{ display: inline-block; font-size: 12px; }
.second_navTitle ul li a{ padding:  6px  16px; margin :  5px 3px; line-height: 42px; background-color: #bbbbbb; color: #fff;  }
.second_navTitle ul li.on a{ color: #fff; background-color: #c4000a; }
.second_navTitle ul li:hover a{ color: #fff; background-color: #c4000a; } 
.padding_part{ padding: 20px; }
.article_part{ padding: 20px }
.Page_main{ margin: 20px auto 30px; }
.milestone li{ width:33.333%; }
.p10{ padding:  0 0; }
/*article show*/
.article_back{  top: 0 ; right : 0; margin-top: -12px;  }
.work_itemBtn{ position: relative; padding: 8px 20px 0; }
/*workshow*/
.concept{ padding: 30px 20px 0 ;  color: #999999; }
.venue{ padding: 25px 20px 0; }
/*work*/
.work_sort{ height:auto; }

}

@media (max-width: 520px) {

/*footer*/
.footer_partA .footer_state span{ display: block; }
.footer_partB dl dt{ margin: 0 20px 8px;  }
.footer_partB dl dd{ margin: 0 20px;  }
.content_main{ margin-top:90px;  }
.footer_partA .wechat_code{ display: none; }
/*video*/
.video_box{ width: 100%; height: 300px; }
.company_info{ width: 100%; }
.company_map{ width: 100%; padding: 25px 0; height:300px;   }
/*work*/
.work_content{ width: 50%; padding: 0 0 30px 0; }
/*banner2*/
.main_visual{height:110px;border-top:1px solid #d7d7d7;overflow:hidden;position:relative;}
.main_image{height:110px;overflow:hidden;position:relative;}
.main_image ul{width:9999px;height:110px;overflow:hidden;position:absolute;top:0;left:0}
.main_image li{float:left;width:100%;height:110px;}
.main_image li span{display:block;width:100%;height:110px;background-position:  center center; background-repeat: no-repeat; background-size: cover;}
.main_image li a{display:block;width:100%;height:110px}
div.flicking_con{ bottom:20px; }
div.flicking_con a{ width: 7px; height: 7px; margin: 0 3px; }
.index_banner{ height:300px; }
.index_image{height:300px;}
.index_image ul{height:300px;}
.index_image li{height:300px;}
.index_image li span{height:300px; background-position:  -600px center; }
.index_image li a{height:300px;}
/*banner2*/
.developerMethod span{ margin-left:0; display:block;  }

}


@media (max-width: 480px) {
.col-4{ width: 100%; }
.width1230{ width: auto; }
.width-19full{ width: 100%; }


.header{ width: 100%; min-height: 90px; }
.top_logo{ width: 130px; height: 50px; padding: 20px 0;  }
.pageNav_btn{ width: 20px; height: 20px; margin: 45px 0 25px 0;  }
.pageNav_btn span{ margin: 4px 0; }
.pageNav_close span.nav_lineA{ transform: rotate(-45deg); margin-top: 6px; }
.pageNav_close span.nav_lineC{ transform: rotate(45deg); margin-top: -6px; }
.ia_item{ padding: 0 ; }

/*footer*/
.footer_partA{ float: left; padding: 30px 0 20px; }
.footer_partA .wechat_code{  display:none; }
.footer_partA .footer_state{ float: left; padding: 20px 20px 0;  font-size: 13px;}
.footer_partA .footer_state h1{ padding: 15px 0; font-size: 14px;}
.footer_partA .footer_state p{ padding: 3px 0; font-size: 12px; }
.footer_partA .footer_state p span{ padding: 3px 0 0; }

.footer_partB{ float: left; margin: 0 0;  padding: 10px 0; }
.footer_partB dl{ width: 100%;  float: left; padding: 0 0 20px ; font-size: 14px;  }
.footer_partB dl dt{ margin: 0 20px 8px; border-bottom: 1px solid #c3c3c3; }
.footer_partB dl dd{ margin: 0 20px; padding: 4px 0; font-size: 12px; }


/*second page*/
.milestone li{ width:50%; }

/*about2*/
.advantage{ padding:  20px 0; clear: both; overflow: hidden; }
.advantage .adt_right{ padding: 0 0; }
.advantage .adt_right .adt_right_top{ padding:0 0 8px 0;  }
.advantage .adt_right .adt_right_top img{ width: 100%; }

/*about3*/
.about_news{}
.about_news ul{}
.about_news ul li{ padding: 0 0 20px; margin: 0 0 20px; clear: both; overflow: hidden; position: relative; border-bottom: 1px solid #ebebeb; }
.about_news li a{ color: #a4a4a4; }
.about_news li .about_newsPic{ width: 100%;   float: left; }
.about_news li .about_newsPic img{ width: 100%; }
.about_news li .about_newsInfo{ float: left; width: 100%;   }
.about_news li .about_newsInfo h2{ padding: 10px 0 10px 0; font-size: 16px; color: #595959;  }
.about_news li .about_newsInfo p{ padding: 0 0 0 0;  }
.about_news li .about_newsInfo span{ position: absolute; bottom: 6px; right: 0; }
/*article_show*/
.article_title{ margin: 0 0 12px 0; }
.article_text{ margin: 0 0 25px 0;  }
/*innovation*/
.invtBox li{padding: 0 0 5px; margin: 0 0 5px; clear: both; overflow: hidden; }
.invtBox li .invtPic{ position: relative; width: 100%; float: left; }
.invtBox li .invtText{ width: 100%; float: left; }
.invtBox li .invtText h1{ padding: 12px 0 12px 0; font-size: 15px; color: #7f7f7f; }
.invtBox li .invtText p{ padding:  0 0 12px 0;  color: #595959; }
/*contact*/
.company_info .ci_title{ font-size: 14px; }
/*contact2*/
.jobBox ul li{ width: 100%; float: left; margin: 5px 0 5px 0; }
/*works*/
.work_content{ width: 100%; padding: 0 0 20px 0; }
.venue ul{ float: left; width: 50%; }




}

#cnzz_stat_icon_1257119186{display:none}