﻿/* css document */
/*	

$revision: beta $ QQ63622719
*/

*{
	padding:0;
	margin:0;
}
html,body { height:100%; } /* for ff */
*,html,div,ul,li,ol,span,font  a:link{ font-family:Arial, Helvetica, sans-serif;
	font-weight: normal;
	text-decoration: none; 
	
}
a:link {color:#fff;}
a:visited {
	color:#fff;
	font-weight: normal;
	text-decoration: none;
}
a:hover {
	color:#FF0000;
	font-weight: normal;
	text-decoration: none;
}
 a:active {
    color:#fff;
	font-weight: normal;
	text-decoration: none;
}
body{
	background:url(../images/bj.jpg) repeat-x;
	}
img { border:0px;}
strong { font-weight:bold;}
h1 { font-weight:bold; font-size:18px; color:#757575; width:100%; text-align:center;}
ul { margin:0px; padding:0px;}
li { margin:0px; padding:0px; list-style:none;} 

#kinMaxShow{visibility:hidden;width:100%; height:394px; overflow:hidden; background:#999999; padding:0px;}

.clear{height:10px;overflow:hidden;clear:both;}
#demo{overflow:hidden;width:99%;}
*html #demo{overflow:hidden;width:99%;}
#demo table{ border:0px;}
#demo img{ border:1px solid #CCCCCC ;}
#demo2{height:20px; text-align:center}
.text {
	clear:right;line-height:25px; text-align:left; color:#fff; font-family:'Microsoft Yahei'; padding:10px; font-size:12px;/**/
}
.text h1{font-size:13px; display : inline; color:#000;}
.text1 {
	clear:right;line-height:26px; text-align:left; color:#000; padding:10px;/**/
}
.text td { padding-left:10px;}
.text1 h1{ margin:0px; text-align:center; color:#d64c04; font-size:14px}
.text1 .other{ text-align:center; line-height:35px;}
.text1.contxt{ margin:5px}
.map {
	float:left;
	margin:5px;
	padding:2px; margin-top:10px;
}


.top { clear:both; width:1200px; margin:0 auto; }
.add { clear:both; font-size:12px; text-align:left; margin:0 auto;background:url(../images/tbj.jpg) left  no-repeat; height:30px; padding-top:13px; line-height:20px;  padding-left:105px; color:#FFFFFF;}
.add a { color:#FFFFFF;}
.add span { float:right;}
.logo { float:left;  width:520x;}
.dh { float:right; padding-left:140px; width:700px;  padding-top:25px; }
.dh ul { clear:both;}
.dh li {float:left; width:110px; text-align:center;  font-size:12px}   
.dh li a:link , .dh li a:visited {color:#000000; line-height:42px; display:block;  font-size:14px;} 
.dh li a:hover { color:#4F94C1; height:42px; line-height:42px; display:block; } 

#full-screen-slider { width:100%; height:496px; float:left; position:relative; z-index:9; overflow:hidden;}
#slides { display:block; width:100%; height:496px; list-style:none; padding:0; margin:0; position:relative; }
#slides li { display:block; width:100%; height:100%; list-style:none; padding:0; margin:0; position:absolute}
#slides li a { display:block; width:100%; height:100%; text-indent:-9999px}
#pagination { display:block; list-style:none; position:absolute; left:50%; top:470px; z-index:9900;  padding:5px 15px 5px 0; margin:0}
#pagination li { display:block; list-style:none; width:10px; height:10px; float:left; margin-left:15px; border-radius:5px; background:#ccc }
#pagination li a { display:block; width:100%; height:100%; padding:0; margin:0;  text-indent:-9999px;}
#pagination li.current { background:#0B5A00}


.i-ys { clear:both; width:100%; height:370px;background:url(../images/i-2.jpg) top center no-repeat; overflow:hidden; padding-top:200px;}
.i-ys ul { width:1220px; margin:0 auto; padding-left:80px;}
.i-ys li { float:left; width:275px; height:320px; margin:10px 15px; line-height:30px;}
.i-ys li a { display:block;width:235px; height:280px;padding:20px; border:2px solid #fff;color:#535353; background:#FFFFFF; font-family:Arial, Helvetica, sans-serif; font-size:12px;cursor: default;}
.i-ys li a:hover { border:2px solid #2FC7A9; display:block;}
.i-ys li span {font-family:'Microsoft Yahei'; color:#000000; font-size:18px;}
.iiys li img { text-align:center; margin:0 auto; }

.i-3 { clear:both; width:100%; height:450px;background:url(../images/i-3.jpg) repeat-x; overflow:hidden; }
.i-3 ul { width:1200px; margin:0 auto; padding-left:40px;}
.i-d { float:left; width:550px; height:420px;}
.i-d dl { clear:both;}
.i-d dt { clear:both; text-align:left; line-height:25px;}
.i-d dt a { font-weight:bold; color:#666666;}
.i-zz { float:left; margin-left:30px; width:618px;}

.i-ly { width:1200px; padding-left:60px; margin:0 auto;}
.i-ly ul { float:left;}
.i-ly li { clear:both}
.i-ly ul td { padding-top:10px;}
.i-lya  { border:1px solid #D7D7D7; font-size:12px; font-family:Arial, Helvetica, sans-serif; padding:10px; background:url(../images/i-ly1.jpg) left center no-repeat; padding-left:90px; width:260px;}
.i-lyb  { border:1px solid #D7D7D7; font-size:12px; font-family:Arial, Helvetica, sans-serif; padding:10px; background:url(../images/i-ly2.jpg) left center no-repeat; padding-left:90px; width:260px;}
.i-lyc  { border:1px solid #D7D7D7; font-size:12px; font-family:Arial, Helvetica, sans-serif; padding:10px; background:url(../images/i-ly3.jpg) left top no-repeat; padding-left:70px; width:670px;}
.i-lyd  { border:1px solid #D7D7D7; font-size:12px; font-family:Arial, Helvetica, sans-serif; padding:10px; background:url(../images/i-sub.jpg) left center no-repeat; padding-left:70px; width:660px;}

.dqwz { clear:both; width:100%; background:#EDEEF2; padding-top:10px; height:40px;}
.dqwz ul {clear:both; width:1000px; margin:0 auto; font-size:12px; line-height:40px;}
.dqwz ul span { float:right;}


.flash {  width:100%; margin:0 auto; clear:both; text-align:center; height:440px; background:url(../images/flash.jpg) top center no-repeat; overflow:hidden;}
.box { width:100%; clear:both;background:url(../images/m-bj.jpg) repeat-x; padding-top:25px;}
.tit { text-align:center; clear:both; width:100%;}
.main { width:1200px; margin:0 auto; overflow:hidden; clear:both; padding-top:30px;}
.tita { clear:both; text-align:left; background:url(../images/r-tit.jpg)  bottom repeat-x;font-family:'Microsoft Yahei'; color:#13AF90; font-size:28px; padding-bottom:10px;}

.main-tit { clear:both; text-align:center; padding-top:50px; padding-bottom:30px;}
.cplb { clear:both; width:1060px; margin:0 auto;}
.cplb ul { margin:10px 20px; margin-bottom:0; width:312px; height:147px; padding-top:150px; float:left;}
.cplb li { float:left; min-width:84px; text-align:left; line-height:25px; padding-left:18px;}
.cplb li a { color:#FFFFFF; font-size:12px;}

.cpn { color:#006600; font-size:16px;font-family:'Microsoft Yahei'; text-align:center; padding-top:20px; }
.cpn a{ color:#006600; font-size:16px;font-family:'Microsoft Yahei';}




.left1 { width:270px; float:left; background:#FFFFFF;} 
.left { width:264px; float:left;  overflow:hidden;} 


.l-tit { clear:both; background:url(../images/l-tit.png) no-repeat; text-align:center; height:34px; padding-top:10px; font-size:22px; padding-left:15px; text-align:left;  color:#999;font-family:'Microsoft Yahei';}
.l-tit1 { clear:both; background:url(../images/l-tit.jpg) no-repeat; text-align:center; height:60px; padding-top:40px; font-size:26px; font-weight:bold; color:#fff;font-family:'Microsoft Yahei';}
.l-bottom { clear:both; background:url(../images/l-bottom.png) no-repeat; height:16px; line-height:16px;}

.r-tit1 { clear:both; background:url(../images/right-tit.jpg) no-repeat;  padding-left:15px; line-height:45px; height:45px; font-size:14px; font-weight:bold; color:#000;}
.r-tit1 span { float:right; padding-right:10px; }
.left-fl { border-left:1px solid #DEDEDE; border-right:1px solid #DEDEDE; padding-bottom:10px;}
.left-fl dl  { width:223px;  margin:0 auto; padding-top:10px; }
.left-fl dt { clear:both;   margin-top:10px;}
.left-fl dd { clear:both; padding-left:20PX; line-height:25px; margin-top:5px; }
.left-fl dd a:link ,.left-fl dd a:visited {color:#8F8D8D; font-size:12px;}
.left-fl dd a:hover { color:#ff0000; text-decoration:underline; font-size:12px;}

.left-flen { background:#0D0D0D; padding-bottom:100px;}
.left-flen dl  { width:223px;  margin:0 auto; padding-top:10px; }
.left-flen dt { clear:both;   margin-top:10px;}
.left-flen dd { float:left; padding-left:10px; width:100px; line-height:25px; margin-top:5px; }
.left-flen dd a:link ,.left-fl dd a:visited {color:#8F8D8D; font-size:12px;}
.left-flen dd a:hover { color:#ff0000; text-decoration:underline; font-size:12px;}



.fl-b {}
.fl-b a:link ,.fl-b a:visited{ clear:both;background:url(../images/fl-bja.jpg) no-repeat; width:193px; padding-left:30px; height:36px; line-height:36px; font-size:14px;  color:#1F9866; font-weight:bold; display:block;}
.fl-b a:hover { display:block; background:url(../images/fl-bja.jpg) no-repeat;}

.fl-x {}
.fl-x a:link ,.fl-x a:visited{ clear:both;background:url(../images/fl-bj.jpg) no-repeat; width:193px; padding-left:30px; height:36px; line-height:36px; font-size:14px;  color:#666;  display:block;}
.fl-x a:hover { display:block; background:url(../images/fl-bja.jpg) no-repeat;}


.right { float:left; width:904px; margin-left:10px;  min-height:500px;}
.r-tit { clear:both; background:url(../images/r-tit.jpg) left bottom repeat-x; padding-bottom:6px;  padding-left:15px; line-height:43px; height:33px; font-size:14px; font-weight:bold;color:#999;font-family:'Microsoft Yahei';}
.r-tit span{ float:right; color:#999999; padding-right:10px; font-size:12px;}
.r-tit a { color:#999999;}
.i-cp { clear:both; width:960px; overflow:hidden;  overflow:hidden;}
.i-cp ul { float:left; margin-top:10px;}
.i-cp li { float:left; text-align:center; width:110px;  line-height:25px;  font-size:12px;}
.i-cp li a:link ,.i-cp li a:visited { color:#000 }
.i-cp li a:hover { text-decoration:underline;}





.picc{width:400px;height:280px;display:table;text-align:center; border:1px solid #E7E7E7; clear:both; }
.picc span{display:table-cell;vertical-align:middle;vertical-align: middle;height:100%; 
    writing-mode: tb-rl; 
    vertical-align: middle;}
.picc img {width: expression(this.width > 400 ? 400: true); max-width: 400px; height: expression(this.height > 278 ? 278: true); max-height: 278px;}



.r-cp { width:720px; clear:both; margin:0 auto; border:1px solid #DDDDDD; background:#FFFFFF; overflow:hidden;}
.r-cp ul { width:720px; margin:0 auto; padding-top:15px; padding-bottom:10px;}
.r-cp li { float:left; text-align:left; width:165px; text-align:center; line-height:20px; color:#CCCCCC; border:1px solid #dadada; margin:5px;}
.r-cp li a:link ,.r-cp li a:visited { color:#0066CC;}
.r-cp li a:hover { text-decoration:underline;}
.r-cp li span { color:#FF0000; font-weight:bold;}






.cpfl { clear:both; margin-top:10px; border:1px solid #E1E1E1; background:#EFEFEF; padding:5px; width:710px; overflow:hidden; margin:0 auto;}
.cpfl ul { border:1px solid  #E5DDC7; background:#F5F4EC; padding:5px; width:700px; margin:0 auto; overflow:hidden;}
.cpfl li { float:left; line-height:25px; color:#666666; padding-right:10px;}
.cpfl li a:link , .cpfl li a:visited { color:#3366CC;}
.cpfl li a:hover { text-decoration:underline;}
.about { clear:both; padding:10px; color:#000000; overflow:hidden; line-height:25px; text-align:left; min-height:400px; }


.news { clear:both; padding:10px; width:734px; overflow:hidden; line-height:25px; text-align:left; min-height:400px;}
.news ul { width:734px; margin:0 auto;}
.news li {background:url(../images/right-newsbj.gif) no-repeat; clear:both; line-height:32px; text-align:left; padding-left:15px;}
.news li a { color:#A29990; font-size:12px;}
.news li span { text-align:right; float:right; padding-right:10px; color:#A29990; font-size:12px;}



.yqlj { width:990px; border:1px solid #E2E2E2; border-top:0px; margin:0 auto; clear:both;  line-height:25px; text-align:left; padding-bottom:10px;} 
.yqlj ul { padding:8px;}
.yqlj li { line-height:20px; font-size:12px;}
.foot { width:100%; margin:0 auto; color:#fff; padding-bottom:10px; font-weight:bold; font-size:12px;  background:url(../images/foot.jpg) repeat-x; padding-top:1px; overflow:hidden;}
.foot ul { width:1200px; margin:0 auto;  text-align:left; line-height:30px;}
.foot li { float:left; width:350px; text-align:left; line-height:30px;}
.foot li a:link , .foot li a:visited { color:#dadada; font-weight:bold; font-size:12px; width:100px; text-align:center; display:inline-block}
.foot li a:hover {color:#349ac8;}
.idxfoot { width:100%; margin:0 auto; padding-top:25px; color:#757575; padding-bottom:30px; background:url(../images/footbj.jpg) repeat-x;}
.idxfoot ul { width:986px; margin:0 auto; text-align:center;}
.idxfoot li { clear:both; line-height:30px; text-align:center; color:#515151; font-size:12px;}
.idxfoot li img{ margin:0 12px; padding-top:10px;}

.product {clear:both;}
.product ul {clear:both;}
.product li{float:left;margin:15px; color:#000; width:260px; border:1px solid #dadada; padding:3px; text-align:center; line-height:15px;  font-size:12px; height:300PX;}
.product li a{ color:#666;}

.pica{width:255px;height:255px; display:table;text-align:center;  clear:both; margin:0 auto; border:1px solid #ECE9D8; background:#FFFFFF;margin-bottom:10px;}
.pica span{display:table-cell;vertical-align:middle;vertical-align: middle;height:100%; 
    writing-mode: tb-rl; 
    vertical-align: middle;}
.pica img {width: expression(this.width > 255 ? 255: true); max-width: 255px; height: expression(this.height > 255 ? 255: true); max-height: 255px;}
.tjcp { clear:both;}
.tjcp li { float:left; width:150px; padding:3px; margin:8px; text-align:center; line-height:20px; color:#000; border:1px solid #999; font-size:12px;}
.tjcp li img { width:120px; height:120px;} 


.p-l { width:400px; float:left;}
.p-img { clear:both; padding-top:10px;}
.p-img ul { padding:0px;}
.p-img li { float:left; width:60px; text-align:center;}
.p-img li img { width:50px; height:50px; border:1px solid #dadada; padding:1px;} 
.p-r { float:left; padding-left:10px; width:305px; font-size:12px; color:#000000;}
.p-r h1 { text-align:left; border-bottom:1px dashed #CCCCCC; padding-top:20px; width:315px;}
.p-r ul { padding:10px; width:305px; overflow:hidden;color:#000000;}
.p-r li { float:left; width:315px; padding-right:10px; line-height:25px; color:#000;}



.ttl{height:18px;}
.ctt{height:auto;padding:6px;clear:both;border-top:0;text-align:left;}
.lefta { width:168px; float:left; padding-top:30px;}
.lefta-fl { padding:0px; margin:0 auto; height:480px;}
.lefta-fl ul { clear:both;}
.lefta-fl li { clear:both; padding-left:20px; background:url(../images/fla-bj.jpg) left bottom no-repeat; padding-top:5px; height:20px;}

.news-nav {  clear:both; padding:10px; width:790px; overflow:hidden; line-height:25px; text-align:left; font-size:12px; color:#000;}
.news-nav h1 { color:#011099; padding-bottom:10px;}
.news-sm { clear:both; text-align:center; border-bottom:1px dashed #dadada; font-size:12px; margin-bottom:20px; padding-top:10px; line-height:25px; height:25px; color:#999;}


.product-nav {  clear:both; padding:10px; width:900px; overflow:hidden; line-height:25px; text-align:center; }

.product-img { text-align:center; width:100%;}
.product-img img { border:1px solid #CCCCCC; background:#FFFFFF; padding:2px;}
.product-text {width:850px;  overflow:hidden; padding-bottom:10px;  text-align:left;font-family:'Microsoft Yahei'; font-size:16PX;}

.page { clear:both; width:500px; margin:0 auto; padding-bottom:20px; padding-top:20px; font-size:12px; text-align:center; padding-left:100px;}
.page a { border:1px solid #DDDDDD; padding:5px 10px; margin:5px; color:#199E25;font-family:'Microsoft Yahei'; font-size:14px;}
.CurrentPage { color:#ffffff; background:#199E25;}

.pages { clear:both; width:400px; margin:0 auto; padding:10px; text-align:center; color:#000;font-family:'Microsoft Yahei'; font-size:16PX; }
.pages a { color:#000;font-family:'Microsoft Yahei'; font-size:16PX;}

.contact { clear:both; padding:10px; width:680px; overflow:hidden; line-height:25px; text-align:left;}
.contact ul { width:680px; margin:20px auto;}
.contact li { clear:both; line-height:25px; font-size:12px; color:#A79380;}
.contact td { font-size:12px;}
.ly { width:680px; margin:0 auto; border:1px dashed #F9C5C5; overflow:hidden; padding:10px; margin-top:20px; font-size:12px;}
.ly ul { clear:both;}
.ly li { clear:both;  text-align:left; line-height:20px; color:#999999;}
.ly li span { float:right; color:#dadada;}
.hf { clear:both; background:#F3F3F3; overflow:hidden; padding:10px;color:#0D65C0;}
.hf strong { color:#0D65C0;}

.iw_poi_title {color:#CC5522;font-size:14px;font-weight:bold;overflow:hidden;padding-right:13px;white-space:nowrap}
    .iw_poi_content {font:12px arial,sans-serif;overflow:visible;padding-top:4px;white-space:-moz-pre-wrap;word-wrap:break-word}
	
	.kf_top{
	background-image:url(/Template/images/KF_1.gif);
	background-repeat: no-repeat;
	width:118px;
	height:35px;}
.kf_bg{
	background-image: url(/Template/images/KF_2.jpg);
	background-repeat: repeat-y;
	text-align:center;
	width:118px;
	padding:10px 0px;	
}
.kf_bg li{ padding:5px 0px}
.kf_bottom{
	background-image: url(/Template/images/KF_3.gif);
	background-repeat: no-repeat;	
	width:118px;
	height:67px;
}
#pager_List{text-align:center; visibility:hidden}

#nav {clear:both; width:720px; padding-left:70px;   padding-top:5px; font-size:16px;}
#nav li.top {display:block; float:left; height:38px; width:120px;}
#nav li a.top_link {display:block; font-size:16px;color:#fff; font-weight:bold; line-height:42px; display:block; font-family:'Microsoft Yahei'; padding-left:20px; width:120px; cursor:pointer; }
#nav li a.top_link span {float:left; display:block; padding:0 24px 0 12px; height:35px; }
#nav li a.top_link span.down {float:left; display:block; padding:0 24px 0 12px; height:35px; }



/* Default list styling */

#nav li:hover {position:relative; z-index:200;font-size:16px;}

#nav li:hover ul.sub
{left:1px; top:38px; background: #070707; padding:3px; border:0px solid #ff0000; white-space:nowrap; width:130px; height:auto; z-index:300; padding-bottom:20px;}
#nav li:hover ul.sub li
{display:block; height:30px; position:relative; float:left; width:130px; font-weight:normal;font-size:13px;color:#000000; font-weight:bold; line-height:32px; display:block;  }
.sub li a { display:block; background:#070707; width:110px;font-family:'Microsoft Yahei'; padding-left:20px;}
.sub li a:hover { display:block; background:#990000; color:#FFFFFF;}


#nav li:hover li:hover ul,
#nav li:hover li:hover li:hover ul,
#nav li:hover li:hover li:hover li:hover ul,
#nav li:hover li:hover li:hover li:hover li:hover ul
{left:0px; top:-4px; background: #212121; padding:3px; border:1px solid #5c731e; white-space:nowrap; width:200px; z-index:400; height:auto;}

#nav ul, 
#nav li:hover ul ul,
#nav li:hover li:hover ul ul,
#nav li:hover li:hover li:hover ul ul,
#nav li:hover li:hover li:hover li:hover ul ul
{position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none; font-size:16px;font-family:'Microsoft Yahei';}



/*客服部分*/
.qqserver p img{display:inline;margin:-5px 5px 0 0;vertical-align:middle;}
.scrollsidebar{position:absolute;z-index:999;top:220px;}
.side_content{width:167px;height:auto;overflow:hidden;float:left;}
.side_content .side_list{width:167px;overflow:hidden;}
.show_btn{width:0;height:144px;overflow:hidden;margin-top:50px;float:left;cursor:pointer;}
.show_btn span{display:none;}
.close_btn{width:24px;height:24px;cursor:pointer;}
.side_title,.side_bottom,.close_btn,.show_btn{background:url(../images/sidebar_bg.png) no-repeat;_background:url(../images/sidebar_bg.gif) no-repeat;}
.side_title{height:46px;}
.side_title{height:46px;}
.side_bottom{height:8px;}
.side_center{font-family:Verdana, Geneva, sans-serif;padding:10px 12px 5px 12px;font-size:12px;}
.close_btn{float:right;display:block;width:19px;height:19px;margin:16px 7px 0 0;_margin:16px 3px 0 0;}
.close_btn span{display:none;}
.side_center .qqserver p{text-align:left;padding:6px 0;margin:0;vertical-align:middle;}
.phoneserver {font-size:14px;text-align:center;}
.phoneserver p{padding:2px 0;_height:16px;margin:0;color:#666666;}
.msgserver{border-top:1px dotted #ccc;text-align:center;margin-top:6px;padding:10px 0 3px 0;}
.msgserver a{background:url(../images/sidebar_bg.gif) no-repeat -119px -154px;padding:3px 0 3px 23px;}
.side_content hr{border-bottom:1px solid #E6E6E6;height:1px;margin:10px 0;clear:both;}

/* green skin  */
.side_green .side_title{background-position:-505px 0;}
.side_green .side_center{background:url(../images/green_line.gif) repeat-y center;}
.side_green .side_bottom{background-position:-505px -60px;}
.side_green .close_btn{background-position:-44px -45px;}
.side_green .close_btn:hover{background-position:-65px -45px;}
.side_green .show_btn{background-position:-187px 0;}
.side_green .msgserver a{color:#68c40b;}
.side_green hr{border-bottom:1px solid #edf2e5;}