@charset "utf-8"; /* CSS Document */ body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td { margin:0; padding:0; } h1,h2,h3,h4,h5,h6{font-weight: normal;} BODY {FONT:14px/1.5 "Microsoft YaHei";COLOR: #333; background:#fff;width:100%; overflow-x: hidden;} A {COLOR: #333; TEXT-DECORATION: none} P{COLOR: #666;} A:hover {TEXT-DECORATION: none} A IMG {BORDER-BOTTOM-STYLE: none; BORDER-RIGHT-STYLE: none; BORDER-TOP-STYLE: none; BORDER-LEFT-STYLE: none} DIV {PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px;} UL {PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px} LI {PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px} P {PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px;} FORM {PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px} EM {FONT-STYLE: normal; FONT-WEIGHT: normal} TABLE {PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px} DT {PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px} DL {PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px} DD {PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px} FORM {PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px} TR {PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px} img{ margin:0; padding:0;} .cl{HEIGHT: 0px; CLEAR: both;} .fl{FLOAT: left} .f3{FLOAT: right} .fr{FLOAT: right} .container{max-width:1600px;margin:0 auto} .container-s{max-width:1400px;margin:0 auto;} .c{*zoom:1;} .c:after{content: ""; display: block; height: 0; clear: both;} .txt-c{text-align: center;} .txt-r{text-align: right;} .col-white{color: #fff;} table { border-collapse: collapse; border-spacing: 0; } video{ width:100%; height:100%; object-fit:fill; } /*PC绔叕鍏卞ご閮?/ .w_1200 { width: 1200px; margin: 0 auto; position: relative; } .top { width: 100%; height: 34px; line-height: 34px; font-size: 14px; border-bottom: 1px solid #eaeaea; overflow: hidden; background: #f1f1f1; color: #333; } .header { border-bottom: 3px solid #fff; width: 100%; height: 65px; padding-top: 28px; padding-bottom: 28px; overflow: hidden; } .logo { float: left; margin-top: -15px; } .lxdh { overflow: hidden; height: 65px; float: right; background: url(../images/i_tel.png) no-repeat left 5px; padding-left: 70px; margin-top: 10px; } .lxdh span { font-size: 16px; line-height: 24px; color: #434344; display: block; margin-top: 5px; } .lxdh p { font-size: 21px; line-height: 1.3; color: #fd1313; font-weight: bold; } .header .fl { margin-left: -50px; padding-left: 15px; border-left: 1px solid #1f1a17; font-size: 22px; line-height: 30px; color: #263c81; margin-top: 5px; } .menu { height: 50px; background: #263c81; line-height: 50px; width: 100%; } .menu .nav { position: relative; z-index: 77; } .menu .nav a { color: #fff; } .menu .nav .nLi { float: left; position: relative; display: inline; background: url(../images/nav_on.jpg) left center no-repeat; } .menu .nav .nLi h3 { float: left; } .menu .nav .nLi h3 a { display: block; font-size: 16px; font-weight: normal; width: 119px; text-align: center; } .menu .nav .sub { display: none; width: 119px; left: 0px; top: 50px; position: absolute; background: #263c81; line-height: 35px; text-align: center; } .menu .nav .sub a { color: #fff; } .menu .nav .sub li { zoom: 1; position: relative; } .menu .nav .sub a { display: block; padding: 0 10px; } .menu .nav .sub a:hover { background: #ff5919; color: #fff; } .menu .nav .on h3 a { background: #ff5919; color: #fff; } .wap-header{display: none;} .wap_head{ display:none;} /*棣栭〉banner*/ .banner{height:550px; position: relative; overflow: hidden; transition:0.6s;} #banner-num {top: 50%;z-index: 1; right: 3%; left: auto; width: auto;} #banner-num .swiper-pagination-bullet{width: 10px; height: 10px; opacity: 1; background: #fff; display: block; margin: 10px 0} #banner-num .swiper-pagination-bullet-active{background: #e77918;} .scroll{position: absolute; bottom: 1px; z-index: 2; left: 0; right: 0; margin: auto} .scroll img{display: block; width:20px;margin:0 auto;position:relative;animation:mymove 5s infinite;-moz-animation:mymove 5s infinite; /* Firefox */-webkit-animation:mymove 5s infinite; /* Safari and Chrome */-o-animation:mymove 5s infinite; /* Opera */} .scroll span{display: block; color: #fff; text-align: center; font-family: arial;} .banner .swiper-slide a{ display:block; width:100%; height:100%;} @keyframes mymove { 0% {bottom:0px;} 25% {bottom:15px;} 50% {bottom:0px;} 75% {bottom:15px;} 100% {bottom:0px;} } /*瀹氬埗娴佺▼*/ .index_dzlc{background: url(../img/lcbj.jpg) no-repeat center;} .index_dzlc .title{ text-align:center;padding:25px 0;} .index_dzlc .title .tit{ height:36px; line-height:36px; margin:0 auto; width:232px;} .index_dzlc .title .tit i{ width:44px; height:36px; display:block; float:left; } .index_dzlc .title .tit i.ico1{background:url(../img/ico1.png) no-repeat center;} .index_dzlc .title .tit i.ico2{background:url(../img/ico2.png) no-repeat center;} .index_dzlc .title .tit span{ font-size:26px; color:#333333; display:block; line-height:36px; float:left; margin:0 20px;} .index_dzlc .title p{ height:30px; line-height:30px; width:307px; margin:0 auto;margin-top:10px; } .index_dzlc .title p em{ display:block; width:40px; height:1px; float:left; margin-top:14px;} .index_dzlc .title p span{ color:#666666; font-size:18px; margin:0 20px; display:block; float:left;} .index_dzlc .dzlcont{width:100%; margin:0 auto;} .index_dzlc .dzlcont ul li{ width:8.5%; float:left; text-align:center; background-color:#7dc8d8; padding:2% 1%; margin:0 1%;border-radius:5%;} .index_dzlc .dzlcont ul li i{ display:block; width:100%; height:80px;} .index_dzlc .dzlcont ul li i.lc1{background:url(../img/lc1.png) no-repeat center/58%;} .index_dzlc .dzlcont ul li i.lc2{background:url(../img/lc2.png) no-repeat center/58%;} .index_dzlc .dzlcont ul li i.lc3{background:url(../img/lc3.png) no-repeat center/58%;} .index_dzlc .dzlcont ul li i.lc4{background:url(../img/lc4.png) no-repeat center/58%;} .index_dzlc .dzlcont ul li i.lc5{background:url(../img/lc5.png) no-repeat center/58%;} .index_dzlc .dzlcont ul li i.lc6{background:url(../img/lc6.png) no-repeat center/58%;} .index_dzlc .dzlcont ul li i.lc7{background:url(../img/lc7.png) no-repeat center/58%;} .index_dzlc .dzlcont ul li i.lc8{background:url(../img/lc8.png) no-repeat center/58%;} .index_dzlc .dzlcont ul li em{ color:#fff; font-size:20px; display:block; margin-top:5px;font-weight:bold; } .index_dzlc .dzlcont ul li span{ color:#fff; font-size:20px; font-weight:bold;} /*瀹氬埗鏁堟灉鍥?/ .index_dzxgt{ width:100%; height:900px; background:url(../img/dzbg.jpg) no-repeat center; margin-top:50px;} .index_dzxgt .title{ text-align:center; padding-top:20px;} .index_dzxgt .title i{ display:block; width:100%; height:60px; background:url(../img/dz5.png) no-repeat center;} .index_dzxgt .title h2{ color:#000; font-size:26px; letter-spacing:1px;font-weight: bold;} .index_dzxgt .title p{color:#666666; font-size:18px;} .theme-picbg{background:url(../img/dz6.png); width:1200px; margin:0 auto; padding:20px;margin-top:20px;border-radius:10px; box-shadow:5px 0px 10px rgba(125,125,126, 0.3);} .theme-pic{ max-width:1200px; margin:0 auto; } .theme-pic .theme-tab-pic{ width:100%; max-height:457px; overflow:hidden; } .theme-pic .theme-tab-pic a{ display:none;} .theme-pic img { display:block; margin:0 auto; width:100%; } .theme-pic ul { margin: 10px auto 0; width:100%; } .theme-pic ul.theme-tab-spic li { float:left; width:24%; text-align:center; font-size:33px; font-weight:bold; color:#fff; margin-left:1.3%; cursor:pointer; position:relative; overflow:hidden; } .theme-pic ul.theme-tab-spic li b { width:100%; height:100%; line-height:50px; display:block; color:#3babb5; position:absolute; left:0; top:100%; } .theme-pic ul li.last { border-right:0; } .theme-pic ul.theme-tab-spic li.on b { top:0; } .theme-pic-two ul li { float:left; width:286px; margin:10px 0 10px 16px; border:1px solid #ccc; } .theme-pic-two ul li img { width:286px; display:block; } .theme-pic-two ul li dd{ padding: 5px 0; } .theme-pic-two ul li p { background:#2da5ad; height:24px; line-height:24px; overflow:hidden; padding: 0 10px; } /*鍚堜綔涓囧崈瀹㈡埛*/ .index_goods .title{ text-align:center;padding:60px 0;} .index_goods .title .tit{ height:36px; line-height:36px; margin:0 auto; width:422px;} .index_goods .title .tit i{ width:44px; height:36px; display:block; float:left; } .index_goods .title .tit i.ico1{background:url(../img/ico1.png) no-repeat center;} .index_goods .title .tit i.ico2{background:url(../img/ico2.png) no-repeat center;} .index_goods .title .tit span{ font-size:26px; color:#000; display:block; line-height:36px; float:left; margin:0 20px;font-weight: bold;} .index_goods .title p{ height:30px; line-height:30px; width:340px; margin:0 auto;margin-top:10px; } .index_goods .title p em{ display:block; width:40px; height:1px; float:left; margin-top:14px;} .index_goods .title p span{ color:#666666; font-size:18px; margin:0 20px; display:block; float:left;} .index_goods .index_gdcon{ width:100%; margin:0 auto;} .index_goods .index_gdcon ul#cat1{ width:100%; height:60px; line-height:60px; background-color:#e6e5e5;} .index_goods .index_gdcon ul#cat1 li{ float:left; margin:0 3%;} .index_goods .index_gdcon ul#cat1 li a{color:#666666; font-size:16px; display:block; height:58px; line-height:58px;} .index_goods .index_gdcon ul#cat1 li a.current{ color:#1f258e; border-bottom:2px solid #1f258e;} .index_goods .index_gdcon .con{ margin-top:25px; display:none;} .index_goods .index_gdcon .con ul li{width:24.4%; float:left; margin-right:0.8%; margin-bottom:2%; border-bottom:1px solid #ddd; padding-bottom:1%;} .index_goods .index_gdcon .con ul li:nth-child(4n){ margin-right:0;} .index_goods .index_gdcon .con ul li a{ display:block;} .index_goods .index_gdcon .con ul li img{ width:100%;} .index_goods .index_gdcon .con ul li p{ width:100%; color:#333333; font-size:16px; margin-bottom:10px;} .index_goods .index_gdcon .con ul li span{ width:100%; display:block; font-size:12px; color:#999; margin-bottom:2px;} /*鐢熶骇瀹炲姏*/ .index_shili{ } .index_shili .title{ text-align:center;padding:75px 0;} .index_shili .title .tit{ height:36px; line-height:36px; margin:0 auto; width:350px;} .index_shili .title .tit i{ width:44px; height:36px; display:block; float:left; } .index_shili .title .tit i.ico1{background:url(../img/ico1.png) no-repeat center;} .index_shili .title .tit i.ico2{background:url(../img/ico2.png) no-repeat center;} .index_shili .title .tit span{ font-size:26px; color:#000; display:block; line-height:36px; float:left; margin:0 20px;font-weight: bold;} .index_shili .title p{ height:30px; line-height:30px; width:260px; margin:0 auto;margin-top:10px; } .index_shili .title p em{ display:block; width:40px; height:1px; float:left; margin-top:14px;} .index_shili .title p span{ color:#666666; font-size:18px; margin:0 20px; display:block; } .index_shili .shilicon{ width:1200px; margin:0 auto; margin-top:30px;} .index_shili .shilicon .slitem{ width:440px;} .index_shili .shilicon .slitem .titl h3{ width:100%; height:36px; line-height:32px; color:#333333; font-size:24px; background:url(../img/sl11.jpg) no-repeat left center; text-align:left; padding-left:20px;} .index_shili .shilicon .slitem .titl span{ display:block; color:#999; font-size:20px; text-align:left;} .index_shili .shilicon .slitem .slco1{box-shadow:5px 0px 10px rgba(125,125,126, 0.3); background-color:#fff;border-radius:15px; margin-top:15px; overflow:hidden;} .index_shili .shilicon .slitem .slco1 .img{ width:100%; height:220px;} .index_shili .shilicon .slitem .slco1 .img1{ background:#f4f4f4 url(../img/sl1.png) no-repeat center;} .index_shili .shilicon .slitem .slco1 .img2{ background:#f4f4f4 url(../img/sl2.png) no-repeat center;} .index_shili .shilicon .slitem .slco1 .slcinfo{ padding:20px 20px 30px 20px;} .index_shili .shilicon .slitem .slco1 .slcinfo p{ font-size:16px; color:#666666; margin-bottom:10px; background:url(../img/sl10.png) no-repeat 0 10px; padding-left:20px;} .index_shili .shilicon2{ width:1200px; margin:0 auto; margin-top:30px;} .index_shili .shilicon2 ul li{ width:10.8%; margin-right:4%; float:left;} .index_shili .shilicon2 ul li:nth-child(7){ margin-right:0;} .index_shili .shilicon2 ul li img{ width:100%;border-radius:6px;} .index_shili .shilicon2 ul li p{ color:#666666; font-size:16px; text-align:center;} /*鐪熷疄鏈嶅姟妗堜緥 */ #index-num{display:none;} #index-prev,#index-next{position: absolute; width: 31px; height: 48px; border: solid 1px #d9d9d9; } #index-prev{ left: -56px;} #index-next{ right: -56px;} #index-prev:hover{ border-color: #3287cf} #index-next:hover{ border-color: #3287cf} .field{padding: 63px 0 45px;} .field-title{text-align: center; margin-bottom:30px;} .field-title h2{ color:#333; font-size:26px; letter-spacing:1px;} .field-title p{color:#666666; font-size:18px;} .field-title img{display: block; margin: 0 auto;} .field-content{position: relative; margin-bottom:30px;} .field-list{overflow: hidden; } .field-list ul li{position: relative; text-align: center;} .field-list ul li .pic{width:100%;overflow: hidden;} .field-list ul li .pic img{display: block; width: 100%;transition: all .5s;} .field-list ul li .info{background: rgba(0,0,0,0.6); width:100%; height:40px; line-height:40px; font-size:16px; bottom: 0; position: absolute; color:#fff;} .field-more{display: block; width: 218px; line-height: 48px; border: solid 1px #cfcfcf; font-size: 15px; color: #666; text-align: center; margin: 0 auto; border-radius: 25px;} .field-more:hover{background: #3287cf; border-color: #3287cf; color: #fff; transition:0.6s;} .field .more{width:280px; height:40px; line-height:40px; text-align:center; margin:0 auto;} .field .more a{ display:block; font-size:14px; color:#333333;background-color:#f5f5f5; border-radius:40px;} .field .more a:hover{ background-color:#666; color:#fff;} .anli{ margin-top:25px; margin-bottom:-350px;} .anli .anliL{ width:652px; height:657px; overflow:hidden;} .anli .anliL.sj{background:url(../img/al4.png) no-repeat center;} .anli .anliL.ln{background:url(../img/al5.png) no-repeat center;} .anli .anliL h3{ color:#333333; font-size:28px; font-weight:bold; margin-top:45px; margin-left:140px;} .anli .anliL span{ display:block; color:#666666; font-size:16px; margin-left:140px; margin-top:5px;} .anli .anliL img{ margin-left:140px; margin-top:25px;} .anli .anliL p{ color:#666666; margin-left:140px; margin-right:110px; font-size:16px; margin-top:15px; background:url(../img/lc9.png) no-repeat left 8px; padding-left:20px;} .jsbg{ width:100%; background:#f4f4f4 url(../img/js4.jpg) no-repeat center bottom; padding-top:300px; } .rongyu{ margin-top:80px;} .rongyu .title{ text-align:center;padding:50px 0;} .rongyu .title .tit{ height:36px; line-height:36px; margin:0 auto; width:492px;} .rongyu .title .tit i{ width:44px; height:36px; display:block; float:left; } .rongyu .title .tit span{ font-size:26px; color:#000; display:block; line-height:36px; float:left; margin:0 20px;} .rongyu .title .tit i.ico1{background:url(../img/ico1.png) no-repeat center;} .rongyu .title .tit i.ico2{background:url(../img/ico2.png) no-repeat center;} .rongyu #cat2{ text-align:center;} .rongyu #cat2 li{ width:120px; height:36px; line-height:36px; display:inline-block;margin:0 40px; cursor:pointer;} .rongyu #cat2 li a{ color:#333333; font-size:16px; display:block; text-align:center;border-radius:25px; border:1px solid #999999; } .rongyu #cat2 li a.current{ background-color:#1f258e; color:#fff;border:1px solid #1f258e;} .rongyu .con{ margin-top:40px; display:none;} .rongyu .con li{ width:14%; float:left; margin-right:1%; margin-bottom:1%; border:8px solid #a1d3df;} .rongyu .con li img{ width:100%;} .jiesao{ width:1400px; margin:0 auto;} .jiesao .title{ text-align:center;padding:50px 0;} .jiesao .title .tit{ height:36px; line-height:36px; margin:0 auto; width:290px;} .jiesao .title .tit i{ width:44px; height:36px; display:block; float:left; } .jiesao .title .tit span{ font-size:26px; color:#000; display:block; line-height:36px; float:left; margin:0 20px;} .jiesao .title .tit i.ico1{background:url(../img/ico1.png) no-repeat center;} .jiesao .title .tit i.ico2{background:url(../img/ico2.png) no-repeat center;} .jiesao #index-num{display:none;} .jiesao #index-prev,.jiesao #index-next{position: absolute; width:66px; height:66px; border:none;} .jiesao #index-prev{ left: -150px;} .jiesao #index-next{ right: -150px;} .jiesao .field-content{position: relative; margin-bottom:30px;} .jiesao .field-list2{overflow: hidden; } .jiesao .field-list2 ul li{position: relative; text-align: center; width:100%; overflow:hidden;} .jiesao .field-list2 ul li .pic{width:100%;overflow: hidden;} .jiesao .field-list2 ul li .pic img{display: block; width:100%;transition: all .5s;} .jiesao .field-list2 ul li .info{width:92%; background-color:#fff; padding:4%; min-height:180px;border-radius:0 0 10px 10px;} .jiesao .field-list2 ul li .info h3{ color:#333333; text-align:left; font-size:16px; font-weight:bold;} .jiesao .field-list2 ul li .info p{ color:#999999; font-size:14px; margin-top:5px; text-align:left;} /**宸ヤ綔鏈嶅畾鍒舵渚?*/ .dzanli .title{ text-align:center;padding:50px 0;} .dzanli .title .tit{ height:36px; line-height:36px; margin:0 auto; width:310px;} .dzanli .title .tit i{ width:44px; height:36px; display:block; float:left; } .dzanli .title .tit span{ font-size:26px; color:#000; display:block; line-height:36px; float:left; margin:0 20px;} .dzanli .title .tit i.ico1{background:url(../img/ico1.png) no-repeat center;} .dzanli .title .tit i.ico2{background:url(../img/ico2.png) no-repeat center;} .dzanli .title p{ height:30px; line-height:30px; width:428px; margin:0 auto;margin-top:10px; } .dzanli .title p em{ display:block; width:40px; height:1px; border-bottom:1px solid #999999; float:left; margin-top:14px;} .dzanli .title p span{ color:#666666; font-size:18px; margin:0 20px; display:block; float:left;} .dzanli #cat3{ text-align:center;} .dzanli #cat3 li{display:inline-block;cursor:pointer; height:36px; line-height:36px; margin-right:20px; margin-bottom:20px;} .dzanli #cat3 li a{ background-color:#e2e3f0;font-size:16px; display:block;padding:0 30px; text-align:center;border-radius:25px; color:#1f258e;} .dzanli #cat3 li a:hover{ background-color:#1f258e; color:#fff;} .dzanli #cat3 li a.current{ background-color:#1f258e; color:#fff;} .dzanli .dzanlicon{ margin-top:30px;} .dzanli .dzanlicon ul li{ float:left; width:23.8%; overflow:hidden; margin-right:1.5%; margin-bottom:1.5%;background-color:#f4f4f4;} .dzanli .dzanlicon ul li:nth-child(4n){ margin-right:0;} .dzanli .dzanlicon ul li img{ width:100%; display:block;} .dzanli .dzanlicon ul li .info{ padding:10px 20px 20px;} .dzanli .dzanlicon ul li .info h3{ color:#333333; font-size:16px;} .dzanli .dzanlicon ul li .info p{ color:#333333; font-size:14px; margin-top:5px;} /**甯歌瀹氬埗闂**/ .wenti .title{ text-align:center;padding:50px 0;} .wenti .title .tit{ height:36px; line-height:36px; margin:0 auto; width:400px;} .wenti .title .tit i{ width:44px; height:36px; display:block; float:left; } .wenti .title .tit span{ font-size:26px; color:#000; display:block; line-height:36px; float:left; margin:0 20px;} .wenti .title .tit i.ico1{background:url(../img/ico1.png) no-repeat center;} .wenti .title .tit i.ico2{background:url(../img/ico2.png) no-repeat center;} .wenti ul{} .wenti ul li{ border:1px solid #74787b; width:28.7%; float:left; margin-right:0; margin-right:1.5%; margin-bottom:1.5%; padding:1% 1.5%; background-color:#fff;border-radius:10px; min-height:180px;} .wenti ul li:nth-child(3n){ margin-right:0;} .wenti ul li h2{ color:#333333; font-size:20px; height:41px; line-height:41px; font-weight:bold;background:url(../img/wt1.png) no-repeat left center; padding-left:60px;} .wenti ul li i{ display:block; width:100%; border-bottom:1px solid #badce4; margin:10px 0;} .wenti ul li p{ color:#333; font-size:14px; margin-bottom:5px;} /**瀹氬埗鏀荤暐**/ .dzgonglv{ width:100%; background-color:#f4f4f4; margin-top:60px; padding-bottom:60px;} .dzgonglv .title{ text-align:center;padding:70px 0 50px;} .dzgonglv .title .tit{ height:36px; line-height:36px; margin:0 auto; width:310x;} .dzgonglv .title .tit i{ width:44px; height:36px; display:block; float:left; } .dzgonglv .title .tit span{ font-size:26px; color:#000; display:block; line-height:36px; float:left; margin:0 20px;} .dzgonglv .title .tit i.ico1{background:url(../img/ico1.png) no-repeat center;} .dzgonglv .title .tit i.ico2{background:url(../img/ico2.png) no-repeat center;} .dzgonglv .dzglcon{} .dzgonglv .dzglcon .gllist{ width:20%; float:left; background-color:#fff; box-shadow:0 4px 20px 0 hsla(0,0%,84%,.4); margin-right:1.5%; margin-bottom:1.5%;border-radius:8px; padding:1.5%;} .dzgonglv .dzglcon .gllist:nth-child(4){ margin-right:0;} .dzgonglv .dzglcon .gllist:hover{box-shadow:0 10px 30px 0 hsla(0,0%,75%,.5);} .dzgonglv .dzglcon .gllist .gltit{ border-bottom:1px solid #e7e7e7; text-align:center; padding-bottom:20px;} .dzgonglv .dzglcon .gllist .gltit i{ display:block; width:100%; height:37px;} .dzgonglv .dzglcon .gllist .gltit i.gl1{ background:url(../img/new1.png) no-repeat center;} .dzgonglv .dzglcon .gllist .gltit i.gl2{ background:url(../img/new2.png) no-repeat center;} .dzgonglv .dzglcon .gllist .gltit i.gl3{ background:url(../img/new3.png) no-repeat center;} .dzgonglv .dzglcon .gllist .gltit i.gl4{ background:url(../img/new4.png) no-repeat center;} .dzgonglv .dzglcon .gllist .gltit span{ display:block; color:#333333; font-size:20px; margin-top:10px;} .dzgonglv .dzglcon .gllist .glcn{ margin-top:10px;} .dzgonglv .dzglcon .gllist .glcn li{height:40px; line-height:40px;} .dzgonglv .dzglcon .gllist .glcn li a{ color:#666666; font-size:14px;} .dzgonglv .dzglcon .gllist .glcn li a:hover{ color:#3287cf;} .dzgonglv .dzglcon .gllist .more{ text-align:right; background:url(../img/new5.png) no-repeat right center;} .dzgonglv .dzglcon .gllist .more a{ color:#666; font-size:14px; padding-right:20px;} .dzgonglv .dzglcon .gllist .more a:hover{ color:#3287cf;} /**浜у搧椤甸潰***/ .band{ width:100%; position:relative;} .band img{ width:100%;} .band .pc{display:block;} .band .mobile{ display:none;} .band .position { width: 100%; height: 58px; position: absolute; bottom: 0; left: 0; background: url(../img/positionbg.png); } .band .position .position_cen{ width: 1400px; height: auto; margin: 0 auto; line-height: 58px; font-size: 14px; color: #fff; background: url(../img/home.png) no-repeat left center; padding-left: 30px; } .band .position .position_cen a{ color:#fff;} .P_cat{ margin-top:30px;} .P_cat dl{ margin-bottom:10px;} .P_cat dl dt{ float:left;color:#666; font-size:14px; width:5%;} .P_cat dl dd{ width:95%;} .P_cat dl dd a{ margin:0 10px; border:1px solid #e5e5e5; display:inline-block; padding:2px 20px;border-radius:4px; font-size:14px; color:#666; margin-bottom:10px; cursor:pointer;} .P_cat dl dd a.on{ background-color:#509cd2; border:1px solid #509cd2; color:#fff;} .P_cat dl dd a:hover{background-color:#509cd2; border:1px solid #509cd2; color:#fff;} .P_cat dl dd.hangye{ height:70px; overflow:hidden; position:relative;} .P_cat dl dd.hangye .quanbu{ position:absolute; bottom:8px; right:10px; width:45px; background:url(../img/xx.png) no-repeat center right/30%; cursor:pointer;} .P_cat dl dd.hangye .xiangshang{ display:none; position:absolute; bottom:8px; right:10px; width:45px; background:url(../img/xx.png) no-repeat center right/30%; cursor:pointer;} .P_cat dl dd.hangye.on{ height:auto;} .gmian{} .gmian ul li{width:19%; float:left; margin-right:1%; margin-bottom:2%; border-bottom:1px solid #ddd;} .gmian ul li:nth-child(5n){ margin-right:0;} .gmian ul li a{ display:block;} .gmian ul li img{ width:100%;} .gmian ul li p{ width:100%; color:#333333; font-size:16px; margin-bottom:10px; margin-top:10px;} .gmian ul li span{ width:100%; display:block; font-size:12px; color:#999; margin-bottom:2px;} /*5澶ф渚?/ .case_wrap { position: relative; margin-top: 70px; height: 710px } .case_wrap .cont_item { width: 100%; height: 100%; display:none; } .case_wrap .cont_item.item4 .case_detail { margin-top: 23px } .case_wrap .cont_item.item5 .case_detail { margin-top: 73px } .case_wrap .case_tab { position: absolute; top: 408px; left: 0; width: 100% } .case_wrap .case_tab, .case_wrap .tab_item { display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; z-index: 2 } .case_wrap .tab_item { position: relative; -ms-flex-align: center; align-items: center; color: #c1c0c2; font-weight: 700; margin-right: 24px; cursor: pointer; border: 3px solid #fff; border-radius: 5px; width: 78px; height: 78px; background-size: cover; text-align: center; box-shadow: 0 2px 4px 0 hsla(0, 0%, 70%, .5) } .case_wrap .item1{ background:url(../img/casetab1.png) no-repeat center;} .case_wrap .item2{ background:url(../img/casetab2.png) no-repeat center;} .case_wrap .item3{ background:url(../img/casetab3.png) no-repeat center;} .case_wrap .item4{ background:url(../img/casetab4.png) no-repeat center;} .case_wrap .item5{ background:url(../img/casetab5.png) no-repeat center;} .case_wrap .tab_item:after { content: ""; position: absolute; width: 100%; height: 100%; background-color: rgba(0, 0, 0, .5); top: 0; left: 0; z-index: -1 } .case_wrap .tab_item.active { box-shadow: 0 4px 10px 0 hsla(0, 0%, 46%, .6); color: #fff } .case_wrap .tab_item.active:after { content: ""; background-color: transparent } .case_wrap .case_info { display: -ms-flexbox; display: flex; -ms-flex-flow: column; flex-flow: column; -ms-flex-align: center; align-items: center; height: 450px; background-size: cover !important; color: #fff; font-weight: 700 } .case_wrap .case_info_link { position: absolute; top: 0; width: 100%; height: 450px; cursor: pointer } .case_wrap .case_logo { margin-top: 50px; width: 154px; height: 154px; background-size: cover !important } .case_wrap .case_sub { margin-top: 4px; font-size: 18px; text-align: center; width: 1200px } .case_wrap .case_detail { margin-top: 48px; width: 126px; height: 48px; line-height: 48px; border-radius: 5px; font-weight: 700; color: #161616; text-align: center; background-image: linear-gradient(90deg, #ffec6b, #ffdc00); border: none !important; } .case_wrap .oc_img { margin-top: 60px; margin-bottom: 30px; width: 1200px; height: 90px; background-size: cover !important } .case_wrap .other_case { text-align: center; -ms-flex-flow: column; flex-flow: column; height: 260px; background-color: #f7f7f7 } .case_wrap .other_case, .case_wrap .other_case a { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center } .case_wrap .other_case a { opacity: .9; color: #5d5d5d; font-size: 14px } .case_wrap .other_case i { color: #5d5d5d; font-size: 18px } /*浜斿ぇ鐞嗙敱*/ .case_liyou{ padding:2% 0 0;} .case_liyou img{ max-width:100%;} /*浜у搧璇︽儏椤甸潰*/ .gdmian{} .gdmian .detaposit{ font-size:14px; margin:30px 0 20px;} .gdmian .gdmianL{ width:1100px; float:left;} /* tFocus */ #tFocus-btn li.active,#tFocus-leftbtn,#tFocus-rightbtn{display:block;background: url(../img/spr.png) no-repeat;} #tFocus{width:450px;height:565px;overflow:hidden;} #tFocus-pic{width:450px;height:450px;position:relative;} #tFocus-pic li{width:338px;height:243px;position:absolute;left:0;top:0;filter:alpha(opacity:0);opacity:0;} #tFocus-pic li img{ width:450px; height:450px;} #tFocusBtn{width:450px;height:103px;padding-left:5px;margin-top:10px;z-index:20;overflow:hidden;} #tFocus-btn{width:406px;height:103px;position:relative;left:0;bottom:0;overflow:hidden;float:left;margin-right:3px;} #tFocus-btn ul{width:100000px;position:absolute;left:0;top:0;} #tFocus-btn li{height:91px;width:97px;padding-top:7px;display:block;float:left;margin-right:5px; cursor:pointer;} #tFocus-btn li img{border:2px solid #dddddd; width:89px; height:89px;} #tFocus-btn li.active{background-position:-445px -100px;} #tFocus-btn li.active img{border:2px solid #40b9e5} #tFocus-leftbtn,#tFocus-rightbtn{height:40px;margin-top:34px;width:15px;float:left;text-indent:-9999px;} #tFocus-leftbtn{margin-right:5px;background-position:-455px -60px;} #tFocus-rightbtn{background-position:-480px -60px;} .mtuce{ display:none;} .gdmian .gdmianL .gdinfo .gdinfo_R{ width:600px;} .gdmian .gdmianL .gdinfo .gdinfo_R h2{ color:#333333; font-size:20px; font-weight:bold; margin-top:10px;} .gdmian .gdmianL .gdinfo .gdinfo_R .guige{ background-color:#F4F4F4; padding:15px; margin-top:20px; border-radius:4px;} .gdmian .gdmianL .gdinfo .gdinfo_R .guige p{ color:#666666; font-size:14px; margin-bottom:7px;} .gdmian .gdmianL .gdinfo .gdinfo_R .guige p span{ color:#666666; font-size:14px;} .gdmian .gdmianL .gdinfo .gdinfo_R .chima{ margin-top:15px;} .gdmian .gdmianL .gdinfo .gdinfo_R .chima span{ color:#666666; font-size:16px;} .gdmian .gdmianL .gdinfo .gdinfo_R .chima p{ margin-top:5px; font-size:14px;} .gdmian .gdmianL .gdinfo .gdinfo_R .chima p a{ color:#313192; font-size:14px; margin-left:20px;} .gdmian .gdmianL .gdinfo .gdinfo_R .zixun{ width:200px; margin-top:30px;} .gdmian .gdmianL .gdinfo .gdinfo_R .zixun a{ display:block; width:100%; height:44px; line-height:44px; letter-spacing:4px; background-color:#2E3092; color:#fff; text-align:center; font-size:16px;border-radius:4px;} .gdmian .gdmianL .gdinfo2{ margin-top:40px;} .gdmian .gdmianL .gdinfo2 .title{ width:100%; height:50px; background-color:#f6f6f6;border:1px solid #d4d4d4; border-bottom:none;} .gdmian .gdmianL .gdinfo2 .title span{ display:block; position:absolute; color:#333; font-size:16px;width:150px; line-height:48px; text-align:center; border-top:3px solid #1f258d; background-color:#fff; border-right:1px solid #d4d4d4;} .gdmian .gdmianL .gdinfo2 .title a{ color:#333; float:right; line-height:50px; margin-right:20px;} .gdmian .gdmianL .gdinfo2 .title a:hover{ color:#1f258d;} .gdmian .gdmianL .gdcont{ width:100%; border:1px solid #d4d4d4; text-align:center;} .gdmian .gdmianL .gdcont img{ max-width:100%;} .gdmian .gdmianR{ width:260px; float:right;} .gdmian .gdmianR .xgcp{background-color:#fff;border-radius:6px; padding:10px 20px 20px; margin-top:20px; border:1px solid #d4d4d4;} .gdmian .gdmianR .xgcp .titl{border-bottom:1px solid #e8eaec; font-size:16px; font-weight:bold; width:100%; padding-bottom:12px; background:url(../img/biaoqian.jpg) no-repeat 0px 2px; text-indent:30px; margin-bottom:20px;} .gdmian .gdmianR .xgcp ul li{ margin-bottom:10px;} .gdmian .gdmianR .xgcp ul li img{ width:100%;} .gdmian .gdmianR .xgcp ul li p{ color:#333; font-size:14px; text-align:center;} .gdmian .gdmianR .xgzx{background-color:#fff;border-radius:6px; padding:10px 20px 20px; margin-top:20px; border:1px solid #d4d4d4;} .gdmian .gdmianR .xgzx .titl{border-bottom:1px solid #e8eaec; font-size:16px; font-weight:bold; width:100%; padding-bottom:12px; background:url(../img/biaoqian2.jpg) no-repeat 0px 4px; text-indent:30px; margin-bottom:20px;} .gdmian .gdmianR .xgzx ul li{ border-bottom:1px dashed #e8eaec; padding:10px 0;} .gdmian .gdmianR .xgzx ul li a{ font-size:14px; color:#666; line-height:25px; padding-left:20px;background:url(../img/biaoqian3.jpg) no-repeat 0px 4px;} .gdmian .gdmianR .xgzx ul li a:hover{ color:#ea572b;} .gdmian .gdmianR .biaoqian{background-color:#fff;border-radius:6px; padding:10px 20px 20px; margin-top:20px; border:1px solid #d4d4d4;} .gdmian .gdmianR .biaoqian .titl{ border-bottom:1px solid #e8eaec; font-size:18px; font-weight:bold; width:100%; padding-bottom:12px; background:url(../img/biaoqian.jpg) no-repeat 0px 4px; text-indent:30px; margin-bottom:20px;} .gdmian .gdmianR .biaoqian a{text-transform:uppercase;border:1px solid #e8eaec;padding:8px 14px;display:inline-block;font-size:12px;line-height:12px;color:#9a9fab;border-radius:20px;letter-spacing:1px; margin-bottom:8px; margin-right:5px;} .gdmian .gdmianR .biaoqian a:hover{ background-color: #3287cf; color: #fff; border-color: #3287cf; } /**瀹氬埗鏀荤暐**/ /*杞挱鍥綽*/ .glbanner{width:100%;overflow: hidden;z-index: 1;} .glbanner .slick-slider,.glbanner .slick-list,.glbanner .slick-track,.glbanner .slick-slide{ width:100%;} .glbanner a{display: block;} .glbanner .slick-slide{ background-repeat: no-repeat; background-position: center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } .slick-slide img{ width:100%;} .glbanner .slick-dots { position: absolute; left: 0; bottom:0; height:32px; width: 100%; text-align: center; z-index: 99; } .glbanner .slick-dots li { display: inline-block; margin: 11px 6px; } .glbanner .slick-dots li button { display: block; width:14px; height:13px; font-size: 0; line-height: 0; text-indent: 999px; border: none; outline: none; cursor: pointer; background:url(../img/r2.png) no-repeat center; } .glbanner .slick-dots li.slick-active button { background:url(../img/r1.png) no-repeat center; } .glbanner .slick-prev{ background: url(../img/glleft.png) no-repeat; position: absolute;top:50%;left:10%; width:40px; height:68px; z-index: 3; cursor: pointer; border:none; margin-top:-34px;} .glbanner .slick-next{ background: url(../img/glright.png) no-repeat; position: absolute;top:50%;width:40px; height:68px;right:10%;z-index: 3;cursor: pointer; border:none; margin-top:-34px;} /*杞挱鍥綿*/ /**鏀荤暐鍒嗙被 b**/ .seo_wrap .seo_assortment { margin-top: 60px; display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between } .seo_wrap .seo_assortment .seo_assortment_item, .seo_wrap .seo_assortment .seo_assortment_item .assortment_item_title, .seo_wrap .seo_assortment .seo_assortment_item .assortment_item_title img { width:440px; display:block; } .seo_wrap .seo_assortment .assortment_item_list { display: -ms-flexbox; display: flex; width: 100%; border: 1px solid #f0f0f0 } .seo_wrap .seo_assortment .assortment_item_list .nav_item { display: -ms-flexbox; display: flex; -ms-flex-flow: column; flex-flow: column; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; height: 98px; width: 98px; font-size: 13px; color: #9b9b9b } .seo_wrap .seo_assortment .assortment_item_list .nav_item:hover { font-size: 13px; color: #161616 } .seo_wrap .seo_assortment .assortment_item_list .nav_item:hover .shirt_icon { display: none } .seo_wrap .seo_assortment .assortment_item_list .nav_item:hover .img_hover { display: block } .seo_wrap .seo_assortment .assortment_item_list .nav_item .shirt_icon { height: 23px; background-size: cover; margin-bottom: 10px; transition: all .3s } .seo_wrap .seo_assortment .assortment_item_list .nav_item .img_hover { display: none } .seo_wrap .seo_assortment .assortment_item_list .active { font-size: 13px; color: #161616 } /**鏀荤暐鍒嗙被 d**/ /**瀹氬埗鐭ヨ瘑 b**/ .seo_wrap .seo_content { margin-top: 50px } .seo_wrap .seo_content .content_head { display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-align: center; align-items: center; padding-bottom: 12px; border-bottom: 1px solid #f0f0f0 } .seo_wrap .seo_content .head_title { position: relative; padding-left: 30px; font-size: 24px; color: #161616; letter-spacing: 2.6px; font-weight: 700 } .seo_wrap .seo_content .head_title:before { content: ""; position: absolute; left: 0; top: 50%; margin-top: -8px; width: 16px; height: 16px; background-color: #ffdc00 } .seo_wrap .seo_content .head_tag_list { display: -ms-flexbox; display: flex; -ms-flex-pack: end; justify-content: flex-end } .seo_wrap .seo_content .tag_item { padding: 0 14px; border-right: 1px solid #ececec; color: #9b9b9b } .seo_wrap .seo_content .tag_item:hover { color: #161616 } .seo_wrap .seo_content .tag_item:hover.link_more:after { border-left-color: #161616 } .seo_wrap .seo_content .tag_item.link_more { position: relative; border-right: none } .seo_wrap .seo_content .tag_item.link_more:after { content: ""; position: absolute; right: -2px; top: 50%; margin-top: -5px; width: 0; height: 0; border: 5px solid transparent; border-left-color: #9b9b9b } .seo_wrap .seo_content .content_body { margin-top: 24px; display: -ms-flexbox; display: flex } .seo_wrap .seo_content .content_body .img_stick { position: absolute; width: 100%; bottom: 0; left: 0; height: 40px; line-height: 40px; background-image: linear-gradient(180deg, transparent, rgba(0, 0, 0, .48)); color: #fff; font-weight: 700; text-indent: 14px; letter-spacing: 1.5px } .seo_wrap .seo_content .content_body .ellipsis { text-overflow: ellipsis; white-space: nowrap; overflow: hidden } .seo_wrap .seo_content .content_body .ellipsis-2 { height: 40px; overflow: hidden } .seo_wrap .seo_content .content_body .seo_title { display: block; font-size: 14px; color: #181818 } .seo_wrap .seo_content .content_body .seo_title:hover { text-decoration: underline } .seo_wrap .seo_content .content_body .seo_desc { color: #9b9b9b } .seo_wrap .seo_content .content_body .title-li { position: relative; padding-left: 18px } .seo_wrap .seo_content .content_body .title-li:before { content: ""; position: absolute; left: 0; top: 50%; margin-top: -3px; width: 6px; height: 6px; background-color: #e4e4e4; border-radius: 50% } .seo_wrap .seo_content .content_body .title-li:hover { text-decoration: underline } .seo_wrap .seo_content .body_knowledge { -ms-flex-pack: justify; justify-content: space-between } .seo_wrap .seo_content .body_knowledge .k_coll { width: 308px } .seo_wrap .seo_content .body_knowledge .coll_img { margin-bottom: 18px } .seo_wrap .seo_content .body_knowledge .coll_img a { position: relative; display: block; width: 308px; height: 190px; background-size: cover; background-position: 50% } .seo_wrap .seo_content .body_knowledge .coll_title { margin-bottom: 10px; font-size: 13px } .seo_wrap .seo_content .body_knowledge .coll_title:last-of-type { margin-bottom: 0 } .seo_wrap .seo_content .body_knowledge .k_colr { width: 346px } .seo_wrap .seo_content .body_knowledge .colr_item { display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between; margin-bottom: 18px } .seo_wrap .seo_content .body_knowledge .colr_item:last-of-type { margin-bottom: 0 } .seo_wrap .seo_content .body_knowledge .colr_img { width: 135px; height: 96px; background-size: cover; background-position: 50% } .seo_wrap .seo_content .body_knowledge .colr_img_link { display: block; width: 100%; height: 100% } .seo_wrap .seo_content .body_knowledge .colr_info { width: 196px } .seo_wrap .seo_content .body_knowledge .colr_info .seo_title { margin: 8px 0 } .seo_wrap .seo_content .body_design { -ms-flex-flow: wrap; flex-flow: wrap; -ms-flex-pack: justify; justify-content: space-between; margin-bottom: -40px } .seo_wrap .seo_content .body_design .design_item { margin-bottom: 40px; width: 238px } .seo_wrap .seo_content .body_design .design_img a { display: block; height: 180px; background-size: cover; background-position: 50% } .seo_wrap .seo_content .body_design .seo_title { margin-top: 18px; text-align: center } .seo_wrap .seo_content .body_design .seo_desc { margin-top: 6px; padding: 0 30px } .seo_wrap .seo_content .body_technology .t_coll { position: relative; margin-right: 24px; height:384px; } .seo_wrap .seo_content .body_technology .t_coll a { display: block; width: 436px; height: 100%; background-size: cover; background-position: 50% } .seo_wrap .seo_content .body_technology .t_right { display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-positive: 1; flex-grow: 1 } .seo_wrap .seo_content .body_technology .t_colr { margin-top: 4px; } .seo_wrap .seo_content .body_technology .colr_item { padding-bottom: 34px; margin-bottom: 26px; border-bottom: 1px solid #e9e9e9; width:280px; margin-right:50px; float:left; } .seo_wrap .seo_content .body_technology .colr_item:nth-child(3n){ margin-right:0;} .seo_wrap .seo_content .body_technology .colr_item:last-of-type { padding-bottom: 0; border-bottom: none; margin-bottom: 0 } .seo_wrap .seo_content .body_technology .seo_desc { margin-top: 13px; height: 40px } .seo_wrap .seo_content .body_news { -ms-flex-pack: justify; justify-content: space-between } .seo_wrap .seo_content .body_news .n_col { -ms-flex-align: baseline; align-items: baseline; } .seo_wrap .seo_content .body_news .title-li { margin-bottom: 14px; width: 310px; float:left; margin-right:28px; } .seo_wrap .seo_content .body_news .title-li:nth-child(4n){ margin-right:0;} .seo_wrap .seo_content .body_news .title-li:hover { text-decoration: none } .seo_wrap .seo_content .body_news .title-li a:hover { text-decoration: underline } /**瀹氬埗鐭ヨ瘑 d**/ /**瀹氬埗鏀荤暐鍒楄〃 b**/ .gllists{} .gllists ul li{ width:100%; padding:30px 0; border-bottom:1px solid #f0f0f0;} .gllists ul li .gllistL{ width:300px;} .gllists ul li .gllistL img{ width:100%;} .gllists ul li .gllistR{ width:760px;} .gllists ul li .gllistR h2{ margin-top:15px;} .gllists ul li .gllistR h2 a{ color:#161616; font-size:18px; font-weight:bold;} .gllists ul li .gllistR p{ margin-top:15px;} .gllists ul li .gllistR p a{font-size:14px; color:#4a4a4a; line-height:24px;} .gllists ul li .gllistR .post_labels{ margin-top:20px;} .gllists ul li .gllistR .post_labels a{display:inline-block; margin-right:8px; margin-bottom:8px; padding:4px 8px; font-size:12px; color:#7e7e7e; border:1px solid #e9e9e9; border-radius:3px; overflow:hidden;} .gllists ul li .gllistR .post_labels a:hover{ color:#fff; background-color:#2E3092;border:1px solid #2E3092;border-radius:3px;} /**瀹氬埗鏀荤暐鍒楄〃 d**/ /**鏀荤暐璇︽儏b**/ .newmian{ width:100%; background-color:#eff3f5;} .newmian .detaposit{ font-size:14px; padding-top:20px;} .newmian .newcontL{ width:1100px; float:left; overflow:hidden; margin-bottom:30px;} .newmian .newcontL .newcontLcm{ background-color:#fff; margin-top:20px; border-radius:6px 6px 0 0; border-bottom:1px solid #e8e8e8; padding-bottom:30px;} .newmian .newcontL .newcontLcm .title{ border-bottom:1px solid #e8e8e8; text-align:center; padding:20px 0;} .newmian .newcontL .newcontLcm .title h1{ font-size:24px; color:#333; font-weight:bold;} .newmian .newcontL .newcontLcm .title .tit{ margin-top:10px;} .newmian .newcontL .newcontLcm .title .tit span{color:#848484; font-size:13px; margin:0 10px;} .newmian .newcontL .newcontLcm .new_intro{padding:10px 20px 10px 40px; background-color:#f8f8f8; color:#b9b9b9; margin:20px 120px;border-radius:9px;font-size:14px; position:relative;} .newmian .newcontL .newcontLcm .new_intro .psp_quote{position:absolute;left:20px; top:13px; width:12px; height:12px; background:url(../img/new6.png) no-repeat center; background-size:12px 12px;} .newmian .newcontL .newcontLcm .cons{ padding:0 120px; line-height:24px; color:#333; font-size:15px;} .newmian .newcontL .psp_tag_share{ background-color:#fff; padding:15px 20px;} .newmian .newcontL .psp_tag_share .psp_tags{ float:left;} .newmian .newcontL .psp_tag_share .psp_tags a{ color:#9b9b9b; font-size:14px; margin-right:10px;} .newmian .newcontL .psp_tag_share .psp_tags .psp_tag_icon{display:inline-block;margin:0 4px 0 6px;width:16px;height:16px;vertical-align:middle;background:url(../img/tag.png) no-repeat center/16px 16px;} .newmian .newcontL .psp_tag_share .psp_shares{ float:right;} .newmian .newcontL .psp_pre_next{background-color:#fff; padding:0 20px 20px;border-radius:0 0 6px 6px;} .newmian .newcontL .psp_pre_next ul li{ margin-bottom:10px;color:#666;} .newmian .newcontL .psp_pre_next ul li a{ color:#666; font-size:14px;} .newmian .newcontL .psp_pre_next ul li a:hover{ text-decoration:underline;} .newmian .newcontL .psp_prod{ background-color:#fff; margin-top:20px; padding:20px;border-radius:6px;} .newmian .newcontL .psp_prod h4{ font-size:16px; color:#090909; font-weight:bold; margin-bottom:15px;} .newmian .newcontL .psp_prod h4 a{ color:#161616; float:right; font-size:14px; font-weight:normal;} .newmian .newcontL .psp_prod h4 a:hover{ text-decoration:underline;} .newmian .newcontL .psp_prod ul li{ width:19.2%; float:left; text-align:center; margin-right:1%; margin-bottom:1%;} .newmian .newcontL .psp_prod ul li:nth-child(5n){ margin-right:0;} .newmian .newcontL .psp_prod ul li a{} .newmian .newcontL .psp_prod ul li img{ width:100%;} .newmian .newcontL .psp_prod ul li p{ font-size:14px; color:#333;} .newmian .newcontL .psp_more{background-color:#fff; margin-top:20px; padding:20px;border-radius:6px;} .newmian .newcontL .psp_more h4{font-size:16px; color:#090909; font-weight:bold; margin-bottom:15px;} .newmian .newcontL .psp_more .psp_m_items a{ color:#161616;font-size:12px;display:inline-block;padding:2px 8px;border:1px solid #e8e8e8; border-radius:2px; margin-right:5px; margin-bottom:5px;} .newmian .newcontL .psp_more .psp_m_items a:hover{ border:1px solid #3287cf; color:#3287cf;} .newmian .newcontR{ width:260px; float:right; margin-top:20px;} .newmian .newcontR .adv{ width:100%;} .newmian .newcontR .adv img{ width:100%;border-radius:6px;} .newmian .newcontR .xgzx{background-color:#fff;border-radius:6px; padding:10px 20px 20px; margin-top:20px; } .newmian .newcontR .xgzx .titl{border-bottom:1px solid #e8eaec; font-size:16px; font-weight:bold; width:100%; padding-bottom:12px; background:url(../img/biaoqian2.jpg) no-repeat 0px 4px/16px; text-indent:25px; margin-bottom:20px;} .newmian .newcontR .xgzx ul li{ border-bottom:1px dashed #e8eaec; padding:10px 0;} .newmian .newcontR .xgzx ul li a{ font-size:14px; color:#666; line-height:25px; padding-left:20px;background:url(../img/biaoqian3.jpg) no-repeat 0px 4px;} .newmian .newcontR .xgzx ul li a:hover{ color:#ea572b;} /**鏀荤暐璇︽儏d**/ /**妗堜緥b**/ .case_dapai{ padding:30px;} .case_dapai h2{ color:#161616; text-align:center; font-size:24px; font-size:700; margin-bottom:8px;} .case_dapai ul{ width:1000px; margin:54px auto 0;} .case_dapai ul li{margin-bottom:26px;text-align:center;width:16.6%;cursor:pointer; float:left;} .case_dapai ul li img{width:90px;height:90px;border-radius:50%;border:1px solid #efefef;} .case_dapai ul li a:hover img{box-shadow:0 6px 10px 1px #ddd} .case_dapai ul li p{margin-top:10px;color:#545454;font-size:14px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;} .case_jg{ width:100%; background-image:url(../img/casebg.jpg); background-position:50%; background-size:cover; padding:70px 0 60px;} .case_jg h2{color:#161616; text-align:center; font-size:24px; font-size:700; margin-bottom:30px;} .case_jg .field-content{position: relative; margin-bottom:30px; width:1000px; margin:0 auto;} .case_jg #index-num{display:none;} .case_jg #index-prev,.case_jg #index-next{position: absolute; width:66px; height:66px; border:none;} .case_jg #index-prev{background: url(../img/caseL.png) no-repeat center/16px; left: -80px;} .case_jg #index-next{background: url(../img/caseR.png) no-repeat center/16px; right: -80px; border:none;} .case_jg .field-list2{overflow: hidden;} .case_jg .field-list2 ul li{position: relative; text-align: center; width:100%; overflow:hidden;} .case_jg .field-list2 ul li .pic{width:100%;overflow: hidden;} .case_jg .field-list2 ul li .pic img{display: block; width:100%;transition: all .5s;} .case_jg .field-list2 ul li .info{width:92%; background-color:#fff; padding:4%; min-height:80px;border-radius:0 0 10px 10px;} .case_jg .field-list2 ul li .info h3{ color:#333333; text-align:center; font-size:14px; font-weight:bold;} .case_jg .field-list2 ul li .info p{ color:#999999; font-size:12px; margin-top:5px; text-align:left;} .case_jg .field-list2 ul li:hover{margin-top:-5px;box-shadow:0 4px 30px -4px hsla(0,0%,56%,.5);border-bottom: 5px solid #ffdc00;} .allcase{ width:1000px; margin:0 auto; } .allcase h2{color:#161616; text-align:center; font-size:24px; margin-bottom:8px;} .allcase .casecat{ margin-top:20px;} .allcase .casecat ul li{display:inline-block;margin:2px 10px; height:32px; line-height:32px; text-align:center; font-size:12px; cursor:pointer;} .allcase .casecat ul li a{ color:#787878; display:inline-block;padding:0 15px;} .allcase .casecat ul li a.current{color:#161616; border-radius:18px;font-weight:700;background-image: linear-gradient(90deg,#ffec6b,#ffdc00);} .allcase .casecat ul li a:hover{color:#161616; border-radius:18px;font-weight:700;background-image: linear-gradient(90deg,#ffec6b,#ffdc00);} .allcase .casecon{ margin-top:30px;} .allcase .casecon ul li{ width:19.2%; float:left; margin-right:1%; margin-bottom:1%;} .allcase .casecon ul li a{ display:block;} .allcase .casecon ul li:nth-child(5n){ margin-right:0;} .allcase .casecon ul li .img{ width:100%; overflow:hidden;} .allcase .casecon ul li .img img{ width:100%; display:block; transition: all .3s;} .allcase .casecon ul li p{ text-align:center; color:#777; font-size:14px; overflow:hidden; height:30px; line-height:30px;} .allcase .casecon ul li a:hover img{transform: scale(1.2);} .allcase .more{ margin-top:24px; text-align:center;} .allcase .more a{display:inline-block;width:140px;height:36px;line-height:36px;text-align:center;color:#161616;border-radius:18px;font-size:12px;background-image:linear-gradient(90deg,#ffec6b,#ffdc00);} .case_jzf{ width:100%;margin-top: 40px;} .case_jzf h2{color:#161616; text-align:center; font-size:24px; font-size:700; margin-bottom:30px;} .case_jzf .field-content{position: relative; margin-bottom:30px; width:1000px; margin:0 auto;} .case_jzf #index-num{display:none;} .case_jzf #index-prev,.case_jzf #index-next{position: absolute; width:66px; height:66px; border:none;} .case_jzf #index-prev{background: url(../img/caseL.png) no-repeat center/18px; left: -80px;} .case_jzf #index-next{background: url(../img/caseR.png) no-repeat center/18px; right: -80px; border:none;} .case_jzf .field-list3{overflow: hidden;} .case_jzf .field-list3 ul li{position: relative; text-align: center; width:100%; overflow:hidden;} .case_jzf .field-list3 ul li .pic{width:100%;overflow: hidden;} .case_jzf .field-list3 ul li .pic img{display: block; width:100%;transition: all .5s;} .case_jzf .field-list3 ul li .info{width:92%; background-color:#fff; padding:4%; min-height:80px;border-radius:0 0 10px 10px;} .case_jzf .field-list3 ul li .info h3{ color:#333333; text-align:center; font-size:14px; font-weight:bold;} .case_jzf .field-list3 ul li .info p{ color:#999999; font-size:12px; margin-top:5px; text-align:left;} .case_jzf .field-list3 ul li:hover{margin-top:-5px;box-shadow:0 4px 30px -4px hsla(0,0%,56%,.5);border-bottom: 5px solid #ffdc00;} .casenews{ width:1000px; margin:30px auto;} .casenews ul li{ width:22%; margin-right:1%; margin-bottom:1%; float:left; border:1px solid #efefef; padding:1.5% 1%;border-radius:4px;} .casenews ul li:nth-child(4n){ margin-right:0;} .casenews ul li .img{ width:30%; height:50px; margin-right:5%; float:left;} .casenews ul li .img img{ width:100%; height:100%;} .casenews ul li .info{ width:65%; float:left;} .casenews ul li .info h4{ font-size:12px;} .casenews ul li .info span{ color:#9b9b9b; font-size:12px; display:block;} /**妗堜緥d**/ /*鑱旂郴鎴戜滑*/ .lxcon1{ margin-top:50px; margin-bottom:40px;} .lxcon1 ul li{ width:27%; height:60px; float:left; margin-right:3%; border:1px solid #ced2e3; background-color:#eef5f7; padding:3% 2%;} .lxcon1 ul li:nth-child(3){ margin-right:0;} .lxcon1 ul li i{ display:block; width:20%; height:60px; float:left;} .lxcon1 ul li.lx1 i{ background:url(../img/lx1.png) no-repeat center;} .lxcon1 ul li.lx2 i{ background:url(../img/lx2.png) no-repeat center;} .lxcon1 ul li.lx3 i{ background:url(../img/lx3.png) no-repeat center;} .lxcon1 ul li .memo{ float:right; width:75%;} .lxcon1 ul li .memo p{ color:#333333; font-size:20px;} .lxcon1 ul li .memo span{ color:#405fd0; font-size:18px;} .lxcon1 ul li.lx1 .memo span{font-size:22px;} .lxcon1 ul li.lx2 .memo span{font-size:22px;} .lxcon1 ul li.lx3 .memo span{font-size:16px;} .luxian{ margin-top:40px; margin-bottom:40px;} .luxian ul{ width:100%; height:46px; background-color:#ebebeb;} .luxian ul li{ display:inline-block; text-align:center; cursor:pointer;} .luxian ul li a{ display:block; color:#666666; font-size:24px; height:46px; line-height:46px; width:160px; font-size:16px;} .luxian ul li a.current{background-color:#405fd0;color:#fff; } .luxian .lxcon{ background-color:#f4f4f4; padding:2% 3%;} .luxian .lxcon ul{ height:auto;background-color:#f4f4f4; } .luxian .lxcon ul li{ display:block; height:auto;background-color:#f4f4f4; text-align:left; margin-bottom:20px;} .luxian .lxcon ul li p{ color:#333333; font-size:18px; margin-bottom:10px;} .luxian .lxcon ul li span{ display:block; color:#666666; font-size:14px;} /*鍏充簬鎴戜滑*/ .about_1{ padding:40px 0;} .about_1 .about_1_L{ width:700px; float:left;} .about_1 .about_1_L h2{ color:#1f258e; font-size:30px; font-weight:600; margin-top:40px;} .about_1 .about_1_L p{ color:#333333; font-size:18px; line-height:36px; margin-top:30px;} .about_1 .about_1_R{ width:720px; float:right;margin-top: -210px;margin-right: -19px;} .about_1 .about_1_R img{ max-width:100%;} .about_2{ width:100%; background-color:#eef6f8; padding:40px 0;} .about_2 h3{ color:#333333; font-size:26px; text-align:center; margin-bottom:30px;} .about_2 dl{ width:630px; height:446px; padding:20px; overflow:hidden; display:block; margin:0;} .about_2 dl.ab_fw{ background:url(../img/ab4.jpg) no-repeat center; float:left;} .about_2 dl.ab_cp{ background:url(../img/ab5.jpg) no-repeat center; float:right;} .about_2 dl dt{ text-align:center; color:#fff; font-size:24px; margin-top:50px; margin-bottom:30px; height:39px; line-height:39px;} .about_2 dl.ab_fw dt{ background:url(../img/ad2.png) no-repeat 35% center;} .about_2 dl.ab_cp dt{ background:url(../img/ad3.png) no-repeat 35% center;} .about_2 dl dd{ color:#fff; font-size:16px; line-height:26px; padding:0 25px; margin-bottom:10px;} .about_3{ width:100%; height:160px; background:url(../img/ab6.jpg) no-repeat center; text-align:center; display:block; overflow:hidden;} .about_3 h3{color:#fff; font-size:20px; letter-spacing:4px; margin-top:40px;} .about_3 p{color:#fff; font-size:20px; letter-spacing:4px; font-weight:bold; margin-top:10px;} .about_4{padding:40px 0 0;} .about_4 h3{color:#1f258e; font-size:26px; text-align:center; margin-bottom:20px;} .about_4 p{ text-align:center; font-size:16px; color:#333333; line-height:30px; margin-bottom:80px;} .about_4 dl{ background-color:#eef5f7; border:2px solid #d0e4e9; position:relative; padding:50px 25px 25px; margin-bottom:80px;} .about_4 dl dt{ position:absolute; left:50%; top:-40px; margin-left:-52px;} .about_4 dl dd{ color:#666666; font-size:16px; line-height:30px;} .about_5{padding:0 0 40px;} .about_5 h3{color:#333333; font-size:26px; text-align:center; margin-bottom:30px;} .about_5 ul li{ width:11.5%; float:left; text-align:center; margin-right:2%; margin-bottom:2%; background-color:#eef5f7; padding:30px 20px;} .about_5 ul li:nth-child(6n){ margin-right:0;} .about_5 ul li em{ font-style:normal; font-size:30px; color:#fff; background-color:#405fd0; width:70px; height:70px; line-height:70px;border-radius:50%; margin:0 auto; display:block;} .about_5 ul li p{ color:#333333; font-size:18px; font-weight:bold; margin-top:10px;} .about_5 ul li span{ color:#666666; font-size:14px; margin-top:10px; display:block; height:44px; overflow:hidden;} /*搴曢儴TAB*/ .bottomTab { border: 1px solid #eee; border-top-width: 2px; width:100%; margin:30px auto; font-family: "寰蒋闆呴粦"; } .bottomBtnList { height: 38px; background: #eee; } .bottomBtnList li { float: left; width: 120px; line-height: 38px; color: #666; font-size: 16px; text-align: center; cursor: pointer; } .bottomBtnList li.nowOn { background: #fff; } .bottomConWrap { padding: 16px 0 30px; } .bottomTabBox { padding-left: 44px; display: none; } .bottomTabBox.nowOn { display: block; } .bottomTabBox li { width:11%; float: left; height:30px; line-height:30px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } /*琛ㄥ崟*/ .forms{ width:800px; margin:40px auto;} .forms .form-group{ margin-bottom:20px; height:40px; line-height:40px;} .forms .form-group input{ width:100%; height:40px; line-height:40px; text-indent:15px; font-size:14px;} .forms .form-group2 textarea{ width:100%; height:100px;text-indent:15px; padding-top:10px; font-size:14px;} .forms button{ width:60%; height:40px; line-height:40px; cursor:pointer; margin:20px auto 0; display:block; background-color:#3287cf; border:none; color:#fff; font-size:16px; font-weight:bold; letter-spacing:3px;border-radius:20px;} /*搴曢儴*/ .footer{ width:100%; background-color:#27292b; padding:60px 0 0;} .footer .fot1{color:#fff;} .footer .fot1 .fot1_1{ width:55%; min-height:218px; float:left; background:url(../img/fot9.png) no-repeat right center;} .footer .fot1 .fot1_1 dl{ float:left; text-align:center; width:20%;} .footer .fot1 .fot1_1 dl dt{ margin-bottom:10px;} .footer .fot1 .fot1_1 dl dt i{ display:block; width:100%; height:55px;} .footer .fot1 .fot1_1 dl dt i.fico1{ background:url(../img/fot1.png) no-repeat center;} .footer .fot1 .fot1_1 dl dt i.fico2{ background:url(../img/fot2.png) no-repeat center;} .footer .fot1 .fot1_1 dl dt i.fico3{ background:url(../img/fot3.png) no-repeat center;} .footer .fot1 .fot1_1 dl dt i.fico4{ background:url(../img/fot4.png) no-repeat center;} .footer .fot1 .fot1_1 dl dt i.fico5{ background:url(../img/fot5.png) no-repeat center;} .footer .fot1 .fot1_1 dl dt span{ display:block; font-size:16px; margin-top:10px;} .footer .fot1 .fot1_1 dl dd{ height:30px; line-height:30px;} .footer .fot1 .fot1_1 dl dd a{ font-size:14px; color:#BBBBBB;} .footer .fot1 .fot1_1 dl dd a:hover{ color:#fff;} .footer .fot1 .fot1_2{ width:25%; min-height:218px; float:left;padding:2% 3% 0;background:url(../img/fot9.png) no-repeat right center;} .footer .fot1 .fot1_2 ul li{ font-size:14px; color:#bbb; width:100%; height:30px; line-height:30px; padding-left:30px; margin-bottom:20px;} .footer .fot1 .fot1_2 ul li:nth-child(1){ background:url(../img/fot6.png) no-repeat left center;} .footer .fot1 .fot1_2 ul li:nth-child(2){ background:url(../img/fot7.png) no-repeat left center;} .footer .fot1 .fot1_2 ul li:nth-child(3){ background:url(../img/fot8.png) no-repeat left center;} .footer .fot1 .fot1_3{ width:13%; min-height:218px; float:left; text-align:center; padding-top:4%;} .footer .fot1 .fot1_3 img{ width:130px; margin:0 auto;} .footer .fot1 .fot1_3 p{ font-size:14px; color:#fff; margin-top:5px;} .footer .fot2{ border-top:1px solid #3f4142; padding:20px 0;} .footer .fot2 .fot2L{ float:left; color:#ddd;} .footer .fot2 .fot2R{ float:right; color:#ddd;} .footer .fot2 a{color:#ddd;} .mfoot{ display:none;} .footnav{ display:none;} /*鍒嗕韩3*/ .news_share{ text-align:center; margin-bottom:4%;} .news_share ul li{ display:inline-block;width:58px; height:58px; margin-left:17px; margin-right:17px; } .news_share ul li a{ display:block; width:100%; height:100%;margin:0; position:relative;transition:all 0.3s;} .news_share ul li a:hover{/*filter: Alpha(Opacity=60);opacity: 0.6;*/} .news_share ul li a:after{content: ""; position:absolute; width:100%; height:100%;left:0%; top:0;transition:all 0.3s;background-size:0% 0%; background-repeat:no-repeat; background-position:center center; border-radius:50%;} .news_share ul li a:hover:after{ background-size:100% 100%; background-color:#000;} .news_share ul li.weixin a{ background:url(../img/news_pic2.png) center center no-repeat;background-size:100% 100%;} .news_share ul li.weixin a:hover{filter: Alpha(Opacity=100);opacity: 1.0;} .news_share ul li.weixin a:after{ background-image:url(../img/news_pic2_on.png);} .news_share ul li.weixin .wem1{width: 203px; display: none;text-align: center; padding-top: 20px; padding-bottom:20px; position: absolute; margin-left:-72px;margin-top: -203px; background-image: url(../img/ewm.png);background-repeat: no-repeat;} .news_share ul li.weixin .wem1 img{ width:155px; height:155px; margin-right:5px;} .news_share ul li.weixin a:hover .wem1{ display:block;} .news_share ul li.tqq a{ background:url(../img/news_pic4.png) no-repeat;background-size:100% 100%;} .news_share ul li.tqq a:after{ background-image:url(../img/news_pic4_on.png);} .news_share ul li.tqq a.bds_sqq{ width:58px; padding:0;} .news_share ul li.qq a{ background:url(../img/news_pic1.png) no-repeat;background-size:100% 100%;} .news_share ul li.qq a:after{ background-image:url(../img/news_pic1_on.png);} .news_share ul li.qq a.bds_sqq{ width:58px; padding:0;} .news_share .bdshare-button-style0-24{ height:100%;} .news_share ul li.sinna a.bds_tsina{ background:url(../img/news_pic3.png) left top no-repeat; width:58px; padding:0;background-size:100% 100%;} .news_share ul li.sinna a.bds_tsina:after{ background-image:url(../img/news_pic3_on.png);} /*鍏叡搴曢儴*/ /*鍒嗛〉鐩稿叧*/ .pagelist{ text-align:center;} .pagelist ul{text-align:center;margin:20px 0;} .pagelist li{display:inline-block;margin:0 2px; border-bottom:none !important; width:auto !important;float: none !important;} .pagelist li a{color:#666;display:inline-block;border:1px solid #ddd;padding:6px 15px;} .pagelist li a:hover{border-color:#3287cf;background:#3287cf;color:#fff;} .pagelist li.active a{border-color:#3287cf;background:#3287cf;color:#fff;} .pagelist li span{color:#666;display:inline-block;border:1px solid #ddd;padding:6px 15px; width:auto !important;} .pagelist li span.current{border-color:#3287cf;background:#3287cf;color:#fff;} /*瀹㈡湇*/ .new-float{position: fixed;right: -3px;top: 50%;z-index: 50;width: 77px;height: 374px;margin-top: 110px;} .new-float li{position: relative;width: 77px;height: 57px;margin-bottom: 1px;line-height: 20px;color: #fff;text-align: center;} .new-float li.hover{overflow: hidden;} .new-float li a{display: inline-block;color: #fff;} .new-float li a.tit{width: 77px;height: 56px;padding: 30px 0 0 0;color: #fff;font-size: 17px; box-sizing: border-box;} .new-float li p{position: relative;z-index: 2;height: 27px;padding-top: 30px;cursor: pointer;} .new-float li.fi a{ background:url(../img/on_line.png) no-repeat 0px 0px;} .new-float li.wxi a{ background:url(../img/on_line.png) no-repeat 0px -238px;} .new-float li.tp a{background:url(../img/on_line.png) no-repeat 0px -171px;} .new-float li.th a{background:url(../img/on_line.png) no-repeat 0px -57px;} .new-float li.fo a.tit{background:url(../img/on_line.png) no-repeat 0px -114px;} .new-float li .tel{position: absolute;left: 75px;top: 0;z-index: 1;width: 184px;height: 56px;font: 24px/57px Arial;color: #fff; background:#5B5B5B;cursor: pointer;} .new-float a.mof{display: inline-block;width: 78px;height: 71px;padding: 12px 11px 0 12px;margin-top: 10px;*margin-top: 7px;background:url(../img/on_line.png) no-repeat 0px -239px;font-size: 15px;line-height: 22px;color: #fff;} .new-float li .weixin{position:absolute;left:-153px;top:-34px;z-index:1;width:150px;border-radius:10px; display:none; color:#666; background-color:#fff; line-height:26px;} .new-float li .weixin img{width:150px;height:150px; border-radius:10px;} /*鍩庡競鍒嗙珯*/ .city_nav{ background-color:#f8f8f8; padding:5% 15%; margin-top:20px; margin-bottom:20px;} .city_nav .title{ text-align:center; border-bottom:1px solid #e8e8e8; padding-bottom:30px;} .city_nav .title h2{font-size:24px; height:26px;} .city_nav .title span{ display:inline-block; width:36px;height:3px;background-color:#ffdc00;} .city_nav .subnav{ margin-top:30px;} .city_nav .subnav li{ margin-bottom:30px;} .city_nav .subnav li a{ font-size:20px; color:#161616;} .city_nav .subnav li dl{ margin-top:10px;} .city_nav .subnav li dl dt{ display:inline-block; width:24%; margin-bottom:10px;} .city_nav .subnav li dl dt a{ font-size:16px; color:#161616;} /*涓撻*/ .ztfannao .title{ text-align:center;padding:50px 0;} .ztfannao .title .tit{ height:36px; line-height:36px; margin:0 auto; width:414px;} .ztfannao .title .tit i{ width:44px; height:36px; display:block; float:left; } .ztfannao .title .tit i.ico1{background:url(../img/ico1.png) no-repeat center;} .ztfannao .title .tit i.ico2{background:url(../img/ico2.png) no-repeat center;} .ztfannao .title .tit span{ font-size:26px; color:#333333; display:block; line-height:36px; float:left; margin:0 20px;} .ztfannao .ztfncon{ width:100%; text-align:center;} .ztfannao .ztfncon img{ max-width:100%;} .ztfannao .mztfncon{ display:none;} .ztzixun{ width:100%; height:166px; background:url(../img/zt2.jpg) no-repeat center; margin-top:80px;} .ztzixun p{ text-align:center; font-size:20px; font-weight:bold; color:#fff; padding-top:32px;} .ztzixun a{ display:block; margin:30px auto 0;border-radius:35px; width:162px; height:40px; line-height:40px; color:#fff; font-size:16px; text-align:center; background-color:#1f258d;} .ztzixun a:hover{ background-color:#5760f7;} .ztdangci{ margin-bottom:30px;} .ztdangci .title{ text-align:center;padding:50px 0;} .ztdangci .title .tit{ height:36px; line-height:36px; margin:0 auto; width:648px;} .ztdangci .title .tit i{ width:44px; height:36px; display:block; float:left; } .ztdangci .title .tit i.ico1{background:url(../img/ico1.png) no-repeat center;} .ztdangci .title .tit i.ico2{background:url(../img/ico2.png) no-repeat center;} .ztdangci .title .tit span{ font-size:26px; color:#333333; display:block; line-height:36px; float:left; margin:0 20px;} .ztdangci .title p{ height:30px; line-height:30px; width:534px; margin:0 auto;margin-top:10px; } .ztdangci .title p em{ display:block; width:40px; height:1px; border-bottom:1px solid #999999; float:left; margin-top:14px;} .ztdangci .title p span{ color:#666666; font-size:18px; margin:0 20px; display:block; float:left;} .ztdangci .ztdccon{ width:100%; text-align:center;} .ztdangci .ztdccon img{ max-width:100%;} .ztdangci .mztdccon{ display:none;} .ztliucheng{ margin-bottom:30px;} .ztliucheng .title{ text-align:center;padding:50px 0;} .ztliucheng .title .tit{ height:36px; line-height:36px; margin:0 auto; width:414px;} .ztliucheng .title .tit i{ width:44px; height:36px; display:block; float:left; } .ztliucheng .title .tit i.ico1{background:url(../img/ico1.png) no-repeat center;} .ztliucheng .title .tit i.ico2{background:url(../img/ico2.png) no-repeat center;} .ztliucheng .title .tit span{ font-size:26px; color:#333333; display:block; line-height:36px; float:left; margin:0 20px;} .ztliucheng .title p{ height:30px; line-height:30px; width:306px; margin:0 auto;margin-top:10px; } .ztliucheng .title p em{ display:block; width:40px; height:1px; border-bottom:1px solid #999999; float:left; margin-top:14px;} .ztliucheng .title p span{ color:#666666; font-size:18px; margin:0 20px; display:block; float:left;} .ztliucheng .ztlccon{ width:100%; text-align:center;} .ztliucheng .ztlccon img{ max-width:100%;} .ztliucheng .mztlccon{ display:none;} .ztfuwu{ margin-bottom:30px;} .ztfuwu .title{ text-align:center;padding:50px 0;} .ztfuwu .title .tit{ height:36px; line-height:36px; margin:0 auto; width:648px;} .ztfuwu .title .tit i{ width:44px; height:36px; display:block; float:left; } .ztfuwu .title .tit i.ico1{background:url(../img/ico1.png) no-repeat center;} .ztfuwu .title .tit i.ico2{background:url(../img/ico2.png) no-repeat center;} .ztfuwu .title .tit span{ font-size:26px; color:#333333; display:block; line-height:36px; float:left; margin:0 20px;} .ztfuwu .title p{ height:30px; line-height:30px; width:354px; margin:0 auto;margin-top:10px; } .ztfuwu .title p em{ display:block; width:40px; height:1px; border-bottom:1px solid #999999; float:left; margin-top:14px;} .ztfuwu .title p span{ color:#666666; font-size:18px; margin:0 20px; display:block; float:left;} .ztfuwu .ztfwcon{ width:100%; text-align:center; background:url(../img/zt5.jpg) no-repeat center; padding:40px 0;} .ztfuwu .ztfwcon h3{color:#fff; font-size:22px; margin-bottom:36px;} .ztfuwu .ztfwcon span{ display:block;color:#fff; font-size:16px; font-weight:bold; margin-bottom:15px;} .ztfuwu .ztfwcon p{color:#fff; font-size:14px; border:1px solid #c0b8ae; background-color:rgba(192,184,174,0.3); height:40px; line-height:40px; width:50%; margin:0 auto 15px;border-radius:30px;} .liucheng{ width: 1400px;margin: 0 auto;} .zizhi{ width: 1920px;margin-left: -251px;} .about{ width: 1400px;margin: 0 auto;} @media (max-width: 678px) {.zizhi{display:none;}} @media (max-width: 678px) {.about{display:none;}} @media (max-width: 678px) {.liucheng{display:none;}} .dzlcont{display: none;} @media (max-width: 678px) {.dzlcont{display:block !important;}} .rongyu #cat2{display: none;} @media (max-width: 678px) {.rongyu #cat2{display:block !important;}} .rongyu .c{display: none;} @media (max-width: 678px) {.rongyu .c{display:block !important;}} .field-content{display: none;} @media (max-width: 678px) {.field-content{display:block !important;}}