@charset "utf-8";
/* CSS Document */
body,button,input,select,textarea {
color: #333;
font: 13px/1.5 Tahoma,Helvetica,Arial,\5b8b\4f53
}
/* Clear */
.clearfix:after {
content: "";
display: block;
height: 0px;
clear: both;
visibility: hidden
}
.clearfix {
display: inline-block
}
/* Hides from IE-mac \*/
* html .clearfix {
height: 1%
}
.clearfix {
display: block
}
/* End hide from IE-mac */
.page_list {
text-align: center;
padding-top: 40px;
margin: 0 auto;
/*padding-bottom:50px;*/
}
.page_list a {
border: #ddd 1px solid;
color: #b60101;
padding: 2px 5px;
margin-right: 2px
}
.page_list a:hover,.page_list a:active {
border: #e1e6ed 1px solid;
color: #000;
background-color: #D3E1F6
}
.page_list span.current {
border: #ddd 1px solid;
padding: 2px 5px;
font-weight: bold;
margin-right: 2px;
color: #FFF;
background-color: #0060b2;
}
.page_list span.disabled {
border: #f3f3f3 1px solid;
padding: 2px 5px;
margin-right: 2px;
color: #CCC
}
/* webcss start*/
body {
overflow-x: hidden;
font-family: Helvetica, “PingFangSC”, ‘Microsoft Yahei’, Arial, sans-serif;
}
#wrapper {
margin: 0px auto;
width: 980px
}
.top {
height: 90px;
}
#lang {
position: absolute;
right: 15px;
top: 10px;
z-index: 1
}
#lang img {
margin-right: 5px;
vertical-align: middle
}
#MainMenu {
height: 54px;
width: 1200px;
position: absolute;
left: 50%;
margin-left: -600px;
background: #fff;
top: 0;
line-height: 54px;
}
#banner {
background: url(../images/banner_bg.gif);
height: 152px;
padding: 11px 15px;
overflow: hidden
}
.KSS_titleBox h2 {
line-height: 32px
}
#index_main h2 {
background-image: url(../images/site_title.gif);
background-repeat: no-repeat;
height: 34px;
line-height: 34px;
font-size: 100%;
font-weight: normal
}
#index_main h2 span {
float: left;
display: none
}
#index_main h2 a {
float: right;
margin: 15px 10px 0px 0px
}
.index-left {
float: left;
padding: 0px 5px 0px 9px;
width: 706px;
overflow: hidden
}
.index-newproducts {
padding-bottom: 15px
}
.index-newproducts h2 {
background-position: 0px 0px
}
.productsroll {
position: relative;
/*width:1200px; margin-top: 23px;*/
}
/* productsroll Start */
#LeftArr,#RightArr {
background-image: url(../images/cp-jt.png);
width: 79px;
height: 79px;
cursor: pointer;
position: absolute;
top: 0px;
z-index: 1
}
#LeftArr {
background-position: 0px 0px;
float: left;
left: -119px;
top: 160px;
}
#RightArr {
background-position: 79px 0px;
float: right;
right: -119px;
top: 160px;
}
#ScrollBox {
/*width:1200px; float: left;*/
overflow: hidden;
}
#ScrollBox li {
float: left;
display: inline;
width: 290px;
margin: 0 5px;
text-align: center;
height: 250px;
overflow: hidden;
}
#ScrollBox li img {
height: 100%;
}
/* 滚动效果 */
.cptp {
margin-top: 40px;
padding: 60px 0 30px;
background: #efefef;
}
.gcal-xia {
margin-top: 30px;
}
.productsrollgd {
/*position: relative;*/
}
#LeftArr1,#RightArr1 {
background-image: url(../images/cp-jt_05.png);
width: 63px;
height: 63px;
cursor: pointer;
position: absolute;
top: 0px;
z-index: 1
}
#LeftArr1 {
background-position: 0px 0px;
float: left;
left: -100px;
top: 66px;
}
#RightArr1 {
background-position: 63px 0px;
float: right;
right: -100px;
top: 66px;
}
#ScrollBox1 {
width: 1200px;
overflow: hidden;
}
#ScrollBox1 li {
width: 229px;
float: left;
display: inline;
text-align: center;
margin-right: 15px;
margin-bottom: 15px;
}
#ScrollBox1 li .cp-tp {
display: block;
overflow: hidden;
height: 195px;
width: 229px;
border: 1px solid #d7d7d7;
}
#ScrollBox1 li:hover .cp-tp {
border: 1px solid #0060b2;
transition: all 0.6s;
}
#ScrollBox1 li a:link,#ScrollBox li a:visited {
}
#ScrollBox1 li a span {
display: block;
padding-top: 4px;
line-height: 40px;
font-size: 16px;
text-align: left;
padding-left: 25px;
}
#ScrollBox1 li img {
height: 100%;
min-height: 195px;
width: 100%;
}
#ScrollBox1 li .cp-mz a {
color: #202020;
}
#ScrollBox1 li .cp-mz {
font-size: 15px;
line-height: 50px;
}
/* productsroll End */
/*.index-news{padding:0px 5px;width:346px}*/
.index-news h2 {
background-position: 0px -34px
}
.index-news ul {
}
.xw-leftr ul li {
border-bottom: solid 1px #e5e5e5;
padding-bottom: 10px;
margin-bottom: 10px;
}
.index-news ul li img {
}
.index-news ul li h3 {
font-size: 100%;
font-weight: bold;
line-height: 25px
}
.index-news ul li p {
}
.index-news ul li a span {
color: #666;
float: right;
margin-right: 10px
}
.index-about {
float: left;
width: 350px
}
.index-about h2 {
background-position: 0px -68px
}
.index-about p {
line-height: 23px;
padding: 4px 0px 0px 5px
}
.index-about p img {
float: left;
margin-right: 8px
}
.index-products {
clear: both
}
.index-products h2 {
background-position: 0px -102px
}
#product_c a {
display: block;
float: left;
height: 140px;
margin-bottom: 10px;
margin-left: 10px;
text-align: center;
width: 150px;
}
#product_c {
width: 668px;
}
/* index-products Start */
.index-products ul {
padding: 0px 1px 5px 1px
}
.index-products ul li {
float: left;
text-align: center;
width: 176px;
padding: 5px 0px
}
.index-products ul li a {
display: block;
border: #e5e5e5 1px solid;
padding: 5px 5px 0px 5px;
width: 154px
}
.index-products ul li a:link,.index-products ul li a:visited,.index-products ul li a:active {
color: #000
}
.index-products ul li a:hover {
border: #008aff 1px solid;
color: #008aff
}
.index-products ul li a span {
display: block;
padding-top: 4px
}
/* index-products End */
.index-right {
float: left;
padding: 0px 15px 0px 5px;
width: 240px;
overflow: hidden
}
.index-search {
padding-bottom: 5px
}
.index-search h2 {
background-position: 0px -136px
}
.index-search p {
padding: 5px 0px 5px 10px
}
#searchid {
line-height: 20px;
padding: 2px
}
#searchtext {
border: #E6E6E6 1px solid;
background: url(../images/searchinp.gif) repeat-x;
height: 20px;
line-height: 20px;
padding: 2px;
width: 200px
}
#searchbutton {
border: none;
background: url(../images/searchbut.gif);
cursor: pointer;
height: 21px;
width: 64px
}
.index-jobs h2 {
background-position: 0px -170px
}
.index-jobs {
padding-bottom: 5px
}
.index-jobs ul li {
padding: 4px 0px
}
.index-contact {
padding-bottom: 10px
}
.index-contact h2 {
background-position: 0px -204px
}
.index-contact p {
line-height: 25px;
padding: 0px 5px 0px 10px
}
.index-contact p span {
font-weight: bold
}
/*********** page ***********/
/* page-left */
.page-left h2 {
background-image: url(../images/site_title.gif);
background-repeat: no-repeat;
height: 34px;
line-height: 34px;
font-size: 100%;
font-weight: normal
}
.page-left h2 span {
float: left;
display: none
}
.left-about h2 {
background-position: 0px -68px
}
.left-products h2 {
background-position: 0px -102px
}
.left-search h2 {
background-position: 0px -136px
}
.left-search p {
padding: 5px 0px 5px 10px
}
.left-contact {
padding-bottom: 10px
}
.left-contact h2 {
background-position: 0px -204px
}
.left-contact p {
line-height: 25px;
padding: 0px 5px 0px 10px
}
.left-contact p span {
font-weight: bold
}
/* page-right */
.page-single,.page-products,.page-news,.page-newsdetail,.page-jobs,.page-jobsdetail {
}
.productsdetail-title,.newsdetail-title,.jobsdetail-title {
font-size: 14px;
font-weight: bold;
line-height: 30px;
text-align: center;
border-bottom: 1px dashed #CCC;
margin-bottom: 10px
}
.page-news table {
width: 98%;
}
.page-news table th {
height: 30px;
line-height: 30px;
text-align: center;
font-weight: bold;
border: none 0px;
font-size: 12px
}
.page-news table th.news-time {
width: 100px;
background: url(../images/info_title.gif) left top
}
.page-news table th.news-title {
background: url(../images/info_title.gif) right top
}
.page-news table td {
border-bottom: 1px dashed #D7D7D7;
padding: 8px
}
.page-news table td.time-list {
color: #666;
text-align: center
}
.page-jobs table {
width: 98%;
}
.page-jobs table th {
height: 30px;
line-height: 30px;
text-align: center;
font-weight: bold;
border: none 0px;
font-size: 12px
}
.page-jobs table th.jobs-time {
width: 100px;
background: url(../images/info_title.gif) left top
}
.page-jobs table th.jobs-title {
background: url(../images/info_title.gif) right top
}
.page-jobs table td {
border-bottom: 1px dashed #D7D7D7;
padding: 8px
}
.page-jobs table td.time-list {
color: #666;
text-align: center
}
.page-guestbook {
width: 900px;
margin: 0px auto;
}
.page-guestbook dl dt,.page-guestbook dl dd {
float: left;
padding: 5px
}
.page-guestbook dl dt {
width: 80px;
text-align: right;
font-size: 15px;
color: #202020;
line-height: 36px;
}
.page-guestbook dl dd {
width: 800px;
}
.page-guestbook dl dd input {
padding: 2px;
background: #efefef;
height: 35px;
line-height: 19px;
width: 750px;
border: #efefef 1px solid;
}
.page-guestbook dl dd span {
color: #F00;
margin-left: 10px
}
.page-guestbook .Content {
width: 750px;
height: 220px;
background: none;
background: #efefef;
border: #efefef 1px solid;
}
#checkcode {
width: 60px;
text-align: center
}
.page-guestbook p {
text-align: center;
clear: both;
padding-bottom: 50px
}
.page-guestbook dl dd :hover {
border: #b60101 1px solid;
}
/*新闻列表页*/
ul,li {
list-style: none;
/*width: 600px;*//*line-height: 40px;*/
}
a,a:visited,a:active {
color: #000;
text-decoration: none;
}
a:hover {
color: #000;
text-decoration: none
}
.fl {
float: left;
}
.fr {
float: right;
}
.clear {
clear: both;
}
.newsList {
}
ul.newsList li {
background: #f7f7f7;
border: 1px solid #fff;
padding: 30px;
margin: 7px 0;
float: left;
transition: all 0.6s ease-in-out;
}
ul.newsList li:first-child .xw-xiatu{
display: block;
}
.xw-xiatu {
margin-top: 30px;
display: none;
}
.nyxw-nr {
font-size: 15px;
line-height: 36px;
}
.nyxw-gengduo {
margin-top: 15px;
font-size: 16px;
}
.nyxw-gengduo a {
color: #b60101;
}
ul.newsList li:hover {
border: 1px solid #b60101;
}
ul.newsList li:hover .nyxw-gengduo a {
color: #b60101;
}
ul.newsList li .dateTitle a {
font-size: 18px;
color: #202020;
font-weight: bold;
}
ul.newsList li:hover .dateTitle a {
color: #b60101;
transition: all 0.6s;
}
ul.newsList li .dateTitle {
margin: 5px 0 10px;
}
/* .page-news img{
max-width: 100%;
width: auto;
height: 100%;
} */
.nyxw-nr {
/*margin: 10px 0 0;*/
overflow: hidden;
}
.nyxw-nr a {
font-size: 15px;
color: #666666;
line-height: 30px;
}
.xw-rtime {
font-size: 18px;
}
/*新闻详情页*/
#shownews h1.title {
font-size: 24px;
text-align: center;
height: 50px;
line-height: 50px;
}
.hits {
border-bottom: 1px solid #DDDDDD;
margin-bottom: 30px;
height: 30px;
line-height: 30px;
}
.page {
margin-top: 30px;
padding: 10px 0;
line-height: 24px;
border-top: 1px dotted #ddd;
border-bottom: 1px dotted #ddd;
}
#shownews.text {
margin: 10px 0 30px;
line-height: 30px;
font-size: 15px;
}
#shownews .text img {
max-width: 100%;
}
.related {
background: url(../images/bg.png);
repeat-x;
}
#shownews .related {
font-weight: bold;
height: 30px;
line-height: 30px;
font-size: 13px;
}
#shownews .related-list li {
border-bottom: 1px dotted #dddddd;
background: url(../images/icon1.gif) no-repeat left center;
float: left;
line-height: 55px;
padding-left: 10px;
width: 270px;
margin-right: 13px;
font-size: 13px;
}
#shownews .related-list li a,#shownews .related-list li a:active,#shownews .related-list li a:visited {
color: #808080;
}
#shownews .related-list li a:hover {
color: #d7d20c;
}
#shownews1 h1.title {
font-size: 24px;
text-align: left;
height: 60px;
line-height: 30px;
text-align: center;
}
#shownews1 .text {
margin: 10px 0;
line-height: 25px;
}
#shownews1 .text img {
max-width: 100%;
}
#shownews1 .related {
padding-left: 10px;
color: #fff;
font-weight: bold;
height: 30px;
line-height: 30px;
font-size: 13px;
}
#shownews1 .related-list li {
border-bottom: 1px dotted #dddddd;
background: url(../images/icon1.gif) no-repeat left center;
padding-left: 10px;
float: left;
line-height: 40px;
padding-left: 10px;
width: 260px;
margin-right: 30px;
}
#shownews1 .related-list li a,#shownews1 .related-list li a:active,#shownews .related-list li a:visited {
color: #808080;
}
.related-list {
padding: 15px 0;
}
#ShowImages1 li {
overflow: hidden;
display: inline;
float: left;
margin: 10px 47px;
text-align: center;
}
#ShowImages1 .images_img a {
display: block;
overflow: hidden;
text-align: center;
vertical-align: middle;
}
#ShowImages1 li:hover {
border: 1px;
}
#ShowImages1 li:hover a {
color: #000;
}
#ShowImages1 .images_img img {
max-width: 266px;
height: 212px;
}
#ShowImages1 .images_title a {
height: 55px;
line-height: 55px;
font-size: 22px;
}
#ShowImages2 li {
width: 290px;
overflow: hidden;
float: left;
margin: 0 5px;
text-align: center;
}
#ShowImages2 .images_img a {
border: 1px solid #d7d7d7;
display: block;
overflow: hidden;
text-align: center;
vertical-align: middle;
height: 260px;
}
#ShowImages2 .images_img img {
height: 100%;
cursor: pointer;
transition: all 0.6s;
}
#ShowImages2 .images_img img:hover {
transform: scale(1.1);
}
#ShowImages2 .images_title a {
line-height: 60px;
font-size: 18px;
color: #202020;
}
#ShowImages2 li:hover .images_img a {
border: 1px solid #f48221;
}
/*下载列表页*/
.downloadtimes {
width: 80px;
text-align: center;
}
/*下载详细页*/
.download {
margin-bottom: 10px;
}
.download li {
line-height: 30px;
border-bottom: 1px dotted #dddddd;
}
.downloadRight {
width: 85%;
}
/*招聘列表页*/
.jobList li {
float: left;
line-height: 40px;
background: #d7d20c;
text-align: center;
color: #fff;
font-size: 16px;
}
.jobtime {
width: 15%;
}
.jobPosition {
width: 40%;
}
/*招聘详情页*/
.showjobList li {
line-height: 28px;
border-bottom: 1px dotted #dddddd;
}
.jobDescription {
background: #dddddd;
height: 30px;
line-height: 30px;
margin: 10px 0;
text-indent: 10px;
}
/*招聘应聘页面*/
.submit {
background: url(../images/submit.jpg) no-repeat;
width: 93px;
height: 34px;
color: #ffffff;
line-height: 34px;
border: none;
cursor: pointer;
font-size: 14px;
margin: 10px 0 0 100px;
}
/* 内页相关产品的 */
.related_cp p {
line-height: 30px;
text-indent: 2em;
}
.related_cp td {
line-height: 30px;
}
.related_cp ul {
width: 100%;
height: auto;
padding: 15px 0;
overflow: hidden;
}
.related_cp ul li {
text-align: center;
float: left;
overflow: hidden;
margin: 0 7px;
}
.related_cp ul li p {
line-height: 30px;
height: 30px;
text-align: center;
text-indent: 0em;
}
.related_cp ul li p a {
line-height: 30px;
height: 30px;
text-align: center;
}
.related_cpul li p a:hover {
color: #FF0000;
}
.related_cp ul li img {
border: 1px solid #CCCCCC;
height: 88px;
padding: 5px;
}
.related_cp ul li a:hover img {
border: 1px solid #d7d20c;
}
/* 产品展示页询盘页面 */
.chanpin_xp {
width: 600px;
margin: 0px auto
}
.chanpin_xp dl dt,.chanpin_xp dl dd {
float: left;
padding: 5px
}
.chanpin_xp dl dt {
width: 80px;
text-align: right
}
.chanpin_xp dl dd {
width: 500px;
margin-left: 80px;
margin-top: -30px;
}
.chanpin_xp dl dd input {
border: #CCC 1px solid;
padding: 2px;
background: url(../images/inputbg.gif) repeat-x;
height: 19px;
line-height: 19px;
width: 180px
}
.chanpin_xp dl dd span {
color: #F00;
margin-left: 10px
}
.chanpin_xp .Content {
width: 480px;
height: 120px;
border: #CCC 1px solid
}
#checkcode {
width: 60px;
text-align: center
}
.chanpin_xp p {
text-align: center;
clear: both;
margin-bottom: 10px
}
/* 产品页搜索框 */
.head-search {
margin: 0 auto;
margin-top: 15px;
margin-bottom: 15px;
overflow: hidden;
background: #f4f4f4;
padding: 5px;
}
.f_l {
float: left;
}
.f_r {
float: right;
}
.ss {
padding-top: 10px;
margin-top: -7px;
font-size: 13px;
font-weight: bold;
padding-left: 18px;
}
.head-search .txt-keyword {
border: solid 1px #DCD3CF;
border-right: none;
width: 200px;
height: 20px;
float: left;
color: #A89893;
font-size: 12px;
}
.head-search .btn-search {
width: 60px;
height: 20px;
border: none;
overflow: hidden;
}
.ssk {
width: 580px;
}
/* 产品展示 列表样式 */
.fl {
float: left;
}
.fr {
float: right;
}
.clear {
clear: both;
}
.lbtu {
width: 695px;
height: auto;
}
.lbtup {
height: auto;
padding-top: 20px;
overflow: hidden;
}
.lbtup li {
list-style-type: none;
padding-bottom: 10px;
}
.lbtu_left {
width: 110px;
margin-top: 15px;
}
.lbtu_left img {
border: 1px solid #CCCCCC;
width: 100px;
height: 88px;
padding: 5px;
}
.lbtu_left a:hover img {
border: 1px solid #ff0000;
}
.lbtu_right {
width: 505px;
margin-top: 25px;
}
.lbtu_right li {
float: left;
}
.bt {
line-height: 17px;
height: 17px;
font-size: 12px;
font-weight: bold;
}
.bt a {
text-decoration: none;
color: #000000;
}
.lbt a:hover {
color: #FF0000;
}
.wenzi {
font-size: 12px;
line-height: 22px;
width: 180px;
}
.wenzi span a {
color: #FF0000;
text-decoration: none;
}
.right_tb ul li {
float: left;
padding-left: 10px;
}