@charset "utf-8";
/* CSS Document */
body, td, th { font-family: 微软雅黑,Arial, Helvetica, sans-serif; font-size: 14px; color: #353535; }

body, form { margin: 0px; width: 100%; }

a:link { color: #353535; text-decoration: none; }
a:visited { text-decoration: none; color: #353535; }
a:hover { text-decoration: none; color: #353535; }
a:active { text-decoration: none; color: #353535; }
img { border: 0px; }
ul, li, dl, dt, dd, p { margin: 0px; padding: 0px; list-style: none; }
h1, h2, h3, h4, h5 { margin: 0px; padding: 0px; }

.green, a.green { color: #7abf4b; }
.orange, a.orange { color: #ff6600; }
.blue, a.blue { color: #007cc3; }
.red, a.red { color: #f00; }
input[type=text], input[type=button], input[type=submit], textarea { outline: none; -webkit-appearance: none; font-family: 微软雅黑,Arial, Helvetica, sans-serif; font-size: 14px; }

@media screen and (min-width:681px) {
    .container { width: 1200px; margin: 0px auto; overflow: hidden; }

    .header { }
    .header .webcomebar { background: #f7f7f7; }
    .header .webcomebar .container { display: flex; justify-content: space-between; line-height: 40px; font-size: 12px; color: #888; }
    .header .webcomebar .container .webcome { }
    .header .webcomebar .container .favorite { }
    .header .webcomebar .container .favorite a { color: #888; }
    .header .webcomebar .container .favorite span { padding: 0px 10px; }
    .header .logobar { }
    .header .logobar .container { height: 120px; display: flex; justify-content: space-between; align-items: center; }
    .header .logobar .container .logo { }
    .header .logobar .container .logo img { display: block; height: 80px; }
    .header .logobar .container h1 { display: none; }
    .header .logobar .container .search { border: 1px solid #007cc3; display: flex; }
    .header .logobar .container .search input { border: none; height: 40px; line-height: 40px; width: 320px; padding: 0px 10px; }
    .header .logobar .container .search button { border: none; background: #007cc3; color: #fff; height: 40px; line-height: 40px; padding: 0px 15px; }
    .header .logobar .container .search button i { margin-right: 5px; }
    .header .logobar .container .tel { line-height: 20px; }
    .header .logobar .container .tel i { display: block; float: left; width: 40px; line-height: 40px; text-align: center; border-radius: 50%; background: #007cc3; color: #fff; font-size: 20px; }
    .header .logobar .container .tel span { display: block; margin-left: 50px; color: #888; font-size: 12px; }
    .header .logobar .container .tel strong { display: block; margin-left: 50px; color: #007cc3; font-size: 18px; }
    .header .navbar { background: #007cc3; }
    .header .navbar .switch { display: none; }
    .header .navbar .nav { }
    .header .navbar .nav .mask { display: none; }
    .header .navbar .nav .close { display: none; }
    .header .navbar .nav ul { width: 1200px; margin: 0px auto; display: flex; }
    .header .navbar .nav ul li { flex: 1; }
    .header .navbar .nav ul li a { display: block; line-height: 50px; text-align: center; color: #fff; }
    .header .navbar .nav ul li a.current, .header .navbar .nav ul li a:hover { background: #33a0d9; }


    .p-index { }
    .p-index .banner .swiper-container { }
    .p-index .banner .swiper-container .swiper-pagination-bullets { bottom: 20px; }
    .p-index .banner .swiper-container .swiper-pagination-bullets .swiper-pagination-bullet { width: 10px; height: 10px; border-radius: 5px; margin: 0px 5px; background: #fff; }
    .p-index .banner .swiper-container .swiper-pagination-bullets .swiper-pagination-bullet-active { width: 20px; background: #007cc3; opacity: 1; }
    .p-index .banner .swiper-container .swiper-wrapper .swiper-slide { }
    .p-index .banner .swiper-container .swiper-wrapper .swiper-slide img { display: block; width: 100%; }
    .p-index .banner .swiper-container .swiper-button { display: none; }
    .p-index .banner-wap { display: none; }
    .p-index .notice { padding: 10px 0px; line-height: 20px; }
    .p-index .notice .container:before { float: left; font-family: "iconfont" !important; content: "\e628"; color: #007cc3; }
    .p-index .notice .swiper-container { height: 20px; margin-left: 25px; }
    .p-index .notice .swiper-container .swiper-wrapper .swiper-slide { }
    .p-index .notice .swiper-container .swiper-wrapper .swiper-slide span { color: #888; margin-left: 10px; }
    .p-index .notice .swiper-container .swiper-pagination { display: none; }
    .p-index .notice .swiper-container .swiper-button { display: none; }

    .p-index .tit1 { line-height: 22px; overflow: hidden; }
    .p-index .tit1 h2 { float: left; font-size: 20px; font-weight: bold; }
    .p-index .tit1 h2:before { display: block; float: left; margin-top: 2px; margin-right: 8px; content: ''; width: 4px; height: 18px; overflow: hidden; background: #007cc3; }
    .p-index .tit1 a { float: right; color: #888; }

    .p-index .product { background: #f7f7f7; padding: 60px 0px; }
    .p-index .product .container { display: flex; }
    .p-index .product .container .category { margin-top: 40px; width: 340px; background: #fff; padding: 20px; }
    .p-index .product .container .category h2 { float: left; padding: 0px 20px; line-height: 30px; border-radius: 3px; background: #007cc3; color: #fff; font-size: 14px; font-weight: normal; }
    .p-index .product .container .category p { clear: both; margin-left: -20px; display: flex; flex-wrap: wrap; padding: 15px 0px; line-height: 25px; }
    .p-index .product .container .category p a { margin-left: 20px; }
    .p-index .product .container .category p a:hover { color: #007cc3; }
    .p-index .product .container .list { margin-top: 40px; margin-left: 20px; width: 800px; background: #fff; padding-bottom: 20px; display: flex; flex-wrap: wrap; align-content: flex-start; }
    .p-index .product .container .list .item { width: 240px; margin: 20px 0px 0px 20px; }
    .p-index .product .container .list .item .pic { overflow: hidden; }
    .p-index .product .container .list .item img { display: block; width: 100%; transition: all .3s; }
    .p-index .product .container .list .item h2 { font-size: 14px; font-weight: normal; margin-top: 10px; text-align: center; }
    .p-index .product .container .list .item:hover .pic img { transform: scale(1.1,1.1); opacity: .9; }
    .p-index .product .container .list .item:hover h2 { color: #007cc3; }

    .p-index .message { background: url(/content/home/images/home_bg_01.jpg) no-repeat center center; background-size: cover; padding: 60px 0px; }
    .p-index .message .tit1 h2 { float: inherit; text-align: center; color: #fff; }
    .p-index .message .tit1 h2:before { display: none; }
    .p-index .message .desc { width: 760px; margin: 30px auto 0px auto; text-align: center; line-height: 25px; color: #fff; }
    .p-index .message .desc-wap { display: none; }
    .p-index .message .view { display: block; margin: 40px auto 0px auto; border: 1px solid #ddd; color: #fff; border-radius: 20px; line-height: 40px; width: 120px; text-align: center; }
    .p-index .message .view:hover { border: 1px solid #007cc3; background: #007cc3; color: #fff; }

    .p-index .news { padding: 60px; background: #f7f7f7; }
    .p-index .news .container .swiper-container { margin-top: 40px; width: 500px; float: left; position: relative; }
    .p-index .news .container .swiper-container .swiper-wrapper { }
    .p-index .news .container .swiper-container .swiper-wrapper .swiper-slide { position: relative; }
    .p-index .news .container .swiper-container .swiper-wrapper .swiper-slide a { }
    .p-index .news .container .swiper-container .swiper-wrapper .swiper-slide a img { position: relative; z-index: 0; display: block; width: 100%; }
    .p-index .news .container .swiper-container .swiper-wrapper .swiper-slide a h2 { z-index: 1; position: absolute; left: 0px; bottom: 0px; right: 120px; line-height: 60px; overflow: hidden; padding: 0px 20px; background: rgba(0,0,0,.5); text-overflow: ellipsis; white-space: nowrap; color: #fff; font-size: 16px; }
    .p-index .news .container .swiper-container .swiper-wrapper .swiper-slide a p { display: none; }
    .p-index .news .container .swiper-container .swiper-pagination { display: none; }
    .p-index .news .container .swiper-container .swiper-button { position: absolute; z-index: 2; right: 0px; bottom: 0px; display: flex; }
    .p-index .news .container .swiper-container .swiper-button div { width: 60px; line-height: 60px; text-align: center; background: rgba(0,0,0,.8); font-size: 30px; color: #fff; }
    .p-index .news .container .swiper-container .swiper-button .next:before { font-family: "iconfont" !important; content: "\e63f"; }
    .p-index .news .container .swiper-container .swiper-button .prev:before { font-family: "iconfont" !important; content: "\e640"; }
    .p-index .news .container .swiper-container .swiper-button div:hover { background: #007cc3; }
    .p-index .news .container .list { margin-left: 560px; margin-top: 40px; }
    .p-index .news .container .list .item { border-bottom: 1px solid #ddd; padding: 15px 0px; overflow: hidden; position: relative; }
    .p-index .news .container .list .item a .time { float: left; display: flex; flex-direction: column; align-items: center; }
    .p-index .news .container .list .item a .time .day { font-size: 30px; font-weight: bold; }
    .p-index .news .container .list .item a .time .month { margin-top: 5px; font-size: 16px; color: #888; font-weight: bold; }
    .p-index .news .container .list .item a .time .date { display: none; }
    .p-index .news .container .list .item a .time:after { margin-top: 10px; width: 20px; height: 3px; overflow: hidden; background: #007cc3; content: ''; }
    .p-index .news .container .list .item a .title { margin-left: 100px; margin-right: 50px; font-size: 18px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
    .p-index .news .container .list .item a .summary { margin-left: 100px; margin-right: 50px; margin-top: 10px; color: #888; line-height: 25px; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; text-overflow: ellipsis; }
    .p-index .news .container .list .item a i { display: block; line-height: 20px; position: absolute; right: 0px; top: 50%; margin-top: -10px; font-weight: 16px; font-weight: bold; color: #888; }
    .p-index .news .container .list .item:hover .title { color: #007cc3; }
    .p-index .news .container .list .item:hover i { color: #007cc3; }

    .p-inner { background: #f7f7f7; padding-bottom: 60px; }
    .p-inner .banner img { display: block; width: 100%; }
    .p-inner .banner-wap { display: none; }
    .p-inner .sitepath { background: #fff; }
    .p-inner .sitepath .container { line-height: 40px; color: #888; }
    .p-inner .sitepath .container:before { font-family: "iconfont" !important; content: "\e667"; color: #007cc3; font-size: 14px; margin-right: 5px; }
    .p-inner .sitepath .container a { color: #888; }
    .p-inner .sitepath .container i { padding: 0px 5px; font-size: 14px; }
    .p-inner .main { width: 1200px; margin: 60px auto 0px auto; background: #fff; overflow: hidden; }
    .p-inner .main .nav2 { display: flex; justify-content: center; margin-top: 40px; }
    .p-inner .main .nav2 a { padding: 0px 40px; line-height: 40px; border: 1px solid #eee; border-radius: 5px; margin: 0px 10px; }
    .p-inner .main .nav2 a.current { background: #007cc3; border: 1px solid #007cc3; color: #fff; }
    .p-inner .main .about .content { padding: 30px 40px; line-height: 200%; }
    .p-inner .main .about .content-wap { display: none; }
    .p-inner .main .newlist { }
    .p-inner .main .newlist .item { padding: 20px; border-top: 20px solid #f7f7f7; overflow: hidden; }
    .p-inner .main .newlist .item:first-child { border-top: none; }
    .p-inner .main .newlist .item img { float: left; width: 240px; }
    .p-inner .main .newlist .item h2 { margin-left: 270px; font-size: 20px; font-weight: bold; margin-top: 10px; }
    .p-inner .main .newlist .item p { padding: 10px 0px; margin-left: 270px; line-height: 25px; }
    .p-inner .main .newlist .item span { display: block; margin-left: 270px; color: #888; }
    .p-inner .main .newlist .item:hover h2 { color: #007cc3; }
    .p-inner .main .new_detail { padding: 40px; }
    .p-inner .main .new_detail .title { text-align: center; font-size: 24px; font-weight: bold; }
    .p-inner .main .new_detail .time { text-align: center; color: #888; margin-top: 20px; }
    .p-inner .main .new_detail .content { margin-top: 40px; line-height: 200%; }
    .p-inner .main .new_detail .content-wap { display: none; }
    .p-inner .main .new_detail .siblings { margin-top: 40px; border-top: 1px solid #ddd; padding-top: 20px; overflow: hidden; }
    .p-inner .main .new_detail .siblings li { float: left; width: 50%; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; color: #888; }
    .p-inner .main .new_detail .siblings li a { color: #353535; }
    .p-inner .main .new_detail .siblings li a:hover { color: #007cc3; }
    .p-inner .main .pic_list { display: flex; flex-wrap: wrap; margin-top: 20px; padding-bottom: 40px; }
    .p-inner .main .pic_list .item { float: left; width: 275px; margin-left: 20px; margin-top: 20px; }
    .p-inner .main .pic_list .item img { display: block; width: 100%; }
    .p-inner .main .pic_list .item h2 { margin-top: 10px; line-height: 20px; font-size: 14px; font-weight: normal; text-align: center; }
    .p-inner .main .picdetail { padding: 40px; }
    .p-inner .main .picdetail .pic { float: left; }
    .p-inner .main .picdetail .pic img { display: block; width: 400px; }
    .p-inner .main .picdetail .title { margin-left: 450px; margin-top: 20px; font-size: 24px; font-weight: bold; }
    .p-inner .main .picdetail .summary { margin-left: 450px; margin-top: 20px; line-height: 25px; color: #888; }
    .p-inner .main .picdetail .content { clear: both; padding-top: 40px; line-height: 200%; }
    .p-inner .main .picdetail .content-wap { display: none; }
    .p-inner .main .picdetail .siblings { margin-top: 40px; border-top: 1px solid #ddd; padding-top: 20px; overflow: hidden; }
    .p-inner .main .picdetail .siblings li { float: left; width: 50%; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; color: #888; }
    .p-inner .main .picdetail .siblings li a { color: #353535; }
    .p-inner .main .picdetail .siblings li a:hover { color: #007cc3; }
    .p-message { padding: 20px; overflow: hidden; }
    .p-message .webcome { float: right; width: 500px; }
    .p-message .desc { margin-right: 540px; margin-top: 10px; line-height: 25px; text-indent: 2em; }
    .p-message .form { }
    .p-message .form dl { overflow: hidden; margin-top: 20px; }
    .p-message .form dl dt { display: none; }
    .p-message .form dl dt .red { }
    .p-message .form dl dt span { }
    .p-message .form dl dd { display: flex; }
    .p-message .form dl dd input[type=text] { border-top: none; border-right: 1px solid #ddd; border-bottom: 1px solid #ddd; border-left: none; background: #f7f7f7; width: 330px; height: 40px; line-height: 39px; padding: 0px 15px; box-sizing: border-box; }
    .p-message .form dl dd textarea { border-top: none; border-right: 1px solid #ddd; border-bottom: 1px solid #ddd; border-left: none; background: #f7f7f7; width: 610px; height: 200px; line-height: 20px; padding: 10px 15px; resize: none; overflow: hidden; box-sizing: border-box; }
    .p-message .form dl dd input.short { width: 160px; }
    .p-message .form dl dd img { height: 40px; margin-left: 10px; cursor: pointer; }
    .p-message .form input[type=button] { border: none; height: 40px; line-height: 40px; padding: 0px 25px; background: #007cc3; color: #fff; }


    .footer { background: #1b293d; color: #778898; padding: 60px 0px; }
    .footer a { color: #778898; }
    .footer_wap { display: none; }

    .pagerhtml { background: #f7f7f7; display: flex; justify-content: center; line-height: 30px; padding-top: 40px; }
    .pagerhtml .custominfo { display: none; }
    .pagerhtml a { background: #33a0d9; color: #fff; padding: 0px 11px; margin: 0px 5px; border-radius: 4px; }
    .pagerhtml a.current, .pagerhtml a:hover { background: #007cc3; color: #fff; }
    .pagerhtml a.disabled { }
}

@media screen and (max-width: 680px) {

    .container { }

    .header { height: 40px; position: relative; padding: 10px 15px; }
    .header .webcomebar { display: none; }
    .header .logobar { float: left; }
    .header .logobar .container .logo img { display: block; height: 40px; }
    .header .logobar .container h1 { position: absolute; z-index:1; left: 0px; top: 0px; line-height:60px; width: 100%; text-align: center; font-size: 16px; font-weight: bold; }
    .header .logobar .container .search { display: none; }
    .header .logobar .container .tel { display: none; }
    .header .navbar { float: right; }
    .header .navbar .switch { position:relative; z-index:2; line-height: 40px; color: #007cc3; font-size: 30px; }
    .header .navbar .nav { position: fixed; z-index: 9999; top: 0px; right: 0px; bottom: 0px; left: 0px; transform: translateX(-100%); }
    .header .navbar .nav .mask { position: absolute; z-index: 1; top: 0px; right: 0px; bottom: 0px; left: 0px; background: #1b293d; opacity: .7; }
    .header .navbar .nav .close { position: absolute; z-index: 3; left: 140px; bottom: 0px; width: 60px; text-align: center; line-height: 60px; color: #778898; font-size: 20px; transform: translateX(-200px); transition: all .3s; transition-delay: .1s; }
    .header .navbar .nav ul { position: absolute; z-index: 2; left: 0px; top: 0px; bottom: 0px; width: 200px; padding-top: 20px; background: #1b293d; transform: translateX(-200px); transition: all .3s; }
    .header .navbar .nav ul li { margin: 0px 15px; border-bottom: 1px solid #0d141e; border-top: 1px solid #323f50; }
    .header .navbar .nav ul li:first-child { border-top: none; }
    .header .navbar .nav ul li:last-child { border-bottom: none; }
    .header .navbar .nav ul li a { display: block; line-height: 45px; text-align: center; color: #778898; }
    .header .navbar .nav ul li a.current { color: #007cc3; }
    .header .navbar .nav.show { transform: translateX(0); }
    .header .navbar .nav.show .close { transform: translateX(0); }
    .header .navbar .nav.show ul { transform: translateX(0); }

    .p-index { }
    .p-index .banner-wap .swiper-container { }
    .p-index .banner-wap .swiper-container .swiper-pagination-bullets { bottom: 10px; }
    .p-index .banner-wap .swiper-container .swiper-pagination-bullets .swiper-pagination-bullet { width: 10px; height: 10px; border-radius: 5px; margin: 0px 5px; background: #fff; }
    .p-index .banner-wap .swiper-container .swiper-pagination-bullets .swiper-pagination-bullet-active { width: 20px; background: #007cc3; opacity: 1; }
    .p-index .banner-wap .swiper-container .swiper-wrapper .swiper-slide { }
    .p-index .banner-wap .swiper-container .swiper-wrapper .swiper-slide img { display: block; width: 100%; }
    .p-index .banner-wap .swiper-container .swiper-button { display: none; }
    .p-index .banner { display: none; }
    .p-index .notice { padding: 10px 15px; line-height: 20px; }
    .p-index .notice .container:before { float: left; font-family: "iconfont" !important; content: "\e628"; color: #007cc3; }
    .p-index .notice .swiper-container { height: 20px; margin-left: 25px; }
    .p-index .notice .swiper-container .swiper-wrapper .swiper-slide { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
    .p-index .notice .swiper-container .swiper-wrapper .swiper-slide span { display: none; }
    .p-index .notice .swiper-container .swiper-pagination { display: none; }
    .p-index .notice .swiper-container .swiper-button { display: none; }


    .p-index .tit1 { position: relative; padding-bottom: 12px; }
    .p-index .tit1 h2 { text-align: center; font-size: 16px; font-weight: bold; }
    .p-index .tit1 h2:before { display: block; position: absolute; left: 50%; bottom: 0px; margin-left: -10px; content: ''; width: 20px; height: 3px; overflow: hidden; background: #007cc3; }
    .p-index .tit1 a { display: none; }

    .p-index .product { background: #f7f7f7; padding: 40px 15px; }
    .p-index .product .container { display: flex; flex-direction: column-reverse; }
    .p-index .product .container .category { margin-top: 20px; background: #fff; padding: 20px; }
    .p-index .product .container .category h2 { font-size: 16px; font-weight: normal; }
    .p-index .product .container .category p { margin-left: -10px; display: flex; flex-wrap: wrap; padding-bottom: 15px; line-height: 25px; }
    .p-index .product .container .category p a { margin-left: 10px; border: 1px solid #007cc3; color: #007cc3; padding: 0px 5px; margin-top: 10px; }
    .p-index .product .container .list:before { content: '推荐产品'; display: block; width: 100%; font-weight: bold; }
    .p-index .product .container .list { margin-top: 20px; background: #fff; padding: 15px 0px 15px 15px; display: flex; flex-wrap: wrap; align-content: flex-start; }
    .p-index .product .container .list .item { width: 50%; }
    .p-index .product .container .list .item a { display: block; margin: 15px 15px 0px 0px; }
    .p-index .product .container .list .item img { display: block; width: 100%; transition: all .3s; }
    .p-index .product .container .list .item h2 { font-size: 14px; font-weight: normal; margin-top: 5px; text-align: center; }



    .p-index .message { background: url(/content/home/images/home_bg_01.jpg) no-repeat center center; background-size: cover; padding: 40px 0px; }
    .p-index .message .tit1 { color: #fff; }
    .p-index .message .tit1 h2:before { background: #fff; }
    .p-index .message .desc-wap { margin: 20px 15px 0px 15px; text-align: center; line-height: 25px; color: #fff; }
    .p-index .message .desc { display: none; }
    .p-index .message .view { display: block; margin: 30px auto 0px auto; border: 1px solid #ddd; color: #fff; border-radius: 20px; line-height: 40px; width: 120px; text-align: center; }

    .p-index .news { padding: 40px 15px; background: #f7f7f7; }
    .p-index .news .container .swiper-container { margin-top: 20px; position: relative; padding-bottom: 20px; }
    .p-index .news .container .swiper-container .swiper-wrapper { }
    .p-index .news .container .swiper-container .swiper-wrapper .swiper-slide { position: relative; }
    .p-index .news .container .swiper-container .swiper-wrapper .swiper-slide a { }
    .p-index .news .container .swiper-container .swiper-wrapper .swiper-slide:after { content: ''; display: block; position: absolute; z-index: 1; left: 0px; bottom: 0px; right: 0px; height: 85px; background: #000; opacity: .7; }
    .p-index .news .container .swiper-container .swiper-wrapper .swiper-slide a img { position: relative; z-index: 0; display: block; width: 100%; }
    .p-index .news .container .swiper-container .swiper-wrapper .swiper-slide a h2 { position: absolute; z-index: 2; left: 10px; right: 10px; bottom: 55px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: #fff; font-size: 16px; font-weight: normal; }
    .p-index .news .container .swiper-container .swiper-wrapper .swiper-slide a p { position: absolute; z-index: 2; left: 10px; right: 10px; bottom: 10px; height: 40px; line-height: 20px; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; text-overflow: ellipsis; color: #fff; font-size: 12px; }
    .p-index .news .container .swiper-container .swiper-pagination-bullets { bottom: 0px; }
    .p-index .news .container .swiper-container .swiper-pagination-bullets .swiper-pagination-bullet { margin: 0px 5px; background: none; border: 1px solid #ddd; opacity: 1; }
    .p-index .news .container .swiper-container .swiper-pagination-bullets .swiper-pagination-bullet-active { border: 1px solid #007cc3; background: #007cc3; opacity: 1; }
    .p-index .news .container .swiper-container .swiper-button { display: none; }
    .p-index .news .container .list { margin-top: 20px; }
    .p-index .news .container .list .item { border-bottom: 1px solid #ddd; padding: 15px 0px; }
    .p-index .news .container .list .item a { display: flex; flex-direction: column; }
    .p-index .news .container .list .item a .time { order: 2; color: #888; margin-top: 5px; }
    .p-index .news .container .list .item a .time .day { display: none; }
    .p-index .news .container .list .item a .time .month { display: none; }
    .p-index .news .container .list .item a .time .date { }
    .p-index .news .container .list .item a .time:after { margin-top: 10px; width: 20px; height: 3px; overflow: hidden; background: #007cc3; content: ''; }
    .p-index .news .container .list .item a .title { order: 1; font-size: 16px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
    .p-index .news .container .list .item a .summary { order: 3; margin-top: 5px; color: #888; line-height: 20px; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; text-overflow: ellipsis; }
    .p-index .news .container .list .item a i { display: none; }
    .p-index .news .container .list .item:hover .title { color: #007cc3; }
    .p-index .news .container .list .item:hover i { color: #007cc3; }




    .p-inner { background: #f7f7f7; padding-bottom: 20px; }
    .p-inner .banner-wap img { display: block; width: 100%; }
    .p-inner .banner { display: none; }
    .p-inner .sitepath { display: none; }
    .p-inner .main { }
    .p-inner .main .nav2 { display: flex; justify-content: center; margin-top: 20px; padding: 0px 10px; }
    .p-inner .main .nav2 a { flex: 1; line-height: 35px; background: #fff; border-radius: 5px; margin: 0px 5px; text-align: center; }
    .p-inner .main .nav2 a.current { background: #007cc3; border: 1px solid #007cc3; color: #fff; }
    .p-inner .main .about .content-wap { padding: 20px 15px 0px 15px; line-height: 200%; overflow: hidden; }
    .p-inner .main .about .content { display: none; }
    .p-inner .main .newlist { }
    .p-inner .main .newlist .item { padding: 10px 15px; border-bottom: 1px solid #ddd; overflow: hidden; }
    .p-inner .main .newlist .item img { float: right; width: 120px; }
    .p-inner .main .newlist .item h2 { margin-right: 135px; font-size: 16px; font-weight: normal; }
    .p-inner .main .newlist .item p { display: none; }
    .p-inner .main .newlist .item span { display: block; margin-right: 135px; margin-top: 5px; color: #888; }
    .p-inner .main .newlist .item:hover h2 { color: #007cc3; }
    .p-inner .main .new_detail { padding: 20px 15px 0px 15px; }
    .p-inner .main .new_detail .title { font-size: 16px; font-weight: bold; }
    .p-inner .main .new_detail .time { color: #888; margin-top: 10px; }
    .p-inner .main .new_detail .content-wap { padding-top: 20px; line-height: 200%; }
    .p-inner .main .new_detail .content { display: none; }
    .p-inner .main .new_detail .siblings { margin-top: 20px; border-top: 1px solid #ddd; padding-top: 10px; }
    .p-inner .main .new_detail .siblings li { line-height: 25px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; color: #888; }
    .p-inner .main .new_detail .siblings li a { color: #353535; }
    .p-inner .main .pic_list { display: flex; flex-wrap: wrap; margin-right: 15px; }
    .p-inner .main .pic_list .item { width: 50%; }
    .p-inner .main .pic_list .item a { display: block; margin: 15px 0px 0px 15px; }
    .p-inner .main .pic_list .item img { display: block; width: 100%; }
    .p-inner .main .pic_list .item h2 { margin-top: 10px; line-height: 20px; font-size: 14px; font-weight: normal; text-align: center; }
    .p-inner .main .picdetail { padding: 20px 15px 0px 15px; }
    .p-inner .main .picdetail .pic { }
    .p-inner .main .picdetail .pic img { display: block; width: 100%; }
    .p-inner .main .picdetail .title { text-align: center; margin-top: 20px; font-size: 16px; font-weight: bold; }
    .p-inner .main .picdetail .summary { display: none; }
    .p-inner .main .picdetail .content-wap { clear: both; padding-top: 20px; line-height: 200%; }
    .p-inner .main .picdetail .content { display: none; }
    .p-inner .main .picdetail .siblings { margin-top: 20px; border-top: 1px solid #ddd; padding-top: 10px; }
    .p-inner .main .picdetail .siblings li { line-height: 25px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; color: #888; }
    .p-inner .main .picdetail .siblings li a { color: #353535; }
    .p-message { padding: 20px 15px; }
    .p-message .webcome { width: 100%; }
    .p-message .desc { margin-top: 10px; line-height: 25px; text-indent: 2em; }
    .p-message .form { }
    .p-message .form dl { overflow: hidden; margin-top: 20px; }
    .p-message .form dl dt { display: none; }
    .p-message .form dl dt .red { }
    .p-message .form dl dt span { }
    .p-message .form dl dd { display: flex; }
    .p-message .form dl dd input[type=text] { border-top: none; border-right: 1px solid #ddd; border-bottom: 1px solid #ddd; border-left: none; background: #fff; width: 100%; height: 40px; line-height: 39px; padding: 0px 15px; box-sizing: border-box; }
    .p-message .form dl dd textarea { border-top: none; border-right: 1px solid #ddd; border-bottom: 1px solid #ddd; border-left: none; background: #fff; width: 100%; height: 180px; line-height: 20px; padding: 10px 15px; resize: none; overflow: hidden; box-sizing: border-box; }
    .p-message .form dl dd input.short { width: 160px; }
    .p-message .form dl dd img { height: 40px; margin-left: 10px; cursor: pointer; }
    .p-message .form input[type=button] { display: block; margin: 0px auto; border: none; height: 40px; line-height: 40px; padding: 0px 25px; background: #007cc3; color: #fff; }




    .pagerhtml { display: flex; justify-content: center; line-height: 30px; padding-top: 20px; }
    .pagerhtml .custominfo { display: none; }
    .pagerhtml a { background: #007cc3; color: #fff; padding: 0px 11px; margin: 0px 5px; border-radius: 4px; }
    .pagerhtml a.num { display: none; }
    .pagerhtml a.disabled { background: #33a0d9; }

    .footer { display: none; }
    .footer_wap { background: #1b293d; color: #778898; }
    .footer_wap a { color: #778898; }
    .footer_wap .contact { padding: 40px 15px; text-align: center; }
    .footer_wap .nav { border-top: 1px solid #0d141e; border-bottom: 1px solid #323f50; }
    .footer_wap .nav a { display: block; line-height: 40px; text-align: center; border-bottom: 1px solid #0d141e; border-top: 1px solid #323f50; }
    .footer_wap .nav a:after { float: right; margin-right: 15px; font-family: "iconfont" !important; content: "\e622"; }
    .footer_wap .copyright { padding: 20px 15px; }
}