body {
    font-size: 12px;
    font-family: Microsoft Yahei;
    font-size: 14px;
}

*,
ul,
li,
dl,
dt,
dd,
em {
    padding: 0;
    margin: 0;
    list-style: none;
    font-style: normal;
}

html {
    overflow-x: hidden;
}

a {
    text-decoration: none;
    color: #333;
}

img {
    border: none;
}

.swiper-button-prev {
    background-image: url("static/images/left.png") no-repeat rgba(0, 0, 0, .1);
    left: 73px;
}


/* .container {
    padding: 0;
} */

.swiper-button-next {
    right: 73px;
}


/* 头部代码 */

.header {
    margin-top: 15px;
}

.hot-phone {
    float: right;
    font-size: 16px;
    margin-top: 36px;
    color: rgb(174, 174, 174);
}

.hot-phone-img {
    float: left;
}

.header-img {
    margin: 10px 0px;
    height: 78px;
}

.hot-phone .shuzi {
    color: #666666;
    line-height: 30px;
    margin-left: 10px;
    float: left;
}


/* 导航栏 */

.nav-drowdown {
    display: none;
    position: relative;
    left: 0px;
    background-color: white;
    background-color: rgba(0, 0, 0, 0.2);
    width: 100%;
    z-index: 999;
    top: -2px;
}

.nav-drowdown li::marker {
    display: none;
}

.nav-drowdown li {
    display: block;
    list-style-type: none;
    position: relative;
}

.nav-drowdown li a {
    display: inline-block;
    color: white;
    line-height: 30px;
    font-size: 14px;
    text-align: center;
}

.nav-bg {
    height: 50px;
    background: #009fe9;
}

.nav-other {
    margin-left: 30px;
}

.nav-item {
    text-align: center;
    /* width: 100px; */
}

.nav-item:hover .nav-link {
    color: #009fe9;
    background-color: white;
}

.nav-item .nav-link {
    line-height: 36px;
    font-size: 16px;
    color: white;
}

.search {
    margin-top: 10px;
    width: 300px;
    height: 30px;
}

.search input {
    border: 1px solid #ccc;
    width: 240px;
    height: 30px;
}

.se-con input {
    border-radius: 5px;
}

.se-con input:focus {
    outline: none;
}

.se-ico {
    position: absolute;
    top: 14px;
    right: 132px;
    width: 20px;
    height: 20px;
}


/* 手机端导航栏 */

.header-dh {
    width: 100%;
    height: 58px;
    background-color: #68ade8;
    max-width: 768px;
}

.header-bt {
    width: 100%;
    text-align: center;
    padding-top: 18px;
}

.nav-button {
    float: left;
}

.nav-button-img {
    position: absolute;
    top: 21px;
    right: 39px;
    background: url("../../static/img/面包屑.png") no-repeat;
    background-size: 100%;
    width: 27px;
    height: 27px;
}

.nav-list {
    padding-bottom: 80px;
    overflow: hidden;
    background-color: #f2f2f2;
    width: 100%;
    height: 100%;
}

.nav-list a {
    color: black;
}

.li-list {
    display: inline-block;
    margin-top: 20px;
}

.li-list-mg {
    float: left;
    padding-top: 15px;
    display: inline-block;
    width: 350px;
    height: 50px;
}

.nav-list li {
    line-height: 20px;
    width: 100%;
    height: 55px;
    border-bottom: 1px solid #DBEEFD;
}

#li-list-md {
    color: #333;
    padding-left: 50px;
}

.li-on {
    color: black;
}

.nav-list li a {
    font-size: 14px;
    color: white;
}

.nav-drowdown-mobile {
    width: 100%;
    height: 150px;
    margin-top: 60px;
}

.nav-drowdown-mobile li {
    list-style-type: none;
}

.nav-drowdown-mobile li a {
    line-height: 59px;
}

.li-list-kz {
    float: left;
}

.li-list-kz {
    line-height: 50px;
}

.li-list-kz a {
    font-size: 18px;
}

#li-list-children {
    display: none;
}


/* 网站轮播图  */

.swiper,
.swiper-wrapper {
    width: 100%;
}

.swiper-button-prev2 {
    background: url("../../static/img/left.png") no-repeat rgba(0, 0, 0, .1);
    left: 73px;
    width: 71px;
    height: 71px;
    top: 50%;
    position: absolute;
    z-index: 999;
}

.head-banner {
    overflow: hidden;
}


/* .container {
    padding: 0;
} */

.swiper-button-next2 {
    width: 71px;
    height: 71px;
    z-index: 999;
    top: 50%;
    right: 73px;
    background: url("../../static/img/right.png") no-repeat rgba(0, 0, 0, .1);
    position: absolute;
}

.swiper-button-prev2:hover {
    background: url("../../static/img/left.png") no-repeat rgba(0, 0, 0, .3);
}

.swiper-button-next2:hover {
    background: url("../../static/img/right.png") no-repeat rgba(0, 0, 0, .3);
}

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

.mobile-qiehuan {
    margin-top: -5px;
    background-color: black;
}

.m-head-banner {
    width: 100%;
    max-width: 768px;
    overflow: hidden;
}

.about-bt {
    font-size: 30px;
    color: rgb(0, 161, 234);
}

.about {
    margin-top: 5%;
    margin-left: 20px;
}

.about-dest {
    font-size: 23px;
    color: rgb(0, 161, 234);
}

.about-bt-en {
    font-size: 14px;
    color: rgb(153, 153, 153);
}

.about-font {
    font-size: 14px;
    line-height: 30px;
    color: rgb(102, 102, 102);
}

.about-right-img {
    margin-top: 5%;
    margin-left: 50px;
}

.about-right-img img {
    width: 100%;
}

.about-button {
    margin-top: 15px;
    border: 1px solid #9b9b9b;
    width: 162px;
    height: 50px;
    text-align: center;
    line-height: 48px;
}

.about-button a {
    color: black;
}


/* 轮播图 */

.head-banner {
    width: 100%;
    overflow: hidden;
}

.swiper,
.swiper-wrapper {
    width: 100%;
}

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

.mobile-qiehuan {
    margin-top: -5px;
    background-color: black;
}

.m-head-banner {
    width: 100%;
    max-width: 768px;
    overflow: hidden;
}

.about-bt {
    font-size: 30px;
    color: rgb(0, 161, 234);
}

.about {
    margin-left: 20px;
}

.about-dest {
    font-size: 23px;
    color: rgb(0, 161, 234);
}

.about-bt-en {
    font-size: 14px;
    color: rgb(153, 153, 153);
}

.about-font {
    font-size: 14px;
    line-height: 30px;
    color: rgb(102, 102, 102);
}

.about-right-img {
    margin-top: 5%;
    margin-left: 50px;
}

.about-right-img img {
    width: 100%;
}

.about-button {
    margin-top: 15px;
    border: 1px solid #9b9b9b;
    width: 162px;
    height: 50px;
    text-align: center;
    line-height: 48px;
}

.about-button a {
    color: black;
}

.swiper-button-more {
    background-color: #f1f1f3;
    position: relative;
    top: -127px;
    left: 228px;
    line-height: 40px;
    text-align: center;
    width: 140px;
    height: 40px;
    z-index: 999;
    border: 1px solid #dfdfdf;
}


/* 首页新闻资讯 */

.new-center {
    height: 384px;
    margin-bottom: 20px;
    margin-top: 66px;
}

.new-center-right {
    margin-left: 30px;
}

.new-center-left-bt-left {
    float: left;
    color: #009fe9;
    font-size: 16px;
}

.new-center-left-bt {
    float: left;
    height: 45px;
    border-bottom: 1px solid #e6e6e6;
}

.new-center-left-con ul li {
    border-bottom: 1px dashed #f0f0f0;
    height: 46px;
}

.new-center-left-con ul li a {
    line-height: 49px;
    font-size: 14px;
    color: #666;
}

.new-center-left-bt-right {
    float: right;
    margin-top: -8px;
    font-size: 25px;
    font-weight: bold;
    color: #009fe9;
}

.new-center-left-bt-right a {
    color: #009fe9;
    text-decoration: none;
}

.new-center-left-bt {
    height: 45px;
    width: 450px;
}

.new-center-left-con {
    padding-top: 10px;
    width: 450px;
    overflow: hidden;
    height: 250px;
    margin-top: 10px;
}

.new-center-left-con-bt {
    height: 46px;
    width: 347px;
    float: left;
}

.new-center-left-con-date {
    width: 83px;
    height: 40px;
    float: left;
    color: #666666;
    line-height: 49px;
}

.new-center-shuxian {
    margin-left: -50px;
}


/* 产品展示 */

.pro-display {
    margin-bottom: 80px;
}

.pro-display-bt-left {
    float: left;
    color: #009fe9;
    font-size: 16px;
}

.pro-display-bt {
    border-bottom: 1px solid #e6e6e6;
    height: 45px;
}

.pro-display-bt-right {
    float: right;
    margin-top: -8px;
    font-size: 25px;
    font-weight: bold;
    color: #009fe9;
}

.pro-display-bt-right a {
    color: #009fe9;
}

.pro-display-list-img {
    width: 347px;
    height: 230px;
}

.pro-display-list {
    margin-top: 30px;
}

.pro-display-list-img img {
    width: 100%;
    height: 100%;
}


/* 诚信经营 */

/*.service-bg {
    background: url("../../static/pic/service-bg.jpg");
    height: 118px;
    background-size: 100%;
}*/

.service-bg p{
    margin-bottom: 0;
}

.service-cx {
    margin-top: 30px;
}

.service-zl {
    float: right;
    margin-top: 30px;
    /* margin-left: 90px; */
}


/* 产品优势 */

.pro-adv {
    margin: 100px auto;
}
.pro-adv b,.pro-adv strong{
    font-size: 20px;
}
.pro-adv-left-img {
    margin-left: 60px;
    width: 470px;
    height: 280px;
}

.pro-adv-left-img img {
    width: 100%;
    height: 100%;
}

.pro-adv-right-con {
    margin-top: 10px;
    overflow: hidden;
    width: 497px;
    /* height: 252px; */
}


/* 专业定制 */

.profess-bg {
    height: 600px;
    background: url("../../static/pic/zydj-bg.jpg");
}

.service-bg-left {
    float: right;
}

.profess-bg-left-en {
    margin-top: 160px;
    font-size: 20px;
    color: #999999;
}

.service-bg-left-en {
    margin-top: 160px;
    font-size: 20px;
    color: #999999;
    text-align: right;
}

.profess-bg-left-cn-con {
    font-size: 24px;
    font-weight: bold;
    color: rgb(0, 159, 233);
}

.service-bg-left-cn-con {
    font-size: 24px;
    font-weight: bold;
    color: rgb(0, 159, 233);
    float: right;
}

.profess-bg-left-cn {
    height: 50px;
}

.profess-bg-left-cn-ico {
    margin-top: 4px;
    float: left;
    width: 25px;
}

.service-bg-left-cn-ico {
    margin-top: 4px;
    float: right;
    /* width: 25px; */
}

.profess-bg-left-cn-con {
    float: left;
}

.profess-bg-left-con {
    line-height: 36px;
    margin-top: 18px;
    font-size: 16px;
    color: #666666;
    width: 378px;
    height: 126px;
    overflow: hidden;
}

.service-bg-left-con {
    float: right;
    line-height: 36px;
    margin-top: 18px;
    font-size: 16px;
    color: #666666;
    /* width: 378px;
    height: 126px; */
    overflow: hidden;
    text-align: right;
}

.profess-bg-right-img {
    margin-top: 100px;
}


/* 服务支持 */

.service-zc-bg {
    margin-bottom: 100px;
}


/* 联系我们 */

.contact-bg {
    margin-bottom: 80px;
}

.contact-left {
    margin-top: 60px;
}

.n-phone-num {
    color: #333333;
    margin-top: 5px;
}

.n-add-1 {
    color: #333333;
    margin-top: 5px;
}

.n-QQ-num {
    color: #333333;
    margin-top: 5px;
}

.n-fax-num {
    color: #333333;
    margin-top: 5px;
}

.company-name {
    color: #333333;
    font-weight: bold;
}

.contact-left-bt {
    width: 440px;
    height: 45px;
    border-bottom: 1px solid #e6e6e6;
    color: rgb(0, 159, 233);
    font-size: 16px;
}

.contact-left-img {
    margin-top: 25px;
}

.contact-left-con {
    margin-top: 20px;
    width: 440px;
}

.contact-left-add-img {
    float: left;
    width: 24px;
    height: 24px;
}

.contact-left-add-img img {
    width: 100%;
    height: 100%;
}

.contact-left-add {
    width: 440px;
    height: 18px;
}

.contact-left-add-con {
    margin-top: 2px;
    margin-left: 10px;
    float: left;
    font-size: 15px;
    color: #666666;
}

.mobile-about-con-img img {
    padding: 3%;
    width: 100%;
}

.mobile-about-con-con {
    padding: 3%;
    color: #666666;
    width: 100%;
    font-size: 14px;
}

.online-me-right-bt {
    width: 440px;
    height: 45px;
    border-bottom: 1px solid #e6e6e6;
    color: rgb(0, 159, 233);
    font-size: 16px;
}

.online-me-right {
    margin-top: 60px;
}

.online-me-right-con-bt {
    font-size: 14px;
    color: #666666;
}

.online-me-right-con-bt {
    width: 450px;
    height: 21px;
    margin-top: 20px;
}

.me-form {
    margin-top: 30px;
    font-size: 14px;
    color: #666666;
}

.message-all-s {
    margin-top: 8px;
    width: 450px;
    height: 50px;
}

.message-name {
    line-height: 36px;
}

.message-name,
.message-name-input {
    float: left;
}

.message-name-area textarea {
    width: 246px;
    height: 66px;
    background-color: white;
}

.me-form input {
    border: 1px solid #dadada;
    width: 184px;
    height: 34px;
}

.contact-submit {
    border: none;
    margin-left: 40px;
    margin-top: 40px;
    background-color: #5ab4ff;
    color: white;
    width: 219px;
    height: 44px;
}


/* 底部 */

.footer {
    border-bottom: 1px solid #e6e6e6;
    background-color: #333333;
}

.footer-con-btt {
    font-weight: bold;
    font-size: 24px;
    color: rgb(0, 159, 233);
}

.footer-con-btt p{
    margin-bottom: 0;
}

.footer-con {
    font-size: 24px;
    padding-top: 40px;
}

.footer-con-btn {
    font-weight: bold;
    color: rgb(204, 204, 204);
}

.footer-underline {
    margin-top: 4px;
    color: rgb(204, 204, 204);
}

.footer-contact {
    margin-top: 30px;
    color: rgb(132, 132, 132);
}

.banquan-content {
    margin-bottom: 80px;
    margin-top: 30px;
    color: rgb(132, 132, 132);
}


/* 关于我们分页 */

.about-banner-img {
    width: 1000px;
    text-align: center;
    margin: 0 auto;
}

.about-banner-img img{
    width: 100%;
}
/* 产品分类 */

.n-pro-list {
    background: rgba(0, 0, 0, 0) url("../../static/pic/hengkuan-pro.jpg") repeat-x top;
    width: 209px;
    height: 45px;
}

.n-pro-list-bt {
    margin-left: 20px;
    line-height: 42px;
    font-size: 16px;
    color: white;
}

.n-pro {
    float: left;
    margin-top: 30px;
    margin-left: 55px;
    border: 1px solid #e6e6e6;
    width: 210px;
    height: 243px;
}

.n-pro-list-con ul li {
    line-height: 49px;
    width: 210px;
    height: 47px;
    border-bottom: 1px dashed #f0f0f0;
}

.n-pro-list-con ul li a {
    text-decoration: none;
    margin-left: 20px;
}

.n-pro-list-con ul li a:hover {
    color: #09abf4;
}

.n-pro-list-con ul li:last-child {
    border: none;
}

.page-num-current{
    font-weight: bold;
}


/* 关于我们 */

.n-about {
    margin-top: 30px;
    margin-left: 20px;
    width: 770px;
    float: left;
}

.n-pro-xq-right-con {
    margin-bottom: 80px;
    margin-top: 30px;
    margin-left: 20px;
    width: 770px;
    float: left;
}

.n-about-bt {
    padding-left: 20px;
    line-height: 42px;
    font-size: 16px;
    color: white;
    background: rgba(0, 0, 0, 0) url("../../static/pic/hengkuan-pro.jpg") repeat-x top;
    width: 770px;
    height: 45px;
}

.n-about-img {
    margin-top: 20px;
    width: 770px;
    height: 220px;
}

.n-about-img img {
    width: 100%;
    height: 100%;
}

.n-about-con {
    margin-top: 5px;
    width: 770px;
    height: 210px;
    overflow: hidden;
}



/* 联系我们 */

.n-about-contact {
    margin-bottom: 80px;
    border: 1px solid #e6e6e6;
    float: left;
    margin-top: 30px;
    margin-left: 55px;
    width: 210px;
    height: 297px;
}

.n-about-con-left {
    width: 269px;
    float: left;
}

.n-about-contact-bt {
    background: rgba(0, 0, 0, 0) url("../../static/pic/hengkuan-pro.jpg") repeat-x top;
    width: 209px;
    height: 45px;
    line-height: 42px;
    padding-left: 20px;
    font-size: 16px;
    color: white;
}

.n-about-contact-con {
    overflow: hidden;
    padding: 20px;
    padding-right: 10px;
    width: 208px;
    height: 240px;
}


/* 内页产品中心 */

.n-about-pro-list {
    width: 808px;
    margin-top: 20px;
}

.n-about-pro-list ul li {
    margin-bottom: 55px;
    margin-right: 17px;
    float: left;
    width: 180px;
    height: 130px;
}

.n-about-pro-list-img img {
    width: 100%;
    height: 100%;
}

.n-about-pro-list-bt {
    margin-top: 15px;
    margin-bottom: 15px;
    text-align: center;
}


/* 内页新闻资讯 */

.n-news-con {
    width: 770px;
    height: 440px;
}

.n-news-con ul li {
    border-bottom: 1px dashed #f0f0f0;
    width: 760px;
    height: 46px;
}

.n-news-con-bt {
    width: 667px;
    line-height: 48px;
    padding-left: 20px;
    float: left;
}

.n-news-con-date {
    line-height: 48px;
    float: right;
}


/* 内页产品详情 */

.n-pro-xq-img {
    margin-bottom: 80px;
    float: left;
    border: 1px solid #d1d1d1;
    width: 350px;
    /* height: 350px; */
}

.n-pro-xq-img img {
    display: flex;
    justify-content: center;
    text-align: center;
    width: 100%;
}

.n-pro-xq-bt {
    width: 375px;
    height: 40px;
    border-bottom: 1px solid #d1d1d1;
    font-weight: 700;
    color: #585858;
    margin-left: 28px;
    font-size: 20px;
    text-align: left;
    word-break: break-word;
}

.n-pro-xq-cs {
    color: #828282;
    margin-top: 15px;
    margin-left: 41px;
    width: 375px;
}

.n-pro-xq-right {
    float: left;
}

.n-pro-xq-cs-type,
.n-pro-xq-cs-type,
.n-pro-xq-cs-type {
    margin-top: 8px;
}

.n-pro-xq-cs-phone {
    margin-top: 20px;
    text-align: center;
    line-height: 36px;
    width: 142px;
    height: 40px;
    color: #00a0e9;
    border-radius: 3px;
    border: 1px solid #00a0e9;
}

.n-pro-xq {
    height: 360px;
}

.n-pro-xq-con {
    float: left;
}

.n-pro-xq-con-bt {
    width: 754px;
    height: 41px;
}

.n-pro-xq-con-bt {
    position: relative;
    top: 1px;
    color: #666666;
    font-weight: bold;
    line-height: 36px;
    text-align: center;
    width: 117px;
    height: 41px;
    border: 1px solid #00a0e9;
    border-bottom: 2px solid white;
    border-top: 2px solid #00a0e9;
}

.n-pro-xq-con-con {
    width: 754px;
    border-top: 1px solid #00a0e9;
}

.n-pro-xq-con-con {
    padding-top: 20px;
}

/* 清除浮动 */
.clear{
    clear: both;
}

/* 页面样式 */
.page-num{
    margin: 5px;
}