/*css reset*/ /*别删,有的得看情况调一下宽度*/ .footer{position: relative;/*z-index: 2000;*/} /*所有颜色*/ .mainColor,.reference-tab .td2 a{color:#fd8758;} /**1.页面字体需要变主色调,直接调用mainColor;2.参考文献doi颜色与主色调一致**/ /*文章页颜色*/ /*文章页标题下方显示与隐藏按钮*/ .archcon.archcon-new dl dd.active a{} .tab-ul-index li.active,.article-list-journalg,.footer .top,.phone-nav,.main .article-content ul#htmlContent2 h3.full-text, #page-tag-div .pagination>.active>a,.comtit,.archcon.archcon-new dl dd.archconVol,.archcon.archcon-new dl dd.active, .archcon .arc-listit dd.active,.archcon .arc-listit .arctpoint,.tab-ul-index li.active,.footer .btmb, .qikan .subBtn,.header-nav,.pageTagsUl li.current,.pageTagsUl li.clickpage:hover, .messageBoard .tj,.btn-primary,.guokan-tit .guokan-tab li.curr,.guokan-dl dd.active, .guokan-dl dd.years,.guokan-dlyear dt{background-color: #034089;} /*2019年5月13日版本过刊标题*/ .guokan-tit h2{color:#3da9ff;} /*移动端搜索头部下拉框颜色*/ .phone-nav .search-app-wrap select option{background: rgba(9, 96, 192, 0.9);} /*滑上去的颜色*/ /*向上箭头*/ .bottom-fixed{width: 50px; height: 50px;cursor: pointer;position: fixed; bottom: 20px; right: 20px; z-index: 5000;background: #3da9ff url("../images/public/back_top.png") no-repeat center center; display: none;} .arcmethod li.active,.phone-nav{border-color:#26804a;} .derived i.current,.base-title .more:hover,.news-list li a:hover,.article-list-title a:hover, .article-list-author a:hover,.article-list-time a:hover,.article-list-zy font a:hover{color:#034089;} #page-tag-div .pagination>.active>a{border-color:#3da9ff;} .footer .btmb{padding-top:8px;padding-bottom:8px;} /*手机下拉颜色有透明度,自己看着写*/ .phone-nav .search-app-wrap,.smallUl{background: rgba(3, 64, 137, 0.9);} /*以上是需要改颜色的*/ .footer .top span{margin-right:10px;} .smallUl a{color: #fff; display: block; line-height: 24px;} .smallUl>li{text-align: left; border-bottom: 1px solid #484240;} .smallUl li > a{font-size: 14px; line-height: 20px;padding:10px 0;color:#fff; position: relative; display:block;} .smallUl li .second li a{padding:3px 0;} .smallUl li .second li .Third li a{font-size: 1.4rem;color: #999;} .smallUl > li > a span{margin: 0 0 0 10px;} .smallUl > li > a span img{vertical-align: middle; margin: -3px 0 0; transition: all 0.2s;} .smallUl > li > a span.active img{transform: rotate(90deg);} .smallUl > li > ol{display: none;} .smallUl > li > ol a{padding: 0 8%;} .navList{width: 30px; cursor: pointer;} .navList span{height: 3px; background-color: #fff; margin: 0 0 8px 0; display: block; transition: all 0.5s;} .navList span:last-child{margin: 0;} .navList{display: block;padding-top:4px;} .navList span:last-child{margin: 0;} .phone-nav input::-webkit-input-placeholder{color: #fff; opacity: 1;} .phone-nav .text{background: #fff;} .phone-nav .text{line-height: 19px; padding: 3px 10px; color: #fff; margin: 0 0 0 15px; border-radius: 4px 0 0 4px;} .phone-nav .sub{width: 35px; height: 25px; background: #fff url(../../../images/custom/search1.png) no-repeat center center; background-size: 16px 16px; border-radius: 0 4px 4px 0;} .phone-nav .en{line-height: 25px; color: #fff;} /*.header .logo{width: 50%;}*/ .header .logo img{max-width: 100%;} .header .bot{background-size: cover;} .phone-nav{padding: 8px 0;position: relative;background: #165baa;} .phone-nav .en{line-height: 25px;color: #fff;} .phone-nav .text, .phone-nav .sub{background: rgba(255, 255, 255, .2);} .phone-nav .text{line-height: 19px;padding: 3px 10px;color: #fff;margin: 0 0 0 15px;border-radius: 4px 0 0 4px;} .phone-nav .sub{width: 35px;height: 25px;background: rgba(255, 255, 255, .2) url(../../../images/custom/search1.png) no-repeat center center;background-size: 16px 16px;border-radius: 0 4px 4px 0;} .search-wrapper{display: none;} .smallUlBox {z-index: 1000;width: 100%;left: 0;right: 0;margin: auto;position: fixed;display: none;} /*手机菜单2*/ .phone-nav .container .logo{display: block;padding: 4px 0 0 20px;position: relative;} .phone-nav .container .logo img{max-width: 170px;max-height:34px;} .phone-nav .container .logo:before{content: '';width: 1px;height: 80%;background: #fff;position: absolute;left: 6px;top: 2px;bottom: 0;margin: auto;} .phone-nav .container .search-app{display: block;background: url("../images/public/search2.png") no-repeat center center;width: 34px;height: 34px;background-size: 30px;color: #fff;} .phone-nav .container .search-app.active{background: url("../images/public/close-app.png") no-repeat center center;background-size: 32px;} .main-right .current-ul li .tit{width: 100%;float: none;} .main-right .current-ul li .right{float: none;} .main-right .current-ul a{display: inline-block;} .main-right .banner .item .text p{width: 70%;} .main-right .current-ul li .box{padding: 8px 0;} .search-wrap .in-bl{width: 100%;} .search-wrap .form-group{margin-left: 0;margin-right: 0;} @media screen and (max-width: 375px) { .phone-nav .search-app-wrap .text{width:74%;} .phone-nav .search-app-wrap select{width:24%;} } /*头部导航css*/ .nav-second{display: none;position: absolute;z-index: 100;} .top .header-nav ul > li ol li a{font-size: 14px; display: block; padding: 0 26px; white-space: nowrap; color: #000; line-height: 34px;} .phone-nav .sub{background: #fff url("../images/public/search1.png") no-repeat center center;} .header-nav ul > li > a span{background: url("../images/public/nav-arrow1.png") no-repeat center center;} .top { position: fixed;left: 0;top: 0; z-index: 999;width:100%;} .top.navScroll{background:#fff;opacity:0.8;transition-duration:500ms;border-bottom:3px solid #1b416e} .top.navScroll .header-nav .header-nav-r ul li a{color:#000;} .top.navScroll .header-nav .header-nav-r ul li.active>a{color:#ffa853;} .top.navScroll .adSearch .tj{background:url(/style/web/images/custom/headersearch2.png) no-repeat center center;background-size:100%;} .top.navScroll .adSearch .searcontent{background:#000;} .top.navScroll .adSearch .searcontent{color:#fff;} .top.navScroll .navbar-default .navbar-toggle .icon-bar{background:#333;} .top.navScroll .phone-nav{background:rgba(0,0,0,0.5);} .top-nav > .container{padding:/* 20px */ 0;} .header-nav{background: none;} /*.header-nav{border-bottom:1px solid #829edd;}*/ .header-nav .header-nav-l{width:20%;float:left;} .header-nav .header-nav-l a{line-height:40px;display:inline-block;position:relative;left:-3px;width:100%;padding: 4px 0;margin:10px 0;} .header-nav .header-nav-r{width:80%;float:left;} .header-nav .header-nav-r ul li{display:inline-block;} .header-nav .header-nav-r ul li a{font-weight: bold;display:inline-block;padding:4px 15px;line-height:40px;font-size: 1.5rem;color:#fff;text-decoration: none;} .header-nav .header-nav-r ul>li>a:hover{color:#ffa853!important;} .header-nav .header-nav-r ul>li.active>a,.smallUl li.active > a{color:#ffa853;} .header-nav .header-nav-r ul li:last-of-type a{padding-right:0;} .header-nav .header-nav-r .nav-inner{text-align:right;} .header-nav-r > ul li{position:relative;padding:26px 0;} .header-nav-r ul li ol { padding:20px 0; transition: all 0.2s; position: absolute;min-width: 260px;top: 100px;display: none;left: 0;background: #fff ;color: #333;text-align: left;} .header-nav-r ul li:hover ol::before{content: '';border-bottom: 11px solid #fff;border-left: 8px solid transparent;border-right: 8px solid transparent;position: absolute;top: -11px; left: 20px;} .header-nav .header-nav-r ul li ol li {padding:0;display: block;} .header-nav-r ul li:hover ol{display:block;border-bottom:2px solid #ffa853;opacity:1;} .header-nav-r ul li ol a{color:#333;line-height: 24px;} .header-nav-r ul li ol:hover{display:block;} .top.navScroll .header-nav-r ul li:hover ol{/*background:#02306c;*/border-top: 2px solid #02306c;border-bottom:2px solid #ffa853;} /* .top.navScroll .header-nav-r ul li:hover ol a{color:#fff;} */ .top.navScroll .header-nav-r ul li:hover ol::before{border-bottom: 11px solid #053579;} .top.navScroll.bannerNavScroll .header-nav-r ul li:hover ol{background:#fff;} .top.navScroll.bannerNavScroll .header-nav-r ul li:hover ol a{color:#333;} .logo2{display: none;} .top.navScroll .logo1{display: none;} .top.navScroll .logo2{display: block;} /*头部导航css end*/ /**********************************/ .header .container{/*background: url(../images/custom/topbg.png) no-repeat center;*/} .tab-ul-index li {width:108px;} .archcon.archcon-new dl dd{min-width:50px;} .comwrap{/*padding-bottom: 5px;*/min-height:160px;} .comtit{width: 100%;background: #3da9ff; font-size: 14px;height: 31px;line-height: 31px;color: #fff;position: relative;padding-left: 35px;margin-bottom: 18px;} .comtit span{display: block;position: absolute;width: 20px;height: 20px;top:6px; left: 10px;background: url(../images/custom/icotit.png) no-repeat;} .comtit a{position: absolute; right: 8px;color: #fff;font-size: 10px;} .comlist li {position: relative;margin-bottom: 8px;/*white-space: nowrap; overflow: hidden; text-overflow: ellipsis;*/} .comlist li a{padding-left: 20px;color: #333;display: block;/*white-space: nowrap; overflow: hidden; text-overflow: ellipsis;*/} .comlist li a span{position: absolute;top:4px;left: 10px;display:block;width: 5px;height: 11px;background: url(../images/custom/icolist.png) no-repeat;} /*css reset end*/ /********************************/ /*css reset end*/ .container-fluid{padding:0;} .swing{-webkit-transform-origin:top center;-ms-transform-origin:top center;transform-origin:top center;-webkit-animation-name:swing;animation-name:swing} @-webkit-keyframes swing{20%{-webkit-transform:rotate(15deg);transform:rotate(15deg)}40%{-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}60%{-webkit-transform:rotate(5deg);transform:rotate(5deg)}80%{-webkit-transform:rotate(-5deg);transform:rotate(-5deg)}100%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}}@keyframes swing{20%{-webkit-transform:rotate(15deg);-ms-transform:rotate(15deg);transform:rotate(15deg)}40%{-webkit-transform:rotate(-10deg);-ms-transform:rotate(-10deg);transform:rotate(-10deg)}60%{-webkit-transform:rotate(5deg);-ms-transform:rotate(5deg);transform:rotate(5deg)}80%{-webkit-transform:rotate(-5deg);-ms-transform:rotate(-5deg);transform:rotate(-5deg)}100%{-webkit-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0deg)}}.swing{-webkit-transform-origin:top center;-ms-transform-origin:top center;transform-origin:top center;-webkit-animation-name:swing;animation-name:swing} .animated{-webkit-animation-duration:2s;animation-duration:2s;-webkit-animation-fill-mode:both;animation-fill-mode:both} .animated.infinite{-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite} .animated.hinge{-webkit-animation-duration:2s;animation-duration:2s} @-webkit-keyframes bounce{0%,100%,20%,50%,80%{-webkit-transform:translateY(0);transform:translateY(0)}40%{-webkit-transform:translateY(-30px);transform:translateY(-30px)}60%{-webkit-transform:translateY(-15px);transform:translateY(-15px)}}@keyframes bounce{0%,100%,20%,50%,80%{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}40%{-webkit-transform:translateY(-30px);-ms-transform:translateY(-30px);transform:translateY(-30px)}60%{-webkit-transform:translateY(-15px);-ms-transform:translateY(-15px);transform:translateY(-15px)}}.bounce{-webkit-animation-name:bounce;animation-name:bounce} @-webkit-keyframes bounceIn{0%{opacity:0;-webkit-transform:scale(.3);transform:scale(.3)}50%{opacity:1;-webkit-transform:scale(1.05);transform:scale(1.05)}70%{-webkit-transform:scale(.9);transform:scale(.9)}100%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}@keyframes bounceIn{0%{opacity:0;-webkit-transform:scale(.3);-ms-transform:scale(.3);transform:scale(.3)}50%{opacity:1;-webkit-transform:scale(1.05);-ms-transform:scale(1.05);transform:scale(1.05)}70%{-webkit-transform:scale(.9);-ms-transform:scale(.9);transform:scale(.9)}100%{opacity:1;-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}}.bounceIn{-webkit-animation-name:bounceIn;animation-name:bounceIn}@-webkit-keyframes bounceInDown{0%{opacity:0;-webkit-transform:translateY(-2000px);transform:translateY(-2000px)}60%{opacity:1;-webkit-transform:translateY(30px);transform:translateY(30px)}80%{-webkit-transform:translateY(-10px);transform:translateY(-10px)}100%{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes bounceInDown{0%{opacity:0;-webkit-transform:translateY(-2000px);-ms-transform:translateY(-2000px);transform:translateY(-2000px)}60%{opacity:1;-webkit-transform:translateY(30px);-ms-transform:translateY(30px);transform:translateY(30px)}80%{-webkit-transform:translateY(-10px);-ms-transform:translateY(-10px);transform:translateY(-10px)}100%{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}}.bounceInDown{-webkit-animation-name:bounceInDown;animation-name:bounceInDown}@-webkit-keyframes bounceInLeft{0%{opacity:0;-webkit-transform:translateX(-2000px);transform:translateX(-2000px)}60%{opacity:1;-webkit-transform:translateX(30px);transform:translateX(30px)}80%{-webkit-transform:translateX(-10px);transform:translateX(-10px)}100%{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes bounceInLeft{0%{opacity:0;-webkit-transform:translateX(-2000px);-ms-transform:translateX(-2000px);transform:translateX(-2000px)}60%{opacity:1;-webkit-transform:translateX(30px);-ms-transform:translateX(30px);transform:translateX(30px)}80%{-webkit-transform:translateX(-10px);-ms-transform:translateX(-10px);transform:translateX(-10px)}100%{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}}.bounceInLeft{-webkit-animation-name:bounceInLeft;animation-name:bounceInLeft}@-webkit-keyframes bounceInRight{0%{opacity:0;-webkit-transform:translateX(2000px);transform:translateX(2000px)}60%{opacity:1;-webkit-transform:translateX(-30px);transform:translateX(-30px)}80%{-webkit-transform:translateX(10px);transform:translateX(10px)}100%{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes bounceInRight{0%{opacity:0;-webkit-transform:translateX(2000px);-ms-transform:translateX(2000px);transform:translateX(2000px)}60%{opacity:1;-webkit-transform:translateX(-30px);-ms-transform:translateX(-30px);transform:translateX(-30px)}80%{-webkit-transform:translateX(10px);-ms-transform:translateX(10px);transform:translateX(10px)}100%{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}}.bounceInRight{-webkit-animation-name:bounceInRight;animation-name:bounceInRight}@-webkit-keyframes bounceInUp{0%{opacity:0;-webkit-transform:translateY(2000px);transform:translateY(2000px)}60%{opacity:1;-webkit-transform:translateY(-30px);transform:translateY(-30px)}80%{-webkit-transform:translateY(10px);transform:translateY(10px)}100%{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes bounceInUp{0%{opacity:0;-webkit-transform:translateY(2000px);-ms-transform:translateY(2000px);transform:translateY(2000px)}60%{opacity:1;-webkit-transform:translateY(-30px);-ms-transform:translateY(-30px);transform:translateY(-30px)}80%{-webkit-transform:translateY(10px);-ms-transform:translateY(10px);transform:translateY(10px)}100%{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}}.bounceInUp{-webkit-animation-name:bounceInUp;animation-name:bounceInUp}@-webkit-keyframes bounceOut{0%{-webkit-transform:scale(1);transform:scale(1)}25%{-webkit-transform:scale(.95);transform:scale(.95)}50%{opacity:1;-webkit-transform:scale(1.1);transform:scale(1.1)}100%{opacity:0;-webkit-transform:scale(.3);transform:scale(.3)}}@keyframes bounceOut{0%{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}25%{-webkit-transform:scale(.95);-ms-transform:scale(.95);transform:scale(.95)}50%{opacity:1;-webkit-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1)}100%{opacity:0;-webkit-transform:scale(.3);-ms-transform:scale(.3);transform:scale(.3)}}.bounceOut{-webkit-animation-name:bounceOut;animation-name:bounceOut}@-webkit-keyframes bounceOutDown{0%{-webkit-transform:translateY(0);transform:translateY(0)}20%{opacity:1;-webkit-transform:translateY(-20px);transform:translateY(-20px)}100%{opacity:0;-webkit-transform:translateY(2000px);transform:translateY(2000px)}}@keyframes bounceOutDown{0%{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}20%{opacity:1;-webkit-transform:translateY(-20px);-ms-transform:translateY(-20px);transform:translateY(-20px)}100%{opacity:0;-webkit-transform:translateY(2000px);-ms-transform:translateY(2000px);transform:translateY(2000px)}}.bounceOutDown{-webkit-animation-name:bounceOutDown;animation-name:bounceOutDown}@-webkit-keyframes bounceOutLeft{0%{-webkit-transform:translateX(0);transform:translateX(0)}20%{opacity:1;-webkit-transform:translateX(20px);transform:translateX(20px)}100%{opacity:0;-webkit-transform:translateX(-2000px);transform:translateX(-2000px)}}@keyframes bounceOutLeft{0%{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}20%{opacity:1;-webkit-transform:translateX(20px);-ms-transform:translateX(20px);transform:translateX(20px)}100%{opacity:0;-webkit-transform:translateX(-2000px);-ms-transform:translateX(-2000px);transform:translateX(-2000px)}}.bounceOutLeft{-webkit-animation-name:bounceOutLeft;animation-name:bounceOutLeft}@-webkit-keyframes bounceOutRight{0%{-webkit-transform:translateX(0);transform:translateX(0)}20%{opacity:1;-webkit-transform:translateX(-20px);transform:translateX(-20px)}100%{opacity:0;-webkit-transform:translateX(2000px);transform:translateX(2000px)}}@keyframes bounceOutRight{0%{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}20%{opacity:1;-webkit-transform:translateX(-20px);-ms-transform:translateX(-20px);transform:translateX(-20px)}100%{opacity:0;-webkit-transform:translateX(2000px);-ms-transform:translateX(2000px);transform:translateX(2000px)}}.bounceOutRight{-webkit-animation-name:bounceOutRight;animation-name:bounceOutRight}@-webkit-keyframes bounceOutUp{0%{-webkit-transform:translateY(0);transform:translateY(0)}20%{opacity:1;-webkit-transform:translateY(20px);transform:translateY(20px)}100%{opacity:0;-webkit-transform:translateY(-2000px);transform:translateY(-2000px)}}@keyframes bounceOutUp{0%{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}20%{opacity:1;-webkit-transform:translateY(20px);-ms-transform:translateY(20px);transform:translateY(20px)}100%{opacity:0;-webkit-transform:translateY(-2000px);-ms-transform:translateY(-2000px);transform:translateY(-2000px)}}.bounceOutUp{-webkit-animation-name:bounceOutUp;animation-name:bounceOutUp} @-webkit-keyframes zoomIn{0%{opacity:0;-webkit-transform:scale(.3);transform:scale(.3)}50%{opacity:1}}@keyframes zoomIn{0%{opacity:0;-webkit-transform:scale(.3);-ms-transform:scale(.3);transform:scale(.3)}50%{opacity:1}}.zoomIn{-webkit-animation-name:zoomIn;animation-name:zoomIn}@-webkit-keyframes zoomInDown{0%{opacity:0;-webkit-transform:scale(.1) translateY(-2000px);transform:scale(.1) translateY(-2000px);-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}60%{opacity:1;-webkit-transform:scale(.475) translateY(60px);transform:scale(.475) translateY(60px);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}}@keyframes zoomInDown{0%{opacity:0;-webkit-transform:scale(.1) translateY(-2000px);-ms-transform:scale(.1) translateY(-2000px);transform:scale(.1) translateY(-2000px);-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}60%{opacity:1;-webkit-transform:scale(.475) translateY(60px);-ms-transform:scale(.475) translateY(60px);transform:scale(.475) translateY(60px);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}}.zoomInDown{-webkit-animation-name:zoomInDown;animation-name:zoomInDown}@-webkit-keyframes zoomInLeft{0%{opacity:0;-webkit-transform:scale(.1) translateX(-2000px);transform:scale(.1) translateX(-2000px);-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}60%{opacity:1;-webkit-transform:scale(.475) translateX(48px);transform:scale(.475) translateX(48px);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}}@keyframes zoomInLeft{0%{opacity:0;-webkit-transform:scale(.1) translateX(-2000px);-ms-transform:scale(.1) translateX(-2000px);transform:scale(.1) translateX(-2000px);-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}60%{opacity:1;-webkit-transform:scale(.475) translateX(48px);-ms-transform:scale(.475) translateX(48px);transform:scale(.475) translateX(48px);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}}.zoomInLeft{-webkit-animation-name:zoomInLeft;animation-name:zoomInLeft}@-webkit-keyframes zoomInRight{0%{opacity:0;-webkit-transform:scale(.1) translateX(2000px);transform:scale(.1) translateX(2000px);-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}60%{opacity:1;-webkit-transform:scale(.475) translateX(-48px);transform:scale(.475) translateX(-48px);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}}@keyframes zoomInRight{0%{opacity:0;-webkit-transform:scale(.1) translateX(2000px);-ms-transform:scale(.1) translateX(2000px);transform:scale(.1) translateX(2000px);-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}60%{opacity:1;-webkit-transform:scale(.475) translateX(-48px);-ms-transform:scale(.475) translateX(-48px);transform:scale(.475) translateX(-48px);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}}.zoomInRight{-webkit-animation-name:zoomInRight;animation-name:zoomInRight}@-webkit-keyframes zoomInUp{0%{opacity:0;-webkit-transform:scale(.1) translateY(2000px);transform:scale(.1) translateY(2000px);-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}60%{opacity:1;-webkit-transform:scale(.475) translateY(-60px);transform:scale(.475) translateY(-60px);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}}@keyframes zoomInUp{0%{opacity:0;-webkit-transform:scale(.1) translateY(2000px);-ms-transform:scale(.1) translateY(2000px);transform:scale(.1) translateY(2000px);-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}60%{opacity:1;-webkit-transform:scale(.475) translateY(-60px);-ms-transform:scale(.475) translateY(-60px);transform:scale(.475) translateY(-60px);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}}.zoomInUp{-webkit-animation-name:zoomInUp;animation-name:zoomInUp} /* swing .animated .infinite*/ /*轮播图 */ .banner .swiper-container{width:100%;height:auto;} .banner .pic{text-align:center;} .banner .arrow-left,.banner .arrow-right{display:none;} .banner .pic h1{font-size:54px;font-weight:bold;color:#fff;margin-bottom:45px;} .banner .pic .desc{font-size:30px;color:#fff;line-height:1.5;margin-top:20px;} .banner .pic .desc p{margin-bottom:15px;font-weight: 100;} .banner .detail{display:inline-block;padding:0 40px;height:42px;line-height:42px;background:#fff;color:#3145ac;font-size:20px;margin-top:50px;border-radius:18px;} .banner .pic .detail:hover{opacity:0.9;} .banner .pic > div{/*visibility:hidden;*/} .pic{position:relative} .picImg img{width:100%;} .pic .ani{max-width: 1200px;margin: 0 auto;width:100%;position: absolute;left: 50%; top: 60%; transform: translate(-50%,-50%);} .pic .ani .aniImg{margin-bottom:100px;} .pic .desc,.pic .ani > div {width:100%;display:block;letter-spacing: 3px;color:#fff;} .pic .ani .by{font-size:56px;} .pic .ani .byc{display: inline-block;background: rgba(96, 148, 185,.6);border-radius: 40px; padding: 6px 25px;margin:20px 0 70px 0; color: #f0ff00;font-weight: bold;font-size: 34px;} .pic .ani .byc .humen{margin-right:10px;} /*首页介绍修改*/ .index-body .main {padding:0;} .main{padding:0;} .common-style p{text-align:center;font-size:30px;color:#333;padding:62px 0 40px 0;position:relative;} .common-style p span{display:block;} .common-style p .line{width:45px;height:4px;background:#e95200;display:inline-block;display: block;margin: 5px auto 0;} .introduction-new{padding:65px 0;background:url(../../../style/images/custom/introduction_bg.jpg) no-repeat;background-size: cover;} .introduction-new img{max-width:100%;margin-bottom:25px;} .introduction-new .col-lg-6 > h3{font-size:24px;margin-bottom:25px;} .introduction-new .col-lg-6 > h3 span{display:inline-block;padding-bottom:8px;border-bottom:2px solid #e95200;} .introduction-new .introduction-new-con{line-height:27px;font-size:14px;color:#222;} .introduction-new .more-news a {margin:20px 0 0 0;} /* 更多按钮 */ .more-news a{display:inline-block;height:35px;line-height:35px;width:135px;text-align:center;font-size:12px;color:#e95200;border:1px solid #e95200;border-radius:20px;margin:38px 0 65px 0;text-decoration:none;} /*核心产品*/ .coreProductRight .swiper-container {width: 100%;height: 355px; color: #fff;background: none;padding-top:35px;} .coreProductRight .swiper-slide{padding-left:20px;background:none;} .coreProductRight .swiper-slide >.clearfix{width:100%;height:100%;text-align:left;position:relative;} .swiper-slide >.clearfix .front{background:rgba(255,255,255,0.8);/*background:#fff;*/} .coreProduct {height:545px;background: url(../../../style/images/custom/coreP.png) center center no-repeat;} .coreProduct .coreProductRight{width:100%;} .coreProduct .coreProductRight .swiper-wrapper{margin-left:-56px;} .coreProduct .common-style p{color:#fff;} .coreProduct .common-style p .line {background:#fff;} .coreProduct .swiper-slide {margin-left: 7px;} .coreProduct .swiper-slide h3{font-size:18px;color:#000;margin-bottom:20px;font-weight:bold;} .coreProduct .swiper-slide .clearfix{position:relative;} .coreProduct .swiper-slide .clearfix a{text-decoration: none;color:#666;display: inline-block;word-break: break-word;font-size: 12px;width: 100%;transition: 0.1s ;padding:5px 10px 5px 12px;position:relative;} .coreProduct .swiper-slide .clearfix a span{display:inline-block;width:6px;height:6px;background:#666;margin-right:6px;border-radius:50%;position:absolute;left:0;top:10px;} .coreProduct .swiper-slide .coreIco{position:absolute;left:30%;;top:-33px;} .coreProduct .swiper-slide .front{position:relative;width:100%;height:300px;padding:48px 40px;left:0;top:0;} /*产品与服务 */ .productServerLeft,.productServerRight{width:50%;} .productServerLeft > div{width:49%;float:left;} .productServerLeft .big{margin-left:0;height:400px;width:50%;text-align: center;position: relative; background-size: 100% 100%!important;} .productServerLeft .bigR{width:49%;margin-left:1%;} .productServerRight .productServer-list{margin-left:1%;} .productServerLeft > div .productServer-list{width:100%;} body .productServer-list{text-align:center;position:relative;width:49%;margin-bottom:8px;background-size: 100% 100%!important;height:196px;padding:0;} .productServer-list .productServer-list-show{padding: 0 0;width:100%;height:100%;position: relative;} .productServer-list img{max-width:100%;max-height:100%;} /* .productServer-list:hover .productServer-list-info {display:block;} */ .productServer-list .desc span{display:block;font-size:16px;font-weight:bold;color:#fff;margin-bottom:12px;line-height:26px;} .productServer-list img{margin-top:40px;margin-bottom:40px;} .productImg,.productIcon{width:100%;height:100%;position:absolute;left:0;top:0;background:rgba(28,87,191,0.8);} .productImg img{width:100%;height:100%;margin:0;} .productServer-list .big .productServer-list-info{display:block;} .productServer-list .productServer-list-info, .big .productServer-list-info{position:absolute;left:0;bottom:0;width:100%;height:auto;background:rgba(0,0,0,0.5);padding:10px 20px;font-size:14px;display:none;text-align:left;} .productServer-list .productServer-list-info{padding:30px;text-align:center;} .productServer-list .productServer-list-info{ background: rgba(233,82,0,0.5);height:100%;} .big .productServer-list-info{display:block;} .productServer-list .productServer-list-info h3 a,.big .productServer-list-info h3 a{display:block;font-size:14px;text-decoration: none;color:#fff;line-height:24px;margin-bottom:6px;} .productServer-list .productServer-list-info .productServer-list-info-desc{line-height:2;color:#fff;} .productServer-list .productServer-list-info .moreDynamic{text-decoration:none;display:inline-block;height:22px;line-height:22px;width:80px;border-radius:5px;border:1px solid #fff;font-size:12px;color:#fff;margin-top:10px;} .productServer-list .productServer-list-info{color:#fff;font-size:12px;} .productServer-list .goDetail{position: absolute;left: 50%; top: 50%;transform: translate(-50%, -50%);} /*最新新闻*/ .newest a{text-decoration:none;display:block;} .newest {height:570px;background: url(../../../style/images/custom/fg.png) no-repeat;background-size: 100% 100%;} .newest .newest-list{position:relative;top:0;/*padding-left:25px;*/padding-right:0;padding-left: 0;} /* .newest .newest-list:nth-of-type(1){padding-left:0;} */ .newest .newest-list .newest-list-con{background:#ebebeb;padding:25px 20px 20px 20px;height:100px;} .newest .newest-list .newest-list-Box .imgBox{height:165px;} .newest .newest-list .newest-list-Box > .imgBox img{max-width:100%;max-height:100%;} .newest .newest-list .seeDetail{color:#e95200;font-size:14px;} .newest .newest-list img{height:100%;;width: 100%;} .newest .newest-list .date{display:inline-block;font-size:16px;color:#cfcfcf;line-height:1;margin-bottom:10px;} .newest .newest-list h3{font-size:14px;color:#222222;line-height:20px;margin-bottom:1px;-webkit-line-clamp: 2;display: -webkit-box;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;} .newest .newest-list .desc{font-size:14px;color:#7c7c7c;line-height:24px;margin-bottom:10px;} .newest .newest-list .newest-list-Box{background:#fff;position:relative;box-shadow: 0 0 5px #ececec;} .newest .newest-list .newest-list-con img{transition: all 2s;} .newest .newest-list:hover .newest-list-con img{transform:scale(1.2);} .more-news a{display:inline-block;height:35px;line-height:35px;width:135px;text-align:center;font-size:12px;color:#e95200;border:1px solid #e95200;border-radius:20px;margin:38px 0 65px 0;text-decoration:none;} .index-news-wrap{display: flex;flex-wrap: wrap;margin-left: -25px;} .newest-list {margin: 0 0 25px 25px;width: calc(25% - 25px);} /*合作客户*/ .company{background:#f8f8f8;padding:0 25px 50px 25px;} .company .companyCon{position:relative;padding: 0 ;background:none;} .company .companyCon ul {text-align:left;margin-left: -20px;} .company .companyCon ul li{float:left;width:calc(20% - 20px);height:155px;line-height:155px;background:#fff;margin-left:20px;position:relative;margin-bottom:20px;} .company .companyCon ul li img{max-width:100%;max-height:100%;position: relative;/*transition: all 1s;-moz-transition: all 1s;webkit-transition: all 1s;-o-transition: all 1s;*/} .company .companyCon ul li a{width:100%;max-width:100%;max-height:100%;display:block;padding:0 10px;position:absolute;transform: translate(-50%, -50%);top: 50%;left: 50%; } .company .companyCon .swiper-slide{background:none;} .company .companyCon .swiper-wrapper{} .company .companyCon .swiper-container{width:100%;height:380px;} .company .companyCon .swiper-container .linkBox{width:100%;height:380px;margin-bottom:40px;} .company .companyCon .swiper-pagination-bullet{display:inline-block;width:38px;height:10px;background:#e1e1e1;margin-left:7px;border-radius: 0;opacity: 1;} .company .companyCon .swiper-pagination-bullet.swiper-pagination-bullet-active{background:#e95200;} .company .companyCon .pagination{width:100%;text-align:center;bottom: 0;position: absolute;} /* main开始 */ /* main-left开始 */ /* main-left结束 */ /* main-right开始 */ /* main-right结束 */ /* main结束 */ /*二级页面*/ /*banner*/ .bgf1{background:#f1f7ff;} .bgff{background:#fff;} .p70{padding:70px 0 65px 0;} .p70 h2{margin-bottom:40px;font-size:34px;color:#333333;text-align:center;} .main .secondLevel{} .secondLevel .swiper-container{width:100%;height:445px;color:#fff;} .secondLevel .swiper-container .imgBox{width:100%;height:100%;} .secondBanner h1{font-size:54px;margin-bottom:30px;color: #fff;} .secondBanner .desc{font-size:17px;line-height:30px;display:block;} .secondBanner .imgBox a {display: block;width: 100%;} .secondBanner .imgBox img {width: 100%;} .secondBanner a.consultation{width:140px;height:50px;line-height:50px;font-size:17px;text-align:center;background:#e75401;margin-top:28px;color:#fff;display:inline-block;} .eBannerInfo{width: 100%;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);max-width:830px;text-align:center;margin-top:40px;} /*产品概述*/ .proOverview .desc{font-size:14px;color:#222;line-height:32px;line-height:30px;} /*产品功能*/ .pFun.p70{padding-bottom:45px;} .pFunCon h3{font-size:20px;color:#222;margin-bottom:15px;height:40px;line-height:40px;} .pFunCon h3 img{position:relative;bottom:2px;margin-right:10px;max-width:100%;} .pFunCon .pFunList{padding:25px 26px;background:#fff;box-shadow: 0 0 10px #dcdcdc;margin-bottom:30px;width:48.76%;border-radius: 8px;} .pFunCon .pFunList p{font-size:14px;color:#515151;line-height:28px;} /*资料索取*/ .zlsqCon .qrcodes li{margin-bottom:20px;text-align: center;} .zlsqCon .qrcodes img{width:150px;height:150px;text-align:center;} .zlsq .zlsqCon{background:#f4f4f4;padding:40px 30px;} .zlsqTab{margin-bottom:40px;} .zlsqTab > div{font-size:18px;color:#000;height:52px;line-height:52px;background:#fff;text-align:center;margin-right:20px;} .zlsqTab > div:hover{cursor:pointer;} .zlsqTab > div.ac{color:#fff;background:#e75401;} .zlsqConBox > div{display:none;font-size:14px;line-height:26px;} .zlsqConBox > div.ac{display:block;} .zlsq .glyphicon ,.zlsq .fa{margin-right:10px;} /*产品优势*/ .pAdv {display:none;} .pAdv .pAdvList{width:46%;margin-bottom:30px;} .pAdv .pAdvList .imgBox{width:21%;} .pAdv .pAdvList .desc{width:79%;line-height:28px;font-size:14px;} .pAdv .pAdvList .desc h3{font-size:20px;color:#000;margin-bottom:20px;} .pAdv .pAdvList .imgBox img{max-width:100%;} /*新闻列表*/ .news,.qualificationAndHonor,.recruit,.aboutUs{margin-top:62px;margin-bottom:40px;} .newsListIn li {/*height: 180px;*/background: #ebebeb;margin-bottom: 20px;border-radius: 5px; padding: 20px 0;} .newsListIn li .imgBox img{width:100%;height:100%;} .newsListIn .newsInfo a{font-size:16px;font-weight:bold;color:#000;margin-bottom:8px;display:inline-block;} .newsListIn .newsInfo{padding-left:0;} .experts #slide1,.experts #slide2{height:660px;overflow:hidden;position:relative;} /*新闻详情*/ .newsDetail h1{font-size:24px;margin-bottom:30px;} .experts{padding:20px 15px;border:2px solid #ddd;border-top:0;} .experts h3{font-size:20px;font-weight:bold;margin-bottom:15px;} .experts ul li{margin-bottom:15px;} .experts ul li:hover{color:#e75401;} .expertsBtn span:hover{cursor:pointer;} .expertsBtn span{display:inline-block;border-radius:5px 5px 0 0 ;background:#ddd;color:#333;font-size:16px;width:48%;padding: 10px 20px;text-align:center; } .expertsBtn span.ac{background:#02326d;color:#fff;} .experts.hyxx{display:none;} /*招聘信息*/ .recruit h3{font-size:22px;color:#000;padding:20px;position:relative;} .recruit h3 span{display:inline-block;position:absolute;right:20px;top:28px;width:10px;height:10px;/*background:#000;*/} .recruit h3 .showHide{width:23px;height:15px;} .recruit h3 .showHide img{max-width:100%;} .recruit h3 {cursor:pointer;padding-left: 0;border-bottom: 2px solid #eee;} .recruit .recruitDesc{padding:30px 20px;} .recruit .showHideCon{display:none;background:#eee; border-left: 8px solid #1b416e;} /*资质荣誉*/ .qualificationAndHonor h1,.qualificationAndHonor h2{font-size:24px;margin-bottom:30px;margin-top:40px;font-weight:bold;text-align:center;} .qualificationAndHonor .qualificationAndHonorDesc{font-size:18px;} .qualificationAndHonor .imgList{margin-bottom:20px;height:195px;text-align:center;} .qualificationAndHonor .imgList img{width:100%;height:100%;} .qualificationAndHonor .imgList img:hover{cursor:pointer;} .bigImgBox{background:rgba(0,0,0,0.5);position:fixed;width:100%;height:100%;top:0;left:0;z-index:9999;display:none;} .bigImgBox .imgCon{position: absolute; padding: 0;text-align: center;left: 50%;transform: translate(-50%, -50%); top: 50%;} .bigImgBox span{position:absolute;font-size:18px;right:25px;top:25px;color:#fff;} .bigImgBox .imgCon img{max-width:800px;} .hjry img,.zzcq img,.zzwj img{max-width:100%;box-shadow: 0 5px 10px #ddd;} .zscq ul li img{width:136px;height:200px;} .zscq ul li,.hjry ul li,.zzwj ul li{margin-bottom:50px;} .hjry ul li{height:140px;} /*关于我们*/ .aboutUsNav li{height:50px;padding:15px 8px;background:#eee;margin-bottom:10px;text-align:center;} .aboutUsNav li a{font-size:16px;font-weight:bold;color:#333;} .aboutUsNav li.aboutAc{background:#1b416e;} .aboutUsNav li.aboutAc a{color:#fff;} .aboutUs .aboutUs-l{padding:0;} .aboutCon > img{width:100%;} .aboutCon .conBox {padding-left:30px;} /* footer开始 */ /*底部*/ .footer{background:#010815;padding-top:40px;font-size:16px;color:#fff;line-height:1;} .footer .bottom{margin-bottom:20px;} .bottom .bottom-center p a{font-size:16px;color:#fff;margin-top:35px;} .bottom .bottom-left{width:32%;margin-top:10px;} .bottom .bottom-left img{max-width:100%;} .bottom .bottom-center{width:55%;} .bottom .bottom-center p{margin-bottom:20px;} .bottom .bottom-center p img{margin-right:15px;} .bottom .bottom-right{width:13%;} .bottom .bottom-right img{max-width:80%;} .footer .btmb{padding:18px 0;font-size:16px;color:#fff;text-align:center;background:#010815;border-top:1px solid #252b36;} .footer .btmb a{color:#fff;} .footer .shareTool {text-align:left;float: left;} .footer .shareMargin{border:0;margin-top:12px;} .footer .shareTool li img{width:30px;height:30px;} .footer .weixinBox img{width:100%;height:100%;} .footer .shareTool li {margin-right:6px;} .footer .weixinBox{top:45px;width:80px;} .footer .js-qrcode-arr{left:8px;} .footer .weixinBox{padding:10px;} /* footer结束 */ .bottom-fixed{background: rgba(1, 63, 136,.8) url(../images/public/back_top.png) no-repeat center center;} .news-list-page .main{margin-top: 62px;margin-bottom: 40px;} .news-details-body .shareTool{float: none;} .left-fixed{position:fixed;right:0;top:30%;z-index: 99;width:220px;height:150px;} .left-fixed .glyphicon {margin-right:10px;} .left-fixed span,.left-fixed a{font-size:13px;line-height:20px;color:#fff;} .left-fixed .tel,.left-fixed .email{padding:10px 0 10px 10px;border-radius:10px 0 0 10px;margin-bottom:10px;} .left-fixed .tel:hover,.left-fixed .email:hover{cursor:pointer;} .left-fixed .tel{background:rgba(0,128,0,0.8);background:green\0;} .left-fixed .email{background:rgba(255,165,0,0.8);background:orange\0;color:#fff;} html body{font-family:'PingFang SC',"Arial","微软雅黑",'Microsoft YaHei';font-size:14px;} @media (min-width: 1200px){ body .main-left{width:75%;float:left;padding-right:22px;padding-left:0;} body .main-right{width:25%;float:left;padding:0;padding-left:7px;} body .container{width:1200px;} .navbar.navbar-default{display:none;} body .navbar{display:none;} .news,.recruit,.aboutUs{min-height:400px;font-size:15px;line-height:28px;} .zscq ul li{width:20%;} .company .companyCon ul li{position:relative;} .company .companyCon ul li{position:relative;-webkit-transition: .3s; -moz-transition: .3s; -ms-transition: .3s; -o-transition: .3s; transition: .3s;} .company .companyCon ul li:hover{top:-3px;-webkit-transform: translateY(-3px); -ms-transform: translateY(-3px); -o-transform: translateY(-3px);transform: translateY(-3px);box-shadow:0 3px 10px #ddd;} } @media (min-width: 992px){ .comIntroductionLeft img:hover {transform:scale(1.2);} .swiper-slide {transform: translateZ(0); width: 100%;} .swiper-slide .clearfix:hover .front{background:rgba(233,82,0,0.7);background:#e95200\0;} .swiper-slide .clearfix:hover .front a, .swiper-slide .clearfix:hover .front h3{color:#fff;} .swiper-slide .clearfix:hover .front a span{background:#fff;} .swiper-slide .front a:hover{font-weight:bold;position:relative;font-size:15px!important;text-decoration: underline;} .swiper-slide:hover .coreIcoActive{opacity:0;} .productServerLeft .big{height:402px;} .newest .newest-list:hover {position:relative;} .newest .newest-list:hover .newest-list-Box{-webkit-box-shadow:0 0 10px #cecece;-moz-box-shadow:0 0 10px #cecece;-o-box-shadow:0 0 10px #cecece;-ms-box-shadow:0 0 10px #cecece;box-shadow:0 0 10px #cecece;} .newest .newest-list:hover .newest-list-Box .newest-list-con {background:#e95200;} .newest .newest-list:hover h3,.newest .newest-list:hover .seeDetail{color:#fff;} .big .productServer-list-info:hover{background:rgba(233,82,0,0.7);background:#e95200\0;} /*产品与服务鼠标滑动效果*/ .productServer-list:hover .productServer-list-info{display:block;} .productServer-list:hover .productServer-list-show .productIcon{display:none;} } @media (max-width: 1200px){ /* .phone-nav .container .search-app{ background: url(../../../images/custom/search3.png) no-repeat center center;} */ .comIntroduction .container,.productServer .container,.newest .container,.company .container{padding:0 20px;} .phone-nav{background-color: rgba(255,255,255,0.95); transition-duration: 500ms;} .phone-nav{background:none;} /*移动端导航*/ .header .logo,.phone-nav .container .logo:before{display:none;} .navListN{float:right;width: 30px;height: 30px;text-align:center;margin-top: 3px;margin-left: 5px;padding-top:6px;line-height: 6px;} .navListN span{margin-bottom:4px;display: inline-block;width:25px;height:3px;background:#fff;} .phone-nav .container .logo{padding-left:0;} .navList span{width:14px;} .smallUl{background:none;overflow-y: scroll;height: 100%;display:block;padding:0 28px 70px 28px;} .smallUlBox{background: #080809;height:100%;top:49px;padding:0 15px 0 15px;} .smallUlBox ul li{position:relative;} .smallUlBox .showPro {position:absolute;right:0;top:15px;} .smallUlBox .showPro img{width:15px;} .smallUlBox .second{display:none;} .comIntroductionLeft ul li {width: 25%;padding: 5px;} .company .companyCon .swiper-container{height:282px;} .company .companyCon ul li{height:80px;line-height:80px;} .company .companyCon .swiper-container .linkBox{height:200px;} .comIntroduction,.newest,.company,.productServer,.coreProduct {height:auto;background-size:cover;} /*,.coreProduct{padding-bottom:10px;}*/ .banner .carousel-inner>.item .pic{width:100%;text-align:center;} .banner .carousel-inner>.item .pic .desc{font-size:18px;} .comIntroduction{height:auto;} .comIntroductionLeft{width:100%;} .comIntroductionLeft ul li{text-align:center;} .comIntroduction .container >.clearfix { display: flex; flex-direction: column-reverse; justify-content: flex-start; } .comIntroductionRight{width:100%;padding-left:0;} .more-news a{margin:30px 0 20px 0;} .coreProductRight .swiper-slide{padding-left: 5px;} .company {padding-top: 0!important;} .newsListIn li{padding:15px 10px;height:auto;} .newsListIn .imgBox {padding:0;margin-bottom:15px;} .newsListIn,.newsDetail{padding:0;} .experts{margin-top:20px;} .qualificationAndHonor .imgList{height:auto;padding:0;} .main>.container{display: block;} } @media (max-width: 992px){ .pic .ani .aniImg{margin-bottom:10px;margin-top:40px;} .banner .pic .desc{font-size:12px;} /* 最新新闻一行两列50%展示 */ .index-news-wrap{margin-left: 0;} .newest-list{width: 50%;margin-left: 0;} /*底部*/ .footer{padding-top:40px;} .bottom .bottom-left{margin-bottom:15px;} .bottom .bottom-left,.bottom .bottom-right,.bottom .bottom-center{width:100%;} .bottom .bottom-center p{padding-left:35px;position:relative;margin-bottom:8px;line-height:22px;} .bottom .bottom-center p img{position:absolute;left:0;top:0;} .bottom .bottom-center {margin-bottom:30px;} .footer .btmb{height:auto;line-height:auto;padding:18px;margin-top:30px;} .footer .btmb p{line-height:22px;} .footer .btmb p span{display:block;text-align:center;} .footer .btmb span{display: block;line-height: 22px;} .footer .shareTool li img{width:30px;height:30px;} .bottom .bottom-center p a,.footer,.footer .btmb{font-size:14px;} .bottom .bottom-center p a{line-height:18px;} .bottom .bottom-center p{padding-left:25px;} .bottom .bottom-center p img{top:4px;width:13px;} .footer .btmb{padding:5px;} .bottom .bottom-left .flogo{width:200px;} .bottom-right {text-align:center;} .bottom .bottom-right img{width:150px;} .shareBox{display:block;} /*左侧分享隐藏*/ .left-share{display:none;} .coreProduct .coreProductLeft{padding-top:0;width:100%;} .coreProduct .coreProductRight{width:100%;position: relative;} .coreProductRight .swiper-container .swiper-slide{padding-left:0;} .coreProduct .coreProductRight .swiper-wrapper{margin-left:0;} .coreProduct .swiper-slide {margin-left: 0;} .productServerLeft{width:100%;margin-bottom:10px;} .productServerRight{width:100%;} body .productServer-list{margin-bottom:10px;} .coreProductRight .arrow-left-n,.coreProductRight .arrow-right-n{margin-top:20px;display: inline-block;text-align: center;width:38px;height:38px;background:gray;} .coreProductRight .arrow-left-n{left:0;bottom:0px;background: url(../../../images/custom/toleft.png) no-repeat center center;} .coreProductRight .arrow-right-n{right:0;bottom:0px;background: url(../../../images/custom/toright.png) no-repeat center center;} .coreProductRight .swiper-container{height:467px;} .coreProductRight .pagination {display:block;text-align:center;} .coreProductRight .swiper-pagination .swiper-pagination-bullet {display: inline-block;width: 20px; height: 5px;background: #fff;margin:0 2px;border-radius: 0;opacity: 1;} .coreProductRight .swiper-pagination .swiper-pagination-bullet-active{background: #e95200;} .coreProductRight .arrow-right-n,.coreProductRight .arrow-left-n{display:none;} .coreProduct .swiper-slide .clearfix a{padding:8px 12px;font-size:14px;line-height:16px;} .coreProduct .swiper-slide .clearfix a span{top:15px;} .coreProduct .swiper-slide h3{text-align: center;color:#fff;font-weight:normal;margin:30px 0 40px 0;position:relative;} .coreProduct .swiper-slide h3:after{content:'';display:block;position:absolute;width: 50px;height: 2px;background: #fff;bottom:-20px;left: 50%; transform: translateX(-50%);} .coreProduct .swiper-slide ul{display:block;} .coreProductRight .swiper-container .swiper-slide >.clearfix{padding:0 40px;} .coreProduct .swiper-slide .front{padding:50px 20px 25px 20px;margin: 0 auto;height:auto;} .coreProduct .swiper-slide .coreIco{left: 50%; transform: translateX(-50%);border: 2px solid #ddd;border-radius: 50%;width:60px;} /*核心产品*/ .coreProductRight .swiper-container .swiper-slide >.clearfix .front{background:none;height:428px;} .coreProduct .swiper-slide .clearfix a{color:#fff;} .coreProduct .swiper-slide .clearfix a span{background:#e95200;} .coreProduct .swiper-slide .front{border:solid 4px rgba(255,255,255,0.6);border-radius:20px;} .coreProduct-m .swiper-pagination {position: unset;margin: 20px 0;} .coreProduct-m .swiper-pagination-bullet{} } @media (max-width: 768px){ .pic .ani > div img{width:245px;} .pic .ani{padding:0!important;} .banner .pic .desc{margin-top:10px;} .banner .pic .desc span{display:block;} .banner .pic .desc p{margin-top:8px;margin-bottom:0;} .banner .carousel-inner>.item .pic .detail{margin-top:20px;} .pic .ani{margin:0;} .pic .ani .by{font-size:22px;} .pic .ani .byc{font-size:.8rem;margin:5px 0 0 0 ;} .banner .carousel-inner>.item .pic .desc{margin-top:10px;font-size:12px;} .banner .carousel-inner>.item .pic .desc p{margin-bottom:8px;} .banner .pic .desc{font-size:.8rem;} .introduction-new .row > div:first-child{margin-bottom:20px;} /*产品与服务*/ body .productServer-list{height:105px;margin-bottom:3px;} .productServerLeft{margin-bottom:3px;} .productServerLeft .productServer-list.big{height:343px;} .productServer-list .desc span{font-size:14px;font-weight:normal;margin-bottom:5px;} .productServerLeft .big{height:213px;margin-bottom:0;} body .productServer-list{width:49%;margin-right:0;} .productServer-list:hover .productServer-list-info {display:none;} .big .productServer-list-info{padding:6px 5px;} .productServer-list{background-size:cover!important;} .productServer-list img{margin-bottom:10px;} .productServer-list .productIcon img{margin-top:20px;max-width:25px;} .productServer .container{height:430px;overflow:hidden;} .big .productServer-list-info h3 a{font-size:12px;line-height: 18px;margin-bottom:0;} .showBtn{padding:20px 0 0 0 ;animation: showBtn 1s linear 0s infinite alternate;display: none;} @keyframes showBtn { from {transform:translateY(-10px);}to {transform: translateY(10px);}} .common-style p{padding: 10px ;font-size:0.9rem;} .common-style p{padding: 30px 0;font-size:24px;} .common-shadow{box-shadow:initial;} /*最新新闻*/ .newest .newest-list{padding:0;margin:0 0 15px 0;display:block;} .newest .newest-list .seeDetail span{background:#0441ad;} .newest .newest-list:hover{box-shadow:initial;} .news-phone .swiper-container{width:100%;height:280px;} .newest .newest-list .newest-list-con{height:120px;} .newest .newest-list .newest-list-Box{box-shadow:none;} .newest .newest-list .seeDetail{width:auto;} .newest .newest-list h3{text-align:left;} .newest .swiper-pagination-bullet {display: inline-block;width: 20px; height: 5px; background: #bfbfbf;margin:0 2px;border-radius: 0;opacity: 1;} .newest .swiper-pagination-bullet-active{background: #e95200;} .newest .pagination {position:relative;bottom:60px;text-align: center;width:100%;} /*合作伙伴*/ .line2{display:none;} .common-style p{padding: 30px 0;font-size:24px;} .common-shadow{box-shadow:initial;} .productServer-list:last-of-type{margin-bottom:0;} .productServer{padding-bottom:0;} .company .companyCon-phone .swiper-container{height:240px;} .company .companyCon-phone .swiper-pagination-switch{width:25px;height:5px;} .company .companyCon-phone .swiper-container .linkBox{margin-bottom:0;} .comIntroductionLeft ul li{width:50%;margin-bottom:0;} .company {padding:0;margin-bottom:40px;background:#fff;} .company .container{padding:0 20px;} .company .companyCon ul li:nth-of-type(even){border-right:0;} .company .companyCon ul li:nth-last-type(2),.company .companyCon ul li:last-of-type{border-bottom:0;} .company .companyCon .swiper-slide{padding-bottom:80px;} .comIntroductionRight p{font-size:14px;color:#999;line-height:24px;text-align: justify;} .comIntroductionRight .more{margin-bottom:30px;} .comIntroduction .container >.clearfix{display: flex;flex-direction: column-reverse; justify-content: flex-start;} .comIntroductionLeft{margin-bottom:25px;} .company .companyCon .swiper-container{height:400px;} .company .companyCon ul li{width:46%;margin:0 2%;padding:10px;height:60px;line-height:60px;margin-bottom:5px;} .company .companyCon ul li a{position:static;transform: initial;} .company .companyCon .pagination{bottom:-20px;} .company .companyCon .swiper-pagination-switch{height:5px;} .p70 h2{font-size:24px;} .secondLevel .swiper-container{height:375px;} .secondBanner a.consultation{width:100px;height:35px;line-height:35px;font-size:14px;} .secondBanner h1{font-size:28px;} .eBannerInfo{max-width:315px;} .secondBanner .desc{font-size:.8rem;line-height:18px;} .pFunCon .pFunList{width:100%;} .zlsqTab > div{height:35px;line-height:35px;height:35px;font-size:14px;} .zlsqTab > div{margin-right:0;} .zlsq .zlsqCon{padding:30px 20px;} .pFunCon h3{height:30px;line-height:30px;} .pFunCon h3 img{width:30px;margin-right:8px;} .pFunCon .pFunList{padding:15px 10px;} .zlsq .glyphicon, .zlsq .fa{margin-right:5px;} .experts #slide1, .experts #slide2{height:330px;} /*产品优势*/ .pAdv .pAdvList .imgBox{width:10%;} .pAdv .pAdvList .imgBox img{width:100%;} .pAdv .pAdvList .desc{width:90%;} .pAdv .pAdvList{width:100%;} .pAdv .pAdvList .desc h3{height:30px;line-height:30px;} /*资质荣誉图片*/ .aboutUs .aboutUs-l{display:none;} .aboutUs .aboutUs-r{padding:0;} .aboutUs .aboutUs-r img{max-width:100%;} .secondLevel .swiper-container{height: 315px;} .secondBanner .imgBox img {height: 315px;} .eBannerInfo{margin-top: 10px;} } @media (max-width: 768px){ } @media (max-width: 480px){ .pic .ani > div img{max-width:200px;} .pic .ani .aniImg{margin-top:20px;} } @media (max-width: 375px){ .zlsqCon .qrcodes img{width:100px;height:100px;} } @media (max-width: 320px){ .zlsq .zlsqCon{padding:20px 10px;} .zlsqTab > div{padding:0 10px;} .pic .ani > div img{max-width:115px;} } /*前端渲染补充*/ #topicArticlesList .article-list-left span,#topViewList .article-list-left span,#topCitedList .article-list-left span,#topDownList .article-list-left span{background: none;} .loading { background: linear-gradient(90deg, #f2f2f2 25%, #d1d1d1 40%, #f2f2f2 50%); background-size: 400% 400%; animation: loading 1.1s ease infinite; } @keyframes loading { 0% { background-position: 100% 50%; } 100% { background-position: 0 50%; } }