@charset "utf-8";
/* CSS Document */
/*banner开始*/
.banner{ margin-top:90px;}
.main-slide.slide-opt-1 .item-slide,
.main-slide.slide-opt-2 .item-slide,
.main-slide.slide-opt-3 .item-slide {height: 650px;background-position: center;background-repeat: no-repeat;background-size: cover;}
.slide-opt-1 .item-slide-1 {background-image: url(../images/banner1.jpg);}
.slide-opt-1 .item-slide-2 {background-image: url(../images/banner2.jpg);}
.slide-opt-1 .item-slide-3 {background-image: url(../images/banner3.jpg);}
.main-slide .item-slide {position: relative;}
.main-slide .slide-desc {position: absolute;top: 45%;-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);-ms-transform: translateY(-50%);-o-transform: translateY(-50%);transform: translateY(-50%);right: 20px;
left: 20px;text-align: center;}
.main-slide .slide-desc.slide-desc-2{ left:-20%;  }
.main-slide .p-primary {font-size: 42px;line-height: 1.3 !important;font-weight: bold;color: #fff;text-transform: uppercase;max-width: 750px;margin: 0 auto 10px;}
.main-slide p {font-size: 17px;color: #f3f3f3;margin-top: 6px; width:100%;}
.main-slide .slide-desc.slide-desc-2 .p-primary { text-align:left; }
.main-slide .btn-shop-now {font-size: 14px;font-weight: 600;color: #fff;letter-spacing: 0.1em;text-transform: uppercase;background-color: #eeab10;padding: 8px 22px;margin-top: 25px;display: inline-block;}
.active .btn-shop-now {animation-duration: 2s;-webkit-animation-duration: 2s;animation-fill-mode: both;-webkit-animation-fill-mode: both;animation-name: bounceInRight;-webkit-animation-name: bounceInRight;}
.main-slide .active p {animation-duration: 2s;-webkit-animation-duration: 2s;animation-fill-mode: both;-webkit-animation-fill-mode: both;animation-name: bounceInUp;-webkit-animation-name: bounceInUp;}
.active .p-primary {animation-duration: 2s;-webkit-animation-duration: 2s;animation-fill-mode: both;-webkit-animation-fill-mode: both;animation-name: zoomIn;-webkit-animation-name: zoomIn;}
@media (max-width: 1440px) {
.main-slide.slide-opt-1 .item-slide,
.main-slide.slide-opt-2 .item-slide,
.main-slide.slide-opt-3 .item-slide {height: 488px;}
}
@media (max-width: 1366px) {
.main-slide.slide-opt-1 .item-slide,
.main-slide.slide-opt-2 .item-slide,
.main-slide.slide-opt-3 .item-slide {height: 462px;}
}
@media (max-width: 1280px) {
.main-slide.slide-opt-1 .item-slide,
.main-slide.slide-opt-2 .item-slide,
.main-slide.slide-opt-3 .item-slide {height: 488px;}
}
@media (max-width: 1024px) {
.banner{ margin-top:70px;}
.main-slide.slide-opt-1 .item-slide,
.main-slide.slide-opt-2 .item-slide,
.main-slide.slide-opt-3 .item-slide {height: 347px;}
}
@media (max-width: 768px) {
.main-slide.slide-opt-1 .item-slide,
.main-slide.slide-opt-2 .item-slide,
.main-slide.slide-opt-3 .item-slide {height: 280px;}
}
@media (max-width: 640px) {
.banner{ margin-top:50px;}
.main-slide.slide-opt-1 .item-slide,
.main-slide.slide-opt-2 .item-slide,
.main-slide.slide-opt-3 .item-slide {height: 175px;}
}
@media (max-width: 375px) {
.main-slide.slide-opt-1 .item-slide,
.main-slide.slide-opt-2 .item-slide,
.main-slide.slide-opt-3 .item-slide {height: 160px;}
}
/*banner结束*/
/*关于我们开始*/
.index .pt1{padding:70px 0 100px; overflow:hidden;}
.index .pt1 .title{font-size:30px; font-weight:500; color:#000; text-align:center; line-height:1; margin-bottom:20px;}
.index .pt1 .info{font-size:16px; color:#5a5a5a; margin-bottom:40px; text-align:center;}
.index .pt1 .r_box .top_box .text{ line-height:28px; margin-bottom:40px;}
.index .pt1 .r_box .iabout_icon{display: inline-block;width: 75px;height: 73px;background: url(../images/iabout_icon.png) no-repeat; margin-bottom: 20px;}
.index .pt1 .r_box .iabout_icon2{background-position: -75px 0;}
.index .pt1 .r_box .iabout_icon3{background-position: -150px 0;}
.index .pt1 .r_box .number_box{ text-align:center;} 
.index .pt1 .r_box .number_box .number{font-size:36px; font-weight:bold; }
.index .pt1 .r_box .number_box li:first-child{ visibility: visible; animation-delay: 0s; animation-name: fadeInUp;}
.index .pt1 .r_box .number_box li:nth-child(2){visibility: visible; animation-delay: 0.2s; animation-name: fadeInUp;}
.index .pt1 .r_box .number_box li:last-child{ visibility: visible; animation-delay: 0.4s; animation-name: fadeInUp;}
.index .pt1 .r_box .info_box{ color:#666;}
@media (max-width: 1024px) {
.index .pt1{padding:50px 0; }
.index .pt1 .info{margin-bottom:20px;}
.index .pt1 .img_box .rect-60 {padding-bottom: 70%}
.index .pt1 .r_box .top_box .text{ line-height:28px; margin-bottom:0px;}
.index .pt1 .r_box .iabout_icon{ margin-bottom: 0px;}
}
@media (max-width: 768px) {
.index .pt1{padding:30px 0; }
.index .pt1 .title{font-size:20px; margin-bottom:10px;}
.index .pt1 .img_box {margin-bottom:10px;}
.index .pt1 .img_box .rect-60 {padding-bottom: 60%}
.index .pt1 .r_box .top_box .text{ line-height:24px; }
.index .pt1 .r_box .number_box .number{font-size:32px; font-weight:bold; }
}
/*关于我们结束*/
/*产品展示开始*/
.index .pt2{padding:70px 0; height:720px; background:#ededed url(../images/index_bg1.jpg) no-repeat center top;}
.index .pt2 .title{font-size:30px; font-weight:500; color:#000; text-align:center; line-height:1; margin-bottom:20px;}
.index .pt2 .info{font-size:16px; color:#5a5a5a; margin-bottom:40px; text-align:center;}
.proBan ul,.proBan li{ list-style:none; }
.proBan ul,.proBan li,.proBan .bd h3,.proBan .bd h2,.proBan .bd p{ padding:0; margin:0;}
.proBan .bd{ overflow:hidden;}
.proBan .bd,.proBan .bd li{ height:390px; position:relative;}
.proBan .bd .txt{ width:50%; position:absolute; z-index:1; opacity: 0 }
.proBan .bd h2{ font-weight:normal; font-size:36px; font-weight:bold; color:#494949; margin-top:3px; line-height:72px;}
.proBan .bd div{ margin-top:35px;}
.proBan .bd div.pic{margin-top:0px;}
.proBan .bd p{ font-size:18px; color:#666;}
.proBan .bd a{ display:inline-block; *display:inline; zoom:1; margin-top:40px;background: #de000d; color: #fff; text-align: center; line-height: 36px; padding: 0 35px; transition: all 0.2s;}
.proBan .bd a:hover{ color: #de000d; background-color:#fff;}
.proBan .pic{ text-align:right; width:50%; height:444px;position:absolute;}
.proBan .pic a{background: none;display: block;}
.proBan .pic a:hover{background: none}
.proBan .bd .item1 .txt,.proBan .bd .item3 .txt,.proBan .bd .item5 .txt,.proBan .bd .item7 .txt,
.proBan .bd .item2 .txt,.proBan .bd .item4 .txt,.proBan .bd .item6 .txt,.proBan .bd .item8 .txt{left:0; opacity:0;}
.proBan .bd .item1 .pic,.proBan .bd .item3 .pic,.proBan .bd .item5 .pic,.proBan .bd .item7 .pic,
.proBan .bd .item2 .pic,.proBan .bd .item4 .pic,.proBan .bd .item6 .pic,.proBan .bd .item8 .pic{right:-1000px;}
.proBan .hd{ height:140px; position:relative;}
.proBan .hd li{ height:140px; padding: 0 29px; text-align:center;float:left; display:inline; cursor: pointer;}
.proBan .hd li span,.proBan .hd a span{ display:block; padding-top:84px; background-position:center top; background-repeat:no-repeat; }
.proBan .hd li span {padding-top: 0;}
.proBan .hd a{ text-align:center; width: 100px; height:140px; position:absolute; top:0; right:0; z-index:1;}
.proBan .hd a span.item7{ background-image:url(../images/7.png); color: #666;}
.proBan .hd a:hover span.item7{color: #e60012}
.proBan .hd a:hover span{ background-image:url(../images/7a.png);}
.proBan .hd li .Imgbox img.img2 {display: none;}
.proBan .hd li:hover img.img2 {display: block;}
.proBan .hd li:hover img.img1 {display: none;}
.proBan .hd li.on img.img2 {display: block;}
.proBan .hd li.on img.img1 {display: none;}
.proBan .hd li.on span{color: #e60012;}
.proBan .hd li:first-child{ visibility: visible; animation-delay: 0s; animation-name: fadeInUp;}
.proBan .hd li:nth-child(2){visibility: visible; animation-delay: 0.2s; animation-name: fadeInUp;}
.proBan .hd li:nth-child(3){ visibility: visible; animation-delay: 0.4s; animation-name: fadeInUp;}
.proBan .hd li:nth-child(4){ visibility: visible; animation-delay: 0.6s; animation-name: fadeInUp;}
.proBan .hd li:nth-child(5){ visibility: visible; animation-delay: 0.8s; animation-name: fadeInUp;}
.proBan .hd li:nth-child(6){ visibility: visible; animation-delay: 1s; animation-name: fadeInUp;}
.proBan .hd a{ visibility: visible; animation-delay: 1.2s; animation-name: fadeInUp;}
@media (max-width:1200px){
.proBan .pic{ text-align:right; width:50%; height: auto;position:absolute;}
.proBan .hd li{ height:140px; padding: 0 15px;}
.proBan .bd,.proBan .bd li{ height:340px; position:relative;}
}
@media (max-width: 1024px) {
.index .pt2{padding:50px 0;}
.index .pt2 .info{ margin-bottom:20px;}
}
@media (max-width:768px){
.index .pt2{padding:30px 0;}
.index .pt2{  height:430px; background:#ededed url(../images/index_bg1.jpg) no-repeat center top;}
.index .pt2 .title{font-size:20px; margin-bottom:10px;}
.proBan .bd{ display:none;}
.proBan .hd li{ height:140px; padding: 0 29px;width: 33.33%; text-align:center;float:left; display:inline; cursor: pointer;}
.proBan .hd a{ display:none;}
.proBan .hd li .Imgbox{ text-align:center;}
}
@media (max-width:425px){
.index .pt2{  height:380px;}
.proBan .hd li{ height:100px;}
}
@media (max-width:360px){
.index .pt2{  height:500px;}
.proBan .hd li{ width:50%; }
}
/*产品展示结束*/
/*技术研发开始*/
.index .pt3{padding:70px 0;}
.index .pt3 .title{font-size:30px; font-weight:500; color:#000; text-align:center; line-height:1; margin-bottom:20px;}
.index .pt3 .info{font-size:16px; color:#5a5a5a; margin-bottom:40px; text-align:center;}
.index .pt3 .pt3_list_box a{display:block}
.index .pt3 .pt3_list_box .img_box{margin-bottom:20px;}
.index .pt3 .pt3_list_box .info_box .t{font-size:18px; color:#000; line-height:1.2; font-weight:600; margin-bottom:15px;}
.index .pt3 .pt3_list_box .info_box .d{ color:#666; line-height:24px; height:70px; overflow:hidden; text-align:left;}
.index .pt3 .pt3_list_box a:hover .t{color:#a80d0f;}
.index .pt3 .pt3_list_box li:first-child{ visibility: visible; animation-delay: 0s; animation-name: fadeInUp;}
.index .pt3 .pt3_list_box li:nth-child(2){visibility: visible; animation-delay: 0.2s; animation-name: fadeInUp;}
.index .pt3 .pt3_list_box li:last-child{ visibility: visible; animation-delay: 0.4s; animation-name: fadeInUp;}
@media (max-width: 1024px) {
.index .pt3{padding:50px 0;}
.index .pt3 .info{ margin-bottom:20px;}
}
@media (max-width:768px){
.index .pt3{padding:30px 0;}
.index .pt3 .title{font-size:20px; margin-bottom:10px;}
.index .pt3 .pt3_list_box li{ margin-bottom:10px;}
.index .pt3 .pt3_list_box li:first-child{ visibility: visible; animation-delay: 0s; animation-name: fadeInDown;}
.index .pt3 .pt3_list_box li:nth-child(2){visibility: visible; animation-delay: 0.2s; animation-name: fadeInDown;}
.index .pt3 .pt3_list_box li:last-child{ visibility: visible; animation-delay: 0.4s; animation-name: fadeInDown;}
.index .pt3 .pt3_list_box .info_box .d{ color:#666; line-height:24px; height: auto; overflow:hidden; text-align:left;}

}
/*技术研发结束*/
/*新闻中心开始*/
.index .pt4{padding:70px 0; background-color:#f8f8f8;}
.index .pt4 .title{font-size:30px; font-weight:500; color:#000; text-align:center; line-height:1; margin-bottom:20px;}
.index .pt4 .info{font-size:16px; color:#5a5a5a; margin-bottom:40px; text-align:center;}
.index .pt4 .left_con .inews_li { width:100%; margin-bottom:15px;}
.index .pt4 .left_con .inews_li a{ display: block; }
.index .pt4 .left_con .inews_cell { background:url(../images/ipart03_2.png) center center; transition:all ease .3s; -webkit-transition:all ease .3s; }
.index .pt4 .left_con .inews_cell:hover { background:url(../images/ipart03_1.png) center center; }
.index .pt4 .left_con .inews_cell .date { padding-bottom:10px; width:16%; margin-right:3%; float:left; font-family:Arial; color:#fff; text-align:center; }
.index .pt4 .left_con .inews_cell .day { display:block; margin-top:10px; line-height:1; font-size:60px; }
.index .pt4 .left_con .inews_cell .txt_box { padding:12px 18px;}
.index .pt4 .left_con .inews_cell .tit { font-size:16px; margin-bottom:6px; font-weight:bold; color:#202020; white-space:nowrap;text-overflow:ellipsis;overflow:hidden; }
.index .pt4 .left_con .inews_cell .desc {  overflow:hidden; color:#666666; line-height:26px;    min-height: 52px; }
.index .pt4 .right_con .top_box{position: absolute;left: 15px;right: 15px;bottom: 0;padding:10px 15px;background-color: rgba(222,0,13,0.83);color: #fff;transition: background .5s ease;-webkit-transition: background .5s ease;}
.index .pt4 .right_con .time2{font-size: 16px;margin-bottom: 10px;}
@media (max-width:1200px){
.index .pt4 .left_con .inews_cell { background: none; background-color:#f3f3f3; }
.index .pt4 .left_con .inews_cell:hover { background:none; }
.index .pt4 .left_con .inews_cell .date {background-color: #c8c8c8;}
}
@media (max-width: 1024px) {
.index .pt4{padding:50px 0;}
.index .pt4 .info{ margin-bottom:20px;}
}
@media (max-width:768px){
.index .pt4{padding:30px 0;}
.index .pt4 .title{font-size:20px; margin-bottom:10px;}
}
@media (max-width:640px){
.index .pt4 .left_con .inews_cell .txt_box { padding:5px 0px 5px 10px;}
.index .pt4 .left_con .inews_cell .date { width:auto; padding-left:2px; padding-right:2px;}
.index .pt4 .left_con .inews_cell .desc { line-height:22px; height:46px; overflow:hidden; }
.index .pt4 .left_con .inews_cell .day { font-size:40px; }
.index .pt4 .left_con .inews_cell .tit { font-size:16px; margin-bottom:4px;}
}
/*新闻中心结束*/
/*客户案例开始*/
.index .pt5{padding:70px 0 ; overflow:hidden;}
.index .pt5 .title{font-size:30px; font-weight:500; color:#000; text-align:center; line-height:1; margin-bottom:20px;}
.index .pt5 .info{font-size:16px; color:#5a5a5a; margin-bottom:40px; text-align:center;}
.index .pt5 .ul1 li{box-sizing: border-box; margin-bottom:25px;background: #fff;cursor: pointer;position: relative;z-index: 1;}
.index .pt5 .ul1 li img{display: block;width: 100%;-moz-box-shadow:0px 0px 5px #ddd; -webkit-box-shadow:0px 0px 5px #ddd; box-shadow:0px 0px 5px #ddd;}
.index .pt5 .ul1 li:hover{z-index: 3;}
.index .pt5 .ul1 li:hover img{-moz-box-shadow:0px 0px 15px #999; -webkit-box-shadow:0px 0px 15px #999; box-shadow:0px 0px 15px #999;}
.index .pt5 .more{ text-align:center; margin-top:30px;} 
.index .pt5 .more a{ display:inline-block;*display:inline;zoom:1; width:148px; height:37px; line-height:37px; border:1px solid #dc000d; color:#dc000d;}
.index .pt5 .more a:hover{background-color:#dc000d; color:#fff; }
.index .pt5 .ul1 li:first-child{ visibility: visible; animation-delay: 0s; animation-name: fadeInUp;}
.index .pt5 .ul1 li:nth-child(2){visibility: visible; animation-delay: 0.1s; animation-name: fadeInUp;}
.index .pt5 .ul1 li:nth-child(3){ visibility: visible; animation-delay: 0.2s; animation-name: fadeInUp;}
.index .pt5 .ul1 li:nth-child(4){ visibility: visible; animation-delay: 0.3s; animation-name: fadeInUp;}
.index .pt5 .ul1 li:nth-child(5){ visibility: visible; animation-delay: 0.4s; animation-name: fadeInUp;}
.index .pt5 .ul1 li:nth-child(6){ visibility: visible; animation-delay: 0.5s; animation-name: fadeInUp;}
.index .pt5 .ul1 li:nth-child(7){ visibility: visible; animation-delay: 0.6s; animation-name: fadeInUp;}
.index .pt5 .ul1 li:nth-child(8){ visibility: visible; animation-delay: 0.7s; animation-name: fadeInUp;}
.index .pt5 .ul1 li:nth-child(9){ visibility: visible; animation-delay: 0.8s; animation-name: fadeInUp;}
.index .pt5 .ul1 li:nth-child(10){ visibility: visible; animation-delay: 0.9s; animation-name: fadeInUp;}
.index .pt5 .ul1 li:nth-child(11){ visibility: visible; animation-delay: 1s; animation-name: fadeInUp;}
.index .pt5 .ul1 li:nth-child(12){ visibility: visible; animation-delay: 1.1s; animation-name: fadeInUp;}
.index .pt5 .ul1 li:nth-child(13){ visibility: visible; animation-delay: 1.2s; animation-name: fadeInUp;}
.index .pt5 .ul1 li:nth-child(14){ visibility: visible; animation-delay: 1.3s; animation-name: fadeInUp;}
.index .pt5 .ul1 li:nth-child(15){ visibility: visible; animation-delay: 1.4s; animation-name: fadeInUp;}
.index .pt5 .ul1 li:nth-child(16){ visibility: visible; animation-delay: 1.5s; animation-name: fadeInUp;}
.index .pt5 .ul1 li:nth-child(17){ visibility: visible; animation-delay: 1.6s; animation-name: fadeInUp;}
.index .pt5 .ul1 li:nth-child(18){ visibility: visible; animation-delay: 1.7s; animation-name: fadeInUp;}
@media (max-width: 1024px) {
.index .pt5{padding:50px 0;}
.index .pt5 .info{ margin-bottom:20px;}
}
@media (max-width:768px){
.index .pt5{padding:40px 0;}
.index .pt5 .title{font-size:20px; margin-bottom:10px;}
}

/*客户案例结束*/