/**************************************/ /*************[公用start]**************/ /**************************************/ body{ overflow-x: hidden; } div.clear{ clear: both; height: 0; width: 0; } a{ text-decoration: none; color:inherit; cursor: pointer; } img{ border:0; max-width: 100%; } div.wp{ width: 1200px; /*主要内容区尺寸大小,每次制作前更新!!! */ margin:0 auto; } .fl{ float: left; } .fr{ float: right; } .tran{ transition: all .3s ease-out 0s; } .tver{ text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } /*图片中心放大代码区域*/ .img-box{/*图片盒子类名*/ overflow: hidden; } .img-box img{ transition: .3s; width: 100%; max-width: 100%; } .img-box:hover img{ /*图片中心放大代码*/ -webkit-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); } /*图片中心放大代码区域*/ .imgbox_a{ position:relative; padding-bottom: 100%; overflow:hidden; display: block; } .imgbox_a>img{ position: absolute; left: 0; top: 0; width: 100%!important; height: 100%!important; } .imgbox_hover>img{ /* ueco 时间曲线*/ /*transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; */ -webkit-transition: .3s; -moz-transition: .3s; -ms-transition: .3s; -o-transition: .3s; transition: .3s; } .imgbox_hover:hover>img{ -webkit-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); } /**************************************/ /************[公用over]****************/ /**************************************/ /*header-start*/ /**************************************************************/ #header{ } .header-1{ height:136px; background-color: #fff; background-image: url(../images/header-1.jpg); background-repeat: no-repeat; background-position: center ; -webkit-background-size: cover; background-size: cover; } .logo{ width: 562px; margin-top: 24px; } .logo a,.logo img{ display: block; width: 100%; } .search{ width: 334px; position: relative; margin-top: 53px; } .search input:focus{ outline: none; } .search input[type="text"]{ display: block; width: 100%; height: 38px; background-color:transparent; border:1px solid #b8d8fb; font-size: 14px; color: #333; line-height: 1.428571; padding: 6px 100px 6px 15px; } .search input[type="image"]{ position: absolute; right:0px; top: 0px; width: 85px; cursor: pointer; } .search input[type="button"]:hover{ background-color: #0250a1; } .nav-wp{ position: relative; background-color:#2367b2; z-index: 500; } .nav ul{ margin:0; } .nav>ul>li{ float: left; width: 13.33333%; text-align: left; position: relative; border-left: 1px solid #6595c9; } .nav>ul>li:first-child{ border-left:0; } .nav>ul>li>a{ display: block; height: 74px; font-size: 14px; color:#fff; /*transition: .3s;*/ padding-top: 28px; padding-left: 80px; background-repeat: no-repeat; background-position: 37px center; font-weight: bold; } .nav>ul>li:hover>a, .nav>ul>li.active>a { background-color:#0250a1; /* font-weight: bold; */ } .nav>ul>li>ul{ position: absolute; left: 0px; right: 0; top:100%; z-index: 600; background-color: #2367b2; display: none; border-top: 1px solid #2367b2; } .nav>ul>li>ul>li>a{ display: block; padding: 10px 5px; text-align: center; line-height: 1.6; font-size: 13px; color:#fff; /*transition: .3s;*/ text-align: center; } .nav>ul>li>ul>li>a:hover{ background-color: #0250a1; } /**************************************************************/ /*header-over*/ /*main-start*/ /**************************************************************/ #main{ } /*.fafa .slides>li{ height: 465px; background-repeat: no-repeat; background-position: center ; -webkit-background-size: cover; background-size: cover; position: relative; } .fafa .slides>li img.phone-img{ display: none; width: 100%; }*/ /*.fafa .flex-control-paging li a{ width: 17px; height: 17px; transition: .3s; } .fafa .flex-control-paging li a.flex-active{ width: 47px; } .fafa .flex-control-nav li{ margin:0 14px; } .fafa .flex-control-nav{ bottom: 34px; }*/ .main .container { padding-left: 50px; padding-right: 50px; } .main1{ background-color: #f3f9ff; padding: 65px 0 95px; } .main1-1{ width: 1034px; } .main1-2{ width: 374px; } .title-11{ background-repeat: no-repeat; background-position: left center; height: 63px; position: relative; padding-left: 105px; } .title-11 h1{ margin:0; font-size: 24px; color: #fff; height: 63px; line-height: 63px; font-weight: bold; } .title-11-wy{ margin: 0; font-size: 14px; color: #333; height: 63px; line-height: 63px; margin-left: 106px; } .title-22 .title-11-wy.fr{ margin-left: 0; margin-right: 20px; color: #fff; } .title-11 i{ position: absolute; width: 92px; left:-4px; top: -13px; } .title-11 i img{ display: block; width: 100%; } .title-11 a.fr{ font-size: 14px; color: #2367b2; padding-left: 28px; background-repeat: no-repeat; background-position: left center; background-image: url(../images/fr1.png); margin-top: 20px; margin-right: 10px; } .title-11 a.fr:hover{ font-weight: bold; } .title-22{ background-color: #2367b2; position: relative; padding-left:110px; } .title-22 i{ position: absolute; width: 86px; left: 0; top: -13px; } .title-22 i img{ display: block; width: 100%; } .title-22 h1{ margin:0; font-size: 24px; color: #fff; height: 63px; line-height: 63px; font-weight: bold; } .title-22 .fr{ height: 63px; line-height: 63px; margin-right: 15px; } .title-22 .fr a{ font-size: 14px; color: #fff; } .title-22 .fr a:hover{ font-weight: bold; } .main1-1-pic{ width: 559px; margin-right: 33px; } .main1-1-pic .imgbox_a{ padding-bottom: 62.8%; } .mm40{margin-top: 40px;} .fmain1 .flex-control-nav{ height: 0; bottom: 44px; padding-right: 29px; text-align: right; } .fmain1 .flex-control-nav li{ margin:0; } .fmain1 .flex-control-nav li+li{ margin-left: 8px; } .fmain1 .flex-control-paging li a{ width: 14px; height: 14px; background-color: #fff; background-image: none!important; } .fmain1 .flex-control-paging li a.flex-active{ background-color: #2367b2; } .main1-1-list{ overflow: hidden; } .main1-1-list dl{ margin:0; } .main1-1-list dd{ padding: 25px 0; } .main1-1-list dd:first-child{ padding-top: 0; } .main1-1-list dd:first-child+dd+dd{ padding-bottom: 0; } .main1-1-list dd+dd{ border-top: 1px dashed #d8dce1; } .main1-1-list dd h1{ margin:0; font-size: 16px; color: #4f6175; padding-right: 80px; position: relative; } .main1-1-list dd h1 a:hover{ color: #2367b2; } .main1-1-list dd h1 span{ position: absolute; right: 0; top:2px; font-size: 14px; color: #9dacbc; } .main1-1-list dd p{ margin:0; font-size: 14px; color: #999; line-height: 2; height: 4em; overflow: hidden; margin-top: 10px; } .main1-2-1{ position: relative; padding-bottom: 22px; } .main1-2-1::after{ position: absolute; width: 1px; top: 0; bottom: 0; content:""; left: 81px; z-index: 15; background-color: #d8dce1; } .main1-2-1 dl{ margin:0; position: relative; z-index: 25; } .main1-2-1 dd{ position: relative; padding-left: 100px; height: 21px; line-height: 21px; } .main1-2-1 dd::after{ position: absolute; width: 7px; height: 15px; top: 0; content:""; left: 78px; z-index: 15; background-image: url(../images/main1-2-1.jpg); background-repeat: no-repeat; background-position: center; } .main1-2-1 dd a{ margin:0; font-size: 16px; color: #4f6175; } .main1-2-1 dd a:hover{ color: #2367b2; } .main1-2-1 dd+dd{ margin-top: 23px; } .main1-2-1 dd span{ position: absolute; left: 25px; top:0px; font-size: 14px; color: #2367b2; } .main1-2-2{ margin-top: 23px; } .main1-2-2 .imgbox_a{ padding-bottom: 28%; } .main1-2-2 .imgbox_a::after{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 15; content:""; background-image: url(../images/heidi1.png); } .main1-2-2 .imgbox_a::before{ position: absolute; width: 169px; left: 50%; height: 20px; margin-left: -85px; top: 50%; margin-top: -10px; background-image: url(../images/before.png); background-repeat: no-repeat; background-position: center; content:""; z-index: 25; } .main1-2-2-bo{ position: absolute; z-index: 25; left: 50%; top: 50%; width: 42px; margin-left: -21px; margin-top: -21px; } .main1-2-2-bo img{ display: block; width: 100%; } .main2{ background-image: url(../images/main2-bg.jpg); background-repeat: no-repeat; background-position: center; -webkit-background-size: cover; background-size: cover; padding: 85px 0; } .title-33{ text-align: center; font-size: 30px; font-weight: bold; color: #fff; padding-bottom: 20px; background-image: url(../images/title-33.png); background-repeat: no-repeat; background-position: center bottom; } .title-33 h1{ margin:0; font-size: 16px; color: #fff; margin-top: 5px; } .title-33 h2{ margin:0; font-size: 16px; margin-top: 5px; color: #fff; } .main2-list{ margin-top: 63px; } .main2-list .item{ padding: 15px 0; } .main2-item{ position: relative; height: 175px; } .main2-item>a{ display: table; width: 100%; height: 100%; background-image: url(../images/main2-1.jpg); background-repeat: no-repeat; background-position: center; -webkit-background-size: cover; background-size: cover; } .main2-a{ display: table-cell; vertical-align: middle; padding: 0 40px; } .main2-a-con{ font-size: 24px; font-weight: bold; text-align: center; overflow: hidden; color: #2367b2; line-height: 1.5; max-height: 3em; } .main2-item::after{ position: absolute; content:""; width: 48px; height: 64px; content:""; top: -15px; right: 18px; background-image: url(../images/qi.png); background-repeat: no-repeat; background-position: center; } .main2-list .owl-nav button.owl-prev{ position: absolute; left:-70px; top: 50%; margin-top: -24px; width:48px; height: 48px; background-image: url(../images/left.png); cursor: pointer; background-repeat: no-repeat; background-position: center ; font-size: 0; z-index: 50; -webkit-background-size: 100%; background-size: 100%; } .main2-list .owl-nav button.owl-next{ position: absolute; right:-70px; top: 50%; margin-top: -24px; width:48px; height: 48px; background-image: url(../images/right.png); cursor: pointer; background-repeat: no-repeat; background-position: center ;font-size: 0; z-index: 50; -webkit-background-size: 100%; background-size: 100%; } .main3{ background-color: #f3f9ff; padding: 66px 0 85px; } .main3 .title-11 i{ width: 88px; left: -2px; } .main3 .title-22 i{ width: 118px; left: -21px; top: -22px; } .main3-1-dl{ width: 96px; margin-right: 30px; } .main3-1-dl dl{ margin:0; } .main3-1-dl dd{ height: 102px; background-color: #a1adba; text-align: center; font-size: 16px; color: #fff; padding-top: 21px; cursor: pointer; transition: background-color .3s; } .main3-1-dl dd+dd{ margin-top: 8px; } .main3-1-dl dd img{ display: block; margin:0 auto 9px; } .main3-1-dl dd.cur{ background-color: #2367b2; } .main3-1-con-wp{ overflow: hidden; } .main3-1-con-wp .main3-1-con{display: none;} .main3-1-con-wp .main3-1-con:first-child{display: block;} .tui1-pic{ width: 179px; margin-right: 22px; } .tui1-pic .imgbox_a{ padding-bottom: 62.57%; } .tui1-con{ overflow: hidden; padding-top: 10px; } .tui1-con h1{ margin:0; font-size: 16px; color: #2367b2; height: 22px; line-height: 22px; } .tui1-con h1 a:hover{ /*color: #2367b2;*/ font-weight: bold; } .tui1-con p{ margin:0; font-size: 14px; color: #999; line-height: 2; height: 4em; overflow: hidden; margin-top: 15px; } .main3-1-list{ padding-top: 8px; } .main3-1-list dl{ margin:0; margin-left: -4%; } .main3-1-list dd{ float: left; width: 46%; margin-left: 4%; background-color: #fff; padding: 20px 27px; position: relative; margin-top: 15px; background-image: url(../images/dd.png); background-repeat: no-repeat; background-position: left top; } .main3-1-list dd h1{ margin:0; font-size: 16px; color: #333; } .main3-1-list dd h1 a:hover{ color: #2367b2; } .main3-1-list dd p{ margin:0; font-size: 14px; color: #999; margin-top: 12px; } .main3-2-dl dl{ margin:0; } .main3-2-dl dd{ padding: 25px 0; } .main3-2-dl dd+dd{ border-top: 1px dashed #d8dce1; } .main3-2-dl dd:first-child{ padding-top:10px; } .main3-2-dl dd:first-child+dd+dd{ padding-bottom: 0; } .main3-2-pic{ width: 104px; margin-right: 24px; } .main3-2-list{ overflow: hidden; padding-top: 3px; } .main3-2-h1{ font-size: 18px; color: #2367b2; padding-bottom: 3px; } .main3-2-a{ padding-left: 15px; background-repeat: no-repeat; background-position: left center; background-image: url(../images/dian2.png); font-size: 16px; color: #4f6175; margin-top: 10px; } .main3-2-a:hover{ color: #2367b2; } .main4{ background-image: url(../images/main4-bg.jpg); background-repeat: no-repeat; background-position: center; -webkit-background-size: cover; background-size: cover; padding: 65px 0; overflow: hidden; } .main4-div-wp{ position: relative; } .main4-div-wp .main4-div{ position: absolute; width: 100%; left: 0; top: 0; left: -15000%; } .main4-div-wp .main4-div.cur{ position: relative; left: 0 } .main4-div .main2-list{ margin-top: 0; } .main4-dl{ padding: 25px 0 21px; } .main4-dl dl{ margin:0; line-height: normal; font-size:0; text-align: center; } .main4-dl dd{ display: inline-block; padding: 10px 35px; font-size: 16px; color: #4f6175; background-color: #fff; border-radius: 6px; cursor: pointer; } .main4-dl dd+dd{ margin-left: 30px; } .main4-dl dd.cur{ background-color: #2367b2; color: #fff; } .main5{ background-color: #f3f9ff; padding: 68px 0 75px; } .main5 .title-22 i{ width: 88px; left: -2px; top: -13px; } .main5-1{ width: 475px; } .main5-dl dl{ margin:0; } .main5-dl dd+dd{ margin-top: 31px; } .main5-date{ width: 104px; height: 104px; margin-right: 24px; padding: 0 15px; background-image: url(../images/main5-date.png); background-repeat: no-repeat; background-position: center; -webkit-background-size: 100%; background-size: 100%; text-align: center; padding-top: 26px; } .main5-date h1{ margin:0; font-size: 16px; color: #fff; } .main5-date h2{ margin:0; font-size: 16px; color: #fff; margin-top: 9px; padding-top: 9px; border-top: 1px solid #4e85bd; } .main5-con{ overflow: hidden; padding-top: 15px; } .main5-con h1{ margin:0; font-size: 16px; color: #4f6175; } .main5-con h1 a:hover{ color: #2367b2; } .main5-con h2{ margin:0; font-size: 14px; color: #4f6175; margin-top: 15px; } .main5-con h3{ margin:0; font-size: 14px; color: #4f6175; margin-top: 10px; } .main5-2{ width: 475px; margin-left: 88px; } .main5-2 dl{ margin:0; } .main5-2 dd+dd{ margin-top: 19px; } .main5-2-pic{ width: 179px; margin-right: 25px; } .main5-2-pic .imgbox_a{ padding-bottom: 62.57%; } .main5-2-con{ overflow: hidden; } .main5-2-con h1{ margin:0; font-size: 16px; color: #4f6175; line-height: 2; height: 4em; overflow: hidden; } .main5-2-con h1 a:hover{ color: #2367b2; } .main5-2-con h2{ margin:0; font-size: 14px; color: #999; margin-top: 30px; } .main5-3{ width: 374px; } .main5-3 dl{ margin:0; } .main5-3 dd+dd{ margin-top: 15px; } .main5-3 dd>a{ display: block; height: 63px; line-height: 61px; border:1px solid #d8dce1; background-color: #f3f9ff; position: relative; padding-left: 23px; padding-right: 52px; font-size: 16px; color: #666; transition: background-color .3s,color .3s; } .main5-3 dd>a:hover{ background-color: #fff; color: #2367b2; } .main5-3 dd>a:hover::after{ background-image: url(../images/xiah.png); } .main5-3 dd>a::before{ position: absolute; width: 6px; height: 28px; left: -1px; top: 50%; content:""; margin-top: -14px; background-image: url(../images/dd.png); background-repeat: no-repeat; background-position: center; } .main5-3 dd>a::after{ position: absolute; width: 24px; height: 24px; right: 22px; top: 50%; content:""; margin-top: -12px; background-image: url(../images/xia.png); background-repeat: no-repeat; background-position: center; transition: background-image .3s; } .main6{ background-color: #f3f9ff; padding: 90px 0; } .main6-1{ width: 611px; margin-right: 90px; margin-left: 100px; } .main6-1 .imgbox_a{ padding-bottom: 62.03%; } .banner-3.banner-2{ height: 305px; } .main6-2{ overflow: hidden; padding-top: 8px; } .main6-2 h1{ margin:0; font-size: 16px; color: #2367b2; line-height: 1.5; } .main6-2 h2{ margin:0; font-size: 30px; color: #2367b2; padding: 8px 0; line-height: 1.5; } .main6-2 h3{ margin:0; font-size: 16px; color: #2367b2; line-height: 1.5; } .main6-2-p{ text-indent: 2em; font-size: 14px; color: #999; line-height: 2; margin-top: 25px; height: 8em; overflow: hidden; } .main6-2-p p{ text-indent: 2em; } .more11{ margin-top: 50px; } .more11 a{ display: block; width: 180px; height: 63px; line-height: 61px; border:1px solid #d8dce1; background-color: #fff; font-size: 14px; color: #2367b2; text-align: center; } .more11 a img{ margin-top: -3px; margin-right: 11px; } .more11 a:hover{ font-weight: bold; } .main7{ background-image: url(../images/main7-bg.jpg); background-repeat: no-repeat; background-position: center; -webkit-background-size: cover; background-size: cover; padding: 85px 0 70px; } .main7-list{ margin-top: 60px; padding: 0 115px; } .main7-ico a,.main7-ico img{ display: block; width: 100%; } .main7-h1{ font-size: 16px; color: #fff; text-align: center; margin-top: 22px; } .main7 .more11>a{ margin: 0 auto; } .main7-list2{ margin-top: 60px; } .main7-list2 .item .imgbox_a{ padding-bottom: 75.2%; } .main7-list2 .item .imgbox_a h1{ position: absolute; margin:0; z-index: 25; font-size: 14px; color: #fff; height: 50px; line-height: 50px; padding: 0 15px; left: 0; right: 0; bottom: 0; background-image: url(../images/heidi1.png); text-align: center; opacity: 0; visibility: hidden; transition: .3s; } .main7-list2 .item .imgbox_a:hover h1{ opacity: 1; visibility: visible; } .main8{ background-color: #f3f9ff; padding:85px 0 95px; } .main8-1 .title-11 i { width: 93px; left: -7px; top: -13px; } .main8-2 .title-22 i { width: 88px; left: -2px; top: -13px; } .main8-list1 dl{ margin:0; margin-left: -2%; } .main8-list1 dd{ float: left; width: 31%; margin-left: 2%; } .main8-list1 dd:first-child{ width: 65%; } .main8-list1 dd:first-child+dd{ margin-bottom: 2%; } .main8-list1 dd .imgbox_a{ padding-bottom: 62.55%; } .main8-list1 dd .imgbox_a h1 { position: absolute; margin: 0; z-index: 25; font-size: 14px; color: #fff; height: 50px; line-height: 50px; padding: 0 15px; left: 0; right: 0; bottom: 0; background-image: url(../images/heidi1.png); text-align: center; } .main8-list1 dd:first-child .imgbox_a{ padding-bottom: 62.8%; } .main8-list1 dd .imgbox_a::after{ position: absolute; width: 100%; height: 100%; left: 0; top: 0; z-index: 15; background-image: url(../images/heidi1.png); content:""; } .main8-list2 dl{ margin:0; margin-left:-4%; } .main8-list2 dd{ float: left; width: 46%; margin-left: 4%; margin-top: 4%; } .main8-list2 dd:first-child{ margin-top: 0; width: 96%; } .main8-list2 dd .imgbox_a{ padding-bottom: 75.2%; } .main8-list2 dd .imgbox_a h1{ position: absolute; margin:0; z-index: 25; font-size: 14px; color: #fff; height: 50px; line-height: 50px; padding: 0 15px; left: 0; right: 0; bottom: 0; background-image: url(../images/heidi1.png); text-align: center; opacity: 0; visibility: hidden; transition: .3s; } .main8-list2 dd .imgbox_a:hover h1{ opacity: 1; visibility: visible; } .main8-list3 dl{ margin:0; padding-top: 19px; } .main8-list3 dd{ padding: 4px 0 4px 70px; background-repeat: no-repeat; background-position: left center; background-image: url(../images/pan.png); } .main8-list3 dd+dd{ margin-top: 29px; } .main8-list3 dd h1{ margin:0; font-size: 16px; color: #4f6175; } .main8-list3 dd h1 a:hover{ color: #2367b2; } .main8-list3 dd h2{ margin:0; font-size: 14px; color: #9dacbc; margin-top: 12px; } .main8-3-a{ margin-top: 15px; } .main8-3-a a{ font-size: 14px; color: #2367b2; } .main8-3-a a:hover{ font-weight: bold; } /**************************************************************/ /*main-over*/ /*footer-start*/ /**************************************************************/ #footer{ } .footer-1{ background-color: #d2e3f4; } .footer-1 .container{ position: relative; padding-left: 125px; } .footer-1-span{ position: absolute; width: 120px; height: 50px; line-height: 50px; font-size: 16px; color: #333; left: 0; top: 0; } .footer-1-dl{ height: 50px; overflow: hidden; font-size: 0; line-height: normal; color: #666; } .footer-1-dd{ display: inline-block; height: 50px; line-height: 50px; font-size: 14px; color: #777; } .footer-1-dd a{ color: #333; } .footer-1-dd a:hover{ color: #0250a1; } .er{ width: 128px; font-size: 14px; color:#fff; text-align: center; } .er img{ display: block; width: 100%; margin-bottom: 12px; } .footer-2{ background-color: #0250a1; padding: 25px 0 32px; } .foo2-con{ padding-left: 95px; font-size: 14px; color: #fff; line-height: 2.6; background-image: url(../images/foo2-con.png); background-repeat: no-repeat; background-position: left center; margin-top: 25px; } /**************************************************************/ /*footer-over*/ /**************************************/ /********[特殊css样式要求区域]**********/ /**************************************/ #header-2{ display: none; height: 75px; /*border-bottom:0px solid #035cac;*/ box-shadow: 0 4px 8px -3px #000; position: fixed; top: 0px; left: 0; width: 100%; z-index: 1001; background-color: #fff; /*background-color: #0089d0;*/ } .nav-2{ display: none; background-color: #fff; position: relative; z-index:900; } .nav-2>ul>li{ border-top: 1px dotted #ccc; position: relative; } .jiaspan{ position: absolute; width: 30px; height: 30px; background-image: url(../images/jia2.png); background-repeat: no-repeat; background-position: center ; top: 5px; right: 14px; } .jiaspan.cur{ background-image: url(../images/jia2h.png); } .nav-2>ul>li:first-child{ /*border-top: 0;*/ } .nav-2>ul>li>a{ padding:8px 10px; display: block; font-size: 16px; width: 100%; color:#333; font-family: "anb"; text-transform: uppercase; } .nav-2>ul>li>ul{ padding-bottom: 10px; display: none; } .nav-2>ul>li>ul>li>a{ padding: 6px 10px; display: block; font-size: 14px; padding-left: 25px; width: 100%; color:#666; } /*.downla-2 { padding: 5px 0 10px; display: none; } .downla-2 dd{ padding-left: 30px; } .downla-2 dd a{ font-size: 14px; display: inline-block; padding: 3px 0; width: auto; }*/ /*.nav-2 li a:hover{ color:#1a0d07; }*/ .nav-2-form{ padding: 10px; position: relative; } .nav-2-form input[type="image"]{ position: absolute; right: 19px; top: 17px; width: 18px; } .nav-2-form .form-control{padding-right: 50px;} .logo-2 { font-size: 0; width: 350px; margin-left: 15px; margin-top: 10px; } .logo-2 img{ display: block; width: 100%; } .menu2{ margin-right: 15px; height: 75px; font-size: 0; } .menu2 li{ cursor:pointer ; margin-left: 15px; float: right; margin-top: 29px; } .menu2 li+li{ margin-top: 21px; } .menu2 li img{ /*vertical-align: middle;*/ } .chenggao{ display: none; height: 75px; } #nav-2-heidi{ position: fixed; left: 0; top: 0; width: 100%; height: 100%; z-index: 800; background-image: url(../images/heidi.png); display: none; } /**************************************/ /********[特殊css样式要求区域]**********/ /**************************************/ .banner-2{ height: 217px; background-repeat: no-repeat; background-position: center ; background-size: cover; } .banner-2 img{ display: none; width: 100%; } .erji{ padding: 35px 0 50px; } .erji .container{ padding-left: 50px; padding-right: 50px; } .menu{ width: 252px; margin-right: 40px; } .menu h1{ margin:0; font-size: 20px; font-weight: bold; color:#fff; height: 67px; line-height: 67px; background-color: #2367b2; padding-left: 27px; } .menu ul{ margin:0; } .menu li{ border-top: 1px solid #fff } .menu li a{ display: block; height: 48px; line-height: 48px; padding-left: 44px; color:#4f4f4f; font-size: 14px; transition: .3s; background-color: #f6f8fa; background-image: url(../images/menu.png); background-repeat: no-repeat; background-position: 27px center; } .menu li a:hover,.menu li.active a{ background-color: #2367b2; background-image: url(../images/menuh.png); color:#fff; } .erji-title { padding-bottom: 24px; border-bottom: 1px solid #2367b2; } .erji-title .fl{ font-size: 20px; color:#3c3c3c; height: 20px; line-height: 20px; border-left: 5px solid #2367b2; padding-left: 10px; } .mianbaoxie{ font-size: 12px; color:#333; height: 20px; line-height: 20px; } .mianbaoxie a:hover{ color:#2367b2; } .mianbaoxie span{ color:#2367b2; } .erji-content{ overflow: hidden; } .erji-content-div{ padding-top:10px; min-height: 520px; } .fenye{ text-align: center; margin-top: 30px; padding-top: 30px; border-top: 1px solid #eee; } .fenye ul{ margin:0; } .list{ padding-top: 10px; } .list ul{ margin:0; } .list li{ margin-top: 15px; background-repeat: no-repeat; background-position:0px center; background-image: url(../images/dian.png); text-overflow: ellipsis; white-space: nowrap; padding-left:15px; overflow: hidden; position: relative; padding-right:85px; height: 22px; line-height: 22px; } .list li:first-child{ margin-top: 0 } .list li a{ font-size: 16px; color:#333; } .list li span{ font-size: 14px; color:#999; position: absolute; right: 0px; top: 0; } .list li a:hover{ color:#2367b2; } .danpian{ padding-top: 25px; } .danpian-h1{ font-size: 28px; line-height: 1.6; color:#333; text-align: center; } .danpian-h2{ font-size: 14px; line-height: 1.6; color:#999; text-align: center; border-bottom: 1px solid #eee; padding: 10px 0 15px; } .bsBox,.bsBox *,#bsPanelHolder,#bsPanelHolder *{ -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } .danpian-con{ font-size: 14px; color:#666; line-height: 2; padding: 20px 0 20px; } .danpian-con *{ font-size: 16px!important; color:#666!important; line-height: 2!important; } .danpian-con img{ display: block; margin:15px auto; } .dan-page{ padding-top: 10px; border-top: 1px solid #eee; } .dan-a{ margin-top: 12px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } .dan-a a{ font-size: 16px; color:#666; } .dan-a a:hover{ color:#2367b2; } .pic-item{ margin-top: 25px; } .pic-item h1{ text-overflow: ellipsis; white-space: nowrap; overflow: hidden; margin:0; font-size: 16px; color:#333; text-align: center; margin-top: 15px; } .pic-pic>a{ display: block; position: relative; padding-bottom: 66.6%; overflow: hidden } .pic-pic>a img{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; transition: .3s; } .pic-pic:hover>a img{ -webkit-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); } .pic-pic:hover+h1{ color:#2367b2; } .bantuan-dl{ padding-top: 30px; } .bantuan-dl dl{ margin:0; font-size: 0; line-height: normal; } .bantuan-dl dd{ display: inline-block; } .bantuan-dl dd{ margin-right: 10px; margin-bottom: 10px; } .bantuan-dl dd>a{ display: block; padding: 7px; border-radius: 4px; background-color:#B4B4B4; color: #fff; font-size: 15px; } .bantuan-dl dd.cur>a,.bantuan-dl dd>a:hover{ background-color: #2367b2; color: #fff; } .main8-2 .title-22{ padding-left: 100px; } .main3-2-dl2 dl{ margin:0; } .main3-2-dl2 dd{ padding: 24px 0; } .main3-2-dl2 dd+dd{ border-top: 1px dashed #d8dce1; } .main3-2-dl2 dd:first-child{ padding-top: 0; } .main3-2-dl2 dd:first-child+dd+dd+dd+dd{ padding-bottom: 0; } .main3-2-dl2 dd h1{ margin:0; font-size: 16px; color: #4f6175; } .main3-2-dl2 dd h1 a:hover{ color: #2367b2; } .main3-2-dl2 dd h2{ margin:0; font-size: 14px; color: #9dacbc; margin-top: 14px; } .main6-list{ font-size: 0; line-height: normal; } .main6-li{ width: 611px; display: inline-block;}