@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;} @media screen and (min-width:640px) and (max-width:1300px){ .wrap{width: 1000px !important;} #he_02_nav li{width: 110px !important;} } @media (min-width: 1200px){ .container{width: 1230px !important;} } @media screen and (max-width:640px){ .intit span{font-size: 18px !important;line-height: 35px !important;} .intit em{font-size: 12px !important;letter-spacing: 1px !important;} .intit p{font-size: 14px !important;background: url(/uploads/image/szimages/mintit.png) center no-repeat !important;line-height:30px !important;} .intit i{width: 100% !important;font-size: 13px !important;line-height: 25px !important;} .in02a li{width: 33.3% !important} .in02a li span{font-size: 22px !important;} .in02a li p{font-size: 14px !important;} .in02b{line-height: 35px !important;} .in_02{padding: 4% 0 !important;} .in_03{padding: 4% 0 !important;} .in_04{padding: 4% 0 !important;} .in_05{padding: 4% 0 !important;} .in_06{padding: 4% 0 !important;} .in03a li span{font-size: 14px !important;} .in03b{height: auto;overflow: hidden;} .in03b .col-lg-3{padding-left: 0.5% !important;padding-right: 0.5% !important;} .in03b .col-md-3{padding-left: 0.5% !important;padding-right: 0.5% !important;} .in03b .col-sm-6{padding-left: 0.5% !important;padding-right: 0.5% !important;} .in03b .col-xs-6{padding-left: 0.5% !important;padding-right: 0.5% !important;} .in03b li {height: auto;overflow: hidden;margin-bottom: 2%;} .in03b li img{display: block;max-width: 100%;} .infontb span{font-size: 16px !important;} .infontb p{font-size: 12px !important;line-height: 20px !important;} .in_04{padding: 4% 0 !important} .in_04 span{font-size: 14px !important;line-height:25px !important;letter-spacing: 1px !important} .submit{margin-top: 2%;} .yin dl dt h4 em{left:70px !important;} .yin dl{height: 256px !important;} .yin dl dd h5{font-size: 16px !important;line-height: 30px !important;height: 30px !important;} .yin dl dd p{font-size: 12px !important;line-height: 25px !important;width: 100% !important;} .yin dl:hover dd, .yin dl.cur dd{height: 256px !important;} .yin dl dd em{margin: 4% auto 0 !important;} .mobin06 li{margin-bottom: 2%;} .mobin06 li img{display: block;max-width: 100%;} .mobin06 li:hover span{background: #ffb400;} .mobin06 li span{display: block;line-height:45px;text-align: center;height:45px;overflow: hidden;background: #282828;color: #fff;transition:.4s;} .mobin06 .col-sm-6{padding-left: 0.5% !important;padding-right: 0.5% !important;} .mobin06 .col-xs-6{padding-left: 0.5% !important;padding-right: 0.5% !important;} .in07a li .infonta{line-height: 40px !important;font-size: 14px !important;} .in07a li .infonta em{width: 40px !important;} .in08a .col-ms-12{padding-left: 0px !important;padding-right: 0px !important;} .in08a .col-xs-12{padding-left: 0px !important;padding-right: 0px !important;} .footb{border-left: none !important;border-right: none !important;} .footca{margin: 4% 0 18% 0;} .timeyy{width: 24% !important} .infontc{width: 68% !important} .companyban{height: 120px !important} .fontban span{font-size: 22px !important;line-height: 30px !important} .fontban p{font-size: 14px !important;} .producta li{line-height: 30px !important;} .pimga{height: 110px !important; } .location .col-sm-12{padding-left: 0px !important;padding-right: 0px !important;} .location .col-xs-12{padding-left: 0px !important;padding-right: 0px !important;} .proa .col-sm-12{padding-left: 0px !important;padding-right: 0px !important;} .proa .col-xs-12{padding-left: 0px !important;padding-right: 0px !important;} .proaa span{font-size: 22px !important;line-height: 40px !important} .prob .col-sm-4{padding-left: 0px !important;padding-right: 0px !important;} .prob .col-xs-4{padding-left: 0px !important;padding-right: 0px !important;} .prob li{line-height: 40px !important;} .prob li a{font-size: 14px !important;} .procb li:nth-of-type(5){border-bottom: 1px solid #dfdfdf!important;} .procb li:nth-of-type(6){border-bottom: 1px solid #dfdfdf!important;} .procb li p{font-size: 12px !important} .procc li{margin-bottom: 2%;} .profa li{width: 32.2% !important;margin-bottom: 2%;} .profaa span{font-size: 14px !important;} .profab span{font-size: 12px !important; } .proga .col-sm-12{padding-left: 0px !important;padding-right: 0px !important;} .proga .col-xs-12{padding-left: 0px !important;padding-right: 0px !important;} .progab{margin-top: 2%;} .newslist .col-sm-12{padding-left: 0px !important;padding-right: 0px !important;} .newslist .col-xs-12{padding-left: 0px !important;padding-right: 0px !important;} .newslist li strong{display: block;margin-top: 2%;} .newslist li span{font-size: 15px !important;line-height: 35px !important} .contacta{padding: 4% 0 !important;} .contactb{padding: 4% 0 !important;} .proh{padding: 4% 0 !important;} .companyc{padding: 4% 0 !important;} .companyd{padding: 4% 0 !important;} .companyb{margin-top: 4% !important;} .companyba .col-sm-12{padding-left: 0px !important;padding-right: 0px !important;} .companyba .col-xs-12{padding-left: 0px !important;padding-right: 0px !important;} .companybb img{margin-top: 2%;} .companyd li{margin-bottom: 2%;} .companyd .col-sm-6{padding-left: 0.5% !important;padding-right: 0.5% !important;} .companyd .col-xs-6{padding-left: 0.5% !important;padding-right: 0.5% !important;} .companyd li i{font-size: 36px !important} .companyd li span{font-size: 16px !important} } /*input placeholder 样式 ::-webkit-input-placeholder {color: #999999;} :-moz-placeholder {color: #999999;} ::-moz-placeholder {color: #999999;} :-ms-input-placeholder {color: #999999;} /*修改滚动条*/ ::-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;} /* 无内容 */ .no-goods,.no-network{padding-top:100px;overflow: hidden;text-align: center;} .no-goods img{display: block;margin:0 auto 30px;width:220px;max-height: 105px;} .no-network img{display: block;margin:0 auto 30px;width:222px;height: 160px;} .no-goods p,.no-network p{font-size:14px;color:#666666;line-height: 20px;} .content img{display: block;max-width: 100%;margin:0 auto 2px auto;} .content p{margin-bottom: 0px !important } /*内页*/ .newsban{position: relative; height: 330px;overflow: hidden;background: center no-repeat;text-align: center;color: #fff;padding: 4% 0;} .caseban{position: relative; height: 330px;overflow: hidden;background: url(/uploads/image/szimages/anliban.jpg) center no-repeat;text-align: center;color: #fff;padding: 4% 0;} .companyban{position: relative; height: 330px;overflow: hidden;background: url(/uploads/image/szimages/companyban.jpg) center no-repeat;text-align: center;color: #fff;padding: 4% 0;} .fahuoban{position: relative; height: 330px;overflow: hidden;background: center no-repeat;text-align: center;color: #fff;padding: 4% 0;} .contactban{position: relative; height: 330px;overflow: hidden;background: url(/uploads/image/szimages/contactban.jpg) center no-repeat;text-align: center;color: #fff;padding: 4% 0;} .prolistban{position: relative; height: 330px;overflow: hidden;background: center no-repeat;text-align: center;color: #fff;padding: 4% 0;} .banner {position: relative;height: auto !important;} .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;} /*手机站大图样式*/ .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); } /*头部*/ .topa{height: 35px;line-height: 35px; overflow: hidden;background: #f2f2f2;font-size: 12px;} .topb{height: auto; overflow: hidden;} .topb .left{width:800px;padding:20px 0;} .topb .left img{float: left;margin-right: 15px;} .topb .left span {display: block;font-size: 16px; line-height: 30px;overflow: hidden;letter-spacing: 1px;} .topb .left strong{display: block; font-size: 24px;color: #1f6096;font-family: cursive;font-weight: bolder;} .topb .right {margin-top:15px;background: url(/uploads/image/szimages/tel.png) left no-repeat;padding-left: 55px;line-height: 30px;} .topb .right p{font-size: 26px;font-weight: bold;color: #1f6096} /*导航*/ .wrap{width: 1230px;margin:0 auto;} .nav{height: 55px;line-height: 55px;overflow: hidden; background: #ededed;position: relative;z-index: 888;width: 100%; } .menu li{float:left;position: relative; width:150px;text-align:center;transition:.4s;} .menu li i{position: relative;top:55px; color: #ededed;transition:.4s;font-size: 18px;} .menu li:hover::after{height: 100%;top: 0px;} .menu li:hover i{top:0px;color: #444;} .menu li.active::after {height: 100%;top: 0px;} .menu li.active i{top:0px;color: #444;} .menu li::after{content: '';position: absolute;top: 55px;left:0;z-index: -1; background: #ffb400;width: 100%;height: 0px;transition:.3s;} .menu a{display:block;} .menu{margin:0 auto;width: 1200px;} .menu ul {height: auto;overflow: hidden;margin-left: 20px;} .menu li.curr .submenu{display: block;} .menu li .submenu{position:absolute;z-index: 999;width: 120px; display: none;line-height:45px; } .menu li .submenu p{ width: 120px;border-bottom: 1px dashed #444;text-align: left; background:rgba(0,0,0,0.6); } .menu li .submenu p:last-child{;border-bottom:none; } .menu li .submenu p a {font-size: 13px;text-align: center;color: #fff;} .menu li .submenu p a:hover{background: #0b5a9f; } .mobmenu{line-height: 45px;height: auto;overflow: hidden; border: 1px solid #ddd;background:#ededed;} .mobmenu .container{padding-left: 0px !important;padding-right: 0px !important;} .mobmenu li {text-align: center;transition:0.4s;border-right: 1px solid #ddd;border-bottom: 1px solid #ddd;} .mobmenu li:hover {background: #ffb400;} .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:65px;padding: 3% 0;position: relative;z-index: 888;} .mobtop .left{width: 50%;padding-left: 2%;} .mobtop .left img{ display: block;max-width: 100%;} .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: 10%;} .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: 30px;color: #03539c} .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.open nav{} .sidebar nav{float: left;width: 140px;height: 100%;margin-left: -140px;color: white;background:rgba(3,83,156,0.8);z-index: 887;} .sidebar h6 {margin: 1.2em;padding: 0 2%;color: #fff;font-weight: bold;font-size: 16px;} .sidebar ul{padding:0 5px;background:rgba(3,83,156,0.8); } .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*/ .in_01{height: 59px;line-height: 59px;overflow: hidden; background: #f2f2f2;border-bottom: 1px solid #eee;} .in_01 span{float: left;} .in_01 span i{color: #ffb400;} .in_01 a{color: #666 !important;transition:.4s;} .in_01 a:hover{color: #000 !important;} .words{line-height: 35px;border:none;width:200px;padding-left: 5px;font-size: 12px; background: #fff; } .search .btn{width: 55px;height: 35px; line-height: 35px;border: none;background: url(/uploads/image/szimages/fdj.png) center no-repeat #ffb400;} .in_02{height: auto;overflow: hidden;background: url(/uploads/image/szimages/in02bg.png) bottom no-repeat;padding: 2% 0;} .intit{height: auto;overflow: hidden;position: relative;text-align: center;} .intit em{display: block;position: absolute;z-index: 1;left: 4%;top:15%; letter-spacing: 10px;color: #f1f1f1;font-size: 18px;} .intit span{display: block;font-size: 36px;line-height: 60px;position: relative;z-index: 2;} .intit span b{color: #ffb400;} .intit p{line-height: 45px;background: url(/uploads/image/szimages/intit.png) center no-repeat;font-size: 22px;color: #666;} .intit i{display: block;line-height: 30px;font-style: normal;width: 80%;margin:4% auto;font-size: 15px;color: #777;} .in02a ul{height: auto;overflow: hidden;margin-top: 6%;} .in02a li{float: left;width: 20%;text-align: center;} .in02a li:last-child{border-right:none;} .in02a li span{display: block;line-height: 55px;font-family: impact;font-size: 50px;font-weight: bold;} .in02a li span b{font-size:14px;font-weight: normal;padding: 5px;border-radius: 40px;background: #ffb400;} .in02a li p{line-height: 25px;font-size: 18px;} .in02b{background: #ffb400;line-height: 55px;width: 300px;border-radius: 60px;text-align: center;margin:4% auto 0 auto;} .in02b b{font-size: 22px;} .in_03{height: auto;overflow: hidden;background: #f8f8f8;padding: 2% 0;} .in03a{height: auto;overflow: hidden;margin-top: 2%;} .in03a li{text-align: center;} .in03a li i{height: auto;overflow: hidden;margin-top: 2%;font-size: 42px;transition:.4s;} .in03a li:hover i{color: #ffb400} .in03a li:hover span{color: #ffb400} .in03a li span{display: block;font-size: 16px;line-height: 45px;transition:.4s;} .tejia_cc{position:relative; width:1200px; height:510px; overflow:hidden;margin-top: 40px;} .tejia_con{position: relative; width:1200px; height:510px; overflow:hidden;} .tejia_con ul{width:9999px; position:absolute;} .tejia_con ul li{float:left; position:relative;margin-right:25px;} .tejia_con li img{ width:380px; height:300px; vertical-align:top;} .tejia_con li:hover .inimgbb{background: rgba(0,0,0,0.8);opacity: 1;top:0;} .infontb{height: auto;overflow: hidden;border: 1px solid #ddd;padding: 4%;} .infontb span{display: block;font-size: 18px;line-height: 40px;} .infontb p{color: #777;line-height: 30px;} .infontb b{display: block; background: url(/uploads/image/szimages/linea.jpg)left center no-repeat;padding-left:70px;margin: 2% 0;font-weight: normal;color: #777; } .inimgbb{height: 100%;width: 100%;position: absolute;top:300px;z-index: 8;background: rgba(0,0,0,0);opacity: 0; padding:8%;transition:.4s;} .inimgbba{height: auto;overflow: hidden; border: 1px solid #929292;text-align: center;padding:14% 4%;color: #fff;} .inimgbba p{font-size: 16px;line-height: 30px;} .inimgbba a{display: block;width: 120px;line-height: 35px;background: #ffffff;text-align: center;border-radius: 5px;margin:2% auto;transition:.4s;} .inimgbba a:hover{background: #444;color: #fff !important;} .inimgbba a:nth-of-type(2){background: #ffb400;} .inimgbba a:nth-of-type(2):hover{background: #444;color: #fff !important;} .tejia_cc .bbtn{ display:block; width:0; height:0;} .tejia_cc .bbtn i{font-size: 26px;color: #fff;} .tejia_cc .aleft{position:absolute; left:44%;background: #43494d; bottom:0px;width:45px;height:45px;text-align: center;line-height: 45px; color: #fff;} .tejia_cc .mid{position:absolute; left:48%;background: #c5c5c5; bottom:0px;width:45px;height:45px;text-align: center;line-height: 45px; color: #fff;} .tejia_cc .aright{position:absolute; right:44%;background: #ffb400; bottom:0px;width:45px;height:45px;text-align: center;line-height: 45px; color: #fff;} .inimgb{height: auto;overflow: hidden;position: relative;} .in_04{height: auto;overflow: hidden;background: url(/uploads/image/szimages/in04bg.jpg) center top no-repeat;padding-top: 2%;} .in_04 .col-sm-12{padding-left: 0px !important;padding-right: 0px !important;} .in_04 .col-xs-12{padding-left: 0px !important;padding-right: 0px !important;} .in_04 strong{display: block;font-size:40px;letter-spacing: 3px;line-height: 45px;color: #fff; } .in_04 span{display: block;font-size:16px;letter-spacing: 11px;line-height: 40px;color: #fff; } .in_05{height: auto;overflow: hidden;padding: 2% 0;} .yin{padding-top: 6%;} .yin .col-lg-3{padding-left: 0.5% !important;padding-right: 0.5% !important;} .yin .col-md-3{padding-left: 0.5% !important;padding-right: 0.5% !important;} .yin .col-sm-6{padding-left: 0.5% !important;padding-right: 0.5% !important;} .yin .col-xs-6{padding-left: 0.5% !important;padding-right: 0.5% !important;} .yin dl{height: 400px;position: relative;overflow: hidden;-webkit-transition:transform .3s;transition:transform .3s;} .yin dl dt{width: 100%;line-height: 0;position: relative;} .yin dl dt img{width: 100%;} .yin dl dt h4{font-size: 18px;color: #333;height: 85px;margin-bottom:0px !important; line-height: 85px;width: 100%;text-align: center;position: absolute;bottom: 0;left: 0;background: #fac12c; transition:height .5s; -moz-transition:height .5s; /* firefox 4 */ -webkit-transition:height .5s; /* safari and chrome */ -o-transition:height .5s; /* opera */} .yin dl dt h4 em{display: block;width: 46px;height: 46px;line-height: 0;background: #142038;border-radius: 50%;position: absolute;top: -23px;left: 120px;} .yin dl dt h4 em img{width: 46px;height: 46px;} .yin dl dd{background: rgba(0,0,0,0.7);position: absolute;bottom: 0;left: 0;height: 0;overflow: hidden;width: 100%;text-align: center; transition:height .5s; -moz-transition:height .5s; /* firefox 4 */ -webkit-transition:height .5s; /* safari and chrome */ -o-transition:height .5s; /* opera */} .yin dl dd h5{height: 70px;line-height: 70px;overflow: hidden; background:url(/uploads/image/szimages/yin_line.gif) no-repeat center 67px;font-size: 26px;color: #fff;} .yin dl dd em{display: block;width: 46px;height: 46px;line-height: 0;background: #fac12c;border-radius: 50%;margin: 80px auto 0;} .yin dl dd em img{width: 46px;height: 46px;} .yin dl dd p{font-size: 16px;color: #fff;line-height: 30px;overflow: hidden;width: 220px;margin: 0 auto;padding: 15px 0 0;} .yin dl:hover dd,.yin dl.cur dd{height: 400px;} .yin dl:hover dt h4,.yin dl.cur dt h4{height: 0;} .yin dl:hover dt h4 em,.yin dl.cur dt h4 em{top: 0;} .yin dl:hover,.yin dl.cur{-webkit-transform:translate(0,-35px);transform:translate(0,-35px);} .yin .nobor{margin-right: 0;} .in_06{height: auto;overflow: hidden;padding: 2% 0;background: #f8f8f8;} .tabbox{width:1200px;height:auto;overflow: hidden;margin-top: 2%;} .tabbox .tab{float: left;width: 270px; overflow:hidden;background: #282828; } .tabbox .tab a{display:block;line-height: 80px;height: 80px;overflow: hidden; border-bottom: 1px solid #3e3e3e; transition:.4s;text-indent: 2em;color: #fff !important;} .tabbox .tab a:hover{background:#ffb400;} .tabbox .tab a.on{background:#ffb400;} .tabbox .content{float: right;width: 930px; overflow:hidden;height:480px;position:relative;} .tabbox .content ul{position:absolute;left:0;top:0;height:480px;} .tabbox .content li{position: relative; width:930px;height:480px;float:left;} .in06bb{float: left; width: 660px;height:480px;} .in06bb img{width: 100%;} .in06aa{float: right;width: 270px;background: #fff;} .in06ab{height: auto;overflow: hidden;margin:8% 4%;} .in06ab span{display: block;line-height: 40px;font-size: 16px;} .in06ab i{display: block;border-top: 2px solid #ffb400;width: 60px;margin:10% 0;} .in06ab p{color: #777;line-height: 30px;} .in06tel{height: auto;overflow: hidden;margin:10% 0;} .in06tel b{float: left;font-size: 48px;font-weight: normal;line-height: 60px;color: #ddd;margin-right: 2%;} .in06tel strong{display: block;font-size: 24px;line-height: 28px;} .more{height: auto;overflow: hidden;margin-top: 4%;} .more a{display: block;float: left;margin-right: 2%;border: 1px solid #cccccc; line-height: 40px;width: 115px;text-align: center;transition:.4s;} .more a:hover{background: #ffb400;border: 1px solid #ffb400} .in_07{height: auto;overflow: hidden;padding: 2% 0;} .in07a{height: auto;overflow: hidden;} .in07a .col-lg-4{padding-left: 0.5% !important;padding-right: 0.5% !important;} .in07a .col-md-4{padding-left: 0.5% !important;padding-right: 0.5% !important;} .in07a .col-ms-4{padding-left: 0.5% !important;padding-right: 0.5% !important;} .in07a .col-xs-4{padding-left: 0.5% !important;padding-right: 0.5% !important;} .in07a li{height: auto;overflow: hidden;position: relative;transition:.4s;} .in07a li img{display: block;width: 100%;transition:.4s;} .in07a li:hover{box-shadow: 0 2px 3px #ccc;} .in07a li .infonta{position: absolute;z-index: 1;background: rgba(0,0,0,0.6);line-height:75px;bottom: 0;width: 100%;color: #fff;padding-left: 2%;font-size: 18px;transition:.4s;} .in07a li:hover .infonta{line-height:75px;bottom: 0;padding: 5% 0 5% 2%;} .in07a li:hover img{border: 25px solid #eee;width: 100%;} .in07a li .infonta em{float: right;background: #ffb400;width: 75px;text-align: center;} .in_08{height: auto;overflow: hidden;padding: 2% 0;background: #f8f8f8;} .in08a {height: auto;overflow: hidden;margin-top: 2%;} .tjnews {height: auto;overflow: hidden;background: #fff;transition:.4s;} .tjnews:hover {background: #ffb400;} .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;} .tjnews a{display: block;margin:2% 4%;} .tjnews img{max-width: 100%;} .inimga{height: 313px;overflow: hidden;} .tjnews p{color: #777; line-height: 30px;transition:.4s;} .tjnews i{color: #777; line-height: 25px;font-style: normal;transition:.4s;} .in08a li{height: auto;overflow: hidden;background: #fff;transition:0.4s;border-bottom: 1px solid #e1e1e1;padding: 2% 0;} .in08a li:last-child{margin-bottom: 0px !important;border-bottom: none} .infontc{margin:3%;float: left;height: auto;overflow: hidden;width: 77%;} .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;} .in08a li:hover {background:#ffb400;} .timeyy{float: right; display:block; width:15%;height: 100%;padding:5% 2%; margin-left:2%;text-align: right;transition:.4s;color: #777;} .timeyy i{font-size: 20px;} .riqi{ display:block;line-height:45px;font-size:24px;font-weight: normal;} /*脚步*/ .footer {clear: both; height: auto;overflow: hidden;padding-top: 2%; background:#333333;} .foottit{line-height: 45px;color: #fff;font-size: 16px;margin-bottom: 4%;} .foottit i{display: block;width: 30px;border-top: 2px solid #ffb400;} .footg{height: auto;overflow: hidden;} .foota strong{display: block;font-size: 16px;line-height: 50px;} .foota li{float: left;line-height: 35px;width: 33.3%;} .foota li:hover a{color: #fff !important;} .foota li a{display: block;color: #969696 !important;transition:.4s;} .footb{line-height: 35px;color: #969696;border-left: 1px solid #484848;border-right: 1px solid #484848;padding-left: 8% !important;} .footb p{ margin-bottom: 0px !important; } .footc {padding-left: 6% !important;} .footca{height: auto;overflow: hidden;line-height: 30px;color: #959595;} .footca span{display: block;font-size: 16px;margin-top: 8%;color: #fff;} .footca img{float: left;width: 135px; margin-right: 2%;} .footcb{color: #fff;margin-top: 6%;height: auto;overflow: hidden;} .footcb strong{display: block; font-size: 30px;font-weight: normal;} .footcb i{float: left; font-size: 34px;line-height: 60px;margin-right: 2%;} .footba{margin-left: 16%;} .footba p{margin-left: 2%;} .foot{line-height: 60px;height: 60px;overflow: hidden;color: #969696;border-top: 1px solid #505050;margin-top: 2%;} .foot span b{color: #ffb400;} .footbot{height: 50px;line-height: 50px;border-top: 1px solid #282828;background: #282828;color: #787878;} .footnav{right: 0;bottom: 0;float: left;width: 100%;position: fixed;background:#d09402;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: #ffb400} .footnav li:nth-of-type(3){background: #b07e03} .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} /*内页-简介*/ .company{height: auto;overflow: hidden;} .companya{height: auto;overflow: hidden;background: #f2f6f9;line-height: 50px;} .companya ul{width: 320px;margin:0 auto;} .companya li{float: left;padding-left: 2%;text-align: center;line-height: 48px;border-bottom: 2px solid #f2f6f9;transition:.4s;} .companya li a{display: block;} .companya li:hover{border-bottom: 2px solid #ec5800;} .companya li:hover a{color: #ec5800;} .companyb{height: auto;overflow: hidden;margin-top: 2%;} .companyba{height: auto;overflow: hidden;margin-top: 2%;} .companybb{line-height: 30px;} .companybb img{max-width: 100%;} .companyc{height: auto;overflow: hidden;padding: 2% 0;background: #f8f8f8;margin-top: 2%;} .companyd{height: auto;overflow: hidden;padding: 2% 0;} .companyd li{height: auto;overflow: hidden;padding:10% 6%;border: 2px solid #eeeeee;text-align: center;} .companyd li i{font-size: 68px;} .companyd li span{display: block;font-size: 22px;line-height: 40px;margin-bottom: 2%;} .companyd li p{font-size: 16px;color: #777;margin-bottom: 0px;line-height: 30px;} .companyca{height: auto;overflow: hidden;margin-top: 40px;} .event_box{position:relative;} .event_box .parhd {width:100%;background: url(/uploads/image/szimages/inimgb.png) center top no-repeat; height:92px;overflow:hidden;} .parhd ul{padding-top:25px !important; } .parhd .tempwrap{margin:0 auto;} .parhd li.no_line:before{display:none;} .parhd li{display:inline-block;cursor:pointer;padding-top:20px;font-size:18px;margin:0 20px;position:relative;} div#listbox {width:100%;} .companyca .sprev,.snext{width:45px;height:45px;display:block;position:absolute;bottom:250%;background: #ffb400;text-align: center;line-height: 45px;border-radius: 60px;} .companyca .sprev{left:0;} .companyca .snext{right:0;} .companyca .sprev img,..companyca .snext img{transition:all .6s cubic-bezier(.51,1.1,.9,.95);-moz-transition:all .6s cubic-bezier(.51,1.1,.9,.95);-webkit-transition:all .6s cubic-bezier(.51,1.1,.9,.95);-o-transition:all .6s cubic-bezier(.51,1.1,.9,.95);} .parhd li.act{color: #ffb400;} .parhd li span,.parhd li.clone span{display:none;} .slidebox{height: auto;overflow: hidden; width: 1100px;margin: 40px auto;} .zcomd{float: left;width: 430px;} .zcomd img{display: block;width: 100%} .zcoma{float: right;width: 645px;height: auto;overflow: hidden;padding-top: 30px;position: relative;} .zcoma em{position: absolute;z-index: 1;font-size: 180px;right:20%; font-family: impact;color: #eee;} .zcomb{float: left;position: relative;z-index: 5;} .zcomb strong{position:relative;font-size:36px;line-height: 32px;} .zcomb p{line-height: 40px;color: #777;} .zcomb p i{color: #ffb400;} .zcomc{float: right;position: relative;z-index: 5;} .jobsa{height: auto;overflow: hidden;margin-top: 2%;} /*产品*/ .productb{height: auto;overflow: hidden;background: #efefef;} .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 li{height: auto;overflow: hidden;background: #fff;padding: 2%;margin-bottom: 4%;} .prolist li span{display: block;font-size: 16px;line-height: 40px;margin-top: 2%;} .prolist li:hover img{transform:scale(1.05,1.05);} .prolist li p{line-height: 30px;color: #777;} .prolist li img{ align-self: center; display: block;width: 100%;transition:all 0.6s ease 0s;} .pimga{ display: flex; width: 100%;height: 205px; overflow: hidden;} .producta{height: auto;overflow: hidden;background: #f2f6f9;line-height: 50px;} .producta li{float: left;padding-left: 2%; text-align: center;line-height: 48px;border-bottom: 2px solid #f2f6f9;transition:.4s;} .producta li a{display: block;color: #777 !important;transition:.4s;} .producta li:hover{border-bottom: 2px solid #ec5800;} .producta li:hover a{color: #444 !important;} .proa{height: auto;overflow: hidden;padding: 2% 0;} .proa img{max-width: 100%;} .proaa{height: auto;overflow: hidden;} .proaa span{display: block;font-size: 26px;line-height: 65px;} .proaa_a {height: auto;overflow: hidden;background: #f7f7f7; padding: 6%;} .proaa_a p{line-height: 30px;color: #777;} .proaa_a p:nth-of-type(2){border-top: 1px dashed #cccccc;margin-top: 6%;padding-top: 6%;} .proaa strong{color: #444;font-size: 15px;} .online{height: auto;overflow: hidden;margin-top: 4%;} .online em{display: block;} .online em i{font-size: 22px;} .online em b{font-size:26px;} .online a{float: left;background: #ffb400;width: 180px;line-height: 50px;text-align: center;margin-right: 4%;font-size: 15px;transition:.4s;} .online a:hover{background: #444;color: #fff !important;} .prob{position: relative;overflow: hidden;z-index: 88;width: 100%;background: #eeeeee;} .prob ul{height: auto;overflow: hidden;margin-bottom: 0px;} .prob li{line-height: 60px;text-align: center;transition:.4s;} .prob li a{display: block;font-size: 16px;} .prob li:hover{background: #ffb400;} .prob li:hover a{color: #fff !important;} .proc{height: auto;overflow: hidden;margin-top: 2%;width: 100%;} .proca{height: auto;overflow: hidden;} .proca img{display: block;max-width: 100%;} .proca p{line-height: 30px;color: #666;} .procb{height: auto;overflow: hidden;background: #f8f8f8;padding: 4%;margin-top: 2%;} .procb li{height: auto;overflow: hidden;text-align: center;border-right: 1px solid #dfdfdf;border-bottom: 1px solid #dfdfdf;padding-bottom: 4%;} .procb li:nth-of-type(5){padding-top: 4%;border-bottom: none;} .procb li:nth-of-type(6){padding-top: 4%;border-bottom: none;} .procb li:nth-of-type(7){padding-top: 4%;border-bottom: none;} .procb li:nth-of-type(8){padding-top: 4%;border-bottom: none;} .procb li em{display: block;width: 90px;line-height: 70px;padding-top: 4%; background: #ffb400;border-radius: 50px;text-align: center;margin:0 auto 4% auto;} .procb li em i{font-size: 36px;} .procb li p{font-size: 15px;line-height: 30px;} .procb .col-lg-3{padding-left: 0px !important;padding-right: 0px !important;} .procb .col-md-3{padding-left: 0px !important;padding-right: 0px !important;} .procb .col-sm-6{padding-left: 0px !important;padding-right: 0px !important;} .procb .col-xs-6{padding-left: 0px !important;padding-right: 0px !important;} .procc{height: auto;overflow: hidden;padding: 2% 0;} .procc ul{height: auto;overflow: hidden;margin-top: 2%;} .procc li{height: auto;overflow: hidden;} .procc li img{display: block;width: 100%;} .procc_a{position: relative;z-index: 1; } .procc_a span{display: block; line-height: 45px;text-align: center;background: #ffb400;padding-top: 10%;} .procc_a em{position: absolute;display: block;left: 35%; width: 50px;height: 50px; line-height: 50px;background: #282828;text-align: center;border-radius: 60px;margin-top: -30px;} .procc_a em i{color: #fff;font-size: 18px;} .procc .col-lg-2{padding-left: 0.5% !important;padding-right: 0.5% !important} .procc .col-md-2{padding-left: 0.5% !important;padding-right: 0.5% !important} .procc .col-sm-6{padding-left: 0.5% !important;padding-right: 0.5% !important} .procc .col-xs-6{padding-left: 0.5% !important;padding-right: 0.5% !important} .prod{height: auto;overflow: hidden;margin-top:2%;background: #f8f8f8;padding: 2% 0;} .proda{height: auto;overflow: hidden;margin-top: 2%;} .proda ul li{margin-bottom:1.5%;} .proda .col-lg-6{padding-left: 0.5% !important;padding-right: 0.5% !important;} .proda .col-md-6{padding-left: 0.5% !important;padding-right: 0.5% !important;} .proda .col-sm-6{padding-left: 0.5% !important;padding-right: 0.5% !important;} .proda .col-xs-6{padding-left: 0.5% !important;padding-right: 0.5% !important;} .proda img{display: block;width: 100%;} .proe{height: auto;overflow: hidden;margin-top:2%;padding: 2% 0;} .prof{height: auto;overflow: hidden;margin-top:2%;background: #f8f8f8;padding: 2% 0;} .profa li{float: left;width:19.2%;margin-right: 1%;text-align: center;background: #f2f2f2;padding: 2%;transition:.4s;} .profa li:hover{background: #ffb400;} .profa li:hover p{background: #e5a200;} .profa li:last-child{margin-right: 0px;} .profaa{position: relative;text-align: center;} .profaa span{position: absolute;z-index: 1;top:15%;left: 10%;font-size: 22px;color: #d6d6d6;} .profaa strong{position: relative;z-index: 4; display: block;font-size: 46px;font-family: impact;} .profaa p{background: #ffb400;line-height: 40px;text-align: center;width: 90%;margin:2% auto 4% auto!important;transition:.4s;} .profab img{display: block;width: 100%;} .profab span{display: block;line-height: 30px;margin-top: 6%;color: #777;} .prog{height: auto;overflow: hidden;padding: 2% 0;} .proga{height: auto;overflow: hidden;margin-top: 2%;} .proga .col-lg-4{padding-left: 0px !important;padding-right: 0px !important;} .proga .col-md-4{padding-left: 0px !important;padding-right: 0px !important;} .proga .col-sm-6{padding-left: 0.5% !important;padding-right: 0.5% !important;} .proga .col-xs-6{padding-left: 0.5% !important;padding-right: 0.5% !important;} .proga img{display: block;width: 100%;} .progaa {height: auto;overflow: hidden;background:#ffb400;} .progaa_a{height: auto;overflow: hidden;margin:4%;color: #fff;} .progaa_a span{display: block;line-height: 40px;} .progab li{position: relative; height: auto;overflow: hidden;margin-bottom: 2%;} .progab li span{display: block;background: rgba(0,0,0,0.6);line-height: 45px;bottom: 0;position: absolute;z-index: 1;width: 100%;color: #fff;text-align: center;} .proh{height: auto;overflow: hidden;margin-top:2%;background: #f8f8f8;padding: 2% 0;} .forma{height: auto;overflow: hidden;} .forma input{float: left;width: 32%;margin-right: 2%;line-height: 40px;padding-left: 2%;border: 1px solid #e6e6e6;} .forma input:last-child{margin-right: 0px;} .form-tr{margin-top: 2%;} /*新闻*/ .fontban p{font-size:16px;line-height:40px;} .fontban span{display: block;font-size: 30px;line-height: 50px;} .fontban span b{color: #ec5800} .fontban i{display: block;border-top: 2px solid #fff;width: 40px;margin:5px auto;} .location{height: auto;line-height: 45px;overflow: hidden;background: #f2f2f2;color: #777;} .location em{color: #444;} .location a{color: #777 !important;} .ntit{height: auto;overflow: hidden;text-align: center;margin-top: 2%;} .ntit span{display: block;font-size: 32px;line-height: 60px;} .newslist{height: auto;overflow: hidden;} .newsa{height: auto;overflow: hidden;padding: 2% 0;} .newslist li{height: auto;overflow: hidden;padding-bottom: 2%;margin-bottom: 2%;border-bottom: 1px dashed #ddd;transition:.4s;} .newslist li a{display: block;position: relative;} .newslist li a::before{content: ""; position: absolute;z-index: 88; top:0;left: 0; background: url(/uploads/image/szimages/newsa.png) bottom no-repeat;width: 100%;height: 100%; padding: 0 32px;} .newslist li img{max-width: 100%;transition: all 1s ease;} .newslist li:hover img{transform: scale3d(1.1, 1.1, 1.1); }} .newslist .col-lg-3{padding-left: 0.5% !important;padding-right: 0.5% !important;} .newslist .col-md-3{padding-left: 0.5% !important;padding-right: 0.5% !important;} .newslist .col-sm-6{padding-left: 0.5% !important;padding-right: 0.5% !important;} .newslist .col-xs-6{padding-left: 0.5% !important;padding-right: 0.5% !important;} .newslist li span{display: block;line-height: 45px;font-size: 22px;} .newslist li p{line-height: 30px;margin-bottom: 0px;} .newslist li i{display: block;width: 100px;line-height: 30px;border: 1px solid #ec5800;text-align: center;margin-top: 2%;border-radius: 5px;transition:.4s;} .newslist li:hover i{background: #ec5800;color: #fff !important;} .imga{height: auto;overflow: hidden;} .honorlist li{position: relative; height: auto;overflow: hidden;margin-bottom: 1%;padding-bottom: 3%;margin-bottom: 3%;border-bottom: 1px dashed #ddd;} .honorlist li a{display: block;position: relative;border: 1px solid #efefef;} .honorlist li a::before{content: ""; position: absolute;z-index: 88; top:0;left: 0; background: url(/uploads/image/szimages/newsa.png) bottom no-repeat;width: 100%;height: 100%; padding: 0 32px;} .honorlist li img{width: 100%;transition: all 1s ease;} .honorlist li:hover img{transform: scale3d(1.1, 1.1, 1.1); }} .honorlist .col-lg-3{padding-left: 0.5% !important;padding-right: 0.5% !important;} .honorlist .col-md-3{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 span{position: absolute;z-index: 88;bottom: 0; display: block;line-height: 45px;font-size: 16px;text-align: center;width: 100%;color: #fff;} .honorlist li p{line-height: 30px;margin-bottom: 0px;} .honorlist li i{display: block;width: 100px;line-height: 30px;border: 1px solid #ec5800;text-align: center;margin-top: 2%;border-radius: 5px;} .imga{height: auto;overflow: hidden;} .content{padding: 2%;line-height: 30px;} .newsaa{height: auto;overflow: hidden;margin-bottom: 3%;} .newsaa li{border: 1px solid #eee;padding:8% 4%;font-size: 18px;text-align: center;color: #666;} .newsaa li i{font-size: 32px;} .newsaa .col-lg-2{padding-left: 0.5% !important;padding-right: 0.5% !important;} .newsaa .col-lg-2:nth-of-type(2n 0){background: #e9e9e9;} .newsaa .col-md-2{padding-left: 0.5% !important;padding-right: 0.5% !important;} .newsaa .col-md-2:nth-of-type(2n 0){background: #e9e9e9;} .newsaa .col-sm-6{padding-left: 0.5% !important;padding-right: 0.5% !important;} .newsaa .col-sm-6:nth-of-type(2n 0){background: #e9e9e9;} .newsaa .col-xs-6{padding-left: 0.5% !important;padding-right: 0.5% !important;} .newsaa .col-xs-6:nth-of-type(2n 0){background: #e9e9e9;} .newsb{height: auto;overflow: hidden;background: center no-repeat ;padding: 4% 0 8% 0;} .newsb ul{height: auto;overflow: hidden;margin-top: 4%} .newsb li{height: auto;overflow: hidden;color: #fff;text-align: center;background: right no-repeat;padding:3% 0;} .newsb li i{font-size: 42px;} .newsb li span{display: block;line-height: 50px;font-size: 24px;} .newsb li p{line-height: 25px;font-size: 16px;} .ntita{height: auto;overflow: hidden;text-align: center;margin-top: 2%;color: #fff;} .ntita span{display: block;font-size: 32px;line-height: 60px;} /*新闻详情*/ .newsinfoa{height: auto;overflow: hidden;} .ninfotit{height: auto;overflow: hidden;padding: 2% 0;text-align: center;border-bottom:1px dashed #ededed} .ninfotit span{display: block;font-size: 22px;line-height: 45px;} .ninfotit p{line-height:30px;color: #777;margin-bottom: 0px;} .newsinfoaa{height: auto;overflow: hidden;margin-top: 2%;} /*侧栏样式*/ .sidetit{background: #444;font-size: 24px;font-weight: bold; line-height:40px; color: #fff;text-indent: 1em;padding: 4% 0 2% 0} .sidetit p{line-height: 25px;font-size: 14px;color: #bb8503;} .lxsidetit img{max-width: 100%;} .side{height: auto;overflow: hidden; margin-bottom: 3%;} .side ul{height: auto;overflow: hidden;background: #f6f6f6;padding: 2%;} .side li{position: relative;overflow: hidden;border-bottom: 1px solid #ececec; text-indent: 2em;line-height:50px;height:50px;transition:.4s;margin-top: 2%; } .side li:nth-of-type(13){background: #444;} .side li:nth-of-type(13) a{color: #fff !important;font-size: 22px;font-weight: bold;} .side li:nth-of-type(13) a i{font-weight: normal;background: #bb8503;border-radius: 2px;} .side li:hover{background: #444;} .side li:hover i{color: #fff !important;} .side li:hover a{color: #fff !important;} .side li a{display: block; } .lxside{background: #ebebeb;padding: 15px;height: auto;overflow: hidden;border-bottom: 4px solid #444} .lxside p{line-height:30px;margin-bottom: 0px;} /*联系*/ .contacta{height: auto;overflow: hidden;padding: 2% 0;} .contactaa{height: auto;overflow: hidden;padding: 2% 0;} .contactaa li{height: auto;overflow: hidden;padding: 2% 0;border-right: 1px solid #ededed;text-align: center;} .contactaa li i{display: block;font-size: 38px;color: #888;} .contactaa li span{display: block;line-height: 20px;margin-bottom: 2%; } .contactaa li p{line-height:40px;font-size: 16px;color:#777;} .contactaa li:nth-of-type(4) p{font-size: 16px;} .contactb{height: auto;overflow: hidden;padding-top: 2%;} .contactb .common-inner{margin-top: 2%;} /* 更改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;} /**/