﻿@charset "utf-8";
*{margin:0;padding:0;}
img{border:none;}
td{font-size:14px;FONT-FAMILY: "Helvetica Neue", Helvetica, Arial, "Microsoft YaHei", "Hiragino Sans GB", "Hiragino Kaku Gothic Pro", sans-serif;color:#333333;line-height:26px;}
ul,li{ list-style-type:none;line-height:26px;}
body {margin:0 auto;font:14px/24px 'Microsoft Yahei','\5b8b\4f53',微软雅黑, Arial, Lucida Grande, Tahoma, sans-serif;color:#131313;background:url(webbg.jpg)  top repeat-x}
a{ text-decoration:none; color:#333333;font-size:14px; }
a:hover{ text-decoration:underline; color:#006699;font-size:14px;}
h1,h2,h3{margin:0;padding:0;border:none}
h3 span{color:#333;padding-left:20px;font-size:14px;}
/**/
	/**/
	.clear{clear:both;}
	.float_left{float:left;}
	.float_right{float:right;}
	.no_bg{background:none!important;}
	.no_bor{ border:none!important;}
	/*6*/
	.clear6{overflow:hidden; height:6px; clear:both;}
	.clear5{overflow:hidden; height:5px; clear:both;}
	.clear0{overflow:hidden; height:1px; clear:both;}


.a{ text-decoration:none; color:#ffffff; font-size:14px;}
.a:hover{ text-decoration:underline; color:#B9C7D3;font-size:14px;}

#head{ margin:0 auto;width:100%; height:177px; background:url(topbg.jpg) top repeat-x}
#head .toptel{ margin:0 auto; width:1200px; text-align:left; font-size:16px; line-height:48px; background:url(phone.jpg) right no-repeat;color:#FFF; padding-top:3px;}
#head .logo{margin:0 auto; width:1200px; }

.nava{ margin:0 auto; width:750px; height:51px; line-height:51px; padding-top:40px;}
.nava a{ color:#333; text-decoration:none;float:left; height:51px; line-height:51px; padding:0px 22px; font-size:16px; }
.nava a:hover{ color:#036 ;font-size:16px;}
.ibanner{width:100%;overflow:hidden;height:180px;position:relative;}
.bannerbx {width:1920px;  position:absolute; left:50%;  margin-left:-960px;}

.main{ width:1200px; margin:0 auto; clear:both}

.banner{width:100%;overflow:hidden;height:400px;position:relative}
.banList{position:absolute;left:50%;margin-left:-960px;height:400px}
.banList li{height:400px;opacity:0;position:absolute;transform:scale(0);transition:transform 0.5s ease 0s, opacity 1.5s ease 0s;z-index:1;}
.banList li.active{opacity:1;transform:scale(1);z-index:2;}
.fomW{position:absolute;bottom:20px;left:50%;height:20px;z-index:9;width:1000px;margin-left:-500px}
.jsNav{text-align:center;}
.jsNav a{display:inline-block;background:#fff;width:12px;height:12px;border-radius:50%;margin:0 5px;}
.jsNav a.current{background:#ff0000;cursor:pointer}

.indexbox{ width:100%; background:#f2f2f2; height:390px; padding-top:20px }
.indexboxm{ margin:0 auto; width:1200px; clear:both  }
.indexboxm .box1{ width:575px; float:left; padding-right:50px; padding-top:10px;}
 
.indexboxm .box2{ width:575px; float:left;padding-top:10px;}

.boxbg{ background:url(newsbg.jpg) top no-repeat; width:515px; line-height:30px; padding:30px;}

.mainbox{ margin:0 auto; width:100%;  }
.mainboxm{ margin:0 auto; width:1200px; }
.mainboxm h1{ margin:0 auto; width:1200px; text-align:center; padding-top:30px; color:#000; font-size:24px; line-height:50px;font-weight:100}
.rollBox{width:1200px;overflow:hidden; margin:0 auto; padding-top:20px;}
.rollBox li{ width:240px;float:left; display:inline;}

.rollBox .Cont{width:1200px;overflow:hidden; margin-bottom:10px}
.rollBox .ScrCont{width:10000000px;}
.rollBox .pic{width:230px; height:280px;float:left;text-align:center; margin-left:5px; margin-right:5px;  }
.rollBox .pic img{padding:4px;display:block;margin:0 auto;height:220px; width:220px;border:1px #8ACBEB solid;  background:#ffffff}
.rollBox .pic img:hover{padding:4px;display:block;margin:0 auto;height:220px; width:220px;border:1px #0F5BAE solid;  background:#ffffff}
.rollBox .pic p{text-align:center; color:#505050;font-size:16px;line-height:50px; overflow:hidden;display:inline;height:50px;}
.rollBox .Contt a:link,.rollBox .Cont a:visited{color:#626466;text-decoration:none;}
.rollBox .Con a:hover{text-decoration:underline;}
.rollBox #List1,.rollBox #List2{float:left;}

.inews {width:500px; margin:0 auto;float:left}
.inews ul{ padding:0px; list-style:none}
.inews li{line-height:32px; height:32px; overflow:hidden; width:500px;  float:left}



#xl{padding:5px;position:relative}
#xl li{padding:8px 10px;border-bottom:1px dotted #999;color:#999;overflow:hidden;zoom:1}
#xl li span{float:right;width:550px;color:#999;line-height:25px;}
#xl li a:link{color:#333333;}
#xl li a:hover{color:#F16609}

#honor{width:900px; margin:10px auto; line-height:25px;}
#honor dl{width:200px; text-align:center; height:240px; float:left; padding-left:10px; padding-right:10px;}
#honor dt{border:1px solid #dcdcdc; background:#fff;}dt img{display:block; margin:0 auto; padding:3px; height:180px; width:190px; border:0px; }
#honor dt:hover{border:2px solid #0363B4; background:#fff;}
#honor dd{text-align:center; line-height:25px; overflow:hidden;}

.pic{width:100%;overflow:hidden;height:386px;position:relative}
.picList{position:absolute;left:50%;margin-left:-960px;height:386px;}

.tel{ width:1200px; margin:0 auto; text-align:center; clear:both; padding-top:10px;}
.icotop{ width:1100px; margin:0 auto; text-align:right; clear:both; padding-top:20px; padding-right:100px;}

.endbg{ width:100%; background:url(endbg.jpg) #2B2E35 top repeat-x; text-align:center;   }
.endbg .end{ width:700px; margin:0 auto; line-height:50px; clear:both; color:#FFF; text-align:center; padding-top:10px; height:70px;}
.endbg .endbg{ width:900px; margin:0 auto; background:url(endlogo.jpg) top left no-repeat; height:150px;line-height:43px; font-weight:100; font-size:13px; text-align:left; color:#fff; padding-left:150px;}
