@charset "utf-8";

/* css reset */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td { padding:0; margin:0;}
table { border-collapse: collapse; border-spacing: 0; }
fieldset, img { border: 0; }
a { color:#666; text-decoration:none; }
a:hover { color:#024c55; }
address, caption, cite, code, dfn, em, th, var { font-weight: normal; font-style: normal; }
ol, ul { list-style: none; }
h1, h2, h3, h4, h5, h6 { font-weight: normal; font-size: 100%; }
q:before, q:after { content:""; }

/* css base */
body { font-family:"宋体"; font-size:12px; color:#666; text-align:center; line-height:1.8;}
.wrapper { width:980px; margin:0 auto; text-align:left; background:#FFF;}
.left{ float:left;}
.right{ float:right;}
.clear:after { content:"."; display:block; height:0; clear:both; visibility:hidden;}
.clear { +display:none; clear:both;}

/* css main page */
.headtop_bg{ width:100%; height:28px; background:url(../images/head_top_bg.jpg) repeat-x 0 0;}
.headtop{ width:960px; margin:0 auto; height:28px; line-height:28px; color:#a2a2a2;}
.headtop h3{ float:left; height:28px; text-align:left;}
.headtop span{ float:right;}
.headtop span a{ padding:0 5px; color:#a2a2a2;}

.headbox{ height:140px; width:100%; background:url(../images/head_bg.jpg) repeat-x 0 0;}
.head{ width:960px; margin:0 auto; height:140px;}
.logo{ float:left; width:464px; height:68px; padding-top:35px;}
.head_tel{ float:right; width:298px; height:107px; padding-top:15px;}
.navbox{ width:100%; height:45px; background-color:#0195a1;}
.nav{ width:960px; height:45px; line-height:45px; margin:0 auto;}
.nav li{ float:left; width:106px; height:45px; background:url(../images/nav_line.jpg) no-repeat right center; font-weight:bold;}
.nav li a{ display: block; width:106px; height:45px; color:#fff;}
.nav li a:hover,.nav li.now a{ background:url(../images/nav_h.jpg) no-repeat center; color:#024c55;}

.search{ width:960px; height:40px; margin:0 auto;}
.search_l{ float:left; width:625px; text-align:left; height:40px; line-height:40px; padding-left:15px; font-weight:bold;}
.search_l a{ padding:0 5px; font-weight:normal;}
.search_r{ width:247px; height:32px; float: right; padding-top:8px;  }
.search_r input{width:180px; height:22px; float:right; color:#595959; padding-left:5px; background: url(../images/search_bg.jpg) no-repeat; border:1px solid #CCC; line-height:22px; font-size:12px;}


.banner{ height:401px; width:100%; border-bottom:3px solid #f39501;}
.fullSlide { width: 100%; position: relative; height: 401px; background: #fff; }
.fullSlide .bd { margin: 0 auto; position: relative; z-index: 0; overflow: hidden; }
.fullSlide .bd ul { width: 100% !important; }
.fullSlide .bd li { width: 100% !important; height: 401px; overflow: hidden; text-align: center; }
.fullSlide .bd li a { display: block; height: 401px; }
.fullSlide .hd { width: 100%; position: absolute; z-index: 1; bottom: 0; left: 0; height: 30px; line-height: 30px; background: url(../images/touming.png) repeat-x; text-align: center; _background: #000; _filter: alpha(opacity=60); }
.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(../images/tg_flash_p.png) -18px 0; overflow: hidden; line-height: 9999px; }
.fullSlide .hd ul .on { background-position: 0 0; }

.mainbox{ width:100%; background:#f9d8a3 url(../images/main_bg.jpg) repeat-y center top;}
.main{ width:960px; margin:0 auto; }
.pro{ float:left; padding-top:12px; width:960px;}
.main_left{ float:left; width:210px; height:765px;}
.left_title{ width:210px; height:48px; line-height:48px; color:#efe102; font-size:24px; font-weight:bold; font-family:"微软雅黑"; background:url(../images/left_title.jpg) no-repeat  0 0; float:left;}
.left_list{ width:204px; border:3px solid #3aa8b5; float:left; text-align:left; border-top:0; padding:10px 0; margin-bottom:10px;}
.left_list li{ float:left; width:184px; height:39px; padding-left:10px;}
.left_list li a{ width:160px; display:block; height:28px; line-height:28px; padding-bottom:11px; background:url(../images/left_a.jpg) no-repeat 0 0; padding-left:24px; color:#fff; font-weight:bold;}
.left_list li a:hover{ text-decoration:underline;}

.left_list dl{ width:184px;padding:0 6px; float:left; line-height:24px;}
.left_list dt{}
.left_list dd{}
.left_list dd span{ width:184px; color:#38a8b3; display:block; font-weight:bold; padding:5px 0;}

.pro_list{ float:right; width:725px;}
.pro_title{ width:725px; height:50px; background: url(../images/pro_title_line.jpg) no-repeat 0 bottom;}
.pro_title h1{ float:left; width:100px; height:30px; background:url(../images/pro_title_bg.jpg) no-repeat 0 0; line-height:25px; color:#fff; font-weight:bold; margin-top:10px; margin-left:15px;}
.pro_title span{ float:right; margin-top:17px;}
.pro_list_c{ width:725px; float:left; padding-top:30px;}
.pro_list_c li{ float:left; width:212px; height:225px; margin:0 14px;}
.pro_list_c li img{ border:1px solid #b7b7b7;}

.pro_read_c{ width:725px; text-align:left; padding:10px 0; font-size:14px;}
.pro_read_c img{ max-width:725px;}

.ad1{ width:960px; height:104px; margin:10px 0; float:left;}
.about{ width:960px; float:left; height:315px;}
.about_l{ float:left; width:650px; height:315px;}
.about_title{ height:48px; width:100%; line-height:48px; text-align:left; background:url(../images/about_line.jpg) no-repeat 0 bottom; font-size:14px; font-weight:bold; color:#0195a3;} 
.about_title font{ font-weight:normal; color:#989898;}
.about_title span{ float:right; padding-top:15px;}
.about_c{ width:650px; float:left; padding-top:25px;}
.about_img{ float:left; width:315px; height:229px;}
.about_con{ float:right; width:325px; text-align:left;}
.about_con h2{ width:311px; height:19px; line-height:19px; background:url(../images/inoc1.jpg) no-repeat 0 0; padding-left:14px; font-size:14px; font-weight:bold; color:#0195a3; float:left;}
.about_con p{ float:left; width:325px; margin-top:10px; height:185px; position:relative;}
.about_con p span{ position:absolute; left:0; bottom:0;}

.zz_r{ float:right; width:265px;} 
.zz_list{ width:265px; height:226px; float:left; margin-top:35px;}
.left_frbox { height: 226px; width:255px; margin:0 auto; }
.left_frBtnL { float: left; margin:65px 0px 0px 0px; cursor: pointer; display: inline; }
.left_frUl { float: left; height: 130px; width: 223px; }
.left_frBtnR { float: left; margin-top: 65px; cursor: pointer; }
.left_frUl ul li { display: inline; float: left; height: 226px; width: 163px; margin:0 30px; overflow: hidden; }
.left_frUl ul li img { display: block;  }

.case{ float:left; width:960px; height:320px;}
.case_title{ height:40px; width:960px; border-bottom:1px solid #cbcbcb; float:left; margin-top:40px;}
.case_title h2{ width:134px; height:40px; background:url(../images/case_title.jpg) no-repeat 0 0; line-height:40px; color:#fff; font-family:"黑体"; font-size:20px; float:left; } 
.case_title span{ float:right; padding-top:15px;} 

.case_list{ width:960px; height:144px; margin:0 auto; padding-top:20px; float:left;}
.mr_frbox { height: 200px;width:944px; margin:0 auto; }
.mr_frBtnL { float: left; margin: 60px 0px 0px 0px; cursor: pointer; display: inline; }
.mr_frUl { float: left; height: 200px; width: 892px; margin:0 10px; }
.mr_frBtnR { float: right; margin-top: 60px; cursor: pointer; }
.mr_frUl ul li { display: inline; float: left; height: 200px; width: 205px; margin:0 9px; overflow: hidden; }
.mr_frUl ul li img { display: block; padding:2px; border: 1px solid #D8D8D8; }

.news{ width:960px; float:left; height:375px;}
.news_l{ width:330px; float:left;margin-right:27px;}
.news_list{ float:left; width:330px; }
.news_list dl{ width:314px; padding:8px; float:left;}
.news_list dt{ float:left; width:308px; height:114px; padding:3px; border:1px solid #d2d2d2;}
.news_list dd{ width:314px; float:left; height:35px; line-height:35px; border-bottom:1px solid #d9d9d9; text-align:left;}
.news_list dd a{ display:block; float:left; width:299px; height:35px; background:url(../images/inoc2.jpg) no-repeat 0 12px; padding-left:15px;}
.news_list dd a span{ float:right; color:#a2a3a8;}	

.news_r{ width:245px; float: right;}
.news_form{ float:left; width:245px; padding:8px;}

.link{ float:left; width:960px; height:100px; margin:15px 0;}
.link_title{ background:url(../images/link_bg.jpg) no-repeat 0 bottom; width:938px; height:42px; line-height:42px; text-align:left; font-size:14px; color:#01818e; padding-left:22px; float:left;}
.link_list{ float:left; width:960px; height:50px; text-align:left; padding:8px 0 0;}
.link_list a{ padding:5px;}


/* -- sub page -- */
.sub_main{ }
.sidebar{ }


.sub_pro_con_l{ float:left; width:420px;}
.sub_pro_con_r{ float:right; width:320px; padding-top:20px;}

.sub_pro_con_c{ width:725px; float:left; min-height:300px; text-align:left;}
.sub_pro_title{height:38px; line-height:38px; text-align:left; width:725px;  font-size:14px; border-bottom:1px solid #CCC;}
.sub_pro_title h2{ width:80px; height:38px; text-align:center; background-color:#ccc;}
.sub_pro_con_con{ padding:10px;}
.pro_read_title{ height:50px; border-bottom:1px solid #ccc; line-height:50px; font-size:16px; color:000; text-align:center;}



/* -- page footer -- */
.footer{ background-color:#01818e; height:170px; width:100%;}
.footer_nav{ width:100%; height:65px; color:#fff; line-height:65px;}
.footer_nav a,.footer_c a{ color:#fff; padding:0 5px;}
.footer_c{ color:#fff; width:100%; line-height:30px;}