@charset "utf-8";
html,body {
height:100%;
/*
font-family: "微软雅黑", Arial, Helvetica, sans-serif;
*/
font-size: 14px;
margin: 0px;
padding:0;
color: #676767;
background:#fff;
}
ol,ul,li {
list-style-image: none;
list-style-type: none;
list-style:none;
}
form{
padding:0;
margin:0;
}
ul,li,p,a{
margin:0;
padding:0;
}
img {
border:0;
margin:0;
padding:0;
}
td {
font-family: Arial, Helvetica, sans-serif;
line-height: 22px;
font-size:14px;
}
a{
color: #676767;
font-size: 14px;
font-family: "微软雅黑", Arial, Helvetica, sans-serif;
text-decoration: none;
}
a:hover {
color: #b4251d;
text-decoration: none;
}
.f12{
font-size: 12px;
}
.f16{
font-size: 16px;
}
.f20{
font-size: 20px;
}
.t-f{
transition:all 0.5s;
-moz-transition:all 0.5s; /* Firefox 4 */
-webkit-transition:all 0.5s; /* Safari and Chrome */
-o-transition:all 0.5s; /* Opera */
}
.clear{
clear: both;
}
/*------- header -----start*/
/* header */
.header_top{
width: 100%;
background: #fff;
height: 30px;
border-bottom: 1px solid #dfdfdf;
}
.header_top p{
font-size: 14px;
line-height: 30px;
color: #9e9e9e;
padding-left: 40px;
}
#header{width:100%;height:auto;position:fixed;padding:5px 0;font-size:14px;background:#fff;box-shadow:0 2px 6px rgba(0,0,0,.1);z-index:99}
.nobanner #header{background:#fff}
#header .content{padding-left:40px;padding-right:80px}
#header.mini{background:#fff;padding:15px 0;box-shadow:0 2px 6px rgba(0,0,0,.1)}
#header.mini ul li.navitem{padding-bottom:0}
#header #logo{width:auto;height:60px;display:block;float:left;margin-right:50px}
#header ul#nav{float:right;padding-top:10px}
/*#header ul li.navitem{padding:0 40px 10px 40px;width:auto;height:50px;line-height:40px;float:left;position:relative;transition:all ease .3s}*/
#header ul li.navitem:hover ul.subnav{opacity:1;transform:translate3d(0,0,0);visibility:visible}
#header ul li.navitem a{color:#5d5d5d;font-size:16px}
#header ul li.navitem a.active,#header ul li.navitem:hover a{color:#ca1212}
#header ul li.navitem ul.subnav{position:absolute;border-top:#c60101 3px solid;top:58px;opacity:0;transition:all .3s ease 0s;transform:translate3d(0,10px,0);visibility:hidden;width:auto;border-radius:2px}
#header ul li.navitem ul.subnav li{border-bottom:#2e2f29 1px solid}
#header ul li.navitem ul.subnav li a{padding:14px 30px;width:110px;height:20px;line-height:20px;background:rgba(255,255,255,1);display:block;font-size:12px;transition:all .2s ease-out 0s;color:#999;box-shadow:0 5px 10px rgba(0,0,0,.1)}
#header ul li.navitem ul.subnav li a:hover{text-indent:10px;background:#f4f4f4;color:#6c6c6c}
#header ul li.navitem ul.subnav li{border-bottom:1px solid #FFF}
#header ul li.navitem ul.subnav li a i{float:right;margin-top:5px;transition:all ease-out .2s;opacity:0}
#header ul li.navitem ul.subnav li a:hover i{opacity:1}
#header ul li.navitem ul.subnav li a{padding:14px 30px;width:110px;height:20px;line-height:20px;background:rgba(255,255,255,1);display:block;font-size:12px;transition:all .2s ease-out 0s;color:#999;box-shadow:0 5px 10px rgba(0,0,0,.1)}
#header ul li.navitem ul.subnav li a:hover{text-indent:10px;background:#f4f4f4;color:#6c6c6c}
#header ul li.navitem ul.subnav li{border-bottom:1px solid #FFF}
#sitecontent{height:auto;min-height:800px;background-image:url(../image/about_bg.jpg) no-repeat}
/*contain*/
#manage_contain_about{
width: 100%;
height: 2828px;
background: url(../images/index_bg.jpg)no-repeat center center;
float: left;
position: relative;
z-index: 2;
}
.contain_about_main{
width: 1200px;
height: 990px;
margin: 0 auto;
}
.contain_about_main .mcon_aboutleft{
width: 600px;
height: 600px;
float: left;
margin-top: 195px;
}
.mcon_aboutleft p.mabout_ten img{
width: 151px;
height: 28px;
padding-left: 82px;
}
.mcon_aboutleft p.mabout_tch{
font-size: 32px;
color: #434343;
font-weight: medium;
padding-left: 82px;
padding-bottom: 42px;
}
/*.mcon_aboutleft p.mabout_content{
font-size: 14px;
color: #434343;
line-height: 34px;
padding-left: 82px;
padding-bottom: 40px;
}*/
.mcon_aboutleft .mabout_content{
font-size: 14px;
color: #434343;
line-height: 34px;
padding-left: 82px;
padding-bottom: 40px;
}
.mcon_aboutleft .mabout_content p{
padding-bottom: 40px;
}
.mcon_aboutleft .mabout_lists{
padding-left: 82px;
margin-bottom: 20px;
}
.mcon_aboutleft .mabout_lists ul li{
width: 198px;
height: 53px;
line-height: 53px;
text-align: center;
border:1px solid #dbdbdb;
float: left;
margin-bottom: 18px;
}
.mcon_aboutleft .mabout_lists ul li:last-child{
margin-left: 18px;
}
.mcon_aboutleft .mabout_lists ul li a{
width: 198px;
height: 53px;
text-align: center;
font-size: 16px;
color: #434343;
}
.mcon_aboutleft .mabout_lists ul li:hover{
background: #b4251d;
}
.mcon_aboutleft .mabout_lists ul li:hover a{
color: #fff;
}
.contain_about_main .mcon_aboutright{
width: 600px;
height: 600px;
float: right;
margin-top: 195px;
}
.mcon_aboutright img{
width: 435px;
height: 600px;
margin-left: 130px;
}
/*contain product*/
#manage_contain_product{
width: 100%;
height: 1070px;
margin: 0 auto;
}
.contain_product_main{
width: 1200px;
height: 1070px;
margin: 0 auto;
}
.mpro_t{
width: 380px;
height: 120px;
margin: 0 auto;
}
.mpro_t img{
width: 380px;
height: 120px;
}
.mpro_lists{
width: 1200px;
height: 720px;
margin-top: 78px;
}
/*产品中心轮播效果*/
.poster-main{
position: relative;
width: 1080px;
height: 720px;
margin: 0 auto;
}
.poster-main a,.poster-main img{
display:block;
}
.poster-main .poster-list{
width: 1080px;
height: 720px;
}
.poster-main .poster-list .poster-item{
position: absolute;
left: 0px;
top: 0px
}
.poster-main .poster-list .poster-item p{
color: #323232;
font-size: 28px;
text-align: center;
padding-top: 20px;
}
.pro_hover{
position: absolute;
top: 240px;
left:180px;
}
.poster-item {
position:relative;
}
.pro_hover p{
color: #b4251d;
font-size: 32px;
}
.pro_hover p a{
font-size:22px;
font-family: "Arial","微软雅黑", Helvetica, sans-serif;
color: #555;
}
.pro_hover p a:hover{
font-size:22px;
font-family: "Arial","微软雅黑", Helvetica, sans-serif;
color: #fff;
}
.poster-main .poster-btn{
position: absolute;
height: 100%;
width:100px;
top: 0px;
z-index: 10;
opacity: 1;
}
.poster-main .poster-prev-btn{
top: -28px;
left: -148px;
background: url("../images/pro_left.png") no-repeat center center;
}
.poster-main .poster-next-btn{
top: -28px;
right: -148px;
background: url("../images/pro_right.png") no-repeat center center;
}
.poster-main .poster-prev-btn:hover{
top: -28px;
left: -148px;
background: url("../images/pro_left_hover.png") no-repeat center center;
}
.poster-main .poster-next-btn:hover{
top: -28px;
right: -148px;
background: url("../images/pro_right_hover.png") no-repeat center center;
}
/*contain news*/
#manage_contain_news{
width: 100%;
height: 760px;
margin: 0 auto;
}
.contain_news_main{
width: 1200px;
height: 760px;
margin: 0 auto;
}
.mnews_t{
width: 380px;
height: 120px;
margin: 0 auto;
}
.mnews_t img{
width: 380px;
height: 120px;
}
.mnews_lists{
width: 1200px;
height: 430px;
margin-top: 70px;
}
.mnews_lists ul li{
float: left;
width: 345px;
height: 395px;
background: #f1f1f1;
margin-left: 80px;
margin-right: 85px;
position: relative;
}
.mnews_lists ul li:first-child{
margin-left: 0px;
margin-right: 0px;
}
.mnews_lists ul li:last-child{
margin-left: 0px;
margin-right: 0px;
}
.mnews_lists ul li img{
width: 345px;
height: 205px;
}
.mnews_lists ul li p.mnews_name{
font-size: 18px;
color: #323232;
text-align: center;
line-height: 38px;
padding-top: 15px;
padding-bottom: 10px;
}
.mnews_lists ul li p.mnews_date{
font-size: 14px;
color: #9d9c9c;
font-family: "Arial","微软雅黑", Helvetica, sans-serif;
text-align: center;
padding-bottom: 18px;
}
.mnews_lists ul li p.mnews_remarks{
width: 255px;
margin: 0 auto;
text-align: center;
font-size: 14px;
color: #767676;
line-height: 24px;
}
.mnews_lists ul li .mjia{
width: 37px;
height: 37px;
background: url(../images/jia.png) no-repeat center center;
position: absolute;
top: 377px;
left: 154px;
}
.mnews_lists ul li:hover .mjia{
width: 53px;
height: 53px;
background: url(../images/jia_hover.png) no-repeat center center;
position: absolute;
top: 368px;
left: 146px;
}
/*footer*/
#manage_footer{
width: 100%;
height: 358px;
background: #cb000c;
border-top: 3px solid #e74036;
position: relative;
z-index: 2;
}
#manage_footer_main{
width: 1200px;
height: 290px;
margin: 0 auto;
}
.f_logo{
width: 350px;
height: 290px;
border-right: 1px solid #bc3b34;
float: left;
}
.f_logo img{
border:none;
padding-top: 105px;
}
.flist1{
float: left;
width: 169px;
height: 290px;
border-right: 1px solid #bc3b34;
}
.flist1 p.mf_t{
font-size: 18px;
color: #fff;
padding-top: 65px;
padding-left: 15px;
padding-bottom: 35px;
}
.flist1 ul li a{
padding-left: 15px;
color: #F7D0D0;
font-size: 14px;
line-height: 36px;
}
.flist1 ul li a:hover{
color: #fff;
}
.f_right{
width: 339px;
height: 290px;
float: right;
}
.f_right p.mfuwu_ch{
font-size: 18px;
color: #dcaaa8;
margin-top: 78px;
padding-left: 265px;
}
.f_right p.mfuwu_num{
font-size: 26px;
color: #fff;
font-weight: bold;
font-family: "Arial","微软雅黑", Helvetica, sans-serif;
float: right;
margin-top: 0px;
padding-right: 0px;
}
.mf_search_right{
width:279px;
height:40px;
border:1px solid #cb6761;
margin-top:15px;
float:right;
}
.mf_search_right .search_text{
width:240px;
height:40px;
line-height:40px;
padding:0px 12px;
border:0px;
outline: none;
background: none;
color:#c46763;
float:left;
}
.mf_search_right .search_btn{
width:18px;
height:18px;
background:url(../images/f_search.png) no-repeat center center;
border:0px;
cursor:pointer;
margin-top:-28px;
margin-right:12px;
float:right;
}
.mf_fenxiang ul li{
float: left;
}
.mf_fenxiang ul li.weibo{
padding-top: 40px;
padding-left: 205px;
width: 30px;
height: 30px;
background: url(../images/weibo.png)no-repeat 205px 20px;
}
.mf_fenxiang ul li.weibo:hover{
background: url(../images/weibo2.png)no-repeat 205px 20px;
}
.mf_fenxiang ul li.weixin{
padding-top: 40px;
margin-left: 22px;
width: 30px;
height: 30px;
background: url(../images/weixin.png)no-repeat 0px 20px;
}
.mf_fenxiang ul li.weixin:hover{
background: url(../images/weixin2.png)no-repeat 0px 20px;
}
.mf_fenxiang ul li.qq{
padding-top: 40px;
margin-left: 19px;
width: 30px;
height: 30px;
background: url(../images/qq.png)no-repeat 0px 20px;
}
.mf_fenxiang ul li.qq:hover{
background: url(../images/qq2.png)no-repeat 0px 20px;
}
#copyright{
width: 100%;
height: 65px;
border-top: 1px solid #bc3b34;
}
.copyright_main{
width: 1200px;
height: 65px;
line-height: 65px;
margin: 0 auto;
}
.copy_content{
float: left;
}
.copy_content p{
font-size: 14px;
color: #dc9f9d;
}
.copy_r{
float: right;
}
.copy_r p{
font-size: 14px;
color: #dc9f9d;
}
.copy_r p a{
font-size: 14px;
color: #dc9f9d;
}
.copy_r p a:hover{
color: #fff;
}
/*about*/
.npagePage #banner{
width: 100%;
height: 420px;
position: relative;
/*
padding-top:140px;
*/
z-index: 1;
}
.npagePage #banner div{
height: 420px;
}
.npagePage .content{
background:#fff;
position:relative;
z-index:1
}
#about_contain{
width: 100%;
min-height: 408px;
float: left;
background: #fff;
position: relative;
z-index: 2;
}
.about_contain_main{
width: 100%;
height: 60px;
border-bottom: 1px solid #d8d8d8;
}
.about_top{
width: 1200px;
height: 60px;
margin: 0 auto;
}
.about_lists_left{
float: left;
}
.about_lists_left p{
font-size: 24px;
color: #0fa13e;
line-height: 60px;
}
.about_lists_right{
float: right;
}
.about_lists_right ul li{
float: left;
}
.about_lists_right ul li a{
font-size: 14px;
color: #7a7a7a;
line-height: 60px;
padding: 0px 22px;
padding-top: 20px;
padding-bottom: 21px;
}
.about_lists_right ul li:hover a{
background: #0fa13e;
}
.about_lists_right ul li:hover a{
color: #fff;
}
.about_lists_right ul li a.active{
background: #0fa13e;
}
.about_lists_right ul li a.active{
color: #fff;
}
.about_con{
width: 1200px;
min-height: 340px;
margin: 0 auto;
padding-top: 45px;
font-size: 14px;
color: #494949;
line-height: 28px;
margin-bottom: 50px;
}
.about_con p{
padding-top: 15px;
padding-bottom: 15px;
}
/*pro*/
.pros_con{
width: 1200px;
min-height:350px;
margin: 0 auto;
margin-bottom: 30px;
}
.pros_con ul li{
width: 300px;
height: 300px;
margin-top: 45px;
float: left;
}
.pros_con ul li .pro_img{
width: 258px;
height: 258px;
background: #fff;
border:1px solid #d6d6d6;
}
.pros_con ul li .pro_img img{
width: 256px;
height: 256px;
padding: 1px;
}
.pros_con ul li p.pros_name{
width: 260px;
font-size: 14px;
color: #494949;
text-align: center;
padding-top: 20px;
}
.pros_con ul li:hover .pro_img{
border:1px solid #0fa13e;
}
.pros_con ul li:hover p.pros_name{
color: #0fa13e;
}
.pages{
width: 445px;
height: 50px;
margin: 0 auto;
margin-bottom: 85px;
margin-top: 50px;
}
.pages ul li{
float: left;
margin-right: 11px;
}
.pages ul li.sw{
width: 53px;
height: 36px;
border:1px solid #e2e2e2;
}
.pages ul li.sw a{
width: 53px;
height: 36px;
font-size: 14px;
line-height: 36px;
color: #797979;
text-align: center;
padding-left: 13px;
}
.pages ul li.sw a{
width: 53px;
height: 36px;
font-size: 14px;
line-height: 36px;
color: #797979;
text-align: center;
padding-left: 13px;
}
.pages ul li.sw:hover{
width: 53px;
height: 36px;
border:1px solid #b4251d;
background: #b4251d;
}
.pages ul li.sw:hover a{
color: #fff;
}
.pages ul li.active{
width: 53px;
height: 36px;
border:1px solid #b4251d;
background: #b4251d;
}
.pages ul li.active a{
color: #fff;
}
.pages ul li.sx{
width: 68px;
height: 36px;
border:1px solid #e2e2e2;
}
.pages ul li.sx a{
width: 68px;
height: 36px;
font-size: 14px;
line-height: 36px;
color: #797979;
text-align: center;
padding-left: 14px;
}
.pages ul li.sx a{
width: 68px;
height: 36px;
font-size: 14px;
line-height: 36px;
color: #797979;
text-align: center;
padding-left: 14px;
}
.pages ul li.sx:hover{
width: 68px;
height: 36px;
border:1px solid #b4251d;
background: #b4251d;
}
.pages ul li.sx:hover a{
color: #fff;
}
.pages ul li.ynum{
width: 35px;
height: 36px;
border:1px solid #e2e2e2;
}
.pages ul li.ynum a{
width: 68px;
height: 36px;
font-size: 14px;
line-height: 36px;
color: #797979;
text-align: center;
padding-left: 15px;
}
.pages ul li.ynum a{
width: 35px;
height: 36px;
font-size: 14px;
line-height: 36px;
color: #797979;
text-align: center;
padding-left: 15px;
}
.pages ul li.ynum:hover{
width: 35px;
height: 36px;
border:1px solid #b4251d;
background: #b4251d;
}
.pages ul li.ynum:hover a{
color: #fff;
}
/*news*/
.news_con{
width: 100%;
min-height: 1155px;
margin-bottom: 30px;
}
.news_con ul li{
width: 100%;
height: 380px;
background: #fff;
border-bottom: 1px solid #f2f2f2;
}
.news_con ul li .news_con_main{
width: 1200px;
height: 380px;
margin: 0 auto;
}
.news_con_main .news_picl{
width: 440px;
height: 380px;
float: left;
}
.news_con_main .news_picl img{
width: 440px;
height: 262px;
margin-top: 50px;
}
.news_intror{
width: 715px;
height: 260px;
margin-top: 60px;
float: right;
}
.news_intror p.news_t{
font-size: 22px;
color: #333333;
margin-bottom: 12px;
}
.news_intror p.news_intro1{
font-size: 14px;
color: #797979;
line-height: 28px;
margin-bottom: 22px;
}
.news_intror p.news_date{
font-size: 14px;
color: #797979;
line-height: 28px;
margin-bottom: 22px;
}
.news_intror p.news_more{
width: 198px;
height: 43px;
line-height: 43px;
text-align: center;
vertical-align: middle;
border:1px solid #d4d4d4;
}
.news_intror p.news_more a{
width: 198px;
height: 43px;
line-height: 43px;
font-size: 12px;
color: #797979;
font-family: "Arial","微软雅黑", Helvetica, sans-serif;
}
.news_con ul li:hover{
background: #f2f2f2;
}
.news_con ul li:hover .news_intror p.news_more{
background: #0fa13e;
border:1px solid #0fa13e;
}
.news_con ul li:hover .news_intror p.news_more a{
color: #ffffff;
}
/*zhaopin*/
.zhaopin_con{
width: 1200px;
min-height: 955px;
margin: 0 auto;
border: 1px solid #e2e2e2;
margin-bottom: 20px;
margin-top: 33px;
}
.zhaopin_con .first{
width: 1200px;
height: 66px;
margin: 0 auto;
background: #e7e7e7;
}
.zhaopin_con .first ul li{
width:220px;
float: left;
font-size: 16px;
color: #464646;
text-align:center;
padding-top: 24px;
}
.zhaopin_con .first ul li:last-child{
width: 115px;
float: left;
font-size: 16px;
color: #464646;
padding-left: 125px;
padding-top: 24px;
}
.zhaopin_intro ul li{
width: 1200px;
height: 64px;
border-bottom: 1px solid #e2e2e2;
}
.zhaopin_intro ul li:last-child{
border-bottom: none;
}
.zhaopin_intro ul li ul li{
width:215px;
height: 40px;
float: left;
font-size: 14px;
color: #707070;
padding-top: 24px;
text-align:center;
}
.zhaopin_intro ul li ul li{
border-bottom: none;
}
.zhaopin_intro ul li ul li:last-child{
width: 115px;
height: 40px;
float: left;
font-size: 14px;
color: #707070;
padding-left: 125px;
padding-top: 24px;
}
.zhaopin_intro ul li ul li:last-child a{
width: 83px;
height: 28px;
border:1px solid #e2e2e2;
color: #656565;
padding: 9px 13px;
}
.zhaopin_intro ul li ul li:last-child a:hover{
width: 83px;
height: 28px;
border:1px solid #b4251d;
color: #fff;
padding: 9px 13px;
background: #b4251d;
}
.zhaopin_remarks{
width:1080px;
margin: 0 auto;
font-size: 14px;
color: #757575;
line-height:2em;
font-family:'微软雅黑';
}
/*product 单个产品*/
#product_right_main{
width:1200px;
margin: 0 auto;
margin-top: 30px;
height:auto;
/*padding:10px 0px;*/
min-height:320px;
line-height:2em;
/*padding:20px 42px;*/
/*color:#ccc;*/
}
.product_right_main2{
padding:20px 42px;
}
#product_right_main img{
max-width:680px;
}
#product_right_main .remark{
width: 570px;
height: auto;
line-height: 160%;
color: #999;
float: right;
}
#product_right_main p{
padding:5px 0px;
}
.product_right_list{
width:180px;
height:auto;
padding:10px 23px;
float:left;
}
.product_right_list2{
padding-top: 20px;
padding-left: 0px;
}
.product_right_list a{
width:180px;
height:auto;
display: block;
}
.product_right_list .image{
/* width:176px;*/
height:186px;
/* border:1px solid #e2a802;*/
padding:1px;
float:left;
background-color:#fff;
}
.product_right_list .case_image{
width:176px;
height:186px;
/* border:1px solid #e2a802;*/
padding:1px;
float:left;
background-color:#fff;
}
.product_right_list .title{
width:180px;
height:40px;
line-height:40px;
text-align:center;
float:left;
}
.pro_content{
width: 1200px;
padding:10px 0px;
height: auto;
float:right;
}
.pro_main{
width: 1200px;
height: auto;
float:left;
}
.pro_main .pro_left{
width: 416px;
height: auto;
float:left;
margin-left: 70px;
}
.pro_main .pro_right{
width: 585px;
height: auto;
float:right;
margin-right: 70px;
}
.pro_main .pro_list1{
width: 520px;
height: 35px;
line-height: 35px;
background: #00ac38;
color:#fff;
padding:0px 10px;
position: relative;
float: right;
margin-right: 20px;
}
.pro_main .pro_list1 a.goback{
width: auto;
height: 35px;
line-height: 35px;
padding:0px 20px;
background: #039733;
color:#beb4b4;
top:0;
right:0px;
position: absolute;
}
.pro_main .pro_list1 a:hover.goback{
color: #fff;
}
.pro_main .pro_list2{
width: 535px;
height: auto;
padding:20px 0px;
min-height: 300px;
line-height: 2em;
float: right;
margin-right: 20px;
}
.pro_main .pro_list3{
width: 565px;
height: auto;
text-align: right;
padding:10px 0px;
margin-right: 20px;
}
.pro_main .pro_list3 a{
display: inline-block;
padding:5px 10px;
background: #039733;
margin:0px 5px;
color: #beb4b4;
}
.pro_main .pro_list3 a:hover{
color: #fff;
}
.pro_title{
width: 1060px;
height: 35px;
line-height: 35px;
background: #0fa13e;
color:#fff;
padding:0px 10px;
margin:10px 0px;
font-weight: bold;
margin: 0 auto;
}
.pro_detil{
width: 1060px;
height: auto;
padding:5px 0px;
line-height: 2em;
margin: 0 auto;
margin-bottom: 50px;
margin-top: 20px;
}
.pro_detil img{
/*
max-width: 700px;
*/
}
/*news*/
.newspage{
width:1200px;
margin-top:10px;
margin-left: 30px;
border-top:1px solid #ccc;
margin: 0 auto;
padding:20px 0px;
position: relative;
height:40px;
margin-bottom: 50px;
}
.newspage a.backlist{
width:100px;
height: 25px;
line-height: 25px;
text-align: center;
background: #eee;
position: absolute;
right:0px;
top:20px;
}
/*case*/
.news_right_main .news_right_list{
width: 300px;
height: 300px;
}
.news_right_list{
padding: 0px;
}
.news_right_list .image{
width: 256px;
height: 240px;
}
.news_right_list .news_title{
width: 256px;
height: 40px;
line-height: 40px;
text-align: center;
}
.preview{width:402px; height:455px;border:1px solid #e9e9e9;}
/* smallImg */
.smallImg{position:relative; height:52px; margin-top:1px; background-color:#F1F0F0; padding:6px 5px; width:400px; overflow:hidden;float:left;}
.scrollbutton{width:14px; height:50px; overflow:hidden; position:relative; float:left; cursor:pointer; }
.scrollbutton.smallImgUp , .scrollbutton.smallImgUp.disabled{background:url(../images/d_08.png) no-repeat;}
.scrollbutton.smallImgDown , .scrollbutton.smallImgDown.disabled{background:url(../images/d_09.png) no-repeat; margin-left:375px; margin-top:-55px;}
#imageMenu {height:50px; width:360px; overflow:hidden; margin-left:0; float:left;}
#imageMenu li {height:50px; width:60px; overflow:hidden; float:left; text-align:center;}
#imageMenu li img{width:50px; height:50px;cursor:pointer;}
#imageMenu li#onlickImg img, #imageMenu li:hover img{ width:44px; height:44px; border:3px solid #959595;}
/* bigImg */
.bigImg{position:relative; float:left; width:400px; height:400px; overflow:hidden;}
.bigImg #midimg{width:400px; height:400px;}
.bigImg #winSelector{width:235px; height:210px;}
#winSelector{position:absolute; cursor:crosshair; filter:alpha(opacity=15); -moz-opacity:0.15; opacity:0.15; background-color:#000; border:1px solid #fff;}
/* bigView */
#bigView{position:absolute;border: 1px solid #959595; overflow: hidden; z-index:999;}
#bigView img{position:absolute;}
.lus {
padding-bottom: 70px;
overflow: auto;
min-height: 300px;
}
.work .aa2 {
background: #686868;
height: 50px;
line-height: 50px;
text-align: center;
margin-bottom: 12px;
}
.work .aa2 dd.aa3 {
float: left;
width: 148px;
color: #f1f1f1;
font-size: 14px;
}
.work ul {
border-top: 1px solid #ececec;
padding-bottom: 50px;
}
.work .work-pic {
background: url(../images/jia_05.jpg) no-repeat right center;
width:1200px;
height: 50px;
line-height: 50px;
cursor: pointer;
font-size: 14px;
border-bottom: 1px dashed #e1e1e1;
}
.work .work-pic .hong1 {
color: #7f7f7f;
width: 400px;
float: left;
font-size: 14px;
text-align: left;
padding-left: 20px;
}
.work .work-pic .hong {
color: #7f7f7f;
width: 135px;
float: left;
font-size: 14px;
text-align: center;
width:160px;
margin-right:30px;
}
.work .finay {
width:900px;
margin:0 auto;
line-height:2em;
display: none;
font-size:14px;
font-family:'微软雅黑';
margin-top:30px;
}
.work .work-pic.onclick .hong, .work .work-pic.onclick .hong1, .work .work-pic:hover .hong, .work .work-pic:hover .hong1 {
color: #c70009;
}
.about .product{float: left;margin-left: 65px;margin-top: 25px;width: 440px;}
.about .product .says{font-size:14px;display:block;width:428px;line-height:28px;margin-top: 30px;}
.work{margin-bottom:30px;}
.work .aa2 dd.big{text-align:left;padding-left:20px}
.work .aa2 dd.aa3{float:left;width:160px;color:#f1f1f1;font-size:14px;text-align:center;}
.work .aa2{background:#686868;height:50px;line-height:50px;text-align:center;margin-bottom:12px}
.work ul{border-top:1px solid #ececec;padding-bottom:50px}
.pro-context{overflow:hidden}
.right{color:#3a3a3a;position:absolute;right:-3px;top:10px;z-index:5}
.work .work-pic{background:url(../images/jia_05.jpg) no-repeat right center;width:1200px;height:50px;line-height:50px;cursor:pointer;font-size:14px;border-bottom:1px dashed #e1e1e1}
.work .work-pic.onclick .hong,.work .work-pic.onclick .hong1,.work .work-pic:hover .hong,.work .work-pic:hover .hong1{color:#c70009;}
.work .work-pic.onclick,.work .work-pic:hover{background:url(../images/jian_06.jpg) no-repeat right center;border-bottom:1px solid #ececec;}
.work .work-pic .hong1{color:#7f7f7f;width:400px;float:left;font-size:14px;text-align:left;padding-left:20px;}
.work .work-pic .hong{color:#7f7f7f;width:135px;float:left;font-size:14px;text-align:center;}
.work .current .work-pic div{color: #c70009!important;}
.work .current .work-pic{background:url(../images/jian_06.jpg) no-repeat right center;border-bottom:1px solid #ececec;}
.work .finay{padding:0 5px;display:none}
.work .finay h2{font-size:14px;color:#666;font-weight:400;margin-top:20px;margin-bottom:18px}
.work .finay .gwyq{color:#666;font-size:14px;margin-bottom:6px;display:block;}
.work .finay .gwyq1{color:#666;font-size:14px;margin-bottom:2px;margin-top:30px}
.work .finay .yq{width:1000px;color:#666;font-size:14px;line-height:28px}
.work .finay .yq p{margin-bottom: 6px;}
.work .finay .yq2{width:950px;color:#666;font-size:14px;line-height:28px}
.work .finay .jl{background:url(../images/jl_03.jpg) no-repeat;color:#fff;font-size:14px;width:135px;height:37px;padding-left:20px;line-height:37px;display:inline-block;margin-right:22px;margin-bottom:30px}
.work .finay .jl:hover{background:url(../images/jl_04.jpg) no-repeat}
.work .finay .jly{background:url(../images/jl_05.jpg) no-repeat;text-indent:8px;color:#fff;transition-duration:500ms;font-size:14px;width:135px;height:37px;line-height:37px;display:inline-block;margin-right:22px;margin:10px 0 30px 0;}
.work .finay .jly:hover{background:url("../images/jl_05h.jpg") no-repeat;color:#fff;}
.work .finay .email{background:url(../images/jl_04.jpg) no-repeat;color:#fff;font-size:14px;width:135px;height:37px;padding-left:8px;line-height:37px;display:inline-block;margin-top:30px;margin-bottom:40px}
.work .finay .email:hover{background:url(../images/jl_04.jpg) no-repeat}
/* END */