﻿@charset "utf-8";
/* CSS Document */

body, h1, h2, h3, h4, h5, h6, hr, p,blockquote, /* structural elements 结构元素 */

dl, dt, dd, ul, ol, li, /* list elements 列表元素 */ 

pre, /* text formatting elements 文本格式元素 */ 

form, fieldset, legend, button, textarea, /* form elements 表单元素 */ 

th, td, /* table elements 表格元素 */ 

img{border:medium none;margin: 0;padding: 0;}/* img elements 图片元素 */ 

body,button,select, textarea,input {color:#333; letter-spacing:1px;font-size:12px;font-family:"微软雅黑","宋体","Arial"}  /** 设置默认字体 **/ 

h1, h2, h3, h4, h5, h6 {font-size: 100%;}  

em{font-style:normal;}  

ul, ol { list-style: none; }/** 重置列表元素 **/ 
 

/*重置超链接元素*/ 
a { text-decoration: none; color:#333} 
a:hover{text-decoration: none; color:#666} 

img{ border:0px;}/*重置图片元素*/ 

table {border-collapse: collapse; border-spacing: 0; }/* 重置表格元素*/

/*
_behavior:url(iepngfix.htc);
overflow:hidden; white-space:nowrap; text-overflow:ellipsis
*/ 
.clear{clear:both}

/*-------------index--------------*/
#top{width:1000px; height:123px; margin:0 auto}
#logo{width:124px; height:123px; float:left}
.box1{width:876px; height:123px; float:left}
.box2{width:876px; height:70px;}
.page{ height:38px; background:url(../images/page.jpg) no-repeat right center;}
.page li{float:right; width:60px; line-height:30px;}
.topmenu{float:right}
.topmenu a{color:#333;}
.topmenu a:hover{color:#a82207;}
.box3{width:876px; height:41px}
#nav{width:537px; height:41px; float:left}
#nav li{float:left; line-height:41px; width:80px; text-align:center; margin-left:20px; display:inline}
#nav li a{display:block; color:#3a3a3a; font-size:18px}
#nav li a:hover{color:#a82207; display:block}
.search{width:273px; height:21px; background:url(../images/search.jpg) no-repeat left center; float:right; padding:10px}
.text1{width:180px; height:18px; line-height:18px; float:left; border:none; background:none}
.btn{width:70px; height:25px; float:left; border:none; background:none; margin-left:15px}
#banbg{height:443px}
#banner{width:1000px; margin:0 auto}
.banner1{width:1000px; height:400px; }
.banner1 img{width:1000px; height:400px}
#main{width:1000px; margin:20px auto 0px auto}
.left{float:left; width:260px;}
.leul{width:260px;}
.leul li { float:left; width:260px; height:97px; margin-top:5px}
.leul li a{display:block;}

.call{width:258px; height:218px; background:url(../images/icallbg.jpg) no-repeat left center; margin-top:10px; overflow:hidden}
.callik{width:248px; height:43px; line-height:43px; padding-left:10px}
.callik a{display:block; color:#FFF; font-weight:bold; font-size:18px}
.callcont{width:238px; height:155px; padding:10px}

.right{float:right; width:700px; margin-left:40px}
.rititle{width:700px; height:26px; font-size:18px; font-weight:bold; color:#454646}
.ribox1{width:700px}
.imgbox{width:250px; height:100px; float:left; margin-top:10px}
.textbox{width:430px; height:100px; float:left; margin-left:20px; overflow:hidden;margin-top:10px}
.newsul{width:700px; margin-top:15px; float:left}
.newsul li{width:700px;}
.newsul li a{width:600px; display:block; height:24px; line-height:24px;pxoverflow:hidden; white-space:nowrap; text-overflow:ellipsis
}
.newsul li a:hover{color:#666}
.newsul li span{float:right; color:#666}
.kehu{height:98px;  padding-top:20px}
.kehu li{width:110px; height:70px; float:left; margin-left:5px}
.kehu li a{display:block}
.kehu li img{ width:110px; height:70px;}
#foot{ height:150px; border-top:#b0afaf solid 1px; margin-top:15px}
.copyright{width:1000px; height:120px; text-align:center; padding-top:30px; line-height:22px; margin:0 auto}


/*-------------about--------------*/
.aboutright{float:right; width:678px; margin-left:40px; background:#f6f3f3; border:#dddbdb solid 1px; padding:10px}

/*-------------about1--------------*/
 .about1left{width:200px; float:left}
 .abouth1{width:157px; height:43px; background:url(../images/lemenu.jpg) no-repeat left center;line-height:43px; font-size:18px; padding-left:40px}
 .about1_ul{width:197px}
 .about1_ul li{float:left; width:195px; height:41px; line-height:41px; font-size:14px;border:#d4d4d4 solid 1px;}
 .about1_ul li a{display:block; width:157px; height:41px;  background:url(../images/lehover.jpg) no-repeat left center; padding-left:40px}
 .about1_ul li a:hover{display:block;  width:157px; height:41px; color:#a82207;background:url(../images/lebg.jpg) no-repeat left center; padding-left:40px}

 
 .about1right{width:728px; margin-left:50px; float:left; background:#fdfbfb; border:#dddbdb solid 1px; padding:10px}
 .abouttittle{width:728px; height:40px; border-bottom:#a82207 dashed 1px}
 .weizhi{background:url(../images/weizhi.jpg) no-repeat left center; padding-left:25px; line-height:40px; float:right}
 .abspan{float:left; font-size:18px; color:#a82207; line-height:40px}
 .aboutcont{width:728px; padding-top:20px}
 
 /*-------------case--------------*/
.case{width:1000px; overflow:hidden}
.caseul{ width:1000px}
.caseul li{float:left; margin-left:5px; display:inline}
.caseul li img {width:195px; height:116px}

 /*-------------case1--------------*/
 .case1ul{width:728px}
 .case1ul li{float:left; width:710px; background:url(../images/ulicon.jpg) no-repeat left center; height:30px; line-height:30px; padding-left:18px}
 .case1ul li a{width:600px; height:30px;overflow:hidden; white-space:nowrap; text-overflow:ellipsis; display:block
 }
  .case1ul li a:hover{color:#a82207; display:block}
 .case1ul li span{float:right; color:#666}
 
  /*-------------product--------------*/
.pleft{width:750px; float:left; background:#828181; height:150px; padding:10px; overflow:hidden}
.pleft_ul{width:760px}
.pleft_ul li{float:left; width:180px; height:150px; margin-right:10px}
.pleft_ul li img{width:180px; height:150px}
.pright{width:204px; float:right}
.pright_ul li{float:left; border:#888585 solid 1px; margin-top:3px}
.pright_ul li img{width:204px; height:51px}

/*-------------product2--------------*/
.proul2{width:728px}
.proul2 li{float:left; width:180px; height:180px; margin-left:50px; margin-top:30px; display:inline}
.proul2 li img{ width:180px; height:150px}
.proul2 li p{width:180px; height:30px; line-height:30px; text-align:center}

/*-------------product3--------------*/
.pro3img{width:360px; height:250px; float:left}
.pro3text{width:360px; height:250px; float:right}
.pro3text h4{font-size:18px; line-height:50px}
.pro3text p{line-height:24px}
.pro3cont{width:728px; padding-top:10px; float:left}

/*-------------jion--------------*/

.jionle{width:750px; float:left;height:150px; padding:9px; border:#a6a3a3 solid 1px}
.jionle img{float:left}
.jionle p{float:left; width:450px; padding-left:20px; font-size:14px; font-weight:bold; text-indent:2em; line-height:28px}
.jionle p label{color:#a82207; font-size:18px}

.jion_ul li{float:left; border:#888585 solid 1px;}
.jion_ul li img{width:204px; height:68px}

/*-------------jion2--------------*/

 .jion2_ul{ width:700px}
 .jion2_ul li{border-bottom:#ccc dashed 1px; line-height:30px; height:30px;width:700px}
  .jion2_ul li a{display:block; cursor:pointer; width:700px; height:30px;}
  .jion2_ul li a:hover{color:#666}
 .jion2_ul li ul li{width:25%; float:left}
/*-------------news-------------*/
.newsle{width:490px; float:left}
.newsimg{width:203px; height:147px; float:left; border:#827e78 solid 1px}
.newsimg img{ width:203px; height:147px}
.newslebox{width:280px; float:left; padding-left:5px; height:149px}
.newslebox h5{font-size:18px}
.newsleul{width:280px; margin-top:15px;}
.newsleul li{width:280px;}
.newsleul li a{width:190px; display:block; height:24px; line-height:24px;overflow:hidden; white-space:nowrap; text-overflow:ellipsis
}
.newsleul li a:hover{color:#666}
.newsleul li span{float:right; color:#666}


/*---about_XX--*/
.clearFloat{ clear:both;}
#pre{ float:left; width:30px; padding-top:10px;}
#next{ float:left;width:30px; padding-top:10px; text-align:right;}
#TimeLineBox{ width:660px; height:40px; overflow:hidden; float:left; position:relative; font-family:"宋体","Arial";}
#TimeLine{ margin:0px; padding:0px; list-style:none; width:9999px; position:absolute; left:0px; top:0px;}
#TimeLine li{ margin:0px; padding:0px; width:110px; height:40px; background:url(../imgags/rylc-li.jpg) center bottom no-repeat; float:left; text-align:center;}
#TimeLine .liOn{background:url(../imgags/rylc-li-on.jpg) center bottom no-repeat; cursor:pointer; color:#D84852; font-weight:bold;}

#TimeLineContents{margin:0px; padding:0px; list-style:none; font-family:"宋体","Arial";}
#TimeLineContents li{margin:0px; padding:0px;}