/****************************** ** 初始化 ** 兼容到IE7 ******************************/ * { margin:0; padding:0; } html { height:100%; } body { min-width:1300px; font:15px/1.6 "Microsoft Yahei", Arial; color:#222; background:#FFF; } img { border:0px;} ul,ol { list-style-type:none; vertical-align:bottom; } table { border-collapse:collapse; border-spacing:0; } input,textarea,select { font:15px/1 "Microsoft Yahei", Arial; color:#222; outline:0; } textarea { resize:none; overflow:auto; } a { color:#222; text-decoration:none; cursor:pointer; } a:hover,a:active { color:#/*1144b8*/; text-decoration:none; } .clear { clear:both;} .hidden { display:none; } .center { text-align:center; } .arrow { font-family:'Small Fonts'; font-style:normal; } .hs{ color: #fcf300 } .autocut { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; word-break:break-all; } .wrapper, .wrap { width:1300px; margin:0 auto; } .wrapper { margin-bottom:50px; min-height:auto; padding-top:60px; } .right{ float: right; } .left{ float: left; } .hid{ height: auto; overflow: hidden; } .clear{ clear: both; } /****************************** ** 首页风格 ******************************/ .topper { height:35px; line-height:35px; background:#333; color:#fff; font-size: 13px } .topper .welcome { float:left; color:#fff; padding:0 0 0 13px; background:url(../Images/arrow-right.png) left center no-repeat; } .topper .url { float:right; margin-right:-10px; } .topper .url li { float:left; height:35px; line-height:35px; } .topper .url a { height:14px; line-height:14px; font-size:12px; color:#fff; border-left:1px solid #ddd; padding:0 10px; } .topper .url li:first-child a { border-left:0; } .topper .url a:hover { color:#227dca; text-decoration:underline; } .topper .share { float:right; width:130px; padding:0 0 0 60px; color:#999; position:relative; } .topper .share .wd { position:absolute; left:0; top:0; } .header { height:115px; position:relative; z-index:999; } .header .logo { float:left; padding:23.5px 0; } .header .logo img { display:block; width: 480px; height: 77px } .nav { width:800px; position:relative; z-index:999;left:40px} .nav .list { float:left; width:100%;} .nav .list .navicon{background: url(../Images/nav_icon.jpg) right no-repeat;} .nav li { float:left; width:100px; text-align:center; position:relative; font-size:15px;height: 115px; line-height: 115px} .nav li > a { display:block; color: #111 } .nav li.current > a, .nav li:hover > a { color: #0362b4 } .nav li.current .drop, .nav li:hover .drop{ background:#2959bb; display: block; color: #fff;font-weight:bold;} .nav li .navon{background: #2959bb ;color: #fff; display: block;} .nav .drop { position:absolute; left:0; top:115px; width:580px; background:#fff; text-align:left; overflow:hidden; display:none; border-bottom:3px solid #333;z-index: 999 ; font-size: 14px !important; height: auto;} .nav .droprig{ left:-460px !important;} .nav .drop .icon { float:right; width:380px; padding:3px; padding:20px 0 20px 20px; background: #fff; padding:10px 20px 20px 20px; } .nav .drop .icon img { display:block; width:360px; height:120px; margin-bottom: 10px } .nav .drop .icon p{ line-height: 1.8; font-size: 14px; font-weight: normal; color: #444 } .nav .drop dl { margin:0 0 20px 20px; overflow:hidden; padding:15px 0 0 0; float: left; width: 120px; text-align:center; } .nav .drop dd { float:left; height:40px; line-height:40px; padding:0 10px 0 0; overflow:hidden; } .nav .drop dd a { display:block; width:80px; padding:0 0 0 15px; color:#fff; font-weight: normal; } .nav .drop dd a:hover { text-decoration:underline; color: #fff} .banner_k{ width:100%; height:880px; margin:0 auto; position:relative; overflow:hidden; z-index: 66; } .banner{ width:100%;height: auto; margin:0 auto; text-align:center; position:relative; z-index:66; } .banner .pictab .pictabul{position:absolute; width:1920px; left:-460px;} .banner .pictab {position:relative; margin:0 auto; width:1000px; height:880px; } .banner .pictab img{width:100%; height:880px;} .pictab .num { overflow:hidden;position: absolute; bottom:20px; left:44%; zoom:1; z-index:999; display: block !important;} .num li { width: 15px; height:15px; line-height: 5px; text-align: center; color: #fff; background:#fff; margin-right: 10px; cursor:pointer; float: left; border-radius:11px;} .num li.on { background: #fecb00 ; color: #fecb00;height: 15px; width:15px } .i_tit{ background: url(../Images/lm.png) no-repeat center center; color: #333; font-size: 40px; text-align: center; font-weight: bold; margin-bottom: 40px} .i_tit2{ background: url(../Images/lm.png) no-repeat center center; color: #333; font-size: 30px; text-align: center;margin-bottom: 40px; font-weight:normal;} .ind_pro{ padding:50px 0 20px 0; } .index_list{border-left:1px #d3d3d3 solid;} .index_list li{ border:1px #d3d3d3 solid; font-size: 16px;width: 320px; float: left; border-left: 0; overflow: hidden;} .index_list li .img{ width: 317px; height: 290px; overflow: hidden; display: block; margin-bottom: 10px} .index_list li img{ width: 317px; height: 290px; background: #f1f1f1; margin:3px;transition: all 0.6s; } .index_list li span{ display: block; color: #333;padding: 8px 10px 20px 8px; float: left } .index_list li .cpxq,.cpxq{ display: block; height: 33px; line-height: 33px; border:1px #ccc solid; float: right; font-size: 14px; width: 110px; text-align:center; border-radius: 3px; margin-right: 10px;background:#fff url(../Images/cp_icon.png) no-repeat center right; color: #333} .index_list li .cpxq:hover,.cpxq:hover{ color:#333;background:#eaeaea url(../Images/cp_icon.png) no-repeat center right; } .index_list li:hover img{transform: scale(1.06, 1.06);} .cpmore{ margin: 50px auto; width: 280px; } .cpmore a{ display: block; height: 35px; line-height: 35px;font-size: 14px; width: 130px; text-align:center; border-radius: 3px; margin-left: 20px;background:#eeb400 url(../Images/more_icon.png) no-repeat center right; color: #fff} .cpmore a:hover{ background:#343434; } .cpmore .cpmore1{ margin-left: 0; background:#0362b4 url(../Images/more_icon.png) no-repeat center right; } .ab_index{ height: auto; overflow: hidden; padding:40px 0 0 0;} .ab_index .ibout{ background: url(../Images/about_bg.jpg) no-repeat center top; text-align: center; height: 755px; padding-top: 80px } .wrapa{ width: 1300px; margin: 0 auto; background:url(../Images/about_b.png) repeat; padding:45px 0 0 0; } .videoWrap{width:1150px;height:460px;position:relative; margin:0 auto;} #video_img{position:absolute;top:0px;left:0px;} .about_menu{ height: auto; overflow: hidden; margin-top: 50px;padding-bottom: 50px } .about_menu li{width: 20%; display: inline-block;float: left;} .about_menu li a i{display: block;width: 115px; height: 115px; background-position: center top; background-repeat: no-repeat;margin: 0 auto; transition: all 0.55s ease 0s; text-indent: -999px;overflow: hidden;} .about_menu li a:hover i{display: block;width: 115px; height: 115px; background-position: center -115px; background-repeat: no-repeat; transition: all 0.55s ease 0s;} .about_menu li b{ text-align: center; width: 100%; display: block; line-height: 30px; font-size: 16px; padding-top: 10px; color: #333; font-weight: 100;} .about_menu li a:hover b{color: #0362b4;} .about_menu li i.about_ico_01{ background-image:url(../Images/ab_icon1.png);} .about_menu li i.about_ico_02{ background-image:url(../Images/ab_icon2.png);} .about_menu li i.about_ico_03{ background-image:url(../Images/ab_icon3.png);} .about_menu li i.about_ico_04{ background-image:url(../Images/ab_icon4.png);} .about_menu li i.about_ico_05{ background-image:url(../Images/ab_icon5.png);} .icase { margin:0 auto; height: auto; overflow: hidden; background: #fff; padding:50px 0; } .caselist{margin-left:-10px;} .caselist li{ width: 425px; height:250px; float: left; margin:0 10px 10px 0;position: relative; z-index: 88; white-space:nowrap;text-overflow:ellipsis;overflow: hidden;} .caselist li img{width: 425px; height:250px;} .casetxt{ display: block;width: 425px; height:180px; background:url(../Images/txtbg.png) repeat; top:250px; position: absolute; z-index: 99; transition: all 0.55s ease 0s; text-align: center; color: #fff; font-size: 25px; padding-top:70px;} .caselist li:hover .casetxt{ display: block;top: 0;transition: all 0.55s ease 0s;} .casetxt .more{ display: block; width: 150px; text-align: center; height: 33px; line-height: 33px;color: #fff; margin: 5px auto; font-size: 14px; border:1px #ffba00 solid; border-radius: 3px} .casetxt .more:hover{ background:#ffba00; color: #333 } .xinwen{ padding:50px 0 60px 0;background:#f2f2f2; height: auto; overflow: hidden;} .xinwen .listtit{ font-size: 25px; font-weight: normal; line-height: 30px; margin-bottom: 15px } .xinwen .listtit a{ float: right; font-size: 14px; color: #555 } .xinwen .listtit a:hover{ color: #0067cd } .innew_list{ width:400px; float: left; margin-top: 30px } .hangye,.gongsi{ margin-right: 45px } .innew_list li{ line-height: 50px; background:url(../Images/news_icon.jpg) no-repeat left; padding-left:15px;white-space:nowrap;text-overflow:ellipsis;overflow: hidden; } .innew_list li span{ float: right; font-family: Arial; color: #999; font-size: 14px } .innew_list li a{ color: #222; font-size: 15px } .inews{ padding-bottom: 30px } .ixwone{ width: 393px; padding: 10px; float: left; background:#f1f1f1 } .news_tit{ font-size: 24px; font-weight: bold; color: #0040cf; line-height: 50px; padding-bottom: 10px } .news_tit a{ float: right; font-size: 16px; color: #555; } .link{color: #ececec; line-height:30px;width:750px; margin:0 auto;} .link a{ padding:0 8px; color: #ececec } .footer {clear: both; height: auto; overflow: hidden; background: #28292b; } .botwx{ text-align: center; width: 290px; background: #1b1b1c; padding: 60px 0} .botwx p{color: #fff; line-height: 2.0; padding:10px 0 0 0; text-align: center; } .botwx img{ width: 165px; height: 165px; margin:0 auto; } .navb{ line-height:35px; width: 130px; padding:50px 0; margin-left: 40px ; color: #c4c4c4; font-size: 14px} .navb b{ display: block; color: #fff; padding-bottom: 10px; font-size: 18px; font-weight: normal;} .navb b a{ color: #fff } .navb li{ width: 70px; text-align: center; font-size: 14px } .navb li a{ color: #c4c4c4; } .navb li a:hover{ color: #fff; text-decoration:underline; } .navbn a{ font-size: 15px } .lx_b{ line-height: 2.0; color:#fff; padding:60px 0 60px 50px; width: 400px; background: url(../Images/line_b.jpg) no-repeat 0 60px;} .lx_b b{ color: #ffc600; font-size:18px; padding:15px 0 5px 0; display: block;} .lx_b p{color: #fff; line-height:2.2; font-size: 14px } .lx_b p a{ padding:8px 0 0 15px ; } .bottom_r a:hover{ color: #fff; text-decoration: underline; } .bqsy{ color: #999; font-weight: none;font-size: 14px; text-align: center; background: #1b1b1c; line-height: 60px} .bqsy a{ color:#999; } .bottom_r .ewm{ float: left; width:145px; height: 200px; text-align: center; font-size: 14px; margin-right: 30px } .bottom_r .ewm img{ display: block; border:3px #fff solid; width:145px; height: 145px; } .bannern{ width:100%;height:350px; margin:0 auto; text-align:center; position:relative; z-index:66; background:#f1f1f1; } .bannerbg{ height: 350px; color: #fff; text-align: center; font-size:38px; line-height: 350px;text-shadow:5px 2px 6px #000; } .dqwz{ height: 55px; line-height: 55px; background:#2959bb; color: #fff !important; font-size: 20px;white-space: nowrap; text-overflow: ellipsis; overflow: hidden; font-size: 16px} .dqwz .search{ margin-left: 30px } .dqwz span a:nth-child(3) { color: #ffbe00 !important; font-weight: bold; } .dqwz span{ display: block; float: left; width:650px;white-space: nowrap; text-overflow: ellipsis; overflow: hidden;} .dqwz a{ color: #fff !important} .dqnav{ float: right; font-size: 15px } .dqnav li{ float: left; width:100px; text-align: center;} .dqnav li:hover{ background:#444; transition: all 0.55s ease 0s;} .dqnav li.active{ background:#444;} .mainny{ margin:50px auto 50px auto; } .fix { *zoom: 1; *clear: both;} .fix:before, .fix:after { display: table; clear: both; content: '';} .imgZoom img,.imgY180 img { -moz-transition:all .8s ease 0s; -ms-transition:all .8s ease 0s; -o-transition:all .8s ease 0s; -webkit-transition:all .8s ease 0s; transition:all .8s ease 0s; width:100%; height:auto} .imgZoom { overflow:hidden; } .imgZoom:hover img{ -moz-transform:scale(1.1,1.1); -ms-transform:scale(1.1,1.1); -o-transform:scale(1.1,1.1); -webkit-transform:scale(1.1,1.1); transform:scale(1.1,1.1);} .imgY180:hover img { cursor:pointer; -moz-transform:rotateY(180deg); -ms-transform:rotateY(180deg); -o-transform:rotateY(180deg); -webkit-transform:rotateY(180deg); transform:rotateY(180deg) } .more_btn{width:220px;border:2px solid #fff; text-indent:40px;padding:11px 0;font-size:18px;position:relative;z-index:2;display:block;color:#fff;-webkit-transition: all 0.5s ease;transition: all 0.5s ease;cursor:pointer;} .more_btn .i_ico{margin-top:3px;} .more_btn:hover{background-color:rgba(255,255,255,0.2);color:#fff;} .i_ico {width: 24px;height: 24px; background: url(../Images/i_ico.png) no-repeat;} .list-news {margin-bottom:20px; min-height: 500px !important } .list-news .item3 { padding:20px; height:120px; border:1px solid #ddd;overflow: hidden; margin-bottom: 30px; background:#f4f4f4; width: 100%} .list-news .item3 dt{ height: 120px; width: 200px; float: left; } .list-news .item3 dt img{height: 120px; width: 200px;} .list-news .item3 dd{ float: left; margin-left: 20px; width:1035px} .list-news .item3 .date { display: block; font-size: 14px; color: #888; background: url(../Images/a28.png) no-repeat left; padding-left:15px } .list-news .item3 h3 { font-size:16px; line-height:20px; margin-bottom:8px; } .list-news .item3 h3 a { color:#333} .list-news .item3 h3 a:hover { color:#2f58d0 !important } .list-news .item3 p {line-height:1.8; color:#666; overflow:hidden; font-size: 14px; margin-top: 8px } .list-news .item3:hover{ box-shadow: 0 10px 15px #ccc;transition: all 0.55s ease 0s; } .cpn_t{ text-align: center; font-size: 28px ; padding-bottom: 20px; font-weight: normal;} .meta{ background: #f5f5f5; text-align: center; padding: 10px } .article { line-height:2.2; padding:30px 0; font-size: 15px; position: relative; z-index: 888; color: #555} #allmap{ height: 500px; border: 1px #ddd solid } .xgcp,.fromcp{ margin:20px auto; } .xgcp h1,.fromcp h1{ font-size: 20px; font-weight: normal; } #marquee2{ overflow:hidden; height: 260px; margin: 22px 0 } .item{ width: 360px; height: 260px; float: left; margin:0 10px 20px 10px;border:1px #ddd solid; text-align: center; background: #f1f1f1; font-size: 15px } .item img{ width: 360px; height: 210px } .item h3{ padding-top: 8px } .cplist{height:auto; overflow: hidden; } #search_text{ font-size: 14px; color: #666 } .itemi{ width: 305px; background:#fff; float: left; position: relative; margin-right:20px; margin-bottom:50px; text-align: center;} .itemi .img{width:295px; height: auto; overflow: hidden;z-index: 66; margin:5px 5px 10px 5px; background: #fff} .itemi .img img{ width:100%; display: block;transition: all 0.6s; } .itemi:hover .img img{transform: scale(1.06, 1.06);} .itemitxt{ color: #333;padding-top:5px; text-align: center; white-space:nowrap;text-overflow:ellipsis;overflow: hidden; } .itemitxt .itemitxt_a{ color: #333 } .cptitle{ width: 95%; clear: both; height:45px;line-height: 45px; border-bottom: 1px #ddd solid; margin-bottom:15px; background:#f9f9f9; padding:0 2%;border-left: 5px #2959bb solid} .cptitle a{ float: right; } .cptitle b{ font-size: 16px; font-weight: normal; } #zy_pro{width: 100%;height:auto;margin:0 auto;} #zy_pro_l{width:700px; border:solid 1px #cecece; text-align: center; float: left; position: relative;} #zy_pro_r{width: 555px;float: right; } #zy_pro_title{width: 400px;height: 44px;line-height: 44px; font-weight: normal;} #zy_pro_title span{color: #000;font-size: 24px;} #zy_pro_info,.zy_pro_sygk{ overflow: hidden; line-height: 30px;font-size: 13px;color: #666; margin-bottom: 10px} #zy_pro_info span,.zy_pro_sygk span{color:#333;font-weight:bold} #zy_pro_btn{ clear: both; height: auto; overflow: hidden; margin-top:60px; } #zy_pro_btn a{display: block;width: 205px;height: 72px;line-height: 72px;text-indent: 80px;border-radius: 5px; font-size: 24px;float: left;margin-right: 15px;transition: all .4s;} #zy_pro_btn a.zy_order_btn{background: #2959bb url(../Images/_pro_order.png) 39px center no-repeat;color: #fff;} #zy_pro_btn a.zy_qq_btn{background: #ffc71c url(../Images/_pro_qq.png) 39px center no-repeat;color: #000;} #zy_pro_btn a.zy_order_btn:hover{background: #252525 url(../Images/_pro_order.png) 39px center no-repeat;color: #fff;} #zy_pro_btn a.zy_qq_btn:hover{background: #252525 url(../Images/_pro_qq_hover.png) 39px center no-repeat;color: #fff;} #zy_pro_tel{ color: #000; margin-top: 15px; font-size: 16px; clear: both; } #zy_pro_tel p{ color: #b00; font-size: 28px;line-height: 1.2 } .article-head { height: 45px;line-height: 45px;width: 120px; background:#2959bb; color: #fff; text-align: center; margin:20px 0 0 0; float: left; margin-right:20px } .article-head a{ color: #fff !important } .tab-hd li.action{ background:#333; color: #fff} .tab-bd li{display:none; } .tab-bd li.action{ display:list-item;} .relink {height:40px; line-height:40px;margin-bottom:20px; border-bottom: 1px #ddd dashed; padding-bottom: 10px } .relink p { float:right; width:50%; text-align:right; overflow:hidden; } .relink p:first-child { float:left; text-align:left; } #zy_pro_xg{ margin:20px 0; } #in_xgcp { width:100%; display:inline; float:left;} .in_xgcp { width:100%;height:200px;overflow:hidden; border-bottom: 1px #ddd dashed} .in_xgcp ul { margin:0; padding:0; } .in_xgcp li {float:left; width:190px;height:200px; margin:2px 10px 2px 0; text-align:center; text-align: center;line-height: 20px;} .in_xgcp li a{display: block;color: #666;font-size: 12px !important;} .in_xgcp li img { width:188px; height:125px;border:solid 1px #e7e7e7; } .cply{ margin-top:20px } .cply input{ border:0;width:98%; height:auto; padding:5px; border:1px solid #ddd; height: 35px; line-height: 35px; margin-bottom: 8px} .cply textarea{border:0;width:98%; height:auto; padding:5px; border:1px solid #ddd; height:110px; line-height: 35px; margin-bottom: 8px} .cply .submit{ width: 50%; margin:10px 25%; background:#2959bb; color: #fff; height: 45px; border-radius: 5px } .about-job-lsit li {width:410px;float:left;margin-right:35px;box-sizing:border-box;border:1px solid #dcdcdc;padding:14px 24px 26px 24px;margin-bottom:37px;cursor:pointer;} .about-job-lsit li:hover {background:#0a448d;} .about-job-lsit li:nth-child(3n) {margin-right:0;} .about-job-lsit li .title {background:url(../Images/icon-img42.png) 10px center no-repeat;font-size:18px;line-height:60px;color:#000;box-sizing:border-box;padding-left:60px;} .about-job-lsit li:hover .title {background:url(../Images/icon-img43.png) 10px center no-repeat;color:#fff;} .about-job-lsit li .txt {font-size:14px;line-height:24px;color:#999;text-align:left;margin-bottom:20px;border-top:1px solid #dcdcdc;padding-top:11px;} .about-job-lsit li:hover .txt {color:rgba(255,255,255,.5);} .about-job-lsit li .txt span {display:block;color:#787878;line-height:36px;} .about-job-lsit li:hover .txt span {color:rgba(255,255,255,.5);} .about-job-lsit li .more {width:100px;height:30px;border:1px solid #dcdcdc;font-size:12px;text-align:center;line-height:28px;box-sizing:border-box;color:#999;border-radius:15px;} .about-job-lsit li:hover .more {border-color:#fff; background: #fff} .about-title {width:100%;border-bottom:1px solid #d2d2d2;font-size:24px;color:#333;line-height:48px;padding-bottom:6px;} .about-title span {font-size:14px;color:#665;display:block;} .about-txt {margin-top:22px;font-size:14px;line-height:36px;color:#333;} #history{width: 1300px;margin:0 auto 100px auto;} #history_mid{width: 1300px;height: 303px;margin:0 auto;position: relative;} #history_mid .history_title{width: 37px;height: 163px;padding:70px 33px; line-height: 40px;color: #fff;font-weight: bold;font-size: 36px; background: #0048a4 url(../Images/history_title.png) center no-repeat;position: absolute;left: 0;top:0;} #history_mid li{width: 1300px;height: 303px;margin:0 auto;position: relative; background:#f2f2f2;z-index:-1} #history_mid li .history_img{width: 483px;height: 303px;position: absolute;left:103px;} #history_mid li .history_img img{width: 483px;height: 303px;} #history_mid li .history_year{position: absolute;left: 632px;top:42px;font-weight: bold;height: 90px;line-height: 90px;color:#cacaca;font-size: 100px;} #history_mid li .history_year i{font-style: normal; font-family: Impact;font-weight: normal;} #history_mid li .history_info{position: absolute;left: 632px;top:170px;width:600px; height: 115px;line-height: 26px;color: #666;font-size: 26px;font-size: 14px;} #history_ul{width: 1300px;height: 80px;margin:0 auto;margin-top: 50px;position: relative;} #history_ul .history_lbtn{position: absolute;left: 0;top:0;background: url(../Images/history_lbtn.png) center no-repeat;} #history_ul .history_rbtn{position: absolute;right: 0;top:0;background: url(../Images/history_rbtn.png) center no-repeat;} #history_ul a{width: 38px;height: 80px;cursor: pointer;} #history_time{width: 1200px;height: 80px;background: url(../Images/history_time.png) left center repeat-x;margin:0 auto;overflow: hidden;} #history_time li{width:28px;height: 80px;float: left;margin-left:29px;position: relative;cursor: pointer;} #history_time span{display: block;width: 8px;height: 8px;background: #fff;border:solid 5px #e8e8e8;border-radius: 100%;position: absolute;left: 25px;top:31px;transition:all 0.4s;} #history_time li .history_num{width: 68px;height: 20px;line-height: 20px;text-align: center; color: #444444;font-size: 14px;position: absolute;left: 0;} #history_time li:nth-child(even) .history_num{bottom:0;} #history_time li:nth-child(odd) .history_num{top:0;} #history_time li:hover .history_num{color: #e60012;} #history_time li:hover span{border:solid 5px #e60012;width: 12px;height: 12px;top:29px;left: 22px;} #history_time li.on .history_num{color: #e60012;} #history_time li.on span{border:solid 5px #e60012;width: 12px;height: 12px;top:29px;left: 22px;} .recommend_pro { margin: 90px auto 70px auto; clear: both; } .recommend_pro li { width: 300px; text-align: center; display: inline-block; margin-right:33px} .recommend_pro li:nth-child(4n){ margin-right: 0 } .recommend_pro li img{ display: block; width: 300px; height: 280px } .recommend_pro li a { display: block; } .recommend_pro li a:hover{color: #ff3f3b;} .recommend_pro li span { display: block; margin:10px 0 0 0; font-size: 18px; font-weight: bold; } .search_pro{ height: 50px; padding:30px 50px;background: url("../Images/bg_ss.jpg") center bottom no-repeat;line-height:50px;margin:0 auto;font-size:16px; } .search_pro span{cursor:pointer;margin-right:5px;display:inline-block;} .search_pro span b{ font-weight: normal; } .search_pro span i{display:inline-block;width:15px;height:15px;border:1px solid #ccc;margin:-3px 6px;font-size:10px} .search_pro span.on i{background:url(../Images/icon_qunav.png) -463px -65px} .search_pro #which{font-style:normal;display:inline-block;width:80px} .search_pro input.btn,.search_pro input{width:150px;height:40px;line-height:40px;text-align:center;box-shadow:1px 2px 14px 1px #eaeaea;border-radius:5px;background:#FFF;display:inline-block;margin:0 5px} .search_pro input::-webkit-inner-spin-button,.search_pro input::-webkit-outer-spin-button{-webkit-appearance:none!important;margin:0} .search_pro input.btn{color:#ff3f3b;margin-left:20px;transition:all .3s;border:0;} .search_pro input.btn:hover{background:#ff3f3b;color:#FFF} .search_pro #calc{ color: #ff3f3b } .sjfl_pro{ margin: 50px auto } .brt { width: 100%; display: block; text-align: center; color: #333333; margin-bottom: 60px; clear: both;} .brt a, .brt span { text-align: center; font-size: 30px; background: url("../Images/bg_title.png") center bottom no-repeat; display: inline-block; line-height: 54px; } .promore {text-align: center;margin: -50px 0 60px 0;} .promore .red {color: #ff3f3b;margin-right: 0;} .promore a {margin-right: 20px;} .yq_box { width: 100%; margin-bottom: 90px; } .yq_box dl { width: 300px;height:360px; background: #f5f5f5; margin:0 30px 30px 0; position: relative; overflow: hidden; float: left; } .yq_box dl:nth-child(4n){ margin:0 0 30px 0; } .yq_box dl i { display: block; width: 100%; height: 100%; position: absolute; background: black; left: 0; top: 100%; opacity: 0; transition: all 0.2s cubic-bezier(0.55, 0.09, 0.68, 0.53); } .yq_box dl * { transition: all 0.2s; } .yq_box dt { width: 100%; height: 300px; overflow: hidden; background: #fafafa; } .yq_box img { width: 100%; } .yq_box dd { text-align: center; color: #ff3f3b; font-size: 18px; height: 70px; padding: 10px 0 5px 0; position: absolute; bottom: 0; width: 100%; background: #f5f5f5; overflow: hidden; } .yq_box span, .yq_box em { display: block; font-style: normal; font-weight: normal; font-size: 14px; } .yq_box span { color: #666666; margin: -4px 0 10px; } .yq_box em { color: #999999; margin-bottom: 7px; opacity: 0; } .yq_box .con, .yq_box .chat { opacity: 0; } .yq_box dl:hover i { opacity: .3; top: 0; } .yq_box dl:hover dd { height: 110px; } .yq_box dl:hover dd em, .yq_box dl:hover dd a { opacity: 1; } .yq_box dl:hover dd .pa { color: #ff3f3b; } .yq_box dl .con, .yq_box dl .chat { display: inline-block; width: 78px; height: 24px; color: #555; border: 1px solid #999; border-radius: 4px; margin-right: 15px; font-size: 12px; line-height: 24px; font-weight: normal; text-align: center; transition: all .2s; } .yq_box dl .con:hover { background: #ff3f3b; border-color: #ff3f3b; color: #FFFFFF; } .yq_box dl .chat { border-color: #ff3f3b; background: #ff3f3b; color: #FFFFFF; margin-right: 0; } .yq_box dl .pa { display: block; font-size: 14px; color: #333333; text-align: left; line-height: 1.5; padding: 0 8px 8px 8px } .yq_box dl .pa:hover{ color: #ff3f3b; } .yq_box dl:after{ content: " "; display: block; width: 0; height: 1px; background: #ff3f3b; position: absolute; bottom: 0; transition: all 0.2s cubic-bezier(0.55, 0.09, 0.68, 0.53); } .yq_box dl:hover:after{ width: 100%; } .yb_conct {position: fixed;z-index: 9999999;top: 200px;right: -127px;cursor: pointer;transition: all .3s ease;} .yb_bar ul li {width: 180px;height: 53px;font: 16px/53px 'Microsoft YaHei';color: #fff;text-indent: 54px;margin-bottom: 3px;border-radius: 3px;transition: all .5s ease;overflow: hidden;} .yb_bar .yb_top {background: url('../Images/fixCont.png') no-repeat 0 0 #333;} .yb_bar .yb_phone {background: url('../Images/fixCont.png') no-repeat 0 -57px #333;} .yb_bar .yb_QQ {text-indent: 0;background: url('../Images/fixCont.png') no-repeat 0 -113px #333;} .yb_bar .yb_ercode {/*height:200px;*/ background: url('../Images/fixCont.png') no-repeat 0 -169px #333;} .hd_qr {padding: 0 29px 25px 29px;} .yb_QQ a {display: block;text-indent: 54px;width: 100%;height: 100%font-size: 14px;color: #fff!important;} /****************************** ** 自定义字体 ******************************/ @font-face{ font-family: "ssi"; src: url("../font/ssi.eot"); src: url("../font/ssi.eot?#iefix") format("eot"), url("../font/ssi.ttf") format("truetype"); } /****************************** ** 兼容性 ******************************/ body { _background:url(../Images/ie6.png) center center no-repeat #fff; } body > * { _display:none; } .BMap_bubble_content{font-size: 12px;line-height: 16px;}