*{ padding: 0; margin: 0; box-sizing: border-box; } .dhn_fl{ float: left; } .dhn_fr{ float: right; } li{ list-style: none; } a{ text-decoration: none; } .open_header{ height: 100px; background: #fff; } .open_header_content{ width: 1000px; height: 100px; margin: auto; box-sizing: border-box; padding: 28px 0 27px 0; } .open_header_logo{ width: 624px; height: 80px; background: url(/uploads/image/sitry/logo_icon.jpg) no-repeat; display: block; margin-top:-12px; } .open_logo_font{ color: #333; letter-spacing: 0.06em; font-size: 18px; display: inline-block; line-height:45px; } .open_header_right{ width: 240px; } .iphone_icon{ height: 27px; width: 26px; background: url(/uploads/image/sitry/iphone_icon.png) no-repeat; display: inline-block; margin-top: 12px; margin-right: 8px; } .iphone_title{ font-size: 22px; color: #8ba7c8; display: inline-block; margin-top: 9px; } .iphone_num span{ display: block; color: #ff6801; font-size: 26px; margin-top:6px; } .iphone_num .top_mar{ margin-top: 5px; } .open_banner{ height: 650px; width:100%; background: url(/uploads/image/sitry/open_banner.jpg) no-repeat center center; } .open_title_bkg{ /*height: 576px;*/ width: 100%; background: url(/uploads/image/sitry/title_bkg.png) no-repeat center center; padding-top: 60px; } .open_title_font{ font-size: 36px; color: #111c42; text-align: center; margin-bottom: 46px; } .open_title_font span{ color: #198cff; } .open_title_ul{ width: 1050px; margin: auto; overflow: hidden; padding: 20px 15px 0 15px; } .open_title_ul li{ width: 150px; height: 150px; border-radius:5px; background: #fff; box-shadow: 0 0 10px #ccc; margin-right: 20px; overflow: hidden; color: #333; float: left; margin-bottom: 20px; } .open_title_ul .li_bkg{ background: url(/uploads/image/sitry/samll_icon_bkg.png) no-repeat; box-shadow: 0 0 20px rgba(87,130,233,0.3); color: #fff; } .open_title_ul li:hover{ background: url(/uploads/image/sitry/samll_icon_bkg.png) no-repeat; box-shadow: 0 0 20px rgba(87,130,233,0.3); color: #fff; } .open_icon{ height:82px; width: 82px; margin:10px auto; } .open_icon1{ height:82px; width: 82px; background: url(/uploads/image/sitry/open_icon1.png) no-repeat; background-size:100%; margin:10px auto; } .open_icon2{ background: url(/uploads/image/sitry/open_icon2.png) no-repeat; } .open_icon3{ background: no-repeat; } .open_icon4{ background: url(/uploads/image/sitry/open_icon4.png) no-repeat; } .open_icon5{ background: url(/uploads/image/sitry/open_icon5.png) no-repeat; } .open_icon6{ background: url(/uploads/image/sitry/open_icon6.png) no-repeat; } .open_icon7{ background: url(/uploads/image/sitry/open_icon7.png) no-repeat; } .open_icon8{ background: url(/uploads/image/sitry/open_icon8.png) no-repeat; } .open_icon9{ background: url(/uploads/image/sitry/open_icon9.png) no-repeat; } .open_icon10{ background: url(/uploads/image/sitry/open_icon10.png) no-repeat; } .open_icon11{ background: url(/uploads/image/sitry/open_icon11.png) no-repeat; } .open_icon12{ background: url(/uploads/image/sitry/open_icon12.png) no-repeat; } .top_icon{ height: 8px; width:14px; background: url(/uploads/image/sitry/open_li_top_icon.png) no-repeat; margin:auto; margin-top: 8px; } .li_open_title{ text-align: center; font-size: 16px; margin-top: 10px; overflow: hidden; } .open_content2{ padding-bottom: 70px; overflow: hidden; width: 100%; padding-top: 30px; background: url(/uploads/image/sitry/content2_bkg.png) no-repeat right top; } .open_content2_ul{ width:1020px; margin: auto; padding: 20px 0; } .open_content2_ul li{ border-radius:5px; border: 1px solid #deebf4; height: 335px; width: 232px; margin:0 10px; /*padding: 0 20px;*/ float: left; margin-bottom: 30px; position: relative; } .li2_content{ padding:0 20px; } /*.open_content2_ul li:not(:first-child){ margin-left: 24px; }*/ .open_content2_ul li .content2_li_bkg{ width: 320px; height: 450px; background: url(/uploads/image/sitry/content2_li_bkg.png) no-repeat; border: none; position: absolute; top: -60px; left:-30px; z-index: 9; } .open_content2_ul .content2_li_bkg .open_content2_li_font{ font-size: 15px; color: #fff; padding: 16px 0; height: 200px; line-height: 28px; width: 217px; margin: auto; } .open_content2_ul .content2_li_bkg .open_content2_li_title{ font-size: 18px; color: #fff; padding-top: 50px; width: 217px; margin: auto; } .open_content2_ul .content2_li_bkg .trial_btn a{ font-size: 15px; color: #ed1a56; border: 1px solid #fff; background: #fff; margin-top: 40px; } .open_content2_ul .content2_li_bkg .trial_btn a .left_icon{ width: 20px; height: 12px; display: inline-block; background: url(/uploads/image/sitry/left_hover_icon.png) no-repeat; margin-left: 10px; } .open_content2_li_title{ border-bottom: 1px dashed #deebf4; padding: 30px 0 20px 0; color: #333333; font-size: 16px; text-align: center; } .open_content2_li_font{ padding: 16px 0; height: 200px; line-height: 24px; font-size: 14px; color: #666; } .trial_btn a{ display: block; width: 136px; height: 34px; color: #ed1a56; border: 1px solid #ed1a56; border-radius:20px ; margin: auto; font-size: 14px; line-height: 34px; padding-left: 25px; } .left_icon{ width: 18px; height: 10px; display: inline-block; background: url(/uploads/image/sitry/left_hover_icon.png) no-repeat; background-size:100% ; margin-left: 10px; } .open_footer{ width: 100%; height:136px; background: #333940; overflow: hidden; } .footer_margin{ text-align: center; font-size: 14px; color: #fff; padding-top:59px; } .footer_margin a{ color: #fff; }