.product_list_wr .dl_wr dt:after,.i_it_wr .item,.i_it_wr .item *,.Product_list .filtrate_wr .ri,.community2_d .sub_hd li,.commonweal3 .hd li,.commonweal3_d .tab .hd .select_time li,.c3_d_list .ul h4,.commonweal-sustain1 ul *, .commonweal-sustain2 .tab_wr ul *,.commonweal-sustain2 .tab_wr ul li:after,.commonweal-sustain5 .list h4 {-webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s;} /*header*/ #header{ position: fixed; z-index: 999; left: 0; right: 0; top: 0; width: 100%; height: 80px; margin: 0 auto;} /*.start #header{box-shadow: 0 0 10px rgba(0,0,0,.1);}*/ .header{width:100%;height:80px;min-width: 1200px; max-width: 1920px; margin:0 auto; background:#ffffff;position:relative;z-index:100;} .header .logo{float:left;margin-left: 40px; padding:0;} .header .logo .logo2{display:none;} .header .head{float:right;height:80px; padding-right:320px; margin-right: -320px; background:#fff;} .header .head .head-nav{float:left;position:relative;height:80px;} .header .head .nav{padding-right:14px;height:80px;position:relative;float:left;} .header .head .nav li{float:left;height:80px;} .header .head .nav li a{font-size:14px;color:#616161;font-weight:bold;line-height:80px;padding:0 14px;} .header .head .nav span{height:5px;background:#ff9f00;position:absolute;top:0;left:0;} .header .head .head-btn{height:80px;float:left; margin-right: 24px;} .header .head .head-btn .language{float:left;position:relative;z-index:100;} .header .head .head-btn .language .language-top{width:78px;height:80px;line-height:80px;font-size:14px;color:#616161; padding-left: 16px; font-weight:bold; background:url("../images/drop.png") no-repeat 56px center;} .header .head .head-btn .language .language-con{width:141px;height:75px;padding-left:16px;position:absolute;left:0px;top:80px;background:#ff9f00;display:none;} .header .head .head-btn .language .language-con a{float:left;line-height:76px;margin-right:14px;font-size:14px;color:#4f4f4f;font-weight:bold;} .header .head .head-btn .language:hover .language-top{background:#ff9f00 url("../images/drop2.png") no-repeat 56px center;color:#ffffff;} .header .head .head-btn .update{width:118px;height:80px;position:relative;float:left;} .header .head .head-btn .update-top{width:118px; padding-left: 16px; white-space: nowrap; height:80px;font-size:14px;color:#616161;font-weight:bold; line-height:80px;background:url("../images/update.png") no-repeat 82px center;} .header .head .head-btn .update-bot{width:157px;padding:23px 0 ;background:#ff9f00;position:absolute;right:-1px;top:80px;text-align:right;display:none;z-index:100;} .header .head .head-btn .update-bot ul{padding-right:30px; padding-left: 16px;} .header .head .head-btn .update-bot li{line-height: 30px;} .header .head .head-btn .update-bot a{font-size:14px;color:#4f4f4f;font-weight:bold; text-align: right; padding-right: 18px;} .header .head .head-btn .update-bot a:hover,.header .head .head-btn .language .language-con a:hover{color:#fff;} .header .head .head-btn .update:hover .update-top{color:#ffffff;background:#ff9f00 url("../images/update2.png") no-repeat 82px center;} .header .head .menu{width:65px;height:80px;background:#fff url("../images/menu.png") no-repeat center center;float:left;} .header .head .menu:hover{background-color:#242424; background-image: url("../images/menu-on.png");} .header .head .subNav{width:100%;height:75px;position:absolute;left:0;bottom:0;z-index:-1;/*overflow:hidden;*/} .header .head .subNav .item{width:100%;height:75px; background:rgba(0,0,0,.6) !important;background:#000000;filter:alpha(opacity=60);position:absolute;bottom:0;-webkit-transition:all .3s;transition:all .3s;} .header .head .subNav .item ul{} .header .head .subNav .item li{float:left;margin:0 13px;} .header .head .subNav .item li a{font-size:14px;color:#c5c6c8;line-height:75px;padding:0;} .header .head .subNav .item li a:hover{color:#f90;} .header .head .head-btn .aisle{width:158px;height:80px;position:relative;float:left; border-left:1px #ececec solid;} .header .head .head-btn .aisle-top{width:100%;height:80px;font-size:14px;color:#616161;font-weight:bold;padding-left: 54px; line-height:80px;background:url("../images/aisle.png") no-repeat 25px center;} .header .head .head-btn .aisle-bot{width:100%;background:#ff9f00;position:absolute;right:0;top:80px;text-align:right;display:none;z-index:100;} .header .head .head-btn .aisle-bot li{line-height: 55px; padding:0 0 0 54px; background:no-repeat 25px center; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s;} .header .head .head-btn .aisle-bot .li1{background-image: url("../images/icon_mail.png");} .header .head .head-btn .aisle-bot .li2{background-image: url("../images/icon_scrn.png");} .header .head .head-btn .aisle-bot a{font-size:14px;color:#4f4f4f;font-weight:bold; text-align: left;} .header .head .head-btn .aisle-bot a:hover{color:#fff;} .header .head .head-btn .aisle-bot .li1:hover{background-image: url("../images/icon_mail-on.png");} .header .head .head-btn .aisle-bot .li2:hover{background-image: url("../images/icon_scrn-on.png");} .header .head .head-btn .aisle:hover .aisle-top{color:#ffffff;background:#ff9f00 url("../images/aisle2.png") no-repeat 25px center;} .i_body{padding-top: 0;} #header.i_head .header,#header.i_head .head{background:transparent;} #header.i_head .head-nav .subNav{opacity:0; filter:alpha(opacity=0);} #header.i_head .nav span{background:#fff;} #header.i_head .header .logo .logo1{display:none;} #header.i_head .header .logo .logo2{display:block;} #header.i_head .language .language-top{color:#fff; background-image: url("../images/drop2.png");} #header.i_head .nav li a{color:#fff;} #header.i_head .head-btn .update-top{color:#fff; background-image: url("../images/update2.png");} .banner{width:100%;position:relative;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .banner.ove{overflow:hidden;} .banner .pics{width:100%;overflow:hidden;} .banner .pics li{width:100%;} .banner .pics li img{margin:0 auto;} .banner .pics li a{width:100%; height:100%;} .banner .idxs{position:absolute;right:13%;bottom:40px;} .banner .idxs li{width:14px;height:14px;background:transparent;border-radius:14px;margin-left:10px;-webkit-transition:all .3s;transition:all .3s; font-size: 0; float:left;border:2px solid #fff; cursor:pointer;} .banner .idxs li.on{background:#fff;width:40px;} .btns a{position:absolute; z-index: 20; top:50%; margin-top: -34px; width:50px;height:50px; overflow:hidden; opacity:0; filter:alpha(opacity=0); -webkit-transition: background-position .3s; -moz-transition: background-position .3s; -ms-transition: background-position .3s; -o-transition: background-position .3s; transition: background-position .3s;} .btns .prev{left:200px; background:url("../images/icon_le.png") no-repeat left center;} .btns .prev:after{content:" "; display:block; position:absolute; left:1px; top:50%; height:2px; margin-top: -1px; width:0; background:transparent; -webkit-transition: all .8s; -moz-transition: all .8s; -ms-transition: all .8s; -o-transition: all .8s; transition: all .8s;} .btns .next{right:200px; background:url("../images/icon_ri.png") no-repeat right center;} .btns .next:after{content:" "; display:block; position:absolute; right:1px; top:50%; height:2px; margin-top: -1px; width:0; background:transparent; -webkit-transition: all .8s; -moz-transition: all .8s; -ms-transition: all .8s; -o-transition: all .8s; transition: all .8s;} .banner:hover .btns .prev{left:120px; opacity:1; filter:alpha(opacity=100);} .banner:hover .btns .next{right:120px; opacity:1; filter:alpha(opacity=100);} .btns .prev:hover{ left:50px;} .btns .prev:hover:after,.btns .next:hover:after{background-color:#fff; width:90px;} .btns .next:hover{ right:50px;} /*ban*/ .ban{width:100%;height:183px;background:url("../images/ban.jpg") no-repeat center center;} /*==wang==*/ .home{position:relative; z-index: 55;} .home .top_wr{padding: 40px 0;overflow: hidden;} .home .top_wr .box{float: left;height: 120px;margin-right: 30px;} .home .top_wr .box.box1{width: 220px;border-right: 4px solid #f6f6f6;} .home .top_wr .box.box1 .p2{margin-top:17px;} .home .top_wr .box.box1 em{position:relative; top:5px; color: #e62b1e;font-size: 30px;padding-right: 10px; font-family: "RUBIK-REGULAR-WEBFONT";line-height: 100%;letter-spacing: -1px;} .home .top_wr .box.box1 em.on{color: #34b933;} .home .top_wr .box.box1 .p1{font-size: 36px; color: #666; font-family: "RUBIK-REGULAR-WEBFONT"; line-height: 30px; letter-spacing: -2px;} .home .top_wr .box.box1 p{color: #999; letter-spacing: 0;} .home .top_wr .box.box2{width: 450px;border-right: 4px solid #f6f6f6;padding-right: 30px;} .home .top_wr .box.box2 h3{color: #535353;font-size: 20px;line-height: 30px;font-weight: 700;} .home .top_wr .box.box2 strong{display: block;color: #d8d8d8;font-size: 20px;font-family: "RUBIK-REGULAR-WEBFONT";margin-bottom: 16px;} .home .top_wr .box.box2 p{color: #535353;opacity: 0.6;filter: Alpha(opacity=60);} .home .top_wr .box.box3{margin:0; width:470px;} .home .top_wr .box.box3 h4{color: #ff9900;font-size: 14px;margin-bottom: 20px; font-weight: bold;} .home .top_wr .box.box3 p{color: #535353;opacity: 0.6;filter: Alpha(opacity=60);} .home .top_wr .box.box3 p a{display: block;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;} .home .top_wr .box.box3 p em{width:85px; display:inline-block; vertical-align: top;} /*.home .top_wr{height:180px; background:url("../images/index.jpg") no-repeat center;}*/ /*.home .top_wr .w1200{position:relative; width:1440px; height:335px; padding:0 120px; background:#fff;}*/ /*.i_news{position:absolute; width:445px; left:120px; top:42px;}*/ .i_news .hd{height:37px; margin-bottom: 24px;} .i_news .hd ul{overflow:hidden;} .i_news .hd li{float:left; margin-right:35px; height:37px; line-height: 34px; border-bottom: 0 solid transparent; color:#8e8883; font-weight: bold; cursor:pointer; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s;} .i_news .hd li.on{border-bottom: 3px solid #ffc200;} .i_news .bd .til_box{padding: 0 0 23px;} .i_news .bd .time{font-size: 24px; color:#ff8400; line-height: 24px; font-family: "MONTSERRAT-REGULAR"; letter-spacing: -2px; margin-bottom: 10px;} .i_news .bd h2{font-size: 20px; line-height: 24px; color:#685f57; margin-bottom: 8px;} .i_news .bd p{font-size: 14px; color:#a5a5a5; line-height: 22px;} .i_news .stock_box{padding:17px 0 0; border-top: 3px solid #f6f6f6;} .i_news .stock_box h4{font-size: 13px; color:#aca7a1; line-height: 18px; margin-bottom: 8px;} .i_news .stock_box p{font-size: 16px; color:#aca7a1; line-height: 18px; font-family: "MONTSERRAT-REGULAR";} .i_news .stock_box em{font-size: 27px; color:#ff6600; font-family: "MONTSERRAT-REGULAR"; font-weight: normal; letter-spacing: -2px; padding-right: 8px;} .i_it_wr{position:absolute; right:104px; top:53px; width:732px; overflow:hidden;} .i_it_wr .item{position:relative; float:left; margin-right:16px; padding:0 0 0 24px; width:228px; height:265px; background:url("../images/i_it_bg.jpg") no-repeat center; background-size: 100% 100%; box-sizing: border-box; cursor:pointer;} .i_it_wr .item .img{position:absolute; left:0; top:0; width:100%; height:161px; opacity:1; filter:alpha(opacity=100); -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s;} .i_it_wr .icon{height:151px; background:no-repeat left bottom; margin-bottom: 25px; -webkit-transition: height .5s; -moz-transition: height .5s; -ms-transition: height .5s; -o-transition: height .5s; transition: height .5s; opacity:0; filter:alpha(opacity=0);} .i_it_wr .h1{position:relative; float:left; opacity: 0; font-size: 20px; color:#fff; line-height: 24px; padding-top:18px;/* font-weight: bold;*/ letter-spacing: 6px;} .i_it_wr .it1{position:relative; z-index: 3;} .i_it_wr .it2{position:relative; z-index: 2;} .i_it_wr .it3{position:relative; z-index: 1;} .i_it_wr .it1 .h1 i{opacity: 0; position:absolute; bottom:3px; left:140px;} .i_it_wr .it2 .h1 i{opacity: 0; position:absolute; bottom:3px; left:140px; background-image: url("../images/i_it_icon2.png");} .i_it_wr .h1 i{opacity: 0; position:absolute; bottom:3px; left:140px;} .i_it_wr .h2{font-size: 18px; color:#626262; line-height: 18px; /*font-weight: bold;*/} .i_it_wr .h3{font-size: 15px; color:#4c4c4c;/* letter-spacing: -.5px;*/ line-height: 30px; opacity:.6; font-family: "RUBIK-REGULAR-WEBFONT";} .i_it_wr i{display:block; position:absolute; left:28px; bottom:18px; width:19px; height:14px; background:url("../images/i_it_icon.png") no-repeat center;} .i_it_wr .it1.on{background-image: url("../images/i_it_bg1-on.jpg");} .i_it_wr .it2.on{background-image: url("../images/i_it_bg2-on.jpg");} .i_it_wr .it3.on{background-image: url("../images/i_it_bg3-on.jpg");} .i_it_wr .item.on .h2{color:#fff;} .i_it_wr .item.on .h3{color:#fff;} .i_it_wr .item.on .icon{height:80px; opacity:1; filter:alpha(opacity=1);} .i_it_wr .item.on .h1{ -webkit-animation-duration: 1.2s; animation-duration: 1.2s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-delay: .3s; animation-delay: .3s; -webkit-animation-name: fadeIn; animation-name: fadeIn; } .i_it_wr .item.on .h1 i{ -webkit-animation-duration: 1.2s; animation-duration: 1.2s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-delay: .5s; animation-delay: .5s; -webkit-animation-name: goRightIn; animation-name: goRightIn; } .i_it_wr .item.on .i_1{ -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-name: goRight; animation-name: goRight; } .i_it_wr .it1.on .icon{background-image:url("../images/i_icon_it1-on.png") !important;} .i_it_wr .it2.on .icon{background-image:url("../images/i_icon_it2-on.png") !important;} .i_it_wr .it3.on .icon{background-image:url("../images/i_icon_it3-on.png") !important;} .i_it_wr .item:hover .img{opacity:0; filter:alpha(opacity=0);} /*.i_it_wr .item *{display:none;} .i_it_wr .it1{background-image: url("../images/i_it1.jpg");} .i_it_wr .it2{background-image: url("../images/i_it2.jpg");} .i_it_wr .it3{background-image: url("../images/i_it3.jpg");} .i_it_wr .it1:hover{background-image: url("../images/i_it1-on.jpg");} .i_it_wr .it2:hover{background-image: url("../images/i_it2-on.jpg");} .i_it_wr .it3:hover{background-image: url("../images/i_it3-on.jpg");} */ @-webkit-keyframes fadeIn { 0%{ opacity: 0; } 100% { opacity: 1; } } @keyframes fadeIn { 0%{ opacity: 0; } 100% { opacity: 1; } } @-webkit-keyframes goRight { 0%{ opacity: 1; -webkit-transform: translate(0, 0); -moz-transform: translate(0, 0); -ms-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, 0); } 100% { opacity: 0; -webkit-transform: translate(50px, 0); -moz-transform: translate(50px, 0); -ms-transform: translate(50px, 0); -o-transform: translate(50px, 0); transform: translate(50px, 0); } } @keyframes goRight { 0%{ opacity: 1; -webkit-transform: translate(0, 0); -moz-transform: translate(0, 0); -ms-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, 0); } 100% { opacity: 0; -webkit-transform: translate(50px, 0); -moz-transform: translate(50px, 0); -ms-transform: translate(50px, 0); -o-transform: translate(50px, 0); transform: translate(50px, 0); } } @-webkit-keyframes goRightIn { 0%{ opacity: 0; -webkit-transform: translate(-50px, 0); -moz-transform: translate(-50px, 0); -ms-transform: translate(-50px, 0); -o-transform: translate(-50px, 0); transform: translate(-50px, 0); } 100% { opacity: 1; -webkit-transform: translate(0, 0); -moz-transform: translate(0, 0); -ms-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, 0); } } @keyframes goRightIn { 0%{ opacity: 0; -webkit-transform: translate(-50px, 0); -moz-transform: translate(-50px, 0); -ms-transform: translate(-50px, 0); -o-transform: translate(-50px, 0); transform: translate(-50px, 0); } 100% { opacity: 1; -webkit-transform: translate(0, 0); -moz-transform: translate(0, 0); -ms-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, 0); } } .home .bom_wr{height:210px;} .home .bom_wr .w1200{height:100%; position:relative;} .home .bom_wr .a1{position:absolute; left:0; top:0; height:100%; width:250px;} .home .bom_wr .box{ padding: 84px 0 0 30px; position:absolute; top:0; height:210px; overflow:hidden; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s; } .home .bom_wr .box .h1_en{font-size: 24px; font-family: "RUBIK-REGULAR-WEBFONT"; line-height: 22px; margin-bottom: 8px; color:#fff; opacity:.5; filter:alpha(opacity=50); letter-spacing: -1px;} .home .bom_wr .box .h1_cn{font-size: 18px;line-height: 24px;font-weight: bold;margin-bottom: 5px;} .home .bom_wr .box1{z-index: 1; width:720px; padding-left: 500px; left:-500px; background:url("../images/i_bom_box1.jpg") no-repeat left center;} .home .bom_wr .box i{filter:alpha(opacity=0);} .home .bom_wr .box1 .hid{position:absolute;left: 500px;top: 165px;font-size: 14px;max-width:250px;line-height: 18px;color: #fff;opacity:0;filter:alpha(opacity=0);} .home .bom_wr .box1 .hid i{display: block; position: absolute; right: -30px; top: 2px; width: 19px; height: 14px; background: url(../images/i_it_icon2.png) no-repeat center;} .home .bom_wr .box2 .hid{position:absolute;left:30px;top: 165px;font-size: 14px;width:330px;line-height: 18px;color:#fff;opacity:0;filter:alpha(opacity=0);} .home .bom_wr .box2 .hid i{display: block; position: absolute; right: -30px; top: 2px; width: 19px; height: 14px; background: url(../images/i_it_icon2.png) no-repeat center;} .home .bom_wr .box3 .hid{position:absolute;left:30px;top: 165px;font-size: 14px;width:100px;line-height: 18px;color: #ffffff;opacity:0;filter:alpha(opacity=0);} .home .bom_wr .box3 .hid i{display: block; position: absolute; right: -30px; top: 2px; width: 19px; height: 14px; background: url(../images/i_it_icon2.png) no-repeat center;} .home .bom_wr .box2{z-index: 3; width:240px; left:700px; background:url("../images/i_bom_box2.jpg") no-repeat left center;} .home .bom_wr .box3{z-index: 2; width:480px; left:220px; background:url("../images/i_bom_box3.jpg") no-repeat left center;} .home .bom_wr .box4{z-index: 4; width:760px; right:-500px; background:url("../images/i_bom_box4.jpg") no-repeat right center;} .home .bom_wr .box1:hover{width:960px;} .home .bom_wr .box2:hover{left:460px; width:480px;} .home .bom_wr .box4:hover{width:1000px;} .home .bom_wr .box1 .h1_cn{color: #ffffff;} .home .bom_wr .box2 .h1_cn{color:#fff; } .home .bom_wr .box3 .h1_cn{color: #ffffff;} .home .bom_wr .box1 .h1_en{color: #ffffff;} .home .bom_wr .box2 .h1_en{color:#fff;} .home .bom_wr .box3 .h1_en{color: #ffffff;} .home .bom_wr .box4 .h1_cn{color:#fff; opacity:.8; filter:alpha(opacity=80);} .home .bom_wr .box4 .h1_en{color:#fff;} .home .bom_wr .box4 .pon{position:absolute; padding-top: 54px; right:750px; top:0; width:220px;} .home .bom_wr .box:hover .hid{ filter:alpha(opacity=100); -webkit-animation-duration: 1.2s; animation-duration: 1.2s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-delay: .3s; animation-delay: .3s; -webkit-animation-name: fadeIn; animation-name: fadeIn; } .home .bom_wr .box:hover .hid i{ filter:alpha(opacity=100); -webkit-animation-duration: 1.2s; animation-duration: 1.2s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-delay: .5s; animation-delay: .5s; -webkit-animation-name: goRightIn; animation-name: goRightIn; } /*sidebar*/ #sidebar{width:394px;height:100%;position:fixed;right:-394px;top:0;z-index:1000;} #sidebar .mask{position:fixed; width:100%;height:100%;left:0;top:0; filter: alpha(opacity=20); -moz-opacity:.2; opacity: .2; z-index:-1; display:none; background:#000;} .sidebar{position:relative; padding:95px 40px 20px; height:100%; z-index: 1; background:url("../images/sidebar_bg.jpg") repeat-y top center; overflow:hidden; overflow-y: auto;} .sidebar .h1{font-size: 22px; color:#f90; line-height: 24px; letter-spacing:2px; margin-bottom: 5px; width:350px;} .sidebar .h2{font-size: 28px; color:#484339; line-height: 30px; font-family: "RUBIK-REGULAR-WEBFONT";} .sidebar .link{overflow:hidden; width:350px; padding:35px 0 157px;} .sidebar .link a{float:left; font-size: 18px; line-height: 24px; color:#fff; filter: alpha(opacity=70); -moz-opacity:.7; opacity: .7; margin:0 35px 24px 0;} .sidebar .link2{overflow:hidden; width:350px; padding:0 0 30px; background:url("../images/sidebar_wire.jpg") no-repeat left bottom;} .sidebar .link2 a{float:left; font-size: 15px; line-height: 24px; color:#fff; filter: alpha(opacity=70); -moz-opacity:.7; opacity: .7; margin-right:24px;} .sidebar a:hover{color:#f90; filter: alpha(opacity=100); -moz-opacity:1; opacity: 1;} .sidebar .register_wr{overflow:hidden; padding:27px 0;} .sidebar .register_wr a{float:left; font-size: 24px; line-height: 24px; color:#f90; margin-right:30px;} .sidebar .xw_wr .txt{padding-left: 44px; background:url('../images/icon_wx.png') no-repeat left center; margin-bottom: 17px;} .sidebar .xw_wr .txt p{font-size: 13px; color:#fff; line-height: 18px; filter: alpha(opacity=70); -moz-opacity:.7; opacity: .7;} .sidebar .xw_wr .ma{width:125px; height:125px; background:url('../images/sidebar_ma_bg.png');} /*脙茠脝鈥櫭冣€犆⑩偓鈩⒚兤捗⑩偓拧脙鈥毭偮ッ兤捗嗏€櫭冣€毭偮⒚兤捗偮⒚兟⒚⑩€毬吢∶冣€毭偮兤捗⑩偓拧脙鈥毭偮γ兤捗嗏€櫭兟⒚⑩€毬吢∶兤捗⑩偓拧脙鈥毭偮兤捗嗏€櫭冣€犆⑩偓鈩⒚兤捗⑩偓拧脙鈥毭偮ッ兤捗嗏€櫭冣€毭偮⒚兤捗偮⒚兟⒚⑩€毬吢∶冣€毭偮兤捗⑩偓拧脙鈥毭偮γ兤捗嗏€櫭兟⒚⑩€毬吢∶兤捗⑩偓拧脙鈥毭偮?/ body{padding-top:80px;} .w1200:after{content:"\200B"; display:block; height:0; clear:both;} .content p{font-size: 14px;color:#73706e;line-height: 24px; text-align: justify;} #c_top_wr{position:relative; z-index: 5;} #c_top_wr .t_ban{height:187px; background:no-repeat center 80px; background-attachment:fixed;} #c_top_wr .t_ban .h1{float: right; text-align: right; font-size: 20px; line-height: 20px; color:#fff; opacity:.3; filter:alpha(opacity=30); text-align: right; letter-spacing: 9px; margin-bottom: 20px; margin-right:-8px;} #c_top_wr .t_ban .w1200{display:none; padding:50px 0 0;} #c_top_wr .t_ban .h2{float: right; text-align: right; font-size: 26px; line-height: 26px; color:#fff; opacity:.4; filter:alpha(opacity=40); text-align: right; letter-spacing: -2px; font-family: "RUBIK-REGULAR-WEBFONT";} #c_top_wr .til{height:110px; border-bottom: 1px solid #ececec;} #c_top_wr .til h1{float:left; font-size: 48px; color:#d9d7d5; line-height: 110px; font-family: "RUBIK-REGULAR-WEBFONT"; font-weight: normal;} #c_top_wr .til,#c_top_wr .til h1,#c_top_wr .curr_wr,#c_top_wr .curr_wr .crm{-webkit-transition: height .5s; -moz-transition: height .5s; -ms-transition: height .5s; -o-transition: height .5s; transition: height .5s;} #c_top_wr .til .sub_nav{position:relative; float:right; width:820px;} #c_top_wr .til .sub_nav .ul{font-size: 0; letter-spacing: -4px; text-align: right;} #c_top_wr .til .sub_nav a{display:inline-block; font-size: 14px; line-height: 110px; letter-spacing: normal; color:#726f6b; margin-left:30px; font-weight: bold; -webkit-transition: color .3s; -moz-transition: color .3s; -ms-transition: color .3s; -o-transition: color .3s; transition: color .3s;} #c_top_wr .til .sub_nav .sub_slider{position:absolute; bottom:-1px; height:2px;/* width:50px;*/ background:#f90;} #c_top_wr .til .sub_nav a.on{color:#f90;} #c_top_wr .w1200{position:relative;} /*#c_top_wr .curr_wr{position:absolute; left:0; bottom:0; height:110px; width:100%;}*/ #c_top_wr .crm{position:absolute; top:0; height:110px; line-height: 110px;/* margin-left:-40px;*/ width:370px; font-size: 0; letter-spacing: -4px;} #c_top_wr .crm-icon{display: inline-block;width: 10px;height: 10px;background: url("../images/crm-icon.png") no-repeat left bottom; letter-spacing: normal;} #c_top_wr .crm a{display:inline; background: url("../images/crm-arr-icon.png") no-repeat 15px center;padding-left:30px;font-size: 14px; color:#929292; letter-spacing: normal; font-weight: bold;} .c_w_l,.c_w_r{padding-top:80px;} .c_w_l{float:left;position:relative; width:400px; border-right:1px solid #ececec; padding-bottom: 20px;} .c_w_l:after{position:absolute; top:240px; left:-40px; content:" "; display:block; width:9px; height:48px; background:url("../images/icon_adorn1.png") no-repeat center; display:none;} .c_w_r{float:right; width:800px; padding-left: 40px;} .c_brief_box .h1{font-size: 24px; color:#ff9000; line-height: 24px; letter-spacing: 10px; margin-bottom: 7px;} .c_brief_box .h2{font-size: 32px; color:#cbc9c7; line-height: 36px; font-family: "RUBIK-REGULAR-WEBFONT"; margin-bottom: 24px; letter-spacing: -1px;} .c_brief_box p{margin-bottom: 24px;} .c_brief_box strong{display:block; font-size: 14px; line-height: 24px; color:#f90;} .c_top_lump{padding-top:80px;} .c_p:after {display:block; height:0; clear:both; content:"\200B";} .c_p em{float:left;} .c_p strong{float:right;} body.start #c_top_wr .til,body.start #c_top_wr .crm{height:80px;} body.start #c_top_wr .til h1,body.start #c_top_wr .til .sub_nav a,body.start #c_top_wr .crm{line-height: 80px;} #footer{position:relative; z-index: 99;} .footer{height:130px; font-size: 0; letter-spacing: -4px; padding-top:30px; background: #373737;} .footer .txt{float: left; padding-top:6px;} .footer p{font-size: 14px; color:#aeaeae; line-height: 20px; letter-spacing: normal; font-weight: bold;} .footer a{display:inline-block; font-size: 14px; color:#aeaeae; line-height: 20px; padding:0 9px; letter-spacing: normal; font-weight: bold;} .footer a.id{padding:0;} .footer .serviceti{ display: inline-block; position: relative; } .footer .serviceti .dcserv{ display: none; position: absolute; bottom: 30px; left: 50%; padding-bottom: 20px; margin-left: -47px; width: 94px; border-radius: 0px; } .footer .serviceti .dcserv i { width: 0; height: 0; border: 9px solid transparent; border-top-color: #f90; position: absolute; left: 39px; bottom: 3px; } .footer .serviceti .dcserv .dcserv_a{ background: #fff; padding: 10px 0; text-align: center; border: 5px solid #f90; } .footer .serviceti .dcserv a{ display: block; margin-bottom: 5px; } .footer .serviceti .dcserv a:hover{ color: #f90; } .footer .serviceti .dcserv a:last-child{ margin-bottom: 0; } .footer .serviceti:hover .dcserv{ opacity: 1; pointer-events: initial; } .footer a:hover{color:#ff9c00;} .footer .phone{float: left; padding-left: 10px;} .footer .phone p{color:#ff9f00; font-size: 14px; padding-left: 40px; line-height: 33px; background:url("../images/f_icon_phone.png") no-repeat left;} .footer .phone em{display:inline-block; vertical-align: top; font-size: 24px; color:#ff9f00; font-family: "RUBIK-REGULAR-WEBFONT"; font-weight: normal; padding-left: 8px;} .footer .w_le .txt,.footer .w_le .phone{float: left;} .footer .w_le{float: left; } .footer .w_ri{float: right; line-height: 33px;} .footer .w_ri .f_wx_box{position:relative; margin-left: 9px; display:inline-block; font-size: 14px; font-weight: bold; line-height: 33px; color:#aeaeae; letter-spacing: normal; padding-left: 48px; background:url("../images/icon_wx.png") no-repeat left center; cursor:pointer;} .footer .w_ri .f_wx_box .ma{display:none; position:absolute; left:-36px; bottom:35px; width:105px; height:114px; background:url("../images/f_ma_bg.png") no-repeat center;} .footer .w_ri .f_wx_box .ma img{position: absolute; left: 5px; top: 5px; z-index: 10; width: 95px;} .footer .w1200{position:relative;} .footer .reenoo{position:absolute; left:0; padding:0; top:52px;} #go_top{display:none; position:fixed; text-align: center; right:20px; bottom:20px; width:50px; line-height: 50px; height:50px; background:#ededed; cursor:pointer; border-radius:3px;} #go_top img{display:inline-block; vertical-align: middle;} #go_top:hover{background:#000;} /*脙茠脝鈥櫭冣€犆⑩偓鈩⒚兤捗⑩偓拧脙鈥毭偮ッ兤捗嗏€櫭冣€毭偮⒚兤捗偮⒚兟⒚⑩€毬吢∶冣€毭偮兤捗⑩偓拧脙鈥毭偮γ兤捗嗏€櫭兟⒚⑩€毬吢∶兤捗⑩偓拧脙鈥毭偮兤捗嗏€櫭冣€犆⑩偓鈩⒚兤捗⑩偓拧脙鈥毭偮ッ兤捗嗏€櫭冣€毭偮⒚兤捗偮⒚兟⒚⑩€毬吢∶冣€毭偮兤捗⑩偓拧脙鈥毭偮γ兤捗嗏€櫭兟⒚⑩€毬吢∶兤捗⑩偓拧脙鈥毭偮?end*/ /*about*/ .about .c_w_l .h1{font-size: 24px; color:#d9d7d5; font-family: "RUBIK-REGULAR-WEBFONT"; line-height: 28px; margin-bottom: 12px;} .about .c_w_l .h2{font-size: 18px; color:#f90; line-height: 22px; margin-bottom: 20px;} .about .c_w_l p{color:#98938e; line-height: 22px;} .about .c_w_r .c_brief_box{padding-bottom: 55px;} .about .w_lump{display:none; position:relative; height:300px; background:url("../images/about_k_bg.jpg") no-repeat center bottom; background-attachment:fixed;} .about .w_lump .w1200{display:none;} .about .w_lump .le{float: left; padding-top:185px;} .about .w_lump .le .h3{font-size: 28px; color:#fff; opacity:.7; filter:alpha(opacity=70); line-height: 26px; font-family: "MONTSERRAT-REGULAR"; margin-bottom: 10px;} .about .w_lump .le .h2{font-size: 36px; color:#fff; line-height: 30px; font-family: "MONTSERRAT-REGULAR"; letter-spacing: -1px; margin-bottom: 12px;} .about .w_lump .le p{font-size: 16px; color:#fff; opacity:.7; filter:alpha(opacity=70); line-height: 24px;} .about .w_lump .ri{float: right; width:763px; padding-top:180px;} .about .w_lump .ri .h1{font-size: 24px; color:#fff; line-height: 24px; margin-bottom: 12px;} .about .w_lump .ri .h2{font-size: 30px; color:#fff; line-height: 24px; font-family: "RUBIK-REGULAR-WEBFONT"; margin-bottom: 18px;} .about .w_lump .ri p{font-size: 15px; color:#fff; opacity:.5; filter:alpha(opacity=50); line-height: 20px;} .about .w_lump .i_it_wr{position:relative; left:0; top:0; padding-top:27px;} /*.about .w_lump .i_it_wr .item{background:#f5f6f6;}*/ .about .w_lump .i_it_wr .icon{margin-bottom: 22px;} .about .w_lump .i_it_wr .h2{position:relative; font-size: 18px; line-height: 24px; color:#808085; margin-bottom: 5px;} .about .w_lump .i_it_wr .h2 i{opacity: 0; position:absolute; top:5px; left:auto; right:30px; background-image:url("../images/i_it_icon2.png");} .about .w_lump .i_it_wr .h3{color:#9a9a9a; font-size: 16px; line-height: 12px;} /*.about .w_lump .i_it_wr .item:hover{background:#4e4c48;}*/ .about .w_lump .i_it_wr .item:hover .icon{height:130px;} .about .w_lump .i_it_wr .item:hover .h2,.about .w_lump .i_it_wr .item:hover .h3{color:#fff;} .about .w_lump .i_it_wr .item.on .h2 i{ -webkit-animation-duration: 1.2s; animation-duration: 1.2s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-delay: .5s; animation-delay: .5s; -webkit-animation-name: goRightIn; animation-name: goRightIn; } .about2 .post{font-size:0; letter-spacing: -4px; line-height: 24px; padding-top:2px; padding-bottom: 50px;} .about2 .post *{display:inline;} .about2 .post p{display:inline; font-size: 14px; line-height: 24px; color:#a3a3a3; letter-spacing: normal;} .about2 .post .name{position:relative; bottom:-14px; padding-left: 13px;} .about2 .c_w_r{padding-bottom: 20px;} .about2 .c_w_r .h1{font-size: 65px; color:#e6e5e4; line-height: 56px; font-family: "RUBIK-REGULAR-WEBFONT"; margin-bottom: 28px;} .about2 .c_w_r i{display:inline-block;} .about2 .c_w_r .icon_l{margin-bottom: 15px;} .about2 .c_w_r h2{font-size: 24px; color:#fe8b00; line-height: 24px; font-weight: normal; margin-bottom: 19px;} .about2 .c_w_r p{color:#685f57;} .about2 .c_w_r h3{font-size: 18px; color:#685f57; line-height: 30px; font-weight: normal;} .about2 .c_w_r .icon_r{position:relative; bottom:-20px;} .about2 .c_w_r .txt_box{position:relative;} .about2 .c_w_r .txt_box em{display:block; position:absolute;} .about2 .c_w_r .txt_box .l{left:-25px; top:-17px;} .about2 .c_w_r .txt_box .r{display: inline-block; padding: 12px 0 0 4px; vertical-align: top; position: relative;} .about3 .c_top_lump{padding-bottom: 322px;} .about3 .c_top_lump .w1200{position:relative;} .about3 .c_top_lump .h1{ /* position:absolute; left:0; bottom:8px; font-size: 46px; color:#f2e9d5; line-height: 40px; font-family: "RUBIK-REGULAR-WEBFONT"; letter-spacing: -3px; */ position: absolute; left: -22px; bottom: 8px; font-size: 35px; color: #f2e9d5; line-height: 40px; font-family: "RUBIK-REGULAR-WEBFONT"; letter-spacing: -3px; } .about3 .c_top_lump .icon_adorn{position:absolute; left:-175px; bottom:0;} .about3 .c_top_lump .cnt{text-align: right; height:326px; padding-left: 304px; background:url("../images/about3.png") no-repeat right top;} .about3 .list{padding-top: 173px; width:916px;} .about3 .list .item{float:left; position:relative; margin-right: 33px;} .about3 .list .til{width:58px; text-align: center; height:154px; padding-top: 24px; text-align: center; font-size: 16px; color:#4d4d4d; line-height: 17px; cursor:pointer; padding:24px 20px 0;} .about3 .list .ul{position:absolute; left:50%; top:100%; font-size: 0; letter-spacing: -4px; padding-top: 102px; margin-top: -1px; opacity:0; filter:alpha(opacity=0); -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s;} .about3 .list .ul.on{opacity:1; filter:alpha(opacity=100);} .about3 .list .ul:before{content:" "; display:block; width:2px; height:50px; background:#f3ead7; position:absolute; left:50%; top:0; margin-left: -1px;} .about3 .list .ul .after{content:" "; display:block; width:100%; height:2px; background:#f3ead7; position:absolute; left:29px; top:50px; margin:0; padding:0;} .about3 .list .ul .after:after{display:none;} .about3 .list li{display:inline-block; vertical-align:top; width:50px; margin:0 5px; position:relative; height:140px;} .about3 .list li:after{content:" "; display:block; width:2px; height:50px; background:#f3ead7; position:absolute; left:50%; top:-50px; margin-left: -1px;} .about3 .list li .dd{width:50px; padding:0 16px; padding-top: 30px; text-align: center; position:relative; height:50px; overflow:hidden; background:#f3ead7;} .about3 .list li em{display:inline-block; vertical-align:middle; font-size: 14px; line-height: 14px;} .about3 .list .ul *,.about3 .list .ul:before{filter:alpha(opacity=0);} .about3 .list .ul.on *,.about3 .list .ul.on:before{filter:alpha(opacity=100);} .about3 .list .ul:before,.about3 .list li:after{background:transparent\9;} .about3 .list .ul.on:before,.about3 .list .ul.on li:after{background:#f3ead7\9;} .about4 .c_w_l{width:400px;} .about4 .c_w_l .hd{position:relative;} .about4 .c_w_l .hd li{height:52px; line-height: 52px; color:#a7a7a7; margin-bottom: 6px; text-align: right; cursor:pointer; padding-right:56px; width:400px; border-right:2px solid transparent;} .about4 .c_w_l .hd li:hover{color:#333;} .about4 .c_w_l .hd .this{position:absolute; right: -2px; width:3px; height:52px; background:#f90;} .about4 .c_w_r{width:800px; overflow:hidden;} .about4 .bd{padding-bottom: 25px;} .about4 .bd li{overflow:hidden; padding:25px 0; border-top:2px dashed #ececec;} .about4 .bd li:first-child{padding-top:0; border:0 none;} .about4 .bd .pic{float: left; width:172px; height:240px;} .about4 .bd .txt_box{float: right; width:558px;} .about4 .bd .name{font-size: 24px; color:#f90; line-height: 24px; margin-bottom: 6px;} .about4 .bd h4{font-size: 16px; color:#a5a09c; line-height: 24px; margin-bottom: 24px;} .about4 .bd p{color:#73706e; margin-bottom: 24px;} .about5 .c_w_l{width:400px;} .about5 .c_w_r{width:800px;} .about5 .c_w_r ul{padding-bottom: 80px;} .about5 .c_w_r li{position:relative; padding:25px 0; border-top:2px dashed #ececec;} .about5 .c_w_r li .bg{position:absolute; left:-440px; top:0; width:1200px; z-index: -1; height:100%; background:#ebebeb; display:none;} .about5 .c_w_r li:first-child{border:0 none;} .about5 .c_w_r li .time{position:absolute; left:-439px; top:31px; font-size: 48px; color:#f90; line-height: 34px; padding-right:54px; width:400px; text-align: right; border-right:3px solid #f90; font-family: "RUBIK-REGULAR-WEBFONT"; font-weight: normal; letter-spacing: -2px;} .about5 .c_w_r li p{color:#73706e; line-height: 18px; margin-bottom: 6px;} /*news*/ .news_related{width:399px;} .news_related dd{padding:27px 0; padding-right: 30px;} .news_related dd h4{font-size: 18px; color:#ff9000; line-height:24px; margin-bottom: 16px;} .news_related dd p{font-size: 14px; color:#868b8e; line-height:22px;} .news_related dd a{float:left; font-size: 14px; color:#476bc7; line-height: 24px; margin-top:22px;} .news_related dd a:hover{color:#f90;} .news_list{padding-bottom: 45px;} .news_list li{overflow:hidden;} .news_list li .time{float:left; padding-top:30px; width:135px; font-size: 24px; line-height: 32px; color:#d4c5b1; font-family: "MONTSERRAT-REGULAR"; letter-spacing: -1px;} .news_list li .txt{float:right; width:620px; padding:32px 0; border-top:2px dashed #ececec;} .news_list li .txt h4,.news_list li .txt h5{font-size: 18px; color:#58585e; line-height: 24px; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s;} .news_list li .txt h5{font-size: 16px; color:#89827c;} .news_list li .txt p{font-size: 14px; color:#73706e; line-height: 22px; margin-top: 6px;} .news_list li:hover .txt h4,.news_list li:hover .txt h5{color:#ff9000;} .news_list li:first-child .time{padding-top:0;} .news_list li:first-child .txt{padding-top:0; border-top:0 none;} .news_list .moreBtn{height:75px; line-height: 75px; font-size: 14px; text-align: left; color:#ff9600; background:#ececec; padding-left: 140px;} .news_list .moreBtn em{padding-right: 54px; background:url("../images/icon_more.png") no-repeat right center;} .news_list .moreBtn:hover{background:#f90; color:#fff;} .news_list .moreBtn:hover em{background-image: url("../images/icon_more-on.png");} .news_d_cnt .til_wr{padding-bottom: 52px; border-bottom: 2px dashed #ececec; margin-bottom: 18px;} .news_d_cnt .til_wr .time{font-size: 24px; line-height: 24px; color:#d4c5b1; font-family: "MONTSERRAT-REGULAR"; letter-spacing: -1px; margin-bottom: 4px;} .news_d_cnt .til_wr h2{font-size: 18px; color:#58585e; line-height: 24px;} .news_d_cnt .main{padding-bottom: 34px;} .news_d_cnt .main p{font-size: 14px; color:#73706e; line-height: 22px; margin-bottom: 22px;} .news_d_cnt .main strong{font-weight: bold;} .news_d_cnt .main img{display:inline-block;} .news_d_cnt .main ul{padding-left:18px; margin-bottom: 22px;} .news_d_cnt .main ul li{list-style-type: disc;} .news_d_cnt .main ul li p{margin-bottom: 0;} .news_d_cnt .main em{font-style:italic;} .news4 .c_top_lump{padding-bottom: 60px;} .news4_video .dl_wr{overflow: hidden; width:1230px;} .news4_video .moreBtn{width:387px; height:76px; line-height: 76px; color:#c9b486; font-size: 16px; text-align: center; border:2px solid #c9b486; margin:0 auto;} .news4_video .moreBtn:hover{color:#fff; background:#c9b486;} .news4_video dl{float: left; width:387px; margin:0 20px 20px 0;} .news4_video dt{position:relative; height:285px; background: #efe3cf;} .news4_video dt .hid{opacity:0; filter:alpha(opacity=0); position:absolute; left:0; top:0; width:100%; height:100%; background:url("../images/opaque_50.png");} .news4_video dt .hid i{position:absolute; left:50%; top:50%; margin:-33px 0 0 -33px; width:67px; height:67px; background:url("../images/icon_play.png") no-repeat center;} .news4_video dt .hid,.news4_video dt .hid i{ -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s;} .news4_video dt .hid i:hover{background-image:url("../images/icon_play2.png");} .news4_video dd{height:80px; padding:24px 30px; background:#f9f4ec;} .news4_video dd h4{font-size: 18px; color:#f90; line-height: 30px;} .news4_video dd em{display:block; font-size: 16px; color:#89827c; line-height: 24px; font-family: "RUBIK-REGULAR-WEBFONT";} .news4_video dl:hover .hid{opacity:1; filter:alpha(opacity=100);} .news4 .tabWr .hd{height:40px; border-bottom: 3px solid #e0dcd3; position:relative;} .news4 .tabWr .hd ul{overflow:hidden; width:630px;} .news4 .tabWr .hd li{float:left; font-size: 14px; color:#9b9b9b; line-height: 30px; margin-right: 20px; cursor:pointer;} .news4 .tabWr .hd li.on{color:#333;} .news4 .tabWr .hd .slide_lump{position:absolute; bottom:-3px; height:3px; background:#ffae00;} .news4 .tabWr .bd{padding-top:40px;} /*product*/ .product .w_lump2{position:relative; z-index: 5; padding-top:10px;} .product .it_wr{overflow:hidden; width:1240px;} .product .it_wr dl{float:left; width:386px; margin-right:20px;} .product .it_wr dt{position:relative; height:220px;} .product .it_wr dt .hid{position:absolute; left:0; top:0; width:100%; height:100%; background:#ffae00 url("../images/product_icon.png") no-repeat center; opacity:0; filter:alpha(opacity=0); -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s;} .product .it_wr dd{height:265px; padding:27px 30px 0; background:#fff;} .product .it_wr dd h4{font-size: 18px; color:#ff9c00; line-height: 30px;} .product .it_wr dd p{font-size: 14px; color:#898989; line-height: 24px;} .product .it_wr dl:hover dt .hid{opacity:1; filter:alpha(opacity=100);} .product .w_lump3{z-index: 3; padding-top:265px; height:705px; margin-top:-265px; background:#f4eede;} .product .w_lump3 .w1200{overflow:hidden;} .product .w_lump3 .part{float:left;} .product .w_lump3 .part1{padding:80px 0 0 0; width:275px;} .product .w_lump3 .part1 .h1{font-size: 30px; color:#a7a095; line-height: 26px; font-family: "RUBIK-REGULAR-WEBFONT"; margin-bottom: 6px; letter-spacing: -1px;} .product .w_lump3 .part1 .h2{font-size: 20px; color:#ffae00; line-height: 24px; margin-bottom: 10px; font-weight: bold; letter-spacing: 4px;} .product .w_lump3 .part1 h3{font-size: 18px; color:#62605c; line-height: 24px;} .product .w_lump3 .part1 h4{font-size: 20px; color:#b2b2b2; line-height: 24px; font-family: "RUBIK-REGULAR-WEBFONT"; margin-bottom: 8px;} .product .w_lump3 .part1 p{font-size: 14px; color:#949087; line-height:22px;} .product .w_lump3 .part2{float: right; padding:188px 0 0; width:670px;} .product .w_lump3 .part2 .data_box{overflow:hidden;} .product .w_lump3 .part2 .data_box div{float:left; font-size: 0; letter-spacing: -4px; padding-left:10px; margin-bottom: 28px;} .product .w_lump3 .part2 .data_box .li1{padding-left: 0;} .product .w_lump3 .part2 em{display:inline-block; vertical-align: middle; font-size: 36px; color:#ffae00; font-weight: normal; line-height:30px; letter-spacing: -2px; padding-right: 8px; font-family: "RUBIK-REGULAR-WEBFONT";} .product .w_lump3 .part2 p{display:inline-block; vertical-align: middle; font-size: 14px; color:#868378; line-height: 30px; letter-spacing: normal;} .product .w_lump3 .part3{float:left; padding-top:107px;} .product .w_lump3 .slideTxtBox{width:590px;} .product .w_lump3 .part2 .hd{height:43px; border-bottom: 3px solid #e0dcd3;} .product .w_lump3 .part2 .hd li{float: left; font-size: 14px; color:#96948e; line-height: 24px; height:43px; padding-bottom:16px; border-bottom: 3px solid transparent; margin-right: 20px; cursor:pointer;} .product .w_lump3 .part2 .hd li:last-child{margin-right: 0;} .product .w_lump3 .part2 .hd li.on{border-color:#ffae00;} .product .w_lump3 .part2 .bd{padding-top:14px;} .product .w_lump3 .part2 .bd li{float: left; font-size: 14px; color:#96948e; line-height: 22px; margin-right: 12px;} /*.Product_list{height:2130px; background:url("../images/Product_list.jpg") no-repeat center;}*/ .Product_list .filtrate_wr{padding-bottom: 5px;} .Product_list .filtrate_wr .le{float:left; width:580px; position:relative; padding-top:420px;} .Product_list .filtrate_wr .le>img{margin-bottom: 96px;} .Product_list .filtrate_wr .map{position:absolute; left:195px; top:10px; width:386px; height:453px; background:url("../images/Product_list_map.png") no-repeat center;} .Product_list .filtrate_wr .map .pon.on{background-image: url("../images/Product_list_on.png");} .Product_list .filtrate_wr .map .dot{position:relative; z-index: 5;} .Product_list .filtrate_wr .map .dot li{position:absolute; font-size: 12px; line-height: 16px; color:#a4894f; cursor:pointer; white-space: nowrap;} .Product_list .filtrate_wr .map .dot li a{color:#a4894f;} .Product_list .filtrate_wr .map .dot li:after{content:" "; display:block; position:absolute; width:12px; height:12px; top:2px; left:-15px; border-radius:50%; background:#caa456; z-index: -1;} .Product_list .filtrate_wr .map .dot .i1:after{left:auto; right:-15px;} /* .Product_list .filtrate_wr .map .dot .i4:after{left:18px; top:-12px;} */ .Product_list .filtrate_wr .map .dot .i4:after, .Product_list .filtrate_wr .map .dot .i7:after,.Product_list .filtrate_wr .map .dot .i12:after{left:18px; top:16px;} .Product_list .filtrate_wr .map .dot .i10:after{left:18px;top:auto;bottom:16px;top: auto;} .Product_list .filtrate_wr .map .dot .i8:after{left:0;} .Product_list .filtrate_wr .map .dot .i8 a{padding-left: 18px;} .Product_list .filtrate_wr .map .dot .i11:after{left: 0;top: 16px;} .Product_list .filtrate_wr .map .dot li:hover,.Product_list .filtrate_wr .map .dot li:hover a{color:#ffae00;} .Product_list .filtrate_wr .map .dot li:hover:after{background-color:#ffae00;} .Product_list .filtrate_wr .map .area{display:none; position:absolute; left:0; top:0; z-index: 2; width:100%; height:100%;} .Product_list .filtrate_wr .map .area li{display:none; position:absolute; left:0; top:0;} .Product_list .filtrate_wr .map .area li.on{display:block;} .Product_list .filtrate_wr .h1{font-size: 22px; color:#ffae00; line-height:32px; letter-spacing: 5px;} .Product_list .filtrate_wr .h2{font-size: 24px; color:#b2b2b2; line-height:26px; font-family: "RUBIK-REGULAR-WEBFONT"; letter-spacing: -2px;} .Product_list .txt_tab {width: 706px;} .Product_list .txt_tab .hd{padding-top:13px; height:58px; border-bottom: 3px solid #e0dcd3; position:relative;} .Product_list .txt_tab .hd ul{overflow:hidden; /*width:630px;*/width: 786px;} .Product_list .txt_tab .hd li{float:left; font-size: 14px; color:#9b9b9b; line-height: 30px; margin-right: 16px; cursor:pointer;} .Product_list .txt_tab .hd .slide_lump{position:absolute; bottom:-3px; height:3px; background:#ffae00;} .Product_list .txt_tab .bd{padding-top: 13px;} .Product_list .txt_tab .bd li{overflow:hidden; width: 592px;} .Product_list .txt_tab .bd a{float:left; font-size: 14px; color:#9b9b9b; line-height: 24px; margin:0 12px 10px 0;} .Product_list .txt_tab .bd a:hover,.Product_list .txt_tab .bd a.on{color:#ffae00;} .Product_list .filtrate_wr .ri{float:right; width:386px; padding-top: 80px;} .Product_list .filtrate_wr .ri .h1{margin-bottom: 5px;} .Product_list .pic_tab{position:relative; width:386px; height:500px;} .Product_list .pic_tab .bd li{position:relative; width:386px; height:500px; overflow:hidden;} .Product_list .pic_tab .hd{position:absolute; right:-147px; top:0; width:136px; border-top:3px solid #e0dcd3; z-index: 55;} .Product_list .pic_tab .hd li{height:71px; line-height: 71px; padding:0 3px; width:136px; text-align: center; background:#f9f9f9 no-repeat center; border-bottom: 3px solid #e0dcd3; font-size: 0; letter-spacing: -4px; cursor:pointer; transition: all .3s;} .Product_list .pic_tab .hd .mid{display:inline-block; vertical-align: middle; letter-spacing: normal;} .Product_list .pic_tab .hd .mid *{-webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s;} .Product_list .pic_tab .hd .cn{font-size: 20px; color:#b18f52; line-height: 24px; margin-bottom: 3px; letter-spacing: 2px;} .Product_list .pic_tab .hd .en{font-size: 12px; color:#ccc7bc; line-height: 14px; text-align: center;} .Product_list .pic_tab .hd li:hover,.Product_list .pic_tab .hd li.on{margin-left: -17px; width:153px; background-color:#ffae00;} .Product_list .pic_tab .hd li:hover .cn,.Product_list .pic_tab .hd li.on .cn{color:#fff;} .Product_list .pic_tab .hd li:hover .en,.Product_list .pic_tab .hd li.on .en{color:#fff;} .Product_list .pic_tab .hd .li1{background-image:url('../images/Product_list_hd1.png');} .Product_list .pic_tab .hd .li2{background-image:url('../images/Product_list_hd2.png');} .Product_list .pic_tab .hd .li3{background-image:url('../images/Product_list_hd3.png');} .Product_list .pic_tab .hd .li4{background-image:url('../images/Product_list_hd4.png');} .Product_list .pic_tab .hd .li5{background-image:url('../images/Product_list_hd5.png');} .Product_list .pic_tab .hd .li6{background-image:url('../images/Product_list_hd6.png');} .Product_list .pic_tab .hd .li7{background-image:url('../images/Product_list_hd7.png');} .Product_list .pic_tab .hd .li1:hover,.Product_list .pic_tab .hd .li1.on{background-image:url('../images/Product_list_hd1-on.png');} .Product_list .pic_tab .hd .li2:hover,.Product_list .pic_tab .hd .li2.on{background-image:url('../images/Product_list_hd2-on.png');} .Product_list .pic_tab .hd .li3:hover,.Product_list .pic_tab .hd .li3.on{background-image:url('../images/Product_list_hd3-on.png');} .Product_list .pic_tab .hd .li4:hover,.Product_list .pic_tab .hd .li4.on{background-image:url('../images/Product_list_hd4-on.png');} .Product_list .pic_tab .hd .li5:hover,.Product_list .pic_tab .hd .li5.on{background-image:url('../images/Product_list_hd5-on.png');} .Product_list .pic_tab .hd .li6:hover,.Product_list .pic_tab .hd .li6.on{background-image:url('../images/Product_list_hd6-on.png');} .Product_list .pic_tab .hd .li7:hover,.Product_list .pic_tab .hd .li7.on{background-image:url('../images/Product_list_hd7-on.png');} .Product_list .pic_tab .hd .slide_chunk{position:absolute; left:-17px; width:6px; height:68px; background:#fff;} .Product_list_d1{height:908px; background:url("../images/Product_list_d1.jpg") no-repeat center;} .Product_3 .w1200{position:relative;} .Product_3 .c_w_l .h1{font-size: 48px; line-height: 40px; color:#ff9000; font-family: "RUBIK-REGULAR-WEBFONT"; letter-spacing: -2px;} .Product_3 .c_w_l .icon_time{margin-bottom: 5px;} .Product_3 .c_w_l p{color:#98938d; margin-bottom: 35px;} .Product_3 .c_w_r{padding-bottom: 30px;} .Product_3 .w_lump .w1200{height:320px;} .Product_3 .w_lump .le{float:left; width:1280px; height:100%; margin-left: -680px; padding-left: 680px; padding-top: 57px; background:url("../images/Product_3_le_bg.jpg") no-repeat right center;} .Product_3 .w_lump .le .h2{font-size: 24px; color:#fff; line-height: 30px; margin-bottom: 13px;} .Product_3 .w_lump .le .h4{font-size: 16px; color:#fff; line-height: 24px; margin-bottom: 76px;} .Product_3 .w_lump .le .link{font-size: 14px; color:#fff; padding-left: 50px; line-height: 40px; background:url("../images/Product_3_icon.png") no-repeat left center;} /*.Product_3 .w_lump .mi{float:left; width:412px; height:100%; padding:57px 0 0 40px; background:#f1e6d5;} .Product_3 .w_lump .mi .til{font-size: 24px; color:#ff9000; line-height: 30px; margin-bottom: 37px;} .Product_3 .w_lump .mi .box{overflow:hidden;} .Product_3 .w_lump .mi .ma{float:left; margin-right: 20px;} .Product_3 .w_lump .mi .txt{float:left;} .Product_3 .w_lump .mi .txt .h4{font-size: 18px; color:#666; line-height: 24px; padding-top: 17px; margin-bottom: 10px;} .Product_3 .w_lump .mi .txt .en{font-size: 36px; color:#d9cbb6; line-height: 24px; font-family: "RUBIK-REGULAR-WEBFONT"; margin-bottom: 8px;} .Product_3 .w_lump .mi .txt p{font-size: 14px; color:#999387; line-height: 18px;}*/ .Product_3 .w_lump .ri{position:relative; float:right; width:1280px; height:100%; margin-right: -680px; padding: 57px 880px 0 40px; background:#e6dac8 url("../images/Product_3_ri_bg.jpg") no-repeat left bottom;} .Product_3 .w_lump .ri .til{font-size: 24px; color:#4b425b; line-height: 30px; margin-bottom: 13px;} .Product_3 .w_lump .ri .h4{font-size: 16px; color:#4b425b; line-height: 24px; margin-bottom: 25px;} .Product_3 .w_lump .ri p{overflow:hidden;} .Product_3 .w_lump .ri em{float:left; margin-right: 34px; font-size: 14px; color:#666; line-height: 24px;} .Product_3 .w_lump .ri a{position:absolute; left:420px; top:130px; width:180px; height:60px; font-size: 14px; color:#fff; line-height: 60px; padding:0 0 0 30px; background:#ff9000 url("../images/icon_more2.png") no-repeat 110px center;} .Product_3 .w_lump .ri a:hover{background-position: 129px center;} .Product_3_d{padding-bottom: 80px;} .Product_3_d .w_lump1{padding-top: 60px; margin-bottom: 56px;} .Product_3_d .w_lump1 .le{float:left; width:550px; padding-top: 23px;} .Product_3_d .w_lump1 .le .h1{font-size: 24px; color:#ff8a00; line-height: 30px; margin-bottom: 32px;} .Product_3_d .w_lump1 .ri{float:right; width:600px;} .Product_list .c_top_lump{position:relative; padding-top: 93px;} .Product_list .c_top_lump .w1200{position:relative; z-index: 5;} .Product_list .t_box{padding-bottom: 32px; border-bottom: 3px solid #dfefed;} .Product_list .t_box .h1{font-size: 24px; color:#f90; line-height: 24px;/* text-align: center;*/ margin-bottom: 12px; letter-spacing: 10px;} .Product_list .t_box .h2{font-size: 32px; color:#cbc9c7; font-family: "RUBIK-REGULAR-WEBFONT"; line-height: 24px;/* text-align: center;*/ letter-spacing: -2px;} .product_list_wr .map_img{width:1600px; margin-left: -200px; height:656px; background:url("../images/Product_list_top.jpg") no-repeat center;} .product_list_wr .console{height:80px; position:relative;} .product_list_wr .console .area{width:930px; overflow:hidden; padding-left: 35px; background:url("../images/Product_list_icon_site.png") no-repeat left 26px;} .product_list_wr .console .area a{float:left; font-size: 14px; color:#636363; line-height: 80px; margin-right:28px;} .product_list_wr .console .area a.on,.product_list_wr .console .area a:hover{color:#f90;} .product_list_wr .console .r_box{position:absolute; right:0; top:15px; height:50px; overflow:hidden; width:100%;} .product_list_wr .console .r_box .btn{float:left; width:50px; height:50px; background:#f8f4ea no-repeat center;} .product_list_wr .console .r_box .row{background-image: url("../images/product_list_icon_row.png");} .product_list_wr .console .r_box .line{background-image: url("../images/product_list_icon_line.png");} .product_list_wr .console .r_box .row:hover,.product_list_wr .console .r_box .row.on{background-color:#f90; background-image:url("../images/product_list_icon_row-on.png");} .product_list_wr .console .r_box .line:hover,.product_list_wr .console .r_box .line.on{background-color:#f90; background-image:url("../images/product_list_icon_line-on.png");} .product_list_wr .console .r_box .seek_box{position:relative; float:right; height:50px; width:387px; overflow:hidden; margin-left: 10px;} .product_list_wr .console .r_box .seek_box .icon_btn{float:right; width:114px; height:50px; padding-left:40px; font-size: 15px; color:#fff; line-height: 50px; background:#ffae00 url("../images/Product_list_icon_seek.png") no-repeat 12px center;} .product_list_wr .console .r_box .seek_box input{float:left; padding:0 20px; width:273px; height:50px; line-height: 50px; border:0 none; color:#333; background:#e0dcd3;} .product_list_wr .console .r_box input{width:270px; background:#e0dcd3;} .product_list_wr input::-webkit-input-placeholder {color: #fff;} .product_list_wr input:-moz-placeholder {color: #fff;} .product_list_wr input::-moz-placeholder {color: #fff;} .product_list_wr input:-ms-input-placeholder {color: #fff;} .product_list_wr .console .r_box .seek_box.on{background:#ce7c00;} .product_list_wr .dl_wr{padding-bottom: 20px; width:1201px;} .product_list_wr .dl_wr .ul{width:1250px; overflow:hidden;} .product_list_wr .dl_wr dl{float:left; width:387px; margin-right:20px; margin-bottom: 12px; overflow:hidden;} .product_list_wr .dl_wr dt{position:relative; height:220px; overflow:hidden;} .product_list_wr .dl_wr dt:after{position:absolute; left:0; top:0; width:100%; height:100%; content:" "; background:#515151; opacity:.6; filter:alpha(opacity=60);} .product_list_wr .dl_wr dt img,.product_list_wr .dl_wr dd *{-webkit-transition: all .4s; -moz-transition: all .4s; -ms-transition: all .4s; -o-transition: all .4s; transition: all .4s;} .product_list_wr .dl_wr dd{ -webkit-transition: background-color .4s; -moz-transition: background-color .4s; -ms-transition: background-color .4s; -o-transition: background-color .4s; transition: background-color .4s; } .product_list_wr .dl_wr dd{padding:12px 0 12px;height: 160px;background:#fff;} .product_list_wr .dl_wr dd h4{font-size: 18px; line-height: 30px; color:#f90;} .product_list_wr .dl_wr dd p{font-size: 14px; line-height: 20px; color:#898989;} .product_list_wr .dl_wr dd em{font-family: "RUBIK-REGULAR-WEBFONT"; font-weight: normal;} .product_list_wr .dl_wr dd .p_box{display:none;} .product_list_wr .dl_wr .more_btn{width:387px; height:76px; line-height: 76px; color:#c9b486; font-size: 16px; text-align: center; border:2px solid #c9b486; margin:0 auto;} .product_list_wr .dl_wr .more_btn:hover{color:#fff; background:#c9b486;} /*.Product_list .bg_color{position:absolute; bottom:0; left:0; width:100%; height:100%; background:#f8f4ea; display:none;}*/ /*.product_list_wr .dl_wr dl:hover dt img{-webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1);}*/ /*.product_list_wr .dl_wr dl:hover dd{background:#f90;}*/ .product_list_wr .dl_wr dl:hover dt:after{opacity:0; filter:alpha(opacity=0);} .product_list_wr.on .dl_wr .ul{width:1200px;} .product_list_wr.on .dl_wr dl{float:none; width:100%; background:#f8f8f8;} .product_list_wr.on .dl_wr dt{float:left;} .product_list_wr.on .dl_wr dd{float:right; height:220px; width:783px; padding-right: 30px; background:#f8f8f8;} .product_list_wr.on .dl_wr dd .p_box{display:block; margin-top:18px; padding-top:20px; border-top:3px solid #ededed;} .product_list_wr.on .dl_wr dd .p_box p{font-size: 13px; color:#898989; line-height: 20px;} /*.Product1_d .c_top_lump{position:relative;} .Product1_d .c_top_lump .w1200{position:relative; z-index: 5;} .Product1_d .c_top_lump .top{position:relative; margin-top:26px;} .Product1_d .c_top_lump .introduce{width:780px; padding-bottom: 45px;} .Product1_d .c_top_lump .introduce h4{font-size: 22px; color:#62605c; line-height: 30px; font-weight: normal; margin-bottom: 28px;} .Product1_d .c_top_lump .liaison{position:absolute; padding-left:20px; border-left:5px solid #f0eeec; right:0; bottom:22px;} .Product1_d .c_top_lump .liaison .row{padding:7px 0 7px 56px; background:url("../images/Product1_d_icon_site.png") no-repeat left center; margin-top:18px;} .Product1_d .c_top_lump .liaison .row:first-child{margin-top:0;} .Product1_d .c_top_lump .liaison .tel{background-image:url("../images/Product1_d_icon_tel.png");} .Product1_d .c_top_lump .liaison p{color:#f90; font-size: 16px; line-height: 24px;} .Product1_d .c_top_lump .details{position:relative; padding:43px 0 37px;} .Product1_d .c_top_lump .details h4{font-size: 18px; color:#989697; font-weight: normal; line-height: 24px; margin-bottom: 28px;} .Product1_d .c_top_lump .details .box{overflow:hidden;} .Product1_d .c_top_lump .details p{float:left; width:33.33%; font-size: 14px; line-height: 24px; color:#888784;} .Product1_d .c_top_lump .details .hint{position:absolute; top:41px; right:0; float:none; color:#636363; width:auto;} .Product1_d .c_top_lump .bg{position:absolute; left:0; bottom:0; width:100%; height:350px; background:#f8f4ea;} .Product1_d .w_lump2{padding-bottom: 24px;} .Product1_d .w_lump2 .os_wr{overflow:hidden;} .Product1_d .w_lump2 .os_wr .til{float:left; font-size: 18px; color:#9c9da3; line-height: 84px;} .Product1_d .w_lump2 .os_wr .r_box{float:right; font-size: 0; letter-spacing: -4px; text-align: right; width:800px;} .Product1_d .w_lump2 .os_wr a{display:inline-block; font-size: 16px; color:#7d7d7d; line-height: 84px; margin-left: 37px; letter-spacing: normal;} .Product1_d .w_lump2 .os_wr a.on{color:#f90;}*/ .Product1_d .w1200{padding-top: 80px;} .Product1_d .til_box{overflow:hidden; margin-bottom: 10px;} .Product1_d .til_box .se-le {float: left;width: 172px;} .Product1_d .til_box .se-ri {float: right;width: 985px;} /* .Product1_d .til_box .this_logo{float:left; margin-right: 44px;} */ .Product1_d .til_box .site,.Product1_d .til_box .phone{float:left; padding:20px 0;/*margin-right: 50px;*/} .Product1_d .til_box .site {max-width: 676px;margin-right: 50px;} .Product1_d .til_box .phone {float: left;padding: 15px 0 0;} .Product1_d .til_box .site p,.Product1_d .til_box .phone p{font-size: 16px; color:#ff9c00;/* line-height: 50px; */ background:no-repeat left center;} .Product1_d .til_box .site p{padding-left: 56px;background-image: url("../images/Product1_d_icon_site.png");line-height: 26px;min-height: 37px;} .Product1_d .til_box .site p + p {margin-top: 20px;} .Product1_d .til_box .phone p{padding-left: 50px;background-image: url("../images/Product1_d_icon_tel.png");line-height: 37px;min-height: 26px;} .Product1_d .picSlideWr{position:relative; height:497px; overflow:hidden; margin-bottom: 40px;} .Product1_d .picSlideWr .bd li{float:left; margin-right: 9px; height:497px; width:709px;} .Product1_d .picSlideWr .pon_box{position:absolute; right:0; top:0; z-index: 5; height:497px; width:482px; background:url("../images/opacity_bg.png");} .Product1_d .picSlideWr .pon_box .next{position:absolute; left:50%; top:50%; margin:-34px 0 0 -34px; width:68px; height:68px; background:url("../images/next.png") no-repeat center;} .Product1_d .txt_box{padding-bottom: 51px;} .Product1_d .txt_box h4{font-size: 22px; color:#666; line-height: 30px; margin-bottom: 4px;} .Product1_d .txt_box h5{font-size: 18px; color:#666; line-height: 24px; margin-bottom: 28px;} .Product1_d .txt_box p{font-size: 15px; margin-bottom: 24px;} .picScroll-left,.c_picScroll{position:relative; width:1201px;} .picScroll-left ul{overflow:hidden; width:1250px;} .picScroll-left li{float:left; width:387px; margin-right:20px;} .picScroll-left .btn,.c_picScroll .btn{display:none; position:absolute; top:50%; margin-top:-32px; width:64px; height:64px; background:no-repeat center;} .picScroll-left .prev,.c_picScroll .c_prev{left:-98px; background-image: url("../images/icon_prev.jpg");} .picScroll-left .next,.c_picScroll .c_next{right:-98px; background-image: url("../images/icon_next.jpg");} .picScroll-left .prev:hover,.c_picScroll .c_prev:hover{background-image: url("../images/icon_prev-on.jpg");} .picScroll-left .next:hover,.c_picScroll .c_next:hover{background-image: url("../images/icon_next-on.jpg");} .picScroll-left .tempWrap,.c_picScroll .tempWrap{width:1201px !important;} .picScroll-left li .pic{height:260px;} .picScroll-left li .txt{height:180px; padding:27px 30px 0; background:#fff;} .picScroll-left li h4{font-size: 18px; line-height: 30px; color:#f90;/* font-weight: normal;*/} .Product1_d2 .t_box:after{content:"\200B"; display:block; height:0; clear:both;} .Product1_d2 .t_box .le{float:left; width:380px;} .Product1_d2 .t_box .ri{float:left; width:790px; margin-top: -5px;} .Product1_d2 .t_box .h1{position:relative; z-index: 50;} .Product1_d2 .t_box .h1 span{font-size: 30px; color:#bea679; height:40px; line-height: 40px; font-weight: bold; margin-bottom: 8px; padding-right: 40px; background:url("../images/icon_down.png") no-repeat right center; cursor:pointer;} .Product1_d2 .t_box ul{display:none; position:absolute; left:0; top:50px; width:240px; border:1px solid #ededed; background:#fff;} .Product1_d2 .t_box li{font-size: 16px; color:#bea679; line-height: 40px; padding-left: 10px; cursor:pointer; letter-spacing: normal;} .Product1_d2 .t_box li a{font-size: 16px; color:#bea679; line-height: 40px;} .Product1_d2 .t_box li:hover{color:#fff; background:#ff9900;} .Product1_d2 .t_box li:hover a{color:#fff;} .Product1_d2 .t_box .h4{font-size: 18px; color:#c5b699; line-height: 22px; margin-bottom: 18px;} .Product1_d2 .t_box{border-bottom: 1px solid #f5f0e6; margin-bottom: 25px;} #pro_map{height:500px;} .Product3 .c_top_lump{position:relative; padding-bottom: 230px;} .Product3 .c_top_lump .w1200{position:relative; z-index: 5;} .Product3 .picScroll-left li .pic{height:220px;} .Product3 .c_top_lump .bg_col{position:absolute; left:0; bottom:0; width:100%; height:410px; background:#f8f4ea;} .Product3 .c_brief_box p{color:#a5a09b;} .Product3 .w_lump2{position:relative; z-index: 2; /*padding-bottom: 60px;*/} .Product3 .w_lump2 .txt_wr{margin-top:-172px; height:172px;} .Product3 .w_lump2 .txt_wr *{text-align: center;} .Product3 .w_lump2 .txt_wr .h1{font-size: 30px; color:#aca7a2; line-height:20px; font-family: "RUBIK-REGULAR-WEBFONT"; letter-spacing: -2px; margin-bottom: 10px;} .Product3 .w_lump2 .txt_wr .h2{font-size: 30px; color:#555450; line-height:30px; font-weight: bold; margin-bottom: 26px;} .Product3 .w_lump2 .txt_wr p{font-size: 15px; color:#89827c; line-height:22px;} .Product3 .w_lump2 .portion2{height:488px; background:#ffae00; background:url("../images/Product3_k2_portion2.jpg") no-repeat center;} .Product3 .w_lump2 .portion2 .w1200{padding:220px 0 0 410px;} .Product3 .w_lump2 .portion2 .h1{font-size: 34px; color:#13467d; line-height: 50px; letter-spacing: 7px; margin-bottom: 8px;} .Product3 .w_lump2 .portion2 ul{overflow:hidden;} .Product3 .w_lump2 .portion2 li{float:left; font-size: 18px; color:#ff8a00; margin-right: 12px;} .Product3 .w_lump2 .portion2 li em{font-size: 45px; font-family: "RUBIK-REGULAR-WEBFONT"; display:inline-block; vertical-align: middle;} /*.Product3 .w_lump2 .portion2 .img{margin:0 auto; width:173px; margin-bottom: 30px;} .Product3 .w_lump2 .portion2 h2{font-size: 36px; color:#fff; line-height: 36px; text-align: center; font-weight: normal; margin-bottom: 25px;} .Product3 .w_lump2 .portion2 h3{font-size: 24px; color:#fff; line-height: 30px; text-align: center; font-weight: normal; margin-bottom: 30px;} .Product3 .w_lump2 .portion2 .it_wr{text-align: center; font-size: 0; letter-spacing: -4px; height:40px; line-height:40px;} .Product3 .w_lump2 .portion2 .item{display:inline-block; letter-spacing: normal; height:40px; padding:0 9px; vertical-align:middle;} .Product3 .w_lump2 .portion2 .item em,.Product3 .w_lump2 .portion2 .item p{display:inline-block; vertical-align:middle;} .Product3 .w_lump2 .portion2 .item em{padding-right: 6px; font-size: 36px; color:#fff; font-family: "RUBIK-REGULAR-WEBFONT"; font-weight: normal;} .Product3 .w_lump2 .portion2 .item p{font-size: 36px; font-size: 14px; color:#ffd18d;} .Product3 .w_lump2 .portion3{padding-top:60px;} .Product3 .w_lump2 .portion3 ul{overflow:hidden; width:1250px;} .Product3 .w_lump2 .portion3 li{float:left; width:590px; margin-right: 20px;} .Product3 .w_lump2 .portion3 .txt{height:120px;} .Product3 .w_lump2 .portion3 h3{font-size: 18px; color:#f90; line-height: 30px;} .Product3 .w_lump2 .portion3 h4{font-size: 16px; color:#898989; line-height: 24px; font-weight: normal;} .Product3 .w_lump2 .portion3 p{font-size: 14px; color:#898989; line-height: 24px;}*/ .Product3 .c_brief_box .h2{margin-bottom: 35px;} .Product3 .w_lump3{height:485px; background:url("../images/Product3_k3_bg.jpg") no-repeat center bottom; background-attachment: fixed;} .Product3 .w_lump3 *{text-align: center;} .Product3 .w_lump3 .h1{font-size: 24px; color:#ff9c00; line-height: 36px; padding:180px 0 38px;} .Product3 .w_lump3 .h2{font-size: 24px; color:#fff; line-height: 36px;} .Product3 .w_lump3 p{color:#fff; line-height: 36px;} .Product4 .c_brief_box{padding-bottom: 60px;} .Product_series .c_top_lump{position:relative;} .Product_series .c_top_lump .w1200{position:relative; z-index: 5; padding-bottom: 24px;} .Product_series .c_brief_box{padding-bottom: 38px;} .Product_series .c_brief_box .h1{text-align: center;} .Product_series .c_brief_box .h2{text-align: center; margin-bottom: 27px;} .Product_series .c_brief_box h4{font-size:15px; line-height: 28px; color:#808080; text-align: center; font-weight: normal;} .Product_series .picScroll-left li .pic{height:220px;} .Product_series .picScroll-left li .txt{height:180px; padding:27px 30px 0; background:#fff;} .Product_series .picScroll-left li h4{font-size: 18px; line-height: 30px; color:#f90;/* font-weight: normal;*/} .Product_series .c_top_lump .bg_col{position:absolute; left:0; bottom:0; width:100%; height:204px; background:#f8f4ea;} .Product_series .w_lump2{height:488px; background:url("../images/Product_series_k2_bg.jpg") no-repeat center;} .Product_series .w_lump2 .w1200{padding-top:84px;} .Product_series .w_lump2 .h1{font-size: 30px; color:#37597c; line-height: 36px; text-align: center; font-family: "RUBIK-REGULAR-WEBFONT"; letter-spacing: -1px;} .Product_series .w_lump2 .h2{font-size: 24px; color:#fff; line-height: 40px; opacity:.8; filter:alpha(opacity=80); text-align: center;} .Product_series .w1200{height:100%; position:relative;} .Product_series .pon{position:absolute;} .Product_ban{height:870px; background:no-repeat center 100px; background-attachment: fixed;} .Product_series .w_lump1{height:680px;} .Product_series .w_lump1 .w1200{padding-left:580px;} .Product_series .w_lump1 .pon_txt{top:-193px; left:0; height:480px; width:410px; padding:53px 0 0 38px; background:#d2c9b6;} .Product_series .w_lump1 .pon_txt i{display:block; margin-bottom: 30px;} .Product_series .w_lump1 .pon_txt p{color:#130f12; opacity:.46; filter:alpha(opacity=46); margin-bottom: 24px;} .Product_series .w_lump1 .pon_pic{bottom:-25px; left:0; height:418px; width:410px;} .Product_series .w_lump1 .h1{padding-top:106px; font-size: 22px; line-height: 28px; color:#b1a385; opacity:.3; filter:alpha(opacity=30); font-family: "DINPro-Regular";} .Product_series .w_lump1 .h2{font-size: 20px; line-height: 24px; color:#af8435; letter-spacing: 5px; padding-bottom:190px;} .Product_series .numTxt_box h3{font-size: 36px; line-height: 36px; color:#b1a385; letter-spacing: 4px; margin-bottom: 20px;} .Product_series .numTxt_box .til{font-size: 0; letter-spacing: -4px; height:65px; margin-bottom:42px;} .Product_series .numTxt_box .til i{display:inline-block; position:relative;font-size: 90px; color:#b1a385; line-height: 65px; font-family: "RUBIK-REGULAR-WEBFONT"; letter-spacing: normal; padding-right: 12px;} .Product_series .numTxt_box .til .box{display:inline-block;} .Product_series .numTxt_box .til h4{font-size: 18px; line-height: 24px; color:#b1a385; letter-spacing: normal; margin-bottom: 6px;} .Product_series .numTxt_box .til em{display:block; font-size: 24px; line-height: 24px; color:#b1a385; font-family: "DINPro-Regular"; letter-spacing: normal;} .Product_series .w_lump1 .numTxt_box .til{margin-left: -90px; height:54px; margin-bottom: 8px;} .Product_series .w_lump1 .numTxt_box .til i{bottom:-11px; font-size: 74px; line-height: 50px;} .Product_series .w_lump1 .numTxt_box h3{margin-bottom: 16px;} .Product_series .w_lump1 .numTxt_box h4{margin-bottom: 0;} .Product_series .w_lump1 .numTxt_box p{color:#a5a5a5;} .Product_series .w_lump2{height:680px; background:url("../images/Product_series_ckg2.jpg") no-repeat center;} .Product_series .w_lump2 .adorn{right:-252px; top:-210px; width:252px; height:542px; background:url("../images/Product_series_adorn1.png") no-repeat center;} .Product_series .w_lump2 .numTxt_box{left:0; top:123px; width:410px; height:480px; background:url("../images/Product_series_bg1.jpg") no-repeat center; padding:73px 0 0 38px;} .Product_series .w_lump2 .numTxt_box .til{margin-bottom: 35px;} .Product_series .w_lump2 .numTxt_box .til i{color:#fff;} .Product_series .w_lump2 .numTxt_box .til h4{color:#fff;} .Product_series .w_lump2 .numTxt_box .til em{color:#fff; opacity:.6; filter:alpha(opacity=60);} .Product_series .w_lump2 .numTxt_box h3{font-size: 30px; color:#fff; letter-spacing: normal; margin-bottom: 22px;} .Product_series .w_lump2 .numTxt_box p{line-height: 22px; color:#fff; opacity:.5; filter:alpha(opacity=50); width:240px; margin-bottom: 22px;} .Product_series .w_lump3{height:680px; background:url("../images/Product_series_ckg3.jpg") no-repeat top center; background-attachment:fixed;} .Product_series .w_lump3 .numTxt_box{right: 0; top:106px; width:534px;} .Product_series .w_lump3 .numTxt_box .til i{color:#af8435;} .Product_series .w_lump3 .numTxt_box .til h4{color:#af8435;} .Product_series .w_lump3 .numTxt_box .til em{color:#af8435; opacity:.6; filter:alpha(opacity=60);} .Product_series .w_lump3 .numTxt_box h3{color:#af8435;} .Product_series .w_lump3 .numTxt_box p{color:#af8435; opacity:.5; filter:alpha(opacity=50); margin-bottom: 22px;} .Product_series .w_lump4 .adorn1{left:-160px; bottom:80px; width:152px; height:141px; background:url("../images/Product_series_adorn2.png") no-repeat center;} .Product_series .w_lump4{height:680px; background:url("../images/Product_series_adorn3.png") no-repeat right 80px;} .Product_series .w_lump4 .numTxt_box{top:180px; width:410px;} .Product_series .w_lump4 .numTxt_box .til i{color:#474747;} .Product_series .w_lump4 .numTxt_box .til h4{color:#474747;} .Product_series .w_lump4 .numTxt_box .til em{color:#474747; opacity:.6; filter:alpha(opacity=60);} .Product_series .w_lump4 .numTxt_box h3{color:#474747;} .Product_series .w_lump4 .numTxt_box p{color:#474747; opacity:.5; filter:alpha(opacity=50);} .Product_series .w_lump4 .people_box{width:533px; top:-60px; right:0; overflow: hidden;} .Product_series .w_lump4 .people_box .pic{float:left; width:324px; height:555px;} .Product_series .w_lump4 .people_box .txt{float: right; padding:338px 0 0 24px;} .Product_series .w_lump4 .people_box .txt p{font-size: 13px; color:#373737; opacity:.5; filter:alpha(opacity=50); line-height: 20px;} .Product_series .w_lump4 .people_box .name{padding-top:35px;} .Product_series .w_lump5{height:680px; background:#f4f0ee;} .Product_series .w_lump5 .numTxt_box{top:153px;} .Product_series .w_lump5 .r_pic{width:1042px; height:680px; right:-510px; top:0;} .Product_series .w_lump5 .numTxt_box .til i{color:#6f5a47;} .Product_series .w_lump5 .numTxt_box .til h4{color:#6f5a47;} .Product_series .w_lump5 .numTxt_box .til em{color:#6f5a47;/* opacity:.6; filter:alpha(opacity=60);*/} .Product_series .w_lump5 .numTxt_box h3{color:#6f5a47;} .Product_series .w_lump5 .numTxt_box p{color:#6f5a47; opacity:.5; filter:alpha(opacity=50);} .Product_series .w_lump6{height:1043px; background:url("../images/Product_series_ckg4.jpg") no-repeat top center; background-attachment: fixed;} .Product_series .w_lump6 .pon_box{top:115px; right:-16px; width:546px; background:#fff;} .Product_series .w_lump6 .numTxt_box{padding:45px 40px 38px;} .Product_series .w_lump6 .numTxt_box .til i{color:#6f5a47;} .Product_series .w_lump6 .numTxt_box .til h4{color:#af8435;} .Product_series .w_lump6 .numTxt_box .til em{color:#af8435;} .Product_series .w_lump6 .numTxt_box h3{color:#272727;} .Product_series .w_lump6 .numTxt_box p{color:#6f5a47; opacity:.5; filter:alpha(opacity=50);} .Product_series .w_lump7{height:680px; background:url("../images/Product_series_ckg5.jpg") no-repeat center;} .Product_series .w_lump7 .pon1{top:359px; left:0; width:440px;} .Product_series .w_lump7 .pon2{top:355px; right:0; width:408px;} .Product_series .w_lump7 .numTxt_box .til i{color:#6f5a47;} .Product_series .w_lump7 .numTxt_box .til h4{color:#af8435;} .Product_series .w_lump7 .numTxt_box .til em{color:#af8435;} .Product_series .w_lump7 .numTxt_box h3{color:#6f5a47;} .Product_series .w_lump7 .numTxt_box p{color:#6f5a47; opacity:.5; filter:alpha(opacity=50);} .Product_series .w_lump8{height:680px; background:url("../images/Product_series_ckg6.jpg") no-repeat top center; background-attachment: fixed;} .Product_series .w_lump8 .numTxt_box *{text-align: center;} .Product_series .w_lump8 .numTxt_box{padding-top:94px;} .Product_series .w_lump8 .numTxt_box .til{height:auto;} .Product_series .w_lump8 .numTxt_box .til i{display:block; color:#ff9c00; margin-bottom: 8px;} .Product_series .w_lump8 .numTxt_box .til .box{display:block;} .Product_series .w_lump8 .numTxt_box .til h4{color:#ff9c00;} .Product_series .w_lump8 .numTxt_box .til em{color:#ff9c00;} .Product_series .w_lump8 .numTxt_box h3{color:#ff9c00;} .Product_series .w_lump8 .numTxt_box p{color:#ff9c00; opacity:.5; filter:alpha(opacity=50);} .Product_series .w_lump9{background:#f8f4ea;} .Product_series .w_lump9 .h1{padding-top:64px; margin-bottom: 10px;} .Product_series .w_lump9 .h2{font-size: 18px; color:#c6c1b8; line-height: 16px; font-family: "RUBIK-REGULAR-WEBFONT"; letter-spacing: 10px; font-weight: normal; margin-bottom: 40px;} .Product_series .w_lump9 .c_brief_box{padding-bottom: 50px;} .Product_series .w_lump9 .c_brief_box h4,.Product_series .w_lump9 .c_brief_box p{text-align: center; font-size: 0;} .Product_series .w_lump9 .c_brief_box h4 img,.Product_series .w_lump9 .c_brief_box p img{display:inline-block;} .Product_series .w_lump9 .c_brief_box h4{height:30px; margin-bottom: 16px;} .Product_series .w_lump9 .c_brief_box p{height:16px; margin:0;} .Product_series .w_lump10{height:517px; background:url("../images/Product_series_ckg7.jpg") no-repeat center;} .Product_series .w_lump10 .w1200{padding-top:165px;} .Product_series .w_lump10 h1{font-size: 36px; line-height: 36px; color:#af8435; text-align: center; padding:0 0 32px; letter-spacing: 4px;} .Product_series .w_lump10 .icon{position:relative; width:64px; height:64px; margin:0 auto;} .Product_series .w_lump10 .icon .circle1,.Product_series .w_lump10 .icon .circle2{position:absolute; width:100%; height:100%; background:no-repeat center; -webkit-transition: all .5s; -moz-transition: all .5s; -ms-transition: all .5s; -o-transition: all .5s; transition: all .5s;} .Product_series .w_lump10 .icon .circle1{background-image: url("../images/Product_series_k10_icon1.png");} .Product_series .w_lump10 .icon .circle2{background-image: url("../images/Product_series_k10_icon2.png");} .Product_series .w_lump10 .icon:hover .circle1{transform:rotate(360deg); -ms-transform:rotate(360deg); -moz-transform:rotate(360deg); -webkit-transform:rotate(360deg); -o-transform:rotate(360deg); background-image: url("../images/Product_series_k10_icon1-on.png");} .Product_series .w_lump10 .icon:hover .circle2{background-image: url("../images/Product_series_k10_icon2-on.png");} .Product_series .w_lump10 i{display:block; text-align: center; font-size: 18px; color:#af8435; line-height: 18px; padding-top:18px;} .investor_info{padding-bottom: 44px;} .investor_info .com_name{font-size: 16px; color:#918b86; line-height: 22px;} .investor_info .com_name_en{font-size: 16px; color:#918b86; line-height: 22px; font-family: "RUBIK-REGULAR-WEBFONT"; margin-bottom: 16px;} .investor_info .stock{color:#aca7a1; font-size: 24px; line-height: 20px; font-family: "RUBIK-REGULAR-WEBFONT"; letter-spacing: -2px; margin-bottom: 2px;} .investor_info .stock .p2{margin-top:7px;} .investor_info .stock em{position:relative; top:5px; color: #e62b1e;font-size: 30px;padding-right: 10px; font-family: "RUBIK-REGULAR-WEBFONT";line-height: 100%;letter-spacing: -1px;} .investor_info .stock em.on{color: #34b933;} .investor_info .stock .p1{font-size: 36px; color: #666; font-family: "RUBIK-REGULAR-WEBFONT"; line-height: 30px; letter-spacing: -2px;} .investor_info .stock p{color: #999; letter-spacing: 0;} .investor_info .this_price{color:#db3338; font-size: 28px; line-height: 22px; font-family: "RUBIK-REGULAR-WEBFONT"; letter-spacing: -2px; margin-bottom: 20px;} .investor_info .this_price.dn{color:#22ac38;} .investor_info .type{font-size: 14px; line-height: 18px; color:#aca7a1;} .investor_list_wr{position:relative; /*padding-left: 90px;*/ padding-bottom: 40px;} .investor_list_wr .t_icon{position:absolute; top:0; left:-10px; display:none;} .investor_list_wr li{position:relative; padding:26px 0; border-top: 2px dashed #ececec;} .investor_list_wr li:first-child{padding-top:0; border-top:0 none;} .investor_list_wr h3{font-size: 18px; line-height: 24px; color:#ffa800;} .investor_list_wr h4{font-size: 14px; line-height: 24px; color:#84807c; font-weight: bold;} .investor_list_wr p{font-size: 14px; line-height: 24px; color:#84807c;} .investor_list_wr em{display:block; color:#84807c; font-size: 14px; line-height: 24px; color:#84807c; font-family: "RUBIK-REGULAR-WEBFONT";} .investor_list_wr li .t_icon{position:absolute; top:30px; left:-100px;} .investor_list_wr li .liaison_box{font-size: 0; letter-spacing: -4px; width:690px;} .investor_list_wr li .liaison_box p{display:inline-block; letter-spacing: normal; margin-right:22px;} .investor4_listwrap{position:relative; /*padding-left: 90px;*/ padding-bottom: 60px;} .investor4_listwrap .t_icon{position:absolute; top:0; left:-10px; display:none;} .investor4_listwrap .hd{position:relative; border-bottom: 2px dashed #ececec; height:72px;} .investor4_listwrap .hd .icon{position:absolute; right:0; top:-11px; width:12px; height:20px; background:url("../images/about2_icon.png") no-repeat center;} .investor4_listwrap .hd .this_chunk{position:absolute; left:0; top:-68px; height:78px; width:123px; background:url("../images/about2_it_on.png") no-repeat center;} .investor4_listwrap .hd .hid,.investor4_listwrap .hd ul{overflow:hidden;} .investor4_listwrap .hd .hid{width:100%;} .investor4_listwrap .hd li{float:left; line-height: 30px; font-family: "RUBIK-REGULAR-WEBFONT"; font-size: 24px; width:50px; cursor:pointer; color:#c0a988; margin-right: 30px; letter-spacing: -1px; white-space: nowrap;} .investor4_listwrap .hd li.cn{font-size: 16px; font-weight: bold; font-family: "脙茠脝鈥櫭冣€毭偮ッ兤捗⑩偓拧脙鈥毭偮久兤捗⑩偓拧脙鈥毭偮兤捗嗏€櫭冣€毭偮兤捗⑩偓拧脙鈥毭偮矫兤捗⑩偓拧脙鈥毭偮兤捗嗏€櫭冣€毭偮┟兤捗偮⒚兟⒚⑩偓拧脗卢脙鈥毭偮好兤捗偮⒚兟⒚⑩偓拧脗卢脙鈥毭偮γ兤捗嗏€櫭冣€毭偮┟兤捗⑩偓拧脙鈥毭偮幻兤捗偮⒚兟⒚⑩偓拧脗卢脙鈥姑呪€?;} .investor4_listwrap .hd li.on{color:#ffa100;} .investor4_listwrap .hd .this_chunk2{position:absolute; bottom:-3px; height:3px; background-color: #e92076;} .investor4_listwrap .hd .span{display:block; width:50px; font-size: 24px; color:#c0a988; position:absolute; right:0; line-height: 30px; top:0; background-color: #fff; letter-spacing: -2px;} .investor4_listwrap .bd li a{position:relative; padding:30px 0; border-top:2px dashed #ececec; overflow:hidden;} .investor4_listwrap .bd li a p{float:left; font-size: 15px; color:#58585e; line-height: 26px; width:600px; white-space: nowrap; overflow:hidden; text-overflow: ellipsis;} .investor4_listwrap .bd li a .time{float:right; font-size:18px; color:#c0a988; line-height: 26px; font-family: "RUBIK-REGULAR-WEBFONT";} .investor4_listwrap .bd li a,.investor4_listwrap .bd li a:after{ -webkit-transition: all .4s; -moz-transition: all .4s; -ms-transition: all .4s; -o-transition: all .4s; transition: all .4s;} .investor4_listwrap .bd li a:after{position:absolute; right:0; top:50%; margin-top:-32px; display:block; content:" "; height:63px; width:55px; background:url("../images/investor4_icon_pdf.png") no-repeat center; opacity:0; filter:alpha(opacity=0);} .investor4_listwrap .bd li:first-child a{ border-top:0 none;} .investor4_listwrap .bd li a:hover{color:#ffa100;} .investor4_listwrap .bd li a:hover:after{opacity:1; filter:alpha(opacity=100);} .investor4_listwrap .bd li a:hover .time{opacity:0; filter:alpha(opacity=0);} .investor4_listwrap .bd .moreBtn{height:75px; line-height: 75px; text-align: center; background:#ff9c00; font-size: 0; letter-spacing: -4px;} .investor4_listwrap .bd .moreBtn i{display:inline-block; font-size: 16px; color:#fff; letter-spacing: normal; padding-right: 12px;} .investor4_listwrap .bd .moreBtn .dot{display:inline-block;} .investor4_listwrap .bd .moreBtn span{float: left; margin:0 2px; width:10px; height:11px; background:url("../images/investor4_dot.png") no-repeat center;} .investor4_listwrap .bd .moreBtn:hover{background:#af6b00;} .investor4_listwrap .bd .moreBtn:hover .span1{-webkit-animation: topDown .8s linear 0s ; animation: topDown .8s linear 0s ;} .investor4_listwrap .bd .moreBtn:hover .span2{-webkit-animation: topDown .8s linear .2s ; animation: topDown .8s linear .2s ;} .investor4_listwrap .bd .moreBtn:hover .span3{-webkit-animation: topDown .8s linear .4s ; animation: topDown .8s linear .4s ;} @keyframes topDown { 0%{ -webkit-transform: translate(0, 0); -moz-transform: translate(0, 0); -ms-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, 0); } 50%{ -webkit-transform: translate(0, -20px); -moz-transform: translate(0, -20px); -ms-transform: translate(0, -20px); -o-transform: translate(0, -20px); transform: translate(0, -20px); } 100% { -webkit-transform: translate(0, 0); -moz-transform: translate(0, 0); -ms-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, 0); } } .commonweal_news_abt{padding-bottom: 30px; padding-right: 15px;} .commonweal_news_abt .til{font-size: 18px; color:#726f6b; line-height: 18px; margin-bottom: 2px; margin-bottom: 39px;} .commonweal_news_abt .time{font-size: 30px; color:#ff8400; line-height: 30px; font-family: "MONTSERRAT-REGULAR"; letter-spacing: -2px; margin-bottom: 6px;} .commonweal_news_abt h4{font-size: 20px; color:#685f57; line-height: 24px; margin-bottom: 6px;} .commonweal_news_abt p{font-size: 14.5px; color:#a5a5a5; line-height: 22px;} .commonweal_news_abt .enter{font-size: 14px; line-height: 24px; color:#98938e; margin-top:21px;} .commonweal_news_abt .ma{float:left; width:100px; margin: 20px 60px 0 0;} .commonweal_news_abt .ma>img{width:100px; height:100px;} .commonweal_news_abt .ma p{font-size: 14px; line-height: 20px; padding-top:5px; color:#666; text-align: center;} /*.commonweal2 .c_brief_box{padding-bottom: 11px; margin-top: -20px;} .commonweal2 .c_brief_box .top_logo{margin-bottom: 30px;} .commonweal2 .c_brief_box .year{font-size: 25px; color:#98938e; font-family: "RUBIK-REGULAR-WEBFONT"; letter-spacing: -1px; line-height: 24px;} .commonweal2 .w_lump{height:520px; background:url("../images/commonweal2_bg.jpg") no-repeat center; padding-top: 80px;} .commonweal2 .w_lump .dl_wr{width:1222px; overflow:hidden;} .commonweal2 .w_lump dl{float: left; width:378px; margin-right: 22px; position:relative; cursor:pointer;} .commonweal2 .w_lump dt{height:240px;} .commonweal2 .w_lump dd{padding:35px; padding-top: 83px; padding-top: 5px; height:178px; background:#f5ede0 no-repeat center;} .commonweal2 .w_lump dd .img{position:absolute; left:35px; top:190px; width:127px; height:127px; background:#fff;} .commonweal2 .w_lump dd h4{font-size: 18px; line-height: 24px; color:#ff8a00; margin-bottom: 2px;} .commonweal2 .w_lump dd .en{font-size: 24px; color:#c4bcb1; line-height: 24px; font-family: "RUBIK-REGULAR-WEBFONT";} .commonweal2 .w_lump .pon_dl{display:none; position:fixed; left:0; top:0; width:100%; height:100%; z-index: 999;} .commonweal2 .w_lump .pon_dl .bg{position:absolute; left:0; top:0; width:100%; height:100%; background:#000; opacity:.8; filter:alpha(opacity=80);} .commonweal2 .w_lump .pon_dl .cnt{position:absolute; left:50%; top:50%; margin:-280px 0 0 -600px; width:1200px; height:560px; z-index: 5;} .commonweal2 .w_lump .pon_dl .cnt{padding:45px 40px 50px; overflow:hidden; background:#f6f0e4;} .commonweal2 .w_lump .pon_dl .le{float:left; width:394px;} .commonweal2 .w_lump .pon_dl .ri{float:right; width:696px; padding:40px 0 0; height:100%; overflow:hidden; overflow-y: auto;} .commonweal2 .w_lump .pon_dl .icon{margin-bottom: 27px;} .commonweal2 .w_lump .pon_dl .h1{font-size: 24px; color:#5a3509; line-height: 30px; margin-bottom: 7px;} .commonweal2 .w_lump .pon_dl .h2{font-size: 24px; color:#977f61; line-height: 30px; margin-bottom: 7px;} .commonweal2 .w_lump .pon_dl .h2 em{font-family: "RUBIK-REGULAR-WEBFONT";} .commonweal2 .w_lump .pon_dl p{font-size: 14px; color:#716b65; line-height: 24px; margin-bottom: 24px;}*/ .commonweal_news .c_w_l .row_wr{padding-bottom: 10px;} .commonweal_news .c_w_l .row_wr .row{border-left:4px solid #dcdcdc; padding-left:26px; margin-bottom: 30px; overflow:hidden;} .commonweal_news .c_w_l .row_wr .cn{font-size: 18px; color:#ff8a00; line-height: 18px; margin-bottom: 2px;} .commonweal_news .c_w_l .row_wr .en{font-size: 20px; color:#d9d7d5; line-height: 24px; font-family: "RUBIK-REGULAR-WEBFONT";} .commonweal_news .c_w_l .info{padding-top: 25px; border-top:1px solid #ebeff4;} .commonweal_news .c_w_l .info .ma{margin-top: 25px;} /*.commonweal3{height:1538px; background:url("../images/commonweal3.jpg") no-repeat center;} .commonweal4{height:1087px; background:url("../images/commonweal4.jpg") no-repeat center;} .commonweal5{height:1087px; background:url("../images/commonweal5.jpg") no-repeat center;} .commonweal6{height:875px; background:url("../images/commonweal6.jpg") no-repeat center;}*/ .commonweal .wr_le{float:left; padding:25px 0 ; width:700px;} .commonweal .wr_le .top_logo{margin-bottom: 20px;} .commonweal .wr_le p{font-size: 14px; line-height: 24px; color:#98938e; margin-bottom: 25px;} .commonweal .wr_ri a{margin-bottom: 20px;} .commonweal .wr_ri{float:right; width:460px; padding:40px 45px 280px; background:#f2f2f2 url("../images/commonweal_r_bg.jpg") no-repeat right bottom;} .commonweal .wr_ri .time{font-size: 30px; color:#ff9900; line-height: 22px; font-family: "MONTSERRAT-REGULAR"; margin-bottom: 24px;} .commonweal .wr_ri .til,.commonweal .wr_ri h4{font-size: 20px; color:#685f57; line-height: 24px; white-space: nowrap; overflow:hidden; text-overflow: ellipsis; margin-bottom: 6px;} .commonweal .wr_ri p{font-size: 14px; color:#9f9f9f; line-height: 22px;} .commonweal .wr_ri .more,.commonweal .wr_ri .enter{font-size: 14px; color:#9f9f9f; line-height: 22px;} .commonweal .wr_ri .more:hover{color:#ff9900;} .commonweal3 .topBox{padding:40px 0 25px; width:400px;} .commonweal3 .topBox .h1{font-size: 24px; color: #ff9000; line-height: 24px; margin-bottom: 25px;} .commonweal3 .topBox p{font-size: 14px; color: #98938e; line-height: 24px; margin-bottom: 20px;} .commonweal3 .tab{height:270px; background:#e0dcd3;} .commonweal3 .tab .w1200{height:100%; position:relative;} .commonweal3 .hd{position:absolute; right:0; top:-174px;} .commonweal3 .hd ul{overflow:hidden; width:750px;} .commonweal3 .hd li{float:left; width:250px; height:154px; background:no-repeat center; cursor:pointer;} .commonweal3 .hd .it1{background-image: url("../images/commonweal3_it1.jpg");} .commonweal3 .hd .it2{background-image: url("../images/commonweal3_it2.jpg");} .commonweal3 .hd .it3{background-image: url("../images/commonweal3_it3.jpg");} .commonweal3 .hd .it1.on{background-image: url("../images/commonweal3_it1-on.jpg");} .commonweal3 .hd .it2.on{background-image: url("../images/commonweal3_it2-on.jpg");} .commonweal3 .hd .it3.on{background-image: url("../images/commonweal3_it3-on.jpg");} .commonweal3 .bd li{position:relative; height:270px; background:url("../images/commonweal3_it_bg.jpg") no-repeat bottom right;} .commonweal3 .bd .h1{font-size: 24px; color:#fff; line-height: 24px; padding:40px 0;} .commonweal3 .bd .btn{width:250px; height:60px; font-size: 16px; color:#fff; text-align: center; line-height: 60px; background:#ff9900;} .commonweal3 .bd .img{position:absolute; right:0; bottom:0;} .commonweal3 .pop_wr .bg{display:none; position:fixed; left:0; top:0; width:100%; height:100%; background:#000; opacity:.6; filter:alpha(opacity=60); z-index: 5555;} .commonweal3 .pop_wr .itme{display:none; position:fixed; left:50%; top:50%; width:1200px; max-height:550px; margin:0 0 0 -600px; background:#fff; z-index: 5556;} .commonweal3 .pop_wr .le{position:absolute; left:0; top:0; width:400px; height:100%; background:#f5ede0 url("../images/c3_pic.jpg") no-repeat center;} .commonweal3 .pop_wr .ri{float:right; width:800px; padding:44px 60px 50px; background:#fff;} .commonweal3 .pop_wr .ri h4{font-size: 20px; color:#ff9900; line-height: 24px; margin-bottom: 21px;} .commonweal3 .pop_wr .ri p{font-size: 16px; color:#808080; line-height: 30px; margin-bottom: 20px;} .commonweal3 .pop_wr .ri .cnt{max-height: 480px; overflow:hidden; overflow-y: auto;} .commonweal3 .pop_wr .it2 .ri{padding-bottom: 110px; background:#fff url("../images/c3_bg.jpg") no-repeat right bottom;} .commonweal3 .pop_wr .it3 .le{background-image:url("../images/c3_pic2.jpg");} .commonweal3_d{padding-bottom: 60px;} .commonweal3_d .topBox{padding:40px 0 15px; border-bottom: 1px solid #e6e6e6;} .commonweal3_d .topBox .h1{font-size: 24px; color: #ff9000; line-height: 24px; margin-bottom: 25px;} .commonweal3_d .topBox p{font-size: 14px; color: #98938e; line-height: 24px; margin-bottom: 20px;} .commonweal3_d .tab .hd{padding:20px 0; border-bottom: 1px solid #e6e6e6; margin-bottom: 40px;} .commonweal3_d .tab .hd>ul{float:left;} .commonweal3_d .tab .hd>ul li{float:left; font-size: 16px; color:#808080; line-height: 54px; margin-right: 25px; cursor:pointer;} .commonweal3_d .tab .hd>ul li.on{color:#ff9900;} .commonweal3_d .tab .hd .select_time{float:right; height:54px; padding:0 30px; max-width: 800px; position:relative; z-index: 55; background:#f2f2f2;} .commonweal3_d .tab .hd .select_time .hid{overflow: hidden;} .commonweal3_d .tab .hd .select_time .ul{overflow:hidden;} .commonweal3_d .tab .hd .select_time .li{float: left; font-family: "RUBIK-REGULAR-WEBFONT"; height:54px; line-height: 54px; font-size: 18px; cursor: pointer; color: #808080; margin-left: 30px; white-space: nowrap; cursor:pointer;} .commonweal3_d .tab .hd .select_time .li:first-child{margin-left: 0;} .commonweal3_d .tab .hd .select_time .li.on,.commonweal3_d .tab .hd .select_time .li.on a{color:#ff9900;} .commonweal3_d .tab .hd .select_time .li a{font-size: 18px; color: #808080; line-height: 54px; font-family: "RUBIK-REGULAR-WEBFONT";} /*.commonweal3_d .tab .hd .select_time span{display:block; height:54px; line-height: 52px; border:1px solid #e6e6e6; padding:0 70px 0 50px; font-size: 14px; color:#807871; background:url("../images/icon_time.png") no-repeat 20px center; position:relative; cursor:pointer;} .commonweal3_d .tab .hd .select_time span:after{content:" "; display:block; position:absolute; right:-1px; top:-1px; width:54px; height:54px; background:#ff9900 url("../images/icon_down2.png") no-repeat center;} .commonweal3_d .tab .hd .select_time ul{display:none; position:absolute; left:0; top:54px; width:100%; max-height: 202px; background:#fff; border:1px solid #e6e6e6;} .commonweal3_d .tab .hd .select_time li{cursor:pointer; padding:0 20px; font-size: 14px; color:#807871; line-height: 40px; background:#fff;} .commonweal3_d .tab .hd .select_time li:hover{color:#fff; background:#ff9900;}*/ .commonweal3_d .c3_d_list .ul{margin-top: -7px;} .c3_d_list .ul a{padding:33px 0 34px; border-top: 2px dashed #d4cfc5;} .c3_d_list .ul a:first-child{border-top:0 none; padding-top: 0;} .c3_d_list .ul h4{font-size: 16px; color:#4c4c4c; line-height: 30px; margin-bottom: 8px;} .c3_d_list .ul .time{font-size: 24px; color:#d4c5b1; line-height: 24px; font-family: "RUBIK-REGULAR-WEBFONT"; margin-bottom: 18px;} .c3_d_list .ul p{font-size: 14px; color:#808080; line-height: 26px; margin:0;} .c3_d_list .ul a:hover h4{color:#ff9900;} .c3_d_list .more{height:72px; font-size: 14px; line-height: 72px; text-align: center; color:#4c4c4c; background:#ececec;} .c3_d_list .more:hover{color:#fff; background:#ff9900;} .c3_picSlide{overflow:hidden;} .c3_picSlide .pic_bd{float:left; width:860px; height:484px;} .c3_picSlide .pic_bd li{position:relative; width:860px; height:484px;} .c3_picSlide .pic_bd li .txt{position:absolute; left:0; bottom:0; height:60px; line-height: 60px; width:100%; padding:0 20px; font-size: 16px; color:#fff; background:url("../images/opacity_000_60.png");} .c3_picSlide .pic_hd{float:right; width:300px; font-size: 0; letter-spacing: -4px;} .c3_picSlide .pic_hd ul{overflow:hidden; height:404px; overflow-y: auto; margin-bottom: 20px;} .c3_picSlide .pic_hd ul::-webkit-scrollbar{display:none;} .c3_picSlide .pic_hd li{height:192px; width:100%; margin-top: 20px; position:relative; cursor:pointer;} .c3_picSlide .pic_hd li .pic{height:100%; width:342px; margin-left: -21px;} .c3_picSlide .pic_hd li .txt{position:absolute; left:0; bottom:0; height:50px; line-height: 50px; width:100%; padding:0 20px; font-size: 16px; color:#fff; overflow:hidden; text-overflow: ellipsis; white-space: nowrap; background:url("../images/opacity_000_60.png"); letter-spacing: normal;} .c3_picSlide .pic_hd li:first-child{margin-top: 0;} .c3_picSlide .pic_hd li.on:after{content:" "; display:block; position:absolute; left:0; top:0; width:300px; height:192px; border:4px solid #ff9900; box-sizing: border-box;} .c3_picSlide .pic_hd li img{max-width: none; height:100%; margin-left: -21px;} .c3_picSlide .pic_hd .btn{display:inline-block; vertical-align: top; width:150px; height:60px; background:#e6e6e6 no-repeat center;} .c3_picSlide .pic_hd .pic_prev{background-image: url("../images/icon_up2.png");} .c3_picSlide .pic_hd .pic_next{background-image: url("../images/icon_down2.png");} .c3_picSlide .pic_hd .btn:hover{background-color:#ff9900;} .commonweal4 .top_logo{margin-bottom: 38px;} .commonweal4 .w_lump{height:560px; background:url("../images/c4_k2.jpg") no-repeat center;} .commonweal4 .w_lump .w1200{position:relative; height:100%; padding-top: 105px;} .commonweal4 .w_lump .h1{font-size: 24px; color:#ff9000; line-height: 24px; margin-bottom: 7px;} .commonweal4 .w_lump .h2{font-size: 32px; color:#cbc9c7; line-height: 36px; font-family: "RUBIK-REGULAR-WEBFONT"; margin-bottom: 24px; letter-spacing: -1px;} .commonweal4 .w_lump .slideBox{width:750px; height:560px; position:absolute; top:0; right:-48px; overflow:hidden;} .commonweal4 .w_lump .slideBox li{-webkit-transform: rotate(45deg); transform: rotate(45deg); width:232px; height:232px; overflow:hidden; border-radius:14px; position:absolute; left:273px; top:-300px;} .commonweal4 .w_lump .slideBox li:after{content:" "; display:block; position:absolute; left:0; top:0; width:100%; height:100%; background:#000; opacity:.5; filter:alpha(opacity=50);} .commonweal4 .w_lump .slideBox li img{max-width: none; width:330px; -webkit-transform: translate(-49px,-49px) rotate(-45deg); transform: translate(-49px,-49px) rotate(-45deg);} .commonweal4 .w_lump .slideBox li.on_prev{display:block; left:46px; top:-55px;} .commonweal4 .w_lump .slideBox li.on{display:block; left:163px; top:145px; width:350px; height:350px; border-radius:20px; z-index: 5;} .commonweal4 .w_lump .slideBox li.on img{width:496px; -webkit-transform: translate(-73px,-73px) rotate(-45deg); transform: translate(-73px,-73px) rotate(-45deg);} .commonweal4 .w_lump .slideBox li.on:after{opacity:0; filter:alpha(opacity=0);} .commonweal4 .w_lump .slideBox li.on_next{display:block; left:468px; top:17px;} .commonweal4 .w_lump .slideBox li,.commonweal4 .w_lump .slideBox li:after,.commonweal4 .w_lump .slideBox li img{ -webkit-transition: all 1s; -moz-transition: all 1s; -ms-transition: all 1s; -o-transition: all 1s; transition: all 1s; } /* ================ contact */ .contact .c_w_r{padding-bottom: 50px;} .contact .c_w_r .hq{padding-bottom: 26px; border-bottom: 3px solid #ddd;} .contact .c_w_r h6{font-size: 18px;color: #f90;line-height: 22px; padding-bottom: 10px;} .contact .c_w_r p{color: #807871;line-height: 22px;} .contact .c_w_r .conAddBox{width: 100%;padding-top: 28px;} .contact .c_w_r .conAddBox .z-timeAxis{ height: 24px;} .contact .c_w_r ul.conAddItem{width: 778px;height: 42px;overflow: hidden;} .contact .c_w_r ul li{font-size: 13px;color: #918b86;line-height: 24px;float: left;margin-right: 18px;cursor: pointer;} .contact .c_w_r ul li.act{color: #ffaa05;} .contact .c_w_r .conAddDetial{width: 100%;} .contact .c_w_r .conAddDetialItem{width: 100%;padding-top: 23px;display: none;} .contact .c_w_r .conAddDetialItem.act{display: block;} .contact .c_w_r .conAddDetialItem p{font-size: 14px;color: #807871;line-height: 24px;} .contact .c_w_r .conAddDetialItem .box{margin-bottom: 10px; cursor:pointer;} .contact .c_w_r .conAddDetialItem .box:hover p{color:#333;} .contact #con_map{width:100%; height:480px;} /*community*/ .community .c_w_l .h1{font-size: 48px; color:#d9d7d5; font-family: "RUBIK-REGULAR-WEBFONT"; line-height: 24px; margin-bottom: 12px;} .community .c_w_l .h2{font-size: 18px; color:#f90; line-height: 22px; margin-bottom: 20px;} .community .c_w_l p{color: #98938e; line-height: 22px;} .community .phone{font-size: 28px; color:#ccb184; font-family: "RUBIK-REGULAR-WEBFONT"; letter-spacing: -2px;} .community .c_w_r{width:876px; margin-right: -76px; padding-bottom: 20px; /*background:url("../images/community_pic1.jpg") no-repeat right bottom;*/} /*.community .c_w_r .c_brief_box{width:420px;}*/ .community .c_w_l:after{top:164px;} .community .c_w_r strong{display:block; color:#f90;} .community .w_lump{height:495px; padding-top: 118px; background:url("../images/community_h_bg.jpg") no-repeat center;} /*.community .w_lump .w1200{position:relative; height:100%; padding-top:50px;} .community .w_lump .adorn1{position:absolute; left:-270px; bottom:0; width:222px; height:162px; background:url("../images/community_adorn.png") no-repeat center;}*/ .c_picScroll .bd ul{overflow:hidden; width:1230px;} .c_picScroll .bd li{float: left; width:380px; margin-right:30px; background:#fff; cursor:pointer;} .c_picScroll .bd .pic{height:220px;} .c_picScroll .bd .pic img{width:100%; height:100%;} .c_picScroll .bd .txt{height:162px; padding: 28px;} .c_picScroll .bd .txt h3{font-size: 18px; color:#5f574f; line-height: 30px;} .c_picScroll .bd .txt h4{font-size: 18px; color:#f90; line-height: 30px; margin-bottom: 2px;} .c_picScroll .bd .txt p{font-size: 14px; color:#98938e; line-height: 24px;} .community .w_lump .item{overflow:hidden; width:1230px;} .community .w_lump .item li{float:left; width:380px; height:260px; padding:40px 40px 0 20px; margin-right: 30px; background:#ede2cc url("../images/community_it_adorn.png") no-repeat left 58px; cursor:pointer;} .community .w_lump .item li h4{font-size: 20px; line-height: 24px; color:#ff9900; margin-bottom: 52px; position:relative;} .community .w_lump .item li h4:after{content:" "; display:block; position:absolute; left:0; top:56px; width:25px; height:4px; background:#fc9100;} .community .w_lump .item li p{font-size: 14px; line-height: 22px; color:#9b9792; margin-bottom: 8px;} /*.community2 .w_lump{height:503px; background-image:url("../images/community2_k_bg.jpg");} .community2 .w_lump .ri{padding-top:93px;} .community2 .w_lump .ri .h1{color:#886f45;} .community2 .w_lump .ri .h2{color:#fff;} .community2 .c_w_l:after{top:164px;}*/ /*.community .c_picScroll{width:790px; margin-left: 410px;} .community .c_picScroll .tempWrap{width:790px !important;}*/ .community .w_lump .pon_wr{display:none; position:fixed; left:0; top:0; width:100%; height:100%; z-index: 999;} .community .w_lump .pon_wr .bg{position:absolute; left:0; top:0; width:100%; height:100%; background:#000; opacity:.8; filter:alpha(opacity=80);} .community .w_lump .pon_wr ul{position:absolute; left:50%; top:50%; margin:-280px 0 0 -600px; width:1200px; height:560px; z-index: 5;} .community .w_lump .pon_wr li{display:none;} /* .community2 .c_picScroll{width:790px; margin-left: 410px;} .community2 .c_picScroll .tempWrap{width:790px !important;}*/ .community2 .w_lump{height:596px; background:url("../images/community2_h_bg.jpg") no-repeat center;} .community2 .w_lump .w1200{position:relative; height:100%; padding-top:40px;} .community2 .w_lump .adorn1{position:absolute; left:-270px; bottom:0; width:222px; height:162px; background:url("../images/community_adorn.png") no-repeat center;} .community2 .c_picScroll .bd ul{overflow:hidden; width:1230px;} .community2 .c_picScroll .bd li{float: left; width:380px; margin-right:30px; background:#fff;} .community2 .c_picScroll .bd .pic{height:220px;} .community2 .c_picScroll .bd .pic img{width:100%; height:100%;} .community2 .c_picScroll .bd .txt{height:302px; padding: 28px;} .community2 .c_picScroll .bd .txt h3{font-size: 18px; color:#5f574f; line-height: 30px;} .community2 .c_picScroll .bd .txt h4{font-size: 18px; color:#f90; line-height: 30px; margin-bottom: 24px;} .community2 .c_picScroll .bd .txt p{font-size: 14px; color:#98938e; line-height: 24px;} .community2 .c_w_r .it_wr{overflow:hidden;} .community2 .c_w_r .it_wr li{float:left; width:245px;} .community2 .c_w_r .it_wr .icon{margin-bottom: 17px;} .community2 .c_w_r .it_wr .h4{font-size: 18px; color:#605750; line-height: 28px; margin-bottom: 3px;} .community2 .c_w_r .it_wr .h3{font-size: 18px; color:#ff9103; line-height: 28px; margin-bottom: 3px;} .community2 .c_w_r .it_wr p{margin-bottom: 0;} .community2_d .c_w_l{padding-right: 60px;} .community2_d .c_w_l .this_logo{padding-bottom: 40px;} .community2_d .c_w_l .box{padding-top: 37px; border-top:2px solid #ececec;} .community2_d .c_w_l h4{font-size: 18px; color:#ff9f00; line-height: 24px; margin-bottom: 12px;} .community2_d .c_w_l p{font-size: 14px; color:#a49f9b; line-height: 24px;} .community2_d .news_list{padding-bottom: 0;} .community2_d .c_w_r{padding-bottom: 60px;} .community2_d .c_w_r .h1{font-size: 24px; color:#ff9f00; line-height: 24px; margin-bottom: 30px;} .community2_d .c_w_r .hd{position:relative; /*height:70px;*/ border-bottom:2px solid #ececec; margin-bottom: 35px;} .community2_d .c_w_r .hd ul{overflow:hidden;} .community2_d .c_w_r .hd li{float:left; font-size: 24px; color:#cfcfcf; line-height: 38px; letter-spacing: -2px; margin-right: 30px; font-family: "RUBIK-REGULAR-WEBFONT"; cursor:pointer;} .community2_d .c_w_r .hd li:last-child{margin-right: 0;} .community2_d .c_w_r .hd li.cn,.community2_d .c_w_r .hd li.cn a{font-size: 14px; letter-spacing: normal;} .community2_d .c_w_r .hd li a{font-size: 24px; color:#cfcfcf; line-height: 38px; letter-spacing: -2px; font-family: "RUBIK-REGULAR-WEBFONT"; cursor:pointer;} .community2_d .c_w_r .hd li.on,.community2_d .c_w_r .hd li.on a{color:#ff9f00;} .community2_d .c_w_r .hd .slide_lump{display:none !important; position:absolute; bottom:-2px; height:2px; background:#ff9f00;} .community2_d .txt_box{padding-bottom: 35px;} .community2_d .sub_hd{position:relative; height:50px;} .community2_d .sub_hd:after{position:absolute; left:-40px; bottom:0; height:0; width:800px; border-bottom: 1px solid #ececec; display:block; content:" ";} .community2_d .sub_hd ul{overflow:hidden; border-left:1px solid #ececec;} .community2_d .sub_hd li{float:left; width:120px; text-align: center; height:50px; line-height: 50px; color:#98938e; border:1px solid #ececec; border-left:0 none; cursor:pointer;} .community2_d .sub_hd li.on{color:#ff9f00;} .community2_d .sub_bd .item{padding-top: 60px;} .community2_d .pic_tab{padding:20px; background:#ececec;} .community2_d .pic_tab .pic_bd{height:360px; overflow:hidden; margin-bottom: 10px;} .community2_d .pic_tab .pic_bd li{height:360px;} .community2_d .pic_tab .pic_bd li img,.community2_d .pic_tab .pic_hd li .pic img{width:100%; height:100%;} .community2_d .pic_tab .pic_hd{overflow:hidden; position:relative; height:120px;} .community2_d .pic_tab .pic_hd ul{position:absolute; left:0; top:0; overflow:hidden;} .community2_d .pic_tab .pic_hd li{float:left; width:230px; position:relative; margin-right: 15px; cursor:pointer;} .community2_d .pic_tab .pic_hd li .pic{position:relative; width:230px; height:120px;} .community2_d .pic_tab .pic_hd li .pic:after{position:absolute; left:0; top:0; width:100%; height:100%; display:block; content:" "; border:2px solid transparent; -webkit-box-sizing: border-box; box-sizing: border-box;} .community2_d .pic_tab .pic_hd li.on .pic:after{border-color:#ff9000;} .community2_d .pic_tab .pic_hd li p{font-size: 14px; color:#98938e; line-height: 24px; text-align: center; padding-top: 5px;} .community2_d .video_tab .pic_hd{height:160px;} .community2_d .pic_tab .pic_prev,.community2_d .pic_tab .pic_next{position:absolute; top:40px; width:40px; height:40px; background: no-repeat center;} .community2_d .pic_tab .pic_prev{left:0; background-image: url("../images/pic_prev.png");} .community2_d .pic_tab .pic_next{right:0; background-image: url("../images/pic_next.png");} .an-delay4{-moz-animation-delay: 400ms; -webkit-animation-delay: 400ms; -o-animation-delay: 400ms; animation-delay: 400ms;} .an-delay8{-moz-animation-delay: 800ms; -webkit-animation-delay: 800ms; -o-animation-delay: 800ms; animation-delay: 800ms;} .an-delay12{-moz-animation-delay: 1200ms; -webkit-animation-delay: 1200ms; -o-animation-delay: 1200ms; animation-delay: 1200ms;} .an-delay16{-moz-animation-delay: 1600ms; -webkit-animation-delay: 1600ms; -o-animation-delay: 1600ms; animation-delay: 1600ms;} .rongchuang_thy{height:6308px; background:url("../images/thy.jpg") no-repeat center;} .report_box{height:250px; padding:24px 32px 0; background:url("../images/report_bg.jpg") no-repeat center;} .report_box .h1{font-size: 36px; line-height: 36px; color:#cda173; font-family: "RUBIK-REGULAR-WEBFONT"; letter-spacing: -1px;} .report_box .h2{font-size: 18px; line-height: 24px; color:#5d5855; margin-bottom: 6px;} .report_box .h3{font-size: 14px; line-height: 24px; color:#929292;} .report_box .string{width:25px; height:4px; background:#129666; margin-top: 32px;} .investor .report_box,.news .report_box{display:none;} /*home2*/ .home2{margin:0;} .home2 .top_wr .w1200{height:auto; background:no-repeat;} .home2 .i_itWr{position:relative; height:130px; margin-bottom: 30px;} .home2 .i_itWr .item{position:absolute; bottom:0; height:100%; padding:37px 30px 0; width:400px; background:no-repeat; background-size: cover; -webkit-transition: none; -moz-transition: none; -ms-transition: none; -o-transition: none; transition: none;} .home2 .i_itWr .it1{left:0; background-image: url("../images/i2_icon_bg1.jpg");} .home2 .i_itWr .it2{left:400px; background-image: url("../images/i2_icon_bg3.jpg");} .home2 .i_itWr .it3{left:800px; background-image: url("../images/i2_icon_bg2.jpg");} .home2 .i_itWr .item .cn{font-size: 24px; color:#fff; line-height: 30px;} .home2 .i_itWr .item .en{font-size: 20px; color:#fff; line-height: 30px; font-family: "RUBIK-REGULAR-WEBFONT"; opacity:.6; filter:alpha(opacity=60);} .home2 .i_itWr .item .h1{font-size: 18px; color:#fff; line-height: 24px; margin-top: 42px; letter-spacing: 5px; opacity:0; filter:alpha(opacity=0);} .home2 .i_itWr .item .icon{position:absolute; right:60px; bottom:40px; opacity:0; filter:alpha(opacity=0);} .home2 .i_itWr .item.on .h1{ -webkit-animation-duration: 1.2s; animation-duration: 1.2s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-delay: .3s; animation-delay: .3s; -webkit-animation-name: fadeIn; animation-name: fadeIn; } .home2 .i_itWr .item.on .icon{ -webkit-animation-duration: 1.2s; animation-duration: 1.2s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-delay: .6s; animation-delay: .6s; -webkit-animation-name: goRightIn; animation-name: goRightIn; } .home2 .i_news{position:static; overflow:hidden; width:100%;} .home2 .i_news .le{float:left; width:500px;} .home2 .i_news .le .time{font-size: 30px; color:#ff8400; line-height: 26px; font-family: "MONTSERRAT-REGULAR"; letter-spacing: -2px; margin-bottom: 8px;} .home2 .i_news .le h2{font-size: 20px; line-height: 24px; color:#685f57; margin-bottom: 8px;} .home2 .i_news .le p{font-size: 14px; color:#a3a3a3; line-height: 24px;} .home2 .i_news .ri{float:right; width:670px;} .home2 .i_news .ri .hd{height:37px; border-bottom: 3px solid #ededed;} .home2 .i_news .hd li{color:#a19c98; font-size: 14px;} .home2 .i_news .ri a{color:#7f7f7f; font-size: 14px; line-height: 24px; white-space: nowrap; overflow:hidden; text-overflow: ellipsis;} .home2 .i_news .ri a em{padding-right: 40px;} /*脙茠脝鈥櫭冣€毭偮γ兤捗⑩偓拧脙鈥毭偮趁兤捗偮⒚兟⒚⑩偓拧脗卢脙鈥毭偮⒚兤捗嗏€櫭冣€毭偮ッ兤捗⑩偓拧脙鈥毭偮久兤捗偮⒚兟⒚⑩偓拧脗卢脙鈥毭偮姑兤捗嗏€櫭冣€毭偮ッ兤捗⑩偓拧脙鈥毭偮C兤捗⑩偓拧脙鈥毭偮懊兤捗嗏€櫭冣€毭偮γ兤捗⑩偓鹿脙鈥γ⑩偓艙脙茠芒鈧γ冣€毭偮?/ .law .c_w_l .h1{font-size: 48px; line-height: 40px; margin-bottom: 5px; color:#ff9000; font-family: "RUBIK-REGULAR-WEBFONT"; letter-spacing: -2px;} .law .c_w_l .h4{font-size: 24px; line-height: 40px; margin-bottom: 5px; color:#98938d;} .law .c_w_r .txtBox{padding-bottom: 80px;} .law .c_w_r .txtBox h4{font-size: 18px; color:#535353; line-height: 24px; margin-bottom: 22px; font-weight: bold;} .law .c_w_r .txtBox p{margin-bottom: 24px;} @media screen and (max-width: 1500px) { .Product_list .filtrate_wr .ri{margin-right: 147px;} .Product_list .filtrate_wr .map{left:45px;} } /*脙茠脗漏脙鈥毭偮γ兟⒚⑩€毬⑩偓艙脙茠脗漏脙鈥毭偮∶冣€毭偮得兤捗偮ッ冣€毭偮好兟⒚⑩€毬偮⒚兤捗偮┟冣€犆⑩偓鈩⒚冣€毭偮?/ /*@media screen and (max-width: 1900px) { .home .bom_wr .box2{left:460px;} .home .bom_wr .box2:hover{left:220px;} .home .bom_wr .box4{right:-260px;} }*/ /*20211014*/ .commonweal-aggregation .main{text-align: center; padding:80px 0 100px;} .commonweal-aggregation .box{display:inline-block; vertical-align: top; width:550px; height:340px; position:relative; margin:0 10px;} .commonweal-aggregation .box .icon{position:absolute; top:105px; width:190px; height:130px; padding:26px 0 0; background:#e9e5de;} .commonweal-aggregation .box .i{height:44px; background:no-repeat center; margin-bottom: 14px;} .commonweal-aggregation .box .h2{font-size: 20px; color:#999082; text-align: center; line-height: 1;} .commonweal-aggregation .b1 .icon{left:-40px;} .commonweal-aggregation .b2 .icon{right:-40px;} .commonweal-sustain1 .main{padding:75px 0 80px;} .commonweal-sustain1 .txt_top_box{margin-bottom: 65px;} .commonweal-sustain1 .txt_top_box p{font-size: 14px; line-height: 24px; color:#808080; margin-bottom: 10px;} .commonweal-sustain1 .txt_top_box .mailbox{padding-left: 40px; font-size: 14px; margin-top: 25px; line-height: 26px; color:#808080; background:url(../images/sustain1_icon1.png) no-repeat left center;} .commonweal-sustain1 .txt_top_box .mailbox a{display:inline; color:#ff9900; font-size: 16px; font-family: "RUBIK-REGULAR-WEBFONT";} .commonweal-sustain1 ul{overflow:hidden; margin-right: -32px;} .commonweal-sustain1 li{float:left; margin:0 32px 32px 0; width: 276px; padding:10px 10px 0; background:#efede8;} .commonweal-sustain1 li p{margin:0; padding:0 20px; font-size: 16px; color:#4c4c4c; line-height: 70px; font-family: "RUBIK-REGULAR-WEBFONT","寰蒋闆呴粦";} .commonweal-sustain1 li:hover{background:#ff9900;} .commonweal-sustain1 li:hover p{color:#fff;} .commonweal-sustain2 .main{padding:75px 0 100px;} .commonweal-sustain2 .txt_top_box{padding-bottom: 35px;} .commonweal-sustain2 .txt_top_box p{font-size: 14px; line-height: 24px; color:#808080; margin-bottom: 10px;} .commonweal-sustain2 .tab_wr{padding-top: 60px; position:relative; background:url(../images/sustain2_frame.png) no-repeat top center;} .commonweal-sustain2 .tab_wr .pop .p{position:absolute; width:80px; font-size: 14px; text-align: center; color:#808080; line-height: 1;} .commonweal-sustain2 .tab_wr .pop .i1{left:325px; top:0;} .commonweal-sustain2 .tab_wr .pop .i2{left:798px; top:0;} .commonweal-sustain2 .tab_wr .pop .i3{left:798px; top:221px;} .commonweal-sustain2 .tab_wr .pop .i4{left:325px; top:221px;} .commonweal-sustain2 .tab_wr ul{margin: 0 -9px 90px;} .commonweal-sustain2 .tab_wr ul li{position:relative; float:left; margin-left: 192px; vertical-align: top; width:278px; height:114px; line-height: 114px; text-align: center; background:url(../images/sustain2_frame_li.png) no-repeat center; cursor:pointer;} .commonweal-sustain2 .tab_wr ul li:first-child{margin-left: 0;} .commonweal-sustain2 .tab_wr ul p{position:relative; padding-bottom: 14px; display:inline-block; vertical-align: middle; text-align: center; font-size: 15px; line-height: 20px; color:#928d85;} .commonweal-sustain2 .tab_wr ul p:after{content:""; display:block; position:absolute; left:50%; bottom:0; margin-left: -8px; width:16px; height:10px; background:url(../images/sustain2_frame_icon_down.png) no-repeat center;} .commonweal-sustain2 .tab_wr ul li.on{background-image:url(../images/sustain2_frame_li-on.png);} .commonweal-sustain2 .tab_wr ul li.on p{color:#fff;} .commonweal-sustain2 .tab_wr ul li.on p:after{background-image: url(../images/sustain2_frame_icon_down-on.png);} .commonweal-sustain2 .txt_ul .li{display:none; position:relative; border-radius: 15px; background:#efede8; padding:40px 50px 45px;} .commonweal-sustain2 .txt_ul .li h4{font-size: 16px; color:#4c4c4c; line-height: 26px; margin-bottom: 12px;} .commonweal-sustain2 .txt_ul .li p{font-size: 14px; color:#808080; line-height: 26px;} .commonweal-sustain2 .txt_ul .li:after{position:absolute; left:116px; top:-13px; content:""; display:block; width:28px; height:20px; background:url(../images/sustain2_icon_corner.png) no-repeat top center;} .commonweal-sustain2 .txt_ul .li2:after{left:586px;} .commonweal-sustain2 .txt_ul .li3:after{left:1056px;} .commonweal-sustain3 .main{padding:80px 0;} .commonweal-sustain3 .txt_top_box{overflow:hidden;} .commonweal-sustain3 .txt_top_box .txt{float:left; width:760px; min-height: 230px; border-bottom: 2px solid #efede8;} .commonweal-sustain3 .txt_top_box .txt h4{font-size: 16px; color:#4c4c4c; line-height: 26px;} .commonweal-sustain3 .txt_top_box .txt p{margin-bottom: 12px;} .commonweal-sustain3 .txt_top_box .pic{float:right; width:380px;} .commonweal-sustain3 .ul{overflow:hidden; margin-top: 45px; margin-right: -40px;} .commonweal-sustain3 .ul a{float:left; width:580px; margin-right: 40px; margin-top: 25px; font-size: 15px; color:#ff9900; line-height: 25px; padding-bottom: 25px; border-bottom: 2px dashed #ebe8e2;} .commonweal-sustain5 .main{padding:75px 0 65px;} .commonweal-sustain5 .list a{overflow:hidden; margin-bottom: 35px;} .commonweal-sustain5 .list .time{float:left; font-size: 24px; color:#d4c5b1; line-height: 28px; font-family: "MONTSERRAT-REGULAR";} .commonweal-sustain5 .list .txt{float:right; width:1055px; padding-bottom: 35px; border-bottom: 2px solid #e8e8e8;} .commonweal-sustain5 .list h4{font-size: 18px; color:#4c4c4c; line-height: 28px; margin-bottom: 8px;} .commonweal-sustain5 .list p{font-size: 14px; color:#808080; line-height: 26px;} .commonweal-sustain5 .list a:hover h4{color:#ff9000;} .commonweal-sustain5 .moreBtn{height:75px; width:30%; text-align: center; margin-left: 145px; line-height: 75px; font-size: 14px; text-align: left; color:#ff9600; background:#ececec; text-align: center;} .commonweal-sustain5 .moreBtn em{padding-right: 54px; background:url("../images/icon_more.png") no-repeat right center;} .commonweal-sustain5 .moreBtn:hover{background:#f90; color:#fff;} .commonweal-sustain5 .moreBtn:hover em{background-image: url("../images/icon_more-on.png");} .content{min-height: calc(100vh - 438px);} /* new */ .investor7-new-wr .til{margin-bottom: 34px;} .investor7-new-wr .ul{margin-bottom: 44px; border-top: 1px dashed #b9baba;} .investor7-new-wr a{position: relative; padding-right: 80px; border-bottom: 1px dashed #b9baba;} .investor7-new-wr a:after{content: ""; display: block; position: absolute; width: 23px; height: 100%; top: 0; right: 30px; background: url(../images/icon-enter.png) no-repeat center; transition: all linear .4s;} .investor7-new-wr a p{font-size: 14px; color: #58585e; line-height: 42px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; transition: all .4s;} .investor7-new-wr a:hover:after{right: 0; background-image: url(../images/icon-enter-on.png);} .investor7-new-wr a:hover p{color: #ffa800;} /* product-new3 */ .product-new3 .c_w_r{padding-bottom: 80px;} .product-new3 .c_w_l .h1{font-size: 24px; color:#d9d7d5; font-family: "RUBIK-REGULAR-WEBFONT"; line-height: 28px; margin-bottom: 12px;} .product-new3 .c_w_l .h2{font-size: 18px; color:#f90; line-height: 22px; margin-bottom: 20px;} .product-new3 .w1200{position: relative;} .product-new3 .top-cnt .product-new3-til{margin-bottom: 43px;} .product-new3 .ul{position: relative;} .product-new3 .ul a{position: relative; float: left; width: 174px; height: 256px; margin-right: 21px; overflow: hidden;} .product-new3 .ul a img{transition: all .8s;} .product-new3 .ul a:last-child{margin-right: 0;} .product-new3 .ul .pop{display: flex; align-items: center; justify-content: center; position: absolute; left: 0; top: 0; height: 100%; width: 100%; background: rgba(0,0,0,.5); opacity:1; transition: opacity .6s;} .product-new3 .ul .pop .til{font-size: 32px; line-height: 48px; text-align: center; color: #fff; transition: all .6s; position: relative; top: 0;} .product-new3 .ul a:hover .pop{opacity: 0;} .product-new3 .ul a:hover .til{top: 20px;} .product-new3 .ul a:hover img{transform: scale(1.1);} .product-new3-til{position: relative; padding-bottom: 8px; margin-bottom: 38px;} .product-new3-til .en{font-size: 100px; line-height: 80px; font-family: "Georgia"; color: #f4f9fc; text-align: center;} .product-new3-til .cn{position: relative; font-size: 32px; color: #0d0d0d; line-height: 40px; margin-top: -24px; text-align: center;} .product-new3-inner{padding: 80px 0;} .product-new3-inner p{font-size: 16px; line-height: 30px; color: #5f5f5f; margin-bottom: 30px;} .product-new3-inner .top-cnt .product-new3-til .en,.product-new3-inner .top-cnt .product-new3-til .cn{text-align: left;} .product-new3-inner .top-cnt .product-new3-til .cn:after{content: ""; display: block; position: absolute; left: 0; bottom: -8px; width: 0; height: 2px; background: #4f9dc8; transition: all 1s .8s;} .product-new3-inner .top-cnt .product-new3-til .cn.animated:after{width: 72px;} .product-new3-inner .top-cnt .p-box{padding-bottom: 7px;} .product-new3-inner .slogan{position: relative; font-size: 28px; color: #0e0e1b; line-height: 40px; text-align: center; padding: 0 200px; margin-bottom: 44px;} .product-new3-inner .slogan:before,.product-new3-inner .slogan:after{position: absolute; top: 50%; margin-top: -28px; content: ""; display: block; width: 44px; height: 34px; background: no-repeat center;} .product-new3-inner .slogan:before{left: 165px; background-image: url(../images/product-new3-icon-mark-l.jpg);} .product-new3-inner .slogan:after{right: 165px; background-image: url(../images/product-new3-icon-mark-r.jpg);} .product-new3-d1 .fadeBox{position: relative; overflow: hidden; height: 590px;} .product-new3-d1 .fadeBox .bd li{position: relative;} .product-new3-d1 .fadeBox .bd .txt{position: absolute; left: 0; right: 0; top:0; padding: 53px 70px ; z-index: 5;} .product-new3-d1 .fadeBox .bd h3{font-size: 26px; line-height: 30px; color: #f3f3f3; margin-bottom: 50px;} .product-new3-d1 .fadeBox .bd p{font-size: 20px; line-height: 32px; color: #f3f3f3;} .product-new3-d1 .fadeBox .bd li:after{content: ""; display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0,0,0,.6);} .product-new3-d1 .fadeBox .hd{position: absolute; left: 0; right: 0; bottom: 0; padding: 0 70px 77px;} .product-new3-d1 .fadeBox .hd ul{display: flex; justify-content: space-between;} .product-new3-d1 .fadeBox .hd ul *{transition: all .4s;} .product-new3-d1 .fadeBox .hd li{width: 120px; padding-bottom: 17px; border-bottom: 1px solid #f3f3f3; cursor: pointer;} .product-new3-d1 .fadeBox .hd .num{font-size: 18px; color: #f3f3f3; line-height: 20px; margin-bottom: 8px;} .product-new3-d1 .fadeBox .hd .p{font-size: 18px; color: #f3f3f3; line-height: 20px; white-space: nowrap;} .product-new3-d1 .fadeBox .hd li.on{border-color: #ff9900;} .product-new3-d1 .fadeBox .hd li.on *{color: #ff9900;} .product-new3-d1-list .item{padding-top: 50px;} .product-new3-d1-list .p-box{padding-bottom: 13px;} .product-new3-d1-list ul,.product-new3-d2-cnt .img-ul{overflow: hidden;} .product-new3-d1-list li,.product-new3-d2-cnt .li{float: left; overflow: hidden;} .product-new3-d1-list li:nth-child(even),.product-new3-d2-cnt .li:nth-child(even){float: right;} .product-new3-d1-list li img,.product-new3-d2-cnt .li img,.product-new3-d3 .top-cnt li img{transition: all .8s;} .product-new3-d1-list li:hover img,.product-new3-d2-cnt .li:hover img,.product-new3-d3 .top-cnt li:hover img{transform: scale(1.1);} .slideBox{position: relative; width: 100%; overflow: hidden;} .slideBox .bd li{position: relative; height: 637px; background: no-repeat center; background-size: cover;} .slideBox .bd .txt{position: absolute; left: 0; right: 0; top:0; padding: 56px 0 0 ; z-index: 5;} .slideBox .bd h3{font-size: 30px; line-height: 40px; color: rgba(255,255,255,.9); text-align: center;} .slideBox .hd ul{display: flex; justify-content: center; margin-top: 14px;} .slideBox .hd li{position: relative; display: flex; justify-content: center; align-items: center; width: 24px; height: 20px;} .slideBox .hd li:after{content: ""; display: block; width: 4px; height: 4px; background: #000000; border-radius: 50%; transition: all .4s; opacity: .3;} .slideBox .hd li.on:after{width: 10px; height: 10px;opacity: 1;} .slideBox .btn-wr .btn{position: absolute; width: 40px; height: 40px; top: 50%; margin-top: -20px; z-index: 100; background: no-repeat center; cursor: pointer;} .slideBox .btn-wr .prev{left: 20px; background-image: url(../images/product-new3-prev.png);} .slideBox .btn-wr .next{right: 20px; background-image: url(../images/product-new3-next.png);} .product-new3-d2{padding-bottom: 50px;} .product-new3-d2-cnt{padding: 50px 0 0;} .product-new3-d2-cnt .img-ul{margin:43px 0;} .product-new3-d3 .top-cnt{padding-bottom: 13px;} .product-new3-d3 .top-cnt ul{overflow: hidden; margin-bottom: 47px;} .product-new3-d3 .top-cnt li{float: left; margin-right: 21px; overflow: hidden;} .product-new3-d3 .top-cnt li:last-child{margin-right: 0;} .product-new3-d3 .slideBox .bd li{height: 594px;} .product-new3-d4 .top-cnt{padding-bottom: 13px;} .product-new3-d4 .w1200{position: relative;} .product-new3-d4 .slideBox{position: relative;} .product-new3-d4 .slideBox .bd li{height: 677px;} .product-new3-d4 .top-cnt ul{overflow: hidden; margin-bottom: 43px;} .product-new3-d4 .top-cnt li{float: left;} .product-new3-d4 .top-cnt .l1{margin-right: 23px;} .product-new3-d4 .top-cnt .l3{margin-top: 30px;}