.d_service_box1{ height: 635px; background-size: cover;} .d_service_box1 .txt{ padding:175px 0 0; width: 100%; text-align: center; background: url(../images/d_bg02.png) center 185px no-repeat; } .d_service_box1 .txt h2{ color: #4f4f4f; font-size: 68px; margin:70px 0 20px; line-height: 1.1; *+padding-top:70px;} .d_service_box1 .txt p{ overflow: hidden; color: #747371; margin-bottom: 130px; font-size: 18px;} .d_service_box1 .txt a{display: inline-block;width: 28px; height: 28px; background: url(../images/index_more1.png) no-repeat center center;} .d_service_box1 .txt a:hover{background: url(../images/index_more1_on.png) no-repeat center center;} .d_service_box2{margin:100px 0 20px} .d_service_box2 li{ float: left; width: 25%; text-align: center;*+margin-left:-1px;} .d_service_box2 .txt{ display: block; width: 190px; height: 190px; margin:0 auto 26px; border:4px solid #BFB092; border-radius: 50%; background: #FBF6EC; position: relative;} .d_service_box2 .txt img{ width: 65px; height: 65px; margin:62px 0;} .d_service_box2 .txt .bg_layer{ transition: 0.3s all;-webkit-transition: 0.3s all;-moz-transition: 0.3s all;-o-transition: 0.3s all;-ms-transition: 0.3s all;position: absolute; left:0; top:0; width: 100%; height: 100%; color: #fff; font-size: 15px; background: #B02D2D; opacity: 0;filter:alpha(opacity=0); z-index: 2; border-radius: 50%;} .d_service_box2 .txt .bg_layer p{ line-height: 1.6; max-height: 4.8em; overflow: hidden; margin-top: 58px; } .d_service_box2 h2{ font-size: 20px; } .d_service_box2 h2 span{ border-bottom: 2px solid #B02D2D; padding-bottom: 7px; color: #000;} .d_service_box2 li:hover .txt .bg_layer{ opacity: 1;filter:alpha(opacity=100);} .d_service_box2 li:hover span{color: #B02D2D;} .d_check_box1{ padding:165px 0 177px; background-size: cover; overflow: hidden;} .d_s_l{float: left; width: 359px; height: 434px; border: #af9c77 solid 2px; border-radius: 20px;margin-right: 214px;} .d_s_l ul{padding: 40px 0 0 24px;} .d_s_l ul li{width: 67px; height: 67px; text-align: center; line-height: 67px; font-size: 32px; font-family: arial; color: #fff; background: #af9c77; border-radius: 50%; float: left; margin: 0 18px; margin-bottom: 28px;} .d_s_l ul li.on{background: #b02b2b;} .d_s_l ul li.list{cursor: pointer;} .d_s_r{width: 600px; float: left;} .d_s_r .txt{padding-left: 36px; font-family: "榛戜綋"; margin-bottom: 45px;} .d_s_r .txt h2{color: #b02b2b; font-size: 32px; line-height: 41px;} .d_s_r .txt span{ display: inline-block; background: #B02D2D; color: #fff; font-size: 45px;} .d_s_edit ul li{display: none;} .d_s_edit ul li.on{display: block;} /*.d_check_box1 em{ display: block;; margin-bottom: 50px; } .d_check_box1 em img{ width: 63px; height: 63px; } .d_check_box1 h2{color: #B02D2D; font-size: 32px; margin-bottom: 5px;} .d_check_box1 span{ display: inline-block; background: #B02D2D; color: #fff; font-size: 40px; padding:0 6px;}*/ /*.d_check_box1 .txt{ text-align: center;} .txt_edit{margin: auto;margin-top: 20px; width: 500px; } .txt_edit h3{text-align: center;color: #B02D2D; font-size: 18px;margin-bottom: 20px;}*/ .d_area_box1{ padding: 35px 0; background-size: cover; position: relative;} .d_area_type{position: absolute; right: 7.39%; top:90px;} .d_area_type a{color: #525252; padding:0 22px 5px;} .d_area_type a.on{ color: #B02D2D; border-bottom: 2px solid #AF2D2D;} .d_area_box1 img{max-width: 100%;} .nopad{padding:0;} .network{position: relative; padding:0 0 30px;} .nanhai{ position: absolute;right:375px; bottom:-35px; } .province_ul{width:760px; height:620px; position:absolute; margin:0 auto; left:0; top:0; z-index:1; opacity: 0;} .province_ul li{ color:#333; font-size:12px; width:100px; height:20px; position:absolute;} .province_ul li.current{color:#fff;} .province_ul li.current span{background:url(../images/d_dot06.png) center top no-repeat;color:#fff; padding-top: 25px;*+position:relative;} .province_ul li.m01{left:590px; top:205px;} .province_ul li.m02{ left:630px; top:160px;} .province_ul li.m03{ left:630px; top:110px;} .province_ul li.m04{ left:508px; top:228px;} .province_ul li.m05{ left:525px; top:242px;} .province_ul li.m06{ left:500px; top:260px;} .province_ul li.m07{ left:455px; top:280px;} .province_ul li.m08{ left:450px; top:200px;} .province_ul li.m09{ left:585px; top:380px;} .province_ul li.m10{ left:568px; top:350px;} .province_ul li.m11{ left:570px; top:410px;} .province_ul li.m12{ left:534px; top:370px;} .province_ul li.m13{ left:550px; top:460px;} .province_ul li.m14{ left:510px; top:440px;} .province_ul li.m15{ left:535px; top:295px;} .province_ul li.m16{ left:475px; top:335px;} .province_ul li.m17{ left:460px; top:380px;} .province_ul li.m18{ left:450px; top:440px;} .province_ul li.m19{ left:480px; top:502px;} .province_ul li.m20{ left:410px; top:502px;} .province_ul li.m21{ left:410px; top:580px;} .province_ul li.m22{ left:395px; top:405px;} .province_ul li.m23{ left:320px; top:390px;} .province_ul li.m24{ left:380px; top:455px;} .province_ul li.m25{ left:290px; top:490px;} .province_ul li.m26{ left:120px; top:360px;} .province_ul li.m27{ left:410px; top:322px;} .province_ul li.m28{ left:318px; top:260px;} .province_ul li.m29{ left:230px; top:290px;} .province_ul li.m30{ left:368px; top:280px;} .province_ul li.m31{ left:120px; top:180px;} .province_ul li.m32{ left:590px; top:500px;} .province_ul li.m33{ left:505px; top:530px;} .province_ul li.m34{left:470px; top:550px;} .map_box{ position:relative; width:760px; height:620px; margin:0 auto;} #svgpaper{ width:760px; height:620px; position:absolute; left:-40px; top:0; z-index:0} #paper{width:760px; height:620px; position:absolute; margin:0 auto; left:-40px; top:0; z-index:2} .hidden{ display:none;} .black_layer{ display: none; width: 100%; height: 100%; position: absolute; left:0; top:0; z-index: 1000; /*background: rgba(0,0,0,0.5);*/ background: url(../images/d_dot09.png) repeat;} .cl11{ position:fixed;display:none; width:1280px; max-height:80%; left:50%;top:15%; margin-left:-640px;background:#fff;z-index: 1001;} .cl11 .close{ position:absolute;right:0; top:-80px; width:26px; height: 26px;z-index:1002; background: url(../images/d_dot07.png) no-repeat; } .address-select { position: absolute; left:30px; top:-80px;height: 40px; z-index: 1002;} .address-select span{ font-size: 40px; height: 40px; line-height: 1; cursor: pointer; color: #fff; padding-right:40px; background: url(../images/d_dot08.png) right center no-repeat; } .address-select ul{ display: none; height: 220px; overflow-y:auto; background: #fff; padding:20px; margin:20px 0 0;} .address-select ul li{ height: 30px; line-height: 30px; color: #000000; cursor: pointer;} .address-select ul.on{ display: block;} .area_list{ width: 100%; max-height: 750px; overflow-y:auto;} .area_list li{ float: left; width: 25%;background: #fff; color: #000;*+margin-left:-1px;} .area_list li .inner{padding:20px 30px; height: 210px;} .area_list li:nth-child(8n-1),.area_list li:nth-child(8n-3),.area_list li:nth-child(8n-4),.area_list li:nth-child(8n-6){background: #EBEBEC;} .area_list li.an{background: #EBEBEC;} .area_list li h2{ font-size: 36px; margin-bottom: 10px;} .area_list li p{ position: relative; font-size: 16px; line-height: 1.5; margin-bottom: 0.3em; max-height: 4.5em; overflow: hidden;} .area_list li p span{ position: absolute; left:0; top:0;} .area_list li p em{ padding-left: 50px;} .d_area_box2{margin:75px 0 90px;} .d_area_box2 li{ float: left; width: 30.33%; margin:0 1.5% 3%;} .ie7 .d_area_box2 li{ margin:0 1.4%;} .d_area_box2 li h3{ color: #646464; font-size: 20px;} .d_area_box2 li h2{color: #646464; font-size: 36px; margin-bottom: 20px;} .d_area_box2 li h2 span{font-size: 20px; font-family: arial; display: block;} .d_area_box2 li p{ line-height: 1.6; position: relative;} .d_area_box2 li p span{ width: 70px; position: absolute; left: 0; top:0;} .d_area_box2 li p em{ padding-left: 75px; display: block; font-family: arial;} .d_area_box2 li p.first em{ color: #B02D2D; } @media only screen and (max-width: 1660px){ .area_list{max-height:500px;} } @media only screen and (max-width: 1280px){ .cl11{ width: 1250px; margin-left:-625px; } } .d_brand_banner img{max-width: 100%;} .d_brand_box1{padding:95px 0 60px; background: #fff;} .d_brand_box1 li{ float: left; width: 28.33%; padding-right: 5%;*+margin-left:-1px;} .d_brand_box1 li h1{ font-size: 36px; color: #515151; margin-bottom: 70px; line-height: 1.2;} .d_brand_box1 li h1 span{ display: block; font-size: 30px; margin-top: 10px; font-style: italic; text-transform: uppercase; } .d_brand_box1 li h2{ color: #000; font-size: 20px; margin-bottom: 15px;} .d_brand_box1 li p{ color: #646464; line-height: 1.8; font-size: 15px; margin-bottom: 40px;} .brand_edit{margin-bottom: 35px;} .d_brand_box1 li a.buy_btn{ display: block; width: 128px; height: 36px; line-height: 36px;font-size: 15px; text-align: center; background: #B02D2D; color: #fff; } .d_brand_box1 li a.buy_btn:hover{ background: #891218; color: #fff!important;} .d_brand_box2{background: #F4F4F4; padding:60px 0 80px; margin-bottom: 50px;} .d_brand_box2 .showbox{ height: 600px; overflow: hidden;} .d_brand_box2 .bimg{ float: left; margin:0 240px; width: 600px; height: 600px;} .d_brand_box2 .bimg li{ display: none; } .d_brand_box2 .bimg img{width: 600px; height: 600px;} .d_brand_box2 .simg{ float: right;width: 150px; height: 600px;position: relative; overflow: hidden;} .d_brand_box2 .simg ul{ position: relative;} .d_brand_box2 .simg li{ float: left; width: 150px; height: 150px; position: relative; cursor: pointer;} .d_brand_box2 .simg li img{width: 148px; height: 148px; border:1px solid #F4F4F4;} .d_brand_box2 .simg li.on img{border:1px solid #B33737;} .d_brand_box2 .simg .btn_up{ position: absolute; z-index: 10; left:0; top:0; width: 100%; height: 30px; background: rgba(179,55,55,0.5) url(../images/d_dot10.png) center center no-repeat; } .d_brand_box2 .simg .btn_down{position: absolute; left:0; bottom:0; width: 100%; height: 30px; background: rgba(179,55,55,0.5) url(../images/d_dot11.png) center center no-repeat;} .d_brand_box2 .simg .btn_up.disabled,.d_brand_box2 .simg .btn_down.disabled{ opacity: 0.5; filter:alpha(opacity=50);cursor: default; } .lt9 .d_brand_box2 .simg .btn_up{background: url(../images/d_dot10.png) center center no-repeat #B33737;} .lt9 .d_brand_box2 .simg .btn_down{background: url(../images/d_dot11.png) center center no-repeat #B33737;}