/*@font-face { */ /* font-family:SourceHanSansCN-Regular; */ /* src: url(font/SourceHanSansCN-Regular.otf); */ /*}*/ /*@font-face { */ /* font-family:SourceHanSansCN-Bold; */ /* src: url(font/SourceHanSansCN-Bold.otf); */ /*}*/ /*@font-face { */ /* font-family:SourceHanSansCN-Light; */ /* src: url(font/SourceHanSansCN-Light.otf); */ /*}*/ /*@font-face { */ /* font-family:BarlowCondensed-Medium; */ /* src: url(font/BarlowCondensed-Medium.ttf); */ /*}*/ /*@font-face { */ /* font-family:BarlowCondensed-Bold; */ /* src: url(font/BarlowCondensed-Bold.ttf); */ /*}*/ @media (max-width: 750px) { .phheader.flex-between.align-center.phflexshow.wow.fadeInDown.animated img{ max-width: 250px; } } body{ font-size:12px; line-height: 1.5; color: #666;font-family:SourceHanSansCN-Regular,"\5FAE\8F6F\96C5\9ED1",;overflow-x: hidden; } a{ text-decoration:none; transition:all 0.3s} a:hover{ text-decoration:none;} input,button,textarea{outline: none;font-family:SourceHanSansCN-Regular; } input:-ms-input-placeholder,textarea:-ms-input-placeholder { color: #9e9e9e;} input::-webkit-input-placeholder,textarea::-webkit-input-placeholder { color: #9e9e9e} .wrap{max-width: 1700px;width: 100%; margin: 0 auto;box-sizing: border-box; position: relative; } .imgbox img{max-width: 100%;vertical-align: top;} *::-webkit-scrollbar { width: 5px; background-color: #E4E4E4; } *::-webkit-scrollbar-thumb { background-color: #004A91; border-radius: 8px; width: 1px; } img{max-width:100%} .lan{color: #004A91!important;} .col9e{color: #9E9E9E;} .col21{color: #212121;} .bgf4{background: #f4f4f4;} .link{background: url(../images/icon3a.png) no-repeat right center;color: #1F1F1F;font-size: 18px;padding-right: 33px;line-height: 28px;} .link:hover{color: #004A91;background: url(../images/icon3b.png) no-repeat right center;} .header{position: fixed;width: 100%;left: 0;top: 0; z-index: 50;padding: 39px 0;transition: all 0.3s;} .logo{width: 364px;height: 43px; justify-content:'flex-start'; align-items:'center'} .logo img{width: 364px;height:auto;vertical-align:top} .logob{display:none} .header.top .logoa{display:none} .header.top .logob{display:block} .nav li{margin-left: 70px;} .nav li a{color: #fff;font-size: 18px;line-height: 38px;} .hline{width: 1px;height: 14px;margin: 0 36px;background: #fff;} .yuyan{padding-right: 22px;background: url(../images/icon4a.png) no-repeat right center;position: relative;cursor: pointer;} .yytxt{color: #fff;font-size: 18px;line-height: 38px;} .yyb{background: #fff;position: absolute;left: 50%;transform: translateX(-50%);top: 100%;padding: 10px;display: none;} .yyb a{line-height: 35px;padding: 0 20px;color: #212121;font-size: 16px;white-space: nowrap;} .yyb a:hover{color: #004A91;} .yuyan:hover .yyb{display: block;} .header.top{background: #fff;padding: 20px 0;box-shadow: 0 0 10px rgba(0,0,0,0.1);} .header.top .logo{background: url(../images/logob.png) no-repeat left center;background-size: 100% auto;} .header.top .nav li a{color: #212121;} .header.top .nav li a:hover{color: #004A91;} .header.top .hline{background: #212121;} .header.top .yuyan{background: url(../images/icon4b.png) no-repeat right center;} .header.top .yytxt{color: #212121;} .phnav{display: none;} .box1{position: relative;overflow: hidden;height:100vh;} .box1 .swiper-slide{width: 100vw;overflow: hidden;} .box1 .pic{background-position: center; background-size: 100% 100%;position: absolute;left: 0;top: 0;width: 100%;height: 100%;z-index: 1;animation: pulse 50s infinite;transition: all 50s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; animation-direction: alternate;} .box1m{position: absolute;left: 50%;transform: translateX(-50%);bottom:220px; z-index: 2;} .box1m h2{color: #fff;font-size: 60px;line-height: 1;font-family:SourceHanSansCN-Bold; } .box1m p{color: #fff;font-size: 28px;line-height: 1;padding: 40px 0 0;letter-spacing: 10px;font-family:SourceHanSansCN-Light; } .box1b{position: absolute;left: 50%;transform: translateX(-50%);bottom:55px; z-index: 2;} .box1txt{color: #fff;font-size: 24px;font-family:BarlowCondensed-Medium; } .box1blm{margin: 0 15px;position: relative;width: 780px;background: rgba(251, 246, 237, 0.2);height: 2px;} .box1blm .swiper-pagination-progressbar-fill{background: rgba(251, 246, 237, 1);} .mouse{width: 90px;height: 90px;position: relative;transition: all 0.5s;} .mousem{border: 1px solid rgba(255,255,255,0.2);box-sizing: border-box;width: 90px;height: 90px;border-radius: 50%;position: absolute;left: 0;top: 0;} .icon1b{margin-top: 5px;animation: move 2s infinite;} .mouse.down{opacity: 0;transform: translateY(100px);visibility: hidden;} .box1 .phimg{width:100%;vertical-align:top;} .box1bm{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);} .box1bm span{cursor: pointer;outline: none;background-color: rgba(255,255,255,0.5);color: rgba(0,0,0,0.7);border: 2px solid rgba(0,0,0,0.6);margin: 0 4px;border-radius: 50%;width: 16px;height: 16px;padding: 12px; transition: all 0.3s;} .box1bm span .ionicon{stroke: currentcolor;} .ionicon-fill-none {fill: none;} .box1bm span:hover{background-color: rgba(255,255,255,0.3);} .box2{padding: 98px 0 0;position: relative; z-index: 1;} .box2l{width: 920px;position: relative; z-index: 3;} .box2l li{width: 280px;height: 280px;margin-right: 40px;background: #fff;box-sizing: border-box;padding: 40px 0 60px 28px;} .box2l li p{color: #1f1f1f;font-size: 22px;line-height: 1;} .box2l li:nth-child(3){margin-right: 0;} .box2l ul:nth-child(1){margin-bottom: 40px;} .box2l li b{font-family:BarlowCondensed-Bold;color: #004A91;font-size: 72px;line-height:60px } .box2l li span{color: #004A91;font-size: 22px;line-height:40px;margin-left: 10px;} .box2r{width: 580px;} .box2r h2{color: #202020;font-size: 46px;line-height: 60px;font-weight: bold;} .box2r p{color: #636363;font-size: 18px;line-height: 32px;padding: 65px 0 110px;} .box2 .bg{position: absolute;width: 100%;left: 0;top: calc(100% - 60px);} .box3{padding: 260px 0 0;position: relative;z-index: 1;} .title h2{font-size: 46px;line-height: 44px;padding-bottom: 38px;font-family:SourceHanSansCN-Bold;letter-spacing: 3px;} .title span{font-size: 26px;line-height: 1;letter-spacing: 8px;} .box3m{padding: 115px 0 0;} .box3ml{width: 766px;height: 737px;position: relative;} .box3mr{width: calc(100% - 786px);height: 737px;} .box3m .pic{width: 100%;height: 100%;overflow: hidden;} .box3m .pic img{object-fit: cover;width: 100%;height: 100%;transition: all 0.5s;vertical-align: top;} .box3m .pic:hover img{transform: scale(1.2);} .box3txt{position: absolute;z-index: 5;color: #fff;top: 58px;left: 45px;} .box3txt span{font-size: 14px;line-height: 15px;} .box3txt p{font-size: 30px;font-family:SourceHanSansCN-Bold;line-height: 1;padding: 14px 0 0;} .box3mrt{height: 353px;width: 100%;position: relative;} .box3mrb{height: calc(100% - 369px);} .box3mrb ul{height: 100%;} .box3mrb li{width: calc((100% - 16px)/2);height: 100%;position: relative;margin-right: 16px;} .box3mrb li:nth-child(2){margin-right: 0;} .box4{padding: 100px 0 140px;} .box4t{margin: 38px 0 35px;background: url(../images/bg2.jpg) no-repeat center center;background-size: cover;height: 437px;} .box4tm{box-sizing: border-box;width: 50%;padding-left: 60px;height: 100%;} .box4txt1{font-family:SourceHanSansCN-Bold;font-size: 28px;line-height: 30px;padding: 10px 0 0;color: #fff;} .box4txt2{font-size: 16px;color: #fff;opacity: 0.3;line-height: 28px;padding: 33px 0;} .link2{width: 160px;height: 44px;border-radius: 4px;background: #fff;} .link2 span{color: #1f1f1f;font-size: 18px;padding-right: 33px;background: url(../images/icon3a.png) no-repeat right center;} .link2:hover span{color: #004A91;background: url(../images/icon3b.png) no-repeat right center;} .box4tm .pic{padding-bottom: 33px;} .box4m li{width: calc((100% - 60px)/4);margin-right: 20px; margin-bottom:20px} .box4m li:nth-child(4){margin-right: 0;} .box4m li a{box-sizing: border-box;width: 100%;padding: 18px 30px 0;background: #fff;} .box4m li .pic{width: 100%;padding-top: 75%;position: relative;} .box4m li .img{width: 100%;height: 100%;position: absolute;left: 0;top: 0; overflow: hidden;} .box4m li .img img{max-width: 100%;max-height: 100%;transition: all 0.5s;} .box4mb{padding: 100px 0 78px;text-align: center;} .box4mb h2{color: #1F1F1F;font-size: 24px;line-height: 20px;margin-bottom: 20px;transition: all 0.3s;} .box4mb p{color: #6F6F6F;font-size: 18px;line-height: 1;} .box4m li:hover img{transform: scale(1.2);} .box4m li:hover h2{color: #004A91;} .footer{background: url(../images/bg3.jpg) no-repeat center center;background-size: cover;} .footert{padding: 35px 0 25px;} .footert img{height: 41px;} .footerm{border-top: 1px solid rgba(255,255,255,0.2);border-bottom: 1px solid rgba(255,255,255,0.2);padding: 50px 0 58px;} .footerml li{margin-right: 105px;max-width:300px} .footerml li h2{color: #fff;font-size: 20px;line-height: 1;padding-bottom: 25px;position: relative;margin-bottom: 20px;} .footerml li h2::before{content: '';display: inline-block;width: 34px;height: 2px;background: #014886;position: absolute;left: 0;bottom: 0;} .footerml li p{color: rgba(255, 255, 255, 0.6);font-size: 16px;line-height: 38px;} .footerml li p a{color: rgba(255, 255, 255, 0.6);} .footerml li p a:hover{color: #fff;} .footermr{width: 150px;text-align: center;} .footermr img{width: 150px;} .footermr p{color: rgba(255, 255, 255, 0.6);font-size: 16px;line-height: 1;padding: 25px 0 0;} .footerb{color: rgba(255, 255, 255, 0.2);font-size: 16px;line-height: 20px;padding: 22px 0 18px;text-align: center;} .footerb a{color: rgba(255, 255, 255, 0.2);} .footerb a:hover{color: #fff;} @keyframes move { 0% { transform: translateY(0); } 50% { transform: translateY(10px); } } @keyframes pulse { 0% { transform: scale(1, 1) } 100% { transform: scale(1.1, 1.1) } } /*****/ .subbanner{position: relative; text-align: center;} .subbanner img{max-width: 100%;vertical-align: top;} .weizhi{border-bottom: 1px solid #E7E7E7;} .weizhil{line-height: 55px;color: #838383;font-size: 18px;} .weizhi a{color: #838383;} .weizhi a:hover{color: #004A91;} .weizhi b{font-weight: normal;margin: 0 10px;} .cpbox{padding: 65px 0 130px; } .cpl{width: 355px;} .title2{background: #014886;height: 107px;padding-left: 25px;} .title2 h2{color: #fff;font-family:SourceHanSansCN-Bold;font-size: 30px;line-height: 1;padding-left: 40px;margin-bottom: 12px;} .title2 p{padding-left: 40px;color: #fff;font-size: 14px;line-height: 1;opacity: 0.2;text-transform: uppercase;} .icon6{background: url(../images/icon6.png) no-repeat left center;} .cpmenu ul li{background: #fff;margin-bottom: 2px;padding: 5px 22px 5px 25px;} .cpmenu ul li a{line-height: 58px;display: block;color: #838383;font-size: 18px;background: url(../images/icon7a.png) no-repeat right center;} .cpmenu ul li a:hover,.cpmenu ul li.now a{color: #333;background: url(../images/icon7b.png) no-repeat right center;} .cpr{width: calc(100% - 420px);} .cplb li{width: calc((100% - 50px)/3);margin: 0 25px 25px 0;} .cplb li:nth-child(2n){margin-right: 25px;} .cplb li:nth-child(3n){margin-right: 0;} .xwmenu li{margin-left: 75px;} .xwmenu li a{position: relative;line-height: 55px;color: #333;font-size: 18px;font-family:BarlowCondensed-Medium; } .xwmenu li a:hover{color: #004A91;} .xwmenu li a::before{content: '';display: inline-block;width: 100%;height: 3px;background: #004A91;position: absolute;left: 0;bottom: 0;opacity: 0;} .xwmenu li.now a{color: #004A91;} .xwmenu li.now a::before{opacity: 1;} .xwbox{padding: 60px 0 130px;} .xwlb li{margin-bottom: 40px;background: #fff;transition: all 0.3s;border: 1px solid #eee;padding: 25px 10px 25px 27px;} .xwlb li a{width: 100%;vertical-align: top;} .xwlbl{width: calc(100% - 195px);box-sizing: border-box;padding: 0 180px 0 0;} .xwlbl .pic{width: 330px;} .xwlbl .pic img{width: 100%;vertical-align: top;} .xwlblr{width: calc(100% - 365px);} .xwlblr h2{font-family:SourceHanSansCN-Bold;color: #333;font-size: 24px;line-height: 1;position: relative;padding-bottom: 34px;margin-bottom: 27px;transition: all 0.3s;} .xwlblr h2::before{content: '';display: inline-block;width: 44px;height: 4px;background: #004A91;position: absolute;left: 0;bottom: 0;} .xwlblr p{color: #333;font-size: 16px; line-height: 32px;height: 96px;} .xwlbr{width: 195px;position: relative;height: 100px;box-sizing: border-box;border-left: 1px solid #eee;} .xwlbr p{font-family:SourceHanSansCN-Bold;color: #000;font-size: 48px;line-height: 38px;} .xwlbr span{color: #323232;font-size: 15px;line-height: 12px;padding: 13px 0 0;} .xwlb li:hover{box-shadow: 3px 3px 32px 0px rgba(50,76,158,0.08);} .xwlb li:hover .xwlblr h2{color: #004A91;} .jskt{padding: 95px 0 130px;} .ktlb li{margin-bottom: 50px;} .ktlb li a{width: 100%;vertical-align: top;} .ktlbl{width: 470px;max-height: 316px;overflow: hidden;} .ktlbl img{width: 100%;vertical-align: top;transition: all 0.5s;} .ktlbr{width: calc(100% - 530px);box-sizing: border-box;padding-right: 40px;} .ktlbr h2{position: relative;color: #333;font-size: 36px;font-family:SourceHanSansCN-Bold;line-height: 1;padding-bottom: 40px; margin-bottom: 40px;} .ktlbr h2::before{content: '';display: inline-block;width: 44px;height: 4px;background: #004A91;position: absolute;left: 0;bottom: 0;} .ktlbr p{color: #636363;font-size: 18px; line-height: 32px;max-height: 128px;} .ktlb li:hover img{transform: scale(1.2);} .ktlb li:hover h2{color: #004A91;} .lxwm{padding: 115px 0 135px;} .lxl{width: 608px;} .lxl li{border-bottom: 1px solid #eee;padding: 60px 0 30px;} .lxl li:nth-child(1){padding-top: 26px;} .lxlm{padding-left: 90px;position: relative;color: #2F2F2F;} .lxlm h2{font-size: 24px;line-height: 1;margin-bottom: 25px;font-family:SourceHanSansCN-Bold;} .lxlm p{font-size: 18px; line-height: 15px;} .lxlm .icon{width: 52px;height: 100%;position: absolute;left: 0;top: 0;} .icon8a::before{background: url(../images/icon8a.png) no-repeat center center;} .icon8b::before{background: url(../images/icon8b.png) no-repeat center center;} .icon8c::before{background: url(../images/icon8c.png) no-repeat center center;} .icon8d::before{background: url(../images/icon8d.png) no-repeat center center;} .lxr{width: 960px;background: #f4f4f4;box-sizing: border-box;padding: 55px 75px;} .lxr h2{color: #2F2F2F;font-size: 30px;line-height: 1;font-family:SourceHanSansCN-Bold;padding-bottom: 5px;} .lxr ul{padding-bottom: 35px;} .lxr li{width: calc((100% - 50px)/2);border-bottom: 1px solid #dadada;padding: 30px 0 15px;margin: 0 50px 0 0;} .lxr li:nth-child(2n){margin-right: 0;} .lxr_input{border: none;height: 40px;border: none;width: 100%;color: #333;font-size: 16px;background: none;} .lxr li:last-child{width: 100%;margin: 0;} .lxr_text{border: none;color: #333;font-size: 16px;width: 100%;box-sizing: border-box;padding: 5px 0;line-height: 30px;height: 90px;background: none;} .lxbtn{background: #014886;border: none;width: 135px;height: 60px;} .lxbtn span{background: url(../images/icon9.png) no-repeat right center;color: #fff;font-size: 18px;padding-right: 40px;} .map img{width: 100%;vertical-align: top;min-height: 200px;} .xqbox{padding: 120px 0;} .xqm{max-width: 1380px;width: 100%;margin: 0 auto;} .xqt{position: relative;padding-bottom: 38px;} .xqt::before{content: '';display: inline-block;width: 114px;height: 3px;background: #004A91;position: absolute;left: 0;bottom: 0;} .xqt h2{color: #262626;font-family:SourceHanSansCN-Bold;line-height: 1.5;margin-bottom: 20px;font-size: 48px;} .xqtb{color: #666;font-size: 20px;line-height: 30px;} .xqtb span{margin-right: 40px;} .xqnr{color: #666;font-size: 20px;line-height: 40px;margin: 40px 0;} .xqnr img{max-width: 100%;} .fwtx{padding: 75px 0 145px;} .fwtxl{width: 838px;} .fwtxr{width: 760px;position: relative;} .fwtxr img{vertical-align: top;max-width: 100%;} .title3{font-family:SourceHanSansCN-Bold;color: #202020;font-size: 46px;line-height: 60px;} .title3 span{position: relative;} .title3 span::after{content: '';display: inline-block;width: 180px;height: 3px;background: #014886;position: absolute;left: calc((100% + 30px));top: 50%;transform: translateY(-50%);} .fwtxt{color: #636363;font-size: 18px; line-height: 32px;margin-top: 60px;padding-right: 20px;text-align: justify;} .gyt{padding: 120px 0;} .gyt .fwtxl{padding-bottom: 15px;} .gytr{width: 760px;position: relative;} .gytr img{opacity: 0;} .icon10{width: 86px;height: 86px;background: url(../images/icon10.png) no-repeat center center;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);z-index: 10;cursor: pointer;} #video{width: 100%;height:100%;position: absolute;left: 0;top: 50%;transform: translateY(-50%);} .gyb{padding: 95px 0 150px;} .gybm{width: calc(100% - 190px);} .gybmtl{width: 300px;height: 280px;background: #fff;box-sizing: border-box;padding: 45px 0 50px 40px;} .gybmtl p{color: #1f1f1f;font-size: 22px; line-height: 1;letter-spacing: 2px;} .gybmtl:nth-child(1){margin-right: 5px;} .img17{width: calc(100% - 605px);} .img18{width: 605px; height: 304px;} .gybmbr{width: calc((100% - 605px)/3);height: 304px;box-sizing: border-box;padding: 55px 0 55px 40px;} .gybmbrt{color: #fff;} .gybmbrt b{font-family:BarlowCondensed-Bold;font-size: 72px;line-height: 60px;} .gybmbrt span{font-size: 24px;margin-left: 10px;line-height: 40px;} .gybmbrb p{color: #fff;font-size: 22px;line-height: 1;margin-bottom: 15px;} .gybmbrb span{color: #fff;font-size: 14px;line-height: 1;opacity: 0.2;text-transform: uppercase;} .cptl{width: 625px;height: 470px;background: #fff; position: relative; overflow: hidden;} .cptl .swiper-slide{width: 625px;height: 100%;} .cptl .swiper-slide img{max-width: 100%;vertical-align: top;} .cptlbtn{width: 30px;height: 30px;cursor: pointer; z-index: 10;} .cptlbtnl{background: url(../images/icon11a.png) no-repeat center center; } .cptlbtnr{background: url(../images/icon11b.png) no-repeat center center;} .cptlb{width: 100%;position: absolute;left: 0;bottom: 15px!important;z-index: 20;display: flex; justify-content: center;align-items: center;opacity: 0;} .cptlb .swiper-pagination-bullet-active{background: #014886;} .cptr{width: calc(100% - 675px);height: 470px;padding: 10px 0 0;box-sizing: border-box;} .cptr h2{color: #202020;font-size: 32px;font-family:SourceHanSansCN-Bold;line-height: 50px;position: relative;padding-bottom: 30px;margin-bottom: 34px;} .cptr h2::after{content: '';display: inline-block;width: 100px;height: 2px;background: #014886;position: absolute;left: 0;bottom: 0;} .cptr p{color: #636363;font-size: 18px;line-height: 32px;text-align: justify;} .cptrb{overflow: hidden;width:calc(100% - 100px)} .cptrb .swiper-slide{position: relative;} .cptrb .swiper-slide img{width: 100%;} .cptrb .swiper-slide-thumb-active::before{content: '';display: inline-block;width: 100%;height: 100%;border: 1px solid #014886;box-sizing: border-box;position: absolute;left: 0;top: 0;} .cpm{background: #fff;margin: 25px 0 0;} .cpnav{border-bottom: 1px solid #ebebeb;padding: 0 30px;position: sticky; top: 79px;background: #fff; z-index: 10;} .cpnav li{margin: 0 30px;position: relative;line-height: 70px;color: #333;font-size: 18px;cursor: pointer;} .cpnav li.now::before{content: '';display: inline-block;width: 100%;height: 3px;background: #014886;position: absolute;left: 0;bottom: 0;} .cpmm{padding: 0 70px 50px;} .cpzxbox{padding: 30px 0 10px;color: #636363;font-size: 18px;line-height:32px;text-align: justify;} .cptitle{border-bottom: 1px solid #E8E8E8;color: #363636;font-size: 26px;line-height: 1;padding: 18px 0;font-family:SourceHanSansCN-Bold;} .jsgg{padding: 35px 0 0;} .cptd{padding: 35px 0 0 30px;} .cptd li{list-style:auto} .cptd p{padding-bottom: 10px;} .cptd .lan{font-family:SourceHanSansCN-Bold;} .cpgg{margin: 33px 0 0;} .cpgg td{color: #333;font-size: 16px;line-height: 36px;padding: 10px 0;} .cpgg td span{padding: 0 5px 0 40px;} .cpgg tr{background: #F6F7F9;} .cpgg tr:nth-child(2n){background: #fff;} .cpyy{margin: 25px 0 0;} .cpyy img{max-width: 100%;} .cpsp{margin: 40px 0 0;position: relative;} .cpspm{overflow: hidden;} .spbox{width: calc((100% - 25px)/2);position: relative;} .spbox img{vertical-align: top;width: 100%;} .spbox span{width: 50px;height: 50px;background: url(../images/icon10.png) no-repeat center center;background-size: cover;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);z-index: 5;cursor: pointer;} .spbtn{width: 32px;height: 38px;position: absolute;top: 50%;transform: translateY(-50%);cursor: pointer;} .spbtnl{background: url(../images/icon11a.png) no-repeat center center;left: -45px;} .spbtnr{background: url(../images/icon11b.png) no-repeat center center;right: -45px;} .cpspb{padding: 15px 0 0;} .cpspb .swiper-pagination-bullet{margin: 0 4px;} .cpspb .swiper-pagination-bullet-active{background: #014886;} .zlxz{margin: 33px 0 0;} .zlxz li{background: #F6F7F9;border-radius: 2px;margin-bottom: 5px;padding: 15px 24px 15px 40px;color:#333;font-size: 16px;line-height: 26px;} .zlxz li span{flex: 1;margin-right: 10px;} .zlxz li a{background: url(../images/icon12.png) no-repeat left center;padding-left: 28px;color: #333;} .zpzxb{padding: 105px 0 10px;} .zpzxbt{margin-bottom: 55px;} .zpzxbt h2{text-align: center;color: #212121;font-size: 46px;letter-spacing: 3px;font-family:SourceHanSansCN-Bold;line-height: 1;margin-bottom: 28px;} .zpzxbt p{color: #9E9E9E;font-size: 18px;text-transform: uppercase;line-height: 14px;text-align: center;letter-spacing: 4px;} .tcbg{background: #000;width: 100%;height: 100vh;position: fixed;left: 0;top: 0; z-index: 200;opacity: 0.5;display: none;} .tcsp{width: 60vw;height: 65vh;position: fixed;left: 50%;top: 50%;transform: translate(-50%,-50%); z-index: 201;display: none;} .close{color: #fff;position: absolute;font-size: 40px;top: -20px;right: -40px;cursor: pointer;font-weight: normal;} .spvideo2{width: 100%;height: 100%;} .page{padding:50px 0 0;} .page .layui-laypage a,.page .layui-laypage span{margin: 0 5px;} .layui-laypage a, .layui-laypage button, .layui-laypage input, .layui-laypage select, .layui-laypage span{border: 1px solid rgba(0,0,0,0);line-height: 45px;height: 45px;text-align: center;width: 45px;padding: 0;border-radius: 4px;color: #333;font-size: 18px;overflow: hidden;} .layui-laypage span em{font-size: 18px;} .layui-laypage-prev,.layui-laypage-next{width: 80px!important;} .layui-laypage-skip{width: auto!important;display: flex;justify-content: center;align-items: center;height: 37px!important;;line-height: 37px!important;;font-size: 0!important;;} .layui-laypage-count{width: auto!important;} .page .layui-input,.page .layui-laypage-btn{width: 64px!important;box-sizing: border-box;} .layui-laypage-prev{margin-right: 10px!important;} .layui-laypage>a:first-child, .layui-laypage>a:first-child em,.layui-laypage>a:last-child, .layui-laypage>a:last-child em{border-radius: 5px;} .layui-laypage-next{margin-left: 10px!important;} .layui-laypage a:hover{color: #014886;} .pagination{display: flex;justify-content:center;align-items: center;} .pagination li{margin: 0 9px;} .pagination li a,.pagination li span{line-height: 36px;width: 36px;text-align: center;color: #CECECE;font-size: 16px;border-radius:0;background: #fff;border:1px solid #DDD} .pagination li a:hover{color: #014886;} .pagination li.active span{color: #fff;background: #014886;border-color:#014886} .pagination li.disabled{cursor: not-allowed;} .pagination li.disabled span{color: #999;} .zoomDiv{z-index:999;position:absolute;top:0px;left:0px;width:400px!important;height:400px!important;background:#fff;border:1px solid #ccc;display:none;text-align:center;overflow:hidden;} .zoomDiv .bigimg{max-width:inherit} .zoomMask{position:absolute;background:url("../images/mask.png") repeat scroll 0 0 transparent;cursor:move;z-index:1;border：1px solid #ccc;width:200px!important;height:200px!important} /****/ .phflexshow,.phblockshow{display: none;} .pcblockshow{display: block;} .pcflexshow{display: flex;} @media screen and (max-width:1920px){ } @media screen and (max-width:1701px){ .zoom{zoom:0.9} } @media screen and (max-width:1550px){ .zoom{zoom:0.85} } @media screen and (max-width:1441px){ .zoom{zoom:0.8} .cpwrap{max-width:calc(1700px * 0.8)} .cpwrap .cpr{width:calc(100% - 420px * 0.8)} .cpwrap .cptl{width: calc(625px * 0.8);height:calc(470px * 0.8)} .cpwrap .cptr{width:calc(100% - 675px * 0.8);height:calc(470px * 0.8);padding:0} .cpwrap .cptr h2{padding-bottom:24px;margin-bottom:27px} .cpwrap .cpnav li{margin:0 18px;font-size:15px;white-space:nowrap} } @media screen and (max-width:1368px){ .zoom{zoom:0.75} } @media screen and (max-width:1280px){ .zoom{zoom:0.7} .wrap{padding: 0 20px;} } @media screen and (max-width:1100px){ .box2r{padding: 50px 0;} .box3{padding: 200px 0 0;} .xqm{box-sizing: border-box;padding: 0 15px;} } @media screen and (max-width:960px){ .phflexshow{display: flex;} .phblockshow{display: block;} .pcblockshow,.pcflexshow{display: none;} .zoom{zoom:1} .wrap{padding: 0 15px;} .link{font-size: 14px;padding-right: 25px;line-height: 25px;} .link:hover{color: #004A91;background: url(../images/icon3b.png) no-repeat right center;} .cpwrap{max-width:inherit} .cpt{flex-wrap: wrap;} .cptl{width: 100%!important;height: 280px!important;} .cptl .swiper-slide{width: 100%;height: 280px;} .cptlbtn{display: none;} .cptlb{opacity: 1;} .cptr{width: 100%!important;height: auto!important;padding: 20px 0 0!important;} .cptr h2{font-size: 20px;line-height: 35px;padding-bottom: 20px;margin-bottom: 25px;} .cptr h2::after{width:60px;height: 2px;} .cptr p{font-size: 14px;line-height: 28px;} .cptrb{display: none;} .cpnav{padding: 0 10px;top: 60px;} .cpnav ul{overflow: hidden;overflow-x: scroll;white-space: nowrap;} .cpnav ul::-webkit-scrollbar { height: 0;} .cpnav li{margin: 0 10px!important;line-height: 50px;font-size: 15px;} .cpnav li.now::before{height: 2px;} .cpmm{padding: 0 15px 30px;} .cpzxbox{padding: 15px 0 10px;font-size: 14px;line-height:28px;} .cptitle{font-size:16px;padding: 10px 0;} .jsgg{padding: 15px 0 0;} .cptd{padding: 15px 0 0 20px;} .cpgg{margin:15px 0 0;} .cpgg td{font-size: 14px;line-height: 24px;padding:10px 0;} .cpgg td span{padding: 0 5px 0 10px;white-space: nowrap;} .cpyy{margin: 15px 0 0;} .cpsp{margin: 15px 0 0;position: relative;} .spbox{width: calc((100% - 10px)/2);position: relative;} .spbox span{width: 30px;height: 30px;} .spbtn{display: none;} .zlxz{margin: 15px 0 0;} .zlxz li{padding: 10px;font-size: 14px;line-height: 24px;} .zlxz li span{white-space: nowrap;text-overflow: ellipsis;max-width: calc(100% - 80px);overflow: hidden;} .zlxz li a{background-size: 15px auto;padding-left: 20px;} .zpzxb{padding: 50px 0 0;} .zpzxbt{margin-bottom: 25px;} .zpzxbt h2{font-size: 24px;letter-spacing: 2px;margin-bottom: 10px;} .zpzxbt p{font-size: 12px;letter-spacing: 2px;} .tcsp{width: 90vw;height:35vh;} .close{font-size: 35px;top: -50px;right: 0;} .gyt{padding: 50px 0;} .gyt .wrap{flex-wrap: wrap;} .gytr{width: 100%;} .gytr img{width: 100%;height: auto;} .icon10{width: 50px;height: 50px;background-size: cover;} .gyb{padding: 40px 0 50px;} .gybm{width: 100%;} .gybmt{flex-wrap: wrap;} .gybmtl{width: calc((100% - 5px)/2);height: 120px;padding: 15px 0 15px 15px;} .gybmtl img{height: 35px;} .gybmtl p{font-size: 14px;} .img17{width: 100%;} .img18{width: 100%;height: auto;} .gybmbr{width: calc(100%/3);height: 120px;padding: 5px 0 5px 15px;} .gybmbrt b{font-size: 36px;line-height: 40px;} .gybmbrt span{font-size: 13px;margin-left: 5px;line-height: 35px;} .gybmbrb p{font-size: 14px;margin-bottom: 6px;} .gybmbrb span{font-size: 12px;height: 24px;} .fwtx{padding: 35px 0 50px;} .fwtx .wrap{flex-wrap: wrap;} .fwtxl{width: 100%;} .fwtxr{width: 100%;padding: 20px 0 0;} .title3{font-size: 24px;line-height: 40px;} .title3 span::after{width: 90px;height: 2px;left: calc((100% + 10px));} .fwtxt{font-size: 14px; line-height: 28px;margin-top: 10px;padding-right:0;} .xqbox{padding: 50px 0 30px;} .xqt{padding-bottom: 28px;} .xqt::before{width: 64px;height: 2px;} .xqt h2{margin-bottom: 10px;font-size: 28px;} .xqtb{font-size: 14px;line-height: 25px;} .xqtb span{margin-right: 20px;} .xqnr{font-size: 14px;line-height: 30px;margin:30px 0;} .lxwm{padding: 55px 0 35px;} .lxl{width: 100%;margin-bottom: 40px;} .lxl li{padding: 30px 10px 15px 0;} .lxlm{padding-left: 50px;} .lxlm h2{font-size: 20px;line-height: 1;margin-bottom: 10px;} .lxlm p{font-size: 14px;line-height: 20px;} .lxlm .icon{width:30px;} .lxlm .icon:nth-child(1){background-size: 22px auto!important;} .lxlm .icon:nth-child(2){background-size: 22px auto!important;} .lxlm .icon:nth-child(3){background-size: 26px auto!important;} .lxlm .icon:nth-child(4){background-size: 20px auto!important;} .lxr{width: 100%;padding: 35px 20px;} .lxr h2{font-size: 24px;padding-bottom: 5px;} .lxr ul{padding-bottom: 35px;} .lxr li{width: 100%;padding: 15px 0 10px;margin:0;} .lxr_input{height: 35px;font-size: 14px;} .lxr_text{font-size: 14px;line-height: 25px;height: 75px;} .lxbtn{width: 120px;height: 40px;} .lxbtn span{font-size: 16px;padding-right: 30px;} .jskt{padding: 45px 0 50px;} .ktlb li{margin-bottom: 40px;} .ktlbl{width: 100%;max-height: inherit;} .ktlbr{width:100%;padding: 20px 0 0;} .ktlbr h2{font-size: 20px;padding-bottom: 20px; margin-bottom: 20px;} .ktlbr h2::before{width: 34px;height: 2px;} .ktlbr p{font-size: 14px; line-height: 20px;max-height: 80px;text-align: justify;} .xwmenu{width: 100%;} .xwmenu ul{justify-content: center;} .xwmenu li{margin: 0 30px;} .xwmenu li a{line-height:50px;font-size: 16px;} .xwbox{padding: 30px 0 50px;} .xwlb li{margin-bottom: 15px;border: 1px solid #eee;padding: 10px;} .xwlbr{display: none;} .xwlbl{width:100%;box-sizing: border-box;padding: 0;} .xwlbl .pic{width: 120px;} .xwlblr{width: calc(100% - 135px);} .xwlblr h2{font-size: 14px;padding-bottom: 10px;margin-bottom: 10px;} .xwlblr h2::before{width: 34px;height: 2px;} .xwlblr p{font-size: 13px; line-height: 18px;height: 54px;} .cpbox{padding: 35px 0 50px;} .cpl{width: 100%;} .title2{height: 60px;padding-left: 15px;} .title2 h2{font-size:20px;line-height: 1;padding-left: 30px;margin-bottom: 8px;} .title2 p{padding-left: 30px;font-size: 12px;} .icon6{background-size: 15px auto;} .cpmenu{margin: 15px 0 25px;} .cpmenu ul{overflow: hidden;overflow-x: scroll;white-space: nowrap;display: flex;flex-direction: row; justify-content: flex-start;} .cpmenu ul li{border-radius: 4px;margin: 0 15px 0 0;padding:0;} .cpmenu ul li:last-child{margin-right: 0;} .cpmenu ul li a{line-height: 40px;font-size: 16px;background: none;padding: 5px 15px;} .cpmenu ul li a:hover,.cpmenu ul li.now a{background:#004A91;color: #fff;} .cpmenu ul::-webkit-scrollbar { height: 2px;} .cpr{width: 100%!important;} .cplb li:nth-child(3n){margin-right: 15px;} .subbanner img{min-height: 240px;} .page{padding:20px 0 0;} .layui-laypage a, .layui-laypage button, .layui-laypage input, .layui-laypage select, .layui-laypage span{line-height: 32px;height: 32px;width: 32px;font-size: 14px;} .layui-laypage span em{font-size: 14px;} /****/ .box4{padding: 50px 0 70px;} .box4t{margin: 38px 0 35px;height: auto;padding: 30px 15px 30px;} .box4tm{width: 100%;padding-left: 0;height: auto;} .phbox4tm{text-align: center;padding: 30px 0;} .phbox4tm img{max-width: 80%;} .box4txt1{font-size: 16px;line-height: 20px;padding:5px 0 0;} .box4txt2{font-size: 14px;line-height: 24px;padding: 20px 0;} .link2{width: 120px;height: 36px;} .link2 span{font-size: 14px;padding-right:25px;} .box4m li{width: calc((100% - 15px)/2);margin-right: 15px; margin-bottom: 15px;} .box4m li:nth-child(2n){margin-right: 0;} .box4m li a{padding: 10px 15px 0;} .box4mb{padding: 30px 0 25px;} .box4mb h2{font-size: 18px;margin-bottom: 10px;} .box4mb p{font-size: 14px;} .box3{padding: 100px 0 0;} .title h2{font-size: 24px;line-height:30px;padding-bottom: 20px;} .title span{font-size: 14px;line-height: 1;letter-spacing: 4px;} .box3m{padding: 45px 0 0;} .box3ml{width: 100%;height: auto;margin-bottom: 10px;} .box3mr{width: 100%;height: auto;display: block;} .box3txt{top: 15px;left: 15px;} .box3txt span{font-size: 12px;line-height: 15px;} .box3txt p{font-size: 20px;padding: 8px 0 0;} .box3mrt{height: auto;margin-bottom: 10px;} .box3mrb{height: auto;} .box3mrb li{width: calc((100% - 10px)/2);height: auto;margin-right:10px;} .box2{padding: 50px 0 0;} .box2r{width:100%;padding: 0 0 50px;} .box2r h2{font-size: 24px;line-height: 35px;} .box2r p{font-size: 14px;line-height: 22px;padding: 15px 0 20px;} .box2l{width: 100%;} .box2l li{width: calc((100% - 20px)/3); margin-right: 10px;height: 120px;padding: 20px 0 20px 15px;} .box2l li p{font-size: 14px;} .box2l li img{height: 35px;} .box2l ul:nth-child(1){margin-bottom: 15px;} .box2l li b{font-size: 36px;line-height:40px } .box2l li span{font-size: 13px;line-height:35px;margin-left: 5px;} .box2 .bg{top: calc(100% - 30px);min-height: 300px;} .box1{height: auto;} .box1m{bottom: 130px;} .box1m h2{font-size: 30px; } .box1m p{font-size: 14px;padding: 20px 0 0;letter-spacing: 5px; } .box1b{bottom: 50px;} .box1txt{font-size: 12px;} .box1bl{width: 100%;} .box1blm{margin: 0 10px;width: inherit;flex: 1;} .box1bm span{padding:8px} .phheader{ z-index: 100;height: 60px;width: 100%;position: fixed;left: 0;top: 0;background: #fff;} .jz_nav_menu {cursor: pointer;display: block;right: 15px;position: absolute;top: 21px;width: 22px;z-index: 100;} .menu_body {height: 18px;position: relative;width: 24px;} .nav_menu_item {background: #000;height: 2px;position: absolute;transition: .36s ease;width: 100%;} .menu_item_top {top: 0;} .menu_item_center {display: block;top: 8px;} .menu_item_bottom {bottom: 0;} /* .jz_nav_wrap_active .jz_nav_menu {top: 25px;} */ .jz_nav_wrap_active .nav_menu_item {height: 1px;} .jz_nav_wrap_active .menu_item_top {top: 9px;transform: rotate(45deg);} .jz_nav_wrap_active .menu_item_center {opacity: 0;} .jz_nav_wrap_active .menu_item_bottom {bottom: 8px;transform: rotate(-45deg);} .phlogo{position: absolute;left:15px;top: 0;height: 100%;} .phlogo img{height: 30px;vertical-align: top;} .phnav{background: #fff;position: fixed;left: 0;top: 60px;height: calc(100vh - 60px); z-index: 100;width: 100%;box-sizing: border-box;padding: 35px 25px 0;display: none;} .phnav li{margin-bottom: 15px;} .phnav li a{width: 100%;text-align: center;line-height: 65px;color: #212121;font-size: 18px;font-family:Alibaba-PuHuiTi-Medium;} .phyy a{color: #212121;font-size: 16px;padding: 10px;} .phyy span{width: 1px;height: 12px;background: #222;margin: 0 15px;} .footerm{border:none;padding: 25px 5px 30px;} .footerml{width: 100%;} .footerml ul{flex-direction: column;} .footerml li{margin: 5px 0;} .footerml li h2{font-size: 16px;font-family:BarlowCondensed-Medium;padding: 0;line-height: 36px;margin: 0; } .footerml li h2::before{width: 6px;height: 10px;background: url(../images/icon5.png) no-repeat center center;background-size: 6px auto; left: inherit;right: 0;top: 50%;transform: translateY(-50%);} .footerml li p{display: none;font-size: 14px;line-height:24px;padding: 5px 0;} .footerml li:hover p{display: block;} .footermr{width: 100%;justify-content: center;align-items: center;padding: 35px 0 0;} .footermr img{width: 115px;} .footermr p{font-size: 14px;padding: 15px 0 0;} .footerb{font-size: 13px;line-height: 24px;padding: 12px 0 10px;} }