@charset "utf-8";
/* CSS Document */

.title{ background:url(../images/title_bg.jpg) no-repeat center top;height: 77px;color: #01a1ea;text-align: center;padding: 40px 0 10px 0}
.title h1{font-size: 20px}
.title span{color: #fed132}

.adver{height:174px;background:url(../images/adver.jpg) no-repeat center top;color: #fff;}
.adver img{padding: 40px 0}
.adver li{float: left;padding-top: 68px;text-align: center;}
.adver li h1{line-height: 60px}
.adver li:first-child{padding-left: 75px}
.adver li:first-child+li{padding-left: 85px}
.adver li:first-child+li+li{padding-left: 69px}
.adver li:first-child+li+li+li{padding-left: 47px}

.search{height:57px;width: 100%;margin-top: 10px}
.search>.wrap>.hot>img{padding-top: 14px;float: left;}
.search .wrap{position: relative;}
.hot strong{font-size: 14px;margin-top: 10px;line-height: 28px;padding-left: 16px;float: left;}
.hot{float: left;width: 620px;}
.hotpro{padding-top: 15px;}
.hotpro li{padding:0 15px;height: 15px;border-right: 1px solid #616161;float: left;line-height: 15px;text-align: center;}
.hotpro li:last-child{border: none;}
.hotpro li a{font-size: 12px;color: #616161}

.main3_serch{float: right;width: 483px;height: 53px;background: url(../images/input_bg.png) no-repeat;}
.txt{height: 25px;width: 259px;position: absolute;top: 17px;right: 0px;margin-right: 22px;color: #a1a1a1;}
.btn{position: absolute;top: 17px;right: 21px;z-index: 9999;background: url(../images/btnbg.png) no-repeat 0 0;width: 49px;height: 25px;border:none;display: block;}

.about{border:4px solid #00a0e9;padding:30px 20px;margin-top:40px;position:relative}
.about .about-left{width:50%}
.about .about-left>img{margin-bottom:20px}
.about .about-left p{font-size:16px;color:#3f3f3f;line-height:31px}
.about>img{position:absolute;top:-37px;right:59px}
.about>a>img{position:absolute;right:0;top:160px}

.prod{margin-top: 60px}
.prod .prod-title{position:relative}
.prod .prod-title img{width:100%}
.prod .prod-title .more1{width:60px;height:60px;display:inline-block;position:absolute;top:0;left:0}
.prod .prod-title .more2{width:60px;height:60px;display:inline-block;position:absolute;top:15px;right:10px}
.prod .prod-content .List1{width:1200px;margin:0 auto;margin-top:20px}
.prod .prod-content .List1 li{float:left;width:16%;border:2px solid #b5b5b5;text-align:center;font-size:16px;padding:15px 0;margin:0 20px;cursor:pointer;transition:all .3s linear}
.prod .prod-content .List1 li a{color:#b5b5b5}
.prod .prod-content .List1 li:hover{background:#00a0ea;border:2px solid #00a0ea}
.prod .prod-content .List1 li:hover a{color:#fff}
.prod .prod-content .List2 li{width:225px;margin-right:18px;margin-top:60px;float: left;}
.prod .prod-content .List2 li:hover img{border:2px solid #00a0ea}
.prod .prod-content .List2 li:hover p.mores{color:#fff;border-bottom:2px solid #00a0ea;border-left:2px solid #00a0ea;border-right:2px solid #00a0ea;background: #00a0ea}
.prod .prod-content .List2 li img{width:225px;height:162px;border:2px solid #b5b5b5;display:block}
.prod .prod-content .List2 li p.mores{height:35px;line-height:35px;width:225px;font-size:16px;color:#9E9E9E;border-bottom:2px solid #9E9E9E}

.case {background:url(../images/casebg.jpg) repeat-x center bottom;}
.case .case-content .caselist li{float:left;width:240px;height: 312px;margin-left:45px;margin-top:10px;position:relative}
.case .case-content .caselist li.on p.title{background:url(../images/prod-cover1.png)}
.case .case-content .caselist li img{display:block;width:240px;height: 312px}
.case .case-content .caselist li p.title{position:absolute;bottom:0;left:0;width:100%;background:url(../images/prod-cover.png);padding:5px 0;color:#fff;font-size:16px;height: 30px}


.newss{}
.newss .wrap{position:relative}
.newss .news-content{padding:0 0 80px 0}
.newss .news-content .news-left{width:49%}
.newss .slideBox{overflow:hidden;position:relative}
.newss .slideBox .hd{height:15px;overflow:hidden;position:absolute;right:5px;bottom:5px;z-index:1}
.newss .slideBox .hd ul{overflow:hidden;zoom:1;float:left}
.newss .slideBox .hd ul li{float:left;margin-right:8px;width:9px;height:9px;background:url(../images/news.png) no-repeat;cursor:pointer}
.newss .slideBox .hd ul li.on{background:url(../images/news-on.png) no-repeat}
.newss .slideBox .bd{position:relative;height:100%;z-index:0}
.newss .slideBox .bd li{zoom:1;vertical-align:middle}
.newss .slideBox .bd img{width:100%;display:block}
.newss .slideBox .bd .newstitle{position:absolute;bottom:0;left:0;width:100%;background:rgba(255,255,255,.5);text-align:center;padding:5px 0;font-size:18px;color:#000;letter-spacing:2px}
.newss .news-content .news-right{width:49%}
.newss .news-content .news-right .newss-text dt{float:left;width:22%;text-align:center;font-size:38px;color:#808080;height:110px;line-height:110px;background:#f0f0f0}
.newss .news-content .news-right .newss-text dl{margin-top:13px;background:#f0f0f0;position:relative;transition:all .3s linear}
.newss .news-content .news-right .newss-text dl:first-child{margin-top:0}
.newss .news-content .news-right .newss-text dl:hover dt{background:#01a1ea;color: #fff}
.newss .news-content .news-right .newss-text dl:hover{background:#ffbd00}
.newss .news-content .news-right .newss-text dl:hover dd.title{color:#000}
.newss .news-content .news-right .newss-text dl:hover dd.time{color:#5B5C5D}
.newss .news-content .news-right .newss-text dl:hover dd.text{color:#031E3B}
.newss .news-content .news-right .newss-text dd{float:right;width:75%;padding-top:10px;}
.newss .news-content .news-right .newss-text dd.title{font-size:18px;color:#808080;margin-top:15px;font-weight:700}
.newss .news-content .news-right .newss-text dd.text{font-size:16px;color:#808080;margin-top:15px}
.newss .news-content .news-right .newss-text dd.time{position:absolute;right:10px;top:0px;width:auto;font-size:14px;color:#808080}

.pic{background:url(../images/100.jpg) no-repeat center top;height: 576px}

.footer-top{background:url(../images/contact.jpg) no-repeat center top;padding:30px 0}
.footer-top .wraps{width:1100px;margin:0 auto;position:relative}
.footer-top .wraps .text{margin:0 0 0 15px;color:#fff}
.footer-top .wraps .text h1{margin-bottom:10px;font-size:16px;color:#BABABA}
.footer-top .wraps .text p{margin-top:22px;font-size:20px}
.footer-top .wraps .text h2{color:#BABABA;font-size:15px;letter-spacing:2px;margin-top:15px}
.footer-top .wraps .more{position:absolute;top:40px;right:262px}
.footer-top .wraps .weixin{position:absolute;right:0;top:-16px}
.footer-top .wraps .weixin img{width: 135px;}