body{ /* font-family: 'Nova Round', cursive; */ font-family: '寰蒋闆呴粦'; } .bg-white { background-color: #fff !important; line-height: 1.65; letter-spacing: .004em; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; color: #5f5f5f; font-size: 1rem; font-weight: 400; box-sizing: inherit; } @media (min-width: 576px){ .container { width: 540px; max-width: 100%; } } @media (min-width: 768px){ .container { width: 720px; max-width: 100%; } .col-md-6 { float: left; width: 50%; } } @media (min-width: 992px){ .container { width: 960px; max-width: 100%; } .col-lg-3 { float: left; width: 25%; } .col-lg-8 { float: left; width: 100%; } .offset-lg-2 { /* margin-left: 16.666667%; */ } } @media (min-width: 1200px){ .contact-grids{ margin-bottom: 50px; } .container { width: 1200px; max-width: 100%; } } .container { margin-left: auto; margin-right: auto; padding-right: 15px; padding-left: 15px; } .row { margin-right: -15px; margin-left: -15px; } .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 { padding-right: 15px; padding-left: 15px; } .text-xs-center { text-align: center!important; } .mt-9 { margin-top: 9px!important; } .display-4 { font-size: 2.6rem; color: #171717; font-weight: 700; margin-bottom: 1rem; } .mnt-5 { margin-top: -5px!important; display: block; height: 20px; } .bg-white p { margin-top: 1.6rem; /* margin-bottom: 1.6rem; */ } .mt-25 { margin-top: 25px!important; } .nk-gap-1:after, .nk-gap-1:before, .nk-gap-2:after, .nk-gap-2:before, .nk-gap-3:after, .nk-gap-3:before, .nk-gap-4:after, .nk-gap-4:before, .nk-gap-5:after, .nk-gap-5:before, .nk-gap-6:after, .nk-gap-6:before, .nk-gap:after, .nk-gap:before { content: ""; display: table; clear: both; } .row:after { content: ""; display: table; clear: both; } .container:after { content: ""; display: table; clear: both; } .nk-box, .nk-box-1, .nk-box-2, .nk-box-3, .nk-box-4 { position: relative; display: block; overflow: hidden; z-index: 1; height: 100%; } .bg-dark-1 { background-color: #252525!important; box-sizing: inherit; } .text-white { color: #fff!important; } .bg-image, .bg-image>div, .bg-video, .bg-video>div { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-size: cover; background-position: 50% 50%; } .bg-image, .bg-video { z-index: -1; } .mnt-6 { margin-top: -6px!important; } .row.vertical-gap { margin-top: -30px; } .row { margin-right: -15px; margin-left: -15px; } .row.vertical-gap>[class*=col-] { padding-top: 30px; padding-right: 15px; padding-left: 15px; } .nk-ibox-1 { position: relative; min-height: 50px; } .nk-ibox-1 .nk-ibox-icon { position: absolute; font-size: 3.3rem; width: 50px; height: 50px; line-height: 50px; text-align: center; margin-top: 3px; } @font-face{ font-family:Pe-icon-7-stroke;src:url(../fonts/Pe-icon-7-stroke.eot?d7yf1v); src:url(../fonts/Pe-icon-7-stroke.eot?#iefixd7yf1v) format("embedded-opentype"), url(../fonts/Pe-icon-7-stroke.woff?d7yf1v) format("woff"), url(../fonts/Pe-icon-7-stroke.ttf?d7yf1v) format("truetype"), url(../fonts/Pe-icon-7-stroke.svg?d7yf1v#Pe-icon-7-stroke) format("svg"); font-weight:400; font-style:normal } [class*=" pe-7s-"], [class^=pe-7s-] { display: inline-block; font-family: Pe-icon-7-stroke; speak: none; font-style: normal; font-weight: 400; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .pe-7s-portfolio:before { content: "\e622"; } .nk-ibox-1 .nk-ibox-cont { /* margin-left: 72px; */ display: table-cell; vertical-align: middle; height: 50px; } .nk-ibox-1 .nk-ibox-title { font-weight: 500; display: none; } .nk-ibox-title { font-size: 1.25rem; } .nk-ibox-1 .nk-ibox-text { font-weight: 500; font-size: .97rem; margin-top: -1px; } .pe-7s-clock:before { content: "\e66b"; } .pe-7s-star:before { content: "\e611"; } .pe-7s-like:before { content: "\e642"; } .address{ float: left; } .address-left{ width: 30%; padding: 0px; } .address-right{ width: 70%; padding: 0px; } @media (max-width: 900px){ .contact .address{ margin: 0px; width: 100%; } .contact .contact-form{ margin: 0px; clear: both; width: 100%; } .ziban{ width: 50%; float: left; height: 350px; padding: 4%; } .ziban .biaoji{ /* background: #2b315e; */ color: #2b315e; width: 130px; height: 130px; border-radius: 50%; text-align: CENTER; margin: 0 auto; } .ziban .biaoji .xuhao{ font-size: 40px; padding-top: 30px; font-weight: bold; } .ziban .biaoji .fubiao{ margin-top: 10px; line-height: 18px; font-size: 14px; } .ziban .zhengwen{ color: #838383; line-height: 1.6em; font-size: 0.96em; padding: 1.2em 0em; } .display-5 { font-size: 1.4rem; } #options li{ float: inherit; } #PRODUCTS{ width: 100%;margin: auto; } .callbacks_container2 { width: 100%; margin: 0 auto; } .owl-carousel .item{ width: 100%; margin-bottom: 20px; } .owl-carousel .item img{ width: 100%; } .bg-white p,.callbacks li{ padding: 0px 15px; height: 240px; display: table-cell !important; vertical-align: middle; float: inherit !important; } .desc{ padding: 1em 15px; } .testi-left-info2{height: 340px;} .contact input[type="submit"]{margin-bottom: 30px;} .anli{margin: 0px 0px 30px 0px;} .anli li{ width: 47%; float: left; height: auto; margin-left: 2%; margin-right: 0px; margin-bottom: 0px; } #owl-demo .item{margin: 0px !important;} html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,dl,dt,dd,ol,nav ul,nav li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{ margin:0;padding:0;border:0;font-size:12px; } .desc { font-size: 14px; } #owl-demo .owl-controls{display: none !important;} #owl-demo .item{padding: 0px !important;} #owl-demo .carousel{width: 100% !important;margin: 0px !important;} .service_grids .ziban:nth-child(1),.service_grids .ziban:nth-child(3),.service_grids .ziban:nth-child(5){border-right: 1px dashed #929292;border-bottom: 1px dashed #929292;} .service_grids .ziban:nth-child(2),.service_grids .ziban:nth-child(4),.service_grids .ziban:nth-child(6){border-bottom: 1px dashed #929292;} .service_grids .ziban:nth-child(7){border-right: 1px dashed #929292;} .header{ background:url(../images/bg.jpg); top: 0; left: 0; width: 100%; height: 100%; z-index: 10; background-size: 100% 100%; } .bg_mask{padding: 8% 0 6% 0;} .owl-theme .owl-controls .owl-buttons div{display: none !important;} .heading {font-size: 16px;padding-top: 30px !important;} .desc {padding: 15px !important;} h6 {padding-bottom: 20px !important;border-top: 1px solid #d8212f;border-bottom: 0px solid #d8212f !important;} .team_members{padding-bottom: 30px !important;padding-top: 0px !important;} .owl-carousel{margin-bottom: 0px !important;} .bg_mask2,.testi-left-info2{padding: 30px 0px !important;} .testi-left-info { padding: 30px 15px !important; } .nk-gap-4,.nk-gap-5 { height: 30px; } #FUNCTION{ background: #f0f0f0; padding-bottom: 30px; } .service_grids{margin-top: 0px;} .address h4{margin-top: 0px !important;} .wapcang{ display: none; } } @media (min-width: 900px){ .pccang{ display: none; } .nk-gap-4,.nk-gap-5 { height: 50px; } .testi-left-info {padding: 5em 2em 7em;} .header{ background:url(../images/bg.jpg); top: 0; left: 0; width: 100%; height: 100%; z-index: 10; background-size: 100%; } html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,dl,dt,dd,ol,nav ul,nav li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{ margin:0;padding:0;border:0;font-size:100%;font:inherit; } .anli{margin: 30px 0px 50px 0px;} .gao380{ height: 380px; } .gao280{ height: 280px; } .callbacks_container2 { width: 1200px; margin: 0 auto; } .owl-carousel .item{ width: 25%; float: left; } .owl-carousel .item img{ width: 100%; } #FUNCTION{ background: #f0f0f0; padding-bottom: 50px; } #PRODUCTS{ width: 1200px;margin: auto; } .display-5 { font-size: 1.6rem; } .ziban{ float: left; width: 22.7%; margin: 3% 3% 0% 0%; } .ziban .biaoji{ /* background: #2b315e; */ color: #2b315e; width: 150px; height: 150px; border-radius: 50%; text-align: CENTER; margin: 0 auto; } .ziban .biaoji .xuhao{ font-size: 50px; padding-top: 20px; font-weight: bold; } .ziban .biaoji .fubiao{ margin-top: 0px; line-height: 18px; } .ziban .zhengwen{ color: #838383; line-height: 1.6em; font-size: 0.96em; padding: 1.2em 0em; } .service_grids .ziban:nth-child(4),.service_grids .ziban:nth-child(8){margin: 3% 0% 0% 0%;} } .about, .team, .contact, .skills { /* padding: 3em 0; */ } #TEAM{ background: #f0f0f0; } .biaozhi{width: 50px;float: left;margin-right: 20px;}