@charset "utf-8"; /* CSS Document */ body, button, input, select, textarea { background: none repeat scroll 0 0 #fff; color: #666; font: 14px/1 "Arial","微软雅黑"; margin: 0; padding: 0; overflow: hidden; } h1, h2, h3, h4, h5, h6 { font-size: 14px; padding: 0; margin: 0; } ul, ol, li, dl, dt, dd { list-style: none; text-decoration: none; height: auto; padding: 0; margin: 0; } address, cite, dfn, em, var { font-style: normal; } /* 将斜体扶正 */ code, kbd, pre, samp, tt { font-family: "Courier New", Courier, monospace; } /* 统一等宽字体 */ small { font-size: 12px; } /* 小于 12px 的中文很难阅读,让 small 正常化 */ abbr[title], acronym[title] { /* 注:1.ie6 不支持 abbr; 2.这里用了属性选择符,ie6 下无效果 */ border-bottom: 1px dotted; cursor: help; } q:before, q:after { content: ''; } p { margin: 0; padding: 0; } /* 重置表单元素 */ legend { color: #666; } /* for ie6 */ fieldset, img { border: none; } /* img 搭车:让链接里的 img 无边框 */ /* 注:optgroup 无法扶正 */ button, input, select, textarea { font-size: 100%; /* 使得表单元素在 ie 下能继承字体大小 */ } /* 重置表格元素 */ /* 重置 hr */ hr { border: none; height: 1px; } /* 让非ie浏览器默认也显示垂直滚动条,防止因滚动条引起的闪烁 */ html { overflow-y: scroll; } :link { text-decoration: none; color: #666; } :visited { text-decoration: none; color: #666; } .fl { float: left; } .fr { float: right; } /*======================公用样式=======================*/ .warp { width:100%; margin: 0 auto; overflow: hidden; } .top {width:100%; height:50px; background:url(../images/top.jpg) repeat-x;} .top_main {width:1200px; height:50px; margin:0 auto; position:relative;} .top_w { position:absolute; top:15px; left:0; font-size:12px; line-height:20px;} .top_w_line { width:1px; height:20px; background:url(../images/top_line.jpg) no-repeat; margin:0 25px; float:left;} .top_w span { float:left; display:block;} .top_w em { float:left; display:block; color:#2d375f; } .top_w_line_2 { width:41px; height:20px; background:url(../images/top_dd.jpg) no-repeat; margin:0 25px; float:left;} .top_tel_1 { line-height:20px; position:absolute; top:15px; left:707px; background:url(../images/top_tel.jpg) no-repeat 0 3px; text-indent:34px; font-size:12px;} .top_tel_1 span { color:#2e375f;} .top_tel_2 { line-height:20px; position:absolute; top:15px; left:946px; font-size:12px;} .top_tel_2 span { color:#2e375f;} .cn { width:21px; height:15px; position:absolute; top:18px; right:31px; background:url(../images/cn.jpg) no-repeat;} .en { width:21px; height:15px; position:absolute; top:18px; right:0; background:url(../images/en.jpg) no-repeat;} .cn a,.en a { display:block; width:21px; height:15px; text-indent:-9999px;} .header { width:1200px; height:120px; margin:0 auto; position:relative;} .logo { width:190px; height:120px; background:url(../images/logo.jpg) no-repeat; position:absolute; top:0; left:0;} .logo a { display:block; width:190px; height:120px; text-indent:-9999px;} .menu { position:absolute; top:18px; left: 210px;} .menu li { float:left; line-height:102px; font-size: 16px; position:relative;} .menu li a { display:block; padding: 0 15px; color:#555;} .menu li a:hover { color:#d74516; display:block;} .m_r { padding-right:0 !important;} #nav_1 { display:block; margin:0 auto;} #nav_1 li a{padding: 0 28px;} #nav_1 li ul { display: none; position: absolute; width: 170px; left: -25px; top:102px; margin: 0; text-align:center; z-index:9999; background:#fff;} #nav_1 li:hover > ul { display: block; height:auto !important; } #nav_1 li ul li, #nav li ul li a { float: none; display:block; height:30px; line-height:30px;} #nav_1 li ul li a:hover { background:#d74516 !important; color:#fff;} #nav_1 li ul li { _display: inline; /* for IE6 */ font-size: 15px;} #nav_1 li ul li a {display: block; font-weight:normal !important;padding: 0 5px;} #nav_1 li ul li ul{ width: 170px !important; position:absolute; left:150px; top:0;} /* SUBSUB Menu */ #nav_1 li ul li:hover ul { left: 100%; top: 0; } /*======================Banner样式=======================*/ #full-screen-slider { width:100%; height:620px; margin:0 auto; position:relative;} #slides { display: block; width: 100%; height:620px; list-style: none; padding: 0; margin: 0; position: relative } #slides li { display: block; width: 100%; height:620px; list-style: none; padding: 0; margin: 0; position: absolute } #slides li a { display: block; width: 100%; height: 100%; text-indent: -9999px } #pagination { display: block; list-style: none; position: absolute; left:50%; top:95%; z-index: 9900; } #pagination li { display: block; list-style: none; width: 20px; height: 8px; float: left; margin-left: 5px; background: #fff; } #pagination li a { display: block; width: 100%; height: 100%; padding: 0; margin: 0; text-indent: -9999px; } #pagination li.current { background: #d74516; } /*======================首页样式=======================*/ .index_box { width:1200px; height:1038px; margin:10px auto 0;} .index_about { width:1200px; height:536px;} .about hr{ border:#ccc solid 1px;} .index_about_cat { width:440px; height:500px; float:left; margin-left:10px;} .index_about_cat li {width:440px; height:96px; line-height:78px; text-indent:181px; margin-bottom:4px;} .index_about_cat li a { display:block; color:#d74513; font-size:16px; font-weight:bold;} .index_about_cat li a:hover { display:block; color:#fff; width:440px; height:96px;} .about_cat_1 { background:url(../images/1.jpg) no-repeat;} .about_cat_1:hover { background:url(../images/1a.jpg) no-repeat;} .about_cat_2 { background:url(../images/2.jpg) no-repeat;} .about_cat_2:hover { background:url(../images/2a.jpg) no-repeat;} .about_cat_3 { background:url(../images/3.jpg) no-repeat;} .about_cat_3:hover { background:url(../images/3a.jpg) no-repeat;} .about_cat_4 { background:url(../images/4.jpg) no-repeat;} .about_cat_4:hover { background:url(../images/4a.jpg) no-repeat;} .about_cat_5 { background:url(../images/5.jpg) no-repeat;} .about_cat_5:hover { background:url(../images/5a.jpg) no-repeat;} .index_about_main { width:650px; height:430px; float:left; margin-left:100px; margin-top: 40px;} .index_about_main .tit { height: 70px;} .index_about_main .tit h2 { display:block; height:36px; font-size:28px; color:#333; font-weight: normal;} .index_about_main .tit em { display:block; height: 40px; font-size:12px; color:#d74513;} .index_about_main .about_n { height: 60px; font-size:36px; color:#333;} .index_about_main .txt {width:650px; height: 250px; line-height:32px;font-size:18px;} .index_about_main .more { width:210px; height:50px; background:url(../images/index_about_more.jpg) no-repeat;} .index_about_main .more a { display:block; width:210px; height:50px; text-indent:-9999px;} .index_about_pic { width:1200px; height:402px; background:url(../images/index_about_pic.jpg) no-repeat;} .index_box_2 { width:100%; height:1381px;} .index_pro_cat { width:100%; height:571px; background:url(../images/index_pro_cat_bg.jpg) no-repeat center;} .index_pro_cat_m { width:1200px; height:571px; margin:0 auto; position:relative;} .index_pro_cat_con { width:666px; height:177px; position:absolute; top:394px; right:0;} .index_pro_cat_con .tit { height:38px; font-size: 24px; color:#333; font-weight: normal;} .index_pro_cat ul { width:666px; height:139px; display:block;} .index_pro_cat ul li { width:165px; float:left; line-height:34px; background:url(../images/pro_cat_d.png) no-repeat 0 13px; text-indent:20px;} .index_pro_cat ul li a { display:block; color:#444;} .index_pro_cat ul li a:hover { display:block; color:#d74516; background:url(../images/pro_cat_da.png) no-repeat 0 13px;} .index_pro_main { width:1220px; margin:50px auto 0;} .index_pro_main li { width:285px; height:340px; float:left; margin:0 10px; margin-bottom:20px; background:url(../images/index_pro_mainli.jpg) no-repeat; position:relative;} .index_pro_main>li>a{ display:block; width:100%;height: 270px; overflow: hidden; zoom:1; z-index: 9999;} .index_pro_main li img { width:283px; height:270px; position:absolute; top:1px; left:1px;} .index_pro_main li span { display:block; position:absolute; top:271px; left:0; width:285px; line-height:58px; text-align:center;} .index_pro_main li span a { display:block; color:#444;} .index_pro_main li:hover { display:block; width:285px; height:340px; background:url(../images/index_pro_mainlia.jpg) no-repeat;} .index_pro_main .swiper-container { width: 100%; height: 100%; } .index_pro_main .swiper-wrapper { height:730px; /* background-position: center; background-size: cover;*/ } .index_pro_main .swiper-wrapper .swiper-slide{background:#fff; overflow:hidden; width:100%; height: 100%; zoom:1;} .index_pro_main .swiper-container .swiper-button-next,.index_pro_main .swiper-container .swiper-button-prev{ z-index:999; display: none; } .index_pro_main .swiper-wrapper .swiper-slide li span { top: 279px; width: 285px; line-height: 25px; overflow: hidden; height: 25px; } .index_pro_main .swiper-wrapper .swiper-slide li em{ position:absolute; top:310px; display: block; overflow:hidden; width:100%; text-align:center; line-height:25px; height: 25px; font-size: 14px; color:#872616;} .index_pro_main .swiper-container .swiper-button-prev{} .index_pro_main .swiper-container .swiper-button-next{ } .index_pro_main .swiper-container .swiper-pagination{ bottom:2px;} .index_pro_main .swiper-container .swiper-pagination span.swiper-pagination-bullet{ width:16px; height:16px;} .index_pro_main .swiper-container .swiper-pagination .swiper-pagination-bullet-active { opacity: 1; background: #d84318; } .index_cp { width:100%; height:711px; background:url(../images/index_cp_bg.jpg) no-repeat center;} .index_cp_main { width:1200px; height:711px; margin:0 auto;} .index_cp_top { width:600px; height:282px; margin:0 auto;} .index_cp_top .tit { width:400px; height:92px; text-align:center; background:url(../images/index_cp_top.jpg) no-repeat; margin:0 auto; font-size: 36px; color:#333; font-weight: normal;} .index_cp_top .txt { width:600px; line-height:31px; font-size:16px; color:#555; text-align:center;} .index_cp_box { width:1200px; height:340px;} .index_cp_box .main { width:400px; height:340px; float:left; position:relative;} .index_cp_box .main_tit { width:400px; height: 50px; position:absolute; top:30px; left:0; text-align:center;} .index_cp_box .main_tit h3 { display:block; height:28px; color:#fff; font-size:18px; font-weight: normal;} .index_cp_box .main_tit em { display:block; color:#d74513; font-size:12px;} .index_cp_box img { width:210px; height:110px; position:absolute; top: 80px; left:95px;} .index_cp_box .main_txt { width: 273px; height: 96px; position:absolute; top: 197px; left: 63px; text-align:center; line-height:24px;} .index_cp_box .more {position:absolute; top: 300px; left:172px;} .index_cp_box .more a { color:#3597db;} .index_cp_box .main:hover {display:block;width:388px; height:328px; border:6px solid #fff;} .index_box_3 { width:100%; height:606px; background:#fafafa;} .index_news { width:1200px; height:654px; margin:0 auto; padding-top:100px;} .index_news_tit { width:400px; height:119px; background:url(../images/index_news_tit.jpg) no-repeat; margin:0 auto; text-align:center; font-size: 36px; color:#333; font-weight: normal;} .index_news_main { width:1200px; height:535px;} .index_news_main_fl { width:100%; height:417px; float:left;} .index_news_main_fl .con { width: 260px; height:481px; overflow:hidden; float:left; margin-left: 12px; position:relative;} .index_news_main_fl .con:nth-child(4){ margin-right:0px;} .index_news_main_fl .con img { /*width:100%;*/ height:180px; position:absolute; top:0; left:0;} .index_news_main_fl .con_time { position:absolute; top:192px; left:0; font-size:12px; color:#999;} .index_news_main_fl .con_time span { color:#d74515;} .index_news_main_fl .con_tit { position:absolute; top: 190px; width: 240px; height: 25px; line-height: 25px; overflow: hidden; text-align: center; font-size:16px; color:#333;} .index_news_main_fl .con_tit a {color:#333;} .index_news_main_fl .con_txt { position:absolute; top: 225px; left:0; width: 95%; height: 88px; line-height:22px;} .index_news_main_fl .con_more { position:absolute; top:324px; left:0; width:130px; height:36px; background:url(../images/index_news_more.jpg) no-repeat;} .index_news_main_fl .con_more a { display:block; width:130px; height:36px; text-indent:-9999px;} .index_news_main_fl .swiper-container { width: 100%; height: 100%; } .index_news_main_fl .swiper-wrapper { height:373px; width: 1100px; margin-left: 50px; overflow:hidden; } .index_news_main_fl .swiper-wrapper .swiper-slide{ background:#fff;} .index_news_main_fl .swiper-container .swiper-button-next,.index_news_main_fl .swiper-container .swiper-button-prev{ z-index:999; /*display: none;*/ } .index_news_main_fl .swiper-container .swiper-pagination{ margin-top:10px; bottom:7px;} .index_news_main_fl .swiper-container .swiper-pagination span.swiper-pagination-bullet{ width:16px; height:16px;} .index_news_main_fl .swiper-container .swiper-pagination .swiper-pagination-bullet-active { opacity: 1; background: #d84318; } .index_news_main_fr { width:400px; height:535px; float:left; background:#f5f5f5; position:relative;} .index_news_main_fr .main { width:360px; height:460px; position:absolute; top:10px; left:20px;} .index_news_main_fr .main li { width:360px; height:84px; border-bottom:1px solid #d7d7d7;} .index_news_main_fr .main li .tit { width:360px; height:22px; padding-top:20px; position:relative;} .index_news_main_fr .main li .tit span { display:block; width:260px; height:22px; background:url(../images/pro_cat_d.png) no-repeat 0 3px; text-indent:15px;} .index_news_main_fr .main li .tit span a { display:block; color:#333;} .index_news_main_fr .main li .tit span a:hover { display:block; background:url(../images/pro_cat_da.png) no-repeat 0 3px; color:#2e375f; text-decoration:underline;} .index_news_main_fr .main li .tit em { display:block; position:absolute; top:20px; right:6px; font-size:12px;} .index_news_main_fr .main li .txt { width:333px; height:40px; margin-left:20px; line-height:19px; font-size:12px;} .index_news_main_fr .main li .txt a:hover { text-decoration:underline;} .index_news_main_fr .news_link { width:128px; height:35px; background:url(../images/news_link.jpg) no-repeat; position:absolute; top:470px; right:0;} .index_news_main_fr .news_link ul { width:70px; height:8px; display:block; margin-left:32px; margin-top:14px;} .index_news_main_fr .news_link ul li { width:8px; height:8px; background:url(../images/news_linkli.jpg) no-repeat; margin:0 3px; float:left;} .index_news_main_fr .news_link ul li a { display:block; text-indent:-9999px;} .index_news_main_fr .news_link ul li a:hover { display:block; width:8px; height:8px; background:url(../images/news_linklia.jpg) no-repeat;} .index_search { width:1200px; height:298px; background:url(../images/index_search_bg.jpg) no-repeat; margin:0 auto; position:relative;} .index_search_hot { width:1200px; height:42px; text-align:center; position:absolute; top:136px; left:0;} .index_search_hot span { margin-right:20px;} .index_search .search_info { width:570px; height:50px; overflow: hidden; position:absolute; top:178px; left:305px; background:url(../images/search_bg1.jpg) no-repeat;} .index_search .search_info_txt { display:inline; float:left; width:448px; height:50px;} .index_search .search_info_txt_css { background-color: transparent; border-color: -moz-use-text-color; border-style: none; border-width: 0; color: #666; float: left; font-size:12px; height:50px; line-height:50px; overflow: hidden; width:448px; text-indent:12px;} .index_search .search_info_btn { float: left; height:50px; width:122px; } .index_search .search_info_btn_css { background-color: transparent; border-color: -moz-use-text-color; border-style: none; border-width: 0; color: #D3E8F9; float: left; font-size:12px; height:50px; line-height:50px; overflow: hidden; width:122px; cursor:pointer; } .index_box_4 { width:100%; height:190px; background:url(../images/index_contact.jpg) no-repeat center;} /*@media(min-width:1200px){ .index_box_4 {background: url(../images/index_contact.jpg) no-repeat -249px 0px #d74516;} } @media(min-width:1500px){ .index_box_4 {background: url(../images/index_contact.jpg) no-repeat 0px 0px #d74516;} }*/ .contact_con { width:1200px; height:190px; margin:0 auto; position:relative;} .contact_con span { font-weight:bold; font-size:20px;} .contact_con_tel { width:230px; height:65px; position:absolute; top:52px; left:108px; line-height:33px; color:#fff; font-size:16px;} .contact_con_e { width:280px; height:65px; position:absolute; top:52px; left:455px; line-height:33px; color:#fff; font-size:16px;} .contact_con_e a { color:#fff;} .contact_con_fax { width:230px; height:65px; position:absolute; top:52px; left:839px; line-height:33px; color:#fff; font-size:16px;} .index_box_5 { width:100%; /* height:401px; */ background:#1a1f35;} .index_box_5 .main { width:1162px; height:310px; margin:0 auto; padding-top:50px;} .index_box_5 .main_about { width:364px; height:280px; float:left;} .index_box_5 .main_about .tit { height:48px; color:#fff; font-size:16px; font-weight:bold;} .index_box_5 .main_about .txt { width:364px; height:192px; line-height:23px; color:#bbb; font-size:12px;} .index_box_5 .main_about .more { width:169px; height:41px; background:url(../images/main_about_more.jpg) no-repeat;} .index_box_5 .main_about .more a { display:block; width:169px; height:41px; text-indent:-9999px;} .index_box_5 .pro_cat { width:362px; height:282px; float:left; margin-left:37px;} .index_box_5 .pro_cat .tit { height:42px; color:#fff; font-size:16px; font-weight:bold;} .index_box_5 .pro_cat ul { width:362px; height:240px; display:block;} .index_box_5 .pro_cat ul li { width:181px; line-height:30px; background:url(../images/i_1.jpg) no-repeat 1px 8px; text-indent:25px; float:left;} .index_box_5 .pro_cat ul li a { color:#bbb;} .index_box_5 .pro_cat ul li a:hover { display:block; background:url(../images/i_1a.jpg) no-repeat 1px 8px; color:#fff;} .index_box_5 .lx { width:362px; height:290px; float:left; margin-left:37px;} .index_box_5 .lx .tit { height:36px; color:#fff; font-size:16px; font-weight:bold;} .index_box_5 .lx .lx_name { height:39px; color:#bbb; font-size:22px;} .index_box_5 .lx .txt { width:362px; height:215px; line-height:26px; color:#bbb; background:url(../images/lx_.jpg) no-repeat top;} .index_box_5 .link { width:1200px; margin:0 auto; line-height: 30px; border-top:1px solid #8d8f9a; color:#bbb; font-size:12px;} .index_box_5 .link span { margin-right: 5px;} .index_box_5 .link a { color:#bbb;} .index_box_5 .link a:hover { color:#d74516;} /*=======================内页样式=======================*/ .inner_ban { width:100%; height:250px; background:url(../images/inner_ban.jpg) no-repeat center;} .location { width:100; height:45px; border-bottom:1px solid #eee;} .location_main { width:1200px; margin:0 auto; padding-top:20px; line-height:15px; font-size:14px; background:url(../images/location.jpg) no-repeat 0 20px; text-indent:20px;} .location span { color:#d74516;} .location span a { color:#d74516;} .inner { width:1200px; padding:40px 0; overflow:hidden; margin:0 auto; } .inner_fl { width:900px; border-right:1px solid #eee; float:left;} .inner_fl .about ul.styles li{float: left;width: 24%;margin-right: 1%;text-align: center; line-height:16px;margin-top: 1%; margin-bottom:1%; height:320px;} .inner_cattxt { width:892px; height:161px; border-top:1px solid #eee; border-bottom:1px solid #eee; margin-bottom:30px;} .inner_cattxt .tit {width:892px; height:38px; padding-top:34px; text-align:center; font-size:18px; font-weight:bold; color:#d74516;} .inner_cattxt .txt { width:756px; height:80px; margin:0 auto; line-height:21px; font-size:12px; text-align:center;} .inner_pro { padding-bottom:30px;} .inner_pro li { width: 205px; height: 249px; float:left; margin-right:20px; margin-bottom:20px; background:url(../images/inner_pro_li.jpg) no-repeat; position:relative;} .inner_pro li img { width:205px; height:197px; position:absolute; top:1px; left:1px;} .inner_pro li span { display:block; position:absolute; top: 190px; left:0; width:208px; line-height: 51px; height: 51px; overflow: hidden; text-align:center;} .inner_pro li span a { display:block; color:#444;} .inner_pro li em{ display:block; position: absolute; bottom:0px; line-height: 22px; text-indent: 4px;} .inner_pro li:hover { display:block; width:205px; height:249px; background:url(../images/inner_pro_lia.jpg) no-repeat;} .inner_fr { width:270px; margin-left:19px; float:left;} .inner_search { width: 270px; height:65px;} .inner_search .search_info { width:267px; height:50px; overflow: hidden; background:url(../images/search_bg2.jpg) no-repeat;} .inner_search .search_info_txt { display:inline; float:left; width:220px; height:50px;} .inner_search .search_info_txt_css { background-color: transparent; border-color: -moz-use-text-color; border-style: none; border-width: 0; color: #666; float: left; font-size:14px; height:50px; line-height:50px; overflow: hidden; width:220px; text-indent:12px;} .inner_search .search_info_btn { float: left; height:50px; width:47px; } .inner_search .search_info_btn_css { background-color: transparent; border-color: -moz-use-text-color; border-style: none; border-width: 0; color: #D3E8F9; float: left; font-size:12px; height:50px; line-height:50px; overflow: hidden; width:47px; cursor:pointer; } .inner_cat {width: 270px; margin-bottom: 10px;} .inner_cat_tit { width: 270px; line-height:68px; background:url(../images/inner_cat_tit.jpg) no-repeat; text-indent:33px; font-weight:bold; color:#333;} .frpro_cat { width: 270px; margin-top: 10px;} #nav ,#nav ul { width: 270px; list-style: none; padding: 0px; margin: 0px; } #nav ul ul { } #nav a { display: block; text-decoration: none;cursor:pointer; } #nav a:hover { color: #d74516; } #nav li { width: 270px; line-height: 38px; position: relative; background:url(../images/inner_catli.jpg) no-repeat; text-indent:10px; } #nav li ul { position: absolute; left: -999em; z-index:999; width:202px; font-weight: normal; margin: 0px; padding: 0px; } #nav li li { width:200px; background:#f7f7f7 !important;} #nav li ul a { width: 200px; text-align:center; line-height:32px; } #nav li ul ul { } #nav li:hover ul ul, #nav li.sfhover ul ul { left: -999em; } #nav li:hover ul, #nav li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul { left: auto; } #nav li:hover ul, #nav li.sfhover ul { right: 270px; top: 0px;cursor:pointer; } #nav li:hover, #nav li.sfhover { color: #f7f7f7;} #nav li ul a:hover { background:#d74516 !important; color:#fff !important;} * html #nav li { float: left; height: 1%; } * html #nav li a { height: 1%; } .inner_lx {width:267px; margin-bottom:15px;} .inner_lx_tit { width:267px; line-height:68px; background:url(../images/inner_lx_tit.jpg) no-repeat; text-indent:33px; font-weight:bold; color:#333;} .inner_lx .txt { width:267px; margin-top:10px; line-height:32px;} .show_pro {margin-right:20px; overflow:hidden; line-height:20px;} .about { margin-right:20px; line-height: 25px; overflow: hidden;} .about p{line-height: 25px !important;} .news { margin-right:20px; overflow:hidden; } .news li { width:862px; height: 220px; overflow:hidden; border-bottom:1px solid #eee; margin-bottom: 20px; position:relative;} .news li img { width:238px;/* height:200px;*/ position:absolute; top:0; left:0;} .news li .tit { position:absolute; top: 20px; left: 300px; font-size: 18px; font-weight:bold;} .news li .tit a { color:#333;} .news li .tit a:hover { text-decoration:underline;} .news li .txt { /* width: 490px; */ height: 88px; line-height:22px; overflow: hidden; position:absolute; top: 60px; left: 300px;} .news li .time { position:absolute; top: 170px; left: 300px; font-size:12px;} .keywordsList { padding:22px;padding-top:0; overflow:hidden; } .keywordsList ul { list-style-image: none; list-style-type: none; margin-top: 6px; } .keywordsList li { border-bottom: 1px dotted #888A89; height: 50px; line-height: 50px; overflow: hidden; } .keywordsList li a { color: #414141; text-decoration: none; } .keywordsList li span { color: #414141; float: right; margin-right: 30px; } .shownews {margin-right:20px;} .shownews a:hover { text-decoration: underline;} .shownews .title { background:#e7e7e7; height:65px; text-align: center; } .shownews .title h1 { color:#b90b0a; font-size: 18px; line-height:40px;} .shownews .title span { line-height:18px;} .shownews DIV.text { padding-top: 10px; } .shownews DIV.text p{ line-height: 30px; } .shownews DIV.text p a{color: #000;} .hr { color: #666666; margin: 20px 0; } .hr { color: #666666; margin: 20px 0; } .hr a { color: #D2211F; padding: 0 10px; text-decoration: underline; } table.job { border-collapse: collapse; color: #777777; width: 100%; } table.job th, .job td { border: 1px solid #DDDDDD; } table.job th { background-color: #ffffff; height: 40px; line-height: 40px; text-align: center; } table.job td { background: none repeat scroll 0 0 #FFFFFF; padding: 10px; text-align: center; } table.job a.close { height: 28px; line-height: 28px; } table.job .jobdetail { background: url("../images/jobdetail.gif") no-repeat scroll 0 0 rgba(0, 0, 0, 0); display: block; height: 24px; margin: 0 auto; width: 76px; } table.job .mydiv { left: 50%; margin: -135px 0 0 -325px; position: fixed !important; top: 30%; width: 650px; z-index: 999; border:#ccc solid 1px; border-radius:5px; box-shadow:4px 4px 4px rgba(0,0,0,.3);} table.job .mydiv table { border-collapse: collapse; color: #777777; line-height: 22px; width:100%; } table.job .mydiv table .alignleft { text-align: left; } /*新闻中心页面和新闻终端页面样式*/ .newslist{} .newslist table{ width:100%; border-left:1px #999 solid; border-top:1px #999 solid; color:#666; margin:0 0 20px 0;} .newslist table td{ padding:10px 15px; border-bottom:1px #999 solid; border-right:1px #999 solid;} .newslist table a{ color:#792C21; font-weight:bold;} .newslist table .newslist-1{ width:68%; background:#FFF;} .newslist table .newslist-2{ width:16%; background:#FFF; text-align:center;} .newslist table .newslist-3{ width:16%; background:#FFF; text-align:center;} .single h1{ padding:7px 0; color:#333; text-align:center; font-size:14px; border-bottom:#666 1px dotted;} .single span.title{ display:block; width:100%; padding:5px 0; color:#666; text-align:center;} .single p{ margin:20px 0; line-height:22px; color:#000;} .back { height:27px; padding:7px 0; text-align:right;} .back a{ width:116px; height:27px; color:#3487D1;} /*在线询盘页面样式*/ .inquiry_form { padding:10px 0 0 30px; color:#000; font-family:Tahoma; } .inquiry_form tr{ margin:0 0 15px 0;} .inquiry_form th { text-align:right; padding:0 10px 0 0; font-weight:normal;} .inquiry_form td input,.inquiry_form td textarea { border:1px solid #bbb; padding:2px;} .inquiry_form td .btn_box { width:60px; height:24px; border:1px solid #bbb; background:#e6e6e6 url(../images/inquiry_btn.jpg) repeat-x; color:#333; cursor:pointer;} .guestbook { padding-top:30px;} .guestbook table th { color:#777; text-align:left;} .guestbook table td input,.guestbook table td textarea{ border:1px solid #777; background:#f0f0f0;} .red{ color:red} #inquiry_form input,#inquiry_form img{ vertical-align:middle;} /*======================产品终端页产品图片切换效果样式=======================*/ .products_4 { overflow:hidden;} .products_5 { padding-left:30px; float: left; font-size:15px;} .products_5 h1 { font-size:15px;} #preview { float: none; padding-bottom:15px; width: 454px; float: left; } .description { clear: both; /*height:400px;*/ overflow: auto } .description h3, .other h3 { height: 40px; line-height: 40px; color: #005DAA; border-bottom: 1px dashed #999; } .description .data { overflow-x: auto; margin: 0px 0; } .description a.iq { display: block; width: 98px; height: 25px; } .description p { width: 100%; height: auto; color: #000; line-height: 22px; margin: 20px 0; } .description .txt { border-bottom: 1px solid #999; font-size: 15px; line-height: 34px; padding-left: 10px; color: #13233c; font-weight: bold; } .description table { width: 100%; text-align: center; border-left: 1px #999 solid; border-top: 1px #999 solid; background: #fff; color: #333; } .description table td { padding: 6px 5px; border-bottom: 1px #999 solid; border-right: 1px #999 solid; } /*产品终端样式*/ /*产品终端页产品图片切换效果样式*/ .proinfo_two { border-color: #CCCCCC; border-style: solid; border-width: 1px; height: auto; } .proinfo_two .pro_description { background: none repeat scroll 0 0 #4F5152; height: 35px; line-height: 35px; text-indent: 10px; font-size: 15px; color:#ffffff; } .proinfo_two .pro_description_cont { height: auto !important; overflow: visible; padding: 10px; } .proinfo_two .pro_description_cont p{ line-height: 25px; padding-top: 5px;} .proinfo_two .pro_description_cont p strong{ font-size: 15px; } .proinfo_two .pro_description_cont table{ border-collapse:collapse;} .proinfo_two .pro_description_cont table tr td{ border:#ccc solid 1px; padding:0px 2px; line-height:20px;} .pro_description_cont .productImg{ display:flex;justify-content: center; } .pro_description_cont .productImg img{ vertical-align:middle; } #spec-n1 img { width:450px; height:430px; background: #fff; border: 1px solid #ccc; padding: 1px; } #spec-n5 { width: 400px; overflow: hidden; zoom: 1; background: #fff; border: 1px solid #ccc; border-top: none; padding: 1px; } #spec-right { width: 124px;/* height:60px;*/ float: left;} #spec-right a img { width: 124px; height: 60px; } #spec-list { width:400px; float: left; } #spec-list ul { float: left; height:96px; } #spec-list ul li { width:100px; height:96px; float:left;} #spec-list ul li img { width:93px; height:89px; cursor: pointer; border: 1px solid #CCC; padding: 2px; } ul.product_list { clear: both; margin: 20px 20px 0; border-bottom: 1px solid #CCCCCC; overflow: hidden; zoom: 1; } ul.product_list li { font-weight: bold; float: left; padding: 0 10px; background-color: #8395A0; display: block; cursor: pointer; border-right: 1px #FFFFFF solid; line-height: 26px } ul.product_list li a { color: #FFFFFF; } ul.product_list li.sel { background-color: #47555e; } /*放大镜样式 开始*/ .jqzoom { position: relative; padding: 0; } .bigimg { width: 800px; height: auto; } .zoomdiv { z-index: 8; position: absolute; top: 1px; left: 0px; width: 400px; height: 400px; background: url(i/loading.gif) #fff no-repeat center center; border: 1px solid #e4e4e4; display: none; text-align: left; overflow: hidden; } .jqZoomPup { z-index: 3; visibility: hidden; position: absolute; top: 0px; left: 0px; width: 50px; height: 50px; border: 1px solid #aaa; background: #FEDE4F 50% top no-repeat; opacity: 0.5; -moz-opacity: 0.5; -khtml-opacity: 0.5; filter: alpha(Opacity=50); cursor: move; } /*放大镜样式 结束*/ .other, .other ul { float: left; font-size: 12px; line-height: 22px; width: 100%; } .other_tit { border-bottom: 1px dashed #222222; font-size:14px; height: 40px; line-height: 40px; padding-top: 10px; } .other ul { margin: 20px 0; } .other li { float: left; margin: 0 10px; width: 156px; } .other li a { display:block; } .other li a:hover { display:block; text-decoration: underline;} .other img { background: none repeat scroll 0 0; border: 1px solid #ccc; border-radius: 2px; box-shadow: 1px 1px 1px rgba(0,0,0,.4); display: block; margin: 0 auto; width: 99%; } .other span { display: block; font-size: 14px; height: 25px; line-height: 25px; text-align: center; } /*======================分页样式=======================*/ .pager { margin:20px auto 0; background: #fff; padding: 5px 0; clear:both; } .page_link { height: 22px; padding: 0 20px; font-size: 14px; color: #777;} .pager span { line-height: 20px; background: #F0F0F0; margin: 0px 2px; padding: 0 0.6em; float:left;} .pager span a { display: block; } .page_link_total { color: #777; } .page_link_now { font-weight: bold; color: #d2211f; } /*======================底部样式=======================*/ .foot_link { width:1200px; height:100px; margin:0 auto;} .foot_link_tit { width:125px; height:18px; background:url(../images/foot_linktit.jpg) no-repeat;} .foot_link ul { width:1200px; margin:10px 0; overflow:hidden;} .foot_link ul li { line-height:30px; padding:0 10px; float:left;} .foot_link ul li a:hover { text-decoration:underline;} .foot { width:100%; height:90px; background:url(../images/foot_bg.jpg) no-repeat center;} .foot_txt { width:1200px; height: 90px; line-height: 25px; margin:0 auto; padding-top: 8px; font-size:12px; color:#bababa;} .foot_txt a{ color:#bababa;}