/**************************************/ /*************[鍏敤start]**************/ /**************************************/ #loading{ position: fixed; left: 0; right: 0; top: 0; bottom: 0; z-index: 1500; background-color: #fff; } #loading img{ position: absolute; left: 50%; margin-left: -200px; top: 50%; margin-top: -150px; } div.clear{ clear: both; height: 0; width: 0; } a{ text-decoration: none; color:inherit; cursor: pointer; } img{ border:0; max-width: 100%; } div.wp{ padding: 0 45px 0 75px; } div.wp .container-fluid{ padding-left: 0; padding-right: 0; } .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); } /**************************************/ /************[鍏敤over]****************/ /**************************************/ /*header-start*/ /**************************************************************/ #header{ background-color: #fff; padding: 12px 0 11px; } #header .logo{ margin-top: 18px; } .erji-menu-top.section-top{ top: 12px; } .logo{ width: 147px; margin-top: 26px; } .logo a{ display: block; width: 100%; } .logo img{display: block; width: 100%; } .logo img.logo_img{ display: none; } @-webkit-keyframes ani { from { -webkit-transform: scale(1.0); -ms-transform: scale(1.0); -o-transform: scale(1.0); transform: scale(1.0); } 50%{ -webkit-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); } to { -webkit-transform: scale(1.0); -ms-transform: scale(1.0); -o-transform: scale(1.0); transform: scale(1.0); } } @keyframes ani { from { -webkit-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } 50%{ -webkit-transform: scale(1.2); -ms-transform: scale(1.2); -o-transform: scale(1.2); transform: scale(1.2); } to { -webkit-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } } .menu-1{ width: 84px; cursor: pointer; } .menu-1#index-menu-1{ height: 85px; position: relative; } .menu-1#index-menu-1.cur::after{ -webkit-animation: ani 5s cubic-bezier(.17,.67,.25,.92) infinite both; -o-animation: ani 5s cubic-bezier(.17,.67,.25,.92) infinite both; animation: ani 5s cubic-bezier(.17,.67,.25,.92) infinite both; } .menu-1#index-menu-1::after{ content:""; position: absolute; left: 0; right: 0; top: 0; bottom: 0; content:""; z-index: 15; background-color: rgba(0,0,0,0.7); } .menu-1#index-menu-1>img{ position: absolute; left: 0; right: 0; top: 0; z-index: 25; } .menu-1 img{ display: block; width: 100%; } #menu{ position: fixed; left: 0; right: 0; top: 0; bottom:0; z-index: 180000; background-image: url(../images/menu-bg.jpg); background-repeat: no-repeat; background-position: center ; -webkit-background-size: cover; background-size: cover; opacity: 0; visibility: hidden; transition: .3s; } #menu.active{ opacity: 1; visibility: visible; } .menu-list{ height: 100%; } .menu-list-li{ float: left; width: 12.5%; height: 100%; border-left: 1px solid #ebebeb; background-color: #fff; /*transition: .3s;*/ position: relative; z-index: 500; } .menu-list-li:first-child{ border-left: 0; } .menu-list-li:hover{ background-color: transparent; /*background-image: url(../images/heidi2.png);*/ } .li1-img img{ display: block; margin:0 auto; } .li1{ transition: .3s; margin-top: 340px; position: relative; top: 0; } .li1-img { position: relative; } .li1-img:after{ content:""; position: absolute; width: 1px; height: 0px; background-color: #fff; left: 50%; top: -98px; transition: .3s; z-index: 8000; } .li2-wp{ margin-top: 70px; } .li2{ text-align: center; } .li2 h1{ font-size: 24px; color:#333; font-weight: bold; /*transition: .3s;*/ } .li2 dl{ margin:0; } .li2 dd{ font-size: 16px; color:#666; margin-top: 15px; /*transition: .3s;*/ } .li2 dd:first-child{ margin-top: 45px; } .li2 dd:hover { /*padding-left: 5px;*/ } .li2 dd:first-child{ /*margin-top: 60px;*/ } .menu-list-li:hover .li1-img:after{ height: 62px; } .menu-list-li:hover .li1{ /*margin-top: 310px;*/ top: -30px; } .menu-list-li:hover .li2 h1,.menu-list-li:hover .li2 dd{ color:#fff; } /**************************************************************/ /*header-over*/ /*main-start*/ /**************************************************************/ #main{ } .section{ background-repeat: no-repeat; background-position: center ; -webkit-background-size: cover; background-size: cover; position: relative; overflow: hidden; } .banner{ height: 100%; position: absolute; z-index: 10; right: 0; top: 0; left: 0; bottom: 0; } .fafa,.fafa .slides,.fafa .slides>li{ height: 100%; } .fafa .slides>li{ background-repeat: no-repeat; background-position: center ; -webkit-background-size: cover; background-size: cover; overflow: hidden; position: relative; } .fafa .slides>li img.banner-1-wen1{ width: 732px; margin:0 auto; } .fafa .slides>li>img{ display: none; width: 100%; } .fafa .flex-control-nav{ display: none!important; bottom: 35px; } .fafa .flex-control-nav li{ margin:0 7px; } .fafa .flex-control-paging li a{ width: 32px; height: 4px; } .sec-table-wp{ height: 100%; /*padding-top: 150px;*/ padding-top: 0px; position: relative; z-index: 15; } .sec-table{ display: table; width: 100%; height: 100%; } .sec-table-cell{ display: table-cell; vertical-align: middle; } .section-top{ position: absolute; left: 0px; right: 0px; top: 43px; z-index: 999; } .section-top#section-top1{ position: fixed; } .section-top#section-top1.cur .logo img.logo_himg{ display: none; } .section-top#section-top1.cur .logo img.logo_img{ display: block; } .title-11 h1{ margin:0; font-size: 30px; color: #fff; } .title-11 h2{ margin:0; font-size: 16px; color: #fff; margin-top: 13px; } .title-11 img{ display: block; width: 65px; margin:10px auto 0; } .main1{ width: 50%; padding-right: 110px; } .main1-1{ padding-right: 25px; } .main1-1 h1{ margin:0; font-family: "Arial"; font-weight: bold; color: #f4f4f4; font-size: 80px; line-height: 1; text-transform: uppercase; } .main1-1 h2{ margin:0; color: #333; font-size: 30px; line-height: 1; margin-top: 15px; } .main1-1 p{ margin:0; color: #999; font-size: 14px; line-height: 2.6; text-indent: 2em; margin-top: 30px; } .main1-2{ padding: 60px 0; } .main1-2 dl{ margin:0; } .main1-2 dd{ float: left; width: 25%; text-align: center; border-left: 1px solid #e7e7e7; } .main1-2 dd:first-child{ border-left: 0; } .main1-2 dd h1{ margin:0; font-size: 14px; color: #999; } .main1-2 dd h1 span{ font-size: 40px; color: #af9989; font-weight: bold; padding-right: 3px; } .main1-2 dd h2{ margin:0; font-size: 16px; color: #666; margin-top: 13px; } .more1{ margin-top: } .more1 a{ display: block; width: 138px; height: 48px; line-height: 46px; border:1px solid #af9989; font-size: 14px; color: #333; padding-left: 28px; background-repeat: no-repeat; background-position: 95px center; background-image: url(../images/more1.png); transition: .3s; } .more1 a:hover{ color: #fff; background-image: url(../images/more1h.png); background-color:#af9989; } .main2{ padding-top: 30px; } .main2-left{ width: 370px; margin-right: 100px; margin-top: 85px; } .main2-left h1{ margin:0; font-size: 30px; color: #fff; } .main2-left p{ margin:0; font-size: 14px; color: #fff; line-height: 2.6; text-indent: 2em; margin-top: 30px; } .more1.more1-2 a{ color: #fff; } .more1-2 {margin-top: 85px;} .main2-right{ overflow: hidden; border-left: 1px solid #dcdcdc; border-top: 1px solid #dcdcdc; } .main2-right dl{ margin:0; } .main2-right dd{ float: left; width: 33.3333333333%; border-right: 1px solid #dcdcdc; border-bottom: 1px solid #dcdcdc; } .sanji-bottom-con .main2-right{ margin-top: 0; } .sanji-bottom-con .main2-right dd{ width: 25%; } .main2-right dd>a.imgbox_a{ padding-bottom: 57%; background-color: #fff; } .main2-right dd>a.imgbox_a img.more22img{ width: 42px!important; height: 42px!important; top: 50%; margin-top: -21px; left: 50%; margin-left: -21px; } .main4 .title-11 h1{ color: #000; } .main4-list{ margin-top: 60px; } .main4-pic a.imgbox_a{ padding-bottom: 64.64%; } .main4-pic a.imgbox_a:hover .main4-ahei{ opacity: 0; visibility: hidden; } .main4-ahei{ position: absolute; left: 0; right: 0; top: 0; bottom: 0; background-image: url(../images/heidi2.png); z-index: 15; opacity: 1; visibility: visible; transition: .3s; } .main4-con{ margin-top: 60px; } .main4-con h1{ margin:0; font-size: 18px; color: #333; text-align: center; } .main4-con h1 a:hover{ color: #af9989; } .main4-con p{ margin:0; font-size: 14px; color: #999; line-height: 1.8; height: 50px; text-align: center; margin-top: 15px; overflow: hidden; } .more33{ text-align: center; margin-top: 24px; } .more33 a{ font-size: 12px; color: #999; text-transform: uppercase; } .more33 a:hover{ color: #af9989; } .main4 .more1{ margin-top:70px; } .main4 .more1 a{ margin:0 auto; } .productIdemo{ height: 100%; position: relative; z-index: 25; } .index2-section-bg-wp{ position: absolute; z-index: 20; left: 0; top: 0; right: 0; bottom: 0; background: #000; } .index2-section-bg{ position: absolute; left: 0; top: 0; right: 0; bottom: 0; height: 100%; background-repeat: no-repeat; background-position: center ; -webkit-background-size: cover; background-size: cover; /*display: none;*/ opacity: 0; visibility: hidden; transition: .5s; } .index2-section-bg.cur{ opacity: 1; visibility: visible; } /*wen*/ .productIpage { position: relative; height: 100%;} .productIdemo .black {z-index: 5; position: absolute; left: 0px; top: 0px; width: 55%; height: 100%; background: url(../images/black_2.png) repeat; background: none rgba(0,0,0,0.5); } .productIList { position: relative; margin:0;z-index: 15;} .productIList a:link, .productIList a:visited { color: #fff; } .productIList a:active, .productIList a:hover { color: #fff; } .productIList dd { color: #fff; } .productIList a { position: relative; padding-left: 20%; height: 140px; display: block; float: left; } .productIList .p1-bg { position: absolute; left: 0px; top: 0px; width: 0%; height: 100%; background: none rgba(21,50,112,0.9); transition: 300ms; -webkit-transition: 300ms; } .productIList .p2-bg { position: absolute; left: 0px; top: 0px; width: 0%; height: 100%; background: none rgba(148,190,80,0.9); transition: 300ms; -webkit-transition: 300ms; } .productIList .p3-bg { position: absolute; left: 0px; top: 0px; width: 0%; height: 100%; background: none rgba(255,189,17,0.9); transition: 300ms; -webkit-transition: 300ms; } .productIList .p4-bg { position: absolute; left: 0px; top: 0px; width: 0%; height: 100%; background: none rgba(175,153,137,0.3); transition: 300ms; -webkit-transition: 300ms; } .productIList .p5-bg { position: absolute; left: 0px; top: 0px; width: 0%; height: 100%; background: none rgba(214,143,89,0.9); transition: 300ms; -webkit-transition: 300ms; } .productIList .p6-bg { position: absolute; left: 0px; top: 0px; width: 0%; height: 100%; background: none rgba(255,110,1,0.9); transition: 300ms; -webkit-transition: 300ms; } .productIList .ico { width: 140px; height: 140px; position: absolute; left: 0px; top: 0px; padding: 25px 0px; } .productIList .ico .bg { position: absolute; width: 100%; height: 100%; left: 0px; top: 0px; transform: scale(0.5) rotate(0); -webkit-transform: scale(0.5) rotate(0); -moz-transform: scale(0.5) rotate(0); opacity: 0; transition: 600ms; -webkit-transition: 600ms; } .productIList .ico .bg1{background-color: #102c67; } .productIList .ico .bg2{background-color: #94be50; } .productIList .ico .bg3{background-color: #ffbd11; } .productIList .ico .bg4{background-color: #bd977b; } .productIList .ico .bg5{background-color: #d68f59; } .productIList .ico .bg6{background-color: #ff6e01; } .productIList .ico .i { background: url(../images/ico2.png); width: 80px; height: 80px; margin: 0px auto; position: relative; z-index: 5; display: block; } .productIList .ico .i1 { background-position: 0px 0px; } .productIList .ico .i2 { background-position: 0px -80px; } .productIList .ico .i3 { background-position: 0px -160px; } .productIList .ico .i4 { background-position: 0px -240px; } .productIList .ico .i5 { background-position: 0px -320px; } .productIList .ico .i6 { background-position: 0px -400px; } .productIList .con { display: block; padding: 0px 130px 0px 198px; position: relative; height: 140px; box-sizing: content-box; width: 470px;} .productIList .t { font-size: 18px; transition: 300ms; -webkit-transition: 300ms; } /*.productIList .t .zh { transition: 300ms; -webkit-transition: 300ms;width: 100px; display: inline-block; }*/ .productIList .t .en{ text-transform: uppercase; font-size: 12px;} .productIList .t .en i { padding-left: 5px; transition: 300ms; -webkit-transition: 300ms; background: url(../images/line.png) no-repeat scroll left center; margin: 0px 5px 0px 22px; } .productIList .c { height: 25px; overflow: hidden; transition: 300ms; -webkit-transition: 300ms; opacity: 0; visibility: hidden; } .productIList .line { display: block; background: #fff; position: absolute; transition: 300ms; -webkit-transition: 300ms; opacity: 0; visibility: hidden; } .productIList .line_1 { width: 28px; height: 1px; top: 50%; right: 57px; margin-top: -1px; transform: translateX(30px); -webkit-transform: translateX(30px); } .productIList .line_2 { width: 1px; height: 28px; top: 50%; margin-top: -14px; right: 70px; transform: translateY(30px); -webkit-transform: translateY(30px); } .productIList a:hover .p1-bg,.productIList a:hover .p2-bg,.productIList a:hover .p3-bg,.productIList a:hover .p4-bg, .productIList a:hover .p5-bg,.productIList a:hover .p6-bg { width: 100%; transition: 600ms; -webkit-transition: 600ms; } .productIList a:hover .line { transform: translate(0); -webkit-transform: translate(0); visibility: visible; opacity: 1; transition: 300ms ease-in 600ms; -webkit-transition: 300ms ease-in 600ms; } .productIList a:hover .ico .bg { transform: scale(1) rotate(180deg); -webkit-transform: scale(1) rotate(180deg); -moz-transform: scale(1) rotate(180deg); opacity: 1; } /*.productIList a:hover .t { padding-top: 45px; } .productIList a:hover .t .zh { font-size: 20px; }*/ .productIList a:hover .t .en{ font-size: 13px;} .productIList a:hover .t .en i { padding-left: 20px; } .productIList a:hover .c { opacity: 1; visibility: visible; } .productIList .summary{ opacity: 0; background: url(../images/bg00050.png) repeat; padding: 25px; position: absolute;width: 20%; top: 30%; right: 5%;} .productIList dd:hover .summary{ opacity: 1; transition: all 0.3s ease-in-out; } .productIList .summary p{ line-height: 30px;border-top: 1px solid #afb2b7; padding: 10px 0;} .productIList .summary span{ text-transform: uppercase;margin-bottom: 10px; display: block;} .productIList .summary h3{padding-bottom: 5px;} .productIList .txt{ height: 140px; line-height: 140px; } /**************************************************************/ /*main-over*/ /*footer-start*/ /**************************************************************/ #footer{ overflow: hidden; } .footer-0{ padding: 80px 0; /*height: 500px;*/ background-repeat: no-repeat; background-position: center ; -webkit-background-size: cover; background-size: cover; background-image: url(../images/footer-0.jpg); } .er-wp{ width: 629px; margin:58px auto 0; } .er{ width: 143px; text-align: center; font-size: 14px; color: #fff; } .er img{ display: block; width: 100%; margin-bottom: 20px; } .footer-1{ padding: 70px 0px; background-color: #fff; } .foo-logo{ width: 220px; margin-top: 17px; } .foo-logo a,.foo-logo img{ display: block; width: 100%; } .foo-dl{ width: 1000px; margin-left: 110px; } .foo-dl dl{ margin:0; } .foo-dl dd{ float: left; width: 45%; margin-left: 5%; padding: 1px 0; padding-left: 65px; background-repeat: no-repeat; background-position: left 0; margin-top: 29px; } .foo-dl dd:first-child{ margin-top: 0; width: 95%; } .foo-dl dd h1{ font-size: 14px; color: #999; margin:0; } .foo-dl dd h2{ font-size: 18px; color: #c39674; margin:0; margin-top: 7px; line-height: 29px; height: 29px; } .foo-dl dd h2 span{ font-size: 25px; font-family:'Impact'; } .foo-right{ width: 275px; } .yq-sel { position: relative; } .yq-sel span { display: block; width: 100%; height: 40px; line-height: 40px; color: #999; padding-left: 15px; padding-right: 45px; font-size: 14px; border: 1px solid #e3e3e3; background-color: #fff; position: relative; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; position: relative; cursor: pointer; } .yq-sel i { position: absolute; width: 14px; right: 12px; top: 50% ; margin-top: -4px; } .yq-sel i img { display: block; width: 100%; } .yq-sel-dl { position: absolute; left: 0; right: 0; bottom: 40px; border: 1px solid #e3e3e3; border-bottom: 0; background-color: #fff; display: none; /*padding: 10px 0;*/ } .yq-sel-dl dl { margin: 0; } .yq-sel-dl dd>a { display: block; padding: 10px 15px; font-size: 14px; line-height: 1.6; color: #333; } .yq-sel-dl dd>a:hover { background-color: #af9989; color: #fff; /*font-weight: bold;*/ } .totop-wp{ padding-top: 48px; padding-left: 237px; } .totop{ cursor: pointer; } .totop img,.totop a{ display: block; width: 100%; } .footer-2{ background-color: #e3e3e3; color: #999999; font-size: 14px; line-height: 1.8; padding: 32px 0; } .footer-2 a:hover{ color: #af9989; } /**************************************************************/ /*footer-over*/ /**************************************/ /********[鐗规畩css鏍峰紡瑕佹眰鍖哄煙]**********/ /**************************************/ #header-2{ display: none; height: 75px; /*border-bottom:0px solid #035cac;*/ box-shadow: 0 4px 8px -3px #000; position: fixed; top: 0px; left: 0; width: 100%; z-index: 1001; background-color: #fff; /*background-color: #0d59a7;*/ } .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; 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: 18px; width: 18px; } .nav-2-form .form-control{padding-right: 50px;} .logo-2 { font-size: 0; width: 147px; margin-left: 15px; margin-top: 13px; } .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鏍峰紡瑕佹眰鍖哄煙]**********/ /**************************************/ .nbanner h1{ margin:0; font-size: 80px; text-align: center; position: relative; line-height: 80px; } .nbanner h1 span.h1s1{ display: block; font-size: 80px; color: #fff; opacity: 0.2; text-transform: uppercase; font-family:'Impact'; letter-spacing: 55px; line-height: 80px; } .nbanner h1 span.h1s2{ font-size: 60px; color: #fff; letter-spacing: 25px; position: absolute; left: 0; right: 0; top: 0; font-weight: bold; } .nbanner h2{ margin:0; font-size: 16px; text-align: center; position: relative; font-family: "Arial"; text-transform: uppercase; color: #fff; letter-spacing: 14px; padding: 30px 0 25px; } .nbanner-line{ width: 390px; margin:0 auto; height: 5px; position: relative; background-image: url(../images/bai.jpg); background-repeat: repeat-x; background-position: left top; } .nbanner-line span{ position: absolute; width: 90px; left: 50%; margin-left: -45px; height: 5px; top: 0; background-color: #af9989; } .nbanner h3{ margin:0; font-size: 18px; text-align: center; position: relative; color: #fff; letter-spacing: 14px; margin-top: 50px; } @-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, 14px); 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, 14px); opacity: 0; filter:alpha(opacity=0); } 100% { opacity: 0; filter:alpha(opacity=0); } } .shu-wp{ text-align: center; font-size: 16px;color: #fff; margin-top: 100px; } #shu{ margin:0 auto 20px; width: 30px; height: 50px; border: 2px solid #FFF; border-radius: 50px; box-sizing: border-box; z-index: 600; cursor:pointer; position: relative; } #shu::before { position: absolute; top: 5px; left: 50%; content: ''; width: 4px; height: 12px; margin-left: -2px; background-color: #FFF; border-radius: 4px; -webkit-animation: sdb10 2s infinite; animation: sdb10 2s infinite; box-sizing: border-box; } .title-22 h1{ font-size: 48px; margin:0; color: #f4f4f4; font-family: "Arial"; text-transform: uppercase; font-weight: bold; line-height: 1.2; } .title-22 h2{ font-size: 30px; margin:0; color: #333; margin-top: 14px; } .qryr1-list ul,.qryr1-list dl{ margin:0; } .qryr1-list ul{margin-left: -2%;} .qryr1-list li{ float: left; width: 23%; margin-left: 2%; padding-left: 45px; background-repeat: no-repeat; background-position: left top; background-image: url(../images/szj.png); min-height: 257px; margin-top: 65px; } .qryr1-list li h1{ margin:0; font-size: 25px; color: #000; font-weight: bold; font-family: "Arial"; } .qryr1-list li{ font-size: 14px; color: #666; } .qryr1-list li dd{ font-size: 14px; color: #666; line-height: 1.6; margin-top: 6px; } .qryr1-list li dd:first-child{ margin-top: 25px; } .qywh2-div{ width: 47%; } .qywh2-div .title-22 h2{ color: #fff; } .qywh2-div-p{ font-size: 14px; color: #fff; line-height: 2.6; margin-top: 10px; } .qywh2-div-p span.spanqywh{ font-size: 18px; display: block; } .qywh2-pic a.imgbox_a{ padding-bottom: 64.76%; } .qywh2-list{ margin-top: 35px; } .qywh2-list h1{ margin:0; text-align: center; font-size: 16px; color: #fff; margin-top: 20px; } .qywh3-div-wp{ height: 100%; } .qywh3-div{ width: 50%; height: 100%; background-repeat: no-repeat; background-position: center ; -webkit-background-size: cover; background-size: cover; position: relative; } .qywh3-div-item{ height: 50%; background-repeat: no-repeat; background-position: center ; -webkit-background-size: cover; position: relative; background-size: cover; } .qywh-padd{ padding: 0 15%; } .qywh3-div1-p{ text-align: center; font-size: 14px; color: #999; line-height: 3; margin-top: 30px; } .qywh3-div2 h1{ margin:0; font-size: 18px; color: #000; font-weight: bold; } .qywh3-div2-p{ font-size: 14px; color: #999; line-height: 2.6; margin-top: 18px; } .qywh3-div3 dl{ margin:0; } .qywh3-div3 dd{ font-size: 16px; color: #fff; line-height: 30px; margin-top: 17px; } .qywh3-div3 dd:first-child{ margin-top: 0; } .qywh3-div3 dd span{ display: inline-block; height:33px ; line-height: 33px; background-color: #d3c294; padding: 0 30px; border-radius: 30px; color: #fff; font-size: 16px; margin-right: 26px; } .qywh4-div{ width: 50%; } .qywh4-div .title-22 h2{ color: #fff; } .qywh4-div-p1{ font-size: 18px; color: #fff; line-height: 2.6; margin-top: 20px; } .qywh4-div dl{ margin:0; } .qywh4-div dd h1{ margin:0; height: 46px; line-height: 46px; width: 285px; background-image: url(../images/hhh1.png); background-repeat: no-repeat; background-position: center; font-size: 20px; color: #fff; padding-left: 27px; } .qywh4-div dd p{ margin:0; font-size: 16px; color: #fff; line-height: 2; margin-top: 25px; } .qywh4-div dd { margin-top: 30px; } .qywh4-div dd:first-child { margin-top: 0px; } .qywh5-div{ height: 100%; position: relative; } .qywh5-div-title{ position: absolute; left: 0; right: 0; top: 10%; z-index: 25; } .qywh5-div-title .title-22 h1{ color: #e6e6e6; } .qywh5-div-item{ position: relative; z-index: 15; height: 100%; float: left; width: 33.333333333%; background-image: url(../images/cd.png); padding: 0 50px; transition: .5s; } .qywh5-div-item::after{ position: absolute; z-index: 10; width: 50%; top: 0; bottom: 0; right: 0; background-image: url(../images/cd.png); content:""; opacity: 0; visibility: hidden; transition: .5s } .qywh5-div-item::before{ position: absolute; z-index: 10; width: 50%; top: 0; bottom: 0; left: 0; background-image: url(../images/cd.png); content:""; opacity: 0; visibility: hidden; transition: .5s } .qywh5-ico{ width: 109px; height: 109px; margin:0 auto; background-repeat: no-repeat; background-position: center; -webkit-background-size: 100%; background-size: 100%; } .qywh5-ico1{background-image: url(../images/qywh5-ico1.png);} .qywh5-ico2{background-image: url(../images/qywh5-ico2.png);} .qywh5-ico3{background-image: url(../images/qywh5-ico3.png);} .qywh5-div-item h1{ margin:0; font-size: 25px; color: #fff; margin-top: 25px; text-align: center; } .qywh5-div-item h2{ margin:0; font-size: 18px; color: #c39674; margin-top: 22px; text-align: center; font-weight: bold;display: none; line-height: 1.6; } .qywh5-div-item-p{ font-size: 14px; color: #999; line-height: 2.6; text-align: center; margin-top: 24px; overflow: hidden; height: 0; transition:.5s; position: relative; } .qywh5-div-item:hover{ background-image: url(../images/cdh.png); } .qywh5-div-item:hover::before, .qywh5-div-item:hover::after{ opacity: 1; visibility: visible; width: 0; } .qywh5-div-item:hover h1{color: #000;} .qywh5-div-item:hover h2{display: block;} .qywh5-div-item:hover .qywh5-div-item-p{height: 144px;} .qywh5-div-item:hover .qywh5-ico1{background-image: url(../images/qywh5-ico1h.png);} .qywh5-div-item:hover .qywh5-ico2{background-image: url(../images/qywh5-ico2h.png);} .qywh5-div-item:hover .qywh5-ico3{background-image: url(../images/qywh5-ico3h.png);} .qywh_con .section5 .more1{ margin-top: 32px; } .qywh_con .section5 .more1 a{ margin:0 auto; background-color: #fff; } .qywh_con .section5 .more1 a:hover{ background-color: #fff; color: #333; background-image: url(../images/more1.png); } .jtyw-div{ width: 50%; padding: 80px 60px; background-image: url(../images/baidi.png); } .jtyw-div h1{ margin:0; font-size: 22px; color: #333; font-weight: bold; } .jtyw-div h1 a:hover{ color: #af9989; } .jtyw-div-p{ margin:0; font-size: 14px; color: #999999; text-indent: 2em; line-height: 2.2; height: 90px; overflow: hidden; margin-top: 30px; } .jtyw-div .more1{ margin-top: 55px; } .xwzx1-div{ padding: 50px 100px 0; } .xwzx1-div-wp .more1{ margin-top:50px; } .xwzx1-div-wp .more1 a{ margin:0 auto; background-color: #fff; } .xwzx1-div-wp .more1 a:hover{ background-color: #af9989; } .xwzx1-left{ width: 700px; margin-right: 20px; } .fxwzx1 .slides>li>a.imgbox_a{ padding-bottom: 64.62%; } .fxwzx1 .slides>li>a h1{ margin:0; position: absolute; left: 0; right: 0; bottom: 0; height:50px ; line-height: 50px; color: #fff; font-size: 16px; padding-left: 29px; padding-right: 126px; z-index: 25; background-image: url(../images/heidi.png); } .fxwzx1 .flex-control-nav{ height: 0; text-align: right; padding-right:15px; bottom: 30px; } .fxwzx1 .flex-control-nav li{ margin:0 10px; } .fxwzx1 .flex-control-paging li a{ background-image: url(../images/arrow-b2.png); } .fxwzx1 .flex-control-paging li a.flex-active{ background-image: url(../images/arrow-b2-h.png); } .xwzx1-right{ overflow: hidden; } .xwzx1-right dl{ margin:0; } .xwzx1-right dd{ background-color: #fff; margin-top: 28px; padding: 20px 20px 18px; } .xwzx1-right dd:first-child{ margin-top: 0; } .xwzx1-right dd h1{ margin:0; font-size: 16px; color: #333; } .xwzx1-right dd h2{ margin:0; font-size: 14px; color: #999; margin: 10px 0 8px; } .xwzx1-right dd p{ margin:0; font-size: 14px; color: #999; line-height: 1.6; height: 44px; overflow: hidden; } .xwzx1-right dd:hover{background-color: #af9989;} .xwzx1-right dd:hover h1{color: #fff;} .xwzx1-right dd:hover h2{color: #fff;} .xwzx1-right dd:hover p{color: #fff;} .xwzx2-bg{ position: absolute; width: 34.53%; left: 0; bottom: 0; z-index: 14; } .xwzx2-bg img{ display: block; width: 100%; } .xwzx2-left{ width: 600px; margin-top: 60px; } .xwzx2-left .more1{ margin-top: 72px; } .xwzx2-right{ width: 1000px; } .xwzx2-right dl{ margin:0; } .xwzx2-right dd{ padding: 25px 0 25px 50px; position: relative; } .xwzx2-right dd::before{ position: absolute; content:""; top: 0; bottom: 0; left: 0; /*background-color: #af9989;*/ width: 0; transition: .5s; } .xwzx2-right dd h1{ margin:0; font-size: 14px; color: #666; position: relative; z-index: 15; transition: .5s; } .xwzx2-right dd h2{ margin:0; font-size: 14px; color: #333; margin:15px 0 10px; font-weight: bold; position: relative; z-index: 15; transition: .5s; } .xwzx2-right dd p{ margin:0; font-size: 14px; color: #999; line-height: 1.8; height: 50px; position: relative; z-index: 15; transition: .5s; overflow: hidden; } .xwzx2-right dd:hover::before{ width: 150%; background-color: #af9989; } .xwzx2-right dd:hover h1{color: #fff;} .xwzx2-right dd:hover h2{color: #fff;} .xwzx2-right dd:hover p{color: #fff;} .xwzx_con .section3 .title-22 h1{ color: #f4f4f4; opacity: 0.6; } .xwzx_con .section3 .title-22 h2{ color: #fff; } .xwzx3-div { padding: 15px 100px 0; } .xwzx3-div dl{ margin:0; margin-left: -3%; } .xwzx3-div dd{ float: left; width: 30.3333333%; margin-left: 3%; margin-top: 60px; } .xwzx3-date{ width: 73px; height: 83px; border-radius: 5px; background-color: #af9989; text-align: center; padding-top: 7px; margin-right: 17px; } .xwzx3-date h1{ margin:0; color: #fff; font-size: 48px; font-family: "Impact"; line-height: 1; } .xwzx3-date h2{ margin:0; color: #fff; font-size: 14px; font-family: "Arial"; line-height: 1; margin-top:4px; } .xwzx3-con{ overflow: hidden; } .xwzx3-con h1{ margin:0; color: #fff; font-size: 18px; } .xwzx3-con h1:hover, .xwzx3-con h1 a:hover{ color: #af9989; } .xwzx3-con p{ margin:0; color: #fff; font-size: 14px; opacity: 0.6; line-height: 2; height: 56px; overflow: hidden; margin-top: 8px; } .xwzx_con .section3 .more1{ margin-top: 70px; } .xwzx_con .section3 .more1 a{ margin:0 auto; background-color: #fff; } .xwzx_con .section3 .more1 a:hover{ background-color: #af9989; } .xwzx_con .section4 .more1{ margin-top:40px; } .xwzx_con .section4 .more1 a{ margin:0 auto; background-color: #fff; } .xwzx_con .section4 .more1 a:hover{ background-color: #af9989; } .lxwm_con .section1 .title-22 h1{ color: #e6e6e6; } .lxwm1-table table.table tr th{ height: 50px; vertical-align: middle; color: #fff; background-color: #af9989; font-size: 14px; text-align: center; border:0; } .lxwm1-table table.table tr.tr-1 td{ height: 60px; vertical-align: middle; color: #fff; font-size: 14px; text-align: center; border:0; border-bottom: 1px solid #dfdfdf; } .lxwm1-table table.table tr.tr-2 td{ padding: 40px 30px; background-color: #fff; border:0; border-bottom: 1px solid #dfdfdf; } .lxwm1-table-con{ font-size: 14px; color: #666; line-height: 2.4; text-align: left; } .lxwm1-btn{ margin-top: 26px; padding-top: 26px; border-top: 1px solid #cecece; } .lxwm1-btn a{ display: block; width: 145px; height: 40px; line-height: 40px; color: #fff; text-align: center; font-size: 14px; background-color: #af9989; } .lxwm1-btn a:hover{ background-color: #968578; } .lxwm2-div{ width: 50%; padding-bottom: 80px; } .lxwm2-div .title-22 h1{ color: #fff; } .lwxm2-con{ margin-top: 20px; } .lwxm2-p{ font-size: 14px; color: #666; line-height: 2.2; text-indent: 2em; } .lwxm2-p2{ margin-top: 25px; } .lwxm2-p2 h1{ margin:0; font-size: 14px; color: #c39674; } .lwxm2-p2 p{ margin:0; font-size: 14px; color: #666; line-height: 2.2; margin-top: 10px; } .lxwm1-table { margin-top: 45px; } .lxwm1-table table.table{ margin:0; } .lxwm1-table table.table tr.tr-1{ cursor: pointer; } .lxwm1-table table.table tr.tr-2{ display: none; } .lxwm1-table table.table tr.tr-2#tr-2-1{ display: table-row; } .lxwm1-table.table-responsive > .table > tbody > tr.tr-2 > td{ white-space:normal!important; } .banner-2{ height: 200px; background-repeat: no-repeat; background-position: center ; -webkit-background-size: cover; background-size: cover; } .sanji-top{ border-bottom: 1px solid #e7e7e7; } .mianbaoxie{ font-size: 14px; color: #666; height: 109px; line-height: 109px; } .mianbaoxie a img{ margin-top: -3px; margin-right: 3px; } .mianbaoxie a:hover,.mianbaoxie span{ color: #af9989; } .sanji-menu dl{ margin:0; } .sanji-menu dd{ float: left; margin-left: 35px; } .sanji-menu dd:first-child{ margin-left: 0; } .sanji-menu dd>a{ display: block; height: 109px; line-height: 109px; font-size: 14px; color: #999; position: relative; } .sanji-menu dd>a::after{ position: absolute; right: 0; bottom: -4px; height: 4px; background-color:#af9989; content:""; width: 0; right: 0; -webkit-transition: all .5s; -moz-transition: all .5s; -ms-transition: all .5s; -o-transition: all .5s; transition: all .5s; } .sanji-menu dd:hover>a,.sanji-menu dd.cur>a{ color: #af9989; } .sanji-menu dd:hover>a::after,.sanji-menu dd.cur>a::after{ width: 100%; right: auto; left: 0; } .sanji-bottom-con{ background-image: url(../images/sanji.jpg); background-repeat: repeat-y; background-position: 399px top; padding: 80px 0 50px; } .sanji .container{ width: 1200px; } .sanji-left{ width: 399px; margin-right: 41px; } .sanji-left-pic img{ display: block; width: 100%; } .sanji-right {overflow: hidden;} .sanji-left2{ background-color:#fafafa; margin-top: 40px; padding: 25px 30px 30px; } .sanji-title1{ padding-bottom: 17px; border-bottom: 2px solid #e7e7e7; } .sanji-title1 h1{ margin:0; font-weight: bold; color: #af9989; font-size: 20px; } .sanji-tui{ padding: 17px 0 12px; } .sanji-tui h1{ margin:0; font-weight: bold; color: #af9989; font-size: 18px; } .sanji-tui p{ margin:0; color: #999; line-height: 2; margin-top: 10px; font-size: 14px; } .sanji-list1 ul{ margin:0; } .sanji-list1 li{ text-overflow: ellipsis; white-space: nowrap; overflow: hidden; position: relative; margin-top: 13px; padding-left: 18px; background-repeat: no-repeat; background-position: left center; background-image: url(../images/sanji-list1.png); } .sanji-list1 li:first-child{ margin-top: 0; } .sanji-list1 li a{ font-size: 14px; color:#666; } .sanji-list1 li a:hover{ color:#af9989; } .sanji-list2 ul{ margin:0; } .sanji-list2 li{ padding: 30px 0; border-top: 1px dashed #ede2cf; } .sanji-list2 li:first-child{ border-top: 0; padding-top: 0; } .sanji-list2-date{ width: 140px; font-size: 22px; /*font-weight: bold;*/ color:#af9989; font-family: 'Impact'; height: 28px; line-height: 28px; } .sanji-list2-con{ overflow: hidden; } .sanji-list2-con h1{ margin:0; font-size: 20px; color: #333; height: 28px; line-height: 28px; } .sanji-list2-con h1 a:hover{ color:#af9989; } .sanji-list2-con p{ margin:0; font-size: 14px; color: #999; line-height: 1.8; margin-top: 5px; } .more-sanji{ margin-top: 15px; } .more-sanji a{ display: block; height: 55px; line-height: 55px; background-color: #fafafa; color: #af9989; font-size: 14px; text-align: center; transition: .3s; } .more-sanji a:hover{ background-color: #af9989; color: #fff; } .xmzs2{ padding: 80px 0; } .xmzs2-item{ margin-top: 50px; } .xmzs2-item:first-child{ margin-top: 0; } .xmzs2-item dl{ margin:0; } .xmzs2-item dd{ float: left; } .xmzs2-item dd:first-child{ width: 340px; } .xmzs2-item dd:first-child+dd{ width: 510px; } .xmzs2-item dd:first-child+dd+dd{ float: none; overflow: hidden; } .xmzs2-title{ height: 57px; border-bottom: 2px solid #af9989; background-color: #fafafa; } .xmzs2-table{ display: table; width: 100%; height: 100%; } .xmzs2-table-cell{ padding-left: 32px; padding-right: 25px; display: table-cell; width: 100%; vertical-align: middle; font-size: 18px; font-weight: bold; color: #af9989; } .xmzs2-title2{ font-size: 16px; line-height: 57px; color: #af9989; } .xmzs2-p{ font-size: 14px; color: #999; line-height: 1.8; margin-top: 30px; } .xmzs2-item dd:first-child+dd .xmzs2-p{ padding-right: 62px; } .xmzs2-pic{ padding: 32px 15px 0; } .xmzs2-pic img{ display: block; margin:0 auto; } .danpian-h1{ font-size: 20px; color: #af9989; font-family: 'Impact'; } .fenx{ font-size: 14px; color: #999; margin-left: 15px; margin-top: 7px; } .fenx a{ margin-left: 8px; } .fenx a img{ margin-top: -3px; } .danpian-h2{ margin-top: 7px; } .danpian-h2-con{ overflow: hidden; font-size: 25px; color: #666666; line-height: 1.6; } .danpian-con{ padding-top: 25px; margin-top: 13px; border-top: 1px dashed #ede2cf; font-size: 16px; color: #666; line-height: 1.8; } .danpian-con *{ font-family: "Microsoft YaHei"!important; } .sanji-bottom-con-22{ background-image:none; padding-top: 50px; } .about4-div{ width: 1000px; margin:40px auto 0; } .about1-div-wp{ height: 100%; } .about1-div{ height: 100%; width: 50%; background-color: #fff; -webkit-background-size: cover; background-size: cover; background-repeat: no-repeat; background-position: center; } .about1-div1-p{ font-size: 14px; color: #999; line-height: 2.4; margin-top: 22px; } .about1-div1-p p{ margin:0; } .about1-padd{ padding: 0 12%; } .about1-div2{ padding: 0 18%; } .about1-div2 dl{ margin:0; } .about1-div2 dd{ float: left; width: 50%; margin-top: 60px; } .about1-div2 dd img{ display: block; } .about1-div2 dd h1{ margin:0; color: #fff; font-size: 14px; margin-top: 16px; } .about1-div2 dd h1 span{ line-height: 1; font-size: 50px; font-weight: bold; font-family: "Arial"; padding-right: 5px; } .about1-div2 dd h2{ margin:0; color: #fff; font-size: 16px; margin-top: 10px; } .about1-div2 dd:first-child, .about1-div2 dd:first-child+dd{ margin-top: 0; } .about2-div-wp{ height: 100%; } .about2-div{ height: 50%; background-repeat: no-repeat; background-position: center ; -webkit-background-size: cover; background-size: cover; } .about2-div .title-22 h1{ opacity: 0.6; } .about2-div .title-22 h2{ color: #fff; } .about2-div-item{ width: 50%; height: 100%; position: relative; } .about2-img{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 15; } .about2-div-item-h1{ position: absolute; left: 8.3%; top: 17.6%; font-size: 22px; color: #333; z-index: 18; } .about2-div{ background-color: #f2efec; overflow: hidden; } .about2-div-item-pic{ width: 50%; height: 100%; position: relative; } .about2-div-item-pic img{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 15; } .about2-div-item-con{ overflow: hidden; height: 100%; position: relative; } .about2-wz{ padding: 0 50px; } .about2-wz h1{ font-size: 22px; color: #000; margin:0; } .about2-wz p{ font-size: 14px; color: #999; margin:0; line-height: 2.2; text-indent: 2em; margin-top: 22px; height: 90px; overflow: hidden; } .about2-wz .more1{ margin-top: 50px; } .about3-div-wp{ height: 100%; } .about3-div{ width: 50%; height: 100%; background-repeat: no-repeat; background-position: center; -webkit-background-size: cover; background-size: cover; } .about3-div .title-22 h1{ opacity: 0.5; } .about3-div .title-22 h2{ color: #fff; } .about3-title{ position: relative; top: 20%; } .about3-img{ width: 70%; margin:0 auto; } .about3-img img{ display: block; width: 100%; } .index_con .nbanner h3{ margin-top: 10px; } .index_con .nbanner span.h1s1{ visibility: hidden; opacity: 0; } .index2-list ul{ margin:0; font-size: 0; text-align: center; } .index2-list li{ display: inline-block; width: 20%; padding: 0 25px; } .index2-list li h1{ margin:0; text-align: center; font-size: 18px; color: #fff; margin-top: 20px; } .index2-list-ico{ background-repeat: no-repeat; border-radius: 8px; background-position: center; } .index2-list-ico img{ display: block; margin:0 auto; } .index2-list-ico a{ display: block; padding-bottom: 75%; } .index2-list-ico1 {background-color:#af9989;} .index2-list-ico2 {background-color:#af9989;} .index2-list-ico3 {background-color:#af9989;} .index2-list-ico4 {background-color:#af9989;} .index2-list-ico5 {background-color:#af9989;} .index2-list-ico1 {background-image: url(../images/ii1.png);} .index2-list-ico2 {background-image: url(../images/ii2.png);} .index2-list-ico3 {background-image: url(../images/ii3.png);} .index2-list-ico4 {background-image: url(../images/ii4.png);} .index2-list-ico5 {background-image: url(../images/ii5.png);} .fp-right{ right: 45px; } #fp-nav .fp-sr-only{ display: none; } #fp-nav ul li a span, .fp-slidesNav ul li a span{ top: 0; left: 0; } #toudi .modal-body{ padding-top: 25px; } #toudi .form-group input[type="file"]:focus{ outline: none; } #toudi .form-group .col-sm-2{ padding-right: 0; } #toudi .form-group textarea.form-control{ height: 200px; } .xmzs3{ padding: 80px 0; } .xmzs3 dd{ width: 25%; } .er-wp{ font-size: 0; line-height: normal; text-align: center; width: 100%; } .er-wp-dl{ display: inline-block; } .er-wp-dl .er{ margin-left: 70px; } .er-wp-dl .er:first-child{ margin-left: 0px; }