@charset "utf-8";
html{-webkit-text-size-adjust:none;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td,span{padding:0;margin:0;}
body{font:normal 20px/1.5 "MicrosoftYaHei",; background-color: #F9F9F9;}
ol,ul,li{list-style:none;}
em,i{font-weight:normal;font-style:normal;font-size:100%;}
.clearfix{*zoom:1;}
.clearfix:after{content:"."; display:block;clear:both;visibility:hidden;line-height:0;height:0;}
a{color:#333;text-decoration:none;-webkit-transition: all .2s linear;transition: all .2s linear;}
a:hover{color: #d7000f; text-decoration: none;}
input,button,select{outline:0;font-size:inherit;line-height:inherit;color:inherit;font-family:inherit;}
.fl{float: left;}
.fr{float: right;}
.center{text-align: center;}

.w400 {width: 400px}
h2,h3{font-weight: normal;}
.bg1{background-color: #fff;}
.border1{border:1px solid #e5e5e5;}
.mt30{margin-top: 30px;}
.none{display: none;}
.mt45{margin-top: 45px;}
.mb8{margin-bottom: 8px;}
.mt5{margin-top: 5px;}
.mt10{margin-top: 10px;}
.mt20{margin-top: 20px;}
.mt30{margin-top: 30px;}
.mb10{margin-bottom: 10px;}
.mb20{margin-bottom: 20px;}
.mb30{margin-bottom: 30px;}
.mb48{margin-bottom: 48px;}
.mb50{margin-bottom: 50px;}
.mb68{margin-bottom: 68px;}
.mr20{margin-right: 20px;}
.ml20{margin-left: 20px;}
.ml10{margin-left: 10px;}
.ml15{margin-left: 15px;}
.m30{margin: 30px 0;}
.mr10{margin-right: 10px;}
.mr1{margin-right: 1px;}
.w420 {width: 420px;}
.w560 {width: 560px}
.pb40 {padding-bottom: 60px;}

.font20{font-size: 20px!important;}
.font18 {font-size: 18px;}
.font14 {font-size: 14px;}
.fonW {font-weight: bold;}

.pt10{padding-top: 10px;}
.col9{color: #999;}
.col6{color: #666666;}
.cold7{color: #d7000f;}
.cold6 {color: #0d6ddb;}
.col06 {color: #0066cc}
.colf9 {color: #ff9900;}
.f41-lists{margin-right: -24px; text-align: center;}
.f41-lists li{width: 282px; margin-right: 24px; float: left; background-color: #fff; text-align: center;}
.f41-lists li a{display: table-cell; height: 80px;width: 282px; line-height: 22px;padding: 0 20px; vertical-align: middle;}
.f41-lists li a:hover{background-color: #cd0000; color: #fff; text-decoration: none;}
.f7f-list{width: 924px; margin: 20px auto;}

input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {color: #999999;}
input:-moz-placeholder, textarea:-moz-placeholder {color:#999999;}
input::-moz-placeholder, textarea::-moz-placeholder {color:#999999;}
input:-ms-input-placeholder, textarea:-ms-input-placeholder {color:#999999;}




/* @media screen and (max-width: 321px) {
    body {
        font-size:16px
    }
}

@media screen and (min-width: 321px) and (max-width:400px) {
    body {
        font-size:18px
    }
} */

/* 移动端 */
@media screen and (min-width: 320px) and (max-width: 500px) {
    body {
        font-size:18px
    }
    .footer-phone {width: 100%;height: .76rem;background: #333333;display: flex;align-items: center;justify-content: space-around;font-size: .26rem;color: #ffffff;box-sizing: border-box;padding: 0 .8rem;max-width: 11rem;}
    .footer-phone a {font-size: .26rem;color: #ffffff;}
    /* 头部 */
    .w1200{width: 100%; margin: 0 auto;}
    #header{background: #fff; }
    #header .cd_logo {width: 100%;box-sizing: border-box;padding: .1rem .4rem;display: flex;align-items: center;justify-content: center;}
    #header .cd_logo img {width: 1.8rem;}
    #header .mnav {display: none;}
    #header .mnav a{ float: left;font-size: 14px; line-height: 84px;color: #333;text-decoration: none; }
    #header .mnav span {float: left; font-size: 14px; line-height: 83px;margin: 0 10px;color: #888888;}
    #header .mnav a:hover{text-decoration: none;color: #e80011;}

    #footer{background-color: #fff; padding: 20px 0;border-top:1px solid #ccc;height: 90px;display: none;}
    #footer p{ line-height: 30px; text-align: center; color: #999; font-size: 14px;}
    #footer p a{color: #999;text-decoration: none; }
    #footer p span{ margin: 0 5px; }


    .content {width: 100%;background: #ffffff;}
    .content .banner {display: none;}
    .content .banner-1 {width: 100%;}
    .content .banner-1 img {display: block;width: 100%;}


    .nav-tab {width: 100%;height: .8rem;background: #FFFFFF;box-shadow: 0px 5px 10px 0px rgba(235, 235, 235, 0.5);box-sizing: border-box;display: none;}
    .nav-tab a {font-size: .34rem;color: #888888;}
    .nav-tab span {font-size: .34rem;color: #cfcfcf;margin: 0 .6rem;}

    .part-1 {width: 100%;box-sizing: border-box;padding: .4rem;}
    .part-1 p {font-size: .3rem;color: #444444;font-weight: 400;text-align: justify;margin-bottom: .25rem;line-height: .5rem;}
    .part-1 p:last-child {margin-bottom: 0;}

    .part-2 {width: 100%;box-sizing: border-box;padding: .4rem;}
    .part-2 .lab {text-align: center;position: relative;}
    .part-2 .lab p {font-size: .36rem; font-weight: bold;color: #0256EB;position: relative;z-index: 100;}
    .part-2 .lab b {display: inline-block;width: 2rem;height: .11rem;background: #ffa800;position: absolute;top: 50%;left: 50%;transform: translate(-51%,80%);}
    .part-2 .con {width: 100%;margin-top: .2rem;}
    .part-2 .con p {font-size: .3rem;color: #555555;line-height: .54rem;text-align: justify;margin-bottom: .2rem;word-break: break-all;}
    .part-2 .con p:last-child {margin-bottom: 0;}
    .part-2 .con p span {font-size: .4rem;color: #555555;font-weight: bold;}

    .part-3 {width: 100%;background: #FBFCFD;padding: .4rem;box-sizing: border-box;}
    .part-3 .lab {text-align: center;position: relative;}
    .part-3 .lab p {font-size: .36rem; font-weight: bold;color: #0256EB;position: relative;z-index: 100;}
    .part-3 .lab b {display: inline-block;width: 3.5rem;height: .11rem;background: #ffa800;position: absolute;top: 50%;left: 50%;transform: translate(-54%,80%);}
    .part-3 .con {margin-top: .4rem;}
    .part-3 .con li {width: 100%;margin-bottom: .2rem;}
    .part-3 .con li:last-child {margin-bottom: 0;}
    .part-3 .con li p:nth-child(1) {text-align: center;margin-bottom: .2rem;}
    .part-3 .con li p {text-align: justify;font-size: .3rem;color: #555555;font-weight: 400;line-height: .54rem;}
    .part-3 .con li p img {width: 1.92rem;height: 1.92rem;}

    .part-4 {width: 100%;box-sizing: border-box;padding: .4rem;}
    .part-4 .lab {text-align: center;position: relative;}
    .part-4 .lab p {font-size: .36rem; font-weight: bold;color: #0256EB;position: relative;z-index: 100;}
    .part-4 .lab b {display: inline-block;width: 3.5rem;height: .11rem;background: #ffa800;position: absolute;top: 50%;left: 50%;transform: translate(-53%,80%);}
    .part-4 .con {margin-top: .4rem;}
    .part-4 .con ul {width: 100%;display: flex;flex-wrap: wrap;}
    .part-4 .con li {margin-bottom: .2rem;margin-right: .42rem;}
    .part-4 .con li:nth-child(3) {margin-right: 0;}
    .part-4 .con li img {width: 1.95rem;height: 5.3rem;}
    .part-4 .con li:last-child {margin-bottom: 0;}
    .part-4 .con .hint {font-size: .24rem;color: #888888;text-align: right;box-sizing: border-box;}

    .part-5 {width: 100%;box-sizing: border-box;padding: .4rem;background: rgba(246, 246, 246, 0.8);}
    .part-5 .lab {text-align: center;position: relative;}
    .part-5 .lab p {font-size: .36rem; font-weight: bold;color: #0256EB;line-height: 45px;position: relative;z-index: 100;}
    .part-5 .lab b {display: inline-block;width: 1.5rem;height: .11rem;background: #ffa800;position: absolute;top: 50%;left: 50%;transform: translate(-51%,80%);}
    .part-5 .con {width: 100%;display: flex;align-items: center;flex-direction: column;}
    .part-5 .con .lp {width: 100%;box-sizing: border-box;}
    .part-5 .con .lp p {font-size: .3rem;color: #555555;line-height: .5rem;text-align: justify;margin-bottom: .2rem;}
    .part-5 .con .lp p:last-child {text-align: right;margin-bottom: 0;font-size: .24rem;color: #888888;margin-top: .4rem;}
    .part-5 .con .swiper-container {width: 100%;box-sizing: border-box;}
    .part-5 .swiper-container .swiper-slide .im img {display: block;max-width: 100%;}
    .part-5 .swiper-container .swiper-slide p {width: 100%;height: .6rem;text-align: center;box-sizing: border-box;font-size: .2rem;color: #ffffff;background: #64A8C7;display: flex;align-items: center;justify-content: center;}
    .swiper-button-prev:after, .swiper-container-rtl .swiper-button-next:after {content: ''!important;}
    .swiper-button-next:after, .swiper-container-rtl .swiper-button-prev:after {content: ''!important;}
    .part-5 .swiper-container .swiper-button-prev .im-2 {transform: rotate(180deg);display: none;}
    .part-5 .swiper-container .swiper-button-next .im-2 {display: none;}
    .swiper-button-prev, .swiper-container-rtl .swiper-button-next {left: 0;display: none;}
    .swiper-button-next, .swiper-container-rtl .swiper-button-prev {right: 0;display: none;}
    .part-5 .swiper-container .swiper-button-prev:hover .im-1 {display: none;}
    .part-5 .swiper-container .swiper-button-next:hover .im-1 {display: none;}
    .part-5 .swiper-container .swiper-button-prev:hover .im-2 {display: block;}
    .part-5 .swiper-container .swiper-button-next:hover .im-2 {display: block;}

    .part-6 {width: 100%;background: #FBFCFD;box-sizing: border-box;padding: .4rem;}
    .part-6 .lab {text-align: center;position: relative;}
    .part-6 .lab p {font-size: .36rem; font-weight: bold;color: #0256EB;position: relative;z-index: 100;}
    .part-6 .lab b {display: inline-block;width: 4rem;height: .11rem;background: #ffa800;position: absolute;top: 50%;left: 50%;transform: translate(-50%,80%);}
    .part-6 .con {width: 100%;margin-top: .4rem;}
    .part-6 .con li {width: 100%;background: #ffffff;margin-bottom: .3rem;display: flex;flex-direction: column;}
    .part-6 .con li .title {width: 100%;height: .6rem;box-shadow: 0px 0px .2rem 0px #E6E6E6;box-sizing: border-box;padding: 0 .3rem;font-size: .3rem;display: flex;align-items: center;color: #555555;}
    .part-6 .con li .c-im {width: 100%;box-shadow: 0px .1rem .2rem 0px #E6E6E6;box-sizing: border-box;padding: .3rem;display: flex;align-items: center;/* justify-content: space-between; */}
    .part-6 .con li .c-im p {width: 100%;font-size: .2rem;color: #555555;line-height: .4rem;font-weight: 400;text-align: justify;text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 4;-webkit-box-orient: vertical;margin-left: .2rem;}
    .part-6 .con li:last-child {margin-bottom: 0;}
    .part-6 .con li .c-im img {width: 2.04rem;height: 1.36rem;}


    .part-7 {width: 100%;background: #fbfcfd;box-sizing: border-box;padding: .4rem;}
    .part-7 .lab {text-align: center;position: relative;margin-bottom: .4rem;}
    .part-7 .lab p {font-size: .36rem; font-weight: bold;color: #0256EB;position: relative;z-index: 100;}
    .part-7 .lab b {display: inline-block;width: 4.1rem;height: .11rem;background: #ffa800;position: absolute;top: 50%;left: 50%;transform: translate(-50.5%,60%);}
    .part-7 .c-item {width: 100%;background: #FFFFFF;box-shadow: 0px -0.1rem .15rem 0px rgba(0, 0, 0, 0.1);border-radius: .4rem;box-sizing: border-box;padding: 0 .4rem .4rem .4rem;margin-bottom: .4rem;}
    .part-7 .c-item:last-child {margin-bottom: 0;}
    .part-7 .c-item .lab {width: 2.76rem;height: .55rem;background: #F1F1F1;border-radius: 0px 0px .3rem .3rem;text-align: center;font-size: .3rem;font-weight: bold;color: #0256eb;margin: 0 auto;display: flex;align-items: center;justify-content: center;}
    .part-7 .con {width: 100%;margin-top: .3rem;position: relative;}
    .part-7 .con ul#comment1 {display: none;}
    .part-7 .con ul#comment2 {display: none;}
    .part-7 .con ul#comment3 {display: none;}
    .part-7 .con ul#comment4 {display: none;}
    .part-7 .con li {margin-bottom: .2rem;display: flex;align-items: center;}
    .part-7 .con li:last-child {margin-bottom: 0;}
    .part-7 .con li span {display: block;width: .1rem;height: .1rem;box-sizing: border-box;border-radius: 100%;background: #e6e6e6;margin-right: .2rem;z-index: 100;position: relative;min-width: .1rem;}
    .part-7 .con li a {font-size: .24rem;color: #555555;line-height: .4rem;}
    .part-7 .more {margin-top: .3rem;display: flex;align-items: center;justify-content: center;}
    .part-7 .more a {font-size: .3rem;color: #999999;text-decoration:underline}
}

/* pc */
@media screen and (min-width: 500px) {
    .footer-phone {display: none;}
    /* 头部 */
    #header{background: #fff; }
    #header .mnav a{ float: left;font-size: 14px; line-height: 84px;color: #333;text-decoration: none; }
    #header .mnav span {float: left; font-size: 14px; line-height: 83px;margin: 0 10px;color: #888888;}
    #header .mnav a:hover{text-decoration: none;color: #e80011;}

    #footer{background-color: #fff; padding: 20px 0;border-top:1px solid #ccc;}
    #footer p{ line-height: 30px; text-align: center; color: #999; font-size: 14px;}
    #footer p a{color: #999;text-decoration: none; }
    #footer p span{ margin: 0 5px; }

    .w1200{width: 1200px; margin: 0 auto;}
    .content {width: 100%;background: #ffffff;}
    .content .banner {width: 100%;}
    .content .banner img {display: block;width: 100%;}
    .content .banner-1 {display: none;}

    .nav-tab {width: 100%;height: 80px;background: #FFFFFF;box-shadow: 0px 5px 10px 0px rgba(235, 235, 235, 0.5);line-height: 80px;box-sizing: border-box;}
    .nav-tab a {font-size: 17px;color: #888888;}
    .nav-tab span {font-size: 17px;color: #cfcfcf;margin: 0 52px;}

    .part-1 {width: 100%;margin-top: 50px;margin-bottom: 50px;}
    .part-1 p {font-size: 15px;color: #555555;line-height: 24px;font-weight: 400;text-align: justify;margin-bottom: 25px;}
    .part-1 p:last-child {margin-bottom: 0;}

    .part-2 {width: 100%;margin-bottom: 40px;}
    .part-2 .lab {text-align: center;position: relative;}
    .part-2 .lab p {font-size: 30px; font-weight: bold;color: #0256EB;line-height: 45px;position: relative;z-index: 100;}
    .part-2 .lab b {display: inline-block;width: 167px;height: 11px;background: #ffa800;position: absolute;top: 50%;left: 50%;transform: translate(-51%,80%);}
    .part-2 .con {width: 100%;margin-top: 20px;}
    .part-2 .con p {font-size: 15px;color: #555555;line-height: 22px;text-align: justify;margin-bottom: 10px;}
    .part-2 .con p span {font-size: 20px;color: #555555;font-weight: bold;}

    .part-3 {width: 100%;background: #FBFCFD;padding: 60px 0;}
    .part-3 .lab {text-align: center;position: relative;}
    .part-3 .lab p {font-size: 30px; font-weight: bold;color: #0256EB;line-height: 45px;position: relative;z-index: 100;}
    .part-3 .lab b {display: inline-block;width: 291px;height: 11px;background: #ffa800;position: absolute;top: 50%;left: 50%;transform: translate(-53%,80%);}
    .part-3 .con {margin-top: 50px;}
    .part-3 .con li {width: 360px;margin-right: 60px;}
    .part-3 .con li:last-child {margin-right: 0;}
    .part-3 .con li p:nth-child(1) {text-align: center;margin-bottom: 20px;}
    .part-3 .con li p {text-align: justify;font-size: 15px;color: #555555;font-weight: 400;line-height: 24px;}

    .part-4 {width: 100%;margin: 40px 0;}
    .part-4 .lab {text-align: center;position: relative;}
    .part-4 .lab p {font-size: 30px; font-weight: bold;color: #0256EB;line-height: 45px;position: relative;z-index: 100;}
    .part-4 .lab b {display: inline-block;width: 291px;height: 11px;background: #ffa800;position: absolute;top: 50%;left: 50%;transform: translate(-53%,80%);}
    .part-4 .con {margin-top: 40px;}
    .part-4 .con li {margin-right: 56px;}
    .part-4 .con li:last-child {margin-right: 0;}
    .part-4 .con .hint {font-size: 12px;color: #888888;text-align: right;box-sizing: border-box;padding-right: 20px;margin-top: 20px;}

    .part-5 {width: 100%;margin-bottom: 40px;}
    .part-5 .lab {text-align: center;position: relative;}
    .part-5 .lab p {font-size: 30px; font-weight: bold;color: #0256EB;line-height: 45px;position: relative;z-index: 100;}
    .part-5 .lab b {display: inline-block;width: 123px;height: 11px;background: #ffa800;position: absolute;top: 50%;left: 50%;transform: translate(-51%,80%);}
    .part-5 .con {margin-top: 30px;background: rgba(246, 246, 246, 0.8);width: 100%;height: 314px;}
    .part-5 .con .lp {width: 754px;box-sizing: border-box;padding: 39px 70px 0 70px;}
    .part-5 .con .lp p {font-size: 15px;color: #555555;line-height: 24px;text-align: justify;margin-bottom: 10px;}
    .part-5 .con .lp p:last-child {text-align: right;margin-bottom: 0;font-size: 12px;color: #888888;margin-top: 40px;}
    .part-5 .con .swiper-container {width: 425px;}
    .part-5 .swiper-container .swiper-slide .im img {display: block;}
    .part-5 .swiper-container .swiper-slide p {width: 100%;height: 35px;line-height: 35px;text-align: center;box-sizing: border-box;font-size: 20px;color: #ffffff;background: #64A8C7;}
    .swiper-button-prev:after, .swiper-container-rtl .swiper-button-next:after {content: ''!important;}
    .swiper-button-next:after, .swiper-container-rtl .swiper-button-prev:after {content: ''!important;}
    .part-5 .swiper-container .swiper-button-prev .im-2 {transform: rotate(180deg);display: none;}
    .part-5 .swiper-container .swiper-button-next .im-2 {display: none;}
    .swiper-button-prev, .swiper-container-rtl .swiper-button-next {left: 0;}
    .swiper-button-next, .swiper-container-rtl .swiper-button-prev {right: 0;}
    .part-5 .swiper-container .swiper-button-prev:hover .im-1 {display: none;}
    .part-5 .swiper-container .swiper-button-next:hover .im-1 {display: none;}
    .part-5 .swiper-container .swiper-button-prev:hover .im-2 {display: block;}
    .part-5 .swiper-container .swiper-button-next:hover .im-2 {display: block;}

    .part-6 {width: 100%;padding: 50px 0;background: #FBFCFD;}
    .part-6 .lab {text-align: center;position: relative;}
    .part-6 .lab p {font-size: 30px; font-weight: bold;color: #0256EB;line-height: 45px;position: relative;z-index: 100;}
    .part-6 .lab b {display: inline-block;width: 336px;height: 11px;background: #ffa800;position: absolute;top: 50%;left: 50%;transform: translate(-50%,80%);}
    .part-6 .con {width: 100%;margin-top: 40px;}
    .part-6 .con li {width: 580px;background: #ffffff;margin-bottom: 30px;}
    .part-6 .con li .title {width: 100%;height: 40px;line-height: 40px;box-shadow: 0px 0px 10px 0px #E6E6E6;box-sizing: border-box;padding: 0 15px;}
    .part-6 .con li .c-im {width: 100%;box-shadow: 0px 5px 10px 0px #E6E6E6;height: 191px;box-sizing: border-box;padding: 26px 15px;}
    .part-6 .con li .c-im p {width: 330px;font-size: 15px;color: #555555;line-height: 23px;font-weight: 400;margin-left: 15px;text-align: justify;}

    
    .part-7 {width: 100%;box-sizing: border-box;padding: 50px 0;}
    .part-7 .c-d {width: 100%;background: #FFFFFF;box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);padding: 40px 0;}
    .part-7 .lab {text-align: center;position: relative;}
    .part-7 .lab p {font-size: 30px; font-weight: bold;color: #0256EB;line-height: 45px;position: relative;z-index: 100;}
    .part-7 .lab b {display: inline-block;width: 330px;height: 11px;background: #ffa800;position: absolute;top: 50%;left: 50%;transform: translate(-50.5%,60%);}
    .part-7 .c-item {width: 580px;box-sizing: border-box;padding: 0 40px;}
    .part-7 .c-item .lab {width: 276px;height: 55px;background: #F1F1F1;border-radius: 0px 0px 30px 30px;text-align: center;line-height: 50px;font-size: 28px;font-weight: bold;color: #0256eb;margin: 0 auto;}
    .part-7 .con {width: 100%;margin-top: 50px;position: relative;}
    .part-7 .con ul {margin-bottom: 20px;overflow: hidden;}
    .part-7 .con #review_box_1 {height: 250px;overflow: hidden;}
    .part-7 .con #review_box_1 ul {height: 100%;}
    .part-7 .con #review_box_2 {height: 200px;overflow: hidden;}
    .part-7 .con #review_box_2 ul {height: 100%;}
    .part-7 .con ul.mob {display: none;}
    .part-7 .con .line {position: absolute;top: 0;left: 4px;width: 1px;height: 250px;background: #e6e6e6;}
    .part-7 .con li {margin-bottom: 20px;}
    .part-7 .con li span {display: block;width: 10px;height: 10px;box-sizing: border-box;border-radius: 100%;background: #e6e6e6;margin-top: 8px;margin-right: 15px;z-index: 100;position: relative;}
    .part-7 .con li a {font-size: 16px;color: #555555;line-height: 24px;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;width: 400px;}
    .part-7 .con li:hover span {background: #0256eb;}
    .part-7 .con li:hover a {color: #0256eb;}

}