@charset "utf-8";
/* CSS Document */
body{ overflow-x: hidden}
.head-bj{ width: 100% ; height: 100px; background-color: #fff ; box-shadow: 0 2px 7px #666; position: relative; z-index: 9999;}

.home{ width: 100%; height: 505px;  overflow: hidden; }
.home .focus{ overflow:hidden; position:relative;width:100%; height:505px;}
.home .focus ul{ overflow:hidden; width:9999px;height:100%;}
.home .focus li{ float:left; width:100%; height:100%; position:absolute;}
.home .focus li + li{z-index:-1;}
.home .focus li img{width:100%;height:100%}
.home .focus li a{display:block;width:100%;height:100%; }
.home .focus .nav{position:absolute;left:0;bottom:12px;width:100%;text-align: center;}
.home .focus .nav i{display:inline-block;width:6px;height:6px;margin:0 8px;line-height:3px;text-align: center;vertical-align: middle;cursor: pointer; background-color: #fff; border-radius: 6px;}
.home .focus .nav i.now{ width: 9px; height: 9px; border: solid 3px #c1042a; background:none; border-radius: 15px;}

/*按钮*/
.focus .prev {position: absolute;left: 30px;top: 0;width: 80px;height: 100%;z-index: 10;}
.focus .next { position: absolute; right: 30px; top: 0; width: 80px; height: 100%; z-index: 10;}
.focus .prev a {position: absolute;left: 0;top: 50%;margin-top: -40px;width: 80px;height: 80px;
background: url(../images/ld_prev.png) no-repeat center;opacity: 0;transition: all 0.3s;-webkit-transition: all 0.3s;}
.focus .next a {position: absolute;right: 0;top: 50%;margin-top: -40px;width: 80px;height: 80px;background: url(../images/ld_next.png) no-repeat center;opacity: 0;transition: all 0.3s; -webkit-transition: all 0.3s;}

.focus .prev:hover a,
.home .focus .next:hover a {
    opacity: 1;
}



.bka-bj{ width: 100% ; height: 1604px ; background: url(../images/bk-bj.jpg) no-repeat top center; overflow: hidden;}
.bkc{ width: 1260px; height: 1604px; margin: 0 auto; overflow: hidden;}

.about-bj{ width: 1200px; margin: 0 auto; padding-top: 56px; height: 434px;  overflow: hidden; }
.about-l{ width: 642px; height: 384px; float: left; position: relative;overflow: hidden;}
.about-r{ width: 532px; height: 326px; float: right; position: relative; margin-top: 63px; overflow: hidden;}
.about-r img{  width: 532px; height: 326px; }

.gy-box{ width: 400px; background: url(../images/shanz.png) no-repeat left top; padding: 0 0 0 58px}
.gy-box h3{ width: 100% ; font-size: 18px; color: #949494; position: relative; top: -3px;}
.gy-box h3 span{ font-size: 24px ; color: #982e2e; padding-right: 4px;}
.gy-box h4{ width: 100% ; height: 16px; line-height: 16px; font-size: 14px; color: #949494 ;}

.introduce{ width: 582px ; height: 200px; margin: 16px 0 0 56px; overflow: hidden;  }
.introduce h3{width: 100% ; height: 20px; line-height: 20px; font-size: 18px; color: #464646; margin-bottom: 9px; overflow: hidden;}
.introduce p{width: 100% ;  line-height: 24px ; font-size: 16px; color: #868686; overflow: hidden;}
.introduce p a{ text-align: center; background-color: #ae403f;font-size: 18px; font-weight: bold; color: #fff;  font-family: "Arial Regular" ; padding: 2px 6px;}

.number-gd{ width: 1200px; height: 135px; margin: 0 auto; margin-top: 73px; overflow: hidden; }


.buj{width: 588px; height: 93px; margin: 29px 0 0 53px;overflow: hidden;}
.buj ul{ width: 600px}
.buj ul li{ width: 145px; height: 93px;float: left; margin-left: 3px; background: url(../images/chanz.png) no-repeat; overflow: hidden; position: relative;}
.buj ul li a h3{ width: 145px; text-align: center ;letter-spacing:0px; font-size: 24px; color: #982e2e ; margin: 23px 0 0 0; overflow: hidden;}
.buj ul li a h3 span{ font-size: 12px ; color: #868686 ;text-transform:uppercase; position: relative; left: -3px;}
.buj ul li a h3 i{ font-style: normal ;font-size: 12px ;color: #982e2e ; position: relative; top: -15px;}
.buj ul li a h4{ width: 145px; height: 14px; line-height: 14px; text-align: center ; font-size: 12px; color: #8d6726; position: relative; top: -2px;}

.dw-box{ width: 1300px; height:85px;  margin: 35px 0 50px 0;  }
.dw-a{ width: 262px; height: 85px; background: url(../images/za1.png) no-repeat; position: relative; overflow: hidden;}
.dw-a a{ width: 272px; height: 106px; display: block; float: left; }
.dw-a h3{ padding-left: 115px; height: 24px;line-height: 24px;font-size: 22px; font-weight: bold; color: #982e2e; margin: 21px 0 9px 0; overflow: hidden;}
.dw-a h4{ padding-left: 93px; height: 16px;line-height: 16px;font-size:14px;  color: #982e2e;text-transform:uppercase; }
.flat{float: left; margin-right: 59px;}

.zw-b{ width: 262px; height: 85px; background: url(../images/za2.png) no-repeat; position: relative; overflow: hidden;}
.zw-c{ width: 262px; height: 85px; background: url(../images/za3.png) no-repeat; position: relative; overflow: hidden;}
.zw-d{ width: 262px; height: 85px; background: url(../images/za4.png) no-repeat; position: relative; overflow: hidden;}
.zw-b h3{ padding-left: 112px;}
.zw-b h4{ padding-left: 107px;}
.zw-c h3{ padding-left: 118px;}
.zw-c h4{ padding-left: 107px;}
.zw-d h3{ padding-left: 117px;}
.zw-d h4{ padding-left: 117px;}

.Case-list-bj{ width: 1200px; height: 800px; margin: 0 auto; padding: 22px 0 0 0; }
.case-a{ width: 100% ;text-align: center ;}
.case-a h3{ height: 46px; line-height: 46px ; font-size: 20px; color: #555 ; display: inline-block ; cursor: pointer;}
.case-a .xx{ display: inline-block ; margin: 0 10px 0 10px ; position: relative; top: 3px;}
.case-a .aa1{ background: url(../images/dl1.png) no-repeat; background-position: left center; padding-left: 40px;}
.case-a .aa2{ background: url(../images/dl2.png) no-repeat; background-position: left center; padding-left: 50px;}
.case-a .aa3{ background: url(../images/dl3.png) no-repeat; background-position: left center; padding-left: 50px;}
.case-a .aa1.on{background: url(../images/dl1-1.png) no-repeat; background-position: left center; color: #982e2e}
.case-a .aa2.on{background: url(../images/dl2-1.png) no-repeat; background-position: left center;color: #982e2e}
.case-a .aa3.on{ background: url(../images/dl3-1.png) no-repeat; background-position: left center;}


.Case-list-bj .new-b{ width: 350px; height: 46px; background: url(../images/nw8.png) no-repeat left center; padding-left: 45px; margin: 0 0 22px 0; overflow: hidden;}
.Case-list-bj .new-b h3{width: 100% ;  height: 24px;line-height: 24px; font-size: 18px; color: #949494 ; margin: 3px 0 5px 0}
.Case-list-bj .new-b h3 span{ font-size: 24px; color: #914b4b ; padding-right: 5px;}
.Case-list-bj .new-b h4{ width: 100% ; height: 16px; line-height: 16px; font-size: 14px; color: #949494; overflow: hidden;}


.case-b{ width: 1200px; margin-top: 42px; }

.pho_box{ width:1200px;  overflow:hidden; position:relative; }
.pho_box ul{ width:1200px; padding: 6px 0 0 0 }
.pho_box ul li{ width:364px; height: 332px; float: left;margin-bottom:25px; background-color: #fff; margin-left: 20px; margin-right: 13px }
.pho_box ul li a .pic-b{ width:364px; height:245px; overflow: hidden; }
.pho_box ul li a .pic-b img{ width:364px; height:245px;    transition: all 1.1s; }
.pho_box ul li a h3{width:344px; height:18px; line-height:18px; color:#c32e29;  white-space:nowrap;  text-overflow:ellipsis;font-size:16px; padding: 0 10px; margin: 11px 0 5px 0; overflow:hidden;}
.pho_box ul li a p{width:344px; height:40px; line-height:20px; color:#555555; font-size:12px; padding: 0 10px; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;text-indent: 12px; overflow:hidden;}
.pho_box ul li:hover{ box-shadow: 0 3px 13px #e6d5d2 ; background-color: #c32e29}
.pho_box ul li:hover h3{ color: #fff}
.pho_box ul li:hover p{ color: #fff}
.pho_box ul li:hover img{transform: scale(1.1);}



.bkb-bj{ width: 100% ; background-color: #fff ; padding: 0 0 80px 0}
.bkb-c{ width: 1200px; margin: 0 auto;min-height: 116px; background: url(../images/bkb-bj.jpg) no-repeat; background-position: left top; overflow: hidden;}

.xw-l{ width: 422px; height: 615px; float: left;overflow: hidden;}
.xw-r{ width: 738px; height: 615px;float: right;overflow: hidden; }

.xw-l .new-b{ width: 350px; height: 46px; background: url(../images/nw.png) no-repeat left center; padding-left: 38px; margin: 50px 0 21px 0; overflow: hidden;}
.xw-l .new-b h3{width: 100% ;  height: 24px;line-height: 24px; font-size: 18px; color: #949494 ; margin: 3px 0 5px 0}
.xw-l .new-b h3 span{ font-size: 24px; color: #914b4b ; padding-right: 5px;}
.xw-l .new-b h4{ width: 100% ; height: 16px; line-height: 16px; font-size: 14px; color: #949494; overflow: hidden;}



.foc-bj{ width:372px;background-color: #f8f8f8; padding: 25.5px}
.focus2{ width:372px; height: 470px;   overflow:hidden;position:relative;}
.focus2 ul{height:372px;position:absolute;}
.focus2 ul li{float:left;   width: 372px; height: 470px; margin: 2px 0;  overflow:hidden;position:relative;}
.focus2 ul li div{position:absolute;overflow:hidden;}
.focus2 .btn{position:absolute;width:372px;height:15px;padding:5px 10px;right:0;bottom:17px;text-align:center;}
.focus2 .btn span{display:inline-block;_display:inline;_zoom:1;width:15px;height:15px;_font-size:0;margin-left:5px;cursor:pointer; background: url(../images/d3.png) no-repeat; font-size: 0}
.focus2 .btn span.on{background: url(../images/d4.png) no-repeat}
.focus2 ul li img{  width: 372px; height: 247px;}
.focus2 ul li h3{ width: 100% ; height: 26px ; line-height: 26px; font-size: 24px; color: #949494; margin-top: 9px; overflow: hidden;}
.focus2 ul li h4{ width: 100% ; height: 20px ; line-height: 20px; font-size: 16px; color: #c32e29; margin: 15px 0 15px 0;  overflow: hidden;}
.focus2 ul li p{ width: 100% ;  height: 60px ; line-height: 20px; font-size: 12px; color: #a7a7a7;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3; margin-bottom: 20px; overflow: hidden;}

/* .focus2 .pre{width:28px;height:38px;position:absolute;bottom:0;right:27px; background: url(../images/foc1.png) no-repeat; cursor:pointer; display: block !important; }
.focus2 .next{width:28px;height:38px;position:absolute;bottom:0;right:0px; background: url(../images/foc2.png) no-repeat; cursor:pointer;display: block !important;}
.focus2:hover .pre{ display: block !important; }
.focus2 .pre:hover{background: url(../images/foc1-1.png) no-repeat; }
.focus2 .next:hover{ background: url(../images/foc2-1.png) no-repeat;}
.focus2 .btn{ display: none } */




.qe-down{ width: 100% ;}
.qe-up{width: 729px; height: 40px; padding-top: 77px; border-bottom: 1px solid #d5d5d5; text-align: right; }
.qe-up span{ display: inline-block; height: 34px; line-height: 34px; font-size: 16px; color: #464646 ; padding: 0 10px; margin-right: 5px;cursor: pointer;}
.qe-up span.on2{ color: #c32e29 ;font-weight: bold}
.qe-up i{ font-size: 16px; color: #464646 ; font-style: normal}

.nws{width: 729px; height: 494px;  overflow: hidden;}
.nws ul{ width:729px;}
.nws ul li{ width: 729px ; height: 94px;border-bottom: 1px solid #f4f4f4; padding: 2px 0; overflow: hidden;}
.nws ul li .mk1{width: 86px;height: 47px;float: right;text-align: right; margin-top: 12px; margin-right: 10px; overflow: hidden;}
.nws ul li .mk1 h5{font-size: 20px; color: #9d9d9d; font-family: "Arial Narrow" }
.nws ul li .mk2{ width: 600px; float: left; margin-left: 8px; margin-top: 16px; background: url(../images/ja7.png) no-repeat; background-position: left 7px ; padding-left: 15px;}
.nws ul li .mk2 h3{width: 594px; height: 20px; line-height: 20px; font-size: 16px; color: #2b313a; white-space:nowrap;  text-overflow:ellipsis; margin-bottom: 4px; overflow: hidden;}
.nws ul li .mk2 p{width: 594px;height: 36px; line-height: 18px; font-size: 12px; color: #949494;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2; overflow: hidden;}
.nws ul li:hover .mk2 h3{ font-weight: bold; color: #c32e29}
.nws ul li:hover .mk2 {  background: url(../images/ja8.png) no-repeat; background-position: left 7px ;}
.nws ul li:hover .mk1{background: url(../images/ja5.png) no-repeat;background-position:  35px bottom;}
.nws ul li:hover .mk1 h5{ color: #982e2e}
.nws ul li:hover{ background-color: #fdfcfb}


.bkc-bj{ width: 1920px; height: 443px;background: url(../images/bkc-bj.jpg) ; background-repeat: no-repeat;background-position: center;  position: relative; background-size: cover;background-attachment: fixed; overflow: hidden;}
.bkc-c{ width: 1200px; height: 443px; margin: 0 auto; overflow: hidden;}
.bkc-c .new-b{ width: 750px; height: 68px; background: url(../images/jb.png) no-repeat left top; padding-left: 35px; margin: 38px 0 44px 0; overflow: hidden;}
.bkc-c .new-b h3{width: 100% ;  height: 24px;line-height: 24px; font-size: 18px; color: #ececed ; margin: 9px 0 5px 0}
.bkc-c .new-b h3 span{ font-size: 24px; color: #ececed; padding-right: 5px;}
.bkc-c .new-b h4{ width: 100% ; height: 16px; line-height: 16px; font-size: 14px; color: #ececed; overflow: hidden;}

.icon-bj{ width: 1200px; padding: 0 0 0 0; }
.icon-bj ul{ width: 1280px;}
.icon-bj ul li{ width: 158px; height: 252px; float: left; margin-right: 15px; overflow: hidden;}
.icon-bj ul li a{ width: 158px; height: 252px; display: block; text-align: center;}
.icon-bj ul li a .ico{ width: 89px; height: 89px;  margin-top: 34px; display: inline-block; overflow: hidden;}
.icon-bj ul li a .ico img{ margin: 12px 0 0 0}
.icon-bj ul li a h4{ width: 150px; height: 20px; line-height: 20px; margin: 0 auto; text-align: center; font-size: 18px; color: #fff;  margin-top: 13px; margin-bottom: 24px; overflow: hidden;}
.icon-bj ul li a p{ width: 150px; height: 40px; line-height: 20px;margin: 0 auto; text-align: center; font-size: 14px; color: #fff;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2; overflow: hidden;}
.icon-bj ul li a:hover{ background-color: #a23433;}
.icon-bj ul li a:hover .ico{background: url(../images/ic-bj.png) no-repeat;}
.icon-bj ul li a:hover p{ color: #fff}
.icon-bj ul li:hover{ box-shadow: 0 2px 2px #982e2e}


.bkd-bj{ width: 100%;  background: url(../images/bkd-bj.jpg) ; background-repeat: no-repeat;background-position: top center; padding-bottom: 45px; overflow: hidden;}
.bkd-c{ width: 1200px; margin: 0 auto; overflow: hidden;}
.bkd-c .new-b{ width: 350px; height: 68px; background: url(../images/dl.png) no-repeat left top; padding-left: 45px; margin: 34px 0 21px 0; overflow: hidden;}
.bkd-c .new-b h3{width: 100% ;  height: 24px;line-height: 24px; font-size: 18px; color: #949494 ; margin: 9px 0 5px 0}
.bkd-c .new-b h3 span{ font-size: 24px; color: #914b4b ; padding-right: 5px;}
.bkd-c .new-b h4{ width: 100% ; height: 16px; line-height: 16px; font-size: 14px; color: #949494; overflow: hidden;}
.img-box{ width: 1200px;  margin: 6px 0 0 0; overflow: hidden;}
.img-box ul{ width: 1250px;}
.img-box ul li{ width: 263px; height: 118px;float: left; margin: 0 44px 30px 0; border: solid 1px #efefef; overflow: hidden;}
.img-box ul li img{ width: 263px; height: 118px;}
.img-box ul li:hover{ border: solid 1px #982e2e ; box-shadow: 0 3px 6px #f1e2e2}


.bkc-bj{ width: 100%;} 



.new-m{ width: 350px; height: 46px; background: url(../images/deng.png) no-repeat left center; padding-left: 48px; margin: 0 0 22px 0; overflow: hidden; margin-left: 36px;}
.new-m h3{width: 100% ;  height: 24px;line-height: 24px; font-size: 18px; color: #949494 ; margin: 3px 0 5px 0}
.new-m h3 span{ font-size: 24px; color: #914b4b ; padding-right: 5px;}
.new-m h4{ width: 100% ; height: 16px; line-height: 16px; font-size: 14px; color: #949494; overflow: hidden;}
.dw-box{margin: 35px 0 40px 0;}
.flat{ margin: 0 ; margin-left: 45px;}
.about-bj{ height: 420px;;}