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

/* head */
.header {
   width: 100%;
   position: fixed;
   top: 0;
   z-index: 99999;
   background-color: #fff;
   box-shadow: 0 0 8px rgba(0,0,0,0.1);
}
.top {
   border-bottom: 1px solid #eaeaea;
   overflow: hidden;
   color: #555;
   padding-top: 1px;
   height: 32px;
   overflow: hidden;
}
.top .t_left {
   overflow: hidden;
}
.top .t_right {
   text-align: right;
   color: #666;
}
.top .t_right li {
   display: inline-block;
   position: relative;
   margin-left: -4px;
   font-size: 0;
   vertical-align: 0;
}
.top .t_right li::after {
   content: '';
   width: 1px;
   height: 11px;
   background: #e5e5e5;
   position: absolute;
   right: 0;
   top: 50%;
   margin-top: -8px;
}
.top .t_right li a {
   display: inline-block;
   color: #666;
   padding: 0 16px;
   font-size: 12px;
}
.top .t_right li a:hover {
   color: #00a1e9;
}

.logo {
   width: 31%;
   line-height: 78px;
}
.logo img {
   max-width: 100%;
}
.naver {
   line-height: 78px;
}
.naver li {
   float: left;
}
.naver li a {
   color: #666;
   display: block;
   padding-right: 45px;
}
.naver li a:hover {
   color: #00a1e9;
}
.naver li i {
   font-size: 12px;
   font-weight: normal;
   margin-left: 3px;
}
.naver li .nav {
   display: block;
   position: absolute;
   width: 100%;
   height: 0;
   top: 113px;
   left: 0;
   z-index: 99999;
   background: url(/images/topbg.jpg) center top repeat-y #fbfbfb;
   overflow: hidden;
   transition: height 0.5s;
   line-height: 50px;
   font-weight: normal;
} 
.naver li .nav_left {
   width: 72%;
   padding: 4.1% 3% 0 0;
}
.naver li .nav_left h2 {
   font-size: 35px;
   color: #666;
   line-height: 35px;
   padding: 0 0 30px;
}
.naver li .nav_list {
   width: 61%;
}
.naver li .nav_list li {
   width: 33.33333%;
   float: left;
   padding-bottom: 20px;
}
.naver li .nav_pic {
   margin-top: 40px;
   width: 35%;
   height: 220px;
   overflow: hidden;
}
.naver li .nav_pic img {
   width: 100%;
   height: 100%;
   object-fit: cover;
}
.naver li .nav_right {
   width: 21%;
   padding: 4.5% 0 0 4%;
}
.naver li .nav_right h3 {
   font-size: 28px;
   line-height: 100%;
}
.naver li .nav_right ul {
   padding-top: 20px;
}
.naver li .nav_right li {
   font: none;
   width: 100%;
}
.naver li .nav_right li a {
   color: #fff;
}
.naver li .nav_right li a:hover {
   color: #facd00;
}
.naver li .nav_right li.tel {
   font-family: impact;
   padding-top: 10px;
}
.naver li .nav_right li.tel i {
   display: inline-block;
   vertical-align: top;
   font-size: 22px;
   margin-right: 10px;
   color: rgba(255,255,255,0.5);
}
.naver li:hover .nav {
   height: 373px;
}
.search {
   color: #cacaca;
}
.search i {
   display: inline-block;
   font-size: 26px;
   vertical-align: -37px;
   cursor: pointer;
}
.search:hover i {
   color: #00a1e9;
}
.sea_box {
   display: none;
   padding: 0 5%;
   background-color: #00a1e9;
   height: 100%;
   overflow: hidden;
}
.sea_box .sea_main {
   width: 1230px;
   margin: 0 auto;
   padding: 25px 0 10px;
   border-bottom: 1px solid #fff;
   color: #fff !important;
}
.sea_box .sea_main span {
   display: inline-block;
   font-size: 43px;
   vertical-align: middle;
}
.sea_box .sea_main form {
   display: inline-block;
   width: 94%;
   padding-left: 2%;
   font-size: 0;
   vertical-align: middle;
}
.sea_box .sea_main form input,
.sea_box .sea_main form button {
   border: none;
   display: inline-block;
   background: none;
   color: #fff;
}
.sea_box .sea_main form input {
   width: 90%;
   font-size: 20px;
   padding: 11px 0;
}
.sea_box .sea_main form button {
   width: 9%;
   font-size: 22px;
   cursor: pointer;
}
.sea-lay .layui-layer-setwin .layui-layer-close2 {
   right: 28px;
   top: 27px;
}
.sea-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;
}
.sea-lay .layui-layer-ico,
.sea-lay .layui-layer-setwin .layui-layer-close2,
.sea-lay .layui-layer-setwin .layui-layer-close2:hover {
   background-position: 0
}
.sea-lay .layui-layer-ico:hover {
   -webkit-transform: rotate(180deg);
   transform: rotate(180deg);
}

/* main */
.main {
   width: 1300px;
   margin: 0 auto;
}

/* wrapper */
.wrapper {
   width: 100%;
   margin-top: 730px;
   position: relative;
   z-index: 9;
   background-color: #fff;
}
.item1 {
   width: 100%;
   height: 330px;
   background-color: #0a478e;
}
.item1 .item1_t {
   padding: 45px 0 50px;
}
.item1 .item1_t span {
   display: block;
}
.item1 .item1_t span.bt {
   font-size: 36px;
}
.item1 .item1_t span.xbt {
   color: rgba(255,255,255,0.5);
   padding: 15px 4% 0;
}
.item1 .item1_list {
   overflow: hidden;
}
.item1 .item1_list li {
   width: 20%;
   height: 250px;
   float: left;
   overflow: hidden;
   transition: width 0.5s;
}
.item1 .item1_list li:hover,
.item1 .item1_list li.on {
   width: 40%;
}
.item1 .item1_list li a {
   display: block;
   height: 100%;
}
.item1 .item1_list li ._box {
   padding: 60px 40px 0;
   color: #555;
}
.item1 .item1_list li ._box span {
   display: block;
   padding-bottom: 17px;
}
.item1 .item1_list li:last-child span {
   color: #fff;
}

.news {
   padding: 160px 0 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: 36px;
   padding-bottom: 15px;
}
.news .news_pic {
   overflow: hidden;
   padding-top: 43px;
}
.news .news_pic li {
   position: relative;
   float: left;
   width: 65.8%;
   height: 300px;
   overflow: hidden;
}
.news .news_pic li:last-child {
   width: 33%;
   float: right;
}
.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: 65px 50px 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: 65px 40px 0;
}
.news .news_pic li.two ._box span i {
   color: #fcdb00;
}
.news .news_pic li:hover.two {
   background: #fabc00;
}
.news .news_list {
   padding-top: 78px;
   overflow: hidden;
}
.news .news_list .bd {
   position: relative;
   overflow: hidden;
}
.news .news_list .bd ul {
   margin-right: -40px;
}
.news .news_list .bd li {
   float: left;
   width: 295px;
   height: 205px;
   margin-right: 40px;
   border-bottom: 5px solid #d1d1d1;
   position: relative;
}
.news .news_list .bd li a {
   display: block;
   height: 100%;
   color: #666;
}
.news .news_list .bd li a:hover {
   color: #00479d;
}
.news .news_list .bd li span {
   display: block;
   padding-left: 1px;
}
.news .news_list .bd li span.t {
   height: 60px;
   overflow: hidden;
}
.news .news_list .bd li span.time {
   color: #00479d;
   padding: 10px 0 18px;
}
.news .news_list .bd li span.desc {
   color: #777;
}
.news .news_list .bd 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 .bd 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 .hd li.on {
   background-color: #fcdb00;
}
.products_bg {
   width: 100%;
   height: 464px;
   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: 105px 0 0;
   width: 55%;
}
.products_bg ._box span {
   display: block;
}
.products_bg ._box span.t {
   font-size: 36px;
   line-height: 36px;
}
.products_bg ._box span.d {
   padding: 35px 0;
}
.products_bg ._box span.m {
   border: 1px solid #fff;
   width: 177px;
   height: 50px;
}
.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: 50px;
   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: 50px 6% 100px;
}
.item2 .item2_t {
   padding: 35px 0 78px;
}
.item2 .item2_t span {
   display: block;
   color: #666;
}
.item2 .item2_t span.bt {
   font-size: 36px;
}
.item2 .item2_t span.xbt {
   padding-top: 15px;
}
.item2 .item2_list {
   overflow: hidden;
}
.item2 .item2_list li {
   float: left;
   width: 25%;
}
.item2 .item2_list li span {
   display: block;
   color: #666;
}
.item2 .item2_list li span.d {
   padding: 17px 0;
}
.item2 .item2_list li span i {
   font-size: 48px;
   color: #00479d;
   font-weight: bold;
}

.item3 {
   width: 100%;
   height: 600px;
   background: url(/images/it3bg.jpg) center bottom no-repeat;
   overflow: hidden;
}
.item3 .item3_box {
   width: 55%;
}
.item3 .item3_t {
   text-align: right;
   padding: 60px 0 38px;
}
.item3 .item3_t span {
   display: block;
   color: #fff;
}
.item3 .item3_t a {
   color: #fff;
}
.item3 .item3_t span.bt {
   font-size: 36px;
}
.item3 .item3_t span.xbt {
   padding-top: 15px;
}
.item3 .item3_list {
   overflow: hidden;
}
.item3 .item3_list li {
   float: left;
}
.item3 .item3_list li img {
   width: 100%;
   height: 100%;
   object-fit: cover;
}
.item3 .item3_list li.first {
   width: 62%;
   height: 330px;
   overflow: hidden;
   position: relative;
}
.item3 .item3_list li.first ._box {
   position: absolute;
   top: 0;
   left: 0;
   z-index: 9;
   padding: 60px 38px 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-left: 3.5%;
   width: 34.5%;
}
.item3 .item3_list li.two a {
   color: #fff;
   display: block;
}
.item3 .item3_list li.two div {
   position: relative;
   height: 156px;
   line-height: 156px;
   margin-bottom: 18px;
   overflow: hidden;
}
.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 {
   margin-top: 113px;
}
.products .p_item {
   width: 100%;
   line-height: 53px;
   background-color: #f7f7f7;
}
.products .p_item_l {
   position: relative;
   width: 330px;
   border-right: 1px solid #ddd;
   text-indent: 25px;
}
.products .p_item_l a {
   color: #313131;
   display: block;
}
.products .p_item_l a:hover,
.products .p_item_r a:hover,
.products .p_item_r span {
   color: #00a1e9;
}
.products .p_item_r span {
   display: inline-block;
   padding: 0 5px 0 8px;
}
.products .p_item_l i {
   font-size: 25px;
   display: inline-block;
   width: 40%;
   text-align: right;
   vertical-align: -2px;
}
.products .p_item_l ul {
   display: none;
   position: absolute;
   top: 55px;
   left: 0;
   width: 100%;
   background: #fff;
   z-index: 99999;
   transition: all 0.5s;
}
.products .p_item_l li a:hover {
   background-color: #00a1e9;
   color: #fff;
}
.products .p_item_l:hover ul {
   display: block;
}
.products .p_item_r {
   color: #818181;
   overflow: hidden;
   line-height: 35px;
   padding-top: 12px;
}
.products .p_item_r a {
   color: #818181;
   display: inline-block;
   margin: 0 5px;
}
.products .p_item_r i.fa-map-marker {
   display: inline-block;
   margin-right: 8px;
}
.products .p_class {
   width: 100%;
   padding: 52px 0;
   background: url(/images/proclassbg.jpg) center no-repeat;
}
.products .p_class h2 {
   font-size: 36px;
}
.products .p_class ul {
   padding: 34px 0;
}
.products .p_class li {
   float: left;
   margin: 0 35px 15px 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: 12px;
   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 {
   padding-top: 20px;
}
.products .p_class .hd ul {
   padding: 20px 0 22px;
}
.products .p_box {
   width: 100%;
   padding-bottom: 80px;
   background-color: #f6f6f6;
}
.products .p_list {
   padding: 40px 0 20px;
   overflow: hidden;
}
.products .p_list ul {
   margin-right: -13px;
}
.products .p_list li {
   position: relative;
   float: left;
   width: 315px;
   height: 450px;
   margin: 0 13px 30px 0;
   background-color: #fff;
   overflow: hidden;
}
.products .p_list li ._pic {
   height: 220px;
   overflow: hidden;
}
.products .p_list li ._pic img {
   width: 100%;
   height: 100%;
   object-fit: cover;
}
.products .p_list li ._box {
   padding: 20px 18px;
}
.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 15px;
   overflow: hidden;
   background: url(/images/pico.png) left 0 repeat-y;
   color: #777;
}
.products .p_list li ._buy {
   position: absolute;
   bottom: 17px;
   left: 19px;
   right: 19px;
   overflow: hidden;
}
.products .p_list li a {
   color: #666;
}
.products .p_list li a:hover {
   color: #00a1e9;
}
.products .p_fuwu {
   width: 100%;
   padding: 70px 0 60px;
   background-color: #fff;
}
.products .p_fuwu span {
   display: block;
}
.products .p_fuwu span.t {
   color: #666;
   font-size: 36px;
   line-height: 36px;
}
.products .p_fuwu span.d {
   color: #737373;
   padding-top: 16px;
}
.products .p_fuwu_pic {
   width: 100%;
   height: 430px;
   background: url(/images/propic.jpg) center no-repeat;
}
.products .p_fuwu_box {
   width: 50%;
   padding: 92px 33% 0 0;
   margin: 0 auto;
}
.products .p_fuwu_box span {
   display: block;
}
.products .p_fuwu_box span.t {
   font-size: 33px;
}
.products .p_fuwu_box span.n {
   font-size: 36px;
   font-family: Impact;
   padding: 18px 0 25px;
}
.products .pro_fixed {
   position: fixed;
   width: 100%;
   left: 0;
   top: 0;
   z-index: 10;
   border-bottom: 1px solid #e5e5e5;
}

.pro_item {
   padding: 45px 0 50px;
   background-color: #f7f7f7;
   border-top: 1px solid #e5e5e5;
   overflow: hidden;
}
.pro_item .pi_pic {
   width: 54%;
   height: 500px;
   overflow: hidden;
   background-color: #fff;
}
.pro_item .pi_pic img {
   width: 100%;
   height: 100%;
   object-fit: cover;
}
.pro_item .pi_desc {
   width: 40%;
   color: #666;
}
.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;
   padding-top: 5px;
}
.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 a.buy {
   background-color: #facd00;
   color: #4f4f4f;
   padding: 16px 35px 16px 32px;
}
.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: 13px;
}
.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;
   margin-left: 6px;
}
.pro_item .pi_desc li._btn a:hover.zx {
   background-color: #0192d3;
}
.pro_item .pi_desc li._btn a.tel {
   display: block;
   margin-top: 22px;
   background-color: #00479d;
   color: #fff;
   padding: 15px 0 15px 32px;
}
.pro_item .pi_desc li._btn a.tel i {
   font-weight: normal;
   font-size: 20px;
   height: 21px;
   margin: 0 13px 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: 35px 0;
   background-color: #fff;
}
.pro_info .hd {
   border-bottom: 1px solid #e5e5e5;
}
.pro_info .hd ul {
   width: 1300px;
   margin: 0 auto;
   color: #666;
}
.pro_info .hd ul a {
   color: #666;
}
.pro_info .hd li {
   float: left;
   margin-right: 43px;
   cursor: pointer;
}
.pro_info .hd li span {
   display: block;
   padding-bottom: 18px;
   margin-bottom: -1px;
   border-bottom: 3px solid transparent;
   padding-right: 8px;
   padding-left: 1px;
}
.pro_info .hd li.on span {
   color: #00a1e9;
   border-bottom: 3px solid #00a1e9;
}
.pro_info .bd {
   width: 1300px;
   margin: 0 auto;
}
.pro_info .bd ul {
   padding: 30px 0;
   color: #666;
}
.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._desc {
    padding: 30px 10%;
}
.pro_info .bd ul._pic {
   font-size: 0;
   margin-right: -1.33333%;
}
.pro_info .bd ul._pic img {
   max-width: 32%;
   margin: 15px 1.33333% 15px 0;
   display: inline-block;
   cursor: pointer;
}
.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: 62px 0;
   background-color: #00a1e9;
}
.pro_lx .pl_title {
   font-size: 36px;
   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 {
   overflow: hidden;
   padding: 45px 0 2px;
}
.pro_lx .pl_list li {
   float: left;
   width: 15%;
   padding: 0 5%;
}
.pro_lx .pl_list li span {
   display: block;
}
.pro_lx .pl_list li span.iconfont {
   font-size: 75px;
   height: 80px;
   line-height: 80px;
   overflow: hidden;
   margin-bottom: 18px;
}
.pro_lx .pl_list li a {
   color: #fff;
}
.pro_lx .pl_list li a:hover {
   color: rgba(255,255,255,0.8);
}

.pro_ly {
   width: 810px;
   margin: 0 auto;
   padding: 62px 0;
}
.pro_ly .ly_title {
   color: #666;
}
.pro_ly .ly_title span {
   display: block;
}
.pro_ly .ly_title span.bt {
   font-size: 36px;
   line-height: 100%;
   padding-bottom: 10px;
}
.pro_ly .ly_list {
   padding: 25px 0;
}
.pro_ly .ly_list ul {
   overflow: hidden;
}
.pro_ly .ly_list li {
   float: left;
   width: 47%;
   margin: 0 1.5% 1.3%;
   color: #666;
}
.pro_ly .ly_list li input,
.pro_ly .ly_list li textarea {
   display: block;
   width: 100%;
   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 {
   height: 43px;
   margin-top: 36px;
   overflow: hidden;
}
.pro_ly .ly_list li img {
   cursor: pointer;
   height: 43px;
}
.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 {
   text-align: right;
   margin-top: 28px;
}
.pro_ly .ly_list ul.desc li button {
   width: 220px;
   background-color: #00a1e9;
   border: none;
   color: #fff;
   border-radius: 3px;
   padding: 15px 0;
   font-size: 16px;
   cursor: pointer;
}
.pro_ly .ly_list ul.desc li button:hover {
   background-color: #038dcc;
}

/* service */
.fuwu {
   margin-top: 113px;
}
.fuwu .fw_ban {
   width: 100%;
   height: 432px;
   overflow: hidden;
} 
.fuwu .fw_nav {
   border-bottom: 1px solid #ddd;
   line-height: 70px;
   overflow: hidden;
}
.fuwu .fw_nav_list {
   line-height: 61px;
}
.fuwu .fw_nav_list li {
   float: left;
   margin: 0 25px;
}
.fuwu .fw_nav_list li a {
   padding-top: 5px;
   display: block;
   color: #666;
   border-bottom: 4px solid transparent;
}
.fuwu .fw_nav_list li a.on {
   border-bottom-color: #00a1e9;
}
.fuwu .fw_nav_pos {
   color: #777;
}
.fuwu .fw_nav_pos a {
   color: #777;
   display: inline-block;
   margin: 0 5px;
}
.fuwu .fw_nav_pos a:hover,
.fuwu .fw_nav_pos span,
.fuwu .fw_nav_list li a:hover,
.fuwu .fw_nav_list li a.on {
   color: #00a1e9;
}
.fuwu .fw_nav_pos span {
   display: inline-block;
   padding: 0 5px 0 8px;
}
.fuwu .fw_bt {
   color: #666;
   padding: 65px 4% 40px;
}
.fuwu .fw_bt h3 {
   font-size: 36px;
   line-height: 100%;
}
.fuwu .fw_bt span {
   padding: 25px 8.5% 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 {
   color: #00a1e9;
}

.fuwu .fw_tx {
   color: #7a7a7a;
}
.fuwu .fw_tx li {
   float: left;
   width: 25%;
   margin-right: -1px;
   transition: all 0.3s;
}
.fuwu .fw_tx li ._box {
   border: 1px solid #e4e4e4;
   height: 153px;
   padding: 46px 8% 0;
}
.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 {
   overflow: hidden;
   padding: 18px 5% 12px;
}
.fuwu .fw_ico_list li {
   float: left;
   width: 33.33333%;
}
.fuwu .fw_ico_list li span {
   display: block;
   color: #666;
}
.fuwu .fw_ico_list li span.d {
   padding: 17px 0;
}
.fuwu .fw_ico_list li span i {
   font-size: 48px;
   color: #00479d;
   font-weight: bold;
}

.fuwu .fw_list {
   overflow: hidden;
   padding-top: 20px;
}
.fuwu .fw_list li {
   position: relative;
   overflow: hidden;
   background-color: #00a1e9;
   height: 411px;
}
.fuwu .fw_list li ._desc {
   width: 45%;
   padding: 112px 12% 0 0;
}
.fuwu .fw_list li ._desc h3 {
   font-size: 30px;
   margin-bottom: 30px;
}
.fuwu .fw_list li ._pic {
   position: absolute;
   right: 0;
   top: 0;
   width: 43%;
   height: 411px;
   overflow: hidden;
}
.fuwu .fw_list li ._pic img {
   width: 100%;
   height: 100%;
   object-fit: cover;
}
.fuwu .fw_list li.f {
   background-color: #fff;
   color: #555;
}
.fuwu .fw_list li.f ._desc {
   width: 52%;
   padding: 112px 0 0 5%;
}
.fuwu .fw_list li.f ._pic {
   left: 0;
}

.netlist {
   width: 100%;
   padding: 60px 0 70px;
}
.netlist .netbox {
   overflow: hidden;
}
.netlist .netleft {
   width: 21%;
   height: 465px;
   overflow-y: auto;
   padding: 1%;
   border: 1px solid #ddd;
   background-color: #f6f6f6;
}
.netlist .netleft li {
   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: 75.8%;
   height: 493px;
   overflow: hidden;
}
.netlist .netmap #allmap {
   width: 100%;
   height: 100%;
   border: none;
   overflow: hidden;
   font-size: 13px;
   line-height: 23px;
}
.netlist .netmap #allmap b {
   font-size: 15px;
}



/* story */
.story_ban {
   background-color: #00a1e9;
   position: relative;
   height: 446px;
   overflow: hidden;
}
.story_ban .bd {
   position: relative;
   height: 446px;
}
.story_ban .bd li {
   zoom: 1;
   overflow: hidden;
}
.story_ban .bd li ._pic {
   width: 66%;
   height: 446px;
   overflow: hidden;
}
.story_ban .bd li ._pic img {
   width: 100%;
   height: 100%;
   object-fit: cover;
}
.story_ban .bd li ._desc {
   width: 27%;
   padding: 7% 3.5% 0;
}
.story_ban .bd li ._desc h3 {
   font-size: 24px;
   margin-bottom: 20px;
}
.story_ban .hd {
   width: 34%;
   position: absolute;
   right: 0;
   bottom: 50px;
   z-index: 999;
   text-align: center;
}
.story_ban .hd li {
   display: inline-block;
   font-size: 0;
   width: 17px;
   height: 17px;
   border-radius: 50px;
   background-color: rgba(255,255,255,0.5);
   margin: 0 6px;
   cursor: pointer;
}
.story_ban .hd li.on {
   background-color: #fff;
}

.story_list {
   margin-top: 60px;
   padding-bottom: 90px;
}
.story_list ul {
   margin-right: -1.11111%;
   overflow: hidden;
   padding-bottom: 10px;
}
.story_list li {
   position: relative;
   float: left;
   width: 32.22222%;
   height: 280px;
   margin: 0 1.11111% 2.3% 0;
   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: 36px;
   padding-top: 16px;
}

/* parts */
.parts_desc {
   padding: 65px 0 52px;
   color: #555;
}
.parts_desc h2 {
   color: #00a1e9;
   font-size: 32px;
   line-height: 100%;
}
.parts_desc span {
   display: block;
   padding-top: 26px;
}

.parts_list {
   overflow: hidden;
   padding-bottom: 60px;
}
.parts_list h2 {
   font-size: 36px;
   color: #555;
}
.parts_list ul {
   margin-right: -2%;
   overflow: hidden;
   padding: 28px 0 10px;
}
.parts_list li {
   float: left;
   width: 31.33333%;
   margin: 0 2% 2% 0;
   background-color: #f6f6f6;
}
.parts_list li ._pic {
   height: 310px;
   overflow: hidden;
}
.parts_list li ._pic img {
   width: 100%;
   height: 100%;
   object-fit: cover;
}
.parts_list li ._desc {
   padding: 22px 15px 26px;
}
.parts_list li a {
   color: #00a1e9;
}
.parts_list li a:hover {
   color: #0088c5;
}

.parts_tel {
   color: #555;
}
.parts_ly {
   margin: -30px auto 0;
   padding: 0 0 80px;
}

/* news */
.newslist {
   width: 100%;
   overflow: hidden;
   padding: 35px 0 80px;
   background-color: #f6f6f6;
}
.newslist .nl_list {
   width: 70%;
}
.newslist .nl_list li {
   background-color: #fff;
   padding: 13px 15px;
   overflow: hidden;
   margin-bottom: 19px;
}
.newslist .nl_list li ._desc {
   width: 73%;
   padding: 8px 0 0 5px;
}
.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;
   white-space: nowrap;
   text-overflow: ellipsis;
   overflow: hidden;
}
.newslist .nl_list li ._desc span.desc {
   color: #777;
   transition: all 0.5s;
}
.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: 20%;
   height: 118px;
   overflow: hidden;
}
.newslist .nl_list li ._pic img {
   width: 100%;
   height: 100%;
   object-fit: cover;
}

.newslist .nl_right {
   width: 22%;
   padding: 35px 2% 38px;
   background-color: #fff;
   overflow: hidden;
}
.newslist .nl_right h2 {
   font-size: 28px;
   color: #666;
   margin-bottom: 16px;
}
.newslist .nl_right form {
   width: 283px;
   overflow: hidden;
}
.newslist .nl_right select{
   -webkit-appearance: none;
   -moz-appearance: none;
   -ms-appearance: none;
   appearance: none;
   cursor: pointer;
}
.newslist .nl_right select::-ms-expand { 
   display: none; 
}
.newslist .nl_right select.date{
   width: 100%;
   width: 300px\9;
   height: 50px;
   display: block;
   border: none;
   outline: none;
   background: transparent url(/images/selectbg.jpg) left center no-repeat;
   text-indent: 10px;
   color: #666;
   font-size: 15px;
   margin-bottom: 14px;
   overflow: hidden;
}
.newslist .nl_right input {
   display: block;
   width: 100%;
   line-height: 46px;
   font-size: 15px;
   text-indent: 10px;
   background-color: #d4dadf;
   border: none;
   color: #666;
   margin-bottom: 14px;
}
.newslist .nl_right input::-webkit-input-placeholder {
   color: #aaa;
   font-size: 15px;
}
.newslist .nl_right button {
   border: 0;
   display: block;
   width: 100%;
   background-color: #facd00;
   color: #606060;
   font-size: 18px;
   text-align: center;
   cursor: pointer;
   line-height: 46px;
   transition: all 0.5s;
}
.newslist .nl_right button:hover {
   background-color: #fabc00;
}
.newslist .nl_right button i {
   display: inline-block;
   vertical-align: -3px;
   font-size: 24px;
   margin-right: 7px;
}

.newslist .brand {
   overflow: hidden;
   padding-bottom: 30px;
}
.newslist .brand ul {
   margin-right: -2%;
}
.newslist .brand li {
   float: left;
   width: 31.33333%;
   margin: 0 2% 2% 0;
   background-color: #fff;
   transition: all 0.5s;
}
.newslist .brand li ._pic {
   height: 250px;
   overflow: hidden;
}
.newslist .brand li ._pic img {
   width: 100%;
   height: 100%;
   object-fit: cover;
}
.newslist .brand li ._desc {
   padding: 30px 26px 40px;
}
.newslist .brand li ._desc span {
   display: block;
}
.newslist .brand li ._desc span.t {
   height: 63px;
   overflow: hidden;
   margin: 6px 0 12px;
   line-height: 32px;
}
.newslist .brand li a {
   color: #666;
}
.newslist .brand li a:hover {
   color: #4f4f4f;
}
.newslist .brand li:hover {
   background-color: #facd00;
}

.newslist .video {
   overflow: hidden;
   padding-bottom: 30px;
}
.newslist .video ul {
   margin-right: -2%;
}
.newslist .video li {
   float: left;
   width: 31.33333%;
   margin: 0 2% 2% 0;
   background-color: #fff;
   transition: all 0.5s;
}
.newslist .video li ._pic {
   height: 250px;
   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: 90px;
   line-height: 250px;
}
.newslist .video li:hover ._pic span {
   height: 100%;
   color: rgba(255,255,255,0.9);
}
.newslist .video li ._desc {
   padding: 25px 0 30px;
}
.newslist .video li a {
   color: #666;
}
.newslist .video li a:hover {
   color: #444;
}
.newslist .video li:hover {
   background-color: #e7e8ea;
}

/* abouts */
.abouts {
   width: 100%;
   overflow: hidden;
   padding: 63px 0 0;
   background-color: #f6f6f6;
}
.abouts .a_tab {
   overflow: hidden;
   position: relative;
}
.abouts .a_tab .bd ul {
   zoom: 1;
   overflow: hidden;
}
.abouts .a_tab .bd ul ._desc {
   width: 53%;
   color: #666;
   overflow: hidden;
}
.abouts .a_tab .bd ul ._desc h2 {
   font-size: 36px;
   line-height: 100%;
   margin-bottom: 22px;
}
.abouts .a_tab .bd ul ._pic {
   position: relative;
   width: 39%;
   height: 345px;
   overflow: hidden;
}
.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: 41px;
   height: 100px;
   background: url(/images/abbg1.jpg) center no-repeat;
   overflow: hidden;
}
.abouts .a_tab .hd li {
   float: left;
   width: 324px;
   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: 60px 0;
   background-color: #fff;
}
.abouts .a_num ul {
   overflow: hidden;
}
.abouts .a_num li {
   float: left;
   width: 33.33333%;
}
.abouts .a_num li span {
   display: inline-block;
   vertical-align: middle;
}
.abouts .a_num li span._desc {
   color: #666;
   margin-left: 20px;
}
.abouts .a_num li span i {
   font-size: 60px;
   color: #063492;
   font-weight: bold;
   font-family: Impact;
}

.abouts .a_fengcai {
   width: 100%;
   padding-top: 15px;
   background-color: #fff;
}
.abouts .a_fengcai h2 {
   font-size: 36px;
   line-height: 100%;
   color: #666;
}
.abouts .a_fengcai_box {
   overflow: hidden;
   padding: 60px 0 80px;
}
.abouts .a_fengcai_box li {
   width: 49.4%;
   cursor: pointer;
   overflow: hidden;
}
.abouts .a_fengcai_box li span {
   display: block;
}
.abouts .a_fengcai_box li span.pic {
   position: relative;
   height: 320px;
   overflow: hidden;
}
.abouts .a_fengcai_box li span.pic img,
.abouts .a_fengcai_box li.fr 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: 315px;
   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: 121px;
   background-color: #00a1e9;
}

.abouts .a_fengcai_box li.fr dl {
   width: 48.9%;
   height: 238px;
   float: left;
   overflow: hidden;
   position: relative;
}
.abouts .a_fengcai_box li.fr dl:nth-child(2) {
   float: right;
}
.abouts .a_fengcai_box li.fr dt {
   height: 100%;
}
.abouts .a_fengcai_box li.fr 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.fr dl:hover dd {
   opacity: 1;
}
.abouts .a_fengcai_box li.fr dd i {
   color: #fcc800;
   font-size: 80px;
   display: inline-block;
   vertical-align: -132px;
}
.abouts .a_fengcai_box li.fr dd span {
   padding-top: 28px;
}
.abouts .a_fengcai_box li ._more {
   width: 100%;
   height: 188px;
   line-height: 188px;
   margin-top: 15px;
   background-color: #facd00;
   color: #4f4f4f;
   font-size: 36px;
   overflow: hidden;
}
.abouts .a_fengcai_box li ._more i {
   font-size: 40px;
   display: inline-block;
   vertical-align: -3px;
   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%;
}

.wenhua {
   width: 100%;
   background-color: #fff;
}
.wenhua .wh_item1 {
   width: 100%;
   background: url(/images/whbg.jpg) center no-repeat;
}
.wenhua .wh_item1_list {
   padding: 75px 0 80px;
   overflow: hidden;
}
.wenhua .wh_item1_list li {
   float: left;
   width: 25%;
   cursor: pointer;
   position: relative;
}
.wenhua .wh_item1_list li ._box {
   padding: 80px 46px 95px;
   border-right: 1px solid #fff;
   border-right: 1px solid rgba(255,255,255,0.5);
   transition: all 0.5s;
}
.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_item1_list li:hover ._box span.iconfont {
   opacity: 1;
}
.wenhua .wh_item2 {
   padding: 60px 0;
}
.wenhua .wh_item2_list {
   color: #666;
}
.wenhua .wh_item2_list li {
   float: left;
   width: 33.33333%;
   margin: 0 -1px -1px 0;
   transition: all 0.5s ease;
   cursor: pointer;
}
.wenhua .wh_item2_list li ._box {
   position: relative;
   border: 1px solid #e4e4e4;
   padding: 40px 37px 0;
   height: 159px;
}
.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: 75px 80px;
   overflow: hidden;
}
.wh-ly .ly-left {
   width: 58%;
}
.wh-ly .ly-title {
   color: #666;
}
.wh-ly .ly-title h2 {
   font-size: 30px;
}
.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: 36px;
   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: 38px;
   top: 30px;
   width: 43px;
   height: 43px;
}
.wh-ly .layui-layer-setwin {
   width: 97px;
   height: 100px;
   background-color: #fff;
   right: 0;
   top: 0;
}

.contact {
   padding: 0 0 70px;
}
.contact .c_item1 {
   overflow: hidden;
   margin-top: -11px;
}
.contact .c_item1 ul {
   padding: 0 2%;
}
.contact .c_item1 li {
   position: relative;
   float: left;
   width: 32.1%;
   height: 250px;
   margin: 0 0.6%;
   overflow: hidden;
}
.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: 90%;
   padding: 0 5%;
   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_item2 {
   overflow: hidden;
   margin-top: 45px;
}
.contact .c_item2 ul {
   padding: 0 2%;
}
.contact .c_item2 li {
   float: left;
   width: 32.1%;
   margin: 0 0.6%;
}
.contact .c_item2 li ._box {
   height: 340px;
   padding: 50px 35px;
   border: 1px solid #e6e6e6;
   overflow: hidden;
}
.contact .c_item2 li ._box h3 {
   color: #555;
   font-size: 22px;
}
.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: 35px;
}
.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 {
   float: left;
   width: 65.4%;
   margin: 0 0.6%;
}
.contact .c_item2 li.map ._box {
   height: 410px;
   padding: 15px;
   border: 1px solid #e6e6e6;
   overflow: hidden;
}
.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 2% 0;
   line-height: 56px;
}
.joblist .job_t span {
   float: left;
   display: block;
   width: 25%;
}
.joblist .job_t span.s3 {
   width: 14%;
}
.joblist .job_t span.s4,
.joblist .job_t span.s5,
.joblist .job_t span.s6 {
   width: 12%;
}

.joblist .job_box {
   overflow: hidden;
}
.joblist .job_box .job_t {
   background: #fff;
   border-bottom: 1px solid #dedede;
   overflow: hidden;
   padding: 0 2%;
   color: #555;
   cursor: pointer;
}
.joblist .job_box ul {
   overflow: hidden;
   background-color: #f6f6f6;
   color: #585858;
   padding: 40px 100px 50px;
}
.joblist .job_box ul img {
   max-width: 100%;
}
.joblist .job_box ul ._btn {
   width: 160px;
}
.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: 80%;
   border: 1px solid #ddd;
   margin: 5px 0;
   padding: 1.5% 2.5%;
   font-size: 15px;
   display: inline-block;
   vertical-align: middle;
}
.apply li select {
   width: 85%;
   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: inline-block;
   width: 88px;
   color: #777;
   vertical-align: middle;
}




/* 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: 80%;
}
.content_info {
   color: #555;
   padding: 10px 20% 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 0;
   letter-spacing: -4px;
}
.n_pages a {
   display: inline-block;
   background-color: #fff;
   color: #8f8f8f;
   padding: 9px 14px;
   margin: 0 3px;
   border: 1px solid #e3e5e8;
   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 {
   background-color: #f6f6f6;
   margin-bottom: 100px;
   border-radius: 2px;
   line-height: 90px;
   height: 90px;
   overflow: hidden;
}
.n_next li {
   position: relative;
   float: left;
   width: 552px;
   padding: 0 23px;
}
.n_next li.all {
   width: 101px;
   padding: 0;
   border-left: 1px solid #dadada;
   border-right: 1px solid #dadada;
}
.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: 23px;
   color: #ccc;
   font-size: 35px;
   font-weight: normal;
   transition: all 0.5s;
}
.n_next li.n i {
   right: 23px !important;
}
.n_next li span {
   color: #797979;
   font-size: 16px;
   font-weight: normal;
   padding: 0 18px 0 48px;
}
.n_next li.n span {
   padding: 0 48px 0 18px;
}
.n_next li a:hover i {
   left: 17px;
}
.n_next li.n a:hover i {
   right: 17px !important;
}
.n_next li.all a {
   font-size: 20px;
   color: #c3c3c3;
}

/* footer */
.footer {
   width: 100%;
   background: #e7e8ea;
   position: relative;
   z-index: 9999;
   color: #666;
}
.footer a {
   color: #666;
   display: block;
}
.footer a:hover {
   color: #00a1e9;
}
.footer .foot {
   padding: 60px 0 22px;
}
.footer .foot_list {
   overflow: hidden;
}
.footer .foot_list dl {
   float: left;
   margin-right: 5%;
}
.footer .foot_list dt {
   font-size: 17px;
   margin-bottom: 18px;
}
.footer .foot_list dt a:hover {
   font-weight: bold;
}
.footer .foot_list dl.wx {
   width: 20%;
   float: right;
   margin: 0;
}
.footer .foot_list dl.wx ul {
   margin-right: -6%;
   overflow: hidden;
}
.footer .foot_list dl.wx li {
   float: left;
   width: 44%;
   margin-right: 6%;
}
.footer .foot_list dl.wx li span {
   display: block;
   padding-top: 3px;
}
.footer .foot_list dl.wx li img {
   max-width: 100%;
}
.footer .foot_list dl.wx .lx_list {
   text-align: left;
   padding-top: 12px;
}
.footer .foot_list dl.wx .lx_list span {
   display: block;
}
.footer .foot_list dl.wx .lx_list span i {
   color: #00a1e9;
   font-size: 20px;
}
.footer .foot_copy {
   padding-top: 50px;
}
.footer .foot_copy a {
   display: inline-block;
}

.lay_wx {
   width: 268px;
   height: 295px;
   background-color: #fff;
   color: #00479d;
}
.lay_wx img {
   width: 100%;
}

input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
   color: #fff;
   font-size: 20px;
}
p#back-to-top{
   position: fixed;
   display: none;
   bottom: 30px;
   right: 30px;
   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;
}