body{ font-family:"΢���ź�"; font-size:14px; color:#333333; line-height:26px;	margin:0px;	padding:0px; background:#f7f7f7;}
html, body, div, p, ul, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, form, input, select, button, textarea, iframe, table, th, td {margin: 0; padding: 0;}
img{border:0 none;}
ul, li{list-style-type: none; }
button {cursor: pointer; }
a, a:link {text-decoration: none; color:#333333; }
a:visited { }
a:active, a:hover{text-decoration:none; color:#FF6600;transition: all 0.5s ease;}
a:hover img{opacity:0.75; filter:alpha(opacity=75);}
#space{ clear:both; height:10px;}

.top_line{ width:100%; overflow:hidden; border-bottom:1px solid #cccccc;}
.top_line_txt{ width:1200px; margin:0 auto; overflow:hidden; line-height:35px; color:#858585;}
.top_line_txt span{ float:right;}
.top_line_txt span a{ color:#858585;}
.top_line_txt span a:hover{ color:#F30;}

.top_logo_box{ width:100%; overflow:hidden; background:#fff;}
.top_logo{ width:1200px; margin:0 auto; overflow:hidden; clear:both; height:130px; padding:15px 0 0 0;}
.top_logo_left{ float:left; width:600px; overflow:hidden;}
.top_logo_left_logo{ width:130px; overflow:hidden; float:left;}
.top_logo_left_txt{ width:450px; margin:50px 0 0 10px; float:left; font-size:32px; font-weight:bold; line-height:120%;}
.top_logo_left_txt p{ font-weight:normal; font-size:22px; color:#666666;}
.top_logo_left_txt p span{ font-weight:bold; color:#ff7a01;}
.top_logo_right{ float:left; width:550px; overflow:hidden; margin:30px 0 0 0; text-align:right;font-weight:bold;font-size:20px;}
.top_logo_right span{ font-size:26px; font-weight:bold; font-family:Arial, Helvetica, sans-serif; color:#ff7a01;}

.menu_box{ background:#ff7a01; width:100%; overflow:hidden;}
.menu{ width:1200px; margin:0 auto;}
#nav { width:1200px; display:block;}
#nav .jquery_out {float:left;line-height:50px;text-align:center; color:#fff;width:150px; background:#222222;}
#nav .jquery_out a{ color:#fff;}
#nav .jquery_out a:hover{ color:#e8bd15;}
#nav .mainlevel {float:left; width:150px;/*IE6 only*/}
#nav .mainlevel a {color:#fff;line-height:50px; display:block; width:150px; text-align:center;}
#nav .mainlevel a:hover {color:#ffffff; text-decoration:none; background:#222222;}
#nav .mainlevel ul {display:none; position:absolute; background:#222222; z-index:9999; width:190px;}
#nav .mainlevel ul li { width:190px;}
#nav .mainlevel ul li a{ display:block; width:170px; height:35px; line-height:35px; text-align:left; padding:0 0 0 20px;}
#nav .mainlevel ul li a:hover{ background:#ff7a01; color:#ffffff;}
#nav .mainlevel li { width:150px;/*IE6 only*/}
#nav .mainlevel li a{ display:block; width:150px; height:35px; line-height:35px; text-align:center;}
#nav .mainlevel li a:hover{ background:#ff7a01; color:#ffffff;}

.banner{ clear:both; height:499px; width:100%; overflow:hidden; background:url(../img/banner.jpg) no-repeat center center;}

	#container {
			width: 100%;
			height: 499px;
			overflow: hidden;
	}
	.sections,.section {
		height:100%;
	}
	#container,.sections {
		position: relative;
	}
	.section {
		background-color: #000;
		background-size: cover;
		background-position: 50% 50%;
		text-align: center;
		color: white;
	}
	#section0 {
		background-image:url(../img/1.jpg);
	}
	#section1 {
		background-image: url(../img/2.jpg);
	}
	#section2 {
		background-image: url(../img/3.jpg);
	}
	
	.pages li{list-style-type:none;width:10px;height:10px;border-radius:10px;background-color:white}.pages li:hover{box-shadow:0 0 5px 2px white}.pages li.active{background-color:orange;box-shadow:0 0 5px 2px orange}.pages{position:absolute;z-index:999}.pages.horizontal{left:50%;transform:translateX(-50%);bottom:5px}.pages.horizontal li{display:inline-block;margin-right:10px}.pages.horizontal li:last-child{margin-right:0}.pages.vertical{right:5px;top:50%;transform:translateY(-50%)}.pages.vertical li{margin-bottom:10px}.pages.vertical li:last-child{margin-bottom:0}



.main_class{ margin:20px auto; overflow:hidden; width:1200px; background:url(../img/index_class.jpg) no-repeat left top;}
.main_class_1{ margin:0 0 0 400px; overflow:hidden;}
.main_class_1 ul li{ float:left; margin:0 0 10px 40px; font-size:16px;}
.main_class_1 ul li a{ display:block; width:195px; padding:0 0 0 30px; color:#222; height:55px; line-height:55px; background:#fff;}
.main_class_1 ul li a:hover{ background:#ff7a01; color:#fff;}

.main_class_2{ clear:both; width:1110px; margin:0 0 0 90px; overflow:hidden;}
.main_class_2_right{ width:765px; height:400px; margin:0 0 0 345px; position:absolute; z-index:99;}
.main_class_2_left{ width: 380px; height:286px; padding:20px; position:inherit; z-index:99; background:#fff; left:-300px; top:50px;}

.focus{ position:relative; width:1200px; overflow:hidden; height:474px; z-index:99999;}  
.focus img{ width: 765px; height:474px;} 
.focus .btn{ position:absolute; bottom:34px; left:-510px; overflow:hidden; zoom:1;} 
.focus .btn a{position:relative; display:inline; width:13px; height:13px; border-radius:7px; margin:0 5px;color:#B0B0B0;font:12px/15px "\5B8B\4F53"; text-decoration:none; text-align:center; outline:0; float:left; background:#D9D9D9; }  
.focus .btn a:hover,.focus .btn a.current{  cursor:pointer;background:#fc114a;}  
.focus .fPic{ position:absolute; left:0px; top:0px;  width:965px; height:474px; margin:0 0 0 345px; z-index:99999;}  
.focus .fPic img{ width:765px; height:474px;}
.focus .D1fBt{ overflow:hidden; zoom:1;  height:16px; z-index:10;  }  
.focus .shadow{ width: 380px; height:286px; display:block;  text-align:left; padding:20px; position:inherit; z-index:99; background:#fff; left:-350px; top:-450px;}  
.focus .shadow h1{ font-size:18px; font-weight:bold; padding:0; margin:0; line-height:40px; border-bottom:1px solid #333;}
.focus .shadow a{ text-decoration:none;font-family: "\5FAE\8F6F\96C5\9ED1";}  
.focus .fcon{ position:relative; width:965px; height:474px; display:none;}  
.focus .fcon img{ display:block;width:765px; height:474px; }  
.focus .fbg{top:320px; left:20px; position:absolute; height:21px; text-align:center; z-index: 200; }  
.focus .fbg div{margin:4px auto 0;overflow:hidden;zoom:1;height:14px}    
.focus .D1fBt a{position:relative; display:inline; width:12px; height:12px; border-radius:7px; margin:0 5px;color:#B0B0B0;font:12px/15px "\5B8B\4F53"; text-decoration:none; text-align:center; outline:0; float:left; background:#D9D9D9; }    
.focus .D1fBt .current,.focus .D1fBt a:hover{background:#fc114a;}    
.focus .D1fBt img{display:none}    
.focus .D1fBt i{display:none; font-style:normal; }    
.focus .prev,.focus .next{position:absolute;width:40px;height:74px;background: url(../img/focus_btn.png) no-repeat; z-index:99999;}
.focus .prev{top:420px;margin-top: -37px; left:345px;background-position:0 -74px; cursor:pointer; }  
.focus .next{top:420px;margin-top: -37px; right: 90px;  background-position:-40px -74px;  cursor:pointer;}  
.focus .prev:hover{  background-position:0 0; }  
.focus .next:hover{  background-position:-40px 0;}  

.main{ width:1200px; margin:10px auto; overflow:hidden;}
.main_title{ text-align:center; padding:15px 0; font-size:40px; font-weight:bold; line-height:150%; clear:both;}
.main_title span{ color:#ff7a01; margin:0 0 0 5px;}
.main_title p{ font-size:18px; font-weight:normal; line-height:130%;  background:url(../img/title_back.jpg) no-repeat center center;}

#main_pro li{ float:left; width:380px; margin:0 10px 10px 10px; text-align:center;}
#main_pro li img{ width:380px; height:280px;}
#main_pro li p{ background:#fff; height:40px; line-height:40px; padding:0 15px;}
#main_pro li p span{ float:right; padding:10px 0 0 0;}
#main_pro li p span img{ width:21px; height:21px;}

.youshi_1{ width:1200px; margin:20px auto; overflow:hidden; text-align:center;}
.youshi1{ width:100%; background:url(../img/youshi_1.jpg) no-repeat top center; height:816px;}
.youshi2{ width:100%; background:url(../img/youshi_2.jpg) no-repeat top center; height:1245px;}

.white_back{ background:#fff; overflow:hidden; width:100%;}
#s_b{ background:url(../img/service_bk.jpg) no-repeat left top; line-height:35px;}
#s_b_1{ padding:45px 0 0 680px; width:504px; height:70px;}
#s_b_2{ padding:25px 0 0 680px; width:504px; height:70px;}
#s_b_3{ padding:25px 0 50px 680px; width:504px; height:70px;}


.news_left{ width:639px; border-right:1px solid #cccccc; float:left; overflow:hidden;}
.news_left ul li{ clear:both; margin:0 0 40px 0;}
#news_pic{ float:left; width:280px; height:160px; margin:0 40px 0 0;}
.news_left ul li h2 a{ padding:0; margin:0; line-height:40px; font-size:16px; font-weight:normal;}
.news_left ul li p{ color:#777777;}

.news_right{ float:left; width:510px; margin:0 0 0 50px;}
.news_right_title a{ font-size:16px; font-weight:bold; margin:10px 15px 1px 0;}
.news_right ul{ margin:30px 0 0 0;}
.news_right ul li{ clear:both; margin:0 0 20px 0; text-decoration:blink;}
.news_right ul li span{ display:block; width:80px; height:90px; padding:0 20px; float:right; font:Tahoma; color:#484240; text-align:center; font-size:16px;}
.news_right ul li span h1{ padding:0; margin:0; font-size:48px; line-height:110%;}
.news_right ul li h2 a{ padding:0; margin:0; line-height:40px; font-size:16px; font-weight:normal;}
.news_right ul li p{ color:#777777;}

.about_box{ width:100%; clear:both; overflow:hidden; background:url(../img/about_bg.jpg) no-repeat center top; padding:40px 0;}
#b_white { color:#fff; background:url(../img/about_bg.png) no-repeat center center;}
.about_txt{ padding:30px 240px; color:#fff; font-size:16px; line-height:35px;}
.about_pic{ text-align:center; clear:both; margin:0 0 30px 0;}
.demobox{ width:960px; overflow:hidden; margin:0 auto; background:#cccccc; padding:5px;}
#demo{ width:960px; overflow:hidden;}
.demolist{ float:left; width:223px; height:167px; margin:0 2px;}
.demolist img{width:223px; height:167px;}


.foot{ clear:both; background:#222222; padding:15px 0; width:100%; overflow:hidden;}
.foot_menu{ border-bottom:1px solid #cccccc; line-height:50px; overflow:hidden;}
.foot_menu ul li{ text-align:center; width:150px; float:left;}
.foot_menu ul li a{ color:#fff;}

.foot_copy{ padding:15px 0; color:#d7d7d7; font-size:16px;}
.foot_copy a{ color:#dddddd;}
.foot_copy_1{ float:left; width:198px; padding:0 40px 0 0; background:url(../img/foot_line.jpg) repeat-y right;}
.foot_copy_2{ float:left; width:350px; padding:0 40px 0 20px; background:url(../img/foot_line.jpg) repeat-y right;}
.foot_copy_2 h1{ font-size:36px; font-weight:bold; line-height:50px; clear:both; margin:0 0 30px 0;}
.foot_copy_2 ul li{ float:left; width:33.3%; line-height:30px; font-size:16px;}
.foot_copy_3{ float:left;padding:0 0 0 40px; background:url(../img/foot_right_icon.png) no-repeat left 45px; margin:0 0 0 30px; line-height:34px;}
.foot_link{ width:100%; text-align:center; padding:10px 0;}


.main_left{ float:left; overflow:hidden; width:260px;}
.main_right{ float:left; overflow:hidden; width:910px; margin:0 0 0 30px;}
.main_left_title{ height:60px; line-height:60px; text-align:center; font-weight:bold; font-size:24px; color:#fff; background:url(../img/left_title.jpg);}
.left_class{ border:1px solid #e0dfdf; overflow:hidden;}
.left_class ul li { border-bottom:1px solid #888888;}
.left_class ul li a{ display:block; width:258px; height:50px; line-height:50px; padding:0 0 0 50px; background:url(../img/left_title.png) no-repeat left center #f5f5f5; color:#071336; font-weight:bold;}
.left_class ul li a:hover{ background:url(../img/left_title.png) no-repeat 5px center #222; color:#fff;}
.left_class ul p{ border-bottom:1px solid #cccccc;}
.left_class ul p a{ display:block; width:238px; height:40px; line-height:40px; background:#fff; padding:0 0  0 20px;}
.left_class ul p a:hover{ background:#1ba2b1; color:#fff;}
#active{ background:#ff7a01; color:#fff;}


.top_road{ clear:both; border-bottom:1px solid #cccccc; background:#fff; width:100%; height:50px;}
.top_road p{ text-align:right; width:1200px; margin:0 auto; overflow:hidden; line-height:50px;}
.top_classbox{ width:100%; clear:both;background:#fff; overflow:hidden;}
.top_class{ line-height:60px;font-size:15px; width:1200px; margin:0 auto;}
.top_class a{ width:175px; padding:0 0 0 15px; height:50px; line-height:50px; margin:5px; display:block; float:left; background:#172e7a; color:#fff;}
.top_class a:hover{ background:#e8bd15; color:#172e7a;}

.page_content{ padding:30px; line-height:35px; overflow:hidden;}


#newslist li{ border-bottom:1px solid #cccccc; margin:10px 0; padding:0 15px;}
#newsimg{ width:160px; height:120px; padding:0 30px 0 0; float:left;}
#newslist  li h1{ font-size:18px; font-weight:normal; line-height:40px;}
#newslist  li p{ color:#999999;}
#news_viwe{ background:url(../images/view.png) no-repeat left center; padding:0 0 0 20px; margin:0 5px;}
#article_viwe{ background:url(../images/view_1.png) no-repeat left center; padding:0 0 0 20px; margin:0 5px;}

#productlist li{ background:#fff; width:293px; margin:5px; height:280px; overflow:hidden; float:left; text-align:center;}
#productlist li:hover{ background:#ff7a01;transition: all 0.5s ease;}
#productlist li img{ width:283px; margin:5px 0 0 0; height:220px;}
#productlist li p{ text-align:center;}
#productlist li:hover p a{ color:#fff;}



#page{ width:100%; clear:both; overflow:hidden;}
#page li{ float:left; margin:0 5px;}
#page li a{ padding:15px 10px;background:#172e7a; color:#fff; text-align:center;}
#page li a:hover{ background:#ff7a01; color:#fff;}
.tcdNumber{padding:15px 20px; margin:0 5px; background:#ff7a01; }

.article_view_title{ font-size:36px; font-weight:bold;}
.article_view_title p{ font-size:14px; color:#999; font-weight:normal;}
.article_content{ padding:20px 0; margin:0 0 10px 0; border-bottom:1px dashed #cccccc;}

.product_view_title{ font-size:36px; font-weight:bold; text-align:center;}
.product_view_title p{ font-size:14px; color:#999; font-weight:normal;}
.product_content{ padding:20px 0;border-bottom:1px dashed #cccccc; overflow:hidden;}
.product_c_left{ float:left; width:500px; margin:0 30px 0  0; height:400px; text-align:center; overflow:hidden;}
.product_c_left img{ height:375px; width:auto; max-width:500px;}
.product_c_left p{ text-align:center;}
.product_c_right{ float:left; width:350px; padding:0 10px; overflow:hidden;}
.product_c_right p{ font-size:18px; font-weight:bold;}
.product_c_right p span{ font-size:14px; font-weight:normal; color:#999999;}
#pro_contact{ font-size:14px; font-weight:normal;}
.product_view{ line-height:40px; overflow:hidden; padding:20px; clear:both;}
.pro_view_title{ clear:both; font-size:18px;border-bottom:1px dotted #cccccc; }
.pro_view_title span{ padding:5px 20px; background:#ff7a01; color:#fff;}