@charset "utf-8";
/* CSS Document */
body{ margin:0; padding:0; border:0; font-size:16px; color:#1a1a1a;
 -webkit-text-size-adjust:none; font-family:"微软雅黑"; background:white;}
ul,ol,li,dl,dt,dd,img,form,input{ margin:0; padding:0; border:0;}
ul,li,dl{ list-style-type:none;}
img{ vertical-align:top; border: none;}
h1,h2,h3,h4,h5{ margin:0; padding:0; border:0;}
.flol{ float:left;}
.flor{ float:right;}
.center{ text-align:center;}
.clr{ clear:both;}
.container-full{ width: 100%;}
.container-full-large{ width:100%;}
.container{width: 1350px; margin: 0 auto;}
a{ text-decoration: none; color: #1a1a1a;}

@media (min-width: 1919px) {
  .section { width: 100%; }
  .container-full{ max-width:1920px; margin:0 auto;}
  .service3_box:nth-of-type(1), .service3_box:nth-of-type(2){ min-height:250px !important;}
  .service3_box p {
    line-height: 1.5em !important;
    font-size: 1.5em;
   }
   /*.news_list_dl dt {*/
   /* width: 45% !important;*/
   /* }*/
   /* .news_list_dl dd {*/
   /*     width: 55% !important;*/
   /* }*/
    .top_nav_ul li a{ font-size:1.3em;}
    .case_article{ font-size:1.3em;}
}

/*---------header---------*/
.header{ border-bottom: 2px solid #bdbdbd; float: left;}
.top_nav_ul{margin-right: 55px;}
.top_nav_ul li{ display: inline-block;}
.top_nav_ul li a{ color: #6b6b6b; padding: 0 50px; line-height: 76px;}
.top_nav_ul li a:hover{ color: #000;}

.online_tool{ position: fixed; right: 0; top: 0;}
.tool_btn{ position: absolute; right: 0;}
.online_tool:hover .tool_ul{ display: block;}
.tool_ul{ position: absolute; right: 0; top: 77px; width: 162px; background-color: #d9d9d9; display: none;}
.tool_ul li{ float: left; width: 100%;}
.tool_ul li{ display: block; padding: 20px 0; border-bottom: 2px solid #f5f5f5;}
.tool_ul li i{ font-size: 20px; padding-right: 10px; float: left; display: block; text-indent: 15px;}
.tool_ul li span{ float: left; display: block; font-size:14px;}
/*---------index---------*/
.banner_bg{background-size: cover; background-repeat: no-repeat; background-position: center top; height: 870px;}
.banner img{ padding-top:214px;}
.index_about{padding: 185px 0 0; font-size: 30px; color: #1a1a1a; letter-spacing: 3px;}
.index_about .index_tit{padding: 0 0 90px;}
.index_about strong{ font-size: 35px;}
.index_core{ margin-top: 210px;}
.index_core_box{ font-size: 22px; width: 90%; margin: 70px auto 0; line-height: 44px;}
.index_core_box h3{font-size: 35px;}
.index_core_box h3 span{font-size: 37px;}
.index_service1{ margin-top: 140px;}
.index_company_data{ height: 315px; background-color: #4d4d4d; margin: 130px 0 0;}
.index_service2 .index_tit{ padding-top:60px;}
.index_service2_box{ padding: 130px 0 180px;}
.index_service3 .index_tit{ padding-bottom:95px;}
.service3_dl{ width: 31%; float: left; margin-right: 3%;}
.service3_dl:last-child{ margin-right: 0;}
.service3_dl dt{}
.service3_dl dt img{ width:100%;}
/*.service3_dl:hover dd{ display: block;}*/
.service3_dl dd{ display: block; background: #e6e6e6; padding: 0 5% 0; width:90%; float: left; min-height: 405px;}
.service3_box{ padding: 20px 0 0; width: 48%; float: left; margin-right: 4%;}
.service3_box:nth-of-type(2n){ margin-right:0;}
.service3_box:nth-of-type(1),.service3_box:nth-of-type(2){ min-height: 210px;}
.service3_box:nth-of-type(3),.service3_box:nth-of-type(4){ min-height: 155px;}
.service3_box h3{font-size:18px; font-weight: bold;}
.service3_box p{ line-height: 25px; font-size:16px; margin:10px 0 0;}
.index_case_tit{ margin: 110px 0 65px;}
.index_cases_box{}
.cases_cate_dl{ overflow: hidden; position: relative; width: 32%; float: left; margin-right: 2%; margin-bottom: 28px; cursor:pointer;}
.cases_cate_dl:nth-of-type(3n){ margin-right: 0;}
.cases_cate_dl dt{}
.cases_cate_dl dt img{
	-webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);    
    filter: grayscale(100%);	
    filter: gray;
    width: 100%;
}
.cases_cate_dl:hover dt img{
	-webkit-filter: none;
    -moz-filter: none;
    -ms-filter: none;
    -o-filter: none;    
    filter: none;
}
.cases_cate_dl dd{ position: absolute; top: 10px; left: 15px; z-index:3;}
.cases_cate_dl:hover .cases_cate_dl_bg{ background: rgba(0,0,0,.15);}
.cases_cate_dl_bg{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,.45);
    z-index: 2;
}
.cases_cate_dl dd a span{ color: #fff; display: block;}
.cases_cate_dl dd a span:nth-of-type(1){ font-size: 26px;}
.cases_cate_dl dd a span:nth-of-type(2){ font-size: 20px; font-family: Arial;}
.index_news{ margin-bottom: 330px; width: 100%; float: left;}
.news_list{}
.news_list .index_tit{ padding: 180px 0 50px;}
.news_list_dl{}
.news_list_dl dt{ width: 740px; float: left;}
.news_list_dl dt img{ max-width:100%;}
.news_list_dl dd{ width: 480px; float: right;}
.news_list_ul{}
.news_list_ul li{ padding: 20px 0 8px; border-bottom: 1px solid #535353;}
.news_list_ul li a{ font-size: 16px; color: #282828;}
.news_list_ul li a:hover{ color: #606060;}
.footer1{ background-color: #c2c1c7; padding: 48px 0 40px;}
.footer2{ background-color: #23232b; float: left; padding: 60px 0 30px;}
.footer2_container{ width: 97%; margin: 0 auto;}
.footer2_box1{ width: 32%; float: left;}
.footer2_com_dl{}
.footer2_com_dl dt{ float: left;}
.footer2_com_dl dd{ float: left; color: #fff; padding-left:2%; font-size:14px;}
.footer2_box2{ width: 30%; float: left; margin: 0 4% 0 2%;}
.footer2_box3{ width: 30%;}
.website{ padding-top: 135px; font-size: 18px; color: #fff;}
.copyright{ color: #6c6d71; font-size: 12px; padding-top: 7px;}
.chat_data{}
.chat_data,.chat_tel{ padding:26px 0; border-top: 1px solid #414046;}
.chat_tel{border-bottom: 1px solid #414046;}
.chat_data span{ color: #fff; font-size: 18px; padding: 0 37px 0 0;}
.chat_tel span{ color: #fff; font-size: 18px; padding: 0 40px 0 0;}
.chat_tel span:nth-of-type(2){font-size: 35px; padding-right: 0;}
.footer2_box3{ position: relative; border-top: 1px solid #414046; float: right;}
.footer2_box3 p{ color: #fff; font-size: 16px; margin: 10px 0;}
.footer2_box3_con2{ position: absolute; right: 0; top: 0;}
.footer_tit{ font-size: 18px !important;}
.footer_data_qq,.footer_data_wechat{ font-size: 22px !important; padding-right: 12px;}

/*---------about----------*/
.about_page{ padding-top: 0 !important;}
.about_tit{ padding: 110px 0 120px;}

/*---------service---------*/
.service_tit{ padding: 70px 0 65px;}
.service_datas .service3_dl{ margin-bottom: 120px;}
.brand_list{
    display: block;
    float: left;
    width: 100%;
    text-align: center;
    padding-bottom:50px;
}
.brand_list li{
    display: inline-block;
    width: 25%;
    text-align: center;
}
.brand_list li img{
    max-width: 100%;
}
/*---------news---------*/
.news_tit{padding: 120px 0 50px;}
.news_dl{ margin-bottom: 130px; float: left; width: 100%;}

.news_list_box{
    width: 1090px;
    margin: 0 auto;
}
.dl_news_list{
    float: left;
    width: 100%;
    margin: 0 auto;
    padding: 65px 0;
    border-bottom: 1px solid #9c9c9c;
}
.dl_news_list dt{
    width: 400px;
    height: 225px;
    background:#00ccff;
    overflow: hidden;
    float: left;
}
.dl_news_list dt img{
    max-width: 100%;
}
.dl_news_list dd{
    width: 655px;
    float: right;
}
.dl_news_tit{
    line-height: 50px;
    float: left;
    width: 100%;
    border-bottom: 1px dashed #a4a4a4;
}
.dl_news_tit a{
    width: 80%;
    overflow: hidden;
    float: left;
}
.dl_news_tit span{
    float: right;
    width: 20%;
    text-align: right;
}
.dl_news_intro{
    color: #888888;
    font-size: 15px;
    padding-top: 25px;
    float: left;
}

/*---------cases---------*/
.cases_page{ position: relative; width: 1350px; margin: 60px auto 0; min-height: 390px;}
.case_cates{ border: 1px solid #b7b7b7; background-color:#4d4d4d; position:absolute; width: 195px; left: -205px;}
.cate_cates_ul{}
.cate_cates_ul li{}
.cate_cates_ul li a{color: #fff; font-size: 18px; display: block; text-align: center; padding: 13px 0; width: 100%; border-bottom:1px transparent solid; border-image:linear-gradient(to right,#444444,#a2a2a2) 1 10;}
.cate_cates_ul li a:hover{ background: #000;}
.cases_list{ }
.case_dl{ width: 32%; float: left; margin-right: 2%;}
.cases_list .case_dl:nth-of-type(3n){ margin-right: 0;}
.case_dl dt{
    height: 240px;
    width: 100%;
    overflow: hidden;
}
.case_dl dt img{ width: 100%;}
.case_dl dd{ text-align: center; padding: 25px 0 75px;}
.case_dl dd a{}

/*---------case info---------*/
.case_info_tit{ margin-bottom: 60px; background: #4d4d4d; height: 50px; line-height: 50px; font-size: 22px; color: #fff; text-align: center; width: 100%; float: left;}
.case_article{ padding-bottom: 25px;}
.case_article img{ max-width: 100%; height: auto; width:100% !important;}

/*---------job---------*/
.job_tit{ padding: 45px 0;}
.job_article{ width: 1020px; margin: 0 auto; line-height: 1.7em;}
.job_list{ border-bottom: 1px solid #000000; padding-bottom: 10px; float: left; width: 100%;}
.job_dl{ width: 47%; float: left;}
.job_list .job_dl:nth-of-type(2n){ float: right;}
.job_dl dt{ height: 50px; line-height: 50px; color: #fff; text-indent: 20px; background-color: #4d4d4d; font-size: 18px;}
.job_con{ padding: 30px 0 20px; min-height: 280px; line-height: 1.7em;}
.job_con ol{ padding-left:20px;}
.job_con ol li{ list-style-type:decimal; }
.dy_tit{ font-size: 22px; font-weight: bold; padding: 40px 0 10px;}
.job_dy{ padding: 0 0 45px;}
.job_dy_data{ font-size: 19px; padding: 30px 0 0;}
.dy_data_tel{ font-size: 37px; font-weight: bold; padding: 0 70px 0 45px;}
.dy_data_qq{ font-size: 37px; font-weight: bold;}
.dy_data_email{ padding: 0 0 0 20px;}

/*---------contact---------*/
.contact_tit{ padding: 45px 0 100px;}
.contact_datas{}
.contact_box{ width: 47%; margin-right: 2%; border: 1px solid #dadada; padding: 0 .8%; float: left;}
.contact_datas .contact_box:last-child{ margin-right: 0;}
.contact_box h2{ font-size: 40px; text-align: center; font-weight: normal; height: 115px; line-height: 115px; border-bottom: 1px solid #dadada;}
.contact_data{ padding: 50px 0; font-size: 22px; min-height: 40px; text-align:center;}
.contact_online{ padding: 20px 0 50px;}
.contact_tel{ font-size: 36px; font-weight: bold; }
.contact_online span{ font-size: 26px; display: block; padding-left: 85px;}
.contact_online span i{ font-size: 30px; padding-right: 20px; padding-top: 16px;}
.wd_tit{ width: 100%; height: 50px; line-height: 50px; text-align: center; font-size: 20px; color: #fff; background-color: #4d4d4d; margin: 65px 0 70px;}
.contact_all_datas{ padding: 270px 0 0 120px; font-size: 18px;}
.contact_dt{ padding-bottom: 60px;}

/*---------分页----------*/

/* 通用分页 */
.pagination-container {
    line-height: 40px;
}
.pagination-container span {
    color: #666;
    font-size: 9pt
}

.pagination-container ul {
    float: right;
    display: inline-block;
    margin: 0;
    padding: 0;
}
.pagination-container ul li {
    z-index: 1;
    display: inline-block;
}
.pagination-container ul li.active {
    z-index: 2;
}
.pagination-container ul li.active span {
    color: #fff;
    border-color: #c2c1c7;
    padding-right: 1px;
    background: #c2c1c7 !important
}

.pagination-container ul li a, .pagination-container ul li span {
    color: #333;
    width: 33px;
    height: 30px;
    border: 1px solid #dcdcdc;
    display: inline-block;
    margin-left: -1px;
    text-align: center;
    line-height: 28px
}

.pagination-container ul li span {
    background: #dcdcdc;
    cursor: default
}

.pagination-container ul li a:hover {
    background: #dcdcdc;
    border-color: #dcdcdc
}

.notdata {
    padding: 15px;
    display: block;
    font-size: 13px;
    text-align: center;
    line-height: 22px;
    letter-spacing: 8px;
    border: 1px solid #e6e6e6;
    background-color: #f2f2f2;
    border-radius: 0 2px 2px 0;
}