*{ padding:0; margin:0}

html,div,ul,li,dl,dt,dd,p,h1,h2,h3,h4,h5,h6,img,form,embed,label{margin:0;padding:0;border:0; font-size:12px; font-weight:normal;}

img{border:none}

ul,ul li{ list-style:none;} 

.cls{clear:both; line-height:0px!important; height:0px!important;font-size:0px!important;} 

select,input{ vertical-align:middle;font-size:12px;}  

a {color:#666666;text-decoration:none;}

a:hover {color:#ff7400;}

a:active {color:#ff7400;}

.hidden{ display:none}

i{ font-style:normal}

 

body{margin:0px; padding:0px;font-family:"Microsoft YaHei" ! important, Arial, Helvetica, sans-serif; font-size:12px;color:#333;}  

center{ color:Red;}





.b{ font-weight:bold;}

.f8{ font-size:8px;}

.f9{ font-size:9px;}

.f10{ font-size:10px;}

.f11{ font-size:11px;}

.f12{ font-size:12px;}

.f13{ font-size:13px;}

.f14{ font-size:14px;}

.f15{ font-size:15px;}

.f16{ font-size:16px;}

.f18{ font-size:18px;}

.f20{ font-size:20px;}

.f22{ font-size:22px;}

.f24{ font-size:24px;}

.f32{ font-size:32px;}

.f36{ font-size:36px;}

.em{ text-indent:2em;}

.hei{ color:#000;}

.red{ color:#ff0000;}

.Arial{ font-family:"Arial", Helvetica, sans-serif;}

.yahei{ font-family:"\5FAE\8F6F\96C5\9ED1";} 

.div_clear {clear: both; font-size: 0; height: 0; line-height: 0; overflow: hidden; width: 100%; margin:0; padding:0;}

.wrap{margin:0 auto; width:100%;}

body{background-image:url(404.png); background-attachment:fixed}



.to_top a,.to_top a:hover{background:url("../image/gotop.png") no-repeat}

.to_top a{

	background-position:0 0;float:left;height:57px;overflow:hidden;width:19px;position:fixed;bottom:35px;cursor:pointer;right:20px;

	_position:absolute;

	_right:auto;

	_left:expression(eval(document.documentElement.scrollLeft+document.documentElement.clientWidth-this.offsetWidth)-(parseInt(this.currentStyle.marginLeft, 10)||0)-(parseInt(this.currentStyle.marginRight, 10)||20));

	_top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop, 10)||20)-(parseInt(this.currentStyle.marginBottom, 10)||20)));

}

.to_top a:hover{background-position:-19px 0px;}



.head{ float:left; width:100%; padding:25px 0 0 0; position:relative; z-index:2;}

.logo{ float:left;}

.headr{ float:right;}

.share1{ float:right;}

.share1 i{ padding:0 10px;}

.tel{ float:right; margin:21px 0 0 0;}

.menu{ float:left; width:100%; background:url(../image/menubg.gif) repeat-x; margin:15px 0 0 0; height:79px;}

.menu li{ float:left; width:123px; padding-right:2px; line-height:45px; height:45px; text-align:center; font-size:16px; background:url(../image/libg.gif) no-repeat right 7px;font-family:"Microsoft YaHei" ; position:relative;}

.menu li.nobg{ background:none;}

.menu li a{ color:#e1e1e1;}

.menu li a:hover{color:#e1e1e1;}

.menu li .navbox{ display:none; position:absolute; left:0; top:40px; width:1000px;}

.menu li .ico{display:block; width:11px; height:6px; text-align:left; float:left;}

.menu li ul{ float:left; width:100%;}

.menu li li{ width:auto; padding-right:0; line-height:32px; height:32px; text-align:left; font-size:12px; background:none; margin-right:8px;font-family:"\5B8B\4F53";}

.menu li li i{ color:#277ebc; margin:0 7px; font-family:Arial, Helvetica, sans-serif;}

.menu li li a{ color:#fff;}

.menu li li a:hover{ color:#fff; text-decoration:underline;}

.erjibg{ float:left; width:100%; background:#202121; height:32px; display:none;}

.main{ float:left; width:100%; margin:-32px 0 0 0; background:url(../image/mainbg.gif) repeat-x;}

.bannerbox1{ width:300px; height:220px; position:relative;}

.banner1{ width:300px; height:220px; overflow: hidden; margin:0 auto}

.banner1 ul { height:220px;}

.banner1 a img{width:300px; height:220px;vertical-align: bottom; }

.slidenum1{ float:left; width:100%; position:absolute; height:11px; left:0; top:200px; text-align:center;}

.slidenum1 span{display:inline-block; background:url(../image/yuan1.png) no-repeat; width:11px; height:11px; margin:0 2px;  *margin:0 3px; _margin:0 3px; cursor:pointer; overflow:hidden;}

.slidenum1 span.current{background:url(../image/yuan2.png) no-repeat;}

.noticebg{filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#B22f2f2f', endColorstr='#B22f2f2f'); background-color:rgba(47,47,47,0.7); position:absolute; left:0; bottom:0; width:100%; height:33px;}

.laba{ position:absolute; left:12px; bottom:0; height:34px; background:url(../image/laba.png) no-repeat; padding-left:53px; line-height:33px; padding-top:4px; color:#e9e8e8; font-size:13px; width:70px;}

.notice { float:left; margin:-33px 0 0 135px; width:865px; display:inline; height:33px; overflow:hidden; position:relative; z-index:2;}

.notice li{ line-height:33px; color:#e9e8e8;}

.notice li a{ color:#e9e8e8; margin-right:21px;}

.indexcon{  width:1006px; margin:20px auto 0;}

.course{ float:left; background:url(../image/bg1.gif) no-repeat; height:300px; width:638px; margin-left:-2px;}

.title{ margin:2px 0 0 45px;}

.more{ float:right; margin:13px 20px 0 0; display:inline;}

.coursecon{ float:left; width:620px; margin:15px 0 0 10px;}

.coursecon dl{ float:left; width:300px;}

.coursecon dl.noright{ margin-right:0;}

.coursecon dt{ float:left; background:url(../image/bg2.gif) no-repeat; width:170px; height:122px; text-align:center; padding:4px 0 0 0;}

.coursecon dd{ float:right; width:118px;}

.title1{ float:left; width:100%; border-bottom:1px solid #272727; line-height:22px; font-size:13px; font-weight:bold;}

.title1 i{ color:#ff7400; margin-right:8px; font-size:14px;}

.title1 a{ color:#303030;}

.courselist{ float:left; width:100%;}

.courselist li{ float:left; line-height:25px; width:100%; font-size:13px; }

.courselist li a{color:#535353; display:block; background:url(../image/ico2.gif) no-repeat 0 9px; padding-left:14px;}

.courselist li a:hover{ text-decoration:underline;}

.indexr{ float:right; width:252px; height:314px; background:url(../image/bg3.gif) no-repeat; padding:15px 0 0 0;}

.ban1{ float:left; background:url(../image/bg4.gif) no-repeat; width:239px; height:99px; margin:0 0 6px 5px; display:inline; padding:5px 0 0 6px; position:relative;}

.click{ position:absolute; left:129px; top:49px;}

.go{ position:absolute; left:129px; top:55px;}

.newslist{ float:left; width:236px; height:87px; margin:0 0 0 5px; display:inline; background:#fff;}

.newslist li{ float:left; width:100%;}

.newslist li a{ display:block; background:url(../image/ico3.gif) no-repeat 18px 8px; padding-left:32px; line-height:22px; margin-bottom:5px;}

.wrap1{ margin:0 auto; width:1008px;}

.ban2{ float:right; width:1005px; height:145px; margin:15px 0 0 0;}

.wrap2{ margin:0 auto; width:1006px;}

.success{ width:1006px; background:url(../image/success.gif) no-repeat; height:263px; margin:15px auto 0; overflow:hidden}

.more1{ float:right; margin:21px 20px 0 0; display:inline;}

.proslide{width:1006px;height:154px; position:relative; margin:44px 0 0 0; }

.lbtn{ float:left; width:35px; margin:52px 0 0 18px; display:inline;}

.rbtn{ float:left; width:35px;margin:52px 18px 0 0; text-align:right; display:inline; }

#scroll_div { width: 900px;height: 154px; overflow: hidden; float:left;  }


.longpic{  width:800%;}

.hotbrand{ float:left; height:154px; overflow:hidden;}

.hotbrand li{ float:left; width:194px; margin:0 15px 0 16px; display:inline;}

.propic{ display:block; background:url(../image/casebg.png) no-repeat; padding:4px 0 0 5px; width:189px; height:122px;}

.hotbrand li img{ width:182px; height:114px;}

.hotbrand li h3{ line-height:28px; float:left; width:174px; background:url(../image/ico4.png) no-repeat 10px 11px; padding-left:20px; }

.hotbrand li h3 a{color:#000;}

.peixun{ float:left; background:url(../image/bg5.gif) no-repeat; width:495px; height:325px; margin:15px 15px 0 0;}

.more2{ float:right; margin:11px 25px 0 0 ; display:inline;}

.prolist{ float:left; margin:22px 0 0 15px; display:inline;}

.prolist li{ float:left; margin:5px 24px 12px 0; width:126px;}

.propic1{ display:block; background:url(../image/bg7.gif) no-repeat; width:126px; height:88px; padding:3px 0 0 0; text-align:center;}

.title2{ line-height:28px; background:url(../image/ico5.gif) no-repeat 10px 11px; padding:0 0 0 20px;}

.tuozhan{ float:right; background:url(../image/bg6.jpg) no-repeat; width:495px; height:325px; margin:15px 0 0 0;}



.newcustomer{ float:right; margin:0; background:url(../image/bg8.gif) no-repeat; width:357px; height:300px;}

#blockA{ margin:66px 0 0 26px; width:199px; height:230px; overflow: hidden;}

#blockA p{ width:100%; line-height:34px; height:34px; border-bottom:1px solid #cacaca; color:#303030; text-indent:5px;}

#blockA a{color:#303030;}



.newcustomer ul{ float:left; margin:0px 0 0 26px; display:inline; width:199px;}

.newcustomer li{ float:left; width:100%; line-height:34px; border-bottom:1px solid #cacaca; color:#303030; text-indent:5px;}

.newcustomer li a{color:#303030;}



.partner{ float:left; width:100%; border-bottom:2px solid #4a4a4a; margin:15px 0 0 0;}

.mapIndex{ float:left; width:300px;}

.partnerlist{ float:right; width:700px; border-top:1px solid #ff7400;}

.partnerlist ul{ padding:6px 5px 0 5px;}

.partnerlist li{ float:left; background:url(../image/bg9.gif) no-repeat; width:202px; height:76px; text-align:center; padding-top:19px; margin:0 14px; display:inline;}

.partnerlist li img{ width:145px; height:58px;}

.friendlink{ width:1000px; background:url(../image/friendlink.gif) no-repeat; height:80px; margin:15px auto 0; overflow:hidden; clear:both}

.rukou{ float:right; margin:13px 37px 0 0 ; color:#000; line-height:20px;}

.linklist{ float:left; margin:44px 20px 0 20px; display:inline; width:960px; line-height:20px;}

.linklist a{ float:left;}

.linklist i{ float:left; padding:0 3px;}

.share{ float:right; line-height:20px; margin:-23px 2px 0 0;}

.share span{ float:left;}

.share a{margin-left:6px; float:left;}

.wrap3{ margin:0 auto; }

.foot{  margin:15px auto 0; overflow:hidden;}

.footnav{  width:100%; background:#015b9b; height:40px; text-align:center; color:#e1e1e1; line-height:40px; border-bottom:1px solid #2785c7; border-top:1px solid #2785c7}

.footnav a{ color:#e1e1e1;}

.footnav a:hover{ text-decoration:underline;}

.footnav i{ padding:0 11px;}

.footbtm{ width:100%; text-align:center; line-height:25px; margin:0 auto; color:#535353; background:#CCC; padding:20px 0; overflow:hidden;}

.footbtm a{color:#535353;}

.footbtm a:hover{ text-decoration:underline;}



.onlinebg{ float:left; background:url(../image/onlinetop.png) no-repeat; width:147px; height:233px;}

.hotline{ margin:0; float:left; background:url(../image/onlinetop.png) no-repeat; width:147px; height:30px; padding:78px 0px 0px 10px;}

.hotBottom{ float:left; background:url(../image/onlinebtm.png) no-repeat; width:147px; height:32px;}



.callcenter{  width:163px; height:auto; position:fixed; _position: absolute; left: 0px; top:25%; _top:expression(eval((document.body.scrollTop||document.documentElement.scrollTop)+((self.innerHeight||document.documentElement.clientHeight)/2)-132));}

.call{ margin:0px; padding-left:10px; float:left; background:url(../image/onlineline.png) repeat-y; }

.call li{ background:url(../image/call.gif) no-repeat; width:126px; height:50px; float:left;}

.call li a{ margin:22px 0 0 44px; line-height:17px; display:block;} 

.onlinebtn{ position:absolute; right:0; top:87px;}

.floatbox{ float:left; width:136px; z-index:999; position: absolute;   }

.newfunction{ float:left; width:121px; height:479px; background:url(../image/news.png) no-repeat; _background:url(../image/news.gif) no-repeat; padding-right:15px;}

.wrap4{ margin:0 auto; width:92px;}

.title3{text-align:center; color:#b30808; font-size:14px;font-family:"\5FAE\8F6F\96C5\9ED1"; float:left; width:100%; padding:12px 0 0 0;}

.enter{ text-align:center; padding:5px 0 22px; display:block; float:left; width:100%;}

.gotop{ float:left; width:121px;padding-right:15px; text-align:center; }

.hotact{ border-bottom:1px dotted #626262; padding-bottom:10px; margin-bottom:10px; float:left; width:100%;}

.hotact dt{ text-align:center; margin-bottom:5px;width:100%;float:left;  }

.hotact dt img{ width:79px; height:74px;border:1px solid #c9c9c9;  }

.title4{ line-height:18px;float:left; width:100%;}

.title4 a{color:#3b3b3b; }

.title4 a:hover{ text-decoration:underline;}

.actlist{border-bottom:1px dotted #626262; float:left; width:100%;}

.actlist li{ margin-bottom:16px; line-height:18px;float:left; width:100%;}

.actlist li a{color:#3b3b3b; display:block; background:url(../image/ico6.gif) no-repeat 0 5px; padding-left:15px;}

.actlist li a:hover{ text-decoration:underline;}

.more3{ text-align:center; margin-top:12px; display:block; float:left; width:100%;}







.aboutban{ width:1160px; margin:0 auto 30px}

.neiye{width:998px; border:1px solid #bbbbbb;background: url(../image/lnavbg.gif) repeat-y; margin:0 auto; overflow:hidden}

.left{ float:left; width:220px; padding-bottom:60px;}

.title5{ float:left; width:100%; background:url(../image/titlebg.gif) no-repeat; height:48px;}

.title6{ margin:8px 0 0 24px; line-height:30px; font-family:"\5FAE\8F6F\96C5\9ED1"; }

.title6 span{ color:#d96500; font-size:16px; font-weight:bold; }

.title6 i{ color:#727272; text-transform:uppercase; font-size:11px; margin-left:5px;}

.lnav{ float:left; width:100%;  margin-bottom:30px;}

.lnav ul{ float:left; margin:5px 0 0 24px; display:inline; width:196px;}

.lnav li{ float:left; width:100%;font-family:"\5FAE\8F6F\96C5\9ED1"; font-weight:bold; }

.lnav li a{ display:block; background:url(../image/lnavbg1.gif) no-repeat;  height:40px; line-height:39px; padding-left:47px; color:#555555;}

.lnav li.hover a,.lnav li a:hover{ background:url(../image/lnavbg2.gif) no-repeat; color:#fff;}

.contact{ float:left; width:100%; text-align:center;}

.right{ float:right; width:778px;}

.title7{ float:left; width:100%; background:url(../image/titlebg2.gif) no-repeat; height:50px;}

.title8{ margin-left:25px; line-height:40px; background:url(../image/ico7.gif) no-repeat 0 12px; color:#000000; font-weight:bold; font-size:16px;font-family:"\5FAE\8F6F\96C5\9ED1"; padding-left:18px;}

.site{ float:right; background:url(../image/ico8.gif) no-repeat 0 14px; padding-left:20px; line-height:40px; margin-right:23px; display:inline;}

.site a{ color:#9a9999;}

.site i{ padding:0 5px;}

.site span{ font-weight:bold;}

.about{ float:left; padding:30px 17px 120px 18px; width:743px; background:url(../image/aboutbg.jpg) no-repeat right bottom;}







.products{ float:left; padding:30px 0 0 25px; width:721px; }

.prodl{ float:left; width:100%; border-bottom:1px dotted #7c7c7c; background:url(../image/ico9.jpg) no-repeat 650px 0; margin-bottom:18px;}

.nobtm{ border-bottom:medium none;}

.prodl dt{ float:left; background:url(../image/probg.gif) no-repeat; width:155px; height:118px; padding:5px 0 0 6px;}

.prodl dt img{ height:110px; width:150px;}

.prodl dd{ float:right; width:543px;}

.title9{ float:left; width:100%; font-size:16px;font-family:"\5FAE\8F6F\96C5\9ED1"; }

.title9 a{color:#ff7400;}

.detail{ float:left; width:100%; margin:10px 0 7px;}

.project{ float:left; width:100%;}

.title10{ float:left; line-height:18px;}

.projectlist{ float:left; width:400px; background:url(../image/ico6.gif) no-repeat 0 5px; padding:0 0 32px 18px;}

.projectlist li{ line-height:18px;}

.more4{ float:right; margin:0px 0 0 0; margin-right:85px;}









.page{float:left; width:400px; text-align:center; padding:15px 0 15px 280px;}

#AspNetPager1 a{ line-height:17px; height:17px; display:block; float:left;}

#AspNetPager1 .cpb{ float:left; height:17px; line-height:17px; float:left; color:#C13131; font-weight:bold;}



.newsDetail{ font-family:Microsoft Yahei;}

.newsDetail h1{ color:#3c3b3b; font-size:16px; text-align:center; line-height:40px;}

.newsDetail h2 { text-align:center; background:none; line-height:24px; color:#6a6a6a; font-size:12px; border-width:1px; margin-bottom:20px;}

.newsDetail .nContent{ padding:10px 0px;}
.newsDetail .nContent img{ max-width:740px;}


.show_text{ font-family:Microsoft Yahei; display:block; padding:10px 0px; height:66px; text-align:left;}

.show_text span{ width:100%; float:left; line-height:30px; height:30px; font-size:15px; }

.show_text span.line1{ width:100%; clear:both;}

.show_text span div.fengxiao{ float:left; width:7%;}

.show_text span .bshare-custom{ float:left; width:80%;}

.show_text span .bshare-custom span{ float:none;}

.show_text a{ color:#666666;font-family:Microsoft Yahei; }

.show_text a:hover{ color:#232323; text-decoration:none;}









.about_list {

    padding: 10px 0;

    width: 730px;

}

.about_list li {

    background: url("../image/ico_f.jpg") no-repeat scroll 3px 6px transparent;

    height: 25px;

    line-height: 22px;

    padding: 0 20px;

    width: 690px;

}

.about_list li a {

    display: block;

    float: left;

    height: 22px;

    overflow: hidden;

    width: 590px;

}

.f_r{ float:right; }





.map {


    border: 1px solid #DDEEEA;

    padding: 20px;

    width:736px;

}

.map h1 {

    background-color: #FFFFFF;

    font-weight: bold;

    height: 23px;

    line-height: 23px;

    text-align: center;

    width: 100px;

}

.map div {

    background-color: #FFFFFF;

    padding: 10px;
line-height: 22px;
}

.map div a {

    padding: 0 10px;

}




.DeWork{height:197px;width:992px;overflow:hidden;padding:20px 0 0px;margin:0 auto;}
	.LeftBtn,.LeftRight{  display:inline; width:45px; padding-top:60px; margin-top:10px;}
	.LeftBtn{float:left;}
	.LeftRight{float:right; }
	.LeftBtn a,.LeftRight a{width:21px; height:30px;display:block;  overflow:hidden;}
	.LeftBtn a{ margin-left:10px;}
	.LeftRight a{  margin-left:10px;}
	.DeWorkList{ width:900px; float:left; display:inline; margin-top:10px; height:140px; overflow:hidden;}
	.DeWorkList ul{overflow:hidden; zoom:1;}
	.DeWorkList ul li{ width:225px; float:left; text-align:center;}
	.DeWorkList ul li a img{ width:215px; height:140px;}
	.DeWorkList ul li a:hover img{width:215px; height:140px; filter:alpha(opacity=80);opacity:0.8;}
	
#Tab1 {width:1006px;padding:0px;margin:0px auto; background:url(../image/tzxm2.jpg) no-repeat}
.Menubox {
	width:100%;
	height:41px;
	line-height:41px;
}
.Menubox ul {
	margin:0px;
	padding:0 0 0 3px;
}
.Menubox li {
	float:left;
	display:block;
	cursor:pointer;
	width:112px;
	text-align:center;
	color:#000;
	line-height:36px;
	margin-top:2px;
	background:url(../image/ico32.jpg) no-repeat;
	font-size:16px;	
}
.Menubox li.hover {
	background:url(../image/ico33.jpg) no-repeat;color:#fff;
}
.Contentbox {

}






.MsoNormal{font-family: Microsoft YaHei;
    font-size: 16px;
}