@charset "utf-8";body,div,p,h1,h2,h3,h4,h5,h6,/* structural elements 结构元素 */dl,dt,dd,ul,ol,li,/* list elements 列表元素 */pre,/* text formatting elements 文本格式元素 */form,button,input,textarea,/* form elements 表单元素 */table,th,td {margin:0;outline:none;-webkit-tap-highlight-color:transparent;/*color:#333;*/caret-color:rgba(0,0,0,0);margin:0;padding:0}
h1,h2,h3,h4,h5,h6,i,b {font-weight:normal;}

body,button,input,select,textarea {font-family:"微软雅黑";}
em,i {font-style:normal;}
/*html {background:url(../images/bady.jpg) top center no-repeat;}
*/.youxiu ul,.section-bullets {padding:0;}
/* 将斜体扶正 */small {font-size:12px;}
/* 小于 12px 的中文很难阅读，让 small 正常化 *//** @重置列表元素 **/li {list-style:none;}
/** @重置文本格式元素 **/a {text-decoration:none;outline:none;color:#282828;}
/*a:hover {text-decoration:none;color:#3a4e7f;}
*//** @重置表单元素 **/img {border:0;}
/* img 搭车：让a链接里的 img 无边框  当没有正确路径时alt的文字大小*/button,input,select,textarea {font-size:100%;line-height:normal;}
/* 使得表单元素在 ie 下能继承字体大小 *//** @重置表格元素 **/table {border-collapse:collapse;border-spacing:0;}
input[type="button"],input[type="submit"],input[type="reset"] {cursor:pointer;}
/* @ie6 7 8(q) bug  */iframe {display:block;}
/* @清浮动 */.clearfix:after {display:block;content:" ";clear:both;}
.clearfix {zoom:1;/* for IE6 IE7 */}
.num_box {position:relative;text-align:center;width:1920px;}
html {position:relative;background:url("../images/html.jpg") #fefefe no-repeat top center;}

/*html {position:relative;background:url("../images/111111.jpg") top center;}*/
body {text-align:center;}
.banner {margin:0 auto;height:400px; position: relative;}
.banner img {margin:0 auto;}
.logo {    position: absolute;
    top: 18px;
    left: 50%;
    margin-left: -602px;}
.imglogo{    position: absolute;
    top: 170px;
    left: 6px;}
.za_1 {width:1200px;height:610px;margin:0 auto;}
.za_1_center {width:643px;height:240px;margin:175px 0 0 64px;float:left;text-align:left;}
.za_1_center p {width:640px;font-size:18px;line-height:30px;letter-spacing:0px;text-indent:38px;margin-bottom:10px;}
.za_1_right {width:480px;height:380px;position:relative;float:left;margin:116px 0 0 0;}
.za_1_center p a {color:#579ad0;}
.za_1_center p a:hover {color:#0a4472}
.za_1_center h1{ color: #455caa; font-size: 30px; font-weight: bold; margin-bottom: 20px;}
.za_1_right > div {font-weight:bold;color:#fff;text-align:center;}
.za_1_right > div:hover {opacity:1;}
.za_1_right > div a {display:block;color:#fff;opacity:0.5;}
.za_1_right > div a:hover {color:#fff;opacity:1;}
.za_1_right_1 {cursor:pointer;width:148px;line-height:111px;font-size:29px;height:130px;position:absolute;top:-54px;left:204px;background:url(../images/b2.png);}
.za_1_right_1:hover,.za_1_right_1 a:hover {wopacity:1;transform:scale(1.2);transition:transform 0.3s ease-in-out;background:url(../images/y2.png) no-repeat;padding-bottom:5px;}
.za_1_right_1 a {display:block;padding-left:20px;}
.za_1_right_1 {animation:myfirst1 8.5s infinite 3s;-webkit-animation-delay:0s;}
.za_1_right_2 {cursor:pointer;width:148px;line-height:118px;font-size:29px;height:118px;position:absolute;top:100px;left:35px;opacity:0.8;background:url(../images/b2.png);}
.za_1_right_2:hover,.za_1_right_2 a:hover {wopacity:1;transform:scale(1.2);transition:transform 0.3s ease-in-out;background:url(../images/y1.png) no-repeat;padding-bottom:5px;}
.za_1_right_2 a {display:block;padding-left:22px;}
.za_1_right_2 {animation:myfirst2 7.5s 2s infinite;-webkit-animation-delay:0s}
.za_1_right_3 {cursor:pointer;width:148px;line-height:118px;font-size:29px;height:118px;position:absolute;top:278px;left:131px;background:url("../images/b2.png");z-index:99}
.za_1_right_3:hover,.za_1_right_3 a:hover {wopacity:1;transform:scale(1.2);transition:transform 0.3s ease-in-out;background:url(../images/y5.png) no-repeat;padding-bottom:5px;}
.za_1_right_3 a {display:block;padding-left:20px;}
.za_1_right_3 {animation:myfirst3 6.5s 5s infinite;-webkit-animation-delay:0s}
.za_1_right_4 {cursor:pointer;width:148px;line-height:118px;font-size:29px;height:118px;position:absolute;top:248px;left:303px;background:url("../images/b2.png");}
.za_1_right_4:hover,.za_1_right_4 a:hover {wopacity:1;transform:scale(1.2);transition:transform 0.3s ease-in-out;background:url(../images/y4.png) no-repeat;padding-bottom:5px;}
.za_1_right_4 a {display:block;padding-left:20px;}
.za_1_right_4 {animation:myfirst4 6.5s 3s infinite;-webkit-animation-delay:0s}
.za_1_right_5 {cursor:pointer;width:148px;line-height:118px;font-size:29px;height:118px;position:absolute;top:62px;left:327px;background:url(../images/b2.png);}
.za_1_right_5:hover,.za_1_right_5 a:hover {wopacity:1;transform:scale(1.2);transition:transform 0.3s ease-in-out;background:url(../images/y5.png) no-repeat;padding-bottom:5px;}
.za_1_right_5 a {display:block;padding-left:20px;}
.za_1_right_5 {animation:myfirst5 8.5s 2s infinite;-webkit-animation-delay:0s}
.za_1_right_5:hover,.za_1_right_5 a:hover {wopacity:1;background:url(../images/y5.png);}
.za_1_right_6 {width:139px;line-height:120px;font-size:30px;height:129px;position:absolute;top:121px;left:211px;background:url(../images/b6.png);}
.za_1_right_6 a {display:block;padding-left:19px;opacity:1!important;}
.za_1_right_6 {animation:myfirst6 3.5s infinite;-webkit-animation-delay:0s}
.za_1_right_7 {width:60px;line-height:60px;font-size:10px;height:70px;font-weight:bold;position:absolute;top:54px;left:178px;background:url(../images/a1.png);}
.za_1_right_7 {animation:myfirst7 2.5s 5s infinite;-webkit-animation-delay:0s}
.za_1_right_7 a {padding-left:5px;line-height:64px;}
.za_1_right_8 {width:70px;line-height:60px;font-size:10px;height:70px;font-weight:bold;position:absolute;top:-31px;left:420px;background:url(../images/a2.png);}
.za_1_right_8 {animation:myfirst8 4.5s 5s infinite;-webkit-animation-delay:0s}
.za_1_right_8 a {padding-left:0px;line-height:69px;}
.za_1_right_9 {width:60px;line-height:60px;font-size:10px;height:55px;font-weight:bold;position:absolute;top:283px;left:124px;background:url(../images/a3.png);}
.za_1_right_9 {animation:myfirst9 4s 5s infinite;-webkit-animation-delay:0s}
.za_1_right_9 a {padding-left:0px;line-height:56px;}
.za_1_right_10 {width:53px;line-height:46px;font-size:10px;height:59px;font-weight:bold;position:absolute;top:199px;left:422px;background:url(../images/a4.png);}
.za_1_right_10 {animation:myfirst10 5s 5s infinite;-webkit-animation-delay:0s}
.za_1_right_10 a {padding-left:5px;line-height:53px;}
@keyframes myfirst1 {0% {transform:scale(1);transform:translateY(0px);}
    30% {transform:scale(1);}
    50% {transform:scale(1.05);transform:translateY(-5px)}
    75% {transform:scale(1);}
    100% {transform:scale(1);transform:translateY(0px)}
}
@keyframes myfirst2 {0% {transform:scale(1);transform:translate(0px);}
    30% {transform:scale(0.95);}
    50% {transform:scale(1);transform:translate(-5px,-5px)}
    75% {transform:scale(0.95);}
    100% {transform:scale(1);transform:translatex(0px)}
}
@keyframes myfirst3 {0% {transform:scale(1);transform:translateY(0px);}
    30% {transform:scale(0.95);}
    50% {transform:scale(1);transform:translateY(5px)}
    75% {transform:scale(0.95);}
    100% {transform:scale(1);transform:translateY(0px)}
}
@keyframes myfirst4 {0% {transform:scale(1);transform:translatex(0px);}
    30% {transform:scale(0.95);}
    50% {transform:scale(1);transform:translatex(5px)}
    75% {transform:scale(0.95);}
    100% {transform:scale(1);transform:translatex(0px)}
}
@keyframes myfirst5 {0% {transform:scale(1);transform:translatex(0px);}
    30% {transform:scale(0.95);}
    50% {transform:scale(1);transform:translatex(5px)}
    75% {transform:scale(0.95);}
    100% {transform:scale(1);transform:translatex(0px)}
}
@keyframes myfirst6 {0% {transform:scale(1);}
    50% {transform:scale(1.1);}
    100% {transform:scale(1);}
}
@keyframes myfirst7 {0% {transform:scale(1);transform:translateY(0px);}
    50% {transform:scale(1.1);transform:translate(-10px,-10px)}
    100% {transform:scale(1);transform:translateY(0px)}
}
@keyframes myfirst8 {0% {transform:scale(1);transform:translateY(0px);}
    50% {transform:scale(1.1);transform:translate(8px,-8px);)}
    100% {transform:scale(1);transform:translateY(0px)}
}
@keyframes myfirst9 {0% {transform:scale(1);transform:translateY(0px);}
    50% {transform:scale(1.1);transform:translate(-15px,2px);)}
    100% {transform:scale(1);transform:translateY(0px)}
}
@keyframes myfirst10 {0% {transform:scale(1);transform:translateY(0px);}
    50% {transform:scale(1.1);transform:translate(15px,10px);)}
    100% {transform:scale(1);transform:translateY(0px)}
}


.za_2{ width: 1110px;  height: 447px; margin: 0 auto;  background: url("../images/bzfb.png") no-repeat;}
.za_2_box{     width: 980px;
    height: 180px;
    padding: 196px 0 0 60px; font-size: 18px;text-align: left;    line-height: 31px;
    text-indent: 38px;}
.qa1{ text-align: center;}
.qa1 img{ margin:25px auto 0px;}
.qa{ width: 100%; padding-bottom: 50px;text-align: left; }
.qa_title{ width:1110px ; font-size: 18px; height: 84px; color: #282828; text-align: left; font-weight: 550; background: url(../images/ma_02.png); line-height: 80px; padding-left: 90px;cursor:pointer;}
.qa_title_2{background: url(../images/ma_01.png); color: #fff; transition: opacity 2s, visibility 2s;}
.qa_box{    font-size: 16px;
    padding: 0 55px;
    border-left: 1px dashed #000;
    margin: 40px;
    display: none;
    height: 0%;


}
.qa_box p{     margin: 0;
    padding: 0;
    line-height: 36px;
    margin-block: 0;
    margin-inline: 0;
    margin-top: -35px;
    margin-bottom: 57px;
    text-indent: 32px;}

.qa0{ width: 1200px; margin: 0 auto;}

.idx-social{ width: 1200px; margin: 0 auto;height: 350px;}
.youxiu{ width: 100%; height: 310px;padding-top: 0; margin: 0 auto; position: relative;}
.youxiu li{ width:380px; height:245px;  display: block; float: left; text-align: center;    padding: 0 10px; position: relative;transition:All 0.3s ease-in-out;}
.youxiu li img{ width:380px; height: 215px;border: 1px solid #efefef;box-shadow:-5px -1px 21px -1px rgb(75 132 125 / 92%)}
.youxiu li:hover{transform:translate(0,-10px);}
.youxiu li p {
    width: 306px;
    font-family: Georgia;
    font-size: 16px;
    padding: 11px 0 0 68px;
    top: 156px;
    left: 19px;
    /* left: 11px; */
    display: inherit;
    color: #fff;
    line-height: 44px;
    float: left;
    text-align: left;
    /*height: 52px;*/
    position: absolute;
    overflow: hidden;
    background: url(../images/payb.png) no-repeat;
    border-radius: 0 0 27px 0;
}
.youxiu li span{ display: block; height: 60px; text-align: center; font-size: 18px;color: #999999;}

.fix-width_1{width:510px;    float: left;}
.vd-b-s5 .swiper-container  {padding: 60px 0 0px;}
.fix-width_2{ width: 700px;    margin: 40px 0 0 0; float: left; border-radius: 7em 0em 7em 0em; overflow: hidden; }
.fix-width_2 img{display: block;
    width: 100%;
    height: 100%;
    border-radius: 7em 0em 7em 0em;

    -webkit-transition:all 0.3s linear;transition:all 0.3s linear;
    box-shadow: -1px 8px 28px -1px rgb(77 160 151 / 92%);}
.fix-width_2  img:hover{-webkit-transform:scale(1.05);transform:scale(1.05);}

.fix-width {width:1200px;margin:0 auto 200px;position: relative;    background: url(../images/wzt202105_01.png) no-repeat;}
.fix-width_1 .fix-width  {width:510px;}
.youxiu .fix-width { background:none;}
.swiper-container-no-flexbox .swiper-slide {float:left}
.swiper-container-vertical>.swiper-wrapper {-webkit-box-orient:vertical;-moz-box-orient:vertical;-ms-flex-direction:column;-webkit-flex-direction:column;flex-direction:column}
.swiper-wrapper {position:relative;width:10%;height:100%;z-index:1;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-transition-property:-webkit-transform;-moz-transition-property:-moz-transform;-o-transition-property:-o-transform;-ms-transition-property:-ms-transform;transition-property:transform;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}
.swiper-wrapper {-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-o-transform:translate(0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
.swiper-slide {-webkit-flex-shrink:0;-ms-flex:0 0 auto;flex-shrink:0;width:50%;height:100%;position:relative;padding:0;}
.swiper-button-next,.swiper-button-prev {position:absolute;top:165px;width:40px;height:40px;margin-top:-25px;-moz-background-size:27px 44px;-webkit-background-size:27px 44px;background-size:27px 44px;background-position:center;background-repeat:no-repeat;cursor:pointer;z-index:999;}
.swiper-button-next,.swiper-container-rtl .swiper-button-prev {background-image:url(data:image/svg+xml;charset=utf-8;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCAyNyA0NCc+PHBhdGggZD0nTTI3LDIyTDI3LDIyTDUsNDRsLTIuMS0yLjFMMjIuOCwyMkwyLjksMi4xTDUsMEwyNywyMkwyNywyMnonIGZpbGw9JyMwMDdhZmYnLz48L3N2Zz4=);right:-15px;left:auto}
.swiper-pagination {position:absolute;text-align:center;-webkit-transition:.3s;-moz-transition:.3s;-o-transition:.3s;transition:.3s;-webkit-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0);z-index:10}
.banner-box2 .swiper-pagination-bullet {width:8px;height:8px;display:inline-block;border-radius:100%;background:#000;opacity:.2;margin:0 5px;cursor:pointer}
/* .swiper-slide:hover {-webkit-box-shadow:rgba(0,0,0,.5) 0 0 50px;-moz-box-shadow:rgba(0,0,0,.5) 0 0 50px;box-shadow:rgba(0,0,0,.5) 0 0 50px}
*/.banner-box2 {width:1250px;margin:-75px auto 30px;padding:0 10px;height:700px;position:relative;overflow:hidden;background:url(../images/lbt9.png) no-repeat;}


.swiper-pagination {position:relative;margin-bottom:30px}
.swiper-pagination-bullet-active {opacity:1;background:rgba(0,0,0,.8)}

.swiper-pagination-bullet-active {opacity:1;background:rgba(0,0,0,.8)}
}
.banner-arrow div:hover {background-color:#4a4a4a}
.swiper-button-prev {background:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E") #fff center 50%/50% 50% no-repeat;left:-22px;box-shadow:-9px 8px 27px 1px rgb(193 195 195 / 92%);border-radius:50%;transition:All 0.3s ease-in-out;}
.swiper-button-prev:hover{transform:translate(0,-5px);}
.swiper-button-next {background:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E") #fff center 50%/50% 50% no-repeat;box-shadow:-9px 8px 27px 1px rgb(193 195 195 / 92%);border-radius:50%;transition:All 0.3s ease-in-out;}
.swiper-button-next:hover{transform:translate(0,-5px);}
.banner-top {padding-top:3.730928444707274%}
.banner-title {padding:5px 0}
.banner-title h1 {text-align:center;letter-spacing:5px;font-size:45px;font-family:microsoft yahei,寰蒋闆呴粦,MicrosoftJhengHei,鍗庢枃缁嗛粦,STHeiti,MingLiu;font-weight:400;color:#444;padding-bottom:14px}
.banner-text {text-align:center}
.banner-text p {font:15px/1.5 'Helvetica Neue','Helvetica','STHeitiSC-Light',"Hiragino Sans GB",Arial,"Microsoft YaHei","氓戮庐猫陆炉茅鈥衡€γ┞烩€�","STHeiti","WenQuanYi Micro Hei",'PingFang SC',SimSun,sans-serif;-webkit-font-smoothing:antialiased;margin:0;color:#444margin-left:25px;}
}
.banner-top-one {padding-top:3.311649911295092%}
.banner-button {width:100%;vertical-align:middle;text-align:center}
.banner-button a {display:inline-block;vertical-align:middle;text-align:center;height:auto;width:auto;line-height:100%;padding:15px 32px;position:relative}
.banner-button-btn {color:#fff;font-weight:400;margin:0;line-height:1.8em;font-size:16px;font-family:helvetica neue,helvetica,stheitisc-light,hiragino sans gb,Arial,microsoft yahei,寰蒋闆呴粦,stheiti,wenquanyi micro hei,pingfang sc,SimSun,sans-serif;-webkit-font-smoothing:antialiased;background-color:#69ca72!important;border-radius:100px}
.banner-button-btn {background:#cedad0;display:inline-block;-webkit-transition:border-color .4s,color .4s;-moz-transition:border-color .4s,color .4s;transition:border-color .4s,color .4s;border:0;vertical-align:middle;position:relative;z-index:1;color:#fff;-webkit-backface-visibility:hidden;-moz-osx-font-smoothing:grayscale}
.banner-button-btn,.banner-button-btn::before {-webkit-transition-timing-function:cubic-bezier(1,1,1,1);-moz-transition-timing-function:cubic-bezier(1,1,1,1);transition-timing-function:cubic-bezier(1,1,1,1)}
.banner-button-btn::before {content:'';position:absolute;top:0;left:0;width:100%;height:100%;border-radius:25px;background:#1a7c29;z-index:-1;opacity:0;-webkit-transform:scale3d(1,1,1);-moz-transform:scale3d(1,1,1);-ms-transform:scale3d(.7,1,1);-o-transform:scale3d(1,1,1);transform:scale3d(1,1,1);-webkit-transition:-webkit-transform .4s,opacity .4s;-moz-transition:-moz-transform .4s,opacity .4s;transition:transform .4s,opacity .4s;-webkit-transition-timing-function:cubic-bezier(1,1,1,1);-moz-transition-timing-function:cubic-bezier(1,1,1,1);transition-timing-function:cubic-bezier(1,1,1,1)}
.banner-button-btn:hover::before {opacity:1;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
.banner-box2 .swiper-slide,.youxiu .swiper-slide {-webkit-transform:scale(1,1);border-radius:1em;position:relative;}
.oa {position:absolute;display:none;}
.swiper-container2 {width:100%;margin:5px 0 12px -10px;overflow:hidden;}
.swiper-container2 .swiper-slide p {position:absolute;display:none;bottom:40px;z-index:99;}

.youxiu .swiper-slide-prev {-webkit-transform:scale(1,1);}
.youxiu  .swiper-slide-next{-webkit-transform:scale(1,1);}


.banner-box2 .swiper-slide-active,.youxiu .swiper-slide-active {-webkit-transform:scale(1,1);padding:18px 0;}
.banner-box2 .swiper-slide-active .oa,.youxiu .swiper-slide-active .oa {position:absolute;display:block;}
.swiper-container2 .swiper-slide-active p {width:115%;position:absolute;display:block;color:#fff;text-align:center;font-size:18px;}
/* .swiper-slide img {border-radius:12px;box-shadow:-2px 6px 18px 6px rgb(75 132 125 / 65%);} */
.youxiu .swiper-slide img {border-radius:20px;cursor: pointer;box-shadow:1px 7px 10px 3px rgb(0 0 0 / 65%);margin-bottom: 16px}
.youxiu .swiper-slide {padding: 0;}
.banner-box2 .swiper-pagination,.youxiu .swiper-pagination {width:500px;bottom:0;margin:0;left:50%;margin-left:-250px;top:auto;}



 .w_4{ width: 1200px; height:575px; margin: 0 auto; }
.w_4_top{width: 815px; height: 80px; margin: 0 auto; padding-top: 220px;padding-bottom: 15px; background: url("../images/w_4.png") top center no-repeat; font-size: 16px; color: #002f62;}
.w_4_2{ width: 1200px; height: 515px; }
.w_4_lis{ width: 1050px; height: 90px; margin: 0 auto}
.w_4_lis li{ display: block; margin-left: 38px; float: left; width: 320px; height: 180px; position: relative;cursor: pointer;box-shadow: 0px 13px 13px 4px rgb(12 9 25 / 20%); border-radius: 5px; overflow: hidden;}
.w_4_lis li:nth-child(1){ margin-left: 0}
.w_4_lis li > img{width: 320px; height: 180px;}

.w_4_lis_an{ position: absolute; width: 100%; height: 100%; display: none; }
.w_4_lis_an img{ position: absolute; top: 50%; left: 50%; margin-top: -27px; margin-left: -34px;}
.box:nth-child(3) .bofang2{ display: none}
.wzt54{    width: 1200px;display: flex;flex-direction: column;
    height: 485px;
    margin: 0 auto;
    padding-top: 0;
    position: relative;
    text-align: center;
    /*transform-style: preserve-3d;*/
}
.wzt54_1{ width: 1000px; margin: 0 auto;}



.wzt54_title{ position: absolute;
    top: 1px;
    left: 0;
    margin-left: 0;}
.wzt54_2{      width: 1100px;
    margin: 0 auto;
    height: 380px;
    position: absolute;
    top: 50px;
    left: 66px;
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -o-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-perspective: 1000px;
    -moz-perspective: 1000px;
    -o-perspective: 1000px;
    -ms-perspective: 1000px;
    perspective: 1000px
}
.wzt54_2 img{ width: 270px; height:360px;}
.wzt54_2_1,.wzt54_2_2,.wzt54_2_3,.wzt54_2_4,.wzt54_2_5,.wzt54_2_6,.wzt54_2_7{  overflow: hidden; width: 270px; position: absolute; height: 360px;opacity: 1; visibility: visible; transform: translateX(-580px) translateZ(-140px) rotateY(28deg);}
/*.wzt54_2_1{ top:0; left:0px;opacity: 1;box-shadow: 0 0 5em 3em #fff; visibility: visible; transform: translateX(-85px) translateZ(-140px) rotateY(45deg);z-index: 96;}*/
.wzt54_2_1{ top:0; left:24px; opacity: 1; box-shadow: 0 0 5em 3em #fff;visibility: visible;    box-shadow: 0 6px 20px 3px rgb(0 0 0 / 65%); transform: translateX(-80px) translateZ(-130px) rotateY(50deg); z-index: 97;}
.wzt54_2_2{ top:0; left:193px;
    opacity: 1;  box-shadow: 0 0 5em 3em #fff; visibility: visible; transform: translateX(-85px) translateZ(-150px) rotateY(40deg);
    z-index: 98;    box-shadow: 0 6px 20px 3px rgb(0 0 0 / 65%);
}
.wzt54_2_3{
    cursor: pointer; top:0; left: 396px;
    opacity: 1; visibility: visible; transform: translateX(0px) translateZ(0) rotateY(0);    box-shadow: 0 6px 20px 3px rgb(0 0 0 / 65%);
    z-index: 99;}

.wzt54_2_3:hover{

    box-shadow:0em 0em 5px 5px #fff;
}

.wzt54_2_4{ top:0; left: 550px; opacity: 1;box-shadow: 0 0 5em 3em #fff; visibility: visible; transform: translateX(85px) translateZ(-150px) rotateY(-40deg);
    z-index: 98;    box-shadow: 0 6px 20px 3px rgb(0 0 0 / 65%);
}

.wzt54_2_5{ top:0; left: 781px;
    opacity: 1; box-shadow: 0 0 5em 3em #fff;visibility: visible; transform: translateX(80px) translateZ(-150px) rotateY(-50deg);
    z-index: 95;    box-shadow: 0 6px 20px 3px rgb(0 0 0 / 65%);
}
/*.wzt54_2_7{ top:0; left: 720px; opacity: 1;box-shadow: 0 0 5em 3em #fff; visibility: visible; transform: translateX(85px) translateZ(-140px) rotateY(-45deg);z-index: 91;}*/
.wzt54_an1{ width: 50px;
    z-index: 99;
    height: 50px;
    top: 223px;
    cursor: pointer;
    margin-left: -590px;
    position: absolute;
    left: 50%;}
.wzt54_an2{width: 50px;
    height: 50px;
    top: 223px;
    cursor: pointer;
    margin-left: 540px;
    position: absolute;
    left: 50%;
    z-index: 99;
}
.wzt54_3{ width:580px; height: 120px; text-align: center; position: absolute; top: 712px; left: 50%; margin-left:-290px;}
.wzt54_3_1{ width: 100%; height: 70px;text-align: center; font-size: 18px; line-height: 32px;}
.wzt54_3_2{ width: 195px; margin: 0 auto;}
.wzt54_hot_01{float: left; width: 115px; font-size: 18px; color: #282828; line-height: 40px;}
.wzt54_3_2 b{margin:0 3px;font-size: 30px; color: #00aceb; font-weight:500;}
.wzt54_3_2 span{margin:0 3px;}
.wzt54_an3{float: left; width: 40px;cursor: pointer;}
.wzt54_an4{float: left;width: 40px;cursor: pointer;}

.za_4{ width: 100%; text-align: center; margin: 0 auto;}
.za_4_title img{ margin-bottom: 18px;}
.za_4_title p{font-size:14px;color:#7f98ff;}
.za_5{ width: 1250px; height: 658px; text-align: center; margin: 0 auto;}
.za_5_title{ height: 182px;}
.za_5_title img{ margin-bottom: 20px;}
.za_5_title p{     font-size: 14px;
    color: #7f98ff; text-align: left;}
/* .za_5_2_list li:hover{ background: #e6f3fd;} */

.za_6{ width: 1180px; height: 700px; text-align: center; margin: 0 auto; text-align:left;}
.za_6 p{text-align:left; font-size: 18px;}
.za_6_1{    width: 1080px;
    padding-bottom: 15px;
    margin: 0 auto;
    line-height: 94px;
    height: 74px;}
.za_6_1 p{padding-left: 93px;}
.za_6_2,.za_6_3,.za_6_4,.za_6_5{ width: 1080px; background: url("../images/za_5_bj.png"); height: 60px;  line-height: 60px;margin: 0 auto 15px;border-radius: 7px;}
.za_6_3,.za_6_5{ height: 85px; line-height: 60px;}
.za_6_3 p,.za_6_5 p{height: 75px;
    line-height: 36px;
    padding-top: 10px;
    padding-left: 11px;
    display: block;
    float: left;
    width: 954px;}
.p1,.p2,.p3,.p4{ width: 86px; height: 60px; font-size: 30px; font-weight: bold; color: #009cd9; float: left; text-align: center;}
.p2,.p4{line-height: 87px;}
.za_6_foor{padding-top: 26px;}


/*弹出*/


/*寮规鏍峰紡1*/
.cd-popup {
    position: fixed;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    background-color: rgba(0, 0, 0, 0.8);
    opacity: 0;
    visibility: hidden;
    -webkit-transition: opacity 0.3s 0s, visibility 0s 0.3s;
    -moz-transition: opacity 0.3s 0s, visibility 0s 0.3s;
    transition: opacity 0.3s 0s, visibility 0s 0.3s;
    z-index:9999;
}


.cd-popup_2 {
    position: fixed;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    background-color: rgba(0, 0, 0, 0.8);
    opacity: 0;
    visibility: hidden;
    -webkit-transition: opacity 0.3s 0s, visibility 0s 0.3s;
    -moz-transition: opacity 0.3s 0s, visibility 0s 0.3s;
    transition: opacity 0.3s 0s, visibility 0s 0.3s;
    z-index:9999;
}
.cd-popup_3 {
    position: fixed;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    background-color: rgba(0, 0, 0, 0.8);
    opacity: 0;
    visibility: hidden;
    -webkit-transition: opacity 0.3s 0s, visibility 0s 0.3s;
    -moz-transition: opacity 0.3s 0s, visibility 0s 0.3s;
    transition: opacity 0.3s 0s, visibility 0s 0.3s;
    z-index:9999;
}
.cd-popup.is-visible {
    opacity: 1;
    visibility: visible;
    -webkit-transition: opacity 0.3s 0s, visibility 0s 0s;
    -moz-transition: opacity 0.3s 0s, visibility 0s 0s;
    transition: opacity 0.3s 0s, visibility 0s 0s;
}

.cd-popup_2.is-visible {
    opacity: 1;
    visibility: visible;
    -webkit-transition: opacity 0.3s 0s, visibility 0s 0s;
    -moz-transition: opacity 0.3s 0s, visibility 0s 0s;
    transition: opacity 0.3s 0s, visibility 0s 0s;
}
.cd-popup_3.is-visible {
    opacity: 1;
    visibility: visible;
    -webkit-transition: opacity 0.3s 0s, visibility 0s 0s;
    -moz-transition: opacity 0.3s 0s, visibility 0s 0s;
    transition: opacity 0.3s 0s, visibility 0s 0s;
}
.cd-popup-container {
    position: relative;
    width:859px;
    margin:100px auto;
    height:650px;
    background: none!important;
    border-radius: .4rem .4rem .4rem .4rem;
    text-align: center;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);


}

.cd-popup-container_2 {
    position: absolute;
    margin-left: -510px!important;
    width: 1020px;
    top: 50px;
    left: 50%;
    /* height:565px; */
    /* background: #FFF; */
    border-radius: .4rem .4rem .4rem .4rem;
    text-align: center;
    /* box-shadow: 0 0 20px rgba(0, 0, 0, 0.2); */

}
.cd-popup-container_3 {
    position: relative;
    width: 700px;
    margin: 100px auto;
    /* height:565px; */
    /* background: #FFF; */
    border-radius: .4rem .4rem .4rem .4rem;
    text-align: center;
    /* box-shadow: 0 0 20px rgba(0, 0, 0, 0.2); */


}




.cd-popup-close{ position: absolute;right:10px;top:10px; z-index: 10;width:auto;height:1.25rem; display: block;font-size:14px;}
.cd-popup-close_2{ position: absolute;right:35px;top:10px; z-index: 10;width:auto;height:1.25rem; display: block;font-size:14px;}
.cd-popup-close_3{ 
  position: absolute;
  text-align: center;
  top: 100px;
  right: 50%;
  margin-right: -500px;
  z-index: 10;
  width: auto;
  height: 25px;
  display: block;
  font-size: 26px;
  background: #fff;
  padding: 0 10px 2px 16px;
  line-height: 18px;
  border-radius: 20px;
  letter-spacing: 2px;
}

.is-visible .cd-popup-container {-webkit-transform:scale(1); -moz-transform:scale(1); -ms-transform:scale(1); -o-transform:scale(1); transform:scale(1);}
.is-visible_2 .cd-popup-container {-webkit-transform:scale(1); -moz-transform:scale(1); -ms-transform:scale(1); -o-transform:scale(1); transform:scale(1);}
.is-visible_3 .cd-popup-container {-webkit-transform:scale(1); -moz-transform:scale(1); -ms-transform:scale(1); -o-transform:scale(1); transform:scale(1);}


/*寮规鏍峰紡2*/
.cd-popup1 {
    position: fixed;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    opacity: 0;
    visibility: hidden;
    -webkit-transition: opacity 0.3s 0s, visibility 0s 0.3s;
    -moz-transition: opacity 0.3s 0s, visibility 0s 0.3s;
    transition: opacity 0.3s 0s, visibility 0s 0.3s;
    z-index:9999;
}
.cd-popup1.is-visible1 {
    opacity: 1;
    visibility: visible;
    -webkit-transition: opacity 0.3s 0s, visibility 0s 0s;
    -moz-transition: opacity 0.3s 0s, visibility 0s 0s;
    transition: opacity 0.3s 0s, visibility 0s 0s;
}
.cd-popup-container1 {
    position: relative;
    width:400px;
    margin:250px auto;
    height:250px;
    background: #FFF;
    border-radius: .4rem .4rem .4rem .4rem;
    text-align: center;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
    -webkit-transform: translateY(-60px);
    -moz-transform: translateY(-60px);
    -ms-transform: translateY(-60px);
    -o-transform: translateY(-60px);
    transform: translateY(-60px);
    -webkit-backface-visibility: hidden;
    -webkit-transition-property: -webkit-transform;
    -moz-transition-property: -moz-transform;
    transition-property: transform;
    -webkit-transition-duration: 0.3s;
    -moz-transition-duration: 0.3s;
    -ms-transition-duration: 0.3s;
    -o-transition-duration: 0.3s;
    transition-duration: 0.3s;
}
.cd-popup-close{ position: absolute;right:10px;top:10px; z-index: 10;width:auto;height:1.25rem; display: block;font-size:14px;}
.cd-popup-close_2{ position: absolute;right:10px;top:10px; z-index: 10;width:auto;height:1.25rem; display: block;font-size:14px;}

.is-visible1 .cd-popup-container1 {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
}




/*寮规鏍峰紡3*/
.cd-popup2 {
    position: fixed;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    opacity: 0;
    visibility: hidden;
    -webkit-transition: opacity 0.3s 0s, visibility 0s 0.3s;
    -moz-transition: opacity 0.3s 0s, visibility 0s 0.3s;
    transition: opacity 0.3s 0s, visibility 0s 0.3s;
    z-index:9999;
}
.cd-popup2.is-visible2 {
    opacity: 1;
    visibility: visible;
    -webkit-transition: opacity 0.3s 0s, visibility 0s 0s;
    -moz-transition: opacity 0.3s 0s, visibility 0s 0s;
    transition: opacity 0.3s 0s, visibility 0s 0s;
}
.cd-popup-container2 {
    position: relative;
    width:400px;
    margin:250px auto;
    height:250px;
    background: #FFF;
    border-radius: .4rem .4rem .4rem .4rem;
    text-align: center;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
    -webkit-transform: translateY(60px);
    -moz-transform: translateY(60px);
    -ms-transform: translateY(60px);
    -o-transform: translateY(60px);
    transform: translateY(60px);
    -webkit-backface-visibility: hidden;
    -webkit-transition-property: -webkit-transform;
    -moz-transition-property: -moz-transform;
    transition-property: transform;
    -webkit-transition-duration: 0.3s;
    -moz-transition-duration: 0.3s;
    -ms-transition-duration: 0.3s;
    -o-transition-duration: 0.3s;
    transition-duration: 0.3s;
}
.cd-popup-close{ position: absolute;right:10px;top:10px; z-index: 10;width:auto;display: block;font-size:14px;}
.is-visible2 .cd-popup-container2 {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
}

/*寮规鏍峰紡3*/
.cd-popup3{
    position: fixed;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    opacity: 0;
    visibility: hidden;
    -webkit-transition: opacity 0.3s 0s, visibility 0s 0.3s;
    -moz-transition: opacity 0.3s 0s, visibility 0s 0.3s;
    transition: opacity 0.3s 0s, visibility 0s 0.3s;
    z-index:9999;
}
.cd-popup3.is-visible3 {
    opacity: 1;
    visibility: visible;
    -webkit-transition: opacity 0.3s 0s, visibility 0s 0s;
    -moz-transition: opacity 0.3s 0s, visibility 0s 0s;
    transition: opacity 0.3s 0s, visibility 0s 0s;
}


.cd-popup-close{
    position: absolute;
    text-align: center;
    top: 100px;
    right: 50%;
    margin-right: -500px;
    z-index: 10;
    z-index: 10;
    width: auto;
    height: 45px;
    display: block;
    font-size: 26px;
    color: #005675;

}


.cd-popup-close_2{
    position: absolute;
    text-align: center;
    top: 0px;
    right: -90px;
    z-index: 10;
    z-index: 10;
    width: auto;
    height: 100px;
    display: block;
    font-size: 26px;

    padding: 0px 10px 2px 16px;
    line-height: 18px;
    border-radius: 20px;
    letter-spacing: 2px;

}



.pci_url{max-width:800px;border-radius:20px 20px 0 0 ;float: left;}




.cd-buttons,.cd-popup-container{ border-radius: 10px;}

.cd-buttons_2{ border-radius: 20px;
    position:relative;    padding: 40px 60px;
    background: #fff;    height:750px;}
.cd-buttons_2 p{ font-size: 18px; text-align: left;text-indent: 2em;}
p.cd-buttos_txt_2_mor{ font-size: 24px; font-weight: bold; text-align: left; padding: 25px 0;text-indent: 0; }
.cd-buttos_txt_2{  overflow: hidden;float: left;}

.cd-buttons_3,.cd-popup-container_3 { 
  border-radius: 10px;
  overflow: hidden;
  background: #fff;
}

.cd-popup-container_3 {
  padding: 40px;
}

.cd-buttons_3_txt {
  line-height: 22px;
  width: 100%;
  font-size: 19px;
  background: #fff;
  padding-bottom: 10px;
  text-align: left;
  color: #252525;
}
.cd-buttons_3_txt p { margin-bottom: 10px; line-height: 26px;font-size: 16px;   font-weight: 100; text-indent:32px;color: #333333; }

.cd-buttos_txt_3 {
  text-align: right;
  font-size: 23px;
}
.cd-buttos_txt_3_mor {
  font-size: 18px;
}
.first_txt{ opacity: 0;}
.cd-buttos_txt {
    width: 100%;
    height: 100px;
    color: #fff;
    text-align: center;
    line-height: 28px;
    /* padding-left: 30px; */
    font-size: 24px;
    padding-top: 12px;
}

.cd-buttos_txt h2{ font-size: 24px; padding-top: 20px; margin-bottom: 20px;}

.cd-buttos_txt h5{ font-size: 16px}


.cd-popup3.is-visible {
    opacity: 1;
    visibility: visible;
    -webkit-transition: opacity 0.3s 0s, visibility 0s 0s;
    -moz-transition: opacity 0.3s 0s, visibility 0s 0s;
    transition: opacity 0.3s 0s, visibility 0s 0s;
}

.cd-popup-container3 {
    position: relative!important;
    width: 1200px!important;
    margin: 12% auto 0!important;
    height: 455px!important;
    background: #fff!important;
    border-radius: 25px !important;
    text-align: center!important;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.2)!important;
}
.cd-buttons{ text-align: left; width: 100%.w_1_2_box_1_1; height: 410px;padding-top: 60px;}
.cd_buttons_1{ width: 267px; height: 366px; margin: 0 0 0 85px; float: left;}
.cd_buttons_1 img{ width: 267px; height: 366px;}
.cd_buttons_1 p{ font-size: 16px; font-weight: bold;}
.cd_buttons_2{ width: 750px; height: 342px; float: left; margin-left: 35px; font-size: 16px; line-height: 26px; overflow-x: hidden;}


.content_1,.content_2{ float: left;position: absolute}
.content_2{ display: none}
.content_1{ width: 130%;}

.clearfix::after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    visibility: hidden;
}
.cd-popup3.is-visible {
    opacity: 1;
    visibility: visible;
    -webkit-transition: opacity 0.3s 0s, visibility 0s 0s;
    -moz-transition: opacity 0.3s 0s, visibility 0s 0s;
    transition: opacity 0.3s 0s, visibility 0s 0s;
}
.cd_buttons_2 h2{    line-height: 46px;margin-bottom: 0x; font-weight: bold; font-size: 24px;}
.cd_buttons_2 h1{    line-height: 46px;margin-bottom: 32px; font-weight: bold; font-size: 36px;}
.cd_buttons_2 > div{font-size: 16px;line-height: 32px;margin-top: 16px; text-indent: 2em;}
.cd_buttons_2 > div p{font-size: 16px;line-height: 32px;margin-top: 16px;}
