@charset "utf-8";
/*end*/
body{overflow-x:hidden;}

/*banner*/
.banner{position:relative;overflow:hidden;}
.banner .slick-arrow {position: absolute;font-size: 0;top: 50%;z-index:12;width: 100px;height: 100px;margin-top: -42px;border: 0;}
.banner .slick-prev {outline: none;position: absolute; top:50%; width: 73px; height: 73px; z-index: 9; text-align: center; margin-top: -40px;transition:.8s;background:url(images/c_prev.png) no-repeat;left: 3%; opacity: 0;cursor: pointer;}
.banner .slick-next {outline: none;position: absolute; top:50%; width: 73px; height: 73px; z-index: 9; text-align: center; margin-top: -40px;transition:.8s;background:url(images/c_next.png) no-repeat;right: 3%; opacity: 0;cursor: pointer;}
.banner:hover .slick-prev { left: 5%; opacity: 0.3; }
.banner:hover .slick-next { right: 5%; opacity: 0.3; }
.banner img {display: block;width: 100%;margin:0 auto;}
.slick-dots {position: absolute;left: 0; font-size:0;bottom: 5%;width: 100%;text-align: center;outline: none;}
.slick-dots li {display: inline-block;margin: 0 15px; outline: none;}
.slick-dots li button {display: block;border: 0 none;width: 15px;height: 15px;color: #fff; border-radius: 50%;background-color: #f6580a;outline: none; transition: .5s;}
.slick-dots .slick-active button {background-color: #f6580a;width:60px;border-radius: 30px;}



.jzbj{height:1650px; background:url(images/jzbj.jpg) no-repeat center;}
.jzbj .jz{padding-top:155px;}
.jzbj .jz dl{height: 260px; margin-bottom: 52px;}
.jzbj .jz dl dt{width:234px; line-height: 0; overflow: hidden;float:right;}
.jzbj .jz dl dt img{width:100%;}
.jzbj .jz dl dd{width:886px; float:left;}
.jzbj .jz dl dd h4{height:86px; line-height: 86px;font-size: 40px; color:#111111; margin-bottom: 23px; position: relative; font-weight: bold;}
.jzbj .jz dl dd h4:before{width:15px; height:16px; background:url(images/jz-ico.png) no-repeat center; content:""; position: absolute;left:-25px; top:23px;}
.jzbj .jz dl dd p{line-height: 48px;font-size: 22px; color:#333333;}
.jzbj .jz .jzfw h4{height:77px; line-height: 77px;font-size: 40px; color:#111111; margin-bottom: 23px; position: relative; font-weight: bold;}
.jzbj .jz .jzfw h4:before{width:15px; height:16px; background:url(images/jz-ico.png) no-repeat center; content:""; position: absolute;left:-25px; top:19px;}
.jzbj .jz .jzfw .pic{margin-bottom: 13px;}
.jzbj .jz .jzfw .pic ul li{float:left; width:296px; line-height: 0; overflow: hidden; margin-left:5px;}
.jzbj .jz .jzfw .pic ul li img{width: 100%; transition: .5s;}
.jzbj .jz .jzfw .pic ul li:first-child{margin-left: 0;}
.jzbj .jz .jzfw .pic ul li:hover img{-webkit-transform: scale(1.1);-moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);}
.jzbj .jz .jzfw .jz-bot ul li{float:left;width:296px; height:320px; background:url(images/jzbj2.jpg) no-repeat center; margin-left: 5px;padding:30px 0 0 33px; box-sizing: border-box;}
.jzbj .jz .jzfw .jz-bot ul li:first-child{margin-left: 0;}
.jzbj .jz .jzfw .jz-bot ul li h5{height:48px; line-height: 48px; display: inline-block;font-size: 22px; color:#333333; font-weight: bold; margin-bottom: 5px; position: relative;padding-right:37px;}
.jzbj .jz .jzfw .jz-bot ul li h5:before{width: 15px; height:16px; background:url(images/jz-ico.png) no-repeat center; content:""; position: absolute;left:-24px;top:12px;}
.jzbj .jz .jzfw .jz-bot ul li h5:after{width: 24px; height:24px; background:url(images/jz-ico2.png) no-repeat center; content:""; position: absolute;right:0;top:12px;}
.jzbj .jz .jzfw .jz-bot ul li p em{display: block;height:38px; line-height: 38px; font-size: 14px; color:#333333;}
.jzbj .jz .jzfw .jz-bot ul li:hover h5:after{-webkit-animation:hvr-buzz-out 2s infinite linear;animation:hvr-buzz-out 2s infinite linear;}
@-webkit-keyframes hvr-buzz-out{10%{-webkit-transform:translateX(3px) rotate(2deg);transform:translateX(3px) rotate(2deg)}
    20%{-webkit-transform:translateX(-3px) rotate(-2deg);transform:translateX(-3px) rotate(-2deg)}
    30%{-webkit-transform:translateX(3px) rotate(2deg);transform:translateX(3px) rotate(2deg)}
    40%{-webkit-transform:translateX(-3px) rotate(-2deg);transform:translateX(-3px) rotate(-2deg)}
    50%{-webkit-transform:translateX(2px) rotate(1deg);transform:translateX(2px) rotate(1deg)}
    60%{-webkit-transform:translateX(-2px) rotate(-1deg);transform:translateX(-2px) rotate(-1deg)}
    70%{-webkit-transform:translateX(2px) rotate(1deg);transform:translateX(2px) rotate(1deg)}
    80%{-webkit-transform:translateX(-2px) rotate(-1deg);transform:translateX(-2px) rotate(-1deg)}
    90%{-webkit-transform:translateX(1px) rotate(0);transform:translateX(1px) rotate(0)}
    100%{-webkit-transform:translateX(-1px) rotate(0);transform:translateX(-1px) rotate(0)}
}
@keyframes hvr-buzz-out{10%{-webkit-transform:translateX(3px) rotate(2deg);transform:translateX(3px) rotate(2deg)}
    20%{-webkit-transform:translateX(-3px) rotate(-2deg);transform:translateX(-3px) rotate(-2deg)}
    30%{-webkit-transform:translateX(3px) rotate(2deg);transform:translateX(3px) rotate(2deg)}
    40%{-webkit-transform:translateX(-3px) rotate(-2deg);transform:translateX(-3px) rotate(-2deg)}
    50%{-webkit-transform:translateX(2px) rotate(1deg);transform:translateX(2px) rotate(1deg)}
    60%{-webkit-transform:translateX(-2px) rotate(-1deg);transform:translateX(-2px) rotate(-1deg)}
    70%{-webkit-transform:translateX(2px) rotate(1deg);transform:translateX(2px) rotate(1deg)}
    80%{-webkit-transform:translateX(-2px) rotate(-1deg);transform:translateX(-2px) rotate(-1deg)}
    90%{-webkit-transform:translateX(1px) rotate(0);transform:translateX(1px) rotate(0)}
    100%{-webkit-transform:translateX(-1px) rotate(0);transform:translateX(-1px) rotate(0)}
}
/**/
.banbj{height:404px;background:url(images/ban.jpg) no-repeat center;}
.banbj .ban{padding:75px 0 0 23px; box-sizing: border-box;}
.banbj .ban .ban-left{float:left;}
.banbj .ban .ban-left h4{line-height: 71px; font-size: 42px; color:#FFF; font-weight: bold; margin-bottom: 46px;}
.banbj .ban .ban-left p{line-height: 62px; font-size: 32px; color:#FFF;}
.banbj .ban .ban-rig{float:right;padding-top:34px;}
.banbj .ban .ban-rig span{display: block; height:76px;line-height: 76px;font-size:32px; color:#ffffff;}
.banbj .ban .ban-rig em{display: block; height:102px; line-height: 102px;padding-left:80px;background:url(images/ban-tel.png) no-repeat left;font-size: 62px; color:#ffffff; font-family: "DINPro"; font-weight: bold;}
/**/
.case{padding-top:83px;}
.case h2{height:104px; line-height: 104px; position: relative;}
.case h2:before{width: 15px; height:16px; background:url(images/jz-ico.png) no-repeat center; content:""; position: absolute;left:-25px;top:33px;}
.case h2 a{font-size:40px; color:#111111; font-weight: bold;}
.case ul li{float:left; width:394px;margin:0 6px 31px 0;}
.case ul li:nth-child(3n){margin-right: 0;}
.case ul li span{display: block; width:100%; line-height: 0; overflow: hidden;}
.case ul li span img{width:100%; transition: .5s; max-height: 240px;  height: 240px;
}
.case ul li em{display: block; height:67px; line-height: 67px; padding-left:32px; background:url(images/cas-ico.png) no-repeat left;font-size: 22px; color:#333333; font-weight: bold;}
.case ul li:hover span img{-webkit-transform: scale(1.1);-moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);}
/**/
.ys{padding:73px 0 66px;}
.ys h2{height:96px; line-height: 96px; position: relative; font-size: 40px; color:#111111; font-weight: bold;}
.ys h2:before{width: 15px; height:16px; background:url(images/jz-ico.png) no-repeat center; content:""; position: absolute;left:-25px;top:33px;}
.ys .ys-desc{line-height: 48px; margin-bottom: 103px;font-size: 18px; color:#333333;}
.ys ul li{float:left; width:25%;}
.ys ul li span{display: block; height:119px; text-align: center;}
.ys ul li span em{display: inline-block; height:119px; line-height: 119px;font-size: 82px; color:#f6580a; font-weight: bold; font-family: "DINPro";}
.ys ul li span i{display: inline-block;font-size: 32px; color:#f6580a; font-family: "DINPro"; vertical-align: top;}
.ys ul li p{ line-height: 59px; text-align: center;font-size: 18px; color:#333333;}
/**/
.news{padding:66px 0 90px;}
.news h2{height:78px; line-height: 78px; margin-bottom: 25px; font-size: 40px; color:#111111; font-weight: bold;}
.news h2:before{width: 15px; height:16px; background:url(images/jz-ico.png) no-repeat center; content:""; position: absolute;left:-25px;top:33px;}
.news .news-con dl{width:589px; height:180px;float:left;background:#e5e5e5;margin-bottom: 19px;padding:10px; box-sizing: border-box;}
.news .news-con dl:nth-child(2n){float:right;}
.news .news-con dl dt{width:240px; line-height: 0; overflow: hidden;float:left;}
.news .news-con dl dt img{width:100%;max-height: 148px;}
.news .news-con dl dd{width:309px;float:left; padding:14px 0 0 20px; box-sizing: border-box;}
.news .news-con dl dd h4{height:34px; line-height: 34px;margin-bottom: 10px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.news .news-con dl dd h4 a{font-size: 20px; color:#333333; font-weight: bold;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.news .news-con dl dd p{ line-height: 27px;font-size: 14px; color:#999999;}
/**/
.loop{padding:40px 0 117px;}
.loop h2{height:138px; line-height: 138px; margin-bottom: 25px; font-size: 40px; color:#111111; font-weight: bold;}
.loop h2:before{width: 15px; height:16px; background:url(images/jz-ico.png) no-repeat center; content:""; position: absolute;left:-25px;top:49px;}
.loop .lop-pic{width:100%; line-height: 0; overflow: hidden;}
.loop .lop-pic img{width:100%;}
/**/
.zxbj{height:966px;}
.zxbj .zx{padding-top:80px;}
.zxbj .zx h2{height:96px; line-height: 96px; position: relative; font-size: 40px; color:#111111; font-weight: bold; margin-bottom: 9px;}
.zxbj .zx h2:before{width: 15px; height:16px; background:url(images/jz-ico.png) no-repeat center; content:""; position: absolute;left:-25px;top:30px;}
.zxbj .zx .zx-left{width:460px; float:left;}
.zxbj .zx .zx-left h4{line-height: 59px;font-size: 30px; color:#f6580a; font-weight: bold;}
.zxbj .zx .zx-left h5{height:61px; line-height: 61px;font-size: 22px; color:#333333; font-weight: bold; padding-left:49px; background:url(images/zx-ico.png) no-repeat left; margin-bottom: 74px;}
.zxbj .zx .zx-left span{display: block; width:395px; line-height: 0; overflow: hidden;}
.zxbj .zx .zx-left span img{width:100%;}
.zxbj .zx .zx-rig{width:600px;float:right;}
.zxbj .zx .zx-rig .form{position: relative;}
.zxbj .zx .zx-rig .bd ul li{height: 60px;border:1px solid #e5e5e5;box-sizing: border-box;margin-bottom: 18px;}
.zxbj .zx .zx-rig .bd ul li label{width:118px; height:59px; line-height: 59px; text-align: center; font-size:18px;color:#a0a0a0;float:left;}
.zxbj .zx .zx-rig .bd ul li input{width:476px; height: 59px; line-height: 59px; font-size:18px;color:#333333;float:left;}
.zxbj .zx .zx-rig .bd ul li input::-webkit-input-placeholder{font-size:18px;color:#333333;}
.zxbj .zx .zx-rig .bd ul li input::-moz-placeholder{font-size:18px;color:#333333;}
.zxbj .zx .zx-rig .bd ul li select{width:476px; height: 59px; line-height: 59px; font-size:18px;color:#333333;float:left;border:0; background:0;padding:0;}
.zxbj .zx .zx-rig .bd ul li.last{height: 138px;}
.zxbj .zx .zx-rig .bd ul li textarea{width:476px;height: 135px;font-size:18px;color:#333333;padding: 10px;box-sizing: border-box;}

.zxbj .zx .zx-rig .bd ul li .inp4 input{ width: 328px; }
.zxbj .zx .zx-rig .bd ul li .inp4 img{ width: 117px; height: 57px;}

.zxbj .zx .zx-rig .form-btn{height:61px;background:#f55809; margin-top: 222px;}
.zxbj .zx .zx-rig .form-btn .submit{display: block;width:100%; height:61px; line-height: 61px; text-align: center; font-size: 18px; color:#FFF; cursor: pointer;}
.zxbj .zx .zx-rig .form-wz{width:100%;position: absolute;left:0;top:454px;}
.zxbj .zx .zx-rig .form-wz ul li{width:170px; height:49px;float:left; line-height: 49px;font-size:18px; color:#707070;padding-left:30px;background:url(images/bd-ico.png) no-repeat left;}
.zxbj .zx .zx-rig .form-wz ul li:hover{background:url(images/bd-ico1.png) no-repeat left;}
.zxbj .zx .zx-rig .form-wz span{display: block; height:64px; line-height: 64px; font-size: 14px; color:#c2c2c2;padding-left:6px;background:url(images/bd-xx.png) no-repeat left 25px;}



/* -- 弹出窗口 -- */
#mesbook1_c, #mesbook1{display:none;z-index:1001;width:398px;border:1px solid #ccc;background:#fff; padding-bottom:20px;}
#mesbook1_c div, #mesbook1 div{ border:1px solid #E4E3E3; background:#EBECEB;height:18px; padding:4px .5em 0; margin-bottom:10px;}
#mesbook1_c div, #mesbook1 div img{  width: auto;}
#mesbook1_c dl.b1, #mesbook1 dl.b1 { width:370px; margin:0 auto;}
#mesbook1_c dl.b1 dt, #mesbook1 dl.b1 dt { float:left; width:105px; overflow:hidden; }
#mesbook1_c dl.b1 dd, #mesbook1 dl.b1 dd { width:265px; float:right;}
#mesbook1_c #mesbook1_cBtns, #mesbook1 #mesbook1Btns{padding-bottom:10px;}
#mesbook1_c #mesbook1_cBtns input, #mesbook1 #mesbook1Btns input {margin-right:20px;}

/*处理中动画占全屏*/
#oran_div_processing{width:300px;padding:20px;z-index:9999;text-align:center;background:#fffeef;border:solid 1px #b8ab04;}