﻿body{ padding:0px; margin:0px; font-family:Arial, Helvetica, sans-serif; font-size:12px; background: url(../pic/top-bg-.gif) top center no-repeat #fff; color:#717171;}
*{ padding:0px; margin:0px; }
img{ border:none;}
a{ text-decoration:none; color:#333;}
a:hover{ color:#f39800;}
.aa{ color:#fff;}
.aa hover{ color:#000;}
#mrc{ margin-right:0px;}

.org{ color:#f39800;}
.f16{ font-size:16px;}

ul,li,ol{ list-style:none;}

.ii{ width:1000px; min-width:1000px; margin:0 auto; clear:both;}
.ifoot{ width:100%; background:#000; position:fixed; bottom:0px; height:60px; left:0; font-size:12px;}
.ifoot ul{width:1000px; min-width:1000px; margin:0 auto; clear:both; text-align:center; padding:5px 0;}
.ifoot a{ color:#5d5d5d; padding:0 10px; line-height:30px;}
.ifoot a:hover{ color:#f39800;}

.top{ width:960px; margin:0 auto; clear:both; padding-bottom:10px; clear:both; overflow:hidden;}
.logo{ float:left; padding-top:32px;}
.tophome{float:right; width:96px; margin-top:5px;}
.lun{ float:right; margin:17px 33px 0 0;}
.top-search{ float:left; width:287px; height:33px; padding:32px 0 0 52px;}
.search-q{ float:left; width:197px; height:31px; line-height:31px; color:#747474; border:none; background:url(../pic/search-.jpg) 10px center no-repeat #f1f1f1; padding-left:24px; border:1px solid #828282; border-right: none;}
.search-go{ float:left; width:65px; height:33px; line-height:33px; font-size:14px; color:#fff; border:none; background:#25221d;;}

/*主导航菜单*/
#menu ul{padding:0;border:0;list-style:none;line-height:150%;}
#menu_out{ float:right; width:802px; margin-top:45px;*width:801px;}
#menu{ float:left; width:803px;}
#nav{ float:left; width:803px;}
#nav li{ float:left; height:44px; line-height:44px;}
#nav li a{ float:left; display:block; height:44px; width:110px; font-size:14px; font-weight:bold; color:#fff; cursor:pointer; text-decoration:none; text-align:center; padding:0px;}
#nav li a:hover{ color:#fff;}
#nav li .nav_on{  /*鼠标经过时变换背景，方便JS获取样式*/ background-position:right 100%; background:#f39800;}
/*子栏目*/
#menu_con{ float:left; width:802px; height:23px;  text-align:left;clear:both; display:block;}
#menu_con li{ float:left; height:23px;}
#menu_con li a{ display:block; float:left; cursor:pointer; padding-left:3px; color:#fff;}
#menu_con li a:hover{ text-decoration:none; color:#23201b;}
.zi a{ padding:0 15px;  line-height:23px;}

/*首页轮播图*/
.ibanner{ width:100%; margin:0 auto; clear:both; background:#ccc; min-width:960px;}
#kinMaxShow{visibility:hidden;width:100%; height:399px; overflow:hidden;}


#white{ background:#d9d9d9; width:100%; clear:both; overflow:hidden; min-width:960px;}
#wap{ width:960px; margin:0 auto; clear:both; min-width:960px;}
#mian{ width:100%; clear:both; overflow:hidden; min-width:960px; background: url(../pic/bg-.jpg) top center repeat-y; margin:20px 0 0 0;}
#mian-an{ width:100%; clear:both; overflow:hidden; min-width:960px; background: url(../pic/bg-an-.jpg) top center repeat-y; margin:20px 0 0 0;}
#nei{ width:960px; margin:0 auto; clear:both; min-width:960px; font-size:14px; line-height:30px;}

.ilan{ float:left; width:100%; margin:16px 0; display:inline; border-bottom:1px solid #c7c7c7; line-height:37px;}
.ilan a{ float:left; font-size:18px; line-height:37px; font-weight:bold; color:#24211c;}
.ilan a:hover{ color:#000;}
.ilan span { float:right; width:62px; background:url(../pic/jiao-.gif) center right no-repeat; padding-right:8px; margin-right:13px; display:inline;}
.ilan p{ float:left; color:#333;}
.ilan span a{ font-size:12px; color:#000;}
.ilan span a:hover{ color:#fff;}
.ilan-{ float:right; border-bottom:none; font-size:11px; margin-top:20px;}
#jia{float:right; margin:12px 5px 0 0;}

.iabout{ float:left; width:712px; line-height:24px; padding-bottom:47px;}
.iabout img{ float:left; padding-right:21px;}
.iabout ul a{ color:#000; line-height:24px;}
.iabout ul a:hover{ color:#fff; line-height:24px;}
.ivideo{ float:right; width:219px;}
#ipro{ width:960px; margin:0 auto; clear:both;}

#outer{height:288px;width:960px;position:relative;padding-top:5px; padding-bottom:5px;overflow:hidden;padding:35px 44px; margin-left:-44px;}
#left{width:23px;display:block;float:left; top:109px;height:39px;position:absolute;left:0px;z-index:2;overflow:hidden;}
#right{width:23px;display:block;float:left; top:109px;height:39px;position:absolute;right:0px;z-index:2;overflow:hidden;}
#demo{overflow:hidden;width:960px;height:288px;float:left;position:absolute;z-index:0;}
.listimage{width:202px;height:202px; padding:0px; margin:0px; border:1px solid #f3980;}
#demo1 table{ height:288px;}
#demo1 table td{ width:246px; margin:0px; padding:0px;}
#outer ul{ float:left; width:204px; height:286px; margin-right:26px; padding:8px; border:1px solid #dedede; background:#fff;}
#outer ul img{width:200px;height:200px; padding:0px; margin:0px; border:1px solid #dedede;}
#outer ul:hover{ background:#f39800; border:1px solid #f3980;}
#outer ul:hover a{ color:#fff;}
#outer ul:hover span{ background: url(../pic/img07-.jpg) bottom center no-repeat;}
#outer ul a{ color:#000;}
#outer ul p{ float:left; text-align:center; width:202px; line-height:16px; padding-top:8px; height:32px;}
#outer ul span{ float:left; text-align:center; width:118px; height:24px; line-height:24px; display:block; background: url(../pic/img07-.jpg) top center no-repeat; margin-left:37px; display:inline;}
#outer ul span a{  color:#000;}

.iti{ float:left; width:711px; margin:30px 0 38px 0;}
.iti dl{ float:left; width:711px; border-bottom:1px solid #dfdfdf; border-left:1px solid #dfdfdf;}
.iti dl dd{ float:left; width:208px; height:34px; line-height:34px; border-top:2px solid #dfdede; border-right:1px solid #dfdfdf; text-align:center;  background:#f8f8fa;}
.iti dl dd:hover{border-top:2px solid #ea9412; background:#fff;}
#ititc{border-top:2px solid #ea9412; background:#fff;}
.iti ul{ float:left; width:711px; margin-top:20px;}
.iti ul li{ float:left; width:153px; height:143px; text-align:center; background:#fff; line-height:30px; padding:4px; border:1px solid #dfdfdf; margin-right:19px;}

.i-tnav{ float:left; width:711px; border-bottom:1px solid #dfdfdf; border-left:1px solid #dfdfdf;}
.i-tnav li{ float:left; width:208px; height:34px; line-height:34px; border-right:1px solid #dfdfdf; text-align:center;  background:#f8f8fa; color:#333}
.tan1{border-top:2px solid #ea9412; background:#fff;}
.tan2{ border-top:2px solid #dfdede;}

#tbody1{ float:left; width:711px;}
#tbody2{ float:left; width:711px;}

.ianli{ float:right; width:220px; margin-top:44px;}
.ianli a{ float:right; width:220px; height:52px; display:block; margin-bottom:20px; font-size:16px; color:3717171; line-height:52px; text-align:center;}
.a01{ background:url(../pic/img04.jpg) 0px 0px no-repeat;}
.a01:hover{ background:url(../pic/img04.jpg) 0px -215px no-repeat;}
.a02{ background:url(../pic/img04.jpg) 0px -71px no-repeat;}
.a02:hover{ background:url(../pic/img04.jpg) 0px -286px no-repeat;}
.a03{ background:url(../pic/img04.jpg) 0px -143px no-repeat;}
.a03:hover{ background:url(../pic/img04.jpg) 0px -358px no-repeat;}

.ifac{ float:left; width:960px; background:url(../pic/img08-.jpg) center top no-repeat; padding-bottom:40px;}
#colee_lefta li{ float:left; width:171px; height:145px; text-align:center; line-height:30px; margin-right:26px;}

.foot{ width:100%; margin: 0 auto; min-width:960px; background:#030000; border-bottom:2px solid #f39800; overflow:hidden; clear:both;}
.foot ul{ width:960px; margin:0 auto; padding-top:20px;}
.foot-l{ float:left; width:573px; margin-top:54px;}
.foot-l li{ float:left;}
.foot-l a{ float:left;font-size:14px; display:block; width:74px; line-height:38px; text-align: center; margin-right:1px;}
.foot-l a:hover{ color:#fff; background:#f39800;}
#foot-la{ color:#fff; background:#f39800;}
.foot-r{ float:right; width:387px;}
.foot-r img{ float:right; clear: left;}
.foot-r p{ float:right; padding:17px 0; margin:20px 0 0 0; width:387px; border-top: 2px solid #312e2e; color:#5c5d5d; line-height:20px; text-align:right;}


.banner{ width:100%; margin:0 auto; clear:both; min-width:960px;}
.banner ul{ width:960px; height:241px; margin:0 auto; display:block;}
.mbx{ width:100%; margin:0 auto; clear:both; min-width:960px; background:#ebebeb; border-bottom:1px solid #dddddd;}
.mbx ul{ width:960px; margin:0 auto ; clear:both; height:56px; line-height:56px;}
.mbx-l{ float:left; font-size:20px; font-weight:bold; color:#24211c; font-family:"Microsoft YaHei",微软雅黑,"MicrosoftJhengHei",华文细黑,STHeiti,MingLiu;}
.mbx-l img{ float:left; padding:13px 7px 0 0;}
.mbx-r{ float:right;}
.mbx-r a{color:#24211c}
.mbx-r a:hover{ color:#f39800;}

.nei-l{ float:left; width:239px;}
.nei-l ul{ float:left; width:239px; margin-bottom:20px;}
.nei-nev{ background:url(../pic/l-bg.jpg) repeat-y; padding:19px 0;}
.nei-nev li{ float:left; width:198px; margin:0 0 0 22px; display: inline;}
.nei-nev li a{ float:left; width:165px; line-height:35px; display:block; background:url(../pic/img12.jpg) 16px 15px no-repeat; padding:0 0 0 33px; color:#fff; border-bottom:1px solid #f8ba55;}
.nei-nev li a:hover{ color:#fff;}
.nei-nev li a:hover{ background:url(../pic/img12.jpg) 16px 15px no-repeat #f5a31c;}
.nei-l-p a{ float:left; display:block; width:239px; height:85px; margin-bottom:10px;}
.nei-l-p1{ background:url(../pic/img11.jpg) 0px 0px no-repeat;}
.nei-l-p1:hover{ background:url(../pic/img11.jpg) 0px -188px no-repeat;}
.nei-l-p2{ background:url(../pic/img11.jpg) 0px -95px no-repeat;}
.nei-l-p2:hover{ background:url(../pic/img11.jpg) 0px -283px no-repeat;}
.nei-l-p1_en{ background:url(../pic/img11_en.jpg) 0px 0px no-repeat;}
.nei-l-p1_en:hover{ background:url(../pic/img11_en.jpg) 0px -188px no-repeat;}
.nei-l-p2_en{ background:url(../pic/img11_en.jpg) 0px -95px no-repeat;}
.nei-l-p2_en:hover{ background:url(../pic/img11_en.jpg) 0px -283px no-repeat;}
.nei-r{ float:right; width:677px; padding:0 22px; padding-bottom:40px; overflow:hidden;}
.nei-bao{ float:left; width:100%; border-bottom:1px solid #dfdfdf; line-height:57px; margin-bottom:25px;}
.nei-bao-l{ float:left; color:#24211c; font-size:18px; font-weight: bold; font-family:"Microsoft YaHei",微软雅黑,"MicrosoftJhengHei",华文细黑,STHeiti,MingLiu;}
.nei-bao-r{ float:right; width:175px; font-size:12px; height:57px;}
.nei-bao-r img{ float:right;padding:15px 0 0 6px;}
.nei-bao-r span{ float:left;}
.table{ background:#d1d1d1;}
.table td{ background:#fff; padding-left:5px;}
.about{ padding-bottom:30px;}
.about-b{ float:left; width:677px; margin-bottom:12px;}
.about-b img{ float:left; padding-bottom:14px;}
.about-b li{ float:left; width:212px; margin-right:20px; line-height:16px;}
.about-b li b{ float:left; width:7px; height:5px; line-height:5px; display:block; background:#f49800; margin:5px 7px 0 0 ; overflow:hidden;}
.about-b-t{ float:left; width:677px; border-bottom:1px solid #cacaca; line-height:50px; margin-bottom:22px; font-size:18px; font-weight:bold;}
.about-b-t b{ float:left; width:17px; height:17px; display:block; background:#f49800; margin:15px 7px 0 0 ;}
.about-b-t a{ float:left;}
.about-b-t span a{ float:right; font-size:12px; font-weight:normal;}

.year{ float:left; width:677px;}
.year span{ float:left; font-size:12px; margin-right:17px; display:inline;}
.year-y{ float:left; width:129px;}
.year-y-{ float:left; width:129px;margin-top:5px;}
.year-t{ float:left; margin-top:25px; width:625px; background:#f1f1f1; border:1px solid #e3e3e3; padding:25px;}
.base{ padding-bottom:15px;}
.base img{ padding-bottom:10px;}

.culture img{ padding-bottom:30px;}
.video ul{ width:544px; clear:both; margin:0 auto; height:382px; background:url(../pic/img21.jpg) no-repeat; padding:61px 0 0 72px;}
.video h3{ text-align:center; font-size:18px; margin-top:20px; font-weight:normal;}

.pic2{ float:left; width:677px;}
.pic2 li{ float:left; margin: 0 17px 17px 0;}

.honner{ float:left; width:677px; padding-top:30px; }
.honner li{ float:left; width:211px; padding:23px 34px 38px 23px; background: url(../pic/img24.jpg) no-repeat; margin:20px 30px 0px 37px; display:inline }
.knowledge{ float:left; width:677px; line-height:30px; padding-bottom:30px;}
.knowledge li{ float:left; width:677px; border-bottom:1px dashed #cfcfcf;}
.knowledge span{ float:left; color:#f39800; font-size:18px; padding-right:8px;  }
.knowledge li:hover{ background:#f1f1f1;}
.knowledge a{ float:left;} 
.knowledge b{ font-size:12px; float:right; color:#a3a3a3; font-weight:normal;}

.news{ float: left; width:677px; *padding-bottom:20px; }
.news ul{ float: left; width:677px;  border-bottom:1px dashed #cfcfcf; padding-bottom:20px; margin-bottom:20px;}
.news ul img{ float:left; width:223px; height:156px; border-bottom:1px solid #ccc; border-right:1px solid #ccc; margin-right:20px; display:inline;}
.news ul h3 a{ font-size:16px; color:#333; }
.news ul h3 a:hover{ color:#f39800;}
.news ul span{ font-size:12px; line-height:25px;}

.fenye{ float:left; width:100%; line-height:29px; border:1px solid #dddddd; background: #ededed; color:#333; text-align:center;}

.knowledgelist{ float:left; width:677px; }
.knowledgelist h3{ font-size:18px; color:#333333; text-align:center;}
.knowledgelist ul{ float:left; width:677px; font-size:12px; line-height:29px; color:#a7a7a7; background:#eeeeee; text-align:center; margin:15px 0; clear:both;}
.knowledgelist img{ padding-top:20px;}
.knowledgelist p{ float:left; width:677px;}



#features{ float:left; width:407px; height:26px; text-align:center; padding-top:50px; padding-left:260px;}
#features a{ float:left; display:block; margin-left:8px; padding:0 10px; background:#eeeeee; border:1px solid; white-space:nowrap; font-size:12px;}
.download{ padding-bottom:30px; width:677px;}
.download,.download dl{ float:left; width:677px; line-height:40px;}
.download dt{ float:left; border:1px solid #e6e6e6; background:#f7f7f7; line-height:38px;}
.d01{ width:373px; padding-left:13px;}
.d02{ width:132px; padding-left:13px;}
.d03{ width:129px; padding-left:13px;}
.download dl{ border-bottom:1px solid #e1e1e1;}
.download dd{ float:left;}
.download dd img{ float:left; padding:12px 10px 0 0;}

.contact ul{ float:left;}
.cc{ background:url(../pic/img27.jpg) 0 10px no-repeat; padding-left:26px; line-height:37px;}
.online{ width:677px; border-bottom:1px solid #e6e6e6;border-top:1px solid #e6e6e6; padding:30px 0; margin:32px 0;}
.online li{ float:left; width:105px; margin:20px 38px 0 0; text-align: center; }
.online li img{ float:left;}
.map{ padding-top:18px; background:url(../pic/img28.jpg) left top no-repeat;	}
.message{ float:left; width:677px; line-height:38px;}
.message dl{ float:left; }
.message dl dt{ float:left; border:1px solid #d8d8d8; width:52px; height:38px; padding-left:18px; border-bottom:none; border-right:none;}
.message dl dd{ float:left; width:594px; border:1px solid #d8d8d8; height:38px;  padding-left:10px; border-bottom:none;}
.message dl span{ color:#F00;}
.tt{float:left;border:1px solid #d8d8d8;line-height:23px; height:23px; margin:7px 0 0 0;}
.tt2{ float:left; border:1px solid #d8d8d8; height:200px;}
.message ul{ float:left; width:593px; border:1px solid #d8d8d8; padding:10px 0 10px 82px;}
.fok{ float:left; width:90px; height:31px; border:none; background:url(../pic/img29.jpg); color:#895500; margin-right:10px;}
.fno{ float:left; width:90px; height:31px; border:none; background:url(../pic/img30.jpg); color:#333333;}
.mess{ float:left; width:677px; margin-top:20px;}
.mess ul{ float:left; width:677px;margin-bottom:15px; border:1px solid #d8d8d8; border-bottom:none; line-height:25px;}
.mess ul li{ float:left; width:653px;border-bottom:1px solid #d8d8d8; }
.mess ul li h3{ font-size:14px; color:#f49800; font-weight:normal; line-height:25px;}
.mess-t{ color:#a7a7a7; line-height:40px; font-size:12px; padding:0 12px;}
.mess-m{ padding:12px 12px;}
.mess-a{ background:#eeeeee; padding:5px 12px;}

.case{ width:892px; margin:0 auto; clear:both; min-height:942px; padding:25px 25px 40px 25px; overflow:hidden;}
.case ul{ float:left; width:278px; height:286px; border-right:1px solid #e9e9e9; border-bottom:1px solid #e9e9e9; margin:0 27px 28px 0; }
.case ul li{ float:left; width:276px; height:80px; border:1px solid #bfbebe; border-top:none;  }
.case ul li p{ float:left; width:263px; border-bottom:1px solid #ededed; line-height:41px; padding-left:13px; color:#333;}
.case ul li p img{ float:left; padding:15px 6px 0 0;}
.case ul li span{ float:left ; width:263px; background:#f8f8f8; display:block; line-height:38px; padding-left:13px; font-size:12px; color:#b1b1b1;}
.product{ float:left; width:677px; }
.product ul{ float:left; width:202px; margin: 0 35px 0 0; height:253px; text-align:center; line-height:20px;}
.product ul img{ border:1px solid #dfdfdf; margin-bottom:10px;}
.product ul img:hover{ border:1px solid #f39800; margin-bottom:10px;}


.productshow{ float:left; width:677px; border-bottom:1px solid #e2e2e2; padding-bottom:20px;}
.p-top{ float:left; width:677px;margin-bottom:30px; }
.p-top h3{ font-size:18px;  color:#333333; font-family:"Microsoft YaHei",微软雅黑,"MicrosoftJhengHei",华文细黑,STHeiti,MingLiu; text-align:center; margin-bottom:20px;}
.p-top ul{ width:394px; height:394px; background:#f2f2f2; border:1px solid #d6d6d6; padding:9px; margin:0 auto; clear:both;}

.p-nav{float:left; width:677px;color:#333333; border:1px solid #cccccc; text-align:center; background:#ececec; height:42px; line-height:42px; position:relative; }
.p-nav li{float:left;width:97px; border-right:1px solid #cccccc; cursor:pointer; height:42px;}
.an1{background:#ececec; color:#e37f10; border-bottom:2px solid #e37f10;}
.an2{}
.p-nav ul{ right:0px; top:0px; padding-right:10px; width:125px; position:absolute;}
.p-nav ul a{ float:left; padding-left:10px;}
.p-nav ul a img{ float:left; padding:14px 5px 0 0 ;}

#body1{ float:left;width:677px; margin-top:20px;}
#body1 img{margin:0 40px 15px 0;}
#body2{ float:left;width:677px; margin-top:20px;}
#body2 td{ padding:5px; color:#606060; background:#fff; line-height:20px;}
#body3{ float:left;width:677px; margin-top:20px;}

.next{ float:left; width:677px; padding-top:20px;}
.next img{ float:right; margin-top:12px;}
