/*@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:Alibaba-PuHuiTi-Regular; */ /* src: url(font/Alibaba-PuHuiTi-Regular.otf); */ /*}*/ /*@font-face { */ /* font-family:Alibaba-PuHuiTi-Medium; */ /* src: url(font/Alibaba-PuHuiTi-Medium.otf); */ /*}*/ /*.shsR{font-family:SourceHanSansCN-Regular; }*/ /*.shsB{font-family:SourceHanSansCN-Bold; }*/ /*.aphR{font-family:Alibaba-PuHuiTi-Regular; }*/ /*.aphM{font-family:Alibaba-PuHuiTi-Medium; }*/ /*body{ font-size:12px; line-height: 1.5; color: #666;font-family:Alibaba-PuHuiTi-Regular;overflow-x: hidden; }*/ body{ font-size:12px; line-height: 1.5; color: #666;font-family:"Microsoft YaHei", "微软雅黑", sans-serif;overflow-x: hidden; } a{ text-decoration:none; transition:all 0.3s} a:hover{ text-decoration:none;} input,button,textarea{outline: none;font-family:"Microsoft YaHei", "微软雅黑", sans-serif; } input:-ms-input-placeholder { color: #999;} input::-webkit-input-placeholder { color: #999} .wrap{max-width: 1560px;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: #2661B8; border-radius: 8px; width: 1px; } .bgfa{background: #fafafa;} .lan{color: #2661B8;} .header{position: fixed;width: 100%;left: 0;top: 0; z-index: 100;background: #fff;box-sizing: border-box;padding: 15px 0 0;height: 85px;box-shadow: 0 5px 15px rgba(0,0,0,0.1);} .headerb{height: 85px;width: 100%;} .logo{height: 60px;} .nav li{position: relative;margin-left: 15px;} .navlink{color: #303030;font-size: 18px;line-height: 20px;padding: 25px;} .nav li:hover .navlink,.nav li.now .navlink{color: #2661B8;} /* .navb{width: 120px; position: absolute;left: 50%;top: 100%;background: #fff;transform: translateX(-50%);display: none;} .navb::before{content: '';display: inline-block;width: 19px;height: 11px;background: url(../images/icon9.png) no-repeat center center; position: absolute;left: 50%;top: -11px;transform: translateX(-50%);} .navb a{display: block;text-align: center;border-bottom: 1px solid #EFF2F7; line-height: 48px;color: #333;font-size: 14px;font-family:SourceHanSansCN-Regular; } .navb a:last-child{border-bottom: none;} .navb a:hover{color: #00A0DB;} .nav li:hover .navb{display: block;} */ .phnav{display: none;} .banner{width: 100%; overflow: hidden;position: relative;} .banner .swiper-slide{width: 100%;height: 100%; background-position: center;background-repeat: no-repeat; background-size: cover;} .banner .swiper-slide a{width: 100%;text-align: center;} .banner .swiper-slide a img{max-width: 100%;} .bannerb{position: absolute;bottom: 20px!important; z-index: 3;} .banner .swiper-pagination-bullet{width: 10px;height: 10px;margin: 0 5px;background: #fff;opacity: 0.5!important;border-radius: 10px;} .banner .swiper-pagination-bullet-active{opacity: 1!important;width: 50px;} .ppjs{background: url(../images/bg1.png) no-repeat center bottom;padding: 115px 0 110px;} .title h2{font-size: 36px;line-height:1;color: #242424;} .title p{color: #A9C5EA;font-size: 30px;line-height: 25px;padding: 13px 0 0;} .ppjsm{padding: 40px 0 0;} .ppjsml{font-size: 18px;line-height: 36px;color: #383838;flex: 1;padding-right: 84px;text-align: justify;} .ppjsml p{padding-bottom: 15px;} .ppcp{background: #F8F9FB;padding: 115px 0;} .ppcpt{padding: 90px 0 60px;} .ppcpt li{border: 2px solid #e2e2e2;border-radius: 30px;width: 162px;box-sizing: border-box;color: #2A2A2A;font-size: 18px;line-height: 50px;cursor: pointer;transition: all 0.3s;margin-right: 30px; text-align: center; margin-bottom:15px} .ppcpt li:last-child{margin-right: 0} .ppcpt li:hover{color: #2661B8;border-color: #2661B8;} .ppcpt li.now{color: #fff;border-color: rgba(0,0,0,0);background: linear-gradient(-30deg, #1976CB, #3286D1);} .link{color: #1C78CC;font-size: 20px;padding: 0 15px;line-height: 50px;} .link:hover{font-weight: bold;} .ppcpb{display: none;position: relative;} .ppcpm{overflow: hidden;padding: 20px 0;} .cppic{overflow: hidden;height: 423px;transition: all 0.3s;box-sizing: border-box;width: calc((100% - 150px)/4);margin: 10px 50px 10px 0;} .cppic:nth-child(4n){margin-right: 0;} .cppic a{width: 100%;height: 100%;background: #fff;border-radius: 10px;} .cppic .pic{width: 100%;height: 292px;} .cppic .pic img{max-width: 100%;max-height: 100%;} .cppic p{text-align: center;color: #3d3d3d;font-size: 20px;line-height: 1;padding: 30px 0 0;font-family:Alibaba-PuHuiTi-Medium;transition: all 0.3s;} .cppic:hover{box-shadow: 0px 13px 21px 0px rgba(29,120,204,0.08);} .cppic:hover p{color: #2661B8;} .ppcpbtnl{width: 38px;height: 38px;border-radius: 50%;position: absolute;left: -80px;top: 50%;transform: translateY(-50%);transition: all 0.3s;cursor: pointer;background: url(../images/icon1.png) no-repeat center center;} .ppcpbtnl:hover{background: url(../images/icon1b.png) no-repeat center center;} .ppcpbtnr{width: 38px;height: 38px;border-radius: 50%;position: absolute;right: -80px;top: 50%;transform: translateY(-50%);transition: all 0.3s;cursor: pointer;background: url(../images/icon2.png) no-repeat center center;} .ppcpbtnr:hover{background: url(../images/icon2b.png) no-repeat center center;} .ppcpmb{visibility:hidden} .xssq{background: url(../images/bg2.png) no-repeat center bottom #F6F6F6;padding: 90px 0 55px;} .xssqt{width: 100%;position: absolute;left: 0;top: 140px;z-index:10} .xssqt li{padding: 15px 10px;color: #2A2A2A;font-size: 18px;line-height: 1;border-bottom: 2px solid rgba(0,0,0,0);margin: 0 40px;transition: all 0.3s;cursor: pointer;} .xssqt li:hover{color: #247DCE;} .xssqt li.now{color: #247DCE;border-color: #247DCE;} .xssqb{display: none;} .xssqm{overflow: hidden;padding: 250px 0 10px;} .sqdp{position: relative;height: 82px;color: #2A2A2A;font-size: 18px;cursor: pointer;transition: all 0.3s;box-sizing: border-box;width: calc((100% - 150px)/4);margin: 0 50px 40px 0;} .sqdpm{background: #fff;border-radius: 10px;display: flex;justify-content: center;align-items: center;} .sqdp:nth-child(4n){margin-right: 0;} .sqpic{position: relative;margin-right: 18px;height: 82px;} .sqpic .icon{width: 35px;height: 35px;border-radius: 50%;} .tip{background: url(../images/icon4.png) no-repeat center bottom;width: 127px;height: 130px;text-align: center;box-sizing: border-box;left: 50%;transform: translateX(-50%); padding: 8px 0 0;position: absolute;transition: all 0.3s;opacity: 0;top: -50px;justify-content: center;background:#FFF;} .tip img{width: 100px;height: 100px;} .tip p{padding: 5px 0 0;color: #2A2A2A;font-size: 12px;} .sqdp:hover{box-shadow: 0px 13px 21px 0px rgba(29,120,204,0.08);} .sqdp:hover .tip{opacity: 1;top: -129px;} .xssqmb .swiper-pagination-bullet{width: 10px;height: 10px;margin: 0 8px;background: #B3B3B3;opacity: 1!important;} .xssqmb .swiper-pagination-bullet-active{background: #2661B8;} .zxdt{background: #f9f9f9;padding: 80px 0 160px;} .zxdtm{padding: 65px 0 45px;} .zxdtml{width: calc((100% - 110px)/3);margin: 0 55px 0 0;background: #fff;transition: all 0.3s;} .zxdtml:nth-child(3){margin-right:0} .zxdtml img{width: 100%;vertical-align: top;} .zxdtmlb{padding: 28px 15px 105px;position: relative;} .zxdtmlb h2{font-family:Alibaba-PuHuiTi-Medium;color: #3A3A3A;font-size: 20px;line-height: 1;transition: all 0.3s;} .zxdtmlb p{color: #8F8F8F;font-size: 14px;line-height: 25px;height: 50px;margin: 18px 0;} .zxdtmlb span{color: #B4B3B3;font-size: 14px;line-height: 1;} .zxdtmlb b{position: absolute;left: 15px;bottom: 30px;width: 37px;height: 37px;border-radius: 50%;background: url(../images/icon5.png) no-repeat center center #C4C6C7;transition: all 0.3s;} .zxdtml:hover{box-shadow: 0px 13px 21px 0px rgba(29,120,204,0.08);} .zxdtml:hover h2{color: #247DCE;} .zxdtml:hover b{background-color: #247DCE;} .zxdtmr{width: calc((100% - 110px)/3);background: #fff;box-sizing: border-box;padding: 20px;} .zxdtmr ul{height: 100%;} .zxdtmr li{border-bottom: 1px solid #ececec;box-sizing: border-box;height: calc(100%/3);position: relative;} .zxdtmr li:last-child{border: none;} .zxdtmr li h2{font-family:Alibaba-PuHuiTi-Medium;color: #3A3A3A;font-size: 20px;line-height: 1;transition: all 0.3s;} .zxdtmr p{color: #8F8F8F;font-size: 14px;line-height: 25px;height: 50px;margin: 18px 0 30px;} .zxdtmr span{color: #B4B3B3;font-size: 14px;line-height: 1;} .zxdtmr li:hover h2{color: #247DCE;} .link2{background: #1D79CC;width: 182px;line-height: 50px;color: #fff;border-radius: 25px;text-align: center;font-size: 20px;border: 1px solid #1D79CC;box-sizing: border-box;} .link2:hover{color: #1D79CC;background: #fff;box-shadow: 0px 13px 21px 0px rgba(29,120,204,0.08);} .footer{background: #071227;} .footert{padding: 85px 0 100px;} .footertl{flex: 1;padding-right: 15px;} .footertl li{margin-right: 85px;} .footertl li h2{margin-bottom: 15px;} .footertl li h2 a{color: #F0F0F0;font-size: 20px;font-family:Alibaba-PuHuiTi-Medium;line-height: 1;padding: 5px 0;} .footertl li h2 a:hover{color: #2661B8;} .footertl li p a{font-size: 18px;line-height: 1;padding: 10px 0;margin-bottom: 5px;color: #E9E8E8;} .footertl li p a:hover{color: #2661B8;} .footertr{width: 498px;position: relative;box-sizing: border-box;padding-left: 85px;} .footertr::before{content: '';display: inline-block;width: 1px;height: 256px;background: #D2D2D2;opacity: 0.43;position: absolute;left: 0;top: -15px;} .footertr p{font-family:Alibaba-PuHuiTi-Medium;color: #F0F0F0;font-size: 20px;line-height: 1;padding: 5px 0 0; } .footertr h2{color: #247DCE;font-family:Alibaba-PuHuiTi-Medium;font-size: 35px;line-height: 26px;padding: 22px 0 37px;} .footertr li{text-align: center;} .footertr li:nth-child(1){margin-right: 80px;} .footertr li span{color: #E9E8E8;font-size: 14px;line-height: 1;padding: 15px 0 0;} .footerb{text-align: center;color: #949292;font-size: 16px;padding-bottom: 30px;line-height: 1;} /****/ .cpbox{padding: 80px 0;} .cpt{max-width:100%} .cpt a{border: 2px solid #e2e2e2;border-radius: 30px;width: 162px;box-sizing: border-box;color: #2A2A2A;font-size: 18px;line-height: 50px;cursor: pointer;transition: all 0.3s;margin-right: 30px; text-align: center; margin-bottom: 30px} /*.cpt a:last-child{margin-right: 0;margin-top:10px}*/ .cpt a:hover{color: #2661B8;border-color: #2661B8;} .cpt a.now{color: #fff;border-color: rgba(0,0,0,0);background: linear-gradient(-30deg, #1976CB, #3286D1);} .cplb{padding: 80px 0 50px;} .cplb .cppic{margin: 0 50px 50px 0;} .cplb .cppic:nth-child(4n){margin: 0 0 50px 0;} .page .layui-laypage a,.page .layui-laypage span{margin: 0 3px;} .layui-laypage a, .layui-laypage button, .layui-laypage input, .layui-laypage select, .layui-laypage span{border: 1px solid #e6e6e6;line-height: 35px;height: 35px;text-align: center;width: 35px;padding: 0;border-radius: 40px;color: #333;font-size: 16px;overflow: hidden;} .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;} .layui-input,.layui-laypage-btn{width: 64px!important;box-sizing: border-box;} .layui-laypage-prev{margin-right: 20px!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: 40px;} .layui-laypage-next{margin-left: 20px!important;} .layui-laypage a:hover{color: #2661B8;} .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: #3286D1;} .pagination li.active span{color: #fff;background: #3286D1;border-color:#3286D1} .pagination li.disabled{cursor: not-allowed;} .pagination li.disabled span{color: #999;} .xwlb{padding: 50px 0 30px;} .xwlb li{width: calc((100% - 40px)/2);margin: 0 40px 40px 0;box-sizing: border-box;border: 1px solid #E8E8E8;transition: all 0.3s;} .xwlb li:nth-child(2n){margin-right: 0;} .xwlb li a{box-sizing: border-box;width: 100%;padding: 20px 30px 20px 20px;position: relative;} .xwlb li a img{border-radius: 10px;width: 274px;} .xwlbr{padding: 10px 0 0;width: calc(100% - 290px);} .xwlbr h2{color: #464747;font-size: 20px;line-height: 1.3;transition: all 0.3s;height:26px} .xwlbr p{color: #8F8F8F;font-size: 14px;line-height: 1.5;margin: 15px 0 20px;} .xwlbr span{color: #B4B3B3;font-size: 14px;} .xwlb li a::after{content: '';display: inline-block;width: 30px;height: 30px;background: url(../images/icon6.png) no-repeat center center #D3D3D3;position: absolute;right: 27px;bottom: 20px;transition: all 0.3s;} .xwlb li:hover{background: #F6FBFF;border-color: #F6FBFF;} .xwlb li:hover h2{color: #247DCE;} .xwlb li:hover a::after{background-color: #3286D1;} .sqbox{position: relative;box-sizing: border-box;} .sqbox::before{content: '';display: inline-block;width:calc((100% - 1560px)/2);height: 100%;background: #F6F6F6;position: absolute;left: 0;top: 0;} .icon7a{width: 173px;height: 644px;position: absolute;left: 0;top: 72px;background: url(../images/icon7a.png) no-repeat center center;z-index: 2;} .icon7b{width: 370px;height: 413px;position: absolute;right: 0;bottom: 0;background: url(../images/icon7b.png) no-repeat center center;z-index: 2;} .sql{background: #F6F6F6;width: 273px;padding: 70px 88px 200px 0;} .sql li{width: 273px;height: 72px;background: #fff;border-radius: 10px;text-align: center;color: #393939;font-size: 20px;margin-bottom: 65px;line-height: 72px;cursor: pointer;} .sql li:hover{color: #247DCE;} .sql li.now{color: #fff;background: linear-gradient(-30deg, #1976CB, #3286D1);box-shadow: 5px 9px 30px 0px rgba(179,190,206,0.3);} .sqr{flex: 1;padding: 70px 0 0 65px;} .sqrm{display: none;width:100%} .sqr .sqdp{width: calc((100% - 150px)/3);margin: 0 50px 30px 0;} .sqr .sqdp:nth-child(4n){margin-right:50px;} .sqr .sqdp:nth-child(3n){margin-right:0;} .lxt{background: #F7FCFF;padding: 90px 0 110px;} .lxtm{box-shadow: 0px 5px 16px 0px rgba(33,33,33,0.05);background: #fff;padding: 0 112px 0 77px;height: 242px;} .lxt p{color: #3F3F3F;font-size: 18px;line-height: 1.5;} .lxt h2{color: #247DCE;font-size: 25px;line-height: 1.5;} .lxtr li img{width: 96px;} .lxtr li span{color: #3F3F3F;font-size: 18px;line-height: 1;padding: 15px 0 0;} .lxtr li:nth-child(1){margin-right: 50px;} .lxb{padding: 85px 0 0; position:relative} .lxbid{width:100%;height:10px;position:absolute;left:0;} .lxbid2{top:-150px} .lxbid3{top:80px} .lxbm h2{color: #232323;font-size: 36px;font-family:Alibaba-PuHuiTi-Medium;line-height: 1;margin-bottom: 40px;font-weight: normal; } .lxbm li{margin: 0 170px 125px 0;width: 230px;line-height: 65px;text-align: center;} .lxbm li a{width: 100%;text-align: center;background: #F2F2F2;color: #4C4C4C;font-size: 18px;} .lxbm li:nth-child(3n){margin-right: 0;} .weizhi{background: url(../images/icon8.png) no-repeat left center;font-size: 18px;line-height: 1.5;margin: 30px 0 0;padding-left: 30px;} .weizhi a{color: #555555;} .weizhi span{color: #3D3D3D;padding: 0 10px;} .weizhi b{font-weight: normal;color: #2E63B5;} .xwxq{padding: 80px 0;} .xwxqt h2{color: #333;font-size: 30px;font-family:Alibaba-PuHuiTi-Medium;font-weight: normal;} .xwxqt p{color: #5B5B5B;font-size: 20px;line-height: 1;padding: 28px 0 0;} .xwxqm{padding: 50px 0;color: #3A3A3A;font-size: 16px;line-height: 1.5;} .xwxqm img{max-width: 100%;} .xwxqb{border-top: 2px solid #D0D0D0;padding: 20px 0;font-size: 18px;line-height: 1.5;color: #5B5B5B;} .xwxqb a{color: #333;} .xwxqb a:hover{color: #247DCE;} .phflexshow,.phblockshow{display: none;} .pcblockshow{display: block;} .pcflexshow{display: flex;} @media screen and (max-width:1920px){ .zoom,.pcheader{zoom:0.85} } @media screen and (max-width:1536px){ } @media screen and (max-width:1441px){ .zoom,.pcheader{zoom:0.8} .header {padding: 15px 4vw 0;} } @media screen and (max-width:1368px){ .zoom,.pcheader{zoom:0.7} .header {padding: 15px 30px 0;} } @media screen and (max-width:1200px){ .zoom{zoom:0.65} } @media screen and (max-width:960px){ .phflexshow{display: flex;} .phblockshow{display: block;} .pcblockshow,.pcflexshow{display: none;} .zoom{zoom:1} .wrap{padding: 0 20px;} .cpt a:last-child{margin-right: 0;margin-top:0} .weizhi{background: url(../images/icon8.png) no-repeat left 10%;background-size:12px auto ; font-size: 14px;line-height: 1.5;padding-left: 20px;} .weizhi span{padding: 0 5px;} .xwxq{padding: 50px 0;} .xwxqt h2{font-size: 20px;} .xwxqt p{font-size: 14px;padding: 15px 0 0;} .xwxqm{padding: 30px 0;font-size: 14px;} .xwxqb{border-top: 1px solid #D0D0D0;padding: 10px 0;font-size: 16px;line-height: 2;color: #5B5B5B;} .lxt{padding: 40px 0 50px;} .lxtm{padding:20px;height:auto;} .lxt p{font-size: 16px;} .lxt h2{font-size: 20px;} .lxtl:nth-child(1){padding-bottom: 10px;} .lxtr{padding: 15px 0 0;} .lxtr li img{width: 70px;} .lxtr li span{font-size: 14px;padding: 5px 0 0;} .lxtr li:nth-child(1){margin-right: 20px;} .lxb{padding:25px 0;} .lxbm h2{font-size: 26px;margin-bottom: 20px;padding-top: 20px; } .lxbm li{margin: 0 0 40px 0;width: 200px;line-height: 50px;} .lxbm li a{font-size: 16px;} .sqbox .wrap{padding: 0;} .sql{width: 100%;padding: 50px 0;} .sql ul{flex-direction: row;padding: 0 10px;} .sql li{width: 160px;height: 40px;border-radius: 5px;line-height: 40px;font-size: 15px;margin: 0 5px;} .sqr{flex:none;padding: 60px 15px;width: 100%;box-sizing: border-box;min-height:440px} .sqr .sqdp{width: 50%;margin: 0 0 30px 0;} .sqr .sqdp:nth-child(4n){margin-right:0;} .sqr .sqdp:nth-child(3n){margin-right:0;} .sqr .sqdp:nth-child(2n){margin-right:0;} .icon7a,.icon7b{display: none;} .xwlb{padding: 30px 0 10px;} .xwlb li{width: 100%;margin: 0 0 20px 0;} .xwlb li a{padding: 10px;} .xwlb li a img{width: 100%;border-radius: 5px;} .xwlbr{flex: none;width: 100%;margin: 0;padding: 15px 0 5px;} .xwlbr h2{font-size: 18px;} .xwlbr p{font-size: 13px;margin: 15px 0 40px;} .xwlbr span{font-size: 12px;} .xwlb li a::after{width: 28px;height: 28px;bottom: 15px;} .cpbox{padding: 40px 0;} .cpbox .link{display: none;} .cpt{max-width:100%} .cpt a{border: 1px solid #e2e2e2;width: 100px;font-size: 14px;line-height: 35px;margin-right:10px; margin-bottom:10px; } .cplb{padding: 25px 0 0;} .cplb .cppic{margin: 0 0 15px 0;} .cplb .cppic:nth-child(4n){margin: 0 0 15px 0;} .phfootert{padding: 30px 0 35px;} .footerb{font-size: 12px;padding-bottom: 15px;} .phfootertxt p{color: #F0F0F0;font-size: 14px;line-height: 1.5;} .phfootertxt h2{color: #247DCE;font-size: 16px;line-height: 1;} .phfootertr li:nth-child(1){margin-right: 10px;} .phfootertr li img{width: 70px;} .phfootertr li span{color: #E9E8E8;font-size: 12px;padding: 10px 0 0;} .zxdt{padding: 50px 0;} .xssq{padding: 50px 0;} .zxdtm{padding: 35px 0 5px;} .zxdtml{width:100%;margin: 0 0 15px 0;box-shadow: 5px 9px 30px 0px rgba(201,219,231,0.3);} .zxdtml img{display: none;} .zxdtmlb{padding: 20px 15px 25px;} .zxdtmlb h2{font-size: 16px;} .zxdtmlb p{margin: 10px 0 20px;} .zxdtmlb span{font-size: 12px;} .zxdtmlb b{width: 28px;height: 28px;left: inherit;right: 15px;bottom: 20px;} .zxdtmr{width: 100%;background: none;padding: 0;} .zxdtmr li{height: auto;border: none;margin: 0 0 15px 0;box-shadow: 5px 9px 30px 0px rgba(201,219,231,0.3);background: #fff;padding: 20px 15px 25px;} .zxdtmr li h2{font-size: 16px;} .zxdtmr p{margin: 10px 0 20px;} .zxdtmr span{font-size: 12px;} .zxdtmr li::after{display: inline-block;content: ''; position: absolute;right: 15px;bottom: 20px;width: 28px;height: 28px;border-radius: 50%;background: url(../images/icon5.png) no-repeat center center #C4C6C7;transition: all 0.3s;} .link2{width: 120px;line-height: 35px;font-size: 14px;} .xssqt li{padding: 10px;font-size: 14px;margin: 0 10px;} .sqdp{height: 60px;font-size: 13px;width: 50%;margin: 0 0 20px 0;box-sizing: border-box;padding: 0 8px 0 0;} .sqdpm{border-radius: 5px;box-sizing: border-box;padding: 0 5px;} .sqdp:nth-child(2n){padding: 0 0 0 8px;} .sqpic{margin-right: 5px;height:60px;} .sqpic .icon{width: 25px;height: 25px;} .tip{transform: translateX(0); top: -60px;visibility: hidden; background: url(../images/icon4c.png) no-repeat center bottom;} .sqdp:hover{position: relative; z-index: 10;} .sqdp:hover .tip{top: 60px;visibility: visible;} .sqdp span{line-height: 20px;height: 40px;overflow: hidden;display: flex;flex-direction: column;justify-content: center;} .xssqm{padding: 100px 0 115px;margin-bottom:-85px} .xssqb{position:relative} .xssqt{top: 80px;} .xssqmb{width:100%; position:absolute;left:0;bottom:80px} .xssqmb .swiper-pagination-bullet{width: 8px;height: 8px;margin: 0 2px;} .ppcp{padding: 50px 0;} .ppcpt{padding: 30px 0 10px;} .ppcpt .link{display: none;} .ppcpt li{border: 1px solid #e2e2e2;width: 100px;font-size: 14px;line-height: 35px;margin-right:10px; } .ppcpbtnl,.ppcpbtnr{display: none;} .cppic{height: 210px;width: 50%;margin: 0 0 15px 0;padding: 0 8px 0 0;} .cppic a{border-radius: 5px;} .cppic:nth-child(2n){padding: 0 0 0 8px;} .cppic .pic{height: 115px;} .cppic p{font-size: 14px;padding: 20px 0 0;} .ppcpm{padding: 10px 0 5px;} .ppcpmb{display: flex;justify-content: center;visibility:visible} .ppcpmb .swiper-pagination-bullet{margin: 0 2px;} .ppcpmb .swiper-pagination-bullet-active{background: #2661B8;} .ppjs{background: url(../images/phbg1.png) no-repeat center bottom;background-size: 100% auto; padding: 50px 0 40px;} .title h2{font-size: 24px;} .title p{font-size: 18px;line-height: 20px;padding: 5px 0 0;} .ppjsm img{margin: 0 auto;max-width: 100%;} .ppjsml{width: 100%;flex: none;padding: 15px 0 0;font-size: 14px;line-height: 24px;} .header{height: 50px;padding: 0 15px;} .headerb{height: 50px;} .jz_nav_menu {cursor: pointer;display: block;left: 15px;position: absolute; top: 50%;transform: translateY(-50%);width: 22px;z-index: 100;} .langMenu {cursor: pointer;display: block;right: 15px;position: absolute;top: 50%;transform: translateY(-50%);width: 75px;z-index: 100; text-align: right} .menu_body {height: 18px;position: relative;} .nav_menu_item {background: #2B63B6;height: 2px;position: absolute;transition: .36s ease;width: 100%;} .menu_item_top {top: 0;} .menu_item_center {display: block;top: 8px;width: 80%;} .menu_item_bottom {bottom: 0;} .jz_nav_wrap_active .jz_nav_menu {top: 25px;} .jz_nav_wrap_active .nav_menu_item {height: 1px;background-color: #999!important;} .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{width: 50%;position: absolute;left: 25%;top: 0;height: 100%;} .phlogo img{height: 35px;vertical-align: top;} .phheaderr{position: absolute;right: 15px;top: 50%;transform: translateY(-50%);background: #247DCE;border-radius: 0 15px 0 15px;color: #fff;line-height: 25px;padding: 0 10px;font-size: 13px;} .phnav{background: rgba(239, 242, 247, 0.95);position: absolute;width: 100%;left: 0;top: 100%;height: calc(100vh - 50px);box-sizing: border-box;padding: 15px 20px;display: none;} .langList{background: rgba(239, 242, 247, 0.95);position: absolute;width: 100%;right: 0;top: 100%;height: calc(100vh - 50px);box-sizing: border-box;padding: 15px 20px;display: none;} .langList li, .phnav li{border-bottom: 1px solid #ddd;position: relative;} .navlink2{color: #000;font-size: 16px;line-height: 55px;width: 50%;font-family:Alibaba-PuHuiTi-Medium;} /* .phnav li span{position: absolute;right: 0;width: 30px;height: 50px;top: 0;} .phnav li span svg{width: 20px;height: auto; transition: all 0.3s;} .phnav li span path{fill: #999;} .phnavb{padding:0 10px 20px;display: none;} .phnavb a{width: 100%;line-height: 40px;font-size: 14px; color: #333;font-family:SourceHanSansCN-Regular;} .phnav li.act span svg{transform: rotate(180deg);} */ .bannerb{bottom: 10px!important; } .banner .swiper-pagination-bullet{width: 8px;height: 8px;margin: 0 2px;} }