/*视频*/
.yz{ height: 716px; background:url(/images/yz_bg.jpg) no-repeat center; }
.yz h2{text-align: center; padding-top: 55px;font-size: 34px; line-height: 30px;color: #333; font-weight: normal;}
.yz h2 b{ color: #23B5DC;}
.yz p{padding: 30px 70px; text-align: center; font-size:14px; line-height: 26px; color: #666666;}
.yz i{ width: 1200px; height: 450px; display: block;}
.yz video{width: 800px; height: 450px; display: block;margin:0 auto;}
/*产品优势*/
.pz h2{text-align: center; padding-top: 70px;font-size: 34px; line-height: 24px;color: #23B5DC; font-weight: normal;}
.pz  h2 span{ display: block;font-size: 20px;line-height: 24px; color:#666666;padding-top: 16px;padding-bottom: 36px;}
.pz .pz_con{ height: 433px; background:url(../images/pz_s.jpg) no-repeat center; margin-bottom: 70px;}
.pz .pz_con li{float: left; width:300px; height: 215px; position:relative; overflow:hidden;}
.pz .pz_con li b{padding: 45px 35px; display: block;font-weight: normal; }
.pz .pz_con li span{display: block; font-size: 20px; color: #424242;}
.pz .pz_con li span em{display: block; font-size: 13.5px; color: #666666;opacity: 0.5;}
.pz .pz_con li img{ margin-top: 50px;}
.pz .pz_con li p{ position: absolute;background: #23b5dc;bottom:0;transition: all 0.3s linear; width: 300px; height:0;}
.pz .pz_con li p strong{ display: block; margin-left: 25px;color: #fff; font-size: 14px; }
.pz .pz_con li p strong i{ width: 250px; display: block; margin-top: 45px; font-size: 20px; color: #fff;}
.pz .pz_con li p strong a{ font-weight: normal;opacity: 0.7; color: #fff;}
.pz .pz_con li p strong i em{float: right; font-size: 30px; color: #fff; font-family: "GothamBook";}
.pz .pz_con li p span{ margin-left: 25px; color: #fff; margin-top: 32px; font-size: 14px; color: #fff; opacity: 0.9; margin-right: 25px;}
.pz .pz_con li:hover p{height:215px;}
/*产品展示*/
.pro{ background:url(../images/pro_bg.jpg) no-repeat center -17px; background-size: 100% 100%;height: 715px; }
.pro h2{text-align: center; padding-top: 60px;font-size: 34px; line-height: 24px;color: #23B5DC; font-weight: normal;}
.pro  h2 span{ display: block;font-size: 20px;line-height: 24px; color:#666666;padding-top: 16px;padding-bottom: 55px;}
.pro h2 a{color: #23B5DC; }
.pro .scp{ overflow:hidden;}
.pro .scptp{ width:48%;position:relative;}
.pro .scptp img{ width:100%; }
.pro .scptp h3{ text-align:center; line-height:3em; position:absolute; left:0; bottom:0; display:block; background:rgba(0,0,0,0.5); width:100%; font-size:14px;}
.pro .scptp h3 a{ color:#fff;}
.pro .scpsm{ width:48%; margin-left:4%;}
.pro .scpsm table{ border-collapse:collapse; line-height:2.2em; text-align:center;}
.pro .ckgd{ width:160px; height:42px; border-radius:12px; display:block; overflow:hidden; line-height:42px; text-align:center; color:white; clear:both; margin:0 auto; margin-top:40px; background:#23b5dc url(/images/jt6.png) no-repeat 110px 14px;}
.pro .ckgd a:link,.pro .ckgd a:visited,.pro .ckgd a:hover{ color:#fff;}
.pro2{ background:none;}
.pro2 .scpsm dt{ font-size:20px; font-weight:bold;line-height:2.4em;}
.pro2 .scpsm dd{ font-size:18px; line-height:2.4em;}
/*b4*/
.b4{ height:276px; width:100%; background:url(../images/b4.jpg) no-repeat center top;background-size:auto 100%;}
.b4nr{ color:#fff; margin-left:764px; padding-top:51px;}
.b4nrs p{ font-size:20px; line-height:48px;}
.b4nrs p b{ font-size:29px;}
.b4nrx{ margin-top:20px;}
.b4nrx p{ display:block; background: url(../images/dhtb2.png) no-repeat left 3px; height:52px; width:193px; padding-left:55px; box-sizing:border-box; overflow:hidden; line-height:18px;}
.b4nrx p b{ font-size:18px;}
.b4nrx a{ display:block; width:184px; height:46px; border-radius:4px; text-align:center; line-height:46px; font-size:16px; color:#444; border:1px solid #ccc; background:#fff; margin-left:137px; margin-top:10px;}
/*解决方案*/
.so{ height: 680px;}
.so h2{text-align: center; padding-top: 60px;font-size: 34px; line-height: 24px;color: #23B5DC;}
.so  h2 span{ display: block;font-size: 20px;line-height: 24px; color:#666666;padding-top: 16px;padding-bottom: 36px;font-weight: normal;}
.so .so_l{ float: left; width: 404px;}
.so .so_l li{ float: left; width: 193px; height:104px; margin-right: 9px; margin-bottom: 7px; background: #ededed; text-align: center; font-size: 18px; color: #333;}
.so .so_l li  i{ width: 39px; height: 33px; margin:19px auto 12px; display: block;transition: all 0.5s ease-in-out;}
.so .so_l li:hover i{transform: rotateY(180deg);}
.so .so1 i{background:url(../images/so1.png) no-repeat center; }
.so .so2 i{background:url(../images/so2.png) no-repeat center; }
.so .so3 i{background:url(../images/so3.png) no-repeat center; }
.so .so4 i{background:url(../images/so4.png) no-repeat center; }
.so .so5 i{background:url(../images/so5.png) no-repeat center; }
.so .so6 i{background:url(../images/so6.png) no-repeat center; }
.so .so7 i{background:url(../images/so7.png) no-repeat center; }
.so .so8 i{background:url(../images/so8.png) no-repeat center; }
.so .so_l li:hover,.so .so_l li.cur{ background: #23B5DC; color: #fff;}
.so .so_l li:hover a,.so .so_l li.cur a{color: #fff;}
.so .so_l .so1:hover i,.so .so_l .so1.cur i{background:url(../images/so1h.png) no-repeat center; }
.so .so_l .so2:hover i,.so .so_l .so2.cur i{background:url(../images/so2h.png) no-repeat center; }
.so .so_l .so3:hover i,.so .so_l .so3.cur i{background:url(../images/so3h.png) no-repeat center; }
.so .so_l .so4:hover i,.so .so_l .so4.cur i{background:url(../images/so4h.png) no-repeat center; }
.so .so_l .so5:hover i,.so .so_l .so5.cur i{background:url(../images/so5h.png) no-repeat center; }
.so .so_l .so6:hover i,.so .so_l .so6.cur i{background:url(../images/so6h.png) no-repeat center; }
.so .so_l .so7:hover i,.so .so_l .so7.cur i{background:url(../images/so7h.png) no-repeat center; }
.so .so_l .so8:hover i,.so .so_l .so8.cur i{background:url(../images/so8h.png) no-repeat center; }
.so .so_r{float: right;}
.so .so_r dl{position: relative;}
.so .so_r dt{ height:437px;}
.so .so_r dt img{ width: 776px; height: 437px;}
.so .so_r dd{position: absolute; left: 0 ;bottom: 0; background: rgba(0,0,0,0.5); width: 776px;height: 85px;}
.so .so_r dd h3{ padding-top: 18px; padding-left: 45px;}
.so .so_r dd h3 a{ font-size: 18px; line-height: 24px;color: #ffffff; font-weight: normal;}
.so .so_r dd p{ padding-left: 45px; color: #fff; font-size: 14px; line-height: 24px; color:#fff;padding-top: 8px;}
.so .so_r dd p a{font-size: 14px; color: #fff; }
/*公司优势*/
.ys{ height: 915px;background:url(../images/ys_bg.jpg) no-repeat center; }
.ys h2{text-align: center; padding-top: 60px;font-size: 34px; line-height: 24px;color: #23B5DC;}
.ys h2 span{ display: block;font-size: 20px;line-height: 24px; color:#666666;padding-top: 16px;padding-bottom: 36px;font-weight: normal;}
.ys .tab2 li{ float: left; width: 126px; height:142px;background:url(../images/bai.png) no-repeat center;text-align: center; font-size: 20px; color: #333; padding: 0 87px;}
.ys .tab2 li i{ width: 45px; height: 39px; margin:32px auto 10px; display: block;transition: all 0.5s ease-in-out;}
.ys .y1 i{background:url(../images/ys_ic1.png) no-repeat center; }
.ys .y2 i{background:url(../images/ys_ic2.png) no-repeat center; }
.ys .y3 i{background:url(../images/ys_ic3.png) no-repeat center; }
.ys .y4 i{background:url(../images/ys_ic4.png) no-repeat center; }
.ys .tab2 li:hover i{transform: rotateY(180deg);}
.ys .tab2 li:hover,.ys .tab2 li.cur{background:url(../images/lv.png) no-repeat center; color: #fff;}
.ys .y1:hover i,.ys .y1.cur i{background:url(../images/ys_ic1h.png) no-repeat center; }
.ys .y2:hover i,.ys .y2.cur i{background:url(../images/ys_ic2h.png) no-repeat center; }
.ys .y3:hover i,.ys .y3.cur i{background:url(../images/ys_ic3h.png) no-repeat center; }
.ys .y4:hover i,.ys .y4.cur i{background:url(../images/ys_ic4h.png) no-repeat center; }
.ys .ys_con{margin-top: 31px;}
.ys .ys_con dl{position: relative;}
.ys .ys_con dt img{ width: 1200px; height: 582px;}
.ys .ys_con dd{position: absolute; left: 0 ;bottom: 0; background: rgba(0,0,0,0.5); width:1110px;height: 76px; padding: 24px 45px;}
.ys .ys_con dd span{ display: block; width: 114px; height: 70px; background:#23B5DC; border-radius: 5px; font-size: 18px; color: #fff; text-align: center; line-height: 30px;padding-top: 10px; float: left; margin-right: 27px;}
.ys .ys_con dd span em{ display: block;font-weight: bold; padding: auto 0; font-size: 36px; line-height: 30px;}
.ys .ys_con dd p{font-size: 14px;color: #fff; line-height: 22px; padding-left: 15px;background:url(../images/xtb.png) no-repeat left;}
.ys .ys_con dd .ysh1{ float:left; color: #fff; margin-bottom: 16px; width:950px;}
.ys .ys_con dd .ysh2{ float:left; width: 950px; color: #fff;background:url(../images/xtb.png) no-repeat left 5px;}
/*客户案例*/
.cus{ height: 710px;background:#f0f0f0; position: relative;}
.cus h2{text-align: center; padding-top: 65px;font-size: 34px; line-height: 24px;color: #23B5DC;}
.cus h2 a{color: #23B5DC;}
.cus h2 span{ display: block;font-size: 20px;line-height: 24px; color:#666666;padding-top: 16px;padding-bottom: 36px;font-weight: normal;}
.cus_box{position:relative;}
.cus dl { float:left;height:465px; width:372px; margin-right: 40px; }
.cus dl:nth-child(3){ }
.cus dt{ display:block; height:220px;width:372px;overflow: hidden;}
.cus dt img { display:block; height:220px;width:372px; transition: all 0.3s linear 0s;}
.cus dl:hover dt img{transform: scale(1.05);}
.cus dd{  background:#fff;padding: 25px 25px;}
.cus dd h3 a{ font-size:16px;color:#333333;font-weight:normal; text-align: center;font-weight: bold;}
.cus dl:hover h3 a{ color: #23B5DC;}
.cus dl:hover dd span{background: url(../images/cus_ich.png) no-repeat center;  }
.cus dd i{ display: block; font-size: 12px; color: #999999;}
.cus dd p{padding-top:20px; color:#999999; font-size:14px;line-height:26px; color: #555555;}
.cus dd span{display:block; padding-bottom: 30px;width:32px; height:32px;background: url(../images/cus_ic.png) no-repeat center; }
.cus_box .sprev{position: absolute;left:-60px;top:50%;width:18px;height: 32px;background:url(../images/sprev.png) no-repeat;z-index: 10;margin-top:-16px;}
.cus_box .snext{position: absolute;right:-60px;top:50%;width:18px;height: 32px;background:url(../images/snext.png) no-repeat;z-index: 10;margin-top:-16px;}
/*新闻中心*/
.new{ height: 806px;}
.new h2{text-align: center; padding-top: 65px;font-size: 34px; line-height: 24px;color: #23B5DC;}
.new h2 span{ display: block;font-size: 20px;line-height: 24px; color:#666666;padding-top: 16px;padding-bottom: 36px;font-weight: normal;}
.new_s ul{ text-align:center; border-top:1px solid #dfdfdf;height:95px;}
.new_s ul li{font-size: 18px;padding:32px 86px;line-height:18px;text-align:center; display:inline-block; background:url(../images/new_ic.png) no-repeat top center;margin-top:-10px;}
.new_s ul li a{ color: #666666; }
.new_s li:hover,.new_s li.cur{background:url(../images/new_ich.png) no-repeat top;}
.new_s li:hover a,.new_s li.cur a{color:#23B5DC;font-weight: bold;}
.new_l{float: left;width:510px;}
.new_l dt{ display:block;width:510px; height:283px;}
.new_l dt span img{ display:block;width:510px; height:283px;position:relative;}
.new_l dd{height:100px; width:510px; border-bottom: 1px solid #d6d6d6;}
.new_l dd .p2 {font-size: 16px; margin-top:15px;line-height:24px; color:#333; font-weight:bold; }  
.new_l dd .p3 {font-size: 14px; margin-top:15px;line-height:24px; color:#666666; }
.new_l .news_list{ height:180px; background:#fff; border:1px solid #d5d5d5; border-top:0; padding-top:20px;}
.new_l .new_list li {font-size: 14px;color: #999999;line-height: 40px;height:40px;}
.new_l .new_list li a{color: #999999;}
.new_l .new_list li  span{color:#999999; float:right;}
.new_r{float: right;width:610px;position:relative;}
.new_r h4 span{ display: block; width: 80px; height: 28px; line-height: 28px; background: #23B5DC; color: #fff; font-size: 16px; text-align:center;border-radius: 14px; display: inline-block; margin-right: 10px;}
.new_r h4 a{font-size: 16px; margin-top:15px;line-height:24px; color:#111111; }  
.new_r p {font-size: 14px; margin-top:10px;line-height:24px; color:#666666;height:100px; width:610px;  border-bottom: 1px solid #d5d5d5;}
.new_r ul{ margin-top:20px;}
.new_r li {font-size: 14px;line-height: 37px;height:37px;}
.new_r li a{color: #999999;}
.new_r li  span{color:#999999; float:right; }
.new_r dl{height:180px;margin-top:32px;}
.new_r dt{float: left;}
.new_r dt img{display:block;width: 462px;height: 129px;}
.new_r dd{float:right;width: 148px;height:129px;background:#23B5DC no-repeat center;}
.new_r dd h5{font-size: 16px;line-height: 24px;margin-top:50px; margin-left:40px;height:48px;}
.new_r dd h5 a{color:#fff;}
.new_r dd h5 span{ display:block; margin-left:25px;}
/*关于米新*/
.abt{ height:696px; background: #f5f5f5;}
.abt h2{text-align: center; padding-top: 65px;font-size: 34px; line-height: 24px;color: #23B5DC;}
.abt h2 span{ display: block;font-size: 20px;line-height: 24px; color:#666666;padding-top: 16px;padding-bottom: 36px;font-weight: normal;}
.abt dl{ margin-top: 30px;}
.abt dt{float: right;}
.abt dt img{width: 551px;height: 411px; }
.abt dd{float: left;width: 580px;}
.abt dd h3{height:78px;font-size: 24px;line-height: 26px;color: #333; font-weight:normal; position:relative; }
.abt dd h3:after{ position:absolute;width: 38px;height: 2px;background: #999999;content: "";left:0px;top: 50px;}
.abt dd p{font-size: 14px;color: #666;line-height: 30px;}
.abt dd p a{ color:#23B5DC ;}
.abt h4{ float: left; margin-top: 82px; margin-bottom: 20px; font-size:16px; color: #333333;}
.abt ul{ float: left; width:582px;}
.abt ul li{ float: left; margin-left: 7px;}
.abt ul li:nth-child(1){ margin-left: 0;}
.abt ul li img{ width:139px; height: 90px; display: block; margin:0 auto;}
/*荣誉资质*/
.cai{ height: 318px;}
.cai h3{display: block; height: 80px; line-height: 80px;background:url(../images/cait.gif) no-repeat center; text-align: center;}
.cai h3 span{  font-size: 18px; color: #666666;  font-weight: normal; line-height: 94px;}
.cai h3 span a{color: #666666;padding: 0 25px;}
.cai h3 span:hover a{ color: #23B5DC;}
.cai h3 span b{ color:#23B5DC}
.abt_pic{ position:relative;}
.abt_pic li{float: left;margin-right:13px; position:relative;}
.abt_pic li.first{ margin-left:0;}
.abt_pic li i{display:block;width: 290px;height: 150px; overflow: hidden;}
.abt_pic li img{display:block;width: 290px;height: 150px;transition: all 0.3s linear 0s;}
.abt_pic li:hover img{ transform: scale(1.05);}
.abt_pic ul li  em{display: block;text-align: center; font-size: 14px; color:#333;height: 50px; line-height: 50px;}
.abt_pic ul li:hover em{ display: block; color: #23B5DC; font-weight: bold;}
.cai .sprev{position: absolute;left:-45px;top:60px;width:22px;height: 32px;background:url(../images/sprev.png) no-repeat;z-index: 10;}
.cai .snext{position: absolute;right:-45px;top: 60px;width:22px;height: 32px;background:url(../images/snext.png) no-repeat;z-index: 10;}