/* CSS Document */
body{margin:0px; padding:0px; font-family:"Microsoft yahei";   color:#333; font-size:14px;}
.c{clear:both;}
.p{padding:10px;}
.p3{padding-left:20px;}
.w{width:100%;}
.l{float:left;}
.r{float:right;}
.tac{text-align:center;}
.mt{margin-top:36px;}
.fb{font-weight:bold;}
.mr{margin-right:18px;}
.mr2{margin-right:28px;}
.fc{margin-top:2px; color:#666666;}
.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_main{height:35px; background:#f7f7f7; border-bottom:1px solid #e0e0e0;}
.logo_top{width:1220px; height:35px; line-height:35px; margin:0px auto;}
.logo_top span{float:right;}
.logo{height:122px; width:1220px; margin:0px auto; background:url(../images/logo.png) left center no-repeat;}

.productstitle{width:100%; height:30px; line-height:16px; text-align:center; padding-top:15px;}

.top_main{background:#363636; height:50px;}
.main_top{width:1220px; height:50px; line-height:50px; margin:0px auto;}
.top{margin:0px; padding:0px;}
.top li{height:50px; float:left; line-height:50px; text-align:center; list-style:none; }
.top li a{ width:135px;font-weight:bold; text-transform:uppercase; height:50px; display:block; color:#fff; font-size:14px;outline:none;font-family:"Microsoft yahei"}
.top li:hover,.top li a:hover{ color:#fc0;}
.lee  a{color:#fc0!important; }

.topbg{background:url(../images/mid.png) right center no-repeat;}
.topbg:hover{background:url(../images/mid2.png) right center no-repeat;}

.index_img{width:290px; height:423px; border:1px solid #CCCCCC;}
.index_img div{line-height:24px; padding:10px;}
.index_img p{font-size:24px; text-align:center; margin-top:220px;}
.index_img:hover p{ color:#1cc3c9;}
.img1{background:url(../images/1.jpg) center top no-repeat;}
.img1:hover{background:url(../images/1_hover.jpg) center top no-repeat;}
.img2{background:url(../images/2.jpg) center top no-repeat;}
.img2:hover{background:url(../images/2_hover.jpg) center top no-repeat;}
.img3{background:url(../images/3.jpg) center top no-repeat;}
.img3:hover{background:url(../images/3_hover.jpg) center top no-repeat;}
.img4{background:url(../images/4.jpg) center top no-repeat;}
.img4:hover{background:url(../images/4_hover.jpg) center top no-repeat;}

.index_p_title{height:50px; text-align:center; background:url(../images/pb.png) center bottom no-repeat; line-height:40px; font-size:24px; font-weight:bold;}
.index_p_title2{text-align:center; height:40px; line-height:20px; color:#666; margin-top:10px;}

.title{width:100%; height:36px; line-height:36px; background:url(../images/left.png) left center no-repeat; color:#333333;  text-indent:16px; font-size:20px;}
.title span{float:right; margin-top:10px;}
.title font{text-transform:uppercase; font-family:Arial, Helvetica, sans-serif; color:#666666; margin-left:5px;}

.title2{height:30px; font-size:20px;}
.title2 font{border-bottom:5px solid #1cc3c9;}
.title2 span{float:right; margin-top:20px;}

.leftimg{height:40px; line-height:40px; color:white; margin-top:30px; font-size:15px; background:#363636; text-indent:10px;}
.leftimg font{ color:#1cc3c9;}

.index_title{height:30px; line-height:30px; font-size:16px; font-weight:bold; background:url(../images/after.png) left center no-repeat; text-indent:10px; color:#188fc4;}
.index_title span{float:right; margin-top:10px; }
.index_content{line-height:24px;}
.index_content img{margin-bottom:10px;}

.index_about1{padding-top:30px; background:url(../images/mid_top.png) center top no-repeat;}
.index_left1{width:592px; float:left;}
.index_left2{width:585px; float:right; border:1px solid #CCCCCC; padding:10px;}
.index_left1_title{height:44px; line-height:44px; background:#1cc3c9; color:white; font-size:24px; text-indent:10px;}
.index_left1_contact{height:152px; border:1px solid #CCCCCC; padding:19px 15px;}
.index_left1_contact .left1_l{width:206px; float:left;}
.index_left1_contact .left1_r{width:340px; float:right;}
.index_left1_contact .left1_r .yuan{height:30px; line-height:30px; background:url(../images/yuan.png) left center no-repeat; color:#1cc3c9; text-indent:20px; font-size:25px; font-weight:bold; margin-bottom:10px;}


.db{height:1336px; background:url(../images/db.jpg) center top no-repeat; margin-bottom:60px;}

.index_left2 .left2_l{width:240px; float:left;}
.index_left2 .left2_r{width:330px; float:right;}
.index_left2 .left2_r a{ padding-top:10px; display:block;}
.index_left2 .left2_r .left2_contact{line-height:24px; font-size:14px; margin-top:10px}

.Index_news_title{background:url(../images/index_21.jpg) left center no-repeat;}
.Index_news_title img{float:right; margin-right:10px;}
.Index_news{margin-top:20px; padding:0px;}
.Index_news li{width:100%; margin-bottom:20px;  padding-bottom:20px;}
.new_border{border-bottom:1px dashed #CCCCCC;}
.Index_news li .new_l{width:103px; height:80px; float:left;}
.Index_news li .new_l img{width:103px; height:80px;}
.Index_news li .new_r{width:240px; height:80px; float:right;}
.Index_news li .new_r p{color:#1cc3c9; margin-top:2px;}
.Index_news li a{width:100%; line-height:22px;}
.Index_news li a:hover{ color:#f60;}


.index_p{width:980px; height:336px;}
.index_p ul{margin:0px; padding:0px;}
.index_p ul li{margin-bottom:10px;}
.index_p ul li img{padding:2px; border:1px solid #CCCCCC;}
.index_p ul li p{height:20px; line-height:20px; text-align:center; margin-top:5px;}




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

.index_fo_main{background:#484848; padding-top:20px; padding-bottom:20px;}
.index_fo_main1{width:980px; margin:20px auto;}
.index_fo{width:1000px; margin:0px auto ; padding:0px;}
.index_fo li{width:166px; float:left; border-right:1px solid #575757; text-align:center; }
.index_foot_title{width:100%;  line-height:30px; font-weight:bold; color:#fff; font-size:14px; border-right:1px solid #0db4ff;}
.index_foot{margin:0px; padding:0px;}
.index_foot li{width:100%; height:24px; line-height:24px; float:left;}
.index_foot li a{color:white;}
.index_foot li a:hover{color:#fc0;}
.index_foot_right{height:40px; margin-left:20px; border-bottom:1px dotted #CCCCCC; background:url(../images/tel.png) left center no-repeat; line-height:40px; color:white; padding-left:140px; font-size:20px; font-weight:bold;}
.index_foot_c{line-height:24px; color:white;margin-left:20px; text-align:left;}


.Index_bottom{height:42px; line-height:42px; text-align:center; background:#646464; color:white;}
.Index_bottom a{ color:white; margin-left:15px; margin-right:15px;}
.Index_bottom a:hover{color:#fc0;}
.Index_bottom_main span{float:right;}

.run_p_main{overflow:hidden; width:1000px;  margin:0px auto;}
.run_p_main img{padding:3px; border:1px solid #CCCCCC; background:#FFFFFF;}

#CSSBox{width:630px;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 6px;}
#CSSBox ul li img{ padding:1px; 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:1220px; margin:20px auto;}
#main4{width:980px; margin:0px auto;}
#mind1{width:980px; height:241px; margin-top:15px;}
#mind1_contact{width:95%;}
.mind1_l1{width:687px; height:241px; float:left;}
.mind1_l2{width:50px; height:241px; float:left; background:url(../images/midd.png) center center no-repeat;}
.mind1_l3{width:243px; height:241px; float:right;}

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

.index_about{width:980px; height:215px; margin-top:15px;}
.index_about_left{width:346px; float:left; height:215px;background:url(../images/mid1.png) right center no-repeat;}



.copyright{padding-top:20px; padding-bottom:20px; text-align:center; line-height:24px;}

.About_title{width:100%; height:60px; background:#363636 url(../images/left2.png) 20px center no-repeat; text-indent:40px; line-height:60px; font-size:24px; color:#FFFFFF;}
.About_title2{width:100%; height:38px; font-size:18px; line-height:38px; background:#f1f1f1 url(../images/left.png) 10px center no-repeat; text-indent:25px; }
.About_title2 span{float:right; margin-right:10px; font-size:14px;  font-weight:normal;}
.About_title2 a{}
.About_title3{text-align:center; border-bottom:1px solid #CCCCCC; height:25px; margin-bottom:20px;}
.About_title3 font{font-size:28px; line-height:50px; padding:5px 20px; background:#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:0px; height:auto;}
.AboutLi li{width:100%; margin-top:5px;  line-height:40px; float:left; background:#f3f3f3 url(../images/dian.png) 20px center no-repeat;}
.AboutLi li a{ padding-left:35px;line-height:40px;display:block; color:#000; font-size:14px; }
.AboutLi li:hover,.AboutLi li a:hover{color:#bd0404; }
.AboutLi2{margin:0px; padding:0px;}
.AboutLi2 li{background:none;line-height:32px; margin:0px; border-left:1px dotted #CCCCCC;border-right:1px dotted #CCCCCC; width:208px;}
.AboutLi2 li a{padding-left:35px;line-height:38px;display:block;border-bottom:1px dotted #CCCCCC; color:#000; font-size:12px; background:url(../images/left_bg2.jpg) left bottom no-repeat; }
.cd a{color:#bd0404 !important; }
.ed a{color:#CC3300 !important; font-weight:bold;}
.about_c{width:226px; line-height:24px; padding-top:10px;}

.about_left{width:230px; float:left;}
.about_left img{border:1px solid #c9c9c9;}
.about_right{width:950px; 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; width:100%;}
.newslist li a{color:#000000;}
.newslist li span{float:right;padding-right:4px;color:#999;}
#ProductList{width:100%; margin-top:10px;}	
#ProductList .item{ margin:5px 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{background:#f2f2f2; padding-top:20px; padding-bottom:20px;}
.Index_new1_main{height:425px; background:#f4f4f4;}
.Index_new1{width:381px; float:left;}
.Index_new2{width:364px; float:left; margin-left:60px; margin-top:30px;}
.Index_new3{width:360px; float:right;margin-top:30px;}
.Index_new_img{width:307px; height:119px;}
.Index_new{margin-top:20px; padding:0px;}
.Index_new li{width:387px; height:200px;margin-bottom:25px;}
.Index_new li p{fheight:40px; margin-top:160px; line-height:40px; background:#666666; text-align:center;}
.Index_new li p a{ color:white; width:100%; display:block;}
.Index_new li:hover p{ background:#1cc3c9;}

.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;}
.pti{height:40px; width:100%; display:block; text-align:center; line-height:40px; background:#999; color:#FFFFFF;}
.pti a{width:100%; display:block; color:white;}
.pti:hover{background:#1cc3c9;}
/*Banner2*/
#slide-box {MARGIN: 0px auto; WIDTH: 600px;POSITION: relative; HEIGHT: 210px;TEXT-ALIGN:center;}
#slide-box LI .pti{height:40px; width:100%; display:block; text-align:center; line-height:40px; background:#999; color:#FFFFFF;}

#slide-box .slide-content {}
#slide-box .wrap {OVERFLOW: hidden; WIDTH: 600px; HEIGHT: 210px;}
#slide-box UL {margin:0;padding:0;WIDTH: 10000px}
#slide-box LI {FLOAT: left; WIDTH: 190px; HEIGHT: 210px; margin-left:5px; margin-right:5px;}
#slide-box LI IMG {WIDTH: 188px; HEIGHT: 160px;BORDER:1px solid #CCCCCC;}
/*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: 418px}
.bannerBox {POSITION: relative;}
#big_img {HEIGHT: 418px}

#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: 571px;}
.QQarea UL{PADDING: 0px; MARGIN: 0px;}
.QQnav {WIDTH: 46px; LINE-HEIGHT: 28px; HEIGHT: 28px; float:right;}
.QQnavbar{ OVERFLOW: hidden; WIDTH: 46px;  PADDING-TOP: 6px; ZOOM: 1; HEIGHT: 22px; _display: inline}
.QQnavbar LI {list-style:none;MARGIN-TOP: 5px; FLOAT: left; MARGIN-LEFT: 3px; WIDTH: 0px; CURSOR: pointer; HEIGHT: 6px; _display: inline; display:none;}
.QQnavbar LI.active {}
.QQbed {  PADDING-BOTTOM: 0px; WIDTH: 570px; margin-top: -25px}
.QQbed LI { WIDTH: 570px;position:relative; }
#QQpre {BACKGROUND: url(../images/left1.png) no-repeat; FLOAT: left; WIDTH: 19px; CURSOR: pointer; MARGIN-RIGHT: 8px; HEIGHT: 19px; _display: inline}
#QQnext {BACKGROUND: url(../images/right1.png) no-repeat; FLOAT: right; WIDTH: 19px; CURSOR: pointer; HEIGHT: 19px}
#QQMarquee {OVERFLOW: hidden; WIDTH: 570px; ZOOM: 1; HEIGHT: 207px;left:0px;POSITION:relative;}
#QQMarqueeCoutent IMG { }
#QQMarqueeCoutent .link {DISPLAY: block; MARGIN-LEFT: 0px; WIDTH: 320px; height:30px; font-weight:bold; TEXT-ALIGN: left;font-size:16px;line-height:22px;}