/*产品中心*/

.probox{ background: #f8f8f8; overflow: hidden; display: block; }
.problock{ margin-top: 30px; overflow: hidden; margin-bottom:30px; }
.prolist{float: left; width: 270px; background:#fff; color: #fff; border: 2px solid #2f73b3}
.procon{ float: left; width: 925px; }
.procon .blocktit{margin-left: 30px }
.procon .proconlist li{ float: left; margin-left: 25px; width: 283px ;}
.procon .proconlist li img{ width: 100%; overflow: hidden; height: 230px; border:1px solid #ccc; }
.procon .proconlist li p{  text-align:center; line-height:50px; display:block; margin-bottom: 20px; background:#2f73b3; 
	font-size: 18px; transition: 0.5s; color: #fff }
.procon .proconlist li:hover p{ background:#fc8b00; color: #fff }
.protitle{ height: 150px; line-height:150px; 
	color:#fff; text-align: center; font-size: 30px;  font-weight: bold; display:block; background:url(../images/productbg.png) no-repeat center top; }
.profenlei li{ line-height: 50px; font-size: 16px;  margin: 30px  10px 30px 10px; 
	color: #fff; cursor: pointer; background: #2f73b3; border-radius: 20px; overflow: hidden;  }
.profenlei li a{ color: #fff; padding-left: 20px ; display:block;}
.profenlei li a:hover{background: #fc8b00; display: block; color: #fff;  }


/*首页联系我们*/
.indexcall{ background: #fc8b00; padding: 40px 0; text-align: center; margin-top: 20px  }
.indexcall strong { color: #fff; font-size: 28px;}
.indexcall img{ vertical-align: -15px; }
.indexcall span{ font-size: 32px; color: #fff; margin-top:10px; display: inline-block; }



/*关于我们*/
.aboutblock{ background:url(../images/index_02.jpg) no-repeat center top ;
 background-size: 100%; overflow: hidden;  margin-bottom: 50px}
.abtit{ width: 500px; text-align: center; margin: 30px auto; 
  overflow: hidden; color: #fff; display: block; }
.abtit p{ font-size: 30px; line-height: 70px }
.abtit span{ font-size: 14px; color: #ccc }

.aboutcon{ background: #2f73b3; width: 100%; min-height: 300px;
  position: relative; margin-top: 200px }
.aboutcon div{ width: 450px; float: left; padding:30px;
 line-height: 30px; color: #fff; height:218px; overflow: hidden;  }
.aboutcon div p{ text-indent: 24px; font-size:16px; }
.aboutcon div a{ color: #fff }
.aboutcon img{ float: left; height: 400px; width: 650px; position: absolute;
top: -150px }
div.more{ margin-top: 50px; border-radius: 20px; 
  background: #86c042; height: 40px; width: 120px; 
  text-indent: center; line-height: 40px; text-align: center; }
div.more a{  color: #fff;}






/*block14*/
.Box {position: relative; padding: 50px 0}
.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: 285px;height: 270px;margin-left: 20px;overflow: hidden;}
.Box .Box_con .conbox ul li:first-child {margin-left: 0;}
.Box .Box_con .conbox ul li .pimg{ width: 283px; height: 230px; overflow: hidden;border:1px solid #ccc; }
.Box .Box_con .conbox ul li img {display: block;height: 230px;  width: 100%;transition: all 0.5s; }


.Box .Box_con .conbox ul li:hover img {transform: scale(1.1); height: 230px;  }
.Box .Box_con .conbox ul li span{ line-height: 30px; text-align: center; display:block; color: #000 }
.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;}




/*标题*/
.blocktit{ font-size:30px; color: #2f73b3; line-height: 30px; margin-bottom: 10px; 
	display: block; }
.blocktit strong{ float: left; }
.blocktit strong span{ color: #000 }
.blocktit  i{ font-size: 20px; margin:0 10px; color: #ccc;  }
.blocktit em{color: #ccc; font-size:20px; }
.blocktit a.more{ float: right; color: #999; font-size: 14px; }
.blocktit a.more:hover{ color: #2f73b3 }


/*关键字*/
.search { background: #fff;  padding: 20px; display: block; margin-top: 20px; overflow: hidden; box-shadow: 1px 5px 5px #ccc}
.search span{color: #2f73b3; font-size: 16px; font-weight: bold;}
.search a{ margin-right: 20px;  color: #666; font-size:14px; }
.search a:hover{color: #2f73b3;}


/*首页长图联系我们*/
.contactbg{ background: url(../images/index2_20.jpg) no-repeat center top; max-height: 177px; 
	width: 100%; text-align: center; font-size: 50px; color: #fff; font-style: italic; padding: 30px 0;
	background-size: 100% 100%  }
.contactbg span{ font-weight: bold;   }







/*案例*/
.caseblock{ background: #fff; overflow: hidden; padding: 30px 0 }
.caseblock .blocktit{ margin-left: 0; margin-bottom: 20px }
.caseblock .proconlist li{ float: left; width: 280px; margin-right: 26px; overflow: hidden;  }
.caseblock .proconlist li:last-child{ margin-right: 0px }
.caseblock .proconlist li p{ line-height: 40px; text-align: center; font-size: 16px }


/*新闻资讯*/
.newsbox{ margin: 80px auto 200px auto }
.newsbox ul li{ float: left; width: 311px;
 position: relative; background: #f8f8f8;  
 margin-top: 60px; padding: 50px 30px 30px 30px; border-radius: 20px;
 box-shadow: 1px 10px 20px #ddd; transition: .5s;border:1px solid #ccc;
 margin-right: 40px;
}
.newsbox ul li:nth-child(3n){ margin-right: 0 }
.newsbox ul li h5{ font-size:20px; height: 40px; line-height: 40px; }
.newsbox ul li p{ font-size:16px; color: #666; line-height: 30px; height: 120px; overflow: hidden; }
.newsbox ul li .date{ position: absolute;  left: 20px; top: -40px; 
	height: 80px; width: 80px; background: #2f73b3;   border-radius: 100px;transition: .5s; text-align: center; color: #fff }
.newsbox ul li .date i{ display: block; text-align: center; padding-top: 20px; font-size:14px; }
.newsbox ul li .date span{  font-size:20px;  }
.newsbox ul li:hover .date{transform: translateX(250px); background: #fff;  color: #000; border:1px solid #ccc; }
.newsbox ul li:hover{ background: #2f73b3;  }
.newsbox ul li:hover p,.newsbox ul li:hover h5{ color: #fff }




/*联系我们*/
.contactblock{ width: 100%; background: url(../images/contactbg.jpg) no-repeat center top; margin:100px 0 10px 0; padding:100px 0;}
.contactcon { background: url(../images/img29.png) no-repeat center top; width: 600px; height: 560px; margin:0 auto;  
 padding: 40px 100px;  }
.contactcon dl{ margin-bottom: 20px; }
.contactcon dl dt{ font-size: 18px; line-height: 40px; }
.contactcon dl dt img{margin-right:10px; vertical-align: -10px;  }
.contactcon dl dd{ font-size: 16px; line-height: 30px; color: #8f8f8f; margin-left:45px }
.contactcon dl dd span{ color: #2f73b3; font-size:22px; }
.contactcon dl dd span img{ width: 150px }