/*头部样式*/ .sky{line-height:40px;color:#999999;font-size:12px;background:#f2f2f2;} .sky a{color:#999999;} #header{width:1200px;margin:0 auto;height:158px;} .logo{float:left;padding-top:20px;} .k2{color:#666666;font-size:18px;font-weight:bold;background: url(../images/t.png) no-repeat left center;padding-left:187px;margin-top:60px;} .f_link{width:1200px;margin:0 auto;} .topLink{float:right;text-align:right;position: relative;z-index: 9999;} .translate{width:100px;position: absolute;left: 0;top:10px;z-index: 9999;} .tran-in{left:120px;} .translate li{border: 1px dashed #cccccc;line-height: 26px;text-align: left;background: #fff;} .translate li a{display: block;padding-left: 10px;background: url(../images/dot4.png) no-repeat 88% 11px;} .translate li a:hover{text-decoration: none;color:#275cea;cursor: pointer;} .translate-en{display: none;padding: 6px;padding-top:0px;} .translate li .translate-en a{padding-left: 0px;text-align: center;background: #fff;border-bottom: 1px solid #cccccc;} .translate li .translate-en a:hover{font-weight: bold;} .topLink .f_count{color:#ff0000;font-size:13px;font-weight:bold;} .topLink .k1{line-height:32px;padding-top:5px;} .topLink .k2{color:#074b91;font-size:14px;font-family:"微软雅黑";} /*热门搜索*/ .ss{height:70px;box-shadow:0px 4px 10px #ddd;} .search{width:1200px;margin:0 auto;} #formsearch{width:300px;float:right;height:37px;background: url(../images/ss.png) no-repeat;margin-top:14px;} .hotSearch{width:516px;float:left;height:70px;line-height:70px;font-weight:normal;color:#666666;font-size:14px;} #search-type{float: left;width:100px;height: 24px;border: 1px solid #c8c8c8;margin-right: 5px;} /*搜索和热门搜索*/ .hotSearch a{padding:0 8px;color:#666666;background: url(../images/dian.png) no-repeat right bottom;} .hotSearch a:last-child{background:none;} #formsearch input{} #formsearch input#keyword{height:37px;line-height:37px;padding-left:15px;color:#666666;background:none;border:none;width:213px;} #formsearch input#s_btn{width:68px;height:37px;line-height:37px;text-align:center;background:none;color:#fff;border:none;cursor:pointer;font-size:14px;} /*主体样式*/ #container{width:1200px;margin:0 auto;margin-top:10px;} .container{width:1200px;margin:0 auto;} .box1{margin-top:50px;} .ptt{text-align:center;text-transform:uppercase;font-size:18px;color:#999999;} .ptt2{text-align:center;font-weight:bold;font-size:26px;color:#333333;background: url(../images/tt.png) no-repeat center center;} .ptt2 span{color:#ff7707;} .ptt2 em{color:#2957ac;font-style:normal;} .menu_cate{width:270px;float:left;margin-top:22px;} .cate_title{height: 82px;padding-top: 33px;line-height: 29px;text-align:center;font-family:"微软雅黑";background:url(../images/mu.png) no-repeat;font-size:16px;color:#6ca0ff;text-transform:uppercase;} .cate_title span{display:block;font-size:24px;font-weight:normal;font-weight:bold;color:#fff;} .sortt{background:#2957ac;height:470px;overflow:hidden;} .sortt li{position:relative;z-index: 999;width:250px;margin:0 auto;border-bottom:1px solid #ddd;} .sortt li a{line-height:50px;padding-left:35px;display:block;color:#666666;font-size:14px;background: url(../images/s1.png) no-repeat left center;} .sortt li a:hover{padding-left:35px;color:#fff;background: url(../images/s2.png) no-repeat left center;} .dianhua{width:270px;margin:0 auto;height:208px;} .recommend_product{width:903px;float:right;padding-top:22px;} .product_list1{} .product_list1 li{float:left;margin-left:11px;_display:inline;} .product_list1 li a.img{} .product_list1 li a.img img{width:290px;height:220px;} .product_list1 li h3{text-align:center;line-height:52px;} .product_list1 li h3 a{font-weight:normal;color:#333333;font-size:16px;} .product_list1 li a.img{display:block;} .product_list1 li a.img:hover{border-color:#e87518;} /*cont2*/ .box2{width:1920px;position:relative;left:50%;margin-left:-960px; background: url(../images/bj2.jpg) no-repeat center top; height: 784px; margin-top: 66px; overflow: hidden; } .title2 {padding-top:92px; text-align: center;width:1560px;position:relative;left:50%;margin-left:-780px; } .product_list2 li{ width: 253px; float: left; text-align: center; color: #fff; margin-right: 220px; transition: all 0.8s; margin-top:80px; } .product_list2 li:last-child { margin-right: 0; } .product_list2 li img{ width: 90px; height: 90px; } .product_list2 li h2{ font:600 18px/30px "微软雅黑"; background: url(../images/xxa1.png) no-repeat center bottom; padding: 15px 0 18px; } .product_list2 li h3{ font:500 14px/24px "微软雅黑"; margin-top: 14px; } .product_list2 li:hover{ margin-top: 30px; } .a2_b1{ height: 356px; overflow: hidden; } .a2_b2{ width: 670px; margin: 0 auto; margin-top: 36px; } .a2_b2 .a2_c2{ color: #ffffff; font:500 14px/35px "微软雅黑"; border-top: 1px solid #fff; border-bottom: 1px solid #fff; margin-left: 10px; margin-right: 16px; } .a2_b2 .a2_c2 p{padding:0 20px;} .box3{margin-top:55px;} .box3 .content{position:relative;padding-top:25px;} .lb,.rb{position:absolute;top:41%;cursor:pointer;} .lb{left:-48px;} .rb{right:-48px;} .product_list3 li{float:left;margin-left:15px;margin-right:15px;_display:inline;} .product_list3 li a.img{padding:4px;border:1px solid #e0e1dc;} .product_list3 li a.img img{width:270px;height:200px;} .product_list3 li h3{text-align:center;padding-top:5px;} .product_list3 li h3 a{font-weight:normal;color:#333333;font-size:14px;} .product_list3 li a.img{display:block;} .product_list3 li a.img:hover{border-color:#ff7707;} .product_list3 li:hover h3 a{color:#ff7707;} .box4{width:1920px;position:relative;left:50%;margin-left:-960px; background: url(../images/bj4.jpg) no-repeat center top; height:600px; margin-top:60px; overflow: hidden; } .about{width:970px;margin:0 auto;text-align:center;padding-top:97px;} .about_title{width:200px;padding-left:340px;margin:0 auto;line-height:70px;background:url(../images/ab.png) no-repeat 0% 100%;font-size:16px;color:#ff7707;} .about .content{color:#fff;font-size:14px;line-height:26px;padding-top:80px;height:200px;overflow:hidden;} .box5{margin-top:55px;border-bottom:2px solid #2957ac;} .box5 .content{position:relative;padding-top:25px;padding-bottom:60px;} .lb2,.rb2{position:absolute;top:26%;cursor:pointer;} .lb2{left:-48px;} .rb2{right:-48px;} .product_list4 li{float:left;margin-left:15px;margin-right:15px;_display:inline;} .product_list4 li a.img{padding:4px;border:1px solid #e0e1dc;} .product_list4 li a.img img{width:220px;height:120px;} .product_list4 li h3{text-align:center;padding-top:5px;} .product_list4 li h3 a{font-weight:normal;color:#333333;font-size:14px;} .product_list4 li a.img{display:block;} .product_list4 li a.img:hover{border-color:#ff7707;} .product_list4 li:hover h3 a{color:#ff7707;} .box6{margin-top:55px;} .box6 .content{position:relative;padding-top:25px;padding-bottom:60px;} .lb3,.rb3{position:absolute;top:34%;cursor:pointer;} .lb3{left:-48px;} .rb3{right:-48px;} .product_list5 li{float:left;margin-left:15px;margin-right:15px;_display:inline;} .product_list5 li a.img{padding:4px;border:1px solid #e0e1dc;} .product_list5 li a.img img{width:270px;height:200px;} .product_list5 li h3{text-align:center;padding-top:5px;} .product_list5 li h3 a{font-weight:normal;color:#333333;font-size:14px;} .product_list5 li a.img{display:block;} .product_list5 li a.img:hover{border-color:#ff7707;} .product_list5 li:hover h3 a{color:#ff7707;} .news_box{ padding-top: 60px; padding-bottom: 60px; background: #f2f2f2; } .news_left{ border-top: 2px solid #2957ac; width: 400px; } #news{ position: relative; } #news .bd{ position: relative; width: 360px; height: 134px; } #news .hd{ margin-top: 30px; } #news .hd a.prev{ display: block; float: right; margin-right: 2px; } #news .hd a.next{ display: block; float: right; margin-right: -20px; } .product_list33 li{ float: left; width: 360px; } .product_list33 li h3 a{ display: block; margin-bottom: 20px; font: 400 16px/40px "Microsoft Yahei";color: #333333;text-transform: uppercase; background: url(../images/line6.png) no-repeat left bottom; } .product_list33 li span{ font: 400 14px/24px "Microsoft Yahei";color: #666666;text-transform: uppercase; } .news_left1{ background: #fff; padding:15px 20px 0 20px; } .news_ts{ height: 40px; border-bottom: 1px solid #dedede; margin-bottom: 20px; } .news_ts span{ display: block; float: left; font: 600 18px/40px "Microsoft Yahei";color: #333333;text-transform: uppercase; } .news_ts a{ float: right; font: 400 12px/40px "Microsoft Yahei";color: #333333;text-transform: uppercase; } .news_left2{ padding: 20px 20px 16px 20px; margin-top: 10px; background: #fff; } .news_list2 li a{ display: block; padding-left: 16px; background: url(../images/dian2.png) no-repeat left center; font: 400 14px/42px "Microsoft Yahei";color: #666666;text-transform: uppercase; } .news_list2 li:hover a{ color: #ff7707; background: url(../images/dian3.png) no-repeat left center; } .news_right{ width: 790px; border-top: 2px solid #2957ac; } .news_right1{ background: #fff; padding: 20px 20px 0 20px; } .news_list3{ margin-top: -4px; } .news_list3 li{ margin-top: 20px; padding-bottom: 23px; border-bottom: 1px solid #dedede; } .news_list3 li a.imgs{ float: left; display: block; width: 230px; height: 140px; }.news_list3 li a.imgs img{ width: 100%; height: 100%; }.news_list3 li .news2{ width: 495px; float: left; margin-left: 24px; }.news_list3 li .news2 h3 a{ display: block; font: 400 16px/50px "Microsoft Yahei";color: #333333;text-transform: uppercase; margin-bottom: 8px; }.news_list3 li .news2 span{ font: 400 14px/24px "Microsoft Yahei";color: #666666;text-transform: uppercase; }.news_list3 li .news2 span a{ display: inline; font: 400 14px/24px "Microsoft Yahei";color: #ff7707;text-transform: uppercase; } .news_list3 li:last-child{ border-bottom: 0; } .navigation{float:right;width:100px;} .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;} .index-table td{border:solid #add9c0; border-width:0px 1px 1px 0px; padding:10px 5px;} .index-table{border:solid #add9c0; border-width:1px 0px 0px 1px;margin-top:10px;} /*----- Common css ------*/ .fl{float:left;} .fr{float:right;} .di{_display:inline;} .fwn{font-weight:normal;} .dib{*display:inline;_zoom:1;_display:inline;_font-size:0px;} /*mg4355游戏平台新闻*/ .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;} /*mg4355游戏平台左侧联系我们*/ .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;} /*产品推荐*/ .roll_product li{padding-bottom:0px;} /*品牌列表*/ .brand-list{margin: 20px 0px;display: flex;display: -webkit-flex;flex-wrap: wrap;} .brand-list li{margin: 5px 8px;} .brand-list li:hover{box-shadow: 2px 1px 5px;} .brand-list li img {width: 150px;height: 120px;} /*前台多页签*/ .list1{padding:8px 10px;} .list1 li{line-height:27px;position:relative;vertical-align: middle;} .list1 li a{background:url(../images/list_dot1.gif) left center no-repeat;padding-left:12px;line-height:27px;color:#555555;} .list1 li a:hover{color:#e87518;text-decoration:none;} .list1 li span{position:absolute;right:0px;line-height:30px;top:0;color:#999;} /*友情链接*/ .f_link{width:1000px;margin:0 auto;margin-top:15px;line-height:30px;line-height:30px;background-color:#ececec;text-indent:20px;} /*页面底部*/ #footer{ color: #999; background: #222; padding-top: 45px; padding-bottom: 45px; } #footer a{color:#999;} #footer a:hover{color:#fff;text-decoration:none;} #footer .sec2 a{ display: block; font-size: 12px; line-height: 34px; } .ftit{ font-size: 16px; color: #fff !important; } .ftit span{color:#545454;font-size:24px; display: block;padding-top:5px; } .ft_nav01{ float: left; min-height: 220px; background: url(../images/ftline.png) right top no-repeat; width: 140px; } .ft_nav02{ float: left; min-height: 220px; background: url(../images/ftline.png) right top no-repeat; padding-left: 50px; width: 145px; } .ft_nav03{ float: left; min-height: 220px; background: url(../images/ftline.png) right top no-repeat; padding-left: 55px; width: 115px; } .ft_lx{ float: left; background: url(../images/ftline.png) right top no-repeat; padding-left: 40px; padding-right: 35px; width: 278px; } .lx{ color: #ff7707; line-height: 1.2; margin-bottom: 8px; padding-top:10px; } .lx2{ } .lx2 p{ padding: 5px 0; line-height: 24px; } .f_link>span{ background: url(../images/linkbg.png) 0 0 no-repeat; display: block; width: 200px; height: 34px; line-height: 34px; text-indent: 25px; font-size: 14px; } .f_link a{ display: inline-block; padding-right: 10px; font-size: 12px; line-height: 34px; } .copyright{ float: right; width: 300px; font-size: 12px; line-height: 34px; } /*------------内页-------------------*/ .left .box{margin-bottom:10px;} .left .box h3{line-height:40px;background:#2957ac;font-size:18px;color:#fff;text-align:center;font-weight:normal;} .left .box .content{padding:5px 0px;} .prodescription{border:1px solid #e5e5e5;background:#f9f9f9;line-height:24px;padding:10px;margin-bottom:15px;text-indent:20px;} .n_banner{width:1920px;margin:0 auto;position:relative;left:50%;margin-left:-960px;} .left{width:225px;float:left;} .sort_menu h3{line-height:28px;font-weight:normal;} .sort_product{margin-top:10px;} .sort_product h3{line-height:28px;font-weight:bold;} .n_contact{margin-top:10px;} .n_contact h3{line-height:28px;padding-left:15px;font-weight:bold;} .n_contact .content{padding:5px;line-height:24px;} .right{width:940px;float:right;padding-bottom:10px;} .sitemp{line-height:40px;height:40px;overflow:hidden;padding-right:10px;background:#2957ac;} .sitemp h2{width:340px;float:left;line-height:40px;text-align:center;text-align:left;text-indent:15px;font-size:18px;color:#fff;font-weight:normal;} .sitemp .site{width:380px;float:right;text-align:right;line-height:40px;color:#fff;font-size:14px;} .sitemp .site a{color:#fff;} .right .content{padding:10px;padding-top:15px;overflow:hidden;line-height: 24px;}