/* CSS Document */
body{margin:0px; padding:0px; font-family:"Microsoft yahei"; background:url(../images/topbg.jpg) left top repeat-x; color:#333; font-size:14px;}
.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;}
.mt1{margin-top:10px;}
.mt2{margin-top:20px;}
.mt3{margin-top:30px;}
.mt4{margin-top:40px;}
.mt5{margin-top:50px;}
.mf{min-width:1240px;}

.logo_main{width:100%;}
.logo{width:1240px; height:120px; margin:0px auto; background-image:url(../images/logo.png)}
.logo span{float:right; margin-top:40px;}
.logo a{}
.search{width:169px; float:right; margin-top:30px;}
.search p{text-align:right;}
.search p img{margin-left:10px;}
.search .qc2{width:169px; height:24px; background:url(../images/s.png) no-repeat; margin-top:10px;}
.search .qc2 .input1{width:130px; height:20px; padding-left:5px; margin-top:3px; float:left; background:none; outline:none; border:none; color:#CCCCCC; line-height:20px;}
.search .qc2 .input2{width:20px; float:right; margin-top:3px; margin-right:5px;}

.main{width: 1240px;margin: auto;}
.main1{width: 1240px; margin: auto;padding-bottom:10px; padding-top:30px;}
.main2{width: 1240px; margin: auto;padding-bottom:30px;}
.header {width: 100%; height: 40px;line-height: 40px;font-size: 14px; color: #666; border-bottom:1px solid #EBEBEB; background-color:#F9F9F9;}
.header p { float:left;}
.header ol { float: right;}
.header ol li{ float: left;padding-left: 20px;}
.top_main{height:60px; background:#444;}
.main_top{width:1240px; height:60px; margin:0px auto;}
.top{margin:0px; padding:0px;}
.top li{height:60px; float:left; line-height:60px; text-align:center; list-style:none; background:url(../images/mid.png) right center no-repeat;}
.top li a{ width:142px;font-weight:bold; text-transform:uppercase; height:60px; display:block; color:#fff; font-size:14px;outline:none;font-family:"Microsoft yahei"}
.top li:hover,.top li a:hover{ color:#fc0;}
.lee dt a{color:#fc0!important; }


.index_c{margin:0px; padding:0px;}
.index_c li{width:402px; margin-bottom:20px;}
.index_c li p{ height:30px; line-height:30px; text-align:center; background:#FFFFFF;}
.index_c li .bbd{ display:block; width:402px; height:196px;background:url(../images/bg.png) no-repeat;}

.title{width:100%; height:36px; line-height:36px; background:url(../images/titlebg.png) left bottom no-repeat; color:#333333; font-size:14px; font-weight:bold;}
.title span{float:right; margin-top:10px;}
.title font{text-transform:uppercase; font-family:Arial, Helvetica, sans-serif; color:#666666; margin-left:5px;}



.index_title{height:46px; line-height:46px; font-size:14px; font-weight:bold; background:#0174D1; color:#FFFFFF;text-indent:10px;}
.index_title span{float:right; margin-top:15px; margin-right:10px;}
.index_content{line-height:26px; margin-top:5px;}
.index_content img{margin-bottom:10px;}

.index_about1{padding-top:30px; }
.index_left1{width:470px; float:left;}
.index_left2{width:470px; float:left; margin-left:35px;}
.index_left3{width:230px; float:right;}

.AboutLeft{width:266px; float:left;}
.AboutLeft img{margin-bottom:20px;}
.AboutRight{width:943px; float:right;}

.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:0px; padding:0px;}
.Index_news li{width:100%; height:24px; line-height:24px; background:url(../images/dian.png) left center no-repeat; text-indent:10px;}
.Index_news li a{width:100%; height:24px; line-height:24px; display:block;}
.Index_news li span{float:right;}


.Index_P_title{height:47px; line-height:47px; color:white; font-size:16px; text-indent:15px; background-color:#333;}
.Index_P_title1{height:47px; line-height:47px; color:white; font-size:16px; text-indent:15px; background-color:#CE260C;}
.Index_P_title span{float:right; margin-top:15px; padding-right:10px;}
.index_p{padding:0px;}
.index_p li{width:216px; float:left;}
.index_p li img{padding:2px; width:212px; height:162px; border:1px solid #efefef;}
.index_p li p{text-align:center; height:24px; vertical-align:middle; padding-bottom:8px;}
.index_p li p a{font-size:14px;}


.banner{width:100%; height:250px; margin-top:5px; margin-bottom:20px; }

.index_fo_main{padding-top:20px; padding-bottom:20px; background:#333333;}
.index_fo_main1{width:1240px; margin:0px auto; height:160px; background:url(../images/er.png) left center no-repeat;}
.index_fo{width:1240px; margin:0px auto ; padding:0px;}
.index_fo li{width:140px; 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 #575757;}
.index_foot{margin:0px; padding:0px;}
.index_foot li{width:100%; height:24px; line-height:24px; float:left;}
.index_foot li a{color:#c8c8c8;}
.index_foot li a:hover{color:#fc0;}
.index_foot_right{line-height:32px; color:white; padding-left:330px; padding-top:18px; font-size:14px;color:#ccc;}
.index_foot_right a{ color:#ccc;}
.index_foot_right a:hover{ color:#fc0;}



.Index_bottom{padding-top:15px; padding-bottom:15px; background:#0162b1; color:white; clear:both;}
.Index_bottom span{float:right;}
.Index_bottom span a{color:white;}
.Index_bottom span a:hover{color:#FF9900;}

.run_p_main{overflow:hidden; width:1240px;  margin:0px auto;}
.run_p_main img{padding:2px; border:1px solid #EEEEEE;}

#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:14px; 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:14px; margin-top:5px;}

#main{width:1240px; margin:30px auto;}
#main4{width:1240px; margin:0px auto;}
#mind1{width:1240px; 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;}

.ProLeft{width:267px; float:left; background:#F0F0F0; }
.ProTitle{height:80px; background:url(../images/PLB.png) center bottom no-repeat; line-height:80px; color:white; text-align:center; font-size:22px;}
.ProRight{width:943px; float:right;}


.a2{margin-top:10px; line-height:22px;}
.c1{width:1240px; height:80px;}
.cc{width:1240px; height:227px;}
.a3{width:100%; margin-top:13px; line-height:26px;}

.index_about{width:1240px; height:215px; margin-top:15px;}
.index_about_left{width:346px; float:left; height:215px;background:url(../images/mid1.png) right center no-repeat;}

.copyright{width:430px; line-height:55px; height:55px; float:left; text-align:center;}

.About_title{width:100%; height:66px; background:url(../images/title.png) left top no-repeat; text-align:center; line-height:66px; font-size:18px; font-weight:bold; color:#FFFFFF; }
.About_title2{width:100%; height:42px; font-size:14px;  line-height:42px; background:#333;text-indent:15px; font-weight:bold; color:#fff;}
.About_title3{width:100%; height:42px; font-size:14px;  line-height:42px; background:#CE260C;text-indent:15px; font-weight:bold; color:#fff;}
.About_title2 span{float:right; margin-right:10px; font-size:14px; color:#fff; font-weight:normal;}
.About_title3 span{float:right; margin-right:10px; font-size:14px; color:#fff; font-weight:normal;}
.About_title2 a{color:#fff;}
.About_title3 a{color:#fff;}
.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:5px 10px 15px 10px; height:auto; border:1px solid #CCCCCC;}
.AboutLi li{width:100%; border-bottom:1px dotted #CCCCCC;  line-height:40px; float:left; background:url(../images/dian1.png) 190px center no-repeat;}
.AboutLi li a{ padding-left:15px;line-height:40px;display:block; color:#333; font-size:14px; }
.AboutLi li:hover,.AboutLi li a:hover{color:#f60; background:url(../images/dian2.png) 190px center no-repeat; }
.AboutLi2{margin:0px; padding:0px;}
.AboutLi2 li{background:none;line-height:32px; margin:0px; width:216px;}
.AboutLi2 li a{padding-left:25px;line-height:38px;display:block;color:#000; font-size:14px; }
.cd a{color:#f00 !important;  background:url(../images/dian2.png) 190px center no-repeat;}
.ed a{color:#f60 !important; }
.about_c{width:226px; line-height:24px; padding-top:10px;}

.about_left{width:240px; float:left;}
.about_right{width:970px; float:right;}

.about_left1{width:250px; float:left;}
.about_left1_tt {
    text-align: left;
    line-height: 26px;
	width:230px;
    font-size: 14px;
    color: #333;
	background-image:url(../images/contactbg.png);
	 height:315px;
	 padding:10px;
}
.about_left1_tt p{ font-size:18px; color:#0066CC; font-weight:bold; padding-top:10px; padding-bottom:10px;}
.about_right1{width:950px; float:right;}
.a1{width:100%; line-height:28px;}
.a1 img{float:left; margin-right:20px; }

.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:#ff6600;}
.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:14px; 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:14px;}
.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:14px;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:1240px; 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:200px; height:150px;}
.Index_new{margin:0px; padding:0px; padding-top:3px;}
.Index_new li{width:100%; height:32px; line-height:32px; border-bottom:1px dotted #CCCCCC;  background:url(../images/dian2.png) left center no-repeat; text-indent:10px;}
.Index_new  .Nl{width:150px; float:left; height:115px;}
.Index_new  .Nr{width:320px; float:right; line-height:22px;}
.Index_new  .Nr a{font-weight:bold; color:#f60;}
.Index_new  .Nr a:hover{color:#f00;}
.Index_new li span{float:right;}

.IndexService{margin:0px; padding:0px;}
.IndexServiceQ{height:30px; line-height:30px; background:url(../images/q.png) left center no-repeat; text-indent:25px;}
.IndexServiceQ a{font-size:14px; font-weight:bold;}
.IndexServiceA{background:url(../images/a.png) left 10px no-repeat; padding-left:25px; line-height:30px; color:#666666;}

.IndexNews1{width:380px; float:left;}
.IndexNews2{width:380px; float:left; margin-left:50px;}
.IndexNews3{width:380px; float:right;}

.Index_Friend{width:1240px; height:30px; line-height:30px; color:#cccccc; font-size:16px;}
.Index_Friend_content{width:1240px; 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:970px; 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:450px}
.bannerBox {POSITION: relative;}
#big_img {HEIGHT: 450px}

#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;}

.ProList{padding:10px 30px 50px 30px; margin:0px;}
.ProList li{background:url(../images/dian.png) left center no-repeat; height:45px; line-height:45px;  text-indent:30px;}
.ProList li a{height:45px; line-height:45px; color:white; font-size:16px;}
.ProList li a:hover{ color:#fc0;}

/*.menu {margin:0; width:267px;  }
.menu ul li a, .menu ul li a:visited {display:block; width:267px; text-decoration:none; color:#333; height:40px; background:url(../images/dian.png) 20px center no-repeat; text-indent:50px; color:#333;  line-height:40px; overflow:hidden; border-bottom:4px solid #fff; }
.menu ul {margin:0;list-style-type: none;}
.menu ul li {float:left; margin-right:1px; position:relative; }
.menu ul li ul {display: none;}*/

/* specific to non IE browsers */
/*.menu ul li:hover a {color:#fc0; background:#0174D1 url(../images/dian4.png) 20px center no-repeat;border-bottom:4px solid #fff; }
.menu ul li:hover ul {display:block; position:absolute; top:0; left:160px; }
.menu ul li:hover ul li a.hide {background:#6a3; color:#fff;}
.menu ul li:hover ul li:hover a.hide {background:#6fc; color:#000;}
.menu ul li:hover ul li ul {display: none;width:165px;}
.menu ul li:hover ul li a {display:block; background:#efefef; color:#000;width:165px; text-indent:20px;}调二级目录左边距*/
/*.menu ul li:hover ul li a:hover {background:#4592b4; color:#fff;}
.menu ul li:hover ul li:hover ul {display:block; position:absolute; left:105px; top:0;}*/

.news-box .clear{clear: both;}
.news-box{
	width: 1240px;
	margin: 0px auto;
	padding-top:30px;
}
.news-box .newsL{
	float: left; 
	padding-right: 27px;
}
.news-box .newsL img{
	display: block;
	margin-bottom: 10px;
}
.news-box .newsL ul{
	 padding-left: 0px;
	 width:586px;
	 line-height:26px;
	 font-size: 14px;
}
.news-box .newsL ul li{
	background: url(../img/dot.png) no-repeat left center;
	padding-left: 10px;
	font-size: 14px;
	line-height: 45px;
	border-bottom: 1px dotted #ccc;
}
.news-box .newsL ul li span{float: right; color: #666; font-size: 14px;}

.news-box .newsR{
	float: right; 
}
.news-box .newsR img{
	display: block;
	margin-bottom: 10px;
}
.news-box .newsR ul{
	 padding-left: 0px;
	 width:586px;
	 
}
.news-box .newsR ul li{
	background: url(../images/dot.png) no-repeat left center;
	padding-left: 10px;
	font-size: 14px;
	line-height: 32px;
	border-bottom: 1px dotted #ccc;
}
.news1{float: left; padding: 10px 0 30px 0px;}
.news1 ul{
	 padding-left: 0px;
	 width:970px;
}
.news1 ul li{
	background: url(../images/dot.png) no-repeat left center;
	padding-left: 10px;
	font-size: 14px;
	line-height: 32px;
	border-bottom: 1px dotted #ccc;
}
.news1 ul li span{float: right; color: #333; font-size: 14px;}
.news-box .newsR ul li a{
  color:#333333;
}
.news-box .newsR ul li a:hover{
  color:#ff6600;
}
.news-box .newsR ul li span{float: right; color: #666; font-size: 14px;}
.product_title{width:100%; height:30px; line-height:30px;font-size:14px; color:#0174D1; font-weight:bold;}

.nTab{width: 100%;overflow: hidden; margin-top:20px;}
.none{display: none;}
#myTab{ background:#efefef; height:35px; width:100%;}
.nTab .TabTitle li{float: left;cursor: pointer;height: 35px;line-height: 35px;font-weight: bold;text-align: center;width: 124px;}
.nTab .TabTitle li a{text-decoration: none;}
.nTab .TabTitle .active{background:#CE260C;color: white;}
.nTab .TabTitle .normal{color: #333; }
.nTab .TabContent{clear: both;overflow: hidden;background: #fff;display: block; padding-top:20px; line-height:30px;padding-left: 2px;}
.table-css tr td{
   padding:0px 6px;
}

.shell a{display:block;line-height:40px;text-decoration:none;color:#333;} 
.shell a:hover{color:#f60;} 
.shell{ 
width:1240px;
margin:0px auto;
background-color:#F2F2F2;
} 
#div1{
background:url(../images/news.png) left center no-repeat;
height:40px;
padding-left:170px;
overflow:hidden; 
} 
.h-nav{
    background: #333;
}
.h-nav-mainMenu>li{
    position: relative;
    float: left;
    line-height: 50px;
    text-align: center;
    width: 140px;
}
.h-nav-mainMenu>li>a{
    display: block;
    color:#fff;
}
.h-nav-mainMenu>li.show,
.h-nav-mainMenu>li:hover{
    background: #CE260C;
}
.h-nav-subMenu{
    position: absolute;
    left: 0;
    top: 50px;
    width: 100%;
    background: #333;
    text-align: center;
    overflow: hidden;
    display: none;
    transition: all .3s ease;
}
.h-nav-mainMenu>li.show .h-nav-subMenu,.h-nav-mainMenu>li:hover .h-nav-subMenu { display: block; } 
.h-nav-subMenu a{
    display: block;
    font-size: 14px;
    line-height: 36px;
    color:#fff;
    transition: all .3s ease;
}
.h-nav-subMenu a:hover{
    background:#CE260C;
}
.h-nav-box{
    position: absolute;
    left: -235px;
    top: 50px;
    width: 1000px;
    padding: 10px 0;
    background: #006DB7;
    overflow: hidden;
    opacity: 0;
    transition: all .3s ease;
}

.h-nav-list{
    float: left;
    width: 160px;
    text-align: left;
}
.h-nav-box a{
    display: block;
    line-height: 30px;
    color:#fff;
    padding-left: 20px;
    font-size: 14px;
}
.h-nav-tt a{
    font-size: 16px;
    line-height: 36px;
}
.h-nav-tt a:hover,
.h-nav-box ul a:hover{
    background: #006DB7;
}
.h-nav-mainMenu .h-nav-subMenu,.h-nav-mainMenu .h-nav-box { visibility: hidden; }
.h-nav-mainMenu>li:hover .h-nav-subMenu,
.h-nav-mainMenu>li:hover .h-nav-box{
    opacity: 1;
    visibility: visible;
    z-index: 100;
}
.content {
    width: 1240px;
    margin: 0 auto;
    box-sizing: border-box;
}
.content1 {
    width: 1240px;
    margin: 0 auto;
    box-sizing: border-box;
}

.cl:after, .content:after {
    content: " ";
    display: block;
    clear: both;
}
.page_left_tt {
    text-align: center;
    line-height: 90px;
    font-weight: bold;
    font-size: 24px;
    color: #fff;
    background:#333;
}
.page_left_tt1 {
    text-align: center;
    line-height: 90px;
    font-weight: bold;
    font-size: 24px;
    color: #fff;
    background:#CE260C;
}
.page_left_list>li {
    margin-top: 2px;
}

.page_left_list>li>a {
    display: block;
    line-height: 45px;
    padding-left: 20px;
    background: #F2F2F2 url(../images/page_list_icon.png) no-repeat 270px center;
    transition: all .3s ease;
}

.page_left_list>.page_list_first {
    border-top: 0;
}

.page_left_list>li.show>a, .page_left_list>li:hover>a {
    color: #fff;
    background: #CE260C url(../images/page_list_icon.png) no-repeat 200px center;
}
.index_left1{width:430px; float:left;}
.index_left2{width:430px; float:left; margin-left:50px;}
.index_left3{width:280px; float:right;}
.index_title{height:38px; line-height:38px; font-size:14px; font-weight:bold; background:#EB3D00; color:#FFFFFF;text-indent:10px;}
.index_title span{float:right; margin-top:15px; margin-right:10px;}
.index_content{line-height:24px; margin-top:5px;}
.index_content img{margin-bottom:10px;}
/* product */
.m-product{
    padding:0px 0 0px;
}
.m-product1{
    padding:10px 0 10px;
	width:1240px; margin:30px auto;
	height:335px;
}
.m-product-title{
    font-size: 30px;
    text-align: center;
    color:#d9010f;
    margin-bottom: 35px;
}
.m-product .main-box{
    margin-left: -214px;
}
.m-product-input{
    float: left;
    font-size: 14px;
    height: 32px;
    line-height: 30px;
    box-sizing: border-box;
    border:1px solid #a0a0a0;
}
.m-product-input span{
    margin:0 10px;
}
.m-product-input input{
    border: 0;
    width: 95px;
    box-sizing: border-box;
}

.m-product-sub{
    width: 78px;
    height: 32px;
    border:0;
    margin-left: 6px;
    background: #d9010f;
    color:#fff;
    vertical-align: top;
	cursor: pointer;
}
.m-product-bd{
    margin-top: 35px;
    overflow: hidden;
}
.m-product-bd ul{
    margin-right: -75px;
}
.m-product-bd li:after{
    display: block;
    clear: both;
    content: ' ';
}
.m-product-bd li{
    float: left;
    width: 350px;
    margin:0 75px 42px 0;
}
.m-product-pic{
    float: left;
    width: 110px;
    height: 110px;
    overflow: hidden;
}
.m-product-pic img{
    width: 100%;
}
.m-product-text{
    float: left;
    width: 240px;
    padding: 0 0 0 12px;
    box-sizing: border-box;
}
.m-product-name a{
    display: block;
    line-height: 28px;
    color:#d9010f;
}
.m-product-name a:hover{
    color:#ff0000;
}
.m-product-infor a{
    font-size: 14px;
    line-height: 20px;
    text-align: justify;
    overflow: hidden;
}

.m-product-infor a:hover{
    font-size: 14px;
    color:#CC0000;
}




/* about */
.m-about{
    height:380px;
    box-sizing: border-box;
	background-color:#f3f3f3;
}

.m-about-lf{
    width: 680px;
    color:#333;
	font-size: 14px;
    line-height:28px;
}
.m-about-name{
    font-size: 32px;
    color:#0E3285;
    margin-bottom: 20px;
}
.m-about-infor{
    font-size: 14px;
	color:#333;

}

/* container */
.m-container{
    padding: 60px 0;
}
.m-news{
    width: 720px;
}
.m-news .main-box{
    font-size: 20px;
    color:#fff;
    background: #000;
    padding: 0 16px;
    margin-left: -76px;
}

.m-news-bd li:after{
    display: block;
    clear: both;
    content: ' ';
}
.m-news-bd li{
    margin-top: 20px;
    cursor: pointer;
}
.m-news-timer{
    width: 90px;
    text-align: center;

}
.m-news-timer span{
    display: block;
    line-height: 60px;
    font-size: 35px;
    background: #efefef;
    transition: all .3s ease;
}
.m-news-timer p{
    line-height: 30px;
    font-size: 14px;
    color:#fff;
    background: #333;
    transition: all .3s ease;
}
.m-news-bd li:hover .m-news-timer span{
    color:#333;
    background: #efefef;
}
.m-news-bd li:hover .m-news-timer p{
    background: #CE260C;
}
.m-news-article{
    padding: 4px 0;
    width: 860px;
    box-sizing: border-box;
}
.m-news-article h2 a{
    display: block;
    font-size: 16px;
    height: 30px;
    line-height: 30px;
    overflow: hidden;
    transition: all .3s ease;
	color:#CE260C;
}
.m-news-article p a{
    display: block;
    height: 52px;
    line-height: 26px;
    font-size: 14px;
    color: #6e6e6e;
    overflow: hidden;
    transition: all .3s ease;
}
.m-news-article h2 a:hover{
    color:#ff6600;
}
.m-news-article p a:hover{
    color:#000;
}


.m-honor{
    width: 384px;
}

.m-honor{
    width: 384px;
}
.m-honor .main-box{
    font-size: 30px;
    color:#fff;
    background: #e60012;
    padding: 0 16px;
    margin-left: -82px;
}
.m-honor-bd{
    position: relative;
    margin-top: 53px;
    padding: 15px 73px ;
    background: #efefef;
}
.m-honor-box{
    overflow: hidden;
}
.m-honor-bd ul{
    position: relative;
    width: 1000px;
}
.m-honor-bd li{
    float: left;
    width: 238px;
    height: 337px;
    overflow: hidden;
}
.m-honor-bd li img{
    width: 100%;
}
.m-honor-btn p{
    position: absolute;
    top: 50%;
    width: 47px;
    height: 50px;
    margin-top: -25px;
    cursor: pointer;
}
.m-honor-lf{
    left: 0;
    background:#000 url(../img/m-honor-lf.png) no-repeat center ;
}

.m-honor-rt{
    right: 0;
    background:#000 url(../img/m-honor-rt.png) no-repeat center ;
}

.lf {
    float: left;
}

.rt {
    float: right;
}

.content {
    width: 1240px;
    margin: 0 auto;
    box-sizing: border-box;
}
.cl:after, .content:after {
    content: " ";
    display: block;
    clear: both;
}


.news_box ul {
    margin: 20px -14px 0;
}

.news_box li {
    float: left;
    width: 580px;
    margin: 14px;
}

.news_box li:after {
    display: block;
    content: " ";
    clear: both;
}

.news_pic {
    float: left;
    width: 160px;
    text-align: center;
    overflow: hidden;
}
.news_pic span{
    display: block;
    line-height: 60px;
    font-size: 35px;
    background: #efefef;
    transition: all .3s ease;
}
.news_pic p{
    line-height: 30px;
    font-size: 15px;
    color:#fff;
    background: #006DB7;
    transition: all .3s ease;
}
.news_box li:hover .news_pic span{
    color:#fff;
    background: #0E3285;
}
.news_box li:hover .news_pic p{
    background: #006DB7;
}
.news_text {
    float: left;
    width: 420px;
	height:120px;
    padding: 10px 10px 20px 20px;
    box-sizing: border-box;
	background:#f3f3f3;
}

.news_text h2 a{
    display: block;
    font-size: 16px;
    height: 30px;
    line-height: 30px;
    overflow: hidden;
    transition: all .3s ease;
}
.news_text p a{
    display: block;
    height: 62px;
    line-height: 22px;
    font-size: 12px;
    color: #6e6e6e;
    overflow: hidden;
    transition: all .3s ease;
}
.news_text h2 a:hover{
    color:#d9010f;
}
.news_text p a:hover{
    color:#000;

}
.news_box1 ul {
    margin: 0px -20px 0;
}

.news_box1 li {
    float: left;
    width: 380px;
    margin: 20px;
}

.news_box1 li:after {
    display: block;
    content: " ";
    clear: both;
}

.news_pic1 {
    float: left;
    width: 380px;
	height:240px;

}
.news_pic1 span{
    display: block;
    line-height: 60px;
    font-size: 35px;
    background: #efefef;
    transition: all .3s ease;
}
.news_pic1 p{
    line-height: 30px;
    font-size: 14px;
    color:#fff;
    background: #A55C3E;
    transition: all .3s ease;
}
.news_box1 li:hover .news_pic span{
    color:#fff;
    background: #D02932;
}
.news_box1 li:hover .news_pic p{
    background: #A55C3E;
}
.news_text1 {
    float: left;
    width: 160px;
	height:118px;
    box-sizing: border-box;
	background: #A55C3E;
	color:#FFFFFF;
}

.news_text1 h2 a{
    display: block;
    font-size: 22px;
    height: 32px;
    line-height: 32px;
    overflow: hidden;
    transition: all .3s ease;
	text-align:center;
	padding-top:40px;
	color:#FFFFFF;
}
.news_text1 h2 a:hover{
	color:#ffcc00;
}
.can_box ul {
    margin: 0 -13px;
}

.can_box li {
    float: left;
    width: 33%;
    padding: 0 10px;
    box-sizing: border-box;
}

.can_pic {
    width: 385px;
    height: 240px;
    overflow: hidden;
	background:#f3f3f3;
}

.can_pic img {
    width: 358px;
    height: 215px;
	padding:12px 0px 0px 13px;
}

.can_text {
    height: 120px;
    padding: 22px 18px;
    background: #0E3285;
    box-sizing: border-box;
    transition: all .3s ease;
}

.can_text_tt {
    font-size: 18px;
    margin-bottom: 7px;
    transition: all .3s ease;
	color:#0070C0;
	text-align:center;
}
.can_text_tt a{
    color: #fff;
	font-weight:bold;
}
.can_text_detail {
    font-size: 14px;
    line-height: 22px;
    transition: all .3s ease;
	text-align:center;
}
.can_text_detail a{
    color: #fff;
	float:left;
}
.can_box li:hover .can_text {
    background:#F08C2F;
	float:left;
}

.can_box li:hover .can_text_tt a, .can_box li:hover .can_text_detail a{
    color: #fff;
}
.index_fo_link{width:1240px; margin:0px auto; height:40px; padding-top:20px;}
.page_btn {
    text-align: center;
    padding-top: 30px;
}

.page_btn a {
    display: inline-block;
    margin: 0 10px;
    padding: 0px 15px;
    background: #efefef;
    font-size: 14px;
    border-radius: 3px;
	line-height:30px;
}

.page_btn a.show, .page_btn a:hover {
    background: #CE260C;
    color: #fff;
}
.page_main {
    padding: 10px 0;
}

.page_left {
    width: 230px;
}

.product_list ul {
    margin: 0 -13px;
}

.product_list li {
    float: left;
    width: 140px;
    border: 1px solid #e8e8e8;
    box-sizing: border-box;
    margin: 0 5px 20px 12px;
    padding: 3px;
}

.product_list_img {
    width: 132px;
    height: 52px;
    overflow: hidden;
}

.product_list_img img {
    width: 132px;
    height: 52px;
}

.product_list_text {
    font-size: 12px;
    line-height: 32px;
    text-align: center;

}

.product_list_text a {
    display: block;
    color: #fff;
    background: #006DB7;
    transition: all .5s ease;
}

.product_list li:hover a {
    background:#ff6600;
}

.product_list1 ul {
    margin: 15px -13px;
}

.product_list1 li {
    float: left;
    width: 224px;
    box-sizing: border-box;
    margin: 0 5px 10px 12px;
    padding: 3px;
}

.product_list_img1 {
    width: 224px;
    height:178px;
    overflow: hidden;
border: 1px solid #e8e8e8;
padding: 3px;
}

.product_list_img1 img {
    width: 224px;
    height:178px;
}

.product_list_text1 {
    font-size: 12px;
    line-height: 32px;
    text-align: center;

}

.product_list_text1 a {
    display: block;
    color: #333;
}

.product_list1 li:hover a {
    color:#ff6600;
}
.main_tt {
    position: relative;
    font-size: 30px;
    text-align: center;
    color: #030303;

}

.product {
    padding: 10px 0 30px;
}

.index_product_list {
    position: relative;
    height: 285px;
	padding-top:20px;

}

.product_list_box {
    margin: 0 70px;
    width: 1088px;
    height: 285px;
    overflow: hidden;
}

.product_list_box ul {
    position: relative;
    width: 2000px;
}

.product_list_box li {
    position: relative;
    float: left;
    margin: 0 10px;
}
.product_list_box li img{
   width: 257px;
    height:175px;
}
.product_list_box_t{
    position: absolute;

    left: 0;
    width: 100%;
    height: 30px;
    font-size: 14px;
    text-align: center;
    line-height: 30px;
    color:#333;

}
.product_list_box li:hover .product_list_box_t{
    line-height: 30px;

	text-align: center;
    color:#ff0000;
	
}
.product_btn {
    position: absolute;
    width: 56px;
    height: 56px;
    top: 40%;
    margin-top: -28px;
    cursor: pointer;
}

.product_btn_l {
    left: 0;
    background: url(../images/product_btn_icon.png) no-repeat 0 0;
}

.product_btn_l:hover {
    background: url(../images/product_btn_icon.png) no-repeat 0 -120px;
}

.product_btn_r {
    right: 0;
    background: url(../images/product_btn_icon.png) no-repeat 0 -60px;
}

.product_btn_r:hover {
    background: url(../images/product_btn_icon.png) no-repeat 0 -180px;
}
.index_about_b{ width: 1240px; background: url(../image/index_about_b.png);margin:auto ;position: relative; top: 20px; }
.Box .Box_con .btnl4 {position: absolute;z-index: 9;width: 30px; height: 70px;}
.Box .Box_con .btn4{display: block;width: 38px;height:68px;position: absolute;top:65px;cursor: pointer;}
.Box .Box_con .btnl4 {background: url(../images/yangpin_btnl.png) no-repeat center;left:20px;}
.Box .Box_con .btnr4{background: url(../images/yangpin_btnr.png) no-repeat center;right:20px;}
.Box .Box_con .conbox4 {position: relative;overflow: hidden;left:50px;width: 1120px;height:287px;}
.Box .Box_con .conbox4 ul {position: relative;list-style: none;}
.Box .Box_con .conbox4 ul li {float: left;margin-left:20px;margin-bottom:10px;overflow: hidden;text-align: center;font-size: 14px; color: #333;line-height: 30px;}
.Box .Box_con .conbox4 ul li:first-child, {margin-left: 0;}
.Box .Box_con .conbox4 ul li a{text-align: center;  color: #333;display: inline-block;width:100%;height:220px;}
.Box .Box_con .conbox4 ul li a b{width: 100%; height: 48px; line-height: 48px;display: inline-block;color: #333333;font-weight:normal;}
.Box .Box_con .conbox4 ul li a b:hover{color: #ff6600;}
.Box .Box_con .conbox4 ul li img {display: block;transition: all 0.5s;}

.Box .Box_con .btnl5 {position: absolute;z-index: 9;width: 30px; height: 70px;}
.Box .Box_con .btn5{display: block;width: 38px;height:68px;position: absolute;top:65px;cursor: pointer;}
.Box .Box_con .btnl5 {background: url(../images/yangpin_btnl.png) no-repeat center;left:20px;}
.Box .Box_con .btnr5{background: url(../images/yangpin_btnr.png) no-repeat center;right:20px;}
.Box .Box_con .conbox5 {position: relative;overflow: hidden;left:50px;width: 1120px;height:287px;}
.Box .Box_con .conbox5 ul {position: relative;list-style: none;}
.Box .Box_con .conbox5 ul li {float: left;margin-left:20px;margin-bottom:10px;overflow: hidden;text-align: center;font-size: 14px; color: #333;line-height: 30px;}
.Box .Box_con .conbox5 ul li:first-child, {margin-left: 0;}
.Box .Box_con .conbox5 ul li a{text-align: center;  color: #333;display: inline-block;width:100%;height:220px;}
.Box .Box_con .conbox5 ul li a b{width: 100%; height: 48px; line-height: 48px;display: inline-block;color: #333333;font-weight:normal;}
.Box .Box_con .conbox5 ul li a b:hover{color: #ff6600;}
.Box .Box_con .conbox5 ul li img {display: block;transition: all 0.5s;}
.page_honor_box ul {
    margin: 0 0px;
}

.page_honor_box li {
    float: left;
    width: 970px;
}

.case_list_img {
    width: 970px;
    height: 220px;
    overflow: hidden;
}

.case_list_img img {
    width: 970px;
	height: 220px;
}

.case_list_text {
    font-size: 13px;
    line-height: 32px;
    text-align: center;

}

.case_list_text a {
    display: block;
    color: #333;
    background: #efefef;
    transition: all .5s ease;
}

.page_honor_box li:hover a {
    background:#ff0000;
	color: #fff;
}


.case_list li:hover a {
    background:#ff0000;
	color: #fff;
}
.search{margin-top:50px; width:100%; height:24px;}
.search_main{width:202px; height:24px; background:url(../images/sbg.png) no-repeat; float:right; padding-right:270px; }
.search p img{margin-left:10px;}
.search .qc2{width:169px; height:24px; background:url(../images/s.png) no-repeat; margin-top:10px;}
.input1{width:160px; height:24px; line-height:24px; padding-left:10px; border:none; float:left; background:none; outline:none; color:#999999; line-height:20px; }
.input2{width:20px; float:right; margin-top:3px; margin-right:5px;}
