a{ color:#666; text-decoration:none;}
a:hover{ color:#E50112;}
img{ border:0px;}
ul,li,h1,p,h2{ margin:0px; padding:0px; list-style:none;}
h4{margin:0px; padding:0px; list-style:none; font-weight:100;}
input{font-family:"Microsoft Yahei";}
body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	color:#333;
	text-align:center;
	font-family:"Microsoft Yahei";
	font-size:16px;
	-webkit-font-smoothing: antialiased; 
	-moz-osx-font-smoothing: inherit | grayscale
}
/*header*/
.header{width:100%; height:auto;float:left; background:url(../images/bg.jpg); background-repeat:repeat-x; border-bottom:1px solid #d4d3d3; padding-top:1px;}
.container{width:1200px;height:auto; margin:0 auto; text-align:left;}
.header_left{ width:820px;float:left; font-size:12px; color:#a9a9a9; line-height:31px;}
.header_right{ width:380px;float:left; height:31px}
.header_right .ser{ width:380px; float:left; }
.header_right .ser .tel{ float:left; padding-top:7px;}
.header_right .ser .telno{ float:left;color:#a9a9a9; padding-left:6px; line-height:31px; font-size:12px;}
.header_right .ser .frm{ float:left; padding-top:2px; padding-left:15px;}
.header_right .ser .frm .input{ border:1px solid #fff;border-radius:10px; background:none; padding-left:10px; color:#fff; font-size:12px;}
.header_right .ser .weixin{ float:left;}
.header_right .ser .xinlang{ float:left;}
.topbar_r_wx{ float:left; position:relative;z-index:2000;}
.topbar_r_wx div{ position:absolute; z-index:20; display:none; }
.topbar_r_wx:hover{ cursor:pointer;}
.topbar_r_wx:hover div{ display:block; top:32px; left:0px; z-index:2000}

.logo{width:420px; height:66px;float:left; padding-top:17px;}


.nav{ float:left; width:780px; height:50px; z-index:1000;}
.nav ul{ float:left; width:780px; padding:0; list-style:none;}
.nav ul li{ width:120px;float:left; height:83px; padding:0px; position:relative;margin-left:5px; margin-right:5px;}
.nav ul h1{font-size:16px; font-weight:100;}
.nav ul h2{font-size:14px;font-weight:100;}

.nav ul li ul{ display:none;}
.nav ul li a{ width:120px;float:left; height:83px; line-height:83px; text-align:center; }
.nav ul li a:hover{ wwidth:120px; height:auto; float:left; text-align:center;background:#0097D8; color:#fff;}
.nav ul li a.on{  width:120px; height:auto; float:left; text-align:center;background:#0097D8; color:#fff;}
.nav ul li a.on:hover{ width:120px; height:auto; float:left; text-align:center;background:#0097D8; color:#fff;}
                                                 
.nav ul li:hover{background:#0097D8;}
.nav ul li:hover a{background:#0097D8; color:#fff;}
.nav ul li:hover ul{ display:block; position:absolute; width:120px; z-index:1000; top:83px; left:0px;}

.nav ul li:hover ul li{ width:120px; height:auto; text-align:center; font-size:14px;margin:0px; padding:0px;}

.nav ul li:hover ul li a{ width:120px; height:auto; color:#fff;line-height:35px; background:#0097D8; font-size:14px; border-top:1px solid #ccc;}
.nav ul li:hover ul li a:hover{width:120px; height:auto; color:#333;background:#fff;line-height:35px; font-size:14px;border-top:1px solid #ccc;}

/*banner*/
.banner{ width:100%; height:467px;float:left; text-align:center;}

.fullSlide {width:100%;position:relative;height:467px;z-index:5;}
.fullSlide .bd {margin:0 auto;position:relative;overflow:hidden;}
.fullSlide .bd ul {width:100% !important; list-style:none; margin:0px;}
.fullSlide .bd li {width:100% !important;	height:467px;overflow:hidden;text-align:center;}
.fullSlide .bd li a {display:block;height:467px;}
.fullSlide .hd {width:100%;position:absolute;bottom:0;left:0;height:30px;line-height:30px;}
.fullSlide .hd ul {text-align:center;}
.fullSlide .hd ul li {cursor:pointer;display:inline-block;*display:inline;zoom:1;width:55px;height:10px;margin:1px;overflow:hidden;background:#CCCCCC;line-height:999px;}
.fullSlide .hd ul .on {background:#0C68AE;}

/*about*/
.about{width:100%; height:auto;float:left; padding-top:35px; }
.about h1{ font-size:30px; font-weight:100; padding-bottom:20px;text-align:center; color:#000;}
.about p{ text-align:center;}
.about .img{ float:left; width:340px;}
.about .text{ width:860px;float:left; font-size:16px; line-height:200%; padding-top:25px;}

/*product and server*/
.product{width:100%; height:872px;float:left; margin-top:50px;background:url(../images/cpbg.jpg);background-position:top center;background-repeat:no-repeat;}
.product h1{ font-size:30px; color:#000; padding-top:32px; text-align:center; font-weight:100; padding-bottom:15px;}
.product p{ font-size:20px; color:#fff; text-align:center; line-height:30px;}
.product p img{ padding-top:5px;}
.product_content{ width:1200px; height:auto; float:left; padding-top:25px; text-align:center; padding-bottom:20px;}
.product_content a{ border:1px solid #ccc; background:#fff; color:#666; padding-left:20px; padding-right:20px; padding-top:6px; padding-bottom:6px; margin-left:16px; margin-right:16px;}
.product_content a:hover{ border:1px solid #E50112; background:#E50112; color:#fff; padding-left:20px; padding-right:20px; padding-top:6px; padding-bottom:6px; margin-left:16px; margin-right:16px;}
.product_content a.on{ border:1px solid #E50112; background:#E50112; color:#fff; padding-left:20px; padding-right:20px; padding-top:6px; padding-bottom:6px; margin-left:16px; margin-right:16px;}
.product_content a.on:hover{ border:1px solid #E50112; background:#E50112; color:#fff; padding-left:20px; padding-right:20px; padding-top:6px; padding-bottom:6px; margin-left:16px; margin-right:16px;}
.product_list{width:1200px; height:auto; float:left; padding-top:25px;}
.product_list ul{ width:288px; height:auto; float:left; padding-left:6px; padding-right:6px;}
.product_list ul li.img{ width:286px; height:248px; float:left; border:1px solid #ccc;}
.product_list ul li.img:hover{border:1px solid #E50112;}
.product_list ul li.img img{width:286px; height:248px;}
.product_list ul li.txt{ width:288px; height:auto; float:left; text-align:center; line-height:60px;}

/*youshi*/
.youshi{width:100%; height:auto;float:left; padding-bottom:40px;}
.youshi h1{ font-size:30px; color:#000; padding-top:32px; text-align:center; font-weight:100; padding-bottom:15px;}
.youshi p{ font-size:20px; color:#fff; text-align:center; line-height:30px;}
.youshi p img{ padding-top:5px;}
.youshi_content{ width:1200px; height:auto; float:left;padding-top:25px;background£º#fff;}
.youshi_content .ls{ width:330px; height:auto; float:left; padding-left:35px; padding-right:35px;}
.youshi_content .ls:hover .top{ background:#008CD7;border-radius:100px;}
.youshi_content .ls:hover .bot{ color:#008CD7}
.youshi_content .ls .top{ width:150px; height:143px; float:left; margin-left:90px; margin-right:90px; background:#d8d8d8;border-radius:100px; text-align:center; padding-top:7px;}
.youshi_content .ls .bot{width:330px; height:auto; float:left; padding-top:20px; text-align:center; font-size:14px; line-height:150%; color:#666;}

/*news*/
.fl{ float:left;}
.fr{ float:right;}
.news{width:100%; height:auto;float:left; padding-bottom:40px; background:#fafafa; margin-bottom:40px;}
.news .news_title{ width:100%; float:left;font-size:30px; color:#000; padding-top:32px; text-align:center; font-weight:100; padding-bottom:15px;}
.news .news_imgs{width:100%; float:left;font-size:20px; color:#fff; text-align:center; line-height:30px;}
.news .news_imgs img{ padding-top:5px;}
.news_con{ width:100%; float:left; padding-top:15px;}
.news_img{ width:46.8%; float:left; background:#fff;padding:1.2%; margin-right:1.6%; height:332px; }
.news_txt{width:41.2%; float:left; background:#fff; padding:0% 2.5%;height:360px;}
.news_img img{ max-width:100%;}
.news_img h1{ padding-top:10px;}
.news_img p{ line-height:200%; color:#666;}

.m_news_con{ width:100%; float:left;}
.m_news_con{ padding-top:20px; padding-bottom:15px;}
.news_date{ width:14%; height:70px;text-align:center; background:#008CD7;color:#fff; padding-top:10px;}
.news_tit{ width:82%;padding-left:4%;}
.news_tit h1{overflow:hidden;text-overflow:ellipsis;white-space:nowrap; font-weight:100}
.news_tit p{ line-height:170%; color:#666; padding-top:5px;}

.fnt25{ font-size:1.5625em;}
.fnt16{ font-size:1em;}
.fnt14{ font-size:0.875em;}
.fnt20{ font-size:1.25em;}
.fnt35{ font-size:2.1875em;}

/*photo*/
.photo{width:100%; height:auto;float:left;}
.rollBox{width:1200px;overflow:hidden; float:left;}
.rollBox .LeftBotton{height:185px;width:75px;background:url(../images/scroll.png) no-repeat 0px 0;overflow:hidden;float:left;display:inline;margin:0 0 0 0;cursor:pointer;}
.rollBox .RightBotton{height:185px;width:75px;background:url(../images/scroll.png) no-repeat -75px 0;overflow:hidden;float:left;display:inline;margin:0 0 0 0;cursor:pointer;}
.rollBox .Cont{width:1050px;overflow:hidden;float:left;}
.rollBox .ScrCont{width:10000000px;}
.rollBox .Cont .cp{width:183px; height:147px;float:left;margin-right:13px; margin-left:12px; border:1px solid #e5e6e9;text-align:center; padding-top:6px;}
.rollBox .Cont .cp img{ width:170px; height:140px;}
.rollBox #List1,.rollBox #List2{float:left;}

/*friendlinks*/
.frk{ width:1200px; height:auto; float:left; line-height:50px; color:#666; font-size:14px;}
/*footer*/
.footer{width:100%; height:auto;float:left; background:#575555; color:#fff; font-size:14px; padding-top:20px; padding-bottom:20px;}
.footer .fleft{ width:420px; height:auto; float:left; border-right:1px solid #666; line-height:200%; text-align:left;}
.footer .fmiddle{ width:380px; height:auto; float:left; padding-left:120px;}
.fr{width:380px; height:auto; float:left; padding-bottom:11px;}
.fr_l{ width:80px; height:auto; float:left; padding-right:20px; text-align:right;}
.fr_r{ width:280px; height:auto; float:left;}
.fr_r .input{ width:245px; height:26px; line-height:26px; border:1px solid #ccc;}
.fr_r .textare{ width:245px; height:auto; line-height:26px; border:1px solid #ccc;}
.fr_r .btn{ width:245px; height:26px; line-height:26px; text-align:center; color:#fff; font-size:16px; background:#888888; border:none;}
.footer .fright{ float:right; padding-top:15px;}

.pagefoot{width:100%; height:auto;float:left; background:#333333; text-align:center; color:#fff; line-height:78px; font-size:12px;}

#share{width:60px;position:fixed;_position:absolute;right:0;top:200px; z-index:1000}
#share #sh{ width:60px;float:left;color:#fff; font-size:12px; text-align:center}
#share #sh #div1{ position:absolute; z-index:20; display:none; width:121px; height:120px; padding:5px; background:#0097D8}
#share #sh:hover{ cursor:pointer;}
#share #sh:hover #div1{ display:block; top:96px; right:70px; z-index:2000;}
#share #sh #div2{ position:absolute; z-index:20; display:none; width:120px; height:61px; line-height:61px;}
#share #sh:hover #div2{ height:61px; line-height:61px;display:block; top:63px; right:60px; z-index:2000; color:#fff; font-weight:bold; font-size:14px; padding-left:10px; background:#0097D8;}