.top{padding: 10px 0;}
.top-wrap{justify-content: space-between;color: #0061ae;}
.logo{align-items: center;font-size: 18px;font-weight: 600;}
.logo p{margin-left: 220px;font-size: 22px;}
.logo img{margin-right: 20px;}
.hot-line p:nth-of-type(1){font-size: 22px;margin-top: 20px;}
.hot-line p:nth-of-type(2){font-size: 22px;font-family: benmo;margin-top: 8px;}

.header{background-color: #00a0e9;font-size: 18px;height: 80px;background: rgba(0,160,223, 0.8);}
.header nav>ul{justify-content: space-between;height: 80px;}
.header nav>ul>li {padding: 20px 0;position: relative;}
.header nav>ul>li a{color: #fff;display: block;padding: 8px 0;}
.header nav>ul>.active>a{border-bottom: 1px solid #fff;font-weight: 600;}

.header nav>ul>li:hover>.sub-itemul{display: block;}
.header nav ul .sub-itemul{display: none;position: absolute;z-index: 2;white-space: nowrap;left: 0;top: 80px}
.header nav ul .sub-itemli{line-height: 40px;background-color: #ffffff;text-align: center;padding: 0 14px;}
.header nav ul .sub-itemli a{color: #333;}
.header nav ul .sub-itemli:hover{background: rgba(0,160,223, 0.8);}
.header nav ul .sub-itemli:hover>a{color: #fff;}


.commen-top{position: relative;text-align: center;height: 50px;line-height: 50px;border-bottom: 1px solid #d9d9d9;padding-top: 14px;}
.commen-top p{position: absolute;left: 0;right: 0;text-transform: uppercase;font-family: 'Times New Roman';font-size: 38px;color: #e4e4e4;z-index: 0;opacity: .32;}
.commen-top span{font-weight: 600;font-size: 20px;z-index: 1;position: absolute;left: 0;right: 0;}
.commen-top span:after{content: '/';margin-left: 6px;color: #267abf;font-size: 24px;}



.more-btn{width: 160px;height: 36px;line-height: 36px;text-align: center;background-color: #00a0e9;margin: 0 auto;margin-top: 40px;transition: .4s;}
.more-btn a{color: #fff;display: block;}
.more-btn:hover{background-color: #006dba;}
.index-section{margin-top: 60px;}
.content-1{padding-bottom: 50px;}
.content-1 .section-list{width: 100px;color: #333;text-align: center;margin-top: 6px;}
.content-1 .section-list li{margin-bottom: 20px;border-radius: 6px;padding: 4px;}
.content-1 .section-list li:hover{background-color: #006dba;color: #fff;cursor: pointer;}
.content-1 .section-list .active{background-color: #006dba;color: #fff;}
.content-1 .section-right{position: relative;width: 1050px;margin-left: 50px;}
.content-1 .section-right>span{
    transform:rotate(90deg);
    -ms-transform:rotate(90deg); /* Internet Explorer 9*/
    -moz-transform:rotate(90deg); /* Firefox */
    -webkit-transform:rotate(90deg); /* Safari 和 Chrome */
    -o-transform:rotate(90deg); /* Opera */
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
    position: absolute;
    right: -80px;
    font-family: 'Times New Roman', Times, serif;
    font-size: 19px;
    top: 80px;
    letter-spacing: 8px;
}
.content-1 .section-desc{width: 580px;background-color: #fff;position: absolute;right: 80px;padding: 30px 14px;line-height: 26px;color: #333;top: 40px;}
.content-1 .section-desc h3{margin-bottom: 20px;}
.content-1 .section-desc .more-btn{margin-top: 40px;}
.content-1 .step{width: 100px;text-align: right;font-size: 36px;font-family: 'Times New Roman';border-bottom: 4px solid #006dba;position: absolute;right: 0;bottom: 0;}


.content-2{background-color: #f2f2f2;padding-bottom: 40px;}
.content-2 .commen-top p{color: #acacac;opacity: 0.2;}

.content-2 .index-pro-sort ul{justify-content: space-between;margin-top: 10px;}
.content-2 .index-pro-sort ul li,.content-2 .index-zl-sort ul li{border: 1px solid #999;width: 160px;text-align: center;transition: all .4s;padding: 6px 0;}
.content-2 .index-pro-sort ul li:hover,.content-2 .index-zl-sort ul li:hover{cursor: pointer;background-color: #006dba;color: #fff;}
.content-2 .index-pro-sort ul .active,.content-2 .index-zl-sort ul .active{background-color: #006dba;color: #fff;}
.content-2 .commen-top{border-bottom: unset;}
.content-2 .wrap .index-product ul li,.content-2 .wrap .index-zl ul li{width: 270px;}
.content-2 .wrap .index-product ul li+li,.content-2 .wrap .index-zl ul li+li{margin-left: 40px;}
.content-2 .wrap .index-product ul,.content-2 .wrap .index-zl ul{justify-content: unset;}
.content-2 .index-zl-sort ul{justify-content: center;}
.content-2 .index-zl-sort ul li{margin: 20px;}
.content-3{padding-bottom: 40px;}
.index-video-box{margin-top: 30px;}
.index-video-box ul{justify-content: space-between;}
.index-video-box ul li{width: 375px;transition: all .4s;}
.index-video-box ul li a{position: relative;display: block;}
.index-video-box ul li a img:nth-of-type(2){position: absolute;width: 60px;height: 60px;left: 0;right: 0;top: 0;bottom: 0;margin: auto;}
.index-video-box ul li img{width: 100%;}
.index-video-box ul li h3{text-align: center;margin-bottom: 10px;}
.index-video-box ul li h3 a{color: #333;}
.index-video-box ul li:hover{box-shadow: 0 0 2px 2px #ccc;}
.index-video-box .video-word{padding: 14px;}
.index-video-box .video-desc{line-height: 24px;color: #666;margin-bottom: 20px;}
.index-video-box .video-more{width: 140px;background-color: #00a0e9;margin: 0 auto;line-height: 32px;height: 32px;border-radius: 8px;text-align: center;}
.index-video-box .video-more a{color: #fff;display: block;}

.content-4{background: url('../picture/img7.jpg');padding-bottom: 40px;}
.content-4 .commen-top{border-color: #fff;}
.content-4 .commen-top span{color: #fff;}
.content-4 .index-about{margin-top: 40px;}
.content-4 .index-about-lt{background-color: #00a0e9;width: 40%;padding:0 30px 30px 0px;position: relative;}
.content-4 .index-about-lt img{margin-top: -24px;}
.content-4 .index-about-lt i{width: 100px;height: 300px;display: block;position: absolute;bottom: 0;background-color: #00a0e9;}
.content-4 .index-about-rt{
  width: 48%;
  margin-left: 2%;
}
@media screen and (min-width:1800px){
  .content-4 .index-about-rt{width: 38%;margin-left: 2%;}
}

@media screen and (min-width:1500px) and (max-width:1800px){
  .content-4 .index-about-rt{width: 44%;margin-left: 2%;}
}
.content-4 .index-about-rt p{line-height: 26px;color: #fff;text-indent: 2em;}
.content-4 .more-btn{border: 2px solid #fff;height: 34px;line-height: 34px;}
.content-4 .more-btn:hover{background-color: #fff;}
.content-4 .more-btn:hover a{color: #006dba;}

.content-5{background-color: #00a0e9;margin-top: 20px;padding: 40px;}
.content-5 ul{justify-content: space-between;text-align: center;}
.content-5 ul li p{color: #fff;margin-top: 10px;}

.content-6{padding-bottom: 40px;}
.content-6 .index-faq{margin-top: 20px;}
.content-6 .index-faq-lt{width: 380px;}
.content-6 .index-faq-rt{width: 800px;margin-left: 20px;}
.index-faq-rt ul li {margin-bottom: 16px;transition: all .4s;}
.index-faq-rt ul li:hover{box-shadow: 0 0 2px 2px #f2f2f2;}
.index-faq-rt ul li img{width: 220px;}
.index-faq-rt .index-faq-word{width: 550px;margin-left: 15px;}
.index-faq-rt .index-faq-word h3{margin: 20px 0 10px 0;font-size: 18px;}
.index-faq-rt .index-faq-word h3 a{color: #333;}
.index-faq-rt .index-faq-word h3 a:hover{color: #006dba;}
.index-faq-rt .index-faq-word p{color: #5f5e5e;line-height: 24px;}


.content-7{background-color: #f2f2f2;padding-bottom: 40px;}
.content-7 .index-news{justify-content: space-between;}
.content-7 .index-news-lt{width: 590px;}
.content-7 .index-news-lt>span{display: block;font-size: 20px;color: #006dba;margin: 20px 0;}
.content-7 .index-news-img img{width: 200px;}
.content-7 .index-news-word{width: 380px;margin-left: 10px;}
.content-7 .index-news-word a{color: #333;font-size: 18px;}
.content-7 .index-news-word h3{margin: 10px 0;}
.content-7 .index-news-word a:hover{color: #006dba;}
.content-7 .index-news-word span{color: #666}
.content-7 .index-news-word p{color: #555;margin-top: 10px;}
.content-7 .commen-top p{color: #999;}
.index-news-lt ul li{margin-bottom: 20px;}
.index-news-lt ul li+li:before{content: '·';color: #006dba;font-size: 20px;}
.index-news-lt ul li+li a{color: #333;font-size: 18px;}
.index-news-lt ul li+li span{color: #666;margin-right: 10px;}
.index-news-lt ul li+li a:hover{color: #006dba;}


.content-8{padding-bottom: 40px;}
.content-8 .index-case ul{justify-content: space-between;margin-top: 30px;}
.content-8 .index-case .index-case-word{padding: 6px;}
.content-8 .index-case ul li{width:250px;transition: all .4s;}
.content-8 .index-case ul li a{color: #333;}
.content-8 .index-case .case-area{justify-content: space-between;font-size: 14px;color: #333;margin: 10px 0;}
.content-8 .index-case .index-case-word>h3{font-size: 14px;margin-bottom: 10px;height: 32px;}
.content-8 .index-case .index-case-word>p{font-size: 14px;line-height: 20px;color: #555;}
.content-8 .index-case ul li:hover{box-shadow: 0 0 2px 2px #ccc;background-color: #00a0e9;}
.content-8 .index-case ul li:hover .case-area,
.content-8 .index-case ul li:hover>.index-case-word>p,
.content-8 .index-case ul li:hover a{color: #fff;}



/* form */
.content-9{background: url('../picture/img11.jpg') no-repeat;background-size: 100% 100%; padding: 40px 0;}
.content-9 .index-form-lt,.content-9 .index-form-rt{width: 450px;margin-left: 100px;}
.content-9 .index-form-lt ul li{margin-bottom: 20px;}

.content-9 .index-form-lt ul li p{width: 84px;text-align: justify;text-align-last:justify;}
.content-9 .index-form-lt ul li p:after{content: '';display: inline-block;width: 100%;}
.content-9 .index-form-lt ul li a{color: #333;}
.content-9 .index-form-lt ul li div{width: 260px;}
.content-9 .form-desc{padding: 10px;font-size: 14px;color: #333;line-height: 22px;text-align: center;padding-top: 20px;}
.form-wrap{background-color: rgba(255, 255, 255, 0.8);}
.content-9 .form-body{margin-top: 50px;padding-bottom: 50px;}
.index-form-rt form>div{align-items: center;margin-bottom: 20px;}
.index-form-rt form>div>p{width: 60px;}
.index-form-rt form>div:last-of-type{align-items: flex-start;}
.index-form-rt form>div input,.index-form-rt form>div textarea{width: 360px;font-family: '宋体';}
.content-9 .form-btn{width: 120px;border-radius: 8px;color: #fff;}
.content-9 .form-btn:hover{cursor: pointer;}
.form-control {
    display: block;
    height: 34px;
    padding: 4px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
            box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
         -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
            transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  }
  .form-control:focus {
    border-color: #66afe9;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);
            box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);
  }
  .form-control::-moz-placeholder {
    color: #999;
    opacity: 1;
  }
.index-form-rt form textarea{min-height: 100px;font-family: '宋体';}


/*list-faq*/

.faq-list{margin-top: 20px;}
.faq-list .faq-li{transition: all .4s;margin-bottom: 40px;}
.faq-list .faq-img{width: 280px;}
.faq-list .faq-word{width: 900px;padding: 10px;}
.faq-list .faq-word h3{font-weight: normal;margin-bottom: 10px;}
.faq-list .faq-word h3 a{color: #333;}
.faq-list .faq-word >p{color: #666;line-height: 24px;}
.list-more-btn{border-radius: 8px;width: 140px;background-color: #fff;height: 36px;line-height: 36px;text-align: center;transition: all .4s;display: none;}
.list-more-btn a{display: block;color: #1da1df;}
.faq-list .faq-li:hover{background-color: #1da1df;box-shadow: 0 0 2px 2px #f2f2f2;}
.faq-list .faq-li:hover h3 a,.faq-list .faq-li:hover p{color: #fff;}
.faq-list .faq-li:hover .list-more-btn{display: block;}

/*news-list*/ 
.news-list-container .news-tag{justify-content: center;margin: 20px 0;}
.news-list-container .news-tag li{width: 100px;text-align: center;line-height: 32px;height: 32px;border-radius: 6px;margin: 0 30px;transition: all .4s;}
.news-list-container .news-tag li a{color: #333;display: block;transition: all .4s;}
.news-list-container .news-tag .active{background-color: #006dba;}
.news-list-container .news-tag .active a{color: #fff;}
.news-list-container .news-tag li:hover{background-color: #006dba;}
.news-list-container .news-tag li:hover a{color: #fff;}
.news-list .news-li {justify-content: space-between;align-items:center;padding-bottom: 20px;border-bottom: 1px solid #e3e3e3;margin-bottom: 20px;}
.news-list .news-li .news-img{width: 276px;}
.news-list .news-li .news-date{width: 80px;color: #333;font-size: 18px;}
.news-list .news-li .news-date p:nth-child(1){font-size: 28px;margin-bottom: 4px;}
.news-list .news-li .news-word{width: 740px;}
.news-list .news-li .news-word h3{margin-bottom: 10px;font-size: 18px;}
.news-list .news-li .news-word p{line-height: 24px;color: #666}
.news-list .news-li >p{color: #666;border: 1px solid #666;border-radius: 50%;width: 20px;height: 20px;text-align: center;line-height: 20px;}
.news-list .news-li a{color: #333;}
.news-list .news-li:hover a{color: #006dba;}
.news-list .news-li:hover>p{border-color: #006dba;}


/*video-list*/
.video-list ul{margin-top: 30px;}
.video-list ul li:nth-child(3n-1){margin-left: 45px;margin-right: 45px;}
.video-list ul li {width: 370px;position: relative;margin-bottom: 40px;}
.video-list ul li>a{position: relative;display: block;background-color: #333;}
.video-list ul li>a img:nth-of-type(1){transition: all .4s;}
.video-list ul li>a img:nth-of-type(2){position: absolute;width: 60px;height: 60px;left: 0;right: 0;top: 0;bottom: 0;margin: auto;opacity: unset;}
.video-list ul li img{width: 100%;}
.video-list ul li:hover>a img:nth-of-type(1){opacity: .4;}
.video-list ul li h3{position: absolute;bottom: 0;width: 100%;background-color: rgba(0, 0, 0, .5);text-align: center;height: 32px;line-height: 32px;font-size: 16px;}
.video-list ul li h3 a{color: #fff;}


/*container-case*/
/* .case-list-container .case-list ul{justify-content: unset;} */
.case-list-container .case-list ul{    justify-content: flex-start;}
.case-list-container .case-list ul li{margin-right: 53.33px;margin-bottom: 40px;width: 260px;}
.case-list-container .case-list ul li a img{width: 100%;}
.case-list-container .case-list ul li:nth-child(4n){margin-right: 0;}



/*gongduan*/
.section-tag ul{border-bottom: 1px solid #e3e3e3;margin-top: 30px;}
.section-tag ul li{margin-right: 40px;padding: 4px 0;font-size: 20px;font-weight: 600;border-bottom: 2px solid #fff;}
.section-tag ul li a{color: #333;}
.section-tag .active{border-bottom: 2px solid #006dba;}
.section-tag .active a{color: #006dba;}
.section-tag ul li:hover{border-bottom: 2px solid #006dba;}
.section-tag ul li:hover a{color: #006dba;}
.type-box{margin: 30px 0;}
.yuchuli-list-container .type-desc{width: 850px;padding: 10px;margin-left: 10px;}
.yuchuli-list-container .type-desc h3{margin: 20px 0;font-size: 18px;}
.yuchuli-list-container .type-desc h3 a{color: #333;}
.yuchuli-list-container .type-desc h3 a:hover{color: #006dba;}
.yuchuli-list-container .type-desc p{line-height: 26px;color: #666;}

.yuchuli-list>ul li{width: 360px;transition: all .4s;margin-bottom: 20px;position: relative;}
.yuchuli-list>ul li:nth-child(3n-1){margin-left: 60px;margin-right: 60px;}
.yuchuli-list>ul li img{width: 100%;}
.yuchuli-list>ul li h3 {position: absolute;right: 0;left: 0;top: 0;bottom: 0;margin: auto;height: 50px;width: 200px;line-height: 50px;display: none;transition: all .6s;z-index: 999;text-align: center;background-color: #006dba;border-radius: 10px;}
.yuchuli-list>ul li h3 a{color: #fff;display: block;text-align: center;}

.yuchuli-list>ul li:after{box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.1) inset;content: "";display: block;height: 100%;left: 0;pointer-events: none;position: absolute;top: 0;transition: all 0.4s ease 0s;width: 100%;}
.yuchuli-list>ul li:hover:after{box-shadow: 0 0 0 9rem rgba(0, 0, 0, 0.2) inset;}
.yuchuli-list>ul li:hover h3{display: block;}

.yuchuli-list>ul li h4{padding: 10px;text-align: center;}
.yuchuli-list>ul li h4 a{color: #333;}
.jinchu-list>ul{margin-top: 30px;}
.jinchu-list>ul li{width: 590px;margin-bottom: 20px;}
.jinchu-list .jinchu-img{width: 280px;}
.jinchu-list .jinchu-word{width: 290px;padding: 10px;}
.jinchu-list .jinchu-word h3{font-size: 16px;font-weight: bold;margin-bottom: 20px;}
.jinchu-list .jinchu-word h3 a{color: #333;}
.jinchu-list .jinchu-word h3 a:hover{color: #006dba;}
.jinchu-list .jinchu-word p{font-size: 14px;color: #666;line-height: 24px;}


/*pro-list*/
.pro-head h3{margin: 20px 0;color: #006dba;font-size: 24px;}
.pro-head>p{line-height: 26px;color: #333;width: 800px;margin-bottom: 30px;}
.pro-list>ul{justify-content: space-between;}
.pro-list .pro-li{margin-bottom: 30px;position: relative;padding: 3px;border: 1px solid #f2f2f2;overflow: hidden;}
.pro-list .pro-li img{width: 380px;height: 276px;}
.pro-list .pro-li>a{position: absolute;width: 380px;height: 276px;top: 3px;background-color: rgba(0, 0, 0, 0.5);display: none;}
.pro-list .pro-li a p{text-align: center;color: #fff;line-height: 30px;font-size: 24px;}
.pro-list .pro-li a p:nth-of-type(1){width: 26px;height: 26px;line-height: 26px;border-radius: 50%;margin: 100px auto 20px auto;border: 2px solid #fff;}
.pro-list .pro-li:hover>a{display: block;}



/*about*/
.about-top{text-align: center;width: 900px;margin: 0 auto;padding: 30px 0;font-size: 20px;font-weight: 600;}
.about-top p:nth-of-type(2){font-size: 24px;font-family: Arial, Helvetica, sans-serif;display: none;}

.about1{width: 1300px;margin: 0 auto;}
.about1 .about1-lt{width: 520px;padding-top: 100px;}
.about1 .about1-rt{width: 750px;margin-left: 30px;text-indent: 2em;}
.about1 .about1-rt p{margin-bottom: 10px;color: #333;line-height: 24px;}

.about2{background: url('../picture/img18.jpg');color: #fff;margin-top: 30px;padding-bottom: 30px;}
.about2 .range ul{width: 380px;margin: 0 auto;}
.about2 .range ul li{line-height: 30px;font-size: 20px;margin-bottom: 10px;}
.about2 .range p{width: 860px;margin: 0 auto;font-size: 20px;margin-top: 40px;}
.about2 .quality-list ul{margin-top: 40px;justify-content: space-between;}
.about2 .quality-list ul li{text-align: center;}
.about2 .quality-list ul li p{margin-top: 10px;text-align: center;}


.about3 {padding-bottom: 30px;}
.about3 .process>p{line-height: 26px;width: 1000px;margin: 0 auto;text-align: center;margin-bottom: 30px;}
.about3 .process>img{display: block;margin: 0 auto;}
.about3 .process>ul{background: url('../picture/img4.png');width: 1132px;margin: 0 auto;}
.about3 .process>ul li{width: 258px;color: #333;height: 414px;}
.about3 .process>ul li+li{margin-left: 32px;}
.about3 .process>ul li p:nth-of-type(1){line-height: 110px;height: 110px;text-align: center;width: 258px;font-size: 18px;color: #fff;}
.about3 .process>ul li p:nth-of-type(2){padding: 10px;line-height: 30px;font-size: 18px;padding-left: 20px;margin-top: 40px;}
.about3 .process>ul li p a{color: #333;font-size: 14px;}


/*list-contact*/
.contact-form {background: unset;}
.contact-form .form-wrap{box-shadow: 0 0 2px 2px #eaeaea;margin-top: 20px;}
.contact-way ul{justify-content: space-between;}
.contact-way ul li{width: 342px;height: 421px;position: relative;}
.contact-way ul .address-li{background: url('../picture/img5.png');}
.contact-way ul .tel-li{background: url('../picture/img6.png');}
.contact-way ul .email-li{background: url('../picture/img7.png');}
.contact-way ul li p{width: 300px;margin: 0 auto;text-align: center;font-family: '微软雅黑';}
.contact-way ul li p:nth-of-type(1){font-weight: bold;font-size: 22px;margin-top: 160px;color: #666;margin-bottom: 20px;}
.contact-way ul li p:nth-of-type(2),.contact-way ul li p:nth-of-type(3){line-height: 32px;color: #888;font-size: 18px;}
.contact-way ul li p a{color: #888;}
.contact-way ul li>a{position: absolute;bottom: 60px;left: 0;right: 0;margin: auto;width: 130px;text-align: center;font-size: 18px;color: #fff;height: 40px;line-height: 40px;}


/* 页码 */
.curr{
  min-width: 20px;
  line-height: 36px;
  text-align: center;
  background-color: #b8b6b6;
  margin-left: 2px;
  margin-right: 2px;
  display: inline-block;
  padding-left: 8px;
  padding-right: 8px;
  color: rgb(12, 11, 11);
}




/*breakcrumbs*/
.breakcrumbs-container{border-bottom: 1px solid #e3e3e3;line-height: 36px;height: 36px;font-size: 14px;}
.breakcrumbs-container a{color: #333!important;}
.breakcrumbs-container a:last-of-type{color: #006dba!important;}


/*article*/
.article-container{background-color: #f2f2f2;}
.article-container .article-wrap{background-color: #fff;padding-bottom: 30px;}
.article-wrap .arc-lt{width: 300px;margin-left: 10px;padding-top: 20px;}
.article-wrap .arc-lt .side{background-color: #f7f7f7;padding-bottom: 10px;}
.article-wrap .arc-lt .side h3{font-weight: normal;font-size: 16px;display: inline;}
.article-wrap .arc-lt .side>p{background-color: #2579c2;color: #fff;padding:10px 0 10px 30px;}
.article-wrap .arc-lt .side>p span{border-left: 1px solid #fff;display: block;padding-left: 10px;font-size: 20px;}
.article-wrap .arc-lt .side>ul{width: 260px;margin-left: 10px;padding-top: 20px;}
.article-wrap .arc-lt .side>ul li{padding: 5px 0;line-height: 30px;}
.article-wrap .arc-lt .side>ul li+li{border-top: 1px solid #c6c6c6;}
.article-wrap .arc-lt .side>ul li a{color: #333;}
.article-wrap .arc-lt .side>ul li:hover a{color:#2579c2;}
.article-wrap .arc-lt .side>ul li img{margin-right: 10px;}
.article-wrap .arc-lt .side div ul{padding: 30px 0;margin-left: 10px;}
.article-wrap .arc-lt .side div ul li{margin-bottom: 10px;line-height: 26px;}
.article-wrap .arc-lt .side div ul li a{color: #333;}
.article-wrap .arc-lt .side div ul li span{display: block;text-align: left;}
.article-wrap .arc-lt .side div ul li p{width: 170px;}
.article-wrap .arc-lt .side .lt-contact{justify-content: space-around;margin-bottom: 20px;}
.article-wrap .arc-lt .side .lt-contact p{width: 100px;text-align: center;background-color: #2579c2;padding: 6px 0;border-radius: 8px;}
.article-wrap .arc-lt .side .lt-contact p a{color: #fff;}
.article-wrap .arc-lt .side:last-child{padding-bottom: 30px;}
.article-wrap .arc-rt{width: 830px;padding: 20px;}
.article-wrap .share{margin:30px 0;}
.article-wrap .arc-rt h1{font-size: 22px;text-align: center;margin-bottom: 10px;}
.article-wrap .arc-rt .arc-top ul{justify-content: center;font-size: 14px;margin-bottom: 10px;}
.article-wrap .arc-rt .arc-top ul li{margin-right: 20px;height: 30px;line-height: 30px;color: #666;}
.article-wrap .arc-rt .arc-top ul li img{margin-right: 4px;margin-top: 6px;}
.pre-next h2{display: inline;font-size: 16px;font-weight: normal;}
.pre-next p,.pre-next h2{margin-bottom: 10px;line-height: 26px;}
.pre-next a{color: #333;}
.pre-next a:hover{color: #006dba;}
.arc-body p{line-height: 26px;margin-bottom: 10px;text-indent: 2em;}


/*footer*/
.foot_top{color: #ffffff;padding-top: 30px;padding-bottom: 30px;background-color:#1b1b1b;font-size: 14px;}
.conusul li{line-height: 30px;}
.conusul li img{margin-right: 8px;width: 120px;}
.foot_top a{color: #ffffff;}
.foot_top li:hover>a{color: #0e64a2;}
.foot_box{justify-content: space-between;}
.foot_us{width: 25%;}
.foot_us .conusul li{display: flex;align-items: baseline;}
.foot_us .conusul li p:nth-child(1){width: 8%;text-align: center;margin-right: 2%;}
.foot_us .conusul li p:nth-child(2){width: 90%;}
.foot_us .conusul i{color: #2186cf;font-size:24px;}
.foot_lead{font-size: 30px;color: #fff;line-height: 1.5;}
.foot_nav{width: 15%;}
.ewm{width: 170px;text-align: center;}
.ewm p{margin-top: 10px;}
.nav_ul span{padding-right: 6px;}
.nav_ul li{line-height: 30px;padding-bottom: 4px;}
.foot_bottom{background-color: #161616;color: #666;font-size: 14px;line-height: 30px;}
.div3{width: 50px;background-color: #2186cf;margin-bottom: 20px;height: 2px;}
.bottom_box{justify-content: space-between;}
.bottom_box a{color: #999;}


.arc-body table,table tr th, table tr td,.pro-model table,table tr th, table tr td { 
  border:1px solid #2186cf; 
  text-align: center;
}
.arc-body table{
  width: 100%;
  border-collapse: collapse; 
  padding:2px;
  margin: 10px auto;
}
.arc-body table img{
  max-width: 100% !important;
  height: auto !important;
  /* width: 100% !important; */
}
.arc-body table tr td,.pro-model table tr td{
  line-height: 30px;
  min-width: 50px;
  font-size: 14px;
  padding: 10px;
  box-sizing: border-box;
}
/*页码*/
.pageul{
  margin-top: 50px;
  justify-content: center;
  margin-bottom: 50px;
}
.pageul a{
  min-width: 20px;
  line-height: 36px;
  text-align: center;
  background-color: #f4f4f4;
  margin-left: 2px;
  margin-right: 2px;
  display: inline-block;
  padding-left: 8px;
  padding-right: 8px;
}
.pageul a{
  color:#333;
}
.pageul a:hover{
  background-color: #2186cf;
  color: #fff;
  transition:all 0.5s ease;
}
.pageul .active a{background-color: #2186cf;color: #ffffff;}

.tit-fz,.tit-bolder,.tit-bg{margin-top: 20px!important;margin-bottom: 8px!important;}
.tit-fz{font-size: 18px!important;font-weight: bolder!important;}
.tit-bolder{font-weight: bolder!important;}
.tit-bg{background-color: #2579c2;color: #fff!important;font-weight: bolder!important;}


.arc-body hr{color: #00a0e9;border-style: solid;}
.arc-body .tag-list {justify-content: space-between;background-color: #f2f2f2;margin-bottom: 18px;}
.arc-body .tag-list li{width: 25%;text-align: center;transition: all .4s;}
.arc-body .tag-list li a{color: #333;display: block;transition: all .4s;padding: 10px 0;}
.arc-body .tag-list li:hover{background-color: #2579c2;}
.arc-body .tag-list li:hover a{color: #fff;}
.arc-body .tag-list .active{background-color: #2579c2;}
.arc-body .tag-list .active a{color: #fff;}

.tags{margin-top: 20px;}
.tags>p{font-weight: 600;}
.tags ul li{margin-right: 20px;margin-top: 10px;}
.tags ul li a{display: block;color: #454545;padding: 4px 20px;border-radius: 8px;transition: all .4s;background-color: #006dba;color: #fff;}
.tags ul li a:hover{box-shadow: 0 0 2px 2px #006dba;}

.taglist-side>div{padding: 10px;}
.taglist-side>div>p a{background-color: #006dba;display: block;margin:5px;color: #fff;padding: 4px 8px;transition: all .4s;}
.taglist-side>div>p a:hover{box-shadow: 0 0 1px 1px #006dba;}


.pro-list-container .product-list ul li{width: 380px;margin-right: 30px;}
.pro-list-container .product-list ul li:nth-child(4n){width: 380px;margin-right: 30px;}
.pro-list-container .product-list ul li:nth-child(3n){width: 380px;margin-right: 0;}




.pro-list-container .cp-sort{margin-top: 20px;}
.pro-list-container .cp-sort ul{justify-content: space-between;}
.pro-list-container .cp-sort .active{background-color: #006dba;}
.pro-list-container .cp-sort .active a{color: #fff;}
.pro-list-container .cp-sort li{border: 1px solid #999;width: 160px;text-align: center;transition: all .4s;padding: 6px 0;}
.pro-list-container .cp-sort li:hover{background-color: #006dba;}
.pro-list-container .cp-sort li:hover a{color: #fff;}
.pro-list-container .cp-sort li a{color: #333;display: block;}

.pro-list-container .cp-sort h3{text-align: center;margin-top: 30px;font-size: 28px;}

.notice{text-align: center;}
.notice a{color: #999;}

.footer_erm{
  width: 60%;
}
.footer_erm h2{
  font-size: 30px;
  color: #fff;
}
.footer_erm ul{
  display: flex;
  justify-content: space-between;
}
.footer_erm ul li{
  width: 160px;
  margin: 20px 0;
}
.footer_erm ul li h3{
  display: flex;
  align-items: center;
  font-size: 18px;
  justify-content: center;
  line-height: 1.5;
  margin-bottom: 10px;
  text-indent: 5px;
  font-weight: 400;
}
.footer_erm ul li h3 img{
  width: 30px;
}
.footer_erm ul li p{
  font-size: 14px;
  text-align: center;
  margin-top: 20px;
  font-weight: 500;
  color: #fff;
  cursor: pointer;
}

.about_cpa{

}
.about_cpa ul{
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.about_cpa ul li{
  width: 18%;
}
.about_cpa ul li h4{
  font-size: 17px;
  line-height: 1.5;
  color: #333;
  margin-bottom: 10px;
}