html{ background:#fff; color:#666666; overflow-x:hidden;} body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,form,input,textarea,p{margin:0 auto;padding:0;} img{border:0;} ol,ul,li{list-style:none;} h1,h2,h3{font-weight:normal;font-size:100%;} q:before,q:after{content:'';} abbr,acronym{border:0;font-variant:normal;} sup{vertical-align:text-top;} sub{vertical-align:text-bottom;} input,textarea,select{font-weight:inherit;font-size:inherit;font-family:inherit;} input,textarea,select{*font-size:100%;} legend{color:#000;} a{color:inherit;text-decoration:none;} /*******CSS reset*************/ body{ background:#fff; color:#666666; font-size:14px; font-family:'寰蒋闆呴粦';} a{ color:#666666;} a:hover{color:#0059d3;} @media screen and (min-width:640px){ .all{ width:640px; margin:0 auto; } .rightnav{ width:22.5em !important; } .afPopup{ width:640px; } } /*******CSS reset*************/ .f12{font-size:12px;} .f16{font-size:16px;} .bold{font-weight:bold;} .white{color:#fff;} .left{float:left;} .right{float:right;} .t_r{text-align:right;} .clear{clear:both;} .relative{position:relative;} .absolute{position:absolute;} .rel_center{position:relative;} .hidden{display:none;} .jj_pic{ float:left; margin:0 10px 0 0;} .nr_pic{ text-align:center; position:relative; width:100%;} .red{ color:#f00; font-weight:bold; padding-left:10px;} .nr_red{ color:#f00; font-weight:bold;} .scale:hover img { transform: scale(1.1, 1.1);} .scale img{ transition:transform 1s ease 0s} #indexNews{ height: auto; overflow: hidden; margin-top: 10px;} #indexNews li { height: 52px; line-height: 52px; background: url(../image/xwicon.png) no-repeat left center; padding-left: 30px; border-bottom: 1px solid #d9d9d9; transition:0.3s all 0s linear; color: #575757;} #indexNews li a{ display: block; float: left; width: 75%; color: #585858; white-space: nowrap; text-overflow:ellipsis; overflow: hidden; transition:0.3s all 0s linear;} .Newstime { float: right; color:#a9a9a9; font-size:0.8em;} #indexNews li:hover a{ color: #0059d3;} #indexNews li:hover{ border-bottom: 1px dashed #0059d3;} #lxwm_nr { margin: 0 20px 20px; font-size:14px;} #lxwm_nr p { line-height: 35px; border-bottom: 1px dotted #ccc; padding-left: 20px;} #prev_next{ border-top:1px solid #f0f0f0; margin-top:10px; padding-top:5px;} #prev_next li{ padding-left:10px; height:30px; line-height:30px;} .imgB { width: 100%; top: 0; left: 0; position: relative; opacity: 1;} .imgT { width: 100%;top: 0;left: 0; position: absolute; -webkit-transform: scale(5); -moz-transform: scale(5); -ms-transform: scale(5); -o-transform: scale(5); transform: scale(5); -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; opacity: 0; } #cpnr li:hover .imgT{ opacity: 0.5; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } #con_lx{ height:auto; padding: 0 !important; overflow:hidden; line-height:30px; font-size:14px; margin-bottom:2%;} #con_lx p{ border-bottom:1px dotted #ccc; line-height:30px; transition:0.3s all 0s linear; } #con_lx p:hover{ background:#efefef; color:#000; border-bottom:1px solid #ccc;} /** header **/ #top_line_bj{ height: 30px; background: #f6f6f6; width:100%;} #top_line{ width:1200px; height: 30px; line-height: 30px; color: #000;} #top_index{ max-width: 1200px; height:auto; padding: 0 0 1%; position: relative;} #logo{ float:left; padding:30px 0 0;} #logo1{ text-align: center; padding: 3% 0;} #logo1 img{ width: 98%;} #top_index .right{ position: absolute; top: 2%; right: 5%;} #top_pic{ float: left; padding: 25px 20px 0 80px;} #top_pic1{ float: left; padding: 25px 0 0 20px;} #top_tel{ float: right; min-height: 52px; background: url(../image/tel.png) no-repeat left top; text-align: right; padding: 20px 0 0 48px; color: #c70000; font-size: 30px; font-family: impact; line-height: 30px; margin-top: 50px;} #nav_bj{ width:100%; height: 62px; background: #0268b4;} #nav{ width:1200px; height: 62px;} #nav a{ display: block; float: left; color: #fff; font-size: 18px; width: 150px; height: 62px; line-height: 62px; text-align: center; transition: 0.3s;} #nav a:hover{ background: #D41218; color: #fff;} #rightnav{ display: none;} #pageslide { display:none; width:22.25em;height:100%; background:#024794; position: fixed;top: 0; z-index: 999999; } .rightnav{ z-index:9999 !important; width:22.25em !important;height:100%; background:#024794; /*box-shadow: 10px 0 10px rgba(0, 0, 0,0.3 ) inset;*/ } .rightnav > *{ padding-top:2.2em; width: 74%; margin: 0 auto; } .nav-in a{ color:#ffffff; font-size:1.25rem; line-height:3rem; text-align: center; display:block; } .nav-in a:visited{ color:#fffffe; } .nav-in li{ text-align:center; padding:0; overflow: hidden; border-bottom: 1px solid #fce10b; } .nav-in li:first-child{ border-top: none; } #sj_nav{ width:100%; background: #025ed6; height: 108;} #sj_nav a{ display:block; float:left; width: 25%; border-bottom: 1px solid #679ee6; background: url(../image/nav_line.png) no-repeat right top; height:54px; line-height:54px; font-size: 16px; text-align:center; color:#fff !important;} #ssbj{ height: 83px; width:100%; background: #025ed6;} #ssnr{ width:1200px; height: 83px;} #ssnr .left{ color: #fff; font-size: 13px; width: 25%;} #ssnr .left .pic{ float: left; padding: 20px 0 0 0;} #ssnr .left .font{ float: left; line-height: 25px; padding: 16px 0 0 10px;} #ssnr .left .font p{ font-weight: bold; font-size: 16px; margin: 0;} #ssnr1{ float: right; height: 55px; margin-top: 13px;} #ssnr1 p{ color: #fff; padding-top: 5px;} #ssnr1 p a{ color: #fff; padding-right: 10px;} #ssnr1 p a:hover{ color: #ff0;} .ss{ width:290px; height:30px;} .sou_left{float:left; background: none; border: 1px solid #2c79dd; width:235px; height:28px; text-align:left; color:#fff; line-height:28px; padding-left:10px;} .ss_pic{ float:right;} /** footer **/ #end_nr_bj{ background: #1b1b1b; width: 100%; height: auto; overflow: hidden; border-bottom: 10px solid #0059d3;} #end_nr_bj .main{ padding: 20px 0 20px 400px; min-height: 130px; background: url(../image/end_logo.png) no-repeat left center;} #end_nr_bj .main .left{ color: #fff; line-height: 20px !important;} #end_nr_bj .main .left a{ color: #fff; font-weight: normal !important;} #end_nr_bj .main .left a:hover{ color: #ff0;} #end_nav{ height: 60px; width:1200px; border-bottom: 1px solid #464646; } #end_nav a{ display: block; width: 170px; text-align: center; font-size: 16px; float: left; height: 57px; line-height: 57px; color: #959595;} #end_sj{ background: #1b1b1b; width: 100%; height: auto; overflow: hidden; border-bottom: 5px solid #0059d3; text-align: center; color: #fff; padding: 2% 0 2%;} #end_sj a{ color: #fff;} /** main **/ .main{ max-width: 1200px !important; height:auto; overflow:hidden; padding: 2% 0 2%; line-height: 30px;} #pro_index{ text-align: center; padding: 0;} #pro_index li{ display: inline-block; transition: 0.3s; background: #0268b4; padding: 0 5%; width: 100%; margin-bottom: 2%; height: 50px; text-align: center; line-height: 50px; font-size:17px; } #pro_index li a{ color: #fff;} #pro_index li:hover{ background: #ececec;} #pro_index li:hover a{ color: #1e1e1e;} #sj_pro_index{ text-align: center;} #sj_pro_index li{ display: inline-block; text-align: center; width: 100%;} #sj_pro_index li a{ display: block; width: 100%; height: 140px; overflow: hidden;} #sj_pro_index li img{ max-width: 100%; height: auto;} #sj_pro_index li p{ line-height: 30px; background: #eeeeee; text-align: center; font-size: 16px; font-weight: bold; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;} #scroolZone li{ width:358px; background: #f0f0f0; border: 1px solid #f0f0f0; float:left; margin:0 20px 20px 0; text-align:center; transition:all 0.3s linear 0s;} #scroolZone li img{ width:358px; } #scroolZone li:hover{ background: #0268b4; color: #fff;} #scroolZone li p{ height: 35px; line-height: 35px;} #gg{ background: url(../image/gg.jpg) no-repeat center; width: 100%; height: auto; padding: 14% 0;} #gg .main{ width: 240px; color: #fff; padding: 10px 0 0 960px;} #gg .main p{ font-size: 34px; font-weight: bold;} .ljzx{ width: 140px; height: 45px; font-size:18px; padding-top:5px; line-height: 30px; text-align: center; float: left; margin-top: 10px; border-radius: 5px; border: 2px solid #fff; transition: 0.3s; color: #fff;} .ljzx:hover{ background: #fea803; border-radius: 0; border: 2px solid #fea803;} #gg_1{ background: url(../image/ysbj.jpg) no-repeat center top; width: 100%; height: auto; text-align: center; padding: 2% 0;} #gg_1 img{ width: 90%;} #gg_2{ background: url(../image/gg111.jpg) no-repeat center top; width: 100%; height: auto;} #gg_2 img{ width: 100%;} .title_index{ width: 100%; text-align: center; padding-bottom: 3%;} .title_index img{ max-width: 80%;} #ysbj{ background:#f0f0f0 center bottom; width: 100%; height: auto; overflow: hidden;} #ysnr{ max-width: 1200px; height: auto; overflow: hidden;} #ysnr .pic{ text-align: center;} #ysnr .pic img{ max-width: 100%;} #ysnr .font {} #ysnr .font .bt{ color: #0c0c0c; font-size: 2em; border-bottom: 1px solid #cdcdcd; line-height: 35px; padding-bottom: 5px;} #ysnr .font ul{ padding: 20px 0;} #ysnr .font li{ color: #232323; padding-bottom: 10px; background: url(../image/ysicon.png) no-repeat left 5px; line-height: 30px; padding-left: 20px;} #ysnr .font li span{ color: #025ed6;} #gg1{ background: url(../image/gg1.jpg) no-repeat center; width: 100%; height: 240px;} #gg1 .main{ padding: 50px 0 0;} #gg1 .main .left{ color: #fff; padding-left: 20px; line-height: 25px;} #gg1 .main .left p{ font-size: 30px;} #gsjj_pic img{ width: 100%;} #gsjj img{ max-width: 100%;} #marqueedivcontrol{width:720px; height:180px; overflow:hidden; margin: 0 auto; float:left;} #marqueedivcontrol li{ float:left; overflow: hidden; width:226px; height:168px; border: 1px solid #ccc; margin-right:20px; text-align:center; transition:0.3s all 0s linear;} #marqueedivcontrol li a{ display: block; overflow: hidden; width:224px; height:168px;} #marqueedivcontrol li img{ max-width:224px; height:168px; } .cpgd{width:1476px;} #gsjj .content{ padding: 10px 0; font-size: 16px; line-height: 36px;} .more{ width: 150px; height: 40px; background: #0059d3; line-height: 40px; text-align: center; color: #fff; font-size: 16px; float: left; border-radius: 10px; margin-top: 20px;} .blue{ background: #0059d3; width: 100%; height: auto; overflow: hidden;} #marqueedivcontrola{width:1200px; height:400px; overflow:hidden; margin: 0 auto; float:left;} #marqueedivcontrola li{ float:left; overflow: hidden; width:289px; height:400px; background: #fff; margin-right:20px; text-align:center; transition:0.3s all 0s linear;} #marqueedivcontrola li a{ display: block; overflow: hidden; width:287px; height:215px; border: 1px solid #ccc;} #marqueedivcontrola li img{ max-width:300px; height:310px; } .cpgda{width:2163px;} #marqueedivcontrola li:hover{ background: #fea803; color: #fff;} #marqueedivcontrola li:hover a{ color: #fff;} #marqueedivcontrolq{width:1200px; height:255px; overflow:hidden; margin: 0 auto; float:left;} #marqueedivcontrolq li{ float:left; overflow: hidden; width:289px; height:250px; background: #eeeeee; margin-right:20px; text-align:center; transition:0.3s all 0s linear;} #marqueedivcontrolq li a{ display: block; overflow: hidden; width:287px; height:215px; border: 1px solid #ccc;} #marqueedivcontrolq li img{ width:287px; height:215px; } .cpgdq{width:2781px;} #marqueedivcontrolq li:hover{ background: #fea803; color: #fff;} #marqueedivcontrolq li:hover a{ color: #fff;} #xwdt{} .title{ height: 58px; line-height: 58px; background: #0268b4;} .title .left{ color: #fff; font-size: 18px; height: 50px; line-height: 58px; padding: 0 30px;} .title .right{ color: #fff; padding-right: 10px;} .title .right a{ color: #fff;} .title .right a:hover{ color: #ff0;} #cjwd{ } #xw_pic{ } #xw_pic img{ width: 100%;} #xw_font{ line-height: 25px;} #xw_font a{ display: block; font-weight: bold; font-size: 16px; width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;} #xw_font .Newstime{ float: none !important; font-size: 12px; color: #ccc; font-family: arial;} #xw_font p{ color: #999; line-height: 23px;} #in_news{width: 100%;height: auto; margin:0 auto;} #in_news li{width: 100%;height: auto; margin:0 auto; padding-bottom: 2%;margin-bottom: 2%;border-bottom: dotted 1px #dcdcdc;position: relative;} #in_news li .news_more{width: 30px;height: 30px;position: absolute;right: 0;top:0;} #in_news li .news_more a{display: block;width: 30px;height: 30px;background: url(../images/news_more.png) center no-repeat;} #in_news li .news_title{ height: 37px; text-align: left; line-height: 37px; font-weight: bold;color: #2957b7;font-size: 1.3em; white-space: nowrap;text-overflow:ellipsis;overflow: hidden; } #in_news li .news_info{ line-height: 25px; color: #4d4d4d;font-size: 1em;} #in_news li .news_time{ line-height: 50px; text-align: center; font-weight: normal !important; border:solid 1px #ececec; color: #2e2e2e;font-size: 0.5em; padding: 0 !important; margin: 0 !important;} #in_news li .right{ padding: 0 0 0 2% !important;} #in_news li .news_time span{display: block; margin:0 auto; width: 100%; background: #2957b7; height: 54px;text-align: center;line-height: 54px;color: #fff;font-weight: bold;font-size: 4.5em; transition: 0.3s;} #in_news li:hover .news_time span{background: #cf0006} #in_news li:hover .news_title{color: #d91a04} #in_news li a{display: block;} /** sidebar **/ #sidebar{ padding: 0 !important;} #main_right{} .content{ padding: 20px 0; line-height: 25px;} #content_zy{ line-height: 30px; padding: 2% 0;} #zi_banner{ width:1200px; height: 300px; background: url(../image/banner.jpg) no-repeat center;} #pro_list li{ height:55px; line-height:55px; background:url(../image/left_icon.png) no-repeat 25px center #025ed6; padding-left: 60px; border-bottom: 1px solid #fff; font-size: 16px; transition: 0.3s;} #pro_list li a{ color: #fff;} #pro_list li:hover{ background: url(../image/left_icon.png) no-repeat 25px center #333333;} #pro_list li:hover a{ color: #fff;} #pro_list1 li{ height:40px; line-height:40px; background: #025ed6; text-align: center; transition: 0.3s; padding: 0 !important; margin-bottom: 2%; font-size: 16px;} #pro_list1 li a{ color: #fff;} #pro_list1 li:hover{ background: #333333;} #pro_list1 li:hover a{ color: #fff;} #lxwm_left{ background: #eeeeee; padding: 20px 10px; color: #232323;} #lxwm_left p{ font-family: impact; color: #d80000; font-size: 32px;} #zxzx{ height: 40px; background: #025ed6; text-align: center; line-height: 40px; font-size: 16px; color: #fff; margin-top: 10px;} #zxzx a{ color: #fff;} .product_left{} .product_left img{ width: 100%; max-height: 300px;} .product_right{float:right; line-height:2.0; width: 485px; height:auto; overflow:hidden;} .pro_namelb{ line-height:35px; background: #333; height: 35px; color: #fff; padding-left: 40px;} #rx{ float:left; margin-top:30px; width: 450px;} #rx p{ font-size:18px; font-weight: bold; color: #323232; border-bottom: 1px solid #c8c8c8;} #ckxq1{ background:url(../image/dg.png) no-repeat 4% center; height:34px; line-height:34px; text-align:center; color:#5b5b5b; float:left; margin-top:15px; margin-right:10px; border: 1px solid #5b5b5b; padding-left: 20px; transition:0.3s all 0s linear;} #ckxq2{ background:url(../image/zx.png) no-repeat 4% center; height:34px; line-height:34px; text-align:center; color:#5b5b5b; float:right; margin-top:15px; margin-right:10px; border: 1px solid #5b5b5b; padding-left: 20px; transition:0.3s all 0s linear;} .pro_name1{ color:#323232; font-size:18px; font-weight: bold;} #ckxq1:hover{ background: url(../image/dg.png) no-repeat 30px center #666;} #ckxq1:hover a{ color: #fff;} #ckxq2:hover{ background: url(../image/zx.png) no-repeat 15px center #666;} #ckxq2:hover a{ color: #fff;} #xw_bt1{ height:49px; border-bottom: 1px solid #e5e5e5; margin-top: 30px;} #xw_bt1 a{ width:155px; height:45px; text-align:center; line-height:45px; display:block; float:left; color:#000; font-size:15px; border-right: 2px solid #e5e5e5; border-top: 4px solid #fff; transition:0.3s all 0s linear;} #xw_bt1 a span{ padding: 12px 20px 0 0;} #xw_bt1 a.current{width:155px; border-top: 4px solid #323232; background: none !important; border-right: 2px solid #e5e5e5; padding: 0 !important;} .article{ padding:10px 0 0; line-height:2.0;} .article img{ max-width: 100%; display: block; margin: 0 auto;} #xw_bt1 .xw_gc:hover{ border-top: 4px solid #323232;} .pro2 li{float:left; margin:0 1px 0; width:110px; height:72px; text-align:center;} .pro2 img{ width:108px; height:70px; border: 1px solid #dddddd; transition:0.3s all 0s linear;} .pro2 a{color:#000; font-size:12px;} .pro2 li:hover img{ border: 1px solid #39354c; } .dgnr{ background: url(../image/dgpic.png) no-repeat right center; line-height: 2.0; padding: 20px 0 30px; color: #999999;} #cpms{ border-bottom: 1px dashed #ccc; border-top: 1px dashed #ccc; padding: 10px 0 0;} #cpms span{ color: #cc0000;} #cpbt{ background: #025ed6; margin: 20px 0 10px; color: #fff; font-size: 24px; text-align:center; padding: 20px 0;} #cpbt p{ font-family: arial;} #marqueedivcontrols{width:235px; height:650px; background: #fff; overflow:hidden; margin:0 auto; text-align:center; } #marqueedivcontrols li{ overflow: hidden; width:225px; height:220px; color: #000; text-align:center; transition:0.3s all 0s linear;} #marqueedivcontrols li a{ display: block; overflow: hidden; width:225px; height:176px; margin-bottom: 5px; text-align:center; } #marqueedivcontrols li img{ width:225px; height:176px; } .cpgds{width:235px;} /** zy **/ .n_detailCon{ height:auto!important; overflow:hidden!important; overflow:visible;} .n_detailCon li{ width:100%; height:155px; margin:0 0 10px 0; padding: 10px 0; border-bottom: 1px dotted #ccc; } .n_detailCon li a{ height:155px; width:100%; display:block; padding-top: 10px;} .n_detailCon li a:hover{ background: #fffad8;} .n_detailPic{ width:210px; float:left; margin-left:10px;} .n_detailR{ width:680px; float:right; margin-right:10px;} .n_detailTitle{ height:30px; width:100%;} .n_detailTitle span{ font-size:16px; color:#000; display:block; float:left; font-weight:bold;} .n_detailTitle small{ font-size:12px; float:right; display:block; color:#222222;} .n_detailNr{ width:100%; padding:5px 0; line-height:25px; color:#6b6b6b;} .n_time{ background:url(../image/time.jpg) left no-repeat; text-indent:25px; line-height:25px; height:25px; color:#a8a8a8; font-size:16px;} /************************************/ .page{margin:10px 20px 15px 0;} .page a{display:inline-block;height:18px;line-height:18px;border:1px solid #dbdbdb;padding:0 2px 0;} .page a:hover{background:#404040;color:#fff;border:none;height:20px;line-height:20px;padding:0 3px 0;} .current {padding:0 6px 0;height:18px;line-height:18px;background:#404040;color:#fff;} /***************global*****************/ .pro{ padding-top: 2%;} .pro li{ overflow:hidden; text-align:center;white-space:nowrap; margin-bottom: 2%; transition:all 0.3s linear 0s;} .pro li .li-img{ width:100%; background: #fff;} .pro li img{ max-width:100%; max-height: 254px;} .pro li p{ line-height: 30px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } .pro li:hover{ background: #333; } .pro a{color:#444;} .pro a:hover{color:#fff; text-decoration: none;} .pro1{ padding-top: 2%;} .pro1 li{ overflow:hidden; text-align:center; width: 100%; margin-bottom: 2%; transition:all 0.3s linear 0s;} .pro1 li .li-img{ width:100%; height: 140px; overflow: hidden; background: #fff;} .pro1 li img{ max-width:100%; height: auto;} .pro1 li p{ line-height: 20px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;} .pro1 li:hover{ background: #333;} .pro1 a{color:#444;} .pro1 a:hover{color:#fff;} /*************index&goods**************/ .news{} .news li{ height:39px;border-bottom:1px dotted #cdcdcd;text-indent:1em;line-height:39px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } .news li:before{color:#e40413;content:'鈻燶00a0\00a0\00a0';vertical-align:2px;} .news li:hover{background-color:#f6f6f6;} .news a:hover{color:#da020d;} /****************news*****************/ .news_title{color:#da020d;text-align:center;line-height:40px;} .meta{color:#999;text-align:center;line-height:28px; border:1px solid #f0f0f0; background:#fbfbfb; margin-bottom:10px;} /***********news_info**************/ .jobs li{ height:auto; margin:23px 18px 18px 28px;border-bottom:1px dotted #666; position:relative;} .jobs a{ position:absolute; right:0; top:0;float:right;width:71px;height:34px;color:#fff;text-align:center;line-height:34px; display:block; background:#f00;} .jobs strong{color:#da020d;} .jobs p{/*margin:6px 0 -134px 156px;*/line-height:35px;} /***************jobs***************/ .rel_center{ text-align:center; left:50%;} .pro_name{display:block;color:#da020d;text-align:center; font-size: 18px;} .info_title{ height:35px;background:#ececec; margin-top: 20px;} .info_title b{display:inline-block; padding: 0 20px; height:100%; border-right:1px solid #fff; background:#fea803; color:#fff; line-height:35px;} .info_title a{margin:8px;width:15px;height:15px;background-position:0 -426px;} /********goods_info&jobs_info*******/ /*.order{margin:20px 0 20px 80px;line-height:40px;} .order img{vertical-align:-5px;cursor:pointer;} #submit{width:55px;height:29px;color:#000;cursor:pointer; background:url(../image/button.gif) none center;}*/ .order_index{ margin-top: 20px;} .order_index input{ border: none; border-bottom: 1px solid #e3e3e3; height: 40px; line-height: 40px; width: 300px; color: #666666; padding-left: 30px;} .order_index textarea{ border: none; border-bottom: 1px solid #e3e3e3; background:url(../image/ly4.png) no-repeat left 5px; padding-left: 30px; line-height: 30px; width: 1170px; margin-top: 30px; color: #666666;} /**************order&message********/ #banner{position:relative;overflow:auto;} #banner li {float:left;} .banner .dots li.active { background: #fff; opacity: 1; } .banner .dots li { display: inline-block; width: 10px; height: 10px; margin: 0 4px; text-indent: -999em; border: 2px solid #fff; border-radius: 6px; cursor: pointer; opacity: .4; -webkit-transition: background .5s, opacity .5s; -moz-transition: background .5s, opacity .5s; transition: background .5s, opacity .5s; } /*sitemap*/ /*.mesmore{margin-top:5px;} .mesmore:hover{color:#da020d;text-decoration:underline;}*/ .sitemap{ width:996px; float:left; /*border:3px solid #f0f0f0;*/ margin-top:10px; margin-bottom:10px;} .m1{ height:20px; line-height:20px; margin-top:20px; margin-left:20px;} .m2{ margin-left:20px; margin-top:20px; line-height:25px;} .m2 span{ font-size:14px; font-weight:bold;} .m2t{ border:1px solid #f0f0f0; width:800px; padding-left:4px; margin-top:2px; padding:10px; margin-bottom:20px;} .m2t ul{} .m2t ul li{ list-style-type:none; float:left; width:150px;} .m2t ul li a:hover{ color:red} .f{ float:right; margin-right:10px; _margin-top:7px;} .absproduct h3{color: #D41218;} .left a{color: #fff;}