*{padding:0px;margin:0px;}
body{ font-family:"Arial"; font-size:13px; color:#333;}
td,div{ line-height:30px; letter-spacing:1px;}
img{border:0px;}
ul{list-style:none;}
a{ text-decoration:none; color:#333;}
a:hover{text-decoration:none;}
a{ blr:expression(this.onFocus=this.blur());outline:none !important; cursor:pointer !important;}
a:focus{ -moz-outline-style: none !important;} 
input,textarea {outline:none;}
.bgf4{ background-color:#f4f4f4;}
.w100{ width:100%;}
.w120{ width:1200px;}
.m0a{ margin:0px auto;}
.both{ clear:both;}

.banner{height:420px; _height:420px;overflow:hidden;z-index:1;margin:0px 0px;text-align:center;}
.banner .d1{width:100%;height:420px;_height:420px;display:block;position:absolute;left:0px;}
.banner .d2{width:100%;height:30px;clear:both;position:absolute;z-index:100;left:0px;top:390px;}
.banner .d2 ul{float:left;position:absolute;left:47%;top:0;margin:0 0 0 0px;display:inline;}
.banner .d2 li{width:18px;height:18px;overflow:hidden;cursor:pointer;background:url(../image/h1.png) no-repeat center;float:left;margin:0 5px;display:inline;}
.banner .d2 li.nuw{background:url(../image/h2.png) no-repeat center;}
@media screen and (max-width:1200px){body{width:1200px}}
.diyos{position:fixed;width:54px;right:0;top:50%;z-index:100;}
.diyos ul{list-style:none;margin:0;padding:0;}
.diyos ul li{width:54px;height:54px;background:#067bcf;float:left;position:relative;margin:1px 0 0 0;}
.diyos ul li:hover{background:#0e66a6;}
.diyos ul li .sidebox{position:absolute;width:54px;height:54px;top:0;right:0;color:#fff;font:14px/54px "Arial";overflow:hidden; letter-spacing:0px;}
.diyos ul li .sidetop{width:54px;height:54px;line-height:54px;display:inline-block;}
.diyos ul li.sideewm{width:54px;height:54px;line-height:54px;display:inline-block;}
.diyos ul li .sideewmshow{width:150px;position:absolute; top:0; left:-151px; z-index:120; display:none;}
.diyos ul li.sideewm:hover .sideewmshow{display:block;}
.diyos ul li img{float:left;}

.head{ background:url(../images/hbg.gif) repeat-x 0 top;}
.logo{ background:url(../images/lt.gif) no-repeat right top #2186cf;}
.tel{ color:#FFF; line-height:50px; font-size:18px; font-family:Georgia, "Times New Roman", Times, serif;}
.tel i{ background:url(../images/topdh.png) no-repeat 0 5px; width:20px; height:22px; display:inline-block;}
.tel span,.tel span a  {
color:#fff;
font-family:"Arial"; 
font-size:13px;
}
.nav{}
#m2, #m3,#m4,#m5,#m6,#m7 {
position:relative;
}
.nav td table {
position:absolute;
left:0px;
top:60px;
z-index:100;
background-color:#FFFFFF;
display:none;
}
.nav a{ font-size:16px; border-bottom:3px solid #FFF; border-top:3px solid #fff; width:100px; height:54px; display:inline-block; line-height:54px;}
.nav td:hover a{ color:#2186cf; border-bottom:3px solid #2186cf;border-top:3px solid #fff;}
.index #m1 a,.abouts #m2 a,.products #m3 a,.case #m4 a,.fan #m5 a,.news #m6 a,.contact #m7 a{color:#2186cf; border-bottom:3px solid #2186cf;}

.nav td table td a {
font-size:14px; 
border-bottom:1px solid #ccc; 
border-top:0px solid #fff; 
height:35px; 
line-height:35px;
text-align:left;
text-indent:8px;
width:200px;
}
.nav td:hover table td a {
font-size:14px; 
border-bottom:1px solid #ccc; 
border-top:0px solid #fff; 
height:35px; 
line-height:35px;
text-align:left;
color:#333;
text-indent:8px;
width:200px
}


.index #m1 table td a,.abouts #m2 table td a,.products #m3 table td a,.case #m4 table td a,.fan #m5 table td a,.news #m6 table td a,.contact #m7 table td a{
border-bottom:1px solid #ccc; 
color:#333;
}

.index #m1 table td a:hover,.abouts #m2 table td a:hover,.products #m3 table td a:hover,.case #m4 table td a:hover,.fan #m5 table td a:hover,.news #m6 table td a:hover,.contact #m7 table td a:hover{
color:#2186cf;
}
.nav td table td a:hover  {
color:#2186cf;
}
.nav td:hover table {
display:block;
}

.stxt{ border:2px solid #2186cf; height:25px; line-height:25px; width:216px; _width:221px; color:#999; padding-left:5px;}
.ptb40{ padding:40px 0px;}
.ptb10{ padding:10px 0px;}
.iptop{ color:#2186cf; font-size:25px; line-height:70px; font-weight:bold; text-indent:20px;}
.iptop span{ color:#999; font-family:Arial; font-weight:normal; letter-spacing:0px; font-size:20px;}

.iclass{}
.iclass a{ line-height:40px; color:#FFF; font-size:15px; text-align:center; height:40px; padding:0px 30px; float:left;}
.iclass a:hover{ background:url(../images/cur.gif) no-repeat center top;}
.iclass .cur,.iclass .curr{background:url(../images/cur.gif) no-repeat center top;}

.ipro{ padding:20px 17px;}
.ipro dl{ border:1px solid #eee; padding:2px 2px; float:left; width:215px; height:210px; margin-right:15px;}
.ipro dl#p4{ margin-right:0px;}
.ipro dl dt{ width:215px; height:180px;}
.ipro dl dd{ width:215px; height:30px; text-align:center; line-height:30px; overflow:hidden; background-color:#eee;}

.icase{ padding:0px 0px 15px 0px;}
.icase dl{ float:left; margin-right:33px;}
.icase dl#c4{ margin-right:0px;}
.icase dl dt{ width:275px; height:150px;}
.icase dl dd{ width:275px; height:92px; overflow:hidden;}
.icase dl dd a{ line-height:32px; height:32px; overflow:hidden; font-size:14px; display:inline-block; width:275px;}
.icase dl dd p{ width:275px; line-height:20px; color:#999; height:60px; overflow:hidden;}

.abg{ padding:50px 0px 35px 0px; height:615px;}
.ainfo{ padding:30px 0px; }
.hztop{ color:#2186cf; font-size:20px; line-height:60px; font-weight:bold; text-indent:20px;}
.hztop span{ color:#999; font-family:Arial; font-weight:normal; letter-spacing:0px; font-size:20px;}
.hzinfo{ padding:10px 0px 20px 12px;}
.hzinfo div{ width:150px; height:115px; border:1px solid #eeeeee; padding:2px 2px; float:left; margin-right:14px;}
.hzinfo div#h7{ margin-right:0px;}

.inews{ padding:15px 0px;}
.inews dl{ float:left; width:220px; height:238px; margin-right:25px;}
.inews dl#n5{ margin-right:0px;}
.inews dl dt{ width:220px; height:140px;}
.inews dl dd{ width:220px;}
.inews dl dd a{ line-height:32px; width:220px; height:32px; overflow:hidden; font-size:14px; display:inline-block;}
.inews dl dd p{ width:220px; line-height:22px; height:66px; overflow:hidden; color:#999; font-size:12px;}

.ifa{ padding-bottom:20px;}
.ifa dl{ margin-right:52px; float:left; width:261px;}
.ifa dl#f4{ margin-right:0px;}
.ifa dl dt{ width:261px; height:40px; }
.ifa dl dt a{line-height:40px; color:#FFF; text-align:center; background-color:#000; width:261px; height:40px; overflow:hidden; display:inline-block;}
.ifa dl dt a:hover{ background-color:#11446a;}
.ifa dl dd{ height:38px; border-bottom:1px dotted #CCC; text-align:left; background:url(../images/nico.gif) no-repeat 3px 14px; text-indent:15px; overflow:hidden;}
.ifa dl dd a{ line-height:38px;}

.bottom{ background:url(../images/fbg1.gif) repeat-x 0 top;}
.bottom1{ background:url(../images/fbg2.gif) repeat-x 0 top;}
.con{ background:url(../images/fbg.gif) no-repeat right top; color:#FFF;}
.con1{ background:url(../images/fbgn.gif) no-repeat right top; color:#FFF;}
.fz24{ font-size:24px;}
.lh50{ line-height:50px;}
.cff{ color:#FFF;}
.itxt,.itxt1{ border:1px dashed #FFFFFF; line-height:22px; height:22px; width:362px; _width:370px; background-color:#2186cf; padding-left:8px; color:#FFF; font-family:"Arial"; font-size:13px;}
.itxt1{ width:58px !important;}
.itext{border:1px dashed #FFFFFF; line-height:22px; width:362px; height:44px; background-color:#2186cf; padding-left:8px; color:#FFF; font-family:"Arial"; font-size:13px; overflow:hidden;}
.ibtn{ width:100px; height:25px; line-height:25px; color:#FFF; background-color:#000; border:0px; text-align:center; cursor:pointer;}
.ily span{ float:right;}
.foot{ color:#FFF; background-color:#000; line-height:50px; height:50px;}
.fa14{ font-family:arial; font-size:14px;}
.foot a{ color:#FFF;}
/*ÄÚÒ³*/
.map{ border-bottom:2px solid #000; background:url(../images/home.gif) no-repeat 0 8px; text-indent:25px; line-height:38px; font-size:14px;}
.map a{ font-size:14px;}
.map a:hover{ color:#2186cf;}
.fl{ background-color:#2186cf; color:#FFF; font-size:24px; line-height:62px;}
.fl span{font-size:14px !important; letter-spacing:0px;}
.dl,.dl1{ line-height:39px;}
.dl a{ font-size:14px; color:#FFF; width:220px; _width:240px; height:39px; display:inline-block; padding-left:20px;}
.dl a:hover{ background:url(../images/lbg.gif) no-repeat 0 0;}
.dl1 a{ font-size:14px; color:#FFF; width:220px; _width:240px; height:39px; display:inline-block; padding-left:20px;background:url(../images/lbg.gif) no-repeat 0 0;}
.sl{ color:#FFF; line-height:28px; border-bottom:1px dotted #999999;}
.sl a{ color:#FFF;}
.lcon{ background-color:#222222; color:#FFF; padding:10px 10px;}
.lcon a{ color:#FFF;}
.nd{border-bottom: #999999 1px dotted; color: #999999; letter-spacing:0px;}