.w1200{width:1200px;margin: 0 auto}
.header{height: 78px;}
.header .logo{width: 219px;height: 70px;padding:4px 0;float: left;}
.header .logo img{width: 219px;height: 70px;}
.header .nav{float: right;margin-top: 18px}
.header .nav li{float: left;margin-left: 30px;height: 40px;line-height: 40px;position: relative;z-index: 999;;}
.header .nav li a{color: #444;font-size: 18px;}
.header .nav li.active{border-bottom:2px solid #9e6a35}
.header .nav li:hover{border-bottom:2px solid #9e6a35}
.header .nav li dl{position: absolute;background: #fff;width: 160px;top: 42px;left: 50%;margin-left: -80px;display: none;}
.header .nav li dl dd{height: 40px;line-height: 40px;}
.header .nav li dl dd a{font-size: 14px;color: #666;display: block;text-align: center;}
.header .nav li dl dd a:hover{background: #9e6a35;color: #fff;}
.banner .swiper-pagination-bullet{width: 18px;height: 18px;opacity: 1;background: #fff;vertical-align: middle;}
.banner .swiper-pagination-bullet-active{width: 75px;height: 13px;border-radius: 13px;;}
.product{padding:45px 0}
.title{text-align: center;height: 52px;}
.title span{color: #474748;font-size: 32px;border-bottom: 2px solid #a5763e;line-height: 32px;padding:10px 0}
.product .product-tab{text-align: center;margin: 40px 0}
.product .product-tab .product-tab-item{width: 115px;height: 46px;border:1px solid #dddddd;border-radius: 2px;color: #797979;line-height: 46px;font-size: 18px;margin:0 20px;cursor: pointer;} 
.product .product-tab .product-tab-item.active{background: #9e6a35;border:1px solid #9e6a35;color: #fff}
.product .box{width: 320px;margin:0 auto}
.product .box .img{width: 318px;height: 278px;border:1px solid #cccccc;margin-top: 15px;}
.product .box .img img{width: 100%;height: 100%;}
.product .box .test{}
.product .box .test .t{text-align: center;padding:20px 0}
.product .box .test .t p{color: #474748;font-size: 18px;}
.product .box .test .t span{color: #919191;font-size: 16px;}
.product .box .test .c{border-top: 1px solid #ccc;border-bottom:1px solid #ccc;color: #8f8e8e;font-size: 16px;padding:15px 0;line-height: 30px;}
.product .box:hover .img{border:1px solid #9e6a35}
.product .box:hover .t p{color: #1c4890}
.product .box:hover .t span{color: #1c4890}
.product .box:hover .c{color: #1c4890;border-top: 1px solid #9e6a35;border-bottom:1px solid #9e6a35;}
.swiper-button-prev-pro1{background: url(../images/prev.png) no-repeat !important}
.swiper-button-next-pro1{background: url(../images/next.png) no-repeat !important}
.industry{height: 360px;background: url(../images/bg.png) no-repeat center/auto 100%;}
.industry .industry-item{width: 198px;height: 220px;border:1px solid #ccc;float: left;background: #fff;text-align: center;margin-top: 20px;}
.industry .industry-item .img{width: 60px;height: 60px;border-radius: 50%;border:1px solid #ccc;margin:62px auto 0 auto;background: #fff;}
.industry .industry-item .img img{height: 33px;display: block;margin:14px auto;}
.industry .industry-item p{color: #8c8c8c;font-size: 18px;margin-top: 20px}
.industry .title{padding:10px 0}
.industry .industry-item:hover{background: #0070a7;border:1px solid #0070a7;}
.industry .industry-item:hover p{color: #fff;}
.case{padding:100px 0 0 0}
.case .case-item{height: 354px;padding:38px 0;position: relative;}
.case .case-item .w1200{position: relative;}
.case .case-item:nth-of-type(even){background: #f8f8f8}
.case .case-item .w1200:after{content: "";width: 1px;height: 270px;background: #a5763e;position: absolute;left: 600px;top: 50%;margin-top: -135px;}
.case .case-item .img{display: inline-block;*display: inline;*zoom:1;vertical-align: middle;width: 476px;padding:0 70px}
.case .case-item .test{display: inline-block;*display: inline;*zoom:1;vertical-align: middle;width: 500px;padding:0 36px}
.case .case-item .test p{color: #454545;font-size: 20px;font-weight: bold;margin-bottom: 35px;}
.case .case-item .test span{color: #969696;font-size: 16px;line-height: 30px;}
.case .more{display: block;width: 108px;height: 38px;background: #a5763e;border-radius: 5px;text-align: center;line-height: 38px;color: #fff;font-size: 18px;margin: 50px auto 0 auto}

.technology{padding:30px 0}
.technology-list{text-align: center;margin-top: 30px}
.technology-list .technology-item{width: 230px;height: 283px;border:1px solid #efd7de;display: inline-block;*display: inline;*zoom:1;vertical-align: top;margin:0 2px;box-shadow: 0 5px 20px #ddd;cursor: pointer;position: relative;}
.technology-list .technology-item .test{display: block;}
.technology-list .technology-item .testh{display: none;padding:10px;}
.technology-list .technology-item .test .t{font-size: 20px;color: #4c4c4c;margin-top: 60px}
.technology-list .technology-item .test .p{font-size: 16px;color: #9c9c9c;margin-top: 30px;line-height: 28px;padding:0 30px;height: 56px;overflow: hidden;;}
.technology-list .technology-item .test .img{margin-top: 20px}
.technology-list .technology-item .test .img img{width: 34px;height: 33px;;}
.technology-list .technology-item .testh p{color: #fff;font-size: 16px;text-align: left;margin-top: 70px;}
.technology-list .technology-item .testh span{color: #fff;font-size: 12px;text-align: left;margin-top: 25px;}
.technology-list .technology-item:hover{background: #377fb6;}
.technology-list .technology-item:hover .test{display: none;}
.technology-list .technology-item:hover .testh{display: block;}

.kh{height: 200px;background: url(../images/bg2.png) no-repeat center/auto 100%;text-align: center;;}
.kh .kh-item{width: 33%;color: #fff;vertical-align: middle;line-height: 34px;font-size: 20px;}
.kh .kh-item p{margin-top: 70px}

.par{padding:30px 0}
.par .par-con{height: 500px;margin-top: 40px}
.par .par-con .par-item{width: 168px;height: 98px;border:1px solid #eee;}
.par .par-con .par-item1{top: 0;left: 340px}
.par .par-con .par-item2{top: 0;left: 680px}
.par .par-con .par-item3{top: 100px;left: 170px}
.par .par-con .par-item4{top:100px;left: 340px}
.par .par-con .par-item5{top:100px;left: 510px}
.par .par-con .par-item6{top:100px;left: 680px}
.par .par-con .par-item7{top:100px;left: 850px}
.par .par-con .par-item8{top:200px;left: 0}
.par .par-con .par-item9{top:200px;left: 170px}
.par .par-con .par-item10{top:200px;left: 340px}
.par .par-con .par-item11{top:200px;left: 510px}
.par .par-con .par-item12{top:200px;left: 680px}
.par .par-con .par-item13{top:200px;left: 850px}
.par .par-con .par-item14{top:200px;left: 1020px}
.par .par-con .par-item15{top:300px;left: 170px}
.par .par-con .par-item16{top:300px;left: 340px}
.par .par-con .par-item17{top:300px;left: 510px}
.par .par-con .par-item18{top:300px;left: 680px}
.par .par-con .par-item19{top:300px;left: 850px}
.par .par-con .par-item20{top: 400px;left: 340px}
.par .par-con .par-item21{top: 400px;left: 510px}
.par .par-con .par-item22{top: 400px;left: 680px}

.footer{background: #383838;}
.footer-b{padding:20px 0 }
.f-left{height: 160px;float: left;width: 750px;border-right: 1px solid #fff}
.f-left .fnav{height: 20px;line-height: 20px}
.f-left .fnav a{float: left;color: #fff;margin-right: 35px;font-size: 14px}
.f-left .info{color: #fff;font-size: 14px;line-height: 26px;margin-top: 20px}
.f-right{float: left;width: 449px}
.f-right .icon{padding:78px 68px 0 68px;float: left;}
.f-right .icon a{width: 35px;height: 35px;display: block;float: left;margin:0 9px}
.f-right .code{float: right;width: 82px;height: 82px;border:1px solid #000;margin-top: 48px}
.copy{line-height: 24px;;border-top: 1px solid #fff;color: #fff;font-size: 12px;text-align: center;}