@charset "utf-8";
@import url("/css/styles.css");
/*
   * wx/qq.465320335 *
   * Released on: 2021,07,14 *
*/

/* head */
.header {
   width: 100%;
   height: 60px;
   line-height: 60px;
   background-color: #fff;
   position: fixed;
   top: 0;
   left: 0;
   z-index: 9999;
   box-shadow: 1px 2px 10px rgb(0 0 0 / 30%);
}
.header .logo {
   width: 68%;
   padding-left: 2%;
}
.header .logo img {
   max-width: 100%;
}
.header a.toggle {
   display: block;
   position: absolute;
   right: 3%;
   top: 25%;
   width: 23px;
}
.header a.toggle i {
   display: block;
   height: 0;
   border-bottom: 2px solid #00a1e9;
   margin: 6px 0;
}
.header a.search_ico {
   display: block;
   position: absolute;
   right: 13%;
   top: 0;
   color: #888;
}
.header a.search_ico i {
   font-size: 22px;
}

.slide {
   width: 100%;
   margin: 59px auto 0;
   position: relative;
   overflow: hidden;
}
.slide li img {
   max-width: 100%;
}
.slide .bd {
   position:relative;
   z-index:0;
}
.slide li p {
   width: 70%;
   margin: 0 auto;
}
.slide li a { 
   -webkit-tap-highlight-color:rgba(0, 0, 0, 0);
}
.slide .hd {
   width: 100%;
   height: 35px;
   position: absolute;
   z-index: 1;
   bottom: 10px;
   text-align: center;
}
.slide .hd ul { 
   display: inline-block;
   height: 10px;
   padding: 5px 10px;
   background-color: rgba(255,255,255,0.5);
   -webkit-border-radius: 50px;
   -moz-border-radius: 50px;
   border-radius: 50px;
   font-size: 0;
   vertical-align: top
}
.slide .hd ul li {
   display: inline-block;
   width: 10px;
   height: 10px;
   -webkit-border-radius: 50px;
   -moz-border-radius: 50px;
   border-radius: 50px;
   background:rgba(255,255,255,0.8);
   margin: 0 3px;
   vertical-align: top;
   overflow: hidden;
}
.slide .hd ul .on {  
   background: #00a1e9;
}

/* wrapper */
.wrapper {
   width: 100%;
}
.item1 {
   padding: 0 1.2%;
   height: 330px;
   background-color: #0a478e;
}
.item1 .item1_t {
   padding: 35px 0 25px;
}
.item1 .item1_t span {
   display: block;
}
.item1 .item1_t span.bt {
   font-size: 22px;
}
.item1 .item1_t span.xbt {
   color: rgba(255,255,255,0.5);
   padding-top: 15px;
}
.item1 .item1_list {
   overflow: hidden;
   padding: 0 1%;
}
.item1 .item1_list li {
   width: 100%;
   height: 230px;
   overflow: hidden;
}
.item1 .item1_list li a {
   display: block;
   height: 100%;
   color: #555;
}
.item1 .item1_list li a:hover {
   color: #0a478e;
}
.item1 .item1_list li ._box {
   padding: 30px 20px 0;
}
.item1 .item1_list li ._box span {
   display: block;
   padding-bottom: 17px;
}
.item1 .item1_list li:nth-child(3) span {
   color: #fff;
}

.news {
   padding: 820px 2.2% 60px;
}
.news .news_t {
   color: #666;
}
.news .news_t a {
   color: #666;
}
.news .news_t a:hover {
   color: #888;
}
.news .news_t span {
   display: block;
}
.news .news_t span.bt {
   font-size: 22px;
   padding-bottom: 15px;
}
.news .news_pic {
   overflow: hidden;
   padding-top: 30px;
}
.news .news_pic li {
   position: relative;
   width: 100%;
   height: 280px;
   overflow: hidden;
}
.news .news_pic li img {
   width: 100%;
   height: 100%;
   object-fit: cover;
}
.news .news_pic li .n_box {
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   background: linear-gradient(to right,rgba(10,71,142,0.7),rgba(0,0,0,0),rgba(0,0,0,0));
}
.news .news_pic li ._box {
   padding: 45px 20px 0;
}
.news .news_pic li ._box span {
   display: block;
}
.news .news_pic li ._box span.d {
   padding-top: 30px;
}
.news .news_pic li ._box span.ico {
   position: absolute;
   bottom: 35px;
   right: 45px;
}
.news .news_pic li ._box span i {
   width: 38px;
   height: 38px;
   line-height: 38px;
   text-align: center;
   color: #00a1e9;
   font-size: 18px;
   background-color: #fff;
   display: inline-block;
}
.news .news_pic li a {
   display: block;
   width: 100%;
   height: 100%;
   color: #fff;
}
.news .news_pic li.two {
   background: #fcdb00;
   transition: all 0.5s;
}
.news .news_pic li.two a {
   color: #3c3c3c;
}
.news .news_pic li.two ._box {
   padding: 45px 20px 0;
}
.news .news_pic li.two ._box span i {
   color: #fcdb00;
}
.news .news_pic li:hover.two {
   background: #fabc00;
}
.news .news_list {
   padding: 38px 0 60px;
   position: relative;
}
.news .news_list ul {
   height: 190px;
}
.news .news_list li {
   display: flex;
   justify-content: center;
   align-items: center;
}
.news .news_list li a {
   display: block;
   width: 100%;
   height: 98%;
   color: #666;
   border-bottom: 5px solid #ddd;
   position: relative;
}
.news .news_list li a:hover {
   color: #00479d;
}
.news .news_list li span {
   display: block;
   padding-left: 1px;
}
.news .news_list li span.t {
   height: 49px;
   overflow: hidden;
}
.news .news_list li span.time {
   color: #00479d;
   padding: 10px 0 10px;
}
.news .news_list li span.desc {
   color: #777;
}
.news .news_list li a::after {
   content: "";
   display: block;
   position: absolute;
   width: 0;
   height: 5px;
   bottom: -5px;
   left: 0;
   background-color: #fabc00;
   transition: all .5s;
   -webkit-transition: all .5s;
   z-index: 9;
}
.news .news_list li a:hover::after {
   width: 100%;
}
.news .news_list .hd {
   width: 100%;
   margin-top: 25px;
   text-align: center;
}
.news .news_list .hd li {
   display: inline-block;
   font-size: 0;
   width: 11px;
   height: 11px;
   border-radius: 10px;
   background-color: #d1d1d1;
   margin: 0 5px;
   cursor: pointer;
}
.news .news_list .swiper-pagination .swiper-pagination-bullet-active {
   background-color: #fcdb00;
}

.products_bg {
   width: 100%;
   height: 320px;
   position: relative;
   overflow: hidden;
}
.products_bg::before {
   content: '';
   display: block;
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   background: linear-gradient(to right,rgba(10,71,142,0.9),rgba(0,0,0,0) 80%);
   z-index: 1;
}
.products_bg img {
   position: absolute;
   width: 1920px;
   left: 50%;
   margin-left: -960px;
}
.products_bg ._box {
   position: relative;
   z-index: 5;
   padding: 38px 0 0;
   width: 96%;
   margin: 0 auto;
}
.products_bg ._box span {
   display: block;
}
.products_bg ._box span.t {
   font-size: 26px;
   line-height: 36px;
}
.products_bg ._box span.d {
   padding: 20px 0 25px;
}
.products_bg ._box span.m {
   border: 1px solid #fff;
   width: 160px;
}
.products_bg ._box span.m a {
   display: block;
   width: 100%;
   height: 100%;
   text-align: right;
}
.products_bg ._box span.m i {
   font-size: 20px;
   width: 45px;
   border-left: 1px solid #fff;
   display: inline-block;
   text-align: center;
   margin-left: 35px;
   vertical-align: top;
}
.products_bg ._box a {
   color: #fff;
}
.products_bg ._box a:hover {
   color: #00a1e9;
}

.item2 {
   padding: 20px 2.2% 0;
}
.item2 .item2_t,
.item3 .item3_t {
   padding: 35px 0 38px;
}
.item2 .item2_t span,
.item3 .item3_t span {
   display: block;
   color: #666;
}
.item2 .item2_t span.bt,
.item3 .item3_t span.bt {
   font-size: 22px;
}
.item2 .item2_t span.xbt,
.item3 .item3_t span.xbt {
   padding-top: 15px;
}
.item2 .item2_list {
   overflow: hidden;
}
.item2 .item2_list li {
   float: left;
   width: 50%;
   margin-bottom: 10%;
}
.item2 .item2_list li span {
   display: block;
   color: #666;
}
.item2 .item2_list li span.d {
   padding: 17px 0;
   font-size: 16px;
}
.item2 .item2_list li span i {
   font-size: 45px;
   color: #00479d;
   font-weight: bold;
}

.item3 {
   padding: 0 2.2% 20px;
   overflow: hidden;
}
.item3 .item3_list {
   overflow: hidden;
}
.item3 .item3_list li {
   width: 100%;
}
.item3 .item3_list li img {
   width: 100%;
   height: 100%;
   object-fit: cover;
}
.item3 .item3_list li.first {
   height: 250px;
   overflow: hidden;
   position: relative;
}
.item3 .item3_list li.first ._box {
   position: absolute;
   top: 0;
   left: 0;
   z-index: 9;
   padding: 40px 28px 0;
   height: 69%;
}
.item3 .item3_list li.first ._box span {
   display: block;
}
.item3 .item3_list li.first ._box span.d {
   padding-top: 15px;
}
.item3 .item3_list li.first ._box span.ico {
   position: absolute;
   bottom: 0;
   right: 38px;
   transition: all 0.5s;
}
.item3 .item3_list li.first:hover ._box span.ico {
   right: 50px;
}
.item3 .item3_list li.first ._box span.ico img {
   width: 70px;
   transform: scale(1)
}
.item3 .item3_list li.first a {
   color: #4f4f4f;
}
.item3 .item3_list li.first::before {
   content: '';
   display: block;
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   background: rgba(255,230,0,0.93);
   z-index: 1;
}
.item3 .item3_list li.two {
   margin-top: 13px;
   display: flex;
   flex-flow: row wrap;
   justify-content: space-between;
   align-items: center;
}
.item3 .item3_list li.two a {
   color: #fff;
   display: block;
   width: 100%;
   height: 100%;
}
.item3 .item3_list li.two div {
   position: relative;
   height: 150px;
   line-height: 150px;
   overflow: hidden;
   width: 48.5%;
}
.item3 .item3_list li.two div span {
   display: block;
   position: absolute;
   width: 100%;
   height: 100%;
   top: 0;
   left: 0;
   z-index: 9;
}
.item3 .item3_list li.two .t span {
   background: rgba(10,71,142,0.9);
}
.item3 .item3_list li.two .f span {
   background: rgba(0,208,255,0.9);
}

/* products */
.products {
   width: 100%;
   margin: 59px auto 0;
}
.products .p_item {
   width: 100%;
   line-height: 52px;
   background-color: #f7f7f7;
   position: relative;
   text-indent: 25px;
   z-index: 9999;
   border-bottom: 1px solid #e1e4e6;
   border-top: 1px solid #e1e4e6;
}
.products .p_item a {
   color: #313131;
   display: block;
}
.products .p_item a:hover {
   color: #00a1e9;
}
.products .p_item i.iconfont {
   font-size: 25px;
   display: inline-block;
   width: 40%;
   text-align: right;
   vertical-align: -2px;
}
.products .p_item ul {
   display: none;
   position: absolute;
   top: 55px;
   left: 0;
   width: calc(100% - 2px);
   background: #fff;
   z-index: 99999;
   transition: all 0.5s;
   border: 1px solid #e1e4e6;
   border-top: none;
   padding: 10px 0;
}
.products .p_item li a:hover {
   background-color: #00a1e9;
   color: #fff;
}
.products .pro_fixed {
   position: fixed;
   width: 100%;
   left: 0;
   top: 0;
}

.products .p_class {
   padding: 32px 2%;
   background: url(/images/proclassbg.jpg) center no-repeat;
}
.products .p_class h2 {
   font-size: 22px;
}
.products .p_class ul {
   padding: 13px 0 25px;
   display: flex;
   flex-flow: row wrap;
   justify-content: space-between;
   align-items: center;
}
.products .p_class li {
   width: 50%;
   margin: 8px 0;
}
.products .p_class li a {
   color: #fff;
   display: block;
}
.products .p_class li a:hover,
.products .p_class li a.on {
   color: #facd00;
}
.products .p_class li span {
   width: 11px;
   height: 11px;
   padding: 3px;
   border: 1px solid #fff;
   border-radius: 50px;
   display: inline-block;
   vertical-align: top;
   margin-right: 8px;
   transition: border 0.5s;
}
.products .p_class li i {
   display: none;
   width: 100%;
   height: 100%;
   border-radius: 50px;
   background-color: #facd00;
   vertical-align: top;
}
.products .p_class li a.on i {
   display: inline-block;
}
.products .p_class h3 {
   color: #00a1e9;
}
.products .p_class .hd ul {
   padding: 13px 0 0;
}

.products .p_box {
   width: 100%;
   background-color: #f6f6f6;
}
.products .p_list {
   padding: 3% 1%;
}
.products .p_list ul {
   display: flex;
   flex-flow: row wrap;
   justify-content: space-between;
   align-items: center;
}
.products .p_list li {
   position: relative;
   width: 49.5%;
   height: 370px;
   margin: 0 0 1%;
   background-color: #fff;
   overflow: hidden;
}
.products .p_list li ._pic {
   height: 150px;
   overflow: hidden;
}
.products .p_list li ._pic img {
   width: 100%;
   height: 100%;
   object-fit: cover;
}
.products .p_list li ._box {
   padding: 20px 7%;
}
.products .p_list li ._box span {
   display: block;
}
.products .p_list li ._box span.title {
   border-bottom: 1px solid #e8e8e8;
   padding-bottom: 15px;
   white-space: nowrap;
   text-overflow: ellipsis;
   overflow: hidden;
}
.products .p_list li ._box span.desc {
   padding: 11px 0 0;
   overflow: hidden;
   color: #777;
}
.products .p_list li ._buy {
   position: absolute;
   bottom: 17px;
   left: 7%;
   right: 7%;
   overflow: hidden;
   display: flex;
   flex-flow: row wrap;
   justify-content: space-between;
   align-items: center;
}
.products .p_list li a {
   color: #666;
}
.products .p_list li a:hover {
   color: #00a1e9;
}

.products .p_pos {
   background-color: #f7f7f7;
   border-bottom: 1px solid #e1e4e6;
   border-top: 1px solid #e1e4e6;
   padding: 13px 2% 10px;
   color: #666;
}
.products .p_pos a {
   color: #666;
}
.products .p_pos a:hover,
.products .p_pos span {
   color: #00a1e9;
}

.pro_item {
   padding: 4% 2% 6%;
   background-color: #f7f7f7;
   overflow: hidden;
}
.pro_item .pi_pic {
   width: 100%;
   overflow: hidden;
}
.pro_item .pi_pic img {
   max-width: 100%;
}
.pro_item .pi_desc {
   width: 100%;
   color: #666;
   padding-top: 5%;
}
.pro_item .pi_desc li {
   padding: 9px 0;
}
.pro_item .pi_desc li a {
   color: #00a1e9;
}
.pro_item .pi_desc li a:hover {
   color: #008bc9;
}
.pro_item .pi_desc li.title {
   border-bottom: 1px solid #ddd;
   padding-bottom: 25px;
   position: relative;
} 
.pro_item .pi_desc li.title::after {
   position: absolute;
   display: block;
   content: '';
   bottom: -2px;
   left: 0;
   width: 100px;
   border-bottom: 2px solid #00a1e9;
}
.pro_item .pi_desc li._box {
   padding: 22px 1px;
   overflow: hidden;
}
.pro_item .pi_desc li._box dl {
   float: left;
   width: 67%;
}
.pro_item .pi_desc li._box dl.wx {
   width: 25%;
   float: right;
}
.pro_item .pi_desc li._box dl.wx img {
   max-width: 100%;
}
.pro_item .pi_desc li._box dd {
   padding-top: 8px;
}
.pro_item .pi_desc li._btn {
   display: flex;
   flex-flow: row wrap;
   justify-content: space-between;
   align-items: center;
}
.pro_item .pi_desc li._btn a {
   width: 49%;
   line-height: 32px;
   padding: 10px 0;
   display: block;
}
.pro_item .pi_desc li._btn a.buy {
   background-color: #facd00;
   color: #4f4f4f;
}
.pro_item .pi_desc li._btn a.buy i,
.pro_item .pi_desc li._btn a.tel i {
   display: inline-block;
   vertical-align: -2px;
   margin-right: 8px;
}
.pro_item .pi_desc li._btn a:hover.buy {
   background-color: #fabc00;
}
.pro_item .pi_desc li._btn a.zx {
   background-color: #00a1e9;
   color: #fff;
}
.pro_item .pi_desc li._btn a:hover.zx {
   background-color: #0192d3;
}
.pro_item .pi_desc li._btn a.tel {
   display: block;
   width: 100%;
   margin-top: 8px;
   background-color: #00479d;
   color: #fff;
}
.pro_item .pi_desc li._btn a.tel i {
   font-weight: normal;
   font-size: 20px;
   height: 21px;
   margin: 0 8px 0 4px;
}
.pro_item .pi_desc li._btn a:hover.tel {
   background-color: #004291;
}
.pro_item .pi_desc li.share {
    margin-left: -5px;
}
.pro_item .pi_desc li.share a {
    margin: 0 5px 0 0 !important;
}

.pro_info {
   width: 100%;
   padding: 28px 0;
   background-color: #fff;
}
.pro_info .hd {
   padding: 0 10% 0 2%;
   border-bottom: 1px solid #e5e5e5;
}
.pro_info .hd ul {
   display: flex;
   flex-flow: row wrap;
   justify-content: space-between;
   align-items: center;
   color: #666;
}
.pro_info .hd ul a {
   color: #666;
}
.pro_info .hd li {
   width: 30%;
   cursor: pointer;
}
.pro_info .hd li span {
   display: block;
   padding-bottom: 15px;
   margin-bottom: -1px;
   border-bottom: 3px solid transparent;
}
.pro_info .hd li.on span {
   color: #00a1e9;
   border-bottom: 3px solid #00a1e9;
}
.pro_info .bd {
   padding: 0 2%;
}
.pro_info .bd ul {
   padding: 20px 0;
   color: #606060;
   font-size: 15px;
   line-height: 26px;
}
.pro_info .bd ul a {
   color: #666;
}
.pro_info .bd ul a:hover {
   color: #00a1e9;
}
.pro_info .bd ul img {
   max-width: 100%;
}
.pro_info .bd ul._pic {
   font-size: 0;
   display: flex;
   flex-flow: row wrap;
   justify-content: space-between;
   align-items: center;
}
.pro_info .bd ul._pic img {
   width: 49%;
   margin: 0 0 2%;
   display: block;
   cursor: pointer;
}
.pro_info .bd ul.products {
   margin-top: 0;
}
.pro_info .bd ul.products .p_list,
.pro_info .bd ul.products .p_list ul {
   padding: 0;
}
.pro_info .bd ul.products .p_list li {
   background-color: #fafafa;
}

.pro_lx {
   width: 100%;
   padding: 9% 0 10%;
   background-color: #00a1e9;
}
.pro_lx .pl_title {
   font-size: 22px;
   line-height: 36px;
}
.pro_lx .pl_title span.x {
   display: block;
   width: 40px;
   margin: 23px auto 0;
   border-bottom: 5px solid #fff;
}
.pro_lx .pl_list {
   padding: 25px 0 5px;
}
.pro_lx .pl_list ul {
   display: flex;
   flex-flow: row wrap;
   justify-content: space-between;
   align-items: center;
}
.pro_lx .pl_list li {
   width: 25%;
}
.pro_lx .pl_list li span {
   display: block;
}
.pro_lx .pl_list li span.iconfont {
   font-size: 58px;
   height: 80px;
   line-height: 80px;
   overflow: hidden;
   margin-bottom: 6px;
}
.pro_lx .pl_list li a {
   color: #fff;
}
.pro_lx .pl_list li a:hover {
   color: rgba(255,255,255,0.8);
}

.pro_ly {
   padding: 12% 2%;
}
.pro_ly .ly_title {
   color: #666;
}
.pro_ly .ly_title span {
   display: block;
}
.pro_ly .ly_title span.bt {
   font-size: 22px;
   padding-bottom: 13px;
}
.pro_ly .ly_list {
   padding: 25px 0;
}
.pro_ly .ly_list ul {
   overflow: hidden;
}
.pro_ly .ly_list li {
   float: left;
   width: 100%;
   margin: 0 0 1.3%;
   color: #666;
}
.pro_ly .ly_list li.ip_code {
   width: 46%;
   float: left;
}
.pro_ly .ly_list li input,
.pro_ly .ly_list li textarea {
   display: block;
   width: calc(100% - 2px);
   border: 1px solid #ccc;
   padding: 11px 0;
   text-indent: 8px;
   color: #666;
   font-size: 14px;
}
.pro_ly .ly_list li textarea {
   height: 80px;
}
.pro_ly .ly_list li i {
   color: #f00;
   margin-right: 3px;
   font-size: 16px;
   vertical-align: middle;
}
.pro_ly .ly_list li.text {
   width: 97%;
}
.pro_ly .ly_list li.code {
   width: 52%;
   height: 45px;
   margin-top: 35px;
   overflow: hidden;
   float: right;
}
.pro_ly .ly_list li img {
   cursor: pointer;
   height: 45px;
}
.pro_ly .ly_list ul.desc {
   border-top: 1px solid #c8c8c8;
   margin-top: 30px;
   padding-top: 20px;
}
.pro_ly .ly_list ul.desc li {
   width: 100%;
   margin: 0;
   color: #454545;
}
.pro_ly .ly_list ul.desc li input {
   display: inline-block;
   width: auto;
   vertical-align: -2px;
   margin: 0 8px 0 1px;
   cursor: pointer;
}
.pro_ly .ly_list ul.desc li a {
   color: #00a1e9;
   text-decoration: underline;
}
.pro_ly .ly_list ul.desc li.btn {
   margin-top: 28px;
}
.pro_ly .ly_list ul.desc li button {
   width: 100%;
   background-color: #00a1e9;
   border: none;
   color: #fff;
   border-radius: 3px;
   padding: 13px 0;
   font-size: 16px;
   cursor: pointer;
}
.pro_ly .ly_list ul.desc li button:hover {
   background-color: #038dcc;
}


/* service */
.fuwu {
   margin-top: 59px;
}
.fuwu .fw_ban {
   position: relative;
   width: 100%;
   height: 180px;
   overflow: hidden;
}
.fuwu .fw_ban::before {
   content: '';
   display: block;
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   background: rgba(0,0,0,0.3);
}
.fuwu .fw_ban_pos {
   position: absolute;
   left: 4%;
   bottom: 10%;
   width: 100%;
}
.fuwu .fw_ban_pos a {
   color: #fff;
}
.fuwu .fw_ban_pos i {
   margin: 0 2px;
}

.fuwu .fw_nav {
   line-height: 43px;
   background-color: #f8f8f8;
}
.fuwu .fw_nav ul {
   display: flex;
   flex-flow: row wrap;
   justify-content: space-between;
   align-items: center;
   position: relative;
}
.fuwu .fw_nav ul::after {
    content: '';
    display: block;
    width: 33.33333%;
}
.fuwu .fw_nav li {
   width: 33.33333%;
}
.fuwu .fw_nav li a {
   display: block;
   background-color: #f8f8f8;
   border-right: 1px solid #e8e8e8;
   border-bottom: 1px solid #e8e8e8;
   color: #666;
   padding-top: 1px;
}
.fuwu .fw_nav li a:hover,
.fuwu .fw_nav li a.on {
   background-color: #00a1e9;
   color: #fff;
   border-color: #00a1e9;
}

.fuwu .fw_bt {
   color: #666;
   padding: 35px 2% 25px;
}
.fuwu .fw_bt h3 {
   font-size: 22px;
   line-height: 100%;
}
.fuwu .fw_bt span {
   padding: 18px 0 0;
   display: block;
   line-height: 26px;
}
.fuwu .fw_bt span.wh {
   padding: 15px 8.5% 0;
}
.fuwu .fw_bt span.time {
   color: #888;
   padding: 20px 0 0;
}
.fuwu .fw_bt span.time i {
   display: inline-block;
   margin: 0 6px 0 8px;
   font-size: 14px;
}
.fuwu .fw_bt span i.rx,
.fuwu .fw_bt span i.rx a {
   color: #00a1e9;
}

.fuwu .fw_tx {
   color: #7a7a7a;
   padding: 0 2%;
}
.fuwu .fw_tx li {
   width: 100%;
   margin-bottom: 3%;
   transition: all 0.3s;
}
.fuwu .fw_tx li ._box {
   border: 1px solid #e8e8e8;
   padding: 6.6% 5.5% 3%;
}
.fuwu .fw_tx li ._box span {
   display: block;
   padding-bottom: 15px;
}
.fuwu .fw_tx li:hover {
   background-color: #face09;
   box-shadow: 2px 2px 15px rgba(0,0,0,0.2);
   color: #555 !important;
}

.fuwu .fw_ico_list {
   padding: 12px 2% 20px;
}
.fuwu .fw_ico_list ul {
   display: flex;
   flex-flow: row wrap;
   justify-content: space-between;
   align-items: center;
}
.fuwu .fw_ico_list li {
   width: 33.33333%;
}
.fuwu .fw_ico_list li span {
   display: block;
   color: #666;
}
.fuwu .fw_ico_list li span.d {
   padding: 17px 0;
   font-size: 14px;
}
.fuwu .fw_ico_list li span i {
   font-size: 43px;
   color: #00479d;
   font-weight: bold;
}

.fuwu .fw_list {
   overflow: hidden;
   padding: 10px 2% 0;
}
.fuwu .fw_list li {
   position: relative;
   overflow: hidden;
   background-color: #00a1e9;
   margin-bottom: 4%;
}
.fuwu .fw_list li ._desc {
   padding: 7% 5.5% 9%;
}
.fuwu .fw_list li ._desc h3 {
   font-size: 20px;
   margin-bottom: 10px;
}
.fuwu .fw_list li img {
   width: 100%;
}
.fuwu .fw_list li.f {
   background-color: #fff;
   color: #555;
}

.netlist {
   padding: 5% 2%;
}
.netlist .netleft {
   width: calc(96% - 2px);
   height: 300px;
   overflow-y: auto;
   padding: 3% 2% 2%;
   border: 1px solid #ddd;
   background-color: #f6f6f6;
   margin-bottom: 3%;
}
.netlist .netleft ul {
   display: flex;
   flex-flow: row wrap;
   justify-content: space-between;
   align-items: center;
}
.netlist .netleft li {
   width: 49%;
   margin-bottom: 15px;
   color: #606060;
}
.netlist .netleft li img {
   width: 0;
   height: 0;
   display: none;
}
.netlist .netleft li ._t i {
   display: inline-block;
   vertical-align: -2px;
   color: #00a1e9;
   margin-right: 6px;
   font-size: 20px;
}
.netlist .netleft li ._d {
   padding: 5px 0 0 25px;
}

.netlist .netmap {
   width: 100%;
   height: 430px;
   overflow: hidden;
}
.netlist .netmap #allmap {
   width: 100%;
   height: 100%;
   overflow: hidden;
   font-size: 13px;
   line-height: 23px;
}
.netlist .netmap #allmap b {
   font-size: 15px;
}

/* story */
.story_ban {
   background-color: #00a1e9;
   position: relative;
   overflow: hidden;
   margin: 0 2% !important;
   padding-bottom: 15px !important;
}
.story_ban ul {
   height: 380px;
}
.story_ban li {
   display: flex;
   justify-content: center;
   align-items: flex-start;
}
.story_ban li ._pic {
   height: 230px;
   overflow: hidden;
}
.story_ban li ._pic img {
   width: 100%;
   height: 100%;
   object-fit: cover;
}
.story_ban li ._desc {
   padding: 6% 5% 0;
}
.story_ban li ._desc h3 {
   font-size: 18px;
   padding-bottom: 10px;
}
.story_ban .swiper-pagination-bullet {
   background: rgba(255,255,255,0.5);
   opacity: 1;
   width: 10px;
   height: 10px;
}
.story_ban .swiper-pagination-bullet-active {
   background-color: #fff;
}
.story_ban .swiper-pagination {
   bottom: 20px !important;
}

.story_list {
   padding: 5% 2% 0;
}
.story_list ul {
   padding-bottom: 10px;
   display: flex;
   flex-flow: row wrap;
   justify-content: space-between;
   align-items: center;
}
.story_list li {
   position: relative;
   width: 49%;
   height: 140px;
   margin: 0 0 2.3%;
   overflow: hidden;
}
.story_list li img {
   width: 100%;
   height: 100%;
   object-fit: cover;
}
.story_list li span {
   display: block;
   position: absolute;
   left: 0;
   bottom: 0;
   width: 100%;
   z-index: 9;
   background: rgba(0,0,0,0.55);
   height: 0;
   transition: all 0.5s;
}
.story_list li a {
   color: #fff;
}
.story_list li:hover span {
   height: 26px;
   padding-top: 11px;
}

/* parts */
.parts_desc {
   padding: 8% 2% 1%;
   color: #555;
}
.parts_desc h2 {
   color: #00a1e9;
   font-size: 23px;
   line-height: 100%;
}
.parts_desc span {
   display: block;
   padding-top: 15px;
}

.parts_list {
   overflow: hidden;
   padding: 7% 2%;
}
.parts_list h2 {
   font-size: 23px;
   color: #555;
}
.parts_list ul {
   display: flex;
   flex-flow: row wrap;
   justify-content: space-between;
   align-items: center;
   padding: 28px 0 10px;
}
.parts_list li {
   width: 49%;
   margin: 0 0 2% 0;
   background-color: #f6f6f6;
}
.parts_list li ._pic {
   height: 150px;
   overflow: hidden;
}
.parts_list li ._pic img {
   width: 100%;
   height: 100%;
   object-fit: cover;
}
.parts_list li ._desc {
   padding: 7.5% 1%;
   white-space: nowrap;
   text-overflow: ellipsis;
   overflow: hidden;
}
.parts_list li a {
   color: #00a1e9;
}
.parts_list li a:hover {
   color: #0088c5;
}

.parts_tel,
.parts_tel a {
   color: #555;
}
.parts_ly {
   margin: -20px auto 0;
   padding: 0 2% 50px;
}

/* news */
.newslist {
   width: 100%;
   padding: 5% 0;
   background-color: #f6f6f6;
   border-top: 1px solid #e8e8e8;
   margin-top: -1px;
}
.newslist .nl_list {
   padding: 0 2%;
}
.newslist .nl_list li {
   background-color: #fff;
   padding: 13px 12px;
   overflow: hidden;
   margin-bottom: 13px;
}
.newslist .nl_list li ._desc {
   width: 67%;
   padding: 8px 0 0 0;
}
.newslist .nl_list li ._desc span {
   display: block;
}
.newslist .nl_list li ._desc span.time {
   color: #aaa;
   padding-left: 1px;
}
.newslist .nl_list li ._desc span.time i {
   display: inline-block;
   margin-right: 5px;
}
.newslist .nl_list li ._desc span.title {
   padding: 15px 0 7px;
}
.newslist .nl_list li ._desc span.desc {
   color: #777;
   transition: all 0.5s;
   white-space: nowrap;
   text-overflow: ellipsis;
   overflow: hidden;
}
.newslist .nl_list li a {
   color: #555;
}
.newslist .nl_list li a:hover,
.newslist .nl_list li:hover ._desc span.desc {
   color: #00a1e9 !important;
}
.newslist .nl_list li ._pic {
   width: 30%;
   height: 118px;
   overflow: hidden;
}
.newslist .nl_list li ._pic img {
   width: 100%;
   height: 100%;
   object-fit: cover;
}

.newslist .brand {
   padding: 0 2% 10px;
}
.newslist .brand li {
   width: 100%;
   margin: 0 0 3% 0;
   background-color: #fff;
   transition: all 0.5s;
}
.newslist .brand li ._pic {
   height: 210px;
   overflow: hidden;
}
.newslist .brand li ._pic img {
   width: 100%;
   height: 100%;
   object-fit: cover;
}
.newslist .brand li ._desc {
   padding: 5% 5% 8%;
}
.newslist .brand li ._desc span {
   display: block;
}
.newslist .brand li ._desc span.t {
   height: 60px;
   overflow: hidden;
   margin: 6px 0 0;
}
.newslist .brand li a {
   color: #666;
}
.newslist .brand li a:hover {
   color: #4f4f4f;
}
.newslist .brand li:hover {
   background-color: #facd00;
}

.newslist .video {
   padding: 0 2% 10px;
}
.newslist .video ul {
   display: flex;
   flex-flow: row wrap;
   justify-content: space-between;
   align-items: center;
}
.newslist .video li {
   width: 49%;
   margin: 0 0 2% 0;
   background-color: #fff;
   transition: all 0.5s;
}
.newslist .video li ._pic {
   height: 140px;
   position: relative;
   overflow: hidden;
}
.newslist .video li ._pic img {
   width: 100%;
   height: 100%;
   object-fit: cover;
}
.newslist .video li ._pic span {
   display: block;
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 0;
   background: rgba(0,161,233,0.8);
   color: rgba(255,255,255,0.6);
   transition: all 0.5s;
   font-size: 0;
}
.newslist .video li ._pic span i {
   display: inline-block;
   font-size: 50px;
   line-height: 140px;
}
.newslist .video li:hover ._pic span {
   height: 100%;
   color: rgba(255,255,255,0.9);
}
.newslist .video li ._desc {
   padding: 8.8% 0;
}
.newslist .video li a {
   color: #666;
}
.newslist .video li a:hover {
   color: #444;
}
.newslist .video li:hover {
   background-color: #e7e8ea;
}

/* abouts */
.abouts {
   overflow: hidden;
   padding: 9% 2%;
   background-color: #f6f6f6;
   border-top: 1px solid #e8e8e8;
   margin-top: -1px;
}
.abouts .a_tab {
   overflow: hidden;
   position: relative;
}
.abouts .a_tab .bd ul {
   zoom: 1;
   overflow: hidden;
}
.abouts .a_tab .bd ul ._desc {
   width: 100%;
   color: #666;
   overflow: hidden;
}
.abouts .a_tab .bd ul ._desc h2 {
   font-size: 22px;
   line-height: 100%;
   margin-bottom: 20px;
}
.abouts .a_tab .bd ul ._pic {
   position: relative;
   width: 100%;
   height: 250px;
   overflow: hidden;
   padding-top: 30px;
}
.abouts .a_tab .bd ul ._pic img {
   width: 100%;
   height: 100%;
   object-fit: cover;
}
.abouts .a_tab .bd ul ._pic span {
   display: block;
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   line-height: 345px;
   font-size: 110px;
   color: rgba(255,255,255,0.7);
   cursor: pointer;
   -webkit-transition: all .6s ease-in-out;
   transition: all .6s ease-in-out;
}
.abouts .a_tab .bd ul ._pic:hover span {
   -webkit-transform: rotate(180deg);
   transform: rotate(180deg);
}
.abouts .a_tab .hd {
   margin-top: 10px;
   height: 96px;
   background: url(/images/abbg1.jpg) center no-repeat;
   overflow: hidden;
}
.abouts .a_tab .hd ul {
   display: flex;
   flex-flow: row wrap;
   justify-content: space-between;
   align-items: center;
}
.abouts .a_tab .hd li {
   width: calc(25% - 1px);
   height: 100px;
   border-right: 1px solid rgba(255,255,255,0.3);
   background: rgba(0,161,233,0.8);
   cursor: pointer;
}
.abouts .a_tab .hd li i {
   display: block;
   width: 40px;
   height: 40px;
   background: url(/images/about_us01_2.png) no-repeat;
   margin: 16px auto 8px;
}
.abouts .a_tab .hd li i.ico1 {
   background-position: 0 -40px;
}
.abouts .a_tab .hd li i.ico2 {
   background-position: -40px -40px;
}
.abouts .a_tab .hd li i.ico3 {
   background-position: -80px -40px;
}
.abouts .a_tab .hd li i.ico4 {
   background-position: -120px -40px;
}
.abouts .a_tab .hd li.on {
   background: rgba(245,190,0,0.93);
   color: #4f4f4f;
}
.abouts .a_tab .hd li.on i.ico1 {
   background-position: 0 0;
}
.abouts .a_tab .hd li.on i.ico2 {
   background-position: -40px 0;
}
.abouts .a_tab .hd li.on i.ico3 {
   background-position: -80px 0;
}
.abouts .a_tab .hd li.on i.ico4 {
   background-position: -120px 0;
}


.abouts .a_num {
   width: 100%;
   padding: 8% 0;
   background-color: #fff;
}
.abouts .a_num ul {
   display: flex;
   flex-flow: row wrap;
   justify-content: space-between;
   align-items: flex-start;
}
.abouts .a_num li {
   width: 32.33333%;
}
.abouts .a_num li span {
   display: inline-block;
   vertical-align: middle;
}
.abouts .a_num li span._desc {
   color: #666;
   padding-top: 8px;
}
.abouts .a_num li span i {
   font-size: 22px;
   color: #063492;
   font-weight: bold;
   font-family: Impact;
}
.abouts .a_num li img {
   max-width: 60%;
}

.abouts .a_fengcai {
   width: 100%;
   padding-top: 15px;
   background-color: #fff;
}
.abouts .a_fengcai h2 {
   font-size: 22px;
   line-height: 100%;
   color: #666;
}
.abouts .a_fengcai_box {
   overflow: hidden;
   padding: 8% 0 0;
}
.abouts .a_fengcai_box li {
   width: 100%;
   cursor: pointer;
   overflow: hidden;
}
.abouts .a_fengcai_box li span {
   display: block;
}
.abouts .a_fengcai_box li span.pic {
   position: relative;
   height: 250px;
   overflow: hidden;
}
.abouts .a_fengcai_box li span.pic img,
.abouts .a_fengcai_box li.two dl img {
   width: 100%;
   height: 100%;
   object-fit: cover;
}
.abouts .a_fengcai_box li span.pic i {
   display: block;
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   background: rgba(0,67,149,0.7);
   color: #fcc800;
   font-size: 80px;
   line-height: 250px;
   overflow: hidden;
   transition: all 0.5s;
   opacity: 0;
}
.abouts .a_fengcai_box li:hover span.pic i {
   opacity: 1;
}
.abouts .a_fengcai_box li span.t {
   line-height: 70px;
   background-color: #00a1e9;
}

.abouts .a_fengcai_box li.two {
   display: flex;
   flex-flow: row wrap;
   justify-content: space-between;
   align-items: center;
   margin-top: 3%;
}
.abouts .a_fengcai_box li.two dl {
   width: 48.9%;
   height: 150px;
   overflow: hidden;
   position: relative;
}
.abouts .a_fengcai_box li.two dl:nth-child(2) {
   float: right;
}
.abouts .a_fengcai_box li.two dt {
   height: 100%;
}
.abouts .a_fengcai_box li.two dd {
   display: block;
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   background: rgba(0,67,149,0.7);
   opacity: 0;
   transition: all 0.5s;
}
.abouts .a_fengcai_box li.two dl:hover dd {
   opacity: 1;
}
.abouts .a_fengcai_box li ._more {
   width: 100%;
   height: 75px;
   line-height: 75px;
   margin-top: 15px;
   background-color: #facd00;
   color: #4f4f4f;
   font-size: 18px;
   overflow: hidden;
}
.abouts .a_fengcai_box li ._more i {
   font-size: 20px;
   display: inline-block;
   vertical-align: -1px;
   margin-left: 8px;
   color: #666;
   -webkit-transition: all .5s ease-in-out;transition: all .5s ease-in-out;
}
.abouts .a_fengcai_box li ._more:hover i {
   -webkit-transform: rotate(180deg);
   transform: rotate(180deg);
}
.abouts ._imgUrl {
   display: none;
}
.fc-lay .layui-layer-ico {
   background: url(/images/search_close.png) center no-repeat;
   width: 30px;
   height: 30px;
   -webkit-transition: all .5s ease-in-out;transition: all .5s ease-in-out;
}
.fc-lay .layui-layer-phimg img {
   position: relative;
   width: 100%;
   display: inline-block;
   *display: inline;
   *zoom: 1;
   vertical-align: top;
}
.fc-lay .layui-layer-setwin .layui-layer-close2 {
   position: fixed;
   right: 30px;
   top: 55px;
   opacity: 0.6;
   -webkit-transition: all .5s ease-in-out;transition: all .5s ease-in-out;
}
.fc-lay .layui-layer-setwin .layui-layer-close2:hover {
   background-position: 0;
   opacity: 1;
   -webkit-transform: rotate(180deg);
   transform: rotate(180deg);
}
.fc-lay .layui-layer-imgbar {
   text-align: center;
}
.abouts .ystk {
   padding-bottom: 80px;
}
.abouts .ystk h2 {
   font-size: 36px;
   color: #666;
   text-align: center;
}
.abouts .ys_desc {
   color: #666;
   padding-top: 30px;
}
.abouts .ys_desc a {
   color: #666;
}
.abouts .ys_desc img {
   max-width: 100%;
}

.abouts .ystk {
   padding-bottom: 80px;
}
.abouts .ystk h2 {
   font-size: 26px;
   color: #666;
   text-align: center;
}
.abouts .ys_desc {
   color: #666;
   padding-top: 30px;
}
.abouts .ys_desc a {
   color: #666;
}
.abouts .ys_desc img {
   max-width: 100%;
}

.wenhua {
   width: 100%;
   background-color: #fff;
}
.wenhua .wh_item1 {
   padding: 0 2%;
   background: url(/images/whbg.jpg) center no-repeat;
   background-size: auto 100%;
}
.wenhua .wh_item1_list {
   padding: 3% 0 5%;
   overflow: hidden;
}
.wenhua .wh_item1_list li {
   width: 100%;
   cursor: pointer;
   position: relative;
}
.wenhua .wh_item1_list li ._box {
   padding: 6% 5%;
   border-bottom: 1px solid rgba(255,255,255,0.5);
   transition: all 0.5s;
}
.wenhua .wh_item1_list li:last-of-type ._box {
   border: none;
}
.wenhua .wh_item1_list li ._box span {
   display: block;
}
.wenhua .wh_item1_list li ._box span.x {
   width: 45px;
   height: 0;
   border-bottom: 1px solid #fff;
   border-bottom: 1px solid rgba(255,255,255,0.5);
   margin: 16px 0 25px;
}
.wenhua .wh_item1_list li ._box span.f16 {
   padding-bottom: 12px;
}
.wenhua .wh_item1_list li ._box span.iconfont,
.wenhua .wh_item2_list li ._box span.iconfont {
   position: absolute;
   right: 25px;
   bottom: 23px;
   width: 31px;
   height: 30px;
   line-height: 30px;
   border: 1px solid #666;
   color: #666;
   text-align: center;
   overflow: hidden;
   font-weight: bold;
   font-size: 18px;
   transition: all 1s;
   opacity: 0;
}
.wenhua .wh_item1_list li:hover ._box {
   background-color: #facd00;
   color: #4f4f4f;
}
.wenhua .wh_item2 {
   padding: 5% 2%;
}
.wenhua .wh_item2_list {
   color: #666;
}
.wenhua .wh_item2_list li {
   width: 100%;
   margin: 0 0 3% 0;
   transition: all 0.5s ease;
   cursor: pointer;
}
.wenhua .wh_item2_list li ._box {
   position: relative;
   border: 1px solid #e4e4e4;
   padding: 5%;
}
.wenhua .wh_item2_list li ._box span {
   display: block;
   margin-bottom: 13px;
}
.wenhua .wh_item2_list li ._box span.iconfont {
   right: 21px !important;
   bottom: 21px !important;
   opacity: 1;
   margin: 0;
   border: 1px solid #e4e4e4;
   color: #e4e4e4;
}
.wenhua .wh_item2_list li:hover {
   background-color: #facd00;
   box-shadow:2px 2px 15px rgba(0,0,0,.2);
   color: #4f4f4f;
}
.wenhua .wh_item2_list li:hover ._box span.iconfont {
   color: #4f4f4f;
   border-color: #4f4f4f;
}
.wh-ly .ly-box {
   padding: 7% 5%;
   overflow: hidden;
}
.wh-ly .ly-left {
   width: 58%;
}
.wh-ly .ly-title {
   color: #666;
}
.wh-ly .ly-title h2 {
   font-size: 25px;
}
.wh-ly .ly-title span {
   display: block;
}
.wh-ly .ly-title span.x {
   width: 50px;
   height: 0;
   border-bottom: 1px solid #666;
   margin: 24px 0 31px;
}
.wh-ly .ly-info {
   padding-top: 26px;
   color: #666;
}
.wh-ly .ly-info img {
   max-width: 100%;
}
.wh-ly .ly-info a {
   color: #666;
}
.wh-ly .ly-info a:hover {
   color: #00a1e9;
}
.wh-ly .ly-right {
   width: 34%;
   padding-top: 62px;
}
.wh-ly .ly-right img {
   max-width: 100%;
}
.wh-ly .layui-layer-ico {
   background: url(/images/close_btn.png) center no-repeat;
}
.wh-ly .layui-layer-ico:hover {
   background: url(/images/close_btn_hover.png) center no-repeat;
   background-position: center;
}
.wh-ly .layui-layer-setwin .layui-layer-close2 {
   right: 0;
   top: 30px;
   width: 43px;
   height: 43px;
}
.wh-ly .layui-layer-setwin {
   width: 57px;
   height: 80px;
   right: 0;
   top: 0;
}

.contact {
   padding: 2% 2% 70px;
}
.contact .c_item1 {
   overflow: hidden;
   margin-top: -11px;
}
.contact .c_item1 ul {
   height: 250px;
}
.contact .c_item1 li {
   position: relative;
   display: flex;
   justify-content: center;
   align-items: flex-start;
}
.contact .c_item1 li img {
   width: 100%;
   height: 100%;
   object-fit: cover;
}
.contact .c_item1 li a {
   width: 100%;
   height: 100%;
   display: block;
   color: #fff;
}
.contact .c_item1 li ._box {
   position: absolute;
   top: 0;
   left: 0;
   right: 0;
   bottom: 0;
   width: 100%;
   height: 100%;
   background: rgba(0,0,0,0.4);
}
.contact .c_item1 li ._box span {
   display: block;
}
.contact .c_item1 li ._box span.t {
   padding-top: 68px;
}
.contact .c_item1 li ._box span.c {
   padding: 10px 0 23px;
}
.contact .c_item1 li ._box span.m {
   width: 118px;
   color: #fff;
   color: rgba(255,255,255,.7);
   border: 1px solid #fff;
   border-color: rgba(255,255,255,.7);
   margin: 0 auto;
}
.contact .c_item1 .swiper-button-next,
.contact .c_item1 .swiper-button-prev {
   color: #fff;
}
.contact .c_item2 {
   overflow: hidden;
   margin-top: 15px;
}
.contact .c_item2 li {
   margin: 0 0 3%;
}
.contact .c_item2 li ._box {
   padding: 7% 5%;
   border: 1px solid #e6e6e6;
   overflow: hidden;
}
.contact .c_item2 li ._box h3 {
   color: #555;
   font-size: 20px;
}
.contact .c_item2 li ._box span {
   display: block;
}
.contact .c_item2 li ._box span.x {
   width: 25px;
   height: 0;
   border-bottom: 2px solid #ddd;
   margin-top: 25px;
}
.contact .c_item2 li ._box_lx {
   color: #333;
   padding-top: 20px;
}
.contact .c_item2 li ._box_lx p {
   padding: 5px 0;
}
.contact .c_item2 li ._box_lx img {
   max-width: 100%;
}
.contact .c_item2 li.map {
   width: 100%;
}
.contact .c_item2 li.map ._box {
   height: 410px;
   border: 1px solid #e6e6e6;
   overflow: hidden;
   padding: 0;
}
.contact .c_item2 li.map ._box #allmap {
   width: 100%;
   height: 100%;
   font-size: 15px;
   line-height: 26px;
}

.joblist {
   padding: 65px 0;
}
.joblist .job_t {
   background-color: #00a1e9;
   overflow: hidden;
   padding: 1px 0 0;
   height: 56px;
   display: flex;
   align-items: center;
}
.joblist .job_t span {
   float: left;
   display: block;
   width: 38%;
}
.joblist .job_t span.s3 {
   width: 21%;
}


.joblist .job_box {
   overflow: hidden;
}
.joblist .job_box .job_t {
   background: #fff;
   border-bottom: 1px solid #dedede;
   overflow: hidden;
   color: #555;
   cursor: pointer;
}
.joblist .job_box ul {
   overflow: hidden;
   background-color: #f6f6f6;
   color: #585858;
   padding: 5% 5% 8%;
}
.joblist .job_box ul img {
   max-width: 100%;
}
.joblist .job_box ul ._btn {
   width: 40%;
}
.joblist .job_box ul ._btn a {
   background-color: #00a1e9;
   color: #fff;
   border-radius: 3px;
   display: block;
}
.joblist .job_box ul ._btn a:hover {
   background-color: #00a8f3;
}

.apply {
   display: none;
   width: 92%;
   padding: 3% 0 4%;
   margin: 0 auto;
   color: #aaa;
   font-size: 13px;
}
.apply li input,
.apply li textarea,
.apply li select {
   width: calc(100% - 2px);
   border: 1px solid #ddd;
   margin: 5px 0;
   padding: 2% 0;
   font-size: 14px;
   display: inline-block;
   vertical-align: middle;
   text-indent: 5px;
   color: #666;
}
.apply li select {
   width: calc(100% - 2px);
   color: #aaa;
}
.apply li textarea {
   height: 80px;
}
.apply li button {
   background: #00a1e9;
   color: #fff;
   border-radius: 50px;
   line-height: 40px;
   width: 35%;
   border: none;
   font-size: 15px;
   margin: 15px auto 0;
   display: block;
   cursor: pointer;
   transition: all .3s linear 0s;
}
.apply li button:hover {
   background: #00a8f3;
   box-shadow: 0 5px 10px #ccc;
}
.apply li input.code {
   width: 60%;
   margin: 3px 0 5px;
}
.apply li img {
   display: inline-block;
   vertical-align: -17px;
   cursor: pointer;
   margin-left: 8px;
}
.apply li label {
   display: block;
   color: #777;
}

/* content */
.line_progress {
   width: 100%;
   background: transparent;
   height: 3px;
   position: fixed;
   bottom: 0;
   z-index: 99999;
}
.line_progress i {
   position: absolute;
   left: 0;
   top: 0;
   width: 0;
   height: 3px;
   background: #00a1e9;
}

.content_pic {
   margin: 0 0 30px;
}
.content_pic img {
   max-width: 95%;
}
.content_info {
   color: #555;
   padding: 10px 3% 70px;
}
.content_info a {
   color: #555;
}
.content_info a:hover {
   color: #00a1e9;
}
.content_info img {
   max-width: 100%;
   display: inline-block;
   margin: 10px 0;
}

/* pages */
.n_pages {
   padding: 25px 0 45px;
   letter-spacing: -4px;
}
.n_pages a {
   display: inline-block;
   background-color: #fff;
   color: #8f8f8f;
   padding: 9px 10px;
   margin: 0 1px;
   border: 1px solid #eee;
   letter-spacing: 0;
}
.n_pages a:hover,
.n_pages a.page-num-current {
   background-color: #00a1e9;
   border-color: #00a1e9;
   color: #fff;
}
.n_pages .not_data {
   font-size: 14px;
   letter-spacing: 1px;
   color: #999;
}

.n_next {
   padding: 0 2% 3%;
   line-height: 60px;
}
.n_next li {
   position: relative;
   width: 94%;
   padding: 0 3%;
   background-color: #f5f5f5;
   margin-bottom: 2%;
   border-radius: 2px;
}
.n_next li a {
   display: block;
   white-space: nowrap;
   text-overflow: ellipsis;
   overflow: hidden;
   color: #555;
}
.n_next li a:hover {
   color: #00a1e9 !important;
}
.n_next li.n {
   text-align: right;
}
.n_next li i {
   display: block;
   position: absolute;
   top: 0;
   left: 13px;
   color: #ccc;
   font-size: 25px;
   font-weight: normal;
   transition: all 0.5s;
}
.n_next li span {
   color: #797979;
   font-size: 14px;
   font-weight: normal;
   padding: 0 10px 0 35px;
}
.n_next li a:hover i {
   left: 17px;
}

/* footer */
.footer {
   width: 96%;
   padding: 20px 2%;
   background-color: #e7e8ea;
   color: #666;
}
.footer a {
   color: #666;
}

/* search */
.sea_ly {
   display: none;
   background-color: #00a1e9;
   height: 100%;
   overflow: hidden;
}
.sea_box {
   height: 100%;
   display: flex;
   align-items: center;
}
.sea_box .sea_main {
   background-color: #fff;
   width: 90%;
   margin: 0 auto;
   border-radius: 50px;
   padding: 3px 2% 3px 3%;
}
.sea_box .sea_main form {
   display: flex;
   flex-flow: row wrap;
   justify-content: space-between;
   align-items: center;
}
.sea_box .sea_main input {
   border: none;
   line-height: 35px;
   font-size: 15px;
   color: #555;
   width: 80%;
   text-indent: 5px;
}
.sea_box .sea_main button {
   border: none;
   background-color: #00a1e9;
   width: 35px;
   height: 35px;
   border-radius: 50px;
   line-height: 33px;
   text-align: center;
}
.sea_box .sea_main button i {
   color: #fff;
   font-size: 22px;
}
.sea_box .sea_main input::-webkit-input-placeholder {
   color: #fff;
   font-size: 15px;
   color: #888;
}
p#back-to-top{
   position: fixed;
   display: none;
   bottom: 10px;
   right: 10px;
   z-index: 99999;
}
p#back-to-top a {
   text-align: center;
   display: block;
   height: 30px;
   width: 30px;
   line-height: 38px;
   border: 1px #00479d solid;
   color: #00479d;
   overflow: hidden;
}
p#back-to-top a:hover {
   color: #fff;
   border-color: #00479d;
   background-color: #00479d;
}<!--ºÄʱ1775483198.9543Ãë-->