.need_sub{ height: 50px; width: 300px; color: #FFF; font-size: 16px; border: none; border-radius: 25px; background-color: #ffa800; font-weight: bold;} .index_title{padding: 30px 0px; } .index_title div{ text-align: center; font-size: 26px; font-weight: bold; color: #ff4e00; margin-top: } .index_title p{ text-align: center; text-transform: uppercase; font-size: 12px; color: #0c1729 } .index_title span{ text-align: center; display: block; color: #ff4e00; } .server{ height: 360px; overflow: hidden; width: 280px; position: relative; float: left; margin-right: 20px; } .server001{ width: 290px; height: 360px; background: url(./../images/s01.jpg) no-repeat center top; position: absolute; } .server002{ width: 290px; height: 360px; background: url(./../images/s02.jpg) no-repeat center top; position: absolute; } .server003{ width: 290px; height: 360px; background: url(./../images/s03.jpg) no-repeat center top; position: absolute; } .server004{ width: 290px; height: 360px; background: url(./../images/s04.jpg) no-repeat center top; position: absolute; } .server005{ width: 290px; height: 360px; background: url(./../images/s05.jpg) no-repeat center top; position: absolute; } .server006{ width: 290px; height: 360px; background: url(./../images/s06.jpg) no-repeat center top; position: absolute; } .server007{ width: 290px; height: 360px; background: url(./../images/s07.jpg) no-repeat center top; position: absolute; } .server008{ width: 290px; height: 360px; background: url(./../images/s08.jpg) no-repeat center top; position: absolute; } .server_hover{width: 260px; height: 360px; padding: 10px 0px 0px 10px; position: absolute; background: url(./../images/ico01.png); top: 370px; } /*.server_hover:hover{background: url(./../images/ico01.png);} .server_hover:hover .server_body{ border-radius: 5px; outline:1px solid #f0b196; }*/ .server_body{ width: 250px; height: 340px;border-radius: 5px; outline:1px solid #f0b196; } .server_body01{text-align: center; padding-top: 45px; } .server_body01 i{ font-size: 60px; text-align: center; color: #FFF; } .server_body02{text-align: center; } .server_body03{text-align: center; font-size: 18px; color: #FFF; margin: 30px 0px;font-size: 13px; color: #FFF; line-height: 20px } .server_body03 a{ font-size: 13px; color: #FFF; line-height: 20px } .server_body04{ width: 120px ; height: 30px; margin:0px auto; text-align: center; line-height: 30px; color: #FFF; border:1px solid #FFF; border-radius: 15px; font-size: 13px } .solutions{ background-color: #162b49; } .solution{ height: 600px; z-index: 99; overflow: hidden; } .solution a:hover{ text-decoration: none; } /*.solution:hover{ background-color: #75bc21 }*/ .solution01{ height: 150px; line-height: 150px; color: #fffffe; font-size: 20px; text-align: center; } .solution02{ text-align: center; } .solution03{ text-align: center; margin-top: 40px; margin-bottom: 20px;} .solution04{ text-align: center; line-height: 23px; color: #FFF; } .solution05{display: none; margin: 40px auto; width: 135px; height: 45px; background: #d6ebbd; border-radius: 22px; color: #7fc138; font-size: 20px; text-align: center; line-height: 45px } .advantage_table{ border-collapse: collapse; border:1px solid #ff4e00; } .advantage_table tr{ border-collapse: collapse; border:1px solid #ff4e00; } .advantage_table tr td{ border-collapse: collapse; border:1px solid #ff4e00; vertical-align: top; width: 400px; } .advantage_left{ width: 100px; float: left; text-align: center; padding-top: 60px;} .advantage_right{ width: 160px; float: left; padding-top: 25px;} .advantage_right p{ font-size: 16px; font-weight: bold; margin-bottom: 25px; } .advantage_right div{ font-size: 12px } .process{ height: 700px; background: url(./../images/ico08.jpg) no-repeat center top; margin-top: 50px; } .process01{ text-align: center; margin-bottom:50px; } .process_list{ width: 276px; height: 397px; border:1px solid #FFF; } .process_list01{ width: 120px; height: 30px; background:#FFF; border-radius: 5px; margin: 20px auto; font-size: 16px; font-weight: bold; text-align: center; line-height: 30px; } .process_list02{ border:1px solid #FFF; padding: 10px; line-height: 25px; color: #FFF; width: 250px; margin: 20px auto; text-align: center; } .process_list03{ text-align: center; } .process_list:hover { border-color: #ff4e00; } .index_news_title{ height: 29px; background: url(./../images/ico10.jpg) no-repeat left top; line-height: 29px; border-bottom:1px solid #ff4e00; padding: 0px 10px; font-size: 16px ;color: #FFF; } .index_news_title span{ position: absolute; right: 10px; color: #bfbfbf; font-size: 14px; } .index_news_ul{ margin-top: 10px; } .index_news_ul li{ line-height: 30px; padding:0px 10px; } .index_news_ul li a{color: #333; display: block;} .index_news_ul li a:hover{color: #ff4e00; display: block;} .index_news_ul li a span{position: absolute; right: 10px;} .index_product{background-color: #f3f3f3;background: url(./../images/index_product.jpg) 100% ; margin-top: 40px;padding-bottom: 80px;} .case_img{ border:1px #e0e0e0 dashed ; max-width: 220px;max-height: 300px; cursor: pointer; } .case_img:hover{ border:1px #ff4e00 dashed ; } .hzhb{ height: 564px; background: url(./../images/hzhb.jpg) no-repeat center top; } .hzhb_list{ padding-top: 186px } .hzhb_list li{ float: left; margin-right: 40px;width: 270px; height: 100px; margin-bottom: 41px; } .hzhb_list li img{width: 270px; height: 101px} .c_title{ font-size: 24px; padding: 30px; text-align: center; font-family:'Microsoft Yahei', "微软雅黑"; font-weight: 400; } .c_title span{ text-transform: uppercase; display: inline-block; padding: 0px 15px; font-weight: bold; background: url(./../images/ico12.jpg) no-repeat center; margin-right: 15px; } .c_title02{ font-size: 24px; padding: 30px; font-family:'Microsoft Yahei', "微软雅黑"; font-weight: 400; } .c_title02 span{ color: #FFF; text-align: center; display: inline-block; padding: 0px 15px; line-height: 72px; width: 72px; font-weight: bold; background: url(./../images/c_title02.jpg) no-repeat center; margin-right: 15px; } .c_title03{ font-size: 24px; padding: 30px; font-family:'Microsoft Yahei', "微软雅黑"; font-weight: 400; color: #1f86c1; text-align: center; } .icp01{ background: url(./../images/ico13.jpg) no-repeat center top; height: 430px; width: 970px; margin: 0 auto; } .icp01 ul{ padding: 100px 0px 0px 80px} .icp01 ul li {font-size: 18px;margin-bottom: 30px; } .icp01 ul li span{ width: 50px; height: 50px; line-height: 50px; color: #FFF; text-align: center; font-size: 20px; font-weight: 400; border-radius: 25px; display: inline-block; background-color: #ffd02c } .c_contact{width: 444px; height: 50px; border:2px solid #0e83ea; border-radius: 25px; margin: 50px auto; transition:all 0.5s ease 0s;} .c_contact:hover{ width:500px; } .c_contact_left{ width: 280px; height: 50px; line-height: 50px; text-align: center; float: left; font-size: 16px;} .c_contact_left span{ color: #1081e1; font-size: 16px; font-weight: bold;} .c_contact_right{ width: 160px; height: 48px; text-align: center; float: right; background: #0e83ea; border-radius: 25px; color: #FFF;margin-top: -1px;margin-right: -1px; } .c_contact_right01{ margin: 0 auto; width: 90px; } .c_contact_right01 i{ font-size: 30px; display: inline-block; float: left; } .c_contact_right01 span{ display: inline-block; margin-top: 11px; float: right; font-size: 14px;} .xkz{width: 530px; margin-bottom: 30px; } .xkz_left{ float: left; width:66px; line-height: 50px;} .xkz_left i{ font-size: 40px; float: left; width:50px; line-height: 50px; color: #115acd;} .xkz_right{ float: left; width: 450px; } .xkz_right div{ font-size: 20px; font-weight: bold; } .xkz_right p{ font-size: 14px; color: #7b7b87; line-height: 23px; } .who{ height: 800px; background:url(./../images/ico15.jpg) no-repeat center bottom #f3f3f3; } .who_c{ height: 200px; width: 200px; margin: 0 auto;} .who_c:hover{ border-radius: 100px; height: 200px; width: 200px; margin: 0px auto ; border:1px dashed #0e83ea;} .who_c:hover .wlwh02_content_list{background: #FFF;border-radius: 90px; } .who_c:hover .wlwh02_content_list i{color: #0e83ea } .wlwh02_content_list{ height: 180px; width: 180px; margin: 10px auto; } .wlwh02_content_list div{ color: #666; text-align: center; padding-top: 40px } .wlwh02_content_list div i{ font-size: 40px; } .wlwh02_content_list h3{ color: #666; font-family: 'Adobe 黑体 Std'; font-size: 14px; text-align: center; } .wlwh02_content_list p{ color: #666; font-size: 12px; text-align: center; } .why_list01{ height: 110px; width: 330px; border:1px solid #cccccc; } .why_list01 h3{ font-size: 16px; font-weight: bold; text-align: center; padding: 12px; } .why_list01 p{ font-size: 12px; padding: 0px 30px; text-align: center; color: #7c7d92 } .how{background: #f1faff; height: 520px;} .how_c{ background: url(./../images/ico19.jpg) no-repeat center center; height: 200px; margin-top:50px; } .how_list { width: 20%; float: left; } .how_list h3 {font-size: 14px; width: 200px; text-align: center;line-height: 23px} .how_list p {width: 40px; height: 40px; line-height: 40px; text-align: center; border-radius: 20px;background: #e0e9ee; } .how_list p i{ font-size: 20px; color: #6670a1} .how_list:hover h3 { font-weight: bold; } .how_list:hover p {width: 40px; height: 40px; line-height: 40px; text-align: center; border-radius: 20px;background: #4ac1fb} .how_list:hover p i{ color: #FFF} .how_list01{ } .how_list01 h3{ position: relative; top: 75px; left: 55px; } .how_list01 p{ position: relative; top: 125px; left: 150px; } .how_list02 h3{ position: relative; top: 130px; left: 30px; } .how_list02 p{ position: relative; top: -10px; left: 115px; } .how_list03 h3{ position: relative; top: -15px; left: 30px; } .how_list03 p{ position: relative; top: 25px; left: 115px; } .how_list04 h3{ position: relative; top: 140px; left: -10px;} .how_list04 p{ position: relative; top: -10px; left: 60px; } .how_list05 h3{ position: relative; top: 50px; left: -60px;} .how_list05 p{ position: relative; top: 90px; left: 30px; } .sqcl_list li { font-size: 14px; height: 70px; margin-bottom: 30px; padding: 20px 0px} .sqcl_list li span {display:block; width: 70px; height: 70px; border: 1px solid #538ef2; border-radius: 35px; text-align: center; position: absolute;margin-left: -100px;margin-top: -20px;} .sqcl_list li span i{ font-size: 50px; color: #538ef2} .sqcl_list li:hover span{ background: #538ef2 } .sqcl_list li:hover span i{ color: #FFF } .sqcl01{ width: 250px; float: left; margin-left: 125px; } .sqcl02{ text-align: center; padding-top: 30px; float: left; } .sqcl03{ width: 222px; float: left; margin-left: 150px; } .zcxy{ padding: 30px 0px; background:url(./../images/ico23.jpg) no-repeat left 50px #f5f5f5; height: 890px; } .zcxy_list{ padding-left: 160px; } .zcxy_list p{ line-height: 30px; font-size: 16px; font-weight: 500;} .zcxy_list a{ line-height: 30px; font-size: 16px; font-weight: 500;} .wt_list{ height: 270px; background: url(./../images/ico33.jpg) no-repeat center top; margin: 30px 0px; } .wt_list ul li { width: 330px } .wt_list ul li a{ font-size: 14px; color: #464646 } .wt_list01{ position: relative; left: 80px; top: 5px; text-align: right;} .wt_list02{position: relative; left: 780px; top: -15px;} .wt_list03{position: relative; left: 70px; top: 50px; } .wt_list04{position: relative; left: 780px; top: 30px;} .wt_list05{position: relative; left: 70px; top: 129px; } .wt_list06{position: relative; left: 780px; top: 90px;} .fwxm_list{height: 170px; border-bottom: 1px dashed #3383e6; padding: 0px 30px; } .fwxm_list ul li{ width: 222px; height: 170px; float: left; text-align: center; margin-top: 1px;border: 1px dashed #FFF; } .fwxm_list ul li a{ display: block; height: 170px; text-decoration: none;} .fwxm_list ul li div { padding-top: 25px;} .fwxm_list ul li div i{ font-size: 40px; color: #666} .fwxm_list ul li p{ font-size: 14px; } .fwxm_list ul li:hover{border: 1px dashed #3383e6; border-bottom: none;background: #FFF; } .fwxm_list ul li:hover div i{color: #3383e6; } .solution-list{position:relative;height:412px;z-index:9;width:1200px;margin:0 auto;} .solution-list ul li{float:left;width:200px;position:relative;height:412px;transition:all .5s;-moz-transition:all .5s;-webkit-transition:all .5s;-o-transition:all .5s;box-shadow: 0 5px 40px rgba(0,0,0,.5);} .solution-item-wrapper{width:200px;height:412px;} .lc01{ height: 160px; background: #f8f8f8; padding: 30px 20px; font-size: 20px; color: #2d2d2d } .lc01 i{ font-size: 30px; color: #6ec5a2; } .lc02{ height: 269px; background: #FFF; padding: 30px 20px; color: #2d2d2d ; font-size: 14px; line-height: 30px; } .active .lc01{ background: #2c85eb; font-size: 20px; color: #FFF; } .active .lc01 i{ font-size: 30px; color: #FFF; } .active .solution-item-wrapper{position:absolute;z-index:9;top:-62px;left:-51px;width:341px;height:526px;background:#FFF;-webkit-box-shadow:0 5px 40px rgba(0,0,0,.5);-moz-box-shadow:0 5px 40px rgba(0,0,0,.5);box-shadow:0 5px 40px rgba(0,0,0,.5)} .whowho{ height: 710px; padding-top: 50px; } .whowholist{ box-shadow: 0 5px 40px rgba(0,0,0,.5);} .whowho_c{ height: 200px; width: 200px; margin: 0 auto; } .byx{ height: 690px; width: 787px; margin: 0 auto; background: url(./../images/ico35.png) no-repeat center top; transition: All 1s ease-in-out; -webkit-transition: All 1s ease-in-out; -moz-transition: All 1s ease-in-out; -o-transition: All 1s ease-in-out; } .byx:hover{ transform: rotate(360deg); -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -o-transform: rotate(360deg); -ms-transform: rotate(360deg); } .byx ul li{ width: 330px; text-align: center; } .byx ul li a{ font-size: 16px; color: #FFF; } .byx01{ position: relative; left: 220px; top: 100px; } .byx02{ position: relative; left: 30px; top: 180px; } .byx03{ position: relative; left: 422px; top: 160px; } .byx04{ position: relative; left: 29px; top: 355px; } .byx05{ position: relative; left: 235px; top: 450px; } .byx06{position: relative; left: 425px; top: 305px; } .xkjj{ width: 1300px; } .xkjj ul li{ height: 450px; width: 215px; float: left; margin-right: 24px; } .xkjj01{ height: 230px; border:1px dashed #2c85eb; border-bottom: none; } .xkjj02{ width: 70px;position: relative; height: 70px; margin: 0 auto; margin-top:-35px;z-index: 999 ; border-radius: 35px; border:1px solid #FFF; background: #2c85eb; color: #FFF; font-size: 25px; line-height: 70px; text-align: center; } .xkjj03{ background: #2c85eb; height: 218px; margin-top:-35px; position: relative; } .xkjj04{ width: 130px; height: 130px; background: #f4f5f7; border-radius: 65px; text-align: center; line-height: 130px; margin: 35px auto 0px auto; } .xkjj04 i{ color: #2c85eb; font-size: 60px; } .xkjj03 p{ padding: 60px 30px 10px 30px; color: #FFF; font-size: 14px; text-align: center; } .xkjj ul li:hover .xkjj01{ background: #2c85eb; } .xkjj ul li:hover .xkjj02{ background: #2c85eb; color: #FFF; } .xkjj ul li:hover .xkjj03{ background: #ffffff;border:1px dashed #2c85eb; } .xkjj ul li:hover .xkjj04{ background: #f4f5f7; border-radius: 65px; } .xkjj ul li:hover .xkjj04 i{ color: #2c85eb; } .xkjj ul li:hover .xkjj03 p{ color: #2c85eb; } .zhunbei{ background: url(./../images/ico27.jpg) no-repeat top center; height: 1320px; padding-top: 30px; } .zhunbei .c_title{ padding-top: 50px; } .zhunbei01{ padding-left: 200px; width: 730px; padding-top: 100px } .edi_title02{ font-size: 14px; font-weight: bold; line-height: 50px; margin-top: 30px; } .edi01_01{ line-height: 30px; color: #7d7d7d; font-size: 14px; } .edi_title02{ font-size: 18px; color: #666; padding: 10px 0px; margin: 0; font-weight: bold; } .shenpi01{ width: 410px; margin-left: 200px; float: left; } .shenpi02{ width: 410px; margin-left: 150px; float: left; } .shenpi03{ font-size: 16px; color: #3d657f; text-align: center; line-height: 30px; padding-top: 50px; text-align: center; } .biangen{ margin-top: 80px; } .biangen ul li{ width: 360px; height: 334px; background: url(./../images/ico43.jpg) no-repeat; float: left; margin-left: 150px; margin-bottom: 100px; } .biangen01{ width: 90px; height: 90px;line-height: 90px;background: #FFF; text-align: center; border:3px solid #2a86e9; position: relative; top: -45px; right: -130px;} .biangen01 i{ font-size: 50px; color: #f7d663 } .biangen01 { font-size: 50px; color: #f7d663 } .biangen02{ width: 339px; height: 319px; margin: 0 auto; padding: 90px 30px 0px 30px; margin-top: -89px; } .biangen02 h3{ text-align: center; padding-bottom: 20px; font-size: 18px; font-weight: bold; } .biangen02 p{ line-height: 23px; } .biangen ul li:hover .biangen01{ color: #f7d663; background: #f7d663 ; border-color: #f7d663} .biangen ul li:hover .biangen01 i{ color: #FFF } .biangen ul li:hover .biangen01 { color: #FFF } .biangen ul li:hover .biangen02 { background: #04558a; color: #FFF } .hzlc{ height: 640px; background: url(./../images/ico44.jpg) no-repeat top center; } .fwys04{ width: 950px; margin:0 auto; } .fwys04_left{ width: 470px; float: left; border-right:6px solid #7ccaf1; height: 1120px; padding: 30px 0px; } .fwys04_left01{ height: 195px; margin-bottom: 150px; } .fwys04_left02{ width: 380px; height: 190px; border:2px solid #7ccaf1; border-radius: 10px;float: left; } .fwys04_left02 h3{ font-size: 20px; font-weight: bold; padding: 30px; text-align: center;} .fwys04_left02 p{ font-size: 14px; color: #757575; padding: 0px 50px; text-align: center;} .fwys04_left03{ width: 100px; height: 8px; border:2px solid #7ccaf1;border-right:none; float: left; margin-left: -16px; margin-top: 95px; } .fwys04_right{ width: 470px; float: left; height: 1120px; padding: 30px 0px; } .fwys04_right01{ height: 195px; margin-top: 150px; } .fwys04_right02{ width: 380px; height: 190px; border:2px solid #7ccaf1; border-radius: 10px;float: left;margin-left: -16px; } .fwys04_right02 h3{ font-size: 20px; font-weight: bold; padding: 30px; text-align: center;} .fwys04_right02 p{ font-size: 14px; color: #757575; padding: 0px 50px; text-align: center;} .fwys04_right03{ width: 100px; height: 8px; border:2px solid #7ccaf1;border-left:none; float: left; margin-top: 95px; } .fwys04 ul li:hover .fwys04_left02{ border-color: #2a86e9; } .fwys04 ul li:hover .fwys04_left03{ border-color: #2a86e9; } .fwys04 ul li:hover .fwys04_right02{ border-color: #2a86e9; } .fwys04 ul li:hover .fwys04_right03{ border-color: #2a86e9; } .c_ti{ width: 1100px; line-height: 23px; margin: 20px auto; text-align: center; font-size: 14px; } .idc_img{ text-align: center; padding: 10px 0px } .sqlc{ height: 421px;width: 700px; background: url(./../images/idc50.jpg) no-repeat center; margin: 0 auto; } .sqlc ul li{ width: 200px; } .sqlc ul li h3{ font-size: 14px; font-weight: bold; } .sqlc ul li p{ line-height: 23px; color: #484848} .sqlc01{ margin-left: 520px; } .sqlc02{ margin-top: 35px;margin-left: 55px; } .sqlc03{ margin-left: 520px; margin-top: 20px; } .sqlc04{ margin-top: 35px;margin-left: 55px;} .lcxj{ height: 305px; background: url(./../images/idc51.jpg) no-repeat center top; } .lcxj li{ width: 200px; float: left; padding:0px 10px;} .lcxj01{ margin-top: 200px; font-size: 12px; } .lcxj02{ margin-top: 10px; font-size: 12px; } .lcxj03{ margin-top: 185px; font-size: 12px; line-height: 12px; } .lcxj04{ margin-top: 10px; font-size: 12px; } .lcxj05{ margin-top: 185px; font-size: 12px; line-height: 14px; } .lcxj06{ margin-top: 10px; font-size: 12px; } .glpc{ height: 350px; background: url(./../images/ico53.jpg)no-repeat center top; } .glpc li{ line-height: 25px; font-size: 14px; } .glpc01{ padding-left: 300px; padding-top: 50px; } .glpc02{ padding-left: 800px; } .glpc03{padding-left: 240px; } .ptzj{ background: url(./../images/ico54.jpg) no-repeat center; height: 295px; } .ptzj ul li{ width: 190px; float: left; margin-left: 45px; padding-top: 110px; line-height: 23px; font-size: 14px; color: #FFF } .ptyz{ background: url(./../images/ico55.jpg) no-repeat center top; height: 522px; padding-top: 30px; } .ptyz ul li{ width: 350px; line-height: 23px; font-size: 14px; color: #575757 } .ptyz01{ margin-left: 850px; } .ptyz02{ margin-left: 80px; margin-top: 50px; } .ptyz03{margin-left: 850px; margin-top: 30px; } .zjyq{ width: 600px; margin: 0 auto; } .zjyq ul li{ margin-bottom: 50px; } .zjyq_left01{float: left; width: 130px; margin-right: 20px; height: 70px; line-height: 70px; text-align: center; background: url(./../images/ico56.jpg) no-repeat center top; font-size: 16px; font-weight: bold; color: #FFF;} .zjyq_left02{float: left; width: 450px; line-height: 35px; font-size: 14px; } .xtjsbz{ width: 330px; margin: 0 auto; } .xtjsbz div{ height: 175px; width: 110px; margin: 0 auto; background: url(./../images/ico58.jpg) no-repeat center top; line-height: 130px; text-align: center; font-size: 30px; color: #FFF; } .xtjsbz p{ line-height: 23px; color: #6f6f6f; margin-top: 20px; text-align: center; } .gnxq{ width: 1000px; margin: 0 auto; background: url(./../images/ico59.jpg) no-repeat center top; height: 360px; } .gnxq li{width: 260px; height: 160px; float: left; margin-bottom: 40px;} .gnxq01{margin-left: 20px;margin-top: 10px } .gnxq02{ margin-left: 440px;margin-top: 10px } .gnxq03{ margin-left: 20px; } .gnxq04{ margin-left: 440px; } .pcyz{ width: 250px; margin: 0 auto; } .pcyz div{ height: 190px; width: 190px; margin: 0 auto; background: url(./../images/ico60.jpg) no-repeat center top; line-height: 190px; text-align: center; font-size: 16px; color: #FFF; } .pcyz p{ line-height: 23px; color: #6f6f6f; margin-top: 20px; text-align: center; } .xtjg{ text-align: center; } .xtjg p{ padding: 20px 0px; font-size: 14px; } .fwys{ margin-bottom: 30px; } .fwys01{ width: 300px; height: 220px; margin: 0 auto; } .fwys01 p{ width: 250px; height: 50px; line-height: 50px; text-align: center;font-size: 14px; background: #4c4c4c; color: #FFF; margin: 0 auto; border-radius: 25px; } .fwys01 div{ padding: 45px 30px 0px 30px; text-align: center; font-size: 14px; width: 300px; height: 200px; margin: 0 auto; background: #f8f8f8; border:1px dashed #c8c4c4; border-radius: 10px; margin-top: -25px; z-index: -99; position: relative; } .fwys01:hover p{ background: #a4a4a4; color: #FFF; } .w_bl{ height: 400px; background: url(./../images/wh01.jpg) no-repeat center top; margin-bottom: 50px; } .w_bl01 li{ width: 350px; height: 150px; padding-top: 5px; font-size: 16px; text-align: center; float: left; } .w_bl01 li:hover{ width: 350px; height: 150px; padding-top: 5px; font-size: 16px; text-align: center; float: left; border-width: 3px; } .w_bl01 li p{ margin-top: 5px } .w_bl03{border:1px solid #92d14f; border-radius: 5px;margin-left: 8px;margin-top: 6px;} .w_bl04{ border:1px solid #00a99e; border-radius: 5px; margin-left: 811px; margin-top: -150px} .w_bl05{ border:1px solid #f45e77; border-radius: 5px;margin-left: 8px; margin-top: 90px; } .w_bl06{border:1px solid #01b0f1; border-radius: 5px; margin-left: 815px; margin-top: -150px;} .w_bz{ height: 730px; background: #fbfbfb;} .w_bz_c{ width: 190px; height: 200px; margin: 0 auto; } .w_bz_c_content_list{} .w_bz_c_content_list div{ height: 120px; width: 120px; margin: 0 auto; text-align: center; line-height: 120px; border-radius: 60px; margin-bottom: 15px; } .w_bz_c_content_list div i{ font-size: 40px; color: #FFF; } .w_bz_c_content_list h3{ color: #666; font-family: 'Adobe 黑体 Std'; font-size: 14px; text-align: center; margin-bottom: 10px; } .w_bz_c_content_list p{ color: #666; font-size: 12px; text-align: center; } .wh03 li{ width:580px; height: 178px; border-radius: 5px; float: left; margin-right: 15px; margin-bottom: 15px; } .wh03 li h2{ width: 350px; padding-left: 20px; padding-top: 30px; padding-bottom: 20px; font-size: 20px; font-weight: bold; color: #FFF } .wh03 li p{ width:350px; padding-left: 20px; color: #FFF; font-size: 14px;} /*.wh03 li:hover h2{font-size: 22px} .wh03 li:hover p{ width:350px; padding-left: 20px; color: #FFF; font-size: 16px;}*/ .wh03_01{ background: url(./../images/wh06.jpg) no-repeat center top; } .wh03_02{ background: url(./../images/wh07.jpg) no-repeat center top; } .wh03_03{ background: url(./../images/wh08.jpg) no-repeat center top; } .wh03_04{ background: url(./../images/wh09.jpg) no-repeat center top; } .wh03_05{ background: url(./../images/wh10.jpg) no-repeat center top; } .wh03_06{ background: url(./../images/wh11.jpg) no-repeat center top; } .wh04{ height: 499px; background: url(./../images/wh12.jpg) no-repeat center top; margin-top: 20px; } .wh05 ul li { width: 340px; height: 340px; background:url(./../images/wh15.jpg) no-repeat left top ; float: left; margin-left: 50px; } .wh05 ul li h2 { width: 155px; height: 70px; line-height: 70px; color: #47a5cb; border-bottom: 3px solid #47a5cb; font-size: 18px; font-weight: bold; text-align: center; margin: 50px auto; } .wh05 ul li p { width: 200px; margin: 0px auto; font-size: 14px; text-align: center; } .wh05 ul li:hover { width: 340px; height: 340px; background:url(./../images/wh14.jpg) no-repeat -1px top ; } .wh05 ul li:hover h2 { color: #fe0003; border-color: #fe0003;} .wh06{ height: 750px; background: #f1faff; } .wh06_01{background: url(./../images/wh16.jpg) no-repeat #f1faff center; height: 450px; margin-top: 30px;} .wh06_01 ul li{ height: 95px; width: 480px; font-size: 16px; line-height: 95px; margin-top: -10px; } .wh06_01 ul li:hover{ font-weight: bold; } .wh06_02_right{ background: url(./../images/wh18.jpg) no-repeat top left; margin-left: 690px; padding-left: 100px } .wh06_02_left{ background: url(./../images/wh17.jpg) no-repeat top left; padding-left: 50px} .wh06_02_1:hover{ color: #35bc9b } .wh06_02_2:hover{ color: #7bb92a } .wh06_02_3:hover{ color: #3cbad1 } .wh06_02_4:hover{ color: #fdc903 } .wh06_02_5:hover{ color: #e63641 } .wh07{ height: 736px; background: url(./../images/wh20.jpg) no-repeat top center; } .wh08_01{ background: url(./../images/wh22.jpg) no-repeat 50px top; height: 450px; } .wh08_02{ background: url(./../images/au_03.jpg) no-repeat 50px top; height: 450px; } .wh08_01 ul{ margin-left: 600px; padding-top: 100px; } .wh08_01 ul li{font-size: 16px; color: #6c6c6c; width: 600px; margin-bottom: 20px;} .wh08_01 ul li span{font-size: 36px; color: #0498f2; font-family: 'Impact'; line-height: 30px; overflow: hidden; display: block; float: left; margin-right: 5px;} .wh08_01 ul li a{line-height: 30px; color: #666; display: block; float: left;} .wh10_01{ margin-bottom: 30px; } .wh10_01 img{ margin-bottom: 30px;width: 560px; } .wh09 ul li:hover{ font-weight: bold; } .wh09_02{ width: 150px; text-align: center; font-size: 14px; float: left; margin-left: 2px; } .wh09_03{ width: 150px; text-align: center; font-size: 14px; float: left; margin-left: 200px; } .wh09_04{ width: 150px; text-align: center; font-size: 14px; float: left; margin-left: 191px; } .wh09_05{ width: 90px; text-align: center; font-size: 14px; float: left; margin-left: 226px; } /*效果一：360°旋转 修改rotate(旋转度数)*/ .xiaoguo1 { transition: All 0.4s ease-in-out; -webkit-transition: All 0.4s ease-in-out; -moz-transition: All 0.4s ease-in-out; -o-transition: All 0.4s ease-in-out; } .xiaoguo1:hover { transform: rotate(360deg); -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -o-transform: rotate(360deg); -ms-transform: rotate(360deg); } /*效果二：放大 修改scale(放大的值)*/ .xiaoguo2 { transition: All 0.4s ease-in-out; -webkit-transition: All 0.4s ease-in-out; -moz-transition: All 0.4s ease-in-out; -o-transition: All 0.4s ease-in-out; } .xiaoguo2:hover { transform: scale(1.2); -webkit-transform: scale(1.2); -moz-transform: scale(1.2); -o-transform: scale(1.2); -ms-transform: scale(1.2); } .icp01 li:hover span { transform: scale(1.2); -webkit-transform: scale(1.2); -moz-transform: scale(1.2); -o-transform: scale(1.2); -ms-transform: scale(1.2); } .xiaoguo22 { transform: scale(1.2); -webkit-transform: scale(1.2); -moz-transform: scale(1.2); -o-transform: scale(1.2); -ms-transform: scale(1.2); } /*效果三：旋转放大 修改rotate(旋转度数) scale(放大值)*/ .xiaoguo3 { transition: All 0.4s ease-in-out; -webkit-transition: All 0.4s ease-in-out; -moz-transition: All 0.4s ease-in-out; -o-transition: All 0.4s ease-in-out; } .xiaoguo3:hover { transform: rotate(360deg) scale(1.2); -webkit-transform: rotate(360deg) scale(1.2); -moz-transform: rotate(360deg) scale(1.2); -o-transform: rotate(360deg) scale(1.2); -ms-transform: rotate(360deg) scale(1.2); } .w_bz_c_content_list:hover .xiaoguo3 { transform: scale(1.2); -webkit-transform: scale(1.2); -moz-transform: scale(1.2); -o-transform: scale(1.2); -ms-transform: scale(1.2); } .xkz:hover .xiaoguo3 { transform: rotate(360deg) scale(1.2); -webkit-transform: rotate(360deg) scale(1.2); -moz-transform: rotate(360deg) scale(1.2); -o-transform: rotate(360deg) scale(1.2); -ms-transform: rotate(360deg) scale(1.2); } /*效果四：上下左右移动 修改translate(x轴,y轴)*/ .xiaoguo4 { transition: All 0.4s ease-in-out; -webkit-transition: All 0.4s ease-in-out; -moz-transition: All 0.4s ease-in-out; -o-transition: All 0.4s ease-in-out; } .advantage_table tr td:hover .xiaoguo4{ transform: translate(0, -10px); -webkit-transform: translate(0, -10px); -moz-transform: translate(0, -10px); -o-transform: translate(0, -10px); -ms-transform: translate(0, -10px); } .wh03 ul li:hover .xiaoguo4{ transform: translate(0, -10px); -webkit-transform: translate(0, -10px); -moz-transform: translate(0, -10px); -o-transform: translate(0, -10px); -ms-transform: translate(0, -10px); } .xiaoguo4:hover { transform: translate(0, -10px); -webkit-transform: translate(0, -10px); -moz-transform: translate(0, -10px); -o-transform: translate(0, -10px); -ms-transform: translate(0, -10px); } /*自下而上*/ .xiaoguo5{ width:100px; height:100px; background:red; position:absolute; animation:myfirst 5s; -webkit-animation:myfirst 1s; animation-fill-mode: forwards; } @-webkit-keyframes myfirst /* Safari and Chrome */ { 0% {background:red; left:500px; bottom:50px;} 100% {background:red; left:500px; height:210px;bottom:50px;} } /*
*/ .wk_case_xian {left: 5px;top: -95px;width: 260px;height: 91px;position: relative; } .wk_case_xian span {background: rgb(13, 223, 186);transition: 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);position: absolute;-o-transition: all .3s cubic-bezier(.25, .46, .45, .94);-webkit-transition: all .3s cubic-bezier(.25, .46, .45, .94);-moz-transition: all .3s cubic-bezier(.25, .46, .45, .94);} .wk_span_1 {left: 0px;top: 0px;width: 0px;height: 2px;} .wk_span_2 {top: 0px;width: 2px;height: 0px;right: 0px;} .wk_span_3 {width: 0px;height: 2px;right: 0px;bottom: 0px;} .wk_span_4 {left: 0px;width: 2px;height: 0px;bottom: 0px;} .hzhb_list li:hover .wk_span_1 {width: 100%;} .hzhb_list li:hover .wk_span_3 {width: 100%;} .hzhb_list li:hover .wk_span_2 {height: 100%;} .hzhb_list li:hover .wk_span_4 {height: 100%;} .know_nav {width:1200px;margin: 20px auto;} .know_nav h1 {font-size: 14px;font-weight: normal} .know_nav li {background-color: #ccc;margin: 0px 10px;width: 120px;height: 30px;line-height: 30px;display: inline-block;text-align: center;border-radius:20px;-moz-border-radius:20px;-ms-border-radius:20px;-o-border-radius:20px;-webkit-border-radius:20px} .know_nav li.on {background-color: #E94C18;color: #fff} .know_nav li:hover {background-color: #E94C18;color: #fff} .shadow{background: url(./../images/1pxshadow.png) repeat-x ; height: 10px;} /*qq*/ .commonposition{_position:absolute;_top: expression(documentElement.scrollTop + 200 + "px");position:fixed; top:30%; right:0px; z-index:999999; display:block;} .commonposition a{display:block; width:45px; height:45px; position:relative; background-color:#e20000; background-image:url(./../images/icon.png);background-repeat:no-repeat; margin-top:1px;} .commonposition a span{display:none; position:absolute; right:0px; top:0px; height:45px; padding-left:50px; color:#fff;line-height:45px; font-size:14px;background-color:#262626;} .commonposition a.HomeQQ{ background-position:-362px -186px;} .commonposition a.Homedianhua{ background-position:-362px -231px;} .commonposition a.Homexuqiu{ background-position:-362px -275px;} .commonposition a.Homeweixin{ background-position:-362px -322px;} .commonposition a.Hometop{ background-position:-362px -370px; background-color:#4e4e4e;} .commonposition a span.QQbggray{background-position:-360px -186px;background-image:url(./../images/icon.png);background-repeat:no-repeat; width:160px;} .commonposition a span.weixinerweima{right:45px; padding:0px;} .commonposition a span.dianhuabggray{background-position:-362px -231px;background-image:url(./../images/icon.png);background-repeat:no-repeat;width:160px;} .commonposition a span.Homexuqiu{ background-position:-362px -275px;background-image:url(./../images/icon.png);background-repeat:no-repeat;width:160px;} .about_qywh01{ height: 358px; background: url(./../images/ab08.jpg) no-repeat 140px top; } .about_qywh02{ width: 360px; height: 350px; float: left; margin-left: 30px; padding: 20px 15px; } .about_qywh02 span{ font-size: 20px; line-height: 30px; color: #2e2e2e; font-weight: bold; } .about_qywh02:hover{background: #967b50;color: #FFF;} .line{border:1px solid #2e2e2e; margin: 10px; width: 50px;} .about_qywh03{ height: 600px; background: #f1f1f2; } .about_qywh04{ width: 450px; height: 580px;font-size: 16px; line-height: 30px; border:1px solid #ebebeb; float: left; margin-left: 100px } .about_qywh04 p{ padding: 30px; } .about_gywm02_a{ width: 260px; height: 260px; background: #fffff5; border:3px solid #dedede; border-radius: 130px; float: left;margin-left: 230px;} .about_gywm02_a p{ padding: 50px; text-align: center; font-size: 14px; } .about_gywm02_a p i{ font-size: 50px;} .about_gywm02_b{ width: 260px; height: 260px; background: #fffff5; border:2px solid #dedede; border-radius: 130px; float: left;margin-left: 230px; } .about_gywm02_b p{ padding: 50px; text-align: center; font-size: 14px;} .about_gywm02_b p i{ font-size: 50px;} .about_gywm03{ width: 1110px; margin: 0 auto;} .about_jrwm{ background: url(./../images/ab13.jpg) no-repeat top center; height: 1469px; } .dt01{ padding-top: 95px;padding-left: 282px; } .dt02{ display: block; background-image:url(./../images/dt01.png); width:600px; height:240px; } .dt02{ opacity:0;} .dt02{ opacity:1;} .dt02{ -ms-transition:1s 1s; -webkit-transition:1s 1s; -moz-transition:1s 1s;transition:1s 1s;} .dt02{animation:1s 1s bounceInLeft; -webkit-animation:1s 1s bounceInLeft;} .dt03 {width:450px;height: 35px; overflow: hidden; margin-top: 130px; margin-left: 100px;} .dt03 i {background-image:url(./../images/dt02.png); display: block; float: left;height: 35px;/*width: 35px;*/background-repeat: no-repeat;margin-left: 3px;} .dt03 i.i_1 {background-position:0 0; width: 42px;} .dt03 i.i_2 {background-position:-42px 0; width: 33px;} .dt03 i.i_3 {background-position:-75px 0; width: 34px;} .dt03 i.i_4 {background-position:-108px 0; width: 45px;} .dt03 i.i_5 {background-position:-165px 0; width: 275px;} .dt03 i { opacity:1} .dt03 i.i_1 { transition:.3s .5s} .dt03 i.i_2 { transition:.3s .8s} .dt03 i.i_3 { transition:.3s 1.1s} .dt03 i.i_4 { transition:.3s 1.4s} .dt03 i.i_5 { transition:.3s 1.7s} .dt03 i.i_2 { animation:1s .8s bounceInRight; -webkit-animation:1s .8s bounceInRight } .dt03 i.i_3 { animation:1s 1.1s bounceInRight; -webkit-animation:1s 1.1s bounceInRight } .dt03 i.i_4 { animation:1s 1.4s bounceInRight; -webkit-animation:1s 1.4s bounceInRight } .dt03 i.i_5 { animation:1s 1.7s bounceInRight; -webkit-animation:1s 1.7s bounceInRight } .qygs01{ padding-top: 95px;padding-left: 100px; } .qygs02{ display: block; background-image:url(./../images/qygs01.png); width:650px; height:320px; } .qygs02{ opacity:0;} .qygs02{ opacity:1;} .qygs02{ -ms-transition:1s 1s; -webkit-transition:1s 1s; -moz-transition:1s 1s;transition:1s 1s;} .qygs02{animation:1s 1s bounceInLeft; -webkit-animation:1s 1s bounceInLeft;} .qygs03 {width:450px;height: 35px; overflow: hidden; margin-top: 20px; margin-left: 10px;} .qygs03 i {background-image:url(./../images/qygs02.png); display: block; float: left;height: 35px;/*width: 35px;*/background-repeat: no-repeat;margin-left: 3px;} .qygs03 i.i_1 {background-position:0 0; width: 42px;} .qygs03 i.i_2 {background-position:-42px 0; width: 33px;} .qygs03 i.i_3 {background-position:-75px 0; width: 34px;} .qygs03 i.i_4 {background-position:-108px 0; width: 45px;} .qygs03 i.i_5 {background-position:-165px 0; width: 275px;} .qygs03 i { opacity:1} .qygs03 i.i_1 { transition:.3s .5s} .qygs03 i.i_2 { transition:.3s .8s} .qygs03 i.i_3 { transition:.3s 1.1s} .qygs03 i.i_4 { transition:.3s 1.4s} .qygs03 i.i_5 { transition:.3s 1.7s} .qygs03 i.i_2 { animation:1s .8s bounceInRight; -webkit-animation:1s .8s bounceInRight } .qygs03 i.i_3 { animation:1s 1.1s bounceInRight; -webkit-animation:1s 1.1s bounceInRight } .qygs03 i.i_4 { animation:1s 1.4s bounceInRight; -webkit-animation:1s 1.4s bounceInRight } .qygs03 i.i_5 { animation:1s 1.7s bounceInRight; -webkit-animation:1s 1.7s bounceInRight } /*.dt04{ width:400px; height: 215px; background:url(../images/dt03.png) 100% 100%; background-size: 400px 215px; margin-top: 170px; margin-left: 100px; } .dt04{animation:1s bounceInLeft; -webkit-animation:1s bounceInLeft;}*/ .dt04 { width: 400px; height: 400px; float: left; margin-top: 100px; margin-left: 500px; background:url(./../images/bpbj.png) no-repeat; } .dt04 #xzbox { width: 236px; height: 236px; margin:80px auto 0 83px; background: url(./../images/bpnr.png) no-repeat; border-radius:140px; -webkit-animation:run 6s linear 0s infinite; } .dt04 #xzbox:hover{ -webkit-animation-play-state:paused; } @-moz-keyframes run{ 0%{ -moz-transform:rotate(0deg); } 100%{ -moz-transform:rotate(360deg); } } @-webkit-keyframes run{ 0%{ -webkit-transform:rotate(0deg); } 100%{ -webkit-transform:rotate(360deg); } } @keyframes run{ 0%{ transform:rotate(0deg); } 100%{ transform:rotate(360deg); } } .dt05{ background-image:url(../images/dt04.png); width:240px; height:590px; margin-left: 100px; } /*.dt05{ -ms-transition:1s 1s; -webkit-transition:1s 1s; -moz-transition:1s 1s;transition:1s 1s;} .dt05{animation:1s 1s bounceInLeft; -webkit-animation:1s 1s bounceInLeft;}*/ .dt06{ background-image:url(./../images/dt05.png); width: 570px; overflow: hidden; height: 320px;animation:1s .8s bounceInRight; -webkit-animation:1s .8s bounceInRight; margin-top: 100px; margin-left: 20px;} .dt09{ background-image:url(./../images/dt13.png); width: 570px; overflow: hidden; height: 320px;animation:1s .8s bounceInRight; -webkit-animation:1s .8s bounceInRight; margin-top: 80px; margin-left: 20px;} .dt10{ background-image:url(./../images/dt14.png); width: 570px; overflow: hidden; height: 320px;animation:1s .8s bounceInRight; -webkit-animation:1s .8s bounceInRight; margin-top: 100px; margin-left: 20px;} .dt11{ background-image:url(./../images/dt15.png); width: 570px; overflow: hidden; height: 320px;animation:1s .8s bounceInRight; -webkit-animation:1s .8s bounceInRight; margin-top: 100px; margin-left: 20px;} .dt_iso9000{ background-image:url(./../images/dt_iso9000.png); width: 570px; overflow: hidden; height: 320px;animation:1s .8s bounceInRight; -webkit-animation:1s .8s bounceInRight; margin-top: 100px; margin-left: 20px;} .dt_iso27000{ background-image:url(./../images/dt_iso27000.png); width: 600px; overflow: hidden; height: 320px;animation:1s .8s bounceInRight; -webkit-animation:1s .8s bounceInRight; margin-top: 100px; margin-left: 20px;} .dt_kxwz{ background-image:url(./../images/dt_kxwz.png); width: 570px; overflow: hidden; height: 320px;animation:1s .8s bounceInRight; -webkit-animation:1s .8s bounceInRight; margin-top: 100px; margin-left: 20px;} .dt_wxrz{ background-image:url(./../images/dt_wxrz.png); width: 570px; overflow: hidden; height: 320px;animation:1s .8s bounceInRight; -webkit-animation:1s .8s bounceInRight; margin-top: 100px; margin-left: 20px;} .dt07{ background-image:url(./../images/dt06.png); width: 500px; overflow: hidden; height: 190px;animation:1s .8s bounceInUp; -webkit-animation:1s .8s bounceInUp; margin-top: 160px; margin-left: 180px;} .dt08{ background-image:url(./../images/dt07.png); width: 240px; height: 70px; transition:.3s 1.7s; animation:1s 1.7s bounceInUp; -webkit-animation:1s 1.7s bounceInUp;overflow: hidden; margin-left: 330px; margin-top: 20px; } .business .box{width: 1024px;margin: 0 auto;position: relative;-webkit-transition: all .3s ease-in-out 0s;-moz-transition: all .3s ease-in-out 0s;-ms-transition: all .3s ease-in-out 0s;-o-transition: all .3s ease-in-out 0s;transition: all .3s ease-in-out 0s; margin-top:20px; z-index:1;} .business .box ul.items{margin: 0 auto;} .business .box ul.items li{width: 260px;height: 350px;margin: 0 39px;background: url(../images/yellow.jpg) no-repeat 0px 500px;overflow: hidden;display: inline-block; padding-top:10px;} .business .box ul.items li i{display: block;position: relative;margin: 0 auto;margin-top: 36px;height: 69px;} .business .box ul.items li.pc i{width: 59px;background: url(../images/i1.png) no-repeat;} .business .box ul.items li.mobi i{width: 46px;background: url(../images/i2.png) no-repeat;} .business .box ul.items li.sys i{width: 59px;background: url(../images/i3.png) no-repeat;} .business .box ul.items li.pc1 i{width: 59px;background: url(../images/ii1.png) no-repeat;} .business .box ul.items li.mobi1 i{width: 58px;background: url(../images/ii2.png) no-repeat;} .business .box ul.items li.sys1 i{width: 59px;background: url(../images/ii3.png) no-repeat;} .business .box ul.items li u{display: block;position: absolute;width: 130px;height: 130px;margin-left: 64px;background: url(../images/circle.png) no-repeat;-webkit-transition: all .5s ease-in-out 0s;-moz-transition: all .5s ease-in-out 0s;-ms-transition: all .5s ease-in-out 0s;-o-transition: all .5s ease-in-out 0s;transition: all .5s ease-in-out 0s;} .business .box ul.items li u.cl{clip: rect(0px,130px,-10px,65px);} .business.active .box ul.items li u.cl{clip: rect(0px,130px,130px,65px);} .business .box ul.items li u.cr{clip: rect(130px,65px,130px,0px);} .business.active .box ul.items li u.cr{clip: rect(0px,65px,130px,0px);} .business .box ul.items li strong{display: block;margin-top: 70px;font-size: 16px;font-weight: normal;text-align: center;color:#222;} .business .box ul.items li p{position: relative;top: 220px;color: #333;padding:0 30px;line-height:24px;font-size: 12px;} .business .box ul.items li:hover{background-position: 0px 0px; background-size:100% 100%;-webkit-transition: all .5s ease-in-out .3s;-moz-transition: all .5s ease-in-out .3s;-ms-transition: all .5s ease-in-out .3s;-o-transition: all .5s ease-in-out .3s;transition: all .5s ease-in-out .3s;} .business .box ul.items li:hover i{-webkit-transition: all .5s ease-in-out .4s;-moz-transition: all .5s ease-in-out .4s;-ms-transition: all .5s ease-in-out .4s;-o-transition: all .5s ease-in-out .4s;transition: all .5s ease-in-out .4s;} .business .box ul.items li.pc:hover i{background: url(../images/i4.png) no-repeat;} .business .box ul.items li.mobi:hover i{background: url(../images/i5.png) no-repeat;} .business .box ul.items li.sys:hover i{background:url(../images/i6.png) no-repeat;} .business .box ul.items li.pc1:hover i{background: url(../images/ii4.png) no-repeat;} .business .box ul.items li.mobi1:hover i{background: url(../images/ii5.png) no-repeat;} .business .box ul.items li.sys1:hover i{background:url(../images/ii6.png) no-repeat;} .business .box ul.items li:hover u.cl{clip: rect(0px,156px,-10px,78px);} .business .box ul.items li:hover u.cr{clip: rect(156px,78px,156px,0px);} .business .box ul.items li:hover strong{-webkit-transition-delay: .4s;-moz-transition-delay: .4s;-ms-transition-delay: .4s;-o-transition-delay: .4s;transition-delay: .4s;} .business .box ul.items li:hover p{top: 20px;-webkit-transition: all .3s ease-in-out .5s;-moz-transition: all .3s ease-in-out .5s;-ms-transition: all .3s ease-in-out .5s;-o-transition: all .3s ease-in-out .5s;transition: all .3s ease-in-out .5s;} .business .box label{display: block;margin: 0 auto;margin-top: -40px;width: 297px;height: 21px;background: url(../images/words.png) no-repeat 0px -333px;}