@charset "utf-8"; html, body {padding: 0;margin: 0;background: #fff;} * {margin: 0;padding: 0;font-family: Arial, Helvetica, Verdana, 'Microsoft YaHei';border: 0;outline: medium;text-shadow: none;text-decoration: none;} body {color: #444;font-size: 14px;line-height: 1.5;position: relative;-webkit-text-size-adjust: none;-ms-text-size-adjust: none;-webkit-tap-highlight-color: rgba(0, 0, 0, 0);} input {vertical-align: middle;} textarea {resize: none;} h1, h2, h3, h4, h5, h6 {font-weight: normal;font-size: 14px;} hr {border-width: 1px;border-style: inset;} ul {list-style: none;} p {margin: 0;margin-bottom: 0px !important;} .left{float: left;} .right{float: right;} a, a:link, a:active, a:visited, a:hover {text-decoration: none !important;} a{text-decoration: none !important;color: #444 !important;} img, {display: block;} i, em {font-style: normal;} html{height: 100%;} html, body {width: 100%;min-height: 100%;} .clearfix:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;} .clearfix {zoom: 1;} .warpper{width:1200px;margin:0 auto;} .dH{overflow: hidden;} .inp_pla{color:#999 !important;} .rig-title-over{float: left;line-height: 60px;max-width: 400px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;} /* 无内容 */ #dituContent label {max-width: unset!important;text-align: center;} .proc table { width: 100%!important;border-collapse: collapse;} .proc table p{ width: 100%!important; border-collapse: collapse;border-right: 1px solid #ddd} .proc th,tr{width: 100%!important; border-collapse: collapse;border: 1px solid #ddd;} .proc td{border-right: 1px solid #ddd;} .proc tr{border-right: 1px solid #ddd;text-align: center;line-height: 38px;} .firstRow td{background: #eee;border-right: 1px solid #ddd;} /*index_banner*/ .banner {clear: both; position: relative;height: auto !important;z-index: 1;} .banner .swiper-wrapper{height: auto !important;} .banner #bannerSwiper {height: auto !important;} .banner .swiper-slide {position: relative;height: auto !important;float: left;} .banner .swiper-slide a{display:block;width:100%;height: auto !important;} .banner .swiper-slide a img{ width: 100%; height: auto;} .banner .pagination {position: absolute;font-size:0;left: 0;height: 50px;text-align: center;bottom: 13px;width: 100%;z-index: 9999;} .banner .pagination .swiper-pagination-switch {display: inline-block;width: 10px;height: 10px;border-radius: 50%;border:2px solid #fff;opacity: 0.6;margin: 0 5px;cursor: pointer;} .banner .pagination .swiper-active-switch {background: #fff;opacity: 1;} .swiper-pagination-bullet{width: 60px !important;height: 10px !important;border-radius: 3px !important;} .banner .swiper-pagination-bullet-active{background: #ef7d00;} /*手机站大图样式*/ .slider-focus{position:relative;max-width:100%;overflow:hidden;margin:0rem auto;} .slider-focus .hd{ position:absolute;width:100%;height:1rem;left:0;bottom:0.9rem;z-index:1;line-height:1.5rem;text-align:center;} .slider-focus .hd li{ display:inline-block;vertical-align:middle;width:0.5rem;height:0.5rem;margin:0 0.3rem;-webkit-border-radius:50%;-moz-border-radius:50%;-o-border-radius:50%;border-radius:50%;line-height:0;text-indent:-9999em;background:#fff; cursor:pointer;} .slider-focus .hd ul{display: block;height: 0px;} .slider-focus .hd li.on{ background:#ffea00; } .slider-focus .bd{ position:relative; z-index:0; } .slider-focus .bd li{ position:relative; text-align:center; } .slider-focus .bd li img{ vertical-align:top;width:100%;} .slider-focus .bd li a{ -webkit-tap-highlight-color:rgba(0,0,0,0); } /*头部*/ .top{height: 90px;position: relative;z-index: 88;} .top .left {width: 30%;padding-top: 20px;} .top .left img{display: block; max-width: 100%;} .top .right {width: 65%;} .top .right ul{float: left;width: 80%; margin-bottom: 0px !important;} .intel{float: right;width: 20%; background: url(../images/intel.png)left center no-repeat;padding-left:60px;margin-top: 15px;} .intel span{display: block;line-height: 25px;color: #777;} .intel p{display: block;font-size: 22px;color: #ee932f;} .top .right li{float: left;width: 12%;line-height: 90px; text-align: center;transition:.4s;} .top .right li a{display: block;font-size: 15px;} .top .right li:hover{background: #282828;} .top .right li:hover a{color: #fff !important;} .mobmenu{clear: both; line-height: 45px;height: auto;overflow: hidden; border: 1px solid #eee;} .mobmenu .container{padding-left: 0px !important;padding-right: 0px !important;} .mobmenu li {text-align: center;transition:.4s;border-right: 1px solid #eee;border-bottom: 1px solid #eee;} .mobmenu li:hover {background: #282828;} .mobmenu li:hover a{color: #fff !important;} .mobmenu li a{display: block;} .mobmenu .col-sm-3{padding-left: 0px !important;padding-right: 0px !important;} .mobmenu .col-xs-3{padding-left: 0px !important;padding-right: 0px !important;} /*手机站大图样式*/ .mtop{height: auto;overflow: hidden;background:#eeeeee;text-align: center;line-height: 30px;font-size: 12px;color: #777;} .mobtop{height: auto;overflow: hidden;padding: 3% 0;position: relative;} .mobtop .left{width: 80%;padding-left: 2%;} .mobtop .left p{margin-bottom: 0px !important;font-size: 12px;color: #777;} .mobtop .left img{float: left; display: block;max-width: 80%;margin-right: 2%;} .mobtop .left span{font-size: 16px; line-height: 25px;} .flex-control-nav{background: #ddd;float: left;width: 3%;} .mobtop .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;} .aligncontent-center {text-align: center;} .main-header {text-align: center;font-weight:300;font-size: 90%;} .menu-button {position: absolute;margin: 5px;height: 36px;width: 36px;right: 10px;top: 25%;} .menu-left {float: left;} .sidebar{display: none;width: 100%;height: 100%;margin: 0;position: fixed;top: 0;z-index: 9999;} .menu-button i{font-size: 22px;color:#ef7d00} .sidebar > .bg-cover{display: block;position: absolute;top: 0;left: 0;z-index: -1;width: 100%;height: 100%;background: rgba(0,0,0,.5);} .sidebar nav{float: left;width: 140px;height: 100%;margin-left: -140px;color: white;background:rgba(0,0,0,0.6);} .sidebar h6 {margin: 1.2em;padding: 0 2%;color: #fff;font-weight: bold;font-size: 16px;} .sidebar ul{padding:0 5px } .sidebar li a{display: block;text-align: center;line-height: 40px;color: #fff !important;border-bottom: 1px solid rgba(255,255,255,.5);transition:.4s;} .sidebar li a:hover{background: #444;} .sidebar hr {margin: 1em auto;border: 0;padding: 0;width: 80%;height: 1px;} /*index_cp*/ .in_01{height: auto;overflow: hidden;padding: 3% 0;} .intit{height:auto;overflow: hidden;position: relative;text-align: center; } .intit strong{display: block;margin-top:15px;font-size: 32px;font-weight: bold;line-height: 45px;font-weight: normal;} .intit span{ color: #f29733;} .intit p{line-height: 30px;font-size: 15px;color: #777;letter-spacing: 5px;text-transform: uppercase; } .intype{line-height: 35px;height: auto;overflow: hidden; margin: 3% 0 2% 0; } .intype ul li{text-align: center;height:50px;line-height: 50px;background: #ef7d00;margin-bottom: 2%;transition:.4s;} .intype ul li a{display: block;font-size: 15px;color: #fff !important; } .intype ul li:hover{background:#444; } .intype ul li:hover a{color: #fff !important; } .in01aa { height: auto;overflow: hidden;margin-top: 2%;} .in01aa .col-lg-3{padding-left: 0.5% !important;padding-right: 0.5% !important;} .in01aa .col-md-3{padding-left: 0.5% !important;padding-right: 0.5% !important;} .in01aa .col-sm-6{padding-left: 0.5% !important;padding-right: 0.5% !important;} .in01aa .col-xs-6{padding-left: 0.5% !important;padding-right: 0.5% !important;} .in01aa li{position: relative;margin-bottom: 4%;padding-bottom: 50px;height: auto;overflow: hidden;} .in01aa li img{max-height: 100%;max-width: 100%;transition:all 0.6s ease 0s;} .in01aa li:hover .infontb{bottom: 0px;height: 100px;line-height: 30px;padding: 15px 0;} .in01aa li:hover img{transform:scale(1.05,1.05);} .infontb {display: block;position: absolute;height: 50px; line-height: 50px;background:rgba(225,224,227,0.8);text-align: center; width: 100%;bottom:0px;transition:.4s;} .infontb span{display: block;} .infontb p{width: 175px;margin:2% auto;} .infontb p a{float: left; display: block;width: 80px;line-height: 30px;background: #ef7d00;color: #fff !important;margin:0 2%;transition:.4s;} .infontb p a:nth-of-type(2){background: #282828;} .infontb a:hover{background: #282828;} .infontb a:nth-of-type(2):hover{background: #ef7d00;} .inimgb{height: auto;overflow: hidden;border: 1px solid #eee;} /*index_简介*/ .in_02{height: auto;overflow: hidden;padding: 2% 0;background: url(../images/in02bg.png) center no-repeat;} .in_02 img{display: block;width: 100%;} .in_02 strong{display: block;font-size: 32px;line-height: 45px;color: #ef7d00;} .in_02 span{display: block;font-size: 18px;line-height: 40px;} .in_02 p{line-height: 30px;color: #777;margin-top: 4%;} .in_02 p a:hover{color: #ef7d00 !important;} .more{width: 160px;line-height: 40px;background: #ef7d00;text-align: center;margin-top: 26%;} .more a{display: block;color: #fff !important;transition:.4s;} .more a:hover{background: #444;} .more a:hover i{background: #666;} .more i{float: right;width: 40px;text-align: center;background: #f18d1f;transition:.4s;} /*新闻*/ .in_03{height: auto;overflow: hidden;padding: 3% 0;} .in03a {height: auto;overflow: hidden;margin-top: 2%;} .tjnews {height: auto;overflow: hidden;background: #eee;transition:.4s;} .tjnews:hover {background: #ef7d00;} .tjnews:hover span{color: #fff;} .tjnews:hover i{color: #fff;} .tjnews:hover p{color: #fff;} .tjnews span{display: block;font-size: 22px;line-height: 40px;transition:.4s;} .in03aa{display: block;margin:2% 4%;} .tjnews img{width: 100%;} .inimga{height: auto;overflow: hidden;} .tjnews p{color: #777; line-height: 30px;transition:.4s;} .tjnews i{color: #777; line-height: 25px;font-style: normal;transition:.4s;} .in03a li{height: auto;overflow: hidden;border-bottom: 1px solid #f2f2f2; margin-bottom: 2%;transition:.4s;} .infontc{margin:3%;float: left;height: auto;overflow: hidden;width: 68%;transition:.4s;} .infontc span{display: block;line-height:40px;height:40px;overflow: hidden; font-size: 16px;} .infontc p{display: block;line-height: 25px;color: #777;margin-bottom: 0px !important;} .in03a li:hover {background: #eeeeee;box-shadow: 0px 2px 5px #ccc;} .in03a li:hover .infontc{color: #ef7d00;} .intita{height: auto;overflow: hidden;line-height: 50px;margin-bottom: 2%;} .intita span{float: left;color: #777;} .intita span strong{font-size: 22px;color: #444;} .intita a{float: right;transition:.4s;} .intita a:hover{float: right;color: #ef7d00 !important;} .timeyy{float: right; display:block; width: 24%;height: 100%;padding:5% 2%;text-align: center;transition:.4s;} .riqi{ display:block;line-height:45px;font-size:24px;font-weight: normal;color: #999;} /*footer*/ .footer{height: auto;overflow: hidden;background:#333333;color: #8e8e8e; } .foota{height: auto;overflow: hidden; } .foottit{line-height: 45px;font-size: 16px;color:#fff;text-transform: uppercase;} .foottit strong{display: block;font-size: 17px;} .foottit i{display: block;width: 30px;height: 2px;background: #fff;margin-bottom: 1rem;} .footaa{height: auto;overflow: hidden;padding: 2% 0; } .footaa li{float: left;width: 33.3%;line-height: 40px;} .footaa li a{display: block;color: #8e8e8e !important;transition:.4s;} .footaa li a:hover{color: #fff !important;} .footab{height: auto;overflow: hidden;padding: 2% 0;} .footab p{display: block;line-height: 35px;} .footac {padding: 2% 0;} .footac p{line-height: 30px;} .footb{height: auto;overflow: hidden;border-top: 1px solid rgba(255,255,255,0.2);line-height: 60px;text-align: center;color: #8e8e8e;} .footb a{color: #8e8e8e;transition:.4s;} .footb a:hover{color: #fff;} .footnav{right: 0;bottom: 0;float: left;width: 100%;position: fixed;background:#5d5b5b;color:#fff;z-index: 888;} .footnav li{float: left;text-align: center; width: 33.3%;text-align: center;color: #fff;} .footnav li:nth-of-type(1){background: #3c3c3c} .footnav li:nth-of-type(3){background: #6d6d6d} .footnav li i{font-size: 20px;} .footnav li span{display: block;line-height: 20px;} .footnav li a{display: block; color: #fff !important;padding-top:4%;} .footnav li a:hover{color: #ffb40b} /*侧栏样式*/ .sidetit{background: #ef7d00;font-size: 22px; line-height:55px;text-indent: 2em;color: #fff;} .sidea{height: auto;overflow: hidden;} .sideb{height: auto;overflow: hidden;padding:8% 4%;background: #ef7d00;color: #fff;text-align: center;} .sideb strong{display: block;font-size: 22px;line-height: 50px;} .sideb p{line-height: 30px;} .sideb a{display: block;width: 140px;border: 1px solid #fff;border-radius: 2px;line-height: 35px;margin:4% auto;color: #fff !important;transition:.4s;} .sideb a:hover{background: #fff;color: #ef7d00 !important;} .sidec{height: auto;overflow: hidden;background: #f3f3f3;padding: 4%;} .sidec strong{display: block;font-size: 20px;color: #ef7d00;} .sidec p{line-height: 30px;} .sideMenu {padding:1rem;background: #f3f3f3;height: auto;overflow: hidden;} .sideMenu h3{display: block;height:50px;font-size: 14px;margin:0px; line-height:50px;background:url(../images/p14-icon5.png) no-repeat right center #f4f6f8;border-bottom: 1px solid #fff;cursor:pointer;padding: 0 .5rem;} .sideMenu h3 a{display: block;transition:.4s;} .sideMenu h3:hover{background: url(../images/p14-icon2.png) no-repeat right center #ef7d00;transition:.4s;color: #fff;} .sideMenu h3.on {background: url(../images/p14-icon2.png) no-repeat right center #ef7d00;color: #fff; } .sideMenu ul{color:#999; display:none; /* 默认都隐藏 */ } .sideMenu ul {height: auto;overflow: hidden;background: #f3f3f3;} .sideMenu ul li i{float: right;margin-right: 4%;} .sideMenu li{position: relative;overflow: hidden;background: #fff; text-indent: 2em;line-height:40px;height:40px;transition:.4s;margin-top: .25rem; } .sideMenu li:hover{background: #ef7d00;} .sideMenu li:hover a{color: #fff !important;} .sideMenu li:hover i{color: #fff !important;} .sideMenu li a{display: block; } /*公共*/ .location{border-bottom: 1px solid #dadada;height: 50px;line-height: 50px;margin-bottom: 2%;} .location i{color: #ef7d00;} .article{height: auto;overflow: hidden;margin:2% 0;} .content{height: auto;overflow: hidden;padding: 2%; background: #f3f3f3;line-height: 30px;} /*产品*/ .prolist{height: auto;overflow: hidden;} .prolist .col-lg-4{padding-left: 0.5% !important;padding-right: 0.5% !important;} .prolist .col-md-4{padding-left: 0.5% !important;padding-right: 0.5% !important;} .prolist .col-sm-6{padding-left: 0.5% !important;padding-right: 0.5% !important;} .prolist .col-xs-6{padding-left: 0.5% !important;padding-right: 0.5% !important;} .prolist ul{height: auto;overflow: hidden;} .prolist li{position: relative;text-align: center;margin-bottom: 3%;} .prolist li:hover .fonta i{display: block;} .prolist li:hover .imga i{background: rgba(0,0,0,0.2)} .prolist li img{display: block;max-height: 100%;max-width: 100%;margin:0 auto;} .pic{display: block;width: 100%;height: 0;padding-bottom: 75%;position: relative;overflow: hidden;} .imga{width: 100%;height: 100%;left: 0;position: absolute;text-align: center;border: 1px solid #e8e8e8;background: #fff;} .pcont img{display: block; max-width: 100%;margin: 1rem auto;max-width: 100%;} .pimgmore img{max-width: 80%;display: block;margin:.5rem auto;} .pcontent{padding: 1rem;height: auto;overflow: hidden;background: #fff;} .fonta {height: auto;overflow: hidden; padding:20px 0;transition:.4s;background: #fff;} .fonta span{display: block;width: 100%;line-height: 40px;height: 40px;overflow: hidden; font-size: 16px;} .fonta p{color: #777;line-height: 30px;} .fonta p::before{content: '';width: 10px;height: 1px;border-bottom: 1px solid #f29735;display: inline-block;margin-right: 10px;margin-bottom: 4px;} .fonta p::after{content: '';width: 10px;height: 1px;border-bottom: 1px solid #f29735;display: inline-block;margin-left: 10px;margin-bottom: 4px;} .fonta i{display: block;font-style: normal;width: 100%;margin:10px auto;} .fonta i a{display: block;float: left; width: 46%;height: 28px;line-height: 28px;border: 1px solid #e5e5e5;margin:0 2%;transition:.4s;} .fonta i a:hover{background: #f29733;color: #fff !important;border: 1px solid #f29733;} .fonta i a:nth-of-type(1){border: 1px solid #f29733;} .fonta i a:nth-of-type(1):hover{background: #f29733;border: 1px solid #f29733;color: #fff !important;} .imga i{position: absolute;z-index: 1;left: 0; width: 100%;height: 100%;background: rgba(0,0,0,0);transition:.4s;} .producta{height: auto;overflow: hidden;text-align: center;} .producta img{display: block;max-width: 60%;margin:0 auto;} .producta span{display: block;line-height: 40px;} .productb{height: auto;overflow: hidden;} .producttit{line-height: 45px;background: #f7f7f7;margin-bottom:2%;padding-left: 2%;} /*联系*/ .contactba{height: auto;overflow: hidden;margin-bottom: 2%;} .contactba span{display: block;font-size: 22px;text-align: 50px;} .icona input{width: 24%;margin-right: 1%;float: left;} /*新闻*/ .newslist{height: auto;overflow: hidden;} .newsa{height: auto;overflow: hidden;} .newslist li{height: auto;overflow: hidden;margin: 1%;transition:.4s} .newslist li a{height: auto;overflow: hidden; display: block;padding:1.5%; border: 1px solid #f2f2f2;background: #fff;} .newslist li span{display: block;font-size: 16px;line-height: 40px;transition:.4s} .newslist li strong{display: block;font-weight: normal;line-height: 40px;color: #777;} .newslist li p{line-height: 30px;color: #777;} .newslist li:hover{box-shadow: 0 0 10px rgba(0,0,0,0.3);} .newslist li:hover span{color: #ef7d00 !important;} .newscontent p{color: #777;} .newscontent span{display: block;font-size: 16px;line-height: 35px; text-align: center;} .newsimg img{display: block;margin:0 auto;} .newsPage{height: auto;overflow: hidden;padding: 2% 0;border-top: 1px dashed #dadada;margin-top: 2%;} .honorlist{height: auto;overflow: hidden;} .honorlist .col-lg-4{padding-left: 0.5% !important;padding-right: 0.5% !important;} .honorlist .col-md-4{padding-left: 0.5% !important;padding-right: 0.5% !important;} .honorlist .col-sm-6{padding-left: 0.5% !important;padding-right: 0.5% !important;} .honorlist .col-xs-6{padding-left: 0.5% !important;padding-right: 0.5% !important;} .honorlist li {text-align: center;margin-bottom: 2%;} .honorlist li img{display: block;max-width: 100%;max-height: 100%;margin:0 auto; transition: all 1s ease;} .honorlist li:hover img{transform: scale3D(1.1, 1.1, 1.1)} .honorlist li:hover span{background: #ef7d00;color: #fff;} .honorlist span{display: block;line-height: 50px;text-align: center;background: #fff;transition:.4s;} .imgb{height: auto;overflow: hidden;} @media screen and (max-width:640px){ .col-sm-12{padding-left: 0px !important;padding-right: 0px !important;} .col-xs-12{padding-left: 0px !important;padding-right: 0px !important;} .in01a .slideTxtBox .hd li{margin-bottom: 2%;} .in01a .slideTxtBox .hd .col-sm-6{padding-left: 0.5% !important;padding-right: 0.5% !important;} .in01a .slideTxtBox .hd .col-xs-6{padding-left: 0.5% !important;padding-right: 0.5% !important;} .in_02 {background: url(../images/in02bg.png) center top no-repeat !important;} .footer{padding-bottom: 16% !important;} .common-inner .inner-right .de-contact .contact-map #dituContent{height: 320px !important} .more{margin:4% 0 !important;} .intit strong{font-size: 22px !important;line-height: 30px !important;} .intype .col-sm-4{padding-left: 0.5% !important;padding-right: 0.5% !important;} .intype .col-xs-4{padding-left: 0.5% !important;padding-right: 0.5% !important;} .newsimg img{max-width: 100%;} .p_top{margin-top: 1rem;} } @media screen and (min-width:640px) and (max-width:768px){ .footer{padding-bottom: 6%;background: #2e2e2e;} .foota{background: none;} .top .left{padding-top: 30px;} .p_top{margin-top: 1rem;} .online_kefu{display: none;} } @media screen and (min-width:768px) and (max-width:992px){ .in_02{background: #eee;} .more{margin:4% 0;} .footer{background: #2e2e2e;} .foota{background: none;} .top .left{padding-top: 30px;} .p_top{margin-top: 1rem;} .online_kefu{display: none;} } @media screen and (min-width:992px) and (max-width:1200px){ .in_02{background: #eee;} .more{margin:4% 0;} .top .right ul{width: 100%;} .top .right li a{font-size: 13px;} .top .left{padding-top: 30px;} .online_kefu{display: none;} } @media screen and (min-width:1200px) and (max-width:1500px){ .intel{display: none !important;} .top .right li a{font-size: 14px !important} .foota li{width: 90px !important} .foota li:nth-of-type(2){width: 120px !important} .top .left{padding-top: 25px !important;} .top .right ul{width: 100%;} .online_kefu{display: none;} } @media screen and (min-width:1300px){ .container{width: 1300px !important;margin:0 auto;} } @media screen and (min-width:1200px) and (max-width:1300px){ .container{width: 1200px !important;margin:0 auto;} } /* 更改layer样式 */ .layui-layer-btn{text-align: center !important;padding-bottom:28px !important;} .layui-layer-btn .layui-layer-btn0{display: block;margin:0 auto !important;border-radius: 0 !important;width:88px !important;text-align: center !important;height: 34px !important;line-height: 34px !important;border-color: #237ed2 !important;background-color: #237ed2 !important;} .layui-layer-btn .layui-layer-btn0:hover{background: #348eed !important;border-color: #348eed !important;} /**/