

#header{width:100%; background:url(../images/hdbg.jpg) left 92px repeat-x #f2f2f2; }
.topbar{width:1200px;margin:0 auto; height:101px;position:relative; }
.logo{position:absolute;top:21px;left:100px;}

.nav{  width:805px;height:75px; position:absolute; top:17px; right:0;z-index:1000;}
.nav ul li{float:left;width:115px;height:75px; }
.nav ul li a{ display:block;height:60px; padding-top:15px; line-height:24px; text-align:center; font-family:"Î¢ÈíÑÅºÚ"; font-size:14px; }
.nav ul li a span{ display:block; font-variant:small-caps;}
.nav ul li.on a,.nav ul li a:hover,.nav ul li:hover a{ background:url(../images/navabg.jpg) center no-repeat; color:#fff;}

.nav ul li .sub{ display:none; width:290px; padding:20px; background:#f4f4f4; border-top:1px solid #fff; height:auto !important; height:125px; min-height:125px; }
.nav ul li .photo{ float:left; width:167px; height:125px; margin-right:15px;}
.nav ul li .sub a{ line-height:24px; height:24px; padding:0; font-size:12px;background:none; color:#333; text-align:left;}
.nav ul li .sub a:hover{ color:#e88a1d;}
.nav ul li:hover .sub{ display:block;}


.banner{ width:100%; height:450px; padding-bottom:6px; background:url(../images/bannerbg.jpg) left bottom repeat-x; }
.banner p{ width:100%; text-align:center;}
.banner .pic_scoll{ width:100%; height:450px;position:relative;}
.banner .pic_scoll .scoll_1{width:100%; height:450px;overflow:hidden; position:relative;}
/*.banner #scoll_a {z-index: 999;position:absolute; bottom:14px; width:100%;text-align:center;}
.banner #scoll_a a {display:inline-block;width: 11px;height:11px; margin:0 5px; font-size:0; background:url(../images/icon1.png) no-repeat;}
#scoll_a a.activeSlide { background:url(../images/icon2.png) no-repeat; }*/


.content{ width:1000px; margin:26px auto 0;}
#content{width:1200px; margin:26px auto 0;}

.product .title{ text-align:center;}
.product .cont{ padding-top:39px;}
.mod1 ul li { width:218px;  margin:0 12px; border:1px solid #999999; float:left; overflow: hidden;  }
.mod1 ul li .pic{ margin:8px; width:200px; height:288px; border:1px solid #c0c0c0;}
.mod1 ul li .photo {width:184px; height:138px; padding:8px;   overflow:hidden; }
.mod1 ul li .photo img { display:block; vertical-align:middle; }
.mod1 ul li .name { text-align: center;  padding-top:19px;  font-size:16px; margin-bottom:8px;  }
.mod1 ul li .name a{ display:inline-block; border-bottom:1px solid #4e4e4e;line-height:26px; font-weight:bold; color:#008cd6;}

.mod1 ul li .text{ line-height:24px; padding:0 8px;}
.mod1 ul li .more{ text-align:center; line-height:24px;}
.mod1 ul li .more a{ color:#bb451a;}
.mod1 ul li:hover .pic{ border-color:#c76642;}

.product .lookmore{ text-align:center;  width:100px; height:30px; line-height:30px; text-align:center; background:#bb451a; font-size:16px; margin:8px auto 0;}
.product .lookmore a{ color:#fff;}

.box{ margin-top:18px;}
.box .title{ height:53px; background:url(../images/h3bg.jpg) 50px center no-repeat;}
.box .title h3{ line-height:53px; font-size:18px; font-weight:normal;}
.box .title h3 span{ font-size:24px; font-variant:small-caps; color:#bb451a;}
.box .title .more{ float:right; line-height:53px;}
.box .title .more a{ color:#bb451a;}

.case{ width:512px; float:left;}
.mod2 ul li { width: 240px; height: 211px; float: left; display:inline; margin-right:30px; overflow: hidden; }
.mod2 ul li .photo { width:240px; height:181px; overflow:hidden;}
.mod2 ul li .photo img { vertical-align:middle; border: 1px solid #dbdbdb;}
.mod2 ul li .name { text-align: center; line-height: 30px;  background: #eee none repeat scroll 0 0;}
.mantle1{position: relative;zoom: 1;width: 512px;}
.mantle1 .cont1{ width:510px;overflow:hidden; margin:0 auto;}
.leftbotton,.rightbotton{ display:inline-block;  width:40px; height:20px; position:absolute; bottom:-10px; cursor:pointer;}
.leftbotton{ background:url(../images/btnl.jpg) no-repeat; left:210px;}
.rightbotton{ background:url(../images/btnr.jpg) no-repeat; right:210px;}
.fl,#imgul1{ float:left;}
.btnbg{ width:475px; margin:0 auto; border-top:1px solid #999; text-align:center;}

.news{ width:650px; float:right;}
.news .cont{ height:210px; overflow:hidden;}
.news .cont ul{ padding-top:3px;width:100%;}
.news .cont li{ height:64px; margin-bottom:10px;  border-bottom:1px solid #a9a9a9; }
.news .cont li .photo{ width:104px; height:44px;  float:left;}
.news .cont li .text{ width:538px; float:right; line-height:20px;}
.news .cont li .text a{ color:#bb451a; line-height:20px; display:block;}
.news .cont li a:hover{ color:#e88a1d;}


.side{ width:240px; float:left;}
.main{ width:744px; float:right;}

.main .title{ height:40px; line-height:40px; border-bottom:1px solid #999;}
.main .title h3{ font-size:16px; font-weight:normal; color:#9f3420; padding-left:12px;}
.main .title .en{   float:right; padding-right:10px;}

.side_p .title{ height:35px;  background:#9f3420; margin:6px 9px 0;}
.side_p .title h3{ line-height:35px; color:#fff; font-size:16px; font-weight:normal; text-align:center; }
.side_p .title h3 span{ font-size:18px; font-variant:small-caps;}

.side_p{ border:1px solid #d9d9d9;}
.side_p .cont{ padding-top:4px; }
.side_p .cont ul{ width:210px; margin:0 auto; }
.side_p .cont li{ height:30px; width:100%; float:left; display:inline; line-height:30px; margin-top:9px;}
.side_p .cont li a{ display:block; padding-left:58px; background:url(../images/libg.jpg)}
.side_p .cont li a:hover,.side_p .cont li a.on{ color:#fff; background:url(../images/liabg.jpg); }

.side_c{ margin-top:16px; }
.side_c .cont{ line-height:24px; padding-top:13px; height:250px; overflow:hidden; }
.side_c .cont .photo{ text-align:center; margin-bottom:12px;}
.side_c .cont .text{ padding-left:10px;}

#footer{ width:100%; margin-top:30px;  background:#f2f2f2; border-top:3px solid #bb451a; }
.foot{ width:1200px; margin:0 auto; height:220px;}
.plist{ width:346px; float:left;}
.plist .title{ font-size:14px; line-height:37px;}
.plist .cont ul li{ height:32px; line-height:30px; background:url(../images/xian.jpg) left bottom repeat-x; float:left; width:150px; margin-right:23px;}
.plist .cont ul li a{ padding-left:22px; background:url(../images/list1.jpg) left center no-repeat;}

.link{ width:120px; float:left; margin-left:16px;}
.link .title{ font-size:14px; line-height:37px;}
.link .cont ul li{ height:31px; line-height:31px; border-bottom:1px dashed #cccccc;}
.link .cont ul li a{ padding-left:20px; background:url(../images/list2.jpg) left center no-repeat;}

.wx{ float:left; margin-left:15px; margin-top:35px;}
.wx ul li{ float:left;width:143px; text-align:center; line-height:24px; margin-left:30px;}
.wx ul li img{ width:143px; height:141px;}

.contact{ width:314px; float:right;}
.contact .title{ font-size:14px; font-variant:small-caps;line-height:37px;}
.contact .cont{ line-height:24px;}

.copyright{ line-height:38px; height:38px; text-align:center; border-top:1px solid #fff;}

.ny_dan .cont{ padding:20px 10px; line-height:30px; }

.ny_news .cont{ padding-top:20px;}
.ny_news .cont ul{ width:623px; margin:0 auto;}
.ny_news .cont li{ height:37px; line-height:37px; border-bottom:1px solid #3e3121; }
.ny_news .cont li a{ display:block; padding-left:20px; background:url(../images/list2.jpg) left center no-repeat;} 
.ny_news .cont li a span{ padding-right:28px; float:right; }
.ny_news .cont li a:hover{ color:#e88a1d;}


.ny_pro .cont{ padding-top:20px;}
.ny_pro .cont li{ margin:9px 4px;}