html{background:#FFF;color:#000;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,form,input,textarea,p{margin:0;padding:0;}img{border:0;}ol,ul{list-style:none;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:text-top;}sub{vertical-align:text-bottom;}input,textarea,select{font-weight:inherit;font-size:inherit;font-family:inherit;}input,textarea,select{*font-size:100%;}legend{color:#000;}a{color:inherit;text-decoration:none;}
/*******CSS reset*************/
body{position:relative;z-index:-2;color:#444;overflow-x: hidden; font-size:14px;font-family:'Microsoft YaHei',SimHei,SimYou,SimSun,Arial;}
.left{float:left;}
.right{float:right;}
.clear{clear:both;}
.center{text-align: center;}
.relative{position:relative;}
.absolute{position:absolute;}
.rel_center{position:relative;left:50%;}
.hidden{display:none;}
.block{display:block;}
a{text-decoration: none !important;transition:.4s;}
a:hover{color: #ff7f01;}
@font-face {font-family:bah;src: url('../Css/bahnschrift.ttf');}
@font-face {font-family:coo;src: url('../Css/coolvetica.ttf');}
/*修改滚动条*/
::-webkit-scrollbar{width:6px;height:6px ;}
::-webkit-scrollbar-track{box-shadow: inset 0 0 6px transparent;background: #f8f8f8;border-radius: 6px;}
::-webkit-scrollbar-thumb{border-radius: 6px;background: #bbb;}
.font-12{font-size: 12px;line-height: 25px;}
.font-15{font-size: 15px;line-height: 30px;}
.font-16{font-size: 16px;line-height: 30px;}
.font-18{font-size: 18px;line-height: 35px;}
.font-20{font-size: 20px;line-height: 35px;}
.font-22{font-size: 22px;line-height: 40px;}
.font-24{font-size: 24px;line-height: 40px;}
.font-26{font-size: 26px;line-height: 45px;}
.font-30{font-size: 30px;line-height: 45px;}
.font-32{font-size: 32px;line-height: 50px;}
.font-34{font-size: 34px;line-height: 50px;}
.font-36{font-size: 36px;line-height: 50px;}
.font-44{font-size: 44px;line-height: 60px;}
#viewer #toolbar{display: none;}
/*top*/
.header-menu{position: relative; top:0;width: 100%;z-index: 23;transition:.4s;visibility:visible !important;}
.header-logo a{float: left; display: block;}
.header-logo img{max-width: 100%;transform: translate(0px, 0px) !important;filter: brightness(1) invert(1);}
.menu li{position: relative; text-align: center;}
.menu li .menu-hover{display: block;padding:2.35rem 0;font-size: 15px;transition:.4s;  }
.menu li .menu-hover:hover {background: #ff7f01;color: #fff;transition:.4s;}
.menu li.curr { transition: all 0.3s ease 0s; }
.menu li.curr .submenu{opacity: 1; }
.menu li .submenu{position:fixed;z-index: 8;top:98px;left:0; width:100%;height:0;overflow: hidden;
    opacity:0; text-align: center;background:url(../Image/nav-about-background.jpg) center center no-repeat fixed #f5f5f5;transition: all 0.3s ease 0s; }
.menu li .submenu .left{float: left;width: 50%;}
.menu li .submenu .left strong{display: block;font-size: 32px;color: #fff;line-height: 50px;}
.menu li .submenu .left p{color: rgba(255,255,255,.4);}
.menu li .submenu .right{float: right;width:50%;text-align: left;padding: 5rem 0;}
.menu li .submenu .right b{display: block;font-size: 48px;color:rgba(255,127,1,.1);line-height: 45px;text-transform: uppercase;}
.menu li .submenu .right strong{display: block;font-size: 26px;line-height: 40px;margin-top: -40px;}
.menu li .submenu .right span{display: block;line-height: 40px;color: #777;font-size: 18px;font-weight: 100;}
.menu li .submenu .right p a{display: block;float: left;width: 16%;line-height: 35px;height: 35px;overflow: hidden;transition:.4s;position: relative;padding-left: .75rem;}
.menu li .submenu .right p a::before{content: "";position: absolute;top:30%; width: 1px;height: 15px;left:0;background: #ddd;transition:.4s;}
.menu li .submenu .right p a:hover{color: #ff7f01;}
.menu li .submenu .right p a:hover::before{background: #ff7f01;}
.menu li .submenu .right p a:hover i{color: #ff7f01;}
.menu li .submenu .right p a i{color: #999;transition:.4s;}
.top-mobile{height: auto;overflow: hidden;font-size: 22px;font-family: fantasy;color: #ff7f01}
.top-mobile i{font-size:24px;}
.mobile-menu{text-align: right;}
.mobile-menu .toolbar{position: relative;}
.mobile-menu .flex-control-nav{background: #ddd;float: left;width: 3%;}
.mobile-menu .code{-moz-border-radius:.3em;-webkit-border-radius:.3em;border-radius:.3em;color:#000;font-family:'Fira mono', 'Courier New', Courier, monospace;font-size:85%;letter-spacing:.05em;padding:1em;}
.mobile-menu .aligncontent-center {text-align: center;}
.mobile-menu .main-header {text-align: center;font-weight:300;font-size: 90%;}
.mobile-menu .menu-button {position: absolute;margin: 5px;height: 36px;width: 36px;right: 0px;top: -25px;}
.mobile-menu .menu-left {float: right;}
.mobile-menu .sidebar{display: none;width: 100%;height: 2000%;margin: 0;left:0; position: fixed;top: 0;z-index: 9999;}
.mobile-menu .menu-button i{font-size: 24px;}
.mobile-menu .sidebar > .bg-cover{display: block;position: absolute;top: 0;left: 0;z-index: -1;width: 100%;height: 2000%;background: rgba(0,0,0,.5);}
.mobile-menu .sidebar nav{float: left;width: 260px;height: 100%;margin-left: -260px;color: white;background:rgba(255,255,255,0.9);}
.mobile-menu .sidebar ul span{display: block;text-align: center;line-height: 55px;background: #425984;margin-bottom: 2rem;}
.mobile-menu .sidebar li a{display: block;line-height: 50px;text-align: center;color: #ddd;margin-bottom: 1rem;border-bottom: 1px solid #ddd;}
.mobile-menu .sidebar li em{padding: 1.5rem; background: #425984;width: 30px;height: 30px;border-radius: 5px;}
.mobile-menu .sidebar li p{color: #444;}
.mobile-menu .sidebar li i{color: #fff;font-size: 26px;}
.menu-tip{height: auto;overflow: hidden;}
.menu-tip a{float: left;width: 30%;text-align: center;font-weight: 400;transition:.4s;}
.menu-tip a p{color: #777;line-height: 30px;}
.menu-tip a:hover {color: #1c4f9a;}
/*banner*/
.banner {position: relative;height: auto !important;z-index: 1;top:0;}
.banner .swiper-container{height: auto;overflow: hidden;}
.banner .swiper-wrapper{height: auto !important;}
.banner .swiper-slide {position: relative;height: auto !important;}
.banner .swiper-slide img{ width: 100%; height: auto;}
.banner .swiper-pagination {position: absolute;font-size:0;left:30%!important ;height: 10px;text-align: center;bottom: 8% !important;width: 100%;z-index: 9999;}
.banner .swiper-pagination-bullet{background: #cbccd0;transition:.4s;}
.banner .swiper-pagination-bullet-active{width:10px;height: 10px;border-radius: 10px;background: #fff;}
/*.index-product*/
.index-product-img{height: auto;overflow: hidden;background: url(../Image/index-productbg.jpg) top center no-repeat;}
.index-product-img .container{position: relative;}
.index-product-img .index-title{position: absolute;left:0;top:0;}
.index-title .index-title-left strong{display: block;font-size: 36px;line-height: 50px; font-family:coo;text-transform: uppercase;color: #ff7f01;letter-spacing: 2px; }
.index-title .index-title-left strong b{font-size: 54px;}
.index-title .index-title-left span{display: block;font-size: 36px;font-weight: bold;padding-left: 1rem;position: relative;z-index: 5;}
.index-title .index-title-left span::before{position: absolute;content: "";left:0;bottom: 45%;height: 3px;width: 13px;background: #ff7f01}
.index-title .index-title-left span::after{position: absolute;content: "";left:150px;bottom: 0;height: 20px;width: 20px;background: #ff7f01;border-radius: 60px;z-index:-1;}
.index-title .index-title-right a{position: relative;background: #ff7f01;width: 150px;float: right;line-height: 40px;color: #fff;border-radius: 60px;transition:.4s;}
.index-title .index-title-right a::before{position: absolute;content: "";width: 0px;height: 1px;left:10px;bottom: 20px;background: #fff;transition:.4s;}
.index-title .index-title-right a:hover{background: #425984;padding-left: 2rem !important}
.index-title .index-title-right a:hover::before{width: 15px;}
.index-title .index-title-right a:hover span::before{width: 0px;}
.index-title .index-title-right span{position: relative;display: block;}
.index-title .index-title-right span i{position: relative;transform:rotate(180deg);display: block;}
.index-title .index-title-right span::before{position: absolute;content: "";width: 20px;height: 1px;right:10px;bottom: 20px;background: #fff;transition:.4s;}
.index-product{height: auto;overflow: hidden;}
.index-product .gallery-thumbs {width: 60%;float: right; height: auto;overflow: hidden;font-size:18px;line-height: 50px;}
.index-product .gallery-thumbs .swiper-slide{position: relative;display: block;text-align: center;}
.index-product .gallery-thumbs .swiper-slide:hover::before{width: 100%;}
.index-product .gallery-thumbs .swiper-slide::before{position: absolute;content: "";left:0;height: 2px;bottom: 0;width: 0px;background: #ff7f01;transition:.4s;}
.index-product .gallery-thumbs .swiper-slide-thumb-active::before{width: 100%;}
.index-pc{background: #fff;margin-top: 7rem;}
.index-pc-img a{display: block;position: relative;}
.index-pc-img i{position: absolute;z-index: 3;right:0;top:10%; display: block;width: 143px;height: 50px;background: url(../Image/index-pc-img.png) top center no-repeat;}
.index-pc-img img{width: 100%;}
.index-plc .row{border: 1px solid #e6e6e6;}
.index-plc li{border-right: 1px solid #e6e6e6;margin:0 !important;text-align: center;}
.index-plc li:nth-of-type(3n+0){border-right:none ;}
.index-plc li a{display: block;transition:.4s;}
.index-plc li img{display: block;max-width: 100%;}
.index-plc li strong{display: block;line-height: 50px;white-space: nowrap; text-overflow:ellipsis; overflow: hidden;}
.index-plc li span{color: #999;}
.index-plc li a:hover img{transform: scale(1.03)}
.index-plc li a:hover p{background: rgba(0,0,0,.6);opacity: 1;}
.index-plc-more{display: block;width: 100%;height: 0;padding-bottom: 75%;position: relative;overflow: hidden;}
.index-plc-more p{position: absolute;z-index: 2;background: rgba(0,0,0,.6);text-align: center;width: 100%;height: 100%;color: #fff;padding-top: 28%;transition:.4s;opacity: 0;}
.index-plc-more p i{font-size: 42px;}
.index-plc-more p em{display: block;line-height: 35px;font-style: normal;}
.index-plc-more img{display: block;max-width: 100%;transition: all .5s ease 0s;}
.index-product-adv{position: relative;z-index: 2;left:0;top:40%;width: 100%;border-top: 1px dashed #ddd;}
.index-product-adv em{display: block;width: 58px;line-height: 45px;padding-top: .5rem;position: relative; background: #425984;border-radius: 60px;text-align: center;color: #fff;margin:0 auto;
    -webkit-transition: -webkit-transform ease-out 0.1s, background 0.2s;
    -moz-transition: -moz-transform ease-out 0.1s, background 0.2s;
    transition: transform ease-out 0.1s, background 0.2s;transition:.4s;
}
.index-product-adv em i{font-size: 24px;}
.index-product-adv span{display: block;line-height: 40px;margin-top: .5rem;}
.index-product-adv strong{display: block;}
.index-product-adv li{text-align: center;}
.index-product-mobile{border-top: 1px dashed #ddd;}
.index-product-mobile i{color: #ff7f01;}
.index-product-mobile strong{display: block;color: #ff7f01;font-family: impact}
.index-product-adv em:after{position: absolute;content: "";display: block;width: 60px;height: 60px;border-radius: 60px; 
    top: -1px;
    left: -1px;
    z-index: -1;
    box-shadow: 0 0 0 2px rgba(0,84,168,0.1);
    opacity: 0;
    -webkit-transform: scale(0.9);
    -moz-transform: scale(0.9);
    -ms-transform: scale(0.9);
    transform: scale(0.9);
    -webkit-animation: sonarEffect 1.3s ease-out 75ms infinite;
    -moz-animation: sonarEffect 1.3s ease-out 75ms infinite;
    animation: sonarEffect 1.3s ease-out 75ms infinite;
}

@-webkit-keyframes sonarEffect {
    0% {
        opacity: 0.3;
        background: rgba(0,84,168,1);
    }
    40% {
        opacity: 0.5;
        background: rgba(0,84,168,1);
        box-shadow: 0 0 0 2px rgba(0,84,168,0.1), 0 0 10px 10px #425984, 0 0 0 10px rgba(0,84,168,0.5);
    }
    100% {
        box-shadow: 0 0 0 2px rgba(0,84,168,0.1), 0 0 10px 10px #425984, 0 0 0 10px rgba(0,84,168,0.5);
        -webkit-transform: scale(1.2);
        background: rgba(0,84,168,1);
        opacity: 0;
    }
}
@-moz-keyframes sonarEffect {
    0% {
        opacity: 0.3;
    }
    40% {
        opacity: 0.5;
        box-shadow: 0 0 0 2px rgba(0,84,168,0.1), 0 0 10px 10px #425984, 0 0 0 10px rgba(0,84,168,0.5);
    }
    100% {
        box-shadow: 0 0 0 2px rgba(0,84,168,0.1), 0 0 10px 10px #425984, 0 0 0 10px rgba(0,84,168,0.5);
        -moz-transform: scale(1.2);
        opacity: 0;
    }
}
@keyframes sonarEffect {
    0% {
        opacity: 0.3;
    }
    40% {
        opacity: 0.5;
        box-shadow: 0 0 0 2px rgba(0,84,168,0.1), 0 0 10px 10px #425984, 0 0 0 10px rgba(0,84,168,0.5);
    }
    100% {
        box-shadow: 0 0 0 2px rgba(0,84,168,0.1), 0 0 10px 10px #425984, 0 0 0 10px rgba(0,84,168,0.5);
        transform: scale(1.2);
        opacity: 0;
    }
}



/*index-about*/
.index-about{height: auto;overflow: hidden;background: url(../Image/index-about-background.jpg) center center no-repeat fixed;color: #fff;}
.index-about-left span {position: relative; display: block;width: 60px;height: 60px;border-radius: 100px;background: #fff;text-align: center;}
.index-about-left span::before {position: absolute;content: "";left:-5px;bottom: -5px;border: 1px dashed #fff;width: 70px;height: 70px;border-radius: 100px;}
.index-about-left span i{font-size: 32px;color:#ff7f01;}
.index-about-left p{font-weight: normal;}
.index-about-right a{position: relative;background: #ff7f01;width: 150px;float: right;line-height: 40px;color: #fff;border-radius: 60px;transition:.4s;}
.index-about-right a::before{position: absolute;content: "";width: 0px;height: 1px;left:10px;bottom: 20px;background: #fff;transition:.4s;}
.index-about-right a:hover{background: #00132c;padding-left: 2rem !important}
.index-about-right a:hover::before{width: 15px;}
.index-about-right a:hover span::before{width: 0px;}
.index-about-right span{position: relative;display: block;}
.index-about-right span i{position: relative;transform:rotate(180deg);display: block;}
.index-about-right span::before{position: absolute;content: "";width: 20px;height: 1px;right:10px;bottom: 20px;background: #fff;transition:.4s;}
.index-title-ul{font-size:18px;line-height: 50px;border-bottom: 2px solid #f0f0f0;}
.index-title-ul li a{position: relative;display: block;text-align: center;}
.index-title-ul li a:hover::before{width: 100%;}
.index-title-ul li a::before{position: absolute;content: "";left:0;height: 2px;bottom: 0;width: 0px;background: #ff7f01;transition:.4s;}
.index-about-content .row{position: relative;}
.index-about-content p{text-indent: 2em;}
.index-about-content li{position: relative;text-align: center;}
/*.index-about-content li::after{position:absolute;content: "";left:77%;width: 100px;height: 1px;background: #fff;bottom: 66%;}
.index-about-content li:last-child::after{width: 0px;}*/
.index-about-content li span{display: block;line-height: 45px;font-size: 16px;}
.index-about-content li i{position: absolute;z-index: 6;left:39%;top:8px;font-size: 46px;color: #ff7f01}
.hexagon {position: relative;z-index: 1;margin:0 auto;
  width: 80px;
  height: 90px; /* 100px * sqrt(3) / 2 */
  background-color: #fff;
  clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);
}
.index-about img{max-width: 100%;}
.index-line{ width: 115px; height: 10px;position: absolute; top: 30px;}
.index-line span{display: block;border-top: 1px solid #d8d8d8;width: 100%;position: relative;top:75%;}
.index-line:before{ animation: fwzcline1 3s infinite; position: absolute; top: 50%; left: 0px;z-index: 3;content: ''; width: 7px; height: 7px; background: #ff7f01; border-radius: 50%; }
.index-line:after{ animation: fwzcline2 3s infinite; position: absolute; top: 50%; right: 0px;z-index: 3;content: ''; width: 7px; height: 7px; background: #ff7f01; border-radius: 50%; }
.index-linea{margin-left: 18.4%;}
.index-lineb{margin-left: 43.4%;}
.index-linec{margin-left: 68.4%;}
@keyframes mfwzcline1 {
    0% {
       top: 0px;
    }
    50% {
       top: 50%;
    }
    100% {
       top: 100%;
    }
}
@keyframes mfwzcline2 {
    0% {
       bottom: 0px; 
    }
    50% {
       bottom: 50%;
    }
    100% {
       bottom:100%;
    }
}
@keyframes fwzcline1 {
    0% {
       left: 0px;
    }
    50% {
       left: 50%;
    }
    100% {
       left: 100%;
    }
}
@keyframes fwzcline2 {
    0% {
       right: 0px; 
    }
    50% {
       right: 50%;
    }
    100% {
       right:100%;
    }
} 
/*index-advantage*/
.index-advantage li{height: auto;overflow: hidden;}
.index-advantage li:hover .index-adv-action{opacity: 1;filter:alpha(opacity=100);margin-top: 3rem;}
.index-advantage li:hover .index-adv-top{background: linear-gradient(to top, rgba(0,57,161,0) 30%,rgba(0,57,161,0.5)50%, rgba(0,0,0,0.6)70%,rgba(0,0,0,0.8)90%);}
.index-advantage li:hover .index-adv-bottom img{transform: scale(1)}
.index-advantage li:hover .index-adv-top b{border-radius: 0px 100px 100px 0;}
.index-adv{position: relative;height: auto;overflow: hidden;}
.index-adv-bottom {height: auto;overflow: hidden;}
.index-adv-bottom img{transition: all 0.5s;transform: scale(1.07); width: 100%; height: 100%; object-fit: cover;}
.index-adv-top{position: absolute;bottom: 0;background: linear-gradient(to top, rgba(0,57,161,0) 20%,rgba(0,57,161,0.5)40%, rgba(0,0,0,0.6)60%,rgba(0,0,0,0.8)100%);
  width: 100%;height: 100%;padding-top: 100%;color: #fff;transition:.4s;}
.index-adv-top b{display: block;background: #ff7f01; width: 60px;height: 60px;border-radius: 100px;text-align: center;padding-top: .5rem;font-weight: normal;transition:.4s;}
.index-adv-top b i{font-size: 32px;}
.index-adv-action{opacity: 0;filter:alpha(opacity=0);margin-top: 6rem;transition:.4s;}
.index-adv-top p{line-height: 30px;text-transform: uppercase;}
.index-adv-action a{ position: relative;background: #ff7f01;width: 150px;line-height: 40px;color: #fff;border-radius: 60px;transition:.4s;}
.index-adv-action a::before{position: absolute;content: "";width: 0px;height: 1px;left:10px;bottom: 20px;background: #fff;transition:.4s;}
.index-adv-action a:hover{background: #00132c;padding-left: 2rem !important}
.index-adv-action a:hover::before{width: 15px;}
.index-adv-action a:hover span::before{width: 0px;}
.index-adv-action span{position: relative;display: block;}
.index-adv-action span i{position: relative;transform:rotate(180deg);display: block;}
.index-adv-action span::before{position: absolute;content: "";width: 20px;height: 1px;right:10px;bottom: 20px;background: #fff;transition:.4s;}
/*index-case*/
.index-case{height: auto;overflow: hidden;background: #f4f6fa;}
.index-case-content{ position: relative; overflow: hidden;}
.index-case-content .case-img{ position: relative; width: 100%; height: 0; padding-bottom: 75%; overflow: hidden;}
.index-case-content .case-img1{ padding-bottom: 36.5% !important;}
.index-case-content .case-img:after{ position: absolute; content: ""; background: url(../Image/hover_bj.jpg) repeat top center rgba(200,15,35,0.9); left: 0; top: 0; right: 0; bottom: 0; width: 90%; height: 90%; margin:auto; transform: scale(0); transition: transform 0.5s; z-index: 99;}
.index-case-content:before{ position: absolute; content: ""; left: 0; bottom:0; top:0; background: rgba(0,0,0,0.5); width: 100%; height: 100%; z-index: 2; transform: scale(1.05); opacity: 0; transition: all 0.5s;}
.index-case-content:hover:before{  transform: scale(1); opacity: 1 }
.index-case-content .case-hover{position: absolute; display: block; height: 100%; font-family: Arial; font-size: 70px; color: #fff;left: 0; top: 0; right: 0; bottom: 0; margin: auto; z-index: 999; text-align: center; transform: translateY(-10%); transition: all 0.5s; opacity: 0}
.index-case-content  .case-hover i {font-size: 24px;}
.index-case-content:hover .case-img:after{  transform: scale(1)}
.index-case-content  .case-hover p{ font-size:18px; color: #fff;}
.case-font{position: absolute;z-index: 2;left:0;bottom: 0;width: 100%;transition:.4s;}
.cese-fontl{color: #fff;font-size: 18px;}
.cese-fontl em{padding:0px 4px;background: #ff7f01;border-radius: 40px;}
.cese-fontl i{color: #fff;}
.index-case-content:hover .case-font{opacity: 0;filter:alpha(opacity=0);}
.index-case-content:hover .case-hover{transform: translateY(0%); opacity: 1}
.index-case-content .case-img img{ transition: all 0.5s;transform: scale(1.05); width: 100%; height: 100%; object-fit: cover; left: 0; position: absolute;}
.index-case-content:hover .case-img img{ transform: scale(1)}
.index-case-content a>div:nth-last-of-type(1) span{ font-size: 18px; color: #333;}
/*.index-news*/
.index-news{height: auto;overflow: hidden;}
.index-news-content{position: relative;}
.index-news-content:before{ position: absolute; left: -50%; top: 0; content: ''; width: 200%; height: 1px; background: #efefef;}
.index-news-content .swiper {width: 100%;height: 100%;overflow: hidden;}
.index-news-content .swiper-slide {text-align: left;transition:0.3s;border-left: 1px solid #efefef;position: relative;
/* Center slide text vertically */flex-direction: column;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;
}
.index-news-content .swiper-slide strong { display: block; margin: 2% 0; color: #000; font-size: 18px; font-weight: bold; white-space: nowrap; overflow: hidden;text-overflow: ellipsis; transition: 0.38s;}
.index-news-content .swiper-slide p { color: #898989; font-size: 14px; line-height: 2.2; display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;}
.index-news-content .swiper-slide i{line-height: 23px;padding: 6px 7px; text-align: center;border: 1px solid #d0d0d0; border-radius: 100%; transition: 0.3s;}
.index-news-content .swiper-slide .pic{ display: block; width: 95%; height: 0; padding-bottom: 71%;position: relative; overflow: hidden;}
.index-news-content .swiper-slide .pic img{width: 100%; height: 100%; object-fit: cover; left: 0; position: absolute; transition: 0.3s;}
.index-news-content .swiper-slide .time { color: #666666; font-size: 14px; font-family: Arial;}
.index-news-content .swiper-slide .time span{ color: #282828; font-size: 24px; font-weight: bold;}
.index-news-content .swiper-slide:hover .time,.index-news-content .swiper-slide a:hover .time span { color: #f04c15;}
.index-news-content .swiper-slide:hover strong { color: #f04c15;}
.index-news-content .swiper-slide:hover i{ color: #fff;background:#ff7f01;border: 1px solid #ff7f01;  /*background-image: linear-gradient(to right, #c70602, #ff8b2d); border: 1px solid #ff8b2d;*/}
.index-news-content .swiper-slide:hover .pic img{ transform: scale(1.1);}
/*footer*/
.footer{height: auto;overflow: hidden;background:#00132c;color: #9b9b9b;border-top: 6px solid #ff7f01;}
.footer img{width: 120px;border: 6px solid rgba(255, 255, 255, 0.4);}
.footer span{display: block;}
.footer li{float: left;width: 50%; line-height:35px;}
.footer li a{display: block;transition:.4s;}
.footer li a:hover{color: #fff;}
.footer-title{position: relative;text-transform: uppercase;}
.footer-title::before{position: absolute;content: "";width: 110%;left: 0;bottom: 0;height: 1px;background: #2d2f32}
.footer-title i{color:#ff7f01; }
.footer-title strong{font-size: 18px;color: #fff; }
.footer-contact {line-height: 35px;}
.footer-contact span{display: block;font-family: fantasy;}
.footer .center span{display: block;line-height: 45px;}
.footer-Copyright{line-height:100px;background: #00132c;color: #9b9b9b;border-top: 1px solid #2d2f32;text-align: center;}

.Side-panel{ position: fixed;  bottom: 20vh;right:1px;z-index:889;}
.Side-panel p{font-size:12px;}
.Side-panel ul li{ width:60px; height:60px; text-align: center;border-top: 1px solid rgba(0,0,0,.4); position: relative;background:rgba(0,0,0,.7); color: #fff; cursor: pointer; transition: background-color .2s linear 0s;perspective:1000;transform-style:preserve-3d;}
.Side-panel ul li a{ color: #fff;}
.Side-panel ul li .con{ position: relative; line-height:25px;padding-top: 5px;}
.Side-panel ul li .con i{font-size: 30px ;color: #fff ;}
.Side-panel ul li .hover_con{ position: absolute;  left:-200px;left:-100px;    width: 100px;   color: #ffffff;text-align: center;background-color: #425984;height:60px; line-height:60px; bottom:0; transform:rotateX(-90deg); transition: all .2s linear 0s; }
.Side-panel ul li .hover_con img{ width:100px;}
.Side-panel ul li.qrcode .hover_con{ height: 137px;padding: 10px;width: 130px;left: -130px;}
.Side-panel ul li.qrcode .hover_con p{ color: #fff; line-height:24px;font-size:12px;}
.Side-panel li:hover{background-color: #425984;}
.Side-panel li:hover .hover_con{left:-110px; transform:rotateY(0deg);}
.Side-panel li .hover_con:before{width: 0px;height: 0px;border: 8px solid transparent;border-left: 8px solid #425984; display: block; content: '';position: absolute; top: 12px;right: -16px; transition: top .2s linear ; transition-delay: .1s; }
.Side-panel li.qrcode:hover .hover_con{  bottom: -60px;}
.Side-panel li.qrcode:hover .hover_con:before{top: 48px;}
/*public-baner*/
.inside-page{color: #fff;padding-top:26rem;text-align: right;}
.inside-page span{line-height: 70px;height: 70px;}
.inside-company{background: url(../Image/company-banner.jpg) center top no-repeat fixed;}
.inside-contact{background: url(../Image/contact-banner.jpg) center top no-repeat fixed;}
.inside-news{background: url(../Image/news-banner.jpg) center top no-repeat fixed;}
.inside-product{background: url(../Image/product-banner.jpg) center top no-repeat fixed;}
.inside-case{background: url(../Image/case-banner.jpg) center top no-repeat fixed;}
.inside-qysl{background: url(../Image/qysl-banner.jpg) center top no-repeat fixed;}
.pub-img{display: block;width: 100%;height: 0;padding-bottom: 70%;position: relative;overflow: hidden;}
.pub-img img{display: block;width: 100%;transition:all 0.6s ease 0s;}
.pub-img:hover img{transform: scale(1.05);}
/*about*/
.about-profile{height: auto;overflow: hidden;background: url(../Image/about-profile.jpg) center bottom no-repeat;}
.about-profile-font img{max-width: 100%;}
.profile-font-a strong{display: block;font-family: bah}
.profile-font-a strong b{color:#ff7f01;}
.profile-font-a p{line-height: 30px;}
.profile-font-b strong{font-size: 54px;font-family: bah}
.profile-font-b em{padding: 2px 4px;background: #ff7f01;color: #fff;border-radius: 50px;font-style: normal;}
.profile-font-b p{line-height: 40px;color: #898989;}
.about-culture{height: auto;overflow: hidden;background: url(../Image/culture-a.jpg) center  no-repeat fixed;}
.culture-a{margin: 5rem 0;color: #fff;}
.culture-a span{display: block;font-size: 20px;line-height: 35px;text-transform: uppercase;}
.culture-a p{font-size: 30px;line-height: 50px;}
.culture-b{position: relative;}
.culture-b img{display: block;max-width: 100%;}
.culture-c{position: absolute;left:3rem;bottom: 3rem;color: #fff;}
.culture-c i{font-size: 36px;}
.culture-c span{display: block;font-size: 18px;line-height: 35px;text-transform: uppercase;}
.culture-c p{font-size: 22px;line-height: 50px;}
.about-honor{height: auto;overflow: hidden;background: #f7f7fc;}
.honor-a {position: relative;}
.honor-a .swiper{padding-bottom: 3rem;}
.honor-a .swiper-slide a{display: block;position: relative;}
.honor-a .swiper-slide img{display: block;width: 100%;transition:all 0.6s ease 0s;}
.honor-a .swiper-slide strong{position: relative; display: block;text-align: center;font-size: 18px;line-height: 60px;}
.honor-a .swiper-slide strong::before{position: absolute;content: "";background: #ff7f01;height: 1px;width: 0; top:49%;left:0;transition:.4s}
.honor-a .swiper-slide:hover {transition: all linear 0.3s;}
.honor-a .swiper-slide:hover img{transform: scale(1.05);}
.honor-a .swiper-slide:hover strong::before{width: 30%;}
.honor-a .swiper-slide:hover .about-honor-a::before{background: rgba(0,0,0,.4)}
.about-honor-a{display: block;width: 100%;height: 0;padding-bottom: 66%;position: relative;overflow: hidden;border-radius: 15px;}
.about-honor-a::before{position: absolute;content: "";z-index: 4; left:0;top:0;width: 100%;height: 100%;background: rgba(0,0,0,0);transition:.4s}
.honor-a .swiper-slide:hover img{transform: scale(1.04, 1.04)}
.honor-a .swiper-button-prev{top:50%;left:-4%;;width: 35px;background: #e9e9e9;height: 35px;border-radius: 40px;border: 1px solid #e0e0e0;transition:.4s}
.honor-a .swiper-button-prev:hover{background: #ff7f01;}
.honor-a .swiper-button-prev:hover i{color: #fff;}
.honor-a .swiper-button-prev i{color:#a0a0a0;transition:.4s;}
.honor-a .swiper-button-next{top:50%;right:-4%;;width: 35px;background:#e9e9e9;height: 35px;border-radius: 40px;border: 1px solid #e0e0e0;transition:.4s}
.honor-a .swiper-button-next:hover{background: #ff7f01;}
.honor-a .swiper-button-next:hover i{color: #fff;}
.honor-a .swiper-button-next i{color:#a0a0a0;transition:.4s;}
.honor-a .swiper-button-next:after, .honor-a .swiper-button-prev:after{display: none;}
.honor-a .swiper-scrollbar-drag {background:#c31f2a;}
.honor-a .swiper-container-horizontal>.swiper-scrollbar{left:0;}
.honor-a .swiper-pagination-progressbar{top:99% !important;}
.honor-a .swiper-pagination-progressbar{background: #ececee;}
.honor-a .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background: #ff7f01;}
.about-strength .swiper-slide a{display: block;height: auto;overflow: hidden;position: relative;border-radius: 15px;}
.about-strength .swiper-slide a:hover .str-hover{opacity: 1;filter:alpha(opacity=100);}
.about-strength .swiper-slide img{display: block;width: 100%;transition:all 0.6s ease 0s;}
.about-strength .swiper-button-prev{top:50%;left:31%;;width: 35px;background: #e9e9e9;height: 35px;border-radius: 40px;border: 1px solid #e0e0e0;transition:.4s}
.about-strength .swiper-button-prev:hover{background: #ff7f01;}
.about-strength .swiper-button-prev:hover i{color: #fff;}
.about-strength .swiper-button-prev i{color:#a0a0a0;transition:.4s;}
.about-strength .swiper-button-next{top:50%;right:31%;;width: 35px;background:#e9e9e9;height: 35px;border-radius: 40px;border: 1px solid #e0e0e0;transition:.4s}
.about-strength .swiper-button-next:hover{background: #ff7f01;}
.about-strength .swiper-button-next:hover i{color: #fff;}
.about-strength .swiper-button-next i{color:#a0a0a0;transition:.4s;}
.about-strength .swiper-button-next:after, .about-strength .swiper-button-prev:after{display: none;}
.str-hover{position: absolute;width: 100%;height: 100%;background: rgba(0,0,0,.2);color: #fff;top:0;left: 0;opacity: 0;filter:alpha(opacity=0);transition:.4s;padding-left:3rem;padding-top:3rem;}
.str-hover strong{display: block;font-size: 18px;line-height: 50px;}
.str-hover span{position: relative; display: block;font-size: 14px;line-height: 50px;}
.str-hover span::before{position: absolute;content: "";z-index: 2;width: 40px;height: 2px;background: #fff;top:0;}
/*product*/
.product-type{height: auto;overflow: hidden;background: url(../Image/product-type.jpg) top center no-repeat;}
.typelist:nth-of-type(1) .container{background: #fff;}
.typelist:nth-of-type(2n+0){background: #f7f7f7;}
.typebig{line-height: 40px;border-bottom: 1px solid #e7e7e7}
.typebig i{color: #ff7f01;font-size: 22px;}
.typebig b{float: left;}
.typebig em{display: block;float: left;margin-left: 1rem; font-size: 14px;text-transform: uppercase;font-style: normal; font-weight: normal;background: url(../Image/fontimg.png) left 50% no-repeat;padding-left: .5rem;color: #999;}
.typebig em:first-letter{color: #ff7f01}
.typebig a{color: #777;transition:.4s;}
.typebig a:hover{color: #425984;}
.typesmall a{display: block;border: 1px solid #e6e6e6;}
.typesmall a:hover .pro-font{background: #425984;color: #fff;}
.typesmall a:hover p{color: #fff;}
.typesmall a:hover i{color: #fff;}
.typesmall img{display: block;width: 100%;}
.pro-font {border-top: 1px solid #e6e6e6;transition:.4s;background: #fff;height: auto;overflow: hidden;width: 100%;}
.pro-font em{font-style: normal;}
.pro-font p{line-height: 30px;color: #777;font-size: 14px;transition:.4s;}
.pro-font i{color: #ddd;}
.product-list li a{display: block;overflow: hidden;background: #f5f5f5;position: relative;width: 100%;height: 0;padding-bottom: 110%;transition:.4s;}
.product-list li img{display: block;max-width: 100%;}
.product-list li:hover a{transform: translate3d(0,-5px,0);}
.product-list li:hover .product-list-font{background: #425984;color: #fff;padding: 2.5rem 1.5rem;}
.product-list li:hover .product-list-font p{border: 1px solid #fff;}
.product-list-image{display: block;width: 100%;height: 0;padding-bottom: 75%;position: relative;overflow: hidden;}
.product-list-image img{display: block;max-width: 100%;transition: all 1s ease;width: 100%;height: 100%;object-fit: cover;left: 0;position: absolute;}
.product-list-font{height: auto;overflow: hidden;position: absolute;bottom: 0;width: 100%;transition: .4s;padding: 1.5rem;text-align: center;}
.product-list-font strong{display: block;white-space: nowrap; text-overflow:ellipsis; overflow: hidden;}
.product-list-font p{width: 50%;line-height: 38px;border: 1px solid #999;text-align: center;margin:0 auto;}
.page{line-height: 45px;text-align: center;color: #777;position: relative;}
.page a{background: #eee;padding: 5px;}
.page span{background: #eee;padding: 5px;}
.page  i{font-size: 20px;color: #425984;position: relative;top:3px;}
.page select{border: 1px solid #87c4ef;background: #425984;color: #fff;outline: none;height: 29px;line-height: 29px;}
/*product_details*/
.prodctInfo-type .col-xl-1{padding-left: 0 !important;padding-right: 0 !important;}
.prodctInfo-type {height: auto;overflow: hidden; line-height: 70px;background: #fff;font-size: 18px;text-align: center;}
.prodctInfo-type li a{display: block;position: relative;}
.prodctInfo-type li a:hover::before{width: 100%;}
.prodctInfo-type li a::before{position: absolute;content: "";left:0;bottom: 0;height: 2px;width:0;background: #ff7f01;transition:.4s;}
.prodctInfo{height: auto;overflow: hidden;position: relative;background: #f7f7fc;}
.prodctInfo img{display: block;width: 100%;}
.prodctInfo-font strong i{color: #ff7f01;letter-spacing: 2px;font-size: 24px;}
.prodctInfo-description p{line-height: 30px;color: #777;}
.prodctInfo-adv li {position: relative; text-align: center;}
.prodctInfo-adv li span{display: block;color: #ff7f01;width: 80px;padding-top: 1.15rem;margin:0 auto;
  height: 90px; /* 100px * sqrt(3) / 2 */
  background-color: #fff;
  clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);}
.prodctInfo-adv li::after{position:absolute;content: "";left:77%;width: 75px;height: 1px;background: #fff;bottom: 66%;}
.prodctInfo-adv li:last-child::after{width: 0px;}
.prodctInfo-adv li span i{font-size: 36px;}
.prodctInfo-adv li  p{color: #555;}
.prodctInfo-mobile{height: auto;overflow: hidden;background: url(../Image/prodctInfo-mobile.png) top left repeat-x;}
.prodctInfo-mobile i{color: #ff7f01;}
.prodctInfo-mobile strong{color: #ff7f01;font-size: 32px;font-family: impact}
.prodctInfo-mess a{display: block;width: 200px;line-height: 50px;margin-right: 1rem;border-radius: 5px; text-align: center;background: #ff7f01;color: #fff;transition: .4s;}
.prodctInfo-mess a:nth-of-type(2){background: #425984;}
.prodctInfo-mess a:nth-of-type(1):hover{background: #425984;}
.prodctInfo-mess a:nth-of-type(2):hover{background: #ff7f01;}
.prodctInfo-content{line-height: 30px;}
.prodctInfo-title {display: block;border-bottom: 1px solid #f0f0f0; line-height: 60px;height: 60px;color: #444;font-weight: normal;margin:1rem 0;}
.prodctInfo-title strong{float: left;font-size: 22px; position: relative;}
.prodctInfo-title strong::before{position: absolute;content: "";left:0;bottom: 0;height: 2px;width: 40px;background: #ff7f01;}
.prodctInfo-title strong::after{position: absolute;content: "";left:80px;bottom: 13px;height: 20px;width: 20px;background: #ff7f01;border-radius: 60px;z-index:-1;}
.prodctInfo-cc strong{font-size: 18px;line-height: 40px;}
.prodctInfo-cc p{font-size: 15px;line-height: 30px;}
.prodctInfo-advantage{height: auto;overflow: hidden;}
.prodctInfo-advantage ul{padding-bottom: 1rem;}
.prodctInfo-advantage ul li img{display: block;max-width: 100%; border-radius: 20px;position: relative;}
.prodctInfo-advantage ul li strong{display: block;text-align: center;color: #fff;font-size: 20px;line-height: 50px;margin-top: -60px;z-index: 5;position: relative;}
.prodctInfo-relevant .row{height: auto;overflow: hidden;border: 1px solid #e6e6e6;margin:0 !important;}
.prodctInfo-relevant li{border-right: 1px solid #e6e6e6;margin:0 !important;text-align: center;}
.prodctInfo-relevant li:nth-of-type(3n+0){border-right:none !important;}
.prodctInfo-relevant li a{display: block;transition:.4s;}
.prodctInfo-relevant li img{display: block;max-width: 100%;}
.prodctInfo-relevant li strong{display: block;line-height: 50px;white-space: nowrap; text-overflow:ellipsis; overflow: hidden;}
.prodctInfo-relevant li span{color: #999;}
.prodctInfo-relevant li a:hover img{transform: scale(1.03)}
.prodctInfo-relevant li a:hover p{background: rgba(0,0,0,.6);opacity: 1;}
.prodctInfo-relevant-more{display: block;width: 100%;height: 0;padding-bottom: 75%;position: relative;overflow: hidden;}
.prodctInfo-relevant-more p{position: absolute;z-index: 2;background: rgba(0,0,0,.6);text-align: center;width: 100%;height: 100%;color: #fff;padding-top: 28%;transition:.4s;opacity: 0;}
.prodctInfo-relevant-more p i{font-size: 42px;}
.prodctInfo-relevant-more p em{display: block;line-height: 35px;font-style: normal;}
.prodctInfo-relevant-more img{display: block;max-width: 100%;transition: all .5s ease 0s;}
#prev_next{background: #f4f4f4;}
.background-nav{line-height: 35px;}
.background-nav i{color: #425984;}
.prev-a{float: right;width: 140px;line-height: 40px;background: #425984;color: #fff;text-align: center;border-radius:30px;transition:.4s;}
.prev-a a{display: block;}
.prev-a:hover{background: #ff7f01;}
.prev-a:hover a{color: #fff;}
/*newslist*/
.hot-news{height: auto;overflow: hidden;border-radius: 20px;background: #f8f8f8;}
.hot-news .pub-img{padding-bottom: 55%;}
.hot-news .swiper-container{box-shadow: 0px 0px 10px 5px #ddd;}
.hot-news .swiper-slide a{transition:.4s;}
.hot-news .swiper-slide a:hover{color: #ff7f01;}
.hot-news .swiper-slide a:hover i{background: #ff7f01;}
.hot-news .swiper-pagination{text-align: right;padding-right: 4%;}
.hot-news .swiper-pagination-bullet{width: 10px;height: 10px;transition: all .5s ease 0s;}
.hot-news .swiper-pagination-bullet-active{background: #425984;height: 25px;border-radius: 5px;}
.hot-news-f{height: auto;overflow: hidden;}
.hot-news-f strong{display: block;font-size: 16px;color: #666666;line-height: 35px;}
.hot-news-f span{display: block;font-size: 24px;line-height: 45px;border-bottom:1px dashed rgba(0,0,0,.1);font-weight: bold;}
.hot-news-f span em{color: #d10000;font-size: 30px;}
.hot-news-f p{line-height: 30px;color: #777;}
.hot-news-f i{display: block;line-height: 40px;width:150px;font-style: normal;text-align: center; background: #425984;border-radius: 60px;color: #fff; text-transform: uppercase;font-family: fz;transition:.4s;}
.newsInfo-list{height: auto;overflow: hidden;border-top: 1px solid #e5e3e3;}
.newsInfo-list li a{display: block; background: #f8f8f8;height: auto;overflow: hidden;border-radius: 10px;transition:.4s;}
.newsInfo-list li strong{display: block;line-height: 50px;font-size: 18px;white-space: nowrap; text-overflow:ellipsis; overflow: hidden;}
.newsInfo-list li img{display: block;max-width: 100%;transition:.4s;}
.newsInfo-list li span{display: block;font-family: bah;}
.newsInfo-list li:hover img{box-shadow:3px 3px 5px 2px #a8a8a8;transform: translate3d(-2px,-2px,0);}
.newsInfo-list li:hover:hover .news-more em{background: #ff7f01;}
.newsInfo-list li p{line-height: 30px;color: #999;font-size: 15px;}
.newsInfo-details-title{height: auto;overflow: hidden;border-bottom: 1px solid #f0f0f0;}
.newsInfo-details-title strong{line-height: 50px;display: block;font-size: 28px;}
.news-more{border-top: 1px solid #fff;}
.news-more em{display: block;width: 140px;border-radius: 25px;background: #425984;color: #fff; font-style: normal;line-height: 35px;text-align: center;transition:.4s;}
.news-more i{float: right;}
.newsimg img{display: block;max-width: 100%;margin:0 auto;}
.click{color: #999;line-height: 30px;font-size: 13px;}
.newsInfo-content{line-height: 30px;padding: 1rem 0}
.newsInfo-content img{max-width: 100%;}
.newsInfo-content table { width: 100%!important;border-collapse: collapse;} 
.newsInfo-content table p{ width: 100%!important; border-collapse: collapse;} 
.newsInfo-content th{width: 100%!important; border-collapse: collapse;border: 1px solid #a7a7a7;}
.newsInfo-content tr{width: 100%!important; border-collapse: collapse;border: 1px solid #a7a7a7;line-height: 45px;text-align: center;}
.newsInfo-content tr td:nth-of-type(1){}
.newsInfo-content .firstRow tr td:nth-of-type(2)  p{border-right: none;border-left: none;}
.newsInfo-side{background: #f4f4f4;}
.newsInfo-side-a img{display: block;max-width: 100%;}
.newsInfo-side-a span{display: block;line-height: 25px;color: #999;transition:.4s;}
.newsInfo-side-a a:hover span{color: #425984;}
.newsInfo-side-b p{display: block;line-height: 25px;color: #999;}
.newsInfo-side-b a {display: block;transition:.4s;}
.newsInfo-side-b a:hover {color: #425984;}
.newsinfo-content{height: auto;overflow: hidden;background:#f8f8f8}
.infoimg img{max-width: 100%;display: block;margin:0 auto 1rem auto;}
/*case-list*/
.case-list{height: auto;overflow: hidden;}
.case-list li span{display: block;line-height: 55px;font-size: 16px; text-align: center;transition:.4s;white-space: nowrap; text-overflow:ellipsis; overflow: hidden;}
.case-list-img{display: block;width: 100%;height: 0;padding-bottom: 55%;position: relative;overflow: hidden;}
.case-list-img img{display: block;max-width: 100%;transition: all .5s ease 0s;}
.case-list li { position: relative; }
.case-list li .case-font{ position: absolute; left: 0; top: 0; color: #fff; width: 100%; height: 100%; padding: 23% 5% 0; background: rgba(0,0,0,0.6); 
  opacity: 0; text-align: center; overflow: hidden; transition:opacity 0.3s;-webkit-transition:opacity 0.3s}
.case-list li .case-font i{display: block; width:0; height:1px; background-color:rgba(255,255,255,0.4); margin: 5px 0; transition:width 0s 0.3s;}
.case-list li .case-font .text-style1 div{transition:transform 0s 0.3s;}
.case-list li .case-font .text1{font-size:18px; overflow: hidden;}
.case-list li .case-font .text1 div{transform:translateY(101%);}
.case-list li .case-font .text2{opacity:0.6; overflow: hidden;}
.case-list li .case-font .text2 div{transform:translateY(-104%);}
.case-list li:hover .case-font .text-style1 div{ transform:translateY(0%); transition:transform 0.5s 0.5s;}
.case-list li:hover .case-font{ opacity: 1;}
.case-list li:hover .case-font i{opacity:1;width:100%;transition:width 0.5s 0.3s;-webkit-transition:width 0.5s 0.3s}
.case-list li:hover span{opacity:0;}
/*contactInfo*/
.contact-font{height: auto;overflow: hidden;background:  url(../Image/contact-c-bg.jpg) center center no-repeat;border-radius: 20px;}
.contact-font strong{display: block;}
.contact-font span{display: block;}
.contact-font p{line-height: 50px;}
.contact-font p i{color: #ff7f01;padding: 6px;background: #fff;border-radius: 40px;font-size: 26px;}
.contact-font p b{font-size: 36px;font-family: bah}
.contact-font p em{font-style: normal;font-size: 18px;}
.line{width: 100%;height: 1px;background: rgba(255,255,255,.2);margin:2rem 0;}
.contactInfo {background: #f7f7fc;height: auto;overflow: hidden;}

.contactInfo-content .order {width: 100%;}
.contactInfo-content .order tr{display: block;height: auto;overflow: hidden;width: 100%;}
.contactInfo-content .tablea td{display: block;float: left;width:49%;}
.contactInfo-content .tablea td:nth-of-type(2){margin:0 1%;}
.contactInfo-content .tablea input{line-height: 55px;background: url(../Image/tip-a.png) 15px center no-repeat #fff;border: none;outline: none;width: 100%;
    padding: 0 0 0 3rem;color: #999;}
.contactInfo-content .tablea td:nth-of-type(2) input{background: url(../Image/tip-b.png) 15px center no-repeat #fff;}
.contactInfo-content .tableb td{display: block;float: left;width:49%;}
.contactInfo-content .tableb td:nth-of-type(2){margin:0 1%;}
.contactInfo-content .tableb input{line-height: 55px;background: url(../Image/tip-c.png) 15px center no-repeat #fff;border: none;outline: none;width: 100%;
    padding: 0 0 0 3rem;color: #999;}
.contactInfo-content .tableb td:nth-of-type(2) input{background: url(../Image/tip-d.png) 15px center no-repeat #fff;}
.contactInfo-content .tabled textarea{line-height: 30px;height: 150px;padding: 1rem;background: #fff; border:none;outline: none;width: 100%;border-radius: 10px;}
.contactInfo-content .tabled td{display: block;width: 100%;}
.contactInfo-content .tablec td{display: block;width: 100%;}
.contactInfo-content .tablec input{line-height: 55px;border: 1px solid #eaeaea;outline: none;width:30%;padding: 0 1rem;margin-right:1%;}
.contactInfo-content .tablec img{height: 55px;}
.contactInfo-content .order #submit{background: #ff7f01;color: #fff;border-radius: 4px;transition:.4s;}
.contactInfo-content .order #submit:hover{background: #444;}

.contactInfo-mode{height: auto;overflow: hidden;background: #425984;color: #fff;}
.contactInfo-mode-title span{display: block;position: relative;}
.contactInfo-mode-title span::before{position: absolute;content: "";left:0;bottom: 0; height: 2px;width: 60px;background: #fff;}
.contactInfo-mode-list li {line-height: 40px;}
.contactInfo-mode-list li i{font-size: 18px;}
.contactInfo-code ul{width: 100%;}
.contactInfo-code li {width: 48%;}
.contactInfo-code li img{display: block; max-width: 90%;margin:0 auto;}
.contactInfo-code li span{display: block;line-height: 35px;text-align: center;}
.baidumap{height: 550px;background: url(../Image/baidumap.jpg)  center bottom no-repeat;border: 1px solid #ddd;}

.footnav{position: fixed;left: 0;bottom:0;display: none; width: 100%;background:#fff;z-index: 888;border-top: 1px solid rgba(0,0,0,.3)}
.footnav li{float: left;text-align: center;width: 21%}
.footnav li em{display: block;width: 30px;line-height: 30px;border-radius: 60px;background: #d10000;margin:.75rem auto 0 auto;}
.footnav li em i{color: #fff;}
.footnav li a{display: block;}
.footnav li:nth-of-type(1){width: 16%;}
.footnav li:nth-of-type(4) a{border-right: none;}
.footnav li i{font-size: 20px;}
.footnav li span{display: block;line-height: 20px;font-size: 12px;}
.footnav li a{display: block;padding-top:4%;}
.footnav li a:hover{color: #ffb40b}


@media (max-width: 576px) { 
.mobfont-12{font-size: 12px;line-height: 25px;}
.mobfont-14{font-size: 14px;line-height: 30px;}
.mobfont-16{font-size: 16px;line-height: 30px;}
.mobfont-18{font-size: 18px;line-height: 35px;}
.mobfont-20{font-size: 20px;line-height: 35px;}
.mobfont-22{font-size: 22px;line-height: 40px;}
.mobfont-24{font-size: 24px;line-height: 40px;}
.mobfont-26{font-size: 26px;line-height: 45px;}
.mobfont-30{font-size: 30px;line-height: 45px;}
.header-logo img{max-width: 80%;}
.index-product-img .index-title{position: relative;}
.index-title .index-title-left strong{font-size: 18px;}
.index-title .index-title-left strong b{font-size: 32px;}
.index-title .index-title-left span{font-size: 22px;}
.index-title .index-title-left span::after{left:95px;}
.index-product .gallery-thumbs{width: 100%;}
.index-product .gallery-thumbs .swiper-slide{font-size: 12px;}
.index-pc{margin-top: 1rem;box-shadow: 0px 0px 5px 5px #eee}
.prodctInfo-font{margin-top: .5rem;}
.index-product-adv strong{margin-top: .5rem;}
.index-product-adv .col-3{padding: 0;}
.index-product-mobile{padding-top: .5rem;}
.index-plc li:nth-of-type(2n+0){border-right:none;}
.index-plc li:nth-of-type(3){border-top: 1px solid #e6e6e6;border-right: 1px solid #e6e6e6;}
.index-plc li:nth-of-type(4){border-top: 1px solid #e6e6e6;}
.index-about-left span{width: 65px;}
.index-about-content .row{display: none;}
.index-advantage .col-6{padding-left: 5px;padding-right: 5px;}
.index-advantage li{margin-bottom: .5rem;}
.index-adv-top p{font-size: 12px;}
.index-case .pr-1{padding-right: 1rem !important;}
.cese-fontr{display: none;}
.index-case .col-6:nth-of-type(1){padding-right: .5rem;}
.index-case .col-6:nth-of-type(2){padding-left: .5rem;}
.index-case-content .case-hover p{font-size: 14px;}
.footnav{display: block;}
.footer{padding-bottom: 3rem;}
.footer-title::before{width: 100%;}
.inside-page{padding-top: 7rem;}
.inside-company{background-size: 200%;}
.inside-product{background-size: 200%;}
.inside-news{background-size: 200%;}
.inside-case{background-size: 200%;}
.inside-contact{background-size: 200%;}
.index-title-ul li a{font-size: 14px;}
.profile-font-b strong{font-size: 26px;}
.culture-a p{font-size: 14px;line-height: 30px;}
.culture-c p{font-size: 14px;line-height: 30px;}
.prodctInfo-type li a{font-size: 14px;}
.prodctInfo-adv .col-3{padding-left: 0px !important;padding-right: 0px !important;}
.prodctInfo-mobile strong{font-size: 24px;}
.prodctInfo-mobile{padding-top: 1rem;padding-bottom: .5rem;}
.prodctInfo-advantage .col-6{padding-left: .5rem;padding-right: .5rem;}
.prodctInfo-advantage ul li strong{font-size: 18px;}
.prodctInfo-relevant li:nth-of-type(3n+0){display: none;}
.product-list-font{padding: .75rem;}
.product-list-font p{display: none;}
.newsInfo-details-title strong{font-size: 22px;}
.prev-a{float: left;}
.hot-news-f span{font-size: 18px;}
.newsInfo-list .col-6{padding-left: .5rem;padding-right: .5rem;}
.newsInfo-list li strong{font-size: 14px;line-height: 30px;}
.newsInfo-list li p{font-size: 12px;line-height: 25px;}
.news-more em{width: 80px;}
.case-list li span{font-size: 14px;}
.case-list li .case-font .text1{font-size: 14px;}
.contact-font p b{font-size: 22px;}
.contactInfo-content .tablec input{width: 28%;}
.prev-a{margin-top: 1rem;}



 }
@media (min-width: 576px) and (max-width: 768px) {  
.header-logo img{max-width: 80%;}
.index-product-img .index-title{position: relative;}
.index-title .index-title-left strong{font-size: 18px;}
.index-title .index-title-left strong b{font-size: 32px;}
.index-title .index-title-left span{font-size: 22px;}
.index-title .index-title-left span::after{left:95px;}
.index-product .gallery-thumbs{width: 100%;}
.index-product .gallery-thumbs .swiper-slide{font-size: 12px;}
.index-pc{margin-top: 1rem;box-shadow: 0px 0px 5px 5px #eee}
.prodctInfo-font{margin-top: .5rem;}
.index-product-adv strong{margin-top: .5rem;}
.index-product-adv .col-3{padding: 0;}
.index-product-mobile{padding-top: .5rem;}
.index-plc li:nth-of-type(2n+0){border-right:none;}
.index-plc li:nth-of-type(3){border-top: 1px solid #e6e6e6;border-right: 1px solid #e6e6e6;}
.index-plc li:nth-of-type(4){border-top: 1px solid #e6e6e6;}
.index-about-left span{width: 65px;}
.index-about-content .row{display: none;}
.index-advantage .col-6{padding-left: 5px;padding-right: 5px;}
.index-advantage li{margin-bottom: .5rem;}
.index-adv-top p{font-size: 12px;}
.index-case .pr-1{padding-right: 1rem !important;}
.cese-fontr{display: none;}
.index-case .col-6:nth-of-type(1){padding-right: .5rem;}
.index-case .col-6:nth-of-type(2){padding-left: .5rem;}
.index-case-content .case-hover p{font-size: 14px;}
.footnav{display: block;}
.footer{padding-bottom: 3rem;}
.footer-title::before{width: 100%;}
.inside-page{padding-top: 7rem;}
.inside-company{background-size: 200%;}
.inside-product{background-size: 200%;}
.inside-news{background-size: 200%;}
.inside-case{background-size: 200%;}
.inside-contact{background-size: 200%;}
.index-title-ul li a{font-size: 14px;}
.profile-font-b strong{font-size: 26px;}
.culture-a p{font-size: 14px;line-height: 30px;}
.culture-c p{font-size: 14px;line-height: 30px;}
.prodctInfo-type li a{font-size: 14px;}
.prodctInfo-adv .col-3{padding-left: 0px !important;padding-right: 0px !important;}
.prodctInfo-mobile strong{font-size: 24px;}
.prodctInfo-mobile{padding-top: 1rem;padding-bottom: .5rem;}
.prodctInfo-advantage .col-6{padding-left: .5rem;padding-right: .5rem;}
.prodctInfo-advantage ul li strong{font-size: 18px;}
.prodctInfo-relevant li:nth-of-type(3n+0){display: none;}
.product-list-font{padding: .75rem;}
.product-list-font p{display: none;}
.newsInfo-details-title strong{font-size: 22px;}
.prev-a{float: left;}
.hot-news-f span{font-size: 18px;}
.newsInfo-list .col-6{padding-left: .5rem;padding-right: .5rem;}
.newsInfo-list li strong{font-size: 14px;line-height: 30px;}
.newsInfo-list li p{font-size: 12px;line-height: 25px;}
.news-more em{width: 80px;}
.case-list li span{font-size: 14px;}
.case-list li .case-font .text1{font-size: 14px;}
.contact-font p b{font-size: 22px;}
.contactInfo-content .tablec input{width: 28%;}
.prev-a{margin-top: 1rem;}
.profile-font-a strong{font-size: 22px;}
 }


@media (min-width: 768px) and (max-width: 992px) { 
.index-product .gallery-thumbs .swiper-slide{font-size: 15px;}
.prodctInfo-description p{font-size: 14px;}
.prodctInfo-font strong{display: none !important;}
.prodctInfo-description p{font-size: 14px;}
.index-product-adv .col-3{padding-left: 0 !important;padding-right: 0 !important;}
.index-line{width: 95px;}
.index-advantage li{margin-bottom: 1rem;}
.profile-font-a strong{font-size: 22px;}
.culture-a p{font-size: 18px;line-height: 30px;}
.culture-c p{font-size: 16px;line-height: 30px;}
.prodctInfo-mobile{padding: 1rem 0;margin-top: 1rem;}
.prodctInfo-relevant li:nth-of-type(3n+0){display: none;}
 }
 @media (min-width: 992px) and (max-width: 1200px) { 
.index-product-adv strong{display: none !important;}
.prodctInfo-font strong{font-size: 18px;}
.prodctInfo-description p{font-size: 14px;}
.index-about-content .row{display: none;}
.index-adv-action{display: none;}
.index-advantage li{margin-bottom: 1rem;}
.index-title-ul li a{font-size: 14px;}
.index-title-ul .col-3{padding-left: 0 !important;padding-right: 0 !important;}
.profile-font-a strong{font-size: 16px;}
.profile-font-b strong{font-size: 26px;}
.index-title-ul .col-lg-2{padding-left: 0px;padding-right: 0px;}
.prodctInfo-mobile{padding: 1rem 0;margin-top: 1rem;}
.hot-news-f p{display: none;}
 }
@media (min-width: 1200px) {
.container{max-width: 1500px;}
 }
 @media (min-width: 1200px) and (max-width: 1400px) { 
.index-title-ul .col-lg-2{padding-left: 0px;padding-right: 0px;}
.top-mobile{font-size: 16px;}
.index-adv-top p{line-height: 25px;}


 }
 @media (min-width: 1200px) and (max-width: 1600px) {
 .index-adv-top{padding: 1rem !important;}
 .index-adv-action a{margin-top: 1rem !important;}
 .index-adv-action{margin-top: 1rem !important;}
 }
@media (max-width: 1600px) {
.Side-panel{display: none;}
 }


































































































































































































/*.pro li{float:left;overflow:hidden;margin:0 18px 20px 18px;width:200px;text-align:center;white-space:nowrap;*margin:0 10px 20px 18px;}
.pro span{padding-left:15px;background-position:0 -114px;}
.pro img{padding:3px;_width:192px;_height:142px;border:1px solid #dcdcdc;}
.pro a{*color:#444;}
.pro a:hover{color:#da020d;}
.pro img:hover{border:1px solid #da020d;}*/
/*************index&goods**************/
/*.news{margin-left:17px;}
.news li{width:678px;height:39px;border-bottom:1px dotted #cdcdcd;text-indent:1em;line-height:39px;}
.news li:before{color:#e40413;content:'■\00a0\00a0\00a0';vertical-align:2px;}
.news li:hover{background-color:#f6f6f6;}
.news a:hover{color:#da020d;}*/
/****************news*****************/
/*.news_title{color:#da020d;text-align:center;line-height:40px;}
.meta{color:#999;text-align:center;line-height:28px;}*/
/***********news_info**************/
/*.jobs li{overflow:hidden;margin:23px 18px 28px 28px;padding-bottom:27px;border-bottom:1px dotted #cdcdcd;}
.jobs a{position:relative;top:-150px;background-position:0 -301px;float:right;width:71px;height:34px;color:#fff;text-align:center;line-height:34px;}
.jobs strong{color:#da020d;}
.jobs p{margin:6px 0 -134px 156px;line-height:35px;}*/
/***************jobs***************/
/*.pro_info .rel_center{margin:23px 0 6px;margin-left:-145px;padding:3px;width:290px;height:216px;border:1px solid #dcdcdc;}
.pro_info p{margin:20px 30px 30px 33px;}
.pro_name{display:block;color:#da020d;text-align:center;}
.info_title{margin:30px 0 0 27px;width:663px;height:30px;background:#ececec;}
.info_title b{display:inline-block;padding-left:10px;height:100%;border-right:1px solid #fff;background:#656565;color:#fff;line-height:30px;}
.info_title a{margin:8px;width:15px;height:15px;background-position:0 -426px;}*/
/********goods_info&jobs_info*******/