@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:#fff;line-height:999px;overflow:hidden;cursor:pointer;border-radius:10px;}
.banner .hd ul .on {background:#9c3;}

.about{padding:40px 0 0 0;height:200px;background:#fff; }
.about .inner{width:100%;max-width: 1070px;margin: 0 auto;position: relative;}
.about .inner .img{width:100%;position: relative;}
.about .inner .img img{width:100%;haight:auto;}

.about .inner .con{background:#fff;width:1070px;height:150px;overflow:hidden;margin:0 auto;    position: absolute;}
.about .inner .con .slider .bd  ul{width:1000px;height:138px;margin:15px auto;overflow:hidden;}
.about .inner .con .slider .bd  ul li .tlt{color:#000;font-weight:700;font-size:18px;line-height:26px;height:26px;overflow:hidden;}
.about .inner .con .slider .bd  ul li .tlt .ii {line-height:13px;height:13px;border-bottom: solid 2px #0050ac;margin:0 15px 13px 0;float:left;width:40px;}
.about .inner .con .slider .bd  ul li .tlt .conn{float:left;}
.about .inner .con .slider .bd  ul li p{color:#333;font-weight:300;font-size:16px;line-height:22px;height:112px;overflow:hidden;}
.about .inner .con .slider .hd  ul {width:60px;margin:0 20px 0 0;text-align:center;float:right;height:30px;}
.about .inner .con .slider .hd  ul li {display:inline-block;*display:inline;zoom:1;width:10px;height:10px;margin:0 3px;/*border-radius:50%;*/ background:#369;line-height:999px;overflow:hidden;cursor:pointer;border-radius:10px;}
.about .inner .con .slider .hd  ul .on {background:#99cc33;}

.pro-nav{margin:20px auto;}
.pro-nav .inner{width:1070px;margin:0 auto;}
.pro-nav .inner .p-nav-1{width:559px;height:289px;margin:5px 1px 1px 0;overflow:hidden;position: relative;float:left;}
.pro-nav .inner .p-nav-1 .img{width:100%;height:289px;position: relative;}
.pro-nav .inner .p-nav-1 .img img{width:100%;height:100%;}
.pro-nav .inner .p-nav-1 .con{width:100%;height:50px;padding:10px 0; position: absolute;bottom: 0px;}
.pro-nav .inner .p-nav-1 .con a{color:#fff;font-weight:700;}
.pro-nav .inner .p-nav-1 .con .tlt-1{padding:8px 0 0 55px;float:left;    line-height: 28px;}
.pro-nav .inner .p-nav-1 .con .ii{float:right;margin:2px 40px 0 0;  width:36px;height:36px; border-radius: 40px;border:2px #fff solid; }
.pro-nav .inner .p-nav-1 .con .ii a{font-size:30px;line-height: 32px;padding-left:8px;}
.pro-nav .inner .p-nav-1:hover .con a{color:#0050ac;}
.pro-nav .inner .p-nav-1:hover .con .ii{border:2px #0050ac solid;}
 
.pro-nav .inner .p-nav-2{width:506px;height:289px;margin:5px 0 1px 0px;overflow:hidden;float:left;position: relative;}
.pro-nav .inner .p-nav-2 .img{width:100%;height:289px;position: relative;}
.pro-nav .inner .p-nav-2 .img img{width:100%;height:100%;}
.pro-nav .inner .p-nav-2 .con{width:100%;height:50px;padding:10px 0; position: absolute;bottom: 0px;}
.pro-nav .inner .p-nav-2 .con a{color:#fff;font-weight:700;}
.pro-nav .inner .p-nav-2 .con .tlt-2{padding:8px 0 0 55px;float:left;    line-height: 28px;}
.pro-nav .inner .p-nav-2 .con .ii{float:right;margin:2px 40px 0 0;  width:36px;height:36px; border-radius: 40px;border:2px #fff solid; }
.pro-nav .inner .p-nav-2 .con .ii a{font-size:30px;line-height: 32px;padding-left:8px;}
.pro-nav .inner .p-nav-2 .con:hover a{color:#0050ac;}
.pro-nav .inner .p-nav-2 .con:hover .ii{border:2px #0050ac solid;}

.pro-nav .inner .p-nav-3{width:505px;height:290px;margin:0px 1px 5px 0;overflow:hidden;position: relative;float:left;}
.pro-nav .inner .p-nav-3 .img{width:100%;height:290px;position: relative;}
.pro-nav .inner .p-nav-3 .img img{width:100%;height:100%;}
.pro-nav .inner .p-nav-3 .con{width:100%;height:50px;padding:10px 0; position: absolute;bottom: 0px;}
.pro-nav .inner .p-nav-3 .con a{color:#fff;font-weight:700;}
.pro-nav .inner .p-nav-3 .con .tlt-3{padding:8px 0 0 55px;float:left;    line-height: 28px;}
.pro-nav .inner .p-nav-3 .con .ii{float:right;margin:2px 40px 0 0;  width:36px;height:36px; border-radius: 40px;border:2px #fff solid; }
.pro-nav .inner .p-nav-3 .con .ii a{font-size:30px;line-height: 32px;padding-left:8px;}
.pro-nav .inner .p-nav-3 .con:hover a{color:#0050ac;}
.pro-nav .inner .p-nav-3 .con:hover .ii{border:2px #0050ac solid;}
 
.pro-nav .inner .p-nav-4{width:564px;height:295px;margin:0px 0 5px 0px;overflow:hidden;float:left;position: relative;}
.pro-nav .inner .p-nav-4 .img{width:100%;height:290px;position: relative;}
.pro-nav .inner .p-nav-4 .img img{width:auto;height:290px;}
.pro-nav .inner .p-nav-4 .con{width:100%;height:50px;padding:10px 0; position: absolute;bottom: 0px;}
.pro-nav .inner .p-nav-4 .con a{color:#fff;font-weight:700;}
.pro-nav .inner .p-nav-4 .con .tlt-4{padding:8px 0 0 55px;float:left;    line-height: 28px;}
.pro-nav .inner .p-nav-4 .con .ii{float:right;margin:2px 40px 0 0;  width:36px;height:36px; border-radius: 40px;border:2px #fff solid; }
.pro-nav .inner .p-nav-4 .con .ii a{font-size:30px;line-height: 32px;padding-left:8px;}
.pro-nav .inner .p-nav-4 .con:hover a{color:#0050ac;}
.pro-nav .inner .p-nav-4 .con:hover .ii{border:2px #0050ac solid;}


.news {margin:20px 0;padding:20px 0;position:relative;}
.NewsBox {width:100%;height:auto;overflow:hidden;}
 
 
.newslist a {color:#CC3333;}
.NewsBox .newslist  a:hover {color:#000;}
.NewsBox .newslist {width:100%;}
.NewsBox .newslist li{}
 
.NewsBox .newslist li .n-list {width:380px;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:16px;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:14px;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:#369;line-height:999px;overflow:hidden;cursor:pointer;border-radius:10px;}
.NewsBox .hd ul .on {background:#9c3;}

.case .case-img-1 {width:36%;height:305px;float:left;position: relative;}
.case .case-img-2 {width:32%;height:305px;float:left;position: relative;}
.case .case-img-3 {width:32%;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) {
.about{height:auto;}
.about .inner{width:98%;}
.about .inner .con{width:98%;height:auto;margin:20px 1%;position: relative;bottom:0px;}
.about .inner .con .slider .bd  ul{width:100%;height:auto;}

.pro-nav .inner{width:98%;margin:0 1%;}

.pro-nav .inner .p-nav-1{width:98%;height:auto;margin:5px 1%;float:none;}
.pro-nav .inner .p-nav-1 .img{height:auto;}
.pro-nav .inner .p-nav-1 .img img{width:100%;height:auto;}
 
 
.pro-nav .inner .p-nav-2{width:98%;height:auto;margin:5px 1%;float:none;}
.pro-nav .inner .p-nav-2 .img{height:auto;}
.pro-nav .inner .p-nav-2 .img img{width:100%;height:auto;}
 

.pro-nav .inner .p-nav-3{width:98%;height:auto;margin:5px 1%;float:none;}
.pro-nav .inner .p-nav-3 .img{height:auto;}
.pro-nav .inner .p-nav-3 .img img{width:100%;height:auto;}

.pro-nav .inner .p-nav-4{width:98%;height:auto;margin:5px 1%;float:none;}
.pro-nav .inner .p-nav-4 .img{height:auto;}
.pro-nav .inner .p-nav-4 .img img{width:100%;height:auto;}

.NewsBox {width:100%;height:auto;overflow:hidden;padding:0;}
.NewsBox .newslist li{width:100%;height:auto;}
.NewsBox .newslist li .n-list {width:100%;height:auto;float:none;margin:20px 0;box-shadow:0 0px 0px 0 rgba(0,0,0,.15);}
.NewsBox .newslist li .n-list  .figcaption .listname{margin-top:15px;height: 20px;}

.case .case-img-1, .case .case-img-2 , .case .case-img-3 {width:98%;height:auto;margin:5px 1%;}
.case .con .tlt a{font-size:32px;    font-weight: 300;}
.join .join-box,.join .ser-box{width:98%;margin:5px 1%;}
.join .join-box .con{ height:50px;padding:10px 0 10px 20px; position: absolute;bottom: 20px;}
.join .ser-box .con{ height:50px;padding:10px 0 10px 20px; position: absolute;bottom: 20px;}
}