/* CSS Document */
body{margin:0px; padding:0px; font-family:"宋体"; background:url(../images/bg.png) top center no-repeat;  color:#333; font-size:12px;}
.c{clear:both;}
.p{padding:10px;}
.p3{padding-left:20px;}
.w{width:280px;}
.l{float:left;}
.r{float:right;}
.w1{width:280px; margin-top:10px;}
*{ margin:0px; padding:0px;}
ul,li{ list-style:none;}
a:link, a:active, a:visited{ color:#333; text-decoration:none;}
a:hover{ color:#FF6600; text-decoration: none;}
img,a{ border:none; outline:none;}


.logo{width:980px; height:158px; }

.top_main{width:100%; height:40px; background:url(../images/topbg.png) repeat-x;}
.main_top{width:980px; height:40px; margin:0px auto;}
.top{margin:0px; padding:0px;}
.top li{height:40px; float:left; line-height:40px; text-align:center; list-style:none; background:url(../images/mid.png) right center no-repeat;}
.top li a{ width:122px; text-transform:uppercase; height:40px; display:block; color:#fff; font-size:14px;outline:none;font-family:"Microsoft yahei";}
.top li:hover,.top li a:hover{ color:#fd5800;}
.lee dt a{color:#ffcc00!important; }

.index_search{width:980px; height:40px; margin:0px auto; line-height:40px; }
.index_search span{width:140px; margin-top:7px; height:25px; float:right;}
.index_search .inpu1{width:106px; height:25px; border:none; background:url(../images/search.png) no-repeat; outline:none; float:left; line-height:25px; padding-left:5px;}
.index_search .inpu2{float:left;}

.title{width:100%; height:32px; line-height:32px; background:url(../images/title.png) repeat-x; font-size:14px; color:#FFFFFF; text-indent:15px; font-weight:bold;}
.title span{float:right; margin-right:10px; margin-top:10px;}
.title font{font-weight:normal; font-size:12px; color:#333; margin-left:10px; font-family:Arial, Helvetica, sans-serif;}

.title_right{width:100%; height:35px; line-height:35px; background:url(../images/title_bg.png) right center no-repeat;}
.title_right span{float:right; margin-top:15px; margin-right:10px;}
.title_right font{background:#272444;  padding:10px 15px; color:#FFFFFF; font-size:14px;}

.video_C{border:1px solid #CCCCCC; border-top:none; padding:10px; margin-bottom:12px;}
.contact_C{border:1px solid #CCCCCC; border-top:none; padding:10px;  line-height:22px;}

.index_left{width:260px; float:left;}
.index_right{width:700px; float:right;}

.index_contact{border:1px solid #CCCCCC; line-height:22px;}
.index_contact p{margin-top:10px; margin-bottom:5px;font-weight:bold; font-size:14px;}
.index_contact span{color:#fe0000; font-family:'Times New Roman', Times, serif; font-size:16px;}
.index_right_about{width:100%; height:187px;}
.index_right_p{width:735px;height:460px;overflow:hidden; margin-top:8px;}
.index_right_p img{width:222px; height:188px; padding:2px; border:1px solid #CCCCCC;}
.index_right_p p{text-align:center; height:40px; line-height:40px;}

.Index_news_main{width:100%;  margin-top:10px; margin-bottom:10px;}
.Index_news_left{width:418px; float:left; }
.Index_news_right{width:295px; float:right; }
.Index_news{text-align:left;width:560px;height:35px; overflow:hidden; margin-left:116px; float:left;}

.index_products{width:980px; height:210px; margin:0px auto}


#TextContent2 li{height:35px; text-indent:10px; line-height:35px;font-size:12px; background:url(../images/dian.png) left center no-repeat;}
#TextContent2 li span{ color:#333333;}
#TextContent2 li a{color:#FF0000;}
#TextContent2 li a:hover{text-decoration:underline;}

.index_p_main{width:100%; }
.index_p_main1{width:100%; margin-top:20px;}
.index_p{padding:0px; margin-bottom:12px; }
.index_p li{width:100%; height:32px; line-height:32px; background:url(../images/pleft.png) left center no-repeat; text-indent:30px; margin-top:8px;}
.index_p li a{font-size:12px; width:100%; display:block; }
.index_p li:hover,.index_p li a:hover{color:#FF6600; font-weight:bold;}

.AboutLi2 li{width:100%; height:32px; line-height:32px; background:url(../images/pleft1.png) left center no-repeat; text-indent:30px; margin-top:8px;}
.AboutLi2 li a{font-size:12px; width:100%; display:block; }
.AboutLi2 li:hover,.index_p li a:hover{color:#FF6600; font-weight:bold;}

.run{overflow:hidden; width:980px; margin:0px auto;}
.run img{padding:2px; border:1px solid #CCCCCC;}

.banner{width:100%; height:250px; margin-top:5px; margin-bottom:20px; }

.index_fo_main{width:100%; height:170px; background:url(../images/bottombg.jpg) top left repeat-x;}
.index_fo_main1{width:980px; height:170px; margin:0px auto;}
.index_fo{margin:0px; padding:0px;}
.index_fo li{float:left; height:170px; width:196px; background:url(../images/bottombg.png) right center no-repeat;}
.index_fo li p{font-weight:bold; height:30px; line-height:30px; font-size:14px; text-align:center; margin-top:20px;}
.index_fo li ul{margin-top:10px; padding:0px;}
.index_fo li ul li{width:100%; height:24px; line-height:24px;text-align:center; background:none;}

.index_foot_top{width:100%; height:20px;}

.index_foot{width:100%; height:32px; background:url(../images/title.png) repeat-x; text-align:center; line-height:32px; color:#FFFFFF;}
.index_foot a{color:#FFFFFF;}

.Index_bottom{width:100%; text-align:center; padding-top:20px; padding-bottom:20px; line-height:24px;}
.Index_bottom_main{width:980px; height:40px; margin:0px auto; color:#FFFFFF;}
.Index_bottom_main span{ float:right;}
.Index_bottom_main a{color:#FFFFFF;}


#CSSBox{width:700px;height:187px;  margin:10px auto 0px auto;overflow:hidden;background-color:#ffffff; }
#CSSBox ul li{ float:left; list-style:none; border:0px solid red; margin:0px 8px;}
#CSSBox ul li img{ padding:2px; border:1px solid #CCCCCC;}
#CSSBox ul li span{ display:block; text-align:center; font-size:12px; margin-top:10px;}

#CSSBox1{width:960px;height:250px;  margin:0 auto;overflow:hidden;background-color:#ffffff; margin-left:10px; }
#CSSBox1 ul li{ float:left; list-style:none; border:0px solid red; margin:0px 8px;}
#CSSBox1 ul li img{ padding:1px; border:1px solid #CCCCCC;}
#CSSBox1 ul li span{ display:block; text-align:center; font-size:12px; margin-top:5px;}

#main{width:100%; height:210px;}
#main4{width:980px; margin:20px auto;}
#mind1{width:980px; margin:15px auto; }
#mind1_contact{width:100%; height:198px; margin-top:20px;}
.mind1_l1{width:321px; height:198px; float:left;}
.mind1_l2{width:377px; height:198px; float:left; margin-left:29px;}
.mind1_l3{width:223px; height:198px; float:right;}

.a1{line-height:21px; padding-top:10px;}
.a1 img{float:left; margin-right:10px; }
.a2{margin-top:10px; line-height:22px;}
.c1{width:980px; height:120px;}
.cc{width:980px; height:227px;}

.index_about{width:100%; padding-top:10px;}

.copyright{width:430px; line-height:55px; height:55px; float:left; text-align:center;}

.About_title{width:100%; height:36px; background:url(../images/left1.png) no-repeat; line-height:36px; color:#FFFFFF; font-size:14px; text-indent:35px; font-weight:bold;}
.About_title2{width:100%; height:32px; line-height:32px; color:#FFFFFF; background:url(../images/title.png) repeat-x;}
.About_title2 span{float:right;  margin-right:10px;}
.About_title2 font{color:#333; font-size:14px; font-weight:bold; padding-left:10px; color:#FFFFFF;}
.About_title2 a{color:#FFFFFF;}
.About_contact{ line-height:24px;}
.About_contact1{padding:10px; line-height:24px;}
.About_contact2{line-height:24px; padding-top:10px;}
.About_contact3{line-height:24px; }
.AboutLi{margin:0px; padding:10px; height:auto; background:#f0f0f0;}
.AboutLi li{ width:100%;margin-top:1px;  line-height:37px; float:left; background:url(../images/dian_hover.png) 10px center no-repeat; border-bottom:1px dotted #CCCCCC;}
.AboutLi li a{ padding-left:35px;line-height:37px;display:block; color:#000; font-size:12px; }
.AboutLi li:hover,.AboutLi li a:hover{color:#85140e; font-weight:bold;}

.cd a{color:#FF6600 !important; font-weight:bold;}
.ed a{color:#FF6600 !important;}
.about_c{width:226px; line-height:24px; padding-top:10px;}

.about_left{width:220px; float:left;}
.about_right{width:735px; float:right;}

.case1{margin-top:10px; padding:0px; margin-left:15px; width:100%;}
.case1 li{width:190px; height:30px; line-height:30px; float:left; text-align:left;}
.case1 li a{width:190px; height:30px; line-height:30px; display:block;}
.ca1{ font-weight:bold;}
.ca1 a{color:#da251d !important; }
.case2{margin-top:10px; padding:0px; margin-left:15px;}
.case2 li{; margin-right:15px; background:#FFFFFF; border:1px solid #CCCCCC; float:left;}
.case2 li a{display:block;padding:10px}
.case2 li:hover,.case2 li a:hover{background:#333333; color:#FFFFFF;}
.ca2{background:#333333  !important;}
.ca2 a{ color:#FFFFFF  !important;}

.case3{width:230px; height:350px; float:left; margin-right:10px;}
.case3_main{width:230px; height:260px; border:1px solid #CCCCCC; padding:5px; line-height:30px; text-align:center;}
.case3_p1{font-size:14px; margin-top:10px;}
.case3_p2{height:20px; width:100px; line-height:20px; background:url(../images/view.png) left center no-repeat; float:left;}
.case3_p3{height:20px; width:100px; line-height:20px; background:url(../images/web.png) left center no-repeat; float:left;}

.service_title{width:100%; margin-top:20px; height:30px; font-weight:bold; line-height:26px; font-size:18px; color:#da241d; }

.newslist li{padding:5px 0px;border-bottom:1px dotted #ccc;clear:both;}
.newslist li a{color:#000000;}
.newslist li a:hover{color:#ff0000;}
.newslist li span{float:right;padding-right:4px;color:#333;}
#ProductList{width:100%;}	
#ProductList .item{ margin:5px; float:left; text-align:center;}
#ProductList .item h4{ font-size:12px; line-height:24px;}
#ProductList p{padding:0px;margin:0px;}    
#ProductList .imgtab{width:150px;height:120px;}
#ProductList .imgtd{width:160px;height:130px;}/*10px ΪʹֻһƷͼƬʱʾ*/
#ProductList .nav{ width:100%; height:30px; line-height:30px;line-height:30px; padding:0; margin:0;}

.news_left{width:600px; float:left;}
.news_li{width:100%; height:34px; line-height:34px; font-size:14px; font-weight:bold; text-indent:10px; background:#c9c9c9;}
.news_span{float:right; margin-right:10px; font-weight:normal; font-size:12px;}
.news_contact{padding:10px; height:70px;}
.news_right{width:334px; height:636px; float:right;}

.solution{margin:0px; padding:0px;}
.solution li{width:280px; height:200px; float:left; text-align:center; margin:20px 15px; background:url(../images/custormer.png) left top no-repeat;}
.solu{padding:10px; line-height:40px; font-size:14px; font-weight:bold; color:#FFFFFF;}
.solut{width:400px; height:40px; margin:20px auto;}
.solut_left{width:150px; height:40px; font-size:16px; background:url(../images/left1.png) left center no-repeat; line-height:40px; float:left; text-indent:46px;}
.solut_left a{color:#666}
.solut_right{width:150px; height:40px; line-height:40px; font-size:16px; float:right; background:url(../images/right1.png) left center no-repeat; text-indent:46px;}
.solut_right a{ color:#666;}

/*Banner1*/
.mainbanner{height:400px;overflow:hidden; position:relative; margin-top:1px;}
.mainbanner_window{left:50%;width:2000px;height:400px;overflow:hidden;margin-left:-1000px;position:absolute;}
.mainbanner_window ul{width:999999px;height:461px;position:relative;}
.mainbanner_window li{background:rgb(255, 255, 255);width:2000px;height:400px;text-align:center;font-size:0px;float:left;display:inline;}
.mainbanner_list{left:50%;top:355px;width:500px;height:30px;margin-left:-30px;position:absolute; z-index:999;}
.mainbanner_list li{width:30px;height:30px;overflow:hidden;float:left;display:inline;}
.mainbanner_list a{background:url(../images/50.png) no-repeat;width:17px;height:17px;line-height:17px;overflow:hidden;text-align:center;color:rgb(255, 255, 255);font-size:12px;font-weight:700;float:left;display:inline-block;}
.mainbanner_list li.active a{background-position:0 -17px;text-decoration:none;}
.mainbanner_list li a:hover{background-position:0 -17px;text-decoration:none;}
/*End*/




.Index_new_main{width:980px; height:296px; margin-top:40px;}
.Index_new1{width:307px; height:296px; float:left;}
.Index_new2{width:307px; height:296px; float:left; margin-left:30px;}
.Index_new3{width:307px; height:296px; float:right;}
.Index_new_img{width:307px; height:119px;}
.Index_new{margin:0px; padding:0px; padding-top:8px;}
.Index_new li{width:100%; height:28px; line-height:28px; border-bottom:1px dotted #CCCCCC;  background:url(../images/dian.png) left center no-repeat; text-indent:10px;}
.Index_new li span{float:right;}

.Index_Friend{width:980px; height:30px; line-height:30px; color:#cccccc; font-size:16px;}
.Index_Friend_content{width:980px; margin-top:20px; line-height:24px;}
.Index_Friend_content a{ color:#FFFFFF;}

/*Banner2*/
#slide-box {MARGIN: 0px auto; WIDTH: 760px;POSITION: relative; HEIGHT: 410px;TEXT-ALIGN:center; padding-top:30px;}
#slide-box .slide-content {BACKGROUND: #333}
#slide-box .ks-switchable-triggers A {DISPLAY: block; Z-INDEX: 99; WIDTH: 37px; COLOR: #b4b4b4; POSITION: absolute;  TOP: 205px; HEIGHT: 65px; TEXT-DECORATION: none}
#slide-box .ks-switchable-triggers SPAN {DISPLAY: block;   WIDTH: 54px; CURSOR: pointer; HEIGHT: 94px; TEXT-ALIGN: center}
#slide-box .ks-switchable-triggers .corner {BORDER-LEFT-COLOR: #fff; BORDER-BOTTOM-COLOR: #fff; BORDER-TOP-COLOR: #fff; BORDER-RIGHT-COLOR: #fff}
#slide-box .ks-switchable-triggers .prev {LEFT: -80px; background:url(../images/left.png) left center no-repeat;}
#slide-box .ks-switchable-triggers .next {RIGHT: -80px; background:url(../images/right.png) right center no-repeat;}
#slide-box .ks-switchable-triggers A:hover {COLOR: #f43d1e}
#slide-box .ks-switchable-triggers A:hover SPAN {COLOR: #f43d1e}
#slide-box .slide-content {PADDING:10px}
#slide-box .wrap {OVERFLOW: hidden; WIDTH: 740px; HEIGHT: 400px}
#slide-box UL {margin:0;padding:0;WIDTH: 10000px}
#slide-box LI {FLOAT: left; WIDTH: 740px; HEIGHT: 450px}
#slide-box LI IMG {WIDTH: 740px; HEIGHT: 410px;BORDER:0}
/*End*/

#GuestBook	{margin:auto !important; margin:auto 0; line-height:25px; width:730px; height:auto; padding-top:8px;}
#GuestBook .msgform thead td{padding-left:10px;border-bottom:1px dotted #666;font-weight:bold;}
#GuestBook .msgform td{padding:3px;}
#GuestBook .wd2{font-family:Wingdings 2;}
#GuestBook .textinp{line-height:22px; border:0; height:22px; border:1px solid #CCC; text-indent:1px;}
#GuestBook .textarea{border:0; border:1px solid #CCC;}
#GuestBook .guesttitle{text-align:right;padding-right:6px;width:160px;}
#GuestBook .subBox{ text-align:center;}


.home_banner{ min-width:800px; _width:expression((document.documentElement.clientWidth||document.body.clientWidth)<800?"800px":"");HEIGHT: 400px}
.bannerBox {POSITION: relative;}
#big_img {HEIGHT: 400px}

#small_img {POSITION: absolute; left:0px;TOP: -35px; width:100%}
#small_imgs {WIDTH: 200px; margin:0 auto;PADDING-left:100px;}
#small_imgs a {PADDING-LEFT: 3px; PADDING-RIGHT: 0px; FLOAT: left;}
#small_imgs a .img { WIDTH: 13px; PADDING: 3px; HEIGHT: 13px; CURSOR: pointer;BACKGROUND: url(../images/ban_bt.png) no-repeat center center;}
#small_imgs a .img IMG {WIDTH: 13px; HEIGHT: 13px;}
#small_imgs a .active {BACKGROUND: url(../images/ban_bt1.png) no-repeat center center;}

.QQarea {MARGIN-BOTTOM: 8px;  WIDTH: 377px;}
.QQarea UL{PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px}
.QQnav {width:100%; background:url(../images/title_bg.jpg) left center no-repeat; line-height:30px; height:30px; text-indent:15px; font-size:14px; font-weight:bold; color:#d20c0c;}
.QQnav font{font-weight:normal; font-size:12px; color:#333;}
.QQnav H2{FONT-SIZE: 14px; TEXT-INDENT: 17px;FLOAT: left;margin-top:0;}
.QQnavbar{FLOAT: right; OVERFLOW: hidden; WIDTH: 56px; MARGIN-RIGHT: 18px; PADDING-TOP: 6px; ZOOM: 1; HEIGHT: 22px; _display: inline}
.QQnavbar LI {list-style:none;MARGIN-TOP: 5px; BACKGROUND: url(images/QQsplit.png) no-repeat -165px -112px; FLOAT: left; MARGIN-LEFT: 3px; WIDTH: 6px; CURSOR: pointer; HEIGHT: 6px; _display: inline}
.QQnavbar LI.active {BACKGROUND: url(images/QQsplit.png) no-repeat -165px -86px}
.QQbed { PADDING-BOTTOM: 0px; WIDTH: 377px; PADDING-TOP: 5px}
.QQbed LI {FLOAT: left; WIDTH: 377px;position:relative;}
#QQTab{display:none;}
#QQpre {BACKGROUND: url(../images/left.png) no-repeat; FLOAT: left; WIDTH: 23px; CURSOR: pointer; MARGIN-RIGHT: 8px; HEIGHT: 18px; _display: inline}
#QQnext {BACKGROUND: url(../images/right.png) no-repeat ; FLOAT: right; WIDTH: 23px; CURSOR: pointer; HEIGHT: 18px}
#QQMarquee {OVERFLOW: hidden; WIDTH: 377px; ZOOM: 1; HEIGHT: 165px;left:-10px;POSITION:relative;}
#QQMarqueeCoutent img{BORDER-RIGHT: #ccc 1px solid; BORDER-TOP: #ccc 1px solid; BORDER-LEFT: #ccc 1px solid; BORDER-BOTTOM: #ccc 1px solid; padding:2px; width:155px; height:155px; margin-left:10px;}
#QQMarqueeCoutent .link { height:22px;  TEXT-ALIGN: left;font-size:14px; color:#8f0606; font-weight:bold;line-height:22px;}
#QQMarqueeCoutent .link:hover{ text-decoration:underline;}
.product_img{width:162px; float:left;}
.product_content{width:187px; float:left; margin-left:20px;}
.products_contact{color:#333333; font-weight:normal; font-size:12px;}