@charset "utf-8"; /* CSS Document */ body, 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;} body{font: 12px/1.5 '寰蒋闆呴粦','Microsoft YaHei',Arial,sans-serif; color:#6a6a6a; -webkit-text-size-adjust:none; background:#fff; overflow-x:hidden;} h1, h2, h3, h4, h5, h6, button, input, select, textarea{font-size:100%; font-weight:normal; font-family:"Microsoft YaHei";} fieldset, img{border:0; outline:none;} address, caption, cite, code, em, i, strong, th, var{font-style:normal} img{ border: none; outline:inherit;} ol,ul,li{list-style:none;margin:0;padding:0;outline:inherit;} table{border-collapse:collapse; border-spacing:0} label{cursor:default} input,textarea{ outline:none} a{text-decoration:none; cursor:pointer;} a{color:inherit;outline:none} 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; } input,textarea{ outline:none} /* 鍘婚櫎iPhone涓粯璁ょ殑input鏍峰紡 */ input,select,textarea,button{appearance:none; -o-appearance:none; -ms-appearance:none; -moz-appearance:none; -webkit-appearance:none; resize: none; border-radius:0; outline: none; border:none; background-color:transparent; font-family:inherit; font-size:inherit; color:inherit; box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box; vertical-align:middle;} @font-face { font-family: "AvantGardeLT"; src: /*url("fonts/AvantGardeLT.woff2") format("woff2"),*/ url("fonts/AvantGardeLT.woff") format("woff"), url("fonts/AvantGardeLT.ttf") format("truetype"), url("fonts/AvantGardeLT.eot") format("embedded-opentype"), url("fonts/AvantGardeLT.svg") format("svg"); } @media (min-width:1025px) { ::-webkit-scrollbar{width: 10px;height: 10px;background-color:rgba(255, 255, 255, 0.2);-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;} ::-webkit-scrollbar-thumb{ background-color:rgba(200, 200, 200, 1);-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;} } .w1400{ width: 1400px; margin: 0 auto; } @media (max-width:1440px) { .w1400{ width: 1200px; margin: 0 auto; } } @media (max-width:1220px) { .w1400{ width: 94%; margin: 0 auto; } } .guan{width: 40px;height: 40px; position: absolute;right: 15px;top:15px;background:url(../images/layout_close.png) no-repeat center;background-size: cover;cursor: pointer;} .ewm{position:absolute;top:30px;left:-30px;display:none;} .shouji{position:absolute;top:30px;left:-30px;display:none;} .header{ /*height: 100px;*/ background: #fff; width: 100%; position: relative; z-index: 900;border-bottom:1px solid #efefef;} .header .logo{ float: left;margin-right: 30px; height:100px;} .header .logo img{max-height:100%;} .header .menu{ float: left; } .header .menu .item{ float: left; height:49px; line-height:49px; position:relative;padding:0 0;} .header .menu .item .main-a{ font-size: 15px; color: #1e2831; display: block;padding:0 22.5px;height:49px; line-height:49px; overflow:hidden;} .header .menu .item.home .main-a{padding:0 22.5px 0 0;} .header .menu .main-a span{ height:49px; line-height:49px; overflow:hidden; display:block;/*-moz-transition: all .5s ease-in-out;-webkit-transition: all 0.5s ease-in-out;transition: all .5s ease-in-out;*/} .header .menu .main-a span.en{ color:#ea5404} .header .menu li.active .main-a span.cn{margin-top:-49px;} .header .menu li.active .main-a span.en{margin-top:0;} .header .menu li .line{ /*height: 3px; overflow: hidden; transition: all .3s ease; position: absolute; left: 20px; right: 20px; bottom: 0; background: #fff; */ display: none;} .header .menu li.current .line{ background: #562a25; } .header .topr{ float: right; line-height: 15px;margin-top:7px; } .header .topr a{ float: left; margin-left:7px; font-size: 12px;} .header .topr img{ vertical-align: top; } .header .topr .img2{display: none;} .header .topr a {color:#333;} .header .topr a:hover .img1{display: none;} .header .topr a:hover .img2{display: block;} /*erji*/ .header .subitem{ height: 60px; line-height: 60px; text-align: left; position: absolute; left: 0; top:49px; width:1200px; z-index: 999; display: none;} .header .subitem a{ font-size: 14px; padding:0 22.5px; color:#757575;} .header .subitem a:hover{ color:#ea5404;} .header .subitem a:last-of-type{ margin-right:0;} .subitemWrap{ height: 60px; width: 100%; background: #fff; background: rgba(255,255,255,.8); z-index: 900; position: absolute; top:150px; left: 0; display: none;-webkit-box-shadow:0 10px 20px rgba(0, 0, 0, 0.05);-moz-box-shadow:0 10px 20px rgba(0, 0, 0, 0.05);box-shadow:0 10px 20px rgba(0, 0, 0, 0.05);} .header .menu li:first-of-type,.header .menu li:last-of-type {position: relative;} .header .menu li:first-of-type .subitem {width: 600px;left: 0; margin-left: auto;text-align: left;} .header .menu li:last-of-type .subitem {width: 500px;right: 0; margin-left: auto;text-align: right;} .header .wrap{position: relative;background-color:#fff;} /*.header .topr{position: absolute;right:-25px;top: 42px;}*/ .user-box{position: relative; float: left;} .user-box .user-drop{width: 100%;position: absolute;top: 56px;min-width: 50px;text-align: center;right: 0;display: none;background:#fff;opacity:0.8;} .user-box .user-drop a{float: none;margin-left: 0; line-height: 18px;} .user-box .user-drop li{height:40px;line-height: 40px;} .user-box .user-drop li:hover{background:#e9e9e9;} .user-box .user-drop li:hover a{color:#a3020e;} /*pro nav*/ .header .menu .item.item3{ position: static;} .subitem2{ font-size:0;} .subitem2 .pr-a1{ display: inline-block;*display: inline;zoom:1; line-height:60px; height:60px;} .subitem2 .second-Hover{display:none;position:absolute;top:60px;width:150px;padding:10px 0;z-index:999999;background: rgba(234, 84, 4, 0.8);padding-bottom:10px; margin-left:0; border-bottom-left-radius: 5px;border-bottom-right-radius: 5px;} .subitem2 .second-Hover li{line-height:24px;margin:0;position:relative;z-index:99999; background:none;} .subitem2 .second-Hover a{color:#fff;line-height:24px; display:block;font-size:14px;float:none; font-family:"寰蒋闆呴粦"; padding:5px 22px;} .subitem2 .second-Hover a:hover{ color:#fff; background:#ea5404;} /*phone*/ .phone-mobile_box{display: none;} .phone_logo{display: none;} .header .menu-btn{display: none;} .header .menu-btn2{display: none;} .ewm{position:absolute;top:30px;left: 0;display:none; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%);} .shouji{position:absolute;top:30px;left: 0;display:none; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%);} @media (max-width: 1024px) { .header .logo{margin-right: 30px; height:auto;} .mobile_box{ display:none !important; float:none; width:0;} .phone-mobile_box{position: fixed;width: 100%;top: 0;z-index: 99;height: 100%;background-color:#ea5404; overflow: auto !important;} .phone-mobile_box .menu,.phone-mobile_box .topr{float: none;} .phone-mobile_box .menu{padding:0 2rem;padding-top: 4.5rem;} .phone-mobile_box .menu li.item{float: none;text-align: center;display: block;margin-bottom:10px; line-height: 1.6;height: auto;margin-right:0;} .phone-mobile_box .menu .item .main-a{ color:#fff !important; font-size: 1.4rem;font-weight: normal;padding: 0;} .phone-mobile_box .sousuo{display: block;margin-left: auto;margin-right: ;} .phone-mobile_box .topr{text-align: center;padding-top: 1px; margin-right: 1.5rem; padding-bottom: 3rem;} .phone-mobile_box .topr a{font-size: 1rem; color:#fff;float: none;display: inline-block;} .phone-mobile_box .menu-close{width: 20px;height: 20px;background:url(../images/menu_close.png) no-repeat; position:fixed;right: 5%; top: 2rem;} .phone-mobile_box .subitem{display: none;position: static; height: auto;line-height: 1.8;font-size: 1.1rem;margin-left: auto;width: auto;} .phone-mobile_box .subitem div{text-align: center;} .phone-mobile_box .subitem a{color:#f3cdb8;padding-top:5px;padding-bottom:5px;display:inline-block;} .phone-mobile_box .subitem a:hover{color:#f3cdb8;} .phone-mobile_box .menu li:last-of-type .subitem{width: auto;text-align: center;} .phone-mobile_box .main-a span{position: relative; display:inline-block !important;margin:0 auto;padding:0 30px;} .phone-mobile_box .item2 .main-a span::before{content:"";display:block;position:absolute;top:0;left:0;bottom:0;width:15px;height:2px;margin:auto;background-color:#f3cdb8;} .phone-mobile_box .item2 .main-a span::after{content:"";display:block;position:absolute;top:0;left:7px;bottom:0;width:2px;height:15px;margin:auto;background-color:#f3cdb8;} .phone-mobile_box .item2 .main-a.active span::after{display:none;} /*sj-sanji*/ .phone-mobile_box .subitem ul{ font-size:0; padding:1.5% 0; background:#ef6318;border-radius:5px;margin-bottom:10px;border-top: 2px solid #fb7832;} .phone-mobile_box .subitem ul li{ display:inline-block; *display:inline;zoom:1; text-align:center; vertical-align:top;} .phone-mobile_box .subitem ul li a{ font-size: 14px; color:#f3cdb8;} /*.header .pc_logo{display: none;}*/ .header .pc_logo{display: block;position: absolute;top: 0;bottom: 0;margin-top: auto;margin-bottom: auto;} .header .logo .pc_logo{height: auto;width:auto;} .header{height: 4rem;} .header .wrap{height: 100%;} .header .menu-btn{display: block;position: absolute; width: 26px;height: 18px;background:url(../images/menu_btn.png) no-repeat; right: 0;top: 0;bottom: 0;margin-top: auto;margin-bottom: auto;} .header .menu-btn2{display:block;position:absolute;width:26px;height:26px;border-radius:50%;background:url(../images/top-search.png) no-repeat #ea5404 center center; background-size:13px; right:35px;top: 0;bottom: 0;margin-top: auto;margin-bottom: auto;} .focus-img-con ul li a{width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding-right: 10px; height: auto;} .focus-img-con{height: 200px;z-index: 1; overflow: hidden;} .focus-img .es-nav-next,.focus-img .es-nav-prev{top: 40%;z-index: 20;} .focus-img .es-nav-prev{left: 0;} .focus-img .es-nav-next{right: 0;} .header .topr a:hover .img1{display: block;} .header .topr a:hover .img2{display: none;} } .mobile_box{ display:block; float:left; width:100%;position: relative;} /*searchbox*/ .click-login{height:42px; line-height:42px; font-size:12px; color:#909090; background:url(../images/top-icon.png) no-repeat left center;padding-left:25px;position:absolute;right:300px;top:0;margin-top:38px;} .searchbox{width:226px;background-color:#efefef;height:42px;position:relative;padding:0px 18px;position:absolute;right:0;top:0;margin-top:38px;} .searchbox .searchtext{width:100%; height:42px; line-height:42px; background:none; border:none; font-size:12px; color:#909090;} .searchbox .searchbtn{width:42px; height:42px; border:none; position:absolute; right:0px; top:0px; background:url(../images/top-search.png) no-repeat #ea5404 center center; font-size:0px;cursor:pointer;} @media (max-width: 1024px) { .click-login{ display:none;} .searchbox{width:100%;padding:0 3%;right:auto; left:-3%;top:4rem;margin-top:0;display:none;} .searchbox .searchtext{ text-indent:10px;} } .bx-wrapper{position: relative;margin: 0 auto;padding: 0;*zoom: 1;-ms-touch-action: pan-y;touch-action: pan-y;} .bx-wrapper img{max-width: 100%;display: block;} .bxslider{margin: 0;padding: 0;} ul.bxslider{list-style: none;} .bx-viewport{-webkit-transform: translatez(0);} .bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto{position: absolute;bottom: 20px;width: 100%;z-index: 3;} .bx-wrapper .bx-loading{min-height: 50px;background: url("../images/loading.gif") center center no-repeat;height: 100%;width: 100%;position: absolute;top: 0;left: 0;z-index: 2000;} .bx-wrapper .bx-pager{text-align: center;font-size: .85em;font-family: Arial;font-weight: bold;color: #666; display:none;} .bx-wrapper .bx-pager.bx-default-pager a{text-indent: -9999px;display: block;width: 8px;height: 8px;margin: 0 5px;outline: 0;border-radius: 5px;transition: all ease-out .3s;border: #c8c8c8 1px solid;;} .bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active, .bx-wrapper .bx-pager.bx-default-pager a:focus{border: #00C0FF 1px solid;background-color: #00C0FF;} .bx-wrapper .bx-pager-item, .bx-wrapper .bx-controls-auto .bx-controls-auto-item{display: inline-block;*zoom: 1;*display: inline;} .bx-wrapper .bx-pager-item{font-size: 0;line-height: 0;} .bx-wrapper .bx-prev{left: 20px;} .bx-wrapper .bx-next{right: 20px;} .bx-wrapper .bx-controls-direction a{position: absolute;top: 50%;margin-top: -20px;outline: 0;width: 40px;height: 40px;z-index: 2;background: rgba(0, 0, 0, .5);border-radius: 20px;transition: all ease-out .3s;display: block} .bx-wrapper .bx-controls-direction a i{color: #fff;font-size: 30px;margin-top: 4px;margin-left: 0;transition: all ease-out .3s} .bx-wrapper .bx-controls-direction a.bx-next i{margin-left:0} .bx-wrapper .bx-controls-direction a:hover{background-color: #00c0ff} .bx-wrapper .bx-controls-direction a.disabled{display: none;} .bx-wrapper .bx-controls-auto{text-align: center;} .bx-wrapper .bx-controls-auto .bx-start{display: block;text-indent: -9999px;width: 10px;height: 11px;outline: 0;margin: 0 3px;} .bx-wrapper .bx-controls-auto .bx-start:hover, .bx-wrapper .bx-controls-auto .bx-start.active, .bx-wrapper .bx-controls-auto .bx-start:focus{background-position: -86px 0;} .bx-wrapper .bx-controls-auto .bx-stop{display: block;text-indent: -9999px;width: 9px;height: 11px;outline: 0;margin: 0 3px;} .bx-wrapper .bx-controls-auto .bx-stop:hover, .bx-wrapper .bx-controls-auto .bx-stop.active, .bx-wrapper .bx-controls-auto .bx-stop:focus{background-position: -86px -33px;} .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager{text-align: left;width: 80%;} .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto{right: 0;width: 35px;} .bx-wrapper .bx-caption{position: absolute;bottom: 0;left: 0;background: #666;background: rgba(80, 80, 80, 0.75);width: 100%;} .bx-wrapper .bx-caption span{color: #fff;font-family: Arial;display: block;font-size: .85em;padding: 10px;} /*banner*/ .bx-wrapper .bx-prev {left: 20px;} .bx-wrapper .bx-next {right: 20px;} .bx-wrapper .bx-controls-direction a{position: absolute;top: 50%;margin-top: -20px;outline: 0;width: 40px;height: 40px;z-index: 2;background: rgba(0, 0, 0, .5);border-radius: 20px;transition: all ease-out .3s;display: block} .bx-wrapper .bx-controls-direction a i{transition: all ease-out .3s} .bx-wrapper .bx-controls-direction a.bx-next i{} .bx-wrapper .bx-controls-direction a:hover{background-color: #00c0ff} .bx-wrapper .bx-controls-direction a.disabled{display: none;} #indexPage #topSlider {width: 100%;height: 100%;position: relative;overflow: hidden;display: block} #indexPage #topSlider ul.content_list {width: 100%;/*height: 100%;*/overflow: hidden;height:auto!important;} #indexPage #topSlider ul li {width: 100%;height: 100%;display: block;} #indexPage #topSlider ul li div.item_bg {position: absolute;width: 100%;height: 100%;} #indexPage #topSlider ul li div.item_bg.image {background-position: center;background-repeat: no-repeat;background-size: cover;width: 100%;height: 100%} #indexPage #topSlider ul li div.item_bg.video video {width: 100%;height: 100%} #indexPage #topSlider ul li div.mask {position: absolute;left: 0;top: 0;width: 100%;height: 100%;background-color: rgba(0,0,0,.3)} #indexPage #topSlider ul li a {width: 100%;height: 100%;display: table;position: absolute;left: 0;top: 0} #indexPage #topSlider ul li a div {display: table-cell;vertical-align: middle;padding: 100px 50px;} #indexPage #topSlider ul li p {color: #fff;max-width: 1170px;margin: 0 auto;} #indexPage #topSlider ul li p.title {font-size: 48px;line-height: 60px;height: 60px;transition-delay: 0} #indexPage #topSlider ul li p.subtitle {font-size: 14px;height: 20px;color: #ddd;transition-delay: 0.2s;margin-top: 20px} #indexPage #topSlider .sliderArrow {display: none} #indexPage #topSlider ul li a i {text-indent: 20px;font-size: 24px} #indexPage #topSlider ul li p {transform: translateY(50px);transition: all cubic-bezier(0.215, 0.61, 0.355, 1) .5s;-webkit-transition: all cubic-bezier(0.215, 0.61, 0.355, 1) .5s;opacity: 0} #indexPage #topSlider ul li.active p {transform: translateY(0px);opacity: 1} #indexPage #topSlider .bx-wrapper .bx-pager {height: 20px} .singlescreen #indexPage #topSlider .bx-wrapper .bx-pager {bottom: 65px} #indexPage #topSlider .bx-wrapper .bx-pager a {width: 8px;height: 8px;border-radius: 6px;display: inline-block;background-color: rgba(122, 122, 122, 0.4);margin: 0 10px;border: 2px solid transparent;} #indexPage #topSlider .bx-wrapper .bx-pager a:hover,#indexPage #topSlider .bx-wrapper .bx-pager a.active {border-color: #fb9705;background-color: transparent;} #indexPage #topSlider .bx-wrapper .bx-controls-direction a {width: 35px;height: 80px;margin-top: -40px;border-radius: 0;background-color: rgba(0,0,0,.2)} #indexPage #topSlider .bx-wrapper .bx-controls-direction a.bx-prev {left: 0} #indexPage #topSlider .bx-wrapper .bx-controls-direction a.bx-next {right: 0} #indexPage #topSlider .bx-wrapper .bx-controls-direction a.bx-prev i{ display:block; height:100%;background:url(../images/arrowbtn2.png) no-repeat center center;} #indexPage #topSlider .bx-wrapper .bx-controls-direction a.bx-next i{display:block;height:100%;background:url(../images/arrowbtn3.png) no-repeat center center;} #indexPage #topSlider .bx-pager .bx-thumb {position: absolute;top: -100px;width: 80px;height: 80px;border: 3px #e7e7e7 solid;margin-left: -20px;} #indexPage #topSlider .bx-pager .bx-thumb:before {left: 32px;bottom: -8px;transform: rotate(45deg);-webkit-transform: rotate(45deg);background: #e7e7e7;content: "";height: 20px;position: absolute;width: 20px;z-index: -1;} #indexPage #topSlider .bx-controls-direction .bx-thumb {position: absolute;width: 80px;height: 80px;top: 50%;margin-top: -40px;opacity: 0} #indexPage #topSlider .bx-thumb .wrapper {width: 80px;height: 80px;overflow: hidden} #indexPage #topSlider .bx-thumb ul {height: 80px;} #indexPage #topSlider .bx-thumb li {width: 80px;height: 80px!important;float: left;position: relative;background-position: center center;background-size: auto 100%;} #indexPage #topSlider .bx-controls-direction .bx-thumb li:before {content: '';position: absolute;width: 68px;height: 68px;margin: 5px;border: #fff 1px solid} .TouchSlide{ display:none} @media screen and (max-width:1024px){ #indexPage #topSlider{ display:none!important;} /*m_Banner*/ .TouchSlide{width:100%;position: relative; height:auto; margin:0 auto; overflow:hidden; display:block;/*padding-top:86px;*/} .TouchSlide .bd{position:relative; z-index:0;text-align:center;width:100%;} .TouchSlide .bd li{width:100%;margin-bottom:1em;} .TouchSlide .bd li img{width:100%;} .TouchSlide .bd li a{ display:block;} .TouchSlide .hd {width:100%;position:absolute;z-index:1;bottom:3.125vw;text-align:center;} .TouchSlide .hd ul li{border:1px solid #fff;cursor:pointer;display:inline-block;*display:inline;zoom:1;width:5px;height:5px;margin:0 0.5em;overflow:hidden;line-height:999px;border-radius:50%;} .TouchSlide .hd ul li.on{background: #fff;} } /*index-button*/ .index-button{text-align:center;margin-top:-34px;} .index-button .button-box{margin-bottom:37px;} .index-button a{border-radius:50%;width:68px;height:68px;position:relative;z-index:2;background:#ea5404;display:inline-block;transition:all .2s ease-in 0s;-o-transition:all .2s ease-in 0s;-moz-transition:all .2s ease-in 0s;-ms-transition:all .2s ease-in 0s;-webkit-transition:all .2s ease-in 0s;} .index-button a::before{width:1px;height:48px;border-left:1px solid #ea5404;position:absolute;content:"";bottom:-48px;left:50%;transition:all .2s ease-in 0s;-o-transition:all .2s ease-in 0s;-moz-transition:all .2s ease-in 0s;-ms-transition:all .2s ease-in 0s;-webkit-transition:all .2s ease-in 0s;margin-left:-0.5px;} .index-button a:hover::before{bottom:-37px;height:27px;} .index-button a::after{position:absolute;content:"";border:2px solid #ea5404;width:84px;height:84px;left:50%;top:50%;margin-left:-44px;margin-top:-44px;border-radius:50%;z-index:-1;opacity:0;transition:all .2s ease-in 0s;-o-transition:all .2s ease-in 0s;-moz-transition:all .2s ease-in 0s;-ms-transition:all .2s ease-in 0s;-webkit-transition:all .2s ease-in 0s;-o-transform:scale(0.8);-moz-transform:scale(0.8);-ms-transform:scale(0.8);-webkit-transform:scale(0.8);transform:scale(0.8);} .index-button a:hover::after{opacity:1;-o-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-webkit-transform:scale(1);transform:scale(1);} .index-button a span{font-size:12px;position:relative;padding-top:0;width:100%;text-align:center;line-height:16px;top:9px;transition:all .2s ease-in 0s;-o-transition:all .2s ease-in 0s;-moz-transition:all .2s ease-in 0s;-ms-transition:all .2s ease-in 0s;-webkit-transition:all .2s ease-in 0s;color:#fff;} .index-button a:hover span{color:#fff!important;} /*.index-button a span::before{content:"";position:absolute;width:20px;height:2px;border-top:2px solid;border-color:inherit;left:50%;margin-left:-10px;top:0;transition:all .2s ease-in 0s;-o-transition:all .2s ease-in 0s;-moz-transition:all .2s ease-in 0s;-ms-transition:all .2s ease-in 0s;-webkit-transition:all .2s ease-in 0s;} .index-button a:hover span::before{border-color:#fff;} .index-button a span::after{content:"";position:absolute;width:20px;height:2px;border-top:2px solid;border-color:inherit;left:50%;margin-left:-10px;top:10px;transition:all .2s ease-in 0s;-o-transition:all .2s ease-in 0s;-moz-transition:all .2s ease-in 0s;-ms-transition:all .2s ease-in 0s;-webkit-transition:all .2s ease-in 0s;} .index-button a:hover span::after{border-color:#fff;}*/ @media (max-width:768px){ .index-button .content-float{padding-left: 2%!important;padding-right: 2%!important} .index-button.full-screen-spacing .content-float{padding-left: 3%!important;padding-right: 3%!important} } @media (max-width:480px){ .index-button a{width:50px;height:50px;} .index-button a::after{width:66px;height:66px;margin-left:-34px;margin-top:-34px;border-width:1px;} .index-button a::before{height:20px;bottom:-30px;} .index-button a:hover::before{bottom:-40px;} /*.index-button a span::before{border-width:1px;} .index-button a span::after{border-width:1px;top:8px;}*/ .index-button a span{top:3px;} } /*titleBox*/ .titleNr{position:relative;margin-bottom:30px; } .titleBig{text-align:center;} .titleBig .en{color: #5d6371;font-size:14px;margin:0 auto;display:inline-block;font-style: normal;text-align:center; position:relative;} .titleBig .en:after{ content:""; background:#5d6371; width:16px; height:1px; position:absolute; left:-25px; top:50%;} .titleBig .en:before{ content:""; background:#5d6371; width:16px; height:1px; position:absolute;right:-25px; top:50%;} .titleBig .cn{color: #3b4048;font-size:38px;margin:0 auto;display:block;font-style: normal;text-align:center;font-family: 'Noto Serif CJK SC', 'Source Han Serif SC', 鈥 Source Han Serif 鈥 , source-han-serif-sc, ' 瀹嬩綋 ', serif; font-weight: 900;} .titlewz{color: #909090;font-size:14px; line-height:26px;margin:0 auto;display:block;font-style: normal; text-align:center;margin-top:5px;} @media screen and (max-width:1024px) { .titleNr{margin-top:30px;} } @media screen and (max-width:767px) { .titleNr{margin-top:10px;} .titleBig .cn{font-size:24px;} } /*more*/ .btn-view{line-height: 30px;overflow: hidden;margin-top:45px;} .btn-view a{display:inline-block;color:#ea5404;font-size:12px;-moz-transition: all .5s ease-in-out;-webkit-transition: all 0.5s ease-in-out;transition: all .5s ease-in-out;} .btn-view a span{display:inline-block;font-size: 26px;line-height: 30px;float: right;margin-left:13px;-moz-transition: all .5s ease-in-out;-webkit-transition: all 0.5s ease-in-out;transition: all .5s ease-in-out;} .btn-view a:hover{margin-left:13px;} .btn-view a:hover span{margin-left:30px;} @media screen and (max-width:767px) { .btn-view{margin-top:20px;} } /*indexAbout*/ .indexAbout{padding-top:50px;padding-bottom:70px; overflow:hidden;} .indexAbout .aboutBox {overflow:hidden;} .indexAbout .aboutBox .aboutImg{ width:700px; float:left; min-height:490px;} .indexAbout .aboutBox .aboutImg img{ max-width:100%; display:block;} .indexAbout .aboutBox .aboutwz{ width:700px; float:left; position:relative;} .indexAbout .aboutBox .aboutwzBox{padding: 70px 0 0px 70px;} .indexAbout .aboutBox .aboutTit{font-size:70px;color:#c3cad6; line-height:70px; font-family: "AvantGardeLT";margin-bottom:45px; text-transform:uppercase;} .indexAbout .aboutBox .aboutInfo{font-size:15px;color:#464a55; line-height:32px;max-height:128px; overflow:hidden;} .indexAbout .aboutBox .aboutBtn{padding-top:10px;} @media screen and (max-width:1440px) { .indexAbout .aboutBox .aboutImg{min-height:460px;} .indexAbout .aboutBox .aboutImg{ width:600px;} .indexAbout .aboutBox .aboutwz{ width:600px;} } @media screen and (max-width:1220px) { .indexAbout .aboutBox .aboutImg{ width:50%;} .indexAbout .aboutBox .aboutwz{ width:50%;} } @media screen and (max-width:1024px) { .indexAbout {padding-top:40px;padding-bottom:50px;} .indexAbout .aboutBox .aboutImg{ width:100%; float:none;min-height:auto;} .indexAbout .aboutBox .aboutImg img{width:100%;} .indexAbout .aboutBox .aboutwz{ width:100%; float:none;margin-top:30px;min-height: inherit;} } @media screen and (max-width:767px) { .indexAbout {padding-top:0px;padding-bottom:30px;} .indexAbout .aboutBox .aboutNr{padding-top:10px;} .indexAbout .aboutBox .aboutwzBox{padding:0 0px 0 0px;} .indexAbout .titleBig{ padding:20px 15px 20px 15px;} .indexAbout .aboutBox .aboutTit{font-size:40px;line-height:40px;margin-bottom:15px;} } /*index-pro*/ .proBtn{ text-align:center;} .index-pro{padding-bottom:60px;padding-top:85px; background:url(../images/index-probg.jpg) center bottom no-repeat #fafafa;} .index-pro .proList{margin:0;padding:0;overflow:hidden;height:auto;color:#a0a0a0;font-size:0;line-height:normal;} .index-pro .proList li{font-size:0;display:inline-block;*display:inline;zoom:1;margin:0;padding:0;list-style:none;width:33.333333%;margin-bottom:30px; vertical-align:top;} .index-pro .proList li a{display:block; margin:0 20px;} .index-pro .proList li .ImgBox{width:390px;height:390px;overflow:hidden; background:#fff;position: relative;} .index-pro .proList li .ImgBox img{max-width:390px;max-height:390px;} .index-pro .proList li .ImgBox img{transition: all .5s ease-in-out;-moz-transition: all .5s ease-in-out;-webkit-transition: all 0.5s ease-in-out;} .index-pro .proList li:hover .ImgBox img{-moz-transform: scale(1.05); -webkit-transform: scale(1.05);transform: scale(1.05);} .index-pro .proList li .listTitle{overflow:hidden;display:block;padding:25px 8px;-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; text-align:center;background:#fff;} .index-pro .proList li .listTitle .t{ display:inline-block;font-size: 18px;color:#333333;height:30px;line-height:30px; overflow:hidden;} .index-pro .proList li .listTitle .en{ display:inline-block;font-size: 14px;color:#5d6371;height:30px;line-height:30px; overflow:hidden;margin-left:10px;} .index-pro .proList li a:hover{-webkit-box-shadow: 0 10px 50px rgba(0,0,0,.1);-moz-box-shadow: 0 10px 30px rgba(0,0,0,.1);box-shadow: 0px 10px 50px rgba(0,0,0,.1);} /*mark*/ .lcbody{ width: 30px;height: 30px;position: relative;transform: translateZ(0px) rotate(0deg);-webkit-transform: translateZ(0px) rotate(0deg);transition: transform 0.4s cubic-bezier(0.4, 0.01, .165, 0.99);-webkit-transition: -webkit-transform 0.4s cubic-bezier(0.4, 0.01, .165, 0.99);} .lcitem{ position: absolute;left: 0;top: 0;transform: translateZ(0px) rotate(0deg);transition: transform 0.25s cubic-bezier(0.4, 0.01, 0.165, 0.99) 0s;-webkit-transform: translateZ(0px) rotate(0deg);-webkit-transition: -webkit-transform 0.25s cubic-bezier(0.4, 0.01, 0.165, 0.99) 0s;width: 30px;height: 30px;} .lcitem .rect{ width: 30px;height: 2px;background: #181818;position: absolute;left: 0;top: 14px;transition: transform 0.2s ease 0.2s;-webkit-transition: -webkit-transform 0.2s ease 0.2s;} .index-pro .proList li a .ImgBox .rectborder{ width: calc(100% + 20px);height: calc(100% + 20px);position: absolute;left: -10px;top: -10px;border: rgba(255,255,255,.6) 1px solid;transition: all ease-out .3s} .index-pro .proList li a .ImgBox .icon{ position: absolute;bottom: 0;right: 30px;width: 46px;height: 40px;background:#ea5404;bottom: -40px;transition: all ease-out .3s} .index-pro .proList li a .ImgBox .icon .add{ width: 15px;height: 15px;margin: 12px 0 0 15px} .index-pro .proList li a .ImgBox .icon .add .lcitem{ width: 15px;height: 15px;} .index-pro .proList li a .ImgBox .icon .add .lcitem .rect{ width: 15px;height: 1px;background: #fff;top: 7px;} .index-pro .proList li a .ImgBox .icon .add .lcitem.v .rect{ transform: rotate(90deg);-webkit-transform: rotate(90deg);} .index-pro .proList li a .ImgBox:hover img{ transform: scale(1.1, 1.1)} .index-pro .proList li a .ImgBox:hover .rectborder{ width: calc(100% - 22px);height: calc(100% - 32px);left: 10px;top: 10px;} .index-pro .proList li a .ImgBox:hover .icon {bottom: 10px} /*prev + next*/ .prolunboBox{position:relative;} .prolunboCon{text-align:center;margin:0 auto;width:1290px;padding:25px 0 0 0; overflow:hidden;} .prolunboIcon .prev, .prolunboIcon .next{ -webkit-transition: all 0.6s ease;transition: all 0.6s ease;margin:0 0;display:inline-block;text-decoration: none;width:56px;height:56px;border-radius:50%; position:absolute; top:50%;margin-top:-28px;} .prolunboIcon .prev {background:url(../images/index-prev.png) left center no-repeat #333333; left:0;} .prolunboIcon .next {background:url(../images/index-next.png) right center no-repeat #333333; right:0;} .hd2{ display:none;} @media screen and (max-width:1440px) { .index-pro .proList li a{margin:0 15px;} .index-pro .proList li .ImgBox{width:340px;height:340px;} .index-pro .proList li .ImgBox img{max-width:340px;max-height:340px;} .prolunboCon{ width:1110px;padding:25px 0 0 0;} .prolunboIcon .prev,.prolunboIcon .next{ width:50px;height:50px;margin-top:-25px; background-size:50px;} .prolunboIcon .prev {left:-25px;} .prolunboIcon .next {right:-25px;} } @media screen and (max-width:1220px) { .index-pro .proList{margin:0 -15px;} .index-pro .proList li a{margin:0 15px;} .index-pro .proList li .ImgBox{width:100%;height:auto; display:block;} .index-pro .proList li .ImgBox img{max-width: 100%;max-height:100%;width: 100%;} .prolunboCon{ width:auto;padding:25px 0 0 0;} .prolunboIcon{ text-align:center;margin-top:25px;} .prolunboIcon .prev{ position: static;margin:0 10px;} .prolunboIcon .next{ position: static;margin:0 10px;} } @media screen and (max-width:1024px) { .proIconBox .proIconList li{width:33.33333%;} } @media screen and (max-width:767px) { .index-pro{padding-top:30px;padding-bottom:30px;} .index-pro .proList{margin:0;} .index-pro .proList li{width:100%;} .index-pro .proList li a{margin:0;} .proIconBox .proIconList li{width:50%;} .index-pro .proList li a mark{ display:none;} } @media screen and (max-width:350px) { .index-pro .proList{width:100%;} .index-pro .proList li{width:100%;margin-right:0;} .index-pro .proList li .listTitle{padding:10px;} .index-pro .proList li .listTitle{padding-top:60px;} } /*case*/ .index-case{padding: 80px 0 0 0;width: 100%;overflow: hidden;} .g-wrap {position:relative; margin:0 auto; width:100%; height:100%; overflow:hidden;} /* 婊戝潡 start */ #subjects {height:650px; background-color:#e0e2e4;} #subjects .g-wrap a {position:absolute; top:0; left:100%; width:100%; height:100%; overflow:hidden; -webkit-opacity:1; opacity:1; display:block\9;-moz-transition: all .5s ease-in-out;-webkit-transition: all 0.5s ease-in-out;transition: all .5s ease-in-out;} #subjects .g-wrap .item-1 {z-index:1; background-color:#c8c8c8;} #subjects .g-wrap .item-2 {z-index:2; background-color:#ffd900;} #subjects .g-wrap .item-3 {z-index:3; background-color:#fc433e;} #subjects .g-wrap .item-4 {z-index:4; background-color:#2d2d58;} #subjects .g-wrap a span {position:absolute; background:no-repeat 0 0;} /*nr con*/ #subjects .g-wrap a .con{position: absolute;bottom:43px;left: 0;width: 100%;height:75px;z-index: 2;display: block;margin: 9% 50px 0;transition: bottom .3s;} #subjects .g-wrap a .con:after{ content:""; width:100%; position:absolute; bottom:0; left:0; background:#ccc; height:2px;opacity: 0.5;filter: alpha(opacity=50);} #subjects .g-wrap a .bg{width: 100%;position: absolute;top: 0;left: 0;height: 100%;background: #000;z-index: 1;opacity: 0.4;filter: alpha(opacity=40);-moz-transition: all .5s ease-in-out;-webkit-transition: all 0.5s ease-in-out;transition: all .5s ease-in-out;} #subjects .g-wrap a .font-bg{width: 100%;position: absolute;top: 0;left: 0;height: 100%;z-index: 1;} #subjects .g-wrap a .tit{ display:inline-block;font-size:22px;color: #fff;line-height: 25px;color: #fff;margin-top:30px;} #subjects .g-wrap a .en{ display:inline-block;font-size: 12px;color: #fff;opacity: .6;filter: alpha(opacity=60); position:relative;vertical-align:bottom;margin-left:10px;margin-top:30px; text-transform:uppercase;} #subjects .g-wrap a:hover .bg{opacity:0.2;filter: alpha(opacity=20);} /*#subjects*/ #subjects .trans a {-webkit-opacity:0; opacity:0; display:none\9;} /* 閫愪釜瀛楁瘝 */ #subjects .g-wrap a.item-1 .font-bg{background:url(../images/index-case-icon1.png) 50px 50px no-repeat;} #subjects .g-wrap a.item-2 .font-bg{background:url(../images/index-case-icon2.png) 50px 50px no-repeat;} #subjects .g-wrap a.item-3 .font-bg{background:url(../images/index-case-icon3.png) 50px 50px no-repeat;} #subjects .g-wrap a.item-4 .font-bg{background:url(../images/index-case-icon4.png) 50px 50px no-repeat;} /* 閫愪釜鍑虹幇 */ #subjects .ready .item-2 {transition-delay:150ms; -webkit-transition-delay:150ms; -ms-transition-delay:150ms; -moz-transition-delay:150ms;} #subjects .ready .item-3 {transition-delay:150ms; -webkit-transition-delay:300ms; -ms-transition-delay:300ms; -moz-transition-delay:300ms;} #subjects .ready .item-4 {transition-delay:150ms; -webkit-transition-delay:450ms; -ms-transition-delay:450ms; -moz-transition-delay:450ms;} /* 娌℃湁鎸囧悜 */ #subjects .state-0 .item-1 {left:0;} #subjects .state-0 .item-2 {left:25%;} #subjects .state-0 .item-3 {left:50%;} #subjects .state-0 .item-4 {left:75%;} /* 鎸囧悜绗竴涓 */ #subjects .state-1 .item-1 {left:0;} #subjects .state-1 .item-2 {left:40%;} #subjects .state-1 .item-3 {left:60%;} #subjects .state-1 .item-4 {left:80%;} /* 鎸囧悜绗簩涓 */ #subjects .state-2 .item-1 {left:0;} #subjects .state-2 .item-2 {left:20%;} #subjects .state-2 .item-3 {left:60%;} #subjects .state-2 .item-4 {left:80%;} /* 鎸囧悜绗笁涓 */ #subjects .state-3 .item-1 {left:0;} #subjects .state-3 .item-2 {left:20%;} #subjects .state-3 .item-3 {left:40%;} #subjects .state-3 .item-4 {left:80%;} /* 鎸囧悜绗洓涓 */ #subjects .state-4 .item-1 {left:0;} #subjects .state-4 .item-2 {left:20%;} #subjects .state-4 .item-3 {left:40%;} #subjects .state-4 .item-4 {left:60%;} /* 婊戝潡 end */ @media screen and (max-width:1024px) { #subjects {height:auto; background-color:#e0e2e4;} #subjects .g-wrap a {position: relative; top:auto; left:auto!important;width:50%;height:auto; float:left;} #subjects .g-wrap a img{ display: block;max-width:100%;} #subjects .g-wrap a span {position: static;} #subjects .g-wrap a .tit{font-size:16px; display:block;margin-top:0;} #subjects .g-wrap a .con{bottom:15px;height:50px;margin: 0 0 0 5%;} #subjects .g-wrap a .con:after{ width:0;} #subjects .g-wrap a .en{margin-left:5px; display:block;margin-top:0;} #subjects .g-wrap a.item-1 .font-bg, #subjects .g-wrap a.item-2 .font-bg, #subjects .g-wrap a.item-3 .font-bg, #subjects .g-wrap a.item-4 .font-bg{background-position:5% 5%; background-size:40px;} } @media screen and (max-width:780px) { #subjects .g-wrap a {width:100%;} } @media screen and (max-width:350px) { #subjects .g-wrap a {width:100%;} } /*index-contact*/ .index-contact{padding: 80px 0 50PX 0;border-bottom:1px solid #ededed;} .contactImg{ position:relative; background:url(../images/index-contantbg.jpg) center bottom no-repeat;text-align:center;margin-top:75px;} .contactImg img{ position:relative; top:-75px;max-width:90%;} /*indexNews*/ .indexNews{padding: 80px 0 50PX 0;width:100%; height:100%; position:relative; background-color:#fff; overflow:hidden;} .enzymeleft{width:20%; height:100%; float:left;} .enzymeleft .enzbox{width:240px; margin:50px 0px 0px 60px;} .enzymeleft .enzbox .titleBig .cn{font-size:26px;text-align:left;} .enzymeleft .enzbox .titlewz{text-align:left;} .enzymeleft .btns{display:block; width:145px; height:45px; line-height:45px; text-align:center; margin-top:140px; font-size:14px; color:#fff; background-color:#505050; position:relative; z-index:1;} .enzymeleft .btns:before{content:""; display:block; width:0; height:100%; position:absolute; left:0; top:0; z-index:-1; background-color:#cc3029; -moz-transition: all 0.6s ease;-webkit-transition: all 0.6s ease;-o-transition: all 0.6s ease;-ms-transition: all 0.6s ease;transition: all 0.6s ease;} .enzymeleft .btns:hover:before{width:100%;} .enzymeright{width:70%;margin-right:10%; height:100%; float:right;} .inNewsBox{width:100%; height:100%; position:relative;} .inNewsBox .item{float:left;width:33.33333%;} .inNewsBox .box{padding:0px 30px;overflow:hidden;} .inNewsBox .box .day{font-family: "AvantGardeLT";font-size:20px; color:#1e2831; line-height:1; display:block;margin-bottom:20px;} .inNewsBox .box .tit{font-size:18px; color:#1e2831; line-height:30px;max-height:60px;overflow:hidden;} .inNewsBox .box:hover .tit{color:#ea5404;} .inNewsBox .box .pcont{font-size:14px; color:#909090; line-height:25px; height:50px; overflow:hidden; margin-top:5px;} /*btn*/ .inNewsBox .slick-arrow{width:20px; height:21px; top:185px; border:none; font-size:0; cursor:pointer; z-index:200; position:absolute;} .inNewsBox .slick-prev{left:-22%; background:url("../images/img_lbtn.png") left center no-repeat;} .inNewsBox .slick-next{left:-20%; background:url("../images/img_rbtn.png") right center no-repeat; border-left:1px solid #dedede;} @media screen and (max-width:1440px) { .inNewsBox .box .day{font-size:18px;margin-bottom:15px;} .inNewsBox .box .tit{font-size:16px;} } @media screen and (max-width:1024px) { /*news*/ .enzymeleft .enzbox{width:auto; margin:0px 20px; padding-top:60px;} } @media screen and (max-width:767px) { /*news*/ .inNewsBox .slick-prev{left: 45%;top: -30px; width:30px; height:30px;} .inNewsBox .slick-next{left: 52%;top: -30px; width:30px; height:30px;} .inNewsBox .box{padding:60px 20px; height:auto;} .inNewsBox .box .day{margin-top:0px;} } @media screen and (max-width:767px) { /*news*/ .enzymeleft .enzbox .titleBig .cn{text-align:center;} .enzymeleft .enzbox .titlewz{text-align:center;} .indexNews{height:auto;padding:30px 0 40PX 0;} .enzymeleft,.enzymeright{width:100%;;margin-right:0;} .enzymeleft .enzbox{width:auto; margin:0px 20px; padding-top:0;float:none;} .enzymeleft .enzbox .indextitle{text-align:center;} .enzymeleft .btns{position:absolute; left:50%; bottom:50px; margin-left:-80px; margin-top:0;} .enzymeright{padding-top:0;margin-top:20px;} .inNewsBox .box .tit{font-size:16px; line-height:26px; height:52px;} .inNewsBox .item{float:left;width:50%;} .inNewsBox .box{padding:30px 10px 10px 10px; height:auto;} .inNewsBox .box .day{margin-top:0; font-size:20px;} } /*footer*/ .footer { background:#161e27;} .footer .footer_nav{min-height:44px;font-size:12px;width:100%;height:auto;padding: 78px 0 65px 0;} .footer .footer_nav .left{float:left;font-size:12px;line-height:26px;color:#5d6371; width:56%;} .footer .footer_nav .left ul{height:auto;width:20%;float:left;} .footer .footer_nav .left ul li{list-style-type:none;display:block;line-height:0;padding:0;margin:0;} .footer .footer_nav .left ul.ul2{ font-size:0;text-align:left;} .footer .footer_nav .left ul.ul2 .ulB{ display:inline-block;*display:inline;zoom:1;width:120px; text-align:center; float:left;} .footer .footer_nav .left ul.ul2 .t1{width:120px;} .footer .footer_nav .t1{font-size:18px;margin-bottom: 30px;color:#ffffff; text-transform:uppercase;} .footer .footer_nav .t1 a{display:inline-block;color:#fff;} .footer .footer_nav .t2{font-size:13px;} .footer .footer_nav .t2 a{font-size:13px;display: inline-block;overflow:hidden;line-height:28px;color:#a8a8a8; position:relative; overflow:hidden;} .footer .footer_nav .t2 a:hover,.footer .footer_nav .t1 a:hover{color:#ea5404} .footer .footer_nav .center{float:left;font-size:14px;line-height:30px;color:#f1f1f1; width:20%;} .footer .footer_nav .center .bottom-logo{margin-bottom:10px;} .footer .footer_nav .center .t1{margin-bottom:8px;} .footer .bq .beian{width:50%; text-align:right; float:left;} .footer .bq .bqname{width:50%; text-align:left; float:left;} .footer .bq{width:100%;font-size:14px;line-height:30px;color:#6d6f71;position:relative;background:#161e27;text-align:center;} .footer .bq .w1400{border-top:1px solid #2b323a;padding:15px 0 15px 0; } .footer .bq a{color:#6d6f71;} .footer .bq a:hover{color:#ea5404} @media screen and (max-width:1024px) { .footer .footer_nav .t2 a:after{margin-left:5px;} .footer .footer_nav .t1 a{ display:block;} .footer .footer_nav .left{width:100%; display:none;} .footer .footer_nav .left ul{width:100%; text-align:center;} .footer .footer_nav .left ul .ulB{display: none;} .footer .footer_nav .share{ text-align:center;} .footer .footer_nav .share ul{display:inline-block;margin-bottom: 30px;margin:0 auto;} .footer .footer_nav .right{width:100%;} .footer .bq .bqname,.footer .bq .beian{width:100%;text-align: center;} .footer .footer_nav{padding:50px 0 30px 0;} .footer .footer_nav .center{ float:none; width:100%;margin-bottom:30px;} } /*detail-share*/ .detail-share{line-height: 15px;margin-top:10px; } .detail-share a{ float: left; margin-right:7px; font-size: 12px;} .detail-share img{ vertical-align: top; } .detail-share .img2{display: none;} .detail-share a {color:#333;} .detail-share a:hover .img1{display: none;} .detail-share a:hover .img2{display: block;} /*bottom-logo*/ .bottom-logo{float:left;font-size:14px;line-height:30px;color:#989898;width:21%;margin-bottom:30px;padding-right:3%;} .bottom-logo img{ max-width:170px;} .bottom-logo .tel{font-size:34px;color:#dd540f;font-family: "AvantGardeLT";} @media screen and (max-width:1024px) { .bottom-logo{float:none;width:100%;padding-right:0;} } /*pagebanner*/ .pagebannerBox {width:100%;overflow:hidden;margin:0 auto;text-align:center;position: relative; } .pagebannerBox img{width:100%; display:block;} /*PageNav*/ .PageNav {margin:0 auto;padding: 0;text-align: center;display:block;margin-bottom:20px; background:#fafafa;} .PageNav .layout{ position:relative;} .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:52px;font-size:14px;color:#757575;margin:0 22px;position:relative;text-align:center; cursor:pointer;} .PageNav li a:after{ content:""; width:0;height:1px; position:absolute; left:0; right:0;margin:0 auto;bottom:0; background:#464646;-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;} .PageNav li a:hover,.PageNav li.on a{color:#464646;} .PageNav li:hover a:after,.PageNav li.on a:after{width:100%;} .PageNav .Navtit{ display:none;} @media screen and (max-width:790px) { .PageNav{margin-bottom:10px;padding: 0 0 30px 0;margin-top: -41px;} .PageNav .layout{ width:100%;} .PageNav ul{ display:none;background:#fff} .PageNav li{ display:block;} .PageNav li a {display:block;line-height:30px;margin:0 0;font-size:14px; text-align:left;padding: 5px 20px;} .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;display: block;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: 25px;right: 20px;width: 0;height: 0;border-style: solid;border-width: 6px 4px 0 4px;border-color: #dadada transparent transparent transparent; } /*.PageNav .Navtit:before {content: "";display: block;position: absolute;top: 6px;right: 11px;width:24px;height:24px;border:1px solid #fff;border-radius:50%;background: rgba(250, 250, 250, 0.2);}*/ .PageNav .Navtit:before {content: "灞曞紑";display: block;position: absolute;top: 6px;right: 11px; font-size:0.75rem; color:#dadada;} .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*/ .pageInfo{ color:#464646; font-size:16px; line-height:30px; min-height:100px;padding-top:70px;/*padding-bottom:30px;*/} .pageInfo img{ max-width:100%;} .pagetit{font-size: 30px;color:#464646;overflow:hidden;padding-bottom:15px; text-align:center;font-family: 'Noto Serif CJK SC', 'Source Han Serif SC', ' Source Han Serif ' , source-han-serif-sc, ' 瀹嬩綋 ', serif; font-weight: 900;} .pagetit-en{font-size: 20px;color:#464646;overflow:hidden;padding-bottom:15px; text-align:center; text-transform:uppercase; font-family: "AvantGardeLT";} .pageline{ width:100%;height:1px;background:#dddddd;} @media screen and (max-width:1500px) { .pageInfo{padding-top:50px;} } @media screen and (max-width:1220px) { .pageInfo{padding-top:30px;} } @media screen and (max-width:790px) { .pageInfo{padding-top:15px;/*padding-bottom:30px;*/} .page-tit{font-size:18px;} } /*boxTitle*/ .boxTitle{display:block;text-align:left;padding-bottom:20px;border-bottom:1px solid #d6d6d6;padding-top:70px;margin-bottom:20px;} .boxTitle .t{ display:inline-block;font-size: 26px;color:#000000;height:30px;line-height:30px; overflow:hidden;} .boxTitle .en{ display:inline-block;font-size:30px;color:#000000;height:30px;line-height:30px; overflow:hidden;margin-left:10px;text-transform:uppercase;font-family: "AvantGardeLT";} @media screen and (max-width:790px) { .boxTitle{padding-top:50px;} } @media screen and (max-width:790px) { .boxTitle{padding-top:30px;} .boxTitle .t{font-size:20px;} .boxTitle .en{ font-size:24px;} } /*history*/ .pageHonr{ background:url(../images/page-honorbg.jpg) center center no-repeat #f4f4f4;padding-bottom:80px;margin-top:80px; overflow:hidden;} .historyList{margin:0;padding:0;overflow:hidden;height:auto;color:#a0a0a0;font-size:0;line-height:normal;} .historyList li{font-size:0;display:inline-block;*display:inline;zoom:1;margin:0;padding:0;list-style:none;width:33.333333%;margin-bottom:30px; vertical-align:top; position:relative;padding-top:25px; border-right:1px solid #d6d6d6; padding-right:20px; margin-right:20px; min-height:375px;} .historyList li:after{ content:"";position:absolute; left:20px;top:0;border-radius:50%;height:9px;width:9px; background:#dd540f;} .historyList li .listTitle{overflow:hidden;display:block;padding:25px 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;} .historyList li .year{ display:block;font-size: 18px;color:#dd540f;height:60px;line-height:60px; overflow:hidden;padding-left:70px;background:url("../images/page-honor-icon.png") left center no-repeat; text-align: left; } .historyList li .listTitle p{ display:block;font-size: 14px;color:#5d6371;line-height:30px; overflow:hidden;padding-left:23px;background:url("../images/d.png") left center no-repeat; text-align: left; } .historyList li .listTitle p:hover{color:#dd540f} /*prev + next*/ .historyCon{ position:relative; text-align:center;margin:0 auto;} .historyIcon .prev, .historyIcon .next{ -webkit-transition: all 0.6s ease;transition: all 0.6s ease;margin:0 8px;display:inline-block;text-decoration: none;width:34px;height:34px;border-radius:50%; position:absolute; top:50%;margin-top:-17px;border:1px solid #dd5713;} .historyIcon .prev {background:url(../images/page-left.png) left center no-repeat; left:-60px;} .historyIcon .next {background:url(../images/page-right.png) right center no-repeat; right:-60px;} .historyIcon .prev:hover {background:url(../images/page-leftw.png) left center no-repeat #dd5713;} .historyIcon .next:hover {background:url(../images/page-rightw.png) right center no-repeat #dd5713; } @media screen and (max-width:1220px) { .historyIcon .prev {position:static;left:0;} .historyIcon .next {position:static;right:0;} } @media screen and (max-width:767px) { .historyList li{ width:100%;} } /*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:#ea5404; color: #fff;} .page-tab ul li .focus{ background:#ea5404; color: #fff;} .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;} /*honorList*/ .honorList{margin-bottom:50px;} .honorList ul{margin:0 -10px;font-size:0;} .honorList ul li{display:inline-block;*display:inline;zoom:1;margin:0;padding:0;list-style:none;width:25%;margin-bottom:10px; vertical-align:top;} .honorList ul li a{ display:block;margin:0 10px;padding:0;border-radius:6px;} .honorList ul li .ImgBox{width:333px;height:233px; overflow:hidden; position:relative;border:1px solid #e5e5e5; display:table-cell; vertical-align:middle; margin:0 auto; text-align:center;} .honorList ul li .ImgBox img{max-width:280px; max-height:210px; display:block;margin:auto;-moz-transition: all 0.6s ease;-webkit-transition: all 0.6s ease;-o-transition: all 0.6s ease;-ms-transition: all 0.6s ease;transition: all 0.6s ease;} .honorList ul li .ImgBox:after{opacity:0;content:""; display:block; position:absolute; left:0; top:0; z-index:5; width:100%; height:100%; background-color:#000;-moz-transition: all 0.6s ease;-webkit-transition: all 0.6s ease;-o-transition: all 0.6s ease;-ms-transition: all 0.6s ease;transition: all 0.6s ease;} .honorList ul li:hover .ImgBox:after{opacity:0.3;} .honorList ul li .img:before { content: "";display: block;position: absolute;width: 50px;height: 50px;opacity: 0;top: 50%;left: 50%;margin-left: -25px;margin-top: 25px;background: url(../images/icon.png) center center no-repeat; background-size:50px;transition: all 1s ease;z-index: 10;transform: rotateY(360deg);} .honorList ul li:hover .img:before {opacity: 1;margin-top: -25px;transition-delay: .2s;transform: rotateY(0deg);} .honorList ul li .tit{ text-align:center; line-height:30px;margin-top:10px;font-size: 14px;color:#464646;} @media screen and (max-width:790px){ .honorList{margin-bottom:30px;} .honorList ul{margin:0 -5px;} .honorList ul li{width:50%;} .honorList ul li a{margin:0 5px;} } @media screen and (max-width:1440px){ .honorList ul li .ImgBox{width:285px;height:200px;} .honorList ul li .ImgBox img{max-width:240px; max-height:180px; } } @media screen and (max-width:1220px){ .honorList ul li .ImgBox img{max-width:100%; max-height:100%; } } @media screen and (max-width:1024px){ .honorList ul li .ImgBox{height:150px;} .honorList ul li .tit{line-height:24px;font-size: 13px;} } @media screen and (max-width:790px){ .honorList ul li .ImgBox{width:335px;height:235px;} .honorList ul li .ImgBox img{max-width:100%;max-height:100%;} } @media screen and (max-width:640px){ .honorList ul li .ImgBox{height:200px;} } @media screen and (max-width:450px){ .honorList ul li .ImgBox{height:150px;} } @media screen and (max-width:350px){ .honorList ul li .ImgBox{height:100px;} } .honorList ul li .img{width:333px;height:233px; overflow:hidden; position:relative;border:1px solid #e5e5e5; display:table-cell; vertical-align:middle; margin:0 auto; text-align:center;} .honorList ul li .img img{max-width:280px; max-height:210px; display:block;margin:auto;-moz-transition: all 0.6s ease;-webkit-transition: all 0.6s ease;-o-transition: all 0.6s ease;-ms-transition: all 0.6s ease;transition: all 0.6s ease;} .honorList ul li .img:after{opacity:0;content:""; display:block; position:absolute; left:0; top:0; z-index:5; width:100%; height:100%; background-color:#000;-moz-transition: all 0.6s ease;-webkit-transition: all 0.6s ease;-o-transition: all 0.6s ease;-ms-transition: all 0.6s ease;transition: all 0.6s ease;} .honorList ul li:hover .img:after{opacity:0.3;} .honorList ul li .img:before { content: "";display: block;position: absolute;width: 50px;height: 50px;opacity: 0;top: 50%;left: 50%;margin-left: -25px;margin-top: 25px;background: url(../images/icon.png) center center no-repeat; background-size:50px;transition: all 1s ease;z-index: 10;transform: rotateY(360deg);} .honorList ul li:hover .img:before {opacity: 1;margin-top: -25px;transition-delay: .2s;transform: rotateY(0deg);} .honorList ul li .title{ text-align:center; line-height:30px;margin-top:10px;font-size: 14px;color:#464646;} @media screen and (max-width:1440px){ .honorList ul li .img{width:285px;height:200px;} .honorList ul li .img img{max-width:240px; max-height:180px; } } @media screen and (max-width:1220px){ .honorList ul li .img img{max-width:100%; max-height:100%; } } @media screen and (max-width:1024px){ .honorList ul li .img{height:150px;} .honorList ul li .title{line-height:24px;font-size: 13px;} } @media screen and (max-width:790px){ .honorList ul li .img{width:335px;height:235px;} .honorList ul li .img img{max-width:100%;max-height:100%;} } @media screen and (max-width:640px){ .honorList ul li .img{height:200px;} } @media screen and (max-width:450px){ .honorList ul li .img{height:150px;} } @media screen and (max-width:350px){ .honorList ul li .img{height:100px;} } /*pageNewsBox*/ .cover {display: block;position: absolute;top: 0;left: 0;right: 0;bottom: 0;transition: 400ms;-webkit-transition: 400ms;} .pageNewsList{margin:0;padding:0;overflow:hidden;height:auto;color:#a0a0a0;font-size:0;line-height:normal;border-bottom:1px solid #e1e1e1;margin-bottom:60px;} .pageNewsList li{font-size:0;display:inline-block;*display:inline;zoom:1;margin:0;padding:0;overflow:hidden;list-style:none;width:100%;margin-bottom:-1px;} .pageNewsList li a{display:block;position: relative;border:1px solid #e1e1e1;} .pageNewsList li .date{width:98px;height:230px;overflow:hidden; float:left;border-right:1px solid #e1e1e1;position:relative;z-index:1;} .pageNewsList li .date .datenr{width:98px;height:230px;display:table-cell; vertical-align:middle;margin:0 auto; text-align:center;} .pageNewsList li .date span{font-size: 20px;color:#1e2831;overflow:hidden; line-height:24px;text-align:center; text-transform:uppercase; font-family: "AvantGardeLT";} .pageNewsList li .ImgBox{width:300px;height:220px;overflow:hidden; float:left; position:relative;z-index:1;padding:15px;} .pageNewsList li .ImgBox img{max-width:100%;max-height:100%;} .pageNewsList li .ImgBox img,.pageNewsList li .listTitle .listTitleBox{-moz-transition: all .5s ease-in-out;-webkit-transition: all 0.5s ease-in-out;transition: all .5s ease-in-out;} /*.pageNewsList li a:hover .ImgBox img{-moz-transform: scale(1.05); -webkit-transform: scale(1.05);transform: scale(1.05);}*/ .pageNewsList li .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;} .pageNewsList li .listTitle .listTitleBox{padding:50px 70px 30px 50px;} .pageNewsList li .listTitle .t{font-size: 18px;color:#1e2831;height:auto;max-height:68px;line-height:34px; overflow:hidden; } .pageNewsList li .listTitle .t2{font-size: 14px;color:#909090;height:44px;line-height:22px; overflow:hidden;margin-bottom:25px;margin-top:10px;} .pageNewsList li .listTitle .listMore{font-size:12px; color:#006876;line-height:30px;} .pageNewsList li .listTitle .listMore{line-height: 30px;overflow: hidden;} .pageNewsList li .listTitle .listMore{display:inline-block;color:#ea5404;font-size:12px;-moz-transition: all .5s ease-in-out;-webkit-transition: all 0.5s ease-in-out;transition: all .5s ease-in-out;} .pageNewsList li .listTitle .listMore span{display:inline-block;font-size: 26px;line-height: 30px;float: right;margin-left:13px;-moz-transition: all .5s ease-in-out;-webkit-transition: all 0.5s ease-in-out;transition: all .5s ease-in-out;} .pageNewsList li .listTitle .listMore:hover{margin-left:13px;} .pageNewsList li .listTitle .listMore:hover span{margin-left:30px;} .pageNewsList li .cover {opacity:0; visibility:hidden;} .pageNewsList li a:hover .date{border-color:#f7f7f7;} .pageNewsList li a:hover .cover{ opacity:1; visibility: visible;background:#f7f7f7; } .pageNewsList li a:hover .listTitle .listTitleBox{padding-left:70px;padding-right:50px;} .pageNewsList li a:hover .listTitle .t{ color:#dd540f} @media screen and (max-width:1220px) { .pageNewsList li .ImgBox img{height:100%; width:100%;} } @media screen and (max-width:790px) { .pageNewsList{margin-bottom:30px;} .pageNewsList li .date{width:100%;height:auto;overflow:hidden; float:none;border-bottom:1px solid #e1e1e1; text-align:center; } .pageNewsList li .date .datenr{width:100%;height:auto;padding:30px;margin:0 auto;} .pageNewsList li a{margin-right:0;} .pageNewsList li .ImgBox{width:94%;height:auto; display:block; float:none; padding:3%;} .pageNewsList li .ImgBox img{max-width: 100%;max-height:100%;width: 100%;} .pageNewsList li .listTitle .listTitleBox,.pageNewsList li a:hover .listTitle .listTitleBox{padding:30px 3%;} .pageNewsList li .listTitle .t{font-size: 16px;height:auto;max-height:68px;line-height:34px;} .pageNewsList li .listTitle .t2{font-size: 13px;height:auto;max-height:72px;line-height:24px;margin-bottom:15px;margin-top:15px;} } @media screen and (max-width:350px) { .pageNewsList{width:100%;} .pageNewsList li{width:100%;margin-right:0;} .pageNewsList li .listTitle{padding:10px;} } /*case*/ .case { width: 100%; overflow: hidden;padding-bottom: 30px;} .case .ul-case{ overflow: hidden; padding-bottom: 30px;max-width: 100%;display:block;margin:0 -9px;} .case .ul-case li{opacity: 1; width:33.33333%;} .case .ul-case li a{ display:block;margin:0 9px; } .case .ul-case li p{ line-height: 37px; font-size: 14px; color: #666; } .case .ul-case li a .pic{ overflow: hidden; position: relative; } .case .ul-case li a img{width: 100%; -webkit-transition: -webkit-transform 0.5s ease 0s; -moz-transition: -moz-transform 0.5s ease 0s; -o-transition: -o-transform 0.5s ease 0s; transition: transform 0.5s ease 0s; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } .case .ul-case li a:hover img{ -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1);} .case .ul-case .text{background-color: #fff;padding: 20px;} .case .ul-case .text h3{font-weight: normal;color:#333;margin-bottom: 10px;font-size: 18px;} .case .ul-case .text p{color:#999;line-height: 26px;} .case .ul-case a:hover h3{color:#ea5404;} .case .ul-case li .rectborder { width: calc(100% + 20px); height: calc(100% + 20px); position: absolute; left: -10px; top: -10px; border: rgba(255,255,255,.6) 1px solid; transition: all ease-out .2s } .case .ul-case li a:hover .rectborder { width: calc(100% - 22px); height: calc(100% - 22px); left: 10px; top: 10px; } @media (max-width: 768px) { .case .ul-case li {width:50%;} } @media (max-width: 400px) { .case .ul-case{margin:0 0;} .case .ul-case li {width:100%;} .case .ul-case li a{margin:0 0; } } /*productList*/ .productList{margin-bottom:50px;} .productList ul{margin:0 -10px;font-size:0;} .productList ul li{display:inline-block;*display:inline;zoom:1;margin:0;padding:0;list-style:none;width:25%;margin-bottom:10px; vertical-align:top;} .productList ul li a{ display:block;margin:0 10px;padding:0;border-radius:6px;} .productList ul li .pic{width:335px;height:335px; overflow:hidden; position:relative;display:table-cell; vertical-align:middle; margin:0 auto; text-align:center;} .productList ul li .pic img{max-width:335px; max-height:335px; display:block;margin:auto;-moz-transition: all 0.6s ease;-webkit-transition: all 0.6s ease;-o-transition: all 0.6s ease;-ms-transition: all 0.6s ease;transition: all 0.6s ease;} .productList ul li .pic:after{opacity:0;content:""; display:block; position:absolute; left:0; top:0; z-index:0; width:100%; height:100%; background-color:#000;-moz-transition: all 0.6s ease;-webkit-transition: all 0.6s ease;-o-transition: all 0.6s ease;-ms-transition: all 0.6s ease;transition: all 0.6s ease;} .productList ul li:hover .pic:after{opacity:0.1;} .productList ul li .pic:before { content: "";display: block;position: absolute;width: 50px;height: 50px;opacity: 0;top: 50%;left: 50%;margin-left: -25px;margin-top: 25px;background: url(../images/icon.png) center center no-repeat; background-size:50px;transition: all 1s ease;z-index: 10;transform: rotateY(360deg);} .productList ul li:hover .pic:before {opacity:0;margin-top: -25px;transition-delay: .2s;transform: rotateY(0deg);} .productList ul li .tit{ text-align:center; line-height:30px;margin-top:10px;font-size: 14px;color:#464646;} /*mark*/ .productList ul li .pic .rectborder{ width: calc(100% + 20px);height: calc(100% + 20px);position: absolute;left: -10px;top: -10px;border: rgba(255,255,255,.6) 1px solid;transition: all ease-out .3s; z-index:1;} .productList ul li .pic .icon{ position: absolute;bottom: 0;right: 30px;width: 46px;height: 40px;background:#ea5404;bottom: -40px;transition: all ease-out .3s; z-index:1;} .productList ul li .pic .icon .add{ width: 15px;height: 15px;margin: 12px 0 0 15px} .productList ul li .pic .icon .add .lcitem{ width: 15px;height: 15px;} .productList ul li .pic .icon .add .lcitem .rect{ width: 15px;height: 1px;background: #fff;top: 7px;} .productList ul li .pic .icon .add .lcitem.v .rect{ transform: rotate(90deg);-webkit-transform: rotate(90deg);} .productList ul li .pic:hover img{ transform: scale(1.1, 1.1)} .productList ul li .pic:hover .rectborder{ width: calc(100% - 22px);height: calc(100% - 32px);left: 10px;top: 10px;} .productList ul li .pic:hover .icon {bottom: 10px} @media screen and (max-width:1440px){ .productList ul li .pic{width:285px;height:285px;} .productList ul li .pic img{max-width:285px; max-height:285px; } } @media screen and (max-width:1220px){ .productList ul li .pic{width:100%;height:auto;} .productList ul li .pic img{max-width:100%; max-height:100%; } } @media screen and (max-width:1024px){ .productList{margin-bottom:30px;} } @media screen and (max-width:790px){ .productList ul{margin:0 -5px;} .productList ul li{width:50%;} .productList ul li a{margin:0 5px;} } /*detailImg*/ .detailImgBox {width:100%;overflow:hidden;margin:0 auto;text-align:center;position: relative;margin-top:0px;} .detailImgBox img{width:100%;display: block;} .detailImgBox .t {position:absolute;top:40%;left: 0;right: 0;margin-top:-40px;height:auto;color:#fff;display:inline-block;vertical-align: middle;text-align: center; width:220px; padding:20px; margin:0px auto; background-color:#000; background: rgba(0,0,0,0.5);} .detailImgBox .t span{display:block;text-align: center;} .detailImgBox .t .en{font-size:38px;line-height:40px;font-family: "PingFang SC","AvantGardeLT","Lantinghei SC","Microsoft YaHei","HanHei SC","Helvetica Neue","Open Sans",Arial,"Hiragino Sans GB","寰蒋闆呴粦",STHeiti,"WenQuanYi Micro Hei",SimSun,sans-serif;text-transform:uppercase;font-weight: 300;} .detailImgBox .t .cn{font-size:22px;line-height:40px;font-family: "PingFang SC","AvantGardeLT","Lantinghei SC","Microsoft YaHei","HanHei SC","Helvetica Neue","Open Sans",Arial,"Hiragino Sans GB","寰蒋闆呴粦",STHeiti,"WenQuanYi Micro Hei",SimSun,sans-serif;display:inline-block;position:relative;padding:0 3px;font-weight: 300;} @media screen and (max-width:767px) { .detailImgBox .t{margin-top:-30px;height:auto; padding:20px;} .detailImgBox .t .en{font-size:18px;line-height:30px;} .detailImgBox .t .cn{font-size:14px;line-height:30px;} } /*proTitle2*/ .proTitle2 {overflow: hidden;text-align: center;margin-bottom:30px;position: relative;padding-top:50px;} .proTitle2:after {content:"";height:30px;width:100%;height:1px;background:#eaeaea;position:absolute;left:0;right:0;top: 75px;z-index:0;} .proTitle2 .h3 {font-style: normal;font-weight: normal;margin: 0 auto;transition: all 0.5s ease-out; display:inline-block;padding:0 30px;border-left:1px solid #eaeaea;border-right:1px solid #eaeaea; background:#fff;position: relative;z-index: 1;} .proTitle2 .h3 .t1 {display:inline-block;padding:0;font-size:18px;color:#1e2831;} .proTitle2 .h3 .t2 {display:inline-block;padding:0;font-size: 12px;color:#909090;line-height: 26px;text-transform:uppercase; display:block;} @media screen and (max-width:767px) { .proTitle2 {margin-bottom:20px;padding-top:30px;} .proTitle2 .h3 .t1 {font-size:16px} } /*proService*/ .proService{width:100%; height:auto;margin:0 auto; padding-top:30px;padding-bottom:30px;text-align:center;} .proService ul{ font-size:0;} .proService li{display:inline-block;*display:inline;zoom:1;margin:0;padding:0;list-style:none;width:20%;margin-bottom:10px; vertical-align:top;} .proService li a{display: block;position: relative;} .proService li .img{width: 75px;height: 75px; overflow:hidden;position: relative;margin:0 auto;margin-bottom:10px; text-align:center;border-radius:5px;} .proService li .img img{display: block;margin:0 auto;} .proService li .word{text-align: center;width: 100%;box-sizing: border-box;font-size:14px;color:#464646;font-weight: lighter;font-size:14px;line-height:24px;} .proService li .word .cn{font-size:16px;line-height:24px; color:#464646;} .proService li:hover .img{transition: all .2s ease;box-shadow: 0px 0px 20px #d5d5d5;} .proService li:hover .cn{color: #ea5404;transition: all .2s ease;} @media screen and (max-width:767px) { .proService li{width:33.3333%;margin-bottom:20px;} } .proLinianBox{padding-top:30px;padding-bottom:30px;} /*colorList*/ .colorList{ width:100%; overflow:hidden; text-align:center;margin:0 auto; } .colorList ul{margin:0 auto; display:inline-block; text-align:center; font-size:0; line-height:normal;} .colorList li{list-style:none;overflow:hidden;margin:auto ;padding:0; display:inline-block;*display:inline;zoom:1;width:270px;height:auto;text-align:center;} .colorList li a{ display:block;margin:0 5px;} .colorList li .ImgBox{display:block;width:270px;height:auto;overflow:hidden;} .colorList li .ImgBox img{overflow: hidden;max-width:270px;max-height:100%;-webkit-transition: 0.3s;-moz-transition: 0.3s;transition: 0.3s;} @media screen and (max-width:1440px) { .colorList li{width:400px;} .colorList li a{margin:0 2.5px;} .colorList li .ImgBox{width:100%;} .colorList li .ImgBox img{width:100%;max-width:100%;} } @media screen and (max-width:1220px) { .colorList li{width:25%;} .colorList li a{margin:0 2.5px;} } @media screen and (max-width:767px) { .colorList ul{ width:100%;} /*.colorList li{width:100%;margin-right:0;margin-bottom:15px;}*/ .colorList li{width:50%;} .colorList li .ImgBox{width:100%;height:auto;} .colorList li .ImgBox img{width:100%;max-width:100%;max-height:100%;} } /*prev + next*/ .colorListBox{position:relative;background:#f9f9f9;} .colorListCon{ text-align:center;margin:0 auto; position:relative; width:1110px;padding:25px 0 0 0;} .colorListCon .tempWrap{ text-align:center;margin:0 auto;padding:20px 0; overflow:hidden; } .colorListIcon .prev, .colorListIcon .next{ -webkit-transition: all 0.6s ease;transition: all 0.6s ease;margin:0 0;display:inline-block;text-decoration: none;width:21px;height:40px;position:absolute; top:50%;margin-top:-20px; background-size:21px;} .colorListIcon .prev {background:url(../images/pro-left.png) left center no-repeat; left:65px;} .colorListIcon .next {background:url(../images/pro-right.png) right center no-repeat; right:65px;} @media screen and (max-width:1440px) { .colorListCon{ width:1020px;} .colorListCon .tempWrap{padding:80px 0;} .colorListIcon .prev {left:40px;} .colorListIcon .next {right:40px;} } @media screen and (max-width:1220px) { .colorListCon{ width:80%;} .colorListCon .tempWrap{padding:60px 0;} } @media screen and (max-width:767px) { .colorListCon{ overflow-x:hidden;padding:0;} .colorListCon .tempWrap{padding:40px 0 20px 0;} .colorListIcon{ text-align:center;margin-bottom:20px;} .colorListIcon .prev, .colorListIcon .next{width:30px;height:40px; background-size:15px;} .colorListIcon .prev{ position: static;margin:10px; float:left; margin-left:30px;} .colorListIcon .next{ position: static;margin:10px; float:right; margin-right:30px;} } /*changjingList*/ .changjingList{ width:100%; overflow:hidden; text-align:center;margin:0 auto;padding-top:50px;padding-bottom:50px; } .changjingList ul{text-align:center; font-size:0; line-height:normal;margin:0 -15px;} .changjingList li{list-style:none;overflow:hidden;margin:auto ;padding:0; display:inline-block;*display:inline;zoom:1;width:50%;height:auto;text-align:center;} .changjingList li a{ display:block;margin:0 15px;} .changjingList li .ImgBox{display:block;width:100%;height:auto;overflow:hidden;} .changjingList li .ImgBox img{overflow: hidden;max-width:100%;max-height:100%;-webkit-transition: 0.3s;-moz-transition: 0.3s;transition: 0.3s;} @media screen and (max-width:767px) { .changjingList{padding-top:30px;padding-bottom:30px; } .changjingList ul{ width:100%;margin:0 -5px;} .changjingList li{margin-bottom:15px;} .changjingList li a{margin:0 5px;} .changjingList li .ImgBox{width:100%;height:auto;} .changjingList li .ImgBox img{width:100%;max-width:100%;max-height:100%;} } /*fenxiangBOX*/ .fenxiangBOX{padding-top:50px;padding-bottom:50px; } .proShareBox { text-align:center; width:195px;margin:0 auto;} .proShareBox .sharetit{ float:left; font-size:14px; color:#1e2831} /*page-back*/ .page-back{ margin:0 auto; text-align:center;padding:30px 0; border-top:1px solid #eaeaea;} .page-back a{display:block;width:186px;font-size: 14px;line-height: 42px;height:42px;overflow:hidden; text-align:center;color: #5e5e5e;margin:0 auto;-webkit-transition: 0.3s;-moz-transition: 0.3s;transition: 0.3s; text-transform:uppercase;border:1px solid #dcdcdc;} .page-back a:hover{background: #ea5404; color:#fff;border-color:#ea5404;} /*register*/ .page-formTable{ padding:95px 20px 95px 20px; background:url(../images/adminbg.jpg) center top no-repeat #2b323a;margin:0 auto; background-size:cover;} .formTableBox{padding:65px 75px 100px 75px;background:url(../images/bg95.png) center top repeat;margin:0 auto;} .formTableBox .title2{font-size:18px;color:#434343;line-height: normal;display:block;margin-bottom:35px;margin-top:35px;} .page-formTable .w605{max-width:455px;} .page-formTable .w1290{ width:92%;max-width:1290px;margin:0 auto;} .page-formTable .w1290 .formTableBox{padding:40px 145px 50px 145px;} .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 label.l1{float:left;width: 50%; position:relative;} .formTable label.l2{float:left;width: 100%;} .formTable label.l5{padding:0 40px;margin-top:23px;} .formTable label .l1Box{margin:0 5px;} .formTable .text{display:block;width: 100%;padding:4px 3% 4px 3%;height:53px;margin-bottom:24px;outline:none;font-size:14px;color:#a0a0a0;font-family:Arial,"寰蒋闆呴粦",Sans-Serif;border:none;border-radius:0;background:#ffffff;text-align:left; float:left;} .formTable .text2{display:block;width:100%;padding:10px 1.5% 10px 1.5%;height:106px;margin-bottom:14px;outline:none;font-size:14px;color:#a0a0a0;font-family:Arial,"寰蒋闆呴粦",Sans-Serif;border:none;border-radius:0;background:#ffffff;text-align:left; float:left;} .formTable .getcode{display:block;float:left;width:30.5%;padding:4px 3% 4px 3%;height:53px;margin-bottom:0;max-width:140px; outline:none;font-size:14px;color:#a0a0a0;font-family:Arial,"寰蒋闆呴粦",Sans-Serif;border: none;border:none;border-radius:0;background:#fff;text-align:left;} .formTable label .l1Box .getcode{width: 94%;} .formTable .kk{font-size:14px;color:#a0a0a0; line-height:normal;margin-left:15px;} .formTable .inputbtn{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: #dd540f;color:#fff;margin-bottom:15px;cursor:pointer;border-radius:0;margin-top:45px;text-align:center;} .formTable .inputbtn.tj{max-width:136px;} .formTable label.l5{ text-align:center;} .formTable .text,.formTable .getcode{transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;} .formTable label.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;c;color: #fff;font-family: Arial,"寰蒋闆呴粦",Sans-Serif;border:none;background-color: #dd540f;color:#fff;margin-bottom:15px;cursor:pointer;border-radius:0;margin-top:45px; text-align:center;} .formTableBox a{color: #909090;} .formTableBox a:hover{color: #dd540f;} @media screen and (max-width:1440px){ .page-formTable .w1290 .formTableBox{padding:40px 70px 50px 70px;} } @media screen and (max-width:1220px){ .formTableBox .title2{margin-bottom:30px;margin-top:30px;} .formTableBox{padding:30px 5% 50px 5%;} .page-formTable .w1290{ width:94%;} .page-formTable .w1290 .formTableBox{padding:40px 20px 50px 20px;} .formTable .t, .formTable label.l5{padding:0 3%; } } @media screen and (max-width:767px){ .page-formTable{ padding:50px 3% 50px 3%;} .formTableBox{padding:10px 5%;border-radius:5px;} .formTable label.l1{float:none;width:100%;margin:0;} .formTable label.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%;margin-bottom:10px; height:40px;} .formTable .getcode{width:100%;padding:4px 3% 4px 3%;margin-bottom:10px;max-width:100%;} .formTable label .l1Box{margin:0 auto;} .formTable label.l3{width:100%;} .page-formTable .w1290{ width:100%;} .page-formTable .w1290 .formTableBox{padding:10px 5% 30px 5%} .formTable .getcode{height:40px;} .formTable label .l1Box .getcode{width:100%;} .formTable .inputbtn, .formTable .register{margin-top:25px;height:40px; line-height:40px;} .page-formTable .w1400{ width:100%;} } /*contactTable*/ .contactTableB{ float:left;width:50%;} .pageMap{margin-bottom:50px;} @media screen and (max-width:1024px){ .contactTableB{ float:none;width:100%;margin-bottom:20px;} .pageMap{margin-bottom:30px;} } /*feedback2Box*/ .feedback2Box{ padding:0 0 30px 0;font-size:14px;color:#464646;line-height:26px;} .feedback2Box .contact-tit{font-size:32px;color:#000000;line-height: 30px;text-align:left;padding:0;margin:0 auto;font-family: "AvantGardeLT";margin-bottom:15px; text-transform:uppercase;} .feedback2{font-size:14px;color:#464646;line-height: 30px;text-align:left;padding:0;margin-top:60px;max-width:590px;} .feedback2 .t{font-size:14px;color:#464646;line-height: 30px;text-align:left;padding:0;margin:0 auto;margin-bottom:10px;} .feedback2 label{display:block;} .feedback2 .text{display:block;width: 100%;padding:5px 3% 5px 3%;height:40px;margin-bottom:14px;outline:none;font-size:14px;color:#a0a0a0;font-family:Arial,"寰蒋闆呴粦",Sans-Serif;border:none;border-radius:0;background:#f5f5f5;text-align:left;border-collapse: collapse; border:1px solid #e8e8e8;} .feedback2 .text2{display:block;width: 100%;padding:10px 1.5% 10px 1.5%;height:82px;margin-bottom:14px;outline:none;font-size:14px;color:#a0a0a0;font-family:Arial,"寰蒋闆呴粦",Sans-Serif;border:none;border-radius:0;background:#f5f5f5;text-align:left;border-collapse: collapse; border:1px solid #e8e8e8;} .feedback2 .getcode{display:block;float:left;width: 50%;padding:5px 3% 5px 3%;height:40px;margin-bottom:0; outline:none;font-size:14px;color:#a0a0a0;font-family:Arial,"寰蒋闆呴粦",Sans-Serif;border: none;background:#f5f5f5;text-align:left;border-collapse: collapse; border:1px solid #e8e8e8;} .feedback2 .kk{font-size:12px;color:#464646; line-height:normal;margin-left:5px;} .feedback2 .l3{ text-align: left; display:block;} .feedback2 .inputbtn{display:inline-block;line-height: 40px;margin:30px 0;outline:none;font-size:14px;color:#dd540f;font-family: Arial,"寰蒋闆呴粦",Sans-Serif;border:none;cursor:pointer;padding-right:38px;background:url(../images/more.png) right center no-repeat;} @media screen and (max-width:1440px){ .feedback2{margin-right:40px;} .feedback2 .getcode{width:45%;} } @media screen and (max-width:1024px){ .feedback2{max-width:100%;margin-right: 0;} } @media screen and (max-width:750px){ .feedback2 .kk{ display:inline-block; clear: both;} .feedback2 .text{width: 100%;padding:4px 3% 4px 3%;} .feedback2 .getcode{width:100%;padding:4px 3% 4px 3%;margin-bottom:10px;}s } .pageBox{max-bottom:50px;} .pageTitle3{font-size: 18px;color:#1e2831;line-height:30px; font-weight:600;padding-left:10px;background:url(../images/agent-line.png) left center no-repeat;margin-bottom:15px;} /*dwonList*/ .dwonList{margin:0;padding:0;overflow:hidden;height:auto;color:#a0a0a0;font-size:0;line-height:normal;margin-bottom:30px;} .dwonList ul{ display:block;} .dwonList li{display:block;margin:0;padding:0;overflow:hidden;list-style:none;width:100%;position: relative;} .dwonList li a{display:block;border-bottom:1px solid #e8e8e8;} .dwonList li .listTitle{overflow:hidden;display:block;padding:0;padding:13px 30px;-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/agent-icon1.png) left center no-repeat;} .dwonList li .listTitle .t{ display:block;font-size: 14px;color:#464646;height:30px;line-height:30px; overflow:hidden;} .dwonList li a:hover .listTitle .t{ color:#e1682b;} .dwonList li .btn{ -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/agent-icon2.png) center center no-repeat;right:0;} @media screen and (max-width:750px) { .dwonList ul{ font-size:0;width:100%; float:none; display:block;} .pageBox{max-bottom:30px;} } /*newsList3*/ .newsList3{margin:0;padding:0;overflow:hidden;height:auto;color:#a0a0a0;font-size:0;line-height:normal;border-bottom:1px solid #e1e1e1;margin-bottom:50px;} .newsList3 li{font-size:0;display:inline-block;*display:inline;zoom:1;margin:0;padding:0;overflow:hidden;list-style:none;width:50%;margin-bottom:-1px;margin-right:-1px;vertical-align:top;} .newsList3 li a{display:block;position: relative;border:1px solid #e1e1e1; position:relative;} .newsList3 li a:after{ content:"";background:#e1e1e1; width:1px; height:100%; position:absolute; left:98px;top:0;} .newsList3 li .date{width:98px;height:67px;overflow:hidden; float:left;position:relative;z-index:1;color:#1e2831;} .newsList3 li .date .datenr{width:98px;height:67px;display:table-cell; vertical-align:middle;margin:0 auto; text-align:center;} .newsList3 li .date span{font-size: 16px;overflow:hidden; line-height:18px;text-align:center; text-transform:uppercase; font-family: "AvantGardeLT";} .newsList3 li .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;} .newsList3 li .listTitle .listTitleBox{padding:12.5px 30px 12.5px 30px;margin:0 auto;} .newsList3 li .listTitle .t{font-size: 16px;color:#464646;line-height:42px; overflow:hidden; width:60%;height:42px; float:left;} .newsList3 li .listTitle .listMore{font-size:12px; color:#dd540f;line-height:42px;float:right;display:inline-block;-moz-transition: all .5s ease-in-out;-webkit-transition: all 0.5s ease-in-out;transition: all .5s ease-in-out;} .newsList3 li .listTitle .listMore span{display:inline-block;font-size: 24px;line-height:42px;float: right;margin-left:13px;-moz-transition: all .5s ease-in-out;-webkit-transition: all 0.5s ease-in-out;transition: all .5s ease-in-out;} .newsList3 li a:hover .listTitle .listMore{margin-left:13px;} .newsList3 li a:hover .listTitle .listMore span{margin-right:10px;} .newsList3 li a:hover,.newsList3 li a:hover:after{ background:#f7f7f7;} .newsList3 li a:hover .date{border-color:#f7f7f7;color:#dd540f} .newsList3 li a:hover .listTitle .t{ color:#dd540f} @media screen and (max-width:790px) { .newsList3 li{ width:100%;} .newsList3 li .date{ height:100%;} .newsList3 li .date .datenr{height:64px;} .newsList3 li .date .datenr span{line-height:20px;} .newsList3 li .listTitle .listMore{ display:none;} .newsList3 li .listTitle{padding:10px 3%;} .newsList3 li .listTitle .listTitleBox{padding:10px 0;margin:0 auto;} .newsList3 li .listTitle .t{height:auto;line-height:24px; width:auto; font-size:14px;} } @media screen and (max-width:350px) { .newsList3{width:100%;} .newsList3 li{width:100%;margin-right:0;} .newsList3 li .listTitle{padding:10px;} } /*qalist*/ .qalist{border-bottom:1px solid #ddd; margin:0 0px 50px 0px;} .qalist li{border-top:1px solid #e1e1e1; position:relative;border-left:1px solid #e1e1e1;border-right:1px solid #e1e1e1;padding:32.5px 98px 32.5px 98px;} .qalist li:after{ content:"";background:#e1e1e1; width:1px; height:100%; position:absolute; left:98px;top:0;} .qalist li i{font-size:20px;color:#1e2831;font-style:normal;width:98px;height:94px;line-height:94px; position:absolute;left:0; top:0; display:block; text-align:center;text-transform:uppercase; font-family: "AvantGardeLT";} .qalist li .title{padding:0px 0 0px 45px; overflow:hidden;zoom:1; cursor:pointer;} .qalist li .title span{font-size:18px; color:#333; display:block; line-height:30px;overflow:hidden; white-space:nowrap; text-overflow:ellipsis;} .qalist li .title .close{display:block; width:98px; height:98px; overflow:hidden; position:absolute; top:0; right:0;} .qalist li .title .close span{display:block;overflow:hidden;width:100%;height:100%; position:absolute; top:0; right:0; text-indent:-9999px; background:url(../images/qa-v.png) center center no-repeat; transition: all 0.2s ease;} .qalist li .title.on .close span{-webkit-transform: rotate(180deg);-moz-transform: rotate(180deg);-ms-transform: rotate(180deg);-o-transform: rotate(180deg);transform: rotate(180deg);} .qalist li .tmain{background:#fff; padding:12px 0 0 45px;display:none;font-size:14px; line-height:28px;color:#595959; } .qalist li .title.on span{color:#dd540f; } @media screen and (max-width:790px){ .qalist{margin:0 0px 30px 0px;} .qalist li{padding:10px 50px 10px 50px;} .qalist li:after{left:50px;} .qalist li i{width:50px;height:50px;line-height:50px; } .qalist li .title{padding:0px 0 0px 3%;} .qalist li .title .close{width:50px; height:50px;} .qalist li .tmain{padding:12px 0 0 3%;} .qalist li .title span{font-size:16px;} .qalist li i{font-size:18px;} } /*css3*/ @keyframes td{0%{bottom: 10%;} 50%{bottom: 5%;} 100%{bottom: 10%;} } @-moz-keyframes td {0%{bottom: 10%;} 50%{bottom: 5%;} 100%{bottom: 10%;} } @-webkit-keyframes td {0%{bottom: 10%;} 50%{bottom: 5%;} 100%{bottom: 10%;} } @-o-keyframes td {0%{bottom: 10%;} 50%{bottom: 5%;} 100%{bottom: 10%;} } @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); } } /*join*/ .join-tit1 {font-size:16px;color:#1e2831;line-height:26px;padding-bottom:10px;} .join-tit2 {font-size:30px;color:#1e2831;line-height:40px;} @media screen and (max-width:767px) { .join-tit1 {font-size:14px;padding-bottom:5px;} .join-tit2 {font-size:20px;line-height:30px;} } .joinInfo3{padding-top:20px;} .joinInfo4{background:url(../images/join-shilibg.jpg) center bottom no-repeat #fefefe;padding-top:10px;padding-bottom:80px;} /*service2*/ .service2-Box .service2-tit{width:360px; height:220px;position:absolute; cursor:pointer;} .service2-Box .service2-tit.tit1:before,.service2-Box .service2-tit.tit2:before{ content:""; width:100%; height:1px; position:absolute;left:0;bottom:0;background:#ebebeb; z-index:1;} .service2-Box .service2-tit .img{ text-align:center;padding-top:15px;} .service2-Box .service2-tit .img img{max-width:80px;} .service2-Box .service2-tit .img:hover{-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;} .service2-Box .service2-tit .t1 span{font-size:24px;text-align:center;color:#000000;line-height:30px;display:block;} .service2-Box .service2-tit .t2{font-size:14px;text-align:center;color:#464646; line-height:28px;margin-top:10px;} /*weizhi*/ .service2-Box .service2-tit.tit1{left:0; top:0;} .service2-Box .service2-tit.tit3{left:0; top:220px;} .service2-Box .service2-tit.tit2{right:0; top:0;} .service2-Box .service2-tit.tit4{right:0; top:220px;} @media screen and (max-width:1180px){ .service2-Box .service2-tit{width:300px;} } @media screen and (max-width:1024px){ .Select-Option{padding-bottom:30px;} .service2-Box .service2-tit.tit1:before,.service2-Box .service2-tit.tit2:before{width:0;} .service2-Box .service2-tit{width:50%; height:195px;position: static; float:left;} .service2-Box .service2-tit.tit1{left:0; top:0;} .service2-Box .service2-tit.tit3{left:0; top:0;} .service2-Box .service2-tit.tit2{right:0; top:0;} .service2-Box .service2-tit.tit4{right:0; top:0;} } @media screen and (max-width:767px){ .service2-Box .service2-tit .t1 span{font-size:16px; line-height:28px;} .service2-Box .service2-tit .t2{font-size:12px;line-height:24px;margin-top:5px;} } /*service2-img*/ .service2-Box{ width:1155px;margin:0 auto;background:url(../images/service2-bgditu.png) top center no-repeat; position:relative; height:367px;padding:36.5px 0;} .service2-Box .service2-img{ width:367px; height:367px;margin:0 auto; position:relative;-moz-border-radius:50%;-webkit-border-radius:50%;border-radius:50%;} .Select-yuanImg{-moz-border-radius:50%;-webkit-border-radius:50%;border-radius:50%; overflow:hidden;} .Select-yuanImg img{ width:100%;height:100%; display:block;-moz-border-radius:50%;-webkit-border-radius:50%;border-radius:50%; overflow:hidden;} .Select-yuanText{ height:230px; width:230px; position:absolute; top:50%;left:50%;margin-top:-115px;margin-left:-115px;overflow:hidden;background:url(../images/bg90.png) center center repeat;border-radius:50%;} .Select-yuanText .Select-yuanTextNr{height:230px; width:230px;text-align:center;display:table-cell; vertical-align:middle;} .Select-yuanText img{max-width:100%; display:block;margin:0 auto; text-align:center;} .Select-yuanText .tt1{font-size:16px;text-align:center;color:#dd540f; line-height:24px;} .Select-yuanText .tt2{font-size:14px;text-align:center;color:#464646; line-height:24px;} .service2-Box .service2-img .Select-yuanText{-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;-webkit-transform: scale(1); -moz-transform: scale(1); transform: scale(1); } .service2-Box .service2-img .Select-yuanText:hover{-webkit-transform: scale(0.8); -moz-transform: scale(0.8); transform: scale(0.8);} @media screen and (max-width:1220px){ .service2-Box{ width:100%;} } @media screen and (max-width:1024px){ .service2-Box{ height:auto;padding:0;} } @media screen and (max-width:1024px){ .service2-Box .service2-img{ width:320px; height:320px;} .Select-yuanText{ height:200px; width:200px;margin-top:-100px;margin-left:-100px;} .Select-yuanText .Select-yuanTextNr{height:200px; width:200px;} .Select-yuanText .tt1{font-size:14px;line-height:20px;} .Select-yuanText .tt2{font-size:12px;line-height:20px;} } .joinInfo5{padding-bottom:50px;padding-top:50px;} /*proGaoding2*/ .proGaodinglist1{margin:0;} .Gaodinglist1{float:left;width:460px;margin-right:8px;} .Gaodinglist2{ float:left;width:460px;margin-right:8px;} .Gaodinglist3{ float:left;width:460px;} .proGaoding2-item {display: block;padding:0;text-align: center;margin:0 auto;box-sizing: border-box;text-align:center;-webkit-transition: all 160ms;transition: all 160ms;margin-bottom:10px; vertical-align:top;} .proGaoding2-item a{-webkit-transition: all 160ms;transition: all 160ms;} .proGaoding2-item a{ display:block;padding:0;position:relative; cursor:pointer;} .proGaoding2-item .item-image {text-align:center; width:100%; overflow:hidden; display: block; } .proGaoding2-item .item-image img {max-width:100%; display:block;} .proGaoding2-item .item-image img{-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;-webkit-transform: scale(1); -moz-transform: scale(1); transform: scale(1); z-index:1;} .proGaoding2-item:hover .item-image img{-webkit-transform: scale(1.2); -moz-transform: scale(1.2); transform: scale(1.2);} .proGaoding2-item .item-info{ position:absolute; top:50%;left:50%;border:1px solid #fff; height:140px;width:140px;margin-top:-70px;margin-left:-70px;} .proGaoding2-item .item-infonr{display:table-cell; vertical-align:middle;margin:0 auto; text-align:center;height:140px;width:140px;} .proGaoding2-item .item-title { font-size: 20px;line-height: 40px;color: #fff; padding: 0;overflow: hidden;margin-top:5px; font-weight:normal;} .proGaoding2-item .item-text { font-size: 12px;line-height: 20px;color: #fff; overflow: hidden;} .proGaoding2-item:hover a:before{background:#da261e;} @media screen and (max-width:1440px) { .Gaodinglist1{float:left;width: 33%;margin-right: 0.5%;} .Gaodinglist2{ float:left;width:33%;margin-right:0.5%;} .Gaodinglist3{ float:left;width:33%;} .proGaoding2-item {margin-bottom: 2.2%;} } @media screen and (max-width:767px) { .Gaodinglist1{float:left;width:100%;margin-right:0%;} .Gaodinglist2{ float:left;width:100%;margin-right:0%;} .Gaodinglist3{ float:left;width:100%;} .proGaoding2-item .item-image img{width:100%;} .proGaoding2-item {margin-bottom:5%;} } .joinInfo6{background:url(../images/bg.jpg) center top no-repeat #f4f4f4;padding-top:70px;} .joinInfo6 .feedback2{margin:0 auto;} .joinInfo6 .feedback2 .l3{ text-align: center;} .joinInfo6 .feedback2 .text{ background:#fff;} .joinInfo6 .feedback2 .text2{ background:#fff;} .joinInfo6 .feedback2 .getcode{ background:#fff;} /*lamp*/ .index-pro{ position:relative;} .index-pro .lamp{ position: absolute; right:0; bottom: -100px;-webkit-transition: bottom 1200ms; transition: bottom 1200ms;text-align: right;} .index-pro .lamp.active{ bottom: -300px;} @media screen and (max-width:767px) { .index-pro .lamp img{ width:30%;} } .detail_wz video{max-width:100%;} .detail_wz a:hover{color: #ea5404;} /*mask*/ .mask {width: 100%;height: 100%;display: none;background: rgba(83, 81, 80, 0.8);top: 0;left: 0;z-index: 9999;position: fixed;cursor: pointer;} .mask div {position: relative;right: 0;left: 0;margin: auto;top: 0;bottom: 0;z-index: 99999;text-align: center;width: 100%;height: 100%;} .mask div img {position: absolute;top: 0%;left: 0;right: 0;bottom:0;margin: auto;max-width: 75%;width:auto;height: auto;max-height:75%;} .masks {width: 100%;height: 100%;display: none;background: rgba(83, 81, 80, 0.8);top: 0;left: 0;z-index: 99999;position: fixed;cursor: pointer;} .newslist{width:1250px;height: auto;margin: 0 auto;padding: 10px;display: inline-block;} @media (min-width: 1423px) and (max-width: 1903px) { .mask div img {position: absolute;top: 0%;left: 0;right: 0;bottom: 0;margin: auto;max-width: 75%;width:auto;height: auto;max-height:75%;} } @media (max-width: 1445px) { .mask div img {position: absolute;top: 0%;left: 0;right: 0;bottom: 0;margin: auto;max-width: 75%;width:auto;height: auto;max-height:75%;} } /*鍙充晶娴眰鏍峰紡寮€濮?/ .fixeRight{position: fixed;right: 30px;width:75px;height:auto;bottom:170px;z-index: 11;opacity: 1;padding-top:24px;overflow:hidden;} .fixeRight a{display: block;position: relative;font-size: 12px;text-align: center;color:#fff;width: 100%;height: 40px; line-height:40px;padding-top:35px;cursor: pointer;z-index: 11;width:73px;} .fixeRight a.aR1{border-bottom: 1px solid #dcdcdc;border-right: 1px solid #dcdcdc;border-top: none;border-left: 1px solid #dcdcdc;background: url('../images/fixeRight-icon1.png') center top no-repeat #e61d18;border-color:#e61d18;color: #fff;border-top-right-radius: 8px;border-top-left-radius: 8px;} .fixeRight a.aR2{border-bottom: 1px solid #dcdcdc;border-right: 1px solid #dcdcdc;border-top:1px solid #dcdcdc;border-left: 1px solid #dcdcdc;background: url('../images/fixeRight-icon2.png') center top no-repeat #ffffff;} .fixeRight a.aR2:hover {background: url('../images/fixeRight-icon2w.png') center top no-repeat #d71333;border-color:#d71333;color: #fff;} .fixeRight a.aR3{border-bottom: 1px solid #dcdcdc;border-right: 1px solid #dcdcdc;border-top: none;border-left: 1px solid #dcdcdc;background: url('../images/fixeRight-icon3.png') center top no-repeat #ffffff;} .fixeRight a.aR3:hover {background: url('../images/fixeRight-icon3w.png') center top no-repeat #d71333;border-color:#d71333;color: #fff;} .fixeRight a.aR4{border-bottom: 1px solid #dcdcdc;border-right: 1px solid #dcdcdc;border-top: none;border-left: 1px solid #dcdcdc;background: url('../images/fixeRight-icon4.png') center top no-repeat #ffffff;} .fixeRight a.aR4:hover{background: url('../images/fixeRight-icon4w.png') center top no-repeat #d71333;border-color:#d71333;color: #fff;} .fixeRight a.GoTop {/*border-top: none;*/border: 1px solid #D3D3D3; border-image: initial;background: url('../images/fixeRight-icon5.png') center top no-repeat #fff; border-radius: 8px; color:#838383;/*border-bottom-right-radius: 8px;border-bottom-left-radius: 8px;*/} .fixeRight a.GoTop:hover {background: url('../images/fixeRight-icon5.png') center top no-repeat #dd540f; border:1px solid #dd540f;color: #fff;} .fixeRight{ overflow:visible;} .fixeRight a.hover{ position:relative;} .fixeRight a .floatBox {display: none;position: absolute;left: -163px;top: 0;width: 175px;height:auto;background: rgb(255, 255, 255);box-shadow: 0px 0px 52px rgba(163, 163, 163, 0.15);padding-top: 20px;padding-bottom: 20px;text-align:center;font-size:14px;opacity: 1;color: #333;border-radius:5px; line-height:30px;} .fixeRight a.hover .floatBox{display:block;} .fixeRight a .floatBox img{ max-width:175px;} .fixeRight a .floatBox p{ line-height:30px;} @media (max-width: 768px) { .fixeRight{right:3%;width:52px;bottom:30px;} .fixeRight a{width:50px;height:50px; padding-top:0; line-height:99999;} .fixeRight a.GoTop { background-size: 40px; background-position: center center; background-color:rgba(255, 255, 255, 0.8);} .fixeRight a.GoTop:hover {background-size: 40px; background-position: center center; background-color:rgba(255, 255, 255, 0.8); border-color:#D3D3D3;} } /********************************pro绛涢€?024-6-20********************************/ /*proSearch*/ .proSearch form{border-radius:50px; overflow:hidden; background:#f9f9f9; max-width:465px;margin:0; position:relative; margin-bottom:20px;} .proSearch input[type=text]{display: block;margin: 0 auto;width:100%;font-size:14px;color: #909090;line-height:50px;font-weight: 300;text-align:left;background-color: transparent;padding:0 4%; margin-right:13px;} .proSearch input[type=submit]{background-repeat: no-repeat;background-position: center;background-image: url('../images/top-search1.png'); background-size:15px; font-size:0; width:80px; height:50px; border-radius:50px; overflow:hidden; background-color:#f9f9f9; position:absolute;top:0;right:0;} @media screen and (max-width:768px) { .proSearch form{max-width:100%;margin-bottom:10px;} .proSearch input[type=text]{line-height:40px;} .proSearch input[type=submit]{width:60px; height:40px;} } /*proNavB*/ .proNavB{font-size: 0;padding-top:30px;margin:0 auto;} .proNavB .box{padding:7px 0; padding-left:90px; position:relative;} .proNavB .box .left{display: inline-block;vertical-align: top;width:90px; position:absolute; left:0;top:7px;} .proNavB .box .left .title{font-size:16px;color: #333333;margin-top: 1px;font-weight: bold;line-height:30px; text-align:center;} .proNavB .box .left .title.color{font-size:16px;color: #333333;margin-top: 1px;font-weight: bold;line-height:28px; border:1px solid #000;text-align:center;} .proNavB .box .left .en{font-size:12px; text-transform:uppercase;font-weight:300; display: none;} .proNavB .box .right{display:block;vertical-align: top;padding-left: 20px;} .proNavB .box .right ul>li{display: inline-block;vertical-align: middle;margin-right:5px;} .proNavB .box .right ul>li>a{font-size: 14px;display: inline-block;padding:0 10px; line-height:30px;color: #888;transition: all .3s; margin-bottom:5px;} .proNavB .box .right ul>li.active>a, .proNavB .box .right ul>li>a:hover{background-color:#000000;color: #fff;} @media screen and (max-width: 1220px) { .proNavB .box{padding-left:76px;} .proNavB .box .left{width:76px;} } @media screen and (max-width: 1024px) { .proNavB .box{padding-left:56px;} .proNavB .box .left{width:56px;} .proNavB .box .left .title{font-size:15px;line-height:26px;} .proNavB .box .right ul>li, .proNavB .box .right ul>li>a{font-size:13px;line-height:26px;} } @media screen and (max-width: 768px) { .proNavB .box .left .title{font-size:14px;} .proNavB .box .right ul>li, .proNavB .box .right ul>li>a{font-size:12px;line-height:24px;color:#888;} .proNavB .box .left .title{line-height:24px; text-align:left; display:inline-block;} .proNavB .box .left .title.color{font-size:12px; display:inline-block; padding:0px 9px;} .proNavB .box .left .en{display: inline-block; margin-left:5px;} .proNavB .box{padding:7px 0;padding-left:0px;} .proNavB .box .left{display:block;width:100%;position:static;left:0;top:0; margin-bottom:3px;} .proNavB .box .right{padding-left:0;} .proNavB .box .right ul>li.active>a{background-color:#efefef;color:#000;} .proNavB .box .right ul>li>a:hover{background-color:#fff;color:#888;} .proNavB .box .right{ display:block; width:100%; overflow:hidden;} .proNavB .box .right ul{display: block;} .proNavB .box .right::-webkit-scrollbar, .proNavB .box .right ul::-webkit-scrollbar {display: none;} .proNavB .box .right ul{overflow: hidden;overflow-x: scroll;white-space: nowrap;-webkit-overflow-scrolling: touch;-moz-overflow-scrolling: touch;-o-overflow-scrolling: touch;-ms-overflow-scrolling: touch;overflow-scrolling: touch;} } @media screen and (max-width: 575px) { .proNavB .box{padding:5px 0;} }