@charset "utf-8"; /* 公共样式 */ html{font-size:12px;font-family:Microsoft YaHei,'\5B8B\4F53','\9ED1\4F53';} body,button,dd,dl,dt,form,h1,h2,h3,h4,h5,h6,hr,input,li,ol,p,td,textarea,th,ul{margin:0;padding:0;} table{border-spacing:0;} fieldset,img{border:0;} em,i{font-style:normal;} ol,ul{list-style:none;} h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;} a{text-decoration:none;outline:none;-moz-outline:none;} body{background:#fff;overflow-x:hidden;width:100%;} table,th,td{border-collapse:collapse;} input{outline:none;} .clearfix:after{content:" ";display:block;clear:both;height:0;} .clearfix{zoom:1;} .wFixed{width:1320px;margin:0 auto;} .ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;} img{max-width:100%} .swiper-container,.swiper-slide,.swiper-wrapper{overflow:hidden;height:auto!important;} .swiper-slide{overflow:hidden!important;} .swiper-pagination{position:absolute;bottom:15px;left:0;width:100%;text-align:center;} .swiper-pagination-switch{display:inline-block;width:10px;height:10px;background-color:#fff;border-radius:50%;opacity:1;font-size:0px;margin:0 8px 0 0;cursor:pointer;-webkit-text-size-adjust:none;line-height:1em;} .swiper-pagination-switch:last-child{margin:0;} .swiper-active-switch{background-color:#181777;} .swiper-button-prev,.swiper-button-next{position:absolute;top:50%; /*-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);*/cursor:pointer;} /*header*/ body{position:relative;} .header{position:absolute;top:0;left:0;z-index:9999;width:100%;} .header .logo{float:left;margin:47px 0 0 54px;} .header .soContact,.header .nav{float:right;} .header .soContact{margin:46px 100px 0 0;position:relative} .header .soContact{margin:46px 100px 0 0;} .header .soContact a{float:left;margin:0 0 0 20px;width:27px;height:27px;background:url(../img/i_wx.png) no-repeat 0 0;} .header .soContact a:nth-child(2){background-image:url(../img/i_wb.png);} .header .soContact a:nth-child(3){background-image:url(../img/i_wb1.png);} .pcHover .header .soContact a:hover{background-position:0 100%;} .header img.wxQR{display:none;position:absolute;top:37px;left:50%;margin-left:-55.5px;width:111px;height:111px;z-index:99999;} .header .nav{margin:44px 34px 0 0;} .header .nav>ul,.header .nav li{float:left;position:relative;} .header .nav>ul li{margin:0 0 0 50px;height:50px;overflow:hidden;} .header .nav li>a{color:#fff;font-size:16px;line-height:34px;position:relative;padding:0 4px;} .header .nav li>a:after{content:"";position:absolute;bottom:-20px;left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);width:100%;height:2px;background-color:#fff;display:none;} .header .nav li:first-child{margin:0;} .header .nav .cur,.pcHover .header .nav li:hover>a{font-weight:bold;} .header .nav .cur:after,.pcHover .header .nav li:hover>a:after{display:block;} .header .nav li div{position:absolute;top:48px;left:50%;-webkit-transform:translate(-50%,50px);-ms-transform:translate(-50%,50px);transform:translate(-50%,50px);width:114px;background:rgba(0,0,0,0.5) url(../img/bg_smeun.png) no-repeat left bottom;opacity:0;-webkit-transition:all 0.3s ease-out;transition:all 0.3s ease-out;} .header .nav li div a{display:block;width:100%;padding:0 10px;box-sizing:border-box;height:44px;line-height:44px;color:#fff;text-align:center;font-size:14px;font-weight:bold;background-color:transparent;-webkit-transition:all 0.3s ease;transition:all 0.3s ease;} .pcHover .nav li div a:hover{background-color:#181777;} .pcHover .nav li:hover{overflow:visible;height:50px;} .pcHover .nav li:hover div{opacity:1;-webkit-transform:translate(-50%,0);-ms-transform:translate(-50%,0);transform:translate(-50%,0)} .header .navBg{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background-color:rgba(0,0,0,0.5);z-index:9999;} .header .menuBtn{display:none;position:absolute;top:10px;right:10px;width:33px;} .header .navC~.navBg{display:block;} .banner{position:relative;width:100%;height:100%;} .bg{display:none;} .textShow{position:absolute;bottom:0;left:0;right:0;height:160px;background-color:rgba(0,0,0,0.6);z-index:99;} .textShow .textCon{position:relative;height:100%;overflow:hidden;} .textShow .textCon .swiper-slide{position:relative;height:100%;padding:39px 0 0 0;box-sizing:border-box;} .textShow .swiper-slide .tit,.textShow .swiper-slide .word{display:block;width:80%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;} .textShow .swiper-slide .tit{font-size:26px;height:35px;margin:0 0 18px 0;color:#fff;} .textShow .swiper-slide .word{font-size:14px;height:19px;color:#fff;} .textShow .swiper-slide .view{position:absolute;top:64px;right:1px;width:138px;height:32px;border:1px solid #e0e0d9;line-height:32px;font-size:18px;color:#fff;text-align:center;} .textShow .swiper-pagination{bottom:24px;text-align:left;} .textShow .swiper-pagination-switch{border-radius:0;margin:0 10px 0 0;width:30px;height:3px;background-color:#fff;opacity:0.5;transition:all 0.3s ease;-moz-transition:all 0.3s ease;-webkit-transition:all 0.3s ease;-o-transition:all 0.3s ease;} .textShow .swiper-active-switch,.pcHover .textShow .swiper-pagination-switch:hover{opacity:1;} .bannerImg .swiper-slide{background-size:cover;background-repeat:repeat;background-position:center;} .bannerImg .swiper-slide img:last-child{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);} .bannerImg .swiper-button-prev,.bannerImg .swiper-button-next{background:url(../img/bannerbtn.png) no-repeat center;width:23px;height:48px;left:90px;z-index:99;} .bannerImg .swiper-button-next{background-image:url(../img/bannerbtn1.png);left:auto;right:90px;} .bannerImg .swiper-slide{cursor:default;} .bannerImg .swiper-slide a{display:block;position:relative;} #menu{position:fixed;top:50%;right:3px;margin-top:-158px;z-index:999999;} #menu li{margin:0 0 5px;} #menu li:last-child{margin:0;} #menu a{transition:all 0.3s ease;-moz-transition:all 0.3s ease;-webkit-transition:all 0.3s ease;-o-transition:all 0.3s ease;display:block;width:70px;height:75px;background-color:rgba(0,0,0,0.7);position:relative;} #menu li i{display:block;width:29px;height:28px;background:url(../img/i_business.png) no-repeat 0 100%;position:absolute;top:13px;left:50%;transform:translateX(-50%);-ms-transform:translateX(-50%);-moz-transform:translateX(-50%);-webkit-transform:translateX(-50%);-o-transform:translateX(-50%);} #menu li em{display:block;width:90%;height:16px;margin:0 auto;padding:53px 0 0;color:#fff;overflow:hidden;font-weight:bold;text-align:center;} .pcHover #menu a:hover i{background-position:0 0;} .pcHover #menu a:hover{background-color:#181777;} #menu li:nth-child(2) i{background-image:url(../img/i_xm.png);width:26px;height:24px;} #menu li:nth-child(3) i{background-image:url(../img/i_partner.png);width:31px;height:27px;} #menu li:nth-child(4) i{background-image:url(../img/i_top.png);width:26px;height:24px;} .title{text-align:center;} .title h2{font-size:30px;color:#fff;} .title .en{font-weight:bold;} .title .en+h2{display:inline-block;position:relative;padding:15px 0 11px 0;} .title .en+h2:after{content:"";position:absolute;bottom:0;left:50%;width:100%;height:1px;transform:translateX(-50%);-ms-transform:translateX(-50%);-moz-transform:translateX(-50%);-webkit-transform:translateX(-50%);-o-transform:translateX(-50%);background-color:#fff;border-left:40px solid transparent;border-right:40px solid transparent;box-sizing:border-box;background-clip:content-box;} .title span{display:block;color:#f4f4f4;padding:26px 0 0 0;} .title1 .en{color:#d4d4d4;} .title1 .en+h2{color:#000;} .title1 .en+h2:after{background-color:#09357c} .title1 span{color:#8e8e8e;} .othTitle{position:relative;font-size:20px;color:#fff;text-align:center;background:url(../img/i_slideon.png) no-repeat center bottom;padding:45px 0 0 0;overflow:hidden;} .othTitle:before,.othTitle:after{content:"";position:absolute;bottom:6px;left:50%;width:269px;height:1px;background:#fff;-webkit-transform:translateX(-296px);-ms-transform:translateX(-296px);transform:translateX(-296px);} .othTitle:after{-webkit-transform:translateX(26px);-ms-transform:translateX(26px);transform:translateX(26px);} .othTitle .en{font-size:14px;} .othTitle h2{padding:6px 0 32px 0;font-weight:bold;color:#fff;} .othTitle1{color:#000;background-image:url(../img/i_slide.png);} .othTitle1:before,.othTitle1:after{background:#dcdcdc;} .othTitle1 h2{color:#000} h2.othTitle2{position:relative;padding:67px 0 19px;color:#333;font-size:20px;font-weight:bold;text-align:center;} h2.othTitle2:after{content:"";position:absolute;bottom:0;left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);width:24px;height:2px;background-color:#14138c;} h2.othTitle3{color:#333;font-size:20px;font-weight:bold;text-align:center;} h2.othTitle3 span{display:block;padding:6px 0 0 0;color:#ebebeb;font-size:24px;} .mainModule{ padding: 464px 0 0 0; background:no-repeat center top; } .busPlate{background-size:cover;background-repeat:repeat;background-position:center;} .busPlate .content{overflow:hidden;margin-top:145px;} .busPlate .content a{position:relative;float:left;width:18%;text-align:center;margin:0 1%;} .busPlate .content i{display:block;position:relative;width:126px;height:126px;margin:0 auto;border:3px solid #a39895;border-radius:50%;transition:all 0.3s ease;-moz-transition:all 0.3s ease;-webkit-transition:all 0.3s ease;-o-transition:all 0.3s ease;} .busPlate .content img{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);max-width:100%;transition:all 0.3s ease;-moz-transition:all 0.3s ease;-webkit-transition:all 0.3s ease;-o-transition:all 0.3s ease;} .busPlate .content em{display:block;overflow:hidden;width:100%;height:24px;margin:36px auto 29px;font-size:18px;color:#fefefe;text-overflow:ellipsis;white-space:nowrap;} .busPlate .content span{display:block;width:100%;font-size:14px;color:#a8a8a8;margin:0 auto;overflow:hidden;height:38px;} .pcHover .busPlate .content a:hover i{border-color:#181777;background-color:#181777;} .pcHover .busPlate .content a:hover img{-ms-transform:translate(-50%,-50%) scale(1.2);-moz-transform:translate(-50%,-50%) scale(1.2);-webkit-transform:translate(-50%,-50%) scale(1.2);-o-transform:translate(-50%,-50%) scale(1.2);} .projectSlide .flexslider{width:100%;margin-top:47px;} .projectSlide .flexslider ul li>a{position:relative;float:left;width:100%;text-align:left;overflow:hidden;display:block;} .projectSlide .flexslider ul li>a img{display:block;max-width:100%;transition:all 0.5s ease;-moz-transition:all 0.5s ease;-webkit-transition:all 0.5s ease;-o-transition:all 0.5s ease;} .projectSlide .flexslider ul li>a span{display:block;position:relative;width:100%;height:118px;border-bottom:1px solid #e6e6e6;padding-top:27px;box-sizing:border-box;background-color:transparent;transition:all 0.3s ease;-moz-transition:all 0.3s ease;-webkit-transition:all 0.3s ease;-o-transition:all 0.3s ease;} .projectSlide .flexslider ul li>a h3{overflow:hidden;box-sizing:border-box;width:80%;height:24px;color:#181777;font-size:18px;padding-left:45px;text-overflow:ellipsis;white-space:nowrap;} .projectSlide .flexslider ul li>a em{display:block;overflow:hidden;box-sizing:border-box;width:80%;height:16px;margin:15px 0 37px 0;padding-left:45px;color:#666;text-overflow:ellipsis;white-space:nowrap;} .projectSlide .flexslider ul li>a i{position:absolute;top:50%;right:40px;width:38px;height:38px;transform:translateY(-50%);-ms-transform:translateY(-50%);-moz-transform:translateY(-50%);-webkit-transform:translateY(-50%);-o-transform:translateY(-50%);background:url(../img/i_arrowright.png) no-repeat center;} .pcHover .projectSlide .flexslider ul li>a:hover:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;box-sizing:border-box;border:3px solid #181777;} .pcHover .projectSlide .flexslider ul li>a:hover span{background-color:#181777;} .pcHover .projectSlide .flexslider ul li>a:hover h3{color:#fff;} .pcHover .projectSlide .flexslider ul li>a:hover em{color:#fff;} .pcHover .projectSlide .flexslider ul li>a:hover img{transform:scale(1.05);-ms-transform:scale(1.05);-moz-transform:scale(1.05);-webkit-transform:scale(1.05);-o-transform:scale(1.05);} .projectSlide .flex-control-nav{text-align:center;} .projectSlide .flex-control-nav li{display:inline-block;margin:97px 7px 0;opacity:1;transition:all 0.3s ease;-moz-transition:all 0.3s ease;-webkit-transition:all 0.3s ease;-o-transition:all 0.3s ease;} .projectSlide .flex-control-nav li a{ text-indent: -99em;display:block;background-color:#b0b0b0;width:14px;height:14px;border-radius:50%;color:transparent;} .pcHover .projectSlide .flex-control-nav li a:hover,.projectSlide .flex-control-nav li .flex-active{background-color:#181777;} .projectSlide .swiper-slide{width:100%;margin-top:47px;} .projectSlide .swiper-slide>a{position:relative;float:left;width:25%;text-align:left;overflow:hidden;} .projectSlide .swiper-slide a img{display:block;max-width:100%;transition:all 0.5s ease;-moz-transition:all 0.5s ease;-webkit-transition:all 0.5s ease;-o-transition:all 0.5s ease;} .projectSlide .swiper-slide a span{display:block;position:relative;width:100%;height:118px;border-bottom:1px solid #e6e6e6;padding-top:27px;box-sizing:border-box;background-color:transparent;transition:all 0.3s ease;-moz-transition:all 0.3s ease;-webkit-transition:all 0.3s ease;-o-transition:all 0.3s ease;} .projectSlide .swiper-slide a h3{overflow:hidden;box-sizing:border-box;width:80%;height:24px;color:#181777;font-size:18px;padding-left:45px;background:url(../img/i_slide.png) no-repeat 20px center;text-overflow: ellipsis; white-space: nowrap;} .projectSlide .swiper-slide a em{display:block;overflow:hidden;box-sizing:border-box;width:80%;height:16px;margin:15px 0 37px 0;padding-left:45px;color:#666;text-overflow: ellipsis; white-space: nowrap;} .projectSlide .swiper-slide a i{position:absolute;top:50%;right:40px;width:38px;height:38px;transform:translateY(-50%);-ms-transform:translateY(-50%);-moz-transform:translateY(-50%);-webkit-transform:translateY(-50%);-o-transform:translateY(-50%);background:url(../img/i_arrowright.png) no-repeat center;} .projectSlide .swiper-slide .on:after,.pcHover .projectSlide .swiper-slide a:hover:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;box-sizing:border-box;border:3px solid #181777;} .projectSlide .swiper-slide .on span,.pcHover .projectSlide .swiper-slide a:hover span{background-color:#181777;} .projectSlide .swiper-slide .on h3,.pcHover .projectSlide .swiper-slide a:hover h3{color:#fff;background-image:url(../img/i_slideon.png);} .projectSlide .swiper-slide .on em,.pcHover .projectSlide .swiper-slide a:hover em{color:#fff;} .pcHover .projectSlide .swiper-slide a:hover img{transform:scale(1.05);-ms-transform:scale(1.05);-moz-transform:scale(1.05);-webkit-transform:scale(1.05);-o-transform:scale(1.05);} .projectSlide .swiper-pagination{text-align:center;position:static;width:100%;float:left} .projectSlide .swiper-pagination-switch{display:inline-block;width:14px;height:14px;border-radius:50%;margin:97px 7px 0;background-color:#b0b0b0;opacity:1;transition:all 0.3s ease;-moz-transition:all 0.3s ease;-webkit-transition:all 0.3s ease;-o-transition:all 0.3s ease;} .pcHover .projectSlide .slide-pagination span:hover,.projectSlide span.swiper-active-switch{background-color:#181777;} .parentCom{margin:50px 0 70px;} .parentCom .titleBtn{text-align:center;} .parentCom .titleBtn a{position:relative;display:inline-block;color:#000;font-size:18px;margin:0 49px 0 0;} .parentCom .titleBtn a:after{content:"";position:absolute;top:50%;right:-25px;width:1px;transform:translateY(-50%);-ms-transform:translateY(-50%);-moz-transform:translateY(-50%);-webkit-transform:translateY(-50%);-o-transform:translateY(-50%);height:13px;background-color:#000;} .parentCom .titleBtn a:before{display:none;content:"";position:absolute;top:30px;left:50%;width:0;transform:translateX(-50%);-ms-transform:translateX(-50%);-moz-transform:translateX(-50%);-webkit-transform:translateX(-50%);-o-transform:translateX(-50%);height:0;border-top:6px solid #181777;border-right:6px solid transparent;border-left:6px solid transparent;} .parentCom .titleBtn a:last-child{margin-right:0;} .parentCom .titleBtn a:last-child:after{content:"";display:none;} .parentCom .titleBtn a.on,.pcHover .parentCom .titleBtn a:hover{color:#181777;} .parentCom .titleBtn a.on:after,.pcHover .parentCom .titleBtn a:hover:after{background-color:#181777;} .parentCom .titleBtn a.on:before,.pcHover .parentCom .titleBtn a:hover:before{display:block;} .parentCom .swiper-slide{overflow:hidden;} .parentCom .swiper-slide a{float:left;width:20%;height:125px;position:relative;} .parentCom .swiper-slide img{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);} .parentCom .content{margin-top:84px;} .parentCom .content>div{position:relative;} .parentCom .content .swiper-button-prev,.parentCom .content .swiper-button-next{position:absolute;top:50%;left:0px;width:26px;height:26px;margin:0;background:url(../img/prevbtn.jpg) no-repeat center;transform:translateY(-50%);-ms-transform:translateY(-50%);-moz-transform:translateY(-50%);-webkit-transform:translateY(-50%);-o-transform:translateY(-50%);z-index:99;} .parentCom .content .swiper-button-next{left:auto;right:0px;background-image:url(../img/nextbtn.jpg)} .links{opacity:0;;position:fixed;left:0;bottom:130px;width:100%;height:140px;border-top:1px solid #e6e6e6;background-color:#f8f8f8;color:#535353;font-size:14px;overflow:hidden;} .links .linksTit{position:relative;overflow:hidden;margin:40px 0 14px 0;} .links h3{float:left;color:#333;font-size:16px;} .links h3 span{color:#6e6e6e;font-size:12px;} .links .swiper-button-prev,.links .swiper-button-next{position:static;float:right;width:14px;height:15px;margin-top:5px;background:url(../img/prevbtn1.png) no-repeat center;} .links .swiper-button-next{background-image:url(../img/nextbtn1.png);margin-left:5px;} .links .swiper-wrapper a{display:inline-block;color:#535353;font-size:14px;} .links .swiper-container{height:20px!important;} .links .swiper-slide{height:20px!important;overflow:hidden!important;text-overflow:ellipsis;white-space:nowrap;} .footer{width:100%;background-color:#181777;} .footer>div{overflow:hidden;} .footer .content{float:left;padding:47px 0 34px 0;width:83%;overflow:hidden;} .footer .content p{color:#ebf1f8;margin-bottom:17px;} .footer .content p span{padding-right:20px;} .footer .tel,.footer .fax,.footer .email,.footer .address{padding-left:20px;background:url(../img/i_tel.png) no-repeat left 2px;} .footer .fax{background-image:url(../img/i_fax.png);} .footer .email{background-image:url(../img/i_email.png);} .footer .address{background-image:url(../img/i_address.png);display:inline-block;} .footer a{color:#ebf1f8;display:inline-block;} .footer .address~a{color:#a98926;} .footer .qrCode{float:right;padding-top:22px;} .footer .qrCode img{display:block;width:111px;margin:0 auto;} .footer .qrCode span{display:block;margin-top:7px;color:#e7e7e7;text-align:center;} .swiper-container a{-webkit-tap-highlight-color:transparent;} .w1200{width:1200px;margin:0 auto;overflow:hidden;} .sTitle{overflow:hidden;line-height:50px;background-color:#fff;} .sTitle div div:first-child{float:left;padding:0 0 0 22px;color:#828282;background:url(../img/i_home.png) no-repeat left center;font-size:14px;} .sTitle div div:first-child a{color:#828282;} .sTitle div div:last-child{float:right;} .sTitle div div:last-child a{float:left;padding:0 24px;color:#000;font-size:16px;} .sTitle div div:last-child a.cur,.pcHover .sTitle div div:last-child a:hover{color:#fff;background-color:#14138c;} .modualCon{margin:8px 0 0 0;padding:75px 0 83px 0;} .modualCon h2{color:#000;font-size:30px;} .modualCon h2 span{display:block;padding:5px 0 0 0;color:#8c8c8c;font-size:24px;} .modualCon .list{color:#333333;font-size:16px;overflow:hidden;margin:38px 0 50px 0;} .modualCon .list>div{float:left;color:#333333;font-size:16px;} .modualCon .list>div:first-child{padding:11px 0 0 0;position:relative;} .modualCon .list>div:first-child:after,.modualCon .list>div:nth-child(2):after{content:"";position:absolute;top:0;right:0;width:1px;height:197px;background-color:#cecece;} .modualCon .list>div:first-child p{width:376px;padding:7.5px 10px 7.5px 27px;color:#333;background:url(../img/i_address1.png) no-repeat 0 12px;} .modualCon .list>div:first-child p:nth-child(2){background-image:url(../img/i_tel1.png);} .modualCon .list>div:first-child p:nth-child(3){background-image:url(../img/i_fax1.png);} .modualCon .list>div:first-child p:nth-child(4){background-image:url(../img/i_zipcode.png);background-position:0 15px;} .modualCon .list>div:first-child p:nth-child(5){background-image:url(../img/i_email1.png);background-position:0 15px;} .modualCon .list>div:nth-child(2){width:464px;position:relative;} .modualCon .list>div img{display:block;width:159px;height:159px;margin:4px auto 0;} .modualCon .list>div span{display:block;margin:15px 10px 0;color:#000;text-align:center;} .modualCon .list>div:nth-child(3){width:159px;margin:0 11px 0 153px;} #map{width:100%;height:376px;} .introduction{padding:330px 0 79px 0;background:#fff no-repeat center top;} .introduction .intr{margin-top:96px;margin-bottom:34px;padding:0 67px;height:auto;overflow-y:auto;overflow-x:hidden;box-sizing:border-box;} .introduction .intr span{display:block;margin:0 0 12px 0;font-size:16px;color:#333;text-indent:2em;line-height:36px;} .introduction .intr span:last-child{margin:0;} .companyBus{overflow:hidden;text-align:center;margin:0 auto 38px;} .companyBus a{display:inline-block;width:100px;margin:0 25px;vertical-align: top;} .companyBus i{position:relative;display:block;width:60px;height:60px;margin:0 auto;border:2px solid #3534bb;border-radius:50%;background-color:#fafafa;-webkit-transform:rotateY(0deg);transform:rotateY(0deg);-webkit-transition:all 0.8s ease;transition:all 0.8s ease;} .companyBus img{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);max-width:90%;-webkit-transition:all 0.8s ease;transition:all 0.8s ease;} .pcHover .companyBus a:hover i{-webkit-transform:rotateY(360deg);-ms-transform:rotateY(360deg);transform:rotateY(360deg);} .companyBus span{display:block;margin:10px 0 0 0;color:#333;font-size:14px;width:100%;height:19px;overflow:hidden;} .nextModule{display:block;margin:0 auto;width:31px;height:31px;background:url(../img/i_arrowdown.png) no-repeat center;} .btnActive{-webkit-animation:nextModule 1s linear infinite alternate;animation:nextModule 1s linear infinite alternate;} @-webkit-keyframes nextModule{ 0%{-webkit-transform:translateY(0);transform:translateY(0);} 100%{-webkit-transform:translateY(20px);transform:translateY(20px);} } @keyframes nextModule{ 0%{-webkit-transform:translateY(0);transform:translateY(0);} 100%{-webkit-transform:translateY(20px);transform:translateY(20px);} } .organization{background:#fff url(../img/img5.jpg) no-repeat center top;padding:0 0 34px;background-size: cover;} .organization .org{display:block;width:100%;margin:20px auto 0;} .leader{position:relative;margin-bottom:75px; margin-top:40px;} .leader .content{margin:0 107px;overflow:hidden;-webkit-transition:all 0.5s ease;transition:all 0.5s ease;} .leader .content p{width:1662px;overflow-x:hidden;-webkit-transition:all 0.3s ease;transition:all 0.3s ease;} .leader .content p a,.leader .swiper-container a{position:relative;float:left;display:block;width:160.8px;/*height:286px;*/margin:0 20px;box-shadow:5px 5px 5px 0 #dedede;margin-bottom:10px;} .leader .swiper-container a{text-align:center;padding:0 0 30px 0;box-shadow:none;} /*.leader .content p a:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,0.8);z-index:9999;opacity:1;-webkit-transition:all 0.3s ease;transition:all 0.3s ease;}*/ .leader .content .cur:after,.pcHover .leader .content a:hover:after{opacity:0;} .leader .content img,.leader .swiper-container img{display:block;max-width:100%;max-height:100%;} .leader .swiper-container img{box-shadow: 5px 5px 5px 0 #dedede;} .leader .word{text-align:center;height:108px;} .leader .word a{display:inline-block;width:33.33%;} .leader .word a em,.leader .swiper-container em{display:inline-block;position:relative;color:#121212;font-size:24px;margin:35px 0 18px 0;} .leader .word a em:before,.leader .word a em:after,.leader .swiper-container em:before,.leader .swiper-container em:after{content:"";position:absolute;top:50%;left:-42px;width:21px;height:1px;background-color:#181777;} .leader .word a em:after,.leader .swiper-container em:after{left:auto;right:-42px;} .leader .word a i,.leader .swiper-container i{display:block;color:#121212;font-size:16px;overflow:hidden;width:100%;height:24px;} .leader .swiper-container i{overflow:visible;height:auto;} .leader .prev,.leader .next,.leader .swiper-button-prev,.leader .swiper-button-next{position:absolute;top:50%;left:8px;width:39px;height:39px;background:#cfcfcf url(../img/leaderbtn.png) no-repeat center;border-radius:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);-webkit-transition:all 0.3s ease;transition:all 0.3s ease;margin-top:-59px;} .leader .next,.leader .swiper-button-next{left:auto;right:8px;-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg);} .pcHover .leader .prev:hover,.pcHover .leader .next:hover,.leader .swiper-button-prev:hover,.leader .swiper-button-next:hover{background-color:#1d1c7a;} .leader .swiper-container{width:1004px;} .leader .content{display:none;} .eventChro{background:url(../img/img6.jpg) no-repeat center top;background-size:cover;} .Chro{text-align:center;padding:0 0 70px;} .Chro>a{position:relative;display:inline-block;font-size:20px;font-weight:bold;color:#181777;margin:45px 36px 10px 0;padding:0 0 0 22px;background:url(../img/i_bluepoint.png) no-repeat left center;} .Chro>a:last-of-type{margin-right:0;} .Chro>a:after{content:"";position:absolute;display:none;bottom:-7px;left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);width:0;height:0;border-style:solid;border-width:3.5px 3.5px 0 3.5px;border-color:#ffffff transparent transparent transparent;} .Chro>a span{font-size:14px;font-weight:normal;padding:0 0 0 6px;} .Chro>a.cur,.pcHover .Chro>a:hover{color:#fff;background-image:url(../img/i_whitepoint.png);} .Chro>a.cur:after,.pcHover .Chro>a:hover:after{display:block;} .Chro>div{margin:40px 0 0;position:relative;} .Chro .swiper-container{width:1200px;margin:0 auto;} .Chro .swiper-container:before,.Chro .swiper-container:after{content:"";position:absolute;top:50%;left:0;width:25px;height:25px;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);background:url(../img/whitepoint.png) no-repeat center;} .Chro .swiper-container:after{left:auto;right:0;} .Chro .swiper-slide p{width:1150px;position:relative;margin:0 auto;overflow:hidden;background-origin:content-box;} .Chro .swiper-slide p>a{position:relative;float:left;width:390px;padding:0 0 0 20px;margin:2px 0 0 0;border-left:1px solid rgba(255,255,255,0.5);font-size:14px;text-align:left;color:#fff;} .Chro .swiper-slide p>a i{display:block;padding:0 0 0 17px;margin:8px 0 10px 0;background:url(../img/i_slideon.png) no-repeat left center;text-align:left;font-weight:bold;overflow:hidden;} .Chro .swiper-slide p>a span{display:block;line-height:24px;height:72px;overflow:hidden;margin:0 0 6px;} .Chro .swiper-slide p>a:after{content:"";position:absolute;top:-2px;left:-3px;width:5px;height:5px;border-radius:50%;background-color:#fff;} .Chro .swiper-slide p>a:first-child{margin-left:51px;} .Chro .swiper-slide p>a:nth-child(2){margin-left:115px;} .Chro .swiper-slide p>a:nth-child(3),.Chro .swiper-slide p>a:nth-child(4){margin:0 0 2px 151px;} .Chro .swiper-slide p>a:nth-child(3):after,.Chro .swiper-slide p>a:nth-child(4):after{top:auto;bottom:-2px;} .Chro .swiper-slide p>a:nth-child(4){margin-left:115px;} .Chro .swiper-button-next,.Chro .swiper-button-prev{width:36px;height:37px;background:url(../img/i_arrowprev.png) no-repeat center;margin-top:-18px;left:-webkit-calc((100% - 1200px)/2 - 56px);left:calc((100% - 1200px)/2 - 56px);} .Chro .swiper-button-next{left:auto;right:-webkit-calc((100% - 1200px)/2 - 56px);right:calc((100% - 1200px)/2 - 56px);} .Chro .swiper-button-next{background-image:url(../img/i_arrownext.png);} .Chro .swiper-button-next+em{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:1150px;height:2px;background-color:rgba(255,255,255,0.5);} .PPPProject {background-image:url(../img/img7.jpg);} .busModule{margin-top:8px;background-color:#f9f9f9;text-align:center;} .busModule .sWord{padding:15px 33px 31px;color:#333;font-size:16px;line-height:36px;box-sizing:border-box;} .busModule .btn{display:inline-block;height:33px;line-height:33px;padding:0 38px;border:1px solid #c9c9c9;margin:0 3px;background-color:#fff;color:#14138c;font-size:14px;} .busModule .cur,.pcHover .busModule .btn:hover{color:#fff;background-color:#14138c;border-color:#14138c;} .busModule .content{margin:57px 0 0 0;overflow:hidden;background-color:#fff;padding:0 0 60px;/*border-bottom:1px solid #ebebeb;*/} .busModule .content .divider{border:0;width:100%;height:1px;background-color:#ebebeb;} .busModule .content .boxWrap{display:none;} .busModule .content .box{overflow:hidden;padding-bottom:60px;} .busModule .content .box>img{float:left;width:356px;max-width:100%;padding:70px 0 0 126px;} .busModule .content .box>p{float:right;width:500px;max-width:100%;padding:95px 130px 0 0;color:#333;text-align:left;} .busModule .content .box>p i{display:block;font-size:18px;font-weight:bold;} .busModule .content .box>p span{display:block;font-size:16px;margin:13px 0;} .serFlow{padding:56px 0 50px 0;} .serFlow .content{padding:34px 0 0 0;text-align:center;} .serFlow .content>a{display:inline-block;width:276px;max-width:100%;height:170px;margin:0 27px 30px 0;padding:25px 0 0 0;background-color:#f8f8f8;vertical-align:middle;box-sizing:border-box;overflow:hidden;} .pcHover .serFlow .content a:last-child{margin-right:0;} .pcHover .serFlow .content a:nth-child(4n){margin-right:0;} .serFlow .content>a>*{display:block;color:#333;width:90%;margin:0 auto;} .serFlow .content>a>i{width:25px;height:25px;margin:0 auto;border-radius:50%;background-color:#14138c;color:#fff;line-height:25px;} .serFlow .content>a>em{color:#333;font-size:18px;font-weight:bold;padding:15px 0 7px;} .serFlow .content>a>span{color:#666;font-size:14px;height:60px;width:90%;overflow:hidden;margin:0 5%;} div.main .prevBtn,div.main .nextBtn{display:inline-block;width:125px;height:35px;line-height:35px;border:1px solid #fff;text-align:center;background-color:#fff;} div.main .prevBtn em,div.main .nextBtn em{padding:0 0 0 16px;font-size:14px;color:#181777;background:url(../img/i_prevbtn1.png) no-repeat left center;font-weight:normal;} div.main .nextBtn em{-webkit-transition:all 400ms ease-in-out;transition: all 400ms ease-in-out;padding:0 16px 0 0;background-image:url(../img/i_nextbtn1.png);background-position:right center;} body.pcHover .prevBtn:hover,body.pcHover .nextBtn:hover{background-color:#181777;} body.pcHover .prevBtn:hover em{background-image:url(../img/i_prevbtn2.png);color:#fff;} body.pcHover .nextBtn:hover em{background-image:url(../img/i_nextbtn2.png);color:#fff;} .PPPDetail{background-image:url(../img/img8.jpg);} .PPPDetail .content{margin-top:78px;margin-bottom:80px;overflow:hidden;background-color:#181777;} .PPPDetail .content .swiper-container{float:left;width:868px;max-width:100%;} .PPPDetail .swiper-slide>a{display:block;} .PPPDetail .content img{display:block;width:868px;max-width:100%;height:503px;-webkit-transition:all 0.7s ease;transition:all 0.7s ease;} .pcHover .PPPDetail .content img:hover{-webkit-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1);} .PPPDetail .content .intro{float:right;width:332px;max-width:100%;padding:0 23px 0 30px;box-sizing:border-box;color:#fff;} .PPPDetail .content .tit{padding:40px 0 8px 0;font-size:20px;font-weight:bold;} .PPPDetail .content .intro i{display:block;box-sizing:border-box;width:100%;overflow:hidden;height:21px;margin:27px 0 12px;font-size:16px;font-weight:bold;padding:0 0 0 19px;background:url(../img/i_money.png) no-repeat left center;} .PPPDetail .content .intro i:nth-of-type(2){background-image:url(../img/i_project.png);} .PPPDetail .content .moneyNum{font-size:24px;font-weight:bold;} .PPPDetail .content .moneyNum em{font-size:16px;font-weight:normal;padding:0 0 0 6px;} .PPPDetail .content .word{font-size:16px;line-height:30px;} .PPPDetail .content .btns{text-align:center;} .PPPDetail .content .btns>a{margin-top:38px;} .PPPDetail .content .btns>a:first-of-type{margin-right:18px;} .obserContent{margin-top:78px;overflow:hidden;} .obserContent .newDetail{overflow:hidden;} .obserContent .newDetail>div{float:left;overflow:hidden;display:block;width:352px;padding:50px 72px 0 0;} .obserContent .newDetail>div:nth-child(3n){padding-right:0;} .obserContent>div.newhot{width:100%;padding:0;overflow:hidden;} .obserContent>div.newhot>a{float:left;width:572px;max-width:47.667%;} .obserContent>div.newhot>a img{display:block;width:572px;max-width:100%;height:326px;max-height:100%;} .obserContent>div.newhot>p{float:right;width:560px;max-width:46.667%;padding:0 40px 0 0;color:#666;font-size:14px;line-height:30px;} .obserContent>div.newhot>p .tit{display:block;height:30px;color:#1e1e1e;font-size:20px;margin:48px 0 14px 0;padding:0;} .obserContent>div.newhot>p>em{display:block;height:90px;margin:0 0 41px 0;clear:both;color:#666;} .obserContent.w1200>div.newhot>p .nextBtn{float:left;margin-top:0;} .obserContent.w1200>div.newhot>p .time{float:right;color:#8f8f8f;padding:2px 0 0 0;} /*.obserContent>div{overflow:hidden;display:block;}*/ .obserContent .newDetail>div>a,.obserContent .newhot>a{display:block;} .obserContent .newDetail>div>a img,.obserContent .newhot>a img{display:block;width:352px;max-width:100%;opacity:1;height:191px;max-height:100%;} .obserContent .newDetail>div>p .tit,.obserContent .newhot>p .tit{display:block;height:24px;overflow:hidden;color:#1d1d1d;font-size:18px;padding:25px 0 0;text-overflow:ellipsis;white-space:nowrap;} .obserContent .newDetail>div>p .time,.obserContent .newhot>p .time{display:block;padding:8px 0 21px;color:#7e7e7e;font-size:12px;} .obserContent .newDetail>div>p>em,.obserContent .newhot>p>em{display:block;height:60px;overflow:hidden;font-size:14px;color:#7e7e7e;line-height:30px;} .obserContent .newDetail>div>p .nextBtn,.obserContent .newhot>p .nextBtn{display:block;border-color:#181777;margin-top:28px;overflow:hidden;position:relative;background-color:transparent;} .pcHover .obserContent .newDetail>div>p .nextBtn:after,.pcHover .obserContent .newhot>p .nextBtn:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-color:#181777;-webkit-transform:translateX(-100%);-ms-transform:translateX(-100%);transform:translateX(-100%);-webkit-transition:all 400ms ease-in-out;transition:all 400ms ease-in-out;z-index:-1;} .pcHover .obserContent .newDetail>div>p .nextBtn:hover,.pcHover .obserContent .newhot>p .nextBtn:hover{background-color:transparent;} .pcHover .obserContent .newDetail>div>p .nextBtn:hover:after,.pcHover .obserContent .newhot>p .nextBtn:hover:after{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0);} .pcHover .moveShow{-webkit-animation:scaleFadeIn .5s 0.5s forwards 1 linear;animation:scaleFadeIn .5s 0.5s forwards 1 linear;} @-webkit-keyframes scaleFadeIn { 0% { opacity: 0; -webkit-transform: translateY(5%); transform: translateY(5%); } 100% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } } @keyframes scaleFadeIn { 0% { opacity: 0; -webkit-transform: translateY(5%); transform: translateY(5%); } 100% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } } .paging{text-align:center;padding:50px 0 80px;clear:both;} .paging a{display:inline-block;color:#565656;font-size:14px;height:25px;line-height:25px;padding:0 9px;margin-right:4px;} .paging a:last-child{margin-right:0;} .paging .cur,.pcHover .paging a:hover{color:#fff;background-color:#181777;} div.share a{height:20px;padding-left:20px;} div.share .bshare-qqim{background:url(../img/bshare-qqim.jpg) no-repeat center;} div.share .bshare-sinaminiblog{background:url(../img/bshare-sinaminiblog.jpg) no-repeat center;} div.share .bshare-weixin{background:url(../img/bshare-weixin.jpg) no-repeat center;} div.share{color:#989898;line-height:20px;} .obserArt .article{padding:78px 0 77px 0;text-align:center;} .obserArt .article .tit{color:#1d1d1d;font-size:24px;} .obserArt .article .info{padding:17px 0 20px;margin:0 0 44px 0;color:#989898;line-height:20px;border-bottom:1px solid #ececec;} .obserArt .article .info i{position:relative;padding-right:32px;} .obserArt .article .info i:after{content:"";position:absolute;top:50%;right:15px;width:1px;height:6px;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);background-color:#cacaca;} .obserArt .article .share,.obserArt .article .bshare-custom{display:inline-block;} .obserArt .article .bshare-custom{-webkit-transform:translateY(-2px);-ms-transform:translateY(-2px);transform:translateY(-2px);} .obserArt .article p{padding:8px 12px 0;color:#1d1d1d;font-size:16px;text-indent:2em;line-height:30px;text-align:left;} .obserArt .article p+img{max-width:100%;padding:23px 0 11px;} .obserArt .article .btn{overflow:hidden;margin:60px 0 0;border-top:1px solid #ececec;} .obserArt .article .btn>div:first-child{float:left;margin-top:21px;text-align:left;width: -webkit-calc(100% - 130px);width: calc(100% - 130px);} .obserArt .article .btn>div:first-child a{color:#383838;font-size:14px;} .obserArt .article .btn>div:first-child p{line-height:30px;padding:0;margin:0;text-indent:0;overflow:hidden;height:30px;} .obserArt .article .btn>div:last-child{float:right;margin-top:34px;} .paperCon{margin-top:78px;} .paperCon .lastPer,.paperCon .nextPer{position:relative;height:30px;line-height:30px;padding:0 26px 0 57px;color:#fff;font-size:14px;filter:progid:DXImageTransform.Microsoft.Gradient(startColorStr='#0503c7',endColorStr='#14138c',gradientType='0');background:-webkit-linear-gradient(#0503c7,#14138c);background:linear-gradient(#0503c7,#14138c);} .paperCon .lastPer{float:left;} .paperCon .lastPer:before,.paperCon .nextPer:before{content:"";position:absolute;top:0;left:0;width:29px;height:30px;background-color:#07067d;} .paperCon .lastPer:after,.paperCon .nextPer:after{content:"";position:absolute;top:50%;left:12px;width:0;height:0;border-style:solid;border-width:4.5px 5px 4.5px 0;border-color:transparent #ffffff transparent transparent;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);} .paperCon .nextPer{float:right;padding:0 57px 0 26px;} .paperCon .nextPer:before{left:auto;right:0;} .paperCon .nextPer:after{left:auto;right:12px;border-width:4.5px 0 4.5px 5px;border-color:transparent transparent transparent #ffffff;} .paperCon .content{clear:both;padding-top:30px;padding-bottom:80px;} .paperCon .papers{float:left;border:1px solid #e5e5e5;box-shadow:5px 5px 5px 0 #ededed;margin:0 80px 0 0;} .paperCon .papers>a img{max-width:100%;width:378px;} .paperCon .current{float:left;width:280px;padding:18px 0 0 0;} .paperCon .current h3,.paperCon .review h3{font-size:18px;color:#333333;font-weight:bold;text-align:center;} .paperCon .current h3{padding-bottom:29px;} .paperCon .current a{display:block;height:37px;line-height:37px;color:#333;font-size:14px;text-align:center;margin-top:17px;} .paperCon .current .cur,.pcHover .paperCon .current a:hover{color:#fff;background-color:#14138c;} .paperCon .content .readMe,.paperCon .content .downLoad{float:left;padding:0 30px;border:1px solid #a98926;border-radius:31px;margin-top:50px;} .paperCon .content .downLoad{border-color:#181777;float:right;} .paperCon .readMe em,.paperCon .downLoad em{color:#a98926;font-size:16px;line-height:31px;padding:0 0 0 24px;} .paperCon .downLoad em{color:#181777;} .paperCon .readMe em,.paperCon .downLoad em{background:url(../img/i_reademe.png) no-repeat left center;} .paperCon .downLoad em{background-image:url(../img/i_download.png);} body.pcHover div.paperCon a.readMe:hover,body.pcHover div.paperCon a.downLoad:hover{background-color:#fff;} .paperCon .content .review{float:left;width:315px;background-color:#f6f6f6;border:1px solid #e5e5e5;padding:28px 18px 24px 44px;margin:0 0 0 80px;box-shadow:5px 5px 5px 0 #ededed;} .paperCon .content .review h3{text-align:left;} .paperCon .content .review p{overflow-y:auto;overflow-x:hidden;height:auto;} .paperCon .content .review p a{position:relative;display:block;color:#333333;font-size:14px;padding:0 0 0 9px;line-height:42px;margin:0 0 6px 0;} .paperCon .content .review p .cur,.pcHover .paperCon .content .review p a:hover{color:#181777;} .paperCon .content .review p a:before{content:"";position:absolute;top:50%;left:0;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);width:4px;height:4px;border-radius:50%;background-color:#14138c;} .comDynamic{margin-top:8px;} .comDynamic>div{overflow:hidden;padding:70px 0;padding-left:-webkit-calc(50% - 600px);padding-left:calc(50% - 600px);padding-right:-webkit-calc(50% - 600px);padding-right:calc(50% - 600px);} .comDynamic>div:nth-child(2n){background-color:#f7f7f7;} .comDynamic>div:last-of-type{margin-bottom:0;} .comDynamic>div>a{float:left;width:353px;overflow:hidden;} .comDynamic>div>a img{display:block;width:100%;max-height:100%;height:259px;-webkit-transform:scale(1,1);-ms-transform:scale(1,1);transform:scale(1,1);-webkit-transition:transform 1.2s;-webkit-transition:-webkit-transform 1.2s;transition:-webkit-transform 1.2s;transition:transform 1.2s;transition:transform 1.2s, -webkit-transform 1.2s;transition:transform 1.2s,-webkit-transform 1.2s;} .pcHover .comDynamic>div>a:hover img{-webkit-transform:scale(1.15,1.15);-ms-transform:scale(1.15,1.15);transform:scale(1.15,1.15);} .comDynamic>div>div{float:right;width:811px;padding:8px 0 0 0;} .comDynamic .tit{width:100%;height:24px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;} .comDynamic .tit a{color:#333;font-weight:bold;font-size:18px;} .comDynamic .time{display:block;color:#9d9d9d;font-size:14px;margin:16px 0 15px;padding:0 0 15px 0;border-bottom:1px solid #d0d0d0;} .comDynamic>div>div p{width:100%;height:54px;color:#666666;font-size:14px;line-height:27px;overflow:hidden;} .comDynamic .more{display:inline-block;width:129px;height:36px;-webkit-transition:all 0.3s ease;transition:all 0.3s ease;margin-top:32px;} .comDynamic .more em{display:inline-block;color:#666666;padding:0 23px 0 0;line-height:36px;background:url(../img/i_more.png) no-repeat right center;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0);-webkit-transition:-webkit-transform 0.3s ease;transition:-webkit-transform 0.3s ease;transition:transform 0.3s ease;transition:transform 0.3s ease, -webkit-transform 0.3s ease;} .pcHover .comDynamic .more:hover em{-webkit-transform:translateX(29px);-ms-transform:translateX(29px);transform:translateX(29px);color:#fff;background-image:url(../img/i_more1.png);} .pcHover .comDynamic .more:hover{background-color:#14138c;} .comDynamic .paging{padding-top:120px;} .recruit{margin-top:73px;} .recruit .tit{margin-bottom:35px;text-align:center;color:#0e0e0e;font-size:24px;} .recruit .tit span{display:block;font-size:18px;opacity:0.3;padding:8px 0 0 0;} .recruit .module{border-bottom:1px solid #e6e6e6;} .recruit .module:last-of-type{margin-bottom:36px;} .recruit .module .sTit{height:60px;background-color:#fff;padding:0 30px 0 22px;} .recruit .module .sTit span{display:inline-block;color:#666;font-size:16px;line-height:60px;width:210px;height:60px;overflow:hidden;} .recruit .module .sTit i{font-size:14px;line-height:60px;color:#666;vertical-align:top;} .recruit .module .sTit a{float:right;width:28px;height:28px;margin-top:16px;border-radius:50%;background:#959595 url(../img/arrowdown1.png) no-repeat center;-webkit-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0deg);-webkit-transition:all 0.3s ease;transition:all 0.3s ease;} .pcHover .sTit:hover{background-color:#f6f6f6;} .recruit .sTit.open{background-color:#14138c;} .recruit .sTit.open span,.recruit .sTit.open i{color:#fff;} .recruit .sTit.open a{-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg);background-color:#fff;background-image:url(../img/arrowdown.png);} .recruit .module .content{padding:32px 0 0 23px;color:#333333;font-size:16px;} .recruit .module .content span{display:block;padding:0 0 0 22px;line-height:30px;} .recruit .module .content span:first-child{background:url(../img/i_person.png) no-repeat 0 9px;font-weight:bold;} .recruit .module .email{padding:0 0 0 44px;margin:30px 0 47px 0;background:url(../img/i_person1.png) no-repeat 22px 4px;font-size:14px;} .recruit .module .email a{color:#181777;} .recruit .more{display:block;width:152px;height:39px;line-height:39px;border:1px solid #181777;border-radius:4px;margin:0 auto 80px;text-align:center;color:#181777;font-size:14px;} @media (max-width:1919px){ .parentCom .swiper-slide a{height:80px;} } @media (max-width:1600px){ .parentCom{margin:20px 0 30px;} .parentCom .content{margin-top:30px;} } @media (max-width:1440px){ .parentCom .content{margin-top:24px;width:1260px;} .parentCom{margin:20px 0 20px;} .parentCom .content .swiper-button-prev{left:-7px;} .parentCom .content .swiper-button-next{right:-7px;} .links .wFixed{width:1260px;} .parentCom .swiper-slide a{height:60px} } @media (max-width:1366px){ .parentCom .content,.links .wFixed{width:1180px;} .links .linksTit{margin-top:10px;} .projectSlide .flex-control-nav li{margin-top:20px;} .footer .content{padding:0;} .footer .qrCode{padding:0;} .footer{padding:20px 0 10px;} .links{height:80px;} .footer>div{width:1250px;} .parentCom .swiper-slide a{height:50px;} .header .soContact{margin-right:50px;} .Chro .swiper-button-next,.Chro .swiper-button-prev{left:10px;);} .Chro .swiper-button-next{left:auto;right:10px;} } @media (max-width:1280px){ .wFixed { width: 1200px; } .parentCom .content, .links .wFixed { width: 1120px; } .links .wFixed { width: 1120px; } .links { bottom: 120px !important; } .footer>div { width: 1100px; } .header .nav>ul li{ margin: 0 0 0 20px; } .header .logo { margin: 47px 0 0 24px } .Chro .swiper-slide p{width:1050px;} /*.Chro .swiper-slide p em{ width:1050px; }*/ .Chro .swiper-slide p>a:nth-child(3), .Chro .swiper-slide p>a:nth-child(4){ margin-left:100px; } } @media (max-width:1025px){ .obserArt .article p img{max-width:100%;margin-left: -2em;} .header .logo{margin:20px 0 0 40px;} .header .logo img{width:200px;} .keyWord{width:400px;} #menu{display:none;} .header .soContact{display:none;} .header .menuBtn{display:block;position:absolute;top:20px;right:20px;transition:all 0.3s ease;-moz-transition:all 0.3s ease;-webkit-transition:all 0.3s ease;-o-transition:all 0.3s ease;transform:rotate(0);-ms-transform:rotate(0);-moz-transform:rotate(0);-webkit-transform:rotate(0);-o-transform:rotate(0);z-index:9;opacity:0.6;} .header .wapBtnAn{transform:rotate(180deg);-ms-transform:rotate(180deg);-moz-transform:rotate(180deg);-webkit-transform:rotate(180deg);-o-transform:rotate(180deg);} .header .nav>ul:after{ content: ''; position: absolute; top: 0; left: 0; width: 30px; height: 100%; z-index: 510; background: -webkit-linear-gradient(left,rgba(118,118,118,0.2),rgba(255,255,255,0.0));} .header .nav{overflow-y:auto;margin:0;float:none;position:fixed;top:0px;right:-200px;width:200px;height:100%;background-color:#f0f0f0;border-left:1px solid #ddd;border-top:1px solid #ddd;transition-duration:.5s;-ms-transition-duration:.5s;-moz-transition-duration:.5s;-webkit-transition-duration:.5s;z-index:999999;} .header .nav>ul{right:0;box-sizing:border-box;overflow:hidden;position:relative;min-height:100%;} .header .nav li:first-child{padding:50px 0 0 0;} .header .nav li:last-child{margin:0 0 50px 0;} .header .nav li a{color:#000;} .header .nav>ul li{overflow:hidden;text-align:left;height:auto;width:100%;margin:0;box-sizing:border-box;border-bottom:1px solid #ccc;} .header .nav>ul li>a{padding:0 0 0 60px;position:relative;font-size:20px;display:inline-block;margin:10px 0;} .header .nav.navC>ul li>a:after{display:none;} .header .nav>ul li>a:before{ -webkit-transition:all 0.3s ease; transition:all 0.3s ease; content:"";position:absolute;top:50%;left:30px;-webkit-transform:translate(0,-50%);-ms-transform:translate(0,-50%);transform:translate(0,-50%);width:15px;height:29px;background:url(../img/nav_jt.png) no-repeat center;} .header .nav>ul li>.open:before{ -webkit-transform:translate(0,-50%) rotate(90deg);-ms-transform:translate(0,-50%) rotate(90deg);transform:translate(0,-50%) rotate(90deg); } .header .nav li div{display:none;-webkit-transform:translate(0,0);-ms-transform:translate(0,0);transform:translate(0,0);position:static;overflow:hidden;width:100%;opacity:1;background:#fff;-webkit-transition:all 0s;transition:all 0s;} .header .nav li div a{float:left;width:100%;color:#000;padding:0 5px;font-size:14px;font-weight:normal;margin:5px 0;} .header .navC{right:0;} .banner{padding-bottom:0px;} .bg{display:block;width:100%;height:auto;position:static;} .wFixed{width:96%;margin:0 2%;} .busPlate .content i{transform:scale(0.8);-ms-transform:scale(0.8);-moz-transform:scale(0.8);-webkit-transform:scale(0.8);-o-transform:scale(0.8);} .busPlate .content em{margin:16px auto 19px;font-size:14px;} .busPlate .content span{font-size:12px;height:32px;line-height:16px;} .busPlate .content{margin-top:50px;} .textShow{height:140px;} .textShow .swiper-slide .tit,.textShow .swiper-slide .word{width:100%;padding:0;font-size:14px;height:20px;} .textShow .swiper-slide .word{font-size:12px;height:18px;} .textShow .textCon .swiper-slide{padding:20px 0 40px;} .textShow .swiper-slide .view{font-size:12px;width:80px;height:20px;line-height:20px;top:auto;bottom:3px;} .links{display:none;} .projectSlide .flexslider ul li>a img{ width:100%; } .projectSlide .flex-control-nav li{margin-top:10px;} .projectSlide .flexslider ul li>a span{padding-top:10px;height:100px;} .projectSlide .flexslider ul li>a em{padding:0 5px 0 25px;} .projectSlide .flexslider ul li>a h3{padding-left:25px;background-position:5px center;} .projectSlide .flexslider ul li>a i{top:auto;right:5px;bottom:-2px;transform:scale(0.6);-ms-transform:scale(0.6);-moz-transform:scale(0.6);-webkit-transform:scale(0.6);-o-transform:scale(0.6);} .projectSlide{margin-bottom:30px;} .projectSlide .flexslider{margin-top:20px;} .parentCom .swiper-slide a{width:50%;transform:scale(0.8);-ms-transform:scale(0.8);-moz-transform:scale(0.8);-webkit-transform:scale(0.8);-o-transform:scale(0.8);} .parentCom .swiper-slide img{width:50%;} .parentCom .content{width:80%;padding:0;margin:10px 10% 0;} .parentCom .content .swiper-button-prev{left:-30px;} .parentCom .content .swiper-button-next{right:-30px;} .title h2:first-of-type{padding-top:5px;} .title h2{font-size:24px;} .title .en+h2{padding:0 0 5px;} .title span{padding:15px 0 0 0;} .busPlate .content{margin-top:35px;padding-bottom:20px;} .busPlate .content span{overflow:hidden;} .textShow .swiper-slide .view{bottom:10px;} .footer{position:static;display:block;} .footer>div{width:96%;margin:0 2%;padding:20px 0 30px;} .footer .content{font-size:16px;} .bannerImg .swiper-slide a{height:500px;} .footer .content p{font-size:14px;} .footer .content p span{background-position:0 3px;} .title{padding-top:20px;} .sTitle{display:none;} .modualCon .w1200{width:80%;margin:0 10%;} .modualCon .list>div:first-child p{width:100%;box-sizing:border-box;} .modualCon .list>div:first-child{width:100%;margin:0 0 20px 0;} .modualCon .list>div:first-child:after{display:none;} .modualCon .list>div:nth-child(2),.modualCon .list>div:nth-child(3){width:50%;margin:0;} .company>*{width:96%;margin-left:2%;margin-right:2%;} .organization .org{max-width:1114px;width:90%;} .Chro .swiper-slide p{width:83%;} .Chro .swiper-slide p>a{width:40%;} .Chro .swiper-slide p>a:first-child{margin-left:4%;} .Chro .swiper-slide p>a:nth-child(2){margin-left:6%;} .Chro .swiper-slide p>a:nth-child(3){margin-left:6%;} .Chro .swiper-slide p>a:nth-child(4){margin-left:6%;} .Chro .swiper-button-next{right:0;} .Chro .swiper-button-prev{left:0;} .Chro .swiper-container{width:90%;margin:0 5%;} .Chro .swiper-button-next+em{width:-webkit-calc(90% - 50px);width:calc(90% - 50px);} .introduction{background-size:contain;padding-top:220px;} .introduction .intr span{font-size:12px;} .PPPProject .w1200{width:80%;margin:0 10%;} .busModule .content>div>img{float:none;padding-left:0;} .busModule .content>div>p{float:none;padding-right:0;margin:0 auto;} .serFlow .content>a:nth-child(2n){margin-right:0;} .PPPDetail .w1200{width:90%;margin:0 5%;} .PPPDetail .content{margin-top:85px;background-color:transparent;} .PPPDetail .content .swiper-container{float:none;} .PPPDetail .content .intro{float:none;width:868px;margin:0 auto;background-color:#181777;} .PPPDetail{padding-bottom:50px;} .PPPDetail .content .btns{padding-bottom:20px;} .obser .w1200{width:90%;margin:0 5%;} .obser .obserContent{margin-top:90px;} .obserContent>div.newhot>p{padding:0;} .obserContent>div.newhot>p .tit{padding:0;} .obserContent>div.newhot>p>em{line-height:20px;padding:10px 0 0 0;height:80px;} .obserContent .newDetail>div{width:29.3333%;padding:4.16667% 6% 0 0;} .obserContent .newDetail>div>a img{ height:147px; } .obserArt .w1200{width:90%;margin:0 5%;} .obserArt .article .btn>div:first-child{width:100%;} .newsPaper .w1200{width:90%;margin:100px 5%;} .paperCon .papers{width:40%;margin-right:9%;} .paperCon .current{width:50%;} .paperCon .content .review{width:-webkit-calc(100% - 5px);width:calc(100% - 5px);margin:50px 0 0;box-sizing:border-box;} .paperCon .content .review p a{float:left;width:50%;box-sizing:border-box;} .comDynamics .w1200{width:90%;margin:70px 5% 0;} .comDynamic>div{padding-left:4%;padding-right:4%;padding-top:20px;padding-bottom:20px;} .comDynamic>div>a{width:30%;} .comDynamic>div>a img{height:auto;max-height:220px;} .comDynamic>div>div{width:65%;} .recruits .w1200{width:90%;margin:70px 5% 0;} .leader .word{display:none;} .leader .prev,.leader .next{display:none;} .leader .content{margin:0;} .leader .content p{width:100%;} .leader .content p a{width:48%;height:auto;margin:0 1% 50px;box-shadow:none;overflow:hidden;} .leader .content p a:after{display:none;} .leader .content img{float:left;width:50%;} .leader .content p span{float:right;width:45%;margin-top:40px;height:69px;} .leader .content p em{display:block;position:relative;color:#121212;font-size:16px;margin:0;overflow:hidden;width:100%;height:21px;text-align:center;} .leader .content p em:before,.leader .content p em:after{content:"";display:none;position:absolute;top:50%;left:-42px;width:21px;height:1px;background-color:#181777;} .leader .content p em:after{left:auto;right:-42px;} .leader .content p i{display:block;color:#121212;font-size:12px;text-align:center;overflow:hidden;width:100%;height:48px;margin-top:10px} .mainModule{background-size:contain;padding-top:220px;} .introduction .intr{padding:0;margin-top:20px;} .comDynamic{margin-top:10%;} .obserContent>div.newhot>a{height:auto;} .obserContent>div.newhot>a img,.obserContent>div>a img{height:auto;} .obserContent>div.newhot>a img{max-height:250px;} .obserContent>div>a img{max-height:147px;} .obserContent>div.newhot>a img{margin:28px 0 14px 0;} .obserContent>div>a{height:147px;} .introduction{ padding-bottom:30px; } .leader{ margin-bottom:10px; } .obserContent .newDetail>div>p .time{ padding-bottom:10px; } .obserContent .newDetail>div>p>em{ line-height:20px; height:40px; } .obserContent .newDetail>div>p .nextBtn{ margin-top:10px; } .busModule .content .box>img{ width:40%; padding-left:0; } .busModule .content .box>p{ width:55%; padding-right:0; } .serFlow .content>a{ margin-right:0px; width:270px; } .PPPDetail .content img{ height:auto; } .obserArt .btn .share{display:none;} .leader .swiper-container,.leader .swiper-button-prev,.leader .swiper-button-next{display:none;} .leader .content{display:block;} .projectSlide .swiper-slide>a{width:50%;margin-bottom:20px} .projectSlide .swiper-slide>a img{width:100%} } .leader .swiper-container a.per-1{ margin-left: 350px;} .leader .swiper-container a.per-2{margin-right: 200px;} .projectSlide .swiper-slide a{ position: relative; padding-top:17%;} .projectSlide .swiper-slide img{ position: absolute; left: 0; top:0; height: 72%; width: 100%;} @media (max-width:768px){ .footer .content p span{display:block;} .footer .content p:first-child{margin-bottom:0;} .footer .address a{display:inline-block;} .footer .address a{display:inline-block;} .footer .address{margin-bottom:10px;} .mainModule{padding-top:180px;} .obserContent>div.newhot>p .tit{margin:10px 0 10px;} .introduction{padding-top:180px;} .comDynamic .time{margin:6px 0 5px;padding:0 0 5px 0;} .comDynamic .more{margin:10px 0 0 0;} .comDynamic>div>a img{max-height:168px;} .obserContent>div>a{height:110px;} .leader .content p a{ margin-bottom:10px; } .obserContent>div.newhot>a img { margin-top:17px; } .obserContent>div.newhot>p>em{ margin-bottom:20px; } .obserContent .newDetail>div>a img { height:110px; } .obserContent .newDetail>div>p .tit{ padding-top:10px; } .busModule .content .box>p{ padding-top:45px; } } @media (max-width:736px){ .busModule .btn{margin-bottom:10px;} .comDynamic>div{margin-bottom:0px;} .comDynamic>div>a{padding-top:10px;} } @media (max-width:667px){ .parentCom .swiper-slide a{transform:scale(1);-ms-transform:scale(1);-moz-transform:scale(1);-webkit-transform:scale(1);-o-transform:scale(1);} .footer .content{width:81%;} .footer>div{padding-bottom:0;} .footer .content p{font-size:12px;} .footer .content p span{font-size:12px;} .busPlate .content img{transform:translate(-50%,-50%) scale(0.6);-ms-transform:translate(-50%,-50%) scale(0.6);-moz-transform:translate(-50%,-50%) scale(0.6);-webkit-transform:translate(-50%,-50%) scale(0.6);-o-transform:translate(-50%,-50%) scale(0.6);} .Chro .swiper-button-next{right:-10px;} .Chro .swiper-button-prev{left:-10px;} .serFlow .content>a{margin-right:0;} .Chro .swiper-slide p>a{width:39%;} .comDynamic>div>a{padding-top:15px;} .obserContent>div>a{height:96px;} .serFlow .content>a { width: 265px; } } @media (max-width:640px){ .header .logo{margin:20px 0 0 20px} .logo img{width:200px;} .busPlate .content a{width:48%;margin-bottom:20px;} .busPlate .content a.alignCen{width:96%;margin-right:2%;margin-left:2%;} .busPlate .content i{width:80px;height:80px;} .busPlate .content em{margin:90px auto 9px;font-size:14px;} .busPlate .content span{font-size:12px;height:48px;overflow:hidden;} .footer .content{float:none;width:100%;} .footer .qrCode{float:none;} /*.header .nav{right:30px;}*/ .bannerImg .swiper-button-prev,.bannerImg .swiper-button-next{left:10px;} .bannerImg .swiper-button-next{right:10px;left:auto;} .footer .content p{font-size:12px;} .modualCon .list>div img{width:70%;height:70%;} .companyBus a{margin-top:40px;} .Chro .swiper-slide p{width:67%;} .Chro .swiper-slide p>a{width:41%;padding:0 0 0 5px;} .busModule .sWord{padding:15px 0 40px;} .busModule .btn{margin-bottom:10px;} .busModule .content{margin-top:10px;} } @media (max-width:568px){ .obserContent>div.newhot>p>em{height:60px;} .PPPDetail{padding-top:100px;} .mainModule{padding-top:100px;} .introduction{padding-top:100px;} .busPlate .content em{margin:20px auto 9px;} .leader .content p a{ margin-right:10px; margin-left:10px; } .obserContent .newDetail>div>a img { height: 81px; } .companyBus a{ margin-right:8px; margin-left:8px; } .leader .content p span{ margin-top:10px; } .serFlow .content>a { width: 225px; } } @media (max-width:414px){ .keyWord{width:300px;margin-top:-30px;} .header .logo{margin-top:30px;} .busPlate .content a{width:48%;margin:0 1% 20px;} .busPlate .content em{margin-top:20px;} .Chro .swiper-button-next,.Chro .swiper-button-prev{-webkit-transform:scale(0.6);-ms-transform:scale(0.6);transform:scale(0.6);} .serFlow .content>a{margin-right:0;} .obserContent>div.newhot>a{float:none;max-width:100%;} .obserContent>div.newhot>p{float:none;max-width:100%;} /*.obserContent>div{width:45%;padding:5% 10% 0 0;}*/ div.obserContent .newDetail>div:nth-child(2n){padding-right:0;} .obserContent .newDetail>div:nth-child(3n){padding-right:4%;} .paperCon .papers{width:-webkit-calc(100% - 5px);width:calc(100% - 5px);margin:0;} .obserContent .newDetail>div{ width: 48%; padding: 7% 4% 0 0; } .paperCon .current{width:100%;} .paperCon .content .review p a{width:100%;} .leader .content p a{width:90%;} .mainModule{padding-top:70px;} .introduction{padding-top:80px;} .Chro .swiper-slide p{width:83%;} .comDynamic>div>a{width:100%;} .comDynamic>div>div{width:100%;} .comDynamic>div>a img{max-height:none;} .obserContent>div>a{height:91px;} .obserContent .newDetail>div>a img{ height:91px; } .companyBus a { margin-right: 30px; margin-left: 30px; } .busModule .content .box>img{ width:100%; } .busModule .content .box>p{ width:100%; } /*手机端*/ .projectSlide .swiper-slide a em{ display: none;} .swiper-slide a{ padding-top: 20%;} .projectSlide .swiper-slide a img{ height: 62%;} .projectSlide .swiper-slide a h3{ position: relative; top:30px;} } @media (max-width:375px){ .comDynamic>div>a img{height:auto;max-height:none;} .recruit .module .sTit span{ width:160px; } .leader .content p span{ margin-top:40px; } .comDynamic>div { padding-bottom:0px; } .projectSlide .swiper-slide>a{width:100%} .projectSlide .swiper-slide a { padding-top: 37%; } } @media (max-width:320px){ .main .PPPDetail .content .btns>a{margin:10px 0 0 0;} .obserArt .article .info i{padding:0;} .obserArt .article .info i:after{display:none;} .obserArt .article .btn>div:first-child{width:100%;} .mainModule{padding-top:40px;} .obserContent>div>p .tit{padding-top:10px;} .obserContent>div>p .time{padding:0;} .obserContent>div>p>em{line-height:15px;} .recruit .module .sTit span{ width:116px; } .companyBus a { margin-right: 8px; margin-left: 8px; } }