/********全局**********/ @back_wrap:none;/*|站M背景*/ @back_body:#fff;/*大背?/ @body_width:100%;/*|站宽度*/ @content_w:1200px; /*|站内容宽度*/ @back_header:#fff;/*header背景*/ @header_bg:none;/*header头部背景*/ @qf_header_top_h:37px;/*剙高度*/ /*--------------------------------------------------------全局开?--------------------------------------------------*/ body{background:@back_body;font-family: 'Microsoft YaHei,Arial';font-size: 14px;min-width: @content_w; p{font-family: 'Arial,Microsoft YaHei';font-size: 14px;}} 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{width:@content_w; margin:15px 0;background: #fff;z-index: 1;position: relative;} .main5{width:@content_w; margin:-60px 0 15px 0;background: #fff;z-index: 1;position: relative;} .main3{margin:0 auto;width:@content_w;} .main{margin:0 auto;width:@content_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;} .bgcover{ background-repeat: no-repeat; background-position: center center; background-size: cover; } .boxsizing{ box-sizing:border-box; -moz-box-sizing:border-box; /* Firefox */ -webkit-box-sizing:border-box; /* Safari */ } .center{text-align: center;} .item{.trs(0.8s);} .slh(){text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}/*单行出部分省略hC?/ .slh{text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}/*单行出部分省略hC?/ .title{font-family: 'Microsoft YaHei';} /*所?title样式内容使用微Y雅黑*/ .wrap{margin:0 auto;background:@back_wrap;} .home_wrap{margin:0 auto;width: @content_w;} 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;} } /* 字体font icon */ @font-face {font-family: "iconfont"; src: url('../font_icon/iconfont.eot'); /* IE9*/ src: url('../font_icon/iconfont.eot#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../font_icon/iconfont.woff') format('woff'), /* chrome, firefox */ url('../font_icon/iconfont.ttf') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/ url('../font_icon/iconfont.svg#iconfont') format('svg'); /* iOS 4.1- */ } .iconfont { font-family:"iconfont" !important; font-size:16px; font-style:normal; -webkit-font-smoothing: antialiased; -webkit-text-stroke-width: 0.2px; -moz-osx-font-smoothing: grayscale; } /*--------------------------------------------------------全局l束---------------------------------------------------*/ /* header样式start */ .qf_header {width:@body_width;background:@header_bg;margin:0 auto;} .qf_header_top{width:@body_width;color:#494949;background:#f5f5f5;} .qf_header_top_mid {width:@content_w;height:@qf_header_top_h;margin:0 auto;} .qf_header_top_left {height:@qf_header_top_h;line-height:@qf_header_top_h;float:left;} .qf_header_top_right {height:@qf_header_top_h;float:right;} .qf_header_top_right a{color:#494949;display: inline-block;height: @qf_header_top_h;line-height: @qf_header_top_h;} .qf_header_top_right a:hover{color: #ff0000;} .qf_header_logo {width:@content_w;height:125px;background:none;margin:0 auto;position:relative;} .qf_header a.logo_img{margin-top: 39px;float: left;} .qf_header .logo_tel{float: right;margin-top: 24px; } .qf_header .logo_tel .icon{font-size: 45px;color: #ff0000;line-height: 69px;} .qf_header .tel_icon{float: left;padding-right:15px;} .qf_header .tel_mobile{float: left;font-size: 16px;line-height: 29px;color: #1d1d1d;} .qf_header .tel_mobile font{color: #1d1d1d;font-size: 30px;display: block;font-weight: bold;} /* header样式end */ /* menu样式start */ @height_nav:55px; /*D条高?/ @nav_bg:#169c57;/*D条背?/ @nav_li_w:150px; /*选项卡宽?/ @back_nav_li:url(../images/nav_lan.png) no-repeat right center; /*D隔离?/ @nav_li_h:url(../images/nav_hover.png) no-repeat center center; /*D条hover背景*/ @nav_li_a_color:#fff; /*D条字体颜?/ .nav_main{min-width:@content_w;max-width:@body_width;background:@nav_bg;margin:0 auto;} #Contact{background: none;} .header{ background:@back_header; margin: 0 auto; .nav{ background-position:0 0px; background:@nav_bg; height:@height_nav; width: @content_w; margin: 0 auto; border-radius: 5px; /*D鼠标hover样式.lon*/ .lon{ a{ background-position:50% 0; background: @nav_li_h; color: #000; } } li{.left; background:@back_nav_li; height: @height_nav; position:relative; text-align: center; width: @nav_li_w; z-index: 1000; a{ background:none; color: @nav_li_a_color; display:block; font-family: "Microsoft YaHei"; font-size:16px; background-position:20% 50%; 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; } } } } } /* menu样式end */ /* banner大图样式start */ @banner_w:100%; /*滚动囄宽度*/ @banner_h:565px; /*滚动囄高度*/ /* flash轮播?*/ .flexslider { margin: 0px auto; position: relative; max-width: @banner_w; min-width: 1200px; height: @banner_h; overflow: hidden; zoom: 1; } .flexslider .slides li { width: 100%; height: 100%; } .flex-direction-nav a { width: 60px; height: 90px; margin: -60px 0 0; line-height: 99em; overflow: hidden; display: block; background: url(../images/ad_ctr.png) no-repeat 0 0; position: absolute; top: 50%; z-index: 10; cursor: pointer; opacity: 0; -webkit-transition: all .3s ease; } .flex-direction-nav .flex-next { background-position: 0 -90px; right: 0; } .flex-direction-nav .flex-prev { left: 0; } .flexslider:hover .flex-next { opacity: 0.4; filter: alpha(opacity=25); } .flexslider:hover .flex-prev { opacity: 0.4; filter: alpha(opacity=25); } .flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover { opacity: 0.6; 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: @banner_w; min-width: 1200px; height: @banner_h; display: block; } /* banner大图样式end */ /* 搜烦样式start */ @sousuo_h:50px; /*搜烦块的?/ @sousuo_bg:#f5f5f5; /*搜烦块的背景*/ @sousuo_fc:#484848; /*搜烦块的字体颜色*/ .qf_search {max-width:@body_width;min-width: @content_w;height:@sousuo_h;background:@sousuo_bg;margin:0 auto;} /* 头部-关键?搜烦 */ .qf_search form{margin: 0;background: #fff;height: 33px;line-height: 33px;} .qf_search_mid{width: @content_w;height: @sousuo_h;margin: 0 auto;} .qf_search_left {color:@sousuo_fc;height: @sousuo_h;line-height: @sousuo_h;float:left;} /* 头部-?关键? */ .qf_search_left strong{} .qf_search_left a{color:@sousuo_fc;padding-right: 5px;} .qf_search_left a:hover{color: red;} .qf_search_right {float:right;margin-top: 10px;}/* 头部-?关键? */ .search{margin-top: 6px;height: 31px;clear: right;} input.search-text{background: #fff;border: none;height: 31px;width: 182px;margin: 0;vertical-align: top; padding:0 10px;border:0;box-shadow: none;} input.search-btn{float: right;display: block;width: 40px; height: 31px; line-height: 31px; background:url(../images/ss.png) no-repeat center center #169c57;color: #fff;border:0;box-shadow: none;border-radius: 0} /* 搜烦样式end */ /********头部**********/ #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;} } } /********底部**********/ .footer{ background:#169c56; margin:0 auto; width:100%; } .qf_footer{width:@content_w;margin: 0 auto;} .footer_head{height:65px;color: #fff;font-size: 16px;border-bottom: 1px solid #42af77;width: 100%;} .footer_head_h{line-height:65px;margin:0 auto;text-align:center;width: 1200px;} .footer_head_h a{color: #fff;padding: 0 33px;} .footer_middle{line-height:40px;text-align: center;color: #fff;font-size: 16px;padding: 20px 0;} .footer_middle a{color: #fff;} /********************************************************内页******************************************************************/ #Mleft{} #Mright{float: right;margin:0 0px 0 auto;width:920px;padding:0 8px;background: #fff;box-shadow: 0 1px 8px #ccc;} .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; } } } } /*详细|?*/ .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; font-size: 18px; } } .adc{ padding: 0px; p{ line-height: 30px; font-family: '微Y雅黑'; font-size: 14px; margin-bottom: 0; /* text-indent: 2em; */ } } .con{ line-height: 30px; font-family: '微Y雅黑'; font-size: 14px; margin-bottom: 0; p{ margin-bottom: 0; line-height: 30px; font-family: '微Y雅黑'; font-size: 14px;/* text-indent: 2em; */ img{max-width: 100%;} } } } } /********公司?*********/ .article{ margin-bottom: 20px; min-height: 20px; overflow:hidden; padding: 0px 0 10px 0; /* img{max-width:100%;} */ /* q里是调整内大图片的Q品定位容易出?*/ .well{} .title{.jz_h(60px); border-bottom: 1px solid #e3e3e3; color: #333; margin:0px auto 15px; h4{.left; font-size: 18px; line-height:60px; padding-left:15px; font-weight: 100; background: url(../images/ll.png) no-repeat left center; span{.off} } span{margin-right: 18px; a{ color:#333; } } } .com_con{padding:10px;line-height: 25px;} .content{margin: 20px 0;img{max-width:100%;}} } .page{clear: both;margin-top: 10px;text-align: center;font-size: 12px;letter-spacing: 0px; font-family:"微Y雅黑"; #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; } .nei-q {width:auto;border-top:solid 1px #f4f4f4;margin-top: 25px;padding: 15px 0;border-bottom:solid 1px #f4f4f4;} .nei-qz {} .nei-qz a {display: block;height:36px; line-height:36px; font-family:"微Y雅黑";color:#666; text-decoration:none; } .nei-qz a:hover { color:#333; background:#eee; } .nei-qy a {display: block;height:36px; line-height:36px; font-family:"微Y雅黑";color:#666; text-decoration:none; } .nei-qy a:hover { color:#333; background:#eee; } /********留言面**********/ .order{margin:40px 0 48px 111px;line-height:40px; img{vertical-align:-5px;cursor:pointer;} } .G_tips { width:591px; margin: 10px auto 0 auto; border: 1px solid #dedede; padding: 8px; margin-bottom: 50px; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; box-shadow: 0px 0px 3px rgba(0, 0, 0, .1); -webkit-box-shadow: 0px 0px 3px rgba(0, 0, 0, .1); -moz-box-shadow: 0px 0px 3px rgba(0, 0, 0, .1); dd{line-height: 30px;} } /********新闻中心**********/ .right_main{.list; a { color:#000; text-decoration:none; font-family:"微Y雅黑"; &:hover { color:#ff0000; } } } .table{ margin: 10px auto; width: 98%; tr{ td{ &:hover{} } } } h2 small { font-size: 14px; } /*带图片样?/ .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; font-weight: 100; font-size: 16px; a{color: #333;} } } } &: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); } } } } } .row-fluid > .span3 { width: 18.404255%; max-width: 120px; } .row-fluid>[class*="span"] { margin-left: 0; } .row-fluid > .span11 { width: 96.489362%; } .row-fluid > .span8{ width: 85.5%; } .wy_time{line-height: 40px;color: #8d8d8d;font-size: 40px;text-align: center;font-weight: bold;background: #eee;padding: 10px 0;} .wy_time font{display: block;font-size: 18px;font-weight: 100;} .thumbnail .caption{padding:0 0px 0 9px;line-height: 30px;} .thumbnail .caption p{margin-bottom: 0;margin-top: 10px;} .thumbnail{border-radius:0;box-shadow:none;border:0;border-bottom: 1px solid #ddd;padding: 6px 4px;} /* 新闻内页 */ .newscss{ width:100%; } .newscss ul{ width: 100%; } .newscss ul li { padding: 10px 8px; border: solid 1px #e2e2e2; position: relative; margin-bottom: 20px; background: none; } .newscss ul li .news_pic { width:238px; height: 150px; float: left; text-align: center; overflow: hidden; } .newscss ul li .news_pic .wy_newsimg{ width:238px; height: 150px; background-repeat: no-repeat; background-position: center center; background-size: cover; font-size:0px; } .newscss ul li .news_pic img{max-width: 238px;} .newscss ul li:hover .news_btn a{ background: #000; color: #fff; } .newscss ul li .news_pic span { height: 100%; width: 0; overflow: hidden; display: inline-block; vertical-align: middle; } .ny-news-right{float: right;width: 650px;} .ny-news-right p{height: 36px;line-height: 36px;color: #333;float: left;width: 50%;} .newscss ul li .news_capital { width:100%; height: 40px; line-height: 40px; border-bottom: solid 1px #e2e2e2; font-size: 15px; color: #414141; } .newscss ul li .news_capital h4{ width: 80%; float: left; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; line-height: 40px; } .newscss ul li .news_capital span { display: block; min-width: 20%; text-align: right; height: 40px; line-height: 40px; color: #414141; font-size: 15px; float: right; } .newscss ul li .news_detail { width: 100%; line-height: 26px; color: #606060; font-size: 13px; overflow: hidden; margin-top: 10px; } .newscss ul li .news_btn { width: 101px; height: 32px; float: right; line-height: 32px; text-align: center; position: absolute; right: 28px; bottom: 10px; } .newscss ul li .news_btn a { display: block; background: #f4f4f4; color: #000; font-size: 12px; transition: all 0.5s; } /********人才招聘**********/ #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 10px; 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 0% 73px;} #jobs_ul li {width: 100%;} #jobs_ul li .jobs_title { font-size: 14px; line-height: 30px; color: #777; padding: 16px 10px; 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; } /********产品展示**********/ /********产品展示**********/ .cpzs{ ul{margin:10px auto; li{} } .div_main{margin: 0 0px;} .div_Image{text-align:center;margin-bottom: 15px;background: #fff;float: left;width: 450px; img{} } .div_Title{text-align:left;float: right;width: 710px;line-height: 44px;} .div_Content{} /* 相关产品代码开?*/ .pro_con h4{height: 50px;line-height: 50px;background: #f4f4f4;color: #818181;font-size: 16px;margin-bottom: 10px;font-weight: 100;} .pro_con .content img{max-width: 100%;} .pro_con .xiangg{margin-top: 10px;*margin-right: -25px;overflow: hidden;} .pro_con .xiangg ul{margin-right: -25px;overflow: hidden;} .pro_con li{ float: left;width: 281px;margin-right: 25px;text-align: center;} .pro_con li .pictu{border: 1px solid #eee;width: 279px;height: 279px;} .pro_con li a{color: #333;text-decoration: none;display: block;width: 279px;height: 279px;overflow: hidden;} .pro_con li p{height: 40px;line-height: 40px;margin-top: 10px;} .pro_con li img{ max-width: 279px; max-height: 279px; } .pro_con li:hover .pictu{border: 1px solid #ccc} } .div_Title .pro_tt{border-bottom: 1px solid #e5e5e5;padding-bottom: 15px;} .div_Title .pro_tt p{font-size: 30px;color: #191411;font-family: 'Times New Roman', Arial;height: 36px;line-height: 36px;margin: 0;} .div_Title .pro_tt span{font-size: 20px;color: #656565;display: block;height: 30px;line-height: 30px;} .div_Title .pro_jj{line-height: 30px;margin-top: 15px;color: #666;} .div_Title .pro_lx{margin-top: 15px;color: #666;border-bottom: 1px solid #e5e5e5;padding-bottom: 15px;} .div_Title .pro_lx p{margin: 0;line-height: 30px;color: #666;} .div_Title .pro_lx h2{font-size: 20px;color: #3d3d3d;} .div_Title .pro_zx{display: block;} /********购物车go**********/ /********购物车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; } } } } /* 在线留言 */ .ly-k{padding: 10px 18px;} .ly-k p{font-size: 18px;height: 50px;line-height: 50px;margin-bottom: 15px;color: #e60202} .ly-k .ly-k-k{ display: inline-block; width: 47%; height: 35px; padding: 10px; line-height: 35px; font-family: "微Y雅黑"; font-size: 18px; color: #c2c2c2; border: 1px solid #eaeaea; margin-right: 6px; border-radius: 0; margin-bottom: 25px; } .ly-k .ly-k-k3{ display: inline-block; width: 97%; height: 35px; padding: 10px; line-height: 35px; font-family: "微Y雅黑"; font-size: 18px; color: #c2c2c2; border: 1px solid #eaeaea; border-radius: 0; margin-bottom: 25px; } .ly-k .ly-k-k1{ display: inline-block; width: 97%; height: 81px; padding: 10px; line-height: 35px; font-family: "微Y雅黑"; font-size: 18px; color: #c2c2c2; border: 1px solid #eaeaea; border-radius: 0; margin-bottom: 25px; } .ly-k .ly-k-k2{ display: inline-block; width: 280px; height: 35px; padding: 10px; line-height: 35px; font-family: "微Y雅黑"; font-size: 18px; color: #c2c2c2; border: 1px solid #eaeaea; border-radius: 0; margin-right: 20px; margin-bottom: 25px; } .ly-k .ly_ti{ float: right; width: 280px; height: 55px; text-align: center; line-height: 55px; color: #fff; background: #ff0000; font-size: 20px; font-family: "微Y雅黑"; padding: 0; border-radius: 0; border: 0; margin-bottom: 25px; margin-right: 10px; } /********购物车end**********/ /********用户理**********/ .vip-user{ background: url('../image/login_bg_2.jpg'); } #allmap .BMap_shadow img{ height: auto; } .picturea{ float:left; width:210px;overflow:hidden;_width:210px;margin: 0 10px;} .picture1a a { height:210px; width:210px; text-align:center; vertical-align:middle; background:#fff; overflow:hidden; /* display:table-cell; */ /* position:relative; */ *display: block; } .picture2a {width:210px; height:40px; text-align:center; line-height:40px; } .picture2a a { color:#000; text-decoration: none; font-family: '微Y雅黑'; } .picture2a a:hover { color:#ff0000; } .picture1a img{ vertical-align:middle; border:0;max-width: 100%;} .picture1a:hover img{transform: scale(1.05, 1.05);} .box { border: 1px solid #eee; width: 208px; height: 208px; overflow: hidden; } /*-------内页左分c?-------*/ .qf_sidebar { float:left; width:248px; } .sidebar_contact{ width: 100%; } .qf_sidebar_title { height:55px; background:#009b4d; line-height:55px; font-family:"微Y雅黑"; font-size:16px; color:#fff; padding-left:15px; } .qf_sidebar_contact{ line-height: 30px; padding:20px 15px; background:#f5f5f5; } .qf_sidebar_contact a{color: #333;} .sidebar_about_content{padding:10px 0px 20px 0px;background: #f5f5f5;} .sidebar_about_content ul li{ line-height: 45px; background: url(../images/dd.png) no-repeat 15px center; text-indent:33px;border-bottom: 1px dotted #cecece; } .sidebar_about_content ul li a{display: block;color: #333;} .sidebar_about_content ul li:hover a{padding-left: 10px;background: #009b4d;color: #fff;} .sid_contact{text-align: center;margin-top: 20px;} .sid_contact img{margin-bottom: 10px;width: 100%;max-width: 180px;} .sid_con{font-size: 16px;margin-top: 15px;} .sid_con_t{ font-size: 18px; font-weight: bold; font-size: 24px; line-height: 35px; } /*-------产品内页左分c?-------*/ .neiye { width:100%; margin-bottom:15px; } .neiye-z { float:left; margin-right:36px; } .neiye-zimg { width:500px; text-align:center; vertical-align:middle; background:#fff; overflow:hidden; display:table-cell; /* position:relative; */ *display: block; border:solid 1px #ccc; padding:5px; } .neiye-zimg img{ vertical-align:middle; border:0; } .neiye-y { float:left; width:47%; } .neiye-yt { width:auto; border-bottom:1px solid #e0e1dc; line-height:30px; text-align: center; font-size:16px; color:#666; overflow:hidden; margin-bottom: 15px; } .neiye-yk { width:100%; line-height:46px; font-size:14px; color:#000; } .neiye-yk ul li{ line-height: 40px; font-size: 14px; border-bottom: 1px dashed #e0e1dc; font-family: "Microsoft YaHei"; color: #666; } .bdsharebuttonbox{padding: 5px 0;} .neiye-yk ul li.inquiry { border: none; margin-top: 12px; } .neiye-yk ul li.inquiry a { background:#c71109; display: block; width: 112px; height: 32px; color: #fff; text-align: center; line-height: 32px; } .neiye-yd { width:auto; height:40px; line-height: 40px; text-align: center; background: red; width: 150px; } .neiye-yd a{color: #fff;} .neiye-yx { width:auto; height:40px; } .neiyex { float:left; width:@content_w ; } .xiangq{ height: 40px; width: 100%; background: #eaeaea; } .xiangq h4{ color: #666; font-size: 14px; line-height: 40px; padding-left:10px; } /* 产品详情?*/ .tb-pic a{display:table-cell;text-align:center;vertical-align:middle;} .tb-pic a img{vertical-align:middle;} .tb-pic a{*display:block;*font-family:Arial;*line-height:1;} .tb-thumb{margin:10px 0 0;overflow:hidden;} .tb-thumb li{background:none repeat scroll 0 0 transparent;float:left;height:42px;margin:0 6px 0 0;overflow:hidden;padding:1px;} .tb-s310, .tb-s310 a{width:300px;} .tb-s310, .tb-s310 img{max-width:300px;} .tb-s310 a{*font-size:271px;} .tb-s40 a{*font-size:35px;} .tb-s40, .tb-s40 a{height:40px;width:40px;} .tb-booth{border:1px solid #CDCDCD;position:relative;z-index:1;padding: 1px;} .tb-thumb .tb-selected{background:none repeat scroll 0 0 #C30008;height:40px;padding:2px;} .tb-thumb .tb-selected div{background-color:#FFFFFF;border:medium none;} .tb-thumb li div{border:1px solid #CDCDCD;} div.zoomDiv{z-index:999;position:absolute;top:0px;left:0px;width:400px !important;height:400px !important;background:#ffffff;border:1px solid #CCCCCC;display:none;text-align:center;overflow:hidden;} div.zoomMask{position:absolute;background:url("../images/mask.png") repeat scroll 0 0 transparent;cursor:move;z-index:1;} .neiye1-tle { height: 38px; line-height: 38px; background:#4e1f19; font-family: "微Y雅黑"; font-size: 16px; padding-left: 15px; margin: 15px 0; color: #fff; } .neiye1-img{*margin-right: -10px;width: 100%;margin-top: 15px;} .neiye1-img ul{margin-right: -10px;} .neiye1-img ul .pictureb { float: left; width: 217px; overflow: hidden; padding: 0px; _width: 217px; margin-right: 10px; } .neiye1-img ul .picture1b{ width: 215px; text-align: center; padding: 1px; background:#f2f2f2; overflow: hidden; } .neiye1-img ul .picture1b img{ width: 100%; height: 100%; } .neiye1-img ul .picture2b { width: 220px; height: 40px; text-align: center; line-height: 40px; font-size: 14px; } .neiye1-img ul .picture2b a{ color: #010101; text-decoration: none; font-family: '微Y雅黑'; } .neiye1-img ul .pictureb:hover .picture1b{ background: #f5e167; } /* 首页样式 */ .wjdh-link { display: block; width: 38px; height: 38px; background-image: url(../images/link.png); background-repeat: no-repeat; background-position: center center; } .item-mask { width: 100%; height: 100%; background: rgba(0, 0, 0, 0); position: absolute; left: 0; top: 0; opacity: 0; -webkit-transform: rotateX(180deg) scale(0.5, 0.5); transform: rotateX(180deg) scale(0.2, 0.2); transition: all ease-out .5s; } li:hover .item-mask { opacity: 1; -webkit-transform: rotateX(0deg) scale(1, 1); transform: rotateX(0deg) scale(1, 1); transition: all 1s cubic-bezier(.23, 1, .38, 1) 0s; background: rgba(0, 0, 0, 0.3); } .item-mask .item-link-icon { display: block; width: 38px; height: 38px; text-align: center; font-size: 22px; line-height: 38px; border: 1px solid rgba(255, 255, 255, .5); border-radius: 50%; position: absolute; left: 50%; top: 50%; margin-left: -21px; margin-top: -21px; } .home_product{margin: 50px 0;} .home_title{text-align: center;} .home_title h2{font-size:32px;color: #169c57;line-height: 50px;} .home_title p{font-size: 16px;color: #757575;margin: 0;line-height:30px;} .home_title span{padding: 0 45px;} .home_pro_category{text-align: center;margin: 30px auto 45px;width: 1151px;} .home_pro_category ul{margin: 0 -7px;} .home_pro_category ul li{width: 180px;float: left;margin: 0 7px;} .home_pro_category ul li a{color: #fff;display: block;background:#169c57;font-size: 18px;line-height: 41px;font-weight: bold;border-radius: 25px;} .home_pro_category ul li:hover a{color: #000;background: #deff01;} .home_pro_content{width: 1200px;margin: 0 auto;} .home_pro_content ul{margin:0 -8px;} .home_pro_content ul li{float: left;margin:0 8px 0px 8px;width: 288px;text-align: center;} .home_pro_content ul li a.home_pro_img{display: block;width: 278px;height: 278px;overflow: hidden;padding: 5px; position: relative;border: 1px solid #d1d1d1;} .home_pro_content ul li a.home_pro_img img{max-width: 100%;} .home_pro_content ul li p{line-height: 52px;text-align: center;margin-bottom: 0;font-size: 18px;} .home_pro_content ul li p a{color: #2b2b2b;} a.home_more{margin: 20px auto 0;width: 191px;line-height: 37px;text-align: center;background: #009b4d;color: #fff;font-size: 16px;display: block;border-radius: 25px;} a.home_more:hover{background: #e70300;} .home_title1{text-align: center;} .home_title1 h2{font-size:32px;color: #fff;line-height: 50px;} .home_title1 p{font-size: 16px;color: #fff;margin: 0;line-height:30px;} .home_title1 span{padding: 0 45px;} .home_about{width: 100%;padding: 43px 0 0 0;background: url(../images/about_bg.jpg) no-repeat center center;height: 560px;} .home_about_c{margin-top: 36px;} .home_about_c img{float:left;width: 561px;height: 362px;} .home_about_r{float: right;width: 612px;} .home_about_r h2{font-size: 19px;color: #fff;line-height: 30px;margin-bottom: 5px;} .home_about_r p{font-size: 16px;color: #fff;line-height: 36px;margin: 0;} .about_href{margin-top: 32px;} .about_href a{display: block;width: 126px;text-align: center;line-height: 36px;color:#fff;font-size: 16px;background: #1fb065;margin-right: 18px;float: left;} .about_href a.message_href{background: #00ff92;color: #333;} .about_href a:hover{background: #ed0000;color: #fff;} .qf_advantage{padding: 60px 0;width: 100%;background: #fff;} .qf_advantage .qf_title{text-align: center;} .qf_advantage .qf_title h2{color: #191919;} .qf_advantage .qf_title h2 font{color: #632c29;} .qf_advantage_c{margin-top: 58px;} .advantage_c_up{} .advantage_up_l{float: left;width: 572px;} .advantage_up_l ul li{margin-bottom: 45px;} .advantage_up_l ul li .qf_num{width: 46px;text-align: center;float: left;height: 94px;} .advantage_up_l ul li .qf_adv{float: right;width: 502px;} .advantage_up_l ul li .qf_adv span{font-size: 26px;color: #009b4d;display: block;line-height: 30px;font-weight: bold;margin-bottom: 8px;} .advantage_up_l ul li .qf_adv h3{font-size: 16px;color: #5c5c5c;line-height: 28px;font-weight: 100;} .advantage_up_l ul li .qf_adv div{margin-top: 10px;} .advantage_up_l ul li p{font-size: 18px;color: #2e2e2e;margin: 0px;line-height: 30px;margin-bottom:0px;} .advantage_up_r{float: right;width:600px;} .advantage_c_down{margin-top: 20px;} .advantage_down_l{float: left;width: 600px;} .advantage_down_r{float: right;width: 572px;} .advantage_down_r ul li{margin-bottom:33px;} .advantage_down_r ul li .qf_num{width: 46px;text-align: center;float: left;height: 94px;} .advantage_down_r ul li .qf_adv{float: right;width: 502px;} .advantage_down_r ul li .qf_adv span{font-size: 26px;color: #009b4d;display: block;line-height: 30px;font-weight: bold;margin-bottom: 8px;} .advantage_down_r ul li .qf_adv h3{font-size: 16px;color: #5c5c5c;line-height: 28px;font-weight: 100;} .advantage_down_r ul li .qf_adv div{margin-top: 10px;} .advantage_down_r ul li p{font-size: 18px;color: #2e2e2e;margin: 0px;line-height: 30px;margin-bottom:0px;} .home_ad{width: 100%;background: url(../images/ad.jpg) no-repeat center center;min-width: 1200px;height:177px;} .qf_article{padding: 55px 0;} .qf_faq{width: 361px;float: left;} .qf_faq_title{height: 42px;color: #333;border-left: 4px solid #009b4d;padding-left: 15px;} .qf_faq_title a{float: right;font-size: 14px;color: #fff;background: #009b4d;width: 54px;height: 27px;text-align: center;line-height: 27px;margin-top: 8px;} .qf_faq_title p{float: left;margin-bottom: 0;line-height: 21px;font-size: 16px;} .qf_faq_title a:hover{color:#ddd;} .qf_faq_content{margin-top: 20px;} .qf_faq_content ul li{margin-bottom: 10px;} .qf_faq_content ul li p{margin-bottom: 8px;color: #444;font-weight: 700;} .qf_faq_content ul li span{display: inline-block;background: #009b4d;color: #fff;width: 22px;height: 20px;line-height: 20px;text-align: center;margin-right: 10px;font-weight: 100;} .qf_faq_content ul li .qf_ask span{background: #979797;float: left;margin-top: 3px;} .qf_faq_content ul li .qf_ask font{float: left;width: 328px;display: inline-block;line-height: 26px;color: #4a4a4a} .qf_faq_content ul li:hover p{color: #129b55} .txtMarquee-top{overflow:hidden; position:relative;} .qf_line_x{width: 28px;min-height: 416px;background: url(../images/xx.png) no-repeat center center;float: left;margin: 0 20px;} .qf_news{width: 365px;float: left;} .qf_news .qf_faq_title{width: 346px;} .qf_news_content{margin-top: 20px;} .qf_news_content img{margin-bottom: 12px;} .qf_news_content li{height: 42px;line-height: 42px;background:url(../images/list-img.jpg) no-repeat left center;padding-left: 18px;} .qf_news_content li a{color: #4a4a4a} .qf_news_content li:hover a{color: #129b55;} .qf_contact{width: 327px;float: right;} .qf_contact .qf_faq_title{width: 308px;} .qf_contact_content{margin-top: 20px;} .qf_contact_content img{margin-bottom: 12px;} .qf_contact_content li{height: 42px;line-height: 42px;} .qf_contact_content li a{color: #4a4a4a} .qf_contact_content li:hover a{color: #129b55;} .ny_banner{height: 400px;background:url(../images/ny_banner.jpg) no-repeat center center;width: 100%;} .hoverimg:hover .wy_newsimg{ transform:scale(1.15); -webkit-transform: scale(1.15); -moz-transform: scale(1.15); } .hover_animation{ transition: all .6s ease-in-out; -moz-transition: all .6s ease-in-out; -webkit-transition: all .6s ease-in-out; -o-transition: all .6s ease-in-out; } .hoverimg:hover img{ transform:scale(1.15); -webkit-transform: scale(1.15); -moz-transform: scale(1.15); } .hoverimgup:hover img{ -webkit-transform: translate3d(0,-5px,0); -moz-transform: translate3d(0,-5px,0); transform: translate3d(0,-5px,0); } .tc_animation { -webkit-animation-duration:1s; -moz-animation-duration:1s; -o-animation-duration:1s; animation-duration:1s; -webkit-animation-fill-mode:forwards; -moz-animation-fill-mode:forwards; -o-animation-fill-mode:forwards; animation-fill-mode:forwards; } @-webkit-keyframes fadeInDown { 0% {opacity:0;-webkit-transform:translateY(20px)} 100% { opacity:1;-webkit-transform:translateY(0)} } @-moz-keyframes fadeInDown { 0% {opacity:0;-moz-transform:translateY(20px)} 100% {opacity:1;-moz-transform:translateY(0)} } @-o-keyframes fadeInDown { 0% {opacity:0;-o-transform:translateY(20px)} 100% {opacity:1;-o-transform:translateY(0)} } @keyframes fadeInDown { 0% {opacity:0;transform:translateY(20px)} 100% { opacity:1;transform:translateY(0)} } .tc_animation.fade-in-down{ opacity:0; /* opacity:1\0/IE9; */ -webkit-transform:translateY(20px); -moz-transform:translateY(20px); -o-transform:translateY(20px); transform:translateY(20px); /* -ms-transform:translateY(0)\0/IE9; */ } .tc_animation.fadeInDown { -webkit-animation-name:fadeInDown; -moz-animation-name:fadeInDown; -o-animation-name:fadeInDown; animation-name:fadeInDown; } @-webkit-keyframes fadeInUp { 0% {opacity:0;-webkit-transform:translateY(-20px)} 100% { opacity:1;-webkit-transform:translateY(0)} } @-moz-keyframes fadeInUp { 0% {opacity:0;-moz-transform:translateY(-20px)} 100% {opacity:1;-moz-transform:translateY(0)} } @-o-keyframes fadeInUp { 0% {opacity:0;-o-transform:translateY(-20px)} 100% {opacity:1;-o-transform:translateY(0)} } @keyframes fadeInUp { 0% {opacity:0;transform:translateY(-20px)} 100% { opacity:1;transform:translateY(0)} } .tc_animation.fade-in-up{ opacity:0; /* opacity:1\0/IE9; */ -webkit-transform:translateY(-20px); -moz-transform:translateY(-20px); -o-transform:translateY(-20px); transform:translateY(-20px); /* -ms-transform:translateY(0)\0/IE9; */ } .tc_animation.fadeInUp { -webkit-animation-name:fadeInUp; -moz-animation-name:fadeInUp; -o-animation-name:fadeInUp; animation-name:fadeInUp; } @-webkit-keyframes fadeInLeft { 0% {opacity:0;-webkit-transform:translateX(-100px)} 100% {opacity:1;-webkit-transform:translateX(0)} } @-moz-keyframes fadeInLeft { 0% {opacity:0;-moz-transform:translateX(-100px)} 100% {opacity:1;-moz-transform:translateX(0)} } @-o-keyframes fadeInLeft { 0% {opacity:0;-o-transform:translateX(-100px)} 100% {opacity:1;-o-transform:translateX(0)} } @keyframes fadeInLeft { 0% {opacity:0;transform:translateX(-100px)} 100% {opacity:1;transform:translateX(0)} } .tc_animation.fade-in-left{ opacity:0; /* opacity:1\0/IE9; */ -webkit-transform:translateX(-100px); -moz-transform:translateX(-100px); -o-transform:translateX(-100px); transform:translateX(-100px); /* -ms-transform:translateX(0)\0/IE9; */ } .tc_animation.fadeInLeft { -webkit-animation-name:fadeInLeft; -moz-animation-name:fadeInLeft; -o-animation-name:fadeInLeft; animation-name:fadeInLeft; } @-webkit-keyframes fadeInRight { 0% {opacity:0;-webkit-transform:translateX(100px)} 100% {opacity:1;-webkit-transform:translateX(0)} } @-moz-keyframes fadeInRight { 0% {opacity:0;-moz-transform:translateX(100px)} 100% {opacity:1;-moz-transform:translateX(0)} } @-ms-keyframes fadeInRight { 0% {opacity:0;-ms-transform:translateX(100px)} 100% {opacity:1;-ms-transform:translateX(0)} } @-o-keyframes fadeInRight { 0% {opacity:0;-o-transform:translateX(100px)} 100% {opacity:1;-o-transform:translateX(0)} } @keyframes fadeInRight { 0% {opacity:0;transform:translateX(100px)} 100% {opacity:1;transform:translateX(0)} } .tc_animation.fade-in-right{ opacity:0; /* opacity:1\0/IE9; */ -webkit-transform:translateX(100px); -moz-transform:translateX(100px); -o-transform:translateX(100px); transform:translateX(100px); /* -ms-transform:translateX(0)\0/IE9; */ } .tc_animation.fadeInRight { -webkit-animation-name:fadeInRight; -moz-animation-name:fadeInRight; -o-animation-name:fadeInRight; animation-name:fadeInRight; } /* 内页关于我们 */ .article_about{padding: 0 0px;} .article_about p{line-height: 33px;font-size: 16px;margin: 0 0px 8px 0;} .article_about p img{max-width: 100%;} /* 内页联系我们 */ .ny_contact{padding:20px 0 30px 0;*margin-right: -15px;overflow: hidden;} .ny_contact ul{margin-right: -15px;overflow: hidden;} .ny_contact ul li{width: 228px;padding:60px 30px;text-align: center;float:left;margin: 0 15px 0 0;height: 100px;background: #f8f8f8;} .ny_contact ul li .icon{font-size: 32px;} .ny_contact ul li h2{font-size:18px;font-weight: 100;color: #333;} .ny_contact ul li p{font-size: 16px;} .ny_contact ul li a{color:#333;} .block-1 .con tr,.block-1 .adc tr{border-top: 1px solid #ddd;border-left: 1px solid #ddd;} .block-1 .con td,.block-1 .adc td{border-bottom: 1px solid #ddd;border-right: 1px solid #ddd;padding: 5px 10px;height: 33px;line-height: 33px;} .news-links ul{} .news-links ul li{width: 221px;text-align: center;float: left;margin: 0 5px;margin-bottom: 25px;} .news-links ul li a{display: block;width: 219px;height: 103px;border: 1px solid #efefef;line-height: 103px;} .news-links ul li img{width: auto;} /* 产品攑֤ */ .pica{ float:left;width:222px;overflow:hidden; display:inline;margin: 0 5px;} .pica1{ height:220px; width:220px; text-align:center; vertical-align:middle; background-color:#FFFFFF; border:1px solid #f1e6d7; overflow:hidden; display:table-cell; /* position:relative; */ *display: block; *font-size: 70px; /*此处的font-size为height除以1.14 */ } .pica2{width:222px height:42px; text-align:center;line-height: 42px;} .pica2 a{color: #333;} .pica1 img{ vertical-align:middle; border:0;} 色吧新地址