@charset "utf-8"; /* CSS common */ .clearFloat:after { height: 0px;content: "."; clear: both;visibility: hidden; display: block; } .clearFloat { zoom: 1; } *{margin: 0px;padding: 0px;} img{margin: 0;border: none;} .fl{float:left;} .fr{float:right;} a{text-decoration: none;font-family:"微软雅黑;";transition: all 0.4s;} dl, ul{list-style:none;} input{outline: none;} i,em{font-style: normal;} body{font-family:"微软雅黑";} .w1200{width: 1200px;margin: auto;} .w1580{width: 1580px;margin: auto;} /* ================================== 【企业通用样式表】==================================== */ body{background:#f6fff6; background-color:#f6fff6; } .main_box{ margin:0 auto; width:1580px;} input{outline: none;} .margin_l{ margin-left:30px;} .margin_t{ margin-top:30px;} /*===============================================header================================================*/ #header{position: relative;width:100%;z-index:999;background-color:#FFF} #header .top { height: 140px;background:url(../images/header_bg.jpg) center no-repeat; } #header .w1580{ position:relative; } #header .logo{ display:table; height: 135px; } #header .logo a { display:table-cell; vertical-align:middle;} #header .link_box{ right:10px; top:20px; position:absolute;font-size: 14px;} #header .link_box ul{position:relative;} #header .link_box li{display:block;position:relative; float:left; padding:0 5px; } #header .link_box li .a{ display:block; text-align:center; position:relative;color:#000; height:40px; width:40px; line-height:40px; opacity: 0.6; } #header .link_box li .a strong{ display:block;font-size: 14px; text-align:center; line-height:38px; position:relative; z-index:1; } #header .link_box li:hover .a{ opacity: 1;} /*================= 搜索 ===================*/ #search_box{ position:absolute; right:0px; top: 70px; border:1px solid #333; } #search_box form{ position:relative; background:#fff;position:relative; width:220px; height: 30px;} #search_box input{display: block;background: none;border: none; } #search_box .text{width: 180px; height: 30px;line-height: 30px;font-size: 14px;color: #333;margin-left: 5px;} #search_box .submit{width: 30px; position:absolute; right:0; top:0; cursor:pointer; height: 30px;margin-left: 5px;} #search_box form:hover{background:#FFF} #search_box .sec{background:url(../images/ico_04.png) no-repeat center; width:30px; height:20px; display:block; } /*=================导航=================*/ #nav_box{ width:100%; position:relative; height:50px; background:#006a45; } #nav_box .main_box{ position:relative; } #nav{ height:50px; } #nav ul{ position:relative; margin-left:30px; } #nav li { display:block; position:relative; float:left; height:50px; width:155px;} #nav li .a{ display:block; padding: 0 20px; text-align:center; position:relative;color:#FFF; } #nav li .a strong{ display:block;font-size: 18px; font-weight:bold; text-align:center; line-height:50px; position:relative; z-index:1; } #nav li:hover .a{ background:#08451f;} #nav .on_a .a{ background:#17624a;color:#FFF; } #nav ul.sub li { width: 100%; font-size: 16px;background:#117d5a; float: left; } #nav ul.sub li a { padding: 0; display: none; width: 100%; text-align:center; color:#FFF } #nav ul.sub li a:hover { background:#22b970; } #nav ul.sub { position: absolute; left: -30px; top: 40px; z-index: 9; width: 100%; line-height: 50px; opacity: 0; transition: all .5s;display:none } #nav li:hover ul.sub { opacity: 1; top: 50px;display:inherit } #nav li:hover ul.sub li a { display: block } /*================= banner===================*/ #banner{position:relative;height:385px; background:#e0e5cf;} #banner2{position:relative;height:510px;background:url(../images/banner_3.jpg) center top} #banner3{position:relative;height:415px;background:url(../images/banner_03.jpg) center top} #banner .bd { position:relative;} #banner .bd a{ display:block; width:100%; height: 385px;} #banner .hd{ margin:0 auto; position:absolute; width:100%; bottom:20px;} #banner .hd ul{ display:inherit; position:relative; text-align:center; } #banner .hd ul li{ display:inline-block; } #banner .hd ul li a{ border-radius:50%; height:12px; width:12px; margin:0 3px; display:block; background:#fff; } #banner .hd ul li a:hover{ background:#6bc513; } #banner .hd ul .on a{ background:#6bc513; } #banner .bnt{ position:absolute; top:50%; z-index:3; margin-top:-22px;} #banner .bnt:hover{ } #banner .prev{ position:absolute; left:-54px; } #banner .next{ position:absolute; right:-54px; } #banner:hover .prev{left:50px; opacity:1; filter:alpha(opacity=100);} #banner:hover .next{right:50px; opacity:1; filter:alpha(opacity=100);} /*==========================================首页=============================================*/ .s_main_box{ margin:0 auto 0px auto; height:auto;position:relative} .s_title{ position:relative; margin-bottom: 20px;} .s_title h1{ display:block;} .s_title strong{ font-size:15px; display:block; color:#7e8084; text-transform:uppercase; } .s_title span{ font-size:20px; color:#1d378e; display:block; font-weight:bold;} .s_title .more{ position:absolute; right:0; top:10px; text-align:center; font-size:12px; background:#28a1e6; width:80px; height:30px; line-height:30px; color:#fff; line-height:30px;} .s_title .more:hover{ background:#0059b4;} .j_parallax {background-attachment: fixed;background-position: center 0;background-repeat: no-repeat;position: relative;} /*================= 首页===================*/ .main_bg{background:url(../images/news_bg.jpg) top no-repeat;} #s_pro { padding:20px 0;} #s_pro .right{ width:820px; overflow:hidden;} #s_pro .more{text-align:center; font-size:14px; background:#FFF; width:70px; height:22px; line-height:22px; color:#04562e; border:1px solid #d0d0d0; margin-top:18px;} #s_pro .more:hover{ background-color:#70ad22; color:#fff;} #s_pro .title span{ color:#0c6545; font-weight:bold; font-size:18px; padding: 0px 20px; line-height:44px; } #s_pro .title strong{ color:#abbcb2; font-size:12px; padding-top: 3px; padding-left:10px;} #s_pro .up {float:left;width:640px;height:85px ;border-bottom:1px solid #e5e5e5;} #s_pro .up h5{ font-size:18px; line-height:26px; font-weight:bold;overflow: hidden;text-overflow: ellipsis;white-space: nowrap; } #s_pro .up p{ color:#666; padding:5px 0; font-size:14px; line-height:25px; height:50px; overflow:hidden; text-indent:0px;text-overflow: ellipsis; display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;} #s_pro .up p a{ color:#257b3e; float:right; margin-top:25px; font-size:12px} #s_pro .up .date{ background:#e0e0e0; width:55px; height:70px; margin:5px 25px 0 0;text-align:center} #s_pro .up .date .sr{ font-size:30px; color:#0e6545; font-weight:bold; line-height:45px;display:block; text-align:center} #s_pro .up .date .sy{ font-size:12px; line-height:28px;} #s_pro .up a:hover{ text-decoration:underline;} #s_pro .up a.more{display:block; margin-top:25px; font-size:12px; width:80px; color:#333; text-align:center; line-height:24px; height:24px; background:#fff; } #s_pro .up a.more:hover{ text-decoration:none; border-radius:3px;} #s_pro .un{} #s_pro .un ul{ margin-right:-10px;} #s_pro .un li{ position:relative; line-height:47px; display:block; border-bottom:1px solid #e5e5e5} #s_pro .un a{ font-size:16px; color:#333; display:block; padding-right:100px; white-space: nowrap;overflow:hidden;text-overflow: ellipsis; text-indent:20px; background:url(../images/icon_left_li.png) left center no-repeat; } #s_pro .un a:hover{ text-decoration:underline; background:url(../images/icon_left_li.png) left center no-repeat;background-color:#FFF;} #s_pro .un span{font-size:12px; position:absolute; right:0; top:0; color:#999; padding-right:10px; } #s_pro .left_1 { width:450px; float:left; height:350px; margin-top:15px;} #s_pro .left_1 .title{ height:41px; line-height:41px; border-bottom:1px solid #d0d0d0} #s_pro .left_1 .title span{height:41px;line-height:41px; display:block; width:100px; color:#009a45;font-size:24px; float:left; border-left:8px solid #009a45} #s_pro .left_1 .title i{ color:#cdcdcd; font-weight:bold; font-size:22px} #s_pro .left_1 .content{ padding: 20px 0; height:auto; } #s_pro .un_x{width:460px; } #s_pro .un_x ul{margin-left:-5px;} #s_pro .un_x li{ position:relative; display:block; border-bottom:1px solid #e5e5e5; padding:8px 0;height:53px; line-height:26px;} #s_pro .un_x a{ font-size:16px; color:#333; display:block; padding-left:70px;word-break: break-all;text-overflow: ellipsis;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical; height:62px;} #s_pro .un_x a:hover{ text-decoration:underline; background-color:#FFF;} #s_pro .un_x span{font-size:12px;color:#0c6545; background:#e8e8e8; padding:5px 12px; font-weight:bold; position:absolute; left:0; } #s_pro .un_x i{ display:block; font-size:20px; text-align:center; border-bottom:1px solid #FFF} #s_pro .left_2 { width:766px; float:left; border:1px solid #e9e9ec; background:#FFF; margin-left:10px; height:320px;} #s_pro .left_2 .title{ height:30px; padding-left:40px; border-bottom:1px solid #7bcb2d; margin:10px 10px; background:url(../images/tit_p.png) no-repeat left; line-height:30px;} #s_pro .left_2 .news_1{width:370px; margin-left:30px; } #s_pro .left_3 { width:1095px; float:left;height:350px; margin-top:15px;} #s_pro .left_3 .title{ height:41px; line-height:41px; border-bottom:1px solid #d0d0d0} #s_pro .left_3 .title span{height:41px;line-height:41px; display:block; width:180px; color:#FFF; background:url(../images/title_bg_01.png) no-repeat left bottom; font-size:24px; text-indent:10px; float:left} #s_pro .left_3 .title i{ color:#cdcdcd; font-weight:bold; font-size:22px} #s_pro .left_3 .news_1{width:630px; } #s_pro .left_3 .content{ padding: 20px 25px; height:auto; width:620px; margin-left:20px;} #pages{ text-align:center; margin-top:15px; } .p_pages span{ margin-right:10px; height:20px; padding:5px 10px; border-radius:4px; font-size:14px; background-color:#ccc; display: inline-block; min-width: 20px;font-family: "微软雅黑;"; text-align: center; } .p_pages span a{ color:#333 } .p_pages span.p_no_d{ background:#0aa284;color:#FFF; } .p_pages span.p_no_d a{ color:#fff } #s_pro .left .content a{ display:block; margin-top:-1px; height:55px; background:url(../images/bg_sub_li.png) center bottom no-repeat; } #s_pro .left .content a strong{ padding:0 35px; margin:0 auto; display:block; position:relative; font-size:15px;color:#444444; line-height:55px; height:55px; overflow:hidden;} #s_pro .left .content a:hover{ background:url(../images/bg_sub_li_hover.png) left bottom no-repeat; color:#fff;} #s_pro .left .content a:hover strong{ color:#fff;} #s_pro .left .content .on { background:url(../images/bg_sub_li_hover.png) left bottom no-repeat; color:#fff;} #s_pro .left .content .on strong{ color:#fff;} #s_pro .tel_box{ background:#1d378e; padding:25px 40px;} #s_pro .tel_box h1{ display:block; color:#fff; display:block; font-weight:bold; font-size:20px; text-align:left; line-height:30px;} #s_pro .tel_box a{ background:#fff; margin:0 auto; display:block; margin-top:20px; font-weight:bold; border-radius:3px; height:32px; line-height:32px; width:120px; text-align:center; color:#1d378e; font-size:15px;} #s_pro .tel_box a{} /*================= 首页新闻 ===================*/ #s_news {} #s_news .right{ width:820px; overflow:hidden;} #s_news .more{text-align:center; font-size:14px; background:#FFF; width:70px; height:22px; line-height:22px; color:#04562e; border:1px solid #d0d0d0; margin-top:18px;} #s_news .more:hover{ background-color:#70ad22; color:#fff;} #s_news .title span{ color:#0c6545; font-weight:bold; font-size:18px; padding: 0px 20px; line-height:44px; } #s_news .title strong{ color:#abbcb2; font-size:12px; padding-top: 3px; padding-left:10px;} #s_news .content{ padding: 10px 0; height:auto; width:auto } #s_news .w2{ width:164px;} #s_news .w3{ width:328px;} #s_news .up { float:left; width:300px; height:260 } #s_news .up h1 a{ line-height:24px; display: block; white-space: nowrap;overflow:hidden;text-overflow: ellipsis; color:#333; font-size:12px; font-weight:bold; background:url(../images/list_p.jpg) no-repeat left; padding-left:25px;} #s_news .up span{font-size:12px; color:#999; float:right; padding-top:8px; } #s_news .up a:hover{ text-decoration:underline;} #s_news .up p{ color:#666; padding:10px 0; font-size:12px; line-height:22px; height:80px; overflow:hidden; text-indent:24px;text-overflow: ellipsis;border-bottom:1px solid #e5e5e5; display: -webkit-box;-webkit-line-clamp: 4;-webkit-box-orient: vertical;} #s_news .up a.more{display:block; margin-top:25px; font-size:12px; width:80px; color:#333; text-align:center; line-height:24px; height:24px; background:#fff; } #s_news .up a.more:hover{ text-decoration:none; border-radius:3px;} #s_news .un ul{ margin-right:-10px;} #s_news .un li{ position:relative; line-height:48px; display:block; border-bottom:1px solid #e5e5e5} #s_news .un a{font-size:16px; color:#333; display:block; padding-right:100px; white-space: nowrap;overflow:hidden;text-overflow: ellipsis; text-indent:20px; background:url(../images/icon_left_li.png) left center no-repeat; } #s_news .un a:hover{text-decoration:underline; background:url(../images/icon_left_li.png) left center no-repeat;background-color:#FFF;} #s_news .un span{font-size:12px; position:absolute; right:0; top:0; color:#999; padding-right:10px; } #s_news .un2{ } #s_news .un2 ul{ margin-right:-10px;} #s_news .un2 li{ position:relative; line-height:45px; display:block; border-bottom:1px solid #e5e5e5;margin-top:10px;} #s_news .un2 li h5{ font-size:18px; line-height:26px; font-weight:bold;overflow: hidden;text-overflow: ellipsis;white-space: nowrap; color:#666666; padding-top:5px;} #s_news .un2 li p{ color:#666; padding:5px 0; font-size:14px; line-height:25px; height:30px; overflow: hidden;text-overflow: ellipsis;white-space: nowrap; } #s_news .un2 li .date{ background:#1aa34d; width:50px; line-height:20px; height:55px; margin:5px 25px 0 0;text-align:center;border-radius:10px;color:#fff} #s_news .un2 li .date .sr{ font-size:20px; font-weight:bold; line-height:30px; border-bottom:1px solid #2eb962; display:block;position:relative; } #s_news .un2 li .date .sy{ font-size:12px; line-height:16px;position:relative;} #s_news .un2 li a:hover{ text-decoration:underline;} #s_news .left_3 { width:775px; float:left;height:320px;margin-top:20px;} #s_news .left_3 .title{ height:41px; line-height:41px; border-bottom:1px solid #d0d0d0} #s_news .left_3 .title span{height:41px;line-height:41px; display:block; width:180px; color:#009a45; background:url(../images/title_bg_02.png) no-repeat left bottom; font-size:24px; text-indent:10px; float:left} #s_news .left_3 .title i{ color:#cdcdcd; font-weight:bold; font-size:22px} #s_news .left_3 .title img{ margin:10px;} #s_news .left_3 .news_1{width:555px; margin-left:30px; } #s_news .left_3 .news_2{width:536px;} #s_news .up_x{width:180px; margin-top:10px;} #s_news .up_x img{ width:180px; height:230px;} #s_news .left_1 { float:left; height:auto; margin-top:15px;} #s_news .left_1 .title{ height:41px; line-height:41px; border-bottom:1px solid #d0d0d0} #s_news .left_1 .title span{height:41px;line-height:41px; display:block; width:100px; color:#009a45;font-size:24px; float:left; border-left:8px solid #009a45} #s_news .left_1 .title i{ color:#cdcdcd; font-weight:bold; font-size:22px} #s_news .left_1 .content{ padding: 20px 0; height:auto; } #s_news .left_1 .link{} #s_news .left_1 ul{position:relative;} #s_news .left_1 li{display:block;position:relative; float:left; margin:10px;} #s_news .left_1 li .a{ display:block; position:relative;} #s_news .left_1 a:hover{ filter: brightness(1.2);} #s_news .left_1 .content span{ position:absolute; bottom:0; width:200px; text-align:center; font-size:18px; font-weight:bold; color:#FFF; line-height:50px; } #s_news .left_1 .content img{ width:200px; height:138px;} #s_news .left_2 { width:505px; float:left;height:320px;margin-top:20px;} #s_news .left_2 .title{ height:41px; line-height:41px; border-bottom:1px solid #d0d0d0} #s_news .left_2 .title span{height:41px;line-height:41px; display:block; width:180px; color:#009a45; background:url(../images/title_bg_02.png) no-repeat left bottom; font-size:24px; text-indent:10px; float:left} #s_news .left_2 .title i{ color:#cdcdcd; font-weight:bold; font-size:22px} #s_news .left_2 .title img{ margin:10px;} #s_news .left_2 .news_1{width:500px; } #s_news .left_2 .news_2{width:536px;} #s_news .left_4 {float:left;height:70px; margin:20px 0; } #s_news .left_4 .link{ padding:6px 10px 0 0px;} #s_news .left_4 ul{position:relative;} #s_news .left_4 li{display:block;position:relative; float:left; padding:0 30px 0 0;} #s_news .left_4 li a{ display:block; position:relative; line-height:30px; color:#333; padding:0 20px;} #s_news .left_4 a:hover{ filter: brightness(1.3); color:#0c6545; font-weight:bold} #s_news .left_4 .link select{appearance:none;-moz-appearance:none;-webkit-appearance:none;height:35px; line-height:35px; font-size:14px; padding:0 20px; width:300px; text-align:center; margin-left:20px; border:1px solid #BBB;text-align-last: center;border-radius:25px; background:url(../images/secle_t.jpg) no-repeat right 20px center #FFF;} #s_news .left_4 .link_bg{background:url(../images/HBDX_BG.png) no-repeat right top ;width:1180px; height:170px; margin-top:-108px;} /*================= 标题栏切换 ===================*/ .s_switch{ padding:0} .s_switch .hd ul{float:left; width:160px} .s_switch .hd ul li{} .s_switch .hd a{ display:block; float:left;font-size:22px; color:#FFF;width:160px; text-align:left; height:62px; background:url(../images/sw_hd_02.jpg); line-height:62px; font-weight:bold; text-indent:25px;} .s_switch .hd a img{ } .s_switch .hd a.on span{filter: brightness(99.9);} .s_switch .hd a.on img{filter: brightness(99.9);} .s_switch .hd a.on{ background:url(../images/sw_hd_01.jpg);} .s_switch .bd img{ margin:2px 0 0 26px; border:1px solid #c4c4c4 } /*================= 问题解答 ===================*/ #s_question dl{ width:500px;} #s_question dd{ display:block; padding:20px 10px; border-bottom:1px dotted #e5e5e5; } #s_question dd a{ padding-left:50px; display:block; height:30px; line-height:30px; color:#333; font-size:14px; background:url(../images/wen.jpg) left center no-repeat; white-space: nowrap;overflow:hidden;text-overflow: ellipsis;} #s_question dd p{ padding-left:50px; line-height:22px; height:45px; overflow:hidden; font-size:12px; color:#666; background:url(../images/da.jpg) left top no-repeat;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical; } #s_question dd a:hover{ text-decoration:underline;} /*===================首页产品================*/ #s_pro_list{} #s_pro_list ul{ margin:-5px; } #s_pro_list li{ float:left; position:relative; width:222px; overflow:hidden; display:block; margin:5px; } #s_pro_list li a{ display:block; overflow:hidden;} #s_pro_list li img{ width:220px; height:155px; display:block; border:1px solid #d3d3d3; background:#fff;} #s_pro_list li h1{ display:block; line-height:38px; text-align:center; font-size:14px; color:#636363; white-space: nowrap;overflow:hidden;text-overflow: ellipsis; } #s_pro_list li:hover h1{ color:#fff; background : #0059b4; } #s_pro_list li:hover { } /*===================首页产品================*/ #s_hxys .title{ margin:30px auto;} #s_hxys img{ display:block; margin:0 auto;} /*===================首页服务================*/ #s_service{position:relative;padding:0 ;} #s_service .main_box{ height: 230px; position:relative;} #s_service .content{ padding-top:0px; color:#fff; } #s_service img{ display:block; margin:20px auto;} #s_service .up { height:180px; float:left; width:220px;text-align:center;background:#FFF} #s_service .up h1 a{ line-height:24px; display: block; white-space: nowrap;overflow:hidden;text-overflow: ellipsis; } #s_service .up span{font-size:15px; color:#6ca367;font-weight:bold ; } #s_service .up a:hover{ text-decoration:underline;} #s_service .up p{ color:#999; padding:10px 0; font-size:12px; line-height:22px; height:35px; overflow:hidden;;text-overflow: ellipsis; display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;} #s_service .more{} #s_service .more:hover{ background:#5f9021; color:#fff} #s_service .more:hover span{color:#fff} #s_service .more:hover p{color:#fff} #s_service .more:hover img{-webkit-filter: brightness(2.3);filter: brightness(2.3); } #s_service .up_x{width:170px; } #s_service .mrl{ margin-left:25px;} /*===================首页案例================*/ #s_case {background:#0d1309} #s_case .j_parallax { background-image: url(../images/bg_sjc.jpg); height:420px;} #s_case .main_box{ padding:40px 0;} #s_case .title img{ display:block; margin:0px auto 20px auto;} #s_case .content{ position:relative; padding-top:10px; } #s_case .bd{ overflow:hidden; width: 1058px; margin: 0 auto;} #s_case ul{ margin:0 -17px;} #s_case li{width:330px; position:relative; display:block; overflow:hidden; float:left; background:#fff; margin:0 17px;} #s_case li a{ display:block;} #s_case li .pic_box{ position:relative; } #s_case li img{width:340px; height:210px; display:block; } #s_case li h1 a{overflow:hidden; white-space: nowrap;overflow:hidden;text-overflow: ellipsis; height:45px; line-height:45px; text-align:center; padding:0 20px; color:#494949; font-size:14px; display:block; } #s_case li p{ padding-top:10px; display:block; font-size:12px; color:#cecece;} #s_case li:hover{ background:#0c6545;} #s_case li:hover h1 a{ color:#fff;} #s_case .hd {} #s_case .hd a{ position:absolute; top:50%; margin-top:-15px; z-index:9; display:block; height:32px; font-size:32px;} #s_case .hd a.prev{ left:0;} #s_case .hd a.next{ right:0;} /*================= 首页产品===================*/ #s_about { position:relative;} #s_about .main_box{ height: 310px; position:relative;background:#FFF; } #s_about .slide_about { } #s_about .content{ padding-top:5px; margin-left:320px; color:#fff; } #s_about .title { margin-top:20px; position:relative; text-align:center} #s_about .content .title strong{ font-size:20px; color:#1d378e; font-weight:bold; display:block; } #s_about .content .title .more{ position:absolute; right:10px; top:0; padding: 0 14px; font-size:12px; color:#666666; text-align:center; line-height:30px; height:30px; border:1px solid #aaaaad;} #s_about .content .title .more:hover{ overflow:hidden; background:#0059b4; color:#fff; border:1px solid #0059b4;} #s_about .content p{ height: 80px;color:#666666; font-size:12px; line-height:24px; text-indent:24px; padding:10px; overflow:hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 4;-webkit-box-orient: vertical;} #s_about .content .about_si{margin-top:25px;} #s_about .content ul{ position:relative; z-index:9; width:100%; display:inherit; text-align:left; } #s_about .content ul li{ cursor:pointer; display:inline-block; margin:0; padding:0;} #s_about .content ul li a{ } #s_about .content ul li a:hover{ } .slide_about .box{ width:400px; height:280px; position:relative; margin: 20px 0; } .slide_about .bd{} .slide_about .bd ul{} .slide_about .bd ul li{ position:relative; width:400px; height:280px;} .slide_about .bd ul li img{ width:100%; height:100%;} .slide_about .mask{ position:absolute;bottom:24px; left:0; right:0; width:100%; height:30px; background: rgba(35,120,60,0.8);} .slide_about .mask h5{ width:400px; font-size:14px; line-height:30px; color:#fff; text-align:center; padding:0 30px; height:30px;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;} .slide_about .hd{ margin:0 auto; position:absolute; left:0; bottom:0; width:100%; background: rgba(20,100,40,0.8); padding:3px 0;} .slide_about .hd ul{ position:relative; z-index:9; width:100%; display:inherit; text-align:center; } .slide_about .hd ul li{ cursor:pointer; display:inline-block; } .slide_about .hd ul li a{height:8px; width:8px; margin:0 6px; display:block; border: 1px solid #fff; border-radius: 50%; } .slide_about .hd ul li a:hover{ background:#fff; } .slide_about .hd ul .on a{ background:#fff; } /*================= 流程 ===================*/ #s_lc{position:relative;padding:20px 0 0 0;} #s_lc .main_box{ height: 380px; position:relative;background:#FFF; } #s_lc .content{ padding-top:20px; color:#fff; } #s_lc .title{ height:60px; padding-top:10px;} #s_lc img{ display:block; margin:20px auto;} #s_lc .up { height:100px; float:left; width:150px; height:270px ;text-align:center; margin-left:42px;} #s_lc .up h1 a{ line-height:24px; display: block; white-space: nowrap;overflow:hidden;text-overflow: ellipsis; } #s_lc .up span{font-size:15px; color:#333;font-weight:bold ; } #s_lc .up a:hover{ text-decoration:underline;} #s_lc .up p{ color:#999; padding:10px 0; font-size:12px; line-height:22px; height:35px; overflow:hidden;;text-overflow: ellipsis; display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;} #s_lc .up a.more{display:block; margin-top:25px; font-size:12px; width:80px; color:#333; text-align:center; line-height:24px; height:24px; background:#fff; } #s_lc .up a.more:hover{ text-decoration:none; border-radius:3px;} #s_lc .up_x{width:170px; } /*================= 友情链接 ===================*/ #friend_link .main_box{ padding:30px 0; background:url(../images/title_link.png) left center no-repeat;} #friend_link .content{ margin-right:-30px; padding-left:140px;} #friend_link .content a{ padding-right:30px; color:#797777; font-size:12px; line-height:24px; } #friend_link .content a:hover{ color:#0059b4;} /*==========================================footer=============================================*/ footer { padding: 0; background: #242424; color: #fff; background-size: cover; width:100% ; index:999;} .loginfooter{ position:fixed; bottom:0} footer a { color: #cecece; } footer a:hover { color: #fff; } .copyright { text-align: center; background: #185d47; color: #fff; padding: 20px 0; font-size:14px} .copyright a { color: #999; } .index_footer{background: #333333;padding-bottom: 2px;height: 230px; background:url(../images/footer_bg.jpg);background-size: cover;} .index_footer .foot_left{height: 180px;margin-top: 20px;border-right: 1px solid #c2c2c2;padding-right: 75px;} .index_footer .foot_left ul{} .index_footer .foot_left ul li{color: #dddddd;font-size: 14px; line-height:30px; text-indent:40px;} .index_footer .foot_left ul li span{ font-size:18px; font-weight:bold;letter-spacing:2px; line-height:40px;} .index_footer .foot_left img{ width:493px; height:70px;;} .index_footer .foot_center{height: 180px;padding-left: 85px;margin-right: 85px;color: #FFF;} .index_footer .foot_center ul{margin-top: 30px;} .index_footer .foot_center ul li{color: #FFF;font-size: 16px; color:#acacac;line-height:26px;} .index_footer .foot_center ul li a{padding: 0px 15px;color: #FFF;font-size: 12px;transition: all 0.4s;} .index_footer .foot_center ul li a:hover{color: #fff;} .index_footer .foot_center p{color: #fff;font-size: 14px;line-height: 36px;} .index_footer .foot_right{margin-top: 30px;color: #fff;font-size: 16px;text-align: center; margin-right:100px; line-height:40px; height:180px;} .index_footer .foot_right a{display: block;float:left; padding:0 30px 0 0;} .index_footer .foot_right a:hover{ filter: brightness(100%);} .index_footer .foot_right a:hover .wb{ display: block; position:absolute; margin:15px 0 0 -40px;} .index_footer .foot_right a:hover .wx{ display: block; position:absolute; margin:15px 0 0 -40px;} .index_footer .foot_right a:hover .qq{ display: block; position:absolute; margin:15px 0 0 -40px;} .index_footer .wb,.wx,.qq{ display:none;} /*=======================内页==============================*/ .n_main_box{ margin-top:0px; position:relative;background:#FFF url(../images/news_bg.jpg) top no-repeat; width:auto; height:auto} .n_banenr{height:280px;width:100%;overflow:hidden;margin-top: 175px;} .n_banenr h1{font-size: 30px; color: #f36825; display:block; font-weight:bold; padding-top:50px; text-transform: uppercase;} .n_banenr h2{font-size: 24px; margin-bottom:10px; margin-top:0px; color: #fff; display:block;} .n_banenr strong{font-size: 14px; color: #797a7c; display:block;} /*==============当前位置=====================*/ .position{ position:absolute; line-height: 66px; right:50px; top:0px; color:#FFF; background:url(../images/icon_home.png) left center no-repeat; padding-left:40px;} .position span, .position a, .position i{ font-size:14px; color:#999;} .position em{ font-size:14px; color:#333; font-style:normal;} .position a:hover{ color:#0c6545;} /*==============n_content_left=====================*/ .n_left{ width:280px; float:left; overflow:hidden; background:#FFF; margin:30px; height:auto} .n_left .title{ height:70px;width:220px;background:url(../images/tit_01.jpg) no-repeat top left; padding:15px 0 0 2px; margin:15px 30px; } .n_left .title span{color:#3d9b51; display:block; font-size:22px;} .n_left .title strong{ display:block; color:#d1d1d1; text-transform:uppercase; display:block; font-size:20px; margin-top:5px; font-family:"Times New Roman", Times, serif} .n_left { } .n_left .content{ margin-bottom:22px; height:auto} .n_left .content a{ display:block; border-bottom:1px solid #e8e8e8; height:50px; background:url(../images/icon_left_li.png) 240px center no-repeat ; } .n_left .content a strong{ width:220px; margin:0 auto; display:block; position:relative; font-size:16px; color:#999; line-height:50px; height:50px; overflow:hidden;} .n_left .content a:hover { border-bottom:1px solid #e8e8e8; background:url(../images/icon_left_li_on.png) 260px center no-repeat #10912c; color:#555555;} .n_left .content a:hover strong{ font-weight:bold; color:#fff;} .n_left a.on { border-bottom:1px solid #e8e8e8;background:url(../images/icon_left_li.png) 240px center no-repeat #FFF; } .n_left a.on strong{ color:#3d9b51; font-weight:bold; font-size:18px;} .n_left a.visited{ border-bottom: 1px solid #e8e8e8; background-image: url(../images/icon_left_li_on.png); background-position:260px center; background-repeat: no-repeat; background-color:#10912c!important; color: #fff;} .n_left a.visited strong{ color:#fff; font-weight:bold; font-size:18px;} .n_left .link_box a{ display:block; margin-top:150px;} /*==============n_content_right=====================*/ .n_right{ width:1180px;float:left; margin-top:30px; height:auto} .n_title{ position:relative;height:50px; line-height:50px; border-bottom:1px solid #FFF;} .n_title h1{ font-size:20px;display:inline-block; color:#73ae45; line-height:45px; font-weight:bold; height:45px; border-bottom:4px solid #009a45; padding:0 50px 0 0} /*===荣誉奖项===*/ #n_zizhi{ margin-top:10px;} #n_zizhi ul { margin:-20px -11px; } #n_zizhi li{ display:block; width:175px; float:left; margin:22px 11px; padding:8px; box-shadow: 0px 0px 6px 0px #888;} #n_zizhi li a{ display:block; } #n_zizhi li img{ width:175px; height:120px;} #n_zizhi li h1{ display:block; text-align:center; font-size:12px; line-height:30px; color:#6d6c72; } #n_zizhi li a:hover h1{ color:#0059b4} /*==============n_content=====================*/ .n_content{ padding:20px;} #n_fc{} #n_fc{ overflow:hidden; margin-top:10px;} #n_fc ul { margin:-13px; } #n_fc li{ display:block; width:260px; float:left; margin:13px; } #n_fc li a{ display:block; } #n_fc li img{ width:260px; height:180px;} #n_fc li h1{ display:block; text-align:center; height:36px; margin-top:10px; font-size:12px; line-height:18px; color:#616064; } #n_fc li a:hover h1{ color:#0059b4} /*===================首页日记================*/ #photo_list{ } #photo_list ul{ margin:-13px;} #photo_list li{ width:290px; height:230px; position:relative; display:block; overflow:hidden; float:left; margin:13px;} #photo_list li a{ display:block;} #photo_list li .pic_box{ position:relative; background:#000; } #photo_list li img{width:290px; height:230px; display:block;} #photo_list li .img{ } #photo_list li .icon_play{ position:absolute; left:0; top:0; width:380px; height:260px; background:url(../images/bnt_play.png) center no-repeat;} #photo_list li h1{ position:absolute; z-index:3; left:0; bottom:0; overflow:hidden; width:250px; height:0px; line-height:40px; padding:0 20px; white-space: nowrap;overflow:hidden;text-overflow: ellipsis; color:#fff; font-size:14px; text-align:center; display:block; filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#AA000000', endColorstr='#AA000000');background:rgba(0,0,0,0.67);} #photo_list li:hover h1{ height:40px;} /*==========================================产品列表=============================================*/ #n_case{} #n_case ul{ margin:-15px; } #n_case li{ float:left; border-bottom:3px solid #fff; position:relative; width:290px; background:#ebeef2; display:block; margin:15px 14px; } #n_case li a{ display:block; overflow:hidden;} #n_case li img{ width:290px; height:190px; display:block;} #n_case li span{ width: 230px; padding:0 20px; display:block; line-height:55px; font-size:14px; color:#636363; padding-right:40px; white-space: nowrap;overflow:hidden;text-overflow: ellipsis; background:url(../images/icon_left_li.png) 260px center no-repeat; } #n_case li:hover span{ } #n_case li:hover { border-bottom:3px solid #0059b4;} /*==================产品中心=================*/ #n_pro{ overflow:hidden; margin:20px 20px} #n_pro ul { } #n_pro li{ display:block; width:240px; float:left; margin:20px 13px; } #n_pro li a{ display:block; } #n_pro li img{ width:180px; height:230px; margin: 10px 30px 0 30px } #n_pro li h1{ display:block; text-align:center; font-size:14px; height:50px; padding:0 20px; line-height:50px; color:#444444; white-space: nowrap;overflow:hidden;text-overflow: ellipsis;} #n_pro li:hover{ background:#FFF; } #n_pro li:hover img{filter: brightness(1.2); } /*==================列表=================*/ #n_list{} #n_list{ overflow:hidden;} #n_list table{width:100%; background:#FFF; text-align:center; color:#555;} #n_list table td{ padding:1px; border:1px solid #DDD; line-height:50px; height:50px; font-size:16px} #n_list table .tr1{ background:#daf5c4; font-weight:bold; color:#0c6545} #n_list table .tr1:hover{ background:#daf5c4; font-weight:bold; color:#0c6545} #n_list table .tr2{ background:#FFF} #n_list table .tr3{ background:#fafafa} #n_list table tr:hover{ background:#f2f2f2;} #n_list table a{ color:#3d9fe1} /*===================产品详情===============*/ .n_product_show{ } .n_product_show .up_box .content{ position:relative; background:#f2f4f8; } .n_product_show .up_box .title{ display:block; border-bottom:1px solid #efefef; padding-bottom:30px; text-align:center; font-size:30px; font-weight:bold; color:#333846;} .n_product_show .up_box .text_box{ position:absolute; right:0; top:20px; padding:30px; width:270px; } .n_product_show .up_box .text_box h1{ margin-bottom:15px; font-size:18px; color:#444444; display:block; font-weight:bold;} .n_product_show .up_box .text_box .ar_article{ font-size:12px; height:188px; overflow:hidden; line-height:26px; color:#666; margin-bottom: 25px;} .n_product_show .up_box .text_box .ar_article p{ font-size:12px; line-height:23px; color:#666; margin-bottom: 0px; } .n_product_show .up_box .un{ padding-top:25px; margin-top:5px; border-top:1px dotted #c6c7ca;} .n_product_show .up_box .tel_box{ margin-bottom:15px; background:url(../images/icon_pro_tel.png) left 12px no-repeat; padding-left:15px;} .n_product_show .up_box span{ font-size:12px; color:#4a4957;} .n_product_show .up_box strong{ padding-left:10px; font-size:25px; color:#0059b4;} .n_product_show .up_box .link_box .box{ display:inline-block; } .ewm_box{ cursor:pointer; position:relative;} .ewm_box .ewm{ position:absolute; right:-80px; top:0; opacity:0;filter:alpha(opacity=0); z-index:3;} .ewm_box:hover .ewm{ opacity:1;filter:alpha(opacity=100); } .n_product_show .un_box{ padding-top:30px;} .n_product_show .un_box .title{ height:30px; line-height:30px;} .n_product_show .un_box .title strong{ background:#0059b4; display:inline-block; font-size:16px; color:#fff; padding:0 15px; } .n_product_show .un_box .title span{ display:inline-block; color:#2d95a2; padding-left:10px; font-size:12px; text-transform:uppercase; font-family: "Arial";} .n_product_show .un_box .pro_ar_box{ margin-bottom:60px;} .n_product_show .un_box .pro_ar_box .content{ border-top:1px solid #dde0e4; padding:40px 0px 20px 0px; } .j_photo{ width:100%; position:relative; margin:0px auto;} .j_photo .big_box{ width:585px; height:440px; position:relative; overflow:hidden;} .j_photo .big_box ul{ position:absolute; left:0; top:0;} .j_photo .big_box ul li{ width:585px; height:440px;} .j_photo .big_box ul li img{width:585px; height:440px;} .j_photo .prev{ float:left; cursor:pointer;} .j_photo .small_box { position:relative; height:100px; width:100%; margin-top:30px;} .j_photo .min_pic{ width: 848px; margin:0 auto; position:relative; height:104px; overflow: hidden;} .j_photo .min_pic ul{position:absolute; left:0; top:0; margin-right:-10px; } .j_photo .min_pic ul li{width:129px; height:104px; position:relative; margin-right:14px; display:inline-block; } .j_photo .min_pic ul li img{ width:129px; height:97px; padding-top: 7px; } .j_photo .small_box i{ display:none; height:104px; width:129px; position:absolute; bottom:0; left:0; z-index:9; background:url(../images/mark_j_photle.png) center bottom no-repeat; } .j_photo .min_pic ul li.on i{ display:block;} .j_photo .min_prev{ position:absolute; top:0%; left:0px; cursor:pointer; } .j_photo .min_next{position:absolute; top:0%; right:0px; cursor:pointer; } .j_photo .small_box .tc_bnt{ height:100px; top:5px; width:20px; text-align:center; font-family: "SimSun"; display:block; background:#d2d2d2; font-size:24px; line-height:100px; color:#fff;} .j_photo .small_box .tc_bnt:hover{ background:#0059b4;} .j_photo .big_prev{ position:absolute; top:165px; left:-70px; width:28px; height:51px;z-index:9;cursor:pointer;} .j_photo .big_next{ position:absolute; top:165px; right:-70px; width:28px; height:51px;z-index:9;cursor:pointer;} .j_photo .big_box:hover .big_prev{ left:0px;} .j_photo .big_box:hover .big_next{ right:8px;} .show_pro_shlide{ margin-top:50px; background:#f2f4f8; padding:40px 20px; position:relative;} .show_pro_shlide .box{ width:790px; overflow:hidden; margin:0 auto;} .show_pro_shlide ul{ } .show_pro_shlide li{ float:left; border:1px solid #d3d7d8; position:relative; width:248px; height:190px; background:#f4f4f7; display:block; margin-right:20px;} .show_pro_shlide li a{ display:block; overflow:hidden;} .show_pro_shlide li img{ width:248px; height:153px; display:block;} .show_pro_shlide li span{ position:absolute; left:0; bottom: -1px;width: 189px; padding:0 20px; border-top:1px solid #d3d7d8; display:block; line-height:38px; font-size:14px; color:#636363; padding-right:40px; white-space: nowrap;overflow:hidden;text-overflow: ellipsis; background:url(../images/icon_jt_pro.png) 230px center no-repeat; } .show_pro_shlide li:hover span{ color:#fff; background:url(../images/icon_jt_pro_hover.png) 225px center no-repeat #2d95a2; } .show_pro_shlide li:hover { border:1px solid rgb( 211, 215, 216 ); background-color: rgb( 242, 244, 248 ); box-shadow: 2.5px 3px 5px 0px rgb( 125, 136, 137 );} .show_pro_shlide .title{ margin-bottom:25px; position:relative; } .show_pro_shlide .title strong{ font-size:18px; height:18px; border-left:3px solid #379aa6; padding-left: 5px; color:#666666; line-height:18px; display: block;} .show_pro_shlide .title a{ font-size:12px; position:absolute; right:0; top:0; line-height:31px; color:#4b4b4d;} .show_pro_shlide .title a:hover{ color:#2d95a2;} .show_pro_shlide .hd a{ position:absolute; top:50%; z-index:3; margin-top:5px; display:block; width:26px; height:26px; border-radius:50%; overflow:hidden; color:#fff; } .show_pro_shlide .hd a.prev{ left:20px; background:url(../images/bnt_pic_lr.png) right top no-repeat;} .show_pro_shlide .hd a.prev:hover{ background:url(../images/bnt_pic_lr.png) left top no-repeat;} .show_pro_shlide .hd a.next{ right:20px; background:url(../images/bnt_pic_lr.png) left bottom no-repeat;} .show_pro_shlide .hd a.next:hover{ background:url(../images/bnt_pic_lr.png) right bottom no-repeat;} /*==============新闻=====================*/ #n_news .up_box{ float:left; width:330px; margin-left:60px} #n_news .up_box .tit_1{ font-size:30px; margin:20px 0; line-height:60px; border-bottom:1px solid #206330; color:#206330; padding-left:20px} #n_news .up_box li{ } #n_news .up_box li img{ width:300px; height:180px; margin:15px; } #n_news .up_box .more{ display:block; width:38px; font-size:12px; color:#fff; height:38px; line-height:32px; background:url(../images/bnt_more_news.png) center no-repeat; float:right; margin-top:10px} #n_news .up_box .more:hover{ background:url(../images/bnt_more_news2.png) center no-repeat;} #n_news .up_box li .fr p{ line-height:24px; height:72px; overflow:hidden; width: 455px; color:#999999; padding-top:20px; font-size:12px;} /*==============新闻中心=====================*/ #n_news .un_box{width:100%; height:auto} #n_news .un_box .tit_1{ font-size:30px; margin:20px 0; line-height:60px; border-bottom:1px solid #206330; color:#206330; padding-left:50px} #n_news .un_box .content ul{overflow:hidden} #n_news .un_box .content li{display:block;border-bottom:1px solid #eaebec; } #n_news .un_box .content li .box{padding:0;position:relative;min-height:60px;} #n_news .un_box .content li .box a span{ position: absolute; right:10px; font-size:18px; color:#999999} #n_news .un_box .content li a{display:block;font-size:20px;color:#333;padding-left:80px; min-height:65px; line-height:65px; background:url(../images/list_li_bg.png) 50px no-repeat;} #n_news .un_box .content li p{line-height:24px;font-size:12px;color:#99999b;height:60px; overflow:hidden;} #n_news .un_box .content li a:hover{color:#128d61;background-color:#ececec;} #n_news .un_box .content .date_box{position:absolute;right:0;top:0; text-align:center; background:#FFF; padding:22px 0px;text-align:center;width:86px; border:1px solid #cccccc} #n_news .un_box .content .date_box strong{ display:block;font-size:36px;color:#333} #n_news .un_box .content .date_box span{font-size:14px;color:#666;margin-top:4px;display:block;text-transform:uppercase} #n_news .un_box .content li:hover .date_box{background:#000;} #n_news .un_box .content li:hover strong{ color:#FFF;} #n_news .un_box .content li:hover span{ color:#333;} #n_news .un_box .content li.last{ border-bottom:none; padding-bottom:10px;} #n_news .un_box .content2{ width:auto; height:100%; margin:30px 0;} #n_news .un_box .content2 .title{ border-bottom:1px solid #d0d0d0; background:url(../images/title_bg_03.png) left no-repeat; height:41px; line-height:41px; font-size:18px; font-weight:bold; text-indent:20px; color:#666} #n_news .un_box .content2 li{ width:225px; height:80px; line-height:80px; text-align:center; float:left;border-bottom:none;} #n_news .un_box .content2 li a{ color:#333} /*==============新闻详情=====================*/ .n_article { margin-bottom:20px;} .n_article .ar_title{ padding:10px 0 20px 0; margin-bottom: 10px;} .n_article .ar_title{ padding:0 0 0px 0; position:relative; } .n_article .ar_title h1{ font-size:25px; margin-bottom:30px; display:block; font-weight:bold; text-align:center; line-height:30px; color:#111;} .n_article .ar_title h2{ font-size:18px; position:relative; display:block; border-bottom:1px solid #d6d6d6; padding:0 5px; color:#999999; line-height:50px; text-align:center;} .n_article .ar_title h2 strong { padding:0 20px;} .n_article .ar_article{ min-height:400px; padding:20px 50px;} .n_article .ar_article .text_1{line-height:200%; margin-top:30px; } .n_article .bnt_page{ position:relative; height:40px; margin-bottom:10px; line-height:40px; font-size:12px; color:#8a8a8a; border-top:1px dotted #e4e4e4;} .n_article .bnt_page a{ color:#8a8a8a;} .n_article .bnt_page a:hover{color:#007cc2;} .n_article .back_box{ margin:40px auto 0 auto; padding-bottom:80px;} .jiathis_style{ margin-top:10px;} .n_article .bnt_page{ position:relative;} .n_article .bnt_page .shart_box{ position:absolute; right:0; top:10px;} #ar_fot{ position:relative; padding:15px 0; border-bottom:1px solid #ddd; border-top:1px solid #ddd;} #ar_fot h1{ display:block; font-size:12px; line-height:30px; color:#777777; font-weight:bold;} #ar_fot h1 a{ font-size:12px; color:#777777; font-weight:normal;} #ar_fot .bnt_back{ position:absolute; top:28px; right:0; color:#fff; background:#0059b4; padding:0 25px; font-size:14px; height:30px; line-height:30px;} #ar_fot .bnt_back:hover{ border-radius:3px;} /*==========招聘信息===========*/ .job_list li{border:1px solid #e7e8e8; margin-bottom:30px; display:block; position:relative;} .job_list li .left{ width:230px; vertical-align:middle; } .job_list li .left .box{ position:absolute; top:50%; margin-top:-23px; width:230px; text-align:center; } .job_list li .left h1{ text-align:center; color:#45444d; font-size:16px; display:block; margin-bottom:5px;} .job_list li .left span{ font-size:12px; color:#afaeb4; text-align:center; display:block;} .job_list li .right{ border-left:1px solid #e7e8e8;width:695px; line-height:36px; font-size:14px;} .job_list li .right .ar_article{ padding:30px 20px; line-height:24px; color:#727272; font-size:12px; } .job_list li .right .ar_article p{line-height:24px; color:#727272; font-size:12px; margin-bottom:24px; } .job_list li .right .ar_article p:last-child{ margin:0 ;} /*==============联系我们=====================*/ .n_contact{ position:relative; width:100%; overflow:hidden; } .n_contact .info{ padding-bottom:30px; padding-top:15px; text-align:center; color:#666666; font-size:14px;} .n_contact .info img{ margin-top:15px;} .n_contact .up_box { border:1px solid #dbdbdb; margin-bottom:40px; position:relative;} .n_contact .up_box .title span{ display:block; color:#51575f; font-size:12px; margin-bottom:15px;} .n_contact .up_box .text_box{ border-right:1px solid #dbdbdb; width:530px; padding: 35px 20px;} .n_contact .up_box .text_box .box{ padding-left:25px; background:url(../images/icon_contact.png) left 8px no-repeat; font-size:14px; color:#666666; line-height:29px;} .n_contact .map{ border:1px solid #dcdcdc;} .n_contact .ewm_box{ position:absolute; right:0; top:40px; width:345px; display:block;} .n_contact .ewm_box .box span{ font-size:12px; color:#666666; display:block; text-align:center; margin-top:8px;} .n_contact .ewm_box img{ width:115px; height:115px; display:block; margin:0 auto; } /*==============分页=====================*/ .page { margin:0; display:block} .page .box{ width:100%; text-align: center; padding: 30px; margin:30px;} .page a{ padding:0 20px; height:40px; line-height:40px; display:inline-block; border:1px solid #dcdcdc; margin:0; color:#fff; color:#444444; font-size:14px; } .page .on{ background:#F9F9F9; color:#666 !important;border:1px solid #0c6545;} .page span{ background:#F9F9F9; color:#666 !important;border:1px solid #0c6545;} .page a:hover{ background:#F9F9F9; color:#999 !important; text-decoration:none; border:1px solid #0c6545; } .page a.u_bnt{ transition: all 1s;-moz-transition: all 1s; /* Firefox 4 */-webkit-transition: all 1s; /* Safari 和 Chrome */ -o-transition: all 1s; /* Opera */} /*==============分享插件=====================*/ .shart_box{ position:absolute; right:0; top:70px;} #j_shart_s_24 .bds_count{ font-size:12px;} #j_shart_s_24{ padding-left:60px; position:relative;} #j_shart_s_24 strong{ display:block; position:absolute; left:0; z-index:2; line-height:36px; font-size:12px; color: #a3a0a9;} #j_shart_s_24 .bds_qzone{ background:url(../images/shart.png) center -224px no-repeat;} #j_shart_s_24 .bds_tsina{ background: url(../images/shart.png) center -311px no-repeat;} #j_shart_s_24 .bds_tqq{background: url(../images/shart.png) center -195px no-repeat;} #j_shart_s_24 .bds_renren{background: url(../images/shart.png) center -340px no-repeat;} #j_shart_s_24 .bds_weixin{background: url(../images/shart.png) center -253px no-repeat;} #j_shart_s_24 .bds_count{ font-size:12px;}