@CHARSET "utf-8"; .con1{width: 1200px;margin: 0 auto;margin-top: 52px;} .fl{float: left;} .fr{float: right;} .con1-content{width: 1200px;margin: 0 auto;padding-top:42px;} .ada{width:556px;padding-left:50px;} .adb{width:400px;padding-right:50px;} .adc{width:356px;padding-left:150px;padding-top:30px;} /*.add{width:450px;padding-top:30px;}*/ .ade{width:556px;padding-left:50px;padding-top:30px;} .adf{width:400px;padding-right:50px;padding-top:30px;} /*头部样式*/ #header{width:1920px;position:relative;left:50%;margin-left:-960px;background:url(../images/nav_bg.jpg) repeat-x top;} .top{width:1150px;margin:0 auto;} .logo{float:left;padding-top:0px;} .topLink{float:right;text-align:right;} .topLink .f_count{color:#ff0000;font-size:13px;font-weight:bold;} .k1{/* float: left; */color:#333333;} .topLink .k2{color:#074b91;font-size:14px;font-family:"微软雅黑";} #menu{ margin-right: 50px; float:right; } .ad1 img,.ad2 img{width: 100%;} /*热门搜索*/ /*.search{float:left;} #formsearch{width:530px;height:29px;line-height:29px;background:url(../images/search.png) no-repeat left center #fdfdfd;border:1px solid #e8e8e8;border-left:none;margin-top:17px;} .hotSearch{line-height:50px;font-weight:normal;color:#333;} */ /*主体样式*/ .pro{width:1920px;position:relative;left:50%;margin-left:-960px;background: #f2f2f2;padding-bottom:40px;} .np{width:1200px;margin:0 auto;padding-top:32px;padding-bottom:0px;} .tt{position:relative;height:70px;text-align:center;font-family:"微软雅黑";} .tt .t_up{width:482px;margin:0 auto;border-bottom:1px solid #ccc;line-height:40px;} .tt .t_1{font-family:"Impact","微软雅黑";color:#0e4b82;font-size:33px;text-transform: uppercase;} .tt .t_2{font-size:33px;color:#ccc;padding:0 12px;} .tt .t_3{font-size:20px;color:#0e4b82;} .tt .vice{line-height:27px;color:#333333;} .tt a{position:absolute;display:block;width:70px;height:18px;background:url(../images/more.png) no-repeat right center;color:#cccccc;right:0;bottom:0px;} .tt1{position:relative;height:70px;text-align:center;font-family:"微软雅黑";} .tt1 .t_up{width:482px;margin:0 auto;border-bottom:1px solid #ccc;line-height:40px;} .tt1 .t_1{font-family:"Impact","微软雅黑";color:#0e4b82;font-size:33px;text-transform: uppercase;} .tt1 .t_2{font-size:33px;color:#ccc;padding:0 12px;} .tt1 .t_3{font-size:20px;color:#0e4b82;} .tt .vice{line-height:27px;color:#333333;} .tt1 a{position:absolute;display:block;width:70px;height:18px;background:url(../images/more.png) no-repeat right center;color:#cccccc;right:0;bottom:35px;} .roll1{position:relative;margin-top:25px;margin-bottom:50px;} .l_btn,.r_btn{position:absolute;top:30%;cursor:pointer;} .l_btn{left:0;} .r_btn{right:0;} .cat{margin-top:25px;} .display{width:1200px;margin:0 auto;padding-top:30px;} .display .content{margin-top:10px;margin-bottom:40px;overflow:auto;} .ad1{width:1920px;position:relative;left:50%;margin-left:-960px;margin-top:30px;} .mid{width:1920px;position:relative;left:50%;margin-left:-960px;background:#fbfbfb;padding-bottom:40px;} .n_mid{width:1200px;margin:0 auto;} .sch{height:65px;line-height:65px;width:1200px;margin:0 auto;} .at{margin-top:30px;} .at .content{margin-top:30px;} .at .video{padding-top:32px;} .at .at_cn{width:650px;float:left;color:#333333;line-height:24px;background:url(../images/shuu.jpg) no-repeat right 50%; padding-bottom:10px;margin-bottom:5px;padding-right:80px;font-size:14px;} .at .at_cn a{float:right;} .at .ct{width:310px;float:right;color:#333333;line-height:22px;} .ad2{width:1920px;position:relative;left:50%;margin-left:-960px;} .below{width:1920px;position:relative;left:50%;margin-left:-960px;background:#fbfbfb;padding-bottom:20px;} .ns{width:1200px;margin:0 auto;} .ns_lk{height:45px;line-height:45px;} .ns_lk a{display:block;width:60px;background:url(../images/more.png) no-repeat right 15px;color:#cccccc;float:right;} #container{width:1400px;margin:0 auto;margin-top:10px;} .menu_cate{width:220px;float:left;} .cate_title{line-height:31px;padding-left:15px;font-weight:bold;font-family:"微软雅黑"; background:url(../images/nav.png) no-repeat 0% 100%;font-size:14px;color:#000;} .about_title{line-height:31px;padding-left:15px;font-weight:bold;font-family:"微软雅黑"; background:url(../images/nav.png) no-repeat 0% 100%;font-size:14px;color:#000;} .about .content{padding:5px;padding-bottom:12px;text-indent:20px;} .navigation{float:right;width:100px;} .left .box{margin-bottom:10px;} .left .box h3{line-height:31px;padding-left:15px;font-weight:bold;font-family:"微软雅黑"; background:url(../images/nav.png) no-repeat 0% 100%;font-size:14px;color:#000;} .left .box .content{padding:5px 0px;} /*首页新闻*/ .news_company{width:280px;float:right;} .news1_title{line-height:31px;padding-left:15px;font-weight:bold;font-family:"微软雅黑"; background:url(../images/nav.png) no-repeat 0% 100%;font-size:14px;color:#000;} .news_company .content{padding:5px;} /*首页左侧联系我们*/ .contact{width:218px;float:left;padding-bottom:5px;margin-top:10px;} .contact_title{line-height:31px;padding-left:15px;font-weight:bold;font-family:"微软雅黑"; background:url(../images/nav.png) no-repeat 0% 100%;font-size:14px;color:#000;} .contact .content{padding:5px;padding-left:8px;} /*工程案例*/ .case{width:460px;float:left;margin-left:12px;padding-bottom:5px;margin-top:10px;} .case_title{line-height:31px;padding-left:15px;font-weight:bold;font-family:"微软雅黑"; background:url(../images/nav.png) no-repeat 0% 100%;font-size:14px;color:#000;} .case .content{padding:5px;padding-bottom:12px;text-indent:20px;} .news2_company{margin-top:10px;} /*产品推荐*/ .recommend_product{margin-top:10px;width:692px;float:left;} .recommend_product .title{line-height:31px;padding-left:15px;font-weight:bold;font-family:"微软雅黑"; background:url(../images/nav.png) no-repeat 0% 100%;font-size:14px;color:#000;} .recommend_product .content{padding-top:15px;padding-bottom:14px;} .roll_product li{padding-bottom:0px;} /*首页下载中心*/ .down_index{margin-top:10px;width:280px;float:right;} .down_index .title{line-height:31px;padding-left:15px;font-weight:bold;font-family:"微软雅黑"; background:url(../images/nav.png) no-repeat 0% 100%;font-size:14px;color:#000;} .down_index .content{padding:5px;} /*首页区域*/ .region{border:1px solid #e0e1dc;padding:10px;margin-top:10px;color:#333;} .region h3{line-height:30px;height:30px;line-height:30px;padding-left:10px;position:relative;font-family:"微软雅黑";background:#f3f3f3; border-bottom:2px solid #df2525;font-size:14px;} .region .item{padding:10px;padding-bottom:0;color:#666;} .region .item a{color:#666;padding-left:12px;padding-right:12px;line-height:26px;margin-bottom:6px;} .region .item a:hover{text-decoration:underline;color:#df2525;} .city h2{line-height:30px;border-bottom:2px solid #e87518;padding-left:5px;} .city .item{line-height:28px;padding:10px;} /*产品列表页描述*/ .prodescription{border:1px solid #e5e5e5;background:#f9f9f9;line-height:24px;padding:10px;margin-bottom:15px;text-indent:20px;} /*友情链接*/ /*.f_link{width:1200px;margin:0 auto;margin-top:15px;height:140px;} .fk_tt{text-align:center;font-family:"微软雅黑";position:relative;} .fk_tt hr{position:absolute;top:20px;border-top:1px solid #96b0c7;width:1200px;} .fk_tt .fk_tit{width:296px;margin:0 auto;line-height:40px;height:40px;background:#f9f9f9;position:relative;z-index:999;} .fk_tt .t_1{font-family:"Impact","微软雅黑";color:#0e4b82;font-size:33px;} .fk_tt .t_2{font-size:33px;color:#ccc;padding:0 12px;} .fk_tt .t_3{font-size:20px;color:#333333;} .f_link .content{padding-top:15px;} .f_link .content li{border:1px solid #999;width:210px;float:left;margin-right:10px;} .f_link .content li img{width:210px;height:80px;} */ /*页面底部*/ #foot{width:1920px;position:relative;left:50%;margin-left:-960px;height:212px;background:url(../images/foot.jpg) repeat-x;} #footer{position:relative;width:1200px;margin:0 auto;padding-top:8px;color:#cccccc;} #footer a{color:#cccccc;} .zf{float:left;margin-top: 7px;line-height:24px;width: 640px;} .f_qr{float:right;margin-top:30px;margin-right:250px;} .nav_foot{line-height:24px;} .nav_footn a{padding:0 10px;} .nav_foot a:first-child{padding-left:0;} .more_region{position:absolute;right:10px;line-height:30px;top:0;font-weight:normal;font-size:12px;} #footer h3{width:80px;line-height:30px;position:absolute;right:233px;top:5px;font-weight:normal;} /*------------内页-------------------*/ .n_banner{width:1920px;height:250px;position:relative;left:50%;margin-left:-960px;} .n_banner img{width:1920px;height:250px;} .left{width:250px;float:left;} .sort_menu{} .sort_menu h3{background-color:#ececec;line-height:28px;padding-left:15px;font-weight:bold;} .sort_product{margin-top:10px;} .sort_product h3{background-color:#ececec;line-height:28px;padding-left:15px;font-weight:bold;} .n_contact{margin-top:10px;} .n_contact h3{background-color:#ececec;line-height:28px;padding-left:15px;font-weight:bold;} .n_contact p.content{padding:5px;} .right{width:1100px;float:right;padding-bottom:10px;} .sitemp{line-height:31px;height:31px;overflow:hidden;padding-right:10px;background:url(../images/nav.png) no-repeat 0% 100%; background-size: 100%; } .sitemp h2{width:340px;float:left;line-height:31px;text-align:center;text-align:left;text-indent:15px;color:#000; font-family:"微软雅黑";font-size:14px;} .sitemp .site{width:380px;float:right;text-align:right;line-height:30px;font-family:"微软雅黑";} .right .content{padding:10px;padding-top:15px;overflow:hidden;} .wh { width: 1400px; margin: 0 auto; } .top1{background:#1a181d;color:#c4c6c1;height:36px;line-height:36px;overflow:hidden;font-size:14px;} .top1 a{color:#c4c6c1;} .top2{height:128px; background:url(../images/topbg.png) no-repeat center; } .top_cc.scroll { position: fixed; width: 100%; top: 0; left: 0; z-index: 99999999; background:url(../images/topbg.png) no-repeat center; } .logo{float:left;line-height:128px;} .topwz{ float: right; width: 950px; } .topwz .tdh{ height: 59px; margin-left: 280px; } .topwz .tdh .tdh1{ padding-left: 37px; background: url(../images/topdh.png) no-repeat left center; font-size: 16px; font-weight: normal; font-stretch: normal; line-height: 59px; letter-spacing: 0px; color: #333333; } .topwz .tdh .zywqh{ line-height: 59px; font-size: 18px; font-weight: normal; font-stretch: normal; line-height: 59px; letter-spacing: 0px; color: #333333; } .k2{margin-top: 5px;font-size:16px;color:#333333;line-height:35px;text-align:right;} .sou{} #formsearch{float:right;width:475px;height:50px; background: url(../images/ss.png) no-repeat;margin-bottom: 25px; } .hotSearch{float:left;height:42px;line-height:42px;font-weight:normal;color:#000000;font-size:14px;} #search-type{float: left;width:100px;height: 24px;border: 1px solid #c8c8c8;margin-right: 5px;} /*搜索和热门搜索*/ .hotSearch a{margin:0 6px;color:#666666;} #formsearch input{} #formsearch input#keyword{height:50px;line-height:50px;padding-left:26px;color:#666666; background:none;border:none;outline:none;font-size:14px;width: 380px} #formsearch input#s_btn{width:65px;height:50px;line-height:50px; text-align:center;color:#fff;border:none;cursor:pointer;font-size: 12px;background:none;border:none;outline:none;float:right;} #formsearch input::-webkit-input-placeholder {color:#666666;} #formsearch textarea::-webkit-input-placeholder {color: #666666;} .box1{background:url(../images/box1bg.png) no-repeat; padding-top:18px;/*height:838px;*/overflow:hidden; width: 1920px; left: 50%; margin-left: -960px; position: relative; } .prod1{width:289px;} .ptt{height:76px;text-align:center;color:#fff;font-size:42px;background:#00448a;padding-top:52px;line-height: 42px; font-weight: bold; } .ptt p{font-size:20px;line-height: 20px;margin-top: 15px;} .sort1{height:557px;padding-top:30px;} .sort1 li{ width:244px;line-height:44px; margin:0 auto;background: url(../images/a1.png) no-repeat; margin-bottom:16px;} .sort1 li a{color:#4d4d4d;font-size:16px;padding-left:21px;} .sort1 li:hover{ background: url(../images/a2.png) no-repeat; } .sort1 li:hover a{color:#fff;} .ptel{ background: url(../images/t.png) no-repeat center; height:174px;color:#fff;} .fwrx{font-size:22px;padding-top:50px; padding-left: 113px;line-height: 1; } .ptel h2{text-align:left;font-size:28px;margin-top:16px; color: #ffffff;font-weight: bold;line-height: 1; padding-left: 45px; } .add{font-size:16px;text-align:center;margin-top:5px;color:#ffffff; } .prod2{width:1071px; margin-top: 10px; } .zxtt{line-height:48px; position:relative; color:#fff; font-size:20px; text-indent:33px; background: url(../images/pt.png) no-repeat; text-transform:uppercase; } .zxtt a{position:absolute;right:5px;top:0;color:#848484;font-size:14px;font-family:"Arial";} .product_list1{margin-top:50px;} .product_list1 li{float:left;margin-right:20px;margin-bottom:39px;} .product_list1 li:nth-child(3n){margin-right:0;} .product_list1 li img{ width: 339px; height: 312px;} .product_list1 li h3{text-align:center;font-weight:normal;color:#5a5a5a;font-size:18px;background:#e2e2e2;line-height:59px;} .product_list1 li:hover img{ width: 335px; height: 308px; } .product_list1 li:hover{border:2px solid #004da1;} .product_list1 li:hover h3{background:#004da1;color:#fff;} .box2{height:1197px;background: url(../images/bj2.png) no-repeat;position: relative; width: 1920px; left: 50%; margin-left: -960px; margin-top: 95px; background-size: cover; background-attachment: fixed; } .box2 .wh{ background: url(../images/bj222.png) no-repeat bottom center; padding-bottom: 42px; } .b2tt{padding-top:63px;} .bt{ font-size: 48px; font-weight: bold; font-stretch: normal; line-height: 48px; letter-spacing: 0px; color: #ff7d00; text-align: center; } .bt p{ font-size: 18px; font-weight: normal; font-stretch: normal; line-height:18px; letter-spacing: 2px; color: #e8e8e8; margin-top: 31px; } .ads{overflow:hidden; margin-top: 51px; } .ads li{height:248px;width:699px;float:left;padding-top:57px; background: url(../images/ysbg.png) no-repeat 515px 260px; } .ads li:nth-child(3){ height: 269px; background: url(../images/ysbg.png) no-repeat 515px 270px; } .ads li:nth-child(4){ height: 269px; background: url(../images/ysbg.png) no-repeat 515px 270px; } .ads li .title{width:440px;height:58px;padding-left:29px;padding-top:0px;} .ads li:nth-child(2n) .title{ padding-left: 40px; } .ads li .numb{width:52px;line-height:52px;border-radius:50%;text-align:center;color:#ffffff;font-size:31px;font-weight:normal;background:#ff6c00;} .ads li h3{color:#ff6c00;font-size:24px;font-weight:bold;line-height:52px;float:left;margin-left:18px;} .ads li h3 span{color:#333333;} .ads li p{color:#464646;font-size:16px;line-height:33px;width:530px;margin-top:33px;} .ads li:nth-child(1) p{ margin-left:60px; } .ads li:nth-child(2) p{ margin-left:70px; } .ads li:nth-child(3) p{ margin-left:50px; } .ads li:nth-child(4) p{ margin-left:70px; } .ads li p i{ font-style: italic; font-weight: bold;color: #ff6c00; } .ads li:hover{box-shadow:0 0 12px #aaa;} .ads li:hover .title{} .ads li:hover .numb{} .ads li:hover h3{} .ads li:hover h3 span{} .dh{ margin-left:420px; margin-top:62px; color:#fff; font-size:18px; line-height: 20px; font-family:"黑体 "; font-weight: normal; } .dh p{ font-size:30px; font-family:"MicrosoftYaHei"; font-weight: bold; margin-top:15px; line-height: 30px; } a.zx{ width:163px; line-height:47px; background: #ff7d00; border-radius: 23px; font-size:18px; color:#f6f7f9; text-indent:35px; margin-right:376px; margin-top:78px; } .dbg{ width: 1920px; height: 3110px; position: relative; left: 50%; margin-left: -960px; } .box3{ padding-top: 118px; background: url(../images/box3bg.png) no-repeat center; background-attachment: fixed; background-size: 100%; padding-bottom: 83px; } .box3 .bt{ color: #00448a; } .box3 .bt p{ margin-top: 15px; color: #464646; font-size: 21px; } .box3 .cont{margin-top:74px;} .product_list2 li{float:left;position:relative;margin-bottom:18px;margin-left:14px;} .product_list2 li .img{ overflow: hidden; } .product_list2 li img{width:340px;height:280px; -webkit-transform: scale(1,1); -moz-transform: scale(1,1); -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; transition: all 0.5s ease-out; } .product_list2 li:nth-child(1){margin-left:0;} .product_list2 li:nth-child(1) img{ width:692px;height:579px; } .product_list2 li:hover img{ -webkit-transform:scale(1.1,1.1); -moz-transform:scale(1.1,1.1); transform:scale(1.1,1.1); -webkit-transition:all 0.6s ease-out; -moz-transition:all 0.6s ease-out; transition:all 0.6s ease-out; } .product_list2 li h3{width:100%;position:absolute;left:0;bottom:0;color:#fff;font-size:16px;line-height:49px; font-weight:normal;background: rgba(0,77,161,.85);text-align:center;height: 49px;} .product_list2 li:nth-child(1) h3{font-size:18px;line-height:78px;height: 78px;} .box4{margin-top:10px;padding-top:58px; background: url(../images/box4bg.png) no-repeat center; background-attachment: fixed; background-size: 100%; padding-bottom: 10px; } .box4 .bt{ color: #fff; } .box4 .bt p{ margin-top: 22px; } .box4 .cont{margin-top:47px;overflow:hidden;} .abpic{width:648px;height:481px;} .about{width:700px;} .about h2{color:#e3eaf2;font-size:30px;padding-top:0px; margin-top:50px; } .about h3{ font-family: MicrosoftYaHei; font-size: 20px; font-weight: bold; font-stretch: normal; line-height: 20px; letter-spacing: 0px; color: #4675aa; text-transform: uppercase; margin-top: 7px; } .ab{ padding-top:32px; font-size: 16px; font-weight: normal; font-stretch: normal; line-height: 30px; letter-spacing: 2px; color: #ffffff; } .about a{ color:#ffffff; font-size:14px; width: 130px; height: 42px; display: block; background: #ff6c00; border-radius: 21px; line-height: 42px; margin-top:56px; display:block; text-align: center; } .c2-con{ margin-left:-59px; margin-right: -48px; margin-top:54px; background: rgba(0,77,161,.65); height: 147px;padding-top: 44px; } .c2-con ul li{width: 360px;float: left;text-align: center;position: relative;} .c2-con ul li:nth-child(2){ width: 390px; } .c2-con ul li:nth-child(3){ width: 380px; } .c2-con ul li+li{} .c2-con ul li .count-title{ font-size: 80px; font-weight: normal; font-stretch: normal; line-height: 80px; letter-spacing: 0px; color: #ffffff; } .c2-con ul li:nth-child(2) .count-title{ text-align: left; margin-left: 85px; } .c2-con ul li dt{ font-size: 80px; color: #fff; position: absolute; top:16px; left:235px; line-height:45px; text-align:center; font-weight:normal; } .c2-con ul li dt span{ font-size: 60px;line-height:45px; } .c2-con ul li:nth-child(2) dt{left: 270px;} .c2-con ul li:nth-child(3) dt{left: 235px;} .c2-con ul li:nth-child(4) dt{left: 246px;} .c2-con ul li p{ font-size: 18px; font-weight: normal; font-stretch: normal; line-height: 18px; letter-spacing: 0px; color: #ffffff; margin-top: 11px; } .box5{margin-top:63px;margin-bottom:0px;} .tabli{position:relative;float:left;width:186px;} .tabli li{line-height:88px;color:#fff;font-size:20px;text-align:center;background:#313131;cursor:pointer;} .tabli li:nth-child(3){background:#272727;} .tabli li.cur{background:#008ffb;} .tab{width:1187px;float:right;overflow:hidden;display:none;} .tab.clicked{display:block;} .product_list3 li{float:left;margin-right:29px; width:376px; } .product_list3 li img{width:376px;height:264px;} .product_list3 li:nth-child(3){ } .box6{ padding-top:94px; background: url(../images/box6bg.png) no-repeat center 10px; } .box6 .b6t h1{ font-size: 48px; font-weight: bold; font-stretch: normal; line-height: 48px; letter-spacing: 0px; color: #00448a; } .box6 .b6t .hx{ width: 193px; height: 4px; background-color: #00448a; margin-top:15px; } .xinz{ width:886px; margin-left:0px;margin-top:0px; height: 642px; padding: 105px 42px 0 0px; } .tabli2{position:relative;height:56px;position:relative;margin-bottom:40px;} .tabli2 li{line-height:23px;color:#616161;font-size:23px;cursor:pointer;float:left;margin-right:80px;padding-bottom: 30px;} .tabli2 li.cur{background: url(../images/cur.png) no-repeat left bottom;color:#00448a;} .tabli2 .nm{position:absolute;right:0;top:0;} .tab2{overflow:hidden;display:none;} .tab2.clicked{display:block;} .xlist1 li{} .xlist1 li .img{width:388px;} .xlist1 li .img img{width:388px;height:236px;} .xlist1 li .det{ width:416px; margin-top:15px; margin-right: 15px; } .xlist1 li h3 a{color:#333333;font-size:22px;font-weight:normal;} .xlist1 li h4{color:#8e8d8d;font-size:14px;font-weight:normal;margin-top:10px;} .xlist1 li span{color:#8e8d8d;font-size:16px;line-height:30px;display:block;margin-top:31px;} .xlist2{margin-top:35px;} .xlist2 li{position:relative;line-height:54px;background: url(../images/nt.png) no-repeat left center;} .xlist2 li a{color:#8e8d8d;font-size:16px;padding-left:30px;display: block;float: left;} .xlist2 li span{color:#8e8d8d;font-size:14px;display: block;float: right;} .xlist2 li:hover a{ color: #00448a; } .xiny{width:396px;margin-right:-18px; height: 643px; background: url(../images/xiny.png) no-repeat top center; padding: 50px 26px 0 29px; margin-top: 60px; } .xiny .xlist2{ margin-left: 30px; } .xtt{position:relative; height:25px;line-height:25px; position:relative;color:#fff; font-size:23px;color:#fff; padding-left: 30px; } .xtt a{position:absolute;right:0;top:0;} .npic{ margin-top: 42px; } /*友情链接*/ .f_link{padding-top:0px;color:#cbcbcb;font-size:14px;margin-top: 10px; margin-bottom: 10px;} .f_link a{color:#cbcbcb;} /*页面底部*/ .foot{background:#474747;width: 1920px; position: relative; margin-left: -960px; left: 50%; } .foots{ width: 100%; } .foot2{margin-top:65px;} .foot2 dl{width:280px;float:left;} .foot2 dl:nth-child(2){ margin-left: 130px; } .foot2 dl:nth-child(1) h2{ margin-top: 26px; } .foot2 dt{color:#fff;font-size:24px;font-weight:normal;margin-bottom:23px;} .foot2 dd a{color:#fff; font-size: 14px; font-weight: normal; font-stretch: normal; line-height: 33px; } .foot2 dd a:hover{color:#fff;} .foot2 dl:nth-child(3){ width: 340px; } .ftlx{ } .ftlx h3{ font-size: 14px; font-weight: normal; font-stretch: normal; line-height: 30px; letter-spacing: 0px; color: #ffffff; } .ftel{background: url(../images/ft.png) no-repeat left top;color:#8b8b8b;font-size:18px;line-height:30px;padding-top:59px;margin-top:109px;margin-left: 145px;} .ftel strong{color:#fefefe;font-size:28px;font-family:"Arial";display: block;margin-top: 4px;} .wei{width:321px;text-align:center;color:#999999;font-size:13px;line-height:45px;margin-top:65px;} .wei h1{ font-size: 22px; font-weight: bold; font-stretch: normal; line-height:20px; letter-spacing: 0px; color: #ffffff; text-align: left; } .wei h2{ font-size: 14px; font-weight: normal; font-stretch: normal; line-height: 14px; letter-spacing: 0px; color: #ffffff; text-align: left; margin-top: 10px; } .wei .message{ margin-left: 0px; margin-top: 15px; padding-left: 0px; z-index: 100; position: relative; } .wei .message input{ width: 312px; background:#ffffff; border: none; outline: none; margin-bottom: 11px; padding-left: 11px; width: 312px; height: 42px; line-height: 42px; float: left; font-size: 16px; } .wei .message #name{ width: 312px; height: 42px; line-height: 42px; padding-left: 12px } .wei .message #contact{ width: 312px; height: 42px; line-height: 42px; padding-left: 12px } .wei .message #email{ width: 312px; height: 42px; line-height: 42px; padding-left: 12px } .wei .message #timeline{ width: 312px; height: 42px; line-height: 42px; padding-left: 12px } .wei .message #content{ width: 311px; height: 119px; background-color: #ffffff; border-radius: 0px; padding: 0; font-size: 16px; font-weight: normal; font-stretch: normal; line-height: 30px; letter-spacing: 0px; color: #7f7f7f; padding-left: 13px; padding-top: 4px; resize: none; margin-bottom: 11px; float: left; } .wei .message #checkcode{ width:150px; height: 42px; line-height: 42px; border: none; } .wei .message #checkCodeImg1{ height: 42px; width: 150px; float: left; margin-left: 10px; } .wei .message .msgbtn{ width: 326px; height: 43px; background-color: #ff6c00; border-radius:0; font-size: 21px; font-weight: normal; font-stretch: normal; line-height:43px; letter-spacing: 0px; color: #ffffff; margin-top: 0px; } .bq{line-height:30px;overflow:hidden;background:#414141;color:#cbcbcb;font-size: 14px;padding-top: 27px; padding-bottom: 20px; } .bq a{color:#cbcbcb;line-height:30px;} /*左侧工具条*/ #toolbar { position: fixed; z-index: 9999; right: 17px; bottom: 10%; } #toolbar li { margin-bottom: 3px; font-size: 0; width: 57px; height: 57px; right: 0; position: relative; } #toolbar li a { display: block; position: absolute; z-index: 9; right: 0; top: 0; width: 57px; height: 57px; overflow: hidden; background: #292e39; -webkit-transition: all .5s ease; transition: all .5s ease; white-space: nowrap; font-size: 0; } #toolbar li .icon-font { display: inline-block; vertical-align: middle; width: 57px; height: 57px; background-color: #d9d9d9; } #toolbar li .icon-qq:after { background-position: 0 -150px; } #toolbar li .icon-phone:after { background-position: 0 -90px; } #toolbar li .icon-ewm:after { background-position: 0 -30px; } #toolbar li .icon-message:after { background-position: 0 -120px; } #toolbar li .icon-top:after { background-position: 0 -60px; } #toolbar li .icon-wangwang:after { background-position: 0 0; } #toolbar li .wz { display: inline-block; line-height: 57px; font-size: 14px; color: #fff; vertical-align: middle; padding-left: 10px; } #toolbar li.ewm .ewm-box { position: absolute; z-index: 1; padding: 5px; background: #292e39; width: 110px; right: 120%; bottom: 0; opacity: 0; visibility: hidden; -webkit-transform: translateX(100%); transform: translateX(100%); -webkit-transition: all .7s; transition: all .7s; } #toolbar li.ewm .ewm-box p { margin-bottom: 0; } #toolbar li.ewm .ewm-box img { max-width: 100%; } #toolbar li.ewm .ewm-box:after { content: ''; position: absolute; right: -5px; bottom: 20px; width: 0; height: 0; line-height: 0; font-size: 0; overflow: hidden; border-width: 5px; cursor: pointer; border-style: dashed dashed dashed solid; border-color: transparent transparent transparent #292e39; border-right: none; } #toolbar li.ewm:hover .icon { background-position: -57px -180px; } #toolbar li.ewm:hover .ewm-box { opacity: 1; visibility: visible; -webkit-transform: translateY(0); transform: translateY(0); } #toolbar li.backtop { cursor: pointer; } #toolbar li.backtop .iconfont { color: #fff; background-color: #292e39; } #toolbar li:hover a { width: 200px; } #toolbar li:hover .icon-font { background-color: #292e39; } #toolbar li:hover .icon-qq:after { background-position: -30px -150px; } #toolbar li:hover .icon-phone:after { background-position: -30px -90px; } #toolbar li:hover .icon-ewm:after { background-position: -30px -30px; } #toolbar li:hover .icon-message:after { background-position: -30px -120px; } #toolbar li:hover .icon-wangwang:after { background-position: -30px 0; } #toolbar li:hover .icon-top:after { background-position: -30px -60px; } @media (max-width: 990px) { #toolbar { display: none; } } .icon-font { position: relative; } .icon-font:after { content: ""; width: 30px; height: 30px; background-image: url(../images/icon_spirit.png); background-repeat: no-repeat; position: absolute; left: calc(50% - 15px); top: calc(50% - 15px); }