﻿html{ height:100%; border:none;}
body{ height:100%; border:none; padding:0; margin:0; text-align:left; font-size:14px; color:#333333; font-family:Arial; background:#FFF;}
div,ul,li,img,dl,dd,dt,h2,h3,p{ padding:0; margin:0; border:none;}
ul,dl{list-style-type:none;}
em,i{font-style:normal;}
a{ color:#333333; text-decoration:none;}
a:hover{ color:#ea5505; text-decoration:underline;}
.clear{ clear:both;}

.header{ width:100%; height:189px; position:relative;}
#logo{ width:1200px; height:130px; margin:0 auto; overflow:hidden;}
#logo .logo{ float:left; display:inline; width:820px; height:110px;}
#logo .logo img{ margin-top:30px;}
#logo .home{ float:right; width:160px; padding-top:20px;}
#logo .home img{ margin-left:12px;margin-top:20px;}
.navbg{ width:1200px; height:60px; margin:0px auto;}
.nav{ float:left; display:inline;width:999px; height:60px; }
.nav ul li{ float:left; display:inline; text-align:center; font-size:18px; margin-right:60px; }
.nav ul li a{ padding:0px; height:60px; display:block; color:#2b2b2b;}
.nav ul li a:hover,.nav ul li a.active{ padding:0; height:60px;display:block; color:#ea5505; border-bootom:3px solid #ea5505; background:url(../images/navline.jpg) repeat-x center 30px;text-decoration:none;}
.nav .hover a{ padding:0; height:60px;display:block; color:#ea5505; border-bootom:3px solid #ea5505; background:url(../images/navline.jpg) repeat-x center 30px; outline:none;}

.nav ul li .subnav{position:absolute;z-index:999;display:none; margin-left:-45px;}
.nav ul li .subnav dt a{display:block;width:170px;height:40px;line-height:40px;text-align:center;background:#474e55;color:#fff;font-size:14px; border-bottom:1px solid #FFF;}
.nav ul li .subnav dt a:hover{background:#ea5505;color:#fff; border-bottom:1px solid #FFF;display:block;width:170px;height:40px;line-height:40px;}

.search{ float:right; display:inline; background:url(../images/search.jpg) no-repeat left 0px; width:201px; height:60px; margin-top:-5px; }
.search .input{ border:none; background:none; height:23px; width:155px; float:left; color:#a1a1a1; padding-left:5px;}
.search .submit{ border:none; background:none; width:40px; height:25px; float:left;}

.banner{ width:100%; height:600px; overflow:hidden; position:relative; min-width:1200px;}
.banner .hd{ height:15px; overflow:hidden; position:absolute; left:45%;  bottom:15px; z-index:1; }
.banner .hd ul{ overflow:hidden; zoom:1; float:left;  }
.banner .hd ul li{ float:left; margin-right:10px;  width:42px; height:8px; cursor:pointer; background:#909193; }
.banner .hd ul li.on{ background:#ea5505; }
.banner .bd{ position:relative; height:100%; z-index:0; }
.banner .bd li{ zoom:1; vertical-align:middle; width:100%; height:600px; display:block;} 
.banner .bd li a{width:100%; height:600px; display:block;} 

.banner .prev{ position:absolute; left:0%; top:50%; margin-top:-55px; display:block; width:60px; height:90px; background: url(../images/ad_ctr.png) no-repeat 0 0; filter:alpha(opacity=30);opacity:0.3;}
.banner .next{ position:absolute; right:0%; top:50%; margin-top:-55px; display:block; width:60px; height:90px; background: url(../images/ad_ctr.png) no-repeat 0 -90px;filter:alpha(opacity=30);opacity:0.3; }
.banner .prev:hover,.banner .next:hover { filter:alpha(opacity=100);opacity:1; }
.banner .prevStop,.banner .nextStop{ display:none;  }

.nybanner{ width:100%; height:400px; overflow:hidden; position:relative; min-width:1200px;}
.nybanner .hd{ height:15px; overflow:hidden; position:absolute; left:45%;  bottom:15px; z-index:1; }
.nybanner .hd ul{ overflow:hidden; zoom:1; float:left;  }
.nybanner .hd ul li{ float:left; margin-right:10px;  width:42px; height:8px; cursor:pointer; background:#909193; }
.nybanner .hd ul li.on{ background:#ea5505; }
.nybanner .bd{ position:relative; height:100%; z-index:0; }
.nybanner .bd li{ zoom:1; vertical-align:middle; width:100%; height:400px; display:block;} 
.nybanner .bd li a{width:100%; height:400px; display:block;} 

.nybanner .prev{ position:absolute; left:0%; top:50%; margin-top:-55px; display:block; width:60px; height:90px; background: url(../images/ad_ctr.png) no-repeat 0 0; filter:alpha(opacity=30);opacity:0.3;}
.nybanner .next{ position:absolute; right:0%; top:50%; margin-top:-55px; display:block; width:60px; height:90px; background: url(../images/ad_ctr.png) no-repeat 0 -90px;filter:alpha(opacity=30);opacity:0.3; }
.nybanner .prev:hover,.nybanner .next:hover { filter:alpha(opacity=100);opacity:1; }
.nybanner .prevStop,.nybanner .nextStop{ display:none;  }

.product{ width:1200px; height:auto; margin:50px auto 0; overflow:hidden;}
.product h2{ font-size:30px; font-weight:normal; line-height:70px; text-transform:uppercase; color:#333333;}
.product ul li{ float:left; display:inline; margin-right:48px; width:367px; text-align:center; font-size:22px;margin-top:10px; margin-bottom:25px;}
.product ul li img{ width:365px; height:240px; border:1px solid #e4e4e4;}
.product ul li img:hover{  border:1px solid #ea5505;}
.product ul li p{ line-height:60px;}
.product ul li a{ color:#333;}
.product ul li a:hover{ color:#ea5505;}
.product ul li.none{ margin-right:0;}

.index{ width:1200px; height:auto; margin:0px auto; overflow:hidden; padding-bottom:70px;}
.index h2{ font-size:30px; font-weight:normal; color:#333333; padding-bottom:25px; line-height:35px;}
.index h2 span{ float:right; margin-top:0; *margin-top:-35px; font-size:12px;}
.index h2 span a{ color:#ea5505;}
.index h2 span a:hover{ color:#333;}
.index .about{ float:left; display:inline; width:582px; height:auto;}
.index .news{ float:right; display:inline; width:550px; height:auto;}
.index .about h3{ font-size:24px; text-align:center; line-height:50px; font-weight:normal; padding-top:15px;}
.index .about p{ font-size:14px; line-height:25px;}
.index .news dl{ height:auto; overflow:hidden; margin-bottom:12px;}
.index .news dl dt{ float:left; width:138px; height:104px;}
.index .news dl dd{ float:right; width:383px; height:104px; border-bottom:1px solid #dcdcdc;}
.index .news dl dt img{width:138px; height:104px; border-radius:8px;}
.index .news dl dd .date{ float:left; display:inline; width:53px; height:104px; background:url(../images/date.jpg) no-repeat left 15px; cursor:pointer; text-align:center;}
.index .news dl dd .date:hover{ width:53px; height:104px; background:url(../images/datehover.jpg) no-repeat left 15px;}
.index .news dl dd .date:hover span{ color:#2d50a2;}
.index .news dl dd .date span{  position:relative;top:25px;font-size:30px;}
.index .news dl dd .date span i{ font-style:normal; width:53px; display:block; font-size:12px; position:relative;top:-5px;}
.index .news dl dd .text{ float:right; width:325px; display:inline; height:auto; margin-top:20px;}
.index .news dl dd .text h3{ font-size:17px; font-weight:normal;}
.index .news dl dd .text p{ color:#939393;}

.footbg{ background:url(../images/footbg.jpg) repeat-x; height:400px; width:100%; text-align:left;overflow:hidden; min-width:1200px;}
.footbg .fnav{ line-height:72px; font-size:18px;color:#FFF; width:1200px; margin:0 auto; text-align:center;overflow:hidden;}
.footbg .fnav span{ padding:0 40px;}
.footbg .fnav a{ color:#FFF;}
.footbg .fnav a:hover{ color:#ea5505;text-decoration:none;}
.footbg .foot{ width:1200px; height:273px; margin:0 auto; overflow:hidden;}
.footbg .foot .left{ float:left; display:inline; width:850px;height:273px;}
.footbg .foot .right{ float:right; display:inline; width:262px;height:273px;}
.footbg .foot .right .title{margin:25px 0 0;font-size:22px; font-weight:bold; padding-bottom:10px; color:#FFF; }
.footbg .foot .left dl{ margin:25px 45px; float:left; display:inline;}
.footbg .foot .left dl dt{ font-size:22px; font-weight:bold; padding-bottom:20px;}
.footbg .foot .left dl dt a{ color:#FFF;}
.footbg .foot .left dl dt a:hover{ color:#ea5505;text-decoration:none;}
.footbg .foot .left dl dd{ line-height:26px;}
.footbg .foot .left dl dd a{ color:#FFF;}
.footbg .foot .left dl dd a:hover{ color:#ea5505;}
.footbg .foot .left dl.contact{ color:#FFF; background:url(../images/ico04.jpg) no-repeat left 55px;}
.footbg .foot .left dl.contact dd{ padding-left:20px;}
.footbg .copy{ text-align:center; line-height:55px; color:#FFF;}

#faqbox .faqline{ line-height:2em; height:30px; text-align:left}
#faqbox .Content{ line-height:2em; height:52px; text-align:left}

.menu{ width:1200px; height:38px;  border-bottom:1px solid #bcbbbb; margin:35px auto 0; overflow:hidden;}
.menu .left{ float:left; display:inline; width:400px;  height: 38px; color: #ea5505; font-size: 26px;overflow: hidden;font-weight: bold;}
.menu .right{ float:right; display:inline; }
.menu .right ul li{ float:left; display:inline; margin-left:4px;line-height:38px;}
.menu .right ul li a{ padding:0 20px; display:block; height:38px; background:#cccccc;}
.menu .right ul li a:hover,.menu .right ul li a.hover{ padding:0 20px; display:block; height:38px; background:#ea5505; color:#FFF;text-decoration:none;}

.miaoshu{width:1180px; height:auto; margin:20px auto; overflow:hidden; padding:10px; line-height:22px;}

.about{ width:1200px; height:auto; margin:15px auto; overflow:hidden; line-height:30px; padding-bottom:40px;}
.about h1{ text-align:center; color:#4e4e4e} 
.about .time{ text-align:center; margin-top:-10px; padding-bottom:10px;}
.about .more{ width:120px; height:38px; text-align:center; line-height:34px; margin:10px auto;}
.about .more a{ width:116px; height:34px; border:2px solid #ea5505; background:#ea5505; display:block; color:#FFF;}
.about .more a:hover{ width:116px; height:34px; border:2px solid #ea5505; background:#FFF; display:block; color:#ea5505;text-decoration:none;}

.newslist{ width:1200px; height:auto; margin:0px auto; overflow:hidden; line-height:25px; padding-bottom:40px;}
.newslist dl{ height:auto; overflow:hidden; padding:25px 0; border-bottom:1px solid #c6c7c8;}
.newslist dl dt{ float:left; width:350px;}
.newslist dl dd{ float:right; width:820px;}
.newslist dl dt img{ width:350px; height:200px;}
.newslist dl dd h2{ font-size:24px; padding:10px 0;}
.newslist dl dd .date{ background:url(../images/ico05.png) no-repeat left center; line-height:35px; padding-left:20px; }
.newslist dl dd .more{ width:120px; height:38px; text-align:center; line-height:34px; margin-top:10px;}
.newslist dl dd .more a{ width:116px; height:34px; border:2px solid #ea5505; background:#ea5505; display:block; color:#FFF;}
.newslist dl dd .more a:hover{ width:116px; height:34px; border:2px solid #ea5505; background:#FFF; display:block; color:#ea5505;text-decoration:none;}

.pro{ width:1198px; margin:0 auto; border:1px solid #bcbbbb; height:auto; overflow:hidden; padding:15px 0 30px;}
.pro dl{ width:1138px;margin:0 auto; border-bottom:1px dashed #bcbbbb;font-size:12px; padding:10px 0; line-height:20px;}
.pro dl dt{ font-weight:bold;}
.pro dl dt a{color:#404040}
.pro dl dt a:hover{color:#ea5505}
.pro dl dd span{ padding:0 8px; color:#252733}

.productlist{ width:1200px; height:auto; margin:30px auto 0; overflow:hidden; padding-bottom:30px;}
.productlist ul li{ float:left; display:inline; margin-right:22px; width:282px; text-align:center; font-size:16px;margin-top:10px; margin-bottom:20px;}
.productlist ul li img{ width:282px; height:221px; border:1px solid #e4e4e4;}
.productlist ul li img:hover{  border:1px solid #ea5505;}
.productlist ul li p{ line-height:50px;}
.productlist ul li a{ color:#333;}
.productlist ul li a:hover{ color:#ea5505;}
.productlist ul li.none{ margin-right:0;}

.pages{ width:100%; height:auto; line-height:35px; overflow:hidden; text-align:center;}
.pages a,.pages span{ display:inline; margin-right:8px;}

#share {position:fixed;_position:absolute;_top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight)-34+"px");bottom:0px;left:92%;width:53px;zoom:1; z-index:999999;}
#share a{ display:block; width:53px; height:56px; margin-bottom:5px; overflow:hidden; -webkit-transition: all 0.2s ease-in-out;-moz-transition: all 0.2s ease-in-out;-o-transition: all 0.2s ease-in-out;-ms-transition: all 0.2s ease-in-out;transition: all 0.2s ease-in-out;}

#share .home { position:absolute; bottom:32px;  background:url(../images/pico01.jpg) no-repeat; width:53px; height:55px; display:block; bottom:307px;}
#share a.home:hover { background:url(../images/pico01h.jpg) no-repeat; width:53px; height:55px; display:block;}
#share .mail { position:absolute; bottom:32px;  background:url(../images/pico02.jpg) no-repeat; width:53px; height:55px; display:block; bottom:246px;}
#share a.mail:hover { background:url(../images/pico02h.jpg) no-repeat; width:53px; height:55px; display:block;}
#share .sky { position:absolute; bottom:32px;  background:url(../images/pico03.jpg) no-repeat; width:53px; height:55px; display:block;bottom:185px;}
#share a.sky:hover { background:url(../images/pico03h.jpg) no-repeat; width:53px; height:55px; display:block;}
#share .gbook { position:absolute; bottom:32px;  background:url(../images/pico04.jpg) no-repeat; width:53px; height:55px; display:block;bottom:124px;}
#share a.gbook:hover { background:url(../images/pico04h.jpg) no-repeat; width:53px; height:55px; display:block;}

#share a#totop{position:absolute;bottom:64px;cursor:pointer; background:url(../images/pico05.jpg) no-repeat; width:53px; height:55px; display:block;}
#share a#totop:hover{  background:url(../images/pico05h.jpg) no-repeat; width:53px; height:55px; display:block;}

.contacts{ width:1200px; height:auto; margin:15px auto; overflow:hidden; line-height:30px; padding-bottom:40px;}
.contacts dl{ float:left; display:inline; width:364px; height:246px; overflow:hidden; border:1px solid #eaeaea; margin-right:50px; text-align:center; padding-top:50px;}
.contacts dl.none{ margin-right:0;}
.contacts dl dt{ color:#505050; height:63px; width:100%; display:block;}
.contacts dl dd h2{ padding-bottom:15px;}
.contacts dl dd p{ padding:0 15px; line-height:22px;}
.contacts dl .line{ width:70px; height:15px; border-bottom:1px solid #505050; margin:0 auto; overflow:hidden;}

.feedback{ width:1118px; height:auto; margin:15px auto; overflow:hidden;  border:1px solid #eaeaea; padding:40px;}
.feedback h2{ line-height:20px; border-bottom:1px solid #eaeaea; font-size:14px; padding-bottom:10px; font-weight:normal;}
.feedback .message{ margin-top:20px;}
.feedback .message dl{ float:left; display:inline; width:510px;  height:auto; margin-right:40px;}
.feedback .message dl dt{ width:100%; line-height:40px;}
.feedback .message dl dd input{ width:510px; height:45px; font-size:18px;}
.feedback .nr dl{ width:1058px;  height:auto; }
.feedback .nr dl dt{ width:100%; line-height:40px;}
.feedback .nr dl dd textarea{ width:1058px; height:200px; font-size:18px;}
.feedback .code{ margin-top:20px;}
.feedback .code input{ width:120px; height:40px;font-size:18px;}
.feedback .submit{ margin-top:20px;}
.feedback .submit input{ width:145px; height:40px; background:#e4e4e4; border:none; margin-right:20px;}
.feedback .submit .go{ background:#ea5505; color:#FFF;}

