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:#000;}

.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: 350px;
  width: 100%;
}

.productbody{

  height: 450px;

}

.bannertxt{width: 1200px;margin: 0px auto; }
.bannertxt h1{display: block; font-weight:bold; font-size: 30px; color: #fff;}
.bannertxt p{font-size: 24px;color:#efefef;}
.bannertxt p span{color: #ef5d16;}

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

.indexswiper .swiper-wrapper{height: 500px!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;}
.servicebody{background:#fa6d28 url(../images/serivcebg.jpg) no-repeat center top;}
.joinusbody{background:#114d7b url(../images/joinusbg.jpg) no-repeat center top;}
.abilitybody{background:#000 url(../images/companybg.jpg) no-repeat center top;}
.newsbody{background:#000 url(../images/newsbg.jpg) no-repeat center top;}
.contactbody{background:#000 url(../images/aboutbg.jpg) no-repeat center top;}
.productbody{background:#000 url(../images/productbg.jpg) no-repeat center top;}

.applybody{background:#798395;}

.header{padding:0px;background-color: #fff;}
.header .container{position: relative;}
.logo{text-align: center; position: absolute; left: 0px;top: 0px;  }
.logo img{width:75%;margin-left: 0px;margin-top: 10px;}
.logo p{font-size: 12px; display: block;color: #ddd; width: 180px; margin-top: 5px; letter-spacing: 2px;}
.logotxt{ margin-left: 180px; padding-top: 8px; height: 50px; overflow: hidden; width: 200px; color:#715547; line-height: 22px; padding-left:10px;border-left: solid 1px #eee;}
.top_nav{float: right; height:50px; line-height: 50px;}

.keytel{background: #eb5e1a; font-size: 0px; height: 3px;}


.layui-nav{background-color: #fff;}
.layui-nav .layui-nav-item a{color: #000;}
.layui-nav .layui-nav-item a:hover,.layui-nav .layui-this a{color: #000;}

.layui-nav .layui-nav-item.layui-this{background: #000;} 
.layui-nav .layui-nav-item.layui-this a{color: #fff;}


.layui-nav .layui-nav-item .layui-nav-child{background:#e3e3e3; border-radius: 0px; top: 63px;}
.layui-nav .layui-nav-item .layui-nav-child dd{border-top:solid 1px #aaa; ;}
.layui-nav .layui-nav-item .layui-nav-child dd:first-child{border-top:none;}
.layui-nav .layui-nav-item .layui-nav-child a{color: #000;}

.layui-nav .layui-nav-item .layui-nav-child a:hover{background-color: #ec6622; color: #fff;}

.sheets .layui-tab-title{border-color: #c5c5c5;}
.sheets .layui-tab-title li{font-weight: bold;}
.sheets .layui-tab-title .layui-this a{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;
}
.indexinner{width: 1200px; margin: 0px auto;}
.layui-colla-content{ background-color: #fff; padding: 30px; line-height: 30px;}
.layui-colla-title{color: #0ab5d6; font-weight: bold;}

.hotline .indexinner{width: 1200px; margin: 0px auto;}

.service{background:#f1f1f1; margin-top: 20px; height: 550px; }
.service dl{float: left; border-bottom: solid 1px #ddd;width:400px; height: 80px;}
.service dl dt{width:200px; height: 150px; margin: 0px auto; overflow: hidden;}
.service dl dt img{width: 200px;}
.service dl dt img:hover{animation-name:imgsize;animation-duration: 1s;animation-fill-mode:forwards;}
.service dl dd{width:200px; margin: 0px auto;text-align: center;padding: 5px 0px;}
.service dl.dl1 dt{margin-left: 0px;}
.service dl.dl3 dt{margin-right: 0px;}
.service dl.dl1 dd{margin-left: 0px; }
.service dl.dl3 dd{margin-right: 0px;}
.service dl.dl3{float: right;}

.service dl.dl4{width: 200px; height:200px; border-bottom: none; border-left: solid 1px #ddd;margin-left: 350px;}
.service dl.dl4 dt{margin-left:-110px; margin-top: 200px;}
.service dl.dl4 dd{margin-left:-110px;}
.service dl.dl5{width: 200px;height:200px; margin-left: 280px;  border-bottom: none; border-left: solid 1px #ddd;}
.service dl.dl5 dt{margin-left:-110px; margin-top: 200px;}
.service dl.dl5 dd{margin-left:-110px;}

.service dl dt{border:solid 1px #ddd; background: #fff; padding: 10px;}

.wmdys{background:url(/images/ysbg.jpg)  bottom center no-repeat; height: 600px;}
.wmdys dt{text-align: center; font-size: 30px; font-weight:200; color: #fff; padding-top: 60px;}
.wmdys dl dd ul{margin-top: 80px;}
.wmdys dl dd ul li{float: left; width: 20%; margin-right:6.6%; text-align: center; color: #fff;}
.wmdys dl dd ul li:last-child{margin-right: 0px;}
.wmdys dl dd ul li div{ background: #000; width:100%; padding: 50px 0px; opacity: 0.8;}
.wmdys dl dd ul li i{font-size: 60px;}
.wmdys dl dd ul li p{padding: 20px 0px; }

.wmdys dl dd ul li div:hover{animation-name: ysbgcolor; animation-duration: 1s;animation-fill-mode:forwards; cursor: pointer;}

.wmdys dl dd ul li:first-child div{background: #ef5d16;}

.indexnews {height: 400px;}
.indexnews dl dt{ margin-top: 30px; margin-bottom: 10px;}

.indexnews dl dt h2{ display:block; width: 100px; float: left; color: #000;}
.indexnews dl dt span{display: block; float:right;}
.indexnews dl dt span a{color: #ef5d16;}
.indexnews dd li .abox{padding: 10px; background: #fff; display: block;}
.indexnews dd li img{width: 100%;}
.indexnews dd li{ float:left; width: 30%;margin-left:5%;}
.indexnews dd li:first-child{margin-left: 0px;}
.indexnews dd li h4{padding: 10px 0px;font-weight: 500;}
.indexnews dd li p{ height: 68px; overflow: hidden; line-height: 24px;color: #aaa; }



.proservice{ color: #fff; margin-top: -158px; }
.proservice .indexinner{width: 1200px; margin: 0px auto;}
.proservice .indexinner .tip{text-align: center;color:#999; padding:10px 0px;}

.proservice .productswiper .swiper-slide{ width:400px;}
.proservice .productswiper .swiper-slide.hover  dt{background: #ef5d16;}
.proservice .productswiper .swiper-slide.hover  dt p{color:#fff;}

.proservice .productswiper .swiper-slide dt{text-align:center;  padding:20px; background: #000;}
.proservice .productswiper .swiper-slide dt a{color:#fff;}
.proservice .productswiper .swiper-slide dt h2{ padding: 10px 0px;}
.proservice .productswiper .swiper-slide dt p{padding: 20px 0px;color:#999;}

.proservice .productswiper .swiper-slide dl:hover dt{background: #ef5d16;}
.proservice .productswiper .swiper-slide dl:hover dt p{color: #fff;}

.proservice .productswiper .swiper-slide dd{text-align: center; background: #fff; padding:30px 60px;}
.proservice .productswiper .swiper-slide dd img{margin:0px auto;}

.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;}

.ys{background-image:url(../images/ysbg.jpg); background-repeat: no-repeat; height: 1060px; background-position:top; background-color: #f1f1f1;}
.ys .indexinner{width: 1200px; margin: 0px auto;}
.ys dt{text-align: center; color: #fff; padding-top: 120px;}
.ys dt h1{float: left;}
.ys dd{background-color: #fff; padding:20px; margin-top: 30px; position: relative;height: 840px;}
.ys dd div{text-align: center;color:#fff;}
.ys dd div h2{padding: 90px 60px 30px 60px;}
.ys dd div p{padding:0px 60px 0px 60px;}
.ys dd div i{font-size: 60px; border: solid 5px #fff; padding: 40px;border-radius: 150px;margin-top: 60px; height: 60px; width: 60px;}  

.ys .ys1{background-color: #3f96c5; position: absolute; top: 20px; left: 20px; width: 772px;}
.ys .ys2{background-color: #292929; position: absolute; left:793px; top: 20px; width: 387px;height: 560px;}
.ys .ys3{background-color: #444444; position: absolute; left:20px; top: 301px; width: 387px;height: 560px;}
.ys .ys4{background-color: #dd0421; position: absolute; top: 581px; left: 407.5px; width:772.5px;}
.ys .ys5{background-color: #000000; position: absolute; top:301px; left: 407.5px; width:385px; height: 279px;}

.ys .ys1 .icon{background-color: #2091c5;}
.ys .ys2 .icon{background-color: #252525;}
.ys .ys3 .icon{background-color: #353535;}
.ys .ys4 .icon{background-color: #cc021d;}

.ys .ys1:hover{background-color: #63c3ed;}
.ys .ys2:hover{background-color: #0b417e;}
.ys .ys3:hover{background-color: #047a53;}
.ys .ys4:hover{background-color: #b10216;}
.ys .ys5:hover{background-color: rgb(34, 5, 5);}

.ys .ys1:hover .icon{background-color: #63c3ed;}
.ys .ys2:hover .icon{background-color: #0b417e;}
.ys .ys3:hover .icon{background-color: #047a53;}
.ys .ys4:hover .icon{background-color: #b10216;}
.ys .ys5:hover .icon{background-color: rgb(34, 5, 5);}




.yy{margin-top: 40px; background:linear-gradient(360deg, #ffff 0px 217px, #f1f1f1 0px 0px); padding-bottom: 60px; }
.yy .indexinner{width: 1200px; margin: 0px auto;}
.yy dl{background-color: #fff;}
.yy dt{height: 60px;}
.yy dt h2{background-color: #0d528a;color:#fff; float: left; margin-top: 10px; border-radius: 0px 20px 20px 0px; padding: 10px 20px;}
.yy dt span{float: right; padding-top: 30px; padding-right: 30px; color:#999;}
.yy dd {height: 200px;}
.yy dd li{float:left; width: 257px; margin: 21px;}
.yy dd li img{width:100%}
.yy dd li h4{background-color: #f1f1f1;color:#fff; text-align: center; padding: 10px 0px;font-size: 14px;}
.yy dd li a{color: #999;}



.hotline{text-align:center;}
.hotline dt{font-size: 28px; color:#333; margin-top: 40px;}
.hotline dt .tel{color:#e20404;}
.hotline dd{font-size: 14px; margin-top: 5px; color:#ddd;}

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

.proinner{ background: #f1f1f1; padding:30px 60px;}

.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 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: 10px; text-align: center;color: #999; font-size: 16px; }


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

.productleft{width:900px; float: left;}
.productleft dt{width:900px; overflow: hidden;
  text-align: center;
  vertical-align: middle;
  background: #fff;
  position: relative;
}
.productleft .bigimg{vertical-align: middle;}
.productleft dd { margin-top: 10px; background: #fff; padding:30px;}
.productleft .download{color: #fff; height: 40px; line-height: 40px; background: #fff; margin-top: 10px;}
.productleft .download span{background:#0068b7; padding: 10px;}
.productright{float: right; overflow: hidden; width: 280px;background: #fff;}
.productright{
  display: table-cell;
  text-align: center;
  vertical-align: middle;
  background: #fff;
  position: relative;
}

.productright li .img{vertical-align: middle; padding: 30px;}
.productright li .img img{width: 100%;}
.productright li h2{background:#0068b7;font-size: 14px; text-align: center; padding: 10px;}
.productright li h2 a{color: #fff; }

.artlist li{background-color: #fff; margin-top: 10px; padding: 30px;}

.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; background-color: #515151; color: #fff;}
.artlist .first a{color: #fff; display: block;}
.artlist .first a img:hover{animation-name:imgsize; animation-duration: 1s; animation-fill-mode: forwards;}
.artlist .first a:hover{text-decoration: underline;}
.artlist .first dt{width: 500px;float:left; overflow: hidden;}
.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;}


.postion_pro{ padding: 20px 0px; color: #999;}
.postion_pro a{color: #999;}


.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 #0068b7;}


.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:0px;}
footer .footnav{background-color: #ef5d16; color:#fff;padding:40px 0px;}
footer .footcontainer{width: 1200px; margin: 0px auto;}
footer .contact{float: left; margin-right: 20px; width: 550px;}
footer .contact dt{padding-bottom: 10px;}
footer .contact dd{color:#f1f1f1; line-height: 22px;}
footer .contact li{float: left; width:250px;padding: 4px 0px;}
footer .contact li i{margin-right: 5px;}
footer .contact li:last-child{width: 550PX;}
footer .search{float: left; width:340px;margin-right: 40px;}
footer .search li{display: inline-block; width: 110px; height: 30px; line-height: 30px;}
footer .search dt{padding-bottom: 10px;}
footer .search dd{color:#f1f1f1; line-height: 22px;}
footer .search a{color:#f1f1f1;}

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


@keyframes ysbgcolor {
  from {background-color: #000;}
  to {background-color:#ef5d16;}
}

@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);}
}