/* By 东方的太阳 QQ:465002188 */

/* 全局样式 */
* {padding:0;margin:0;}
body{font-size:12px;color:#333;font-family:arial, Helvetica, sans-seri;background:#fff;line-height:20px;}
ul,ol{list-style-type:none;}
textarea,select,input,button,label,img{vertical-align:middle;font-size:12px;font-family:"Tahoma";}
input[type=submit] {cursor:pointer}
input,button{overflow:visible;}
table {border-collapse:collapse;}
img {border:0;}
html{-webkit-text-size-adjust:none;overflow-x:hidden;overflow-y:auto;}
em,i {font-style:normal;}

/* 定义全局宽 */
.wp {width:980px;margin:0px auto;overflow:hidden;}
.wp2 {width:980px;margin:0px auto;}

/*  - - - - - - - - - 类别样式  - - - - - - - - -*/
.c {clear:both;overflow:hidden;display:block;zoom:1}
.l {float:left;}
.r {float:right;}
.rel {position:relative}
.abs {position:absolute;}
.none {display:none;}

/* 链接样式 */
a{color:#333;text-decoration:none;}
a:link{}	
a:hover{text-decoration:none;color:#048cca}	/*设置对象在其鼠标悬停时的样式表属性*/
a:active{}  /*在鼠标点击与释放之间发生的事件*/
a:visited{} /* 已被访问过时的样式表属性 */
a{blr:expression(this.onFocus=this.close());} /* 只支持IE，过多使用效率低 */ 　 
a{blr:expression(this.onFocus=this.blur());} /* 只支持IE，过多使用效率低 */ 　 
a:focus { -moz-outline-style: none; outline: none;} /* IE不支持 */ 

#header {height:120px;background:url(../Images/header_bg.jpg) repeat-x;}
.logo {width:180px;}
.site {width:800px;padding:20px 0 0 0;}

.so {width:134px;height:20px;background:url(../Images/so_bg.jpg) no-repeat;float:right;}
.inp {height:18px;line-height:18px;width:104px;padding-left:30px;background:none;border:0}
.but {display:none;}

.yy {float:right;padding-left:20px;}
.yy img {vertical-align:-1px;margin-right:5px;}

.nav {height:33px;margin-top:20px;text-align:right;}
.nav li {display:inline-block;width:102px;height:33px;line-height:33px;position:relative;z-index:9999;}
.nav li {*display:inline;}
.nav li a {display:block;text-align:center;font-size:14px;}
.nav li.on a, .nav li a:hover, .nav li.hover a {background:url(../Images/nav_on.jpg) no-repeat 0 center;color:#fff;}
.nav li ul {position:absolute;top:33px;left:0;background:#019de7;padding:10px 0 10px 0;display:none;width: 150px}
.nav li ul li {height:25px;line-height:25px;width: auto;display: block;border-bottom:1px dotted #fff;}
.nav li ul li a, .nav li.on ul li a, .nav li.hover ul li a {background:none;color:#333;font-size:12px;color:#fff;}
.nav li ul li a:hover, .nav li.on ul li a:hover, .nav li.hover ul li a:hover {background:#fff;color:#333;}



#bann {height:260px;}

#main {padding:15px 0;}
#ml {width:206px;}
#mr {width:759px;background:url(../Images/bg.jpg) no-repeat left top;padding-left:15px;}

.subnav {padding:15px 0;}
.subnav li {height:35px;line-height:35px;background:url(../Images/x1.jpg) no-repeat bottom center;padding-left:15px;}
.subnav li a {display:block;background:url(../Images/sub_li.jpg) no-repeat 164px center;}

.t2, .t2 a {color:#048cca;height:30px;line-height:30px;font-size:14px;text-transform: uppercase }
.t2 a, .t2 em {padding:0 5px;}

.cont {padding:10px 0 0 5px;line-height:24px;}
.cont h1 {font-size:18px;text-align:center;padding:10px 0;font-weight:normal;}

#main {border-bottom:1px solid #d7d7d7;overflow:hidden;zoom:1;}
.news_list {padding:10px 0 0 5px;}
.news_list li {height:35px;line-height:35px;border-bottom:1px dashed #ccc;
vertical-align:top;}
.news_list li a {float:left;}
.news_list li i {float:right;}

.feedback {padding:0 5px;}
.feedback .txt {padding:15px 0;border-bottom:1px solid #ddd;}
.feedback dl {padding:20px 0;}
.feedback dl dt {position:absolute;left:10px;width:90px;text-align:right;}
.feedback dl dd {padding:0 0 10px 110px;}
.inp1 {width:150px;height:20px;line-height:20px;border:1px solid #ccc;}
.feedback textarea {width:250px;height:100px;border:1px solid #ccc;}

#fl {border:1px solid #bbbbbb;margin:10px auto;border-bottom:0;margin-left:5px;}
#fl dl {border-bottom:1px solid #bbb;position:relative;padding:5px;overflow:hidden}
#fl dl dt {position:absolute;left:5px;background:#bbb;text-align:center;color:#fff;height:20px;line-height:20px;width:100px;}
#fl dl dd {padding:0 0 0 120px;}
#fl dl dd a {display:block;width:100px;text-align:center;float:left;}
#fl dl dd a.on {background:#bbb;color:#fff;}

.pro_list {padding:10px 0;margin-left:5px;}
.pro_list li {width:225px;border:1px solid #bbb;float:left;margin:0 36px 25px 0;}
.pro_list li p {background:#8e8e8e;text-align:center;font-size:14px;padding:10px;color:#fff;}

.page {padding:10px 0 ;text-align:center;}

.pl {width:287px;}
.ppic {border:1px solid #bbb;text-align:center;height:235px}
.pbut li {float:left;padding:10px 5px 0 5px;}
.pbut li img {border:1px solid #bbb;}

.p_box1 {padding:15px 0 20px 0;}
.pr {width:450px;}
.pr h1 {font-size:16px;color:#000;height:30px;line-height:30px;margin-bottom:10px;}
.cps {line-height:24px;}

.pro_box2 .hd {border-bottom:1px solid #dfdfdf;height:30px;line-height:30px;overflow:hidden}
.pro_box2 .hd li {float:left;padding:0 20px;cursor:pointer}
.pro_box2 .hd li.on {border-bottom:2px solid #2e8182;height:28px;}
.pro_box2 .bd {padding:15px 0;line-height:24px;}

.p_box1, .pro_box2 {padding-left:5px;}

#banner, #banner .bd a {display:block;height:420px;}
#banner .hd {bottom:10px;left:0;width: 100%;text-align: center;}
#banner .hd ul li {display: inline-block;margin:0 3px;width: 10px;height: 10px;font-size: 10px;border:1px solid #ccc;border-radius: 10px;}
#banner .hd ul li.on {background: #2e8182}

#f1 .about {width:598px;}
#f1 .news {width:359px;background:url(../Images/x2.jpg) no-repeat 0 center;padding-left:23px;}
.t3 {color:#048cca;font-size:18px;text-transform: uppercase;height:40px;line-height:30px;font-weight:bold}
#f1 .cont {padding:0 20px 0 0;line-height:22px;}
#f1 .cont img {float:left;margin:0 10px 0 0;}

#f1 .news dl {border-bottom:1px dotted #ccc;overflow:hidden;padding:0 0 10px 0;margin-bottom:10px;}
#f1 .news dt {float:left;width:82px;}
#f1 .news dd {width:260px;float:right;}
#f1 .news dd a {font-size:18px;}
#f1 .news dd p {line-height:18px;padding:10px 0 0 0;}
#f1 .news dd .abs {right:0px;top:1px;}
#f1 .news ul li {height:24px;line-height:24px;}
#f1 .news ul li i {float:right;color:#666;}

#f2 {padding:15px 0;overflow:hidden;zoom:1;}
.t4 {height:35px;line-height:35px;background:#048cca url(../Images/img2.jpg) no-repeat left;padding-left:250px;margin-bottom:20px;}
.t4 ul li {display:inline-block;font-size:14px;padding:0 10px;color:#fff;cursor:pointer}
.t4 ul li {*display:inline;}
.t4 a {right:10px;top:15px;}
.t4 ul li.on {color: #000;}
.t4 ul li.on {background:url(../Images/tab_on.jpg) no-repeat bottom center;height:42px;color: #000}
#f2 .bd {padding:20px 0 0 0;height:200px;}
#f2 .bd ul li {width:180px;text-align:center;float:left;background: url(../images/x2.jpg) no-repeat 180px center;padding-right:20px;}
#f2 .bd ul li span {display:block;font-size:14px;line-height:30px;height:30px;}


.t5 {font-size:18px;color:#048cca;height:40px;font-weight:bold;text-transform: uppercase ;margin-top:10px;}
#f3 dl {background:#f4f4f4;padding:20px;overflow:hidden;zoom:1}
#f3 dl dt {float:left;width:70px;text-align:center;padding-top:15px;}
#f3 dl dd {float:left;width:130px;padding-right:30px;line-height:18px;}


#footer {border-top:1px solid #fff;background:#d7d7d7;text-align:center;padding:15px 0}
#footer a {padding:0 7px;}



/*图片的字适应*/
.imgbox {
        /*非IE的主流浏览器识别的垂直居中的方法*/
        display: table-cell;
        vertical-align:middle;
        /*设置水平居中*/
        text-align:center;
}
.imgbox img {
        /*设置图片垂直居中*/
        vertical-align:middle;
}

.simg1 {
        /* 针对IE的Hack */
        *display: block;
        *font-size: 218px;/*约为高度的0.873，200*0.873 约为175*/
        *font-family:Arial;/*防止非utf-8引起的hack失效问题，如gbk编码*/
        width:380px;
        height:250px;
        }
.simg2 {
        /* 针对IE的Hack */
        *display: block;
        *font-size: 371px;/*约为高度的0.873，200*0.873 约为175*/
        *font-family:Arial;/*防止非utf-8引起的hack失效问题，如gbk编码*/
        width:529px;
        height:426px;
        }