@back_wrap:none;/*网站主体背景*/
@back_body:none;/*大背景*/
/*--------------------------------------------------------全局开始---------------------------------------------------*/
body{background:@back_body;font-family: 'Microsoft YaHei,Arial';
p{font-family: 'Arial,Microsoft YaHei';}}
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:20px){line-height:@a;height:@a;}/*单行字体居中(默认20px)*/
.left{float:left;}
.main2{margin:0 auto;width:@b_w; margin-top:15px; }
.main3{margin:0 auto;width:@b_w;}
.main{margin:0 auto;width:@b_w;}
.off{display:none;} /*隐藏*/
.right{float:right;}
.trs(@a:0.3s){-webkit-transition: @a;-moz-transition: @a;-ms-transition: @a;-o-transition: @a;transition: @a;}
.trf(@a:scale(1.1)){-webkit-transform: @a;-moz-transform: @a;-ms-transform: @a;-o-transform: @a;transform: @a;}
.item{.trs(0.8s);}
.slh(){text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}/*单行超出部分省略号显示*/
.title{font-family: 'Microsoft YaHei';} /*所有.title样式内容使用微软雅黑*/
.wrap{margin:0 auto;background:@back_wrap;}
a:hover{text-decoration: none;}
/*搜索*/
#Sousuo{.right;
margin-top: -28px;
}
/********消除浮动*********/
.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;}
}
/*--------------------------------------------------------全局结束---------------------------------------------------*/
/********头部**********/
@ba_w1:960px; /*滚动图片宽度*/
@ba_h1:350px; /*滚动图片高度*/
/********全局**********/
@body_width:100%;/*网站宽度*/
@b_w:1200px; /*网站内容宽度*/
/*------头部 header--------*/
@tou_top_height:34px; /*头部上部高*/
@tou_center_height:140px; /*头部中部高*/
@back_header:#fff; /*header背景*/
@tou_big_background:none; /*大头部背景*/
@tou_top_background:none; /*头部上部背景*/
@tou_center_background:none; /*头部中部背景*/
@tou_top_color:#fff; /*头部上部字体颜色*/
@tou_logo_top:50px; /*头部LOGO top定位*/
@tou_logo_left:0; /*头部LOGO left定位*/
@tou_tel_top:60px; /*头部TEL top定位*/
@tou_tel_right:0; /*头部TEL right定位*/
@height_nav:61px; /*导航条高度*/
@nav_bg:#90b0d6; /*导航条背景*/
@nav_li_w:150px; /*选项卡宽度*/
@back_nav_li:none; /*导航隔离条*/
@nav_li_h:none; /*导航条hover背景*/
@nav_li_a_color:#fff; /*导航条字体颜色*/
@slider_h:550px; /*大轮播图的高*/
@sousuo_h:36px; /*搜索块的高*/
@sousuo_bg:#f4f4f4; /*搜索块的背景*/
@sousuo_fc:#000; /*搜索块的字体颜色*/
@chanpin_height:auto; /*产品模块的高度*/
@chanpin_l_width:216px; /*产品模块左边区域的宽度*/
@chanpin_l_bg:#f0f0f0; /*产品模块右边区域背景*/
@chanpin_l_top_height:40px; /*产品左边头部高度*/
@chanpin_l_top_bg:#909090; /*产品左边头部背景*/
@chanpin_l_middle_height:auto; /*产品左边中部高度*/
@chanpin_r_width:766px; /*产品模块右边区域的宽度*/
@chanpin_r_bg:#f0f0f0; /*产品模块左边区域背景*/
@chanpin_r_top_height:40px; /*产品右边头部高度*/
@chanpin_r_top_bg:#909090; /*产品右边头部背景*/
@chanpin_r_middle_height:auto; /*产品右边中部高度*/
@back_footer:#90b0d6; /*底部背景*/
@footer_fc:#fff; /*底部导航字体颜色*/
@footer_fb:#fff; /*底部信息字体颜色*/
@footerHead_h:102px; /*底部头部高度*/
@footerHead_bg:none; /*底部头部背景（长）*/
@footerHead_bg_s:none; /*底部头部背景（短：默认1002px;）*/
@footermiddle_p: 20px 0; /*底部中部内边距*/
@footermiddle_lh:40px; /*底部中部内行高*/
@pagecolor:#ff0000; /* 翻页字体颜色 */
@xiangq:#90b0d6; /* 详情h4背景颜色 */
.tou {max-width:@body_width;min-width:@b_w;background:@tou_big_background;margin:0 auto;}
.tou_top{max-width:@body_width;min-width:@b_w;background:@tou_top_background;color:@tou_top_color;margin:0 auto;font-family:"微软雅黑";font-size:12px;}
.tou-s {width:@b_w;height:@tou_top_height;background:none;margin:0 auto;}
.tou-sz {height:@tou_top_height;line-height:@tou_top_height;float:left;}
.tou-sy {height:@tou_top_height;line-height:@tou_top_height;float:right;text-align:right;}
.tou-sy a {color:@tou_top_color;text-decoration:none;}
.tou-sy a:hover {color:#ff0000;}
.tou-x {width:@b_w;height:@tou_center_height;background:@tou_center_background;margin:0 auto;position:relative;}
.tou a.logo_img{left:@tou_logo_left;top:@tou_logo_top;position:absolute;color: #5f73b8;}
.tou a.logo_img h4{font-size: 33px;line-height: 35px;margin-bottom: 7px;}
.tou a.logo_img p{font-size: 16px;line-height: 18px;margin-bottom: 0;text-transform: uppercase;letter-spacing: 4px;}
.tou a.top_logo{position: absolute;top: 42px;left: 470px;}
.tou a.logo_tel{right:@tou_tel_right;top:@tou_tel_top;position:absolute;background: url(../images/tel.jpg) left center no-repeat;padding-left: 60px;color: #5f76ba;font-size: 28px;font-weight: bold;line-height: 48px;}
.nav_main{max-width:@body_width;min-width:@b_w;background:@nav_bg;margin:0 auto;}
.header{
background:@back_header;
margin: 0 auto;
.nav{
background-position:0 0px;
background:@nav_bg;
height:@height_nav;
width: @b_w;
margin: 0 auto;
/*导航鼠标hover样式.lon*/
.lon{
a{
background-position:50% 0;
font-weight: 600;
background: @nav_li_h;
}
}
li{.left;
background:@back_nav_li;
height: @height_nav;
position:relative;
text-align: center;
width: @nav_li_w;
z-index: 1000;
a{
background:none;
background-position:50% -@height_nav;
color: @nav_li_a_color;
display:block;
font-family: "Microsoft YaHei";
font-size:18px;
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;
}
}
}
}
#banner{
background:none;
margin:0px auto;
max-width:@ba_w1;
padding: 0px;
height:@ba_h1;
_width: @ba_w1;
ul{
li{
a{.left;
width:@ba_w1;height:@ba_h1;
}
}
}
}
}
.tou-k {height:@slider_h;}/* 头部-大图框架样式 */
.tou-d {max-width:@body_width;min-width: @b_w;height:@sousuo_h;background:@sousuo_bg;margin:0 auto;} /* 头部-关键词+搜索 */
.tou-dd{width: @b_w;height: @sousuo_h;margin: 0 auto;}
.tou-dz {color:@sousuo_fc;height: @sousuo_h;line-height: @sousuo_h;float:left;font-family:"微软雅黑";font-size:12px;} /* 头部-左-关键词 */
.tou-dz a{color:@sousuo_fc;}
.tou-dz a:last-child span{display: none;}
.tou-dy {height:@sousuo_h;float:right;}/* 头部-右-关键词 */
.btn0{
float: right;
}
.btn1{
float: right;
}
input.anniu{
float:left;
width:180px;
height: 18px;
line-height: 18px;
margin-right:10px;
display: inline-block;
padding: 4px;
margin-bottom: 0;
font-size: 13px;
color: #555555;
border: 1px solid #cccccc;
border-radius: 3px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
}
#KinSlideshow {
position:relative;
ul{margin:0;padding:0;
li{.left;margin:0;padding:0;
a{.left;}
}
}
/*大图导航圆点样式*/
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;}
}
}
/*分页*/
#prev_next {width: 100%;padding: 10px 0px;border-top: 1px solid #f2f2f2;margin-top: 10px;}
#prev_next li {line-height: 36px;width: 48%;float: left;padding: 0 1%;}
#prev_next li a {color: #333;text-decoration: none;}
/********底部**********/
.footer{
background:@back_footer;
margin:0 auto;
max-width: @body_width;
min-width: @b_w;
.footer2{
margin:0 auto;
padding:24px 0;
text-align:center;
color: #fff;
font-size: 18px;
a{
color: #525252;
}
}
}
.footer_head{max-width:@body_width;min-width:@b_w;height:@footerHead_h;background:@footerHead_bg;margin:0 auto;color: @footer_fc;font-size: 18px;}
.footer_head_h{width:@b_w;height: @footerHead_h;background: @footerHead_bg_s;line-height:@footerHead_h;margin:0 auto;text-align:center;}
.footer_head_h a{color: @footer_fc;font-size: 18px;}
.footer_middle{width:@b_w;margin:0 auto;padding:@footermiddle_p;}
.footer_ewm{width: 166px;float: left;}
.footer_middle_b{width:260px;float: right;line-height:@footermiddle_lh;color: @footer_fb;font-size: 18px;}
.footer_middle_b a{color: @footer_fb;font-size: 18px;}
/********************************************************内页******************************************************************/
#Mleft{}
#Mright{float: right;margin:0 0px 0 auto;width:940px;}
.well{background: #FCFCFC;}
.list(){
ul{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%;
a{
}
span{.right;
}
}
}
}
/*详细页样式1*/
.info-1{
.block-1{margin: 0 10px;
.d-img{text-align:center;
img{max-width:100%;max-height: 500px;}
}
.title{
text-align:center;
margin: 10px;
background: none;
color: #383737;
height: auto;
border:0;
h2{
color: #666;
}
}
.adc{
padding: 0 15px;
p{
line-height: 40px;
font-family: '微软雅黑';
font-size: 18px;
margin-bottom: 0;
/*text-indent: 2em;*/
}
}
.con{
line-height: 30px;
font-family: '微软雅黑';
font-size: 14px;
margin-bottom: 0;
p{
margin-bottom: 0;
line-height: 30px;
font-family: '微软雅黑';
font-size: 14px;
text-indent: 2em;
}
}
}
}
/********公司简历**********/
.article{
margin-bottom: 20px;
min-height: 20px;
overflow:hidden;
padding: 0px 0 10px 0;
img{max-width:100%;} /* 这里是调整内页大小图片的，产品定位容易出错 */
.well{}
.title{.jz_h(50px);
background: #90b0d6;
color: #fff;
margin:0px auto 15px;
h4{.left;
font-size: 16px;
line-height:50px;
padding-left:15px;
span{.off}
}
span{margin-right: 18px;background: url(../images/home.png) left center no-repeat;padding-left: 24px;
a{
color:#fff;
}
}
}
.com_con{padding:10px;line-height: 25px;}
.content{margin: 25px;}
}
.page{clear: both;margin-top: 10px;text-align: center;font-size: 12px;letter-spacing: 0px; font-family:"微软雅黑";
#page_num{ width:50px; margin-top:6px; border-radius:0px; }
a{ display:inline-block; height:16px; line-height:16px; border:1px solid #ccc; padding:5px;color:#000; border-radius:0px; background:#fff; margin-right:4px;
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{.jz_h;
background:#f4f4f4;border:none; padding:5px 25px;color:#000; text-decoration:none; border:1px solid #ccc; height:16px; line-height:16px;
}
}
}
.btn2 { border:solid 1px #ccc; padding:5px; }
.btn3 { border:solid 1px #ccc; background:#f4f4f4; padding:5px 25px; margin-right:4px; height:18px; }
#page_num1 { width:50px; height:29px; line-height:18px; margin-top:4px; border:solid 1px #ccc; border-radius:0px; }
.pn{
font-size: 14px;
height: 40px;
margin-top:25px;
padding:8px 14px;
position: relative;
background: none;
border: 0;
border-top: 1px solid #ddd;
border-radius: 0;
.pn-left{.left;
width: 50%;margin-bottom: 5px;
b{.left;
margin-top: 2px;
}
}
.pn-right{
width: 50%;
float: right;
text-align: right;
b{.right;
margin-top: 2px;
}
}
a{
display: block;
text-decoration: none;
color:@pagecolor;
b{}
span{bottom: 1px;margin: 0 10px; font-family: "Microsoft YaHei";.slh;}
}
}
.fanhui{width: 15%;height: 24px;background: none;float: right;margin-top:-5px;
a{text-decoration: none;color:@pagecolor;line-height: 24px;text-align: center;}
}
/********留言页面**********/
.order{margin:40px 0 120px 46px;line-height:40px;
img{vertical-align:-5px;cursor:pointer;}
}
/********新闻中心**********/
.right_main{.list;
a { color:#000; text-decoration:none; font-family:"微软雅黑";
&:hover { color:#ff0000; }
}
}
.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_03 {
width: 100%;
margin: 0px auto;
padding: 0 0 120px;
background: none;
}
#jobs_03_mid {
width: 100%;
margin: 0 auto;
background: #fff;
}
#jobs_title {
padding: 0 3.33% 0;
background: #464650;
color: #fff;
font-size: 14px;
height: 54px;
line-height: 54px;
}
#jobs_03 .td1 {
width: 17.33%;
float: left;
}
#jobs_03 .td2 {
width: 17.33%;
float: left;
}
#jobs_03 .td3 {
width: 33.91%;
float: left;
}
#jobs_03 .td4 {
width: 17.41%;
float: left;
}
#jobs_03 .td5 {
width: 13.4%;
float: left;
}
#jobs_ul{
width: 100%;
}
#jobs_ul ul{
padding: 0 3.33% 73px;
}
#jobs_ul li {
width: 100%;
}
#jobs_ul li .jobs_title {
font-size: 14px;
line-height: 30px;
color: #777;
padding: 16px 0;
border-bottom: solid 1px #efefef;
}
#jobs_ul li .jobs_box {
padding: 20px 3.5% 36px;
background: #f5f5f5;
position: relative;
display:none;
}
#jobs_ul li .jobs_box i {
position: absolute;
left: 18px;
top: -12px;
width: 0;
height: 0;
border-width: 6px;
border-style: solid;
border-color: transparent transparent #f5f5f5;
}
#jobs_ul li .jobs_box .info1 {
border-bottom: 1px solid #e5e5e5;
padding-bottom: 22px;
}
#jobs_ul li .jobs_box .info1 p {
float: left;
font-size: 14px;
color: #333333;
line-height: 25px;
min-width: 24%;
margin: 5px 0px;
margin-right: 1%;
}
#jobs_ul li .jobs_box .info2 {
border-bottom: 1px solid #e5e5e5;
padding: 14px 0 22px;
}
#jobs_ul li .jobs_box .info2 .fl {
width: 100%;
}
#jobs_ul li .jobs_box .info2 .fl h3{
margin-bottom: 15px;
}
#jobs_ul li .jobs_box .info3 {
margin-top: 31px;
}
#jobs_ul li .jobs_box .info3 .apply_btn {
width: 151px;
height: 41px;
line-height: 41px;
background: #f91747;
font-size: 16px;
color: #ffffff;
float: left;
text-align: center;
}
#jobs_ul li .jobs_box .info3 .all {
float: right;
font-size: 14px;
color: #777777;
height: 41px;
line-height: 41px;
padding-left: 30px;
background: url(../images/all_ico.png) no-repeat 0 center;
}
/********产品展示**********/
/********购物车go**********/
#Gwc{
position: fixed;
right: 6px;
width: 200px;
bottom: 5px;
border: 1px solid #D6D3D3;
border-radius: 3px;
h3{
padding-left: 10px;
background: #CA0811;
a{
color:#FFFFFF;
&:hover{
color:#000;
}
}
}
.d-1{
li{.slh;
}
a{
}
}
}
#Order-form{
ul{
li{
display: inline-block;display: ~"inline\9";margin: 0 10px;
.btn{
padding: 0 5px;
}
}
}
}
/********购物车end**********/
/********用户管理**********/
.vip-user{
background: url('../image/login_bg_2.jpg');
}
#allmap .BMap_shadow img{
height: auto;
}
.picturea{float:left; width:293px;overflow:hidden;margin: 0 10px 20px 10px;height: 210px;position: relative;}
.picture1a a {
position: absolute;
top: 0;
left: 0;
height:210px;
width:100%;
line-height: 210px;
text-align:center;
vertical-align:middle;
background:#fff;
overflow:hidden;
display:table-cell;
/* position:relative; */
*display: block;
}
.picture2a {width:100%;transition: all .5s;height:40px; text-align:center; line-height:40px;position: absolute;bottom: 0;left: 0;background: rgba(95, 118, 188, 0.66);}
.picture2a a { color:#fff; text-decoration: none; font-family: '微软雅黑';font-size: 20px;font-weight: bold;}
.picture1a img{ vertical-align:middle; border:0;width: 100%;transition: all .5s;}
.picturea:hover{
img{transform: scale(1.05, 1.05);}
.picture2a{background: rgba(95, 118, 188, 1);}
.picture2a a{color: #fff;}
}
.picture{ float:left; width:293px;overflow:hidden;margin: 0 10px 20px 10px;}
.picture1{
height:184px;
width:100%;
text-align:center;
vertical-align:middle;
overflow:hidden;
display:table-cell;
background:#fff;
/* position:relative; */
*display: block;
}
.picture2{height:40px; text-align:center; line-height:40px; }
.picture2 a{font-size: 14px;}
.picture1 img{ vertical-align:middle; border:0;transition:all .5s;width: 100%;height: 100%;object-fit: cover;}
.picture1 img:hover{transform: scale(1.05, 1.05);}
.box { width:214px; height: 158px; }
.border_animation { border: 1px solid #eee; width: 214px; height: 158px; float: left; margin-right: 10px; position: relative; }
.border_animation .border_top { position: absolute; height: 1px; width: 0; font-size: 0; background: #666666; top: 0; left: 0; transition: all 0.5s ease-out; }
.border_animation .border_right { position: absolute; height: 0px; width: 1px; font-size: 0; background: #666666; bottom: 0; right: 0; transition: all 0.5s ease-out; }
.border_animation .border_bottom { position: absolute; height: 1px; width: 0px; font-size: 0; background: #666666; right: 0; bottom: 0; transition: all 0.5s ease-out; }
.border_animation .border_left { position: absolute; height: 0px; width: 1px; font-size: 0; background: #666666; left: 0; top: 0; transition: all 0.5s ease-out; }
.eva-switchable-panels img { display: block; }
.box .hover .border_top,.box .hover .border_bottom { width: 214px}
.box .hover .border_left,.box .hover .border_right { height: 158px}
#full-screen-slider { width:100%; height:@slider_h; float:left; position:relative; z-index:10; }
#slides { display:block; width:100%; height:@slider_h; list-style:none; padding:0; margin:0; position:relative}
#slides li { display:block; width:100%; height:100%; 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:360px; z-index:9900; padding:5px 15px 5px 0; margin:0}
#pagination li { display:block; list-style:none; width:10px; height:10px; float:left; margin-left:15px; border-radius:5px; background:#FFF }
#pagination li a { display:block; width:100%; height:100%; padding:0; margin:0; text-indent:-9999px;}
#pagination li.current { background:#0092CE; }
/* 首页留言 */
.nw-yk {
float:left;
width:640px;
margin-left: 110px;
/* 新闻资讯、常见问题、在线留言-右-下框 */
}
.nw-yk-k {
float:left;
width:297px;
height:41px;
padding:0px;
line-height:41px;
font-family:'微软雅黑';
font-size:16px;
border: 1px solid #c7c7c7;
background: #f1f1f1;
border-radius: 0;
box-shadow: none;
margin-right: 13px;
text-indent: 14px;
}
.nw-yk-k1 {
float:left;
width:609px;
height:41px;
padding:0px;
line-height:41px;
font-family:'微软雅黑';
font-size:16px;
border: 1px solid #c7c7c7;
background: #f1f1f1;
border-radius: 0;
box-shadow: none;
text-indent: 14px;
}
.nw-yk-k2 {
float:left;
width:175px;
height:41px;
padding:0px;
line-height:41px;
font-family:'微软雅黑';
font-size:16px;
border: 1px solid #c7c7c7;
background: #f1f1f1;
border-radius: 0;
box-shadow: none;
margin-right: 13px;
text-indent: 14px;
}
.nw-yk-azm {
float:left;
padding-top:10px;
margin-right:10px;
}
input.sub{
width: 238px;
height: 43px;
background: #5f76bc;
text-align: center;
color: #fff;
font-size: 18px;
letter-spacing: 10px;
border-radius: 0;
border: none;
box-shadow: none;
float: right;
margin-right: 30px;
}
/*-------内页左分类--------*/
.zuob {
float:left;
width:240px;
/* 内页左分类-左样式 */
}
.zuobt {
float:left;
width:225px;
height:50px;
background:#90b0d6;
line-height:50px;
font-family:"微软雅黑";
font-size:18px;
color:#fff;
text-align: center;
padding-left:15px;
/* 内页左分类-左-头部 */
}
.zuobk {
float:left;
width:218px;
border: 1px solid #90b0d6;
padding: 10px;
margin-bottom:15px;
/* 内页左分类-左-下框 */
}
.zuobk-klie a {
float:left;
width:218px;
height:40px;
background:#5f76bc;
line-height:40px;
font-family:"微软雅黑";
font-size:14px;
color:#fff;
text-align: center;
margin-bottom: 5px;
/* 内页左分类-左-分类样式 */
}
.zuobk-klie a:hover {
background:#dd607e;
color:#fff;
text-decoration:none;
/* 内页左分类-左-分类样式 */
}
.currentmenu{
background:#dd607e !important;
color:#fff !important;
}
.zuob1t {
float:left;
width:225px;
height:50px;
background:#90b0d6;
line-height:50px;
font-family:"微软雅黑";
font-size:18px;
color:#fff;
text-align: center;
padding-left:15px;
/* 内页左分类-左-头部 */
}
.zuob1k {
float:left;
width:218px;
border: 1px solid #90b0d6;
padding: 10px;
margin-bottom:15px;
line-height:30px;
font-family:"微软雅黑";
font-size:14px;
color:#000;
/* 内页左分类-左-下框 */
}
.zuob1k a {
color:#000;
text-decoration:none;
}
.zuob1k a:hover {
color:#ff0000;
}
/*-------内页左分类--------*/
.neiye {
width:100%;
height:395px;
margin-bottom:15px;
}
.neiye-z {
float:left;
width:50%;
height:395px;
margin-right:15px;
}
.neiye-zimg {
width:500px;
height:373px;
text-align:center;
vertical-align:middle;
background:#fff;
overflow:hidden;
display:table-cell;
/* position:relative; */
*display: block;
border:solid 1px #ccc;
padding:10px;
}
.neiye-zimg img{
vertical-align:middle;
border:0;
}
.neiye-y {
float:left;
width:47%;
height:381px;
padding-top:14px;
}
.neiye-yt {
width:auto;
height:56px;
border-bottom:dashed 1px #ccc;
line-height:56px;
font-family:"΢ÈíÑźÚ";
font-size:18px;
color:#000;
overflow:hidden;
}
.neiye-yk {
width:auto;
height:200px;
padding-top:15px;
line-height:46px;
font-family:"΢ÈíÑźÚ";
font-size:14px;
color:#000;
}
.neiye-yd {
width:auto;
height:70px;
}
.neiye-yx {
width:auto;
height:40px;
}
.neiyex {
float:left;
width:@b_w ;
}
.xiangq{
height: 40px;
width: 100%;
background: #eeeef2;
}
.xiangq h4{
width: 20%;
background: @xiangq;
color: #fff;
font-size: 16px;
text-align: center;
line-height: 40px;
}
/* 新闻内页 */
.right_main{
width:100%;
}
.right_main ul{
width: 100%;
}
.right_main ul li {
width: 93%;
height: 186px;
border: solid 1px #e2e2e2;
position: relative;
margin-bottom: 20px;
background: none;
}
.right_main ul li .news_pic {
width: 25%;
height: 166px;
position: absolute;
left: 10px;
top: 10px;
text-align: center;
overflow: hidden;
}
.right_main ul li .news_pic .imgB {
height: 100%;
width: 100%;
object-fit: cover;
vertical-align: middle;
top: 0;
left: 0;
position: relative;
opacity: 1;
}
.right_main ul li .news_pic .imgT {
width: 100%;
height: 100%;
object-fit: cover;
top: 0;
left: 0;
position: absolute;
-webkit-transform: scale(5);
-moz-transform: scale(5);
-ms-transform: scale(5);
-o-transform: scale(5);
transform: scale(5);
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
opacity: 0;
}
.right_main ul li:hover .news_pic .imgT {
opacity: 0.8;
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
}
.right_main ul li:hover .news_btn a{
background: #eaa541;
}
.right_main ul li .news_pic span {
height: 100%;
width: 0;
overflow: hidden;
display: inline-block;
vertical-align: middle;
}
.right_main ul li .news_capital {
width: 68%;
height: 53px;
line-height: 53px;
border-bottom: solid 1px #e2e2e2;
position: absolute;
font-size: 15px;
color: #414141;
right: 28px;
top: 10px;
}
.right_main ul li .news_capital h4{
width: 90%;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
line-height: 53px;
}
.right_main ul li .news_capital span {
display: block;
min-width: 25px;
padding-left: 25px;
height: 53px;
line-height: 53px;
background: url(../images/news_time.png) left center no-repeat;
color: #414141;
font-size: 15px;
position: absolute;
right: 0px;
top: 0px;
}
.right_main ul li .news_detail {
width: 68%;
position: absolute;
right: 28px;
top: 78px;
line-height: 26px;
color: #606060;
font-size: 13px;
height: 78px;
overflow: hidden;
}
.right_main ul li .news_btn {
width: 101px;
height: 32px;
line-height: 32px;
text-align: center;
position: absolute;
right: 28px;
bottom: 10px;
}
.right_main ul li .news_btn a {
display: block;
background: #a8a8a8;
color: #fff;
font-size: 12px;
transition: all 0.5s;
}
.neiye1-news {
width:100%;
margin-bottom:15px;
}
.neiye1-nlie { width:100%; height:109px; padding: 6px 0;background: #fff;margin-bottom: 10px;border-bottom: 1px solid #dedede;
.neiye1-nimg {float: right; width:10%; height:109px;padding: 0 16px;text-align: right; background: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; border-left: 1px solid #dedede;
.neiye1-nimg-t {
display: inline-block;
width: 70%;
border-bottom: 1px solid #bdbdbd;
color: #bdbdbd;
font-family: 'Arial';
line-height: 30px;
font-size: 20px;
margin-top: 15px;
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;
}
.neiye1-nimg-t1 { display: inline-block;
color: #90b0d6;
font-family: 'Arial';
line-height: 38px;
font-size: 25px;
margin-top: 10px;
width:100%;
font-weight: bold;
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;
}
}
.neiye1-nt{
float: left;
width: 82%;
padding-left: 3%;
h4{color: #444;
font-family: 'SimSun';
font-weight: bold;
font-size: 13px;
line-height: 30px;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
width: 90%;
margin-top: 5px;
}
p{
color: #777;
font-family: 'SimSun';
font-size: 13px;
line-height: 30px;
height: 60px;
overflow: hidden;
width: 100%;
margin-top: 2px;
}
}
}
.neiye1-nlie a{
display: block;
width: 100%;
}
.neiye1-nlie:hover{
background: #f3f3f3;
}
.neiye1-nlie:hover .neiye1-nt h4{
color: #90b0d6;
}
.neiye1-nlie:hover .neiye1-nimg .neiye1-nimg-t1{
color: #5f76bc;
}
.neiye1-nlie:hover .neiye1-nimg .neiye1-nimg-t{
color: #010101;
}
/* 首页产品 */
.main_h{
max-width: @body_width;
min-width: @b_w;
margin: 0 auto;
}
.chanpin{
width: @b_w;
margin: 60px auto 90px;
}
.chanpin_middle{
height: @chanpin_r_middle_height;
overflow: hidden;
}
.chanpin_middle ul li{
float: left;
width: 386px;
height: 282px;
margin: 0 7px 14px 7px;
position: relative;
}
.chanpin_middle ul li .chanpin_img{
display: block;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
text-align: center;
overflow: hidden;
}
.chanpin_middle ul li img{
width: 100%;
height: 100%;
object-fit: cover;
transition: all .5s;
}
.chanpin_middle ul li .chanpin_title{
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 52px;
line-height: 52px;
text-align: center;
background: rgba(95,118,188,0.66);
transition: all .5s;
}
.chanpin_title a{
font-size: 24px;
color: #fff;
font-weight: bold;
}
.chanpin_middle ul li:hover{
img{transform: scale(1.05, 1.05);}
.chanpin_title{background: #5f76bc;}
}
/* 公共顶部 */
.common{
width: @b_w;
margin: 0 auto 30px;
text-align: center;
height: 54px;
position: relative;
}
.common h4{
position: absolute;
top: 0;
left: 0;
width: 100%;
color: #5e75bb;
font-size: 36px;
line-height: 38px;
z-index: 2;
}
.common p{
position: absolute;
bottom: 0;
left: 0;
width: 100%;
color: #c9d0ea;
font-size: 36px;
line-height: 38px;
text-transform: uppercase;
margin-bottom: 0;
z-index: 1;
}
/* 首页关于我们 */
.gsjj{
max-width: @body_width;
min-width: @b_w;
margin: 0 auto;
background: #90b0d6;
}
.gsjj_body{
width: @b_w;
margin: 0 auto;
padding: 60px 0 70px 0;
}
.gsjj_body_l{
float: left;
width: 553px;
height: 341px;
border: 5px solid #ffffff;
}
.gsjj_body_l img{
width: 100%;
height: 100%;
object-fit: cover;
}
.gsjj_body_r{
float: right;
width: 606px;
}
.gsjj_name{
float: left;
color: #fff;
}
.gsjj_name h4{
font-size: 36px;
line-height: 38px;
margin-bottom: 10px;
}
.gsjj_name p{
font-size: 18px;
line-height: 20px;
text-transform: uppercase;
margin-bottom: 0;
}
.gsjj_more{
float: right;
width: 54px;
height: 54px;
margin-top: 10px;
background: url(../images/gsjj_more.png) center center no-repeat;
}
.gsjj_content{
color: #fff;
font-size: 18px;
line-height: 36px;
margin-top: 20px;
}
.gsjj_body2{
width: @b_w;
margin: 50px auto 0;
height: 212px;
overflow: hidden;
}
.gsjj_body2 li{
float: left;
width: 290px;
height: 212px;
margin: 0 5px;
}
.gsjj_body2 li img{
width: 100%;
height: 100%;
object-fit: cover;
}
/* 培训课程 */
.kecheng{
width: @b_w;
margin: 70px auto 0;
}
.kecheng li{
width: 290px;
height: 184px;
float: left;
margin: 0 5px;
overflow: hidden;
}
.kecheng li img{
width: 100%;
height: 100%;
object-fit: cover;
transition: all .5s;
}
.kecheng li:hover img{transform: scale(1.05, 1.05);}
/* 首页新闻 */
.xwzx_body{
width: @b_w;
margin: 80px auto;
}
.xwzx_body1{
width: 493px;
float: left;
}
.xwzx_t_l{
width: 100%;
height: 263px;
margin-bottom: 24px;
}
.xwzx_t_r_title{
color: #3c3c3d;
font-size: 20px;
line-height: 22px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
margin-bottom: 22px;
}
.xwzx_t_r_content{
color: #949494;
font-size: 18px;
line-height: 30px;
}
.xwzx_t_r_more{
display: block;
width: 144px;
height: 36px;
line-height: 36px;
text-align: center;
color: #fff;
font-size: 18px;
background: #5f76bc;
border: 1px solid #5f76bc;
transition: all .5s;
margin-top: 40px;
}
.xwzx_t_r_more:hover{
background: none;
color: #5f76bc;
}
.xwzx_list{
width: 668px;
float: right;
}
.xwzx_list li{
border-bottom: 1px dashed #dedede;
}
.xwzx_list li a{
display: block;
height: 60px;
font-size: 18px;
}
.xwzx_list li a .xwzx_list_title{
float: left;
height: 60px;
line-height: 60px;
color: #5f5f5f;
text-indent: 5px;
transition: all .5s;
}
.xwzx_list li a .xwzx_list_time{
float: right;
height: 60px;
line-height: 60px;
color: #cdcdcd;
}
.xwzx_list li:hover .xwzx_list_title{
color: #5f76bc;
text-indent: 10px;
}
/* 常见问题 */
.question_body{
padding-top: 12px;
padding-bottom: 30px;
}
.question_body li{
height: 80px;
padding-top: 20px;
}
.question_body li a{
display: block;
}
.question_body li a h4{
height: 21px;
line-height: 21px;
font-size: 14px;
font-family: '微软雅黑';
color: #060202;
font-weight: bold;
width: 215px;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
padding-left: 34px;
background: url(../images/q.jpg) 0 0 no-repeat;
}
.question_body li a p{
margin-top: 10px;
height: 40px;
line-height: 19px;
overflow: hidden;
color: #666;
font-size: 12px;
font-family: 'SimSun';
padding-left: 34px;
background: url(../images/a.jpg) 0 0 no-repeat;
}
/* 首页证书 */
.zhengshu_body{
position: relative;
padding: 15px 0;
}
.zhengshu_list{
margin: 0 auto;
}
.zhengshu_list a{
float: left;
margin: 0 auto;
width: 128px;
height: 168px;
background: red;
padding: 15px 20px;
border: 1px solid #000;
}
.zhengshu_list a img{width: 100%;}
.zs_btn{
position: absolute;
width: 20px;
height: 20px;
top: 80px;
}
.zs_left_btn{
background: blue;
left: 0;
}
.zs_right_btn{
background: blue;
right: 0;
}
/* 首页滚动 */
.lunbo{
margin: 0 auto;
width:980px;
overflow: hidden;
}
.lunbo ul{
}
.lunbo li{
float: left;
width: 230px;
height: 200px;
margin-right: 10px;
}
.lunbo li .lb_img{
display: block;
}
.lunbo li .lb_img img{
width: 100%;
}
.lb_img_title{
height: 50px;
line-height: 50px;
text-align: center;
}
.lb_img_title a{
font-size: 12px;
color: #fff;
font-family: 'SimSun';
}
/* flash轮播图 */
.flexslider {
margin: 0px auto;
position: relative;
max-width: @body_width;
min-width: @b_w;
height: @slider_h;
overflow: hidden;
zoom: 1;
}
.flexslider .slides li {
width: 100%;
height: 100%;
}
.flex-direction-nav a {
width: 70px;
height: 70px;
line-height: 99em;
overflow: hidden;
margin: -35px 0 0;
display: block;
background: url(../images/ad_ctr.png) no-repeat;
position: absolute;
top: 50%;
z-index: 10;
cursor: pointer;
opacity: 0;
filter: alpha(opacity=0);
-webkit-transition: all .3s ease;
border-radius: 35px;
}
.flex-direction-nav .flex-next {
background-position: 0 -70px;
right: 0;
}
.flex-direction-nav .flex-prev {
left: 0;
}
.flexslider:hover .flex-next {
opacity: 0.8;
filter: alpha(opacity=25);
}
.flexslider:hover .flex-prev {
opacity: 0.8;
filter: alpha(opacity=25);
}
.flexslider:hover .flex-next:hover,
.flexslider:hover .flex-prev:hover {
opacity: 1;
filter: alpha(opacity=50);
}
.flex-control-nav {
width: 100%;
position: absolute;
bottom: 10px;
text-align: center;
}
.flex-control-nav li {
margin: 0 2px;
display: inline-block;
zoom: 1;
*display: inline;
}
.flex-control-paging li a {
background: url(../images/dot.png) no-repeat 0 -16px;
display: block;
height: 16px;
overflow: hidden;
text-indent: -99em;
width: 16px;
cursor: pointer;
}
.flex-control-paging li a.flex-active,
.flex-control-paging li.active a {
background-position: 0 0;
}
.flexslider .slides a {
max-width: @body_width;
min-width: @b_w;
height: @slider_h;
display: block;
}
/* 168飞艇开奖直播现场 */
.contactny{width:96%;padding: 2%;float: left;
.cnyleft{width: 60%;float: left;
h4{width: 100%;height: 50px;border-bottom: 1px solid #ddd;line-height: 50px;font-size: 16px;
img{width: 25px;margin-right: 10px;}
}
li{width: 100%;height: 50px;line-height: 50px;font-size: 16px;
img{width: 25px;margin-right: 10px;}
}
.cnyewm{width: 100%;
img{width: 30%;margin: 2.5%;float: left;}
}
}
.cnyright{width: 38%;float: right;}
}
/* 在线留言 */
.contact_my{
margin: 0 auto;
height: 70px;
padding: 15px 15px 10px 17px;
}
.contact_l{
width: 50%;
height: 70px;
}
.contact_pic{
height: 80px;
width: 65px;
padding-top: 15px;
}
.contact_con{
width: 262px;
height: 65px;
padding-left: 20px;
border-left: 1px solid #dedede;
line-height: 24px;
color: #666;
}
.contact_con p{
height: 24px;
line-height: 24px;
color: #666;
margin: 0;
}
.contact_con .clearfix li{
float: left;
height: 36px;
margin-right: 36px;
line-height: 36px;
}
.ly { float:left; width:100%; margin-top:15px; background:url('../images/ly.jpg') no-repeat; background-size:100%; padding-top:180px; }
.ly-k { float:left; width:93%; border:solid 1px #f4f4f4; padding:15px; margin-left: 2%;}
.ly-k-k { float:left; width:98%; height:32px; line-height:32px; font-family:"微软雅黑"; font-size:14px; padding:0px 0px 0px 10px; border-radius:0px; border:dashed 1px #ccc; box-shadow:none; background:#fff; 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; }
.ly-k-k:hover { background:#f4f4f4; }
.ly-k-k1 { float:left; width:98%; height:96px; line-height:32px; font-family:"微软雅黑"; font-size:14px; padding:0px 0px 0px 10px; border-radius:0px; border:dashed 1px #ccc; box-shadow: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; }
.ly-k-k1:hover { background:#f4f4f4; }
.ly-k-k2 { float:left; width:15%; height:32px; line-height:32px; font-family:"微软雅黑"; font-size:14px; padding:0px 0px 0px 10px; border-radius:0px; border:dashed 1px #ccc; box-shadow:none; margin-right:15px; 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; }
.ly-k-k2:hover { background:#f4f4f4; }
.lxwm { width:100%; margin-top:15px; background:url('../images/lxwm.jpg') no-repeat; background-size:100%; padding-top:200px; }
.lxwm-z { float:left; width:65%; height:400px; }
.lxwm-y { float:right; width:30%; height:368px; line-height:32px; font-family:"微软雅黑"; font-size:14px; border:dashed 1px #ccc; padding:15px; }
.lxwm-y a { color:#000; text-decoration:none; }
.lxwm-y a:hover { color:#ff0000; }
/* 推荐产品 */
.neiye1-tle {
width: 875px;
height: 38px;
background:#90b0d6;
line-height: 38px;
font-family: "微软雅黑";
font-size: 18px;
padding-left: 15px;
margin-top: 15px;
color: #fff;
}
.neiye1-img {
width: 890px;
height: 202px;
margin-top: 15px;
}
.neiye1-img ul .pictureb {
float: left;
width: 180px;
height: 202px;
overflow: hidden;
padding: 0px;
width: 180px;
margin-right: 20px;
}
.neiye1-img ul .picture1b{
width: 170px;
height: 152px;
text-align: center;
line-height: 152px;
padding: 5px;
background:#f2f2f2;
overflow: hidden;
}
.neiye1-img ul .picture1b img{
width: 100%;
height: 100%;
object-fit: cover;
}
.neiye1-img ul .picture2b {
width: 162px;
height: 40px;
text-align: center;
line-height: 40px;
font-size: 14px;
}
.neiye1-img ul .picture2b a{
color: #010101;
text-decoration: none;
font-family: '微软雅黑';
}
.neiye1-img ul .pictureb:hover .picture1b{
background: #90b0d6;
}
/*悬浮链接*/
.right_nav{ right:0; bottom:170px; position:fixed; text-align:left;overflow: hidden;z-index:999;}
.right_nav li{background:#414141;margin:4px 0;padding: 10px;border-top-left-radius: 4px;border-bottom-left-radius: 4px;cursor:pointer;position:relative; right: -70px;}
.right_nav li .iconBox{text-align: center;overflow: hidden;display: flex;align-items: center;justify-content: space-between}
.right_nav li img{width: 30px;height:30px;}
.right_nav li h4{color: #fff;font-size:14px;margin:2px 0;margin-left: 15px;}
.right_nav li:hover{background:#90b0d6;}
.right_nav li .hideBox{display: none;position: absolute;right:120px;padding:10px;padding-right: 15px; top:-10px;z-index: 999;width: 200px;}
.right_nav li .hideBox .hb{border: 1px solid #ccc;background-color: #fff; padding: 10px 20px;border-top: 2px solid #0085cd;border-bottom-left-radius: 4px;border-bottom-right-radius: 4px;}
.right_nav li .hideBox .hb h5{padding: 5px 0;border-bottom: 2px solid #ccc;color: #0085cd;font-size: 16px;font-weight: 400;display: block;white-space: nowrap;}
.right_nav li .hideBox .hb p {margin-top: 5px;font-size: 18px;font-weight: 700;}
.right_nav li:nth-child(2) .hideBox img{width:160px;height: 160px;margin-top: 10px;}
/*订购详情*/
.go_order {
padding: 8px 25px;
color: #fff;
font-size: 16px;
border-radius: 5px;
background: #007ec7;
border: none;
margin-top: 50px;
outline: none;
}
.order-content{
padding: 20px 30px;
background: #fff;
}
.order-content .order-line{
color: #333;
height: 30px;
line-height: 30px;
margin-bottom: 12px;
font-size: 14px;
}
.order-content .order-line:after{
display: block;
content: '';
clear: both;
height: 0;
width: 0;
}
.order-content .order-line lable{
width: 70px;
margin-right: 5px;
display: inline-block;
float: left;
text-align: right;
}
.order-content .order-line .order-zhi{
float: left;
padding: 10px;
height: auto;
border-radius: 0;
box-shadow: none;
line-height: 30px;
padding: 0px 10px;
max-width: 380px;
border: 1px solid #d2d2d2;
}
.order-content .order-line .order-zhi.noborder{
border:none;
}
.order-content .order-line .order-zhi.overword{
height: 30px;
overflow: hidden;
text-overflow:ellipsis;
white-space: nowrap;
}
.order-line.bz-line{
height: auto;
}
.order-content .order-line .beizhu{
padding: 10px;
float: left;
border: 1px solid #d2d2d2;
}
.order-content .order-line .dwid{
width: 375px;
}
.order-content .order-line img{
display: inline-block;
float: left;
margin-left:15px;
}
.order-content .go-sub{
margin-left:70px;
border: none;
color: #fff;
background: #007ec7;
font-size: 14px;
padding: 8px 28px;
margin-top:8px;
border-radius: 5px;
outline: none;
}
.order-content .go-sub:hover
{
background: #FE4200;
}