/* Title */
.Title{text-align: center;animation: fadeinT 1s ease-out backwards;}
.Title h3{font-size: 36px;color: #333;transition: .8s;}
.Title:hover h3{transform: translateY(-10px);}
.Title h3 a{color: #333;}
.Title h3 b{color: #0066a1;}
.Title p{font-size: 18px;color: #666;margin-top: 10px;}

.Title02{color: #fff;}
.Title02 h3 a{color: #fff;}
.Title02 p{color: #fff;opacity: .7;margin-top: 5px;}
/*Title˜ End */


/* 公司简介 */
.Production{position: relative;}

.Production-Group{position: relative;}

.Production-Pic{overflow: hidden;}
.Production-Pic ul{width: 1920px;height: 907px;position: relative;left: 50%;margin-left: -960px;}
.Production-Pic ul li{overflow: hidden;}
.Production-Pic ul li img{display: block;transition: .8s;width: 1920px;height: 907px;}
.Production-Pic ul li:hover img{transform: scale(1.1);}

.Production-Box{width: 65px;height: 20px;border-radius: 50px;background-color: #f7f7f7;position: absolute;left: 50%;margin-left: -32.5px;bottom: 190px;text-align: center;line-height: 20px;}
.Production-Box ul li{width: 12px;height: 12px;border-radius: 50%;background-color: #c5c5c5;display: inline-block;*display: inline;*zoom: 1;margin: 0 1px;cursor: pointer;text-indent: 99px;overflow: hidden;}
.Production-Box ul li.cur{background-color: #0066a1;}

.Production-Text{width: 1120px;/* height: 280px; */background: rgba(255,255,255,.95);text-align: center;padding: 37px 40px;border-radius: 5px;position: absolute;left: 50%;margin-left: -600px;bottom: -70px;box-shadow: 0 0 25px rgba(0,0,0,0.1);animation: fadeinB 1s ease-out backwards;margin-bottom: 40px;z-index: 9;}
.Production-Text ul li{width: 33.33%;float: left;}
.Production-Text ul li span{display: block;}
.Production-Text ul li span b{font-size: 48px;color: #333;font-family:"iconfont";}
.Production-Text ul li span i{width: 42px;height: 20px;display: inline-block;*display: inline;*zoom: 1;background-color: #0066a1;font-size: 12px;color: #fff;border-radius: 50px;line-height: 20px;vertical-align: 5px;margin-left: 5px;}
.Production-Text ul li p{font-size: 18px;color: #333;margin-top: -5px;}

.Production-Text p.about{font-size: 16px;color: #666;line-height: 25px;margin-top: 78px;}
.Production-Text a.More{width: 204px;height: 45px;background-color: #0066a1;border-radius: 50px;display: block;color: #fff;font-size: 16px;line-height: 45px;margin: 30px auto 0;}
.Production-Text a.More i{width: 33px;height: 9px;background: url(../images/Index/More.png) no-repeat center center;display: inline-block;*display: inline;*zoom: 1;vertical-align: middle;margin-left: 20px;}
/* 公司简介 End */

.link{display:none;}

/* product-Con*/
.product{padding: 55px 0;overflow: hidden;background-color: #f1f1f1;}

.product-Con{margin-top: 30px;}

.product-Bot{margin: 30px 3% 0;}

.product-Group ul li{float: left;width: 25%;text-align: center;border: 1px #f1f1f1 solid;box-sizing: border-box;}
.product-Group ul li span{display: block;overflow: hidden;background-color: #f1f1f1;}
.product-Group ul li span img{display: block;width: 100%;transition: .8s;}
.product-Group ul li .text{background-color: #f1f1f1;padding: 30px 10px;}
.product-Group ul li .text h3{font-weight: normal;font-size: 20px;color: #333;}
.product-Group ul li .text p{font-size: 14px;color: #999;margin-top: 5px;}
.product-Group ul li:hover .text p{color: #fff;}
.product-Group ul li:hover .text h3{color: #fff;}
.product-Group ul li:hover .text{background-color: #0066a1;}
.product-Group ul li:hover span{background-color: #fff;}
.product-Group ul li:hover span img{transform: scale(1.1);}
.product-Group ul li:hover{border: 1px #0066a1 solid;box-shadow: 0 0 20px rgba(0,0,0,0.2);}
/* product-Con End */

/* News */
.News{padding: 250px 0 80px;background-color: #f1f1f1;overflow: hidden;}

.News-Con{margin-top: 25px;}

.News-Nav{text-align: center;}
.News-Nav ul li{width: 125px;height: 45px;line-height: 45px;text-align: center;border-radius: 50px;font-size: 14px;display: inline-block;*display: inline;*zoom: 1;margin: 0 10px;}
.News-Nav ul li a{display: block;color: #333;}
.News-Nav ul li.cur{background-color: #0066a1;}
.News-Nav ul li.cur a{color: #fff;}

.News-List{margin-top: 25px;}

.News-Group .item{display:block;float:left;margin-left: 37px;width:375px;animation: flipinX 1s ease-out backwards;}
.News-Group .item:first-child{margin-left:0;}
.News-Group .pic{width:375px;height:235px;overflow:hidden;}
.News-Group .pic img{display:block;width:375px;height:235px;transition:all 0.5s linear;}
.News-Group .text{padding-top:25px;overflow:hidden;}
.News-Group .text h3{height:35px;line-height:35px;font-weight:normal;font-size:16px;color:#333;overflow:hidden;}
.News-Group .text p{margin:8px 0 24px;height:48px;line-height:24px;font-size:14px;color:#666;overflow:hidden;}
.News-Group .date{position:relative;height:60px;line-height:60px;font-size:16px;font-weight:bold;color:#666;background:url(../images/Index/news_box01.png) no-repeat right center;}
.News-Group .date:after,.News-Group .date:before{display:block;position:absolute;top:0;left:0;height:1px;content:"";}
.News-Group .date:after{z-index:1;width:100%;background:#dededf;}
.News-Group .date:before{z-index:2;width:0;background:#0066a1;}
.News-Group .item:hover h3{color:#0066a1;}
.News-Group .item:hover .date{border-color:#0066a1;color:#0066a1;background-image:url(../images/Index/news_box02.png);}
.News-Group .item:hover .date:before{width:100%;transition:all 0.5s;}
.News-Group .item:hover .pic img{transform:scale(1.1);}
/* News End */