body{margin:0px; background:#ffffff url(bg.jpg) repeat-x; font-size:16px; text-align:center; color:#666666;}
*{ font-family:"Microsoft Yahei","微软雅黑";}
input,select{color:#3f4557;}
form,ul,li,p,h1,h2,h3,h4,h5,h6{margin:0px;padding:0px;}
table{border-collapse:collapse;}
img{border:0px;}
ul,li{list-style-type:none;}
a{text-decoration:none; color:#666666;}
a:hover{color:#333333;}
.clearbox{float:none; clear:both; width:0px; height:0px; overflow:hidden;}

.top{width:1002px; height:92px; margin:0px auto; text-align:left;}
.logo{float:left; width:282px; padding:18px 0px 0px 0px;}

.menu{float:right; width:720px;}
.menu li{float:left; height:92px;}
.menu .list{width:100px;}
.menu .line{width:2px; background:url(line.jpg) center center no-repeat; overflow:hidden;}
.menu li a{display:block; width:100px; height:92px; line-height:92px; text-align:center; font-size:18px; color:#666666; font-family:"Microsoft Yahei","微软雅黑";}
.menu li a:hover{background:#0068b7; color:#ffffff;}
.menu li .ul{display:none; position:absolute; z-index:99; background:#ffffff; padding:10px 20px 20px 20px; margin-left:-55px;}
.menu li li{width:150px; height:auto; border-bottom:1px #cdcdcd dotted; margin:0px 10px;}
.menu li li a{display:block; width:130px; height:auto; line-height:18px; font-size:16px; padding:10px 0px 10px 20px; background:url(icon.png) 7px 16px no-repeat; text-align:left;}
.menu li li a:hover{color:#ffffff; background:#0068b7 url(icon.png) 7px 16px no-repeat;}
.menu li li li{float:none; margin:0px;}
.menu .cur{background:#0068b7; color:#ffffff;}

.banner{width:100%; height:240px;}

.content{width:1002px; margin:0px auto; text-align:left;}

.left{float:left; width:230px; padding-bottom:50px;}
.left .tt{width:200px; height:30px; line-height:30px; padding-left:10px; border-bottom:1px #cdcdcd solid;}
.left .tt strong{font-size:20px; font-family:"Microsoft Yahei","微软雅黑"; font-weight:normal;}
.left .cont{width:210px; padding:20px 0px;}
.left .cont li{width:210px; line-height:36px; border-bottom:1px #cdcdcd dashed;}
.left .cont li a{display:block; width:185px; line-height:36px; background:url(icon.jpg) 15px 16px no-repeat; padding-left:25px;}
.left .cont li a:hover{background:#eeeeee url(icon.jpg) 15px 16px no-repeat;}
.left .cont li  .curr{background:#eeeeee url(icon.jpg) 15px 16px no-repeat;}
.left .cont li li{width:210px; line-height:30px; border-top:1px #cdcdcd dashed; border-bottom:0px;}
.left .cont li li a{display:block; width:175px; line-height:36px; background:url(icon.jpg) 25px 16px no-repeat; padding-left:35px;}
.left .cont li li a:hover{background:#eeeeee url(icon.jpg) 25px 16px no-repeat;}
.left .cont li li .curr{background:#eeeeee url(icon.jpg) 25px 16px no-repeat;}
.left .cont p{line-height:36px; padding:0px 15px;}

.left .link{width:206px; margin-top:20px; border:1px #b7b6b6 dashed; padding-top:25px;}
.left .link .cus{width:206px; height:120px;}
.left .link .tel{width:140px; height:100px; background:url(contact.jpg) 10px 0px no-repeat; padding:25px 0px 0px 66px;}
.left .link .tel span{font-size:16px; font-weight:bold; color:#5e97b2;}

.right{float:left; width:770px;}
.right .tt{width:758px; height:30px; line-height:30px; padding:0px 5px; background:url(tt2.jpg) 0px 22px no-repeat; border-bottom:1px #cdcdcd solid;}
.right .tt span{float:right; padding:3px 0px 0px 0px;}
.right .tt img{margin-top:3px;}
.right .tt strong{font-size:20px; font-family:"Microsoft Yahei","微软雅黑"; font-weight:normal;}

.right .cont{width:730px; border-top:1px #ffffff solid; padding:20px 20px 50px 20px;}

.bottom{clear:both; width:100%; text-align:center; padding:15px 0px 0px 0px; background:#0068b7; font-size:12px;}
.nav{width:1002px; margin:0px auto; text-align:left;}
.nav ul{width:100%;}
.nav li a{font-weight:bold; color:#ffffff;}
.nav li li a{font-weight:normal; color:#cad7e4;}
.nav li li a:hover{color:#ffffff;}
.nav .list{float:left; width:165px; height:180px; line-height:24px; color:#cad7e4; text-align:center;}
.nav .list ul{width:100%;}
.nav .list2{float:none; width:100%; line-height:24px; color:#999999; text-align:center;}
.nav .list3{float:left; width:50px; line-height:24px; color:#cad7e4; padding-left:5px;}
.nav .list4{float:left; width:50%; line-height:24px; color:#cad7e4;}
.nav .line{float:left; width:1px; height:180px; border-right:1px #0b5fb5 dashed;}
.nav strong{color:#999999;}
.copyright{clear:both; width:100%; margin:0px auto; line-height:30px; padding:0px 10px; text-align:left; color:#666666; background:#0b5fb5;}
.copyright .cr{width:1002px; margin:0px auto; color:#ffffff;}
.copyright span{float:right;}
.copyright a{color:#cad7e4;}
.copyright a:hover{color:#ffffff;}

.page{width:100%; padding-top:20px; height:24px; line-height:24px; text-align:center; clear:both;}

.article{line-height:36px; font-size:16px;}

.piclist{width:100%;}
.piclist li{float:left; width:30%; padding-left:3%; height:180px; text-align:center; line-height:24px;}
.piclist li a{display:block; width:210px; padding-top:5px; border:1px #dddddd solid; background:#f4f4f4; color:#666666;}
.piclist li a:hover{color:#333333;}
.piclist li img{width:200px; height:120px;}

.newslist{width:100%;}
.newslist li{width:98%; padding-left:2%; line-height:36px; border-bottom:1px #cdcdcd dashed; background:url(icon.jpg) 5px 16px no-repeat;}
.newslist a{color:#666666;}
.newslist a:hover{color:#333333;}
.newslist span{float:right; color:#999999;}

.news{width:100%;}
.news .t{width:100%; text-align:center; margin-top:20px; line-height:36px;}
.news .t strong{font-size:24px; font-family:'Microsoft Yahei','微软雅黑'; font-weight:normal;}
.news .p{width:100%; padding-top:10px; line-height:24px; border-bottom:1px #cdcdcd dashed; text-align:center;}
.news .c{width:98%; padding:20px 1% 50px 1%; line-height:36px;}

.prolist{width:100%;}
.prolist li{width:98%; padding:20px 1%; border-bottom:1px #bbbbbb dashed;}
.prolist a{color:#666666;}
.prolist a:hover{color:#333333;}
.prolist span{float:right; color:#999999;}
.prolist li .border{float:left; width:240px; height:140px;}
.prolist li .border img{width:210px; height:130px; border:4px #dddddd solid;}
.prolist li .text{float:left; width:470px; height:100px;}
.prolist li .text .t{width:99%; height:35px; line-height:25px; padding:10px 1% 0px 0px; overflow:hidden;}
.prolist li .text .t strong{font-size:18px; color:#555555; font-family:'Microsoft Yahei','微软雅黑';}
.prolist li .text .c{text-indent:24px; line-height:28px; height:54px; overflow:hidden; color:#888888;} 
.prolist li .text .a{padding:10px 0px 0px 0px;}
.prolist li .text .a a{color:#0068b7;}

.solutionlist{width:100%;}
.solutionlist li{width:98%; padding:20px 1%; border-bottom:1px #bbbbbb dashed;}
.solutionlist a{color:#666666;}
.solutionlist a:hover{color:#333333;}
.solutionlist span{float:right; color:#999999;}
.solutionlist li .border{float:left; width:240px; height:140px;}
.solutionlist li .border img{width:210px; height:130px; border:4px #dddddd solid;}
.solutionlist li .text{float:left; width:470px; height:100px;}
.solutionlist li .text .t{width:99%; height:35px; line-height:25px; padding:10px 1% 0px 0px; overflow:hidden;}
.solutionlist li .text .t strong{font-size:18px; color:#555555; font-family:'Microsoft Yahei','微软雅黑';}
.solutionlist li .text .c{line-height:28px; height:54px; overflow:hidden; color:#888888;} 
.solutionlist li .text .a{padding:10px 0px 0px 0px;}
.solutionlist li .text .a a{color:#0068b7;}

.product{width:100%;}
.product .t{width:100%; text-align:center; margin-top:20px; line-height:36px;}
.product .t strong{font-size:30px;}
.product .p{width:100%; padding-top:10px; line-height:24px; border-bottom:1px #cdcdcd dashed; text-align:center;}
.product .i{width:100%; text-align:center;}
.product .big{width:100%; padding:10px 0px;}
.product .big img{width:430px;}
.product .small {width:100%; padding-bottom:10px;}
.product .small a{margin:5px 3px;}
.product .small img{width:100px;}
.product .n{width:100%; height:24px; background:#dddddd;}
.product .n li{float:left;}
.product .n a{display:block; width:150px; height:24px; line-height:24px; border-right:1px #ffffff solid; background:#cdcdcd; text-align:center; color:#666666;}
.product .n a:hover{background:#0068b7; color:#ffffff;}
.product .n .cur{background:#0068b7; color:#ffffff;}
.product .c{clear:both; width:100%; padding:40px 0px 50px 0px; line-height:24px; text-align:left;}
.product .r{clear:both; width:100%; border-bottom:1px #cdcdcd solid;}
.product .r strong{display:block; width:110px; line-height:24px; padding-left:10px; font-size:16px; border-bottom:2px #0068b7 solid; font-family:"Microsoft Yahei","微软雅黑"; color:#666666;}
.product .f{clear:both; width:96%; padding:20px 2% 10px 2%; line-height:36px;}
.product .f p{padding-left:10px; color:#ff6000; border-bottom:1px dotted #ddd; margin-bottom:20px;}
.product .f td{height:36px;}
.product .f .txt{width:300px;}
.product .f .ta{width:472px; height:110px;}

.rec{width:100%;}
.rec table{border-bottom:1px #b4bdc3 solid; width:100%; margin-bottom:10px;}
.rec td{font-size:12px;}
.rec .trh td{border:1px #b4bdc3 solid; background:#0068b7; color:#ffffff; text-align:center; height:24px; line-height:24px; font-weight:bold;}
.rec .trh2 td{border:1px #b4bdc3 solid; background:#eeeeee; color:#666666; text-align:center; height:24px; line-height:24px; font-weight:bold;}
.rec .trl td{border:1px #b4bdc3 solid; background:#f5f5f5; color:#666666; text-align:center; height:24px; line-height:24px;}
.rec .trl2 td{border:1px #b4bdc3 solid; background:#f5f5f5; color:#666666; text-align:center; height:30px; line-height:30px;}
.rec .trh3 td{border:1px #b4bdc3 solid; background:#ffffff; color:#666666; text-align:center; height:24px; line-height:24px; font-weight:bold;}
.rec .trl3 td{border:1px #b4bdc3 solid; background:#ffffff; color:#666666; text-align:left; line-height:30px;}
.rec .text{border:1px #b4bdc3 solid; background:#ffffff; color:#666666; width:96%; padding:2%; line-height:20px; text-align:left;}
.rec .text p{color:#666666;}
.rec a{color:#38698a; text-decoration:underline;}
.rec a:hover{color:#38698a;}

.can{width:100%;}
.can td{border:1px #b4bdc3 solid; height:24px; font-size:12px;}
.can .tdh{width:100%; text-align:center; background:#0068b7; color:#ffffff;}
.can .tdl{width:20%; background-color:#f5f5f5; text-align:right;}
.can .tdr{width:30%; background-color:#ffffff; text-align:left;}
.can .tdr2{width:80%; background-color:#ffffff; text-align:left;}
.can .tdb{width:100%; text-align:center; background-color:#f3f5f8;}
.can .txt{width:215px; height:14px;}
.can .txt2{width:579px; height:14px;}
.can .ddl{width:191px;}
.can .ta{width:579px; height:100px;}
.can img{ vertical-align:middle;}

.feedback{width:100%;}
.feedback table{width:100%;}
.feedback td{height:36px;}
.feedback .tdl{width:15%; text-align:right; padding-right:1%;}
.feedback .tdr{width:39%; text-align:left;}
.feedback .tdr2{width:84%; text-align:left;}
.feedback .txt{width:240px;}
.feedback .txt2{width:609px;}
.feedback .ta{width:607px; height:100px; margin-top:7px;}



/*2016-8-31 @flying*/
.flying-hr1{ height:1px;border:0;border-top:1px dotted #dcdcdc; margin:5px 0;}
.flying20{font-size:20px;}
.flying-writer{width:730px; height:auto; margin:0 auto; overflow:hidden;}
.flying-writer .bigpic{width:100%; height:auto; overflow:hidden; margin:10px auto;}
.flying-writer .bigpic-left{width:450px; height:auto; float:left;}
.flying-writer .bigpic-left-in{width:440px; height:280px; border:#ededed solid 1px; padding:4px;}
.flying-writer .smallpic{width:464px; height:auto; margin:10px auto; overflow:hidden;}
.flying-writer .smallpic li{width:100px; height:64px; float:left; border:#ededed solid 1px; margin-right:14px;}
.flying-writer .bigpic-right{width:260px; height:auto; line-height:26px; overflow:hidden; float:right;}

.flying-writer .bigpic-detailed{100%; height:auto; overflow:hidden; margin:25px auto;}
.nTab{width:730px; border:0;overflow:hidden;}
.none {display:none;}
.nTab .TabTitle li{float:left;cursor:pointer;height:35px; width:125px; line-height:35px; font-size:14px; text-align:center; margin-right:1px;}
.nTab .TabTitle li a{text-decoration:none;}
.nTab .TabTitle .active{color:#FFF; background:#0a7bbd; border-radius:8px 8px 0 0; -moz-border-radius:8px 8px 0 0; -webkit-border-radius:8px 8px 0 0; font-weight:bold;}
.nTab .TabTitle .normal{color:#343434; background:#e8e8e8; border-radius:8px 8px 0 0; -moz-border-radius:8px 8px 0 0; -webkit-border-radius:8px 8px 0 0;}
.nTab .TabContent{clear:both;overflow:hidden; border-top:#e8e8e8 solid 1px; padding:14px 0; line-height:26px; background:#FFF;}




/* CSS class for zoomed area */
.MagicZoomBigImageCont {
	border:1px solid #ddd;
	margin-left:0px;
	margin-top:0px;
}

.MagicZoomMain {
	text-align: center !important;
	width: 50px;
}

.MagicZoomMain div {
	padding: 0px !important;
}

/* Header look and feel CSS class */
/* header is shown if "title" attribute is present in the <A> tag */
.MagicZoomHeader {
	font:			10px Tahoma, Verdana, Arial, sans-serif;
	color:			#fff;
	background:		#412122;
	text-align:     center !important; 
}


/* CSS class for small looking glass square under mouse */
.MagicZoomPup {
	border: 		1px solid #aaa;
	background: 	#ffffff;
}

/* CSS style for loading animation box */
.MagicZoomLoading {
	text-align:		center;
	background: 	#ffffff;
	color:			#444;
	border: 		1px solid #ddd;
	opacity:		0.6;
	padding:		3px 3px 3px 3px !important;
	display: 		none; /* do not edit this line please */
	
}

/* CSS style for gif image in the loading animation box */
.MagicZoomLoading img {
	padding-top:	3px !important;
 }
 