﻿@charset "utf-8";
*{ margin:0; padding:0;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,blockquote,p{padding:0; margin:0; font-size:100%; background:transparent; outline:0; border:0;}
li{list-style-type:none;}img{vertical-align:top;border:0; margin:0; overflow:hidden}ol,ul {list-style:none;}   
.left{float:left;}.right{float:right;}
.blank10 {clear:both; height:10px; overflow:hidden; display:block;}
.blank12 {clear:both; height:12px; overflow:hidden; display:block;}
.blank15 {clear:both; height:15px; overflow:hidden; display:block;}
.blank5 {clear:both; height:5px; overflow:hidden; display:block;}
.blank30 {clear:both; height:30px; overflow:hidden; display:block;}
.blank20 {clear:both; height:20px; overflow:hidden; display:block;}
.blank60 {clear:both; height:60px; overflow:hidden; display:block;}
.cb{ clear:both;}.clearfloat { clear:both; height:0; font-size: 1px; line-height: 0px;}
a{color: #222; text-decoration: none; outline:none;}a:hover {color: #f60; text-decoration: underline}
body {background:#fff;font-size:13px;color: #222;line-height:25px;font-family:Arial; -webkit-text-size-adjust:none;}

.mainbody { width:980px; margin:0 auto;}
.main { width:980px; margin:0 auto; background:url(../images/bg.jpg) repeat-y left; overflow:hidden; min-height:500px; height:auto !important;height:500px;}
.header { width:100%; height:130px; background:url(../images/in_01.jpg) no-repeat center; overflow:hidden;}
.head { width:1000px; height:130px; overflow:hidden; position:relative; margin:0 auto;}
.head .logo { width:455px; height:55px; left:0; top:38px;}
.head .bq1 { width:215px; height:16px; line-height:16px; font-size:12px; top:44px; right:10px;}
.head .bq1 a { padding:0 15px;}
.head .bq2 { width:234px; height:34px; right:0; top:68px; line-height:34px; text-align:center; background:url(../images/bqbg.jpg) no-repeat;}
.head .bq2 a { color:#fff; padding:0 5px; width:107px; display:inline-block; text-decoration:none;}
.tosou { width:260px; height:30px; top:60px; left:480px;}
.head .logo,.head .bq1,.head .bq2,.tosou {position:absolute; display:block; z-index:9; overflow:hidden;}

.navbg { clear:both; width:100%; height:40px; background:url(../images/dhbg.jpg) repeat-x;}
.nav{ clear:both; width:1000px;height:40px; margin:0 auto;}
.nav ul li {height:40px; line-height:40px;text-align:center; float:left; background:url(../images/line.jpg) no-repeat right center;}
.nav ul li a,.nav ul li a:visited{color:#fff; padding:0 22px;height:40px; display:block; font-size:15px}
.nav ul li a:hover{color:#fff; text-decoration:none; background:url(../images/dhbg2.jpg) repeat-x;}
.nav ul li img { vertical-align:middle; margin-bottom:3px;}

#nav1 .nav1 a,#nav2 .nav2 a,#nav3 .nav3 a,#nav4 .nav4 a,#nav5 .nav5 a,#nav6 .nav6 a,#nav7 .nav7 a,#nav8 .nav8 a,#nav9 .nav9 a,#nav10 .nav10 a,#nav11 .nav11 a{color:#fff; text-decoration:none; background:url(../images/dhbg2.jpg) repeat-x;}

/*首页焦点图*/
.banner_01 { width:100%; height:320px; overflow:hidden; clear:both; position:relative;}
#jdt{width:100%; height:320px; overflow:hidden;}
#jdt li a{width:100%; height:320px; display:block; text-indent:-9999px;}
#jdkz{position:absolute; left:50%; width:60px; margin-left:-30px; bottom:15px; z-index:99; height:15px;}
#jdkz li{width:10px; height:15px; display:inline; margin:0 5px; background:#666; float:left; -moz-opacity:0.7; filter:alpha(opacity=70); opacity:0.7; cursor:pointer;}
#jdkz .xkz{background:#fff; -moz-opacity:0.10; filter:alpha(opacity=70); opacity:0.7;}

h1 { width:85%; text-align:center; font-size:20px; font-weight:bold; line-height:30px; color:#0b88cb; padding-bottom:25px; margin:0 auto;}

.syleft { width:253px; float:left;}
.syright { width:699px; float:right;}

.tit2 { width:253px; height:88px; overflow:hidden;background:url(../images/b.jpg) no-repeat;}
.tit2 h3 { font-size:18px; font-weight:bold; line-height:88px; padding-left:39px; color:#fff;}

.tit { width:100%; height:33px;line-height:27px; background:url(../images/in_07.jpg) no-repeat bottom left;overflow:hidden;}
.tit h3 { height:27px; line-height:27px; float:left; color:#201f1f;font-size:18px; font-weight:bold; background:url(../images/02.png) no-repeat 15px center; padding-left:30px;}
.tit h3 span { font-weight:100; font-size:14px; color:#ffaf26; font-family:Arial; padding-left:8px;}
.tit a { float:right; width:44px; height:27px; display:block; background:url(../images/more.png) no-repeat center;}

.synav { width:253px; overflow:hidden; margin-top:2px; background:#ebebeb;}
.synav ul { width:210px; padding-left:21px; overflow:hidden;padding-top:4px;}
.synav li { float:left; width:210px; height:28px; line-height:28px; padding-top:4px; border-bottom:#cfcfcf 1px solid;}
.synav li a { width:185px; line-height:28px; background:url(../images/03.png) no-repeat 10px 11px; padding-left:25px; font-weight:bold; display:block; color:#1d1c1c;}
.synav li a:hover { color:#f60; text-decoration:none;}

.syabout { width:699px; float:right; overflow:hidden;}
.sytex { clear:both; padding-top:15px; width:699px; height:225px; margin-bottom:15px; overflow:hidden;}
.sytex img { float:right; margin:10px 0 0 15px;}
.eq { clear:both; width:720px; height:114px; overflow:hidden}
.eq img { width:170px; height:114px; margin-right:10px;}

.synews { width:656px; height:280px; float:left;}
.newtex {width:656px; height:100px; clear:both; margin-top:18px;}
.synews .n1 { width:150px; height:100px; float:left;}
.synews .n1 img { width:150px; height:100px;}
.synews .n2 { width:455px; height:70px; float:left; background:#f5f5f5; padding:15px 25px; color:#757575;}
.synews .n2 h3 { font-size:16px; font-weight:bold; width:270px; height:25px; float:left; color:#222;}
.synews .n2 span { width:70px;height:25px; float:right; display:block; text-align:right; color:#9d9d9d;}

.sylx { width:310px; height:280px; float:right; background:#f5f5f5 url(../images/in_18.jpg) no-repeat bottom;}
.lxlx { width:230px; height:130px; overflow:hidden; padding:15px 0 0 20px; line-height:27px;}
.lxlx span { display:block; padding-left:42px;}

.culture { width:100%; clear:both; background:#f5f5f5; padding:25px 0;}
.symain { width:1000px; margin:0 auto;}
.pro1 td { padding-right:15px; font-size:14px;}
.pro1 h3 { font-size:16px; font-weight:bold; padding-top:5px;}

.ewm { width:178px; background:#f5f5f5; text-align:center; padding:10px 0;}
.ewm img { width:92px; height:92px; display:block; padding:0 18px;}
.ewm p { width:128px; height:115px; padding:10px 0; background:#fff; margin:15px auto;}
.footer { clear:both; width:100%;height:75px; line-height:75px; text-align:center; color:#222; background:#bbb;}
span.zzb07tail a,.footer a{ color:#222;}

.sypro2 { width:699px;}
.sypro2 li { width:210px; float:left; margin:15px 0 5px 17px;}
.sypro2 .pimg { width:210px; height:160px; background:#fff; border:#ddd 2px solid;display:table;overflow:hidden;text-align:center}
.sypro2 .pimg a {width:210px; height:160px;display:table-cell;vertical-align:middle; line-height:160px; }
.sypro2 .pimg img { max-width:200px; max-height:150px;padding:5px; vertical-align:middle;height:auto;width:auto;margin-top:expression((150-this.height)/2);}

.sypro3 { width:699px;}
.sypro3 li { width:300px; float:left; margin:15px 0 5px 30px;}
.sypro3 .pimg { width:300px; height:204px; background:#fff; border:#ddd 2px solid;display:table;overflow:hidden;text-align:center}
.sypro3 .pimg a {width:300px; height:204px;display:table-cell;vertical-align:middle; line-height:204px; }
.sypro3 .pimg img { max-width:290px; max-height:194px;padding:5px; vertical-align:middle;height:auto;width:auto;margin-top:expression((194-this.height)/2);}
.sypro3 li h2 { width:304px; height:25px; line-height:35px; overflow:hidden; text-align:center;}

.about { padding:0 30px;}
.about p { padding:5px 0;}
.news { padding:0 30px;}
.news p { padding:5px 0;}
.news img {max-width:100%; height:auto !important; height:100%;*height:100%;}

.product p { padding:3px 0;}

.txtc { clear:both; text-align:center; padding-right:25px; padding-top:10px; font-size:12px}
.txtc a { text-decoration:underline; color:#238de4;}

ul.prolist{widht:660px; margin-left:20px; overflow:hidden}
ul.prolist li { width:;height:35px; background:url(../images/dian.jpg) repeat-x bottom; width:660px; float:left; line-height:35px;}
ul.prolist li a { color:#666; padding-left:30px; width:520px;heigth:35px; display:block; overflow:hidden; background:url(../images/pen.gif) no-repeat 8px 14px; float:left; overflow:hidden;}
ul.prolist li span { width:95px; text-align:center;height:35px; float:right;color:#666;}

.yy td {padding:3px 0; font-size:13px;}
.yy input { border:#b2b5b5 1px solid;height:25px;line-height: 25px; margin:0 3px; color: #222; font-family:Arial;font-size:13px;}
.yy textarea {border:#b2b5b5 1px solid; line-height:25px;margin:0 3px;color: #222;}
input.aak { background:#000; color:#fff; line-height:25px; padding:0 10px; cursor:pointer;}

table.bbk { width:650px; margin:10px auto; border-left:#ddd 1px solid;border-top:#ddd 1px solid;}
.bbk td {border-right:#ddd 1px solid;border-bottom:#ddd 1px solid; line-height:20px; padding:3px 10px; font-size:13px}

table.bak { width:90%; margin:10px auto; border-left:#ccc 1px solid;border-top:#ccc 1px solid;}
.bak td,.bak th {border-right:#ccc 1px solid;border-bottom:#ccc 1px solid; line-height:20px; padding:3px 8px; font-size:13px; text-align:center;}
.bak th { background:#f5f5f5; color:#666; font-weight:bold;}

.yong { float:right; width:79px; height:30px; line-height:25px; text-align:center; background:url(../images/botton_011.gif) no-repeat; margin-bottom:10px; margin-right:25px;}
.yong a{ color:#fff; text-decoration:none;}

.plist ul { padding-left:5px;}
.plist li { float:left; height:30px; line-height:30px; margin:2px;}
.plist li a { display:block; height:30px;background:#f5f5f5 url(../images/03.png) no-repeat 10px center; border:ddd 1px solid; color:#222; text-decoration:none; width:160px; padding:0 10px 0 20px;}
.plist li a:hover { background:#0b7ad1 url(../images/03e.png) no-repeat 10px center; color:#fff;}

.yonge { float:right; width:110px; height:30px; line-height:25px; text-align:center; background:url(../images/botton_012.gif) no-repeat; margin-bottom:10px; margin-right:25px;}
.yonge a{ color:#fff; text-decoration:none;}


table.llk { clear:both; width:100%; margin:10px auto; border-left:#ccc 1px solid;border-top:#ccc 1px solid;}
.llk td {border-right:#ccc 1px solid;border-bottom:#ccc 1px solid; line-height:20px; text-align:center;font-family:Arial;}
.llk img { width:70px; height:30px; margin:4px 0;}

.synav { padding-top:15px;}
.synav li{background:url(../images/ab_23.png) no-repeat 15px 11px;padding-left:30px; text-decoration:none;font-weight:bold;font-size:15px;border-bottom:solid 1px #e5e3da;line-height:30px;}
