.img-center {text-align: center;font-size: 0;}
.img-center img {display: inline-block;width: auto;height: auto;max-width: 100%;max-height: 100%;vertical-align: middle;-webkit-transition: all 0.5s;transition: all 0.5s;}

.img-cover {overflow: hidden;position: relative;}
.img-cover span {display: block;width: 100%;background: no-repeat center / cover;-webkit-transition: all 0.5s;transition: all 0.5s;height: 100%;position: absolute;left: 0;top: 0;}

.container {padding: 0 15px;margin: 0 auto;}
.container img {max-width: 100%;}
img{border:0 none;max-width: 100%;}


.pagination {display: inline-block;}

.header {background-color: #fff;}
.header .logo {float: left;font-size: 0;line-height: 70px;text-align: left;padding: 15px 0;}
.header .tel {float: right;background: url(../images/tel.png) no-repeat 0 center;padding-left: 55px;margin-top: 25px;color: #999;line-height: 50px;}
.header .tel strong {display: block;font-size: 20px; line-height: 50px;color: #0052d9;}
.header .text {float: left;font-size: 16px;margin: 20px 0 20px 30px;padding: 4px 0 4px 30px;border-left: 1px solid #ddd;color: #999;}
.header .text strong {display: block;font-size: 18px;color: #076aae;margin-bottom: 5px;font-weight: normal;}
.header .nav {font-size: 0;background-color: #ffffff;color: #303a40;    border-top: 1px solid #ccc;}
.header .nav li {display: inline-block;vertical-align: middle;}
.header .nav li a {display: block;font-size: 18px;line-height: 50px;padding: 0 35px;color: #303a40;padding-bottom: 2px;}
.header .nav li .arr {float: right;height: 40px;width: 40px;position: relative;display: none;}
.header .nav li .arr:after {content: '';border-top: 2px solid #ccc;border-left: 2px solid #ccc;box-sizing: content-box;display: block;width: 8px;height: 8px;margin: auto;position: absolute;top: 0;bottom: 0;-webkit-transform: rotate(135deg);transform: rotate(135deg);right: 15px;}
.header .nav li.active>a,.header .nav li.open>a,.header .nav li>a:hover {color:#0052d9 ;background-color: #ffffff;border-bottom: 2px solid #0052d9;padding-bottom: 0;}
.header .nav li.dropdown {position: relative;}
.header .nav li.dropdown:before {content: "";position: absolute;border: 4px solid transparent;border-bottom: 0;border-top-color: currentColor;top: 50%;margin-top: -2px;right: 15px;}
.header .nav .dropdown-box {position: absolute;left: 0;min-width: 100%;top: 100%;display: none;z-index: 10;text-align: center;}
.header .nav .dropdown-box p {margin: 0;}
.header .nav .dropdown-box a {white-space: nowrap;overflow: hidden;text-overflow: ellipsis;padding: 0 10px;font-size: 14px;background-color: #0052d9;line-height: 40px;}
.header .nav .container ul li.dropdown div.dropdown-box p a {
    color:#fff;
} 
.header .nav .container ul li.dropdown div.dropdown-box p a:hover{

    background-color: rgb(0 82 217 / 90%);
    border-bottom: 1px solid #c2d7ff;
}

/* .header .nav .dropdown-box a:hover {background-color: #a40000 !important;} */
.header .nav li.open .dropdown-box {display: block;}
.menu-btn {display: none;padding: 6px 0;float: right;margin-left: 15px;}
.menu-btn:before,.menu-btn:after,.menu-btn span {display: block;height: 2px;background-color: #076aae;content: '';}
.menu-btn:before {width: 24px;}
.menu-btn:after {width: 18px;margin-left: 6px;}
.menu-btn span {width: 12px;margin: 6px 0 6px 12px;}
 

.sc-btn {float: right;width: 50px;height: 50px;background: url(../images/wn_scarch2.png) no-repeat center;}
/*banner*/
.mobile-banner {display: none}

.banner {
    /*height: 460px;*/
    position: relative;}
.banner .swiper-slide {background: no-repeat center / cover;text-align: center;}
.banner .swiper-slide a img{ max-width: 100%;}
.banner .text {display: table;height: 100%;}
.banner .text .inner {display: table-cell;vertical-align: middle;font-size: 0;}
.banner .text h4 {font-size: 67px;margin: 0;-webkit-transform: translateX(-50px);transform: translateX(-50px);-webkit-transition: all 1s;transition: all 1s;opacity: 0;display: inline-block;color: #166e3e;padding: 10px 20px 30px 20px;background-color: #fff;}
.banner .text p {font-size: 22px;margin: -20px 0 0 20px;-webkit-transform: translateX(50px);transform: translateX(50px);-webkit-transition: all 1s;transition: all 1s;opacity: 0;color: #fff;background-color: #076aae;padding: 5px 10px;display: inline-block;}
.banner .text .btn {display: inline-block;margin-right: 20px;margin-top: 40px;line-height: 40px;font-size: 16px;width: 175px;color: #fff;background-color: #4caf50;text-align: center;border-radius: 50px;-webkit-transition: opacity 1s, -webkit-transform 1s;transition: opacity 1s, -webkit-transform 1s;transition: transform 1s, opacity 1s;transition: transform 1s, opacity 1s, -webkit-transform 1s;-webkit-transform: translateY(50px);transform: translateY(50px);opacity: 0;}
.banner .text .btn:last-child {background-color: #42a4e8;}
.banner .text .btn:hover {background-color: #076aae;}
.banner .ani-slide h4,.banner .ani-slide p,.banner .ani-slide .btn {-webkit-transform: translateX(0) translateY(0);transform: translateX(0) translateY(0);opacity: 1;}
.banner .swiper-pagination-bullet {background-color: #fff;opacity: 1;}
.banner .swiper-pagination-bullet-active {background-color: #065f9c;}

@media screen and (min-width: 768px) {
    .header-fix {height: 150px;}
    .header-fix .nav {position: fixed;left: 0;top: 0;width: 100%;z-index: 100;}
}

@media screen and (max-width: 767px) {
    body {min-width: 320px;padding-top: 50px;
        /*padding-bottom: 50px;*/
    }
 
    .lianjie,.foot-a,.case,.banner,.demopage0 span.notice,.demopage0 .scrollDiv,.wide_03 .title2 .fn-right,.fl-lm-2,.fl-lm-3{display: none}
    .content-n .c-rg .s-list li img{height: 130px;}
    .c-rg .s-list li a ,.mobile-banner{display: block}
    .adv ul li ,.content-n .c-rg .s-list li{width:44%;margin: 10px;}
    .content-n .c-rg .s-list li:nth-child(3n-1) {margin:10px;}
    .total_bg{ width: auto;padding:0 10px;}
    .panel-sd .tit{padding:10px 0;}
    .panel-sd ul.lanmu > li{width: 50%;float: left}
    .new-r ul li,.comp-v ul li{width: 98%;}
    .wide_02,.wide_03{width: 100%;}
    .foot-p{display: block;color:#fff;text-align: center;padding: 10px 0;}
    .new-hd{display: block;padding:5px;}
    .picture_list li{margin:4px;}
    .picture_list li a img{width: auto;height: 100px;}
    .demopage .search0{float: none;width: auto;}
    .demopage .search0 input  {width: 80%;border-radius:10px;}
    .demopage .search0 button{position: relative;}
    .image_articles li a .fltp {width: 100%;}
    .image_articles li a .fx-ri {width:100%;position:relative;margin:0;}



 #message .m-content .m-message{
    width:90%;
    padding:20px;
  }
    .kf {display: none;}
    .sc-btn {display: none;}
    .footer-fix {display: block;}

    .header {padding: 10px 0;position: fixed;z-index: 10;width: 100%;top: 0;left: 0;box-shadow: 0 0 10px rgba(0,0,0,0.2);}
    .header .text,.header .tel {display: none;}
    .header .logo {height: 30px;line-height: 30px;float: none;padding: 0;}
    .header .logo a{display: inline;}
    .header .nav {margin: 10px 0 -10px;text-align: left;display: none;background-color: transparent;border-bottom: 0;}
    .header .nav ul {margin: 0 -15px;}
    .header .nav li {display: block;margin: 0;border-top: 1px solid #eee;background: none;}
    .header .nav li a {line-height: 40px;padding: 0 15px;color: #333;}
    .header .nav li .arr {display: block;}
    .header .nav li.active a, .header .nav li.open a, .header .nav li a:hover {background-color: transparent;color: #076aae}
    .header .nav li.open .arr:after {border-color: #076aae;-webkit-transform: rotate(225deg);transform: rotate(225deg);}
    .header .nav .dropdown-box {position: static;background-color: #f5f5f5;min-width: auto;text-align: left;}
    .header .nav .dropdown-box a {color: #333 !important;border-top: 1px dotted #ddd;padding: 0 15px;line-height: 40px;background-color: transparent !important;border-bottom: 0;}
    .header .nav .dropdown-box a:hover {background-color: transparent !important;

        background-color: #00ff00;
    }
    
    .menu-btn {display: block;}

    .banner {height: 240px;}
    .banner .text h4 {font-size: 20px;padding: 5px 10px 21px 10px;}
    .banner .text p {font-size: 12px;margin-top: -11px;}
    .banner .text .btn {margin: 20px 10px 0 0;font-size: 12px;line-height: 30px;width: 120px;}