﻿/* 首页主体背景 */
.zt_bg{width:100%; height:auto; overflow:hidden; background:url(../images/beijing.jpg); background-repeat:no-repeat; background-position:center top; padding-bottom:38px;}



/* 产品中心 */

.prod_bt{
	width:1180px;
	height:102px;
	overflow:hidden;
	margin-top:51px;
	background-image: url(../images/pro_top.gif);
	background-repeat: no-repeat;
	background-position: 459px;
}
.prod_bt span{ width:1180px; height:40px; line-height:40px; text-align:center; font-size:30px; font-weight:bold; display:block;}
.prod_bt p{ width:1180px; height:30px; line-height:30px; text-align:center; font-size:15px; color:#333; padding-top:66px;}


.product_box{ width:1180px; height:723px; margin-bottom:64px; overflow:hidden; margin-top:24px; }
.product_left{width:230px; height:723px; float:left;background:#005BA8;}
.product_right{width:950px; height:723px; float:right; background:#fff;}

.prd-t{ width:230px; height:112px; background:url(../images/pro_mt.gif);float:left;}
.pro_ta{ width:230px; height:610px;float:left;}
.pro_wx{ width:154px; height:266px; float:left; margin-left:38px; margin-right:38px;}
.pro_wx img{ float:left;}
.prd-manu{ width:154px; height:294px; margin-left:38px; margin-right:38px;border-top:1px dotted #93BADB; margin-top:14px; float:left; }
.prd-manu ul{ list-style-image:none;height:540px;}
.prd-manu ul li{ width:154px;  height:64px; line-height:64px; overflow:hidden; float:left; border-bottom:1px dotted #93BADB; background-position: 4px center; background-repeat: no-repeat;}
.prd-manu ul li a{width:154px; height:64px; line-height:64px; font-size:16px; font-weight:bold; display:inline; float:left; color:#fff; text-decoration: none;overflow:hidden; text-indent:51px;}
.prd-manu ul li a:hover{width:154px; height:64px; line-height:64px; font-size:16px; display:inline; float:left; color:#fc0; text-decoration: none overflow:hidden;text-indent:51px;font-weight:bold;} 
.prd-manu ul .on a{width:154px; height:64px; line-height:64px; font-size:14px; display:inline; float:left; color:#1158A7; text-decoration: none; overflow:hidden;font-weight:bold; text-indent:51px;font-weight:bold;}

.prof1 { background:url(../images/tb01.png) no-repeat; float:left;width:30px;height:30px;}
.prof2 { background:url(../images/tb02.png) no-repeat; float:left;width:30px; height:30px;}
.prof3 { background:url(../images/tb03.png) no-repeat; float:left;width:30px; height:30px;}

.proto_list{ width:950px; height:722px;overflow:hidden; border-top:1px solid #ccc; margin-top:0px; float:left;}
.proto_list ul{ width:950px;}
.proto_list ul li{ width:315px; border-right:1px solid #ccc; border-bottom:1px solid #ccc; background:#fff; float:left; height:360px; overflow:hidden; margin-right:0px; margin-bottom:0px;}
.proto_list ul li:hover{border:1px solid #0066FF;width:314px; height:359px;}
.proto_list ul li p{ width:315px; text-align:center; margin-top:0px; border-top:1px dotted #ccc; height:46px; line-height:46px; padding-top:0px; overflow:hidden; float:left; background:#fff; margin-top:0px;}
.proto_list ul li a img{ width:304px; height:304px;padding:5px; float:left;}

.yun{ width:100%; height:auto; overflow:hidden; background:#E0E0E0; padding-top:90px; padding-bottom:96px;}
.yun_box{ width:1180px; height:554px;}
.yun_left{ width:780px; height:554px; float:left;}
.yun_right{ width:400px; height:412px; float:right; background:url(../images/yun_wz.gif) no-repeat; padding-top:142px;}
.yun_rt{ width:400px; height:auto; overflow:hidden; padding-top:6px;}
.yun_rt span{ width:400px; height:40px; line-height:40px; font-size:28px; color:#fff; font-weight:bold;text-align:center; display:block;}
.yun_rt p{ width:400px; height:28px; line-height:28px; font-size:16px; color:#fff; text-align:center;}
.yun_wz{ width:330px; height:auto; overflow:hidden; line-height:34px; font-size:15px; color:#fff; padding-left:35px; padding-right:35px; padding-top:20px;}

.pt_bg{ width:100%; height:160px; background:#fafafa; border-bottom:1px dotted #e1e1e1; background:url(../images/pt_bg.jpg) repeat-x top center; margin-top:7px;}
.pro_more{ width:130px; height:22px; margin-left:auto; margin-right:auto;}


.proTab{ width:1060px; margin-top:26px; }
.proTab ul li{ float:left; width:211px; height:30px; border-left:1px dotted #ccc; text-align:center; font-size:16px; font-weight:500; padding-top:50px; cursor:pointer;font-weight:bold;}
.proTab ul li:first-child{ border:none;}
.proTab ul .on{ color:#014A99; font-weight:bold;}
.proTab ul #tab1{ background:url(../images/pbj01.gif) no-repeat center 13px;}
.proTab ul #tab2{ background:url(../images/pbj02.gif) no-repeat center 8px;}
.proTab ul #tab3{ background:url(../images/pbj03.gif) no-repeat center 12px;}
.proTab ul #tab4{ background:url(../images/pbj04.gif) no-repeat center 12px;}
.proTab ul #tab5{ background:url(../images/pbj05.gif) no-repeat center 12px;}
.proTab ul #tab1.on{ background:url(../images/pbj01-1.gif) no-repeat center 13px;}
.proTab ul #tab2.on{ background:url(../images/pbj02-1.gif) no-repeat center 8px;}
.proTab ul #tab3.on{ background:url(../images/pbj03-1.gif) no-repeat center 12px;}
.proTab ul #tab4.on{ background:url(../images/pbj04-1.gif) no-repeat center 12px;}
.proTab ul #tab5.on{ background:url(../images/pbj05-1.gif) no-repeat center 12px;}


.cp_r {width: 1180px; height: auto; margin-top: 24px; overflow:hidden;}
.cp_r > ul {width: 1250px}
.cp_r > ul > li {float: left; width: 274px; height:324px; border:2px solid #e6e6e6; text-align: center; margin-right: 23px; margin-bottom:23px;}
.cp_r > ul > li:hover { border:2px solid #014A99;}
.cp_r > ul > li > p{float: left; width: 274px; height:49px; line-height:49px; text-align: center; overflow:hidden; border-top:1px dotted #e6e6e6; background:#f9f9f9;}
.cp_r > ul > li > a > .wrap {
  width: 266px;
  height: 266px;
  margin: 0 auto;
  margin-top: 0px;
  overflow: hidden;
  margin:4px;
}
.cp_r > ul > li > a > .wrap > img {
  transition: all .3s linear;
  width: 266px;
  height: 266px;
}
.cp_r > ul > li:nth-child(1) {
  margin-left: 0px;
}
.cp_r > ul > li:nth-child(3) {
  margin-left: 0px;
}
.cp_r > ul > li:nth-child(2) ~ li {
  margin-top: 0px;
}
.cp_r > ul > li:hover img {
  transform: scale(1.1);
}
.cp_l > .cp_l_b ul > li > a:hover {
  color: #5eb13c;
}

/* 研发实力 */
.yfsl{ width:100%; height:780px; overflow:hidden; margin-top:0px; background:url(../images/ysbg.jpg) no-repeat; background-position: center top; }
.hengfu{  width:100%; height:316px; background-repeat: no-repeat; background-position: center top; margin-top:0px; }
.sl_box{width:1140px; height:420px; background:#FFF; padding:25px 20px 0px 20px;}

.sl_btt{ width:1180px; height:88px; overflow:hidden; margin-top:66px;}
.sl_btt span{ width:1180px; height:44px; line-height:44px; text-align:center; font-size:32px; font-weight:bold; display:block; color:#fff;}
.sl_btt p{ width:1180px; height:40px; line-height:40px; text-align:center; font-size:16px; color:#fff;}

.sl_bt{ width:1180px; height:100px; overflow:hidden; background-image: url(../images/jiantou.png);background-repeat: no-repeat;background-position: center bottom; margin-top:66px;}
.sl_bt span{ width:1180px; height:44px; line-height:44px; text-align:center; font-size:32px; font-weight:bold; display:block;}
.sl_bt p{ width:1180px; height:30px; line-height:30px; text-align:center; font-size:16px; color:#333;}

.mt-list{ width:1180px; height:500px; overflow:hidden; margin-top:20px; }
.mt-list ul{ list-style-image:none; width:1280px;}
.mt-list ul li{width:340px;height:485px;float:left; margin-right:36px; color:#333; padding:15px 15px 0px 15px; background:#fff; position:relative;} 
.mt-list ul li:hover{width:340px;height:485px;float:left; margin-right:36px; color:#333; padding:15px 15px 0px 15px;  background:#005BA8; position:relative; color:#fff;} 
.mt-list ul li a{color:#333; text-decoration:none;} 
.mt-list img{ width:340px; height:206px; float:left;}
.mt-list strong{
	width:320px;
	height:60px;
	line-height:60px;
	display:block;
	margin-top:8px;
	padding-left:10px;
	padding-right:10px;
	float:left;
	float:left;
	font-size:24px;
	font-weight:bold;
	overflow:hidden;
	white-space:nowrap;
	text-overflow:ellipsis;
	text-align:left;
	padding-bottom:8px;
	background-image: url(../images/hongxiang.gif);
	background-repeat: no-repeat;
	background-position: 10px bottom;
}
.mt-list p{ width:320px; height:116px; line-height:30px; font-size:15px;  overflow:hidden; float:left;overflow:hidden; padding-top:16px; display:block; margin-left:0px; padding-left:10px; padding-right:10px;  }


.ys01{ background:url(../images/yss01.png); position:absolute; width:71px; height:68px; right:20px; bottom:16px;}
.ys02{ background:url(../images/yss02.png); position:absolute; width:71px; height:68px; right:20px; bottom:16px;}
.ys03{ background:url(../images/yss03.png); position:absolute; width:71px; height:68px; right:20px; bottom:16px;}

/* 研发实力 */

/* 案例 */

.case_bg{ width:1180px; height:535px; overflow:hidden; background:#fff; margin-top:28px;}
.case-tp01{width:1180px;height:456px; overflow:hidden;}
.case-tp01 ul{width:1208px; list-style-type:none;}
.case-tp01 ul li{float:left; width:286px; height:228px; display:inline; overflow:hidden;margin-right:12px; margin-bottom:0px; display:inline;}
.case-tp01 ul li > .dww { width: 286px; height: 184px; overflow: hidden;}
.case-tp01 img{ width:286px; height:184px;transition: all .3s linear;}
.case-tp01 img:hover{ transform: scale(1.1); border:0;}
.case-tp01 span{ width:286px; height:44px; line-height:44px; text-align:center; display:block; padding-top:0px; overflow:hidden;float:left;}

.case_more{ width:1180px; height:42px; margin-top:26px;}
.case_more_k{ width:160px; height:40px;}
.case_more_k strong{ width:162px; height:42px; color:#333;  }
.case_more_k strong a{width:160px;line-height:40px; background:#fff; color:#333;font-weight:normal;text-align:center; float:left; border:1px solid #ccc; }
.case_more_k strong a:hover{width:160px;line-height:40px; color:#fff; background:#333;font-weight:normal;text-align:center;  border:1px solid #ccc;}

.case_box{ width:1180px; height:480px; overflow:hidden; background:#fff; margin-top:24px;}
.case_left{ width:886px; height:480px; overflow:hidden; background:#fff; float:left; }
.case_right{ width:294px; height:480px; overflow:hidden; background:#fff; float:right;}

.n-tk{width:885px;height:53px; background:url(../images/hx.gif) repeat-x; overflow:hidden; border-left:1px solid #ccc;}
.n-t0{width:885px;height:53px; overflow:hidden;}
.n-t0 ul {list-style-image:none;}
.n-t0 ul li{ width:176px; height:53px; line-height:53px; text-align:center; float:left; display:inline;color:#666; font-weight:400; font-size:15px;  margin-right:0px; border-right:1px solid #ccc;;}
.n-t0 .anniu{ CURSOR: pointer;color:#fff;font-weight:bold; background: #014A99; font-size:15px;}
.n-t0 .anniu a{ color:#fff;font-weight:bold;font-size:15px;}
.n-t0 a:hover {width:178px; background:#014A99;float: left; height:53px; color: #fff; font-weight:bold; font-size:15px;}

.case_n{ width:873px; height:410px; border:1px solid #ccc; border-top:none; padding-top:16px; padding-left:11px;}

.case_xx{ width:872px; height:410px;}
.case-max{ width:400px; height:414px; float:left;}
.case-max > .dw { width: 400px; height: 284px; overflow: hidden;}
.case-max img{ width:400px; height:284px;float:left;transition: all .3s linear;}
.case-max img:hover{transform: scale(1.1); border:0;}
.case-max span{width:400px; height:34px; line-height:34px; padding-top:12px; font-size:15px; font-weight:bold;float:left; text-align:center;}
.case-max p{ width:400px; height:54px; overflow:hidden;line-height:25px; float:left; color:#666; font-size:14px; padding-top:0px;float:left;}

.case_min{ width:472px; height:384px; float:right; overflow:hidden;}
.case_min ul{ width:495px; }
.case_min ul li{ width:220px; height:196px; float:left; margin-left:11px;}
.case_min ul li > .dww { width: 220px; height: 156px; overflow: hidden;}
.case_min img{ width:220px; height:156px;transition: all .3s linear;}
.case_min img:hover{ transform: scale(1.1); border:0;}
.case_min p{ width:230px; height:40px; line-height:40px; text-align:center; overflow:hidden;}
/* 案例 */

/* 合作伙伴 */
.hz{ width:293px; height:95px; background:url(../images/huankou.jpg) no-repeat center bottom; border:1px solid #ccc; border-bottom:none; border-left:none; line-height:60px; text-indent:12px;}

.hz_ck{ width:293px; height:383px; border-right:1px solid #ccc; border-bottom:1px solid #ccc;}
.hz_list{ width:293px; height:auto; overflow:hidden; padding-top:7px;}
.hz_list img{width:147px; height:93px;}
.hz_list img:hover{filter:alpha(opacity=70);-moz-opacity:0.7;opacity:0.7;}
.hz_list ul{width:300px; overflow:hidden;}
.hz_list ul li{width:147px; height:93px; float:left; border-top:1px solid #ccc; border-right:1px solid #ccc; }
/* 合作伙伴 */


/* 关于我们 */
.ab_hx{width:100%; height:820px; overflow:hidden; background:url(../images/abg.gif) no-repeat center top; margin-top:46px;}
.ab_box{ width:1180px; height:634px; margin-top:91px;  background:url(../images/abgt01.jpg);}

.abg_l{width:1180px; height:330px; float:left;}
.abg_r{width:1180px; height:504px; float:left;}
.abg_rk{ width:560px; height:270px; background:#fff; float:right; padding:20px 35px 14px 35px;}
.abg_rk span{ width:560px; height:44px; line-height:44px; font-size:28px; font-weight:bold; background:url(../images/about.gif) no-repeat; background-position: 120px center; display:block;}
.abg_rk p{ width:560px; height:auto; overflow:auto; line-height:28px; font-size:15px;}

.abg_manu{ width:120px; height:300px; float:right; background:#005BA8;padding:30px 45px 0px 45px; }
.abg_manu ul{ list-style-image:none;}
.abg_manu ul li{
	width:120px;
	height:64px;
	line-height:64px;
	overflow:hidden;
	float:left;
	border-bottom:1px dotted #93BADB;
	background-position: 4px center;
	background-repeat: no-repeat;
}
.abg_manu ul li a{width:120px; height:64px; line-height:64px; font-size:15px; display:inline; float:left; color:#fff; text-decoration: none;overflow:hidden; text-indent:40px;}
.abg_manu ul li a:hover{width:120px; height:64px; line-height:64px; font-size:15px; display:inline; float:left; color:#fc0; text-decoration: none overflow:hidden;text-indent:40px;} 
.abg_manu ul .on a{width:120px; height:64px; line-height:64px; font-size:15px; display:inline; float:left; color:#1158A7; text-decoration: none; overflow:hidden;font-weight:bold; text-indent:51px;font-weight:bold;}

.botf1 { background:url(../images/at01.png) no-repeat; float:left;width:25px;height:24px;}
.botf2 { background:url(../images/at02.png) no-repeat; float:left;width:25px; height:24px;}
.botf3 { background:url(../images/at03.png) no-repeat; float:left;width:25px; height:24px;}
.botf4 { background:url(../images/at04.png) no-repeat; float:left;width:25px; height:24px;}

.ab_left{ width:550px; height:410px; float:left;}
.ab_right{ width:604px; height:410px; float:right;}
.ab01{ width:540px; height:400px; border:1px solid #ccc; padding:4px; overflow:hidden;}
.ab01 img{width:540px; height:400px;}
.ab01 img:hover{filter:alpha(opacity=90);-moz-opacity:0.9;opacity:0.9;}
.ab_bt{ width:604px; height:auto; overflow:hidden;}
.ab_bt span{ width:604px; height:42px; line-height:42px; font-size:24px; font-weight:bold;}
.ab_text{ font-family:Arial, Helvetica, sans-serif;font-size:24px; font-weight:bold; line-height:42px; color:#999;}
.ab_bt p{ width:604px; height:150px; line-height:30px; color:#333; overflow:hidden; padding-top:5px;}
.ab_bt strong{ width:150px; height:36px;display:block; margin-top:18px; float:left; }
.ab_bt strong a{width:150px; height:36px; line-height:36px;  font-size:14px; color:#fff; text-align:center; text-decoration:none;display:block; font-weight:normal; background:#333;}
.ab_bt strong a:hover{ width:150px; height:36px; line-height:36px; font-size:14px; color:#fff;text-align:center;text-decoration:none;display:block;font-weight:normal;background:#014A99;}

.xc_box{ width:604px; height:124px; margin-top:28px;}
.xc_left{width:571px; height:124px; float:left;}
.xc_right{width:33px; height:124px; float:right;}
.xc_right_an{width:33px; height:62px; float:left;}

.maquee4{width:571px; height:124px;  overflow:hidden; float:left;  }
.maquee4 ul{ list-style:none;}
.maquee4 ul li{ width:186px; height:124px; margin-right:4px; float:left; }  
.maquee4 ul li img{ width:186px; height:124px;}
.maquee4 ul li img:hover{filter:alpha(opacity=90);-moz-opacity:0.9;opacity:0.9;cursor:pointer;}


/* 新闻 */
.new_bk{ width:1180px; height:386px; margin-top:68px; margin-bottom:20px;}
.new_k{ width:1180px; height:386px;}
.new_k_l{ width:570px; height:386px; float:left;}
.new_k_r{ width:586px; height:386px; float:right;}

.new-max{ width:570px; height:386px; float:left;}
.new-max img{ width:570px; height:278px;float:left;}
.new-max img:hover{filter:alpha(opacity=80);-moz-opacity:.2;opacity:0.99; border:0;}
.new-max span{width:570px; height:34px; line-height:34px; padding-top:12px; font-size:16px; font-weight:bold;float:left;}
.new-max p{ width:570px; height:54px; overflow:hidden;line-height:25px; float:left; color:#666; font-size:14px; padding-top:0px;float:left;}

.index_6_2_1_4{ width:586px; height:110px; padding-bottom:20px; float:left; }
.index_6_2_1_4 a{ text-decoration:none;}
.index_6_2_1_4_1{ width:110px; height:110px; text-align:center; float:left; }
.index_6_2_1_4_2{ width:446px; height:110px; padding:0 15px; float:left; background:#f6f6f6; }
.index_6_2_1_4_2 a{color:#4E4E4e;font-size:18px; font-weight:bold; }
.index_6_2_1_4_2 a:hover{color:#0054A7;font-size:18px; font-weight:bold; text-decoration:underline;}
.index_6_2_1_4_1_1{ width:110px; height:85px; float:left; background-color:#ebebeb; line-height:85px; font-size:29px; color:#AAAAAA; }
.index_6_2_1_4_1_2{ width:110px; height:26px; float:left; background-color:#bbbbbb; line-height:26px; font-size:12px; color:#fff; }

.index_6_2_1_4_2 h5{ display:block; font-size:18px; margin-bottom:0px; color:#4E4E4E; line-height:36px; font-weight:bold; padding-top:10px;}
.index_6_2_1_4_2 p{ display:block; font-size:14px; line-height:25px; color:#777777; height:53px; overflow:hidden;}

.index_6_2_1_4:hover .index_6_2_1_4_1_1{  background-color:#0054A7; color:#fff; }
.index_6_2_1_4:hover .index_6_2_1_4_1_2{  background-color:#0054A7; }



/* 友情链接 */
.link-box{ width:1180px; height:52px; background:#f5f5f5; overflow:hidden; margin-top:36px;}
.link{ width:1170px; height:52px; line-height:52px; overflow:hidden; padding-right:10px;}
.link p{ width:1180px; height:52px; line-height:52px;}
.link i{ font-size:16px; color:#014A99; font-family:Arial, Helvetica, sans-serif; background:#e0e0e0; width:100px;height:52px; }
.link span{ font-size:22px; color:#fff; font-weight:bold; display:inline-block; font-family:Arial, Helvetica, sans-serif; background:#e0e0e0; width:100px; height:52px; display:block; float:left; text-align:center;}
.link a{display:inline-block; padding:0 8px;color:#BDB7B2; float:left; }
.link a:hover{display:inline-block; padding:0 8px;color:#014A99; float:left; }
