@charset "utf-8";
/* CSS Document */
/*----------------------公用------------------*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {padding:0;margin:0} 
table {border-collapse: collapse;border-spacing:0} 
fieldset,img {border:0} 
address,caption,cite,code,dfn,em,strong,th,var {} 
ol,ul,li { list-style:none} 
caption,th {text-align: left} 
h1,h2,h3,h4,h5,h6 { font-size:100%; font-family:"微软雅黑";}
q:before,q:after {content:''} 
abbr,acronym { border:none;}
body{font:14px "微软雅黑","黑体";}
img{border:none;behavior:url("/templets/default/images/iepngfix.htc")}
input,select,button{vertical-align:middle;}
/*--------------------公用------------------*/
.clear{clear:both; }
body{ color:#444;}
a{text-decoration:none; color:#444;}
a:hover{text-decoration:none;    cursor: pointer;}
.lf{ float:left;}
.rg{ float:right;width: 205px;}
.w1100{ width:1100px; margin:0 auto; background:#D6E7F6;}
.mt20{ margin-top:20px;}
.mb20{ margin-bottom:20px;}
.pt20{ padding-top:20px;}
.pb20{ padding-bottom:20px;}
/*-----------head-----------*/
.head{ width:1100px; margin:10px auto;}
.yuyan{ margin-top:25px; margin-right:20px;}
/*---------------nav-----------*/
#nav{ background:#8e6a51; width:100%; height:48px;background-image: -webkit-gradient(linear,left top,left bottom,from(#998a7d,),to(#EBEAE9));
background-image: -webkit-linear-gradient(#998a7d, #EBEAE9);
background-image: -moz-linear-gradient(#998a7d, #EBEAE9);
background-image: -ms-linear-gradient(#998a7d, #EBEAE9);
background-image: -o-linear-gradient(#998a7d, #EBEAE9);
background-image: linear-gradient(#998a7d, #EBEAE9);}
.nav{ font-size:15px; font-family:"微软雅黑"; width:1200px; margin:0 auto; height:48px; line-height:48px; position: relative; z-index:100; }
.navmain{ height:48px; position:relative; width:100%; }
#nav_all{ width:1200px; height:48px; margin:0 auto; line-height:48px; position:relative; z-index:222;}
#nav_all .nav_li{ float:left;text-align:center;border-right: 1px solid #979797;}
#nav_all .nav_li:hover{ background:#845331;
background-image: -webkit-gradient(linear,left top,left bottom,from(#897f75,),to(#ccc8c5));
background-image: -webkit-linear-gradient(#897f75, #ccc8c5);
background-image: -moz-linear-gradient(#897f75, #ccc8c5);
background-image: -ms-linear-gradient(#897f75, #ccc8c5);
background-image: -o-linear-gradient(#897f75, #ccc8c5);
background-image: linear-gradient(#897f75, #ccc8c5);
}
.nav_li .nav_a{ color:#222; display:block; cursor:pointer; height:48px; line-height:48px; white-space:nowrap; width:132px;}
.ul_er{display:none; position:absolute; z-index:99; width:133px; background:#8e6a51;}
.ul_er li{ line-height:42px; height:42px; font-size:14px; background:#897f75;}
.ul_er li a{height:42px; line-height:42px; color:#fff; font-weight:normal; display:block; cursor:pointer; white-space:nowrap;}
.ul_er li a:hover { margin:0px auto; height:42px; line-height:42px; background:#845331;}
#nav_all .active{ height:40px;}
#nav_all .active .nav_a{ background:#727071;}
/*-------------banner----------*/
#banner {width:100%; position:relative; overflow:hidden; z-index:2; height:420px; min-width:1100px;}
#banner ol {position:absolute; z-index:5; bottom:40px; height:15px; left:0;}
#banner ul {position: absolute;left:0;}
#banner ul li {float: left;position:relative;}
#banner ul li a img {position: relative;}
#banner ol li {float: left;}
#banner ol li a {display: block; background: url(../images/bg_num.png) no-repeat left top; width: 16px;height: 15px;}
#banner ol li .active {background: url(../images/bg_num_on.png) no-repeat left top;}
/*--------关于我们-------*/
.about{ padding:20px 0; margin-top:20px;}
.about .about_wz{ width:800px; float:left; line-height:24px; margin-left:20px; color:#736f6f;}
.about .about_wz h3{ font-size:16px; padding-bottom:10px; color:#333;}
.about .chak{ float:right; display:block; width:160px; height:45px; background:url(../images/anniu.jpg) no-repeat center; font-size:18px; color:#fff; line-height:45px; margin:25px 50px 0 0; text-indent:50px;}
.h4{height:30px; padding:20px 0 10px;}
.h4 span{ font-size:20px; font-family:"微软雅黑"; padding-left:5px; text-align:center; }
.h4 .span1{ color:#e26716;}
/*------------下拉分类-----------*/
.products{ margin-left:20px; padding-bottom:20px;}
.pro_lei{ margin-left:10px; width:210px;}
.toubu{ background:url(../images/toubu_bg.jpg) repeat-x; border:1px solid #e0e0e0; border-radius:5px; height:38px; font-size:16px;color:#e26716; line-height:38px; text-align:center;}
#accordion{ width:210px; font-size:12px;}
#accordion .fenlei{ font-size:14px; border:none; padding:8px 25px; text-indent:10px; border:1px solid #e0e0e0; border-radius:5px; margin-top:5px; cursor:pointer; background:url(../images/more.png) no-repeat 10px 8px;}
#accordion .div_fen{ border:none; padding:0; margin:0;}
#accordion .div_fen .fen_ul{ font-size:12px; text-align:left;}
#accordion .div_fen .fen_ul li{ text-align:left; list-style:none; background:url(../images/list_li.jpg) no-repeat left; line-height:30px;
 height:30px; text-indent:10px; margin-left:25px;}
/*产品列表*/
.pro_list{ width:840px;}
.newpro-ul {text-align:center;}
.newpro-ul li { float:left; margin-left:20px; display:inline; }
.newpro-ul li a{ display:block; zoom:1; overflow:hidden;}
.newpro-ul li a:hover .boximg{border:1px solid #e26716;}
.newpro-ul li .boximg{ margin:3px;  border: 1px solid #cfcfcf}
.newpro-ul li img{width:175px;}
.newpro-ul .boxtxt{line-height:30px; color:#1b1b1b;}

.ff_sitecontent{margin-top: 183px;}
/*============bottom=============*/
.bottom{ background:#E26716; padding:15px 0;}
.bottom ul{width:1100px; margin:0 auto;}
.bottom ul li{float:left; padding:0 107px;}
.bottom ul li .li_p{font-size:14px; color:#fff; font-weight:bold; background:none; padding-left:0; line-height:26px;}
.bottom ul li p{line-height:24px;color:#fff; font-size:12px;}
.bottom ul li p a{color:#ccc;}
/*版权*/
.foot{text-align:center; width:1100px; margin:10px auto 0;  color:#222222; padding-top:20px; border-top:1px solid #424242;}
.foot a{ color:#fff; padding:0 5px;}
/*------列表页------*/
.big_bg{ background:url(../images/introduceBg.jpg) no-repeat top; background-attachment: fixed;}
.location{ width:1100px; margin:0 auto; padding:10px 0;}
.location h1{ font-size:30px;}
/*------------ 分页--------------*/
#page {overflow:hidden; height:32px;text-align:center; margin-top:20px; font-size:14px; display:block;}
#page p {height:32px; line-height:32px; display:block;}
#page a {padding:3px 8px; overflow:hidden; border:1px solid #ccc; color:#666; background:#FFF;}
#page a:hover {color:#fff; background:#e26716; border: 1px solid #e26716;}
#page p .currpage {color:#fff; background:#e26716; border:1px solid #e26716; padding:3px 8px;}
/*------内页左侧-----*/
.list_erji li{ line-height:35px; border-bottom:1px solid #e0e0e0; padding-left:20px;}
.list_erji li:hover{ background:#f5f5f5;text-decoration: none;color: #E26716;}
.list_erji li a{ display:block;}
.list_rg{ width:820px; margin-left:20px; min-height:500px;}
/*-----新闻中心------*/
.list_join li{border-radius:5px; margin-bottom:20px; border-bottom:1px dashed #e0e0e0; padding-bottom:20px;}
.list_join li .wenzi{ margin-left:20px; width:650px;}
.list_join li .wenzi p{ line-height:24px; color:#666;}
.list_join li .wz_tit{ font-weight:bold; font-size:15px; padding-bottom:5px; display:inline-block; line-height:20px;}

.download li .wenzi{ width:560px;}
.download li .xiazai{ width:80px; height:30px; background:#E26716; color:#fff; margin-top:30px; border:none; float:right;}
.download li .xiazai:hover{ background:#b72024;}
.download li .xiazai p{ line-height:30px; text-align:center;}
/*-------内容页----*/
.neirong{ margin-top:40px;}
.biaoti{ font-size:18px; font-weight:bold; padding:15px 0 5px; text-align:center;}
.bt_view{ font-size:14px; line-height:26px;}
.shijian{ text-align:center; color:#999; padding-top:5px; padding-bottom:20px;}
.news_view{margin-left:15px; font-family:"微软雅黑";}

/*---------产品内容页产品放大效果--------*/
.box{width:820px;margin:0 auto; margin-left:20px;}
.left-pro{width:800px; padding:20px 10px; border:1px solid #e0e0e0; text-align:left;}
.left-pro .t1{width:100px;float:left}
.left-pro .t2{width:400px;text-indent:0;float:left; border:1px solid #e0e0e0;}
.left-pro .t2 img{text-indent:0;}
#showArea img{cursor:pointer;display:block;margin-bottom:5px;width:68px;padding:1px;border:1px solid #ccc;height:68px;float:left}
#main_img{cursor:pointer;display:block}
#gotop{cursor:pointer;display:block;margin-left:9px}
#gobottom{cursor:pointer;display:block;margin-left:9px}
#showArea{height:320px;margin:10px;overflow:hidden}
.left-pro .t3{ float:left; width:270px; margin-left:20px;}
.ziliao .w80{ width:80px; display:inline-block; text-align:right;}
.ziliao{font-family:"微软雅黑"; font-size:16px;}
.ziliao .probt{ font-size:20px; line-height:40px; font-weight:bold; text-align:center;}
.ziliao .shuyu{ line-height:50px;}
.ziliao .miaoshu{ line-height:30px; font-size:14px;}
.xiangq{ margin-top:20px;}
.h2{border-bottom:2px solid #e26716;}
.h2 span{ background:#e26716; font-size:14px; font-weight:bold; display:block; color:#fff; width:100px; height:27px; line-height:27px; text-align:center;}
.xinxi{ line-height:24px; margin:10px 0;}
/*------liuyan------*/
.table{ background:#e7f2f5; width:700px; padding:15px; margin:10px auto 0; font-size:16px; font-family:"微软雅黑"; text-align:center; border:1px solid #bdd5dc;}
.liuyan_view{ margin:30px auto 50px;}
.liuyan_view tr{ line-height:50px; font-family:"微软雅黑"; font-size:16px; height:50px;}
.liuyan_view tr td .ewm{ float:left; margin-left:10px;}
.liuyan_view tr td input{ width:200px; height:30px; line-height:30px; border:1px solid #e0e0e0; padding-left:10px; margin-top:10px;}
.liuyan_view tr td textarea{ width:400px; height:50px; border:1px solid #e0e0e0; padding:10px;}
.liuyan_view tr td .huise{ font-size:13px; color:#888;}
.tijiao button{ background:#e26716; width:60px; height:30px; text-align:center; color:#fff; border:none; font-weight:bold; font-size:14px;}
.xinghao{color:#ff0000;}

.pro_pic{ width:840px;}

.products1{ height:440px;}

.left_contact{overflow: hidden;height: 248px;background: url("../images/left_contact.jpg") no-repeat center;}
.left_contact_c{overflow: hidden;margin:0px auto;font-size: 12px;padding: 88px 0px 0px 0px;}
.left_contact_c1{background: url("../images/left_tel.jpg") no-repeat 2px 1px;color: #666;padding-left: 20px;padding-bottom: 8px;}
.left_contact_c2{background: url("../images/left_mail.jpg") no-repeat 0px 4px;color: #666;padding-left: 20px;padding-bottom: 8px;line-height: 18px;}
.left_contact_c3{background: url("../images/left_address.jpg") no-repeat 0px 2px;color: #333;padding-left: 20px;}


.box_list{    margin: 30px auto 0px;
    width: 1118px;
    background: #fff;
    float: none;
    height: 434px;}


  .box_list li    {  -webkit-transition: all .25s ease 0s;
    -moz-transition: all .25s ease 0s;
    -ms-transition: all .25s ease 0s;
    -o-transition: all .25s ease 0s;
    transition: all .25s ease 0s;
}
  .box_list li img {  -webkit-transition: all .25s ease 0s;
    -moz-transition: all .25s ease 0s;
    -ms-transition: all .25s ease 0s;
    -o-transition: all .25s ease 0s;
    transition: all .25s ease 0s;
}
.box_list li:hover img{ margin-top:-4px;}
.box_list li:hover{
    box-shadow: 0 8px 35px rgba(0,0,0,.08);
}

.box_list .li_1{padding: 30px 20px; width: 233px;     height: 374px;float:left;}
.box_list .li_1 .tit{     line-height: 30px;
    color: #333;
    font-size: 28px;
    width: 230px;
    overflow: hidden;
    height: 32px;}
.box_list .li_1 .bh{     font-size: 14px; color:#fff; height:30px;}
.box_list .li_1 .pic{ display: block; margin-top: 14px;}
.box_list .li_1 .pic img{ max-width: 100%;}
.box_list .li_1 .p1{
   background: #e2e2e2;
    margin-top: 15px;
    display: block;
    width: 86px;
    text-align: center;
    height: 30px;
    line-height: 30px;
}

.box_list .li_2{ background:#ffffff;       height: 434px;   background: #ffffff;
width: 420px;float: left;
    border-right: #ececec 1px solid;
}
.box_list .li_2 .pic{display: block; padding: 0px 90px;   margin-top: 50px;}
.box_list .li_2 .pic img{ max-width: 100%;}
.box_list .li_2 .tit{     color: #333333;    height: 30px;
    font-size: 16px; text-align: center;       margin-top: 25px;
    margin-bottom: 5px;}
.box_list .li_2 .bh{   text-align: center;
display: block; font-family: "宋体", Arial;      color: #999;
    font-weight: normal;     font-size: 12px; height:30px;}
.box_list .li_2 .p1{
    display: block;
    color: #af1509;
    text-align: center;
    line-height: 30px;
}


.box_list .li_3{ height:217px;      float: right;
    width: 424px;  border-bottom: #ececec 1px solid;}
.box_list .li_3 .pic{    width: 180px;
    float: left; overflow:hidden;     padding: 18px;
    height: 180px;}
    .box_list li .pic img {max-width: 100%;    max-height: 100%; }

.box_list .li_3 .con {margin-top: 40px;margin-right: 10px;
    width: 198px;position: relative;height: 145px;
    float: right;}

    .box_list .li_3 .con .tit{      line-height: 30px;overflow: hidden;
    color: #333;
    font-size: 20px;}
   .box_list .li_3 .con .bh{  display: block;   font-family: "宋体", Arial;  color: #999; margin-top: 8px;
   }
 .box_list .li_3 .con .p1{    height: 22px;
    color: #af1509;
    font-size: 12px;
    cursor: pointer;position: absolute;
bottom: 0px;
    font-weight: bold;
    margin-top: 8px;}



  .box_list .li_1{
  background:#d8ac8f;
}

.btn {
    border-bottom: 0px;
    text-align: center;
    border-left: 0px;
    line-height: 31px;
    width: 72px;
    height: 31px;
    color: #fff;
    font-size: 14px;
    border-top: 0px;
    cursor: pointer;
    font-weight: bold;
    border-right: 0px;
}

.btn-com-03 {
    line-height: 27px;
    width: 51px;
    background: url(../images/ss.jpg) no-repeat 0px 0px;
    height: 38px;
    font-size: 12px;
}

.custom_service p img {display: inline; margin-top:-5px; vertical-align:middle;}
.scrollsidebar{position:absolute; z-index:999; top:150px;    margin-top: 100px;}
.side_content{width:154px; height:auto; overflow:hidden; float:left; }
.side_content .side_list {width:154px;overflow:hidden;}
.show_btn{ width:0; height:112px; overflow:hidden; margin-top:50px; float:left; cursor:pointer;}
.show_btn span { display:none;}
.close_btn{width:24px;height:24px;cursor:pointer;}
.side_title,.side_bottom,.close_btn,.show_btn {background:url(../images/sidebar_bg.png) no-repeat;}
.side_title {height:46px;}
.side_bottom { height:8px;}
.side_center {font-family:Verdana, Geneva, sans-serif; padding:5px 12px; font-size:12px;}
.close_btn { float:right; display:block; width:21px; height:16px; margin:16px 10px 0 0; _margin:16px 5px 0 0;}
.close_btn span { display:none;}
.side_center .custom_service p { text-align:center; padding:6px 0; margin:0; vertical-align:middle;}
.other  { text-align:center;border-bottom:1px solid #ddd;border-top:1px solid #ddd}
.other p { padding:5px 0; _height:16px; margin:0;color: #666666;}
.msgserver { text-align:center; margin-bottom:5px;}
.msgserver a { background:url(../images/sidebar_bg.png) no-repeat -119px -115px; padding-left:22px;}

/* blue skin as the default skin */   /*蓝色*/
.side_title, .side_blue .side_title {background-position:-195px 0;}
.side_center, .side_blue .side_center {background:url(../images/blue_line.png) repeat-y center;}
.side_bottom, .side_blue .side_bottom {background-position:-195px -50px;}
.close_btn, .side_blue .close_btn {background-position:-44px 0;}
.close_btn:hover, .side_blue .close_btn:hover {background-position:-66px 0;}
.show_btn , .side_blue .show_btn {background-position:-119px 0;}
.msgserver a, .side_blue .msgserver a {color:#06C;}