@charset "utf-8";
/* CSS Document */
body{margin:0 auto;font:12px "微软雅黑";text-align:left;line-height:18px;color:#5b5b5b;background:#fff; min-width:990px} 
a{text-decoration:none;}    
h2{color:#333;font-weight:normal;font-size:18px; padding:5px 0;}   
*{margin:0;padding:0;}
p{margin:6px 0 10px 0;} 
img{border:none;}
.clear{clear:both;}  
ul,li{list-style:none;}
a.mail{ color:#0074b3;}
.img_center{ margin:8px auto; display:block;}
.tablestyleno img{ padding:10px 0 18px 0;}


#header{width:100%;margin:0 auto;height:100px;background:url(../images/top.png) repeat-x top left;display:block;position:fixed;z-index:99; top:0; overflow:visible} 
#head{width:1220px;margin:0 auto;height:100px;} 
#logo{width:148px; height:90px; float:left;} 
#nav{width:880px;height:31px; padding-top:35px;display:block;}
#nav ul{ width:100%; margin-left:20px;}
#nav ul li{ width:150px;font-size:16px;float:left; text-align:center; position:relative;} 
#nav ul li.home{width:100px;padding-left: 20px;}
#nav ul li.pro{width:100px;}
#nav ul li.about{width:100px;}
#nav ul li.serv{width:100px;}
#nav ul li.app{width:100px;}
#nav ul li.last{width:100px;}
#nav ul li.download { width:100px;}
#nav ul li a{color:#999; line-height:31px; }
#nav ul li a:hover,#nav ul li a.dq{color:#0074b3;font-weight:bold;}

#nav ul li ul {display: none; padding: 30px 0px;}
#nav ul li:hover ul {display: block; position: absolute; top:30px; min-width:555px; left:0; height:250px; background:#414C52;background:url(../images/bg.png) no-repeat; }
#nav ul li:hover ul li{ float:left; width:212px; height:30px; margin:0 30px 0 30px; margin-top:2px; top:15px;}
#nav ul li:hover ul li a {display:block; color:#ffffff; font-size:16px;line-height:30px; }
#nav ul li:hover ul li a:hover { background:#fff; color:#0274b3; width:210px; height:30px;}


.language{margin-top: 37px; float:right;width:428px;}
.language ul li{ float:left;position:relative;padding-right:5px}
.language ul li a{ color:#999;width:65px; height:25px; display:block; padding:0 5px 0px 20px;line-height:25px; border:1px solid #e4e4e4;}
.language ul li a img{ float:left; margin:5px 5px 0 0;}
.language ul li a:hover,.language ul li a.dq{color:#999;background:url(../images/icon.jpg) no-repeat 10px;}

#lanlist{ background:#fff;border:solid #e4e4e4 1px;width:100px; padding:0px; position:absolute;left:0px; top:26px; z-index:100; display:none; }
#lanlist li{width:100px; padding-top:5px;}
#lanlist li a{padding:0 5px 0px 20px;width:80px; height:25px;line-height:25px;text-align:left;border:none; }
#lanlist li a img{float:left; margin:5px 5px 0 0;}

#container{width:100%;margin:0 auto;height:auto;overflow:hidden;position:relative; margin-top:90px!important;_margin-top:0px;} 

#bannerflash{ width:100%; height:497px; margin:0 auto; text-align:center; position:relative;}
#hdFlash{position:absolute;top:0; left:50%; margin-left:-951px;} 

#bannerpro{ width:100%; height:200px; margin:0 auto; display:block; background:url(../images/banner1.jpg) no-repeat top center;}
#product{ width:100%; height:200px; margin:0 auto; display:block; background:url(../images/banner2.jpg) no-repeat top center;}
#bannerabout{ width:100%; height:200px; margin:0 auto; display:block; background:url(../images/banner2_2.jpg) no-repeat top center;}
.bannerpro_text1{ width:900px; height:auto; margin:0 auto; color:#b7c3d8; text-align:left; padding-top:65px; font-size:12px; line-height:25px;}
.bannerpro_text1 span{ font-size:31px;display:block; line-height:38px; color:#fff;}

#bannerfaq{ width:100%; height:200px; margin:0 auto; display:block; background:url(../images/banner5.jpg) no-repeat top center;}
.bannerpro_text1{ width:900px; height:auto; margin:0 auto; color:#b7c3d8; text-align:left; padding-top:65px; font-size:12px; line-height:25px;}
.bannerpro_text1 span{ font-size:31px;display:block; line-height:38px; color:#fff;}

#bannermi{ width:100%; height:200px; margin:0 auto; display:block; background:url(../images/banner4.jpg) no-repeat top center;}
.bannerpro_text1{ width:900px; height:auto; margin:0 auto; color:#b7c3d8; text-align:left; padding-top:65px; font-size:12px; line-height:25px;}
.bannerpro_text1 span{ font-size:31px;display:block; line-height:38px; color:#fff;}


#banner_contact{ width:100%; height:200px; margin:0 auto; display:block; background:url(../images/banner3_1.jpg) no-repeat top center;}
.bannerpro_text2{ width:900px; height:auto; margin:0 auto; color:#fff; text-align:right; padding-top:75px; font-size:40px; line-height:25px;} 



#previewbg { margin:0px auto; display:block; text-align: center; width:100%; background:#f8f8f8; padding:25px 0;}
#preview {clear: both; margin:0px auto; display:block; text-align: center; width:988px;}
#spec-list ul li { display: inline; float: left;width:270px; padding:0 15px; text-align:center; color:#666; font-size:14px; line-height:22px;} 
#spec-list ul li a{ display:block;}
#spec-list ul li span{  font-size:22px;display:block;}
#spec-list ul li span a{color:#221e1e; padding:10px 0;}
#spec-list ul li span a:hover{color:#0074b3; text-decoration:underline;}
#spec-list ul li img {height:92px; padding: 0px; width: auto; }
#spec-list { display: inline; float: left; height:240px; margin-left: 0px; }
#spec-n5 { height:240px; padding-top: 10px; display:block;}
.spec-button { cursor: pointer; display: block; float: left; height: 80px; width:30px; margin-left:0px; padding-top:30px; }
.spec-left { padding-left:10px;}
.spec-button img { margin-top:80px; }

.list-h { padding:0px;left:0;margin-left:0;margin-top:0;overflow: hidden; position: absolute; top: 0; }
.bot05 { width: 960px; margin-right: 0px; }
.bot06 { height:240px; overflow: hidden; position: relative; z-index: 1; }
.bot07 { width:960px;height:280px;}

#aboutbg{ width:100%; margin:0 auto; height:auto; display:block; background:url(../images/banner_new2.jpg) no-repeat top center;}
.abouttext{ width:988px; margin:0 auto; display:block; text-align:center; color:#dae6ec; font-size:14px;}
.abouttext h2{ color:#fff; font-size:38px; font-weight:normal; padding-top:30px; line-height:40px;}
.abouttext h2 span{ font-size:25px; display:block;}
.abouttext a{width:88px; border:1px solid #6699cc; color:#6699cc; font-size:14px; display:block; margin:18px auto; line-height:25px; text-transform:uppercase;}
.abouttext a:hover{border:1px solid #ff0; color:#ff0;}
/*.abouttext p{ padding:10px 0 0px 0; line-height:6px;}*/
.abouttext p{ line-height:16px; padding: 10px 100px; }

#productbg{width:100%;margin:0 auto; display:block; background:url(../images/line.jpg) repeat-x top left #f8f8f8; border-bottom:1px solid #ececec;} 
.maintitle{ width:944px; margin:0 auto; text-align:center; color:#0074b3; font-size:25px;line-height:30px;padding:40px 0 10px 0;}
.maintitle span{ color:#333;font-size:23px;}

.producttext{width:944px; margin:0 auto; display:block; padding-bottom:15px; overflow:hidden;}  
.producttext ul{ width:235px; float:left; height:auto; display:block; padding:30px 32px 30px 22px; border-bottom:1px dotted #ccc;}  
.producttext ul.last{width:240px; float:left; height:auto; display:block; padding:30px 32px 30px 32px;border-bottom:1px dotted #ccc;}  
/* .producttext ul.last3{width:235px; float:left; height:350px; display:block; padding:30px 32px 30px 22px;border-bottom:1px dotted #ccc;}  */
/* .producttext ul.last4{width:235px; float:left; height:350px; display:block; padding:30px 32px 30px 22px;border-bottom:1px dotted #ccc;} 
.producttext ul.last5{width:235px; float:left; height:350px; display:block; padding:30px 32px 30px 22px;border-bottom:1px dotted #ccc;} 
.producttext ul.last6{width:235px; float:left; height:350px; display:block; padding:30px 32px 30px 22px;border-bottom:1px dotted #ccc;} 
.producttext ul.last7{width:235px; float:left; height:350px; display:block; padding:30px 32px 30px 22px;border-bottom:1px dotted #ccc;} 
.producttext ul.last8{width:235px; float:left; height:350px; display:block; padding:30px 32px 30px 22px;border-bottom:1px dotted #ccc;} 
.producttext ul.last9{width:235px; float:left; height:350px; display:block; padding:30px 32px 30px 22px;border-bottom:1px dotted #ccc;}  */

.producttext ul li.propic{ width:194px; height:160px;float:left;} 
.producttext ul li.propic img{border:1px solid #e8e8e8; box-shadow:0px 0px 5px #d9d9d9;}
.producttext ul li.propic img:hover{border:1px solid #0074b3;}
.producttext ul li.proname{ width:85%;height:auto;float:left; color:#666;line-height:20px; display:block;}
.producttext ul li.proname a{color:#1d2331;font-weight:bold;font-size:14px;padding:8px 0;display:block;text-align: center;} 
.producttext ul li.proname a:hover{ text-decoration:underline; color:#0074b3;}
.producttext ul li.proname a.more{ background:#a5a5a5;width:50px;height:auto;text-align:center;line-height:22px;color:#fff;font-weight:normal;font-size:12px;padding:0;display:block;} 
.producttext ul li.proname a.more:hover{ background:#0074b3;} 


#case{width:958px;margin:0 auto; margin-top:20px;height:auto;display:block; overflow:hidden; padding-bottom:45px;}
#case img{ margin:0 1px 1px 0; float:left;}
#case a:hover{filter:alpha(opacity=70);-moz-opacity:0.7;opacity:0.7;}
.cese_left{ width:729px; float:left;}
 

#footer{ width:100%; margin:0 auto;display:block; background-color:#414C52;} 
#foot{width:938px; height:257px; margin:0 auto; display:block;padding:25px 0;overflow:hidden;}
.listtile{color:#C5C4CA; font-size:21px;line-height:30px; padding:10px 0;}
.listtile span{ padding-left:230px;}
.list_m{  float:left; height:auto;display:block;text-align:center;}
.list{ width:330px; float:left; height:auto;}
.list ul{ width:110px; float:left; height:auto; display:block; margin-right:20px;}
.list ul.list_left{ width:140px; float:left; height:auto; display:block; margin-right:20px;}
/*.list ul.last{ width:220px; float:left; height:auto; display:block;}*/
.list ul li{ width:100%; height:auto;padding:5px 0;}
.list ul li a{ color:#fff; font-size:14px; line-height:22px;  display:block;} 
.list ul li a:hover{ color:#C5C4CA; text-decoration:underline;}

.measure{ width:160px; float:left; height:auto;}
.measure ul{ width:85px; float:left; height:auto; display:block; margin-right:20px;}
.measure ul.list_left{ width:120px; float:left; height:auto; display:block; margin-right:20px;}
/*.list ul.last{ width:220px; float:left; height:auto; display:block;}*/
.measure ul li{ width:100%; height:auto;padding:5px 0;}
.measure ul li a{ color:#fff; font-size:14px; line-height:22px;  display:block;} 
.measure ul li a:hover{ color:#C5C4CA; text-decoration:underline;}

.follow{ width:100px; float:left; height:auto;}
.follow ul{ width:100px; float:left; height:auto; display:block; margin-right:20px;}
.follow ul li{ width:100%; height:auto;padding:5px 0;}
.follow ul li a{ color:#fff; font-size:14px; line-height:22px;  display:block;} 
.follow ul li a:hover{ color:#C5C4CA; text-decoration:underline;}

.footer-right{ width:275px; float:right; height:auto; display:block; color:#657a85; font-size:14px;} 
#fxbiao{ width:944px; margin:0 auto; height:50px;}
#ms_sharelist{width:220px; float:left; margin:15px 0 8px 0;}
#ms_sharelist img{ float:left; margin-right:5px;}

.homeabout{ width:230px; float:left;color:#657a85; line-height:20px; margin-left:40px;}
.right_f{width:220px; float:left; margin:15px 0 8px 0;}
.right_f img{ float:left; margin-right:5px;}

.footer-contact{width:100%; float:left; color:#fff;font-size:14px; line-height:22px; padding-top:10px;padding-left: 20px;}
.footer-contact a{font-size:21px; color:#C5C4CA; line-height:30px;padding:10px 0;}
.footer-contact a:hover{color:#fff;text-decoration:underline;}
.footer-contact a.mail{color:#fff;font-size:14px;}
.footer-contact p{padding-top: 10px}
#footer_bottom{width:938px; height:25px; padding:15px 0 25px 0; margin:0 auto; display:block;}
.homefooter{width:580px;height:auto; float:left;}
.homefooter a{color:#666; line-height:18px; padding:0 15px; } 
.homefooter a:hover{text-decoration:underline; color:#ff0000;}

#webotherlink{width:145px; float:right;}
#webotherlink a{ float:left; width:20px; height:20px; margin-left:5px; display:block;}
#webotherlink img{width:20px; height:20px; border:none;}
 

/*產品页*/
#mainpro{width:100%;height:auto;background:url(../images/title.jpg) repeat-x left top; margin:0 auto;}
#smallpro{width:100%;height:auto;background:url(../images/title.jpg) repeat-x left top; margin:0 auto;}
.maincenter{width:960px;margin:0 auto;height:auto;display:block; padding-bottom:35px;}

.protitle{ width:100%; height:40px; line-height:40px; color:#999; font-size:12px;}
.protitle a{color:#999;}
.protitle a:hover{color:#0074b3; text-decoration:underline;}

.aboutpro{ width:960px; float:left; height:auto; color:#465c68; font-size:14px; padding-top:40px; line-height:23px; margin:0 auto; text-align:center;}
.aboutpro h1{ color:#000; font-size:29px; padding-bottom:10px; line-height:25px; font-weight:normal; text-align:center;}

.prolist{ width:520px; float:right; height:200px;padding:20px 0;}
.prolist ul{ width:100%;}
.prolist ul li{ width:161px; float:left; margin:0 10px 10px 0; height:41px; line-height:41px; text-align:center;}
.prolist ul li a{ color:#666; width:121px; padding:0 20px; background:url(../images/probg.jpg) no-repeat; display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.prolist ul li a:hover,.prolist ul li a.dq{ color:#0074b3; font-weight:bold; background:url(../images/probgdq.jpg) no-repeat; display:block; }
 
.prosmalllist{ width:520px; float:right; height:170px;padding-top:20px;}
.prosmalllist ul{ width:100%;}
.prosmalllist ul li{ width:161px; float:left; margin:0 10px 10px 0; height:41px; line-height:41px; text-align:center;}
.prosmalllist ul li a{ color:#666; width:121px; padding:0 20px; background:url(../images/probg.jpg) no-repeat; display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.prosmalllist ul li a:hover,.prosmalllist ul li a.dq{ color:#0074b3; font-weight:bold; background:url(../images/probgdq.jpg) no-repeat; display:block; } 
 
.procontent{ width:1020px;margin:86px auto 15px;}
.prolisttitle{ width:980px; display:block;}
.prolisttitle ul{ width:215px; height:205px; display:block; padding:10px 26px 15px 0; float:left; border-bottom:1px dotted #dfdfdf; margin-bottom:25px;}
.prolisttitle ul li.propic{ width:215px; height:159px; border:1px solid #efefef;box-shadow:0px 0px 5px #d9d9d9;}
.prolisttitle ul li.propic:hover{ width:215px; height:159px;float:left;border:1px solid #0074b3;}
.prolisttitle ul li.propic img{ width:213px; padding:1px;}
.prolisttitle ul li.proname{ width:213px;height:auto;float:right; color:#666;line-height:20px; display:block;}
.prolisttitle ul li.proname a{color:#333;font-size:14px;padding-top:18px;display:block;}
.prolisttitle ul li.proname a:hover{ text-decoration:underline; color:#0074b3;}


.smalltext{width:960px; margin:0 auto; display:block; height:auto; padding-top:20px; font-size:14px; line-height:22px; color:#666;}
.smalltext p{ padding:5px 0 }
.smalltext strong{ color:#000;}
.smalltext b{ color:#000;}
.smalltext h2{ color:#0174b5; font-size:22px; font-weight:normal;line-height:35px;padding-bottom:10px;}
.products_r_l{ width:464px; float:left; border:0px solid #ccc; height:343px; text-align: center; margin-bottom:15px;}
.products_r_l img{ vertical-align: middle;} 
.products_r_r{ width:450px;float:right;padding:10px 0px 15px 0px; color:#666; font-size:14px; line-height:22px;}    
.products_r_r .bottom li{ float:left; height: auto; width: 84px; margin:6px 6px 0px 0; cursor:pointer;}
.products_r_r .bottom li img:hover{ border:1px #0074b3 solid;} 
.products_r_r .bottom li img{ width:80px; vertical-align: middle;border:1px #ccc solid; padding:1px;} 


#probg{width:100%;margin:0 auto; display:block; background:#ececec; border-top:1px solid #dedede;} 
 
.probgtext{width:960px; margin:0 auto; display:block; padding-bottom:15px; overflow:hidden;}  
.probgtext ul{width:215px; float:left; height:auto; display:block; padding:20px 25px 25px 0;}  
.probgtext ul li.propic{width:215px; height:175px; } 
.probgtext ul li.propic img{border:1px solid #efefef;background:#fff; padding:2px 10px; box-shadow:0px 0px 5px #d9d9d9;}
.probgtext ul li.propic img:hover{border:1px solid #0074b3;}
.probgtext ul li.proname{ width:215px;height:auto;color:#666;line-height:20px; display:block;}
.probgtext ul li.proname a{color:#333;font-size:14px;padding-top:10px;display:block;} 
.probgtext ul li.proname a:hover{ text-decoration:underline; color:#0074b3;} 


.aboutlist{ width:520px; float:right; height:200px;padding-top:50px;}
.aboutlist ul{ width:100%;}
.aboutlist ul li{ width:161px; float:left; margin:0 10px 10px 0; height:41px; line-height:41px; text-align:center;}
.aboutlist ul li a{ color:#666; width:121px; padding:0 20px; background:url(../images/probg.jpg) no-repeat; display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.aboutlist ul li a:hover,.aboutlist ul li a.dq{ color:#0074b3; font-weight:bold; background:url(../images/probgdq.jpg) no-repeat; display:block; }
 
.imgleft{ float:left; border:1px solid #ccc; margin:5px 25px 10px 0;} 
 
.contacttext{ width:960px; margin:0 auto; display:block; text-align:center; color:#666; font-size:14px; padding:50px 0 20px 0; line-height:25px;}
     
 
.table_scroll{ width:100%; height:auto; overflow-x:scroll; display:block;} 

a.pdf{ width:50%; float:left; display:block; height:auto;text-decoration:underline; color:#666; line-height:35px;}
a.pdf img{ margin-right:10px; margin-top:9px; float:left;}
a.pdf:hover{ color:#F00; text-decoration:underline;}
 

/*留言板*/
.feedback{ width:100%; float:left; margin-bottom:30px; text-align:center;}
.feedbakc_title{color:#cc0000; font-size:18px; line-height:40px; font-weight:bold; width:958px; display:block; overflow:hidden; border:1px solid #e6e6e6; float:left;background:#f8f8f8; margin:25px 0; text-align:center; text-transform:uppercase;}



#sitemap{ width:920px; margin:0 auto; height:auto; overflow:hidden; display:block;}
#sitemap ul{ width:100%; margin-top:15px;}
#sitemap ul li{ width:100%; color:#666; padding-bottom:10px; line-height:25px;}
#sitemap ul li a{ color:#333; font-size:14px; line-height:22px; display:block; padding:5px 0 5px 5px; font-weight:bold; background:#f2f2f2; text-decoration:underline;}
#sitemap ul li a:hover{color:#ff0000}
#sitemap ul li p{ padding:0 0 0 5px;}
#sitemap ul li.small{ width:100%; color:#666; padding-bottom:10px; line-height:25px;}
#sitemap ul li.small a{ color:#333; font-size:14px; line-height:22px; display:block; padding:0px 0 0px 5px; font-weight:normal; background:#fff; text-decoration:underline;}

#maintable{width:100%; margin:0 auto; height:auto; display:block; padding-top:20px;}
.table_name{ width:100%; margin:0 auto; display:block; text-align:center;} 
.table_name h2{ color:#0174b5; font-size:22px; font-weight:normal;line-height:45px;padding-bottom:10px;}
.table_pic{ margin:15px auto; width:100%; text-align:center; display:block;}

.tablestyle2{width:960px; margin:0 auto;height:auto;background:#009999;color:#000; margin-bottom:50px;}
.tablestyle2 tr{ background:#fff;} 
.tablestyle2 tr td{ padding:0px 2px; text-align:center;}
.tablestyle2 tr.top{background:#99CCFF;} 
.tablestyle2 td.top{ background:#99CCFF;}

.tablestyle{width:900px; margin:0 auto;height:auto;background:#009999;color:#000; margin-bottom:50px;}
.tablestyle tr{ background:#fff;} 
.tablestyle tr td{ padding:0px 2px; text-align:center;}
.tablestyle tr.top{background:#99CCFF;} 
.tablestyle td.top{ background:#99CCFF;}

.tablestyle1{width:680px; margin:0 auto;height:auto;background:#6d6d6d;color:#000; margin-bottom:50px;}
.tablestyle1 tr{ background:#fff;} 
.tablestyle1 tr td{ padding:0px 2px; text-align:center;}  
.tablestyle1 tr.top{background:#bebebe;}
.tablestyle1 td.top{ background:#99CCFF;} 

.table{width:550px; margin:0 auto; height:auto;background:#009999;color:#000; margin-bottom:50px;}
.table tr{ background:#fff;} 
.table tr td{ padding:0px 2px; text-align:center;}
.table tr.top{background:#99CCFF;} 
.table td.top{ background:#99CCFF;}

.out {
border-top:50px #99CCFF solid;/*上边框宽度等于表格第一行行高*/
width:0px;/*让容器宽度为0*/
height:0px;/*让容器高度为0*/
border-left:120px #99CCFF solid;/*左边框宽度等于表格第一行第一格宽度*/
position:relative;/*让里面的两个子容器绝对定位*/}
b {font-style:normal;display:block;position:absolute;top:-50px;left:-50px;width:50px;}
em {font-style:normal;display:block;position:absolute;top:-15px;left:-90px;width:120x;}
.out img{ position:absolute; left:-120px; top:-50px; width:123px;}


.txt{ width:985px; height:auto; margin:0 auto;}
.txt strong{ color:red; font-family:Arial;}