*{box-sizing: border-box;}
html { height:100%; -webkit-text-size-adjust:100%; -ms-text-size-adjust:100%; -webkit-font-smoothing: antialiased!important; -webkit-tap-highlight-color: transparent}
body,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,hr,button,article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section { margin:0; padding:0;}
body,button, input, select, textarea {font: 12px/1 "Microsoft YaHei","微软雅黑","arial","tahoma","MicrosoftJhengHei", "sans-serif";  -webkit-text-size-adjust:100%; -ms-text-size-adjust:100%; -webkit-font-smoothing: antialiased!important;}
input.form-control{font: 12px/1 "Microsoft YaHei","微软雅黑","arial","tahoma","MicrosoftJhengHei", "sans-serif";}
body { background-color:transparent; min-height:100%; height:auto !important; overflow-x: hidden;}
img { border:0; vertical-align:middle; -ms-interpolation-mode:bicubic;}
a {text-decoration:none; background-color: transparent; color: #333; }
a.focus, a:focus{outline:0;}
a.active.focus, a.active:focus, a.active:hover, a.focus:active, a:focus:active, a:hover:active, .open > a.dropdown-toggle.focus, .open > a.dropdown-toggle:focus, .open > a.dropdown-toggle:hover{outline:0;text-decoration:none;font-weight:400;}
a:hover {text-decoration:none; transition:box-shadow .3s, border .3s, background-color .3s, color .3s;}
a:active,a:visited{text-decoration:none;}
h1 { font-size:16px; line-height:36px;}
h2 { font-size:14px; line-height:30px;}
h3 { line-height:24px;}
h3,h4,h5,h6 { font-size:12px;}
ul,li,ol { margin:0; padding:0; list-style:none outside none;}
ul.has-style li,ol li { margin-left:25px;}
ul.has-style li { list-style:disc;}
ol li { list-style:decimal;}
ul.inline-style li { float:left; display:inline;}
dl { margin-bottom:18px;}
dt { font-weight:bold;}
dd { margin:0 0 0 9px; padding:0;}
.flex{
    display: flex;
    justify-content: space-between;
}
.flexwrap{
    flex-wrap:wrap ;
}
.wrap{
    width:1000px;
    margin:0 auto;
}

.wrap100{
    width:100%;
}

.header{
    padding:10px 0px;
    width:1400px;
    margin:0 auto;
    display: flex;
    justify-content: space-between;
}
.header>div{
    height:70px;
}
.header .logo img{
    height:100%;
}
.header .nav{
    flex:1;
    display: flex;
    justify-content: flex-end;
    padding-right: 40px;
}
.header .nav a{
    display: inline-block;
    height: 70px;
    line-height: 70px;
    padding: 0px 15px;
    font-size: 16px;
    font-weight: bold;
    color: #555555;
    font-family: 雅黑;
}


.header .nav  .alink{  text-align:center; }
.header .nav .on .alink:after{ left:0; right:0;} 
.header .nav .on .alink,.header .nav .nl:hover  .alink{color:#eabf6f;}

.header .nav .nl{position: relative;}
.header .nav .sub{ 
    background-color:#fff;
    box-shadow:0 4px 5px rgba(0,0,0,.1);
    position:absolute; 
    z-index:99;
    top:70px; 
    display: none;
}
.header .nav .sub a{ 
    display:block;
    height:40px; 
    line-height: 40px;
    font-weight: normal;
} 
.header .nav .sub a:hover{ background-color:#eee;  }
.header .nav .nl:hover .sub{
    display: block;
}
.header .menu{
    display: none;
    width: 64px;
    height: 64px;
    background: url(../image/menu.png) no-repeat center;
}
.header .menu.on{
    background-image: url(../image/close.png);
}
.header .contact{
    display: inline-block;
    height: 70px;
    line-height: 70px;
    font-size: 24px;
    font-weight: bold;
    color: #eabf6f;
    padding-left:60px;
    background: url(../image/icon-phone.png) no-repeat center left;
}
.swiper-wrapper,.swiper-slide{
    height:100%;
}

.section_title{
    width: 100%;
    text-align: center;
    color:#000;
    font-weight: bold;
    font-size: 30px;
}

.section_title .text_2{
    margin-top: 10px;
    font-size: 16px;
    color:#aaa;
    font-weight: normal;
}
.teaminfo_wrap{
    background: url(../image/bg2.png) no-repeat right top;
}
.teaminfo{
    padding-top:50px;
}
.teaminfo .left{
    width: 50%;
    padding-top: 50px;
}

.teaminfo .section_title{
    margin-top: 30px;
    text-align: left;
}
.teaminfo .section_list{
    margin-top: 70px;
}
.teaminfo .section_listitem{
    font-size: 20px;
    color:rgb(135,99,17);
    padding: 10px;
    padding-left: 70px;
    margin-top:30px;
    background: url(../image/icon_team.jpg) no-repeat left center;
    background-size: contain;
}
.teaminfo .section_listitem .text_2{
    font-size: 16px;
    margin-top: 10px;
}
.teaminfo .icon_db{
    background-image: url(../image/icon_db.jpg);
} 
.teaminfo .icon_case{
    background-image: url(../image/icon_case.jpg);
} 

.teaminfo .right{
    width: 50%;
    display: flex;
    justify-content: space-around;
}
.teaminfo .right .col{
    width: 50%;
    padding: 50px 0px;
    margin-left:50px;
}
.teaminfo .right .col:last-child{
    padding-top: 80px;
}
.teaminfo .counter{
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 100%;
    height: 260px;
    border-radius: 10px;
    background-color: #fff;
    margin-bottom: 70px;
    text-align: center;
    -moz-box-shadow:0px 0px 5px 1px rgba(50,50,50,.1);
    -webkit-box-shadow:0px 0px 5px 1px rgba(50,50,50,.1);
    -ms-box-shadow:0px 0px 5px 1px rgba(50,50,50,.1);
    -o-box-shadow:0px 0px 5px 1px rgba(50,50,50,.1);
    box-shadow:0px 0px 5px 1px rgba(50,50,50,.1);
}
.teaminfo .counter .icon{
    margin:0px  auto;
    display: block;
    height: 80px;
    width: 80px;
    background: url(../image/icon_user.png) no-repeat center center;
    background-size: contain;
}
.teaminfo .counter .icon_service{
    background-image: url(../image/icon_service.png);
}
.teaminfo .counter .icon_time{
    background-image: url(../image/icon_time.png);
}
.teaminfo .counter .icon_company{
    background-image: url(../image/icon_company.png);
}
.teaminfo .counter .number{
    font-size: 30px;
    font-weight: bold;
    margin-bottom: 10px;
}
.teaminfo .counter:hover{
    background-color: rgb(255,230,176);
    box-shadow:0px 0px 15px 1px rgba(50,50,50,.1);
}

.teaminfo .counter:hover .icon_user{
    background-image: url(../image/icon_user_1.png);
}
.teaminfo .counter:hover .icon_service{
    background-image: url(../image/icon_service_1.png);
}
.teaminfo .counter:hover .icon_time{
    background-image: url(../image/icon_time_1.png);
}
.teaminfo .counter:hover .icon_company{
    background-image: url(../image/icon_company_1.png);
}

.bussiness .listwrap{
    
    margin:0 auto;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-bottom: 100px;
}
.bussiness .listitem{
    margin-top: 50px;
    border-radius: 10px;
    padding:30px;
    width: 28%;
    box-shadow:0px 0px 5px 1px rgba(50,50,50,.1);
    background: url(../image/bg.png) no-repeat left bottom;
}
.bussiness .listitem:hover{
    -moz-box-shadow:0px 0px 10px 5px rgba(0,0,0,.1);
    -webkit-box-shadow:0px 0px 10px 5px rgba(0,0,0,.1);
    -ms-box-shadow:0px 0px 10px 5px rgba(0,0,0,.1);
    -o-box-shadow:0px 0px 10px 5px rgba(0,0,0,.1);
    box-shadow:0px 0px 10px 5px rgba(0,0,0,.1);
}
.bussiness .listitem img{
    width:122px;
    height: 122px;
    display: block;
    margin: 10px auto;
}
.bussiness .listitem .title{
    font-size: 20px;
    font-weight: bold;
    text-align: center;
    margin-bottom: 20px;
}
.bussiness .listitem .content{
    font-size: 14px;
    line-height: 26px;
    height: 180px;
    color:rgb(102,102,102)
}
.readmore{
    width:100px;
    border-radius: 5px;
    text-align: center;
    margin:30px auto;
    display: block;
    padding:10px;
    font-size: 14px;
    color: #fff;
    background: #eabf6f;
}

.partner{
    background: rgb(248,248,248);
    padding: 20px 0px;
}
.partner .listwrap{
    display: flex;
}

.news{
    display: flex;
    justify-content: space-between;
    margin-top: 100px;
}
.news .col{
    width: 48%;
    margin-bottom: 100px;
}
.news .col img{
    width: 100%;
}
.news .section_title{
    text-align: left;
    margin-top: 50px;
}
.topic,.topic .section_title{
    margin-top: 0px;
    margin-bottom: 50px;
}
.news .section_list{
    margin-top: 30px;
    color: #777;
}
.news .text_3{
    font-size: 22px;
    font-weight: bold;
}
.news .text_4{
    font-size: 14px;
    margin-top: 10px;
}
.news .section_list ul{
    margin-top: 30px;
    padding-left: 20px;
}
.news .section_list li{
    list-style: disc;
    font-size: 14px;
    height:30px;
    line-height: 30px;
}
.news .section_list li::marker{
    color: #eabf6f;
}
.news .section_list li a{
    color: #777;
}
.news .readmore{
    margin-left: 20px;
}

.news .nav_item{
    width:400px;
    margin-top: 20px;
    padding:20px 0px 20px 80px;
    background: url(../image/icon_about.png) no-repeat 10px center;
    background-size: 60px 60px;
    box-shadow:0px 0px 15px 1px rgba(50,50,50,.1);
    border-radius: 10px;
}

.news .nav_item:hover{
    -moz-box-shadow:0px 0px 10px 5px rgba(0,0,0,.1);
    -webkit-box-shadow:0px 0px 10px 5px rgba(0,0,0,.1);
    -ms-box-shadow:0px 0px 10px 5px rgba(0,0,0,.1);
    -o-box-shadow:0px 0px 10px 5px rgba(0,0,0,.1);
    box-shadow:0px 0px 10px 5px rgba(0,0,0,.1);
}
.news .nav_item.notice{
    background-image: url(../image/icon_notice.png);
}
.news .nav_item.information{
    background-image: url(../image/icon_news.png);
}
.news .nav_item .text_1{
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 5px;
}
.news .nav_item .text_2{
    font-size: 12px;
    color:#aaa;
}


.hotline{
    display: flex;
    background: rgb(248,248,248);
}
.hotline .left{
    width:40%;
    display: flex;
    justify-content: flex-end;
    padding-top: 60px;
}
.hotline .right{
    width:60%;
    background-image: linear-gradient(to right, rgb(207,168,92) , rgb(235,194,114));
    color:rgb(240, 225, 196);
    font-size: 14px;
    line-height: 22px;
}
.hotline .textwrap{
    padding: 50px 0px 50px 50px;
    width: 400px;
    background: url(../image/bg3.png) no-repeat right bottom; 
    background-size: 180px;
}
.hotline .left .text_2{
    letter-spacing: 6px;
}
.hotline .right .text_2{
    font-size: 22px;
    line-height: 26px;
    font-weight: bold;
    color: #fff;
}
.hotline .section_title{
    width: 500px;
}
.hotline .section_title .text_1{
    font-size: 24px;
}

.contactus .textinfo{
    font-size: 16px;
    padding-right:20px;
    line-height: 30px;
    color:rgb(171,171,171);
}
.contactus .textinfo div{
    margin-bottom: 10px;
    padding-left:30px;
    background: url(../image/icon_mobile.png) no-repeat 2px center;
    background-size: 22px;
}
.contactus .textinfo .text_2{
    background-image: url(../image/icon_phone.png);
}
.contactus .textinfo .text_3{
    background-image: url(../image/icon_email.png);
}
.contactus .textinfo  .text_4{
    margin-top: 20px;
    background-color: #eabf6f;
    color:#fff;
    background-image: url(../image/icon_address_2.png);
    background-size: 16px;
    background-position: 5px 5px;
    font-size: 14px;
    position:relative;
}
.contactus .textinfo  .text_4:after{
  content:"";
  width:0;
  height:0;
  position:absolute;
  right:-10px;
  top:50%;
  margin-top:-10px;
  border-top:solid 10px transparent;
  border-left:solid 10px #eabf6f;     
  border-bottom:solid 10px transparent;
}
#map{
    width:100%;
    height:200px;
}
.footer{
    width: 1200px;
    margin: 0px auto;
    color:rgb(171,171,171);
    font-size: 14px;
}
.footer_wrap{
    display: flex;
    justify-content: space-between;
    position:relative;
    padding-top: 50px;
    border-top: 1px solid rgb(200,200,200);
}
.footer_wrap .col{
    margin-top: 30px;
}
.footer_wrap .col:first-child{
    width: 400px;
}

.footer_wrap .col:last-child {
    text-align: center;
}

.footer_wrap .col .title{
    font-size: 18px;
    margin-bottom: 10px;
}
.footer_wrap .col .litem{
    display: block;
    color:rgb(171,171,171);
    line-height: 24px;
}
.footer_wrap .icontext{
    padding-left: 30px;
    background: url(../image/icon_email.png) no-repeat left center;
    background-size: contain;
    background-size: 20px;
}
.footer_wrap .icon_address{
    background-image: url(../image/icon_address.png);
    background-position: 0px 3px;
}
.footer_wrap .icon_mobile{
    background-image: url(../image/icon_mobile.png);
}
.footer_wrap .icon_phone{
    background-image: url(../image/icon_phone.png);
}
.footer_last{
    margin-top: 30px;
    height:50px;
}

.wrap1{
    width: 1000px;
    margin: 0px auto;
    margin-top: 100px;
}
.row{
    
    width: 100%;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.wrap1 .row{
    margin-top: 50px;
}
.wrap1 .col:first-child{
    width: 60%;
}
.wrap1 .col:last-child{
    width: 40%;
}
.text-left{
    text-align: left;
}
.wrap1 .row p{
    font-size: 14px;
    color:#777;
    line-height: 22px;
    margin-top: 30px;
    padding-right: 40px;
}
.wrap1 .readmore{
    width: 140px;
    margin-left: 0px;
}
.wrap1 .counters{
    margin-top: 120px;
    width: 100%;
    position: relative;
    height: 50px;
}
.wrap1 .counters  .row{
    justify-content: space-around;
    position:absolute;
    bottom: -50px;
    width: 100%;
    background: #fff;
    padding:50px 0px;
    -moz-box-shadow:0px 0px 5px 1px rgba(50,50,50,.1);
    -webkit-box-shadow:0px 0px 5px 1px rgba(50,50,50,.1);
    -ms-box-shadow:0px 0px 5px 1px rgba(50,50,50,.1);
    -o-box-shadow:0px 0px 5px 1px rgba(50,50,50,.1);
    box-shadow:0px 0px 5px 1px rgba(50,50,50,.1);
}
.wrap1 .counters .counter{
    border-right:2px solid #ddd ;
    width:25%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-align: center;
    font-size: 12px;
    color:#666;
}
.wrap1 .counters  .row .counter .number{
    font-size: 20px;
    line-height: 36px;
    font-weight: bold;
}
.wrap1 .counters  .row .counter:last-child{
    border-right:none ;
}
.text_a{
    position: relative;
    line-height: 50px;
}
.text_a::after{
    content: "";
    position:absolute;
    width: 30px;
    display: block;
    bottom: 0px;
    height: 2px;
    background: #aaa;
    left: 50%;
    margin-left: -15px;
}
.wrap2{
    height:160px;
    background: rgb(248,248,248);
}
.text-right{
    text-align: right;
}
.wrap3{
    width:100%;
}
.wrap3 .col{
    width: 50%;
}
.wrap3 .left{
    text-align: right;
    padding-top:60px;
    padding-right:  50px;
}
.wrap3 .left .readmore{
    width: 140px;
    margin-right: 0px;
}
.colorblue{
    color:rgb(39, 102, 197);
}
.wrap3 .title{
    font-size: 18px;
    font-weight: bold;
    margin-top: 40px;
}
.wrap3 .content{
    font-size: 14px;
    line-height: 26px;
    margin-top:20px;
    color:#777;
}

.wrap3 .section_title{
    position: relative;
}
.wrap3 .section_title::after{
    content: "";
    position:absolute;
    width: 30px;
    display: block;
    bottom: -15px;
    height: 2px;
    background: #aaa;
    right:0px;
}

.wrap4 {
    padding-top: 10px;
    padding-bottom: 100px;
    background: rgb(248,248,248);
}
.wrap4 .pic{
    margin-top:50px;
    margin-bottom:60px;
}
.wrap4 .content{
    margin-top: 30px;
    text-align: center;
    font-size: 14px;
    color:#777;
    line-height: 30px;
}
.wrap5{
    padding-top: 80px;
    padding-bottom: 80px;
    width: 1000px;
    margin: 0px auto;
}
.wrap5 .col{
    width:50%;
    margin-top: 20px;
}

.wrap5 .listitem{
    min-height: 80px;
    margin-bottom: 20px;
    display: flex;
    justify-content: space-between;
}
.wrap5 .listitem .number{
    font-weight: bold;
    font-size: 16px;
}
.wrap5 .listitem .left{
    width: 100px;
    height:60px;
    padding-top:10px;
    padding-right:10px;
    border-right: 1px solid #ddd;
    color:#777;
}
.wrap5 .listitem .right{
    flex:1;
    padding-left:10px;
}
.wrap5 .listitem .title{
    font-size: 14px;
    line-height: 20px;
    font-weight: bold;
}
.wrap5 .listitem .content{
    color:#777;
    font-size: 12px;
    line-height: 20px;
}


.banner{
    position: relative;
}
.news_nav{
    position: absolute;
    bottom: 0px;
    margin-top: -100px;
}
.inner_nav {
    border: 1px solid #efefef;
    padding: 0 36px;
    display: flex;
    background: transparent;
    background: #fff;
    display: flex;
}
.inner_nav_href{
    display: flex;
    flex:1;
}
.inner_nav h2,.inner_nav_href a{
    display: block;
    height: 100px;
    line-height: 100px;
    font-size: 18px;
    margin-right: 50px;
}
.inner_nav h2{
    font-size: 30px;
}
.inner_nav_href a.on{
    border-bottom: 2px solid #eabf6f;
    color:#eabf6f;
}
.inner_navgi{
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.inner_navgi .home{
    background: url(../image/home.png)no-repeat left center;
    padding-left: 20px;
}
.inner_navgi a{
    display: inline-block;
    height:22px;
    line-height: 22px;
    color: #aaa;
}

.news_list {overflow: hidden;}
.news_list ul{margin-bottom: 0;}
.news_list li{border: 1px solid #efefef;padding: 43px 0;position: relative;}
.news_list li:hover{background-color:  #f8f8f8;}
.news_list_content{margin-left: 150px;}
.news_list_content h2{margin:0;color:#000;font-size: 24px;margin-bottom: 28px;}
.news_list_content img{width: 100%;display: block;}
.news_list_content p{color:#777;font-size: 14px;margin:25px 0 8px;}
.news_list_content a{color:#aaa;font-size: 14px;}
.new_list_time{position: absolute;left:0;top:40px;border-right: 2px solid #eee;width: 120px;text-align: center;padding-left: 20px;}
.new_list_time h3{margin:0;color:#666;font-size: 30px;}
.new_list_time p{color:#aaa;font-size: 14px;padding-left: 10px;padding-top: 15px;margin:0;}
.page{
    display: flex;
    justify-content: center;
    margin:30px;
}
.pagination{
    display: flex;
    
}
.pagination li{
    margin-right: 10px;
}
.pagination li span,.pagination li a{
 display: block;
 height: 30px;
 width: 30px;
 line-height: 30px;
 text-align: center;
 border:1px solid #ddd;
}
.pagination li.active{
    background: #eabf6f;
}
.pagination li.active>*{
    border: none;
    color:#fff;
}

.pagination li.disabled>*{
    color:#dbdbdb;
}
.new_info_nav{
    background: #FFFFFF;
    padding:80px 20px;
}
.new_info_nav_title{
    font-size: 20px;
    font-weight: 900;
    text-align: center;
}
.new_info_nav_title_time{
    font-size: 14px;
    color: #777777;
    text-align: center;
    margin: 3% 0;
}
.new_info_nav_text{
    font-size: 14px;
    color: #777777;
    line-height: 30px;
}
.new_info_nav_img{
    text-align: center;
}
.new_info_input{
    background: #ffffff;
    padding: 5% 0;
}
.new_info_input_a{
    display: block;
    width: 140px;
    height: 50px;
    background: #eabf6f;
    color: #ffffff;
    text-align: center;
    line-height: 50px;
    margin: 0 auto;
}


@media  screen and (max-width:1200px)  {

    .header,.wrap,.footer {
        width: 100%;
    }

}


@media  screen and (max-width: 1000px)  {

    .wrap,.wrap1,.wrap2,.wrap3,.wrap4,.wrap5{
        width: 100%;
    }
    .header .menu{
        display: block;
    }
    .header .nav{
        display: none;
        position: fixed;
        top: 80px;
        background: #fff;
        width: 100%;
        height: 100%;
        padding-right: 0px;
        z-index: 100;
    }
    .header .nav .nl{
        width: 100%;
        height: auto;
    }
    .header .nav .sub{
        position:static;
    }
}



@media  screen and (max-width: 768px)  {
    .header .contact{display: none;}
    .col{
        width:100% !important;
    }
    .wrap3 .right img{
        width: 100%;
    }
    .bussiness .listitem{
        width:50%;
    }
    .topic .row{
        flex-direction:column-reverse;
    }
    .footer_wrap .col{
        width: 25% !important;
    }
    .footer_wrap .col:first-child{
        width: 100% !important;
    }
    .inner_nav h2,.inner_nav .inner_navgi{
        display: none;
    }
}