@charset "utf-8";
/* CSS Document */
*{ margin:0; padding:0}
li{ list-style:none}
a{ text-decoration:none; color:inherit}
img{ border:0}
h1,h2,b{ font-weight:normal}
body{ font-family:"微软雅黑"}

#header{ width:1100px; height:125px;margin:auto}
#header .logo{ float:left; margin-top:33px; height:60px; width:230px; border-right:1px solid #eee}
#header .tel{ float:left; margin-left:16px; margin-top:28px}
#header .tel h1{ font-size:14px; color:#979797; letter-spacing:1px; font-family:"宋体"; line-height:35px;
text-indent:3px}
#header .tel p{ color:#eb630c; font-size:24px; height:30px; font-weight:bold}
#header .headRight{ float:right; margin-top:28px; position:relative}
#header .headRight p{ font-size:14px; color:#666; line-height:35px; letter-spacing:.5px}
#header .headRight .text{ border:none; border:1px solid #ddd; border-radius:20px; height:28px;
width:190px; text-indent:10px; margin-top:2px}
#header .headRight .btn{ width:25px; height:25px; background:url(../images/search.png) no-repeat;
border:none; position:absolute; right:8px; top:39px}

#nav{ width:100%; height:60px; border-top:3px solid #ea5c01; background-color:#2b2b2b}
#nav ul{ width:1100px; margin:auto; display:table; table-layout:fixed}
#nav ul li{ width:100%; display:table-cell; line-height:60px; text-align:center; position:relative; z-index:999}
#nav ul li a{ color:#fff}
#nav ul li.on{ background-color:#ea5c01}
#nav ul li.on span{ display:block; width:25px; height:20px; position:absolute;
left:50%; margin-left:-12.5px; bottom:-3px}

#nav ul li span{ display:none}

.focus{ width:100%; height:auto;  margin:0 auto; position:relative; overflow:hidden;   }
.focus .hd{ width:100%; height:11px;  position:absolute; z-index:1; bottom:20px; text-align:center;  }
.focus .hd ul{ display:inline-block; height:10px; padding:3px 10px; 
		-webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px; font-size:0; vertical-align:top;}
.focus .hd ul li{ display:inline-block; width:30px; height:5px;  background:rgba(255,255,255,.8); margin:0 3px;  vertical-align:top; overflow:hidden;   }
.focus .hd ul .on{ background:#e77817;  }
.focus .bd{ position:relative; z-index:0; }
.focus .bd li img{ width:100%;  height:auto; }


#services{ width:1100px; height:200px; margin:10px auto}
#services .title{ width:100%; height:70px; margin:auto}
#services .title h1{ color:#ea5800; font-family: fantasy; letter-spacing:1px}
#services .title .solid{ width:250px; height:1px; background-color:#ccc; margin:auto; position:relative; margin-top:8px}
#services .title .solid span{ display:block; height:3px; width:40px; background-color:#ff8820;
position:absolute; left:50%; margin-left:-20px; top:-1.5px}

#services a{ display:block}
#services ul li{ width:150px; height:220px; float:left; overflow:hidden; margin-top:5px; margin-right:166px; border-radius:5px; cursor:pointer}
#services ul li:last-child{ margin-right:0}
#services ul li.icon1{ background:url(../images/icon1.png) no-repeat 0 -225px}
#services ul li.icon2{ background:url(../images/icon2.png) no-repeat 0 -225px}
#services ul li.icon3{ background:url(../images/icon3.png) no-repeat 0 -225px}
#services ul li.icon4{ background:url(../images/icon4.png) no-repeat 0 -225px}
#services ul li p{ text-align:center; margin-top:170px; color:#ea5800; font-size:18px}

#services ul li:hover{ background-color:#ea5800; background-position: 0 0}
#services ul li:hover p{ color:#fff; }


#product{ width:100%; height:380px; margin:50px auto; margin-top:10px}
#product .auto{ width:1100px; height:490px;  margin:auto; position:relative; top:40px}
#product .auto .title{ width:100%; height:75px; margin:auto; border-bottom:1px solid #ddd}
#product .auto .title .more{ float:right; display:inherit; padding:4px 7px; background-color:#ea5800; color:#fff; border-radius:5px; font-size:12px; margin-top:25px}
#product .list{ width:680px; height:60px; margin:10px auto; display:none}
#product .list span{ width:165px; height:55px; background-color:#e5e5e5;
text-align:center; line-height:55px; display:block;
float:left; margin-right:6px; color:#ea5800}
#product .list span.on{ background-color:#ea5800; color:#fff}
#product .list span:last-child{ margin-right:0}
#product ul li{ width:202px; height:270px;  margin-top:20px; float:left; cursor:pointer; border:1px solid #ddd; margin-right:20px}
#product ul li:nth-child(5n){ margin-right:0}
#product ul li .pic{ width:200px; height:210px; margin-left:10px; overflow:hidden; margin-top:5px}
#product ul li .pic img{ transition:all linear 200ms; width:180px; height:200px}
#product ul li .pic:hover img{ transform:scale(1.1,1.1)}
#product ul li p{ text-align:center; line-height:35px; font-size:14px;}
#product .more{ text-align:center; font-size:14px; color:#ea5800; margin-top:20px}
.scroll{ width:100%; height:310px; position:relative}
.scroll ul{ position:relative; width:100%; height:330px}


#main{ width:1100px; height:370px; margin:40px auto}
#main .list{ width:340px; height:360px; float:left; margin-right:40px}
#main .list:last-child{ margin-right:0}
#main .list .title{ width:100%; height:55px;  border-bottom:1px solid #ccc; margin-bottom:20px}
#main .list .title span{ font-size:16px; display:block; display:inline-block;color:#333}

#main .list .title .more{float: right;
    display: inherit;
    padding: 4px 7px;
    background-color: #ea5800;
    color: #fff;
    border-radius: 5px;
    font-size: 12px;
    margin-top: 20px;
}
#main .list1 ul li{ width:100%; height:90px; margin-top:15px} 
#main .list1 ul li .pic{ width:130px; height:85px; border:2px solid #ddd; float:left}
#main .list1 ul li .pic img{ margin-left:25px}
#main .list1 ul li .txt{ width:190px; float:right}
#main .list1 ul li .txt h1{ font-size:15px; margin-top:6px; text-align:right; line-height:25px}
#main .list1 ul li .txt p{ font-size:14px; margin-top:10px; line-height:22px}


#main .list2 ul li{ width:100%; height:100px; margin-bottom:5px}
#main .list2 ul li .tit{ width:100%; height:30px; line-height:30px}
#main .list2 ul li .tit span{ display:block; width:30px; height:30px; background-color:#ea5800; color:#fff;
border-radius:5px; font-size:14px; text-align:center; line-height:30px; float:left}
#main .list2 ul li .tit h1{ float:right; width:305px; font-size:16px}
#main .list2 ul li .nr{ width:295px; height:38px; background-color:#eee; border-radius:5px; font-size:14px;
padding:8px; margin-top:6px; float:right; color:#373636}


#main .list3 ul li { width:165px; height:140px; float:left; margin-bottom:16px}
#main .list3 ul li:nth-child(2n){ float:right}
#main .list3 ul li p{ width:100%; height:30px; line-height:30px; background-color:#eee; color:#333; font-size:14px; margin-top:-4px;
text-align:center}


#links{ width:100%; height:120px; background-color:#f2f2f2}
#links .auto{ width:1100px; margin:auto;}
#links .auto .title{ padding-top:13px; margin-bottom:15px; height:55px; border-bottom:1px solid #ddd; width:100%}
#links .auto ul li{ float:left; margin-right:10px; font-size:14px; color:#666}


#footer{ width:100%; height:100px; background-color:#2b2b2b; text-align:center; font-size:14px; color:#afafae}
#footer p{ width:100%; text-align:center}
#footer span{  margin-right:5px; position:relative; }
#footer .span1{ top:20px}

#page{ width:1100px; min-height:500px; overflow:hidden; margin:40px auto}
#page .leftList{ width:250px; float:left}
#page .leftList ul li{ width:100%; height:60px; background-color:#eee; color:#666; line-height:60px; text-indent:20px; border-bottom:1px solid #ddd; font-size:16px;
background-image:url(../images/jt.png); background-repeat:no-repeat; background-position:95% 50%; position:relative}
#page .leftList .title{ width:100%; height:70px; background-color:#ea5c01; color:#fff; text-align:center; font-size:20px; line-height:70px}
#page .leftList ul li.on{ background-color:#fff}

#page .leftList ul li .hide{ position:absolute; right:-500px; width:500px; background-color:#fff; top:0;
box-shadow:0 0 5px #ccc; display:none;}
#page .leftList ul li .hide p{ line-height:30px; min-height:30px; font-size:13px; overflow:hidden; margin-bottom:5px}
#page .leftList ul li .hide b{ display:block; width:100px; float:left; text-align:right; color:#ea5c01}
#page .leftList ul li .hide p i{ font-style:normal; width:400px; float:left}
#page .leftList ul li .hide span{ float:left}
#page .leftList ul li .hide p:first-child{ margin-top:10px}
#page .leftList ul li .hide p:last-child{ margin-bottom:10px}
#page .leftList ul li:hover .hide{ display:block}
#page .leftList ul li:hover{ background-color:#fff}

#page .rightCon{ width:820px; min-height:500px;float:right}
#page .rightCon .uu{ min-height:100px; overflow:hidden; width:100%}
#page .rightCon .uu li{ width:190px; float:left; margin-right:19px; margin-bottom:15px} 
#page .rightCon .uu li:nth-child(4n){ margin-right:0}
#page .rightCon .uu li img{ width:100%; width:190px; height:224px}
#page .rightCon .uu li .pic{ width:190px; height:224px; border:1px solid #ccc}
#page .rightCon .uu li p{ text-align:center; line-height:35px}
#page .rightCon ul li p{ font-size:14px} 

.contactList .right img{ width:670px}

.crumbs{ width:100%; height:45px; background-color:#eee; line-height:45px; text-indent:20px;
font-size:14px; color:#666}


.productCon{ width:100%}
.productCon .top{ width:100%; height:380px; margin-top:20px}
.productCon .top .leftPic{ width:320px; height:350px; border:1px solid #ddd; float:left}
.productCon .top .leftPic img{ width:320px; height:350px;}
.productCon .top .rightTxt{ width:480px; float:right}
.productCon .top .rightTxt h1{ font-size:20px; width:100%; height:48px; line-height:48px; border-bottom:1px dashed #ccc;
}
.productCon .top .rightTxt p{ line-height:58px; border-bottom:1px dashed #ccc; font-size:14px; width:97%; margin-left:3%}
/*.productCon .top .rightTxt .btn{ display:inline-block; padding:10px 20px; background-color:#ea5c01; color:#fff; border-radius:5px; margin-top:28px}*/
.productCon .top .rightTxt p:last-child img{ position:relative; top:10px}


.productCon .sm{ width:100%}
.productCon .sm .title{ width:100%; line-height:45px; border-bottom:2px solid #ea5c01; color:#ea5c01;
font-size:18px}

.download ul li{ width:260px !important; height:340px; border:1px solid #ddd; float:left; margin-top:15px; margin-bottom:10px; margin-right:16px}
.download ul li:nth-child(3n){ margin-right:0}
.download ul li .title{ width:100%; height:80px; background-color:#d6e1e9; color:#333; font-size:14px}
.download ul li .title h1,h2{ font-size:15px; text-align:center; font-weight:bold; line-height:26px}
.download ul li .title h1{ padding-top:15px; width:70%; margin-left:15%}
.download ul li .pic{ width:100%; height:230px}
.download ul li .pic img{ width:180px; height:180px; margin-left:40px; margin-top:15px}
.download ul li .pic p{ font-size:14px; text-align:center; line-height:40px; color:#666}
.download ul li .pdf{ width:100%; height:30px; line-height:30px; font-size:14px; background-color:#b7d8cb; color:#666;
text-align:center}



#kefu{ width:200px; height:250px; background:url(../images/kefu.png) no-repeat; position:fixed; left:-100px; top:50%; margin-top:-125px;  z-index:999; cursor:pointer }
#kefu p{ font-size:14px; color:#666; margin-left:40px; margin-top:42px}
#kefu p:nth-child(2){ margin-top:16px}
#kefu p:nth-child(3){ margin-top:16px}


#kefu.on{left:0; }
#kefu p:hover{ color:#ea5c01}


.pages{height:35px; margin:40px auto; float:left; margin-bottom:10px; }
.current{color:#fff}
.pages span{ display:block; border:1px solid #ccc; background:#fff; color:#262626; line-height:30px; text-align:center; font-size:14px; float:left; margin-right:5px;width:60px; height:30px; border-radius:3px}
.pages ul li{list-style: none;float: left;
    margin-left: 5px;}
.pages .current a {
    border: 1px solid #ccc;
    background: #2a2a2a;
    color: #fff;}
.pages li a {
    display: block;
    padding: 0 10px;
    border: 1px solid #e1e1e1;
    border-radius: 3px;
    height: 30px;
    line-height: 30px;
    color: #666;
	
	font-size:14px}