@charset "utf-8";.banner {background:#000;margin:0 auto;position:relative;}
.banner .bd {position:relative;z-index:0;}
.banner .bd li img {width:100%;vertical-align:top;}
.banner .hd {position:absolute;bottom:5%;width:100%;height:14px;z-index:1;}
.banner .hd ul {width:90%;margin:0 auto;text-align:center;}
.banner .hd ul li {display:inline-block;*display:inline;zoom:1;width:14px;height:14px;margin:0 3px;/*border-radius:50%;*/ background:#9c6;line-height:999px;overflow:hidden;cursor:pointer;border-radius:10px;}
.banner .hd ul .on {background:#369;}

.products{ background:#fff url(../images/p-bg.png) top center repeat;height:900px;padding:90px 0;} 
 
.i-p-nav>li{width:392px;margin:10px 4px;float:Left;overflow:hidden;}
.tlt-nav {height:340px;}
.i-p-nav li .i-pro-con{width:100%;}
.l1 .i-pro-con img{width:100%;height:auto;}
.i-p-nav .i-pro-con li{line-height:24px;font-size:16px;color:#333;list-style-type:disc;margin-left:20px;}
.i-pro-con>.inner>hr{width:75px;border:none;border-top:6px solid #9c6;margin-bottom:24px;}
.l2 .i-pro-con .inner{margin:0 0 80px 0;}
.l2b{display:none;}
.l2 .i-pro-con img{width:auto;height:100%;max-height:650px;}
.l3 .i-pro-con img{margin:20px 0 0 0;width:auto;height:100%;max-height:650px;}
.l3 .i-pro-con .inner{margin:40px 0 0 0;}
.l3 .i-pro-con .p-h3{text-align:right;}
.l3>.i-pro-con>.inner>hr{float:right;}
.l3> .i-pro-con li{float:right;}

@media screen and (max-width: 768px) {
.tlt-nav {height:60px;}
.l2a{display:none;}
.l2b{display:block;}
.p-more{display:none;}
.i-p-nav>li{width:100%;height:auto;margin:0px;}
.products{height:auto;padding:20px 10px;} 
.l2 .i-pro-con img{width:100%;height:auto;margin:20px 0 0 0;}
.l3 .i-pro-con img{margin:20px 0 0 0;width:100%;height:auto;}
.l3 .i-pro-con .p-h3{text-align:left;}
.l3>.i-pro-con>.inner>hr{float:left;}
}
.about{ height:auto;padding:90px 0 40px; } 
.about>.container{background:#fff url(../images/txt-bg.png) top left no-repeat;height:auto;}
.about>.container>.con-img{float:right;width:660px;padding:10px;}
.about>.container>.con-img img{width:100%;height:auto;}
.about>.container>.article{float:left;width:400px;padding:10px 20px 10px 0;margin:90px 0 0 100px;}
.about>.container>.article h1{margin:0 0 36px 20px;}
.about>.container>.article p{line-height:24px;padding:5px;}

.equipment{ height:auto;padding:90px 0; } 
.equipment li{width:20%;height:auto;margin:0;position:relative;float:left;_display:inline; overflow:hidden; }
.equipment li img{width:100%;height:100%;}
.equipment li .p-tlt{line-height:40px;font-size:24px;text-align:center;width:calc(100% - 60px);height:calc(100% - 60px);margin:30px;position:absolute;bottom:0px;background:#666;color:#fff;filter:alpha(opacity:0); opacity:0;  -moz-opacity:0;-khtml-opacity: 0;}
.equipment li .p-tlt a{color:#fff;padding:25% 10px 0 10px;}
.equipment li:hover .p-tlt{background:#360;filter:alpha(opacity:60); opacity:0.6;  -moz-opacity:0.6;-khtml-opacity: 0.6;}

.recommmended{height:auto;padding:40px 0;}
.recommmended>.container>ul{margin:50px 0 0 0;}
.recommmended>.container>ul>li{width:23%;height:auto;margin:10px 1%;float:left;}
.recommmended>.container>ul>li>figure{width:100%;height:auto;margin:0;}
.p-list{width:100%;height:auto;position:relative;}
.p-list>a>img{width:calc(100% - 2px);height:auto;border:solid 1px #999;}
.p-list>a>.r-tlt:before{content: url(../images/pro-bg.png);width:50px;height:50px;}
.p-list>a>.r-tlt{text-align:center;width:100% ;height:calc(100% - 60px);padding-top:60px;position:absolute;bottom:0px;background:#666;color:#fff;display:none;filter:alpha(opacity:80); opacity:0.8;  -moz-opacity:0.8;-khtml-opacity: 0.8;}
.p-list>a>.r-tlt h4{line-height:32px;font-size:16px;}
.recommmended>.container>ul>li:hover .p-list>a>.r-tlt{display:block;}
.p-list-con h3{height:48px;line-height:48px;overflow:hidden;text-align:center;background:#999;}
.p-list-con h3 a{font-size:16px;color:#fff;font-weight:700;}
.p-list-con ul{filter:alpha(opacity:0); opacity:0;  -moz-opacity:0.;-khtml-opacity: 0;height:60px;overflow:hidden;padding:0px 0 20px;background:#9c6;}
.p-list-con ul li{width:90%;margin:0 0 0 10%;height:20px;line-height:20px;text-align:left;font-size:12px;color:#333;list-style-type:disc;}
 
.recommmended>.container>ul>li:hover .p-list-con h3{background:#9c6;}
.recommmended>.container>ul>li:hover .p-list-con ul{filter:alpha(opacity:100); opacity:1;  -moz-opacity:1;-khtml-opacity: 1;}

@media only screen and (max-width: 768px) {
.about{ padding:30px 0 20px; } 
.about>.container>.con-img{float:none;width:calc(100% - 20px);padding:10px;}
.about>.container{background:#fff url(../images/bg.png) top left no-repeat;height:auto;} 
.about>.container>.article{width:98%;padding:0;margin:20px 1% 30px;}
.recommmended>.container>ul>li{width:98%;margin:10px 1%;}
.p-list-con p{display:none;}
}
.news {height:650px;padding:42px 0;    background: url(../images/news-bg.jpg) top center no-repeat;}
.newstlt{color:#fff;}
.news-list{margin: 40px 0 90px;width:770px;float:left;}	
.news-list li{width:770px;height:156px;margin:26px 60px;}
.news-list li .date{ background:#369;width:170px;height:100%;float:left;}
.news-list li .date .day{text-align:center;color:#fff;font-size:60px;font-weight:900;height:60px;padding:40px 0 0 0;}
.news-list li .date .yy-mm{text-align:center;color:#fff;font-size:20px;font-weight:900;}
.news-list li .con{  width:570px;height:calc(100% - 15px);float:right;padding:15px 0 0 30px;background:#fff url(../images/n-bg.png) bottom right no-repeat;}
.news-list li .con h5{height:40px;line-height:40px;font-size:18px;    border-bottom: solid 1px #999;overflow:hidden;}
.news-list li .con h5 a{color:#000;}
.news-list li .con p{height:60px;line-height:20px;voerflow:hidden;margin-top:20px;font-size:14px;}
.img-news{width:370px;height:370px;float:left;margin:90px 0 0 60px;background:#369;}
.img-news img{width:330px;height:220px;margin:20px 20px 10px;}
.img-news .inner{padding:0 20px 25px;color:#fff;background:url(../images/n-bg.png) bottom right no-repeat;}
.inner .date,.inner p{font-size:13px;line-height:18px;}
.inner h4{height:30px;line-height:30px;font-size:18px;margin-bottom:10px;border-bottom: solid 1px #fff;overflow:hidden;}
.inner h4 a{color:#fff;font-size:18px;}
.inner p{height:36px;overflow:hidden;} 
.news-list li:hover .date{ background:#9c3;}
.img-news:hover{background:#9c3;}
@media only screen and (max-width: 1920px) {
.news-list li{width:770px;height:156px;margin:50px 0px;} 	
}
@media only screen and (max-width: 1280px) {

.news-list li{width:770px;height:156px;margin:50px 0px; }
}
 
 
.newslist a {color:#CC3333;}
.NewsBox .newslist  a:hover {color:#000;}
.NewsBox .newslist {width:100%;}
.NewsBox .newslist li{width:770px;height:156px;margin:26px 60px }
 
.NewsBox .newslist li .n-list {width:236px;height:400px;float:left;overflow:hidden;margin:20px 10px;box-shadow:0 1px 1px 0 rgba(0,0,0,.15);}
.NewsBox .newslist li .n-list:hover {box-shadow:0 5px 5px 0 rgba(0,0,0,.25)}
.NewsBox .newslist li .n-list:hover .figcaption a{color:#0050ac;}
.NewsBox .newslist li .n-list  img {width:100%;height:auto;max-height:163px;float:left;}
.NewsBox .newslist li .n-list  .figcaption {width:94%;margin:0 3%;}
.NewsBox .newslist li .n-list  .figcaption i{border-bottom: solid 2px #0050ac;}
.NewsBox .newslist li .n-list:hover .figcaption i{border-bottom: solid 1px #000;}
.NewsBox .newslist li .n-list  .figcaption .tlt{height:30px;line-height:30px;overflow:hidden;font-size:13px;font-weight:700;}
.NewsBox .newslist li .n-list  .figcaption a{color:#000;}
.NewsBox .newslist li .n-list  .figcaption p {line-height:16px;height:64px;color:#171717;font-size:11px;overflow:hidden;}
.NewsBox .newslist li .n-list  .figcaption .listname{margin-top:72px;color:#000;font-weight:700;}
 
.NewsBox .hd {position:absolute;width:768px;height:14px;z-index:1;}
.NewsBox .hd ul {width:90%;margin:0 auto;text-align:center;}
.NewsBox .hd ul li {display:inline-block;*display:inline;zoom:1;width:10px;height:10px;margin:0 3px;/*border-radius:50%;*/ background:#273238;line-height:999px;overflow:hidden;cursor:pointer;border-radius:10px;}
.NewsBox .hd ul .on {background:#465a64;}

.case .case-img-1 {width:36%;height:305px;float:left;position: relative;}
.case .case-img-2 {width:18%;height:305px;float:left;position: relative;}
.case .case-img-3 {width:46%;height:305px;float:left;position: relative;}
.case .case-img-1 .img, .case .case-img-2 .img,.case .case-img-3 .img{width:100%;height:305px;position: relative;}
.case .case-img-1 .img img, .case .case-img-2 .img img,.case .case-img-3 .img img{width:100%;height:305px;position: relative;}
.case .case-img-1 .con,.case .case-img-2 .con,.case .case-img-3 .con{width:100%;height:50px;padding:10px 0; position: absolute;bottom: 0px;}
.case .con a{color:#fff;font-weight:700;}
.case .case-img-1:hover a,.case .case-img-2:hover a,.case .case-img-3:hover a{color:#0050ac;}
.case .con .tlt{padding:8px 0 0 40px;float:left;line-height: 28px;}
.case .con .tlt a{font-size:13px;}
.case .con .ii{float:right;margin:2px 30px 0 0;  width:36px;height:36px; border-radius: 40px;border:2px #fff solid; }
.case .con .ii a{font-size:30px;line-height: 32px;padding-left:8px;}
.case .case-img-1:hover .ii,.case .case-img-2:hover .ii,.case .case-img-3:hover .ii{border:2px #0050ac solid; }

.join{padding:40px 0 0;} 
.join a{color:#fff;}
.join .join-box,.join .ser-box{width:50%;height:auto;float:left;position: relative;}
.join .join-box .img,.join .ser-box .img{width:100%;height:auto;position: relative;}
.join .join-box .img img,.join .ser-box .img img{width:100%;height:auto;}
.join .join-box .con{ height:50px;padding:10px 0 10px 140px; position: absolute;bottom: 140px;}
.join .ser-box .con{ height:50px;padding:10px 0 10px 100px; position: absolute;bottom: 140px;}
 
.join .join-box .con .tlt,.join .ser-box .con .tlt{font-size:32px;line-height:40px;}
.join .join-box .con .en,.join .ser-box .con .en{font-size:20px;text-transform:Uppercase;line-height:42px;}


@media screen and (max-width: 768px) {
.news {height:auto;padding:12px 0; }
.news-list li .date,.equipment{display:none;}
.equipment{ padding:10px 0; } 
.news-list{margin:5px 1%;width:98%;float:left;}	
.news-list li{width:100%;height:auto;margin:5px 0px; }
.news-list li .con{  width:100%;height:100%;padding:5px 0;margin:5px 0;}
.news-list li .con h5{padding:0 5px;}
.news-list li .con p{height:48px;line-height:16px;overflow:hidden;margin-top:5px;font-size:11px;padding:0 5px;}
.img-news{width:90%;height:auto; margin:5px 5%;}
.img-news img{width:calc(100% - 10px);height:auto;margin:5px;}

}