@charset "gb2312";
/* CSS Document */
/*首页 顶部nav*/
.outter{ width:1110px; margin:0px auto;}
.header{border-top:3px solid #0068c3; background:#fff; width:100%; font-family:"微软雅黑"; }
.header .logo{margin-top:22px;margin-bottom:11px;float:left;}
.header .nav{float:right;}
.header .nav li{float:left;padding:0 17px;text-align:center;line-height:15px;background:url(../images/xian.png) no-repeat right top;font-size:15px;margin-top:35px; position:relative; }
.header .nav li a{display:inline-block;padding-bottom:32px; font-family:"微软雅黑";}
.header .nav li.cur a{border-bottom:3px solid #1263aa;color:#1263aa;}
.header .nav li:hover a{border-bottom:3px solid #1263aa;color:#1263aa;}
#banner{width:100%;position:relative;height:587px;}
#banner .float_bj{position:absolute;left:0;bottom:0;height:51px;width:100%;background:#000;opacity:.43;z-index:48;}
#banner .outter1{position:absolute;left:50%;margin-left:-555px;z-index:777;width:1110px;height:51px;bottom:0;}
#banner .outter1 .dianh{font-size:16px;letter-spacing:1px;color:#fff;float:right;line-height:51px;}
#banner .outter1 .icon{float:left;margin-top:15px;}
#banner .outter1 .icon a{float:left;margin-right:38px;}

/*内容*/
/*解决方案*/
.index01_bj{background:#fff; padding-bottom:22px;}
.index01_bj .index_title{background:url(../images/it1.png) no-repeat center;width:100%;height:38px;margin:0 auto 15px;}
.index01_bj .outter{padding-top:41px;margin-bottom:36px;}
.index1_list a{font-family:"微软雅黑";}
.index1_list li{float:left;width:165px;height:96px; margin-right:24px;position:relative;overflow:hidden; background:#1162aa; }
.index1_list li .con{width:165px;height:96px;position:absolute;left:0;bottom:0;z-index:111;padding-top:16px;}
.index1_list li .pic{width:163px;height:94px;overflow:hidden;position:relative;}
.index1_list li .pic .bj{position:absolute;width:166px;height:94px;left:0;bottom:0;background:#fff;opacity:.44;z-index:5;}
.index1_list li .con .img1{width:46px;height:46px;margin:0 auto;}
.index1_list li .con .img1 img{display:block;margin:0 auto;}
.index1_list li .con p{font-size:16px;color:#fff;text-align:center;letter-spacing:1px;line-height:26px;}

.index1_list li:hover{  background:#fff; border:#a0a0a0 1px solid; }
.index1_list li .pic .bj{position:absolute;width:165px;height:96px;left:0;bottom:0;background:#fff;opacity:0;z-index:99; display:none;}
.index1_list li:hover .pic .bj{  }
.index1_list li:hover .con p{ color:#1262ab;}
.x2{ display:none;}


.index1_list li .mask--{
	width:165px;
	height:96px;
	/*border:10px solid rgba(255,255,255,0.3);*/
	position:absolute;
	top:0px;
	left:0px;
	-webkit-transform:scale(0.1);
	-moz-transform:scale(0.1);
	-o-transform:scale(0.1);
	transform:scale(0.1);
	opacity:0;
	-webkit-transition:all 0.5s ease;
	-moz-transition:all 0.5s ease;
	-o-transition:all 0.5s ease;
	transition:all 0.5s ease;
	background:rgba(0,51,102,1);
	background:#fff;
	}
.index1_list li:hover .mask--{
	width:165px;height:96px; background:#fff;  border:#fff 3px solid;  
	-webkit-transform:scale(1);
	-moz-transform:scale(1);
	-o-transform:scale(1);
	transform:scale(1);
	opacity:1;
	}

.iys_bj{ width:100%; height:416px; background:#fbfbfb; text-align:center; }


.index2_bj{background:#efeff0;padding-top:38px;padding-bottom:50px;}
.index2_bj .index_title{background:url(../images/it2.png) no-repeat center; display:inline-block; width:100%;height:38px;margin:22px auto 25px;}
.index2_bj .outter{}
.index2_list{width:1110px;height:49px; overflow:hidden;}
.index2_list ul{width:1150px;height:49px;}
.index2_list a{display:block;line-height:49px;width:362px;margin-right:12px;background:#e6e5e5;height:49px;letter-spacing:1px;text-align:center;font-size:16px;color:#000;float:left;}
.index2_list a:first-child+a+a{margin-right:0;width:370px;}
.index2_list a.index2_cur{background:#046299;color:#fff;}
.index2_list a:hover{color:#fff;}
.index2_list_img{width:1110px; padding-top:12px;padding-bottom:80px; position:relative; }
.index2_list_img ul{width:1200px;}
.index2_list_img li{float:left;margin-bottom:15px;margin-right:12px;width:362px;height:200px;position:relative;overflow:hidden;}
.index2_list_img li .pic{width:362px;height:200px;overflow:hidden;position:relative;}
.index2_list_img li .pic img{width:362px;}
.index2_list_img li .tit{ width:362px; height:200px; position:absolute; left:0px; top:0px; line-height:40px;text-align:center;color:#333;font-size:16px;background:url(../images/hbg.png) repeat; }
.index2_list_img li .tit1{ line-height:40px;width:100%;text-align:center;color:#333;font-size:18px;margin-top:50px;}
.index2_list_img li .tit2{ line-height:40px;width:100%;text-align:center;color:#333;font-size:18px;}
.index2_list_img li .tit3{ line-height:40px;width:100%;text-align:center;color:#333;font-size:16px;}


.index2_list_img li .pic em{*display:none;position:absolute;left:-321px;top:0;width:362px;height:200px;background-image:linear-gradient(0deg, rgba(255,255,255,0), rgba(255,255,255,0.7), rgba(255,255,255,0));background-image:-moz-linear-gradient(0deg, rgba(255,255,255,0), rgba(255,255,255,0.7), rgba(255,255,255,0));background-image:-webkit-linear-gradient(0deg, rgba(255,255,255,0), rgba(255,255,255,0.7), rgba(255,255,255,0));background-image:-o-linear-gradient(0deg, rgba(255,255,255,0), rgba(255,255,255,0.7), rgba(255,255,255,0));background-image:-ms-linear-gradient(0deg, rgba(255,255,255,0), rgba(255,255,255,0.7), rgba(255,255,255,0));transform:skewx(-25deg);-o-transform:skewx(-25deg);-moz-transform:skewx(-25deg);-webkit-transform:skewx(-25deg);-moz-transition:0s;-o-transition:0s;-webkit-transition:0s;transition:0s;cursor:pointer;}
.index2_list_img li .pic:hover em{left:362px;transition:.7s;-moz-transition:.7s;-o-transition:.7s;-webkit-transition:.7s;}
.index2_bj .index_more{width:195px;height:36px;display:block;text-align:center;line-height:36px;font-size:18px;color:#fff; background:#fd9b00; position:absolute; bottom:30px; left:50%; margin-left:-98px; font-family:"微软雅黑"; cursor:pointer; }
.index2_bj .index_more:hover{ background:#0073bc; }

/*客户评价*/
.index3{ width:100%; height:auto; margin:0px auto; padding-bottom:40px; background:#f7f6f6; }
.index3 .index_title{ width:1110px;height:55px; line-height:55px; margin:0px auto 50px; background:#3d3d3d; color:#fff; font-size:22px; }
.picScroll_left li{float:left;width:316px;height:488px;margin-right:80px;position:relative;width:1110px;}
.picScroll_left li .total_all{width:1110px;height:488px;overflow:hidden;cursor:pointer; display:inline-block; }
.picScroll_left li .total_all .list01{float:left;width:316px;height:488px;margin-right:80px;position:relative;}
.picScroll_left li .total_all .list01:first-child+.list01+.list01{margin-right:0;}
.picScroll_left li p{line-height:66px;color:#070002;text-align:center;font-size:16px;letter-spacing:1px;width:316px;background:url(../images/bj2.png) no-repeat;}
.picScroll_left .bd{width:1110px;margin:0 auto;overflow:hidden;}
.picScroll_left .bd ul{width:1200px;}
.picScroll_left{margin-bottom:43px;}

.index4_bj{background:url(../images/faz.jpg) center no-repeat;height:137px;}

/*合作品牌*/
.index5_bj{background:url(../images/ppbg.jpg) center no-repeat;height:882px;}
.index5_bj .outter{padding-top:35px;}
.index5_bj .index_title{background:url(../images/it3.png) no-repeat center;width:100%;height:41px;margin:14px auto 31px;}
.hz_list { width:1110px; height:auto; }
.hz_list ul { width:1200px; }
.hz_list li{float:left;width:140px;height:140px; margin-right:21.6px;margin-bottom:22px; }
.hz_list li img{ width:140px; height:140px; -webkit-transition:all 0.5s linear 0s ; -moz-transition:all 0.5s linear 0s ;transition:all 0.5s linear 0s; cursor:pointer; }
.hz_list li img:hover{-webkit-transform:scale(1.1,1.1); -moz-transform:scale(1.1,1.1); transform:scale(1.1,1.1);}
.index5_bj .index_more{width:195px;height:36px;display:block;text-align:center;line-height:36px;font-size:18px;color:#fff; background:#fd9b00;margin:20px auto 0;}
.index5_bj .index_more:hover{ background:#0073bc;}



/*产品展示*/
.index6{ width:100%; height:auto; margin-bottom:0px; background:#f3f6fb; padding-bottom:40px; }
.index6 .index_title{background:url(../images/it4.png) no-repeat center;width:100%;height:41px;margin:40px auto 10px; padding-top:70px; }
.pro_list a{display:block;width:122px;height:41px;line-height:41px;background:#dadada;color:#333;font-size:18px;letter-spacing:1px;text-align:center;margin-right:1px;float:left;}
.pro_list a.index6_cur{color:#fff;background:#046299;}
.pro_list_img{ width:1110px;overflow:hidden;padding:25px 0px 0px 0px;}
.pro_list_img ul{width:1200px;overflow:hidden;}
.pro_list_img li{ width:264px; height:232px; float:left; overflow:hidden; margin-bottom:0px; margin-right:17px; margin-bottom:15px; text-align:center; border:#a0a0a0 1px solid; background:#fff; position:relative;  }
.pro_list_img li .line{ width:190px; height:1px; background:#c8c8c8; margin:0px auto;  }
.pro_list_img li .pic{width:264px;height:194px;overflow:hidden;}
.pro_list_img li p{width:262px;color:#333;font-size:14.88px;text-align:center;letter-spacing:0px;line-height:37px; height:37px; overflow:hidden;}
.pro_list_img .index_more{width:195px;height:36px;display:inline-block;text-align:center;line-height:36px;font-size:18px;color:#fff; background:#fd9b00;margin:20px auto 25px auto; font-family:"微软雅黑"; cursor:pointer; }
.pro_list_img .index_more:hover{ background:#0073bc; }

.pro_list_img li .pic img{
	width:262px; height:182px;
	-webkit-transition:all 0.8s ease;
	-moz-transition:all 0.8s ease;
	-o-transition:all 0.8s ease;
	transition:all 0.8s ease;}	
.pro_list_img li .pic img:hover{
	-webkit-transform:scale(1.2)}

.pro_float{ width:264px; height:232px; position:absolute; left:0px; top:0px; text-align:center; background:#000; filter:alpha(Opacity=70);-moz-opacity:0.7;opacity: 0.7; letter-spacing:2px; cursor:pointer;  }
.pro_float1{ width:100%; height:auto; margin-top:50px; text-align:center; font-family:"宋体"; font-size:18px; color:#fff;   }
.pro_float2{ width:100%; height:auto; margin-top:17px; text-align:center; font-family:"宋体"; font-size:18px; color:#fff;   }
.pro_float3{ width:100%; height:auto; margin-top:17px; text-align:center; font-family:"宋体"; font-size:14px; color:#fff;   }
.pro_float4{ width:100%; height:auto; margin-top:10px; text-align:center; font-family:"宋体"; font-size:25px; color:#fff;   }

.bigimg{ width:800px; height:600px; background:#fff; border:#707070 1px solid; position:fixed; left:50%; margin-left:-400px; top:50%; margin-top:-300px; z-index:9999;  }
.bigimg_pic{ width:100%; height:485px; margin:0px auto; }
.bigimg_line{ width:515px; height:1px; display:inline-block; border-bottom:#707070 1px solid; margin:0px auto; }
.bigimg_text{ width:100%; height:auto; line-height:40px; margin-top:20px; font-family:"微软雅黑"; font-size:18px; color:#000;  }
.bigimg ul{ width:100%; position:relative; }
.bigimg_close{ width:30px; height:30px; position:absolute; right:5px; top:5px; cursor:pointer; }


.index0_bj{ width:100%; height:530px; background:#f6f6e6; }
.i_about{ width:520px; height:auto; float:left; margin-top:60px; text-align:left; }
.i_about1{ width:100%; height:auto; margin:0px auto; }
.i_about2{ width:100%; height:auto; margin:30px auto 0px auto; }
.i_about3{ width:100%; height:auto; margin:15px auto 8px auto; font-size:18px; color:#000;  }
.i_about4{ width:100%; height:auto; line-height:25px; margin:0px auto; font-size:14px; color:#000;  }
.i_about5{ width:100%; height:auto; margin:0px auto; text-align:right; }
.i_about5 a{ font-size:15px; color:#000; }

.i_news{ width:520px; height:auto; float:right; margin-top:60px; text-align:left; }
.i_news1{ width:100%; height:auto; margin:0px auto; }
.i_newslist{ width:100%; height:300px; margin:30px auto 0px auto; overflow:hidden; }
.i_newslist ul li{ width:100%; height:auto; margin-bottom:25px; float:left;}
.i_newslist ul li .in1{ width:106px; height:80px; float:left; overflow:hidden; }
.i_newslist ul li .in1 img{ width:106px; height:80px; }
.i_newslist ul li .in2{ width:67px; height:80px; float:left; margin-top:0px; overflow:hidden; border-right:#4c4b4b 1px solid; }
.i_newslist ul li .in21{ font-size:15px; color:#333; text-align:right; }
.i_newslist ul li .in22{ font-size:12px; color:#666; text-align:right; margin-top:5px; }
.i_newslist ul li .in3{ width:336px; height:80px; float:right; overflow:hidden; }
.i_newslist ul li .in3 h3{ font-size:16px; color:#000; }
.i_newslist ul li .in3 h3 a{ font-size:16px; color:#000; }
.i_newslist ul li .in3 p{ font-size:12px; color:333; margin-top:5px; }

.i_news2{ width:100%; height:auto; margin:0px auto; text-align:right; }
.i_news2 a{ font-size:15px; color:#000; }