@back_header:url('../images/h_bg.jpg') no-repeat 50% 0;/*头部背景*/
@back_nav:url('../images/nav_bg.jpg') no-repeat;/*D背景*/
@back_nav_li:url('../images/nav_l_bg.jpg') no-repeat right center;/*D隔离?/
@back_nav_li_ah:url('../images/nav_a_bg.jpg') no-repeat top center;/*鼠标UM去背?/
@back_h_ba:url('../images/ha_bg.png');/*滚动背景*/
@back_s_li:url('../images/x_bg.png') no-repeat;/*左侧栏li背景*/
@back_footer:url('../images/footer_bg.jpg') no-repeat #ccc;/*底部背景*/
@qt1:url('../images/qt1_bg.gif') no-repeat;/*其他囄1?/
@qt2:url('../images/neiye_title.jpg') no-repeat;/*其他囄2?/
@qt3:url('../images/qt3_bg.png');/*其他囄3?/
@qt4:url('../images/qt4_bg.png');/*其他囄4?/
@height_nav:39px; /*D条高?/
@nav_li_w:125px; /*D条宽?/
@nav_li_color:#000; /*D条文字颜?/
@ba_w1:1440px; /*滚动囄宽度*/
@ba_h1:400px; /*滚动囄高度*/
@b_w:1000px; /*|站宽度*/
/*全局---头部----MQ主）----底部---侧边---内页--*/
/*--------------------------------------------------------全局开?--------------------------------------------------*/
li{list-style: none;}
.bk(@a:#000,@b:1px,@c:1px,@d:solid){border:@b @d @a;border-radius:@c;} /*Ҏ*/
.img_max(@a:auto,@b:auto){max-width:@a;max-height:@b;} /*最大最?/
.jz_h(@a:40px){line-height:@a;height:@a;}/*单行字体居中(默认20px)*/
.left{float:left;}
.right{float:right;}
.main2{margin:0 auto;width:@b_w;}
.main3{margin:0 auto;width:@b_w;}
.main{margin:0 auto;width:@b_w;}
.off{display:none;} /*隐藏*/
.slh(){text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}/*单行出部分省略hC?/
ul{padding: 0;margin:0;}
i{font-style: normal;}
a,a:hover{color: #444;text-decoration: none;}
/*----------------头部--------------*/
body{background:url(../images/bg.jpg) repeat-x #fbfbfb;color: #444; margin: 0;overflow-x:hidden; font-size: 12px;font-family:'Arial',"宋体";p{font-family: 'Arial';}}
.wrap{margin:0 auto; width:@b_w;margin-top: 10px; }
.header { background: url('../images/header_bg.jpg') no-repeat top center; height: 141px;margin: 0 auto; width:@b_w;}
.top { height: 101px;
.logo { float: left;margin: -2px 0 0 0px;padding: 10px 0 0 6px;
h1{color: #145b93;}
}
.utility { float: right; height: 28px; line-height: 28px;margin-right: 10px; text-align: right;color: #212222;margin-top: 7px;
img{margin: 0 5px;}
a { display: inline-block; color: #212222;
&:hover { color: #212222; }
}
}
.tel {height: 33px;float: right; margin-right: 10px; clear: right;margin-top: 18px;
img{float: left;}
span{font-size: 14px;font-family: "微Y雅黑";float:left;margin: 5px 0 0 10px;}
i{font-size: 24px;font-family: "Arial";color: #0067ac;font-weight: 700;}
}
}
/* -------------------------------------*/
.newsList { width:543px; margin:0 auto; padding-top:5px;
.newsList_li { line-height:31px; height: 31px; padding-left: 12px;
&:hover{
background: url(../images/n1.jpg) repeat-x;
}
}
}
.productsList { width:201px; margin:0 auto;padding-top: 5px;
li{background: url('../images/f.jpg') no-repeat;line-height:30px; height: 30px;text-indent: 50px;}
}
.search{
form{margin: 7px 0 0 0;}
.text{color: #a0a0a0;background: #dadada;padding: 0;margin: 0;width: 189px!important;height: 22px!important;border: none;color: #a0a0a0;text-indent: 5px;}
.anan{background: #020202;margin: 0;padding: 0;width: 44px!important;height: 22px!important;color: #fff;border: none;}
}
.banner{background:@back_h_ba;margin:0px auto;height: @ba_h1;max-width:@ba_w1;overflow: hidden;padding: 0px;_width: @ba_w1; ul{li{a{.left;width:@ba_w1;height:@ba_h1}}}}
.footer{ width:100%; height:138px;margin-top: 20px; color:#444444; float: left;
.f1{height: 49px;position: relative;line-height: 49px;width: 100%;
.f1_le{position: absolute;top: 0; left: 0;font-size: 14px;font-family: "微Y雅黑";font-size: 14px;color: #fff;width: 25%;text-align: right;background: #8d8c8f;padding-right: 10px;}
.f1_ri{position: absolute;top: 0; left: 25%;background: #c3c1c4;width:77%;
ul{margin-left: 20px;
li{float: left;margin: 0 15px;}
}
}
}
.ff{width:@b_w; margin:0 auto; text-align: center;
a{color:#444444;}
.f2{margin-top: 15px;line-height:25px;}
}
}
/*---------------首页M-------------------*/
.mainBody{}
.index_title{background: url(../images/title_bg.jpg) repeat-x;height: 39px;
.index_title_le{float: left;line-height: 39px;
span{background: url(../images/title_span.jpg) no-repeat 16px 50%;height: 39px;text-indent: 33px;float: left;font-family: "微Y雅黑";color: #135487;}
i{background: url(../images/title_i.jpg) no-repeat 0 50%;float: left;margin-left: 5px;text-indent: 5px;}
}
.index_title_more{float: right;margin: 12px 13px 0 0;}
}
#le{width: 205px;float: left;}
.fenlei{width: 201px;border:1px solid #e7e7e7;height: 276px;overflow: hidden;padding: 1px;background: url(../images/fenlei_bg.jpg) repeat-y #fafafa;
.fenlei_text{}
}
.kuaisu{width: 201px;margin-top:10px;border:1px solid #e7e7e7;padding: 1px;height: 189px;background: url(../images/fenlei_bg.jpg) top center repeat-y #fafafa;}
#ri{width: 781px;float: right;}
.jianjie{float: left;width: 543px;border:1px solid #e7e7e7;height: 220px;overflow: hidden;padding: 1px;background:#ffffff;
.jianjie_text{padding: 15px 12px;line-height: 26px;height: 145px;overflow: hidden;
img{width: 152px;height: 94px;border:1px solid #d6d5d5;padding: 1px;background: #fcfcfc;float:left;margin-right: 10px;}
}
}
.zuixin{float: left;width: 215px;margin-left: 15px;border:1px solid #e7e7e7;height: 220px;overflow: hidden;padding: 1px;background:#ffffff;}
.news{float: left;width: 543px;border:1px solid #e7e7e7;height: 245px;overflow: hidden;padding: 1px;background:#ffffff;margin-top: 10px;
.news_text{padding-top: 8px;
.news_text_top{width: 523px;margin: 0 auto;height: 100px;overflow: hidden;
.news_text_top_img{float: left;width: 155px;height: 100px;margin-right: 10px;}
.news_text_top_text{line-height: 26px;
span{font-weight: 700;}
}
}
}
}
.lianxi{float: left;width: 215px;margin-left: 15px;border:1px solid #e7e7e7;height: 245px;overflow: hidden;padding: 1px;margin-top: 10px;background: #fff;
img{margin: 9px 0 0 6px;}
.lianxi_text{background:#fafafa;height: 206px;overflow: hidden;}
ul{margin: 8px 0 0 13px;line-height: 28px;}
}
.cp{width: 1000px;float: left;border:1px solid #e7e7e7;height: 265px;overflow: hidden;padding: 1px;background:#ffffff;margin-top: 10px;
.cp_text{margin: 20px 0 0 0;}
}
#Mleft{}
#Mright{float: right;margin:0 0px 0 auto;width:777px;padding: 1px;border:1px solid #e7e7e7;}
.right_main{
padding: 10px;
}
.picture{ float:left; width:243px; height:195px; overflow:hidden; display:inline; }
.picture1{
height:167px;
width:224px;
text-align:center;
vertical-align:middle;
background-color:#FFFFFF;
border:1px solid #cccccc;
overflow:hidden;
display:table-cell;
/* position:relative; */
*display: block;
}
.picture2{width:224px; height:20px; text-align:center; margin-top:10px;}
.picture1 img{ vertical-align:middle; border:0;}
.picturea{ float:left; width:213px; height:210px; overflow:hidden; padding:0px; margin-left:32px;_width:197px;}
.picture1a{
width:200px;
height:170px;
line-height: 170px;
text-align:center;
vertical-align:middle;
border:1px solid #ccc;
overflow:hidden;
display:table-cell;
/* position:relative; */
*display: block;
_font-size:130px;
}
.picture2a{width:200px; height:25px; text-align:center; margin-top:5px;line-height: 25px;}
.picture1a img{ vertical-align:middle; border:0;}
/********消除动*********/
.clear2{background: none;border: 0;clear: both;display: block;float: none;font-size: 0;margin: 0;padding: 0;overflow: hidden;visibility: hidden;width: 0;height: 0;
&:after {content: ".";display:block;height: 0;clear: both;visibility:hidden;}
}
/*--------------------------------------------------------全局l束---------------------------------------------------*/
#KinSlideshow {
position:relative;
ul{margin:0;padding:0;
li{.left;margin:0;padding:0;
a{.left;}
}
}
/*大图D圆点样式*/
ol{position: absolute;bottom: 10px;width:100%;margin:0;left:0;text-align:center;
li{cursor: pointer;display:inline-block;display:inline\9;width: 15px;height: 15px;border-radius:15px;font-size: 10px;padding: ~"0 3px\9"; opacity:0.8;background: #ccc;color: #ccc;margin: 0 1px;}
.active{opacity:1;color: #000;background:#000;}
}
}
.header{
.nav{
background-position:0 0px;height:@height_nav;margin-bottom: 0px;
/*D鼠标hover样式.lon*/
.lon{
a{
background-position:50% 0;color: #fff;
}
}
#Index{}
li{.left;
background:@back_nav_li; height: @height_nav;position:relative;text-align: center;width: @nav_li_w;
z-index: 1000;
a{
background:@back_nav_li_ah;
background-position:50% -@height_nav;
color:@nav_li_color;
display:block;
font-family: "微Y雅黑";
font-size:14px;
height:@height_nav;
line-height: @height_nav;
margin: 0px auto;
text-decoration: none;
transition: all .3s ease-in-out;
-moz-transition: all .3s ease-in-out;
-webkit-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
}
&:hover{.lon;}
}
.dropdown{
.dropdown-menu{
background: rgba(255, 255, 255, 0.7);
min-width: @nav_li_w;
padding: 6px 0;
width:@nav_li_w;
z-index: 10000;
li{
background: none;
a{
background: none;
color: #555;
font-weight: 100;
}
&:hover{
a{
background: #FCFCFC;
border-radius:5px;
color:#555;
}
}
}
}
}
.nav-li{
position: static;
.nav-div{
/*display: none;*/
background: #f00;
float: left;
left: @nav_li_w;
overflow: hidden;
padding: 6px 0;
position: absolute;
top: 0px;
width: 0px;
transition: all .3s ease-in-out;
-moz-transition: all .3s ease-in-out;
-webkit-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
}
&:hover{
.nav-div{
width: 100px;
}
}
}
}
}
/********************************************************内页******************************************************************/
.well{background: #FCFCFC;}
.news_list{margin: 0 auto;
li{
background: url('../image/list_li.gif') no-repeat 5px 50%;
border-bottom: 1px dotted #b98424;padding: 5px 20px;
margin: 0 auto;
width: 90%;height:25px; line-height:25px;
a{
}
span{.right;
}
}
}
/********公司?*********/
.article{
margin-bottom: 20px;
min-height: 20px;
overflow:hidden;
img{max-width:100%;}
.well{}
.title{.jz_h(39px);
background: url(../images/title_bg.jpg) repeat-x;height: 39px;
margin:0px auto 0px;
h4{.left;
background: url(../images/title_span.jpg) no-repeat 16px 50%;height: 39px;text-indent: 33px;float: left;font-family: "微Y雅黑";color: #135487;
font-weight: 100;margin: 0;line-height: 39px;
span{.off}
}
span{margin-right: 18px;
a{
color: #444;
}
}
}
.com_con{padding:10px;line-height: 25px;border: 1px solid #d2d2d2;border-top: none;; }
.content{margin: 25px;}
}
.page{clear: both;margin-top: 10px;text-align: center;font-size: 12px;letter-spacing: 0px;
#page_num{width: 50px;margin-top: 6px;}
a{display:inline-block;height:18px;line-height:18px;border:1px solid #DBDBDB;padding:0 2px 0;color:#000;
&:hover{.jz_h;
background:#404040;border:none;padding:0 3px 0;color:#fff;
}
}
}
.pn{
font-size: 14px;
height: 19px;
margin:25px;
padding:8px 14px;
position: relative;
.pn-left{.left;
width: 48%;
b{.left;
margin-top: 2px;
}
}
.pn-right{
width: 48%;
float: right;
text-align: right;
b{.right;
margin-top: 2px;
}
}
a{
display: block;
text-decoration: none;
color:#383737;
&:hover{
color:#f00;
}
b{}
span{bottom: 1px;margin: 0 10px; font-family: "微Y雅黑";.slh;display: block;}
}
}
/********留言面**********/
.order{margin:40px 0 120px 46px;line-height:40px;
img{vertical-align:-5px;cursor:pointer;}
}
/********新闻中心**********/
.table{
margin: 10px auto;
width: 98%;
tr{
td{
&:hover{}
}
}
}
/*带图片样?/
.news-img{
ul{
margin: 0;
li{
_width: 100px;
_float:left;
_margin: 0 9px;
.thumbnail{
img{
_float:left;
}
transition: all .3s;
-moz-transition: all .3s;
-webkit-transition: all .3s;
-o-transition: all .3s;
.caption{
_float: left;
h3{.slh;
text-align: left;
margin-bottom: 10px;
}
}
}
&:hover{
.thumbnail{
margin-left: 20px;
-webkit-box-shadow: 0 1px 10px rgba(0, 0, 0, 0.3);
-moz-box-shadow: 0 1px 10px rgba(0, 0, 0, 0.3);
box-shadow: 0 1px 10px rgba(0, 0, 0, 0.3);
}
}
}
}
}
/********人才招聘**********/
#Jobs-table{
width: 95%;
margin: 0 auto;
thead{
tr{
th{
}
}
}
tbody{
tr{
&:hover{
td{
background:transparent;
}
}
td{
&:hover{
background:transparent;
}
}
}
}
}
/********详情面-产品展示**********/
.cpzs{
ul{margin:10px auto;
li{}
}
.div_main{margin: 0 10px;}
.div_Image{text-align:center;
img{max-width:100%;}
}
.div_Title{text-align:center;margin: 10px;}
.div_Content{}
}
/********用户理**********/
.vip-user{
background: url('../image/login_bg_2.jpg');
}
.xxsmys {
width: 700px;
height: 30px;
line-height: 30px;
background-color: #ececec;
}
.xxsmwz {
width: 88px;
height: 30px;
color: #FFF;
text-align: center;
display: block;
background-color: #9a9a9a;
} ðƵ-¶ۺϹվ-Ʒaa߹ۿ-ձһػƺ˴ƬɫƵ