﻿/* CSS Document by 安小弈 */
*{ padding:0; margin:0;}
body{ font-size:12px; font-family:"宋体", Arial;background:#1ab7e4; color:#5e5e5e;}
ul,li{ list-style:none;}
img{ vertical-align:top; border:0;}
a{ font-size:12px; color:#5e5e5e; text-decoration:none;}
a:hover{ color:#f60;}
h3{ font-size:14px; font-weight:bold; color:#494949; padding:45px 0 0 80px; width:130px; float:left;}
.cl {clear:both}
#head{width:900px;height:90px; background:#fff; position:relative; overflow:hidden;margin:0 auto}
.top{ width:900px; height:83px;}

.tel{ width:200px; height:50px; float:right; margin:30px 5px 0 0; font-size:14px; font-weight:bold; color:#fff;}
#nav{ width:960px; height:43px; font-weight:bold; background:url(../images/nav_bg.jpg) repeat-x; position:relative; z-index:10;}
.nav_lft{ width:5px; height:43px; background:url(../images/nav_lft.jpg); float:left;}
#nav ul{ width:950px; height:43px; line-height:43px; float:left;}
#nav a{ display:block !important;}
#nav ul li{ float:left; list-style:none; position:relative; width:118px; background:url(../images/nav_line.jpg) no-repeat top left;}
#nav ul li.nobg{ background:none;}
#nav ul li a{ font-size:14px; text-align:center;}
#nav ul li a:hover{  background:url(../images/nav_hover.jpg) no-repeat center; color:#fff;}
#nav ul li a.selt{ width:118px; background:url(../images/nav_hover.jpg) no-repeat center; color:#fff;}
#nav ul ul a:hover { color:#f60;}
#nav ul ul{ visibility:hidden; position:absolute; left:0px; top:43px;height:30px;}
#nav ul li:hover ul.second, #nav ul a:hover ul.second { visibility:visible; }
#nav ul ul li{ text-align:left; border-right:none; float:left; width:85px; height:30px;}
#nav ul ul li a{ font-weight:100; width:85px; height:30px; line-height:30px; font-size:12px; background:url(../images/nav_li_ul_bg.jpg) repeat-x;}
#nav ul ul li a:hover{ color:#f60; background:#fff;}
#nav .third{ top:0px; left:100px; width:115px;}
#nav ul ul li:hover ul.third, #nav ul ul a:hover ul.third { visibility:visible; }
#nav ul ul ul.third{visibility:hidden; position:absolute; left:0px; top:30px;height:30px;}
#nav ul ul ul.third li{ text-align:left; border-right:none; float:left; width:85px; height:30px;}
#nav ul ul ul.third li a{ font-weight:100; color:#333; height:30px; line-height:30px; font-size:12px; background:url(../images/nav_li_ul_bg.jpg) repeat-x;}
#nav ul ul ul.third li a:hover{ color:#f60; background:#fff;}
#nav ul ul ul li a{ width:110px;}
#nav table{ border-collapse:collapse; }
.nav_rgt{ width:5px; height:43px; background:url(../images/nav_rgt.jpg); float:right;}
/*#nav ul{ width:950px; height:43px; line-height:43px; float:left;}
#nav ul li{ width:118px; float:left; text-align:center; background:url(../images/nav_line.jpg) no-repeat top left;}
#nav ul li.nobg{ background:none;}
#nav ul li a{ display:block; font-size:14px;}
#nav ul li a:hover{ background:url(../images/nav_hover.jpg) no-repeat center; color:#fff;}
#nav ul li a.selt{ background:url(../images/nav_hover.jpg) no-repeat center; color:#fff;}*/

#banner{ width:900px; height:198px; margin:6px auto; position:absolute; z-index:1;}
#cent{ width:960px; margin:0 auto; overflow:hidden;}
#left{ width:220px; float:left; margin-left:15px; display:inline}
.contact{ width:270px; height:200px; background:url(../images/contact_bg.jpg) no-repeat; padding-top:50px;}
.contact p{ font-family:Arial, Helvetica, sans-serif; padding:0 16px; line-height:25px;}
#right{ width:660px; float:right;}
.about{ width:671px; height:250px;}
.about_tit{ width:671px; height:62px; background:url(../images/about_tit.jpg) no-repeat;}
.about_tit h3{ padding-top:35px;}
.about_tit .more{ padding-top:45px;}
.about_cont{ width:631px; height:165px; background:url(../images/about_bg.jpg) repeat-x; text-align:justify; padding:20px 20px 0 20px; line-height:23px; text-indent:24px;}
.down{ width:631px; height:40px; margin-top:8px;}
.down_txt{ width:200px; float:left;}
.down_icon{ width:208px; height:41px; float:right;}
.pro{ width:671px; height:250px;}
.pro_tit{ width:671px; height:50px; background:url(../images/pro_icon.jpg) no-repeat left center;}
.pro_tit h3{ padding:20px 0 0 60px;}
.pro_tit .more{ padding-top:35px;}
.pro_cont{ width:671px; height:200px; background:url(../images/pro_bg.jpg) no-repeat left top;}
.pro_cont ul{ padding:20px 7px 0 7px; height:150px;}
.pro_cont ul li{ background:url(../images/pro_img_bg.jpg) center top no-repeat; width:164px; height:122px; float:left;}
.pro_cont ul li img{ margin:5px 12px; width:140px; height:111px;}
.pro_cont ul li a{ display:block; text-align:center; line-height:30px;}
/*common*/
.location{ width:650px; height:30px; line-height:24px; background:url(../images/atop.png) no-repeat 10px -14px; padding-left:15px;}
.location a {font-size:14px; margin:0 10px}
.layout{width:640px; text-align:justify; padding:10px 5px 0 15px; line-height:24px;}
#foot {width:900px;height:70px;padding-top:5px; margin:0 auto; background:#fff;text-align:center; line-height:30px; color:#585858}
#foot p {width:99%; height:3px; overflow:hidden; background:#000; margin:0 auto}
.foot_all{ width:915px; height:100px;margin:0 auto; padding-top:40px; color:#fff;}
.foot_all p{ height:20px; line-height:20px; line-height:25px;}
.foot_lft{ width:260px; float:left; font-family:Arial, Helvetica, sans-serif;}
.foot_logo{ width:395px; float:left; text-align:center; padding-top:10px;}
/*自定义*/
#head{ width:900px; background:#FFFFFF}
#head .logo {padding:10px 0 0 0px; float:left;}
.nav {width:740px;padding-left:160px;height:36px; clear:both;margin:0 auto; background:url(../images/menu_bg.gif) repeat-x}
.nav ul li {line-height:34px; width:100px; text-align:center; float:left; border-right:1px solid #444; }
.nav ul li a {color:#fff;font-size:14px}
.banner {width:900px; height:246px;margin:0 auto;}

#main {width:900px;margin:0 auto; background:#fff;clear:both; padding-top:15px;}

#sidebar {width:200px;padding-left:6px;float:left;}
.plist {width:200px; background:url(../images/pbg.gif) no-repeat; padding-top:25px}
.plist ul { padding:5px 0 0 10px; background:#f3f3f3;}
.plist ul li { line-height:24px; width:150px;margin:6px 0;height:24px;background:url(../images/more2.gif) no-repeat 0; border-bottom:1px solid #fff;padding-left:30px}

.map { clear:both;width:186px;}
.map img {margin-top:10px}
.link {margin:5px 0}
.link .mleft {margin-left:2px;}

#main-content {width:670px;float:left;display:inline;margin-left:15px;}
.ind_about {float:left;width:390px;padding:11px 0 5px;background:url(../images/top2.gif) no-repeat 0 5px}
.more {text-align:right; height:10px;}
.abcon {padding:20px 0 0;line-height:22px}
.abcon img {float:left;margin:0 12px 10px 0}
.news {background:url(../images/top3.gif) no-repeat 0 5px; padding:11px 0 5px; width:260px; margin-left:15px; display:inline; float:left}
.news  ul {padding:15px 0 0 0}
.news li{background:url(../images/listqt.jpg) no-repeat 0 bottom;padding-left:15px;line-height:18px;height:22px;margin:5px 0 0;}

.indpro {float:left; width:660px;background:url(../images/top4.gif) no-repeat 0 8px;padding-top:15px;}
.indpro ul{ padding:15px 0 0 0; clear:both; height:auto}
.indpro ul li{ width:164px;float:left; display:inline}
.indpro ul li img{ margin:5px 2px; width:138px; border:1px solid #e8e8e8; height:111px;}
.indpro ul li a{ display:block; text-align:center; line-height:20px;}


#com_right {width:700px; float:left; display:inline; margin-left:15px;}
p.yl {width:900px;margin:0 auto; line-height:24px;} 
p.yl a {margin:0 4px}


.scroll{clear:both;width:660px; height:145px; margin:0 auto;overflow:hidden;} 
.scrolllist{ clear:both; width:660px; height:145px;}
.scrolllist ul{ clear:both;}
.scrolllist li{ width:160px;float:left; display:inline;  margin:5px 0 5px 0px; } 
.scrolllist img{display:block;} 
.scrolllist ul li img{ margin:10px 2px 0; overflow:hidden}
.scrolllist  ul li a{ display:block; text-align:center; line-height:20px;}
 
 
.scrolllist2{ clear:both;}
.scrolllist2 ul{ padding:0px 10px;}
.scrolllist2 li{clear:both; font-size:12px;height:26px;line-height:26px; background-image:url(../images/getbg.gif);background-position: bottom;background-repeat: repeat-x;}
.scrolllist2 font.dot{color:#e15200; font-family:"宋体";}
