/**************************************/ /*************[公用start]**************/ /**************************************/ 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{ border-top: 3px solid #126fbf; background-color: #fff; background-image: url(../images/header-1.jpg); background-repeat: no-repeat; background-position: center ; } .header-1 .container{ position: relative; height: 200px; } .po{ position: absolute; right: 0; top: 0; width: 265px; height: 40px; background-image: url(../images/po.png); background-repeat: no-repeat; background-position: center ; font-size: 14px; color: #fff; text-align: center; line-height: 35px; } .po a:hover{ font-weight: bold; } .logo{ width: 539px; margin-top:59px; } .logo a,.logo img{ display: block; width: 100%; } .search{ width: 382px; background-image: url(../images/search.png); background-repeat: no-repeat; background-position: center ; position: relative; padding-left: 30px; padding-top: 2px; padding-right: 50px; margin-top: 96px; } .search input:focus{ outline: none; } .search input[type="text"]{ display: block; width: 100%; height: 38px; background-color:transparent; border:0; font-size: 14px; color: #333; line-height: 1.428571; padding: 8px 0; } .search input[type="image"]{ position: absolute; right:7px; top: 6px; width: 30px; } .nav-wp{ position: relative; background-color:#126fbf; z-index: 500; } .nav ul{ margin:0; } .nav>ul>li{ float: left; width: 11.11111111111%; text-align: center; position: relative; background-image: url(../images/li.png); background-repeat: no-repeat; background-position: left center; } .nav>ul>li:first-child{ background-image: none; } .nav>ul>li>a{ display: block; height: 64px; line-height: 64px; font-size: 18px; color:#fff; /*transition: .3s;*/ } body{ overflow-x: hidden; } .nav>ul>li:hover>a, .nav>ul>li.active>a { /*background-color:#a90e00;*/ font-weight: bold; } .nav>ul>li>ul{ position: absolute; left: -16px; right: -16px; top:100%; z-index: 600; background-color: #126fbf; display: none; } .nav>ul>li>ul>li>a{ display: block; padding: 10px 5px; text-align: center; line-height: 1.6; font-size: 14px; color:#fff; /*transition: .3s;*/ text-align: center; } .nav>ul>li>ul>li>a:hover{ background-color: #115ea1; } /**************************************************************/ /*header-over*/ /*main-start*/ /**************************************************************/ #main{ } .fafa .slides>li{ height: 470px; 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: 10px; height: 10px; background-image: url(../images/arrow-b2.png); } .fafa .flex-control-paging li a.flex-active{ background-image: url(../images/arrow-b2-h.png); } .fafa .flex-control-nav li{ margin:0 7px; } .fafa .flex-control-nav{ bottom: 25px; } .pp65{ padding: 65px 0; } .main1{ background-color: #fff; } .main1-1{ width: 1040px; margin-right: 50px; } .main1-2{ overflow: hidden; } .title-11{ position: relative; } .title-11 h1{ margin:0; font-size: 22px; color: #333; padding: 0 11px 15px; border-bottom: 4px solid #126fbf; position: relative; z-index: 15; } .title-11::after{ position: absolute; left: 0; bottom: 3px; height: 1px; content:""; z-index: 1; width: 100%; background-color: #d0d0d0; } .title-11 a.fr{ font-size: 14px; color: #999; margin-top: 5px; } .title-11 a.fr:hover{ color: #126fbf; } .main1-div{ margin-top: 40px; } .main1-pic{ width: 521px; margin-right: 36px; } .fmain1 .imgbox_a{ padding-bottom: 75%; } .fmain1 .imgbox_a h1 { position: absolute; left: 0; width: 100%; bottom: 0; padding: 20px 30px; z-index: 25; margin: 0; font-size: 14px; color: #fff; background-image: url(../images/heidi2.png); } .main1-list{ overflow: hidden; } .main1-list dl{ margin:0; } .main1-list dd+dd{ margin-top: 30px; } .main1-date{ width: 68px; height: 75px; margin-right: 20px; background-color: #eaeaea; text-align: center; padding-top: 12px; } .main1-date h1{ margin:0; font-size: 30px; color: #126fbf; line-height: 1; font-family: 'Georgia'; } .main1-date h2{ margin:0; font-size: 14px; color: #666; font-family: 'Georgia'; margin-top: 6px; } .main1-con{ overflow: hidden; } .main1-con h1{ margin:0; font-size: 16px; color: #333; } .main1-con p{ margin:0; font-size: 14px; color: #666; line-height: 1.7; height: 3.4em; overflow: hidden; margin-top: 10px; } .main1-list dd:hover .main1-con h1{color: #126fbf;} .main1-list dd:hover .main1-date h1{color: #fff;} .main1-list dd:hover .main1-date h2{color: #fff;} .main1-list dd:hover .main1-date{background-color: #126fbf;} .main2{ background-image: url(../images/main2-bg.jpg); background-repeat: no-repeat; background-position: center; -webkit-background-size: cover; background-size: cover; } .main2-ico{ width: 58px; margin:0 auto; transition: .3s; } .main2-list .item>a:hover .main2-ico{ transform: rotateY(180deg); -webkit-transform: rotateY(180deg); /* Safari å’Œ Chrome */ -moz-transform: rotateY(180deg); /* Firefox */ } .main2-list .item>a{ display: block; background-image: url(../images/baidi.png); padding: 22px 15px 5px; border-radius: 8px; } .main2-list .item>a:hover h1{ color: #126fbf; } .main2-list .item h1{ margin:0; font-size: 16px; color: #333; line-height: 1.5; height: 3em; overflow: hidden; text-align: center; margin-top: 20px; } .main3{ background-color: #fff; } .main3-1{ width: 48%; } .main3-2{ width: 48%; } .main3-div{ margin-top: 30px; } .main3-pic{ width: 197px; margin-right: 30px; } .main3-pic dl{ margin:0; } .main3-pic dd .imgbox_a{ padding-bottom: 75%; } .main3-pic dd+dd{margin-top: 28px;} .main3-2 .main3-pic{ width: 432px; } .fmain3 .imgbox_a{ padding-bottom: 75%; } .main3-list{ overflow: hidden; } .main3-list dl{ margin:0; } .main3-list dd+dd{ margin-top: 28px; } .main3-date{ width: 104px; font-size: 16px; color: #126fbf; font-family: 'Georgia'; float: left; height: 22px; line-height: 22px; } .main3-a{ text-overflow: ellipsis; white-space: nowrap; overflow: hidden; height: 22px; line-height: 22px; font-size: 16px; color: #333; } .main3-a a:hover{ color: #126fbf; } .main4{ background-image: url(../images/main4-bg.jpg); background-repeat: no-repeat; background-position: center; -webkit-background-size: cover; background-size: cover; } .main4 .imgbox_a{ padding-bottom: 74.8%; } .main4-list .owl-nav button.owl-prev{ position: absolute; left:-80px; 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%; } .main4-list .owl-nav button.owl-next{ position: absolute; right:-80px; 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%; } /**************************************************************/ /*main-over*/ /*footer-start*/ /**************************************************************/ #footer{ } .footer-1{ padding: 25px 0; background-color: #fff; border-top: 1px solid #e2e2e2; } .footer-1-div{ width: 48%; padding-left: 105px; position: relative; height: 20px; } .footer1-title{ position: absolute; left: 0; top: 0; height: 20px; line-height: 20px; font-size: 16px; color: #333; font-weight: bold; } .footer-1-a{ height: 20px; line-height: 20px; overflow: hidden; font-size: 14px; color: #333; } .footer-1-a a:hover{ color: #126fbf; } .footer-2{ background-color: #126fbf; padding: 25px 0 30px; } .er{ width: 104px; font-size: 14px; color:#fff; text-align: center; } .er img{ display: block; width: 100%; margin-bottom: 13px; } .footer-2-con-wp{ overflow: hidden; padding-top: 20px; } .footer-2-con{ font-size: 14px; color: #fff; line-height: 2.4; padding-left: 95px; background-repeat: no-repeat; background-position: left center; background-image: url(../images/hui.png); } /**************************************************************/ /*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: 4px 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: 170px; margin-left: 15px; margin-top: 4px; } .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: 325px; background-repeat: no-repeat; background-position: center ; background-size: cover; } .banner-2 img{ display: none; width: 100%; } .erji{ padding: 35px 0 70px; } .erji-title{ background-repeat: repeat-x; background-position: left bottom; background-image: url(../images/erji-title.png); } .erji-title h1{ margin:0; font-size:18px; color: #333; padding-bottom: 15px; border-bottom: 3px solid #126fbf; background-image: url(../images/jiao1.png); background-repeat: no-repeat; background-position: center bottom; } .erji-title h1 img{ margin-top: -3px; margin-right: 9px; } .mianbaoxie{ font-size: 14px; color: #999; margin-top: 5px; } .mianbaoxie a:hover,.mianbaoxie span{ color: #126fbf; } .erji-div{ padding-top: 27px; } .menu{ width: 260px; margin-right: 40px; } .erji-content{ overflow: hidden; } .menu-dl dl{ margin:0; background-color: #f5f5f5; } .menu-dl{ border:1px solid #d4d4e1; } .menu-dl dd+dd{ border-top:1px solid #d4d4e1; } .menu-dl dd>a{ display: block; height: 48px; line-height: 48px; padding-left:38px; font-size:14px; color: #666; background-repeat: no-repeat; background-position: 92% center; } .menu-dl dd.cur>a,.menu-dl dd>a:hover{ background-image: url(../images/jt.png); background-color: #126fbf; color: #fff; } .menu-dl dd>span{ display: block; height: 48px; line-height: 48px; padding-left:38px; font-size:14px; color: #666; background-repeat: no-repeat; background-position: 92% center; } .menu-dl dd.cur>span{ background-image: url(../images/jt.png); background-color: #126fbf; color: #fff; } .menu_3{ border-top:1px solid #d4d4e1; padding: 15px 15px 15px 38px; } .menu_3-a a:hover{ color: #126fbf; } .menu_3-a.cur a{ color: #126fbf; font-weight: bold; } .menu_3-a{ padding-left: 14px; background-repeat: no-repeat; background-position: left center; background-image: url(../images/jiao2.png); } .menu_3-a+.menu_3-a{ margin-top: 13px; } .menu-pic{ margin-top: 27px; } .menu-pic a,.menu-pic img{ display: block; width: 100%; } .img-list{ overflow: hidden; } .img-list dl{ margin:0; margin-left: -5%; margin-top: -5%; } .img-list dd{ float: left; width: 28.333333%; margin-left: 5%; margin-top: 5%; } .img-pic .imgbox_a{padding-bottom: 67.65%;} .img-h1{ font-size: 16px; color: #333; background-color: #e2e2e2; padding: 20px 15px; text-align: center; } .img-list dd:hover .img-h1{ color: #126fbf; } .fenye{ text-align: center; margin-top: 50px; } .fenye ul{ margin: 0; } .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: 18px!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:#126fbf; } .xinwen1{ background-color:#f5f5f5; padding: 35px 40px 35px 50px; } .xinwen1 h1{ margin:0; font-size: 18px; font-weight: bold; color: #126fbf; } .xinwen1 p{ margin:0; font-size: 14px; color: #666; line-height: 2; margin-top: 14px; } .more980{ margin-top: 20px; } .more980 a{ display: block; width: 132px; height: 32px; line-height: 30px; padding-left: 18px; color: #126fbf; border:1px solid #d4d4e1; font-size: 14px; background-repeat: no-repeat; background-position: 102px center; background-image: url(../images/more980.png); } .more980 a:hover{ border-color: #126fbf; background-color: #126fbf; color: #fff; background-image: url(../images/more980h.png); } .xinwen2{ border-top: 1px solid #e8e8e8; margin-top:35px; } .dang-2-gai-list dl{ margin:0; } .dang-2-gai-list dd { padding: 25px 0; border-bottom: 1px solid #e8e8e8; } .dang-2-gai-date{ width: 80px; margin-right: 30px; text-align: center; background-color: #eeeeee; height: 110px; padding-top: 20px; color: #126fbf; transition: .3s; } .dang-2-gai-date h1{ margin:0; font-size: 44px; color: inherit; } .dang-2-gai-date h2{ margin:0; font-size: 13px; color: inherit; margin-top:8px; font-family: "Arial"; } .dang-2-gai-con{ overflow: hidden; padding-top: 6px; } .dang-2-gai-con h1{ margin:0; font-size: 16px; color: #333; height: 30px; line-height: 30px; } .dang-2-gai-con h2{ margin:0; font-size: 13px; color: #999; margin:10px 0 12px; } .dang-2-gai-con h2 img{ margin-top: -3px; margin-right: 5px; } .dang-2-gai-con p{ margin:0; font-size: 12px; color: #999; } .dang-2-gai-list-dd{ position: relative; padding-right: 150px; transition: .3s; padding-bottom: 0; } .dang-2-gai-aaa{ position: absolute; width: 33px; right: 15px; top: 50%; margin-top: -16px; } .dang-2-gai-aaa a{ display: block; height: 33px; background-image: url(../images/aaha.png); } .dang-2-gai-list dd:hover .dang-2-gai-list-dd{ padding-bottom: 10px; } .dang-2-gai-list dd:hover .dang-2-gai-aaa a{ background-image: url(../images/aahah.png); } .dang-2-gai-list dd:hover .dang-2-gai-date{ background-color: #126fbf; color: #fff; } .dang-2-gai-list dd:hover .dang-2-gai-con h1{ color: #126fbf; } .shizi-div{ border:1px solid #d4d4e1; } .shizi-div+.shizi-div{ margin-top: 30px; } .shizi-div .erji-title h1{ background-image: none; font-size: 16px; font-weight: bold; color: #333; padding: 15px 22px; } .shizi-div-con{ padding: 10px 15px 30px 50px;} .shizi-li+.shizi-li{ margin-top: 10px; } .shizi-li-title{ font-size: 16px; font-weight: bold; color: #126fbf; height: 18px; line-height: 18px; margin-top: 20px; } .shizi-dl{ overflow: hidden; } .shizi-dl dl{ margin:0; } .shizi-dl dd{ float: left; margin-top: 20px; margin-left: 35px; } .shizi-dl dd a:hover{ color: #126fbf; } .shizi2 dl{ margin:0; } .shizi2 dd+dd{ margin-top: 30px; } .shizi-pic{ width: 183px; } .shizi-pic .imgbox_a{ padding-bottom: 122.95%; } .shizi-con{ overflow: hidden; padding-left: 30px; } .shizi-con h1{ margin:0; color: #333; font-size: 24px; font-weight: bold; } .shizi-con h2{ margin:0; font-weight: bold; color: #333; font-size:15px; padding: 12px 0 8px; } .shizi-con p{ margin:0; color: #777; font-size:14px; line-height: 1.8; } .zuzhi{ max-width: 710px; position: relative; } .zuzhi>img{ display: block; width: 100%; } .zuzhi-a { position: absolute; left: 0; top: 0; width: 100%; z-index: 15; height: 100%; } .zuzhi-a a{ position: absolute; width: 166px; height: 47px; z-index: 50; } .zuzhi-a1{ left: 0; top: 410px; } .zuzhi-a2 { left: 254px; top: 210px; } .zuzhi-a3 { left: 254px; top: 515px; } .zuzhi-a4 { left: 254px; top: 715px; } .zuzhi-a5 { left: 524px; top: 0px; width: 186px!important; } .zuzhi-a6 { left: 524px; top: 70px; width: 186px!important; } .zuzhi-a7 { left: 524px; top: 140px; width: 186px!important; } .zuzhi-a8 { left: 524px; top: 210px; width: 186px!important; } .zuzhi-a9 { left: 524px; top: 280px; width: 186px!important; } .zuzhi-a10{ left: 524px; top: 350px; width: 186px!important; } .zuzhi-a11{ left: 524px; top: 420px; width: 186px!important; } .zuzhi-a12{ left: 524px; top: 515px; width: 186px!important; } .zuzhi-a13{ left: 524px; top: 610px; width: 186px!important; } .zuzhi-a14{ left: 524px; top: 680px; width: 186px!important; } .zuzhi-a15{ left: 524px; top: 750px; width: 186px!important; } .zuzhi-a16{ left: 524px; bottom: 0px; width: 186px!important; }