@charset "utf-8"; /*全局样式*/ * {padding:0px; margin:0px;font-size:14px;} html { overflow:auto;} body {font-size:14px;padding:0px; background:#fff;font-family: "Microsoft YaHei","黑体",Arial,sans-serif; width:auto;} label {font-size:14px; font-family: "Microsoft YaHei","黑体",Arial,sans-serif;} ul, li, ol, li { margin:0px; padding:0px; list-style:none; } h1, h2, h3, h4, h5, h6, p, dl, dt, dd, form { margin:0px; padding:0px; font-weight:normal; font-size:14px; } img { border:0px; margin:0px; padding:0px; vertical-align:middle; } table { border:0px; font-size:14px;} .clear{clear:both;} a{ text-decoration:none;} .no_bor{border-right:none;} .no_bor_t{border-top:none;} input, select,textarea{ vertical-align:middle; font-size:12px; font-family:"Microsoft YaHei","黑体",Arial,sans-serif; padding:3px; line-height:20px; } /*为了消除选中时的虚线框*/ a{ bblr:expression(this.onFocus=this.blur());/*IE使用*/ outline-style:none;/*FF使用*/ } * + html .wrapper{ overflow: hidden; } .l{float:left;} .r{float:right;} .wrapper{width:100%; margin:0 auto; min-width:1200px; width:expression(document.body.clientWidth <= 1200? "1200px": "auto");} .warp{margin:0 auto; width:1200px;} .bg{background:#f5f5f5;} .top{background:#202e47; height:80px; padding:0 10px; overflow:hidden;} .top .logo{float:left; max-width:220px; height:80px;} .top .logo img{max-height: 80px; max-width: 220px; vertical-align: middle;} .top .logo b{height: 100%; display: inline-block; vertical-align: middle;} .top .logo2{float:left; width:165px; height:80px; background:url(../images/logo-two.png) no-repeat;} .top .menu{ float:left;} .top .menu a{float:left; width:90px; line-height:80px; text-align:center; color:#fff; font-size:14px; display:block;} .top .menu a:hover,.top .menu a.hover{color:#57bfff;} .top .top_r{float:right; text-align:right;} .top .a_user{float:right; background:url(../images/icon2.png) no-repeat 0 center; padding-left:25px; color:#fff; line-height:30px; margin-top:25px;} .top .a_user:hover{background:url(../images/icon3.png) no-repeat 0 center; padding-left:25px; color:#fff; line-height:30px;color:#57bfff;} .top .a_btn{float:right; vertical-align:middle;background:#f18a2d url(../images/icon1.png) no-repeat 10px center; padding:0 10px 0 30px; color:#fff; height:30px; line-height:28px; margin:25px 15px 0 0;} .top .a_btn:hover{background:#ed7724 url(../images/icon1.png) no-repeat 10px center; padding:0 10px 0 30px; color:#fff; height:30px; line-height:28px;color:#fff;} /*大图*/ .img_index{background:url(../images/banner_index02.jpg) no-repeat center; height:480px; margin:0 auto;} #imgbig{background:#fff;} #full-screen-slider { width:100%; height:480px; float:left; position:relative;} #slides { display:block; width:100%; height:480px; list-style:none; padding:0; margin:0; position:relative} #slides li { display:block; width:100%; height:100%; list-style:none; padding:0; margin:0; position:absolute} #slides li a { display:block; width:100%; height:100%; text-indent:-9999px} #pagination { display:block; list-style:none; position:absolute; left:18%; top:520px; z-index:2998; padding:5px 15px 5px 0; margin:0} #pagination li { display:block; list-style:none; width:10px; height:10px; float:left; margin-left:15px; border-radius:5px; background:#ccc } #pagination li a { display:block; width:100%; height:100%; padding:0; margin:0; text-indent:-9999px;} #pagination li.current { background:#3f65ad;} .module1{background:#f5f5f5; overflow:hidden;} .module1 h2{text-align:center; font-size:34px; margin-bottom:20px;} .module1 h4{ color:#666; font-size:16px; line-height:24px; text-align:center; margin-bottom:20px;} .module1 .btn{ width:190px; height:60px; line-height:60px; background:#f18a2d url(../images/icon5.png) no-repeat 55px center; text-align:center; color:#fff; font-size:18px; display:block; margin:40px auto 0; padding-left:20px; overflow:hidden;} .module1 .btn:hover{background:#ed7724 url(../images/icon5.png) no-repeat 55px center;} .module1 ul.box{padding:20px; width:1160px; margin:0 auto;} .module1 ul.box li{width:520px; height:440px; display:inline-block; *display:inline; *zoom:1; background:#fff; border:1px solid #dfdfdf; margin:20px;} .module1 ul.box li .img{ text-align:center;height:260px; overflow:hidden;} .module1 ul.box li .img img{ margin-top:-20px;} .module1 ul.box li .txt{ padding:0 55px;} .module1 ul.box li .txt h4{font-size:24px; margin-bottom:20px;} .module1 ul.box li .txt p{ font-size:14; color:#666; line-height:24px;} .downinfo{width:1200px; margin:70px auto; overflow:hidden;} .downinfo_n{color:#333; padding:0; float:left; border-top:1px solid #e4e4e4; border-left:1px solid #e4e4e4; } .downinfo_n li{height:84px;line-height:84px;width:288px;color:#666;cursor:pointer;text-align:center;background:#fff; border-bottom:1px solid #e4e4e4;font-size:16px;} .downinfo_n li .tub1{ width:56px; height:56px; background:url(../images/tub01.png) 0 -15px no-repeat;} .downinfo_n li .tub2{ width:56px; height:56px; background:url(../images/tub01.png) 0 -99px no-repeat;} .downinfo_n li .tub3{ width:56px; height:56px; background:url(../images/tub01.png) 0 -184px no-repeat;} .downinfo_n li .tub4{ width:56px; height:56px; background:url(../images/tub01.png) 0 -270px no-repeat;} .downinfo_n li.Active{color:#fff;text-decoration:none;display:block;background:#3f65ad;} .downinfo_n li.Active .tub1{ width:56px; height:56px; background:url(../images/tub01.png) -56px -15px no-repeat;} .downinfo_n li.Active .tub2{ width:56px; height:56px; background:url(../images/tub01.png) -56px -99px no-repeat;} .downinfo_n li.Active .tub3{ width:56px; height:56px; background:url(../images/tub01.png) -56px -184px no-repeat;} .downinfo_n li.Active .tub4{ width:56px; height:56px; background:url(../images/tub01.png) -56px -270px no-repeat;} .downinfo_c{ border:6px solid #ddd; overflow:hidden; width:847px; height:309px; float:left; padding:10px 20px; background:#fff;} .downinfo_c img{ float:left;width:420px;} .downinfo_c .txt{display:table-cell; float: none; vertical-align:middle; width:auto; *display:block; *zoom:1; height:309px; padding:0 10px;} .downinfo_c .txt:after { clear: both; content: " . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . "; display: block; height: 0 !important; line-height: 0; visibility: hidden; } .downinfo_c .txt h4{ font-size:24px; line-height:42px; color:#222; margin-bottom:10px; text-align:left;} .downinfo_c .txt p{ font-size:14px; color:#666; line-height:24px;} .module2{background:#fff; overflow:hidden; padding-top:60px; padding-bottom:20px;} .module2 h2{text-align:center; font-size:34px; margin-bottom:20px;} .module2 h3{ font-size:20px; line-height:24px; text-align:center; margin-bottom:10px; color:#555;} .module2 h3 i{ width:32px; height:32px; background:url(../images/tub.png) no-repeat; display:inline-block; vertical-align:bottom; margin:0 5px; text-indent:-2000px; } .module2 h3 span.sty1{ color:#0685d4; font-size:20px; } .module2 h3 span.sty2{ color:#ff6c00; font-size:24px; font-weight:bold;} .module2 h4{ color:#888; font-size:14px; line-height:24px; text-align:center;} .module2 .news_box{ float:left; width:680px; border-right:1px solid #dfdfdf; padding:0 30px; overflow:hidden; margin-top:48px; margin-bottom:100px;} .module2 .news_box img{float:left; width:240px; height:140px; padding-right:20px;} .module2 .news_box .txt{float:left; width:420px; padding:10px 0; } .module2 .news_box .txt p{line-height:24px; color:#666; padding:10px 0;} .module2 .news_box .txt a{ background:url(../images/hot.gif) no-repeat; padding-left:50px; font-size:16px; color:#222;} .module2 .news_box .txt a:hover{color:#3f65ad;} .module2 .news_tub{ float: right; text-align:center; width:409px; padding:0 25px; margin-top:60px; margin-bottom:100px;} .module2 .news_tub li{display:inline-block; *display:inline; *zoom:1; width:32%; height:140px; text-align:center; vertical-align:middle;} .module2 .news_tub li a{display:block; font-size:16px; color:#222; line-height:36px;} .module2 .news_tub li a .tub1{width:78px; height:75px; background:url(../images/tub02.jpg) no-repeat; display:block; margin:0 auto;} .module2 .news_tub li a .tub2{width:78px; height:75px; background:url(../images/tub02.jpg) -135px 0 no-repeat; display:block; margin:0 auto;} .module2 .news_tub li a .tub3{width:78px; height:75px; background:url(../images/tub02.jpg) -270px 0 no-repeat; display:block; margin:0 auto;} .module2 .news_tub li a:hover{color:#3f65ad;} .module2 .cpimg_main{height:268px; margin:10px 0; background:url(../images/product_img01.jpg) no-repeat center;} .module3{background: url(../images/bg_img01.jpg) no-repeat center; height:420px; overflow:hidden; padding-top:60px;} .module3 h2{text-align:center; font-size:34px; margin-bottom:20px; color:#fff;} .module3 h4{ color:#fff; font-size:16px; line-height:24px; text-align:center;} .module3 .btn{ width:190px; height:60px; line-height:60px; background:#f18a2d url(../images/icon4.png) no-repeat 55px center; text-align:center; color:#fff; font-size:18px; display:block; margin:40px auto 60px; padding-left:20px; overflow:hidden;} .module3 .btn:hover{background:#ed7724 url(../images/icon4.png) no-repeat 55px center;} .rollBox img{border:none;} .rollBox{ width:1050px; margin:0 auto;overflow:hidden; text-align:center;} .rollBox .Cont{width:950px;overflow:hidden;margin:0 auto;} .rollBox .ScrCont{width:10000000px;} .rollBox .Cont li{width:160px; float:left;text-align:center;padding:0 15px;} .rollBox .Cont .pic{width:160px; height:60px;} .rollBox .Cont .pic img{ vertical-align:middle; max-height:60px; max-width:160px;} .rollBox .Cont .pic b{vertical-align:middle; height:100%; display:inline-block;} *+html .rollBox .Cont .pic{width:160px;float:left;text-align:center;} .rollBox #List1,.rollBox #List2{float:left;} .img1,.img2,.Cont{float:left;} .img1,.img2{width:30px; height:30px; display:block;cursor:pointer;margin-top:15px;} .img1{background:url(../images/arrow01.png) no-repeat 0 center;margin-right:20px;} .img2{background:url(../images/arrow02.png) no-repeat 0 center;margin-left:20px;} .module4{background: url(../images/bg_img02.jpg) no-repeat center; height:160px; overflow:hidden;} .module4 h3{font-size:18px; color:#e3e3e3; line-height:160px;} .module4 a{ float:right;width:190px; height:60px; line-height:60px; background:#0091f8 url(../images/icon4.png) no-repeat 55px center; text-align:center; color:#fff; font-size:18px; display:block; padding-left:20px; overflow:hidden; margin-top:50px;} .module4 a:hover{background:#007ef6 url(../images/icon4.png) no-repeat 55px center;} /*底部*/ .bottom{background:#202e47; padding-top:30px; overflow:hidden;} .bottom.p_0{ padding-top:0;} .bottom ul{width:1200px; margin:0 auto;} .bottom ul li.box1{float:left; width:550px; padding-right:150px;} .bottom ul li.box1 img{max-width:165px; max-height:60px;filter:alpha(opacity=70);opacity:0.7;-moz-opacity:0.7;} .bottom ul li.box1 p{ color:#798291; line-height:24px;} .bottom ul li.box1 h4{font-size:18px; color:#798291; padding-bottom:10px;} .bottom ul li.box1.w{ width:500px;} .bottom ul li.box2.w{ width:460px;} .bottom ul li.box1.w h4,.bottom ul li.box2.w h4{ font-weight:bold;} .bottom ul li.box2{float:right; width:410px;} .bottom ul li.box2 .code{float:right; width:143px; height:143px; background:url(../images/code_bg.png) no-repeat; text-align:center;} .bottom ul li.box2 .code img{width:118px; height:118px; vertical-align:middle;} .bottom ul li.box2 .code b{display:inline-block; height:100%; vertical-align:middle;} .bottom ul li.box2 h4{font-size:18px; color:#798291; padding-bottom:10px;} .bottom ul li.box2 p{ color:#798291; line-height:26px;} .bottom ul li.box2 a{color:#798291;} .bottom ul li.box2 a:hover{color:#7aa5cf;} .bottom ul li.box2 a.weix{width:29px; height:29px; background:url(../images/icon_bottom.png) no-repeat; display:inline-block; margin-right:14px; margin-top:10px;} .bottom ul li.box2 a.sina{width:29px; height:29px; background:url(../images/icon_bottom.png) -44px 0 no-repeat; display:inline-block; margin-top:10px;} .bottom ul li.box3{width:100%; border-top:1px solid #2d3a52; line-height:60px; text-align:center; margin-top:30px;color:#798291;} .bottom ul li.box3.bor_no{border-top:none; margin-top:0;} .bottom ul li.box3 a,.bottom ul li.box3 span{color:#7aa5cf; margin:0 3px;} /*内页*/ .banner1{background:url(../images/banner01.jpg) no-repeat center; height:320px; margin:0 auto;} .banner2{background:url(../images/banner02.jpg) no-repeat center; height:320px; margin:0 auto;} .banner3{background:url(../images/banner03.jpg) no-repeat center; height:320px; margin:0 auto;} .banner4{background:url(../images/banner04.jpg) no-repeat center; height:320px; margin:0 auto;} .banner5{background:url(../images/banner05.jpg) no-repeat center; height:320px; margin:0 auto;} .module5{ background:#f5f5f5 url(../images/buy_bg.gif) repeat-x top; padding-bottom:50px;} .buy_tit1{margin:0 auto; width:202px; height:62px; padding-top:116px; background:url(../images/buy_tit1.jpg) no-repeat; color:#222; font-size:16px; text-align:center; line-height:36px;} .buy_tit2{margin:0 auto; width:202px; height:88px; padding-top:90px; background:url(../images/buy_tit2.jpg) no-repeat; color:#222; font-size:16px; text-align:center; line-height:36px; margin-top:30px;} .module5 ul{margin:0 auto; width:1200px; text-align:center;} .module5 ul li{display:inline-block; *display:inline; *zoom:1; width:260px; height:260px; margin:0 10px; position:relative; background:#f4f4f4; margin-top:40px;} .module5 ul li.sty{display:inline-block; *display:inline; *zoom:1; width:260px; height:260px; margin:0 10px; position:relative; background:#3f65ad; margin-top:40px; text-align:center;} .module5 ul li.sty .txt i{ width:76px; height:76px; background:url(../images/buy_tub.png) no-repeat; margin:0 auto; display:block;} .module5 ul li.sty .txt h4{text-align:center; font-size:16px; color:#fff; line-height:48px;} .module5 ul li.sty .txt a{ width:110px; height:30px; line-height:30px; background:#00ba99; text-align:center; color:#fff; font-size:14px; display:block; margin:10px auto; overflow:hidden;} .module5 ul li.sty .txt a:hover{background:#00af8b;} .module5 ul li .tit{position:absolute; left:50%; top:-27px; margin-left:-32px; width:65px; height:65px; line-height:65px; color:#fff; font-size:24px; font-weight:bold; background:url(../images/price_tit.png) no-repeat;} .module5 ul li .txt{position:absolute; top:35px; left:20px; width:220px;} .module5 ul li .txt h2{border-bottom:1px solid #dfdfdf; text-align:center; font-size:22px; color:#222; line-height:48px;} .module5 ul li .txt dl{ padding:10px 0; } .module5 ul li .txt dt{ margin:0 3px;} .module5 ul li .txt dl .p1{display:inline-block; *display:inline; *zoom:1; font-size:24px; color:#222; vertical-align:bottom; font-weight:bold; line-height:28px;*line-height:26px;} .module5 ul li .txt dl .p2{display:inline-block; *display:inline; *zoom:1; font-size:48px; color:#f18a2d; vertical-align:bottom; line-height:48px;*line-height:52px;} .module5 ul li .txt dl .p3{display:inline-block; *display:inline; *zoom:1; font-size:18px; color:#222; vertical-align:bottom;line-height:28px;*line-height:22px;} .module5 ul li .txt h4{text-align:center; font-size:18px; color:#222; line-height:48px;} .module5 ul li .txt a{ width:110px; height:30px; line-height:30px; background:#3f65ad; text-align:center; color:#fff; font-size:14px; display:block; margin:10px auto; overflow:hidden;} .module5 ul li .txt a:hover{background:#30509a;} .contact{ width:450px; margin:0 auto; overflow:hidden;} .contact p{text-align:center; color:#666; line-height:24px; padding:10px 0 20px 0;} .contact p span{ color:#f18a2d; font-weight:bold;} .contact .promit{background:#fee6da; line-height:28px; margin:10px 0; padding:5px 10px; text-align:center; color:#fe4f12;} .contact li{ margin-bottom:10px; overflow:hidden;} .contact li span{ color:#f15b2d; margin-right:5px;} .contact li a{ width:110px; height:30px; line-height:30px; background:#f18a2d; text-align:center; color:#fff; font-size:14px; display:block; margin:10px 0 40px 115px; overflow:hidden;} .contact li a:hover{background:#ed7724;} .tr_left1{ width:110px; } label.tr_left1{ float: left; line-height:18px; padding:7px 0; margin-right:5px; text-align:right; color:#222;} .input_txt{ float:left; border:1px solid #dfdfdf; width:300px; padding:0 0 0 5px; height:32px; background:#fff;line-height:32px; font-size:14px; outline:none; } .case1{text-align:center; overflow:hidden; width:1200px; margin:20px auto;} .case1 li{display:inline-block; *display:inline; *zoom:1; width:262px; margin:10px;} .case1 li .pic{width:260px; height:160px; border:1px solid #dfdfdf; text-align:center;} .case1 li .pic img{ width:260px; height:160px;} .case1 li .txt h4{ font-size:14px; color:#3f65ad; line-height:48px; text-align:left;} .case1 li .txt p{font-size:14px; line-height:20px; color:#666; text-align:left;} .case2{text-align:center; overflow:hidden; width:1200px; margin:0 auto;} .case2 li{display:inline-block; *display:inline; *zoom:1; width:142px; margin:10px;} .case2 li .pic{width:140px; height:86px; border:1px solid #dfdfdf; text-align:center;} .case2 li .pic img{ width:140px; height:86px;} #big_wwwzzjsnet { height:432px;overflow:hidden;display:none;} .news_menu_bg{background:#ececec; height:24px; padding:6px 0; line-height:24px; text-align:center; width:620px; margin:30px auto;} .news_menu_bg a{ width:84px; height:24px; line-height:24px; vertical-align:middle; text-align:center; display:inline-block; *display:inline; *zoom:1; margin:0 15px;font-size:14px; color:#222;} .news_menu_bg a:hover,.news_menu_bg a.hover{background:#3f65ad; color:#fff;} .news{width:1200px; text-align:left; margin:0 auto; overflow:hidden; padding:30px 0;} .news li{display:inline-block; *display:inline; *zoom:1; width:49%; margin-bottom:40px; vertical-align:top;} .news li a{display:block;} .news li .pic{float:left; width:240px; height:140px; overflow:hidden;} .news li .pic img{max-width:100%;} .news li .txt{ padding:0 20px; text-align:left;display:table-cell; float: none; vertical-align:middle; width:auto; *display:block; *zoom:1; } .news li .txt:after { clear: both; content: " . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . "; display: block; height: 0 !important; line-height: 0; visibility: hidden; } .news li .txt .tit{ font-size:16px; color:#222; line-height:40px; margin-bottom:0;text-align:left; width:300px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;} .news li .txt .tit:hover{ color:#3f65ad;} .news li .txt p{ color:#666; line-height:22px;text-align:left; padding-bottom:12px;} .news li .txt .more{ background:url(../images/icon6.gif) no-repeat right; padding-right:20px; color:#3f65ad; width:60px; line-height:19px;} .location{line-height:60px; height:60px; color:#666;} .location span{margin:0 3px;} .location a{ color:#666;} .location a:hover{ color:#3f65ad;} .news_tj{float:right; width:320px;} .news_tj h2{ border-bottom:1px solid #dfdfdf; font-size:18px; line-height:40px; margin-bottom:20px;} .news_tj a{ display:block; color:#222; margin-bottom:30px; overflow:hidden;} .news_tj a:hover{color:#3f65ad;} .news_tj a img{float:left; width:110px; height:64px; margin-right:20px;} .news_tj a span{ line-height:22px;} .news_txt{float:left; width:840px;} .news_txt h2{ font-size:24px; line-height:56px; color:#222; text-align:center;} .news_txt .date{ color:#666; font-size:14px; border-bottom:1px solid #dfdfdf; line-height:20px; padding-bottom:10px; text-align:center; } .news_txt p{ line-height:22px; padding:30px 0; color:#222;} .news_txt .img{ text-align:center;} .news_txt .img img{max-width:100%;} .news_txt .btnbg{border-top:1px solid #dfdfdf; padding:10px 0 40px 0; text-align:center; margin-top:20px;} .news_txt .btnbg a{display:inline-block; *display:inline; *zoom:1; width:100px; height:30px; line-height:30px; color:#222; background:#ececec; text-align:center; margin:0 10px;} .news_txt .btnbg a.no_hov{ color:#9c9c9c; cursor:default;} .news_txt .btnbg a.no_hov:hover{ color:#9c9c9c;} .news_txt .btnbg a:hover{color:#3f65ad;} .about_p{ color:#222; line-height:26px; padding:30px 0; margin:0 auto; width:1120px;} .about_tit{margin:0 auto; width:224px; height:104px; background:url(../images/about_tit.jpg) no-repeat;} .about_list{margin:40px auto; width:1200px;} .about_list li{float:left; width:400px; background:url(../images/about_line.gif) repeat-y top left;} .about_list li .left{ float:left; width:69px; padding-right:1px; } .about_list li .left .icon{width:69px; height:8px; background:url(../images/year_icon.gif) no-repeat; display:inline-block;} .about_list li .left h4{ text-align:right; width:59px; padding-right:10px; padding-top:12px; line-height:28px; font-size:20px; color:#3f65ad;} .about_list li .right{padding:20px 0; width:330px; float:left;} .about_list li .right dt{ background:url(../images/year_arrow.gif) no-repeat 0 5px; line-height:20px; padding:4px 0 4px 10px; width:320px; font-size:12px;} /*h5注册*/ .topbg {background: #202e47; height: 60px; overflow: hidden; padding: 0 10px;} .topbg .logo {background: #202e47 url(../images/h5/logo.png) no-repeat;height:40px;width: 320px; margin-top:10px; float:left;} .topbg dl{ float:right;text-align:right; line-height:60px; width:50%; } .topbg dd{font-size:16px; color:#7aa5cf; margin-right:10px;display:inline-block; *display:inline; *zoom:1;} .topbg dd.icon{background:#0091f8 url(../images/h5/icon_qqs.png) no-repeat 15px center; padding:0 15px 0 41px;font-size:14px; color:#fff; display:inline-block; *display:inline; *zoom:1; -moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px; height:36px; line-height:36px; cursor:pointer; margin-right:0;} .topbg dd.icon a,.topbg dd.icon2 a:hover{ color:#fff;} .topbg dd.icon:hover{background:#007ed8 url(../images/h5/icon_qqs.png) no-repeat 15px center;} .topbg dd span{ color:#f18a2d; font-size:16px; line-height:60px;} .bg .box{ width:342px;padding:0 129px 40px 129px; background:#fff;border: 1px solid #bcbcbc; box-shadow: 0 0 10px #bcbcbc; margin:32px auto; color:#222;} .bg .box a{ color:#3f65ad;} .bg .box h2{font-size:34px; text-align:center; color:#3b5998; line-height:56px; margin-top:30px;} .bg .box h3{font-size:16px; text-align:center; color:#888; line-height:24px; margin-bottom:10px;} .bg .box .codes{width:210px;float:left; height:28px; border:1px solid #e2e2e2; padding:5px 10px; background:#f5f5f5; text-align:left; margin:3px 0;} .bg .box .codes .input_txt{ border:none; width:210px; padding:0; height:28px; background:#f5f5f5;line-height:28px; font-size:14px; outline:none; } .bg .box .promit{height:24px; color:red; line-height:24px;} .bg .box .input_bg{width:320px; height:28px; border:1px solid #e2e2e2; padding:5px 10px; background:#f5f5f5; text-align:left; /*margin:10px 0;*/} .bg .box .input_bg .input_txt{ border:none; width:320px; padding:0; height:28px; background:#f5f5f5;line-height:28px; font-size:14px; outline:none; } .bg .box label{text-align:right; line-height:28px;} .bg .box .button_blue{ margin-top:20px;} .bg .box .button_blue a{ height:40px; background:#3f65ad; -moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px;line-height:40px; font-size:16px; text-align:center; color:#fff; display:block; margin:3px 0;} .bg .box .button_blue a:hover{ height:40px; background:#30509a; -moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px;line-height:40px; font-size:16px; text-align:center; color:#fff;} .bg .box .tel{font-size:14px; color:#666; margin-right:10px; margin-top:10px;display:none;} .bg .box .tel dt{ line-height:24px;} .bg .box .tel b.color1{color:#fd6415; font-weight:bold;} .bg .box .tel b.color2{color:#57bfff; font-weight:bold;} @media only screen and (max-width: 769px) { .topbg .warp{ width:100%;} .bg{min-width:inherit;} .bg .box{ width:72%;padding:0 5% 30px 5%;} .bg .box .input_bg{ width:90%; padding:5px 5%;} .bg .box .input_bg .input_txt{width:100%;} .topbg dl{display:none;} .bg .box .tel{display: block;} } @media only screen and (max-width: 1200px) { .topbg .warp{ width:100%;} } /*产品历程*/ .mainwrap { margin: 0 auto; position: relative; width: 1000px; } .main {background: url(../images/line-bg.png) repeat-y 251px 0 #fff; padding:20px 0;} .main .title { background: url(../images/clock.jpg) no-repeat left top; color: #000; font-size: 24px; left: 220px; line-height: 100px; padding-left: 87px; position: absolute; top: 0; } .main .year { position: relative; z-index: 100; } .main .year h2 { font-size: 20px; height: 60px; line-height: 60px; padding-right: 30px; text-align: right; width: 170px; font-weight:bold; } .main .year h2 a { color: #000; } .main .year h2 i { border-color: #7d7d86 transparent transparent; border-style: solid; border-width: 6px; display: block; height: 0; left: 180px; position: relative; top: -30px; transform-origin: 6px 3px 0; transition: all 0.5s ease 0s; width: 0; } .main .year .list { margin: 10px 0; overflow: hidden; position: relative; transition: height 1s cubic-bezier(0.025, 0.025, 0, 1.115) 0s, opacity 1s ease 0s; } .main .year .list ul { bottom: 0; } .main .year .list ul li { background: url(../images/circle.jpg) no-repeat scroll 235px 31px; color: #333; padding: 24px 0; } .main .year .list ul li .date,.main .year .list ul li .version { clear: left; display: block; float: left; line-height: 24px; text-align: right; width: 200px; } .main .year .list ul li .date { color: #333; font-size: 18px; line-height: 42px; } .main .year .list ul li .intro,.main .year .list ul li .more { display: block; float: left; line-height: 24px; margin-left: 110px; width: 650px; } .main .year .list ul li .intro { color: #1d9ed2; font-size: 20px; line-height: 42px; } .cls { } .cls:after { clear: both; content: "."; display: block; height: 0; visibility: hidden; } .online_service { background: url(../images/online_service.png) no-repeat; height: 200px; position: absolute; right: 0; top: 200px; width: 115px;} .online_service ul { display: block; height: 200px; position: relative; width: 115px;} #floatTool{ z-index:999;} #floatTool .move{width: 100%;height: 24px;cursor:move;} .online_service ul a{ display:block; width:100%; height:88px;} .online_service ul .tel { bottom: 10px; color: #fff; display: block; font-family: "Microsoft Yahei"; font-size: 14px;font-weight:bold; height: 32px;line-height:32px; position: absolute;right: 0; text-align: center; text-decoration: none;width: 115px;}