body {color:#333333} a{color:#333333}a:active,a:hover {color:#1b5ca6}

@media (min-width: 1811px) {.container{ width: 1811px; }}

@media (min-width: 1811px) {.container{ width: 1811px; }}

@font-face {
font-family: 'Bold';
src: url('font/SourceHanSansCN\ Bold.ttf');
}
@font-face {
font-family: 'Light';
src: url('font/SourceHanSansCN\ Light.ttf');
}
@font-face {
font-family: 'Medium';
src: url('font/SourceHanSansCN\ Medium.ttf');
}
@font-face {
font-family: 'Normal';
src: url('font/SourceHanSansCN\ Normal.ttf');
}
@font-face {
font-family: 'Regular';
src: url('font/SourceHanSansCN\ Regular.ttf');
}
@font-face {
font-family: 'xiaowei';
src: url('font/xiaowei.ttf');
}

*{ font-family: 'Normal' !important;}
body{ font-family: 'Normal'; background: #f2f2f2;}
/* 头部 */
.pz_top{ float: left; width: 100%; background: #fff;}
.pz_top .logo{ width: 167px; height: 91px; margin: 45px 0 35px 0%; line-height: 0; float: left;}
.pz_top .lang{ margin: 68px 1.4% 0 0; float: right;}
.pz_top .lang  a{ font-size: 24px; color: #f8b62d;}


/* menu */
.pz_top .menu{ float: right; margin: 0px 100px 0 0; position: relative;}
.pz_top .menu::before{ content: ""; display: block; width: 3px; 
height: 28px; background: #009BE8; position: absolute; left: -7.41%; top: 70px;}
.pz_top .menu .nli{ float: left; margin: 0 50px; position: relative;}
.pz_top .menu .nli:first-child{ margin-left: 0;}
.pz_top .menu .nli:last-child{ margin-right: 0;}
.pz_top .menu .nli span a{ display: block; line-height: 171px; height: 171px; 
     font-size: 24px; color: #313131;font-weight: 600;}
.pz_top .menu .nli span a::after{ content: ""; display: none; width: 100%; height: 4px; position: absolute; bottom: 50px; left: 0; background: #1068c1;}
.pz_top .menu .nli.on span a,.pz_top .menu .nli:hover span a{ color: #1b5ca6;}
.pz_top .menu .nli.on span a::after,.pz_top .menu .nli:hover span a::after{ display: block;}
.menu .nli .sub{ display: none; position: absolute; width: 148px; top: 171px; left: 50%; margin-left: -74px; z-index: 999;}
.menu .nli .sub li{ height: 48px; line-height: 46px; border-bottom: 2px solid #efefef; text-align: center;}
.menu .nli .sub li a{ display: block; color: #313131; background: #fff; font-size: 18px;}
.menu .nli .sub li a:hover{ color: #ffffff; background: #025fbd;}

.menuph{ display: none;}
.xialaph{ display: none;}
@media screen and (max-width:1810px ) {
.pz_top .logo{ margin-left: 0;}
.pz_top .menu{ margin-right: 30px;}
.pz_top .lang{ margin-right: 0;}
.pz_top .menu .nli{margin: 0 35px;}
.pz_top .menu .nli span a{font-size: 20px;}
.pz_top .lang a { font-size: 20px;}
}
@media screen and (max-width:1439px ) {
/* .pz_top .logo{ width: 260px; height: 47px; margin-top: 34px;} */
.pz_top .menu{ margin-right: 2.94%; margin-top: 0;}
.pz_top .menu::before{ left: -5.41%;}
.pz_top .menu .nli{ margin: 0 20px;}
.pz_top .menu .nli span a{font-size: 16px;}
.pz_top .lang a { font-size: 20px;}
}

@media screen and (max-width:1023px ) {
*{ font-family: 'Normal' !important;}
.pz_top .logo img{height: 100%;width: auto;}
.pz_top{ position: fixed; top: 0; left: 0; z-index: 99999999;}
.pz_top .logo{ width: auto; height: 25px; margin: 10px 0;}
.pz_top .lang{ display: none;}
.xialaph .lang_ph{ font-size: 16px; margin: 10px 0; color: #313131; width: 100%; float: left;}

.menu{ display: none;}
.menuph{ display: block;}
.xialaph{ display: block;}

/*手机按钮*/
.menuph{ float: right; width: 28px; height: 22px; cursor: pointer; text-align: center; margin: 12px 0;}
.menuph .point { display: inline-block;  width: 28px;  height: 22px; position: relative;}
.menuph .point:hover .navbtn,
.menuph .point:hover .navbtn::after,
.menuph .point:hover .navbtn::before { width: 28px;}
.menuph .navbtn { position: absolute; top: 10px; right: 0; display: inline-block; width: 21px; height: 2px; background: #1b5ca6;
-webkit-transition: all .3s ease-out 0s; 
-moz-transition: all .3s ease-out 0s;  
-ms-transition: all .3s ease-out 0s;  
-o-transition: all .3s ease-out 0s;  
transition: all .3s ease-out 0s;}
.menuph .navbtn::after,
.menuph .navbtn::before { position: absolute; right: 0; display: inline-block; width: 28px; height: 2px; content: ''; background: #1b5ca6;
-webkit-transition: all .3s ease-out 0s;  
-moz-transition: all .3s ease-out 0s;  
-ms-transition: all .3s ease-out 0s;  
-o-transition: all .3s ease-out 0s;  
transition: all .3s ease-out 0s;}
.menuph .navbtn::after { top: -11px;}
.menuph .navbtn::before { top: 10px;}
.menuph .point.active .navbtn{ background: transparent;}
.menuph .point.active .navbtn::after{ -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); top: 0px;}
.menuph .point.active .navbtn::before { -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); top: 0px;}

/*手机下拉*/
.xialaph{ position: fixed; left: 0; top: 0; float: left; width: 100%; height: 100%; overflow: scroll; padding: 46px 0 100px 0; display: none; z-index:999; background:#ffffff;}
.xialaph .ul2,
.xialaph .ul3{ display: none;}
.xialaph h4 a{ float: left; width: 60%; color: #333333; font-size:16px; line-height: 50px;}
.xialaph h4 a span{ padding-left: 6px; color: #ccc; font-size: 14px;}
.xialaph h4{ float: left; width: 100%; position: relative;}
.xialaph li:last-child h4::before{ content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 1px; background-color: #e7e7e7;}
.xialaph h4:hover a,
.xialaph h5:hover a{ color: #1b5ca6;}
.xialaph h4::after{ content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 1px; background-color: #e7e7e7;}
.xialaph h5 a{ float: left; width: 100%; color: #1f1f1f; font-size: 14px; line-height: 40px; text-transform:uppercase;}
.xialaph h5{ float: left; width: 100%; position: relative;}
.xialaph h5::after{ content: ''; position: absolute; bottom: 0; left: 0; right: 0; height: 1px; background-color: #e7e7e7;}
.xialaph li:last-child h5::after{ display: none;}
.xialaph h4 img{ width: 15px; height: 8px; float: right; margin-top: 24px; cursor: pointer;}
.xialaph h5 img{ width: 11px; height: 6px; float: right; margin-top: 26px; margin-right: 18px; cursor: pointer;}
.xialaph h4.active img.img_s,
.xialaph h5.active img.img_s{ display: none;}
.xialaph h4.active img.img_d,
.xialaph h5.active img.img_d{ display: block;}
.xialaph .ul2{ float: left; width: 100%; padding: 0 10px;}
.xialaph .ul3{ padding-top: 12px; padding-bottom: 18px; padding-left: 15px; position: relative;}
.xialaph .ul3::after{ content: ''; position: absolute; bottom: 0; left: 0; right: 0; height: 1px; background-color: #3c3a3a;}
.xialaph li:last-child .ul3::after{ display: none;}
.xialaph .ul3 li a{ color: #333333; font-size: 14px; line-height: 35px; display: block;}
.xialaph .ul3 li{ padding-top: 5px;}
.xialaph .ul3 li:first-child{ padding-top: 0;}
.xialaph .phsou{ position: relative; margin-top: 34px;}
.xialaph .phsou input{ width: 100%; height: 56px; background-color: #ffffff; color: #aaa; font-size: 14px; padding-left: 20px; border: 1px solid #e5e5e5;}
.xialaph .phsou img{ cursor: pointer; width: 21px; height: 22px; position: absolute; top: 17px; right: 29px;  }
.img_d, .disno{ display: none;}
}


/* 首页banner */
.pz_banner{ float: left; width: 100%; position: relative; overflow: hidden;}
.pz_banner .slide_banner{ width: 100%; line-height: 0; overflow: hidden; text-align: center; position: relative;}
.pz_banner .slide_banner img{ width: 100%;}
.pz_banner .slide_banner .wz{ position: absolute; width: 100%; top: 24%; left: 0; font-family: 'Bold'; font-weight: bold; text-align: left;}
.pz_banner .slide_banner .wz .t1{ font-size: 80px; display: inline-block;font-weight: bold;
white-space: nowrap;text-shadow: 0 0 92px rgb(0 0 0);font-family: initial !important;
line-height: 122px; color: #fff;margin-top: -60px;padding: 0 50px 0 70px;}

.pz_banner .slide_banner .wz-content{width: 1600px;margin:0 auto;
height: 570px;border:8px solid #fff;position: relative;border-top: 0px solid transparent;}

.pz_banner .slide_banner .wz-content .borderl{position: absolute;height: 8px;left: 0;
top: 0;background: #fff;width:55px;}
.pz_banner .slide_banner .wz-content .borderr{position: absolute;height: 8px;right: 0;
top: 0;background: #fff;}
.pz_banner .slide_banner .wz-content .ul{margin-left: 70px;margin-top: 70px;}
.pz_banner .slide_banner .wz-content .li{line-height: 65px;position: relative;margin-bottom: 23px;
padding-left: 38px;font-size: 40px;color: #fff;width: 70%;text-shadow: 0 0 8px rgb(0 0 0);
background: linear-gradient(to right,rgba(3,124,187,0.9),rgba(3,124,187,0));}
.pz_banner .slide_banner .wz-content .li::after{content: "";height: 7px;width: 7px;background: #fff;
border-radius: 50%;position: absolute;top: 50%;transform: translate(0,-50%);left: 12px;}




.pz_banner .slide_banner .wz .t2{ margin-left: 13%; margin-top: 50px; font-size: 48px; line-height: 60px; letter-spacing: 6px; color: #fff;}
.pz_banner .slide_banner .slick-dots{ position: absolute; bottom: 50px; z-index: 10; height: 12px; text-align: center;}
.pz_banner .slide_banner .slick-dots li{ vertical-align: top; margin: 0 20px; width: 12px; height: 12px; border-radius: 50%; background: rgba( 255, 255, 255, 0.4);}
.pz_banner .slide_banner .slick-dots li.slick-active{ background: #fff;}
@media screen and (max-width:1810px ) {
    .pz_banner .slide_banner .wz-content{width: 90%;height: 500px;}
    .pz_banner .slide_banner .wz .t1{ font-size: 60px; 
    line-height: 122px; color: #fff;margin-top: -60px;padding: 0 50px 0 70px;}
    .pz_banner .slide_banner .wz-content .li{line-height: 50px;margin-bottom: 20px;
    padding-left: 35px;font-size: 30px;}
    .pz_banner .slide_banner .wz-content .ul{margin-left: 70px;margin-top: 50px;}
}
@media screen and (max-width:1439px ) {
    .pz_banner .slide_banner .wz-content{width: 90%;height: 350px;}
    .pz_banner .slide_banner .wz .t1{ font-size: 40px; 
    line-height: 80px; color: #fff;margin-top: -40px;padding: 0 50px 0 70px;}
    .pz_banner .slide_banner .wz-content .li{line-height: 40px;margin-bottom: 10px;
    padding-left: 30px;font-size: 24px;}
    .pz_banner .slide_banner .wz-content .ul{margin-left: 70px;margin-top: 30px;}


.pz_banner .slide_banner .wz .t2{ margin-left: 5%; margin-top: 20px; font-size: 38px; line-height: 50px;}   
}
@media screen and (max-width:1023px ) {
    .pz_banner .slide_banner .wz{top: 50%;transform: translate(0,-50%);}

    .pz_banner .slide_banner .wz-content{width: 90%;height: 200px;}
    .pz_banner .slide_banner .wz .t1{ font-size: 26px; 
    line-height: 56px;margin-top: -28px;padding: 0 25px 0 35px;}

    .pz_banner .slide_banner .wz-content .li{line-height: 28px;margin-bottom: 10px;
    padding-left: 30px;font-size: 24px;}
    .pz_banner .slide_banner .wz-content .ul{margin-left: 15px;margin-top: 30px;}




.pz_banner{ margin-top: 46px;}  
.pz_banner .slide_banner .wz .t1{ }
.pz_banner .slide_banner .wz .t2{ font-size: 18px; line-height: 30px; letter-spacing: 2px;}   
.pz_banner .slide_banner .slick-dots{ bottom: 15px; height: 6px;}
.pz_banner .slide_banner .slick-dots li{ margin: 0 5px; width: 6px; height: 6px;}
}
@media screen and (max-width:767px ) {
    .pz_banner .slide_banner .wz-content .ul{margin-top: 20px;}

.pz_banner .slide_banner .wz .t1{  font-size: 14px; line-height: 22px;margin-top: -8px;
    padding: 0 15px 0 15px;}
.pz_banner .slide_banner .wz-content .borderl{width: 10px;}
.pz_banner .slide_banner .wz-content .li{font-size: 12px;}
.pz_banner .slide_banner .wz .t2{ margin-left: 2%; margin-top: 15px; font-size: 14px; line-height: 20px;}
}

/* 首页1 */
.homeCon1{ padding: 65px 0 90px 0; float: left; width: 100%;}
.homeCon1 .bg{ width: calc(100% - 150px);
    padding: 115px 0 220px 0;
    background: url(img/tdbg2.png) no-repeat center;
    background-size: cover;
    margin-left: 75px;}
.homeCon1 .nr{ padding-left: 12%;
    padding-right: 12%;}
.homeCon1 .t1{ font-size: 40px; line-height: 60px; margin-bottom: 125px; letter-spacing: 15px; position: relative; color: #2b2b2b; font-family: 'Bold'; font-weight: bold;}
.homeCon1 .t1::before{ content: ""; display: block; width: 34px; height: 34px;
     background: url(img/tdtx.jpg) no-repeat center; background-size: cover; position: absolute; top: -30px; left: -35px;}
.homeCon1 .u1{ margin: -50px -7%; width: 114%; overflow: hidden;}
.homeCon1 .l1{ float: left; margin: 50px 7%;width: 11%;}

.homeCon1 .l1 .ico{ width: 150px; height: 150px; margin: 0 auto; display: flex;
    align-items: center;justify-content: center;
    background: #fff; border-radius: 50%; box-shadow: 0 0 10px rgba( 27, 92, 166, 0.3);}
.homeCon1 .l1 .ico img{max-width:45%}

.homeCon1 .l1 .text{ font-size: 18px; line-height: 18px; height: 18px; overflow: hidden; margin-top: 25px; text-align: center; color: #009be8;}
@media screen and (max-width:1810px ) {
.homeCon1 .nr{  padding-left: 9%;
    padding-right: 9%;}

.homeCon1 .bg{ width: 100%;
    padding: 115px 0 220px 0;
    background: url(img/tdbg2.png) no-repeat center;
    background-size: cover;
    margin-left: 0px;}
}


@media screen and (max-width:1439px ) {

.homeCon1 .bg{ padding: 85px 0 100px 0;}
.homeCon1 .nr{padding-left: 5%;
    padding-right: 5%;}   
.homeCon1 .t1{ font-size: 60px; line-height: 62px; margin-bottom: 65px; letter-spacing: 10px;}
.homeCon1 .t1::before{ width: 20px; height: 20px; top: -20px; left: -25px;}

.homeCon1 .l1 .ico{ width: 100px; height: 100px;}
.homeCon1 .l1 .text{ font-size: 16px; line-height: 18px; height: 18px; margin-top: 15px;}
}
@media screen and (max-width:1023px ) {
.homeCon1{ padding: 20px 0 20px 0;}
.homeCon1 .bg{ padding: 30px 0 40px 0;}  
.homeCon1 .t1{ font-size: 30px; line-height: 32px; margin-bottom: 25px; letter-spacing: 5px;}
.homeCon1 .t1::before{ width: 10px; height: 10px; top: -10px; left: -15px;}

.homeCon1 .l1 .ico{ width: 80px; height: 80px;}
}
@media screen and (max-width:767px ) {
.homeCon1 .bg{ padding: 20px 0 20px 0;}
.homeCon1 .t1{ font-size: 16px; line-height: 22px; margin-bottom: 15px; letter-spacing: 2px;}
.homeCon1 .t1::before{ width: 5px; height: 5px; top: -5px; left: -5px;}
.homeCon1 .u1{ margin: -10px 0; width: 100%;}
.homeCon1 .l1{ margin: 10px 0; width: 25%;}
.homeCon1 .l1 .ico{ width: 30px; height: 30px;}
.homeCon1 .l1 .text{ font-size: 12px; line-height: 14px; height: 14px; margin-top: 10px;}
}

/* 首页2 */
.homeCon2{ float: left; width: 100%; padding-bottom: 70px;background: url(img/xhbg.jpg) center no-repeat;background-size:cover}
.homeCon22{padding-top: 70px;}
.homeCon2 .l1{ width: 100%; overflow: hidden; background: #2d2d2d; position: relative;margin-bottom: 87px;}
.homeCon2 .l1:last-child{margin-bottom: 0px !important;}
.homeCon2 .l1 .text{ padding: 6.8% 5%; width: 29%; float: left; color: #fff;}
.homeCon2 .l1 .text::after{ content: ""; display: block; width: 34px; height: 34px; position: absolute; top: 76%; left: 25%; background: url(img/ico2.png) no-repeat center; background-size: cover;}
.homeCon2 .l1 .text .pos{ position: relative;}
.homeCon2 .l1 .text .num{ font-size: 180px; line-height: 150px; font-family: 'Bold'; font-weight: bold;}
.homeCon2 .l1 .text .wz{ padding-top: 25px; padding-left: 10px; background: #2d2d2d; position: absolute; left: 110px; bottom: -10px;}
.homeCon2 .l1 .text .w1{ font-size: 24px; line-height: 30px; font-family: 'Bold'; font-weight: bold;}
.homeCon2 .l1 .text .w2{ float: left; font-size: 18px; line-height: 30px; float: left; font-family: 'Regular';}
.homeCon2 .l1 .text .over{ width: 100%; overflow: hidden;}
.homeCon2 .l1 .text .w3{ margin: 21px 0 0 10px; float: left; width: 140px; height: 1px; background: #fff;}
.homeCon2 .l1 .text .t1{ margin: 100px 0 34px 0; font-size: 32px; line-height: 42px; letter-spacing: 3px; text-indent: -0.5em; font-family: 'Bold'; font-weight: bold;}
.homeCon2 .l1 .text .t2{ font-size: 24px; line-height: 36px; font-family: 'Medium';}
.homeCon2 .l1 .img{ width: 68.54%; float: right; line-height: 0;}
.homeCon2 .l1 .ico{ width: 100%; float: left; line-height: 0; background: #f2f2f2;display: none;}
.homeCon2 .l1:nth-child(2n) .text{ float: right;}
.homeCon2 .l1:nth-child(2n) .text::after{ left: auto; right: 80px;}
.homeCon2 .l1:nth-child(2n) .img{ float: left;}
.homeCon23 .l1 .img{ float: left;}
@media screen and (max-width:1810px ) {
.homeCon2 .l1 .text{ padding: 6.8% 3.8%;}
.homeCon2 .l1 .text .t1 { margin: 50px 0 34px 0;}
.homeCon2 .l1 .text .w3{ width: 65px;}
}
@media screen and (max-width:1439px ) {
.homeCon2{ padding-bottom: 30px;}
.homeCon22{padding-top: 30px;}
.homeCon2 .l1 .text{ padding: 3.8% 3.5%;}
.homeCon2 .l1 .text::after{ width: 20px; height: 20px;}
.homeCon2 .l1 .text .num{ font-size: 120px; line-height: 100px;}
.homeCon2 .l1 .text .wz{ left: 74px; bottom: -10px;}
.homeCon2 .l1 .text .w1{ font-size: 20px; line-height: 24px;}
.homeCon2 .l1 .text .w2{ font-size: 14px; line-height: 20px;}
.homeCon2 .l1 .text .w3{ margin: 10px 0 0 5px; width: 60px;}
.homeCon2 .l1 .text .t1{ margin: 30px 0 24px 0; font-size: 22px; line-height: 30px;}
.homeCon2 .l1 .text .t2{ font-size: 16px; line-height: 22px;}
.homeCon2 .l1:nth-child(2n) .text::after { right: 50px;}
}
@media screen and (max-width:1023px ) {
.homeCon2{ padding-bottom: 20px;}
.homeCon22{padding-top: 20px;}
.homeCon2 .l1 {margin-bottom: 30px;}
.homeCon2 .l1 .text{ padding: 3% 2.1%;}
.homeCon2 .l1 .text::after{ width: 10px; height: 10px;}
.homeCon2 .l1 .text .num{ font-size: 100px; line-height: 80px;}
.homeCon2 .l1 .text .wz{ padding-top: 10px; left: 60px;}
.homeCon2 .l1 .text .w1{ font-size: 16px; line-height: 20px;}
.homeCon2 .l1 .text .w2{ font-size: 12px; line-height: 18px;}
.homeCon2 .l1 .text .w3{ margin: 10px 0 0 5px; width: 20px;}
.homeCon2 .l1 .text .t1{ margin: 30px 0 24px 0; font-size: 18px; line-height: 26px;}
.homeCon2 .l1 .text .t2{ font-size: 14px; line-height: 20px;}
.homeCon2 .l1:nth-child(2n) .text::after { right: 50px;}
}
@media screen and (max-width:767px ) {
.homeCon2 .l1 .text{ width: 100%; padding: 5%; position: relative;}
.homeCon2 .l1 .text::after{ width: 5px; height: 5px; top: auto; bottom: 10px; left: auto; right: 10px;}
.homeCon2 .l1 .text .num{ font-size: 60px; line-height: 40px; letter-spacing: 4px;}
.homeCon2 .l1 .text .wz{ padding-top: 5px; padding-left: 8px; left: 37px; bottom: -20px;}
.homeCon2 .l1 .text .w1{ font-size: 14px; line-height: 18px;}
.homeCon2 .l1 .text .w3{ width: 40px;}
.homeCon2 .l1 .text .t1{ margin: 40px 0 15px 0; font-size: 16px; line-height: 20px;}
.homeCon2 .l1 .text .t2{ font-size: 14px; line-height: 18px;}
.homeCon2 .l1:nth-child(2n) .text::after { top: auto; bottom: 10px; left: auto; right: 10px;}
.homeCon2 .l1 .img{ width: 100%;}
}
/* 首页3 */
.homeCon3{ padding: 115px 0 140px 0; float: left; width: 100%; background: url(img/home3_1.jpg) no-repeat center; background-size: cover;}
.homeCon3 .t1{ font-size: 60px; line-height: 62px; margin-bottom: 125px; margin-left: 20%; letter-spacing: 15px; position: relative; color: #2b2b2b; font-family: 'Bold'; font-weight: bold;}
.homeCon3 .t1::before{ content: "";
    display: block;
    width: 50px;
    height: 54px;
    background: url(img/tdtx.png) no-repeat center;
    background-size: cover;
    position: absolute;
    top: -34px;
    left: -54px;}
.homeCon3 .u1{ width: 65%; margin: 0 auto; overflow: hidden;}
.homeCon3 .u1 .l1{ float: left; width: 16.6%; line-height: 0;}
.homeCon3 .u1:nth-child(2n+1) .l1:nth-child(2n+1){ background: url(img/home3_26.png) no-repeat center; background-size: cover;}
.homeCon3 .u1:nth-child(2n) .l1:nth-child(2n){ background: url(img/home3_26.png) no-repeat center; background-size: cover;}
@media screen and (max-width:1439px ) {
.homeCon3{ padding: 85px 0 100px 0;} 
.homeCon3 .t1{ font-size: 60px; line-height: 62px; margin-left: 9%; margin-bottom: 65px; letter-spacing: 10px;}
.homeCon3 .t1::before{ width: 20px; height: 20px; top: -20px; left: -25px;}
}
@media screen and (max-width:1023px ) {   
.homeCon3{ padding: 30px 0 40px 0;}
.homeCon3 .t1{ font-size: 30px; line-height: 32px; margin-left: 5%; margin-bottom: 25px; letter-spacing: 5px;}
.homeCon3 .t1::before{ width: 10px; height: 10px; top: -10px; left: -15px;}
.homeCon3 .u1{ width: 80%;}
}
@media screen and (max-width:767px ) {
.homeCon3{ padding: 20px 0 20px 0;}
.homeCon3 .t1{ font-size: 20px; line-height: 22px; margin-bottom: 15px; letter-spacing: 2px;}
.homeCon3 .t1::before{ width: 5px; height: 5px; top: -5px; left: -5px;}
}

.xh_banner .wz{top: 50% !important;transform: translate(0,-50%);}
.xh_banner .wz .t5{margin-left: 8% !important;margin-right: 8% !important;}
.xh_banner .wz .t4{margin-left: 8% !important;margin-right: 8% !important;}

/* 底部 */
.pz_down{ float: left; width: 100%; padding: 40px 0; background: url(img/foot1.jpg) no-repeat center; background-size: cover;}
.pz_down .foot .img{ width: 82px; height: 68px;display: flex;align-items: center;
     line-height: 0; margin: 0 auto;}
/* 移动端底部 */
.q_d_m{float:left; width:100%; height:50px;}
.pf_down{width:100%; float:left; position:fixed; left:0; bottom:0; height:50px; background:#1b5ca6; z-index:999;box-shadow:0 -5px 10px rgba(0,0,0,0.2);}
.pf_down li{ width:33.3%; float:left; text-align:center; padding:7px 0 4px 0; border-right:1px solid #fff;}
.pf_down li .ico7{ width:100%; float:left; height:20px;}
.pf_down li .d_name{ width:100%; float:left; margin-top:4px; font-size:12px; color:#fff; line-height:14px;}
.pf_down li.l1 .ico7{ background:url(img/btn1.png) no-repeat center; background-size:20px 20px;}
.pf_down li.l2 .ico7{ background:url(img/btn2.png) no-repeat center; background-size:20px 20px;}
.pf_down li.l3 .ico7{ background:url(img/btn3.png) no-repeat center; background-size:20px 20px;}
.pf_down li:last-child{ border:none;}
.pf_down li:nth-child(3n){ border:none;}
@media screen and (max-width:767px ) {
    .pz_down .foot .img{width: 60px;}
    .pz_down{ padding: 0px 0;}
}
/* 内页banner */
.pz_banner .ny_banner{ width: 100%; line-height: 0; overflow: hidden; text-align: center; position: relative;}
.pz_banner .ny_banner img{ width: 100%;}
.pz_banner .ny_banner .wz{ position: absolute; width: 100%; top: 27%; left: 0; font-weight: bold; text-align: left;}
.pz_banner .ny_banner .wz .t1{ margin-left: 13%; font-size: 80px; line-height: 80px; font-family: 'Bold'; color: #fff;
text-shadow: 0 0 50px rgb(0 0 0);font-family: initial !important;}

.pz_banner .ny_banner .wz .t5{ margin-left: 13%; font-size: 80px; line-height:100px; text-shadow: 0 0 92px rgb(0 0 0);
font-family: 'Bold'; color: #fff;font-family: initial !important;}
.pz_banner .ny_banner .wz .t2{ margin-left: 13%; margin-top: 50px; font-size: 40px; line-height: 60px; letter-spacing: 3px; color: #fff;text-shadow: 0 0 60px rgb(0 0 0);}

.pz_banner .ny_banner .wz .t3{ margin-left: 13%; margin-top: 50px; font-size: 60px; line-height: 72px; letter-spacing: 3px; font-family: 'Bold'; color: #fff;}
.pz_banner .ny_banner .wz .t4{ margin-left: 13%; margin-top: 20px;font-weight:bold;
font-size: 30px; line-height: 60px;color: #fff;font-family: 'Bold';}

.pz_banner .ny_banner .slick-dots{ position: absolute; bottom: 50px; z-index: 10; height: 12px; text-align: center;}
.pz_banner .ny_banner .slick-dots li{ vertical-align: top; margin: 0 20px; width: 12px; height: 12px; border-radius: 50%; background: rgba( 255, 255, 255, 0.4);}
.pz_banner .ny_banner .slick-dots li.slick-active{ background: #fff;}
@media screen and (max-width:1810px ) {
.pz_banner .ny_banner .wz .t1{ margin-left: 9%;}   
.pz_banner .ny_banner .wz .t2{ margin-left: 9%;}
.pz_banner .ny_banner .wz .t3{ margin-left: 9%;}
.pz_banner .ny_banner .wz .t4{ margin-left: 9%;}
.pz_banner .ny_banner .wz .t5{ margin-left: 9%;}
}
@media screen and (max-width:1439px ) {
.pz_banner .ny_banner .wz .t1{ margin-left: 5%; font-size: 60px; line-height: 60px;}
.pz_banner .ny_banner .wz .t5{ margin-left: 0% !important; font-size: 60px; line-height: 82px;margin-right: 0% !important;}
.pz_banner .ny_banner .wz .t2{ margin-left: 5%; margin-top: 20px; font-size: 38px; line-height: 50px;}  
.pz_banner .ny_banner .wz .t3{ margin-left: 5%; margin-top: 20px; font-size: 38px; line-height: 50px;}  
.pz_banner .ny_banner .wz .t4{ margin-left: 5%; margin-top: 20px; font-size: 24px; line-height: 40px;}
.xh_banner .wz .t4{margin-left: 0% !important;margin-right: 0% !important;}
}
@media screen and (max-width:1023px ) {
.pz_banner{ margin-top: 46px;}  
.pz_banner .ny_banner .wz .t1{ font-size: 44px; line-height: 46px;}
.pz_banner .ny_banner .wz .t5{ font-size: 44px; line-height: 46px;}
.pz_banner .ny_banner .wz .t2{ font-size: 18px; line-height: 30px;}   
.pz_banner .ny_banner .wz .t3{ font-size: 18px; line-height: 30px;} 
.pz_banner .ny_banner .wz .t4{ font-size: 18px; line-height: 30px;} 
.pz_banner .ny_banner .slick-dots{ bottom: 15px; height: 6px;}
.pz_banner .ny_banner .slick-dots li{ margin: 0 5px; width: 6px; height: 6px;}
}
@media screen and (max-width:767px ) {
.pz_banner .ny_banner .wz .t1{ margin-left: 2%; font-size: 20px; line-height: 35px;}
.pz_banner .ny_banner .wz .t5{ margin-left: 2%; font-size: 30px; line-height: 32px;}
.pz_banner .ny_banner .wz .t2{ margin-left: 2%; margin-top: 15px; font-size: 16px; line-height: 20px;
font-family: 'Normal' !important;}
.pz_banner .ny_banner .wz .t3{ margin-left: 2%; margin-top: 15px; font-size: 16px; line-height: 20px;}
.pz_banner .ny_banner .wz .t4{ margin-left: 2%; margin-top: 15px; font-size: 16px; line-height: 24px;}
}


/* 品牌战略1 */
.ppCon1{ margin: 70px 0; float:left; width:100%;}
.ppCon1 .bg{ padding: 45px 3% 45px 4.5%; width: 100%; float: left; background: url(img/pp1_1.jpg) no-repeat center; background-size: cover;}
.ppCon1 .bg .left{ float: left; width: 55.25%; position: relative;}
.ppCon1 .bg .left .img{ width: 61.7%; margin: 7% auto 0 auto; line-height: 0;}
.ppCon1 .bg .left .wz{ padding-top: 30px; font-size: 18px; line-height: 30px; position: absolute; background: url(img/ico3.png) no-repeat left top; color: #2d2d2d; background-size: 48px 22px; font-family: 'Medium';}
.ppCon1 .bg .left .wz1{ width: 23%; top: 16%; left: 13%;}
.ppCon1 .bg .left .wz2{ width: 17%; top: 74%; left: 0;}
.ppCon1 .bg .left .wz3{ width: 17%; top: 63%; right: 0;}
.ppCon1 .bg .right{ float: right; width: 40%; position: relative;}
.ppCon1 .bg .right .img{ line-height: 0;}
.ppCon1 .bg .right .tit{ font-size: 30px; line-height: 32px; color: #fff; position: absolute; top: 68px; left: 50px; font-family: 'Bold'; font-weight: bold;}
.ppCon1 .bg .right .ico{ width: 117px; height: 117px; position: absolute; top: 50%; margin-top: -59.5px; left: -59.5px; background: #fff; border-radius: 50%; box-shadow: 0 0 10px rgba(0,0,0,0.2); line-height: 0;}
@media screen and (max-width:1439px ) {
.ppCon1{ margin: 40px 0;}
.ppCon1 .bg .left .wz{ font-size: 16px; line-height: 22px;}
.ppCon1 .bg .right .tit{ font-size: 20px; line-height: 22px; top: 28px; left: 30px;}
.ppCon1 .bg .right .ico{ width: 80px; height: 80px; margin-top: -40px; left: -40px;}
}
@media screen and (max-width:1023px ) {
.ppCon1{ margin: 20px 0;}
.ppCon1 .bg{ padding: 20px 3% 20px 4.5%;}
.ppCon1 .bg .left .img{ margin: 4% auto 0 auto;}
.ppCon1 .bg .left .wz{ font-size: 12px; line-height: 16px; padding-top: 15px; background-size: 24px 11px;}
.ppCon1 .bg .right .tit{ font-size: 16px; line-height: 20px;}
.ppCon1 .bg .right .ico{ width: 40px; height: 40px; margin-top: -20px; left: -20px;}
}
@media screen and (max-width:767px ) {
.ppCon1 .bg .left{ width: 100%; float: none;}
.ppCon1 .bg .left .img{ margin: 0 auto;}
.ppCon1 .bg .left .wz1{ top: 3%;}
.ppCon1 .bg .left .wz2{ top: 62%;}
.ppCon1 .bg .left .wz3{ top: 55%;}
.ppCon1 .bg .right{ width: 100%; float: none; margin-top: 40px;}
.ppCon1 .bg .right .ico{ margin-top: 0; left: 0; top: -20px; left: 50%; margin-left: -20px; transform: rotate(90deg);}
}
@media screen and (max-width:400px ) {
.ppCon1 .bg .left .wz1 { width: 32%; top: -1%; left: 9%;}
.ppCon1 .bg .left .img { width: 45%;}
.ppCon1 .bg .left .wz2 { width: 27%;}
.ppCon1 .bg .left .wz3 { width: 26%;}
.ppCon1 .bg .right { margin-top: 50px;}
}

/* 品牌战略2 */
.ppCon2{ margin-bottom: 90px; float:left; width:100%;}
.ppCon2 .bg{ background: url(img/pp2_1.jpg) no-repeat center; background-size: cover;}
.ppCon2 .bg .u1{ padding: 6% 6.8% 10% 6.8%; width: 100%; overflow: hidden;}
.ppCon2 .bg .l1{ width: 18.5%; margin: 0 7%; float: left;}
.ppCon2 .bg .l1 .num{ font-size: 120px; line-height: 90px; letter-spacing: 12px; position: relative; color: #fff; text-align: center; font-family: "xiaowei";}
.ppCon2 .bg .l1 .num::before{ content: ""; display: block; width: 34px; height: 34px; background: url(img/ico1.png) no-repeat center; background-size: cover; position: absolute; top: -20px; left: 0;}
.ppCon2 .bg .l1 .num::after{ content: ""; display: block; width: 34px; height: 34px; background: url(img/ico2.png) no-repeat center; background-size: cover; position: absolute; bottom: -50px; right: 0;}
.ppCon2 .bg .l1 .tit{ margin: 100px 0 20px 0; font-size: 60px; line-height: 62px; letter-spacing: 8px; text-align: center; font-weight: bold; font-family: "Bold"; color: #fff;}
.ppCon2 .bg .l1 .info{ font-size: 16px; line-height: 32px; color: #dcdcdc; text-align: justify;}
@media screen and (max-width:1810px ) {
.ppCon2 .bg .u1{ padding: 6% 4.8% 10% 4.8%;}
.ppCon2 .bg .l1{ width: 22%; margin: 0 5.6%;}
.ppCon2 .bg .l1 .tit{ font-size: 44px;}
}
@media screen and (max-width:1439px ) {
.ppCon2 .bg .u1{ padding: 6% 4.8% 5% 4.8%;}
.ppCon2 .bg .l1{ width: 23%; margin: 0 5%;}
.ppCon2 .bg .l1 .num{ font-size: 80px; line-height: 60px;}
.ppCon2 .bg .l1 .num::before{ width: 20px; height: 20px;}
.ppCon2 .bg .l1 .num::after{ width: 20px; height: 20px; bottom: -20px;}
.ppCon2 .bg .l1 .tit{ margin: 50px 0 10px 0; font-size: 26px; line-height: 42px;}
}
@media screen and (max-width:1023px ) {
.ppCon2{ margin-bottom: 40px;}
.ppCon2 .bg .u1{ padding: 6% 2.8% 5% 2.8%;}
.ppCon2 .bg .l1 .num{ font-size: 70px; line-height: 50px; letter-spacing: 0;}
.ppCon2 .bg .l1 .num::before{ width: 10px; height: 10px; top: -15px;}
.ppCon2 .bg .l1 .num::after{ width: 10px; height: 10px; bottom: -15px;}
.ppCon2 .bg .l1 .tit{ margin: 50px 0 10px 0; font-size: 30px; line-height: 32px; letter-spacing: 0;}
}
@media screen and (max-width:767px ) {
.ppCon2{ margin-bottom: 20px;}
.ppCon2 .bg .u1{ padding: 8% 2% 5% 2%;}
.ppCon2 .bg .l1{ width: 29%; margin: 0 2%;}
.ppCon2 .bg .l1 .num{ font-size: 30px; line-height: 20px;}    
.ppCon2 .bg .l1 .num::before{ width: 5px; height: 5px; top: -10px;}
.ppCon2 .bg .l1 .num::after{ width: 5px; height: 5px; bottom: -10px;}
.ppCon2 .bg .l1 .tit{ margin: 30px 0 10px 0; font-size: 18px; line-height: 20px;}
.ppCon2 .bg .l1 .info{ font-size: 14px; line-height: 20px;}
}



/* 市场进入1 */
.scCon1{ margin: 70px 0; float:left; width:100%;}
.scCon1 .bg{ padding: 45px 3% 45px 4.5%; width: 100%; float: left; background: url(img/pp1_1.jpg) no-repeat center; background-size: cover;}
.scCon1 .bg .left{ float: left; width: 55.25%; position: relative;}
.scCon1 .bg .left .img{ width: 61.7%; margin: 12% auto; line-height: 0;}
.scCon1 .bg .left .wz{ font-size: 18px; line-height: 30px; position: absolute; font-family: 'Medium';}
.scCon1 .bg .left .wz1{ width: 27%; top: 3%; right: 66%; text-align: right;}
.scCon1 .bg .left .wz2{ width: 30%; top: 3%; left: 66%; text-align: left;}
.scCon1 .bg .left .wz3{ width: 31%; bottom: 2%; right: 66%; text-align: right;}
.scCon1 .bg .left .wz4{ width: 32%; bottom: 2%; left: 66%; text-align: left;}
.scCon1 .bg .right{ float: right; width: 40%; position: relative;}
.scCon1 .bg .right .img{ line-height: 0;}
.scCon1 .bg .right .tit{ font-size: 30px; line-height: 32px; color: #fff; position: absolute; top: 68px; left: 50px; font-family: 'Bold'; font-weight: bold;}
.scCon1 .bg .right .ico{ width: 117px; height: 117px; position: absolute; top: 50%; margin-top: -59.5px; left: -59.5px; background: #fff; border-radius: 50%; box-shadow: 0 0 10px rgba(0,0,0,0.2); line-height: 0;}
@media screen and (max-width:1810px ) {
.scCon1 .bg .left .wz1{ width: 34%;}
.scCon1 .bg .left .wz3{ width: 35%;}
}
@media screen and (max-width:1439px ) {
.scCon1{ margin: 40px 0;}
.scCon1 .bg .left .img{ width: 51.7%;}
.scCon1 .bg .left .wz{ font-size: 14px; line-height: 18px;}
.scCon1 .bg .left .wz1{ width: 37%;}
.scCon1 .bg .left .wz2{ width: 40%;}
.scCon1 .bg .left .wz3{ width: 44%;}
.scCon1 .bg .left .wz4{ width: 39%;}
.scCon1 .bg .right .tit{ font-size: 20px; line-height: 22px; top: 28px; left: 30px;}
.scCon1 .bg .right .ico{ width: 80px; height: 80px; margin-top: -40px; left: -40px;}
}
@media screen and (max-width:1023px ) {
.scCon1{ margin: 20px 0;}
.scCon1 .bg{ padding: 20px 3% 20px 4.5%;}
.scCon1 .bg .left .img{ margin: 13% auto;}
.scCon1 .bg .left .wz{ font-size: 12px; line-height: 16px;}
.scCon1 .bg .left .wz1{ width: 43%; right: 63%;}
.scCon1 .bg .left .wz2{ width: 40%; left: 63%;}
.scCon1 .bg .left .wz3{ width: 46%; right: 63%;}
.scCon1 .bg .left .wz4{ width: 39%; left: 63%;}
.scCon1 .bg .right .tit{ font-size: 16px; line-height: 20px;}
.scCon1 .bg .right .ico{ width: 40px; height: 40px; margin-top: -20px; left: -20px;}
}
@media screen and (max-width:767px ) {
.scCon1 .bg .left{ width: 100%; float: none;}
.scCon1 .bg .left .img{ margin: 15% auto 20% auto;}
.scCon1 .bg .left .wz1{ top: -48%; width: 35%;}
.scCon1 .bg .left .wz2{ top: -48%; width: 28%;}
.scCon1 .bg .left .wz3{ bottom: -48%; width: 35%;}
.scCon1 .bg .left .wz4{ bottom: -48%; width: 33%;}
.scCon1 .bg .right{ width: 100%; float: none; margin-top: 40px;}
.scCon1 .bg .right .ico{ margin-top: 0; left: 0; top: -20px; left: 50%; margin-left: -20px; transform: rotate(90deg);}
}
@media screen and (max-width:400px ) {
.scCon1 .bg .left .wz1{ width: 40%;}
.scCon1 .bg .left .wz3{ width: 42%;}
}
@media screen and (max-width:350px ) {
.scCon1 .bg .left .img { margin: 24% auto 30% auto;}
.scCon1 .bg .left .wz{ height: 64px;}
.scCon1 .bg .left .wz1{ top: -80%;}
.scCon1 .bg .left .wz2{ top: -80%;}
.scCon1 .bg .left .wz3{ bottom: -80%;}
.scCon1 .bg .left .wz4{ bottom: -80%;}
}


/* 市场进入2 */
.scCon2{ margin-bottom: 90px; float:left; width:100%;}
.scCon2 .bg{ background: url(img/pp2_1.jpg) no-repeat center; background-size: cover;}
.scCon2 .bg .u1{ padding: 6% 6.8% 10% 6.8%; width: 100%; overflow: hidden;}
.scCon2 .bg .l1{ width: 18%; margin: 0 7.6%; float: left;}
.scCon2 .bg .l1 .num{ font-size: 120px; line-height: 90px; letter-spacing: 12px; position: relative; color: #fff; text-align: center; font-family: "xiaowei";}
.scCon2 .bg .l1 .num::before{ content: ""; display: block; width: 34px; height: 34px; background: url(img/ico1.png) no-repeat center; background-size: cover; position: absolute; top: -20px; left: 0;}
.scCon2 .bg .l1 .num::after{ content: ""; display: block; width: 34px; height: 34px; background: url(img/ico2.png) no-repeat center; background-size: cover; position: absolute; bottom: -50px; right: 0;}
.scCon2 .bg .l1 .tit{ margin: 100px 0 20px 0; font-size: 60px; line-height: 62px; letter-spacing: 8px; text-align: center; font-weight: bold; font-family: "Bold"; color: #fff;}
.scCon2 .bg .l1 .info{ font-size: 16px; line-height: 32px; color: #dcdcdc; text-align: justify;}
@media screen and (max-width:1810px ) {
.scCon2 .bg .u1{ padding: 6% 4.8% 10% 4.8%;}
.scCon2 .bg .l1{ width: 22%; margin: 0 5.6%;}
.scCon2 .bg .l1 .tit{ font-size: 44px;}
}
@media screen and (max-width:1439px ) {
.scCon2 .bg .u1{ padding: 6% 4.8% 5% 4.8%;}
.scCon2 .bg .l1{ width: 25%; margin: 0 4%;}
.scCon2 .bg .l1 .num{ font-size: 80px; line-height: 60px;}
.scCon2 .bg .l1 .num::before{ width: 20px; height: 20px;}
.scCon2 .bg .l1 .num::after{ width: 20px; height: 20px; bottom: -20px;}
.scCon2 .bg .l1 .tit{ margin: 50px 0 10px 0; font-size: 26px; line-height: 42px;}
}
@media screen and (max-width:1023px ) {
.scCon2{ margin-bottom: 40px;}
.scCon2 .bg .u1{ padding: 6% 2.8% 5% 2.8%;}
.scCon2 .bg .l1 .num{ font-size: 70px; line-height: 50px; letter-spacing: 0;}
.scCon2 .bg .l1 .num::before{ width: 10px; height: 10px; top: -15px;}
.scCon2 .bg .l1 .num::after{ width: 10px; height: 10px; bottom: -15px;}
.scCon2 .bg .l1 .tit{ margin: 50px 0 10px 0; font-size: 30px; line-height: 32px; letter-spacing: 0;}
}
@media screen and (max-width:767px ) {
.scCon2{ margin-bottom: 20px;}
.scCon2 .bg .u1{ padding: 8% 2% 5% 2%;}
.scCon2 .bg .l1{ width: 29%; margin: 0 2%;}
.scCon2 .bg .l1 .num{ font-size: 30px; line-height: 20px;}    
.scCon2 .bg .l1 .num::before{ width: 5px; height: 5px; top: -10px;}
.scCon2 .bg .l1 .num::after{ width: 5px; height: 5px; bottom: -10px;}
.scCon2 .bg .l1 .tit{ margin: 30px 0 10px 0; font-size: 18px; line-height: 20px;}
.scCon2 .bg .l1 .info{ font-size: 14px; line-height: 20px;}
}


/* 量化增长1 */
.lhCon1{ margin: 70px 0; float:left; width:100%;}
.lhCon1 .bg{ padding: 45px 3% 45px 4.5%; width: 100%; float: left; background: url(img/pp1_1.jpg) no-repeat center; background-size: cover;}
.lhCon1 .bg .left{ float: left; width: 55.25%; position: relative;}
.lhCon1 .bg .left .img{ width: 61.7%; margin: 6% auto; line-height: 0;}
.lhCon1 .bg .left .wz{ position: absolute;}
.lhCon1 .bg .left .wz .t1{ font-size: 30px; line-height: 32px; color: #2d2d2d; font-family: 'Bold'; font-weight: bold;}
.lhCon1 .bg .left .wz .t2{ font-size: 18px; line-height: 30px; margin-top: 10px; color: #2d2d2d; font-family: 'Medium';}
.lhCon1 .bg .left .wz1{ width: 50%; top: 0; left: 45%;}
.lhCon1 .bg .left .wz1 .t1{ float: left;}
.lhCon1 .bg .left .wz1 .t2{ float: left; margin: 8px 0 0 20px;}
.lhCon1 .bg .left .wz2{ width: 22%; bottom: 12%; left: -3%; text-align: right;}
.lhCon1 .bg .left .wz3{ width: 20%; bottom: 11%; right: 3%;}
.lhCon1 .bg .right{ float: right; width: 40%; position: relative;}
.lhCon1 .bg .right .img{ line-height: 0;}
.lhCon1 .bg .right .tit{ font-size: 30px; line-height: 32px; color: #fff; position: absolute; top: 68px; left: 50px; font-family: 'Bold'; font-weight: bold;}
.lhCon1 .bg .right .ico{ width: 117px; height: 117px; position: absolute; top: 50%; margin-top: -59.5px; left: -59.5px; background: #fff; border-radius: 50%; box-shadow: 0 0 10px rgba(0,0,0,0.2); line-height: 0;}
@media screen and (max-width:1810px ) {
.lhCon1 .bg .left .wz2{ bottom: 0;}
.lhCon1 .bg .left .wz3{ bottom: 6%;}
}
@media screen and (max-width:1439px ) {
.lhCon1{ margin: 40px 0;}
.lhCon1 .bg .left .wz .t1{ font-size: 18px; line-height: 26px;}
.lhCon1 .bg .left .wz .t2{ font-size: 14px; line-height: 20px; margin-top: 6px;}
.lhCon1 .bg .left .wz1 .t2{ margin: 4px 0 0 10px;}
.lhCon1 .bg .left .wz3{ bottom: 2%;}
.lhCon1 .bg .right .tit{ font-size: 20px; line-height: 22px; top: 28px; left: 30px;}
.lhCon1 .bg .right .ico{ width: 80px; height: 80px; margin-top: -40px; left: -40px;}
}
@media screen and (max-width:1023px ) {
.lhCon1{ margin: 20px 0;}
.lhCon1 .bg{ padding: 20px 3% 20px 4.5%;}
.lhCon1 .bg .left .img{ margin: 7% auto;}
.lhCon1 .bg .left .wz .t1{ font-size: 16px; line-height: 20px;}
.lhCon1 .bg .left .wz .t2{ font-size: 12px; line-height: 16px;}
.lhCon1 .bg .left .wz1 .t2{ margin: 2px 0 0 5px;}
.lhCon1 .bg .left .wz2{ width: 23%;}
.lhCon1 .bg .right .tit{ font-size: 16px; line-height: 20px;}
.lhCon1 .bg .right .ico{ width: 40px; height: 40px; margin-top: -20px; left: -20px;}
}
@media screen and (max-width:767px ) {
.lhCon1 .bg .left{ width: 100%; float: none;}
.lhCon1 .bg .left .img{ margin: 10% auto 15% auto;}
.lhCon1 .bg .left .wz1{ top: -12%;}
.lhCon1 .bg .left .wz2{ bottom: -6%;}
.lhCon1 .bg .left .wz3{ bottom: -4%;}
.lhCon1 .bg .right{ width: 100%; float: none; margin-top: 40px;}
.lhCon1 .bg .right .ico{ margin-top: 0; left: 0; top: -20px; left: 50%; margin-left: -20px; transform: rotate(90deg);}
}


/* 量化增长2 */
.lhCon2{ margin-bottom: 90px; float:left; width:100%;}
.lhCon2 .bg{ background: url(img/pp2_1.jpg) no-repeat center; background-size: cover;}
.lhCon2 .bg .u1{ padding: 6% 6.8% 10% 6.8%; width: 100%; overflow: hidden;}
.lhCon2 .bg .l1{ width: 23%; margin: 0 5%; float: left;}
.lhCon2 .bg .l1 .num{ font-size: 120px; line-height: 90px; letter-spacing: 12px; position: relative; color: #fff; text-align: center; font-family: "xiaowei";}
.lhCon2 .bg .l1 .num::before{ content: ""; display: block; width: 34px; height: 34px; background: url(img/ico1.png) no-repeat center; background-size: cover; position: absolute; top: -20px; left: 0;}
.lhCon2 .bg .l1 .num::after{ content: ""; display: block; width: 34px; height: 34px; background: url(img/ico2.png) no-repeat center; background-size: cover; position: absolute; bottom: -50px; right: 0;}
.lhCon2 .bg .l1 .tit{ margin: 100px 0 20px 0; font-size: 60px; line-height: 62px; letter-spacing: 8px; text-align: center; font-weight: bold; font-family: "Bold"; color: #fff;}
.lhCon2 .bg .l1 .info{ font-size: 16px; line-height: 32px; color: #dcdcdc; text-align: justify;}
@media screen and (max-width:1810px ) {
.lhCon2 .bg .u1{ padding: 6% 3.8% 10% 3.8%;}
.lhCon2 .bg .l1{ width: 27%; margin: 0 3%;}
.lhCon2 .bg .l1 .tit{ font-size: 44px;}
}
@media screen and (max-width:1439px ) {
.lhCon2 .bg .l1{ width: 28%; margin: 0 2.6%;}
.lhCon2 .bg .l1 .num{ font-size: 80px; line-height: 60px;}
.lhCon2 .bg .l1 .num::before{ width: 20px; height: 20px;}
.lhCon2 .bg .l1 .num::after{ width: 20px; height: 20px; bottom: -20px;}
.lhCon2 .bg .l1 .tit{ margin: 50px 0 10px 0; font-size: 26px; line-height: 42px;}
}
@media screen and (max-width:1023px ) {
.lhCon2{ margin-bottom: 40px;}
.lhCon2 .bg .u1{ padding: 6% 2.8% 5% 2.8%;}
.lhCon2 .bg .l1 .num{ font-size: 70px; line-height: 50px; letter-spacing: 0;}
.lhCon2 .bg .l1 .num::before{ width: 10px; height: 10px; top: -15px;}
.lhCon2 .bg .l1 .num::after{ width: 10px; height: 10px; bottom: -15px;}
.lhCon2 .bg .l1 .tit{ margin: 50px 0 10px 0; font-size: 30px; line-height: 32px; letter-spacing: 0;}
}
@media screen and (max-width:767px ) {
.lhCon2{ margin-bottom: 20px;}
.lhCon2 .bg .u1{ padding: 8% 2% 5% 2%;}
.lhCon2 .bg .l1{ width: 29%; margin: 0 2%;}
.lhCon2 .bg .l1 .num{ font-size: 30px; line-height: 20px;}    
.lhCon2 .bg .l1 .num::before{ width: 5px; height: 5px; top: -10px;}
.lhCon2 .bg .l1 .num::after{ width: 5px; height: 5px; bottom: -10px;}
.lhCon2 .bg .l1 .tit{ margin: 30px 0 10px 0; font-size: 18px; line-height: 20px;}
.lhCon2 .bg .l1 .info{ font-size: 14px; line-height: 20px;}
}

/* 客户体验1 */
.khCon1{ margin: 70px 0; float:left; width:100%;}
.khCon1 .bg{ padding: 45px 3% 45px 4.5%; width: 100%; float: left; background: url(img/pp1_1.jpg) no-repeat center; background-size: cover;}
.khCon1 .bg .left{ float: left; width: 55.25%; position: relative;}
.khCon1 .bg .left .img{ width: 100%; margin: 0 auto; line-height: 0;}
.khCon1 .bg .right{ float: right; width: 40%; position: relative;}
.khCon1 .bg .right .img{ line-height: 0;}
.khCon1 .bg .right .tit{ font-size: 30px; line-height: 32px; color: #fff; position: absolute; top: 68px; left: 50px; font-family: 'Bold'; font-weight: bold;}
.khCon1 .bg .right .ico{ width: 117px; height: 117px; position: absolute; top: 50%; margin-top: -59.5px; left: -59.5px; background: #fff; border-radius: 50%; box-shadow: 0 0 10px rgba(0,0,0,0.2); line-height: 0;}
@media screen and (max-width:1439px ) {
.khCon1{ margin: 40px 0;}
.khCon1 .bg .right .tit{ font-size: 20px; line-height: 22px; top: 28px; left: 30px;}
.khCon1 .bg .right .ico{ width: 80px; height: 80px; margin-top: -40px; left: -40px;}
}
@media screen and (max-width:1023px ) {
.khCon1{ margin: 20px 0;}
.khCon1 .bg{ padding: 20px 3% 20px 4.5%;}
.khCon1 .bg .right .tit{ font-size: 16px; line-height: 20px;}
.khCon1 .bg .right .ico{ width: 40px; height: 40px; margin-top: -20px; left: -20px;}
}
@media screen and (max-width:767px ) {
.khCon1 .bg .left{ width: 100%; float: none;}
.khCon1 .bg .right{ width: 100%; float: none; margin-top: 40px;}
.khCon1 .bg .right .ico{ margin-top: 0; left: 0; top: -20px; left: 50%; margin-left: -20px; transform: rotate(90deg);}
}


/* 客户体验2 */
.khCon2{ margin-bottom: 90px; float:left; width:100%;}
.khCon2 .bg{ background: url(img/pp2_1.jpg) no-repeat center; background-size: cover;}
.khCon2 .bg .u1{ padding: 6% 6.8% 10% 6.8%; width: 100%; overflow: hidden;}
.khCon2 .bg .l1{ width: 27%; margin: 0 3.1%; float: left;}
.khCon2 .bg .l1 .num{ font-size: 120px; line-height: 90px; letter-spacing: 12px; position: relative; color: #fff; text-align: center; font-family: "xiaowei";}
.khCon2 .bg .l1 .num::before{ content: ""; display: block; width: 34px; height: 34px; background: url(img/ico1.png) no-repeat center; background-size: cover; position: absolute; top: -20px; left: 0;}
.khCon2 .bg .l1 .num::after{ content: ""; display: block; width: 34px; height: 34px; background: url(img/ico2.png) no-repeat center; background-size: cover; position: absolute; bottom: -50px; right: 0;}
.khCon2 .bg .l1 .tit{ margin: 100px 0 20px 0; font-size: 60px; line-height: 62px; letter-spacing: 8px; text-align: center; font-weight: bold; font-family: "Bold"; color: #fff;}
.khCon2 .bg .l1 .info{ font-size: 16px; line-height: 32px; color: #dcdcdc; text-align: justify;}
@media screen and (max-width:1810px ) {
.khCon2 .bg .u1{ padding: 6% 3.8% 10% 3.8%;}
.khCon2 .bg .l1{ width: 25.3%; margin: 0 4%;}
.khCon2 .bg .l1 .tit{ font-size: 44px;}
}
@media screen and (max-width:1439px ) {
.khCon2 .bg .l1 { width: 23%; margin: 0 5%;}
.khCon2 .bg .l1 .num{ font-size: 80px; line-height: 60px;}
.khCon2 .bg .l1 .num::before{ width: 20px; height: 20px;}
.khCon2 .bg .l1 .num::after{ width: 20px; height: 20px; bottom: -20px;}
.khCon2 .bg .l1 .tit{ margin: 50px 0 10px 0; font-size: 26px; line-height: 42px;}
}
@media screen and (max-width:1023px ) {
.khCon2{ margin-bottom: 40px;}
.khCon2 .bg .u1{ padding: 6% 2.8% 5% 2.8%;}
.khCon2 .bg .l1 .num{ font-size: 70px; line-height: 50px; letter-spacing: 0;}
.khCon2 .bg .l1 .num::before{ width: 10px; height: 10px; top: -15px; letter-spacing: 0;}
.khCon2 .bg .l1 .num::after{ width: 10px; height: 10px; bottom: -15px;}
.khCon2 .bg .l1 .tit{ margin: 50px 0 10px 0; font-size: 24px; line-height: 32px; letter-spacing: 0;}
}
@media screen and (max-width:767px ) {
.khCon2{ margin-bottom: 20px;}
.khCon2 .bg .u1{ padding: 8% 2% 5% 2%;}
.khCon2 .bg .l1{ width: 28%; margin: 0 2.5%;}
.khCon2 .bg .l1 .num{ font-size: 30px; line-height: 20px;}    
.khCon2 .bg .l1 .num::before{ width: 5px; height: 5px; top: -10px;}
.khCon2 .bg .l1 .num::after{ width: 5px; height: 5px; bottom: -10px;}
.khCon2 .bg .l1 .tit{ margin: 30px 0 10px 0; font-size: 18px; line-height: 20px;}
.khCon2 .bg .l1 .info{ font-size: 14px; line-height: 20px;}
}
@media screen and (max-width:400px ) {
.khCon2 .bg .l1 { width: 32%; margin: 0 0.5%;}
}


/* 商业表达1 */
.syCon1{ margin: 70px 0; float:left; width: 100%;}
.syCon1 .bg{ padding: 45px 3% 45px 11%; width: 100%; float: left; background: url(img/pp1_1.jpg) no-repeat center; background-size: cover;}
.syCon1 .bg .left{ float: left; width: 43%; position: relative;}
.syCon1 .bg .left .u1{ width: 106%; margin: -10px -3%; overflow: hidden;}
.syCon1 .bg .left .l1{ float: left; margin: 10px 3%; font-size: 24px; width: 188px; height: 188px; padding: 56px 0; text-align: center; color: #1560b3; font-family: 'Bold'; font-weight: bold; background: url(img/sy1_1.png) no-repeat center; background-size: cover;}
.syCon1 .bg .left .info{ margin-top: 30px; background: url(img/ico3.png) no-repeat top left; background-size: 48px 22px; padding-top: 30px; font-size: 18px; line-height: 30px; color: #313131; font-family: 'Medium';}
.syCon1 .bg .right{ float: right; width: 40%; position: relative;}
.syCon1 .bg .right .img{ line-height: 0;}
.syCon1 .bg .right .tit{ font-size: 30px; line-height: 32px; color: #fff; position: absolute; top: 68px; left: 50px; font-family: 'Bold'; font-weight: bold;}
.syCon1 .bg .right .ico{ width: 117px; height: 117px; position: absolute; top: 50%; margin-top: -59.5px; left: -59.5px; background: #fff; border-radius: 50%; box-shadow: 0 0 10px rgba(0,0,0,0.2); line-height: 0;}
@media screen and (max-width:1810px ) {
.syCon1 .bg{ padding: 45px 3% 45px 5%;}
.syCon1 .bg .left .l1{ width: 160px; height: 160px; padding: 45px 0;}
}
@media screen and (max-width:1439px ) {
.syCon1{ margin: 40px 0;}
.syCon1 .bg .left .u1{ width: 102%; margin: -10px -1%;}
.syCon1 .bg .left .l1{ margin: 10px 1%; width: 110px; height: 110px; font-size: 16px; padding: 32px 0;}
.syCon1 .bg .left .info{ margin-top: 20px; font-size: 16px; line-height: 24px;}
.syCon1 .bg .right .tit{ font-size: 20px; line-height: 22px; top: 28px; left: 30px;}
.syCon1 .bg .right .ico{ width: 80px; height: 80px; margin-top: -40px; left: -40px;}
}
@media screen and (max-width:1023px ) {
.syCon1{ margin: 20px 0;}
.syCon1 .bg{ padding: 20px 3% 20px 4.5%;}
.syCon1 .bg .left .u1{ width: 100%; margin: 0;}
.syCon1 .bg .left .l1{ margin: 0; width: 80px; height: 80px; font-size: 14px; line-height: 16px; padding: 23px 0;}
.syCon1 .bg .left .info{ margin-top: 20px; font-size: 16px; line-height: 24px; background-size: 24px 11px; padding-top: 15px;}
.syCon1 .bg .right .tit{ font-size: 16px; line-height: 20px;}
.syCon1 .bg .right .ico{ width: 40px; height: 40px; margin-top: -20px; left: -20px;}
}
@media screen and (max-width:767px ) {
.syCon1 .bg .left{ width: 100%; float: none;}
.syCon1 .bg .left .u1{ width: 240px; margin: 0 auto;}
.syCon1 .bg .left .l1{ font-size: 12px; line-height: 14px; padding: 25px 0;}
.syCon1 .bg .left .info{ margin-top: 15px; font-size: 14px; line-height: 20px;}
.syCon1 .bg .right{ width: 100%; float: none; margin-top: 40px;}
.syCon1 .bg .right .ico{ margin-top: 0; left: 0; top: -20px; left: 50%; margin-left: -20px; transform: rotate(90deg);}
}


/* 商业表达2 */
.syCon2{ margin-bottom: 90px; float:left; width:100%;}
.syCon2 .bg{ background: url(img/pp2_1.jpg) no-repeat center; background-size: cover;}
.syCon2 .bg .u1{ padding: 6% 6.8% 10% 6.8%; width: 100%; overflow: hidden;}
.syCon2 .bg .l1{ width: 18%; margin: 0 7.5%; float: left;}
.syCon2 .bg .l1 .num{ font-size: 120px; line-height: 90px; letter-spacing: 12px; position: relative; color: #fff; text-align: center; font-family: "xiaowei";}
.syCon2 .bg .l1 .num::before{ content: ""; display: block; width: 34px; height: 34px; background: url(img/ico1.png) no-repeat center; background-size: cover; position: absolute; top: -20px; left: 0;}
.syCon2 .bg .l1 .num::after{ content: ""; display: block; width: 34px; height: 34px; background: url(img/ico2.png) no-repeat center; background-size: cover; position: absolute; bottom: -50px; right: 0;}
.syCon2 .bg .l1 .tit{ margin: 100px 0 20px 0; font-size: 60px; line-height: 62px; letter-spacing: 8px; text-align: center; font-weight: bold; font-family: "Bold"; color: #fff;}
.syCon2 .bg .l1 .info{ font-size: 16px; line-height: 32px; color: #dcdcdc; text-align: justify;}
@media screen and (max-width:1810px ) {
.syCon2 .bg .u1{ padding: 6% 3.8% 10% 3.8%;}
.syCon2 .bg .l1{ width: 27%; margin: 0 3%;}
.syCon2 .bg .l1 .tit{ font-size: 44px;}
}
@media screen and (max-width:1439px ) {
.syCon2{ margin-bottom: 60px;}
.syCon2 .bg .l1{ width: 23%; margin: 0 5%;}
.syCon2 .bg .l1 .num{ font-size: 80px; line-height: 60px;}
.syCon2 .bg .l1 .num::before{ width: 20px; height: 20px;}
.syCon2 .bg .l1 .num::after{ width: 20px; height: 20px; bottom: -20px;}
.syCon2 .bg .l1 .tit{ margin: 50px 0 10px 0; font-size: 26px; line-height: 42px;}
}
@media screen and (max-width:1023px ) {
.syCon2{ margin-bottom: 40px;}
.syCon2 .bg .u1{ padding: 6% 2.8% 5% 2.8%;}
.syCon2 .bg .l1 .num{ font-size: 70px; line-height: 50px; letter-spacing: 0;}
.syCon2 .bg .l1 .num::before{ width: 10px; height: 10px; top: -15px;}
.syCon2 .bg .l1 .num::after{ width: 10px; height: 10px; bottom: -15px;}
.syCon2 .bg .l1 .tit{ margin: 50px 0 10px 0; font-size: 30px; line-height: 32px; letter-spacing: 0;}
}
@media screen and (max-width:767px ) {
.syCon2{ margin-bottom: 20px;}
.syCon2 .bg .u1{ padding: 8% 2% 5% 2%;}
.syCon2 .bg .l1{ width: 29%; margin: 0 2%;}
.syCon2 .bg .l1 .num{ font-size: 30px; line-height: 20px;}    
.syCon2 .bg .l1 .num::before{ width: 5px; height: 5px; top: -10px;}
.syCon2 .bg .l1 .num::after{ width: 5px; height: 5px; bottom: -10px;}
.syCon2 .bg .l1 .tit{ margin: 30px 0 10px 0; font-size: 18px; line-height: 20px;}
.syCon2 .bg .l1 .info{ font-size: 14px; line-height: 20px;}
}


/* 商业表达3 */
.syCon3{ margin: 0 0 85px 0; float:left; width:100%;}
.syCon3 .parHd ul{ width: 100%; overflow: hidden;}
.syCon3 .parHd li{ font-size: 18px; width: 296px; height: 70px; line-height: 70px; cursor: pointer; color: #000000; font-weight: bold; font-family: "Bold"; text-align: center; float: left;}
.syCon3 .parHd li.on{ background: #2d2d2d; color: #fff;}
.syCon3 .home_res1{ width: 100%; overflow: hidden; background: #2d2d2d;}
.syCon3 .home_res11{ width: 74.75%; line-height: 0; float: left;}
.syCon3 .home_res12{ margin: 74px 0; width: 25.25%; float: right;}
.syCon3 .home_res12 .imgk{ width: 66%; line-height: 0; margin: 20px auto;}
.syCon3 .slick-current .imgk{ box-shadow: 0 0 20px rgba( 27, 92, 166, 0.7);}
.syCon3 .slick-prev{ width: 80px; height: 40px; position: absolute; top: -14px; left: 50%; margin-left: -40px; background: url(img/sy3_5.png) no-repeat center; background-size: cover;}
.syCon3 .slick-next{ width: 80px; height: 40px; position: absolute; top: auto; bottom: -54px; left: 50%; margin-left: -40px; background: url(img/sy3_6.png) no-repeat center; background-size: cover;}
@media screen and (max-width:1810px ) {
.syCon3 .parHd li{ width: 200px;}
.syCon3 .home_res12{ margin: 54px 0;}
}
@media screen and (max-width:1439px ) {
.syCon3{ margin: 0 0 45px 0;}
.syCon3 .parHd li{ width: 150px;}
.syCon3 .home_res12{ margin: 34px 0;}
.syCon3 .home_res12 .imgk{ margin: 15px auto;}
}
@media screen and (max-width:1023px ) {
.syCon3{ margin: 0 0 25px 0;}
.syCon3 .parHd li{ font-size: 16px; width: 100px; height: 30px; line-height: 30px;}
.syCon3 .home_res12 .imgk{ margin: 8px auto;}
.syCon3 .slick-prev{ width: 40px; height: 20px; top: 0; margin-left: -20px;}
.syCon3 .slick-next{ width: 40px; height: 20px; bottom: -25px; margin-left: -20px;}
}
@media screen and (max-width:767px ) {
.syCon3{ margin: 0 0 20px 0;}
.syCon3 .parHd li{ font-size: 14px; width: auto; padding: 0 10px; height: 26px; line-height: 26px;} 
.syCon3 .home_res12 { margin: 5% 0;}
.syCon3 .home_res12 .imgk{ margin: 2px auto;}
.syCon3 .slick-prev{ width: 20px; height: 10px; top: -5%; margin-left: -10px;}
.syCon3 .slick-next{ width: 20px; height: 10px; bottom: -15%; margin-left: -10px;}
}
@media screen and (max-width:410px ) {
.syCon3 .parHd li { font-size: 10px;}
}


/* 培训课程1 */
.pxCon1{ margin: 70px 0; float:left; width:100%;}
.pxCon1 .text{ padding: 94px 4% 80px 4%; float: left; width: 45.75%; text-align: center; background: #2d2d2d;}
.pxCon1 .text .tit{ display: inline-block; font-size: 90px; line-height: 92px; margin-bottom: 30px; color: #fff; font-weight: bold; font-family: "Bold"; position: relative;}
.pxCon1 .text .tit::before{ content: ""; display: block; width: 34px; height: 34px; background: url(img/ico1.png) no-repeat center; background-size: cover; position: absolute; top: -34px; left: -34px;}
.pxCon1 .over{ margin-top: 40px; width: 100%; overflow: hidden;}
.pxCon1 .over .wz{ margin-top: 30px; float: left;}
.pxCon1 .over .wz .t1{ text-align: left; font-size: 18px; line-height: 30px; margin-bottom: 50px; color: #fff; font-weight: bold; font-family: "Bold";}
.pxCon1 .over .wz .a{ font-size: 24px; display: block; width: 230px; height: 40px; line-height: 40px; border-radius: 20px; font-weight: bold; font-family: "Bold"; color: #2d2d2d; text-align: center; background: #fff;}
.pxCon1 .over .wz .a:hover{ opacity: 0.8;}
.pxCon1 .over .tp{ float: right; width: 225px; height: 225px; border-radius: 50%; overflow: hidden; line-height: 0;}
.pxCon1 .text .info{ margin-top: 60px; font-size: 16px; line-height: 32px; text-align: left; color: #fff;}
.pxCon1 .img{ width: 54.25%; float: right; line-height: 0;}
@media screen and (max-width:1810px ) {
.pxCon1 .text{ padding: 64px 4% 54px 4%;} 
.pxCon1 .text .tit{ font-size: 70px; line-height: 72px;}   
.pxCon1 .over{ margin-top: 20px;}
.pxCon1 .over .wz{ margin-top: 20px;}
.pxCon1 .text .info{ margin-top: 20px;}
}
@media screen and (max-width:1439px ) {
.pxCon1{ margin: 40px 0;}
.pxCon1 .text{ padding: 44px 4% 35px 4%;}
.pxCon1 .text .tit{ font-size: 60px; line-height: 62px; margin-bottom: 20px;}
.pxCon1 .text .tit::before{ width: 20px; height: 20px; top: -20px; left: -20px;}
.pxCon1 .over{ margin-top: 10px;}
.pxCon1 .over .wz{ margin-top: 10px;}
.pxCon1 .over .wz .t1{ font-size: 16px; line-height: 20px; margin-bottom: 20px;}
.pxCon1 .over .wz .a{ font-size: 14px; width: 100px; height: 30px; line-height: 30px; border-radius: 15px;}
.pxCon1 .over .tp{ width: 100px; height: 100px;}
.pxCon1 .text .info{ margin-top: 20px; font-size: 14px; line-height: 20px;}
}
@media screen and (max-width:1023px ) {
.pxCon1{ margin: 20px 0;}
.pxCon1 .text{ width: 100%;}  
.pxCon1 .text .tit{ font-size: 40px; line-height: 42px;}
.pxCon1 .text .tit::before{ width: 10px; height: 10px; top: -10px; left: -10px;}
.pxCon1 .img{ width: 100%;}    
}
@media screen and (max-width:767px ) {
.pxCon1 .text{ padding: 20px 10px 10px 10px;}
.pxCon1 .text .tit{ font-size: 20px; line-height: 22px; margin-bottom: 15px;}
.pxCon1 .text .tit::before{ width: 5px; height: 5px; top: -5px; left: -5px;}
.pxCon1 .over .wz .t1{ font-size: 14px; line-height: 18px; margin-bottom: 15px;}
}


/* 营销星环联系 */
.pxCon11{ margin: 0px 0; float:left; width:100%;display: flex;}
.pxCon11 .text{ padding:130px 16% 80px 11%; float: left; width: 60%; text-align: left; background: #2d2d2d;}
.pxCon11 .text .tit{ display: inline-block; font-size: 60px; line-height: 62px; margin-bottom: 30px; color: #fff; font-weight: bold; font-family: "Bold"; position: relative;}
.pxCon11 .text .tit::before{ content: ""; display: block; width: 34px; height: 34px; background: url(img/tdtx.png) no-repeat center; background-size: cover; position: absolute; top: -34px; left: -34px;}
.pxCon11 .over{ margin-top: 165px; width: 100%; overflow: hidden;}
.pxCon11 .over .wz{ margin-top: 30px; float: left;}
.pxCon11 .over .wz .t1{ text-align: left; font-size: 22px; line-height: 32px; margin-bottom: 50px; color: #fff; font-weight: bold; font-family: "Bold";}
.pxCon11 .over .wz .a{ font-size: 24px; display: block; width: 172px; height: 52px; display: none ;
    line-height: 52px; border-radius: 26px; font-weight: bold; font-family: "Bold"; color: #2d2d2d; text-align: center; background: #fff;}
.pxCon11 .over .wz .a:hover{ opacity: 0.8;}
.pxCon11 .over .tp{ float: right; width: 172px; height: 172px; border-radius: 50%; overflow: hidden; line-height: 0;}
.pxCon11 .text .info{ margin-top: 0px; font-size: 24px; line-height: 32px; text-align: left; color: #fff;}
.pxCon11 .img{ width: 40%; float: right; line-height: 0;}
@media screen and (max-width:1810px ) {
.pxCon11 .text{ padding: 120px 13% 54px 13%;} 
.pxCon11 .text .tit{ font-size: 70px; line-height: 72px;}   
.pxCon11 .over{ margin-top: 20px;}
.pxCon11 .over .wz{ margin-top: 20px;}
.pxCon11 .text .info{ margin-top: 00px;}
}
@media screen and (max-width:1439px ) {
.pxCon11{margin: 0px 0;}
.pxCon11 .text{ padding: 100px 10% 50px 10%;}
.pxCon11 .text .tit{ font-size: 60px; line-height: 62px; margin-bottom: 20px;}
.pxCon11 .text .tit::before{ width: 20px; height: 20px; top: -20px; left: -20px;}
.pxCon11 .over{ margin-top: 10px;}
.pxCon11 .over .wz{ margin-top: 10px;}
.pxCon11 .over .wz .t1{ font-size: 16px; line-height: 20px; margin-bottom: 40px;}
.pxCon11 .over .wz .a{ font-size: 14px; width: 100px; height: 30px; line-height: 30px; border-radius: 15px;}
.pxCon11 .over .tp{ width: 100px; height: 100px;}
.pxCon11 .text .info{ margin-top: 0px; font-size: 18px; line-height: 24px;}
}

@media screen and (max-width:1023px ) {
    .pxCon11{flex-direction: column;}
.pxCon11 .text .info{margin-top: 0px;}
.pxCon11{margin:0px 0;}
.pxCon11 .text{ width: 100%;}  
.pxCon11 .text .tit{ font-size: 34px; line-height: 42px;}
.pxCon11 .text .tit::before{ width: 10px; height: 10px; top: -10px; left: -10px;}
.pxCon11 .img{ width: 100%;}    
}
@media screen and (max-width:767px ) {
.pxCon11 .text{ padding: 20px}
.pxCon11 .text .tit{ font-size: 20px; line-height: 22px; margin-bottom: 15px;}
.pxCon11 .text .tit::before{ width: 5px; height: 5px; top: -5px; left: -5px;}
.pxCon11 .over .wz .t1{ font-size: 14px; line-height: 18px; margin-bottom: 30px;}
}


/* 培训课程2 */
.pxCon2{ float:left; width:100%;}
.pxCon2 .tab .hd{ width: 100%; overflow: hidden;}
.pxCon2 .tab .hd .l1{ font-size: 18px; width: 296px; height: 70px; line-height: 70px; cursor: pointer; color: #000000; font-weight: bold; font-family: "Bold"; text-align: center; float: left;}
.pxCon2 .tab .hd .l1.on{ background: #2d2d2d; color: #fff;}
.pxCon2 .tab .bd .u1{ background: #2d2d2d; width: 100%; overflow: hidden;}
.pxCon2 .tab .bd .img{ width: 45.75%; float: left; line-height: 0;}
.pxCon2 .tab .bd .text{ width: 54.25%; float: left; padding: 116px 4.5%; background: #2d2d2d;}
.pxCon2 .tab .bd .text .t1{ font-size: 24px; line-height: 28px; color: #fff; font-weight: bold; font-family: "Bold";}
.pxCon2 .tab .bd .text .info{ margin: 30px 0 90px 0; font-size: 18px; line-height: 30px; color: #c9c9c9; text-align: justify;}
.pxCon2 .tab .bd .text .a{ font-size: 24px; display: block; width: 230px; height: 40px; line-height: 40px; border-radius: 20px; font-weight: bold; font-family: "Bold"; color: #2d2d2d; text-align: center; background: #fff;}
.pxCon2 .tab .bd .text .a:hover{ opacity: 0.8;}
@media screen and (max-width:1810px ) {
.pxCon2 .tab .hd .l1{ width: 200px;}
.pxCon2 .tab .bd .text{ padding: 45px 2% 35px 2%;}
.pxCon2 .tab .bd .text .info{ margin: 20px 0 30px 0;}
}
@media screen and (max-width:1439px ) {
.pxCon2 .tab .hd .l1{ width: 150px;}
.pxCon2 .tab .bd .img{ width: 52%;}
.pxCon2 .tab .bd .text{ width: 48%; padding: 20px 2%;}
.pxCon2 .tab .bd .text .t1{ font-size: 18px; line-height: 18px;}
.pxCon2 .tab .bd .text .info{ margin: 10px 0 15px 0; font-size: 16px; line-height: 22px;}
.pxCon2 .tab .bd .text .a{ font-size: 14px; width: 100px; height: 26px; line-height: 26px; border-radius: 13px;}
}
@media screen and (max-width:1023px ) {
.pxCon2 .tab .hd .l1{ font-size: 16px; width: 100px; height: 30px; line-height: 30px;}
.pxCon2 .tab .bd .text{ padding: 20px 20px;}
.pxCon2 .tab .bd .text .t1{ font-size: 16px; line-height: 20px;}
.pxCon2 .tab .bd .text .info{ margin: 5px 0 10px 0; font-size: 12px; line-height: 18px;}
}
@media screen and (max-width:767px ) {
.pxCon2 .tab .hd .l1{ font-size: 12px; width: auto; padding: 0 10px; height: 26px; line-height: 26px;} 
.pxCon2 .tab .bd .img{ width: 100%;}
.pxCon2 .tab .bd .text{ width: 100%;}
}
@media screen and (max-width:400px ) {
.pxCon2 .tab .hd .l1{ font-size: 10px; padding: 0 5px;}
}


/* 培训课程3 */
.pxCon3{ float:left; width:100%;}
.pxCon3 .titi{ display: inline-block; font-size: 60px; line-height: 62px; margin-bottom: 30px; 
    color: #fff; font-weight: bold; font-family: "Bold"; position: absolute;
width: 35%;left:50%;transform: translate(-50%,0);left: 50%;top: 80px;z-index: 1;}
.pxCon3 .titi::before{ content: ""; display: block; width: 34px; height: 34px; background: url(img/tdtx.png) no-repeat center; background-size: cover; position: absolute; top: -34px; left: -34px;}
.pxCon3 .topk{position: relative;}
.pxCon3 img{width: 100%;}
.pxCon3 .tit{ font-size: 18px; width: 296px; height: 70px; line-height: 70px; cursor: pointer; font-weight: bold; font-family: "Bold"; text-align: center; background: #2d2d2d; color: #fff;}
.pxCon3 .hometop{ line-height: 0;}
.pxCon3 .downk{ background: #2d2d2d; line-height: 0;}
.pxCon3 .downk .homedown{ width: 60%; margin: 0 auto;}
.pxCon3 .homedown .imgk{ margin: 25px 15px; position: relative;}
.pxCon3 .homedown .imgk img{height: 200px;object-fit: cover;}

.pxCon3 .homedown .slick-current .imgk{ box-shadow: 0 0 20px rgba( 27, 92, 166, 100);}
.pxCon3 .homedown .imgk .imgky{ font-size: 16px; height: 36px; line-height: 36px; overflow: hidden; color: #fff; width: 100%; position: absolute; bottom: 0; left: 0; text-align: center;}
.pxCon3 .slick-prev{ width: 50px; height: 60px; position: absolute; left: -125px; background: url(img/px3_7.png) no-repeat center; background-size: cover;}
.pxCon3 .slick-next{ width: 50px; height: 60px; position: absolute; right: -125px; background: url(img/px3_8.png) no-repeat center; background-size: cover;}

@media screen and (max-width:1810px ) {
    .pxCon3 .homedown .imgk img{height: 153px;object-fit: cover;}
    .pxCon3 .titi{ font-size: 70px; line-height: 72px;}   
}
@media screen and (max-width:1439px ) {
    .pxCon3 .homedown .imgk img{height:123px;object-fit: cover;}
    .pxCon3 .titi{ font-size: 60px; line-height: 62px; margin-bottom: 20px;}
    .pxCon3 .titi::before{ width: 20px; height: 20px; top: -20px; left: -20px;}
}
@media screen and (max-width:1023px ) {
    .pxCon3 .titi{ font-size: 34px; line-height: 42px;top: 30px;width:35%}
    .pxCon3 .titi::before{ width: 10px; height: 10px; top: -10px; left: -10px;}
}
@media screen and (max-width:767px ) {
    .pxCon3 .homedown .imgk img{height:93px;object-fit: cover;}
    .pxCon3 .titi{ font-size: 20px; line-height: 22px; margin-bottom: 15px;}
    .pxCon3 .titi::before{ width: 5px; height: 5px; top: -5px; left: -5px;}
}
@media screen and (max-width:1810px ) {
.pxCon3 .tit{ width: 200px;}
}
@media screen and (max-width:1439px ) {
.pxCon3 .tit{ width: 150px;}
}
@media screen and (max-width:1023px ) {
.pxCon3 .tit{ font-size: 16px; width: 100px; height: 30px; line-height: 30px;}
.pxCon3 .homedown .imgk{ margin: 15px 10px;}
.pxCon3 .homedown .imgk .imgky{ font-size: 14px; height: 26px; line-height: 26px;}
.pxCon3 .slick-prev{ width: 20px; height: 30px; left: -30px;}
.pxCon3 .slick-next{ width: 20px; height: 30px; right: -30px;}
}
@media screen and (max-width:767px ) {
.pxCon3 .tit{ font-size: 14px; width: 80px; height: 26px; line-height: 26px;} 
.pxCon3 .homedown .imgk .imgky{ font-size: 12px; height: 16px; line-height: 16px;}
}


/* 营销星环 */
.yxCon{ margin-top: 70px; float:left; width:100%;}
.yxCon .nr{ padding: 80px 0 80px 0; margin: 0 5% 0 11%; position: relative;}
.yxCon .nr::after{ content: ""; display: block; width: 34px; height: 34px; background: url(img/ico2.png) no-repeat center; background-size: cover; position: absolute; bottom: 80px; right: 0;}
.yxCon .img{ margin-top: 60px; width: 100%; overflow: hidden;}
.yxCon .img img{ float: left; margin-right: 6%; height: 104px;}
.yxCon .t1{ padding-left: 3%; font-size: 80px; line-height: 82px; letter-spacing: 10px; color: #fff; font-weight: bold; font-family: "Bold"; position: relative;}
.yxCon .t1::before{ content: ""; display: block; width: 34px; height: 34px; background: url(img/ico1.png) no-repeat center; background-size: cover; position: absolute; top: -20px; left: 0;}
.yxCon .t2{ padding-left: 3%; margin-top: 25px; margin-bottom: 110px; font-size: 42px; line-height: 44px; color: #fff; font-family: 'Medium';}
@media screen and (max-width:1810px ) {
.yxCon .img img{ height: 80px;}
}
@media screen and (max-width:1439px ) {
.yxCon{ margin-top: 40px;}
.yxCon .nr{ padding: 60px 0 60px 0; margin: 0;}
.yxCon .nr::after{ width: 20px; height: 20px; bottom: 60px;}
.yxCon .img{ margin-top: 40px;}
.yxCon .img img{ height: 60px;}
.yxCon .t1{ font-size: 60px; line-height: 62px;}
.yxCon .t1::before{ width: 20px; height: 20px; top: -10px;}
.yxCon .t2{ margin-bottom: 80px; font-size: 32px; line-height: 34px;}
}
@media screen and (max-width:1023px ) {
.yxCon{ margin-top: 20px;}
.yxCon .nr{ padding: 40px 0 40px 0;}
.yxCon .nr::after{ width: 10px; height: 10px; bottom: 40px;}
.yxCon .img{ margin-top: 20px;}
.yxCon .img img{ height: 40px; margin-right: 4%;}
.yxCon .t1{ font-size: 30px; line-height: 32px; letter-spacing: 0;}
.yxCon .t1::before{ width: 10px; height: 10px;}
.yxCon .t2{ margin-top: 15px; margin-bottom: 40px; font-size: 22px; line-height: 24px;}
}
@media screen and (max-width:767px ) {
.yxCon{ margin-top: 10px;}
.yxCon .nr{ padding: 20px 0 20px 0;}
.yxCon .nr::after{ width: 5px; height: 5px; bottom: 20px;}
.yxCon .img{ margin-top: 15px;}
.yxCon .img img{ height: 30px; margin-right: 2%;}
.yxCon .t1{ font-size: 18px; line-height: 20px;}
.yxCon .t1::before{ width: 5px; height: 5px;}
.yxCon .t2{ margin-top: 10px; margin-bottom: 20px; font-size: 16px; line-height: 18px;}
}


/* 最新动态1 */
.zxCon1{ padding: 140px 0 0 0; float: left; width: 100%; text-align: center;}
.zxCon1 .tit{ display: inline-block; font-size: 90px; line-height: 92px; margin-bottom: 30px; color: #2d2d2d; font-weight: bold; font-family: "Bold"; position: relative;}
.zxCon1 .tit::before{ content: ""; display: block; width: 34px; height: 34px; background: url(img/ico1.png) no-repeat center; background-size: cover; position: absolute; top: -34px; left: -34px;}
.zxCon1 .line{ width: 100%; height: 1px; margin-bottom: 20px; background: #545454;}
.zxCon1 .img{ line-height: 0; position: relative;}
.zxCon1 .nf{ width: 138px; height: 40px; line-height: 40px; top: 20px; left: -20px; position: absolute; text-align: center; background: #1560b3; color: #fff;}
.zxCon1 .nf::after{ content: ""; display: block; width: 20px; height: 13px; position: absolute; left: 0; bottom: -13px; background: url(img/zx1_2.png) no-repeat center; background-size: cover;}
.zxCon1 .over{ padding: 100px 90px; background: #fff; width: 100%; overflow: hidden;}
.zxCon1 .left{ float: left; text-align: left;}
.zxCon1 .left .t1{ font-size: 72px; line-height: 74px; margin-bottom: 40px; font-weight: bold; font-family: "Bold";}
.zxCon1 .left .t2{ font-size: 36px; line-height: 48px; font-family: 'Medium';}
.zxCon1 .right{ float: right; text-align: right;}
.zxCon1 .right .a1{ display: block; width: 540px; height: 126px; line-height: 126px; font-size: 64px; margin-bottom: 40px; border-radius: 62px; letter-spacing: 6px; background: #2d2d2d; text-align: center; color: #fff; font-family: 'Regular';}
.zxCon1 .right .a1:hover{ opacity: 0.8;}
.zxCon1 .right .a2{ font-size: 36px; color: #333; opacity: 0.6; font-weight: bold; font-family: "Bold";}
.zxCon1 .right .a2 span{ margin-left: 20px; color: #1560b3;}
.zxCon1 .right .a2:hover{ color: #1560b3;}
@media screen and (max-width:1439px ) {
.zxCon1{ padding: 70px 0 0 0;}
.zxCon1 .tit{ font-size: 60px; line-height: 62px; margin-bottom: 20px;}
.zxCon1 .tit::before{ width: 20px; height: 20px; top: -20px; left: -20px;}
.zxCon1 .over{ padding: 50px 40px;}
.zxCon1 .left .t1{ font-size: 40px; line-height: 42px; margin-bottom: 20px;}
.zxCon1 .left .t2{ font-size: 20px; line-height: 22px;}
.zxCon1 .right .a1{ width: 260px; height: 60px; line-height: 60px; font-size: 24px; margin-bottom: 30px; border-radius: 30px;}
.zxCon1 .right .a2{ font-size: 18px;}
}
@media screen and (max-width:1023px ) {
.zxCon1{ padding: 40px 0 0 0;}
.zxCon1 .tit{ font-size: 40px; line-height: 42px;}
.zxCon1 .tit::before{ width: 10px; height: 10px; top: -10px; left: -10px;}
.zxCon1 .over{ padding: 20px 20px;}
.zxCon1 .left .t1{ font-size: 18px; line-height: 22px; margin-bottom: 15px;}
.zxCon1 .left .t2{ font-size: 16px; line-height: 20px;}
.zxCon1 .right .a1{ width: 120px; height: 30px; line-height: 30px; font-size: 16px; margin-bottom: 15px; border-radius: 15px; letter-spacing: 0;}
.zxCon1 .right .a2{ font-size: 16px;}
.zxCon1 .right .a2 span{ margin-left: 10px;}
}
@media screen and (max-width:767px ) {
.zxCon1{ padding: 30px 0 0 0;}
.zxCon1 .tit{ font-size: 20px; line-height: 22px;}
.zxCon1 .tit::before{ width: 5px; height: 5px; top: -5px; left: -5px;}
.zxCon1 .nf{ width: 100px; height: 30px; line-height: 30px;}
.zxCon1 .over{ padding: 15px 15px;}
.zxCon1 .left .t1{ font-size: 16px; line-height: 20px; margin-bottom: 10px;}
.zxCon1 .left .t2{ font-size: 14px; line-height: 18px;}
.zxCon1 .right .a1{ width: 100px; height: 26px; line-height: 26px; font-size: 14px; margin-bottom: 10px; border-radius: 13px;}
.zxCon1 .right .a2{ font-size: 14px;}
.zxCon1 .right .a2 span{ margin-left: 5px;}  
}



/* 最新动态2 */
.zxCon2{ margin: 130px 0 0 0; float: left; width: 100%; text-align: center;}
.zxCon2 .tit{ display: inline-block; font-size: 90px; line-height: 92px; margin-bottom: 30px; color: #2d2d2d; font-weight: bold; font-family: "Bold"; position: relative;}
.zxCon2 .tit::before{ content: ""; display: block; width: 34px; height: 34px; background: url(img/ico1.png) no-repeat center; background-size: cover; position: absolute; top: -34px; left: -34px;}
.zxCon2 .line{ width: 100%; height: 1px; background: #545454;}
.zxCon2 .u1{ width: 100.3%; margin: 0 -0.15%; overflow: hidden;}
.zxCon2 .l1{ padding: 3% 2.7% 3% 3.8%; float: left; width: 24.7%; margin: 20px 0.15% 70px 0.15%; box-shadow: 0 0 10px rgba(0,0,0,0.2); background: #fff;}
.zxCon2 .l1:hover{ box-shadow: 0 0 20px rgba(0,0,0,0.5);}
.zxCon2 .l1 .img{ line-height: 0;}
.zxCon2 .l1 .w1{ width: 120px; height: 36px; line-height: 36px; border-radius: 18px; margin: 30px 0 50px 0; color: #313131; opacity: 0.5; font-weight: bold; font-family: "Bold"; background: #dfdfdf;}
.zxCon2 .l1 .w2{ font-size: 36px; line-height: 48px; height: 144px; margin-bottom: 50px; overflow: hidden; text-align: left; color: #313131; font-weight: bold; font-family: "Bold";}
.zxCon2 .l1 .w3{ font-size: 20px; line-height: 30px; height: 90px; overflow: hidden; color: #2d2d2d; text-align: left; font-family: 'Regular';}
@media screen and (max-width:1439px ) {
.zxCon2{ margin: 60px 0 0 0;}
.zxCon2 .tit{ font-size: 60px; line-height: 62px; margin-bottom: 20px;}
.zxCon2 .tit::before{ width: 20px; height: 20px; top: -20px; left: -20px;}
.zxCon2 .l1{ margin: 20px 0.15% 40px 0.15%;}
.zxCon2 .l1 .w1{ width: 100px; height: 26px; line-height: 26px; border-radius: 13px; margin: 20px 0 30px 0;}
.zxCon2 .l1 .w2{ font-size: 20px; line-height: 30px; height: 90px; margin-bottom: 30px;}
.zxCon2 .l1 .w3{ font-size: 16px; line-height: 20px; height: 60px;}
}
@media screen and (max-width:1023px ) {
.zxCon2{ margin: 40px 0 0 0;}
.zxCon2 .tit{ font-size: 40px; line-height: 42px;}
.zxCon2 .tit::before{ width: 10px; height: 10px; top: -10px; left: -10px;}    
.zxCon2 .l1{ margin: 15px 0.15% 20px 0.15%;}
.zxCon2 .l1 .w1{ width: 80px; margin: 10px 0 15px 0;}
.zxCon2 .l1 .w2{ font-size: 16px; line-height: 20px; height: 60px; margin-bottom: 15px;}
.zxCon2 .l1 .w3{ font-size: 14px; line-height: 18px; height: 54px;}
}
@media screen and (max-width:767px ) {
.zxCon2{ margin: 30px 0 0 0;}
.zxCon2 .tit{ font-size: 20px; line-height: 22px;}
.zxCon2 .tit::before{ width: 5px; height: 5px; top: -5px; left: -5px;}
.zxCon2 .u1{ width: 102%; margin: 10px -1% 20px -1%;}
.zxCon2 .l1{ margin: 5px 1% 5px 1%; width: 48%;}
.zxCon2 .l1 .w1{ width: 60px; margin: 6px 0 10px 0;}
.zxCon2 .l1 .w2{ font-size: 14px; line-height: 18px; height: 54px; margin-bottom: 10px;}
.zxCon2 .l1 .w3{ font-size: 12px; line-height: 16px; height: 48px;}
}

/* 关于我们1 */
.aboutCon1{ padding: 85px 0px; float: left; width: 100%;
background: url(img/abbg1.png) no-repeat center; background-size: cover;}
.aboutCon1 .bg{ padding: 110px 9% 80px 9%; margin-left: 100px;width: calc(100% - 200px);
background: url(img/abbg2.png) no-repeat center; background-size: cover;
border-radius: 32px;}
.aboutCon1 .tit{ padding-left: 40px; font-size: 50px; line-height: 92px; margin-bottom: 75px; color: #2d2d2d; font-weight: bold; font-family: "Bold"; position: relative;}
.aboutCon1 .tit::before{ content: ""; display: block; width: 50px; height: 54px; 
background: url(img/tdtx.jpg) no-repeat center; background-size: cover; position: absolute; top: -30px; left: 0;}
.aboutCon1 .info{ font-size: 18px; line-height: 48px; letter-spacing: 0px; color: #434343; text-align: justify;}
.aboutCon1 .info .col{ color: #009BE8; font-weight: bold; font-family: "Bold";}
@media screen and (max-width:1439px ) {
.aboutCon1{padding: 60px 0px; }
.aboutCon1 .bg{ padding: 80px 4% 40px 4%;width: 100%;margin-left: 0;}
.aboutCon1 .tit{ padding-left: 30px; font-size: 60px; line-height: 62px; margin-bottom: 45px;}
.aboutCon1 .tit::before{ width: 20px; height: 20px;}
.aboutCon1 .info{ font-size: 18px; line-height: 30px;letter-spacing: 0;}
}
@media screen and (max-width:1023px ) {
.aboutCon1{padding: 40px 0px; }
.aboutCon1 .bg{ padding: 40px 4% 20px 4%;}
.aboutCon1 .tit{ padding-left: 20px; font-size: 30px; line-height: 32px; margin-bottom: 20px;}
.aboutCon1 .tit::before{ width: 10px; height: 10px; top: -10px;}
.aboutCon1 .info{ font-size: 16px; line-height: 24px;}
}
@media screen and (max-width:767px ) {
.aboutCon1{padding: 30px 0px; }
.aboutCon1 .bg{ padding: 40px 4% 20px 4%;}
.aboutCon1 .tit{ padding-left: 10px; font-size: 20px; line-height: 22px; margin-bottom: 15px;}
.aboutCon1 .tit::before{ width: 5px; height: 5px; top: -5px;}
.aboutCon1 .info{ font-size: 14px; line-height: 20px;}
}


/*营销星环*/
.zxhd{background: url(img/hdbg.jpg) center no-repeat;background-size: cover;padding-top: 85px;
padding-bottom:90px;float: left;width: 100%;}
.zxhd .zxhd_box{margin: 0 100px;width: calc(100% - 200px);border-radius: 32px;
background: url(img/hdbg2.jpg) center no-repeat;background-size: cover;
padding: 100px 90px 56px 136px;float: left;}
    
    .zxhd .zxhd_box .zxhd_tit{display: inline-block; font-size: 60px; line-height: 62px; margin-bottom: 30px; color: #010101; font-weight: bold; font-family: "Bold"; position: relative;}
    .zxhd .zxhd_box .zxhd_tit::after{content: ""; display: block; width: 34px; height: 34px; background: url(img/tdtx.png) no-repeat center; background-size: cover; position: absolute;
    top: -34px; left: -34px;}
    .zxhd .zxhd_box .zxhd_r{float: right;width: 25%;}
    .zxhd .zxhd_box .zxhd_bj{display: flex;align-items: center;justify-content: space-between;margin-top: 20px;}
    .zxhd .zxhd_box .zxhd_r h4{font-size: 44px;line-height: 60px;color: #010101;font-weight: bold;
    text-align: right;}
    .zxhd .zxhd_box .zxhd_r h6{text-align: right;font-size: 20px;font-weight: bold;
    color: #009be8;margin-top:30px;margin-bottom: 100px;}
    .zxhd .zxhd_box .zxhd_r .bm{height:74px;color: #fff;font-weight: bold;float: left;background: #000;display: none;
    width: 342px;text-align: center;border-radius: 36px;font-size:26px;line-height: 74px;}
    .zxhd .zxhd_box .zxhd_l{float: left;width: 65%;}
    .zxhd .zxhd_box .zxhd_l img{border-radius: 24px;vertical-align: bottom;}  
    
    .hzst{background: url(img/xhbg3.jpg) center no-repeat;background-size: cover;padding-top: 100px;
    padding-bottom:90px;float: left;width: 100%;height: 1080px;}
    .hzst2{background: url(img/xhbg4.png) center no-repeat;background-size: cover;padding-top: 100px;
    padding-bottom:90px;float: left;width: 100%;height: 1080px;}



    .hzst .zxhd_tit{display: inline-block; font-size: 60px; line-height: 62px;margin-left: 40px; 
        margin-bottom: 30px; color: #fff; font-weight: bold; font-family: "Bold"; position: relative}
    .hzst .zxhd_tit::after{content: ""; display: block; width: 34px; height: 34px; background: url(img/tdtx.png) no-repeat center; background-size: cover; 
        position: absolute; top: -34px; left: -34px;}
    .hzst .hzst_box{margin: 0 100px;width: calc(100% - 200px);float: left;padding: 0 200px;}

@media screen and (max-width:1810px ) {

    .hzst .zxhd_tit{ font-size: 70px; line-height: 72px;}   
    .zxhd .zxhd_box .zxhd_tit{ font-size: 70px; line-height: 72px;}   
    }
    
    @media screen and (max-width:1439px ) {
    
        .hzst .zxhd_tit{ font-size: 60px; line-height: 62px; margin-bottom: 20px;}
        .hzst .zxhd_tit::after{ width: 20px; height: 20px; top: -20px; left: -20px;}
        .zxhd .zxhd_box .zxhd_tit{ font-size: 60px; line-height: 62px; margin-bottom: 20px;}
        .zxhd .zxhd_box .zxhd_tit::after{ width: 20px; height: 20px; top: -20px; left: -20px;}
    
    }
    @media screen and (max-width:1023px ) {
    
        .hzst .zxhd_tit{ font-size: 34px; line-height: 42px;}
        .hzst .zxhd_tit::after{ width: 10px; height: 10px; top: -10px; left: -10px;}
        .zxhd .zxhd_box .zxhd_tit{ font-size: 34px; line-height: 42px;}
        .zxhd .zxhd_box .zxhd_tit::after{ width: 10px; height: 10px; top: -10px; left: -10px;}
    
    }
    @media screen and (max-width:767px ) {
    
        .hzst .zxhd_tit{ font-size: 20px; line-height: 22px; margin-bottom: 15px;}
        .hzst .zxhd_tit::after{ width: 5px; height: 5px; top: -5px; left: -5px;}

        .zxhd .zxhd_box .zxhd_tit{ font-size: 20px; line-height: 22px; margin-bottom: 15px;}
        .zxhd .zxhd_box .zxhd_tit::after{ width: 5px; height: 5px; top: -5px; left: -5px;}
    }
    
    @media screen and (max-width:1600px){
        .zxhd{padding-top: 70px;padding-bottom: 70px;}
 
        .zxhd .zxhd_box{margin: 0 0px;width: 100%;padding: 80px;}
        .zxhd .zxhd_box .zxhd_r h4{font-size: 40px;line-height: 55px;color: #010101;font-weight: bold;}
        .zxhd .zxhd_box .zxhd_r h6{text-align: right;font-size: 18px;font-weight: bold;
        color: #07090a;margin-top:25px;margin-bottom: 80px;}
        .zxhd .zxhd_box .zxhd_r .bm{height:74px;color: #fff;font-weight: bold;float: left;background: #000;
        width: 342px;text-align: center;border-radius: 36px;font-size:24px;line-height: 74px;}
        .hzst{padding-top: 100px;padding-bottom:90px;float: left;width: 100%;height: 800px;}
        .hzst .hzst_box{margin: 00 0px;width: 100%;float: left;padding:0 90px 0px 136px;}
    }
    @media screen and (max-width:1439px) {

    

        .hzst .hzst_box{padding: 0 40px 0 40px;}
        }
      
    @media screen and (max-width:1400px){
        .zxhd .zxhd_box{margin: 0 0px;width: 100%;}
        .zxhd .zxhd_box .zxhd_r h4{font-size: 40px;line-height: 45px;color: #010101;font-weight: bold;}
        .zxhd .zxhd_box .zxhd_r h6{text-align: right;font-size: 16px;font-weight: bold;
        color: #009be8;margin-top:20px;margin-bottom: 30px;line-height: 30px;}
        .zxhd .zxhd_box .zxhd_r .bm{height:40px;color: #fff;font-weight: bold;float: left;
            background: #000;width: 100%;text-align: center;border-radius: 20px;font-size:24px;line-height: 40px;}
    }
    @media screen and (max-width:1023px ) {
        .zxhd{padding-top: 30px;
            padding-bottom: 30px;}
        .zxhd .zxhd_box .zxhd_r h4{text-align: left;font-size: 24px;line-height: 30px}
        .zxhd .zxhd_box .zxhd_r h6{text-align: left;}
        .zxhd .zxhd_box .zxhd_bj{flex-direction: column;}
        .zxhd .zxhd_box{padding: 20px;}
        .zxhd .zxhd_box .zxhd_l{width: 100%;}
        .zxhd .zxhd_box .zxhd_r .bm{height:40px;color: #fff;font-weight: bold;float: left;
            background: #000;width: 100%;text-align: center;border-radius: 20px;font-size:18px;line-height: 40px;}
        .zxhd .zxhd_box .zxhd_r{width: 100%;margin-top: 25px;}

        .hzst .hzst_box{padding: 0 20px 0 20px;}
        .hzst {padding: 30px 0;height: auto;}
        }
        @media screen and (max-width:767px ) {
     
        }
/* 关于我们2 */
.aboutCon2{ margin: 0 0 0px 0; float: left; width: 100%;padding: 75px 0 65px 0;
    background: url(img/abbg3.png) center no-repeat;background-size: cover;}
.aboutCon2 .bg{ padding: 0px 3% 0px 3%; width: 100%; overflow: hidden; }
.aboutCon2 .u1{ width: 100%; float: left;}
.aboutCon2 .l1{ float: left; width: 100%;margin-bottom: 20px;text-align: center;
border-radius:15px;border: 1px solid #fff;padding-top: 80px;
padding-bottom: 56px;padding-left: 15px;padding-right: 15px;}
.aboutCon2 .l1:last-child{margin-bottom: 0px;}
.aboutCon2 .l1 .tit{ font-size: 60px; line-height: 62px; display: inline-block;
    display: inline-block;margin-bottom: 40px; letter-spacing: 10px;position: relative; color: #fff; font-weight: bold; font-family: "Bold";}
.aboutCon2 .l1 .tit::before{ content: ""; display: block; width: 50px; height: 54px; background: url(img/tdtx.png) no-repeat center; background-size: cover; position: absolute; top: -34px; left: -54px;}
.aboutCon2 .l1 .info{ font-size:24px; line-height:30px; color: #fff; text-align: center;}
@media screen and (max-width:1810px ) {
.aboutCon2 .l1 .info{ font-size: 20px; line-height: 28px;}
}
@media screen and (max-width:1439px ) {
    .aboutCon2{padding: 50px 0 50px 0;}
    .aboutCon2 .l1{padding-top:40px;
        padding-bottom: 25px;}
.aboutCon2{ margin: 0 0 0px 0;}
.aboutCon2 .bg{ padding: 0px 3% 0px 3%;}
.aboutCon2 .l1 .tit{ font-size: 60px; line-height: 62px; margin-bottom: 40px;}
.aboutCon2 .l1 .tit::before{ width: 20px; height: 20px; top: -20px; left: -40px;}
.aboutCon2 .l1 .info{ font-size: 20px; line-height: 26px;}
}
@media screen and (max-width:1023px ) {
.aboutCon2{padding: 20px 0 20px 0;}
.aboutCon2 .l1{padding-top:20px;padding-bottom: 20px;}
.aboutCon2{ margin: 0 0 0px 0;}
.aboutCon2 .bg{ padding: 30px 3% 20px 3%;}
.aboutCon2 .l1 .tit{ font-size: 30px; line-height: 32px; margin-bottom: 20px;}
.aboutCon2 .l1 .tit::before{ width: 10px; height: 10px; top: -10px; left: -20px;}
}
@media screen and (max-width:767px ) {
.aboutCon2 .bg{ padding: 20px 3% 20px 3%;}
.aboutCon2 .l1 .tit{ font-size: 18px; line-height: 26px; margin-bottom: 15px; letter-spacing: 0;}
.aboutCon2 .l1 .tit::before{ width: 5px; height: 5px; top: -5px; left: -10px;}
.aboutCon2 .l1 .info{ font-size: 14px; line-height: 20px;}  
}


/* 关于我们3 */
.aboutCon3{ float: left; width: 100%; background: url(img/about3_1.jpg) no-repeat center; background-size: cover;}
.aboutCon3 .bg{ padding: 64px 7% 0 10%; width: 100%; float: left; position: relative;}
.aboutCon3 .text{ width: 48%; float: left; margin-bottom: 186px;}
.aboutCon3 .text .tit{ margin-top: 55px; font-size: 40px; line-height: 62px; margin-bottom: 70px; margin-left: 5%; position: relative; color: #2d2d2d; font-weight: bold; font-family: "Bold";}
.aboutCon3 .text .tit::before{ content: "";
    display: block;
    width: 50px;
    height: 54px;
    background: url(img/tdtx.png) no-repeat center;
    background-size: cover;
    position: absolute;
    top: -34px;
    left: -54px;}
.aboutCon3 .text .info{ font-size: 18px; line-height: 49px; color: #626262; text-align: justify;}
.aboutCon3 .img{ width: 32%; line-height: 0; position: absolute; right: 7.5%; bottom: 0;}
@media screen and (max-width:1810px ) {
.aboutCon3 .text{ margin-bottom: 90px;}
}
@media screen and (max-width:1600px ) {
    .aboutCon3 .bg{ padding: 30px 0 0 5%;}
    .aboutCon3 .text{ margin-bottom: 50px;}
    .aboutCon3 .text .tit{font-size: 45px;}
    
    .aboutCon3 .text .tit::before{ width: 20px; height: 20px; top: -20px; left: -20px;}
    .aboutCon3 .text .info{ font-size: 18px; line-height: 30px;}
    }
@media screen and (max-width:1439px ) {
.aboutCon3 .bg{ padding: 30px 0 0 5%;}
.aboutCon3 .text{ margin-bottom: 50px;}
.aboutCon3 .text .tit{ margin-top: 35px; font-size: 38px; line-height: 62px; margin-bottom: 40px;}
.aboutCon3 .text .tit::before{ width: 20px; height: 20px; top: -20px; left: -20px;}
.aboutCon3 .text .info{ font-size: 18px; line-height: 30px;}
}
@media screen and (max-width:1023px ) {
.aboutCon3 .bg{ padding: 20px 0;}
.aboutCon3 .text .tit{ margin-top: 15px; font-size: 30px; line-height: 32px; margin-bottom: 20px;}
.aboutCon3 .text .tit::before{ width: 10px; height: 10px; top: -10px; left: -10px;}
.aboutCon3 .text .info{ font-size: 16px; line-height: 24px;}
}
@media screen and (max-width:767px ) {
.aboutCon3{ background: #fff;}
.aboutCon3 .text{ width: 100%; float: none;margin-top: 30px;margin-bottom: 5px;}
.aboutCon3 .text .tit{ font-size: 18px; line-height: 26px; margin-bottom: 15px;}
.aboutCon3 .text .tit::before{ width: 5px; height: 5px; top: -5px; left: -5px;}
.aboutCon3 .text .info{ font-size: 14px; line-height: 20px;} 
.aboutCon3 .tp{ width: 100%; background: url(img/about3_1.jpg) center right; background-size: cover;}
.aboutCon3 .img{ width: 50%; margin: 0 auto; position: static;}
}


/* 优选案例 */
.alCon1{ margin: 65px 0 70px 0; width: 100%; float: left;}
.alCon1 .nr1{ width: 100%; float: left; text-align: center; background: #fff; overflow: hidden;}
.alCon1 .nr1 .left{ width: 53.21%; padding: 115px 6.8% 100px 6.8%; float: left;}
.alCon1 .nr1 .right{ width: 46.79%; padding: 115px 5% 215px 5%; float: right; background: url(img/al1.jpg) no-repeat center; background-size: cover;}
.alCon1 .nr1 .tit{ display: inline-block; font-size: 90px; line-height: 92px; margin-bottom: 80px; position: relative; color: #2d2d2d; font-weight: bold; font-family: "Bold";}
.alCon1 .nr1 .tit::before{ content: ""; display: block; width: 34px; height: 34px; background: url(img/ico1.png) no-repeat center; background-size: cover; position: absolute; top: -34px; left: -34px;}
.alCon1 .nr1 .info{ font-size: 18px; line-height: 30px; color: #2d2d2d; text-align: justify;}
.alCon1 .nr2{ padding: 110px 3% 200px 10%; margin-bottom: 70px; position: relative; width: 100%; float: left; background: url(img/al2.jpg) no-repeat center; background-size: cover; overflow: hidden;}
.alCon1 .nr2::after{ content: ""; display: block; width: 34px; height: 34px; background: url(img/ico2.png) no-repeat center; background-size: cover; position: absolute; bottom: 80px; right: 80px;}
.alCon1 .nr2 .tit{ margin-left: 4%; font-size: 90px; line-height: 92px; margin-bottom: 80px; position: relative; color: #fff; font-weight: bold; font-family: "Bold";}
.alCon1 .nr2 .tit::before{ content: ""; display: block; width: 34px; height: 34px; background: url(img/ico1.png) no-repeat center; background-size: cover; position: absolute; top: -34px; left: -68px;}
.alCon1 .nr2 .info{ font-size: 20px; line-height: 30px; color: #fff; font-family: 'Medium';}
.alCon1 .nr2 .info2{ font-size: 18px; line-height: 30px; margin-top: 60px; color: #fff;font-family: 'Light';}
.alCon1 .nr3{ padding: 110px 3% 200px 10%; text-align: right; position: relative; width: 100%; float: left; background: url(img/al2.jpg) no-repeat center; background-size: cover; overflow: hidden;}
.alCon1 .nr3::after{ content: ""; display: block; width: 34px; height: 34px; background: url(img/ico2.png) no-repeat center; background-size: cover; position: absolute; bottom: 80px; right: 80px;}
.alCon1 .nr3 .tit{ display: inline-block; margin-right: 9%; font-size: 90px; line-height: 92px; margin-bottom: 80px; position: relative; color: #fff; font-weight: bold; font-family: "Bold";}
.alCon1 .nr3 .tit::before{ content: ""; display: block; width: 34px; height: 34px; background: url(img/ico1.png) no-repeat center; background-size: cover; position: absolute; top: -34px; left: -68px;}
.alCon1 .nr3 .info{ font-size: 30px; line-height: 48px; color: #fff; font-family: 'Medium';}
.alCon2{ width: 100%; float: left;}
.alCon2 .img{ line-height: 0;}
@media screen and (max-width:1439px ) {
.alCon1{ margin: 35px 0 30px 0;}
.alCon1 .nr1 .left{ padding: 85px 6.4% 30px 6.4%;}
.alCon1 .nr1 .right{ padding: 85px 5% 160px 5%;}
.alCon1 .nr1 .tit{ font-size: 60px; line-height: 62px; margin-bottom: 40px;}
.alCon1 .nr1 .tit::before{ width: 20px; height: 20px; top: -20px; left: -20px;}
.alCon1 .nr2{ padding: 50px 3% 100px 10%; margin-bottom: 40px;}
.alCon1 .nr2::after{ width: 20px; height: 20px; bottom: 40px; right: 40px;}
.alCon1 .nr2 .tit{ font-size: 60px; line-height: 62px; margin-bottom: 40px;}
.alCon1 .nr2 .tit::before{ width: 20px; height: 20px; top: -20px; left: -40px;}
.alCon1 .nr2 .info2{ margin-top: 30px;}
.alCon1 .nr3{ padding: 50px 3% 100px 10%;}
.alCon1 .nr3::after{ width: 20px; height: 20px; bottom: 40px; right: 40px;}
.alCon1 .nr3 .tit{ margin-right: 9%; font-size: 60px; line-height: 62px; margin-bottom: 40px;}
.alCon1 .nr3 .tit::before{ width: 20px; height: 20px; top: -20px; left: -40px;}
.alCon1 .nr3 .info{ font-size: 24px; line-height: 30px;}
}
@media screen and (max-width:1023px ) {
.alCon1{ margin: 20px 0 20px 0;}
.alCon1 .nr1 .left{ padding: 40px 3.4% 30px 3.4%;}
.alCon1 .nr1 .right{ padding: 40px 5% 160px 5%;}
.alCon1 .nr1 .tit{ font-size: 40px; line-height: 42px; margin-bottom: 20px;}
.alCon1 .nr1 .tit::before{ width: 10px; height: 10px; top: -10px; left: -10px;}
.alCon1 .nr2{ padding: 40px 3% 40px 10%; margin-bottom: 20px;}
.alCon1 .nr2::after{ width: 10px; height: 10px; bottom: 20px; right: 20px;}
.alCon1 .nr2 .tit{ font-size: 40px; line-height: 42px; margin-bottom: 20px;}
.alCon1 .nr2 .tit::before{ width: 10px; height: 10px; top: -10px; left: -20px;}
.alCon1 .nr2 .info{ font-size: 16px; line-height: 26px;}
.alCon1 .nr2 .info2{ font-size: 14px; line-height: 26px; margin-top: 20px;}
.alCon1 .nr3{ padding: 40px 3% 40px 10%;}
.alCon1 .nr3::after{ width: 10px; height: 10px; bottom: 20px; right: 20px;}
.alCon1 .nr3 .tit{ font-size: 40px; line-height: 42px; margin-bottom: 20px;}
.alCon1 .nr3 .tit::before{ width: 10px; height: 10px; top: -10px; left: -20px;}
.alCon1 .nr3 .info{ font-size: 20px; line-height: 26px;}
}
@media screen and (max-width:767px ) {
.alCon1 .nr1 .left{ width: 100%; padding: 30px 3.4% 30px 3.4%;}
.alCon1 .nr1 .right{ width: 100%; padding: 30px 5% 30px 5%;}
.alCon1 .nr1 .tit{ font-size: 20px; line-height: 22px; margin-bottom: 15px;}
.alCon1 .nr1 .tit::before{ width: 5px; height: 5px; top: -5px; left: -5px;}
.alCon1 .nr2{ padding: 30px 3% 30px 3%; margin-bottom: 15px;}
.alCon1 .nr2::after{ width: 5px; height: 5px; bottom: 10px; right: 10px;}
.alCon1 .nr2 .tit{ font-size: 20px; line-height: 22px; margin-bottom: 15px;}
.alCon1 .nr2 .tit::before{ width: 5px; height: 5px; top: -5px; left: -10px;}
.alCon1 .nr2 .info{ font-size: 10px; line-height: 16px;}
.alCon1 .nr2 .info2{ font-size: 10px; line-height: 16px;}
.alCon1 .nr3{ padding: 30px 3% 30px 3%;}
.alCon1 .nr3::after{ width: 5px; height: 5px; bottom: 10px; right: 10px;}
.alCon1 .nr3 .tit{ font-size: 20px; line-height: 22px; margin-bottom: 15px;}
.alCon1 .nr3 .tit::before{ width: 5px; height: 5px; top: -5px; left: -10px;}
.alCon1 .nr3 .info{ font-size: 10px; line-height: 16px;}
}
@media screen and (max-width:370px ) {
.alCon1 .nr2 .info{ font-size: 8px;}
.alCon1 .nr2 .info2{ font-size: 8px;}
.alCon1 .nr3 .info{ font-size: 8px;}
}









.wmzz{background: url(img/wmbg.png) center no-repeat;background-size: cover;
    float: left;width: 100%;padding-top:100px;padding-bottom: 100px;}
    .wmzz .wm_t{font-size: 72px;color: #fff;text-align: center;font-weight: bold;margin-bottom: 80px;}
    .wmzz .wmzz_box{padding: 0 65px;float: left;width: 100%;}
    .wmzz .wmzz_box ul{width: calc(100% + 46px);margin: 0 -23px;}
    .wmzz .wmzz_box ul li{padding:0 23px;float: left;position: relative;width: 33.3%;}
    .wmzz .wmzz_box ul li .img{border: 2px solid #009BE8;border-radius: 32px;width: 100%;
    line-height: 0;}
    .wmzz .wmzz_box ul li .img img{border-radius: 32px;width: 100%;}
    .wmzz .wmzz_box ul li h4{position: absolute;top: 50%;left: 50%;text-align: center;
    transform: translate(-50%,-50%);color: #fff;font-size: 72px;font-weight: bold;
    line-height: 80px;text-shadow:0px 0px 38px rgba(0,96,144,0.49);}
    
    .yous{background: url(img/ysbg.png) center no-repeat;background-size: cover;
    float: left;width: 100%;padding-top:100px;padding-bottom: 250px;}
    .yous .wm_t{font-size: 72px;color: #fff;text-align: center;font-weight: bold;margin-bottom: 150px;}
    .yous ul li .ys_box{width: 425px;height: 425px;border-radius: 50%;background: #00273B;
    display: flex;flex-direction: column;align-items: center;justify-content: center;position: relative;}


    .yous ul li .ys_box::after{content: "";height: 510px;width: 510px;position: absolute;
    top: 50%;left: 50%;transform: translate(-50%,-50%);border-radius: 50%;border: 1px dashed #056190; }
    .yous ul li .ys_box h4{color:#f8b62d;font-size:40px;line-height:50px;margin-top: 20px;}
    .yous .wmzz_box{padding: 0 155px;}
    .yous ul li .ys_box .circle{width:457px;height: 221px;position: absolute;bottom: -15px;
    left: 50%;transform: translate(-50%,0);}
    .yous ul li:nth-child(2n) .ys_box .circle{top: -15px;}
    .yous ul li{float: left;}
    .yous ul{display: flex;justify-content: space-between;width: 100%;}
    .homeCon1{background: url(img/tdbg.png) center no-repeat;background-size: cover;}
    @media screen and (max-width:1800px ){
        .yous .wmzz_box{padding: 0 80px;}
        .yous ul li .ys_box{width: 300px;height: 300px}
        .yous ul li .ys_box h4{font-size: 40px;line-height: 60px;margin-top:10px;text-align: center;}
        .yous ul li .ys_box::after{width: 400px;height: 400px}
        .yous ul li .ys_box .circle{min-width:315px;min-height: 165px;height: 165px;width: 315px;}
    }
    #_c52796 .slick .slick-list .li:nth-child(2) a{width: 80%;}

    @media screen and (max-width:1439px ) {
        .yous .wmzz_box{padding: 0 0px;}
        .wmzz .wm_t{ padding-left: 30px; font-size: 60px; line-height: 62px; margin-bottom: 45px;}
        .yous .wm_t{ padding-left: 30px; font-size: 60px; line-height: 62px; margin-bottom: 45px;}
        .wmzz .wmzz_box ul li h4{font-size: 60px;line-height: 80px;}
        .wmzz .wmzz_box{padding:0;}
        .wmzz{padding-top: 70px;padding-bottom: 70px;}
        .yous ul{margin-top: 60px;float: left;width: 100%;}
        .yous ul li .ys_box{width: 240px;height: 240px}
        .yous ul li .ys_box h4{font-size: 22px;line-height: 42px;margin-top:10px;}
        .yous ul li .ys_box::after{width: 320px;height: 320px}
        .yous ul li .ys_box .circle{min-width:255px;min-height: 135px;height: 135px;width: 255px;}
        .yous{padding-top: 100px;padding-bottom:100px;}
    }
    @media screen and (max-width:1023px ) {
        .wmzz .wm_t{ padding-left: 20px; font-size: 30px;margin-bottom: 30px;line-height: 32px; margin-bottom: 20px;}
        .yous .wm_t{ padding-left: 20px; font-size: 30px; line-height: 32px; margin-bottom: 20px;}
        .wmzz .wmzz_box ul li h4{font-size: 30px;line-height: 40px;}
        .wmzz .wmzz_box ul li{width: 50%;padding:7.5px;}
        .wmzz .wmzz_box ul{width: calc(100% + 15px);margin: -7.5px;}
        .wmzz{padding-top: 40px;padding-bottom: 40px;}
        .yous ul {flex-direction: column;align-items: center;justify-content: center;}
        .yous ul li{width: 100%;}
        .yous ul li .ys_box{width: 150px;height: 150px;margin: 30px auto;}
        .yous ul li .ys_box::after{height: 200px;width: 200px;}
        .yous ul li .ys_box img{max-width: 40%;}
        .yous ul li .ys_box .circle{min-width:165px;min-height: 90px;height: 90px;width: 165px;}
        .yous ul li .ys_box h4{font-size: 16px;line-height: 30px;margin-top:10px;}
        .yous{padding-top: 40px;padding-bottom:40px;}
        .yous ul{margin-top: 20px;}
    }
    @media screen and (max-width:767px ) {
        .yous ul {flex-direction: row;}
        .yous ul li{width: 33.3%;}

        .yous ul li .ys_box{width: 75px;height:75px;margin: 0px auto;}
        
        .yous ul li .ys_box::after{height: 100px;width: 100px;}
        .yous ul li .ys_box img{max-width: 40%;}
        .yous ul li .ys_box .circle{min-width:80px;min-height:40px;height: 40px;width: 80px;
        bottom: -9px;}
        .yous ul li:nth-child(2n) .ys_box .circle{top: -9px;}
        .yous ul li .ys_box h4{font-size: 12px;line-height: 24px;margin-top:0px;text-align: center;}

        .wmzz .wm_t{ padding-left: 10px; font-size:30px; line-height: 32px; margin-bottom: 25px;}
        .yous .wm_t{ padding-left: 20px; font-size: 30px; line-height: 32px; margin-bottom: 20px;}
    }


    .hxfw1{float: left;width: 100%;background: url(img/hx1.jpg) center no-repeat;
        background-size: cover;height: 100vh;display: flex;align-items: center;}
        .hxfw2{float: left;width: 100%;background: url(img/hx3.jpg) center no-repeat;display: flex;align-items: center;
        background-size: cover;height: 100vh;}
        .hxfw3{float: left;width: 100%;background: url(img/hx2.jpg) center no-repeat;display: flex;align-items: center;
        background-size: cover;height: 100vh;}
        .hxfw4{float: left;width: 100%;background: url(img/hxkh1.jpg) center no-repeat;display: flex;align-items: center;
        background-size: cover;height: 100vh;}
        .hxfw_box{padding:0 130px;}
        
        .hxfw_box h4{font-size:50px;color: #fff;line-height:80px;text-shadow: 0 0 92px rgb(0 0 0);font-family: initial !important;font-weight: bold;}
        .hxfw_box h6{font-size: 40px;color: #fff;line-height: 60px;margin-top: 60px;text-shadow: 0 0 92px rgb(0 0 0);}
        .hxfw5{background: #009BE8;float: left;width: 100%;margin-bottom: 0px;
        padding-top:100px;padding-bottom: 100px;}
        @media screen and (max-width:1600px ) {
          
            .hxfw_box{padding:0 80px}
            .hxfw_box h4{font-size: 50px;color: #fff;line-height:60px;}
        .hxfw_box h6{font-size: 20px;color: #fff;line-height: 30px;margin-top: 50px;}
        }
        @media screen and (max-width:1400px ) {
            .hxfw_box{padding:0 0px}
            .hxfw_box h4{font-size: 60px;color: #fff;line-height: 70px;}
            .hxfw_box h6{font-size: 36px;color: #fff;line-height: 50px;margin-top: 40px;}
        }
        @media screen and (max-width:1024px ) {
            .hxfw_box{width: calc(100vw - 30px);}

            .hxfw_box h4{font-size: 20px;color: #fff;line-height: 30px;}
            .hxfw_box h6{font-size: 16px;color: #fff;line-height: 30px;margin-top: 30px;}
            .hxfw1{height: auto;margin-top: 50px;padding:  50px 0;}
            .hxfw2{height: auto;padding:  50px 0;}
            .hxfw3{height: auto;padding:  50px 0;}
            .hxfw4{height: auto;padding:  50px 0;}
            .hxfw5{background: #009BE8;float: left;width: 100%;margin-bottom: 0px;
            padding-top:50px;padding-bottom: 50px;}
            .wmzz_box .slick-dots{position: absolute;bottom:-10px;display: flex;
            align-items: center;justify-content: center;width: 100%;margin:0}
            .wmzz_box .slick-dots li{height: 12px;width: 12px !important;border-radius: 50%;
            background: rgba(255,255,255,0.5);margin: 0 8px;padding: 0 !important;}
            .wmzz_box .slick-dots li.slick-active{background: rgba(255,255,255,1);}
        }

        /*品牌战略*/
        .ppap{float: left;width: 100%;background: url(img/apbg.jpg) center no-repeat;background-size: cover;
        float: left;width: 100%;padding-top: 85px;}
        .ppap .ppq_box{background: url(img/bgq.jpg) center no-repeat;background-size: cover;
        width: 100%;padding-top: 100px;padding-bottom: 240px;padding-left: 11.25%;
        border-radius: 32px;padding-right: 11.25%;margin-bottom: 290px;}
        .ppap .ppq_box .t1{font-size: 60px;line-height: 92px;margin-bottom: 100px;
        position: relative;color: #2b2b2b;padding-left: 40px;font-family: 'Bold';font-weight: bold;}
        .ppap .ppq_box .t1::before{content: "";display: block;width: 50px;height: 54px;left: 0;background: url(img/tdtx.jpg) no-repeat center;
        background-size: cover;position: absolute;top: -30px;}
    

                .ppap .ppmaxw{max-width: 1600px;margin: 0 auto;}
                .ppap .ppq_box .info p{color: #434343;font-size: 18px;line-height: 60px;}
                .ppjs img{text-align: center;}
                .ppjs{float: left; width: 100%;text-align: center;position: relative}
                .ppjs .npbg{position: absolute;height: 100%;bottom: 0;left: 50%;transform: translate(-50%,0);}
                .ppjs .pjs_box{background: #fff;padding: 23px 44px 32px 44px;width: 435px;
                text-align: left;position: relative;z-index: 1;
                border-radius: 15px;box-shadow: 0px 0px 10px rgba(0,0,0,0.2);}
                .ppjs .bg{content: "";height: 100%;width: 100%;position: absolute;
                background:#979A8B;border-radius: 15px;}
                .ppjs .pjs_box .zm{color:#979A8B;font-size: 68px;font-weight: bold;line-height: 60px;position: relative}
                .ppjs .pjs_box .zm::after{content: "";height: 4px;width: calc(100% - 60px);
               position: absolute;left: 60px;bottom: 0;background: url(img/xbg.png) repeat;}
               .ppjs .acont.p2 .zm::after{content: "";height: 4px;width: calc(100% - 60px);
               position: absolute;left: 60px;bottom: 0;background: url(img/xbg2.png) repeat;}
               .ppjs .pjs_box .nr{margin-top: 20px;line-height: 40px;font-size: 18px;color:#434343;}
               .ppjs .pjs_box.p1{left: 30px;top: -60px;}
            .acont{position: absolute;
                left: 60px;
                bottom: 60px;}
                .ppjs .p1 .bg{top: 17px;left: 17px;}
                .ppjs .p1 .bg::after{content: "";height: 0;width: 0;border-left:18px solid #979A8B;border-top: 11px solid transparent;
            border-bottom: 11px solid transparent;position: absolute;right: -18px;bottom: 80px;}
            .ppjs .acont.p2{left:110px;top: 170px;bottom:auto}
            .ppjs .acont.p2 .zm{color:#284040}
            .ppjs .acont.p2 .nr{color:#284040}
            .ppjs .acont.p2 .bg{background: #3B8157;}
            .ppjs .p2 .bg{top: 17px;left: 17px;}
            .ppjs .p2 .bg::after{content: "";height: 0;width: 0;border-left:18px solid #3B8157;border-top: 11px solid transparent;
            border-bottom: 11px solid transparent;position: absolute;right: -18px;bottom: 80px;}
            
            .ppjs .acont.p3 .zm{color:#3B8157}
            .ppjs .acont.p3 .nr{color:#3B8157}
            .ppjs .acont.p3{right:30px;left: auto;bottom: 240px;}
            .ppjs .acont.p3 .bg{background: #273F3F;top: -17px;left: -17px;}
            .ppjs .acont.p3 .bg::after{content: "";height: 0;width: 0;border-right:18px solid #273F3F;border-top: 11px solid transparent;
            border-bottom: 11px solid transparent;position: absolute;right: -18px;bottom: 80px;
            left: -18px;}
            .ppjs .acont.p4 .zm{color:#546F6D}
            .ppjs .acont.p4 .nr{color:#546F6D}
            .ppjs .acont.p4{right:70px;bottom: auto;left: auto;top: -50px;}
            .ppjs .acont.p4 .bg{background: #9BD996;top: 17px;left: -17px;}
            .ppjs .acont.p4 .bg::after{content: "";height: 0;width: 0;border-right:18px solid #9BD996;border-top: 11px solid transparent;
            border-bottom: 11px solid transparent;position: absolute;right: -18px;bottom: 80px;left: -18px;}
            .ppjs .acont.p3 .zm::after{content: "";height: 4px;width: calc(100% - 60px);
            position: absolute;left: 60px;bottom: 0;background: url(img/xbg3.png) repeat;}
            .ppjs .acont.p4 .zm::after{content: "";height: 4px;width: calc(100% - 60px);
            position: absolute;left: 60px;bottom: 0;background: url(img/xbg4.png) repeat;}
            .ppap .aptit{margin-top: 60px;margin-bottom: 60px;float: left;width: 100%;}
            .ppap .aptit h4{font-size: 80px;color: #2A4040;text-align: center;
            font-weight: bold;line-height: 80px;letter-spacing: 10px;}
            .ppap .aptit h6{font-size: 40px;color: #2A4040;text-align: center;font-family: 'Normal' !important;
            font-weight: bold;margin-top:30px;letter-spacing: 10px;}
            .ppaw{float: left;width: 100%;background: url(img/bgw.png) center no-repeat;background-size: cover;}
            .ppaw p{font-size: 30px;line-height: 76px;color: #fff;padding:230px 150px 270px 150px;}
             .apws{display: none !important;}
            @media screen and (max-width:1600px){
                .ppjs .pjs_box{background: #fff;padding: 20px 30px;width: 350px;
                text-align: left;position: relative;z-index: 1;
                border-radius: 15px;box-shadow: 0px 0px 10px rgba(0,0,0,0.2);}
                .ppjs .pjs_box .nr{margin-top: 20px;line-height: 36px;font-size: 18px;}
                .ppap .aptit h4{font-size: 60px;line-height: 70px;letter-spacing: 10px;}
                .ppap .aptit h6{font-size: 30px;font-weight: bold;margin-top:24px;letter-spacing: 10px;}
                .ppaw p{font-size: 40px;line-height: 60px;color: #fff;padding:200px 120px 240px 120px;}
            }
            @media screen and (max-width:1439px ) {
                .ppap .ppq_box{padding-top: 80px;padding-bottom: 180px;padding-left: 8%;border-radius: 28px;
                padding-right: 8%;margin-bottom: 180px;}
                .ppap .ppq_box .info p{color: #434343;font-size: 20px;line-height: 40px;text-indent:50px;}
                .ppap .ppq_box .t1{ padding-left: 30px; font-size: 60px; line-height: 62px; margin-bottom: 45px;}
                .ppap .ppq_box .t1::before{ width: 20px; height: 20px;}
                .ppaw p{font-size: 30px;line-height: 45px;color: #fff;padding:100px 30px 150px 30px;}
            }
            @media screen and (max-width:1023px ) {
                .apws{display: block !important;}
                .apps{display: none !important;}
                .ppap .ppq_box{padding-top: 40px;
                padding-bottom: 40px;
                padding-left: 6%;
                border-radius: 24px;
                padding-right: 6%;
                margin-bottom: 50px;}
                .ppap .ppq_box .info p{color: #434343;font-size: 16px;line-height: 30px;text-indent:40px;}
                .ppap .ppq_box .t1{ padding-left: 20px; font-size: 30px; line-height: 32px; margin-bottom: 20px;}
                .ppap .ppq_box .t1::before{ width: 10px; height: 10px; top: -10px;}
                .ppaw p{font-size: 18px;line-height: 34px;color: #fff;padding:60px 20px 60px 20px;}
                .acont{top: auto !important;position: relative;left: auto !important;margin-left: 10px;
                right: auto !important;bottom: auto !important;width: calc(100% - 20px);margin-bottom: 15px;}
                .acont:last-child{margin-bottom: 0;}
                .ppjs .bg{display: none;}
                .ppjs .pjs_box{width: 100%;}

                .ppjs .pjs_box .zm{font-size: 40px;font-weight: bold;line-height: 38px;}
                .ppjs .pjs_box .zm::after{width: calc(100% - 40px);left: 40px;}
                .ppjs .pjs_box .nr{line-height: 30px;font-size: 16px;}
                .ppjs .acont.p4 .zm::after{width: calc(100% - 40px);
                left: 40px;}
                .ppjs .acont.p3 .zm::after{width: calc(100% - 40px);
                left: 40px;}
                .ppjs .acont.p2 .zm::after{width: calc(100% - 40px);
                left: 40px;}
                .ppap .aptit h4{font-size: 35px;line-height: 40px;letter-spacing: 4px;}
                .ppap .aptit h6{font-size: 20px;margin-top: 18px;letter-spacing: 4px;}
                .ppap .aptit{margin-top:30px; margin-bottom: 30px;}
                .ppjs img{height: 300px !important;margin: 0 auto;}
                .ppjs .npbg{top:auto;bottom: 0;}
            }
            @media screen and (max-width:767px) {
                .ppap .ppq_box .t1{ padding-left: 10px; font-size: 20px; line-height: 22px; margin-bottom: 15px;}
                .ppap .ppq_box .t1::before{ width: 5px; height: 5px; top: -5px;}
            }

    

            
            
            .sqhd{width: 100%;float: left;position: relative;}
.sqhd>img{vertical-align: bottom;width: 100%;}
.sqhd .hdbj{position: absolute;
    top: 50%;
    transform: translate(-50%,-50%);
    left: 50%;
    width: 1160px;}
.sqhd .zxhd_tit{display: inline-block; font-size: 60px; line-height: 62px; margin-bottom: 30px;
    color: #fff; font-weight: bold; font-family: "Bold"; position: relative;}
.sqhd .zxhd_tit::after{content: ""; display: block; width: 34px; height: 34px; background: url(img/tdtx.png) no-repeat center; background-size: cover; position: absolute;
top: -34px; left: -34px;}
.sqhd_box{margin-top: 120px;}
.sqhd_box .sq_left{font-size: 40px;line-height: 53px;color: #fff;width:calc(100% - 350px);float: left;}
.sqhd_box .sq_right .img{height: 230px;width: 230px;border-radius: 10px;padding: 20px;background: #fff;margin: 0 auto;}
.sqhd_box .sq_right h4{color: #fff;font-size: 20px;margin-top: 20px;text-align: center;line-height: 34px;margin-bottom: 10px;}
.sqhd_box .sq_right{width:350px;float: left;}
.hzst_ul .ul_cont{height: calc(100% - 90px);width: calc(100% - 90px);position: absolute;border-radius: 50%;
top: 50%;left: 50%;transform: translate(-50%,-50%);background: rgba(1,8,24,0.8);margin-top: 3px;
display: flex;align-items: center;justify-content: center;padding: 0 10px;}
.hzst_ul .ul_cont img{max-width: 100%;}
.hzst_ul li{width: 33.3%;float: left;margin:20px 0;display: flex;justify-content: center;}
.hzst_ul .li{height: 330px;width: 330px;float: left;position: relative;}
.hzst_ul{width: 110%;margin-left: -5%;}
.hzbj_l{float: left;width:calc(100% - 350px);}
.hzbj_r{float: left;width:350px;float: left;}
.hzbj_r h4{color: #fff;font-size: 20px;margin-top: 20px;text-align: center;line-height: 34px;margin-bottom: 10px;}
.hzbj_r .img{height: 230px;width: 230px;border-radius: 10px;padding: 20px;background: #fff;margin: 0 auto;}
.hzbj{margin-top: 180px;float: left;width: 100%;}


@media screen and (max-width:1810px ) {
    .sqhd .zxhd_tit{ font-size: 70px; line-height: 72px;}   
}
@media screen and (max-width:1439px ) {
    .hzst_ul .ul_cont{height: calc(100% - 70px);width: calc(100% - 70px);}
    .hzbj{margin-top: 100px;float: left;width: 100%;}
    .hzst_ul .li{height: 240px;width: 240px;float: left;position: relative;}
    .sqhd_box{margin-top: 80px;}
.sqhd_box .sq_left{font-size: 30px;line-height: 40px;color: #fff;width:calc(100% - 250px);float: left;}
.sqhd_box .sq_right .img{height: 180px;width: 180px;border-radius: 10px;padding: 15px;background: #fff;margin: 0 auto;}
.sqhd_box .sq_right h4{color: #fff;font-size: 16px;margin-top: 5px;text-align: center;line-height: 28px;margin-bottom: 10px;}
.hzbj_r h4{font-size: 16px;margin-top: 5px;text-align: center;line-height: 28px;}
.hzbj_r .img{height: 180px;width: 180px;border-radius: 10px;padding: 15px;background: #fff;margin: 0 auto;}
.hzbj_r{width:250px;float: left;}
.hzbj_l{float: left;
    width: calc(100% - 250px);}
.sqhd_box .sq_right{width:250px;float: left;}
    .sqhd .zxhd_tit{ font-size: 60px; line-height: 62px; margin-bottom: 20px;}
    .sqhd .zxhd_tit::after{ width: 20px; height: 20px; top: -20px; left: -20px;}
    .sqhd .hdbj{width: 994px;}
}
@media screen and (max-width:1023px ) {
    .sqhd .zxhd_tit{ font-size: 34px; line-height: 42px;}
    .hzst_ul .li{height: 110px;width: 110px;float: left;position: relative;}
    .hzst_ul .li>img{width: 110px;height: 110px;}
    .sqhd .zxhd_tit::after{ width: 10px; height: 10px; top: -10px; left: -10px;}
    .hzst_ul .ul_cont{height:70%;width: 70%;margin-top: 0;}
    .hzst_ul .ul_cont img{max-width: 80%;max-height: 60%;}
    .hzst_ul li{margin: 0;}
    .hzst .zxhd_tit{margin-left: 0;}
    .hzbj{margin-top: 0;}
    .hzbj_l{width: 100%;}
    .hzbj_r{width: 100%;}
    .sqhd_box .sq_left{width: 100%;}
    .sqhd_box .sq_right{width: 100%;margin-top: 15px;}
    .sqhd>img{height: 500px;object-fit: cover;}
    .sqhd_box .sq_left{font-size: 16px;line-height: 24px;}
    .sqhd_box{margin-top: 20px;}
    .sqhd_box .sq_right .img{height: 130px;width: 130px;padding: 8px;}
    .hzbj_r .img{height: 130px;width: 130px;padding: 8px;}
    .sqhd .zxhd_tit{margin-left: 0;}
    .xh_banner img{height: 450px;object-fit: cover;}
}
@media screen and (max-width:767px ) {
    .sqhd .zxhd_tit{ font-size: 20px; line-height: 22px; margin-bottom: 15px;}
    .sqhd .zxhd_tit::after{ width: 5px; height: 5px; top: -5px; left: -5px;}
    .sqhd .hdbj{width: 100%;padding: 0 15px;}
}