.banner{/*height:600px;*/height:400px;} .menu{height: 200px;} .menu ul{height: 100%; width: 100%; min-width: 1200px;} .menu ul li{width: 25%; min-width: 300px; float: left; overflow: hidden; height: 100%} .menu ul li a{height:100%; display: block; margin: 0 auto; width: 100%; border-left: 1px solid #fff; background:#f5f7f9; overflow: hidden; position: relative;} .menu ul li.last a{border-right: none;} .menu ul li a:hover{background: #edeff0} .menu ul li a .con{width:300px; height: 80px; position: absolute; left: 50%; margin-left: -137px; top: 50%; margin-top: -40px;} .menu ul li a i{width:90px; height: 80px; float: left; background: url("icon-menu.png"/*tpa=http://www.tianhaohz.com/templets/tianhao/images/icon-menu.png*/) no-repeat ;} .menu ul li a .word{width: 210px; height: 80px; float: left; } .menu ul li a .title{font-size: 24px; line-height: 36px; color: #333; font-weight: normal; padding-top: 10px;} .menu ul li a .subtitle{font-size: 14px; line-height: 28px; color: #999;} .menu ul li a i.icon-www{background-position: 0 0;} .menu ul li a i.icon-phone{background-position: 5px -80px; width: 80px;} .menu ul li a i.icon-seo{background-position: 0 -160px;} .menu ul li a i.icon-design{background-position: 0 -240px;} .qyjz-wrap{width:100%; height:577px; background: url("index-part2-bg.jpg"/*tpa=http://www.tianhaohz.com/templets/tianhao/images/index-part2-bg.jpg*/) top center no-repeat; position: relative;} .qyjz-con{width: 1200px; margin:0 auto;} .qyjz-head{height:200px; font-size: 24px; color:#666; line-height: 200px; padding-left: 310px; background: url("index-part2-hbg.png"/*tpa=http://www.tianhaohz.com/templets/tianhao/images/index-part2-hbg.png*/) center left no-repeat;} .qyjz-productlist{width: 1201px;} .qyjz-productlist li{float: left; width:237px; height:317px; color:#fff; margin-right:4px; position: relative; overflow: hidden;} .qyjz-productlist li.last{margin-right:0;} .qyjz-productlist-bg{width:237px; height:299px; background-color: #0d6bcb; opacity: 0.8; filter:alpha(opacity=80); *zoom:1; position: absolute; top:0; left: 0; z-index: 2;} .qyjz-productlist-inner{width:237px; height:299px; position: absolute; top:0; left: 0; z-index: 3; cursor: pointer;} .inner-top{width:100%; height:164px; background-position:center bottom; background-repeat: no-repeat;} .inner-btm{font-size: 20px; color:#fff; text-align: center; height:135px; line-height: 135px;} .qyjz-productlist-item1 .inner-top{background-image: url("icon-domain-01.png"/*tpa=http://www.tianhaohz.com/templets/tianhao/images/icon-domain-01.png*/);} .qyjz-productlist-item2 .inner-top{background-image: url("icon-domain-02.png"/*tpa=http://www.tianhaohz.com/templets/tianhao/images/icon-domain-02.png*/);} .qyjz-productlist-item3 .inner-top{background-image: url("icon-domain-03.png"/*tpa=http://www.tianhaohz.com/templets/tianhao/images/icon-domain-03.png*/);} .qyjz-productlist-item4 .inner-top{background-image: url("icon-domain-04.png"/*tpa=http://www.tianhaohz.com/templets/tianhao/images/icon-domain-04.png*/);} .qyjz-productlist-item5 .inner-top{background-image: url("icon-domain-05.png"/*tpa=http://www.tianhaohz.com/templets/tianhao/images/icon-domain-05.png*/);} .qyjz-productlist-on{position: absolute; top:-317px; left: 0; z-index: 5; width:237px; height:317px; background: url("icon-domain-bg.png"/*tpa=http://www.tianhaohz.com/templets/tianhao/images/icon-domain-bg.png*/) center bottom no-repeat;} .productlist-on-h{height:58px; font-size: 20px; text-align: center; line-height: 58px; background-color: #005bb7;} .productlist-on-bd{height:241px; background-color: #0d6bcb;} .productlist-on-bd p{height:168px; line-height: 1.8; font-size: 12px; padding:10px 20px 0;} .konw-det{width:88px; height:30px; margin:0 auto;} .konw-det a{width:88px; height:30px; display: block; color:#fff; text-align: center; line-height: 30px; border-radius: 5px; background-color: #ef7a00;} /* 本例子css */ .slideBox{ width:100%; height:400px; overflow:hidden; position:relative;} .slideBox .hd{ height:20px; overflow:hidden; position:absolute; left:50%; bottom:20px; z-index:6; margin-left:-75px;} .slideBox .hd ul{ overflow:hidden; zoom:1;} .slideBox .hd ul li{ float:left; margin-right:2px; width:15px; height:15px; line-height:14px; text-align:center; background:#fff; cursor:pointer;} .slideBox .hd ul li{display: inline-block; width: 20px; height: 20px; margin: 0 5px; *display: inline; _display:inline; zoom: 1; background: url() 0 0 no-repeat; background:url("btn_off.png"/*tpa=http://www.tianhaohz.com/templets/tianhao/images/btn_off.png*/) 0 0 no-repeat; cursor: pointer; font-size: 0;} .slideBox .hd ul li.on{background-image: url("btn_on.png"/*tpa=http://www.tianhaohz.com/templets/tianhao/images/btn_on.png*/);} .slideBox .bd{ position:relative; height:100%; z-index:0; } .slideBox .bd li{width:100%; height:400px; zoom:1; vertical-align:middle; } .slideBox .bd li a{width:100%; height:400px; zoom:1; display: block;} /*!产品系列 begin 产品展示首页 */ .products-xl{background-color: #fff;height:450px;padding: 46px 0 0;} .products-xl-con{width:1200px;margin:0 auto;position: relative;} .products-xl-con-01{height:85px;text-align: center;} .products-xl-con-01 .title{color: #333;font-size: 30px;line-height: 30px;font-weight: bold;} .products-xl-con-01 p{color: #333;font-size: 16px;padding: 15px 0 0;line-height: 14px;} .products-xl-con-02 div{width: 383px;float: left; text-align:left; line-height:35px; overflow:hidden;} .products-xl-con-02 div h3{font-size: 18px;margin-top: 40px;} .products-xl-con-02 div img{position: absolute;right:20px;top:45%;margin-top: -54px;} .products-xl-cell{display: block;width:236px; padding: 0 120px 0 25px;height: 300px;border: 1px solid #e5e5e5;position: relative;text-decoration: none;} .products-xl-cell{color: #666;} .products-xl-con-02 a:hover{color: #666; border:1px #4494e6 solid;} .products-xl-con-02 span{width: 25px;float: left;height: 302px; } .products-xl-cell i{ text-indent:1em; display:block; width:384px;height: 40px;background:url("xl-cellbg.jpg"/*tpa=http://www.tianhaohz.com/templets/tianhao/images/xl-cellbg.jpg*/) no-repeat; color: #fff;font-size: 18px;line-height: 40px; font-style:normal; font-weight:bold; position: absolute; bottom:0; left:0;} /*.products-xl-cell i:hover{text-indent:1em; display:block;width:384px;height: 40px;}*/ /*!成熟解决方案 begin 首页 */ .y-row {border-top:1px solid #ddd; min-width: 1000px; max-width: 1200px; margin-left: auto; margin-right: auto; zoom: 1; *width:1200px; _width:1200px;} .y-row1 { border-top:1px solid #ddd; width:100%; margin-left: auto; margin-right: auto; zoom: 1; height:200px;} .y-row:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0} .y-row-edge {padding-left: 10px; padding-right: 10px; *padding-left:0; *padding-right:0} .y-row .y-span1, .y-row .y-span2, .y-row .y-span3, .y-row .y-span4, .y-row .y-span5, .y-row .y-span6, .y-row .y-span7, .y-row .y-span8, .y-row .y-span9, .y-row .y-span10, .y-row .y-span11, .y-row .y-span12 { float: left; display: inline; margin-right: 2%; *margin-right:20px} .y-row .y-span1 {width: 6.5%; *width:65px} .y-row .y-span2 {width: 15%; *width:150px} .y-row .y-span3 {width: 23.5%; *width:235px} .y-row .y-span4 {width: 32%; *width:320px} .y-row .y-span5 {width: 40.5%; *width:405px} .y-row .y-span6 {width: 49%; *width:490px} .y-row .y-span7 {width: 57.5%; *width:575px} .y-row .y-span8 {width: 66%; *width:660px} .y-row .y-span9 {width: 74.5%; *width:745px} .y-row .y-span10{width: 83%; *width:830px} .y-row .y-span11{width: 91.5%; *width:915px} .y-row .y-span12{width: 100%; *width:1000px} .y-row .y-last {margin-right: 0!important} .anli-main{background-color: #fff; padding-top: 40px;} .anli-main-plan .anli-main-box { height: 350px; position: relative} .anli-main-plan .anli-main-box .anli-main-plan-nav { height: 300px; width: 182px; background-color: #f8f8f8; border-right: 1px solid #f4f4f4; padding: 0px; position: absolute; border-bottom:#eaeaea 1px solid;} .anli-main-plan .anli-main-box .anli-main-plan-nav li { text-align: right; color: #666; cursor: pointer; font-size: 16px; font-size:13px; width:183px; height:100px; display:block;} .anli-main-plan .anli-main-box .anli-main-plan-nav li.action { color: #2f89e6; border-right: 2px solid #2f89e6; font-weight: bolder; width:181px;} .anli-main-plan .anli-main-box .anli-main-plan-nav li a h3 { font-weight: normal;} .anli-main-plan .anli-main-box .anli-main-plan-nav li.action a h3{ font-weight: bold;} .anli-main-plan .anli-main-box .anli-main-plan-cell {width:1017px; height:300px; padding: 0 0 0 183px;} .anli-main-plan .anli-main-box .anli-main-plan-cell .y-row {min-width: initial;} .anli-main-plan .anli-main-box .anli-main-plan-cell .anli-main-plan-content {width: 62%; float: left;} .anli-main-plan .anli-main-box .anli-main-plan-cell .anli-main-plan-content div { text-align: center; background:url("line.gif"/*tpa=http://www.tianhaohz.com/templets/tianhao/images/line.gif*/) no-repeat right 46px; height: 295px; padding: 0 50px;} .anli-main-plan .anli-main-box .anli-main-plan-cell .anli-main-plan-content>div img {margin: 35px 0 30px; } .anli-main-plan .anli-main-box .anli-main-plan-cell .anli-main-plan-content>div p {color: #666; line-height: 22px;} .anli-main-plan .anli-main-box .anli-main-plan-cell .anli-main-plan-content>div .y-btn-white {margin-top: 60px;} .anli-main-plan .anli-main-box .anli-main-plan-cell .anli-main-plan-img { width: 36%; padding-left: 2%; float: left;} .anli-main-plan .anli-main-box .anli-main-plan-cell .anli-main-plan-img a { margin-bottom: 15px; display: inline-block; text-align: center; color: #666; text-decoration: none; *display:inline; zoom: 1;} .anli-main-plan .anli-main-box .anli-main-plan-cell .anli-main-plan-img a:hover {color: #09c;} .anli-main-plan .anli-main-box .anli-main-plan-cell .anli-main-plan-img a p { margin-left: 10px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; width: 65px;} .anli-main-plan .anli-main-box .anli-main-plan-cell .anli-main-plan-img h3 {font-size: 16px;padding-bottom: 15px;} .anli-main-plan .anli-main-box .anli-main-plan-cell .anli-main-plan-img img {width: 78px; margin: 5px; display:block;} .y-clear:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0;} /*.y-clear { zoom: 1; border-left:#2f8ae7 1px solid; border-top:#2f8ae7 4px solid; border-right:#2f8ae7 1px solid; border-bottom:#2f8ae7 1px solid; height:295px;}*/ .y-clear { zoom: 1; border:#2f8ae7 1px solid; height:298px;} /*!成熟解决方案 end 首页 */ /*资讯*/ .information-main{background-color: #f6f6f6; border-top:1px solid #ddd; padding:40px 0 50px;} .information-list{width:1200px; margin:0 auto;} .information-list ul li{float: left; width:383px; padding-right:25px;} .information-list ul li.last{padding-right:0;} .information-list li .top{height:40px; color:#fff; line-height: 40px; background-color: #2f8ae7; padding:0 12px 0 18px;} .information-list li .title{font-weight: normal;} .top .more{color:#fff; padding-right:12px; position: relative;} .top .more span{display:inline-block; width:0; height:0; border-width:6px 0 6px 6px; border-style: solid; border-color:transparent transparent transparent #fff; position: absolute; top:50%; right:0; margin-top:-6px; _font-size:0; *font-size:0;} .information-list li .con{padding:18px 18px 10px; background-color: #fff;} .information-list li .img img{display: block;} .con dl dt{height:50px; line-height: 50px; color:#2f8ae7; border-bottom:1px solid #e5e5e5;} .con dl dd{height:34px; line-height: 34px; padding-left:10px; position: relative;} .con dl dd span{display:block; font-size: 36px; position: absolute; top:-2px; left:0; z-index: 2;} /*资讯*/ /*-----------------------------Solution 案例详细---------------------------------*/ .alzx-none {display:none!important;} .alzx-con{width: 1198px;margin: 0 auto; position: relative;} .alzx-fff{background: #fff;} .alzx-fff-f1{padding-top: 20px;} .topimg-384{height: 384px;} .alzx-img a{background: #ff9c00;color: #fff;display: block;font-size: 18px;height: 42px;left: 220px;line-height: 40px;position: absolute;text-align: center;top: 216px;width: 127px;} .alzx-crumbs{border-bottom:1px solid #eee; height: 40px; background: #fcfcfc; padding-top:20px; margin-bottom: 20px;} .alzx-crumbs-f1{margin-bottom: 0;} .alzx-crumbs .alzx-con em{color: #666; margin: 0 8px;} .crumbs-01,.crumbs-02{color: #666;} .crumbs-01{background: url("alzx-hone-bg.gif"/*tpa=http://www.tianhaohz.com/templets/tianhao/images/alzx-hone-bg.gif*/) no-repeat 0 3px; padding-left: 20px;} .alzx-search{width:232px; height:34px; line-height: 34px; border:1px solid #eaeaea; border-radius: 17px; position: absolute; top:-8px; right:0;} .alzx-search input{border:none; outline-style:none; padding:0 15px; width:152px; height:24px; line-height: 24px;} .alzx-search a{width:50px; height:34px; text-align: center; display: block; float: right; background-color: #f60; border-radius: 0 17px 17px 0;} .alzx-item{overflow: hidden; padding: 0 0 23px;} .alzx-dl{overflow: hidden;margin-bottom: 10px;zoom:1; overflow: hidden;} .alzx-item .alzx-dl{padding-left:125px; position: relative;} .alzx-dl dt{color: #00479d;width: 103px;height: 20px;line-height: 20px;text-align: center;border: 1px solid #00479d;-moz-border-radius: 5px;-webkit-border-radius: 5px;border-radius:5px;font-size: 12px;float: left;margin-right: 20px;} .alzx-item .alzx-dl dt{position: absolute; left:0; top:0;} .alzx-dl dd{font-size: 12px;height: 22px;line-height: 22px;padding: 0 10px; margin-right: 12px; _margin-right:15px; *margin-right:15px; color: #666; cursor: pointer; display: inline-block; _display: inline; *display: inline; margin-bottom:10px;} .alzx-dl dd a:hover{color:#fff; text-decoration:none} .alzx-dl dd:hover,.alzx-dl dd.active{background: #00479d;-moz-border-radius: 5px;-webkit-border-radius: 5px;border-radius:5px;color: #fff;} .alzx-result{border-top:1px solid #eee;padding-top:20px; } .result-list{font-size: 12px;color: #666; margin-bottom: 18px;} .result-list span{display: inline-block;padding: 0 10px;color: #fff;background: #ff9120;height: 22px;line-height: 22px;-moz-border-radius: 5px;-webkit-border-radius: 5px;border-radius:5px; margin-right: 18px;} .result-wrap{margin-left: -24px;overflow: hidden; margin-bottom: 65px;} .result-l{width: 254px; margin-left: 24px;float: left;-moz-border-radius: 5px;-webkit-border-radius: 5px;border-radius:5px;border: 1px solid #e7e7e7;background: #fff;} .result-box{ padding: 10px;} .box-img{width: 234px; height: auto;} .box-img img{width: 234px;} .more-btn{width:1144px; text-align: center; margin-bottom: 40px;} .result-txt .txt-p1{color: #333;} .result-txt .txt-p2, .result-txt .txt-p2 a{color: #999;} .result-txt .txt-p2 a:hover{text-decoration:none; outline: none; cursor:pointer; color:#ec6500} .result-btn{border-top: 1px solid #e7e7e7;height: 36px;line-height: 36px;padding: 2px 10px 0 13px; position: relative;} .result-btn a.r-z,.result-btn a.r-sc,.result-btn a.r-fx{color: #999; background: url("alzx-icon-v3.png"/*tpa=http://www.tianhaohz.com/templets/tianhao/images/alzx-icon-v3.png*/) no-repeat; padding-left: 20px; height:36px; float:left; display: block; position: relative;} .result-btn a:link,.result-btn a:visited{color:#999;} .result-btn a:hover{color:#333;} .result-btn a.r-z{background-position: 0 0; margin-right: 15px;} .result-btn a.r-sc{background-position: 0 -36px; /*background: url(../images/case_icon2.png) left center no-repeat;*/} .result-btn a.r-fx{background-position: 0 -72px; position: absolute;right: 0;top:0;display: block;width: 13px; padding-left:10px;} .result-btn span{height: 24px;line-height: 24px;border-radius: 3px;background-color: #fff;border: 1px solid #ddd; padding: 0 10px;position: absolute; top:32px; z-index: 10; display: none;} .result-btn .r-z-tips{left:20px;} .result-btn .r-sc-tips{left:80px;} .result-btn .r-fx-tips{left:190px;} .det-con-top .result-btn .r-fx-tips{left:130px;} .bdsharebuttonbox{width:186px; position:absolute; bottom:-30px; left:50%; margin-left:-93px; display: none;} .bdsharebuttonbox a.r-fx{display: none;} .result-btn .r-fx-content{bottom:-40px; left:46%;} .r-fx-content .bdsharebuttonbox a.r-fx{display: none;} .alzx-crumbs-ck{background: #fff;} .ckxz-main{-moz-border-radius: 5px;-webkit-border-radius: 5px;border-radius:5px;background: #fff;border: 1px solid #e7e7e7;margin-bottom: 38px;} .ckxz-main .bdsharebuttonbox{bottom:-40px;} .ckxz-top{padding-top: 55px;width: 648px; margin: 0 auto; text-align: center;} .ckxz-p1{margin-bottom: 20px;} .ckxz-p1 img{ margin: 0 auto;} .ckxz-p2{font-size: 30px;color: #333;font-weight: normal;margin-bottom: 15px;} .ckxz-p3{color: #999;font-size: 14px;line-height: 28px;margin-bottom: 10px;} .ckxz-bottom{background: url("alzx-ckxz01.jpg"/*tpa=http://www.tianhaohz.com/templets/tianhao/images/alzx-ckxz01.jpg*/) no-repeat top center;} .ckxz-sel{height: 38px; line-height:38px; width: 384px;padding-left: 13px;} .ckxz-sel option{margin: 3px 0;padding-left: 13px;} .free-ask .ckxz-con{padding-left:314px;} .free-ask .con .alzx-textfile1{padding-left: 84px;} .free-ask .con .alzx-textfile1 input{width: 362px;} .free-ask .con .nice-select1 input{border:none;} .free-ask .con .alzx-textfile1 a{width: 134px; display:inline-block; height:38px; line-height:38px; background-color: #f60; _margin-bottom:12px;} .free-ask .con .wherecity input.gp,.free-ask .con .wherecity input.gt{width: 164px;} .free-ask .con .wherecity input.gp,.free-ask .con .wherecity input.gt{_width: 144px; _padding:5px;} .free-ask .con .alzx-textfile1.belongtrade{z-index: 10;} .nice-select1{width: 184px;} .belongtrade .nice-select1{width:382px;} .free-ask .con .textfile span.t1{color: #999;font-size: 16px;width: 70px;} .phone-yzm{display: inline-block;width: 145px;height: 36px;line-height: 36px;text-align: center;color: #00479d;border: 2px solid #084da0; margin-left: 9px; _margin-bottom:10px; *margin-bottom:10px;} .phone-yzm:hover{background:#084da0;color: #fff; } .free-ask .con .textfile a.submit{width: 292px;} .det-top{margin-bottom: 30px;} .det-l{float: left;overflow: hidden;zoom:1;padding-top: 45px;width: 626px;} .det-r{float: right; width:474px; padding-top: 6px;} .result-list1,.al-title{float: left;} .al-title{width: 500px;} .result-list1 span{padding: 0 30px;} .det-dl{overflow: hidden;zoom:1; margin-bottom: 10px; } .det-dl dl{float: left;margin-bottom: 10px; cursor: pointer;margin-right: 20px;} .det-dl .alzx-dl dt{margin-right: 0;} .alzx-dl.current dt{background: #00479d;color: #fff;} .alzx-dl dt:hover{background: #00479d;color: #fff;} .det-gray-list{display: none;} .det-gray-list a{margin-bottom: 10px;} .det-gray-list a:hover{background: #00479d;color: #fff;border: 1px solid #00479d;} .alzx-pakage-cat1{overflow: hidden;zoom:1;} .alzx-pakage-cat1 li{width: 138px; margin: 0 10px; _margin:0 7px; *margin:0 7px;float: left;text-align: center;} .alzx-pakage-cat1 li .cat-name{padding: 13px 0 5px;line-height: 30px;font-size: 24px;} .alzx-pakage-cat1 li i{background: url("alzx-det.png"/*tpa=http://www.tianhaohz.com/templets/tianhao/images/alzx-det.png*/) no-repeat; width: 80px;height: 80px;display: block;margin: 0 auto;} .alzx-pakage-cat1 li.economic01 i{background-position: 0 0;} .alzx-pakage-cat1 li.standard01 i{background-position: 0 -80px;} .alzx-pakage-cat1 li.marketing01 i{background-position: 0 -160px;} .alzx-pakage-cat1 li .cat-des{font-size: 12px;padding-bottom: 0;color: #999;} .result-btn a.r-sc1{margin-right: 15px;} .result-btn a.r-fx1{position: relative;top: 1px;right: 0;} .det-con-top{padding: 18px 0 0 20px;margin-bottom: 16px;} .det-h4{font-size: 16px;color: #00479d;} .result-btn1{height: auto;/*line-height: 15px;*/border: none; margin-top:-15px;} .det-tag{padding: 0 20px; margin-bottom: 15px;font-size: 0;} .det-tag a{font-size: 14px; color:#fff; text-align: center; float: right; background-color: #ff9c00; border-radius: 5px;} .det-tag .zero-zixun{width:128px; margin-right:4px;} .det-tag .pro-link{width:94px;} .det-tag span,.det-gray-list a{display: inline-block;height: 20px;line-height: 20px;-moz-border-radius: 5px;-webkit-border-radius: 5px;border-radius:5px;border: 1px solid #d5d5d5;margin-right:25px;padding: 0 10px;color: #666;font-size: 12px;} .det-content{border-top:1px solid #e7e7e7;padding: 18px 20px 0; } .det-content img{max-width:1158px;} .det-content p{color: #999;line-height: 0px;font-size: 12px;} .det-pic{padding: 0 12px;margin-bottom: 20px;} .det-pic-wrap{background: #e9e9e9;padding: 10px;} .det-pic-wrap img{width: 1053px;} .det-link{text-align: right; margin-bottom: 30px; margin-top: 20px;padding: 0 12px;} .det-link a{color:#FFF!important;} .det-link a:hover{color:#FFF!important;} .click-a{display: inline-block;height: 36px;line-height: 36px;color: #fff; background-color: #00479d; padding:0 10px;} .click-a em{background: url("alzx-icon.png"/*tpa=http://www.tianhaohz.com/templets/tianhao/images/alzx-icon.png*/) no-repeat 0 -65px;width: 16px;height: 18px;display: inline-block;vertical-align: middle; margin-right: 3px;} .click-a:hover{color: #fff;} .alzx-flex-title{height: 50px;border-bottom: 1px solid #ececec;padding: 0 18px;} .alzx-flex-title h5{color: #333;font-size: 18px;line-height: 50px;font-weight: normal;} .alzx-f-wrap{padding: 15px 18px;} .flex-a{display: inline-block;padding: 5px;background: #e9e9e9;margin-left: 22px;} .flex-a img{width: 260px;height: 149px;} .margin25{margin-bottom: 25px;} /**轮播图样式***/ .alzx-box{position: relative;} .alzx-flexslider {height:159px; overflow: hidden;margin-left: -12px; } .slides { position: relative; z-index: 1;overflow: hidden;} .slides li { height: 159px;font-size: 0;} .flex-control-nav { position: absolute; top: 20px; z-index: 2;right: 18px; } .flex-control-nav li { display: inline-block; width: 11px; height: 11px; margin: 0 5px; *display: inline; zoom: 1;} .flex-control-nav a { display: inline-block; width: 12px; height: 11px; line-height: 40px; overflow: hidden; background: url("alzx-dot.png"/*tpa=http://www.tianhaohz.com/templets/tianhao/images/alzx-dot.png*/) right 0 no-repeat; cursor: pointer;} .flex-control-nav .flex-active { background-position: 0 0;} /*****瀑布流*****/ #nav{background:url("pic_repeat_x.png"/*tpa=http://www.tianhaohz.com/templets/tianhao/images/pic_repeat_x.png*/) repeat-x;padding:0 0 4px 0;} #nav ul li{float:left;display:inline;} #nav ul li a{_float:left;display:block;text-align:center;width:83px;font-size:14px;color:#000;line-height:50px;font-family:"微软雅黑",Arial;text-decoration:none;background:url("pic_ilike.png"/*tpa=http://www.tianhaohz.com/templets/tianhao/images/pic_ilike.png*/) no-repeat -200px 0;} #nav ul li a.link,#nav ul li a:hover{background-position:-92px 0;} #nav ul li a.hover{background-position:12px 0;} #main{width:1144px;margin:0 auto 28px; overflow: hidden;} #main ul{*overflow:hidden;_height:1%; width:1184px; padding-bottom:20px; margin-left:-20px;} #main ul li{-moz-border-radius: 5px;-webkit-border-radius: 5px;border-radius:5px;border: 1px solid #e7e7e7;background: #fff;float:left;display:inline;list-style:none;margin:12px 20px; background:#FFF;width:254px;} #main ul li.hover{border:1px solid #fa3241;border-bottom:2px solid #fa3241;} #main ul li img{width:234px;display:block;} #main ul li img.hover{filter:Alpha(opacity=90);-moz-opacity:.9;opacity:0.9;} #main ul li h3,#main ul li p{padding:0 3px;font-weight:normal;} .result-txt{padding: 0 10px; margin-bottom: 13px;} #main ul li p{line-height:22px;} .img_block{width:234px; height:152px; position:relative;padding:10px; overflow: hidden;} .zoom,.ilike{position:absolute;line-height:25px;padding:0 0 2px 18px;text-align:center;top:14px;display:block;text-decoration:none;background:url("pic_ilike.png"/*tpa=http://www.tianhaohz.com/templets/tianhao/images/pic_ilike.png*/) no-repeat -200px 0;} .zoom{left:14px;width:42px;background-position:0 -71px;} .zoom:hover{background-position:0 -99px;} .ilike{right:14px;width:57px;background-position:0 -140px;} .ilike:hover{background-position:0 -167px;} .iNum,.iNum a{background:url("pic_ilike.png"/*tpa=http://www.tianhaohz.com/templets/tianhao/images/pic_ilike.png*/) no-repeat 0 -528px;padding:0 0 6px 28px;line-height:11px;} .iNum{background-position:12px -522px;} .iNum a{background-position:12px -550px;text-decoration:none;} .water-name{font-size: 0;overflow: hidden; position: absolute;right: 5px;bottom: 35px;} .water-name span{background: url("alzx-icon.png"/*tpa=http://www.tianhaohz.com/templets/tianhao/images/alzx-icon.png*/);display: inline-block;font-size: 12px;color: #fff;float: left;} .water-name span.name-l{background-position: 0 -89px;background-repeat: no-repeat;width: 9px;margin-top: 3px;height: 19px;} .water-name span.name-m{background-position: 0 -132px;background-repeat:repeat;margin-top: 4px;height: 16px; padding:2px 5px 0;} .water-name span.name-r{background-position: 0 -109px;background-repeat: no-repeat;width: 6px;height: 23px;} .zero_pop{height:410px;} .zero_pop .apply-con{height:410px;} .zero_pop .apply-con .lxman input{width:310px;} .apply-con a.close:hover{background-position: 0 -48px;} .apply-con .title{font-size: 34px; color: #7cbd66; text-align: center; padding-top: 40px; line-height: 34px;} .apply-con .title.wherecity{z-index:5;} .apply-con .subtitle{line-height: 50px; color: #999; padding-bottom: 10px; text-align: center;} .apply-con .form{} .apply-con .textfile{width:340px; height: 40px; margin-bottom: 15px; position: relative; padding-left:70px;} .apply-con .textfile span.t{width: 60px; height: 40px; line-height: 40px; display: block; position: absolute; left: 0; top: 0; text-align: right;} .apply-con .textfile input{width: 310px; height: 38px; line-height:38px; border: 1px solid #e4e4e4; padding: 0 10px;} .apply-con .textfile .emailist{border: 1px solid #e4e4e4; background-color: #fff; line-height: 30px;} .apply-con .textfile .emailist li{padding: 0 10px;} .apply-con .textfile .emailist li.on{background-color:#b2b2b2; padding: 0 10px;} .apply-con .wherecity input{width:137px; border: none;} /*.apply-con .wherecity input.gp{margin-right: 14px; _margin-right:0;}*/ .apply-con .lxman input{width:185px;} .apply-con .lxman .appellation{width:132px; height: 40px; position: absolute; left:285px; top: 0;} .apply-con .lxman .appellation input{width:16px; float: left; border:none; padding: 0; margin-right:5px;} .apply-con .lxman .appellation span{float:left;width: 40px; height: 40px; line-height: 40px; display: block;} .apply-con .textfile a.submit{width:140px; height: 46px; display: block; background: #1fb074; text-align: center; line-height: 46px; color: #fff; font-size: 16px;} .apply-con .textfile a.submit:hover{background: #15a268;} .apply-con .yzm input{width:137px;} .apply-con .yzm a{width:157px; height: 38px; display: block; line-height: 38px; text-align: center; color: #666; background: #f0f0f0; border: 1px solid #dfdfdf;position: absolute; left: 242px; top: 0;} /*------------------------Cooperation 合作代理---------------------------------*/ .D-cooperation .D-banner{ width: 100%; height: 395px; min-width: 1080px; text-align: center; background: url("d-cooperation-banner.jpg"/*tpa=http://www.tianhaohz.com/templets/tianhao/images/d-cooperation-banner.jpg*/) center top no-repeat;} .D-cooperation .D-pageDescription{ position: relative; top: -19px; width: 100%; height: 140px; margin:0 auto;} .D-cooperation .D-descriptionTitle{ position: absolute; left: 0; top: 0; width: 168px; height: 113px; margin-right: 80px; background: #e64d3d;} .D-cooperation .D-descriptionTitle .redEdge{ position: absolute; top: 0; right: -80px; display: block; width: 80px; height: 113px; background: url("d-redEdge.png"/*tpa=http://www.tianhaohz.com/templets/tianhao/images/d-redEdge.png*/) no-repeat;} .D-cooperation .D-descriptionTitle h5{ padding-top: 30px; font:30px/40px 'microsoft yahei'; color: #fff; text-align: center;} .D-cooperation .D-descriptionTitle h1{ font:14px/30px 'microsoft yahei'; color: #fff; text-align: center;} .D-cooperation .D-descriptionDetail{ position: absolute; right: 0; top: 18px; width: 863px; height: 104px; padding-top: 5px; margin-left: 85px; background: #025887;} .D-cooperation .D-descriptionDetail .blueEdge{ position: absolute; top: -16px; left: -85px; display: block; width: 85px; height: 130px; background: url("d-blueEdge.png"/*tpa=http://www.tianhaohz.com/templets/tianhao/images/d-blueEdge.png*/) no-repeat;} .D-cooperation .D-descriptionDetail .leftQuote{ display: block; position: absolute; left:-45px; top:-15px; width: 40px; height: 35px; background: url("d-left-quote.png"/*tpa=http://www.tianhaohz.com/templets/tianhao/images/d-left-quote.png*/) no-repeat;} .D-cooperation .D-descriptionDetail .rightQuote{ display: block; position: absolute; left:820px; bottom: -15px; width: 40px; height: 35px; background: url("d-right-quote.png"/*tpa=http://www.tianhaohz.com/templets/tianhao/images/d-right-quote.png*/) no-repeat;} .D-cooperation .D-descriptionDetail p{ font:14px/24px 'microsoft yahei'; color: #fff;} .D-cooperation .D-supportRow{ _padding-top: 140px;} .D-cooperation .D-supportRow .D-rowTitle{ width: 515px; height: 92px; padding-left: 100px; padding-bottom: 50px; margin: 0 auto; background:url("d-advantage-title.png"/*tpa=http://www.tianhaohz.com/templets/tianhao/images/d-advantage-title.png*/) no-repeat; white-space: nowrap;} .D-cooperation .D-supportRow .D-rowTitle h5{ font:30px/92px 'microsoft yahei'; color: #fff;} .D-cooperation .D-supportRow .D-rowTitle h1{ font:24px/92px 'microsoft yahei'; color: #fff;} .D-cooperation .D-support{ padding-bottom:100px;} .D-cooperation .D-support li{ position: relative; width: 450px; height: 195px; margin:10px 57px 10px 10px; border:solid 2px #ccc; padding:10px 69px 10px 10px;} .D-cooperation .D-support li i.ico-sup { position: absolute; right: -67px; top: 35px; display: block; width: 134px; height: 134px; background: #e64d3d;} .D-cooperation .D-support li.odd{ margin:10px 10px 10px 57px; padding:10px 10px 10px 69px;} .D-cooperation .D-support li.odd i.ico-sup{ left: -67px;} .D-cooperation .D-supportTitle{ font:26px/50px 'microsoft yahei'; color: #666;} .D-cooperation .D-supportTitle .img-num-1{ position: relative; top: 5px; *top: 1px; display: inline-block; width: 26px; height: 42px; background: url("d-num1.png"/*tpa=http://www.tianhaohz.com/templets/tianhao/images/d-num1.png*/) no-repeat;} .D-cooperation .D-supportTitle .img-num-2{ position: relative; top: 5px; *top: 1px; display: inline-block; width: 40px; height: 42px; background: url("d-num2.png"/*tpa=http://www.tianhaohz.com/templets/tianhao/images/d-num2.png*/) no-repeat;} .D-cooperation .D-supportTitle .img-num-3{ position: relative; top: 5px; *top: 1px; display: inline-block; width: 36px; height: 42px; background: url("d-num3.png"/*tpa=http://www.tianhaohz.com/templets/tianhao/images/d-num3.png*/) no-repeat;} .D-cooperation .D-supportTitle .img-num-4{ position: relative; top: 5px; *top: 1px; display: inline-block; width: 36px; height: 42px; background: url("d-num4.png"/*tpa=http://www.tianhaohz.com/templets/tianhao/images/d-num4.png*/) no-repeat;} .D-cooperation .D-support li p{ font: 14px/24px 'microsoft yahei'; color: #666;} .D-cooperation .D-support li i.ico-support-agent{ background: url("d-coop-agent.png"/*tpa=http://www.tianhaohz.com/templets/tianhao/images/d-coop-agent.png*/) no-repeat;} .D-cooperation .D-support li i.ico-support-product{ background: url("d-coop-product.png"/*tpa=http://www.tianhaohz.com/templets/tianhao/images/d-coop-product.png*/) no-repeat;} .D-cooperation .D-support li i.ico-support-sell{ background: url("d-coop-sell.png"/*tpa=http://www.tianhaohz.com/templets/tianhao/images/d-coop-sell.png*/) no-repeat;} .D-cooperation .D-support li i.ico-support-tech{ background: url("d-coop-tech.png"/*tpa=http://www.tianhaohz.com/templets/tianhao/images/d-coop-tech.png*/) no-repeat;} .D-cooperation .D-oddContainer{ padding: 80px 0 70px 0; background:#f5f5f5 url("d-oddContainer-bg.jpg"/*tpa=http://www.tianhaohz.com/templets/tianhao/images/d-oddContainer-bg.jpg*/) top center no-repeat;} .D-cooperation .D-oddContainer .D-rowTitle{ width: 515px; height: 92px; padding-left: 100px; margin: 0 auto 50px auto; background: url("d-support-title.png"/*tpa=http://www.tianhaohz.com/templets/tianhao/images/d-support-title.png*/) no-repeat;} .D-cooperation .D-oddContainer .D-rowTitle h5{ font:30px/92px 'microsoft yahei'; color: #fff;} .D-cooperation .D-oddContainer .D-rowTitle h1{ font:24px/92px 'microsoft yahei'; color: #fff;} .D-cooperation .D-advantageList{ width: 1200px;} .D-cooperation .D-advantageList li{ position: relative; width: 261px; height: 170px; margin-right: 39px; margin-bottom: 12px;} .D-cooperation .D-advantageTitle{ position: absolute; bottom: 0; left: 0; width: 100%; height: 30px; background: rgba(2,88,135,0.95); background: #025887\9; color: #fff; font:16px/30px 'microsoft yahei'; text-align: center; z-index: 3;} .D-cooperation .D-advantageDetail{ display: none; position: absolute; top:0; left: 0; width: 241px; height: 150px; padding: 10px; background: rgba(2,88,135,0.85); background: #025887\9; color: #fff; font:12px/24px 'microsoft yahei'; z-index: 2;} .D-cooperation .D-advantageList li:hover .D-advantageDetail{ display: block; } .D-cooperation .D-flowPathContainer{ position: relative; padding-bottom: 50px; height: 650px; background: url("d-coop-flowpath.jpg"/*tpa=http://www.tianhaohz.com/templets/tianhao/images/d-coop-flowpath.jpg*/) no-repeat;} .D-cooperation .D-flowPathTitle h5{ position: absolute; left:515px; top:315px; width: 70px; font:bold 30px/40px 'microsoft yahei';} .D-cooperation .D-flowPathTitle h5 span{ color: #da752d;} .D-cooperation .D-flowPathContainer li h5{ position: absolute; font:26px/30px 'microsoft yahei'; color: #666;} .D-cooperation .D-flowPathContainer li h1{ position: absolute; width: 250px; font:14px/24px 'microsoft yahei'; color: #666;} .D-cooperation .D-flowPathContainer li.cur h5,.D-flowPathContainer li.cur h1{ color: #da752d;} .D-cooperation .D-flowPathItem1 h5{ left: 480px; top: 80px;} .D-cooperation .D-flowPathItem1 h1{ left: 480px; top: 120px;} .D-cooperation .D-flowPathItem2 h5{ left: 810px; top: 280px;} .D-cooperation .D-flowPathItem2 h1{ left: 810px; top: 320px;} .D-cooperation .D-flowPathItem3 h5{ left: 740px; top: 530px;} .D-cooperation .D-flowPathItem3 h1{ left: 740px; top: 570px;} .D-cooperation .D-flowPathItem4 h5{ left: 150px; top: 530px;} .D-cooperation .D-flowPathItem4 h1{ left: 150px; top: 570px;} .D-cooperation .D-flowPathItem5 h5{ left: 100px; top: 280px;} .D-cooperation .D-flowPathItem5 h1{ left: 100px; top: 320px;} .D-cooperation .D-evenContainer{ position: relative; margin: 60px 0; background: url("d-evenbg-repeat.jpg"/*tpa=http://www.tianhaohz.com/templets/tianhao/images/d-evenbg-repeat.jpg*/) left top;} .D-cooperation .D-evenContainer .D-rowTitle{ width: 100%; padding: 0; margin: 0; text-align: center; background: none; font:bold 36px/92px 'microsoft yahei';} .D-cooperation .D-evenContainer i{ position: relative; left: 0; bottom: -18px; display: block; width:100%; height: 18px;background: url("d-even-arrow.jpg"/*tpa=http://www.tianhaohz.com/templets/tianhao/images/d-even-arrow.jpg*/) top center no-repeat;} .D-cooperation .D-join{ background: #f5f5f5; padding: 20px 0 20px 20px;} .D-cooperation .D-join li{ width: 173px; height: 40px; margin-right:50px; padding: 11px 0 11px 72px; background: #fff url("d-join-res.jpg"/*tpa=http://www.tianhaohz.com/templets/tianhao/images/d-join-res.jpg*/) left center no-repeat;} .D-cooperation .D-join li p{ font:16px/20px 'microsoft yahei'; color: #999;} .D-cooperation .D-contactContainer{ width: 800px; height: 404px; margin: 140px auto; padding-left: 340px; padding-top: 60px; background: url("d-contact.jpg"/*tpa=http://www.tianhaohz.com/templets/tianhao/images/d-contact.jpg*/) no-repeat;} .D-cooperation .D-contactInfo{ width: 800px; height: 260px; padding-top: 25px; color: #fff;} .D-cooperation .D-contactInfo p{ text-align: center; font:24px/30px 'microsoft yahei';} .D-cooperation .D-contactInfo h5{ text-align: center; font:bold 48px/80px 'microsoft yahei';} .D-cooperation .D-contactInfo h1{ text-align: center; font:32px/50px 'microsoft yahei';} .D-cooperation .D-contactWay{ position: relative; left: -50px; margin-top: 80px; height: 63px;} .D-cooperation .D-contactPhoneNum{ height: 63px; padding-left:60px; background: url("d-phone.jpg"/*tpa=http://www.tianhaohz.com/templets/tianhao/images/d-phone.jpg*/) left center no-repeat; font:bold 42px/63px 'microsoft yahei'; color: #ff7e0e; } .D-cooperation .D-contactOnline{ margin-left: 50px;} .D-cooperation .D-contactOnline a{ display: block; float: left; width: 251px; height: 54px; background: url("d-contact-btn.jpg"/*tpa=http://www.tianhaohz.com/templets/tianhao/images/d-contact-btn.jpg*/) no-repeat; font:bold 24px/54px 'microsoft yahei'; color: #fff; text-align: center;} /*------------p2pSolution p2p解决方案-----------------*/ .D-p2pSolution .D-banner{ width: 100%; height: 395px; min-width: 1080px; text-align: center; background: url("d-p2psolution-banner.jpg"/*tpa=http://www.tianhaohz.com/templets/tianhao/images/d-p2psolution-banner.jpg*/) center top no-repeat;} .D-p2pSolution .D-p2pTrouble{ height:738px; padding-right:531px; margin-right: -51px; background: url("d-p2psolution-trouble.jpg"/*tpa=http://www.tianhaohz.com/templets/tianhao/images/d-p2psolution-trouble.jpg*/) right center no-repeat;} .D-p2pSolution .D-p2pTroubleTitle{ padding-top: 40px; font:bold 30px/40px 'microsoft yahei'; color:#2f383d;} .D-p2pSolution .D-p2pTroubleTitle span{ font:bold 48px/50px 'microsoft yahei'; color: #ff6313;} .D-p2pSolution .D-p2pTroubleList{ height: 556px; padding-left: 60px; margin-top: 20px; padding-top: 32px; background: url("d-p2psolution-troublelist.jpg"/*tpa=http://www.tianhaohz.com/templets/tianhao/images/d-p2psolution-troublelist.jpg*/) 8px top no-repeat;} .D-p2pSolution .D-p2pTroubleList li{ position: relative; width: 480px; border: solid 1px #ececec; padding:6px 10px; margin-bottom: 10px;} .D-p2pSolution .D-p2pTroubleList li h5{ font:16px/24px 'microsoft yahei'; color: #2f383d;} .D-p2pSolution .D-p2pTroubleList li p{ font:14px/20px 'microsoft yahei'; color: #9ca4a6;} .D-p2pSolution .D-p2pTroubleList li i{ position: absolute; left: -6px; top: 17px; display: block; width: 6px; height: 10px; background: url("ArrowL01.jpg"/*tpa=http://www.tianhaohz.com/templets/tianhao/images/ArrowL01.jpg*/) no-repeat;} .D-p2pSolution .D-p2pDescContainer{ background:#1b68b8; color: #fff;} .D-p2pSolution .D-p2pDescription{ padding-left: 770px; height: 476px; margin-left: -182px; background: url("d-p2psolution-description.jpg"/*tpa=http://www.tianhaohz.com/templets/tianhao/images/d-p2psolution-description.jpg*/) left center no-repeat;} .D-p2pSolution .D-p2pDescription .D-subTitle{ padding-top: 112px; font:24px/30px 'microsoft yahei';} .D-p2pSolution .D-p2pDescription .D-mainTitle{padding-top: 112px; padding-bottom: 20px; font:bold 30px/40px 'microsoft yahei';} .D-p2pSolution .D-p2pDescription .D-desc{ width: 440px; font:14px/24px 'microsoft yahei';} .D-p2pSolution .D-attributeContainer{ background:#f5f5f5;} .D-p2pSolution .D-attributeContainer .D-mainTitle{ padding: 60px 0 50px 0; font:30px/40px 'microsoft yahei'; color:#2f383d; text-align: center;} .D-p2pSolution .D-attributeContainer .D-desc{ position: relative; width: 315px; height: 165px; padding: 30px 40px; margin: 0 auto; font:14px/24px 'microsoft yahei'; color:#9ca4a6;} .D-p2pSolution .D-attributeContainer .D-desc .D-topQuote{ position: absolute; left: 0; top: 20px; width: 40px; height: 30px; background: url("d-topQuote.jpg"/*tpa=http://www.tianhaohz.com/templets/tianhao/images/d-topQuote.jpg*/) no-repeat;} .D-p2pSolution .D-attributeContainer .D-desc .D-btmQuote{ position: absolute; right: 0; bottom: 20px; width: 40px; height: 30px; background: url("d-btmQuote.jpg"/*tpa=http://www.tianhaohz.com/templets/tianhao/images/d-btmQuote.jpg*/) no-repeat;} .D-p2pSolution .D-attrList{ position: relative; margin-top: -170px; height: 730px; } .D-p2pSolution .D-attrList li{ position: absolute; width: 215px; height: 60px; padding: 95px 0; background: url("d-p2psolution-attr.png"/*tpa=http://www.tianhaohz.com/templets/tianhao/images/d-p2psolution-attr.png*/) no-repeat; text-align: center; color:#fff; font:14px/30px 'microsoft yahei';} .D-p2pSolution .D-attrList li.D-attrItem1{ left: 110px; top: 0;} .D-p2pSolution .D-attrList li.D-attrItem2{ left: 0; top: 190px;} .D-p2pSolution .D-attrList li.D-attrItem3{ left: 217px; top: 191px;} .D-p2pSolution .D-attrList li.D-attrItem4{ left: 108px; top: 381px; background: url("d-p2psolution-attr1.png"/*tpa=http://www.tianhaohz.com/templets/tianhao/images/d-p2psolution-attr1.png*/) no-repeat;} .D-p2pSolution .D-attrList li.D-attrItem5{ left: 434px; top: 191px; background: url("d-p2psolution-attr2.png"/*tpa=http://www.tianhaohz.com/templets/tianhao/images/d-p2psolution-attr2.png*/) no-repeat;} .D-p2pSolution .D-attrList li.D-attrItem6{ left: 325px; top: 381px;} .D-p2pSolution .D-attrList li.D-attrItem7{ left: 759px; top: 0;} .D-p2pSolution .D-attrList li.D-attrItem8{ left: 651px; top: 191px;} .D-p2pSolution .D-attrList li.D-attrItem9{ left: 542px; top: 381px; background: url("d-p2psolution-attr3.png"/*tpa=http://www.tianhaohz.com/templets/tianhao/images/d-p2psolution-attr3.png*/) no-repeat;} .D-p2pSolution .D-attrList li.D-attrItem10{ left: 868px; top: 191px;} .D-p2pSolution .D-attrList li.D-attrItem11{ left: 759px; top: 381px;} .D-p2pSolution .D-p2pApplyContainer li{ position: relative; _zoom:1; border-bottom:solid 1px #e7e7e9;} .D-p2pSolution .D-p2pApplyContainer li i{ position: absolute; left: 0; bottom: -20px; display: block; width: 100%; min-width: 40px; height: 20px; background: url("ArrowD04.jpg"/*tpa=http://www.tianhaohz.com/templets/tianhao/images/ArrowD04.jpg*/) center bottom no-repeat;} .D-p2pSolution .D-p2pApplyContainer .D-p2pApplyTitle{ padding: 20px 0; font:30px/60px 'microsoft yahei'; color:#2f383d; text-align: center;} .D-p2pSolution .D-p2pApplyContainer .D-p2pApplyBox{ width: 500px; margin: 0 auto;} .D-p2pSolution .D-p2pApplyBox h5{ padding-bottom: 10px; font:18px/26px 'microsoft yahei'; color:#2f383d;} .D-p2pSolution .D-p2pApplyBox h3{ font:14px/20px 'microsoft yahei'; color:#2f383d;} .D-p2pSolution .D-p2pApplyBox p{ padding-bottom: 10px; font:14px/20px 'microsoft yahei'; color:#9ca4a6;} .D-p2pSolution .D-p2pApplyItem1 .D-p2pApplyBox{ height: 241px; padding: 40px 580px 40px 0; background: url("d-p2psolution-applyItem1.jpg"/*tpa=http://www.tianhaohz.com/templets/tianhao/images/d-p2psolution-applyItem1.jpg*/) right top no-repeat;} .D-p2pSolution .D-p2pApplyItem2 .D-p2pApplyBox{ height: 241px; padding: 40px 0 40px 580px; background: url("d-p2psolution-applyItem2.jpg"/*tpa=http://www.tianhaohz.com/templets/tianhao/images/d-p2psolution-applyItem2.jpg*/) left top no-repeat;} .D-p2pSolution .D-p2pApplyItem3 .D-p2pApplyBox{ height: 108px; padding: 40px 580px 40px 0; background: url("d-p2psolution-applyItem3.jpg"/*tpa=http://www.tianhaohz.com/templets/tianhao/images/d-p2psolution-applyItem3.jpg*/) 650px top no-repeat;} .D-p2pSolution .D-p2pApplyItem4 .D-p2pApplyBox{ height: 109px; padding: 40px 0 40px 580px; background: url("d-p2psolution-applyItem4.jpg"/*tpa=http://www.tianhaohz.com/templets/tianhao/images/d-p2psolution-applyItem4.jpg*/) 100px top no-repeat;} .D-p2pSolution .D-p2pApplyItem5 .D-p2pApplyBox{ height: 110px; padding: 40px 580px 40px 0; background: url("d-p2psolution-applyItem5.jpg"/*tpa=http://www.tianhaohz.com/templets/tianhao/images/d-p2psolution-applyItem5.jpg*/) right top no-repeat;} .D-p2pSolution .D-p2pApplyItem6 .D-p2pApplyBox{ height: 108px; padding: 40px 0 40px 580px; background: url("d-p2psolution-applyItem6.jpg"/*tpa=http://www.tianhaohz.com/templets/tianhao/images/d-p2psolution-applyItem6.jpg*/) 100px top no-repeat;} .D-p2pSolution .D-p2pApplyItem7 .D-p2pApplyBox{ height: 108px; padding: 40px 580px 40px 0; background: url("d-p2psolution-applyItem7.jpg"/*tpa=http://www.tianhaohz.com/templets/tianhao/images/d-p2psolution-applyItem7.jpg*/) right top no-repeat;} .D-p2pSolution .D-p2pApplyItem8 .D-p2pApplyBox{ height: 109px; padding: 40px 0 40px 580px; background: url("d-p2psolution-applyItem8.jpg"/*tpa=http://www.tianhaohz.com/templets/tianhao/images/d-p2psolution-applyItem8.jpg*/) 40px top no-repeat;} .D-p2pSolution .D-p2pApplyItem9 .D-p2pApplyBox{ height: 109px; padding: 40px 580px 40px 0; background: url("d-p2psolution-applyItem9.jpg"/*tpa=http://www.tianhaohz.com/templets/tianhao/images/d-p2psolution-applyItem9.jpg*/) right top no-repeat;} .D-p2pSolution .D-p2pApplyItem10 .D-p2pApplyBox{ height: 108px; padding: 40px 0 40px 580px; background: url("d-p2psolution-applyItem10.jpg"/*tpa=http://www.tianhaohz.com/templets/tianhao/images/d-p2psolution-applyItem10.jpg*/) 40px top no-repeat;} .D-p2pSolution .D-p2pValueContainer{ padding: 70px 0 80px 0; background:#f5f5f5;} .D-p2pSolution .D-p2pValueContainer .D-mainTitle{ padding-bottom: 50px; font:30px/40px 'microsoft yahei'; text-align: center; color:#2f383d;} .D-p2pSolution .D-p2pValueList{position: relative; width: 1080px; height: 420px; margin: 0 auto; background: url("d-p2psolution-value.jpg"/*tpa=http://www.tianhaohz.com/templets/tianhao/images/d-p2psolution-value.jpg*/) center 50px no-repeat;} .D-p2pSolution .D-p2pValueList li{ position: absolute; width: 310px; padding-bottom: 40px;} .D-p2pSolution .D-p2pValueList li h5{ font:18px/30px 'microsoft yahei'; color:#2f383d;} .D-p2pSolution .D-p2pValueList li p{ font:14px/24px 'microsoft yahei'; color:#9ca4a6;} .D-p2pSolution .D-p2pValueItem1{ left: 0; top: 0;} .D-p2pSolution .D-p2pValueItem2{ left: 0; top: 150px;} .D-p2pSolution .D-p2pValueItem3{ left: 0; top: 280px;} .D-p2pSolution .D-p2pValueItem4{ right: 0; top: 0;} .D-p2pSolution .D-p2pValueItem5{ right: 0; top: 150px;} .D-p2pSolution .D-p2pValueItem6{ right: 0; top: 280px;} .D-p2pSolution .D-sysFnContainer .D-mainTitle{ padding: 40px 0; font:30px/40px 'microsoft yahei'; color:#444; text-align: center;} .D-p2pSolution .D-sysFnContainer .D-sysFnList{ width: 1120px;} .D-p2pSolution .D-sysFnContainer .D-sysFnList li{ float: left; width: 280px; height: 292px; background: url("d-p2psolution-hline.jpg"/*tpa=http://www.tianhaohz.com/templets/tianhao/images/d-p2psolution-hline.jpg*/) bottom center no-repeat;} .D-p2pSolution .D-sysFnContainer .D-sysFnList li .D-sysFnItemBox{ width: 240px; height: 212px; padding: 40px 20px; background: url("d-p2psolution-vline.jpg"/*tpa=http://www.tianhaohz.com/templets/tianhao/images/d-p2psolution-vline.jpg*/) right center no-repeat;} .D-p2pSolution .D-sysFnContainer .D-sysFnList li .D-sysFnItemBox i{ display: block; width: 90px; height: 90px; margin: 10px auto; background: url("d-p2psolution-sysfnicon.png"/*tpa=http://www.tianhaohz.com/templets/tianhao/images/d-p2psolution-sysfnicon.png*/) no-repeat;} .D-p2pSolution .D-sysFnContainer .D-sysFnList li .D-sysFnItemBox h5{ font:18px/30px 'microsoft yahei'; color:#2f383d; text-align: center;} .D-p2pSolution .D-sysFnContainer .D-sysFnList li .D-sysFnItemBox p{ font:14px/24px 'microsoft yahei'; color:#9ca4a6;} .D-p2pSolution .D-sysFnContainer .D-sysFnList li.D-sysFnItem4 .D-sysFnItemBox, .D-p2pSolution .D-sysFnContainer .D-sysFnList li.D-sysFnItem8 .D-sysFnItemBox, .D-p2pSolution .D-sysFnContainer .D-sysFnList li.D-sysFnItem12 .D-sysFnItemBox{ background: none;} .D-p2pSolution .D-sysFnContainer .D-sysFnList li.D-sysFnItem9, .D-p2pSolution .D-sysFnContainer .D-sysFnList li.D-sysFnItem10, .D-p2pSolution .D-sysFnContainer .D-sysFnList li.D-sysFnItem11, .D-p2pSolution .D-sysFnContainer .D-sysFnList li.D-sysFnItem12{ background: none;} .D-p2pSolution .D-sysFnContainer .D-sysFnList li.D-sysFnItem1 i{ background-position: 0 0;} .D-p2pSolution .D-sysFnContainer .D-sysFnList li.D-sysFnItem2 i{ background-position: -90px 0;} .D-p2pSolution .D-sysFnContainer .D-sysFnList li.D-sysFnItem3 i{ background-position: -180px 0;} .D-p2pSolution .D-sysFnContainer .D-sysFnList li.D-sysFnItem4 i{ background-position: -270px 0;} .D-p2pSolution .D-sysFnContainer .D-sysFnList li.D-sysFnItem5 i{ background-position: -360px 0;} .D-p2pSolution .D-sysFnContainer .D-sysFnList li.D-sysFnItem6 i{ background-position: -450px 0;} .D-p2pSolution .D-sysFnContainer .D-sysFnList li.D-sysFnItem7 i{ background-position: -540px 0;} .D-p2pSolution .D-sysFnContainer .D-sysFnList li.D-sysFnItem8 i{ background-position: -630px 0;} .D-p2pSolution .D-sysFnContainer .D-sysFnList li.D-sysFnItem9 i{ background-position: -720px 0;} .D-p2pSolution .D-sysFnContainer .D-sysFnList li.D-sysFnItem10 i{ background-position: -810px 0;} .D-p2pSolution .D-sysFnContainer .D-sysFnList li.D-sysFnItem11 i{ background-position: -900px 0;} .D-p2pSolution .D-sysFnContainer .D-sysFnList li.D-sysFnItem12 i{ background-position: -990px 0;} .warp{ width:1200px; margin:0 auto;}