/* CSS Document */
body{padding-top:0;}
.pcMore-help{display: block;}
.phoneMore-help{display: none;}
.phone-header{display: none;}
.phonefooters{display: none;}
.btn-close,.pc-close{padding: 0 40px;line-height: 45px;color: #fff;background: #e60012;display: inline-block;border-radius: 5px;}
.animate_top {
  -webkit-animation: s1-1 0.7s ease;
  -ms-animation: s1-1 0.7s ease;
  -moz-animation: s1-1 0.7s ease;
  -o-animation: s1-1 0.7s ease;
  animation: s1-1 0.7s ease;
}
@-webkit-keyframes s1-1 {
  0% {opacity: 0;-webkit-transform: translateY(40px);}
}
@-ms-keyframes s1-1 {
  0% {opacity: 0;-ms-transform: translateY(40px);}
}
@-moz-keyframes s1-1 {
  0% {opacity: 0;-moz-transform: translateY(40px);}
}
@-o-keyframes s1-1 {
  0% {opacity: 0;-o-transform: translateY(40px);}
}
@keyframes s1-1 {
  0% {opacity: 0;transform: translateY(40px);}
}
.animate_top2 {
  -webkit-animation: s2-2 1s ease;
  -ms-animation: s2-2 1s ease;
  -moz-animation: s2-2 1s ease;
  -o-animation: s2-2 1s ease;
  animation: s2-2 1s ease;
}
@-webkit-keyframes s2-2 {
  0% {opacity: 0;-webkit-transform: translateY(-80px);}
}
@-ms-keyframes s2-2 {
  0% {opacity: 0;-ms-transform: translateY(-80px);}
}
@-moz-keyframes s2-2 {
  0% {opacity: 0;-moz-transform: translateY(-80px);}
}
@-o-keyframes s2-2 {
  0% {opacity: 0;-o-transform: translateY(-80px);}
}
@keyframes s2-2 {
  0% {opacity: 0;transform: translateY(-80px);}
}
.move-top{-webkit-transition: -webkit-transform .2s linear;transition: transform .2s linear;}
.move-top:hover{
  -webkit-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    transform: translateY(-10px);
    -webkit-transition: -webkit-transform .2s linear;
    transition: transform .3s linear;
}
.pageprev.greytxton{color: #c7c1c1;}
.shadow{box-shadow: 0 5px 10px #ccc;}
.white-background{height: 69px;}
.header {width: 100%;height: 70px;z-index: 9;background: none;position: absolute;top: 0;left:0;}
.header.down {position: fixed;top: -70px;left: 0;box-shadow: 0 0 5px #666;}
.header.up {top: -58px;left: 0;box-shadow: 0 0 5px #999;position: fixed;background: #fff;
    -webkit-transform:translateY(58px);
    -moz-transform:translateY(58px);
    -ms-transform:translateY(58px);
    -o-transform:translateY(58px);
    transform:translateY(58px);
    -webkit-transition: -webkit-transform .3s linear;
    -moz-transition: -moz-transform .3s linear;
    -ms-transition: -ms-transform .3s linear;
    -o-transition: -o-transform .3s linear;
    transition: transform .3s linear;}

.header_inner{width: 1200px;margin: 0 auto;}
.header .header_logo a{display: block;width: 300px;height: 70px;background: url(../image/logo.png) no-repeat left center;}
.nav-li{float: left;display: inline; height: 70px;}
.nav li .a{font-size: 16px;color: #333;margin-right: 30px;position:relative; line-height: 67px;height: 67px; border-bottom: 3px solid none;}
.nav li .a a{display:inline-block; color: #333;}
.nav li .a a:before,.nav li .a a:after {content: '';width: 0;height: 3px;background-color: #e60012;top: 100%;left: 50%;transition: all 0.4s;position: absolute;}
.nav li .a a:hover:before { width: 50%; left: 0px;}
.nav li .a a:hover:after { width: 50%;right: 0px;}
.nav li .a a:hover{color: #e60012;}
.nav li .a.on{left: 0px; border-bottom: 3px solid #e60012;}
.nav li .a.on a{color: #e60012;}
.sub{position: absolute; top:70px; left: 0; z-index: 9999;width: 100%;display: none;}
.sub-y{min-height: 450px; background: url(../image/sub-img.jpg) no-repeat left;box-shadow: 0 2px 15px#dddada inset;  background-size: 100% 100%;}
.sub-y-in{width: 1200px; margin: 0 auto; padding-top: 50px;}
.sub-y-left{width: 918px; float: left;}
.sub-y-left .sub-y-left-box{width: 200px; float: left; margin-right: 20px;}
.sub-nav-head{border-bottom: 1px solid #e4e4e4; line-height: 50px; color: #333; font-size: 18px;}
.sub-nav-head-img{display: inline-block; float: left; margin-top: 9px; margin-right: 9px;}
.sub-nav-1{margin-top: 30px;}
.sub-nav-a{display: inline-block; width: 100px; float: left; float: left;}
.sub-nav-b{display: inline-block; width: 150px; float: left; float: left;}
.sub-nav-c{display: inline-block; width: 50px; float: left; float: left;}
.sub-nav-a a,.sub-nav-b a,.sub-nav-c a{display: block; margin-bottom: 20px; color: #595959;}
.sub-nav-a a:hover,.sub-nav-b a:hover,.sub-nav-c a:hover,.sub-y-right-div a:hover,.sub-f a:hover{color:#e42020;}
.sub-y-right{width: 282px; float: left; background: #f8f8f8;padding: 50px 0; height: 200px;}
.sub-y-right-div{line-height: 30px; padding-left: 50px;}
.sub-y-right-div span{display: inline-block; color: #333; padding: 0 10px;}
.sub-f{position: absolute;display: none;top: 70px;left: 0; width: 100%;} 
.sub-f ul{ width: 170px; margin-left: 650px;padding-top: 10px; background: url(/industries/assets/images/sub-bg.png) repeat-x #fff;}
.sub-f li{display: block; text-align: center; width: 100%;}
.sub-f li a{color: #595959; line-height: 40px;}
.sub-r{padding: 50px; background: url(../image/sub-bg.jpg) no-repeat left; background-size: 100% 100%;box-shadow: 0 2px 15px#ccc9c9 inset; }
.sub-r ul{margin-left: -40px;}
.sub-r li{background: url(../image/sub-bg2.jpg) no-repeat left; width: 385px; height: 210px; text-align: center;float: left; margin-right: 20px;}
.sub-r li.on{background: url(../image/sub-bg1.jpg) no-repeat left;}
.sub-r li:hover{background: url(../image/sub-bg1.jpg) no-repeat left;}
.sub-r li div{padding-top: 44px;}
.sub-r li h3{font-size: 20px; line-height: 40px; color: #333;}
.sub-r li p{font-size: 16px; color: #9f9f9f;}
.sub-r li.on div,.sub-r li.on h3,.sub-r li.on p{color: #e60012;}
.sub-a{padding: 50px; background: url(../image/sub-bg.jpg) no-repeat left; background-size: 100% 100%;box-shadow: 0 2px 15px#dddada inset; }
.sub-a-left{float: left; width: 900px; padding-left: 20px; padding-top: 30px; color: #333;}
.sub-a-left a:hover{color: #e60012;}
.sub-a-left a{display: inline-block; float: left; width: 163px; line-height: 40px;}
.sub-a-right{float: left; width: 279px;}
.header-box{width: 330px; display: inline; margin-left: 20px;position: absolute; right: 0;}
.seach{display: inline-block; float: left;background: url(../image/seach.png) no-repeat center center;cursor: pointer; width: 40px; height: 70px; margin-right: 26px;}
.seach:hover{background: url(../image/seach2.png) no-repeat center center;}
.login{line-height: 70px; font-size: 16px; margin-right: 25px;}
.show-how{border-radius: 7px; display: inline-block; cursor: pointer; color: #fff; line-height: 35px; height: 35px; width: 100px; text-align: center; background: #e60012;}
.show-how:hover{background: #cc0817;}
.seach-box{padding: 50px;background: url(../image/sub-bg3.jpg) no-repeat left; background-size: 100% 100%;}
.seach-box-in{width: 982px; margin: 0 auto; position: relative;}
.seach-box-in h3{font-size: 20px; line-height: 50px;margin-bottom: 15px;}
.seach-con-left{float: left; line-height: 48px; border: 1px solid #dedede; border-right: none; text-indent: 14px; width: 839px;}
.seach-img{background: url(../image/seach1.png) no-repeat center center #e60315; width: 60px; height: 50px; display: inline-block;}
.seach-img:hover{background: url(../image/seach1.png) no-repeat center center #cc0817; width: 60px; height: 50px;}
.close{position: absolute; right: 0; top: 0; display: inline-block; width: 21px; height: 21px;background: url(../image/close.png) no-repeat center center; cursor: pointer;}

.swiper-container {width: 100%;height: 100%;}
.swiper-slide {
    /* Center slide text vertically */
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
  }



.footer{min-height: 400px;}
.footer-head{width: 100%; overflow: hidden; border-bottom: 1px solid #efefef;}
.footer-head li{float: left; width: 300px; margin: 40px 0;}
.icon{margin-right: 10px; margin-left: 80px; padding-left: 60px; height: 55px; padding-top: 5px;}
.icon1{background: url(../image/icon11.png) no-repeat left center;}
.icon2{background: url(../image/icon21.png) no-repeat left center;}
.icon3{background: url(../image/icon31.png) no-repeat left center;}
.icon4{background: url(../image/icon41.png) no-repeat left center;}

.icon h4{font-size: 20px; color: #333;}
.icon p{font-size: 16px; color: #6f6f6f;}
.footer-con{padding: 50px 0; width: 1200px; height: 160px;}
.footer-con-left{width: 321px; border-right: 1px solid #efefef; margin-right: 35px; float: left; height: 160px;}
.footer-con-left p{color: #6f6f6f; margin-top: 10px;}
.footer-con-right{float: left;width: 822px; height: 160px;}
.footer-con-right-box1{width: 190px;}
.footer-con-right-box2{width: 180px;}
.footer-con-right-box3{width: 170px;}
.footer-con-right-box4{width: 135px;}
.footer-con-right-box4{width: 140px;}
.footer-con-right h4{font-size: 18px; margin-bottom: 20px; color: #333;} 
.footer-con-right a{color:#6f6f6f;line-height: 30px;}
.footer-con-right a:hover{color: #e60012;}
.footer-head li:hover h4{color: #e60012;}
.footer-head li:hover p{color: #000;}
.footer-head li:hover .icon1{background: url(../image/icon11.jpg) no-repeat left center;}
.footer-head li:hover .icon2{background: url(../image/icon22.jpg) no-repeat left center;}
.footer-head li:hover .icon3{background: url(../image/icon33.jpg) no-repeat left center;}
.footer-head li:hover .icon4{background: url(../image/icon44.jpg) no-repeat left center;}
.footer-bottom{color: #6f6f6f; font-size: 16px; background: #f8f8f8; line-height: 80px; text-align: center;}