body { font-size:14px; font-family:microsoft yahei,Verdana; line-height:1.5;margin:0px; padding:0px; background-image:url(../images/base_bg.jpg);} ul,dl,dd,h1,h2,h3,h4,h5,h6,form,p { padding:0; margin:0;} ul { list-style:none;} img { border:0px;} a { text-decoration:none; color:#666666;} /*body*/ #container { width:100%; margin:0 auto;} /*header*/ #top{ width:100%; height:31px; background-image:url(../images/top_bg.jpg); background-repeat:repeat-x; margin:0 auto;} #top_content{ width:1200px; margin:0 auto;} #header { height:80px; background-image:url(../images/header_bg.jpg); background-repeat:repeat-x; margin:0 auto;} #header_content{ width:1200px; margin:0 auto;} #nav { float:right; height:80px;} /*main*/ #maincontent { margin:0 auto;} #main { float:left; width:664px; height:500px;} #side { float:right; width:228px; height:500px;} /*footer*/ #footer { margin:0 auto;} .clearfloat {clear:both;height:0;font-size: 1px;line-height: 0px;} /*top*/ .tools{text-align:right;} .tools>div, .tools>nav, .tools .lang-select,.tools .country-select{display:inline-block;/* vertical-align:middle; */} #prf-nav{ background-image:url(../images/login.png);background-color:transparent;background-position:0 50%;background-repeat:no-repeat;padding-left:30px;margin-right:10px} #prf-nav ul,#prf-nav li,#prf-nav a{display:inline-block;vertical-align:middle; font-size:12px;} #prf-nav li{margin-left:3px} #prf-nav li:first-child{margin-left:0} #s-lang{ position:relative; margin-right:10px; z-index:99;} #s-lang .lang-select{padding-right:10px;background-color:transparent;background-position:100% 50%;background-repeat:no-repeat;margin-right:14px} #s-lang .lang-select .dsp img{margin:3px 5px 4px 0;height:12px;width:17px} #s-lang .lang-select a{position:relative} #s-lang .lang-select a:after{content:"";position:absolute;left:50%;top:0;border-top:1px solid #efefef;width:50%;margin-left:-25%;height:1px} #s-lang .lang-select li:first-child a:after{border:0}#s-lang .country-select .dsp img{height:19px;width:19px} #s-lang .country-select ul{top:40px}#s-lang .country-select li{white-space:nowrap} #s-lang .country-select a{padding:8px 20px} #s-lang a{color:#000} .link-1{color:#fff;background-color:#304773;text-transform:uppercase;font-size:1.2em;display:inline-block;padding:2px 5px;-webkit-transition:all 300ms ease-in-out;-moz-transition:all 300ms ease-in-out;-ms-transition:all 300ms ease-in-out;-o-transition:all 300ms ease-in-out;transition:all 300ms ease-in-out} .link-1:hover{text-decoration:none;color:#000;background-color:#fff} .link-1.on,.link-1.on:hover{color:#fff;background-color:#97d045} .ddl-1{position:relative} .ddl-1 .dsp{padding:5px 15px 0px 15px; background-image:url(../images/icon.png); background-color:transparent;background-position:100% 50%;background-repeat:no-repeat;color:#808080;text-transform:uppercase} .ddl-1 .dsp img{vertical-align:middle} .ddl-1:hover .dsp{background-color:#FFF;-webkit-box-shadow:3px 3px 0 0 rgba(0,0,0,0.3);-moz-box-shadow:3px 3px 0 0 rgba(0,0,0,0.3);box-shadow:3px 3px 0 0 rgba(0,0,0,0.3)} .ddl-1 ul{position:absolute;top:0;left:0;display:none;-webkit-box-shadow:3px 3px 0 0 rgba(0,0,0,0.3);-moz-box-shadow:3px 3px 0 0 rgba(0,0,0,0.3);box-shadow:3px 3px 0 0 rgba(0,0,0,0.3);background-color:#fbfbfb;text-align:left} .ddl-1 ul a{display:block;padding:15px 20px;text-transform:uppercase;-webkit-transition:all 300ms ease-in-out;-moz-transition:all 300ms ease-in-out;-ms-transition:all 300ms ease-in-out;-o-transition:all 300ms ease-in-out;transition:all 300ms ease-in-out} .ddl-1 ul a:hover{background-color:#fff;text-decoration:none} .ddl-1 ul img{vertical-align:middle;margin-right:5px} .ddl-1:hover ul{display:block} .ddl-2{position:relative;display:inline-block;text-align:left} .ddl-2 .select{position:relative;z-index:5;color:#000;font-size:1.8em;padding:20px 40px 0 20px;height:40px;background-color:#fff;background-position:100% 50%;background-repeat:no-repeat} .ddl-2 .layer{position:absolute;top:0;left:0;z-index:1;padding-top:60px;display:none;background-color:#fff;background-position:0 60px;background-repeat:repeat-x;min-width:100%} .ddl-2:hover .layer{display:block} .ddl-2 .scroll{max-height:200px;overflow-y:auto;overflow-x:hidden} .ddl-2 a{display:block;padding:10px 10px 10px 20px;font-size:1.6em;-webkit-transition:all 200ms ease-in-out;-moz-transition:all 200ms ease-in-out;-ms-transition:all 200ms ease-in-out;-o-transition:all 200ms ease-in-out;transition:all 200ms ease-in-out} .ddl-2 a:hover{background-color:#97d045;color:#fff;text-decoration:none} #enor_logo{ float:left; width:245px; height:56px; background-image:url(../images/enor_logo.png); margin:14px 0px 0px 0px;} /*nav*/ #s-nav{position:relative;z-index:5;width:100%;background-position:0 100%;} #s-nav>ul{display:table;width:100%;background-color:transparent;background-position:0 100%;background-repeat:repeat-y} #s-nav .item{display:table-cell;vertical-align:middle;text-align:center;background-color:transparent;background-position:0 100%; background-image:url(../images/s_nav.jpg); background-repeat:no-repeat} #s-nav .item:first-child{background:0} #s-nav .search{width:68px;background-color:transparent;background-position:0 0;background-repeat:no-repeat;padding-left:2px} #s-nav .link{position:relative;display:block;vertical-align:middle;width:120px;height:80px;line-height:80px;color:#6e6e6e;font-size:16px;text-transform:uppercase} #s-nav .link span{display:inline-block;line-height:80px;vertical-align:middle} #s-nav .item:hover .link{background-color:#f7f7f7} #s-nav .st-2{color:#82e600;text-shadow:0 -1px rgba(1,0,0,0.2)} #s-nav .active .link,#s-nav .active .link:hover{color:#fff;background-color:#9eed14;background-position:0 100%;background-repeat:repeat-x;text-shadow:0 -1px rgba(1,0,0,0.2)} #s-nav .active .link:after,#s-nav .active .link:hover:after{content:"";width:32px;height:14px;background-color:transparent;background-position:0 0;background-repeat:no-repeat;position:absolute;bottom:-14px;left:50%;margin-left:-16px} #s-nav .bt-search{background-color:#e1e1e1;background-position:50% 50%;background-repeat:no-repeat;display:block;width:68px;height:80px;-webkit-transition:all 200ms ease-in-out;-moz-transition:all 200ms ease-in-out;-ms-transition:all 200ms ease-in-out;-o-transition:all 200ms ease-in-out;transition:all 200ms ease-in-out} #s-nav .bt-search.active,#s-nav .bt-search:hover{text-decoration:none;background-color:#adadad;color:#e1e1e1} #s-nav .bt-search.active:after{content:"";width:32px;height:15px;background-color:transparent;background-position:0 0;background-repeat:no-repeat;position:absolute;bottom:0;left:50%;margin-left:-16px} #s-nav .bt-search span{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px} #s-nav .sub-home,.s-nav-2 nav>ul{display:block;position:relative} #s-nav .sub-home>li>a,.s-nav-2 nav>ul>li>a,#s-nav .sub-home>li,.s-nav-2 nav>ul>li{font-weight:normal;display:inline-block;text-transform:uppercase;vertical-align:middle} #s-nav .sub-home>li,.s-nav-2 nav>ul>li{position:relative;z-index:1;height:50px;line-height:50px;padding-bottom:4px;border-bottom:6px solid #fff;text-align:center} #s-nav .sub-home>li:first-child>a,.s-nav-2 nav>ul>li:first-child>a{background:0} #s-nav .sub-home>li>a,.s-nav-2 nav>ul>li>a{padding:0 20px;background-color:transparent;background-position:0 50%; background-image:url(../images/sub_home.jpg); background-repeat:no-repeat;line-height:1.2;font-size:14px; color:#000000; line-height:50px; filter:alpha(opacity=100); opacity:1;} #s-nav .sub-home>li>a:hover,.s-nav-2 nav>ul>li>a:hover{text-decoration:none} #s-nav .sub-home>li:hover,.s-nav-2 nav>ul>li:hover,#s-nav .sub-home>li.active,.s-nav-2 nav>ul>li.active{border-bottom:6px solid #74bd0c} #s-nav .sub-home>li:hover:after,.s-nav-2 nav>ul>li:hover:after,#s-nav .sub-home>li.active:after,.s-nav-2 nav>ul>li.active:after{content:'';background-color:transparent;background-position:50% 0;background-repeat:no-repeat;height:10px;width:24px;position:absolute;top:60px;left:50%;margin-left:-12px;z-index:2} #s-nav .sub-home>li.active,.s-nav-2 nav>ul>li.active,#s-nav .sub-home>li.active>a,.s-nav-2 nav>ul>li.active>a{} #s-nav .sub-home>li.force-sub,.s-nav-2 nav>ul>li.force-sub,#s-nav .sub-home>li:hover,.s-nav-2 nav>ul>li:hover{z-index:3} #s-nav .sub-home>li.force-sub .sub,.s-nav-2 nav>ul>li.force-sub .sub,#s-nav .sub-home>li:hover .sub,.s-nav-2 nav>ul>li:hover .sub{top:54px;left:0}#s-nav .sub-home>li.force-sub .sub.reverse,.s-nav-2 nav>ul>li.force-sub .sub.reverse,#s-nav .sub-home>li:hover .sub.reverse,.s-nav-2 nav>ul>li:hover .sub.reverse{right:0;left:auto} #s-nav .sub-home>li.force-sub,.s-nav-2 nav>ul>li.force-sub{z-index:2} #s-nav .sub-home{position:absolute;top:80px;left:0px;background-color:#fff;filter:alpha(opacity=70); opacity:0.7; width:900px;display:none;text-align:left} #s-nav .sub-home.reverse{text-align:right} #s-nav .sub-home>li{height:44px;padding-top:6px} #s-nav .item:hover>.sub-home{display:block} .s-nav-2{margin-bottom:30px} .s-nav-2 nav{position:relative;z-index:5} .s-nav-2 nav .sub{position:absolute;top:-9999px;left:-9999px;width:245px;line-height:1.2;border-top:6px solid #97d045;text-align:left;background-color:#242424;background-position:0 0;background-repeat:repeat-x;color:#fff;font-size:1.2em;height:161px;overflow:hidden} .s-nav-2 nav .sub.cols-2{width:492px} .s-nav-2 nav .sub.cols-2:before,.s-nav-2 nav .sub.cols-2:after{display:table;content:""} .s-nav-2 nav .sub.cols-2:after{clear:both} .s-nav-2 nav .sub.cols-2 ul{float:left} .s-nav-2 nav .sub.cols-2 ul:first-child{border-right:2px solid rgba(255,255,255,0.05)} .no-rgba .s-nav-2 nav .sub.cols-2 ul:first-child{border-right:2px solid #333} .s-nav-2 nav .sub ul{position:relative;z-index:5;padding:19px 0 25px 0} .s-nav-2 nav .sub ul+ul{z-index:4}.s-nav-2 nav .sub ul,.s-nav-2 nav .sub li{width:245px;display:block} .s-nav-2 nav .sub li{position:relative;height:24px;border-top:1px solid rgba(255,255,255,0.2);border-bottom:1px solid rgba(0,0,0,0.6)} .no-rgba .s-nav-2 nav .sub li{border-top:1px solid #fff;border-bottom:1px solid #000} .s-nav-2 nav .sub a{display:block;padding:5px 25px;height:14px;line-height:14px;color:#fff;text-transform:none;min-width:195px} .s-nav-2 nav .sub li.current a,.s-nav-2 nav .sub a:hover{background-color:#868686;background-position:0 0;background-repeat:repeat-x;text-decoration:none} .s-nav-2 nav .sub li.current a{font-weight:bold} .s-nav-2 nav .sub span{height:14px;line-height:14px;white-space:nowrap;overflow:hidden;display:block;text-overflow:ellipsis} .s-nav-2 nav .sub a:hover{position:absolute} .s-nav-2 .picture-2,.s-nav-2 .picture{height:225px;width:978px;position:relative;z-index:1} .s-nav-2 .picture-2:after,.s-nav-2 .picture:after{content:'';height:26px;width:57px;position:absolute;z-index:2;bottom:0;left:30px;background-color:transparent;background-position:0 0;background-repeat:no-repeat}.s-nav-2 .picture-2{height:auto;width:978px} .s-nav-2 .pct-tb,.s-nav-2 .pct-tbc{display:table;height:100%;width:100%} .s-nav-2 .pct-tbc{display:table-cell;vertical-align:middle} .s-nav-2 .pct-tbc span{display:inline-block;text-transform:uppercase;padding:0 10px 0 30px;margin-bottom:3px;background-color:#fff;font-size:3.2em;min-height:38px;line-height:38px} .s-nav-2 .bloc-nfo{position:absolute;top:0;right:0;padding:10px;height:100%;width:255px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;font-size:.91em} .s-nav-2 .bloc-nfo .wrp{height:100%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding:15px;background-color:#f9f9f9;overflow:hidden;line-height:1.2} .s-nav-2 .bloc-nfo .title-1{margin-bottom:10px;font-size:2.5em;line-height:1.1} .s-nav-2 .bloc-nfo a{color:#000} .s-nav-2 .bloc{position:relative;z-index:1;background-color:#f9f9f9} .s-nav-2 .bloc:before,.s-nav-2 .bloc:after{display:table;content:""} .s-nav-2 .bloc:after{clear:both}.s-nav-2 .bloc .col{padding:20px 0 0;width:642px} .s-nav-2 .bloc.bloc-preview .col{width:480px} .s-nav-2 .bloc .ttl{margin-bottom:20px} .s-nav-2 .bloc .ttl span{letter-spacing:-1px;display:inline-block;text-transform:uppercase;font-size:4.2em;background-color:#FFF;color:#000;margin-bottom:3px;min-height:49px;line-height:49px;padding:0 10px 0 30px} .s-nav-2 .bloc .txt{text-transform:uppercase;margin-left:30px;font-size:1.6em;line-height:1.5;margin-bottom:20px} .s-nav-2 .bloc .txt a,.s-nav-2 .bloc .txt strong{font-weight:normal} .s-nav-2 .bloc .txt a{color:#97d045}.s-nav-2 .bloc .preview,.s-nav-2 .bloc .tools{position:absolute;right:30px;bottom:0} .s-nav-2 .bloc .tools{width:306px;text-align:right} .s-nav-2 .bloc .tools .ddl-2{min-width:240px} .s-nav-2 .bloc .tools .ddl-2 .select{max-width:240px} .s-nav-2 .bloc .preview{width:390px;bottom:45px;overflow:hidden;-webkit-box-shadow:5px 5px 10px 5px rgba(0,0,0,.25);-moz-box-shadow:5px 5px 10px 5px rgba(0,0,0,.25);box-shadow:5px 5px 10px 5px rgba(0,0,0,.25)} .s-nav-2 .pct-tbc sup,.s-nav-2 .ttl sup{vertical-align:super;font-size:.769em;line-height:.8em} .s-nav-2 .pct-tbc small,.s-nav-2 .ttl small{font-size:.833em} .s-nav-2 .pct-tbc big,.s-nav-2 .ttl big{font-size:1.231em} .s-nav-2 .pct-tbc sub,.s-nav-2 .ttl sub{vertical-align:sub;font-size:.769em;line-height:.8em} .search{ position: relative; z-index:0; } .search input.txt{ position: absolute; left: -10px; top: 10px; width: 0; height: 30px; border:none; color: #444; text-indent: 2em; border-radius: 20px; box-shadow: 0 0 5px #ddd; outline:none; font-family:microsoft yahei,Verdana; } .search input.submit{ width: 75px; height: 50px; background: url(../images/search.png) no-repeat center center; border:none; outline:none; } /*banner*/ .banner{ width:100%; overflow:hidden; margin:0 auto;} .slider-nav{display:none;} .slider-page{bottom:3%; height:29px; position:absolute;z-index:99; width:100%; text-align:center;} .slider-page-item{ background-image:url(../images/page_item.png); width:14px; height:14px; border-radius:30px; margin:9px 6px; cursor:pointer; display:inline-block; text-indent:9999px;} .slider-page-active{ background-image:url(../images/page_active.png); width:14px; height:14px;} /*about*/ #best-deal { width:100%; height:495px; background: #f7f7f7; margin:0 auto; } .row { width:1250px; margin:0 auto; } #best-deal, .fh5co-services { padding: 3em 0; } @media screen and (max-width: 768px) { #best-deal, .fh5co-services { padding: 3em 0; } } #best-deal .item-block, .fh5co-services .item-block { width:29.4%; float: left; margin-left:1.8%; margin-right:2.1%; margin-top:1.6%; } #best-deal .item-block .icon, .fh5co-services .item-block .icon { display: block; margin-bottom: 30px; } #best-deal .item-block .icon img, .fh5co-services .item-block .icon img { max-width: inherit; height: 90px; margin: 0 auto; } #best-deal .item-block h3, .fh5co-services .item-block h3 { font-size: 22px; text-align: center; } #best-deal .item-block p:last-child, .fh5co-services .item-block p:last-child { margin-bottom: 0; } .fh5co-heading { margin-bottom: 20px; } .fh5co-heading p { font-size: 16px; color:#777777; padding:10px 0px 0px 0px; } .fh5co-heading.white { color: #fff; } .fh5co-heading.white h2, .fh5co-heading.white p { color: #fff; } .fh5co-section-with-image { position: relative; } .fh5co-section-with-image .fh5co-box { padding: 50px; background: rgba(255, 255, 255, 0.9); position: absolute; z-index: 1001; width: 35%; right: 19%; top: 50%; } @media screen and (max-width: 992px) { .fh5co-section-with-image .fh5co-box { position: relative; right: auto; bottom: auto; width: 100%; margin-top: auto !important; } } @media screen and (max-width: 480px) { .fh5co-section-with-image .fh5co-box { position: relative; right: auto; bottom: auto; width: 100%; padding: 15px; } } .fh5co-section-with-image h2 { font-size: 30px; margin-bottom: 5px; font-family:Oswald; } @media screen and (max-width: 768px) { .fh5co-section-with-image h2 { font-size: 32px; } } .fh5co-section-with-image p { font-size: 16px; text-align:justify; line-height:32px; padding:30px 0px 0px 0px; } @media screen and (max-width: 768px) { .fh5co-section-with-image p { font-size: 16px; } } .fh5co-section-with-image p:last-child { margin-bottom: 0; } .fh5co-property { background: #fff; width: 100%; float: left; overflow:hidden; } .fh5co-property p { } .fh5co-property figure { position: relative; } .fh5co-property figure img { } .fh5co-property figure .tag { position: absolute; bottom: 0; right: 0; padding: 2px 10px; background: #118DF0; color: #fff; display: -moz-inline-stack; display: inline-block; zoom: 1; *display: inline; } .fh5co-property .fh5co-property-specification { border-top: 1px solid #f0f0f0; background: #f7f7f7; padding: 15px 30px 15px 30px; font-size: 13px; margin-bottom: 0; } .fh5co-property .fh5co-property-specification > span { margin-right: 10px; } .fh5co-property .fh5co-property-specification > span strong { color: #118DF0; } .fh5co-property .fh5co-property-innter { padding: 0px 0px 0px 0px; } .fh5co-property .fh5co-property-innter p { color: #585858; font-size:16px; line-height:25px; text-align:justify; padding:0px 20px 40px 20px; } .fh5co-property .fh5co-property-innter p:last-child { margin-bottom: 0; } .fh5co-property .fh5co-property-innter h3 { font-size:26px; font-weight: normal; margin: 20px auto; text-align:center; } .fh5co-property .fh5co-property-innter h3 a{ color:#304773; } .fh5co-property .fh5co-property-innter h3 a:hover, .fh5co-property .fh5co-property-innter h3 a:active, .fh5co-property .fh5co-property-innter h3 a:focus { text-decoration: none; } .fh5co-property .price-status { margin-bottom: 20px; } .fh5co-property .price-status .price { font-size: 28px; color: #4CB648; margin-bottom: 10px; position: relative; } .fh5co-property .price-status .price .per { font-size: 12px; text-transform: uppercase; } .btn-primary { width:100%; height:58px; background: #599436; color: #fff; text-align:center; } .btn-primary:hover, .btn-primary:focus, .btn-primary:active { background: #599436 !important; border-color: #599436 !important; } .btn-primary.btn-outline { background: #599436; color: #ffffff; font-size:18px; line-height:58px; } .btn-primary.btn-outline:hover, .btn-primary.btn-outline:focus, .btn-primary.btn-outline:active { background: #304773; color: #fff; } .effImg01 img/*, .inewsSlider li img, .inewsList li img, .videoList li img */{ -moz-transition: all .8s ease 0s;-ms-transition: all .8s ease 0s;-o-transition: all .8s ease 0s;transition: all .8s ease 0s;} .effImg01:hover img/*, .inewsSlider li:hover img, .inewsList li:hover img, .videoList li.hover img */{ transform: scale(1.06);-moz-transform: scale(1.06);-webkit-transform: scale(1.06);} /*关于我们*/ #about_container{ width:100%; height:100%; overflow:hidden; margin:0 auto; background-image:url(../images/page.jpg);} #about_container .about_blackboroad{width:100%;padding-bottom:40%;position:relative;} .about_blackboroad .about_blackboroad_container{width:100%;height:100%;position:absolute;top:0;left:0;background:#fff url(../images/about_1_bg.jpg) no-repeat 53% center;overflow:hidden;} .about_blackboroad_container .silder_box{width:40%;position:absolute;top:0;left:0;background:#000;height:100%; -webkit-transform:translateX(-100%); -moz-transform:translateX(-100%); -ms-transform:translateX(-100%); -o-transform:translateX(-100%); transform:translateX(-100%); -webkit-transition: all 0.9s cubic-bezier(0.165, 0.84, 0.44, 1); -moz-transition: all 0.9s cubic-bezier(0.165, 0.84, 0.44, 1); -ms-transition: all 0.9s cubic-bezier(0.165, 0.84, 0.44, 1); -o-transition: all 0.9s cubic-bezier(0.165, 0.84, 0.44, 1); transition: all 0.9s cubic-bezier(0.165, 0.84, 0.44, 1); } .about_blackboroad_container .silder_box img{position:absolute;width:100%;height:auto;top:0;left:0;} .silder_box_hover{ -webkit-transform:translateX(0) !important; -moz-transform:translateX(0) !important; -ms-transform:translateX(0) !important; -o-transform:translateX(0) !important; transform:translateX(0) !important; } #fluid_container{width:1200px; margin:52px auto;} #fluid_container .fluid_square{position:relative;height:0; -webkit-box-shadow: 4px 11px 35px -14px rgba(0, 0, 0, 0.9); -moz-box-shadow: 4px 11px 35px -14px rgba(0, 0, 0, 0.9); -ms-box-shadow: 4px 11px 35px -14px rgba(0, 0, 0, 0.9); -o-box-shadow: 4px 11px 35px -14px rgba(0, 0, 0, 0.9); box-shadow: 4px 11px 35px -14px rgba(0, 0, 0, 0.9);} #fluid_container .fluid_grid{float:left;box-sizing:border-box;} #fluid_container .fluid_grid1x1{width:20%;} #fluid_container .fluid_grid2x1{width:40%;} #fluid_container .fluid_grid2x2{width:49%; float:right; margin:0px 0px 50px 0px;} #fluid_container .fluid_grid3x1{width:40%; float:right;} #fluid_container .fluid_grid3x2{width:49%; float:left; margin:0px 0px 50px 0px;} #fluid_container .fluid_grid5x2{width:100%;} .fluid_grid1x1 .fluid_square{width:100%;padding-bottom:100%;} .fluid_grid2x1 .fluid_square{width:100%;padding-bottom:50%;} .fluid_grid2x2 .fluid_square{width:100%;padding-bottom:71%;} .fluid_grid3x2 .fluid_square{width:100%;padding-bottom:71%;} .fluid_grid5x2 .fluid_square{width:100%;padding-bottom:50%;} .fluid_grid6x2 .fluid_square{width:100%;padding-bottom:50%;} .fluid_square .fluid_square_box{ width:100%; height:100%; position:absolute; top:0; left:0px; overflow:hidden; background:#FFFFFF; } .fluid_square_box .ability_big_box{padding:8% 0 0 15%;color:#fff;line-height:1.7em;font-size:14px;} .fluid_square_box .ability_img_box img{width:100%;height:auto;} .fluid_square_box .ability_big_box strong.title{font-size:36px;} .fluid_square_box .history_content_box{padding:24% 19% 0 19%;font-size:14px;letter-spacing:1px;line-height:1.7em;color:#313131;} .fluid_square_box .leadership_content_box{padding-top:17%;} .fluid_square_box .leadership_block_ul_box{padding:17% 0 0 19%;line-height:100%;} .fluid_square_box .leadership_block_ul_box ul li{margin-top:30px;} .leadership_block_ul_box .second_ul{margin-left:15.5%;} .touch_marvel{overflow:hidden;} .touch_marvel:hover .resize_img{display:block; -webkit-transform:scale(1.05); -moz-transform:scale(1.05); -ms-transform:scale(1.05); -o-transform:scale(1.05); transform:scale(1.05); } .touch_marvel_5{overflow:hidden;} .touch_marvel_5:hover .resize_img{display:block; -webkit-transform:scale(1.04); -moz-transform:scale(1.04); -ms-transform:scale(1.04); -o-transform:scale(1.04); transform:scale(1.04); } .fluid_square_box .resize_img{width:100%;height:auto;display:block; -webkit-transition: all 0.3s cubic-bezier(0.6, 0.46, 0.45, 0.94); -moz-transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94); -ms-transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94); -o-transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94); transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94); } .animation_time{ -webkit-transition: all 0.3s cubic-bezier(0.6, 0.46, 0.45, 0.94); -moz-transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94); -ms-transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94); -o-transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94); transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94); } .proportion_square .resize_img{width:100%;height:auto;position:absolute;top:0;left:0;display:block; -webkit-transition: all 0.3s cubic-bezier(0.6, 0.46, 0.45, 0.94); -moz-transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94); -ms-transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94); -o-transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94); transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94); } .scrollLoading_y_100{ -webkit-transform:translateY(100%); -moz-transform:translateY(100%); -ms-transform:translateY(100%); -o-transform:translateY(100%); transform:translateY(100%); } .fluid_square_box .direction_cover{width:100%;height:100%;position:absolute;background:#f7f7f7;display:none; /* -webkit-transition: all 0.3s cubic-bezier(0.6, 0.46, 0.45, 0.94); -moz-transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94); -ms-transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94); -o-transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94); transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94); */ } .fluid_square_box .icon_hansn_start{position:absolute;top:38%;left:18%;z-index:10;} .fluid_square_box .icon_hansn_honnor{top:40%;left:21%;} .fluid_square_box .icon_hansn_love{top:40%;left:50%;margin-left:-76px;} .about_detail{position:relative;display:inline-block; font-size:15px; color:#434344; text-align:justify; padding:44px 40px; z-index:10;} .about_detail span{ font-size:26px; line-height:34px; color:#304773;} .about_more{font-size:18px; color:#ffffff; padding:10px 20px; position:relative;display:inline-block;left:7.3%; background:#599436;z-index:10;} .button_with_underline:before,.button_with_underline:after{position:absolute;top:100%;left:0;width:100%;height:2px;background:#827340;content:''; -webkit-transition: -webkit-transform 0.3s; -moz-transition: -moz-transform 0.3s; transition: transform 0.3s; -webkit-transform: scale(0.85); -moz-transform: scale(0.85); transform: scale(0.85); } .button_with_underline:before,.button_with_underline:after{opacity: 0; -webkit-transition: top 0.3s, opacity 0.3s, -webkit-transform 0.3s; -moz-transition: top 0.3s, opacity 0.3s, -moz-transform 0.3s; transition: top 0.3s, opacity 0.3s, transform 0.3s; } .begToTouchMe:hover .button_with_underline::before, .begToTouchMe:hover .button_with_underline::after, .begToTouchMe:focus .button_with_underline::before, .begToTouchMe:focus .button_with_underline::after{ -webkit-transform: scale(1); -moz-transform: scale(1); transform: scale(1); } .begToTouchMe:hover .button_with_underline::after, .begToTouchMe:focus .button_with_underline::after, .begToTouchMe:hover .button_with_underline::before, .begToTouchMe:focus .button_with_underline::before { top: 0%; opacity: 1; } .yuyan{ width:100%; height:70px; background:#599436;} .yy_con{ width:1200px; margin:0 auto;} .yy_l{ float: left; color:#FFFFFF; line-height:70px; font-size:16px;} .yy_l a{ color:#FFFFFF;-webkit-transition: all 0.5s ease-in-out;} .yy_l a:hover{ color:#abd6f0;} .weixin{ float: right; width:125px; color:#FFFFFF;font-size:16px; line-height:70px; text-align:left;} .weixin span{ padding-left:10px;} .foot_nav{ width:100%; background:#f0f0f0; overflow:hidden; border-bottom:1px #eaeaea solid;} .foot_con{ width:1200px; margin:0 auto; margin-top:30px; padding-bottom:265px;} .foot_l ul li{ float: left; margin-right:105px;} .foot_l ul li h3{ font-size:16px; color:#1c1c1c; font-weight:normal;} .foot_l ul li span{ display:block; width:48px; height:2px; background:#bdbdbd; margin-top:4px;} .foot_li{ margin-top:5px} .foot_con ul li p{ font-size:14px; line-height:26px; color:#737373;} .foot_li a{ color:#737373;-webkit-transition: all 0.5s ease-in-out;} .foot_li a:hover{ color:#3b7817;} .foot_l{ float: left; width:885px;} .foot_r{ float: right; width:308px;} .text{ font-size:25px; color:#437a22; line-height:50px; margin-top:10px;} .dizhi{ color:#737373; font-size:14px; margin-top:5px; line-height:26px;} .banquan{ width:100%; height:43px; background:#f0f0f0; border-top:1px #dcdcdc solid;} .bq_con{ width:1200px; margin:0 auto; line-height:43px;color:#757575;} .bq_l{ float: left;} .bq_r{ float: right;} .bq_r a{ color:#757575;} .banner_inner { position:relative; overflow:hidden;} .banner_inner img { width:100%; height:100%;} #position{ width:100%; height:60px; margin:0 auto;} #position_content{ width:1200px; margin:0 auto;} #position_content_left{ float:left; font-size:15px; color:#666666; line-height:60px; padding:0px 0px 0px 26px; background-image:url(../images/position.png); background-repeat:no-repeat; background-position:0 50%;} #position_content_right{ float:right;} .newslist_menu{width:1200px; margin:0 auto;} .newslist_menu_list{ float:right; height:50px;} .newslist_menu_list li{ float:left;display:block; height:60px; text-align:center; color:#696868; margin:0px 0px 0px 25px;} .newslist_menu_list li a{ float:left; display:block; height:60px; line-height:60px; color:#696868; font-size:15px; text-align:center; padding:0px 15px;} .newslist_menu_list li a:hover{ float:left; display:block; height:60px; line-height:60px; color:#599436; text-align:center; border-bottom:2px #599436 solid;} .newslist_menu_list li.selectTag,.newslist_menu_list li.selectTag a{ float:left; display:block; height:60px; border-bottom:2px #599436 solid; background-position:center; background-repeat: no-repeat; line-height:60px; color:#599436; text-align:center;} .newslist_content_content{ display:none;} #tagContent DIV.selectTag,#tagContent1 DIV.selectTag,#tagContent2 DIV.selectTag,#tagContent3 DIV.selectTag,#tagContent4 DIV.selectTag,#tagContent5 DIV.selectTag,#tagContent6 DIV.selectTag,#tagContent7 DIV.selectTag,#tagContent8 DIV.selectTag,#tagContent9 DIV.selectTag{ display:block;} #main_content{ width:1200px; background:#FFFFFF; margin:0 auto;} #title{ font-size:25px; color:#434344; text-align:center; line-height:35px; padding:35px 0px 0px 0px;} #title span{ font-size:16px; color:#b3b3b3; font-family:Arial, Helvetica, sans-serif} #line{ width:1150px; height:9px; background-image:url(../images/line.png); margin:0 auto;} #content{ width:1150px; height:100%; overflow:hidden; min-height:500px; color:#666666; margin:50px auto;} #about{ font-size:15px; color:#666666; line-height:25px; text-align:justify;} .about-2{width:1150px;height:440px;background:url("../images/about-2.jpg") no-repeat center bottom; margin:0 auto;} .about-2-left{padding-top:110px; padding-left:50px;} .about-2-left h3{font-size:22px;color:#304773;} .about-2-left h4{font-size:36px;color:#c8c8c8;font-family: Arial, Helvetica, sans-serif;letter-spacing: -3px;font-weight:500;} .about-2-con{width:320px;height:345px;padding:55px 20px 0px 20px; background:#304773;position:absolute;top:0;right:0;animation-delay:1.4s;} .about-2-con p{font-size:16px;color:#fff; line-height:26px; padding-bottom:22px;} .w1200{width:1150px;margin:0 auto;} .pr{position:relative;} .history-info{ width:96.4%; height:172px; padding:18px; box-shadow:3px 3px 0 #d2d2d2; border-radius:7px; background:#fff url(../images/line.gif) no-repeat 275px center; margin-bottom:30px; background-color:#f9f9f9;} .history-info h2{ float:left; margin:0; width:238px; padding-top:60px;} .history-info h2 img{ } .history-info p{ padding-left:35px; height:100%; overflow:hidden; line-height:30px; text-align:justify;} .history-list{ padding:0px 0px 40px 0px;} .history-list dl{ height:112px; overflow:hidden; margin-bottom:35px;} .history-list dt{ float:left; width:116px; height:100%; padding-right:18px; border-right:1px solid #DEDEDE; text-align:center; font-weight:normal;} .history-list dt p{ height:36px; line-height:36px; overflow:hidden; font-size:40px; font-family:Arial; color:#31b715; margin-bottom:25px;} .history-list dt a{ display:block; width:100%; padding-bottom:18px; background:url(../images/get-more.gif) no-repeat center bottom; color:#89898a; cursor:pointer;} .history-list dt .down{ background:url(../images/get-more2.gif) no-repeat center bottom;} .history-list dt a:hover{ color:#89898a; text-decoration:none;} .history-list dd{ padding-left:150px; line-height:28px;} /*news*/ .article-list { overflow: hidden; width:1150px; margin:0 auto; } .article-list ul { width: 110%; } .article-list li { width: 268px; float: left; margin-right: 25px; margin-bottom: 40px; } .article-list li * { transition: All .2s ease-in-out; -webkit-transition: All .2s ease-in-out; -moz-transition: All .2s ease-in-out; -o-transition: All .2s ease-in-out; } .article-list li .pic { display: block; width: 100%; height: 195px; overflow: hidden; } .article-list li .pic img { width:100%; height:195px; } .article-list li:hover img { transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -mz-transform: scale(1.1); } .article-list li:hover .txt { background: #969696; } .article-list li:hover .txt:after { height: 100%; } .article-list li:hover .name { color: #ffffff; } .article-list li:hover .clude { color: #e3e3e3; } .article-list li:hover .border-more { color: #cfcfcf; border-color: #cfcfcf; } .article-list li .txt { padding: 12px; border: 1px solid #b8b8b8; border-top: 0; height: 148px; overflow: hidden; transition: All 1s ease-in-out; -webkit-transition: All 1s ease-in-out; -moz-transition: All 1s ease-in-out; -o-transition: All 1s ease-in-out; position: relative; } .article-list li .txt:after { content: ""; position: absolute; width: 100%; height: 0%; left: 0; top: 0; z-index: -1; background: #969696; transition: All .1s ease-in-out; -webkit-transition: All .1s ease-in-out; -moz-transition: All .1s ease-in-out; -o-transition: All .1s ease-in-out; } .article-list li .name { font-size: 15px; color: #191919; line-height: 22px; max-height: 40px; overflow: hidden; display: block; } .article-list li .clude { line-height: 22px; color: #737373; height: 62px; margin-top: 10px; text-align:justify; } .article-list li .border-more { padding: 2px 0px; display: inline-block; margin-top: 20px; } .newsBack {width:63px;height:22px;overflow:hidden;margin:15px auto 0px auto;} .newsBack a {background-image:url(../images/back.jpg);display:block;width:63px;height:22px;background-position:0px 0px;} .newsBack a:hover {background-position:0px -22px;} /* 人才理念 */ .nrclnk { width:1150px; margin:0 auto;} .industry-default-imgall{height:317px; margin-bottom:60px;} .industry-default-imgall .kwicks{width:1150px; position:relative;} .industry-default-imgall .kwicks li{width:228px; height:317px; overflow:hidden;} .industry-default-imgall .kwicks li .img{width:400px;height:317px; position:absolute; top:0; left:0; z-index:10;} .industry-default-imgall .kwicks li .cont{width:100%; height:100%; position:absolute; top:0; left:0; z-index:30;background:url(../images/wpng90.png) repeat;} .industry-default-imgall .kwicks li .cont .p-warp{width:100%; height:125px; position:absolute; top:50%;left:0; margin-top:-63px;} .industry-default-imgall .kwicks li .cont .simg{width:100%; margin-top:18px; text-align:center; height:69px; display:block;} .industry-default-imgall .kwicks li .cont .p{font-size:16px; color:#3f3f3f; font-family:\5FAE\8F6F\96C5\9ED1; line-height:33px; display:block; text-align:center;} .industry-default-imgall .kwicks li .co{width:222px; height:110px; padding:15px 16px 0 16px; position:absolute; top:50%; margin-top:-63px; z-index:30; background:url(../images/pngs95.png) repeat; color:#ffffff; line-height:22px; text-align: justify; left:300px;} .industry-default-imgall .kwicks li .co p { color:#fff; padding-bottom:6px;} .industry-default-imgall .kwicks #kwick_1 .co{background:url(../images/rpng95.png) repeat;} .industry-default-imgall .kwicks #kwick_2 .co{background:url(../images/gpng95.png) repeat;} .industry-default-imgall .kwicks #kwick_3 .co{background:url(../images/dpng95.png) repeat;} .industry-default-imgall .kwicks #kwick_4 .co{background:url(../images/bpng95.png) repeat;} .industry-default-imgall .kwicks #kwick_5 .co{background:url(../images/hpng95.png) repeat;} .fk_tit{ text-align:center; margin-top:50px;} .fankui{ width:100%; height:100%; overflow:hidden; background:#FFFFFF;} .contactBox{ width:1160px; margin:30px auto;} .contactBox .formbox { width: 100%; float: left; } .contactBox .inputrow { float: left; width: 31%; margin-right: 3.5%; height: 33px; } .contactBox .input-address { margin-right: 0px; } .contactBox .inputrow.error input { border: red 1px solid; } .contactBox .inputrow input { width: 96%; text-indent: 6px; line-height: 33px; border: #bfbfbf 1px solid; color: #999; height: 33px; font-family:microsoft yahei,Verdana; } .contactBox .input-message { width: 100%; height: auto; } .contactBox .inputrow textarea { margin-top: 30px; width: 98.7%; height: 208px; text-indent: 6px; line-height: 33px; border: #bfbfbf 1px solid; color: #999; font-family:microsoft yahei,Verdana; } .contactBox .submit { width: 100%; float: left; margin: 30px 0 60px 0; text-align: center; } .contactBox .submit .submit1 { display: inline-block; +display:inline; zoom: 1; background: #304773; height: 44px; line-height:36px; width: 158px; border: 0px; color: #fff; font-size: 16px; cursor: pointer; font-family:microsoft yahei,Verdana; } .contactBox .submit .reset { display: inline-block; +display:inline; zoom: 1; background: #e7e7e7; height: 44px; line-height:36px; width: 158px; border: 0px; color: #333; font-size: 16px; cursor: pointer; font-family:microsoft yahei,Verdana; margin:0px 0px 0px 30px; } .lxfs .lxfs-box { margin-top: 53px; } .lxfs .lxfs-box .lxfs-l { position: relative; width: 566px; background: url(../images/contact1.jpg) repeat-y right top; } .lxfs .lxfs-box .lxfs-l .ewm { display: block; width: 148px; height: 148px; position: absolute; right: 61px; bottom: 0; } .lxfs .lxfs-box .lxfs-l h1 { font-weight: normal; color: #333333; font-size: 24px; line-height: 30px; margin-bottom: 25px; } .lxfs .lxfs-box .lxfs-l p { padding: 12px 0 12px 38px; color: #333333; font-size: 14px; } .lxfs .lxfs-box .lxfs-l .d1 { background: url(../images/c1.jpg) no-repeat left center; } .lxfs .lxfs-box .lxfs-l .d2 { background: url(../images/c2.jpg) no-repeat left center; } .lxfs .lxfs-box .lxfs-l .d3 { background: url(../images/c3.jpg) no-repeat left center; } .lxfs .lxfs-box .lxfs-l .d4 { background: url(../images/c4.jpg) no-repeat left center; } .lxfs .lxfs-box .lxfs-l .d5 { background: url(../images/c5.jpg) no-repeat left center; } .lxfs .lxfs-box .lxfs-r { width: 566px; float: right; height: 311px; } .f-l{float: left;} .f-r{float: right;} .product_li ul{display: flex;flex-wrap: wrap;} .product_li ul li{ width: 31%; margin-left: 1%; margin-right: 1%; margin-bottom: 3%; } .pro_tu{border:1px #d5d5d5 solid; padding:5px;} .pro_tu img{width: 100%;} .pro_tit{text-align: center; margin-top: 10px;} .honorbox-list ul li{width: 31%; margin-left:1%; margin-right: 1%; float: left; margin-bottom: 3%;} .honorbox-list ul li img{width: 100%; border: 1px solid #CCC;padding: 2px;}