@charset "utf-8";
/* CSS Document */
body{
	font-size:12px;
	line-height:1.8em;
	color:#444444;
	font-family: Verdana, Arial, Helvetica, sans-serif, Tahoma;
	background: url(../images/index_02.jpg) repeat-x #fff;
}
body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,form,fieldset,legend,button,input,textarea,th,td{
	margin:0;padding:0;
}
input, textarea, select{
	font-family:Verdana, Arial, Helvetica, sans-serif, Tahoma;
	font-size:12px;
}
ul{
    margin:0px; padding:0px; list-style-type:none;
}
li{
	list-style:none;
}
a,a:visited{
	color:#444444;
	text-decoration:none;
}
a:hover{
	text-decoration:underline;
}
.c{
	clear:both;
}
/*----------------------------------------------end main-----------------------------------------*/
.header{width:1000px;margin:0 auto;height:100px;padding:0 0 ;position:relative;*z-index:1}
.header .logo{height:100px;width:180px; float:left;}
.top-nav .navlist-wrap{width:1000px;margin:0 auto;position:relative}
.top-nav .navlist{position:absolute;right:20PX;top:-60PX}
.top-nav .navlist .nav-btn{margin-top:5px;float:left;height:60px;width:110px;font-size:14px;color:#666;vertical-align:middle;text-decoration:none; text-align:center;}
.top-nav .navlist .nav-btn:hover{text-decoration:underline;}
.navlist .nav-btn span{display:block;font:10px/20px Arial, Helvetica, sans-serif;}
.top-nav .expand{height:0px;background-color:#333d4d;overflow:hidden;position:relative;width:100%}
.expand .download{height:130px;width:700%;}
.expand .download .item{float:left;width:14.28%}
.expand .download .item-active{display:block}
.expand .close-btn{width:120px;height:20px;background:url(../images/broswer_home.png) no-repeat -13px -117px;position:absolute;left:50%;bottom:-2px;margin-left:-60px;cursor:pointer;}
.download .download-list{text-align:center;height:56px;padding:37px}
.download .download-list .btn{display:inline-block;text-decoration:none;color:#6f809b;font-size:18px;line-height:24px;margin:0 28px;cursor:pointer}
.download .download-list .btn:hover{color:#7896af}
.download-list .btn .icon{background-repeat:no-repeat;background-image:url(../images/broswer_home.png);height:56px;width:56px;float:left}
.download-list .btn .text{float:left;padding:16px 0 16px 16px}
.download .download-list .sjgj{}
.download .download-list .sjgj .icon{background-position:-58px 0}
.download .download-list .sjgj:hover .icon{background-position:-59px -58px}
.download .download-list .wdj{}
.download-list .wdj .icon{background-position:-169px -4px}
.download-list .wdj:hover .icon{background-position:-169px -64px}
.download .download-list .jy{}
.download-list .jy .icon{background-position:-114px 0}
.download-list .jy:hover .icon{background-position:-114px -62px}


.download-list .zj .icon{background-position:-4px 0}
.download .download-list .zj{}
.download .download-list .zj:hover .icon{background-position:-5px -57px}

.download-list .apple .icon{background-position:-225px -1px;width:38px}
.download-list .apple:hover .icon{background-position:-225px -58px}

.download-list .itools .icon{background-position:-270px 0}
.download-list .itools:hover .icon{background-position:-270px -57px}

.download-list .zffs .icon{background-position:-115px 0}
.download-list .zffs:hover .icon{background-position:-115px -57px}

.download-list .product1 .icon{background-position:-405px 0}
.download-list .product1:hover .icon{background-position:-405px -56px}

.download-list .product2 .icon{background-position:-458px 0}
.download-list .product2:hover .icon{background-position:-458px -56px}

.download-list .product3 .icon{background-position:-528px 0}
.download-list .product3:hover .icon{background-position:-528px -56px}

.download-list .product4 .icon{background-position:-600px 0}
.download-list .product4:hover .icon{background-position:-600px -56px}


.download-list .case12 .icon{background-position:-685px 0}
.download-list .case12 :hover .icon{background-position:-685px -56px}

.download-list .news12 .icon{background-position:-755px 0}
.download-list .news12 :hover .icon{background-position:-755px -56px}


.download-list .CONTACT11 .icon{background-position:-818px 0}
.download-list .CONTACT11 :hover .icon{background-position:-818px -56px}

.top-nav .nav-bottom-bg{height:7px;_font-size:1px;background-color:#fff}

.btm{ margin:30px auto;}
.btm p{ font:normal 12px/24px 'Microsoft YaHei'; text-align:center;}
#banner{
	background:url(../images/index_10.jpg) no-repeat center top;
	width:100%;
	height:500px;
}
#bj_1{
	background:url(../images/index_13.jpg) repeat;
	padding:65px 0px;
}
#list{
	width:1000px;
	margin:0 auto;
}
.l_t{
	background:url(../images/index_16.jpg) no-repeat center top;
	padding:25px 0px;
	font:22px/40px "微软雅黑";
	text-align:center;
	color:#6f6f6f;
}
.l_t span{
	font:48px/70px "Arial Black", Gadget, sans-serif;
	display:block;
	color:#2f2f2f;
}
/* index-pro */
#servicesBox{width:1000px;height:270px;margin:0 auto;clear:both;padding:14px 0px 20px 0px;line-height:18px;color:#999999;font-size:12px;}
#servicesBox .serBox{cursor:pointer;display:inline;width:250px;height:270px;float:left;overflow:hidden;position:relative;padding:0}
#servicesBox .serBoxOn{display:none;width:250px;height:270px;position:absolute;left:0px;top:0px;z-index:19;}
#servicesBox .serBox .pic1{width:65px;height:130px;text-align:center;position:absolute;top:22px;right:130px;z-index:99;}
#servicesBox .serBox .pic2{width:65px;height:130px;text-align:center;position:absolute;top:22px;left:-130px;z-index:99;}
#servicesBox .serBox .txt1{width:195px;height:100px;color:#999999;position:absolute;top:175px;left:25px;z-index:99;font:12px/24px "微软雅黑";}
#servicesBox .serBox .txt2{width:195px;height:100px;color:#999999;position:absolute;top:175px;right:-240px;z-index:99;font:12px/24px "微软雅黑";}
#servicesBox .serBox span.tit{font-size:16px;display:block;height:50px;line-height:40px;text-align:center;}
#servicesBox .serBox .txt1 .tit{color:#000000; font-size:16PX; font-weight:bold;}
#servicesBox .serBox .txt2 .tit {color:#008BFD; font-size:16PX; font-weight:bold;}

.servicesPop{width:100%;clear:both;padding-top:33px;position:absolute;top:605px;left:0px;z-index:999;display:none; }
.servicesPop #serFocus{width:1000px;height:273px;margin:0 auto;clear:both;background-color:#ffffff;}
#serFocus .white{color:#fff}
#serFocus div.box{height:273px;display:none;color:#999999;}
#serFocus div.box .serTit{height:50px;line-height:20px; font-size:14px; font-weight:bold; color:#000;}

.flash_bar{text-align:center;clear:both;height:32px;width:1000px;padding-top:10px;margin:0 auto;}
.flash_bar span.dq{display:inline-block;width:28px;height:28px;cursor:pointer;background:url(../images/bt_bg.gif) no-repeat 0 -38px;}
.flash_bar span.no{display:inline-block;width:28px;height:28px;cursor:pointer;background:url(../images/bt_bg.gif) no-repeat 0px 0px;}

a.close{cursor:pointer;display:inline-block;width:28px;height:28px;background:url(../images/bt_bg.gif) no-repeat 0px -608px;position:absolute;top:0px;z-index:99;right:0px;}
a.close:hover{background:url(../images/bt_bg.gif) no-repeat -38px -608px;}

.clients_box{width:996px;height:243px;overflow:hidden;border-top:#efeff0 1px solid;border-left:#efeff0 1px solid;background-color:#ffffff;clear:both;overflow:hidden;margin:0px auto 0px auto;margin-bottom:60px;}
.clients_box li{float:left;padding:0px;border-bottom:#efeff0 1px solid;border-right:#efeff0 1px solid;width:165px;height:80px;/**/ overflow:hidden;}
.clients_box img{width:165px;height:80px;margin:0px;padding:0px;}

a.yidongBt{display:inline-block;margin-top:5px;width:125px;height:32px;line-height:32px;text-align:center;font-size:14px;background:url(../images/bt_bg.gif) no-repeat 0px -326px;}
a.yidongBt:hover {background:url(../images/bt_bg.gif) no-repeat 0px -368px;}
.yidongL{width:250px;height:273px;text-align:right;float:left;padding-right:40px;overflow:hidden;}
.servicesCon{float:left;padding-top:40px;}
.servicesTxt{float:left;width:510px;padding-top:55px;line-height:22px;}
.servicesTxt p{padding:8px 0px;}

span.Apple,span.Android,span.Win8{display:inline-block;padding:0px 90px 0px 40px;height:35px;line-height:35px;color:#222222;font-size:16px;font-family:Arial;background-image:url(../images/bt_bg.gif);background-repeat:no-repeat;}
span.Apple{background-position:0px -410px;}
span.Android{background-position:0px -455px;}
span.Win8{background-position:0px -500px;}

.servicesCon ul{padding:5px 0px;}
.servicesCon li{clear:both;background:url(../images/bt_bg.gif) no-repeat 0px -552px;line-height:26xp;padding-left:12px;color:#999999;}

/* index-case */
#bj_2{
	background:url(../images/index_20.jpg) no-repeat center top;
	padding:60px 0px;
	height:610px;
}
#case{
	width:1000px;
	margin:0 auto;
}
.c_t{
	background:url(../images/index_16.jpg) no-repeat center top;
	padding:20px 0px;
	font:60px/60px "Arial", Gadget, sans-serif;
	display:block;
	color:#fff;
	text-align:center;
}
.c-c1{ width:1000px; margin:0 auto;  margin-top:10px; }
#c_wenzi { width:960px; margin:10px auto; clear:both;overflow:hidden; padding:0px 20px;}
#c_wenzi ul {list-style: none;  }
#c_wenzi ul li {line-height:30px; float:left; display:block; color:#676666; border:#CCCCCC 1px solid; margin:5px;}
#c_wenzi ul li a {display:block; line-height:30px;font-size:12px; text-align:center;  color:#676666;   padding:5px; background:#ffffff;}
#c_wenzi ul li a:hover {line-height:30px; color:#ffffff; background:#414141; display:block;  }
#c_wenzi ul li.s{display:block; line-height:30px;font-size:24px;  color: #fff; padding:5px; border:0; font-family:"微软雅黑"; }


#case-c { width:1102px; margin:10px auto;  }
#case-c ul {list-style: none;  }
#case-c ul li {line-height:30px; float:left; display:block; color:#676666; 
border:#CCCCCC 1px solid; margin:5px; }
#case-c ul li a {display:block; line-height:30px;font-size:12px; text-align:center;  color:#676666;   padding:5px;  }
#case-c ul li a:hover {   line-height:30px; color:#ffffff; background:#414141; display:block;  }
#case-c ul li.s{display:block; line-height:30px;font-size:12px;  color: #000000; font-weight:bold; padding:5px; border:0; }
/* index-case */
.rollBox{width:1102px;overflow:hidden;padding:12px 0 5px 16px; margin:0 auto;}
.rollBox .LeftBotton{height:39px;background:url(../images/anniu_06-left.jpg) no-repeat 10px 0;overflow:hidden;float:left;display:inline;margin:15% 0 0 0;cursor:pointer;}
.rollBox .RightBotton{height:39px;width:55px;background:url(../images/anniu_06-right.jpg) no-repeat -3px 0;overflow:hidden;float:left;display:inline;margin:15% 0 0 0;cursor:pointer;}
.rollBox .Cont{width:965px;overflow:hidden;float:left;}
.rollBox .ScrCont{width:10000000px;}
.rollBox .Cont .pic{width:293px;float:left;text-align:center; margin-right:30px; }
.rollBox .Cont .pic img{padding:4px;background:#fff;border:1px solid #ccc;display:block;margin:0 auto;}
.rollBox .Cont .pic p{line-height:26px;}
.rollBox .Cont a:link,.rollBox .Cont a:visited{text-decoration:none;}
.rollBox .Cont a:hover{text-decoration:underline;}
.rollBox #List1,.rollBox #List2{float:left;}
.rollBox .case-gun{ background:#ededef; padding:5px; border:#CCC 1px solid;}
.f17-2			{font-size:14px; color: #e15e34; font-weight:bold; margin:10px 0; font-family:"微软雅黑";}
.f17-2 a			{font-size:14px; color:#e15e34;  }
.f17-2 a:hover 	{color:#a52800;  text-decoration:underline;}

.f17-3			{font-size:14px; color: #e15e34; font-weight:bold; display:block; width:162px; height:30px; line-height:30px; border:#e15e34 2px solid; margin:10px auto;font-family:"微软雅黑";}
.f17-3 a			{font-size:14px; color:#e15e34;   }
.f17-3 a:hover 	{color: #FFF;  text-decoration:underline; display:block; background:#C30;}

#news{
	width:1000px;
	margin:0 auto;
}
#index-news {  margin:20px auto 0px auto; width:1000px; }
#index-news ul {list-style: none;  }
#index-news ul li {width:313px; display:block; margin:10px; line-height:22px; float:left;  color: #999; }
#index-news ul li a { color:#494949;  }
#index-news ul li a:hover { color:#000;  }
.c2{ font-size:12px;}
.tu { width:313; height:167px; display:block; border:#CCC 1px solid; background: #f0f0f0; text-align:center; }
.tu a { width:313; height:167px; display:block;}
.tu a:hove { width:313; height:167px; display:block; background-color:#F90;}
.message{ background:#fcfcfc; padding:10px 0; }
.message-c{ width:1102px; margin:0 auto;}
.message-c-left{ width:300px; float:left;}
.message-c-right{ width:772px; float:right;border:#999 1px solid;border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius:5px; padding:5px;}
.message-c-right-right{ width:770px;}
.more			{font-size:12px; color: #333;padding-left:10px; background: url(../images/index_37.jpg) 90% 50% no-repeat; text-align:right;  }
.more a			{font-size:12px; color:#333;  }
.more a:hover 	{color: #000;  text-decoration:underline;}


#bj_3{
	background:url(../images/index_40.jpg) no-repeat center top;
	padding:75px 0px;
	height:450px;
}
#hzkh{
	width:1000px;
	margin:0 auto;
}
.h_t{
	background:url(../images/index_16.jpg) no-repeat center top;
	padding:30px 0px;
	font:22px/40px "微软雅黑";
	text-align:center;
	color:#fff;
}
.h_t span{
	font:48px/70px "Arial Black", Gadget, sans-serif;
	display:block;
	color:#fff;
}
#logo{ width:1000px; height:auto; margin:30px auto; overflow:hidden; padding-top:1px;}
#logo:hover{ }
#logo:hover img{opacity:0.7;filter: alpha(opacity=70);}
#logo li{ float:left; width:164px; height:67px; overflow:hidden; position:relative; margin-left:1px; margin-bottom:1px;}
#logo li img{ position:absolute; left:0; top:0; z-index:10;}
#logo li:hover img{ opacity:1;filter: alpha(opacity=100);}
#foot_bg{
	background:url(../images/index_66.jpg) repeat-x;
	height:250px;
}
#foot{
	width:1000px;
	background:url(../images/index_66.jpg) repeat-x;
	margin:0 auto;
}
.f_logo{
	width:180px;
	height:210px;
	float:left;
	margin-right:70px;
}
.f_1{
	width:550px;
	float:left;
	font:12px/24px "微软雅黑";
	color:#6a6a6a;
	margin-top:20px;
}
.f_1 a{
	color:#6a6a6a;
}
.erweima{
	width:144px;
	float:right;
	margin-top:20px;
	color:#6a6a6a;
	text-align:center;
	font:12px/24px "微软雅黑";
}
.f_2{
	font:14px/40px "微软雅黑";
	color:#6a6a6a;
	text-align:center;
}
.f_2 a{
	color:#6a6a6a;
}



#full-screen-slider { width:100%; height:500px; position:relative}
#slides { display:block; width:100%; height:520px; list-style:none; padding:0; margin:0; position:relative;z-index: 1;}
#slides li { display:block; width:100%; height:100%; list-style:none; padding:0; margin:0; position:absolute; }
#slides li a { display:block; width:100%; height:100%; text-indent:-9999px}
#pagination { display:block; list-style:none; position:absolute; left:50%; top:400px; z-index:9900;  padding:5px 15px 5px 0; margin:0}
#pagination li { display:block; list-style:none; width:10px; height:10px; float:left; margin-left:15px; border-radius:5px; background:#FFF }
#pagination li a { display:block; width:100%; height:100%; padding:0; margin:0;  text-indent:-9999px;}
#pagination li.current { background:#0092CE}