/*首页标题*/
.indextit{ margin:40px auto; overflow: hidden; display: block; text-align:center; }
.indextit strong{ display: block;  color: #003792; font-size: 40px; line-height: 60px; height: 60px; border-top: 3px solid
 #ccc; display: inline-block; }
.indextit span{ display: block; color: #ccc;  }


/*关于我们*/


.aboutblock { background:url(../images/aboutbg.jpg) no-repeat  center top;  display:block; overflow: hidden; padding-bottom:50px; }
.video{ float: left; width:609px; height: 400px }
.video img{ height: 100%; width: 100% }
.aboutext{ width: 540px; float: right;  }

.aboutext h2{ font-size: 50px; color:#003792; border-bottom: 5px solid #d7d7d7; line-height: 80px; }
.aboutext span{ color: #d7d7d7; }

.aboutext strong { font-size: 19px;  margin:40px 0; display: inline-block; color:#333; }
.aboutext p{ line-height: 25px; color: #666; max-height: 130px; margin-bottom: 30px; overflow: hidden; }
.aboutext a{ border:1px solid  #003792; padding: 12px 40px }






/*统计数据*/
.count{overflow: hidden;  display: block; margin-top: 50px }
.count ul{ width: 1200px; background:#003792; }
.count ul li{ float: left; width: 300px; background: #003792; height:130px; text-align: center; padding: 30px 0; color: #fff }
.count ul li:nth-child(2n){ background: #0047bd }

.count ul li img{ display: inline-block; text-align: center; }
.count ul li span{ font-size:16px; display: block; line-height: 50px }
.count ul li span em{ font-size: 30px; font-weight: bold; }



/*产品分类*/
.procount{ display: block; background: url(../images/probg.jpg) no-repeat center top; overflow: hidden; padding-bottom: 50px; 
	 }
.proconlist{  width: 100%; }
.proconlist li{ float: left; margin-left: 24px; width: 273px;
 margin-bottom:15px; padding-bottom: 20px; transition: 0.8s; border:1px solid #ccc; position: relative;   background: #fff; text-align: center; overflow:hidden; }
.proconlist li:nth-child(4n){ margin-right: 0 }
.proconlist li img{ height:220px;  overflow: hidden; }
.proconlist li p{ height:30px; line-height:30px; font-size: 18px; text-align: left; padding-left: 20px }
.proconlist li span{ color: #003792; text-align: left; padding-left: 20px; display: block; }
.proconlist li:hover{ box-shadow: 5px 5px 5px #ccc; margin-top: -10px; margin-bottom:25px;}





.profenlei{ text-align:center; margin-bottom:30px;}
.profenlei li{ line-height: 50px; font-size: 16px; 
	background: #fe7f01;color: #fff; padding:0 30px; transition: 0.5s; cursor: pointer; display: inline-block; margin-right: 20px }
.profenlei li a{ color: #fff }
.profenlei li:hover{  background: #003792; color: #fff }
.profenlei li:hover a{ color: #fff }




/*block14*/
.Box {position: relative; padding-bottom: 100px; background: url(../images/aboutbg.jpg) no-repeat center top; overflow: hidden;}
.Box .content {width: 1200px;margin: 0 auto;}
.Box .Box_con {position: relative;}
.Box .Box_con .btnl {position: absolute;}
.Box .Box_con .btn {display: block;width: 41px;height: 41px;position: absolute;top: 80px;cursor: pointer;}
.Box .Box_con .btnl {background: url(../images/jtl02.png) no-repeat center;left: -72px;}
.Box .Box_con .btnr {background: url(../images/jtr02.png) no-repeat center;right: -72px;}
.Box .Box_con .btnl:hover {background: url(../images/jtl03.png) no-repeat center;}
.Box .Box_con .btnr:hover {background: url(../images/jtr03.png) no-repeat center;}
.Box .Box_con .conbox {position: relative;overflow: hidden;}
.Box .Box_con .conbox ul {position: relative;list-style: none;}
.Box .Box_con .conbox ul li {float: left;width: 225px;height: 230px;margin-left: 20px;overflow: hidden;}
.Box .Box_con .conbox ul li:first-child {margin-left: 0;}
.Box .Box_con .conbox ul li .pimg{ width: 225px; height: 180px; overflow: hidden; }
.Box .Box_con .conbox ul li img {display: block;width: 225px;height: 180px;transition: all 0.5s;}
.Box .Box_con .conbox ul li:hover img {transform: scale(1.1); height: 180px;}
.Box .Box_con .conbox ul li span{ line-height: 30px; text-align: center; display:block; color: #000; font-size:18px; }
.Box .BoxSwitch {text-align: center;}
.Box .BoxSwitch span {display: inline-block;*display: inline;*zoom: 1;vertical-align: middle;
  width: 30px;height: 3px;background: #ccc;margin: 0 5px;cursor: pointer;}
.Box .BoxSwitch span.cur {background: #b15300;}





/*几大优势*/
.good{background: url(../images/goodbg.jpg) no-repeat center top;  padding-top: 1px; overflow: hidden; padding-bottom: 50px}
.goodlist{ transition: 1s; text-align: center; background: #fff; width: 280px; margin-right: 20px; 
	overflow: hidden; height: 470px; float: left; margin-bottom: 30px;  }
.goodlist:nth-child(4n){ margin-right: 0 }
.goodlist .img1{margin:40px auto; }

.goodlist em{ background: #fff; padding: 20px; border-radius: 50%; 
	height: 20px; width: 20px; color:#003792; display: none;  line-height: 20px;
	 text-align: center; margin:0 auto; font-size: 20px;}
.goodlist i,.goodlist em,.goodlist span,.goodlist .img2{ display: block; transition: 1s }
.goodlist .img2{ width: 70%; height: 130px; margin:0 auto; display: block; }
.goodlist span{ width: 60%; margin:0 auto; margin:30px auto; line-height: 30px; height: 90px; overflow: hidden; font-size: 18px  }
.goodlist h3{ color: #003792; font-size: 28px; font-weight: bold; transition: 1s }
.goodlist i{ color: #fff; font-size: 60px; font-weight: bold; opacity: 0; margin-top: -40px;   }

.goodlist:hover{ background: #fe7f01; color: #fff }
.goodlist:hover h3{ color: #fff }
.goodlist:hover i{ display: block; opacity: 1; margin-top: 40px; margin-bottom: 40px }
.goodlist:hover .img1{ display: none; }

.goodlist:hover .img2{ display: none; }

.goodlist:hover .em{ display: block; }




/*案例展示*/
.marqueeleft{ width:1200px;overflow:hidden; margin:0 auto; height: 686px}
.marqueeleft li{float:left;margin:0 5px;display:inline;width:388px;}
.marqueeleft li .pic{display:block; width:388px;height:300px;
	padding:2px;overflow:hidden;}
.marqueeleft li .txt{text-align:center;line-height:23px;}
.marqueeleft li .pic img{ width: 388px; height: 300px }
.marqueeleft li .txt span{ font-size: 18px; display:block; line-height: 40px; }
.marqueeleft li .txt p{ font-size: 14px; color: #666  }
.marqueeleft li .txt a{ border:1px solid #ccc; padding:5px 30px; 
	display: inline-block; margin:20px 0; font-size: 18px    }


/*客户评价*/
.kehu{ background: url(../images/kehubg.jpg) fixed no-repeat center bottom; 
  background-size: 100% auto; overflow: hidden; padding:100px 0;  }
.kehu ul li{ background:url(../images/kehu.jpg) no-repeat; float: left; width: 306px; 
 margin-right: 20px; padding: 40px; height:156px;}
.kehu ul li:nth-child(3n){ margin-right: 0 }
.kehu ul li strong{ display: block; font-size: 20px; line-height: 50px }
.kehu ul li span{ color: #003792; line-height: 30px }
.kehu ul li p{ line-height: 25px; color: #999; height: 50px; overflow: hidden; }
.kehu ul li:hover{ background:url(../images/kehu2.jpg) no-repeat;}



/*合作流程*/
.process{}
.process ul{ border-top: 1px solid #ccc;margin-top: 100px;display: block;}
.process ul li{ float: left; width: 300px; text-align: center; margin-top: -50px; }
.process ul li i{border: 1px solid #ccc; height: 100px; width: 100px; border-radius: 50%;
 display: inline-block; transition: 0.5s; }
.process ul li:nth-child(1) i{ background:url(../images/icon1.png) no-repeat center #fff ;}
.process ul li:nth-child(2) i{ background:url(../images/icon2.png) no-repeat center #fff; }
.process ul li:nth-child(3) i{ background:url(../images/icon3.png) no-repeat center #fff; }
.process ul li:nth-child(4) i{ background:url(../images/icon4.png) no-repeat center #fff; }
.process ul li em{ display: block; font-size: 50px; color:  #ccc; font-weight:bold;transition: 0.5s;  }
.process ul li p{ color: #003792; font-size: 18px; line-height: 40px }
.process ul li span{ font-size: 14px; color: #999; margin-bottom: 10px; display: block; }

.process ul li:hover em{ color: #003792  }
.process ul li:nth-child(1):hover i { background:url(../images/icon1_hover.png) no-repeat center #003792 ;}
.process ul li:nth-child(2):hover i { background:url(../images/icon2_hover.png) no-repeat center #003792 ;}
.process ul li:nth-child(3):hover i { background:url(../images/icon3_hover.png) no-repeat center #003792 ;}
.process ul li:nth-child(4):hover i { background:url(../images/icon4_hover.png) no-repeat center #003792 ;}


/*新闻资讯*/


/*新闻展示*/
.newsblock3{ margin:80px 0 0 ; overflow: hidden; background:url(../images/aboutbg.jpg) no-repeat center top; padding: 100px 0 }
.newsblock .container{ background: #fff; }
.newsblock3 dl dt,.newsblock dl dd{ float: left; width: 585px; overflow: hidden; }
.newsblock3 dl dt img{ max-width: 585px; height: 380px; overflow: hidden; }
.newsblock3 dl dd{ padding:50px;   }
.newsblock3 dl dd h3{ line-height:100px; font-size:30px; }
.newsblock3 dl dd p{ line-height: 30px;  color: #999; height: 120px; overflow: hidden; }
.newsblock3 dl dd a{ display:inline-block; background: #f3720d; 
  padding: 10px 100px; color: #fff; margin-top:30px; }
.newsblock3 dl dd a:hover{ background: #bc5300 }

.newsblock3 ul li{ width: 590px; overflow: hidden; float: left; 
  height: 50px; line-height: 50px; display: block; margin-right:10px; }
.newsblock3 ul li:hover{ background: #f3720d; }
.newsblock3 ul li:hover a{ color: #fff; font-size: 14px }
.newsblock3 ul li:hover span{ color: #fff }
.newsblock3 ul li i{ float: right; }
.newsblock3 ul li em{ max-width: 474px; overflow: hidden; display: inline-block; }
.newsblock3 ul li span{ font-size: 40px; color: #f3720d;  padding: 0 10px; float: left; 
line-height: 40px; }