*{ outline:0 none !important; blr:expression(this.onFocus=this.blur()); } html{font-size: 100px;} html.act{overflow: hidden;width: 100%;height: 100vh;} *,*:before,*:after {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;} *{ margin:0; padding:0;outline: none;} body {position: relative; -webkit-tap-highlight-color: rgba(0, 0, 0, 0);margin:0 auto;overflow-x:hidden;position: relative;padding: 0 ; width: 100%;color: #1f1f1f; font-family:"SourceHanSansCN-Regular-2", sans-serif !important; font-size:0.14rem; line-height:1;background: #fff;} html.act{overflow: hidden;width: 100%;height: 100vh;} ul,ul li,ol li,tr td,dl,dd{ list-style-type:none; margin:0; padding:0; } .clearfix:after{content: " "; display: block; height:0; clear:both; visibility: hidden;} .clearfix {*zoom:1;} a{display: inline-block; text-decoration:none!important; cursor:pointer;color: #1f1f1f;} a:hover{ color:#7BAFD4} textarea,select{ outline:none; width:100%;} textarea{ resize:none; } img{border:none;max-width: 100%;display: block;} img[src=""]{opacity: 0;} i{font-style: normal;} /* 滚动条样式 */ body::-webkit-scrollbar{ width:4px;height: 1px;} body::-webkit-scrollbar-thumb{ background:rgba(255,255,255,0.4);} body::-webkit-scrollbar-track{ background:#000;} /*去掉 input 默认边框*/ input{padding: 0;border: 0;outline: none;} input[type="submit"]{background-color: transparent;cursor: pointer;} input[type="button"], input[type="submit"], input[type="reset"] {-webkit-appearance: none;} select{appearance:none;-moz-appearance:none;-webkit-appearance:none;} select::-ms-expand { display: none; } @font-face { font-family: 'SourceHanSansCN-Regular-2'; src: url('../fonts/SourceHanSansCN-Regular-2.eot'); src: url('../fonts/SourceHanSansCN-Regular-2.eot?#iefix') format('embedded-opentype'), url('../fonts/SourceHanSansCN-Regular-2.woff') format('woff'), url('../fonts/SourceHanSansCN-Regular-2.ttf') format('truetype'), url('../fonts/SourceHanSansCN-Regular-2.svg#webfont34M5alKg') format('svg');} @font-face { font-family: 'SourceHanSansCN-bold'; src: url('../fonts/SourceHanSansCN-bold.eot'); src: url('../fonts/SourceHanSansCN-bold.eot?#iefix') format('embedded-opentype'), url('../fonts/SourceHanSansCN-bold.woff') format('woff'), url('../fonts/SourceHanSansCN-bold.ttf') format('truetype'), url('../fonts/SourceHanSansCN-bold.svg#webfont34M5alKg') format('svg');} .f_12 { font-size: 12px; } .f_14 { font-size: 14px; } .f_15 { font-size: 15px; } .f_16 { font-size: 16px; } .f_18 { font-size: 18px; } .f_20 { font-size: 20px; } .f_22 { font-size: 22px; } .f_24 { font-size: 24px; } .f_25 { font-size: 25px; } .f_26 { font-size: 26px; } .f_28 { font-size: 28px; } .f_30 { font-size: 30px; } .f_32 { font-size: 32px; } .f_34 { font-size: 34px; } .f_36 { font-size: 36px; } .f_38 { font-size: 38px; } .f_40 { font-size: 40px; } .f_42 { font-size: 42px; } .f_44 { font-size: 44px; } .f_45 { font-size: 45px; } .f_48 { font-size: 48px; } .f_50 { font-size: 50px; } .f_56 { font-size: 56px; } .f_60 { font-size: 60px; } .f_62 { font-size: 62px; } .f_66 { font-size: 66px; } .f_68 { font-size: 68px; } .f_80 { font-size: 80px; } .f_96 { font-size: 96px; } .f_100 { font-size: 100px; } .f_106 { font-size: 106px; } .f_187 { font-size: 187px; } .w1560{width: 81.25%;margin: 0 auto;position: relative;} .w1676{width: 87.29%;margin: 0 auto;position: relative;} .w1820{width:94.8%;margin: 0 auto;position: relative;} /* 弹窗 */ .z_tanchuang {position: fixed;display: table;height: 100%;width: 100%;top: 0;left: 0;transform: scale(0);-webkit-transform: scale(0);z-index: 10;} .z_tanchuang .tbox {display: table-cell;background: rgba(0, 0, 0, 0.8);text-align: center;vertical-align: middle;} /* 弹窗内容 */ .z_tanchuang .tbox .modal {background: white;padding: 30px;display: block;border-radius: 5px;position: relative;width: 80%;max-width: 1200px;max-height: 96%;margin: 0 auto;box-sizing: border-box;} .z_tanchuang .tbox .modal .out{position: absolute;width: 40px;height: 40px;line-height: 40px;background: #fff url(../images/out.png) center no-repeat;background-size: 20px;color: #000;font-size: 30px;text-align: center;border-radius: 50%;top: 0;right: -50px;cursor: pointer;transition: all 0.5s;} .z_tanchuang .tbox .modal .img{width: 100%;max-width: 600px;margin: 0 auto;} .z_tanchuang .tbox .modal .img video{display: block;width: 100%;max-width: 100%;object-fit: cover;max-height: 67vh;} .z_tanchuang .tbox .modal .img img{margin: 0 auto ;} .z_tanchuang .tbox .modal .out:hover{transform: rotate(180deg);-webkit-transform: rotate(180deg);} .z_tanchuang .tbox .modal2{padding: 20px;} .z_tanchuang .tbox .modal .img{max-width: 1200px;} /* 弹窗选中 */ .z_tanchuang.one {transform: scaleY(0.01) scaleX(0);animation: unfoldIn 1s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;-webkit-transform: scaleY(0.01) scaleX(0);-webkit-animation: unfoldIn 1s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;} .z_tanchuang.one .tbox .modal {transform: scale(0);animation: zoomIn 0.5s 0.8s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;-webkit-transform: scale(0);-webkit-animation: zoomIn 0.5s 0.8s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;} .z_tanchuang.one.out {transform: scale(1);animation: unfoldOut 1s 0.3s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;-webkit-transform: scale(1);-webkit-animation: unfoldOut 1s 0.3s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;} .z_tanchuang.one.out .tbox .modal {animation: zoomOut 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;-webkit-animation: zoomOut 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;} /* 弹窗动画 */ @keyframes unfoldIn {0% {transform: scaleY(0.005) scaleX(0);}50% {transform: scaleY(0.005) scaleX(1);}100% {transform: scaleY(1) scaleX(1);}} @keyframes zoomIn {0% {transform: scale(0);}100% {transform: scale(1);}} @keyframes zoomOut {0% {transform: scale(1);}100% {transform: scale(0);}} @keyframes unfoldOut {0% {transform: scaleY(1) scaleX(1);}50% {transform: scaleY(0.005) scaleX(1);}100% {transform: scaleY(0.005) scaleX(0);}} @-webkit-keyframes zoomIn {0% {transform: scale(0);}100% {transform: scale(1);}} @-webkit-keyframes zoomOut {0% {transform: scale(1);}100% {transform: scale(0);}} @-webkit-keyframes unfoldOut {0% {transform: scaleY(1) scaleX(1);}50% {transform: scaleY(0.005) scaleX(1);}100% {transform: scaleY(0.005) scaleX(0);}} @-webkit-keyframes unfoldIn {0% {transform: scaleY(0.005) scaleX(0);}50% {transform: scaleY(0.005) scaleX(1);}100% {transform: scaleY(1) scaleX(1);}} /* 头部 */ .header{position: fixed;width: 100vw;top: 0;left: 0;z-index: 9998;transition: all 0.5s;background-color: #ffffff;border-bottom: 1px solid rgba(0,0,0,0.09);} .header .img2{display: none;} .header.on .img1{display: none;} .header.on .img2{display: block;} .header:hover .img1{display: none;} .header:hover .img2{display: block;} .header.nt .img1{display: none;} .header.nt .img2{display: block;} .header .w1676{display: flex;justify-content: space-between;align-items: center;padding: 0.14rem 0 0.15rem 0;} .header .logo{width: 4.33rem;transition:all 0.5s;} .header .logo:hover{opacity:0.4;} .header .right{display: flex;align-items: center;} .header .nav{display: flex;padding-right: 0.25rem;} /*.header .nav>li:last-child{display:none;}*/ .header .nav a{color: #333;margin: 0 0.25rem;} .header .nav a:hover,.header .nav a.on{ background:url(../images/sy-35.png) no-repeat center bottom; color:#7BAFD4} .header .nav>li>a{line-height: 0.5rem;transition:all 0.5s;} .header.on .nav>li.on>a{border-bottom: 1px solid #666666;} .header.on .nav a{color: #333} .header .nav a{color: #333; font-weight:bold} .header.nt .nav a{color: #333;} .header .ser{display:flex;overflow:hidden;align-items:center;} .header .ser input{background-color:transparent;color:#666666;line-height:0.5rem;border-bottom:1px solid rgba(0,0,0,0.5);padding-left:0px;transition:all 0.5s;width:0;} .header .ser input::placeholder{color:#666666;} .header .ser:hover input{width: 16.14vw;padding-left:10px;} .header .solid{width: 1px;height: 0.15rem;background-color: rgba(255,255,255,0.43);margin: 0 0.3rem;} .header.on .solid{background-color: rgba(155,155,155,0.43);} .header .solid{background-color: rgba(155,155,155,0.43);} .header.nt .solid{background-color: rgba(155,155,155,0.43);} .header .lag{display: flex;align-items: center;color: #ffffff;cursor: pointer;} .header.on .lag{color: #666666;} .header .lag{color: #666666;} .header.nt .lag{color: #666666;} .header .lag .qiu{width: 0.2rem;margin-right: 0.09rem;} .header .lag a{color: #ffffff;} .header.on .lag a{color: #666666;} .header .lag a{color: #666666;} .header.nt .lag a{color: #666666;} .header .lag .h{padding-right: 0.12rem;background: url(../images/h_jt1.png)no-repeat right center;background-size: 0.07rem auto;position:relative;} .header .lag .h ul{position: absolute;top: 100%;left: -0.20rem;width: calc(100% + 0.28rem);line-height:2; padding: 0.15rem 0;text-align:center; display:none;background-color:#fff;} .header .lag .h img{ display:inline-block; margin-left:8px; vertical-align:middle} .header.on.ny{background-color: #ffffff;box-shadow: 0 0 20px rgba(0,0,0,0.2);} .header.nt.ny{background-color: #ffffff;} .header:hover{background-color: #ffffff;} .m_header{display: none;} .mh_nav{display: none;} .nav_pl{position: absolute;top:100%;left: 0;background-color: #ffffff;width: 100%;display: none;} .nav_pl>div{display: flex;width: 100%;} .nav_pl .left{width: 23.6%;background-color: #F4F7F9;padding: 0.5rem 0 1.5rem 6.35vw;} .nav_pl .left li{line-height: 0.5rem;transition: all 0.5s;margin-bottom: 0.2rem;padding: 0.2rem 0;position: relative;cursor: pointer;} .nav_pl .left li::before{content: "";position: absolute;top: 0;left: 0;width: 0.03rem;height: 100%;background-color: #7BAFD4;opacity: 0;transition: all 0.5s;} .nav_pl .left li.on{padding-left: 0.73rem;background-color: #ffffff;} .nav_pl .left li:hover{padding-left: 0.73rem;background-color: #ffffff;} .nav_pl .left li.on::before{opacity: 1;} .nav_pl .left li:hover::before{opacity: 1;} .nav_pl .left li a{display: block;position: relative; padding-left: 0.7rem;line-height: 0.5rem;color: #333333;} .nav_pl .left li.on a{color: #7BAFD4;} .nav_pl .left li a .icon{position: absolute;top: -0.05rem;left: 0;width: 0.5rem;height: 0.5rem;display: flex;align-items: center;justify-content: center;} .nav_pl .left li a .icon .img2{display: none;} .nav_pl .left li a .icon .img1{display: block;} .nav_pl .left li.on a .icon .img1{display: none;} .nav_pl .left li.on a .icon .img2{display: block;} .nav_pl .right{width: 76.4%;padding-right: 6.35vw;padding-left: 7.8125vw;} .nav_pl .right .boxs{display: none;} .nav_pl .right .boxs.on{display: flex;justify-content: space-between;width: 100%;} .nav_pl .right .boxs .b_left{width: 19.166vw;} .nav_pl .right .boxs .b_left .box{display: block;height: 24vw;border-radius: 0.2rem;overflow: hidden;position: relative;} .nav_pl .right .boxs .box .pic{width: 100%;height: 100%;background: no-repeat center;background-size: cover;transition: all 0.5s;} .nav_pl .right .boxs .box:hover .pic{transform: scale(1.05);} .nav_pl .right .boxs .box .p{position: absolute;bottom: 0;left: 0;width: 100%;line-height: 24px;padding: 0.4rem 0.4rem 0.4rem 0.3rem;background: url(../images/pln_tbj.png)no-repeat center;background-size: cover;color: #fff;} .nav_pl .right .boxs .b_right{width: 40.73vw;display: flex;justify-content: space-between;flex-wrap: wrap;} .nav_pl .right .boxs .b_right .box{width: 19.166vw;height: 10.78vw;margin-bottom: 0.46rem;position: relative;border-radius: 0.2rem;overflow: hidden;} .nav_cl{position: absolute;top:100%;left: 0;background-color: #ffffff;width: 100%;display: none;} .nav_cl>div{display: flex;width: 100%;} .nav_cl .left{width: 23.6%;background-color: #F4F7F9;padding: 0.5rem 0 0.4rem 6.35vw;} .nav_cl .left li{line-height: 0.5rem;transition: all 0.5s;margin-bottom: 0.2rem;padding: 0.2rem 0;position: relative;cursor: pointer;} .nav_cl .left li::before{content: "";position: absolute;top: 0;left: 0;width: 0.03rem;height: 100%;background-color: #7BAFD4;opacity: 0;transition: all 0.5s;} .nav_cl .left li.on{padding-left: 0.73rem;background-color: #ffffff;} .nav_cl .left li:hover{padding-left: 0.73rem;background-color: #ffffff;} .nav_cl .left li.on::before{opacity: 1;} .nav_cl .left li:hover::before{opacity: 1;} .nav_cl .left li a{display: block;position: relative; padding-left: 0.7rem;line-height: 0.5rem;color: #333333;} .nav_cl .left li.on a{color: #7BAFD4;} .nav_cl .left li a .icon{position: absolute;top: -0.05rem;left: 0;width: 0.5rem;height: 0.5rem;display: flex;align-items: center;justify-content: center;} .nav_cl .left li a .icon .img2{display: none;} .nav_cl .left li a .icon .img1{display: block;} .nav_cl .left li.on a .icon .img1{display: none;} .nav_cl .left li.on a .icon .img2{display: block;} .nav_cl .right{width: 76.4%;align-items:flex-start;} .nav_cl .right .boxs{display: none;position: relative;} .nav_cl .right .boxs.on{display: flex;justify-content: center;width: 100%;align-items: center;} .nav_cl .right .boxs img{width: 9.32rem;} .nav_cl .right .boxs .btn{position: absolute;bottom: -0.8rem;left: 50%;transform: translate(-50%,0%);width: 1.7rem;line-height: 0.6rem;border-radius: 0.3rem;text-align: center;background-color: #7BAFD4;color: #ffffff;opacity: 1;transition: all 0.5s;z-index: 2;} .nav_cl .right .boxs .btn:hover{opacity: 0.7;} .nav_cl .right .boxs .btn span{padding-right: 0.36rem;background: url(../images/p_more.png)no-repeat right center;} /*右侧栏目*/ .right_slide{position: fixed;top: 50%;transform:translate(110%,-50%); right: 0;background-color:#FFFFFF;border-top-left-radius:3vw;border-bottom-left-radius:59px;box-shadow:0 3px 50px rgba(41,121,255,0.15);z-index:98;transition:all 0.5s;} .right_slide.show{transform:translate(0%,-50%);} .right_slide .t_tit{line-height: 2.1875vw;background-color: #7BAFD4;text-align: center;color: #ffffff;border-radius: 2px;} .right_slide .r_item{position: relative;width:6.25vw;border-bottom:1px solid rgba(200,200,200,0.25); padding:1vw 0;display:flex;justify-content:center;cursor:pointer;opacity:1;transition:all 0.5s;} .right_slide .r_item>img{width: 3.333vw;} .right_slide .r_item:last-child{border-bottom:none;} .right_slide .r_item>div:nth-child(1){text-align:center;} .right_slide .r_item>div:nth-child(1) img{display:block;margin:0 auto;margin-bottom: 8px;width:1.875vw;} .right_slide .r_item>a:nth-child(1) img{display:block;margin:0 auto;margin-bottom: 8px;width:1.875vw;} .right_slide .r_item .txt{color:#777777;text-align:center;} .right_slide .r_item:hover .txt{color:#7BAFD4;} .right_slide .r_item>div.hk{position:absolute;top: 50%;transform: translate(0,-50%);background-color:#ffffff;right:110%;opacity:0;pointer-events: none;transition:all 0.5s;} .right_slide .r_item>div.hk.on{opacity: 1;pointer-events: auto;} .right_slide .r_item>div.hk:after{content:""; position:absolute;top: 50%;left: 98%;transform:translateY(-50%); width: 13px;height: 18px;background: url(../images/rs_sj.png);background-size: 100% 100%;} .right_slide .r_item>div.hk.tel{width: 225px;padding:1.2vw 0;text-align:center;color:#7BAFD4;} .right_slide .r_item>div.hk.wx_code{width: 114px;} .index_con{position: relative;overflow: hidden;height: 100vh;width: 100%;} .index_con.show{z-index: 999;} .index_con>.swiper-wrapper>.swiper-slide{height: 100vh;position: relative;} .index_con>.swiper-pagination{right: 2.6%;} .index_con>.swiper-pagination.hide{opacity: 0;} .index_con>.svg-swiper-pagination .swiper-pagination-bullet {background: transparent;opacity: 1;width: 5px;height: 5px;outline: none;margin: 26px 0;position: relative;} .index_con>.svg-swiper-pagination .swiper-pagination-bullet:after {content: "";display: block;position: absolute;top: 0;left: 0; z-index: 0;width: 5px;height: 5px;background-color: #ffffff;border-radius: 50%;} .index_con>.svg-swiper-pagination.on .swiper-pagination-bullet:after{background-color: #7BAFD4;} .index_con>.svg-swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active .svg {opacity: 1;} .index_con>.svg-swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active .circle2 {-webkit-animation: svgCircleAnmi 6s linear forwards;animation: svgCircleAnmi 6s linear forwards;} .index_con>.svg-swiper-pagination .svg {position: absolute;top: -9px;left: -9px; width: 23px;height: 23px;-webkit-transform: rotate(-90deg);-ms-transform: rotate(-90deg);transform: rotate(-90deg);opacity: 0;-webkit-transition: opacity .3s;-o-transition: opacity .3s;transition: opacity .3s;display: block;} .index_con>.svg-swiper-pagination .circle1 { stroke: #ffffff;opacity: 0.26;} .index_con>.svg-swiper-pagination .circle2 {stroke: #ffffff;stroke-dasharray: 0 339;} .index_con>.svg-swiper-pagination.on .circle1 { stroke: #7BAFD4;} .index_con>.svg-swiper-pagination.on .circle2 {stroke: #7BAFD4;} .index_banner svg:not(:root) {overflow: hidden;} @-webkit-keyframes svgCircleAnmi { 0% { stroke-dasharray: 0 339; } to { stroke-dasharray: 339 339; } } @keyframes svgCircleAnmi { 0% { stroke-dasharray: 0 339; } to { stroke-dasharray: 339 339; } } .pc_banner{width: 100%;height: 100vh;position: relative;overflow: hidden;} .pc_banner .swiper-slide{position: relative;height: 100%;overflow:hidden;} .pc_banner .slide-inner{position: absolute;width: 100%;height: 100%;left: 0;top: 0;background-size: cover;background-position: center;display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;justify-content: center;} .pc_banner .slide-inner .txt{position: absolute;left: 0;top: 36.28vh;width: 100%;color: #ffffff;} .pc_banner .slide-inner .txt .h{line-height: 82px;margin-bottom: 0.1rem; font-weight:bold} .pc_banner .slide-inner .txt .p{line-height: 0.40rem;} .pc_banner .slide-inner .txt .p a{ display:block; width:1.6rem; line-height:0.45rem; border:#fff 1px solid; border-radius:0.25rem; text-align:center; color:#fff; font-size:18px; margin-top:5%} .pc_banner .b_tab{position: absolute;bottom: 0.6rem;left: 0;width: 100%;display: flex; justify-content: center;color: #ffffff;z-index: 2;} .pc_banner .slide-inner .txt .p a:hover{ background:#7BAFD4; border:#7BAFD4 1px solid; color:#fff} /*.pc_banner .b_tab .item{margin: 0 0.95rem;opacity: 0.6!important;transition: all 0.5s;cursor: pointer;}*/ /*.pc_banner .b_tab .item.on{opacity: 1!important;}*/ /*.pc_banner .b_tab .item .num{font-weight: bold;}*/ /*.pc_banner .b_tab .item .solid{width: 2rem;height: 1px;background-color: #ffffff;margin: 0.17rem 0 0.2rem 0;}*/ /*.pc_banner .b_tab .item .p{line-height: 20px;}*/ .pc_banner .b_tab .item{width: 33.33%;padding: 0 0.95rem;opacity: 0.6!important;transition: all 0.5s;cursor: pointer;} .pc_banner .b_tab .item.swiper-slide-thumb-active{opacity: 1!important;} .pc_banner .b_tab .item .num{font-weight: bold;} .pc_banner .b_tab .item .solid{width: 2rem;height: 1px;background-color: #ffffff;margin: 0.17rem 0 0.2rem 0;} .pc_banner .b_tab .item .p{line-height: 20px;} .m_banner{display: none;} .i_part2{padding: 1.58rem 0 0 0;} .i_part2 .tit{color: #333333;line-height: 54px;margin-bottom: 0.58rem;text-align: center; font-weight:bold} .i_part2 .con{display: flex;justify-content: space-between;padding-left: 1.22rem;align-items: flex-start;} .i_part2 .con .left{margin-top: 0.5rem;position: relative;z-index: 2;} .i_part2 .con .left:after{content: "";position: absolute;left: 0;top: 0;width: 1px;height: 8px;border-left:1px dashed #7BAFD4; transition: all 1s;z-index: -1;} .i_part2 .con .left::before{content: "";position: absolute;left: 0;bottom:-20px;width: 100%;height: 260px;border-left:1px dashed #A5A5A560; transition: all 1s;z-index: -1;} /*.i_part2 .con .left::before{content: "";position: absolute;left: 0;bottom: 0;width: 100%;height: 294px;background: url(../images/p2_solid.png)no-repeat left bottom;background-size: auto 294px;transition: all 1s;z-index: -1;}*/ .i_part2 .con .left.on1:after{height: 79px;} .i_part2 .con .left.on2:after{height: 148px;} .i_part2 .con .left.on3:after{height: 216px;} .i_part2 .con .left.on4:after{height: 294px;} .i_part2 .con .left.on1:before{height: 216px;} .i_part2 .con .left.on2:before{height: 148px;} .i_part2 .con .left.on3:before{height: 79px;} .i_part2 .con .left.on4:before{height: 8px;} .i_part2 .con .left li{line-height: 22px;padding-left: 25px;position: relative;margin-bottom: 70px;transition: all 0.5s;cursor: pointer; color:#666} .i_part2 .con .left li:last-child{margin-bottom: 0;} .i_part2 .con .left li::before{content: "";position: absolute;left: 0;top: 50%;transform: translate(-50%,-50%);width:12px;height:12px;border-radius: 50%;background-color: #A5A5A5;transition: all 0.5s;} /*.i_part2 .con .left li:nth-child(1){margin-left: 17.5px;}*/ /*.i_part2 .con .left li:nth-child(2){margin-left: 29.5px;}*/ /*.i_part2 .con .left li:nth-child(3){margin-left: 36.5px;}*/ /*.i_part2 .con .left li:nth-child(4){margin-left: 32.5px;}*/ /*.i_part2 .con .left li:nth-child(5){margin-left: 4.5px;}*/ .i_part2 .con .left li.on{color: #05245D;} .i_part2 .con .left li.on::before{width: 12px;height: 12px;background-color: #05245D;} .i_part2 .con .right{width: 81.77%;position: relative;overflow: hidden;padding-right: 14%;} /* .i_part2 .con .right .swiper-wrapper{z-index: 20;} */ .i_part2 .con .right::after{content: "";position: absolute;top: 0;left:72%;width: 1px;height: 36%;background-color: rgba(136,136,136,0.23);} .i_part2 .con .right::before{content: "";position: absolute;bottom: 0;left:72%;width: 1px;height: 34.5%;background-color: rgba(136,136,136,0.23);} .i_part2 .con .right .swiper-slide{padding-right: 3rem;position: relative;z-index: 2;opacity:0.17;transition:all 0.5s;} .i_part2 .con .right .swiper-slide-active{opacity: 1;} .i_part2 .con .right .swiper-slide .txt{margin-bottom: 0.5rem;} .i_part2 .con .right .swiper-slide .num{line-height: 20px;margin-bottom: 0.16rem;color: #000000;font-weight: bold;} .i_part2 .con .right .swiper-slide .p{line-height: 34px;color: #666666;} .i_part2 .con .right .swiper-slide .p strong{ display:block; font-size:20px; color:#333} .i_part2 .con .right .swiper-slide .p span{ display:block;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;} .i_part2 .con .right .swiper-slide .pic{width: 100%;} .i_part2 .con .right .swiper-pagination{width: auto;top: 32.1%;left:72%;transform: translateX(-50%);padding: 0.5rem 0 1.6rem 0; line-height: 0.22rem;bottom: auto;font-size: 16px;color: #7BAFD4;font-weight: bold;} .i_part2 .con .right .swiper-pagination .swiper-pagination-total{color: #333;} .i_part2 .con .right .next{position: absolute;top: 50%;z-index: 15;cursor: pointer; left:72%;transform: translateX(-50%);width: 0.8rem;height: 0.8rem;background:url(../images/sy-11.png) no-repeat center;border: 1px solid #7BAFD4; border-radius: 50%;transition:all 0.5s;} .i_part2 .con .right .next:hover{transform:translateX(-50%) scale(0.8);} .i_part3{background: url(../images/p3_bj.png)no-repeat center;height: 100vh; background-size: cover;padding: 1.58rem 0 0 0;position:relative;} .i_part3:after{content:"";position: absolute;left: 0%;bottom: 0;width: 100%;height: 6.32vw;background: url(../images/ip3_bjs.png)no-repeat center;background-size: 100% 100%;} .i_part3 .tit{text-align: center;margin-bottom: 0.52rem;color: #333333;line-height: 54px;} .i_part3 .con img{width: 100%;} .i_part3 .boxs{position: absolute;top: calc(1.8rem + 54px);left: 0;width: 100%;height: calc(100vh - 1.8rem - 54px);} .i_part3 .boxs .box{position: absolute;top: 22vw;left: 34.48vw;} .i_part3 .boxs .box .txt{opacity:0;pointer-events:none;transition:all 0.5s;} .i_part3 .boxs .box.on{z-index: 2;} .i_part3 .boxs .box.on .txt{opacity: 1;pointer-events: auto;} .i_part3 .boxs .box .yuan{position: relative;width: 0.24rem;height:0.24rem;border-radius: 50%;cursor:pointer;} .i_part3 .boxs .box .yuan img{width: 100%;} @keyframes boderM1 { 0% {width: 0.24rem;height: 0.24rem; opacity: 0} 20% {opacity: 0.3} 75% {width: 0.35rem;height: 0.35rem;opacity: 0} 100% {opacity: 0} } @keyframes boderM2 { 0% {width: 0.24rem;height: 0.24rem;opacity: 0} 20% {opacity: 0.26} 75% {width: 0.4rem;height: 0.4rem;opacity: 0} 100% {opacity: 0} } .i_part3 .boxs .box .yuan:after{content: "";position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);width: 0.5rem;height: 0.5rem;border-radius: 50%;background-color: rgba(20,176,132,1);animation: boderM1 2.3s infinite;} .i_part3 .boxs .box .yuan::before{content: "";position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);width: 0.6rem;height: 0.6rem;border-radius: 50%;background-color: rgba(20,176,132,1);animation: boderM2 2.3s infinite;} .i_part3 .boxs .box .txt{position: absolute;bottom: 180%;background-color: rgba(255,255,255,0.8);left: 50%;width: 4rem;padding: 0.26rem 0.24rem 0.37rem 0.24rem;border-radius: 0.12rem;box-shadow: 0 0.03rem 0.42rem rgba(169,180,175,0.33);transform:translateX(-50%);} .i_part3 .boxs .box .txt:after{content: "";position: absolute;top: 100%;left: 50%;transform:translateX(-50%); bottom: -0.1rem;width: 0.18rem;height: 0.1rem;background: url(../images/sj.png);background-size: 100% 100%;opacity:0.8;} .i_part3 .boxs .box .txt .h{line-height: 0.4rem;padding-left: 0.7rem;background: no-repeat left center;background-size: 0.4rem 0.4rem;color: #333333;margin-bottom: 0.22rem;} .i_part3 .boxs .box .txt .p1{color: #666666;line-height: 26px;margin-bottom: 0.2rem;} .i_part3 .boxs .box .txt .p2{line-height: 30px;color: #7BAFD4;} .i_part4{padding: 1.5rem 0 0 0;} .i_part4 .txt{position: relative;z-index: 2;} .i_part4 .txt .tit{color: #333333;line-height: 54px;margin-bottom: 0.4rem; font-weight:bold} .i_part4 .txt .p{width: 6.11rem; font-size:16px;line-height:26px;margin-bottom: 0.3rem;} .i_part4 .txt .p p{ margin-top:2%} .i_part4 .txt .p p:first-child{ margin-top:0} .i_part4 .txt .more{width: 1.6rem;line-height: 0.45rem;border-radius: 0.25rem;background-color: #7BAFD4;text-align: center;transition: all 0.5s;} .i_part4 .txt .more:hover{opacity: 0.7;} .i_part4 .txt .more span{color: #ffffff;} .i_part4 .bottom{position: absolute;bottom: 0;left: 0;width: 100%;z-index: 2;} .i_part4 .bottom .w1676{display: flex;justify-content: space-between;padding: 0.22rem 0 0.6rem 0;border-top: 1px solid #C9E1E8;} /*.i_part4 .bottom .box{width: 176px;}*/ .i_part4 .bottom .box .num{display: flex;align-items: flex-end; padding-left: 0.2rem;margin-bottom: 0.1rem;color: #7BAFD4;} .i_part4 .bottom .box .num .left{font-weight: bold;line-height: 0.8rem;} .i_part4 .bottom .box .num .right{position: relative;height: 0.8rem;margin-left: 0.06rem;min-width: 0.38rem;} .i_part4 .bottom .box .num .right .add{line-height: 0.4rem; font-weight: bold;font-size: 0.2rem;} .i_part4 .bottom .box .num .right .dw{line-height: 0.4rem;position: absolute;left: 0;bottom: 0; font-weight:bold} .i_part4 .bottom .box .num .right .dw span{ position: absolute; top: -0.8rem; left: 0; } .i_part4 .bottom .digital .box:nth-child(5) .num .right .dw span{ top: -0.4rem; } .i_part4 .bottom .box .p{line-height: 20px;padding-left:0.15rem;} .i_part4 .map{position: absolute;z-index: 1;top:1.9rem;right: 1.2rem;width: 49vw;} .i_part4 .map>img{width: 99.7%;} @keyframes boderM3 { 0% {width: 0.06rem;height: 0.06rem;opacity: 0} 20% {opacity: 0.33} 75% {width: 0.5rem;height: 0.5rem;opacity: 0} 100% {opacity: 0} } .i_part4 .map .yuan{position: absolute;width: 0.06rem;height: 0.06rem;border-radius: 50%;background-color: #7BAFD4;transform: translate(-50%,-50%);} .i_part4 .map .yuan:after{content: "";position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);width: 0.58rem;height: 0.58rem;border-radius: 50%;background-color: #7BAFD4;opacity: 1;} .i_part4 .map .yuan1{top: 13.1vw;left: 16.9vw;} .i_part4 .map .yuan2{top:14.1927vw;left: 49.09vw;} .i_part4 .map .yuan3{top:21.7552vw;left: 69.463vw;} .i_part4 .map .yuan4{top:9.0677vw;left: 74.802vw;} .i_part4 .map .yuan5{top:18.255vw;left: 81.958vw;} .i_part4 .map .yuan6{top:32.479vw;left: 81vw;} .i_part4 .map .yuan1:after{animation: boderM2 2.3s infinite;} .i_part4 .map .yuan2:after{animation: boderM2 2.3s 0.1s infinite;} .i_part4 .map .yuan3:after{animation: boderM2 2.3s 0.2s infinite;} .i_part4 .map .yuan4:after{animation: boderM2 2.3s infinite;} .i_part4 .map .yuan5:after{animation: boderM2 2.3s 0.2s infinite;} .i_part4 .map .yuan6:after{animation: boderM2 2.3s 0.1s infinite;} .i_part5{padding: 1.58rem 0 0 0;height: 100vh;background: url(../images/p5_bj.png)no-repeat center;background-size: cover;} .i_part5 .tit{text-align: center;color: #333333;line-height: 0.54rem;margin-bottom: 0.38rem;} .i_part5 .tab{display: flex;justify-content: center;margin: 0 0 0.5rem 0;} .i_part5 .tab li{transition: all 0.5s; margin: 0 0.3rem;color: #888888;line-height: 0.24rem;cursor: pointer;} .i_part5 .tab li.on{color: #7BAFD4;} .i_part5 .box{display: none;position: relative;} .i_part5 .box.on{display: block;} .i_part5 .box .pic_box{position: relative;overflow: hidden;} .i_part5 .box .pic_box .pics{width: 100%;overflow: hidden;border-radius: 0.18rem;} .i_part5 .box .pic_box .pics .pic{width: 100%;height: 4.8rem;background: no-repeat center;background-size: cover;position:relative;} .i_part5 .box .pic_box .swiper-slide{display: block;} .i_part5 .box .pic_box .swiper-slide .pics .pic:after{content:"";position: absolute;bottom: 0;left: 0;width: 100%;height: 3.1rem;background:url(../images/jc.png); background-size: 100% 100%;opacity:0;transition:all 0.5s;} .i_part5 .box .pic_box .swiper-slide-active .pics .pic:after{opacity:1;} .i_part5 .box .pic_box .pics .pic .p{position: absolute;bottom: 0.4rem;left: 0;padding: 0 0.3rem;z-index:2;color:#ffffff;line-height:1.5;opacity:0;transition:all 0.5s;} .i_part5 .box .pic_box .swiper-slide-active .pics .pic .p{opacity: 1;} .i_part5 .box .pic_box .prev,.i_part5 .box .pic_box .next{position: absolute;top: 50%;width: 0.5rem;height: 0.5rem;border-radius: 50%;z-index: 2;cursor: pointer;background-size: 100% 100%;} .i_part5 .box .pic_box .prev{left: 27.1vw;background-image:url(../images/p_prev.png);transform:translate(-50%,-50%);} .i_part5 .box .pic_box .prev:hover{background-image:url(../images/p_prev1.png);} .i_part5 .box .pic_box .next{right: 27.1vw;background-image:url(../images/p_next.png);transform:translate(50%,-50%);} .i_part5 .box .pic_box .next:hover{background-image:url(../images/p_next1.png);} .i_part5 .box .txt_box{position: absolute;top: 1.02rem;left: calc(27.1vw + 40px);padding: 0.4rem 0.4rem 1.2rem 0.8rem;overflow: hidden;width:4.25rem;z-index: 2;display:none;} .i_part5 .box .txt_box::before{content: "";position: absolute;top: 0.6rem;left: 0;width: 0.7rem;height: 3px;background-color: #7BAFD4;z-index: 20;} .i_part5 .box .txt_box::after{content: "";position: absolute;top: 0;right: 0;width: calc(100% - 0.4rem);height: 100%;background-color: #ffffff;border-radius: 0.2rem;z-index: -2;box-shadow: 0 0 0.24rem rgba(0,0,0,0.1);} .i_part5 .box .txt_box .swiper-wrapper{z-index: 19;} .i_part5 .box .txt_box .swiper-slide{width: 100%;position: relative;opacity: 0;transition: all 0.1s;} .i_part5 .box .txt_box .swiper-slide-active{opacity: 1;} .i_part5 .box .txt_box .swiper-slide .tit{width: 1.64rem;margin-bottom: 0.3rem;} .i_part5 .box .txt_box .swiper-slide .p{color: #666666;line-height: 30px;margin-bottom: 0.5rem;} .i_part5 .box .txt_box .swiper-slide .more{width: 1.7rem;line-height: 0.5rem;border-radius: 0.25rem;background-color: #7BAFD4;text-align: center;transition: all 0.5s;} .i_part5 .box .txt_box .swiper-slide .more:hover{opacity: 0.7;} .i_part5 .box .txt_box .swiper-slide .more span{padding-right: 0.36rem;background: url(../images/p_more.png)no-repeat right center;color: #ffffff;} .i_part5 .box .txt_box .swiper-pagination{bottom: 0.32rem;font-weight: bold;color: rgba(51,51,51,0.3);font-size: 14px;} .i_part5 .box .txt_box .swiper-pagination .swiper-pagination-current{color: #333333;font-size: 20px;} .i_part6{padding-top: 1.59rem;background: url(../images/p6_bj.png)no-repeat center;background-size: cover;height: 100vh;} .i_part6 .top{display: flex;justify-content: space-between;align-items: center;margin-bottom: 0.45rem;} .i_part6 .top .tit{color: #333333;line-height: 0.54rem; font-weight:bold} .i_part6 .top .more{width: 1.6rem;line-height: 0.45rem;border-radius: 0.25rem;background-color: #7BAFD4;text-align: center;transition: all 0.5s;} .i_part6 .top .more:hover{opacity: 0.7;} .i_part6 .top .more span{color: #ffffff;} .i_part6 .con{display: flex;justify-content: space-between;} .i_part6 .con .box{display: block;width: 32%;border-radius: 0.18rem;box-shadow: 0 3px 0.32rem rgba(0,0,0,0.03);background-color: #ffffff;padding: 1.8%;} .i_part6 .con .box .pics{width: 100%;overflow: hidden; border-radius:10px; overflow: hidden;} .i_part6 .con .box .pics .pic{width: 100%;height:2.5rem; border-radius:10px;background: no-repeat center;background-size: cover;transition: all 0.5s;} .i_part6 .con .box div{ color:#999} .i_part6 .con .box:hover{ background:#7BAFD4} .i_part6 .con .box:hover .pics .pic{transform: scale(1.05);} .i_part6 .con .box .a1{transition: all 0.5s;} .i_part6 .con .box .a2{transition: all 0.5s; line-height:28px;text-overflow:-o-ellipsis-lastline; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; height:56px; margin-top:4.5%} .i_part6 .con .box .txt{padding: 0.4rem 0 0.2rem;border-bottom-left-radius: 0.18rem;border-bottom-right-radius: 0.18rem;transition: all 0.5s;} .i_part6 .con .box:hover .txt{background: url(../images/p_txtbj.png)no-repeat center;background-size: cover;} .i_part6 .con .box .txt .h{ font-weight:bold;color: #333333;transition: all 0.5s;text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp:1;-webkit-box-orient: vertical; margin-top:4.5%} .i_part6 .con .box:hover .txt .h{color: #ffffff;} .i_part6 .con .box .txt .bottom{color: #999999;line-height: 20px;transition: all 0.5s;margin-top:0.42rem;} .i_part6 .con .box .txt .bottom img{ display:inline-block; vertical-align:middle; margin-left:10px} .i_part6 .con .box .txt .bottom .b1{ display:none} .i_part6 .con .box:hover .txt .bottom{color: #ffffff;} .i_part6 .con .box:hover .txt .bottom .b2{ display:none} .i_part6 .con .box:hover .txt .bottom .b1{ display:inline-block} .i_part6 .con .box:hover .a1,.i_part6 .con .box:hover .a2{ color:#fff} .fp-auto-height{height: auto!important;} .i_part7{padding: 0.77rem 0;background: url(../images/p7_bj.png)no-repeat center;background-size: cover;} .i_part7 .boxs{display: flex;justify-content: flex-end;} .i_part7 .boxs .box{position: relative;top: 0; display: block;background-color: #ffffff;padding: 0.38rem 0 0.32rem 0;width: 2.13rem;border-radius: 0.22rem;margin-left: 0.46rem;text-align: center;transition: all 0.5s;opacity: 0;transform: translateY(0.1rem);} .i_part7.on .boxs .box{opacity: 1;transform: translateY(0);} .i_part7.on .boxs .box:nth-child(1){transition: all 0.5s 1s;} .i_part7.on .boxs .box:nth-child(2){transition: all 0.5s 1.1s;} .i_part7.on .boxs .box:nth-child(3){transition: all 0.5s 1.2s;} .i_part7.on .boxs .box:nth-child(4){transition: all 0.5s 1.3s;} .i_part7.on .boxs .box:nth-child(5){transition: all 0.5s 1.4s;} .i_part7 .boxs .box img{height: 0.43rem;display: block;margin: 0 auto;margin-bottom: 0.22rem;transition: all 0.5s;} .i_part7 .boxs .box:hover img{margin-bottom: 0.17rem;} .i_part7 .boxs .box .h{color: #7BAFD4;line-height: 24px;} /* .i_part7 .boxs .box:hover{top: -0.1rem;box-shadow: 0 0 0.2rem rgba(0,0,0,0.1);transition: all 0.5s!important;} */ .left{ float:left} .right{ float:right} .clear{ clear:both} .i_part8{padding-top: 1.69rem;} .i_part8 .left{ width:51%} .i_part8 .right{ width:41%; background:#fff; border-radius:5px; box-shadow:0 0 10px #eee; padding:3%} .i_part8 .left h1{ border-bottom:#B3B3B3 1px solid; padding-bottom:5%; overflow:hidden; font-weight:normal} .i_part8 .left h1 a{ float:left; margin-right:14%; font-size:18px} .i_part8 .left h1 a:last-child{ margin-right:0} .i_part8 .left ul{ margin:8% 0 7%;} .i_part8 .left ul li{ font-size:18px; margin:3.5% 0;} .i_part8 .left ul li img{ display:inline-block; vertical-align:middle; margin-right:15px;} .i_part8 .left dl{ width:127px} .i_part8 .left dl dd{ display:block; font-size:18px; margin-top:15%;text-align: center;} .i_part8 .left p{ border-top:#777777 1px solid; padding-top:7%; margin-top:7%} .i_part8 .left p a{ display:inline-block; margin-right:3%} .i_part8 .right h1{ text-align:center; margin-bottom:3%} .i_part8 .right div{ overflow:hidden; margin-left:-5%} .i_part8 .right div p{ float:left; width:45%; margin-left:5%; font-size:18px; margin-top:6%} .i_part8 .right div p input,.i_part8 .right div p textarea{ border:0; width:100%; font-size:16px; height:50px; line-height:50px; padding:0 20px; background:#F9F9F9; display:block; margin-top:15px; box-sizing:border-box} .i_part8 .right div p textarea{ height:140px; padding-top:15px; padding-bottom:15px; line-height:24px} .i_part8 .right div .c1{ width:95%} .i_part8 .right div h2{ clear:both; padding-top:6%} .i_part8 .right div h2 input{ width:170px; background:#7BAFD4; border-radius:5px; text-align:center; height:45px; line-height:45px; margin:auto; display:block; color:#fff; font-size:18px} .footer{background-color: #061E4C;} .footer .top{padding: 0.723rem 0 0.495rem 0;background: url(../images/footer_bj.png)no-repeat top left;background-size: 6.22rem 4.42rem;border-bottom: 1px solid rgba(255,255,255,0.06);} .footer .top .w1676{display: flex;justify-content: space-between;} .footer .top .w1676 .t_left .f_logo{width: 2.8rem;margin-bottom: 0.33rem;} .footer .top .w1676 .t_left .tel{color: #ffffff;padding-left: 0.55rem;line-height: 40px;background: url(../images/f_tel.png)no-repeat left center;background-size: 0.35rem 0.35rem;margin-bottom: 0.24rem;} .footer .top .w1676 .t_left .fx{display: flex;align-items: center;color: rgba(255,255,255,0.36);margin-bottom: 0.53rem;} .footer .top .w1676 .t_left .fx a{margin-left: 0.1rem;transition: all 0.5s;} .footer .top .w1676 .t_left .fx a:hover{opacity: 0.7;} .footer .top .w1676 .t_left .code{text-align: center;display: table;} .footer .top .w1676 .t_left .code img{width: 1.4rem;margin-bottom: 0.145rem;} .footer .top .w1676 .t_left .code .p{line-height: 20px;color: #FFFFFF;} .footer .top .w1676 .t_right{display: flex;} .footer .top .w1676 .t_right ul{margin-left: 1.1rem;} .footer .top .w1676 .t_right ul:first-child{margin-left: 0;display:none;} /*.footer .top .w1676 .t_right ul:last-child{margin-left: 0;display:none;}*/ .footer .top .w1676 .t_right ul:nth-child(5) li:last-child{display:none;} .i_footer .top .w1676 .t_right ul:first-child{margin-left: 0;display:none;} .footer .top .w1676 .t_right ul a{color: rgba(255,255,255,0.5);line-height: 24px;margin-bottom: 0.2rem;} .footer .top .w1676 .t_right ul a:hover{color: #ffffff;} .footer .top .w1676 .t_right ul .li1 a{color:#ffffff;line-height: 24px;margin-bottom: 0.3rem;} .footer .top .w1676 .link{position: absolute;right:0;bottom: 0;width: 2.35rem;line-height: 0.5rem;border: 1px solid #656565;padding: 0 0.3rem;cursor: pointer;} .footer .top .w1676 .link .h{color: #ffffff;padding-right: 0.2rem;background: url(../images/f_xl.png)no-repeat right center;} .footer .top .w1676 .link ul{display: none;position:absolute;top:100%;left:50%;transform:translateX(-50%);width:2.35rem;padding:0 0.3rem;background-color:rgba(0,0,0,0.7);} .footer .top .w1676 .link ul a{color: #ffffff;line-height:1.3;} .footer .bottom{padding: 0.25rem 0;} .footer .bottom .w1676{display: flex;justify-content: space-between;color:#fff; font-size:16px} .footer .bottom .w1676 .b_left{display: flex;} .footer .bottom .w1676 a{color:#fff;transition: all 0.5s;} .footer .bottom .w1676 a:hover{color: #fff;} .footer .bottom .w1676 .b_left span{margin: 0 0.05rem;} .footer .bottom .w1676 .b_left div{margin: 0 0.2rem 0 0.2rem;} @keyframes zhuan { from {transform: translate(-50%,-50%) rotate(0deg) scale(1);} to {transform: translate(-50%,-50%) rotate(360deg) scale(1);} } @keyframes myMove1 { from {transform: translate(-50%,-50%) rotate(0deg);} to {transform: translate(-50%,-50%) rotate(360deg);} } @-webkit-keyframes myMove1 { from {transform: translate(-50%,-50%) rotate(0deg);} to {transform: translate(-50%,-50%) rotate(360deg);} } @-webkit-keyframes dh1 { 0% {transform: scale(0.9);opacity: 1;} 100% {transform:scale(0.96);opacity: 0;} } @-webkit-keyframes dh2 { 0% {transform: scale(0.9);opacity: 1;} 100% {transform:scale(1.01);opacity: 0;} } .social-share .icon-wechat:before{opacity:0;} @media screen and (min-width: 2270px) { html{font-size: 128px!important;} } @media screen and (min-width: 1922px) { html{font-size: 118px!important;} .f_12 { font-size: 0.12rem; } .f_14 { font-size: 0.14rem; } .f_15 { font-size: 0.15rem; } .f_16 { font-size: 0.16rem; } .f_18 { font-size: 0.18rem; } .f_20 { font-size: 0.2rem; } .f_22 { font-size: 0.22rem; } .f_24 { font-size: 0.24rem; } .f_25 { font-size: 0.25rem; } .f_26 { font-size: 0.26rem; } .f_28 { font-size: 0.28rem; } .f_30 { font-size: 0.3rem; } .f_32 { font-size: 0.32rem; } .f_34 { font-size: 0.34rem; } .f_36 { font-size: 0.36rem; } .f_38 { font-size: 0.38rem; } .f_40 { font-size: 0.4rem; } .f_42 { font-size: 0.42rem; } .f_44 { font-size: 0.44rem; } .f_45 { font-size: 0.45rem; } .f_48 { font-size: 0.48rem; } .f_50 { font-size: 0.5rem; } .f_56 { font-size: 0.56rem; } .f_60 { font-size: 0.6rem; } .f_62 { font-size: 0.62rem; } .f_66 { font-size: 0.66rem; } .f_68 { font-size: 0.68rem; } .f_80 { font-size: 0.8rem; } .f_96 { font-size: 0.96rem; } .f_100 { font-size: 1rem; } .f_106 { font-size: 1.06rem; } .f_187 { font-size: 1.87rem; } .con2 .box .p span{width: 100px;} } @media screen and (max-width: 1680px) { html{font-size: 86px!important;} } @media screen and (max-width: 1560px) { .f_187{ font-size: 140px; } .f_106 { font-size: 76px; } .f_100{ font-size: 75px; } .f_96{ font-size: 72px; } .f_80{ font-size: 60px; } .f_62{ font-size: 46px; } .f_60{ font-size: 45px; } .f_68{ font-size: 52px; } .f_42{ font-size: 32px; } .f_38{ font-size: 28px; } .f_36{ font-size: 27px; } .f_34{ font-size: 26px; } .f_32{ font-size: 24px; } .f_30{ font-size:22px} .f_28{ font-size: 21px; } .f_26{ font-size: 20px; } .f_25{ font-size: 19px; } .f_24{ font-size: 18px; } .f_22{ font-size: 20px; } .f_20{ font-size: 18px; } .f_18{ font-size: 16px; } .f_16{ font-size: 14px; } .f_15{ font-size: 13px; } html{font-size: 82px!important;} .nd_con .top .h{font-size: 24px;line-height: 32px;} .ab5 .right{width: 18.77vw;} .ab5 .right .swiper-slide-active div{font-size: 16px;} .ab1 .w1676 .left .boxs .box .p2{font-size: 12px;} .i_part8 .left h1 a{ margin-right:13%} .i_part4 .txt .tit,.i_part2 .tit{ line-height:39px} .i_part4 .txt .p{ line-height:24px; font-size:15px} .i_part8{ padding-top:1.1rem} .i_part8 .left ul li,.i_part8 .right div p input, .i_part8 .right div p textarea{ font-size:14px} .i_part8 .left h1 a{ font-size:16px; margin-right:12%} .i_part8 .right div p,.i_part8 .left dl dd,.i_part8 .right div h2 input{ font-size:16px} .i_part4 .txt .p{ margin-bottom:0.3rem} .i_part8 .left ul li{ margin:3% 0; font-size:16px} .i_part8 .right div p input, .i_part8 .right div p textarea{ height:43px; line-height:43px;} .i_part8 .right div p textarea{height: 130px; padding-top: 15px; padding-bottom: 15px; line-height: 24px;} .i_part8 .right div h2 input{ width:120px; height:40px; line-height:40px;} .i_part8 .right div p{ margin-top:5%} .i_part8 .left ul{ margin:6% 0 5%} .i_part8 .left p{ padding-top:6%; margin-top:6%} .i_part4 .bottom .w1676{ padding:0.2rem 0 0.3rem 0} .i_part4 .bottom .box .num{ margin-bottom:0} .pc_banner .slide-inner .txt .p a{ font-size:16px} .i_part4 .bottom .box .num .right{ min-width: 0.48rem;} .pc_banner .slide-inner .txt .p a,.i_part4 .txt .more{line-height: 0.50rem;} .i_part6 .con .box .a2{ line-height:25px;height: 47px;} } .cent{ max-width:1400px; margin:auto} .ny-db .i_part8{ padding-top:0.7rem; padding-bottom:0.7rem;} .yw1{ overflow:hidden} .yw1 h1{ font-size:48px; font-weight:bold; color:#fff; margin:22% 0 17%;} .yw2{ border-bottom:#E7E7E7 1px solid;} .yw2 .cent{ position:relative; overflow:inherit} .yw2 h2,.yw2 h2 a{ font-size:16px; font-weight:normal} .yw2 h2 img{ display:inline-block; vertical-align:middle; margin-right:10px} .yw2 p{ position:absolute; right:0; top:0} .yw2 p a{ font-size:18px; display:inline-block; margin-left:40px;padding: 31px 20px;} .yw2 p a:first-child{ margin-left:0} .yw2 p .dq{ background:#7BAFD4; color:#fff; position:relative} .yw2 p .dq::before{ content:""; display:block; width:17px; height:9px; background:url(../images/yw-28-2.png) no-repeat center; position:absolute; left:50%; margin-left:-8px; bottom:-9px} .ny-bt{ font-size:36px; font-weight:bold; text-align:center; margin:6% 0 5%} .yw3-1{ margin-bottom:6%} .yw3-1 .left,.yw3-1 .right{ width:47%} .yw3-z{ border-bottom:#E7E7E7 1px solid;} .yw3-z h2{ font-size:24px; margin-bottom:5%} .yw3-z p{ font-size:16px; line-height:32px; margin-top:2%; background:url(../images/yw-24.png) no-repeat left top 12px; padding-left:20px;} .yw3-y p img{ width:100%; clip-path: polygon(18% 0,100% 0,100% 100%,0 100%);} .yw3-1:nth-child(even) .yw3-y p img{ clip-path: polygon(0 0,86% 0,100% 100%,0 100%);} .yw3-z,.yw3-y p img{ height:381px} .yw3-z{ display: table;} .yw3-z div{display: table-cell; vertical-align: middle;} .yw4-1{ margin-bottom:5%} .yw4-1 ul{ text-align:center} .yw4-1 ul li{ cursor:pointer; display:inline-block; border:#7BAFD4 1px solid; border-radius:30px; width:180px; margin:0 10px; line-height:50px; font-size:18px; font-weight:bold; color:#7BAFD4} .yw4-1 ul .curr2{ background:#7BAFD4; color:#fff} .yw4-2-1 .left{ width:39%} .yw4-2-1 .right{ width:60%; background:url(../images/yw-13.png) no-repeat center; padding:7% 5% 0; border-radius:0 10px 10px 0} .yw4-2-1 .left p img{ width:100%; border-radius:10px 0 0 10px} .yw4-2-1 .left p img,.yw4-2-1 .right{ height:467px;} .yw4-2-1 .right h2{ font-size:30px; font-weight:bold; color:#fff; margin-bottom:5%} .yw4-2-1 .right p{ background:url(../images/yw-14.png) no-repeat left top 12px; font-size:16px; line-height:30px; padding-left:20px; color:#fff; margin-top:1%} .yw5-1{ margin-bottom:6%} .yw5-z{ width:45%; display: table;} .yw5-z div{ display: table-cell; vertical-align: middle;} .yw5-y{ width:50%} .yw5-y p img{ width:100%;} .yw5-z,.yw5-y p img,.yw5-y p{ height:434px} .yw5-z h2{ font-size:30px; margin-bottom:5%; font-weight:normal} .yw5-z h2 img{ display:block; margin-bottom:5%} .yw5-z p{ font-size:16px; line-height:30px; overflow:hidden;} .yw5-y p{ position:relative} .yw5-y:hover p{ padding-left:20px; padding-top:20px;} .yw5-y:hover p::before{ z-index:-1; content:""; background:linear-gradient(-45deg, transparent 60px, #7BAFD4 0) bottom right; position:absolute; left:0; top:0; width:98%; height:98%} .n_gufei04{ overflow: hidden;} .n_gufei04 .m{ background:#fff; overflow:hidden; position:relative} .n_gufei04 .left{ width:36%; padding:6% 4%} .n_gufei04 .right{ width:64%} .n_gufei04 .n_tt{ text-align: left; background:url(../images/yw-4.png) no-repeat left bottom; padding-bottom:5%} .n_gufei04 .n_tt h3{ text-align: left;font-size:30px; font-weight:normal;} .n_gufei04 .n_tt i{ margin-left: 0;} .n_gufei04 .left .con{ font-size:16px; line-height:30px; margin:14% 0} .n_gufei04 .left .tt{ font-size: 16px; color: #5b5b5b; line-height: 40px; /*! margin-top: 8%; */ /*! margin-bottom: 5%; */} .n_gufei04 .tt{ border-bottom: 1px solid #e5e5e5; position:absolute; left:4%; bottom:13%; width:28%; padding-bottom:1%} .n_gufei04 .tt h3{ font-size:16px; color: #5b5b5b;font-weight: normal;} .n_gufei04 .tt h3 span{ font-size:72px; margin-right:10px; /*! font-family: Roboto; */ color: #E4E4E4; font-style: italic;} .gufeijishu{ width: 1000px; max-width: 100%;} .gufeijishu ul li{ width: 33.333%; float: left; position: relative; overflow: hidden;} .gufeijishu ul li .img img{ width:100%; height:582px} .gufeijishu ul li .mask{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; /*! display: flex; */ align-items: center; justify-content: center;text-align: center;display:table} .gufeijishu ul li .mask p{ /*! width: 19px; */ font-size: 20px; color: #fff; font-weight: bold;text-align: center;display: table-cell; vertical-align: middle;line-height: 25px;} .gufeijishu ul li .txt{ position: absolute; left: 0; top: 100%; width: 100%; height: 100%; display: flex; opacity: 0;font-size: 16px; line-height: 35px; text-align: justify; padding: 0 15%; color: #fff; transition: .7s; -webkit-transition: .7s; -moz-transition: .7s; -ms-transition: .7s; -o-transition: .7s; box-sizing: border-box;display: table; background:#7BAFD4} .gufeijishu ul li .txt div{ display: table-cell; vertical-align: middle;} .gufeijishu ul li .txt h5{ font-size:20px; color: #fff; font-weight: bold; margin-bottom: 7%;} .gufeijishu ul li .txt p{ font-size:16px; line-height: 24px; text-align: justify;} .gufeijishu ul li .txt span{ display: block; width: 21px; height: 1.25rem; background: url(../images/gufei_yinhao.png) center no-repeat; background-size: contain; float: right; margin-top: 3.5rem;} .gufeijishu ul li:hover .txt{ top: 0; opacity: 1;} .gufeijishu ul li:hover .mask{ display:none} .flexslider{position:relative;overflow:hidden;} .flexslider .slides{position:relative;z-index:1;} .flexslider .slides li a{ display:block;} .flexslider .slides li img{ width:100%; display:block} .flex-control-nav{ display:none} .flex-direction-nav{position:absolute;z-index:3;width:100%;top:40%;} .flex-direction-nav li a{display:block;width:40px;height:72px;overflow:hidden;cursor:pointer;position:absolute;} .flex-direction-nav li a.flex-prev{left:0;background:url(../images/yw-2.png) center center no-repeat;} .flex-direction-nav li a.flex-next{right:28px;background:url(../images/yw-3.png) center center no-repeat;} .yw6{ margin-bottom:6%} .yw6-z{ width:38%; display: table;} .yw6-z div{ display: table-cell; vertical-align: middle;} .yw6-z h2{ font-size:30px; background:url(../images/yw-4.png) no-repeat left bottom; font-weight:normal; padding-bottom:10%; margin-bottom:8%} .yw6-z p{ font-size:16px; line-height:30px} .yw6-z,.yw6-y .flexslider .slides li img{ height:563px} .yw6-y{ width:55%} .yw7{ background:#F9F9F9; overflow:hidden; padding-bottom:6%} .ny-bt1{ text-align:left} .yd2{ margin-bottom:6%} .yd2-1{ overflow:hidden; margin-left:-5%} .yd2-1 p{ overflow:hidden; float:left; width:45%; box-sizing:border-box; margin-left:5%; border:#DADADA 1px solid; border-radius:5px; margin-bottom:2%; overflow:hidden; padding:6px 1% 6px 0} .yd2-1 h2{ clear:both; overflow:hidden; margin-left:5%; padding-top:1.5%} .yd2-1 p input,.yd2-1 p select,.yd2-1 p textarea{ height:40px; line-height:40px; font-size:16px; width:100%; background:none;} .yd2-1 p .left{ float:left; width:13%; text-align:center; border-right:#F0F0F0 1px solid} .yd2-1 p .right{ float:right; width:82%; position:relative} .yd2-1 p .left img{ margin:8px 0; display:inline-block} .yd2-1 p .right img{ position:absolute; left:-8px; top:10px} .yd2-1 p textarea{ line-height:24px; height:90px; padding-top:7px; outline: none; border:0} .yd2-1 h2 input{ display:block; width:140px; background:#7BAFD4; height:50px; line-height:50px; border-radius:5px; font-size:16px; color:#fff; margin:auto} .yd2-1 .e2{ width:95%} .yd2-1 .e2 .left{ width:6%} .yd2-1 .e2 .right{ width:92%} .yd2-1 .e2 .right textarea{ height:130px} .yd2-1 p select{-webkit-appearance:auto;} .lx1{ margin-top:6%} .lx1 .left{ width:54%; float:right} .lx1 .left p img{ width:100%} .lx1 .right{ width:40%; float:left;} .lx1 .right .ny-bt1{ margin:0 0 10% 0} .lx1 .right p{font-size:18px;margin-top:8%; /*! overflow:hidden; */} .lx1 .right p:nth-child(1){ margin-top:0} .lx1 .right p img{ vertical-align:middle; margin-right:20px; float:left; margin-top:-5px} .lx1 .right p span{ font-size:16px; color:#999; display:block; margin:1% 0 2%} .lx1 .lx-bt{ margin-top:0} .xw2-1{ margin:6% 0; background:#fff} .xw2-2{ width:100%; box-shadow:none; overflow:hidden; padding:0; margin:0} .xw2-2 h1{ float:left; width:50%;} .xw2-2 h1 img{ height:391px} .xw2-2 div{ float:right; width:50%; padding:5% 3% 0} .xw2-2 h2{ margin-top:0; border:0; color:#333; padding-top:0;font-weight: normal;font-size: 16px;} .xw2-2 h5{ border-top:#7BAFD4 1px solid; padding-top:5%; font-weight:normal; margin-top:7%} .xw2-2 h5 img{ width:22px !important; display:inline-block !important; margin-left:20px} .xw2-2 p{ line-height:30px; height:inherit; font-size:16px; color:#666; margin-top: 4%;text-overflow:-o-ellipsis-lastline; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;} .xw2-2 h3{ margin-top:4%} .xw2-2 h3 a{ font-size:24px; font-weight:bold; display:block; white-space: nowrap;overflow: hidden;text-overflow: ellipsis;} .xw2-2 h5 a{ font-size:16px; color:#666} .xw2-2 h5 a:hover{ color:#7BAFD4} #demo2 .flex-direction-nav{ display:none} #demo2 .flex-control-nav{ display:block; position:absolute;z-index:99;width:100%; left:0; text-align:right; bottom:60px; padding-right:2.5%} #demo2 .flex-control-nav li{display:inline-block;margin:0 5px;*display:inline;zoom:1;} #demo2 .flex-control-nav a{display:inline-block;line-height:75px;overflow:hidden;background:#fff; border:#7BAFD4 1px solid; width:10px; height:10px; cursor:pointer; border-radius:50%} #demo2 .flex-control-nav .flex-active{background:#7BAFD4;} .xw1{ height:auto; padding-top:0; margin-top:6%} .xw1 .con{ display:block; margin-left:-3%; margin-top:-3%; overflow:hidden; padding:10px} .xw1 .con .box{ float:left; margin-left:3%; width:30.333%; margin-top:3%; box-shadow:0 0 10px #ddd} .xw2{ background:#f9f9f9; overflow:hidden} .fy{ margin:6% 0; text-align:center} .fy a{ display:inline-block; font-size:15px; padding:10px 14px; margin:0 5px; border:#ddd 1px solid; border-radius:5px; color:#999} .fy a:first-child,.fy a:last-child{ padding:10px 20px} .fy a:hover,.fy .curr{ background:#7BAFD4; color:#fff; border:#7BAFD4 1px solid} .xq1{ margin:6% 0;} .xq1 h1{ font-size:35px; text-align:center;} .xq1 h2{ font-weight:normal; text-align:center; font-size:16px; color:#999; margin:2% 0 4%; border-bottom:#ddd 1px solid; padding-bottom:4%} .xq1 h3{ overflow:hidden; margin-top:5%; line-height:28px; border-top:#ddd 1px solid; padding-top:3%; font-weight:normal} .xq1 h3 a{ font-size:16px; width:50%; display:block; float:left;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;} .xq1 h3 .right{ text-align:right} .xq1 h3 a:hover{ color:#7BAFD4} .xq1-1{ position:relative; margin-top:4%} .xq1-1 h4{ font-weight:normal} .xq1-1 h4 a{ display:block; background:#7BAFD4; color:#fff; width:135px; line-height:40px; border-radius:30px; text-align:center; font-size:16px; text-align:center; margin:auto} .xq1-1 h4 a img{ display:inline-block; vertical-align:middle; margin-right:10px} .gy1-1 .left{ width:55%} .gy1-1 .right{ width:40%} .gy1-1{ overflow:hidden;margin-top: 6%;} .gy1-1 .left .ny-bt1{ text-align:left; margin:0 0 7%} .gy1-1 .left p{ font-size:18px; line-height:35px; /*! text-indent:2em; */ color:#333} .gy1-1 .left ul{ overflow:hidden; margin-left:-11%;margin-top: 7%;} .gy1-1 .left ul li{ float:left; width:22.333%; margin-left:11%; text-align:right; font-size:18px;} .gy1-1 .left ul li span{ display:block; border-bottom:#7BAFD4 1px solid; color:#7BAFD4;padding-bottom: 15px;margin-bottom: 15px;overflow: hidden;} .gy1-1 .left ul li span img{ display:inline-block; /*! vertical-align:bottom; */ /*! margin-right:20px; */float: left;margin-top: 5px;} .gy1-1 .left ul li span strong{ font-size:40px; vertical-align:sub;margin-right: 10px;} .gy1-1 .right p img{ width:100%; border-radius:20px} .gy3{ overflow:hidden; margin-top:-2%; margin-left:-2%; padding:0 10px 10px 0; margin-bottom:6%} .gy3 dl{ float:left; width:31.333%; margin-left:2%; margin-top:2%; height:219px; padding:2.5% 2%; box-shadow:0 0 10px #eee; /*! border-radius:10px; */ overflow:hidden} .gy3 dl dt img{ display:block; /*! margin:auto */} .gy3 dl dd{ /*! text-align:center; */ font-size:18px; color:#333; line-height:26px;margin-top: 4%;} .gy3 dl dd strong{ display:block; font-size:24px; margin-bottom:4%; color:#333;font-weight: bold;} .gy3 dl dt .c2{ display:none} .gy3 dl:hover{ background:#7BAFD4;} .gy3 dl:hover dd,.gy3 dl:hover dd strong{ color:#fff} .gy3 dl:hover dt .c1{ display:none} .gy3 dl:hover dt .c2{ display:block} #n_main{ font-size:18px} .n_licheng{ background:url(../images/gy-13.jpg) no-repeat center bottom; padding-bottom:6%} .n_licheng .hd{ overflow: hidden; width: 100%; position:relative; z-index:9} .n_licheng .hd .tt{ float: left;} .n_licheng .hd .tt span{ font-size: 2rem; color: #71c32b; font-family: Roboto-Light;} .n_licheng .hd .tt h3{ font-size: 1.625rem; color: #434343; margin-top: .75rem;} .n_licheng .hd .arrowbox{ margin-top:-1%;} .n_licheng .slick-arrow{ display: inline-block; cursor:pointer; width:53px; height:53px; transition: .5s; -webkit-transition: .5s; -moz-transition: .5s; -ms-transition: .5s; -o-transition: .5s; } .n_licheng .slick-prev2{ background:url(../images/gy-11.png) center no-repeat; background-size: contain !important; margin-right: 2%;} .n_licheng .slick-next2{ background:url(../images/gy-12.png) center no-repeat; background-size: contain !important;} .n_licheng .bd{ position: relative;} .licheng_slide{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; } .licheng_slide .m{ height: 100%;} .licheng_slide ul{ height: 100%;} .licheng_slide ul li{ float: left; width:20%; position: relative; height: 100%; transition: .7s; -webkit-transition: .7s; -moz-transition: .7s; -ms-transition: .7s; -o-transition: .7s; } .licheng_slide ul li .txt{ position: absolute; padding-left:30px; padding-top:0;} .licheng_slide ul li .txt .year{ font-size:24px; margin-bottom: 18px;transform:translateY(50px); opacity: 0; transition: .7s; -webkit-transition: .7s; -moz-transition: .7s; -ms-transition: .7s; -o-transition: .7s; -webkit-transform:translateY(50px); -moz-transform:translateY(50px); -ms-transform:translateY(50px); -o-transform:translateY(50px); font-weight: bold;} .licheng_slide ul li .txt .con{ font-size:16px; line-height:28px; color: #333; width:100%; transform:translateY(50px); opacity: 0; transition: .7s; -webkit-transition: .7s; -moz-transition: .7s; -ms-transition: .7s; -o-transition: .7s; -webkit-transform:translateY(50px); -moz-transform:translateY(50px); -ms-transform:translateY(50px); -o-transform:translateY(50px); } .licheng_slide ul li .txt .con p{ background:url(../images/gy-19.png) no-repeat left top 10px; padding-left:26px; font-size:16px;} .licheng_slide ul li .txt:before{ content: ""; background: #7BAFD4; display: block; width: 13px; height:13px; position: absolute; z-index: 99; left: 0; top: 0; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border:#7BAFD4 2px solid;} .licheng_slide ul li .txt:after{ content: ""; display: block; width: 1.5px; height: 100%; position: absolute; left: 0; top: 0; background: #7BAFD4; left: 5px; /*! border-radius: 50%; */ /*! -webkit-border-radius: 50%; */ /*! -moz-border-radius: 50%; */ /*! -ms-border-radius: 50%; */ /*! -o-border-radius: 50%; */ } .licheng_slide ul li:nth-child(1) .txt{ bottom: 44%; padding-bottom: 20%;} .licheng_slide ul li:nth-child(2) .txt{ top:58%; padding-top: 26%;} .licheng_slide ul li:nth-child(3) .txt{ bottom: 35%; padding-bottom: 18%;} .licheng_slide ul li:nth-child(4) .txt{ top: 70%; padding-top: 27%;} .licheng_slide ul li:nth-child(5) .txt{bottom:37%;padding-bottom: 54%;} .licheng_slide ul li:nth-child(6) .txt{ top: 65%; padding-top: 6.5rem;} .licheng_slide ul li:nth-child(7) .txt{ bottom: 50%; padding-bottom: 13rem;} .licheng_slide ul li:nth-child(even) .txt:before{ top: 40%;} .licheng_slide ul li:nth-child(even) .txt:after{ height: 42%;} .licheng_slide .slick-list,.licheng_slide .slick-track{ height: 100%; overflow: visible;} .n_licheng ul.slick-current li .year{ opacity: 1; transform: translateY(0px); -webkit-transform: translateY(0px); -moz-transform: translateY(0px); -ms-transform: translateY(0px); -o-transform: translateY(0px); } .n_licheng ul.slick-current li .con{ opacity: 1; transform: translateY(0px); -webkit-transform: translateY(0px); -moz-transform: translateY(0px); -ms-transform: translateY(0px); -o-transform: translateY(0px); } .licheng_slide_wap{ display: none; } .licheng_slide_wap ul{ } .licheng_slide_wap ul li{ position: relative;transition: .7s; -webkit-transition: .7s; -moz-transition: .7s; -ms-transition: .7s; -o-transition: .7s; } .licheng_slide_wap ul li .txt{ padding-left: 24px; position: relative;} .licheng_slide_wap ul li .txt .year{ font-size:16px; font-weight:bold; margin-bottom: 5px; transition: .7s; -webkit-transition: .7s; -moz-transition: .7s; -ms-transition: .7s; -o-transition: .7s; } .licheng_slide_wap ul li .txt .con{ font-size:14px; line-height:22px; padding-bottom:5%; color: #626262; transition: .7s; -webkit-transition: .7s; -moz-transition: .7s; -ms-transition: .7s; -o-transition: .7s; } .licheng_slide_wap ul li .txt:before{ content: ""; display: block; width: 11px; height: 11px; position: absolute; left: 0; top:0; background:#152040; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; } .licheng_slide_wap ul li .txt:after{ content: ""; display: block; width: 1px; height: 100%; position: absolute; left: 0; top:0; background: #152040; left: 5px; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; } .n_licheng .slick-slider .slick-list{ max-width:1400px; margin:auto} .n_licheng .bd{ background:url(../images/gy-10.png) no-repeat top center; min-height:607px;} .js2{ background:url(../images/gy-4.jpg) no-repeat center; background-attachment:fixed; padding-bottom:5%} .js2-1{ overflow:hidden; } .js2-1 dl{ height:374px; overflow:hidden; box-sizing:border-box; padding:12% 3%; background:#fff; border-radius:10px; /*! box-shadow:0 0 5px #ddd */} .js2-1 dl dt img{ display:block; margin:auto;} .js2-1 dl dt .g1{ border-radius:50%} .js2-1 dl dd{ text-align:center; font-size:20px; font-weight:bold; margin-top:19%;} .js2-1 dl dd span{ display:block; font-size:17px; margin-top:15%; display:none; font-weight:normal} .js2-1 dl dd img{ display:block; margin:auto; margin-top:6%;} .js2-1 dl dt .g2{ display:none} .js2-1 dl:hover{ background:#7BAFD4; color:#fff; padding-top:29%;} .js2-1 dl:hover dd span{ display:block} .js2-1 dl:hover dt .g1{ display:none} .js2-1 dl:hover dt .g2{ display:block} .js2-1 dl:hover dd img{ display:none} .gs3{ background:url(../images/gy-9.jpg) no-repeat center; overflow:hidden;margin-top: 6%;} .gs3-1{ margin:6% 0; overflow:hidden; position:relative} .gs3-1 div{ float:left;} .gs3-1-1{ width:25%;} .gs3-1-2{ width:67%;} .gs3-1-3{ width:12%; position:absolute; right:0; bottom:0} .gs3-1-1 p img{ width:100%} .gs3-1-2 h1{ font-weight:bold; color:#fff; margin-bottom:4%;font-size: 36px;} .gs3-1-2 p{ font-size:18px; color:#fff; margin:4% 0 3%; line-height:35px;} .gs3-1-2 .h1{ overflow:hidden} .gs3-1-2 .h1 img{ float:right} .gs3-1-2 h2{ font-size:18px; color:#fff;font-weight: normal;} .gs3-1-2 h2 strong{ font-size:26px; margin-right:5px;} .gs3-1-3 dl dt img{ width:100%} .gs3-1-3 dl dd{ font-size:16px; text-align:center; color:#fff; margin-top:8%} .gyj1 ul{ overflow:hidden; margin-left:-3%; margin-top:-2.5%} .gyj1 ul li{ float:left; width:13.666%; margin-left:3%; margin-top:2.5%; border:#ddd 1px solid; padding:1% 1.5%} .gyj1 ul li a{ display:block} .gyj1 ul li,.gyj1 ul li img{ border-radius:10px} .gyj1 ul li img{ width:100%; height:74px} .gyj1{ margin-bottom:6%} .js2{ background:url(../images/gy-45.jpg) no-repeat center; overflow:hidden} .js2 .ny-bt{ color:#fff} .ny-bt span{ font-size:50px; color:#7BAFD4} .pc_banner .slide-inner .txt .h,.i_part4 .txt .tit,.i_part2 .tit,.i_part6 .top,.i_part6 .con .box .txt .h,.i_part2 .con .right .swiper-slide .p strong,.i_part4 .bottom .box .num .left,.i_part8 .right h1,.yw1 h1,.ny-bt,.gy1-1 .left ul li span strong,.gs3-1-2 h1,.licheng_slide ul li .txt .year,.gy3 dl dd strong,.xw2-2 h3 a,.xq1 h1,.yw4-2-1 .right h2{ font-family:"SourceHanSansCN-bold", sans-serif !important; font-weight:normal} .i_part6 .top .more span{ font-family:"SourceHanSansCN-Regular-2", sans-serif !important;} .licheng_slide ul li .txt .con p{ height: 120px; overflow-y: scroll; padding-right: 10px; line-height: 24px;} .fw1{ margin:6% 0 0} .fw1-1{ margin-top:3%; background:#fff;} .fw1-1 .left,.fw1-1 .right{ width:50%} .f-z{ padding:8% 4% 0} .f-z h2{ font-size:24px; margin-bottom:3%} .f-z p{ font-size:18px; line-height:30px; color:#666;text-overflow:-o-ellipsis-lastline; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:4; -webkit-box-orient:vertical;} .f-y img{ width:100%} .fw1-1:hover{ background:#7BAFD4;} .fw1-1:hover .f-z h2,.fw1-1:hover .f-z p{ color:#fff} .xq1 p,.xq1 p span{ line-height: 30px; font-size:18px !important} @media screen and (max-width: 1440px) { html{font-size: 75px!important;} .mod1 .pics{padding: 2rem 0;} .i_part3 .boxs .box .txt .p1{line-height: 24px;} .i_part3 .boxs .box .txt .p2{line-height: 24px;} .footer .top .w1676 .t_right ul{margin-left: 0.8rem;} .con2 .box .p span{ width: 70px; } .cent,.n_licheng .slick-slider .slick-list{ max-width:87.29%} .yw3-z, .yw3-y p img{ height:333px} .yw3-z p{ line-height:28px; background: url(../images/yw-24.png) no-repeat left top 10px;} .yw4-2-1 .left p img, .yw4-2-1 .right{ height:396px} .yw4-2-1 .right{ padding:5% 5% 0} .yw5-z, .yw5-y p img, .yw5-y p{ height:361px} .yw6-z, .yw6-y .flexslider .slides li img{ height:443px} .gufeijishu ul li .img img{ height:458px} .gufeijishu ul li .txt{ padding:0 10%} .flex-direction-nav li a.flex-next{ right:22px} .lx1 .right p{ font-size:16px} .xw2-2 h1 img{ height:338px} .gy1-1 .left p{ line-height:28px; font-size:16px} .gy1-1 .left ul li{ font-size:16px} .gy1-1 .left ul{ margin-left:-8%} .gy1-1 .left ul li{ width:25.333%; margin-left:8%} .gy1-1 .left ul{ margin-top:6%} .licheng_slide ul li:nth-child(5) .txt{ bottom:34%} .gs3-1-2 p{ line-height:30px} .gy3 dl{ height:200px} .gy3 dl dd{ font-size:16px} .js2-1 dl{ height:345px} .gyj1 ul li img{ height:63px} .gs3-1-2 p,.gs3-1-2 h2{ font-size:16px} .i_part4 .txt .p p{ margin-top:1%} .i_part4{padding: 1.2rem 0 0 0;} .footer .bottom .w1676{ font-size:15px} .f-z h2{ font-size:22px;} .f-z p{ font-size:16px; line-height:26px} .xq1 p,.xq1 p span{ line-height: 30px; font-size:16px !important} } @media screen and (max-width: 1366px) { html{font-size: 71px!important;} .f_20{font-size: 16px;} } @media screen and (max-width: 1280px) { html{font-size: 66px!important;} .i_part2 .con .right .swiper-slide .p{line-height: 24px;} .i_part2 .con .right .swiper-slide .pic{width: 80%;margin: 0 auto;} .i_part4 .txt .p{width: 8rem;line-height:24px;margin-bottom:0.3rem;} .i_part4 .bottom .w1676{padding-bottom: 0.4rem;} .ml .btn{width: 1rem;height: 1rem;} } @media screen and (max-width: 1024px) { html{font-size: 60px!important;} .header{display: none;} .m_header{position: fixed;top: 0;left: 0;width: 100%;background-color: #ffffff;box-shadow: 0 0 10px rgba(0,0,0,0.1);padding:10px 15px;z-index: 98;} .m_header .mh_top{display: flex;justify-content: space-between;align-items: center;} .m_header .mh_top>div{display: block;align-items: center;} .m_header .mh_top>div .h_btn{width: 1.95rem;line-height: 0.58rem;text-align: center;border: 1px solid #000000;font-size: 0.24rem;margin-right: 0.44rem;} .m_header .logo img{width: 250px;} .m_header .btn{display: block;} .m_header .btn{margin-right: 0;cursor: pointer;height: 37px;padding-top: 16px;} .m_header .btn.hide{opacity: 0;} .m_header .btn span{display: block;width: 22px;height: 1px;background-color: #333;border-radius: 1px;transition: all 0.3s;} .m_header .btn span:nth-child(1){transform: translate(0,-8px);} .m_header .btn span:nth-child(2){transform: translate(12px,0);width: 12px;} .m_header .btn span:nth-child(3){transform: translate(0px,8px);} .m_header .btn:hover span:nth-child(1){transform: translate(0,-8px);} .m_header .btn:hover span:nth-child(2){transform: translate(0,0);width: 22px;} .m_header .btn:hover span:nth-child(3){transform: translate(0,8px);} .m_header{display: block;} .mh_yy{ position:fixed; top:21px; left:26px; z-index:99; font-size:14px;} .mh_yy img{ vertical-align:middle; margin-right:8px; display:inline-block} .mh_nav{display: block;} .mh_nav{position: fixed;top: 0;left: 10%;width: 90%;transform: translateX(120%);z-index: 99;background-color: #fff;height: 100vh;overflow: auto;padding: 70px 25px;transition: all 0.5s;box-shadow: 0 10px 10px rgba(0,0,0,0.1);} .mh_nav.show{transform: translateX(0);} .mh_nav .close{position: absolute;top: 20px;right: 20px;width: 20px;height: 20px;} .mh_nav .nav>li{border-bottom: 1px solid rgba(0,0,0,0.1);position: relative;padding-right: 60px;} .mh_nav .nav>li>a{line-height: 60px;font-size: 16px;display: block;} .mh_nav .nav>li:after{content: "";position: absolute;right: 0;top:24px;transition: all 0.5s; width: 12px;height: 12px;background: url(../images/hl_jt.png)no-repeat center;} .mh_nav .nav>li.on:after{transform: rotate(90deg);} .mh_nav .nav>li:first-child:after{display: none;} .mh_nav .nav>li .nav1{padding: 15px;line-height: 36px;display: none;font-size: 14px;} .footer .top .w1676 .t_right{display: none;} .footer .top .w1676 .link{display: none;} .footer .top .w1676 .t_left{width: 100%;text-align:center;} .footer .top .w1676 .t_left .f_logo{display:none;} .footer .top .w1676 .t_left .tel{display: table;margin: 0 auto;margin-bottom: 25px;} .footer .top .w1676 .t_left .fx{display: none;} .footer .top .w1676 .t_left .code{margin: 0 auto;} .footer .top .w1676 .t_left .code img{width: 120px;} .footer .bottom .w1676 .b_left{display:block;text-align:center;line-height:2;width:100%;font-size:12px;} .footer .bottom .w1676 .b_left span{opacity: 0;} .footer .bottom .w1676 .b_right{display:none;} .index_con{height: auto;} .index_con>.swiper-wrapper{display: block;} .pc_banner{height: 96.4vh;} .index_con>.swiper-wrapper>.swiper-slide{height: auto;} .pc_banner .slide-inner .txt{top:40.5vh;text-align:left;padding:0 15px;} .pc_banner .slide-inner .txt .h{font-size: 40px;line-height: 50px;margin-bottom:24px;} .pc_banner .slide-inner .txt .p{font-size: 18px;line-height: 26px;} .pc_banner .b_tab{flex-wrap: wrap;justify-content:left;padding:0 15px;} .pc_banner .b_tab .item{margin: 0 50px 22px 0;} .i_part2{padding: 70px 0 66px 0;} .i_part2 .con{padding: 0;display:block; overflow:hidden} .i_part2 .tit{font-size: 30px;line-height: 50px;margin-bottom: 30px;} .i_part2 .con .left{display: flex;padding: 20px 15px;background:#F2F8FD;flex-wrap:wrap; width:100%} .i_part2 .con .left::before{display:none;} .i_part2 .con .left li{margin: 0!important;padding: 0!important;width:33.33%;text-align:center;line-height:40px;border-radius:20px;font-size:18px;color:#888888;margin-bottom:20px!important;} .i_part2 .con .left li:nth-child(n+4){margin-bottom:0!important;} .i_part2 .con .left li::before{display:none;} .i_part2 .con .left li.on{color: #fff;background-color: #05245D;} .i_part2 .con .right .swiper-slide{padding-right: 0;} .i_part2 .con .right .next{display: none;} .i_part2 .con .right .swiper-pagination{display: none;} .i_part2 .con .right::after{display:none;} .i_part2 .con .right::before{display:none;} .i_part2 .con .right{width: calc(100% - 30px);margin: 0 auto;padding-right:0;padding-top:30px;} .i_part2 .con .left:after{display:none;} .i_part2 .con .right .swiper-slide .p{font-size: 16px;line-height: 32px;} .i_part3{height: auto;padding:70px 0 66px 0;} .i_part3 .boxs{position: static;height: auto;display:flex;flex-wrap:wrap;} .i_part3 .boxs .box{position: static;width:50%;text-align:center;} .i_part3 .tit{font-size: 30px;line-height: 50px;margin-bottom: 30px;} .i_part3 .boxs .box .yuan{display: none;} .i_part3 .boxs .box .txt{position: static;pointer-events: auto;opacity: 1;width:100%;box-shadow:none;background-color:transparent;padding:30px 0 0 0;transform:translateX(0);} .i_part3 .boxs .box .txt .p1,.i_part3 .boxs .box .txt .p2{display: none;} .i_part3 .boxs .box .txt .h{padding: 46px 0 0 0;background: no-repeat center top;background-size: 35px 35px;font-size:18px;line-height:24px;} .i_part4{padding: 70px 15px 66px 15px;} .i_part4 .txt{width: 100%;} .i_part4 .txt .tit{font-size: 30px;line-height: 50px;text-align: center;margin-bottom:30px;} .i_part4 .txt .p{width: 100%;font-size:16px;line-height:32px;margin-bottom:30px;} .i_part4 .txt .more{display: none;} .i_part4 .bottom{position: static;} .i_part4 .bottom .w1676{width: 100%;flex-wrap:wrap;padding-bottom:0;} .i_part4 .bottom .box {width: 50%;margin:5px 0;} .i_part4 .bottom .box .num .left{font-size: 36px;line-height: 44px;} .i_part4 .bottom .box .p{font-size: 12px;line-height: 16px;} .i_part4 .bottom .box .num .right .dw{font-size: 12px;line-height:16px;} .i_part4 .map{display: none;} .i_part5{padding: 66px 15px 52px 15px;} .i_part5 .tit{font-size: 30px;line-height: 50px;margin-bottom: 45px;} .i_part5 .tab{flex-wrap: wrap;justify-content:left;} .i_part5 .tab li{width: 33.33%;font-size:18px;line-height:40px;border-radius:20px;text-align:center;color:#888888;margin:0 0 20px 0;} .i_part5 .tab li:nth-child(n+4){margin-bottom:0;} .i_part5 .tab li.on{color: #ffffff;background-color: #7BAFD4;} .i_part5 .box .txt_box{position: static;width:100%;padding:25px 0 0 0;} .i_part5 .box .txt_box::after{display:none;} .i_part5 .box .txt_box .swiper-pagination{display: none;} .i_part5 .box .txt_box .swiper-slide .more{display: none;} .i_part5 .box .txt_box .swiper-slide .p{margin-bottom: 0;} .i_part6{padding: 70px 15px 66px 15px;background: none;height:auto;} .i_part6 .top{margin:0;width:100%;} .i_part6 .top .more{display: none;} .i_part6 .top .tit{display: block;width: 100%;text-align:center;font-size: 30px;line-height: 50px;margin-bottom:30px;} .i_part6 .con .box:nth-child(n+2){display:none;} .i_part6 .con .box{width: 100%;} .i_part6 .con .box .txt{padding: 25px 20px;} .i_part6 .con .box .txt .h{font-size: 18px;} .i_part6 .con .box .pics .pic{ height:4.5rem} .i_part7 .boxs{flex-wrap: wrap;justify-content:space-between;} .i_part7 .boxs .box{opacity: 1;width:44vw;margin-left:0;margin:8px 0;} .i_part5 .box .txt_box::before{display:none;} .pl_con .page_p .btn.next,.pl_con .page_p .btn.prev{background-size: auto 6px;} .inv_con .left .wz{padding:60px 15px 40px 15px;} .i_part8 .left h1 a{ font-size:14px; margin-right:6%} .i_part8 .left ul li,.i_part8 .left dl dd,.i_part8 .right div p,.i_part8 .right div p input, .i_part8 .right div p textarea,.i_part8 .right div h2 input{ font-size:14px} .i_part8{padding: 70px 15px 66px 15px;} .i_part8 .right div p textarea{ height:100px} .cd1 .boxs .before{display: none;} .cd1>.img{display: none;} .z_tanchuang .tbox .modal{padding: 12px;} .z_tanchuang .tbox .modal .out{width: 25px;height: 25px;background-size: 15px 15px;right: -30px;} .pc_banner .b_tab .item { padding: 0 20px;} .cent{ padding:0 15px} .ny-bt{ font-size:24px} .yw3-z h2{ font-size:20px} .yw3-z p,.yw5-z p,.yw6-z p,.n_gufei04 .left .con{ font-size:14px; line-height:24px} .yw3-y p img{ height:184px} .yw3-z{ height:inherit; padding:0 0 2%} .yw2 h2 img{ width:75px} .yw2 p a{ font-size:14px; margin-left:10px;padding: 31px 10px;} .yw2 h2, .yw2 h2 a{ font-size:14px} .yw1 h1{ font-size:35px} .yw1{ background-size:cover !important} .yw1 h1{ margin: 27% 0 20%;} .yw4-1 ul li{ font-size:16px; width:130px; line-height:40px} .yw4-2-1 .left p img, .yw4-2-1 .right{ height:231px} .yw4-2-1 .right h2,.yw5-z h2{ font-size:18px} .yw4-2-1 .right p{ font-size:14px; line-height:24px;background: url(../images/yw-14.png) no-repeat left top 9px;} .yw4-2-1 .right{ padding:4% 4% 0} .yw4-2-1 .right h2{ margin-bottom:3%} .yw5-z, .yw5-y p img, .yw5-y p{ height:210px} .yw5-z h2 img{ width:35px} .yw5-y:hover p{ padding-left:10px; padding-top:10px;} .yw6-z h2,.n_gufei04 .n_tt h3{ font-size:20px} .yw6-z, .yw6-y .flexslider .slides li img{ height:273px} .flex-direction-nav li a{ background-size:100% !important; width:30px; height:58px} .flex-direction-nav li a.flex-next{ right:13px} .n_gufei04 .tt h3{ font-size:14px} .n_gufei04 .tt h3 span{ font-size:55px} .gufeijishu ul li .mask p{ font-size:16px; line-height:20px} .gufeijishu ul li .img img{ height:282px} .n_gufei04 .left{ padding:4% 2%} .n_gufei04 .tt{ left: 2%;width: 32%; bottom:8%} .n_gufei04 .tt h3 span{ font-size:40px} .gufeijishu ul li .txt h5{ font-size:14px; line-height:20px} .gufeijishu ul li .txt p{ font-size:12px; line-height:20px} .lx1 .right p{ font-size:14px} .lx1 .right p span{ font-size:14px} .lx1 .right p img{ width:40px; margin-right:10px} .yd2-1 p input, .yd2-1 p select, .yd2-1 p textarea{ font-size:14px} .yd2-1 h2 input{ font-size:14px; width:100px; height:40px; line-height:40px} .xw1 .con .box{ width:30.333%} .xw1 .con .box:nth-child(n+2){ display:block} .xw2-2 h1 img{ height:189px} .xw2-2 h2{ font-size:14px} .xw2-2 h3 a{ font-size:18px} .xw2-2 p{ font-size:14px; line-height:24px} .xw2-2 div{ padding:3% 3% 0} .xw2-2 h5 a{ font-size:14px} .xw2-2 h5 img{ width:19px !important; margin-left:10px} #demo2 .flex-control-nav{ bottom:17px} .xw1{ padding:0} .xw1 .con .box .pics .pic{ height:2rem} .xw1 .con .box .txt{padding: 18px 0 0;} .xw1 .con .box .txt .bottom{ margin-top:4%} .fy a{ font-size:14px;margin: 0 3px;padding: 8px 10px;} .fy a:first-child, .fy a:last-child{ padding:8px 14px} .xq1 h1{ font-size:24px} .xq1 h2,.xq1 h3 a,.xq1-1 h4 a{ font-size:14px} .xq1-1 h4 a{ width:120px} .xq1-1 h4 a img{ width:16px} .gs3-1-2 h1{ font-size:24px} .gs3-1-2 h3 img{ width:30px} .gy1-1 .left p,.gs3-1-2 p{ font-size:14px; line-height:24px} .gs3-1-2 h2{ font-size:14px} .gs3-1-2 h2 strong{ font-size:18px} .gy1-1 .left ul li{ font-size:14px} .gy1-1 .left ul li span strong{ font-size:26px} .gy1-1 .left ul li span img{ width:25px; margin-right:10px} .gy1-1 .left ul li span strong{ margin-right:5px} .gy1-1 .left ul li{ width:31.333%; margin-left:2%} .gy1-1 .left ul{ margin-left:-2%} .gy1-1 .left ul li span{ padding-bottom:10px; margin-bottom:10px} .js2-1 dl dt img{ max-width:70%} .js2-1 dl dd{ font-size:16px} .js2-1 dl dd img,.js2-1 dl dt .g2{ width:30px} .js2-1 dl dd span{ font-size:14px} .js2-1 dl{ height:215px} .js2-1 dl:hover{ padding-top:6%} .js2{ background-attachment:inherit} .n_licheng .slick-slider .slick-list{ padding:0 15px} .n_licheng .bd{ display:none} .licheng_slide_wap{ display:block;max-width: 87.29%; padding:0 15px; margin:5% auto 0} .n_licheng .slick-arrow{ width:35px; height:35px} .gy3 dl dt img{ width:30px} .gy3 dl dd{ font-size:14px; line-height:24px} .gy3 dl dd strong{ font-size:16px} .gy3 dl{ height:194px} .ny-bt span{ font-size:40px} .js2-1 dl{ height:240px} .gyj1 ul li img{ height:36px} .f-z h2{ font-size:18px;} .f-z p{ font-size:14px; line-height:22px} .f-z{ padding:6% 4% 0} .xq1 p,.xq1 p span{ line-height:24px; font-size:14px !important} } @media screen and (max-width: 668px) { .w1676{ width:100%} .f_30{ font-size:20px} .pc_banner .slide-inner .txt .h{ font-size:22px; line-height:25px} .pc_banner .slide-inner .txt .p{ font-size:14px; line-height:24px;} .pc_banner .slide-inner .txt .p br{ display:none} .pc_banner .slide-inner .txt .p a{ font-size:14px; margin-top:12%} .i_part4 .txt .tit,.i_part2 .tit,.i_part6 .top .tit{ font-size:22px; margin-bottom:20px; line-height:30px} .i_part4,.i_part2,.i_part6,.i_part8{ padding:40px 15px} .i_part4 .txt .p,.i_part2 .con .right .swiper-slide .p{ font-size:14px; line-height:24px} .i_part2 .con .left{ margin-top:0} .i_part2 .con .left li{ font-size:14px; line-height:35px; margin-bottom:0 !important} .i_part2 .con .right .swiper-slide .p strong{ margin-bottom:2%} .i_part2 .con .right .swiper-slide .pic{ width:100%} .i_part6 .con .box .pics .pic {height: 3.2rem;} .i_part6 .con .box .txt .bottom{ margin-top:0.3rem} .i_part8 .left,.i_part8 .right{ width:100%} .i_part8 .left{ margin-bottom:6%} .i_part8 .left ul li img{ margin-right:10px} .i_part8 .left dl{ width:100px} .i_part8 .left p a img{ width:30px} .i_part8 .right{ padding:5%} .i_part8 .right div p{ width:95%} .i_part8 .right div p input, .i_part8 .right div p textarea{ height:35px; line-height:35px; padding:0 10px} .i_part8 .right div p textarea{ height:100px; line-height:24px; padding-top:8px; padding-bottom:8px} .i_part8 .right div h2 input{ width:110px; height:35px; line-height:35px} .i_part4 .bottom .box .num .left{ font-size:34px} .cent{ max-width:100%;} .yw1 h1{ font-size:20px;margin: 36% 0 20%;} .yw2 p{ position:relative; margin-top:5px} .yw2 p a{ margin-left:20px} .ny-bt{ font-size:18px} .yw3-z h2{ font-size:16px} .yw3-1 .left, .yw3-1 .right{ width:100%} .yw3-z{ margin-bottom:5%} .yw3-z h2{ margin-bottom:4%} .yw3-z p{ background-size:6px} .yw3-z{ padding:0 0 4%} .yw3-y p img{ height:200px} .ny-bt{ margin:8% 0 6%} .yw3-1{ margin-bottom:8%} .yw4-1 ul{ overflow:hidden} .yw4-1 ul li{ float:left; font-size:14px; width:31.333%; margin:0 1%; font-size:14px; line-height:33px} .yw4-2-1 .left,.yw4-2-1 .right{ width:100%} .yw4-2-1 .left{ margin-bottom:2%} .yw4-2-1 .left p img{ border-radius:10px} .yw4-2-1 .left p img, .yw4-2-1 .right{ height:auto} .yw4-2-1 .right{ padding:5%; border-radius:10px} .yw4-2-1 .right h2, .yw5-z h2{ font-size:16px} .yw4-2-1 .right p{background: url(../images/yw-14.png) no-repeat left top 11px; background-size:5px; padding-left:15px} .yw5-z,.yw5-y{ width:100%} .yw5-z h2{ margin-bottom:4%} .yw5-z{ margin-bottom:5%} .yw5-z, .yw5-y p img, .yw5-y p{ height:auto} .yw5-1{ margin-bottom:8%} .yw6-z h2, .n_gufei04 .n_tt h3{ font-size:16px} .yw6-z, .yw6-y .flexslider .slides li img{ height:inherit} .yw6-z,.yw6-y{ width:100%} .yw6-z h2{ padding-bottom: 4%;margin-bottom: 3%;} .yw6-z{ margin-bottom:5%} .yw6-y .flexslider .slides li img{ height:253px} .n_gufei04 .left,.n_gufei04 .right{ width:100%} .n_gufei04 .left{ padding:5%} .n_gufei04 .left .con{ margin:5% 0 0} .gufeijishu ul li .img img{ height:225px} .gufeijishu ul li .mask p{ font-size:14px; line-height:17px} .gufeijishu ul li .txt p{ line-height:16px} .yw7{ padding-bottom:8%} .lx1 .right,.lx1 .left{ width:100%} .lx1 .right .ny-bt1{ margin-bottom:5%} .lx1{ margin-top:8%} .lx1 .right p{ line-height:22px; margin-top:4%} .lx1 .right p span{ margin:0} .lx1 .right p img{ width:35px;margin-bottom: 5px; margin-top: 5px;} .lx1 .right{ margin-bottom:5%} .yd2-1 p{ width:95%} .yd2-1 p .left img{ width:21px; margin:6px 0} .yd2-1 p input, .yd2-1 p select, .yd2-1 p textarea{ height:35px; line-height:35px} .yd2-1 .e2 .left{ width:13%} .yd2-1 .e2 .right{ width:82%} .yd2-1 .e2 .right textarea{ line-height:24px} .yd2{ margin-bottom:8%} .yd2-1 h2{ padding-top:3%} .yd2-1 h2 input{ height:35px; line-height:35px; width:90px} .xw2-2 h1,.xw2-2 div{ width:100%} .xw2-2 h1 img{ height:193px} .xw2-2 div{ padding:5%} .xw1{ padding:0} .xw1 .con .box{ width:97%; padding:5%} .xw2-1{ margin:8% 0} .xw1 .con .box{ margin-top:6%} .xw1 .con{ margin-top:-6%} .fy,.xq1{ margin:8% 0} .xq1 h1{ font-size:18px} .xq1-1 h4 a{ width:110px; line-height:35px} .xq1-1 h4 a img{ margin-right:5px} .xq1-1 h4{ margin-top:4%} .xq1 h3 a{ width:100%} .xq1 h3 .right{ text-align:left} .xq1 h2{ margin:4% 0 6%; padding-bottom:6%} .xq1-1{ margin-top:6%} .gy1-1 .left,.gy1-1 .right,.gy2-1 .left,.gy2-1 .right{ width:100%} .gy1-1 .left .ny-bt1{ margin-bottom:6%} .gy1-1 .left ul li span strong{ font-size:20px} .gy1-1 .left ul li span img{ width:20px; margin-right:5px} .gy1-1 .left{ margin-bottom:6%} .gy1-1 .left ul{ margin-top:4%} .js2-1 dl{ margin-top:3%} .js2-1 dl{ height:199px} .js2-1 dl dt img{ max-width:60%} .js2-1 dl dd{ font-size:15px} .gy1-1,.gs3{ margin-top:8%} .gs3-1{ margin:8% 0} .gs3-1-1,.gs3-1-2{ width:100%} .gs3-1-1 p img{ width:150px; margin:auto} .gs3-1-1{ margin-bottom:6%} .gs3-1-2{ margin-left:0} .gs3-1-2 h1{ font-size:18px} .gs3-1-2 h3 img{ width:25px} .gs3-1-2 h2 strong{ font-size:16px} .n_licheng .slick-arrow{ width:30px; height:30px} .licheng_slide_wap{ max-width:100%} .ny-bt span{ font-size:30px} .gy3 dl{ width:98%; height:inherit; margin-top:5%; padding:4%} .gy3{ margin-top:-5%} .gy3 dl dd strong{ margin-bottom:3%} .js2{ padding-bottom:8%} .js2-1 dl{ height:296px} .gyj1 ul li{ width:30.333%} .gyj1 ul li img{ height:47px} .gyj1{ margin-bottom:8%} .n_licheng .hd .arrowbox{ display:none} .fw1-1 .left, .fw1-1 .right{ width:100%} .f-z h2{ font-size:16px} .f-z{ padding:5%} .yw2 h2 img{ width:50px} .yw2 p a{padding: 14px 4px;} } .lx1 .left img{ max-width:inherit;} textarea:placeholder-shown{ font-family: "SourceHanSansCN-Regular-2", sans-serif !important;}