@charset "UTF-8";
.free_editing { color: #666; font-size: 14px; line-height: 30px; min-height: 400px; }
.free_editing img { max-width: 100%; height: auto; }

/*banner*/
.bannerbox { position: relative; }
.bannerbox .hd { width: 100%; text-align: center; position: absolute; left: 0; bottom: 10px; z-index: 10; }
.bannerbox .hd li { width: 10px; opacity: 0.4; height: 10px; margin: 0 5px; background: #fff; border-radius: 50%; display: inline-block; filter: alpha(opacity=40); }
.bannerbox .hd .on { opacity: 1; }
.bannerbox .bd a { width: 100%; height: 100%; display: block; background-size: cover; background-repeat: no-repeat; background-position: center center; }

.indexcompany { margin-top: 40px; position: relative; margin-bottom: 40px; }
.indexcompany .companyL { width: 68%; float: left; }
.indexcompany .list { width: 49%; float: left; }
.indexcompany .list .listtitle { color: #000; width: 100%; height: 45px; font-size: 18px; padding: 0 20px; line-height: 45px; background: #ededed; }
.indexcompany .list .listtitle a { color: #666; height: 100%; float: right; display: block; font-size: 12px; font-family: "宋体"; line-height: 45px; }
.indexcompany .list .listcon { width: 100%; padding: 20px; border-left: 1px solid #ededed; border-right: 1px solid #ededed; border-bottom: 1px solid #ededed; }
.indexcompany .list .listcon li { width: 100%; margin-bottom: 8px; }
.indexcompany .list .listcon li a { color: #666; display: block; font-size: 12px; font-family: "宋体"; line-height: 20px; }
.indexcompany .list .listcon li p { width: 70%; float: left; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.indexcompany .list .listcon li p:hover { color: #0093dd; }
.indexcompany .list .listcon li span { width: 28%; float: right; display: block; text-align: right; }
.indexcompany .companyR { width: 30%; position: absolute; top: 0; right: 0; height: 100%; }
.indexcompany .companyR .hd { width: 10px; height: 100%; position: absolute; top: 0; right: 10px; z-index: 10; }
.indexcompany .companyR .hd ul { position: absolute; top: 50%; margin-top: -30px; }
.indexcompany .companyR .hd ul li { width: 10px; opacity: 0.4; height: 10px; margin: 8px 0; background: #fff; overflow: hidden; border-radius: 50%; text-indent: -999px; filter: alpha(opacity=40); }
.indexcompany .companyR .hd ul .on { opacity: 1; filter: alpha(opacity=100); }
.indexcompany .companyR .bd ul a { display: block; }
.indexcompany .companyR .bd ul img { height: 254px; }

@media (max-width: 991px) { .indexcompany .companyL { width: 100%; float: none; margin-bottom: 20px; }
  .indexcompany .companyR { width: 100%; height: auto; position: relative; }
  .indexcompany .companyR .bd ul img { height: auto; } }
@media (max-width: 767px) { .indexcompany .list { width: 100%; float: none; margin-bottom: 20px; } }
.indexlink { border-radius: 3px; margin-bottom: 40px; }
.indexlink ul { width: 100%; border: 1px solid #ededed; }
.indexlink li { width: 25%; float: left; text-align: center; }
.indexlink li a { display: block; padding: 18px 0; }
.indexlink li .linkimg { width: 65px; margin-right: 5px; display: inline-block; }
.indexlink li .linkcon { color: #242424; font-size: 16px; line-height: 52px; display: inline-block; }
.indexlink li:hover .linkcon { color: #f1a100; }

@media (max-width: 991px) { .indexlink li { width: 50%; } }
@media (max-width: 767px) { .indexlink li .linkimg { width: 40px; }
  .indexlink li .linkcon { font-size: 14px; line-height: 32px; } }
.line { width: 100%; height: 3px; background: #0093dd; }

.indexbottom { margin-top: 60px; margin-bottom: 80px; }
.indexbottom li { width: 25%; float: left; padding: 0 15px; }
.indexbottom li a { display: block; position: relative; }
.indexbottom li .blistbox { width: 100%; text-align: center; position: relative; z-index: 1; }
.indexbottom li .blistbox .blistH { width: 100%; color: #fff; font-size: 26px; line-height: 36px; position: absolute; z-index: 2; left: 0; top: 50%; margin-top: -18px; }
.indexbottom li .blistboxP { opacity: 0; width: 100%; height: 100%; transition: 1s; filter: alpha(opacity=0); position: absolute; top: 0; left: 0; z-index: 3; }
.indexbottom li .blistboxP .mask { width: 100%; height: 100%; opacity: 0.8; background: #f1a100; filter: alpha(opacity=80); position: absolute; top: 0; left: 0; z-index: 4; }
.indexbottom li .blistboxP .boxcon { width: 100%; text-align: center; position: absolute; z-index: 5; top: 50%; margin-top: -42px; }
.indexbottom li .blistboxP .boxcon .boxconH { color: #fff; font-size: 28px; line-height: 36px; margin-bottom: 15px; }
.indexbottom li .blistboxP .boxcon .boxconT { color: #fff; font-size: 14px; padding: 6px 24px; display: inline-block; border: 1px solid #fff; }
.indexbottom li:hover .blistbox .blistH { display: none; }
.indexbottom li:hover .blistboxP { opacity: 1; filter: alpha(opacity=100); }

@media (max-width: 991px) { .indexbottom { margin-bottom: 40px; }
  .indexbottom li { width: 50%; margin-bottom: 30px; } }
@media (max-width: 767px) { .indexbottom { margin-top: 40px; margin-bottom: 20px; }
  .indexbottom li { margin-bottom: 15px; padding: 0 8px; }
  .indexbottom li .blistbox .blistH { font-size: 16px; }
  .indexbottom li .blistboxP { display: none; } }

/*# sourceMappingURL=index.css.map */