body {
  margin: 0;
  padding: 0;
  font-family:Microsoft YaHei,Helvetica Neue, PingFang SC, Hiragino Sans GB,  Arial, sans-serif;
  font-size: 15px;
  line-height: 1.5;
  font-smoothing: antialiased;
  -webkit-font-smoothing: antialiased;
  -moz-font-smoothing: antialiased;
  background: #fff;
  outline: 0;
  color: #222222;
  box-sizing: border-box;
}
a {
  text-decoration: none;
  color: #222222;
  outline: none;
  -webkit-transition: color 0.1s ease-in-out;
  -moz-transition: color 0.1s ease-in-out;
  -ms-transition: color 0.1s ease-in-out;
  -o-transition: color 0.1s ease-in-out;
  transition: color 0.1s ease-in-out;
  box-sizing: border-box;
}
a:hover {
  text-decoration: none;
  color: #191919;
  outline: none;
}
a:focus {
  color: #a88d5d;
  text-decoration: none;
  outline: none;
}
:focus {
  outline: none;
}
ul {
  list-style: none;
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
input[type="button"],input[type="submit"]{
  transition:0.5s all;
  -webkit-transition:0.5s all;
  -moz-transition:0.5s all;
  -o-transition:0.5s all;
  -ms-transition:0.5s all;
  box-sizing: border-box;
}
div{box-sizing: border-box;}
h1,h2,h3,h4,h5,h6{
  margin:0;
  font-weight:400;
  line-height: 1.2em;
    transition:0.5s all;
  -webkit-transition:0.5s all;
  -moz-transition:0.5s all;
  -o-transition:0.5s all;
  -ms-transition:0.5s all;
  box-sizing: border-box;
}
p{
  line-height: 1.2em;
  font-size:16px;
  margin:0;
  text-align: justify;
  box-sizing: border-box;
}
label{
  margin:0;
  box-sizing: border-box;
}
li{
  font-size:16px;
  list-style:none;
  margin:0;
  padding:0;
  transition:0.5s all;
  -webkit-transition:0.5s all;
  -moz-transition:0.5s all;
  -o-transition:0.5s all;
  -ms-transition:0.5s all;
  box-sizing: border-box;
}
.image-container img{width: 100%;}
.clearfix {
  *zoom: 1;
}
.clearfix:before, .clearfix:after {
  display: table;
  line-height: 0;
  content: "";
}
.clearfix:after {
  clear: both;
}
.clear {
  clear: both;
}
.relative {
  position: relative;
}
.left{
  float:left;
}
.right{
  float:right;
}
.section{
        padding: 80px 0;
}
.container {
	padding-right: 15px;
	padding-left: 15px;
	margin-right: auto;
        margin-left: auto;
        max-width: 1200px;
}

@media (min-width:768px) {
.container {max-width: 750px}
}

@media (min-width:992px) {
.container {max-width: 970px}
}

@media (min-width:1200px) {
.container {max-width: 1170px}
}

/* banner */
.banner{
        padding: 60px 0;
}
.banner-text-A h1{
        font-size: 72px;
        color: #222222;
        font-weight: 800;
        line-height: 1.2em;
        text-align: center;
}
.banner-text-A h3{
        font-size: 40px;
        color: #ffffff;
        text-align: center;
        background:#d72626;
        padding: 0 10px!important;
        line-height: 62px!important;
        margin-top: 20px;
        height: 62px!important;
        overflow: hidden!important;
}
.banner-text-P{padding:20px 0 50px 0;text-align: center;}
.banner-text-P img{margin-right: 6px;width: 46px;}
.banner-text-P p{
        display: inline-block;
        font-size: 50px;
        text-align: center;
        color: #222222;
        margin: 0 10px;
        line-height: 1.2em;
}
.banner-pro{
        width: 31%;
        float: left;
        margin: 0 1%;
}
.banner-pro div{
        border: 4px solid #ffffff;
        border-radius: 30px;
        overflow: hidden;
}
.banner-pro h3{
        font-size: 24px;
        color: #ffffff;
        text-align: center;
        margin-top: 10px;
        font-weight: 800;
        line-height: 1.2em;
}

.title h1{
        font-size: 52px;
        color: #222222;
        text-align: center;
        font-weight: 800;
}
.title p{
        font-size: 28px;
        color: #666666;
        text-align: center;
}

/* index-A-box */
.index-A-list{
        width: 32%;
        float: left;
        margin-right: 2%;
        margin-top:30px;
        border: 1px solid #cccccc;
}
.index-A-list:nth-child(3n){margin-right: 0;}
.index-A-list .blocks-text{
        padding: 20px;
        position: relative;
}
.index-A-list .blocks-text p{
        font-size: 28px;
        width: 56%;
        height: 42px;
        overflow: hidden;
}
.index-A-list .blocks-text a{
        font-size: 20px;
        color: #ffffff;
        background:#d72626;
        line-height: 32px;
        height: 32px;
        border-radius: 32px;
        display: block;
        padding: 0 10px;
        position: absolute;
        right: 20px;
        top:30%;
}
.index-A-list img{height: 320px;}
/* index-B-box */
.index-B-list{
        width: 23.5%;
        float: left;
        margin-right: 2%;
        margin-top: 30px;
}
.index-B-list:last-child{margin-right: 0;}
.index-B-list .blocks-text{
        background:#d72626;
        padding: 30px;
        text-align: center;
}
.index-B-list .blocks-text span{
        font-size: 52px;
        color: #ffffff;
}
.index-B-list .blocks-text p{
        font-size: 32px;
        color: #ffffff;
        font-weight: 800;
        text-align: center;
        line-height: 1em;
        height: 32px;
        overflow: hidden;
}
/* index-C-box */
.index-C-list{
        background:url(../img/bg3-5.jpg) no-repeat left bottom;
        padding: 30px;
}
.index-C-list2{
        background:url(../img/bg3-5.jpg) no-repeat right bottom;
}
.index-C-border{
        border:20px solid #606060;
        background: #ffffff;
        position: relative;
}
.index-C-box-img{
        width: 52%;
}
.index-C-box-text{
        width: 48%;
        padding: 40px;
}
.index-C-box-text .index-C-num{
        position: absolute;
        right: -20px;
        top: -20px;
        font-size: 72px;
        color: #ffffff;
        font-weight: 800;
        padding:4px 10px;
        background:#d72626;
        z-index: 99;
        height: 92px;
        line-height: 92px;
}
.index-C-box-text2 .index-C-num2{
        position: absolute;
        left: -20px;
        top: -20px;
        font-size: 72px;
        color: #ffffff;
        font-weight: 800;
        padding:4px 10px;
        background:#d72626;
        z-index: 99;
        height: 92px;
        line-height:92px;
}
.index-C-box-text span{
        display: block;
        font-size: 28px;
        color: #222222;
}
.index-C-box-text h3{
        font-size: 36px;
        color: #ffffff;
        font-weight: 800;
        background: #222222;
        text-align: center;
        width: 80%;
        height: 60px;
        line-height: 60px;
        overflow: hidden;
        margin: 10px 0 20px 0;
}
.index-C-box-text p{
        font-size: 20px;
        margin: 0;
        height: 90px;
        overflow: hidden;
}
.index-C-box-text2 span,.index-C-box-text2 p{
        text-align: right;
}
.index-C-box-text2 h3{
        margin-left: 20%;
}

/* index-D-box */
.index-D-list{
        width: 32%;
        float: left;
        margin-right: 2%;
        margin-top: 20px;
}
.index-D-list:nth-child(3n){
        margin-right: 0;
}
.index-D-box-img{
        border: 2px solid #fff;
        border-radius: 12px;
        overflow: hidden;
}
.index-D-list p{
        font-size: 32px;
        color:#fff;
        text-align: center;
        margin-top: 10px;
        height: 48px;
        overflow: hidden;
}

/* index-E-box */
.index-E-list{
        width: 49%;
        float: left;
        margin-right: 2%;
        margin-top: 20px;
}
.index-E-list:nth-child(2n){margin-right: 0;}
.index-E-list p{
        font-size: 28px;
        color: #222222;
        text-align: center;
        background: #ececec;
        padding: 0 10px;
        margin: 0;
        height: 50px;
        line-height: 50px;
        overflow: hidden;
}
.index-F-box{
        padding: 40px 0;
}
.index-F-box .more-btn{
        display: block;
        width: 230px;
        line-height: 64px;
        font-size: 36px;
        border: 1px solid #ffffff;
        border-radius: 5px;
        text-align: center;
        color: #ffffff;
        margin: 20px auto 0;
}
.index-F-box .more-btn:hover{
        color: #ffffff;
}
@media (max-width:1200px) {
.banner-text-A h1{white-space: normal!important;}
.banner-text-A h1,.banner-text-A h1 b{font-size: 70px!important;}
.banner-text-A h3,.banner-text-A h3 b{font-size: 32px!important;}
.banner-text-P p,.banner-text-P p b{font-size: 42px!important;}
.title h1,.title h1 b{font-size:42px!important;}
.title p,.title p b{font-size: 24px!important;height: 30px;}
.section{padding: 60px 0;}
.index-C-box-text .index-C-num,.index-C-box-text .index-C-num2{font-size: 42px;top: -10px;height: 68px;line-height: 63px;}
.index-C-border{border-width: 10px;}
.index-C-list{padding: 10px;}
.index-C-box-text .index-C-num{right: -10px;}
.index-C-box-text .index-C-num2{left: -10px;}
.index-C-box-text span,.index-D-list p,.index-E-list p{font-size: 24px;}
.index-C-box-text h3{font-size: 28px;height: 42px;line-height: 42px;}
.index-C-box-text p{font-size: 18px;}
.index-D-list p{height: 32px;}
.index-A-list img{height: 280px;}
}
@media (max-width:992px) {
.banner-text-A h1,.banner-text-A h1 b{font-size: 54px!important;}
.banner-text-A h3,.banner-text-A h3 b{font-size: 28px!important;line-height: 50px!important;height: 50px!important;}
.banner-text-P p,.banner-text-P p b{font-size: 34px!important;}
.banner{padding: 20px 0;}
.banner-text-P{padding: 20px 0;}
.title h1,.title h1 b{font-size:32px!important;}
.title p,.title p b{font-size: 18px!important;height: 21px;}
.section{padding: 40px 0;}
.index-A-list{width: 49%; margin-top:10px;}
.index-A-list:nth-child(3n){margin-right: 2%;}
.index-A-list:nth-child(2n){margin-right: 0;}
.index-A-list .blocks-text{padding: 10px;}
.index-B-list .blocks-text{padding: 20px;}
.index-B-list .blocks-text span{font-size: 30px;height: 34px;}
.index-B-list .blocks-text p{font-size: 24px;}
.index-B-box-img{border-width: 2px;}
.index-B-list{margin-top: 10px;}
.index-C-box-text{padding: 15px;}
.index-C-box-text span{font-size: 20px;height: 24px;}
.index-C-box-text h3{font-size: 24px;height: 32px;line-height: 32px;}
.index-C-box-text p{font-size: 16px;}
.index-D-list{width: 49%;margin-top: 10px;}
.index-D-list:nth-child(3n){margin-right: 2%;}
.index-D-list:nth-child(2n){margin-right: 0;}
}
@media (max-width:750px) {
.banner-text-A h1,.banner-text-A h1 b{font-size: 42px!important;}
.banner-text-A h3,.banner-text-A h3 b,.index-A-list .blocks-text a{display: none!important;}
.banner-text-P p,.banner-text-P p b{font-size: 26px!important;}
.banner-text-P img{width: 30px;}
.banner-text-P{padding: 10px 0;}
.section{padding: 30px 0;}
.index-A-list .blocks-text p{width: 100%;font-size: 20px;width: 100%;text-align: center;height: 32px;}
.index-B-list .blocks-text{padding: 10px;}
.index-B-list .blocks-text span{font-size: 24px;height: 26px;}
.index-B-list .blocks-text p{font-size: 20px;height: 24px;}
.index-C-list{padding: 0;background: none;}
.index-C-border{border: none;margin-top: 10px;}
.index-C-box-img{width: 100%;border: 4px solid #606060;}
.index-C-box-text .index-C-num,.index-C-box-text .index-C-num2{position: absolute;left: 0;top:0;width: 52px;font-size: 26px;padding: 0;text-align: center;height: 52px;line-height: 52px;}
.index-C-box-text{background: #f0f0f0;width: 100%;padding: 30px;}
.index-C-box-text span{display: block;text-align: center;}
.index-C-box-text h3{width: 100%;height: auto;}
.index-C-box-img2{float: left!important;}
.index-C-box-text2{float: right!important;}
.index-C-box-text2 h3{margin-left: 0;height: auto;}
.index-C-box-text p{height: auto;}
.index-C-box-text2 p{text-align: left;}
.index-F-box .more-btn{width: 160px;font-size: 20px;line-height: 36px;}
.banner-pro{margin-top: 20px;}
.index-D-list p{height: auto;}
}
@media (max-width:580px) {
.banner-text-A h1,.banner-text-A h1 b{font-size: 38px!important;}
.banner-text-A h3,.banner-text-A h3 b{display: none;}
.banner-text-P p,.banner-text-P p b{font-size: 24px!important;}
.banner-pro div{border-width: 2px;border-radius: 12px;}
.banner-pro h3{font-size: 18px!important;}
.title h1,.title h1 b{font-size:28px!important;}
.title p,.title p b{font-size: 16px!important;}
.index-B-list{width: 49%;}
.index-B-list:last-child{margin-right: 2%;}
.index-B-list:nth-child(2n){margin-right: 0;}
.index-A-list img{height: 240px;}
.index-C-box-text{padding:20px}
.index-C-box-text span, .index-D-list p, .index-E-list p{font-size: 20px;}
}
@media (max-width:480px) {
.banner-text-A h1,.banner-text-A h1 b{font-size: 30px!important;}
.index-A-list .blocks-text{padding: 4px;}
.index-A-list .blocks-text p{font-size: 18px;}
.index-C-box-text{padding: 20px;}
.index-C-box-text span, .index-D-list p,.index-E-list p{font-size: 20px;}
.index-F-box .more-btn{width: 180px;font-size: 20px;line-height: 42px;}
.index-A-list img{height: 220px;}
}
@media (max-width:400px) {
.banner-text-A h1,.banner-text-A h1 b{font-size: 26px!important;}
.banner-text-P p,.banner-text-P p b,.index-C-box-text span, .index-D-list p,.index-E-list p{font-size: 18px!important;}
.banner-text-P p{margin: 0 4px!important;}
.banner-text-P img{width: 20px;}
.index-A-list img{height: 150px;}
}
.image-container img{display: block;}
.banner-pro img{height: 218px;}
.index-B-list img{height: 304px;}
.index-D-box-img img{height: 340px;}
@media (max-width:1200px) {
.index-B-list img{height: 230px;}
.index-D-box-img img{height: 260px;}
}
@media (max-width:992px) {
.banner-pro img{height: 160px;}
}
@media (max-width:750px) {
.index-B-list img{height: 190px;}
}
@media (max-width:650px) {
.banner-pro img{height: 120px;}
.index-B-list img{height: 160px;}
}
@media (max-width:580px) {
.index-B-list img{height: 240px;}
.index-D-box-img img{height: 200px;}
}
@media (max-width:480px) {
.index-D-box-img img{height: 170px;}
}
@media (max-width:390px) {
.banner-pro img{height: 90px;}
.index-B-list img{height: 160px;}
.index-D-box-img img{height: 130px;}
}

/* 20210113  zxf */
.banner-text-A h1,.banner-text-A h3,.banner-pro h3,.title h1,.title p,.index-A-list .blocks-text p,.index-B-list .blocks-text p,.index-B-list .blocks-text span,.index-C-box-text span,.index-C-box-text h3,.index-C-box-text .index-C-num,.index-D-list p,.index-E-list p{white-space: nowrap;overflow: hidden;}
.index-E-list img{height: 545px;}
.banner-text-P{overflow: hidden;}
.index-C-box-text .index-C-num,.index-C-box-text2 .index-C-num2{width: 100px;text-align: center;}
@media (max-width:1200px) {
.index-E-list img{height: 350px;}
}
@media (max-width:992px) {
.index-E-list img{height: 290px;}
}
@media (max-width:750px) {
.index-C-box-text .index-C-num,.index-C-box-text2 .index-C-num2{width: 52px;}
.index-E-list img{height: 240px;}
}
@media (max-width:580px) {
.banner-text-A h1, .banner-text-A h1 b{white-space: normal;height: auto;}
}
@media (max-width:480px) {
.index-E-list img{height: 180px;}
}
@media (max-width:390px) {
.index-E-list img{height: 140px;}
}

.caf-html-input-box{text-align: center;padding: 20px 0;display: none;}
.caf-html-input-box p{
        display: inline-block;
        font-size: 14px;
        color: #222222;
}
.caf-html-input-box input{
        display: inline-block;
        width: 70px;
        font-size: 14px;
        line-height: 32px;
        border-radius: 5px;
        border: 1px solid #cccccc;
        background: none;
}
.caf-html-input-box .caf-html-input5{
        background:#d72626;
        color: #ffffff;
        border: none;
}
.caf_wrapper div.clear:nth-child(1){display:none}

/* 20210426 zxf  适应B2B页面 */
.B2B_insert_page .title h1,.B2B_insert_page .title p{white-space: normal;}
.B2B_insert_page h3{border-bottom: none;}
.B2B_insert_page .banner-text-P p img{width: 46px!important;}
.B2B_insert_page .banner-text-A h1,.B2B_insert_page  .banner-text-A h1 b{font-size: 42px!important;}
.B2B_insert_page .banner-text-A h3,.B2B_insert_page  .banner-text-A h3 b{font-size: 26px!important;}
.B2B_insert_page .banner-text-P p,.B2B_insert_page  .banner-text-P p b{font-size: 32px!important;}
.B2B_insert_page .banner-pro h3{font-size: 16px;}
.B2B_insert_page .title h1,.B2B_insert_page  .title h1 b{font-size: 36px!important;}
.B2B_insert_page .title p,.B2B_insert_page  .title p b{font-size: 20px!important;}
.B2B_insert_page .index-A-list .blocks-text a{display: none;}
.B2B_insert_page .index-A-list .blocks-text p{width: 100%;font-size: 20px;text-align: center;height: auto;}
.B2B_insert_page .index-B-list .blocks-text span,.B2B_insert_page .index-B-list .blocks-text p{font-size: 28px;}
.B2B_insert_page .index-C-box-text .index-C-num,.B2B_insert_page .index-C-box-text2 .index-C-num2{width: 60px!important;height: 60px;line-height: 60px;font-size: 32px;padding: 0;}
.B2B_insert_page .index-C-box-text span,.B2B_insert_page .index-E-list p{font-size: 20px;}
.B2B_insert_page .index-C-box-text h3{font-size: 24px;width: 100%;}
.B2B_insert_page .index-C-box-text p{font-size: 15px;}
.B2B_insert_page .index-F-box .more-btn{display: none;}
.B2B_insert_page .index-C-border{border-width: 10px;}
.B2B_insert_page .index-C-list{padding: 0;}
.B2B_insert_page .index-C-list:nth-child(2){margin-top: 20px;}
.B2B_insert_page .index-C-box-text{padding: 10px;}
.B2B_insert_page .banner-pro img{height: 180px!important;}
.B2B_insert_page .index-A-list img{height: 240px!important;}
.B2B_insert_page .index-B-list img{height: 200px!important;}
.B2B_insert_page .index-D-box-img img{height: 240px!important;}
.B2B_insert_page .index-E-list img{height: 370px!important;}
@media (max-width:992px) {
.B2B_insert_page .banner-pro img{height: 130px!important;}
.B2B_insert_page .index-B-list .blocks-text p{font-size: 20px;}
.B2B_insert_page .title{display: block!important;}
}
@media (max-width:580px) {
.B2B_insert_page .banner-text-A h1, .B2B_insert_page .banner-text-A h1 b{font-size: 28px!important;}
.B2B_insert_page .banner-text-P p, .B2B_insert_page .banner-text-P p b{font-size: 18px!important;}
.B2B_insert_page .banner-text-P p img{width: 23px!important;}
.B2B_insert_page .banner-pro img{height: 94px!important;}
.B2B_insert_page .index-A-list img{height: 190px!important;}
.B2B_insert_page .index-B-list img{height: 230px!important;}
.B2B_insert_page .index-D-box-img img{height: 210px!important;}
.B2B_insert_page .index-E-list img{height: 210px!important;}
}
@media (max-width:480px) {
.B2B_insert_page .banner-pro h3{font-size: 12px!important;}
.B2B_insert_page .index-A-list .blocks-text p{font-size: 16px!important;}
.B2B_insert_page .index-A-list img{height: 140px!important;}
.B2B_insert_page .index-B-list img{height: 180px!important;}
.B2B_insert_page .index-D-box-img img{height: 166px!important;}
.B2B_insert_page .index-E-list img{height: 180px!important;}
.B2B_insert_page .index-C-box-text span, .B2B_insert_page .index-E-list p{font-size: 16px!important;}
}
@media (max-width:400px) {
.B2B_insert_page .index-B-list .blocks-text p{font-size: 16px!important;}
.B2B_insert_page .index-A-list img{height: 140px!important;}
.B2B_insert_page .index-B-list img{height: 140px!important;}
.B2B_insert_page .index-D-box-img img{height: 130px!important;}
.B2B_insert_page .index-E-list img{height: 140px!important;}
}