/*特效*/
.white,.whites{position: relative; overflow: hidden;}
.white:after,.whites:after{content: ''; cursor: pointer; position: absolute; left: -100%; top: 0; width:100%; height:100%; background-image: -moz-linear-gradient(0deg,rgba(255,255,255,0),rgba(255,255,255,.5),rgba(255,255,255,0)); background-image: -webkit-linear-gradient(0deg,rgba(255,255,255,0),rgba(255,255,255,.5),rgba(255,255,255,0)); transform: skewx(-25deg);}
.white:hover:after{left:100%; -moz-transition:1s; -o-transition:1s; -webkit-transition:1s; transition:1s;}
.whites:hover:after{left:100%; -moz-transition:0.5s; -o-transition:0.5s; -webkit-transition:0.5s; transition:0.5s;}

.w1200{width:1200px;margin:0 auto;}
/*首页标题*/
.section{padding: 75px 0;border-box:content-box;}
.index .in_title{margin-bottom: 40px;text-align: center;font-size: 40px;line-height: 42px;}
.index .in_title b{color: #c3112b;}
.index .in_title p{margin: 0;font-size: 0;}
.index .in_title span{display: inline-block;vertical-align: middle;position: relative;font-size: 20px;padding: 0 20px;}
.index .in_title span:before,.index .in_title span:after{position: absolute;top: 50%;content: '';width: 40px;height: 2px;background-color: #f8bd01;margin-top: -1px;}
.index .in_title span:before{right: 100%;}
.index .in_title span:after{left: 100%;}
/*CSS3 左右抖动*/
@-webkit-keyframes shake{from,to{-webkit-transform:translate3d(0, 0, 0);}20%,60%{-webkit-transform:translate3d(-10px, 0, 0);}40%,80%{-webkit-transform:translate3d(10px, 0, 0);}}
@keyframes shake{from,to{transform:translate3d(0, 0, 0);}20%,60%{transform:translate3d(-10px, 0, 0);}40%,80%{transform:translate3d(10px, 0, 0);}}
/*非常之道*/
.index .in-yin{}
.index .in-yin li{float: left;width: 286px;margin-right: 18px;}
.index .in-yin li:last-child{margin-right: 0;}
.index .in-yin li a{display: block;position: relative;overflow: hidden;-webkit-transition: all 0.5s;transition: all 0.5s;}
.index .in-yin li .img{width: 100%;height: 400px;}
.index .in-yin li .img img{width: 100%;height: 100%;display: block;}
.index .in-yin li .tit{position: absolute;left: 0;bottom: 0;width: 100%;background-color: #c3112b;text-align: center;font-size: 18px;line-height: 85px;font-weight: bold;color: #fff;-webkit-transition: all 0.5s;transition: all 0.5s;}
.index .in-yin li .tit i{position: absolute;left: 50%;top: -23px;width: 46px;height: 46px;background: no-repeat center #142038;margin-left: -23px;border-radius: 50%;}
.index .in-yin li .tit img{width: 100%;height: 100%;display: block;filter: invert(100%);}
.index .in-yin li .text{position: absolute;left: 0;top: 100%;width: 100%;height: 100%;background-color: rgba(0,0,0,0.7);-webkit-transition: all 0.5s;transition: all 0.5s;}
.index .in-yin li .wrap{color: #fff;padding: 80px 30px 0;}
.index .in-yin li .wrap i{width: 46px;height: 46px;background: no-repeat center #c3112b;margin: 0 auto;padding: 9px;border-radius: 50%;display: block;}
.index .in-yin li .wrap img{width: 100%;height: 100%;display: block;}
.index .in-yin li .wrap h4{margin: 0;position: relative;line-height: 70px;font-size: 26px;text-align: center;}
.index .in-yin li .wrap h4:after{position: absolute;bottom: 0;left: 50%;content: '';height: 3px;width: 30px;background-color: #fff;margin-left: -15px;}
.index .in-yin li .wrap p{font-size: 16px;line-height: 1.8;text-align: justify;margin: 15px 0 0;}
.index .in-yin li a:hover{-webkit-transform: translateY(-20px);transform: translateY(-20px);}
.index .in-yin li a:hover .tit{bottom: -108px;}
.index .in-yin li a:hover .text{top: 0;}
/*产品中心*/
.index .in-pro{max-width: 1920px;margin: 0 auto;background: url(../images/cp_bg.jpg) no-repeat center 0;background-size: cover;}
.index .in-pro .in_title{color: #fff;}
.index .in-pro .pro_l{float: left;width: 260px;background-color: #fff;}
.index .in-pro .pro_l h4{line-height: 80px;text-align: center;font-size: 24px;font-weight: bold;background-color: #c3112b;color:#fff;}
.index .in-pro .pro_l .tit{line-height: 65px;background: #efefef url(../images/cp_ico02.png) no-repeat 210px center;font-weight: bold;border-bottom: 1px solid #efefef;}
.index .in-pro .pro_l .tit.cur{background-image: url(../images/cp_ico05.png);background-color: #fff;}
.index .in-pro .pro_l .tit a{display: block;background: url(../images/cp_ico01.png) no-repeat 25px center;padding-left: 55px;}
.index .in-pro .pro_l ul{overflow: hidden;margin: 0 15px;}
.index .in-pro .pro_l li a{display: block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height: 45px;border-bottom: #efefef 1px solid;background: url(../image/cp_ico03.png) no-repeat 18px center;padding-left: 45px;}
.index .in-pro .pro_l li:last-child a{border: 0;}
.index .in-pro .pro_l li a:hover{background-image: url(../image/cp_ico04.png);}
.index .in-pro .pro_l .tel{margin: 10px;background: #e9e9e9 url(../image/cp_tel.gif) no-repeat center 34px;padding: 72px 0 30px;text-align: center;}
.index .in-pro .pro_l .tel b{display: block;font-size: 30px;}
.index .in-pro .pro_r{float: right;width: 920px;}
.index .in-pro .pro_r li{float: left;width: 300px;margin-right: 10px;margin-bottom: 10px;}
.index .in-pro .pro_r li:nth-child(3n){margin-right: 0;}
.index .in-pro .pro_r li a{display: block;}
.index .in-pro .pro_r li .img{width: 100%;height: 225px;overflow: hidden;}
.index .in-pro .pro_r li .img img{width: 100%;height: 100%;display: block;transition: all .5s;}
.index .in-pro .pro_r li p{padding: 0 15px;text-align: center;line-height: 55px;font-size: 16px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;background-color: #e0e0e0;transition: all .5s;}
.index .in-pro .pro_r li a:hover p{background-color: #c3112b;color: #fff;}
.index .in-pro .pro_r li:hover .img img{transform: scale(1.1);}
/*应用案例*/
.index .in-case{}
.index .in-case .cases{position: relative;height: 517px;}
.index .in-case .hd{margin-bottom: 40px;text-align: center;}
.index .in-case .hd a{display: block;line-height: 40px;width: 160px;font-size: 14px;border: 1px solid #ebebeb;}
.index .in-case .hd li{display: inline-block;vertical-align: middle;margin: 0 10px;}
.index .in-case .hd li.on a,.index .in-case .hd li:hover a{background-color: #c3112b;border-color: #c3112b;color: #fff;}
.index .in-case .bd dl{box-sizing:content-box;position: relative;float: left;width: 348px;padding: 15px;margin: 10px;background-color: #fff;border: 1px solid #eee;transition: all .5s;}
.index .in-case .bd dl:hover{border-color: #c3112b;box-shadow: 0 0 10px rgba(0,0,0,0.2);}
.index .in-case .bd dt{width: 100%;height: 261px;overflow: hidden;}
.index .in-case .bd dt img{width: 100%;height: 100%;-webkit-transition: all 1s;transition: all 1s;}
.index .in-case .bd dt a:hover img{-webkit-transform: scale(1.1);transform: scale(1.1);}
.index .in-case .bd dd{padding: 0;}
.index .in-case .bd dd h4{font-size: 18px;line-height: 30px;font-weight: bold;margin: 15px 0;}
.index .in-case .bd dd p{color: #666;line-height: 24px;text-align: justify;height: 72px;overflow: hidden;}
.index .in-case .bd dd .more{display: block;width: 102px;margin: auto;margin-top: 20px;margin-bottom: 10px;padding: 7px 0;background-color: #c3112b;color: #fff;text-align: center;text-transform: uppercase;border-radius: 50px;}
.index .in-case .bd dd .more:hover{-webkit-animation: shake 1.5s linear;animation: shake 1.5s linear;}
.index .in-case .prev,.index .in-case .next{background: no-repeat center;width: 58px;height: 58px;position: absolute;top: 50%;margin-top: -29px;border-radius: 50%;}
.index .in-case .prev{background-image: url(../images/case_lico01.png);left: -68px;}
.index .in-case .prev:hover{background-image: url(../images/case_lico02.png);box-shadow: 0 3px 5px 3px rgb(0 0 0 / 10%);z-index: 2;-webkit-transform: translate(0,-2px);-webkit-transform: translate(0,-2px);}
.index .in-case .next{background-image: url(../images/case_rico01.png);right: -68px;}
.index .in-case .next:hover{background-image: url(../images/case_rico02.png);box-shadow: 0 3px 5px 3px rgb(0 0 0 / 10%);z-index: 2;-webkit-transform: translate(0,-2px);-webkit-transform: translate(0,-2px);}
/*四大优势*/
.index .in-ys{background: url(../image/ys_bg.jpg) no-repeat center 0;height: 1105px;overflow: hidden;padding: 90px 0 0;}
.index .in-ys .in_title{color: #fff;margin-bottom: 30px;}
.index .in-ys .list{padding: 0 26px;}
.index .in-ys dl{margin: 55px 0 0;float: left;width: 566px;height: 421px;position: relative;}
.index .in-ys dt{border: 12px solid #fac12c;width: 311px;height: 397px;line-height: 397px;overflow: hidden;}
.index .in-ys dt img{width: 100%;height: 100%;display: block;transition: all 1s;}
.index .in-ys dt img:hover{-webkit-transform: scale(1.1);transform: scale(1.1);}
.index .in-ys dd{position: absolute;right: 0;background-color: #fff;margin: -172px 0 0;top: 50%;width: 208px;height: 294px;color: #333;padding: 50px 50px 0 50px;}
.index .in-ys dd h4{font-size: 30px;font-weight: bold;}
.index .in-ys dd h4:after{display: block;height: 2px;width: 40px;background-color: #f8bd01;content: '';margin-top: 15px;}
.index .in-ys dd p{color: #666;font-size: 16px;line-height: 1.8;height: 84px;margin: 20px 0 0;overflow: hidden;}
.index .in-ys dd .num{display: block;margin-top: 30px;}
.index .in-ys dl:nth-child(even){float: right;}
.index .in-ys dl:nth-child(even) dt{float: right;}
.index .in-ys dl:nth-child(even) dd{left: 0;right: auto;}
/*定制流程*/
.index .in-flow{background-color: #f5f5f5;padding: 50px 0;}
.index .in-flow .in_title{margin-bottom: 22px;}
.index .in-flow .in_title span{font-size: 26px;}
.index .in-flow ul{background:url(../images/liuc_line.png) no-repeat 165px 45px;}
.index .in-flow li{float:left;width:171px;text-align:center;color:#333;font-weight:bold;font-size: 14px;}
.index .in-flow li .icon{display:block;width:100px;height:100px;margin:0 auto 12px;position:relative;cursor: pointer;}
.index .in-flow li .icon i{position:absolute;width:100%;height:100%;top:0;left:0;}
.index .in-flow li .icon i img{width: 100%;height: 100%;display: block;border-radius: 50%;}
.index .in-flow li .icon i.default{background: #fff;border-radius: 50%;-webkit-transform: translateX(0) rotate(0);transform: translateX(0) rotate(0);-webkit-transition: all 0.35s ease-out;transition: all 0.35s ease-out;}
.index .in-flow li .icon i.hover{background: #c3112b;border-radius: 50%;opacity:1;visibility:hidden;-webkit-transform: scale(0.5);transform: scale(0.5);-webkit-transition: all 0.1s ease 0.2s;transition: all 0.1s ease 0.2s;}
.index .in-flow li .icon i.hover img{filter: invert(100%);}
.index .in-flow li:hover .icon i.default{opacity: 0;visibility:hidden;-webkit-transform: translateX(100%) rotate(180deg);transform: translateX(100%) rotate(180deg);}
.index .in-flow li:hover .icon i.hover{visibility:visible;opacity:1;-webkit-transform:scale(1);transform:scale(1);}
/*客户评价*/
.index .in-kehu{overflow: hidden;}
.index .in-kehu .kehu{position: relative;}
.index .in-kehu .bd{height: 205px;overflow: hidden;}
.index .in-kehu dl{box-sizing:content-box;float: left;margin: 10px;padding: 19px;background-color: #f5f5f5;border: 1px solid #eee;width: 540px;transition: all .5s;}
.index .in-kehu dl:hover{border-color: #c3112b;box-shadow: 0 0 10px rgba(0,0,0,0.2);}
.index .in-kehu dt{float: left;width: 193px;height: 145px;overflow: hidden;}
.index .in-kehu dt img{width: 100%;height: 100%;display: block;transition: all .5s;}
.index .in-kehu dt:hover img{transform: rotateY(180deg);}
.index .in-kehu dd{margin-left: 220px;padding-top: 15px;}
.index .in-kehu dd h4{font-size: 16px;font-weight: bold;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.index .in-kehu dd h4 a{color: #333;}
.index .in-kehu dd h4 a:hover{color: #c3112b;}
.index .in-kehu dd p{margin: 15px 0 0;color: #666;line-height: 23px;text-align: justify;height: 70px;overflow: hidden;}
.index .in-kehu .prev,.index .in-kehu .next{background: no-repeat center;width: 58px;height: 58px;position: absolute;top: 50%;margin-top: -29px;border-radius: 50%;}
.index .in-kehu .prev{background-image: url(../images/case_lico01.png);left: -68px;}
.index .in-kehu .prev:hover{background-image: url(../images/case_lico02.png);box-shadow: 0 3px 5px 3px rgb(0 0 0 / 10%);z-index: 2;-webkit-transform: translate(0,-2px);-webkit-transform: translate(0,-2px);}
.index .in-kehu .next{background-image: url(../images/case_rico01.png);right: -68px;}
.index .in-kehu .next:hover{background-image: url(../images/case_rico02.png);box-shadow: 0 3px 5px 3px rgb(0 0 0 / 10%);z-index: 2;-webkit-transform: translate(0,-2px);-webkit-transform: translate(0,-2px);}
/*小banner*/
.index .in-tel{background:url(../image/ban01.jpg) no-repeat center 0;height: 150px;overflow: hidden;padding: 78px 0 0;}
.index .in-tel p{width: 530px;float: right;}
.index .in-tel p span{display: block;float: left;font-size: 14px;color: #333;background:url(../image/ban_tel.png) no-repeat 0 15px;width: 270px;padding: 0 0 0 45px;line-height: 28px;}
.index .in-tel p b{display: block;font-size: 30px;color: #fff;font-family: "DINOT";}
.index .in-tel p em{display: block;width: 148px;float: left;padding: 3px 0 0;}
.index .in-tel p em a{font-size: 14px;color: #333;display: block;background:url(../image/ban_btn.png) no-repeat;width: 128px;height: 50px;line-height: 50px;overflow: hidden;padding: 0 0 0 20px;}
.index .in-tel p em a:hover{-webkit-animation: shake 1.5s linear;animation: shake 1.5s linear;}
/*新闻动态*/
.index .in-news{background-color: #f5f5f5;}
.index .in-news .news .hd{font-size: 0;text-align: center;margin-bottom: 20px;}
.index .in-news .news .hd li{display: inline-block;vertical-align: middle;margin: 0 10px;}
.index .in-news .news .hd li a{display: block;line-height: 40px;width: 160px;font-size: 14px;border: 1px solid #ebebeb;}
.index .in-news .news .hd li.on a{background-color: #c3112b;border-color: #c3112b;color: #fff;}
.index .in-news .news .bd ul{margin-left: -40px;display: none;}
.index .in-news .news .bd li{float: left;width: 50%;overflow: hidden;box-sizing:content-box;}
.index .in-news .news .bd li a{box-sizing:content-box;display: block;margin-left: 40px;border: 1px solid #eee;background-color: #fff;margin-top: 20px;overflow: hidden;padding:0;}
.index .in-news .news .bd li .img{width: 100%;height: 432px;overflow: hidden;}
.index .in-news .news .bd li .img img{width: 100%;height: 100%;display: block;transition: all 1s;}
.index .in-news .news .bd li a:hover{color:#c3112b;}
.index .in-news .news .bd li a:hover .img img{-webkit-transform: scale(1.1);transform: scale(1.1);}
.index .in-news .news .bd li .date{float: left;width: 110px;color: #666;padding: 26px 0;text-align: center;border-right: 1px solid #eee;line-height: 1;}
.index .in-news .news .bd li .date b{display: block;font-size: 50px;color: #333;font-family: Impact;margin-bottom: 6px;}
.index .in-news .news .bd li .info{box-sizing:content-box;margin-left: 110px;padding: 20px;}
.index .in-news .news .bd li .info h4{font-size: 16px;font-weight: bold;line-height: 22px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.index .in-news .news .bd li .info p{color: #888;margin: 10px 0 0;overflow: hidden;line-height: 1.8;text-align: justify;height:50px;width:90%}
.index .in-news .news .bd li a:hover{/*border-color: #c3112b;*/box-shadow: 0 0 10px rgba(0,0,0,0.2);}
/*关于我们*/
.index .in-about{padding-bottom: 0;}
.index .in-about .about{background-color: #f5f5f5;}
.index .in-about dt{float: left;width: 660px;height: 415px;overflow: hidden;}
.index .in-about dt img{width: 100%;height: 100%;display: block;-webkit-transition: 1s;transition: 1s;}
.index .in-about dt:hover img{-webkit-transform: scale(1.1);transform: scale(1.1);}
.index .in-about dd{margin-left: 660px;padding: 60px 40px 0;}
.index .in-about dd h4{font-size: 28px;font-weight: bold;line-height: 45px;}
.index .in-about dd p{color: #666;line-height: 1.8;text-align: justify;margin: 20px 0 0;}
.index .in-about dd .more{display: inline-block;margin-top: 30px;padding: 7px 25px;background-color:#c3112b;color: #fff;text-transform: uppercase;border-radius: 50px;}
.index .in-about dd .more:hover{-webkit-animation: shake 1.5s linear;animation: shake 1.5s linear;}
/*荣誉资质*/
.index .in-honor{padding-top: 0;}
.index .in-honor .honor{background-color: #f5f5f5;}
.index .in-honor .tit{background: #f7f7f7 url(../image/photo_line.png) no-repeat 0 62px;height: 124px;line-height: 124px;overflow: hidden;}
.index .in-honor .tit a{font-size: 16px;color: #333;font-weight: bold;}
.index .in-honor .tit span{float: right;font-size: 14px;text-transform: uppercase;font-weight: normal;display: block;width: 100px;text-align: center;}
.index .in-honor .tit em{display: block;float: left;width: 50px;height: 50px;line-height: 0;overflow: hidden;border-radius: 50%;box-shadow: 0 3px 10px 3px rgba(248,162,48,0.2);background: url(../image/photo_ico.png) no-repeat 0 center;margin: 35px 15px 0 30px;}
.index .in-honor .bd{height: 230px;overflow: hidden;}
.index .in-honor .bd li{float: left;width: 230px;margin-right: 12px;}
.index .in-honor .bd li .img{width: 230px;height: 173px;overflow: hidden;}
.index .in-honor .bd li .img img{width: 100%;height: 100%;display: block;-webkit-transition: 1s;transition: 1s;}
.index .in-honor .bd li .text{text-align: center;padding: 15px 0;}
.index .in-honor .bd li a:hover .img img{-webkit-transform: scale(1.1);transform: scale(1.1);}