/*banner*/
.slideBox { width: 100%; position: relative; z-index: 0; height: 600px; overflow: hidden;}
.slideBox span { display: block; position: absolute; top: 50%; margin-top: -46px; z-index: 1; width: 46px; height: 92px; cursor: pointer;}
.slideBox .next { right: 15%; background: url("../images/arrow2.png") no-repeat ; }
.slideBox .prev { left: 15%; background: url("../images/arrow1.png") no-repeat ;  }
.slideBox .bd { width: 100%; z-index: 0; }
.slideBox .bd li { zoom: 1;}
.slideBox .bd li a { display: block; width: 100%; height: 600px;}

/*part1*/
.part1 { background: url("../images/bg1.png") no-repeat center; width: 100%; height: 100px;}
.part1 .word h4 { font-size: 18px; font-weight: bold; color: #fff; padding-top: 22px;}
.part1 .word h5 { font-size: 16px; color: #fff;}
.part1 .hot { max-width:580px; line-height: 100px; height: 100px; overflow: hidden; margin-left: 100px;}
.part1 .hot a { padding-right: 3px;}
.part1 .sea { margin-top: 33px; height: 32px; width: 320px;}
.part1 .sea input.text{ width:260px; line-height:30px; color: #b2b2b2; float: left; background:none; padding-left: 10px;  border: 1px solid #808080;}
.part1 .sea input.submit{ width:32px; height:32px; float: left; background:url("../images/search.png") no-repeat center #353537; cursor: pointer; margin-right: 10px;}
.part1 .tel { background: url("../images/icon2.png") no-repeat left center; padding-left: 50px; line-height: 28px; margin-top: 20px;}
.part1 .tel h4 { font-size: 14px; }
.part1 .tel h5 { font-size: 32px; font-family: "Times New Roman"; }

/*product*/
.product { padding: 60px 0; height: 935px;}
.product .hd { text-align: center; margin-bottom: 40px; }
.product .hd i { background: url("../images/tit.png") no-repeat center; height: 17px; display: block; }
.product .hd h2 { font-size: 28px; color: #353537; margin: 10px 0 5px; }
.product .hd span { font-size: 16px; color: #353537; letter-spacing: 22px;}
.product .pro_li { text-align: center; }
.product .pro_li h4 { width: 145px; height: 40px; line-height: 40px; display: inline-block; *display:inline; _display:inline; zoom:1; background-color: #353537; margin: 0 10px;}
.product .pro_li h4:hover { background-color: #b89b7c; }
.product .pro_li h4 a { display: block; color: #fff; width: 100%; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.product .pro_li h4:hover a { color: #fff;}
.product .product_below { position: relative; margin-top: 30px; }
.product .product_below ul li { position: absolute; width: 380px; height: 229px; overflow: hidden; }
.product .product_below ul li .box {  width: 100%; height: 100%; position: relative; }
.product .product_below ul li .box .pic { position: relative; width: 100%; height: 100%;}
.product .product_below ul li.p3 { width: 782px; height: 475px; }
.product .product_below ul li .box .pic img { width: 100%; height: 100%; display: block; transition: all .5s;}
.product .product_below ul li.p1 { top:0; left: 0; }
.product .product_below ul li.p2 { top:246px; left: 0; }
.product .product_below ul li.p3 { top:0; right: 0; }
.product .product_below ul li.p4 { top:492px; left:0; }
.product .product_below ul li.p5 { top:492px; left:398px; }
.product .product_below ul li.p6 { top:492px; right: 0; }
.product .product_below ul li:hover .pic img { transform: scale(1.1) }
.product .product_below ul li .box .word { position: absolute; bottom: 0; left: 0; background: url("../images/hei.png"); width: 100%; height: 40px; line-height: 40px;}
.product .product_below ul li .box .word p { color: #fff; padding-left: 15px; margin-left: 15px; background: url("../images/icon2.png") no-repeat left center;}
.product .product_below ul li .box .word i { margin: 11px 15px 0 0; background: url("../images/icon3.png") no-repeat left center; width: 20px; height: 20px;}

/*advantage*/
.advantage { background: url("../images/bg2.jpg") no-repeat center top; width: 100%; height: 693px; position: relative;}
.advantage p { position: absolute; font-size: 18px; color: #353537;}
.advantage .p1 { top:17px; left: 870px;}
.advantage .p2 { top:87px; left: 870px;}
.advantage .p3 { top:157px; left: 870px;}
.advantage .p4 { top:228px; left: 870px;}
.advantage .p5 { top:300px; left: 870px;}
.advantage .p6 { top:369px; left: 870px;}
.advantage .p7 { top:443px; left: 870px;}
.advantage .p8 { top:511px; left: 870px;}
.advantage .p9 { top:583px; left: 870px;}
.advantage .p10 { top:655px; left: 870px;}
.advantage .ad1 { position: absolute; top:170px;}
.advantage .ad1 h4 { font-size: 16px; line-height: 32px;}
.advantage .ad1 .tel { margin-top: 10px;}
.advantage .ad1 .tel i { font-size: 32px; font-weight: bold; color: #b89b7c; font-family: "Times New Roman"; line-height: 36px; margin-right: 20px;}
.advantage .ad1 .tel a { background-color: #353537; color: #fff; padding: 10px 58px;}
.advantage .ad1 .tel a:hover { background-color: #b89b7c; }

/*title*/
.title { text-align: center; margin: 60px 0 50px; }
.title i { background: url("../images/tit.png") no-repeat center; height: 17px; display: block; }
.title h3 { font-size: 28px; color: #353537; margin: 10px 0 5px; }
.title span { font-size: 16px; color: #353537; letter-spacing: 22px; text-transform: uppercase;}

/*choose*/
.choose .box { background: url("../images/bg3.jpg") no-repeat center; width: 100%; height: 1187px; }
.choose .box .main { position: relative; }
.choose .box .main .list { position: absolute; }
.choose .box .main .list h4 { font-size: 24px; color: #fff; }
.choose .box .main .list i { display: block; background-color: #fff; width: 30px; height: 3px; margin: 13px 0; }
.choose .box .main .list span { font-size: 16px; text-transform: uppercase; color: #fff; }
.choose .box .main .list h5 { font-size: 14px; color: #fff; line-height: 28px; width: 336px; margin-top: 13px; }
.choose .box .main .list.li1 h4 { color: #b89b7c; }
.choose .box .main .list.li1 i { background-color: #b89b7c; }
.choose .box .main .list.li1 span { color: #ccc; }
.choose .box .main .list.li1 h5 { color: #333; }
.choose .box .main .li1 { top:40px; left: 28px; }
.choose .box .main .li2 { top:500px; left: 423px; }
.choose .box .main .li3 { top:500px; left: 818px; }
.choose .box .main .li4 { top:885px; left: 28px; }
.choose .box .main .ad2 { position: absolute; top:280px; left: 28px;}
.choose .box .main .ad2 h4 { font-size: 14px; line-height: 28px; color: #b89b7c;}
.choose .box .main .ad2 .tel { margin-top: 10px;}
.choose .box .main .ad2 .tel i { font-size: 30px; font-weight: bold; color: #353537; font-family: "Times New Roman"; line-height: 35px; margin-right: 20px;}
.choose .box .main .ad2 .tel a { background-color: #b89b7c; color: #fff; padding: 7px 40px;}
.choose .box .main .ad2 .tel a:hover { background-color: #353537; }

/*case*/
.case .case_box img { display: block; border: 1px solid #d4d4d4; padding:3px; box-sizing: border-box;}
.case .case_box .pic1 { width: 582px; height: 404px; position: relative; margin-right: 22px;}
.case .case_box .pic1 .case_w { position: absolute; bottom: 0; left: 0; width:100%; background:url("../images/hei.png"); height: 60px;}
.case .case_box .pic1 .case_w p{ color:#fff; font-size:16px; line-height:60px; padding-left:20px; width:300px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;
  text-align: left;}
.case .case_box .pic1 .case_w a{ color: #fff; line-height: 60px; padding-right: 20px; }
.case .case_box .pic1 .case_w a span{  border: 1px solid #fff; padding:10px 30px; border-radius: 30px;}
.case .case_box li{ float: left; position: relative; width:277px; height:190px; text-align: center; overflow: hidden;}
.case .case_box li img{ width:100%; height:100%; transition: .5s;}
.case .case_box li .word { position: absolute; bottom:0; left: 0; width: 100%; height: 100%; background: url("../images/hei.png"); color: #fff; line-height: 190px;
  opacity: 0; transform:scale(0, 0); transition: all ease-out 0.6s 0.1s; }
.case .case_box ul li:hover img {transform: scale(1.1); }
.case .case_box ul li:hover .word { opacity: 1; transform: scale(1,1); transition: all 1s cubic-bezier(0.23, 1, 0.38, 1) 0s;}
.case .case_box .pic2 { margin-right:22px;}
.case .case_box .pic2,.case .case_box .pic3 { margin-bottom: 24px;}
.case .case_box .pic4 { margin-right:22px;}

/*witness*/
.witness .content { background: url("../images/bg4.jpg") no-repeat center; width: 100%; height: 586px; position: relative; overflow: hidden;}
.witness .content b { display: block; background: url("../images/icon4.png") no-repeat center; width: 384px; height: 693px; position: absolute; right: 0; bottom: 0; }
.witness .content .box { position: relative;}
.witness .content .box .bd .list .main { width: 391px; height: 588px; background-color: #fff; }
.witness .content .box .bd .list .main .word { width: 270px; margin: 90px auto 0;}
.witness .content .box .bd .list .main .word h4 a { font-size: 26px; }
.witness .content .box .bd .list .main .word i { display: block; width: 60px; height: 3px; background-color: #333; margin: 20px 0;}
.witness .content .box .bd .list .main .word p { font-size: 14px; line-height: 30px; height: 90px; overflow: hidden; }
.witness .content .box .bd .list .pic { width: 789px; height: 588px; }
.witness .content .box .bd .list .pic img { width: 100%; height: 100%; }
.witness .content .box span { display: block; position: absolute; width:63px; height:63px; cursor: pointer;}
.witness .content .box .prev { left:305px; top:525px; background:url(../images/arrow3.png) no-repeat; }
.witness .content .box .next{ left:391px; top:525px; background:url(../images/arrow4.png) no-repeat; }
.witness .content .box .prev:hover,.witness .content .box .next:hover{ filter:alpha(opacity=80);opacity:0.8;  }
.witness .content .box .prevStop{ display:none; }
.witness .content .box .nextStop{ display:none; }
.witness .content .box .tel1{ position: absolute; bottom: 147px; left: 60px; }
.witness .content .box .tel1 h4 { font-size: 14px;  }
.witness .content .box .tel1 h5 { font-size: 32px; font-weight: bold; color: #b89b7c; margin-bottom: 15px; font-family: "Times New Roman"; }
.witness .content .box .tel1 a { color: #422900; letter-spacing: 2px; border: 1px solid #422900; padding: 10px 30px; }

/*flow*/
.flow ul li { float: left; background: url("../images/icon5.png") no-repeat center; width: 140px; height: 100px; position: relative; margin-right: 33px; text-align: center;
  cursor: pointer;}
.flow ul li h4 { margin: 21px 0 3px; transition: all .6s; font-size: 20px; color: #474443;}
.flow ul li h5 { background: url("../images/icon7.png") no-repeat center; width: 43px; height: 21px; position: absolute; top:38px; left: 115px; transition: all .5s;}
.flow ul li:nth-child(7) h5 { background:none; }
.flow ul li:nth-child(7) { background: url("../images/icon6.png") no-repeat center; margin-right: 0; }
.flow ul li:hover h4 { transform: translate(0,5px); }
.flow ul li:hover h5 { transform: translate(10px,0); }

/*about*/
.about{ padding-top: 60px;}
.about .about_box { width:815px; position: relative;}
.about .about_box .ab_l { width:275px;}
.about .about_box .ab_l .tit h3 a { color: #fff; background-color: #b89b7c; font-size: 16px; font-weight: bold; display: block; width: 162px; height: 54px; text-align: center;
  line-height: 54px;}
.about .about_box .ab_l .tit h4 { color: #cfcfcf; font-size: 44px; position: absolute; top:284px; left: 120px;}
.about .about_box .ab_l img { width:100%; height: 210px; display: block; margin-top: 20px;}
.about .about_box .ab_r { width: 540px; background: url("../images/icon8.png") no-repeat left center; height:348px; position: relative;}
.about .about_box .ab_r .word { background-color: #fff; padding:20px 0; margin:39px 0 0 60px; }
.about .about_box .ab_r .word p { color: #343434; line-height: 28px; height:224px; width: 480px; overflow: hidden;  }
.about .about_box .ab_r .more{ color: #696969; font-size: 16px; position: absolute; right:0; bottom:0; transition: all .5s}
.about .about_box .ab_r .more:hover { color: #b89b7c; border-bottom: 1px solid #b89b7c; padding-bottom: 5px;}
.about .honor { width: 300px; height: 350px; background-color: #f8f5f2; position:relative; overflow: hidden; }
.about .honor .honor_tit h3 { text-align: center; margin-top:30px;}
.about .honor .honor_tit h3 a { font-size: 24px; color: #b89b7c;}
.about .honor .honor_tit h3 a span { font-size: 18px; color: #666;}
.about .honor .hd span { display:block; width:149px; height:27px; cursor:pointer; position: absolute;}
.about .honor .hd .prev { left:251px; top:160px; background:url("../images/arrow6.png") no-repeat;}
.about .honor .hd .next{ left:30px; top:160px; background: url("../images/arrow5.png") no-repeat; }
.about .honor .bd{ overflow: hidden; padding-top:10px; margin-left: 70px; width: 158px;}
.about .honor .bd .tempWrap{ width:100%!important; }
.about .honor .bd ul{ overflow:hidden; zoom:1; }
.about .honor .bd ul li{ float:left; overflow:hidden; text-align: center; margin-right: 54px;}
.about .honor .bd ul li .pic img{ width:154px; height:200px; display:block; border: 2px solid #cbcbcb; }
.about .honor .bd ul li .title1 a{  color: #555555; line-height: 50px; display: block; width: 100%; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }

/*company*/
.company .company_tit { border-bottom: 1px solid #dcdcdc; width:1180px; margin: 30px auto; }
.company .company_tit .tit h3 { padding-bottom: 7px; }
.company .company_tit .tit h3 a{ font-size: 20px; padding:0 10px 10px; border-bottom: 2px solid #b89b7c; color: #b89b7c; }
.company .bd { position: relative; }
.company .bd .more { position: absolute; right:10px; top:-57px; color: #696969; }
.company .bd .more:hover { border-bottom: 1px solid #b89b7c; color: #b89b7c; padding-bottom: 5px;}
.company .bd .tempWrap{ width: 100%!important; }
.company .bd ul{ overflow:hidden; zoom:1;}
.company .bd ul li{ margin:0 6px; float:left; _display:inline; overflow:hidden; text-align:center;}
.company .bd ul li .pic{ text-align:center; width:282px; height:199px; overflow: hidden;}
.company .bd ul li .pic img{ width:100%; height:100%; display:block;  border: 1px solid #d3d3d3; transition: all .6s; }
.company .bd ul li .title3 { line-height:40px; border-bottom: 1px solid #dedede; position: relative}
.company .bd ul li .title3 a { color:#6f6f6f; }
.company .bd ul li .title3 .border-bottom { display: block; position: absolute; background-color:#b89b7c; -webkit-transition: all 0.6s ease-out; transition: all 0.6s ease-out;
  bottom: -1px; left:0; width: 0; height: 1px;}
.company .bd ul li:hover .pic img { transform: scale(1.1) }
.company .bd ul li:hover .title3 .border-bottom { width: 284px; }

/*news*/
.new .new_box .link { width: 563px; margin: 0 auto;}
.new .new_box .link li { float: left; width:126px; height: 40px; line-height: 40px; text-align: center; border: 1px solid #808080; margin:0 28px;}
.new .new_box .link li a { font-size: 16px; }
.new .new_box .link li.on { background-color: #b89b7c; border:none;}
.new .new_box .link li.on a { color: #fff;}
.new .new_box .new_list { padding-top: 30px;  height:264px;  overflow: hidden;}
.new .new_box .new_list .main .new_lf { width:393px; height:264px; border: 1px solid #808080; padding:5px; box-sizing: border-box;}
.new .new_box .new_list .main .new_lf img { width: 100%; height: 100%; }
.new .new_box .new_list .main .new_rt { width:780px; height: 381px; overflow: hidden; padding: 0 20px; box-sizing: border-box; }
.new .new_box .new_list .main .new_rt ul li { border-bottom: 1px dashed #ccc; line-height:36px; padding:0 10px 0 20px; box-sizing:border-box; float:left; width:48%; margin: 0 1%;
  background: url("../images/icon9.png") no-repeat 5px center; }
.new .new_box .new_list .main .new_rt ul li:hover { border-bottom: 1px solid #b89b7c; }
.new .new_box .new_list .main .new_rt ul li a { width:75%; white-space: nowrap; text-overflow: ellipsis; overflow: hidden}

/*flink*/
.flink { padding:30px 0; }
.flink .f_tit{ background: url("../images/link.png") no-repeat left center; width: 1180px; height: 43px; }

.flink ul li { float: left;  margin-right: 20px; line-height: 40px; }
.flink ul li a { color: #202020; }
.flink ul li:hover a { color:#b89b7c; }