* {word-wrap:break-word;}
html {height: 100%;margin: 0;padding: 0;padding-bottom: 1px;}
body { margin: 0;font:14px/1.5 Microsoft Yahei,Arial,Tahoma,Microsoft YaHei,SimSun;color:#444;/* line-height:1.5;*/}

div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, textarea, input, select {margin: 0;padding: 0; border: 0; vertical-align: baseline;}

h1 { font-size:20px; font-family:'microsoft yahei';}
h2 { font-size:14px;}
h3 { font-size:14px; font-weight:normal;}
h4 { font-size:12px;}
h5 { font-size:12px; font-weight:normal;}
ul { list-style:none;}
img { border:0px;}
a { color:#444; text-decoration:none;}
a:hover { color:#1C57C4;}
.z {float:left;}
.y {float:right;}
.clear {clear:both;height:0;font-size: 1px;line-height: 0px;}
.vm {vertical-align:middle;}
.vm * {vertical-align:middle;}

/* discuz */
.wp { width: 100%; }
#navstyle, #navdiy {display:none;}

/* body */
#container_company {width:100%;background:#fff;}

/* header */
#header_company { width:100%;height:80px;}
	#header_company .header_company{width:1118px;height:80px;margin:0 auto;}
	#header_company .z {max-width:420px;height:80px;text-align:center;}
	#header_company h1 { display:none;}
	#header_company img {max-width:420px;max-height:80px;}
	.fav_company {height:35px;margin-top:10px;}
		.fav_company span{float:right;padding:2px 10px;height:20px;line-height:20px;color:#757575;margin-right:20px;}
		.fav_company a{float:right;display:inline-block;padding:2px 10px;height:20px;line-height:20px;color:#fff;background:#850F19;transition:1s;-moz-transition:1s;-webkit-transition:1s;
-o-transition:1s;}
		a#favorites {background:#494D58;}
		.fav_company a:hover,.fav_company a#favorites:hover {background:#E7792A;transition:1s;-moz-transition:1s;-webkit-transition:1s;
-o-transition:1s;}
		.fav_company a#diy-tg {width: 52px; background:#5BA834 url(diy.png) no-repeat 50% 50%;}
	.search_company {float:right;margin-top:0px;}
		.search_company input.input {width:200px;border: 1px solid #B1B1B1;border-right:none;height:24px;line-height:24px;float:left;}
		.search_company input.submit {border: 1px solid #B1B1B1;height:26px;line-height:26px;cursor:pointer;float:left;padding:0 5px;}
		.search_company select {border: 1px solid #B1B1B1;border-right:none;height:26px;line-height:26px;float:left;*font-size:22px;_font-size:18px;padding:5px 5px;}

#nav_company { width:100%;background:url(nav.png) repeat-x 0 0;border-bottom: 4px solid #E80000;height:80px;}
	#nav_company ul { width:1118px;margin:0 auto;height:80px;}
	#nav_company ul li { float:left;width:124px;height:80px;text-align:center;position:relative;z-index:999;}
	#nav_company ul li a { display:block;height:60px;padding-top:20px;color: #757575;font-size: 20px;transition:1s;-moz-transition:1s;-webkit-transition:1s;-o-transition:1s;}
	#nav_company ul li a:hover, #nav_company ul li .a, #nav_company ul li a.asub {background:url(nav_a.png) no-repeat 50% 0;font-weight: bold;color: #E80000;transition:1s;-moz-transition:1s;-webkit-transition:1s;-o-transition:1s;}
	#nav_company ul li a span {display:block;font-family: courier new;font-size:12px;font-weight: normal;color:#BDBDBD;height:16px;line-height:16px;transition:color 0.4s;-moz-transition:color 0.4s;-webkit-transition:color 0.4s;-o-transition:color 0.4s;}
	#nav_company ul li a:hover span, #nav_company ul li .a span, #nav_company ul li a.asub span {color:#757575;transition:color 0.4s;-moz-transition:color 0.4s;-webkit-transition:color 0.4s;-o-transition:color 0.4s;}
	#nav_company ul li.first {width:0px;}
	#nav_company ul li.end {display:none;}

	#nav_company ul li.sub>a {background:url(arw_r_red.gif) no-repeat 95% 51%;}
	#nav_company ul li.sub>a:hover {background:#C12028 url(arw_write.gif) no-repeat 97% 51%;}
	#nav_company ul li a.asub {background-color:#E80000;color:#fff;transition:0.4s;-moz-transition:0.4s;-webkit-transition:0.4s;-o-transition:0.4s;}
	#nav_company ul li a.asub span {color:#fff;transition:transition:0.4s;-moz-transition:0.4s;-webkit-transition:0.4s;-o-transition:0.4s;}

	#nav_company ul li span {display:none;}
	#nav_company ul li ul {width:100%;height:auto;position:absolute;left:0px;top:80px;display:none;margin:0;padding:0;background:#E80000;z-index:999;}
	#nav_company ul li ul li {width:100%;height:auto;background:none;}
	#nav_company ul li ul a {width:100%;display:block;height:36px;line-height:36px;font-size:12px;font-weight:normal;padding:0px;color:#fff;}	
	#nav_company ul li ul li ul {left:100%;display:none;top:0px;z-index:0;}

	#nav_company ul li.sub:hover ul, #nav_company ul li ul li a.asub, #nav_company ul li ul li a:hover {background-color:#C12028;color:#fff;}

/* banner */
#banner_company {  width:100%;text-align:center;background:#F5F5F5;overflow: hidden;}
	#banner_company img {max-width:100%;}
	.fullSlide{ position:relative; background:#000; margin:0 auto; }
	.fullSlide .bd{ position:relative; z-index:0; }
	.fullSlide .bd li img{width:100%; vertical-align:top;  } 
	.fullSlide .hd{position:relative; z-index:1; margin-top:-30px; height:30px; line-height:30px;text-align:center;}
	.fullSlide .hd ul{ text-align:center;  padding-top:5px;  }
	.fullSlide .hd ul li{ cursor:pointer; display:inline-block; *display:inline; zoom:1; width:8px; height:8px; margin:5px; background:url(fullSlide_nav.png) -18px 0; overflow:hidden; font-size:0;}
	.fullSlide .hd ul .on{ background-position:0 0; }
	.fullSlide .prev,.fullSlide .next{ z-index:1; display:block;width:55px;height:55px;position:absolute;top:43%;background:url(fullSlide_arr.png) 0 0 no-repeat; filter:alpha(opacity=10);opacity:0.1;}
	.fullSlide .prev{left:3%;}
	.fullSlide .next{ background-position:right 0;right:3%;}
	.fullSlide .prev:hover,.fullSlide .next:hover{ filter:alpha(opacity=60);opacity:0.6;}

#path_company { height:50px;line-height:50px;padding:0 20px;position:absolute;z-index:2;right:0px;top:75px;overflow:hidden;color:#fff;}
#path_company a{display:inline-block;color:#fff;background:#777C7F;padding:0 15px;margin:0 5px;font-size:18px;transform: skew(-20deg);transition:0.4s;-moz-transition:0.4s;-webkit-transition:0.4s;-o-transition:0.4s;}
#path_company a:hover, #path_company a.current{font-weight: bold;background:#E80000;transition:0.4s;-moz-transition:0.4s;-webkit-transition:0.4s;-o-transition:0.4s;}

/* main */
#main_company { margin:0 auto; width:1174px;overflow:hidden;}
	#side_company { float:right;width:330px;padding-right:16px;display:none;}
		.sidebox {margin:20px 0;}
		.sidebox .boxt {width:298px;height:70px;line-height:70px;background:#21355A;font-family:FZYaoti;font-size: 38px;padding-left:20px;color:#fff;}
		.sidebox .boxu, .sidebox .boxc {padding-left:12px;padding-top:20px;border-left:8px solid #21355A;}
		.sidebox .boxu li {height:39px;line-height:39px;}
		.sidebox .boxu span,.sidebox .boxu ul {display:none;}
		.sidebox .boxc {padding-right:20px;}
		.sidebox .boxu a {display:block;width:298px;height:39px;line-height:39px;text-align:center;color:#fff;background:#194E93;transition:1s;-moz-transition:1s;-webkit-transition:1s;-o-transition:1s;}
		.sidebox .boxu a:hover,.sidebox a.current {padding-right:12px;background:#E80000 url(side_a.png) no-repeat 100% 50%;color:#FEBACD;transition:1s;-moz-transition:1s;-webkit-transition:1s;-o-transition:1s;}
		.sidebox .boxb {clear:both;height:0;font-size: 1px;line-height: 0px;}

	#right_company{ width:100%;position:relative;}
		.mainbox {}
		.mainbox .boxt {padding-left:50px;height:100px;line-height:100px; background:#194E93;font-family:FZYaoti; font-size: 36px; color: #fff;}
		.mainbox .boxt span {padding-left:10px;font-size:12px;color: #8A8A8A; font-size: 24px;}
		.mainbox .boxt span img {margin-top:16px;}
		.mainbox .boxu,.mainbox .boxc { padding:10px 28px;overflow: hidden;padding-top:40px;}

		.mainbox .boxu li { height:36px;line-height:36px;padding-top:12px;border-bottom: 1px dashed #D6D6D6;overflow: hidden;}
		.mainbox .boxu li a.class {color:#21355A;}
		.mainbox .boxu li a.class:hover {color:#1C57C4;}

		.mainbox .two li { display:block;float:left;width:50%;}
		.mainbox .boxu li span {float:right;color:#ACACAC;font-size:12px;}
		/* ul.thumb */
		.mainbox .thumb {}
		.mainbox .thumb li {display:block;position:relative;z-index:2;float:left;width:228px;height:253px;margin:10px 15px 20px 0px;padding:15px;background: none;border:5px solid #EEEEEE;overflow: hidden;text-align:center;transition:1s;-moz-transition:1s;-webkit-transition:1s;-o-transition:1s;}
		.mainbox .thumb li.y {margin-right:0px;}
		.mainbox .thumb div {width:224px;height: 170px;*font-size:113px;_font-size:140px;display: table-cell;vertical-align:middle;text-align:center;border:1px solid #E0E0E0;overflow: hidden;}
		.mainbox .thumb div img {vertical-align: middle;max-width: 224px; max-height: 168px;width: expression(this.width > 224 && this.width>=this.height ? 224 : true); height: expression(this.height > 168 && this.width<=this.height ? 168 : true);}
		.mainbox .thumb li:hover {border:5px solid #E80000;transition:1s;-moz-transition:1s;-webkit-transition:1s;-o-transition:1s;}
		.mainbox .thumb h3 {height:33px;line-height:33px;overflow: hidden;text-align:left;color:#444;font-weight: bold;}
		.mainbox .thumb p {font-size:12px;line-height:160%;text-align:right;color:#ACACAC;}

		.mainbox .boxc {line-height:160%;}

		.mainbox .title h1 {text-align:center;line-height:1.8em;color:#FE7200;font-size:20px;font-weight:800;}
		.mainbox .title h6 {text-align:center;line-height:32px;font-size:12px;font-weight:normal;color:#999;border-bottom: 1px dashed #ccc;padding-bottom:10px;margin-bottom:10px;}
		.mainbox .title h6 .bdsharebuttonbox{text-align:center;}
		.mainbox .title h6 .bdsharebuttonbox a{float:none !important;*float:left !important;}
		.mainbox .content {padding:5px 10px;font-size:14px;overflow:hidden;}
		.mainbox .content div,.mainbox .content p {line-height:1.8em;margin:8px 0 8px 0;}
		.mainbox .content img.thumb {float:left;margin:5px 10px 5px 0px;}
		.mainbox .content blockquote,.mainbox .content em{font-style:normal;margin-left:0;margin-right:0;}
		.mainbox .content ul,.mainbox .content ol,.mainbox .content pre{padding-left:2.6em;word-break:break-all;}
		.mainbox .content ul{border:1px solid #70990F;background:#DEF2B0;list-style-type:disc;}
		.mainbox .content ol{border:1px solid #CCCCCC;background:#E7E7E7;list-style-type:decimal-leading-zero;}
		.mainbox .content pre{background: #FFF6BF;border: 1px solid #FFD324;color: #514721; padding-left: 0.6em;}
		.mainbox .content ul li,.mainbox .content ol li{font-size:12px;padding-left:6px;margin-left:1px;background:#fff;word-break:break-all;background:#fff;line-height:200%;}
		.mainbox .content ul li{border-left:1px solid #70990F;border-bottom:1px dotted #70990F;}
		.mainbox .content ol li{border-left:1px solid #CCCCCC;border-bottom:1px dotted #CCCCCC;}
		.mainbox .content li span {float:none;}
		.mainbox .content blockquote ul div.blockquoteem{border-top:5px solid #70990F;padding:5px;margin:0px 0px 0px 1px;}
		.mainbox .content blockquote ol div.blockquoteem{border-top:5px solid #CCCCCC;padding:5px;margin:0px 0px 0px 1px;}
		.mainbox .content blockquote pre div.blockquoteem{border-top:5px solid #CCCCCC;padding:5px;margin:0px 0px 0px 1px;}
		.mainbox .content blockquote div.blockquoteem em{color:blue;cursor:pointer;margin-right:1em;}
		.mainbox .content blockquote div.blockquoteem em:hover{color:red;}
		.listheight{min-height:40px;}
		/*.blockquotecopy{max-height: 350px;overflow-x: no;overflow-y: auto;}*/
		.blockquotecopy ul,.blockquotecopy ol,.blockquotecopy pre{max-height: 350px;overflow-x: no;overflow-y: auto;}

		/* Tables */
		.mainbox .content table {margin-bottom: 2em;width: 100%;font-size:12px;}
		.mainbox .content th {font-weight: bold;background: #E5E5E5;border: 1px solid #D5D5D5;color: #555;height:30px;line-height:30px;}
		.mainbox .content thead th {background: #C3D9FF;}
		.mainbox .content th,.mainbox .content td,.mainbox .content caption {padding:0px 4px;}
		.mainbox .content tr {border-bottom: 1px solid #DDD;}
		.mainbox .content td {/*background: #F0F0F0;*/border: 1px solid #E0E0E0;height:26px;line-height:26px;}
		.mainbox .content tr.even td {background: #F5F5F5;}
		.mainbox .content tfoot {font-style: italic;}
		.mainbox .content caption {background: #EEE;}

		.mainbox .pernext{}
		.mainbox .pernext li{padding:2px 10px;}
		.mainbox .pernext a{margin-left:5px;}

		.mainbox .boxb { height:10px;clear:both;overflow: hidden;}

		/* index */
		.index_news{width:1218px;margin:0 auto;}
			.index_news .z{width:355px;height:556px;padding:50px;background:#E9E9E9;}
				.index_news .z p{font-family:FZYaoti;color: #C2C1C1; font-size: 24px;}
				.index_news .z h3{display:block;width:240px;font-family:FZYaoti;font-size: 60px; color: #2C3E90;height:88px;line-height:70px;border-bottom: 8px solid #E80000;margin-bottom:45px;overflow:hidden;}
				.index_news .z a{display:block;height:75px;line-height:75px;border-left:20px solid #FFFFFF;border-right:20px solid #FFFFFF;border-bottom:1px solid #3D3D3D;background:#fff;text-align:center;font-size: 18px;color: #1e1d18;transition:1s;-moz-transition:1s;-webkit-transition:1s;-o-transition:1s;}
				.index_news .z a:hover {border-right-color:#E80000;border-left-color:#E80000;background:#E80000;color:#fff;transition:1s;-moz-transition:1s;-webkit-transition:1s;-o-transition:1s;}
			.index_news .y {width:713px;padding-right:50px;}
				.index_news .y h3 {height:100px;line-height:100px;font-family: KaiTi;font-weight: normal;font-size: 36px;background:#DEDEDE;color:#C2C1BE;margin-bottom:10px;border-top:10px solid #ED1E24;}
					.index_news .y h3 a {display:inline-block;padding:0 40px;height:107px;line-height:100px;background:#2C3E90 url(index_title.png) no-repeat 50% 100%;color:#fff;margin-right:10px;}
				.index_news .y>a {display:block;border-bottom: 1px dashed #d9d9d9;margin-top:18px;padding:10px;}
					.index_news .y>a h5 {color: #1e1d18;height:30px;line-height:30px;font-size:14px;overflow:hidden;}
					.index_news .y>a:hover h5{color:#2C3E90;}
					.index_news .y>a h5 span {float:right;color: #acacac;font-size:12px;}
					.index_news .y>a p {font-size:14px;color: #999999;height:40px;line-height:140%;}
					.index_news .y>a:hover p{color: #2C3E90;}

		.index_about {width:100%;height:460px;background:url(index_aboutbg.jpg) no-repeat 50% 50%;}
			.index_about>div {width:1218px;margin:0 auto;}
			.index_about .z{width:550px;height:440px;padding:0 50px;display:block;float:left;overflow: hidden;text-align:center;margin-top:20px;}
				.index_about .z>div {width:566px;*width:566px;_width:566px;height: 416px;*font-size:288px;_font-size:288px;display: table-cell;vertical-align:middle;text-align: center;}
				.index_about .z>div img {vertical-align: middle;max-width: 566px; max-height: 416px;width: expression(this.width > 566 && this.width>=this.height ? 566 : true); height: expression(this.height > 416 && this.width<=this.height ? 416 : true); }

			.index_about .y{width:518px;padding-right:50px;}
				.index_about .y h3{font-family:FZYaoti; font-size: 36px; color: #E80000;height:74px;line-height:74px;text-align:right;}
				.index_about .y h3 span{color: #8A8A8A; font-size: 24px; text-transform: uppercase;}
				.index_about .y p {font-size: 14px; line-height: 200%;}
				.index_about .y p.companyname {font-family: YouYuan; font-size: 24px; color: #2C3E90;font-weight: bold;}
				.index_about .y a {display:block;width: 134px;height: 44px;line-height: 44px;background:#FE0004;color:#fff;font-size: 14px;text-align:center;margin-top:10px;transition:1s;-moz-transition:1s;-webkit-transition:1s;-o-transition:1s;}
				.index_about .y a:hover{background:#194E93;transition:1s;-moz-transition:1s;-webkit-transition:1s;
-o-transition:1s;}

		.index_product {width:1218px;margin:20px auto;}
			.index_product .z {display:none;width:30px;padding:20px 10px;font-family:FZYaoti; font-size: 24px; color:#00BCB5;background:#fff;margin-left:20px;margin-top:20px;text-align:center;}
			.index_product .y {float:none;margin-top:20px 0;}
			.index_product .y .scrollleft li {display:block;position:relative;z-index:2;float:left;width:228px;height:253px;margin:0px 15px 0px 0px;padding:15px;background: none;border:5px solid #EEEEEE;overflow: hidden;text-align:center;transition:1s;-moz-transition:1s;-webkit-transition:1s;-o-transition:1s;}
			.index_product .y .scrollleft li.y {margin-right:0px;}
			.index_product .y .scrollleft div {width:224px;height: 170px;*font-size:113px;_font-size:140px;display: table-cell;vertical-align:middle;text-align:center;border:1px solid #E0E0E0;overflow: hidden;}
			.index_product .y .scrollleft div img {vertical-align: middle;max-width: 224px; max-height: 168px;width: expression(this.width > 224 && this.width>=this.height ? 224 : true); height: expression(this.height > 168 && this.width<=this.height ? 168 : true);}
			.index_product .y .scrollleft li:hover {border:5px solid #1A3E62;transition:1s;-moz-transition:1s;-webkit-transition:1s;-o-transition:1s;}
			.index_product .y .scrollleft h3 {height:33px;line-height:33px;overflow: hidden;text-align:left;color:#444;font-weight: bold;}
			.index_product .y .scrollleft p {font-size:12px;line-height:160%;text-align:right;color:#ACACAC;}

/* footer */
#footer_company { background:#404040;border-top: 5px solid #242424}
	#footer_company>div {width:1118px;margin:0 auto;}

	#footer_company div.y {float:right;width:218px;text-align:center;height:230px;background:#3C3C3C; }
		#footer_company div.y img {width:130px;height:130px;margin-top:30px;}
		#footer_company div.y span {display:block;margin-top:10px;font-size:16px;color:#fff;}

	#footer_company div.z{float:left;width:862px;min-height:230px;*height:230px;overflow: hidden;}
		.footnav { height:30px;line-height:30px;color:#fff;margin-top:10px;padding-bottom:10px;border-bottom: 1px solid #3C3C3C;}
		.footnav a,.footnav span{height:30px;padding:2px 5px;color:#fff;}
		.footnav a:hover{color:#ED1E24;}

		.copyright {padding:10px 2px;color:#737373;font-size:12px;}
		.copyright p{line-height:220%;}
		.copyright a {color:#737373;}

		.friendsitetitle {height:30px;line-height:30px;color:#ADADAD;padding-top:10px;padding-left:2px;border-top: 1px solid #3C3C3C;}
		.friendsitelist {padding:5px 2px 0px 2px;color:#ADADAD;font-size:12px;}
		.friendsitelist a {display:inline-block;margin-right:8px;color:#DBDBDB;height:31px;inline-height:31px;}
		.friendsitelist a img {vertical-align:middle;}

	.qrcode_company {margin:0 auto; width:1118px;}
	.qrcode_company a {
		border: solid #21355A 1px;
		padding:1px;
		margin-left:-75px;	/*ff ch*/
		margin-left:-75px\9;
		margin-left:-75px\0;	/* ie8 */
		*margin-left:-75px;	/* ie8 2 */
		_margin-left:auto;
		position:fixed;
		_position:absolute;
		top:175px;
		_top:expression(documentElement.scrollTop+175);
		_left:expression(eval(document.documentElement.clientHeight==0?document.body.offsetWidth:document.documentElement.clientWidth)/2-74+"px");
		width:35px;
		height:35px;
		background:#21355A url(qrcode.png) no-repeat 1px 1px;
		text-indent: -300px;
		z-index:997;
		overflow:hidden;
		text-align:center;
		transition:background 1s;-moz-transition:background 1s;-webkit-transition:background 1s;-o-transition:background 1s;
	}
	.qrcode_company a span,.qrcode_company a img {width:0px;height:0px;color:#1E1D18;}
	.qrcode_company a.contact {z-index:998;top:217px;_top:expression(documentElement.scrollTop+217);background:#21355A url(qrcode.png) no-repeat 2px -68px;}
	.qrcode_company a.wx {z-index:999;top:259px;_top:expression(documentElement.scrollTop+259);background:#21355A url(qrcode.png) no-repeat 1px -34px;}
	.qrcode_company a:hover {text-indent: 0px;width:38px;border-color: #24305B;border-right:none;background:#FFF url(qrcode.png) no-repeat -34px 1px;overflow:visible;}
	.qrcode_company a.contact:hover{background:#FFF url(qrcode.png) no-repeat -34px -68px;}
	.qrcode_company a.wx:hover{background:#FFF url(qrcode.png) no-repeat -34px -34px;}
	.qrcode_company a:hover img {_position:absolute;width:180px;height:180px;border: solid #24305B 1px;border-top:none;margin-left:39px;_margin-left:20px;transition:1s;-moz-transition:1s;-webkit-transition:1s;-o-transition:1s;}
	.qrcode_company a:hover span {display:block;width:181px;height:37px;line-height:37px;border: solid #24305B 1px;border-bottom:none;border-left:none;margin-left:39px;margin-top:-2px;background:#FFF;transition:1s;-moz-transition:1s;-webkit-transition:1s;-o-transition:1s;}


/* showpage */
.pg { float: right;margin-bottom:15px;}
.pg strong, .pg a, .pg label{ float:left;color:#555; display:block; height:18px; line-height:18px; padding:2px 8px 0px 8px; border:1px solid #CC9900; margin-left:3px;}
.pg strong {  border:1px solid #831B26; background:#F5F5F5;}
.pg a:hover { border-color: #831B26; color: #369; }
.pg a.prev {  padding:2px 4px 0px 4px;background-image: url(arw_l.gif); background-position: 50% 50%; }
.pg a.nxt { padding-right: 25px; background: url(arw_r.gif) no-repeat 90% 50%;}
.pg .px {width:20px;height:15px;line-height:15px;}