/**************************************/ /*************[公用start]**************/ /**************************************/ div.clear{ clear: both; height: 0; width: 0; } a{ text-decoration: none; color:inherit; cursor: pointer; } img{ border:0; max-width: 100%; } div.wp{ width: 1200px; /*主要内容区尺寸大小,每次制作前更新!!! */ margin:0 auto; } .fl{ float: left; } .fr{ float: right; } .tran{ transition: all .3s ease-out 0s; } .tver{ text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } /*图片中心放大代码区域*/ .img-box{/*图片盒子类名*/ overflow: hidden; } .img-box img{ transition: .3s; width: 100%; max-width: 100%; } .img-box:hover img{ /*图片中心放大代码*/ -webkit-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); } /*图片中心放大代码区域*/ .imgbox_a{ position:relative; padding-bottom: 100%; overflow:hidden; display: block; } .imgbox_a>img{ position: absolute; left: 0; top: 0; width: 100%!important; height: 100%!important; } .imgbox_hover>img{ /* ueco 时间曲线*/ /*transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; */ -webkit-transition: .3s; -moz-transition: .3s; -ms-transition: .3s; -o-transition: .3s; transition: .3s; } .imgbox_hover:hover>img{ -webkit-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); } /**************************************/ /************[公用over]****************/ /**************************************/ /*header-start*/ /**************************************************************/ #header{ height:98px; position: fixed; left: 0; width: 100%; top: 0; z-index: 999; background-color: #fff; box-shadow: 0 4px 5px -3px rgba(0,0,0,0.15); } .logo{ width: 240px; margin-top: 18px; margin-left: 22px; } .logo a,.logo img{ display: block; width: 100%; } .enenen2{ width: 100px; margin-top:30px; margin-left: 10px; } .enenen2 a,.enenen2 img{ display: block; width: 100%; } .enenen{ font-size: 18px; color: #333; margin-top:36px; margin-left: 15px; } .enenen a:hover{color:#21306b;} .enenen a,.enenen img{ display: block; width: 100%; } .search{ width: 23px; margin-top: 37px; } .search a,.search img{ display: block; width: 100%; } .nav ul{ margin:0; } .nav>ul>li{ float: left; position: relative; margin-right:35px; text-align: center; } .nav>ul>li>a{ display: block; height: 98px; line-height:98px; font-size: 18px; color:#333; /*transition: .3s;*/ } .nav>ul>li:hover>a{ color: #21306b; /*background-color: #e26920;*/ } .nav>ul>li.active>a { font-weight: bold; color: #21306b; /*background-color: #e26920;*/ } .nav>ul>li>ul{ position: absolute; left: 50%; width: 140px; margin-left: -70px; top:100%; z-index: 600; background-color: #21306b; display: none; } .nav>ul>li>ul>li>a{ display: block; padding: 8px 5px; text-align: center; line-height: 1.6; font-size: 14px; color:#fff; /*transition: .3s;*/ text-align: center; } .nav>ul>li>ul>li>a:hover{ background-color: #192450; } /**************************************************************/ /*header-over*/ /*main-start*/ /**************************************************************/ #main{ margin-top: 98px; } .banner{ position: relative; } .fafa .slides,.fafa{ height: 100%; } .fafa .slides>li{ height: 100%; background-repeat: no-repeat; background-position: center ; -webkit-background-size: cover; background-size: cover; position: relative; overflow: hidden; } .fafa .slides>li video { position: absolute; left: 50%; top: 50%; min-height: 100%; min-width: 100%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); background-size: cover; background-position: center; } .fafa .slides>li img{ display: none; width: 100%; } .fafa .flex-control-paging li a{ width: 14px; height: 14px; } .banner-lan{ position: relative; left: 0; right: 0; bottom: 0; z-index: 300; background-color:#313c7a; } .banner-lan-title{ width: 245px; padding-left:50px; padding-top: 35px; } .banner-lan-title h1{ margin:0; font-size: 22px; color: #fff; } .banner-lan-title h2{ margin:0; font-size: 16px; text-transform: uppercase; color: #fff; margin-top: 17px; } .banner-lan-dl{ overflow: hidden; } .banner-lan-dl dl{margin:0;} .banner-lan-dl dd{ float: left; width: 20%; height: 120px; border-left: 1px solid #5b6290; padding-top: 10px; } .banner-lan-a{ font-size: 16px; color: #fff; padding: 0 15px; text-align: center; padding-top: 20px; line-height: 1.4; } .banner-lan-a a:hover{ font-weight: bold; } .pp100{ padding: 100px 0; } .title-11 h1{ text-align: center; margin:0; font-size: 42px; color: #000; } .title-11 h2{ text-align: center; margin:0; font-size: 0; line-height: normal; margin-top: 10px; } .title-11 h2 span{ display: inline-block; padding: 0 15px; position: relative; color: #000; font-size: 16px; text-transform: uppercase; } .title-11 h2 span::before{ position: absolute; height: 1px; background-color: #000; width: 27px; right: 100%; top: 50%; content:""; } .title-11 h2 span::after{ position: absolute; height: 1px; background-color: #000; width: 27px; left: 100%; top: 50%; content:""; } .main1-1-dl{ width: 50%; } .main1-1-dl dl{ margin:0; } .main1-1-dl.fl dd{ float: left; width: 50%; border-left: 3px solid #fff; } .main1-1-dl.fl dd:first-child{ border-left: 0; } .main1-1-dl.fl dd:first-child+dd{ border-bottom: 3px solid #fff; } .main1-1-dl.fl dd .imgbox_a{ padding-bottom: 76.2%; } .main1-1-dl.fl dd:first-child .imgbox_a{ padding-bottom: 152%; } .main1-1-dl.fr dd{ float: left; width: 50%; border-left: 3px solid #fff; } .main1-1-dl.fr dd:first-child{ border-bottom: 3px solid #fff; width: 100%; } .main1-1-dl.fr dd .imgbox_a{ padding-bottom: 76.247%; } .main1-1-dl.fr dd:first-child .imgbox_a{ padding-bottom: 37.945%; } .main1-hei{ position: absolute; left: 0; right: 0; bottom: 0; height: 131px; background-repeat: repeat-x; background-position: left center; background-image: url(../images/heidi3.png); padding:70px 28px 0; text-align: right; z-index: 80; } .main1-hei h1{ margin:0; font-size: 18px; color: #fff; position: relative; padding-bottom: 15px; } .main1-hei h1::after{ position: absolute; width: 33px; height: 1px; content:""; background-color: #fff; right: 0; bottom: 0; } .main1-hei h1 span{ padding-left: 10px; } .main1-1{ margin-top: 70px; } .main2{ background-image: url(../images/main2-bg.jpg); background-repeat: no-repeat; background-position: center bottom; -webkit-background-size: cover; background-size: cover; } .main2-list-wp{ margin-top: 108px; position: relative; background-repeat: repeat-x; background-position: left 50px; background-image: url(../images/xian.jpg); } .main2-list .item h1{ margin:0; font-size: 18px; color: #999; height: 28px; } .main2-list .item h1 span{ font-size: 24px; padding-right: 14px; color: #666; } .main2-list .item h2{ margin:0; font-size: 16px; color: #000; margin-top: 50px; font-weight: bold; } .main2-list .item h2 a:hover{ color: #21306b; } .main2-list .item p{ margin:0; font-size: 15px; color: #999; line-height: 1.8; height: 54px; overflow: hidden; margin: 15px 0 35px; } .main2-pic .imgbox_a{ padding-bottom: 66.2%; } .main2-list .owl-nav button.owl-prev{ position: absolute; left:-50px; top: 30px; width: 40px; height: 40px; background-image: url(../images/left000-h.png); cursor: pointer; background-repeat: no-repeat; background-position: center ; font-size: 0; z-index: 50; } .main2-list .owl-nav button.owl-next{ position: absolute; right:-50px; top: 30px; width: 40px; height: 40px; background-image: url(../images/right000-h.png); cursor: pointer; background-repeat: no-repeat; background-position: center ;font-size: 0; z-index: 50; } .main3{ background-image: url(../images/main3-bg.jpg); background-repeat: no-repeat; background-position: center bottom; -webkit-background-size: cover; background-size: cover; } @keyframes updown { 0% {transform: translateY(0);} 50% {transform: translateY(10px);} 100% {transform: translateY(0);} } @keyframes leftright { 0% {transform: translateX(0);} 50% {transform: translateX(10px);} 100% {transform: translateX(0);} } @keyframes luandong { 0% {transform:translate(0,0), } 33% {transform: translate(15px,20px);} 66% {transform: translate(0px,30px);} 100% {transform: translateX(0,0);} } @keyframes luandongg { 0% {transform:translate(0,0), } 33% {transform: translate(-5px,10px);} 66% {transform: translate(6px,22px);} 100% {transform: translateX(0,0);} } @keyframes luandonggg { 0% {transform:translate(0,0), } 33% {transform: translate(3px,3px);} 66% {transform: translate(2px,12px);} 100% {transform: translateX(0,0);} } @keyframes shensuo { 0% {transform:scale(1,1)} 50% {transform:scale(0.95,0.95) } 100% {transform: scale(1,1)} } @keyframes shensuoo { 0% {transform:scale(1,1)} 50% {transform:scale(0.98,0.98) } 100% {transform: scale(1.05,1.05)} } .main3-div1{ margin-top: 100px; height: 469px; background-repeat: no-repeat; background-position: center; background-image: url(../images/main3-divbg1.png); position: relative; } .main3-div1 dl{margin:0;} .main3-div1 dd{ position: absolute; width: 170px; height: 170px; } .main3-div1 dd.dd1{animation: updown 3s ease-in-out infinite both;} .main3-div1 dd.dd2{animation: shensuo 7s ease-in-out infinite both;} .main3-div1 dd.dd3{animation: luandong 11s cubic-bezier(.17,.67,.25,.92) infinite both;} .main3-div1 dd.dd4{animation: leftright 15s cubic-bezier(.17,.67,.25,.92) infinite both;} .main3-div1 dd.dd5{animation: updown 5s cubic-bezier(.17,.67,.25,.92) infinite both;} .main3-div1 dd.dd6{animation: leftright 5s cubic-bezier(.17,.67,.25,.92) infinite both;} /*.main3-div1 dd:hover{ animation:none; }*/ .main3-div1 dd>a{ display: block; height: 100%; -webkit-background-size: 100%; background-size: 100%; background-repeat: no-repeat; background-position: center ; text-align: center; font-size: 20px; padding-top: 40px; color: #fff; } .main3-div1 dd img{ display: block; width: 57px; margin:0 auto 8px; transition: .3s; } .main3-div1 dd:hover img{ transform: rotateY(180deg); -webkit-transform: rotateY(180deg); /* Safari å’Œ Chrome */ -moz-transform: rotateY(180deg); /* Firefox */ } .main3-div1 dd.dd2{ width: 194px; height: 194px; } .main3-div1 dd.dd2>a{ padding-top: 45px; } .main3-div1 dd.dd2 img {margin-bottom: 15px;} .main3-div1 dd.dd1 a{background-image: url(../images/cy1.png);} .main3-div1 dd.dd2 a{background-image: url(../images/cy2.png);} .main3-div1 dd.dd3 a{background-image: url(../images/cy3.png);} .main3-div1 dd.dd4 a{background-image: url(../images/cy4.png);} .main3-div1 dd.dd5 a{background-image: url(../images/cy5.png);} .main3-div1 dd.dd6 a{background-image: url(../images/cy6.png);} .main3-div1 dd.dd1{ left: 201px; top: 30px; } .main3-div1 dd.dd2{ left: 657px; top: 0px; } .main3-div1 dd.dd3{ left: 635px; bottom: 22px; } .main3-div1 dd.dd4{ right:443px; bottom: 65px; } .main3-div1 dd.dd5{ right:248px; top: 84px; } .main3-div1 dd.dd6 { left: 386px; top: 152px; } .main3-div2{ padding-top:10px; } .main3-div2-dl dl{ margin:0; font-size: 0; line-height: normal; text-align: center; } .main3-div2-dl dd{ display: inline-block; width: 33.333333333%; margin-top: 20px; } .main3-div2-dl dd.ddd1>a .main3-adiv{background-color: #18b1c8;} .main3-div2-dl dd.ddd2>a .main3-adiv{background-color: #313c7a;} .main3-div2-dl dd.ddd3>a .main3-adiv{background-color: #6ab72c;} .main3-div2-dl dd.ddd4>a .main3-adiv{background-color: #ec384e;} .main3-div2-dl dd.ddd5>a .main3-adiv{background-color: #f39317;} .main3-div2-dl dd.ddd6>a .main3-adiv{background-color: #8994d0;} .main3-div2-dl dd>a{ display: block; font-size: 16px; color: #333; text-align: center; width: 85px; margin:0 auto; } .main3-adiv img{ display: block; width: 35px; margin:0 auto 0px; } .main3-adiv{ width: 85px; height: 85px; padding-top: 25px; margin:0 auto 10px; border-radius: 50%; } .main4{ background-color: #fff; padding: 34px 0 28px; } .main4-left{ width: 415px; } .main4-left h1{ margin:0; font-size: 16px; color: #7d7d7d; font-weight: bold; line-height: 1.5; } .main4-left h2{ margin:0; font-size: 28px; color: #e6223a; font-weight: bold; position: relative; padding: 15px 0; } .main4-left h2 span{ font-size: 58px; padding-right: 8px; } .main4-left h2 i{ position: absolute; right: 0; width: 130px; height: 44px; line-height: 44px; background-color: #e6223a; color: #fff; font-size: 26px; font-weight: bold; text-align: center; font-style: normal; top: 50%; margin-top: -22px; } .main4-left h2 i.cur{ background-color: green; } .main4-left h3{ margin:0; font-size: 14px; color: #80808f; line-height: 1.5; } .main4-right{ margin-top: 25px; } .main4-right dl{ margin:0; } .main4-right dd{ float: left; margin-left: 110px; } .main4-right dd:first-child{ margin-left: 0; } .main4-right dd h1{ margin:0; font-size: 16px; color: #777; } .main4-right dd h2{ margin:0; font-size: 34px; color: #000; margin-top: 17px; } /**************************************************************/ /*main-over*/ /*footer-start*/ /**************************************************************/ #footer{ } .footer-0{ background-color:#231f20; padding: 30px 0 0px; color: #fff; font-size: 14px; } .footer-0 .container{ padding-bottom: 10px; border-bottom: 1px solid #4a4a4a; } .footer-0 span{ margin-right: 15px; font-size: 16px; line-height: 28px; } .footer-0-dl dl{margin:0;} .footer-0-dl dd{ float: left; margin-right: 20px;margin-bottom: 10px; line-height: 28px; } .footer-0-dl dd>a{ color: #959494; } .footer-0-dl dd>a:hover{ color: #fff; } .footer-1{ background-color:#231f20; padding: 25px 0 30px; } .foo-1 ul,.foo-1 dl{margin:0;} .foo-1 li{ float: left; margin-left: 110px; text-align: center; } .foo-1 li:first-child+li+li+li{ text-align: left; } .foo-1 li:first-child{ margin-left: 0; } .foo-1 li h1{ margin:0; font-size: 16px; color: #fff; } .foo-1 li dd{ font-size: 14px; color: #959494; margin-top: 12px; } .foo-1 li dd:first-child{ margin-top: 22px; } .foo-1 li dd a{ font-size: 14px; color: #959494; transition: .3s; } .foo-1 li dd a:hover{ color: #fff; } .er{ width: 130px; font-size: 15px; text-align: center; color: #fff; } .er img{ display: block; width: 100%; margin-bottom: 15px; } .footer-2{ background-color: #0e0c0d; color: #fff; font-size: 14px; line-height: 1.8; padding: 12px 0; } .footer-2 .fl{ margin-top: 7px; } .footer-2 .fr a.emaaa{ vertical-align: middle; margin-top: 1px; display: inline-block; font-size: 0; } .footer-2 a:hover{ /*text-decoration: underline;*/ font-weight: bold; } .er-wp{ /*width: 163px;*/ margin-right: 57px; } .er-wp dl{ margin:0; } .er-wp dd{ float: left; margin-left: 22px; width: 42px; position: relative; } .er-wp dd>a{ display: block; height: 42px; background-repeat: no-repeat; background-position: center ; } .er-wp dd.erdd1>a{background-image: url(../images/erer1.png);} .er-wp dd.erdd2>a{background-image: url(../images/erer1.png);} .er-wp dd.erdd3>a{background-image: url(../images/erer2.png);} .er-wp dd.erdd1>a:hover{background-image: url(../images/erer1h.png);} .er-wp dd.erdd2>a:hover{background-image: url(../images/erer1h.png);} .er-wp dd.erdd3>a:hover{background-image: url(../images/erer2h.png);} .er-wp-er{ position: absolute; width: 104px; left: 50%; margin-left: -52px; top: 62px; display: none; font-size: 14px; color: #fff; text-align: center; } .er-wp-er::before{ position: absolute; width: 16px; height: 9px; top: -9px; content:""; background-image: url(../images/jiao3.png); left: 50%; margin-left: -8px; } .er-wp-er img{ display: block; width: 100%; margin-bottom: 8px; } .er-wp dd>a:hover+.er-wp-er{ display: block; } /**************************************************************/ /*footer-over*/ /**************************************/ /********[特殊css样式要求区域]**********/ /**************************************/ #header-2{ display: none; height: 75px; /*border-bottom:0px solid #035cac;*/ box-shadow: 0 4px 8px -3px #000; position: fixed; top: 0px; left: 0; width: 100%; z-index: 1001; background-color: #fff; /*background-color: #0089d0;*/ } .nav-2{ display: none; background-color: #fff; position: relative; z-index:900; } .nav-2>ul>li{ border-top: 1px dotted #ccc; position: relative; } .jiaspan{ position: absolute; width: 30px; height: 30px; background-image: url(../images/jia2.png); background-repeat: no-repeat; background-position: center ; top: 4px; 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:7px 10px 7px 20px; display: none; } .nav-2>ul>li>ul>li{ display: inline-block; margin-right: 15px; margin-bottom: 10px; } .nav-2>ul>li>ul>li>a{ font-size: 14px; 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: 220px; 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样式要求区域]**********/ /**************************************/ .banner-2{ height: 311px; background-repeat: no-repeat; background-position:left center ; background-size: cover; } .banner-2 img{ display: none; width: 100%; } .erji-top{ height: 52px; background-repeat: repeat-x; background-position: left center; background-image: url(../images/erji-top.jpg); overflow: hidden; position: relative; } .erji-top .container{ position: relative; z-index: 50; } .erji-nav dl{ margin:0; } .erji-nav dd{ float: left; } .erji-nav dd>a{ display: block; height: 52px; line-height: 52px; font-size: 16px; color: #000; padding: 0 35px; } .erji-nav dd>a:hover{ color: #21306b; } .erji-nav dd.cur>a{ background-color:#21306b; color: #fff; } .erji-nav dd.cur>a:hover{ color: #fff; } .mian{ height: 52px; line-height: 52px; padding-left: 27px; background-repeat: no-repeat; background-position: left center; background-image: url(../images/mian.png); font-size: 14px; color: #000; } .mian a:hover,.mian span{ color: #21306b; } .erji-content{ padding: 60px 0; } .chanpin-item{ margin-bottom: 30px; } .chanpin-pic .imgbox_a{ padding-bottom: 66.573%; } .chanpin-item-a a{ display: block; font-size: 14px; color: #000; text-align: center; padding: 0 15px; background-color: #f1f1f1; height:56px; line-height: 56px; transition: .3s; } .chanpin-item:hover .chanpin-item-a a{ background-color: #3484c6; color: #fff; } .yewu-pic{ width: 50%; } #business1,#business2,#business3,#business4,#business5,#business6,#business7{ position: relative; top:-98px; } .yewu-pic.fr{margin-left: 40px;} .yewu-pic.fl{margin-right: 40px;} .yewu-pic .imgbox_a{ padding-bottom: 64.67%; } .yewu-pic.fl+.yewu-con{ padding-right: 40px; } .yewu-con{ overflow: hidden; padding-top: 40px; } .yewu-con h1{ font-size: 30px; color: #000; margin:0; } .yewu-con h2{ font-size:22px; color: #000; margin:0; line-height: 1.6; margin-top: 15px; } .yewu-con-dl dl{margin:0;} .yewu-con-dl dd{ margin-top: 10px; font-size: 14px; color: #555; line-height: 25px; padding-left: 17px; background-repeat: no-repeat; background-position: left 9px; background-image: url(../images/yewudd1.png); } #yewu-li111 .yewu-con-dl dd{ padding-left:0; background-image:none; } .yewu-li1{ background-color: #049267; } .yewu-li1 .yewu-con h1{color: #fff;} .yewu-li1 .yewu-con h2{color: #fff;} .yewu-li1 .yewu-con-dl dd{ color: #fff; background-image: url(../images/yewudd2.png); } .yewu-li2{ background-color: #65abde; } .xinwen-list ul{ margin:0; } .xinwen-list li{ padding: 48px 0; border-bottom: 1px solid #ddd; } .xinwen-list li:first-child{ padding-top: 0; } .xinwen-pic{ width: 302px; margin-right: 53px; } .xinwen-pic .imgbox_a{ padding-bottom: 62.9%; } .xinwen-con{ overflow: hidden; } .xinwen-con h1{ margin:0; font-size: 16px; color: #333; } .xinwen-con h1 a:hover{ color: #21306b; } .xinwen-con p{ margin:0; font-size: 14px; color: #999; line-height: 2; height: 56px; overflow: hidden; margin-top: 22px; } .xinwen-con h2{ margin:0; font-size: 18px; color: #333; margin-top: 35px; } .fenye{ text-align: center; margin-top: 45px; } .fenye ul{ margin:0; } .danpian-h1{ font-size: 26px; line-height: 1.5; 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 table *{ font-size: 14px!important; } .danpian-con img{ display: block; margin:15px auto; height:auto!important; } .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:#21306b; } .map-wp{ height: 350px; } .map-wp .map{ height: 100%; background-repeat: no-repeat; background-position: center; -webkit-background-size: cover; background-size: cover; } .contact-list{ padding-top: 15px; } .contact-list ul{ margin:0; font-size: 0; line-height: normal; } .contact-list li{ display: inline-block; width: 50%; vertical-align: top; padding: 40px 0; border-top: 1px solid #ddd; padding-right: 15px; } .contact-list li h1{ margin:0; font-size: 24px; line-height: 1.5; color: #21306b; } .contact-list li:first-child h1{ /*font-weight: bold;*/ } .contact-list li:first-child, .contact-list li:first-child+li{ border-top: 0; } .contact-p{ font-size: 18px; color: #333; line-height:2.2; margin-top: 23px; } .about1-left{ width: 405px; margin-right: 110px; } .about1-left h1{ margin:0; font-size: 60px; font-weight: bold; color: #e3e3e3; text-transform: uppercase; } .about1-left h2{ margin:0; font-size: 36px; color: #000; line-height: 1.4; margin:5px 0 25px; } .about1-left h3{ margin:0; font-size: 20px; color: #21306b; text-transform: uppercase; } .about1-right{ overflow: hidden; font-size: 14px; color: #333; line-height: 2.4; } .about1-right p{margin:0;} .about2{ margin-top: 70px; } .about2-list .item .imgbox_a{ padding-bottom: 64.9%; } .chanpin-1-1{ background-color: #3484c6; font-size: 14px; color: #fff; line-height: 2.8; padding: 35px 20px; } .chanpin-1-2{ padding-top: 20px; } .chanpin-1-2-dl dl{ margin:0; } .chanpin-1-2-dl dd{ cursor: pointer; float: left; margin-right: 5px; margin-top: 5px; font-size: 14px; color: #333; line-height: 1.6; padding: 15px; background-color: #e8e8e8; } .chanpin-1-2-dl dd.cur{ background-color: #56a0de; color: #fff; } .chanpin1-2-div-wp .chanpin1-2-div{display: none;} .chanpin1-2-div-wp .chanpin1-2-div:first-child{display: block;} .chanpin1-2-div { padding-top: 22px; } .chanpin1-2-div img{ display: block; } .chanpin1-2-table{ margin-top: 30px; } .chanpin1-2-table table{ border-bottom: 1px solid #ddd; margin-bottom: 0; } .chanpin1-2-table table th{ height:60px; border-bottom: 2px solid #333; font-size: 22px; color: #333; vertical-align: middle!important; font-weight: bold; border-top: 0!important } .chanpin1-2-table table td{ height:50px; font-size: 14px; color: #333; vertical-align: middle!important; } .chanpin1-2-table table th:first-child{ width: 145px; padding-left: 0; } .chanpin1-2-table table td:first-child{ border-right: 1px solid #ddd; width: 145px; padding-left: 0; } .buju1-item{ display: none; position: relative; } .buju1-item:first-child{ display: block; } .buju1-item .imgbox_a{ padding-bottom: 46.67%; } .buju2{ margin-top: 24px; } .buju2-list .item{ cursor: pointer; } .buju2-list .item .imgbox_a{ padding-bottom: 46.67%; background-color: #000; } .buju2-list .item img{ opacity: 0.6; } .buju2-list .item.cur img{ opacity: 1; } .buju2{ overflow: hidden; } .buju2-list .owl-nav button.owl-prev{ position: absolute; left:-35px; top: 50%; margin-top: -36px; width: 35px; height: 73px; background-image: url(../images/left.png); cursor: pointer; background-repeat: no-repeat; background-position: center ; font-size: 0; z-index: 50; transition: .3s; } .buju2-list:hover .owl-nav button.owl-prev{ left: 0; } .buju2-list .owl-nav button.owl-next{ position: absolute; right:-35px; top: 50%; margin-top: -36px; width: 35px; height: 73px; background-image: url(../images/right.png); cursor: pointer; background-repeat: no-repeat; background-position: center ;font-size: 0; z-index: 50; transition: .3s; } .buju2-list .owl-nav button.owl-next.disabled, .buju2-list .owl-nav button.owl-prev.disabled{ display: none; } .buju2-list:hover .owl-nav button.owl-next{ right: 0; } .buju1-hei{ position: absolute; right: 0; top: 0; bottom: 0; width: 35%; padding: 9% 40px 0; background-image: url(../images/heidi2.png); z-index: 66; } .buju1-hei h1{ margin:0; color: #fff; font-size: 26px; line-height: 1.5; padding-bottom: 25px; position: relative; } .buju1-hei h1::after{ position: absolute; background-color: #fff; width: 26px; height: 2px; content:""; left: 0; bottom: 0; } .buju1-p{ font-size: 16px; color: #fff; line-height: 2; margin-top: 25px; } .buju1-p p{ margin:0; } .liuyan{ background-color: #f8f8f8; padding:65px; background-repeat: no-repeat; /* background-image: url(../images/liuyan.png);*/ background-position: 90% 62px; } .liuyan-input input::-webkit-input-placeholder{ color:#999; } .liuyan-input input::-moz-placeholder{ /* Mozilla Firefox 19+ */ color:#999; } .liuyan-input input:-moz-placeholder{ /* Mozilla Firefox 4 to 18 */ color:#999; } .liuyan-input input:-ms-input-placeholder{ /* Internet Explorer 10-11 */ color:#999; } .liuyan-input textarea::-webkit-input-placeholder{ color:#999; } .liuyan-input textarea::-moz-placeholder{ /* Mozilla Firefox 19+ */ color:#999; } .liuyan-input textarea:-moz-placeholder{ /* Mozilla Firefox 4 to 18 */ color:#999; } .liuyan-input textarea:-ms-input-placeholder{ /* Internet Explorer 10-11 */ color:#999; } .liuyan-title{ font-size: 21px; color:#003677; } .liuyan-form dl{ margin:0; } .liuyan-form dd{ width: 47.85%; margin-top: 45px; } .liuyan-form dd.lastdd{ width: 100%; float: left; } .liuyan-form dd span.fl{ font-size: 16px; color:#333; text-align: right; height: 45px; width: 96px; line-height: 45px; } .liuyan-form dd span i{ color:#f00; font-style: normal; padding-right: 7px; } .liuyan-input input:focus{ outline: none; } .liuyan-input input{ border:0; border-bottom: 1px solid #d5d5d7; background-color: #f8f8f8; width: 100%; height: 45px; padding: 8px 12px; font-size: 14px; line-height: 1.42857143; color: #333; } .liuyan-input select{ border:0; border-bottom: 1px solid #d5d5d7; background-color: #f8f8f8; width: 100%; height: 45px; padding: 8px 12px; font-size: 14px; line-height: 1.42857143; color: #333; } .liuyan-input{ overflow: hidden; font-size: 0; line-height: normal; } .liuyan-input textarea:focus{ outline: none; } .liuyan-input textarea{ border:0; border-bottom: 1px solid #d5d5d7; background-color: #f8f8f8; width: 100%; height: 175px; padding: 14px 12px; font-size: 14px; line-height: 1.42857143; color: #333; resize: none; } .liuyan-btn{ padding-top: 44px; border-top: 1px solid #d5d5d7; position: relative; top: -1px; } .liuyan-btn input:focus{ outline: none; } .liuyan-btn input[type="button"]{ width: 230px; height: 45px; border:0; color:#fff; cursor: pointer; font-size: 16px; transition: .3s; background-color: #003677; } .modal-footer .btn-primary{ background-color: #c60019!important; border-color: #c60019!important; } .liuyan-btn input[type="reset"]{ width: 230px; height: 45px; border:0; color:#666; cursor: pointer; font-size: 16px; background-color: #d2d0d0; margin-left: 19px; transition: .3s; } .liuyan-btn input[type="reset"]:hover{ color:#fff; background-color: #003677; } .chanpin-0{ width: 300px; margin-right: 50px; } .chanpin-1{ overflow: hidden; } .chanpin-0 dl{margin:0;} .chanpin-0 dd{ margin-top: 1px; } .chanpin-0 dd:first-child{ margin-top: 0; } .chanpin-0 dd>a{ display: block; font-size: 14px; color: #333; padding: 0px 10px; height: 52px; line-height: 52px; background-color: #e8e8e8; } .chanpin-0 dd.cur>a { background-color: #56a0de; color: #fff; } .chanpin-0 dd>a:hover{ color: #56a0de; } .chanpin-0 dd.cur>a:hover{ color: #fff; } /*lishi*/ .fazhan{ width: 1200px; margin:0 auto; } .lishi1-list-wp{ background-color:#eff1f3; padding: 30px 34px 40px; } .lishi1-list{ background-image: url(../images/lishi1-list-bg.jpg); background-repeat: repeat-x; background-position: left center; padding: 0 56px; } .lishi1-list .item span{ display: block; width: 78px; font-size: 16px; color: #4d4d4d; text-align: center; cursor: pointer; height: 78px; background-repeat: no-repeat; background-position: center ; background-image: url(../images/lishi1-bg2.png); margin:0 auto; padding-top: 55px; } .lishi1-list .item.cur span{ line-height: 78px; background-repeat: no-repeat; background-position: center ; background-image: url(../images/lishi1-bg1.png); padding-top: 0; color: #21306b; font-size: 20px; } .lishi1-list .owl-nav button.owl-prev{ position: absolute; left:0px; top: 50%; margin-top: -20px; width: 40px; height: 40px; background-image: url(../images/left000.png); cursor: pointer; background-repeat: no-repeat; background-position: center ; font-size: 0; z-index: 50; } .lishi1-list .owl-nav button.owl-prev:hover{background-image: url(../images/left000-h.png);} .lishi1-list .owl-nav button.owl-next{ position: absolute; right:0px; top: 50%; margin-top: -20px; width: 40px; height: 40px; background-image: url(../images/right000.png); cursor: pointer; background-repeat: no-repeat; background-position: center ;font-size: 0; z-index: 50; } .lishi1-list .owl-nav button.owl-next:hover{background-image: url(../images/right000-h.png);} .lishi1-list .owl-nav button.owl-prev.disabled, .lishi1-list .owl-nav button.owl-next.disabled{ display: none; } .lishi1-div-wp .lishi1-div{display: none;} .lishi1-div-wp .lishi1-div:first-child{display: block;} /*3-21*/ .banner-touzi{ padding: 70px 0; } .banner-touzi-item{ width: 45%; } .banner-touzi-item .yi { line-height: 50px; font-size: 18px; color: #888; } .banner-touzi-item .yi .sp1 { color: #7b1120; font-size: 30px; } .banner-touzi-item .yi .sp2 { color: #7b1120; font-size: 16px; } .banner-touzi-item .yi .sp3 { color: #7b1120; font-size: 30px; } .banner-touzi-item .yi .sp4 { display: none; color: #298a59; font-size: 30px; } .banner-touzi-item.cur .yi .sp1 { color: #298a59; font-size: 30px; } .banner-touzi-item.cur .yi .sp2 { color: #298a59; font-size: 16px; } .banner-touzi-item.cur .yi .sp3{ display: none; } .banner-touzi-item.cur .yi .sp4{ display: block; } .banner-touzi-item .yi .zsp1 { color: #7b1120; font-size: 30px; } .banner-touzi-item .yi .zsp2 { color: #7b1120; font-size: 16px; } .banner-touzi-item .yi .zsp3 { color: #7b1120; font-size: 30px; } .banner-touzi-item .yi .zsp4 { display: none; color: #298a59; font-size: 30px; } .banner-touzi-item.cur .yi .zsp1 { color: #298a59; font-size: 30px; } .banner-touzi-item.cur .yi .zsp2 { color: #298a59; font-size: 16px; } .banner-touzi-item.cur .yi .zsp3{ display: none; } .banner-touzi-item.cur .yi .zsp4{ display: block; } .banner-touzi-item .erul { margin:0; width: 440px; border-top: 1px solid #5b616b; } .banner-touzi-item .erul .td1 { width: 80px; font-size: 16px; color: #888; line-height: 30px; } .banner-touzi-item .erul .td2 { width: 140px; font-size: 16px; color: #888; line-height: 30px; } .banner-touzi-item .san { font-size: 12px; color: #888; padding: 15px 0; line-height: 30px; } .banner-touzi-item .san a { color: #7b1120; } .touzi-left{ width: 70%; margin-right: 3%; } .touzi-right{ overflow: hidden; } .touzi-left-list{ border-top: 1px solid #dbdbdb; } .touzi-left-list ul{ margin:0; } .touzi-left-list li{ padding: 10px 0; padding-right: 55px; border-bottom: 1px solid #dbdbdb; background-repeat: no-repeat; background-position: right center; background-image: url(../images/pdfhui.png); } .touzi-left-list li:hover{ background-image: url(../images/pdfhong.png); } .touzi-left-list li:hover .touzi-date{background-color:#21306b; } .touzi-left-list li:hover .touzi-date h1{color: #fff; } .touzi-left-list li:hover .touzi-date h2{color: #fff;border-color:#fff; } .touzi-date{ width: 78px; height: 78px; background-color: #e1e1e1; padding-top: 15px; padding-left: 14px; } .touzi-date h1{ margin:0; font-size: 18px; color: #666; line-height: 26px; } .touzi-date h2{ margin:0; display: inline-block; border-top: 1px solid #a8a8a8; font-size: 14px; line-height: 25px; } .touzi-con{ overflow: hidden; padding-left: 56px; background-repeat: no-repeat; background-position: 28px center; background-image: url(../images/lxlogo.png); text-overflow: ellipsis; white-space: nowrap; overflow: hidden; font-size: 15px; color: #333; height: 78px; line-height: 78px; } .touzi-con a:hover{color: #21306b;} .ftouzi .flex-direction-nav a{ background-image: url(../images/left000-h.png); transition: .3s; } .ftouzi .flex-direction-nav a.flex-next{ background-image: url(../images/right000-h.png); } .ftouzi .flex-direction-nav .flex-prev{ left: -40px; } .ftouzi .flex-direction-nav .flex-next{ right: -40px; } .ftouzi:hover .flex-direction-nav .flex-prev{ left: 10px; } .ftouzi:hover .flex-direction-nav .flex-next{ right: 10px; } .touzi-pic .imgbox_a{ padding-bottom: 90.67%; } .touzi-pic-con{ position: absolute; left: 0; right: 0; bottom: 0; line-height: 1.8; color: #fff; background-color: #21306b; padding: 10px 15px; z-index: 58; text-align: center; } .touzi-ddl dl{margin:0;} .touzi-ddl dd{ margin-top: 30px; line-height: 25px; font-size: 15px; color: #666; background-repeat: no-repeat; background-position: left top; min-height: 33px; padding-left: 45px; } .touztwo .ti .you .lianx li .lizi { width: 325px; } .table-responsive { border: 0!important; } .job-table table.table{margin:0;} .job-table table.table th { font-weight: normal; font-size: 16px; color: #333; text-align: center; height: 40px; line-height: 40px; } .job-table table.table th:first-child { text-align: left; padding-left: 50px; } .job-table table.table td { font-weight: normal; font-size: 16px; color: #666; text-align: center; border-color: #fff; height: 40px; line-height: 40px; } .job-table table.table tr.tr11 td { background-color: #eeeeee; border-bottom: 3px solid #fff; } .job-table table.table td:first-child { text-align: left; padding-left: 50px; } .job-table table.table tr.tr22 { display: none; } .job-table table.table tr.tr11 { cursor: pointer; } .job-table table.table tr.tr11.cur td { background-color: #313c7a; color: #fff; } .gangwei { padding: 15px; padding-left: 0; font-size: 16px; color: #666; line-height: 2; } .jj { width: 22px; height: 24px; background-repeat: no-repeat; background-position: center ; background-image: url(../images/jj1.jpg); display: inline-block; vertical-align: middle; } .job-table table.table tr.tr11.cur .jj { background-image: url(../images/jj1.png); } .shipin-list .chanpin-item h1{ margin:0; text-align: center; margin-top: 20px; font-size: 18px; color: #333; } .shipin-list .chanpin-item:hover .xuanc-con a{ color: #313c7a; } .shipin-list .chanpin-item:hover .spzl-hei{ opacity: 1; visibility: visible; } .xuanc-con{ background-color: #fff; box-shadow: 0 0 15px 1px rgba(0,0,0,0.15); padding: 15px; } .xuanc-con a{ display: block; font-size: 16px; line-height: 1.5; height: 48px; overflow: hidden; color: #333; } .spzl-hei{ position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: 600; background-image: url(../images/heidi4.png); opacity: 0; visibility: hidden; transition: .3s; } .bo22{ position: absolute; width: 39px; margin-left: -20px; left: 50%; top: 50%; margin-top: -20px; } .bo22 img{ display: block; width: 100%; } .baogao_zhu-item .baogao-list{ padding-bottom: 0; border-bottom: 0; } .baogao_zhu-item{ margin-top: 30px; } .baogao_zhu-item:first-child{ margin-top: 0; } .baogao_zhu-item-title{ font-size: 20px; padding-bottom: 15px; border-bottom: 1px solid #ddd; margin-bottom: 25px; } .baogao-more{ text-align: right; font-size: 16px; margin-top: 30px; } .baogao-more a{ font-size: 16px; color: #666; } .baogao-more a:hover{ color:#313c7a; font-weight: bold; } .baogao-list{ padding-bottom: 30px; border-bottom: 1px solid #ddd; } .baogao-list dl{ margin:0; } .baogao-list dd{ margin-top: 15px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; position: relative; padding-right:90px; height: 25px; line-height: 25px; } .baogao-list dd:first-child{ margin-top: 0!important; } .baogao-list dd a{ font-size: 18px; color:#333; } .baogao-list dd span{ font-size: 14px; color:#999; position: absolute; right: 0px; top: 0; } .baogao-list dd a:hover{ color:#313c7a; } .tzfw{ padding-bottom: 100px; } .tzfw-pic .imgbox_a{ padding-bottom: 48.67%; } .tzfw-item h1{ margin:0; text-align: center; font-size: 18px; color: #333; margin-top: 20px; } .tzfw-item{ margin-bottom: 30px; } .tzfw-item:hover h1{ color: #313c7a; font-weight: bold; } .liuyan_message dl{ margin:0; } .liuyan_message dd{ background-color: #fff; box-shadow: 0 0 15px 1px rgba(0,0,0,0.1); margin-top: 35px; } .liuyan_message dd:first-child{ margin-top: 0; } .liuyan_message dd h1{ margin:0; padding: 15px; font-size: 16px; color: #333; line-height: 1.8; font-weight: bold; } .liuyan_message dd h2{ margin:0; font-size: 14px; color: #999; height: 50px; line-height: 50px; padding: 0 15px; } .liuyan_message dd p{ margin:0; padding: 15px; font-size: 16px; color: #333; line-height: 1.8; background-color: #fafafa; } .liuyan_message dd img{ width: 20px; margin-right: 4px; margin-bottom: 3px; } .ceb{ position: fixed; right: 0; top: 409px; width: 50px; z-index: 999; /*opacity: 0;*/ /*visibility: hidden;*/ } .ceb.cur{ opacity: 1; visibility: visible; } .ceb dl{ margin:0; } .ceb dd{ margin-top: 1px; position: relative; } .ceb dd:hover .ywdhdiv{ display: block; } .ywdhdiv{ position: absolute; width: 200px; /*height: 50px;*/ line-height: 30px; padding:10px; background-color: #313c7a; color: #fff; font-size: 15px; right: 51px; top: 0; display: none; } .ceb dd:first-child{ margin-top:0px; } .ceb dd>a{ display: block; height:50px; background-color: #313c7a; background-repeat: no-repeat; background-position: center; transition: .3s; } .ceb dd>a:hover{ background-color: #E41A3E; } #lxtw{ width: 106px; position: fixed; right:24px; bottom: 15%; z-index: 799; } #lxtw a,#lxtw img{ display: block; width: 100%; } .main1-1-ddl dl{ margin:0; margin-left: -1%; margin-top: -1%; } .main1-1-ddl dd{ float: left; width:24%; margin-left: 1%; margin-top: 1%; } .main1-1-ppic .imgbox_a{ padding-bottom: 66.67%; } .main1-1-ppic{ position: relative; } .main1-1-ddl dd:hover .main1-1-phui-wp{ opacity: 1; visibility: visible; } .main1-1-phui-wp{ position: absolute; width: 100%; height: 100%; left: 0; top: 0; z-index: 30; background-color: rgba(0,0,0,0.6); opacity: 0; visibility: hidden; transition: opacity .3s; } .main1-1-phui{ position: absolute; width: 100%; left: 0; top: 50%; transform: translateY(-50%); padding: 0 30px; } .main1-1-phui h1{ margin:0; font-size: 16px; color:#fff; font-weight: bold; text-align: center; } .main1-1-llinee{ height: 1px; background-color: #fff; width: 150px; margin:17px auto 12px; } .main1-1-phui p{ margin:0; font-size: 14px; color:#fff; line-height: 1.5; height: 3em; overflow: hidden; text-align: center; } .main1-1-pptitle{ background-color: #D9D9D9; text-align: center; font-size: 16px; color:#333; padding: 10px 15px; } .main1-1-pptitle a:hover{ font-weight: bold; color: #21306b; } .main1-1-phui-a{ margin-top: 20px; } .main1-1-phui-a a{ display: block; border:1px dashed #fff; border-radius: 999em; font-size: 14px; color:#fff; padding: 7px 0; width: 120px; text-align: center; margin:0 auto; } .main1-1-phui-a a:hover{ background-color: #fff; border:1px solid #fff; color:#21306b; font-weight: bold; }