@charset "utf-8";
/* CSS Document */

body,div,img,a,ul,li,h6,h5,h4,h3,h2,h1,p{ margin:0; padding:0}
body{ background:#e7e7e7; font-family:Verdana,Arial; font-size:12px; color:#474747}
a{ text-decoration:none;color:#474747}
img{ border:0 none}
h6,h5,h4,h3,h2,h1{ font-family:Verdana,Arial; font-size:12px;}
ul{ list-style:none}
.fl{ float:left}
.fr{ float:right}
.fc{ clear:both}
*{font-family:Verdana,Arial;}

.top,.flash,.mod,.footer,.banner,.container{ background:url(../images/bg.jpg) repeat-y; width:954px; padding:0 23px; margin:0 auto; overflow:hidden;}
.footer{ background:url(../images/bottom.jpg) no-repeat bottom center; height:98px;}

  .header{ background:url(../images/top_bg.jpg) repeat-x; overflow:hidden; height:107px; margin-bottom:16px; }
    .logo{ width:483px; height:97px;}
	@media all and (min-width: 0px){  .english{margin-bottom:24px;}  }
	@media screen and (-webkit-min-device-pixel-ratio:0) {	.english{ margin-bottom:22px;}	}	
    @-moz-document url-prefix(){  .english{margin-bottom:21px;}  }
	.english{ margin-bottom:22px\9; *margin-bottom:24px; _margin-bottom:22px;}
	
	.english ul li{ float:left; border-left:1px solid #cecece; padding:10px 20px 0 8px;}
	.english ul li.pd_none{ padding-right:0}
	.english ul li a{ color:#7e7e7e}
	.english ul li a:hover{ text-decoration:underline; color:#474747}

    .nav{*width:470px;}
	.nav ul li{ float:left;/* margin-right:18px;*/}
	.nav ul li.mg_none{ margin-right:0}
	.nav ul li a{ display:block; width:78px; height:45px; padding:15px 0 0 0;font-family:Verdana,Arial;font-size:16px; font-weight:normal; text-align:center}
	.nav ul li a:hover,.nav ul li a.selected{ background:url(../images/nav_hover.jpg) no-repeat; color:#fff}

  .kv{ background:url(../images/flash_bg.jpg) no-repeat bottom center; height:312px; margin-bottom:16px;}
  .mod{ overflow:hidden;padding-bottom:25px;}
    .product{ width:211px; background:url(../images/product_bg.jpg) no-repeat; padding:13px 11px; margin-right:35px;}
	.product ul li{ height:66px; background:#fff; margin-bottom:12px; padding-left:8px;}
	.product ul li.mg_none{ margin-bottom:0px;}
	.product ul li img{ float:left; margin-right:5px;}
	.product ul li h6{ float:left; margin:10px 0 5px 0; width:80px;}
	.product ul li a.read{display:block; background:url(../images/read.jpg) no-repeat right 2px; padding:0 20px 2px 0; margin-top:2px;overflow:hidden;width:70px;}
	.product ul li a.read:hover{ color:#e80002; text-decoration:underline}
	
	.mod2{ width:418px;}
	.mod2 .title,.mod3 .title,.content .title{ background:url(../images/title_bg.jpg) repeat-x; height:26px; margin-bottom:3px;}
	.mod2 .title h5,.mod3 .title h5,.content .title h5{font-family:Verdana,Arial; font-size:16px; font-weight:normal; width:72px; background-color:#fff}
	.mod2 .title span,.mod3 .title span{ color:#e80002}
	.mod2 .title a.more,.mod3 .title a.more{ margin:8px 10px 0 0;}
	
	.news { margin-bottom:11px;}
	.news ul li{ background:url(../images/icon_01.jpg) no-repeat left center; padding:7px 2px 7px 20px;}
	.news ul li span{ float:right;color:#464646; font-family:Verdana,Arial, Helvetica, sans-serif}
	.news ul li a{ display:block}
	.news ul li a:hover{ text-decoration:underline; color:#e80002}
	
	.about .nr{ /*height:104px;*/ margin-top:10px; width:410px;}
	.about .nr img{ float:left; margin-right:10px;}
	.about .nr p{ text-indent:2em; line-height:26px; width:410px;}
	.about .nr a:hover{ text-decoration:underline }
	
	.mod3{ width:229px;}
	.zizhi { margin-bottom:14px;}
	.zizhi a.pic{ display:block; background:#e8e7e7; padding:1px; margin-top:10px;}
	.contact{ background:url(../images/contact_bg.jpg) no-repeat; height:141px; width:229px; overflow:hidden}
	.contact a{ display:block;height:141px; width:229px;}
	.contact h3{ text-align:center; margin-top:105px; color:#00a0e3; font-family:Verdana,Arial, Helvetica, sans-serif; font-size:26px; font-weight:normal}

.footer .copyright{ text-align:center; line-height:24px; color:#767676; margin-top:10px;}
.footer .copyright span{ font-family:Verdana,Arial, Helvetica, sans-serif; font-size:11px; color:#767676}
.footer a{ color:#767676; text-decoration:underline;}
.footer a:hover{ color:#e80002}
.footer .hzr{text-align:center;line-height:20px;}

/*************内页***************/
.banner .kv{  height:197px; background:url(../images/banner_bg.jpg) no-repeat bottom center;}

.sidebar { width:218px; margin:0 30px 30px 0; overflow:hidden} 
.sidebar .title{ background:url(../images/sidebar_title.jpg) no-repeat; width:148px; height:52px; padding:14px 0 0 70px;}
.sidebar .title h4{ font-family:Verdana,Arial, Helvetica, sans-serif; font-size:20px; font-weight:normal; color:#fff;}
.sidebar .title span{ font-family:Verdana,Arial, Helvetica, sans-serif; font-size:14px; color:#fff;}

.sidebarmenu{ background: url(../images/menu_bg.jpg) repeat-x bottom #e6e6e6; border:1px solid #dbdbdb; border-top:0 none;width:216px; margin-bottom:30px;}
.sidebarmenu .ulO{}
.sidebarmenu .ulO .liO{padding:0; background:url(../images/sidebar_line.jpg) repeat-x top; overflow:hidden}
.sidebarmenu .ulO .liO .aO{display:block; padding:11px 0 13px 25px; font-size:14px; font-family:Verdana,Arial}
.sidebarmenu .ulO .liO .aO:hover{color:#e80002}
.sidebarmenu .ulO .liO .aOselected{color:#e80002}

	  .sub_menu{ background:#ebebeb; overflow:hidden;}
	  .sub_menu .top{ background:url(../images/menu_top.jpg) no-repeat; width:216px; height:10px;}
	  .sub_menu .bottom{ background:url(../images/menu_bottom.jpg) no-repeat; width:216px; height:3px; margin-top:10px;}
	    .submenuUl li { background:none; margin-bottom:1px;}
	    .submenuUl li a{ display:block; background:url(../images/sidebar_arrow.jpg) no-repeat 25px 15px; padding:9px 0 9px 35px; font-family:Verdana,Arial; font-size:12px}
		.submenuUl li a:hover,.submenuUl li a.selected{ background:url(../images/sidebar_arrow_hover.jpg) no-repeat 25px 15px #319cd9; color:#fff}
		.submenuUl li p{ line-height:18px;}
  
  .sidebar .contact{ /*background:url(../images/sidebar_contact.jpg) no-repeat; width:218px; height:142px;*/} 
  .sidebar .contact h3{ font-size:25px;}
  
  .content{ width:706px; padding-bottom:30px; overflow:hidden}
	.tip{ background:#fff; float:right; padding:0 8px; margin:3px 15px 0 0}
	.tip a{ float:left}
	.tip a:hover{ text-decoration:underline}
	.tip span{ display:block; float:left;  background:url(../images/tip_arrow.jpg) no-repeat; width:9px; height:9px;margin:4px 5px 0px 5px;margin:2px 5px 0px 5px\9;}
	.title h5{ display:inline; padding-right:8px;font-family:Verdana,Arial;}
    
	.nr { margin:20px 15px 0px 0px; padding-top:30px; border-top:1px solid #d9d9d9; overflow:hidden; width:310px;}
	.nr h6{ background:url(../images/title_arrow.jpg) no-repeat left 6px; padding:0px 18px 20px 18px; font-weight:normal}
	.nr p{ line-height:24px;}
	.yt { border:0 none; padding-top:0}
	.yt p{ float:left; width:300px; text-indent:2em; margin-right:30px;}
	.yt span{ font-weight:bold}
    .yt img{ border:1px solid #bdbdbd; float:left}
  

.pdutdiv{margin:30px 15px 0px 15px; padding-top:30px; border-top:1px solid #d9d9d9; overflow:hidden;clear:both;}
.pdutdiv .h6{background:url(../images/title_arrow.jpg) no-repeat left 6px; padding:0px 18px 20px 18px; font-weight:normal}
.pdutdiv .divcss{line-height:22px;}

.pdut_lists li{height:230px;border:0px solid #f00}

.pdut_lists table { border-collapse:collapse; width:100%;}
.pdut_lists td, .pdut_lists th {border:1px solid #ddd; padding:3px 5px; text-align:center;}
.pdut_lists th {background-color:#f5f5f5;}
  
  /* htmldiv */
  .htmldiv{width:666px;line-height:22px;min-height:300px;padding:20px 20px 20px 0;}

  
/* 留言 */
.clearfix{clear:both;}
/*= Form style =*/
.row{clear:both;}
.row .label{float:left;_padding-left:100px;line-height:21px;padding-top:2px;padding-bottom:2px;text-align:right;}
.row .content{float:left;padding:2px 3em 2px 0;line-height:21px;}
.row .enter{padding:0 1em 0 0;}
input.text,
select,
textarea{border:#ccc 1px solid;-moz-border-radius:3px;-web-border-radius:3px;border-radius:3px;padding:4px 2px 3px;}
input.text:focus,
select:focus,
textarea:focus{border-color:#999;}
.row .enter .check{float:left;margin-right:12px;}
.row .enter .check .input{float:left;padding-top:5px;margin-right:6px;}
.row .enter .check .des{float:left;line-height:21px;padding-top:2px;padding-bottom:2px;}

.row .label .required{margin-right:0.3em;font-weight:bold;color:#f00;}
.row .tips{padding:2px 0;line-height:21px;color:#999;white-space:nowrap;}
.row p.tips{clear:both;padding:0 7px 5px;}

.row{padding:5px 0 5px 106px;}
.row .label{width:100px;margin-left:-106px;padding-right:6px;}
.row .buttons{padding:10px 0;}

blockquote{height:23px;padding:0 6px 0 27px;border:#F7ECAA 1px solid;line-height:23px;background:#FDFFD7 url(../../common/img/icon/icon-16.png) no-repeat 5px -117px;white-space:nowrap;}
blockquote.error{border-color:#FFBFBF;background-color:#FFEAEA;background-position:5px -147px;}
blockquote.accepted{border-color:#fff;background-color:#fff;background-position:5px -177px;color:#999;}
blockquote.loading{border-color:#fff;background:#fff url(../../common/img/icon/loading.gif) no-repeat 5px center;color:#DA6100;}

.row-submit blockquote{background-color:transparent;border:none;clear:both;margin:-5px 0 10px;}

.row .img-captcha{float:left;margin:2px 8px 0 -6px;display:inline;cursor:pointer;}
a.btnwrap{text-decoration:none !important;}
.btnwrap{display:inline-block;height:26px;padding-right:4px;background:url(../images/buttons.png) no-repeat 100% -26px;overflow:hidden;margin-right:4px;_margin-right:8px;*margin-right:8px;*display:block;*float:left;}
.btnwrap .btn-inner{display:inline-block;height:26px;padding:0 6px 0 8px;background:url(../images/buttons.png) 0 0;border:none;line-height:26px;color:#333;text-decoration:none;}

.btnwrapsubmit{display:inline-block;height:26px;padding-right:4px;background:url(../images/buttons.png) no-repeat 100% -26px;overflow:hidden;float:left;}
.btnwrapsubmit .btn-inner{display:inline-block;height:26px;padding:0 6px 0 8px;background:url(../images/buttons.png) 0 0;border:none;line-height:26px;color:#333;text-decoration:none;}


ul.pagination {margin: 0;padding: 0;text-align: center}
ul.pagination li {display: inline-block;background:#fff}
ul.pagination li.active{background:#e80002;}
ul.pagination li.active a{color:#fff;background: none}
ul.pagination li.active a{border-color:#e80002;}
ul.pagination li.disabled a{color:#ccc;}
ul.pagination li a {display: block;line-height: 40px;padding: 0 10px;border: 1px solid #ccc;margin-left: -1px}

.form-group{margin-bottom: 10px;}
.form-label,.form-control{display: inline-block;}
.form-label{width: 100px;text-align: right;margin-right: 10px;}
.form-control input{width: 200px;border: 1px solid #ccc;padding: 4px 2px 3px;border-radius: 3px;}
.form-control textarea{width: 400px;height: 80px;border: 1px solid #ccc;padding: 4px 2px 3px;border-radius: 3px;}
.form-button{text-align: center;padding-top: 20px}
.form-button input{padding: 4px;height: 26px;border: 1px solid #ccc;border-radius: 3px;color: #333}
.form-group em{color: #f00;padding-right: 5px;}