/**************************************/ /*************[鍏敤start]**************/ /****************** @font-face{ font-family:"lls"; src:url("../font/lls.TTF"); } ********************/ body{ overflow-x: hidden; } div.clear{ clear: both; height: 0; width: 0; } a{ text-decoration: none; color:inherit; cursor: pointer; } img{ border:0; /* width: 100%;*/ max-width: 100%; } div.wp{ width: 1200px; /*涓昏鍐呭鍖哄昂瀵稿ぇ灏忥紝姣忔鍒朵綔鍓嶆洿鏂帮紒锛侊紒 */ margin:0 auto; } .fl{ float: left; } .fr{ float: right; } .tran{ transition: all .3s ease-out 0s; } /*鍥剧墖涓績鏀惧ぇ浠g爜鍖哄煙*/ .img-box{/*鍥剧墖鐩掑瓙绫诲悕*/ overflow: hidden; } .img-box img{ transition: .3s; transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; /* ueco 鏃堕棿鏇茬嚎*/ width: 100%; max-width: 100%; } .img-box:hover img{ /*鍥剧墖涓績鏀惧ぇ浠g爜*/ -webkit-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); } /*鍥剧墖涓績鏀惧ぇ浠g爜鍖哄煙*/ /**************************************/ /************[鍏敤over]****************/ /**************************************/ /*header-start*/ /**************************************************************/ #header{ background-color: #fff; position: relative; z-index: 500; } .header-1{ height: 5px; position: relative; background-color: #0f2789; } .header-1 span{ position: absolute; left: 0; top: 0; bottom: 0; width: 32%; background-color: #c8151e; } .header-2{ background-color: #fff; } .header-2-div{ height: 126px; position: relative; } .logo{ width: 516px; margin-top: 22px; } .logo a,.logo img{ display: block; width: 100%; } .header-2-dl,.header-2-dl *{ -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } .header-2-dl{float: right;margin-top:43px;position: relative;} .header-2-dl dl{ margin:0; } .header-2-dl dd{float: left;width: 40px;padding-left: 0;height: 40px;border: 1px solid #0f2789; border-radius: 30px;position: relative;overflow: hidden;transition: all 0.3s ease 0s; margin-left: 16px; position: relative; } .dder{ position: absolute; width: 100px; right:126px; top: 45px; z-index: 400; display: none; } .dder img{ display: block; width: 100%; } .header-2-dl dd{display: block;color: #0f2789;font-size: 14px;line-height: 40px;cursor: pointer;} .header-2-dl dd a{ display: block; } .header-2-dl dd img{display: inline-block;height: 40px;line-height: 40px;vertical-align: top} .header-2-dl dd span{position: absolute;right: -60px;top: 0} .header-2-dl dd:hover{padding-left: 80px} .header-2-dl dd:hover a span{right: 44px} .nav { position: relative; } .nav ul{ margin:0; } .nav>ul>li{ float: left; position: relative; } .nav>ul>li dl{ position: absolute; left: 0; left: 0; width: 420px; margin-left: -210px; top: 126px; left: 50%; z-index: 777; display: none; font-size: 0; line-height: normal; text-align: center; } .nav>ul>li:first-child+li dl{ width: 842px; margin-left: -421px; } .nav>ul>li:first-child+li+li dl { width: 580px; margin-left: -290px; } .nav>ul>li dl dd{ height: 55px;line-height: 55px; font-size: 16px; color:#666; display: inline-block; margin-left: 20px; } .nav>ul>li dl dd:first-child{ margin-left: 0; } .nav>ul>li dl dd>a{ transition: .3s; } .nav>ul>li dl dd>a:hover{color:#0f2789;} .nav>ul>li>a{ display: block; height: 126px; line-height: 126px; font-size: 18px; color:#333; padding: 0 18px; } .nav span.line{display: block;padding-bottom: 3px;background: url(../images/navline.jpg) repeat-x center bottom; position: absolute;left: 0; bottom: 0;width: 76px;transition: all 0.3s ease 0s} .nav span.line img{display: block;margin: 0 auto} .nav span.hdrShadow{position: absolute;width: 2880px; left: 50%;margin-left: -1440px;background: rgba(255,255,255,.7); top: 126px;height: 55px;line-height: 55px;display: none; z-index: 666; } /**************************************************************/ /*header-over*/ /*main-start*/ /**************************************************************/ #main{ } .fafa .slides>li>a{ display: block; position: relative; } .ann1{ -webkit-animation-duration:1s; animation-duration:1s; -webkit-animation-fill-mode:both; animation-fill-mode:both;} @-webkit-keyframes fadeInDown1 { from { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInDown1 { from { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @-webkit-keyframes fadeInUp1 { from { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInUp1 { from { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @-webkit-keyframes fadeInRight1 { from { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInRight1 { from { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @-webkit-keyframes fadeInLeft1 { from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInLeft1 { from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .iw1{ position: absolute; width: 43.96%; left: 27.19%; top: 25.67%; z-index: 500; } .fafa .slides>li.flex-active-slide a .iw1{ -webkit-animation-name: fadeInDown1; animation-name: fadeInDown1; } .iw2{ position: absolute; width: 40.78%; left: 29.17%; top: 55.5%; z-index: 500; } .fafa .slides>li.flex-active-slide a .iw2{ -webkit-animation-name: fadeInUp1; animation-name: fadeInUp1; } .iw3{ position: absolute; width: 50%; right: 7.03%; top: 29%; z-index: 500; } .fafa .slides>li.flex-active-slide a .iw3{ -webkit-animation-name: fadeInRight1; animation-name: fadeInRight1; } .iw4{ position: absolute; width: 34.69%; right:3.44%; top: 62%; z-index: 500; } .fafa .slides>li.flex-active-slide a .iw4{ -webkit-animation-name: fadeInRight1; animation-name: fadeInRight1; } .iw5{ position: absolute; width: 20%; left:28.23%; top: 29%; z-index: 500; } .fafa .slides>li.flex-active-slide a .iw5{ -webkit-animation-name: fadeInLeft1; animation-name: fadeInLeft1; } .iw6{ position: absolute; width: 20%; left:51.88%; top: 29%; z-index: 500; } .fafa .slides>li.flex-active-slide a .iw6{ -webkit-animation-name: fadeInRight1; animation-name: fadeInRight1; } .iw7{ position: absolute; width: 50.73%; left: 24.635%; bottom: 27.5%; z-index: 500; } .fafa .slides>li.flex-active-slide a .iw7{ -webkit-animation-name: fadeInUp1; animation-name: fadeInUp1; } .fafa .flex-control-nav li{ margin:0 6px; } .fafa .flex-control-nav{ display: block; bottom: 20px; } .main1{ padding: 40px 0; } .main1-left{ width: 50.5%; } .main1-right{ width: 47.8%; } .banner{ overflow:hidden; } .title-11{ background-color: #e6eaf6; } .title-11 h1{ float: left; height: 48px; line-height: 48px; font-size: 25px; color:#fff; font-weight: bold; margin:0; background-color: #0f2789; padding: 0 20px; letter-spacing: 2px; } .title-11#title-11_11 h1{ cursor:pointer; } .title-11#title-11_11 h1.cur{ background-color: #e6eaf6; color:#666; } .title-11 a.fr{ font-size: 12px; color:#666; margin-top: 15px; margin-right: 15px; } .title-11 a.fr:hover{ color: #0f2789; } .title-11#title-11_11 a.fr{ display: none; } .title-11#title-11_11 a.frr{ display: block; } .main1-div_11-wp .main1-div{ display: none; } .main1-div_11-wp .main1-div:first-child{ display: block; } .main1-div{ border:1px solid #c5cbdc; margin-top: 16px; padding: 25px; } .main1-div-left{ width: 446px; margin-right: 20px; } .fmain1-pic>a{ display: block; padding-bottom: 66.6%; position: relative; overflow: hidden; transition: .3s; } .fmain1-pic>a img{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; transition: .3s; } .fmain1-pic>a:hover img{ -webkit-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); } .fmain1-con{ height: 60px; line-height: 60px; background-color: #f2f4fa; padding: 0 70px 0 20px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } .fmain1-con a{ font-size: 14px; color:#333; } .fmain1-con a:hover{ color:#0f2789; } .fmain1 .flex-direction-nav{ display: block; } .fmain1 .flex-direction-nav a{ width: 8px; height: 16px; background-image: url(../images/b-left2.png); top: auto; margin-top: 0; } .fmain1 .flex-direction-nav .flex-prev{ left: auto;right: 40px; top: auto; margin-top: 0; bottom: 22px; } .fmain1 .flex-direction-nav .flex-prev:hover{ background-image: url(../images/b-left2h.png); } .fmain1 .flex-direction-nav .flex-next{ right: 15px; bottom: 22px; background-image: url(../images/b-right2.png); } .fmain1 .flex-direction-nav .flex-next:hover{ background-image: url(../images/b-right2h.png); } .main1-div-right{ overflow: hidden; } .tui h1{ margin: 0; font-size: 18px; color: #333; font-weight: bold; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } .tui{ padding-bottom: 15px; border-bottom: 1px solid #c5cbdc; } .tui h1 a:hover{ color:#0f2789; } .tui p{ margin: 0; font-size: 14px; color: #666; height: 50px; margin-top: 13px; overflow: hidden; line-height: 1.8; } .main1-div-right .list_11{ padding-top: 20px; } .list_11 ul{ margin:0; } .list_11 li{ position: relative; padding: 0 86px 0 15px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; margin-top: 15px; background-image: url(../images/list_11.jpg); background-repeat: no-repeat; background-position: left center; } .list_11 li:first-child{ margin-top: 0!important; } .list_11 li span{ position: absolute; right:0px; top: 0; font-size: 12px; color:#666; } .list_11 li a{ font-size: 14px; color:#666; } .list_11 li a:hover{ color:#0f2789; } .fmain2 .flex-direction-nav{ display: block; } .fmain2 .flex-direction-nav a{ width: 40px; height: 73px; margin-top: -36px; } .main1-right-div-left{ width: 400px; margin-right: 29px; } .main1-right-div{ margin-top: 28px; } .main1-right-div-left-div{ border: 1px solid #c5cbdc; padding: 16px 25px; margin-top: 16px; } .main1-right-div-right{ overflow: hidden; } .main1-right-div-right .spp{ margin-top: 0; } .main1-right-div-right .spp>a{ padding-bottom: 74.5%; } .fmain2 .slides>li>a{ display: block; position: relative; overflow: hidden; padding-bottom: 18.47%; } .fmain2 .slides>li>a img{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; } .main1-da-pic{ overflow: hidden; margin-top: 25px; } .main1-da-pic img{ display: block; width: 100%; /*transition: .3s;*/ } .main1-da-pic:hover img{ /*鍥剧墖涓績鏀惧ぇ浠g爜*/ /* -webkit-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1);*/ } .main2{ background-color: #e6eaf6; padding: 40px 0; } .main3{ padding: 40px 0 80px; } .main3-list .item>a{ display: block; position: relative; overflow: hidden; padding-bottom: 29.48%; border-radius: 8px; } .main3-list .item>a img{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 20; transition: .3s; } .main3-list .item>a:hover img{ /*鍥剧墖涓績鏀惧ぇ浠g爜*/ -webkit-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); } .main3-con{ position: absolute; left: 0; right: 0; bottom: 20px; z-index: 50; } .main3-con h1{ font-size: 30px; color:#fff; margin:0; text-align: center; } .main3-con h2{ font-family: "Arial"; font-size: 12px; color:#fff; margin:0; text-align: center; opacity: 0.5; margin-top: 8px; } .main2-1{ width: 443px; } .main2-1 ul{ margin:0; } .main2-1 li{ height: 127px; background-color: #fff; padding: 30px 15px 0; margin-top: 14px; } .main2-1 li:last-child{ padding-top: 18px; } .main2-1 li:first-child{ margin-top: 0; } .main2-1 li:last-child .main2-1-left{ margin-top: 14px; } .main2-1-left{ width: 180px; } .main2-1-left h1{ font-size: 12px; color:#e6eaf6; margin:0; font-family: 'Impact'; text-transform: uppercase; } .main2-1-left h2{ font-size: 25px; color:#0f2789; margin:0; font-weight: bold; margin-top: 10px; } .main2-1-right{ font-size: 14px; color:#666; line-height: 2.2; overflow: hidden; } .main2-1-right a {transition: .3s;} .main2-1-right a:hover{ color:#0f2789; } .main2-2{ width: 395px; margin-left: 29px; } .main2 .title-11{ background-color: #fff; } .main2-div{ background-color: #fff; border:1px solid #c5cbdc; padding:29px 20px; margin-top: 23px; } .main2-22222 .main2-div{ padding: 18px 20px; } .main2-22222 .main2-div .list_11{ padding-top: 0px; } .main2-div .list_11{ padding-top: 20px; } .main2-4{ overflow: hidden; height: 409px; background-repeat: no-repeat; background-position: center; -webkit-background-size: cover; background-size: cover; background-image: url(../images/main2-4.jpg); padding: 42px 40px 0; } .main2-3{ margin-right: 29px; } .title-22{ font-size: 25px; font-weight: bold; color:#fff; } .line_22{ width: 39px; height: 3px; background-color: #fff; margin-top: 20px; } .main2-4-div{ margin-top: 24px; } .main2-4-div ul{ margin:0; } .main2-4-div li h1{ font-size: 40px; color:#c8151e; margin:0; font-weight: bold; } .main2-4-div li h1 span{ font-size: 18px; } .main2-4-div li h2{ font-size: 20px; color:#fff; margin:0; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; margin:14px 0 20px; } .main2-4-div li h3{ font-size: 14px; color:#fff; margin:0; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; line-height: 1.6; } #goU{ float: left; width: 34px; height: 34px; cursor: pointer; background-image: url(../images/up.jpg); background-repeat: no-repeat; background-position: center ; transition: .3s; } #goU:hover{ background-image: url(../images/uph.jpg); } #goD{ float: left; width: 34px; height: 34px; cursor: pointer; background-image: url(../images/down.jpg); background-repeat: no-repeat; background-position: center ; margin-left: 14px; transition: .3s; } #goD:hover{ background-image: url(../images/downh.jpg); } .main2-4 .hd{ margin-top: 26px; } .more222{ margin-top: 30px; } .more222 a{ color:#fff; display:inline-block; font-size: 18px; height: 28px; line-height: 28px; padding-left:55px; background-image: url(../images/more2.png); background-repeat: no-repeat; background-position: left center; transition: .3s; } .more222 a:hover{ background-position:3px center; padding-left: 50px; } /**************************************************************/ /*main-over*/ /*footer-start*/ /**************************************************************/ #footer{ z-index: 500; position: relative; } #totop{ position: absolute; width: 78px; margin-left: -39px; left: 50%; top: -39px; cursor: pointer; } .footer-top{ background-color: #e6eaf6; padding: 50px 0; } .footer-1{ width: 261px; padding-top: 15px; padding-right: 80px; height: 211px; border-right: 1px solid #c5cbdc; } .footer-3 { width: 380px; padding-left: 53px; height: 211px; padding-right: 40px; /*border-right: 1px solid #c5cbdc;*/ border-left: 1px solid #c5cbdc; } .footer-3 h1{ font-size: 16px; color:#333; font-weight: bold; margin:0; } .footer-3 dl{ margin:0; } .foo3-con{ overflow: hidden; } .footer-3 dd{ font-size: 14px; color:#666; line-height: 25px; margin-top: 4px; } .footer-3 dd:first-child{ margin-top: 18px; } .footer-2{ overflow: hidden; } .footer-2 ul{margin:0;} .footer-2 li{ float: left; margin-left: 63px; } .footer-2 li:first-child{ width: 200px; } .footer-2 li:first-child+li{ margin-left: 20px; } .footer-2 li:first-child dd{ float: left; width: 50%; } /* .footer-2 li:first-child dd:first-child+dd{ width: 170px; }*/ .footer-2 li h1{ font-size: 16px; color:#333; font-weight: bold; margin:0; } .footer-2 li h1 a{ transition: .3s; } .footer-2 li h1 a:hover{ color:#0f2789; } .footer-2 li dd{ font-size: 14px; color:#666; line-height: 25px; margin-bottom: 4px; } .footer-2 li dd a{ transition: .3s; } .footer-2 li dd a:hover{ color:#0f2789; } .footer-2 li dl{ margin-top: 18px; } .footer-bottom{ background-color: #0f2789; padding: 25px 0; } .footer-sel{ width: 265px; } .footer-sel .form-control{ height: 41px; border-radius: 0; } .footer-bottom-con{ font-size: 14px; color:#fff; height: 41px; line-height: 41px; } /**************************************************************/ /*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; } .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: 6px; 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:10px 10px; display: block; font-size: 14px; 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: 5px 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: 300px; margin-left: 15px; margin-top: 15px; } .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; } .banner-x{ display: none; } /**************************************/ /********[鐗规畩css鏍峰紡瑕佹眰鍖哄煙]**********/ /**************************************/ .banner-2{ height: 320px; background-repeat: no-repeat; background-position: center ; -webkit-background-size: cover; background-size: cover; position: relative; } .banner-2-yy{ display: none; position: absolute; right: 0; top: 0; bottom: 0; width: 66.66%; background-image: url(../images/banner-yy.png); background-repeat: no-repeat; background-position: center; z-index: 50; } .banner-2 .container{ position: relative; z-index: 60; } .banner-2-wen{ text-align: right; padding-top: 70px; padding-right: 85px; } .banner-2-wen h1{ font-size: 72px; color:#fff; margin:0; letter-spacing: 15px; } .line11{ width: 140px; height: 3px; background-color: #fff; float: right; margin-right: 18px; margin-top: 35px; } .erji-nav{ background-color: #e6eaf6; } .erji-nav dl{ margin:0; } .erji-nav dd{ float: left; border-left: 1px solid #e6eaf6; } .erji-nav dd:first-child{ border-left: 0; } .erji-nav dd>a{ display: block; padding: 0 30px; font-size: 16px; color:#333; background-color: #e6eaf6; border-top: 5px solid #e6eaf6; height: 66px; line-height: 61px; transition: .3s; } .erji-nav dd>a:hover,.erji-nav dd.cur>a{ background-color: #fff; border-color: #0f2789; } .erji-content{ padding: 85px 0 125px; min-height: 500px; } .about-left{ width: 830px; padding-right: 60px; /*background-image: url(../images/about-1.png);*/ background-repeat: no-repeat; background-position: right top; margin-right: 50px; } .about-pic img{ display: block; width: 100%; } .about-left-list{ margin-top: 50px; padding-bottom: 60px; } .about-left-list ul{ margin:0; } .about-left-list li{ float: left; width: 25%; text-align: center; border-left:1px solid #b7bedb; } .about-left-list li:first-child{ border-left: 0; } .about-left-list li h1{ font-size: 16px; color:#0f2789; margin:0; } .about-left-list li h2{ font-size: 16px; color:#0f2789; margin:0; margin-top: 13px; } .about-left-list li h2 span{ font-size: 48px; font-family: "Impact"; padding-right: 5px; } .about-left-list li h2 i{ font-size: 40px; font-style: normal; vertical-align: top; padding-right: 5px; } .about-right{ /*overflow: hidden;*/ } .about-right-p{ /*font-size: 16px;*/ font-size: 18px; color:#666; line-height: 2.5; } .about-right-p p{ /*text-indent: 2em;*/ margin:0; } .dongshi-pic{ width: 306px; margin-right: 50px; margin-left: 120px; } .dongshi-con{ padding-top: 25px; overflow: hidden; } .dongshi-con h1{ font-size: 36px; color:#0f2789; margin:0; padding-bottom: 30px; } .dongshi-qian{ font-size: 0; text-align: right; margin-top: 25px; } .hezuo-list { padding: 50px 0; } .hezuo-list-color{ background-color: #e6eaf6; } .hezuo-list ul{ margin:0; margin-left: -2%; } .hezuo-list li{ float: left; width: 18%; margin-left: 2%; } .hezuo-list li>a{ border:1px solid #c5cbdc; display: block; padding-bottom: 26.67%; position: relative; overflow: hidden; transition: .3s; } .hezuo-list li>a img{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; } .hezuo-list li>a:hover { border-color:#0f2789; } .zixun-1{ border:1px solid #c5cbdc; padding: 40px; } .zixun-1-left{ width: 386px; margin-right: 50px; } .zixun-1-left>a{ display: block; padding-bottom: 66.6%; position: relative; overflow: hidden; transition: .3s; } .zixun-1-left>a img{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; transition: .3s; } .zixun-1-left>a:hover img{ -webkit-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); } .zixun-1-right{ overflow: hidden; padding-top: 5px; } .zixun-1-right h1{ margin: 0; font-size: 25px; color: #333; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } .zixun-1-right h1 a{ transition: .3s; } .zixun-1-right h1 a:hover{ color:#0f2789; } .zixun-1-right h2{ margin: 0; font-size: 14px; color: #999; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; margin:20px 0 15px; } .zixun-1-right p{ margin:0; font-size: 14px; color: #666; line-height: 2; height:84px; overflow: hidden; } .zixun-1-right .more1{ margin-top: 44px; } .more1 a{ display: block; height: 48px; line-height: 48px; width: 150px; background-color: #e6eaf6; color:#999; font-size: 14px; transition: .3s; text-align: center; } .more1 a:hover{ background-color: #0f2789; color:#fff; } .zixun-2 ul{ margin:0; } .zixun-2{ border-top:1px solid #c5cbdc; margin-top: 33px; } .zixun-2 li{ height: 61px; line-height: 60px; border:1px solid #c5cbdc; border-top: 0; position: relative; padding: 0 135px 0 40px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; background-color: #fff; } .zixun-2 li span{ position: absolute; right:40px; top: 0; font-size: 14px; color:#999; } .zixun-2 li a{ font-size: 18px; color:#333; } .zixun-2 li a:hover{ color:#0f2789; } .fenye ul{ margin:0; } .fenye{ margin-top: 60px; font-size: 18px; text-align: center; } .yewu .about-left{ width: 425px; margin-left: 75px; padding-right: 0; background-image: none; margin-right: 0; overflow: hidden; } .yewu .about-right{ overflow: hidden; } .yewu .about-left-list{ margin-top: 28px; padding-bottom: 0; } .yewu .about-left-list li h1{ font-size: 14px; } .yewu .about-left-list li span{ font-size: 30px; } .yewu .about-left-list li i{ font-size: 26px; } .yewu .about-left-list li h2{ font-size: 14px; } .spp{ margin-top: 60px; } .spp>a{ display: block; padding-bottom: 61.65%; position: relative; overflow: hidden; transition: .3s; } .spp>a>img{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 20; transition: .3s; } .spp>a:hover>img{ -webkit-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); } .shadi{ position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: 30; background-image: url(../images/shadi.png); } .shadi img{ position: absolute; left: 50%; margin-left: -31px; width: 62px; top: 50%; margin-top: -31px; } .yewu2 ul{ margin:0; } .yewu2 li{ width: 48%; margin-top: 50px; border:1px solid #c5cbdc; } .yewu2 li:first-child,.yewu2 li:first-child+li{ margin-top: 0; } .yewu2 li a.fr{ width: 207px; height: 207px; background-color: #e6eaf6; background-image: url(../images/zou.png); background-repeat: no-repeat; background-position: center; transition: .3s; } .yewu2 li:hover a.fr{ background-color: #0f2789; } .yewu2-con{ overflow: hidden; padding: 45px; padding-bottom: 0; } .yewu2-con h1{ font-size: 20px; color:#333; margin:0; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } .yewu2-con h1 a:hover{ color:#0f2789; } .yewu2-con h2{ font-size: 18px; color:#c8151e; margin:0; font-weight: bold; margin:13px 0 10px; } .yewu2-con h2 span{ font-size: 40px; } .yewu2-con p{ font-size: 14px; color:#666; margin:0; line-height: 1.8; } .wenhua ul{ margin:0; margin-left: -4%; margin-top: -4%; } .wenhua li{ float: left; width: 29.333333333333%; margin-left: 4%; margin-top: 4%; } .wenhua-pic>a{ display: block; padding-bottom: 66.6%; position: relative; overflow: hidden; transition: .3s; } .wenhua-pic>a img{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; transition: .3s; } .wenhua-pic>a:hover img{ -webkit-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); } .wenhua-con{ height: 80px; line-height: 80px; background-color: #e6eaf6; padding-left: 30px; padding-right: 120px; position: relative; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } .wenhua-con span{ position: absolute; right:30px; top: 0; font-size: 16px; color:#666; } .wenhua-con a{ font-size: 16px; color:#666; } .wenhua-con a:hover{ color:#0f2789; } .dangjian .zixun-1:first-child{ margin-top: 0; } .dangjian .zixun-1{ margin-top: 25px; } .zhaopin .zixun-1-right{ margin-top: 0; padding-top: 0; } .zhaopin .zixun-1-right p{ height: 50px; } .contact-left{ width:48%; padding-right: 60px; background-image: url(../images/contact2.png); background-repeat: no-repeat; background-position: right top; margin-right: 60px; } .contact-right{ overflow: hidden; } .map img{ display: block; width: 100%; } .contact-right h1{ font-size: 36px; margin: 0; color:#0f2789; } .contact-right div{ margin:0; font-size: 16px; color:#666; line-height: 2; margin-top: 25px; } .liuyan-1 ul{ margin:0; margin-left: -2%; } .liuyan-1 li{ float: left; width: 31.333333333333%; margin-left: 2%; position: relative; } .liuyan-1 li i{ position: absolute; width: 25px; font-size: 0; right: 20px; top: 50%; margin-top: -12px; } .liuyan-1 li i img{ display: block; width: 100%; } .liuyan-1 li input.form-control{ height: 50px; border-radius: 0; padding-right: 60px; font-size: 16px; } .liuyan-1 { margin-bottom: 25px; } .liuyan-1,.liuyan-2 ul{ margin-left: 0; } .liuyan-1,.liuyan-2 li{ float: none; width: 100%; margin-left: 0; } .liuyan-2 li textarea.form-control{ height: 170px; border-radius: 0; padding: 12px; font-size: 16px; resize: none; padding-right: 60px; } .liuyan-1.liuyan-2 li i{ top: 13px; margin-top: 0; } .liuyan-1.liuyan-3 ul{ margin-left: 0; } .liuyan-1.liuyan-3 li{ width: 400px; margin-left:30px; } .liuyan-1.liuyan-3 li:last-child{ color:#666; } .liuyan-1.liuyan-3 li input.form-control{ padding-right: 12px; } .liuyan-1.liuyan-3 li:first-child{ margin-left: 0; width: 160px; } .liuyan-3 li img{ height: 50px; cursor: pointer; vertical-align: bottom; margin-right: 5px; } .liuyan4{margin-bottom: 0;text-align: center;font-size: 0; padding-top: 15px; } .liuyan4 input:focus{ outline: none; } .liuyan4 input{ width: 225px; margin:0 14px; height: 50px; border:0; font-size: 16px; color:#fff; cursor: pointer; } .liuyan4 input[type="button"]{ background-color: #0f2789; } .liuyan4 input[type="reset"]{ background-color: #b4b4b4; } /*time*/ .dqqlist{ background-image: url(../images/xian.jpg); background-repeat: repeat-y; background-position: 65px top; } .dqqlist dl{ margin:0; } .dqqlist dd{ margin-top: 20px; } .dqqlist dd:first-child{ margin-top: 0; } .dq-left{ width: 130px; margin-right: 18px; height: 43px; background-image: url(../images/dq.png); background-repeat: no-repeat; background-position: center; } .dq-right{ border:1px solid #f1f1f1; overflow: hidden; padding-left: 38px; padding-right: 20px; } .dq-right-item h1{ font-size:20px; margin:0; color:#999; margin-right: 26px; float: left; height: 42px; line-height: 42px; } .dq-right-item-ppp{ font-size:20px; color:#999; margin:0; overflow: hidden;height: 42px; line-height: 42px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } .dq-right-item-ppp p{ margin:0; } .dq-right-item { overflow: hidden; } .dqqlist dd.cur .dq-daqiu{ display: block; } .dqqlist dd.cur .dq-left{ height: auto; background-image: none; padding-top:14px; } .dqqlist dd.cur .dq-right{ color:#fff; background-color: #0f2789; border-color: #0f2789; /*padding-right: 0; */ } .dqqlist dd.cur .dq-right-item{ padding: 15px 0; } .dqqlist dd.cur .dq-right-item h1{ float: none; width: 100%; height: auto; line-height: 1.8; color:#fff; } .dqqlist dd.cur .dq-right-item-ppp{ height: auto; line-height: 1.6; color:#fff; white-space:normal; margin-top: 12px; min-height: 96px; } .dq-daqiu{ height: 130px; background-repeat: no-repeat; background-position: center ; text-align: center; line-height: 130px; font-size: 30px; font-weight: bold; color:#fff; background-image: url(../images/ddq.png); display: none; text-transform: uppercase; } .time-pic{ width: 295px; margin-left: 40px; display: none!important; } .dqqlist dd.cur .time-pic{ display: block; } .time-pic-wp{ position: relative; padding-bottom: 67%; overflow: hidden; } .time-pic-wp img{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; } /*time*/ /*zigongsi*/ .zigongsi-1-1{ padding: 50px 0; } .zigongsi-1-1-left{ width: 50%; padding-right: 60px; background-repeat: no-repeat; background-position: right top; background-image: url(../images/zigongsi-1-1-left.png); } .zigongsi-1-1-left img{ display: block; width: 100%; } .zigongsi-1-1-right{ width: 48.25%; } .zigongsi-1-1-right-con{ margin-top: 30px; font-size: 16px; color:#666; line-height: 2.5; height: 240px; overflow-y: auto; padding-right: 20px; } .zigongsi-1-1-right-con p{ margin:0; } .zigongsi-1-2-left { width:50%; } .zigongsi-1-2-right { width: 48.25%; } .zigongsi-2{ background-color: #e6eaf6; padding: 50px 0; margin-top: 50px; } .zigongsi-1 .fmain1-pic>a:hover img{ -webkit-transform: scale(1.0); -ms-transform: scale(1.0); -o-transform: scale(1.0); transform: scale(1.0); } .zigongsi-1 .fmain1 .slides>li a h3 { margin: 0; position: absolute; left: 0; right: 0; bottom: 0; height: 48px; line-height: 48px; background-image: url(../images/heidi.png); font-size: 14px; color: #fff; padding:0 20px; text-overflow: ellipsis; white-space: nowrap; z-index: 60; overflow: hidden; } .zigongsi-1 .fmain1 .flex-direction-nav { display: none; } .zigongsi-1 .list_11 li{ margin-top: 17px; } .zuzhi-pip{ height: 349px; border:1px solid #c5cbdc; margin-top: 16px; position: relative; } .zz-table{ display: table; width: 100%; height: 100%; } .zz-table-cell{ vertical-align: middle; display: table-cell; } .zz-table-cell img{ display: block; margin:0 auto; } .zigongsi-2 .contact-left{ background-image: url(../images/contact2h.png); } .fppl .flex-control-nav{ display: block; position: relative; bottom: 0; margin-top: 25px; font-size: 0; } .fppl .flex-control-paging li a{ background-image: url(../images/arrow-b222.png); } .fppl .flex-control-paging li a.flex-active{ width: 22px; background-image: url(../images/arrow-b222-h.png); } .erji-content-title-11{ text-align: center; font-family: "lls"!important; font-size:40px; color:#333333; padding-bottom: 50px; line-height: 1.4; } .pageImg { position: relative; } .pageImg .erji-content-title-11{ position: absolute; position: absolute;left: 0;right:0;top: 85px; } .banner-2-gun{ font-size: 18px; color:#fff; padding-right: 18px; margin-top: 30px; position: relative; padding-left: 40px; } @-webkit-keyframes sdb10 { 0% { -webkit-transform: translate(0, 0); opacity: 0; filter:alpha(opacity=0); } 40% { opacity: 1; filter:alpha(opacity=100); } 80% { -webkit-transform: translate(0, 20px); opacity: 0; filter:alpha(opacity=0); } 100% { opacity: 0; filter:alpha(opacity=0); } } @keyframes sdb10 { 0% { transform: translate(0, 0); opacity: 0; filter:alpha(opacity=0); } 40% { opacity: 1; filter:alpha(opacity=100); } 80% { transform: translate(0, 20px); opacity: 0; filter:alpha(opacity=0); } 100% { opacity: 0; filter:alpha(opacity=0); } } #shu{ position: absolute; top: 50%; margin-top: -20px; left: 0; width: 23px; height: 40px; border: 2px solid #FFF; border-radius: 50px; box-sizing: border-box; z-index: 80000; } #shu::before { position: absolute; top: 5px; left: 50%; content: ''; width: 4px; height: 4px; margin-left: -2px; background-color: #FFF; border-radius: 100%; -webkit-animation: sdb10 2s infinite; animation: sdb10 2s infinite; box-sizing: border-box; } .dangjian_ttop{ padding-bottom: 50px; } .dangjian_ttop-pic{ width: 47.85%; } .dangjian_ttop-pic a{ display: block; position: relative; padding-bottom: 18.47%; overflow: hidden; } .dangjian_ttop-pic a img{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; transition: .3s; } .dangjian_ttop-pic a:hover img{ /*鍥剧墖涓績鏀惧ぇ浠g爜*/ -webkit-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); } .zixun-2.zixun-2-2 li{ height: auto; line-height: normal; padding: 0 40px; margin-top: 15px; border-top:1px solid #c5cbdc; } .zixun-2.zixun-2-2 li:first-child{ margin-top: 0; } .zixun2-2-li{ height: 50px; line-height: 50px; padding-right: 100px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; position: relative; } .zixun-2 li .zixun2-2-li span{ right: 0; } .zixun2-2-url{ height: 51px; line-height: 50px; border-top:1px dashed #eaeaea; } .zixun-2 li .zixun2-2-url a { font-size: 16px; color: #999; } .zixun-2 li .zixun2-2-url a:hover{ color:#0f2789; } .lzzjs ul{ margin:0; margin-left: -3%; } .lzzjs li{ float: left; width: 30.333333333333333%; margin-left: 3%; } .lzzjs li>a{ display: block; position: relative; padding-bottom: 18.47%; overflow: hidden; } .lzzjs li>a img{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; transition: .3s; } .lzzjs li>a:hover img{ /*鍥剧墖涓績鏀惧ぇ浠g爜*/ -webkit-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); } .sanji-dl{ padding-bottom: 30px; } .sanji-dl dl{ margin: 0; } .sanji-dl dd{ float: left; margin-left: 15px; } .sanji-dl dd:first-child{ margin-left: 0; } .sanji-dl dd>a{ display: block; background-color: #e6eaf6; height: 43px; line-height: 43px; color:#666; font-size: 18px; padding: 0 30px; } .sanji-dl dd:hover>a,.sanji-dl dd.cur>a{ background-color: #0f2789; color: #fff; } /*5-29*/ .zztt1{ margin-top: 60px; } .zztt-h1{ font-size: 36px; color:#0f2789; text-align: center; line-height: 1.6; font-weight: bold; } .zztt1-div{ width: 49%; } .zztt1-div-box{ height: 498px; overflow: auto; padding: 25px; font-size: 20px; color:#666; line-height: 2; } .zzttbor{ border:1px solid #c5cbdc; } .zztt1-div-box p{ font-size: 20px; color:#666; line-height: 2; } .ztt1-dl{ border-top: 1px solid #c5cbdc; margin-top: 20px; } .ztt1-dl dl{ margin:0; } .ztt1-dl dd{ padding-left: 25px; font-size: 20px; color:#666; line-height: 2; margin-top: 25px; background-repeat: no-repeat; background-position: 7px 19px; background-image: url(../images/zztt-dian.jpg); } .zzttm20{ margin-top: 20px; } .zztt2-div{ padding: 40px 32px; } .zztt2-title h1{ height:61px ; line-height: 61px; font-size: 23px; color:#fff; padding-left: 19px; background-repeat: no-repeat; background-position: center; text-align: center; font-weight: bold; margin:0; } .zztt2-title1 h1{ width: 187px; background-image: url(../images/zztt2-title1.png); } .zztt2-title2 h1{ width: 277px; background-image: url(../images/zztt2-title2.png); } .zztt2-title3 h1{ width: 261px; background-image: url(../images/zztt2-title3.png); } .zztt2-title4 h1{ width: 314px; background-image: url(../images/zztt2-title4.png); } .zztt2-title5 h1{ width:315px; background-image: url(../images/zztt2-title5.png); } .zztt2-title6 h1{ width:391px; background-image: url(../images/zztt2-title6.png); } .zztt2-title7 h1{ width:241px; background-image: url(../images/zztt2-title7.png); } .zztt2-title8 h1{ width:301px; background-image: url(../images/zztt2-title8.png); } .zztt2-title9 h1{ width:251px; background-image: url(../images/zztt2-title9.png); } .zztt2-div dl{ margin:0; margin-left: -4%; } .zztt2-div dd{ float: left; width: 46%; margin-left: 4%; margin-top: 25px; } .zztt2-div dd:first-child, .zztt2-div dd:first-child+dd{ margin-top: 0; } .zztt2-div dd p{ text-indent: 2em; margin:0; font-size: 20px; color:#666; line-height: 2; margin-top: 20px; } .zztt2-div.zztt3-div dl{ margin:0; margin-left: 0; } .zztt2-div.zztt3-div dd{ float: none; width: 100%; margin-left: 0%; margin-top: 25px; } .zztt2-div.zztt3-div dd:first-child{ margin-top: 0; } .zztt2-div.zztt3-div dd:first-child+dd{ margin-top: 25px; } .zztt4-div{ padding: 30px; } .zztt4-div-p{ text-indent: 2em; font-size: 20px; color:#666; line-height: 2; } .zztt4-dl dl{ margin:0; margin-left: -3%; } .zztt4-dl dd{ margin-top: 45px; float: left; width: 30.33333333%; margin-left: 3%; } .zztt4-dl dd h1{ font-size: 20px; color:#333; margin:0; } .zztt4-dl dd h1 img{ margin-top: -3px; margin-right: 12px; } .zztt4-dl dd p{ margin:0; font-size: 16px; color:#666; line-height: 2.8; margin-top:20px; } .zztt5 .zixun-1{ margin-top: 40px; } .main3-list .owl-stage{ font-size: 0; line-height: normal; text-align: center; } .main3-list .owl-item{ float:none; display:inline-block; }