body {
    font-family:'microsoft yahei'!important;
    color: #555;
    margin:0px;
    padding:0px;
    font-size:13px;
    min-width: 1300px;
    background-color: #f1f1f1;
}

.layui-form-item .layui-input-inline{width: 120px!important;margin-right: 35px;}
.layui-form-item .layui-input-inline:last-child{margin-right: 0px;}

.layui-nav .layui-this:after, .layui-nav-bar{background-color:#ef5d16;}

.layui-tab-brief>.layui-tab-title .layui-this{color: #ef5d16;}

@media screen and (min-width: 1400px)
{
.layui-container {
    width: 1310px;
}
}



@font-face {
    font-family: 'icomoon';
    src:  url('../fonts/icomoon.eot?6ei1ab');
    src:  url('../fonts/icomoon.eot?6ei1ab#iefix') format('embedded-opentype'),
      url('../fonts/icomoon.ttf?6ei1ab') format('truetype'),
      url('../fonts/icomoon.woff?6ei1ab') format('woff'),
      url('../fonts/icomoon.svg?6ei1ab#icomoon') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: block;
  }
  
  [class^="icon-"], [class*=" icon-"] {
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'icomoon' !important;
    speak: never;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
  
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }
  
  .icon-logo .path1:before {
    content: "\e900";
    color: rgb(234, 84, 19);
  }
  .icon-logo .path2:before {
    content: "\e901";
    margin-left: -3.1591796875em;
    color: rgb(234, 84, 19);
  }
  .icon-logo .path3:before {
    content: "\e902";
    margin-left: -3.1591796875em;
    color: rgb(0, 0, 0);
  }

  .icon-yqmk:before {
    content: "\e904";
  }
  .icon-qs:before {
        content: "\e903";
  }

  
h4{font-size: 16px;}
h2{font-size: 18px;}
.gray{color: #888;}
.primary{color:#ef5d16;}


.banner{    
  height: 600px;
  width: 100%;
}

.bannertxt{width: 1200px;margin: 0px auto; margin-top: -500px; text-align: center;  }
.bannertxt h1{font-weight:bold; font-size: 60px; color: #fff;}
.bannertxt p{font-size: 24px;color:#efefef;}


.swiper {
  width: 100%;
  height:100%;
}

.indexswiper .swiper-wrapper{height: 600px!important}

.swiper-slide .txt{position:relative; z-index: 11; color: #fff;width: 1200px; margin: 0px auto; margin-top: -500px;} 

.swiper-slide img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}


.aboutbody{background:#000 url(../images/aboutbg.jpg) no-repeat center top fixed;}
.servicebody{background:#fa6d28 url(../images/serivcebg.jpg) no-repeat center top fixed;}
.joinusbody{background:#114d7b url(../images/joinusbg.jpg) no-repeat center top fixed;}
.abilitybody{background:#000 url(../images/companybg.jpg) no-repeat center top fixed;}
.newsbody{background:#000 url(../images/newsbg.jpg) no-repeat center top fixed;}
.contactbody{background:#000 url(../images/aboutbg.jpg) no-repeat center top fixed;}

.header{padding:0px;background-color: #fff;border-bottom: solid 1px #efefef;}
.logo{font-size:40px; height: 60px; }
.logo img{height: 20px;}
.logotxt{ font-size: 14px; border-left: solid 1px #efefef; height:60px; line-height: 60px; padding-left:10px; margin-left: 10px;}
.top_nav{float: right; height:50px; line-height: 50px;}

.layui-nav{background-color: #fff;}
.layui-nav .layui-nav-item a{color: #555;}
.layui-nav .layui-nav-item a:hover{color: #ef5d16;}

.layui-tab-title{border-color: #c5c5c5;}
.layui-tab-title li{font-weight: bold;}
.layui-tab-title .layui-this a{color:#ef5d16;}
.layui-tab-title a:hover{ color: #ef5d16;}

.layui-tab-brief>.layui-tab-more li.layui-this:after, .layui-tab-brief>.layui-tab-title .layui-this:after{border-bottom: 2px solid #ef5d16;}

.layui-timeline {
    padding: 40px;
    background: #fff;
}

.layui-colla-content{ background-color: #fff; padding: 30px; line-height: 30px;}
.layui-colla-title{color: #0ab5d6; font-weight: bold;}


.service{background-color:#ef5d16; color: #fff;}
.service .indexinner{width: 1200px; margin: 0px auto;}

.service .serviceitem {padding: 20px 10px;  width: 278px;height: 80px; float: left;border-left: solid 1px rgb(255, 182, 155);}
.service .serviceitem:first-child{margin-left: 0px;}
.service .serviceitem:nth-last-child(2){border-right: solid 1px rgb(255, 182, 155);}

.service .serviceitem.hover{background-color:#b23a00;cursor:pointer;}
.service .serviceitem i{color:#fff; display:block;float:left;}
.service .serviceitem .img{overflow: hidden;}
.service .serviceitem .desc{float:left; width:200px; margin-left: 10px;}
.service .serviceitem .desc h4{ color:#fff; font-weight:400; padding-bottom: 5px;}
.service .serviceitem .desc p{color: #ffe0d1;}


.article  .indexinner{width: 1200px; margin: 0px auto;}
.article .title{padding:60px 0px 10px 0px; margin-bottom:10px;}
.article .title h2{font-weight: bold; color: #555;}
.article .title h2 i{color: #ef5d16;}
.article .title .more{text-align: right; line-height: 24px;}
.article .list li{float:left; width: 380px; margin-left: 30px;}
.article .list li:first-child{margin-left: 0px;}
.article .list li img{display: block; width: 100%;}
.article .list li .desc{padding-top:20px;}
.article .list li .desc p{padding-top:10px;color:#888;}



.container{width:1200px; margin: 0px auto;}
.maincontent{width: 1200px;margin: 0px auto; margin-top: 100px;  line-height: 22px;}
.inner{
 background: #f1f1f1;
  padding:30px 60px;
 /* box-shadow: 0px -8px 6px -4px #000;*/
}

.coninner{ background: #fff;
  padding:30px 60px;
}



.postion{position: absolute; right: 0px; top: 10px; z-index: 10; color:#888;}
.postion i{color: #ef5d16;}
.postion a{color: #888;}
.conpostion{color: #888;}
.conpostion i{color: #ef5d16;}
.conpostion a{color: #888;}

.inner .top{position: relative;}

.maincontent .content{padding-top: 30px;}

.content .artcon .title{padding: 20px 0px; text-align: left;}
.content .artcon .info{text-align: left;color: #aaa;}
.content .artcon .editor{padding: 20px 0px; line-height: 30px;}

.content .tools{ padding: 10px 0px;}
.content .tools .page{padding:10px 0px; border-top: dashed 1px #ddd; margin-top: 10px;}
.content .tools .page li{margin-bottom: 10px;}

.recommend{padding: 10px 0px; margin-top: 30px;color: #ef5d16;}

.imglist{padding-top: 30px;}
.imglist li{float:left;margin-left:20px; margin-bottom: 20px; background-color: #fff;}
.imglist li.begin{margin-left: 0px;}
.imglist li:hover{ animation-name:imgbgcolor; animation-duration: 1s;background: #ffe6c6;}
.imglist li:hover img{ animation-name:imgsize; animation-duration: 0.5s; transform: scale(1.1);}
.imglist li img{max-width:316px;max-height: 270px; vertical-align: middle;}
.imglist li dt{width:346px; height: 300px; overflow: hidden;  display: table-cell;  text-align: center; vertical-align: middle;}
.imglist li dd{padding: 20px;background:#333; text-align: center;color: #fff; font-size: 18px; font-weight: bold;}



.artlist li{background-color: #fff; margin-top: 10px; padding: 30px;}
.artlist li:hover{color: #fff; animation-name: newsbgcolor; animation-duration: 1s; background-color:#ef5d16;}
.artlist li:hover a{color: #fff;}
.artlist span.time{display: inline-block;}

.artlist li dd h2{padding: 10px 0px;}
.artlist li dt .time{padding: 10px 0px;}

.artlist .first{ margin-top: 40px;}
.artlist .first dt{width: 500px;float:left;}
.artlist .first dd{ float:left; width: 480px; margin-left: 20px;}
.artlist .first dd h2{padding: 10px 0px;}
.artlist .first .desc{ padding: 10px 0px;}



.serivcelist li{float: left; width:340px; margin-left: 30px;background-color: #fff; margin-bottom: 30px;}
.serivcelist li.begin{margin-left: 0px;}
.serivcelist li dt{width:340px; height: 168px; overflow: hidden;
  display: table-cell;
  text-align: center;
  vertical-align: middle;
}
.serivcelist li dt a{display:block;width:340px; height: 168px; overflow: hidden;}
.serivcelist li dt img{width:340px; height: 168px; vertical-align: middle;}
.serivcelist li:hover dd{ background-color:#fafafa;}
.serivcelist li:hover img{animation-name: imgsize; animation-duration: 1s; transform: scale(1.1);}
.serivcelist li dd{padding: 15px; background-color: #dfdfdf;}
.serivcelist li dd h2{margin-bottom: 10px; text-align: center;}
.serivcelist li dd p{color: #888; height: 40px; overflow: hidden; display: none;}


.imgs li{float: left; width:490px; margin-left: 10px; height: 321px; overflow: hidden; margin-top: 10px; display: table-cell;
  text-align: center;
  vertical-align: middle;
}

.imgs li{vertical-align: middle;}
.imgs li:hover img{animation-name: imgsize; animation-duration: 1s; transform: scale(1.1);}


.room dt{padding:0px 0px 10px 0px;}
.room dt .h2{color: #ef5d16;display:inline-block; padding-right: 10px; font-size: 18px; font-weight: bold;}
.room dd{background: #fff; padding:20px 0px;}
.room dd img{width:100%;}
.room dd:last-child{padding: 30px;border-top: solid 1px #efefef;border-left: solid 10px #ef5d16;}


.joblist .layui-colla-item{ margin-top: 10px;}


.met_pager{ padding: 30px 0px; text-align: center;  }
.met_pager .PreA, .met_pager .PreSpan{ background-color: #fff; display: inline-block;  padding:5px 15px; border: solid 1px #efefef;border-radius: 3px 0px 0px 3px; color: #888;}
.met_pager a { background-color: #fff; margin-left: -3px; display: inline-block;padding:5px 15px;border: solid 1px #efefef; border-left: none;}
.met_pager a:hover{color:#ef5d16; }
.met_pager .NextA, .met_pager .NextSpan{background-color: #fff; margin-left: -3px;display: inline-block; padding:5px 15px; border: solid 1px #efefef;border-radius: 0px 3px 3px 0px; border-left: none;}
.met_pager  .Ahover{background: #ef5d16; color: #fff;}
.met_pager  .Ahover:hover{color: #fff;}

.pztable{width: 100%;}
.pztable th.name{border-left: solid 1px #fff;border-right: solid 1px #fff;}
.pztable th{background-color: #118fa5;padding: 10px;color:#fff;}
.pztable td{padding: 10px; background-color: #fafafa; border-bottom: solid 1px #ddd;}
.pztable td.img{width: 200px;}
.pztable td.name{width: 200px; text-align: center;background-color: #eee;font-weight: bold;}

.pztable tr:hover td{background-color: #ffece0;}
.pztable tr:hover td.name{background-color: #fcd0b6;}

footer{margin-top:60px;}
footer .footnav{background-color: #ef5d16; color:#fff;padding:40px 0px;}
footer .footcontainer{width: 1200px; margin: 0px auto;}
footer .contact{float: left; margin-right: 60px;}
footer .contact dt{padding-bottom: 10px;}
footer .contact dd{color:#ffe0d1; line-height: 22px;}
footer .search{float: left; width:340px;margin-right: 60px;}
footer .search li{display: inline-block; width: 110px; height: 30px; line-height: 30px;}
footer .search dt{padding-bottom: 10px;}
footer .search dd{color:#ffe0d1; line-height: 22px;}
footer .search a{color:#ffe0d1;}

footer .copyright{background-color: #303030;color: #c1c1c1; text-align: center;padding: 10px 0px; line-height: 22px;}
footer .copyright a{color: #c1c1c1;}


@keyframes newsbgcolor {
  from {background-color: #efefef;}
  to {background-color:#ef5d16;}
}


@keyframes imgbgcolor {
  from {background-color: #f1f1f1;}
  to {background-color:#ffe6c6;}
}

@keyframes imgsize{
  from {transform: scale(1);}
  to {transform: scale(1.1);}
}