/* CSS Document */
@charset "gb2312";
body {behavior:url("../css/csshover.htc");}
body{ margin:0px auto; background: url(../images/bodybg.jpg) repeat-x top; overflow-x:hidden}
.wrap {width:100%;clear:both;}
.container {margin:0 auto;height:auto;clear:both;width:100%; text-align:center}
.main{width:1200px;margin:0px auto;clear:both; height:auto; background:url(../images/mainbg.jpg) repeat-y center;}

.head{margin:0px auto auto auto;}
.top{ width:1200px; margin:0px auto; height:99px; background:url(../images/topbg.jpg) no-repeat left;}
.logo{width:200px; margin:0px auto; float:left;}
.logo img{ float:left; padding-top:25px;}
.tel{ float:right; padding-top:25px;}

.navigation {margin:auto auto; text-align:center;width:100%; height:52px;_overflow:hidden; background:url(../images/navbg.jpg) repeat-x center}
.menu{width:1204px; margin:0px auto;background:url(../images/menubg.png) no-repeat center;position:relative; height:52px;}
*html .menu{width:1204px; margin:0px auto;background:url(../images/menubg.jpg) no-repeat center;position:relative; height:52px;}
#nav{text-align:center;height:52px; margin:0px auto;}
#nav li ul{display:none;}

.first-menu li:hover .second-menu a:hover{color:#f00;}
.first-menu a,.first-menu a:link{height:52px;line-height:52px;display:block;color:#fff;font-family:"Microsoft YaHei","微软雅黑","Microsoft JhengHei","黑体"; font-size:14px; font-weight:500}

.second-menu{position:absolute;}

.ul3{ width:400px;top:51px;left:0;border:1px solid #000; padding:10px;}
.ul3 div{ width:420px; height:120px; position:absolute; left:0px; top:0px;background:#fff;filter:alpha(opacity=60);-moz-opacity:0.6;opacity:0.6; z-index:-1}

.ul30{ width:260px;top:51px;left:0;border:1px solid #000; padding:10px;}
.ul30 div{ width:280px; height:104px; position:absolute; left:0px; top:0px;background:#fff;filter:alpha(opacity=60);-moz-opacity:0.6;opacity:0.6; z-index:-1}

.second-menu span{ display:block; float:left; width:250px;}
.second-menu a,.second-menu a:link,.second-menu a:visited{font-weight:normal;color:#000; font-size:13px;font-family:"Microsoft YaHei","微软雅黑","Microsoft JhengHei","黑体"; float:left; width:50%; display:block; text-align:left;overflow:hidden; height:28px; line-height:28px; overflow:hidden;}
.second-menu img{ width:140px; height:100px; float:right;}

.nav-item{ position:relative; float:left;width:172px;height:52px;line-height:52px; text-align:center; font-size:14px; z-index:1}
.nav-item a{ display:block;height:52px; color:#fff;}
.move-bg{ display:none;position:absolute;left:0;top:0; width:200px; height:50px; background:url(../images/menuon.gif) no-repeat center;z-index:0;vertical-align:bottom}

.category{ width:220px; float:left}
.category_bt{ height:60px; background:url(../images/category_bt.jpg) no-repeat center;}

/*产品分类样式*/

.ce{display:block;width:220px;position:relative;z-index:5;}
.ce li{ text-align:left; text-indent:40px;}
.ce li a{ width:100%; height:40px; line-height:40px; font-size:14px;color:white;display:block;cursor:pointer;}
.ce li a:hover{}
.ce li .dqian{background:none}
.ce li.yi{background:url(../images/flbg.jpg) no-repeat top; margin-top:1px}

.er{display:none;width:220px;}
.er li{width:100%;background:url(../images/inc.jpg) no-repeat 200px 17px #ddd; margin-top:1px}
.er li:hover{ background:#CCC}
.er li a{display:block;color:#000;font-size:12px;width:100%; text-align:left; text-indent:20px;height:40px; line-height:40px;}
.er li a:hover{ color:#F00}

/*产品分类样式*/


.focus{ width:100%; height:500px; margin-bottom:10px;}

.more{ display:block; float:right;width:60px; height:40px;}
.more a,.more a:link{color:#D90000;line-height:40px; overflow:hidden; font-size:12px;}
.more a:hover{color:#f00}

.plate{}
.plate dt{background:url(../images/dtbg.jpg) repeat-x bottom; height:40px;}
.plate dt b{ background:url(../images/bt.jpg) no-repeat center; width:90px; height:40px; display:block; float:left;font-size:15px; color:#FFF; line-height:40px; overflow:hidden;}

.product{ width:968px;float:right;}
.product li{ width:320px;float:left;margin:4px 4px 0 0;font-size:12px;}
.product li img{ width:320px; height:200px; margin:0px auto;}
.product li span{ width:100%; height:30px;line-height:30px;overflow:hidden; background:url(../images/pro_title_bg.jpg) repeat-x bottom; text-align:left; text-indent:5px; display:block; margin-top:1px}
.product li.mr_0{margin-right:0;}

.about{ width:100%;background:url(../images/aboutbg.jpg) repeat-y; margin:15px 0;}
.about .abt{ width:80px; height:231px; float:left; padding:22px 20px;}
.about .acon{ width:600px; height:225px;padding:20px 10px;float:left; text-align:left; line-height:22pt; font-size:14px; color:#333333; text-indent:2em; position:relative}
.about .acon img{ position:absolute; left:0; bottom:10px;}
.about .apic{ float:right; width:414px; padding:10px;}
.about .apic img{ width:406px; height:250px; padding:4px; background:#FFF}

.cases{ width:740px;float:left;}
.cases li{ width:244px;float:left;margin:4px 4px 0 0;font-size:12px;}
.cases li img{ width:244px; height:180px; margin:0px auto;}
.cases li span{ width:100%; height:30px;line-height:30px;overflow:hidden;text-align:center;display:block;}
.cases li.mr_0{margin-right:0;}


.news {width:440px; float:right;}
.news ul{ border:1px solid #EEEEEE; border-top:none;width:438px; height:215px;}
.news li{ width:98%; margin:0px auto;background:url(../images/doc.jpg) repeat-x bottom; height:30px; line-height:30px; overflow:hidden; text-align:left;vertical-align:bottom;}
.news li a{color:#666; display:block; float:left; margin-left:10px;}
.news li span{ float:right; width:80px; color:#AAAAAA; display:block;}
.news li a:hover{color:#f00;}


.product img:hover,.links img:hover{filter:alpha(opacity=85);-moz-opacity:0.85;opacity:0.85;}

.linkbg{ width:100%;height:61px; background:#eee; margin-top:10px;}
.links{ width:1200px; margin:0 auto}
.links dt{ width:122px; height:61px; float:left; background:url(../images/linkt.jpg) no-repeat right}
.links dd{ text-align:center; padding:5px 0px;}
.links dd img{ width:150px; height:50px;float:left; margin-left:4px;}

/*footer*/
.footer{ width:100%; background:#8C0000; margin:0px auto;line-height:18pt;height:auto;text-align:center;padding-top:5px;color:#fff;}
.footer span{ width:1200px; display:block; text-align:center; margin:0px auto}
.footer a,.footer a:link{ color:#fff; margin:0px 10px;}

/*guestbook*/
.guestbook{ text-align:left;}
.guestbook .btn-2{width:70px;height:25px;border:none;background:url(../images/btn-bg2.gif) left top no-repeat;line-height:25px;overflow:hidden;color:#444;margin-right:2px;cursor:pointer;}

.btn-2{width:70px;height:25px;border:none;background:url(../images/btn-bg2.gif) left top no-repeat;line-height:25px;overflow:hidden;color:#444;margin-right:2px;cursor:pointer;}

.msgtd {line-height:180%;padding:5px;height:50px;}
.msgtd span { color:#ccc;}	
.timetd {border-top:1px solid  #ccc;border-bottom:1px dotted #ccc;padding-left:5px;color:#999; font-family:Arial, Helvetica, sans-serif; height:30px; line-height:30px; overflow:hidden;}
.timetd img{vertical-align:bottom; padding-top:10px;}
.timetd span{ display:block; float:left; font-family:宋体; color:#555555;}
.remsg{ color:#993;}
.remsg b{ font-weight:bold; color:#F00;}

.bottomtd {border-top:1px dashed #dedede;padding-left:5px;}
.bottomtd a{color:#666;}
.bottomtd a:hover{color:#f00;}
.writetable td {padding: 3px;}
.writetd {background:url(../images/wbg.gif); height:30px;}
.pagetable {border:1px solid #dedede;margin-bottom:8px;background:#FBFEED;}
.pagelistbox {}
.pagelistbox span{border:1px solid #dedede;padding:2px;margin-right:3px;background:#E8F9BF;}
.pagelistbox a {border:1px solid #dedede;padding:2px;margin-right:3px;background:#ccc;padding-left:5px;padding-right:5px;}
.rebox{padding:5px;border-bottom:1px solid #dedede; background:#f9f9f9; margin:0px auto; font-family:Arial, Helvetica, sans-serif}

.sp-title{color:#888;padding:0px 12px;margin-bottom:8px;}
.sp-title h2 {text-align:left; width:100%;line-height:27px; clear:both}
.sp-title h2 b{font-size:14px;color:#093; float:left;}
.sp-title h2 span{ font-size:12px;float:left; display:block; color:#999; font-weight:normal; text-indent:2em}
.sp-title ul{color:#F93;}
.sp-title ul li{ float:left;height:40px; line-height:40px; overflow:hidden;}
.sp-title ul li.now{ color:#b00;}
.sp-title ul li.now a{ color:#b00;}
.sp-title ul li.now a:hover{ color:#f00;}
.sp-title ul li a{color:#F93; font-size:12px; font-weight:bold; padding:0px 5px;}
.sp-title ul li a:hover{color:#F00;}
.sp-title .more{float:right;margin:5px 0px;line-height:27px;}
.sp-title .more a{ color:#F30}
.sp-title .more a:hover{ color:#f00}
.ipt-txt{line-height:12px;padding:4px 5px; overflow:hidden;border-width:1px;border-style:solid;border-color:#666 #BBB #BBB #666;font-size:12px;margin-right:2px; color:#666;}

.left{ width:230px; float:left;height:auto;background:#fff; overflow:hidden;}
.left .column .bt{ height:60px; width:220px;background:url(../images/bt_bg.jpg) no-repeat;}
.left .column dd{ height:auto; border-top:none; width:220px; padding:3px 0px 0px 0; }
.left .column dd ul li{ height:38px; width:100%; line-height:38px;float:left; background:url(../images/column_bg.jpg) no-repeat;overflow:hidden;text-overflow: ellipsis;white-space: nowrap;}
.left .column dd ul li a{color:#000; font-size:14px; letter-spacing:2px; font-weight:100}
.left .column dd ul li:hover{background:url(../images/column_on.jpg) no-repeat;}
.left .column dd ul li:hover a{ color:#f00;}
.left .column dd ul li.on{background:url(../images/column_on.jpg) no-repeat;}
.left .column dd ul li.on a{ color:#f00; font-weight:bold;}
.left .column dd ul li.on a:hover{color:#f00;}
.left .contact{ width:198px;border:1px solid #ddd}
.left .contact img{ width:198px; height:auto}
.left .contact span{ display:block; text-align:left; padding:8px;}
.left .contact span img{ width:100%; height:auto}
.left .contact hr{ color:#f8f8f8; height:1px;border:none;border-top:1px solid #eee;}

.right{ width:960px; float:right;}
.content{height:auto !important;height:600px;min-height:600px;padding:0 0 10px 0; background:#f9f9f9}
.position{padding:0px 0px 0px 0px;font-size:12px;width:100%;text-align:left; color:#000;text-indent:10px; height:31px; line-height:30px; overflow:hidden;border-bottom:1px solid #ddd; background:#FFF}
.position a:link,.position a:visited{ color:#000;}
.position a:hover{ color:#f00;}

/*prolist*/
.prolist{height:auto !important;height:280px;min-height:280px; padding:10px 0px;}
.prolist li{width:314px;height:230px;float:left; background:#FFF; margin-right:6px;border:1px solid #eee; margin-top:6px;}
.prolist li a{ color:#000; font-size:12px;}
.prolist li a:hover{ color:#f00;}
.prolist li span{ width:100%; display:block;margin:0px auto;overflow:hidden;height:28px; line-height:28px;text-align:center;}
.prolist li:hover{border:1px solid #f00}
.prolist li img{ max-width:308px; max-height:200px;padding:3px; background:#FFF}
.prolist li img:hover{filter:alpha(opacity=90);-moz-opacity:0.9;opacity:0.9;}
.prolist li.mr_0{ margin-right:0px;}

/*newslist*/
.newslist{padding:25px;height:auto; margin:0px auto}
.newslist li{line-height:35px; height:35px;overflow:hidden;width:100%; border-bottom:1px dotted #ccc;}
.newslist li a{float:left; display:block; padding-left:10px; font-size:14px; color:#000; vertical-align:bottom;}
.newslist li a:hover{ color:#f00;}
.newslist li span{ float:right; display:block; width:100px; font-size:11px;font-family:Arial, Helvetica, sans-serif; color:#B8B8B6;}
.newslist .doc{ color:#999; font-size:10px; font-family:Arial, Helvetica, sans-serif; padding-right:5px; padding-left:5px; display:block; float:left;}
.newslist li.darkcolor{ background:#fcfcfc;}

/*news*/
.newsview{height:auto !important;height:500px;min-height:500px;}
.newsview h1{text-align:center; height:35px; line-height:35px; overflow:hidden; font-size:22px; font-family:"Microsoft YaHei","微软雅黑","Microsoft JhengHei","黑体","宋体"; color:#000; font-weight:500}
.newsview h6{text-align:center;font-weight:normal; height:25px; line-height:25px; overflow:hidden;margin:5px auto; font-family:Arial, Helvetica, sans-serif; color:#333; background:#eee;}
.newsview h6 a{ color:#333;}
.newsview .body{ font-size:14px; line-height:25pt; text-align:left; padding:10px 20px;}
.newsview .next{padding:0px 5px; text-align:center;border-top:1px dotted #ddd;font-weight:normal; height:25px; line-height:25px; overflow:hidden; margin:10px auto; color:#777;}
.newsview .next a{ color:#777;}
.newsview .next a:hover{ color:#f00;}
.newsview .body img{margin:5px auto;}
.newsview .info{ font-size:14px; line-height:24pt; text-align:left;}


/*分页*/
.pagination {display:inline-block;padding-left:0;margin:20px 0;border-radius:4px;}
.pagination>li:first-child>a,.pagination>li:first-child>span {margin-left:0;border-top-left-radius:4px;border-bottom-left-radius:4px;}
.pagination>.disabled>a,.pagination>.disabled>a:focus,.pagination>.disabled>a:hover,.pagination>.disabled>span,.pagination>.disabled>span:focus,.pagination>.disabled>span:hover {color:#666;cursor:not-allowed;background-color:#fff;border-color:#ddd;}
.pagination>li>a,.pagination>li>span {position:relative;float:left;padding:6px 12px;margin-left:-1px;line-height:1.42857143;color:#337ab7;text-decoration:none;background-color:#fff;border:1px solid #ddd;}
.pagination>.active>a,.pagination>.active>a:focus,.pagination>.active>a:hover,.pagination>.active>span,.pagination>.active>span:focus,.pagination>.active>span:hover {z-index:3;color:#fff;cursor:default;background-color:#999;border-color:#666;}
.pagination>li>a,.pagination>li>span {position:relative;float:left;padding:6px 12px;margin-left:-1px;line-height:1.42857143;color:#666;text-decoration:none;background-color:#fff;border:1px solid #ddd;}
.pagination>li {display:inline;}



/* 主要css样式*/
.main-im{position:fixed;right:10px;top:100px;z-index:100;width:110px;height:272px;}
.main-im .qq-a{display:block;width:106px;height:90px;font-size:14px;color:#0484cd;text-align:center;position:relative;}
.main-im .qq-a span{bottom:5px;position:absolute;width:90px;left:10px;}
.main-im .qq-hover-c{width:70px;height:70px;border-radius:35px;position:absolute;left:18px;top:10px;overflow:hidden;z-index:9;}
.main-im .qq-container{z-index:99;position:absolute;width:80px;height:90px;border-top-left-radius:10px;border-top-right-radius:10px;background:url(../images/qq-icon-bg.png) no-repeat 0px 8px;left:15px; cursor:pointer}
.main-im .img-qq{max-width:60px;display:block;position:absolute;left:6px;top:3px;-moz-transition:all 0.5s;-webkit-transition:all 0.5s;-o-transition:all 0.5s;transition:all 0.5s;}
.main-im .im-qq:hover .img-qq{max-width:70px;left:1px;top:8px;position:absolute;}
.main-im .im_main{background:#F9FAFB;border:1px solid #dddddd;border-radius:10px;background:#F9FAFB;}
.main-im .im_main .im-tel{color:#000000;text-align:center;width:109px;height:105px;border-bottom:1px solid #dddddd;}
.main-im .im_main .im-tel div{font-weight:bold;font-size:12px;margin-top:6px;}
.main-im .im_main .im-tel .tel-num{font-family:Arial;font-weight:bold;color:#e66d15;}
.main-im .im_main .im-tel:hover{background:#fafafa;}
.main-im .im_main .weixing-container{width:55px;height:47px;border-right:1px solid #dddddd;background:#f5f5f5;border-bottom-left-radius:10px;background:url(../images/weixing-icon.png) no-repeat center center;float:left;}
.main-im .im_main .weixing-show{width:122px;height:172px;background:#ffffff;border-radius:10px;border:1px solid #dddddd;position:absolute;left:-135px;top:-126px; display:block;}
.main-im .im_main .weixing-show .weixing-sanjiao{width:0;height:0;border-style:solid;border-color:transparent transparent transparent #ffffff;border-width:6px;left:112px;top:134px;position:absolute;z-index:2;}
.main-im .im_main .weixing-show .weixing-sanjiao-big{width:0;height:0;border-style:solid;border-color:transparent transparent transparent #dddddd;border-width:8px;left:112px;top:132px;position:absolute;}
.main-im .im_main .weixing-show .weixing-ma{width:114px;height:113px;padding-left:5px;padding-top:5px;}
.main-im .im_main .weixing-show .weixing-txt{position:absolute;top:110px;left:7px;width:100px;margin:10px auto 0 auto;text-align:center;}
.main-im .im_main .go-top{width:50px;height:47px;background:#f5f5f5;border-bottom-right-radius:10px;background:url(../images/totop-icon.png) no-repeat center center;float:right;}
.main-im .im_main .go-top a{display:block;width:52px;height:47px;}
.main-im .close-im{position:absolute;right:10px;top:-12px;z-index:100;width:24px;height:24px;}
.main-im .close-im a{display:block;width:24px;height:24px;background:url(../images/close_im.png) no-repeat left top;}
.main-im .close-im a:hover{text-decoration:none;}
.main-im .open-im{cursor:pointer;margin-left:68px;width:40px;height:133px;background:url(../images/open_im.png) no-repeat left top; display:none}

.im_list{ text-align:center; margin:0 auto; width:100%;border-bottom:1px solid #dddddd; padding-bottom:10px;}
.im_list a,.im_list a:link{font-size:14px;color:#0484cd; display:block; width:100%; padding:2px 0}



/*大横幅居中*/
.list-none{ list-style:none; padding:0px; margin:0px;}
/*flash*/
.Zbannar{width:100%; overflow:hidden;min-width:1000px;}
.Zbannar #mPics li{margin:0 auto;}
.Zbannar .a1 #anim{background-position:0 0;}
.Zbannar .a2 #anim{background-position:0 -453px;}
.Zbannar .a3 #anim{background-position:0 -906px;}
.Zbannar .a4 #anim{background-position:0 0;}
.Zbannar .a1 #btnsWrap{background-position:0 -127px;}
.Zbannar .a2 #btnsWrap{background-position:0 -254px;}
.Zbannar .a3 #btnsWrap{background-position:0 -381px;}
.Zbannar .a4 #btnsWrap{background-position:0 0;}
.Zbannar li.libegin{background:url(flash_bg.jpg) 50% 50% no-repeat;}
.Zbannar .cc{background-position:-589px -404px;}
.Zbannar .cnow{background-position:-589px -430px;}
.Zbannar #anim{background-image:url(../images/flash_bg.jpg); background-repeat:repeat-x;}
.Zbannar #marquee{position:relative;}
.Zbannar #mPics{overflow:hidden;position:relative;background:url(../images/loading.gif) no-repeat center;}
.Zbannar #mPics a{display:block;width:100%;height:100%;}
.Zbannar #circle{padding-bottom: 10px;position:relative;margin:-28px auto 0;width:960px;overflow:hidden;text-align:center;}
.Zbannar #circle li{display:inline-block;*display:inline;zoom:1;width:30px;}
.Zbannar #circle li a{display:block;width:11px;height:11px;overflow:hidden;text-indent:-9999px;text-align:left;}
.Zbannar #circle li a:hover{background-position:-589px -430px;}
.Zbannar #liB,.Zbannar #liG,.Zbannar #liY,.Zbannar #liX{position:absolute;width:100%;height:100%;background-repeat:no-repeat;background-position:50% 0;}
.Zbannar #circle li a,.Zbannar #circle li a:hover,.Zbannar #nWin .nCon a{background-image:url(../images/sprites-high3.png);background-repeat:no-repeat;}

.Zbannar .a1 #mPics li{ background:url(/uploads/allimg/160422/2-160422120A70-L.jpg) 50% 50% no-repeat;}
.Zbannar .a2 #mPics li{ background:url(/uploads/allimg/160616/2-1606161520210-L.jpg) 50% 50% no-repeat;}
.Zbannar .a3 #mPics li{ background:url(/uploads/allimg/160422/2-1604221329490-L.jpg) 50% 50% no-repeat;}