?* * #966333 主题颜色 * #e1c9b2 主题UK? */ body { padding: 0; color: #333; font-size: 14px; margin: 0px; background: #fff; padding: 0px; font: 14px 'PingFang SC','Helvetica Neue',Helvetica,'Hiragino Sans GB',STHeitiSC-Light,'Microsoft YaHei',Arial,sans-serif; text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; -moz-font-feature-settings: 'liga','kern'; overflow-x: hidden; line-height:180%; } img { border: 0; } a:focus { outline: none; -moz-outline-style: none; } * { padding: 0; margin: 0; } *:focus { outline: none; } ul, li { list-style: none; padding: 0; margin: 0; } .subcontent,.subcontent p, .subcontent table td, .subcontent table td p,.subcontent table td p strong{ font-size:16px; line-height:220%} .subcontent td{font-size:16px; line-height:220%} .errorlog { margin: 0; padding: 0; text-align: center; height: 30px; line-height: 30px; font-size: 12px; float: left; text-indent: 10px; color: #ff0000; } .csr td{ line-height:normal} button { font-family: Microsoft YaHei,youyuan,arial,verdana,sans-serifsimsun; cursor: pointer; } font { font-family: "微Y雅黑"; font-size: 18px; color: #333; } a:link { color: #333; text-decoration: none; } a:visited { color: #333; text-decoration: none; } a:hover { color: #e5ad24; text-decoration: none; } .fixed { position: fixed; top: 50px; } .p_w { width: 100%; float: left; margin: 0; padding: 0px; } .p_i { width: 1200px; position: relative; margin: 0 auto; } .ba-g { background: #f2f2f2; } @font-face { font-family: DINOffcPro; src: url(fonts/index_DINOffcPro-CondBold_e359c161.eot); src: url(fonts/index_DINOffcPro-CondBold_e359c161.eot?#font-spider) format("embedded-opentype"),url(fonts/index_DINOffcPro-CondBold_62e87447.woff) format("woff"),url(fonts/index_DINOffcPro-CondBold_52947009.ttf) format("truetype"),url(fonts/index_DINOffcPro-CondBold_32f08569.svg) format("svg"); font-weight: 400; font-style: normal } .bgfff { background: #fff; } .fl { float: left; } .fr { float: right; } .radio { float: left; margin-right: 20px; padding-left: 30px; height: 30px; line-height: 30px; cursor: pointer; } .radioselected { cursor: pointer; } .after-clear:after { display: block; content: ""; clear: both; } .clear-fixz { clear: both; height: 0; } /* Clear float */ .clearfix:before,.clearfix:after{ content:"."; display:block; visibility:hidden; height:0; line-height:0; font-size:0; } .clearfix:after{ clear:both; } .clearfix{ zoom:1; } .clear{ clear:both; height:0; overflow:hidden;} .button { padding: 0 40px; height: 35px; line-height: 35px; background: url(../images/img03.jpg) repeat-x; border: 0; border-radius: 3px; float: left; overflow: hidden; color: #fff; cursor: pointer; text-align: center; font-size: 16px; } .button:link, .button:active, .button:visited, .button:hover { color: #fff; } input { font-family: "微Y雅黑"; } .button_bj { padding: 0 30px; height: 40px; line-height: 40px; background: url(../images/button_bj.jpg) repeat-x; border-radius: 3px; float: left; overflow: hidden; color: #fff; cursor: pointer; text-align: center; } .button_bj:link, .button_bj:active, .button_bj:visited, .button_bj:hover { color: #fff; } .c_orange { color: #ff6700; } .f16 { font-size: 16px; } .font_df { font-family: 'dinschriftregular'; } .w125 { width: 125px !important; } .mgt10 { margin-top: 10px; } .mgb10 { margin-bottom: 10px; } .mgr10 { margin-right: 10px; } .mgt20{margin-top: 20px;} .mgb20 { margin-bottom: 20px; } .mgl20 { margin-left: 20px; } .mgr20 { margin-right: 20px; } .mgt30 { margin-top: 30px; } .mgt40 { margin-top: 40px; } .mgb30 { margin-bottom: 30px; } .pdt10 { padding-top: 10px; } .pdt20 { padding-top: 20px; } .pdb20 { padding-bottom: 20px; } .pdt30 { padding-top: 30px; } .pdt40 { padding-top: 40px; } .pdt50 { padding-top: 50px; } .pdt60 { padding-top: 60px; } .pdb30 { padding-bottom: 30px; } .pdb40 { padding-bottom: 40px; } .pdb50 { padding-bottom: 50px; } .t-center { text-align: center; } .t-left { text-align: left; } .opa_0 { opacity: 0; } .opa_06 { opacity: .6; } .opa_1 { opacity: 1; } .floatleft{ float:left; } /* #header */ .des { height: 40px; line-height: 40px; margin-left: 10px; position: absolute; right: 5px; top: 0; } .top-first { position: relative; height: 39px; line-height: 39px; color: #000; font-size: 16px; padding-left: 10px; box-sizing: border-box; background: #F5F5F5; } .top-second { position: relative; background: #fff; border-bottom:#E0BB77 1px solid /*box-shadow: 0 2px 10px -2px #ccc;*/ } .city-coordinate { float: left; margin-top: 13px; background-image: url('../images/icon-address.png'); width: 14px; height: 14px; } .city-number { float: left; margin-left: 3px; font-size: 14px; color: #999; } .city-number > .allCityNumber { margin-left: 2px; margin-right: 2px; } .veirson-pic { position: absolute; top: -6px; right: 5px; display: inline-block; width: 30px; height: 16px; line-height: 15px; text-align: center; border: none; border-radius: 8px; color: #fff; font-size: 12px; background: url(../images/new.png) no-repeat 1px 2px; } .topSecond-first { float: left; padding:10px 0 16px 0; } #header_logo { display: block; width: 481px; height: 79px; cursor: pointer; float: left; background:url(../images/logo.png) no-repeat; margin-top:12px; } #branch_logo { display: block; width: 600px; height: 93px; cursor: pointer; float: left; background:url(../images/branch_logo.png?v=2.0) no-repeat; background-size:130px 82px; margin-top:12px; padding-left:150px; padding-top:35px; font-size:22px; letter-spacing:1.5px; font-weight:bold; color:#D0BA99; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .header-tell { display: block; margin-top: -20px; margin-right: 30px; width: 148px; height: 60px; float: right; } #jtl_city { position: relative; } #header_city { border: none; margin: 0; padding-left: 5px; cursor: pointer; float: left; font-size: 14px; color: #000; } .top-description { background: url('../images/tel.png') 0px 15px no-repeat; width: 270px; height: 65px; float: left; margin-left: 35px; margin-top:25px; text-align:right; } .top-description .text1{ color:#D5BB55; font-size:16px; font-weight:600; padding:0; margin:0; line-height:100% } .top-description .text2{ color:#D5BB55; font-size:35px; font-weight:600; padding:5px 0 0 0; margin:0; line-height:100% } /*.top-description>.description-home{position: relative; width: 90%;margin: 11px auto 0;background: #fff;border-top: 1px solid #333;height: 6px;} .top-description>.description-home>.description-title{width: 82%;margin: -11px auto 0;background: #fff;} .top-description>.description-brand{width: 178px;color: #999;}*/ .top-katong{ float:right; background:url(../images/katong.png) no-repeat top right; width:350px; height:97px; margin-top:5px; } .top-katong p{ font-size:18px; font-weight:600; color:#FFF; margin-top:41px; margin-left:50px; } .topdescription-icon { background: url('../../../images/icon/img-brand.png') left center no-repeat; float: left; height: 41px; width: 281px; margin-left: 220px; } .branch-top-katong{ float:right; color:#B59D83; text-align:right; padding-right:102px; font-weight:bold; font-size:20px; background:url(../images/branch_katong.png) no-repeat top right; width:350px; height:75px; margin-top:22px; font-family:arial; padding-top:10px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .branch-top-katong span{ display:inline-block; width:18px; height:18px; background:url(../images/branch_tel.png) no-repeat; background-size:100%; margin-right:10px; } .branch-top-katong .rxtel{ font-weight:lighter; font-size:14px; } /*.topdescription-icon>ul>li{float: left; height: 40px;line-height: 40px;} .topdescription-icon>ul>li>.icon-title{float: left;height: 40px;line-height: 40px;width: 64px;text-align: center;font-size: 13px;color: #666;}*/ #init_name { margin-right: 3px; display: block; float: left; color: #000; font-weight: bold; } .jtl-search { display: none; } #header_city > a { line-height: 39px; float: left; } .xia_biao { display: block; width: 50px; height: 39px; float: left; position: relative; color:#999; } #city_Name > .ci-rights { display: block; position: absolute; color: #666; font-style: normal; font-weight: 400; font-size: 21px; line-height: 15px; height: 7px; overflow: hidden; right: 0; top: 17px; transition: all 300 ease-in-out; } #header_city:hover .ci-rights { top: 15px; color: #ff6700; transform: rotate(-180deg); } #city_Name > .ci-rights > s { position: relative; text-decoration: none; top: -7px; } .shang_biao { color: #ff9c00; background: url(https://static.jtljia.com/images/system/menu_201601_shang.png) no-repeat center 14px; display: inline-block; width: 14px; height: 40px; } #header_cityselect { display: none; position: absolute; left: 0; top: 38px; width: 100%; border: 1px solid #eae1d9; border-top-left-radius: 0; border-top-right-radius: 0; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; padding: 0; background: #fff; z-index: 99999; box-shadow: 0px 2px 2px #ccc; font-family: "微Y雅黑"; font-size: 16px; color: #666; } .headerTell-icon { float: right; margin-left: 150px; width: 190px; height: 40px; background: url(https://static.jtljia.com/images/icon/top_tel.png) no-repeat center center; } .dakehu { display: block; width: 100%; height: 100%; } #header_cityselect > .city-quickfind { padding: 10px 20px; border-bottom: 1px solid #e1e1e1; color: #333; font-size: 16px; } #header_cityselect > .city-quickfind > .city-quicktitle { font-weight: bold; height: 30px; line-height: 30px; } #header_cityselect > .city-quickfind > .city-quickinput { margin: 10px auto; height: 32px; } #header_cityselect > .city-quickfind > .city-quickhot { height: 32px; font-size: 14px; } #header_cityselect > .city-quickfind > .city-quickhot > a { display: block; margin-right: 15px; float: left; height: 30px; line-height: 30px; cursor: pointer; } .city-quickinput > #submit_city { display: block; float: left; width: 70px; height: 32px; line-height: 32px; text-align: center; color: #fff; background: #d4bb56; border-radius: 3px; cursor: pointer; } .city-quickinput > #submit_city:hover { color: #fff; opacity: .9; } .normal-complate2 { background: #fff; display: block; float: left; height: 38px; line-height: 38px; position: relative; z-index: 10; border: 1px solid #ddd; text-align: left; } .normal-complate2 cite { width: 99px; height: 38px; line-height: 38px; display: block; font-family: "微Y雅黑"; color: #666; cursor: pointer; font-style: normal; font-size: 14px; padding-left: 10px; padding-right: 10px; background: url(https://static.jtljia.com/images/system/arrow-down1.png) no-repeat right 7px center; border: none; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .normal-complate2 ul { width: 119px; left: -1px; line-height: 30px; font-size: 12px; border: 1px solid #ddd; max-height: 152px; overflow-y: scroll; background: #fff; position: absolute; z-index: 200; margin-top: 1px; display: none; } .normal-complate2 ul li { width: 101px; height: 30px; line-height: 30px; color: #666; border-bottom: 1px solid #ddd; } .normal-complate2 ul li:last-child { border-bottom: none; } .normal-complate2 ul li a { display: block; width: 100%; height: 100%; line-height: inherit; color: #666; text-indent: 6px; font-size: 12px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .normal-complate2 ul li a:hover { color: #666; background: #f1f1f1; } .common-complate { background: #fff; display: block; float: left; height: 40px; line-height: 40px; position: relative; z-index: 10; border: none; text-align: left; } .nav{width:100%; height:45px; position:relative; clear:both; border-bottom:#CCC 1px solid} .nav ul{width:1200px;margin:0 auto; text-align:center;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} .nav li{margin:0 24px 0 24px;text-align:center; display:inline-block;} .nav a{height:42px; line-height:45px;display:block;font-size:15px; color:#333; font-weight:600;} .nav li.m a.mmm:after{content: "";display: block;position:absolute;left: 50%;right:50%;bottom:-3px;height: 3px;opacity: 0;background-color: #D4BB54;-webkit-transition: all .5s;-o-transition: all .5s;-ms-transition: all .5s;transition: all .5s;} .nav li.m a.mmm:hover:after{left: 1%;right: 1%;opacity: 1;-webkit-transition: all .5s;-o-transition: all .5s;-ms-transition: all .5s;transition: all .5s;} .nav li.m:hover a.mmm:after{left: 1%;right: 1%;opacity: 1;-webkit-transition: all .5s;-o-transition: all .5s;-ms-transition: all .5s;transition: all .5s;} .nav li.m:hover a.mmm{ color:#D4BB54; font-weight:600;} /*.nav li.m:hover{ margin:0 8px 0 7px}*/ .nav a#sel{border-bottom:3px solid #D4BB54;color:#D4BB54;} .nav a#sel:hover:after{opacity:0;} .nav .sub{display:none;width:100%;padding:0;position:absolute;top:45px;overflow:hidden;text-align:left;z-index:110;left:0px; background:url(../images/blackbg.png) repeat #f0f0f0} .nav .sub .nav_xiao{width:1200px;overflow:hidden;padding-top:5px;margin:0 auto;padding-bottom:50px;} .nav .sub .nav_xiao .xiao_one{width:760px;float:right;overflow:hidden;} .nav .sub .nav_xiao .xiao_one a{float:left;display:inline;height:28px;line-height:28px;width:108px;margin-right:12px;overflow:hidden;border-bottom:1px solid #d3d2d2;color:#313030;background:url(../images/201603/nav_dian.jpg) left center no-repeat;padding:0;padding-left:15px;margin-top:13px;font-size:12px;font-family:"宋体";} .nav .sub .nav_xiao .xiao_one a:hover{color:#f3782a;} .nav .sub .nav_xiao .xiao_two{margin-top:28px;width:760px;float:right;} .nav .sub .nav_xiao .xiao_two img{float:left;margin-right:25px;} .nav .sub .nav_xiao .xiao_two .nav_div{float:left;width:380px;padding-top:30px;font-size:12px;color:#666666;line-height:22px;} .nav .sub .nav_xiao .xiao_two .nav_div h2{font-size:16px;color:#f3782a;font-weight:normal;letter-spacing:1px;line-height:36px;} .nav .sub .nav_xiao .xiao_three{width:760px;float:right;overflow:hidden;} .nav .sub .nav_xiao .xiao_three ul{width:790px;} .nav .sub .nav_xiao .xiao_three ul li{float:left;display:inline;width:172px;height:190px;overflow:hidden;margin-right:19px;text-align:center;position:inherit;line-height:46px;margin-left:0px;} .nav .sub .nav_xiao .xiao_three ul li img{width:100%;height:138px;display:block;} .nav .sub .nav_xiao .xiao_three ul li a{color:#686868;width:100%;font-size:14px;height:100%;padding-top:17px;} .nav .sub .nav_xiao .xiao_three ul li a:hover{color:#f3782a;} .nav .sub .nav_xiao .xiao_three ul li:hover img{opacity: 0.8;filter: alpha(opacity=80);} .nav .sub .nav_xiao .xiao_three ul.nav_wechat li{width:195px;} .nav .sub .nav_xiao .xiao_three ul.nav_wechat li img{width:195px;height:138px;} .nav .sub .nav_xiao .xiao_four{width:512px;overflow:hidden;margin-right:25px;margin-left:55px;} .nav .sub .nav_xiao .xiao_four h2{font-size:18px;font-weight:normal;color:#333333;height:50px;line-height:50px;border-bottom:1px solid #e0e0e0;letter-spacing:3px;margin-top:10px;} .nav .sub .nav_xiao .xiao_four .ul{width:590px;} .nav .sub .nav_xiao .xiao_four .ul li{height:42px;line-height:42px;margin-right:80px;padding-right:10px;width:205px;overflow:hidden;float:left;display:inline;background:url(../images/nav_dian2.png) right center no-repeat;margin-left:0px;position:inherit;} .nav .sub .nav_xiao .xiao_four .ul li a{padding:0;width:205px;text-align:left;} .nav .sub .nav_xiao .xiao_five{width:336px;overflow:hidden;float:right;margin-top:35px;margin-left:50px; position:relative} .nav .sub .nav_xiao .xiao_five img{width:300px;height:140px;} .nav .sub .nav_xiao .xiao_five img{ width:100%; max-width: 101%; height: auto; transition-duration: .5s; -ms-transition-duration: .5s; -moz-transition-duration: .5s; -webkit-transition-duration: .5s; } .nav .sub .nav_xiao .xiao_five:hover img{ transform: scale(1.2); -moz-transform: scale(1.2); -ms-transform: scale(1.2); -o-transform: scale(1.2); -webkit-transform: scale(1.2); } .nav .sub .nav_xiao .xiao_five a{width:344px;height:138px;padding:0;margin-right:45px;float:left;} .nav .sub .nav_xiao .xiao_five2{float:left;margin-right: 20px;text-align: left;width:500px;margin-top:15px; margin-left:148px} /*.nav .sub .nav_xiao .xiao_five2 div.aa{box-shadow:none;font-size: 14px;padding:0; height:50px; line-height:50px;}*/ .nav .sub .nav_xiao .xiao_five2 div.aa a{box-shadow:none;border-bottom: 1px solid #e0e0e0; margin-right:50px;text-align: left;width:200px;display:inline-block;padding-top:0;padding:0;font-size:14px; background:url(../images/jt.png) no-repeat left; text-indent:20px; height:52px; line-height:52px;} .nav .sub .nav_xiao .xiao_five2 div.aa a:hover{ color:#D4BB54;background:url(../images/jt2.png) no-repeat left;} .nav .sub .nav_xiao .xiao_six_l{float:left;width:140px;margin-left:70px;overflow:hidden;margin-top:35px;} .nav .sub .nav_xiao .xiao_six_l a{display:block;height:46px;line-height:46px;font-size:16px;color:#333333;padding-left:20px;background:url(../images/yuming_pic9.png) left center no-repeat;padding-top:0;} .nav .sub .nav_xiao .xiao_six_l a.osel{background:url(../images/yuming_pic9_on.png) left center no-repeat;color:#f3782a;} .nav .sub .nav_xiao .xiao_six_r{float:left;width:990px;overflow:hidden;text-align:center;} .nav .sub .nav_xiao .xiao_six_r img{display:block;margin:0 auto;margin-bottom:32px;transition: all 0.5s ease 0s;-moz-transition: all 0.5s ease 0s;-ms-transition: all 0.5s ease 0s;-o-transition: all 0.5s ease 0s;-webkit-transition: all 0.5s ease 0s;} .nav .sub .nav_xiao .xiao_six_r a{float:left;width:140px;height:auto;border-left:1px solid #e2e3e3;padding-top:0;margin-top:50px;} .nav .sub .nav_xiao .xiao_six_r a:hover img{margin-top:-4px;margin-bottom:36px;} .common-complate > cite { width: 220px; height: 40px; line-height: 40px; display: block; font-family: "微Y雅黑"; color: #666; cursor: pointer; font-style: normal; font-size: 14px; padding-left: 10px; padding-right: 10px; background: url(https://static.jtljia.com/images/system/arrow-down1.png) no-repeat right 7px center; border: none; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .common-complate > ul { display: none; width: 273px; height: 155px; left: -1px; line-height: 30px; border: 1px solid #dfdfdf; position: absolute; z-index: 200; margin-top: 0; background: #fff; } .common-complate > ul > li { width: 91px; float: left; } .common-complate > ul > li:nth-child(1) { width: 90px; height: 100%; background: #fff; } .common-complate > ul > li:nth-child(2) { display: none; background: #f9f9f9; } .common-complate > ul > li:nth-child(3) { display: none; background: #efefef; border-left: 1px solid #dfdfdf; } .common-complate > ul > li > .scrollbar1 { width: 100%; height: 100%; overflow: hidden; } .common-complate > ul > li a { display: block; height: 30px; line-height: inherit; text-align: center; color: #666; font-size: 14px; transition: all .3s linear; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; cursor: pointer; } .common-complate > ul > li:nth-child(1) a { border-top: 1px solid #dfdfdf; border-right: 1px solid #dfdfdf; } .common-complate > ul > li:nth-child(1) a:nth-child(1) { border-top: none; } .common-complate > ul > li:nth-child(1) a:last-child { border-bottom: 1px solid #dfdfdf; } .common-complate > ul > li:nth-child(1) a:hover, .common-complate > ul > li:nth-child(1) a.hover { color: #333; background: #f9f9f9; border-right-color: #f9f9f9; } .common-complate > ul > li:nth-child(2) a { height: 31px; line-height: 31px; } .common-complate > ul > li:nth-child(2) a:hover, .common-complate > ul > li:nth-child(2) a.hover { color: #333; background: #e2e2e2; } .common-complate > ul > li:nth-child(3) a { height: 31px; line-height: 31px; } .common-complate > ul > li:nth-child(3) a:hover, .common-complate > ul > li:nth-child(3) a.hover { color: #333; background: #e3e3e3; } /* 滚动?/ .common-complate > ul > li:nth-child(1) .scrollbar1 .viewport { width: 80px; } .scrollbar1 .viewport { height: 155px; position: relative; } .scrollbar1 .overview { width: 100%; list-style: none; position: absolute; left: 0; top: 0; padding: 0; margin: 0; } .scrollbar1 .scrollbar { background: #f9f9f9; position: relative; background-position: 0 0; float: right; width: 10px; } .scrollbar1 .track { background: #f9f9f9; height: 100%; width: 8px; position: relative; padding: 0; } .scrollbar1 .thumb { background: #D9D9D9; height: 0; width: 8px; border-radius: 4px; cursor: pointer; overflow: hidden; position: absolute; top: 0; right: 0; } .scrollbar1 .disable { display: none; } .noSelect { user-select: none; -o-user-select: none; -moz-user-select: none; -khtml-user-select: none; -webkit-user-select: none; } #headp, #headc, #headp > cite, #headc > cite { height: 30px; line-height: 30px; } #header_cityselect > .city-select { padding: 0 20px; height: 50px; line-height: 50px; border-bottom: 1px solid #e1e1e1; color: #333; font-size: 16px; font-weight: bold; } #header_cityselect > .city-select > span { font-weight: 100; margin: 0 3px; } #header_cityselect > .city-list { height: 32px; line-height: 32px; } #header_cityselect > .city-list > ul > li { width: 50%; float: left; border-bottom: 1px dashed #e1e1e1; } #header_cityselect > .city-list > ul > li > .city-letters { width: 50px; float: left; text-align: center; color: #bbb; font-size: 14px; } #header_cityselect > .city-list > ul > li > .city-names { width: 88%; float: left; color: #333; font-size: 14px; } #header_cityselect > .city-list > ul > li > .city-names > a { display: block; height: 32px; line-height: 32px; padding: 0 5px; margin: 0 5px; float: left; text-align: center; cursor: pointer; } #header_cityselect > .city-list > ul > li.none-border { border-bottom: none; } #header_cityselect > span { position: absolute; top: -10px; left: 35px; background: url(https://static.jtljia.com/images/system/img23.png) no-repeat center bottom; float: left; z-index: 1000; width: 15px; height: 10px; } #main_search { position: absolute; left: 0px; top: 30px; width: 280px; padding-top: 26px; border-radius: 3px; background: #fff; z-index: 999; display: none; } #main_search span.sanjiao { background: url("https://static.jtljia.com/images/system/img23.png") no-repeat scroll 22px bottom; float: left; height: 10px; left: 35px; position: absolute; top: 17px; width: 40px; z-index: 1000; } .total-money.noborder { border: none; } .pleft-content .jc-money.noborder { border: none; line-height: 40px; } #head_searchBlock span { position: absolute; left: 15px !important; top: 16px !important; } #head_searchBlock { width: 100%; height: 70px; border-top: 1px solid #eae1d9; border-radius: 3px; box-shadow: 0px 2px 2px #ccc; } #user_info { margin: 0px auto; width: 220px; } #user_info > li { height: 70px; line-height: 70px; text-align: center; font-size: 14px; } #user_info > li:first-child { color: #a8a8a8; border-bottom: 1px solid #e4e4e4; } #move_slect { position: absolute; right: 0; top: 38px; width: 130px; padding-top: 0; border-radius: 3px; background: #fff; z-index: 999; display: none; } .yiDong:hover #move_slect { display: block; } #move_slect span.shang { background: url("../images/img23.png") no-repeat scroll 44px bottom; float: left; height: 10px; right: 28px; position: absolute; top: -9px; width: 60px; z-index: 1000; } #head_moblieHome { width: 100%; border-top: 1px solid #eae1d9; border-radius: 3px; box-shadow: 0px 2px 2px #ccc; } #move_home { margin: 0px auto; width: 220px; } #move_home > li { height: 100px; font-size: 16px; padding: 15px; } #move_home > li:first-child { color: #a8a8a8; border-bottom: 1px solid #e4e4e4; } .er_weima { float: left; height: 78px; } .xieGang { display: inline-block; } #header_right a, #header_right span, .mobile a, .mobile span { line-height: 29px; height: 29px; display: inline; font-size: 12px; } span.tel { float: right; /*border-left:1px solid #eae1d9;border-right:1px solid #eae1d9;*/ padding: 0 12px 0 24px; background: url(https://static.jtljia.com/images/system/400_201601.png) 4px center no-repeat; font-size: 14px; font-family: 'microsoft yahei'; } .border { padding: 0 15px; height: 29px; line-height: 29px; color: #feab43; } a.border:link, a.border:visited { color: #feab43 !important; } .outGo { padding: 0 15px; height: 29px; line-height: 29px; color: #333; } a.outGo:link, a.outGo:visited, a.outGo:hover { color: #feab43 !important; } .mobile { /*border-left:1px solid #eae1d9;*/ padding: 0 8px 0 28px; background: url(https://static.jtljia.com/images/system/tel_201601.png) 12px center no-repeat; font-size: 12px; font-family: 'microsoft yahei'; position: relative; display: inline-block; cursor: pointer; } .veirson_num { position: absolute; top: -4px; right: 5px; display: inline-block; width: 21px; height: 14px; } .mobile #erweima { position: absolute; width: 215px; padding: 0 10px; border: 1px solid #eae1d9; background: #fff; z-index: 999; float: left; display: none; left: -15PX; TOP: 30px; border-radius: 3px; } .mobile:hover #erweima { display: block; } .mobile #erweima li { width: 215px; float: left; padding: 10px 0; border-bottom: 1px solid #efefef; } .mobile #erweima li:last-child { border: 0; } .mobile #erweima li .pic { width: 100px; height: 100px; float: left; margin-right: 20px; } .mobile #erweima li .pic img { width: 100px; height: 100px; } .mobile #erweima li .erweima_right { width: 95px; float: right; overflow: hidden; } .mobile #erweima li .erweima_right .title { width: 100%; float: left; height: 20px; line-height: 20px; overflow: hidden; font-size: 14px; color: #333; margin-bottom: 6px; } .mobile #erweima li .erweima_right .erweimaright_text { width: 95px; float: left; height: 50px; overflow: hidden; line-height: 20px; font-size: 12px; color: #b5a167; } li.erweima_top { position: absolute; top: -10px; left: 35px; background: url(https://static.jtljia.com/images/system/img23.png) no-repeat center bottom; float: left; z-index: 1111; width: 15px; height: 10px; padding: 0; border: 0; } .mobile #erweima li .erweima_right .erweimaright_text a { width: 45px; float: left; height: 50px; margin: 0; } .mobile #erweima li .erweima_right .erweimaright_text a.ios { background: url(https://static.jtljia.com/images/system/ios.png) no-repeat center center; } .mobile #erweima li .erweima_right .erweimaright_text a.android { background: url(https://static.jtljia.com/images/system/android.png) no-repeat center center; } #list_show { float: left; margin: 20px 40px 0 0; height: 45px; font-size: 16px; color: #333; } #menu { width: 878px; float: left; box-sizing: border-box; padding-left: 30px; } #menu > li { float: left; text-align: center; font-size: 16px; position: relative; line-height: 45px; z-index: 99; display: inline-block; padding: 0 18px; box-sizing:border-box; } #menu > li > a { display: block; width: 100%; height: 100%; background: #fff; color: #333; font-weight: bold; text-align: center; cursor: pointer; padding-bottom: 23px; float:left; border-bottom:solid 2px transparent; } #menu > li > a:link, #menu > li > a:visited { background: #fff; color: #333; } #menu > li.active>a { color: #D4BB54; border-bottom: solid 2px #D4BB54; } #menu > li:hover a { color: #D4BB54; border-bottom: solid 2px #D4BB54; } #menu_product > .paopao { position: absolute; top: 0; right: 0; } #menu > li a.main_menu { background: url('https://static.jtljia.com/images/index/menu-arrdown.png') 100px center no-repeat #fff; } #menu > li:hover a.main_menu{ background: url('https://static.jtljia.com/images/index/menu-arrdown-white.png') 100px center no-repeat #4f2a1a; } #menu >li a.sub_menu{ display:none; width:140px; height:45px; border-bottom:solid 1px #7F513A; background:#4f2a1a; color:#fff; } #menu >li a.sub_menu.last{ border-bottom:none; } #menu >li .sub_menu:hover{ background:#BDA960; } #menu>li:hover .sub_menu{ display:block; } #h_login_register { float: right; position: relative; } .yiDong, #header-about, #header_vr { float: right; position: relative; text-align: right; cursor: pointer; } .yiDong .img_top_tel { margin-top:11px; margin-left:4px; cursor:default; } #header-about, #header_vr { width: 74px; } .yiDong > a, #header_vr > a { color: #999; font-size: 13px; } #header-about > a { color: #ff6700; font-size: 14px; } .yiDong > a:hover, #header-about > a:hover, #header_vr > a:hover { color: #ff6700; } #header_login, #zc_success { display: block; width: 45px; float: left; text-align: center; cursor: pointer; color: #999; font-size: 13px; } #header_login:hover, #zc_success:hover { color: #ff6700; } #h_user_center { display: block; width: 120px; padding-left: 18px; height: 38px; background: url(https://static.jtljia.com/images/system/arrowdown-new.png) no-repeat right 12px center; cursor: pointer; color: #666; font-size: 14px; } #h_user_center.cliked { background: #fff url(https://static.jtljia.com/images/system/arrowdown-new.png) no-repeat right 12px center; box-shadow: 1px 0 0 #d9d9d9,-1px 0 0 #d9d9d9; } .h-userlist { display: none; position: absolute; top: 38px; left: 1px; width: 137px; z-index: 100; background: #fff; padding: 10px 0; box-shadow: 1px 0 0 #d9d9d9,-1px 0 0 #d9d9d9,0 1px 0 #d9d9d9; } .h-userlist > li { height: 35px; line-height: 35px; } .h-userlist > li > a { display: block; height: 35px; line-height: 35px; text-align: center; cursor: pointer; color: #666; font-size: 16px; } .h-userlist > li > a:hover { color: #fd8143; } .yiDong { padding-right: 14px; margin-left: 10px; margin-right: 10px; } .top_search { width: 120px; display: none; float: left; position: absolute; z-index: 999; padding-top: 25px; background: url(https://static.jtljia.com/images/system/img17.png) center 14px no-repeat; left: 0px; } #shop_car { display: none; } .yiDong > a > .ci-rights { display: block; position: absolute; right: 0; top: 14px; transition: all 0.3s ease-in-out; background: url('https://static.jtljia.com/images/index/top-arrow-down.png') center center no-repeat; width: 14px; height: 14px; } .yiDong > a:hover > .ci-rights { top: 15px; color: #ff6700; transform: rotate(-180deg); } .yiDong .ci-rights > s { position: relative; text-decoration: none; top: -7px; } .top-verticalline { width: 1px; height: 12px; background: #cdcdcd; float: right; margin-top: 15px; } /* footer */ /*footer*/ .footer{ width:100%; background: #202020; padding-top:40px; padding-bottom:10px; position: relative; overflow:auto; clear:both; margin-top:50px } .footer-nav{float: left;width: 100%;} .item-common{ float: left; text-align: left; /*width:8%;*/ margin-right:4.5%; transition: all linear .3s; -moz-transition: all linear .3s; /* Firefox 4 */ -webkit-transition: all linear .3s; /* Safari ?Chrome */ -o-transition: all linear .3s; /* Opera */ color:#999; } .footer-nav .left-item8{margin-right:0px;} .item-common span{ display: block; font-size: 16px; margin-bottom: 14px; color:#404040; font-weight:500; /*padding-bottom: 15px; border-bottom: 1px #fb9671 solid;*/ } .item-common span a{ color:#FFF; font-weight:500} .item-common span a:hover{ color:#FF8C2D;} .item-common a{display:block;margin-bottom:10px;color:#999;word-break: break-all;transition: .2s all linear} .item-common a:hover{color: #FF8C2D;} .footer_bottom{position:relative;} .item-common a.OT{color: #e54e12;font-size: 14px;} .contact_right{float:right;margin-top:-35px;} .share_list ul li{width:40px;height:40px;background:url(../images/qq.png) no-repeat;margin-left:15px;margin-bottom:15px;float:right;} .share_list ul li a{display:block;width:100%;height:100%;} .share_list ul li:nth-child(1){background-position:-110px 0;} .share_list ul li:nth-child(2){background-position:-55px 0;} .share_list ul li:nth-child(3){background-position:0 0;} .code{float:left;margin-left:15px;width:45px;height:45px;border-radius: 100%;border:1px solid #c4c4c4;cursor:pointer;position: relative;} .code > div{position: absolute;top:-300%;left:50%;margin-left:-63px;display:none;} .code1{background: url(../images/qq_icon.png) no-repeat center;background-size:25px 20px; -moz-background-size:25px 20px;-webkit-background-size:25px 20px;} .code2{background: url(../images/qwibo_icon.png) no-repeat center;background-size:27px 22px;-moz-background-size:27px 22px; -webkit-background-size:27px 22px;} .copyright{ color: #7f7f7f; background: #000; width: 100%; padding-top:15px; padding-bottom:15px; line-height:35px; } .eidea,.eidea a{ color: #c2c2c2; } .eidea a:hover{ color: #e54e12; } .power,.power a{color: #b4b4b4;} .power a:hover{color: #e54e12;} .copyright2{display:none;} @media (max-width: 1380px) { .copyright .pull-right,.copyright .pull-left{float:none !important;} } @media (max-width: 992px) { .item-common{width:12%;margin-right:2.66%;} .footer_code img{width:100px;} } @media (max-width: 767px) { .footer{padding-bottom: 20px;} .item-common{width:100%;} .item-common span{position: relative;color:#818080;font-size:14px;border-bottom: 1px solid #e6e6e6;padding:0;margin: 0;line-height: 48px;} .item-common span.show{border-bottom:1px solid transparent;} .item-common span:after{ content:""; background: url(../images/more_icon.png) no-repeat center; background-size:12px 12px; width:12px; height: 100%; font-size:18px; position: absolute; right:10px; top:0; -webkit-transition:all .3s ease;-moz-transition:all .3s ease;-ms-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease; } .item-common span.show:after{ transform: rotate(45deg); -webkit-transform: rotate(45deg); } .footer{padding-top:15px;} .footer_menu{display: none} .footer_menu a{line-height: 40px;margin-bottom: 0;padding-left:15px;opacity: 0;filter: alpha(opacity=0);height: 40px;line-height: 40px;border-bottom:1px solid #e6e6e6; -webkit-transform: translateX(-40px); transform: translateX(-40px); } .item-common.open .footer_menu a{ -webkit-transform: none; transform: none; opacity: 1; filter: alpha(opacity=100); } .item-common .footer_menu a:nth-child(1){ -webkit-transition: all .5s .06s ease-in-out; transition: all .5s .06s ease-in-out; } .item-common .footer_menu a:nth-child(2) { -webkit-transition: all .5s .12s ease-in-out; transition: all .5s .12s ease-in-out; } .item-common .footer_menu a:nth-child(3) { -webkit-transition: all .5s .18s ease-in-out; transition: all .5s .18s ease-in-out; } .item-common .footer_menu a:nth-child(4) { -webkit-transition: all .5s .24s ease-in-out; transition: all .5s .24s ease-in-out; } .item-common .footer_menu a:nth-child(5) { -webkit-transition: all .5s .24s ease-in-out; transition: all .5s .24s ease-in-out; } .OT a{margin-bottom: 15px;} .pro_footer_menu a:before{display: inline-block;content: "";vertical-align: middle;margin-right:15px;} .pro_footer_menu a:nth-child(1):before{background: url(../images/footer_menu_icon1.png) no-repeat;width:20px;height: 28px;background-size:20px 28px;} .pro_footer_menu a:nth-child(2):before{background: url(../images/footer_menu_icon2.png) no-repeat;width:32px;height: 19px;background-size:32px 19px;} .pro_footer_menu a:nth-child(3):before{background: url(../images/footer_menu_icon3.png) no-repeat;width:20px;height: 26px;background-size:20px 26px;} .pro_footer_menu a:nth-child(4):before{background: url(../images/footer_menu_icon5.png) no-repeat;width:28px;height: 27px;background-size:28px 27px;} .pro_footer_menu a:nth-child(5):before{background: url(../images/footer_menu_icon4.png) no-repeat;width:25px;height: 21px;background-size:25px 21px;} .pro_footer_menu a{width:50%;float: left;height: 50px;line-height: 50px;border-bottom:1px solid #e6e6e6;} .left-item8{width:100%;height: 50px;line-height: 50px;border-bottom:1px solid #e6e6e6;} .choice_footer_menu{background: url(../images/footer_right_icon.png) no-repeat center right 15px;background-size:6px auto;} .share_list{text-align: center;margin-top:15px;} .share_list a{margin:0 10px;display: inline-block;width:50px;height: 50px;border:1px solid #b4b4b4;border-radius: 100%;} .share_icon{background: url(../images/qwibo_icon.png) no-repeat center;background-size:23px auto;} .weixin_icon{background: url(../images/qq_icon.png) no-repeat center;background-size:26px auto;} .footer_menu2{margin-top:30px;text-align: center;} .footer_menu2 a{color: #999999;font-size: 14px;text-align: center;} .footer_menu2 a:after{content: "|";margin:0 15px;} .footer_menu2 a:last-child:after{display: none} .mobile_weixin{display: none;position: fixed;top:50%;left: 50%;transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);-moz-transform: translate(-50%,-50%);z-index: 99;display: none} .shade{position: fixed;width:100%;height: 100%;background: rgba(0,0,0,0.5);z-index: 9;top:0;left: 0;display: none} } .mobile_weixin{display: none;} .main_con{padding-bottom:100px;border-bottom:1px solid #d9d5d2} #path { height: 50px; line-height: 50px; font-size: 12px; font-family: "verdana"; } #path a { padding: 0 1px 0 0; display: inline-block; } #notyet { width: 100%; float: left; font-size: 32px; line-height: 40px; text-align: center; color: #966333; background: url(https://static.jtljia.com/images/system/notyet.png) no-repeat center bottom; padding-bottom: 400px; padding-top: 20px; margin: 50px 0 0 0; } #notyet span { width: 100%; float: left; font-size: 14px; } #notyet span a { text-decoration: underline; color: #0000FF; } .ei_left { width: 930px; float: left; overflow: hidden; margin-top: 20px; margin-right: 20px; } .ei_right { width: 270px; float: left; overflow: hidden; margin-top: 20px; } .ei_right .eir_tool { float: left; border: 1px solid #eae1d8; width: 228px; padding: 20px; margin-bottom: 20px; background: #f8f5f0; } .ei_right .eir_tool .title { font-size: 16px; color: #3d3936; border-bottom: 1px solid #eae1d8; height: 40px; line-height: 40px; } .izl-rmenu { position: fixed; top: 25%; right: 10px; z-index: 999; } .izl-rmenu > .btnn, .online-consultation { display: block; width: 80px; height: 80px; cursor: pointer; position: relative; background: #fff; margin-top: 1px; border-radius: 0; border: 1px solid #e1e1e1; } .btn-offer > .btn-quote { display: block; width: 28px; height: 36px; margin: 10px auto 6px; background: url(https://static.jtljia.com/images/icon/icon-quicklink.png); background-position: -7px -3px; } .btn-offer > .quote { display: block; width: 60px; height: 16px; line-height: 16px; margin: 0 auto; text-align: center; font-size: 14px; color: #333; font-weight: bold; } .floatCoupon { display: block; width: 82px; height: 82px; cursor: pointer; position: relative; background: url(https://static.jtljia.com/images/system/coupon.png) no-repeat center center; margin-top: 1px; border-radius: 0; border: none; } /*.btn-offer:hover>.btn-quote{background-position:-7px -43px;}*/ .online-consultation > a#live800iconlink { display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; } .online-consultation > a#live800iconlink > img { width: 0; height: 0; } .online-consultation > .actived-dot { display: block; width: 13px; height: 13px; position: absolute; top: 4px; left: 48px; background: #fd3c00; border-radius: 50% 50%; } .online-consultation > .btn-consultation { display: block; width: 36px; height: 34px; margin: 10px auto 6px; background: url(https://static.jtljia.com/images/icon/icon-quicklink.png); background-position: -43px -5px; } .online-consultation > .consultation { display: block; width: 60px; height: 16px; line-height: 16px; margin: 0 auto; text-align: center; font-size: 14px; color: #333; font-weight: bold; } /*.online-consultation:hover>.btn-consultation{background-position:-43px -45px;}*/ .izl-rmenu .btn-qq { background: url(https://static.jtljia.com/images/system/rightmenu1.png) left no-repeat #eac03a; } .izl-rmenu .btnn > .btn-appoint { display: block; width: 40px; height: 36px; margin: 10px auto 6px; background: url(https://static.jtljia.com/images/icon/icon-quicklink.png); background-position: -80px -4px; } .izl-rmenu .btnn > .appoint { display: block; width: 60px; height: 16px; line-height: 16px; margin: 0 auto; text-align: center; font-size: 14px; color: #333; font-weight: bold; } /*.izl-rmenu .btnn:hover>.btn-appoint{background-position:-80px -44px;}*/ .izl-rmenu .btn-top > .back-top { display: block; width: 27px; height: 30px; margin: 12px auto 10px; background: url(https://static.jtljia.com/images/icon/icon-quicklink.png); background-position: -128px -5px; } .izl-rmenu .btn-top > .goback-top { display: block; width: 60px; height: 16px; line-height: 16px; margin: 0 auto; text-align: center; font-size: 14px; color: #333; font-weight: bold; } .izl-rmenu > .btnn:hover, .online-consultation:hover { background: #fffae2; border-color: #f0e4aa; } /*.izl-rmenu .btn-top:hover>.back-top{background-position:-128px -45px;}*/ .izl-rmenu .btn-top:hover > .goback-top, .izl-rmenu .btnn:hover > .appoint, .online-consultation:hover > .consultation, .btn-offer:hover > .quote { color: #666; } .nodata { width: 100%; float: left; height: 150px; line-height: 150px; } #validationalert { float: left; width: 500px; } #validationalert li { float: left; line-height: 30px; color: #333; width: 100%; } #validationalert li span { width: 200px; text-align: right; margin-right: 10px; color: #999; float: left; } #transformationTracing { opacity: 0; height: 0; width: 0; } /*留资*/ .address-left { float: left; width: 460px; height: 380px; margin-top: 30px; padding-right: 30px; border-right: 1px solid #f2f2f2; padding-left: 30px; } .address-content { float: left; margin: 10px auto; width: 100%; font-size: 16px; color: #999; line-height: 24px; } .shouye_tijiao0 { width: 269px; } .shouye_tijiao { margin-top: 30px; width: 269px; float: left; padding-left: 30px; } .shouye_tijiao > .address-icon2 { margin: 20px auto 10px; width: 70px; height: 70px; background: url(https://static.jtljia.com/images/system/address_02.jpg) no-repeat center center; } .shouye_tijiao > .address-icon { margin: 20px auto 10px; width: 70px; height: 70px; background: url(https://static.jtljia.com/images/system/address_03.jpg) no-repeat center center; } .address-title0 { width: 100%; float: left; text-align: center; margin: 0 auto; font-size: 18px; color: #000; } .address-title1 { width: 100%; float: left; text-align: center; margin: 5px auto 20px; font-size: 16px; } .address-title { width: 100%; float: left; text-align: center; margin: 12px auto; font-size: 16px; color: #ff6700; } .prompttitle { width: 110px; float: left; font-size: 14px; height: 40px; line-height: 40px; color: #000; text-align: right; margin-right: 5px; } .prompttitle2 { width: 100%; float: left; font-size: 14px; line-height: 40px; color: #333; text-align: left; margin-right: 5px; } .promptinput { width: 269px; float: left; margin-bottom: 10px; } .promptitle { float: left; margin-bottom: 10px; font-size: 16px; color: #333; } .promptinput input { width: 246px; float: left; border: 1px solid #ddd; height: 38px; line-height: 38px; font-size: 14px; color: #999; padding-left: 10px; padding-right: 10px; font-family: "微Y雅黑"; } .promptinput input.yzm { width: 117px; border-radius: 0; } .promptinput .getcode { width: 122px; margin-left: 5px; height: 38px; line-height: 38px; float: left; text-align: center; font-size: 12px; border: 1px solid #e7561c; border-radius: 0; color: #e7561c; background: #fff; cursor: pointer; } .promptinput .getimgcode { width: 127px; height: 38px; float: left; border: 1px solid #ddd; border-radius: 0; cursor: pointer; } .promptinput .getimgcode img { width: 100%; height: 100%; } .promptinput .getcode:hover { opacity: 0.8; } .lnormal-complate { background: #fff; display: block; float: left; height: 40px; position: relative; z-index: 10; } .lnormal-complate cite { width: 117px; height: 38px; line-height: 38px; display: block; font-family: "微Y雅黑"; color: #999; cursor: pointer; font-style: normal; font-size: 14px; padding-left: 10px; padding-right: 10px; background: url(https://static.jtljia.com/images/system/arrow-down1.png) no-repeat right 7px center; border: solid 1px #ddd; } .lnormal-complate ul { width: 137px; border: 1px solid #ddd; max-height: 137px; overflow-y: scroll; background: #fff; position: absolute; z-index: 200; margin-top: 2px; display: none; } .lnormal-complate ul li { width: 120px; height: 34px; line-height: 34px; color: #999; border-bottom: 1px solid #ddd; } .lnormal-complate ul li:last-child { border-bottom: none; } .lnormal-complate ul li a { display: block; width: 100%; height: 100%; color: #999; text-indent: 10px; font-size: 12px; } .lnormal-complate ul li a:hover { color: #999; background: #f1f1f1; } .aui_state_noTitle .aui_inner { overflow: hidden; border: 0; } .reg_txted { display: block; float: left; margin-left: 10px; height: 30px; line-height: 30px; width: 100px; } #live800iconlink img { border-radius: 3px; } #codeImg { border: 1px solid #eae1d9; border-radius: 3px; margin-top: 2px; margin-left: 10px; } .imgcodebox { display: block; width: 100px; height: 32px; float: left; } .pvdcode-input { width: 105px !important; } /*发送地址开?/ #toolsSendPrice{width: 269px; background: #ffd401;color: rgba(51,51,51,.6);border-radius: 3px;} #toolsSendAddress{display: block;height: 40px;line-height: 40px;text-align: center; width: 269px; background: #ffd401;color: rgba(51,51,51,.6);border-radius: 3px;cursor: pointer;} #addressprovince>cite{width:246px;border: 1px solid #ddd;} /*发送地址l束*/ /*用户中心左部控g*/ #userc_left { width: 100px; float: left; padding: 40px; background: #fff; margin-bottom: 20px; } #userc_left ul { width: 100px; float: left; margin-left: 0 auto; } #userc_left ul li { width: 100%; float: left; text-indent: 10px; height: 30px; line-height: 30px; font-size: 14px; } #userc_left ul li.title { cursor: text; height: 30px; line-height: 30px; font-size: 18px; color: #333; margin-bottom: 10px; margin-top: 10px; } #userc_left ul li a { display: block; height: 100%; height: 100%; color: #666; cursor: pointer; } #userc_left ul li a:hover { color: #fe6700; } #userc_left ul li a.current { color: #fe6700; } /*用户中心右部控g*/ #userc_right { width: 960px; padding: 40px 25px; float: right; border: none; margin-bottom: 20px; background: #fff; min-height: 390px; } /*-------提交订单通用样式------*/ .order_step { margin: 40px 0; } a.order_button { font-size: 16px; cursor: pointer; color: #fff; display: inline-block; border-radius: 3px; padding: 0 50px; height: 40px; line-height: 40px; background: url(https://static.jtljia.com/images/system/jsp/button_bg.jpg) repeat-x; } .usercenter_empty { width: 350px; padding: 90px 0; float: left; margin-left: 320px; } .usercenter_empty img { float: left; } .usercenter_empty p { float: left; padding-top: 50px; margin-left: 20px; } .usercenter_empty p span { font-size: 30px; } .usercenter_empty p a { color: #0c7aff; text-decoration: underline; } .goto_pano { position: absolute; top: 40px; left: 40px; cursor: pointer; } .goto_virtual { position: absolute; top: 40px; left: 40px; cursor: pointer; } .goto_tech { position: absolute; top: 20px; right: 20px; cursor: pointer; } /*.index_title {width:100%;text-align:center;margin:70px 0 65px;}*/ .index_title { width: 1196px; border-left: solid 4px #BEBEBE; height: 26px; line-height: 26px; text-indent: 20px; font-size: 24px; margin-bottom: 20px; font-weight: bold; } /*快速报? /*家装案例*/ #slider { z-index: 1; border: none; position: relative; width: 1165px; height: 460px; margin: 0 auto; overflow: hidden; } #slider .slide { z-index: 10; position: absolute; border-radius: 5px; background: #000; border-left: #fff 1px solid; width: 712px; height: 460px; overflow: hidden; cursor: pointer; text-align: left; } #slider .text { position: absolute; display: none; } #slider .diapo { position: absolute; filter: alpha(opacity=100); visibility: visible; opacity: 1; } /*全国直营*/ .picture-address { height: 369px; } .shop-picture { display: block; height: 369px; width: 750px; float: left; cursor: pointer; } .shop-address { height: 369px; width: 450px; background: #f4efdc; float: left; } .shop-address > ul { margin: 50px auto; width: 320px; } .shop-address > ul > li { width: 100%; margin: 0; height: 50px; } .shop-address > ul > li:nth-child(1) { font-size: 16px; color: #4a4a4c; height: 52px; line-height: 26px; margin-bottom: 20px; } .shop-address > ul > li:nth-child(1) span { font-weight: bold; } .shop-address .divselect { width: 300px; background: #fff; border: none; border-radius: 3px; display: block; float: left; height: 40px; position: relative; z-index: 20; } .shop-address .divselect cite { width: 268px; height: 40px; line-height: 40px; display: block; color: #999; cursor: pointer; font-style: normal; font-size: 16px; padding-left: 10px; font-family: "微Y雅黑"; padding-right: 10px; border: none; background: url(https://static.jtljia.com/images/system/arrow-down.png) no-repeat right center; } .shop-address .divselect ul { width: 298px; height: 180px; overflow-y: scroll; border: 1px solid #dfdfdf; border-radius: 3px; background: #fff; position: absolute; z-index: 200; margin-top: 1px; padding-bottom: 3px; display: none; } .shop-address .divselect ul li { width: 248px; height: 30px; line-height: 30px; margin-left: 15px; font-size: 16px; color: #999; border-bottom: 1px solid #dfdfdf; } .shop-address .divselect ul li:last-child { border-bottom: none; } .shop-address .divselect ul li a { display: block; width: 100%; height: 100%; color: #999; } .shop-address .divselect ul li a:hover { color: #999; background: #f1f1f1; } .shop-address .address-name { display: block; width: 280px; height: 40px; line-height: 40px; color: #999; border-radius: 3px; font-size: 16px; padding-left: 10px; padding-right: 10px; border: none; } .shop-address .address-tell { display: block; float: left; width: 112px; height: 40px; line-height: 40px; padding: 0 0 0 10px; border-top-left-radius: 3px; border-bottom-left-radius: 3px; background: #fff; font-size: 16px; color: #999; border: none; } .shop-address .getcodes { display: block; float: left; width: 84px; height: 38px; line-height: 38px; border-top-right-radius: 3px; border-bottom-right-radius: 3px; background: #ffefd7; font-size: 16px; color: #d8b782; text-align: center; cursor: pointer; border: 1px solid #fff; } .shop-address a.getcodes:hover { color: #d8b782; background: #fae2be; } .shop-address .address-code { display: block; float: left; width: 80px; height: 40px; line-height: 40px; margin-left: 2px; padding: 0 5px; border: none; border-radius: 3px; background: #fff; font-size: 16px; color: #999; } .shop-address .get-address { display: block; float: left; width: 300px; height: 40px; line-height: 40px; font-size: 18px; font-weight: bold; border-radius: 3px; background: #f69601; border: none; color: #ffefd7; text-align: center; cursor: pointer; } .shop-address a.get-address:hover { color: #ffefd7; background: #d28a17; } .small-pic { height: 160px; width: 1197px; margin-left: 2px; overflow: hidden; } .small-pic > a { display: block; position: relative; float: left; width: 145px; height: 145px; margin-right: 0; margin-top: 10px; border: 2px solid #f1f1f1; cursor: pointer; background: #000; } .small-pic > a:first-child { margin-left: 2px; } .small-pic > a:last-child { margin-right: 0; } .small-pic > a > span { display: none; width: 13px; height: 6px; position: absolute; top: -8px; left: 71.5px; background: url(https://static.jtljia.com/images/system/arrow-slider-top.png) no-repeat center top; } .small-pic > a > img { opacity: 0.6; } .city-ahover { border-color: #f69700 !important; } .city-spanhover { display: block !important; } .city-imghover { opacity: 1 !important; } .slide-title { position: absolute; display: block; z-index: 99; width: 44px; height: 132px; line-height: 26px; padding-top: 10px; background: url(https://static.jtljia.com/images/system/case-bg-2.png) no-repeat 0 0; top: 20px; left: 37px; font-size: 24px; color: #fff; text-align: center; } .slide-titlehover { background: url(https://static.jtljia.com/images/system/case-bg-1.png) no-repeat 0 0; } .slide-arright { position: absolute; display: block; z-index: 99; width: 39px; height: 27px; background: url(https://static.jtljia.com/images/system/arrow-right.png) no-repeat 0 0; bottom: 40px; left: 40px; } .decoration-top { position: relative; width: 100%; text-align: center; height: 40px; line-height: 40px; font-size: 20px; color: #333; font-weight: bold; } .decoration-top2 { position: relative; width: 100%; text-align: center; height: 40px; line-height: 40px; font-size: 18px; color: #333; } .decoration-top_0 { position: relative; float: left; width: 700px; height: 100px; border-bottom: 1px solid #e4e4e4; background: #f5f5f5 url(https://static.jtljia.com/images/system/icon-ksbj.png) no-repeat center center; } .decoration-top > .dialog-icon { position: absolute; display: block; width: 48px; height: 48px; top: 0; left: 20px; background: url(https://static.jtljia.com/images/system/img-popup-03.png) no-repeat 0 0; } .deco-description { width: 100%; text-align: center; height: 30px; font-size: 14px; color: #666; } .liuzi-dialogIcon { position: relative; width: 392px; padding-left: 88px; float: left; text-align: left; padding-top: 20px; height: 58px; font-size: 20px; color: #666; font-weight: bold; background: #f0f0f0; } .liuzi-dialogIcon_0 { position: relative; width: 480px; float: left; height: 130px; border-bottom: 1px solid #e4e4e4; background: #f5f5f5 url(https://static.jtljia.com/images/system/icon-yysj.png) no-repeat center center; } .liuzi-dialogIcon > span { position: absolute; display: block; width: 48px; height: 48px; top: 12px; left: 20px; background: url(https://static.jtljia.com/images/system/img-popup-04.png) no-repeat 0 0; } .address-dialogIcon { position: relative; text-align: center; padding-top: 20px; height: 50px; font-size: 18px; color: #333; } .address-dialogIcon > span.dialog-addressIcon { position: absolute; display: block; width: 60px; height: 60px; top: 9px; left: 15px; background: url(https://static.jtljia.com/images/system/img-popup-01.png) no-repeat 0 0; } .address-dialogIcon > span.dialog-checkPriceIcon { position: absolute; display: block; width: 48px; height: 48px; top: 12px; left: 20px; background: url(https://static.jtljia.com/images/system/img-popup-02.png) no-repeat 0 0; } .address-dialogIcon > .address-title1 { font-size: 20px; height: 22px; line-height: 22px; width: 100%; color: #666; font-weight: bold; } .address-dialogIcon > .address-title2 { font-size: 12px; height: 22px; line-height: 22px; width: 100%; color: #666; } .recomend-button2 { width: 100%; height: 40px; text-align: center; } .recomend-button2 > span.list-name2 { display: inline-block; height: 28px; line-height: 28px; padding: 0 5px; color: #ff6700; font-size: 22px; text-align: center; } .recomend-button2 > span.list-icon2 { display: inline-block; width: 15px; height: 28px; line-height: 28px; color: #5d4301; font-size: 18px; text-align: center; } .price-dialogIcon { height: 90px; width: 280px; margin: 20px auto; background: url(https://static.jtljia.com/images/system/dialogPrice.jpg) no-repeat center center; } .decoration-title { position: relative; width: 100%; height: 60px; line-height: 40px; font-size: 18px; text-align: center; color: #333; background: #fff; border-bottom: 1px solid #dfdfdf; } .decoration-title2 { position: relative; width: 100%; height: 40px; line-height: 40px; font-size: 18px; text-align: center; color: #333; background: #fff; } .decoration-title3 { position: relative; width: 100%; height: 24px; line-height: 24px; font-size: 14px; text-align: center; color: #333; background: #fff; } .decoration-positiontitle { position: absolute; width: 100%; top: 35px; } .decoration-positiontitle > .positionTitle { display: inline-block; padding: 5px 15px; font-size: 14px; color: #999; background: #fff; } .yugujia1 { color: #ff7c00; font-size: 28px; } .yugujia { color: #ff7c00; font-size: 24px; } .yuji-box1 { height: 40px; margin: 10px auto 0; width: 260px; } .yuji-box2 { height: 120px; width: 100%; border-bottom: 1px solid #dfdfdf; } .yuji-box3 { height: 120px; width: 100%; border-bottom: 1px solid #dfdfdf; } .topPrice-input { display: block; float: left; width: 139px; height: 38px; line-height: 38px; border: 1px solid #ddd; padding: 0 10px; border-right: none; } #topPriceTell { width: 238px; border-right: 1px solid #ddd; } .topPrice-change { display: block; float: left; height: 38px; line-height: 38px; width: 59px; text-align: center; color: #ff6700; cursor: pointer; font-size: 18px; border: 1px solid #ddd; border-left: none; } a.codes-input { display: block; float: left; width: 100px; height: 40px; line-height: 40px; background: #dbdbdb; font-size: 14px; color: #333; text-align: center; cursor: pointer; } a.codes-input:hover { color: #333; opacity: 0.8; } #topPriceImg { display: block; float: left; width: 99px; height: 38px; cursor: pointer; border: 1px solid #ddd; border-left: none; } #topPriceImg > img { width: 100%; height: 100%; } .package-name { float: left; margin-top: 40px; margin-left: 140px; width: 200px; line-height: 24px; } .first-name { font-size: 18px; color: #666; font-weight: bold; } .first-price { font-size: 16px; color: #ff7b00; } .decript-content { float: left; margin-top: 40px; margin-left: 20px; width: 300px; line-height: 22px; font-size: 14px; color: #999; word-wrap: break-word; word-break: normal; } .price-checkbutton { padding: 20px 0 30px; width: 100%; text-align: center; background: #fff; } .offer-price { display: block; height: 40px; line-height: 40px; width: 260px; margin: 0 auto; background: #fe7c00; color: #fff !important; border: none; border-radius: 0; font-size: 16px; cursor: pointer; } .offer-price:hover { color: #fff; background: #e5760c; } .offerPrice-title { display: block; height: 30px; line-height: 30px; width: 260px; margin: 0 auto; color: #666; font-size: 14px; text-align: left; } .top-line { display: inline-block; width: 100px; height: 2px; background: #fe9b00; } .place_top30 { margin-top: 30px; } .place_top20 { margin-top: 20px; } /*d注册Ҏ开?/ .login-content { width: 260px; margin: 0 auto; } .login-close { float: left; width: 100%; height: 30px; } #registerprovince > cite { width: 240px; border: 1px solid #bcbcbc; } .logo-icon { width: 100%; height: 40px; background: url(../images/logo.png) no-repeat center center; } .logo-icon2 { width: 100%; height: 30px; line-height: 40px; font-size: 13px; color: #000; } .login-register { float: left; width: 100%; height: 40px; border-bottom: 1px solid #ededed; font-size: 14px; color: #999; } .login-register > div { width: 30px; height: 39px; line-height: 39px; text-align: center; cursor: pointer; } .login-register > div.register { float: left; } .login-register > div.login { float: right; } .login-register > div.complate { width: 60px; float: left; } .login-register > div.skip { float: right; color: #1576e9; } .login-register > div.current { font-weight: bold; color: #333; border-bottom: 2px solid #333; } .login-input, .register-code, .complate-input { margin-top: 15px; float: left; } .complate-content { margin-top: 20px; float: left; font-size: 12px; color: #666; font-weight: bold; } .login-input > input { width: 230px; padding-left: 30px; height: 40px; line-height: 40px; border: 1px solid #bcbcbc; border-radius: 0; color: #999; font-size: 12px; } .complate-input > input { width: 245px; padding-left: 15px; height: 40px; line-height: 40px; border: 1px solid #bcbcbc; border-radius: 0; color: #999; font-size: 12px; } .login-input > input.tell { background: url(https://static.jtljia.com/images/system/icon-login-tel.png) no-repeat 5px center; } .login-input > input.password { background: url(https://static.jtljia.com/images/system/icon-login-password.png) no-repeat 5px center; } .register-code > input { float: left; width: 130px; padding-left: 30px; height: 40px; line-height: 40px; margin-right: 10px; border: 1px solid #bcbcbc; border-radius: 0; color: #999; font-size: 12px; background: url(https://static.jtljia.com/images/system/icon-login-code.png) no-repeat 5px center; } .register-code > a { display: block; float: left; height: 40px; line-height: 40px; width: 86px; border: 1px solid #bcbcbc; border-radius: 0; color: #999; font-size: 12px; background: #e8e8e8; text-align: center; cursor: pointer; } .register-code > a:hover { opacity: 0.9; } .register-code > a > img { width: 100%; height: 100%; } .aui_buttons > button.login-sure { width: 260px; margin-left: 0; border-radius: 0; background: #ff6801; padding: 0; height: 40px; line-height: 40px; } .aui_buttons > button.login-sure:hover { opacity: 0.8; } .forget-password { width: 260px; height: 30px; line-height: 30px; margin: 0 auto; font-size: 12px; color: #a9a9a9; } .forget-password > a { display: block; height: 24px; line-height: 24px; cursor: pointer; width: 70px; float: right; text-align: center; } .lr-success { width: 130px; height: 50px; line-height: 24px; color: #999; font-size: 14px; padding: 70px 0 70px 117px; background: url(https://static.jtljia.com/images/system/img-ok.png) no-repeat 45px center; } .lr-error { width: 130px; height: 50px; line-height: 24px; color: #999; font-size: 14px; padding: 70px 0 70px 117px; background: url(https://static.jtljia.com/images/system/img_error.png) no-repeat 45px center; } .divcomplate { background: #fff; display: block; float: left; height: 40px; position: relative; z-index: 20; } .divcomplate cite { width: 105px; height: 40px; line-height: 40px; display: block; font-family: "微Y雅黑"; color: #999; cursor: pointer; font-style: normal; font-size: 12px; padding-left: 10px; padding-right: 10px; background: url(https://static.jtljia.com/images/system/arrow-down1.png) no-repeat right 7px center; border: solid 1px #bcbcbc; } .divcomplate ul { width: 125px; border: 1px solid #bcbcbc; max-height: 120px; overflow-y: scroll; background: #fff; position: absolute; z-index: 200; margin-top: 2px; padding-bottom: 3px; display: none; } .divcomplate ul li { width: 108px; height: 34px; line-height: 34px; color: #999; border-bottom: 1px solid #dfdfdf; } .divcomplate ul li:last-child { border-bottom: none; } .divcomplate ul li a { display: block; width: 100%; height: 100%; color: #999; text-indent: 10px; font-size: 12px; } .divcomplate ul li a:hover { color: #999; background: #f1f1f1; } #complateProvince { margin-right: 10px; margin-left: 0; width: 125px; } #complateCity { margin-left: 0; width: 125px; } #complateCity ul { padding-bottom: 0; } .divHouse { background: #fff; display: block; float: left; height: 40px; position: relative; z-index: 20; } .divHouse cite { width: 60px; height: 40px; line-height: 40px; display: block; font-family: "微Y雅黑"; color: #999; cursor: pointer; font-style: normal; font-size: 12px; padding-left: 10px; padding-right: 10px; background: url(https://static.jtljia.com/images/system/arrow-down1.png) no-repeat right 7px center; border: solid 1px #bcbcbc; } #complateBedroom { margin-right: 10px; margin-left: 0; width: 80px; } #complateSittingroom { margin-right: 10px; margin-left: 0; width: 80px; } #complateToilet { margin-right: 0; margin-left: 0; width: 80px; } .divHouse ul { width: 80px; border: 1px solid #bcbcbc; height: 83px; overflow-y: scroll; background: #fff; position: absolute; z-index: 200; margin-top: 0; padding-bottom: 3px; display: none; } .divHouse ul li { width: 62px; height: 28px; line-height: 28px; color: #999; border-bottom: 1px solid #dfdfdf; } .divHouse ul li:last-child { border-bottom: none; } .divHouse ul li a { display: block; width: 100%; height: 100%; color: #999; text-indent: 10px; font-size: 12px; } .divHouse ul li a:hover { color: #999; background: #f1f1f1; } /*d注册Ҏl束*/ /*拖动验证开?/ #drag { position: relative; background-color: #f2f2f2; width: 262px; height: 34px; float: left; margin-top: 15px; line-height: 34px; text-align: center; color: #999; font-size: 14px; } #drag .handler { position: absolute; top: 0px; left: 0px; width: 40px; height: 32px; border: 1px solid #ccc; cursor: pointer; } .handler_bg { background: #fff url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA3hpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDIxIDc5LjE1NTc3MiwgMjAxNC8wMS8xMy0xOTo0NDowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDo0ZDhlNWY5My05NmI0LTRlNWQtOGFjYi03ZTY4OGYyMTU2ZTYiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NTEyNTVEMURGMkVFMTFFNEI5NDBCMjQ2M0ExMDQ1OUYiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NTEyNTVEMUNGMkVFMTFFNEI5NDBCMjQ2M0ExMDQ1OUYiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTQgKE1hY2ludG9zaCkiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo2MTc5NzNmZS02OTQxLTQyOTYtYTIwNi02NDI2YTNkOWU5YmUiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6NGQ4ZTVmOTMtOTZiNC00ZTVkLThhY2ItN2U2ODhmMjE1NmU2Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+YiRG4AAAALFJREFUeNpi/P//PwMlgImBQkA9A+bOnfsIiBOxKcInh+yCaCDuByoswaIOpxwjciACFegBqZ1AvBSIS5OTk/8TkmNEjwWgQiUgtQuIjwAxUF3yX3xyGIEIFLwHpKyAWB+I1xGSwxULIGf9A7mQkBwTlhBXAFLHgPgqEAcTkmNCU6AL9d8WII4HOvk3ITkWJAXWUMlOoGQHmsE45ViQ2KuBuASoYC4Wf+OUYxz6mQkgwAAN9mIrUReCXgAAAABJRU5ErkJggg==") no-repeat center; } .handler_ok_bg { background: #fff url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA3hpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDIxIDc5LjE1NTc3MiwgMjAxNC8wMS8xMy0xOTo0NDowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDo0ZDhlNWY5My05NmI0LTRlNWQtOGFjYi03ZTY4OGYyMTU2ZTYiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NDlBRDI3NjVGMkQ2MTFFNEI5NDBCMjQ2M0ExMDQ1OUYiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NDlBRDI3NjRGMkQ2MTFFNEI5NDBCMjQ2M0ExMDQ1OUYiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTQgKE1hY2ludG9zaCkiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDphNWEzMWNhMC1hYmViLTQxNWEtYTEwZS04Y2U5NzRlN2Q4YTEiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6NGQ4ZTVmOTMtOTZiNC00ZTVkLThhY2ItN2U2ODhmMjE1NmU2Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+k+sHwwAAASZJREFUeNpi/P//PwMyKD8uZw+kUoDYEYgloMIvgHg/EM/ptHx0EFk9I8wAoEZ+IDUPiIMY8IN1QJwENOgj3ACo5gNAbMBAHLgAxA4gQ5igAnNJ0MwAVTsX7IKyY7L2UNuJAf+AmAmJ78AEDTBiwGYg5gbifCSxFCZoaBMCy4A4GOjnH0D6DpK4IxNSVIHAfSDOAeLraJrjgJp/AwPbHMhejiQnwYRmUzNQ4VQgDQqXK0ia/0I17wJiPmQNTNBEAgMlQIWiQA2vgWw7QppBekGxsAjIiEUSBNnsBDWEAY9mEFgMMgBk00E0iZtA7AHEctDQ58MRuA6wlLgGFMoMpIG1QFeGwAIxGZo8GUhIysmwQGSAZgwHaEZhICIzOaBkJkqyM0CAAQDGx279Jf50AAAAAABJRU5ErkJggg==") no-repeat center; } #drag .drag_bg { background-color: #74c930; height: 34px; width: 0px; } #drag .drag_text { position: absolute; top: 0px; width: 262px; -moz-user-select: none; -webkit-user-select: none; user-select: none; -o-user-select: none; -ms-user-select: none; } /*拖动验证l束*/ .place_bottom30 { margin-bottom: 30px; } .place_bottom20 { margin-bottom: 20px; } .link_group ul > li { float: left; width: 20px; cursor: pointer; } .link_group .group_title { padding: 0 10px; font-size: 18px; color: #999; float: left; width: 90px; } .link_group .group_title.active { color: #333; font-weight: bold; } .link_group .group_title:hover { color: #333; } .bold { font-weight: bold; } .bold_clear { font-weight: normal; } .city-line { display: inline-block; height: 20px; margin: 3px 0; width: 1px; background: #ccc; } /*快速报价弹H开?/ .price-dialog { float: left; width: 660px; padding: 20px; border-bottom: 1px solid #dfdfdf; background: #fff; } .price-dialog > ul > li { position: relative; height: 40px; line-height: 40px; margin-top: 10px; font-size: 14px; color: #666; } .price-dialog > ul > li > .dprice-title { display: float; float: left; width: 120px; padding-right: 10px; text-align: right; height: 40px; line-height: 40px; color: #333; font-size: 14px; } .dpricecomplate { background: #fff; display: block; float: left; height: 40px; position: relative; z-index: 20; } .dpricecomplate cite { width: 142px; height: 38px; line-height: 38px; display: block; font-family: "微Y雅黑"; color: #999; cursor: pointer; font-style: normal; font-size: 14px; padding-left: 10px; padding-right: 10px; margin-right: 10px; background: url(https://static.jtljia.com/images/system/arrow-down1.png) no-repeat right 7px center; border: solid 1px #ddd; } #dcomplatejcb ul li, #dcomplatecfb ul li { width: 162px; } #dcomplatewyb ul { max-height: 104px; overflow-y: scroll; } #dcomplatewyb ul li { width: 145px; } .dpricecomplate ul { width: 162px; border: 1px solid #ddd; background: #fff; position: absolute; z-index: 200; margin-top: 2px; display: none; } .dpricecomplate ul li { height: 34px; line-height: 34px; color: #999; border-bottom: 1px solid #ddd; } .dpricecomplate ul li:last-child { border-bottom: none; } .dpricecomplate ul li a { display: block; width: 100%; height: 100%; color: #999; text-indent: 10px; font-size: 12px; } .dpricecomplate ul li a:hover { color: #999; background: #f1f1f1; } .dnormal-complate { background: #fff; display: block; float: left; height: 40px; position: relative; z-index: 10; } .dnormal-complate cite { width: 142px; height: 38px; line-height: 38px; display: block; font-family: "微Y雅黑"; color: #999; cursor: pointer; font-style: normal; font-size: 14px; padding-left: 10px; padding-right: 10px; background: url(https://static.jtljia.com/images/system/arrow-down1.png) no-repeat right 7px center; border: solid 1px #ddd; } .dnormal-complate ul { width: 162px; border: 1px solid #ddd; max-height: 152px; overflow-y: scroll; background: #fff; position: absolute; z-index: 200; margin-top: 2px; display: none; } .dnormal-complate ul li { width: 145px; height: 34px; line-height: 34px; color: #999; border-bottom: 1px solid #ddd; } .dnormal-complate ul li:last-child { border-bottom: none; } .dnormal-complate ul li a { display: block; width: 100%; height: 100%; color: #999; text-indent: 10px; font-size: 12px; } .dnormal-complate ul li a:hover { color: #999; background: #f1f1f1; } .dprice-input { width: 142px; height: 38px; line-height: 38px; display: block; float: left; font-family: "微Y雅黑"; color: #999; font-style: normal; font-size: 14px; padding-left: 10px; padding-right: 10px; border: solid 1px #ddd; } .darea-unit { position: absolute; left: 267px; font-size: 14px; color: #999; line-height: inherit; } .dgetscode { display: block; float: left; width: 95px; height: 40px; line-height: 40px; background: #dbdbdb; font-size: 14px; color: #333; text-align: center; cursor: pointer; } a.dgetscode:hover { color: #333; opacity: 0.8; } .aui_buttons > button.quotation-sure { width: 260px; margin-left: 0; border-radius: 0; background: #ff6801; padding: 0; height: 40px; line-height: 40px; } .aui_buttons > button.quotation-sure:hover { opacity: 0.8; } .dprice-bottom { float: left; width: 100%; padding: 20px 0; background: #fff; } .dprice-bottom > .quotation-sure { display: block; width: 260px; margin: 0 auto; height: 40px; line-height: 40px; background: #ff6801; color: #fff; text-align: center; cursor: pointer; font-size: 16px; } .dprice-bottom > .quotation-sure:hover { color: #fff; opacity: 0.8; } .dialogAddressTitle { font-size: 17px; color: #333; } /*快速报?/ .quotation_bg .bg-title { background: url(https://static.jtljia.com/images/system/img-20s.png) no-repeat left 7px center; height: 110px; width: 1100px; } .fixed_qutation { background: rgba(0,0,0,0.5); position: fixed; top: 0; left: 0; z-index: 100; } .fixed_qutation .bg-title { height: 55px; z-index: 20; } .quotation_bg .bg-title .activecount { width: 342px; height: 90px; float: left; margin: 10px 0; } .fixed_qutation .bg-title .activecount { display: none; } .bg-title .quotecount { width: 120px; margin-left: 189px; margin-right: 33px; color: #fff; height: 40px; line-height: 20px; margin-top: 25px; } .bg-title .quotecount .serveredcount { color: #EBC40F; font-weight: bold; padding: 0 4px; } .bg-title .desc { width: 258px; float: right; margin: 30px 0 10px; color: #fff; font-size: 16px; padding-left: 16px; text-align: center; } .fixed_qutation .bg-title .desc { display: none; } .quotation_bg .quotation { position: relative; padding: 0; margin: 10px 0; width: 400px; font-size: 14px; float: left; } .fixed_qutation .quotation { width: 1100px; font-size: 14px; margin: 0 auto; height: 50px; line-height: 55px; } .quotation_bg .quotation #cityselect { width: 158px; } .quotation_bg .quotation #cityselect ul { width: 157px; height: 204px; overflow-y: scroll; } .quotation_bg .quotation #cityselect cite { width: 138px; } .quotation_bg .quotation #cityselect ul li { width: 110px; } .quotation_bg .quotation .divselect { width: 190px; background: #fff none repeat scroll 0 0; display: block; float: left; margin-left: 0; height: 42px; position: relative; z-index: 20; } .quotation_bg .quotation .divselect cite { width: 170px; height: 42px; line-height: 42px; display: block; font-family: "微Y雅黑"; color: #999; cursor: pointer; font-style: normal; padding-left: 10px; padding-right: 10px; font-size: 16px; border: none; background: url(https://static.jtljia.com/images/system/arrow-down1.png) no-repeat 160px center; } .quotation_bg .quotation .divselect ul { width: 188px; border: 1px solid #dfdfdf; background: #fff; position: absolute; z-index: 200; margin-top: 2px; padding-bottom: 3px; display: none; max-height: 213px; overflow-x: hidden; overflow-y: auto; } .quotation_bg .quotation .divselect ul li { width: 100%; height: 30px; line-height: 30px; color: #999; border-bottom: 1px solid #dfdfdf; } .quotation_bg .quotation .divselect ul li:last-child { border-bottom: none; } .quotation_bg .quotation .divselect ul li a { display: block; width: 100%; height: 100%; color: #999; text-indent: 10px; } .quotation_bg .quotation .divselect ul li a:hover { color: #999; background: #f1f1f1; } .fixed_qutation .divselect { width: 130px; background: #fff none repeat scroll 0 0; display: block; float: left; margin-left: 0; height: 40px; position: relative; z-index: 20; margin-top: 6.5px; } .fixed_qutation .divselect cite { width: 110px; height: 40px; line-height: 40px; display: block; font-family: "微Y雅黑"; color: #999; cursor: pointer; font-style: normal; padding-left: 10px; padding-right: 10px; border: none; background: url(https://static.jtljia.com/images/system/arrow-down1.png) no-repeat 100px center; white-space: nowrap; overflow: hidden; } .fixed_qutation .divselect ul { width: 128px; border: 1px solid #dfdfdf; background: #fff; position: absolute; z-index: 200; margin-top: 1px; padding-bottom: 3px; display: none; max-height: 400px; overflow-x: hidden; overflow-y: auto; } .fixed_qutation .divselect ul li { width: 112px; height: 30px; line-height: 30px; color: #999; border-bottom: 1px solid #dfdfdf; overflow-x: hidden; white-space: nowrap; } .fixed_qutation .divselect ul li:last-child { border-bottom: none; } .fixed_qutation .divselect ul li a { display: block; width: 100%; height: 100%; color: #999; text-indent: 10px; } .fixed_qutation .divselect ul li a:hover { color: #999; background: #f1f1f1; } .quotation_bg .quotation .acity-input { display: block; float: left; width: 160px; height: 42px; line-height: 42px; padding: 0 10px; background: #fff; color: #999; } .quotation_bg .quotation .area-input { display: block; float: left; width: 130px; height: 42px; line-height: 42px; margin-top: 6px; padding: 0 10px; background: #fff; color: #999; font-size: 16px; } .fixed_qutation .acity-input { display: block; float: left; width: 120px; height: 40px; line-height: 40px; padding: 0 10px; background: #fff; color: #999; margin-top: 6.5px; } .fixed_qutation .area-input { display: block; float: left; width: 105px; height: 40px; line-height: 40px; padding: 0 0 0 9px; background: #fff; color: #999; margin-top: 6.5px; } .quotation_bg .quotation .area-unit { display: block; float: left; width: 40px; height: 42px; line-height: 42px; margin-right: 6px; margin-top: 6px; text-align: center; color: #575757; background: #fff; font-size: 16px; } .quotation_bg .quotation .tell-input { display: block; float: left; width: 170px; height: 42px; line-height: 42px; margin-top: 6px; padding: 0 10px; background: #fff; color: #999; font-size: 16px; } .quotation_bg .quotation .get-codes { display: block; float: left; width: 90px; height: 40px; line-height: 40px; margin-top: 10px; background: #DBDBDB; color: #787878; text-align: center; cursor: pointer; } .quotation_bg .quotation a.getcodes:hover { color: #fff; background: #c1a970; } .quotation_bg .quotation .codes-input { display: block; float: left; width: 70px; height: 40px; line-height: 40px; margin-top: 10px; margin-left: 4px; padding: 0 10px; background: #fff; color: #999; } .quotation_bg .quotation .getquote { position: absolute; top: 0; right: -83px; display: block; float: left; width: 91px; height: 69px; padding-top: 22px; line-height: 24px; background: #ff6700; border: none; box-shadow: 0 2px #c24e01; font-size: 20px; color: #fff; text-align: center; cursor: pointer; } .fixed_qutation .area-unit { display: block; float: left; width: 25px; height: 40px; line-height: 40px; text-align: center; color: #575757; background: #fff; margin-top: 6.5px; } .fixed_qutation .tell-input { display: block; float: left; width: 110px; height: 40px; line-height: 40px; padding: 0 10px; background: #fff; color: #999; margin-top: 6.5px; } .fixed_qutation .get-codes { display: block; float: left; width: 90px; height: 40px; line-height: 40px; background: #DBDBDB; color: #787878; text-align: center; cursor: pointer; margin-top: 6.5px; } .fixed_qutation a.getcodes:hover { color: #fff; background: #c1a970; } .fixed_qutation .codes-input { display: block; float: left; width: 70px; height: 40px; line-height: 40px; padding: 0 10px; background: #fff; color: #999; margin-top: 6.5px; } .fixed_qutation .getquote { display: block; float: left; width: 120px; height: 40px; line-height: 40px; background: #ff6700; border: none; font-size: 18px; color: #fff; text-align: center; cursor: pointer; margin-top: 7px; margin-left: 6px; } .fixed_qutation .hidden { display: none; } .quotation_bg .fixed_show { display: none; } .fixed_qutation .fixed_show { width: 70px; text-align: center; float: left; color: #fff; } .quotation_bg .quot_icon { display: none; } .fixed_qutation .quot_icon { position: fixed; width: 100%; height: 61px; top: 0; z-index: 19; } .fixed_qutation .quot_icon .p_i { width: 1000px; background: url(https://static.jtljia.com/images/system/img-quickly-price.png) 15px top no-repeat; height: 61px; } .quotation a.getquote:hover { color: #fff; background: #d28a17; } .quotation input { border: none; } .bg-title .desc .kefu { height: 26px; display: inline-block; margin-top: 4px; font-weight: normal; line-height: 26px; font-size: 14px; } .bg-title .desc .kefubtn { display: inline-block; padding-left: 6px; background: #ff4d49; padding-right: 6px; font-size: 12px; margin: 0 4px; color: #fff; } .title_desc { width: 500px; text-align: right; float: right; font-size: 16px; color: #9A9A9A; font-weight: normal; } .title_desc a { color: #9A9A9A; } .title_desc a:hover { color: #FF6700; } /*一开?/ .alert-first { width: 700px; border-radius: 4px; margin: 0 auto; box-sizing: border-box; padding: 40px 60px; background: url(https://static.jtljia.com/images/system/bg_cyc.png) center bottom no-repeat; height: 406px; } .alert { width: 970px; height: 530px; border-radius: 4px; margin: 0 auto; box-sizing: border-box; background: #fff; } .alert-first .title { font-size: 22px; line-height: 30px; width: 100%; float: left; text-align: center; } .alert-first .step { width: 100%; padding: 0 73px; box-sizing: border-box; float: left; padding-top: 30px; border-bottom: solid 2px #d5d5d5; height: 42px; } .alert-first .step li { width: 33.3%; text-align: center; float: left; } .alert-first .step li .bit { border-radius: 100%; background: #D5D5D5; width: 20px; height: 20px; margin: 0 auto; } .alert-first .step li .bit.active { background: #FDD600; } .alert-first .question { width: 100%; float: left; padding: 30px 0; font-size: 16px; line-height: 34px; min-height: 154px; } .alert .question .text { font-weight: 800; } .alert-first .question .option { width: 300px; float: left; font-size: 14px; } .alert-first .question .option .option_item { width: 150px; float: left; } .alert-first .question .test-checkBox { float: left; margin-right: 10px; margin-top: 6px; width: 22px; height: 22px; border: none; border-radius: 3px; background: url(https://static.jtljia.com/images/icon/blue.png) 0 0 no-repeat; } .alert-first .question .test-checkBox:hover { background: url(https://static.jtljia.com/images/icon/blue.png) -24px 0 no-repeat; } .alert-first .question .test-checkBox.actived { background: url(https://static.jtljia.com/images/icon/blue.png) -48px 0 no-repeat; } .alert-first .question .option input[type=checkbox] { height: 22px; width: 22px; opacity: 0; } .alert-first .btn_list { width: 100%; float: left; } .alert-first .btn_list .alert_btn { display: block; width: 140px; height: 40px; float: right; margin-left: 20px; text-align: center; line-height: 40px; background: #FFD401; color: #9C6814; border-radius: 2px; cursor: pointer; } .alert_error { font-size: 14px; color: red; font-weight: normal; } .alert-first .btn_list .alert_btn.btn2 { background: rgba(255,255,255,0); color: #333333; } .alert .left { width: 700px; margin-right: 20px; float: left; box-sizing: border-box; position: relative; } .alert .right { width: 250px; height: 100%; float: left; box-sizing: border-box; } .alert .style_title { font-size: 24px; float: left; font-weight: bold; line-height: 30px; margin: 28px 0; width: 100%; } .form_line { width: 100%; float: left; position: relative; } #test_quickPrice { width: 100%; box-sizing: border-box; } #test_quickPrice > cite { width: 100%; box-sizing: border-box; border: solid 1px #DDDDDD; } .form_line > input { width: 100%; height: 48px; line-height: 48px; /*padding: 0 5%;*/ text-indent:10px; font-size: 14px; color: #666; border: none; /*border: solid 1px #DDDDDD;*/ box-sizing: border-box; margin-top: 10px; } .desc_line{ color:rgba(255,255,255,0.6); font-size:14px; margin-top:24px; margin-bottom:20px; text-align:center; line-height:14px; } .form_block { width: 100%; float: left; position: relative; } .form_block > input { width: 100%; height: 46px; /*line-height: 46px;*/ text-indent: 10px; font-size: 14px; color: #666; border: none; box-sizing: border-box; margin-top: 10px; border-radius:3px; } .form_block .store_select{ height:46px; border:none; border-radius:3px; line-height:46px; background-position:right 10px center; } .form_block .area_unit { position: absolute; right: 0; bottom: 0; display: block; width: 46px; height: 46px; line-height: 46px; text-align: center; color: #C9C9C9; } .form_block select { width: 125px; height: 46px; border: none; border-radius: 3px; margin-top: 10px; color: #666; text-indent: 10px; line-height:42px; } .form_block select.right{ float:right; } .normal-complate { background: #fff; display: block; float: left; height: 40px; line-height: 40px; position: relative; z-index: 10; border: solid 1px #DDDDDD; text-align: left; } .normal-complate cite { width: 101px; height: 40px; line-height: 40px; display: block; color: #666; cursor: pointer; font-style: normal; font-size: 14px; padding-left: 10px; padding-right: 10px; background: url(https://static.jtljia.com/images/system/arrow-down1.png) no-repeat right 7px center; border: none; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .alert input[type=number] { width: 100%; height: 40px; line-height: 40px; padding: 0 5%; font-size: 14px; color: #666; border: none; border: solid 1px #DDDDDD; box-sizing: border-box; margin-top: 10px; } .form_line .unit { width: 40px; height: 40px; display: block; position: absolute; right: 0; top: 10px; text-align: center; line-height: 40px; } .alert .calc_btn { background: #FFD401; color: #9C6814; height: 42px; text-align: center; line-height: 42px; border: none; display: block; margin-top: 10px; border-radius: 2px; cursor: pointer; } .alert .xmSlide-pagination { text-align: center; position: absolute; z-index: 99; width: 100%; bottom: 20px; padding: 0; } .alert a.xmSlide-previous { display: block; position: absolute; top: 218px; left: 0; z-index: 99; width: 40px; height: 70px; background: url(https://static.jtljia.com/images/icon/banner_bg.png) -40px 0 no-repeat; } .alert a.xmSlide-next { display: block; position: absolute; top: 218px; right: 0; z-index: 99; width: 40px; height: 70px; background: url(https://static.jtljia.com/images/icon/banner_bg.png) 0 -70px no-repeat; } .xmSlide-pagination li { display: inline-block; width: 12px; height: 12px; margin: 5px; } .xmSlide-pagination li a { display: inline-block; width: 8px; height: 8px; text-indent: -9999px; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; overflow: hidden; border: 2px solid rgba(255,255,255,0.7); } .xmSlide-pagination li a.active { border-color: #ffd401; background-color: #ffd401; } /*一结?/ .jc-money.noborder { border: none; height: 39px; line-height: 39px; } /*专题zd表格*/ table.theActivityBox { width: 100%; border: none; } table.theActivityBox > thead > tr { width: 100%; height: 40px; line-height: 40px; color: #333; font-size: 18px; background: #6cb13a; } table.theActivityBox > thead > tr > th { padding: 5px 15px; text-align: left; box-sizing: border-box; } table.theActivityBox > thead > tr > th:nth-child(1) { width: 15%; } table.theActivityBox > thead > tr > th:nth-child(2) { width: 50%; } table.theActivityBox > thead > tr > th:nth-child(3) { width: 15%; } table.theActivityBox > thead > tr > th:nth-child(4) { width: 20%; } table.theActivityBox > tbody > tr { width: 100%; line-height: 22px; color: #333; font-size: 15px; background: #fff; } table.theActivityBox > tbody > tr > td { padding: 5px 15px; text-align: left; border-bottom: 1px solid #6cb13a; box-sizing: border-box; } table.theActivityBox > tbody > tr > td > .activity-sendaddress { display: block; width: 200px; height: 30px; line-height: 30px; text-align: center; margin: auto; background: #d76101; cursor: pointer; border-radius: 3px; color: #fff; } table.theActivityBox > tbody > tr > td > .activity-sendaddress:hover { opacity: .85; } .realActivityTime { margin-top: 8px; font-size: 15px; font-weight: bold; color: #d76101; text-align: center; } #commonBottom > cite { width: 210px; } #menu_news, #menu_knowledge { display: none; } .search_item .divselect ul li a { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .search_item .divselect cite { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .store_menu > .search_item > .divselect > cite { width: 106px; padding-right: 19px; } .registerImgCode { width: 98px; float: left; height: 42px; } .registerImgCode img { width: 100%; height: 100%; border: solid 1px #bcbcbc; box-sizing: border-box; border-left: none; } #hot_case { display: none; } .qoute_title { font-size: 20px; line-height: 50px; text-align: center; } .aui_buttons > button.quote-sure { width: 260px; margin-left: 0; border-radius: 0; background: #F1D128; padding: 0; height: 40px; line-height: 40px; } .aui_state_noTitle .aui_inner { overflow: visible !important; } /*----------------------------产品4.0留资Ҏ样式调整---------------------------*/ .pro4_liuzi_wrap { background-color: rgba(0,0,0,0.5); position: fixed; top: 0; right: 0; left: 0; bottom: 0; z-index: 999; display: none; } .pro4_liuzi_wrap .pro4_liuzi_main { position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); background-color: #fff; border-radius: 4px; width: 420px; } .pro4_liuzi_wrap .pro4_liuzi_main > .close { width: 30px; height: 30px; border-radius: 50%; border: 1px solid #cdcdcd; color: #b4b4b4; font-size: 24px; text-align: center; line-height: 28px; position: absolute; top: 10px; right: 10px; cursor: pointer; } .pro4_liuzi_wrap .pro4_liuzi_main .pro4_liuzi_title { border-left: 4px solid #ffd401; padding: 0 40px; margin-top: 30px; } .pro4_liuzi_wrap .pro4_liuzi_main .main-title { font-size: 22px; color: #000; font-weight: bold; line-height: 22px; } .pro4_liuzi_wrap .pro4_liuzi_main .small-title { font-size: 14px; color: #666; line-height: 14px; margin-top: 5px; height: 14px; } .pro4_liuzi_wrap .pro4_liuzi_main .pro4-liuzi-content { padding: 0 40px; margin-top: 40px; } .pro4_liuzi_wrap .pro4_liuzi_main .pro4-liuzi-content .content-item { width: 100%; margin-top: 10px; height: 50px; font-size: 16px; position: relative; } .pro4_liuzi_wrap .pro4_liuzi_main .pro4-liuzi-content .content-item:first-child { margin-top: 0; } .pro4_liuzi_wrap .pro4_liuzi_main .pro4-liuzi-content .content-item .store_select { border-radius: 5px; font-size: 15px; height: 50px; line-height: 50px; padding-left: 40px; background: url(https://static.jtljia.com/images/icon/icon-dz-pc.png) 10px center no-repeat; } .pro4_liuzi_wrap .pro4_liuzi_main .pro4-liuzi-content .content-item input { display: block; width: 100%; border: solid 1px #ddd; height: 50px; border-radius: 5px; padding: 0 10px; color: #666; font-size: 0; box-sizing: border-box; } .pro4_liuzi_wrap .pro4_liuzi_main .pro4-liuzi-content .content-item input.tell { padding-left: 40px; font-size: 15px; background: url(https://static.jtljia.com/images/icon/icon-sj-pc.png) 10px center no-repeat; } .pro4_liuzi_wrap .pro4_liuzi_main .pro4-liuzi-content .content-item input#pro4_liuzi_area { padding-left: 40px; font-size: 15px; background: url(https://static.jtljia.com/images/icon/icon-mj-pc.png) 10px center no-repeat; } .pro4_liuzi_wrap .pro4_liuzi_main .pro4-liuzi-content .content-item input#txtPhoneCode2, .pro4_liuzi_wrap .pro4_liuzi_main .pro4-liuzi-content .content-item input#imgcode2 { width: 100%; height: 100%; display: inline-block; vertical-align: middle; padding-left: 40px; font-size: 15px; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAkCAYAAADhAJiYAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTMyIDc5LjE1OTI4NCwgMjAxNi8wNC8xOS0xMzoxMzo0MCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6QzkxQkVEQjc5Nzg5MTFFNzk0NEZGRkMwOTVDRTJFNDIiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6QzkxQkVEQjY5Nzg5MTFFNzk0NEZGRkMwOTVDRTJFNDIiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUuNSAoV2luZG93cykiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpDOTU4OUMyRDk3N0MxMUU3OUNDOTlGRjg1Q0YxQ0U1QyIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpDOTU4OUMyRTk3N0MxMUU3OUNDOTlGRjg1Q0YxQ0U1QyIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PtLiivoAAAFkSURBVHja7NjPKwRhHMfxHWlvbg57UFoHBwkh5aTEQYqDnJEaB7kpJdRuObo4iKE9uLo5SDm4KMU/4LBSopQSSok03t/6qm3TtvOYmWbzfOvV/px5Pj3z7Zl91vF9P5WkqkslrOp/e9PzvFgGd103+TP0l0CNWMU5XiHN+IAjzCAdZ6AF3CCPXn1+qsFGUMAVhqIO5GAHm3jDvM5UJwbRimZsoAnHmI4y0LL0Ii7RhS28lH3nFosY0M/20B9FoBas4R6j2i+VSnprXGd1u9qxggSa00ZdwmOVx5xhHx0YDjvQJJ5xEPAy7+rjhPHCWFbSnA3I4kJfB6knfKFbL/sH7kwDFXRN+ak+XBsuFT0lx8p5Z00CTWnzHoa4GI/pUmAUSHqsqA0dVrUhUzN3exvIBrKBbCAbyAaygf7l3r6k5OdmO05CHFPO92kaSHamKyY70Ar1jpxpoHUVWzn2D6taC/QtwADl00DFxrpRkAAAAABJRU5ErkJggg==) 10px center no-repeat #fff; background-size: auto 54%; } .pro4_liuzi_wrap .pro4_liuzi_main .pro4-liuzi-content .content-item input#imgcode { padding-right: 40%; } .pro4_liuzi_wrap .pro4_liuzi_main .pro4-liuzi-content .content-item #liuziImgCode2 { position: absolute; height: 50px; width: 40%; top: 0; right: 0; text-align: center; padding: 5px; } .pro4_liuzi_wrap .pro4_liuzi_main .pro4-liuzi-content .content-item #liuziImgCode2 img { width: 100%; } .pro4_liuzi_wrap .pro4_liuzi_main .pro4-liuzi-content .content-item #liuziPhoneCode2 { position: absolute; height: 50px; text-align: center; line-height: 50px; font-weight: bold; font-size: 18px; width: 40%; top: 0; right: 0; cursor: pointer; } .pro4_liuzi_wrap .pro4_liuzi_main .btn-wrap { padding: 0 40px; margin-bottom: 40px; margin-top: 20px; position: relative; overflow: hidden; } .pro4_liuzi_wrap .pro4_liuzi_main .btn-wrap button { width: 100%; display: block; height: 50px; background: -moz-linear-gradient(right, #ffe254 0%, #ffd401 100%); background: -webkit-linear-gradient(right, #ffe254 0%,#ffd401 100%); background: -o-linear-gradient(right, #ffe254 0%,#ffd401 100%); background: -ms-linear-gradient(right, #ffe254 0%,#ffd401 100%); background: linear-gradient(to right, #ffe254 0%,#ffd401 100%); font-size: 16px; color: #000; margin: 0; border-radius: 5px; border: none; font-weight: bold; } .pro4_liuzi_wrap .pro4_liuzi_main .btn-wrap:after { cursor: pointer; position: absolute; left: -100px; top: -9px; width: 50px; height: 66px; background-size: 200% 100%; background-image: -moz-linear-gradient(0deg,rgba(255,255,255,0.2),rgba(255,255,255,0.6),rgba(255,255,255,0.2)); background-image: -webkit-linear-gradient(90deg,rgba(255,255,255,0.2),rgba(255,255,255,0.6),rgba(255,255,255,0.2)); transition: all linear 0.5s; transform: rotate(-90deg); } .pro4_liuzi_wrap .pro4_liuzi_main .btn-wrap:hover:after { left: 380px; -moz-transition: 0.5s; -o-transition: 0.5s; -webkit-transition: 0.5s; transition: 0.5s; } .pro4_liuzi_wrap .clear:after { content: '.'; display: block; clear: both; height: 0; visibility: hidden; } .pro4_liuzi_wrap .pro4_liuzi_main > .fl { width: 50%; box-sizing: border-box; padding-right: 40px; } .pro4_liuzi_wrap .pro4_liuzi_main > .fl .detail-title { margin-top: 30px; padding-left: 40px; font-size: 22px; height: 22px; line-height: 22px; color: #000; font-weight: bold; } .pro4_liuzi_wrap .pro4_liuzi_main > .fl .detail-cont { padding-left: 40px; margin-top: 25px; } .pro4_liuzi_wrap .pro4_liuzi_main > .fl .detail-cont table td { padding: 10px 0; } .pro4_liuzi_wrap .pro4_liuzi_main > .fl .detail-cont table td:nth-child(2n+1) { font-size: 15px; color: #666; width: 77px; vertical-align: text-top; } .pro4_liuzi_wrap .pro4_liuzi_main > .fl .detail-cont table td:nth-child(2n) { font-size: 15px; color: #000; font-weight: bold; } .pro4_liuzi_wrap .pro4_liuzi_main > .fl .pro4_liuzi_title { border-left: none; } .pro4_liuzi_wrap .storeSelectList { border-radius: 5px; font-size: 15px; height: 50px; width: 100%; line-height: 50px; padding-left: 40px; color: #666; border: solid 1px #ddd; background: url(https://static.jtljia.com/images/icon/icon-dz-pc.png) 10px center no-repeat; } .qoute_title { margin-left: -20px; padding-left: 20px; border-left: solid 4px #F1D128; line-height: 20px; margin-bottom: 20px !important; text-align: left; } .aui_close { border-radius: 100%; border: 1px solid #cdcdcd; color: #cdcdcd !important; position: absolute !important; top: 10px !important; right: 10px !important; } .aui_content { width: 100% !important; padding-top: 40px; margin-bottom: 0 !important; margin-right: 30px; box-sizing: border-box; margin-right: 0; } .aui_buttons > button.quote-sure { margin: 0; width: 269px; } .login-content { width: 269px; } .redpackage { display: none; } .redpackage img { max-width: 200%; } .bannerad{ margin-bottom:20px; } .icon-home-mobile { width: 22px; height: 16px; background: url('https://static.jtljia.com/images/index/icon-home-mobile.png') center center no-repeat; } .icon-home-wechat{ width: 22px; height: 16px; background: url('https://static.jtljia.com/images/index/icon-home-wechat.png') center center no-repeat; } .icon_ypt{ position:absolute; top:3px; right:0; } .blod{ font-weight:bold!important; } .fs12{ font-size:12px!important; } .fs14 { font-size: 14px!important; } .fs16 { font-size: 16px!important; } .fs18 { font-size: 18px!important; } .fs20 { font-size: 20px!important; } .font66{ color:#666!important; } .font33{ color:#333!important; } .font03{ color:#030303!important; } .font99{ color:#999!important; } .icon_location { padding-left: 24px; background: url('https://static.jtljia.com/images/index/icon-pc-dz.png') left center no-repeat; } .icon_area { padding-left: 24px; background: url('https://static.jtljia.com/images/index/icon-pc-mj.png') left center no-repeat; } .shadow_h:hover { box-shadow: rgba(0,0,0,0.3) 0 5px 50px; transform: translate3d(0,-2px,0); transition: all linear 0.3s; } .clear_float{ overflow:hidden } .block{ float:left; width:100%; } .logo_color { color: #D4BB54; } #rightmenutop{ display:none; } .noselect { -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } /*二菜单*/ .finish_border a { color: #D69C3D !important; } .finish_nav { width: 100%; height: 80px; line-height: 80px; border-bottom: 1px solid #e8e8e8; margin-bottom: 30px; background: #FFF; } .finish_nav_con { width: 1200px; height: auto; margin: 0 auto; } .finish_nav_con span { font-size: 16px; font-weight: 500; color: #424242; } .finish_index img { position: relative; margin-right: 5px; width: 11px; } .finish_img img { position: relative; top: -2px; margin: 0 5px; width: 3px; height: 5px; } .finish_tab span { margin: 0 15px; cursor: pointer; color: #656565; /*font-weight: bold;*/ font-size: 16px; position: relative; } .finish_tab span a { color: #656565; /*font-weight: bold;*/ font-size: 15px; } .finish_tab span p { position: absolute; left: 0; bottom: 0; width: 0; height: 2px; background-color: #D69C3D; border-radius: 4px; -webkit-transition: width 300ms; transition: width 300ms; } .finish_tab span.finish_bottom a { color: #D69C3D; } .finish_tab span.finish_bottom p { width: 100%; } .finish_tab ul li{ float:left; margin-left:1px;position:relative; background:#f0f0f0;} .finish_tab ul li a{ /*height:20px; line-height:20px; padding-bottom:20px; */display:block; font-weight:500; font-size:16px; padding:0 20px} .finish_tab ul li.fm a.mm:after{content: "";display: block;position: absolute;left: 50%;right: 50%;bottom:-3px;height: 3px;opacity: 0;background-color: #D69C3D;-webkit-transition: all .5s;-o-transition: all .5s;-ms-transition: all .5s;transition: all .5s;} .finish_tab ul li.fm a.mm:hover:after{left: 1%;right: 1%;opacity: 1;-webkit-transition: all .5s;-o-transition: all .5s;-ms-transition: all .5s;transition: all .5s;} .finish_tab ul li.fm:hover a.mm:after{left: 1%;right: 1%;opacity: 1;-webkit-transition: all .5s;-o-transition: all .5s;-ms-transition: all .5s;transition: all .5s;} .finish_tab ul li.fm:hover a.mm{ color:#D69C3D; font-weight:500;} .finish_tab ul li.fm a.on{ color:#D69C3D; font-weight:600; border-bottom: #D69C3D 3px solid;/* background:#D69C3D*/} .finish_tab ul li.fm a.on:after{background-color:#FFF;} .finish_tab span:hover { color: #D69C3D; } .icat_title_title { width: 1200px; text-align: center; margin: 66px auto 0; } .icat_title_title h2 { font-size: 28px; width: 100%; height: 30px; line-height: 30px; color: #323232; font-weight: 600; background: url(../images/ititle_bg.png?v=2.4) center no-repeat; } .icat_title_title h3 { height: 35px; line-height: 38px; width: 100%; font-size: 16px; text-align: center; font-size: 16px; font-weight: normal; color: #a3a3a3; } #index_two_title{ height:223px; width:100%; text-align:center; border-bottom:1px solid #CCC;} #index_two_title h4{ padding:66px 0 0 0; font-size:28px;} #index_two_title h5{ height:25px; line-height:25px; font-size:12px; color:#5e5e5e; font-weight:normal;} #index_two_content{ margin:-75px 0 0 0;} #index_three_content{ position:relative; top:80px;} /*-------------------------------------------------------服务中心-----------------------------------------------------------------*/ .about-sign{ width: 12px; height: 35px; padding: 7px 18px 6px; background: url(../images/bg_sign09.png) no-repeat; position: relative; } .about-sign .sign-top{ width: 12px; height: 17px; background: url(../images/bg_sign07.png) no-repeat; position: absolute; left: 18px; bottom: 24px; animation: signMove 1s infinite; -webkit-animation: signMove 1s infinite; } .about-sign .sign-bot{ width: 12px; height: 17px; background: url(../images/bg_sign08.png) no-repeat; position: absolute; left: 18px; top: 25px; animation: signMove 1s infinite; -webkit-animation: signMove 1s infinite; } @keyframes signMove{ from{ height: 0; } to { height: 17px; } } @-webkit-keyframes signMove{ from{ height: 0; } to { height: 17px; } } .prr_icon{ position:absolute; bottom:40px;} .index_icon{ position:relative; width:48px; height:48px; margin:0 auto; padding:30px 0;} .process_content{height:170px;width:100%;overflow:hidden;} .process_contents{ padding:462px 0 0 0;background-position:50% 20%!important; } .process_contentss{ padding:170px 0 0 0;background-position:50% 17%!important;margin-bottom:180px;} .pro_bg{ background:#FFF; position:relative; top:0px;} .process_c{ width:1200px; margin:0 auto;} #proc_left{ float:left; width:306px;} .pl_menu{ position:relative; height:130px;} .pl_menu_title{ width:306px; height:200px; background:#7d1c74;filter:alpha(opacity=90); /*IE滤镜Q透明?0%*/-moz-opacity:0.9; /*FirefoxU有Q透明?0%*/opacity:0.9;/*其他Q透明?0%*/ position:absolute; top:-83px;} .pl_catname{ position:absolute; bottom:0px;padding:0 0 30px 96px; height:60px;} .pl_catname h2{ font-size:30px; color:#FFF; height:25px; line-height:25px;} .pl_catname h3{ font-size:25px; font-weight:normal; color:#FFF;} .pl_menu_list ul li{ margin:5px 0; height:40px; padding:5px 0 0 14px; cursor:pointer;} .pl_menu_list ul li h2 a{ font-weight:normal; font-size:14px; color:#2d2d2d;} .pl_menu_list ul li h3{ font-weight:normal; font-size:12px; color:#9c9c9c;} .pl_menu_list ul li:hover{background:#6b6b6b url(../images/child_mneu_bg.png) 95% 50% no-repeat;} .pl_menu_list ul li:hover h2 a{ color:#FFF;} .onmenu{background:#6b6b6b url(../images/child_mneu_bg.png) 95% 50% no-repeat;} .onmenu h2 a{ color:#FFF;} #proc_right{ float:right; width:800px;position:relative;} .prr_icon{ position:absolute; bottom:40px; right:580px;} /*#prr_content{ background:url(../images/prr_line.png) 44% 0% no-repeat;}*/ #prr_cat_content{ float:left; width:325px; padding:110px 0 0 0;} #prr_artlist{ float:right; width:474px; padding:110px 0 70px 0;} #prr_artlist ul li{font-size:18px; padding:0 0 0 83px; background:url(../images/prrli_bg.png) 1px center no-repeat; height:60px; line-height:50px; position:relative;} #prr_artlist ul li span{ position:absolute; left:27px; font-size:16px; color:#FFF; top:0px;} /*新闻中心*/ #bnc_tilte{ padding:50px 0;} #bnct_left{ width:370px; float:left;} #bnct_right{ width:470px; float:right;} #bnct_rihgt ul{ float:right;} #bnct_rihgt ul li{ float:left; height:35px; cursor:pointer; margin:0 20px; } #bnct_rihgt ul li a{font-size:18px; color:#000; font-weight:bold;} #bnct_rihgt ul li:hover{ border-bottom:5px solid #D69C3D; color:#D69C3D; font-weight:bold;} #bnct_rihgt ul li:hover a{color:#D69C3D; font-weight:bold;} .onbnctli{border-bottom:5px solid #D69C3D; } .onbnctli a{color:#D69C3D!important; font-weight:bold;} .bncc_body{ display:none;} /*#bnc_left_news{ width:800px; float:left;}*/ #bnc_right_news{ width:275px; float:right;} #bnc_right_news{ width:275px;} #bnc_content ul li{ margin:0 0 17px 0; width:760px;} #bnc_content ul li:hover .bnc_news_time{ background:#aa8756;} #bnc_content ul li:hover .bnc_news_text h4 a{ color:#aa8756;} .bnc_news_time{ width:97px; height:97px; float:left; background:#bbbbbb;} .bnc_news_time h2{ height:65px; line-height:65px; text-align:center; color:#FFF; font-size:50px;} .bnc_news_time h3{ height:25px; line-height:25px; font-weight:normal; font-size:14px; color:#FFF; text-align:center;} .bnc_news_text{ float:right; width:630px; height:67px; padding:15px; background:#ededed;} .bnc_news_text h4{ height:25px;} .bnc_news_text h4 a{ font-size:15px;} .bnc_news_text h5{ font-size:13px; font-weight:normal; color:#929292; line-height:23px;} /*新闻详情?/ #bnc_news_page{ padding:0 0 30px 0;} #bnc_news_page h2{ height:35px; line-height:35px; text-align:center; font-size:16px; } #bnc_news_page h4{ text-align:center; } #bnc_news_page h4 span{ font-size:12px; color:#878787; font-weight:normal; padding:0 5px;} .newspage_content{ padding:20px;} .newspage_content p{ font-size:13px; font-weight:normal; color:#878787; font-weight:normal; line-height:25px;} #prev_next{ height:60px; line-height:60px; padding:0 0 50px 0;} #prev_left{ float:left; width:50%; height:60px; line-height:60px; text-align:left;} #prev_right{ float:right; width:50%;height:60px; line-height:60px; text-align:right;} #prev_next span{ font-size:13px; color:#000;} #prev_next span a{ font-size:13px; color:#000;} #prev_next span a:hover{ border-bottom:1px solid #000;} .site_news { padding: 30px 0; border-bottom: 1px dashed #cfcfcf; } .site_news_right{ width: 800px; } .site_news_right p { line-height: 45px; font-weight: bold; font-size: 16px; } .site_news_right h5 { line-height: 25px; font-weight: normal; color: #767676; text-indent: 2em; font-size: 13px; } .site_news_right h6 { line-height: 25px; font-weight: normal; margin-top: 20px; font-size: 13px; color: #000000; } .site_news_right h6 a { width: 100px; height: 30px; line-height: 30px; background: #000; text-align: center; color: #fff; font-size: 14px; } .site_news_right h6 a:hover { background: #D69C3D; } .site_news_left { width: 363px; height: 250px; margin-right: 36px; overflow: hidden; } .site_news_left img { width: 363px; height: 250px; } .impr_title{ margin:0 0 10px 0; } .float_clear{ clear:both;} #mean_list{ width:840px; margin:0 auto;} #mean_list ul li{ float:left; width:138px; height:138px; padding:0 35px; cursor:pointer;} .mcontent{ display:none;} #mean_conent{ padding:30px 0;} /* page */ .page{width:100%;height:40px;text-align:center;line-height:38px; padding-bottom:20px} .page_con{display:inline-block;*display:inline;*zoom:1;} .page a, .page_text, .page_btn{display:inline-block;width:58px;height:38px;/*float:left;*/border:1px solid #d9d9d9;font-size:14px;color:#888;background:#fff;margin:0 5px;box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);-moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);transition: all 0.3as ease-out 0s;-webkit-transition: all 0.3s ease-out 0s;-moz-transition:all 0.3s ease-out 0s;-o-transition: all 0.3s ease-out 0s;-moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px;} .page a:hover, .page_btn:hover{background:#f5f5f5;} .page a.on{background:#D69C3D;color:#fff;font-weight:bolder;border-color:#D69C3D;} .page a.goprev, .page a.gonext{width:88px;} .page a.goprev{margin-right:15px;} .page a.non{background:#f8f8f8;border-color:#e9e9e9;color:#ababab;cursor:default;} .page span{font-size:14px;color:#666;margin:0 5px;float:left;} .page_text{text-align:center;color:#333;} .page_btn{color:#666;width:68px;} a.page_num{width:38px;} /*在线客服*/ .suspension{position:fixed;z-index:55;right:0;bottom:85px;width:70px;height:240px;} .suspension-box{position:relative;float:right;} .suspension .a{display:block;width:44px;height:44px;background-color:#353535;margin-bottom:4px;cursor:pointer;outline:none;} .suspension .a.active, .suspension .a:hover{background:#951C1F;} .suspension .a .i{float:left;width:44px;height:44px;background-image:url(../images/side_icon.png);background-repeat:no-repeat;} /* .suspension .a-service .i{background-position:0 0;} */ .suspension .a-service .i{width:20px;height:20px;margin-top:12px;margin-left:12px;background-image:url(../images/suspension-bg.png);background-repeat:no-repeat;background-position:0 0;} .suspension .a-service-phone .i{width:20px;height:20px;margin-top:12px;margin-left:12px;background-image:url(../images/suspension-bg.png);background-repeat:no-repeat;background-position:-27px 0;} .suspension .a-qrcode .i{background-position:-44px 0;} .suspension .a-cart .i{background-position:-88px 0;} .suspension .a-top .i{background-position:-132px 0;} .suspension .a-top{background:#D2D3D6;display:none;} .suspension .a-top:hover{background:#c0c1c3;} .suspension .d{display:none;width:200px;background:#fff;position:absolute;right:57px;min-height:90px;border:1px solid #E0E1E5;border-radius:3px;box-shadow:0px 2px 5px 0px rgba(161, 163, 175, 0.11);} .suspension .d .arrow{position:absolute;width:8px;height:12px;background:url(../images/side_bg_arrow.png) no-repeat;right:-8px;top:31px;} .suspension .d-service{top:0;} .suspension .d-service-phone{top:34px;} .suspension .d-qrcode{top:78px;} .suspension .d .inner-box{padding:8px 12px 12px;} .suspension .d-service-item{border-bottom:1px solid #eee;padding:14px 0;} .suspension .d-service .d-service-item{border-bottom:none;} .suspension .d-service-item .circle{width:44px;height:44px;border-radius:50%;overflow:hidden;background:#F1F1F3;display:block;float:left; margin-bottom:10px} .suspension .d-service-item .i-qq{width:44px;height:44px;background:url(../images/side_con_icon03.png) no-repeat center 10px;display:block;transition:all .2s;border-radius:50%;overflow:hidden;} .suspension .d-service-item a:hover .i-qq{background-position:center 3px;} .suspension .d-service-item a:hover{ color:#951C1F} .suspension .d-service-item .i-tel{width:44px;height:44px;background:url(../images/side_con_icon02.png) no-repeat center center;display:block;} .suspension .d-service-item h3{float:left;width:112px;line-height:44px;font-size:14px;margin-left:12px;} .suspension .d-service-item .text{float:left;width:112px;line-height:22px;font-size:15px;margin-left:12px;} .suspension .d-service-item .text .number{font-family:Arial,"Microsoft Yahei","HanHei SC",PingHei,"PingFang SC","Helvetica Neue",Helvetica,Arial,"Hiragino Sans GB","Heiti SC","WenQuanYi Micro Hei",sans-serif;} .suspension .d-service-intro{padding-top:10px;} .suspension .d-service-intro p{float:left;line-height:27px;font-size:12px;width:50%;white-space:nowrap;color:#888;} .suspension .d-service-intro i{background:url(../images/side_con_icon01.png) no-repeat center center;height:27px;width:14px;margin-right:5px;vertical-align:top;display:inline-block;} .suspension .d-qrcode{text-align:center;} .suspension .d-qrcode .inner-box{padding:20px 0;} .suspension .d-qrcode p{font-size:16px;color:#93959c;} /*分公?/ #box_map{width:1200px; background:#fff; overflow:hidden; margin:20px auto; padding: 0 30px; border: 1px solid #e5e5e5; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} .maplist{padding:20px 0px; overflow:hidden;} .maplist ul li{ float:left; width:calc((100% - 20px) / 2); margin-bottom:40px; margin-right:20px; font-size:14px; color:#666;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} .maplist ul li a{ text-decoration:none;} .maplist_left{ float:left; width:200px; /*height:150px;*/ background:url(../images/citybg.jpg) no-repeat center center; } .maplist_left h2{ text-align:center;display:block; color:#fff; margin-top:45px; font-size:23px;} .maplist_left span{text-align:center; display:block; margin-top:20px; color:#fff; background:#3f385e;} .maplist ul li .maplist_ul{ margin-top:-5px} .maplist ul li .maplist_ul li{margin:0; float:none; height:25px; line-height:25px; width:98%; clear:both} .maplist ul li .maplist_ul li b{color:#b20000; font-size:15px; line-height:100%} .maplist ul li .maplist_ul li img{width:20px; height:20px; float:left; vertical-align:middle; margin-top:8px; margin-right:5px;} .maplist_right{float:right; width:330px; height:130px; } #changeCity_w{width:100%; margin:0 auto; background:#FFF; } #changeCity_w .hotCity_w{width:100%;font-size:14px; overflow:hidden; padding:5px 0px; } #changeCity_w .hotCity_w .names{display:inline-block; float:left; height:50px; line-height:50px; padding:0 28px 0 0px; font-weight:bold;} #changeCity_w .hotCity_w .hotsCity{display:inline-block; float:left; margin-bottom:20px;} #changeCity_w .hotCity_w .hotsCity a{display:inline-block; margin:5px 0px; height:25px; font-size:14px; text-decoration:none; padding:0 5px; min-width:50px; text-align:center; line-height:25px; background:#efefef; margin-right:10px; color:#333;float:left; border-radius:30px;} #changeCity_w .hotCity_w .hotsCity .on{background:#b20000; color:#fff;} a.gobranch{display:inline-block; margin:5px 0px; height:25px; font-size:14px; text-decoration:none; padding:0 5px; min-width:50px; text-align:center; line-height:25px; background:#CCC; margin-right:10px; color:#999;float:left; border-radius:30px;} a.gobranchon{display:inline-block; margin:5px 0px; height:25px; font-size:14px; text-decoration:none; padding:0 5px; min-width:50px; text-align:center; line-height:25px; background:#b20000; color:#fff;margin-right:10px; float:left; border-radius:30px;} a.gobranchon,a.gobranch{ margin-top:20px;} #changeCity_w .hotCity_w .hotsCity a:hover{color:#fff; background:#b20000;} #changeCity_w .hotCity_w .allCityNum{display:inline-block; height:50px; line-height:50px; font-size:12px; float:right; padding-left:30px;} #changeCity_w .hotCity_w .allCityNum .num{color:#b20;} #changeCity_w .hotCity_w .quickSearch_w{float:right; margin-top:20px; padding-right:13px;} #changeCity_w .hotCity_w .quickSearch_w .title{display:inline-block;font-weight:bold; float:left; height:22px; line-height:22px;} #changeCity_w .hotCity_w .quickSearch_w .sel_city{display:inline-block; float:left; width:80px; height:22px; line-height:22px; margin-right:4px;border:1px solid #bdbdbd;} #changeCity_w .hotCity_w .quickSearch_w .sub{display:inline-block; width:55px; height:22px; float:left; cursor:pointer; background:url(../../images/home/quickSearch_w_sub_bg.png) no-repeat;} #changeCity_w #selCity_w{width:100%; font-size:14px;border-top:1px solid #dcdcdc;} #changeCity_w #selCity_w .names{display:inline-block; float:left; height:70px; line-height:70px; padding:0 28px 0 13px; font-weight:bold;} #changeCity_w #selCity_w #selectCity_wrapper{float:left; width:1040px;} #changeCity_w #selCity_w #selectCity_wrapper #tabTitle{height:25px; padding-top:26px;} #changeCity_w #selCity_w #selectCity_wrapper #tabTitle li{float:left; display:inline-block;width:32px; height:16px; line-height:16px;text-align:center; margin-right:20px; color:#505050; font-family:Arial, Helvetica, sans-serif; cursor:pointer;} #changeCity_w #selCity_w #selectCity_wrapper #tabTitle li.selected{color:#b20000;font-weight:bold;border-bottom:2px solid #b20000;} #changeCity_w #selCity_w #selectCity_wrapper #tabContent{overflow:hidden;} #changeCity_w #selCity_w #selectCity_wrapper #tabContent div.contentItem{display:none; padding:15px 0 24px; _padding:20px 0 32px; overflow:hidden;} #changeCity_w #selCity_w #selectCity_wrapper #tabContent div.contentItem .contentItem_line{margin-bottom:9px;} #changeCity_w #selCity_w #selectCity_wrapper #tabContent div.contentItem .contentItem_line .categroyChar{display:inline-block;float:left;width:25px;height:22px;line-height:22px;color:#FFF;font-family:Arial;background:url(../images/categroyChar_bg.gif) no-repeat;} #changeCity_w #selCity_w #selectCity_wrapper #tabContent div.contentItem .contentItem_line .categroyChar span{display:inline-block;width:21px;text-align:center;} #changeCity_w #selCity_w #selectCity_wrapper #tabContent div.contentItem .contentItem_line .rightSidebar{float:left;width:990px;padding-left:18px;} #changeCity_w #selCity_w #selectCity_wrapper #tabContent div.contentItem .contentItem_line .rightSidebar a{float:left;display:inline-block;height:22px;line-height:22px;margin:0 21px 12px 0;color:#505050;white-space:nowrap;} #changeCity_w #selCity_w #selectCity_wrapper #tabContent div.contentItem .contentItem_line .rightSidebar a:hover{color:#b20000;text-decoration:underline;} #showCity_btn{display:block; margin:0 auto; width:74px; height:29px; line-height:29px; padding-left:43px; color:#FFF; background:#cd151f; font-weight:bold; cursor:pointer; font-size:14px;background:url(../../images/home/showCity_btn_bg.png) 0 -29px no-repeat; margin-bottom:21px;} #showCity_btn:hover{text-decoration:none;} .c_name{ position:relative; display:block; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; text-indent: 10px; width: 90px; height: 37px; padding-right: 24px; background: url(../images/arrow9.jpg) right center no-repeat; line-height: 37px; font-size: 14px; color: #333333; display:none; } .c_select{ background: url(../images/arw7.png) 90px 15px no-repeat ; cursor: pointer; width: 112px;height: 35px;line-height: 35px;color: #000;border: 1px solid #cccccc;font-size: 14px;padding-left: 15px; font-family:'微Y雅黑';border-radius:2px; } /*****在线下单************************/ .bootstrap-frm { margin-left:auto; margin-right:auto; max-width: 1200px; background: #FFF; padding: 20px 0px 0px 0px; font: 14px "Helvetica Neue", Helvetica, Arial, sans-serif; color: #888; position:relative; /*text-shadow: 1px 1px 1px #FFF; border:1px solid #DDD; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px;*/ } .bootstrap-frm h1 { font: 25px "Helvetica Neue", Helvetica, Arial, sans-serif; padding: 0px 0px 10px 40px; display: block; border-bottom: 1px solid #DADADA; margin: -10px -30px 30px -30px; color: #888; } .bootstrap-frm h1>span { display: block; font-size: 11px; } .bootstrap-frm label { display: block; width:50%; float:left; margin: 0px 0px 5px; } .bootstrap-frm label>span { float: left; width: 20%; text-align: right; padding-right: 10px; margin-top: 10px; color: #333; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: bold; } .bootstrap-frm input[type="text"], .bootstrap-frm input[type="email"], .bootstrap-frm textarea, .bootstrap-frm select{ border: 1px solid #CCC; font-family:'微Y雅黑'; color: #4e4e4e; height: 50px; line-height:35px; margin-bottom: 16px; margin-right: 6px; margin-top: 2px; outline: 0 none; padding: 5px 0px 5px 5px; width: 95%; border-radius:1px; -webkit-border-radius: 1px; -moz-border-radius: 1px; /*-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);*/ } .bootstrap-frm select { background: #FFF url('down-arrow.png') no-repeat right; background: #FFF url('down-arrow.png') no-repeat right; appearance:none; -webkit-appearance:none; -moz-appearance: none; text-indent: 0.01px; text-overflow: ''; width: 70%; height: 35px; line-height:15px; } .bootstrap-frm textarea{ height:200px; padding: 5px 0px 0px 5px; width: 70%; } .bootstrap-frm .button { background: #D5BB55; border: 1px solid #97853C; padding: 10px 25px 10px 25px; color: #FFF; border-radius:1px; font-family:'微Y雅黑'; width:120px; } .bootstrap-frm .button:hover { color: #333; background-color: #EBEBEB; border-color: #ADADAD; cursor:pointer; width:120px; } .bootstrap-frm .button2 { background-color: #EBEBEB; border: 1px solid #ADADAD; padding: 10px 25px 10px 25px; color: #333; border-radius:1px; font-family:'微Y雅黑'; font-size:16px; cursor:pointer } .imgteaser{overflow:auto;float: left;position: relative;width:280px;height:240px; margin:0 16px 30px 0; text-align:center;border:#f0f0f0 4px solid} .clst{ margin-right:0} .imgteaser a{text-decoration: none;float: left; height:200px; position:relative} .imgteaser a:hover{cursor:pointer} .vid{ width:280px; height:200px; position:absolute; top:0; left:0; background:url(../images/vid.png)} .vid img{ width:46px; height:46px; margin-left:117px; margin-top:86px; opacity:0.4;transition:all .4s ease;} .imgteaser a img{float:left;border: none;width:280px;height:200px;} .imgteaser a:hover img{opacity:1;transition:all .4s ease;} .imgteaser a:hover .vid img{opacity:1;transition:all .4s ease;} .CC{ clear:both;background:#f0f0f0; width:280px; height:40px; line-height:40px;overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:16px;} .imgteaser a:hover .CC{ background:#D69C3D;color:#FFF;line-height:40px;} .imgteaser:hover{border:#D69C3D 4px solid} .pcase{ width:280px; margin:0 26px 30px 0; float:left; position:relative} .pcase img{ width:100%} .quanjing_1{background:url(../images/quanjing_1.png) no-repeat center center; width:280px; height:311px;opacity:1;-webkit-transition: all .5s;-o-transition: all .5s;-ms-transition: all .5s;transition: all .5s; position:absolute} .quanjing{background:url(../images/quanjing.png) no-repeat center center; width:280px; height:311px;opacity:0;-webkit-transition: all .5s;-o-transition: all .5s;-ms-transition: all .5s;transition: all .5s; position:absolute} .pcase:hover .quanjing{opacity:1; position:absolute; -webkit-transition: all .5s;-o-transition: all .5s;-ms-transition: all .5s;transition: all .5s;top:0; left:0} .pcase:hover .quanjing_1{opacity:0; position:absolute; -webkit-transition: all .5s;-o-transition: all .5s;-ms-transition: all .5s;transition: all .5s;top:0; left:0} .l,.left,.fl{ float:left} .r,.right,.fr{ float:right} .calculate{ width: 100%; position: fixed; left: 0; bottom: 0; z-index: 99999999; } .calculate .tit{ height: 70px; background: url(../images/jisuan.png) no-repeat; cursor: pointer; background-position: center; } .calculate .gg_d2_c_close{width: 30px;height: 30px;text-align: center;line-height: 30px;position: absolute;right: 0;top: 0;color: #F4E23A;font-size: 30px;cursor: pointer;z-index: 9999999999999999999;} .calculate .gg_d2_c_close:hover{ background:#000;} .gg_d1{ background:url(../images/huoqu.png) no-repeat top left; width:62px; height:95px; position:fixed; left:-62px; bottom:0; visibility: visible; transform: translateX(0%); -ms-transform:translate(0%); /* IE 9 */ cursor:pointer; } .gg_d1 img { margin-top: 42px; margin-left: 36px; animation: left 1s infinite ease-out; }@-webkit-keyframes left { 0% { -webkit-transform: translateY(0); transform: translateY(0); } 50% { -webkit-transform: translateX(4px); transform: translateX(4px); } 100% { -webkit-transform: translateX(0px); transform: translateX(0px); } } .calculate .con{ background: url(../images/black.png) repeat; display: none; } .calculate .box{ background: #FFFFFF; width: 1200px; margin: 0 auto; } .calculate .top{ position: relative; background: url(../images/shuxian6.jpg) center repeat-y; padding-bottom: 30px; border-bottom: 1px #cccccc solid; } .calculate .star{ width: 130px; height: 138px; background: url(../images/star.gif) no-repeat; position: absolute; left: 50%; top: 50%; margin-left: -65px; margin-top: -69px; cursor: pointer; } .calculate .left{ width: 560px; margin-left: 40px; margin-top: 6px; } .calculate .left h3{ font-size: 30px; color: #333333; font-weight: bold; height: 80px; line-height: 80px; overflow: hidden; } .calculate .left h3 em{ color: #d21e1f; font-size: 16px; color: #d21e1f; padding-left: 18px; } .calculate span{ float: left; font-size: 16px; color: #333333; line-height: 39px; display: inline-block; width: 115px; padding-left: 15px; } .calculate span em{ color: #d21e1f; } .calculate .lform .sel{ width: 114px; height: 37px; /*border: 1px #cccccc solid;*/ margin-right: 9px; float: left; position: relative; } .calculate .lform .sel .c_name{ position:relative; display:block; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; text-indent: 10px; width: 90px; height: 37px; padding-right: 24px; background: url(../images/arrow9.jpg) right center no-repeat; line-height: 37px; font-size: 14px; color: #333333; display:none; } .c_select{ background: url(../images/arw7.png) 90px 15px no-repeat ; cursor: pointer; width: 112px;height: 35px;line-height: 35px;color: #000;border: 1px solid #cccccc;font-size: 14px;padding-left: 15px; } .calculate .lform .int{ padding-bottom: 9px; } .calculate .lform .text{ float: left; width: 239px; height: 37px; border: 1px #cccccc solid; } .calculate .lform .text input{ float: left; height: 37px; width: 195px; text-indent: 10px; font-size: 14px; } .calculate .lform .text em{ display: inline-block; float: right; line-height: 37px; font-size: 14px; color: #999999; margin-right: 10px; } .calculate .lform .sel2{ width: 73px; margin-right: 8px; } .calculate .lform .sel2 .c_name{ width: 49px; } .calculate .lform .sel3{ margin-left: 130px; } .calculate .right{ width: 340px; margin-right: 131px; margin-top: 12px; } .calculate .right h3{ font-size: 20px; color: #333333; font-weight: bold; text-align: center; line-height: 74px; height: 74px; overflow: hidden; } .calculate .right h3 em{ color: #D21E1F; font-weight: bold; font-size: 34px; padding: 0 20px; } .calculate .right .money{ border: 1px #f0f0f0 solid; text-align: center; padding: 15px 20px; } .calculate .right p{ font-size: 16px; color: #999999; line-height: 38px; } .calculate .right p em{ color: #D21E1F; padding: 0 10px; display: inline-block; vertical-align: top; } .calculate .botform{ padding: 15px 0; } .calculate .botform span{ width: 172px; text-align: center; margin: 0; padding: 0; } .calculate .botform .text{ float: left; font-size: 14px; color: #999999; border: 1px #cccccc solid; text-indent: 10px; width: 278px; height: 37px; } .calculate .botform .button{ float: left; width: 166px; height: 39px; color: #FFFFFF; background: #d21e1f; font-size: 16px; margin-left: 66px; } .calculate .close{ position: absolute; right: 15px; top: 15px; font-size: 40px; font-weight: bold; font-family: "宋体"; cursor: pointer; } /*****分公?*****************/ .branch-about{ width:100%; float:left; background:#f5f5f5; padding:80px 0; clear:both; } .branch-about .left{ float:left; width:45%; } .branch-about .left img{ width:100%; } .branch-about .right{ float:right; width:50%; font-size:16px; font-weight:300; line-height:220%; } .branch-about .right P{ margin-top:10px } .branch-about .right h3{ font-size:20px; margin-bottom:10px; } .brancb-bottom{ width:100%; clear:both; background:#000; float:left; padding:40px 0 20px 0; color:#7f7f7f; border-bottom:#101010 1px solid; } .brancb-bottom .left{ width:70%; float:left; } .brancb-bottom h3{ font-size:18px; font-weight:600; margin-bottom:10px; } .brancb-bottom .right{ width:100px; float:right; text-align:center; } .brancb-bottom .right img{ width:100%; display:inline-block; } /**2022-5-16*******************/ .morenews{ clear:both; display:block; text-align:center; } .morenews a{ display:inline-block; width:120px; height:40px; line-height:40px; border:#e0e0e0 1px solid; text-align:center; margin-top:40px; font-size:16px; background:#FFF; } .morenews a span{ font-family:"宋体"; margin:0 0 0 10px } .morenews a:hover{ border:#E5AD24 1px solid; } .indexsearch{ clear:both; overflow:hidden; width:100%; /*height:90px;*/ padding:10px 0; background:url(../images/indexsearchbg.jpg) no-repeat top center #42424E; } .indexsearch h3{ text-align:center; color:#FFF; margin-top:30px; } .indexsearch ul.oner{ text-align:center; font-size:0; } .indexsearch ul li.one{ display:inline-block; font-size:16px; } .searchkeywords{ width:150px; height:38px; line-height:38px; border-radius:3px 0 0 3px; border:0; padding-left:15px; font-size:15px; letter-spacing:1.2px } .search{ width:50px; height:38px; line-height:38px; /*padding:0 25px;*/ font-size:15px; border:0; color:#FFF; border-radius:0 0px 0px 0; position:relative; cursor:pointer; background:url(../images/zoom.png) no-repeat 15px #FFF; background-size:30px; text-indent:-999999px; } /* scrollDiv */ .scrollDiv{ height:25px; width:100px; position:relative; top:5px; font-size:15px; /* 必要元素 */ line-height:25px; overflow:hidden; /* 必要元素 */ } .scrollDiv li{ height:25px; padding-left:0px; } .scrollDiv li a{ color:#FFF; } 亚洲国产国语自产精品,久久精品国产亚洲精品,国产精品不只是精品,免费观看视频日本免费一区,他的舌头弄得我爽水好多