.advantage { margin: 70px 0 92px; padding: 0 87px; }
.advantage li.col-md-3 { padding-left: 6px; padding-right: 6px; }
.advantage li .banner-item { height: 140px; padding-top: 40px; text-align: center; background: #f1f4fd; }
.advantage li p { margin-top: 12px; font-size: 15px; color: #111c38; }
.advantage li:last-child .banner-item { padding-left: 40px; text-align: left; background: #026eb7; }
.advantage li:last-child .banner-item h4 {font-size: 20px;color: #fff;font-weight: normal;}
.advantage li.col-md-3:nth-child(4) .banner-item {background: #026eb7!important;}
.advantage li.col-md-3:nth-child(4) .banner-item  p{color:#fff;}
@media (min-width: 1366px) { .container { width: 1336px; position: relative; } }
.demo-header-right {    font-size: 13px; position: absolute; right: 0; background: url(../image/tel.png) 60px no-repeat #026eb7; width: 14.479%; padding: 18px 0 0 106px; height: 82px; color: #fff; }
.demo-header-right p { margin-bottom: 0; }

.demo-about-left img { max-width: 100%; }

.demo-about-right { padding-left: 50px; }
.demo-about-right .mtit { margin: 34px 0 40px; font-size: 12px; color: #7a86a6; text-transform: uppercase; }
.demo-about-right p { font-size: 14px; color: rgba(17, 28, 56, 0.8); margin-bottom: 0; }
.demo-about-right p strong { font-size: 20px; color: #111c38; font-weight: bold; text-transform: uppercase; margin-bottom: 0; }
.demo-about-right h4 { margin-bottom: 34px; font-size: 22px; color: #111c38; font-weight: normal; }
.demo-about-right a { margin-top: 56px; display: inline-block; height: 40px; line-height: 40px; padding: 0 44px; background: #026eb7; font-size: 14px; color: #fefefe; }

.f-l { float: left; }

.demo-title { border-bottom: 1px solid #e4e7ed; }
.demo-title h3 { font-size: 20px; color: #111c38; font-weight: normal; margin-bottom: 0; }
.demo-title p { font-size: 12px; color: #7a86a6; }

.demo-product { margin-top: 82px; }

.product-sort { margin-top: 30px; float: right; }
.product-sort li { float: left; }
.product-sort li a { display: inline-block; height: 56px; line-height: 56px; margin-right: 32px; font-size: 14px; color: #111c38; }
.product-sort li a.more { display: inline-block; width: 13px; height: 56px; margin-right: 0; background: url(../image/more.png) center no-repeat; }
.product-sort li a.more:hover { background: url(../image/more_on.png) center no-repeat; }

.reanson { margin-top: 86px; background: url(../image/re_bg.png) center no-repeat; background-size: cover; padding: 80px 0 82px; }
.reanson .inner { padding-left: 87px; }

.titles p { font-size: 20px; color: #fff; text-transform: uppercase; font-weight: bold; }
.titles h3 { font-size: 22px; color: #fff; }

.reslist { margin-top: 48px; }
.reslist li .banner-item { text-align: center; padding: 72px 42px; background: rgba(255, 255, 255, 0.1); }
.reslist li .banner-item h4 {margin: 15px 0 42px;font-size: 16px;color: #fff;font-weight: normal;}
.reslist li .banner-item p { font-size: 13px; color: rgba(255, 255, 255, 0.9); }

.demo-news-top { padding: 42px 40px 38px 40px; border: 1px solid #e5e5e5; }
.demo-news-top:hover { border-color: #026eb7; }
.demo-news-top:hover span { color: #026eb7; }
.demo-news-top span { display: inline-block; font-size: 14px; color: rgba(17, 28, 56, 0.9); }

.demo-message-wrap table { width: 100%; table-layout: fixed; }
.demo-message-wrap table td { padding-right: 12px; }

.linkUs { margin-top: 56px; height: 65px; line-height: 65px; font-size: 12px; color: rgba(255, 255, 255, 0.3); border-top: 1px solid #313c59; }
.linkUs a { display: inline-block; padding: 0 4px; font-size: 12px; color: rgba(255, 255, 255, 0.3); }


@media(max-width:768px){
    .linkUs{
            margin-top: 56px;
    line-height: 30px;
    height:auto;
    }
}

.category-list .xypg-left-nav { border-bottom: 1px solid #d7dae4; }
.category-list .xypg-left-nav li { float: left; margin-bottom: 16px; }

.sub-category { background: #f7f9fe; }
.sub-category li { padding: 28px 0 48px; float: left; }
.sub-category li a { display: inline-block; margin: 0 20px; font-size: 14px; color: #111c38; }
.sub-category li.clicked a { color: #026eb7; }

.xypg-news-list li { float: left; width: 30.3%; margin-right: 3%; text-align: left; }
.xypg-news-list li:first-child { 
    width: 100%;
    margin-right: 0; margin-bottom: 68px; padding: 0; }
.xypg-news-list li:first-child img { max-width: 100%; width: 100%; }
.xypg-news-list li .root { padding: 48px 82px; text-align: center; }
.xypg-news-list li .root .tit h3 { padding-bottom: 26px; border-left: none; font-size: 16px; color: #111c38; }
.xypg-news-list li .root .date { font-size: 13px; color: #7a86a6; }

.xypg-product-list li { text-align: center; }
.xypg-product-list li a.img { border: 1px solid #e4e7ed; }
.xypg-product-list li a:hover.img { border-color: #026eb7; }
.xypg-product-list li:hover h3 a { color: #026eb7; }

.mintit { margin-bottom: 46px; height: 40px; line-height: 40px; border-bottom: 1px solid #e4e7ed; position: relative; }
.mintit::after { content: ''; position: absolute; left: 0; bottom: 0; width: 20px; height: 4px; background: #bcc2d2; }

.table-msg { width: 100%; }
.table-msg td { padding-bottom: 6px; padding-right: 10px; }
.table-msg .input-txt { height: 38px; line-height: 38px; border: 1px solid #d7dae4; width: 100%; font-size: 13px; color: #333; padding-left: 10px; }
.table-msg .input-txt::placeholder, .table-msg .input-txt:-ms-input-placeholder, .table-msg .input-txt::-webkit-input-placeholder { color: #111c38; font-size: 13px; }
.table-msg .textarea-txt { height: 210px; border: 1px solid #d7dae4; width: 100%; font-size: 13px; color: #333; padding-left: 10px; }
.table-msg .textarea-txt::placeholder, .table-msg .textarea-txt:-ms-input-placeholder, .table-msg .textarea-txt::-webkit-input-placeholder { color: #111c38; font-size: 13px; }
.table-msg .btn-submit { margin-top: 6px; height: 38px; line-height: 1; background: #026eb7; font-size: 14px; color: #fff; border-radius: 0; }
.table-msg .btn-submit:hover { background: #0e3bad; }
.table-msg .n-right { float: right; margin-top: -22px; }

.product-detail-imgbox { background: #fff; }

.product-detail-swiper { float: left; width: 420px; }

.product-detail-swiper .view { border: 1px solid #e5e5e5; }

.product-detail-swiper .view .swiper-slide { outline: none; }

.product-detail-swiper .view .slick-con { text-align: center; display: block; height: 414px; line-height: 414px; font-size: 0; }

.product-detail-swiper .view .slick-con img { max-width: 100%; max-height: 100%; vertical-align: middle; }

.product-detail-swiper .view .slick-con:after { content: ""; height: 100%; vertical-align: middle; display: inline-block; }

.product-detail-swiper .preview { margin: 0 auto; margin: 0 26px; position: relative; margin-top: 10px; }

.product-detail-swiper .view { position: relative; }

.product-detail-swiper .preview .swiper-slide { outline: none; }

.product-detail-swiper .preview .swiper-slide.active-nav .slick-con { border-color: #00a0e9; }

.product-detail-swiper .preview .slick-con { text-align: center; display: block; height: 90px; line-height: 80px; margin: 0 5px; border: 1px solid #eee; font-size: 0; }

.product-detail-swiper .preview .slick-con img { max-width: 100%; max-height: 100%; vertical-align: middle; }

.product-detail-swiper .preview .slick-con:after { content: ""; height: 100%; vertical-align: middle; display: inline-block; }

.product-detail-swiper .view .arrow-left, .product-detail-swiper .view .arrow-right, .product-detail-swiper .preview .arrow-left, .product-detail-swiper .preview .arrow-right { position: absolute; z-index: 99; top: 50%; margin-top: -45px; width: 20px; height: 90px; text-align: center; line-height: 50px; color: #fff; font-size: 20px; border: 1px solid #e4e7ed; }

.product-detail-swiper .view .arrow-left, .product-detail-swiper .preview .arrow-left { left: -26px; background: url(../image/n_prev.png) center no-repeat; }

.product-detail-swiper .view .arrow-left:hover, .product-detail-swiper .view .arrow-right:hover { border-color: #87a3ea; }

.product-detail-swiper .view .arrow-right, .product-detail-swiper .preview .arrow-right { right: -26px; background: url(../image/n_next.png) center no-repeat; }

.product-detail-list1 { width: calc(100% - 440px); padding: 90px 0 120px 100px; float: right; background: #f7f9fe; }

.product-detail-list b { float: left; font-size: 16px; color: #5a5a5a; font-weight: normal; }

.product-detail-list h1 { margin-bottom: 64px; font-size: 24px; font-weight: bold; color: #111c38; }

.product-detail-item li { margin: 8px 0; font-size: 14px; color: #111c38; }

.product-detail-inquiry a { display: inline-block; height: 40px; line-height: 40px; padding: 0 48px; background: #026eb7; font-size: 14px; color: #fff; margin: 35px 0 0 10px; }

.product-detail-inquiry a:hover { background: #1042c2; }

.product-detail-item li span { font-size: 14px; color: #7a86a6; }

.product-detail-tabbox { border-bottom: 1px solid #e5e5e5; }

.page-inner { padding-top: 0; }

.page-bread { margin: 92px 0 6px; }

.page-banner img { max-width: 100%; }

.pd70 { padding-bottom: 70px; }

.mt0 { margin-top: 0; }

@media screen and (max-width: 1366px) { .demo-header-right { padding-left: 66px; background-position: 30px; }
  .demo-about-right a { margin-top: 15px; } }
@media screen and (max-width: 1024px) { .demo-logo { left: 20px; }
  .demo-header-right { padding-left: 36px; background-position: 10px; }
  .advantage { padding: 0; }
  .demo-about-right .mtit { margin: 0; }
  .reslist li .banner-item { padding: 20px; }
  .demo-menu > li { margin: 0 10px; } }
@media screen and (max-width: 768px) { .advantage li { margin-bottom: 10px; }
  .demo-about-right { padding-left: 0; }
  .demo-product { margin-top: 20px; }
  .reanson .inner { padding-left: 0; }
  .reslist li { height: 204px; margin-bottom: 10px; }
  .demo-news-top { padding: 8px; }
  .demo-message-wrap { margin-top: 10px; }
  .page-bread { margin: 0; }
  .product-detail-list1 { padding-left: 10px; }
  .xypg-news-list li { padding: 10px; }
  .pd70 { padding-bottom: 20px; } }
@media screen and (max-width: 450px) { .demo-about-right h4 { font-size: 17px; }
  .demo-about-right p strong { font-size: 16px; }
  .product-sort li a { margin-right: 20px; }
  .reanson { margin-top: 30px; }
  .reslist li .banner-item { padding: 8px; }
  .reslist li .banner-item h4 { margin-bottom: 14px; }
  .demo-news-top { margin-bottom: 10px; }
  .page-position { margin-bottom: 0; }
  .product-detail-swiper, .product-detail-list1 { float: none; width: 100%; }
  .product-detail-list1 { margin-top: 10px; padding: 20px 10px; }
  .xypg-news-list li { width: 100%; }
  .xypg-news-list li .root { padding: 20px; }
  .page-wrap { padding-top: 16px; } }

/*# sourceMappingURL=main.css.map */


.hhma{
    display: none;
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
   
}
.hhma a{
    color: #fff;
    line-height: 40px;
    text-align: center;
}
.bohao{
    width:50%;
    float: left;
    background: #005fac;
}
.bohao span{
    display: block;
    color: #fff;
    text-align: center;
}

.zix{
    float: right;
    background: #22ab37;
    width:50%;
    color: #fff;
}
.zix span{
     display: block;
    color: #fff;
    text-align: center;
}
@media(max-width:768px){
    .hhma{
        display:block;
    }
}










