@charset "utf-8";
/* CSS Document */
@import url(global.css);

/*------全局定义-------------------- */

*{
	padding:0px;
	margin:0px;
}
html{
	background:#ffffff;
    }
	
body{
	font:12px "宋体";	
	behavior: url(../style/hover.htc);
    }
		
img{
	border:none;
    }
   
a{
    color:#666666;
	text-decoration:none;
   }

a:hover{
	text-decoration: none;
	color:#FF0000;
   }
	
ul{
	list-style:none;
   }
   
input,select,button{
    font:12px Verdana,Arial,Tahoma;
    vertical-align:middle;
   }

select{
  border:none;}

.clear{
    clear:both;
    height:0px; 
	overflow: hidden;
	}


/****************************幻灯样式************************/
.banner{height:400px;margin:0 auto; position:relative; overflow:hidden;}
.banner .banner_bg{width:1920px;height:400px; position:relative;left:50%;margin:0px auto 0px -960px; text-align:center; z-index:1; overflow:hidden;}
.banner .banner-img {
	width:1920px; 
	height:400px;
}

.banner .banner-img li{
   display:block;
   float:left;
}

.banner .banner-img img {
	width:1920px; 
	height:400px;
}

.banner .banner-nav {
    width:66px;
    height:15px;
	right:900px;
	bottom:10px;
	position:absolute;	
}
.banner .banner-nav li {
	float:left;
	overflow:hidden;
	width:16px;
	height:15px;
	padding-left:5px;
}
.banner .banner-nav span{
	float:left;
	width:16px;
	height:15px;
	line-height:15px;	
	background:url(../images/22.png) no-repeat;
}
.banner .banner-nav .this span{
	display:block;
	width:16px;
	height:15px;
    background:url(../images/11.png) no-repeat;
}

/****************************主体样式***********************/
.main{width:1100px;height:auto;margin:0 auto;}
.application{width:1100px;height:300px;position:relative;}
.application .title{ position:absolute;left:-50px;width:1em;padding:22px 17px; background:#eb6029;cursor: pointer; font-size:17px; font-weight:bold; color:#FFF; font-family:"微软雅黑";}
.application ul{width:1110px;}
.application ul li{width:212px;height:140px;margin-right:10px;margin-bottom:10px; position:relative; float:left; overflow:hidden; position:relative;}
.application ul li img{width:212px;height:140px;}
.application ul li span{ display:block;width:100%;height:30px; line-height:30px; text-align:center; position:absolute; bottom:0px;color:#ffffff;background:rgba(0, 0, 0, 0.6) none repeat scroll 0 0 !important;/*实现FF背景透明，文字不透明*/
	filter:Alpha(opacity=60);
	background:#000000;/*实现IE背景透明*/}

.product{width:1100px;}
.product .title{width:100%;margin-top:30px;overflow:hidden;}
.product .title ul li{width:183px;float:left; text-align:center; font-family:"微软雅黑"; font-size:15px; font-weight:bold;}
.product .title ul li a{ display:block;border-bottom:2px solid #cccccc; color:#333333;padding-bottom:12px;}
.product .title ul li a:hover{border-bottom:2px solid #eb6029;}
.product .title ul .hover a{border-bottom:2px solid #eb6029;}

.product .product_box{width:100%;height:546px;overflow:hidden;}
.product .product_box .product_hot{width:100%; height:490px;padding:28px 0px;}
.product .product_box .product_hot ul{width:1120px;}
.product .product_box .product_hot ul li{width:353px;height:235px; float:left;margin-right:20px;margin-bottom:20px; overflow:hidden;}
.product .product_box .product_hot ul li img{width:353px;height:185px;}
.product .product_box .product_hot ul li span{ display:block;width:100%;height:50px; line-height:50px; text-align:center; background:#eb6029;color:#ffffff;}
.product .product_box .product_list{width:100%;height:490px;padding:28px 0px;overflow:hidden;}
.product .product_box .box_left{width:460px; float:left;}
.product .product_box .box_left .descript{height:150px; background:#d65324;}
.product .product_box .box_left .descript p{color:#ffffff; line-height:19px; padding:30px 20px;}


.push{width:460px;height:320px;margin-top:20px; position:relative;text-align:center; z-index:1; overflow:hidden;}
.push .push-img {
	width:460px; 
	height:320px;
	overflow:hidden
}

.push .push-img li{
   display:block;
   width:460px; 
	height:320px;
   float:left;
   background:#f4f4f4;
   overflow:hidden
}

.push .push-img img {
	width:460px; 
	height:230px;
}
.push .push-img li .mark{width:70px;height:70px; position:absolute;left:0px;top:0px; background:url(../images/mark.png) no-repeat; overflow:hidden;}
.push .push-img li h5{font-size:14px; color:#333333; text-indent:22px;margin:20px 0 10px 0px;}
.push .push-img li p{color:#666666;text-indent:22px;text-align: left;padding: 0 20px; line-height:20px;}

.push .push-nav {
    width:45px;
    height:10px;
	right:220px;
	bottom:100px;
	position:absolute;	
}
.push .push-nav li {
	float:left;
	overflow:hidden;
	width:10px;
	height:10px;
	padding-left:5px;
}
.push .push-nav span{
	float:left;
	width:10px;
	height:10px;
	line-height:10px;	
	background:url(../images/44.png) no-repeat;
}
.push .push-nav .this span{
	display:block;
	width:10px;
	height:10px;
    background:url(../images/33.png) no-repeat;
}


.push1{width:460px;height:320px;margin-top:20px; position:relative;text-align:center; z-index:1; overflow:hidden;}
.push1 .push1-img {
	width:460px; 
	height:320px;
	overflow:hidden
}

.push1 .push1-img li{
   display:block;
   width:460px; 
	height:320px;
   float:left;
   background:#f4f4f4;
   overflow:hidden
}

.push1 .push1-img img {
	width:460px; 
	height:230px;
}
.push1 .push1-img li .mark{width:70px;height:70px; position:absolute;left:0px;top:0px; background:url(../images/mark.png) no-repeat; overflow:hidden;}
.push1 .push1-img li h5{font-size:14px; color:#333333; text-indent:22px;margin:20px 0 10px 0px;}
.push1 .push1-img li p{color:#666666;text-indent:22px;text-align: left;padding: 0 20px; line-height:20px;}

.push1 .push1-nav {
    width:45px;
    height:10px;
	right:220px;
	bottom:100px;
	position:absolute;	
}
.push1 .push1-nav li {
	float:left;
	overflow:hidden;
	width:10px;
	height:10px;
	padding-left:5px;
}
.push1 .push1-nav span{
	float:left;
	width:10px;
	height:10px;
	line-height:10px;	
	background:url(../images/44.png) no-repeat;
}
.push1 .push1-nav .this span{
	display:block;
	width:10px;
	height:10px;
    background:url(../images/33.png) no-repeat;
}


.push2{width:460px;height:320px;margin-top:20px; position:relative;text-align:center; z-index:1; overflow:hidden;}
.push2 .push2-img {
	width:460px; 
	height:320px;
	overflow:hidden
}

.push2 .push2-img li{
   display:block;
   width:460px; 
	height:320px;
   float:left;
   background:#f4f4f4;
   overflow:hidden
}

.push2 .push2-img img {
	width:460px; 
	height:230px;
}
.push2 .push2-img li .mark{width:70px;height:70px; position:absolute;left:0px;top:0px; background:url(../images/mark.png) no-repeat; overflow:hidden;}
.push2 .push2-img li h5{font-size:14px; color:#333333; text-indent:22px;margin:20px 0 10px 0px;}
.push2 .push2-img li p{color:#666666;text-indent:22px;text-align: left;padding: 0 20px; line-height:20px;}

.push2 .push2-nav {
    width:45px;
    height:10px;
	right:220px;
	bottom:100px;
	position:absolute;	
}
.push2 .push2-nav li {
	float:left;
	overflow:hidden;
	width:10px;
	height:10px;
	padding-left:5px;
}
.push2 .push2-nav span{
	float:left;
	width:10px;
	height:10px;
	line-height:10px;	
	background:url(../images/44.png) no-repeat;
}
.push2 .push2-nav .this span{
	display:block;
	width:10px;
	height:10px;
    background:url(../images/33.png) no-repeat;
}

.push3{width:460px;height:320px;margin-top:20px; position:relative;text-align:center; z-index:1; overflow:hidden;}
.push3 .push3-img {
	width:460px; 
	height:320px;
	overflow:hidden
}

.push3 .push3-img li{
   display:block;
   width:460px; 
	height:320px;
   float:left;
   background:#f4f4f4;
   overflow:hidden
}

.push3 .push3-img img {
	width:460px; 
	height:230px;
}
.push3 .push3-img li .mark{width:70px;height:70px; position:absolute;left:0px;top:0px; background:url(../images/mark.png) no-repeat; overflow:hidden;}
.push3 .push3-img li h5{font-size:14px; color:#333333; text-indent:22px;margin:20px 0 10px 0px;}
.push3 .push3-img li p{color:#666666;text-indent:22px;text-align: left;padding: 0 20px; line-height:20px;}

.push3 .push3-nav {
    width:45px;
    height:10px;
	right:220px;
	bottom:100px;
	position:absolute;	
}
.push3 .push3-nav li {
	float:left;
	overflow:hidden;
	width:10px;
	height:10px;
	padding-left:5px;
}
.push3 .push3-nav span{
	float:left;
	width:10px;
	height:10px;
	line-height:10px;	
	background:url(../images/44.png) no-repeat;
}
.push3 .push3-nav .this span{
	display:block;
	width:10px;
	height:10px;
    background:url(../images/33.png) no-repeat;
}


.push4{width:460px;height:320px;margin-top:20px; position:relative;text-align:center; z-index:1; overflow:hidden;}
.push4 .push4-img {
	width:460px; 
	height:320px;
	overflow:hidden
}

.push4 .push4-img li{
   display:block;
   width:460px; 
	height:320px;
   float:left;
   background:#f4f4f4;
   overflow:hidden
}

.push4 .push4-img img {
	width:460px; 
	height:230px;
}
.push4 .push4-img li .mark{width:70px;height:70px; position:absolute;left:0px;top:0px; background:url(../images/mark.png) no-repeat; overflow:hidden;}
.push4 .push4-img li h5{font-size:14px; color:#333333; text-indent:22px;margin:20px 0 10px 0px;}
.push4 .push4-img li p{color:#666666;text-indent:22px;text-align: left;padding: 0 20px; line-height:20px;}

.push4 .push4-nav {
    width:45px;
    height:10px;
	right:220px;
	bottom:100px;
	position:absolute;	
}
.push4 .push4-nav li {
	float:left;
	overflow:hidden;
	width:10px;
	height:10px;
	padding-left:5px;
}
.push4 .push4-nav span{
	float:left;
	width:10px;
	height:10px;
	line-height:10px;	
	background:url(../images/44.png) no-repeat;
}
.push4 .push4-nav .this span{
	display:block;
	width:10px;
	height:10px;
    background:url(../images/33.png) no-repeat;
}













.product .product_box .box_right{width:620px;float:right; overflow:hidden;}
.product .product_box .box_right ul{width:640px;}
.product .product_box .box_right ul li{width:300px;height:150px; float:left; overflow:hidden;margin-right:20px;margin-bottom:20px; position:relative;}
.product .product_box .box_right ul li img{width:300px;height:150px;}
.product .product_box .box_right ul li span{ display:block;width:100%;height:40px; position:absolute;bottom:0px; line-height:40px; text-align:center;color:#ffffff;background:rgba(0, 0, 0, 0.5) none repeat scroll 0 0 !important;/*实现FF背景透明，文字不透明*/
	filter:Alpha(opacity=50);
	background:#000000;/*实现IE背景透明*/}

.gd{width:1100px;height:70px;margin-top:20px;overflow:hidden;}
.gd img{width:1100px;height:70px;}

.point{width:1100px;height:430px; text-align:center; overflow:hidden;}

.advantage{width:1100px;height:530px;margin-top:30px; overflow:hidden}
.advantage ul{width:1110px;}
.advantage ul li{width:360px;height:260px;float:left;margin-right:10px;margin-bottom:10px; overflow:hidden;}
.advantage ul li img{width:360px;height:130px;}
.advantage ul li dl{height:130px; background:#f4f4f4;	 overflow:hidden;}
.advantage ul li dl dt{width:90px; float:left; text-align:center; font-size:80px; color:#e05926; line-height:130px;}
.advantage ul li dl dd{ font-family:"微软雅黑";}
.advantage ul li dl dd span{font-size:20px; display:block; line-height:24px;color:#333333; font-weight:bold;margin-top:30px; }
.advantage ul li dl dd p{ line-height:18px; color:#666666;margin-top:10px; padding-right:10px;}
.advantage ul .five{height:100%;}
.advantage ul .five img{width:360px;height:260px;}
.advantage ul  .five dt{font-size:130px; line-height:260px;color:#ffffff;width:127px; text-align:center;}
.advantage ul  .five dd{margin-top:88px;font-family:"微软雅黑";}
.advantage ul  .five dd p{font-size:25px; font-weight:bold;color:#ffffff; line-height:normal;}
.advantage ul  .five dd p strong{font-size:50px;}

.server{width:1100px;height:100%;font-family:"微软雅黑";}
.server .title{ font-size:36px; color:#e25a26; font-weight:bold;height:100px; line-height:100px; text-indent:20px;}
.server .server_box{ background:url(../images/server_14.jpg) right 14px bottom 0px no-repeat;padding-left:34px;}
.server .server_box ul{background:url(../images/server_11.jpg) left center no-repeat;}
.server .server_box ul li{height:51px; line-height:51px; font-size:18px; color:#666666; text-indent:40px;}
.server .server_box ul li span{color:#e25a26;font-size:20px; font-weight:bold;}

.honner{width:1100px;margin-top:30px; overflow:hidden;}
.honner .title{height:60px; background:url(../images/honner.jpg) no-repeat;}
.honner .title a{float:right;margin-top:17px;}
.honner .honner_box{height:260px; background:#f4f4f4;overflow:hidden;}
.honner .honner_box .LeftBotton{height:67px;width:24px;background:url(../images/leftbutton.jpg) no-repeat;overflow:hidden;float:left;display:inline;margin:75px 23px 0 23px;cursor:pointer;}
.honner .honner_box .RightBotton{height:67px;width:24px;background:url(../images/rightbutton.jpg) no-repeat;overflow:hidden;float:left;display:inline;margin:75px 23px 0 23px;cursor:pointer;}
.honner .honner_box ul{float:left;padding:30px 0px; overflow:hidden;}
.honner .Cont{width:960px;overflow:hidden;float:left;}
.honner .ScrCont{width:10000000px;}
.honner .honner_box ul li{width:225px; float:left; overflow:hidden; text-align:center;margin-right:20px; overflow:hidden;}
.honner .honner_box ul li img{width:225px;height:169px;}
.honner .honner_box ul li span{margin-top:15px; display:block; color:#666666;}

.customer{width:1100px;margin-top:50px; overflow:hidden;}
.customer .title{height:60px; background:url(../images/index_78.jpg) no-repeat;}
.customer .title a{float:right;margin-top:17px;}
.customer ul{width:1120px;}
.customer ul li{width:520px;height:100px;float:left; background:#f4f4f4; overflow:hidden;margin-right:20px;margin-bottom:20px;padding-left:20px;padding-top:20px;}
.customer ul li img{width:100px;height:75px; float:left;margin-right:22px;}
.customer ul li span{font-weight:bold;color:#333333; font-size:14px;}
.customer ul li p{color:#999;line-height:18px;margin-top:16px;}

.case{width:1100px;height:362px;margin-top:30px; overflow:hidden;}
.case .title{height:60px; background:url(../images/index_95.jpg) no-repeat;}
.case .title a{float:right;margin-top:17px;}
.case ul{width:1110px;}
.case ul li{
	/*非IE的主流浏览器识别的垂直居中的方法*/
	/*设置水平居中*/
	text-align:center;
	width:220px;
	height:100px;
	line-height:100px;
	border-right:1px solid #dedede;
	border-bottom:1px solid #dedede;
	float:left;
	overflow:hidden
	}
.case ul li img{vertical-align:middle; }
 

.about{width:1100px;margin-top:30px; overflow:hidden;}
.about .title{height:60px; background:url(../images/about.jpg) no-repeat; text-align:right; line-height:60px;color:#cccccc;}
.about .title a{margin:0 14px;}
.about .company{width:540px;height:380px; float:left; background:#f4f4f4; overflow:hidden;}
.about .company .picture img{width:540px;height:120px;}
.about .company .company_box{padding:20px 20px 0px 20px;}
.about .company .company_box h3{font-size:14px; color:#333333;}
.about .company .company_box p{ line-height:18px; color:#666666;margin-top:15px;}
.about .company .company_box ul{padding-top:15px;}
.about .company .company_box ul li{width:116px;height:58px; float:left;margin-right:12px;}
.about .company .company_box ul li img{width:116px;height:87px;}

.about .news{width:540px;height:380px; float:right; overflow:hidden;}
.about .news .title{height:46px; line-height:46px; overflow:hidden;}
.about .news .title ul{ background:#f7f7f7;height:46px;}
.about .news .title ul li{float:left;width:135px; text-align:center;}
.about .news .title ul li a{ display:block;margin:0px;border-bottom:1px solid #ebebeb;border-left:1px solid #ebebeb;}
.about .news .title ul li a:hover{font-size:14px; color:#333333; font-weight:bold; background:#ffffff;border:none;}
.about .news .title ul .hover a{font-size:14px; color:#333333; font-weight:bold; background:#ffffff; border:none;}

.about .news .news_box{padding:25px 10px 0px 10px;overflow:hidden;}
.about .news .news_box ul{padding-bottom:20px;}
.about .news .news_box ul li{height:33px;line-height: 33px;background:url(../images/lit.jpg) left center no-repeat;text-indent:16px;}
.about .news .news_box ul li a{float:left;color:#333333;}
.about .news .news_box ul li span{float:right;color:#999999;}

.about .news .news_box ul .top{height:80px;margin-bottom: 25px;overflow: hidden;text-indent: 0px;}
.about .news .news_box ul .top img{width:120px;height:80px;float:left;margin-right: 22px;}
.about .news .news_box ul .top h3{font-size: 14px;line-height:25px;color:#333;}
.about .news .news_box ul .top p{line-height:22px;color:#999;}
.about .news .news_box ul .top p a{float:none;}

.link{width:1100px;margin-top:30px;overflow:hidden;}
.link .title{color:#000000;font-size:14px; line-height:21px; font-weight:bold;}
.link ul{ padding:20px 0 30px 0; height:100%; overflow:hidden;}
.link ul li{float:left; line-height:26px;margin-right:16px;}
.link ul li a{color:#333333;}
/*---------------------------------------弹出层-------------------------------------------------*/
.diam-popover,.theme-popover,.theme-popover1,.theme-popover2,.theme-popover3,.theme-popover4,.theme-popover5,.theme-popover6,.theme-popover7,.theme-popover8{z-index:9999;position:fixed;top:25%;left:50%;width:40%;margin:-5% 0 0 -20%;border-radius:5px;border:solid 1px #476f9a;background-color:#fff;display:none;box-shadow: 0 0 10px #666;}
.theme-popover-mask{background: #000 none repeat scroll 0 0;display: none;height: 100%;left: 0;opacity: 0.8;position: fixed;top: 0;width: 100%; z-index: 9998;}
.theme-tit{ height:32px; line-height:32px; background:#476f9a; color:#fff;}
.theme-tit h2{font-size:14px;float:left;text-indent:10px; font-size:14px;}
.theme-tit .close{font-size:14px;float:right;padding-right:10px;color:#fff;}
.theme-tit p{ float:left; background:#fff;margin:6px 0 0 10px;}
.theme-tit select{ width:120px; border: none;}

/*---*/
.theme-img{padding:1px;}
.theme-img img{ width:100%; display:block; float:left;}
/*---*/
.theme-con{ width:100%; height:100%; overflow:hidden; padding:30px 0;} 
.theme-con .lis{width:100%; height:100%; overflow:hidden;margin-bottom:12px;line-height:28px;}  
.theme-con .lis i{ color:#f60; margin-left:5px; font-size:16px;}
.theme-con .lis font{ color:#999; margin-left:5px;}
.theme-con .lis h6{width:28%;height:28px;float:left;display:block;color:#666;font-size:12px;text-align:right;padding-right:1%; font-weight:lighter;}  
.theme-con .lis span{ width:40%;font-size:12px; display:block; float:left;}  
.theme-con .lis span input{width:100%; height:28px; line-height:28px;}   
.theme-con .lis span select {width:100%;height:30px; line-height:30px;}  
.theme-con .lis span textarea{width:100%; overflow:hidden; line-height:22px;} 
.theme-con .lis .img {overflow:hidden;float:left; position:relative;}
.theme-con .lis .img img{ display:block; float:left; height:90px; border:1px solid #dedede; padding:1px;border-radius: 4px;}
.theme-con .lis .img .file_img{height:92px;background: none; padding-left:10000px; position:absolute; top:0; left:0; border:none;box-shadow:none;}
.theme-con .sub{ margin-left:29%;} 

/*---提交---*/
.operate a,.operate input,.operate select{padding:4.5px 20px; border:1px solid #ccc; background:#f7f7f7; margin-right:10px; display:block; float:left;border-radius:3px;}
.operate a:hover,.operate input:hover{padding:4.5px 20px; background:#476f9a; border:1px solid #3e6692; color:#fff;webkit-transition: all .2s linear;-moz-transition: all .2s linear;transition: all .2s linear;white-space: nowrap;}
.operate .hov{ background:#476f9a;border: 1px solid #3e6692; color:#fff;}
.operate .hov:hover{ background:#f80; border:1px solid #f70;}

input,select,button,textarea{font:12px Verdana,Arial,Tahoma; vertical-align:middle;outline: medium none; color:#666; border:1px solid #ccc;text-indent:2px;border-radius:2px;-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);-webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;}