/* 字体引用  */
@font-face {
    font-family: 'icomoont';
    src: url('../fonts/fettemittelschriftregular.ttf');
}
/* 字体引用 End */

/* banner  */
.banner{clear:both;position:relative;z-index:1;margin-top:-35px;width:100%;height:610px;overflow:hidden;}
.banner .hd{position:absolute;left:0;bottom:40px;width:100%;height:2px;text-align:center;}
.banner .hd li{display:inline-block;*display:line;*zoom:1;margin: 0 10px;width: 50px;height: 3px;text-indent:-9999px;cursor:pointer;background-color: #fff;}
.banner .hd li.cur{background: #00bfff;}
.banner .bd,.banner .bd ul{height:610px;}
.banner .bd li{position:relative;width:100%;height:610px;}
.banner .bd li a{display:block;position:absolute;left:50%;top:0;margin-left:-960px;width:1920px;height:610px;}
.banner .prev,.banner .next{position:absolute;z-index:999;top:50%;margin-top:-30px;width:58px;height:58px;cursor:pointer;opacity:0;transition: all 1s;}
.banner .prev{left:2%;background:url(../images/banner_prev.png) no-repeat;}
.banner .next{right:2%;background:url(../images/banner_next.png) no-repeat;}
.banner:hover .prev,.banner:hover .next{opacity:1;}
/* banner End */

/* 定制案例  */
.Case{padding: 60px 0;background-color: #fff;}

.CaseCon{margin-top: 40px;}
.CaseCon ul li{float: left;width: 375px;margin-left: 20px;text-align: center;}
.CaseCon ul li:first-child{margin-left: 0;}
.CaseCon ul li span{width: 375px;height: 375px;display: block;overflow: hidden;}
.CaseCon ul li span img{width: 375px;height: 375px;display: block;transition: .8s;}
.CaseCon ul li:hover span img{transform: scale(1.1);}
.CaseCon ul li p{font-size: 18px;color: #333;margin-top: 25px;}
.CaseCon ul li:hover p{color: #00bfff;font-weight: bold;}

.Case a.More{color: #333;font-size: 18px;display: block;border-radius: 50px;width: 200px;height: 60px;line-height: 60px;text-align: center;border: 1px #a1a1a1 solid;margin: 40px auto 0;}
.Case a.More:hover{border: 1px #00bfff solid;background-color: #00bfff;color: #fff;}
/* 定制案例 End */

/* 标题  */
.Title{text-align: center;}
.Title h3{color: #333;font-size: 30px;font-weight: normal;transition: .8s;position: relative;top: 0;}
.Title h3 a{color: #333;}
.Title p{font-size: 14px;color: #999;margin-top: 5px;}
.Title i{width: 55px;height: 3px;background-color: #00bfff;display: block;margin: 10px auto 0;}
.Title:hover h3{position: relative;top: -10px;color: #333;}
.Title:hover h3 a{color: #333;}
.Title h3 b{font-size: 66px;color: #00bfff;font-weight: normal;font-family: "icomoont";}
/* 标题 End */

/* 走进我们  */
.About{padding: 60px 0;background:url(../images/aboutbg.jpg) no-repeat center center;height: 487px;}

.AboutCon{margin-top: 40px;}
.AboutCon dl{position: relative;}
.AboutCon dl a{display: block;}
.AboutCon dl dt{width: 600px;float: left;overflow: hidden;}
.AboutCon dl dt img{display: block;width: 600px;height: 374px;transition: .8s;position: relative;z-index: 9; border-radius:10px;}
/*.AboutCon dl:after{content: "";position: absolute;left: -20px;top: -20px;width: 100px;height: 415px;display: block;background-color: #00bfff;z-index: 1;}*/
.AboutCon dl:hover dt img{transform: scale(1.1);}
.AboutCon dl dd{width: 570px;float: right;margin-top: 0px;}
.AboutCon dl dd h3{font-weight: normal;font-size: 30px;color: #333;}
.AboutCon dl dd h3 em{display: block;font-size: 12px;color: #999;margin-top: 5px;}
.AboutCon dl dd p{font-size: 14px;color: #999;line-height: 25px;text-indent: 2rem;margin-top: 25px;}
.AboutCon dl dd i{font-size: 14px;color: #999;display: block;width: 160px;height: 50px;border: 1px #999 solid;text-align: center;line-height: 50px;margin-top: 15px; float:right; border-radius:50px;}
.AboutCon dl:hover dd h3{color: #00bfff;}
.AboutCon dl:hover dd i{background-color: #00bfff;color: #fff;border: 1px #00bfff solid;}
/* 走进我们 End */

/* 产品展示  */
.Product{padding: 60px 0;background: #f4f4f4;}

.ProductCon{margin-top: 40px;}

.ProductBot{margin-top: 34px;}
.ProductBot ul li{float: left;width: 375px;margin-left: 34px;text-align: center;background-color: #fff;border: 1px #fff solid;}
.ProductBot ul li:first-child{margin-left: 0;}
.ProductBot ul li span{width: 375px;height: 290px;display: block;overflow: hidden;}
.ProductBot ul li span img{width: 375px;height: 290px;display: block;transition: .8s;}
.ProductBot ul li:hover span img{transform: scale(1.1);}
.ProductBot ul li p{font-size: 18px;color: #666;height: 60px;line-height: 60px;padding: 0 10px;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
.ProductBot ul li:hover{border: 1px #00bfff solid;}
.ProductBot ul li:hover p{background-color: #00bfff;color: #fff;}

.ProductTop dl{width: 787px;overflow: hidden;background-color: #fff;padding: 42px 0;position: relative;}
.ProductTop dl a{display: block;overflow: hidden;}
.ProductTop dl dt{float: right;width: 420px;overflow: hidden;}
.ProductTop dl dt img{width: 375px;height: 290px;display: block;transition: .8s;}
.ProductTop dl:hover dt img{transform: scale(1.1);}
.ProductTop dl dd{float: left;position: absolute;left: 70px;top: 50px;}
.ProductTop dl dd h3{font-size: 30px;color: #333;}
.ProductTop dl:hover dd h3{color: #00bfff;}
.ProductTop dl dd p{font-size: 30px;color: #999;margin-top: 10px;}
.ProductTop dl dd em{display: block;font-size: 18px;color: #666;width: 130px;height: 50px;line-height: 50px;text-align: center;border-radius: 10px;border: 1px #dedede solid;margin-top: 80px;}
.ProductTop dl:hover em{border:#00bfff solid 1px;color: #fff;background-color: #00bfff;}

.ProductTop ul li{width: 375px;text-align: center;background-color: #fff;border: 1px #fff solid;position: relative;}
.ProductTop ul li span{width: 375px;height: 290px;display: block;overflow: hidden;padding: 11px 0;}
.ProductTop ul li span img{width: 375px;height: 290px;display: block;transition: .8s;}
.ProductTop ul li:hover span img{transform: scale(1.1);}
.ProductTop ul li p{font-size: 18px;color: #666;height: 60px;line-height: 60px;}
.ProductTop ul li:hover{border: 1px #00bfff solid;}
.ProductTop ul li:hover p{background-color: #00bfff;color: #fff;}
.ProductTop ul li:after{content: "";position: absolute;right: -11px;top: -11px;width: 157px;height: 157px;display: block;background:  url(../images/producticon.png) no-repeat center center;}
/* 产品展示 End */



/* 新闻  */
.News{padding: 60px 0;background-color: #fff;}

.NewsCon{margin-top: 50px;}

.NewsLeft{width: 790px;}

.NewsTitle{overflow: hidden;line-height: 35px;position: relative;}
.NewsTitle:after{content: "";position: absolute;left: 270px;top: 19px;width: 385px;height: 1px;background-color: #d6d6d6;}
.NewsTitle ul{float: left;}
.NewsTitle ul li{float: left;font-size: 24px;border-left: 1px #d6d6d6 solid;padding-left: 25px;margin-left: 25px;}
.NewsTitle ul li:first-child{border-left: none;padding-left: 0;margin-left: 0;}
.NewsTitle ul li a{color: #333;}
.NewsTitle ul li.cur a{color: #00bfff;}
.NewsTitle a.More{width: 120px;height: 35px;line-height: 35px;text-align: center;border-radius: 50px;background-color: #00bfff;color: #fff;font-size: 18px;display: block;float: right;}

.NewsBox dl{overflow: hidden;margin-top: 40px;}
.NewsBox dl a{display: block;overflow: hidden;}
.NewsBox dl dt{width: 268px;overflow: hidden;float: left;}
.NewsBox dl dt img{display: block;width: 268px;height: 172px;transition: .8s;}
.NewsBox dl:hover dt img{transform: scale(1.1);}
.NewsBox dl dd{width: 490px;float: right;position: relative;}
.NewsBox dl dd h3{font-weight: normal;font-size: 18px;color: #333;margin-top: 10px;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
.NewsBox dl dd p{font-size: 14px;color: #333;line-height: 25px;margin-top: 15px;display: -webkit-box;overflow: hidden;text-overflow: ellipsis;-webkit-line-clamp: 3;-webkit-box-orient: vertical;}
.NewsBox dl dd em{display: block;color: #00bfff;font-size: 14px;margin-top: 20px;}
.NewsBox dl dd span{position: absolute;right: 0;top: 15px;font-size: 14px;}
.NewsBox dl:hover h3{color: #00bfff;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}

.NewsBox ul{margin-top: 30px;}
.NewsBox ul li{height: 50px;line-height: 50px;font-size: 14px;border-top: 2px #dedede dotted;overflow: hidden;width: 380px;float: left;padding-left: 30px;}
.NewsBox ul li a{display: block;float: left;color: #333;width: 75%;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;background: url(../images/newsbox.png) no-repeat center left;padding-left: 10px;}
.NewsBox ul li span{float: right;display: block;color: #999;}
.NewsBox ul li:hover a{color: #00bfff;}
.NewsBox ul li:nth-child(2n+1){padding-left: 0;}

.NewsRight{width: 375px;}
.NewsRight h3{font-weight: normal;font-size: 12px;color: #999;}
.NewsRight h3 a{color: #333;font-size: 24px;}

.NewsConBox{margin-top: 40px;}
.NewsConBox dl{background-color: #fff;border-radius: 20px;margin-top: 15px;}
.NewsConBox dl:first-child{margin-top: 0;}
.NewsConBox dl dt{font-size: 14px;line-height: 45px;border-radius: 50px;background-color: #dedede;text-align: left;padding: 0 15px;}
.NewsConBox dl dt a{display: block;color: #333;}
.NewsConBox dl dt i{width: 28px;height: 28px;display: block;background: url(../images/newsicon01.png) no-repeat center center;vertical-align: middle;/* margin-left: 20px; */position: relative;float: right;top: 8px;}
.NewsConBox dl dd{font-size: 14px;line-height: 20px;display: none;padding: 15px;}
.NewsConBox dl dd a{display: block;color: #333;display: -webkit-box;overflow: hidden;text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.NewsConBox dl dt.cur{background-color: #00bfff;}
.NewsConBox dl dt.cur a{color: #fff;}
.NewsConBox dl dt.cur i{background: url(../images/newsicon02.png) no-repeat center center;}
/* 新闻 End */

/* 友情链接  */
.Links{background-color: #222;padding: 30px 0;overflow: hidden;}
.Links h3{font-weight: normal;font-size: 18px;float: left; margin-bottom:20px; font-weight:200;}
.Links h3 a{color: #fff;}
.Links p{float: right;font-size: 14px;line-height: 30px;}
.Links p a{color: #ccc;background: url(../images/honorbox.jpg) no-repeat center left;padding-left: 20px;margin-left: 20px;}
.Links p a:first-child{background: none;padding-left: 0;margin-left: 0;}
.Links p a:hover{color: #00bfff;}
/* 友情链接 End */

/* 搜索  */
.SearchFor{height: 60px;line-height: 60px;background-color:#fff;}

.SearchFor .keyword {font-size: 14px;color: #333;height: 60px;width: 770px;}
.SearchFor .keyword span {float: left; height: 60px;line-height: 60px;color: #00bfff;font-weight: bold;}
.SearchFor .keyword p {float: left;height: 60px;line-height: 60px;}
.SearchFor .keyword p a {float: left;height: 60px;line-height: 60px;color: #333;font-size: 14px;padding: 0 8px;}
.SearchFor .keyword p a:hover {color: #00bfff;}
.SearchFor .keyword a:first-child {padding-left: 0;border-left: none;}
.SearchFor form{margin-top: 9px;}
.SearchFor .inp {width: 270px;height: 40px;overflow: hidden;position: relative;}
.SearchFor .inp input {float: left;border:none;height: 40px;line-height: 40px;width: 210px;font-size: 14px;color: #333;background: none;outline: none;padding: 0 10px;}
.SearchFor .inp button {display: block;cursor: pointer;background:  no-repeat;border:  none;position: absolute;outline: none;right: 0;top: 5px;}
.SearchFor .inp button i {display: block;width: 25px;height: 25px;background: url(../images/searchicon.png) no-repeat right center;}
/* 搜索 End */