@charset "utf-8"; /*css ----初始化----- */ html, body, ul, li, ol, dl, dd, dt, p, h1, h2, h3, h4, h5, h6, form, fieldset, legend, img ,td,tr,th{margin: 0; padding: 0;} fieldset, img, input, button {border: none;padding: 0;margin: 0;outline-style: none;}/*各浏览器显示不同,去掉蓝色边框*/ input {padding-top: 0;padding-bottom: 0;} select, input {vertical-align: middle;} textarea {resize: none;}/*防止拖动 影响布局*/ table {border-collapse: collapse;border-spacing: 0;}/*去掉行内替换元素空白缝隙*/ ul, ol { list-style: none;} h1, h2, h3, h4, h5, h6 {text-decoration: none;font-weight: normal;font-size: 100%;} img {border: 0;vertical-align: middle;} /*清除浮动*/ .clearfix:before, .clearfix:after {content: "";display: block;} .clearfix:after {clear: both;} .clearfix {*zoom: 1; /*IE/7/6*/} s, i, em {font-style: normal; text-decoration: none;} i{display: block;} /*需要更改*/ body {margin: 0 auto;font-family: "Microsoft Yahei", Helvetica, Arial, sans-serif;font-size: 14px;color: #666666;background-color: #fff;min-width: 1200px;} a{ color: #666666;/*主要颜色*/text-decoration: none;} a:hover{color: #850007;} /*公共类*/ .w1200 {width: 1200px;margin: 0 auto;} .fl {float: left;}.fr {float: right;} .al {text-align: left;}.ac {text-align: center;}.ar {text-align: right;}.hide {display: none;} .unline{border:0 !important;} .gray{background: #f4f6f8;} .white{background: #fff;} .bgRed{background-color: #D00000 !important;} .red{color: #D00000 !important;} .m-r-0{margin-right: 0 !important;} .font18{font-size: 18px;} .font10{font-size: 10px;} .font16{font-size: 16px;} .cp{cursor: pointer;} /*----head----*/ .header{color: #666;font-size: 14px;} .header .header_top{height:30px;border-bottom: 1px solid #EEEEEE;} .header .header_top .h_tit{line-height:30px;} .header .header_top .h_tit span{padding: 0 25px;} .header .header_top .top_r {height: 30px;line-height: 30px;} .header .header_top .top_r span{display:inline-block;width: 25px;height: 21px; margin-left: 23px;background: url(../images/qf_icons.png) no-repeat 0 0 ;vertical-align: middle;} .header .header_top .top_r .two{ background-position: 0 -21px ;} .header .header_top .top_r .three{ background-position: 0 -44px ;} .header .header_top .top_r .four{ background-position: 0 -67px ;} .header .header_search .logo{margin:23px 0;} .header .header_search .logo .lg{display:block;width:186px;height:64px;background: url(../images/logo1.png) no-repeat;} .header .header_search .logo .slogan{display:block;width:152px;height:30px;background: url(../images/slogan.png) no-repeat;margin:27px 0 0 10px;} .header .header_search .logo span:first-child{display: inline-block;padding:10px 0 5px 0;} .header .header_search .search_box{height: 34px; width: 422px; box-sizing: border-box; margin: 40px 130px 0 90px; position: relative; border-radius: 20px; -webkit-border-radius: 20px; -moz-border-radius: 20px; z-index: 10;} .header .header_search .search_box .s_search { width: 315px; height: 31px; padding:0 10px; background: transparent; border-radius: 20px; -webkit-border-radius: 20px; -moz-border-radius: 20px; border: 1px solid #DCDCDC;} .header .header_search .search_box input { text-indent: 3px; color: #999; line-height: 34px; font-size: 16px; font-family: "Microsoft Yahei"; float: left; } .header .header_search .search_box .searchBtn { position: absolute; height: 33px; line-height: 33px; width: 108px; top: 0; left: 312px; cursor: pointer; font-size: 16px;color: #fff;border-top-right-radius: 20px;-webkit-border-top-right-radius: 20px; -moz-border-top-right-radius: 20px; border-bottom-right-radius: 20px;-webkit-border-bottom-right-radius: 20px; -moz-border-bottom-right-radius: 20px; background: #ED3535; background: -moz-linear-gradient(top, #ED3535 0%, #D92525 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ED3535), color-stop(100%,#D92525)); background: -webkit-linear-gradient(top, #ED3535 0%,#D92525 100%); background: -o-linear-gradient(top, #ED3535 0%,#D92525 100%); background: -ms-linear-gradient(top, #ED3535 0%,#D92525 100%); background: linear-gradient(to bottom, #ED3535 0%,#D92525 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ED3535', endColorstr='#D92525',GradientType=0 );} .header .header_search .search_box .searchIcon{display:inline-block;width:23px;height:22px;margin:0 8px 0 20px;background: url(../images/qf_icons.png) 0 -93px no-repeat; vertical-align: middle;} .header .header_search .company_phone{margin-top: 40px;height: 34px;line-height: 34px;font-size: 18px;color: #333333;} .header .header_search .company_phone .phone_icon{display: inline-block;width: 30px;height: 30px;background: url(../images/qf_icons.png) no-repeat 0 -119px;vertical-align: middle;margin-right: 13px;} .header .search_box .searDrop{display:none;position: absolute;width: 395px;top:34px;left: 12px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} .header .search_box .searDrop .tit{line-height: 38px;color: #dd2727;background: #EEEEEE;font-size: 16px;padding-left: 20px;} .header .search_box .searDrop ul{padding-left: 20px;background: #fff;} .header .search_box .searDrop .sCont{border-left: 1px solid #EEEEEE;border-right: 1px solid #EEEEEE;} .header .search_box .searDrop ul li{line-height: 34px;color: #666666;font-size: 14px;height: 34px;overflow: hidden;} .header .search_box .searDrop ul li a{display: inline-block;} .header .search_box .searDrop ul li a:hover{color: #dd2727;} .header .search_box .searDrop ul li a span{color: #dd2727;} .header .search_box .searDrop .hot{display: inline-block;width: 11px;height: 17px;background: url(../images/qf_new_icons.png) 0 0 no-repeat;margin-left: 5px;} .header .search_box .searDrop .surplus{line-height: 37px;color: #666666;font-size: 14px;background: #F6F6F6;text-align: center;} .header .search_box .searDrop .surplus i{display:inline-block;color: #DD2828;border-top: 1px solid #EEEEEE;} /*nav菜单*/ .black{color:#000;} .nav{width: 100%;height:40px;font-size: 16px;border-bottom: 1px solid #DCDCDC;} /*服务分类*/ .total_btn{width:210px;height:40px;position:relative;} .total_btn .t{height:40px;line-height: 40px;padding-left: 77px;position:relative;color: #3b3f42;background: #fff;border:1px solid #DCDCDC;border-bottom: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} .total_btn .t i{width:20px;height:16px;position:absolute;left:40px;top:12px;background: url(../images/qf_icons.png) no-repeat -40px -137px;} .total_nav{width:210px;height:460px;position: absolute;top: 41px;left: 0;z-index: 9999;background:url(../images/black50.png);} .total_nav .navli{height:91px;width:100%;color:#fff;border-bottom: 1px solid #F6F6F6; } .total_nav .navli .nav_icons{position:absolute;width: 25px;height: 25px;background: url(../images/nav_icons.png) no-repeat 0 0;top:33px;left: 37px;} .total_nav .navli .arrow{position:absolute;width: 8px;height: 12px;background: url(../images/qf_icons.png) no-repeat -95px -92px;top:44px;right: 20px;} .total_nav .navli .nav01{background-position: 0 0;} .total_nav .navli:hover .nav01{background-position: -28px 0;} .total_nav .navli .nav02{background-position: 0 -31px;} .total_nav .navli:hover .nav02{background-position: -28px -31px;} .total_nav .navli .nav03{background-position: 0 -60px;} .total_nav .navli:hover .nav03{background-position: -28px -60px;} .total_nav .navli .nav04{background-position: 0 -91px;} .total_nav .navli:hover .nav04{background-position: -27px -91px;} .total_nav .navli .nav05{background-position: 0 -122px;} .total_nav .navli:hover .nav05{background-position: -27px -122px;} .total_nav .navli:hover .arrow{background-position: -83px -92px;} .total_nav .navli h3{position:relative;line-height: 91px;padding-left: 80px;font-size: 18px;} .total_nav .navli:hover{background: #fff;color: #333333;} .total_nav .drop{width: 760px;height:460px;position: absolute;top:0;left:210px;display: none; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;padding:15px 0;background:url(../images/nav_bg.jpg) no-repeat;} .total_nav .drop .nav_2_tit{line-height: 50px;font-size: 14px;color: #333333;width: 100px;text-align: center;padding-right: 10px;} .total_nav .drop .nav_assort{width: 615px;padding: 10px 0;border-bottom: 1px solid #E5E5E5;} .total_nav .drop li{float: left;} .total_nav .drop li a{display:block;color:#666666;font-size: 12px;line-height: 30px;margin-right: 20px;} .total_nav .drop li a:hover{color:#d00000;} /*栏目导航*/ .nav .col_nav{margin-left: 0px;} .nav .col_nav li {float:left;height:40px;line-height: 40px;margin-left:33px;position:relative;} .nav .col_nav li img{position:absolute;top:0;right:-28px;} .nav .col_nav li a{position:relative;font-size: 18px;display: block;color: #3a3e42;} .nav .col_nav li a:hover{color: #d00000;} .nav .col_nav li a .hot_icon{position: absolute;width:20px;height: 13px;background: url(../images/hot.gif) no-repeat;top:5px;right: -22px;} .nav .col_nav .active a{color: #d00000;} .zise{color: #ce434a;} .tpsc{display: block;} /*8455新葡萄娱乐banner*/ .slideBox{ width:100%; height:460px; overflow:hidden; position:relative; } .slideBox .hd{ z-index:1;width: 1200px;height: 14px;position: absolute;bottom: 30px;left: 50%;margin-left: -600px;overflow: hidden;} .slideBox .hd ul{ overflow:hidden; zoom:1; position: absolute;right: 120px;} .slideBox .hd ul li{ float:left; margin-right:10px; width:30px; height:6px; line-height:6px; text-align:center; background:#fff; cursor:pointer;opacity: 0.3; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } .slideBox .hd ul li.on{ background:#fff; color:#fff;opacity: 1;} .slideBox .bd{ position:relative; height:100%; z-index:0; } .slideBox .bd li{ zoom:1; vertical-align:middle;width: 100%;height: 460px; } .slideBox .bd li a{ display: block;width: 100%;height: 100%; } .slideBox .bd img{ width:100%; height:460px; display:block; } /* 下面是前/后按钮代码,如果不需要删除即可 */ .slideBox .prev, .slideBox .next{ position:absolute; left:3%; top:50%; margin-top:-25px; display:block; width:32px; height:40px; background:url(../images/slider-arrow.png) -110px 5px no-repeat; filter:alpha(opacity=50);opacity:0.5; } .slideBox .next{ left:auto; right:380px; background-position:8px 5px; } .slideBox .prev{left: 380px;} .slideBox .prev:hover, .slideBox .next:hover{ filter:alpha(opacity=100);opacity:1; } .slideBox .prevStop{ display:none; } .slideBox .nextStop{ display:none; } /*----footer----*/ .footer{background-color: #171717;color: #999;} .footer_t{border-top:1px solid #2C2C2C;padding:23px 0 19px;color: #999;} .footer_t p{width: 70px;line-height: 25px;} .footer_t .lj{width: 1130px;line-height: 25px;} .footer_t .ljTit{width: 80px;line-height: 25px;} .footer_t .ljList{width: 1120px;} .footer_t a{display: inline-block;color: #999;margin-left:25px;line-height: 25px;} .footer_t a:hover{color: #fff;} .footer_m{padding:50px 0 60px;color: #fff;} .footer_m .line{width: 1px;height: 130px;margin-top: 30px;background: #323232;} .footer_m .fuwuBox{padding-left: 50px;} .footer_m .fuwuBox .fuwuList{width: 100px;margin-right: 49px;} .footer_m .fuwuBox .fuwuList a{display:inline-block;line-height: 35px;font-size: 14px;color: #999;width: 100%;text-align: left;} .footer_m .fuwuBox .fuwuList .tit{font-size: 18px;color: #999;line-height: 35px;} .footer_m .fuwuBox .fuwuList a:hover{color: #fff;} .footer_m .logo2{margin:40px 50px 0 0;} .footer_m .adress {font-size: 16px;width: 375px;padding-left: 55px;padding-top: 15px;} .footer_m .adress dl{float: left;margin-bottom: 20px;} .footer_m .adress dl dd{float: left;width:120px;line-height: 26px;color: #999;} .footer_m .adress dl dt{float: left;width:225px;color: #999;line-height: 26px;} .footer_m .adress .phone{height:26px;box-sizing:border-box;color: #fff;font-size: 24px;line-height: 26px;font-weight: bold;margin-top: -5px;} .footer_m .adress i{display:inline-block;width: 26px;height: 26px;background: url(../images/qf_icons.png) no-repeat 0 -200px;vertical-align: middle;margin-right: 13px;} .footer_m .adress .s{background-position: 0 -234px;} .footer_m .adress .g{background-position: 0 -267px;} .footer_f{height:30px;line-height: 30px;background: #0E0E0E;text-align: center;} .footer_f span{margin-right: 15px;color: #fff;font-size: 12px;} /*固定侧边栏*/ .fixedBar{position: fixed;right: 0;top: 200px;color: #2f2f2f;z-index: 99999; box-shadow: 1px 1px 5px 4px rgba(182,182,182,0.2); -webkit-box-shadow: 1px 1px 5px 4px rgba(182,182,182,0.2); -moz-box-shadow: 1px 1px 5px 4px rgba(182,182,182,0.2); -o-box-shadow: 1px 1px 5px 4px rgba(182,182,182,0.2);} .fixedBar ul li{width: 43px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;} .fixedBar ul li a{display: block;font-size: 12px;text-align: center;background: #fff;padding:30px 8px;color: #666666;cursor: pointer;} .fixedBar ul li a i{display: block;width:20px;height:20px;margin-bottom:20px;background: url(../images/fixed_icons.png) 0 0 no-repeat;margin-left: 4px;} .fixedBar ul li a .icon2{background-position:0 -25px;} .fixedBar ul li a .icon3{background-position:0 -49px;} .fixedBar .consult{background:#850007;color: #fff;} .fixedBar .feedback{border-top:1px solid #E5E5E5;border-bottom: 1px solid #E5E5E5;} .fixedBar .return{padding: 15px 7px;background: #fff;cursor: pointer;} .fixedBar .return i{display: block;width:20px;height:13px;margin-bottom:2px;background: url(../images/fixed_icons.png) 0 -74px no-repeat;margin-left: 6px;} .fixedBar .return .t{color: #850007;font-weight: bold;} .fixedBar .phone_bar{position: relative;} .fixedBar .phone_bar .phone{display:none;position: absolute;width:145px;height:50px;top: 50px;left: -160px;background: url(../images/phone_bgs.png) no-repeat;} .fixedBar .phone_bar .phone span{display: block;width:145px;height:40px;line-height: 40px;color: #850007;font-size: 18px;font-weight: bold;text-align: center; box-shadow: 1px 1px 5px 4px rgba(182,182,182,0.2);-webkit-box-shadow: 0 -2px 5px 1px rgba(182,182,182,0.2);-moz-box-shadow: 0 -2px 5px 1px rgba(182,182,182,0.2);-o-box-shadow: 0 -2px 5px 1px rgba(182,182,182,0.2);} .fixedBar .return{display: none;} /*右侧固定侧边栏*/ .newSideBar{position: fixed;right: 0;top:30%;color: #2f2f2f;z-index: 99999;} .newSideBar ul{ } .newSideBar ul li{background: #850007;width:60px;font-size: 12px;position: relative;user-select:none;-moz-user-select:none;-webkit-user-select:none;margin-bottom: 3px;text-align: center;padding-bottom: 18px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;} .newSideBar ul li:hover{background: #A50008;} .newSideBar ul li a{color: #fff;font-size: 12px;} .newSideBar ul li .fixed_icon{display: inline-block;width:26px;height:25px;margin:23px 15px 10px;background: url(../images/fixed_icons.png) 0 0 no-repeat;} .newSideBar ul .exhale{cursor: pointer;} .newSideBar ul .exhale .fixed_icon_phone{background-position: 0 -30px;} .newSideBar ul .exhale .fixed_icon_weixin{background-position: 0 -64px;} .newSideBar ul .exhale .fixed_icon_zixun{background-position: 0 -98px;} .newSideBar ul li .icon{margin-top: 10px;} .newSideBar ul li .t{display: block;line-height: 20px;margin-top: 7px;} .newSideBar .hideDiv{position: absolute;display: none;} .newSideBar .tel{width: 170px;height: 37px;top:30px;right: 60px;display: none;background: url(../images/tel_bg.png) no-repeat;box-sizing: border-box;} .newSideBar .tel .tit{font-size: 16px;} .newSideBar .tel .phone{text-align:left;padding-left:10px;line-height:37px;color: #fff;font-size: 18px;font-weight: bold;} .newSideBar .tel .inputPhone{margin-top:10px;width:160px;height:25px;line-height: 25px;margin-right: 10px;border:1px solid #CCCCCC; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;box-sizing: border-box;padding:0 5px;} .newSideBar .tel .inputBtn{margin-top:10px;width:100px;height:25px;line-height: 25px;border:1px solid #1577E4; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;box-sizing: border-box;padding:0 5px;color: #1577E4;cursor: pointer;background: #fff;} .newSideBar .weixin{width: 112px;height: 87px;overflow: hidden;top:0;right: 60px;display: none;} .newSideBar .weixin img{width: 100%;height: auto;} .newSideBar ul .top{cursor: pointer;height: 45px;background: #BFBFBF;padding-bottom: 0;display: none;} .newSideBar ul .top:hover{background: #BFBFBF; } .newSideBar ul .top .arrow{display: inline-block;width:27px;height:13px;margin:8px 15px 0;background: url(../images/fixed_icons.png) 0 -130px no-repeat;} .newSideBar ul li.top .t{font-size: 12px;font-weight:bold;text-transform: uppercase;margin-top: 0;color: #850007;} .newSideBar ul .exhale:hover .hideDiv{display: block;} .newSideBar ul .exhale:hover i{display: block;} /*翻页*/ .digg { width:100%; text-align:center; margin:0 auto 20px; } .digg span { display:inline-block; padding:10px 0; } .digg span.disabled { border:1px solid #e1e2e3; border-radius:18px; padding:6px 2%; margin:0 0.4%; color:#d92017; background:#f8f8f8; display:inline-block; } .digg span.current { padding:6px 2%; border-radius:18px; margin:0 0.4%; color:#4c4c4c; font-weight:bold; border:1px solid #e1e2e3; color:#d92017; background:#f8f8f8; display:inline-block; } .digg a { display:inline-block; padding:6px 2%; border-radius:18px; margin:0 0.4%; border:1px solid #e1e2e3; color:#d92017; background:#f8f8f8; text-decoration:none; }