@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:#075AA7}
.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;}
.huis{ color:#999;}
.bais{ color:#CCC;}
.text-red{ color:#C00;}
.center{ width:85%; margin:0 auto; min-width:1200px;}
.xian6{ width:100%; height:6px;background:url(../images/xian.jpg) no-repeat center center; position:relative; z-index:19;}
.f26{ font-size:26px;}

/*hearder*/
#header{ width:100%; height:130px; background:#fff;box-shadow: 0 3px 4px rgba(0,0,0,.3); position:relative; top:0; left:0; right:0; z-index:99;}
#header h1{ float:left; padding-top:12px;}

.top1{ width:100%; background:#16338f; height:42px; color:#FFF; line-height:42px;}
.top1 span{ float:right; background:url(../images/dh.png) no-repeat left; padding-left:35px;}
.top1 span b{ font-size:20px;}
	
/*导航*/
.nav {float:left; height:86px; padding-left:11%;}
.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:130px;  text-align:center; font-size:18px;  line-height:86px;  font-weight:normal; background:url(../images/youx.png) no-repeat right center;}
.nav h2.a1,.nav ul li:hover h2{ color:#075AA7;}
.nav h2.a1 a,.nav ul li:hover h2 a{ color:#075AA7}
.nav li ul li {  width: 130px;  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_r{width:180px;float:right; margin-top:26px; border:1px solid #CCC; border-radius:50px;box-shadow: 0 2px 4px rgba(0,0,0,.2);}
.top02_r .search03{width:100%; height:auto; margin:0px auto;}
.top02_r .search04{width:124px; height:30px; background:none; float:left; margin-left:16px;}
.top02_r .search05{width:38px; height:30px; float:right;}
.top02_r .in{width:100%; height:26px; line-height:26px; margin-top:2px; border:0px; display:block; color:#999;}


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

		/* 下面是前/后按钮代码，如果不需要删除即可 */
		.slideBox .prev{ position:absolute; left:3%; top:50%; margin-top:-25px; display:block; width:44px; height:43px; background:url(../images/left1.png) no-repeat; filter:alpha(opacity=50);opacity:0.5;   }
		.slideBox .next{ left:auto; right:3%; background-position:8px 5px; position:absolute;  top:50%; margin-top:-25px; display:block; width:44px; height:43px; background:url(../images/right1.png) no-repeat; filter:alpha(opacity=50);opacity:0.5;}
		.slideBox .prev:hover,
		.slideBox .next:hover{ filter:alpha(opacity=100);opacity:1;  }
		.slideBox .prevStop{ display:none;  }
		.slideBox .nextStop{ display:none;  }


/*box01*/
#box01{ width:100%; height:490px; 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:36px; font-weight:normal; padding-top:50px; background:url(../images/xian01.png) no-repeat bottom center;padding-bottom:20px; margin-bottom:15px;}
.box_bt span{ width:100%; color:#999; font-size:16px;}

#tt{ font-weight:bold;  display: inline-block;  color: #1E3B80;
    background-image: -webkit-gradient(linear, 0 0, right 0, from(rgba(47, 162, 229, 1)), to(rgba(50, 196, 90, 1)));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;}
			
			
			

.zyyw{ width:80%; margin:auto; min-width:1200px; margin-top:45px}
.zyyw ul li{ float:left; width:12.5%; text-align:center;
      -webkit-transition: all 0.5s;-moz-transition: all 0.5s;-o-transition: all 0.5s;}
.zyyw ul li span{ width:122px; height:122px; display:block; transition: 0.2s ease-out; margin:0 auto; border:1px solid #AFBCC7;border-radius:50%;transition: All 0.4s ease-in-out;
-webkit-transition: All 0.4s ease-in-out;
-moz-transition: All 0.4s ease-in-out;
-o-transition: All 0.4s ease-in-out;}

.zyyw ul li:nth-child(1) span{ background:url(../images/tb01.png) no-repeat center center; display:block;}
.zyyw ul li:nth-child(2) span{ background:url(../images/tb02.png) no-repeat center center; display:block;}
.zyyw ul li:nth-child(3) span{ background:url(../images/tb03.png) no-repeat center center; display:block;}
.zyyw ul li:nth-child(4) span{ background:url(../images/tb04.png) no-repeat center center; display:block;}
.zyyw ul li:nth-child(5) span{ background:url(../images/tb05.png) no-repeat center center; display:block;}
.zyyw ul li:nth-child(6) span{ background:url(../images/tb06.png) no-repeat center center; display:block;}
.zyyw ul li:nth-child(7) span{ background:url(../images/tb07.png) no-repeat center center; display:block;}
.zyyw ul li:nth-child(8) span{ background:url(../images/tb08.png) no-repeat center center; display:block;}
.zyyw ul li:hover {transform: translate(0, -10px);
	-webkit-transform: translate(0, -10px);
	-moz-transform: translate(0, -10px);
	-o-transform: translate(0, -10px);
	-ms-transform: translate(0, -10px);}
.zyyw ul li:hover span{ border:1px solid #1E4C97; border-radius:50%;}

.zyyw ul li .tb_nr{ width:100%; margin:auto;}
.zyyw ul li .tb_nr h3{ font-size:20px; font-weight:normal; margin-top:10px;}
.zyyw ul li .tb_nr p{ line-height:24px; padding-top:10px; color:#999;}


/*公司业绩*/
#box05{ width:100%; padding-bottom:60px; background:url(../images/debut2.jpg) no-repeat bottom center; background-size:100% 100%;}
.picMarquee-left{ width:100%; height:400px; overflow:hidden; position:relative; margin-bottom:50px; margin-top:40px;}
.picMarquee-left .hd .prev{ display:block; position:absolute; background:url(../images/an_left.png) no-repeat; width:40px; height:65px; left:0; top:164px; 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:164px; 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:24.4%; height:390px; overflow:hidden; margin:0 0.3%; display:inline; position:relative}
.picMarquee-left .bd ul li img{ width:100%; height:390px; 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);}

.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;}


.jiao1{ width:100%; background:url(../images/dds1.png) no-repeat center; position:absolute; height:62px; margin-top:-30px;}
.jiao2{ width:100%; background:url(../images/dds2.png) no-repeat center; position:absolute; height:61px;}

/*公司简介*/
#box02{ width:100%; padding-bottom:60px; background:url(../images/box02_bg.jpg) no-repeat bottom center #f4f2f3;}
.gsjj{ min-width:1200px; width:85%; height:320px; overflow:hidden; margin:auto; padding-top:50px}
.gsjj_left{ float:left; width:21%;height:320px;}
.gsjj_left img{ width:100%; height:100%;}
.gsjj_center{ float:left; width:53%; height:230px; background:#fff; padding:2% 3%; }
.gsjj_center p{ line-height:26px; padding-top:10px; overflow:hidden; font-size:14px; color:#666;}
.gsjj_more{ float:right; width:20%; height:320px;}
.gsjj_more a{ display:block; background:#9FA1A0 url(../images/gsjj_more.jpg) no-repeat center bottom; width:100%;height:320px; transition: 0.2s ease-out;}
.gsjj_more a:hover{ background:#005BAC url(../images/gsjj_mores.jpg) no-repeat center bottom;}

#box02 ul{ width:85%; margin:auto; padding-top:50px;}
#box02 ul li{ float:left; width:31%; text-align:center; font-weight:bold; height:72px; border-right:1px #d8d7d8 solid; color:#36B7FC; font-size:50px;}
#box02 ul li i{ font-size:16px; color:#919191; font-weight:inherit;}
#box02 ul li span{ display:block; font-size:16px; color:#919191; font-weight:inherit;}
#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:80%;  overflow:hidden; position:relative; margin:0 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:320px; margin:6px 15px;  box-shadow: 0px 2px 5px #333; position:relative; background:#fff url(../images/xian2.jpg) no-repeat bottom left; background-size:100%; text-align:center;}
.picScroll-left .bd ul li .pic{ text-align:center; height:300px; overflow:hidden;display: table-cell;vertical-align:middle;text-align:center;*display: block;*font-size: 175px;min-height:240px;width:0.1%!important;}
.picScroll-left .bd ul li .pic img{ max-width:99%;width:auto; margin:0 auto; text-align:center;vertical-align:middle; max-height:300px;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{ display:none; position:absolute;}
.picScroll-left .bd ul li:hover .title{ display:block; top:0; left:0; z-index:3; width:80%; text-align:left; height:100%; font-size:14px;background:rgba(27, 95, 150,.9); color:#FFF; padding:10%; line-height:26px;}
.picScroll-left .bd ul li a{ color:#FFF!important;}
.picScroll-left .bd ul li h3{  font-size:20px!important; text-align:center; line-height:32px; padding-bottom:10px;}
.picScroll-left .bd ul li i{ position:absolute; bottom:15px; left:15px;}
.picScroll-left .bd ul li p{ color:#FFF;}

.picScroll-left .bd .list2{ margin-top:20px;}
.picScroll-left .bd .list2 li{ width:22.5%; background:none; overflow:hidden; margin-bottom:20px; text-align:center;}
.picScroll-left .bd .list2 li:last-child{ margin-right:0!important;}
.picScroll-left .bd .list2 .pic{ height:270px; overflow:hidden;display: table-cell;vertical-align:middle;text-align:center;*display: block;*font-size: 175px; width:0.1%!important; margin:0 auto;}
.picScroll-left .bd .list2 .pic img{ max-width:96%;width:auto; margin:0 auto; max-height:260px;transition:all 1.2s; -moz-transition:all 1.2s; -webkit-transition:all 1.2s; -o-transition:all 1.2s; }


/*新闻动态*/
#box04{ width:100%; background:url(../images/debut1.jpg) repeat; padding-bottom:60px}
.slideTxtBox{ width:85%; 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;background-image: -webkit-gradient(linear, 0 0, right 0, from(rgba(47, 162, 229, 1)), to(rgba(30, 59, 128, 1)));}
.slideTxtBox .bd{ padding-top:50px;}
.slideTxtBox .bd li{ float:left; width:23%; height:376px; position:relative; margin:0 1%; cursor:pointer; margin-top:10px; margin-bottom:20px;}
.xw_box_img{ width:80%; height:123px; margin:0 auto; overflow:hidden; position:relative; z-index:999;}
.xw_box_img img{ width:100%; height:100%;transition:all 1.2s; -moz-transition:all 1.2s; -webkit-transition:all 1.2s; -o-transition:all 1.2s;}
.xw_box_nr{ width:100%; height:346px; background:#fff; bottom:0; position:absolute; box-shadow:1px 3px 5px #999;}
.xw_box_nr h6{ width:90%; margin:auto; height:60px; overflow:hidden; font-size:18px; font-weight:normal; margin-top:116px; line-height:30px;}
.xw_box_nr  p{ width:90%; margin:auto; height:78px; overflow:hidden; line-height:26px; color:#666; margin-top:18px}
.xw_box_nr span{ display:block; width:90%; 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}


.xw_more2{ width:136px; height:36px; line-height:36px; text-align:center; border:1px #bdbdbd solid; margin:auto;border-radius:20px; margin-top:5%; transition: 0.2s ease-out;}
.xw_more2:hover{ background:#005bac;}
.xw_more2:hover a{ color:#fff}





/*底部*/
#footer{ width:100%; background:#1c3697;}
.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:85%; margin:auto; padding-top:40px; padding-bottom:40px;}
.foot_left{ float:left; width:16%;color:#9EAEB8;}
.foot_left li{line-height:28px; margin-top:10px;}
.foot_left li.db1{background:url(../images/db1.png) no-repeat left top; padding-left:20px;}
.foot_left li.db2{background:url(../images/db2.png) no-repeat left top; padding-left:20px;}
.foot_left li.db3{background:url(../images/db3.png) no-repeat left top; padding-left:20px;}
.foot_left span{ display:block; height:34px; line-height:34px; padding-left:40px; margin-top:25px; font-size:29px; color:#9EAEB8;}

.foot_center{ float:left; padding-left:5%; width:59%;}
.foot_center ul li{ float:left; width:20%;}
.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:#9EAEB8;}
.foot_center ul li i{ width:100%; display:block; line-height:28px;}
.foot_center ul li h2 a:hover,.foot_center ul li i a:hover{ color:#fff}
/*.foot_center ul li:last-child h2{ background:none; padding-bottom:5px;}*/
.foot_right{ float:right; width:200px;}
.foot_right span{ display:block; text-align:center; font-size:16px; color:#9EAEB8; padding-top:15px}
.foot_right h2{ font-size:16px; font-weight:normal; color:#999; padding-bottom:18px;  margin-bottom:12px}
.foot_right h2 a{ color:#9EAEB8;}

.foot_db{ width:100%; background:#062468; height:64px; line-height:64px; color:#9EAEB8; text-align:center;}
.foot_db span a,.foot_db span a:hover{ color:#9EAEB8}

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

.box_bt2{ width:100%; text-align:center; position:absolute; z-index:9; top:60px;}
.box_bt2 h2{ width:100%; text-align:center; font-size:36px; font-weight:normal; padding-top:50px; background:url(../images/xian01.png) no-repeat bottom center;padding-bottom:20px; margin-bottom:15px;}
.box_bt2 span{ width:100%; color:#999; font-size:16px;}


#zbox02{ width:100%; padding-bottom:60px; background:url(../images/zybj2.png) no-repeat bottom center; min-height:230px;}
#zbox02 ul{ width:85%; margin:auto; padding-top:50px;}
#zbox02 ul li{ float:left; width:31%; text-align:center; font-weight:bold; height:72px; border-right:1px #d8d7d8 solid; color:#36B7FC; font-size:50px;}
#zbox02 ul li i{ font-size:16px; color:#919191; font-weight:inherit;}
#zbox02 ul li span{ display:block; font-size:16px; color:#919191; font-weight:inherit;}
#zbox02 ul li:last-child{ border-right:none;}

/*二级主页面*/
.rjym{ width:100%;background:url(../images/zybj1.jpg) no-repeat top center; background-size:100% 100%;}
.mian_left{ height:46px; width:100%;background:#fff;box-shadow: 0 3px 4px rgba(0,0,0,.3); text-align:center; position:relative; }
.mian_left a{ font-size:17px; line-height:40px; padding:15px 35px; border-right:1px solid #E0E0E0;} 
.mian_left .a1{background-image: -webkit-gradient(linear, 0 0, right 0, from(rgba(47, 162, 229, 1)), to(rgba(30, 59, 128, 1)));color:#FFF;}
.mian_left a:hover{background-image: -webkit-gradient(linear, 0 0, right 0, from(rgba(47, 162, 229, 1)), to(rgba(30, 59, 128, 1))); color:#FFF;}

.mian_right{ float:right; width:920px; min-height:800px;}

.mbx_dh{ width:100%; height:64px; line-height:64px;font-size:24px}
.mbx_dh span{ float:left; 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:100%; position:relative; padding:5% 0;}
.rj_gsjj_tu{ float:left; padding-right:3%;}
.gsjj_nr{ font-size:16px; line-height:32px; padding-top:15px}

/*组织架构*/
.zzjg{ width:920px; font-size:16px; line-height:32px; margin-top:40px;}

/*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 { text-align:center; padding-top:2rem; padding-bottom:1.5rem;  }
.page a{ padding:0 6px; min-width: 35px; height:35px; line-height:33px; display:inline-block; margin:0 0.1rem; border-radius: 2px; color:#66635f; border:1px solid #CCC; background: #fff; font-size:.875rem; -moz-transition: all 0.36s ease-in-out;-webkit-transition: all 0.36s ease-in-out;-o-transition: all 0.36s ease-in-out;-ms-transition: all 0.36s ease-in-out;transition: all 0.36s ease-in-out;}
.page .on{ background:#1F4F9A;  color:#fff;}
.page a:hover{ background:#1F4F9A; color:#fff;}
.kuang4{min-width: 35px; height:35px;border:1px solid #CCC;}
/* 分页 */
#page{ font-family:"宋体";text-align:center; margin:30px 0; 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%;}
.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; padding-top:30px;}
.article .neirong img{ width:70%; margin:0 auto;}
.pre_g{ width:100%; padding-bottom:50px; overflow:hidden;}
.pre_g ul li{ width:49%; float:left; font-size:16px; line-height:32px; text-align:left;}
.pre_g ul li:nth-child(2n+0){ text-align:right;}

.article h3{ color:#075AA7; font-size:22px; line-height:40px;}
/*技术团队*/
.rj_jstd{width:100%; overflow:hidden;}
.rj_jstd ul { padding-top:45px; margin-left:-22px}
.rj_jstd ul li{width:22%;height:303px;float:left; position:relative;overflow:hidden;cursor:pointer; margin-left:3%; margin-top:30px; display:inline}
.rj_jstd ul li img{ width:100%; height:100%;}
.rj_jstd .txt{width:100%;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:100%; 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:30px 0;}
.zxns ul li{ width:80%; margin:0 auto; 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;}
.results_top{ width:920px; padding-top:25px; font-size:16px; line-height:32px; margin-bottom:30px}
.results_top h6,.rj_gsyj h6{ font-size:24px; font-weight:normal; padding-bottom:20px}

.rj_gsyj{width:920px; overflow:hidden;}
.rj_gsyj ul { padding-top:25px; margin-left:-30px; }
.rj_gsyj ul li{width:444px;height:440px;float:left; position:relative;overflow:hidden;cursor:pointer; margin-left:30px; margin-bottom:30px; display:inline}
.rj_gsyj ul li img{ width:444px; height:440px;}
.rj_gsyj .txt{width:444px;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:414px; 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;}



/* 必要布局样式css */
.cloud-share { width: 100%;  height: 100%;  margin-top: 20px;  position: relative; z-index:99;}
.cloud-share>p {    width: 132px;    height: 132px;    border: 1px solid #ddd;    background-color: #fff;}

.wei-xin { position:absolute;  top:-185px;  left:24px; display:none;  background-size: 132px;}
.wei-bo {position:absolute; top:-185px; left:-32px;display:none; background-size:132px;}
.wei-dy {position:absolute; top:-185px; left:65px;display:none; background-size:132px;}

.cloud-share ul li { float: left;  margin-left: 15px;  width: 40px;  height: 40px; border:1px solid #CCC;border-radius:50%;}
.cloud-share ul li a { display: block;}
.cloud-share ul li a span { display:inline-block; width: 40px; height:40px; background-repeat:no-repeat;  background-size:40px;}

.cloud-share ul li .icon-blog { background-image: url(../images/wb1.png);}
.cloud-share ul li .icon-blog:hover {  background-image: url(../images/wb2.png);}

.cloud-share ul li .icon-wei {  background-image: url(../images/wx1.png);}
.cloud-share ul li .icon-wei:hover { background-image: url(../images/wx2.png);}

.cloud-share ul li .icon-dy { background-image: url(../images/qq1.png);}
.cloud-share ul li .icon-dy:hover { background-image: url(../images/qq2.png);}

.cloud-share ul li .icon-qq { background-image: url(../images/qq1.png);}
.cloud-share ul li .icon-qq:hover { background-image: url(../images/qq2.png);}
.cloud-share .wx-corner img{ width:100%; height:100%;}
.cloud-share span {padding-top:0;}

/*子页关于我们*/
/*历程*/
/*---------------------------------------------*/
.n_licheng{padding:4rem 0;background:url(../images/n_licheng_bg.jpg) center repeat-x;overflow:hidden;position: relative;background-size: contain;}
.n_licheng .bg01{position:absolute;top:50%;left:50%; width:1450px; height:1450px; transform:translateX(-50%) translateY(-50%);-o-transform:translateX(-50%) translateY(-50%);-ms-transform: translateX(-50%) translateY(-50%); }
.n_licheng .bg01 img{ -webkit-transform:translate3d(0,0,0); -moz-transform:translate3d(0,0,0); transform:translate3d(0,0,0); -webkit-animation:play 100s linear infinite; -moz-animation:play 100s linear infinite; animation:play 100s linear infinite;}

@-webkit-keyframes play{
    0% {        -webkit-transform:rotate(0deg);    }
    100% {        -webkit-transform:rotate(360deg);    }
}

@-moz-keyframes play{
    0% {        -moz-transform:rotate(0deg);    }
    100% {        -moz-transform:rotate(360deg);    }
}

@keyframes play{
    0% {      transform:rotate(0deg);    }
    100% {     transform:rotate(360deg);    }
}



.nianf{width: 145px;height: 50px;line-height: 46px;border:#15569d 2px solid;position:relative;z-index:0;background:none !important;/* border-radius: 15px; */text-align: center;font-size: 22px;color: #fff;border-radius: 5px;}
.nianf:hover{ color:#15569d !important;}
.nianf:after {position: absolute;z-index:-1;top: 0px;right: 0;left: 0;height: 100%;display: block;background:#15569d;content: "";/* z-index: -1; */-webkit-transition: height .5s ease;-moz-transition:height .5s ease;-o-transition:height .5s ease;transition:height .5s ease;height: 101%;}

.nianf:hover:after { top:auto; bottom:0; height:0; }


.n_licheng .content_box{ position:relative; padding:50px 0}
.n_licheng .content_box:before{ content:""; position:absolute; left:216px; width:4px; top:0; bottom:0; background:#15569d}
.n_licheng .content_box .bg{ position:absolute; top:0; bottom:0; width:4px; left:216px;}
.n_licheng .content_box .bg:before{content:"";position:absolute;left: 56%;width:24px;height:24px;border:#15569d 4px solid;border-radius:50%;background:#d4e3f5;box-sizing:border-box;top: 0;margin-left: -12px;}
.n_licheng .content_box .bg:after{content:"";position:absolute;left: 56%;width:24px;height:24px;border:#15569d 4px solid;border-radius:50%;background:#d4e3f5;box-sizing:border-box;bottom: 0;margin-left: -12px;}

.n_licheng ul{ overflow:hidden}
.n_licheng ul li{position:relative; padding:30px 0;}
.n_licheng ul li .left{position:absolute;top:0;bottom:0;z-index: 100;}
.n_licheng ul li .point{position:absolute;left: 205px;width:24px;height:24px;border:#ffffff 4px solid;border-radius:50%;background:#d6e5f5;box-sizing:border-box;top: 50%;margin-top: -12px;border:1px solid #9BCBE8;}
.n_licheng ul li .point b{position:absolute;left: -64px;width: 64px;background: #fff;height:6px;top: 50%;margin-top: -2px;border:1px solid #9BCBE8;}
.n_licheng ul li .right{width:calc(100% - 288px);background:#ebf1f5;min-height: 110px;border-radius:8px;position:relative; border:1px solid #9BCBE8;}
.n_licheng ul li .right .box{height:100%;padding: 25px 20px;}
.n_licheng ul li .right .box .table .table_cell{ text-align:left; font-size:17px; line-height:30px;}
.n_licheng ul li .right:before{ content:""; position:absolute; left:-10px; border-right:#9BCBE8 10px solid; border-top:transparent 8px solid; border-bottom:transparent 8px solid; top:50%; margin-top:-8px;}


/*荣誉*/
.ryzz{width:100%; overflow:hidden;}
.ryzz ul { padding-top:45px; margin-left:-22px}
.ryzz ul li{width:20%;height:260px;float:left; position:relative;overflow:hidden;cursor:pointer; margin-left:2.5%; margin-top:50px; display:inline; box-shadow: 0 1px 6px rgba(0,0,0,.3); padding:1%;}
.ryzz ul li img{ width:100%; height:100%;transition:all 1.2s; -moz-transition:all 1.2s; -webkit-transition:all 1.2s; -o-transition:all 1.2s;}
.ryzz .txt{width:100%;height:5px; background:url(../images/xian2.jpg) repeat;position:absolute;left:0;bottom:0;color:#fff;font-family:"微软雅黑"; background-size:100%;}
.ryzz .txt h3{font-size:20px;font-weight:100;text-align:center;line-height:45px;}
.ryzz .txt p{ width:100%; margin:auto; height:38px; overflow:hidden; font-size:14px;text-align:center; padding-top:4px}
.ryzz ul li a,.ryzz ul li a:hover{ color:#fff}
.ryzz ul li:hover img{transform:scale(1.1); -moz-transform:scale(1.1); -webkit-transform:scale(1.1); -o-transform:scale(1.1); -ms-transform:scale(1.1);}


/*服务项目*/
.service_ul{overflow:hidden; margin-top:47px; }
.service_ul ul li{ margin-top:70px; width:21%; margin-right:2%; margin-left:2%; float:left;margin-bottom:3%; background:#EAF0F7; border-radius:10px;}
.service_ul ul li:hover{background:#1f64a4; color:#FFF;}
.service_ul ul li:nth-child(4n+0){ margin-right:0;}
.service_ul ul li:nth-child(8n+0){ margin-right:0;}
.service_ul ul li img{ width:90px; height:90px; border:1px solid #AFBCC7; display:block; margin:0 auto; margin-top:-70px;transition:all 0.3s; padding:15px;border-radius:50%; background:#FFF;}
.service_ul ul li .txts{ width:90%; max-width:360px; margin:0 auto; overflow:hidden; text-align:center;}
.service_ul ul li .txts .h2{color:#333; font-size:18px; margin-top:7px; font-weight:normal; height:44px; overflow:hidden; line-height:44px; }
.service_ul ul li .txts .p{color:#999999; font-size:14px;height:150px; overflow:hidden; line-height:20px; }
.service_ul ul li .txts i{ font-style:normal; width:98px; height:30px; line-height:30px; display:block; margin:0 auto; font-size:14px; color:#1f64a4; border:1px solid #1f64a4; border-radius:20px; margin-top:20px; margin-bottom:36px;}
.service_ul ul li:hover .txts .h2{ color:#fff;}
.service_ul ul li:hover .txts i{ color:#fff; border:1px solid #fff;}
/*.service_ul ul li:hover img{transform: rotate(360deg);}*/
.service_ul ul li .txts .p a{ display:block; text-align:left; width:70%; margin:0 auto; font-size:16px; line-height:30px; background:url(../images/yuan.png) no-repeat left center; padding-left:30px;}
.service_ul ul li:hover .p a{ color:#FFF;}


/*产品列表*/
.cp_box{ width:100%; overflow:hidden; margin:40px 0; clear:both;}

.cp_listfl{ width:230px; float:left; background:#2A6FB6 url(../images/log2.png) no-repeat left top; padding:30px 20px 50px 20px;border-radius:10px; }
.cp_listfl h3{ font-size:22px; font-weight:inherit; text-align:center; margin-top:20px; line-height:50px; color:#FFF;}
.cp_listfl ul li{ border:1px solid #FFF; margin:16px 0; text-align:center; line-height:32px; color:#FFF;border-radius:50px;}
.cp_listfl ul li a{ color:#FFF; font-size:15px;}
.cp_listfl .on,.cp_listfl ul li:hover{ background:#CC0000;}

.cp_listfr{ width: calc(100% - 310px); float:right;}
.cp_listfr p{ margin-top:20px; line-height:30px; color:#666; font-size:15px; height:66px; overflow:hidden; width:98%; margin:0 auto;}

.cp_listfr h2{ height:43px; line-height:43px; margin-top:20px;width:98%; margin:0 auto; background:#EFEFEF;}
.cp_listfr h2 a{ display:block; float:left; color:#2A6FB6; font-size:20px; font-weight:500; padding-left:35px; background:url(../images/jianb.png) no-repeat left top;}


.cp_listfr2{ width: calc(100% - 310px); float:right;}
.cp_listfr2 h2{ height:43px; line-height:43px;width:98%; margin:0 auto; border-bottom:1px solid #CCC;}
.cp_listfr2 h1{ height:43px; line-height:43px; width:98%; margin:0 auto; background:#EFEFEF;}
.cp_listfr2 h1 a{ display:block; float:left; color:#2A6FB6; font-size:20px; font-weight:500; padding-left:35px; background:url(../images/jianb.png) no-repeat left top;}

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



.neir{ width:90%; margin:0 auto; line-height:30px; font-size:14px;}
.neir h2{ font-weight:inherit; text-align:center; font-size:28px; color:#1C349E; margin:20px 0;}		
.neir h4{ font-weight:inherit; text-align:center; font-size:14px; color:#999; line-height:50px;border-bottom:1px solid #CCC;}		
.neir h5{ font-weight:inherit; text-align:left; font-size:28px; margin:20px 0;}		
.neir .sp{ width:800px; margin:30px auto;}
.neir p{ padding:10px 0;}
.img1 img{ width:100%;}

.list-unstyle li{ width:32%; margin-right:1%; float:left;}
.sale-part{    padding-top: 10px;  display: flex;}
.sale-part a{    background: #eee;display: block; margin:0;padding: 10px 20px 16px;}
.sale-part h2{    margin-top: 10px; margin-bottom:0; font-size:22px; color:#333;}
.sale-part p{    line-height: 1.8;    display: flex;}
.sale-part p span{    flex: 1;}
.sale-part p strong{    font-weight: bold;}






.inq_l{ width:40%; float:left; padding:30px 0;}

.inq_r{ margin: 30px 0 50px; width:56%; float:right;}
.inq_r .button { background-color: #333;  color: #fff}
.inq_r .button:hover{  background-color: #104392}

#leave-message .input_quyu{ width: 100%; height: 38px;  border: 1px solid #ccc; padding-left: 10px; border-radius: 5px;}

.gyszj button{ background-color: #333; color: #fff;}
.gyszj button:hover{ background-color: #104392;}
.input { height:38px; border:1px solid #ccc; width:calc(100% - 10px);  padding-left: 10px;font-size: 14px; padding:6px;  border:1px solid #ddd; border-radius: 4px;  -webkit-appearance: none;  box-shadow: 0 1px 1px rgba(0, 0, 0, .075) inset; transition: all 1s cubic-bezier(0.175, 0.885, 0.32, 1) 0s;}
.button {border: 1px solid #ddd; background: transparent; border-radius: 4px; font-size: 14px; padding: 6px 15px;
    margin: 0; display: inline-block; line-height: 20px; transition: all 1s cubic-bezier(0.175, 0.885, 0.32, 1) 0s;}
.form-group { padding-bottom: 10px;}

.inq_r .province {width:47.9%; float: left; padding-right: 8px}
.inq_r .city { width:47.9%; float:right; padding-left: 8px; text-align:right;}
textarea.input { height: auto;}

.list{ margin-top:30px;}
.list .titg{ width:96%; margin:0 auto; background: #f3f3f3; padding: 10px;padding-left: 30px; font-size: 17px; clear:both; margin-bottom:15px; font-weight:600;}
.dsss li{ width:22.4%; float:left;margin-left:0.7%; margin-right:0.4%; margin-bottom:1%;border: 1px solid #eee; padding:6px 10px; height:26px; line-height:26px; overflow:hidden;}





@media ( max-width:1680px) {
.picScroll-left{ width:90%;}
.picScroll-left .bd ul li{ width:310px; }
.picScroll-left .bd ul li .pic{ height:280px;}
.picScroll-left .bd ul li:hover .title{ width:80%; padding:10%;}
.picScroll-left .bd .list2 li{ width:22%;}
.f26{ font-size:24px;}

.picScroll-left .bd .list2 .pic{ height:200px;}
.picScroll-left .bd .list2 .pic img{ max-width:96%; max-height:190px;}

}

@media ( max-width:1550px) {
.f26{ font-size:22px;}
.nav { padding-left:5%;}
.nav h2 { width:120px;  font-size:16px; }
.nav li ul li { width: 120px;}

.picScroll-left{ width:90%;}
.picScroll-left .bd ul li{ width:280px; }
.picScroll-left .bd ul li .pic{ height:250px;}
.picScroll-left .bd ul li:hover .title{ width:80%; padding:10%;}

.ryzz ul li{height:210px;}
.box_bt h2{ font-size:30px;  padding-top:50px;padding-bottom:20px; margin-bottom:15px;}
#box02 ul li{ font-weight:bold; height:72px; font-size:43px;}
}

@media ( max-width:1440px) {
	 .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}
	
.footer_bottom{ width:90%; margin:auto; padding-top:40px; padding-bottom:40px;}
#box03{ height:580px}
.picScroll-left{ width:90%;}
.picScroll-left .bd ul li{ width:260px; margin:6px 15px;}
.picScroll-left .bd ul li .pic{ height:220px;}
.picScroll-left .bd ul li:hover .title{ width:80%; padding:10%;}

.picScroll-left .bd .list2 .pic{ height:180px;}
.picScroll-left .bd .list2 .pic img{ max-width:96%; max-height:170px;}

.ryzz ul li{height:180px;}

.xw_box_img{ height:100px;}
.xw_box_nr h6 { margin-top: 90px;}
.box_bt h2{ font-size:28px;  padding-top:50px;padding-bottom:20px; margin-bottom:15px;}
#box02 ul li{ font-weight:bold; height:72px; font-size:40px;}


	}

@media ( max-width:1280px) {
.center{ width:90%; margin:0 auto; min-width:1200px;}
#box03{ height:500px}
.picScroll-left .bd ul li{ width:240px;  }
.picScroll-left .bd ul li .pic{ height:200px;}
.box_bt h2{ font-size:26px;  padding-top:50px;padding-bottom:20px; margin-bottom:15px;}
#box02 ul li{ font-weight:bold; height:72px; font-size:38px;}
	
	}
@media ( min-width:1930px) {

.picScroll-left .bd .list2 .pic{ height:340px;}
.picScroll-left .bd .list2 .pic img{ max-width:96%; max-height:320px;}

}