/* 测试是否一致 */ /* body{opacity: 0.6;}html{background:url(../images/1.jpg) top center no-repeat !important;}::-webkit-scrollbar{width: 0;} */ @charset "utf-8"; body {} ::-webkit-scrollbar { width: 0; background-color: #fff; } ::-webkit-scrollbar-thumb { background-color: #b2b2b2; } .ul-inline { font-size: 0; } .ul-inline li { display: inline-block; *display: inline; *zoom: 1; font-size: 14px; vertical-align: top; } .ul-inline li a { display: block; } .title { display: block; overflow: hidden; text-overflow: ellipsis; } .info { display: block; overflow: hidden; } .img { display: block; overflow: hidden; width: 100%; height: 0; } .imgCentered { display: block; overflow: hidden; width: 100%; height: 0; position: relative; } .img img { width: 100%; display: block; } .img img { width: 161px; height: 215px; display: block; } .img1 img { width: 100%; } .imgCentered img { position: absolute; top: 0; bottom: 0; left: 0; right: 0; max-height: 100%; width: auto; margin: auto; } .img img:hover { transform: scale(1.05); -ms-transform: scale(1.05); -moz-transform: scale(1.05); -webkit-transform: scale(1.05); -o-transform: scale(1.05); transition: all ease-in 0.2s; -ms-transition: all ease-in 0.2s; -moz-transition: all ease-in 0.2s; -webkit-transition: all ease-in 0.2s; -o-transition: all ease-in 0.2s; } .time { font-family: Times New Roman; } .clear { clear: both; } .rightDate { float: right; } .row { width: 1200px; margin: 0px auto; } @media screen and (max-width:1480px) { .row { width: 1000px; } } @media screen and (max-width:1240px) { .row { width: auto; /* overflow: hidden; */ margin-left: 20px !important; margin-right: 20px !important; } } @media screen and (max-width:480px) { /* .row{padding: 0 10px;} */ } a:hover { color: #0956ad; } .gp-header1 { transition: all 0.35s ease-in-out; background: url(../images/headerbg.png) bottom center repeat-x; border-top: 6px solid #0956ad; } .gp-logo1 { padding: 45px 0; transition: padding 0.3s ease-in-out; width: 475px; font-size: 0; } .gp-logo1 a { display: inline-block; *zoom: 1; *display: inline; vertical-align: middle; } .logo01 { width: 56.5%; } .logo02 { width: 43.5%; } .top-wrap { width: 100%; height: 40px; line-height: 40px; background-color: #0c6bbb } .container04 { width: auto; padding-left: 20px; padding-right: 20px; } .logo-nav { position: absolute; left: 92px; right: 79px; top: 0px; z-index: 99; width: auto; } .gp-topRight1 { height: 50px; line-height: 40px; } .gp-topRight1 a { color: #fff; } .gp-topRight1 span { color: #fff; margin: 0 10px; opacity: 0.5; filter: alpha(opacity=50); } .topLInk a { vertical-align: middle; } .topLInk .en {} .topLInk .en::before { content: "|"; margin: 0 14px; } .gp-nav1 { height: 50px; clear: right; } .gp-nav1>ul>li { height: 40px; line-height: 40px; width: 11.1%; } .gp-nav1>ul>li>a { display: block; padding: 0 20px; color: #fff; } .gp-nav1>ul>li.on a { color: #0c6bbb; background-color: #fff; } .gp-subNav { padding: 5px 0; z-index: 99 } .gp-nav1>ul>li.on .gp-subNav { display: block; top: 100%; } .gp-nav1>ul>li .gp-subNav dd a { color: #333; } .gp-nav1>ul>li .gp-subNav dd a:hover { background-color: #eee } /*1.默认展开的搜索*/ .gp-search { width: 220px; overflow: hidden; display: inline-block; *display: inline; *zoom: 1; vertical-align: middle; transition: all 0.35s ease-in-out; border: 1px solid #ccc; } .gp-ser { width: 100%; height: 28px; z-index: 9999994; margin: 0 auto; position: relative; } .gp-search input, .gp-search button { /* position:absolute; */ height: 28px; line-height: 28px; border: none; background: none; top: 0px; overflow: hidden; } .gp-search input.notxt { color: #a4a4a4; width: 82%; left: 0; top: 0; padding-left: 2%; } .gp-search .notxt1 { position: absolute; width: 15%; right: 0; cursor: pointer; color: #fff; } /*4.搜索按钮全屏展开*/ #gp-serBtn5 { position: relative; z-index: 800; background: url(../images/serbtn.png) no-repeat center center; width: 74px; text-align: center; height: 26px; margin: 0 0 0 32px; } .gp-search5 { height: 0; border: none; width: 100%; overflow: hidden; position: fixed; top: 50%; z-index: 802; left: 0; } .gp-search5 .gp-ser { max-width: 800px; } .gp-search5 input, .gp-search5 button { height: 40px; line-height: 40px; } .gp-search5 .gp-ser { height: 40px; border: 1px solid #ccc; margin-top: 20px; } .gp-search5 .notxt1 { background: #0c6bbb; color: #fff; background: url(../images/serbtn.png) no-repeat center center #0c6bbb; } .gp-search5 .gp-ser { display: none; border: none; background: #fff; position: relative; } .gp-search5.active .gp-ser { display: block; } .gp-search5.active { height: 80px; } .searchActive .gp-overlay { top: 0; margin: 0 } @media screen and (max-width:998px) { .gp-search5 .gp-ser { width: 80%; } .gp-search5 input, .gp-search5 button { box-sizing: border-box; } .gp-search5 input.notxt { width: 100%; padding-right: 90px; } .gp-search5 .notxt1 { width: 85px; } } /*手机端导航默认*/ .mobile_bg { width: 100%; height: 100%; z-index: 90; position: fixed; top: 0; left: 0; background: rgba(0, 0, 0, 0.6); display: none; } .gp-menu { width: 100%; z-index: 98; height: 100%; position: fixed; /* height: 40px; */ display: none; top: 0; } .gp-menu-header { position: absolute; top: 0%; right: 0; z-index: 996; width: 100%; height: 0; /* background: #0c6bbb; */ } .gp-menu-link { float: left; line-height: 40px; height: 40px; padding-left: 15px; } .gp-menu-link a { color: #fff; } .gp-menu-header-icon { color: #c7000a; background: #fff; border-radius: 50%; height: 50px; text-align: center; float: right; width: 50px; position: relative; margin: 26px 20px 0 0; cursor: pointer; z-index: 999; } .gp-menu-header-icon span { position: absolute; left: calc((100% - 35px) / 2); top: calc((100% - 2px) / 3); width: 32px; height: 2px; background-color: #c7000a; opacity: 0; } .gp-menu-header-icon img { width: 29px; margin: 14px auto; opacity: 1; } .gp-menu-header-icon-out span { width: 29px; height: 2px; background-color: #fff; display: block; border-radius: 4px; } .gp-menu-header-icon-out span:nth-child(1) { animation-duration: 0.5s; animation-fill-mode: both; animation-name: outfirst; } .gp-menu-header-icon-out span:nth-child(2) { animation-duration: 0.5s; animation-fill-mode: both; animation-name: outsecond; } .gp-menu-header-icon-out span:nth-child(3) { animation-duration: 0.5s; animation-fill-mode: both; animation-name: outthird; } /* .gp-menu-header-icon span:nth-child(1){transform: translateY(4px) rotate(0deg);} .gp-menu-header-icon span:nth-child(2){transform: translateY(-4px) rotate(0deg);} .gp-menu-header-icon span:nth-child(3){transform: translateY(-4px) rotate(0deg);} */ @keyframes outfirst { 0% { transform: translateY(0) rotate(-45deg); } 100% { transform: translateY(-4px) rotate(0deg); } } @keyframes outsecond { 0% { transform: translateY(0) rotate(45deg); } 100% { transform: translateY(4px) rotate(0deg); } } @keyframes outthird { 0% { transform: translateY(0) rotate(90deg); } 100% { transform: translateY(12px) rotate(0deg); } } .gp-menu-header-icon-click { background: #e5e5e5; } .gp-menu-header-icon-click span { background-color: #fff; top: calc((100% - 4px) / 2); opacity: 1; } .gp-menu-header-icon-click img { opacity: 0; } .gp-menu-header-icon-click span:nth-child(1) { animation-duration: 0.5s; animation-fill-mode: both; animation-name: clickfirst; } .gp-menu-header-icon-click span:nth-child(2) { animation-duration: 0.5s; animation-fill-mode: both; animation-name: clicksecond; } .gp-menu-header-icon-click span:nth-child(3) { animation-duration: 0.5s; animation-fill-mode: both; animation-name: clickthird; } @keyframes clickfirst { 0% { transform: translateY(4px) rotate(0deg); } 100% { transform: translateY(0) rotate(45deg); } } @keyframes clicksecond { 0% { transform: translateY(-4px) rotate(0deg); } 100% { transform: translateY(0) rotate(-45deg); } } @keyframes clickthird { 0% { opacity: 0 } 100% { opacity: 0 } } .gp-menu-nav { padding-top: 99px; background: #fff; display: none; position: absolute; left: 14px; right: 0; top: 0; bottom: 0; border-left: 8px solid #0956ad; overflow: auto; } .gp-menu-nav a {} .gp-menu-nav>ul {} .gp-menu-nav>ul li { -webkit-animation-duration: 0.5s; animation-duration: 0.5s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-name: returnToNormal; animation-name: returnToNormal; } .gp-menu-nav>ul>li { position: relative; border-bottom: 1px solid rgba(255, 255, 255, 0.3); } .gp-menu-nav>ul>li>a { display: inline-block; padding: 14px 0 14px 25px; font-size: 1.6rem; } .gp-menu-nav>ul>li>ul { background: rgba(0, 0, 0, 0.1); padding: 0 25px } .gp-menu-nav>ul>li>ul a { display: block; padding: 14px 0 14px 90px; color: #333; font-size: 16px; line-height: 2; background: #dae5f2; } .gp-menu-nav>ul>li>ul a:hover { color: #fff; background: #0956ad; } .gp-menu-arrow { cursor: pointer; width: 30px; height: 50px; line-height: 50px; color: #fff; text-align: center; position: absolute; right: 0; top: 0; font-size: 2rem; margin-right: 10px; transition: all 0.3s ease-in-out; } .gp-menu-nav>ul>li.on .gp-menu-arrow { transform: rotate(90deg); } .gp-menu-nav li ul { display: none; } /*导航内标签效果*/ .gp-menu-nav a {} .open .gp-menu-link { display: none; } /*.open .gp-menu-header{background: none;}*/ @-webkit-keyframes returnToNormal { from { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes returnToNormal { from { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } /* 下拉横排效果 */ .bg-black span { background: #0956ad; } .gp-menu-nav.gp-menu-dropdown2 {} .gp-menu-nav.gp-menu-dropdown2>ul { position: relative; } .gp-menu-nav.gp-menu-dropdown2>ul>li { border-bottom: none; position: static; } .gp-menu-nav.gp-menu-dropdown2>ul>li>a { padding: 0; display: block; height: 40px; line-height: 40px; padding: 15px 0 14px 32px; position: relative; z-index: 900; font-size: 18px; border-bottom: 1px solid #f2f2f2; } .gp-menu-nav.gp-menu-dropdown2>ul>li>a.icon-down:after { content: ""; transition: all 0.3s; display: inline-block; float: right; width: 14px; height: 14px; margin: 15px 20px 0 0; background: url(../images/topclose.png) center center no-repeat; } /* .gp-menu-nav.gp-menu-dropdown2 > ul > li > a.icon-down:before{content: '';content: '';width: 0;height: 0;border-left: 5px solid transparent; border-right: 5px solid transparent;border-bottom: 8px solid #000;position: absolute;left: 50%;bottom: -100%;margin-left: -5px;opacity: 0.2;transition: all 0.3s;} .gp-menu-nav.gp-menu-dropdown2 > ul > li.on > a.icon-down:before{bottom: 0;} */ .gp-menu-nav.gp-menu-dropdown2>ul>li>a.icon-down:before { display: none; } .gp-menu-nav.gp-menu-dropdown2>ul>li>ul { /* position: absolute; */ width: 100%; z-index: 1000; background: #fff; box-shadow: 0 0 3px rgba(0, 0, 0, .15); right: 5px; padding: 0; } .gp-menu-nav.gp-menu-dropdown2>ul li { -webkit-animation-fill-mode: none; animation-fill-mode: none } .gp-menu-nav.gp-menu-dropdown2>ul>li.on>a.icon-down:after { background: url(../images/topopen.png) center center no-repeat; } /*5移动端搜索默认*/ .gp-m-search { width: 80%; margin: 30px auto 40px; display: block; border: 1px solid #d6d6d6; line-height: 60px; height: 60px; } .gp-m-search .notxt1 { width: 40px; color: #26af71; line-height: 60px; height: 60px; font-size: 18px; } .gp-m-search input.notxt { left: 0; width: 100%; box-sizing: border-box; /* padding-left: 42px; */ } .mobileLinks { text-align: center; color: #666; font-size: 14px; padding: 0 0 80px; } .mobileLinks a { color: #666; } /*头部固定*/ .gp-header1 { position: fixed; top: 0; left: 0; width: 100%; height: 200px; z-index: 9999; } .gp-header1 .logo-nav { z-index: 9999; top: 0; background: none; } .gp-header1 .gp-nav1 { padding-top: 10px; height: 44px; line-height: 44px; white-space: nowrap; width: 64.7%; } .gp-header1 .gp-nav1>ul { margin: 0 0px 0 0; font-size: 0; } .gp-header1 .gp-nav1>ul>li>a { padding: 0; text-align: center; font-size: 18px; } /*footer*/ footer { background: #0956ad; padding: 27px 0 42px; } .footerLeft { float: left; } .footerTitle { color: #fff; font-weight: bold; position: relative; margin: 0 0 9px; } .footerTitle::after { content: ''; display: block; width: 64px; height: 1px; background: #5389c6; margin: 6px 0 0; } .footerList1 a, .footerList2 a, .footerList3 a { display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; padding: 8px 8px 7px 23px; background: url(../images/footerlist.png) left center no-repeat; color: #fff; transition: all ease-in-out 0.3s; } .footerList1 a:hover, .footerList2 a:hover, .footerList3 a:hover { text-indent: 4px; } .footerList1 { float: left; width: 240px; } .footerList2 { float: left; width: 240px; } .footerList3 { float: left; width: 240px; } .footerRight { float: right; margin: 16px 15px 0 0; } .footerLinks { font-size: 0; } .footerLinks a, .footerLinks span { display: inline-block; *display: inline; *zoom: 1; width: 60px; height: 46px; border: 1px solid #9dbbde; border-radius: 1px; } .footerLinks a { margin: 0 0 0 65px; } .footerLinks a.renren { background: url(../images/renren.png) center center no-repeat; } .footerLinks a.sina { background: url(../images/sinablog.png) center center no-repeat; } .footerLinks span.wechat { background: url(../images/footerwechat.png) center center no-repeat; cursor: pointer; position: relative; } .wechatCode { width: 80px; height: 80px; display: none; position: absolute; right: 0; bottom: 120%; overflow: hidden; } .footerLinks span.wechat:hover .wechatCode { display: block; } .address { color: #fff; border-top: 1px solid #5f91ca; margin: 20px 0 0 0; padding: 26px 0 0 37px; line-height: 22px; text-indent: -37px; } @media screen and (max-width:1700px) { .gp-logo1 { width: 454px; } .logo-nav { left: 10px; right: 4px; } #gp-serBtn5 { margin: 0; } } @media screen and (max-width:1640px) { .footerList1 { width: 220px; } .footerList2 { width: 220px; } .footerList3 { width: 220px; } .footerRight { margin: 16px 0 0 0; width: 245px; } .footerLinks a { margin: 0 0 0 29px; } footer { padding: 27px 0 38px; } } @media screen and (max-width:1358px) { .gp-header1 .gp-nav1>ul>li>a { font-size: 16px; } .gp-logo1 { width: 336px; padding: 25px 0; } .gp-header1 .gp-nav1 { padding-top: 0; } .gp-header1 { height: 150px; } } @media screen and (max-width:1024px) { .gp-header1 .logo-nav { top: 0; z-index: 97; } .gp-logo1 { width: 397px; margin: 0 0 0 10px; padding: 20px 0; } .gp-nav1, .gp-topRight1 { display: none; } .top-wrap { display: none; } .gp-menu { display: block; height: 0; transition: all 0s; } .open .gp-menu { height: 100%; } .gp-header1 { height: 90px; } } @media screen and (max-width:992px) { .flogo { text-align: center; } .flogo { padding-top: 0; } .flinks01 { padding-left: 0; margin-left: 20px; border-left: none } .gp-f18 { font-size: 1.6rem; } footer { padding: 27px 0; } .footerRight { width: 100%; text-align: center; margin: 50px 0 0; } .address { padding: 17px 0 0 37px; } } @media screen and (max-width:767px) { .gp-logo1 { width: 254px; padding: 10px 0; } } @media screen and (max-width:479px) { .gp-menu-header-icon { width: 36px; height: 36px; margin: 14px 20px 0 0; } .gp-menu-header-icon img { width: 20px; margin: 11px auto; } .gp-menu-header-icon-click { width: 54px; height: 54px; margin: 20px 20px 0 0; } .flinks-list li, .flinks-list02 li { width: 49%; } /*.gp-menu-nav.gp-menu-dropdown2 > ul > li{position: relative;}*/ /*.gp-menu-nav.gp-menu-dropdown2 > ul > li > ul{position: static;left: auto;top: auto;}*/ } @media screen and (max-width:400px) { .gp-logo1 { margin: 0; width: 240px; } } .ie_bg { width: 100%; height: 100%; position: fixed; top: 0; left: 0; background-color: #000; opacity: 0.85; filter: alpha(opacity=85); z-index: 99998; } .ie9tips { width: 400px; height: 300px; position: fixed; top: 50%; left: 50%; margin: -150px 0 0 -200px; line-height: 1.8; color: #fff; z-index: 99999; text-align: center; } .ie9tips a { color: red; } .ie9tips img { display: inline-block; *display: inline; *zoom: 1; margin: 0 auto; opactiy: 0.9; filter: alpha(opacity=90); white-space: nowrap; } .ie9tips p { padding-top: 10px; color: #fff; font-size: 16px; }