@charset "utf-8";

/* CSS Document */


/*header*/

.top_bg {
    width: 100%;
    height: 40px;
    line-height: 40px;
    background: #f2f2f2;
}

.top {
    justify-content: space-between;
    display: flex;
    font-size: 14px;
    color: #666;
    position:relative;
}

.header_bg {
    width: 100%;
    height: 90px;
    border-bottom: 3px solid #18b0ff;
    background: #fff;
    position:relative;
}
.header_bg .pr {height:90px;}

.logo {
    /*width: 331px;
    height: 90px;
    float: left;
    background: url(../images/logo.png) no-repeat center;*/
    position:absolute; top:50%; transform:translateY(-50%); left:0;
}


/*nav*/

.nav {
    float: right;
}

.nav ul>li {
    float: left;
    font-size: 16px;
    color: #666;
    line-height: 24px;
    position: relative;
}

.nav ul>li a {
    display: block;
    padding: 33px 24px;
}

.nav ul>li.navon {
    border-bottom: 3px solid #ff9600;
}

.nav ul>li:hover {
    border-bottom: 3px solid #ff9600;
}

.nav ul>li.navon>a {
    color: #0081ff;
}

.subnav {
    width: 210px;
    position: absolute;
    z-index: 3;
    text-align: left;
    font-weight: normal;
    top: 93px;
    display: none;
}

.subnav li {
    border-bottom: 1px solid #3B3B3B;
}

.subnav li:hover {
    border-bottom: 1px solid #3B3B3B !important;
}

.subnav li a {
    padding: 14px 30px !important;
    width: 150px;
    height: 20px !important;
    line-height: 20px !important;
    background: rgba(41, 41, 41, .8);
    display: block;
    font-size: 13px;
    transition: all 0.2s ease-out 0s;
    color: #888;
    box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.1);
    color: #fff;
    font-family: "微软雅黑";
}

.subnav li:hover a {
    text-indent: 10px;
}


/*search*/

.search {}

.search_t {
    background: url(../images/search_t.jpg) no-repeat;
    line-height: 34px;
    height: 34px;
    font-family: "微软雅黑";
    font-weight: bold;
    font-size: 15px;
    color: #fff;
    text-indent: 40px;
}

.search_c {
    background: url(../images/search_c.jpg) no-repeat;
    height: 53px;
    padding-top: 10px;
    padding-left: 10px;
}

.search_box {
    border: 1px solid #ccc;
    height: 26px;
    line-height: 26px;
    background: #fff;
    width: 176px;
}

.search_box button {
    width: 30px;
    height: 26px;
    border: 0;
    cursor: pointer;
    background-color: transparent;
    float: right;
}

.search_text {
    border: none;
    float: left;
    line-height: 26px;
    height: 26px;
    padding-left: 10px;
    width: 130px;
    color: #666;
    outline: none;
    font-size: 14px;
}

.search_btn {
    float: right;
    padding: 6px;
}


/*banner*/

.swiper-container {
    width: 100%;
}

.swiper-container .swiper-slide img {
    width: 100%;
}


/*index*/

.item_title {
    margin-top: 40px;
    color: #aaa;
    font-size: 24px;
    margin-bottom: 20px;
}
.item_title2 {margin-left:12px; margin-right:12px;}

.item_title h1 {
    color: #18b0ff;
    display: inline-block;
    font-size: 24px;
    margin-right: 10px;
}

.i_pro_bg {
    background: url(../images/i_pro_bg.jpg) no-repeat center bottom;
    width: 100%;
    overflow: hidden;
    padding-bottom: 20px;
    text-align: center;
}

.i_pro_box {
    border: 1px solid #ccc;
    box-sizing: border-box;
    margin: 5px;
    width: calc(33.3% - 10px);
    float: left;
    padding: 2%;
    background: #fff;
}

.i_pro_box img {
    width: 100%;
    display: block;
}

.i_pro_box h2 {
    text-align: center;
    font-size: 16px;
    line-height: 24px;
}

.i_pro_box:hover {
    border: 1px solid #18b0ff;
}

.i_more {
    text-align: center;
    padding: 12px 40px;
    background: #fff;
    border: 1px solid #a0a0a0;
    color: #18b0ff !important;
}

.i_company_bg {
    display: flex;
    justify-content: space-between;
    overflow: hidden;
}

.i_company_pic {
    width: 50%;
}

.i_company_pic img {
    width: 100%;
    display: block;
}

.i_company_info {
    width: 50%;
    background: #f5f5f5;
}

.i_company_title {
    color: #aaa;
    text-transform: uppercase;
    margin-top: 50px;
    margin-bottom: 30px;
    margin-left: 5%;
}

.i_company_title h1 {
    color: #18b0ff;
    font-size: 30px;
    margin-bottom: 5px;
}

.i_company_content {
    font-size: 14px;
    color: #333;
    line-height: 24px;
    width: 90%;
    margin: 0 5%;
    margin-bottom: 30px;
}

.i_company_more {
    width: 90%;
    text-align: right;
    margin-left: 5%;
}

.item_p {
    font-size: 16px;
    line-height: 24px;
    color: #333;
    margin-bottom: 30px;
}

.i_project_ul li {
    float: left;
    position: relative;
    height: 322px;
    width: 225px;
    margin: 0 7px;
}

.i_project_ul li .project_box {
    position: absolute;
    bottom: 0;
    width: calc(100% - 30px);
    padding: 15px 15px;
    background: rgba(0, 0, 0, .7);
    color: #fff;
}

.i_project_ul li .project_box h1 {
    font-size: 16px;
    margin-bottom: 10px;
}

.i_project_ul li .project_box p {
    font-size: 14px;
    line-height: 22px;
    margin-bottom: 5px;
}

.i_project_ul li .project_box a {
    float: right;
    font-size: 12px;
    color: #18b0ff;
}

.i_project_ul li .project_box img {
    display: block;
}

.i_service_bg {
    width: 100%;
    background: #f5f5f5;
    padding: 30px 0;
}

.i_service_box {
    background: #fff;
    width: calc(25% - 20px);
    height: 100px;
    float: left;
    margin: 0 10px;
}

.i_service_box .i_service_icon {
    width: 100px;
    height: 100px;
    float: left;
}

.i_service_box:nth-child(1) .i_service_icon {
    background: url(../images/i_service_icon1.png) no-repeat center;
}

.i_service_box:nth-child(2) .i_service_icon {
    background: url(../images/i_service_icon2.png) no-repeat center;
}

.i_service_box:nth-child(3) .i_service_icon {
    background: url(../images/i_service_icon3.png) no-repeat center;
}

.i_service_box:nth-child(4) .i_service_icon {
    background: url(../images/i_service_icon4.png) no-repeat center;
}

.i_service_box .i_service_info {
    width: calc(100% - 100px);
    float: left;
}

.i_service_box .i_service_info h2 {
    color: #333;
    font-size: 16px;
    margin-top: 20px;
    margin-bottom: 5px;
}

.i_service_box .i_service_info p {
    font-size: 12px;
    color: #888;
    line-height: 20px;
    padding-right: 15px;
}


/*bottom*/

.bottom_bg {
    width: 100%;
    background: #333;
    padding: 40px 0 20px;
}

.bottom_bg .bot_logo {
    background: url(../images/blogo.gif) no-repeat;
    width: 260px;
    color: #fff;
    padding-top: 60px;
    font-size: 14px;
    line-height: 22px;
    float: left;
    margin-right: 100px;
}

.bottom_bg .bot_nav {
    float: left;
    margin-right: 70px;
}

.bottom_bg .bot_nav h1 {
    color: #fff;
    margin-bottom: 15px;
}

.bottom_bg .bot_nav .bot_nav_ul li {
    font-size: 14px;
    line-height: 24px;
}

.bottom_bg .bot_nav .bot_nav_ul li a {
    color: #fff;
}

.bottom_bg .bot_contact {
    float: left;
}

.bottom_bg .bot_contact h1 {
    color: #fff;
    margin-bottom: 15px;
}

.bottom_bg .bot_contact .bot_contact_ul li {
    color: #fff;
    font-size: 14px;
    line-height: 24px;
}

.bot_wechat {
    float: right;
    padding: 10px;
    background: #fff;
    text-align: center;
}

.bot_wechat h4 {
    font-size: 12px;
}

.copyright_bg {
    padding: 15px;
    line-height: 20px;
    color: #fff;
    font-size: 14px;
    text-align: center;
    background: #000;
}

.copyright_bg a {
    color: #fff;
}

/*location*/

.location_bg {
    width: 100%;
    height: 40px;
    line-height: 40px;
    background: #f5f5f5;
    font-size: 12px;
    color: #666;
    margin-top: 0;
}

.location_bg a {
    margin: 0 3px;
}

.location_home {
    width: 20px;
    height: 20px;
    float: left;
    fill: #ff9600;
    margin-top: 8px;
}


/*list*/

.list_l {
    float: left;
    width: 201px;
}

.list_menu_box {
    border: 2px solid #18b0ff;
    margin-bottom: 20px;
}

.list_menu_title {
    background: url(../images/list_l_bg.jpg) repeat-x;
    height: 75px;
    text-align: center;
    font-family: "微软雅黑";
    color: #ff9600;
    font-size: 24px;
    font-weight: bold;
    padding-top: 10px;
}

.list_menu_title span {
    color: #999;
    text-transform: uppercase;
    font-weight: normal;
    font-size: 13px;
    font-family: Arial, Helvetica, sans-serif;
}

.list_li {
    height: 28px;
    line-height: 28px;
    text-indent: 10px;
    background: #e0f4ff;
    font-size: 14px;
    margin: 0 10px;
    margin-bottom: 7px;
}

.list_li a,
.list_li a:link,
.list_li a:visited {
    color: #333;
    display: block;
}

.list_li.on, .list_li:hover {
    background: #18b0ff;
}

.list_li.on a, .list_li:hover a {
    color: #fff;
}

.list_li_li {
    margin: 0 10px;
    height: 30px;
    line-height: 30px;
    border-bottom: 1px solid #e4e4e4;
    font-size: 12px;
    text-indent: 6px;
}

.list_contact {
    border: 1px solid #d0d0d0;
    padding-bottom: 10px;
}

.contact_name {
    height: 34px;
    line-height: 34px;
    background: #18b0ff;
    font-family: "微软雅黑";
    font-size: 15px;
    color: #fff;
    font-weight: bold;
    text-indent: 10px;
}

.contact_info {
    padding: 0 10px;
    font-family: "微软雅黑";
    line-height: 22px;
}

.contact_info span {
    color: #a40511;
    font-size: 14px;
}

.contact_info span b {
    font-size: 24px;
    font-family: Arial, Helvetica, sans-serif;
}

.list_r {
    width: calc(100% - 220px);
    float: right;
}

.list_r_name {
    background: url(../images/list_r_bg.jpg) repeat-x;
    height: 35px;
    line-height: 35px;
    color: #18b0ff;
    font-family: "微软雅黑";
    font-weight: bold;
    font-size: 14px;
    text-indent: 10px;
    margin-bottom: 20px;
    border-left: 1px solid #f5f5f5;
    border-right: 1px solid #f5f5f5;
}


/*cate*/

.cate {
    background: #fff;
    padding: 20px 0;
    position: relative;
    text-align: center;
    border-bottom: 1px solid #eee;
}

.cate_nopad {
    padding: 0;
}

.cate ul li {
    display: inline-block;
    vertical-align: middle;
    padding-right: 1px;
}

.cate ul li.cate_proli {
    height: 52px;
    line-height: 52px;
}

.cate ul li a {
    font-size: 14px;
    padding: 0 30px;
    color: #2b2b2b;
    display: inline-block;
    vertical-align: top;
}

.cate ul li p {
    font-size: 30px;
    width: 58px;
    height: 58px;
    border-radius: 50%;
    border: 1px solid #ccc;
    margin: 0 auto 5px;
}

.cate ul li p img {
    height: 30px;
}

.cate ul li p i {
    top: 12px;
    position: relative;
    color: #2b2b2b;
}

.cate ul li.cate_proli.on a,
.cate ul li.cate_proli a:hover {
    background: #18b0ff;
    color: #fff;
}

.cate ul li.on p,
.cate ul li:hover p {
    background: #18b0ff;
    border-color: #04a2f7;
}

.cate ul li.on i,
.cate ul li:hover i {
    color: #fff;
}

.cate ul li.on a,
.cate ul li:hover a {
    color: #18b0ff;
}

.cate_r {
    position: absolute;
    top: 0;
    right: 0;
    width: 30px;
    height: 50px;
    font-size: 24px;
    color: #fff;
}

.cate_r p {
    padding-top: 9px;
}

.cate_nopad:after {
    width: 20px;
    height: 100%;
    position: absolute;
    top: 0;
    right: 30px;
    display: block;
    content: "";
    z-index: 100;
    background: -webkit-linear-gradient(left, rgba(246, 246, 246, 0), rgba(246, 246, 246, 1));
}

.cate_r:before,
.cate_r:after {
    content: "";
    display: block;
    position: absolute;
    width: 15px;
    height: 3px;
    background: #999;
    border-radius: 3px;
    right: 6px;
}

.cate_ul li span.poi {
    display: none;
    width: 1px;
    height: 40px;
    vertical-align: top;
}

.cate_r:before {
    top: 18px;
    transform: rotate(45deg);
}

.cate_r:after {
    top: 27px;
    transform: rotate(-45deg);
}


/*news*/

/*.news_part {
    background: #fff;
    margin-bottom: 20px;
}

.news_part a {
    width: 100%;
    display: block;
}

.news_pad {
    padding: 30px 46px;
    position: relative;
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
}

.news_height {
    height: 190px;
}

.news_pa {
    position: relative;
}

.news_pcon .pic {
    position: absolute;
    top: 0;
    left: 0;
    overflow: hidden;
}

.news_pcon .padleft {
    padding-left: 330px;
}

.news_pcon .word .h1 {
    font-size: 22px;
    height: 36px;
    line-height: 36px;
    overflow: hidden;
    margin-bottom: 12px;
    color: #000;
}

.news_pcon .word .h1 span {
    font-size: 18px;
    padding-right: 10px;
}

.news_pcon .word .h2 {
    font-size: 14px;
    line-height: 26px;
    height: 78px;
    overflow: hidden;
    color: #666;
}

.news_pcon .word .h3 {
    padding-top: 30px;
}

.news_pcon .word .h3 p {
    font-size: 14px;
    height: 34px;
    line-height: 34px;
    overflow: hidden;
    color: #000;
    display: inline-block;
    border: 1px solid #18b0ff;
    color: #18b0ff;
    background: #fff;
    border-radius: 21px;
    padding: 0 20px;
}

.news_pcon .word .h3 p i {
    color: #18b0ff;
    padding-left: 3px;
}

.news_part:hover {
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1);
}

.news_part:hover .news_pcon .pic img {
    transform: scale(1.2);
}

.news_part:hover .news_pcon .word .h1 {
    color: #18b0ff;
}

.news_part:hover .news_pcon .word .h3 p {
    background: #18b0ff;
    color: #fff;
}

.news_part:hover .news_pcon .word .h3 p i {
    color: #fff;
}*/

.note_shadow {
    width: 11px;
    height: 100%;
    position: absolute;
    top: 0;
}

.note_shadow1 {
    left: 0;
    border-right: 1px solid rgba(0, 0, 0, 0.1);
}

.note_shadow2 {
    right: 0;
    border-left: 1px solid rgba(0, 0, 0, 0.1);
}

.note_shadow:before {
    left: 3px;
}

.note_shadow:after {
    left: 7px;
}

.note_shadow:before,
.note_shadow:after {
    width: 1px;
    height: 100%;
    display: block;
    content: "";
    background-color: rgba(0, 0, 0, 0.1);
    position: absolute;
    top: 0;
}


.news_part {background-color:#fff; margin-bottom:20px; position:relative; border-top:1px solid #f1f1f1; border-bottom:1px solid #f1f1f1;}
.news_part.lightbg {background-color:#fff;}
.news_part a {width:100%; display:block;}
.news_pad {padding:30px 36px;}
.news_height {height:190px;}
.news_pa {position:relative;}
.news_pcon {position:relative;}
.news_pcon .pic {position:absolute; top:0; left:0; overflow:hidden;}
.news_pcon .news_thumb .word {padding-left:330px;}
.news_pcon .word .h1 {font-size:22px; height:36px; line-height:36px; overflow:hidden; margin-bottom:12px; color:#000;}
.news_pcon .word .h1 span {font-size:18px; padding-right:10px;}
.news_pcon .word .h2 {font-size:14px; line-height:26px; height:78px; overflow:hidden; color:#666;}
.news_pcon .word .h3 {padding-top:30px;}
.news_pcon .word .h3 p {font-size:14px; height:34px; line-height:34px; overflow:hidden; color:#000; display:inline-block; border:1px solid #2c8bc3; color:#2c8bc3; background-color:transparent; border-radius:21px; padding:0 20px 0 26px; box-sizing:border-box;}
.news_pcon .word .h3 p i {color:#2c8bc3; padding-left:3px;}
.news_part:hover {box-shadow:0 10px 25px rgba(0,0,0,0.1);}
.news_part:hover .news_pcon .pic img {transform:scale(1.2);}
.news_part:hover .news_pcon .word .h1 {color:#2c8bc3;}
.news_part:hover .news_pcon .word .h3 p {background-color:#2c8bc3; color:#fff;}
.news_part:hover .news_pcon .word .h3 p i {color:#fff;}
@media (max-width: 1000px) {
    .note_shadow {display:none;}
    .news_part {margin-bottom:10px;}
    .news_pad {padding:14px;}
    .news_height {height:90px;}
    .news_pcon .news_thumb .word {padding-left:148px;}
    .news_pcon .word .h1 {font-size:15px; line-height:22px; height:44px; overflow:hidden;}
    .news_pcon .word .h2 {display:none;}
    .news_pcon .word .h3 {padding-top:3px;}
    .news_pcon .word .h3 p {font-size:13px; height:28px; line-height:28px; padding:0 12px 0 18px;}
    .news_part:hover {box-shadow:0 0 0 rgba(0,0,0,0);}
    .news_part:hover .news_pcon .pic img {transform:scale(1);}
    .news_part:hover .news_pcon .word .h1 {color:#000;}
    .news_part:hover .news_pcon .word .h3 p {background-color:transparent; color:#2c8bc3;}
    .news_part:hover .news_pcon .word .h3 p i {color:#2c8bc3;}
}

/*products*/

.list_r_box {
    /*overflow: hidden;*/
}

.pro_list {
    border: 1px solid #e2e2e2;
    width: calc(25% - 32px);
    float: left;
    padding: 5px;
    margin: 0 10px;
    margin-bottom: 20px;
}

.pro_list:hover {
    border: 1px solid #18b0ff;
}

.pro_list img {
    display: block;
    width: 80%;
    margin: 10%;
}

.pro_name {
    overflow: hidden;
    text-align: center;
    background: #f5f5f5;
    font-size: 14px;
    height: 30px;
}

.pro_name a,
.pro_name a:link,
.pro_name a:visited {
    color: #000000;
    display: block;
    padding: 4px 0;
    line-height: 22px;
}

.pro_msg_title {
    text-align: center;
    font-size: 22px;
    color: #333;
    margin-bottom: 15px;
}

.pro_msg_info {
    font-size: 14px;
    line-height: 22px;
    color: #333;
    margin-bottom: 15px;
}

.pro_picbox {
    width: 400px;
    margin: 0 auto;
}

.pro_item_bg {
    margin-top: 25px;
    height: 40px;
    line-height: 40px;
    background: #f5f5f5;
    border-bottom: 1px solid #18b0ff;
    margin-bottom: 10px;
}

.pro_item_title {
    background: #18b0ff;
    width: 100px;
    text-align: center;
    color: #fff;
    font-size: 14px;
}

.pro_conimg img {
    max-width: 100%;
}

/*contact*/

.contact_style {
    width: 100%;
    text-align: center;
}

.contact_style tr td {
    padding: 20px 5px;
    width: 33.3%;
}

.contact_style tr td p {
    margin: 5px 0;
    line-height: 22px;
    color: #333;
    font-size: 14px;
}


/*pager*/

.pagelist {
    margin: 20px auto;
}

.pagelist .aa,
.pagelist .bb,
.page_front,
.page_back,
.page_first,
.page_last {
    font-size: 12px;
    width: 25px;
    height: 25px;
    line-height: 27px;
    overflow: hidden;
    display: block;
    text-align: center;
    margin: 0 3px;
}

.pagelist .aa {
    background: #18b0ff;
    color: #fff;
    border: 1px solid #d2d2d2;
}


/*2 color-on*/

.pagelist .bb {
    background: #ffffff;
    color: #464646;
    border: 1px solid #d2d2d2;
}


/*3 color-off*/

.pagelist .aa:hover {
    background: #18b0ff;
    color: #fff;
    text-decoration: none;
}

.pagelist .bb:hover {
    background: #18b0ff;
    color: #fff;
    text-decoration: none;
}


/*1 color-hover*/

.page_front,
.page_back,
.page_first,
.page_last {
    width: 55px;
    background: #fff;
    color: #464646;
    border: 1px solid #d2d2d2;
}

.pagelist .page_front:hover,
.pagelist .page_back:hover,
.pagelist .page_first:hover,
.pagelist .page_last:hover {
    background: #18b0ff;
    color: #fff;
    text-decoration: none;
}

.book {width:800px; max-width:90%; margin:0 auto;}
.book_input {padding-bottom:10px;}
.book_input input {width:100%; box-sizing:border-box; height:34px; padding:0 8px; font-size:14px; font-family:arial,helvetica,sans-serif;}
.book_input .h1 {font-size:14px; padding-bottom:3px;}
.book_input .h2 {position:relative;}
.book_input .h2 .fl {width:100px; position:absolute; top:0; left:0;}
.book_input .h2 .ll {margin-right:110px;}
.book_input .h2 .lr {position:absolute; top:0; right:0;}
.book_textarea textarea {width:100%; resize:none; height:120px; box-sizing:border-box; padding:8px; font-size:14px; font-family:arial,helvetica,sans-serif;}
.book_btn {padding-top:6px;}
.book_btn button {width:100%; height:36px; color:#fff; box-sizing:border-box; border:0; background-color:#18b0ff;}
.verify {width:100%; height:100%; position:fixed; top:0; left:0; z-index:-1; display:none;}
.verify.on {display:block; z-index:9999;}
.verify_bg {width:100%; height:100%; background:rgba(0,0,0,0.5); position:absolute; top:0; left:0; z-index:1;}
.verify_in {width:320px; height:190px; background:#fff; position:absolute; top:50%; margin-top:-95px; left:50%; margin-left:-160px; z-index:2;}
.verify_pad {padding:20px;}
.verify_tit {font-size:15px; font-weight:bold; padding-top:10px;}
.verify_div {position:relative; height:38px; margin-top:15px;}
.verify_div .ll {position:absolute; top:0; left:0;}
.verify_div .lr {margin-left:112px;}
.vbutton {width:100%; height:40px; background:#18b0ff; color:#fff; font-size:15px; padding:0 40px;}
.verify_close {width:20px; height:20px; background:#ccc; border:2px solid #fff; border-radius:50%; position:absolute; top:-6px; right:-6px; cursor:pointer;}
.verify_close:before, .verify_close:after {content:""; width:12px; height:2px; background:#fff; position:absolute; top:9px; left:4px;}
.verify_close:before {transform:rotate(45deg);}
.verify_close:after {transform:rotate(135deg);}
.verify_close:hover {background:#222;}
@media (max-width: 640px) {
    .book_btn .xbutton {width:100%;}
}

/*新闻详情*/
.news_tit {font-size:18px; font-weight:bold; text-align:center;}
.news_mes {font-size:13px; color:#999; text-align:center; background:#f4f4f4; padding:5px 0; margin:15px 0;}
.news_con {font-size:15px; line-height:24px; padding:0 8px;}
.news_con img {max-width:100%;}

/*上一页下一页*/
.prne {width:100%; height:35px; line-height:35px; overflow:hidden; background:#f0f0f0; margin-top:25px; font-size:14px;}
.prne_in {width:96%; height:35px; margin:0 auto;}
.prne_in .fl {width:50%; height:35px; overflow:hidden;}
.prne_in .fr {width:50%; height:35px; overflow:hidden; text-align:right;}
.prne_in .fl p {width:80%; overflow:hidden;}
.prne_in .fr p {width:80%; overflow:hidden; float:right;}
.prne_in a:hover {text-decoration:underline;}
@media (max-width: 1000px) {
    .prne_in .fl span, .prne_in .fr span {display:none;}
}

.top_search {position:absolute; top:50%; transform:translateY(-50%); right:0;}

.service_part {height:24px; line-height:24px; border-bottom:1px dashed #ddd; position:relative; overflow:hidden; font-size:14px;}
.service_part p {margin-right:80px; text-indent:15px;}
.service_part p:before {content:""; display:block; width:4px; height:4px; background-color:#222; border-radius:50%; position:absolute; top:50%; transform:translateY(-50%); left:5px;}
.service_part span {display:block; position:absolute; top:0; right:0; color:#999;}

.inews_part {width:25%; float:left;}
.inews_part .mar {margin:0 12px; border:1px solid #ccc;}
.inews_part .pad {padding:18px;}
.inews_part .pic img {width:100%;}
.inews_part .tit {font-size:14px; height:40px; line-height:20px; overflow:hidden;}
.inews_part .date {font-size:14px; color:#18b0ff; height:20px; line-height:20px; overflow:hidden; margin:3px 0;}
.inews_part .con {font-size:14px; line-height:20px; height:60px; overflow:hidden; color:#999;}
.inews_more {text-align:center; padding:20px 0;}
.inews_part .mar:hover {border-color:#18b0ff;}

.swiper-pagination-index {bottom:20px !important;}
.swiper-pagination-index .swiper-pagination-bullet {width:10px; height:10px; background-color:rgba(255, 255, 255, 0.5); border:3px solid rgba(255, 255, 255, 0.5); opacity:1;}
.swiper-pagination-index .swiper-pagination-bullet-active {background-color:#f39800; border-color:#fff;}

.banner_in {width:100%; height:390px; background-color:#ddd; background-repeat:no-repeat; background-position:center center; background-size:cover;}

.link {text-align:center; font-size:15px; padding-top:30px;}
.link a {color:#fff; margin:0 20px;}