/**************************************/ /*************[鍏敤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; } /*鍥剧墖涓績鏀惧ぇ浠g爜鍖哄煙*/ .img-box{/*鍥剧墖鐩掑瓙绫诲悕*/ overflow: hidden; } .img-box img{ transition: .3s; 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爜鍖哄煙*/ .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); } .plr24{ padding-left: 24px; padding-right: 24px; } /**************************************/ /************[鍏敤over]****************/ /**************************************/ /*header-start*/ /**************************************************************/ #header{ position: absolute; z-index: 999; left: 0; width: 100%;top: 0; } #header.cur{ position: fixed; top: -49px; } .header-1{ height: 49px; background-color: #d98018; padding-top: 9px; } .header-1 a{ width: 31px; display: block; margin-left: 20px; } .header-1 a img{ display: block; width: 100%; } .header-2{ position: absolute; left: 0; right: 0; top: 49px; background-image: url(../images/baidi.png); z-index: 50; } #header.cur .header-2{ background-color: #fff; box-shadow: 0 4px 5px -3px rgba(0,0,0,0.15); } .logo{ width: 169px; margin-top: 17px; } .logo a,.logo img{ display: block; width: 100%; } .gp{ font-size: 14px; color: #666; margin-left: 30px; height: 71px; line-height: 71px; margin-top: 17px; } .header-2-er{ width: 86px; margin-top: 19px; } .header-2-er-img{ width: 66px; margin-right: 6px; } .header-2-er-img img{ display: block; width: 100%; } .header-2-er-wen{ overflow: hidden; font-size: 12px; color: #d98018; line-height: 1; text-align: right; padding-top: 9px; } .nav{ padding-right: 25px; } .nav ul{ margin:0; } .nav>ul>li{ float: left; width: 115px; text-align: center; position: relative; } .nav>ul>li+li{ margin-left: 1px; } .nav>ul>li>a{ display: block; height: 106px; line-height: 106px; /*padding: 0 30px;*/ font-size: 16px; color: #666; position: relative; font-weight: bold; } .nav>ul>li>a span{ position: relative; z-index: 15; color: inherit; } .nav>ul>li>a::after{ position: absolute; left: 0; right: 0; bottom: 0; height: 0; content:""; transition: height .3s; z-index: 1; background-color: #d98018; } .nav>ul>li.cur>a,.nav>ul>li:hover>a{ color: #fff; } .nav>ul>li.cur>a::after,.nav>ul>li:hover>a::after{ height: 100%; } /*.nav>ul>li>ul{*/ /* position: absolute;*/ /* left: 0px;*/ /* right: 0;*/ /* top:100%;*/ /* z-index: 600;*/ /* background-color: #d98018;*/ /* 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: background-color .3s;*/ /* text-align: center;*/ /*}*/ /*.nav>ul>li>ul>li>a:hover{*/ /* background-color: #c77516;*/ /*}*/ .nav>ul>li>ul{ position: absolute; width: 15000px; left: 0%; top:100%; z-index: 600; background-color: #4C4A4F; display: none; padding-left: 30px; } .nav>ul>li:first-child+li+li+li+li+li+li>ul{ left: -350px; } .nav>ul>li>ul>li{ float: left; } .nav>ul>li>ul>li+li{ margin-left: 30px; } .nav>ul>li>ul>li>a{ display: block; height:60px; line-height: 60px; text-align: center; font-size: 14px; color:#fff; /*transition: .3s;*/ text-align: center; } .nav>ul>li>ul>li>a:hover{ color: #c77516; } /**************************************************************/ /*header-over*/ /*main-start*/ /**************************************************************/ #main{ margin-top: 49px; } .banner{ position: relative; } .zxjtp-close{ cursor: pointer; position: absolute; right: 0; bottom: 182px; font-size: 12px; color: #f00; } .zxjtp{ position: absolute; left: 0; bottom:0; width: 280px; z-index: 555; } .zxjtp img,.zxjtp a{ display: block; width: 100%; } .fafa,.fafa .slides,.fafa .slides>li{ height: 100%; } .fafa .slides>li{ overflow: hidden; } .fafa .slides>li.flex-active-slide .banner-img{ transform: scale(1.05); } .banner-img{ height: 100%; background-repeat: no-repeat; background-position: center; -webkit-background-size: cover; background-size: cover; transition: transform 5s linear; z-index: 500; } .fafa .flex-control-nav{ height: 0; bottom: 60px; } .fafa .flex-control-nav li{margin:0 7px;} .fafa .flex-control-paging li a{ width: 56px; height: 3px; background-image: none!important; background-color: #edecea; transition: height .3s; } .fafa .flex-control-paging li a.flex-active{ background-color: #d98018; height: 8px; } .fxfx .flex-control-nav{ height: 0; bottom: 30px; } .fxfx .flex-control-nav li{margin:0 4px;} .fxfx .flex-control-paging li a{ width: 30px; height: 4px; background-image: none!important; background-color: #edecea; } .fxfx .flex-control-paging li a.flex-active{ background-color: #d98018; } .main1{ min-height: 658px; background-repeat: no-repeat; background-position: center; -webkit-background-size: cover; background-size: cover; background-image: url(../images/main1-bg.jpg); padding-top: 70px; padding-bottom: 100px; } .title-11 img{ display: block; margin:0 auto; } .main1-p{ font-size: 14px; color: #fff; text-align: center; line-height: 1.8; padding: 30px 0 55px; } .main1-dl{ box-shadow: 0 0 40px 1px rgba(0,0,0,0.25); } .main1-dl dl{ margin:0; } .main1-dl dd{ float: left; width: 21%; transition: width .5s; } .main1-dl dd.cur{ width: 37%; } .main1-dl dd>a{ display: block; height: 255px; background-repeat: no-repeat; background-position: center; -webkit-background-size: cover; background-size: cover; padding: 40px; } .main1-1-h1{ font-size: 20px; color: #fff; margin-right: 14px; margin-top: 3px; } .main1-1-en{ overflow: hidden; font-size: 12px; color: rgba(255,255,255,0.3); } .main1-2{ font-size: 14px; color: #fff; line-height: 2; margin-top: 20px; } .main2{ min-height: 1206px; background-repeat: no-repeat; background-position: center; -webkit-background-size: cover; background-size: cover; background-image: url(../images/main2-bg.jpg); padding: 80px 0; } .main2-1{ padding-top: 70px; } .main2-1 dl{ margin:0; margin-left: -1%; } .main2-1 dd{ float: left; width: 24%; margin-left: 1%; margin-top: 1%; } .main2-1 dd:first-child{ width: 49%; margin-left: 1%; margin-top: 0; } .main2-1 dd:first-child+dd{ width: 49%; margin-left: 1%; margin-top: 0; } .main2-1 dd a.imgbox_a{ padding-bottom: 74.5%; } .main2-1 dd:first-child+dd a.imgbox_a{ padding-bottom:35.9%; } .main2-con.main2-con1{ padding: 22px 50px; } .main2-con.main2-con2 h2{ margin-top: 0; height: 51px; line-height: 51px; } .main2-con{ position: absolute; z-index: 50; left: 0; right:0; bottom: 0; background-image: url(../images/heidi2.png); padding: 22px 35px; } .main2-con h1{ margin:0; font-size: 16px; color: #fff; } .main2-con h2{ margin:0; font-size: 18px; color: #fff; margin-top: 15px; } .main2-2{ margin-top: 40px; } .main2-2-lei{ display: inline-block; font-size: 16px; color: #fff; padding: 7px 15px; background-color: #7694b2; } .main2-2-list .item{ position: relative; border-bottom: 6px solid #f4f6f8; } .main2-2-list .item::after{ position: absolute; content: ""; width: 0; height: 6px; background-color: #d98018; bottom: -6px; right: 0; -webkit-transition: all .5s; -moz-transition: all .5s; -ms-transition: all .5s; -o-transition: all .5s; transition: all .5s; } .main2-2-list .item:hover::after { width: 100%; right: auto; left: 0; } .main2-2-list .item h1{ margin:0; font-size: 18px; color: #333; line-height: 1.8; height: 3.6em; overflow: hidden; margin:14px 0; } .main2-2-list .item h1 a:hover{ color: #d98018; } .main2-2-list .item h2{ margin:0; font-size: 16px; color: #d98018; } .main2-2-list .item p{ margin:0; font-size: 14px; color: #666; line-height: 2; margin:25px 0 35px; overflow: hidden; } .main3{ min-height: 898px; background-repeat: no-repeat; background-position: center; -webkit-background-size: cover; background-size: cover; background-image: url(../images/main3-bg.jpg); padding: 75px 0 95px; } .main3-div{ margin-top: 55px; } .main3-1{ width: 761px; margin-right: 35px; } .main3-1 .imgbox_a{ padding-bottom: 74.5%; } .fmain3-1 .flex-direction-nav a{ width: 28px; height: 56px; margin-top: -28px; } .fmain3-1 .flex-direction-nav .flex-next{ right: 0; } .fmain3-1 .flex-direction-nav .flex-prev{ left: 0; } .main3-2{ overflow: hidden; } .index1-date{ width: 93px; height: 104px; text-align: center; background-color: #c0c0c0; transition: background-color .3s; margin-right: 30px; padding-top: 14px; } .index1-date h1{ margin:0; font-size: 48px; font-weight: bold; color: #fff; font-style: italic; font-family: "Arial"; line-height: 1; } .index1-date h2{ margin:0; font-size: 20px; color: #fff; margin-top:4px; font-family: "Arial"; } .index1-dl dl{ margin:0; } .index1-dl dd{ padding: 13px 0; position: relative; padding-right: 20px; } .index1-dl dd+dd{ margin-top: 16px; } .index1-dl dd:first-child{ margin-top: 0; } .index1-dl dd::after{ position: absolute; top: 0; bottom: 0; width: 0; background-color: #fff; z-index: 50; content:""; left: 47px; transition: width .5s; } .index1-con{ overflow: hidden; padding-top: 13px; } .index1-con h1{ margin:0; font-size: 20px; color: #000; } .index1-con h1 a:hover{ color: #d98018; } .index1-con p{ margin:0; font-size: 14px; color: #999; line-height: 2; height: 4em; overflow: hidden; margin-top: 12px; } .index1-dd{ position: relative; z-index: 80; } .index1-dl dd:hover::after{ width: 100%; } .index1-dl dd:hover .index1-date{ background-color: #d98018; } .main4{ min-height: 997px; background-repeat: no-repeat; background-position: center; -webkit-background-size: cover; background-size: cover; background-image: url(../images/main4-bg.jpg); padding: 100px 0 45px; } .main4-left{ overflow: hidden; padding-right: 100px; padding-top: 30px; } .main4-left .title-11 img{ margin-left: 0; } .main4 .title-11-bei{ display: none; } .main4 .title-11-bei.title-11 img{ margin-left: 0; } .main4-left .buju1-2-dl{ padding-top: 32px; } .main4-left .buju1-2-dl dd{ font-size: 16px; } .main4-dl-wp .main4-dl{ display: none; } .main4-dl-wp .main4-dl.cur{ display: block; } .main4-dl{ padding-top: 12px; } .main4-dl dl{ margin:0; } .main4-dl dd{ margin-top: 16px; } .main4-pic{ width: 127px; margin-right: 26px; } .main4-pic .imgbox_a{ padding-bottom: 74%; } .main4-con{ overflow: hidden; } .main4-con h1{ margin:0; font-size:18px; color: #ee8203; } .main4-con p{ margin:0; font-size:14px; color: #666; line-height: 2.2; height: 4.4em; overflow: hidden; margin-top: 13px; } .main4-list-wp{ margin-top: 70px; } .main4-list .item a.imgbox_a{ padding-bottom: 42.43%; } .main5{ padding: 30px 0; background-color: #fff; } .main5-div{ position: relative; padding-left: 145px; height: 74px; } .main5-title{ position: absolute; width: 145px; top: 15px; padding-right: 40px; left: 0; } .main5-title img{ display: block; margin-left: auto; } .main5-list{ font-size: 0; line-height: normal; } .main5-a{ width: 238px; padding-right: 38px; display: inline-block; } .main5-a>a{ display: block; height: 74px; line-height: 74px; background-color: #e8ebef; font-size: 16px; color: #333; text-align: center; padding: 0 10px; transition: background-color .3s,color .3s; } .main5-a>a:hover{ background-color:#d98018; color: #fff; } /**************************************************************/ /*main-over*/ /*footer-start*/ /**************************************************************/ #footer{ } .footer-1{ background-color:#7694b2; padding: 45px 0; } .foo1-3{ width: 160px; } .foo1-3>a{ display: block; height: 222px; background-repeat: no-repeat; background-position: right bottom; background-image: url(../images/foo1-3-bg.jpg); padding: 27px 0 0 24px; background-color: #91a9c1; } .foo1-3>a h1{ margin:0; font-size: 18px; color: #fff; } .foo1-3>a h1::before{ display: block; width: 23px; height: 4px; background-color: #d98018; content:""; margin-bottom: 14px; transition: width .3s; } .foo1-3>a h2{ margin:0; font-size: 30px; color: #aabcce; font-family: "Impact"; text-transform: uppercase; margin-top: 10px; } .foo1-3>a:hover h1::before{ width: 70px; } .foo1-1{ width: 400px; height: 222px; border-right: 1px solid #9fb4c9; padding-right: 30px; } .foo1-logo{ width: 169px; } .foo1-logo a,.foo1-logo img{ display: block; width: 100%; } .foo1-1 dl{ margin:0; padding-top: 15px; } .foo1-1 dd{ font-size: 14px; color: #cfd8e2; line-height:2; margin-top: 13px; } .foo1-2{ overflow: hidden; padding-top: 5px; } .foo1-2 ul{ margin:0; } .foo1-2 li{ float: left; margin-left: 55px; } .foo1-2 li h1{ margin:0; font-size: 18px;color: #fff; } .foo1-2 dl{ margin:0; padding-top: 10px; } .foo1-2 dd{ font-size: 14px; color: #cfd8e2; margin-top: 10px; } .foo1-2 dd a{ transition: color .3s } .foo1-2 dd a:hover{ color: #fff; } .footer-2{ background-color: #d98018; color: #fff; font-size: 14px; line-height: 1.8; padding: 25px 0; } /**************************************************************/ /*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: #7694b2; /*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: 140px; margin-left: 15px; margin-top: 9px; } .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{ padding-top: 106px; background-repeat: no-repeat; background-position: center; -webkit-background-size: cover; background-size: cover; } .banner-2 .container{ position: relative; } .banner-2-div{ padding: 160px 24px 220px; } .banner-2-div h1{ margin:0; font-size: 50px; font-family: 'Impact'; text-transform: uppercase; color: rgba(255,255,255,0.5); } .banner-2-div h2{ margin:0; font-size: 40px; color: #fff; margin-top: 15px; letter-spacing:3px; } .erji{ background-color: #eaedf2; } .erji-top{ position: relative; overflow: hidden; } .erji-top .container{ position: relative; z-index: 25; } .erji-top::after{ content:""; position: absolute; left: 0; bottom: 0; height: 1px; background-color: #fff; width: 100%; content:""; z-index: 15; } .mianbaoxie{ padding-left: 35px; background-repeat: no-repeat; background-position: left center; background-image: url(../images/fang.png); } .mianbaoxie dl{ margin:0; } .mianbaoxie dd{ font-size: 14px; color: #666; float: left; height: 88px; line-height: 88px; } .mianbaoxie dd+dd{ padding-left: 37px; background-repeat: no-repeat; background-position: 17px center; background-image: url(../images/mian.jpg); } .mianbaoxie dd a{ transition: color .3s; } .mianbaoxie dd a:hover, .mianbaoxie dd span{ color: #d98018; } .erji-nav dl{ margin:0; } .erji-nav dd{ float: left; min-width: 115px; text-align: center; } .erji-nav dd+dd{ margin-left: 5px; } .erji-nav dd>a{ display: block; height: 88px; line-height: 88px; font-size: 16px; color: #666; position: relative; } .erji-nav dd>a::after { position: absolute; content: ""; width: 0; height: 3px; background-color: #d98018; bottom: 0px; right: 0; -webkit-transition: all .5s; -moz-transition: all .5s; -ms-transition: all .5s; -o-transition: all .5s; transition: all .5s; } .erji-nav dd>a:hover::after { width: 100%; right: auto; left: 0; } .erji-nav dd.cur a::after{ width: 100%; right: auto; left: 0; } .erji-bottom{ padding: 70px 0; } .xinwen1{ background-color: #fff; } .xinwen1-pic{ width: 50%; } .xinwen-pic .imgbox_a{ padding-bottom: 58.375%; } .xinwen1-con{ overflow: hidden; padding: 45px 60px 0; } .xinwen1-con h1{ margin:0; font-size: 14px; color: #666; } .xinwen1-con h2{ margin:0; font-size: 25px; color: #333; margin:18px 0; } .xinwen1-con h2 a:hover{ color: #d98018; } .xinwen1-con .line{ width: 76px; height: 3px; background-color: #d98018; } .xinwen1-con p{ margin:0; font-size:14px; color: #666; margin:15px 0 35px; line-height: 2; height: 6em; overflow: hidden; } .more1 a{ display: block; width: 144px; height: 42px; line-height: 42px; color: #fff; background-image: url(../images/more1.png); background-repeat: no-repeat; background-position: center; font-size: 14px; transition: background-image .3s; padding-left: 36px; } .more1 a:hover{ background-image: url(../images/more1h.png); } .fxinwen1 .flex-control-paging li a{ width: 13px; height: 13px; } .fxinwen1 .flex-control-nav{ text-align: right; padding-right: 60px; bottom: 60px; } .fxinwen1 .flex-control-nav li{ margin:0; } .fxinwen1 .flex-control-nav li+li{ margin-left: 17px; } .xinwen2 ul{ margin:0; } .xinwen2 li{ background-color: #fff; margin-top: 80px; } .xinwen2-pic{ width: 392px; } .xinwen2-con{ overflow: hidden; padding-top: 33px; } .xinwen2-date{ width: 180px; border-right: 1px solid #e1e1e1; text-align: center; padding: 50px 0; } .xinwen2-date h1{ margin:0; font-size: 40px; font-weight: bold; color: #666; line-height: 1; } .xinwen2-date h2{ margin:0; font-size: 14px; color: #999; margin-top: 10px; } .xinwen2-con2{ overflow: hidden; padding: 8px 60px 0 48px; } .xinwen2-con2 h1{ margin:0; font-size: 25px; color: #333; } .xinwen2-con2 h1 a:hover{ color: #d98018; } .xinwen2-con2 p{ margin:0; font-size:14px; color: #666; margin:18px 0 25px; line-height: 2; height: 4em; overflow: hidden; } .xinwen2-con2-lr .fl{ height: 32px; line-height: 32px; padding-left: 30px; font-size: 14px; color: #999; background-repeat: no-repeat; background-position: left center; background-image: url(../images/yan.png); } .xinwen2-con2-lr a.fr{ width: 87px; height: 32px; line-height: 32px; color: #fff; font-size: 14px; font-family: "Georgia"; text-transform: uppercase; background-color: #d98018; text-align: center; transition: background-color .3s; } .xinwen2-con2-lr a.fr:hover{ background-color:#c77516; } .fenye{ text-align: center; padding-top: 70px; } .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; } .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:#d98018; } .xinwen-xx{ } .xinwen3 dl{ margin:0; margin-left: -4%; } .xinwen3 dd{ float: left; width: 29.333333%; margin-left: 4%; margin-top: 4%; } .xinwen3-con{ background-color: #fff; padding: 30px 30px 50px; } .xinwen3-con h1{ margin:0; font-size: 16px; color: #666; } .xinwen3-con h2{ margin:0; font-size: 25px; color: #333; line-height: 1.5; height: 3em; overflow: hidden; margin:12px 0; } .xinwen3-con h2 a:hover{ color: #d98018; } .xinwen3-con p{ margin:0; font-size: 14px; color: #666; line-height: 2; height: 6em; overflow: hidden; } .wenhua-li{ background-color: #fff; } .wenhua-li+.wenhua-li{ margin-top: 70px; } .wenhua-pic{ width: 61.5%; height: 489px; background-repeat: no-repeat; background-position: center; -webkit-background-size: cover; background-size: cover; } .wenhua-con{ overflow: hidden; padding-top: 65px; } .wenhua-pic.fl+.wenhua-con{ padding-left: 75px; } .wenhua-pic.fr+.wenhua-con{ padding-right: 75px; } .wenhua-con h1{ margin:0; font-size: 50px; color: #d98018; opacity: 0.2; text-transform: uppercase; font-family: 'Impact'; } .wenhua-con h2{ margin:0; font-size: 30px; color: #333; margin:15px 0 22px; } .wenhua-con .line{ width: 76px; height: 3px; background-color: #d98018; } .wenhua-con p{ margin:0; font-size: 18px; color: #666; line-height: 1.8; margin-top: 23px; } .linli1-1{ width: 365px; margin-right: 135px; background-color: #fff; padding: 14px; padding-bottom: 0; box-shadow: 0 0 10px 1px rgba(0,0,0,0.15); margin-top: 45px; margin-left: 72px; margin-right: 125px; } .linli .imgbox_a{ padding-bottom: 135.3%; } .linli1-1-h1{ font-size: 16px; color: #666; text-align: center; padding: 20px 0; } .linli1-1-h1 a:hover{ color: #d98018; } .linli{ background-repeat: no-repeat; background-position: center bottom; background-image: url(../images/linli-bg.png); min-height: 967px; padding-top: 100px; } .linli1-2{ overflow: hidden; } .linli1-2 .more1{ margin-top: 35px; } .linli1-2 h1{ margin:0; font-size: 18px; color: #999999; font-family:'Georgia'; text-transform: uppercase; line-height: 1.5; } .linli1-2 h2{ margin:0; font-size: 30px; color: #333; margin:15px 0; } .linli1-2 .line{ width: 76px; height: 3px; background-color: #d98018; } .linli1-2-p{ font-size: 14px; color: #666; line-height: 2.4; height: 7.2em; overflow: hidden; margin:33px 0; } .linli1-2-p p{margin:0;} .linli1-2-dl dl{ margin:0; } .linli1-2-dl dd{ float: left; width: 250px; padding: 10px; } .linli1-2-dl dd+dd{ margin-left: 70px; } .linli1-2-dd{ box-shadow: 0 0 10px 1px rgba(0,0,0,0.15); padding: 6px; background-color: #fff; } .touzi1-2{ width: 400px; position: absolute; right: 0; top: 0; } .touzi1-2-div{ position: relative; top: 0; width: 400px; } .touzi1-2-div.cur{ position: fixed; } .touzi1-2 .imgbox_a{ padding-bottom: 121.75%; } .touzi1-div{ position: relative; padding-right: 453px; min-height: 500px; } .touzi1-1-dl dl{ margin:0; } .touzi1-1-dl dd{ background-color: #fff; box-shadow: 0 0 15px 1px rgba(0,0,0,0.07); padding: 55px 80px 55px 30px; position: relative; } .touzi1-1-dl dd+dd{ margin-top: 35px; } .touzi1-1-dl dd::after{ position: absolute; width: 26px; height: 26px; right:43px; top: 50%; margin-top: -13px; content:""; background-image: url(../images/pdf.png); background-repeat: no-repeat; background-position: center; } .touzi1-1-date{ width: 117px; height: 37px; line-height: 37px; color: #fff; font-size: 14px; text-align: center; border-radius: 999em; background-color: #d98018; margin-right: 30px; } .touzi1-1-con{ overflow: hidden; height: 37px; line-height: 37px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; font-size: 18px; color: #666; } .touzi1-1-con a:hover{ color: #d98018; } .touzi1-0{ position: absolute; left: 0; bottom: 0; height: 110px; line-height: 110px; width: 410px; } .touzi1-0 .fl{ font-size: 18px; font-weight: bold; color: #fff; position: relative; z-index: 15; } .touzi1-0 .fr{ font-size: 14px; color: #fff; position: relative; z-index: 15; } .touzi1-0 .fr span{ font-family: "Arial"; font-size: 30px; font-weight: bold; padding: 0 3px 0 10px; } .touzi1-0-bg{ position: absolute; right: -65px; top: 0; bottom: 0; z-index: 10; left: -150px; background-image: url(../images/heidi1.png); } .touzi3-div{ background-color: #fff; } .touzi3-pic{ width: 62.5%; } .touzi3-pic .imgbox_a{ padding-bottom: 50%; } .touzi3-con{ padding: 50px 50px 0; overflow: hidden; } .touzi3-con-p{ font-size: 16px; color: #333; line-height: 2.2; } .rencai-list .row{ margin-top: -80px; margin-left: -47px; margin-right: -47px; } .rencai-list .col-lg-4{ padding-left: 47px; padding-right: 47px; margin-top: 80px; } .rencai-item{ background-color: #fff; box-shadow: 0 0 15px 1px rgba(0,0,0,0.15); padding: 40px 24px 50px; } .rencai-ico1{ width: 93px; height: 93px; margin:0 auto; background-repeat: no-repeat; background-position: center; -webkit-background-size: 100%; background-size: 100%; background-image: url(../images/rencai-ico1.png); transition: background-image .3s; } .rencai-item:hover .rencai-ico1{ background-image: url(../images/rencai-ico1h.png); } .rencai-item h1{ margin:0; font-size: 18px; color: #666; text-align: center; margin:15px 0 12px; } .rencai-item h2{ margin:0; font-size: 14px; color: #999; text-align: center; } .rencai-item-con{ background-color: #eaedf2; padding: 20px 30px; margin:20px 0 25px; } .rencai-item-con-p{ font-size: 14px; color: #666; line-height: 2.2; height: 13.2em; overflow: hidden; } .rencai-item-con-p p{ margin:0; } .rencai-item .more1 a{ margin-left: auto; margin-right: auto; } .tan_aaa-wp{ position: fixed; left: 0; right: 0; top: 0; bottom: 0; z-index: 1998; display: none; } .tan_aaa-box{ position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: 500; } .tan_aaa-hei{ position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: 100; background-color: rgba(0,0,0,0.5); } .tan_aaa-div{ position: absolute; width: 900px; /*height: 600px;*/ background-color: #fff; z-index: 200; margin-left: -450px; left: 50%; margin-top: -300px; top: 50%; padding: 60px 30px 30px; } .close_btn{position:absolute;width:50px;height:50px;right:0px;top:0px;text-align:center;line-height:50px;display:block;margin-bottom:1px;cursor:pointer;overflow:hidden;background-color: #d98018;} .close_btn:hover{background:#d98018;} .close_btn:after, .close_btn:before{content:''; position:absolute; width:60%; height:1px;background:#fff; display:block; left:50%; margin-left:-30%;-webkit-transition: all 0.3s ease; transition: all 0.3s ease;} .close_btn:before{bottom:50%; transform:rotate(-45deg);-moz-transform: rotate(-45deg);-ms-transform: rotate(-45deg);-o-transform: rotate(-45deg);-webkit-transform: rotate(-45deg);} .close_btn:after{top: 50%; -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg);} .close_btn:hover:after{top:24%;-moz-transform:rotate(0deg); -ms-transform:rotate(0deg); -o-transform:rotate(0deg); -webkit-transform:rotate(0deg); transform:rotate(0deg)} .close_btn:hover:before{bottom:24%;-moz-transform:rotate(0deg); -ms-transform:rotate(0deg); -o-transform:rotate(0deg); -webkit-transform:rotate(0deg); transform:rotate(0deg)} .close_btn:hover i{opacity:1;visibility:visible;} .close_btn i{font-style:normal; opacity:0;-webkit-transition: all 0.3s ease;transition: all 0.3s ease;visibility:hidden;color:#fff;font-size: 12px;} .tan_aaa-div-h1{ font-size: 26px; color: #333; font-weight: bold; line-height: 1.5; padding: 0 40px; } .tan_aaa-dl{ background-color:#efefef; margin-top: 30px; padding: 30px 40px; } .tan_aaa-dl dl{ margin:0; margin-left: -3%; } .tan_aaa-dl dd{ float: left; width: 30.33333%; margin-left: 3%; } .tan_aaa-dl dd h1{ margin:0; font-size: 14px; color: #666; } .tan_aaa-dl dd h2{ margin:0; font-size: 25px; color: #333; margin-top: 10px; } .tan_aaa-wen-wp{ padding: 40px; padding-right: 20px; } .tan_aaa-wen{ font-size: 16px; color: #666; line-height: 2.4; height:14.4em ; overflow-y: auto; padding-right: 20px; } .banner-3{ height: 600px; background-repeat: no-repeat; background-position: center; -webkit-background-size: cover; background-size: cover; } .banner-3 img{ display: none; width: 100%; } .buju2-1{ padding: 75px 0 60px; } .buju2-1-div{ background-color: #fff; } .buju2-1-pic{ width: 640px; } .buju2-1-pic .imgbox_a{ padding-bottom: 68.75%; } .buju2-1-con{ overflow: hidden; padding: 40px 45px 0 } .buju2-1-h1{ font-size: 14px; color: #999; line-height: 1.5; } .buju2-1-h1 span{ font-size: 2em; color: #d98018; padding-right: 12px; } .buju2-1-p p{ margin:0; } .buju2-1-p{ font-size: 16px; color: #666; line-height: 2.2; height: 11em; overflow: auto; margin-top: 25px; padding-right: 15px; } .buju2-1-p .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {margin-right: 0;} .buju2-1-p .mCSB_scrollTools{ opacity: 1!important; } .buju2-1-zy{ padding-top: 40px; } .buju2-1-zy-item{ width: 50%; background-repeat: no-repeat; background-position: left top; min-height: 56px; padding-left: 73px; padding-top: 5px; } .buju2-1-zy-item.fl{ padding-right: 15px; } .buju2-1-zy-item h1{ margin:0; font-size: 14px; color: #666; } .buju2-1-zy-item h2{ margin:0; font-size: 16px; color: #d98018; line-height: 1.5; margin-top: 10px; } .title-22{ padding-bottom: 30px; position: relative; } .title-22 h1{ margin:0; font-size: 24px; color: #333; text-align: center; position: relative; } .title-22 h1::after{ position: absolute; width: 66px; height: 60px; -webkit-background-size: 100%; background-size: 100%; left: 50%; margin-left: -33px; bottom: -6px; content:""; z-index: 8; } .buju2-2 .title-22 h1::after{background-image: url(../images/lm1.png);} .buju2-3 .title-22 h1::after{background-image: url(../images/lm2.png);} .buju2-4 .title-22 h1::after{background-image: url(../images/lm3.png);} .title-22 h1 span{ position: relative; z-index: 10; } .title-22::before{ position: absolute; width: 170px; bottom: 2px; left: 50%; margin-left: -85px; content:""; background-color:#caccd1; height: 1px; z-index: 10; } .title-22::after{ position: absolute; width: 48px; bottom: 0px; left: 50%; margin-left: -25px; content:""; background-color:#d98018; height: 3px; z-index: 11; } .buju2-3{ padding: 80px 0; } .buju2-4-map{ height: 440px; margin-top: 50px; } .buju2-4-map iframe{ border:0; } .map{ height: 100%; background-repeat: no-repeat; background-position: center; -webkit-background-size: cover; background-size: cover; } .buju2-5{ background-repeat: no-repeat; background-position: center; -webkit-background-size: cover; background-size: cover; padding: 85px 0 100px; text-align: center; } .buju2-5-h1{ font-size: 24px; color: #fff; } .buju2-5-er-wp{ margin: 70px auto 0; max-width: 600px; font-size: 0; line-height: normal; } .buju2-5-er{ width: 50%; text-align: center; font-size: 14px; color: #fff; line-height: 1.5; float: none; display: inline-block; } .buju2-5-er img{ width: 96px; display: block; margin:0 auto 20px; } .buju2-6{ padding: 60px 0; } .buju2-6-list-wp{ margin-top: 45px; } .buju2-6-pic .imgbox_a{ padding-bottom: 68.75%; } .buju2-6-item h1{ margin:0; font-size: 16px; color: #666; padding: 0 15px; margin-top: 35px; text-align: center; } .buju2-6-item:hover h1{ color: #d98018; } .buju2-2-pic .imgbox_a{ padding-bottom: 68.75%; } .buju2-2-list{ padding: 40px 70px 0; padding-top: 0!important; position: relative; margin-top: 40px; } .buju2-2-list .swiper-button-prev{ left: 90px; right: auto; } .buju2-2-list .swiper-button-next{ right: 90px; left: auto; } .buju2-2-list .swiper-slide { width:800px; background-color: #000; } .buju2-2-list .swiper-slide .buju2-2-pic{ opacity: 0.7; } .buju2-2-list .swiper-slide.swiper-slide-active .buju2-2-pic{ opacity: 1; } .buju2-3-list-wp{ margin-top: 45px; } .buju2-3-list{ padding: 0 100px; position: relative; } .buju2-3-list .item{ padding: 15px; } .buju2-3-item{ box-shadow: 0 0 10px 1px rgba(0,0,0,0.1); transition: box-shadow .3s; } .buju2-3-item h1{ margin:0; position: absolute; z-index: 15; left: 0; right: 0; bottom: 0; height: 40px; line-height: 40px; color: #fff; text-align: center; padding: 0 15px; font-size: 14px; background-color: rgba(0,0,0,0.4); transition: background-color .3s; } .buju2-3-item .imgbox_a{ padding-bottom: 177.67%; background-color: #fff; } .buju2-3-item .imgbox_a>img{ width: 100%!important; height: auto!important; max-height: 100%!important; top: 50%; -ms-transform: translateY(-50%); transform: translateY(-50%); } .buju2-3-item:hover{ box-shadow: 0 0 15px 1px rgba(0,0,0,0.2); } .buju2-3-item:hover h1{ background-color: rgba(0,0,0,0.5); } .buju2-3-list .owl-nav button.owl-prev{ position: absolute; left:0px; top: 50%; margin-top: -28px; width: 56px; height: 56px; 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%; } .buju2-3-list .owl-nav button.owl-next{ position: absolute; right:0px; top: 50%; margin-top: -28px; width: 56px; height: 56px; 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%; } .about1-1{ background-repeat: no-repeat; background-position: center; background-image: url(../images/about1-1-bg.jpg); min-height: 902px; -webkit-background-size: cover; background-size: cover; padding-top: 85px; } .about1-1-div{ max-width: 1200px; margin:0 auto; text-align: center; } .about1-1-con{ padding: 0 115px 60px; } .about1-1-con h1{ margin:0; font-size: 30px; color: #d98018; } .about1-1-con p{ margin:0; font-size: 16px; color: #333; line-height: 2.3; margin-top: 30px; text-indent: 2em; } .about1-1-dl dl{ margin:0; } .about1-1-dl dd{ float: left; width: 25%; } .about1-1-dl dd img{ display: block; margin:0 auto; width: 80px; } .about1-1-dl dd+dd{ border-left: 2px solid rgba(255,255,255,0.5); } .about1-1-dl dd h2{ margin:0; font-size: 14px; color: #666; margin:25px 0 10px; } .about1-1-dl dd h2 span{ font-size: 40px; font-family:'Impact'; padding-right: 5px; color: #d98018; } .about1-1-dl dd h3{ margin:0; font-size: 14px; color: #666; } .about1-2{ background-repeat: no-repeat; background-position: center; background-image: url(../images/about1-2-bg.jpg); min-height: 916px; -webkit-background-size: cover; background-size: cover; padding-top: 155px; padding-bottom: 70px; position: relative; } .about1-2::before{ position: absolute; left: 0; top: -106px; width: 231px; height: 296px; content:""; background-image: url(../images/about1-2-before.png); -webkit-background-size: 100%; background-size: 100%; } .about1-2-map{ width: 807px; margin-right: 75px; } .about1-2-map img{ display: block; width: 100%; } .about1-2-con{ overflow: hidden; text-align: left; padding-top: 80px; } .about1-2-con .about1-1-con{ padding: 0; } .about1-3{ background-repeat: no-repeat; background-position: center; background-image: url(../images/about1-3-bg.jpg); min-height: 820px; -webkit-background-size: cover; background-size: cover; padding-top: 175px; padding-bottom: 70px; position: relative; } .about1-3::before{ position: absolute; right: 0; top: -121px; width: 231px; height: 243px; content:""; background-image: url(../images/about1-3-before.png); -webkit-background-size: 100%; background-size: 100%; } .about1-3-dl dl{ margin:0; } .about1-3-dl dd{ float: left; width: 25%; padding: 0 15px; } .about1-3-dl dd img{ display: block; margin:0 auto 22px; width: 66px; } .about1-3-dl dd h2{ margin:0; font-size: 16px; color: #666; } .about1-3-dl dd .line{ width: 46px; height: 3px; background-color: #d98018; margin:14px auto; } .about1-3-dl dd h3{ margin:0; font-size: 16px; color: #999; text-transform: uppercase; line-height: 1.5; } .lingdao-li{ background-color: #fff; position: relative; padding: 30px 180px 30px 40px; } .lingdao-py-div{ right: 0; top: 0; } .lingdao-li+.lingdao-li{ margin-top: 25px; } .lingdao-li1{ min-height: 368px; padding-right: 320px; } .lingdao-li.lingdao-li1{ padding-top:90px; } .lingdao-py{ position: absolute; right: 0; top: 0; width: 319px; } .lingdao-py img{ display: block;width: 100%; } .lingdao-py-div{ position: absolute; width: 180px; height: 234px; text-align: right; font-size: 50px; font-family: "Impact"; text-transform: uppercase; color: rgba(217,128,24,0.05); background-color: #fff; line-height: 1.1; padding: 22px 25px 0 0; } .lingdao-li1 .lingdao-py-div{ left: 0; bottom: 0; top: auto; right: auto; } .lingdao-li-pic{ width: 135px; margin-right: 40px; } .lingdao-li-pic .imgbox_a{ padding-bottom: 135.3%; } .lingdao-li-con{ overflow: hidden; padding-top: 5px; } .lingdao-li-con h1{ margin:0; font-size: 26px; color: #333; } .lingdao-li-con h2{ margin:0; font-size: 16px; color: #666; margin:15px 0 22px; } .lingdao-li-con .line{ width: 47px; height: 3px; background-color:#d98018; } .lingdao-li-con p{ margin:0; font-size: 14px; color: #999; line-height: 2.4em; height: 4.8em; overflow: hidden; margin-top: 22px; } .lingdao-li-con-p2{ padding: 10px 0; font-size: 14px; color: #999; line-height: 1.8; } .fazhan1-1{ width: 570px; opacity: 0; position: relative; left: -70px; transition:opacity .5s, left .5s; } .fazhan1-1 h1{ margin:0; font-size: 0; line-height: normal; } .fazhan1-1 h1 span{ font-size: 70px; font-weight: bold; color: #d98018; display: inline-block; padding-bottom:10px; line-height: 1; border-bottom: 3px solid #d98018; } .fazhan1-1-gun{ margin-top: 32px; height: 198px; overflow: auto; padding-right: 20px; } .fazhan1-1-gun dl{ margin:0; } .fazhan1-1-gun dd{ font-size: 14px; color: #666; line-height: 1.6; padding-left:17px; background-repeat: no-repeat; background-position: left 7px; background-image: url(../images/dian1.png); } .fazhan1-1-gun dd+dd{ margin-top: 22px; } .fazhan1-1-gun .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ border-radius: 0; } .fazhan1-1-gun.mCS-autoHide > .mCustomScrollBox > .mCSB_scrollTools, .fazhan1-1-gun.mCS-autoHide > .mCustomScrollBox ~ .mCSB_scrollTools{ border-radius: 0; opacity: 1!important; } .fazhan1-1-gun .mCS-minimal.mCSB_scrollTools .mCSB_draggerRail, .fazhan1-1-gun .mCS-minimal-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: #d2d5d9; border-radius: 0; } .fazhan1-1-gun .mCSB_outside + .mCS-minimal.mCSB_scrollTools_vertical, .fazhan1-1-gun .mCSB_outside + .mCS-minimal-dark.mCSB_scrollTools_vertical{ margin:0; } .fazhan1-1-gun .mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color:#d98018!important; } .fazhan1-2{ width: 874px; opacity: 0; position: relative; right: -70px; transition:opacity .5s, right .5s; } .fazhan1-div.cur .fazhan1-1{ opacity: 1; left: 0; } .fazhan1-div.cur .fazhan1-2{ opacity: 1; right: 0; } .fazhan1-2-list{ padding: 0!important; } .fazhan1-2-list .item .imgbox_a{ padding-bottom: 145.86%; background-color: #fff; } .fazhan1-2-list{ font-size: 0; line-height: normal; } .fazhan1-2-list .item{ display: inline-block; } .fazhan1-2-list .item+.item{ margin-left: 30px; } .fazhan1-2-list .mCSB_scrollTools{ opacity: 1; } .fazhan1-2-list .mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .fazhan1-2-list .mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ height: 3px; background-color: #d98018; margin:0; } .fazhan1-2-list .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_draggerRail{ height: 3px; margin:0; background-color: #e5eff4; } .fazhan1-2-list .mCSB_scrollTools.mCSB_scrollTools_horizontal{ height: 3px; } .fazhan1-2-list .mCSB_horizontal.mCSB_inside > .mCSB_container{ margin-bottom: 50px; } .mCS_no_scrollbar .fazhan1-2-list .mCS_no_scrollbar .mCSB_horizontal.mCSB_inside > .mCSB_container{ margin-bottom: 0px; } .fazhan1-2-list .item>a{ display: block; } .fazhan1-2-list .item>a>img{ display: block; height: 240px; width: auto; } .fazhan1-2-list .item .imgbox_a>img{ width: 100%!important; height: auto!important; max-height: 100%!important; top: 50%; -ms-transform: translateY(-50%); transform: translateY(-50%); } .fazhan1-2-list .owl-nav button.owl-prev{ position: absolute; left:0px; top: 50%; margin-top: -36px; width: 44px; height: 72px; background-image: url(../images/left2.png); cursor: pointer; background-repeat: no-repeat; background-position: center ; font-size: 0; z-index: 50; } .fazhan1-2-list .owl-nav button.owl-next{ position: absolute; right:0px; top: 50%; margin-top: -36px; width: 44px; height: 72px; background-image: url(../images/right2.png); cursor: pointer; background-repeat: no-repeat; background-position: center ;font-size: 0; z-index: 50; } .fazhan1-div-wp{ position: relative; /*overflow: hidden;*/ } .fazhan1-div{ position: absolute; width: 100%; left: -1500%; top: 0; } .fazhan1-div.cur{ position: relative; left: 0; } .fazhan2{ margin-top: 50px; text-align: center; } .erji-bottom.buju1{ padding-top: 0; } .buju1-1{ padding-top: 80px; background-repeat: no-repeat; background-position: center top; background-image: url(../images/buju1-1-bg.jpg); min-height: 694px; position: relative; z-index: 70; } .ditu{ width: 836px; position: relative; /*background-color: #fafafa;*/ } .ditu .dituImg{ display: block; width: 100%; height: 575px; position: absolute; left: 0; top: 0; z-index: 20; opacity: 0; visibility: hidden; background-repeat: no-repeat; background-position: center; } .dituImg-0{background-image: url(../images/ditu.png);} .dituImg-chongqing{background-image: url(../images/map-chongqing.png);} .dituImg-guangdong{background-image: url(../images/map-guangdong.png);} .dituImg-henan{background-image: url(../images/map-henan.png);} .dituImg-jiangsu{background-image: url(../images/map-jiangsu.png);} .dituImg-shaanxi{background-image: url(../images/map-shaanxi.png);} .dituImg-sichuan{background-image: url(../images/map-sichuan.png);} .dituImg-tianjin{background-image: url(../images/map-tianjin.png);} .ditu .dituImg.cur{ opacity: 1; visibility: visible; position: relative; } .ditu-dian-wp{ position: absolute; left: 0; right: 0; width: 100%; top: 0; z-index: 50; height: 100%; } .buju1-1-con{ overflow: hidden; padding-right: 100px; padding-top: 45px; } .buju1-1-title h1{ margin:0; font-size: 18px; color: #999; text-transform: uppercase; font-family: 'Georgia'; } .buju1-1-title h2{ margin:0; font-size: 30px; color: #333; margin:15px 0; } .buju1-1-title .line{ width: 90px; height: 4px; background-color:#d98018; } .buju1-1-p{ font-size: 16px; color: #666; line-height: 2; margin-top: 30px; height: 6em; overflow: hidden; } .er3{ width: 165px; margin-right: 40px; } .er3 img{ display: block; width: 100%; } .er3-wp{ margin-top: 130px; } .er3-con{ padding-top: 35px; overflow: hidden; } .er3-con h1{ margin:0; font-size: 20px; color: #ff9c23; } .er3-con p{ margin:0; font-size: 12px; color: #666; line-height:2.4; margin-top: 10px; } .buju1-2{ margin-top: 38px; position: relative; z-index: 50; } .buju1-2-dl dl{ margin:0; } .buju1-2-dl dd{ float: left; width: 173px; height: 45px; line-height: 45px; background-color: #7694b2; cursor: pointer; position: relative; text-align: center; color: #fff; transition: background-color .3s; font-size: 14px; } .buju1-2-dl dd+dd{ margin-left: 8px; } .buju1-2-dl dd span{ position: relative; z-index: 25; } .buju1-2-dl dd::after{ position: absolute; width: 148px; height: 45px; background-repeat: no-repeat; background-position: center; right: 0; top: 0; content:""; z-index:15; background-image: url(../images/byy.png); } .buju1-2-dl dd::before{ position: absolute; width: 9px; height: 9px; background-repeat: no-repeat; background-position: center; left: 0; top: 0; content:""; z-index:15; background-image: url(../images/zhezhao01.png); } .buju1-2-dl dd.cur{ background-color: #d98018; } .buju1-2-2-list dl{ margin:0; margin-left: -3%; } .buju1-2-2-list dd{ float: left; width: 47%; margin-left: 3%; margin-top: 60px; background-color: #fff; padding: 25px; border-bottom: 3px solid #d98018; } .buju1-2-2-pic{ width: 345px; margin-right: 40px; } .buju1-2-2-pic .imgbox_a{ padding-bottom: 68.75%; } .buju1-2-2-con{ overflow: hidden; padding-top: 8px; } .buju1-2-2-con h1{ margin:0; color: #d98018; font-size: 18px; } .buju1-2-2-con p{ margin:0; color: #666; font-size: 14px; line-height: 2; height: 4em; overflow: hidden; margin-top: 13px; } .buju1-2-2-ul ul{ margin:0; } .buju1-2-2-ul li{ min-height: 26px; padding-left: 45px; background-repeat: no-repeat; background-position: left top; margin-top: 20px; } .buju1-2-2-p{ color: #666; font-size: 14px; line-height: 1.8; max-height: 3.6em; overflow: hidden; } .buju1-2-2-div{ display: none; } .buju1-2-2-div.cur{ display: block; } .buju1-2-cha-sel{ position: relative; width: 245px; } .buju1-2-cha-sel#cha2{ margin-left: 15px; } .buju1-2-cha-dl-wp{ position: absolute; left: 0; right: 0; top: 100%; box-shadow: 0 8px 8px 1px rgba(0,0,0,0.15); border-top: 1px solid #eaedf2; max-height: 183px; display: none; } .buju1-2-cha-dl{ height: 100%; overflow: auto; background-color: #fff; padding: 15px; padding-left: 50px; } .buju1-2-cha-dd{ font-size: 12px; color: #999; } .buju1-2-cha-dd span{ font-size: 12px; color: #999; cursor: pointer; } .buju1-2-cha-dd span:hover{ color: #d98018; } .buju1-2-cha-dd+.buju1-2-cha-dd{ margin-top: 10px; } .buju1-2-cha-sel-span{ height: 45px; line-height: 45px; background-color: #fff; padding-left: 50px; font-size: 12px;color: #999; background-repeat: no-repeat; background-position: 13px center; position: relative; cursor: pointer; transition: color .3s; } .buju1-2-cha-sel-span:hover{ color: #d98018; } .buju1-2-cha-sel-span::after{ position: absolute;right: 12px; top: 50%; margin-top: -4px; width: 18px; height: 9px; -webkit-background-size: 100%; background-size: 100%; content:""; background-repeat: no-repeat; background-position: center; background-image: url(../images/jiao1.png); } .buju1-2-1,.buju1-2-cha{ position: relative; z-index: 70; } .buju1-2-2,.buju1-2-dl{ position: relative; z-index: 50; } #cha1{z-index: 100;} #cha2{z-index: 90;} .fazhan2{ margin-top: 63px; height: 154px; background-position: center; background-image: url(../images/lang1.png); } /*.fazhan2.cur{ animation: bgzou 1s linear 1; } .fazhan2.cur2{ animation: bgzouu 1s linear 1; }*/ /*@keyframes bgzou { to{ background-position: -1920px 0; } } @keyframes bgzouu { to{ background-position: 1920px 0; } }*/ .fazhan2-list .owl-item{ opacity: 0; } .fazhan2-list .owl-item.active{ opacity: 1; transition: opacity .3s; } .fazhan2-list .item{ font-size: 0; line-height: normal; } .fazhan2-list .item span{ display: inline-block; font-size: 35px; font-weight: bold; color: #999; cursor: pointer; line-height: 1; } .fazhan2-list .item.cur span{ color: #d98018; } .fazhan2-list .item1{ padding-top: 77px; } .fazhan2-list .item2{ padding-top: 32px; } .fazhan2-list .owl-nav button.owl-prev{ position: absolute; left:-50px; top: 60px; /*margin-top: -18px;*/ width: 36px; height: 36px; background-image: url(../images/left3.png); cursor: pointer; background-repeat: no-repeat; background-position: center ; font-size: 0; z-index: 50; -webkit-background-size: 100%; background-size: 100%; transition: background-image .3s; } .fazhan2-list .owl-nav button.owl-prev:hover{background-image: url(../images/left3h.png);} .fazhan2-list .owl-nav button.owl-next{ position: absolute; right:-50px; top: 60px; /*margin-top: -18px;*/ width: 36px; height: 36px; background-image: url(../images/right3.png); cursor: pointer; background-repeat: no-repeat; background-position: center ;font-size: 0; z-index: 50; -webkit-background-size: 100%; background-size: 100%; transition: background-image .3s; } .fazhan2-list .owl-nav button.owl-next:hover{background-image: url(../images/right3h.png);} .contact-map-wp{ position: relative; } .contact-map-height{ height: 690px; border: 1px solid #ddd; } .contact-map { height: 100%; background-repeat: no-repeat; background-position: center; -webkit-background-size: cover; background-size: cover; position: relative; z-index: 50; } .ditu-dl{ position: absolute; left: 0; right: 0; bottom: 0; padding: 35px 30px; background-color: rgba(0,0,0,0.7); z-index: 70; } .ditu-dl dl{ margin:0; } .ditu-dl dd{ float: left; padding-left: 65px; background-repeat: no-repeat; background-position: left top; min-height: 53px; padding-top: 5px; margin-left: 90px; } .ditu-dl dd:first-child{ margin-left: 0; } .ditu-dl dd h1{ margin:0; font-size: 14px; color: #fff; opacity: 0.7; } .ditu-dl dd h2{ margin:0; font-size: 18px; color: #fff; margin-top: 6px; } .ditu-dl dd h2 span{ font-size: 25px; font-family: "Impact"; } .ditu-dian{ position: absolute; } .ditu-dian.cur span{ background-color:#5D7CAF; } .ditu-dian1{ width: 35px; height: 35px; background-repeat: no-repeat; background-position: center top; background-image: url(../images/ditu-dian.png); padding-top: 17px; } .ditu-dian2{ width: 35px; height: 35px; background-repeat: no-repeat; background-position: center bottom; background-image: url(../images/ditu-dian.png); } .ditu-dian3{ width: 48px; height: 18px; background-repeat: no-repeat; background-position: right center; background-image: url(../images/ditu-dian.png); padding-right: 16px; } .ditu-dian4{ width: 32px; height: 34px; background-repeat: no-repeat; background-position: right center; background-image: url(../images/ditu-dian.png); background-position: left bottom; } .ditu-dian5{ width: 43px; height: 26px; background-repeat: no-repeat; background-position: right center; background-image: url(../images/ditu-dian.png); background-position: right top; padding-top: 7px; padding-right: 12px; } .ditu-dian6{ width: 48px; height: 18px; background-repeat: no-repeat; background-position: left center; background-image: url(../images/ditu-dian.png); padding-left: 16px; } .ditu-dian7{ width: 43px; height: 26px; background-repeat: no-repeat; background-position: right center; background-image: url(../images/ditu-dian.png); background-position: left top; padding-top: 7px; padding-left: 12px; } .ditu-dian1.ditu-xian{ background-image: url(../images/ditu-dian0.png); padding-top: 22px; height: 40px; } .ditu-dian span{ display: block; height: 18px; line-height: 18px; font-size: 12px; color: #fff; text-align: center; background-color: #666666; border-radius: 4px; cursor: pointer; } .ditu-xian{ left: 426px; top: 331px; } .ditu-chongqing { left: 394px; top: 404px; } .ditu-zhengzhou{ left: 486px; top: 305px; } .ditu-tianjin{ left: 530px; top: 258px; } .ditu-suzhou{ left: 555px; top: 375px; } .ditu-guangzhou{ left: 486px; top: 469px; } .ditu-chengdu{ left: 360px; top: 387px; } .ditu-yulin{ left: 407px; top: 282px; } .ditu-baoji{ left: 381px; top: 331px; } .ditu-xianyang{ left: 417px; top: 302px; } .ditu-taizhou{ left: 575px; top: 333px; } .ditu-zhenjiang{ left: 536px; top: 365px; } .ditu-changshu{ left: 585px; top: 352px; } .ditu-foshan{ left: 452px; top: 493px; } .ditu-huizhou{ left: 514px; top: 491px; } .ditu-zhuhai{ left: 470px; top: 505px; } .ditu-shenzhen{ left: 509px; top: 503px; } .ditu-taicang{ left: 578px; top: 371px; } .wenhua2-img{ height: 446px; background-repeat: no-repeat; background-position: center top; position: relative; z-index: 15; } .wenhua2-img img{ display: none; width: 100%; } .wenhua2-dl{ position: relative; z-index: 25; top: -60px; padding: 0 25px; } .wenhua2-dl dl{ margin:0; margin-left: -3%; } .wenhua2-dl dd{ float: left; width: 22%; margin-left: 3%; background-color: #fff; border-radius: 5px; box-shadow: 0 0 15px 1px rgba(0,0,0,0.15); padding: 78px 25px 25px; position: relative; } .wenhua2-ddp-wp{ position: relative; padding: 48px 0; } .wenhua2-ddp-wp::before{ position: absolute; content:""; width: 24px;height: 19px; background-repeat: no-repeat; background-position: center; background-image: url(../images/wenhua2-ico5.png); top: 0; left: 0; } .wenhua2-ddp-wp::after{ position: absolute; content:""; width: 24px;height: 19px; background-repeat: no-repeat; background-position: center; background-image: url(../images/wenhua2-ico6.png); bottom: 0; right: 0; } .wenhua2-ddp{ font-size: 16px; color: #666; text-align: center; line-height: 2; height: 4em; overflow: hidden; } .wenhua2-ico-wp{ position: absolute; width: 134px; height: 152px; left: 50%; margin-left: -67px; top: -86px; background-image: url(../images/wenhua2-ico0.png); -webkit-background-size: 100%; background-size: 100%; background-repeat: no-repeat; background-position: center; text-align: center; font-size: 16px; color: #fff; padding-top: 40px; } .wenhua2-ico{ width: 50px; margin:0 auto 18px; } .sousuo-dl.touzi1-1-dl dd::after{display:none;} .xinwen-xx-right{ width: 401px; margin-left: 104px; } .xinwen-xx-dl dl{ margin:0; } .xinwen-xx-dl dd+dd{ margin-top: 20px; } .xinwen-xx-dl dd>a{ display: block; font-size: 20px; font-weight: bold; color: #d98018; padding-left: 48px; background-repeat: no-repeat; background-position: left center; height: 108px; line-height: 108px; position: relative; transition: padding-left .3s; } .xinwen-xx-dl dd>a::before{ position: absolute; content:""; left: 30px; width: 3px; height: 18px; top: 50%; margin-top: -9px; background-color: #d98018; } .xinwen-xx-dl dd>a:hover{ padding-left: 52px; } .xinwen-xx-right2{ background-color: #fff; padding: 30px ; margin-bottom: 30px; } .xinwen-xx-right2-h1{ font-size: 20px; color: #666; padding-bottom: 13px; border-bottom: 2px solid #e7e7e7; font-weight: bold; } .xinwen-xx-tui{ padding: 18px 0; } .xinwen-xx-tui h1{ margin:0; font-size: 18px; font-weight: bold; color: #d98018; } .xinwen-xx-tui p{ margin:0; font-size: 14px; line-height: 2; height: 4em; color: #999; margin-top: 12px; height:auto; } .xinwen-xx-dl2 dl{ margin:0; } .xinwen-xx-dl2 dd{ height: 20px; line-height: 20px; padding-left:18px; background-repeat: no-repeat; background-position: left center; background-image: url(../images/dian2.png); text-overflow: ellipsis; white-space: nowrap; overflow: hidden; font-size: 14px; color: #666; } .xinwen-xx-dl2 dd+dd{ margin-top: 10px; } .xinwen-xx-dl2 dd>a{ font-size: 14px; color: #666; } .xinwen-xx-dl2 dd>a:hover{ color: #d98018; } .xinwen-xx-left{ overflow: hidden; background-color: #fff; padding: 55px 60px; min-height: 870px; } .xinwen-xx-left-top{ border-bottom: 1px dashed #999999; padding-bottom: 15px; position: relative; padding-right: 210px; } .ffxx{ position: absolute; right: 0; bottom:18px; } .ffxx-con{ display: inline-block; vertical-align: middle; } .xinwen-xx-h1{ font-size: 20px; font-family:'Impact'; color: #d98018; } .xinwen-xx-h2{ font-size: 25px; color: #666; line-height: 1.5; margin-top: 6px; } .touzi5-div{ background-color: #fff; } .touzi5-con{ width: 566px; background-color: #d98018; padding: 85px 55px 60px; } .touzi5-con h1{ margin:0; font-size: 14px; color: #fff; text-align: center; } .touzi5-con h2{ margin:0; font-size: 26px; color: #fff; text-align: center; margin:30px 0 60px; } .touzi5-con h2 span{ padding-left: 28px; font-size: 70px; vertical-align: top; } .touzi5-dl dl{ margin:0; } .touzi5-dl{ border-top: 1px solid #fff; } .touzi5-dl dd+dd{ border-top: 1px dotted #fff; } .touzi5-dd{ height: 71px; line-height: 70px; font-size: 14px; color: #fff; width: 50%; } .touzi5-dd{ padding-left: 30px; } .touzi5-bai{ padding:40px 150px 0; overflow: hidden; } .touzi5-dl2 dl{ margin:0; } .touzi5-dl2 dd{ float: left; width: 25%; border:1px solid #e5e4e9; border-left: 0; height: 50px; line-height: 48px; text-align: center; font-size: 14px; color: #666; cursor: pointer; position: relative; } .touzi5-dl2 dd.cur{ color: #d98018; } .touzi5-dl2 dd.cur::after{ position: absolute; left: 0; right: 0; bottom: -1px; height: 3px; content:""; background-color: #d98018; } .touzi5-dl2{ border-left:1px solid #e5e4e9; } .touzi5-bai-img-wp{ margin-top: 25px; } .touzi5-bai-img-wp .touzi5-bai-img{ display: none; } .touzi5-bai-img-wp .touzi5-bai-img:first-child{ display: block; } .touzi5-bai-img img{ display: block; width: 100%; } .fmain22 .flex-direction-nav a{ width: 28px; height: 56px; margin-top: -28px; background-size: 100%; } .rencai1{ background-color: #fff; padding: 50px; } .rencai1-list1{ padding-bottom: 25px; border-bottom: 1px solid #d5d5d5; } .rencai1-list1 dl{ margin:0; } .rencai1-list1 dd{ float: left; width: 33.33333%; } .rencai1-list1 dd h1{ margin:0; font-size: 14px; color: #999; } .rencai1-list1 dd h2 { margin:0; font-size: 28px; color: #333; margin-top: 10px; } .rencai1-p{ margin-top: 50px; } .rencai1-p p{ margin:0; line-height: 30px; } .job-con-span{ text-align: center; padding: 100px 0 150px; } .job-con-span span{ display: inline-block; padding: 12px 95px; border:1px solid #d5d5d5; border-radius: 3px; font-size:16px; color:#666; cursor: pointer; } /* Bounce To Right */ .hvr-bounce-to-right { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; -webkit-transition-property: color; transition-property: color; -webkit-transition-duration: 0.5s; transition-duration: 0.5s; } .hvr-bounce-to-right:before { content: ""; position: absolute; z-index: -1; top: 0; left: 0; right: 0; bottom: 0; background: #d98018; -webkit-transform: scaleX(0); transform: scaleX(0); -webkit-transform-origin: 0 50%; transform-origin: 0 50%; -webkit-transition-property: transform; transition-property: transform; -webkit-transition-duration: 0.5s; transition-duration: 0.5s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; } .hvr-bounce-to-right:hover, .hvr-bounce-to-right:focus, .hvr-bounce-to-right:active { color: #fff; } .hvr-bounce-to-right:hover:before, .hvr-bounce-to-right:focus:before, .hvr-bounce-to-right:active:before { -webkit-transform: scaleX(1); transform: scaleX(1); -webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66); transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66); } #form_1{ position: fixed; left: 0; right: 0; top: 0; bottom: 0; z-index: 92000; } #form_1-hei{ position: absolute; left: 0; right: 0; top: 0; bottom: 0; /*background-image: url(../images/heidi.png);*/ background-color: rgba(0,0,0,0.5); } #form_1-con{ position: absolute; width: 840px; top: 7%; bottom: 7%; background-color: #fff; margin-left: -420px; left: 50%; padding: 50px; padding-right: 35px; } .gun{ overflow-y: auto; height: 100%; padding-right: 15px; } .gun .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ margin-right: 0; } .job_top-pic img{ display: block; width: 100%; } .job_con-p{ padding: 35px 0; font-size: 15px; color:#666; line-height: 2; } .job-input { margin-top: 20px; } .job-input:first-child { margin-top: 0px; } .job-input span{ height: 49px; line-height: 49px; width: 86px; font-size: 14px; color:#666; margin-right: 30px; text-align: right; } .job-input-con{ overflow:hidden; } .job-input-con input[type="text"]{ width: 100%; height: 49px; line-height: 49px; padding: 0 10px; border:1px solid #f0f0f0; } .job-input-con select{ width: 210px; height: 49px; line-height: 49px; padding: 0 10px; border:1px solid #f0f0f0; } .job-input-con input[type="file"]{ width: 100%; height: 25px; vertical-align: bottom; } .job-input2 span{ height: 25px; line-height: 25px; } .job-input3{ text-align: center; margin-top: 30px; /*padding-bottom: 50px;*/ } .job-input input:focus,.job-input select:focus{ outline: none; } .job-input input[type="button"]{ width: 300px; height: 49px; line-height: 49px; border:0; color:#fff; font-size: 16px; background-color: #d98018; cursor: pointer; } .chenggong img{ display: block; margin:0 auto; } .chenggong{ text-align: center; line-height: 1.8; margin-top: 80px; } .form_1-con2{ display: none; } #form_1{ display: none; } .shehui-list dl{ margin:0; margin-left: -3%; margin-top: -3%; } .shehui-list dd{ float: left; width: 22%; margin-left: 3%; margin-top: 3%; } .shehui-pic-wp{ position: relative; } .shehui-pic{ position: relative; z-index: 15; } .shehui-pic .imgbox_a{ padding-bottom: 135.85%; } .shehui-h1{ font-size: 20px; color: #333; text-align: center; font-family: "pu55"; margin-top: 22px; } .shehui-list dd:hover .shehui-h1{ color: #d98018; } .shehui-list dd:hover .shehui-a-wp{ opacity: 1; visibility: visible; transition: .3s; } .shehui-a-wp{ position: absolute; width: 100%; left: 0; top: 0; bottom: 0; z-index: 25; background-image: url(../images/huangdi.png); opacity: 0; visibility: hidden; } .shehui-a{ width: 150px; position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%); transform: translate(-50%,-50%); } .shehui-a a{ display: block; height: 56px; line-height: 56px; font-size: 18px; color: #000; text-align: center; background-color: #fff; border-radius: 5px; } .shehui-a a+a{ margin-top: 25px; } .shehui-a a img{ margin-top: -3px; margin-left: 10px; display: inline-block; } .shehui-a a img.cur{ display: none; } .shehui-a a:hover{ background-color: #d98018; color: #fff; } .shehui-a a:hover img{display: none;} .shehui-a a:hover img.cur{display: inline-block;}