@charset "utf-8";
/* CSS Document */
.navBoxMain li a{ text-decoration:none;}
.contact *{ vertical-align:middle;}
.header{ height:auto;}
div{ margin:0 auto;}
.examples{ width:auto}.navBoxMain{ width:1200px}
.seobottom,.contant_cont{ width:1200px;}

html{ overflow-x:hidden; font-family:Arial, Helvetica, sans-serif; color:#333;}
body, div, dl, dt, dd, ul, ul li, pre, form, fieldset, input, textarea, p, blockquote, th, td, a{ margin:0; padding:0; overflow:hidden;} 
div,table{ margin:0 auto;}
table{ border-collapse:collapse; border-spacing:0;}
fieldset, img{ border:0;}
address, caption, cite, code, dfn, em, th, var{ font-style:normal; font-weight:normal;}
ul{ list-style:none;}
input{ vertical-align:middle;}
caption{ text-align:left;}
h1, h2, h3, h4, h5, h6{ font-size:100%; font-weight:bold;}
q:before, q:after{ content:'';}
abbr, acronym{ border:0;}
/**** clear ****/
.clearfix:after{ visibility:hidden; display:block; font-size:0; content:" "; clear:both; height:0;}
* html .clearfix{ zoom:1;} /* IE6 */
*:first-child+html .clearfix{ zoom:1;} /* IE7 */
.clear{ clear:both; font-size:0; height:0; overflow:hidden;}
a{ text-decoration:none; outline:none;}
a:hover{ text-decoration:underline;}
a:active {outline: none;star:expression_r(this.onFocus=this.blur());}
a.empty:hover{ text-decoration:none;}
/*a:hover,a.selceted{ color:#e20000;}*/
/*public start*/
.font_arial{ font-family:Arial, Helvetica, sans-serif;}
.font_heiti{ font-family:"黑体";}
.font-italic{ font-style:italic;}
.bold{ font-weight:bold;}
.float_l{ float:left;}
.float_r{ float:right;}
.text-center{ text-align:center;}
.text-right{ text-align:right;}
.twofont{ text-indent:2em;}
/*public end*/

@font-face {
	font-family: 'font1';
	src: url('font.eot'); /* IE9 Compat Modes */
	src: url('font.eot?#iefix') format('embedded-opentype'), url('font.ttf')  format('truetype'),url("font.woff") format("woff");
              /* Safari, Android, iOS */
   }
body{ color:#3f3f3f; font-family:"微软雅黑"; font-size:12px; text-align:left; position:relative;}
.maincontent{ padding-bottom:40px; width:1200px; background-color:#fff;}
.nav1{ margin:30px 20px 37px 40px; height:50px; line-height:50px; background-color:#f2f2f2; overflow:visible; box-shadow:0px 0px 8px #ccc;}
.nav1 a{ padding:0 60px; height:60px; font-size:16px; color:#333; display:inline-block; float:left; background:url(../images/line1.png) no-repeat right center;}
.nav1 a:hover,.nav1 a.on{ background:url(../images/bg1.png) no-repeat center; text-decoration:none; color:#fff;}
.cont1{ margin:0 45px;}
.title1{ margin-bottom:10px; padding:0 0 10px 17px; border-bottom:1px solid #b7b7b7; background:url(../images/bg2.png) no-repeat left 2px; font-size:16px; color:#008857;}
.cont2{ padding-left:15px;line-height:24px; color:#333;}
.detailtable{ margin:15px 50px 0 60px; color:#666; line-height:20px;}
.detailtable td{ border:1px solid #ccc; border-collapse:collapse; padding:5px}
.title2{ padding:10px 0; background-color:#f0f0f0;}
.title2 .td_l span{ margin-left:55px;}
.title2 .td_m span{ margin-left:90px;}
.title2 .td_r span{ margin-left:80px;}
.title2 span{ display:inline-block;}
.td_l{ width:230px;}
.td_m{ width:450px;}
.td_r{ width:407px;}
.detaillist{ border:1px solid #ccc;}
.detaillist li{ padding:19px 0; border-bottom:1px solid #ccc;}
.areaname{ margin-left:54px;}
.detaillist_item{ margin-right:5px; padding-left:7px; background:url(../images/point2.png) no-repeat left 8px;}
.td_m .detaillist_item{ margin-right:60px;}


.cont1_2{ float:left; width:350px; margin:0 0px 0 40px}