/*================================================================== Common Style ====================================================================*/ /* tag */ @font-face{src:url(../fonts/icomoon/icomoon.eot?srf3rx);src:url(../fonts/icomoon/icomoon.eot?srf3rx#iefix) format("embedded-opentype"),url(../fonts/icomoon/icomoon.ttf?srf3rx) format("truetype"),url(../fonts/icomoon/icomoon.woff?srf3rx) format("woff"),url(../fonts/icomoon/icomoon.svg?srf3rx#icomoon) format("svg");font-weight:400;font-style:normal} body,html{font-family: "din","Microsoft YaHei",Helvetica,"STHeiti STXihei","Microsoft JhengHei",Tohoma,Arial;font-style: normal;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;background-color:#fff;color:#727171;width:100%;} body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{padding:0px; margin:0px;} ol, ul{list-style: none;} a,a:active,a:focus,a:hover{text-decoration:none;outline:0} a,a span,button{-webkit-transition:.2s ease-in-out;-o-transition:.2s ease-in-out;transition:.2s ease-in-out} *,:after,:before{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box} h1,h2,h3{font-weight:300;margin:0} h4,h5{font-weight:300;margin:0;line-height:2rem} h1{font-size:5.143rem;line-height:5.5rem;color:#fff;font-weight:700;letter-spacing:.4rem} h2{line-height:3rem;text-transform:uppercase;} h3{font-size:1.714rem;line-height:2.5rem;color:#fff;font-weight:400} h4{font-size:1.286rem;line-height:2rem;font-weight:600;margin-bottom:1rem;text-transform:uppercase} p{margin:0 0 15px;line-height:1.5rem;font-size:.875rem} p:last-child{margin-bottom:0} img{max-width:100%;-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;user-select:none;-webkit-user-drag:none;user-drag:none} /* scrollbar */ ::-webkit-scrollbar{width:6px;height:6px;background-color:#f2f2f2} ::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.3);background-color:#f2f2f2} ::-webkit-scrollbar-thumb{border-radius:10px;-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.3);background-color:#003F76} /* chear */ select {border: solid 1px #000;appearance:none;-moz-appearance:none; -webkit-appearance:none; background: url("../images/arrow.png") no-repeat scroll right center #172F3B!important; background-color:#172F3B;padding-right: 15px;} /*清除ie的默认选择框样式清除，隐藏下拉箭头*/ select::-ms-expand { display: none; } .clear{clear:both} .backgroundnone{background:none;} .background_fff{background:#fff!important;} .hide{display:none} /* padding and margin */ .no-padding{padding:0;margin:0} .margin-top-0{margin-top:0px} .margin-bottom-0{margin-bottom:0px} .margin-top-10{margin-top:10px} .margin-bottom-10{margin-bottom:10px} .margin-top-20{margin-top:20px} .margin-bottom-20{margin-bottom:20px} .margin-top-40{margin-top:40px} .margin-bottom-40{margin-bottom:40px} .margin-top-60{margin-top:60px} .margin-80{margin-top:80px;margin-bottom:80px} .margin-bottom-60{margin-bottom:60px} .margin-top-80{margin-top:80px} .margin-bottom-80{margin-bottom:80px} .padding-top-20{padding-top:1.33rem} .padding-bottom-20{padding-bottom:1.33rem} .padding-top-40{padding-top:2.66rem} .padding-bottom-40{padding-bottom:2.66rem} .padding-top-60{padding-top:5rem} .padding-bottom-60{padding-bottom:5rem} .padding-top-90{padding-top:6.429rem} .padding-bottom-90{padding-bottom:6.429rem} .padding-bottom-0{padding-bottom:0} .padding-twenty{padding:10px 0} .padding-thirty{padding:30px 0} .padding-fourty{padding:20px 0} .padding-sixty{padding:30px 0} .padding-eighty{padding:40px 0} /* border */ .border_top_ddd{border-top:1px solid #ddd;} .border_bd{border-bottom:1px dashed #eee; padding-bottom:5px;} /* btn */ .btn{margin-right:4px;font-size:14px;font-weight:400;-webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;border-radius:5px;-webkit-transition:.5s;-o-transition:.5s;transition:.5s;padding:8px 20px} .btn.btn-md{padding:8px 20px!important} .btn.btn-lg{padding:18px 36px!important} .btn:active,.btn:focus,.btn:hover{box-shadow:none!important;outline:0!important} .btn-primary{background:#F95959;color:#fff;border:2px solid #F95959} .btn-primary:active,.btn-primary:focus,.btn-primary:hover{background:#fa7272!important;border-color:#fa7272!important} .btn-primary.btn-outline{background:0 0;color:#F95959;border:2px solid #F95959} .btn-primary.btn-outline:active,.btn-primary.btn-outline:focus,.btn-primary.btn-outline:hover{background:#F95959;color:#fff} .btn-success{background:#5cb85c;color:#fff;border:2px solid #5cb85c} .btn-success:active,.btn-success:focus,.btn-success:hover{background:#4cae4c!important;border-color:#4cae4c!important} .btn-success.btn-outline{background:0 0;color:#5cb85c;border:2px solid #5cb85c} .btn-success.btn-outline:active,.btn-success.btn-outline:focus,.btn-success.btn-outline:hover{background:#5cb85c;color:#fff} .btn-info{background:#5bc0de;color:#fff;border:2px solid #5bc0de} .btn-info:active,.btn-info:focus,.btn-info:hover{background:#46b8da!important;border-color:#46b8da!important} .btn-info.btn-outline{background:0 0;color:#5bc0de;border:2px solid #5bc0de} .btn-info.btn-outline:active,.btn-info.btn-outline:focus,.btn-info.btn-outline:hover{background:#5bc0de;color:#fff} .btn-warning{background:#f0ad4e;color:#fff;border:2px solid #f0ad4e} .btn-warning:active,.btn-warning:focus,.btn-warning:hover{background:#eea236!important;border-color:#eea236!important} .btn-warning.btn-outline{background:0 0;color:#f0ad4e;border:2px solid #f0ad4e} .btn-warning.btn-outline:active,.btn-warning.btn-outline:focus,.btn-warning.btn-outline:hover{background:#f0ad4e;color:#fff} .btn-danger{background:#d9534f;color:#fff;border:2px solid #d9534f} .btn-danger:active,.btn-danger:focus,.btn-danger:hover{background:#d43f3a!important;border-color:#d43f3a!important} .btn-danger.btn-outline{background:0 0;color:#d9534f;border:2px solid #d9534f} .btn-danger.btn-outline:active,.btn-danger.btn-outline:focus,.btn-danger.btn-outline:hover{background:#d9534f;color:#fff} .btn-outline{background:0 0;border:2px solid gray;font-size:14px;-webkit-transition:.6s;-o-transition:.6s;transition:.6s} .btn-outline:active,.btn-outline:focus,.btn-outline:hover{box-shadow:none} .btn.with-arrow{position:relative;-webkit-transition:.6s;-o-transition:.6s;transition:.6s} .btn.with-arrow i{visibility:hidden;opacity:0;position:absolute;right:0;top:50%;margin-top:-8px;-webkit-transition:.2s;-o-transition:.2s;transition:.2s} .btn.with-arrow:hover{padding-right:50px} .btn.with-arrow:hover i{color:#fff;right:18px;visibility:visible;opacity:1} /* text */ .contact-text{box-shadow: none;background: transparent;border: 2px solid rgba(0, 0, 0, 0.1); height: 54px; font-size: 18px;font-weight: 300;} .contact-text{ display: block;width: 100%; height: 42px; padding: 10px 20px;font-size: 14px; line-height: 1.42857; color: #555555; background-color: #fff; background-image: none; border: 1px solid #ccc; border-radius: 4px; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s; -o-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s; transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;} .contact-text{box-shadow:none;background:0 0;border:2px solid rgba(0,0,0,.1);height:54px;font-size:18px;font-weight:300} .contact-text:active,.contacttext:focus{outline:0;box-shadow:none;border-color:#F95959} .qc_code {height: 360px;background-color: #fff; padding-top: 90px;padding-bottom: 100px;text-align: center} .qc_code .code img { width: 145px; height: 145px} .qc_code .code li {display: inline-block;padding: 10px} .qc_code .code li p{font-size: 16px;margin-top: 8px} /* gototop */ .gototop{position:fixed;bottom:20px;right:0;z-index:999;opacity:0;visibility:hidden;-webkit-transition:.5s;-o-transition:.5s;transition:.5s} .gototop.active{opacity:1;visibility:visible} .gototop a{width:50px;height:50px;margin-top:5px;display:table;-webkit-border-radius:100%;-moz-border-radius:100%;-ms-border-radius:100%;border-radius:100%;} .gototop a:active,.gototop a:focus,.gototop a:hover{text-decoration:none;outline:0} .wximg{position:fixed;right:60px;bottom:60px;z-index:100;display:none} .wximgs{position:absolute;left:0px;bottom:10px;z-index:100;display:none} .wximgt{position:absolute;left:0px;top:50px;z-index:900;display:none} .jiathis_style{margin-left:-270px!important;} .tel {padding-left: 40px !important} #goto-qq, #goto-wx, #goto-fx, #goto-top {position:absolute;right:-20px;} #goto-qq-main, #goto-wx-main, #goto-fx-main, #goto-top-main {position:absolute;} .goto-qq-show, .goto-wx-show, .goto-fx-show, .goto-top-show {display:block!important;right:0!important;} .js-gotop{right:0!important;position:absolute;} .u-fadeInUp{-webkit-animation-name:fadeInUp;animation-name:fadeInUp} .is-animated{-webkit-animation-duration:.9s;animation-duration:.9s;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-timing-function:cubic-bezier(.4,0,.2,1);animation-timing-function:cubic-bezier(.4,0,.2,1) color:#727171} /* common */ .z{float:left;} .y{float:right;} .sentce-loader{position:fixed;left:0;top:0;width:100%;height:100%;z-index:9999;background:url(../images/loader.gif) center no-repeat #fff} #page{position:relative;overflow-x:hidden;width:100%;height:100%;-webkit-transition:.5s;-o-transition:.5s;transition:.5s} .row-pb-md{padding-bottom:4em!important} .row-pb-sm{padding-bottom:2em!important} .js .animate-box{opacity:0} #sentce-offcanvas {background:#fff!important} #sentce-offcanvas a { color: #333333!important;line-height:30px;font-size:18px;} .slideTxtBox .hd ul li.on a{color:#00487A;} .banner{height:500px;} /*================================================================== tab Style ====================================================================*/ .sentce-top{animation-duration: 0.7s; height:50px; background:#232323; border-image-source: initial; border-image-slice: initial; border-image-width: initial; border-image-outset: initial; border-image-repeat: initial; border-width: initial; border-style: none; border-color: initial; box-sizing: border-box;} .sentce-top ul{margin-bottom:0;} .sentce-top .cul{height:50px; width:40%; line-height:50px; overflow:hidden;} .sentce-top .cul li{float:left; margin-right:50px; font-size:14px; color:#fff;} .sentce-top .cul li img{margin-right:10px;} .sentce-top .lul{height:30px; margin-top:10px; width:120px; line-height:30px; background:#172F3B; color:#fff;} .sentce-top .lul img{float: left;margin: 8px 10px 0 10px;} .sentce-top .lul select{height:30px; color:#fff;outline:none; border:0;background: #172F3B;float: left;} .sentce-top .ful{height:50px; line-height:50px;margin-right:50px;position:relative} .sentce-top .ful li{float:left; font-size:14px; color:#fff;} .sentce-top .ful li i{color:#fff;} /*================================================================== Nav Style ====================================================================*/ .sentce-nav{animation-duration: 0.7s; border-image-source: initial; border-image-slice: initial; border-image-width: initial; border-image-outset: initial; border-image-repeat: initial; border-width: initial; border-style: none; border-color: initial; box-sizing: border-box;border-bottom:1px #dedede solid} .sentce-nav .top-menu{padding:5px 0;} .sentce-nav .top-menu h2{font-size:24px;margin:0;padding:0;text-transform:uppercase;font-weight:700;font-weight:700;} .sentce-nav .top-menu a{padding:5px 10px;color:#000} .sentce-nav .top-menu ul{padding:0;height:79px; line-height:79px; margin-bottom:0px;} .sentce-nav .top-menu ul li{padding:0;margin:0;list-style:none;display:inline} .sentce-nav .top-menu ul li a{font-size:16px;padding:30px 0px 30px 40px;color:#1F1F1F;-webkit-transition:.5s;-o-transition:.5s;transition:.5s} .sentce-nav .top-menu ul li a:active,.sentce-nav ul li a:focus,.sentce-nav ul li a:hover{color:#00487A;} .sentce-nav .top-menu ul li.has-dropdown{position:relative} .sentce-nav .top-menu ul li.has-dropdown .dropdown{width:160px;-webkit-box-shadow:0 14px 33px -9px rgba(0,0,0,.75);-moz-box-shadow:0 14px 33px -9px rgba(0,0,0,.75);box-shadow:0 14px 33px -9px rgba(0,0,0,.75);z-index:1002;visibility:hidden;opacity:0;position:absolute;top:40px;left:0;text-align:left;background:#000;padding:20px;-webkit-border-radius:4px;-moz-border-radius:4px;-ms-border-radius:4px;border-radius:4px;-webkit-transition:0s;-o-transition:0s;transition:0s; } .sentce-nav .top-menu ul li.has-dropdown .dropdown:before{bottom:100%;left:40px;border:solid transparent;content:" ";height:0;width:0;position:absolute;pointer-events:none;border-bottom-color:#000;border-width:8px;margin-left:-8px} .sentce-nav .top-menu ul li.has-dropdown .dropdown li{display:block;margin-bottom:7px} .sentce-nav .top-menu ul li.has-dropdown .dropdown li:last-child{margin-bottom:0} .sentce-nav .top-menu ul li.has-dropdown .dropdown li a{padding:2px 0;display:block;color:#fff;line-height:1.2;text-transform:none;font-size:13px;letter-spacing:0} .sentce-nav .top-menu ul li.has-dropdown .dropdown li a:hover{color:#fff} .sentce-nav .top-menu ul li.has-dropdown:focus a,.sentce-nav ul li.has-dropdown:hover a{color:#000} .sentce-nav .top-menu ul li.btn-cta a{padding:30px 0!important;color:#fff} .sentce-nav .top-menu ul li.btn-cta a span{background:#f95959;padding:4px 10px;display:-moz-inline-stack;display:inline-block;zoom:1;-webkit-transition:.6s;-o-transition:.6s;transition:.6s;-webkit-border-radius:100px;-moz-border-radius:100px;-ms-border-radius:100px;border-radius:100px} .sentce-nav .top-menu ul li.btn-cta a:hover span{-webkit-box-shadow:0 14px 20px -9px rgba(0,0,0,.75);-moz-box-shadow:0 14px 20px -9px rgba(0,0,0,.75);box-shadow:0 14px 20px -9px rgba(0,0,0,.75)} .sentce-nav .top-menu ul li.active a{color:#00487A;} .sentce-nav .top-menu ul li .en{background:#f95959;color:#fff;padding:10px 15px} .sentce-nav .top-menu ul li .en:hover{background:#f95959;color:#fff} .sentce-nav-toggle{width:25px;height:25px;cursor:pointer;text-decoration:none;} .sentce-nav-toggle.active i::after,.sentce-nav-toggle.active i::before{background:#444} .sentce-nav-toggle:active,.sentce-nav-toggle:focus,.sentce-nav-toggle:hover{outline:0;border-bottom:none!important} .sentce-nav-toggle i{position:relative;display:inline-block;width:25px;height:2px;color:#252525;font:700 14px/.4 Helvetica;text-transform:uppercase;text-indent:-55px;background:#252525;transition:all .2s ease-out} .sentce-nav-toggle i::after,.sentce-nav-toggle i::before{content:'';width:25px;height:2px;background:#252525;position:absolute;left:0;transition:all .2s ease-out} .sentce-nav-toggle.sentce-nav-white>i{color:#fff;background:#000} .sentce-nav-toggle.sentce-nav-white>i::after,.sentce-nav-toggle.sentce-nav-white>i::before{background:#000!important} .sentce-nav-toggle i::before{top:-7px} .sentce-nav-toggle i::after{bottom:-7px} .sentce-nav-toggle:hover i::before{top:-10px} .sentce-nav-toggle:hover i::after{bottom:-10px} .sentce-nav-toggle.active i{background:0 0} .sentce-nav-toggle.active i::before{top:0;-webkit-transform:rotateZ(45deg);-moz-transform:rotateZ(45deg);-ms-transform:rotateZ(45deg);-o-transform:rotateZ(45deg);transform:rotateZ(45deg);background:#fff} .sentce-nav-toggle.active i::after{bottom:0;-webkit-transform:rotateZ(-45deg);-moz-transform:rotateZ(-45deg);-ms-transform:rotateZ(-45deg);-o-transform:rotateZ(-45deg);transform:rotateZ(-45deg);background:#fff} .sentce-nav-toggle{position:absolute;right:0;z-index:21;padding:6px 0 0 0;display:block;margin:0 auto;display:none;height:44px;width:44px;z-index:2001;margin-top:3%;border-bottom:none!important} #sentce-offcanvas{position:absolute;z-index:1901;background:#000;border:1px #e5e5e5 solid;top:0;right:10px;top:70px;padding:20px 40px;overflow-y:auto;display:none;-moz-transform:translateX(270px);-webkit-transform:translateX(270px);-ms-transform:translateX(270px);-o-transform:translateX(270px);transform:translateX(270px);-webkit-transition:.5s;-o-transition:.5s;transition:.5s} .offcanvas #sentce-offcanvas{-moz-transform:translateX(0);-webkit-transform:translateX(0);-ms-transform:translateX(0);-o-transform:translateX(0);transform:translateX(0)} #sentce-offcanvas a{color:rgba(255,255,255,.5);font-weight:300} #sentce-offcanvas a:hover{color:rgba(255,255,255,.8)} #sentce-offcanvas ul{padding:0;margin:0} #sentce-offcanvas ul li{padding:0;margin:0;list-style:none} #sentce-offcanvas ul li>ul{padding-left:20px;display:none} #sentce-offcanvas ul li.offcanvas-has-dropdown>a{display:block;position:relative} #sentce-offcanvas ul li.offcanvas-has-dropdown>a:after{position:absolute;right:0;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;content:"\e921";font-size:20px;color:rgba(255,255,255,.2);-webkit-transition:.5s;-o-transition:.5s;transition:.5s} #sentce-offcanvas ul li.offcanvas-has-dropdown.active a:after{-webkit-transform:rotate(-180deg);-moz-transform:rotate(-180deg);-ms-transform:rotate(-180deg);-o-transform:rotate(-180deg);transform:rotate(-180deg)} .nav-hover{width:100%;position:fixed;top:0;z-index:100; background: rgba(255, 255, 255, 0.9); -webkit-box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.1); box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.1);} /*================================================================== Index Common Style ====================================================================*/ /* title */ .head-title{ padding-top: 10px; padding-right: 20px; padding-left: 0; padding-bottom: 20px; color: #003F76; } .head-title .more { color: #c5c5c5} .head-title h4{font-size:16px;font-weight: 500;color:rgb(128, 128, 128);margin-bottom:0px} .head-title span {float:right;width:30%;text-align:right;color:#c5c5c5;font-size:14px;} /* separator */ .separator{width:10px;height:10px;margin:20px auto;background:#e74c3c;position:relative;display:inline-block;border-radius:50%} .separator:after{position:absolute;left:5%;bottom:4px;height:1px;width:80px;background:#eee;content:"";display:inline-block;margin-left:20px} .separator:before{position:absolute;right:5%;bottom:4px;height:1px;width:80px;background:#eee;content:"";display:inline-block;margin-right:20px} /* types */ .types {padding:0px 20px; height: 35px; line-height: 35px; margin: 30px 5px;background:#FFF;display: block;color:#797979; text-align: center;border: 1px solid #eee; transition: ease 1.2s all;} .types:hover{background:#F95959; color:#fff;} /*================================================================== Slide ====================================================================*/ .slideBox{width:100%; overflow:hidden; position:relative;} .slideBox .bd{ position:relative; height:100%; z-index:0; } .slideBox .bd li{ zoom:1; vertical-align:middle; } .slideBox .bd img{width:100%;display:block;} .slideBox .hd{ height:10px; overflow:hidden; position:absolute; left:50%; bottom:30px; z-index:1; margin-left:-30px; } .slideBox .hd ul{ overflow:hidden; zoom:1; float:left;} .slideBox .hd ul li{ float:left; margin-right:10px; background:#fff; width:10px; height:10px; line-height:14px; text-align:center; border-radius:10px; cursor:pointer; } .slideBox .hd ul li.on{background:#003F76; } .slideBox .prev, .slideBox .next{ position:absolute; left:3%; top:50%; margin-top:-25px; display:block; width:32px; height:40px; background:url(../images/slider-arrow.png) -110px 5px no-repeat; filter:alpha(opacity=50);opacity:0.5; } .slideBox .next{ left:auto; right:3%; background-position:8px 5px; } .slideBox .prev:hover, .slideBox .next:hover{ filter:alpha(opacity=100);opacity:1; } .slideBox .sPrev, .slideBox .sNext{ position:absolute; left:3%; top:50%; margin-top:-25px; display:block; width:32px; height:40px; background:url(../images/slider-arrow.png) -110px 5px no-repeat; filter:alpha(opacity=50);opacity:0.5; } .slideBox .sNext{ left:auto; right:3%; background-position:8px 5px; } .slideBox .sPrev:hover, .slideBox .sNext:hover{ filter:alpha(opacity=100);opacity:1; } /* other */ .sentce-hero li a{display:block;width:100%;height:800px;} .sentce-case .slideBox{margin-bottom:15px;} .sentce-service .hd ul, .sentce-blog .hd ul, .sentce-core .hd ul{display:none} /*================================================================== Padding ====================================================================*/ /*================================================================== Index case Style ====================================================================*/ .sentce-case .titul li{width:50%;float:left; text-align:center; margin:60px 0px;} .sentce-case .titul li a{font-size:30px;color: #727171;} .sentce-case .titul li.on a, .sentce-case .titul li a:hover{color:#00487A;} .sentce-case .titul2{overflow:auto} .sentce-case .titul2 li{width:50%;float:left; text-align:center; margin:60px 0px; line-height:40px; } .sentce-case .titul2 li a{font-size:30px;color:#535353; } .sentce-case .titul2 li.on span, .sentce-case .titul2 li a:hover span{color:#003F76;border-bottom: 2px #003F76 solid;padding-bottom: 5px;} .sentce-case .advantage{ padding:100px 0px;background-color:#f5f3f2} .sentce-case .advantage h2,.sentce-about .advantage h3{color:#232323; text-align:center;font-weight:400;margin-bottom:20px} .sentce-case .advantage p{line-height:22px; font-size:16px; color:#727171; text-align:center} .case_item{position:relative;display:block;height:100%;margin-bottom:15px;} .case_item .pic,.case_item .pic_bg{height:100%;overflow:hidden} .case_item .pic img,.case_item .pic_bg img{display:block;width:100%} .case_item .pic_bg{background:center no-repeat;background-size:cover;-webkit-transition:-webkit-transform .6s cubic-bezier(.4,0,.2,1);transition:transform .6s cubic-bezier(.4,0,.2,1)} .case_item .txt_bg{position:absolute;top:100%;left:0;right:0;bottom:0;-webkit-transform-origin:center bottom;-ms-transform-origin:center bottom;transform-origin:center bottom;-webkit-transition:top .6s cubic-bezier(.4,0,.2,1);transition:top .6s cubic-bezier(.4,0,.2,1)} .case_item .txt{position:absolute;top:50%;left:0;right:0;margin-top:-35px;text-align:center;color:#fff} .case_item .txt h3,.case_item .txt p{line-height:1;letter-spacing:5px;opacity:0;-webkit-transform:translate(0,125%);-ms-transform:translate(0,125%);transform:translate(0,125%);-webkit-transition:-webkit-transform .6s,opacity .6s;transition:transform .6s,opacity .6s} .case_item .txt h3{margin-bottom:30px;font-size:20px;font-weight:700;color:#fff} .case_item .txt p{font-size:12px;color:#fff} .case_item_txt{background:#fff} .case_item_txt .text{position:absolute;top:50%;left:0;padding:0 16%;width:68%;-webkit-transform:translate(0,-50%);-ms-transform:translate(0,-50%);transform:translate(0,-50%)} .case_item_txt .text .line{position:absolute;bottom:-50px;left:16%;width:0;height:2px;background:#2a2b2f;opacity:0;-webkit-transition:.6s width,.6s opacity;transition:.6s width,.6s opacity} .case_item_txt p{font-size:14px;line-height:30px;color:#2a2b2f;letter-spacing:5px} .case_item_txt .category{margin-bottom:20px;line-height:1;color:#74828c} .case_item_txt h3{margin-bottom:40px;line-height:1;font-size:24px;font-weight:400;color:#2a2b2f;letter-spacing:5px} .case_item_txt:hover .text .line{width:50px;opacity:1} .case_item_pic:hover .pic_bg{-webkit-transform:scale(1.5);-ms-transform:scale(1.5);transform:scale(1.5)} .case_item_pic:hover .txt_bg{top:0} .case_item_pic:hover .txt h3{-webkit-transition-delay:.1s;transition-delay:.1s} .case_item_pic:hover .txt p{-webkit-transition-delay:.6s;transition-delay:.6s} .case_item_pic:hover .txt h3,.case_item_pic:hover .txt p{opacity:1;-webkit-transform:translate(0,0);-ms-transform:translate(0,0);transform:translate(0,0)} .news_item_list{position:relative;display:block;margin-bottom:1%;background:0 0} .news_item_list .pic{width:49.5%;background-color:#fff} .news_item_list .pic img{display:block;width:100%} .news_item_list .txt_box{position:absolute;top:0;right:0;width:49.5%;height:100%;background-color:#fff} .news_item_list .txt{position:absolute;top:50%;right:0;width:100%;color:#2a2b2f;-webkit-transform:translate(0,-50%);-ms-transform:translate(0,-50%);transform:translate(0,-50%)} .news_item_list .user{position:absolute;left:0;padding-top:6px;width:30%;text-align:center} .news_item_list .user .photo{margin:0 auto;width:90px;height:90px;background:center no-repeat;background-size:cover;border-radius:45px} .news_item_list .user p{font-size:14px;letter-spacing:3px} .news_item_list .user .name{padding-top:5px;line-height:30px;font-size:24px;letter-spacing:0} .news_item_list .info{position:relative;margin-left:30%;margin-right:10%} .news_item_list .info p{line-height:1;font-size:14px;letter-spacing:2px} .news_item_list .info .date{color:#74828c} .news_item_list .info .title{margin-bottom:10px;line-height:2;font-size:24px;font-weight:400;letter-spacing:8px} .news_item_list .info .words{line-height:30px;font-size:14px;letter-spacing:.2em} .news_item_list .info .line{position:absolute;left:0;bottom:-50px;width:0;height:2px;background:#2a2b2f;opacity:0;-webkit-transition:.6s width,.6s opacity;transition:.6s width,.6s opacity} .news_item_list:first-child:before{display:none} .news_item_list:hover .info .line{width:50px;opacity:1} .sentce-case .more{margin-bottom:60px;clear:both;} .sentce-case .more a{ font-size:16px; display:block; text-align:center; color:#727171;} .sentce-case .more a:hover{color:#00487A;} .sentce-case .more img{width:130px;margin-left:5px;margin-bottom: 2px} .sentce-case-details{} .sentce-case-details .ebg{padding:30px 0px; border-bottom:1px solid #003F75;} .sentce-case-details .ebg .ctit{color:#535353; list-style:none; font-size:30px; margin:20px 0px;#727171} .sentce-case-details .ebg p{font-size:14px; color:#727171; line-height:35px;} .sentce-case-details .content{padding:25px 0px; } .sentce-case-details .content .ctit{color:#535353; list-style:none; font-size:30px; margin:20px 0px;#727171} .sentce-case-details .content p{font-size:14px; color:#727171; line-height:35px;} .sentce-case-details .content img{margin-top:20px; width:100%;} /*================================================================== About Style ====================================================================*/ .sentce-about p{margin: 0 0 15px; line-height: 4rem; font-size: 1.45rem;} .sentce-about .abstract{padding:60px 0px;} .sentce-about .abstract h2,.sentce-about .abstract h3{color:#3E3A39;} .sentce-about .abstract p{line-height:38px; font-size:14px; color:#3F3B3A; margin:25px 0px;} .culture{background:#666; color:#fff; padding:50px 0px;position:relative} .sentce-about h2{font-weight:600;font-size:28px; text-align:center; line-height:60px;} .sentce-about h3{text-align:center; line-height:60px; font-size:20px; } .sentce-about .culture .img{width:35%;float:left;position:absolute;bottom:0} .sentce-about .culture .wen{float:left;margin-left:35%;} .sentce-about .culture li{line-height:35px;font-size:14px; } .sentce-about .advantage{padding:80px 0px;} .sentce-about .advantage h2,.sentce-about .advantage h3{color:#3E3A39;} .sentce-about .advantage p{line-height:38px; font-size:14px; color:#3F3B3A; margin:25px 0px;} .sentce-about .advantage .brand{padding:50px 0; margin-bottom:50px;} .sentce-about .advantage .brand h3{color:#003F75!important;} .sentce-about .advantage .brand li{margin-top:2rem;} /*================================================================== News Style ====================================================================*/ .sentce-news .lanmu{height:80px; background-color: rgba(0, 0, 0, 0.3); text-align:center;} .sentce-news .lanmu ul{width:400px; margin:0px auto;} .sentce-news .lanmu li{float:left;width:50%;text-align:center;} .sentce-news .lanmu li{font-size:18px; line-height:80px;} .sentce-news .lanmu a{color:#535353;} .sentce-news .lanmu a:hover{color:#00487A;} .sentce-news .lanmu .a{color:#00487A; } .sentce-news .content{ padding:60px 0px;} .sentce-news .content h2{line-height:44px;font-size:20px;} .sentce-news .content .tit{color:#232323; margin-bottom:20px;} .sentce-news .content img {margin-bottom:10px;} .sentce-news .content p{line-height:35px; font-size:14px; color:#3F3B3A; margin:20px 0px;} .sentce-news .newslist{margin-bottom:100px;} .sentce-news .newslistul{padding:50px 0px;border-bottom:1px solid #c5c5c5;overflow:auto;} .sentce-news .newslistul .newsz{width:30%; height:230px; float:left; margin-right:20px;} .sentce-news .newslistul .newsz img{width:100%;height:100%} .sentce-news .newslistul .newsy{width:68%;float:left;} .sentce-news .newslistul .newsy .tit {padding-bottom: 15px} .sentce-news .newslistul .newsy .tit a{ color:#232323; font-size:26px; font-weight:600; } .sentce-news .newslistul .newsy .tit a:hover{ color:#00487A; } .sentce-news .newslistul .newsy p{margin-top:20px; line-height:30px; font-size:16px;} /*================================================================== Contact Style ====================================================================*/ .sentce-contact{clear:both;} .sentce-contact .lanmu{height:80px; background-color: rgba(0, 0, 0, 0.3); text-align:center;} .sentce-contact .lanmu ul{width:400px; margin:0px auto;} .sentce-contact .lanmu li{float:left;width:50%;text-align:center;} .sentce-contact .lanmu li a{font-size:18px; line-height:80px; color:#535353;} .sentce-contact .lanmu li.active a{color:#00487A;} .sentce-contact .lanmu li a:hover{color:#00487A;} .sentce-contact .lanmu .a{color:#003F76;} .sentce-contact .sentce-map{width:100%;height:500px;position:relative; margin:50px 0px;} .sentce-contact .content{height:260px; margin:40px 0px;} .sentce-contact .content .ewm{width:18%; float:left; margin-right:20px;} .sentce-contact .content .ewm li{font-size:20px; text-align:center; line-height:50px;} .sentce-contact .content .ewm img{width:100%; height:205px;} .sentce-contact .content .address{width:41%; float:left; margin:0px 20px;} .sentce-contact .content .address .tit{ color:#333;font-size:28px;margin-bottom:20px;} .sentce-contact .content .address .name{ color:#003F75; font-weight:bold;} .sentce-contact .content .address li{line-height:35px; font-size:14px;} .sentce-contact .content .weixin{width:13%; float:left; margin-left:90px; margin-right:20px; padding-top:50px;} .sentce-contact .content .zixun{width:13%; float:left; padding-top:50px;} .sentce-contact .content .zixun img ,.content .weixin img {width:100%; height:150px;} .sentce-contact .content .zixun li ,.content .weixin li {font-size:20px; text-align:center; line-height:50px;} .sentce-contact .content2{padding:70px 0px;} .sentce-contact .content2 h2, .sentce-contact .content2 h3{color:#3F3B3A; line-height:60px; text-align:center;} .sentce-contact .content2 .position{height:300px;} .sentce-contact .content2 .position li{width:32.3%; height:120px; float:left; background:#9E9F9F; margin:10px 5px;} .sentce-contact .content2 .position li b{ display:inline-block; width:35%; line-height:117px; height:120px; float:left; color:#00213D; text-align:center;} .sentce-contact .content2 .position li span{display:block; width:65%; height:70px; line-height:70px; float:right; color:#fff; font-size:35px; font-weight:bold;} .sentce-contact .content2 .position li span a{display:block; height:50px; line-height:40px; float:right; color:#324556; font-size:20px;margin-right:20px;} .sentce-contact .content2 p{line-height:35px; font-size:14px; color:#3F3B3A; margin:20px 0px;} .sentce-contact .project{background:#727071; color:#fff; padding:50px 0px;} .sentce-contact .project h2{line-height:60px; font-size:28px;text-align:center; margin-bottom:30px;} .sentce-contact .project p{line-height:25px; font-size:14px; } .sentce-contact .recruit{padding:70px 0px;} .sentce-contact .recruit h4{line-height:60px; color:#3F3B3A; font-size:20px; font-weight:100!important;} .sentce-contact .recruit h2, .sentce-contact .recruit h3{color:#3F3B3A; line-height:60px; text-align:center; font-size:28px;} .sentce-contact .recruit p{line-height:25px; font-size:14px; color:#3F3B3A; } .contact-content { text-align: center} .contact-content p {color: #727171; font-size:14px} .contact-content .cc-title {font-size: 20px;color: #232323;line-height:24px} .contact-content .cc-title span {border-bottom: 1px solid #232323; padding-bottom: 3px} /*================================================================== Service Style ====================================================================*/ .sentce-service { background-color: #f5f3f2; padding-bottom: 40px } .sentce-service .fwtit{border:1px solid #dedede; clear:both; color:#727171; margin-bottom:10px; font-size:20px; text-align:center; padding:10px; line-height:30px;} .sentce-service .fwtit a {color:#727171;} .sentce-service .fwtit a:hover {color:#00487A;} .sentce-service .blog-content>a{display:block;position:relative;-webkit-transition:.5s;-o-transition:.5s;transition:.5s} .sentce-service .blog-content>a img{width:100%} .sentce-service .blog-text{line-height:24px;position:relative;padding:15px 10px; margin-bottom:10px;background:#f5f3f2;border:1px solid #dedede;border-top:0px;font-size:14px;color:#727171;} .sentce-service .blog-text span{display:inline-block;margin-bottom:20px} .sentce-service .blog-text span.comment{float:right} .sentce-service .blog-text span.comment a{color:rgba(0,0,0,.3)} .sentce-service .blog-text span.comment a i{color:#F95959;padding-left:7px} .sentce-service .blog-text h3{font-size:20px; height:40px;line-height:40px; overflow:hidden;} .sentce-service .blog-text h3 a{color:#003F76;} /*================================================================== Core Style ====================================================================*/ .sentce-core h2{padding:45px 0px; text-align:center; color:#3E3A39;font-size:28px;} .sentce-core .sex{padding:50px 0px;} .sentce-core .zye{padding-bottom: 50px;} .sentce-core .core-text{position:relative;width:100%;padding:10px 0; background:#fff;margin-top:10px;} .sentce-core .core-text span{display:inline-block;margin-bottom:20px} .sentce-core .core-text span.comment{float:right} .sentce-core .core-text span.comment a{color:rgba(0,0,0,.3)} .sentce-core .core-text span.comment a i{color:#F95959;padding-left:7px} .sentce-core .core-text h3{font-size:20px; height:40px;line-height:40px; overflow:hidden;} .sentce-core .core-text h3 a{color:#003F76;} .sentce-core .core-text p {color:#3C3B39; line-height:25px;font-size: 14px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;} .sentce-core .service-img {padding: 15px 15px 0px 15px;border-left: 1px solid #dedede;border-right: 1px solid #dedede;} .sentce-core .core-text.bk{border: 1px solid #dedede;border-top:0px solid;font-size:20px;padding:15px;margin-top:0;border-bottom:0px;} .sentce-core .position{height:130px; background:#003F75; margin-bottom:0px; clear:both;} .sentce-core .position li b{width:27%; height:130px; float:left; color:#00213D; text-align:center;line-height:120px;} .sentce-core .position li span{display:block; width:68%; height:70px; line-height:80px; float:left; color:#fff; text-align:right;font-size:35px; font-weight:bold;} .sentce-core .position li strong{width:68%; height:50px; line-height:50px; float:left; color:#00223E; font-size:14px; text-align:right;} .sentce-core .core-tit{position:relative;width:100%;height:85px;padding:16px; background:#fff;border:1px solid #dedede; border-top:0px; border-bottom:0px;padding-top:0px} .sentce-core .core-tit p{line-height:25px; margin:0;} .sentce-core .core-tit p a{color:#333; font-size:12px;} .sentce-core .core-tit p a:hover{color:#00487A;} .sentce-core .show{border: 1px solid #dedede; padding:10px; text-align:right;} .sentce-core .show a{font-size:16px; line-height:30px; color:#797979;} .sentce-core .show a:hover{color:#00487A;} /*================================================================== Blog Style ====================================================================*/ .sentce-blog .blog-content>a{display:block;position:relative;-webkit-transition:.5s;-o-transition:.5s;transition:.5s} .sentce-blog .blog-content>a img{width:100%} .sentce-blog .blog-text{line-height:24px;margin-bottom:20px;position:relative;width:100%;padding:15px 10px;float:left;background:#fff;border:1px solid #dedede; border-top:0px;font-size:14px;} .sentce-blog .blog-text span{display:inline-block;margin-bottom:20px} .sentce-blog .blog-text span.comment{float:right} .sentce-blog .blog-text span.comment a{color:rgba(0,0,0,.3)} .sentce-blog .blog-text span.comment a i{color:#F95959;padding-left:7px} .sentce-blog .blog-text h3{font-size:16px; height:40px;line-height:40px; overflow:hidden;} .sentce-blog .blog-text h3 a{color:#003F76;} /*================================================================== Footer Style ====================================================================*/ footer{padding: 15px 0;background: #333;color: #fff;height: auto;line-height: 2.2;} footer ul{margin: 0;} footer li{font-size:14px;} footer h3{font-size:16px;} footer a{color: #fff;} footer a:hover{color:#00487A;} .sentce-footer{background:#3E3A39;color:#fff; padding: 20px 0; } .sentce-footer .footer-links li a:hover{color:#00487A;} .sentce-footer .p{line-height:30px; font-size:14px;} .sentce-footer .chakan a{color:#727171!important; display:block; margin-top:25px;} .sentce-footer .footer-links{padding:0;margin:15px 0px;} .sentce-footer .footer-links li{padding:0;margin:0;list-style:none;font-size:14px;} .sentce-footer .footer-links li a{color:#fff;font-size:14px; text-decoration:none} .sentce-footer .footer-tu{margin-top:45px;position:relative;} .sentce-footer .footer-tu a{display:block;float:left;margin-right:20px;} .sentce-footer .footer-tu a.wx{width:41px;height:35px;background:url(../images/f-x.png) no-repeat} .sentce-footer .footer-tu a.wx:hover{background:url(../images/f-x-a.png) no-repeat} .sentce-footer .footer-tu a.qq{width:29px;height:35px;background:url(../images/f-q.png) no-repeat} .sentce-footer .footer-tu a.qq:hover{background:url(../images/f-q-a.png) no-repeat} .sentce-footer .footer-tu a.wb{width:37px;height:32px;background:url(../images/f-w.png) no-repeat;margin-top:2px} .sentce-footer .footer-tu a.wb:hover{background:url(../images/f-w-a.png) no-repeat} .sentce-footer .footer-tu a.em{width:36px;height:27px;background:url(../images/f-e.png) no-repeat;margin-top:5px} .sentce-footer .footer-tu a.em:hover{background:url(../images/f-e-a.png) no-repeat} .height-375 { height: 375px; } @media screen and (max-width: 768px){ .height-375 { height: 175px; } .swiper-button-next, .swiper-button-prev { height: 27px; } }