@charset "utf-8"; /*v2.1.2*/ body{font-family: "\5FAE\8F6F\96C5\9ED1",arial; font-size: 12px; letter-spacing:0px;} body, select, input, textarea {color: #626776;} a{color: #626776; text-decoration: none; -webkit-transition:all 0.2s linear; -moz-transition:all 0.2s linear; -o-transition:all 0.2s linear; -ms-transition:all 0.2s linear; transition:all 0.2s linear;} a:hover {color: #f50426;} ::-moz-selection{background: #f50426; color: #fff; text-shadow: none;} ::-moz-selection {background: #f50426; color: #fff; text-shadow: none;} a:link {-webkit-tap-highlight-color: #fcd700;} ins {background-color: #fcd700; color: #000; text-decoration: none;} mark {background-color: #fcd700; color: #000; font-style: italic; font-weight: bold;} input:-moz-placeholder { color:#a9a9a9; } textarea:-moz-placeholder { color:#a9a9a9; } div{ color:black;} .fl{float: left;} .fr{float: right;} /*@media screen and (max-width: 480px) {}*/ /*@media print {}*/ #nav{width: 100px; position: absolute; left: 0px; top: 50%; margin-top: -152px; z-index: 100;} #nav .navTop{height: 5px; background: url("http://www.yp-9.com/css/../images/sys/section1/ico.png") 0px -100px no-repeat;} #nav .navMid ul li, #nav .navMid ul li dl{width: 100%; height: 36px;} #nav .navMid ul li{margin-bottom: 1px; position: relative;} #nav .navMid ul li dl dt, #nav .navMid ul li dl dd div{width: 100px; height: 36px; background: url("http://www.yp-9.com/css/../images/sys/sectionBg/opacity075.png") 0px 0px repeat; overflow: hidden;} #nav .navMid ul li dl a{display: block; width: 100%; height: 100%; text-align: center; line-height: 36px; overflow: hidden;} #nav .navMid ul li dl dt a.active{color: #f50426;} #nav .navMid ul li dl dd{position: absolute; padding-left: 1px; left: 100px; top: 0px; z-index: 9999999; /*display: none;*/ overflow: hidden; height: 36px;} #nav .navMid ul li dl dd div{position: absolute; top: 0px;} #nav .navBot{height: 5px; background: url("http://www.yp-9.com/css/../images/sys/section1/ico.png") 0px -120px no-repeat; margin-top: -1px;} #nav a{color: #fff;} #nav a:hover{color: #f50426;} .msgBtn{width: 170px; height: 80px; position: absolute; background: url("http://www.yp-9.com/css/../images/sys/sectionPublic/consult_btn.gif") -5px -104px no-repeat;} .msgBtn a{display: block; width: 100%; height: 40px;} .section1slide1Btn{left: 770px; top: 448px;} .section1slide2Btn{left: 50%; margin-left: -68px; top: 470px;} .section1slide3Btn{left: 432px; top: 430px;} .section1slide4Btn{left: 246px; top: 327px; background: url("http://www.yp-9.com/css/../images/sys/sectionPublic/consult_btn.gif") 0px 0px no-repeat; height: 92px;} .section1slide5Btn{left: 200px; top: 390px;} .section2slide1Btn{left: 50%; margin-left: -85px; top: 196px;} .section2slide2Btn{left: 90px; top: 437px;} .section2slide3Btn{left: 100px; top: 442px;} .section3slide2Btn{left: 408px; top: 463px;} .section3slide3Btn{left: 50%; margin-left: 180px; top: 442px;} .section4slide1Btn{left: 50%; margin-left: -85px; top: 442px;} .section4slide2Btn{right: 0px; top: 0px;} .section4slide3Btn{right: 0px; top: 0px;} .section5slide1Btn{left: 464px; bottom: 0px;} .section6slide1Btn{left: 50%; margin-left: -85px; top: 442px;} .section{overflow: hidden; position: relative;} .section .secBg{position: absolute; left: 50%; top: 50%; width: 2880px; height: 1430px;} .section .secBg ul, .section .secBg ul li, .section .secBg ul li img{width: 100%; height: 100%;} .section .secBg .secGrid{width: 100%; height: 100%; background: url("http://www.yp-9.com/css/../images/sys/sectionBg/grid.png") 0px 0px repeat; position: absolute; left: 0px; top: 0px;} .section .secBg .secGrid2{width: 100%; height: 100%; background: url("http://www.yp-9.com/css/../images/sys/sectionBg/grid_section1slide5.png") 0px 0px repeat; position: absolute; left: 0px; top: 0px;} .section .secBg ul{position: relative;} .section .secBg ul li{position: absolute; left: 0px; top: 0px; display: none;} .section .secCot{width: 1000px; height: 550px; position: absolute; left: 50%; top: 50%; margin-left: -500px; margin-top: -257px; overflow: hidden;} .section .secCot ul.secCotWrapp{height: 550px; position: absolute; left: 0px; top: 0px;} .section .secCot ul.secCotWrapp li.secSlide{width: 1000px; height: 550px; float: left; background-color: rgba(5,200,255,0); margin-right: 300px; position: absolute; left: 0px; top: 0px; display: none;} .section .secBtn{width: 50px; height: 94px; position: absolute; top: 50%; margin-top: -48px; background: url("http://www.yp-9.com/css/../images/sys/sectionPublic/slide_trip.png") 0px 0px no-repeat; cursor: pointer; display: none;} .section .secBtnL{left: 74px; background-position: left 0px;} .section .secBtnR{right: 74px; background-position: right -100px;} .section .secDot{height: 40px; line-height: 40px; width: 100%; position: absolute; left: 0px; top: 50%; margin-top: 280px; text-align: center;} .section .secDot span{padding: 8px; background: url("http://www.yp-9.com/css/../images/sys/sectionPublic/switch_dot.png") 0px -50px no-repeat; cursor: pointer; margin: 0px 3px; *display: inline-block;} .section .secDot span.curr{background-position: 0px 0px;} .section .secDot{display: none;} .section1 .secDot{display: block;} /*section1*/ .section1 .secTopNav{height: 100px; width: 100%; background: url("http://www.yp-9.com/css/../images/sys/sectionBg/opacity025.png") 0px 0px repeat; position: absolute; top: 0px; left: 0px; z-index: 99;} .section1 .secTopNav .secTopWrapp{width: 1000px; margin: 0px auto; position: relative;} .section1 .secTopNav h1{width: 160px; height: 90px; position: absolute; left: 0px; top: 0px; overflow: hidden;} .section1 .secTopNav .logoDesp{width: 300px; height: 44px; line-height: 1.5em; color: #000; position: absolute; left: 170px; top: 36px; font-family: lucida sans unicode; font-size:15px;} .section1 .secTopNav .topTel{width: 238px; height: 60px; line-height: 22px; color: #fff; position: absolute; right: 0px; top: 26px; padding-left: 70px;} .section1 .secTopNav .topTel .topTelTxt1{font-size: 15px; color: #f50426; height: 30px; line-height: 30px; font-family: lucida sans unicode;} .section1 .secTopNav .topTel .topTelTxt2{margin-top: 2px; color: #000; font-family: lucida sans unicode; font-size:15px;} .section1 .secTopNav .topTel .topTelTxt2 a{float: left; margin-right: 10px;} .section1 .secTopNav .topTel .topTelTxt2 span{float: left; margin-top: 2px;} .section1 .secTopNav .topTel .topTelSwf{width: 90px; height: 80px; position: absolute; left: -2px; top: 0px;} .section1 .slide1{font-size: 14px;} .section1 .slide1 .slide1Tit1{font-size: 36px; color: #000000; height: 40px; line-height: 40px; font-weight:bold; padding-left: 202px; padding-top: 87px; font-family: lucida grande;} .section1 .slide1 .slide1Tit2{font-size: 30px; color: #f50426; height: 40px; line-height: 40px; margin-top: 8px; padding-left: 202px; font-family: lucida grande;} .section1 .slide1 .slide1Txt1{color: #000; margin-top: 14px; padding-left: 202px; font-size:15px; font-family: lucida sans unicode; line-height:1.5em;}
      .section1 .slide1 .slide1Brain{width: 340px; height: 279px; background: url("/templets/default/img/slide1_brain.png") 0px 0px no-repeat; position: absolute; left: 388px; top: 235px;} .section1 .slide1 .slide1Dot{width: 10px; height: 10px; background: url("http://www.yp-9.com/css/../images/sys/section1/ico.png") 0px -260px no-repeat; position: absolute; left: 606px; top: 400px;} .section1 .slide1 .slide1Txt2{width: 170px; height: 60px; line-height: 30px; color: #000; left: 202px; top: 260px; position: absolute; font-family: lucida sans unicode; font-size:15px; line-height:1.5em; z-index:10;} .section1 .slide1 .slide1Txt2 span{padding:0px 5px; margin-right: 5px; background-color: #f50426;} .section1 .slide1 .slide1Txt3{width: 244px; height: 60px; line-height: 30px; color: #000000; left: 768px; top: 340px; position: absolute; font-family: lucida sans unicode; font-size:15px; line-height:1.5em; z-index:10; } .section1 .slide1 .slide1Txt3 span{padding:0px 5px; margin-right: 5px; background-color: #f50426;} .section1 .slide1 .slide1Line{width: 146px; height: 53px; background: url("http://www.yp-9.com/css/../images/sys/section1/ico.png") 0px -200px no-repeat; position: absolute; left: 344px; top: 274px;} .section1 .slide1 .slide1Line2{width: 146px; height: 53px; background: url("http://www.yp-9.com/css/../images/sys/section1/ico.png") 0px -140px no-repeat; left: 610px; top: 352px;} .section1 .slide2{font-size: 14px;} .section1 .slide2 .slide2Wrapp{padding-left: 202px;} .section1 .slide2 .slide2Tit2{font-size: 36px; color: #f50426; height: 40px; line-height: 40px; font-weight: bold; padding-top: 100px;} .section1 .slide2 .slide2Txt2{color: #fff; margin-top: 14px; line-height: 32px;} .section1 .slide2 .slide2Pic{background: url("http://www.yp-9.com/css/../images/sys/section1/slide2_pic1.png") 0px 0px no-repeat; position: absolute; width: 202px; height: 68px; left: 596px; top: 55px} .section1 .slide3{font-size: 14px;} .section1 .slide3 .slide3Wrapp{padding-left: 202px;} .section1 .slide3 .slide3Tit1{font-size: 36px; color: #f50426; height: 40px; line-height: 40px; font-weight: bold; padding-top: 90px;margin-bottom: 30px;} .section1 .slide3 .slide3Tit1 span{color: #0afbd8; font-weight: bold;} .section1 .slide3 .slide3List{height: 50px; line-height: 50px; color: #fff; font-size: 22px; padding-left: 40px; background: url("http://www.yp-9.com/css/../images/sys/section3/slide3_ico.png") 0px 0px no-repeat;} .section1 .slide3 .slide3List span{color: #FCFF00;} .section1 .slide3 .slide3List1{background-position: 0px 16px;} .section1 .slide3 .slide3List2{background-position: 0px -33px;} .section1 .slide3 .slide3List3{background-position: 0px -87px;} .section1 .slide3 .slide3List4{background-position: 0px -135px;} .section1 .slide3 .slide3List5{background-position: 0px -185px;} .section1 .slide3 .slide3Tit2{color: #fff000; font-size: 24px; height: 34px; line-height: 34px; padding-left: 34px; background: url("http://www.yp-9.com/css/../images/sys/section1/slide3_bg.png") 0px 3px no-repeat; margin-top: 33px;} .section1 .slide3 .slide3TitBg2{background-position: 0px -97px;} .section1 .slide3 .slide3Tit3{height: 22px; line-height: 22px; color: #fff000; font-size: 18px; text-indent: 30px;} .section1 .slide3 .slide3Tit4{color: #fff; line-height: 30px; width: 416px;} .section1 .slide4{font-size: 14px;} .section1 .slide4 .slide4Wrapp{padding-left: 202px;} .section1 .slide4 .slide4Tit1{font-size: 36px; color: #f50426; line-height: 50px; font-weight: bold; padding-top: 100px;} .section1 .slide4 .slide4Tit2{color: #fcff00; font-size: 24px; height: 34px; line-height: 34px; margin-top: 10px;} .section1 .slide4 .slide4Tit3{height: 30px; line-height: 30px; color: #fff; font-size: 15px; margin-top: 16px;} .section1 .slide4 .slide4Img{left: 595px; top: 164px; position: absolute;} .section1 .slide5{font-size: 14px;} .section1 .slide5 .slide5Wrapp{padding-left: 202px; position: relative;} .section1 .slide5 .slide5Wrapp .slide5Tit1{height: 46px; line-height: 46px; font-size: 36px; color: #1ab5a6; font-weight: bold; padding-top:70px;} .section1 .slide5 .slide5Wrapp .slide5Tit2{height: 46px; line-height: 46px; font-size: 36px; color: #f50426; font-weight: bold; margin-bottom: 25px;} .section1 .slide5 .slide5Wrapp .slide5Txt1{line-height: 24px; color: #626776; margin-bottom:18px;} .section1 .slide5 .slide5Wrapp .slide5Txt1 span{padding:0px 5px; margin-right: 5px; background-color: #f50426; color: #fff;} .section1 .slide5 .slide5Pic{width: 597px; height: 260px; position: absolute; left: 370px; top: 211px; background: url("http://www.yp-9.com/css/../images/sys/section1/slide5_pic1.png") 0px 0px no-repeat;} /*section2*/ .section2 .slide1Bg1{width: 50%; height: 300px; position: absolute; bottom: 0px;} .section2 .slide1BgL{left: 0px; background-color: #000; filter: Alpha(opacity=35); -moz-opacity: 0.35; opacity: 0.35;} .section2 .slide1BgR{right: 0px; background-color: #000; filter: Alpha(opacity=55); -moz-opacity: 0.55; opacity: 0.55;} .section2 .slide1 .slide1FixTit{height: 40px; line-height: 40px; font-size: 36px;} .section2 .slide1 .slide1FixTit span{font-weight: bold;} .section2 .slide1 .slide1FixTit .slideTitL{width: 50%; float: left; text-align: right; color: #f50426;} .section2 .slide1 .slide1FixTit .slideTitL span{padding-right: 14px;} .section2 .slide1 .slide1FixTit .slideTitR{float: left; color: #000000;} .section2 .slide1 .slide1FixTit .slideTitR span{padding-left: 22px;} .section2 .slide1 .slide1Txt1{line-height: 34px; font-size: 16px; color: #fff; text-align: center; margin-top: 20px;} .section2 .slide1 .slide1Txt{font-size: 14px; color: #fff; position: absolute; width: 460px; top: 354px;} .section2 .slide1 .slide1Txt h3{height: 34px; line-height: 34px; font-size: 30px;} .section2 .slide1 .slide1Txt2{left: 0px;} .section2 .slide1 .slide1Txt2 h3{color: #fff000;} .section2 .slide1 .slide1Txt2 p{margin-top: 8px; line-height: 24px;} .section2 .slide1 .slide1Txt3{right: 0px;} .section2 .slide1 .slide1Txt3 h3{color: #0afbd8;} .section2 .slide1 .slide1Txt3 ul{margin-top: 10px;} .section2 .slide1 .slide1Txt3 ul li{width: 206px; float: left; height: 30px; line-height: 30px; padding-left: 24px; background: url("http://www.yp-9.com/css/../images/sys/section2/slide1_checkMark.png") 0px center no-repeat;} .section2 .slide2 .slide2L{width: 435px; position: absolute; top: 0px; left: 0px;} .section2 .slide2 .slide2L .slide2LTit{font-size: 36px; color: #000; line-height: 58px; font-weight: bold;} .section2 .slide2 .slide2L .slide2LTit div{font-size: 24px; line-height: 40px; font-weight: bold; margin-top: 5px;} .section2 .slide2 .slide2L .slide2LTit strong{color: #f50426;} .section2 .slide2 .slide2L .slide2LImg{padding-left: 2px; padding-top: 50px;} .section2 .slide2 .slide2R{width: 435px; position: absolute; top: 0px; right: 0px; line-height: 30px;} .section2 .slide2 .slide2Box{margin-bottom: 60px;} .section2 .slide2 .slide2Box .slide2Tit{height: 32px; line-height: 32px; font-size: 24px; color:
      #000; background: url("http://www.yp-9.com/css/../images/sys/sectionPublic/boy_small.png") 0px 0px no-repeat; text-indent: 40px;} .section2 .slide2 .slide2Box .slide2Txt{margin-top: 3px;} .section2 .slide2 .slide2Box .slide2Txt .slide2Bold{color: #f58b01; font-size: 14px;} .section2 .slide2 .slide2Box .slide2Analyse{width: 435px; background: url("http://www.yp-9.com/css/../images/sys/section2/slide2_boxBorder.png") 0px 0px no-repeat; padding-top: 22px;} .section2 .slide2 .slide2Box .slide2AnalyseBot{background: url("http://www.yp-9.com/css/../images/sys/section2/slide2_boxBorder.png") -900px bottom no-repeat; padding-bottom: 10px;} .section2 .slide2 .slide2Box .slide2AnalyseMid{background: url("http://www.yp-9.com/css/../images/sys/section2/slide2_boxBorder.png") -450px top repeat; padding: 0px 20px;} .section2 .slide2 .slide2Box .slide2AnalyseMid .slide2Bold2{font-size: 14px; color: #f50426;} .section2 .slide3 .slide3L{width: 435px; position: absolute; top: 0px; left: 0px; line-height: 32px; font-size: 14px;} .section2 .slide3 .slide3L .slide3Txt{margin-bottom: 30px;} .section2 .slide3 .slide3L h2{font-size: 24px; color: #000; height: 32px; line-height: 32px; text-indent: 40px; margin-bottom: 10px; background: url("http://www.yp-9.com/css/../images/sys/sectionPublic/boy_small.png") 0px 0px no-repeat;} .section2 .slide3 .slide3R{width: 435px; position: absolute; top: 0px; right: 0px; line-height: 30px; height: 515px;} .section2 .slide3 .slide3R .slide3Tit{width: 435px; height: 45px; /*background: url("http://www.yp-9.com/css/../images/sys/section2/slide3_pic1.png") 0px 0px no-repeat;*/ position: absolute; left: 0px; bottom: 0px; background-color: #f50426; font-size: 20px; color: #fff; line-height: 44px; text-align: center;} /*section3*/ .section3 .slide1 .slide1Body{width: 100%; height: 100%; position: absolute; left: 0px; top: 0px; display: none;} .section3 .slide1 .slide1Body1{color: #fff; line-height: 28px; font-size: 14px;} .section3 .slide1 .slide1Body1 h1{font-size: 36px; color: #f50426; height: 40px; line-height: 40px; font-weight: bold; margin-bottom: 50px;} .section3 .slide1 .slide1Body1 img{float: left; margin-right: 30px;} .section3 .slide1 .slide1Body1 h3{font-size: 24px; color: #fff000; height: 26px; line-height: 26px; margin-bottom: 12px;} .section3 .slide1 .slide1Body2 h1{font-size: 36px; color: #f50426; height: 40px; line-height: 40px; font-weight: bold; margin-bottom: 28px;} .section3 .slide1 .slide1Body2 h1 span{font-size: 22px; color: #fff000; margin-left: 22px;} .section3 .slide1 .slide1Body2 ul{width: 1200px;} .section3 .slide1 .slide1Body2 ul li{width: 280px; height: 380px; -webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; overflow: hidden; float: left; margin-right: 80px;} .section3 .slide1 .slide1Body2 ul li img{display: block;} .section3 .slide1 .slide1Body3 h1{font-size: 36px; color: #f50426; height: 40px; line-height: 40px; font-weight: bold; margin-bottom: 28px;} .section3 .slide1 .slide1Body3 h1 span{font-size: 22px; color: #fff000; margin-left: 22px;} .section3 .slide1 .slide1Body3 ul{width: 1200px;} .section3 .slide1 .slide1Body3 ul li{width: 280px; height: 380px; -webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; overflow: hidden; float: left; margin-right: 80px; background-color: #fff;} .section3 .slide1 .slide1Body3 ul li img{display: block;} .section3 .slide1 .slide1Body3 ul li h5{height: 30px; line-height: 30px; width: 234px; margin: 15px auto 8px; font-size: 16px; text-align: center;} .section3 .slide1 .slide1Body3 ul li .slideBody3Txt{line-height: 22px; width: 234px; margin: 0px auto;} .section3 .slide1 .slide1Body3 ul li .slideBody3Btn{width: 92px; height: 20px; background: url("http://www.yp-9.com/css/../images/sys/section3/slide1_moreBg.png") 0px 0px no-repeat; margin: 0px auto; margin-top: 14px;} .section3 .slide1 .slide1Body3 ul li .slideBody3Btn a{display: block; width: 100%; height: 100%; line-height: 18px; color: #fff; text-align: center; font-size: 14px;} .section3 .slide1 .slide1Switch{width: 574px; height: 38px; line-height: 34px; position: absolute; left: 50%; margin-left: -287px; top: 480px; background: url("http://www.yp-9.com/css/../images/sys/section3/slide1_switchBg.png") 0px -50px no-repeat;} .section3 .slide1 .active2{background-position: 0px 0px;} .section3 .slide1 .active3{background-position: 0px -100px;} .section3 .slide1 .slide1Switch ul{width: 600px;} .section3 .slide1 .slide1Switch ul li{width: 191px; height: 38px; font-size: 14px; text-align: center; float: left; cursor: pointer;} .section3 .slide1 .slide1Switch ul li.active{color: #fff;} .section3 .slide2 .slide3L{width: 566px; position: absolute; top: 0px; left: 0px; line-height: 32px; color: #fff; font-size: 14px;} .section3 .slide2 .slide3L h1{font-size: 36px; color: #f50426; height: 40px; line-height: 40px; font-weight: bold;} .section3 .slide2 .slide3L h2{font-size: 18px; color: #fff000; line-height: 30px; margin: 16px 0px 30px;} .section3 .slide2 .slide3L .slide3Btn{width: 257px; height: 33px; background: url("http://www.yp-9.com/css/../images/sys/section3/slide2_btnBg.png") 0px 0px no-repeat; position: absolute; left: 142px; top: 469px; line-height: 33px; text-align: center;} .section3 .slide2 .slide3L .slide3Btn a{display: block; width: 100%; height: 100%; color: #fff;} .section3 .slide2 .slide3R{width: 373px; height: 515px; position: absolute; right: 0px; top: 0px;} .section3 .slide2 .slide3R .slide3Scroll{width: 373px; height: 515px; position: relative; overflow: hidden;} .section3 .slide2 .slide3R .slide3Scroll ul{height: 515px; position: absolute; left: 0px; top: 0px;} .section3 .slide2 .slide3R .slide3Scroll ul li{height: 515px; width: 373px; float: left;} .section3 .slide2 .slide3R .slide3Btn2Bg{position: absolute; width: 314px; height: 20px; background: url("http://www.yp-9.com/css/../images/sys/section3/slide2_btn2Line.png") 0px center no-repeat; left: 50%; margin-left: -157px; top: 474px;} .section3 .slide2 .slide3R .slide3Btn2{position: absolute; height: 20px; right: 36px; top: 474px;} .section3 .slide2 .slide3R .slide3Btn2 span{display:inline; display: block; width: 20px; height: 20px; float: left; background: url("http://www.yp-9.com/css/../images/sys/section3/slide2_btn2.png") 0px -50px no-repeat; margin-left: 4px; line-height: 20px; text-align: center; color: #fff; font-family:lucida sans unicode; font-size: 14px; font-weight: bold; cursor: pointer;} .section3 .slide2 .slide3R .slide3Btn2 span.curr{background: url("http://www.yp-9.com/css/../images/sys/section3/slide2_btn2.png") 0px 0px no-repeat;} .section3 .slide2 .slide2Alert{display: none;} .section3 .slide2 .slide2Alert .slide2AlertTit{font-size: 36px; color: #f50426; height: 40px; line-height: 40px; font-weight: bold;} .section3 .slide2 .slide2Alert .slide2AlertTit2{font-size: 24px; color: #fff000; height: 30px; line-height: 30px; margin-top: 12px;} .section3 .slide2 .slide2Alert ul{width:
      1100px; margin-top: 20px;} .section3 .slide2 .slide2Alert ul li{width: 220px; height: 136px; overflow: hidden; float: left; margin-right: 40px; margin-bottom: 6px;} .section3 .slide2 .slide2Alert ul li img{display: block;} .section3 .slide2 .slide2Alert ul li .slide2AlertTxt{line-height: 20px; height: 40px; overflow: hidden; width: 190px; margin: 0px auto; text-align: center; font-size: 14px; padding-top: 8px;} .section3 .slide2 .slide2Alert ul li .slide2AlertTxt a{color: #fff;} .section3 .slide2 .slide2Alert ul li .slide2AlertTxt a:hover{color: #f50426;} .section3 .slide2 .slide2AlertClose{width: 75px; height: 30px; position: absolute; right: 0px; top: 48px; cursor: pointer; background: url("http://www.yp-9.com/css/../images/sys/section3/slide2_close.jpg") 0px 0px no-repeat;} .section3 .slide3{color: #fff; line-height: 30px; font-size: 14px;} .section3 .slide3 h1{font-size: 36px; color: #f50426; height: 40px; line-height: 40px; margin-bottom: 8px; font-weight: bold;} .section3 .slide3 .slide3Txt{margin-bottom: 40px;} .section3 .slide3 ul{width: 1200px; background: url("http://www.yp-9.com/css/../images/sys/section3/slide3_bg2.png") 0px -174px repeat;} .section3 .slide3 ul li{width: 466px; padding-right: 70px; float: left; height: 80px; overflow: hidden; margin-bottom: 63px; line-height: 28px;} .section3 .slide3 ul li a{color: #fff;} .section3 .slide3 ul li a.slide3Img{display: block; width: 120px; height: 80px; float: left; margin-right: 20px;} .section3 .slide4{color: #fff; line-height: 30px; font-size: 14px;} .section3 .slide4 h1{font-size: 36px; color: #f50426; height: 40px; line-height: 40px; font-weight: bold;} .section3 .slide4 .slide4Wrapp{height: 450px; margin-top: 26px; position: relative; background: url("http://www.yp-9.com/css/../images/sys/section3/slide4_ico.png") -226px 0px repeat-y;} .section3 .slide4 .slide4Cot{height: 380px; width: 100%; overflow: hidden; position: absolute; top: 33px; left: 0px;} .section3 .slide4 .slide4Cot .slide4Li:before, .section3 .slide4 .slide4Cot .slide4Li:after{content: "\0020"; display: block; height: 0; overflow: hidden;} .section3 .slide4 .slide4Cot .slide4Li:after{clear: both;} .section3 .slide4 .slide4Cot .slide4Li{zoom: 1; margin-bottom: 26px;} .section3 .slide4 .slide4Cot .slide4Li .slide4Tit{float: left; width: 104px; height: 30px; line-height: 30px; background: url("http://www.yp-9.com/css/../images/sys/section3/slide4_ico.png") -133px 7px no-repeat;} .section3 .slide4 .slide4Cot .slide4Li .slide4Body{float: left; line-height: 30px; width: 888px;} .section3 .slide4 .slide4Btn{width: 19px; height: 19px; position: absolute; left: 66px; background: url("http://www.yp-9.com/css/../images/sys/section3/slide4_ico.png") 0px 0px no-repeat; cursor: pointer;} .section3 .slide4 .slide4BtnL{top: 7px;} .section3 .slide4 .slide4BtnR{top: 424px; background: url("http://www.yp-9.com/css/../images/sys/section3/slide4_ico.png") -100px 0px no-repeat;} /*section4*/ .section4 .slide1 h1{font-size: 36px; color: #f50426; height: 40px; line-height: 40px; font-weight: bold; margin-bottom: 38px;} .section4 .slide1 h1 span{color: #f58b01; font-size: 24px; margin-left: 23px;} .section4 .slide1 ul{width: 1100px;} .section4 .slide1 ul li{width: 472px; height: 140px; margin-right: 56px; float: left; margin-bottom: 60px; position: relative; z-index: 10;} .section4 .slide1 ul li .slide1Img{float: left; margin-right: 21px; position: relative; -webkit-box-shadow: 3px 3px 10px -4px rgba(0,0,0,0.5); -moz-box-shadow: 3px 3px 10px -4px rgba(0,0,0,0.5); -o-box-shadow: 3px 3px 10px -4px rgba(0,0,0,0.5); box-shadow: 3px 3px 10px -4px rgba(0,0,0,0.5);} .section4 .slide1 ul li .slide1Img img{display: block;} .section4 .slide1 ul li .slide1Tit1{height: 24px; font-size: 24px; line-height: 24px; color: #000; overflow: hidden; margin-bottom: 8px;} .section4 .slide1 ul li .slide1Tit1 strong{color: #f50426; font-weight: normal;} .section4 .slide1 ul li .slide1Txt1{font-size: 18px; line-height: 24px; height: 96px; margin-bottom: 4px;} .section4 .slide1 ul li .slide1Txt2{color: #f50426; font-size: 14px;} .section4 .slide1 ul li .slide1Scroll{position: absolute; width: 390px; height: 505px; overflow: hidden; border: 5px #f41030 solid; z-index: 10; left: 128px; top: -78px; background-color: #fff;} .section4 .slide1 ul li .slide1Scroll ul{height: 505px; position: absolute; left: 0px; top: 0px;} .section4 .slide1 ul li .slide1Scroll ul li{width: 390px; height: 505px; margin: 0px;} .section4 .slide1 ul li .slideScrollBtn{position: absolute; width: 30px; height: 60px; overflow: hidden; background: url("http://www.yp-9.com/css/../images/sys/section4/slide1_pic1Btn.png") 0px 0px no-repeat; top: 234px; cursor: pointer; z-index: 12;} .section4 .slide1 ul li .slideScrollL{left: 0px;} .section4 .slide1 ul li .slideScrollR{right: 0px; background-position: 0px -100px;} .section4 .slide2 h1{font-size: 36px; color: #f50426; height: 40px; line-height: 40px; font-weight: bold; padding-bottom: 14px;} .section4 .slide2 h1 span{font-size: 24px; color: #000; margin-left: 20px;} .section4 .slide2 table{width: 98%; height: 460px; border: 1px #626776 solid; font-size: 14px; position: relative;} .section4 .slide2 table th, .section4 .slide2 table td{border: 1px #626776 solid; vertical-align: middle; text-align: center;} .section4 .slide2 table thead th{height: 30px;} .section4 .slide2 table tbody td{width: 150px;} .section4 .slide3 h1{font-size: 36px; color: #f50426; height: 40px; line-height: 40px; font-weight: bold; padding-bottom: 24px;} .section4 .slide3 .slide3Warpp{width: 1000px; height: 451px; overflow: hidden; background-color: #fff; position: relative;} .section4 .slide3 .slide3Warpp .slide3L{width: 580px; height: 430px; padding: 10px 10px 11px 11px; float: left; border-right: 1px #d0d4d4 solid; overflow: hidden;} .section4 .slide3 .slide3Warpp .slide3R{width: 380px; float: right; padding: 0px 11px 0px 0px;} .section4 .slide3 .slide3Warpp .slide3R ul li{height: 92px; overflow: hidden; font-size: 14px; padding: 10px 0px 10px 0px; border-bottom: 1px #dbdedd solid; line-height: 22px;} .section4 .slide3 .slide3Warpp .slide3R .slide4Link{width: 120px; height: 92px; overflow: hidden; float: left; margin-right: 14px;} .section4 .slide3 .slide3Warpp .slide3R .slide4Tit{font-size: 18px;} .section4 .slide3 .slide3Warpp .slide3R .slide4Txt{font-size: 12px; margin-top: 6px;} /*section5*/ .section5 .slide1 .slide1Tit{width: 47px; height: 100%; float: left; background: url("http://www.yp-9.com/css/../images/sys/section5/slide1_titBg.jpg") right top repeat-y;} .section5 .slide1 .slide1Tit li{width: 45px; height: 117px; margin-bottom: 4px; color: #fff; font-size: 22px; background: url("http://www.yp-9.com/css/../images/sys/section5/slide1_ico.png") 0px 0px no-repeat; line-height: 26px; text-align: center; padding-top: 5px; cursor: pointer;} .section5 .slide1 .slide1Tit li a{color: #fff;} .section5 .slide1 .slide1Tit li.active, .section5 .slide1 .slide1Tit li.hover{background: url("http://www.yp-9.com/css/../images/sys/section5/slide1_ico.png")
      0px -150px no-repeat;} .section5 .slide1 .slide1Body{display: none; width: 916px; float: right; height: 100%; overflow: hidden; font-size: 14px;} .section5 .slide1 .slide1Body ul{width: 1100px;} .section5 .slide1 .slide1Body ul li{width: 444px; float: left; margin-right: 26px; margin-bottom: 16px;} .section5 .slide1 .slide1Body ul li dt{height: 24px; line-height: 24px; background: url("http://www.yp-9.com/css/../images/sys/section5/slide1_ico.png") -76px 0px no-repeat; padding-left: 38px; padding-bottom: 12px; border-bottom: 1px #666b7a dotted;} .section5 .slide1 .slide1Body ul li dt a{color: #f50426;} .section5 .slide1 .slide1Body ul li dd{line-height: 26px; background: url("http://www.yp-9.com/css/../images/sys/section5/slide1_ico.png") -76px -264px no-repeat; padding-left: 38px; padding-top: 8px; height: 78px; overflow: hidden;} .section5 .slide1 .slide1Body ul li dd a{color: #626776;} /*section6*/ .section6 .slide1 ul{width: 1200px;} .section6 .slide1 ul li{width: 300px; float: left; height: 438px; overflow: hidden; margin-right: 49px;} .section6 .slide1 ul li h3{height: 30px; line-height: 30px; font-size: 24px; color: #ffffff; text-align: center; background-color: #f50426; margin-bottom: 10px;} .section6 .slide1 ul li h3.h32{background-color: #03c3a7;} .section6 .slide1 ul li h3.h33{background-color: #dc7417;} .section6 .slide1 ul li h3 a{color: #fff;} .section6 .slide1 ul li dt .slide1Link{display:block; width: 300px; height: 150px; overflow: hidden;} .section6 .slide1 ul li dl div{height: 40px; line-height: 40px; padding-left: 12px; background: url("http://www.yp-9.com/css/../images/sys/section6/slide1_liBg.png") left 17px no-repeat;border-bottom: 1px #676b7a dotted; font-size: 14px; overflow: hidden;} .section6 .slide1 ul li dl dt div a{color: #000;} .section6 .slide1 ul li dl dt div a:hover{color: #f50426;} .section6 .secFoot{width: 100%; height: 50px; line-height: 30px; background-color: #fff; position: absolute; bottom: 0px; left: 0px; -webkit-box-shadow: 0px 0px 3px 3px rgba(0,0,0,0.4); -moz-box-shadow: 0px 0px 3px 3px rgba(0,0,0,0.4); -o-box-shadow: 0px 0px 3px 3px rgba(0,0,0,0.4); box-shadow: 0px 0px 3px 3px rgba(0,0,0,0.4);} .section6 .secFoot .secFootWrapp{height: 50px; width: 1000px; margin: 0px auto;} .section6 .secFoot .footL{float: left;} .section6 .secFoot .footR{float: right;} .section6 .secFoot .footR span{margin: 0px 8px;} .section6 .secFoot .footCnzz{float: right; margin-left: 4px; height: 12px; line-height: 12px; padding-top: 9px; padding-right: 130px;} /*consoult*/ .consult{width: 238px; height: 238px; position: fixed; right: -5px; bottom: -5px; z-index: 999999; background: url("http://www.yp-9.com/css/../images/sys/sectionPublic/float/float_bg.png") right bottom no-repeat;} .consult .cstCst{width: 95px; height: 170px; background: url("http://www.yp-9.com/css/../images/sys/sectionPublic/float/float_consult.png") 0px 0px no-repeat; position: absolute; left:0px; bottom: 0px;} .consult .cstCst a{display: block; width: 100%; height: 100%;} .consult .cstBuy{width: 169px; height: 93px; background: url("http://www.yp-9.com/css/../images/sys/sectionPublic/float/float_buy.png") 0px 0px no-repeat; position: absolute; right: 0px; top: 0px; cursor: pointer;} .consult .cstBuy a{display: block; width: 100%; height: 100%;} .consult .cstBoy{width: 95px; height: 105px; position: absolute; top: 80px; left: 134px; background: url("http://www.yp-9.com/css/../images/sys/sectionPublic/float/float_boy.png") 0px 0px no-repeat;} .consult .cstTxt{font-size: 14px; color: #f50426; position: absolute; left: 70px; top: 168px;} .consult .cstTel{font-family: lucida sans unicode; font-size: 25px; font-style: italic; color: #f50426; position: absolute; left: 63px; top: 193px; font-weight: bold;} /*buyForm*/ .buyForm{width: 600px; height: 530px; background-color: #fff; display: none;} .buyForm h5{height: 40px; line-height: 40px; font-size: 36px; width: 400px; margin: 0px auto; padding-top:20px;} .buyForm table{width: 400px; margin: 0px auto; margin-top: 10px;} .buyForm table th{width: 80px; padding-right: 10px; text-align: right; font-size: 14px;} .buyForm table th, .buyForm table td{height: 44px; vertical-align: middle;} .buyForm table th .buyRed{color: #f50426;} .buyForm table td .inputTxt{height: 18px; padding: 3px 0px; border: 1px #ccc solid; width: 260px; text-indent: 5px;} .buyForm .buyTxt{font-size: 18px; width: 400px; margin: 0px auto; margin-top: 8px;} .buyForm .subBtn{width: 100px; height: 30px; background-color: #ee0625; color: #fff; font-size: 14px; border: none; font-family: "\5FAE\8F6F\96C5\9ED1"; cursor: pointer; margin-right: 8px;} .buyForm .reset{background-color: #29cfbf;} /*message*/ .message{width: 600px; height: 530px;} .message h5{height: 40px; line-height: 40px; font-size: 36px; width: 400px; padding-top:20px;} .message table{width: 600px; margin-top: 10px;} .message table th{width: 80px; padding-right: 10px; text-align: right; font-size: 14px;} .message table th, .message table td{height: 44px; vertical-align: middle;} .message table th .buyRed{color: #f50426;} .message table td .inputTxt{height: 18px; padding: 3px 0px; border: 1px #ccc solid; width: 260px; text-indent: 5px;} .message .buyTxt{font-size: 18px; width: 400px; margin-top: 8px;} .message .subBtn{width: 100px; height: 30px; background-color: #ee0625; color: #fff; font-size: 14px; border: none; font-family: "\5FAE\8F6F\96C5\9ED1"; cursor: pointer; margin-right: 8px;} .message .reset{background-color: #29cfbf;} /*inside*/ .inside{color: #fff; line-height: 2.2em; font-size: 14px;} .inside a{color: #fff;} .inside a:hover {color: #f50426;} .inside .sonNav{height: 30px; line-height: 30px; position: absolute; top: 0px; left: 0px;} .inside .sonNav dt{float: left; height: 30px; background-color: #ca132f; padding: 0px 16px; margin-right: 1px;} .inside .sonNav dd{float: left;} .inside .sonNav dd div{float: left; background: url("http://www.yp-9.com/css/../images/sys/sectionBg/opacity055.png") 0px 0px repeat; margin-right: 1px;} .inside .sonNav dd div a{display: block; padding: 0px 22px; height: 30px;} .inside .sonNav dd div a.active, .inside .sonNav dd div a:hover{color: #fff; background-color: #ca132f;} .inside .return{width: 75px; height: 30px; background: url("http://www.yp-9.com/css/../images/sys/inside/return.jpg") 0px 0px repeat; position: absolute; top: 0px; right: 0px;} .inside .return a{display: block; width: 100%; height: 100%;} .inside .position{height: 20px; line-height: 20px; position: absolute; right: 0px; top: 42px;} .inside .position span{color: #afafaf;} .inside .content{width: 1000px; height: 440px; overflow: hidden; position: absolute; left: 0px; top: 75px;} /*contact*/ .inside .contact{width: 1000px; height: 440px;} /*service*/ .editorVideo{width: 380px; height: 280px; background-color: #fff; padding: 12px; float: right; margin-left: 50px;} .editorDownload{width: 120px; height: 35px; background: url("http://www.yp-9.com/css/../images/sys/inside/service_downloadBg.png") 0px 0px no-repeat;
      font-size: 16px; line-height: 34px; text-indent: 42px; margin: 26px 0px 0px 206px;} /*expert*/ .expert .expertImg{width: 280px; height: 418px; overflow: hidden; float: left;} .expert .expertTxt{width: 678px; float: right;} .expert h1{font-size: 36px; margin-bottom: 25px;} .expert .expertRed{color: #f50426;} .expert .expertDetail{margin-top: 25px;} .expert .expertDetail .expertRed{float: left;} .expert .expertDetail .expertYear{float: left; width: 626px;} /*story*/ .story h1{font-size: 36px; color: #0afbd8; font-weight: bold; margin-bottom: 32px;} /*FQA*/ .FQA ul li{margin-right: 26px; margin-bottom: 16px;} .FQA ul li dt{height: 24px; line-height: 24px; background: url("http://www.yp-9.com/css/../images/sys/section5/slide1_ico.png") -76px 0px no-repeat; padding-left: 38px; padding-bottom: 12px; border-bottom: 1px #666b7a dotted;color: #f50426;} .FQA ul li dd{line-height: 26px; background: url("http://www.yp-9.com/css/../images/sys/section5/slide1_ico.png") -76px -264px no-repeat; padding-left: 38px; padding-top: 8px;color: #626776;} .fqaPosition{color: #afafaf;} .fqaPosition a{color: #808d99;} .fqaPosition a:hover{color: #f50426;} .fqaPosition span{color: #afafaf;} /*duty*/ .duty{color: #626776;} .duty a{color: #626776;} .duty a:hover{color: #f50426;} .duty .first{height: 150px; overflow: hidden;} .duty .first .dutyListLink{width: 300px; height: 150px; overflow: hidden; float: left; margin-right: 32px;} .duty .first .dutyTit1{height: 26px; line-height: 26px;} .duty .first .dutyTit1 a{color: #f50426; float: left; font-size: 18px;} .duty .first .dutyTit1 span{float: right; font-family: lucida sans unicode;} .duty .first .dutyTxt1{font-size: 14px; margin-top: 8px;} .duty ul{margin-top: 30px;border-top: 1px #676b7a dotted;} .duty ul li{height: 40px; line-height: 40px; padding-left: 12px; background: url("http://www.yp-9.com/css/../images/sys/section6/slide1_liBg.png") left 17px no-repeat;border-bottom: 1px #676b7a dotted; font-size: 14px; overflow: hidden;} .duty ul li span{float: right; font-family: lucida sans unicode; font-size: 12px;} .inside .slideRec .return{right: 438px;} .inside .slideRec .position{right: 438px;} .slideRec .slide3L{display: inline; display: block; width: 470px; margin-top: 82px; margin-left: 102px;} .slideRec .slide3L ul{padding-right: 10px;} .slideRec .slide3L ul li{height: 30px; line-height: 30px; padding-left: 15px; font-size: 14px; background: url("http://www.yp-9.com/css/../images/sys/sectionBg/opacity035.png") 0px 0px repeat; margin-bottom: 1px; cursor: pointer;} .slideRec .slide3L ul li:hover, .slideRec .slide3L ul li.active{background: #dc223a;} .slideRec .slide3R{width: 373px; height: 515px; position: absolute; right: 0px; top: 0px;} .slideRec .slide3R .slide3Scroll{width: 373px; height: 515px; position: relative; overflow: hidden; display: none;} .slideRec .slide3R .slide3Scroll ul{height: 515px; position: absolute; left: 0px; top: 0px;} .slideRec .slide3R .slide3Scroll ul li{height: 515px; width: 373px; float: left;} .slideRec .slide3R .slide3Btn2Bg{position: absolute; width: 314px; height: 20px; background: url("http://www.yp-9.com/css/../images/sys/section3/slide2_btn2Line.png") 0px center no-repeat; left: 50%; margin-left: -157px; top: 474px;} .slideRec .slide3R .slide3Btn2{position: absolute; height: 20px; right: 36px; top: 474px;} .slideRec .slide3R .slide3Btn2 span{display:inline; display: block; width: 20px; height: 20px; float: left; background: url("http://www.yp-9.com/css/../images/sys/section3/slide2_btn2.png") 0px -50px no-repeat; margin-left: 4px; line-height: 20px; text-align: center; color: #fff; font-family: lucida sans unicode; font-size: 14px; font-weight: bold; cursor: pointer;} .slideRec .slide3R .slide3Btn2 span.curr{background: url("http://www.yp-9.com/css/../images/sys/section3/slide2_btn2.png") 0px 0px no-repeat;} .detail{color: #626776;} .detail a{color: #626776;} .detail .detailPage{margin-top: 20px;} .detail h1{font-size: 26px; color: #ca132f; font-weight: bold; margin-bottom: 12px;} .siteMap ul li dl{margin-bottom: 20px;} .siteMap ul li dt{/*width: 100px; */border-bottom: 1px #ccc solid; margin-bottom: 4px; font-size: 16px; font-weight: bold; height: 40px; line-height: 40px;} .siteMap ul li dd{overflow: hidden;} .siteMap ul li dd div{float: left; margin-right: 40px; text-align: left;} /*ffloat*/ #ffloat{width: 100%; height: 54px; position: fixed; left: 0px; bottom: 0px; z-index: 9999; overflow: hidden;} #ffloat .ffloat_butt{width: 32px; height: 54px; position: absolute; left: 0px; top: 0px; cursor: pointer; z-index: 10001; overflow: hidden;} #ffloat .ffloat_butt .ffloat_buttTrip{width: 64px; height: 54px; position: absolute; top: 0px; left: -32px; background: url("http://www.yp-9.com/css/../images/sys/sectionPublic/footer_left.jpg") 0px -4px no-repeat;} #ffloat .ffloat_full{width: 100%; height: 54px; background: url("http://www.yp-9.com/css/../images/sys/sectionBg/opacity075.png") 0px 0px repeat; position: absolute; left: 0px; top: 0px; z-index: 10000; /*display: none;*/} #ffloat .ffloat_full .ffloat_w{width: 1000px; height: 54px; margin: 0px auto; position: relative;} /*fivePoint*/ .bannfoot2{width: 1000px; height: 54px; margin: 0px auto; position: relative; z-index: 300;} .bannfoot2 ul li{width: 199px; height: 54px; float: left; border-right: 2px #fff solid; background: url("http://www.yp-9.com/css/../images/sys/sectionPublic/five_ico.png") 20px -303px no-repeat; font-family: \5FAE\8F6F\96C5\9ED1; color: #fff; position: relative; cursor: default;} .bannfoot2 ul li.bf2_2{background-position: 20px -359px;} .bannfoot2 ul li.bf2_3{background-position: 20px -421px;} .bannfoot2 ul li.bf2_4{background-position: 15px -487px;} .bannfoot2 ul li.bf2_5{background-position: 20px -541px; border: none; width: 196px;} .bannfoot2 ul li h2{height: 26px; line-height: 26px; font-size: 16px; padding-left: 62px; padding-top: 4px; color: #37b4a7;} .bannfoot2 ul li p{height: 16px; line-height: 16px; font-size: 12px; padding-left: 62px; color: #37b4a7;} .bannfoot2 ul li.bf2_2 h2{padding-left: 68px;} .bannfoot2 ul li.bf2_2 p{padding-left: 68px;} .bannfoot2 ul li.bf2_3 h2{padding-left: 68px;} .bannfoot2 ul li.bf2_3 p{padding-left: 68px;} .bannfoot2 ul li .bf2_trip{width: 12px; height: 14px; position: absolute; right: -12px; top: 30px; background: url("http://www.yp-9.com/css/../images/sys/sectionPublic/five_ico.png") 0px 0px no-repeat; z-index: 10;} .bannfoot2 ul li.bf2Hover{background-color: #fff;} .bannfoot2 ul li.bf2Hover .bf2_trip{background: url("http://www.yp-9.com/css/../images/sys/sectionPublic/five_ico.png") 0px -30px no-repeat;} .bannfoot2 ul li.bf2_5 .bf2_trip{display: none;}