@charset "utf-8";
/* CSS Document */
*{
	padding:0px;
	margin:0px;
}
ul{ padding:0px; margin:0px;}
li{ list-style:none;}
body{color:#5a5a5a; margin:0; background:#FFF; font-size:14px; font-family:Arial, 'Microsoft YaHei', 黑体, 宋体, sans-serif; }
a{text-decoration:none; color:#5a5a5a;}
.clear{ clear:both;}

.top{ width:100%; height:85px; background:rgba(255,255,255,0.85); /*position:absolute; top:0; z-index:999;*/}
.topcon{ width:1200px; margin:0 auto;}
.topcon_left{ float:left; width:300px; padding-top:3px;}
.topcon_right{ float:right; padding-top:16px;}
.topcon_left img{ width:245px;}

.topcon_right ul li{    float: left;
    width: 109px;
    text-align: center;
    height: 45px;
    line-height: 45px;}
.topcon_right>ul>li>a{ text-decoration:none;color:black;font-size:16px;}
.topcon_right>ul>li>a:hover{color:#0086ff;font-weight:bold;}

.topcon_right>ul>li:hover>.sub{display:block; z-index:999;}
.topcon_right>ul>li>.sub{border:1px solid #CCC;position:relative;display:none;}
.topcon_right>ul>li>.sub>li{width:109px;background:#fff;position:relative;}
.topcon_right>ul>li>.sub>li>a{display:block; text-decoration:none;color:black;/*border-bottom:1px solid #666;*/text-align:center; height:45px; font-size:14px;}
.topcon_right>ul>li>.sub>li>a:hover{background:#0086ff;color:#fff;}

.topcon_right ul li.sub li:hover .sub_san{display:block;position:absolute;left:91px;top:-1px;}
.topcon_right ul li.sub li.sub_san{border:1px solid #CCC;display:none;}
.topcon_right ul li.sub li.sub_san li{width:100px;background:#fff;}
.topcon_right ul li.sub li.sub_san li a{display:block;line-height:40px;text-decoration:none;color:black;border-bottom:1px solid #ccc;text-align:center;}
.topcon_right ul li.sub li.sub_san li a:hover{background:#3B5CA7;color:#fff;}

#view{	font-family:'Microsoft Yahei';
	color:#fff}
	
.product{ width:100%; margin-top:52px;}
.productcon{ width:1200px; margin:0 auto;}
.title h2{ font-size:30px; color:#0086ff; text-align:center;}	
.title p{ text-align:center; font-size:16px; color:#999;}	

.news{ width:100%; margin-top:12px; overflow:hidden; padding-bottom:30px;}
.newscon{ width:1200px; margin:0 auto; padding-top:30px;}
.news_left{ float:left; width:49%; padding-top:30px;}
.news_right{ float:right; width:49%;padding-top:30px;}
.news1{ padding:15px;}
.news1 a{ display:block; font-size:18px; color:#333; padding-bottom:3px;}
.news1 p{ line-height:26px; color:#666;}	
.news_left ul li:hover{box-shadow: 3px 3px 5px 3px #999;}	
.news1 a:hover{ color:#0086ff;}	
.news_right ul li:hover{box-shadow: 3px 3px 5px 3px #999;}	
.more{ display:block; width:150px; margin:0 auto; height:40px; line-height:40px; text-align:center; border:1px solid #999; margin-top:35px; border-radius:6px; color:#333;}	
.more:hover{ background:#0086ff; color:#fff;}	
	
.case{ width:100%;margin-top:52px; background:#f6f6f6; overflow:hidden; padding-bottom:90px;}
.casecon{ width:1300px; margin:0 auto; padding-top:30px;}
	

/*遮罩*/
.web{ height:620px; margin:0px auto;}
.con{ background:#fff;margin:27px auto;padding-left:25px;padding-top:25px; overflow:hidden; padding-bottom:14px;    border-radius: 14px;}
.con ul li img{ width:100%;}
.con ul li{width:297px;height:298px;float:left;margin-right:15px;margin-bottom:15px;position:relative;overflow:hidden;cursor:pointer;}
.txt{width:100%;height:45px;background:rgba(0,0,0,0.6);/*透明背景色，不透明其文字内容*/position:absolute;left:0;bottom:0;color:#fff;font-family:"微软雅黑";}
.txt h3{font-size:20px;font-weight:100;height:45px;text-align:center;line-height:45px;}
.txt p{font-size:14px;text-align:center;}
	
	
.bottom{ width:100%;   background:#333; overflow:hidden;    overflow: hidden;
    padding-bottom: 16px;}
.bottomcon{ width:1200px; margin:0 auto; padding-top:31px;}	
.bottom_left{ float:left; width:308px;}
.bottom_left img{    width: 233px;
    padding-top: 38px;}
.bottom_mid{ float:left; }	
.bottom_mid ul li{ float:left; margin-right:76px;}	
.bottom_mid ul li h4{ color:#fff; font-weight:bold; font-size:16px; padding-bottom:10px;}	
.bottom_mid ul li a{ color:#c5c5c5; display:block; width:100%; text-align:center; line-height:27px;}	

.bottom_right{ float:right;color:#fff; width:276px;}
.bottom_right p{ padding-bottom:13px;     float: right;
    padding-right: 10px;}
.bottom_right img{ padding-left:35px; width:103px;}
.bottom_right span{ padding-top:10px; display:block; float:left; padding-left:64px;}
.zuidi{ width:100%; background:#000; line-height:48px;}
.zuidi p{ text-align:center; color:#787878;  margin:0 auto;}
.zuidi img{    width: 26px;
    display: block;
    float: right;
    padding-top: 5px;}

.titlenews{ float:left; width:200px;  }
.duan{ width:44px; height:7px; border-bottom:2px solid #0086ff;}
.newstelyou{ float:right; }
.newstelyou a{ display:block; float:left;width:98px; text-align:center; height:40px; line-height:40px; background:#fff; color:#333; margin-left:6px;}
.newstelyou a.xuanlei{background:#0086ff; color:#fff; }
.newstelyou a:hover{background:#0086ff; color:#fff; }
.news1 img{ width:100%; height:175px;}