@charset "utf-8"; /* ================================== 【官方网站】技术支持：凡高科技——银灵子==================================== */ .loghid{ display:none;} body{ position: relative; min-width: 800px;} .j_body{ position: relative;} .main_box{ margin:0 auto; width:1250px; position:relative;} /*===============================================header================================================*/ #header{ background:#fff; height:100px ; width:100%; z-index:9999;} #header #logo{ position:absolute; top:20px; left:0; display:inline-block;} #header #logo img{ } #top_bnt_box{ position:absolute; top:45px; right:-13px; /* background:url(../images/line_top.png) center no-repeat;*/} #top_bnt_box a{ display:block; padding:0 13px; height:15px; float:left;} #bnt_top_search{ width:15px;background:url(../images/icon_search.png) center no-repeat;} #bnt_top_tel{width:13px; background:url(../images/icon_top_tel.png) center no-repeat;} #bnt_top_search:hover{ width:15px;background:url(../images/icon_search_hover.png) center no-repeat;} #bnt_top_tel:hover{width:13px; background:url(../images/icon_top_tel_hover.png) center no-repeat;} #bnt_top_search.on{ width:15px;background:url(../images/icon_search_hover.png) center no-repeat;} #bnt_top_tel.on{width:13px; background:url(../images/icon_top_tel_hover.png) center no-repeat;} /*================= 搜索 ===================*/ #top_search_box{ display:none; position:absolute; top:100px; right:0px; height:40px; background:#fff; z-index:99; border-top:1px solid #ededed;} #top_search_box form{display:block; position:relative; height:40px; width:240px;} #top_search_box input{display: block;background: none;border: none;} #top_search_box .text{width: 180px; height: 40px;line-height: 40px;font-size: 13px;color: #545454;margin-left: 13px;} #top_search_box .submit{width: 40px; position:absolute; right:0; top:0; cursor:pointer; height: 40px;margin-left: 5px; background:url(../images/icon_search.png) center no-repeat;} #top_search_box .submit:hover{ background:url(../images/icon_search_hover.png) center no-repeat;} #top_tel_box{ display:block !important; position:relative; width:400px; height:300px; margin:10% auto; background:rgba(255,255,255,0.8);} #top_tel_box .login-content{ width:100%; height:auto;} #top_tel_box .login-content h2{ font-size:20px; text-align:center; height:45px; line-height:45px; background:#eee; margin-bottom:50px;} #top_tel_box .login-content .login-info{ width:300px; height:40px; margin-left:auto; margin-right:auto; border:1px solid #ddd; margin-bottom:20px; background-color:#FFF;} #top_tel_box .login-content .login-info span.user{ float:left; width:40px; height:30px; margin:5px auto 5px auto; background:url(../images/icon-user.gif) no-repeat center center; border-right:1px solid #a9a9a9;} #top_tel_box .login-content .login-info span.pwd{ float:left; width:40px; height:30px; margin:5px auto 5px auto; background:url(../images/icon-pwd.png) no-repeat center center; border-right:1px solid #a9a9a9;} #top_tel_box .login-content .login-info .login-input{ width:185px; line-height:38px; height:38px; background:#ffffff; border:none; margin:0; padding:0; padding-left:10px;} #top_tel_box .login-content .login-oper{ width:302px; height:40px; margin-left:auto; margin-right:auto; margin-top:10px;} #top_tel_box .login-content .login-oper .login-btn{ width:100%; height:40px; line-height:40px; font-size:20px; border:none; background:#d2b068; color:#ffffff;} #top_tel_box .login-content .login-txt{ width:252px; height:auto; margin-left:auto; margin-right:auto; text-align:center; line-height:20px; font-size:12px; color:#F00; margin-top:10px;} /*=================导航=================*/ #nav{ position:absolute; right:70px; top:40px;} #nav ul{ } #nav li{ display:inline-block; min-width:30px; padding:0 40px; position:relative;} #nav li .a{ display: inherit; text-align:center; } #nav li .a strong{ display:block; font-size:20px; color:#333333; text-align:center; position:relative; z-index:1;} #nav li .a span{ position:absolute; bottom:0px; left:0; width:100%; text-align:center;} #nav li .a i{ display:none; z-index: 4; margin:0 auto; max-width: 60px; text-align:center; z-index:1; height:2px; width:0; } #nav .on .a i{ width:100%;} #nav li.on .a strong{ color:#d2b068; } #nav li .a:hover i{ width:25px;} #nav li .a:hover strong{ color:#d2b068;} #nav li.on .a:hover i{ width:25px; } #header.fix{ position:fixed; height:90px; padding:0;} #header.fix #logo{top: 17px;} #header.fix #top_search_box{ top: 90px; background: #ededed;} #header.fix #top_tel_box{} #header.fix #top_bnt_box{top: 42px;} #header.fix #nav{top: 34px;} /*================= banne===================*/ #banner .hd{ margin:0 auto; position:absolute; width:100%; bottom:10px;} #banner .hd a{ display:block;} #banner .hd ul{ margin:0 auto; z-index:9; width:100%; display:inherit; text-align:center;/* border-top:1px solid #56585c;*/ margin-top:-50px; position:relative; height:40px;} #banner .hd ul li{ display:inline-block; padding-top:13px;} #banner .hd ul li a{height:8px; width:8px; border-radius:4px; margin:0 3px; background:#fff; display:block; -moz-transition: all 0.6s ease-in-out; -webkit-transition: all 0.6s ease-in-out; -o-transition: all 0.6s ease-in-out; -ms-transition: all 0.6s ease-in-out; transition: all 0.6s ease-in-out;} #banner .hd ul li a:hover{ background:#e39b36; width:30px;} #banner .hd ul .on a{ background:#e39b36; width:30px;} /* Slider */ .slick-slider{ position: relative;display: block;box-sizing: border-box;-webkit-user-select: none;-moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none;-ms-touch-action: pan-y;touch-action: pan-y;-webkit-tap-highlight-color: transparent;} .slick-list { position: relative; overflow: hidden; display: block; margin: 0; padding: 0; } .slick-list:focus { outline: none; } .slick-loading .slick-list {} .slick-list.dragging { cursor: pointer; cursor: hand; } .slick-slider .slick-list, .slick-track, .slick-slide, .slick-slide img { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .slick-track { position: relative; left: 0; top: 0; display: block; zoom: 1; } .slick-track:before, .slick-track:after { content: ""; display: table; } .slick-track:after { clear: both; } .slick-loading .slick-track { visibility: hidden; } .slick-slide { float: left; height: 100%; min-height: 1px; display: none; } .slick-slide img { display: block; } .slick-slide.slick-loading img { display: none; } .slick-slide.dragging img { pointer-events: none; } .slick-initialized .slick-slide { display: block; } .slick-loading .slick-slide { visibility: hidden; } .slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; } /* Arrows */ .slick-prev, .slick-next { position: absolute; display: block; height: 20px; width: 20px; line-height: 0; font-size: 0; cursor: pointer; background: transparent; color: transparent; padding: 0; border: none; outline: none; } /* Dots */ .slick-dots { position: absolute; bottom: -45px; list-style: none; display: block; text-align: center; padding: 0px; width: 100%; } .slick-dots li{ position: relative; display: inline-block; cursor: pointer; } .slick-dots li button { border: 0; background: transparent; display: block; height: 20px; width: 20px; outline: none; line-height: 0; font-size: 0; color: transparent; padding: 5px; cursor: pointer; outline: none; } .slick-dots li button:focus { outline: none; } @-webkit-keyframes scaleUpDown { from { -webkit-transform: scale(1.08); transform: scale(1.08); } to { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } } @keyframes scaleUpDown { from { -webkit-transform: scale(1.08); transform: scale(1.08); } to { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } } @keyframes mouse{ from{ transform:translateY(0); -webkit-transform:translateY(0); } to{ transform:translateY(10px); -webkit-transform:translateY(10px); } } @-webkit-keyframes mouse{ from{ transform:translateY(0); -webkit-transform:translateY(0); } to{ transform:translateY(10px); -webkit-transform:translateY(10px); } } @-webkit-keyframes start { 0%,30% {opacity: 0;-webkit-transform: translate(0,-8px);} 60% {opacity: 1;-webkit-transform: translate(0,0);} 100% {opacity: 1;-webkit-transform: translate(0,6px);} } @-moz-keyframes start { 0%,30% {opacity: 0;-moz-transform: translate(0,-8px);} 60% {opacity: 1;-moz-transform: translate(0,0);} 100% {opacity: 1;-moz-transform: translate(0,6px);} } @keyframes start { 0%,30% {opacity: 0;transform: translate(0,-8px);} 60% {opacity: 1;transform: translate(0,0);} 100% {opacity: 1;transform: translate(0,6px);} } /*base style*/ /*index style*/ .banner a { color: #fff; } .banner a:hover { color: #fff; } .banner { width:100%; margin:0px auto; overflow:hidden; color:#fff; position:relative;} .banner .bimg { width: 100%; display: block; } .banner .mimg{ width: 100%; display: none;} .banner .slick-dots{ bottom: 28px;} .banner .slick-dots li{ display: inline-block; cursor:pointer; } .banner .slick-dots li a{ height:8px; width:8px; line-height:8px; text-indent: -10em; margin:0 3px; display: block; background:#fff; overflow: hidden; padding: 0px; cursor: pointer; border-radius:4px; -moz-transition: all 0.6s ease-in-out; -webkit-transition: all 0.6s ease-in-out; -o-transition: all 0.6s ease-in-out; -ms-transition: all 0.6s ease-in-out; transition: all 0.6s ease-in-out;} .banner .slick-dots li a:focus{ outline: none; } .banner .slick-dots li.slick-active{} .banner .slick-dots li.slick-active a{ background:#e39b36; width:30px; margin:0 3px;} /*==============footer=====================*/ #footer{ background:#2e2f30; padding:5px 0;} #footer .main_box{ position:relative;} #footer .up_box{ position:relative; margin-bottom:30px; } #footer .left{ width:820px;} #fot_ewm{ display:block; position:absolute; right:0; top:0; height:120px;} #fot_ewm img{ width: 120px; display:block;} #fot_ewm span{width: 120px; text-align:center; font-size:12px; color:#757577; line-height:20px; display:block; } #fot_nav{ display:block; margin-bottom:12px; } #fot_nav a{ display:inline-block; padding-right:30px; font-size:15px; color:#fff;} #fot_nav a:hover{ text-decoration:underline;} #fot_tel_box{ position:absolute; right:145px; top:10px; color:#fff;} #fot_tel_box a{ display:block; float:right; font-size:14px; width:75px; margin-bottom:20px; background:url(../images/icon_online.png) 20px center no-repeat #d2b068; color:#fff; height:35px; line-height:35px; padding-left:40px;} #fot_tel_box span{ display:block; font-size:14px; text-align:right; margin-bottom:5px;} #fot_tel_box strong{ font-size:22px; display:block; text-align:right; } #fot_contact{ } #fot_contact .p{ display:block; font-size:12px; line-height:30px; padding:10px 0 15px; color: #9c9ca2; } #fot_contact a{ margin-left:10px; font-size:12px; color: #929293; display:inline-block; padding-left:20px; background:url(../images/icon_add.png) left center no-repeat; } #fot_contact a:hover{ color:#fff;} /*=====================友情链接=====================*/ #j_friend_link1{line-height:22px; padding:20px 0;} #j_friend_link1 .fl{ width:75px; color:#fff; font-size:14px;} #j_friend_link1 .fr{ width: 1185px; margin-right:-16px;} #j_friend_link1 .fr a{ color:#70707a; font-size:12px; margin-right:16px;} #j_friend_link1 .fr a:hover{ color:#fff; text-decoration:underline;} #footer .un_box{ position:relative; height:55px; line-height:55px;} #footer .un_box .main_box{ position:relative;} #footer .un_box ul{ display:block; position:absolute; right:50px; line-height:55px; top:0;} #footer .un_box ul li{ float:right; margin-left:30px; line-height:55px;} #footer .un_box ul li a{ cursor:pointer;} #footer .un_box ul li a img{ vertical-align:middle;} #footer .un_box h1{ font-family:Arial; font-size:16px; color:#d3d3d3; text-align:center; line-height:55px;} #footer .un_box h1 a{ font-family:Arial; font-size:16px; color:#d3d3d3;} #footer .un_box p{ position:absolute; left:50px; top:0; line-height:55px; font-family:Arial; font-size:16px; color:#d3d3d3;} #footer .un_box p a{ font-family:Arial; font-size:16px; color:#d3d3d3;} #footer .un_box a{ color:#70707a;} #footer .un_box h1 a:hover{ color:#fff;} /*==================首页=====================*/ #s_main_box .floor{ padding:80px 0; } .s_title { position:relative; margin-bottom:50px; text-align:center;} .s_title strong{font-size: 22px;color: #333333;margin-right: 10px;} .s_title span{color: #c7c8cb;font-size: 16px;} .s_title a{ position:absolute; right:0; top:25px; display:block; height:45px; color:#929393; font-size:14px; line-height:45px; padding:0 35px; border:1px solid #e4e1e1;} .s_title a:hover{ border:1px solid #43536c; color:#43536c; } .s_title p{font-size: 12px;color: #5f5f60; line-height:20px; padding-top:25px;} /*==============首页产品=====================*/ #s_pro{} #s_pro .title{ margin-bottom:50px;} #s_pro .content{ margin-bottom:60px;} #s_pro dl{ position:relative; background:#373849;} #s_pro dd{ display:block; float:left; width:312.5px; height:370px; overflow:hidden; } #s_pro dd img{ height:370px; width:312.5px; display:block; } #s_pro dd .text_box{ display:table; height:370px; padding-left:40px; width:235px;} #s_pro dd .text_box .box{ display:table-cell; vertical-align:middle;} #s_pro dd .text_box h1{ font-size:16px; color:#fff; display:block; margin-bottom:10px;} #s_pro dd .text_box p{ line-height:24px; font-size:12px; color:#fff; opacity:0.6;filter:alpha(opacity=60);} #s_pro dd .text_box:hover span{ transform:rotate(90deg);-ms-transform:rotate(90deg); /* IE 9 */-moz-transform:rotate(90deg); /* Firefox */-webkit-transform:rotate(90deg); /* Safari å’Œ Chrome */-o-transform:rotate(90deg); /* Opera */ } #s_pro dd .text_box span{ display:block; width:30px; height:30px; background:url(../images/icon_more_index.png) center no-repeat; margin-top:50px; opacity:.5;filter:alpha(opacity=10)} #s_pro dd .text_box span:hover{ opacity:1;filter:alpha(opacity=100)} #s_pro dd.li3{ background:#d3b169; } #s_pro dd.li6{background:#d3b169; } #s_pro_type{} #s_pro_type ul{ border:1px solid #e5e5e5; border-right:none; margin-right:-1px;} #s_pro_type li{ display:block; width:249px; padding:45px 0; float:left; border-right:1px solid #e5e5e5;} #s_pro_type li a{ display:block;} #s_pro_type li .pic_box{ height:51px; margin-bottom:25px;} #s_pro_type li:hover .pic_box{ transform:rotateY(180deg);-webkit-transform:rotateY(180deg); /* Safari and Chrome */-moz-transform:rotateY(180deg); /* Firefox */} #s_pro_type li span{font-size: 14px;color: #4c4e54; display:block; text-align:center; text-transform:uppercase; padding-bottom:3px;} #s_pro_type li strong{font-size: 14px;color: #4c4e54; display:block; text-align:center;} #s_pro_type li.li1 .pic_box{ background:url(../images/icon_type1.png) center no-repeat;} #s_pro_type li.li1:hover .pic_box{background:url(../images/icon_type1_hover.png) center no-repeat;} #s_pro_type li.li2 .pic_box{ background:url(../images/icon_type2.png) center no-repeat;} #s_pro_type li.li2:hover .pic_box{background:url(../images/icon_type2_hover.png) center no-repeat;} #s_pro_type li.li3 .pic_box{ background:url(../images/icon_type3.png) center no-repeat;} #s_pro_type li.li3:hover .pic_box{background:url(../images/icon_type3_hover.png) center no-repeat;} #s_pro_type li.li4 .pic_box{ background:url(../images/icon_type4.png) center no-repeat;} #s_pro_type li.li4:hover .pic_box{background:url(../images/icon_type4_hover.png) center no-repeat;} #s_pro_type li.li5 .pic_box{ background:url(../images/icon_type5.png) center no-repeat;} #s_pro_type li.li5:hover .pic_box{background:url(../images/icon_type5_hover.png) center no-repeat;} /*==============首页关于=====================*/ #s_about{ height:430px; background:url(../images/bg_s_about.jpg) center repeat-x;} #s_about .pic_box{ position:relative; width:410px; } #s_about .pic_box img{ width:410px; display:block;} #s_about .pic_title{ position:absolute; bottom:0; left:0; width:100%; background:rgba(51,51,51,0.87); height:65px;} #s_about .pic_title h1{ padding:18px 65px 0 25px;} #s_about .pic_title strong{ display:block; font-size: 15px;color: #fff; margin-bottom:3px; } #s_about .pic_title span{ font-family:Arial; display:block; font-size:28px; color:#fff;} #s_about .pic_title i{ position:absolute; right:0; top:0; display:block; width:65px; height:65px; background:url(../images/bnt_s_about_more.png) center no-repeat #d2b068;} #s_about .content{ position:absolute; right:0; top:15px; width:765px;} #s_about .article p{ font-family:"Times New Roman", Times, serif; color:#333333; font-size:16px; line-height:24px;} #s_about .title{ position:relative; margin-bottom: 30px; } #s_about .title .more{ position:absolute; right:0; top:0; display:block; width:25px; height:25px; background:url(../images/icon_s_about_more.png) center no-repeat;} #s_about .title .more:hover{ background:url(../images/icon_s_about_more_hover.png) center no-repeat; } #s_about #s_about_link{ width:765px;} #s_about_link{position: absolute;right: 0;bottom: 15px;} #s_about_link ul{ display:inherit; text-align:right; } #s_about_link li{ display:inline-block; margin-left:65px; text-align:center; } #s_about_link li a{ display:block;} #s_about_link li .icon_box{ height:84px; margin-bottom:15px;} #s_about_link li:hover .icon_box{ transform:rotateY(180deg);-webkit-transform:rotateY(180deg); /* Safari and Chrome */-moz-transform:rotateY(180deg); /* Firefox */} #s_about_link li h1{font-size: 14px;color: #4c4e54; display:block; text-align:center; text-transform:uppercase; padding-bottom:10px;} #s_about_link li p{font-size: 12px; line-height:18px; color: #a2a2a7; display:block; text-align:center;} #s_about_link li.li1 .icon_box{ background:url(../images/icon_link_about1.png) center no-repeat;} #s_about_link li.li1:hover .icon_box{background:url(../images/icon_link_about1_hover.png) center no-repeat;} #s_about_link li.li2 .icon_box{ background:url(../images/icon_link_about2.png) center no-repeat;} #s_about_link li.li2:hover .icon_box{background:url(../images/icon_link_about2_hover.png) center no-repeat;} #s_about_link li.li3 .icon_box{ background:url(../images/icon_link_about3.png) center no-repeat;} #s_about_link li.li3:hover .icon_box{background:url(../images/icon_link_about3_hover.png) center no-repeat;} #s_about_link li.li4 .icon_box{ background:url(../images/icon_link_about4.png) center no-repeat;} #s_about_link li.li4:hover .icon_box{background:url(../images/icon_link_about4_hover.png) center no-repeat;} /*==================首页案例=====================*/ #s_case{ display:block; width:100%; padding:0 !important; height:auto; position:relative; background-color:#eeeeee;} #s_case .j_parallax{ background-attachment:fixed; background-position:center 0px; background-repeat:no-repeat; position:relative; height:auto; padding-bottom:50px;} #s_case .s_title{ padding-top:75px; } #s_case .j_div_scoll { height:360px; } #s_case ul{ padding:0px 0 0 0; display:inherit; margin-right:-36px;} #s_case li{ display:inline-block; margin-right: 25px; position:relative; padding-bottom:25px; width:290px; } #s_case li .pic_box{ position:relative; width:290px; height:auto; display:block; overflow:hidden;} #s_case li a{ display:block; background:#000; overflow:hidden;position: relative; color:#fff; font-size:14px;} #s_case li .pic_box img{ width:290px; height:auto; display:block;} #s_case li .text_box{ height:40px; background:#d2b068;} #s_case li h1{ font-family:"Arial Unicode MS"; display:block; padding:0px 20px; font-size:20px; color:#fff; line-height:40px; text-align:center; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;} #s_case li:hover h1{ background:#373849; } #s_case .j_parallax .con_mid{ width:100%; height:auto;} #s_case .j_parallax .con_mid .content{ width:100%; margin:0 auto; overflow:hidden;} #s_case .j_parallax .content_mid{ width:3840px;} #s_case .j_parallax .bottom_scroll{ width:100%; height:16px;} #s_case .j_parallax .bottom_scroll span{ float:left; width:20px; height:16px; text-align:center; line-height:16px; cursor:pointer; text-indent: 99em; overflow: hidden;} #s_case .j_parallax .scroll_border{ float:left; margin:7px auto; width: calc(100% - 42px); height:1px; position: relative; background:#ffffff;} #s_case .j_parallax .scroll_btn{ cursor:pointer; width:20px; height:5px; background:rgb(235, 126, 66); border-radius:5px; position:absolute; left: 0px; top:-2px;} #s_case .j_parallax .scroll_btn.now{ background:rgb(235, 126, 66);} #s_case .j_parallax .bottom_scroll span.scroll_l{background-image:url(../images/buttongroup.png); background-repeat:no-repeat; background-position:center 0px;} #s_case .j_parallax .bottom_scroll span.scroll_r{background-image:url(../images/buttongroup.png); background-repeat:no-repeat; background-position:center -16px;} /*==================首页解决方案=====================*/ #s_jjfa{ border-bottom:1px solid #e7e7e9; height:630px; overflow:hidden;} #s_jjfa .title{ margin-bottom:50px;} #s_jjfa .content{ margin-bottom:50px;} #s_jjfa dl{ position:relative; margin:-6px;} #s_jjfa dd a{ display:block;} #s_jjfa dd{ display:block; float:left; margin:6px; height:305px; overflow:hidden; } #s_jjfa dd img.pic{ height:305px; display:block; margin:0 auto 0 auto; } #s_jjfa dd .text_box{ display:table; height:305px; padding:0 17px; line-height:35px; text-align:center;} #s_jjfa dd .text_box .box{ display:table-cell; vertical-align:middle;} #s_jjfa dd .text_box h1{ font-size:18px; color:#fff; display:block; margin-bottom:10px;} #s_jjfa dd .text_box h2{font-size: 35px; font-family: "Humanst521 Lt BT";} #s_jjfa dd .text_box p{ font-family:"Times New Roman"; font-size:24px; color:#fff; } #s_jjfa dd.li1 a{ padding-left:35px; text-align:left; padding-top:78px;} #s_jjfa dd.li1:hover img.more{ margin-left:10px;} #s_jjfa dd.li1{ width:236px; background:#373849;} #s_jjfa dd.li2,#s_jjfa dd.li2 img.pic{width:495px; } #s_jjfa dd.li3,#s_jjfa dd.li3 img.pic{ width:495px;} #s_jjfa dd.li4,#s_jjfa dd.li4 img.pic{ width:235px;} #s_jjfa dd.li5,#s_jjfa dd.li5 img.pic{width:242px;} #s_jjfa dd.li6{width:242px; background:#d2b068;} #s_jjfa dd.li6 img.pic{ display:none;} #s_jjfa dd.li7,#s_jjfa dd.li7 img.pic{ width:495px; } /*==================首页新闻=====================*/ #s_news .bd{ margin-bottom:100px; overflow:hidden;} #s_news .s_title{ } #s_news .left{ width:390px;} #s_news .right{ width:835px;} #s_news ul{} #s_news .left li{ height: 437px; position:relative; display:block; background:#e9e0d1; border:1px solid #e9e0d1} #s_news .left li a{ display:block; padding:65px 50px;} #s_news .left li .date_box{ margin-bottom:80px;} #s_news .left li .date_box strong{ font-size:36px; color:rgb( 91, 83, 73 ); text-transform: uppercase; font-family: "NewsGoth Lt BT";} #s_news .left li .date_box span{ font-size:24px; color:rgb( 91, 83, 73 ); text-transform: uppercase; font-family: "NewsGoth Lt BT"; } #s_news .left li h1{ font-size:18px; color:#5b5349; display:block; margin-bottom:20px; white-space: nowrap;overflow:hidden;text-overflow: ellipsis;} #s_news .left li p{ margin-bottom:80px; font-size:14px; color:#b0a490; line-height:20px; height:40px; overflow:hidden; } #s_news .left li i{ display:block; height:1px; width:60px; background:#b3a48c;} #s_news .left li:hover{ box-shadow:0 0 8px #ddd; background:#dac49f; border:1px solid #edd5ac} #s_news .left li h1:hover{ color:#373849;} #s_news .right ul{} #s_news .right li{ position:relative; display:block; background:#f0f0f1; height:210px; margin-bottom:20px;} #s_news .right li a{ display:block; position:relative; } #s_news .right li img{ display:block; width:320px; height:210px; position:absolute; right:0; top:0; } #s_news .right li .text_box{ position:absolute; left:25px; top:25px; background:#fff; padding:20px 35px; height:120px; width:470px; } #s_news .right li .text_box .box{ } #s_news .right li .date_box{ margin-bottom:20px;} #s_news .right li .date_box strong{ font-size:36px; color:rgb( 91, 83, 73 ); text-transform: uppercase; font-family: "NewsGoth Lt BT";} #s_news .right li .date_box span{ font-size:24px; color:rgb( 91, 83, 73 ); text-transform: uppercase; font-family: "NewsGoth Lt BT"; } #s_news .right li h1{ font-size:16px; color:#5b5349; display:block; margin-bottom:10px; white-space: nowrap;overflow:hidden;text-overflow: ellipsis;} #s_news .right li p{ font-size:12px; color:#aaabac; line-height:20px; white-space: nowrap;overflow:hidden;text-overflow: ellipsis;} #s_news .right li:hover .text_box{ } #s_news .right li .un_box{ position:relative; display:block; padding:0 30px; padding-top:0; background:#f3f3f3; color:#a5a5a7; font-size:14px; } #s_news .right li .un_box i{ display:block; position:absolute; right:35px; top:30px; width:38px; height:38px; background:url(../images/bnt_more_s.png) center no-repeat;} #s_news .right li .un_box span{ display:block; border-top:1px solid #e4e1e1; padding:30px 0; height:38px; line-height:38px;} #s_news .right li img{ } #s_news .right li:hover .text_box{ background:#e9e0d1; box-shadow:0 0 8px #999; } #s_news .right li h1:hover{ color:#d5b675;} /*==============================--内页开始==============================-*/ #n_main_box{ margin-top:30px;} #n_content{ min-height:400px; padding:60px 0;} #n_content .mess_box{ padding:60px 60px 40px; box-shadow:0 0 20px rgba(0,0,0,0.2);} #n_content .mess_box .box_l{ float:left; width:55%; height:auto;} #n_content .mess_box .box_l h3{ font-size:18px; color:#666665; line-height:25px;} #n_content .mess_box .box_l ul{ display:block; margin-top:10px; width:100%; height:auto;} #n_content .mess_box .box_l ul li{ float:left; width:100%; height:auto; margin-top:10px;} #n_content .mess_box .box_l ul li input{ width: calc(100% - 30px); line-height:25px; padding:0 15px; font-size:14px; color:#999999; border-top:0; border-left:0; border-right:0; border-bottom:1px solid #e9e9e9;} #n_content .mess_box .box_l ul li textarea{ padding:15px; width: calc(100% - 32px); height:150px; font-size:14px; color:#999999; line-height:25px; border-color:#e9e9e9;} #n_content .mess_box .box_l ul li:nth-child(5){ margin-top:25px;} #n_content .mess_box .box_l ul li input.yzm{ width:98px; float:left; height:40px; line-height:40px; border:1px solid #e9e9e9;} #n_content .mess_box .box_l ul li img{ float:left; height:42px; margin:0 10px;} #n_content .mess_box .box_l ul li button{ float:left; display:block; border:0px; width:150px; height:42px; text-align:center; line-height:42px; font-family:Arial; font-size:24px; color:#e9e9e9; background-color:#d2b068;} #n_content .mess_box .box_l ul li:nth-child(6){ margin-top:25px;} #n_content .mess_box .box_r{ float:right; width: calc(45% - 35px); padding-left:35px; height:auto; text-align:center;} #n_content .mess_box .box_r img{ vertical-align:middle; margin:25px 0 30px;} #n_content .mess_box .box_r h3{ font-family:Calibri; font-size:16px; color:#666665; line-height:22px; text-align:left; margin-bottom:80px;} #n_content .mess_box .box_r p{ margin-left:25px; text-align:left; padding-left:40px; line-height:35px; font-family:Calibri; font-size:16px; color:#666665; background-position:left center; background-repeat:no-repeat;} #n_content .mess_box .box_r p.box_p1{ background-image:url(../images/ico_mess_tel.png);} #n_content .mess_box .box_r p.box_p2{ background-image:url(../images/ico_mess_fax.png);} #n_content .mess_box .box_r p.box_p3{ background-image:url(../images/ico_mess_mail.png);} #n_content #container{ width:100%; height:600px; margin:100px 0;} #n_content #container .content-window-card{ position:relative; box-shadow:none; bottom:0; left:0; width:auto; padding:0;} #n_content #container .content-window-card p{ height:2rem;} #n_content #container .custom-info{ border:solid 1px silver;} #n_content #container div.info-top{ position:relative; background:none repeat scroll 0 0 #F9F9F9; border-bottom:1px solid #CCC; border-radius:5px 5px 0 0;} #n_content #container div.info-top div{ display:inline-block; color:#333333; font-size:14px; font-weight:bold; line-height:31px; padding:0 10px;} #n_content #container div.info-top img{ position:absolute; top:10px; right:10px; transition-duration:0.25s;} #n_content #container div.info-top img:hover{ box-shadow:0px 0px 5px #000;} #n_content #container div.info-middle{ font-size:12px; padding:10px 6px; line-height:20px;} #n_content #container div.info-bottom{ height:0px; width:100%; clear:both; text-align:center;} #n_content #container div.info-bottom img{ position:relative; z-index:104;} #n_content #container span{ margin-left:5px; font-size:11px;} #n_content #container .info-middle img{ float:left; margin-right:6px;} /*===================内页banner================*/ #n_banner { display:block; width:100%; height:360px; color:#fff;} #n_banner h1{ display:block; text-align:center; font-size:27px;} #n_banner h2{ display:block; text-align:center; font-size:35px; padding-top:145px; margin-bottom:10px; text-transform:uppercase;} /*===================内页导航条================*/ #n_title{ position:relative; height:45px;} #n_title .main_box{ height:100%; background-color:#f5f5f5;} /*===================内页导航================*/ #n_nav{ position:absolute; right:0; top:0; } #n_nav li{ position:relative; } #n_nav a{display: inline-block; text-align:center; height:70px; line-height:70px; padding:0 10px; margin:0 10px; position:relative; } #n_nav a strong{ display:block; font-size:14px; text-transform: uppercase; color:#737374; text-align:center; position:relative; z-index:1;} #n_nav a span{ position:absolute; bottom:0px; left:0; width:100%; text-align:center;} #n_nav a i{ display:block; z-index: 4; background: #5e5f6f; margin:0 auto; text-align:center; z-index:1; height:2px; width:0; } #n_nav a.on i{ width:100%;} #n_nav a.on strong{ } #n_nav a:hover i{ width:100%;} #n_nav a:hover strong{ } #n_nav a.on:hover i{ width:100%; } .position{ position:absolute; line-height:45px; height:45px; left:0px; top:0px; color:#737374; padding-left:32px;} .position span, .position a, .position i{ font-size:18px; color:#666665;} .position i{ margin:0 15px; font-family:Arial; font-size:22px;} .position em{ font-size:12px; color:#373849; font-style:normal} .position a:hover{ color:#373849;} /*=================企业概况==================*/ /*#n_about{} #n_about .title{ margin-bottom:50px;} #n_about .title img{ display:block; margin:0 auto;} #n_about dl{ margin:0 -10px;} #n_about dd{ float:left; display:block; width:400px; margin:0 10px;} #n_about dd .pic_box img{ display:block; width:400px; height:265px;} #n_about dd .h1{ color:#2c2d2e; font-size:18px; display:block; margin-bottom:17px; padding-top:20px;} #n_about dd .text_box{ padding:5px;} #n_about dd .p{ line-height:30px; height:150px; overflow:hidden; color:#6c6d6f; font-size:14px; text-align:justify;}*/ #n_about .about_box_a h1{ text-align:center; font-family:Arial; font-size:42px; color:#272727; font-weight:bold;} #n_about .about_box_a .box_a_cent{ width:100%; height:auto; margin:60px 0;} #n_about .about_box_a .box_a_cent .box_a_l{ float:left; width:50%; height:auto;} #n_about .about_box_a .box_a_cent .box_a_l h2{ width:100%; height:auto; font-family:Arial; font-size:32px; color:#272727; font-weight:bold;} #n_about .about_box_a .box_a_cent .box_a_l h2 span{ font-family:Arial; font-size:32px; color:#eb7e42;} #n_about .about_box_a .box_a_cent .box_a_l .box_con{ width:100%; height:auto;} #n_about .about_box_a .box_a_cent .box_a_l .box_con p{ font-family:"Times New Roman", Times, serif; font-size:19px; color:#666666; line-height:30px; margin-top:45px;} #n_about .about_box_a .box_a_cent .box_a_r{ float:right; width:50%; height:auto; padding:25px 0 0 85px;} #n_about .about_box_a .box_a_cent .box_a_r a{ display:block;} #n_about .about_box_a .box_a_cent .box_a_r a img{ width:100%; vertical-align:middle;} #n_about .about_box_b{ height:auto; background-color:#f2f2f2; margin-top:100px; margin-bottom:100px;} #n_about .about_box_b dl{ display:block; width:100%; height:auto;} #n_about .about_box_b dl dd{ display:block; width:100%; height:auto;} #n_about .about_box_b dl dd a{ display:block; float:right; width:50%; height:auto;} #n_about .about_box_b dl dd a img{ width:100%; vertical-align:middle;} #n_about .about_box_b dl dd h1{ width:45%; height:auto; padding:55px 2.5%; font-family:Arial; font-size:32px; color:#272727; font-weight:bold;} #n_about .about_box_b dl dd .box_b_con{ width:45%; height:auto; margin:0 2.5%;} #n_about .about_box_b dl dd .box_b_con p{ font-family:"Times New Roman", Times, serif; font-size:19px; color:#666666; line-height:30px;} #n_about .about_box_b dl dd:nth-child(even) a{ float:left;} #n_about .about_box_b dl dd:nth-child(even) .box_b_con{ float:right; width:40%; margin:10% 5% 0;} #n_about .about_box_c{ width:100%; height:auto; background-color:#f6f6f6; padding:70px 0;} #n_about .about_box_c h1{ width:100%; text-align:center; margin:25px 0 90px; font-family:Arial; font-size:32px; color:#272727; font-weight:bold;} #n_about .about_box_c ul{ display:block; width:100%; height:auto;} #n_about .about_box_c ul li{ float:left; width:45%; height:auto;} #n_about .about_box_c ul li:nth-child(even){ float:right;} #n_about .about_box_c ul li a{ display:block; width:100%; height:auto; margin-bottom:70px;} #n_about .about_box_c ul li a img{ width:100%;} #n_about .about_box_c ul li p{ font-family:"Times New Roman", Times, serif; font-size:19px; color:#666666; line-height:30px;} #n_about .about_box_d h1{ margin:70px 0; font-family:Arial; font-size:32px; color:#272727; font-weight:bold;} #n_about .about_box_d dl{ display:block; width:100%; height:auto;} #n_about .about_box_d dl dd{ display:block; width:100%; height:auto; margin-bottom:50px;} #n_about .about_box_d dl dd a{ float:left; display:block; width:50%; height:auto;} #n_about .about_box_d dl dd a img{ width:100%;} #n_about .about_box_d dl dd p{ float:right; width:50%; padding:9% 0 0 115px; font-family:"Times New Roman", Times, serif; font-size:19px; color:#666666; line-height:30px;} #n_about .about_box_d dl dd:nth-child(even) a{ float:right;} #n_about .about_box_d dl dd:nth-child(even) p{ float:left; padding:11% 115px 0 0;} #n_about .about_box_f{ display:block; width:100%; height:auto; background-color:#f6f6f6; margin-top:155px; padding:50px 0;} #n_about .about_box_f .box_f_dl{ float:left; width:100%; height:auto; padding:3% 0;} #n_about .about_box_f .box_f_dl dl{ display:block; width:100%; height:auto;} #n_about .about_box_f .box_f_dl dl dd{ float:left; width:40%; height:auto;} #n_about .about_box_f .box_f_dl dl dd:nth-child(2){ float:right;} #n_about .about_box_f .box_f_dl dl dd a{ display:block; width:100%;} #n_about .about_box_f .box_f_dl dl dd a img{ width:100%;} #n_about .about_box_f .box_f_dl dl dd h1{ padding:4% 0 6%; font-family:Arial; font-size:32px; color:#272727; font-weight:bold;} #n_about .about_box_f .box_f_dl dl dd p{ font-family:"Times New Roman", Times, serif; font-size:19px; color:#666666; line-height:30px;} #n_about .about_box_f .box_f_dl:nth-child(1) dl dd:nth-child(1){ float:right; margin-right:7%;} #n_about .about_box_f .box_f_dl:nth-child(1) dl dd:nth-child(2){ width:45%; float:left; margin-left:5%;} #n_about .about_box_f .box_f_dl:nth-child(2) dl dd:nth-child(1){ margin-left:5%;} #n_about .about_box_f .box_f_dl:nth-child(2) dl dd:nth-child(2){ width:45%; margin-right:7%;} /*=================大事记==================*/ #n_dsj{ padding:85px 0; margin:85px auto; background:#fcfcfc;} #n_dsj .title{margin-bottom:50px;} #n_dsj .title img{ display:block; margin:0 auto;} #n_dsj .title h1{ display:block; text-align:center; font-size:22px; color:#373849; padding-top:15px;} #n_dsj .content{ position:relative;} #n_dsj .bd{ width:1155px; margin:0 auto; overflow:hidden;} #n_dsj li{ display:block; width:325px; float:left; margin-right:90px; position:relative;} #n_dsj li img{ display:block; width:325px; height:150px; margin-bottom:30px;} #n_dsj li .h1{ position:absolute; left:32px; bottom: -7px; color:#5e5f6f; font-size:35px; display:block; } #n_dsj li .text_box{ padding-left: 30px; padding-bottom:60px; background:url(../images/bg_dsj.png) left top no-repeat;} #n_dsj li .p{ line-height:30px; height:210px; overflow:hidden; color:#6c6d6f; font-size:14px; text-align:justify;} #n_dsj .bnt{ position:absolute; top:54px; display:block; width:42px; height:42px; } #n_dsj .bnt.prev{ left:-50px; background:url(../images/bnt_about_prev.png) center no-repeat;} #n_dsj .bnt.prev:hover{background:url(../images/bnt_about_prev_hover.png) center no-repeat;} #n_dsj .bnt.next{ right:-50px; background:url(../images/bnt_about_next.png) center no-repeat;} #n_dsj .bnt.next:hover{ right:-50px; background:url(../images/bnt_about_next_hover.png) center no-repeat;} /*=================设计团队==================*/ #n_team{} #n_team{ margin-bottom:85px;} #n_team .title{margin-bottom:50px;} #n_team .title img{ display:block; margin:0 auto;} #n_team .j_div_scoll { height:360px; } #n_team ul{ padding:0px 0 0 0; display:inherit; } #n_team li{ display:inline-block; margin-right: 26px; position:relative; padding-bottom: 50px; width:225px; height:360px; } #n_team li .pic_box{ position:relative; left:0; top:0; width:225px; height:360px; display:block; } #n_team li .pic_box a{ display:block; background:#000; overflow:hidden;position: relative;} #n_team li .pic_box img{ width:225px; height:360px; display:block; opacity:0.8;filter:alpha(opacity=80);} #n_team li .text_box{width:225px; height:60px; position:absolute; right:0; bottom:0; filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#B2000000', endColorstr='#B2000000');background:rgba(0,0,0,0.7);} #n_team li h1{ display:block; padding:10px 20px;} #n_team li h1 strong{ font-size:14px; color:#fff; padding-bottom:5px; display:block; overflow:hidden; white-space: nowrap; overflow:hidden; text-overflow: ellipsis; } #n_team li span{ font-size:12px; display:block; color:#acacac; } #n_team li h1 a:hover{ color:#883332; } #n_team li:hover img{opacity:1;filter:alpha(opacity=100);} /*==============生产管理=====================*/ #n_scgl{margin-bottom:85px; padding:85px 0 50px; background:#fcfcfc;} /*==============资质荣誉=====================*/ #n_ryzz{} #n_ryzz .title{ margin-bottom:50px;} #n_ryzz .content{ margin-bottom:50px;} #n_ryzz dl{ position:relative; margin:-6px;} #n_ryzz dd{ display:block; float:left; margin:6px; height:305px; border:1px solid #e3e3e5; background:#f5f4f8;} #n_ryzz dd img{ height:255px; display:block; margin:25px auto 0 auto; } #n_ryzz dd .text_box{ display:table; height:305px; padding-left:45px; width:145px;} #n_ryzz dd .text_box .box{ display:table-cell; vertical-align:middle;} #n_ryzz dd .text_box h1{ font-size:16px; color:#fff; display:block; margin-bottom:10px;} #n_ryzz dd .text_box p{ line-height:24px; font-size:12px; color:#fff; opacity:0.6;filter:alpha(opacity=60);} #n_ryzz dd.li1{ width:492.5px;} #n_ryzz dd.li2{width:237px; background:#373849; border:none;} #n_ryzz dd.li3{ width:492.5px;} #n_ryzz dd.li4{ width:492.5px;} #n_ryzz dd.li5{width:235px;} #n_ryzz dd.li6{width:240px;} #n_ryzz dd.li7{ width:240px; background:#d2b068; border:none;} #n_ryzz dd.li7{} /*===================产品详情banner=====================*/ #maincontent {background:#000;height:528px;overflow:hidden;position:relative; margin-left: -127px;} #maincontent div.pict {cursor: default !important;} #maincontent div.main {position: static;text-align: center;display: block;cursor: pointer !important} #maincontent .element {display: none;position: absolute !important;} #maincontent .left {top :200px;left: 63.5px;cursor: pointer;} #maincontent .right {top: 200px;right: -63.5px;cursor: pointer;} #maincontent .main .guardian {display: none;height: 0;} #maincontent .navi {z-index: 99;} div#maincontent div.main{display:none; } div#maincontent div.element{position:absolute !important;} /*=================侧导航==================*/ #nav_pro{ width:210px; border:1px solid #e5e5e5; background:#fff; float:left;} #nav_pro dt{height:50px;line-height:50px;position:relative;background:#fafafb; border-top:1px solid #e7e7e7; } #nav_pro dt a{ margin:0 20px; display:block;color:#5b5349; height: 49px; font-size:14px; } #nav_pro dt.on.title2 a{color: #b7863e} #nav_pro dt.title{background:url(../images/icon_sub_open.png) 180px center no-repeat #fafafb;} #nav_pro dt.title2{background: #fafafb;} #nav_pro dt.title_on { background:url(../images/icon_sub_close.png) 180px center no-repeat #fafafb;} #nav_pro dt.title_on a{ color:#fff; border-top:1px solid #fff;} #nav_pro dt.last a{border-top:1px solid #f8f8f8;} #nav_pro dt.title_on.on{ } #nav_pro dt:hover a{ } #nav_pro dt.title_on a{ color:#5b5349;} #nav_pro dd{ display:none;} #nav_pro dd .box{padding:0px 0px 0px 0px;} #nav_pro dd a{ padding:0 25px; line-height:50px;border-top:1px solid #e7e7e7;font-size:12px;color:#5b5349;display:block;height:49px;} #nav_pro dd a:hover{ color:#b7863e} #nav_pro dd a.on{ color:#b7863e} /*=================侧导航==================*/ #nav_jjfa{ width:210px; border:5px solid #f8f8f8; background:#fff; float:left;} #nav_jjfa dt{height:50px;line-height:50px;position:relative;background:#e4e5e8; margin-left:-5px; border-left:5px solid #f8f8f8; } #nav_jjfa dt a{ margin:0 20px; display:block;color:#5b5349; height: 49px; font-size:14px; border-top:1px solid #e7e7e7; } #nav_jjfa dt.title{background:#fff;} #nav_jjfa dt.title_on {border-left:5px solid #b7863e; background:#f7ebd9;} #nav_jjfa dt.title_on a{ color:#fff; border-top:1px solid #fff;} #nav_jjfa dt.last a{border-top:1px solid #f8f8f8;} #nav_jjfa dt.title_on.on{ } #nav_jjfa dt:hover a{ } #nav_jjfa dt.title_on a{ color:#5b5349;} #nav_jjfa dd{ display:none;} #nav_jjfa dd .box{padding:15px 20px 10px 20px;} #nav_jjfa dd a{ padding-left:10px;line-height:30px;font-size:12px;color:#5b5349;display:block;height:30px;} #nav_jjfa dd a:hover{ color:#b7863e} #nav_jjfa dd a.on{ color:#b7863e} /*==========================================产品展示=============================================*/ #n_jjfa,#n_pro{ width:970px; float:right; overflow:hidden;} .pro_title{ margin-bottom:40px;} .pro_title h1{display:block; color:#5b5349; font-size:18px; margin-bottom:5px;} .pro_title strong{ display:block; font-size:12px; color:#d8d9da; text-transform:uppercase;} .pro_title p{ color:#a1a1a1; font-size:12px; line-height:20px; padding-top:10px;} /*================= banner===================*/ #pic_slide{ position:relative; padding-bottom:55px; margin-bottom:40px; border-bottom:1px solid #f0f0f0; height:510px; overflow: hidden;} #pic_slide .bd { position:relative; overflow: hidden; height: 510px; overflow: hidden;} #pic_slide .bd a{ display:block; width:100%; height: 510px;} #pic_slide .bd a img{ height: 510px; width:970px;} #pic_slide .hd{ position:absolute; left:0; bottom: 80px; width:100%; display:inherit;text-align:center; } #pic_slide .hd ul{ display:inline-block; } #pic_slide .hd ul li{ display:block; float: left; margin: 0 3px; padding-top:8px;} #pic_slide .hd ul li a{height:7px; width:7px; margin:0 1px; border:1px solid #fff; display:block; border-radius:50%; } #pic_slide .hd ul li a:hover{ background:#fff; } #pic_slide .hd ul .on a{ background:#fff; } #pic_slide .bnt{ position:absolute; top: 235px; display:block; width:42px; height:42px; } #pic_slide .bnt.prev{ left:50px; background:url(../images/bnt_about_prev.png) center no-repeat;} #pic_slide .bnt.prev:hover{background:url(../images/bnt_about_prev_hover.png) center no-repeat;} #pic_slide .bnt.next{ right:50px; background:url(../images/bnt_about_next.png) center no-repeat;} #pic_slide .bnt.next:hover{ right:50px; background:url(../images/bnt_about_next_hover.png) center no-repeat;} /*==========================================产品列表=============================================*/ .n_desgin .pro_l{ width:220px; float:left; overflow:hidden;} .n_desgin .pro_l .subNavBox{ width: calc(100% - 2px); border:1px solid #e7e7e7;} .n_desgin .pro_l .subNavBox h3{ margin:0 0; display:block; padding:16px 0 16px 17px; font-size:18px; color:#fff; line-height:25px; background:linear-gradient(#970204, #f10207);} .n_desgin .pro_l .subNavBox .subNav{ border-bottom:solid 1px #e7e7e7; cursor:pointer; font-size:14px; color:#333; line-height:25px; padding:15px 0 15px 18px;} .n_desgin .pro_l .subNavBox .subNav a{ color:#333;} .n_desgin .pro_l .subNavBox .subNav:hover a{color:#d2b068;} .n_desgin .pro_l .subNavBox .currentDd a{color:#d2b068;} .n_desgin .pro_l .subNavBox .currentDt{ /*background:url(../images/icons/jiantou.jpg) no-repeat 95% center;*/} .n_desgin .pro_l .subNavBox .navContent{ border-bottom:solid 1px #e5e3da; padding:6px 0 16px;} .n_desgin .pro_l .subNavBox .navContent .subNav_div a{ display:block; padding:10px 10px 5px 34px; font-size:14px; line-height:25px; color:#333;} .n_desgin .pro_l .subNavBox .navContent .subNav_div a:hover,.n_desgin .pro_l .subNavBox .navContent .subNav_div a.zhong{ color:#d2b068;} .n_desgin #n_pro_list{ float:right; display:block; width: calc(100% - 280px); height:auto;} .n_desgin #n_pro_list ul li a h1{ line-height:45px; font-size:16px;} #n_pro_list{ display:block; width:100%; height:auto;} #n_pro_list .title{ margin-bottom:30px; position:relative; font-size:18px; color:#5b5349; display:block;} #n_pro_list ul{ display:block; width:100%; height:auto;} #n_pro_list ul li{ float:left; position:relative; width:31%; margin-right:3.5%; border-bottom:1px solid #d4d4d4; margin-bottom:40px; padding-bottom:20px;} #n_pro_list ul li a{ display:block; overflow:hidden;} #n_pro_list ul li a .pic_box{ width:100%;overflow:hidden;} #n_pro_list ul li a .pic_box img{ width:100%; display:block;} #n_pro_list ul li a P{ font-size:14PX; color:#bbb; line-height:25px; text-align:center;} #n_pro_list ul li a h1{ display:block; font-family:Arial; font-size:20px; color:#333333; line-height:85px; text-align:center; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; } #n_pro_list ul li:hover a h1{ color:#d2b068;} #n_pro_list .more{ width:100%; overflow:hidden; padding:10px; text-align:center;} #n_pro_list .more a{display: block;width:130px;padding:8px 0;color:#fff;margin:0 auto;background:#333;text-align:center;border-radius:3px;} #n_pro_list .more a:hover{text-decoration: none;background:#d2b068;color: #fff;} #n_content .n_pro{ width:100%; height:auto;} #n_content .n_pro .pro_title{ width:100%; height:auto; margin-bottom:70px;} #n_content .n_pro .pro_title .title{ width:100%; height:auto; margin-bottom:40px;} #n_content .n_pro .pro_title .title h2{ font-family:Arial; font-size:36px; color:#333333; line-height:1; text-transform:uppercase;} #n_content .n_pro .pro_title form#advanced_search{ display:block; width:100%; height:auto;} #n_content .n_pro .pro_title form .se_info{ width:31%; float:left; margin-right:3.5%; position:relative;} #n_content .n_pro .pro_title form .se_info:nth-of-type(3n){ margin-right:0;} #n_content .n_pro .pro_title form .se_info select{ width:100%; height:40px; padding:0 10px; font-size:16px; color:#333333; cursor:pointer; border:0; appearance:none; -moz-appearance:none; -webkit-appearance:none; background-color:#e8e8e7; background-image:url(../images/select_down.png); background-repeat:no-repeat; background-position:right center; background-size:auto 100%;} #n_content .n_pro .pro_title form .se_info select option{ font-family:Calibri; font-size:16px; color:#565655;} #n_content .n_pro .pro_title form .se_info select option.active{ color:#eb7e42;} /*==========================================产品详情列表=============================================*/ #n_pro_show_list{ } #n_pro_show_list .title{ margin-bottom:30px; position:relative; font-size:18px; color:#5b5349; display:block; } #n_pro_show_list ul{ margin:0 -15px;} #n_pro_show_list li{ float:left; position:relative; width:290px; display:block; padding:0 15px; } #n_pro_show_list li a{ display:block; overflow:hidden;} #n_pro_show_list li .pic_box{ width:290px; height:150px; overflow:hidden;} #n_pro_show_list li img{ width:290px; height:150px; display:block;} #n_pro_show_list li h1{ display:block; padding-top:20px; font-size:15px; color:#4e4d4d; white-space: nowrap;overflow:hidden;text-overflow: ellipsis; } #n_pro_show_list li span{ display:block; line-height:24px; font-size:14px; color:#a19f9f; white-space: nowrap;overflow:hidden;text-overflow: ellipsis; } #n_pro_show_list li:hover h1{ color:#d2b068; } #n_pro_show_list li:hover { } /*==========================================产品详情=============================================*/ #n_show_pro{ background:#f8f8f8; padding:50px 0; height:195px; width:100%; margin-bottom:65px;} #n_show_pro .box{ display:table-cell;} #n_show_pro .shuxing_box{ width:450px; height:195px; display:table;} #n_show_pro .shuxing_box .box{vertical-align:middle;} #n_show_pro h1{ color:#545455; font-size:18px; display:block; margin-bottom:15px; } #n_show_pro .span{ color:#97979a; display:block; font-size:14px; margin-bottom:10px;} #n_show_pro .span font{ display:block; float:left; color:#d1b168; font-size:12px; } #n_show_pro .span strong{ display:block; float:left; line-height:20px;} #n_show_pro .span b{ font-weight:400; padding-right:10px; font-size: 12px; width:115px; display:inline-block;} #n_show_pro .text_box{ border-left:1px solid #e0e0e0; height:195px; display:table; font-size:14px; color:#97979a; line-height:36px; width: 760px; position:absolute; top:0; right:0;} #n_show_pro .box{padding-left:50px; vertical-align:middle; font-size:12px;} #n_show_jjfa .title{ position:relative; height:52px; margin-bottom:40px;} #n_show_jjfa .title h1{ color:#5b5349; font-size:20px;} #n_show_jjfa .title a{ position:absolute; right:0; top:0; display:block; width:120px; font-size:14px; color:#4a4a4c; padding-left:65px; height:50px; line-height:50px; background:url(../images/icon_720.png) 32px center no-repeat #fafafb; border-radius:3px; border:1px solid #ededed;} #n_show_jjfa .title a:hover{ background:url(../images/icon_720.png) 32px center no-repeat #fff; } /*===================范玺标题================*/ .about_title{ margin-bottom:40px;} .about_title h1{display:block; text-align:center; color:#3e3e3d; font-size:20px; margin-bottom:10px;} .about_title strong{ display:block; text-align:center; font-size:12px; color:#c2c2c5; text-transform:uppercase;} /*==============加盟流程=====================*/ #n_jmlc{} #n_jmlc .main_box{ position:relative;} #n_jmlc ul{ margin:0 -20px; margin-bottom:-40px;} #n_jmlc li{ width:600px; border:1px solid #eeeeee; float:left; display:block; margin:0 20px; margin-bottom:40px;} #n_jmlc li .box{ padding:20px; height:200px; position:relative;} #n_jmlc li .pic_box{ position:absolute; left:20px; display:block; top:20px; height:135px; width:210px;} #n_jmlc li .pic_box img{ height:135px; width:210px; display:block;} #n_jmlc li .text_box{ padding-top: 6px; margin-left: 235px; } #n_jmlc li .text_box a{ display:block; margin-bottom:5px; font-size:15px; color:#414142; white-space: nowrap;overflow:hidden;text-overflow: ellipsis;} #n_jmlc li .text_box span{ color:#cdcdcf; display:block; margin-top: 20px; margin-bottom: 13px; font-size:12px; text-transform:uppercase;} #n_jmlc li .text_box p{ line-height:30px; font-size:14px; color:#828283;} #n_jmlc li a:hover{color:#c98f2b;} #n_jmlc li a.more{ position:absolute; right: 25px; bottom: 15px;} #n_jmlc .hd{} #n_jmlc .hd a{ display:block; width:43px; position:absolute; bottom: 40px;} #n_jmlc .hd a img{ display:block;} #n_jmlc .hd a.prev{ left:-80px;} #n_jmlc .hd a.next{ right:-80px;} #n_jmlc .hd a.prev:hover{ left:-85px;} #n_jmlc .hd a.next:hover{ right:-85px;} /*==============企业文化=====================*/ #n_partner{ } #n_partner .main_box{ overflow:hidden;} #n_partner ul{ margin:0 -23px; /*! overflow:hidden; */ /*! width: 1294px; */} #n_partner li{ width:212px; height: 192px; position:relative; display:block; overflow:hidden; float:left; padding:0 23px 35px 24px; padding-bottom: 25px; margin-bottom: 30px; border-bottom:1px dotted #bfbfbf;} #n_partner li a{ display:block; overflow: hidden;} #n_partner li .pic_box{ position:relative; height:275px; background: #eeeff3;} #n_partner li .pic_box a{ display: block; overflow: hidden;} #n_partner li img{ width:210px; height:110px; display:block; margin:0 auto; border:1px solid #e5e5e5;} #n_partner li p{ font-size:12px; color:#a3a3a5; line-height:20px; text-align:center; height:40px; overflow:hidden;} #n_partner li h1 { color:#636465; font-size: 14px; display:block; margin: 15px 0 8px; text-align:center; white-space: nowrap;overflow:hidden;text-overflow: ellipsis; } #n_partner li:hover img{ -webkit-filter: grayscale(0); -moz-filter: grayscale(0); -ms-filter: grayscale(0); -o-filter: grayscale(0); filter: grayscale(0); } #n_partner li:hover h1{ color: #4b4b4b;} /*===================================*/ #n_caes ul{ margin:-30px -30px 0 -30px; overflow:hidden; } #n_caes li{ width: 593px; display:block; margin:30px; border:1px solid #e7e7e7; float:left;} #n_caes .fl{width:290px; height:235px; float:left; overflow:hidden;} #n_caes .fl img{ width:290px; height:235px; } #n_caes .fl img:hover{ } #n_caes .fr{ color:#4d4e4f; float:right; width: 240px; font-size:12px; padding-top:50px; padding-right:30px; } #n_caes .fr h1 a{ font-size:18px; display:block; line-height:30px; padding-bottom:20px; padding-top: 5px; color:#404041; white-space: nowrap;overflow:hidden;text-overflow: ellipsis;} #n_caes .fr h1 a:hover{ text-decoration:underline; color:#d2b068;} #n_caes .fr p{ font-size:14px; color:#929292; line-height:27px; height:81px; overflow:hidden;} #n_caes .fr span{ padding:8px 0; display:block; color:#b9b9ba;} /*===================产品详情================*/ #n_show_case .left{ width:100%; height:auto;} /*相关样式*/ #n_show_case .left .preview{ width:100%; height:auto; position:relative;} /* smallImg */ #n_show_case .left .smallImg{ height:579px; width:250px; float:right;} #n_show_case .left .smallImg .scrollbutton{ font-size:60px; color:#3b3b3b; width:250px; height:40px; text-align:center; line-height:40px; overflow:hidden; position:absolute; right:0; cursor:pointer;} #n_show_case .left .smallImg .scrollbutton.smallImgUp{ top:-40px;} #n_show_case .left .smallImg .scrollbutton.smallImgDown{ bottom:-40px;} #n_show_case .left .smallImg .scrollbutton.smallImgUp.disabled{ color:#d2b068;} #n_show_case .left .smallImg .scrollbutton.smallImgDown.disabled{ color:#d2b068;} #n_show_case .left .smallImg #imageMenu{ height:579px; overflow-y:scroll;} #n_show_case .left .smallImg #imageMenu li{ width:100%; height:auto; margin-bottom:18px; overflow:hidden;} #n_show_case .left .smallImg #imageMenu li img{ width: calc(100% - 2px); cursor:pointer; border:1px solid rgba(210,176,104,0); vertical-align:middle;} /* bigImg */ #n_show_case .left .bigImg{ position:relative; float:left; width:900px; height:579px; overflow:hidden;} #n_show_case .left .bigImg #midimg{ width:100%;} #n_show_case .left .bigImg #winSelector{ position:absolute; width:100px; height:100px; cursor:crosshair; filter:alpha(opacity=15); -moz-opacity:0.15; opacity:0.15;background-color:#000; border:1px solid #fff;} /* bigView */ #n_show_case .left #bigView{ position:absolute; border:1px solid #d2b068; overflow:hidden; top:300px; z-index:999;} #n_show_case .left #bigView img{ position:absolute;} #n_show_case .right{ width:100%; height:auto; margin-top:90px;} #n_show_case .right .up{ float:left; width:38%; height:auto; background-color:#f6f6f6; padding:45px;} #n_show_case .right .r_img{ float:right; width:58%; height:auto;} #n_show_case .right .r_img img{ width:100%;} #n_show_case .right .up .title{ margin-top:25px; margin-bottom:5px; width:100%; height:auto;} #n_show_case .right .up .title h1{ width:100%; height:auto; text-align:left;} #n_show_case .right .up ul{ display:block; width:100%; height:auto;} #n_show_case .right .up ul li{ width:100%; height:auto; margin-top:40px; border-bottom:1px solid #dbdbdb; padding-bottom:20px;} #n_show_case .right .up ul li p{ font-size:16px; color:#999999; line-height:35px;} /*==============联系我们=====================*/ #n_contact{ padding:65px 0; margin-top:60px; margin-bottom:-60px; background:#fcfcfc} #n_contact dd{ width:33.333%; display:block; float:left;} #n_contact dd{} #n_contact dd .box{ width:265px; display:block; margin:0 auto; text-align:center;} #n_contact dd img{ display:block; margin:25px auto;} #n_contact dd span{ display:block; font-size:16px; color:#acacac; margin-bottom:10px;} #n_contact dd strong{ display:block; font-size:15px; color:#505054; line-height:24px;} /*==============æ–°é—»=====================*/ #n_news .main_box{ position:relative; overflow:hidden;} #n_news ul{ margin-bottom:-30px; overflow:hidden; } #n_news li{ display:block; margin-bottom:80px; height:180px;} #n_news li .fl{ width:280x; height:180px; overflow:hidden} #n_news li .fl img{ width:280x; height:180px; } #n_news li .fr{ width: 715px; padding-right:210px; position:relative; height:160px; } #n_news li .fr h1{ display:block; margin-top:23px;} #n_news li .fr h1 a{ font-size:16px; color:#5b5349; display:block; padding-bottom:13px; white-space: nowrap;overflow:hidden;text-overflow: ellipsis;} #n_news li .fr span{position:absolute; right:0; top:25px; height:105px; border-left:1px solid #e8e8e8; padding-left:50px; font-family: "NewsGoth Lt BT"; font-size: 27px; display:block; text-transform: uppercase; color: rgb( 163, 168, 172 ); } #n_news li .fr h1 a:hover{ color:#d2b068; } #n_news li .fr .more{ display:block; text-align:center; position:absolute; width:100px; font-size:12px; right: 60px; top: 100px; width:10px; height:20px; background:url(../images/icon_jt_news.png) center no-repeat;} #n_news li .fr .more:hover{ background:url(../images/icon_jt_news_hover.png) center no-repeat; right: 55px;} #n_news li .fr p{ line-height:30px; color:#aaabac; font-size:14px; white-space: nowrap;overflow:hidden;text-overflow: ellipsis; } #n_news .list_word{ padding-top:35px; } #n_news .list_word a{ border-radius:2px; display:inline-block; color:#8e8f92; font-size:12px; background:#f8f8f8; height:22px; line-height:22px; padding:0 15px; margin-right:5px;} #n_news .list_word a:hover{ color:#373849;} #n_news li:hover span{ border-left:1px solid #d2b068;} /*==============新闻详情=====================*/ .n_article { margin-bottom:20px;} .n_article .left{width:365px; } .n_article .ar_title{ } .n_article .ar_title h1{ font-size:18px; margin-bottom:5px; display:block; line-height:30px; color:#5b5349;} .n_article .ar_title h2{ font-size:24px; position:relative; display:block; height:40px; padding:25px 0 10px 0 ; color:#888; line-height:24px; font-family: "NewsGoth Lt BT";} .n_article .ar_article{ width:815px; padding-bottom:20px; min-height:300px;} .n_article .ar_word{ border-top:1px solid #e5e6ea; padding-top:35px; } .n_article .ar_word a{ border-radius:2px; display:inline-block; color:#8e8f92; font-size:12px; background:#f8f8f8; height:22px; line-height:22px; padding:0 15px; margin-right:5px;} .n_article .ar_word a:hover{ color:#373849;} #ar_fot{ margin-top:10px; position:relative; border-top:1px solid #e5e6ea; padding-top:25px;} #ar_fot h1{ display:block; font-size:12px; line-height:30px; color:#5c5e5f; max-width:50%;} #ar_fot h1 a{ font-size:12px; color:#5c5e5f; font-weight:normal;} #ar_fot h1 a:hover{ color:#4b4b4b;} #ar_fot .bnt_back{ position:absolute; top:28px; right:0; color:#fff; background:#b33630; padding:0 25px; font-size:14px; height:30px; line-height:30px;} #ar_fot .bnt_back:hover{ border-radius:3px;} /*==============招贤纳士=====================*/ .n_join_us{} .n_join_us .left{width: 312px; } .n_join_us .left .title_box{ border:none; margin-bottom:30px; position:relative; left:auto; top:auto;} .n_join_us .left .title_box h1{display:block; font-size: 55px; font-family: "Arial"; color: #f1eff1; text-transform: uppercase;} .n_join_us .left .up p{ line-height:24px; font-size:12px; color:#63636b;} .n_join_us .left .up a{ background:#d2b068; border-radius:3px; margin:30px auto; font-size:14px; display:block; height:58px; text-align:center; line-height:58px; text-align:center; color:#fff;} .n_join_us .left .un p{ line-height:18px; color:#8a8a95; font-size:12px; } .n_join_us .left .un a{ text-decoration:underline; color:#d2b068;} .n_join_us .left .un .ewm_box{ position:relative; margin-top:40px; } .n_join_us .left .un img{ display:block; width:110px; height:110px; padding:6px; border:1px solid #e5e5e5;} .n_join_us .left .un span{ font-size:14px; line-height:24px; color:#878788; display:block; position:absolute; top:37px; left:140px;} .n_join_us .right{ width:730px; padding-left:65px; border-left:1px solid #eeeff3; min-height: 568px;} .n_join_us .right .up_box h1{ font-size:16px; display:block; margin-bottom:10px; color:#ec3c2f; } .n_join_us .right .up_box p{ font-size:12px; color:#6d6c72; line-height:24px;} .n_join_us .right table{ margin-top:30px; border-top:3px solid #909090;} .n_join_us .right table tr{ border-bottom:1px solid #dddddd; } .n_join_us .right table td{ padding:15px 25px; line-height:24px; font-size:12px; color:#454546;} .bg_tr{ background:#f5f5f5;} /*==============人才招聘=====================*/ #list_slide{ position:relative;} #list_slide dl{overflow:hidden; margin-bottom:20px; border-bottom:1px dotted #cccdd1; } #list_slide dt{border:none; border-left:3px solid #d2b068; display:block; position:relative; cursor:pointer; height:18px; margin-bottom: 20px;} #list_slide dt h1{ padding-left:10px; border-left:3px solid #fff; color:#51575f; font-size:14px; line-height:18px; background:url(../images/icon_jt_un.png) right center no-repeat; display:block;} #list_slide dd{ display:none; line-height:24px;} #list_slide dd p{ line-height:24px; margin-bottom:0; color: #929397; font-size: 12px;} #list_slide dd .content{ padding:0 20px 26px 20px;} #list_slide dd .content { color:#929397; font-size:12px; line-height:24px;} #list_slide dt.on h1{ background:url(../images/icon_jt_up.png) right center no-repeat ; color:#000; font-size:16px;} /*==========================================j_弹窗=============================================*/ #page_show_box{ position:fixed; z-index:9995; top:0; left:0; display:none; height:100%; width:100%; } #page_show_box .bg_box{ position:fixed; z-index:9994; top:0px; display:none; height:100%; width:100%; filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#B2000000', endColorstr='#B2000000');background:rgba(0,0,0,0.7);} #page_show_box .box{ position:absolute; top:50%; z-index:9999; left:50%; margin-left:-355px; margin-top:-235px;} #page_show_box .video_box{ } #bnt_close{ display:block; width:35px; height:35px; position:absolute; top: 15px; right:0;} #bnt_close img{ display:block; position:absolute; left: 0px; top: 0px;} #bnt_close:hover img{ transform:rotate(90deg);-ms-transform:rotate(90deg); /* IE 9 */-moz-transform:rotate(90deg); /* Firefox */-webkit-transform:rotate(90deg); /* Safari å’Œ Chrome */-o-transform:rotate(90deg); /* Opera */} #page_show_box #page_ar{ width: 710px; position:relative; } #page_show_box #page_ar .ar_box{ border-radius:5px; width: 630px; height: 500px; padding:30px 40px; background:#fff; position:relative; } #page_show_box #page_ar .ar_box .p{ line-height:30px; font-size:14px; color:#686a6a; max-height:540px; text-align:justify; overflow: hidden;} #page_show_box #page_ar .ar_box .title{ font-size:18px; color:#686a6a; display:block; margin-bottom:10px;} #page_show_box #page_ar #ar_content{ margin-top: 20px; height:390px; overflow:hidden;} #job_form{ width:602px; margin: 0 auto;} #job_form h1{ display:block; text-align:center; color:#737373; margin-bottom:25px; padding-top: 15px;} #job_form h1 strong{ font-weight:bold; font-size:18px;} #job_form form{ margin-right:-20px;} #job_form .text{ width:259px; padding: 0 15px;height: 34px;line-height: 34px;background: none;border: 1px solid #c1c1c1;font-size: 14px;color: #474949; margin: 0 20px 20px 0; float: left;} #job_form textarea{ display:block; height:160px; resize:none; margin-bottom:20px; background:none; border:1px solid #c1c1c1; width:560px; padding:10px 15px;font-size:14px; color:#474949; line-height:20px;} #job_form .hr_form_fot{ position:relative;} #job_form .text:focus{ border:1px solid #89bbe1;} #job_form textarea:focus{ border:1px solid #89bbe1;} #job_form .submit{ background:#d2b068; position: absolute; bottom:0px; right: 20px; font-size:14px !important; border:0; border-radius:2px; height:28px !important; color:#fff; line-height:28px !important; width:100px; cursor:pointer;} #job_form .submit:hover{ color: #fff; border-radius:3px;} #job_form .file_box { position:relative; padding-left:60px; line-height:28px; font-size:14px;} #job_form .file_box .f_box{ position:relative; } #job_form .file_box strong{ position:absolute; left:0; top:3px; color:#727272;} #job_form .file_box .bnt_file{ text-align:center; height:28px; line-height:28px; color:#fff; font-size:12px; width:85px; cursor:pointer; margin-left:5px; background:#a9a9a9; border-radius:2px; position:absolute; left: 0px; top: 3px;} #job_form .file_box #jianli{ width:80px !important; height:28px !important; cursor:pointer; position:absolute; left:95px; top:3px;} #job_form .file_box #jianli:hover .bnt_file{ background:#10578e; color: #fff; } /*==============分享插件——银灵子=====================*/ .shart_box{ height:40px; position:relative; } #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/j_shart.png) center -224px no-repeat} #j_shart_s_24 .bds_tsina{background:url(../images/j_shart.png) center -311px no-repeat} #j_shart_s_24 .bds_tqq{background:url(../images/j_shart.png) center -195px no-repeat} #j_shart_s_24 .bds_renren{background:url(../images/j_shart.png) center -340px no-repeat} #j_shart_s_24 .bds_weixin{background:url(../images/j_shart.png) center -253px no-repeat} #j_shart_s_24 .bds_sqq{background:url(../images/j_shart.png) center -79px no-repeat} #j_shart_s_24 .bds_fbook{background:url(../images/j_shart.png) center -166px no-repeat} #j_shart_s_24 .bds_twi{background:url(../images/j_shart.png) center -137px no-repeat} #j_shart_s_24 .bds_linkedin{background:url(../images/j_shart.png) center -108px no-repeat} #j_shart_s_24 .bds_tieba{background:url(../images/j_shart.png) center -253px no-repeat} #j_shart_s_24 .bds_huaban{background:url(../images/j_shart.png) center -253px no-repeat} #j_shart_s_24 .bds_douban{background:url(../images/j_shart.png) center -253px no-repeat} #j_shart_s_24 .bds_copy{background:url(../images/j_shart.png) center -253px no-repeat} #j_shart_s_24 .bds_print{background:url(../images/j_shart.png) center -253px no-repeat} #j_shart_s_24 .bds_mshare{background:url(../images/j_shart.png) center -253px no-repeat} #j_shart_s_24 .bds_count{font-size:12px} /*==============分页——银灵子=====================*/ .page { margin:0px auto 0px auto;} .page .box{display:inherit; width:100%; text-align: right; padding-top: 30px;} .page a{ padding:0 12px; height:30px; line-height:30px; display:inline-block; border:1px solid #dedede; margin:0 2px; color:#555555; font-size:12px; } .page .on{ background:#4b4b4b; color:#fff !important;border:1px solid #4b4b4b;} .page a font{ font-size: 14px; font-family: "SimSun"; color: rgb( 68, 68, 68 );} .page span{ vertical-align: middle; display:inline-block; color:#999999; font-size:12px; padding:0 15px;} .page span input[type="text"]{ padding:0 15px; height:30px; width:30px; line-height:30px; text-align:center; display:inline-block; border:1px solid #dedede; background:none; margin:0 4px; color:#555555; font-size:12px;} .page span input[type="submit"]{ cursor:pointer; padding:0 12px; height:32px; line-height:32px; text-align:center; display:inline-block; border:1px solid #dedede; background:none; margin:0 4px; color:#555555; font-size:12px;} .page span input[type="submit"]:hover{ background:#d2b068; border:1px solid #d2b068; color:#fff;} .page a:hover{ background:#4b4b4b; color:#fff !important; text-decoration:none; border:1px solid #4b4b4b; } .page a:hover font{ color:#fff;} .page a.u_bnt{ transition: all 1s;-moz-transition: all 1s; /* Firefox 4 */-webkit-transition: all 1s; /* Safari å’Œ Chrome */ -o-transition: all 1s; /* Opera */} /*===================售后服务================*/ /*===================售后服务================*/ #n_shfw dl{ display:block; margin-bottom:0;} #n_shfw dl dd{ display:block; position:relative; height:410px; height:220px; padding-bottom:65px; margin-bottom:65px; border-bottom:1px dotted #bfbfbf; } #n_shfw dl dd .pic_box{ width:390px; display:block;float:right;} #n_shfw dl dd .pic_box img{ width:390px; height:220px;} #n_shfw dl dd .text_box{ width:665px; float:left; } #n_shfw dl dd .text_box .box{ display:table; height:220px;} #n_shfw dl dd .text_box .box_cell{ display:table-cell; vertical-align:middle;} #n_shfw dl dd .text_box h1 { color:#333234; font-size:16px; display:block; margin-bottom:20px;} #n_shfw dl dd .text_box p{ font-size:14px; line-height:30px; color:#707073; margin-bottom:15px; } #n_shfw dl dd .text_box .box .box_cell{ } #n_shfw dl dd .text_box .box.fr .box_cell{ padding-left:0 !important; padding-right:100%;} #n_shfw dl dd .text_box a.more{ color:#fff; font-size:14px; width:90px; border-radius:2px; overflow:hidden; padding-left:60px; height:40px; line-height:40px; display:block; background: url(../images/icon_sita.png) 30px center no-repeat #30a6b4; } #n_shfw dl dd .text_box a:hover{ background:url(../images/icon_sita.png) 30px center no-repeat #f3955a;} #n_shfw dl dd.even .pic_box{ float:left;} #n_shfw dl dd.even .text_box{ float:right;} #n_shfw dl dd.even .pic_box{ float:left;} #n_shfw dl dd.even .text_box{ float:right;}