锘?wrap-layer { width: 1200px; margin: 0 auto; position: relative; } .h1, .h2, .h3, h1, h2, h3{ margin-bottom: 0;} /*澶撮儴*/ .header-wrap{ height: 85px;} .mod-headers{ position: fixed; left: 0; right: 0; z-index: 888; transition: all 500ms;-webkit-transition: all 500ms; background: url(../images/tp_bg.jpg) repeat-x;height: 85px; box-shadow: -5px 0 rgba(0,0,0,0.02), 5px 0 5px rgba(0,0,0,0.02), 0 -5px 5px rgba(255,255,255,0.02), 0 5px 5px rgba(0,0,0,0.02);} .header-top{ height:38px; background:#0070c0; line-height:38px;} .toplinks{ text-align: right; line-height:38px; color:#fff; position:relative;} .toplinks *{color:#fff;} .toplinks a{ position:relative; padding-left: 15px; padding-right:15px; background:rgba(255,255,255,.2);color:#fff; height:25px; line-height:25px; display: inline-block; position:relative;} .toplinks{} .toplinks a:nth-child(1):after{content:""; position:absolute; height:11px; width:1px; background:#fff; right:0; top:8px;} .toplinks a:hover{background:rgba(255,255,255,.4);} /*.toplinks a.ch{ margin-right:20px;background: url(../images/china_ic1.png) 0 center no-repeat; }*/ /*.toplinks a.en{background: url(../images/china_ic2.png) 0 center no-repeat; }*/ .logo-css{ float: left; width:160px; padding-right: 30px; padding-top:20px;} .logo-css img{max-width:100%; height:auto!important} /*瀵艰埅*/ .wrap-nav{/*width:710px; */width:910px; height:85px; padding-right:80px; text-align: right; float: right;} .navMenu{ padding-top:30px; position: relative; left:16px; } .navMenu>li { display: inline-block;position: relative; height:60px; } .navMenu>li>a { cursor: pointer; white-space: nowrap; display: block; /* padding: 0 22px 0 22px;*/ padding: 0 18px 0 18px; box-sizing: border-box; text-align: center; color: #666; /*border-bottom:transparent solid 2px;*/ /*text-shadow:#fff 1px 1px;*/ } .navMenu>li>a>span{ color:#4d4d4d;line-height:100%;font-size:18px;} .navMenu>li.cr>a, .navMenu>li>a:hover,.navMenu>li>a:hover *,.navMenu>li.cr>a * { } .navMenu .sub-menus:after{ content: ""; position: absolute; top: -6px; width: 0px; height: 0px; left: 50%; margin-left: -6px; display: block; border-right:6px solid transparent; border-left:6px solid transparent; border-bottom:6px solid #f4f4f4; } .navMenu .sub-menus { border: 1px solid #f9f9f9; position: absolute; /**/ top:55px; /* top:-1800px;*/ left: 50%; margin-left: -78px; width: 156px; height:auto; /**/overflow: hidden; /*height:80px;*/ background:rgba(255,255,255,.95); transition-duration: .3s; -ms-transition-duration: .3s; -moz-transition-duration: .3s; -webkit-transition-duration: .3s; opacity: 0; text-align: center; box-shadow: -5px 0 5px rgba(0,0,0,0), 5px 0 5px rgba(0,0,0,0), 0 -5px 5px rgba(255,255,255,0.06), 0 5px 5px rgba(0,0,0,0.06); } .mod-cr .navMenu .sub-menus {top:65px; /*overflow: hidden;*/} .navMenu .sub-menus li{ line-height: 120%;} .navMenu>li>a>span,.navMenu>li>a>span{ padding-bottom:4px;} .navMenu>li:hover>a>span,.navMenu>li.cr>a>span{ border-bottom:2px solid #ce9b59;} .navMenu>li:hover>a>span,.navMenu>li.cr>a>span,.navMenu>li:hover>a>span em,.navMenu>li.cr>a>span em{ color:#ce9b59;} .navMenu>li:hover .sub-menus { opacity: 1; z-index: 10000; } .navMenu .sub-menus li span{ color: #000; font-size: 16px;} .navMenu .sub-menus li{ line-height: 25px; padding: 8px 8px; border-bottom: 1px solid rgba(255,255,255,.2);border-bottom: 1px solid #f6f6f6;} .navMenu .sub-menus li:hover{ background: #ce9b59;} .navMenu .sub-menus li:hover a span{ color: #fff;} .swiper-roll-1 img{ max-width: 1920px; height: auto;} .md-stock{ float: left; width: 140px;font-size: 14px; line-height: 140%; margin-top: 24px; position: relative; display: none;} .md-stock h3{ color: #222325; font-size: 14px; font-weight: normal;} .md-stock span{color: #d20000} .md-stock cite{ font-weight:bold;color: #d20000} .md-stock:after{ content:""; display: block;height: 32px; width: 1px; background: #ededed; position: absolute; left: -15px; top:5px;} .md-stock .price-up{ padding-right: 18px;background: url(../images/zico1.png) right center no-repeat; } .md-stock .price-down{background: url(../images/zico2.png) right center no-repeat; color: #090;} .md-stock .price-down *{color: #090;} .top-right{ position: absolute; right: 0;/* top:34px;*/ top:28px;vertical-align: top;} .top-right>*{ display: inline-block; vertical-align: middle;} .lang-cn{ vertical-align: middle;} .lang-cn a{vertical-align: middle;} .lang-cn i{ font-style: normal; width: 22px; height: 22px; border-radius: 22px; line-height: 110%;/* border: 1px solid #ce9b59; */color: #ce9b59; text-align: center; font-size: 15px; display: inline-block; vertical-align: middle;} .top-right .mems{ margin-right: 15px; height: 20px;} .md-bt{ position: absolute; height: 1px; left: 0; right: 0; top:50%; margin-top: -20px;} .btn-l,.btn-r{ opacity: .8; float: left;width: 30px; height: 41px;background: url(../images/arrow-l.png) center 0 no-repeat; cursor: pointer;} .btn-r{ float: right;background: url(../images/arrow-r.png) center 0 no-repeat;} .com-tit{ margin-top: 20px; margin-bottom: 30px; position: relative;} .com-tit span,.com-tit-us span{ font-size: 24px; color: #bababb; margin-right: 35px; cursor: pointer;} .com-tit span.active,.com-tit-us span.active{ color: #1a1b1e; position: relative;} .com-tit a{ position:absolute; right: 0; top: 0; padding-right: 50px;background: url(../images/more1.jpg) right center no-repeat; font-size: 16px; color: #2a2b2d; display: none;} .com-tit span+a{ display: none!important;} .com-tit a:hover{ color: #ce9b59;} .com-tit span.active:after{ display: none;content: ""; position: absolute;border-bottom: 2px solid #d8af91; width: 60px;left: 50%; bottom: -8px; margin-left: -30px;} .mod-news-1{ overflow: hidden; margin-right: -35px;} .mod-news-1 .item-cell{ width: 375px; float: left; margin-right: 35px;} .mod-news-1 .item-cnt{ } .mod-news-1 .item-pic { height:220px; width:375px;} .mod-news-1 .item-pic img{ max-height:220px; max-width:375px; transition: all 0.3s;} .mod-news-1 .item-tit *{ font-size: 16px; color: #4d4d4d; } .mod-news-1 .item-tit{ } .mod-news-1 .item-date{ margin-top:10px; margin-bottom:2px; color: #808182; font-size: 14px;} .mod-news-1 .item-pic:hover img{ transform: scale(1.1,1.1);-webkit-transform: scale(1.1,1.1);} /*鏅烘収涔嬫梾*/ .md-travel{background:#fffaf4; padding: 40px 0; margin-top: 40px;} .md-travel .inner-travel{margin-right:-10px;} .md-travel .item-cell{float: left; margin-bottom: 10px; width: 330px; margin-right: 10px;} .md-travel .item-1{ width: 520px;} .md-travel .item-1 .item-pic{ position: relative;} .video-icon{ width: 60px; height: 60px; background: url(../images/video_ico1.png) center center no-repeat; position: absolute; left: 50%; top: 50%; margin-left: -30px; margin-top: -30px; display: block; z-index: 8;} .md-travel .item-cnt{ } .md-travel .item-pic {} .md-travel .item-pic img{ height:auto; width:auto;} .md-travel .item-tit *{ } .md-travel .item-tit{ } .md-travel .item-cell{ position: relative;} .md-travel .item-cell .item-pic{ height: 230px;} .md-travel .item-cell .item-pic img{ max-width: 330px; max-height: 230px;transition: all 0.3s;-webkit-transition: all 0.3s;} .md-travel .item-1 .item-pic img{max-width: 520px; max-height: 305px;} .md-travel .item-cell .item-cnt{ position: absolute; bottom:0; padding: 0 15px; left: 0; right: 0; background: #000; background: -webkit-linear-gradient(rgba(0,0,0,0),rgba(0,0,0,1)); background: -moz-linear-gradient(top,rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%);; /*FireFox*/ background: -o-linear-gradient(top,rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%); /* Opear */ background: -ms-linear-gradient(rgba(0,0,0,0),rgba(0,0,0,1)); /*IE10鍙奍E10+*/ } .md-travel .item-cell .item-desc{ line-height: 150%; height: 0px; overflow: hidden; color: #fff; opacity: .9; font-size: 14px; transition: all 0.3s;-webkit-transition: all 0.3s;} .md-travel .item-cell:hover .item-pic img{ transform: scale(1.2,1.2);-webkit-transform: scale(1.2,1.2);} .md-travel .item-cell:hover .item-desc{ height: 70px;} .md-travel .item-1 .item-pic{ height: 305px;} .md-travel .item-1 .item-cnt{ position: static; background: none; padding: 0;} .md-travel .item-1 .item-desc{ display: block; height: auto; opacity: 1 ;} .md-travel .item-tit{ margin-top: 12px; margin-bottom: 5px; font-size: 22px; color:#4d4d4d;} .md-travel .item-tit a{color:#fff;} .md-travel .item-1 .item-desc{ font-size: 16px; color: #8b8987;} .md-travel .item-1 .item-tit a{color:#4d4d4d;} /*鑸嶅緱浜у搧*/ .pro-tabs{/* margin-left: -34px;*/ margin-right: -15px; } .pro-tabs ul{ display: table; vertical-align: top;table-layout: fixed; width: 100%;} .pro-tabs li{ display: table-cell; height: 80px; text-align: center;/*display: inline-block; margin-right: 80px;*/font-size: 22px; color: #525252; position: relative; cursor: pointer;} .pro-tabs li a{ transition: all .3s;-webkit-transition: all .3s; display: block; height: 80px; margin-right: 15px; background:#f9f9f9;} .pro-tabs li:after{content: ""; position: absolute; left: 50%; width: 0; height: 0; background: #e4c090; border-radius:4px; margin-left: 0; bottom: -6px;transition: all .3s;-webkit-transition: all .3s; } .pro-tabs li.active{ /*font-size: 30px;*/ color: #1a1b1e; font-weight: bold;} /*.pro-tabs li.active:after{width: 40px;height:4px;margin-left: -20px; }*/ .pro-tabs li.active a{ background:#cf9e4f; color: #fff;} .pro-tabs li span{ height: 80px; margin-left: -10px; overflow: hidden; display: inline-block; vertical-align: middle;} .pro-tabs li span img{transition: all .3s;-webkit-transition: all .3s; } .pro-tabs li.active span img{ margin-top: -80px;} .rem-pros{ width: 380px; margin-bottom: 20px; float: left; position:relative; z-index: 5;} .rem-proslists{width:820px; float: left;} .rem-pros{ float: left; width: 380px; } .rem-pros .item-cell{ background: #f8f8f8; border: 1px solid #f8f8f8;box-shadow: 0px 2px 15px 0px rgba(0, 0, 0, 0.1); } .rem-pros .item-cnt{ background: #fff; padding: 24px; padding-bottom: 15px; } .rem-pros .item-pic { height: 260px; overflow: hidden;} .rem-pros .item-pic img{ display: block; max-height:260px;height: 260px; width: auto;max-width:100%;margin: 0 auto;} .rem-pros .item-tit *{ font-size: 20px; color: #1a1b1e; font-weight: bold;} .rem-pros .item-tit{ } .rem-pros .item-desc{ margin-top: 15px;} .rem-pros .item-desc *{ color: #606060; font-size: 14px;} .rem-proinner{ position: relative;} .rem-proinner .mCustomScrollBox>.mCSB_scrollTools{width: 68%!important; left: 17%!important;} .mCSB_horizontal>.mCSB_scrollTools .mCSB_draggerRail{ height: 6px!important;} .mCSB_horizontal>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{height: 7px!important; background: #d8af91!important;} .rem-proslists{ margin-left:20px; width:800px; float: left;} .rem-proslists .item-cell{ width: 200px;padding-top: 100px; padding-bottom: 60px; float: left; text-align: center; transition: all .6s;-wbekit-transition: all .6s;} .rem-proslists .item-cnt{ } .rem-proslists .item-pic { width: 160px; margin: 0 auto;} .rem-proslists .item-pic img{ max-height:160px; max-width:160px; width: 160px; height: 160px;} .rem-proslists .item-tit *{ font-size: 16px; color: #3a3b3d; } .rem-proslists .item-tit{ margin-top: 20px;transition: all .6s;-wbekit-transition: all .6s; } .rem-proslists .item-cell:hover{ margin-top: -40px; transform: scale(1.5,1.5);-wbekit-transform: scale(1.5,1.5); position: relative; } .rem-proslists .item-cell:hover .item-tit{ margin-top: 10px; transform: scale(0.75,.75);-wbekit-transform: scale(0.75,.75);} .md-pro-cell{ height: 0; overflow: hidden; position: relative;} .md-pro-cell.active{ height: auto;} .rem-pros .item-cnt .item-details{ text-align:right; font-size: 14px;} /*鏈嶅姟涓績*/ .mod-services{ overflow: hidden; margin-top: 70px;} .mod-services .wrap-layer{ position: relative;} .mod-services .item-cell{ background:#fffaf4; text-align: center;width: 275px; height: 260px; box-sizing: border-box; float: left; margin-right: 20px; margin-bottom: 20px; padding: 32px 15px 10px 15px; border-radius: 12px;} .mod-services .item-cnt{ } .mod-services .item-pic {} .mod-services .item-pic img{ height:auto; width:auto;} .mod-services .item-tit *{ font-size: 20px; color: #d8af91; } .mod-services .item-tit{ margin-top:8px; margin-bottom: 8px; } .mod-services .item-2{ margin-right: 275px;} .mod-services .item-3{ margin-left: 295px; } .mod-services .item-desc{ color:#978e82; line-height: 150%;} .mod-services .service-tits{ width: 100%; position: absolute; box-sizing: border-box; height: 260px; left:590px; background: #f9f9f9; padding: 80px 0 0 70px; border-radius:12px; } .mod-services .service-tits h3{ line-height: 180%; font-size: 36px; color: #d8af91; font-weight: normal;} .mod-services .service-tits span{ font-size: 28px; color: #e7e4e1;} .mod-services .wrap-layer:after{ content: ""; top: 280px; position: absolute; width: 100%; right: 100%; height: 260px;background: #f9f9f9; margin-right: -275px; border-radius:12px; } .mod-services .item-pic{transition: all .6s; -webkit-transition: all .6s;} .mod-services .item-cell:hover .item-pic{ transform:rotateY(180deg);-ms-transform:rotateY(180deg);-webkit-transform:rotateY(180deg);} /*搴曢儴*/ .footers{ background:#fafafa url(../images/bombg2.png) center bottom no-repeat; padding: 40px 0 30px 0;} .solo-text{ text-align: center; font-size: 40px; padding-top:25px;/*background: url(../images/ft_bg2.png) center 0 no-repeat;*/} .bom-tel{ text-align: center; color: #999; font-size: 16px; padding-top:15px; margin-bottom: 45px;} .bom-tel h3{ color: #cf9e4f; font-family: "Impact"!important; font-size: 34px; margin-top: 8px;} .fot-2,.fot-1,.fot-3{font-size: 14px;float: left; color:#999999;} .fot-1{ margin-right: 70px; } .fot-3 { float: right; } .fot-2{ margin-left: 300px;} .fot-3{ margin-right: 300px;} .swiper-pagination{ position: absolute; bottom:10px; left: 0; right: 0; z-index: 8; text-align: center;} .swiper-pagination-switch{vertical-align: middle; margin: 0 5px; display: inline-block;width: 6px; height: 6px; border-radius:6px; background: #ffffff; } .swiper-active-switch{ background:none; border: 1px solid #9d9693; width:8px; height:8px; border-radius:8px;} .r-links{ position:fixed; right:0; bottom:30px; z-index: 8;} /*搴曢儴*/ .footer{ background: #0070c0; padding-top:40px; padding-bottom: 35px; box-sizing: border-box; overflow:hidden;} .mode-banner{ width:100%; position:relative; overflow:hidden;} .banner-cnt{ float:left; position:relative; right:50%;} .mode-inner{float:left; position:relative; left:50%;} .mode-banner img{ display: block;} .wxcode{ position: absolute; width: 120px; height: 120px; right: 100px; top: 60px; display: none;} .wxcode img{box-shadow: 0px 2px 20px 0px rgba(0, 0, 0, 0.1); } /*鍔犲叆鎴戜滑*/ .mod-curtit{ position: absolute; top:115px; left: 0; right: 0; z-index: 9;} .mod-curtit h3{ color: #fff; font-size: 30px; margin-bottom: 15px;} .mod-curtit cite{ font-size:16px; color:#f6f6f6;} .top-menucur{ margin-bottom: 50px; text-align: center; height: 60px; overflow: hidden;margin-top:50px; position: relative; z-index: 5;} .top-menucur .wrap-layer{/*background: #f9f9f9;*/ } .top-menucur li{ display: inline-block; padding: 0 25px; min-width: 170px; height: 60px; line-height: 60px; overflow:hidden; position: relative;background: #f9f9f9; border-left: 1px solid #f9f9f9;border-right: 1px solid #f9f9f9; box-sizing: border-box;} .top-menucur li:after{ content: ""; display: block; width: 1px; height: 20px; left: 0; top: 20px; position: absolute; border-left: 1px solid #dbdbdb;} .top-menucur li a{ cursor: pointer;display: block;color:#666; height: 56px; line-height: 56px; font-size: 18px;} .top-menucur li.cr,.top-menucur li:hover{ background: #c89a5e; border-left: 1px solid #fff;border-right: 1px solid #fff; } .top-menucur li.cr a,.top-menucur li:hover a{font-size:18px;color:#fff;} .top-menucur li:nth-child(1):after{display: none; } .top-menucur li.cr + li:after,.top-menucur li.cr:after,.top-menucur li:hover + li:after,.top-menucur li:hover:after{display: none;} /*浜烘墠鎷涜仒*/ .modjob-wrap{ margin-right: -40px; } .modjob-wrap .item-cell{ padding:25px; height: 430px; box-sizing: border-box; width: 580px; float: left; margin-right: 40px; margin-bottom: 40px; background: #f9f9f9;} .modjob-wrap .item-cnt{ } .modjob-wrap .item-pic {} .modjob-wrap .item-pic img{ height:auto; width:auto;} .modjob-wrap .item-tit *{ } .modjob-wrap .item-tit{ padding-bottom: 15px; border-bottom: 1px solid #f2f2f2;padding-right: 160px; font-size: 24px; font-weight: bold; position: relative;} .modjob-wrap .item-tit span{ right: 0; top: 0; position: absolute;font-size: 14px; color: #cfa878; font-weight: normal;} .modjob-wrap .item-fields{ padding-top: 20px; margin-bottom:30px;} .modjob-wrap .item-fields li{ display: inline-block; min-width: 180px; margin-right: 10px;} .modjob-wrap .item-fields li span{ color: #a6a6a6; padding-right: 5px;} .job-desc-tit{ font-size: 20px; color: #999;} .modjob-wrap .job-desc{ margin-bottom:30px;height:95px; overflow:hidden;line-height: 180%;} .modjob-wrap .job-desc p{ line-height: 180%;} .job-emails{ font-size: 20px;color: #999; min-height: 42px; position: relative; padding-right: 150px;} .job-emails span{ color: #c89a5e;} .job-emails cite{ position: absolute; right: 0; top: -5px;} .job-emails cite a{ display: inline-block; width: 120px; height: 42px; line-height: 42px; color: #fff; text-align: center; background: #c89a5e; font-size: 14px; cursor: pointer;} .inners2-banner img{ max-width: none;} /*鏂伴椈鍒楄〃*/ .mod-newslists2 .item-cell{ position: relative; background: #fafafa; margin-bottom: 30px;overflow: hidden;} .mod-newslists2 .item-pic{ width:380px; height:225px; float: left;} .mod-newslists2 .item-pic img{ max-width: 380px; max-height: 225px;} .mod-newslists2 .item-cnt{ margin-left: 415px; padding: 35px 150px 25px 0;} .mod-newslists2 .item-tit a{ font-size: 20px; color: #333;} .mod-newslists2 .item-tit{ margin-bottom: 15px; max-height: 56px; overflow: hidden;} .mod-newslists2 .item-desc {max-height: 75px; overflow: hidden;} .mod-newslists2 .item-desc *{ font-size: 14px; color: #999;} .mod-newslists2 .item-date{ width: 85px; height:85px;background:#cca45c; position: absolute; right: 25px; top: 35px; text-align: center; z-index: 3;} .mod-newslists2 .item-date h3{ padding-top:16px; padding-bottom:8px; font-weight:normal; font-size: 36px; text-align: center; color:#fff;} .mod-newslists2 .item-date span{ color: #fff; font-size: 14px;} .mod-newslists2 .item-nopic{ padding: 25px;} .mod-newslists2 .item-nopic .item-cnt{margin-left: 0; padding-top: 0; padding-bottom: 0;} .mod-newslists2 .item-tit a:hover{color:#cca45c;} .mod-newslists2 .item-details{ margin-top: 20px;} .mod-newslists2 .item-details a{color: #b9a78f;} .mod-newslists2 .item-details a:after{ color: #b9a78f; line-height: 16px; font-family: "iconfont" !important; font-size: 14px; top: 8px; left: 8px; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e67a"; } /*鎷涙爣淇℃伅*/ .mod-news-list5 ul li a{ font-size: 18px; cursor: pointer;} .mod-news-list5 ul li{ background: #fafafa; position: relative;padding: 25px 180px 22px 30px; margin-bottom: 15px;} .mod-news-list5 ul li span{ position: absolute; right: 20px; top: 25px; color: #999;} .mod-news-list5 ul li:hover{ background: #c89a5e;} .mod-news-list5 ul li:hover *{ color: #fff;} /*鎷涘晢鍔犵洘涓嬫媺妗?/ .serach-tops{ width: 960px; margin: 0 auto;} .sear-bt { width: 125px; float: left; padding-top: 35px;} .sear-bt a{ height: 55px; font-size: 16px; display: block; text-align: center; background: #333333; color: #fff; line-height: 55px; cursor: pointer;} .serach-tops{ margin-bottom: 35px;} .search-inputs input{ height: 55px; line-height: 55px; box-sizing: border-box; width: 100%;border: 1px solid #e5e5e5; padding: 0 15px; color:#999} .serach-tops cite{ font-size: 16px; color: #666; display: block; margin-bottom: 12px;} .long-selects select{ z-index:9; width: 100%; } div.select-main{ width:100%; z-index:8; cursor: pointer;height:55px; line-height:55px; border: 1px solid #e5e5e5; position:relative;box-sizing: border-box; background-color: rgba(255, 255, 255, 0.1); color: #fff; /* border-radius: 44px;*/ font-size: 16px; box-sizing: border-box; padding-left: 16px; outline: none; } div.select-set{ width:100%;height:55px; text-align:left; line-height:55px; padding-left:0;box-sizing: border-box; background:none; font-size:14px; color:#333; color: #999; } .long-selects div.select-arrow{ border:none; width:30px; height:55px; top:0; right: 0; background: url(../images/down_icon1.png) right 12px center no-repeat;/**//**/ position:absolute; } /*.long-selects div.select-arrow:after{ font-family: "iconfont" !important; font-size: 18px; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e74a"; color: #999; right: 30px; font-weight: bold; top: 0;}*/ .long-selects div.select-arrow.reverse{border:none;} .long-selects div.select-set{ border-radius:0;} #search-sel div.select-arrow{right:5px;} .long-selects div.select-block{ background:#f8f8f8;border: 1px solid #eee; color:#a9b5c5;border-radius:0; width:196px; margin-top:0; /* margin-left: -1px;*/ max-height: 350px; overflow-y:auto; position: absolute; left:18px; top:55px; left:0;width:100%; border-radius:0; } .long-selects li.select-items{ font-size:14px; color:#333; text-align:left; border-bottom:1px solid #fefefe; padding:2px 7px 2px 12px; margin-bottom: 0px;} .long-selects li.select-items:hover, .sel-room li.select-items.active{ background:#c89a5e; color:#fff;} .long-selects ul.select-list{ padding-bottom:0; margin-bottom:0;} /*鍝嶅簲寮忚〃鏍?/ .responsive-tables table{ width:100%; /*border-left:1px solid #eee;border-right:1px solid #eee;*/} .responsive-tables th{ text-align:center; background:#c89a5e; /*border:1px solid #eee;*/ padding:16px 5px; font-size:16px; color:#fff;} .responsive-tables td{ color: #666; background:#fff; text-align:left;border-bottom:1px solid #f9f9f9; padding:16px 5px; text-align: center;} .responsive-tables tbody tr:nth-child(2n) td{ background: #f9f9f9;} .opts a{color:#f00; padding:0 5px; text-decoration:none;} .text-L{ /*text-align:left!important;*/} .text-R{ text-align:right!important;} .text-C{ text-align:center!important;} .a-link{ color:#f00;} .nsta-1{color:#e40000;} .nsta-2{color:#009f29;} .responsive-tables th.head-tit3{ width: 14%;} .responsive-tables th.head-tit2{ width: 18%;} .responsive-tables th.head-tit1{ width: 15%;} .responsive-tables th.h-tit{ width: 13%;} a.opts-bt,a.opt-del{ display: inline-block; min-width: 60px; text-align: center; box-sizing: border-box; border: 1px solid #e36417; color: #ee4408!important; height: 28px; line-height: 28px; border-radius: 28px; padding: 0 10px; margin: 0 5px;} a.opt-del{border: 1px solid #000006; color: #000006!important;} .serach-tops .search-item{ width: 265px; float: left; margin-right: 12px;} .map-imgs{ margin-bottom: 40px;} .contact-l{float:left;} .contact-r{float:right; text-align: right;} .contact-l h3 { font-size: 32px; margin-bottom: 20px;} .contact-l span{ color: #666; font-size: 14px;} .contact-r>*{ display: inline-block;} .contact-r a{ position: relative; cursor: pointer;} .contact-r cite{ display: none;position: absolute; width: 100px; height: 100px; bottom: 40px; left: -40px;} .contact-r a:hover cite{ display: block;} .contact-r cite img{ max-width: none;box-shadow: 0px 2px 20px 0px rgba(0, 0, 0, 0.1); width: 100px; height: 100px; border: 1px solid #f9f9f9;} .ms-code img{ width: 65px; height: 65px; display: block;} .ms-code{ margin-left: 30px; text-align: center;} .ms-shares img{ width: 28px; height: auto;} .ms-shares a{ margin-left: 15px;} .ms-shares h3{ font-size: 36px; color: #c89a5e; margin-top:10px;} .ms-code h3{ color: #666; font-weight: normal;} @media screen and (max-width: 640px) { /*鍝嶅簲寮忚〃鏍?/ .responsive-tables table{ border:none;} .responsive-tables table thead{ display:none;} .responsive-tables table tr{ display:block;background:#fdfdfd; border-radius:5px; padding:0 15px; border:1px solid #eee; margin:0 0 15px 0;} .responsive-tables table td{background:#fdfdfd; display:block; min-height:46px; position:relative; text-align:right; height:100%; overflow:hidden; border:none; border-bottom:1px solid #eee; padding-left:100px;box-sizing:border-box; } .responsive-tables table tr td:nth-last-child(1) { border-bottom:none;} .responsive-tables table td:before {content: attr(data-label);text-align:left;padding-right:20px;width:90px;text-transform: uppercase;font-weight: bold;position:absolute; left:0px; top:12px;color:#000;} .responsive-tables td.opts{ text-align:center;} .responsive-tables td.opts a{ display:inline-block; font-size:12px; border:1px solid #c00; background:#fff; color:#f00; padding:5px 5px; min-width:60px; margin:0 2px; border-radius:30px; margin-bottom:5px;} .responsive-tables td.opts:before{ display:none;} .responsive-tables td.opts{ border-bottom:none; margin-bottom:0; padding-bottom:0; padding-left:0; padding-bottom:8px;} .text-L{ text-align:right!important;} .text-C{ text-align:right!important;} .opts.text-C{ text-align:center!important;} } /*绀句細璐d换*/ .res-wrap{ } .res-wrap .item-cell{ overflow: hidden; margin-bottom: 50px;} .res-wrap .item-cnt{ margin-left: 500px; } .res-wrap .item-nopic .item-cnt{margin-left:0;} .res-wrap .item-pic {width: 470px; height: 270px; float: left;} .res-wrap .item-pic img{ height:auto; width:auto;} .res-wrap .item-tit *{ font-size: 24px; font-weight: bold; color: #141414;} .res-wrap .item-tit{ margin-bottom: 10px; } .res-wrap .ntits{ min-height: 95px; border-bottom: 1px solid #ededed; margin-bottom: 25px;} .res-wrap .item-desc a{ color: #666; font-size: 14px; } .res-wrap .item-desc{ line-height: 25px;} .res-wrap .item-dates{ font-size: 14px; color: #666666;} .res-wrap .imores{ margin-top: 20px;} .res-wrap .imores a{ color: #c89a5e; font-size: 14px;} .res-wrap .item-tit a:hover{ color: #c89a5e;} /*浜у搧鍒楄〃*/ .mdpros-bg{background: url(../images/bgpros.png) right 0 no-repeat;} .com-tit2{ padding-top: 55px; text-align: center;} .com-tit2 h3{ color: #333; font-size: 32px; margin-bottom: 25px;} .com-desc2{ font-size: 16px; color: #666; text-align: center; margin-bottom: 35px; } .com-desc2 span{ max-width:655px;color: #666;font-size: 16px; display: inline-block; } img{ max-width:100%; height: auto;} .mod-pros-intrs{ overflow: hidden; margin-bottom: 35px;} .mod-pros-intrs .item-cell{} .mod-pros-intrs .item-cnt{ margin-left:630px; } .mod-pros-intrs .item-pic { float:left; width:585px; height:315px; overflow: hidden;} .mod-pros-intrs .item-pic img{ } .mod-pros-intrs .item-tit *{ font-size:30px; color:#333; font-weight:bold;} .mod-pros-intrs .item-tit{ padding-top: 35px; padding-bottom: 20px; } .mod-pros-intrs .item-desc *{ font-size: 16px; color: #666;} .mod-pros-intrs .item-desc{ margin-bottom:30px;} .mod-pros-intrs .item-mores a{ color:#a98d6c;} .mod-myprolists{ margin-right: -15px; } .mod-myprolists .item-cell{ background:#f4f4f4 ; text-align: center; float: left;width: 285px; margin-bottom: 15px; margin-right: 15px; border: 1px solid #f4f4f4; box-sizing: border-box;} .mod-myprolists .item-cnt{ background:#fff; } .mod-myprolists .item-pic { height: 180px; padding-top: 25px; padding-bottom: 25px; max-width: 180px; margin: 0 auto;} .mod-myprolists .item-pic img{ } .mod-myprolists .item-tit *{ font-size: 20px; color: #333; } .mod-myprolists .item-tit{ padding: 18px 10px; } .pro-mores a{ display:block; width: 190px; height: 50px; background: #333; color: #fff; text-align: center; line-height: 50px; font-size: 16px; margin: 0 auto;} .pro-mores{ margin-bottom: 45px; margin-top: 20px;} .mdads{ position: relative; } .mdads img{ display: block;} .mdads span{background: url(../images/videoicon1.png) no-repeat; position: absolute; width: 56px; height: 56px; left: 50%; top: 50%;margin-left: -28px; margin-top: -28px;} .sd-tits5{ font-size: 30px; color: #333; margin-bottom: 20px;} .mod-features{ } .mod-features .item-cell{ overflow: hidden; } .mod-features .item-cnt{ padding:35px 50px 50px 50px; margin-left: 600px;box-sizing: border-box; } .mod-features .item-pic { width: 600px; height: 270px; float: left;} .mod-features .item-pic img{ } .mod-features .item-tit *{ } .mod-features .item-tit{ font-size: 22px; color: #333; margin-bottom:10px; } .mod-features .item-2 .item-cnt{ margin-right: 600px; margin-left: 0; } .mod-features .item-2 .item-pic{ float: right;} .mod-features .item-desc{ font-size: 16px; color: #666666;} /*浜у搧鏈€缁堥〉*/ .pro-navs{ background:#f9f9f9; height: 64px; line-height: 64px;} .mds-navs li { display:block; position: relative;line-height: 64px; box-sizing: border-box; float: left;} .mds-navs li:after{ position: absolute; right: 0; top: 50%; margin-top: -10px; content: ""; display: block; height: 20px; background: #dbdbdb; width: 1px;} .mds-navs li a{ font-size: 20px; color: #666; margin: 0 35px;} .mds-navs li.cr{ color: #cd9b52;} .mds-navs li.cr a{color: #cd9b52; font-weight: bold;border-bottom:3px solid #cd9b52; padding-bottom:16px;} .mds-navs li a:hover{color: #cd9b52;} .mds-navs{ padding: 0 40px; position: relative;} .mds-navs .pro-bt-l,.mds-navs .pro-bt-r { position: absolute; text-align: center;width: 40px; height: 40px; left: 0; top: 50%; margin-top: -20px; cursor: pointer;} .mds-navs .pro-bt-r{left: auto; right: 0;} .mds-navs .pro-bt-l span,.mds-navs .pro-bt-r span{ margin-top: 12px; display: inline-block;border:8px solid transparent; border-right:8px solid #d4d4d4;} .mds-navs .pro-bt-r span{border:8px solid transparent;border-left:8px solid #d4d4d4;} .mds-navs .pro-bt-l:hover span{ border-right:8px solid #d09b57;} .mds-navs .pro-bt-r:hover span{ border-left:8px solid #d09b57;} .swiper-roll-navs ul{ display: block;} .swiper-roll-navs{height: 64px;} .d-proinfo-wrap{ width: 950px; margin:50px auto 0 auto; } .proinfo-intrs{ overflow: hidden; border-bottom: 1px solid #eee; padding-bottom: 20px;} .proinfo-intrs .item-cell{} .proinfo-intrs .item-cnt{ margin-left: 480px; } .proinfo-intrs .item-pic { width: 430px; float: left;} .proinfo-intrs .item-pic img{ width: 430px; height: auto;} .proinfo-intrs .item-tit *{ } .proinfo-intrs .item-tit{ padding-top:50px; font-size: 32px; color: #333333; } .d-proinfo-wrap .item-desc0{ color: #999; font-size: 14px;margin-top:5px;} .d-proinfo-wrap .item-desc{ font-size: 16px; color: #666666; margin-top: 25px;} .d-proinfo-wrap .item-bts{ margin-top: 30px;} .d-proinfo-wrap .item-bts a{ background: #d09b57; display: block;font-size: 15px; width: 150px; line-height: 50px; height: 50px; text-align: center; color: #fff;} .com-tit8{ font-size:30px; color:#333; margin-bottom: 15px;} .txt1-l{ color:#666; float: left; width: 670px; display: block;} .txt1-r{ float: right;} .pcnts-contents{ font-size:18px; color: #666; } .pcnts-contents *{line-height: 160%;} .pro-rolls{ position: relative;} .pro-rolls .item-txt{ font-size: 16px; color: #fff; position: absolute; bottom: 0; left: 0; right: 0; padding: 0 35px 20px 35px;background: #000; background: -webkit-linear-gradient(rgba(0,0,0,0),rgba(0,0,0,1)); background: -moz-linear-gradient(top,rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%);; /*FireFox*/ background: -o-linear-gradient(top,rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%); /* Opear */ background: -ms-linear-gradient(rgba(0,0,0,0),rgba(0,0,0,1)); /*IE10氓聫艩IE10+*/} .produ-tab ul li{ display: table-cell; font-size: 20px; color: #333333; height: 60px; line-height: 60px;} .produ-tab ul{ display: table; width: 100%; text-align: center;background: #f4f4f4; table-layout: fixed} .pro-rolls img{ display: block;} .produ-tab ul li.cr{ background: #d09b57; color: #fff;} .pbtn-l,.pbtn-r{ position: absolute; left:15px; top: 50%; margin-top: -15px; width: 30px; height: 30px;background: url(../images/bt_l.png) no-repeat; z-index: 8; cursor:pointer;} .pbtn-r{background: url(../images/bt_r.png) no-repeat;left:auto; right: 15px;} .swiper-container .swiper-wrapper,.swiper-container .swiper-wrapper .swiper-slide{ height: auto!important;} .pro-rolls .swiper-slide{ position: relative;} /*鏂伴椈鏈€缁?/ .newsInfo { padding: 0 0 0 0; /* min-height: 300px;*/ /* _heihgt: 300px;*/font-size: 16px; } .newsInfo h3 { font-size: 26px; font-weight:normal; text-align: center;color:#111; font-weight: bold; position: relative; line-height: 160%; position: relative; padding-bottom: 20px; margin-bottom: 10px; } .newsInfo h3:after{ content:""; background: #ce9b59; height: 3px; width: 60px; margin-left: -30px; left: 50%; position: absolute; bottom: 0;} .newsInfo .source { /* border-bottom: 1px solid #ededed*/ /* border-bottom: 1px solid #ededed;*/ } .newsInfo .source ul { text-align: center;padding: 0 15px; margin-bottom: 20px;/*border-top: 1px solid #f4f4f4; border-bottom: 1px solid #f4f4f4;*/} .newsInfo .source li.ic-1{ color: #ed2326; border-right: 1px solid #999;} .newsInfo .source li { display: inline-block; padding: 0 10px; line-height: 14px; min-height: 14px; color: #999999; font-size: 14px; } .newsInfo .source li span{color: #666;} .newsInfo .content { margin: 10px 0 0 0; min-height:100px; _height:100px; } .newsInfo .content p, .newsInfo .content *, .newsInfo .content { /*line-height:30px;*/ line-height: 200%; color: #666; } .newsInfo .content p{padding: 0 0 1em 0;text-indent: 2em; /* */} .newsInfo .content img,.article .content img{ display:inline-block; margin: 0 auto; max-width: 100%; height: auto;} .news-prev-next { margin: 0 auto; margin-top: 40px; padding: 20px 0 10px 0; border-top: 1px solid #dbdbdb; position: relative; } .news-prev-next ul { font-size: 16px; line-height: 36px; } .news-prev-next .go-back { position: absolute; top: 32px; right: 0; width: 170px; text-align: center; line-height: 48px; border-radius: 48px; background-color: #ce9b59; color: #fff!important; font-size: 18px; } .news-prev-next .go-back a{ display: block; height: 48px; cursor: pointer;} .news-prev-next .go-back a:before{background:url(../images/msicon.png) no-repeat; content:""; width: 22px; height: 19px; display: inline-block; vertical-align: middle; margin-right: 12px; position: relative; top: -2px;} .news-prev-next a:hover{ color: #ce9b59;} .news-prev-next .go-back a{color: #fff} .md-artbg{background:url(../images/art_bg.png) center 0 no-repeat;} .slogo{ text-align: center; padding-bottom: 50px; padding-top: 20px;} /*鑹烘湳涓績*/ .design-css{ position: relative; z-index: 20;} .art-wrap-1,.art-wrap-2 .art-inner-wrap{ width:1080px; margin: 0 auto;} .art-wrap-1 .item-cell{ position: relative; padding-left: 145px; padding-right: 350px; min-height: 288px;} .art-wrap-1 .item-cnt{ } .art-wrap-1 .item-pic { position: absolute; right: 0;} .art-wrap-1 .item-pic img{ height:auto; width:auto;} .art-wrap-1 .item-tit *{ } .art-wrap-1 .item-tit{ font-size: 30px; position: absolute; left: 0; top: 0; line-height: 130%;} .art-wrap-1 .item-desc{ font-size: 16px; color: #666666;} .art-wrap-2{ background: #fafafa; padding-bottom: 85px; margin-top: 55px;/**/ position: relative; } .art-wrap-2 .item-cell{ position: relative; min-height: 240px;} .art-wrap-2 .item-pic{ position: absolute; width: 385px; top: -132px;} .art-wrap-2 .item-cnt{ margin-left: 420px;} .art-wrap-2 .item-pic img{ width: 385px; height: 375px;} .art-wrap-2 .item-tit{ font-size: 30px; color: #222; position:relative;top: -60px;} .art-wrap-2 .item-desc{ font-size: 16px; color: #666; line-height: 28px; margin-top: -30px;} .art-inner-wrap{ position: relative; z-index: 3;} /*.art-wrap-2:after{ height: 132px; width: 100%; background: #fff; content:""; display: block; top: 0; left: 0; right: 0; position: absolute;}*/ .my-bt{ position: absolute; right: 0; bottom: -5px;} .btn-l0,.btn-r0{ width: 28px; height: 28px; z-index: 10; background:url(../images/bt80.png) 0 0 no-repeat; display: inline-block;} .btn-r0{background:url(../images/bt70.png) 0 0 no-repeat; margin-left: 10px;} .nums{ margin-top: 5px; margin-left: 0; clear: both; font-size: 16px; color: #999; position: relative;} .nums *{ font-size: 20px; color: #c89a5e;} .nums:after{ content: ""; display: block; height: 1px; top:50%; border-bottom: 1px solid #e5e5e5; left: 100px; position: absolute; right: 85px;} .my-bt{ z-index: 8;} .btn-l0:hover{background:url(../images/bt8.png) 0 0 no-repeat;} .btn-r0:hover{background:url(../images/bt7.png) 0 0 no-repeat;} /*鐢熸€侀吙閰?/ .com-tit9{ font-size: 30px; color: #222; line-height: 100%; } .com-tit9 a{ padding-right: 35px; height: 35px; line-height: 35px; display: inline-block;/*background:url(../images/i_mores.jpg) right center no-repeat;*/} .eco-desc{ font-size: 16px; color: #666;margin-top: 20px;} .eco-vr{ margin-top:40px; position: relative;} .eco-vr span{ position: absolute; left: 50px; top: 50%; margin-top: -28px; color: #fff; } .eco-vr span cite{ display: block;color: #fff; font-size: 24px; font-weight: bold; margin-bottom: 10px;} .eco-desc2{ max-width: 938px;} .quality-wrap{ margin-right: -37px; margin-top: 40px; } .quality-wrap .item-cell{ width: 270px; float: left; margin-right: 37px; margin-bottom: 20px;} .quality-wrap .item-cnt{ height: 170px; } .quality-wrap .item-pic {} .quality-wrap .item-pic img{ height:auto; width:auto; transition: all 0.3s;-webkit-transition: all 0.3s;} .quality-wrap .item-cell:hover img{ transform: scale(1.2,1.2);-webkit-transform: scale(1.2,1.2)} .quality-wrap .item-tit *{ color: #222; font-size: 24px; font-style: normal;} .quality-wrap .item-tit { margin-top: 35px; margin-bottom: 15px; } .quality-wrap .item-tit i{ padding-right:15px;} .quality-wrap .item-more{ margin-top: 5px; color: #c89a5e;} .quality-wrap .item-desc{ height: 75px; font-size: 14px; color: #999;} /*鍥尯浠嬬粛*/ .trv-wraps{ overflow: hidden;} .trv-wraps .item-cell{} .trv-wraps .item-cnt{ margin-right: 565px; } .trv-wraps .item-pic { width: 515px; height: 241px; float: right; position: relative;} .trv-wraps .item-pic img{ height:auto; width:auto;} .trv-wraps .item-tit *{ font-size: 30px; color: #333; } .trv-wraps .item-tit{ margin-top: 20px; font-size: 30px; color: #333; } .trv-wraps .item-desc{ font-size: 14px; color: #666; margin-top: 20px;} .trv-wraps .item-mores{ color: #c89a5e; margin-top: 30px;} .trv-wraps span{ position:absolute; top: 70px; z-index: 8; left: 0; right: 0; padding: 0 40px; text-align: center; color: #fff; padding-bottom: 50px;background:url(../images/ico_360.png) center bottom no-repeat;} .trv-wraps span cite{ display: block; font-size: 20px; font-weight: bold; margin-bottom: 12px;} .trv-wraps span i{ font-size: 14px; font-style: normal;} .mod-guide{ clear: both; background: #f9f9f9; } .guide-left{ width: 200px; float: left;} .guide-right{ margin-left: 240px;} .rem-tits{ padding-top: 25px; color: #666; padding-bottom: 10px;} .guide-left ul li{ font-size: 16px; margin-bottom: 15px; margin-top: 15px;} .guide-left ul li span{ width: 20px; height: 20px; text-align: center; line-height: 20px; color: #fff; font-size: 16px; border-radius: 20px; background:#ef5050; display: inline-block; margin-right: 15px;} .guide-left ul{background:url(../images/line5.png) 6px bottom no-repeat; padding-bottom: 10px; padding-top: 10px;} .guide-left ul li.gu-ico1 a{ color:#ef5050; padding-right: 25px;background:url(../images/hot_ic.png) right center no-repeat; font-weight: bold;} .eco-desc3{ font-size: 14px; max-width: 980px;} .mod-travels-wrap{ margin-top: 35px; margin-right: -3.33%; } .mod-travels-wrap .item-cell{ width: 30%; margin-right: 3.33%; margin-bottom:3.33%; float: left;} .mod-travels-wrap .item-cnt{ height: 134px; } .mod-travels-wrap .item-pic { height: 220px; overflow: hidden;} .mod-travels-wrap .item-pic img{ } .mod-travels-wrap .item-tit *{ font-weight: bold;font-size: 24px; color: #222; } .mod-travels-wrap .item-tit{ margin-top: 18px; margin-bottom: 10px; } .mod-travels-wrap .item-desc *{ font-size:14px; color:#666;} .mod-travels-wrap .item-desc{ margin-bottom: 20px;} .article{ font-size: 16px;} .mod-travels-wrap .item-more a{ color: #c89a5e;} .d-contact{ position: relative;} .d-contact span{ position: absolute; top:60px; left: 70px; right: 70px; z-index: 9; font-size: 22px; font-weight: bold; color: #fff;background:url(../images/more9.png) right center no-repeat; } .d-contact i{ font-size: 14px; color: #fff; display: block; font-style: normal; font-weight: normal; padding-top: 15px;} .d-contact cite{ color: #ffde00; font-size: 24px; font-weight: bold; padding-left: 15px;} .mod-jobinfos h3{ font-size: 32px; text-align: center; margin-bottom: 20px; line-height: 150%;} .job-in{ margin-top: 20px; margin-bottom: 20px; padding: 20px; background: #fafafa;} .job-in ul{display: flex;flex-wrap: wrap;margin:0;padding-left: 10px;} .job-in ul li{ width: 33%; margin: 5px 0 5px; font-size: 16px; line-height: 2;} .job-in ul li span{ padding-right: 8px; color: #666;} .job-in ul li cite{ color: #000;} .job-infos{ font-size: 16px; padding-top: 20px;} /*鏂伴椈鑱氬悎椤?/ .news-rolls{ width: 1200px; overflow: hidden; position: relative;} .single { width: 100%; height: 340px; position: relative; z-index: 0; } .single ul { list-style: none; white-space: nowrap; display: inline-block;height: 340px;} .single ul li { display: inline-block; padding-top: 20px; width: 295px; vertical-align: middle; } .single li.active{ width: 610px; padding-top: 0;} .single .item-cell{ position: relative;} .single .active .item-cell{ width: 580px; margin:0 auto; } .single .active .item-pic{ display: block; position: relative; overflow: hidden; width: 100%; padding-top: 59%;} .single .active .item-pic img{ position: absolute; width: 100%; height:auto; left: 0; top: 0;} .single .active .item-cnt{ position: absolute; bottom: 0;} .single ul li *{ text-align: center;} .pre20 { position: absolute; width: 55px; height: 55px; background:url(../images/bt11.png) center center no-repeat; left: 260px;top: 50%; margin-top: -28px; cursor: pointer; z-index: 8; } .next20 { position: absolute; width: 55px; height:55px; right: 260px; top: 50%; margin-top: -28px; background:url(../images/bt10.png) center center no-repeat; cursor: pointer; z-index: 8; } .single li .item-tit{ color: #666;} .single .active .item-tit{ color: #fff; overflow: hidden;} .single .active .item-cnt{ padding:8px 20px; left: 0; right: 0; font-size: 18px; text-align: center;box-sizing: border-box;background: #000; background: -webkit-linear-gradient(rgba(0,0,0,0),rgba(0,0,0,1)); background: -moz-linear-gradient(top,rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%);; /*FireFox*/ background: -o-linear-gradient(top,rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%); /* Opear */ background: -ms-linear-gradient(rgba(0,0,0,0),rgba(0,0,0,1)); /*IE10氓聫艩IE10+*/} /*浜у搧绯诲垪鍒楄〃*/ .proindex-tit{ padding-top: 40px; font-size: 40px; line-height: 150%; text-align: center; color: #333;} .proindex-tit h3{line-height:145%;font-weight: normal;} .pro-wraps{ } .pro-wraps .item-cell{background:url(../images/prbg2.jpg) 0 0 no-repeat; box-sizing: border-box; height: 274px; margin-bottom: 18px; overflow: hidden; position: relative; padding-bottom: 30px;} .pro-wraps .item-cnt{ margin-left: 430px; margin-right: 220px; } .pro-wraps .item-pic { float: left; width: 275px; margin-left: 80px; margin-top: 35px;} .pro-wraps .item-pic img{ height:auto; width:auto;} .pro-wraps .item-tit *{ font-size: 30px; color: #333; font-weight: bold;} .pro-wraps .item-tit *:hover{ color: #b9a388;} .pro-wraps .item-tit{ margin-top:55px; } .pro-wraps .item-desc{ margin-top: 16px;} .pro-wraps .item-desc a h3{ font-size: 20px; color: #666; font-weight: normal; margin-bottom: 25px;} .pro-wraps .item-desc a span{ color: #999; font-size: 14px;} .pro-wraps .item-detail{ position: absolute; right: 85px; top: 110px; } .pro-wraps .item-detail a{ width: 42px; height: 42px; display: block;background:url(../images/more6.png) 0 0 no-repeat;} .pro-wraps .item-2{background:url(../images/prbg3.jpg) 0 0 no-repeat;} .pro-wraps .item-3{background:url(../images/prbg4.jpg) 0 0 no-repeat;} .pro-wraps .item-4{background:url(../images/prbg5.jpg) 0 0 no-repeat;} .pro-wraps .item-5{background:url(../images/prbg6.jpg) 0 0 no-repeat;} .pro-bomlinks{background:url(../images/lkbg7.jpg) 0 0 no-repeat; height: 205px; margin-top:40px;} .pro-bomlinks ul{ padding-top: 48px; margin-left: 47px; width: 400px; display: block;} .pro-bomlinks ul li{ font-size: 20px; color: #303030; float: left; width: 200px; margin-bottom: 30px;} .pro-bomlinks ul li a{ position:relative; padding-left: 48px; height: 40px; line-height: 40px; display: inline-block;} .pro-bomlinks ul li.pr-icon1 a{background:url(../images/myic6.png) 0 center no-repeat; } .pro-bomlinks ul li.pr-icon2 a{background:url(../images/myic7.png) 0 center no-repeat; } .pro-bomlinks ul li.pr-icon3 a{background:url(../images/myic8.png) 0 center no-repeat; } .pro-bomlinks ul li.pr-icon4 a{background:url(../images/myic9.png) 0 center no-repeat; } .pro-bomlinks ul li a:after{ position: absolute;content: ""; display: block; left: 48px; bottom: 3px; right: 0; border-bottom: 1px solid #333;} /*鏂伴椈涓績棰戦亾椤?/ .md-news-3{ margin-right: -4%; margin-top: 20px; overflow:hidden; position: relative;} .md-news-3 .item-cell{ border-top: 1px solid #eeeeee;width:45%; margin-right: 5%; float: left; margin-top: 30px; padding-top: 30px; position: relative; top: -32px;} .md-news-3 .item-cnt{ } .md-news-3 .item-pic {} .md-news-3 .item-pic img{ height:auto; width:auto;} .md-news-3 .item-tit *{ font-size:20px; color: #333; } .md-news-3 .item-tit{ position: relative; height: 27px; padding-right: 110px; overflow: hidden;} .md-news-3 .item-tit span{ font-size: 14px; color: #666; position: absolute; right: 0; top: 0;} .md-news-3 .item-desc{ color:#999; margin-top:15px; min-height: 50px;} .bgreys{ background:#fafafa;} .more-5{ text-align: center; padding-top:15px;} .more-5 a{ display: inline-block; color: #fff; font-size: 14px; width: 180px; height: 50px;line-height: 50px; text-align: center; background:#333;} .md-news-3 .item-tit a:hover{ color: #cc9d65;} /*瑙嗛*/ .mod-newsvideos{ background:#f9f9f9; padding: 40px 0; overflow:hidden; margin-right: -10px;} .nvideos-wrap .item-cell{ width: 290px; margin-bottom: 10px; float: left; margin-right: 10px;} .nvideos-wrap .item-cnt{ } .nvideos-wrap .item-pic { position: relative; overflow: hidden; height: 160px;} .nvideos-wrap .item-pic img{ height:auto; width:auto;} .nvideos-wrap .item-tit *{font-size:16px; } .nvideos-wrap .item-tit{ height: 50px; background: #fff; line-height: 50px; box-sizing: border-box; padding: 0 15px; } .nvideos-wrap{ margin-top: 25px;} .nvideos-wrap .item-1{ width:590px;} .nvideos-wrap .item-1 *{font-size:20px; } .nvideos-wrap .item-cell a{ display: block; line-height: 50px; height: 50px; overflow: hidden; background:url(../images/vico.png) right center no-repeat; padding-right: 40px; } .nvideos-wrap .item-cell a:hover{ color: #d09b4f;} .nvideos-wrap .item-1 .item-pic{height: 381px;} .nvideos-wrap .item-pic span{ color: #fff; position: absolute; bottom: 0; left: 15px; z-index: 3;} .nvideos-wrap .item-1 .item-pic span{ font-size: 18px;} .nvideos-wrap .item-cell .item-tit a:hover{color:#d09b4f;} .nvideos2{margin-right: -2.33%} .nvideos2 .item-cell{ width: 31%; margin-right: 2.33%} .md-videotit{ position: relative;} .md-videotit span{ font-size: 30px; color: #333333;background:url(../images/videosicon6.png) right center no-repeat; padding-right: 42px;} .md-videotit a{ position: absolute; padding-right:28px; right: 0; top:4px;background:url(../images/more2.png) right center no-repeat; font-size: 16px; color: #666; } .nvideos2 .item-tit{ background: #f9f9f9;} .nvideos2 .item-cell .item-tit{line-height: 60px;height: 60px;} .nvideos2 .item-cell .item-tit a{ line-height: 60px;height: 60px; font-size: 18px; color: #333;} .mod-media-wrap{ margin-top:25px; margin-right: -2.33%} .mod-media-wrap .item-cell{ width: 31%; margin-right: 2.33%; float: left;} .mod-media-wrap .item-cnt{ background: #fafafa; padding: 18px; } .mod-media-wrap .item-pic { height: 227px; overflow: hidden;} .mod-media-wrap .item-pic img{ height:auto; width:auto;} .mod-media-wrap .item-tit *{ font-size: 18px; color: #333; } .mod-media-wrap .item-tit{ height: 50px; margin-bottom: 20px; overflow: hidden; box-sizing: border-box;} .mod-media-wrap .item-desc a{ color: #999;} .mod-media-wrap .item-desc a cite{ float: right;} .mod-media-wrap .item-desc { overflow:hidden;} .mod-media-wrap .item-tit a:hover{ color: #d09b4f;} .mod-news-list8{ margin-top:15px; margin-right: -25px; } .mod-news-list8 li{margin-top: 15px; height: 60px; line-height: 60px;box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.1); padding: 0 20px; width: 575px; box-sizing: border-box; margin-right: 25px; float: left;} .mod-news-list8 li a{ position: relative;font-size:18px; color:#666666;height: 60px; line-height: 60px; display: block; padding-right: 130px; overflow: hidden;} .mod-news-list8 li span{ position: absolute; right: 0; top: 0; color: #999;} .mod-news-list8 li a:hover{ color: #d09b4f;} /*瑙嗛涓績*/ .news-rolls2 li .item-cnt{display: none;} .H30{ height: 25px;} .mod-personwraps{ overflow: hidden; padding-top: 50px; background:url(../images/bgtits2.png) 0 0 no-repeat; padding-bottom: 20px;} .mod-personwraps .item-cell{} .mod-personwraps .item-cnt{ margin-left: 350px; } .mod-personwraps .item-pic { width: 270px; float: left; margin-left: 40px;} .mod-personwraps .item-pic img{ } .mod-personwraps .item-tit *{ } .mod-personwraps .item-tit{ line-height: 100%; font-size: 30px; color: #333; font-weight: bold;} .mod-personwraps .item-desc{ font-size: 18px; color: #666666; margin-top: 30px;} .news-rolls2 li.active a:after{ background: rgba(0,0,0,.35); content: ""; position: absolute; left: 0; top: 0; right: 0; bottom:0;} .news-rolls2 li a:before{content: ""; display: block;position: absolute; z-index: 3; width: 24px; height: 19px; left: 20px; bottom:20px;background:url(../images/vico.png) center center no-repeat;} .news-rolls2 li.active a:before{ bottom: auto;position: absolute; z-index: 3; left: 50%; top: 50%; margin-top: -28px; margin-left: -28px; content: "";background:url(../images/video8.png) center center no-repeat; width: 56px; height: 56px;} .news-rolls2 .active .item-pic{ padding-top: 59%;} .news-rolls2 .next20,.news-rolls2 .pre20{ margin-top: -18px;} /*浜虹墿婊氬姩*/ .md-videosroll{ margin-right: -10px; position: relative;} .md-videosroll .item-cell{ width:292px; margin-bottom: 25px; float:left; margin-right: 10px; } .md-videosroll .item-cell .item-tit,.md-videosroll .item-cell .item-tit a{ font-size: 16px; line-height: 50px; height: 50px;} .md-videosroll .item-pic span{ display: none;} .md-videosroll .item-pic{ height: 165px; width: 295px; overflow: hidden;} .vbt-l,.vbt-r{ position: absolute; width:72px; height: 73px;background:url(../images/bt30.png) center center no-repeat; top: 50%; margin-top: -30px; left: -90px; cursor: pointer;} .vbt-r{background:url(../images/bt40.png) center center no-repeat; right: -80px; left: auto;} .vbt-l:hover{background:url(../images/bt3.png) center center no-repeat;} .vbt-r:hover{background:url(../images/bt4.png) center center no-repeat;} .history-backwrap{ margin-right: -18px; position: relative;} .history-backwrap .item-cell{ float: left;} .history-backwrap .item-cell .item-pic{ margin-right: 20px;} .history-backwrap .item-cnt{ } .history-backwrap .item-pic { height: 415px; overflow: hidden;} .history-backwrap .item-pic img{ height:auto; width:auto;} .history-backwrap .item-tit *{ } .history-backwrap .item-tit{ } /*鍏充簬鎴戜滑*/ .about-intrs{ max-width: 1080px; margin:66px auto 0 auto;} .about-intrs h3{ font-size:30px; color:#141414; font-weight: normal; margin-bottom: 24px;} .about-desc{ color: #666; font-size: 14px; line-height: 28px;} .about-intrs .desc-2{ font-size: 18px; color: #666666; font-weight: bold; margin-top: 25px;} .market-txt{background:url(../images/horbg6.png) center 0 no-repeat; height: 209px; margin-top: -40px;} .market-txt span{ font-size: 30px; color: #222; padding-top: 138px; display: inline-block; margin-left: 60px; margin-right: 16px;} .market-txt cite{ font-size: 22px; color: #333; font-family:"Impact"!important;} .solo-title,.logo-ntits{ max-width: 1080px; margin:36px auto 0 auto;} .solo-title ul li{ padding-left: 25px; font-size: 18px; color: #333; width: 48%; box-sizing: border-box; display: inline-block; position: relative; margin-bottom: 10px;} .solo-title ul li:after{ content: ""; width: 6px; height: 6px; border-radius:6px; display: block; background: #cd9b54; position: absolute; left: 0; top: 13px;} .logo-ntits span{ margin-right:15px;} .logo-ntits{ margin-bottom: 60px;} .hor-roll{ width: 1080px; margin:0 auto 0 auto; position: relative;} .hor-roll .com-tit9{ margin-bottom: 35px;} .hor-roll .item-cell{ width: 360px; position: relative;background:#f9f9f9; height: 480px; float: left;} .hor-roll .item-cell .item-pic{ height: 240px; overflow: hidden;} .hor-wrap{ overflow: hidden;} .hor-roll .item-cnt{ position: relative; z-index: 2; height: 240px; color: #333; box-sizing: border-box; padding: 0 40px;} .hor-roll .item-2 .item-pic{ position: absolute!important; width: 360px; height: 240px!important; bottom: 0; left: 0;} .hor-roll .item-cnt .item-desc{ display: table; height: 100%; width: 100%;} .hor-roll .item-cnt .item-in{ color: #333; font-size: 16px; line-height: 28px; display: table-cell;height: 100%; width: 100%; vertical-align: middle;} .hor-roll .vbt-r{ right:-90px; } .hor-roll .item-cell .item-pic:after{ content:""; width: 0; height: 0; border: 15px solid transparent; border-bottom: 15px solid #f9f9f9; position: absolute; display: block; left: 50%; margin-left: -15px; bottom: 0; z-index: 6;} .hor-roll .item-2 .item-pic:after{ bottom: 0;top: -30px; display: none;} .hor-roll .item-2 .item-cnt:after{content:""; width: 0; height: 0; border: 15px solid transparent; border-top: 15px solid #f9f9f9; position: absolute; display: block; left: 50%; margin-left: -15px; bottom: -30px; z-index: 6;} .hor-roll .item-cell{ } .hor-roll .swiper-wrapper .swiper-slide{height: 480px!important;} .brand-value{ background: #f9f9f9; margin-bottom: 190px; padding-top: 40px;} .value-img{ height: 123px; margin-right: -1%; } .value-img .item-cell{ width: 32.33%; margin-right: 1%; float: left;} .brand-value .wrap-layer{ max-width: 1080px;} .value-intr{ position: relative; width: 100%;background:url(../images/brand_10.png) right 0 no-repeat; display: table; margin: 0 0 20px 0; overflow: hidden; min-height: 125px;} .value-intr .brand-tit{ font-size: 30px; width: 160px; line-height: 130%; color: #333; display: table-cell; vertical-align: top;} .value-intr .brand-value-cnts{ display: table-cell;vertical-align: top;color: #333; font-size: 18px; } .value-intr .brand-value-cnts strong{ padding: 0 2px;} /*澶т簨璁?/ .events-wraps{ max-width: 1080px; margin: 0 auto;} .eco-desc5{ font-size: 14px; /*max-width: 875px;*/} .year-event{background:url(../images/events_1.jpg) center bottom no-repeat; min-height: 214px; margin-top: 60px; position: relative; padding-top: 30px; box-sizing: border-box;} .year-event li{ display:inline-block; text-align: center; position: relative; cursor: pointer;} .year-event li h3{ line-height: 165%; height: 40px; font-size: 28px; font-family: "Impact"!important; color: #999999; padding-bottom: 65px;} .year-event li span{ color: #666; font-size: 18px; font-weight: bold;} .year-event li:after{ content:""; display: block; margin-left: -10px; left: 50%; top: 55px; position: absolute; border: 8px solid #fff; border-radius:20px; width: 12px; height: 12px; background: #e6e6e6; } .year-event ul{ position: relative; z-index: 4;} .year-event:after{ content:""; display: block; position: absolute; top: 98px; left: 0; height: 1px; width: 100%; background: #c89a5e; } .events-cnts{ background: #f6f7f9; padding: 30px 95px; color: #222; font-size: 16px; line-height: 34px;} .events-cnts *{color: #222;line-height: 34px;font-size: 16px;} .year-event li.active h3{ font-size: 40px; line-height: 100%; color: #c89a5e;} .year-event li.active span{color: #c89a5e;} .year-event li.active:after{background: #c89a5e;border: 8px solid #f4ebdf; } .year-bt2,.year-bt1{ position: absolute; right: -30px; top: 85px; width: 28px; height: 28px; border-radius: 28px;background:url(../images/bt70.png) center center no-repeat; cursor: pointer;} .year-bt1{background:url(../images/bt80.png) center center no-repeat; left: -30px; right: auto;} .year-bt1:hover{background:url(../images/bt8.png) center center no-repeat;} .year-bt2:hover{background:url(../images/bt7.png) center center no-repeat; } /*澶撮儴浜岀淮鐮?/ .mems{ width: 20px; height: 20px;} .mems a{ height: 120px; display:inline-block;} .mem-codes-img{ position: absolute; display: none;top: 56px; right: 0; width: 120px; height: auto; padding: 10px;box-shadow: 0px 2px 20px 0px rgba(0, 0, 0, 0.1); background: #fff; } .mem-codes-img img{display: block;} .mems:hover .mem-codes-img{ display: block;} .mem-codes-img *{background: #fff; font-size: 12px; padding-top: 2px; padding-bottom: 0; text-align: center;} video{ max-width: 800px!important; margin: 0 auto;} .md-service-center{ background:url(../images/djwq_tu.jpg) center 0 no-repeat; height: 267px; padding-top: 150px; box-sizing: border-box; margin-bottom:200px; } .service-inners{ height: 300px; margin: 0 50px 50px 50px;} .service-inners .item-cell{ width: 31.33%; min-height: 260px; margin: 1%; text-align: center; box-sizing:border-box; padding: 20px; float: left;background: rgba(255,255,255,.8); box-shadow: 0px 2px 20px 0px rgba(0, 0, 0, 0.1); border: 1px solid #f8f8f8;} .service-inners .item-tit{ background:url(../images/tel_icon1.png) center 0 no-repeat; margin-bottom: 20px; font-size: 24px; line-height: 150%; height: 72px; font-weight: bold; padding-top:40px;} /*搴曢儴*/ .copys{ color:#999999; border-top: 1px solid #e7e7e7; margin-top: 20px; padding-top: 20px; text-align: center; } .bomlinks{ text-align: center; padding-top: 10px;} .bomlinks a{ margin: 0 10px;color:#999;} .bomlinks a:hover{ color:#ce9b59;} .siteMap { margin-top: 30px; } .siteMap ul li { border-top: 1px dashed #e7e7e7; padding: 30px 0; zoom: 1; overflow: hidden; } .siteMap ul li:after { display: table; clear: both; content: ""; font-size: 0; line-height: 0; } .siteMap ul li h2 { float: left; overflow: hidden; min-width: 130px; } .siteMap ul li h2 .cn { font-weight: bold; display: block; font-size: 20px; color: #c89a5e; } .siteMap ul li h2 .en { font-size: 14px; display: block; color: #ab0000; display: none; } .siteMap ul li ul { float: none; overflow: hidden; } .siteMap ul li ul li { border: none; padding: 0; float: left; margin-bottom:5px; } .siteMap ul li ul li a { font-size: 16px; color: #555; min-width: 100px; padding-left: 20px; display: block; } .siteMap ul li ul li a:hover { color: #c89a5e; } /*閿€鍞笭閬?/ .md-codes-center{ max-width: 880px; margin: 120px auto; overflow: hidden;} .md-codes-center .item-cell{ text-align: center;width: 20%; margin: 0 2%; float:left; } .md-codes-center .item-cell img{ max-width: 160px; height: auto;} .mod-resintr{ background: #f9f9f9; min-height: 175px; position: relative;} .resbg{ position: absolute; bottom: -25px; right: 0;} .mod-resintr .item-pic img{ display: block;} .mod-resintr .item-pic{ float: left; } .mod-resintr .item-cnt{margin-left: 170px; padding: 40px 25px 25px 0; font-size:18px;} .mod-resintr .item-desc{ color:#333333;} .re-tits{ text-align:center; margin-bottom: 20px; margin-top: 10px;} .mod-reslist td{ padding: 25px; border-top:1px solid #e0c9ab;border-bottom:1px solid #e0c9ab;} .mod-reslist tr:nth-last-child(1) td{ border-bottom: none;} .mod-reslist td.year-tits{ vertical-align: top;background: #f9f9f9; width: 80px; text-align: center;} .mod-reslist{ margin-bottom: 20px;} .year-tits .years{ font-size:28px; line-height:36px; color:#c89a5e; font-family:"Impact";} .my-respon li{ font-size: 16px; color: #333; margin-bottom:15px; background: url(../images/ar_icon1.png) 0 9px no-repeat; padding-left: 20px;} .res-more{ text-align: center; margin-top: 40px; margin-bottom: 35px; cursor: pointer;} .res-more a{ background:#333333; color: #fff; text-align: center; line-height: 50px; display: inline-block; width: 180px;cursor: pointer;} .rel-news-wrap{ margin-top:25px; margin-right: -2.33%;} .rel-news-wrap .item-cell{ background: #fafafa; width:31%; margin-right:2.33%; float:left;} .rel-news-wrap .item-cell .item-tit{ height: 32px; overflow: hidden;color:#333; font-size: 18px; padding: 15px 18px;} .rel-news-wrap .item-cell .item-tit a:hover{ color: #d09b4f;} .res-more a:after{ content: ""; display: inline-block;content: "\e74a"; font-family:"iconfont" !important; font-size:16px; font-style:normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; margin-left: 5px;} .res-more2 a:after{content: "\e749"; } .com-tit19 a{background: url(../images/i_mores.jpg) right center no-repeat; padding-right: 43px;} .pub-info{ margin-top: 25px;} .pub-info ul li{ margin-bottom: 15px;} .pub-info ul li a{ border: 1px solid #f9f9f9;display: block; padding: 15px 135px 15px 25px;box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.08); color: #333; font-size: 18px; position: relative;} .pub-info ul li a span{ font-size: 16px; position: absolute; top: 15px; right: 35px;} .pub-info ul li a span img{ vertical-align: middle; margin-right: 8px;} .pub-info ul li a:hover{ color:#c89a5e; } /*鏂板姞*/ .new-service{background:#fafafa; padding:48px 0; margin:30px 0;} .new-service .item-cell{ overflow: hidden;position: relative; height: 203px; width:30.33%; float: left;margin-right: 3%; background: #fff;;box-shadow: 0px 2px 15px 0px rgba(0, 0, 0, 0.1);} .new-service .wrap-layer{} .new-serviceinner{margin-right:-3%;} .new-service .item-pic{ position: absolute; right: 0; top: 0; overflow: hidden;} .new-service .item-cell .item-pic img{transition: all .6s; -webkit-transition: all .6s;} .new-service .item-cell:hover .item-pic img{ transform: scale(1.1)} .new-service .item-cnt{ padding-left: 25px; padding-top: 30px; width: 130px;} .new-service .item-cnt .item-tit a{ font-size:22px; color:#cf9e4f;} .new-service .item-desc{ line-height: 150%; margin-top: 10px; font-size: 16px; color: #666;} .new-service .item-more{ margin-top:15px;} .new-service .item-more a{ overflow: hidden; background: url(../images/pmore1.jpg) right center no-repeat; display: block; width: 43px; height: 20px; line-height: 120px; } .salinks{ overflow: hidden; margin: 50px 0; margin-right: -2%;} .salinks .item-cell{ height: 245px; padding-top:45px; box-sizing:border-box; background: #fafafa; width: 23%; margin-right: 2%; float: left; text-align: center;} .salinks .item-cell cite{ font-size: 16px; color: #666; display: block; margin:0 auto; width: 144px;} .salinks .item-cell h4{ font-size: 20px; font-weight: normal; margin-top: 5px; margin-bottom: 5px;} .salinks .item-cell a{ display: block;} .salinks .item-cell a span{transition: all .6s; -webkit-transition: all .6s; display: block;} .salinks .item-cell:hover a span{transform:rotateY(180deg);-ms-transform:rotateY(180deg);-webkit-transform:rotateY(180deg);} /*璇烽€夋嫨鍏徃*/ .mod-sels-serch{ position: relative; z-index: 4; width: 40%; margin: 0 auto;margin-bottom: 30px;} .mod-serch-l{cursor:pointer; width:100%; background:url(../images/down_icon1.png) right 10px top 22px no-repeat; height:50px; position:relative; border:1px solid #ccc; border-radius:5px; } .mod-serch-l span{ line-height:50px; padding-left:10px; font-size: 20px;} .mod-serch-l ul{ position:absolute; top:50px; left:0; width:100%; background:#fff; border:1px solid #eee; /*border-top:none;*/ padding:5px 0; display:none; } /*.mod-serch-l:hover ul{ display:block;}*/ .mod-serch-l ul li{ padding:0 10px; font-size: 18px; line-height:40px; border-bottom:1px dotted #eee; cursor:pointer;} .mod-serch-l ul li:hover{ background:#fafafa;} .modjob-wrap .item-fields li.companys{ min-width: 100%;} /*鏂版敼椤甸潰*/ .mod-news-cor .item-cell .item-pic span{ background: rgba(0,0,0,.3); display: block; position: absolute; left: 0; top: 0; right: 0;bottom:0; text-align: center;} .mod-news-cor .item-cell .item-pic cite{ display:block; padding-top: 70px; font-size: 24px; color: #fff;} .mod-news-cor .item-cell .item-pic{ max-height: 240px; overflow: hidden; position: relative;} .mod-news-cor .item-cell .item-pic img{ width: 100%;} .mod-news-cor .item-cell .item-pic i{ font-size: 16px; display: block; padding-top: 10px; font-style: normal; color: #fff; padding-bottom: 50px; background:url(../images/mmore.png) center bottom 4px no-repeat; background-size: 32px 32px;} .mslinks{ overflow: hidden; margin-right: -2%;} .mslinks .item-cell{text-align: left;box-sizing: border-box; height: 250px; width:23%; float: left; margin-right:2%; background:#f4f4f4;} .mslinks .item-cell h3{ height:115px; width:auto; background:url(../images/dbtopic_bg1.png) center bottom no-repeat; text-align: center; color: #fff; font-size: 20px; padding-top: 35px; box-sizing: border-box;} .mslinks .item-3 h3{ padding-top:28px;} .mslinks .item-cell span{ font-size:16px; color:#333;} .mslinks .item-2 span,.mslinks .item-3 span,.mslinks .item-4 span{ display: block; padding-top: 30px;} .md-newcode{ text-align:center; margin-bottom:50px;} .md-newcode .item-cell{ background:#fff; box-sizing: border-box; width:150px; display:inline-block; padding:10px 10px; box-sizing:border-box; margin:0 15px; } .md-newcode .item-cell .item-pic img{ display:block; margin: 0 auto;} .md-newcode .item-cell .item-ico{ height: 0;} .md-newcode .item-cell .item-tit { font-size:14px; color:#666; margin-bottom: 5px;} .kf-right{ background:url(../images/fxbg2.png) center bottom no-repeat; right: 0; position: fixed; top: 50%; margin-top: -260px; z-index: 9999; width: 185px; height: 583px; height: 634px;} .kf-right ul{ display: block; padding-top: 140px; text-align: center;} .kf-right ul li{ margin-top: 8px;} .kf-right ul li a cite{ font-size: 20px; margin: 0 auto;display: block; width: 136px; height: 43px; line-height: 43px; background:url(../images/fixbg1.png) center center no-repeat;} .kf-right ul li i{background:url(../images/fixbg2.png) center center no-repeat; display: block; width: 137px; height: 117px; margin: 0 auto;} .kf-right ul li i img{ width: 90px; height: auto; margin-top: 5px;} .kf-right ul li i span{ display: block; margin-top: -10px; font-style:normal;} /*涓€у畾鍒?/ .myprolists5 .item-bts{ text-align: center; padding-bottom: 10px;} .myprolists5 .item-bts a{ /*border: 1px solid #f4dba8;*/height: 35px; line-height: 35px; overflow: hidden;border-radius:35px; font-size: 15px;color: #a64333; text-align: center; display: inline-block; width: 120px;background:url(../images/bt2.jpg) center center no-repeat; background-size: 100% 100%;} /*鎷涘嫙*/ .advstit{ text-align:center;} .steps-bg{background:#f9f9f9;} .adv-list{ margin-top: 30px;margin-right: -2%;} .adv-list .item-cell{ height: 240px; box-sizing: border-box; width:18%; padding-bottom: 25px; float:left; margin-right: 2%; position: relative;} .adv-list .item-ico{background:url(../images/zm_bg1.png) 0 0 no-repeat; text-align: center;width: 175px; height: 94px; line-height: 94px; padding-right: 40px; box-sizing: border-box; } .adv-list .item-ico img{ vertical-align: middle;} .adv-list .item-tit{ padding-left: 15px; margin-top: 25px; font-size:22px; color:#c9a05e; font-weight:bold;} .adv-list .item-cnt{ padding-left: 15px; margin-top:5px; font-size: 16px; color: #666; line-height: 150%;} .adv-list .item-cell:after{ position: absolute; left: 0; content: ""; display: block; border-left: 2px solid #c9a05e; bottom:0;top: 0;} .adv-list .item-cell:before{ position: absolute; bottom: 0; left: -3px; content: ""; display: block; width: 8px; height: 8px; border-radius:8px; background: #c9a05e; } .adv-list .item-2 .item-ico{ position:absolute; bottom: 0; left: 0; margin-bottom: 0;} .adv-list .item-2:before{ bottom: auto; top: 0;} .mod-zmfrm{background:url(../images/zmbg10.jpg) center 0 no-repeat; background-size: cover;} .zmfrm-left{ float:left; width: 50%; } .zl-icons{width:483px; margin: 0 auto;} .zmfrm-tit{ background:url(../images/titbg5.jpg) center 0 no-repeat; background-size: 100% 100%; width: 483px; line-height: 55px; text-align: center; font-size: 18px; color: #95660d;margin: 0 auto;} .zl-icons{ overflow: hidden; background: rgba(255,255,255,.65); } .zmfrm-right{ width: 50%; float: right;} .zmfrm{ width: 435px; margin: 0 auto;} .zl-icons{ padding-bottom:35px; padding-top: 30px;} .zl-icons ul li{ width:50%; float:left; text-align:center; padding-top: 20px;} .zl-icons ul li span{ font-size:18px; color:#c4242a;} .zmfrm{ margin-top:25px;} .fr-tits{ font-size:16px; color:#666; margin-bottom:2px;} .fr-items{ margin-top: 22px;} .fr-items .fr-input input{ width: 100%; box-sizing: border-box; border: 1px solid #e0cba5; background:#fff; line-height: 50px; padding: 0 18px; box-sizing: border-box; font-size: 16px;} .zmfrm .fr-bt{ margin-top:30px;} .zmfrm .fr-bt a{ height: 55px; display: block;line-height: 55px; background:#c9a05e; color: #fff; font-size: 16px;text-align: center; cursor:pointer;} .mod-sd-sc{ display: flex; justify-content: space-between; margin-bottom: 40px;} .mod-sd-sc span{ display: block; margin: 0 8px;} .qkbook-tit{ text-align: center; font-size: 32px; font-weight: bold; color: #333333; margin-bottom:20px;} .qk-roll .item-cell{ padding: 0 34px; box-sizing: border-box;} .qk-roll .item-cell img{ max-width: 532px; display: block; margin: 0 auto;} .mod-qkbook{ position: relative;} .mod-qkbook .qk-roll h3{ color: #333333; font-weight: normal;font-size: 20px; text-align: center; margin-top: 20px;} .mod-qkbook .qk-bt-1,.mod-qkbook .qk-bt-2{ line-height: 60px; background: #fff; z-index: 9; font-weight: bold;position: absolute; width: 60px; height: 60px;box-shadow: -5px 0 5px rgba(0,0,0,0.06), 5px 0 5px rgba(0,0,0,0.06), 0 -5px 5px rgba(255,255,255,0.06), 0 5px 5px rgba(0,0,0,0.06); border-radius: 60px; text-align: center; color: #c89b58; left: 0; top: 50%; margin-top: -40px; cursor: pointer;} .mod-qkbook .qk-bt-1 a:before,.mod-qkbook .qk-bt-2 a:before{font-size: 30px; } .mod-qkbook .qk-bt-2{ right: 0; left: auto;} .mod-qkbook .qk-bt-1 a,.mod-qkbook .qk-bt-2 a{ cursor: pointer;} .kf-right .folds-1{ display: none;} .kf2 .folds-1{ display: block; width: 137px; margin: 0 auto;} .kf2 ul{ display: none;} .kf2{ background: none; top: 50%; margin-top: -60px;} /*鏂颁骇鍝侀〉闈?/ .yellowcolors{ color: #ae9375;} .txt1-l2{ width: 706px;} .spec-pros{ margin-top:20px;} .spec-pros .item-cell{ overflow: hidden;} .spec-pros .item-cell .item-pic{ width: 50%; float:left; box-sizing: border-box;} .spec-pros .item-cell .item-cnt{ padding-top: 35px; padding-left: 34px; width: 50%; float:left;box-sizing: border-box;} .spec-pros .item-2 .item-pic{ float: right;} .spec-pros .item-2 .item-cnt{ padding-right: 34px; padding-left: 0; } .spec-pros .item-cell:nth-child(1) .item-cnt{padding-top: 10px; } .spec-pros .item-cell .item-tit{ font-size: 20px;} .spec-pros .item-cell .item-desc20{ padding-top:10px; font-size: 16px;} .spec-pros .item-cell .item-tit2{ color: #b09373; font-size: 16px;} @media screen and (max-width: 480px) { .spec-pros{ margin-top: 0;} .pcnts-contents{ position: relative;} .txt1-r2{ position: absolute; top: 60px;} .txt1-l2{ margin-right: 0!important; padding-top: 40px;width:auto;font-size:14px;} .spec-pros .item-cell .item-pic{ height: 180px;} .spec-pros .item-cell .item-pic,.spec-pros .item-cell .item-cnt{ width: auto; float: none;} .spec-pros .item-cell .item-cnt{ padding: 0!important; margin-top:10px;} .spec-pros .item-cell{ margin-bottom: 20px;} .spec-pros .item-cell .item-desc20{ font-size: 14px;} .spec-pros .item-cell .item-tit{ font-size: 18px;} .spec-pros .item-cell .item-tit2{ font-size: 14px;} } /*鏂板姞璐拱浜у搧椤甸潰*/ .shopcart-css a{background: url(../images/newico5.png) 0 center no-repeat; height: 26px; line-height: 26px; display: inline-block; padding-left: 30px; color: #cf9e4f; font-size: 16px;} .shopcart-css{ margin-right: 20px;} .navMenu>li>a>span{ font-size: 16px;} .navMenu>li>a{padding: 0 16px 0 16px;} .wrap-nav{ padding-right: 180px; width: 810px; } /*璐拱浜у搧椤?/ .sp-tit{margin-bottom: 20px;} .sp-tit span{ font-size:32px; font-weight:bold; color: #a07e51; } .mod-sp{ overflow: hidden; margin-right: -3%; } .mod-sp .item-cell{ text-align:center; background:#f7f5f2; width: 22%; margin-right:3%; float:left; padding:40px 0; font-size: 18px;} .mod-sp .item-ico{ vertical-align: middle;} .mod-sp .item-ico *{vertical-align: middle;} .mod-sp .item-ico cite{ margin-left: 8px; font-weight: bold; color: #a07e51;} .mod-sp .item-pic{ width: 160px; padding-top: 20px; box-sizing: border-box; height: 160px; margin: 0 auto; margin-top:20px; background: #fff; text-align: center;} .mod-tyg .item-tit{ font-size:24px; color:#000; font-weight:bold; } .mod-tyg .item-desc{ color:#666; font-size: 16px;} .mod-tyg .item-cnt{ width: 450px; box-sizing: border-box; padding: 60px; float: left;} .mod-tyg .item-pic{ margin-left: 450px;} .mod-tyg .item-cell{ padding: 35px 0; background: url(../images/sdjs_bg1.jpg) 0 0 no-repeat;} .item-bts a{ display: inline-block; height: 40px; line-height: 40px; background: #cbaa6d; color: #fff; padding: 0 18px; margin-right: 16px; } .mod-tyg .item-bts{ margin-top:35px;} .mod-tyg .item-desc{ font-size: 16px; margin-top: 20px;} .mod-tyg{ position:relative; } .mod-tyg .tyg-bt{ bottom:66px; position: absolute; left: 410px; z-index: 8;} .mod-tyg .tyg-bt a{ display:inline-block; text-align: center; line-height: 40px; width: 40px; height: 40px; background:#cbaa6d; color: #fff; cursor:pointer; } .mod-tyg .tyg-bt a.bt-l{background:#a07e51;} .serach-tops2 div.select-main{ border: 1px solid #a07e51;} .serach-tops2 .sear-bt a{ background:#c0a572;} .spec-stores{ overflow-y: auto; max-height: 480px;} .spec-stores .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background: #a07e51!important;} .spec-stores .mCSB_scrollTools .mCSB_draggerRail{background: #f3f1ef!important; opacity: 1!important;} .spec-stores .item-pic { /*width:50%; float: left;*/} .spec-stores .item-cnt{/* width: 50%; float: left; */ } .spec-stores .item-cnt .item-tit{ font-size:18px; font-weight: bold;} .spec-stores .item-desc{ position: relative; padding-left: 25px; font-size: 16px; margin-top:8px; color: #666; line-height: 150%;} .spec-stores .item-desc:before{ position: absolute; left: 0; top: 0; font-family:"iconfont" !important; display:inline-block; font-style:normal; color: #c0a572; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;content: "\e734"; font-size: 20px; margin-right: 8px;} .spec-stores .item-bts{ margin-top:35px;} .spec-stores .item-cell{/*overflow: hidden;*/ margin-bottom:1%;} .stores-inners{ flex-flow: row wrap; } .stores-inners .item-cell { width:48%;padding:10px 40px;box-sizing:border-box; margin-right: 2%; background: #f7f5f2; } .sp-tips{ font-size: 16px; color: #a07e51; margin-top: -10px; margin-bottom:20px;} .mdbuys-left{width:50%; padding-right: 30px; box-sizing: border-box; float:left;} .mdbuys-left .item-cell{ width: 50%; text-align: center; float: left; padding: 0 15px; box-sizing: border-box;} .mdbuys-left .item-cell .item-pic{ width: 180px; margin: 0 auto; } .mdbuys-left .item-cell .item-tit a{ font-size: 18px; color: #000000; font-weight:bold; } .mdbuys-left .item-cell .item-tit{ margin-top: 10px;} .mdbuys-left .item-cell .item-desc{ margin-top: 5px; color: #666666; font-size: 16px;} .mdbuys-right{ height: 350px; width: 50%; float: right; position: relative;} .mdbuys-right:after{ position: absolute; height: 350px; left: 0; top: 0; content: ""; display: block; background: url(../images/primg2.jpg) 0 0 no-repeat; width: 960px;} .mdbuys-right .mdbuys{width: 415px; height:138px; position: relative; z-index: 2; margin-top:118px; margin-left:85px; background:rgba(255,255,255,.6);} .mdbuys-right .mdbuys-img{ background: #fff; padding:10px 10px;} .mdbuys-right .mdbuys-cnt{ padding:35px 27px;} .mdbuys-right .mdbuys-tit{ font-size: 18px; color:#d70212;} .mdbuys-right .mdbuys-desc{ font-size: 30px; color: #d70212; font-weight: bold; line-height: 100%;} .mdbuys-left{ padding-top: 40px;} .nodata{ text-align: center;font-size: 18px; margin-bottom: 60px;} .nodata img{ display: inline-block;width: 150px;} .nodata h3{font-size: 18px;} .flexs{display:-webkit-box; display: -moz-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex;} .H60{ height: 60px;} .kf-right{ width:117px; height: 539px; margin-top: -265px;/*margin-top: -95px;*/ background: url(../images/fxbg20.png) center bottom no-repeat; } .kf-right ul li a cite{ width: 80px; height: 35px; line-height: 35px; text-align: center; background: #e7bb74; font-size: 14px; border-radius: 5px;} .kf-right ul li:hover a cite{background: #cf9e4f;} .kf-right ul{ padding-top:90px;} .kf-right ul li{ margin-top:8px;} .kf-right ul li:nth-last-child(1){ margin-top: 12px;} .kf-right ul li a{ cursor: pointer;} .kf2 .folds-1{ display: block; cursor: pointer; width: 117px; margin: 0 auto;} .kf2 ul{ display: none;} .kf2{ background: none; top: 50%; margin-top: -60px;} .kf-right ul li i{ width: 80px; height: 110px; background-size: 100% 100%} .kf-right ul li i span{ font-size: 12px;} .kf-right ul li i img{ width: 80px; height:80px;} .closes5{ text-align: center; margin-top: 20px;} .closes5 img{ width: 30px; height: 30px; cursor: pointer;} .kf2 .closes5{ margin-right: 20px;} @media screen and (max-width: 480px) { .nodata h3{font-size: 16px;} .nodata img{ width: 100px; display: inline-block;} .spec-pros{ margin-top: 0;} .pcnts-contents{ position: relative;} .txt1-r2{ position: absolute; top: 60px;} .txt1-l2{ margin-right: 0!important; padding-top: 40px;width:auto;font-size:14px;} .spec-pros .item-cell .item-pic{ height: 180px;} .spec-pros .item-cell .item-pic,.spec-pros .item-cell .item-cnt{ width: auto; float: none;} .spec-pros .item-cell .item-cnt{ padding: 0!important; margin-top:10px;} .spec-pros .item-cell{ margin-bottom: 20px;} .spec-pros .item-cell .item-desc20{ font-size: 14px;} .spec-pros .item-cell .item-tit{ font-size: 18px;} .spec-pros .item-cell .item-tit2{ font-size: 14px;} .mod-sp{margin-right:-2%;} .mod-sp .item-cell{ width: 48%; font-size: 15px; padding:10px 0; margin-right: 2%; margin-bottom: 2%; } .sp-tit span{ font-size: 20px;} .sp-tit{ margin-bottom: 10px;} .mod-sp .item-pic{ width: 140px; height: 140px; padding-top: 10px; margin: 0 auto;} .mod-sp .item-ico{ margin-bottom: 10px;} .mod-sp .item-ico img{ height: auto; width: 22px;} .mod-tyg .item-cnt{ float: none; width: auto; padding: 15px;} .mod-tyg .item-bts{ margin-top:15px;} .mod-tyg .item-pic{ margin-left: 0;} .mod-tyg .item-tit{ font-size: 18px;} .mod-tyg .item-desc{ font-size: 14px;margin-top:10px;} .mod-tyg .item-cell{padding: 0 0;} .mod-tyg .item-inner{ display: flex; flex-direction: column-reverse;} .mod-tyg .tyg-bt{ left: 0; right: 0; top:70px; height: 40px;} .mod-tyg .tyg-bt .bt-r{ float: right;} .mod-tyg .tyg-bt a{background: #cbaa6d!important; width: 30px; height: 30px; line-height: 30px;} .spec-stores .item-pic{ float: none; width: auto;} .spec-stores .item-cnt{ width: auto; float: none; } .spec-stores .item-cnt .item-tit{ font-size: 16px; line-height: 120%;} .spec-stores .item-desc{ margin-top: 15px; font-size: 14px;} .spec-stores .item-bts{ margin-top: 20px;} .spec-stores{max-height: 330px;} .mdbuys-left,.mdbuys-right{ width: auto; float: none;} .mdbuys-right:after{ display:none;} .mdbuys-left{ overflow: hidden; padding-right: 0;} .mdbuys-right{ background: url(../images/primg2.jpg) 0 0 no-repeat; background-size:cover; height: auto; padding: 15px 15px; margin-top: 20px;} .mdbuys-left .item-cell .item-pic{ width: 120px;} .mdbuys-left .item-cell .item-tit a{ font-size: 15px;} .mdbuys-left .item-cell .item-desc{ font-size: 13px;} .mdbuys-right .mdbuys{ width: auto; margin: 0;} .mdbuys-right .mdbuys-cnt{ padding:15px;} .mdbuys-right .mdbuys-tit{ font-size: 14px; padding-top:18px;} .mdbuys-right .mdbuys-desc{ font-size: 20px;} .mdbuys-img img{ width: 100px; height: 100px; display: block;} .mdbuys-right .mdbuys{ height: auto;} .sp-tit,.sp-tips{ text-align: center;} .sp-tips{ font-size: 14px;} .newprocnt2{ max-height: none;} .stores-inners .item-cell{ width: 98%; padding: 25px 15px;} .cors-left{ float: none; width: auto; text-align:center;} .cors-tit{ width:auto; text-align:center; border:none; padding-top:0; } .cors-en{ padding-top:0px; margin-top: -4px; } .cors-tit a{ display: inline-block; } .cors-tit a:before{ content:""; display:block; margin-bottom: 10px; border-top: 2px solid #cf9e4f; } .cors-tit{ font-size:24px;} .cors-desc{ font-size: 15px;} .H60{ height: 30px;} .cors-right{ width: auto; float: none;} .new-footer .wrap-layer,.mod-index .wrap-layer,.header-wrap .wrap-layer {width: 100%; box-sizing: border-box;} .mdcors-wrap{ margin: 0 auto;margin-top: 20px;} .mdcors-wrap .item-tit *{ font-size: 15px;} .mdcors-wrap .item-tit{ line-height: 140%;} .mdcors-wrap .item-cell{ width: 48%; margin-bottom: 15px;} .mdcors-wrap .item-cell:nth-last-child(1){width: 98%;} .mdcors-wrap .item-pic{ height: 100px!important;} .mdcors-wrap .item-desc{ line-height: 120%;} .mdcors-wrap .item-pic a.tit{ left: 0; } .mdcors-wrap .item-desc{ font-size: 12px;} .mdcors-wrap .item-pic a.tit span{ left: 0; right: 0; text-align: center;} .mdcors-wrap .item-cnt{ text-align: center;} .new-tabs{ text-align: center; margin-top:-15px; margin-bottom:10px;} .new-tabs a{ margin: 0 10px;} .mod-news-18 .item-cell{ padding-right: 0; overflow: hidden;} .mod-news-18 .swiper-rollnews{ overflow: hidden;} .mod-news-18 .item-pic{ height:180px!important; } .cbt-l{ left: 0;} .mod-news-18 .item-date{ margin-top: 5px; line-height: 100%;} .mod-news-18 .item-date a{ font-size: 12px;} }