/** 清除内外边距 **/
                
                body,
                h1,
                h2,
                h3,
                h4,
                h5,
                h6,
                hr,
                p,
                blockquote,
                /* structural elements 结构元素 */
                
                dl,
                dt,
                dd,
                ul,
                ol,
                li,
                /* list elements 列表元素 */
                
                pre,
                /* text formatting elements 文本格式元素 */
                
                form,
                fieldset,
                legend,
                button,
                input,
                textarea,
                /* form elements 表单元素 */
                
                th,
                td
                /* table elements 表格元素 */
                
                {
                    margin: 0;
                    padding: 0;
                }
                /** 设置默认字体 **/
                
                body,
                button,
                input,
                select,
                textarea
                /* for ie */
                
                {
                    font: 14px/1.0 "Microsoft YaHei", "黑体", "宋体", sans-serif;
                }
                
                h1,
                h2,
                h3,
                h4,
                h5,
                h6 {
                    font-size: 100%;
                    font-weight: normal;
                }
                
                address,
                cite,
                dfn,
                em,
                var,
                i {
                    font-style: normal;
                }
                /* 将斜体扶正 */
                
                code,
                kbd,
                pre,
                samp {
                    font-family: courier new, courier, monospace;
                }
                /* 统一等宽字体 */
                
                small {
                    font-size: 12px;
                }
                /* 小于 12px 的中文很难阅读, 让 small 正常化 */
                /** 重置列表元素 **/
                
                ul,
                li,
                ol {
                    list-style: none;
                }
                /** 重置文本格式元素 **/
                
                a {
                    text-decoration: none;
                    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
                    color: #333;
                }
                
                a:hover {
                    text-decoration: none;
                    cursor: pointer;
                }
                
                sup {
                    vertical-align: text-top;
                }
                /* 重置, 减少对行高的影响 */
                
                sub {
                    vertical-align: text-bottom;
                }
                /** 重置表单元素 **/
                
                legend {
                    color: #000;
                }
                /* for ie6 */
                
                fieldset,
                img {
                    border: 0;
                }
                /* img 搭车：让链接里的 img 无边框 */
                
                button,
                input,
                select,
                textarea {
                    font-size: 100%;
                    outline: none;
                }
                /* 使得表单元素在 ie 下能继承字体大小 */
                
                input::-ms-clear {
                    display: none;
                }
                /*隐藏文本框叉子*/
                
                input::-ms-reveal {
                    display: none;
                }
                /*隐藏密码框小眼睛*/
                /* 注：optgroup 无法扶正 */
                /** 重置表格元素 **/
                
                table {
                    border-collapse: collapse;
                    border-spacing: 0;
                }
                /* 重置 HTML5 元素 */
                
                article,
                aside,
                details,
                figcaption,
                figure,
                footer,
                header,
                hgroup,
                menu,
                nav,
                section,
                summary,
                time,
                mark,
                audio,
                video {
                    display: block;
                    margin: 0;
                    padding: 0;
                }
                
                body {
                    /*overflow-x: hidden;*/
                }
                
                @font-face {
                    font-family: "NotoSansHans-Regular";
                    src: url('../font/NotoSansHans-Regular.otf');
                    font-weight: normal;
                    font-style: normal;
                }
                
                @media screen and (max-width: 640px) {
                    html {
                        font-size: 20px;
                    }
                }
                
                @media screen and (max-width: 480px) {
                    html {
                        font-size: 20px;
                    }
                }
                
                @media screen and (max-width: 380px) {
                    html {
                        font-size: 18px;
                    }
                }
                
                @media screen and (max-width: 320px) {
                    html {
                        font-size: 16px;
                    }
                }
                
                p {
                    text-align: justify;
                    text-justify: inter-ideograph;
                }
                
                html {
                    font-size: 20px;
                    height: 100%;
                    background: #fff;
                }
                
                .clear::after {
                    content: ".";
                    display: block;
                    height: 0;
                    visibility: hidden;
                    clear: both;
                }
                
                .cen {
                    position: absolute;
                    margin: auto;
                    top: 0;
                    left: 0;
                    right: 0;
                    bottom: 0;
                }
                
                .center {
                    position: absolute;
                    top: 50%;
                    left: 50%;
                    transform: translate(-50%, -50%);
                }
                
                .content {
                    width: 65.7%!important;
                    margin: 0 auto;
                    overflow: hidden;
                }
                
                .pic-box {
                    overflow: hidden;
                    z-index: 33;
                    height: 100%;
                    width: 100%;
                }
                
                .pic-box img {
                    transition: all 0.5s ease;
                    width: 100%;
                    height: 100%;
                }
                
                .pic-box:hover img {
                    transform: scale(1.1, 1.1);
                }
                
                .swiper-container {
                    width: 100%;
                    /* height: 100%; */
                }
                
                .swiper-button-prev,
                .swiper-button-next {
                    outline: none;
                }
                
                img {
                    vertical-align: middle;
                }
                
                .swiper-slide a {
                    display: block;
                }
                
                .left {
                    float: left;
                }
                
                .right {
                    float: right;
                }
                
                @media screen and (max-width:500px) {}
                
                .tech-c a {
                    display: block;
                    margin: 0 auto;
                    width: 445px;
                    height: 125px;
                    border: 1px solid #154c97;
                    border-radius: 68px;
                    font-size: 0;
                    background-color: #154c97;
                    text-align: left;
                    padding: 12px;
                    box-sizing: border-box;
                    transition: all 0.3s ease;
                    margin-bottom: 45px;
                }
                
                .tech-c {
                    text-align: center;
                    padding-top: 220px;
                    /* margin-bottom: 180px; */
                }
                
                .tech-c a .round {
                    width: 100px;
                    height: 100px;
                    border-radius: 50%;
                    display: inline-block;
                    background-color: #fff;
                    position: relative;
                    transition: all 0.3s ease;
                }
                
                .tech-c a .round img {
                    transition: all 0.3s ease;
                }
                
                .hoafter {
                    opacity: 0;
                }
                
                .tech-c a:hover .hoafter {
                    opacity: 1;
                }
                
                .tech-c a:hover .hobefore {
                    opacity: 0;
                }
                
                .tech-c a:hover .round {
                    background-color: #154c97;
                }
                
                .tech-c a:hover {
                    background-color: #fff;
                }
                
                .tech-c a .font {
                    width: 319px;
                    float: right;
                    font-size: 30px;
                    color: #fff;
                    text-align: center;
                    line-height: 101px;
                }
                
                .tech-c a:hover .font {
                    color: #154c97;
                    transition: all 0.3s ease;
                }
                
                .prd a {
                    display: inline-block;
                    margin-right: 44px;
                }
                
                .teti {
                    font-size: 48px;
                    color: #fff;
                }
                
                .tetibg {
                    background-color: #154c97;
                    width: 100%;
                    position: absolute;
                    bottom: 0;
                    left: 0;
                    height: 22px;
                    z-index: -1;
                }
                
                .tech {
                    position: absolute;
                    top: 50%;
                    transform: translateY(-50%);
                }
                
                .techti {
                    display: inline-block;
                    position: relative;
                }
                
                .tedetail .top .ti {
                    font-size: 34px;
                    color: #333;
                    text-align: center;
                    border-bottom: 1px solid #154c97;
                    position: relative;
                    padding: 25px 0;
                    margin-top: 88px;
                    margin-bottom: 40px;
                }
                
                .tedetail .xian {
                    position: absolute;
                    left: 50%;
                    transform: translateX(-50%);
                    bottom: 0;
                    border-top: 4px solid #154c97;
                    width: 100px;
                }
                
                .tedetail .de {
                    font-size: 16px;
                    color: #000!important;
                    line-height: 30px;
                    margin-bottom: 70px;
                }
                
                .mode .ti {
                    background-color: #154c97;
                    font-size: 20px;
                    color: #fff;
                    line-height: 40px;
                    padding: 0 18px;
                    display: inline-block;
                    border-radius: 5px;
                }
                
                .picbox {
                    font-size: 0;
                    text-align: center;
                }
                
                .mode .box {
                    display: inline-block;
                    margin-right: 100px;
                }
                
                .box p {
                    font-size: 14px;
                    color: #154c97;
                    text-align: center;
                    margin-top: 15px;
                }
                
                .mode .de {
                    margin-top: 18px;
                }
                
                .mode .picbox {
                    margin-top: 30px;
                }
                
                .mode .pic {
                    text-align: center;
                }
                
                .picsan {
                    margin-top: 40px;
                    text-align: center;
                }
                
                .picsan img {
                    margin-right: 35px;
                }
                
                .mode-ul li {
                    display: inline-block;
                }
                
                .mode-ul {
                    font-size: 0;
                    margin-top: 45px;
                }
                
                .mode-ul li {
                    width: 30%;
                    margin-right: 5%;
                    margin-bottom: 30px;
                }
                
                .mode-ul li:nth-child(3n) {
                    margin-right: 0;
                }
                
                .mode-ul li p {
                    font-size: 18px;
                    color: #154c97;
                    text-align: center;
                    margin-top: 15px;
                }
                
                .mode-ul li img {
                    width: 100%;
                }
                
                #certify {
                    position: relative;
                    width:800px;
                    margin: 0 auto;
                }
                
                #certify img {
                    width: 100%;
                }
                
                #certify .cover {
                    position: absolute;
                    top: 0;
                    left: 0;
                    width: 100%;
                    height: 100%;
                    background-color: rgba(255, 255, 255, 0.5);
                }
                
            /*    #certify .swiper-slide-active .cover {
                    background-color: rgba(255, 255, 255, 0);

                }*/
                
                #certify .swiper-container .swiper-button-prev {
                    background-image: url('../images/sl.png');
                    left: 77px;
                }
                
                #certify .swiper-container .swiper-button-next {
                    background-image: url('../images/sr.png');
                    right: 77px;
                }
                
                #certify .swiper-container .swiper-button-next,
                #certify .swiper-container .swiper-button-prev {
                    width: 40px;
                    height: 80px;
                    background-color: #154c97;
                    background-position: center;
                    margin-top: -40px;
                    background-size: 14px 24px;
                }
                
                #certify .swiper-container .swiper-button-next:hover,
                #certify .swiper-container .swiper-button-prev:hover {
                    background-position: center;
                    background-size: 14px 24px;
                }
/*jia*/

#certify1{
    position: relative;
}
                 #certify1 .button-prev {
                    background-image: url('../images/sl.png');
                    left: 0;
                }
                
               #certify1 .button-next {
                    background-image: url('../images/sr.png');
                    right: 0;
                }
                
                #certify1  .button-next,
               #certify1 .button-prev {
                    width: 40px;
                    height: 80px;
                    background-color: #154c97;
                    background-position: center;
                    /*margin-top: -40px;*/
                    background-size: 14px 24px;
                    background-repeat: no-repeat;
                    position: absolute;
                    top: 50%;
                    transform: translateY(-50%);
                    z-index: 999
                }
               #certify1  .button-next:hover,
                #certify1 .button-prev:hover {
                    background-position: center;
                    background-size: 14px 24px;
                }
                .about-box #certify1 {
                    margin-top: 80px;
                }
                
                .about-box #certify1 .swiper-container {
                    padding-bottom: 0;
                }
                
                .prod-detail .tit {
                    font-size: 28px;
                    color: #333;
                    border-left: 4px solid #154c97;
                    padding-left: 10px;
                    box-sizing: border-box;
                    margin-top: 110px;
                    margin-bottom: 40px;
                }
                
                .prod-ul li {  margin-bottom: 20px;
                    overflow: hidden;
                    display: inline-block;
                    width: 32%;
                    vertical-align: top;
                    margin-right: 2%;  border: 1px solid #154c97;
                    box-sizing: border-box;
                }
                
                .prod-ul li:nth-child(3n) {
                    margin-right: 0;
                }
                
                .prod-ul {
                    font-size: 0;
                    margin-bottom: 120px;
                }
                
                .prod-ul a {
                    display: block;
                    font-size: 0;
                    position: relative;
                  
                }
                
                .prod-ul a .pic {
                    display: inline-block;
                    width: 100%;
                    overflow: hidden;
                }
                
                .prod-ul a .pic img {
                    width: 100%;
                    transition: all 0.3s ease;
                }
                .prod-ul a:hover .pic img{
transform: scale(1.1);
                }
                .prod-ul a .font {
                    display: inline-block;
                  /*  position: absolute;
                    right: 0;
                    top: 0;*/
                    width: 100%;
                  
                   
                    box-sizing: border-box;
                    padding: 10px;
                    vertical-align: top;
                    height: 100%;
                }
                
                .prod-ul a .font .ti {
                    font-size: 17px;
                    color: #000;
                    text-align: center;
                    margin: 10px 0;
                }
                
                .prod-ul a .font .de {
                    font-size: 13px;
                    color: #000;
                    /*margin-bottom: 0;
                      overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 4;*/
  /*-webkit-box-orient: vertical;*/
  /*height:120px;*/
  /*overflow: hidden;*/
  /*height: 113px;*/
  /*overflow: hidden;*/
  margin-bottom: 0;
  height: 150px;
  overflow: hidden;
                }
                
                .prod-ul a .font .link {
                    font-size: 13px;
                    color: #154c97;
                  width: auto;
                  /*  width: 90px;
                    height: 30px;*/
                    line-height: 30px;
                    text-align: right;
                    margin: 0 auto;
                    margin-top: 10px;
                    border-radius: 3px;
                }
                
                .prod-font .pic {
                    float: right;
                }
                
                .prod-font .de {
                    width: 60%;
                    float: left;
                    /*margin-top: 30px;*/
                    margin-bottom: 0;
                }
                 .prod-font .de p{
                    text-indent: 2em;
                 }
                .pder .tit {
                    margin-bottom: 0;
                }
                
                .pdtop {
                    border-bottom: 1px solid #eaeaea;
                    padding-bottom: 65px;
                }
                
                .pdbottom .tit {
                    margin-top: 60px;
                    margin-bottom: 30px;
                }
                
                .delink a {
                    display: block;
                    margin-bottom: 30px;
                }
                
                .delink a:hover .zi {
                    color: #154c97;
                }
                
                .delink a .zi {
                    float: left;
                    transition: all 0.3s ease;
                    width: 80%;
                    font-size: 18px;
                    color: #000;
                    line-height: 25px;
                }
                
                .delink a .right {
                    width: 15%;
                    font-size: 16px;
                    color: #154c97;
                }
                
                .pdsan .ti {
                    font-family: 'NotoSansHans-Regular';
                    font-size: 28px;
                    color: #000;
                    margin-top: 55px;
                    margin-bottom: 20px;
                }
                
                .pdsan .de {
                    font-size: 16px;
                    color: #000;
                    line-height: 30px;
                }
                
                .pdsan .de .pic {
                    text-align: center;
                }
                
                .pdsan .de img {
                    margin: 50px 0;
                }
                .pro{
                    height: auto;
                    margin-bottom: 160px;
                }
                 .tedetail #certify .swiper-container{
                    padding-bottom: 0;
                    padding: 50px 0;
                 }
                 .tedetail #certify .swiper-container .ded{
                 	font-size: 16px;
                 	line-height: 40px;
                 	color: #fff;
                 	margin-top: 10px;
                 	text-align: center;
                 	position: absolute;
                 	bottom: 0;
                 	background: rgba(21,76,151,0.8);
                 	width: 100%;

                 }
                 @media screen and (max-width:1600px) {
                   .tech-c a .font{
                    font-size: 26px;
                   }
                  
                    .pro {
                        height: auto;
                        margin-bottom: 120px;
                    }
                   /* .tech-c a{
                        display: inline-block;
                    }*/
                    .teti{
                        font-size: 40px;
                    }
                    .tedetail .top .ti{
                        font-size: 30px;
                    }
                    .tedetail .top .ti{
                        margin-top: 40px;
                    }
                    .tedetail #certify{
                        width: 80%;
                    }
                    #certify .swiper-container .swiper-button-prev{
                        left: 0;
                    }
                     #certify .swiper-container .swiper-button-next{
                        right: 0;
                    }
                    .prod-detail .tit{
                        font-size: 26px;
                    }
                   .pdsan .ti{
                    font-size: 26px;
                   }
                }
                  @media screen and (max-width:1200px) {
 .prod-ul a .font{
                        height: auto;
                    }
                  }

                 @media screen and (max-width:750px) {
                 .tech-c a .round{
                    float: left;
                 }  
                 .tech-c a .font{
                    float: left;
                    width:75%;
                 }
                  .tech-c a {
                    margin-right: 0;
                   }
                  .tech-c a{
                    width: 80%;
                    height: auto;
                  }
                  .tech-c a .round{
                    width: 60px;
                    height: 60px;
                  }
                  .tech-c a .font{
                    font-size: 20px;
                    line-height: 60px;
                  }
                   .tech-c a .round img{
                    width: 40px;
                  }
                  .pro {
                        height: auto;
                        margin-bottom: 55px;
                    }
                     .tech-c a{
                        display: inline-block;
                    }
                     .teti{
                        font-size: 30px;
                    }
                     .tedetail .top .ti{
                        font-size: 24px;
                    }
                    .mode .ti{
                        font-size: 18px;
                    }
                    .mode-ul li p{
                        font-size: 16px;
                    }
                    .mode-ul li{
                        width: 49%;
                        margin-right: 2%!important;
                    }
                    .mode-ul li:nth-child(2n){
                        margin-right: 0!important;
                    }
                   /* .mode-ul li:nth-child(3n){
                        margin-right: 2%;
                    }*/
                    #certify .swiper-slide{
                        height: auto!important;
                    }
                    .tedetail #certify{
                        width: 100%;
                    }
                    .prod-detail .tit{
                        margin-top: 70px;
                    }
                     .prod-detail .tit{
                        font-size: 22px;
                    }
                    .pdsan .ti{
                    font-size: 22px;
                   }
                }
                   @media screen and (max-width:500px) {
                     .prod-detail .tit{
                        font-size: 18px;
                    }
 .tech-c a .font{
                    float: left;
                    font-size: 16px;
                    width:65%;
                    line-height: 45px;
                 }
                  .tech-c a .round{
                    width: 45px;
                    height: 45px;
                  }
                  .tech-c a .round img{
                    width: 30px;
                  }
                   .teti{
                        font-size: 22px;
                    }
                     .tedetail .top .ti{
                        font-size: 20px;
                    }
                      .tedetail .top .ti{
                        margin-top: 25px;
                    }

                   }
                   .top-nav li{
                    line-height: 2
                   }
                     @media screen and (max-width:1300px) {
.prod-ul a .font .de{
    line-height: 25px;
}
                     }
                      @media screen and (max-width:900px) {
.prod-ul li{
    width: 100%;
    margin-right: 0;
}
.prod-ul a .font{
    height: 100%
}
                      }
                       @media screen and (max-width:500px) {
.prod-ul a .pic{
    width: 100%;
}
.prod-ul a .font{
    position: static;
    width: 100%;
    border: 1px solid #154c97;
}
.prod-detail .tit {
    margin-top: 40px;
}
.pdsan .ti{
                    font-size: 20px;
                   }
                       }
                         @media screen and (max-width:1330px) {
.prod-font .de{
    width: 50%;
}
.prod-font .pic{
    width: 40%;
}
.prod-font .pic img{
    width: 100%;
}
                         }
                         .pdsan .de img{
                            max-width: 100%;
                         }
                           @media screen and (max-width:750px) {
.prod-font .de{
    width: 100%;
    float: none;
}
.prod-font .pic{
  width: 100%;
    float: none;
    text-align:  center;
    margin-top: 20px;
}
.prod-font .pic img{
    max-width: 80%;
}
.delink a .right{
    width: 50px;
}
                           }
                           .c-meesgae li{
                            line-height: 2
                           }
                           .footer p,
                           .footer a,
                           .footer h4{
                            line-height: 2
                           }
                       .header{
                        line-height: 2
                       }
                       .pdbottom{
                        margin-bottom: 120px;
                       }
                       .tedetail .de p{
                        text-indent: 2em;
                       }
                       #certify video{
                        width: 100%;
                       }
                       .pdbottom .de{
                        font-size: 16px;
                        color: #000;
                        line-height: 30px;

                       }
                       .pdbottom .de p{
                       	text-indent: 2em;
                       }
                      .pdbottom .de-a a {
                        border: 1px solid #154c97;
                        display: block;
                        box-sizing: border-box;
                        font-size: 0;
                        margin-bottom: 30px;
                       overflow: hidden;

                       }
                        .pdbottom .de-a a:hover .pic img{
                            transform: scale(1.1);
                        }
                       .pdbottom .de-a a .pic{
                        display: inline-block;
                        vertical-align: top;
                        border-right: 1px solid #154c97;
                        /*border-bottom: 1px solid #154c97;*/
                        box-sizing: border-box;
                        overflow: hidden;
                        width: 350px;
                       }
                        .pdbottom .de-a a .pic img{
                            transition: all 0.5s ease;
                            width: 100%;
                        }
                         .pdbottom .de-a a .font{
                            width: -moz-calc(100% - 350px);
                            width: -webkit-calc(100% - 350px);
                            width: calc(100% - 350px);
                            /*width: 76.7%;*/
                            vertical-align: top;
                            display: inline-block;
                             padding: 20px 25px;
                             box-sizing: border-box;
                        }
                        .pdbottom .de-a a .font .ti{
                            font-size: 17px;
                            margin-bottom:12px;
                            color: #000;
                            line-height: 30px;
                        }
                        .pdbottom .dede {
                            font-size: 14px;
                            color: #000;
                            line-height: 30px;
                            max-height: 120px;
                            overflow: hidden;
                             text-align: justify;
                    text-justify: inter-ideograph;
                        }
                          .pdbottom .link{
                            font-size: 14px;
                            color: #154c97;
                            text-align: right;
                            width: 100%;
                            margin-top: 20px;
                          } 
                        /*  .listbox .ti{
                            font-size: 16px;
                            color: #144c97;
                          }
                           .list-ul{
                            background-color: #fff;
                            
                            padding: 20px 0;
                            box-sizing: border-box;
                            font-size: 0;
                            text-align: left;
                           width: 1060px;
                           position: absolute;
                           top: 110px;
                           left: 50%;
                           transform: translateX(-50%);
                           box-shadow: 1px 1px 10px #272727;
                           border-radius: 5px;
                           }
                           .listbox a{
                            font-size: 12px;
                            color: #666;
                            display: block;

                           }
                             .listbox a.more{
                                color: #144c97;
                             }
                             .listbox {
                                display: inline-block;
                                border-left: 1px solid #cdcdcd;
                                box-sizing: border-box;
                                padding: 0 25px;
                                vertical-align: top;
                                width: 16.6%;
                                margin-bottom: 40px;
                             }
                             .listbg{
                                position: absolute;
                                top:-14px;
                                left: 50%;
                                transform: translateX(-50%);
                             }*/
                               @media screen and (max-width:750px) {
                                .pdbottom .de-a a .pic{
                                    width: 100%;
                                    border: none;
                                    border-bottom: 1px solid #154c97
                                }
                                 .pdbottom .de-a a .font{
                                    width: 100%;
                                }
                               }
                                @media screen and (max-width:1300px) {
                                .list-ul{
                                    width: 800px;
                                }
                                .listbox{
                                    width: 25%;
                                }
                                    }
                                 @media screen and (max-width:750px) {
                                       #certify1 .swiper-container{
                                        width: 100%;
                                        padding: 0;

                                       }
                                       #certify1 .swiper-container .img-box img{
                                        height: auto;
                                       }
                                         .listbox{
                                    width: 50%;
                                }
                                    }
                                    .phou .listbox{
                                       border: none;
                                       margin-bottom: 70px;
                                    }
                                    .phou{
                                        font-size: 0;margin-top: 50px;

                                    }
                                    .pdsan{
                                    	margin-bottom: 60px;
                                    }
                                    .pdsan .de p{
                                    	text-indent: 2em;
                                    }