/* css document */
/*	
copyright 2006 sanyun inc.
common css	waney kflulu@hotmail.com
$revision: beta $ 界面设计制作--家有懒妻 QQ63622719
*/

*{
	padding:0;
	margin:0;
}
html,body { height:100%; } /* for ff */
*,html,div,ul,li,ol,span,font  a:link{
	color:#000;
	font-weight: normal;
	text-decoration: none; font-size:12px;
	
}
a:visited {
	
	font-weight: normal;
	text-decoration: none;font-family:'Microsoft Yahei';
}
a:hover {
	color:#FF0000;font-family:'Microsoft Yahei';
	font-weight: normal;
	text-decoration: none;
}
 a:active {
   font-family:'Microsoft Yahei';
	font-weight: normal;
	text-decoration: none;
}
body{
	font-family:arial;
	font-family:'Microsoft Yahei';
	color: #000; background:#C81812;
}
img { border:0px;}
strong { font-weight:bold;}
h1 { font-weight:bold; font-size:18px; color:#000000; width:100%; text-align:center;}
ul { margin:0px; padding:0px;}
li { margin:0px; padding:0px; list-style:none;} 
.head { clear:both; width:100%; background:#fff; height:120px;}
input { border:1px solid #C7C7C7; padding:1px; width:38px;}
.top { clear:both; width:1200px; margin:0 auto;}
.t-l { float:left; width:300px; text-align:left; padding-top:20px;}
.t-r { float:right; width:900px; padding-top:60px;}
.menu {
 
  top: 0;
  left: 0;
  width: 900px; float:left;
  background: #444444;
  display: flex;
  justify-content: center;
}
.menu * {
  box-sizing: border-box;
}
.menu .center {
  width: 900px;
}
.menu .ul-list {
  display: flex;
}
.menu .ul-list > li {
  flex: 1;
  border-right: 1px solid #fff;
  position: relative; z-index:999;
}
.menu .ul-list > li:last-child {
  border-right: none;
}
.menu .ul-list > li > a {
  height: 35px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  text-decoration: none;
  color: #fff;
  background: #444444;
}
.menu .ul-list > li > span {
  color: #fff;
  font-size: 14px;
  height: 35px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #444444; 
}
.menu .ul-list > li:hover .ol-list {
  display: block; z-index:999;
}
.menu .ol-list {
  display: none;
  position: absolute;
  top: 35px;
  left: 0;
  z-index: 999;
  background: #333;
  width: 100%;
}
.menu .ol-list > li > a {
  font-size: 14px;
  text-decoration: none;
  color: #fff;
  height: 35px;
  display: flex;
  align-items: center;
  border-bottom: 1px solid #222;
  justify-content: center;
}
.menu .ol-list > li > a:hover {
  background: #222;
}
.f1 { clear:both; width:100%; margin-top:20px; }
.f1 img { width:100%;} 
.i-cp-t { clear:both; text-align:center;}
.i-cp { width:1200px; margin: 0 auto; padding-top:20px;}
.i-cp ul { clear:both;}
.i-cp li { float:left; width:400px; text-align:center; padding-top:15px;}
.i-cp li img { width:360px;}
.i-pk { width:1200px; margin:0 auto; clear:both; padding-top:20px;}
.i-pk dl { width:390px; float:left; margin:5px; background:#FFFFFF;}
.i-pk dt { clear:both; text-align:center; font-family:'Microsoft Yahei'; font-size:16px; color:#000; height:40px; line-height:40px;}
.i-pk dd { clear:both; text-align:center; font-size:14px; color:#333333; line-height:30px;}
.i-pk dd img { width:390px;}
.i-about { clear:both; width:1200px; margin:0 auto; padding-top:30px; padding-bottom:100px;}
.i-about .tit { clear:both; text-align:left; width:400px; border-bottom:5px solid #fff; padding-bottom:15px; font-size:42px; color:#fff;font-family:'Microsoft Yahei';}
.i-about .left { float:left; width:60%; border-right:4px solid #fff; text-align:left; padding-top:20px; font-size:20px; color:#fff; line-height:40px;letter-spacing:10px}
.i-about .right { float:right; width:38%; text-align:center;font-size:20px; color:#fff; line-height:40px;}
.i-about .right span {font-size:20px; color:#fff; line-height:40px;}
.i-about .right img { width:75%;}
.clear { clear:both; width:100%; height:30px;}
.foot { clear:both;  width:100%; background:#444444; overflow:hidden; padding-top:25px; padding-bottom:30px;}
.foot ul { width:1200px; margin:0 auto;}
.foot li { clear:both; text-align:left; border-bottom:1px solid #868484; color:#FFFFFF; line-height:30px; font-size:14px;}
.foot li a { color:#fff; font-size:14px;}
.foot li span { float:right; color:#FFFFFF;}
.banner { clear:both; width:100%;}
.banner img { width:100%;}
.main { clear:both; width:1200px; margin:0 auto;}
.about { clear:both; text-align:left; width:1200px; margin:0 auto;}
.about img { width:100%;}
.nTab{ clear:both;
width: 1200px;
margin: 0 auto;
background-position:left;
background-repeat:repeat-y;

}
.nTab .TabTitle{
clear: both; width:670px;
height: 100x;
overflow: hidden; margin:0 auto;
}
.nTab .TabTitle ul{
border:0;
margin:0;
padding:0;
}
.nTab .TabTitle li{
float: left;
width: 160px;
cursor: pointer; text-align:center;
list-style-type: none;
}
.nTab .TabTitle .active{}
.nTab .TabTitle .normal{}
.nTab .TabContent{ width:1200px;
margin: 0px auto;
padding:10px 0 0 0;

}
.product { clear:both; width:100%;width:1200px; margin:0 auto;}
.product li { float:left; width:208px; margin:15px 10px; height:280px;  text-align:center;}
.product li img { width:202px; height:261px; }
.product li a {border:3px solid #A0A0A0; display:block;}
.product li a:hover {border:3px solid #ff0000; }
.none {display:none;}
.p-main { width:100%; background:#F3F3F3; overflow:hidden; padding-top:50px;}
.pk-bj { clear:both; width:100%; background:url(../images/pk-bj.jpg) repeat-x; height:510px; padding-top:30px; text-align:center;}
.pk-wz { clear:both; text-align:center; background:#fff; padding-top:50px; height:150px; font-size:40px; font-family:'Microsoft Yahei'; color:#000000;}
.pk-pzkz { clear:both; width:100%; background:#70BFE0; padding-top:30px; overflow:hidden;}
.pk-pzkz ul { width:1200px; margin:0 auto; background:#70BFE0;}
.pk-pzkz li { float:left; width:400px; text-align:left; line-height:25px; font-family:'Microsoft Yahei'; font-size:16px; height:370px; padding-top:20px;}
.pk-pzkz li img { width:356px; height:196px;} 
.hz { clear:both; background:#70BFE0; padding-top:30px; text-align:center; width:1200px; margin:0 auto;}
.hz img { width:100%;}
.contact { clear:both; text-align:center; height:500px; width:100%; padding-top:100px;}
.dx { clear:both; width:100%; background:#EEEEEE; padding-top:30px; padding-bottom:30px; text-align:center;}
.dxnav { clear:both; width:100%; background:#fff; padding-top:100px; height:500px; text-align:center; font-size:30px; line-height:50px;}
.dxnav strong { font-size:60px; color:#000000;}
.tit { clear:both; text-align:center; height:100px; padding-top:40px; font-size:40px; font-family:'Microsoft Yahei'; color:#000000; }
@media screen and (max-width: 1000px)
{
.head { width:1200px;}
.foot { width:1170px; padding-left:20px; padding-right:10px;}
.f1 {width:1200px;}
.banner {width:1200px;}
.i-about .left { float:left; width:58%; padding-left:2%; border-right:4px solid #fff; text-align:left; padding-top:20px; font-size:20px; color:#fff; line-height:40px;letter-spacing:10px}
.i-about .tit { margin-left:2%;}
.pk-bj { width:1200px; }
.pk-bj img { width:95%; margin:0 auto}
.pk-pzkz { clear:both; width:1180px; background:#70BFE0; padding-top:30px; overflow:hidden; padding-left:20px;}
.hz { width:1180px; padding-left:20px;}
.nTab { width:1200px;}
.nTab .TabContent { width:1200px;}
.product { width:1200px; padding-left:20px;}
.contact { width:1180px; padding-left:20px;}
.p-main { width:1180px; padding-left:20px;}
.pk-wz { width:1180px; padding-left:20px; overflow:hidden; padding-bottom:30px;}
.dx { width:1190px; padding-left:10px;}
.dx img { width:100%;} 
.dxnav { width:1180px; padding-left:20px;}
.i-pk { width:1180px; padding-left:20px;}
.i-pk dl { width:380px; float:left; margin:5px; background:#FFFFFF;}
.i-pk dt { clear:both; text-align:center; font-family:'Microsoft Yahei'; font-size:16px; color:#000; height:40px; line-height:40px;}
.i-pk dd { clear:both; text-align:center; font-size:14px; color:#333333; line-height:30px;}
.i-pk dd img { width:100%;}
.about { padding-left:20px; width:1160px; padding-right:20px;}
.about img { width:100%;}
}

/*客服部分*/
.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;}