body{} .COM-WIDTH {width: 1000px; margin: 0px auto; position: relative;} .FLOATFIX { clear: both; width: 0; height: 0px; margin: 0; padding: 0; border: none; overflow: hidden; font-size: 0px;} .ULFIX { overflow: auto; zoom: 1;} .wrap{ width:100%; position:relative;} /*顶部区域*/ .header {} .htop { height: 25px; line-height: 25px; background-color: #EFEFEF;} .htop-r { float: right;} .htop-r span { margin: 0px 15px;} .htop-rimg { float: right; margin-left: 15px; margin-top: 3px;} .htop-l { float: left;} .hmenu { position: relative;} .logoimg { position: absolute; background: url(../images/logo.png) no-repeat; width: 152px; height: 107px; top: 20px; left:19px;} .htel { float: right; width: 780px;} .htelimg { float: right; background: url(../images/tel2.gif) no-repeat; width: 311px; height: 105px;} .hteltext { position:absolute; left:180px; top:15px; width: 300px; text-align: center;color: #1E9C05; font-weight: bold;} .hteltext1 { font-size: 25px;} .hteltext2 { font-size: 14px;} .hteltext3 { font-size: 16px;} .hmenu-text { position: absolute; top: 105px; left:0px; } .hmenu-text ul li { float: left; width: 110px; height: 45px; line-height: 45px; text-align: center; font-size: 16px; border-right: 1px solid #41C028;} .hmenu-text ul li a { color: #fff;} .hmenu-serch { background: url(../images/menu_bg.png) no-repeat; width: 100%; height: 81px;} .serch-text { position: absolute; top: 55px; left: 220px; } .serch-text span { font-weight: bold; color: #fff;} .serch-text a { color: #fff; margin-left: 20px;} .serch-ser { background: url(../images/search_bg.png) no-repeat; width: 213px; height: 23px; position: absolute; top: 53px; left: 780px; padding-left: 35px;} .ftext-serch-ser { border: none; margin-top: 2px; padding: 1px; width: 150px;} .btn-serch-ser { border: none; background: url(../images/search_1_bg.png) no-repeat; width: 39px; height: 23px; cursor: pointer;} /*中部区域*/ .main{ margin-top: 39px;} .mbanner {} .mbanner .mslider{ width: 100%; margin:0 auto; position:relative; overflow:hidden; height:500px; background:#000; } .mbanner .mslider .bd{ position:relative; z-index:0; } .mbanner .mslider .bd li{ height:500px; overflow:hidden; } .mbanner .mslider .bd li img{ display:block; } .mbanner .mslider .timer{ position:absolute; z-index:1; left:0; bottom:0; height:4px; width:0; background:#000; filter:alpha(opacity=40);opacity:0.4; font-size:0; overflow:hidden; } .maid { background: url(../images/maid_bg.png) no-repeat top center; width: 100%; height: 851px;} .maid .aidlogo { position:absolute; top: 220px; left: 30px; background: url(../images/logo_2.png) no-repeat; width: 174px; height: 147px;} .maid .aidmenu { position:absolute; top: 370px; left: 30px;} .maid .aidmenu p { font-size: 20px; border-bottom: 1px solid #A2A2A2; height: 25px; line-height: 25px; padding: 5px 0px; font-weight: bold;} .maid .aidmenu ul li { background: url(../images/li_1_bg.png) no-repeat; width: 175px; height: 36px; text-align: center; font-size: 16px; line-height: 36px;} .maid .aidmenu ul li:hover,.maid .aidmenu ul li.cur { background: url(../images/li_1_cur_bg.png) no-repeat;} .maid .aidshow { position:absolute; top: 200px; left: 240px; width: 750px; height: 570px; } .maid .aidshow ul li { border: 1px solid #1EB100; width: 230px; height: 260px; float: left; padding: 2px; margin-right: 5px; margin-bottom: 10px;} .maid .aidshow ul li p { background-color: #1EB100; color: #fff; text-align: center; display: black; height: 30px; line-height: 30px;} .manalysis { background: url(../images/box_2_bg.png) no-repeat top center; width: 100%; height: 1253px;} .manalysis .analysis-text1 { position:absolute; top: 320px; left: 157px; width: 350px; font-size: 14px; color: #2E302F;} .manalysis .analysis-text2 { position:absolute; top: 460px; left: 157px; width: 350px; font-size: 14px; color: #2E302F;} .manalysis .analysis-text3 { position:absolute; top: 600px; left: 157px; width: 350px; font-size: 14px; color: #2E302F;} .manalysis .analysis-text4 { position:absolute; top: 880px; left: 25px; width: 410px; font-size: 14px; color: #2E302F;} .mconsultative { background: url(../images/banner_bg.png) no-repeat top center; width: 100%; height: 298px; } .mconsultative .consultative-link { position:absolute; top: 120px; right: 0px; font-size: 20px; font-weight: bold; padding: 7px 15px; background-color: #FF1700; color: #fff; display: block;} .mcaption { background: url(../images/banner_1_bg.png) no-repeat top center; width: 100%; height: 565px; color: #fff; position: relative; top: -98px; left: 0px;} .mcaption .caption-text1 { position: absolute; top: 265px; left: 230px; width: 72px;} .mcaption .caption-text2 { position: absolute; top: 170px; left: 300px; width: 72px;} .mcaption .caption-text3 { position: absolute; top: 115px; left: 410px; width: 90px;} .mcaption .caption-text4 { position: absolute; top: 115px; left: 530px; width: 72px;} .mcaption .caption-text5 { position: absolute; top: 170px; left: 645px; width: 72px;} .mcaption .caption-text6 { position: absolute; top: 265px; left: 710px; width: 72px;} .mmoney { background: url(../images/banner_2_bg.png) no-repeat top center ; width: 100%; height: 681px;} .mmoney .money-text1 { position: absolute; top: 300px; left: 50px; width: 260px; height: 82px; font-size: 16px;} .mmoney .money-text2 { position: absolute; top: 300px; left: 385px; width: 260px; height: 82px; font-size: 16px;} .mmoney .money-text3 { position: absolute; top: 300px; left: 710px; width: 260px; height: 82px; font-size: 16px;} .mmoney .money-text4 { position: absolute; top: 520px; left: 55px; width: 260px; height: 82px; font-size: 16px;} .mmoney .money-text5 { position: absolute; top: 520px; left: 385px; width: 260px; height: 82px; font-size: 16px;} .mmoney .money-text6 { position: absolute; top: 520px; left: 710px; width: 260px; height: 82px; font-size: 16px;} .mimgshow {} .mimgshow .imgshow-le { background: url(../images/tit_1_bg.png) no-repeat top center; width: 100%; height: 101px;} .mimgshow .picScroll{ margin:0px auto; position:relative; border:1px solid #eee; width:1000px; border: 5px solid #F8A809; background:#fff; overflow:hidden; } .mimgshow .picScroll ul{ overflow:hidden; zoom:1; } .mimgshow .picScroll ul li{ float:left; overflow:hidden; border: 3px solid #F8A809; } .mimgshow .picScroll ul li img{ width:272px; height:163px; display:block; background:url(../images/loading.gif) center center no-repeat; } .mway { background: url(../images/main_1_bg.png) no-repeat top center; width: 100%; height: 1110px;} .way-red { color: red;} .mway ul li { background: url(../images/tit_li_bg.png) no-repeat left center; text-indent: 15px; line-height: 25px;} .mway .way-textbox1 { position: absolute; top: 190px; left: 50px;} .mway .way-textbox1 .way-text-img { background: url(../images/tit_2_bg.png) no-repeat; width: 400px; height: 70px;} .mway .way-textbox2 { position: absolute; top: 380px; left: 50px;} .mway .way-textbox2 .way-text-img { background: url(../images/tit_3_bg.png) no-repeat; width: 400px; height: 70px;} .mway .way-textbox3 { position: absolute; top: 690px; right: 25px;} .mway .way-textbox3 .way-text-img { background: url(../images/tit_4_bg.png) no-repeat; width: 400px; height: 70px;} .mway .way-textbox4 { position: absolute; top: 880px; right: 25px;} .mway .way-textbox4 .way-text-img { background: url(../images/tit_5_bg.png) no-repeat; width: 400px; height: 70px;} .mmarket {} .mmarket .market-top { background: url(../images/banner_3_bg.png) no-repeat; width: 100%; height: 150px; position: relative; top: -12px; left: 0px;} .mmarket .market-con {} .mmarket .market-con .market-conr { float: right;} .mmarket .market-con .market-conr .conr-img { background: url(../images/title_bg.png) no-repeat; width: 497px; height: 53px;} .mmarket .market-con .market-conr .conr-img .conr-img-left { position: absolute; top: 165px; left: 520px;} .mmarket .market-con .market-conr .conr-img .conr-img-text { font-size: 18px; color: #59C43A; font-weight: bold; position: absolute; top: 160px; left: 570px;} .mmarket .market-con .market-conr .conr-text { width: 470px; margin-top: 20px;} .mmarket .market-con .market-conr .conr-text .conr-text-img { margin-left: 30px;} .mmarket .market-con .market-conr .conr-text .conr-text-img ul li { float: left; margin-right: 10px; margin-bottom: 10px; margin-top: 10px;} .mmarket .market-con .market-conr .conr-text .conr-text-img img { width: 75px; height: 82px;} .mmarket .market-con .market-conl { float: left; background: url(../images/thumb_bg.png) no-repeat; width: 478px; height: 323px;} .mvantage { margin-top: 30px; height: 620px;} .mvantage .vantage-top { background: url(../images/item_tit_bg.png) no-repeat; width: 100%; height: 80px;} .mvantage .vantage-con { height: 450px; width: 100%;} .mvantage .vantage-con .vantage-con-img { background: url(../images/tit_thumb_bg.png) no-repeat; width: 359px; height: 359px; position: absolute; top: 150px; left: 300px;} .mvantage .vantage-con .con-text-red1 { color: #CA2921; text-align: right;} .mvantage .vantage-con .con-text-red2 { color: #CA2921;} .mvantage .vantage-con .vantage-con-text1 { position: absolute; top: 120px; left: -40px;} .mvantage .vantage-con .vantage-con-text1 .text-img1 { background: url(../images/tit_7.png) no-repeat; width: 100%; height: 39px;} .mvantage .vantage-con .vantage-con-text1 p { width: 348px; } .mvantage .vantage-con .vantage-con-text2 { position: absolute; top: 280px; left: -40px;} .mvantage .vantage-con .vantage-con-text2 .text-img2 { background: url(../images/tit_8.png) no-repeat; width: 100%; height: 39px;} .mvantage .vantage-con .vantage-con-text2 p { width: 292px;} .mvantage .vantage-con .vantage-con-text3 { position: absolute; top: 450px; left: -40px;} .mvantage .vantage-con .vantage-con-text3 .text-img3 { background: url(../images/tit_9.png) no-repeat; width: 100%; height: 39px;} .mvantage .vantage-con .vantage-con-text3 p { width: 348px;} .mvantage .vantage-con .vantage-con-text4 { position: absolute; top: 120px; right: 0px;} .mvantage .vantage-con .vantage-con-text4 .text-img4 { background: url(../images/tit_10_bg.png) no-repeat; width: 100%; height: 39px;} .mvantage .vantage-con .vantage-con-text4 p { width: 352px;} .mvantage .vantage-con .vantage-con-text5 { position: absolute; top: 280px; right: 0px;} .mvantage .vantage-con .vantage-con-text5 .text-img5 { background: url(../images/tit_11_bg.png) no-repeat; width: 100%; height: 39px;} .mvantage .vantage-con .vantage-con-text5 p { width: 290px;} .mvantage .vantage-con .vantage-con-text6 { position: absolute; top: 450px; right: 0px;} .mvantage .vantage-con .vantage-con-text6 .text-img6 { background: url(../images/tit_12_bg.png) no-repeat; width: 100%; height: 39px;} .mvantage .vantage-con .vantage-con-text6 p { width: 350px;} .mtel { } .tel-img { background: url(../images/tel.png) no-repeat; width: 750px; height: 113px; margin: 0 auto;} .mensure { margin-top: 60px; height: 450px;} .mensure .ensure-top { background: url(../images/title_1_bg.png) no-repeat; width: 783px; height: 91px; margin: 0 auto;} .mensure .ensure-r { float: right; font-size: 18px;} .mensure .ensure-r span { color: #D51E10;} .mensure .ensure-r .ensure-r-img { background: url(../images/tit_1.png) no-repeat; width: 22px; height: 275px; position: absolute; top: 120px; right: 460px; } .mensure .ensure-r .ensure-r-text1 { position: absolute; top: 118px; left: 555px;} .mensure .ensure-r .ensure-r-text2 { position: absolute; top: 175px; left: 555px;} .mensure .ensure-r .ensure-r-text3 { position: absolute; top: 222px; left: 555px;} .mensure .ensure-r .ensure-r-text4 { position: absolute; top: 265px; left: 555px;} .mensure .ensure-r .ensure-r-text5 { position: absolute; top: 320px; left: 555px;} .mensure .ensure-r .ensure-r-text6 { position: absolute; top: 370px; left: 555px;} .mensure .ensure-l { float: left; background: url(../images/thumb.png) no-repeat; width: 504px; height: 225px; margin-top: 60px;} .mensure2 { height: 620px;} .mensure2 .ensure2-top { background: url(../images/title_2_bg.png) no-repeat; width: 430px; height: 141px; margin: 0 auto;} .mensure2 .ensure2-r { float: right; background: url(../images/logo2.png) no-repeat; width: 436px; height: 296px; margin-top: 50px; margin-right: 80px;} .mensure2 .ensure2-l span { color: #D51E10;} .mensure2 .ensure2-l { float: left; font-size: 18px;} .mensure2 .ensure2-l .ensure2-img { background: url(../images/tit_2.png) no-repeat; width: 22px; height: 322px; position: absolute; top: 200px; left: 10px;} .mensure2 .ensure2-l .ensure2-text1 { position: absolute; top: 197px; left: 50px;} .mensure2 .ensure2-l .ensure2-text2 { position: absolute; top: 248px; left: 50px;} .mensure2 .ensure2-l .ensure2-text3 { position: absolute; top: 298px; left: 50px;} .mensure2 .ensure2-l .ensure2-text4 { position: absolute; top: 348px; left: 50px;} .mensure2 .ensure2-l .ensure2-text5 { position: absolute; top: 392px; left: 50px;} .mensure2 .ensure2-l .ensure2-text6 { position: absolute; top: 447px; left: 50px;} .mensure2 .ensure2-l .ensure2-text7 { position: absolute; top: 500px; left: 50px;} .mmap { background: url(../images/main_3_bg.png) no-repeat top center; width: 100%; height: 725px; border: 1px solid #fff; overflow:hidden; border-left: none; border-right: none;} .mmap .mapr { position: absolute; top: 0px; right: -40px;} .mmap .mapl { position: absolute; top: 12px; left: 0px;} .mservice {} .mservice .serviceimg { position: relative; top: -7px; left: 0px;} .mabout { background: url(../images/main_6_bg.png) no-repeat; width: 100%; height: 1450px; margin-top: 30px;} .mabout .about-title { padding: 20px 0; margin: 0 auto; text-align: center;} .mabout .about-title .about-title1 { font-size: 25px; color: #2AAC0E; font-weight: bold; line-height: 50px;} .mabout .about-title .about-title2 { font-size: 14px; color: #AEAEAE; font-weight: bold;} .mabout .about-text { float: right; width: 360px; margin-right: 70px; display: inline; } .mabout .about-text p { font-weight: bold; font-size: 16px; line-height: 40px;} .mabout .about-text a { color: #20B80B;} .mabout .about-video { float: left; width: 470px; margin-left: 70px; display: inline;} .mabout .show { margin-top: 20px;} .mabout .show .show-title { font-size: 18px; color: #18B700; font-weight: bold; display: inline; padding-right: 5px; margin-left: 70px; border-bottom: 3px solid #969696; padding-bottom: 5px;} .mabout .show span { font-size: 18px; color: #8F8F8F; border-bottom: 1px solid #DBDBDB; padding-bottom: 7px;} .mabout .show .picScroll2{ margin:20px auto; position:relative; width:1000px; overflow:hidden; } .mabout .show .tempWrap { width: 870px; margin: 0 auto;} .mabout .show .picScroll2 .prev { display: block; background: url(../images/back.png) no-repeat; width: 20px; height: 47px; position:absolute; top:40px; left: 40px;} .mabout .show .picScroll2 .next{ display:block; position:absolute; top:40px; right:40px; width: 20px; height: 47px; background:url(../images/next.png) no-repeat;} .mabout .show .picScroll2 ul{ overflow:hidden; zoom:1; } .mabout .show .picScroll2 ul li{ width:195px; float:left; overflow:hidden; padding:0 10px; text-align: center; line-height: 35px;} .mabout .show .picScroll2 ul li img{ width:195px; height:132px; display:block; background:url(images/loading.gif) center center no-repeat; } .mabout .abouttel { background: url(../images/abouttel.png) no-repeat; width: 947px; height: 93px;} .mabout .picScroll3{ margin:20px auto; position:relative; width:990px; } .mabout .picScroll3 .tempWrap { margin: 0 auto;} .mabout .picScroll3 .prev { display: block; background:url(../images/back_1.png) no-repeat; width: 67px; height: 73px; position:absolute; top:120px; left: -70px;} .mabout .picScroll3 .next{ display:block;background:url(../images/next_1.png) no-repeat; width: 67px; height: 73px; position:absolute; top:120px; right: -60px;} .mabout .picScroll3 ul{ overflow:hidden; zoom:1; padding:0px 15px; } .mabout .picScroll3 ul li{ width:452px; float:left; border: 1px solid #E1E1E1; padding:5px; margin-right:15px; position:relative; } .mabout .picScroll3 ul li img{ width:452px; height:326px; display:block; background:url(../images/loading.gif) center center no-repeat; } .mabout .picScroll3 ul li .txt { width:235px; height:145px; position:absolute;left:5px; bottom:5px; opacity:0.6; background:#000; padding:10px; } .mabout .picScroll3 ul li .txt span { opacity:1; color:#FFF;} .mabout .about-title2 { margin: 0 auto;width: 835px; text-align: center;} .mabout .about-title2 .title2-1 { color: #1AB000; font-size: 23px; font-weight: bold;} .mabout .about-title2 .title2-2 { color: #979797; font-size: 16px;} .mabout .about-title2 .title2img { background: url(../images/tit_bg.png) no-repeat; width: 835px; height: 6px; margin: 0 auto;} .mabout .picScroll4{ margin:20px auto; position:relative; width:1000px; overflow:hidden; } .mabout .tempWrap { width: 870px; margin: 0 auto;} .mabout .picScroll4 .prev { display: block; background: url(../images/back.png) no-repeat; width: 20px; height: 47px; position:absolute; top:50px; left: 20px;} .mabout .picScroll4 .next{ display:block; position:absolute; top:50px; right:30px; width: 20px; height: 47px; background:url(../images/next.png) no-repeat;} .mabout .picScroll4 ul{ overflow:hidden; zoom:1; } .mabout .picScroll4 ul li{ width:211px; float:left; overflow:hidden; padding:5px; text-align: center; line-height: 35px; margin:0 30px;} .mabout .picScroll4 ul li img{ width:211px; height:160px; display:block; background:url(images/loading.gif) center center no-repeat; } .mlawn { background: url(../images/banner_bg2.png) no-repeat; width: 100%; height: 81px;} .mfaq { margin-top: 20px;} .mfaq .faqr { float: right; background: url(../images/111.png) no-repeat; height: 411px; width: 250px;} .mfaq .faql { float: left;} .mfaq .faql .tips { float: left; width: 340px;} .mfaq .faql .first { margin-right: 30px;} .mfaq .faql .tips .titile { color: #28AB0F; padding-bottom: 5px; border-bottom: 3px solid #969696; display: inline-block; font-size: 20px; font-weight: bold; padding-right: 10px;} .mfaq .faql .tips span { color: #8E8E8E; padding-bottom: 9px; border-bottom: 1px solid #E0E0E0; font-size: 18px;} .mfaq .faql .tips .show { margin-top: 20px; padding-bottom: 10px; border-bottom: 1px dotted #C8C8C8;} .mfaq .faql .tips .show .showl { float: left; width: 130px;} .mfaq .faql .tips .show .showr { float: right; width: 170px; margin-left: 40px; } .mfaq .faql .tips .show .showr p { color: #14B800; line-height: 25px; font-weight: bold;} .mfaq .faql .tips .show .showr .more { float: right; } .mfaq .faql .tips .show .showr .more a { color: #14B800; } .mfaq .faql .tips ul { margin-top: 20px;} .mfaq .faql .tips ul li { line-height: 30px; text-indent: 20px; background: url(../images/li_bg.png) no-repeat left center;} .mfaq .faql .time { float: right; color: #A1A1A1; } .mfaq .faqr .mafqbox { float: right; width: 240px;} .mfaq .faqr .titile { margin-left: 10px; color: #28AB0F; padding-bottom: 5px; border-bottom: 3px solid #969696; display: inline-block; font-size: 20px; font-weight: bold; padding-right: 10px;} .mfaq .faqr span { color: #8E8E8E; padding-bottom: 9px; border-bottom: 1px solid #E0E0E0; font-size: 18px;} .mfaq .faqr .mafqbox .aqbox {margin-top: 10px;} .mfaq .faqr .mafqbox .aqbox .text1 { background: url(../images/faq1.gif) no-repeat 10px center; text-indent: 20px; height: 18px; line-height: 18px; width: 28px; float: left;} .mfaq .faqr .mafqbox .aqbox .text2 { text-align: left; background: url(../images/faq2.gif) no-repeat 10px top; text-indent: 20px; line-height: 28px; width: 28px; height: 18px; float: left;} .mfaq .faqr .mafqbox .aqbox .text3 { width: 180px; float: left;} .txtMarquee-top{ width:220px; overflow:hidden; position:relative;} .txtMarquee-top .bd{ padding:15px; height: 300px;} .txtMarquee-top .infoList li{ width: 220px; margin-bottom: 10px;} .txtMarquee-top .infoList li .date{ float:right; color:#999; } .txtMarquee-top .infoList li table {width: 180px;} .txtMarquee-top .infoList li table td { line-height:22px;} .mlink { margin-top: 20px; background: url(../images/linkbg.png) no-repeat; width: 100%; } .mlink .linkbox { padding-top: 50px;} .mlink .linkr { float: right; width: 780px; border-left: 1px solid #D8D8D8; height: 104px;} .mlink .linkr a { margin: 0 25px; font-size: 14px; height: 40px; line-height: 40px;} .mlink .linkl { float: left; background:url(../images/link.gif) no-repeat; width: 125px; height: 104px; margin-left: 20px;} .mlink .linkimg { background: url(../images/link_1_bg.png) no-repeat; width: 960px; height: 21px; position: absolute; top: 170px; left: 10px;} /*底部区域*/ .footer { padding-top: 60px;} .fmenu { height: 36px; background-color: #1EB101;} .fmenubox { margin: 0 auto; width: 620px; text-align: center;} .fmenu ul li { float: left; line-height: 36px; height: 36px;} .fmenu ul li a { color: #fff;} .fmenu ul li span { margin: 0 20px; color: #fff;} .flogobox { margin: 30px auto; width: 630px; } .flogor { float: right; width: 455px;} .flogor p { height: 28px; line-height: 28px;} .flogol { float: left; background: url(../images/logo.png) no-repeat; width: 152px; height: 107px;}