@charset "utf-8"; .wrapper{} /* 涓讳綋 */ .container{width: 1200px;margin:0 auto;background: #fff;padding:17px 0 0;} .wrap { position:relative; width:1168px; min-height:460px; _height:460px; margin:0 auto;} .wrap .sidebar { margin-bottom:50px;} .wrap .main { } .wrapBt { height:0; background:none; overflow:hidden; clear:both; } /* 宸︿晶鏍忕洰鏍囬 */ .leftTitle { position:relative;margin-top:45px;} .leftTitle i,.leftTitle s,.leftTitle span{ display:block; text-align:center; } .leftTitle i { font-size:30px; line-height:45px; font-weight:normal;color:#333;} .leftTitle s { color:#999; font:18px/27px arial; text-decoration:none; text-transform:uppercase; } .leftTitle span{color: #333;font-size: 14px;line-height: 30px;margin-top:10px;} /* 浜岀骇銆佷笁绾ц彍鍗 */ .menu{background: url(ninside-4.png) repeat-x right center;margin-top:40px;} .menu dl{background: #fff;display: inline-block;} .menu dl dt{font-size: 16px;line-height: 30px;float: left;padding-right: 45px;background: url(ninside-3.png) no-repeat right center;margin-right: 30px;} .menu dl dt a{color: #333;} .menu dl dt a:hover,.menu dl dt .current{font-weight: bold;color: #da251c;} .menu dl dt:last-child{background: none;padding-right: 15px;} .m-rdm {text-align:center; } .m-rdm a { display:inline-block; margin:0 5px; font-size: 16px;line-height: 32px;padding: 0 30px;margin-top:25px;} .m-rdm a:hover,.m-rdm .current { background:#da251c; color:#fff;border-radius: 16px;font-weight: bold;} .f_id {text-align:center;} .f_id a { display:inline-block; font-size: 16px;line-height: 32px;padding: 0 30px;background:#fff;margin-top: 25px;} .f_id a:hover,.f_id .current { color:#da251c;border-radius: 16px;font-weight: bold;} /* 闈㈠寘灞 */ .location {width: 1168px;margin:10px auto 30px;} .breadcrumbs { font-size: 14px;line-height: 49px;border:1px solid #ececec;background: url(ninside-1.png) no-repeat left center;padding-left: 110px;} .breadcrumbs a { display:inline-block;} /* 鍐呭妯″紡 */ .article { padding:0 0 40px; line-height:2; font-size:14px; word-wrap:break-word; } .article .hd { padding:0 0 20px; text-align:center; } .article .hd h1 { color:#000; font-size:20px; } .article .hd .titBar { color:#797979; font-size:12px; } .article .bd { padding-bottom:40px; } .article .ft { padding:20px 0 0; border-top:1px solid #ddd; } /* 澶撮儴鏂伴椈 */ /* 澶撮儴鏂伴椈 */ .hotNews { overflow:hidden;position: relative;padding:30px 100px;box-shadow:0 0 3px #ccc;text-align: center;margin:0 3px 30px;} .hotNews .pic {position: absolute;left:0;top:0;} .hotNews .pic img {} .hotNews dl {} .hotNews dl dt {font-size: 24px;line-height: 36px;color: #da251c;font-weight: bold;} .hotNews dl dt a { color:#da251c; } .hotNews dl .i {font-size: 16px;line-height: 26px;color: #898989;margin-top:10px;} /* 鏂伴椈鍒楄〃 */ .news { padding:0 0 40px; } .newsTable th { border:1px solid #fff; background:#c8cacb; color:#fff; font-weight:bold; text-align:center; } .newsTable td { padding:8px 10px; border-bottom:1px solid #dcd9d4; line-height:20px; } /*.list { padding:0 0 40px; } .list li { padding:7px 0; line-height:20px; clear:both;font-size: 15px;} .list li span { float:right; color:#999; font-size:13px; }*/ .list { padding:0 0 40px; } .list li{padding: 14px;border:1px solid #f6f6f6;margin-bottom: 20px;} .list li:nth-child(2n){margin-right: 0;} .list li .d{float: left;width: 90px;background: #f6f6f6;padding: 20px 0 20px 12px;font-size: 14px;line-height: 30px;color: #666;} .list li .d span{font-size: 30px;display: block;} .list li .t{float: right;width:990px;margin-right: 15px;} .list li .t h2{font-size: 16px;line-height: 40px;font-weight: normal;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;} .list li .t h2 a{color: #333;} .list li .t h2 a:hover{color:#da251c;} .list li .t .des{font-size: 12px;line-height: 24px;color: #666;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;text-overflow: ellipsis;height: 48px;} .list li:hover{background:#f6f6f6;} .list li:hover .d{background: #da251c;color: #fff;} /* 鍥炬枃鏂伴椈 */ .pothoItem { margin:0 0 40px; } .pothoItem .item { margin-bottom:20px; padding:0 0 20px; border-bottom:1px solid #f2f1ef; overflow:hidden; } .pothoItem .item .pic { float:left; width:285px; height:207px; margin-right:20px; border:1px solid #ececec; } .pothoItem .item .pic img { width:285px; height:207px; } .pothoItem .item dl { display:block; overflow:hidden; zoom:1; padding:0; line-height:20px; } .pothoItem .item dl dt { font-size:18px;/*padding-bottom: 16px;background: url(inside-6.jpg) no-repeat left bottom;*/line-height:207px;} .pothoItem .item dl dt a{color: #444;} .pothoItem .item dl .d { display:none; } .pothoItem .item dl .i { padding:5px 0 0; color:#999; font-size:14px; line-height:28px;color: #444444;display:none;} .pothoItem .item dl .m{margin-top:80px;display:none;} .pothoItem .item dl .m a{display: block;width: 120px;font-size: 14px;line-height: 28px;border:1px solid #999999;color: #444;text-align: center;} /* 鍥剧墖鍒楄〃 */ .pic-item-list { margin:0 0 20px; } .pic-item-list .pic-item { float: left;width: 276px;margin-right: 20px;margin-bottom: 12px;text-align: center;transition: all 0.5s;-moz-transition: all 0.5s;-webkit-transition:all 0.5s;-o-transition:all 0.5s;} .pic-item-list .pic-item:nth-child(4n){margin-right: 0;float: right;} .pic-item-list dl { font-size: 14px;line-height: 46px;color: #505050;} .pic-item-list .pic-item:hover{box-shadow:0 0 5px #aaa;} .piList2 .pic-item-list .pic-item{margin:0 84px 12px;} .piList2 .pic-item-list .pic-item:nth-child(3n){margin-right:84px;} .pic-item{position: relative;} .pic-item em{display:block;width: 23px;height:23px;background:url(zx.png) no-repeat center;position: absolute;bottom:10px;right:80px;cursor:pointer;} .fixx{width: 296px;height: 329px;background: url(zx2.png) no-repeat center top;border-radius:10px;overflow: hidden;position: fixed;left:50%;margin-left:-148px;top:100px;padding-bottom:80px;display:none;z-index:9;} .fixx .h{font-size:22px;color:#fff;font-weight:bold;text-align: center;margin-top:110px;} .fixx .p1{font-size:16px;color:#666666;margin: 55px 20px 15px;padding-left:12px;background:url(zx4.png) no-repeat left 10px;text-align:left;} .fixx .p1 span{color:#006dad;} .fixx .p2{font-size:16px;color:#666666;margin:0 20px;text-align: left;padding-left:12px;background:url(zx4.png) no-repeat left 10px;} .fixx .cls{width:46px;height:46px;background: url(zx3.png) no-repeat center;position: absolute;bottom:0;left:50%;margin-left:-23px;cursor:pointer;} /* 鍒嗛〉 */ .page { padding:0 0 40px; line-height:24px; text-align:center; } .page a { display:inline-block; margin:0 2px; padding:0 8px; border:1px solid #ececec; background:#ececec; color:#333; vertical-align:top; } .page a:hover,.page .current { border:1px solid #da251c; background:#da251c; color:#fff; } /* 浜烘墠鎷涜仒 */ .hrTop { padding:0 0 30px; border-bottom:1px solid #ececec; } .hrTop li { padding-left:16px; background:url(ico_05.gif) no-repeat 0 8px; font-weight:bold; line-height:24px; } .hrTable .hrTableTh { height:32px; background:#666; color:#fff; } .hrTable th { color:#fff; font-weight:normal; } .hrTable td { padding:0 8px; } .hrTable .bg td { background:#eee; } .hr { position:relative; padding:0 0 35px; } .hr h3 { padding-left:0; border-bottom:1px dotted #ccc; color:#da251c; font-size:20px; line-height:55px; } .hr h3 s { float:right; width:20px; height:20px; margin-top:17px; cursor:pointer; } .hr h3 .off { background:url(hr_down.gif) no-repeat center; } .hr h3 .on { background:url(hr_up.gif) no-repeat center; } .hrItem { margin-bottom:5px; } .hrItem .title { border-bottom:1px dotted #ccc; color:#999; font-weight:bold; line-height:36px; } .hrItem .title span { float:right; font-weight:100; } .hrItem .title span a { color:#88000c; } .hrItem .con { margin-bottom:10px; padding:15px 0; line-height:24px; } .hrItem .con h4 { font-size:14px; line-height:36px; } .hrItem .apply { width:95px; height:25px; padding:0; background:#01286f; color:#fff; line-height:25px; text-align:center; } .hrItem .apply a { color:#fff; } .hr-list { margin-bottom:5px; padding:5px 5px 15px; border-bottom:1px dotted #777; } .hr-list .title { padding:0; color:#3A7FCA; font-weight:bold; line-height:20px; } .hr-list .title span { float:right; font-weight:100; } .hr-list .info { padding:5px 0; line-height:24px; } .hr-list .apply { height:24px; line-height:24px; text-align:right; } /* 鏂伴椈鍒楄〃 */ .message { padding:0 0 30px; } .message-list { margin-bottom:5px; padding:15px 5px; border-bottom:1px dotted #ddd; } .message-list .m-title { padding:0; color:#da251c; font-size:16px; font-weight:bold; line-height:20px; } .message-list .m-title span { float:right; color:#01286f; font-size:14px; font-weight:normal;} .message-list .m-info { padding:5px 0; line-height:24px;font-size:14px;} .message-list .r-title { padding:0; line-height:24px;font-size:16px;} .message-list .r-info { padding:5px 0; line-height:24px;font-size:14px;} /* 浜烘墠鎷涜仒 */ /*.form-panel { padding:0 0 30px; } .form-panel h4 { margin-bottom:10px; padding:0 20px; background:#666; color:#fff; line-height:30px; } .form-panel .tips { padding:10px 0 10px 100px; font-weight:bold; font-size:13px; text-align:left; } .form-panel .field { clear:both; } .form-panel li.field label { display:block; float:left; width:100px; line-height:24px; text-align:right; } .form-panel .input { padding:5px 0; zoom:1; } .form-panel .field:after { content:'\20'; display:block; height:0; clear:both; } .form-panel .text { height:20px; padding:2px 3px; border:1px solid #ccc; background:#fff; color:#555; } .form-panel .textarea { width:450px; height:100px; padding:1px 3px; border:1px solid #ccc; background:#fff; color:#555; } .form-panel .submit-field { padding:0 10px 20px 100px; _padding:0 10px 20px 100px; clear:both; } .form-panel .submit-field input { margin-right:10px; } .form-panel .submit-field .btn-submit,.form-panel .submit-field .btn-reset { width:93px; height:29px; border:none; background:#666; color:#fff; cursor:pointer; } */ /* 浜烘墠鎷涜仒 */ .form-panel { padding:0 0 30px; } .form-panel h4 { margin-bottom:10px; padding:0 20px; background:#666; color:#fff; line-height:30px; } .form-panel .tips { padding:10px 0 10px 100px; font-weight:bold; font-size:13px; text-align:left; } .form-panel .field { clear:both; } .form-panel li.field label { display:block; float:left; width:100px; line-height:40px; text-align:right;font-size: 14px;} .form-panel .input { padding:6px 0; zoom:1;} .form-panel .field:after { content:'\20'; display:block; height:0; clear:both; } .form-panel .text { height:24px; padding:7px 8px; border:1px solid #ccc; background:#fff; color:#555;font-size:12px;line-height: 24px;width:220px;box-shadow:0 0 3px #ccc;} .form-panel .b-text{width:148px;} .form-panel .textarea { width:390px; height:100px; padding:7px 8px; border:1px solid #ccc; background:#fff; color:#555;margin-top:10px;box-shadow:0 0 3px #ccc;margin-left:30px;} .form-panel .submit-field { padding:20px 10px 20px 0; _padding:20px 10px 20px 0; clear:both; text-align: center;margin-top:20px;} .form-panel .submit-field input { margin-right:10px;} .form-panel .submit-field .btn-submit,.form-panel .submit-field .btn-reset { width:150px; height:44px; border:none; background:#666; color:#fff; cursor:pointer; font-size: 16px;} .form-panel .submit-field .btn-submit{background: #d51909} .form-panel .h{font-size:16px;line-height:46px;font-weight:bold;text-decoration: underline;} .form-panel .c{line-height:40px;font-size: 14px;} .form-panel .c label{display:block; float:left; width:100px; line-height:40px; text-align:right;font-size: 14px;} .form-panel .c input{margin:0 10px;} .form-panel .field{display: inline-block;} /* 浜у搧璇︾粏椤 */ .m-detail { margin-bottom:30px; } .m-detail .m-property { float:left; width:100%; } .m-detail .property { margin-left:350px; } .m-detail .property h1 { font-weight:100; font-size:18px; line-height:34px; } .m-detail .property .m-i-a { margin-bottom:8px; padding:8px 0 15px; border-bottom:1px dotted #d9d9d9; color:#888; font-size:14px; line-height:25px; } .m-detail .gallery { position:relative; float:left; width:350px; margin-left:-100%; } .m-detail .gallery .bigPic { width:300px; height:224px; } .product-detail { border:1px solid #e5e5e5; } .product-detail .hd { height:45px; border-bottom:1px solid #e5e5e5; background:#f6f6f6; } .product-detail .hd h2 { float:left; width:136px; height:46px; margin:-2px 0 -1px; border-top:2px solid #0058af; border-right:1px solid #e5e5e5; background:#fff; font-size:22px; font-weight:100; line-height:46px; text-align:center; } .product-detail .bd { padding:25px; line-height:28px; font-size:14px; } .i-sidebar{float: left;width: 195px;} .i-sidebar h1{line-height: 80px;color: #fff;background: #1897e8;text-align: center;} /* 鑱旂郴鎴戜滑 */ .contact{padding-bottom: 58px;} .contact h2{font-size: 24px;line-height: 24px;color: #444444;font-weight: normal;margin-top:12px;margin-bottom: 20px;} .contact h3{font-size: 12px;line-height: 12px;font-weight: normal;color: #999999;text-transform: uppercase;margin-bottom: 38px;} .contact .con .tel{padding-left:42px; font-size:20px; line-height:30px; background:url(pic-22.png) no-repeat left 4px; color:#444; margin-bottom:25px;} .contact .con .dz{padding-left:42px; font-size:16px; line-height:26px; background:url(pic-23.png) no-repeat left center; color:#444;} .contact .con{margin-bottom: 34px;} /* webmap */ .webmap { padding: 20px; margin: 0 auto;} .webmap dl dt { margin: 5px 0; padding-left: 18px; background: url(ico_05.gif) 3px center no-repeat; font-size: 16px; line-height: 2; } .webmap dl dt a { color: #000; font-weight: bold; } .webmap dl dd { padding-left: 18px; } .webmap dl dd a { float: left; display: block; margin-right: 10px; margin-bottom: 5px; padding: 0 10px; background: #ececec; color: #333; font-size: 14px; line-height: 2; white-space: nowrap; } .webmap dl dd a:hover { background: #da251c; color: #fff; text-decoration: none; } .webmap dl dd p.thd a { background: #ececec; } .webmap dl dd p.thd a:hover { background: #da251c;} /* 缁勭粐鏋舵瀯 */ .zzjg h2{font-size: 32px;line-height: 32px;text-align: center;color: #da251c;} .zzjg h3{font-size: 28px;line-height: 28px;color: rgba(0,110,171,0.3);font-weight:normal;text-align: center;text-transform: uppercase;margin-bottom: 40px;margin-top:15px;} .zzjg .zzjg-b{width: 898px;height: 571px;background: url(inside-66.jpg) no-repeat center;margin-left:-10px;margin-bottom: 60px;position: relative;} .zzjg ul li{font-size: 20px;line-height: 51px;color: #fff;position: absolute;} .zzjg ul li:nth-child(1){top:0;left: 36px;} .zzjg ul li:nth-child(2){top:0;left: 350px;} .zzjg ul li:nth-child(3){top:0;left: 626px;} .zzjg ul li:nth-child(4){top:115px;left:285px;} .zzjg ul li:nth-child(5){top:230px;left:65px;} .zzjg ul li:nth-child(6){top:230px;left:400px;} .zzjg ul li:nth-child(7){top:230px;left:750px;} .zzjg ul li:nth-child(8){top:398px;left:12px;width: 20px;line-height: 20px;padding: 0 15px;text-align: center;} .zzjg ul li:nth-child(9){top:398px;left:81px;width: 20px;line-height: 20px;padding: 0 15px;text-align: center;} .zzjg ul li:nth-child(10){top:398px;left:150px;width: 20px;line-height: 20px;padding: 0 15px;text-align: center;} .zzjg ul li:nth-child(11){top:398px;left:220px;width: 20px;line-height: 20px;padding: 0 15px;text-align: center;} .zzjg ul li:nth-child(12){top:398px;left:290px;width: 20px;line-height: 20px;padding: 0 15px;text-align: center;} .zzjg ul li:nth-child(13){top:398px;left:360px;width: 20px;line-height: 20px;padding: 0 15px;text-align: center;} .zzjg ul li:nth-child(14){top:398px;left:430px;width: 20px;line-height: 20px;padding: 0 15px;text-align: center;} .zzjg ul li:nth-child(15){top:398px;left:500px;width: 20px;line-height: 20px;padding: 0 15px;text-align: center;} .zzjg ul li:nth-child(16){top:398px;left:569px;width: 20px;line-height: 20px;padding: 0 15px;text-align: center;} .zzjg ul li:nth-child(17){top:398px;left:639px;width: 20px;line-height: 20px;padding: 0 15px;text-align: center;} .zzjg ul li:nth-child(18){top:398px;left:709px;width: 20px;line-height: 20px;padding: 0 15px;text-align: center;} .zzjg ul li:nth-child(19){top:398px;left:778px;width: 20px;line-height: 20px;padding: 0 15px;text-align: center;} .zzjg ul li:nth-child(20){top:398px;left:848px;width: 20px;line-height: 20px;padding: 0 15px;text-align: center;} .zzjg ul li .des{position: absolute;width: 400px;height: 300px;padding: 20px;border-radius: 5px;background: #ececec;top:-345px;left: 50%;margin-left: -220px;z-index: 9;display: none;font-size: 14px;line-height: 24px;color: #444;text-align: left;} .zzjg ul li:hover .des{display: block;} .search {text-align: center;} .search form label{font-size:18px;line-height:34px;color:#444444;display:inline-block;} .search form input.txt{width:215px;font-size:14px;line-height:32px;border:1px solid #b5b5b5;margin:0 42px 0 10px;} .search form input.btn{font-size:16px;line-height:30px;margin-top:2px;width:64px;background:#da251c;text-align: center;color:#fff;} .stru a:hover img{transition: all 0.8s;-moz-transition: all 0.8s;-webkit-transition:all 0.8s;-o-transition:all 0.8s;} .stru a:hover img{transform:rotateX(360deg);-ms-transform:rotateX(360deg);-moz-transform:rotateX(360deg);-webkit-transform:rotateX(360deg);-o-transform:rotateX(360deg);} .form-panel-t{background:#fff;padding:0 20px 20px;border-radius:5px 5px 0 0;margin-bottom:20px;} .form-panel-t.spe{border-radius:5px 5px 0 0;} .form-panel-t .null{width:962px;height:60px;line-height:60px;text-align:center;border-radius:5px;font-size:14px; background: #fafafa;border: 1px solid #ebebeb;margin:0 auto;padding:0 !important;} .form-panel-t .null a{color:#da251c;} .form-panel-t .numz{height:28px;line-height:28px;margin-top:12px;} .form-panel-t .numz p{float:left;font-size:14px;color:#999;} .form-panel-t .numz p em{color:#da251c;font-family:Arial;} .form-panel-t .numz input{cursor:pointer;float:right; width: 80px; height:28px; line-height:28px; text-align: center; border-radius: 3px; background:#da251c; color:#fff; font-size:14px; transition:all 0.5s; } .form-panel-t .numz input:hover{ background:#0569d2; } .form-panel-t .submit-field { padding:20px 10px 0 0; clear:both; } .form-panel-t li.field label { display:block; float:left; width:90px; line-height:36px; font-size:14px; text-align:left; font-weight:bold; } .form-panel-t .lis label{font-size: 16px;line-height:40px;width:60px;vertical-align: top;} .form-panel-t .tt{width:774px; padding:9px 10px; border:1px solid #da251c; border-radius:5px; color:#333; font-size:14px; margin-bottom: 6px;} .form-panel-t .textarea { width:774px; padding:9px 10px; border:1px solid #da251c; background:#fafafa; border-radius:5px; color:#333; font-size:14px; outline:none; resize:none; display:inline-block; } .form-panel-t .textarea:focus{border:1px solid #da251c;} .form-panel-t .submit-field .btn-submit,.form-panel-t .submit-field .btn-reset { width:110px; height:36px; border:none; font-size:14px; margin-right:10px; background:#666; color:#fff; cursor:pointer; } .form-panel-t .submit-field .btn-submit{background:#da251c;color:#fff;} .meslist{padding-top:10px;} .listbox{border-bottom:1px solid #eee;padding:14px 0;} .listbox:last-child{border-bottom:0;padding-bottom:0;} .listbox .m-title{color:#222;} .listbox .m-title img{width:35px;height:35px;float:left;border-radius:35px;} .listbox .m-title .listr{width:800px;float:right;} .listbox .m-title .listr h3{font-size:14px;margin-bottom:2px;} .listbox .m-title .listr p{line-height:22px;text-align:justify;color:#999;} .listbox .m-oto{color:#999;height:14px;line-height:14px;font-size:12px;margin-top:5px;} .listbox .m-oto .date{padding-left:48px;float: left;} .listbox .m-oto .m-oto-r{float:right;} .listbox .m-oto .m-oto-r .hf{float:left;background:url(hf.png) left top 2px no-repeat;padding-left:15px;cursor:pointer;} .listbox .forms{margin:12px 0 0 48px;display: none;} .listbox .forms input[type="text"]{background:#f8f8f8;display:block;width:100%;height:36px;padding:10px;box-sizing:border-box;border:1px solid #da251c;border-radius:5px;font-size:12px;margin-bottom:5px;} .listbox .forms textarea{background:#f8f8f8;resize:none;display:block;width:100%;height:60px;padding:10px;box-sizing:border-box;border:1px solid #da251c;border-radius:5px;font-size:12px;} .listbox .forms input[type="submit"]{width:70px;height:24px;border-radius:2px;cursor:pointer;display:block;background:#1882f2;color:#fff;margin-top:12px;float:none;transition:all 0.5s;} .listbox .forms input[type="submit"]:hover{background:#036ad7;} .listbox .reply-list{margin-top:12px;margin-left:48px;border-bottom:1px solid #e5e5e5;border-radius:5px;} .listbox .reply{border:1px solid #e5e5e5;border-bottom:0;position:relative;padding:14px 20px;font-size:12px;border-radius:5px;} .listbox .reply p em{color:#2b7dcd;} .listbox .con{font-size:12px;color:#a0a0a0;line-height:20px;margin:8px 0 0;text-align:justify;} .top_form { padding: 40px; background-color: #FFFFFF; display: flex; box-shadow:0 0 3px #ccc; margin:0 3px 30px; } .top_form .titles { font-size: 20px; color: #da251c; margin-top: 3px; font-weight: bold; } .top_form .form { flex: 1; margin-left: 20px; border: 1px solid #DDDDDD; margin-top: 30px; box-sizing: border-box; padding: 20px; } .top_form .form input { border: 1px solid #DDDDDD; line-height: 36px; font-size: 14px; width: 100%; box-sizing: border-box; padding: 0 20px; border-radius: 5px; } .top_form .form select { border: 1px solid #DDDDDD; line-height: 36px; height: 36px; font-size: 14px; width: 100%; box-sizing: border-box; padding: 0 20px; border-radius: 5px; color: #666666; } .top_form .btn input { background-color: #da251c; border: none; color: #FFFFFF; cursor: pointer; }