@charset "utf-8";
/* CSS Document */
body{margin:0px auto; padding:0px; color:#333333; font-size:14px; overflow-x:hidden; font-family:"Microsoft YaHei";}
form,p,h1,h2,h3,h4,h5,h6,dl,dt,dd{ margin:0px;padding:0px;}
i{ font-style:normal;}
img{margin:0px; padding:0px; border:0px; overflow:hidden}
li{ list-style:none; padding:0; margin:0;}
ul{margin:0px;padding:0px;list-style-type:none;}
input,select{margin:0px;padding:0px;vertical-align:middle; outline:none}
a{ color:#333333; text-decoration:none;}
a:hover{ color:#005bac}
.clear{font-size:0px;line-height:0px;float:none;rheight:0px;clear:both;overflow:hidden;}
.fix:before,.fix:after{content:"";display:table;}
.fix{*zoom:1;}
.fix:after{clear:both;}

.center{ width:1200px; margin:auto}

/*hearder*/
#header{ width:100%; height:100px; background:#fff}
#header h1{ float:left; padding-top:17px;}

/*导航*/
.nav {float:left; height:100px; padding-left:50px;}
.nav ul:before,
.nav ul:after {
  content: "";
  display: table;
}
.nav ul:after {
  clear: both;
}
.nav li ul {
  background:#005bac;
}
.nav ul > li {
  float: left;
  position: relative;
  z-index:999
}
.nav h2 {
  display: block;
  width:102px;
  text-align:center;
  font-size:16px;
  line-height:100px;
  font-weight:normal;
}
.nav h2.a1,.nav ul li:hover h2{ background:#005bac;}
.nav h2.a1 a,.nav ul li:hover h2 a{ color:#fff}
.nav li ul li {
  width: 102px;
  text-align:center;
}
.nav li ul li:hover{ background:#90c31f}
.nav li ul li a{ font-size:14px; line-height:38px; color:#fff}
.nav li ul li a:hover{ color:#fff}
.nav5 ul > li:hover ul {
  max-height: 1000px;
  -webkit-transform: perspective(400) rotate3d(0, 0, 0, 0);
}
.nav5 li ul {
  position: absolute;
  z-index: 1;
  max-height: 0;
  overflow: hidden;
  -webkit-transform: perspective(400) rotate3d(1, 0, 0, -90deg);
  -webkit-transform-origin: 50% 0;
  -webkit-transition: 350ms;
  -moz-transition: 350ms;
  -o-transition: 350ms;
  transition: 350ms;
}


.top02{width:1200px; height:100px; margin:0px auto;}
.top02_r{width:29px; height:100px; float:right;}
.top02 .search_dk{width:29px; height:24px; cursor:pointer; margin-top:40px; display:block;}
.top02 .search_gb{width:29px; height:24px; cursor:pointer; margin-top:40px; display:none;}
.top02 .search02{width:100%; height:auto; background:url(../images/sousuo02.png); position:absolute; left:0px; top:100px; z-index:200; display:none;}
.top02 .search03{width:1200px; height:auto; padding:15px 0px; margin:0px auto;}
.top02 .search04{width:205px; height:30px; background:#FFF; float:right; padding-left:10px;}
.top02 .search05{width:38px; height:30px; float:right;}
.top02 .in{width:100%; height:30px; line-height:30px; border:0px; display:block;}


/*banner*/
#banner{ width:100%; height:auto;}
.slideBox{ width:100%; overflow:hidden; position:relative; }
.slideBox .hd{ height:2px; overflow:hidden; position:absolute; left:50%; bottom:26px; margin-left:-78px; display:inline; z-index:100; }
.slideBox .hd ul{ overflow:hidden; zoom:1; float:left;  }
.slideBox .hd ul li{ float:left; margin:0 8px; display:inline;  width:36px; height:2px; background:#fff; cursor:pointer; box-shadow: 10px 10px 5px #888888; }
.slideBox .hd ul li.on{ background:#90c31f;  }
.slideBox .bd{ position:relative; height:100%; z-index:0; }
.slideBox .bd li{ zoom:1; vertical-align:middle; }
.slideBox .bd img{ width:100%; display:block;}

/*box01*/
#box01{ width:100%; height:470px; background:url(../images/box01_bg.jpg) no-repeat bottom center;}
.box_bt{ width:100%; text-align:center}
.box_bt h2{ width:100%; text-align:center; font-size:30px; font-weight:normal; padding-top:50px; background:url(../images/xian01.png) no-repeat bottom center; padding-bottom:15px; margin-bottom:10px; color:#333}
.box_bt span{ width:100%; color:#999; font-size:16px;}

.zyyw{ width:1200px; margin:auto; margin-top:45px}
.zyyw ul li{ float:left; width:300px; text-align:center;}
.zyyw ul li .tb01,.zyyw ul li .tb02,.zyyw ul li .tb03,.zyyw ul li .tb04{ width:170px; height:164px; margin:auto; margin-bottom:18px;}

.zyyw ul li .tb01 a{ background:url(../images/tb01.png) no-repeat; width:170px; height:164px; display:block; transition: 0.2s ease-out;}
.zyyw ul li .tb01 a:hover{ background:url(../images/tb01s.png) no-repeat; }

.zyyw ul li .tb02 a{ background:url(../images/tb02.png) no-repeat; width:170px; height:164px; display:block; transition: 0.2s ease-out;}
.zyyw ul li .tb02 a:hover{ background:url(../images/tb02s.png) no-repeat;}

.zyyw ul li .tb03 a{ background:url(../images/tb03.png) no-repeat; width:170px; height:164px; display:block; transition: 0.2s ease-out;}
.zyyw ul li .tb03 a:hover{ background:url(../images/tb03s.png) no-repeat;}

.zyyw ul li .tb04 a{ background:url(../images/tb04.png) no-repeat; width:170px; height:164px; display:block; transition: 0.2s ease-out;}
.zyyw ul li .tb04 a:hover{ background:url(../images/tb04s.png) no-repeat;}

.zyyw ul li .tb_nr{ width:280px; margin:auto;}
.zyyw ul li .tb_nr h3{ font-size:26px; font-weight:normal; padding-top:6px}

/*公司业绩*/
.picMarquee-left{ width:100%; height:360px; overflow:hidden; position:relative; margin-bottom:50px;}
.picMarquee-left .hd .prev{ display:block; position:absolute; background:url(../images/an_left.png) no-repeat; width:40px; height:65px; left:0; top:144px; cursor:pointer; z-index:999}
.picMarquee-left .hd .next{ display:block; position:absolute; background:url(../images/an_right.png) no-repeat; width:40px; height:65px; right:0; top:144px; cursor:pointer; z-index:999}
.picMarquee-left .hd .prev:hover{ background:url(../images/an_lefts.png) no-repeat;}
.picMarquee-left .hd .next:hover{ background:url(../images/an_rights.png) no-repeat;}

.picMarquee-left .bd{}
.picMarquee-left .bd ul{ overflow:hidden; zoom:1; }
.picMarquee-left .bd ul li{ float:left; width:20%; height:360px; overflow:hidden; margin:0 0.3%; display:inline; position:relative}
.picMarquee-left .bd ul li img{ width:100%; height:360px; transition:all 1.2s; -moz-transition:all 1.2s; -webkit-transition:all 1.2s; -o-transition:all 1.2s; }
.picMarquee-left .bd ul li span{ position:absolute; width:100%; background:url(../images/yy_bg.png) repeat; height:54px; line-height:54px; text-align:center; display:block; bottom:0; left:0; font-size:18px}
.picMarquee-left .bd ul li a{ color:#fff}
.picMarquee-left .bd ul li a:hover{ color:#eb7f14}
.picMarquee-left .bd ul li:hover img{transform:scale(1.2); -moz-transform:scale(1.2); -webkit-transform:scale(1.2); -o-transform:scale(1.2); -ms-transform:scale(1.2);}

@media ( max-width:1400px) {
	 .picMarquee-left{ height:320px;}
	 .picMarquee-left .hd .prev,.picMarquee-left .hd .next{ top:104px}
	 .picMarquee-left .bd ul li{ height:320px}
	 .picMarquee-left .bd ul li img{ height:320px}
	
	}

.banner_mouse{ width:100%; background:url(../images/mouse.png) no-repeat center; position:relative; height:39px;}
.banner_mouse span{width: 12px; height: 8px; background: url(../images/mouse_arrow.png) center center no-repeat; position: absolute; left: 50%; margin-left: -6px; top:16px;}

/*公司简介*/
#box02{ width:100%; height:600px; background:url(../images/box02_bg.jpg) no-repeat bottom center #f4f2f3; margin-top:50px}
.gsjj{ width:1200px; height:240px; overflow:hidden; margin:auto; padding-top:50px}
.gsjj_left{ float:left; width:240px;}
.gsjj_left img{ width:240px;}
.gsjj_center{ float:left; width:660px; height:158px; background:#fff; padding:30px }
.gsjj_center p{ line-height:24px; padding-top:10px; height:92px; overflow:hidden}
.gsjj_more{ float:right; width:240px; height:240px;}
.gsjj_more a{ display:block; background:url(../images/gsjj_more.jpg) no-repeat;width:240px; height:240px;transition: 0.2s ease-out;}
.gsjj_more a:hover{ background:url(../images/gsjj_mores.jpg) no-repeat;}

#box02 ul{ width:1200px; margin:auto; padding-top:48px;}
#box02 ul li{ float:left; width:299px; text-align:center; height:72px; border-right:1px #d8d7d8 solid; font-size:40px;}
#box02 ul li i{ font-size:14px}
#box02 ul li span{ display:block; font-size:14px;}
#box02 ul li:last-child{ border-right:none;}

/*技术团队*/
#box03{ width:100%; background:url(../images/jstd_bg.jpg) no-repeat center; height:610px}
.picScroll-left{ width:1324px;  overflow:hidden; position:relative; margin:auto}

.picScroll-left .hd .prev{ position:absolute; background:url(../images/td_left.png) no-repeat; width:34px; height:30px; left:0; top:186px; cursor:pointer}
.picScroll-left .hd .next{ position:absolute; background:url(../images/td_right.png) no-repeat; width:34px; height:30px; right:0; top:186px; cursor:pointer}

.picScroll-left .bd{ padding:50px; }
.picScroll-left .bd ul{ overflow:hidden; zoom:1; }
.picScroll-left .bd ul li{ float:left; width:281px; margin:0 12px; display:inline; box-shadow: 0px 5px 5px #888888; }
.picScroll-left .bd ul li .pic{ text-align:center; height:303px; overflow:hidden; }
.picScroll-left .bd ul li .pic img{ width:281px; height:303px;transition:all 1.2s; -moz-transition:all 1.2s; -webkit-transition:all 1.2s; -o-transition:all 1.2s; }
.picScroll-left .bd ul li:hover img{transform:scale(1.2); -moz-transform:scale(1.2); -webkit-transform:scale(1.2); -o-transform:scale(1.2); -ms-transform:scale(1.2);}
.picScroll-left .bd ul li .title{ width:281px; text-align:center; height:58px; font-size:18px; text-align:center; line-height:58px; background:#ffffff;}

/*新闻动态*/
#box04{ width:100%; background:url(../images/debut_light.png) repeat; padding-bottom:60px}
.slideTxtBox{ width:1224px; margin:auto; padding-top:26px; }
.slideTxtBox .hd{ width:292px; margin:auto; height:40px; position:relative; }
.slideTxtBox .hd ul{ position:absolute;height:40px;   }
.slideTxtBox .hd ul li{ float:left; width:128px; height:38px; line-height:38px; text-align:center; font-size:20px; color:#333; cursor:pointer; border-radius:20px; border:1px #cacaca solid; margin:0 8px; display:inline}
.slideTxtBox .hd ul li.on{background:#005bac; color:#fff}
.slideTxtBox .bd{ padding-top:50px;}
.slideTxtBox .bd li{ float:left; width:380px; height:376px; position:relative; margin:0 14px; cursor:pointer}
.xw_box_img{ width:280px; height:123px; margin:auto; overflow:hidden; position:relative; z-index:999;}
.xw_box_img img{ width:280px; height:123px;transition:all 1.2s; -moz-transition:all 1.2s; -webkit-transition:all 1.2s; -o-transition:all 1.2s;}
.xw_box_nr{ width:380px; height:346px; background:#fff; bottom:0; position:absolute; box-shadow:1px 3px 5px #999;}
.xw_box_nr h6{ width:324px; margin:auto; height:60px; overflow:hidden; font-size:18px; font-weight:normal; margin-top:116px; line-height:30px;}
.xw_box_nr  p{ width:324px; margin:auto; height:78px; overflow:hidden; line-height:26px; color:#666; margin-top:18px}
.xw_box_nr span{ display:block; width:324px; margin:auto; font-size:14px; color:#999; margin-top:20px}
.xw_box_nr span img{ vertical-align:middle; margin-top:-2px; padding-right:6px}

.slideTxtBox .bd li:hover .xw_box_img img{transform:scale(1.2); -moz-transform:scale(1.2); -webkit-transform:scale(1.2); -o-transform:scale(1.2); -ms-transform:scale(1.2);}
.xw_more{ width:136px; height:40px; line-height:40px; text-align:center; border:1px #bdbdbd solid; background:#fff; margin:auto;border-radius:20px; margin-top:50px; transition: 0.2s ease-out;}
.xw_more:hover{ background:#005bac;}
.xw_more:hover a{ color:#fff}

/*底部*/
#footer{ width:100%; background:#252525;}
.footer_top{ width:100%; border-bottom:1px #333232 solid; color:#999; padding-top:36px; padding-bottom:30px}
.footer_top h2{ width:1200px; margin:auto; font-size:18px; font-weight:normal}
.footer_top h2 i{text-transform:uppercase; padding-left:10px}
.footer_top ul{ width:1216px; margin:auto; padding-top:20px;}
.footer_top ul li{ float:left; width:286px; height:45px; line-height:45px; text-align:center; background:#3b3a3a; margin:0 9px; font-size:16px;transition: 0.2s ease-out;}
.footer_top ul li a{ color:#999;}
.footer_top ul li:hover{ background:#005bac}
.footer_top ul li:hover a{ color:#fff}

.footer_bottom{ width:1200px; margin:auto; padding-top:40px; padding-bottom:40px;}
.foot_left{ float:left; width:265px;}
.foot_left span{ display:block; height:34px; line-height:34px; padding-left:40px; margin-top:25px; font-size:29px; color:#005bac; background:url(../images/foot_dh.jpg) no-repeat left center;}
.foot_center{ float:left; padding-left:90px;}
.foot_center ul li{ float:left; width:174px;}
.foot_center ul li h2{ font-size:16px; font-weight:normal; color:#999; padding-bottom:18px; background:url(../images/foot_xian.jpg) no-repeat left bottom; margin-bottom:12px}
.foot_center ul li h2 a,.foot_center ul li i a{ color:#999}
.foot_center ul li i{ width:100%; display:block; line-height:32px;}
.foot_center ul li h2 a:hover,.foot_center ul li i a:hover{ color:#878787}
.foot_center ul li:last-child h2{ background:none; padding-bottom:5px;}
.foot_right{ float:right;}
.foot_right span{ display:block; text-align:center; font-size:16px; color:#666; padding-top:15px}

.foot_db{ width:100%; background:url(../images/foot_x.jpg) repeat-x top center; height:64px; line-height:64px; color:#797979}
.foot_db span{ float:right;}
.foot_db span a,.foot_db span a:hover{ color:#797979}

/*二级banner*/
#rj_banner{ width:100%; position:relative;}
#rj_banner img{ width:100%; }

/*二级主页面*/
.rjym{ width:1200px; margin:auto;  margin-top:40px; margin-bottom:40px}
.mian_left{ float:left; width:230px;}
.mian_left h2{ width:230px; height:80px; background:#005bac; border-bottom:4px #90c31f solid; color:#fff; font-size:24px; font-weight:normal; text-align:center; padding-top:26px;}
.mian_left h2 span{ display:block; font-size:13px; color:#cfcfcf; padding-top:2px}
.mian_left ul{ background:#f8f8f8; margin-top:8px}
.mian_left ul li{ width:170px; padding-top:	16px; padding-bottom:16px; font-size:16px; padding-left:60px; transition: 0.2s ease-out;} 
.mian_left ul li{ width:170px; padding-top:	16px; padding-bottom:16px; font-size:16px; padding-left:60px;} 
.mian_left ul li.a1{ background:url(../images/jiao.png) no-repeat left center #005bac; background-position:20px}
.mian_left ul li.a1 a,.mian_left ul li:hover a{ color:#fff}
.mian_left ul li:hover{background:url(../images/jiao.png) no-repeat left center #005bac; background-position:20px}

.mian_right{ float:right; width:920px; min-height:800px;}
.mbx_dh{ width:920px; height:64px; line-height:64px; border-bottom:1px #dfdfdf solid; font-size:24px}
.mbx_dh span{ float:right; font-size:14px}
.mbx_dh span img{ vertical-align:middle; margin-top:-2px; padding-right:10px}
.mbx_dh span i{ color:#005bac}

/*公司简介*/
.rj_gsjj{ width:920px; position:relative; margin-top:40px;font-size:16px; line-height:32px; }
.rj_gsjj img{ max-width:920px} 

/*news*/
.news{width:920px;}
.news ul{ padding-top:12px}
.news ul li{ width:920px; height:152px; padding-top:22px; padding-bottom:22px; border-bottom:1px #dfdfdf solid}
.news ul li .date{ float:left; width:75px; height:75px; background:#ddd; text-align:center; font-size:35px; padding:11px;}
.news ul li .date span{ display:block; font-size:14px; border-top:1px #999 solid; padding-top:4px}
.news ul li .news_img{ float:left; margin-left:28px; width:260px; height:152px; overflow:hidden}
.news ul li .news_img img{ width:260px; height:152px; transition:all 1.2s; -moz-transition:all 1.2s; -webkit-transition:all 1.2s; -o-transition:all 1.2s; }
.news ul li:hover .news_img img{transform:scale(1.2); -moz-transform:scale(1.2); -webkit-transform:scale(1.2); -o-transform:scale(1.2); -ms-transform:scale(1.2);}
.news ul li .news_nr{ float:right; width:510px; height:152px}
.news ul li .news_nr h6{ font-size:18px; height:22px; line-height:22px; overflow:hidden; font-weight:normal; padding-top:12px;}
.news ul li .news_nr p{ font-size:14px; line-height:22px; height:44px; overflow:hidden; padding-top:15px}
.news ul li .news_nr .more{ width:105px; height:30px; text-align:center; line-height:30px; font-size:14px; border:1px #005bac solid; display:block; margin-top:18px}
.news ul li .news_nr .more:hover{ background:#005bac}
.news ul li .news_nr .more a{ color:#005bac}
.news ul li .news_nr .more:hover a{ color:#fff}

/* 分页 */
#page{ font-family:"宋体";text-align:center; margin-bottom:10px; display:block; padding-top:25px}
#page a { display:inline-block; height:27px; line-height:27px; background:#fff; border:1px solid #e3e3e3; text-align:center; color:#333; padding:0 12px}
#page a.a1 {width:56px;  }
#page a:hover { background:#f1f1f1; color:#000; text-decoration:none }
#page span { display:inline-block; height:27px; line-height:27px; background:#005bac;color:#fff; text-align:center;padding:0 12px}

/*文章内容页面*/
.article{ width:100%; padding-top:25px}
.article h6{ width:100%; text-align:center; font-weight:normal; font-size:22px;}
.article .time{ width:100%; height:50px; line-height:50px; text-align:center;}
.article .time span{ padding-left:18px;}
.article .time span i{ color:#005bac}
.article .neirong{ width:100%; font-size:16px; line-height:32px;}
.article .neirong img{ max-width:100%; text-align:center;}
.article .pre{ width:100%; margin-top:50px}
.article .pre ul li{ width:100%; font-size:16px; line-height:32px}

/*技术团队*/
.rj_jstd{width:920px; overflow:hidden;}
.rj_jstd ul { padding-top:45px; margin-left:-22px}
.rj_jstd ul li{width:281px;height:303px;float:left; position:relative;overflow:hidden;cursor:pointer; margin-left:30px; margin-bottom:30px; display:inline}
.rj_jstd ul li img{ width:281px; height:303px;}
.rj_jstd .txt{width:281px;height:45px; background:url(../images/1.png) repeat;position:absolute;left:0;bottom:0;color:#fff;font-family:"微软雅黑";}
.rj_jstd .txt h3{font-size:20px;font-weight:100;height:45px;text-align:center;line-height:45px;}
.rj_jstd .txt p{ width:251px; margin:auto; height:38px; overflow:hidden; font-size:14px;text-align:center; padding-top:4px}
.rj_jstd ul li a,.rj_jstd ul li a:hover{ color:#fff}

/*招贤纳士*/
.zxns{ width:100%; padding-top:15px}
.zxns ul li{ width:905px; height:55px; line-height:55px; border-bottom:1px #d8d8d8 dashed; font-size:16px; background:url(../images/jiantou.jpg) no-repeat left center; padding-left:15px}
.zxns ul li span{ float:right; color:#666}

/*公司业绩*/
.results{ width:920px;}
.rj_gsyj h6{ font-size:24px; font-weight:normal; padding-bottom:20px}

.rj_gsyj{width:920px; overflow:hidden;}
.rj_gsyj ul { padding-top:42px; margin-left:-30px; }
.rj_gsyj ul li{width:280px;height:280px;float:left; position:relative;overflow:hidden;cursor:pointer; margin-left:30px; margin-bottom:30px; display:inline}
.rj_gsyj ul li img{ width:99%; height:99%; margin:0 auto;}
.rj_gsyj .txt{width:100%;height:56px; background:url(../images/1.png) repeat;position:absolute;left:0;bottom:0;color:#fff;font-family:"微软雅黑";}
.rj_gsyj .txt h3{font-size:20px;font-weight:100;height:56px;text-align:center;line-height:56px;}
.rj_gsyj .txt p{ width:100%; margin:auto; height:56px; overflow:hidden; font-size:14px;text-align:center; padding-top:4px}
.rj_gsyj ul li a,.rj_gsyj ul li a:hover{ color:#fff}

/*联系我们*/
.lxwm{ width:920px; margin-top:20px; font-size:16px; line-height:32px; padding-top:10px}
.lxwm h2{ font-size:22px; margin-bottom:10px; font-weight:normal}


/*在线客服*/
.side{position:fixed;width:54px;height:275px;right:0;top:50%; margin-top:-85px; z-index:100;}
.side ul li{width:54px;height:54px;float:left;position:relative;border-bottom:1px solid #444;}
.side ul li .sidebox{position:absolute;width:54px;height:54px;top:0;right:0;transition:all 0.3s;background:#000;opacity:0.8;filter:Alpha(opacity=80);color:#fff;font:14px/54px "微软雅黑";overflow:hidden;}
.side ul li .sidetop{width:54px;height:54px;line-height:54px;display:inline-block;background:#000;opacity:0.8;filter:Alpha(opacity=80);transition:all 0.3s;}
.side ul li .sidetop:hover{background:#90c31f;opacity:1;filter:Alpha(opacity=100);}
.side ul li img{float:left;}