*{word-wrap:break-word} html,body,h1,h2,h3,h4,h5,h6,hr,p,iframe,dl,dt,dd,ul,ol,li,pre,form,button,input,textarea,th,td,fieldset{margin:0;padding:0} ul,ol,dl{list-style-type:none} html,body{*position:static;box-sizing: border-box} html{font-family: sans-serif;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%} address,caption,cite,code,dfn,em,th,var{font-style:normal;font-weight:400} input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit} input,button{overflow: visible;vertical-align:middle;outline:none} body,th,td,button,input,select,textarea{font-family:"Microsoft Yahei","Hiragino Sans GB","Helvetica Neue",Helvetica,tahoma,arial,Verdana,sans-serif,"WenQuanYi Micro Hei","\5B8B\4F53";font-size:12px;color: #333;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing:grayscale} body{line-height:1.6} h1,h2,h3,h4,h5,h6{font-size:100%} a, area {outline: none;} a{text-decoration:none;cursor: pointer} a:hover{text-decoration:underline;outline:none} a.ie6:hover{zoom:1} a:focus{outline:none} a:hover,a:active{outline:none}:focus{outline:none} sub,sup{vertical-align:baseline} button,input[type="button"], input[type="submit"] {line-height:normal !important} /*img*/ img{border:0;vertical-align:middle;max-width: 100%} a img,img{-ms-interpolation-mode:bicubic} .img-responsive{max-width: 100%;height: auto} /*IE内核识别，不能删除a:hover ������˸*/ *html{zoom:expression(function(ele){ele.style.zoom = "1";document.execCommand("BackgroundImageCache",false,true)}(this))} /*HTML5 reset*/ header,footer,section,aside,details,menu,article,section,nav,address,hgroup,figure,figcaption,legend{display:block;margin:0;padding:0}time{display:inline} audio,canvas,video{display:inline-block;*display:inline;*zoom:1} audio:not([controls]){display:none} svg:not(:root) {overflow: hidden} fieldset {border-width:0;padding: 0.35em 0.625em 0.75em;margin: 0 2px;border: 1px solid #c0c0c0} input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button {height: auto} input[type="search"] {-webkit-appearance: textfield; /* 1 */-moz-box-sizing: content-box;-webkit-box-sizing: content-box; /* 2 */box-sizing: content-box} input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration {-webkit-appearance: none} /* Name: style_clearfix Example: class="clearfix|cl" Explain: Clearfix����дcl����������Ԫ�ظ��������µĸ�Ԫ�ظ߶�ȱʧ������ */ .cl:after,.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden}.cl,.clearfix{zoom:1} table{ margin:0 auto } table tr td{ border:solid 1px #ececec; padding:5px; } a,a:hover,a:active,a:visited,a:link,a:focus{ -webkit-tap-highlight-color:rgba(0,0,0,0); -webkit-tap-highlight-color: transparent; outline:none; background: none; text-decoration: none; } ul li{list-style: none} img{ max-width: 100%;transition: all 0.5s ease;vertical-align:middle; } /*�м�Ԫ�ش�ֱ����*/ .bx-text-vertical{ display:flex;align-items:center;height:100%;} /*�鼯Ԫ�ش�ֱ����*/ .bx-div-vertical{ display:flex;justify-content:center;align-items:center;} .bx-img-hover:hover img{ -webkit-transform: scale(1.1); -webkit-transition-timing-function: ease-out; -webkit-transition-duration: 750ms; -moz-transform: scale(1.1); -moz-transition-timing-function: ease-out; -moz-transition-duration: 750ms; overflow: hidden; } .bx-overflow{overflow: hidden} /*==========padding margin==========*/ .bx-p5{padding:5px! important;box-sizing: border-box} .bx-p10{padding:10px! important;box-sizing: border-box} .bx-p20 {padding:20px! important;box-sizing: border-box} .bx-p30 {padding:30px! important;box-sizing: border-box} .bx-p40 {padding:40px! important;box-sizing: border-box} .bx-p50 {padding:50px! important;box-sizing: border-box} .bx-p60 {padding:60px! important;box-sizing: border-box} .bx-pt10{padding-top: 10px! important;box-sizing: border-box} .bx-pt20{padding-top: 20px! important;box-sizing: border-box} .bx-pt30{padding-top: 30px! important;box-sizing: border-box} .bx-pt40{padding-top: 40px! important;box-sizing: border-box} .bx-pt50{padding-top: 50px! important;box-sizing: border-box} .bx-pt50{padding-top: 60px! important;box-sizing: border-box} .bx-pr10{padding-right: 10px! important;box-sizing: border-box} .bx-pr20{padding-right: 20px! important;box-sizing: border-box} .bx-pr30{padding-right: 30px! important;box-sizing: border-box} .bx-pr40{padding-right: 40px! important;box-sizing: border-box} .bx-pr50{padding-right: 50px! important;box-sizing: border-box} .bx-pr60{padding-right: 60px! important;box-sizing: border-box} .bx-pb10{padding-bottom: 10px! important;box-sizing: border-box} .bx-pb20{padding-bottom: 20px! important;box-sizing: border-box} .bx-pb30{padding-bottom: 30px! important;box-sizing: border-box} .bx-pb40{padding-bottom: 40px! important;box-sizing: border-box} .bx-pb50{padding-bottom: 50px! important;box-sizing: border-box} .bx-pb60{padding-bottom: 60px! important;box-sizing: border-box} .bx-pl10{padding-left: 10px! important;box-sizing: border-box} .bx-pl20{padding-left: 20px! important;box-sizing: border-box} .bx-pl30{padding-left: 30px! important;box-sizing: border-box} .bx-pl40{padding-left: 40px! important;box-sizing: border-box} .bx-pl50{padding-left: 50px! important;box-sizing: border-box} .bx-pl60{padding-left: 60px! important;box-sizing: border-box} .bx-ptb5{padding: 5px 0! important;box-sizing: border-box} .bx-ptb10{padding:10px 0! important; box-sizing: border-box} .bx-ptb20{padding: 20px 0! important;box-sizing: border-box} .bx-ptb30{padding: 30px 0! important;box-sizing: border-box} .bx-ptb40{padding: 40px 0! important;box-sizing: border-box} .bx-ptb50{padding: 50px 0! important;box-sizing: border-box} .bx-ptb60{padding: 60px 0! important;box-sizing: border-box} .bx-plr5{padding: 0 5px! important;box-sizing: border-box} .bx-plr10{padding: 0 10px! important;box-sizing: border-box} .bx-plr20{padding: 0 20px! important;box-sizing: border-box} .bx-plr30{padding: 0 30px! important;box-sizing: border-box} .bx-plr40{padding: 0 40px! important;box-sizing: border-box} .bx-plr50{padding: 0 50px! important;box-sizing: border-box} .bx-plr60{padding: 0 60px! important;box-sizing: border-box} .bx-mt5{margin-top:5px! important;} .bx-mt10{margin-top:10px! important;} .bx-mt20{margin-top:20px! important;} .bx-mt30{margin-top:30px! important;} .bx-mt40{margin-top:40px! important;} .bx-mt50{margin-top:50px! important;} .bx-mt60{margin-top:60px! important;} .bx-mb5{margin-bottom:5px! important;} .bx-mb10{margin-bottom:10px! important;} .bx-mb20{margin-bottom:20px! important;} .bx-mb30{margin-bottom:30px! important;} .bx-mb40{margin-bottom:40px! important;} .bx-mb50{margin-bottom:50px! important;} .bx-mb60{margin-bottom:60px! important;} .bx-ml5{margin-left:5px! important;} .bx-ml10{margin-left:10px! important;} .bx-ml20{margin-left:20px! important;} .bx-ml30{margin-left:30px! important;} .bx-ml40{margin-left:40px! important;} .bx-ml50{margin-left:50px! important;} .bx-ml60{margin-left:60px! important;} .bx-mr5{margin-right:5px! important;} .bx-mr10{margin-right:10px! important;} .bx-mr20{margin-right:20px! important;} .bx-mr30{margin-right:30px! important;} .bx-mr40{margin-right:40px! important;} .bx-mr50{margin-right:50px! important;} .bx-mr60{margin-right:60px! important;} .bx-m5{margin:5px! important;} .bx-m10{margin:10px! important;} .bx-m20{margin:20px! important;} .bx-m30{margin:30px! important;} .bx-m40{margin:40px! important;} .bx-m50{margin:50px! important;} .bx-m60{margin:60px! important;} .bx-mtb10{margin: 10px 0! important;} .bx-mtb20{margin: 20px 0! important;} .bx-mtb30{margin: 30px 0! important;} .bx-mtb40{margin: 40px 0! important;} .bx-mtb50{margin: 50px 0! important;} .bx-mtb60{margin: 60px 0! important;} .bx-mlr10{margin: 0px 10px! important;} .bx-mlr20{margin: 0px 20px! important;} .bx-mlr30{margin: 0px 30px! important;} .bx-mlr40{margin: 0px 40px! important;} .bx-mlr50{margin: 0px 50px! important;} .bx-mlr60{margin: 0px 60px! important;} .bx-min-w10{min-width: 1000px! important} .bx-min-w12{min-width: 1200px! important} /*==========font-size==========*/ .bx-fs12{font-size: 12px! important;} .bx-fs14{font-size: 14px! important;} .bx-fs16{font-size: 16px! important;} .bx-fs18{font-size: 18px! important;} .bx-fs20{font-size: 20px! important;} .bx-fs22{font-size: 22px! important;} .bx-fs24{font-size: 24px! important;} .bx-fs26{font-size: 26px! important;} .bx-fs28{font-size: 28px! important;} .bx-fs32{font-size: 32px! important;} .bx-fs36{font-size: 36px! important;} .bx-fsb14{font-size: 14px! important;font-weight: bold;} .bx-fsb16{font-size: 16px! important;font-weight: bold;} .bx-fsb18{font-size: 18px! important;font-weight: bold;} .bx-fsb20{font-size: 20px! important;font-weight: bold;} .bx-fsb22{font-size: 22px! important;font-weight: bold;} .bx-fsb24{font-size: 24px! important;font-weight: bold;} .bx-fsb26{font-size: 26px! important;font-weight: bold;} .bx-fsb28{font-size: 28px! important;font-weight: bold;} .bx-fsb32{font-size: 32px! important;font-weight: bold;} .bx-fsb36{font-size: 36px! important;font-weight: bold;} /*�и�*/ .bx-lh20{line-height: 20px;} .bx-lh25{line-height: 25px;} .bx-lh30{line-height: 30px;} .bx-lh35{line-height: 35px;} .bx-lh40{line-height: 40px;} .bx-fw-bold{ font-weight: bold;} .bx-shadow{box-shadow: 0 2px 8px 2px rgba(198, 201, 208, 0.5);margin: 5px;} .bx-shadow-hover:hover{box-shadow: 0 2px 8px 2px rgba(198, 201, 208, 0.5);} .bx-color-3{color: #333333; } .bx-color-6{color: #666666; } .bx-color-9{color: #999999; } .bx-color-f{color: #fff; } .bx-color-d{color: #ddd; } .bx-border{border:solid 1px #ececec;} .bx-border-t{border-top:solid 1px #ececec;} .bx-border-l{border-left:solid 1px #ececec;} .bx-border-r{border-right:solid 1px #ececec;} .bx-border-b{border-bottom:solid 1px #ececec;} .bx-hide-border{border:solid 1px #ececec;} .bx-text-justify{text-align: justify}/*�������ζ���*/ .bx-text-uppercase{text-transform: uppercase}/*���ִ�д*/ .bx-text-capitalize{text-transform: capitalize;}/*��������ĸ��д*/ .bx-relative{position:relative;} .bx-absolute{position:absolute;width:100%} .bx-fixed{position:fixed;width:100%} /*==========���г�������==========*/ .bx-text-p2{ line-height:25px; height:50px; overflow:hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; } .bx-text-p3{ line-height:25px; height:75px; overflow:hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; } .bx-text-p4{ line-height:25px; height:100px; overflow:hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 4; overflow: hidden; } .bx-text-p5{ line-height:25px; height:125px; overflow:hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 5; overflow: hidden; } .bx-text-p6{ line-height:25px; height:150px; overflow:hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 6; overflow: hidden; } .bx-text-p7{ line-height:25px; height:175px; overflow:hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 7; overflow: hidden; } .bx-bj-fd{background-color:#fdfdfd} .bx-bj-f5{background-color:#f5f5f5} .bx-fd-p{position:absolute;z-index:2;bottom:0;left:0;width:100%; height:40px;line-height:40px;padding:0 5px;background-color:rgba(0, 0, 0, 0.45);color:#fff;} .bx-ul{overflow:hidden} .bx-ul li{float:left;} /*����*/ .bx-btn{height:45px;border:solid 1px #ececec;width:100%;text-indent:10px;font-size:14px;color:#666;outline:none;} .bx-btn-botton{height:45px;border:none;width:100%;} input[type="radio"], input[type="checkbox"]{margin:0;vertical-align:middle;} /*��ѡ��*/ .bx-radio{ position: relative;display:inline-block;padding-left:20px;line-height:25px;} .bx-radio input[type="radio"] { position: absolute;left: -9999px;} .bx-radio i {display: block;position: absolute;top: 5px; left: 0;width: 15px;height: 15px;outline: 0; border: 1px solid #e4e4e4; background: #ffffff; border-radius: 50%; transition: border-color .3s;-webkit-transition: border-color .3s;} .bx-radio input[type="radio"] + i:after {position: absolute;content: '';top: 3px;left: 3px;width: 7px;height: 7px;border-radius: 50%;background-color: #0566c5;opacity: 0;transition: opacity .1s; -webkit-transition: opacity .1s;} .bx-radio input[type="radio"]:checked + i:after {opacity: 1;} .bx-radio input[type="radio"]:checked + i{border: 1px solid #0566c5;} /*��ѡ��*/ .bx-checkbox{ position: relative;display:inline-block;padding-left:20px;line-height:25px;} .bx-checkbox input[type="checkbox"] { position: absolute;left: -9999px;} .bx-checkbox i {display: block;position: absolute;top: 5px; left: 0;width: 15px;height: 15px;outline: 0; border: 1px solid #e4e4e4; background: #ffffff; transition: border-color .3s;-webkit-transition: border-color .3s;} .bx-checkbox input[type="checkbox"] + i:after {font-family: ZenIcon;position: absolute;content: '\e60d';top: -5px;left: 0px;opacity: 0;color:#0566c5; transition: opacity .1s; -webkit-transition: opacity .1s;} .bx-checkbox input[type="checkbox"]:checked + i:after {opacity: 1;} .bx-checkbox input[type="checkbox"]:checked + i{border: 1px solid #0566c5;} @media (max-width: 1000px){ /*==========padding margin==========*/ .bx-xs-p0{padding:0px! important;box-sizing: border-box} .bx-xs-p5{padding:5px! important;box-sizing: border-box} .bx-xs-p10{padding:10px! important;box-sizing: border-box} .bx-xs-p20 {padding:20px! important;box-sizing: border-box} .bx-xs-p30 {padding:30px! important;box-sizing: border-box} .bx-xs-p40 {padding:40px! important;box-sizing: border-box} .bx-xs-p50 {padding:50px! important;box-sizing: border-box} .bx-xs-p60 {padding:60px! important;box-sizing: border-box} .bx-xs-pt0{padding-top: 0px! important;box-sizing: border-box} .bx-xs-pt10{padding-top: 10px! important;box-sizing: border-box} .bx-xs-pt20{padding-top: 20px! important;box-sizing: border-box} .bx-xs-pt30{padding-top: 30px! important;box-sizing: border-box} .bx-xs-pt40{padding-top: 40px! important;box-sizing: border-box} .bx-xs-pt50{padding-top: 50px! important;box-sizing: border-box} .bx-xs-pt60{padding-top: 60px! important;box-sizing: border-box} .bx-xs-pr0{padding-right: 0px! important;box-sizing: border-box} .bx-xs-pr10{padding-right: 10px! important;box-sizing: border-box} .bx-xs-pr20{padding-right: 20px! important;box-sizing: border-box} .bx-xs-pr30{padding-right: 30px! important;box-sizing: border-box} .bx-xs-pr40{padding-right: 40px! important;box-sizing: border-box} .bx-xs-pr50{padding-right: 50px! important;box-sizing: border-box} .bx-xs-pr60{padding-right: 60px! important;box-sizing: border-box} .bx-xs-pb0{padding-bottom: 0px! important;box-sizing: border-box} .bx-xs-pb10{padding-bottom: 10px! important;box-sizing: border-box} .bx-xs-pb20{padding-bottom: 20px! important;box-sizing: border-box} .bx-xs-pb30{padding-bottom: 30px! important;box-sizing: border-box} .bx-xs-pb40{padding-bottom: 40px! important;box-sizing: border-box} .bx-xs-pb50{padding-bottom: 50px! important;box-sizing: border-box} .bx-xs-pb60{padding-bottom: 60px! important;box-sizing: border-box} .bx-xs-pl0{padding-left: 0px! important;box-sizing: border-box} .bx-xs-pl10{padding-left: 10px! important;box-sizing: border-box} .bx-xs-pl20{padding-left: 20px! important;box-sizing: border-box} .bx-xs-pl30{padding-left: 30px! important;box-sizing: border-box} .bx-xs-pl40{padding-left: 40px! important;box-sizing: border-box} .bx-xs-pl50{padding-left: 50px! important;box-sizing: border-box} .bx-xs-pl60{padding-left: 60px! important;box-sizing: border-box} .bx-xs-ptb0{padding: 0px 0! important;box-sizing: border-box} .bx-xs-ptb5{padding: 5px 0! important;box-sizing: border-box} .bx-xs-ptb10{padding:10px 0! important; box-sizing: border-box} .bx-xs-ptb20{padding: 20px 0! important;box-sizing: border-box} .bx-xs-ptb30{padding: 30px 0! important;box-sizing: border-box} .bx-xs-ptb40{padding: 40px 0! important;box-sizing: border-box} .bx-xs-ptb50{padding: 50px 0! important;box-sizing: border-box} .bx-xs-ptb60{padding: 60px 0! important;box-sizing: border-box} .bx-xs-plr0{padding: 0 0px! important;box-sizing: border-box} .bx-xs-plr5{padding: 0 5px! important;box-sizing: border-box} .bx-xs-plr10{padding: 0 10px! important;box-sizing: border-box} .bx-xs-plr20{padding: 0 20px! important;box-sizing: border-box} .bx-xs-plr30{padding: 0 30px! important;box-sizing: border-box} .bx-xs-plr40{padding: 0 40px! important;box-sizing: border-box} .bx-xs-plr50{padding: 0 50px! important;box-sizing: border-box} .bx-xs-plr60{padding: 0 60px! important;box-sizing: border-box} .bx-xs-mt0{margin-top:0px! important;} .bx-xs-mt5{margin-top:5px! important;} .bx-xs-mt10{margin-top:10px! important;} .bx-xs-mt20{margin-top:20px! important;} .bx-xs-mt30{margin-top:30px! important;} .bx-xs-mt40{margin-top:40px! important;} .bx-xs-mt50{margin-top:50px! important;} .bx-xs-mt60{margin-top:60px! important;} .bx-xs-mb0{margin-bottom:0px! important;} .bx-xs-mb5{margin-bottom:5px! important;} .bx-xs-mb10{margin-bottom:10px! important;} .bx-xs-mb20{margin-bottom:20px! important;} .bx-xs-mb30{margin-bottom:30px! important;} .bx-xs-mb40{margin-bottom:40px! important;} .bx-xs-mb50{margin-bottom:50px! important;} .bx-xs-mb60{margin-bottom:60px! important;} .bx-xs-ml0{margin-left:0px! important;} .bx-xs-ml5{margin-left:5px! important;} .bx-xs-ml10{margin-left:10px! important;} .bx-xs-ml20{margin-left:20px! important;} .bx-xs-ml30{margin-left:30px! important;} .bx-xs-ml40{margin-left:40px! important;} .bx-xs-ml50{margin-left:50px! important;} .bx-xs-ml60{margin-left:60px! important;} .bx-xs-mr0{margin-right:0px! important;} .bx-xs-mr5{margin-right:5px! important;} .bx-xs-mr10{margin-right:10px! important;} .bx-xs-mr20{margin-right:20px! important;} .bx-xs-mr30{margin-right:30px! important;} .bx-xs-mr40{margin-right:40px! important;} .bx-xs-mr50{margin-right:50px! important;} .bx-xs-mr60{margin-right:60px! important;} .bx-xs-m0{margin:0px! important;} .bx-xs-m5{margin:5px! important;} .bx-xs-m10{margin:10px! important;} .bx-xs-m20{margin:20px! important;} .bx-xs-m30{margin:30px! important;} .bx-xs-m40{margin:40px! important;} .bx-xs-m50{margin:50px! important;} .bx-xs-m60{margin:60px! important;} .bx-xs-mtb0{margin: 0px 0! important;} .bx-xs-mtb10{margin: 10px 0! important;} .bx-xs-mtb20{margin: 20px 0! important;} .bx-xs-mtb30{margin: 30px 0! important;} .bx-xs-mtb40{margin: 40px 0! important;} .bx-xs-mtb50{margin: 50px 0! important;} .bx-xs-mtb60{margin: 60px 0! important;} .bx-xs-mlr0{margin: 0px! important;} .bx-xs-mlr10{margin: 0 10px! important;} .bx-xs-mlr20{margin: 0 20px! important;} .bx-xs-mlr30{margin: 0 30px! important;} .bx-xs-mlr40{margin: 0 40px! important;} .bx-xs-mlr50{margin: 0 50px! important;} .bx-xs-mlr60{margin: 0 60px! important;} .bx-xs-min-w10{min-width: 1000px! important} .bx-xs-min-w12{min-width: 1200px! important} /*==========font-size==========*/ .bx-xs-fs12{font-size: 12px! important;} .bx-xs-fs14{font-size: 14px! important;} .bx-xs-fs16{font-size: 16px! important;} .bx-xs-fs18{font-size: 18px! important;} .bx-xs-fs20{font-size: 20px! important;} .bx-xs-fs22{font-size: 22px! important;} .bx-xs-fs24{font-size: 24px! important;} .bx-xs-fs32{font-size: 32px! important;} .bx-xs-fs36{font-size: 36px! important;} .bx-xs-fsb14{font-size: 14px! important;font-weight: bold;} .bx-xs-fsb16{font-size: 16px! important;font-weight: bold;} .bx-xs-fsb18{font-size: 18px! important;font-weight: bold;} .bx-xs-fsb20{font-size: 20px! important;font-weight: bold;} .bx-xs-fsb22{font-size: 22px! important;font-weight: bold;} .bx-xs-fsb24{font-size: 24px! important;font-weight: bold;} .bx-xs-fsb26{font-size: 26px! important;font-weight: bold;} .bx-xs-fsb28{font-size: 28px! important;font-weight: bold;} .bx-xs-fsb30{font-size: 30px! important;font-weight: bold;} .bx-xs-fsb32{font-size: 32px! important;font-weight: bold;} .bx-xs-fsb36{font-size: 36px! important;font-weight: bold;} .bx-xs-lh20{line-height: 20px;} .bx-xs-lh25{line-height: 25px;} .bx-xs-lh30{line-height: 30px;} .bx-xs-lh35{line-height: 35px;} .bx-xs-lh40{line-height: 40px;} .bx-hide-md{display:none} /*==========���г�������==========*/ /*.row { margin-right: -5px! important; margin-left: -5px! important; }*/ .row{margin: 0 -5px;overflow:hidden} .row2{margin:0 -20px;overflow:hidden} .row3{margin:0 -30px;overflow:hidden} .row4{margin:0 -40px;overflow:hidden} .bx-xs-text-p2{ line-height:25px; height:50px; overflow:hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; } .bx-xs-text-p3{ line-height:25px; height:75px; overflow:hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; } .bx-xs-text-p4{ line-height:25px; height:100px; overflow:hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 4; overflow: hidden; } .bx-xs-text-p5{ line-height:25px; height:125px; overflow:hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 5; overflow: hidden; } .bx-xs-text-p6{ line-height:25px; height:175px; overflow:hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 6; overflow: hidden; } .bx-xs-text-p7{ line-height:25px; height:175px; overflow:hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 7; overflow: hidden; } } @media (max-width: 768px){ .bx-hide-xs{display:none} } .list-inline{ padding-left: 0;margin-left: 0px;list-style: none;} /*������*/ .nodata-img{ background:url(../../images/audio/zwtp.jpg) no-repeat center center; height:400px; background-size:200px; } /*��ͼƬ*/ .bx-noimg{ background:url(../../images/audio/bj-3.png) no-repeat center center; display:flex;justify-content:center;align-items:center; } /* CLEARFIX */ .cf:before, .cf:after { content: " "; display: table; } .cf:after { clear: both; } .cf { *zoom: 1; } /* ALL */ .row .three{ padding: 80px 30px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; background-color: #2c3e50; color: #ecf0f1; text-align: center; } .bx-title1 h3 { font-size: 24px; color: #0566c5; font-weight: bold; display: inline-block; padding: 0 20px; background-color: #ffffff; } .bx-title1 h4, .bx-title3 h4, .bx-title2 h4 { font-size: 24px; color: #000; padding: 20px; } .bx-title1 p { background-color: #ededed; height: 1px; position: relative; z-index: -1; top: -10px; } .bx-title1 span { display: block; text-align: center; font-size: 16px; color: #cccccc; padding-top: 5px; } .bx-more a { display:block; width:120px; height:35px; line-height:35px; background:#e71e1b; border-radius:5px; color:#fff; margin:30px auto; } .bx-more a:hover { opacity:0.8; } /*分页*/ .webdiyerCss { clear: left; padding: 30px 0; width: 100%; text-align: center; } .webdiyerCss a,.webdiyerCss a:link,.webdiyerCss .redcss {/*float:left;*/ padding:6px 8px; margin:0 3px;} .webdiyerCss input{ height: 31px;margin: -2px 2px 0 -10px;padding: 7px 2px;text-align: center; *margin-left:1px;} .webdiyerCss .page_go{display:inline-block;padding:5px 12px;height:31px;margin-left:5px;*height:32px;} .webdiyerCss input,.webdiyerCss a,.webdiyerCss a:link{color:#000;background:#fff; border: 1px solid #ddd;border-radius:3px; } .webdiyerCss .redcss,.webdiyerCss .page_go {font-weight: bold; background: #0566c5; border:1px solid #0566c5; color: #fff;border-radius:3px;} .webdiyerCss a:hover,.webdiyerCss .page_go:hover {background:#eee;border:1px solid #eee;color:#333;} .webdiyerCss a{*margin-bottom:10px; _margin-bottom:10px;} @media (max-width: 768px){ .webdiyerCss input{ height: 31px;margin: -2px 2px 0 -10px;padding: 7px 2px;text-align: center; *margin-left:1px;display:none} .webdiyerCss .page_go{display:inline-block;padding:5px 12px;height:31px;margin-left:5px;*height:32px;display:none;} .webdiyerCss a,.webdiyerCss a:link,.webdiyerCss .redcss {/*float:left;*/ padding:5px 6px; margin:0 3px;} } /*---------------------All IndexTop start----------------------*/ /*=================================================IndexTop01=============================================*/ .bx-index-top01 { height: 100px; line-height: 100px; position: relative } .bx-index-top01 .bx-logo{max-height:100px} .bx-index-top01 .bx-logo img{ max-height: 100px; } .bx-index-top01 .bx-nav ul li{ position: relative; float: left;line-height: 100px; text-align: center; font-size: 16px; color: #666666;background-color:#ffffff;z-index:600;padding:0 0px;} .bx-index-top01 .bx-nav ul li .bx-nav-fd{display:none; position: absolute;top: 100px;box-shadow: 0 2px 8px 2px rgba(198, 201, 208, 0.5);line-height: 40px;width: 100%; background-color:#ffffff;z-index:600} .bx-index-top01 .bx-nav ul li .bx-nav-fd a{padding: 0 5px;} .bx-index-top01 .bx-nav ul li a{ display:block; color: #333333;width:105px; } .bx-index-top01 .bx-navigation{ display: none; } .bx-index-top01 .bx-nav ul li a:hover, .bx-index-top01 .bx-nav ul li a.focus {color: #ffffff;background-color:#008dce;} .bx-navigation {display: none;} @media (max-width: 1000px){ .bx-index-top01 .bx-logo{height:50px;margin-top:5px;} .bx-index-top01{ height: 60px; line-height: 60px; } .bx-index-top01 .bx-logo img{ max-height: 50px; } .bx-index-top01 .bx-nav{ display: none; position: absolute;top: 55px;z-index: 500;right: -15px;box-shadow: 0 2px 8px 2px rgba(198, 201, 208, 0.5);margin: 5px;z-index:600;} .bx-index-top01 .bx-nav ul li{float: none;line-height: 40px;} .bx-index-top01 .bx-nav ul li a{padding: 0 10px;} .bx-index-top01 .bx-navigation{ display: block; } .bx-index-top01 .bx-nav ul li .bx-nav-fd{display:none;position: relative;top: 0px;} .bx-navigation {display: block;} } .hamburger {margin-top: 18px;} .hamburger .line {width: 35px;height: 3px;background-color: #666666;display: block;margin: 8px auto;-webkit-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;} .hamburger:hover {cursor: pointer;} #hamburger-1.is-active .line:nth-child(2){opacity: 0;} #hamburger-1.is-active .line:nth-child(1){ -webkit-transform: translateY(13px) rotate(45deg); -ms-transform: translateY(13px) rotate(45deg); -o-transform: translateY(13px) rotate(45deg); transform: translateY(11px) rotate(45deg); } #hamburger-1.is-active .line:nth-child(3){ -webkit-transform: translateY(-13px) rotate(-45deg); -ms-transform: translateY(-13px) rotate(-45deg); -o-transform: translateY(-13px) rotate(-45deg); transform: translateY(-11px) rotate(-45deg); } /*=================================================IndexTop01--End=============================================*/ /*=================================================IndexTop02=============================================*/ .bx-head{box-shadow: 0 2px 8px 2px rgba(198, 201, 208, 0.5);} .bx-index-top02{ height: 88px; line-height: 88px;position: relative; } .bx-index-top02 .bx-logo{display:flex;justify-content:center;align-items:center;height:88px;} .bx-index-top02 .bx-logo img{ max-height: 88px; display:block; } .bx-index-top02 .bx-nav ul li{ line-height: 88px; float: left; text-align: center; font-size: 16px; color: #666666; } .bx-index-top02 .bx-nav ul li a{ padding: 0 20px; color: #666666; display: block; } .bx-navigation{ display: none; } @media (max-width: 1000px){ .bx-index-top02{ height: 60px; line-height: 60px; } .bx-index-top02 .bx-logo{ display:flex;justify-content:center;align-items:center;height:60px;} .bx-index-top02 .bx-logo img{ max-height: 60px; } .bx-index-top02 .bx-nav{ display: none; position: absolute;width:100%;top: 55px;z-index: 500;right: -5px;box-shadow: 0 2px 8px 2px rgba(198, 201, 208, 0.5);margin: 5px;background-color:#fff;} .bx-index-top02 .bx-nav ul li{float: none;width: 100%;line-height: 40px;} .bx-index-top02 .bx-nav ul li a{padding: 0 40px;} .bx-navigation{ display: block; } } /*=================================================IndexTop02--End=============================================*/ /*=================================================IndexTop03=============================================*/ .bx-index-top03 {position: relative;} .bx-index-top03 .bx-navs{width: 100%;background-color: #008dce;line-height: 60px;color: #fff;} .bx-index-top03 .bx-navs ul{display: flex;text-align: center;} .bx-index-top03 .bx-navs ul li{flex: 1;position: relative;} .bx-index-top03 .bx-navs ul li a{display: block;color: #fff;line-height: 60px;} .bx-index-top03 .bx-navs ul li .bx-nav-fd{width: 100%;position: absolute;top: 60px;left: 0;background-color: #008dce;color: #000000;overflow: hidden;transform: scaleY(0);transition: all .25s cubic-bezier(0,0.6,0.94,1);transform-origin: top center;z-index: 10;} .bx-index-top03 .bx-navs ul li .bx-nav-fd a{line-height: 50px;} .bx-index-top03 .bx-navs ul li:hover .bx-nav-fd{transform: none;} .bx-index-top03 .bx-navs ul li .active{background-color: #ffa321;} .bx-index-top03 .bx-navs ul li a:hover{background-color: #ffa321;} .bx-index-top03 .header-middles-xs{display: none;float: right;line-height: 60px;} /* ============search=========== */ .header-search{height: 50px; overflow: hidden; border: 1px solid #008dce; border-radius: 4px; max-width: 500px; } .header-search input{width: 80%; height: 100%; border: none; padding: 0 20px; font-size: 16px; box-sizing: border-box; float: left; } .header-search input::-webkit-input-placeholder{color:#808080;} .header-search input::-moz-placeholder{ /* Mozilla Firefox 19+ */ color:#808080;} .header-search input:-moz-placeholder{ /* Mozilla Firefox 4 to 18 */ color:#808080;} .header-search input:-ms-input-placeholder{ /* Internet Explorer 10-11 */ color:#808080;} .header-search-btn{ width: 20%; height: 100%; background-color: #008dce; background-repeat: no-repeat; background-position: center; cursor: pointer; float: right; color: #fff; font-size: 26px; text-align: center; line-height: 1.8em; } /*=================telphone=============== */ .hot-tel img, .hot-tel div{display: inline-block;vertical-align: middle;color: #008dce;} @media screen and (max-width: 998px) { .bx-index-top03 .bx-logo, .bx-index-top03 .bx-logo img{max-height: 60px;} .bx-index-top03 .header-middles-xs{display: block;} .header-search{display: none;} .hot-tel{display: none;} .bx-index-top03 .bx-navs{position: absolute;left: 0;display: none;} .bx-index-top03 .bx-navs ul{display: block;padding: 0;} .bx-index-top03 .bx-navs ul li a{line-height: 40px;} .bx-index-top03 .bx-navs ul li .bx-nav-fd{top: 40px;} .bx-index-top03 .bx-navs ul li .bx-nav-fd a{line-height: 40px;} } /*=================================================IndexTop03--End=============================================*/ /*=================================================IndexTop04=============================================*/ .bx-index-top04{ position:fixed;top:0; left:0;background-color:rgba(0, 0, 0, 0.69);z-index:8;width:100%;height:100%;display:none} .bx-side-nav-list{position:fixed;top:0; left:-260px; width:260px;height:100%;background-color:#fff;z-index:9;overflow:auto;padding:20px;box-sizing:border-box;transition:all 0.5s ease;} .bx-index-top04>i{font-size:28px;color:#fff;cursor:pointer;transition:all 0.5s ease;position: absolute;top: 10px;left: 280px} .bx-side-nav-list>.div-title{font-size:24px;text-align:center;line-height:40px;} .bx-side-nav-list>ul>li{text-align:center;font-size:14px;line-height:40px;border-bottom:solid 1px #ececec;} .bx-side-nav-list>ul>li>a{display:block;color: #666} .bx-index-top04-01{ position:fixed;top:0; left:0;background-color:rgba(0, 0, 0, 0.69);z-index:8;width:100%;height:100%;display:none} .bx-index-top04-01>i{position: absolute;top: 10px;right: 280px;font-size:28px;color:#fff;cursor:pointer;transition:all 0.5s ease;} .bx-side-nav-list2{position:fixed;top:0; right: -260px; width:260px;height:100%;background-color:#fff;z-index:9;overflow:auto;padding:20px;box-sizing:border-box;transition:all 0.5s ease;} .bx-side-nav-list2>.div-title{font-size:24px;text-align:center;line-height:40px;} .bx-side-nav-list2>ul>li{text-align:center;font-size:14px;line-height:40px;border-bottom:solid 1px #ececec;} .bx-side-nav-list2>ul>li>a{display:block;color: #666} .bx-side-nav-list2>ul>li .div-fd a{display:block;padding:10px 0;border-top:solid 1px #ececec;} .bx-side-nav-list2>ul>li .div-fd{display:none;} /*=================================================IndexTop04--End=============================================*/ /*=================================================IndexTop05=============================================*/ .bx-index-top05{position:relative;background-color:#202020;height:100px;} .bx-index-top05 .bx-top05-logo{float:left;} .bx-index-top05 .bx-top05-logo img{max-height:100px} .bx-index-top05 .bx-top05-nav{float:right;} .bx-index-top05 .bx-top05-nav ul li{position:relative;float:left;font-size:16px;color:#fff;} .bx-index-top05 .bx-top05-nav ul li a{position:relative;display:block;color:#fff;padding:25px 40px;text-align:center;} .bx-index-top05 .bx-top05-nav ul li a:hover::after{ content: '';position:absolute; left: 0;bottom:0px;width:100%;height:3px;background-color:#3253d4} .bx-index-top05 .bx-top05-nav ul li a.focus::after{ content: '';position:absolute; left: 0;bottom:0px;width:100%;height:3px;background-color:#3253d4} .bx-index-top05 .bx-top05-nav ul li .bx-top05-nav-fd{position:absolute;top:100px;left:0;background-color:#292c31;width:100%;padding:5px 0;display:none} .bx-index-top05 .bx-top05-nav ul li .bx-top05-nav-fd a{padding:10px 5px} .bx-index-top05 .bx-top05-nav ul li .bx-top05-nav-fd a i{padding-right:5px} @media (max-width: 1440px) { .bx-index-top05 .bx-top05-nav ul li a{padding:25px} } @media (max-width: 1000px) { .bx-index-top05{position:relative;background-color:#202020;height:60px;} .bx-index-top05 .bx-top05-logo img{max-height:60px} .bx-index-top05 .bx-top05-nav ul li a{display:block;color:#fff;padding:15px 0px;text-align:center;} .bx-index-top05 .bx-top05-nav{position:absolute;top:60px;left:0;width:100%;padding:10px 0;background-color:#202020;border-top:solid 1px #ececec;display:none;z-index:500} .bx-index-top05 .bx-top05-nav ul li{float:none;font-size:14px;color:#fff;} .bx-index-top05 .hamburger .line { background-color: #fff;} .bx-index-top05 .bx-top05-nav ul li .bx-top05-nav-fd{position:relative;top:0px;left:0;background-color:#292c31;width:100%;padding:5px 0;display:block} } /*=================================================IndexTop05--End=============================================*/ /*=================================================IndexTop06=============================================*/ .bx-index-top06{position:relative;background-color:#ececec;height:100px;text-align:center} .bx-index-top06 .bx-top06-hd{display:flex;align-items:center;height:100px} .bx-index-top06 .bx-top06-l h3 {font-size: 24px; color: #333} .bx-index-top06 .bx-top06-l p{font-size:16px;color:#666} .bx-index-top06 .bx-top06-dhl{display:inline-block;vertical-align:top;font-size:18px;color:#333} .bx-index-top06 .bx-top06-dhl .tb{display:inline-block;background-color:#09a164;border-radius:5px;width:30px;height:30px;margin-right:5px;} .bx-index-top06 .bx-top06-dhl .tb span{color:#fff;font-size:18px;} .bx-index-top06 .bx-top06-dhr{display:inline-block;vertical-align:top;padding-left:10px;} .bx-index-top06 .bx-top06-dhr p{font-size:18px;color:#333} .bx-index-top06 .bx-top06-dhr span{font-size:12px;color:#09a164} .bx-index-top06 .bx-top06-r{font-size:16px;text-align:right;cursor:pointer} .bx-index-top06 .bx-top06-r span{padding-left:5px;} .bx-index-top06 .bx-top06-nav{position:absolute;top:100px;left:0;background-color:rgba(0, 0, 0, 0.81);width:100%;padding:15px 0;display:none;z-index:500} .bx-index-top06 .bx-top06-nav ul li{float:left; width:20%;padding:15px 5px;font-size:14px;text-align:center} .bx-index-top06 .bx-top06-nav ul li a{position:relative;color:#fff;line-height:30px;display:inline-block;} .bx-index-top06 .bx-top06-nav ul li a:hover{font-weight:bold} .bx-index-top06 .bx-top06-nav ul li a:hover::after{content:'';position:absolute;width:100%;height:1px;background-color:#fff;bottom:0;left:0;} @media (max-width: 1440px) { .bx-index-top06 .bx-top06-nav ul li{ width:25%;} .bx-index-top06 .bx-top06-l p{font-size:14px;} } @media (max-width: 1000px) { .bx-index-top06{height:60px;} .bx-index-top06 .bx-top06-hd{height:60px} .bx-index-top06 .bx-top06-l h3 {font-size: 16px; text-align:left} .bx-index-top06 .bx-top06-l p{font-size:12px;text-align:left} .bx-index-top06 .bx-top06-c{display:none} .bx-index-top06 .bx-top06-nav{top:60px;max-height:400px;overflow:auto} .bx-index-top06 .bx-top06-nav ul li{ width:100%;padding:10px 5px;} } /*=================================================IndexTop06--End=============================================*/ /*---------------------All IndexTop End----------------------*/ /*=================================================IndexTop07=============================================*/ .bx-index-top07 { position: relative; background-color: #ececec; height: 100px; text-align: center } .bx-index-top07 .bx-top07-hd { display: flex; align-items: center; height: 100px } .bx-index-top07 .bx-top07-l h3 { font-size: 24px; color: #333 } .bx-index-top07 .bx-top07-l p { font-size: 16px; color: #666 } .bx-index-top07 .bx-top07-dhl { display: inline-block; vertical-align: top; font-size: 18px; color: #333 } .bx-index-top07 .bx-top07-dhl .tb { display: inline-block; background-color: #09a164; border-radius: 5px; width: 30px; height: 30px; margin-right: 5px; } .bx-index-top07 .bx-top07-dhl .tb span { color: #fff; font-size: 18px; } .bx-index-top07 .bx-top07-dhr { display: inline-block; vertical-align: top; padding-left: 10px; } .bx-index-top07 .bx-top07-dhr p { font-size: 18px; color: #333 } .bx-index-top07 .bx-top07-dhr span { font-size: 12px; color: #09a164 } .bx-index-top07 .bx-top07-r { font-size: 16px; text-align: right; cursor: pointer; position: relative; height: 100%; display: flex; align-items: center; justify-content: flex-end; } .bx-index-top07 .bx-top07-r span { padding-left: 5px; } .bx-top07-banner { background-color: rgba(0, 0, 0, 0.81); width: 100%; padding: 15px 0; } .bx-top07-banner ul li { float: left; width: 20%; padding: 15px 5px; font-size: 14px; text-align: center } .bx-top07-banner ul li a { position: relative; color: #fff; line-height: 30px; display: inline-block; } .bx-top07-banner ul li a:hover { font-weight: bold } .bx-top07-banner ul li a:hover::after { content: ''; position: absolute; width: 100%; height: 1px; background-color: #fff; bottom: 0; left: 0; } .bx-top07-nav-fd{ position:absolute; width:100px; background:rgba(255,255,255,.8); right:0; top:100%; z-index:99; } .bx-top07-nav-fd>a{ font-size:16px; display:block; padding:15px; line-height:40px; color:#333; padding:0 10px; text-align:center; } .bx-top07-nav-fd > a:hover { color: #09a164; border-bottom: 1px solid #09a164; } @media (max-width: 1440px) { .bx-top07-banner ul li { width: 25%; } .bx-index-top07 .bx-top07-l p { font-size: 14px; } } #hamburger-7{ margin-top:0; } @media (max-width: 1000px) { .bx-top07-r>p{ display:none; } .bx-index-top07 { height: 60px; } .bx-index-top07 .bx-top07-hd { height: 60px } .bx-index-top07 .bx-top07-l h3 { font-size: 16px; text-align: left } .bx-index-top07 .bx-top07-l p { font-size: 12px; text-align: left } .bx-index-top07 .bx-top07-c { display: none } .bx-top07-banner { top: 60px; max-height: 400px; overflow: auto } .bx-top07-banner ul li { width: 100%; padding: 10px 5px; } } #hamburger-7.is-active .line:nth-child(2) { opacity: 0; } #hamburger-7.is-active .line:nth-child(1) { -webkit-transform: translateY(13px) rotate(45deg); -ms-transform: translateY(13px) rotate(45deg); -o-transform: translateY(13px) rotate(45deg); transform: translateY(11px) rotate(45deg); } #hamburger-7.is-active .line:nth-child(3) { -webkit-transform: translateY(-13px) rotate(-45deg); -ms-transform: translateY(-13px) rotate(-45deg); -o-transform: translateY(-13px) rotate(-45deg); transform: translateY(-11px) rotate(-45deg); } /*=================================================IndexTop07--End=============================================*/ /*-------IndexTop08--Start-------------------------------------------*/ .bx-index-top08{ background-color:rgba(0,0,0,.5); width:100%; position:relative; } .bx-index-top08-item{ width:100%; display:flex; justify-content:space-between; align-items:center; } .bx-index-top08 .bx-nav ul li { line-height: 100px; float: left; text-align: center; font-size: 14px; color: #666666; } .bx-index-top08 .bx-nav ul li .text { padding: 0 10px; color: #fff; display: block; min-width:126px; position:relative; } .bx-index-top08 .bx-nav ul li .text::before { content: ''; height: 0px; width: 0px; border-bottom: solid 5px #fff; border-left: solid 5px transparent; border-right: solid 5px transparent; position: absolute; left: 50%; bottom: 0; transform: translate(-50%,0); display: none; } .bx-index-top08 .bx-nav ul li .text:hover { background-color: rgb(179,146,84); font-weight: bold; } .bx-index-top08 .bx-nav ul li .text:hover::before { display: block; } .bx-index-top08-pop { position: absolute; top: 100px; left: 0; width: 100%; background-color: rgba(247, 247, 247); overflow:hidden; } .bx-index-top08-pops { overflow:hidden; padding: 20px 0; padding-left: 220px; } .bx-index-top08-text{ padding-right:150px; float:left; } .bx-index-top08-text a { padding: 0 10px; color: #333; display: block; position: relative; line-height:32px; margin-bottom:10px; } .bx-index-top08-img { float:left; } .bx-index-top08-text a:hover { color: rgb(179,146,84); } .bx-index-top08 .bx-logo img { max-height: 100%; } #hamburger-8.is-active .line:nth-child(2) { opacity: 0; } #hamburger-8.is-active .line:nth-child(1) { -webkit-transform: translateY(13px) rotate(45deg); -ms-transform: translateY(13px) rotate(45deg); -o-transform: translateY(13px) rotate(45deg); transform: translateY(11px) rotate(45deg); } #hamburger-8.is-active .line:nth-child(3) { -webkit-transform: translateY(-13px) rotate(-45deg); -ms-transform: translateY(-13px) rotate(-45deg); -o-transform: translateY(-13px) rotate(-45deg); transform: translateY(-11px) rotate(-45deg); } .bx-index-top08 .hamburger .line { background-color: #fff; } @media (max-width: 1200px) { .bx-index-top08 .bx-nav ul li .text{ min-width:100px; } } @media (max-width: 992px){ .bx-index-top08-item{ position:relative; } .bx-index-top08 .bx-logo{ height:60px; line-height:50px; } .bx-index-top08 .bx-nav { position: absolute; left: auto; top: 60px; width: 100%; display: none; padding: 15px 0; box-shadow: 0 2px 8px 2px rgba(198, 201, 208, 0.5); } .hamburger{ margin-top:0; } .bx-index-top08 .bx-nav ul li{ float:none; } .bx-index-top08 .bx-nav ul li .text{ color:#333; } .bx-index-top08 .bx-nav ul li{ line-height:35px; } .bx-index-top08-pop{ display:none; } } /*-------IndexTop08--End-------------------------------------------*/ /*-------IndexTop09-------------------------------------------*/ .bx-index-top09 { width: 100%; position:relative; } .bx-index-top09-item { display: flex; justify-content: space-between; align-items: center; } .bx-index-top09-nav{ height:100px; } .bx-index-top09-nav ul { display: flex; align-items: center; height:100%; } .bx-index-top09.active{ background-color:#fff; } .bx-index-top09-nav ul li{ position:relative; } .bx-index-top09-nav ul li a { margin-left:72px; font-size: 16px; color: #fff; display: inline-block; color: #2b2e2e; font-weight: bold; } .bx-index-top09-bg { width: 100%; height: 0; position: absolute; left: 0; top: 0; background-color:#fff; z-index: -1; overflow:hidden; } .bx-index-top09-pop { position: absolute; left: 7px; top: 25px; width: 160px; padding-top: 20px; height: 0; overflow:hidden; } .bx-index-top09-pop ol li a { display: block; font-size: 16px; color: #2b2e2e; opacity: 0.7; padding: 13px 0; line-height: 25px; height: auto; margin-left: 0; text-align: center; } .bx-index-top09-pop ol li a:hover{ opacity:1; } /*.bx-index-top09-nav > ul > li:hover .bx-index-top09-pop { }*/ .bx-index-top09-nav > ul > li:hover > a { border-bottom: 2px solid #000; } #hamburger-9.is-active .line:nth-child(2) { opacity: 0; } #hamburger-9.is-active .line:nth-child(1) { -webkit-transform: translateY(13px) rotate(45deg); -ms-transform: translateY(13px) rotate(45deg); -o-transform: translateY(13px) rotate(45deg); transform: translateY(11px) rotate(45deg); } #hamburger-9.is-active .line:nth-child(3) { -webkit-transform: translateY(-13px) rotate(-45deg); -ms-transform: translateY(-13px) rotate(-45deg); -o-transform: translateY(-13px) rotate(-45deg); transform: translateY(-11px) rotate(-45deg); } /*.bx-index-top09 .hamburger .line { background-color: #fff; }*/ @media (max-width: 992px) { .bx-index-top09 .bx-nav { position: absolute; left: auto; top: 60px; width: 100%; height:auto; display: none; padding: 15px 0; box-shadow: 0 2px 8px 2px rgba(198, 201, 208, 0.5); } .bx-index-top09-item .bx-logo { width: 35%; } .bx-index-top09-nav ul li{ width:100%; text-align:center; } .bx-index-top09-nav ul li a{ margin-left:0; padding:10px 0; } .bx-index-top09-pop ol{ padding:10px 0; } .bx-index-top09-pop ol li a { font-size: 14px; padding: 0; margin-top: 10px; } .bx-index-top09-nav ul { display: block; } .bx-index-top09-pop{ position:inherit; top:0; left:50%; transform:translate(-50%,0); padding-top:0; } } /*-------IndexTop09--End-------------------------------------------*/ /*---------------------All IndexTop End----------------------*/ /*---------------------All IndexFooter Start----------------------*/ /*=================================================IndexFooter01=============================================*/ .bx-footer { padding: 20px 0; text-align: center; font-size: 14px; color: #666666; box-shadow: 0 2px 8px 2px rgba(198, 201, 208, 0.5); line-height: 25px; } .bx-footer a { color: #666666; } .bx-footer p { line-height: 25px; } /*=================================================IndexFooter01--End=============================================*/ /*=================================================IndexFooter02=============================================*/ .bx-index-footer02 { border-top: solid 1px #ececec; } .bx-index-footer02 .foot-logo { text-align: center; border-right: solid 1px #ececec } .bx-index-footer02 .foot-tet p { font-size: 14px; color: #666666; margin: 10px 0 20px 0; line-height: 20px; padding-left: 40px; } .bx-index-footer02 .foot-tet p i { font-size: 18px; color: #666666; padding: 0 10px; } .bx-index-footer02 .foot-pic img { width: 80%; } .bx-index-footer02 .foot-pic span { display: block; font-size: 14px; color: #999; line-height: 25px; } @media (max-width: 1000px) { .bx-index-footer02 .foot-logo { text-align: center; border-right: none } .bx-index-footer02 .foot-tet p { text-align: center; padding: 0; } } /*=================================================IndexFooter02--End=============================================*/ /*=================================================IndexFooterp03=============================================*/ .bx-index-footer03 { text-align: center; background-color: #242321 } .bx-index-footer03 .bx-link { font-size: 14px; color: #fff; border-bottom: solid 1px #cccccc } .bx-index-footer03 .bx-link a { color: #cccccc; padding: 5px 10px; display: inline-block } .bx-index-footer03 .footer-nr ul li { display: inline-block; margin-bottom: 10px; } .bx-index-footer03 .footer-nr ul li a { padding: 0 20px; border-right: solid 1px #cccccc; display: inline-block; color: #cccccc; font-size: 14px; } .bx-index-footer03 .footer-nr ul li:last-child a { border: none } .bx-index-footer03 .footer-nr p { padding: 10px 0 0; font-size: 14px; color: #cccccc; line-height: 25px; } @media (max-width: 768px) { .bx-footer-three .footer-nr ul li { display: none } .bx-footer { padding: 10px 0; text-align: center; font-size: 12px; color: #666666; box-shadow: 0 2px 8px 2px rgba(198, 201, 208, 0.5); } .bx-footer a { color: #666666; } } /*=================================================IndexFooterp03--End=============================================*/ /*==============================================右侧悬浮===============================================*/ .bx-sideBar { position: fixed; right: 0; top: 50%; z-index: 9999999; } .bx-sideBar ul { border-radius: 5px; } .bx-sideBar ul li { position: relative; width: 40px; height: 40px; text-align: center; font-size: 18px; line-height: 40px; background-color: #0566c5; border-bottom: solid 1px #fff; } .bx-sideBar ul li:last-child { border: none; border-bottom-left-radius: 5px; } .bx-sideBar ul li i { font-size: 24px; color: #fff; } .bx-sideBar ul li:hover { background-color: #0566c5 } .bx-sideBar ul li:nth-child(1) { border-top-left-radius: 5px; } .bx-sideBar ul li .div-fc { display: none; position: absolute; top: 0px; right: 50px; background-color: #fff; border-radius: 2px; padding: 5px; box-sizing: border-box; width: 125px; min-height: 30px; box-shadow: 0 2px 8px 2px rgba(198, 201, 208, 0.5); } .bx-sideBar ul li .div-fc p { line-height: 30px; } .bx-sideBar ul li .div-fc:before { content: ''; border-color: transparent transparent transparent #fff; border-style: solid; border-width: 8px; position: absolute; right: -16px; top: 10px; z-index: 2; } .bx-sideBar ul li .div-fc:after { content: ''; border-color: transparent transparent transparent #dedede; border-style: solid; border-width: 9px; position: absolute; right: -18px; top: 9px; } /*==============================================右侧悬浮END===============================================*/ /*=================================================IndexFooter04=============================================*/ .bx-index-footer04 { background-color: #262626 } .bx-index-footer04 ul { margin-left: -20px; } .bx-index-footer04 ul li a { position: relative; font-size: 16px; color: #666; padding: 0 20px; } .bx-index-footer04 ul li a::before { content: "|"; position: absolute; right: 0; top: 2px; } .bx-index-footer04 ul li:last-child a::before { display: none; } .bx-index-footer04 ul li a:hover { color: #fff } .bx-index-footer04 h3 { font-size: 28px; color: #ccc; margin-top: 40px; } .bx-index-footer04 p { font-size: 16px; color: #666666; margin-top: 10px; } .bx-index-footer04 p span { padding-left: 40px; } .bx-index-footer04 .fr a { width: 30px; height: 30px; background-color: #666666; border-radius: 50%; margin-left: 10px; display: inline-block; text-align: center; line-height: 30px; } .bx-index-footer04 .fr a i { font-size: 18px; color: #fff } .bx-index-footer04 .fr a:hover { background-color: #0566c5; } .bx-index-footer04 .fr .ewm img { max-width: 110px; margin-left: 20px; } @media (max-width: 1000px) { .bx-index-footer04 ul { display: none; } .bx-index-footer04 .fr { margin-top: 20px; } .bx-index-footer04 h3 { font-size: 20px; color: #ccc; margin-top: 0px; } .bx-index-footer04 p { font-size: 14px; color: #666666; margin-top: 0px; line-height: 30px; } .bx-index-footer04 p span { padding-left: 0px; display: block } } /*=================================================IndexFooter04--End=============================================*/ /*=================================================IndexFooter05=============================================*/ /* .footer05-bg { background: url(../images/footer05-bg.png) no-repeat top center; padding: 50px 0 80px; } .bx-index-footer05 .boot-nav p { font-size: 22px; color: #5a5a5a; margin-top: 40px; } .boot-nav a { color: #5a5a5a; font-size: 22px; padding-right: 20px; } .boot-nav a:hover { color: #d60422; } .boot-nav span { display: inline-block; padding-right: 20px; font-size: 22px; } .bx-index-footer05 .fr ul li img { max-width: 145px; } .bx-index-footer05 .fr ul { margin-top: -20px; } .bx-index-footer05 .fr ul li { padding-top: 40px; } .bx-index-footer05 .container-1600 { width: 1600px; margin: 0 auto; } .footer-bot { background: #404040; } .footer-bot ul li a { display: block; width: 100px; background: #e71e1b; padding: 25px 0; color: #fff; text-align: center; } .footer-bot ul li p { font-size: 26px; color: #fff; padding: 14px 0; } @media (max-width: 1600px) { .bx-index-footer05 .container-1600 { width: 1560px; } } @media (max-width: 1500px) { .bx-index-footer05 .container-1600 { width: 1460px; } } @media (max-width: 1400px) { .bx-index-footer05 .container-1600 { width: 1360px; } } @media (max-width: 1300px) { .bx-index-footer05 .container-1600 { width: 1260px; } } @media (max-width: 1200px) { .bx-index-footer05 .container-1600 { width: 100%; } } @media (max-width: 992px) { .bx-index-footer05 .container-1600 { width: 100%; } .bx-index-footer05 .fr ul li { float: left; margin: 0 auto; } .bx-index-footer05 .fr ul li { padding-top: 0; width: 50%; text-align: center; } } @media (max-width: 768px) { .bx-index-footer05 .container-1600 { width: 100%; } .bx-index-footer05 .fr ul li { float: left; margin: 0 auto; } .bx-index-footer05 .fr ul li img { margin: 0px 10px; } .bx-index-footer05 .boot-nav p { font-size: 20px; margin-top: 20px; } .bx-index-footer05 ul li a { font-size: 20px; } .bx-index-footer05 .fr ul li { padding-top: 0; width: 50%; text-align: center; } .boot-nav { text-align: center; } .boot-nav a { color: #5a5a5a; font-size: 18px; padding-right: 20px; } .boot-nav span { display: none; } .footer-bot ul li a { display: none; } .footer-bot ul li { width: 100%; text-align: center; font-size: 20px; } .footer05-bg { padding: 50px 0 29px; } }*/ /*=================================================IndexFooter05END=============================================*/ /*=================================================IndexFooter06=============================================*/ .bx-index-footer06 { padding: 100px 0; background: #404040; font-size: 16px; color: #fff; text-align: center; } .bx-index-footer06 .sm-p p { padding-bottom: 50px; } .bx-index-footer06 .link-p p span { display: inline-block; padding: 5px 45px; } .bx-index-footer06 .link-p p a { color: #fff; } .bx-index-footer06 .link-p p a:hover { opacity: 0.7; } @media (max-width: 1300px) { .container-1300 { width: 1260px; } } @media (max-width: 1200px) { .container-1300 { width: 100%; } } @media (max-width: 992px) { .container-1300 { width: 100%; } } @media (max-width: 768px) { .container-1300 { width: 100%; } } /*=================================================IndexFooter06END=============================================*/ /*===============================================IndexFooter07===================================================*/ .f07ewm img { max-width: 100%; } .bx-index-footer07 h3{ font-size:18px; color:#000; margin-bottom:10px; } .bx-index-footer07 ul li a{ font-size:16px; color:#333; line-height:30px; } @media (max-width: 992px) { .f07ewm img { max-width: 50%; } } .bx-index-footer07 ul li a { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } /*===============================================IndexFooter07END===================================================*/ /*===============================================IndexFooter08===================================================*/ .footer08-bg { background: url(../images/footer08-bg.png) no-repeat center left; padding: 40px 0; } .bx-index-footer08 p { color: #fff; } .bx-index-footer08 p span { display: inline-block; padding-right: 10px; } @media (max-width: 1000px) { .container-1300 { width: 100%; } } @media (max-width: 768px) { .bx-index-footer08 .bx-pt40, .bx-index-footer08 .bx-pt20 { padding-top: 0 !important; } .bx-index-footer08 img.pic { display: none; } .bx-index-footer08 .bx-pl30 { padding-left: 0 !important; } } /*===============================================IndexFooter08END===================================================*/ /*===============================================IndexFooter09===================================================*/ .bx-index-footer09 { background: #171C23; padding: 120px 0 90px; } .bx-index-footer09 p { color: #BABBBD; } .bx-index-footer09 .container { border-bottom: 1px solid #707070; } .bx-index-footer09 h3 { font-size: 18px; color: #fff; padding-top: 20px; } .bx-index-footer09 h3 span { display: block; width: 26px; height: 2px; background: #C6BA9A; margin: 12px 0 16px; } .bx-index-footer09 ul li p { padding: 5px 0; } .bx-index-footer09 ul li a { color: #fff; } .bx-index-footer09 ul li a:hover { opacity: 0.7; } .bx-index-footer09 h3 span.bot-right { float: right; } .fot08-ewm-img { width: 80px; } @media(max-width:768px) { .xs-hidden { display: none; } .bx-index-footer09 { padding: 30px 0; } .bx-index-footer09 ul li.ts { text-align: center; } .bx-index-footer09 ul li.ts p { font-size: 18px; } .bx-index-footer09 ul li .fot-about { display: none; } } /*===============================================IndexFooter09END===================================================*/ /*----------IndexFooter10-------------------------------*/ .bx-index-footer10 { width: 100%; background-color: rgb(16, 16, 17); padding: 20px 0; } .bx-footer10-nav ul { display: flex; justify-content: center; } .bx-footer10-nav ul li { padding: 0 30px; border-right: 1px solid #fff; line-height: 18px; } .bx-footer10-nav ul li:nth-last-child(1) { border-right: none; } .bx-footer10-nav ul li a { font-size: 14px; color: #fff; } .bx-footer10-nav ul li a:hover { color: rgb(179,146,84); } .bx-footer10-nav { padding-top: 20px; padding-bottom: 30px; border-bottom: 1px solid rgb(54, 54, 54); } .bx-footer10-tetx { margin-top: 30px; } .bx-footer10-tetx-bottom { text-align: center; margin-top: 30px; } .bx-footer10-tetx-bottom .bx-footer10-tetx-img { display: inline-block; width: 120px; margin: 0 35px; font-size: 14px; color: #fff; } .bx-footer10-tetx-bottom .bx-footer10-tetx-img img { width: 100%; margin-bottom: 10px; } .bx-footer10-tetx-top { font-size: 14px; text-align: center; color: #fff; line-height: 28px; } .bx-footer10-tetx-top p span { margin-left: 20px; display: inline-block; } @media(max-width:998px) { .bx-footer10-nav { display: none; } .bx-footer10-tetx-bottom .bx-footer10-tetx-img { width: 100px; margin: 0 15px; font-size: 12px; } .bx-footer10-tetx { margin-top: 0; } .bx-footer10-tetx-top p span { display: block; margin: 0; width: 100%; } } /*----------IndexFooter10END-------------------------------*/ /*---------------------All IndexFooter End----------------------*/ /*---------------------All Links Start----------------------*/ /*===============================================Links01===================================================*/ .bx-title3 h3 { position: relative; color: #0566c5; font-weight: inherit; font-size: 38px; font-weight: bold; } .bx-title3 h3:before { content: ""; position: absolute; bottom: -50px; left: 50%; margin-left: -16px; width: 32px; height: 2px; background-color: #15FFFC; } .bx-title3 p { font-size: 24px; } .bx-links01 ul li a { display: block; background: #fff; width: 220px; height: 80px; line-height: 80px; text-align: center; } .bx-links01 ul li span { position: absolute; display: block; border-bottom: 1px #fff solid; bottom: -30px; width: 220px; } .bx-links01 ul li a img { display: inline; line-height: 80px; } .bx-links01 ul li { margin-top: 68px; } .bx-links01 ul li a:hover { -webkit-transform: scale(1.1); -webkit-transition-timing-function: ease-out; -webkit-transition-duration: 750ms; -moz-transform: scale(1.1); -moz-transition-timing-function: ease-out; -moz-transition-duration: 750ms; overflow: hidden; } @media (max-width:768px) { .bx-links01 ul li span { display: none; } .bx-links01 ul li a { margin: 0 auto; width: 80%; height: auto; } .bx-links01 ul li { margin-top: 30px; } } /*===============================================Links01End===================================================*/ /*---------------------All Links End----------------------*/ /*---------------------All Banner Start----------------------*/ /*=======================================indexbanner02=======================================*/ .shutter { overflow: hidden; width: 100% !important; height: 550px !important; position: relative; margin: 50px auto; border-radius: 10px; } .shutter-img { z-index: 1; } .shutter-img, .shutter-img a { position: absolute; left: 0; top: 0; width: 100%; height: 100%; } .shutter-img a { cursor: default; } .shutter-img a > img { width: 100%; height: 100%; } .shutter-img .created { overflow: hidden; position: absolute; z-index: 20; } .shutter-btn li { position: absolute; z-index: 2; top: 50%; width: 49px; height: 49px; margin-top: -25px; cursor: pointer; } .shutter-btn li.prev { left: 20px; background: url(../images/shutter_prevBtn.png) no-repeat 0 -49px; } .shutter-btn li.next { right: 20px; background: url(../images/shutter_nextBtn.png) no-repeat 0 -49px; } .shutter-desc { position: absolute; z-index: 2; left: 0; bottom: 0; width: 100%; height: 36px; background: url(../images/shutter_shadow.png) repeat; } .shutter-desc p { padding-left: 20px; line-height: 36px; color: #fff; font-size: 14px; } /*=======================================indexbanner02End=======================================*/ /*---------------------All Banner End----------------------*/ /*---------------------All Products Start----------------------*/ /*================================================indexproducts01======================================================*/ .ay-product { padding: 80px 10px 10px 10px; } .at-title { text-align: center; } .at-title h3 { position: relative; font-size: 30px; color: #333333; border-bottom: solid 1px #cccccc; line-height: 60px; } .at-title h3:before { content: ""; position: absolute; bottom: -2px; left: 50%; margin-left: -25px; width: 50px; height: 3px; background-color: #e71e1b; } .at-title span { font-size: 14px; color: #333333; } .bx-index-products01 { padding: 40px 50px; } .product-list-a { position: relative; } .bx-index-products01 .div-tet { padding: 10px; position: absolute; background-color: rgba(5, 5, 5, 0.61); bottom: 0; transition: all 0.5s ease; text-align: center; width: 100%; } .bx-index-products01 .div-tet h3 { font-size: 14px; color: #ffffff; margin: 0; padding: 0; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } .bx-index-products01 .div-tet p { font-size: 12px; color: #ffffff; margin: 0; padding-top: 10px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } .bx-index-products01 .div-fd { padding: 10px; box-sizing: border-box; text-align: center; position: absolute; top: -100%; width: 100%; height: 100%; transition: all 0.5s ease; background-color: rgba(231, 30, 27, 0.67); } .bx-index-products01 .div-fd h3 { font-size: 14px; font-weight: bold; margin: 0; padding: 0; color: #fff; margin-top: 40px; } .bx-index-products01 .div-fd span { font-size: 12px; color: #fff; padding-top: 10px; } .bx-index-products01 .div-fd p { font-size: 12px; color: #fff; line-height: 30px; margin-top: 20px; height: 150px; text-align: left; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 5; overflow: hidden; } .bx-index-products01 .div-fd .moer { background-color: #fff; color: #e71e1b; font-size: 14px; padding: 3px 20px; } .product-list-a:hover .div-fd { top: 0; } .product-list-a:hover .div-tet { bottom: -100% } .product-list-a:hover img { -webkit-transform: scale(1.1); -webkit-transition-timing-function: ease-out; -webkit-transition-duration: 750ms; -moz-transform: scale(1.1); -moz-transition-timing-function: ease-out; -moz-transition-duration: 750ms; overflow: hidden; } .bx-index-products01 .moer { padding-top: 20px; text-align: center; } .bx-index-products01 .moer a { padding: 5px 30px; background-color: #e71e1b; font-size: 14px; color: #ffffff; transition: all 0.5s ease; } .bx-index-products01 .moer a:hover { border-radius: 10px; } @media (max-width: 1200px) { .bx-index-products01 .div-fd h3 { font-size: 14px; font-weight: bold; margin: 0; padding: 0; color: #fff; margin-top: 10px; } } @media (max-width: 1000px) { .bx-index-products01 .div-fd h3 { font-size: 14px; font-weight: bold; margin: 0; padding: 0; color: #fff; margin-top: 20px; } .bx-index-products01 .div-fd span { font-size: 12px; color: #fff; padding-top: 10px; } .bx-index-products01 .div-fd p { font-size: 12px; color: #fff; line-height: 25px; margin-top: 10px; height: 125px; text-align: left; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 5; overflow: hidden; } } @media (max-width: 720px) { .ay-product { padding: 20px 0px 10px 0px; } .bx-index-products01 { padding: 10px 0px; } .bx-index-products01 .div-fd p { font-size: 12px; color: #fff; line-height: 25px; margin-top: 10px; height: 75px; text-align: left; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; } } .slick-slider { position: relative; display: block; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -ms-touch-action: none; touch-action: none; -webkit-tap-highlight-color: transparent; } .slick-list { position: relative; overflow: hidden; display: block; margin: 0; padding: 0; } .slick-list:focus { outline: none; } .slick-loading .slick-list { background: white url(./ajax-loader.gif) center center no-repeat; } .slick-list.dragging { cursor: pointer; } .slick-slider .slick-list, .slick-track, .slick-slide, .slick-slide img { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .slick-track { position: relative; left: 0; top: 0; display: block; zoom: 1; } .slick-track:before, .slick-track:after { content: ""; display: table; } .slick-track:after { clear: both; } .slick-loading .slick-track { visibility: hidden; } .slick-slide { float: left; height: 100%; min-height: 1px; display: none; } .slick-slide a { display: inline-block; padding: 0 10px; } .slick-slide img { display: block; width: 100%; } .slick-slide.slick-loading img { display: none; } .slick-slide.dragging img { pointer-events: none; } .slick-initialized .slick-slide { display: block; } .slick-loading .slick-slide { visibility: hidden; } .slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; } .slick-prev, .slick-next { position: absolute; display: block; height: 50px; width: 40px; line-height: 0; font-size: 0; cursor: pointer; background: transparent; color: transparent; top: 50%; margin-top: -10px; padding: 0; border: none; outline: none; } .slick-prev:focus, .slick-next:focus { outline: none; } .slick-prev.slick-disabled:before, .slick-next.slick-disabled:before { opacity: 0.25; } .slick-prev:before, .slick-next:before { font-family: "slick"; font-size: 20px; line-height: 1; color: white; opacity: 0.85; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .bx-index-products01 .slick-prev { left: -50px; background: url(../images/at-zuo.png) no-repeat } .bx-index-products01 .slick-next { right: -50px; height: 50px !important; width: 40px !important; background: url(../images/at-you.png) no-repeat !important; } /* Dots */ .slick-slider { margin-bottom: 30px; } .slick-dots { position: absolute; bottom: -45px; list-style: none; display: block; text-align: center; padding: 0px; width: 100%; } .slick-dots li { position: relative; display: inline-block; height: 20px; width: 20px; margin: 0px 5px; padding: 0px; cursor: pointer; } .slick-dots li button { border: 0; background: transparent; display: block; height: 20px; width: 20px; outline: none; line-height: 0; font-size: 0; color: transparent; padding: 5px; cursor: pointer; outline: none; display: none } .slick-dots li button:focus { outline: none; } .slick-dots li button:before { position: absolute; top: 0; left: 0; content: "\2022"; width: 20px; height: 20px; font-family: "slick"; font-size: 6px; line-height: 20px; text-align: center; color: black; opacity: 0.25; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .slick-dots li.slick-active button:before { opacity: 0.75; } /*================================================indexproducts01END=================================================*/ /*=======================================================indexproducts02=================================================*/ #pageBody .slick-prev, .slick-next { position: absolute; display: block; height: 25px; width: 25px; line-height: 0; font-size: 0; cursor: pointer; background: transparent; color: transparent; top: 50%; margin-top: -13px; padding: 0; border: none; outline: none; } #pageBody .slick-prev { left: 20px; background: url(../images/lj-fl.png) repeat center; background-size: 100%; } #pageBody .slick-next { right: 20px; background: url(../images/lj-fr.png) repeat center; background-size: 100%; } /*=============================================================indexproducts02END================================================*/ /*=============================================================indexproducts03================================================*/ .bx-index-products03 ul li a { position: relative; overflow: hidden; display: block; } .bx-index-products03 ul li a img { display: block; width: 100%; color: #fff } .bx-index-products03 ul li .div-fd h3 { line-height: 40px; height: 40px; margin: 0; text-align: center; color: #fff; font-size: 18px; font-weight: inherit; } .bx-index-products03 ul li .div-fd { position: absolute; padding: 0 10px; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.73); top: calc(100% - 40px); transition: all 0.5s ease; } .bx-index-products03 ul li a:hover { position: relative; margin-top: 0px; box-shadow: 0 2px 8px 2px rgba(198, 201, 208, 0.5); } .bx-index-products03 ul li:hover .div-fd { top: 0; } .bx-index-products03 ul li:hover .div-fd h3 { margin-top: 20px; } .bx-index-products03 ul li .div-fd p { font-size: 14px; color: #fff; line-height: 14px; line-height: 25px; height: 125px; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 5; overflow: hidden; text-align: justify; } @media (max-width: 1160px) { .bx-index-products03 ul li .div-fd p { font-size: 14px; color: #fff; line-height: 14px; line-height: 25px; height: 75px; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; text-align: justify; } } @media (max-width: 720px) { bx-index-products03 ul li .div-fd h3 { font-size: 16px; } bx-index-products03 ul li:hover .div-fd h3 { margin-top: 10px; } bx-index-products03 ul li .div-fd p { font-size: 14px; color: #fff; line-height: 14px; line-height: 25px; height: 50px; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; text-align: justify; } } /*=============================================================indexproducts03END================================================*/ /*=============================================================indexproducts04================================================*/ .bx-index-products04 ul li { margin-top: 10px; } .bx-index-products04 ul li a { display: block; border: solid 1px #f1f1f1; transition: all 0.5s ease; text-align: center } .bx-index-products04 ul li a img { display: block; width: 100% } .bx-index-products04 ul li:hover img { -webkit-transform: scale(1.1); -webkit-transition-timing-function: ease-out; -webkit-transition-duration: 750ms; -moz-transform: scale(1.1); -moz-transition-timing-function: ease-out; -moz-transition-duration: 750ms; overflow: hidden; } .bx-index-products04 ul li a:hover { position: relative; box-shadow: 0 2px 8px 2px rgba(198, 201, 208, 0.5); } .bx-index-products04 ul li p { font-size: 14px; line-height: 14px; line-height: 25px; margin-top: 10px; height: 50px; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; } .bx-index-products04 ul li .div-fd { padding: 10px; } .bx-index-products04 ul li h3 { font-size: 16px; color: #666; font-weight: inherit } @media (max-width: 1000px) { .bx-index-products04 ul li p { font-size: 14px; line-height: 14px; line-height: 25px; height: 50px; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; } } @media (max-width: 720px) { .bx-index-products04 ul li p { font-size: 14px; line-height: 14px; line-height: 25px; height: 50px; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; } } /*=============================================================indexproducts04END================================================*/ /*=================================================Indexproduct05=============================================*/ .bx-IndexProducts05 { background: #09a164; padding: 50px 0; } .bx-IndexProducts05 .bx-title3 h3 { color: #fff; font-weight: inherit } .bx-IndexProducts05 .bx-title3 span { font-size: 20px; color: #fff } .bx-IndexProducts05 .bx-IndexProducts05-nr { padding-top: 50px; } .bx-IndexProducts05 .bx-IndexProducts05-nr ul { display: flex; justify-content: space-between; } .bx-IndexProducts05 .bx-IndexProducts05-nr ul li { width: 300px; height: 380px; background-color: #272727; text-align: center; display: flex; align-items: center; justify-content: center; padding-top: 30px; } .bx-IndexProducts05 .bx-IndexProducts05-nr ul li a { display: block; transition: all 0.5s } .bx-IndexProducts05 .bx-IndexProducts05-nr ul li .bx-IndexProducts05-t { width: 100%; transition: all 0.5s } .bx-IndexProducts05 .bx-IndexProducts05-nr ul li img { max-width: 120px; transition: all 0.5s } .bx-IndexProducts05 .bx-IndexProducts05-nr ul li h3 { font-size: 16px; color: #fff; margin-top: 15px; transition: all 0.5s } .bx-IndexProducts05 .bx-IndexProducts05-nr ul li .bx-IndexProducts05-fd { height: 180px; background-color: #2f56d7; padding: 20px; font-size: 14px; line-height: 25px; color: #fff; margin-top: 30px; display: none; transition: all 0.5s } .bx-IndexProducts05 .bx-IndexProducts05-nr ul li:hover .bx-IndexProducts05-fd { display: block; transition: all 0.5s } @media (max-width: 1000px) { .bx-IndexProducts05 .bx-title3 h3 { color: #fff; font-weight: inherit; font-size: 24px } .bx-IndexProducts05 .bx-title3 span { font-size: 16px; color: #fff } .bx-IndexProducts05 .bx-IndexProducts05-nr ul { display: block; justify-content: space-between; } .bx-IndexProducts05 .bx-IndexProducts05-nr ul li { width: 100%; height: auto; margin-bottom: 10px; } .bx-IndexProducts05 .bx-IndexProducts05-nr ul li .bx-IndexProducts05-fd { height: auto; background-color: #2f56d7; padding: 10px; font-size: 14px; line-height: 25px; color: #fff; margin-top: 20px; display: block; } .bx-IndexProducts05 .bx-IndexProducts05-nr ul li .bx-IndexProducts05-fd p { display: block; height: auto; text-align: left } } /*=================================================Indexproduct05--End=============================================*/ /*=================================================Indexproduct06=============================================*/ .bx-IndexProducts06 { padding: 50px 0; } .bx-IndexProducts06 .bx-title { text-align: left; } .bx-IndexProducts06 .bx-title p { position: relative; font-size: 16px; padding-left: 60px; color: #999 } .bx-IndexProducts06 .bx-title p::after { content: ''; position: absolute; width: 50px; background-color: #cc061f; height: 3px; top: 12px; left: 0px; } .bx-IndexProducts06 .bx-title h3 { font-size: 28px; color: #333 } .bx-IndexProducts06 .bx-IndexProducts06-nr { padding-top: 50px; } .bx-IndexProducts06 .bx-IndexProducts06-nr ul { margin: 0 -15px; } .bx-IndexProducts06 .bx-IndexProducts06-nr ul li { float: left; width: 33.3%; padding: 15px; text-align: center; transition: all 0.5s } .bx-IndexProducts06 .bx-IndexProducts06-nr ul li .bj { display: flex; align-items: center; justify-content: center; height: 600px; padding: 20px 0 } .bx-IndexProducts06 .bx-IndexProducts06-nr ul li .bx-IndexProducts06-t img { max-height: 120px; } .bx-IndexProducts06 .bx-IndexProducts06-nr ul li .bx-IndexProducts06-t h3 { font-size: 26px; color: #fff; padding: 10px 0; } .bx-IndexProducts06 .bx-IndexProducts06-nr ul li .bx-IndexProducts06-t span { display: inline-block; width: 60px; height: 1px; background-color: #fff } .bx-IndexProducts06 .bx-IndexProducts06-nr ul li .bx-IndexProducts05-fd { display: none; font-size: 14px; color: #fff; padding: 20px; } .bx-IndexProducts06 .bx-IndexProducts06-nr ul li .more { display: none; border: solid 1px #fff; padding: 10px 40px; font-size: 16px; color: #ffff } .bx-IndexProducts06 .bx-IndexProducts06-nr ul li .more:hover { background-color: #fff; color: #09a164 } .bx-IndexProducts06 .bx-IndexProducts06-nr ul li .bj:hover { background: url("/libs/bxui/images/IndexProducts10_03.jpg") center center !important; background-size: cover } .bx-IndexProducts06 .bx-IndexProducts06-nr ul li .bj:hover .bx-IndexProducts05-fd { display: block } .bx-IndexProducts06 .bx-IndexProducts06-nr ul li .bj:hover .more { display: inline-block } .bx-IndexProducts06 .bx-IndexProducts06-nr ul li .bj:hover { margin-top: -50px; transition: all 0.5s } @media (max-width: 1000px) { .bx-IndexProducts06 .bx-title h3 { font-size: 24px; color: #333 } .bx-IndexProducts06 .bx-IndexProducts06-nr { padding-top: 20px; } .bx-IndexProducts06 .bx-IndexProducts06-nr ul { margin: 0 0; } .bx-IndexProducts06 .bx-IndexProducts06-nr ul li { float: none; width: 100%; padding: 0; margin-bottom: 20px; } .bx-IndexProducts06 .bx-IndexProducts06-nr ul li .bj:hover { margin-top: 0px; transition: all 0.5s } } /*=================================================Indexproduct06--End=============================================*/ /*=================================================Indexproduct07=============================================*/ .bx-IndexProducts07 { padding: 50px 0; } .bx-IndexProducts07 .bx-title { padding: 10px; border-bottom: solid 1px #ececec; } .bx-IndexProducts07 .bx-title h3 { position: relative; font-size: 26px; color: #4a5d88; padding-left: 15px } .bx-IndexProducts07 .bx-title h3::after { content: ""; position: absolute; top: 9px; left: 0; height: 26px; width: 5px; background-color: #4a5d88; } .bx-IndexProducts07 .bx-title h3 span { color: #6e6e6e } .bx-IndexProducts07 .bx-title a { font-size: 16px; color: #666; line-height: 40px; display: block } .bx-IndexProducts07 .bx-title a:hover { color: #4a5d88 } .bx-IndexProducts07 .bx-IndexProducts07-nr ul { margin: 0 -10px; padding: 20px 0; } .bx-IndexProducts07 .bx-IndexProducts07-nr ul li { width: 25%; padding: 0 10px; float: left; } .bx-IndexProducts07 .bx-IndexProducts07-nr ul li a { display: block; background: #ececec; text-align: center; padding: 25px 5px; font-size: 18px; color: #333 } .bx-IndexProducts07 .bx-IndexProducts07-nr ul li img { width: 50px; height: 50px; margin-right: 10px; vertical-align: middle } .bx-IndexProducts07 .bx-IndexProducts07-nr ul li .img-a { display: inline-block } .bx-IndexProducts07 .bx-IndexProducts07-nr ul li .img-b { display: none } .bx-IndexProducts07 .bx-IndexProducts07-nr ul li a:hover { background-color: #4a5d88; color: #fff } .bx-IndexProducts07 .bx-IndexProducts07-nr ul li a:hover .img-a, .bx-IndexProducts07 .bx-IndexProducts07-nr ul li.cur .img-a { display: none } .bx-IndexProducts07 .bx-IndexProducts07-nr ul li a:hover .img-b, .bx-IndexProducts07 .bx-IndexProducts07-nr ul li.cur .img-b { display: inline-block } .bx-IndexProducts07 .bx-IndexProducts07-nr ul li.cur a { background-color: #4a5d88; color: #fff } @media (max-width: 1000px) { .bx-IndexProducts07 .bx-title h3 { position: relative; font-size: 24px; color: #4a5d88; padding-left: 15px } .bx-IndexProducts07 .bx-title h3::after { content: ""; position: absolute; top: 9px; left: 0; height: 24px; width: 5px; background-color: #4a5d88; } .bx-IndexProducts07 .bx-title a { font-size: 16px; color: #666; line-height: 38px; display: block } .bx-IndexProducts07 .bx-IndexProducts07-nr ul li { width: 50%; padding: 10px; float: left; } .bx-IndexProducts07 .bx-IndexProducts07-nr ul li a { display: block; background: #ececec; text-align: center; padding: 10px 5px; font-size: 14px; color: #333 } .bx-IndexProducts07 .bx-IndexProducts07-nr ul li img { width: 50px; height: 50px; margin-right: 0; display: block; margin: 0 auto } .bx-IndexProducts07 .bx-IndexProducts07-nr ul li .img-a { display: block } .bx-IndexProducts07 .bx-IndexProducts07-nr ul li .img-b { display: none } .bx-IndexProducts07 .bx-IndexProducts07-nr ul li a:hover .img-a, .bx-IndexProducts07 .bx-IndexProducts07-nr ul li.cur .img-a { display: none } .bx-IndexProducts07 .bx-IndexProducts07-nr ul li a:hover .img-b, .bx-IndexProducts07 .bx-IndexProducts07-nr ul li.cur .img-b { display: block } } /*=================================================Indexproduct07--End=============================================*/ /*=================================================Indexproduct08=============================================*/ .bx-IndexProducts08 { padding: 50px 0; background-color: #161a23 } .bx-IndexProducts08 .bx-title h3 { font-size: 28px; color: #fff; text-align: center; font-weight: inherit } .bx-IndexProducts08 .bx-IndexProducts08-nr { padding-top: 50px; } .bx-IndexProducts08 .bx-IndexProducts08-nr .swiper-slide a { display: flex; align-items: center; background-color: #1d242e; border: solid 1px #07fffc; height: 300px; text-align: center } .bx-IndexProducts08 .bx-IndexProducts08-nr .swiper-slide a div { width: 100% } .bx-IndexProducts08 .bx-IndexProducts08-nr .swiper-slide a img { width: 100px; height: 100px; } .bx-IndexProducts08 .bx-IndexProducts08-nr .swiper-slide a p { font-size: 20px; color: #fff; margin-top: 50px; } .bx-IndexProducts08 .bx-IndexProducts08-nr .swiper-button-next, .swiper-container-rtl .swiper-button-prev { right: 10px; left: auto; } .bx-IndexProducts08 .bx-IndexProducts08-nr .swiper-button-prev, .swiper-container-rtl .swiper-button-next { left: 10px; right: auto; } @media (max-width: 1000px) { .bx-IndexProducts08 .bx-title h3 { font-size: 24px; color: #fff; text-align: center; font-weight: inherit } .bx-IndexProducts08 .bx-IndexProducts08-nr { padding-top: 20px; } } /*=================================================Indexproduct08--End=============================================*/ /*=================================================Indexproduct09=============================================*/ .bx-IndexProducts09 { padding: 50px 0; background-color: #161a23 } .bx-IndexProducts09 .bx-title h3 { font-size: 28px; color: #fff; text-align: center; font-weight: inherit } .bx-IndexProducts09 .bx-IndexProducts09-nr { margin-top: 50px; position: relative } .bx-IndexProducts09 .bx-IndexProducts09-nr .swiper-container { width: calc(100% - 80px) } .bx-IndexProducts09 .bx-IndexProducts09-nr .swiper-button-next { right: -10px; left: auto; } .bx-IndexProducts09 .bx-IndexProducts09-nr .swiper-button-prev { left: -10px; right: auto; } .bx-IndexProducts09 .bx-IndexProducts09-nr .swiper-container a { position: relative; display: block; overflow: hidden } .bx-IndexProducts09 .bx-IndexProducts09-nr .swiper-container .swiper-slide img{ width:100%; } .bx-IndexProducts09 .bx-IndexProducts09-nr .swiper-container a p { position: absolute; left: 0; bottom: 0; width: 100%; height: 40px; font-size: 16px; line-height: 40px; color: #fff; background-color: rgba(0, 0, 0, 0.45); text-align: center } .bx-IndexProducts09 .bx-IndexProducts09-nr .swiper-container a:hover p { background-color: rgba(0, 0, 0, 0.81) } @media (max-width: 1000px) { .bx-IndexProducts09 .bx-title h3 { font-size: 24px; color: #fff; text-align: center; font-weight: inherit } .bx-IndexProducts09 .bx-IndexProducts09-nr { margin-top: 20px; position: relative } .bx-IndexProducts09 .bx-IndexProducts09-nr .swiper-container { width: calc(100% - 40px) } .bx-IndexProducts09 .bx-IndexProducts09-nr .swiper-button-next { right: -8px; left: auto; } .bx-IndexProducts09 .bx-IndexProducts09-nr .swiper-button-prev { left: -8px; right: auto; } } /*=================================================Indexproduct09--End=============================================*/ /*=================================================Indexproduct10=============================================*/ .bx-IndexProducts10 { padding: 50px 0; } .bx-IndexProducts10 .bx-title h3 { font-size: 26px; color: #333; } .bx-IndexProducts10 .bx-title p { width: 60px; height: 2px; background-color: #09a164; margin: 10px auto 0 auto } .bx-IndexProducts10 .bx-IndexProducts10-nr { padding-top: 50px; } .bx-IndexProducts10 .bx-IndexProducts10-nr ul li a { position: relative; display: block } .bx-IndexProducts10 .bx-IndexProducts10-nr ul li .div-fd { position: absolute; top: 0; left: 0; background-color: rgba(9, 161, 100, 0.64); width: 100%; height: 100%; display: flex; align-items: center; display: none; transition: all 0.5s } .bx-IndexProducts10 .bx-IndexProducts10-nr ul li .div-fd div { width: 100%; text-align: center; padding: 10px; } .bx-IndexProducts10 .bx-IndexProducts10-nr ul li .div-fd h3 { font-size: 16px; color: #fff; margin-bottom: 30px; font-weight: 100 } .bx-IndexProducts10 .bx-IndexProducts10-nr ul li .div-fd p { display: inline-block; font-size: 14px; color: #fff; border: solid 1px #fff; padding: 2px 20px } .bx-IndexProducts10 .bx-IndexProducts10-nr ul li .div-fd p span { font-size: 12px; padding-left: 5px; } .bx-IndexProducts10 .bx-IndexProducts10-nr ul li:hover .div-fd { display: flex } @media (max-width: 1000px) { .bx-IndexProducts10 .bx-title h3 { font-size: 24px; color: #333; } .bx-IndexProducts10 .bx-title p { width: 60px; height: 2px; background-color: #09a164; margin: 10px auto 0 auto } .bx-IndexProducts10 .bx-IndexProducts10-nr { padding-top: 20px; } } /*=================================================Indexproduct10--End=============================================*/ /*=================================================Indexproduct11=============================================*/ .bx-IndexProducts11{ padding:80px 0; } .bx-title-xx { display: flex; justify-content: space-between; align-items: center; padding-left: 15px; position: relative; } .bx-title-xx::before{ content:''; position:absolute; width:5px; height:20px; background-color:#bbb; top:0; left:0; } .bx-title-xx::after { content: ''; position: absolute; width: 5px; height: 35px; background-color: #409654; bottom:0; left: 0; } .bx-title-xx h3 { font-size: 26px; color: #333; margin-bottom: 6px; } .bx-title-xx p { font-size: 18px; color: #999; } .bx-title-xx-but a { display: flex; justify-content: center; align-items: center; width: 45px; height: 55px; background-color: #E3E3E3; } .bx-title-xx-but a i { font-size: 20px; color: #BBBBBB; } .bx-title-xx-but a:hover { background-color: #409654; } .bx-title-xx-but a:hover i{ color:#fff; } .bx-IndexProducts11-box{ width:100%; margin-top:35px; } .bx-IndexProducts11-box ul{ margin:0 -15px; } .bx-IndexProducts11-box ul li { width: 25%; float: left; padding: 0 15px; margin-top:20px; } .bx-IndexProducts11-list{ display:inline-block; border-radius:10px; overflow:hidden; width:100%; position:relative; transition:all 0.5s; } .bx-IndexProducts11-text { width: 100%; height: 100%; position: absolute; left: 0; top: 0; display: flex; justify-content: center; align-items: center; background-color: rgba(0,0,0,.2); transition: all 0.5s; } .bx-IndexProducts11-list h3 { text-align: center; font-size: 24px; color: #fff; } .bx-IndexProducts11-list:hover{ transform:scale(1.08); } .bx-IndexProducts11-list:hover .bx-IndexProducts11-text{ background-color:rgba(0,0,0,.6); } @media (max-width: 1000px) { .bx-IndexProducts11-box ul li{ width:50%; padding:0 6px; margin-top:12px; } .bx-IndexProducts11-box ul li img{ width:100%; } .bx-IndexProducts11-list h3{ font-size:14px; } .bx-title-xx h3{ font-size:20px; } .bx-title-xx p{ font-size:16px; } .bx-title-xx-but a{ width:35px; height:45px; } .bx-IndexProducts11{ padding:20px 0; } .bx-IndexProducts11-box{ margin-top:8px; } } /*=================================================Indexproduct11--End=============================================*/ /*=============================================================products01================================================*/ .bx-Products01-item ul { overflow: hidden; margin: 0 -10px; margin-top: -20px; } .bx-Products01-item ul li { width: 25%; float: left; padding: 0 10px; margin-top: 30px; } .bx-Products01-item ul li .bx-Products01-list { display: block; position: relative; overflow:hidden; } .bx-Products01-item ul li .bx-Products01-list .bx-Products01-img img { width: 100%; } .bx-Products01-item ul li .bx-Products01-list .bx-Products01-text { position: absolute; width: 100%; background-color: rgba(0,0,0,.5); transition: all 0.5s; height: 100%; } .bx-Products01-item ul li .bx-Products01-list:hover .bx-Products01-title{ display:none; } .bx-Products01-bottom .bx-Products01-item ul li{ width:33.33%; } .bx-Products01-bottom .bx-Products01-item ul li .bx-Products01-list .bx-Products01-text { position: inherit; background-color: #F2F6FF; padding:30px; text-align:left; } .bx-Products01-bottom .bx-Products01-item ul li .bx-Products01-list .bx-Products01-text h3 { font-size: 18px; color: #333; margin: 0; padding: 0; text-align: left; font-weight: 400; margin-bottom: 20px; } .bx-Products01-bottom .bx-Products01-item ul li .bx-Products01-list .bx-Products01-text p { font-size: 16px; color: #606579; text-align: left; padding:0; } .bx-Products01-bottom .bx-Products01-item ul li .bx-Products01-list .bx-Products01-text:hover { background-color: #F2F6FF; } .bx-Products01-bottom .bx-Products01-item ul li .bx-Products01-list .bx-Products01-text:hover h3 { text-align: left; } @media (max-width: 1000px) { .bx-Products01-item ul{ margin:0 -5px; margin-top:-10px } .bx-Products01-bottom .bx-Products01-item ul li { width: 50%; padding: 0 5px; margin-top: 10px; } .bx-Products01-title{ font-size:14px; } .bx-Products01-bottom .bx-Products01-item ul li .bx-Products01-list .bx-Products01-text h3 { font-size: 16px; margin-bottom:5px; } /* .bx-Products01-item ul li .bx-Products01-list .bx-Products01-text{ height:30px; }*/ .bx-Products01-bottom .bx-Products01-item ul li .bx-Products01-list .bx-Products01-text p { font-size: 14px; line-height: 18px; height: 54px; } .bx-Products01-bottom .bx-Products01-item ul li .bx-Products01-list .bx-Products01-text{ padding:10px; } } /*=============================================================products01End================================================*/ /*-------------products02-----------------------------------*/ .bx-Products01.top .bx-Products01-list:hover .bx-Products01-text { top: 0; } .bx-Products01.top .bx-Products01-list .bx-Products01-text { transition: all 0.5s; left: 0; top: -100%; } .bx-Products01.bottom .bx-Products01-list:hover .bx-Products01-text{ bottom:0px; } .bx-Products01.bottom .bx-Products01-list .bx-Products01-text { bottom:-100%; } .bx-Products01.left .bx-Products01-list:hover .bx-Products01-text { left:0; } .bx-Products01.left .bx-Products01-list .bx-Products01-text { top:0; left:-100%; } .bx-Products01.right .bx-Products01-list:hover .bx-Products01-text { right:0; } .bx-Products01.right .bx-Products01-list .bx-Products01-text { top: 0; right:-100%; } .bx-Products01.centers .bx-Products01-list:hover .bx-Products01-text { opacity:1; } .bx-Products01.centers .bx-Products01-list .bx-Products01-text { top: 0; left: 0; opacity:0; } .bx-Products01-title { width: 100%; line-height: 30px; position: absolute; left: 0; bottom: 0; background-color: rgba(0,0,0,.5); font-size: 18px; color: #fff; text-align: center; padding: 5px 10px; } .bx-Products01-item ul li .bx-Products01-list .bx-Products01-text h3 { font-size: 18px; margin-bottom: 10px; text-align: center; color: #fff; line-height: 30px; padding: 5px 10px; } .bx-Products01-item ul li .bx-Products01-list .bx-Products01-text p { font-size: 16px; text-align: center; color: #fff; padding: 0 10px; } @media (max-width: 1000px) { .bx-Products01-item ul{ margin:0 -5px; } .bx-Products01-item ul li { width: 50%; padding: 0 5px; margin-top:10px; } .bx-Products01-title{ font-size:14px; line-height:21px; } } /*.bx-Products01-item ul li .bx-Products01-list:hover .bx-Products01-text { height: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center; background-color: rgba(0,0,0,.8); }*/ /*-------------products02End-----------------------------------*/ /*-------------products03-----------------------------------*/ .bx-Products03-nav { border-bottom: 1px solid rgba(0,69,124,.2); } .bx-Products03-nav ul li { display: inline-block; margin-right: 40px; margin-top: 5px; } .bx-Products03-nav ul li a { font-size: 20px; color: rgba(0,0,0,.4); line-height: 50px; } .bx-Products03-nav ul li a:hover { color: rgba(6,73,147,.7); border-bottom: 2px solid #064993; } .bx-Products03-item { margin-top: 30px; } .bx-Products03-item ul { overflow: hidden; margin: 0 -12px } .bx-Products03-item ul li { width: 33.33%; float: left; padding: 0 12px; margin-top: 25px; } .bx-Products03-list { width: 100%; position: relative; overflow: hidden; } .bx-Products03-list img { width: 100%; } .bx-Products03-list .bx-Products03-text { position: absolute; left: 20px; bottom: 20px; } .bx-Products03-list .bx-Products03-text h3 { font-size: 18px; color: #FFFFFF; font-weight: bold; margin-bottom: 5px; } .bx-Products03-list .bx-Products03-text p { font-size: 18px; color: #FFFFFF; } .bx-Products03-pop { position: absolute; bottom: -100%; left: 0; width: 100%; height: 100%; background-color: rgba(0,69,124,.7); display: flex; justify-content: center; align-items: center; flex-direction: column; padding: 20px; transition: all 0.5s; } .bx-Products03-pop h3 { font-size: 28px; color: #FFFFFF; margin-bottom: 20px; } .bx-Products03-pop span { font-size: 28px; color: #FFFFFF; } .bx-Products03-pop p { font-size: 16px; color: #FFFFFF; margin-top: 10px; text-align: center; } .bx-Products03-pop .bx-Products03-a { display: inline-block; width: 134px; text-align: center; line-height: 40px; background-color: #fff; font-size: 16px; color: #00457C; margin-top: 30px; } .bx-Products03-pop .bx-Products03-a:hover { opacity: 0.8; } .bx-Products03-list:hover .bx-Products03-pop { bottom: 0; } .bx-Products03-list:hover .bx-Products03-text { display: none; } .bx-Products03 .webdiyerCss { padding-top: 60px; } @media (max-width: 1000px) { .bx-Products03-nav { width: 100%; overflow-x: auto; padding-bottom: 10px; } .bx-Products03-nav ul { width: max-content; } .bx-Products03-nav ul li { margin-right: 15px; } .bx-Products03-nav ul li a { font-size: 14px; } .bx-Products03-item { margin-top: 20px; } .bx-Products03-item ul { margin: 0 -5px } .bx-Products03-item ul li { width: 50%; padding: 0 5px; margin-top: 10px; } .bx-Products03-list .bx-Products03-text h3 { font-size: 14px; } .bx-Products03-list .bx-Products03-text p { font-size: 12px; } .bx-Products03-pop { padding: 10px; } .bx-Products03-pop h3, .bx-Products03-pop span { font-size: 14px; margin-bottom: 10px; } .bx-Products03-pop .bx-Products03-a { font-size: 12px; line-height: 25px; width: 80px; margin-top: 0; } .bx-Products03-list .bx-Products03-text { left: 5px; bottom: 5px; } .bx-Products03-pop p { display: none; } } /*-------------products03End-----------------------------------*/ /*---------------------All News Start----------------------*/ /*=============================================================indexnews01================================================*/ .bx-index-news01 { padding: 40px 0; } .bx-index-news01 ul li { overflow: hidden; margin-bottom: 20px; } .bx-index-news01 ul li .pic { float: left; width: 30%; } .bx-index-news01 ul li .tet { padding: 10px 10px 10px 32%; } .bx-index-news01 ul li .tet h3 { font-size: 18px; color: #4c4c4c; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; margin-top: 10px; } .bx-index-news01 ul li .tet span { font-size: 12px; color: #b2b2b2; display: block; margin-top: 10px; } .bx-index-news01 ul li .tet p { font-size: 14px; color: #666666; } .bx-index-news01 ul li .tet input { background-color: #cacaca; border: none; color: #ffffff; font-size: 14px; padding: 5px 10px; border-radius: 5px; transition: all 0.5s ease; display: inline-block; margin-top: 10px; } .bx-index-news01 ul li .tet input:hover { opacity: 0.8; border-radius: 0px; background-color: #99d3ff; color: #ffffff; } .bx-index-news01 ul li:hover h3 { color: #8fc320 } .bx-index-news01 ul li:hover { box-shadow: 0 2px 8px 2px rgba(198, 201, 208, 0.5) } /*=============================================================indexnews01END================================================*/ /*=============================================================indexnews02================================================*/ .bx-index-news02 ul { margin-top: -10px; } .bx-index-news02 ul li { padding: 0 0 10px 0; border-bottom: solid 1px #ececec; margin-top: 10px; } .bx-index-news02 ul li .date { width: 100px; height: 100px; background-color: #e7e7e7; text-align: center; color: #666666; transition: all 0.5s; } .bx-index-news02 ul li .date p { font-size: 27px; margin: 10px 0 10px 0; } .bx-index-news02 ul li .date span { font-size: 14px; } .bx-index-news02 ul li .tet { padding-left: 120px; } .bx-index-news02 ul li .tet h3 { font-size: 18px; color: #333; margin: 10px 0 10px; font-weight: initial; } .bx-index-news02 ul li .tet p { font-size: 14px; color: #666; margin-top: 0px; } .bx-index-news02 ul li:hover h3 { color: #0566c5; } .bx-index-news02 ul li:hover .date { background-color: #0566c5; color: #fff } /*=============================================================indexnews02END================================================*/ /*=============================================================indexnews03================================================*/ .bx-index-news03 ul li { padding: 10px 0; border-bottom: solid 1px #ececec; } .bx-index-news03 ul li .pic { width: 280px; height: 220px; float: left } .bx-index-news03 ul li .tet { padding-left: 300px; } .bx-index-news03 ul li .tet h3 { font-size: 18px; color: #333; margin: 20px 0 10px; font-weight: initial; } .bx-index-news03 ul li .tet p { font-size: 14px; color: #666; margin-top: 20px; text-align: justify } .bx-index-news03 ul li .tet span { font-size: 12px; color: #999; } .bx-index-news03 ul li:hover h3 { color: #75a117; } /*=============================================================indexnews03END================================================*/ /*=============================================================indexnews04================================================*/ .bx-index-news04 ul li { padding: 10px 0; border-bottom: solid 1px #ececec; } .bx-index-news04 ul li .pic { width: 280px; height: 220px; float: left } .bx-index-news04 ul li .tet { padding-left: 300px; } .bx-index-news04 ul li .tet h3 { font-size: 18px; color: #333; margin: 20px 0 10px; font-weight: initial; } .bx-index-news04 ul li .tet p { font-size: 14px; color: #666; margin-top: 20px; text-align: justify } .bx-index-news04 ul li .tet span { font-size: 12px; color: #999; } .bx-index-news04 ul li:hover h3 { color: #75a117; } .bx-index-news04 ul li:nth-child(2n) .pic { float: right } .bx-index-news04 ul li:nth-child(2n) .tet { padding-left: 0px; padding-right: 300px; } /*=============================================================indexnews04END================================================*/ /*=============================================================indexnews06================================================*/ .bx-index-news06-item { overflow: hidden; } .bx-index-news06-left { float: left; width: 420px; } .bx-index-news06-right { float: right; width: calc(100% - 420px); padding-left: 20px; } .bx-index-news06-text { background-color: #f7f7f7; } .bx-index-news06-text .team { width: 80px; height: 80px; background-color: #268dc7; text-align: center; display: flex; justify-content: center; align-items: center; flex-direction: column; } .bx-index-news06-text .team p { font-size: 22px; color: #ffffff; } .bx-index-news06-text .team span { font-size: 14px; color: #ffffff; } .bx-index-news06-text > p { font-size: 16px; color: #333333; display: block; width: calc(100% - 80px); padding-left: 10px; } .bx-index-news06-text { display: flex; align-items: center; } .bx-index-news06-img { overflow: hidden; } .bx-index-news06-left .swiper-pagination { bottom: 90px !important; } .bx-index-news06-right-top { display: flex; justify-content: space-between; align-items: center; border-bottom: 2px solid #999999; } .bx-index-news06-right-top ul li { float: left; } .bx-index-news06-right-top ul li a { padding: 0 15px; display: inline-block; font-size: 18px; color: #333333; line-height: 35px; } .bx-index-news06-right-top > a { font-size: 14px; color: #0062ff; } .bx-index-news06-box { margin-top: 15px; } .bx-index-news06-box ul li .bx-index-news06-lise { display: flex; justify-content: space-between; align-items: center; line-height: 35px; } .bx-index-news06-box ul li .bx-index-news06-lise p { font-size: 14px; color: #666666; width: calc(100% - 100px); display: block; } .bx-index-news06-box ul li .bx-index-news06-lise span { font-size: 14px; color: #666666; width: 100px; display: inline-block; text-align: right; } .bx-index-news06-box ul li .bx-index-news06-lise:hover p { color: #0766ff; } .bx-index-news06-box ul li .bx-index-news06-lise:hover span { color: #0766ff; } .bx-index-news06-right-top ul .active a { color: #0064d2; border-bottom: 2px solid #0064d2; } @media(max-width:1000px) { .bx-index-news06-left { float: none; width: 100%; } .bx-index-news06-right { float: none; width: 100%; padding-left: 0; margin-top: 20px; } .bx-index-news06-right-top ul li a { font-size: 14px; } } /*=============================================================indexnews06End================================================*/ /*=============================================================indexnews07================================================*/ .bx-index-news07 ul { margin-top: -10px; } .bx-index-news07 ul li { padding: 0 0 10px 0; border-bottom: solid 1px #ececec; margin-top: 10px; } .bx-index-news07 ul li .date { width: 100px; height: 100px; background-color: #e7e7e7; text-align: center; color: #666666; transition: all 0.5s; } .bx-index-news07 ul li .date p { font-size: 27px; margin: 10px 0 10px 0; } .bx-index-news07 ul li .date span { font-size: 14px; } .bx-index-news07 ul li .tet { padding-left: 120px; } .bx-index-news07 ul li .tet h3 { font-size: 18px; color: #333; margin: 10px 0 10px; font-weight: initial; } .bx-index-news07 ul li .tet p { font-size: 14px; color: #666; margin-top: 0px; } .bx-index-news07 ul li:hover h3 { color: #0566c5; } .bx-index-news07 ul li:hover .date { background-color: #0566c5; color: #fff } /*=============================================================indexnews07END================================================*/ /*=============================================================indexnews09================================================*/ .bx-index-news09 .bx-index-newstabs ul li { display: inline-block; text-align: center; margin: 0 20px; width: 10%; } .bx-index-news09 .bx-index-newstabs ul li a { display: block; font-size: 20px; color: #fff; padding: 10px 0px; border: 1px #fff solid; } .bx-index-news09 .bx-index-newstabs ul li a:hover, .bx-index-news09 .bx-index-newstabs ul li.active { background: #0566c5; color: #fff; border-color: #0566c5; } .bx-index-news09 .bx-index-newstabs ul li.active a { border-color: #0566c5; } .bx-index-news09 .tab-content ul { margin-left: -3.3%; } .bx-index-news09 .tab-content ul li { background: #fff; width: 30%; margin-left: 3.3%; margin-top: 20px; padding: 20px; } .bx-index-news09 .tab-content span.news-categroy09 { position: absolute; left: 0; top: 0; background: #0566c5; color: #fff; padding: 2px 8px; } .bx-index-news09 .tab-content a span { display: block; padding-top: 30px; font-size: 16px; color: #707070; } .bx-index-news09 .tab-content a h5 { font-size: 16px; font-weight: bold; color: #000; padding: 10px 0; } .bx-index-news09 .tab-content a p { font-size: 14px; color: #707070; } .bx-index-news09 .tab-content ul li:hover { background: #0566c5; -webkit-transition-duration: 750ms; -moz-transition-duration: 750ms; } .bx-index-news09 .tab-content ul li:hover a span, .bx-index-news09 .tab-content ul li:hover a h5, .bx-index-news09 .tab-content ul li:hover a p { color: #fff; } @media(max-width:1000px) { .bx-index-news09 .bx-index-newstabs ul li { width: 20%; } } @media(max-width:768px) { .bx-index-news09 .bx-index-newstabs ul li { width: 30%; margin: 0; } .bx-index-news09 .tab-content ul { margin-left: -3%; } .bx-index-news09 .tab-content ul li { width: 46.9%; margin-left: 3%; } .bx-index-news09 .tab-content a span { padding-top: 15px; } .bx-index-news09 .tab-content a h5 { padding: 5px 0; } .bx-index-news09 .tab-content span.news-categroy09 { padding: 5px 10px; } } /*=============================================================indexnews09END================================================*/ /*=============================================================indexnews10================================================*/ .top_slide_info { position: absolute; left: 0px; right: 0px; bottom: 0px; display: block; box-sizing: border-box; background: rgba(0, 0, 0, 0.3) none repeat scroll 0% 0%; color: #FFF; line-height: 2.1; font-size: 15px; z-index: 99999; } .top_slide_t { white-space: nowrap; text-overflow: ellipsis; overflow: hidden; display: block; font-style: normal; text-align: left; opacity: 0.7; color: #fff; background: #333; height: 30px; line-height: 30px; bottom: 0; position: absolute; width: 100%; font-size: 14px; } .bx-title5 { border-bottom: 1px #ccc solid; padding-bottom: 10px; } .bx-title5 h3 { font-size: 36px; color: #666; float: left; font-family: "宋体"; font-weight: bold; } .bx-title5 h3 span.n10-shu { display: inline-block; width: 5px; height: 30px; background: #485e88; margin-right: 15px; } .bx-title5 h3 span.f-c-blue { color: #485e88; } .bx-title5 a { display: inline-block; float: right; font-size: 18px; color: #444444; } .bx-title5 a:hover { opacity: 0.7; } #accordion a:hover, #accordion .collapsed, #accordion .btn-link { background: none; } .xinweng { margin: 40px 0px 40px 0px; } .shijian { float: right; color: #999999; } .biao a { color: #000000; } .collapse { position: relative; } .text-right { float: right; color: #999999; } .with-padding span:nth-last-of-type(1) { color: #bf0606; } /*小轮播图*/ .hang { width: 50%; margin: 20px 0px 20px 0px; } .biao1 { border: 1px dashed #999999; height: 1px; width: 100%; margin-top: 5px; margin-bottom: 10px; } .biao a { width: 80%; text-align: left; } @media (max-width:1200px) { .xinweng { margin: 20px 0px 20px 0px; } } @media (max-width:768px) { .biao a { width: 80%; } .shijian { padding-top: 8px; } } /*=============================================================indexnews10END================================================*/ /*=============================================================indexnews11================================================*/ .bx-index-news11 img { width: 100%; } .bx-index-news11 ul li { border-bottom: 1px dashed #999999; height: 45px; line-height: 45px; } .bx-index-news11 ul li a { display: block; font-size: 14px; color: #333333; } .bx-index-news11 ul li a:hover { color: #0d3d88; } /*=============================================================indexnews11END================================================*/ /*=============================================================indexnews12===============================================*/ .new-left12 { width: 365px; } .new-right12 { width: 1000px; } .new-right12 .nav-tabs > li > a { width: 178px; height: 55px; line-height: 55px; color: #fff; background: #008dce; font-size: 20px; text-align: center; margin: 20px 10px; padding: 0; border-radius: 10px; } .new-right12 .nav-tabs > li.active > a, .new-right12 .nav-tabs > li.active > a:focus, .new-right12 .nav-tabs > li.active > a:hover { background: #f5f5f5; color: #008dce; border: none; box-shadow: 5px 5px 5px #cccccc; } .new-right12 .tab-content { background: #f5f5f5; height: 275px; padding: 20px; } .new-right12 .tab-content ul li { padding: 10px 0; border-bottom: 1px #999999 dashed; } /*=============================================================indexnews12END================================================*/ /*=============================================================newslist02================================================*/ .bx-list-news02 { width: 100%; } .bx-list-news02 ul li { padding: 20px 0; border-bottom: solid 1px #ececec; } .bx-list-news02 ul li .pic { width: 280px; height: 220px; float: left } .bx-list-news02 ul li .tet { padding-left: 300px; } .bx-list-news02 ul li .tet h3 { font-size: 18px; color: #fff; padding: 20px 0 10px; font-weight: initial; } .bx-list-news02 ul li .tet p { font-size: 14px; color: #fff; margin-top: 20px; text-align: justify } .bx-list-news02 ul li .tet span { font-size: 12px; color: #fff; padding: 20px 0 10px; } .bx-list-news02 ul li:hover { background: #0566c5; } .bx-list-news02 .n-list-02 { height: 50px; } .bx-list-news02 ul li a { display: block; } .bx-list-news02 .n-list-02 h3 { float: left; } .bx-list-news02 .n-list-02 span { display: inline-block; float: right; } @media(max-width:1200px) { .bx-list-news02 ul li { width: 49.9%; float: left; } .bx-list-news02 ul li .tet { padding-left: 0; width: 100%; } .bx-list-news02 ul li .pic { float: none; width: 100%; } .bx-list-news02 .n-list-02 h3 { width: 70%; } .bx-list-news02 ul li .pic { height: 150px; } } /*=============================================================newslist02END================================================*/ /*=============================================================newslist03================================================*/ .bx-title2 h3 { font-size: 36px; color: #333; font-weight: normal; display: inline-block; padding: 0 20px; } .bx-title2 p { color: #bfbdbd; font-size: 24px; } .bx-title2 span { display: block; padding-top: 5px; background: #044db5; width: 130px; height: 5px; margin: 20px auto; } .bx-list-news03 .news-categroy03 ul { margin-left: -2.4%; } .bx-list-news03 .news-categroy03 ul li { float: left; width: 9.99%; border: 1px #044db5 solid; border-radius: 10px; text-align: center; margin-left: 2.4%; } .bx-list-news03 .news-categroy03 ul li a { display: block; writing-mode: vertical-rl; margin: 0 auto; font-size: 24px; color: #044db5; padding: 30px 0; } .bx-list-news03 .news-categroy03 ul li:hover { background: #044db5; } .bx-list-news03 .news-categroy03 ul li:hover a { color: #fff; } .bx-newslist03 { padding-top: 20px; } .bx-newslist03 ul li { margin-top: 10px; } .bx-newslist03 ul li a { display: block; transition: all 0.5s ease; text-align: center } .bx-newslist03 ul li a img { display: block; width: 100% } .bx-newslist03 ul li:hover img { -webkit-transform: scale(1.1); -webkit-transition-timing-function: ease-out; -webkit-transition-duration: 750ms; -moz-transform: scale(1.1); -moz-transition-timing-function: ease-out; -moz-transition-duration: 750ms; overflow: hidden; } .bx-newslist03 ul li a:hover { position: relative; } .bx-newslist03 ul li a:hover h3, .bx-newslist03 ul li a:hover p { opacity: 0.8; } .bx-newslist03 ul li p { font-size: 14px; color: #333; line-height: 14px; line-height: 25px; margin-top: 10px; height: 50px; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; text-align: left; } .bx-newslist03 ul li .div-fd { padding: 20px 5px; } .bx-newslist03 ul li .div-fd span { float: right; display: inline-block; font-size: 14px; color: #999; } .bx-newslist03 ul li h3 { font-size: 16px; color: #333; font-weight: inherit; float: left; width: 75%; text-align: left; } @media (max-width: 1000px) { .bx-newslist03 ul li p { font-size: 14px; line-height: 14px; line-height: 25px; height: 50px; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; } } @media (max-width: 768px) { .bx-newslist03 ul li p { font-size: 14px; line-height: 14px; line-height: 25px; height: 50px; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; } .bx-list-news03 .news-categroy03 ul { margin-left: -2%; } .bx-list-news03 .news-categroy03 ul li { width: 22.5%; margin-top: 20px; } } /*=============================================================newslist03END================================================*/ /*===============================================Newslist04==============================================*/ .bx-list-news04 { position: relative; background: url(../../images/xw-bj.jpg) no-repeat center center; background-size: 100% 100%; height: auto; padding-bottom: 40px; padding-top: 20px; overflow: hidden; } .bx-list-news04 .news-fl { width: 250px; float: left; position: relative; box-sizing: border-box; transition: all 0.5s; } .bx-list-news04 .news-fl .sj-btn-xw { position: absolute; right: -40px; width: 40px; height: 40px; line-height: 40px; border-bottom-right-radius: 20px; border-top-right-radius: 20px; background-color: rgba(8, 138, 79, 1); font-size: 20px; color: #fff; text-align: center; display: none; } .bx-list-news04 .news-fl .news-fl-t { background-color: rgba(8, 138, 79, 1); padding-left: 10px; } .bx-list-news04 .news-fl h1 { padding: 0 10px; font-size: 24px; color: #fff; line-height: 80px; font-weight: inherit; } .bx-list-news04 .news-fl .news-fl-t ul { background-color: #fff; } .bx-list-news04 .news-fl .news-fl-t ul li { line-height: 55px; border-top: solid 1px #ececec; } .bx-list-news04 .news-fl ul li a { position: relative; font-size: 14px; color: #666; padding: 0 10px 0 20px; display: block; } .bx-list-news04 .news-fl ul li a:hover, .bx-list-news04 .news-fl ul li a.sore_focus { color: rgba(8, 138, 79, 1); } .bx-list-news04 .news-fl ul li a.sore_focus:before { position: absolute; content: ""; height: 55px; width: 2px; background-color: #ea990c; top: 0; left: 0px } .bx-list-news04 .news-fl .news-fl-t ul li .div-ff a { border-top: solid 1px #ececec; line-height: 40px; background-color: #f4f4f4; padding-left: 40px; } .bx-list-news04 .news-fl .news-fl-rd h3 { background: url(../../images/xw-icon01.jpg) no-repeat center left; height: 50px; text-align: center; font-size: 24px; color: rgba(8, 138, 79, 1); margin-top: 30px; line-height: 50px; font-weight: inherit; } .bx-list-news04 .news-fl .news-fl-rd ul { border-top: solid 1px #ddd; margin-top: 20px; background-color: none; } .bx-list-news04 .news-fl .news-fl-rd ul li { border-bottom: dashed 1px #ddd; padding: 15px; border-top: none; line-height: 25px; background-color: none; } .bx-list-news04 .news-fl .news-fl-rd ul li span { font-size: 14px; color: #999; margin-right: 10px; } .bx-list-news04 .news-fl .news-fl-rd ul li span i { padding-right: 5px; } .bx-list-news04 .news-fl .news-fl-rd ul li span i.icon-time { color: #ea990c; } .bx-list-news04 .news-fl .news-fl-rd ul li p { line-height: 25px; margin-top: 5px; } .bx-list-news04 .news-fl .news-fl-rd ul li a { padding: 0; } .bx-list-news04 .news-fl .news-fl-rd ul li a:hover { color: #ea990c; } .bx-list-news04 .news-fr { padding-left: 280px; } .bx-list-news04 .news-fr .mb-nav { border-bottom: solid 1px #ddd; height: 50px; line-height: 50px; overflow: hidden; } .bx-list-news04 .news-fr .mb-nav em { font-style: normal; padding: 0 10px; position: relative; top: -3px; color: #666; } .bx-list-news04 .news-fr .mb-nav a { display: inline-block; line-height: 50px; } .bx-list-news04 .news-fr .mb-nav-fr a { display: inline-block; line-height: 47px; border: solid 1px #999; padding: 0 15px; font-size: 16px; color: #999; } .bx-list-news04 .news-fr .mb-nav-fr a i { padding-right: 5px; font-size: 18px; } .bx-list-news04 .news-fr .mb-nav-fr a.cur { background-color: rgba(8, 138, 79, 1); border: solid 1px rgba(8, 138, 79, 1); color: #fff; } .news-fr-list ul { padding-top: 20px; } .news-fr-list ul li { background-color: #fff; padding: 15px; overflow: hidden; margin-top: 20px; } .news-fr-list ul li .div-pic { width: 245px; float: left; transition: all 0.5s; } .news-fr-list ul li .div-tet { width: calc(100% - 275px); float: right; } .news-fr-list ul li .div-tet h3 { font-size: 18px; color: #333; line-height: 30px; width: 75%; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } .news-fr-list ul li .div-tet .title span { line-height: 30px; font-size: 14px; color: #999; float: right; } .news-fr-list ul li .div-tet p { font-size: 14px; color: #666; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; height: 50px; line-height: 25px; } .news-fr-list ul li .div-fx { overflow: hidden; margin-top: 15px; } .news-fr-list ul li .div-fx img { max-height: 40px; } .news-fr-list ul li .div-fx span { display: inline-block; line-height: 40px; font-size: 14px; color: #999; } .news-fr-list ul li .div-fx span i { padding-right: 5px; } .news-fr-list ul li:hover .div-pic img, .news-fr-list2 ul li:hover .div-pic img { -webkit-transform: scale(1.1); -webkit-transition-timing-function: ease-out; -webkit-transition-duration: 750ms; -moz-transform: scale(1.1); -moz-transition-timing-function: ease-out; -moz-transition-duration: 750ms; overflow: hidden; } .news-fr-list ul li:hover h3, .news-fr-list2 ul li:hover h3 { color: #ea990c; } .news-fr-list2 { overflow: hidden; } .news-fr-list2 ul { overflow: hidden; margin: 0 -10px; padding-top: 30px; } .news-fr-list2 ul li { padding: 10px; width: 33.3%; float: left; } .news-fr-list2 ul li a { display: block; background-color: #fff; padding: 15px; box-shadow: 0 2px 8px 2px rgba(198, 201, 208, 0.5); } .news-fr-list2 ul li .div-pic img { width: 100%; } .news-fr-list2 ul li h3 { font-size: 16px; color: #333; width: 100%; line-height: 30px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; font-weight: inherit; } .news-fr-list2 ul li .div-tet .title span { line-height: 25px; font-size: 14px; color: #999; } .news-fr-list2 ul li p { display: none; } .news-fr-list2 ul li .div-fx { overflow: hidden; margin-top: 15px; } .news-fr-list2 ul li .div-fx img { max-height: 30px; } .news-fr-list2 ul li .div-fx span { display: inline-block; line-height: 30px; font-size: 14px; color: #999; } .news-fr-list2 ul li .div-fx span i { padding-right: 5px; } /*===============================================Newslist04End==============================================*/ /*===============================================Newslist05==============================================*/ /* .news-categroy05 ul li { display: inline-block; } .news-categroy05 ul li a { font-size: 14px; color: #666; display: block; padding: 5px 10px; border: 1px #ececec solid; } .news-categroy05 ul li a:hover { background: #0566c5; color: #fff; border-color: #0566c5; } .news-categroy05 ul li a.sore_focus { background: #0566c5; color: #fff; border-color: #0566c5; } .news-categroy05 ul li a.sore_focus:before { background: #0566c5; color: #fff; border-color: #0566c5; }*/ .bx-news05-list { display: flex; justify-content: space-between; align-items: center; line-height: 45px; } .bx-news05-list h3 { font-size: 16px; color: #666666; font-weight: 400; width: calc(100% - 120px); } .bx-news05-list p { font-size: 16px; color: #666666; width: 120px; text-align: right; } .bx-news05-list:hover h3, .bx-news05-list:hover p { color: #00468e; } /*===============================================Newslist05End==============================================*/ /*===============================================Newslist06==============================================*/ .news-list06 ul { border-bottom: 1px #ececec solid; border-top: 1px #ececec solid; } .news-list06 ul li { float: left; width: 33%; border-right: 1px #ececec solid; } .news-list06 ul li a { font-size: 14px; color: #666; display: block; padding: 15px 0; } .news-list06 ul li a:hover { background: #0566c5; color: #fff; border-color: #0566c5; } .news-list06 ul li a.sore_focus { background: #0566c5; color: #fff; border-color: #0566c5; } .news-list06 ul li a.sore_focus:before { background: #0566c5; color: #fff; border-color: #0566c5; } /*===============================================Newslist06End==============================================*/ /*===============================================Newslist07==============================================*/ .news-list07 { border-bottom: 1px #ccc solid; } .news-list07 ul li { float: left; color: #666; } .news-list07 ul li a { font-size: 14px; color: #666; display: inline-block; border-bottom: 3px #fff solid; padding: 15px 30px; } .news-list07 ul li span { display: inline-block; } .news-list07 ul li:last-child span { display: none; } .news-list07 ul li a:hover { color: #0566c5; border-bottom: 3px #0566c5 solid; } .news-list07 ul li a.sore_focus { color: #0566c5; border-bottom: 3px #0566c5 solid; } .news-list07 ul li a.sore_focus:before { color: #0566c5; border-bottom: 3px #0566c5 solid; } /*===============================================Newslist07End==============================================*/ /* -------News08--------------------------------------*/ .bx-news08-list { display: flex; justify-content: space-between; align-items: center; width: 100%; } .bx-news08-list-img { width: 26.3%; } .bx-news08-list-text { width: 73.7%; box-sizing: border-box; padding-left: 2.85%; } .bx-news08-list-text .title { font-size: 20px; color: #1D1E21; font-weight: bold; margin-bottom: 15px; } .bx-news08-list-text .text1 { font-size: 16px; color: #999999; margin-bottom: 10px; } .bx-news08-list-text .time { font-size: 14px; color: #C9C9C9; } .bx-news08-item ul li { margin-bottom: 20px; } @media (max-width:1000px) { .bx-news08-list-text .title { font-size: 16px; margin-bottom: 5px; } .bx-news08-list-text .time { display: none; } .bx-news08-list-text .text1 { font-size: 14px; line-height: 20px; height: 40px; margin-bottom: 0; } .bx-news08-item ul li { margin-bottom: 15px; } } /* -------PageRank_News01End--------------------------------------*/ .bx-PageRank-News01-fl { padding-top: 30px; } .bx-PageRank-News01-fl ul { text-align: center; border-bottom: 1px solid #eee; } .bx-PageRank-News01-fl ul li { display: inline-block; margin: 0 15px; } .bx-PageRank-News01-fl ul li a { min-width: 120px; text-align: center; line-height: 50px; font-size: 18px; color: #333; display: inline-block; } .bx-PageRank-News01-fl ul li a:hover, .bx-PageRank-News01-fl ul li .active { color: #0566c5; font-weight: bold; } .bx-PageRank-News01-fl > ul { border-bottom: 1px solid #eee; } @media (max-width:1000px) { .bx-PageRank-News01-fl ul li a { min-width: 80px; font-size: 16px; line-height: 30px; } .bx-PageRank-News01-fl ul { padding-bottom: 10px; } .bx-PageRank-News01-fl { padding-top: 10px; } } /* -------PageRank_News03End--------------------------------------*/ .bx-PageRank-News03-item { display: flex; justify-content: space-between; } .bx-PageRank-News03-fl { width: 220px; } .bx-PageRank-News03-fr { width: calc(100% - 220px); padding-left: 20px; } .bx-PageRank-News03 { padding: 50px 0; } .bx-PageRank-News03-fl ul { background-color: #f7f7f7; } .bx-PageRank-News03-fl ul li a { display: inline-block; width: 100%; text-align: center; line-height: 50px; font-size: 16px; color: #666666; } .bx-PageRank-News03-fl ul li a:hover, .bx-PageRank-News03-fl ul li .active { background-color: #2582d2; color: #fff; } /*---------------------All News End----------------------*/ /*---------------------All Team Start----------------------*/ /*=============================================================Team01================================================*/ .bx-list-team01 ul li { padding: 40px 0 0; } .bx-list-team01 ul li .pic { width: 300px; height: 400px; float: left } .bx-list-team01 ul li .tet { padding-left: 350px; padding-top: 75px; } .bx-list-team01 ul li .tet h3 { font-size: 18px; color: #fff; margin: 20px 0 10px; font-weight: initial; } .bx-list-team01 ul li .tet p { font-size: 16px; line-height: 32px; color: #999; margin-top: 20px; text-align: justify } .bx-list-team01 ul li .tet span { display: block; width: 90px; height: 40px; line-height: 40px; text-align: center; background: #044db5; border-radius: 5px; color: #fff; font-size: 16px; margin-top: 35px; } .bx-list-team01 ul li:hover h3 { opacity: 0.8; } .bx-list-team01 ul li:hover .tet span { opacity: 0.8; } .bx-list-team01 ul li:nth-child(2n) .pic { float: right } .bx-list-team01 ul li:nth-child(2n) .tet { padding-left: 0px; padding-right: 350px; } .news04-bg .bx-title2 h3 { color: #fff; } .news04-bg { background: url(../images/news04-bg.png) no-repeat top center; } @media (max-width:768px) { .bx-list-team01 ul { margin-left: -2%; } .bx-list-team01 ul li { float: left; width: 47.9%; margin-left: 2%; } .bx-list-team01 ul li .pic { width: 100%; height: auto; float: none; } .bx-list-team01 ul li .pic img { max-width: 100%; } .bx-list-team01 ul li .tet { padding-left: 0px; padding-top: 0px; } .bx-list-team01 ul li .tet span { margin: 35px auto 0; } .bx-list-team01 ul li:nth-child(2n) .pic { float: none; } .bx-list-team01 ul li:nth-child(2n) .tet { padding-left: 0px; padding-right: 0px; } } /*=============================================================Team01END================================================*/ /*=============================================================Team02================================================*/ .bx-list-team02 ul li { margin-top: 15px; } .bx-list-team02 ul li a { position: relative; overflow: hidden; display: block; } .bx-list-team02 ul li a img { display: block; width: 100%; color: #fff } .bx-list-team02 ul li .div-fd h3 { text-align: center; color: #fff; font-size: 18px; font-weight: inherit; padding-top: 80px; } .bx-list-team02 ul li .div-fd { position: absolute; padding: 0 30px; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.73); top: calc(100% - 0px); transition: all 0.5s ease; } .bx-list-team02 ul li a:hover { position: relative; margin-top: 0px; box-shadow: 0 2px 8px 2px rgba(198, 201, 208, 0.5); } .bx-list-team02 ul li:hover .div-fd { top: 0; } .bx-list-team02 ul li:hover .div-fd span { display: block; width: 38px; height: 5px; background: #0566c5; margin: 20px auto; } .bx-list-team02 ul li:hover .div-fd h3 { margin-top: 20px; } .bx-list-team02 ul li .div-fd p { font-size: 14px; color: #fff; line-height: 14px; line-height: 25px; height: 150px; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 6; overflow: hidden; text-align: justify; margin-top: 30px; } @media (max-width: 1160px) { .bx-list-team02 ul li .div-fd p { font-size: 14px; color: #fff; line-height: 14px; line-height: 25px; height: 75px; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; text-align: justify; } } @media (max-width: 720px) { .bx-list-team02 ul li .div-fd h3 { font-size: 16px; } .bx-list-team02 ul li:hover .div-fd h3 { margin-top: 10px; } .bx-list-team02 ul li .div-fd p { font-size: 14px; color: #fff; line-height: 14px; line-height: 25px; height: 50px; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; text-align: justify; } } /*=============================================================Team02END================================================*/ /*=============================================================Team03================================================*/ .bx-Team03-item ul li .bx-Team03-list { display:flex; align-items:center; } .bx-Team03-item ul li .bx-Team03-img { width: 37.5%; } .bx-Team03-item ul li .bx-Team03-img img{ width:100%; } .bx-Team03-item ul li .bx-Team03-text { width: 62.5%; padding-left:50px; } .bx-Team03-item ul li .bx-Team03-text p { font-size: 14px; color: #8F94AB; margin-bottom:20px; } .bx-Team03-item ul li .bx-Team03-text h3 { background-color: #F2F6FF; font-size: 18px; font-weight: 400; line-height: 70px; margin-bottom: 50px; color: #606579; width:calc(100% + 100px); margin-left:-100px; padding-left:100px; transition:all 0.3s; } .bx-Team03-item ul li:nth-child(even) .bx-Team03-list { flex-direction: row-reverse; } .bx-Team03-item ul li:nth-child(even) .bx-Team03-text{ padding-left:0; padding-right:50px; } .bx-Team03-item ul li:nth-child(even) .bx-Team03-text h3 { padding-left: 0; padding-right: 50px; margin-left:0; margin-right:-50px; padding-left:30px; } .bx-Team03-item ul li:nth-child(even) .bx-Team03-text p{ padding-left:30px; } .bx-Team03-item ul li .bx-Team03-list:hover h3 { background-color: #00C4D3; color: #fff; } @media (max-width: 1000px) { .bx-Team03-item ul li:nth-child(even) .bx-Team03-list { flex-direction: inherit; } .bx-Team03-item ul li{ margin-top:20px; } .bx-Team03-item ul li .bx-Team03-text h3{ padding:0; font-size:16px; width:100%; margin:0; line-height:30px; padding:0 10px; } .bx-Team03-item ul li .bx-Team03-text { padding-left:10px; } .bx-Team03-item ul li .bx-Team03-text p{ margin-bottom:10px; } .bx-Team03-item ul li:nth-child(even) .bx-Team03-text{ padding-right:0; } .bx-Team03-item ul li:nth-child(even) .bx-Team03-text p{ padding-left:10px; } .bx-Team03-item ul li:nth-child(even) .bx-Team03-text h3{ padding:0 10px; margin:0; } } /*=============================================================Team03END================================================*/ /*---------------------All Team End----------------------*/ /*---------------------All Flow Start----------------------*/ /*=============================================================indexflow01================================================*/ .bx-index-flow01 { margin: 0 -1.8em; } .bx-index-flow01 li { float: left; padding: 1.8em; } .bx-index-flow01 li a { display: block; box-sizing: content-box; padding: 1.8em; text-align: left; background: #fff; border-radius: 6px; overflow: hidden; box-shadow: 0 0 30px rgba(0,120,255,.2); color: #333; } .bx-index-flow01 li span { display: inline-block; vertical-align: middle; text-align: center; width: 50px; height: 50px; line-height: 50px; color: #fff; vertical-align: top; border-radius: 50%; background: linear-gradient(to bottom,#0279ff,#72b4fe); box-shadow: 0 0 40px rgba(0,120,255,.7); } .bx-index-flow01 li div { display: inline-block; vertical-align: middle; max-width: 192px; padding-left: 20px; text-align: left; } .bx-index-flow01 li div h5 { font-size: 16px; padding-bottom: 5px; } /*=============================================================indexflow01End================================================*/ /*=============================================================indexflow02================================================*/ .bx-index-flow02 ul li { text-align: center; position: relative; } .bx-index-flow02 ul li img { width: 30%; border-radius: 50%; border: 4px solid #e6eae9; } .bx-index-flow02 ul li h2 { color: #333333; font-size: 18px; padding-top: 15px; } .bx-index-flow02 ul li::after { content: ''; width: 40px; height: 20px; background: url(../images/progress02-after.png) no-repeat; background-size: 100% 100%; position: absolute; top: 50%; right: -20px; transform: translate(0,-50%); } .bx-index-flow02 ul li:last-child::after { content: none; } .top50 { margin-top: 100%; display: block; } /*=============================================================indexflow02End================================================*/ /*---------------------All Flow End----------------------*/ /*---------------------All Case Start----------------------*/ /*=============================================================indexcase01================================================*/ .bx-index-case01 li { width: 20%; float: left; cursor: pointer; } .cul-text { background: #f1f1f1; height: 0; padding-bottom: 100%; /* height/width*100 */ position: relative; } .bx-index-case01 li:hover .cul-text { background: rgba(0,120,255,.2); } .cul-c { position: absolute; top: 50%; left: 50%; width: 100%; max-width: 200px; text-align: center; transform: translate(-50%,-50%); } .cul-pic { position: relative; height: 0; padding-bottom: 100%; /* height/width*100 */ } .cul-pic img { position: absolute; height: 100%; object-fit: cover; } .bx-index-case01 li:nth-of-type(even) .cul-pic { transform: translate(0,-100%); } .bx-index-case01 li:nth-of-type(even) .cul-text { transform: translate(0,100%); } @media (max-width: 992px) { .bx-index-case01 li { width: 100%; overflow: hidden; background: #f1f1f1; } .cul-text { width: 50%; height: 0; padding-bottom: 50%; position: relative; float: left; } .cul-c { position: absolute; top: 50%; left: 50%; width: 100%; max-width: 200px; text-align: center; transform: translateY(-50%) translateX(-50%); } .cul-pic { width: 50%; float: right; padding-bottom: 50%; } .bx-index-case01 li:nth-of-type(even) .cul-pic { float: left; transform: none; } .bx-index-case01 li:nth-of-type(even) .cul-text { float: right; transform: none; } } /*=============================================================indexcase01End================================================*/ /*---------------------All Case End----------------------*/ /*---------------------All AboutUs Start----------------------*/ /*AboutUs01 ==开始==================================================================== */ .bx-aboutus01 { width: 100%; padding: 40px 0; box-sizing: border-box; display: flex; justify-content: center; align-items: center; } .bx-aboutus01 .bx-aboutus01-z { width: 48%; } .bx-aboutus01 .bx-aboutus01-z a { display: block; } .bx-aboutus01 .bx-aboutus01-z img { width: 100%; height: auto; display: block; } .bx-aboutus01 .bx-aboutus01-y { width: 48%; margin-left: 40px; } .bx-aboutus01 .bx-aboutus01-y p { font-size: 15px; color: #000; line-height: 30px; text-indent: 2em; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 10; -webkit-box-orient: vertical; overflow: hidden; } /*768分辨率下*/ @media (max-width:768px) { .bx-aboutus01 { width: 100%; padding: 15px 10px; box-sizing: border-box; display: block; } .bx-aboutus01 .bx-aboutus01-z { width: 100%; } .bx-aboutus01 .bx-aboutus01-z a { display: block; } .bx-aboutus01 .bx-aboutus01-z img { width: 100%; height: auto; display: block; } .bx-aboutus01 .bx-aboutus01-y { width: 100%; margin-left: 0; margin-top: 15px; } .bx-aboutus01 .bx-aboutus01-y p { font-size: 14px; color: #000; line-height: 26px; text-indent: 2em; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 5; -webkit-box-orient: vertical; overflow: hidden; } } /*AboutUs01 ==结束==================================================================== */ /*AboutUs02 ==开始==================================================================== */ .bx-aboutus02 { width: 100%; padding: 40px 0; box-sizing: border-box; display: flex; justify-content: center; align-items: center; } .bx-aboutus02 .bx-aboutus02-z { width: calc(100% - 570px); padding-right: 30px; padding-bottom: 30px; box-sizing: border-box; background: url(/cqimg/about02-2.png) no-repeat right bottom; background-size: 240px 240px; } .bx-aboutus02 .bx-aboutus02-z a { display: block; } .bx-aboutus02 .bx-aboutus02-z img { width: 100%; height: auto; display: block; transition: all 0.5s; } .bx-aboutus02 .bx-aboutus02-y { width: 520px; margin-left: 50px; } .bx-aboutus02 .bx-aboutus02-y h2 { display: inline-block; font-size: 28px; color: #000; line-height: 50px; border-bottom: 4px solid #044DB4; letter-spacing: 2px; } .bx-aboutus02 .bx-aboutus02-y h4 { font-size: 22px; font-weight: 400; color: #999; line-height: 50px; letter-spacing: 2px; } .bx-aboutus02 .bx-aboutus02-y p { font-size: 16px; color: #666; height: 180px; line-height: 30px; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 6; -webkit-box-orient: vertical; overflow: hidden; margin: 40px 0; } .bx-aboutus02 .bx-aboutus02-y a { display: block; width: 120px; height: 40px; line-height: 40px; text-align: center; border-radius: 5px; background-color: #044DB4; font-size: 15px; color: #fff; } .bx-aboutus02 .bx-aboutus02-y:hover h2, .bx-aboutus02 .bx-aboutus02-y:hover h4 { color: #044DB4; } .bx-aboutus02 .bx-aboutus02-y:hover a { box-shadow: 0 0 10px #333; opacity: 0.9; } /*1000分辨率下*/ @media (max-width: 1000px) { .bx-aboutus02 .bx-aboutus02-z { width: calc(100% - 400px); padding-right: 0; padding-bottom: 0; box-sizing: border-box; background: none; background-size: auto auto; } .bx-aboutus02 .bx-aboutus02-y { width: 360px; margin-left: 40px; } .bx-aboutus02 .bx-aboutus02-y p { margin: 20px 0; } } /*768分辨率下*/ @media (max-width: 768px) { .bx-aboutus02 { width: 100%; padding: 15px 10px; box-sizing: border-box; display: block; justify-content: center; align-items: center; } .bx-aboutus02 .bx-aboutus02-z { width: 100%; padding-right: 0; padding-bottom: 0; box-sizing: border-box; background: none; background-size: auto auto; } .bx-aboutus02 .bx-aboutus02-y { width: 100%; margin-left: 0; margin-top: 10px; text-align: center; } .bx-aboutus02 .bx-aboutus02-y h2 { display: inline-block; font-size: 22px; font-weight: 400; line-height: 36px; border-bottom: 2px solid #044DB4; } .bx-aboutus02 .bx-aboutus02-y h4 { display: none; } .bx-aboutus02 .bx-aboutus02-y p { font-size: 13px; height: 100px; line-height: 25px; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; overflow: hidden; margin: 10px 0; } .bx-aboutus02 .bx-aboutus02-y a { display: block; width: 100%; height: 30px; line-height: 30px; border-radius: 15px; font-size: 14px; } } /*AboutUs02 ==结束==================================================================== */ /*AboutUs03 ==开始==================================================================== */ .bx-aboutus03 { width: 100%; padding: 40px 0; box-sizing: border-box; } .bx-aboutus03 .bx-aboutus03-bt { width: 100%; text-align: center; } .bx-aboutus03 .bx-aboutus03-bt h2 { font-size: 28px; color: #000; line-height: 50px; } .bx-aboutus03 .bx-aboutus03-bt .bx-aboutus03-btx { width: 70px; height: 4px; margin: 0 auto; background-color: #000; } .bx-aboutus03 .bx-aboutus03-nr { width: 100%; margin-top: 40px; display: flex; justify-content: center; align-items: center; } .bx-aboutus03 .bx-aboutus03-nr .bx-aboutus03-nrz { width: calc(100% - 570px); overflow: hidden; } .bx-aboutus03 .bx-aboutus03-nr .bx-aboutus03-nrz a { display: block; } .bx-aboutus03 .bx-aboutus03-nr .bx-aboutus03-nrz img { width: 100%; height: auto; display: block; transition: all 0.5s; } .bx-aboutus03 .bx-aboutus03-nr .bx-aboutus03-nry { width: 520px; margin-left: 50px; } .bx-aboutus03 .bx-aboutus03-nr .bx-aboutus03-nry a { display: block; font-size: 16px; color: #666; height: 240px; line-height: 30px; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 8; -webkit-box-orient: vertical; overflow: hidden; } .bx-aboutus03 .bx-aboutus03-nr .bx-aboutus03-nrz:hover img { transform: scale(1.06); transition: all 0.5s; } .bx-aboutus03 .bx-aboutus03-nr .bx-aboutus03-nry:hover a { color: #044DB4; } /*1440分辨率下*/ @media (max-width: 1440px) { .bx-aboutus03 .bx-aboutus03-nr .bx-aboutus03-nry a { display: block; font-size: 14px; color: #666; height: 180px; line-height: 30px; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 6; -webkit-box-orient: vertical; overflow: hidden; } } /*1000分辨率下*/ @media (max-width: 1000px) { .bx-aboutus03 .bx-aboutus03-nr .bx-aboutus03-nrz { width: calc(100% - 410px); overflow: hidden; } .bx-aboutus03 .bx-aboutus03-nr .bx-aboutus03-nry { width: 370px; margin-left: 20px; } .bx-aboutus03 .bx-aboutus03-nr .bx-aboutus03-nry a { display: block; font-size: 13px; color: #666; height: 156px; line-height: 26px; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 6; -webkit-box-orient: vertical; overflow: hidden; } } /*768分辨率下*/ @media (max-width: 768px) { .bx-aboutus03 { width: 100%; padding: 15px 10px; box-sizing: border-box; } .bx-aboutus03 .bx-aboutus03-bt { width: 100%; text-align: center; } .bx-aboutus03 .bx-aboutus03-bt h2 { font-size: 22px; font-weight: 400; line-height: 36px; } .bx-aboutus03 .bx-aboutus03-bt .bx-aboutus03-btx { width: 60px; height: 2px; } .bx-aboutus03 .bx-aboutus03-nr { margin-top: 10px; display: block; } .bx-aboutus03 .bx-aboutus03-nr .bx-aboutus03-nrz { width: 100%; } .bx-aboutus03 .bx-aboutus03-nr .bx-aboutus03-nry { width: 100%; margin-left: 0; margin-top: 10px; } .bx-aboutus03 .bx-aboutus03-nr .bx-aboutus03-nry a { display: block; font-size: 13px; color: #666; height: 100px; line-height: 25px; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; overflow: hidden; } } /*AboutUs03 ==结束==================================================================== */ /*AboutUs04 ==开始==================================================================== */ .bx-aboutus04 { width: 100%; padding: 40px 0; box-sizing: border-box; } .bx-aboutus04-bt { width: 100%; } .bx-aboutus04-bt h4 { font-size: 16px; font-weight: 400; color: #000; line-height: 32px; background: url(/cqimg/about04-1.png) no-repeat left center; background-size: 50px 4px; padding-left: 60px; box-sizing: border-box; } .bx-aboutus04-bt h2 { font-size: 28px; color: #000; line-height: 50px; } .bx-aboutus04 .bx-aboutus04-nr { width: 100%; margin-top: 40px; position: relative; } .bx-aboutus04 .bx-aboutus04-nr .bx-aboutus04-nr-b { width: 480px; float: right; } .bx-aboutus04 .bx-aboutus04-nr .bx-aboutus04-nr-b h2 { font-size: 28px; font-weight: 400; color: #000; line-height: 70px; text-align: right; background: url(/cqimg/about04-2.png) no-repeat right center; background-size: 90px 90px; letter-spacing: 2px; padding-top: 20px; padding-right: 70px; } .bx-aboutus04 .bx-aboutus04-nr .bx-aboutus04-nr-b h2 a { color: #000; } .bx-aboutus04 .bx-aboutus04-nr .bx-aboutus04-nr-t { width: calc(100% - 520px); float: left; overflow: hidden; } .bx-aboutus04 .bx-aboutus04-nr .bx-aboutus04-nr-t img { width: 100%; height: auto; display: block; transition: all 0.5s; } .bx-aboutus04 .bx-aboutus04-nr .bx-aboutus04-nr-g { width: 700px; height: auto; padding: 30px 40px; box-sizing: border-box; background-color: #fff; box-shadow: 0 0 10px #999; position: absolute; right: 0; bottom: 40px; transition: all 0.5s; } .bx-aboutus04 .bx-aboutus04-nr .bx-aboutus04-nr-g h2 { font-size: 22px; font-weight: 400; color: #333; line-height: 40px; } .bx-aboutus04 .bx-aboutus04-nr .bx-aboutus04-nr-g p { font-size: 16px; color: #333; height: 90px; line-height: 30px; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; margin: 10px 0; } .bx-aboutus04 .bx-aboutus04-nr .bx-aboutus04-nr-g h4 { text-align: right; font-weight: 400; } .bx-aboutus04 .bx-aboutus04-nr .bx-aboutus04-nr-g a { display: inline-block; width: 120px; height: 36px; line-height: 36px; background-color: #FF0000; text-align: center; font-size: 16px; color: #fff; } .bx-aboutus04:hover .bx-aboutus04-nr .bx-aboutus04-nr-t img { transform: scale(1.06); transition: all 0.5s; } .bx-aboutus04:hover .bx-aboutus04-nr .bx-aboutus04-nr-b h2 a { color: #044DB4; } .bx-aboutus04:hover .bx-aboutus04-nr .bx-aboutus04-nr-g { transition: all 0.5s; box-shadow: 0 0 10px #333; } .bx-aboutus04:hover .bx-aboutus04-nr .bx-aboutus04-nr-g a { opacity: 0.8; box-shadow: 0 0 10px #666; } /*1440分辨率下*/ @media (max-width: 1440px) { .bx-aboutus04 .bx-aboutus04-nr { margin-top: 20px; } .bx-aboutus04 .bx-aboutus04-nr .bx-aboutus04-nr-b h2 { font-size: 24px; font-weight: 400; color: #000; line-height: 40px; text-align: right; background: url(/cqimg/about04-2.png) no-repeat right center; background-size: 60px 50px; letter-spacing: 2px; padding-top: 0; padding-right: 40px; } .bx-aboutus04 .bx-aboutus04-nr .bx-aboutus04-nr-g { width: 600px; height: auto; padding: 20px 30px; box-sizing: border-box; background-color: #fff; box-shadow: 0 0 10px #999; position: absolute; right: 0; bottom: 10px; transition: all 0.5s; } } /*1000分辨率下*/ @media (max-width: 1000px) { .bx-aboutus04 { width: 100%; padding: 15px 10px; box-sizing: border-box; } .bx-aboutus04-bt { width: 100%; padding: 0 10px; box-sizing: border-box; } .bx-aboutus04-bt h4 { font-size: 14px; line-height: 28px; background: url(/cqimg/about04-1.png) no-repeat left center; background-size: 40px 3px; padding-left: 50px; box-sizing: border-box; } .bx-aboutus04-bt h2 { font-size: 22px; line-height: 40px; } .bx-aboutus04 .bx-aboutus04-nr { width: 100%; margin-top: 0; position: relative; } .bx-aboutus04 .bx-aboutus04-nr .bx-aboutus04-nr-b { width: 100%; float: none; display: none; } .bx-aboutus04 .bx-aboutus04-nr .bx-aboutus04-nr-b h2 { font-size: 28px; font-weight: 400; color: #000; line-height: 40px; text-align: center; background: none; background-size: auto auto; letter-spacing: 2px; padding-top: 0; padding-right: 0; } .bx-aboutus04 .bx-aboutus04-nr .bx-aboutus04-nr-t { width: 100%; float: none; overflow: hidden; margin-top: 15px; } .bx-aboutus04 .bx-aboutus04-nr .bx-aboutus04-nr-g { width: 100%; padding: 0 0; box-shadow: none; position: relative; right: auto; bottom: auto; } .bx-aboutus04 .bx-aboutus04-nr .bx-aboutus04-nr-g h2 { display: none; } .bx-aboutus04 .bx-aboutus04-nr .bx-aboutus04-nr-g p { font-size: 13px; color: #333; height: auto; line-height: 25px; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; overflow: hidden; margin: 10px 0; } .bx-aboutus04 .bx-aboutus04-nr .bx-aboutus04-nr-g h4 { text-align: center; font-weight: 400; } .bx-aboutus04 .bx-aboutus04-nr .bx-aboutus04-nr-g a { display: block; width: 100%; height: 30px; line-height: 30px; font-size: 14px; border-radius: 15px; } .bx-aboutus04:hover .bx-aboutus04-nr .bx-aboutus04-nr-g { box-shadow: none; } .bx-aboutus04:hover .bx-aboutus04-nr .bx-aboutus04-nr-g a { opacity: 0.8; box-shadow: none; } } /*768分辨率下*/ @media (max-width: 768px) { .bx-aboutus04 .bx-aboutus04-nr .bx-aboutus04-nr-b h2 { font-size: 22px; font-weight: 400; line-height: 36px; } .bx-aboutus04 .bx-aboutus04-nr .bx-aboutus04-nr-t { margin-top: 10px; } } /*AboutUs04 ==结束================================================================== */ /*AboutUs05 ==开始==================================================================== */ .bx-aboutus05 { width: 100%; padding: 40px 0; box-sizing: border-box; } .bx-aboutus05-bt { width: 100%; text-align: center; } .bx-aboutus05-bt h2 { font-size: 28px; color: #000; line-height: 50px; } .bx-aboutus05-bt p { font-size: 22px; font-weight: 400; color: #000; line-height: 36px; letter-spacing: 2px; } .bx-aboutus05-bt .bx-aboutus05-btx { width: 50px; height: 3px; margin: 0 auto; background-color: #10FFFB; margin-top: 8px; } .bx-aboutus05 .bx-aboutus05-nr { width: 100%; position: relative; } .bx-aboutus05 .bx-aboutus05-nr .bx-aboutus05-nr-t { width: 475px; height: auto; background: url(/cqimg/about05-1.png) no-repeat left top; background-size: 60px 60px; padding-left: 15px; padding-top: 15px; box-sizing: border-box; overflow: hidden; } .bx-aboutus05 .bx-aboutus05-nr .bx-aboutus05-nr-t img { width: 460px; height: auto; display: block; transition: all 0.5s; } .bx-aboutus05 .bx-aboutus05-nr .bx-aboutus05-nr-z { width: calc(100% - 440px); height: auto; padding: 30px 40px; box-sizing: border-box; background-color: #fff; box-shadow: 0 0 10px #999; position: absolute; right: 0; bottom: 20px; transition: all 0.5s; } .bx-aboutus05 .bx-aboutus05-nr .bx-aboutus05-nr-z p { font-size: 16px; color: #333; height: 120px; line-height: 30px; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; overflow: hidden; margin: 10px 0; } .bx-aboutus05 .bx-aboutus05-nr .bx-aboutus05-nr-z h4 { text-align: right; font-weight: 400; } .bx-aboutus05 .bx-aboutus05-nr .bx-aboutus05-nr-z h4 a { display: inline-block; width: 160px; height: 36px; line-height: 36px; background-color: #2E58CE; text-align: center; font-size: 14px; color: #fff; border-radius: 5px; } .bx-aboutus05:hover .bx-aboutus05-nr .bx-aboutus05-nr-z { box-shadow: 0 0 10px #333; transition: all 0.5s; } .bx-aboutus05:hover .bx-aboutus05-nr .bx-aboutus05-nr-z p { color: #2E58CE; } .bx-aboutus05:hover .bx-aboutus05-nr .bx-aboutus05-nr-z h4 a { opacity: 0.8; box-shadow: 0 0 10px #666; } /*1000分辨率下*/ @media (max-width: 1000px) { .bx-aboutus05 { width: 100%; padding: 15px 10px; box-sizing: border-box; } .bx-aboutus05-bt h2 { font-size: 28px; font-weight: 400; line-height: 40px; } .bx-aboutus05-bt p { font-size: 18px; font-weight: 400; line-height: 32px; } .bx-aboutus05-bt .bx-aboutus05-btx { margin-top: 0; } .bx-aboutus05 .bx-aboutus05-nr { margin-top: 10px; } .bx-aboutus05 .bx-aboutus05-nr .bx-aboutus05-nr-t { width: 100%; height: auto; background: none; background-size: auto auto; padding-left: 0; padding-top: 0; } .bx-aboutus05 .bx-aboutus05-nr .bx-aboutus05-nr-t img { width: 100%; } .bx-aboutus05 .bx-aboutus05-nr .bx-aboutus05-nr-z { width: 100%; height: auto; padding: 10px 10px; box-sizing: border-box; background-color: #fff; box-shadow: none; position: relative; right: auto; bottom: auto; } .bx-aboutus05 .bx-aboutus05-nr .bx-aboutus05-nr-z p { font-size: 13px; color: #333; height: auto; line-height: 25px; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; overflow: hidden; margin: 0 0; } .bx-aboutus05 .bx-aboutus05-nr .bx-aboutus05-nr-z h4 { text-align: center; margin-top: 10px; } .bx-aboutus05 .bx-aboutus05-nr .bx-aboutus05-nr-z h4 a { display: block; width: 100%; height: 30px; line-height: 30px; background-color: #2E58CE; text-align: center; font-size: 14px; color: #fff; border-radius: 15px; } .bx-aboutus05:hover .bx-aboutus05-nr .bx-aboutus05-nr-z { box-shadow: none; } } /*768分辨率下*/ @media (max-width: 768px) { .bx-aboutus05 { width: 100%; padding: 15px 10px; box-sizing: border-box; } .bx-aboutus05-bt h2 { font-size: 22px; font-weight: 400; line-height: 36px; } .bx-aboutus05-bt p { font-size: 15px; font-weight: 400; line-height: 28px; } } /*AboutUs05 ==结束==================================================================== */ /*AboutUs06 ==开始==================================================================== */ .bx-aboutus06 { width: 100%; padding: 40px 0; box-sizing: border-box; } .bx-aboutus06 .bx-aboutus06-nr { width: 100%; padding: 70px 0; box-sizing: border-box; margin-top: 40px; background: url(/cqimg/about06-1.png) no-repeat left top; background-size: 50px 50px; } .bx-aboutus06 .bx-aboutus06-nr ul li { width: 25%; float: left; padding: 0 20px; box-sizing: border-box; background: url(/cqimg/about06-7.png) no-repeat right 60px; background-size: 1px 32px; text-align: center; } .bx-aboutus06 .bx-aboutus06-nr ul li:last-child { background: none; } .bx-aboutus06 .bx-aboutus06-nr ul li h1 { font-size: 60px; color: #D60422; line-height: 80px; margin: 0 0; } .bx-aboutus06 .bx-aboutus06-nr ul li h2 { font-size: 26px; color: #333; line-height: 40px; margin-top: 10px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } .bx-aboutus06 .bx-aboutus06-nr ul li .bx-aboutus06-nrx { width: 50px; height: 4px; background-color: #FF0000; margin: 0 auto; margin-top: 30px; } .bx-aboutus06 .bx-aboutus06-nr ul li a { display: inline-block; width: 120px; height: 36px; line-height: 34px; border: 1px solid #FF0000; box-sizing: border-box; margin-top: 20px; font-size: 16px; color: #FF0000; transition: all 0.5s; } .bx-aboutus06 .bx-aboutus06-nr ul li:hover a { background-color: #FF0000; color: #fff; transition: all 0.5s; } /*1000分辨率下*/ @media (max-width: 1000px) { .bx-aboutus06 { width: 100%; padding: 15px 10px; box-sizing: border-box; } .bx-aboutus06 .bx-aboutus06-nr { width: 100%; padding: 0 0; box-sizing: border-box; margin-top: 0; background: none; background-size: auto auto; } .bx-aboutus06 .bx-aboutus06-nr ul { margin-left: -2%; } .bx-aboutus06 .bx-aboutus06-nr ul li { width: 48%; float: left; margin-left: 2%; margin-top: 10px; padding: 10px 10px; box-sizing: border-box; background: none; background-size: auto auto; text-align: center; box-shadow: 0 0 10px #999; border-radius: 6px; } .bx-aboutus06 .bx-aboutus06-nr ul li h1 { font-size: 28px; line-height: 40px; } .bx-aboutus06 .bx-aboutus06-nr ul li h2 { font-size: 18px; color: #333; line-height: 36px; margin-top: 0; } .bx-aboutus06 .bx-aboutus06-nr ul li .bx-aboutus06-nrx { width: 40px; height: 3px; margin-top: 15px; } .bx-aboutus06 .bx-aboutus06-nr ul li a { display: inline-block; width: 100px; height: 30px; line-height: 30px; border: none; box-sizing: border-box; margin-top: 10px; font-size: 14px; color: #fff; background-color: #FF0000; border-radius: 15px; transition: all 0.5s; } .bx-aboutus06 .bx-aboutus06-nr ul li:hover a { background-color: #FF0000; color: #fff; transition: all 0.5s; } } /*AboutUs06 ==结束==================================================================== */ /*AboutUs07 ==开始==================================================================== */ .bx-aboutus07 { width: 100%; padding: 20px 0; border-bottom: 1px solid #bbb; box-sizing: border-box; } .bx-aboutus07 ul { width: 100%; text-align: center; } .bx-aboutus07 ul li { width: 20%; float: left; padding: 0 15px; box-sizing: border-box; } .bx-aboutus07 ul li a { display: flex; justify-content: center; align-items: center; } .bx-aboutus07 ul li img { width: 22px; height: 22px; display: block; } .bx-aboutus07 ul li p { font-size: 16px; color: #FF0000; line-height: 30px; margin-left: 10px; } .bx-aboutus07 ul li:hover p { opacity: 0.8; } /*1000分辨率下*/ @media (max-width: 1000px) { .bx-aboutus07 { width: 100%; padding: 15px 10px; border-bottom: 1px solid #bbb; box-sizing: border-box; } .bx-aboutus07 ul { width: 100%; text-align: center; margin-left: -1%; } .bx-aboutus07 ul li { width: 48%; margin-left: 2%; margin-top: 10px; height: 30px; float: left; padding: 0 15px; box-sizing: border-box; background-color: #fff; box-shadow: 0 0 10px #bbb; border-radius: 15px; } .bx-aboutus07 ul li a { display: flex; justify-content: center; align-items: center; } .bx-aboutus07 ul li img { width: 18px; height: 18px; display: block; } .bx-aboutus07 ul li p { font-size: 13px; color: #FF0000; line-height: 30px; margin-left: 10px; } .bx-aboutus07 ul li:hover p { opacity: 0.8; } } /*AboutUs07 ==结束==================================================================== */ /*AboutUs08 ==开始==================================================================== */ .bx-aboutus08 { width: 100%; padding: 40px 0; box-sizing: border-box; } .bx-aboutus08-nr { width: 100%; margin-top: 40px; } .bx-aboutus08-nr ul { margin-left: -2.333333%; } .bx-aboutus08-nr ul li { width: 31%; float: left; margin-left: 2.333333%; padding: 20px 30px; box-sizing: border-box; background-color: #fff; box-shadow: 0 0 10px #999; } .bx-aboutus08-nr ul li h2 { font-size: 26px; color: #2C57D9; line-height: 40px; } .bx-aboutus08-nr ul li h4 { font-size: 22px; color: #999; line-height: 36px; } .bx-aboutus08-nr ul li p { font-size: 16px; color: #333; margin-top: 10px; line-height: 30px; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; } /*768分辨率下*/ @media (max-width: 768px) { .bx-aboutus08 { width: 100%; padding: 15px 10px; box-sizing: border-box; } .bx-aboutus08-nr { width: 100%; margin-top: 10px; } .bx-aboutus08-nr ul { margin-left: 0; } .bx-aboutus08-nr ul li { width: 100%; float: none; margin-left: 0; margin-top: 10px; padding: 10px 15px; box-sizing: border-box; text-align: center; } .bx-aboutus08-nr ul li h2 { font-size: 22px; color: #2C57D9; line-height: 36px; } .bx-aboutus08-nr ul li h4 { font-size: 16px; color: #999; line-height: 30px; } .bx-aboutus08-nr ul li p { font-size: 14px; color: #333; margin-top: 5px; line-height: 28px; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; } } /*AboutUs08 ==结束==================================================================== */ /*AboutUs09 ==开始==================================================================== */ .bx-aboutus09 { width: 100%; padding: 40px 0; box-sizing: border-box; } .bx-aboutus09 .bx-aboutus09-bt { width: 100%; text-align: center; } .bx-aboutus09 .bx-aboutus09-bt h2 { font-size: 28px; color: #000; line-height: 50px; } .bx-aboutus09 .bx-aboutus09-gs { width: 100%; padding-top: 20px; background: url(/cqimg/about09-1.png) no-repeat left top; background-size: 265px 8px; margin-top: 40px; } .bx-aboutus09 .bx-aboutus09-gs p { font-size: 22px; font-weight: 400; color: #333; line-height: 38px; text-indent: 2em; } .bx-aboutus09 .bx-aboutus09-nr { width: 100%; margin-top: 40px; } .bx-aboutus09 .bx-aboutus09-nr ul { margin-left: -3%; } .bx-aboutus09 .bx-aboutus09-nr ul li { width: 47%; float: left; margin-left: 3%; text-align: center; } .bx-aboutus09 .bx-aboutus09-nr ul li h2 { font-size: 22px; font-weight: 400; color: #333; line-height: 40px; } .bx-aboutus09 .bx-aboutus09-nr ul li dl { margin-left: -3%; } .bx-aboutus09 .bx-aboutus09-nr ul li dl dd { width: 47%; float: left; margin-left: 3%; margin-top: 30px; background-color: #fff; box-shadow: 0 0 10px #999; overflow: hidden; } .bx-aboutus09 .bx-aboutus09-nr ul li dl dd a { display: block; } .bx-aboutus09 .bx-aboutus09-nr ul li dl dd img { width: 100%; height: auto; display: block; transition: all 0.5s; } .bx-aboutus09 .bx-aboutus09-nr ul li dl dd:hover img { transform: scale(1.06); transition: all 0.5s; } /*768分辨率下*/ @media (max-width: 768px) { .bx-aboutus09 { width: 100%; padding: 15px 10px; box-sizing: border-box; } .bx-aboutus09 .bx-aboutus09-bt h2 { font-size: 22px; color: #000; line-height: 40px; } .bx-aboutus09 .bx-aboutus09-gs { width: 100%; padding-top: 10px; padding-bottom: 10px; background: url(/cqimg/about09-1.png) no-repeat left top; background-size: 120px 5px; margin-top: 10px; border-bottom: 1px solid #ccc; } .bx-aboutus09 .bx-aboutus09-gs p { font-size: 15px; font-weight: 400; color: #333; line-height: 30px; text-indent: 2em; } .bx-aboutus09 .bx-aboutus09-nr { width: 100%; margin-top: 0; } .bx-aboutus09 .bx-aboutus09-nr ul { margin-left: 0; } .bx-aboutus09 .bx-aboutus09-nr ul li { width: 100%; float: none; margin-left: 0; text-align: center; margin-top: 10px; box-shadow: 0 0 10px #bbb; border-radius: 5px; padding: 10px 10px; box-sizing: border-box; } .bx-aboutus09 .bx-aboutus09-nr ul li h2 { font-size: 22px; font-weight: 400; color: #333; line-height: 36px; } .bx-aboutus09 .bx-aboutus09-nr ul li dl { margin-left: -2%; margin-bottom: 0; } .bx-aboutus09 .bx-aboutus09-nr ul li dl dd { width: 48%; float: left; margin-left: 2%; margin-top: 10px; background-color: #fff; box-shadow: 0 0 5px #ccc; overflow: hidden; } } /*AboutUs09 ==结束==================================================================== */ /*===============================================AboutUs10==============================================*/ .bx-aboutus10 { border-bottom: 1px #ccc solid; } .bx-aboutus10 ul li { float: left; color: #666; } .bx-aboutus10 ul li a { font-size: 14px; color: #666; display: inline-block; border-bottom: 3px #fff solid; padding: 15px 30px; } .bx-aboutus10 ul li span { display: inline-block; } .bx-aboutus10 ul li:last-child span { display: none; } .bx-aboutus10 ul li a:hover { color: #0566c5; border-bottom: 3px #0566c5 solid; } .bx-aboutus10 ul li a.sore_focus { color: #0566c5; border-bottom: 3px #0566c5 solid; } .bx-aboutus10 ul li a.sore_focus:before { color: #0566c5; border-bottom: 3px #0566c5 solid; } /*===============================================AboutUs10End==============================================*/ /*AboutUs201 ==开始==================================================================== */ .bx-AboutUs201 .bx-AboutUs201-content .bx-AboutUs201-nav { width: 100%; } .bx-AboutUs201 .bx-AboutUs201-content .bx-AboutUs201-nav ul li { text-align: center; } .bx-AboutUs201 .bx-AboutUs201-content .bx-AboutUs201-nav { position: relative; } .bx-AboutUs201 .bx-AboutUs201-content .bx-AboutUs201-nav::before { content: ''; display: inline-block; width: 100%; height: 1px; background-color: #d8d8d8; position: absolute; left: 0; top: 5px; } .bx-AboutUs201 .bx-AboutUs201-content .bx-AboutUs201-nav ul li a { font-size: 24px; color: #333; display: inline-block; padding-top: 25px; position: relative; } .bx-AboutUs201 .bx-AboutUs201-content .bx-AboutUs201-nav ul .active a { color: #3e6dff !important; } .bx-AboutUs201 .bx-AboutUs201-content .bx-AboutUs201-nav ul .active a::before { background-color: #3e6dff !important; } .bx-AboutUs201 .bx-AboutUs201-content .bx-AboutUs201-nav ul li a::before { content: ''; display: inline-block; width: 12px; height: 12px; background-color: #d8d8d8; border-radius: 50%; position: absolute; left: 50%; top: 0; transform: translate(-50%,0); } .bx-AboutUs201-item { margin-top: 80px; } .bx-AboutUs201-list { text-align: left; line-height: 24px; font-size: 16px; color: #777; width: 100% !important; } .bx-AboutUs201-list p { padding-left: 55px; position: relative; margin-bottom: 10px; } .bx-AboutUs201-list p span { position: absolute; left: 0; top: 0; line-height: 24px; } .bx-AboutUs201-item .tab-content .slick-track { width: 100% !important; } @media (max-width: 768px) { .bx-AboutUs201 .bx-AboutUs201-content .bx-AboutUs201-nav ul li a { font-size: 16px; padding-top: 15px; } .bx-AboutUs201-item { margin-top: 20px; } .bx-AboutUs201-list { font-size: 14px; } } /*AboutUs201 ==结束==================================================================== */ /*AboutUs202 ==开始==================================================================== */ .bx-AboutUs202-item ul li .bx-AboutUs202-list .bx-AboutUs202-text { width: 50%; } .bx-AboutUs202-center { width: 80px; height: 80px; border-radius: 50px; background-color: #0064d2; display: flex; justify-content: center; align-items: center; flex-direction: column; font-size: 20px; color: #ffffff; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); } .bx-AboutUs202-list { position: relative; overflow: hidden; } .bx-AboutUs202-item ul li { padding-bottom: 60px; } .bx-AboutUs202-text { padding-right: 60px; } .bx-AboutUs202-text p { font-size: 14px; color: #666; line-height: 30px; background-color: #f7f7f7; padding: 10px 15px; } .bx-AboutUs202-item ul li:nth-child(even) .bx-AboutUs202-text { float: right; padding-right: 0; padding-left: 60px; } .bx-AboutUs202-item { position: relative; } .bx-AboutUs202-item::before { content: ''; display: inline-block; width: 2px; height: calc(100% - 25%); background-color: #cbcbcb; position: absolute; left: 50%; top: 10%; } @media (max-width: 1000px) { .bx-AboutUs202-center { width: 50px; height: 50px; font-size: 14px; left: 0; transform: translate(0,-50%); } .bx-AboutUs202-item ul li .bx-AboutUs202-list .bx-AboutUs202-text { width: 100%; padding: 0; padding-left: 70px; } .bx-AboutUs202-item::before { left: 25px; } } /*AboutUs201 ==结束==================================================================== */ /*---------------------All AboutUs End----------------------*/ /*---------------------All Join Start----------------------*/ /*=============================================================Join01================================================*/ .bx-Join ul li { border: solid 1px transparent; height: 50px; line-height: 50px; padding: 0 15px; /*border:solid 1px #ececec;*/ background-color: #f5f5f5; overflow: hidden; margin-top: 20px; cursor: pointer; } .bx-Join ul li h3 { position: relative; margin: 0; line-height: 50px; font-size: 16px; color: #333; width: 80%; background: url(images/zp-pic.png) no-repeat left center; padding-left: 40px; } /*.bx-Join ul li h3::before{ content:""; position:absolute; top:12px; left:0; width:3px; height:20px; background-color:#30318b }*/ .bx-Join ul li span { display: block; height: 30px; line-height: 35px; width: 30px; border-radius: 50%; border: solid 1px #0566c5; text-align: center; margin-top: 10px; } .bx-Join ul li span i { font-size: 25px; display: inline-block; color: #0566c5; } .bx-Join ul li span.s { transform: rotateZ(90deg); } .bx-Join ul li.li { background-color: #f5f5f5; border: solid 1px #f5f5f5; } .bx-Join ul li.li h3:before { content: ""; position: absolute; top: 12px; left: 0; width: 3px; height: 20px; background-color: #fff } .bx-Join .submenu { padding: 10px; border: solid 1px #f5f5f5; position: relative; top: -1px; } .bx-Join .Join-sq { padding: 20px 0; clear: both } .bx-Join .Join-sq a { display: inline-block; width: 100px; line-height: 35px; border-radius: 25px; background-color: #0566c5; color: #fff; font-size: 14px; text-align: center; margin-right: 10px; } .bx-Join .Join-sq span { font-size: 14px; color: #666; line-height: 25px; } .bx-popup { background-color: rgba(0, 0, 0, 0.5); position: fixed; width: 100%; height: 100%; z-index: 888; top: 0; left: 0; display: none; overflow: auto; } .bx-popup .bx-tubiaozhizuo { position: absolute; top: 15px; right: 15px; font-size: 24px; color: #fff; cursor: pointer; transition: all 0.5s; } .bx-popup .bx-tubiaozhizuo:hover { transform: rotateZ(180deg) } .bx-popup-nr { background-color: #fff; border-radius: 10px; min-height: 200px; width: 500px; margin: auto; } /*留言1*/ .bx-Message-a { width: 100%; height: 100%; overflow: auto; padding-bottom: 40px; padding-top: 40px; z-index: 9; } .bx-Message-a .hide-x { font-size: 30px; color: #666; float: right; cursor: pointer; } .bx-Message-a .container-iw { max-width: 1000px; margin: 0 auto; padding: 10px; box-sizing: border-box; } .bx-Message-a h3 { font-size: 36px; color: #666; } .bx-Message-a .ipt { margin-top: 40px; } .bx-Message-a .ipt span { width: 100px; font-size: 18px; color: #666; height: 45px; line-height: 45px; display: inline-block; vertical-align: middle; } .bx-Message-a .ipt .span { width: 120px; } .bx-Message-a .ipt input { display: inline-block; vertical-align: middle; height: 45px; background-color: #fff; width: 360px; text-indent: 10px; border: solid 1px #ececec } .bx-Message-a .ipt #fileF01 { display: none; } .bx-Message-a .ipt .img { padding-left: 10px; cursor: pointer; } .bx-Message-a .text-ta { clear: left; padding: 0 30px 0 100px; } .bx-Message-a .text-ta textarea { width: 100%; height: 100px; margin-top: 40px; border: solid 1px #ececec; padding: 10px; box-sizing: border-box; } .bx-Message-a .but { background-color: #0566c5; width: 150px; color: #fff; text-align: center; line-height: 35px; border-radius: 5px; height: 35px; display: block; border: none; outline: none; margin-left: 100px; margin-top: 40px; } .bx-Message-a .ipt .img2 { padding-left: 0px; cursor: pointer; text-indent: 0px; width: 120px; border-radius: 5px; background-color: #0566c5; color: #fff } /*=============================================================Join01End================================================*/ /*=================================================Jobs02=============================================*/ .bx-Jobs02 { padding: 50px 0; background-color: #171717 } .bx-Jobs02 .bx-Jobs02-t { border-bottom: solid 1px #fff; padding-bottom: 20px; } .bx-Jobs02 .bx-Jobs02-t ul li { position: relative; float: left; margin-right: 60px; font-size: 18px; color: #fff } .bx-Jobs02 .bx-Jobs02-t ul li::after { content: ''; position: absolute; top: 8px; right: -30px; width: 1px; height: 20px; background-color: #fff; } .bx-Jobs02 .bx-Jobs02-t ul li:last-child::after { display: none } .bx-Jobs02 .bx-Jobs02-t ul li a { color: #fff; display: inline-block; border-radius: 20px; padding: 2px 10px } .bx-Jobs02 .bx-Jobs02-t ul li a:hover, .bx-Jobs02 .bx-Jobs02-t ul li a.cur { background-color: #2851c5; } .bx-Jobs02 .bx-Jobs02-s { padding: 20px 0; } .bx-Jobs02 .bx-Jobs02-s .sous { font-size: 14px; color: #fff; padding: 10px 0; } .bx-Jobs02 .bx-Jobs02-s .sous a { color: #fff; vertical-align: middle; padding: 0 10px } .bx-Jobs02 .bx-Jobs02-s .sous a.cur, .bx-Jobs02 .bx-Jobs02-s .sous a:hover { color: #5deded } .bx-Jobs02 .bx-Jobs02-nr { background-color: #444; padding: 20px; } .bx-Jobs02 .bx-Jobs02-nr li { border-bottom: solid 1px #fff; padding: 20px 0; } .bx-Jobs02 .bx-Jobs02-nr li .pull-left { max-width: 80% } .bx-Jobs02 .bx-Jobs02-nr li h3 { font-size: 16px; color: #fff; font-weight: 100; margin-bottom: 10px } .bx-Jobs02 .bx-Jobs02-nr li span { font-size: 16px; color: #fff; padding-right: 20px; } .bx-Jobs02 .bx-Jobs02-nr li .arrow i { font-size: 40px; color: #fff; line-height: 60px; } .bx-Jobs02 .bx-Jobs02-nr .Join-sq { padding: 20px 0; font-size: 14px; color: #fff } .bx-Jobs02 .bx-Jobs02-nr li .arrow.s { transform: rotateZ( 90deg ); } @media (max-width: 1000px) { .bx-Jobs02 .bx-Jobs02-t ul li { position: relative; float: left; margin-right: 20px; font-size: 16px; color: #fff } .bx-Jobs02 .bx-Jobs02-t ul li::after { content: ''; position: absolute; top: 6px; right: -10px; width: 1px; height: 20px; background-color: #fff; } .bx-Jobs02 .bx-Jobs02-nr { background-color: #444; padding: 10px; } .bx-Jobs02 .bx-Jobs02-nr li { border-bottom: solid 1px #fff; padding: 10px 0; } .bx-Jobs02 .bx-Jobs02-nr li span { font-size: 14px; color: #fff; padding-right: 20px; } } /*=================================================Jobs02--End=============================================*/ /*=================================================Join02=============================================*/ .bx-Join02 { padding: 50px 0; } .bx-Join02 .bx-Join02-title { font-size: 30px; color: #333; line-height: 42px; text-align: center; position: relative; padding-bottom: 15px; } .bx-Join02 .bx-Join02-title::after { position: absolute; content: ''; display: inline-block; width: 40px; height: 3px; background-color: #e4e8f3; left: 50%; bottom: 0; transform: translate(-50%,0); } .bx-Join02-item ul li { border: 1px solid #e4e8f3; margin-top: 20px; text-align: left; list-style: none; padding: 15px 0; padding-left: 30px; position: relative; border-left: 3px solid #2C57D9; } .bx-Join02-item ul li > h3 { font-size: 20px; font-weight: 400; line-height: 28px; padding-bottom: 5px; width: 80%; } .bx-Join02-item ul li > p { font-size: 14px; color: #999; line-height: 24px; width: 80%; } .bx-Join02-item ul li > span { position: absolute; right: 10px; top: 50%; transform: translate(0,-50%); } .bx-Join02-item ul li > span i { font-size: 25px; } .bx-Join02-item .bx-Join02-box { padding: 30px; background: #f8fafc; font-size: 14px; } .bx-Join02-item .bx-Join02-box .bx-Join02-list h3 { font-weight: 700; color: #333; line-height: 20px; font-size: 16px; margin-bottom: 10px; } .bx-Join02-item .bx-Join02-box .bx-Join02-list { margin-bottom: 30px; } .bx-Join02-item .bx-Join02-box .bx-Join02-list:nth-last-child(1) { margin-bottom: 0; } .bx-Join02-item .bx-Join02-box .bx-Join02-list p { line-height: 30px; } .bx-Join02-item ul li span.s { transform: translate(0,-50%) rotateZ(90deg); transition: all 0.5s; } @media (max-width: 768px) { .bx-Join02 .bx-Join02-title { font-size: 22px; line-height: 28px; } .bx-Join02-item ul li > h3 { font-size: 16px; } .bx-Join02-item ul li { padding-left: 20px; } .bx-Join02-item ul li > p { font-size: 14px; } .bx-Join02-item ul li > span i { font-size: 22px; } .bx-Join02-item .bx-Join02-box { padding: 20px; } .bx-Join02-item .bx-Join02-box .bx-Join02-list h3 { font-size: 14px; } .bx-Join02-item .bx-Join02-box .bx-Join02-list p { line-height: 25px; } } /*=================================================Join02=============================================*/ /*---------------------All Join End----------------------*/ /*====================================面包屑导航====================================*/ .bx-mb-nav p { line-height: 40px; } .bx-mb-nav { line-height: 40px; font-size: 14px; color: #666666; /* border-bottom: solid 1px #ececec;*/ } .bx-mb-nav a { color: #666666; } .bx-mb-nav i { color: #666666; padding-right: 10px; } @media (max-width: 720px) { .bx-mb-nav { line-height: 30px; font-size: 12px; color: #666666; } } /*====================================面包屑导航END====================================*/ /*---------------------All ContactUs Start----------------------*/ /*=======================================ContactUs01=======================================*/ .bx-ContactUs01 { padding-bottom: 40px; } .bx-ContactUs01 ul { overflow: hidden; } .bx-ContactUs01 ul li { padding: 10px; text-align: center; } .bx-ContactUs01 ul li span { font-size: 16px; color: #333; display: block; padding: 10px 0; } .bx-ContactUs01 ul li p { font-size: 14px; color: #666; line-height: 25px; height: 50px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; } .bx-ContactUs01 ul li .icon-q { width: 100px; height: 100px; border: solid 1px #e7e7e7; border-radius: 50%; line-height: 110px; text-align: center; margin: 10px auto; } .bx-ContactUs01 ul li .icon-q i { color: #999; font-size: 35px; } /*=======================================ContactUs01End=======================================*/ /*=======================================ContactUs02=======================================*/ .bx-contactus02 { padding-bottom: 40px; } .bx-contactus02 ul { overflow: hidden; margin-left: -4.3%; } .bx-contactus02 ul li { float: left; width: 29%; margin-left: 4.3%; padding: 40px 20px; text-align: center; background: #fff; } .bx-contactus02 ul li span { font-size: 16px; color: #333; display: block; padding: 10px 0; } .bx-contactus02 ul li p { font-size: 14px; color: #666; line-height: 25px; height: 50px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; } .bx-contactus02 ul li .icon-q { width: 120px; height: 120px; border: solid 1px #81d8cf; border-radius: 50%; line-height: 145px; text-align: center; margin: 10px auto; float: left; } .bx-contactus02 ul li .contact02-text { float: left; text-align: left; width: 170px; padding-left: 30px; } .bx-contactus02 ul li .icon-q i { font-size: 55px; color: #81d8cf; } .map .left-map .box-t h6 { font-size: 18px; color: #333; font-weight: normal; } .map .left-map .box-t p { font-size: 14px; color: #666; line-height: 26px; } .map .left-map .ipt input { width: 100%; padding: 2%; border: none; background: #fff; margin-top: 20px; } .map .left-map .ipt textarea { width: 100%; padding: 2%; border: none; background: #fff; margin-top: 20px; } .map .left-map .ipt button { width: 120px; height: 35px; line-height: 35px; background: #81d8cf; color: #fff; border: none; margin-top: 20px; } @media (max-width:768px) { .bx-contactus02 ul li { padding: 10px; } .bx-contactus02 ul li .icon-q { float: none; width: 80px; height: 80px; line-height: 90px; } .bx-contactus02 ul li .icon-q i { font-size: 35px; } .bx-contactus02 ul li .contact02-text { width: 100%; padding-left: 0; text-align: center; } } /*=======================================ContactUs02End=======================================*/ /*---------------------All ContactUs End----------------------*/ /*=======================================Link03=======================================*/ .bx-Link03 { width: 100%; } .bx-Link03 .bx-Link03-item ul { overflow: hidden; } .bx-Link03 .bx-Link03-item ul li { width: 20%; float: left; padding: 0 25px; margin-bottom: 50px; } .bx-Link03 .bx-Link03-item ul li > a { display: block; width: 100%; background: #f5f5f5; height: 70px; text-align: center; display: flex; align-items: center; justify-content: center; padding: 0 10px; font-size: 20px; color: #333333; transition: all 0.5s; } .bx-Link03 .bx-Link03-item ul li > a:hover { background: #0ca067; color: #fff; } @media (max-width: 1440px) { .bx-Link03 .bx-Link03-item ul li { width: 25%; } } @media (max-width: 768px) { .bx-Link03 .bx-Link03-item ul { margin: 0 -5px; } .bx-Link03 .bx-Link03-item ul li { width: 50%; padding: 0 5px; margin-bottom: 10px; } .bx-Link03 .bx-Link03-item ul li a { font-size: 14px; height: 50px; } } /*=======================================Link03End=======================================*/ /*===========AboutUsPage==============================================================*/ /*---------PageRank-About01--------------------*/ .bx-PageRank-About01 { background-color: rgb(240, 240, 240); width: 100%; } .bx-PageRank-About01-banner img { width: 100%; } .bx-PageRank-About01 .bx-mb-nav i { font-size: 20px; } .bx-PageRank-About01 .bx-mb-nav { border-bottom: none; padding: 10px 0; } .bx-PageRank-About01 .bx-mb-nav a { font-size: 15px; } .bx-PageRank-About01-nr { min-height: 500px; padding-bottom: 50px; display: flex; justify-content: space-between; } .bx-PageRank-About01-l { width: 72%; background-color: #fff; min-height: 500px; border-radius: 6px; padding: 30px; } .bx-PageRank-About01-r { width: 26%; } .bx-PageRank-About01-nav, .bx-PageRank-About01-form { background-color: #fff; width: 100%; min-height: 200px; border-radius: 6px; padding: 30px; } .bx-PageRank-About01-form { margin-top: 30px; } .bx-PageRank-About01-title { font-size: 26px; color: #333; position: relative; padding-left: 20px; } .bx-PageRank-About01-title:before { content: ""; display: inline-block; width: 5px; height: 100%; background-color: #409654; position: absolute; left: 0; top: 0; } .bx-PageRank-About01-item { margin-top: 20px; font-size: 14px; color: rgb(121, 121, 121); line-height: 30px; } .bx-PageRank-About01-item img { float: right; padding-left: 30px; } .bx-PageRank-About01-nav ul { margin-top: 20px } .bx-PageRank-About01-nav ul li a { display: inline-block; width: 100%; line-height: 42px; text-align: center; background-color: #F0F0F0; border-radius: 6px; margin-top: 10px; font-size: 14px; color: #797979; } .bx-PageRank-About01-nav ul li a:hover, .bx-PageRank-About01-nav ul li .active { background-color: #409654; color: #fff; } .bx-PageRank-About01-box { margin-top: 10px; } .bx-PageRank-About01-box ul li { padding: 8px 0; } .bx-PageRank-About01-box ul li p { font-size: 14px; color: #797979; padding: 5px 0; } .bx-PageRank-About01-box ul li p i { color: #FF0000; } .bx-PageRank-About01-box ul li input { width: 100%; height: 36px; border: 1px solid #e0e0e0; border-radius: 6px; font-size: 14px; padding: 0 10px; } .bx-PageRank-About01-box ul li textarea { width: 100%; height: 70px; border: 1px solid #e0e0e0; border-radius: 6px; padding: 10px; font-size: 14px; } .bx-PageRank-About01-but { width: 100%; margin-top: 15px; text-align: center; background-color: #409654; line-height: 40px; font-size: 14px; color: #fff; border-radius: 6px; } .bx-PageRank-About01-but:hover { opacity: 0.8; } @media (max-width: 1000px) { .bx-PageRank-About01-nr { flex-direction: column-reverse; } .bx-PageRank-About01-l, .bx-PageRank-About01-r { width: 100%; } .bx-PageRank-About01-form, .bx-PageRank-About01-title { display: none; } .bx-PageRank-About01-nav, .bx-PageRank-About01-form { padding: 0; min-height: 0; margin-bottom: 10px; } .bx-PageRank-About01-nav ul { overflow: hidden; text-align: center; padding: 10px 0; } .bx-PageRank-About01-nav ul li { display: inline-block; margin: 0 10px; } .bx-PageRank-About01-nav ul li a { width: 80px; line-height: 33px; margin-top: 0; } .bx-PageRank-About01-l { padding: 10px; } .bx-PageRank-About01-item img { float: none; width: 100%; padding-left: 0; } } /*---------PageRank-About01-End-------------------------------------*/ /*===========AboutUsPage-End==============================================================*/ .bx-about-ihpictet { display: flex; justify-content: center; align-items: center; }