@charset "utf-8"; /* CSS Document */ /*@font-face{font-family:'pingfang';src:url(fonts/pingfang.eot);src:url(fonts/pingfang.eot#iefix) format("embedded-opentype"),url(fonts/pingfang.svg#pingfang) format("svg"),url(fonts/pingfang.woff) format("woff"),url(fonts/pingfang.ttf) format("truetype");font-weight:normal;font-style:normal}*/ /*Cremona Regular*/ @font-face { font-family: "Cremona"; src: url("fonts/Cremona.woff2") format("woff2"),url("fonts/Cremona.woff") format("woff"),url("fonts/Cremona.ttf") format("truetype"),url("fonts/Cremona.eot") format("embedded-opentype"),url("fonts/Cremona.svg") format("svg"); font-weight: normal;font-style: normal; } /*Constantia Regular*/ @font-face { font-family: "Constantia"; src: url("fonts/Constantia.woff2") format("woff2"),url("fonts/Constantia.woff") format("woff"),url("fonts/Constantia.ttf") format("truetype"),url("fonts/Constantia.eot") format("embedded-opentype"),url("fonts/Constantia.svg") format("svg"); font-weight: normal;font-style: normal; } /*Cambria bold*/ @font-face { font-family: "Cambriabold"; src: url("fonts/Cambriabold.woff2") format("woff2"),url("fonts/Cambriabold.woff") format("woff"),url("fonts/Cambriabold.ttf") format("truetype"),url("fonts/Cambriabold.eot") format("embedded-opentype"),url("fonts/Cambriabold.svg") format("svg"); font-weight: normal;font-style: normal; } /*Brush Script Std Medium*/ @font-face { font-family: "BrushScriptStd"; src: url("fonts/BrushScriptStd.woff2") format("woff2"),url("fonts/BrushScriptStd.woff") format("woff"),url("fonts/BrushScriptStd.ttf") format("truetype"),url("fonts/BrushScriptStd.eot") format("embedded-opentype"),url("fonts/BrushScriptStd.svg") format("svg"); font-weight: normal;font-style: normal; } /*reset*/ .mb5 { margin-bottom: 5px; } .mb10 { margin-bottom: 10px; } .mb15 { margin-bottom: 15px; } .mb20 { margin-bottom: 20px; } .mb25 { margin-bottom: 25px; } .mb30 { margin-bottom: 30px; } .mb35 { margin-bottom: 35px; } .mb40 { margin-bottom: 40px; } .mb45 { margin-bottom: 45px; } .mb50 { margin-bottom: 50px; } .mt5 { margin-top: 5px; } .mt10 { margin-top: 10px; } .mt15 { margin-top: 15px; } .mt20 { margin-top: 20px; } .mt25 { margin-top: 25px; } .mt30 { margin-top: 30px; } .mt35 { margin-top: 35px; } .mt40 { margin-top: 40px; } .mt45 { margin-top: 45px; } .mt50 { margin-top: 50px; } body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, form, fieldset, legend, input, textarea, button, p, blockquote, pre, hr, th, td, em{margin:0; padding:0;} h1, h2, h3, h4, h5, h6, button, input, select, textarea{font-size:100%; font-weight:normal;} fieldset, img{border:0} address, caption, cite, code, em, i, strong, th, var{font-style:normal} img{border: none; outline:none;vertical-align:middle;} ol,ul,li{list-style:none;margin:0;padding:0;outline:none;} table{border-collapse:collapse; border-spacing:0} label{cursor:default} input,textarea{ outline:none} audio,canvas,progress,video {display:inline-block;*display:inline;zoom:1;vertical-align: baseline;} a{text-decoration:none; cursor:pointer;-webkit-transition:.3s;-o-transition:.3s;-moz-transition:.3s;transition:.3s;} a{color:inherit;} a:link{text-decoration:none;} .clear{clear:both;} .clearfix:before, .clearfix:after { content: ""; display: block; height: 0; overflow: hidden; } .clearfix:after { clear: both; } .clearfix { zoom: 1; } /* 重置表单样式 */ select::-ms-expand { display: none; } input,select,textarea{box-shadow: none;outline: none;border: none;border-radius: 0;-o-appearance:none; -ms-appearance:none; -moz-appearance:none; -webkit-appearance:none; appearance:none;padding: 0;} select::-ms-expand { display: none; } /* 去除iPhone中默认的input样式 */ input,select,textarea,button{ -o-appearance:none; -ms-appearance:none; -moz-appearance:none; -webkit-appearance:none; appearance:none;resize: none; border-radius:0; outline: none; border:none; background-color:transparent; font-family:inherit; font-size:inherit; color:inherit; -moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box; vertical-align:middle;} input[type="button"],input[type="radio"],input[type="checkbox"],input[type="submit"],button {cursor:pointer;} button, span.date_label, .timeline_items li h3 span, input[type="submit"], input[type="reset"], input[type="button"], input[type="text"], input[type="password"], input[type="tel"], input[type="email"], textarea, select, .offer_li .title h3 {font-family:"微软雅黑",Arial,sans-serif;} *{-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale} body {font-family:"微软雅黑",Arial,sans-serif;font-size: 14px;color: #333;background-color: #f4f4f4;opacity: 0; /*-webkit-transition: opacity 0.2s ease-in-out 0.2s;-moz-transition: opacity 0.2s ease-in-out 0.2s;-ms-transition: opacity 0.2s ease-in-out 0.2s;-o-transition: opacity 0.2s ease-in-out 0.2s;transition: opacity 0.2s ease-in-out 0.2s;*/max-width: 1920px;margin: 0 auto; overflow-x: hidden; min-width:320px; font-weight: normal;/*-webkit-text-stroke-width: 0.2px;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale; */} .trs06s {-webkit-transition: all 0.6s ease-in-out;-moz-transition: all 0.6s ease-in-out;-o-transition: all 0.6s ease-in-out;-ms-transition: all 0.6s ease-in-out;transition: all 0.6s ease-in-out;} .trs03s {-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;-ms-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;} body { position: relative;min-width: 1230px} .pingfang{font-family: 'pingfang',"微软雅黑",Arial,"PingFang SC","思源黑体", CNLato,"Lantinghei SC","Microsoft YaHei","HanHei SC","Helvetica Neue","Open Sans","Hiragino Sans GB",STHeiti,"WenQuanYi Micro Hei",SimSun,sans-serif!important;} .w1200{ width: 1200px; margin: 0 auto; } .hidden{ display:none;} .w1600{width:84%; margin: 0 auto;} .w800{width:84%;} @media screen and (max-width: 1230px) { body {min-width:320px;} .w1200 {width: 1100px;} } @media screen and (max-width: 1150px) { .w1200{width: 1000px;} } @media screen and (max-width: 1024px) { .w1200{width: 940px;} } @media screen and (max-width: 960px) { .w1200 {width: 750px;} } @media screen and (max-width: 768px) { .w1200{width:auto;max-width: 600px!important;padding-left:20px!important;padding-right:20px!important} } .warp{position: relative;/*padding-top:60px;*/ overflow-x:hidden;} .warp.pageH{background-color:#fff;} /*header pc-navbar*/ .pc-navbar{height:160px;background-color:#fff;border:0;margin:0 auto; width:100%;position:absolute;width:100%;top:0;left:0; right:0;z-index:900;transition:all .3s ease} /*.pc-navbar.collapsed{background:0 0}*/ .pageH .pc-navbar{background-color:#fff!important; height:auto;position:static!important;top:auto;left:auto; right:auto;} /*logo*/ .pc-navbar .navbar-header{float:none;width:160px; height:160px; margin:0 auto; position:absolute; left:0;right:0; top:0; z-index:2;} .pc-navbar .navbar-header .navbar-brand{display:inline-block;padding:0;height:auto} .pc-navbar .navbar-header .navbar-brand .navbar-brand-logo{vertical-align:middle;display:inline-block;width:160px;height:160px;background-size:100px; background-position:center center; background-repeat:no-repeat;} /*navbar-right*/ .pc-navbar .navbar-right{ text-align:right;margin-top:40px;} .pc-navbar .navbar-right ul{display:inline-block;zoom:1;} .pc-navbar .navbar-right ul li{ display:inline-block;*display:inline;zoom:1; text-align:left;} .pc-navbar .navbar-right ul li a{color:#464646; font-size:14px; line-height:normal; vertical-align:middle;} .pc-navbar .navbar-right ul li a:hover{color:#1f3650;} .pc-navbar .navbar-right ul li.nav-tianmao a{padding-left:26px;background:url(../images/top-tianmao.png) left center no-repeat;margin-left:32px;} .pc-navbar .navbar-right ul li.nav-VR a{padding-left:26px;background:url(../images/top-vr.png) left center no-repeat;margin-left:32px;} .pc-navbar .navbar-right ul li.nav-search{padding-right:26px;background:url(../images/top-line.jpg) right center no-repeat;} .pc-navbar .navbar-right ul li.nav-search a{ width:20px; height:20px;background:url(../images/top-search.png) center center no-repeat; display:inline-block;} /*nav*/ .pc-navbar #siteHeaderNavbar{margin-top:10px;} .pc-navbar ul.navbar-category>li.category-item.relative{position:relative} .pc-navbar ul.navbar-category>li.category-item{float:left;line-height:14px;margin-right:40px;} .pc-navbar ul.navbar-category>li.category-item.li4{margin-right:234px;} .pc-navbar ul.navbar-category>li.category-item.li8{margin-right:0;} .pc-navbar ul.navbar-category>li.category-item>a{padding:15px 22px 55px 0;display:inline-block;transition:all .3s;color:#1f3650;vertical-align:middle;line-height:14px;cursor:pointer;background:url(../images/v.png) right 20px no-repeat;overflow:hidden;font-size:16px;} /*erji*/ .pc-navbar ul.navbar-category:hover li.category-item>a{color:#3b3e40} .pc-navbar ul.navbar-category:hover li.category-item.opened>a:after, .pc-navbar ul.navbar-category:hover li.category-item>a:hover:after{content:'';display:inline-block;position:absolute;left:0;bottom:-1px;z-index:1200;width:100%;background-color:#303233} .pc-navbar ul.navbar-category:hover li.category-item>a:hover:after{height:1px} .pc-navbar ul.navbar-category:hover li.category-item:hover>a{color:#3b3e40;position:relative} .pc-navbar ul.navbar-category:hover li.category-item:hover .dui-dropdown-menu{opacity:1;visibility:visible} .pc-navbar ul.navbar-category:hover li.category-item.opened>a:after{height:2px} /*sanji*/ .pc-navbar .dui-dropdown-menu.single{position:absolute;transform:translate(-50%,0);width:auto;z-index:1100;background:0 0;border:none;margin-top:0;opacity:0;/*overflow:hidden;*/display:none;top:100%;left:50%;color:#303233;height:auto;padding:0;/*transition:height .5s ease*/} .pc-navbar .dui-dropdown-menu.single ul{background:#fff;margin-top:16px;-ms-box-shadow:0 2px 4px 0 rgba(0,0,0,.05);-o-box-shadow:0 2px 4px 0 rgba(0,0,0,.05);box-shadow:0 2px 4px 0 rgba(0,0,0,.05)} .pc-navbar .dui-dropdown-menu.single li.nav-item{display:block;width:100%;font-size:13px;transition:all .3s} .pc-navbar .dui-dropdown-menu.single li.nav-item>a{padding:10px 32px;white-space:nowrap;display:inline-block;color:#303233;line-height:20px;height:auto;background:0;text-align:center;} .pc-navbar .dui-dropdown-menu.single li.nav-item:hover{background:#ebeff2} .pc-navbar ul.navbar-category .dui-dropdown-menu.single .dropdown-container>ul{margin-top:0;border-top:1px solid #f0f1f2} .pc-navbar ul.navbar-category li:hover .dui-dropdown-menu.single {display: block;visibility: visible;max-height: 500px;padding: 0 10px 10px;opacity: 1;/*transition:height .5s ease*/} /*Search*/ .pc-navbar #siteHeaderSearch{position:absolute;top:0;left:0; right:0;display:none; background:#fff;z-index:991;} .pc-navbar.navbar-searching #siteHeaderSearch .search-btn, .pc-navbar.navbar-searching #siteHeaderSearch .search-input{animation-name:slideInRight;animation-duration:.5s;animation-fill-mode:both;animation-timing-function:ease} .pc-navbar.navbar-searching {background: #fff!important} .pc-navbar .search-box{position:relative;} .pc-navbar .search-box form{display:inline-block;} .pc-navbar .search-box .search-input{display:inline-block;width:600px;outline:none;font-size:16px;height:32px;padding:4px 8px;border:none} .pc-navbar .search-box{padding:20px 0;margin:0 270px;} .pc-navbar .search-box .search-btn{display:inline-block;width:24px;height:24px; vertical-align: middle;margin-right:4px;margin-left:0;cursor:pointer;background-image:url(../images/m-search2.png); background-repeat:no-repeat; background-position:center center; background-size:22px; font-size:0;} .pc-navbar .search-box .close-btn{display:inline-block;width:24px;height:24px;position:absolute;top:50%;color:#616466;cursor:pointer;/*margin-left:244px;*/margin-top:-12px;background-size:cover;background-image:url(../images/top-close.svg); background-repeat:no-repeat; background-position:center center; right:0;} .pc-navbar .search-box-cover{position:fixed;width:100%;height:100%;top:72px;left:0;opacity:.5;background-color:#000;z-index:990} .search-input::-ms-clear{display:none} @keyframes slideInRight { 0% {transform: translate3d(100%,0,0);visibility: visible} to {transform: translate3d(0,0,0)} } @media screen and (max-width: 1230px) { .pc-navbar ul.navbar-category>li.category-item{margin-right:24px;} } @media screen and (max-width: 1150px) { .pc-navbar ul.navbar-category>li.category-item>a{font-size:14px;} .pc-navbar ul.navbar-category>li.category-item{margin-right:18px;} } @media screen and (max-width: 1024px) { .pc-navbar{ display:block;} } /*pc-navbar-m*/ .pc-navbar-m{display:block;} @media screen and (max-width: 1600px) { .pc-navbar-m{display: block;} body{position:relative;width:100%;padding-top:66px;overflow-x:hidden;padding-top: 0} .menu-opened .pc-navbar-m,.site-footer-m ul.footer-social-list img,html{height:100%} .menu-opened .navbar-header{border-bottom:1px solid #f2f2f2} .menu-opened,.menu-opened .dji-mobile{overflow:hidden;height:100%} .pc-navbar-m .show-navbar-group a.navbar-group-head{right:100%;opacity:0} .no-transition .navbr-group-menu, .no-transition a.navbar-group-head{transition:none!important} .pc-navbar-m{position:fixed;top:0;left:0;right:0;width:100%;height:66px;z-index:10000;background-color:#fff;transition:all .5s ease} .pageH .pc-navbar-m.header-closed{background-color:#fff;} .pc-navbar-m .navbar-header{height:66px;padding-left:17px;padding-right:17px;text-align:center;float:none} .pc-navbar-m .navbar-header:after, .pc-navbar-m .navbar-header:before{display:none} /*navbar-control header-opened*/ .pc-navbar-m.header-opened .navbar-content{opacity:1;visibility:visible;z-index:200} .pc-navbar-m.shopping-opened .control-icon{opacity:0;visibility:hidden;transform:translateY(-50px)} .pc-navbar-m.header-opened .control-icon:nth-child(2){opacity:0} .pc-navbar-m.header-opened .control-icon:nth-child(1){transform:translateY(8px)} .pc-navbar-m.header-opened .control-icon:nth-child(1):before{transform:rotate(45deg);width:22px;} .pc-navbar-m.header-opened .control-icon:nth-child(3){transform:translateY(-8px)} .pc-navbar-m.header-opened .control-icon:nth-child(3):before{transform:rotate(-45deg);width:22px;} /*navbar-control*/ .pc-navbar-m a.navbar-control{display:inline-block;margin-top:20px;float:left;vertical-align:middle} .pc-navbar-m .control-icon:nth-child(2):before{width:18px;} .pc-navbar-m .control-icon:nth-child(3):before{width:14px;} .pc-navbar-m .control-icon{display:block;padding-top:3px;padding-bottom:3px;transition:all .4s ease} .pc-navbar-m .control-icon:before{content:'';display:block;height:2px;width:22px;background-color:#303233;border-top-right-radius:2px;border-bottom-left-radius:2px;transition:transform .4s ease .2s,background-color .5s ease 0s} /*navbar-shopingbag header-opened*/ .pc-navbar-m.header-opened a.navbar-shopingbag{opacity:0;visibility:hidden;transform:translateY(-50px)} .pc-navbar-m.shopping-opened a.navbar-shopingbag{transition:none} .pc-navbar-m.shopping-opened a.navbar-shopingbag .shopingbag-icon{transition:all .3s;opacity:0} .pc-navbar-m.shopping-opened a.navbar-shopingbag:after,.pc-navbar-m.shopping-opened a.navbar-shopingbag:before{transition:all .4s ease .35s;opacity:1} /*navbar-shopingbag*/ .pc-navbar-m a.navbar-shopingbag:after, .pc-navbar-m a.navbar-shopingbag:before{content:'';display:block;height:2px;width:22px;background-color:#303233;border-top-right-radius:2px;border-bottom-left-radius:2px;transition:transform .4s ease .2s,background-color .5s ease 0s} .pc-navbar-m a.navbar-shopingbag:after, .pc-navbar-m a.navbar-shopingbag:before{position:absolute;top:50%;left:0;opacity:0;transition:all .4s ease} .pc-navbar-m a.navbar-shopingbag{position:relative;display:inline-block;float:right;margin-top:20px;vertical-align:middle;transition:all .4s ease} .pc-navbar-m a.navbar-shopingbag:before{transform:rotate(45deg)} .pc-navbar-m a.navbar-shopingbag:after{transform:rotate(-45deg)} .pc-navbar-m a.navbar-shopingbag span.shopingbag-icon{position:relative;display:block;width:22px;height:22px;background-size:22px 22px;background-position:center center;background-image:url(../images/m-search.png);transition:all .4s ease .2s} .pc-navbar-m a.navbar-shopingbag span.shopingbag-icon.full{background-image:url(../images/shoppingbag-icon.png)} /*logo*/ .pc-navbar-m .navbar-logo{display:inline-block;width:71px;margin:0 auto;padding:7px 0;vertical-align:middle} .pc-navbar-m a.navbar-dji-icon{display:block;width:75px;height:52px;background-size:100%;background-repeat: no-repeat;background-position:center center;background-image:url(../images/logo.png)} /*erji*/ .pc-navbar-m .navbar-content{position:absolute;top:66px;bottom:0;width:100%;background-color:#fff;opacity:0;transition:all .4s;visibility:hidden;overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch;z-index:100} .pc-navbar-m a.navbar-group-head{position:relative;right:0;display:block;padding:23px 20px 22px;font-size:16px;color:#303233;overflow:hidden;z-index:700;transition:all .4s} .pc-navbar-m a.navbar-group-head h4{font-size:16px;line-height:20px;font-weight: normal;} .pc-navbar-m a.navbar-group-head:before{position:absolute;left:20px;top:0;content:'';display:block;width:100%;height:1px;background-color:#f2f2f2} .pc-navbar-m a.navbar-group-head span.navbar-arrow-right{position:absolute;right:20px;top:50%;margin-top:-5px} .pc-navbar-m .navbar-group:first-child a.navbar-group-head,.pc-navbar-m ul.navbr-menu li:first-child a.navbar-menu-item{padding-top:22px} .pc-navbar-m .navbar-group:first-child a.navbar-group-head:before,.pc-navbar-m ul.navbr-menu li:first-child a.navbar-menu-item:before{display:none} .pc-navbar-m .navbar-language-group a.navbar-group-head{border-top:1px solid #dae1e6;padding-left:44px;padding-top:22px} .pc-navbar-m .navbar-language-group a.navbar-group-head h4{font-weight:400} .pc-navbar-m .navbar-language-group span.navbar-language-icon,.pc-navbar-m .navbr-pill-menu span.navbar-pill-icon{position:absolute;left:20px;top:50%;margin-top:-8px} .pc-navbar-m span.navbar-arrow-right{display:block;width:6px;height:10px;background-size:cover;background-position:center center;background-image:url(../images/nav-arrow-right.svg)} /*sanji*/ .pc-navbar-m .navbr-group-menu{position:fixed;width:100%;background-color:#fff;top:66px;transition:left .4s;left:100%;z-index:800} .pc-navbar-m .navbr-group-menu ul{transition:all .4s;opacity:0} .pc-navbar-m .navbr-group-menu a.menu-back{position:relative;display:block;padding:20px;font-size:16px;color:#1f3650;background-color:#ebeff2;transition:all .4s;opacity:0;font-weight: normal;} .pc-navbar-m .navbr-group-menu a.menu-back span,.pc-navbar-m .shopping-content a.navbar-store-link span{display:inline-block;vertical-align:middle} .pc-navbar-m .navbr-group-menu a.menu-back span.navbar-arrow-right{margin-right:8px;transform:rotate(180deg)} .pc-navbar-m .navbar-group-active .navbr-group-menu{position:absolute;left:0;top:0} .pc-navbar-m .navbar-group-active .navbr-group-menu a.menu-back,.pc-navbar-m .navbar-group-active .navbr-group-menu ul{opacity:1} .pc-navbar-m a.navbar-menu-item{position:relative;display:block;width:100%;padding:23px 20px 22px;font-size:16px;line-height:20px;color:#303233;overflow:hidden;font-weight: normal;} .pc-navbar-m a.navbar-menu-item:before{position:absolute;left:20px;right:20px;top:0;content:'';display:block;width:auto;height:1px;background-color:#f2f2f2} /*shiji*/ .pc-navbar-m .navbr-pill-menu{border-top:solid 1px #dae1e6} .pc-navbar-m .navbr-pill-menu a.navbar-menu-item{padding-left:44px;font-weight:400} .pc-navbar-m .navbr-pill-menu span.navbar-pill-icon.pill-icon-explore_more{margin-top:-6px} /*m-search*/ .pc-navbar-m.shopping-opened .shopping-content{opacity:1;visibility:visible;z-index:200} .pc-navbar-m .shopping-content{position:absolute;top:66px;bottom:0;width:100%;background-color:#fff;opacity:0;visibility:hidden;transition:all .4s;overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch;z-index:100} .pc-navbar-m .shopping-content a.navbar-store-link{position:relative;display:block;padding:20px;font-size:16px;font-weight: normal;color:#1f3650;background-color:#ebeff2;transition:all .4s} .pc-navbar-m .shopping-content a.navbar-store-link span.navbar-arrow-right{margin-left:8px;background-image:url(../images/nav-arrow-right-black.svg)} .pc-navbar-m .shopping-content .m-search{padding: 15px;position: relative;} .pc-navbar-m .shopping-content .m-search form{border: 1px solid #f2f2f2;} .pc-navbar-m .shopping-content .m-search input[type=text]{display: block;margin: 0 auto;width:100%;font-size:16px;color: #333333;line-height:50px;font-weight: 300;text-align:left;background-color: transparent;padding:0 3%;} .pc-navbar-m .shopping-content .m-search input[type=submit]{position: absolute;right: 15px;top: 50%;transform: translateY(-50%);background-repeat: no-repeat;background-position: center;background-image: url('../images/m-search2.png'); font-size:0; width:50px; height:50px; background-size:20px;} /*header-closed*/ .pc-navbar-m .navbar-container{transition: all .5s ease 0s;height:76px} .pc-navbar-m a.navbar-dji-icon,body .pc-navbar-m a.navbar-shopingbag span.shopingbag-icon{transition: all .5s ease 0s} .pc-navbar-m a.navbar-shopingbag:after,body .pc-navbar-m a.navbar-shopingbag:before{transition: all .1s ease} .pc-navbar-m.header-closed{background-color: transparent} .pc-navbar-m.header-closed a.navbar-dji-icon{background-image: url(../images/logo.png)} .pc-navbar-m.header-closed a.navbar-shopingbag span.shopingbag-icon{background-image: url(../images/m-search2.png)} .pc-navbar-m.header-closed .navbar-control .control-icon:before{background-color: #1f3650} .pc-navbar-m.sticky-nav .navbar-container{height:66px;background-color: #fff; border-bottom: 1px solid #f2f2f2;} .pc-navbar-m.sticky-nav a.navbar-shopingbag span.shopingbag-icon{background-image: url(../images/m-search.png)} .pc-navbar-m.sticky-nav .navbar-control .control-icon:before{background-color: #303233} } /*footer*/ .footer {margin-top:-73px; position:relative; z-index:2;} /*bottom-logo*/ .footer .bottom-logo{background:url(../images/bottom-logo.png) no-repeat center top;} /*footer-nav*/ .footer .footer-nav{min-height:44px;font-size:12px;width:100%;height:auto;padding:43px 0 16px 0;background:#1f3650;} .footer .footer-nav .left{float:left;font-size:12px;line-height:26px;color:#5d6371;} .footer .footer-nav .left .ul2{height:auto;float:left;font-size:0;text-align:left;margin-right:15px;} .footer .footer-nav .left .ul2 .ulB{ display:inline-block;*display:inline;zoom:1;width:200px;vertical-align:top;padding-top:7px;padding-bottom:24px;} .footer .footer-nav .left .ul2 .t2{display:block;line-height:0;padding:0;margin:0;} .footer .footer-nav .t1{font-size:14px;margin-bottom:10px;color:#ffffff; text-transform:uppercase;} .footer .footer-nav .t1 a{display:inline-block;color:#ffffff;} .footer .footer-nav .t2{font-size:12px;} .footer .footer-nav .t2 a{font-size:12px;display: inline-block;overflow:hidden;line-height:30px;color:#7c8b9c; position:relative; overflow:hidden;} .footer .footer-nav .t2 a:hover, .footer .footer-nav .t1 a:hover{color:#fff} .footer .footer-nav .right{float:right;font-size:12px;line-height:30px;color:#fff; width:195px;} .footer .footer-nav .right .bottom-link{padding-top:37px;} .footer .footer-nav .right .bottom-tianmao a, .footer .footer-nav .right .bottom-login a{display:block;color:#fff;font-size:14px;line-height:40px;text-align:center;margin-bottom:9px;border:1px solid #4c5e73;border-radius:40px;} .footer .footer-nav .right .bottom-tianmao a:hover, .footer .footer-nav .right .bottom-login a:hover{background:#b60005;boder-color:#b60005;} .footer .footer-nav .right .bottom-tianmao a span{padding-left:32px;background:url(../images/bottom-icon3.png) left center no-repeat; background-size:24px;} .footer .footer-nav .right .bottom-login a span{padding-left:32px;background:url(../images/bottom-icon1.png) left center no-repeat; background-size:24px;} .m-footer-nav{ display:none;} /*bq*/ .footer .bq{width:100%;font-size:12px;line-height:30px;color:#97aabf;position:relative;text-align:center; background:#1f3650;padding-top:30px;} .footer .bq .w1200{padding:60px 0;border-top:1px solid #44576d;} .footer .bq a{color:#97aabf;} .footer .bq a:hover{color:#fff} .footer .bq .beian{width:50%; text-align:right; float:left;} .footer .bq .bqname{width:50%; text-align:left; float:left;} /*detail-share*/ .detail-share{line-height:0;margin-top:26px;font-size:0; text-align:center;margin-bottom:15px;} .detail-share a{ display:inline-block;*display:inline;zoom:1;margin:0 9px;font-size:0; } .detail-share img{ vertical-align: top; } .detail-share .img2{display: none;} .detail-share a {color:#333; position:relative;} .detail-share .ewm{position:absolute;bottom:30px;left:50%;display:none; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%);} .detail-share .ewm img{width:100px!important; height:100px!important;max-width:none;} /*m-footer-toplink*/ .m-footer-toplink{display:none;padding: 14px 20px;font-size:16px;line-height: 20px;color: #b9c8d8;text-align: center;border-bottom:1px solid #354961;background:#1f3650; text-transform:uppercase;} .m-footer-toplink span{opacity: .8;display: inline-block;vertical-align: middle} .m-footer-toplink span.footer-arrow-top{position: relative;display: inline-block;height: 10px;width: 14px;margin-left: 5px} .m-footer-toplink span.footer-arrow-top:after,.footer span.footer-arrow-top:before{position:absolute;top:4px;content: '';display: block;width: 9px;height: 2px;background-color: #f2f2f2} .m-footer-toplink span.footer-arrow-top:before{transform: rotate(-45deg);left: 0;border-bottom-left-radius: 2px} .m-footer-toplink span.footer-arrow-top:after{transform: rotate(45deg);right: 0;border-bottom-right-radius: 2px} /*.m-bottom-lx*/ .m-bottom-lx{display:none;color:#97aabf; line-height:24px; font-size:13px; text-align:center;background:#1f3650;} .m-bottom-lx .m-bottom-link{padding-top:37px;padding-bottom:37px; font-size:0; line-height:0;} .m-bottom-lx .bottom-tianmao,.m-bottom-lx .bottom-login,.m-bottom-lx .bottom-VR{ display:inline-block;*display:inline;zoom:1;} .m-bottom-lx .m-bottom-link a{display:inline-block;color:#fff;font-size:14px;line-height:30px;text-align:center;margin-bottom:9px;border:1px solid #4c5e73;border-radius:10px;padding:15px 25px;margin:0 10px;} .m-bottom-lx .m-bottom-link span{display:block;} .m-bottom-lx .m-bottom-link img{ max-width:100%; height:auto;} @media screen and (max-width: 1150px) { .footer .footer-nav .left .ul2 .ulB{width:150px;} } @media screen and (max-width: 960px) { .footer .w1200{width:auto!important;padding-left:20px!important;padding-right:20px!important} .footer .footer-nav .left .ul2 .ulB{width:100px;} .footer .bq .w1200{padding:30px 0;width:92%!important;padding-left:0!important;padding-right:0!important;max-width:100%!important;} } @media screen and (max-width:1600px) { .footer .bq{ line-height:20px;padding-top:20px;} .footer .bq .w1200{padding:15px 0;} .footer .bq .bei{display: block;} .footer .bottom-logo{padding-top:3vw;background:url(../images/m-bottom-top.png) no-repeat center top; background-size:100%;} .footer .footer-nav{padding:23px 0 0 0;} .footer .footer-nav .w1200{ width:100%;max-width:100%!important;padding-left:0!important;padding-right:0!important} .footer .footer-nav .left{ float:none;} .footer .footer-nav .left .ul2{margin-right:0; width:100%;} .footer .footer-nav .left .listB{ display:none; width:100%;} .footer .footer-nav .left .ul2 .ulB{ display:block;width:100%;padding-top:15px;padding-bottom:15px;} .footer .footer-nav .t1{margin-bottom:0;font-size:16px;} .footer .footer-nav .t1 a{background:url(../images/v2.png) right center no-repeat; background-size:15px;line-height:20px;box-sizing: border-box;padding:15px 0;margin:0 25px; position:relative;} .footer .footer-nav .t1 a:after { display: block;content: '';position: absolute;bottom: 0;left:0;right:0;height: 1px;width: auto;background-color: #4a5d73;opacity: .5} .footer .footer-nav .t1 a,.footer .footer-nav .t2 a{ display:block;} .footer .footer-nav .t2 a{padding: 5px 30px;color:#b3bcc7;font-size:15px;} .footer .footer-nav .ulB{background-color: #4a5d73;margin-top:-1px;} .footer .footer-nav, .footer .footer-nav .right, .detail-share{ display:none;} .m-bottom-lx{display: block;} .footer .footer-nav.m-footer-nav, .m-footer-toplink{ display: block;} } @media screen and (max-width:768px) { .footer .footer-nav .t1 a{margin:0 20px;} } @media screen and (max-width:640px) { .m-bottom-lx .m-bottom-link{padding-top:6vw;padding-bottom:6vw;} .m-bottom-lx .m-bottom-link a{font-size:12px;border-radius:5vw;padding:3vw 5vw;} .m-bottom-lx .m-bottom-link img{ width:10vw; height:auto;max-width:65px;} } @media screen and (max-width:350px) { .m-bottom-lx .m-bottom-link a{font-size:12px;border-radius:3vw;padding:3vw 4vw;} } @media screen and (max-width:330px) { .m-bottom-lx .m-bottom-link a{margin: 0 5px;} } /*index-frlink*/ .footer-link{ background:#1f3650;} .index-frlink{padding-top:5px; padding-bottom:5px; min-height:30px;} .index-frlink .index-frlinkCon{padding-left:95px; position:relative;} .index-frlink .index-frlinkCon.index-frlinkCon2{padding-left:110px;} .index-frlink .index-frlinkCon a{font-size:12px;color:#7c8b9c;line-height:30px;margin:0 5px; display:inline-block;} .index-frlink .index-frlinkCon a:hover{color:#fff;} .index-frlink .title{position:absolute; top:0; left:0;} .index-frlink .title .tt{display:inline-block;margin:0;padding:0;font-size:14px; color:#fff;line-height:30px;text-transform:uppercase;padding-right:24px;background:url(../images/bottom-line.png) right center no-repeat;} .footer-link .t1{ display:none;} @media screen and (max-width:768px){ .index-frlink .index-frlinkCon{padding-left:90px;} .index-frlink .index-frlinkCon a{font-size:14px;margin:0 5px;} .index-frlink .title .tt{ font-size:14px;} .footer-link .footer-linkB{/*max-width:750px;*/ margin:0 auto;} .footer-link .t1{ display: block;} .footer-link .t1 a{ display: block;background:url(../images/v2.png) right center no-repeat; background-size:15px;line-height:20px;box-sizing: border-box;padding:18px 0;margin:0 auto; position:relative;color: #fff;} .footer-link .t1 a:after { display: block;content: '';position: absolute;bottom: 0;left:0;right:0;height: 1px;width: auto;background-color: #4a5d73;opacity: .5} .footer-link .footer-linkBox{ display:none;} .index-frlink .index-frlinkCon{padding-left:0;} .index-frlink .index-frlinkCon.index-frlinkCon2{padding-left:0;} .index-frlink .title{position: static;} .index-frlink .title .tt{display:block;} .footer .index-frlink .w1200{width:92%!important;padding-left:0!important;padding-right:0!important; max-width:100%!important;} } @media screen and (max-width:768px) { .footer-link .t1 a{margin:0 20px;} } /*banner*/ body .swiper-container{overflow: hidden;} .banner .banner-container{background:#fff;} .banner-container .swiper-slide img{width: 100%; height:auto; object-fit: cover;} .banner-container .swiper-banner-pagination{ bottom:20px;} .banner-container .swiper-banner-pagination span{width:10px;height:10px;border:1px solid #fff;opacity:1;float:none;margin-left: 10px;border-radius:10px;filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#4C000000', endColorstr='#4C000000');background:rgba(0,0,0,0.3);transition: width .3s linear;cursor: pointer;} .banner-container .swiper-banner-pagination span.swiper-pagination-bullet-active{background:#fff;width: 26px;} .banner-container .control-btn {position: absolute;height: 128px;width: 64px;background-color: rgba(194,200,204,.5);top: 50%;margin-top: -64px;z-index: 400;transition: all .4s;cursor: pointer;opacity:0;} .banner-container .swiper-control:hover .control-btn{opacity: 1} .banner-container .swiper-control{position: absolute;top: 0;z-index: 300;width:20%;height:100%} .banner-container .swiper-control.swiper-arrow-left{left:0;} .banner-container .swiper-control.swiper-arrow-right{right:0;} .banner-container .swiper-banner-prev{background-size:12px;left:0; background-repeat:no-repeat;background-image:url(../images/banner-left.png); background-position:40% center;border-top-right-radius: 64px;border-bottom-right-radius: 64px;} .banner-container .swiper-banner-next{background-size:12px;right:0;background-repeat:no-repeat;background-image:url(../images/banner-right.png); background-position:60% center;border-top-left-radius: 64px;border-bottom-left-radius: 64px;} /*mbanner*/ .mbanner{display:none;} .m-container .swiper-slide img{width: 100%; height:auto; object-fit: cover;} @media screen and (max-width:768px) { .banner{display:none;} .mbanner{display:block;} .m-container .mbanner-pagination span{width:5px;height:5px;border:1px solid #fff;opacity:1;margin-left: 10px;border-radius:5px;transition: width .3s linear;cursor: pointer;transition: width .3s linear;} .m-container .mbanner-pagination span.swiper-pagination-bullet-active{background:#fff;width:9px;} } /*index-button*/ .index-button{ position:relative;margin:0 auto; height:64px; text-align:center;margin-top:-64px; z-index:2;} .index-button a{ display:inline-block;} /*titleBox*/ .titleBox{color:#000000;line-height:30px;margin-bottom:42px;text-transform:none;text-align:center; color:#1f3650;} .titleBox .en{font-family:'Cremona', Arial, Helvetica, sans-serif;font-size:70px; line-height:normal;} .titleBox .cn{font-size:26px;} @media screen and (max-width:1024px) { .titleBox .en{font-size:60px;} .titleBox .cn{font-size:24px;} } @media screen and (max-width:768px){ .titleBox .en{font-size:50px;} .titleBox .cn{font-size:22px;} } @media screen and (max-width:640px){ .titleBox {margin-bottom:35px;} .titleBox .en{font-size:9rem;} } /*more*/ .btn-view a{display:inline-block;color:#b60005;font-size:12px; width:96px;line-height:48px;border-radius:48px;background:#fff;margin-top:15px;position:relative;-o-transition: all .3s ease-in-out;-ms-transition: all .3s ease-in-out;-moz-transition: all .3s ease-in-out;-webkit-transition: all .3s ease-in-out;transition: all .3s ease-in-out;font-family:Arial, Helvetica, sans-serif; text-transform:uppercase;border:1px solid #b60005; overflow:hidden;} .btn-view a::before{content: ' ';position: absolute;bottom: -100%;left: 0;width: 100%;height: 100%;transition: bottom 0.3s ease;background-color: #e60606;} .btn-view a:hover::before{ bottom:0;} .btn-view a span{position: relative;vertical-align: middle;} .btn-view a:hover{ color:#fff;} .btn-view1 a{display:inline-block;color:#b60005;font-size:12px;line-height:20px;margin-top:15px;position:relative;-o-transition: all .3s ease-in-out;-ms-transition: all .3s ease-in-out;-moz-transition: all .3s ease-in-out;-webkit-transition: all .3s ease-in-out;transition: all .3s ease-in-out;font-family:Arial, Helvetica, sans-serif; text-transform:uppercase;} .btn-view1 a:hover{ color:#fff;background:#e60606;} /*indexAbout*/ .indexAbout{width:100%;overflow:hidden;padding-top:150px;padding-bottom:155px;background:url(../images/index-abline.png) center center repeat-y #fff; min-height:285px; background-size:100%;} .indexAbout .aboutBox .aboutNr{text-align:center;} .indexAbout .aboutBox .aboutTit{margin-bottom:42px;padding-bottom:35px;} .indexAbout .aboutBox .aboutInfo{font-size:15px;color:#464646; line-height:36px;text-align:left; max-width:565px; margin: 0 auto;} .indexAbout .aboutBox .aboutBtn{padding-top:30px;} @media screen and (max-width:1230px) { .indexAbout .aboutBox .aboutNr{padding:0 50px;} .indexAbout .aboutBox .aboutInfo{font-size:14px;} } @media screen and (max-width:1024px) { .indexAbout .aboutBox .aboutNr{padding:0 30px;} } @media screen and (max-width:768px) { .indexAbout{padding-top:100px;padding-bottom:100px;} .indexAbout .aboutBox .aboutNr{padding:0 20px;} .indexAbout .aboutBox .aboutTit{margin-bottom:30px;padding-bottom:20px;} } /*indexPro*/ .indexPro{width:100%;overflow:hidden;position:relative;} .indexPro .indexProbanner{ width:100%;} .indexPro .indexPro-banner .swiper-slide{ position:relative;} .indexPro .indexPro-banner .swiper-slide img{width: 100%; height:auto; object-fit: cover; display:block;} .indexPro .indexPro-banner .swiper-indexPro-pagination{ width:48%;bottom:20px;text-align:right;} .indexPro .indexPro-banner .swiper-indexPro-pagination span{width:6px;height:6px;border:2px solid #fff;opacity:1;margin-left:9px;border-radius:5px;transition: width .3s linear;cursor: pointer;transition: width .3s linear; background:none;} .indexPro .indexPro-banner .swiper-indexPro-pagination span.swiper-pagination-bullet-active{background:#fff;} .indexPro .indexPro-banner .swiper-slide .img{width:100%;height:800px;background-color:#dbe3e0; position:relative;background-position:center top; background-repeat:no-repeat; text-align:right;} .indexPro .indexPro-banner .iteminfo{ position:absolute; top:0;left:0;right:0;bottom:0; text-align:right;} .indexPro .indexPro-banner .w1600{ position:relative;} .indexPro .indexPro-banner .item{ display:inline-block; text-align:center;padding-top:9.375%;padding-right:7.8%;transform: translate(0, 20px);opacity:0;} .indexPro .indexPro-banner .swiper-slide.swiper-slide-active .item{/*transition: opacity 0.8s, transform 0.8s;transform: translate(0, 0);opacity: 1;*/transition: opacity 0.5s 0.7s, transform 0.5s 0.7s;transform: translate(0, 0);opacity: 1;} .indexPro .indexPro-banner .item .t1{font-family:'Constantia', Arial, Helvetica, sans-serif;font-size:20px;color:#fff;line-height:normal;letter-spacing:10px;text-transform:uppercase;} .indexPro .indexPro-banner .item .t2{font-family:'Cremona', Arial, Helvetica, sans-serif;font-size:70px;color:#fff;line-height:normal;letter-spacing:10px;margin-top:10px;} .indexPro .indexPro-banner .item .t3{font-size:36px;color:#fff;line-height:normal;letter-spacing:0.2px;} .indexPro .indexPro-banner .item .t3 span{ display:inline-block;padding:0 135px;position:relative;} .indexPro .indexPro-banner .item .t3 span:after{ content:""; position:absolute; right:0; top:50%; width:110px;height:1px; background:#fff; filter:alpha(opacity=50); -moz-opacity:0.5; -khtml-opacity: 0.5; opacity: 0.5; } .indexPro .indexPro-banner .item .t3 span:before{ content:""; position:absolute; left:0; top:50%; width:110px;height:1px; background:#fff; filter:alpha(opacity=50); -moz-opacity:0.5; -khtml-opacity: 0.5; opacity: 0.5; } .indexPro .indexProBox{ width:50%; position:absolute; left:50%;bottom:0; z-index:2; background:#fff;border-top-left-radius:40px;overflow: hidden;} .indexPro .indexProBox .indexProNr{padding-left:47.125%;padding-top:12.5%;padding-bottom:10%;background:url(../images/index-pro-wzbg.jpg) left top no-repeat; background-size:47.125%;} .indexPro .indexProBox .indexProTit{font-size:26px;color:#1f3650;margin-bottom:14px;} .indexPro .indexProBox .indexProInfo{font-size:14px;color:#464646; line-height:30px; height:60px; overflow:hidden;} .indexPro .indexProBox .indexProBtn{padding-top:10px;} @media screen and (max-width:1720px) { .indexPro .indexProBox .indexProNr{padding-left:40%;padding-top:10%;padding-bottom:8%;background-size:40%;} } @media screen and (max-width:1600px) { .indexPro .indexProBox .indexProNr{padding-top:8%;padding-bottom:6%;} } @media screen and (max-width:1230px) { .indexPro .indexProBox .indexProTit{font-size:24px;} .indexPro .indexPro-banner .item .t1{font-size:18px;} .indexPro .indexPro-banner .item .t2{font-size:60px;} .indexPro .indexPro-banner .item .t3{font-size:24px;} } @media screen and (max-width:1150px) { .indexPro .indexPro-banner .item{padding-top:8.5%;padding-right:6.5%;} .indexPro .indexProBox .indexProTit{font-size:20px;} .indexPro .indexProBox .indexProBtn{padding-top:0;} .indexPro .indexProBox .indexProInfo{font-size:12px;line-height:24px; height:48px;} .indexPro .indexPro-banner .item .t1{font-size:16px;} .indexPro .indexPro-banner .item .t2{font-size:50px;} .indexPro .indexPro-banner .item .t3{font-size:20px;} } @media screen and (max-width:1025px) { .indexPro .indexPro-banner .item{padding-top:8%;padding-right:6%;} .indexPro .indexProBox .indexProNr{padding-left:30%;background-size:30%;} } @media screen and (max-width:960px){ .indexPro .indexPro-banner .item .t1{font-size:14px;} .indexPro .indexPro-banner .item .t2{font-size:40px;} .indexPro .indexPro-banner .item .t3{font-size:18px;} .indexPro .indexPro-banner .item .t3 span{padding:0 90px;} .indexPro .indexPro-banner .item .t3 span:after, .indexPro .indexPro-banner .item .t3 span:before{width:80px;} .indexPro .indexProBox .indexProTit{font-size:16px;} .indexPro .indexPro-banner .swiper-indexPro-pagination{bottom:10px;} } @media screen and (max-width:768px){ .indexPro{ display:none;} } /*m-indexPro*/ .m-indexPro{ display:none;} @media screen and (max-width:768px){ .m-indexPro{width:100%;overflow:hidden;background:#1f3650; position:relative; display:block;} .m-indexPro .indexProbanner{ width:100%;} .m-indexPro .indexPro-banner .swiper-slide{ position:relative;} .m-indexPro .indexPro-banner .swiper-slide img{width: 100%; height:auto; object-fit: cover; display:block;} .m-indexPro .indexPro-banner .swiper-indexPro-pagination{ width:100%;bottom:10px;} .m-indexPro .indexPro-banner .swiper-indexPro-pagination span{width:6px;height:6px;border:2px solid #fff;opacity:1;margin-left:9px;border-radius:5px;transition: width .3s linear;cursor: pointer;transition: width .3s linear; background:none;} .m-indexPro .indexPro-banner .swiper-indexPro-pagination span.swiper-pagination-bullet-active{background:#fff;} .m-indexPro .indexPro-banner .swiper-slide .img{width:100%;height:800px;background-color:#dbe3e0; position:relative;background-position:center top; background-repeat:no-repeat; text-align:right;} .m-indexPro .indexPro-banner .iteminfo{ position:absolute; top:0;left:0;right:0;bottom:0; text-align:right;} .m-indexPro .indexPro-banner .w1600{ position:relative;} .m-indexPro .indexPro-banner .item{text-align:center;padding-top:11%;} .m-indexPro .indexPro-banner .item .t1{font-family:'Constantia', Arial, Helvetica, sans-serif;font-size:20px;color:#fff;line-height:normal;letter-spacing:10px;text-transform:uppercase;} .m-indexPro .indexPro-banner .item .t2{font-family:'Cremona', Arial, Helvetica, sans-serif;font-size:60px;color:#fff;line-height:normal;letter-spacing:10px;margin-top:10px;} .m-indexPro .indexPro-banner .item .t3{font-size:36px;color:#fff;line-height:normal;letter-spacing:0.2px;} .m-indexPro .indexPro-banner .item .t3 span{ display:inline-block;padding:0 135px;position:relative;} .m-indexPro .indexPro-banner .item .t3 span:after{ content:""; position:absolute; right:0; top:50%; width:110px;height:1px; background:#fff; filter:alpha(opacity=50); -moz-opacity:0.5; -khtml-opacity: 0.5; opacity: 0.5; } .m-indexPro .indexPro-banner .item .t3 span:before{ content:""; position:absolute; left:0; top:50%; width:110px;height:1px; background:#fff; filter:alpha(opacity=50); -moz-opacity:0.5; -khtml-opacity: 0.5; opacity: 0.5; } .m-indexPro .indexPro-banner .item .t4{font-family:'Cremona', Arial, Helvetica, sans-serif;font-size:22px;color:#fff;line-height:normal;margin-top:10px;} } @media screen and (max-width:640px){ .m-indexPro .indexPro-banner .item .t1{font-size:16px;} .m-indexPro .indexPro-banner .item .t2{font-size:9rem;margin-top:5px;} .m-indexPro .indexPro-banner .item .t3{font-size:5.3rem;} .m-indexPro .indexPro-banner .item .t3 span{padding:0 20.3125vw;} .m-indexPro .indexPro-banner .item .t3 span:after, .m-indexPro .indexPro-banner .item .t3 span:before{width:17.1875vw;} .m-indexPro .indexPro-banner .item .t4{font-size:16px;} } /*indexCase*/ .indexCase{width:100%;padding:50px 0;overflow:hidden;position:relative;background:url(../images/index-casebg.jpg) left center no-repeat #fff; background-size:100%;} .indexCase .titleBox .cn{font-size:20px;} .indexCase .indexCasebanner{ width:72%;padding-left:23%;} .indexCase .indexCase-banner .swiper-slide{ position:relative;} .indexCase .indexCase-banner .swiper-slide img{width: 100%; height:auto; object-fit: cover; display:block;} .indexCase .indexCase-banner .swiper-indexCase-pagination{ width:100%;bottom:20px;text-align:center;} .indexCase .indexCase-banner .swiper-indexCase-pagination span{width:6px;height:6px;border:2px solid #fff;opacity:1;margin-left:9px;border-radius:5px;transition: width .3s linear;cursor: pointer;transition: width .3s linear; background:none;} .indexCase .indexCase-banner .swiper-indexCase-pagination span.swiper-pagination-bullet-active{background:#fff;} .indexCase .indexCase-banner .swiper-slide .img{width:100%;height:800px;background-color:#dbe3e0; position:relative;background-position:center top; background-repeat:no-repeat; text-align:right;} .indexCase .indexCase-banner .iteminfo{display:none;} .indexCase .indexCaseBox{ width:36.5%; position:absolute;left:5.2%;top:50%;margin-top:-290px; height:580px; z-index:2; background:#fff;box-shadow: 0px 0px 57px 0px rgba(0, 0, 0, 0.09);} .indexCase .indexCaseBox .indexCaseNr{padding:130px 130px 130px 130px;} .indexCase .indexCaseBox .indexCaseTit{font-size:26px;color:#1f3650;margin-bottom:14px;} .indexCase .indexCaseBox .indexCaseInfo{font-size:14px;color:#464646; line-height:30px; height:60px; overflow:hidden;} .indexCase .indexCaseBox .indexCaseBtn{padding-top:10px; text-align:center;} @media screen and (max-width:1700px){ .indexCase .indexCaseBox{margin-top:-250px; height:500px;} .indexCase .indexCaseBox .indexCaseNr{padding:130px 130px 130px 130px;} } @media screen and (max-width:1600px){ .indexCase .indexCaseBox{margin-top:-207.5px; height:415px;} .indexCase .indexCaseBox .indexCaseNr{padding:100px 100px 100px 100px;} } @media screen and (max-width:1520px){ .indexCase .indexCaseBox{margin-top:-227.5px; height:455px;} .indexCase .indexCaseBox .indexCaseNr{padding:80px 80px;} } @media screen and (max-width:1300px){ .indexCase .indexCaseBox{margin-top:-177.5px; height:375px;} .indexCase .indexCaseBox .indexCaseNr{padding:70px 50px;} } @media screen and (max-width:1230px) { .indexCase .indexCaseBox{margin-top:-187.5px; height:355px;} .indexCase .indexCaseBox .indexCaseNr{padding:50px 50px;} .indexCase .indexCaseBox .indexCaseTit{font-size:24px;} } @media screen and (max-width:1150px) { .indexCase .indexCaseBox{margin-top:-187.5px; height:355px;} .indexCase .indexCaseBox .indexCaseNr{padding:50px 50px;} .indexCase .indexCaseBox .indexCaseTit{font-size:20px;} .indexCase .indexCaseBox .indexCaseBtn{padding-top:0;} .indexCase .indexCaseBox .indexCaseInfo{font-size:12px;line-height:24px; height:48px;} } @media screen and (max-width:1025px) { .indexCase .indexCaseBox{margin-top:-166.5px; height:333px;} .indexCase .indexCaseBox .indexCaseNr{padding:50px 50px;} } @media screen and (max-width:960px){ .indexCase .indexCaseBox{margin-top:-166.5px; height:333px;} .indexCase .indexCaseBox .indexCaseNr{padding:30px 30px;} .indexCase .indexCaseBox .indexCaseTit{font-size:16px;} .indexCase .indexCase-banner .swiper-indexCase-pagination{bottom:10px;} } @media screen and (max-width:850px){ .indexCase .indexCaseBox{margin-top:-140px; height:280px;} .indexCase .indexCaseBox .indexCaseNr{padding:40px 30px;} .indexCase .titleBox{margin-bottom:20px;} } @media screen and (max-width:768px){ .indexCase{padding:0px 0 50px 0;background:url(../images/m-index-casebg.jpg) center top no-repeat #f3f3f3; background-size:100%;} .indexCase .titleBox{margin-bottom:0px;} .indexCase .btn-view1 a{font-size:15px; color:#1f3650;} .indexCase .indexCaseBox{ width:100%; position: static;left:auto;top:auto;margin-top:0; height:auto;box-shadow:none; background:none;} .indexCase .indexCaseBox .indexCaseInfo{ display:none;} .indexCase .indexCasebanner{ width:94%;padding-left:0; margin:0 auto;} .indexCase .indexCase-banner .swiper-indexCase-pagination{ width:94%; bottom:0!important; top:46vw; height:30px; text-align:center;} .indexCase .indexCase-banner .iteminfo{ display:block; background:#fff;} .indexCase .indexCase-banner .item{ display:block; text-align:left;padding:30px 30px 20px 30px;} .indexCase .indexCase-banner .item .t1{font-size:20px;color:#000000;line-height:normal;} .indexCase .indexCase-banner .item .t2{font-size:14px; line-height:28px; height:56px; overflow:hidden;color:#909090;margin-top:10px;} .indexCase .indexCase-banner .item .t3{font-size:14px;color:#909090;line-height:28px;} .indexCase .indexCase-banner .item .t3 span{ display:inline-block;padding-left:24px;background:url(../images/s.png) left center no-repeat; background-size:17px;} } @media screen and (max-width:640px){ .indexCase .indexCase-banner .item .t1{font-size:18px;} /*.indexCase .indexCase-banner .item .t2{ display:none;} .indexCase .indexCase-banner .item .t3{display:none;}*/ } /*indexJoin*/ .indexJoin{width:100%;overflow:hidden;background:url(../images/index-join.jpg) center top no-repeat #d6dde6;height:410px; position:relative;} .indexJoin .joinBox .joinNr{text-align:center;} .indexJoin .joinBox .joinTitBig{width:50%; float:left;} .indexJoin .joinBox .joinTitBig .joinTitB{width:100%;display: table-cell; height:410px; vertical-align:middle; text-align:left;} .indexJoin .joinBox .joinTit{text-align:left; display:inline-block;margin-bottom: 0;} .indexJoin .joinBox .joinTit .more{font-size:18px; color:#1f3650; display:none;} .indexJoin .joinBox .titleBox .cn{font-size:20px; color:#4b6582;} .indexJoin .joinBox .joinInfo{width:50%; float:left;text-align:left;} .indexJoin .joinBox .joinInfo .joinInfoNr{padding-left:200px;padding-top:110px;} .indexJoin .joinBox .joinInfo .tit{ font-size:30px; color:#1f3650; font-weight:bold; line-height:normal;margin-bottom:10px;} .indexJoin .joinBox .joinInfo .wz{ font-size:26px; color:#1f3650;line-height:normal;margin-bottom:15px;} .indexJoin .joinBox .joinInfo .wz2{ font-size:16px; color:#1f3650;line-height:normal;font-family:'Cremona', Arial, Helvetica, sans-serif;} .indexJoin .join-ph{width:50%; display:block;text-align:left; position: absolute; bottom:0; left:50%; margin:0;} .indexJoin .join-ph .join-phNr{display:block;padding-left:50px;padding-top:50px; background:url(../images/index-join-wzbg2.jpg) center top repeat-y;margin-left:200px; height:100px;border-top-left-radius: 30px;} .indexJoin .join-ph .t1{display:block;font-size:16px; color:#fff;line-height:normal;margin-bottom:5px;} .indexJoin .join-ph .t2{display:block;font-size:28px; color:#fff;line-height:normal;font-family:'Cambria', Arial, Helvetica, sans-serif;} @media screen and (max-width:1300px) { .indexJoin .joinBox .joinInfo .joinInfoNr{padding-left:150px;} .indexJoin .join-ph .join-phNr{margin-left:150px;} } @media screen and (max-width:1230px) { .indexJoin .joinBox .joinInfo .joinInfoNr{padding-left:100px;} .indexJoin .join-ph .join-phNr{margin-left:100px;} } @media screen and (max-width:1150px) { .indexJoin .joinBox .joinInfo .joinInfoNr{padding-left:50px;} .indexJoin .join-ph .join-phNr{margin-left:50px;} } @media screen and (max-width:1024px) { .indexJoin .joinBox .joinInfo .joinInfoNr{padding-left:0px;} .indexJoin .join-ph .join-phNr{margin-left:0px;} .indexJoin .joinBox .titleBox .cn{font-size:18px;} .indexJoin .joinBox .joinInfo .tit{ font-size:26px;} .indexJoin .joinBox .joinInfo .wz{ font-size:24px;} .indexJoin .joinBox .joinInfo .wz2{ font-size:14px;} } @media screen and (max-width:768px) { .indexJoin{padding-top:86px;padding-bottom:90px;background:url(../images/m-index-joinbg.jpg) center top no-repeat #d6dde6; height:auto;} .indexJoin .joinBox .joinTitBig{width:100%; float:none;} .indexJoin .joinBox .joinTitBig .joinTitB{display: block; height:auto;text-align:center;} .indexJoin .joinBox .joinTit{text-align:center;margin-bottom:42px;} .indexJoin .joinBox .joinTit .more{font-size:14px; display:block;} .indexJoin .joinBox .joinInfo{width:100%; float:none; text-align:center;} .indexJoin .joinBox .joinInfo .joinInfoNr{padding-left:0;padding-top:56.640625vw;} .indexJoin .joinBox .joinInfo .tit{ font-size:30px;} .indexJoin .joinBox .joinInfo .wz{ font-size:26px;} .indexJoin .joinBox .joinInfo .wz2{ font-size:16px;} .indexJoin .join-ph{width:100%; display:block;text-align:center; position: static; bottom:0; left:auto; margin:0 auto;margin-top:60px;} .indexJoin .join-ph .join-phNr{background:#b60005;margin-left:0; height:auto;border-radius:60px; line-height:60px;display:inline-block;padding:0 35px;} .indexJoin .join-ph .t1{display:inline-block;font-size:20px;margin-bottom:0;} .indexJoin .join-ph .t2{display:inline-block;font-size:26px; font-weight:bold;font-family:Arial, Helvetica, sans-serif;} } @media screen and (max-width:640px) { .indexJoin{padding-top:13.4375vw;padding-bottom:14.0625vw;background-size:100%;} .indexJoin .join-ph{margin-top:9.375vw;} .indexJoin .join-ph .join-phNr{border-radius:9.375vw;line-height:9.375vw;padding:0 4vw;} .indexJoin .joinBox .joinInfo .tit{ font-size:24px;} .indexJoin .joinBox .joinInfo .wz{ font-size:20px;} .indexJoin .join-ph .t1{font-size:14px;} .indexJoin .join-ph .t2{font-size:18px;} } /*index-news*/ .indexNews{width:100%;overflow:hidden;padding-top:65px;padding-bottom:85px;background:url(../images/index-newsbg.jpg) center top repeat #fafafa; background-size:100%; min-height:560px; text-align:center;position:relative;} .indexNews .w1200{ position:relative;} .indexNews .newsTit .more{font-size:18px; color:#1f3650; display:none;} /*newsList*/ .index-newsBox .index-newsList{margin:0;padding:0;overflow:hidden;height:auto;font-size:0;line-height:normal;margin:0 -11.25px;margin-top:60px; position: static;} .index-newsBox .index-newsList .newsli{font-size:0;display:inline-block;*display:inline;zoom:1;margin:0;padding:0;overflow:hidden;list-style:none;width:33.33333%;position: relative;padding:18px 0; vertical-align:top;} .index-newsBox .index-newsList .newsli a{display:block;text-decoration:none; position:relative;padding:65px 30px 34px 30px; background:#fff; margin:0 11.25px;} .index-newsBox .index-newsList .newsli .listDate{font-size:12px;color:#ffffff;line-height:normal;text-align:center;background:#1f3650;position:absolute;top:-18px; left:30px;padding:18px 0 0 0; height:50px; width:68px;} .index-newsBox .index-newsList .newsli .listDate .year{font-size:14px;} .index-newsBox .index-newsList .newsli .listDate .year span{ display:none;} .index-newsBox .index-newsList .newsli .ImgBoxB{margin:0; position:relative; z-index:1;overflow:hidden;} .index-newsBox .index-newsList .newsli .ImgBox{width:100%;height:auto;overflow:hidden; line-height:0;} .index-newsBox .index-newsList .newsli .ImgBox img{max-width:100%; height:auto;} .index-newsBox .index-newsList .newsli .ImgBox img{-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;-ms-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;} .index-newsBox .index-newsList .newsli a:hover .ImgBox img{-moz-transform: scale(1); -webkit-transform: scale(1);transform: scale(1);} .index-newsBox .index-newsList .newsli .listTitle{padding:0 0 5px 20px;position:relative; background:#fff; text-align:left;border-bottom:1px solid #e5e1db;margin-bottom:30px;} .index-newsBox .index-newsList .newsli .listTitle:after{ content:""; position:absolute; left:0; top:15px; width:12px;height:3px; background:#cf202f;} .index-newsBox .index-newsList .newsli .listTitle .t{ display:block;font-size:16px;color:#000000;height:52px;line-height:26px;overflow: hidden;} .index-newsBox .index-newsList .newsli a{-webkit-box-shadow: 0px 0px 9px rgba(0,0,0,.1);-moz-box-shadow: 0px 0px 9px rgba(0,0,0,.1);box-shadow: 0px 0px 9px rgba(0,0,0,.1);} .index-newsBox .index-newsList .newsli a:hover .listTitle .t{ color:#cf202f;} .index-newsBox .index-newsList .news-prev,.index-newsBox .index-newsList .news-next{width:60px;height:60px;margin-top:-30px; z-index:6;-webkit-box-shadow: 0px 0px 9px rgba(0,0,0,.1);-moz-box-shadow: 0px 0px 9px rgba(0,0,0,.1);box-shadow: 0px 0px 9px rgba(0,0,0,.1);border-radius:50%; overflow:hidden;} .index-newsBox .index-newsList .news-prev{background:url(../images/index-left.png) no-repeat left top;left:-75px;} .index-newsBox .index-newsList .news-next{background:url(../images/index-right.png) no-repeat left top;right:-75px;} .index-newsBox .index-newsList .news-prev:hover{background-position:left bottom;} .index-newsBox .index-newsList .news-next:hover{background-position:right bottom;} @media screen and (max-width:1350px) { .index-newsBox{padding:0 75px; position:relative;} .index-newsBox .index-newsList .news-prev{left:0;} .index-newsBox .index-newsList .news-next{right:0;} } @media screen and (max-width:960px) { .index-newsBox .index-newsList .newsli{ width:50%;} } @media screen and (max-width:768px) { .indexNews .newsTit .more{font-size:14px; display:block;} .index-newsBox .index-newsList{margin:0;mmargin-top:40px;}.index-newsBox .index-newsList .swiper-wrapper{ display:block!important} .index-newsBox{padding:0; position:relative;} .index-newsBox .index-newsList .newsli{ width:100%;padding:0;margin-bottom:15px;} .index-newsBox .index-newsList .newsli a{padding:44px 24px 28px 224px; height:143px;margin:0;} .index-newsBox .index-newsList .newsli .listDate{font-size:20px;color:#1f3650;line-height:normal;text-align:left;background:none;position:static;top:auto; left:auto;padding:0; height:auto; width:100%;vertical-align:middle;} .index-newsBox .index-newsList .newsli .listDate .year{font-size:20px;display:inline-block; } .index-newsBox .index-newsList .newsli .listDate .year span{display:inline-block;} .index-newsBox .index-newsList .newsli .listTitle{padding:15px 0 0 0;border-bottom:none;margin-bottom:0;} .index-newsBox .index-newsList .newsli .listTitle:after{ display:none;} .index-newsBox .index-newsList .newsli .listTitle .t{font-size:20px;height:80px;line-height:40px; color:#3b4048;} .index-newsBox .index-newsList .newsli .ImgBoxB{ width:160px; height:160px; position:absolute; left:24px;top:28px;} .index-newsBox .index-newsList .newsli .ImgBoxB img{width:160px; height:160px;} .index-newsBox .index-newsList .news-prev, .index-newsBox .index-newsList .news-next{ display:none;} } @media screen and (max-width:640px) { .index-newsBox .index-newsList{margin-top:40px;} .index-newsBox .index-newsList .newsli a{padding:9.875vw 3.75vw 4.375vw 35vw; height:22.34375vw;} .index-newsBox .index-newsList .newsli .ImgBoxB{ width:25vw; height:25vw; position:absolute; left:3.75vw;top:6.875vw;} .index-newsBox .index-newsList .newsli .ImgBoxB img{width:25vw; height:25vw;} .index-newsBox .index-newsList .newsli .listDate{font-size:14px;} .index-newsBox .index-newsList .newsli .listDate .year{font-size:14px;} .index-newsBox .index-newsList .newsli .listTitle .t{font-size:15px;height:52px;line-height:26px;} .index-newsBox .index-newsList .newsli .listTitle{padding:2.34375vw 0 0 0;} } /*page style start*/ /*pageBanner*/ .pageBanner-img{max-height:530px;padding-top:200px!important;padding-bottom:200px!important;background-position: center;background-size: cover; background-repeat:no-repeat;} @media only screen and (max-width: 1390px){ .pageBanner-img{ max-height:500px;padding-top:150px!important;padding-bottom:150px!important;} } @media only screen and (max-width: 1239px){ .pageBanner-img{ max-height:40vw;padding-top:20vw!important;padding-bottom:20vw!important;} } /*PageNav*/ .PageNav {margin:0 20px;text-align: center;display:block;margin-bottom:20px;margin-top:0px;} .PageNav .w1200{padding:30px 0 20px 0;position:relative;-webkit-box-shadow: 0px 0px 9px rgba(0,0,0,.1);-moz-box-shadow: 0px 0px 9px rgba(0,0,0,.1);box-shadow: 0px 0px 9px rgba(0,0,0,.1); background:#fff;} .PageNav ul{margin:0 auto; font-size:0;} .PageNav li {list-style:none;display:inline-block;*display:inline; zoom:1;text-align: center;} .PageNav li a {display:inline-block;line-height:35px;font-size:13px; color:#464646;padding:0 17px;margin:0 8px;margin-bottom:10px;position:relative;border-radius:35px;border:1px solid #d2d2d2; text-align:center;} .PageNav li a:hover,.PageNav li.on a{color:#fff; background:#b60005; border-color:#b60005;} .PageNav .Navtit{ display:none;} @media screen and (max-width:768px) { .PageNav{margin-bottom:0;/*padding: 10px 0 10px 0;*/margin-top:0;border-bottom: 1px solid #eeeeee;} .PageNav .w1200{ width:100%;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;padding-left:0%!important;padding-right:0%!important} .PageNav ul{ display: block;background:#fff} .PageNav li{text-align:left;} .PageNav li a {line-height:30px;font-size:14px; text-align:left;padding: 5px 10px;} .PageNav .Navtit {line-height: normal;padding: 10px 20px;position: relative;text-transform: uppercase;font-size: 16px;letter-spacing: 1px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;-webkit-transition: background .15s;-moz-transition: background .15s;-ms-transition: background .15s;-o-transition: background .15s;transition: background .15s;text-align: center;ddisplay:none;width: 100%;color: #fff;background: #666666;} .PageNav .Navtit span {position: relative;z-index: 1;-webkit-transition: color .25s;-moz-transition: color .25s;-ms-transition: color .25s;-o-transition: color .25s;transition: color .25s;color: inherit;text-align: left;} .PageNav .Navtit:after {content: "";display: block;position: absolute;top: 18px;right: 20px;width: 0;height: 0;border-style: solid;border-width: 6px 4px 0 4px;border-color: #fff transparent transparent transparent;} .PageNav .Navtit span {display: block;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;} .PageNav ul li.on a:before,.PageNav ul li.on a:after{ display:none;} .PageNav li:hover a:after,.PageNav li.on a:after{ width:0;} } /*pageInfo*/ .page{ background:#fff;} .pageInfo{ color:#464646; font-size:15px; line-height:30px; min-height:100px; background:#fff;} .pageInfo img{ max-width:100%; height:auto;} .pageInfo a{ color:#0073c6;} .pagetit{font-size: 28px;color:#1f3650; font-weight:bold;padding-top:10px;padding-bottom:15px; vertical-align:middle;} .pagetit .en{font-size:16px;color:#b60005;font-weight:300;font-family: 'Constantia', Arial, Helvetica, sans-serif;} .pagetit2{font-size:20px;color:#0073c6;text-align:center;padding-top:10px;padding-bottom:15px;text-transform:uppercase;} .btn-view2{ text-align:center;margin-top:50px;} .btn-view2 a{margin:0 auto;line-height:47px;height:47px;display:inline-block;color:#ffffff;font-size:14px;padding:0 30px; width:67px;border-radius:47px;background:url(../images/more-ss.png) 90% center no-repeat #000;-o-transition: all .3s ease-in-out;-ms-transition: all .3s ease-in-out;-moz-transition: all .3s ease-in-out;-webkit-transition: all .3s ease-in-out;transition: all .3s ease-in-out; text-align:left; } .btn-view2 a:hover{ background-color:#cf202f;-webkit-transform: translateY(-5px);-moz-transform:translateY(-5px);-ms-transform: translateY(-5px);-o-transform: translateY(-5px);transform: translateY(-5px);} @media screen and (max-width:1024px) { .page{padding-top:66px;} .pagetit{font-size:28px;} } @media screen and (max-width:768px) { .pagetit{font-size:24px;} } .pageBox .pageBoxCon{padding-top:75px;padding-bottom:75px;} /*pageBox1*/ .pageBox{padding-top:55px;padding-bottom:75px;} .pageBox .pageBoxCon{padding-top:0px;padding-bottom:0px;} @media screen and (max-width:768px) { .pageTable td{ width:94%!important;padding:3% 3%!important; display:block;} } /*pageTable1*/ .pageTable1{ position:relative;} .pageTable1 .wz{width:583px;padding:70px 100px;-webkit-box-shadow: 0px 0px 9px rgba(0,0,0,.1);-moz-box-shadow: 0px 0px 9px rgba(0,0,0,.1);box-shadow: 0px 0px 9px rgba(0,0,0,.1);margin-left:415px;border-radius:50px; overflow:hidden;border:1px solid #efefef;} .pageTable1 .tu{ width:440px; height:450px; margin-top:-225px; top:50%; position:absolute; left:0;} @media screen and (max-width:1230px) { .pageTable1 .wz{padding:70px 50px;} } @media screen and (max-width:1150px) { .pageTable1 .wz{ width:483px;} } @media screen and (max-width:1024px) { .pageTable1 .wz{ width:453px;padding:30px 50px;margin-left:385px;} .pageTable1 .tu{ width:400px;height:410px; margin-top:-205px;} } @media screen and (max-width:960px) { .pageTable1 .wz{ width:403px;padding:30px 30px;margin-left:285px;} .pageTable1 .tu{ width:300px;height:310px; margin-top:-155px;} } @media screen and (max-width:768px) { .pageTable1 .wz{ width:auto;padding:50px 30px;margin-left:0;border-radius:30px;} .pageTable1 .tu{ width:auto;height:auto; margin-top:0; position:static; top:auto; margin:0 auto; text-align:center; max-width:100%;margin-bottom:-30px;} } /*pageTable2*/ .pageTable2{ position:relative;margin-top:60px;} .pageTable2 .wz{background:#fff; width:585px;padding:70px 100px;-webkit-box-shadow: 0px 0px 9px rgba(0,0,0,.1);-moz-box-shadow: 0px 0px 9px rgba(0,0,0,.1);box-shadow: 0px 0px 9px rgba(0,0,0,.1);margin-right:415px;border-radius:50px; overflow:hidden} .pageTable2 .tu{ width:440px; height:450px; margin-top:-225px; top:50%; position:absolute; right:0;} @media screen and (max-width:1230px) { .pageTable2 .wz{padding:70px 50px;} } @media screen and (max-width:1150px) { .pageTable2 .wz{ width:485px;} } @media screen and (max-width:1024px) { .pageTable2 .wz{ width:455px;padding:30px 50px;margin-right:385px;} .pageTable2 .tu{ width:400px;height:410px; margin-top:-205px;} } @media screen and (max-width:960px) { .pageTable2 .wz{ width:405px;padding:30px 30px;margin-right:285px;} .pageTable2 .tu{ width:300px;height:310px; margin-top:-155px;} } @media screen and (max-width:768px) { .pageTable2 .wz{ width:auto;padding:50px 30px;margin-right:0;border-radius:30px;} .pageTable2 .tu{ width:auto;height:auto; margin-top:0; position:static; top:auto; margin:0 auto; text-align:center; max-width:100%;margin-bottom:-30px;} } /*pageCulture*/ .pageCulture{text-align:center; margin:0 auto; font-size:0;} .pageCulture .pageCultureli{ display:inline-block;*display:inline; zoom:1;width:33.333333%; line-height:normal;padding-bottom:60px; text-align:center; margin:0 auto; vertical-align:top;} .pageCulture .img{ text-align:center;} .pageCulture .img img{max-width:100%; height:auto;} .pageCulture .cn{font-size: 28px;color:#1f3650; font-weight: normal;padding-top:40px;padding-bottom:5px; vertical-align:middle;text-align:center;} .pageCulture .en{font-size:13px;color:#909090;font-weight:300;font-family: 'Constantia', Arial, Helvetica, sans-serif; text-align:center; text-transform:uppercase;padding-bottom:10px;} .pageCulture .wz{font-size:14px;color:#1e2831; line-height:28px;text-align:center; padding:0 12%;} @media screen and (max-width:960px) { .pageCulture .pageCultureli{ width:50%;} } @media screen and (max-width:768px) { .pageCulture .img{ max-width:78.125%; margin:0 auto;} .pageCulture .cn{font-size: 20px;padding-top:30px;} } /*organList*/ .organList{margin:0 -10px;padding:0;overflow:hidden;height:auto;color:#a0a0a0;font-size:0;line-height:normal;padding-top:30px;} .organList li{font-size:0;display:inline-block;*display:inline;zoom:1;margin:0;padding:0;list-style:none;width:25%;vertical-align:top;margin-bottom:26px;} .organList li a{display:block; margin:0 10px;padding:10px 10px;overflow:hidden; background:#fff;-webkit-box-shadow: 0px 0px 9px rgba(0,0,0,.1);-moz-box-shadow: 0px 0px 9px rgba(0,0,0,.1);box-shadow: 0px 0px 9px rgba(0,0,0,.1);border:1px solid #efefef;} .organList li a .ImgBox{ width:100%; height:auto;position:relative;overflow:hidden;} .organList li a img{width:100%; height:auto;transition: all .5s ease-in-out;-moz-transition: all .5s ease-in-out;-webkit-transition: all 0.5s ease-in-out;position:relative; z-index:1;} .organList li a:hover img{-moz-transform: scale(1.2); -webkit-transform: scale(1.2);transform: scale(1.2);} .organList li a{-webkit-transition:all 0.6s ease-in-out;-moz-transition:all 0.6s ease-in-out;-ms-transition:all 0.6s ease-in-out;-o-transition:all 0.6s ease-in-out;transition:all 0.6s ease-in-out;} .organList li .listTitle{} .organList li .listTitle .t{ display:block;font-size:16px;color:#000000;line-height:30px;overflow: hidden; text-align:center;padding:40px 15px 30px 15px;} @media screen and (max-width:768px) { .organList li{width:50%;} } @media screen and (max-width:350px) { .organList{margin:0 0px;} .organList li a{margin:0 0px;} .organList li{width:100%;} } /*pageTeam*/ .pageTeam{margin:0 auto; font-size:0;} .pageTeam .pageTeamli{ display:inline-block;*display:inline;zoom:1;width:100%; line-height:normal; text-align:left; margin:0 auto; vertical-align:top; position:relative;margin-bottom:60px;} .pageTeam .img{ text-align:center; width:350px; height:470px; position:absolute; top:40px; left:30px;} .pageTeam .img:after{ content:"";position:absolute; width:100%; height:100%; background:#f3f3f3; left:-30px; top:45px;z-index:1; background:#ccc;} .pageTeam .img img{max-width:100%; height:auto; position:relative; z-index:2;} .pageTeam .wz{font-size:14px;color:#1e2831; line-height:28px;margin-left:270px;padding:100px 75px 100px 180px; background:#ffffff;border:1px solid #efefef;} .pageTeam .cn{font-size: 28px;color:#1f3650; font-weight: bold;padding-top:0;padding-bottom:40px; vertical-align:middle;} .pageTeam .en{font-size:14px;color:#21294e;font-weight:300; font-style:italic;} @media screen and (max-width:768px) { .pageTeam .img{position: relative; top:0; left:30px;} .pageTeam .wz{margin-left:0;padding:100px 50px 100px 50px;} } /*clientList*/ .clientList{margin-left:-1px;padding:0;height:auto;color:#a0a0a0;font-size:0;line-height:normal;padding-top:30px;} .clientList li{font-size:0;display:inline-block;*display:inline;zoom:1;margin:0;padding:0;list-style:none;width:20%;vertical-align:top;margin-top:-1px;margin-left:-1px;} .clientList li a{display:block; margin:0;padding:0;border:1px solid #e8ecf0;overflow:hidden; background:#fff;} .clientList li a .ImgBox{ width:100%; height:auto;position:relative;overflow:hidden;} .clientList li a img{width:100%; height:auto;transition: all .5s ease-in-out;-moz-transition: all .5s ease-in-out;-webkit-transition: all 0.5s ease-in-out;position:relative; z-index:1;} .clientList li a:hover img{-moz-transform: scale(1.2); -webkit-transform: scale(1.2);transform: scale(1.2);} .clientList li a{-webkit-transition:all 0.6s ease-in-out;-moz-transition:all 0.6s ease-in-out;-ms-transition:all 0.6s ease-in-out;-o-transition:all 0.6s ease-in-out;transition:all 0.6s ease-in-out;} .clientList li .listTitle{border-top:1px solid #e8ecf0;} .clientList li .listTitle .t{ display:block;font-size:14px;color:#1f3650;line-height:38px;height:38px;overflow: hidden; text-align:center;} .clientList li a:hover .listTitle{ background:#cf202f; border-color:#cf202f;} .clientList li a:hover .listTitle .t{color: #fff; } @media screen and (max-width:768px) { .clientList li{width:50%;} } @media screen and (max-width:350px) { .clientList{margin:0 0px;} .clientList li a{margin:0 0px;} .clientList li{width:100%;} } /*pagehistory*/ .pagehistory{margin:0 auto; font-size:0;position:relative;margin-top:95px;} .pagehistory:before{ content:"";position:absolute; width:38px; height:38px;background:url(../images/page7-dian.png) center top no-repeat; background-size:100%;left:50%; top:-38px;z-index:0;margin-left:-19px;} .pagehistory:after{ content:"";position:absolute; width:38px; height:38px;background:url(../images/page7-dian.png) center top no-repeat; background-size:100%;left:50%; bottom:-38px;z-index:0;margin-left:-19px;} .pagehistory ul{ position:relative;padding-top:0; text-align:left;} .pagehistory ul:before{ content:"";position:absolute; width:1px; height:100%; background-size:100%;left:50%; top:0;z-index:0;border-right:1px dashed #a5afb9;margin-left:-1px;} .pagehistory li{ display:block;width:50%; line-height:normal; text-align:left; margin:0; vertical-align:top; position:relative;margin-bottom:10px;} .pagehistory li:after{ content:"";position:absolute; width:23px; height:23px;background:url(../images/page7-dian2.png) center top no-repeat; background-size:100%;right:-11.5px; top:50%;z-index:1;margin-top:-11.5px;} .pagehistory .ImgBox{ text-align:center; position:absolute; top:0; left:20px;border:10px solid #f8f8f8;border-radius:50%;overflow:hidden;} .pagehistory .ImgBox img{max-width:100%;width:140px; height:140px; height:auto; position:relative; z-index:2;} .pagehistory .listTitle{font-size:14px;color:#1f3650; line-height:28px;margin-left:220px;padding:0 55px 0 0;max-width:290px;} .pagehistory .t{font-size: 38px;color:#1f3650; font-weight: 300;padding-top:0;padding-bottom:20px; vertical-align:middle;font-family: 'FranklinGothicICbyBTBook', Arial, Helvetica, sans-serif;text-align:left;} .pagehistory .wz{font-weight:300; padding-left:73px; position:relative;text-align:left;} .pagehistory h1{font-size: 28px;color:#1f3650; font-weight: bold;padding-top:0; vertical-align:top;position:absolute;left:0; top:0;text-align:left;} .pagehistory li:nth-child(2n){margin-left:50%;} .pagehistory li:nth-child(2n):after{right:auto;left:-11.5px;} .pagehistory li:nth-child(2n) .ImgBox{left:auto;right:20px;} .pagehistory li:nth-child(2n) .listTitle{margin-left:0;margin-right:220px;margin-left:84px;padding:0 0 0 0; } @media screen and (max-width:1024px) { .pagehistory .ImgBox{left:0;} .pagehistory .listTitle{margin-left:200px;padding:0 55px 0 0;} .pagehistory li:nth-child(2n) .ImgBox{left:auto;right:0;} .pagehistory li:nth-child(2n) .listTitle{margin-right:200px;margin-left:50px;} } @media screen and (max-width:960px) { .pagehistory li{ text-align:center;} .pagehistory .ImgBox{position: static; display:inline-block;margin-right:55px;margin-bottom:20px;} .pagehistory .listTitle{margin-left:0;padding:0 55px 0 0;} .pagehistory li:nth-child(2n) .ImgBox{left:auto;right:0;margin-right:0;margin-left:55px;} .pagehistory li:nth-child(2n) .listTitle{margin-right:0;margin-left:50px;} } @media screen and (max-width:768px) { .pagehistory:before, .pagehistory:after, .pagehistory ul:before, .pagehistory li:after{ display:none;} .pagehistory li{width:100%;text-align:center;margin-bottom:40px; } .pagehistory .ImgBox{margin-right:0;margin-bottom:40px;} .pagehistory .listTitle{padding:0 0 0 0;max-width:300px; margin:0 auto;} .pagehistory li:nth-child(2n){margin-left:0;} .pagehistory li:nth-child(2n) .ImgBox{margin-left:0;} .pagehistory li:nth-child(2n) .listTitle{ margin:0 auto;} } /*pageList*/ .pageList{margin-bottom:30px;} .pageList ul{margin:0 -15px;font-size:0;} .pageList ul li.listpic{font-size:0;display:inline-block;*display:inline;zoom:1;margin:0;padding:0;list-style:none;width:33.333333%;margin-bottom:19px;} .pageList ul li.listpic a{display:block;position: relative;padding:12px 12px;margin:0 15px;background:#fff;-webkit-box-shadow: 0px 0px 9px rgba(0,0,0,.1);-moz-box-shadow: 0px 0px 9px rgba(0,0,0,.1);box-shadow: 0px 0px 9px rgba(0,0,0,.1);border:1px solid #efefef;} .pageList ul li.listpic .ImgBox{width:355px;height:200px;overflow:hidden;} .pageList ul li.listpic .ImgBox img{max-width:355px;max-height:200px; width:100%;} .pageList ul li.listpic .ImgBox img,.pageList ul li.listpic .listTitle .listTitleBox{-moz-transition: all .5s ease-in-out;-webkit-transition: all 0.5s ease-in-out;transition: all .5s ease-in-out;} .pageList ul li.listpic a:hover .ImgBox img{-moz-transform: scale(1); -webkit-transform: scale(1);transform: scale(1);} .pageList ul li.listpic .listTitle{overflow:hidden;display:block;padding:0;-webkit-transition: all 0.6s ease-in-out;-moz-transition: all 0.6s ease-in-out;-o-transition: all 0.6s ease-in-out;-ms-transition: all 0.6s ease-in-out;transition: all 0.6s ease-in-out; position:relative;} .pageList ul li.listpic .listTitle .listTitleBox{padding:30px 0 10px 0;} .pageList ul li.listpic .listTitle .t{font-size:18px;color:#000000;height:60px;line-height:30px; overflow:hidden;} .pageList ul li.listpic .listTitle .t2{font-size: 13px;color:#909090;height:52px;line-height:26px; overflow:hidden;margin-top:20px;} .pageList ul li.listpic .listTitle .date{font-size:12px; color:#909090;line-height:30px;margin-top:45px;} .pageList ul li.listpic .listTitle .date .s{padding-left:20px;background:url(../images/school-see.png) left center no-repeat;margin-right:40px;} .pageList ul li.listpic .cover {display: block;position: absolute;top: 0;left: 0;right: 0;bottom: 0;transition: 400ms;-webkit-transition: 400ms;opacity:0; visibility:hidden;} .pageList ul li.listpic a:hover .cover{ opacity:1; visibility: visible;background: rgba(0,0,0,0.05); } @media screen and (max-width:1230px) { .pageList ul li.listpic .ImgBox{width:100%;} } @media screen and (max-width:1024px) { .pageList ul li.listpic .ImgBox{width:100%;height:auto;} .pageList ul li.listpic .listTitle .listTitleBox{padding:20px 0 10px 0;} .pageList ul{margin:0 -10px;} .pageList ul li.listpic a{margin:0 10px;} } @media screen and (max-width:768px) { .pageList ul{margin:0 0;} .pageList ul li.listpic{ width:100%;} .pageList ul li.listpic a{margin:0 0;} .pageList ul li.listpic .ImgBox{width:100%;height:auto; display:block; float:none;} .pageList ul li.listpic .ImgBox img{max-width: 100%;max-height:100%;width: 100%;} .pageList ul li.listpic .listTitle{ height:auto;} .pageList ul li.listpic .listTitle .listTitleBox{padding:30px} .pageList ul li.listpic .listTitle .t{font-size: 16px; height:auto;max-height:60px;} .pageList ul li.listpic .listTitle .t2{max-height:52px; height:auto;margin-top:10px;} .pageList ul li.listpic .listTitle .date{margin-top:20px;} } /*page-tab*/ .page-tab{margin:0 auto;padding:30px 0 30px 0;text-align: center; } .page-tab ul { margin:0 auto;padding: 0;list-style: none; text-align:center;height: 38px;line-height: 38px;font-size: 0;} .page-tab ul li{margin: 0;padding: 0;display: inline-block;position: relative;height: 36px;line-height: 36px;} .page-tab ul li a{display: inline-block;text-align: center;font-size: 14px;color: #5e5e5e;padding: 0 15px;height: 36px;line-height: 36px;border: 1px solid #dcdcdc;background: transparent;} .page-tab ul li a:hover{ background:#cf202f; color: #fff; border-color:#cf202f;} .page-tab ul li a.focus{ background:#cf202f; color: #fff; border-color:#cf202f;} .page-tab ul li.next-page, .page-tab ul li.prev-page{ margin:0 20px;} .page-tab ul li.next-page a, .page-tab ul li.prev-page a{padding: 0 28px;} /*pageList2*/ .pageList2{margin-bottom:30px;} .pageList2 ul li.listpic{font-size:0;display:inline-block;*display:inline;zoom:1;margin:0;padding:0;list-style:none;width:100%;margin-bottom:25px; vertical-align:top;} .pageList2 ul li.listpic a{display:block;position: relative;padding:0; background:#fff;-webkit-box-shadow: 0px 0px 9px rgba(0,0,0,.1);-moz-box-shadow: 0px 0px 9px rgba(0,0,0,.1);box-shadow: 0px 0px 9px rgba(0,0,0,.1);border:1px solid #efefef;} .pageList2 ul li.listpic .ImgBox{width:355px;height:290px;overflow:hidden; float:left;} .pageList2 ul li.listpic .ImgBox img{max-width:355px;max-height:290px; width:100%;} .pageList2 ul li.listpic .ImgBox img,.pageList2 ul li.listpic .listTitle .listTitleBox{-moz-transition: all .5s ease-in-out;-webkit-transition: all 0.5s ease-in-out;transition: all .5s ease-in-out;} .pageList2 ul li.listpic a:hover .ImgBox img{-moz-transform: scale(1); -webkit-transform: scale(1);transform: scale(1);} .pageList2 ul li.listpic .listTitle{overflow:hidden;display:block; height:290px;padding:0;-webkit-transition: all 0.6s ease-in-out;-moz-transition: all 0.6s ease-in-out;-o-transition: all 0.6s ease-in-out;-ms-transition: all 0.6s ease-in-out;transition: all 0.6s ease-in-out; position:relative;} .pageList2 ul li.listpic .listTitle .listTitleBox{padding:60px 65px 30px 65px;} .pageList2 ul li.listpic .listTitle .t{font-size:20px;color:#1f3650;max-height:72px;line-height:36px; overflow:hidden;position:relative;padding-left:14px;} .pageList2 ul li.listpic .listTitle .t:after{ content:""; position:absolute; left:0; top:8px; width:4px;height:20px; background:#1f3650;} .pageList2 ul li.listpic .listTitle .t2{font-size: 13px;color:#909090;max-height:52px;line-height:26px; overflow:hidden;margin-top:20px;} .pageList2 ul li.listpic .listTitle .date{font-size:12px; color:#909090;line-height:30px;margin-top:50px;} .pageList2 ul li.listpic .listTitle .date .s{padding-left:20px;background:url(../images/school-see.png) left center no-repeat;margin-right:40px;} .pageList2 ul li.listpic .listTitle .date .d{padding-left:20px;background:url(../images/d.png) left center no-repeat;} .pageList2 ul li.listpic .listTitle .more2{text-align:right; float:right; font-size:12px; color:#3b4048;} .pageList2 ul li.listpic .cover {display: block;position: absolute;top: 0;left: 0;right: 0;bottom: 0;transition: 400ms;-webkit-transition: 400ms;opacity:0; visibility:hidden;} .pageList2 ul li.listpic a:hover .cover{ opacity:1; visibility: visible;background: rgba(0,0,0,0.1); } @media screen and (max-width:1024px) { .pageList2 ul li.listpic .ImgBox{width:300px;height:170px;} .pageList2 ul li.listpic .ImgBox img{max-width:300px;max-height:170px; width:100%;} .pageList2 ul li.listpic .listTitle .listTitleBox{padding:10px 10px 0 30px;} .pageList2 ul li.listpic .listTitle .date{margin-bottom:0;} .pageList2 ul li.listpic .listTitle .t{font-size: 16px;height:30px;line-height:30px;} .pageList2 ul li.listpic .listTitle .t2{font-size: 13px;height:72px;line-height:24px;} } @media screen and (max-width:768px) { .pageList2 ul li.listpic a{margin:0 5px;} .pageList2 ul li.listpic .ImgBox{width:100%;height:auto; display:block; float:none;} .pageList2 ul li.listpic .ImgBox img{max-width: 100%;max-height:100%;width: 100%;} .pageList2 ul li.listpic .listTitle{ height:auto;} .pageList2 ul li.listpic .listTitle .listTitleBox{padding:30px} } @media screen and (max-width:350px) { .pageList2 ul li.listpic{width:100%;margin-right:0;} .pageList2 ul li.listpic .listTitle{padding:10px;} } /*register*/ .page-formTable{ padding:50px 20px 70px 20px; background:#eff2f4;margin:0 auto; background-size:cover;} .formTableBox{/*padding:65px 85px 55px 85px;*/margin:0 auto;} .formTableBox .title2{font-size:18px;color:#1f3650;line-height: normal;display:block;margin-bottom:35px;margin-top:35px;text-align:center;} .page-formTable .w605{max-width:453px;} .page-formTable .w1030{ width:92%;max-width:1030px;margin:0 auto;} .page-formTable .w1030 .formTableBox{padding:0 45px;} .formTable{font-size:14px;color:#464646;line-height: 30px;text-align:left;padding:0;margin:0 auto;text-align:center;} .formTable table{ width:100%;} .formTable label{display:block;} .formTable .l1{float:left;width: 50%; position:relative;} .formTable .l2{float:left;width: 100%;} .formTable .l5{padding:0 40px;margin-top:23px;} .formTable .l1Box{margin:0 9px;} .formTable .text{display:block;width: 100%;padding:4px 3% 4px 3%;height:53px;margin-bottom:19px;outline:none;font-size:14px;color:#a0a0a0;font-family:Arial,"微软雅黑",Sans-Serif;border:none;border-radius:5px;background:#ffffff;text-align:left;} .formTable .text2{display:block;width:100%;padding:10px 3% 10px 3%;height:106px;margin-bottom:19px;outline:none;font-size:14px;color:#a0a0a0;font-family:Arial,"微软雅黑",Sans-Serif;border:none;border-radius:5px;background:#ffffff;text-align:left;} .formTable .getcode{display:block;float:left;width:37%;padding:4px 3% 4px 3%;height:53px;margin-bottom:0;max-width:238px; outline:none;font-size:14px;color:#a0a0a0;font-family:Arial,"微软雅黑",Sans-Serif;border: none;border:none;border-radius:5px;background:#ffffff;text-align:left;} .formTable label .l1Box .getcode{width:100%;max-width:167px;} .formTable .kk{font-size:14px;color:#a0a0a0; line-height:normal;margin-left:2px;} .formTable .inputbtn{display:inline-block;width:100%;height: 53px;line-height: 53px;margin:0 5px;outline:none;font-size:14px;color: #fff;font-family: Arial,"微软雅黑",Sans-Serif;border:none;background-color: #b1b6bb;color:#fff;margin-bottom:15px;cursor:pointer;border-radius:5px;margin-top:45px;text-align:center;max-width:155px; } .formTable .inputbtn.tj{background:#1f3650;} .formTable .inputbtn:hover{background:#b60005;} .formTable .l5{ text-align:center;} .formTable .text,.formTable .getcode{transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;} .formTable .l3{width: 100%;float:none;margin:0 auto;} .formTable .register{display:inline-block;width:100%;height:53px;line-height:53px;margin:0;outline:none;font-size:14px;color: #fff;font-family: Arial,"微软雅黑",Sans-Serif;border:none;background-color: #1f3650;color:#fff;margin-bottom:15px;cursor:pointer;border-radius:5px;margin-top:60px; text-align:center;} .formTable .register:hover{background:#b60005;} .formTableBox a{color: #909090;} .formTableBox a:hover{color: #b60005;} .formTable .text:focus,.formTable .text:active,.formTable .getcode:focus,.formTable .getcode:active{-webkit-box-shadow: none;box-shadow: none;border: 2px solid rgba(94, 158, 255, 0.80); } .page-formTable .formTable input::-webkit-input-placeholder { color: #b1b6bb; } .page-formTable .formTable input:-moz-placeholder { color: #b1b6bb; } .page-formTable .formTable input::-moz-placeholder { color: #b1b6bb; } .page-formTable .formTable input:-ms-input-placeholder { color: #b1b6bb; } @media screen and (max-width:1230px){ .formTableBox .title2{margin-bottom:30px;margin-top:30px;} /*.formTableBox{padding:30px 0 50px 0;}*/ .page-formTable .w1030{ width:94%;} .page-formTable .w1030 .formTableBox{padding:0 40px;} .formTable .t, .formTable .l5{padding:0 3%; } } @media screen and (max-width:1140px){ .page-formTable .w1030 .formTableBox{padding:0;} } @media screen and (max-width:767px){ .formTable .l1{float:none;width:100%;margin:0;} .formTable .l2{float:none;width:100%;margin:0; padding-left: 0;} .formTable .kk{ display:inline-block; clear: both;} .formTable .text{width: 100%;padding:4px 3% 4px 3%;} .formTable .getcode{width:100%;padding:4px 3% 4px 3%;margin-bottom:10px;max-width:100%;} .formTable label .l1Box{margin:0 auto;} .formTable .l3{width:100%;} } @media screen and (max-width:530px){ .formTable .inputbtn{max-width:105px; } } /*videoList*/ .pagevideos{overflow:hidden;padding-top:30px;} .videoList{margin:0 -30px;padding:0;overflow:hidden;height:auto;color:#a0a0a0;font-size:0;line-height:normal;} .videoList li{font-size:0;display:inline-block;*display:inline;zoom:1;margin:0;padding:0;list-style:none;width:50%;vertical-align:top;margin-bottom:26px;} .videoList li a{display:block; margin:0 30px;overflow:hidden;} .videoList li a .ImgBox{ width:100%; height:auto;position:relative;overflow:hidden;} .videoList li a img{width:100%; height:auto;transition: all .5s ease-in-out;-moz-transition: all .5s ease-in-out;-webkit-transition: all 0.5s ease-in-out;position:relative; z-index:1;} .videoList li a:hover img{-moz-transform: scale(1.2); -webkit-transform: scale(1.2);transform: scale(1.2);} .videoList li a{-webkit-transition:all 0.6s ease-in-out;-moz-transition:all 0.6s ease-in-out;-ms-transition:all 0.6s ease-in-out;-o-transition:all 0.6s ease-in-out;transition:all 0.6s ease-in-out;} .videoList li a,.videoList li .listTitle:after{-webkit-transition:all 0.6s ease-in-out;-moz-transition:all 0.6s ease-in-out;-ms-transition:all 0.6s ease-in-out;-o-transition:all 0.6s ease-in-out;transition:all 0.6s ease-in-out;} .videoList li .listTitle{border-bottom:1px solid #efefef;padding-top:20px;padding-bottom:24px;position:relative;} .videoList li .listTitle:after{ content:""; position:absolute; left:0; bottom:0; width:0;height:1px; background:#cf202f;} .videoList li a:hover .listTitle:after{width:100%;} .videoList li .listTitle .t{ display:block;font-size:16px;color:#000000;line-height:30px;overflow: hidden; text-align:left;padding-right:70px; position:relative;} .videoList li .listTitle .t .s{ position:absolute; top:0; right:0;font-size:12px; color:#909090;line-height:30px;padding-left:20px;background:url(../images/school-see.png) left center no-repeat;} .videoList li a .ImgBoxB{ position:relative; } .videoList li a .ImgBoxB:after{ content:"";position:absolute;z-index:2;width:76px;height:76px;left:50%;top:50%;margin:-38px 0px 0px -38px;background:url(../images/school-icon.png) no-repeat center center;cursor:pointer;} @media screen and (max-width:1230px) { .videoList{margin:0 -15px;} .videoList li a{margin:0 15px;} } @media screen and (max-width:768px) { .videoList{margin:0 0px;} .videoList li a{margin:0 0px;} .videoList li{width:100%;} } /*page-newsInfo*/ .page-newsInfo{text-align:left;} .page-newsInfo .page-newswz{border: 1px solid #e5e5e5;} .page-newsInfo .newsPositon{ font-size:12px; color:#464646; line-height:30px;padding:6.5px 19px;border-bottom: 1px solid #e5e5e5;} .page-newsInfo .newsPositon a{color:#464646;} .page-newsInfo .newsPositon a:hover{color:#b60005;} .page-newsInfo .newsTit{ font-size:26px; color:#000000; line-height: normal; text-align:center; font-weight:600;margin-bottom:10px;padding-top:50px;margin:0 99px;} .page-newsInfo .newsShuju{ font-size:12px; color:#909090;line-height:30px;text-align:center;padding-bottom:34px; } .page-newsInfo .newsShuju span{ display:inline-block;margin:0 10px;font-size:12px; color:#909090;line-height:30px;} .page-newsInfo .newsShuju span.s{padding-left:20px;background:url(../images/school-see.png) left center no-repeat;} .page-newsInfo .newsShuju span.d{padding-left:20px;background:url(../images/d.png) left center no-repeat;} .page-newsInfo .newsShuju span.u{padding-left:20px;background:url(../images/u.png) left center no-repeat;} .page-newsInfo .newsShare{display:inline-block;text-align:center;margin:0 auto; width:150px;} .page-newsInfo .newsText{margin:0 99px;text-align:left;font-size:14px;color:#464646;line-height:28px;border-top:1px solid #e5e5e5;} .page-newsInfo .newsTextNr{padding-top:60px;padding-bottom:20px;} .page-newsInfo .newsBtn{border-top:1px solid #e5e5e5;padding-top:20px;font-size:0;} .page-newsInfo .newsBtn span{display:inline-block;*display:inline;zoom:1;width:50%; line-height:30px; height:30px; overflow:hidden;color:#909090;font-size:12px;} .page-newsInfo .newsBtn a{display:inline-block;max-width:90%;line-height:30px; height:30px;color:#909090; white-space:nowrap;text-overflow: ellipsis; overflow: hidden; } .page-newsInfo .newsBtn a:hover{color:#b60005;} .page-newsInfo .newsBtn .newsBtnA{text-align:left;} .page-newsInfo .newsBtn .newsBtnB{ text-align:right;} @media screen and (max-width:960px) { .page-newsInfo .newsTit,.page-newsInfo .newsText{margin:0 30px;} .page-newsInfo .newsTit{ font-size:24px;} .page-newsInfo .newsTextNr{padding-top:30px;padding-bottom:20px;} } @media screen and (max-width:768px) { .page-newsInfo .newsBtn span{width:100%; } .page-newsInfo .newsBtn .newsBtnB{ text-align:left;} .page-newsInfo .newsTit{ font-size:18px;} .page-newsInfo .newsBtn span,.page-newsInfo .newsBtn a{line-height:20px; height:20px; } } /*pageTitle3*/ .pageTitle3{font-size:18px;color:#1f3650;line-height:58px; overflow:hidden;background:#eef2f5;text-align:center;} /*page-newsBox2*/ .page-newsBox2 .newsCon{padding-bottom:30px;border: 1px solid #e5e5e5;padding-top:30px; border-top:none;} .page-newsBox2 .newsList{margin:0;overflow:hidden;height:auto;color:#a0a0a0;font-size:0;line-height:normal;margin-top:12px;padding:0 140px;} .page-newsBox2 .newsList ul{ font-size:0;} .page-newsBox2 .newsList li{display:inline-block;*display:inline;zoom:1;margin:0;padding:0;overflow:hidden;list-style:none;width:50%;position: relative;} .page-newsBox2 .newsList li a{display:block; margin: 0 40px;} .page-newsBox2 .newsList li .listTitle{overflow:hidden;display:block;padding:0;line-height:40px;-webkit-transition: all 0.6s ease-in-out;-moz-transition: all 0.6s ease-in-out;-o-transition: all 0.6s ease-in-out;-ms-transition: all 0.6s ease-in-out;transition: all 0.6s ease-in-out; position:relative;padding-left:24px;background:url(../images/news-tit.png) left center no-repeat;} .page-newsBox2 .newsList li .listTitle .t{ display:block;font-size: 16px;color:#1f3650;height:40px;line-height:40px; white-space:nowrap;text-overflow: ellipsis; overflow: hidden;text-align:left;} .page-newsBox2 .newsList li a:hover .listTitle .t{ color:#b60005;} @media screen and (max-width:1230px) { .page-newsBox2 .newsList{padding:0;text-align:center; margin:0 auto;} .page-newsBox2 .newsList ul{ display:inline-block; text-align:center;margin:0 auto;} } @media screen and (max-width:768px) { .page-newsBox2 .newsList ul{ display:block;} .page-newsBox2 .newsList li{width:100%; } .page-newsBox2 .newsList li a{margin: 0 30px;} } /*page-back*/ .page-back{ margin:0 auto; text-align:center;padding:30px 0;} .page-back a{display:block;width:128px;font-size: 12px;line-height: 36px;height:36px;overflow:hidden; text-align:center;color: #5e5e5e;margin:0 auto;-webkit-transition: 0.3s;-moz-transition: 0.3s;transition: 0.3s; background:#fff; border:1px solid #dcdcdc;} .page-back a:hover{background:#cf202f; color:#fff; border-color:#cf202f;} /*pageCase*/ .pageCasebanner{padding:30px 34px 0 34px;overflow:hidden;position:relative;} .pageCasebanner .titleBox .cn{font-size:20px;} .pageCasebanner .pageCasebanner{ width:72%;padding-left:23%;} .pageCasebanner .pageCase-banner .swiper-slide{ position:relative;} .pageCasebanner .pageCase-banner .swiper-slide img{width: 100%; height:auto; object-fit: cover; display:block;} .pageCasebanner .pageCase-prev,.pageCasebanner .pageCase-next{width:25px;height:44px;margin-top:-22px; z-index:6;} .pageCasebanner .pageCase-prev{background:url(../images/join-left.png) no-repeat left top;left:0;} .pageCasebanner .pageCase-next{background:url(../images/join-right.png) no-repeat left top;right:0;} .pageCasebanner .pageCase-prev:hover{background-position:left bottom;} .pageCasebanner .pageCase-next:hover{background-position:right bottom;} .pageCasebanner .t1{ display:block;font-size: 18px;color:#000;line-height:30px; text-align:center;padding-top:20px;} @media screen and (max-width:768px) { .pageCasebanner{padding:0px 30px 0 30px;} .pageCasebanner .pageCase-prev,.pageCasebanner .pageCase-next{width:15px;background-size:15px;} .pageCasebanner .t1{font-size: 14px; line-height:26px;padding-top:10px;} } /*contactTable*/ .contactTable{border: 1px solid #e5e5e5;} .contactTable td{padding:80px 99px;font-size:15px; color:#464646; line-height:36px;} .contactTable h1{font-size:34px;color:#1f3650;line-height: normal; text-align:center;font-weight:normal;font-family: 'pingfang',"微软雅黑",Arial,"PingFang SC","思源黑体", CNLato,"Lantinghei SC","Microsoft YaHei","HanHei SC","Helvetica Neue","Open Sans","Hiragino Sans GB",STHeiti,"WenQuanYi Micro Hei",SimSun,sans-serif!important;} @media screen and (max-width:768px) { .contactTable td{padding:50px 30px;line-height:30px;} .contactTable h1{font-size:24px;} } /*contactTable1*/ .contactTable1{margin-bottom:20px!important;} .contactTable1 td{font-size:15px; color:#464646; line-height:36px;} .contactTable1 td img{max-width:90%;} .contactTable1 h1{font-size:34px;color:#1f3650;line-height: normal;font-weight:normal;padding-left:40px;background:url(../images/contact2-tit.png) no-repeat left 10px;font-family: 'pingfang',"微软雅黑",Arial,"PingFang SC","思源黑体", CNLato,"Lantinghei SC","Microsoft YaHei","HanHei SC","Helvetica Neue","Open Sans","Hiragino Sans GB",STHeiti,"WenQuanYi Micro Hei",SimSun,sans-serif!important;margin-bottom:15px;} @media screen and (max-width:768px) { .contactTable1 td{ width:94%!important;padding:3% 3%!important; display:block;} .contactTable1 h1{font-size:24px; line-height:36px; background-position:left top} } /*contactTable1 contactTablelist*/ .contactTablelist{margin-bottom:20px!important;border-bottom:1px solid #d3d8dc;} .contactTablelist td{font-size:14px; color:#464646; line-height:26px;padding-bottom:50px!important;} .contactTablelist td img{max-width:90%;margin-bottom:20px;} .contactTablelist h1{font-size:34px;color:#1f3650;line-height: normal;font-weight:normal;padding-left:40px;background:url(../images/contact2-tit.png) no-repeat left 10px;font-family: 'pingfang',"微软雅黑",Arial,"PingFang SC","思源黑体", CNLato,"Lantinghei SC","Microsoft YaHei","HanHei SC","Helvetica Neue","Open Sans","Hiragino Sans GB",STHeiti,"WenQuanYi Micro Hei",SimSun,sans-serif!important;margin-bottom:15px;} @media screen and (max-width:1024px) { .contactTablelist td img{max-width:70px;} } @media screen and (max-width:960px) { .contactTablelist td{ width:27%!important;padding:3% 3%!important; float:left;} } @media screen and (max-width:768px) { .contactTablelist td{ width:44%!important;padding:3% 3%!important; float:left;} } /*contactTable2*/ .contactTable2{margin-bottom:20px!important;} .contactTable2 h1{font-size:34px;color:#1f3650;line-height: normal;font-weight:normal;padding-left:40px;background:url(../images/contact2-tit2.png) no-repeat left 10px;font-family: 'pingfang',"微软雅黑",Arial,"PingFang SC","思源黑体", CNLato,"Lantinghei SC","Microsoft YaHei","HanHei SC","Helvetica Neue","Open Sans","Hiragino Sans GB",STHeiti,"WenQuanYi Micro Hei",SimSun,sans-serif!important;margin-bottom:15px;} @media screen and (max-width:768px) { .contactTable2 td{ width:94%!important;padding:3% 3%!important; display:block;} .contactTable2 h1{font-size:24px; line-height:36px; background-position:left top} } /*contactTable2*/ .contactTable2list-tit{margin-bottom:10px!important;} .contactTable2list-tit td{padding:0 20px; background:#f0f4f7;} .contactTable2list-tit h1{font-size:18px;color:#1f3650;line-height:50px;font-weight:normal;padding-left:30px;background:url(../images/contact2-tit2-1.png) no-repeat left center;} @media screen and (max-width:768px) { .contactTable2list-tit td{ width:94%!important;padding:0 3%!important; display:block;} } /*contactTable2list-tit2*/ .contactTable2list-tit2{margin-bottom:10px!important;} .contactTable2list-tit2 td{padding:0 20px; background:#f0f4f7;} .contactTable2list-tit2 h1{font-size:18px;color:#1f3650;line-height:50px;font-weight:normal;padding-left:30px;background:url(../images/contact2-tit2-2.png) no-repeat left center;} @media screen and (max-width:768px) { .contactTable2list-tit2 td{ width:94%!important;padding:0 3%!important; display:block;} } /*contactTable2list-tit3*/ .contactTable2list-tit3{margin-bottom:10px!important;} .contactTable2list-tit3 td{padding:0 20px; background:#f0f4f7;} .contactTable2list-tit3 h1{font-size:18px;color:#1f3650;line-height:50px;font-weight:normal;padding-left:30px;background:url(../images/contact2-tit2-3.png) no-repeat left center;} @media screen and (max-width:768px) { .contactTable2list-tit3 td{ width:94%!important;padding:0 3%!important; display:block;} } /*contactTable2list*/ .contactTable2list{margin-bottom:20px!important;} .contactTable2list td{font-size:14px;color:#000000;line-height:32px;padding:15px 0; border-bottom:1px solid #d3d8dc;} @media screen and (max-width:768px) { .contactTable2list tr{width:50%;display:block; float:left;} .contactTable2list tr td{ width:94%!important;padding:3% 3%!important; display:block;} .contactTable2list tr td:last-child{ border-bottom:none;} .contactTable2list{border-bottom:1px solid #d3d8dc;} } /*pageBox2*/ .pageBox2{padding-bottom:50px;} .pageBox2 .pageBoxCon{padding-top:60px;padding-bottom:40px;background:url(../images/page-clubhouse2.jpg) no-repeat center center #f6f6f6; background-attachment:fixed;} .pageBox2 .pageBtn { text-align:center;} .pageBox2-container{margin-top:70px;} .pageBox2-container .swiper-slide{ background:#FFF;} .pageBox2-container .pageBox2-img{ max-width:600px; margin:0 auto;margin-bottom:35px;} .pageBox2-container .pageBox2-img img{max-width:100%; height:auto;} .pageBox2-container .pageBox2-tit {line-height:30px; text-align:center;color:#464646; font-size:24px;display:block;letter-spacing:0.2px;margin-bottom:15px;} .pageBox2-container .pageBox2-wz{ text-align:center; color:#464646; height:84PX; overflow:auto;} .pageBox2-container .arrow{width:34px;height:67px;margin-top:-110px;} .pageBox2-container .arrow.pageBox2-prev{background:url(../images/page-left.png) no-repeat left top;left:195px;} .pageBox2-container .arrow.pageBox2-next{background:url(../images/page-right.png) no-repeat right top;right:195px;} @media screen and (max-width:1024px) { .pageBox2-container .arrow.pageBox2-prev{left:0;} .pageBox2-container .arrow.pageBox2-next{right:0;} } /*pageBox3*/ .pageBox3 .pageBoxCon{padding-top:75px;padding-bottom:75px;} @media screen and (max-width:768px) { .pageBox3Table td{ width:94%!important;padding:3% 3%!important; display:block;} } /*pageMap */ .pageMap {margin-top:70px;} @media screen and (max-width:768px){ .pageMap{margin-top:50px;} } /*contactTit*/ .contactTit{font-size:34px;color:#1f3650;line-height: normal;font-weight:normal;padding-left:40px;background:url(../images/contact2-tit3.png) no-repeat left 10px;font-family: 'pingfang',"微软雅黑",Arial,"PingFang SC","思源黑体", CNLato,"Lantinghei SC","Microsoft YaHei","HanHei SC","Helvetica Neue","Open Sans","Hiragino Sans GB",STHeiti,"WenQuanYi Micro Hei",SimSun,sans-serif!important;margin-bottom:45px;} @media screen and (max-width:768px) { .contactTit{font-size:24px; line-height:36px; background-position:left top;margin-bottom:25px;} } /*feedback2Box*/ .feedback2Box{padding-top:60px;border-top:1px solid #e9ebed;margin-top:78px;} .feedback2Box .contact-con{ font-size:0;} .feedback2{font-size:14px;color:#464646;line-height: 30px;text-align:left;padding:0;margin:0 -15px;} .feedback2 label{display:block;} .feedback2 .l1{float:left;width:50%; position:relative;} .feedback2 .l1Box{margin:0 10px; position:relative;} .feedback2 .text{display:block;width: 100%;padding:4px 18px;height:50px;margin-bottom:18px;outline:none;font-size:14px;color:#909090;font-family:"微软雅黑",Arial,Sans-Serif;border:1px solid #d3d8dc;border-radius:5px;background:#ffffff;text-align:left;} .feedback2 .text2{display:block;width:100%;padding:10px 18px;height:210px;margin-bottom:18px;outline:none;font-size:14px;color:#909090;font-family:"微软雅黑",Arial,Sans-Serif;border:1px solid #d3d8dc;;border-radius:5px;background:#ffffff;text-align:left;} .feedback2 .getcode{display:block;width:32%;padding:4px 18px;height:50px;margin-bottom:0; outline:none;font-size:14px;color:#909090;font-family:"微软雅黑",Arial,Sans-Serif;border:1px solid #d3d8dc;border-radius:5px;background:#ffffff;text-align:left; float:left;margin-right:15px; max-width:274px;} .feedback2 img{display:inline-block; float:left;margin-top:10px;} .feedback2 .kk{font-size:14px;color:#a0a0a0; line-height:50px;margin-left:2px;float:left;} .feedback2 .inputbtn{display:inline-block;height:44px;line-height:44px;margin:0;outline:none;font-size:14px;background:#b1b6bb;color:#fff;font-family:"微软雅黑",Arial,Sans-Serif;border:0;cursor:pointer;border-radius:5px;text-align:center; width:32%; background-position:right center; max-width:155px;margin-top:45px;} .feedback2 .inputbtn:hover,.feedback2 .inputbtn.tj:hover{background:#b60004;} .feedback2 .inputbtn.tj{ background:#1f3650} .feedback2 .text:focus,.feedback2 .text:active,.feedback2 .text2:focus,.feedback2 .text2:active,.feedback2 .getcode:focus,.feedback2 .getcode:active{-webkit-box-shadow: none;box-shadow: none;border: 2px solid rgba(94, 158, 255, 0.80); } .feedback2 input::-webkit-input-placeholder { color: #909090; } .feedback2 input:-moz-placeholder { color: #909090; } .feedback2 input::-moz-placeholder { color: #909090; } .feedback2 input:-ms-input-placeholder { color: #909090; } .feedback2 textarea::-webkit-input-placeholder { color: #909090; } .feedback2 textarea:-moz-placeholder { color: #909090; } .feedback2 textarea::-moz-placeholder { color: #909090; } .feedback2 textarea:-ms-input-placeholder { color: #909090; } @media screen and (max-width:768px){ .feedback2Box{padding-top:50px;margin-top:50px;} .feedback2{margin:0;} .feedback2 .l1{float:none;width:100%;} .feedback2 .l1Box{margin:0 auto;} .feedback2 .text{width: 100%;padding:4px 3%;margin-bottom:15px;} .feedback2 .text2{padding:4px 3% 4px 3%;margin-bottom:15px;} .feedback2 .getcode{width:100%;padding:4px 3%;margin-bottom:15px;max-width:130px;} .feedback2 .kk{font-size:12px; line-height:20px;} .feedback2 .inputbtn{margin-top:25px;} } /*pageTitle2*/ .pageTitle2{font-size:18px;color:#1e2831;line-height:58px; overflow:hidden;text-align:left;} /*pageDwonList*/ .pageDwonList{margin:0;padding:0;height:auto;color:#a0a0a0;font-size:0;line-height:normal;margin-bottom:30px;padding-top:25px;} .pageDwonList ul{ display:block;} .pageDwonList li{display:block;margin:0;padding:0;overflow:hidden;list-style:none;width:100%;position: relative;border-bottom:1px dashed #d2d2d2;} .pageDwonList li:before{ content:""; position:absolute; border-radius:50%; left:0; top:50%; width:5px; height:5px; border:2px solid #b60005;margin-top:-4.5px;} .pageDwonList li a{display:inline-block;} .pageDwonList li .listTitle{overflow:hidden;display:block;padding:0;padding:12px 25px;-webkit-transition: all 0.6s ease-in-out;-moz-transition: all 0.6s ease-in-out;-o-transition: all 0.6s ease-in-out;-ms-transition: all 0.6s ease-in-out;transition: all 0.6s ease-in-out; position:relative;background:url(../images/d4.png) left center no-repeat;font-size:0;} .pageDwonList li .listTitle .t{display:inline-block;*display:inline;zoom:1;font-size: 14px;color:#464646;line-height:30px; overflow:hidden;padding-right:30px;float:left;} .pageDwonList li .btn{display:inline-block;*display:inline;zoom:1;line-height:30px;background:url(../images/network-s.png) center right no-repeat;padding-right:20px;font-size: 14px;color:#b60005;float:left;} .pageDwonList li .d a{ -webkit-transition: all 0.6s ease;transition: all 0.6s ease;margin:0 0;display:inline-block;text-decoration: none;width:25px;height:25px;border-radius:50%; position:absolute; top:50%;margin-top:-13px;background:url(../images/network-d.png) center center no-repeat;right:0;} .pageDwonList li a:hover .t{color:#b60005;} @media screen and (max-width: 1024px) { .pageDwonList{margin-bottom:0;} } @media screen and (max-width: 768px) { .pageDwonList li .listTitle{padding:6px 30px 6px 25px;} } /*joinT*/ .page8T{text-align:center;} .page8T .T1{ font-size:26px; color: #1f3650; text-align:center; font-weight:bold; line-height:normal;padding-bottom:10px;padding-top:10px;} @media screen and (max-width:1024px) { .page8T .T1{ font-size:24px;} } @media screen and (max-width:960px) { .page8T .T1{ font-size:20px;} } @media screen and (max-width:768px) { .page8T .T1{ font-size:18px;} } /*page8-process*/ .page8-process .page8T2{float:left;width:190px;height:236px;font-size:15px; color: #1f3650; line-height:normal; text-align:center;margin-right:12px; position:relative;background:#f1f4f8;} .page8-process .page8T2-6{margin-right:0!important;} .page8-process .page8T2 img{width:80px;height:80px;margin:0 auto;text-align:center;margin-top:70px;margin-bottom:15px;} .page8-process .page8T2:nth-child(2n-1){background:#f7f7f7;} .page8-process .page8T2:nth-child(2n-1):after{content:"";position:absolute;top:0;right:-22px;border-top:118px solid transparent;border-bottom:118px solid transparent;border-left:22px solid #f7f7f7; z-index:3;} .page8-process .page8T2:nth-child(2n-1):before{content:"";position:absolute;top:0;left:0;border-top:118px solid transparent;border-bottom:118px solid transparent;border-left:22px solid #fff;z-index:2;} .page8-process .page8T2:nth-child(2n):before{content:"";position:absolute;top:0;left:0;border-top:118px solid transparent;border-bottom:118px solid transparent;border-left:22px solid #fff; z-index:1;} .page8-process .page8T2:nth-child(2n):after{content:"";position:absolute;top:0;right:-22px;border-top:118px solid transparent;border-bottom:118px solid transparent;border-left:22px solid #f1f4f8;z-index:3;} .page8-process .page8T2-1:before{ display:none;} .page8-process .page8T2-6:after{ display:none;} @media screen and (max-width:1230px) { .page8-process .page8T2{width:175px;margin-right:10px;} } @media screen and (max-width:1150px) { .page8-process .page8T2{width:162.5px;margin-right:5px;} } @media screen and (max-width:1024px) { .page8-process .page8T2{width:152.5px;margin-right:5px; font-size:13px;} .page8-process .page8T2 img{width:60px;height:60px;} } @media screen and (max-width:1024px) { .page8-process .page8T2{width:243px;margin-right:10.5px; font-size:15px;margin-bottom:10.5px;} .page8-process .page8T2 img{width:80px;height:80px;} .page8-process .page8T2-3{margin-right:0!important;} .page8-process .page8T2-4:before{ display:none;} .page8-process .page8T2-3:after{ display:none;} } @media screen and (max-width:768px) { .page8-process .page8T2{width:31.33333%;margin:0 1%; font-size:16px;margin-bottom:10px;} .page8-process .page8T2 img{width:70px;height:70px;} } @media screen and (max-width:640px) { .page8-process .page8T2{width:31.33333%; height:40vw;margin:0 1%; font-size:13px;margin-bottom:10px;} .page8-process .page8T2 img{width:12.5vw;height:12.5vw;margin-top:8vw;margin-bottom:2.34375vw;} .page8-process .page8T2:nth-child(2n-1):after{right:-3.4375vw;} .page8-process .page8T2:nth-child(2n-1):after, .page8-process .page8T2:nth-child(2n-1):before, .page8-process .page8T2:nth-child(2n):before, .page8-process .page8T2:nth-child(2n):after{border-top-width:20vw;border-bottom-width:20vw;border-left-width:3.4375vw;} .page8-process .page8T2:nth-child(2n):after{right:-3.4375vw;} .page8-process .page8T2-3{margin-right:0!important;} .page8-process .page8T2-4:before{ display:none!important;} .page8-process .page8T2-3:after{ display:none!important;} } /*page8Table*/ .page8Table{ width:50%; float:left;} .page8Table td{background:#f1f4f8; text-align:center; font-size:14px;color:#1f3650;line-height:30px; height:300px; } .page8Table td.white{ background:#fff;} .page8Table td h1{font-size:20px;color:#1f3650;text-align:center;font-weight:bold;line-height:normal;padding-bottom:10px;padding-top:10px;} @media screen and (max-width:960px){ .page8TableBig{margin:0 auto;} .page8Table{ width:100%;} .page8Table td h1{font-size:18px;} } @media screen and (max-width:640px){ .page8Table td{ height:46.875vw;padding:4% 3%; line-height:24px; font-size:13px;} .page8Table td img{ max-height:23.4375vw;} .page8Table td h1{font-size:16px;padding-top:0;} } @media screen and (max-width:350px){ .page8Table td{font-size:12px;} .page8Table td h1{font-size:14px;} } /*proList*/ .proList ul{margin:0 -11.25px;font-size:0;} .proList ul li{font-size:0;display:inline-block;*display:inline;zoom:1;margin:0;padding:0;list-style:none;width:33.333333%;margin-bottom:19px; vertical-align:top;} .proList ul li a{display:block;position: relative;padding:0;margin:0 11.25px;background:#fff; border-radius:10px; overflow:hidden;border:1px solid #fff;} .proList ul li .ImgBox{width:100%;height:auto;overflow:hidden;} .proList ul li .ImgBox img{max-width:385px;max-height:385px; width:100%;} .proList ul li .ImgBox img, .proList ul li .listTitle .listTitleBox{-moz-transition: all .5s ease-in-out;-webkit-transition: all 0.5s ease-in-out;transition: all .5s ease-in-out;} /*.proList ul li a:hover .ImgBox img{-moz-transform: scale(1); -webkit-transform: scale(1);transform: scale(1);}*/ .proList ul li .listTitle{display:block;padding:0;-webkit-transition: all 0.6s ease-in-out;-moz-transition: all 0.6s ease-in-out;-o-transition: all 0.6s ease-in-out;-ms-transition: all 0.6s ease-in-out;transition: all 0.6s ease-in-out; position:relative; text-align:center; position:relative;} .proList ul li .listTitle:before{content:"";width:100%;height:80px;position: absolute; left:0; top:-44px;right:0;background:url(../images/pro-bg.png) center top no-repeat;} .proList ul li .listTitle .listTitleBox{padding:30px 0 30px 0; position:relative; z-index:1;} .proList ul li .listTitle .t{font-size:36px;color:#1f3650;font-family:'Cremona', Arial, Helvetica, sans-serif; line-height:normal;padding-top:80px;background-size:50px; background-repeat:no-repeat; background-position:center top;} .proList ul li .listTitle .t2{font-size:20px;color:#1f3650;overflow:hidden;margin-top:0;} .proList ul li.li1 .listTitle .t{background-image:url(../images/pro-icon1.png); } .proList ul li.li2 .listTitle .t{background-image:url(../images/pro-icon2.png);} .proList ul li.li3 .listTitle .t{background-image:url(../images/pro-icon3.png);} .proList ul li a:hover{-webkit-box-shadow: 0px 0px 9px rgba(0,0,0,.1);-moz-box-shadow: 0px 0px 9px rgba(0,0,0,.1);box-shadow: 0px 0px 9px rgba(0,0,0,.1);border:1px solid #efefef;} .proList ul li a:hover .listTitle .t{color:#b60005;} .proList ul li a:hover .listTitle .t2{color:#b60005;} .proList ul li.li1 a:hover .listTitle .t{background-image:url(../images/pro-icon1h.png);} .proList ul li.li2 a:hover .listTitle .t{background-image:url(../images/pro-icon2h.png);} .proList ul li.li3 a:hover .listTitle .t{background-image:url(../images/pro-icon3h.png);} @media screen and (max-width:1230px) { .proList ul li .listTitle:before{background-size:105%;} .proList ul li .listTitle .t{font-size:30px;padding-top:70px;} .proList ul li .listTitle .t2{font-size:18px;} } @media screen and (max-width:1024px) { .proList ul li .listTitle .listTitleBox{padding:20px 0 30px 0;} .proList ul li .listTitle .t{font-size:26px;padding-top:60px;background-size:40px;} .proList ul li .listTitle .t2{font-size:16px;} } @media screen and (max-width:768px) { .proList ul li{ width:50%;} .proList ul{margin:0 -10px;} .proList ul li a{margin:0 10px;} .proList ul li .ImgBox img{max-width: 100%;max-height:100%;width: 100%;} .proList ul li .listTitle{ height:auto;} .proList ul li .listTitle .listTitleBox{padding:0px 0 30px 0;} .proList ul li .listTitle .t{font-size:24px;padding-top:50px;background-size:35px;} .proList ul li .listTitle .t2{line-height:normal;} } /*ProNav*/ .ProNav{margin-top:40px;} .ProNav ul{margin:0 auto;font-size:0; text-align:center;} .ProNav ul li{font-size:0;display:inline-block;*display:inline;zoom:1;margin:0;padding:0;list-style:none;width:120px;vertical-align:top;margin:0 15px;} .ProNav ul li a{display:block;position: relative;background:#fff;background-size:105px; background-repeat:no-repeat; background-position:center top;padding-top:110px; line-height:30px;font-size:16px;color:#1f3650;} .ProNav ul li.li1 a{background-image:url(../images/pro-icon1.png);} .ProNav ul li.li2 a{background-image:url(../images/pro-icon2.png);} .ProNav ul li.li3 a{background-image:url(../images/pro-icon3.png);} .ProNav ul li.li1.on a{background-image:url(../images/pro-icon1h.png);} .ProNav ul li.li2.on a{background-image:url(../images/pro-icon2h.png);} .ProNav ul li.li3.on a{background-image:url(../images/pro-icon3h.png);} .ProNav ul li.on a{color:#b60005;} @media screen and (max-width:960px) { .ProNav ul li{width:33.33333%;margin:0 auto;} .ProNav ul li a{margin:0 10px;background-size:80px;padding-top:85px;} } @media screen and (max-width:768px) { .ProNav ul li{width:33.33333%;margin:0 auto;} .ProNav ul li a{margin:0 10px;background-size:60px;padding-top:65px;} } /*proTitle*/ .proTitle{font-size:18px;color:#1f3650;line-height:30px; overflow:hidden;text-align:left; position:relative;margin-bottom:20px;margin-top:10px;} .proTitle:before{content:"";width:100%;height:1px;position: absolute; left:0; top:50%;right:0;background:#d2d7dc; z-index:0;} .proTitle .cn{padding:0px 30px; background:#fff; position:relative; z-index:1;background-size:20px; background-repeat:no-repeat; background-position:left center;} #pro1 .proTitle .cn{background-image:url(../images/pro-icon1.png);} #pro2 .proTitle .cn{background-image:url(../images/pro-icon2.png);} #pro3 .proTitle .cn{background-image:url(../images/pro-icon3.png);} /*proList2*/ .proList2{margin-top:0px;} .proList2 ul{margin:0 -7.5px;font-size:0;} .proList2 ul li.listpic{font-size:0;display:inline-block;*display:inline;zoom:1;margin:0;padding:0;list-style:none;width:33.333333%;margin-bottom:19px; vertical-align:top;} .proList2 ul li.listpic a{display:block;position: relative;margin:0 7.5px;background:#fff;} .proList2 ul li.listpic .ImgBox{width:390px;height:390px;overflow:hidden;} .proList2 ul li.listpic .ImgBox img{width:100%;height:390px;} .proList2 ul li.listpic .ImgBox img,.proList2 ul li.listpic .listTitle .listTitleBox{-moz-transition: all .5s ease-in-out;-webkit-transition: all 0.5s ease-in-out;transition: all .5s ease-in-out;} .proList2 ul li.listpic a:hover .ImgBox img{-moz-transform: scale(1); -webkit-transform: scale(1);transform: scale(1);} .proList2 ul li.listpic a:hover{-webkit-box-shadow: 0px 0px 9px rgba(0,0,0,.1);-moz-box-shadow: 0px 0px 9px rgba(0,0,0,.1);box-shadow: 0px 0px 9px rgba(0,0,0,.1);} .proList2 ul li.listpic .listTitle .listTitleBox{padding:10px 0px;} .proList2 ul li.listpic .listTitle .t0{font-size:16px;color:#1f3650;line-height:22px; overflow:hidden; text-align:center;margin-bottom:10px;} .proList2 ul li.listpic .listTitle .t{font-size:15px;color:#888;line-height:22px; overflow:hidden; text-align:left;} @media screen and (max-width:1230px) { .proList2 ul li.listpic .ImgBox{width:100%;height:auto; } .proList2 ul li.listpic .ImgBox img{max-width: 100%;max-height:100%;width: 100%; height:auto;} } @media screen and (max-width:1024px) { .proList2 ul li.listpic .ImgBox{width:100%;height:auto;} .proList2 ul{margin:0 -10px;} .proList2 ul li.listpic a{margin:0 10px;} } @media screen and (max-width:960px) { .proList2 ul li.listpic{width:50%;} } @media screen and (max-width:350px) { .proList2 ul li.listpic{ width:100%;} } /*pro2*/ .proPositon{ font-size:12px; color:#464646; line-height:30px;padding:6.5px 15px;border-top: 1px solid #e5e5e5; text-align:left;margin-bottom:0px;} .proPositon a{color:#464646;} .proPositon a:hover{color:#b60005;} /********************************proa********************************/ .preview{width:100%;} .detailBox{width:100%;padding-bottom:120px; background:#f5f5f5;} .detailBox img{ max-width:100%;} /*detailBoxTop*/ .detailBox .detailBoxTop{padding-top:40px;padding-bottom:40px; background:#fff;} .detailBox .detailImg{width:600px;float:left;position:relative!important; overflow:hidden;} .detailBox .detailNr{width:600px;float:left;} .detailBox .detailNr .detailNrBox{padding:60px 45px 65px 45px; background:#f5f5f5;margin-left:20px;} .detailBox .detailNrWZ{min-height:600px;} .detailBox .proTit{font-size:30px; color:#000000;padding-bottom:20px;} .detailBox .pro-Text{padding-top:25px;line-height:30px;font-size:14px;color:#464646;margin-bottom:35px;} .detailBox .pro-share{border-top:1px solid #dadada;padding-top:30px;padding-bottom:30px;} .detailBox .proShuju{ font-size:14px; color:#909090;line-height:30px;padding-bottom:10px;margin-top:30px;} .detailBox .proShuju span{ display:inline-block;margin-right:20px;} .detailBox .proShuju span.s{padding-left:20px;background:url(../images/school-see.png) left center no-repeat;} .detailBox .proShuju span.d{padding-left:20px;background:url(../images/d.png) left center no-repeat;} .detailBox .proShuju span.u{padding-left:20px;background:url(../images/u.png) left center no-repeat;} .detailBox .proLinka{font-size:13px; color:#909090;line-height:30px;} .detailBox .proLinka a{font-size:13px; color:#909090;line-height:30px;} .detailBox .proLinka a:hover{color:#b60005;} .detailBox .detailBtn{background:#1f3650;} .detailBox .detailBtn .tel{ width:60%; float:left; text-align:center; display: block;color:#ffffff; font-size:14px;line-height:45px;} .detailBox .detailBtn .lx{width:40%; float:left; text-align:center;display: block;color:#ffffff;font-size:14px;line-height:45px; background:#b60005;} .detailBox .detailBtn .lx .cn{padding-left:26px;background:url(../images/pro-b.png) left center no-repeat;} .detailBox .detailBtn .lx:hover{background:#cf202f;} @media screen and (max-width:1230px) { .detailBox .detailNr{width:500px;} } @media screen and (max-width:1150px) { .detailBox .detailNr{width:400px;} .detailBox .detailNr .detailNrBox{padding:60px 20px 65px 20px;} } @media screen and (max-width:1024px) { .detailBox .detailNr{width:340px;} .detailBox .proTit{font-size:26px;} } @media screen and (max-width:960px) { .detailBox .detailNrWZ{min-height:inherit;} .detailBox .detailNr{width:100%;} .detailBox .detailImg{width:100%;float:none;} .detailBox .detailNr .detailNrBox{padding:60px 30px 65px 30px;margin-left:0;} .detailBox .proTit{font-size:26px;} .detailBox .pro-Text{padding-top:0;} } @media screen and (max-width:768px) { .detailBox .proTit{font-size:24px;} .detailBox .detailNr .detailNrBox{padding:40px 20px 45px 20px;} } /*detailBoxBottom*/ .detailBox .detailBoxBottom{padding-top:40px;} .detailBox .detailBox-left{ float:left; width:65%;} .detailBox .detailBox-right{ float:left; width:35%;} .detailBox .detailBox-left .detailBox-leftBox{padding:60px 45px 15px 45px; background:#fff;} .detailBox .detailBox-right .detailBox-rightBox{padding:60px 30px 40px 30px; background:#fff;margin-left:30px;} @media screen and (max-width:1024px) { .detailBox .detailBox-left .detailBox-leftBox{padding:60px 30px 15px 30px;} .detailBox .detailBox-right .detailBox-rightBox{padding:60px 30px 40px 30px;margin-left:20px;} } @media screen and (max-width:960px) { .detailBox .detailBox-left{ float:none; width:100%;} .detailBox .detailBox-right{ float:none; width:100%;margin-top:30px;} .detailBox .detailBox-left .detailBox-leftBox{padding:40px 30px 15px 30px;} .detailBox .detailBox-right .detailBox-rightBox{padding:40px 10px 20px 10px;margin-left:0;} } @media screen and (max-width:768px) { .detailBox .detailBox-left .detailBox-leftBox{padding:40px 20px 15px 20px;} } /*detail-tt*/ .detail-tt{font-size:14px;color:#1e2831;line-height:30px; overflow:hidden;position:relative;margin-bottom:30px;text-align:center;padding-bottom:8px;} .detail-tt:before{content:"";width:30px;height:4px;position: absolute; left:0; bottom:0;right:0;background:#b60005; z-index:0; margin:0 auto;} .detail-tt .cn{font-size:26px;font-weight:bold; display:block;} .detail-tt .en{text-transform:uppercase; display:block;} @media screen and (max-width:768px) { .detail-tt .cn{font-size:20px;} } /*detail-tt2*/ .detail-tt2{font-size:12px;color:#1e2831;line-height:24px; overflow:hidden;margin-bottom:40px; text-align:center;} .detail-tt2 .cn{font-size:20px;font-weight:bold; display:block;} .detail-tt2 .en{text-transform:uppercase; display:block;} @media screen and (max-width:768px) { .detail-tt2 .cn{font-size:16px;} } /*proxgList*/ .proxgList{margin-top:0;} .proxgList ul{margin:0;font-size:0;} .proxgList ul li.listpic{font-size:0;display:inline-block;*display:inline;zoom:1;margin:0;padding:0;list-style:none;width:100%;margin-bottom:19px; vertical-align:top;} .proxgList ul li.listpic a{display:block;position: relative;margin:0;background:#fff;border-bottom:1px solid #e4e4e4;} .proxgList ul li.listpic .ImgBox{width:100%;height:auto;overflow:hidden;} .proxgList ul li.listpic .ImgBox img{width:100%;height:auto;} .proxgList ul li.listpic .ImgBox img,.proxgList ul li.listpic .listTitle .listTitleBox{-moz-transition: all .5s ease-in-out;-webkit-transition: all 0.5s ease-in-out;transition: all .5s ease-in-out;} .proxgList ul li.listpic a:hover .ImgBox img{-moz-transform: scale(1.05); -webkit-transform: scale(1.05);transform: scale(1.05);} .proxgList ul li.listpic a:hover{-webkit-box-shadow: 0px 0px 9px rgba(0,0,0,.1);-moz-box-shadow: 0px 0px 9px rgba(0,0,0,.1);box-shadow: 0px 0px 9px rgba(0,0,0,.1);} .proxgList ul li.listpic .listTitle .listTitleBox{padding:15px 15px;} .proxgList ul li.listpic .listTitle .t{font-size:14px;color:#464646;line-height:24px; height:24px;overflow:hidden; text-align:center;} @media screen and (max-width:960px) { .proxgList ul{margin:0 -10px;} .proxgList ul li.listpic{ width:33.333%;} .proxgList ul li.listpic a{margin:0 10px;} } @media screen and (max-width:768px) { .proxgList ul li.listpic{ width:50%;} } /*page-back2*/ .page-back2{ margin:0 auto; text-align:center;padding:30px 0;} .page-back2 a{display:block;width:130px;font-size: 14px;line-height:42px;height:42px; border-radius:44px;overflow:hidden; text-align:center;color: #1f3650;margin:0 auto;-webkit-transition: 0.3s;-moz-transition: 0.3s;transition: 0.3s; background:#fff; border:1px solid #d2d7db;} .page-back2 a:hover{background:#cf202f; color:#fff; border-color:#cf202f;} /*MagicZoom*/ .MagicZoomBigImageCont{border:1px solid #91b817;overflow:hidden} .MagicZoomBigImageCont img{width:800px;height:800px} .MagicZoomBigImageCont iframe{width:300px;height:300px} .MagicZoomHeader{font:10px Tahoma, Verdana, Arial, sans-serif;color:#fff;background:#91b817;text-align:center !important} .MagicZoomPup{border:1px solid #aaa;background:#fff;cursor:hand;left:0; display:none;} .MagicZoomLoading{text-align:center;background:#fff;color:#444;opacity:0.8;padding:3px 3px 3px 3px !important;display:none} .MagicZoomLoading img{padding-top:3px !important} .MagicThumb{/*cursor:url(cursor/zoomin.cur), pointer;*/outline:none} .MagicThumb-zoomed{cursor:default} .MagicThumb span{display:none} .MagicThumb-image{border:1px solid #ccc;outline:none} .MagicThumb-image-zoomed{/*cursor:url(cursor/zoomout.cur), pointer*/} .MagicThumb-caption{color:#333333;background-color:#F0F0F0;border:1px solid #CCC;border-top:none;font-family:Verdana, Helvetica;font-size:11px;padding:8px 16px} .MagicThumb-controlbar{display:block;height:18px} .MagicThumb-controlbar a{display:block;width:180px;height:180px;margin:0px 1px;outline:none;float:left;overflow:hidden} .MagicThumb-controlbar a span{display:block;width:800px;height:800px;background:transparent;outline:none;position:absolute;left:0px;top:0px} .MagicThumb-loading{border:1px solid #000;/*background:#fff url(graphics/loader.gif) no-repeat 2px 50%;*/padding:2px 2px 2px 22px;margin:0;text-decoration:none;text-align:left;font-size:8pt;font-family:sans-serif;} .preview{width:100%;} /* smallImg */ .smallImg{position:relative;width:600px;height:auto;overflow:hidden;margin-top:15px;} #imageMenu {width:540px;height:120px;overflow:hidden;} #imageMenu .swiper-slide {width:120px;height:120px; overflow:hidden;margin-bottom:0;} #imageMenu .swiper-slide img{border:1px solid #d5d5d5; width:118px; height:118px;cursor:pointer; max-width:inherit;} #imageMenu .swiper-slide#onlickImg img{border:1px solid #b60005;} .scrollbutton{width:20px; height:100%; overflow:hidden; position:absolute; top:0px; cursor:pointer;} .scrollbutton.smallImgUp{background:url(../images/pro-left.png) center center no-repeat #909090; left:0;} .scrollbutton.smallImgDown{background:url(../images/pro-right.png) center center no-repeat #909090; right:0px;} /* bigImg */ .bigImg{position:relative;width:600px;height:600px;overflow:hidden;margin-bottom:20px;} .bigImg #midimg{width:600px;height:600px;} .bigImg #winSelector{width:140px;height:140px;} #winSelector{position:absolute;cursor:crosshair;filter:alpha(opacity=15);-moz-opacity:0.15;opacity:0.15;background-color:#000;border:1px solid #fff;} /* bigView */ #bigView{position:absolute;border: 1px solid #000000;box-shadow:0px 0px 30px -10px rgba(0,0,0,0.3);overflow: hidden;width:300px!important;height: 300px!important;top:0px!important;left: 484px!important;z-index:999;background:#fff;} #bigView img{position:absolute;max-width: inherit;top:0;left:0px;} @media screen and (max-width:1024px) { #imageMenu {width:100%;} .bigImg{ display:none;} #bigView{ display:none;} .smallImg{position:relative;height:auto; padding:0 0; width:100%; overflow:hidden;float:none;margin:0;} #imageMenu {height:auto;margin-top:0;} #imageMenu .swiper-slide {height:auto; width:100%!important;margin-bottom:0; display:block!important;margin-right:0;margin-bottom:15px;} #imageMenu .swiper-slide img{border:none; width:100%; height:auto;} #imageMenu .swiper-slide#onlickImg img{border:none;width:100%;} .scrollbutton{ display:none;} } /*sales*/ .network{height:auto; overflow:hidden;margin-bottom:70px;} .network .map{width:644px; float:left; margin-right:36px;} .network .sale-right{width:520px; float:left;} .network .sale-right .selection{padding-left:2px; height:35px; outline:none;} .network .sale-right .selection #province,.network .sale-right .selection #city{width:158px; height:33px; border:1px solid #dcdcdc; margin-right:30px; background: url(../images/network-ss.jpg) right center no-repeat; padding-left:5px; font-size:14px; color:#000000;} .network .sale-right .list-box{width:440px; height:450px; overflow-y:scroll; margin-top:17px; background:#fafafa; padding:35px 40px 25px 40px;font-size:14px;color:#7d7d7d;line-height:28px;} .network .sale-right .list-box .tt{font-size:16px; line-height:34px;color:#313131;margin-bottom:12px;margin-top:5px;} .sales-img{margin-bottom:30px;} @media screen and (max-width:1230px) { .network .map{width:644px;margin-right:36px;} .network .sale-right{width:420px;} .network .sale-right .list-box{width:340px;padding:25px 40px 25px 40px;} } @media screen and (max-width:1150px) { .network .sale-right .selection #province,.network .sale-right .selection #city{width:130px;margin-right:10px;} .network .map{width:644px;margin-right:36px;} .network .sale-right{width:320px;} .network .sale-right .list-box{width:280px;padding:25px 20px 25px 20px; } } @media screen and (max-width:1024px) { .sales{margin-bottom:50px;} .network .sale-right{width:100%;} .network .sale-right .list-box{width:auto;padding:25px 20px 25px 20px; } } @media screen and (max-width:768px) { .sales{margin-bottom:30px;} .network .map{width:100%;margin-right:0;} } /*networkTitle*/ .networkTitle{font-size:24px;color:#464646;line-height:normal; overflow:hidden;text-align:center; font-weight:bold;margin-bottom:50px;} /*networkList*/ .networkList{margin-top:60px;} .networkList ul{margin:0 -13.5px;font-size:0;} .networkList ul li.listpic{font-size:0;display:inline-block;*display:inline;zoom:1;margin:0;padding:0;list-style:none;width:25%;margin-bottom:10px; vertical-align:top;} .networkList ul li.listpic a{display:block;position: relative;margin:0 13.5px;background:#fff;} .networkList ul li.listpic .ImgBox{width:100%;height:auto;overflow:hidden;} .networkList ul li.listpic .ImgBox img{width:100%;height:210px;} .networkList ul li.listpic .ImgBox img,.networkList ul li.listpic .listTitle .listTitleBox{-moz-transition: all .5s ease-in-out;-webkit-transition: all 0.5s ease-in-out;transition: all .5s ease-in-out;} .networkList ul li.listpic a:hover .ImgBox img{-moz-transform: scale(1.05); -webkit-transform: scale(1.05);transform: scale(1.05);} .networkList ul li.listpic a:hover{-webkit-box-shadow: 0px 0px 9px rgba(0,0,0,.1);-moz-box-shadow: 0px 0px 9px rgba(0,0,0,.1);box-shadow: 0px 0px 9px rgba(0,0,0,.1);} .networkList ul li.listpic .listTitle .listTitleBox{padding:15px 8px;} .networkList ul li.listpic .listTitle .t{font-size:14px;color:#000000;line-height:20px;text-align:center;} @media screen and (max-width:1230px) { .networkList ul li.listpic .ImgBox img{max-width: 100%;max-height:100%;width: 100%; height:auto;} } @media screen and (max-width:1024px) { .networkList ul{margin:0 -10px;} .networkList ul li.listpic a{margin:0 10px;} } @media screen and (max-width:960px) { .networkList ul li.listpic{width:50%;} .networkTitle{font-size:20px;margin-bottom:40px;} } @media screen and (max-width:350px) { .networkList ul li.listpic{ width:100%;} } /*joinT*/ .joinT{border-top:1px solid #eaeaea;border-bottom:1px solid #eaeaea;text-align:center;} .joinT .T2{ font-size:22px; color: #1f3650; text-align:center; letter-spacing:4px;line-height:normal;padding-bottom:25px;} .joinT .T1{ font-size:36px; color: #1f3650; text-align:center; letter-spacing:.2px; font-weight:bold; line-height:normal;padding-bottom:10px;padding-top:20px;} @media screen and (max-width:1024px) { .joinT .T2{ font-size:20px;padding-bottom:25px;} .joinT .T1{ font-size:30px;padding-top:20px;} } @media screen and (max-width:960px) { .joinT .T2{ font-size:18px;} .joinT .T1{ font-size:26px;} } @media screen and (max-width:768px) { .joinT .T2{ font-size:16px;} .joinT .T1{ font-size:24px;} } /*indexCase*/ .JoinBox1banner{padding-left:74px;padding-right:74px;position:relative;margin-top:50px;margin-bottom:60px;} .JoinBox1banner .JoinBox1-banner .swiper-slide{ position:relative;} .JoinBox1banner .JoinBox1-banner .swiper-slide .img img{width: 100%; height:auto; object-fit: cover; display:block;} .JoinBox1banner .JoinBox1-banner .JoinBox1-pagination{ width:100%;bottom:0;text-align:center; position:static;margin-top:60px;} .JoinBox1banner .JoinBox1-banner .JoinBox1-pagination span{width:10px;height:10px;border:none; background:#f1f1f1;opacity:1;margin-left:9px;border-radius:5px;transition: width .3s linear;cursor: pointer;transition: width .3s linear; background:none;} .JoinBox1banner .JoinBox1-banner .JoinBox1-pagination span.swiper-pagination-bullet-active{background:#1f3650;} .JoinBox1banner .JoinBox1-prev,.JoinBox1banner .JoinBox1-next{width:25px;height:44px;margin-top:-50px; z-index:6;} .JoinBox1banner .JoinBox1-prev{background:url(../images/join-left.png) no-repeat left top;left:0;} .JoinBox1banner .JoinBox1-next{background:url(../images/join-right.png) no-repeat left top;right:0;} .JoinBox1banner .JoinBox1-banner .img{ width:50%; float:right;} .JoinBox1banner .JoinBox1-banner .iteminfo{width:50%; float:left; font-size:24px; line-height:36px; color:#000000;padding-top:5px;margin-top:40px;background:url(../images/join-titbg.png) center top no-repeat #fff;} .JoinBox1banner .JoinBox1-banner .iteminfo .JoinBox1-Table{max-width:430px; margin:0 auto;background:url(../images/join-line.jpg) no-repeat center center;} .JoinBox1banner .JoinBox1-banner .iteminfo .JoinBox1-Table td{ color:#1f3650; font-size:16px; line-height:30px;} @media screen and (max-width:1024px) { .JoinBox1banner{padding-left:40px;padding-right:40px;} .JoinBox1banner .JoinBox1-banner .iteminfo{background-size:300px;} .JoinBox1banner .JoinBox1-banner .JoinBox1-pagination{margin-top:40px;} .JoinBox1banner .JoinBox1-banner .iteminfo .JoinBox1-Table img{ width:90px;} } @media screen and (max-width:960px) { .JoinBox1banner{padding-left:50px;padding-right:50px;} .JoinBox1banner .JoinBox1-banner .img{ width:100%; float:none;} .JoinBox1banner .JoinBox1-banner .iteminfo{width:100%; float:none;background-size:350px;} .JoinBox1banner .JoinBox1-banner .iteminfo .JoinBox1-Table img{ width:85px;} .JoinBox1banner .JoinBox1-banner .iteminfo{font-size:20px;} } @media screen and (max-width:768px) { .JoinBox1banner{padding-left:0;padding-right:0;} .JoinBox1banner .JoinBox1-prev,.JoinBox1banner .JoinBox1-next{ display:none;} .JoinBox1banner .JoinBox1-banner .iteminfo .JoinBox1-Table img{ width:70px;} .JoinBox1banner .JoinBox1-banner .iteminfo{font-size:18px; line-height:normal; background-size:265px;} .JoinBox1banner .JoinBox1-banner .JoinBox1-pagination{margin-top:40px;} } @media screen and (max-width:640px) { .JoinBox1banner .JoinBox1-banner .iteminfo{background-size:60vw;} } /*proTitle*/ .joinTitle{font-size:30px;color:#1f3650;line-height:30px; overflow:hidden;text-align:left; position:relative;margin-bottom:44px;padding-left:63px;} .joinTitle:before{content:"";width:50px;height:2px;position: absolute; left:0; top:50%;background:#b60005;} .joinTitle .cn{padding:0 13px 0 0;} .joinTitle .en{ color:#d2d7dc; text-transform:uppercase;} @media screen and (max-width:1024px) { .joinTitle{font-size:28px;} } @media screen and (max-width:960px) { .joinTitle{font-size:26px;} } @media screen and (max-width:768px) { .joinTitle{font-size:24px;margin-bottom:25px;} } @media screen and (max-width:640px) { .joinTitle{font-size:20px;} } /*JoinBox2List*/ .JoinBox2List{margin-bottom:30px;} .JoinBox2List ul{margin:0 -70px;font-size:0; overflow:hidden;} .JoinBox2List ul li.listpic{font-size:0;display:inline-block;*display:inline;zoom:1;margin:0;padding:0;list-style:none;width:50%;margin-bottom:90px; vertical-align:top; position:relative;} .JoinBox2List ul li.listpic:after{content:"";position:absolute;top:0;right:-3px; width:3px; height:100%;background:url(../images/join-line.png) repeat-y right center;} .JoinBox2List ul li.listpic a{display:block;position: relative;margin:0 70px;} .JoinBox2List ul li.listpic .ImgBox{width:145px;height:145px;position:absolute; left:0; top:0;} .JoinBox2List ul li.listpic .ImgBox:before{content:"";width:100%;height:100%;position: absolute; left:30px; top:0;background:#f6f6f6;border-radius:50%; overflow:hidden;} .JoinBox2List ul li.listpic .ImgBox img{width:145px;height:145px;border-radius:50%; overflow:hidden; position:relative; z-index:1;} .JoinBox2List ul li.listpic .ImgBox img,.JoinBox2List ul li.listpic .listTitle .listTitleBox{-moz-transition: all .5s ease-in-out;-webkit-transition: all 0.5s ease-in-out;transition: all .5s ease-in-out;} .JoinBox2List ul li.listpic .listTitle{overflow:hidden;display:block;padding:0;-webkit-transition: all 0.6s ease-in-out;-moz-transition: all 0.6s ease-in-out;-o-transition: all 0.6s ease-in-out;-ms-transition: all 0.6s ease-in-out;transition: all 0.6s ease-in-out; position:relative;padding-left:215px;} .JoinBox2List ul li.listpic .listTitle .listTitleBox{padding:0;} .JoinBox2List ul li.listpic .listTitle .t{font-size:24px;color:#1f3650;line-height:30px;position:relative;padding-left:18px;} .JoinBox2List ul li.listpic .listTitle .t:before{content:"";position:absolute;top:12px;left:0;border-top:4px solid transparent;border-left:7px solid #1f3650;border-bottom:4px solid transparent;} .JoinBox2List ul li.listpic .listTitle .t2{font-size:15px;color:#1f3650;line-height:30px;margin-top:18px;} .JoinBox2List ul li.listpic .listTitle .t2 img{margin-top:23px;} .JoinBox2List ul li.listpic a:hover .ImgBox img{border-radius:50%; overflow:hidden;-webkit-box-shadow: 0px 0px 20px rgba(0,0,0,.1);-moz-box-shadow: 0px 0px 20px rgba(0,0,0,.1);box-shadow: 0px 0px 20px rgba(0,0,0,.1);} .JoinBox2List ul li.listpic a, .JoinBox2List ul li.listpic .ImgBox:before, .JoinBox2List ul li.listpic .ImgBox{-moz-transition: all .5s ease-in-out;-webkit-transition: all 0.5s ease-in-out;transition: all .5s ease-in-out;} .JoinBox2List ul li.listpic a:hover .ImgBox:before{left:0;} .JoinBox2List ul li.listpic a:hover .ImgBox{left:30px;} .JoinBox2List ul li.listpic a:hover .listTitle .t1{color:#b60005;} @media screen and (max-width:1150px) { .JoinBox2List ul{margin:0 -50px;} .JoinBox2List ul li.listpic{margin-bottom:70px;} .JoinBox2List ul li.listpic a{margin:0 50px;} } @media screen and (max-width:1024px) { .JoinBox2List ul{margin:0 -30px;} .JoinBox2List ul li.listpic{margin-bottom:50px;} .JoinBox2List ul li.listpic a{margin:0 30px;} .JoinBox2List ul li.listpic .listTitle .t{font-size:20px;} } @media screen and (max-width:960px) { .JoinBox2List ul{margin:0 0;} .JoinBox2List ul li.listpic{margin-bottom:50px; width:100%;} .JoinBox2List ul li.listpic a{margin:0 0;} } @media screen and (max-width:768px) { .JoinBox2List ul li.listpic .listTitle .t{font-size:18px;} .JoinBox2List ul li.listpic .listTitle .t2{font-size:14px;margin-top:10px;} } @media screen and (max-width:640px) { .JoinBox2List ul li.listpic .ImgBox{width:22.65625vw;height:22.65625vw;} .JoinBox2List ul li.listpic .ImgBox:before{left:4.6875vw; } .JoinBox2List ul li.listpic .ImgBox img{width:22.65625vw;height:22.65625vw;} .JoinBox2List ul li.listpic .listTitle{padding-left:33.59375%;} .JoinBox2List ul li.listpic .listTitle .t{font-size:16px;} } /*JoinBox3List*/ #JoinBox3{padding-top:105px;padding-bottom:50px; background:#eff3f5;} .JoinBox3List{} .JoinBox3List ul{margin:0 -11.5px;font-size:0; overflow:hidden;} .JoinBox3List ul li.listpic{font-size:0;display:inline-block;*display:inline;zoom:1;margin:0;padding:0;list-style:none;width:33.33333%;margin-bottom:30px;vertical-align:top; position:relative;} .JoinBox3List ul li.listpic .listTitle{position:relative;margin:0 11.5px;padding-top:120px;background-size:100%; background-repeat:no-repeat; background-position:center top;} .JoinBox3List ul li.listpic.li1 .listTitle{background-image:url(../images/join2-tiaojian1.png);} .JoinBox3List ul li.listpic.li2 .listTitle{background-image:url(../images/join2-tiaojian2.png);} .JoinBox3List ul li.listpic.li3 .listTitle{background-image:url(../images/join2-tiaojian3.png);} .JoinBox3List ul li.listpic .listTitle .listTitleBox{padding:60px 20px 40px 20px;border-bottom:7px solid #d9e3f1;background:#fff;} .JoinBox3List ul li.listpic .listTitle .t{font-size:20px;color:#1f3650;line-height:30px;position:relative;text-align:center; font-weight:600;} .JoinBox3List ul li.listpic .listTitle .en{font-size:14px;color:#1f3650;line-height:30px;position:relative;padding-bottom:20px; text-align:center;text-transform:uppercase;} .JoinBox3List ul li.listpic .listTitle .t2{font-size:16px;color:#1f3650;line-height:30px;} .JoinBox3List ul li.listpic .listTitle .t2 p{padding-left:20px; position:relative;margin-bottom:15px;} .JoinBox3List ul li.listpic .listTitle .t2 p:before{ content:""; position:absolute; border-radius:50%; left:0; top:12px; width:6px; height:6px; border:1px solid #1f3650;} .JoinBox3List ul li.listpic .listTitle,.JoinBox3List ul li.listpic .listTitle .listTitleBox{-webkit-transition: all 0.6s ease-in-out;-moz-transition: all 0.6s ease-in-out;-o-transition: all 0.6s ease-in-out;-ms-transition: all 0.6s ease-in-out;transition: all 0.6s ease-in-out; min-height:227px;} .JoinBox3List ul li.listpic .listTitle:hover .listTitleBox{-webkit-box-shadow: 0px 0px 20px rgba(0,0,0,.1);-moz-box-shadow: 0px 0px 20px rgba(0,0,0,.1);box-shadow: 0px 0px 20px rgba(0,0,0,.1);padding-top:30px;} .JoinBox3List ul li.listpic .listTitle:hover .t1{color:#b60005;} @media screen and (max-width:1230px) { .JoinBox3List ul li.listpic .listTitle{padding-top:110px;} } @media screen and (max-width:1150px) { .JoinBox3List ul li.listpic .listTitle{padding-top:100px;} } @media screen and (max-width:1024px) { .JoinBox3List ul li.listpic .listTitle{padding-top:90px;} } @media screen and (max-width:960px) { #JoinBox3{padding-top:60px;padding-bottom:30px;} .JoinBox3List ul li.listpic .listTitle{padding-top:80px;} } @media screen and (max-width:768px) { .JoinBox3List ul{margin:0;} .JoinBox3List ul li.listpic{width:100%;} .JoinBox3List ul li.listpic .listTitle{margin:0;background-size:300px;padding-top:120px;} } @media screen and (max-width:640px) { .JoinBox3List ul li.listpic .listTitle{background-size:46.875vw;padding-top:15.625vw;} } /*JoinBox3List*/ #JoinBox4{padding-top:95px;padding-bottom:50px; background:#fff;} /*JoinBox4List*/ .JoinBox4List{padding-top:10px;} .JoinBox4List ul{margin:0 0;font-size:0;} .JoinBox4List li{display:inline-block;*display:inline;zoom:1;width:105px; text-align:center;padding-right:48px;vertical-align:top;margin-bottom:30px;} .JoinBox4List li.list8{padding-right:0!important;} .JoinBox4List li a{display: block;position: relative;margin:0 0;} .JoinBox4List li .img{width:105px;height:122px;position: relative;margin:0 auto;} .JoinBox4List li .img:after{content:"";position:absolute;top:0;right:-48px; width:48px;height:100%;background:url(../images/join3-icon.jpg) right center no-repeat; z-index:0;} .JoinBox4List li.list8 .img:after{ display:none!important;} .JoinBox4List li .img img{position: absolute;display: block;width: 100%;height: 100%;top: 0;left: 0; z-index:2;} .JoinBox4List li:hover .img img{ -webkit-animation: icon-bounce 0.5s alternate; -moz-animation: icon-bounce 0.5s alternate; -o-animation: icon-bounce 0.5s alternate; animation: icon-bounce 0.5s alternate; } .JoinBox4List li .t{font-size:16px;line-height:normal; color:#1f3650;margin-top:10px;} .JoinBox4List li .num{font-size:26px;line-height:normal; color:#1f3650;font-family:'BrushScriptStd', Arial, Helvetica, sans-serif;margin-bottom:10px;} @media screen and (max-width:1230px) { .JoinBox4List li{padding-right:33.7px;} .JoinBox4List li .img:after{right:-33.7px;width:33.7px; background-size:100%;} } @media screen and (max-width:1150px) { .JoinBox4List li{width:97px;padding-right:32px;} .JoinBox4List li .img:after{right:-32px;width:32px;} .JoinBox4List li .img{width:97px;height:113px;} } @media screen and (max-width:1024px) { .JoinBox4List li{width:91px;padding-right:30px;} .JoinBox4List li .img:after{right:-30px;width:30px;} .JoinBox4List li .img{width:91px;height:106px;} .JoinBox4List li .t{font-size:14px;} .JoinBox4List li .num{font-size:24px;} } @media screen and (max-width:960px) { #JoinBox4{padding-top:60px;padding-bottom:30px;} } @media screen and (max-width:768px) { .JoinBox4List ul{margin:0 -20px;} .JoinBox4List li{width:25%;padding-right:0;} .JoinBox4List li a{margin:0 20px;} .JoinBox4List li .img{width:90px;height:100px;} .JoinBox4List li .img:after{ display:none;} .JoinBox4List li .num{font-size:20px;} } @media screen and (max-width:640px) { .JoinBox4List ul{margin:0 -10px;} .JoinBox4List li a{margin:0 10px;} } @media screen and (max-width:530px) { .JoinBox4List ul{margin:0 -10px;} .JoinBox4List li a{margin:0 10px;} .JoinBox4List li{width:33.33333%;} .JoinBox4List li .img{width:16.40625vw;height:19.0625vw;} } /*JoinBox5*/ #JoinBox5{padding-top:80px;padding-bottom:0px;background:url(../images/join4-bg.jpg) center top no-repeat #fff;} #JoinBox5 .joinTitle .cn{ color:#fff;} #JoinBox5 .joinTitle .en{ color:#51545b;} .JoinBox5feedback .contact-con{ font-size:0;padding:35px 39px 0 39px; background:#fff;} .JoinBox5feedback .contact-con .JoinBox5-Title{font-size:18px;color:#1f3650;line-height: normal;font-weight:normal;padding-left:20px;background:url(../images/join4-tit.png) no-repeat left center;margin-bottom:40px;} @media screen and (max-width:960px) { #JoinBox5{padding-top:80px;padding-bottom:0px;} } @media screen and (max-width:768px) { .JoinBox5feedback .contact-con{padding:35px 20px 0 20px;} } @media screen and (max-width:640px) { .sitemap{ display:none;} } /*css3*/ @keyframes icon-bounce { 0%, 100% {-moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); transform: rotate(0deg); } 25% {-moz-transform: rotate(15deg); -ms-transform: rotate(15deg); -webkit-transform: rotate(15deg); transform: rotate(15deg); } 50% {-moz-transform: rotate(-15deg); -ms-transform: rotate(-15deg); -webkit-transform: rotate(-15deg); transform: rotate(-15deg); } 75% {-moz-transform: rotate(5deg); -ms-transform: rotate(5deg); -webkit-transform: rotate(5deg); transform: rotate(5deg); } 85% {-moz-transform: rotate(-5deg); -ms-transform: rotate(-5deg); -webkit-transform: rotate(-5deg); transform: rotate(-5deg); } } @-webkit-keyframes icon-bounce { 0%, 100% {-moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); transform: rotate(0deg); } 25% {-moz-transform: rotate(15deg); -ms-transform: rotate(15deg); -webkit-transform: rotate(15deg); transform: rotate(15deg); } 50% {-moz-transform: rotate(-15deg); -ms-transform: rotate(-15deg); -webkit-transform: rotate(-15deg); transform: rotate(-15deg); } 75% {-moz-transform: rotate(5deg); -ms-transform: rotate(5deg); -webkit-transform: rotate(5deg); transform: rotate(5deg); } 85% {-moz-transform: rotate(-5deg); -ms-transform: rotate(-5deg); -webkit-transform: rotate(-5deg); transform: rotate(-5deg); } } @-moz-keyframes icon-bounce { 0%, 100% {-moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); transform: rotate(0deg); } 25% {-moz-transform: rotate(15deg); -ms-transform: rotate(15deg); -webkit-transform: rotate(15deg); transform: rotate(15deg); } 50% {-moz-transform: rotate(-15deg); -ms-transform: rotate(-15deg); -webkit-transform: rotate(-15deg); transform: rotate(-15deg); } 75% {-moz-transform: rotate(5deg); -ms-transform: rotate(5deg); -webkit-transform: rotate(5deg); transform: rotate(5deg); } 85% {-moz-transform: rotate(-5deg); -ms-transform: rotate(-5deg); -webkit-transform: rotate(-5deg); transform: rotate(-5deg); } } @-o-keyframes icon-bounce { 0%, 100% {-moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); transform: rotate(0deg); } 25% {-moz-transform: rotate(15deg); -ms-transform: rotate(15deg); -webkit-transform: rotate(15deg); transform: rotate(15deg); } 50% {-moz-transform: rotate(-15deg); -ms-transform: rotate(-15deg); -webkit-transform: rotate(-15deg); transform: rotate(-15deg); } 75% {-moz-transform: rotate(5deg); -ms-transform: rotate(5deg); -webkit-transform: rotate(5deg); transform: rotate(5deg); } 85% {-moz-transform: rotate(-5deg); -ms-transform: rotate(-5deg); -webkit-transform: rotate(-5deg); transform: rotate(-5deg); } } @-webkit-keyframes bimgmatrix { 0% { -webkit-transform: matrix(1, 0, 0, 1, 0, 0);transform: matrix(1, 0, 0, 1, 0, 0); /*opacity: 0*/ } 50% { -webkit-transform: matrix(1.1, 0, 0, 1.1, 0, 0);transform: matrix(1.1, 0, 0, 1.1, 0, 0); opacity: 1 } 100% { -webkit-transform: matrix(1, 0, 0, 1, 0, 0);transform: matrix(1, 0, 0, 1, 0, 0); /*opacity: 0*/ } } @-moz-keyframes bimgmatrix { 0% { -moz-transform: matrix(1, 0, 0, 1, 0, 0);transform: matrix(1, 0, 0, 1, 0, 0); /*opacity: 0*/ } 50% { -moz-transform: matrix(1.1, 0, 0, 1.1, 0, 0);transform: matrix(1.1, 0, 0, 1.1, 0, 0); opacity: 1 } 100% { -moz-transform: matrix(1, 0, 0, 1, 0, 0);transform: matrix(1, 0, 0, 1, 0, 0); /*opacity: 0*/ } } @-o-keyframes bimgmatrix { 0% { -o-transform: matrix(1, 0, 0, 1, 0, 0);transform: matrix(1, 0, 0, 1, 0, 0); /*opacity: 0*/ } 50% { -o-transform: matrix(1.1, 0, 0, 1.1, 0, 0);transform: matrix(1.1, 0, 0, 1.1, 0, 0); opacity: 1 } 100% { -o-transform: matrix(1, 0, 0, 1, 0, 0);transform: matrix(1, 0, 0, 1, 0, 0); /*opacity: 0*/ } } @keyframes bimgmatrix { 0% { transform: matrix(1, 0, 0, 1, 0, 0); /*opacity: 0*/ } 50% { transform: matrix(1.1, 0, 0, 1.1, 0, 0); opacity: 1 } 100% { transform: matrix(1, 0, 0, 1, 0, 0); /*opacity: 0*/ } } /*20200709 index-newsList*/ .index-newsList .slick-prev, .index-newsList .slick-next{width:60px;height:60px;margin-top:-30px; z-index:6;-webkit-box-shadow: 0px 0px 9px rgba(0,0,0,.1);-moz-box-shadow: 0px 0px 9px rgba(0,0,0,.1);box-shadow: 0px 0px 9px rgba(0,0,0,.1);border-radius:50%; overflow:hidden; position:absolute; top:50%;} .index-newsList .slick-prev{background:url(../images/index-left.png) no-repeat left top;left:-75px;} .index-newsList .slick-next{background:url(../images/index-right.png) no-repeat left top;right:-75px;} .index-newsList .slick-prev:hover{background-position:left bottom;} .index-newsList .slick-next:hover{background-position:right bottom;} @media screen and (max-width:1350px) { .index-newsList .slick-prev{left:0;} .index-newsList .slick-next{right:0;} } @media screen and (max-width:768px) { .index-newsList .slick-prev, .index-newsList .slick-next{ display:none;} } .displaynone{ display:none; } .displayblock{ display:block; } .list{ line-height:200%;color:#000;background-color:#F6F6F6;border-bottom:1px #EAEAEA solid;padding-left:4%; } .list2{ line-height:200%;color:#000;background-color:#F6F6F6;cursor:pointer; } .list22{ color:#000;background-color:#F6F6F6;border-bottom:1px #EAEAEA solid;cursor:pointer; } .list22 img{ width:100%; } .list22_i{ width:20%; float:left; } .list22_w{ width:60%; float:left; line-height:350%; color:#666666; } .list23_w{ width:78%; padding-left:2%; float:left; line-height:150%; font-size:1em; color:#666666; } .list24_w{ width:98%; padding-left:2%; line-height:200%; font-size:1em; color:#666666; } .list3{ line-height:150%;color:#000;background-color:#FFF;border-bottom:1px #EAEAEA solid; font-size:0.9em; padding-top:0%;padding-bottom:0%; }