body{background:#51a8e2} .ix_head{width:100%;height:98px;margin:0 auto;} .ix_headcont{width:1000px;height:98px;margin:0 auto;} .ix_logo{display:block;width:240px;height:62px;background: no-repeat;float:left;margin:15px 0 0 0;} .ix_nav{float:right;height:40px;padding:38px 0 20px 0;} .ix_nav a{display:inline-block;color:#fff;line-height:40px;font-size:18px;padding:0 20px;cursor:pointer;border:1px solid #51a8e2;border-radius:4px;} .ix_nav a:hover,.ix_nav a.down{border:1px solid #fff;} .ix_banner{width:100%;height:600px;background:#fff} .ix_banner ul{width:1000px;height:600px;display:block;overflow:hidden;margin:0 auto;} .ix_banner ul li{float:left;width:100%;height:100%;display:block;color:#2c3e50;background:url(/uploads/image/simages/banner_img.png) no-repeat 446px 80px;} .ix_banner ul li h1{margin-top:200px;line-height:90px;font-size:43px;} .ix_banner ul li h2{font-size:24px;line-height:30px;} .ix_banner ul li p{font-size:21px;line-height:30px;} .ix_banner ul li p.b_fot{font-size:18px;padding-left:0;} .ix_banner ul li p.b_fot a{color:#ff7f61;} .ix_btn{width:295px;height:62px;background:#fb7f6a;display:block;margin:35px 0 10px 0;border-radius:4px;text-align:center;line-height:62px;color:#fff;font-size:20px;} .ix_btn:hover{filter:alpha(opacity=80);-moz-opacity:0.8;opacity:0.8;} .ix_toptag{width:100%;height:8px;} .ix_bottomtag{width:100%;height:8px;} .ix_fun{width:100%;background:#fff;padding:30px 0;} .ix_fun h2{color:#404040;font-size:30px;font-weight:100;margin:0 auto;width:1000px;text-align:center;} .ix_funt,.ix_funb{width:1000px;margin:0 auto;} .ix_funt{height:240px;margin-top:120px;} .ix_funt li{width:33.3%;display:block;float:left;text-align:center;color:#3a4f60;} .ix_funt li h1{font-size:24px;line-height:50px;} .ix_funt li p{font-size:14px;line-height:20px;} .ix_funt li span{width:102px;height:102px;margin:0 auto;display:block;} .ix_funt li span.icont_1{background:url(/uploads/image/simages/indeximg.png) no-repeat 0 -154px;} .ix_funt li span.icont_2{background:url(/uploads/image/simages/indeximg.png) no-repeat 25px -284px;} .ix_funt li span.icont_3{background:url(/uploads/image/simages/indeximg.png) no-repeat 0 -416px;} .ix_funb{width:1000px;margin:0 auto;} .ix_funb li{margin-top:15px;background:#f0fbff;overflow:hidden;position:relative;width:790px;padding: 0 0 0 210px;} .ix_funb li h1,.ix_funb li span{width:210px;display:block;float:left;text-align:center;font-size:20px;position:absolute;left:0} .ix_funb li span{height:65px;width:65px;top:35px;left:75px;} .ix_funb li h1{bottom:35px;font-size:19px;color:#3a4f60} .ix_funb li p{width:649px;float:left;font-size:16px;padding:60px 70px;height:40px;display:block;border-left:1px solid #fff;color:#3a4f60;} .ix_funb li span.iconb_1{background:url(/uploads/image/simages/indeximg.png) no-repeat 0 -545px;} .ix_funb li span.iconb_2{background:url(/uploads/image/simages/indeximg.png) no-repeat 0 -625px;left:78px;} .ix_funb li span.iconb_3{background:url(/uploads/image/simages/indeximg.png) no-repeat 0 -695px;left:72px;} .ix_video{width:100%;background:#f0f3f7;padding:60px 0;} .ix_vcont{width:1000px;margin:0 auto;overflow:hidden;} .ix_vcont_t{width:880px;padding:10px;background:#fff;margin:0 auto;position:relative;z-index:0;border-right:4px solid #dee3ea;border-bottom:4px solid #dee3ea} .ix_vcont_t::after{content:'';width:4px;height:4px;background:#f0f3f7;position:absolute;bottom:-4px;left:0;z-index:0} .ix_vcont_t::before{content:'';width:4px;height:4px;background:#f0f3f7;position:absolute;top:0;right:-4px;z-index:0} .ix_vcont_t video{width:100%;} .ix_vcont .ix_btn{margin:20px auto 0 auto;} .ix_case,.ix_share{width:100%;background:#fff;overflow:hidden;border-bottom:1px solid #baebff;} .ix_casecont,.ix_sharecont{width:840px;height:400px;margin:0 auto;padding:80px 80px;position:relative;} .ix_casecont li{overflow:hidden;display:none} .ix_casecont li.first{display:block;} .ix_casecont li a{overflow:hidden;display:block;text-align:center;} .ix_casecont li a img{width:100%;} .ix_casecont li a img.ix_mobile{display:none} .ix_pred,.ix_next{width:50px;height:100px;position:absolute;top:50%;margin-top:-50px;cursor: pointer;} .ix_pred{left:0;background:url(/uploads/image/simages/indeximg.png) no-repeat 0 -1247px;} .ix_next{right:0;background:url(/uploads/image/simages/indeximg.png) no-repeat 0 -1367px;} .ix_sharecont{height:auto;} .ix_sharecont h1{font-size:30px;color:#2c3e50;line-height:60px;text-align:center;} .ix_sharecont p{font-size:18px;color:#5a6e7f;text-align:center;} .ix_shareicon{width:100%;overflow:hidden;margin-top:70px;} .ix_shareicon a{width:73px;height:75px;float:left;background: url(/uploads/image/simages/indeximg.png) no-repeat;display:block;} .ix_shareicon a.ix_share_weixin{background-position:0 -760px;margin-left:240px;} .ix_shareicon a.ix_share_weibo{background-position:0 -844px;margin-left:70px;} .ix_shareicon a.ix_share_qq{background-position:0 -927px;margin-left:70px;} .ix_about{width:100%;padding:60px 0;background:#f0f3f7;overflow:hidden;} .ix_aboutcont{width:1000px;margin:0 auto;color:#2c3e50;position:relative;} .ix_aboutcont h1{font-size:30px;line-height:60px;} .ix_aboutcont h2{font-size:20px;line-height:30px;} .ix_aboutcont p{font-size:16px;line-height:30px;} .ix_lx{font-size:18px;margin-top:30px;} .ix_lx a{color:#2c3e50;} .ix_lx a:hover{text-decoration:underline;} .ix_aboutcont .ix_btn{position:absolute;top:40px;right:0;} .ix_aboutcont .b_fot{width:295px;position:absolute;top:150px;right:-10px;} .ix_aboutcont .b_fot a{color:#ff7f61;} .ix_footer{background:#2c3e50;padding:20px;line-height:30px;color:#fff;} .ix_footercont{width:1000px;margin:0 auto;overflow:hidden;} .ix_footercont h1{float:left;display:inline-block;font-size:30px;} .ix_footercont p{float:right;display:inline-block;font-size:14px;} .ix_footercont p a{display:inline-block;padding:0 5px;color:#51a8e2;} .ix_footercont p a:hover{text-decoration:underline;} /*窗口*/ .login_common{display:none;width:400px;position:fixed;z-index:5;top:50%;left:50%;margin:-141px 0 0 -176px;padding:6px;background:rgba(0,0,0,.1);} .login_common.login_zc{margin-top:-172px;} .login_common.login_zh{margin-top:-115px;} .login_commoncont{background:#fff;overflow:hidden;} .login_common .login_top{display:block;padding:10px 20px;height:30px;line-height:20px;color:#469fda;background:#fff;border-bottom:1px solid #c9c9c9;position:relative;} .login_common .login_top strong{font-size:2em;color:#469fda;padding-right: 10px;border-right:1px solid #c5eafb;line-height:30px;float:left;display:block;} .login_common .login_top span{padding:10px 0 0 10px;line-height:20px;display:block;float:left;color:#469fda;} .login_common .login_top span.red{color:#a31b26;padding:0;} .login_common .login_top a{display:block;font-size:1.28em;font-weight:100;line-height:26px;padding:4px 0 0 10px;float:left;color:#fc866b;} .login_common p{display:block;padding:0px 20px;height:30px;line-height:20px;color:#469fda;} .login_common p strong{font-size:2em;color:#fff;padding-right: 10px;border-right:1px solid #fff;line-height:30px;float:left;display:block;} .login_common p span{padding:10px 0 0 10px;line-height:20px;display:block;float:left;color:#326a9d;} .login_common p span.red{color:#a31b26;padding:0;} .login_common p a{display:block;font-size:1.28em;font-weight:100;line-height:26px;padding:4px 0 0 10px;float:left;color:#fc866b;} .login_common p a:hover{text-decoration:underline;} .login_input{display:block;height:40px;padding:0 10px 0 40px;width:310px;background:#f7f7f7;border-radius:4px;position:relative;margin:0 auto;border:1px solid #dadada;} .login_input input{border-radius:0;width:100%;line-height:16px;height:16px;padding:4px 0;margin-top:8px;background:none;border:0;text-indent:10px;border-left:1px solid #d3d3d3;color:#333;} ::-webkit-input-placeholder{color:#808080;font-size:1.16em;} ::input-placeholder{color:#808080;font-size:1.16em;} .login_input i{position:absolute;top:11px;left:12px;color:#808080;} .login_tips{display:none;position:absolute;top:-20px;line-height:20px;right:-10px;border-radius:2px;background:#a31b26;color:#d5d9e5;padding:0 5px;font-size:1em;-webkit-transform:scale(0.84,0.84);*font-size:0.9em;} .login_tipsclose{display:none;position:absolute;right:-30px;top:10px;width:20px;height:20px;border-radius:50%;background:#a31b26;color:#d5d9e5;text-align:center;cursor: pointer;} .login_tipsclose i{font-size:12px;line-height:20px;color:#d5d9e5;position:relative;top:auto;left:auto;margin:2px auto 0 1px;} .login_common p a.login_forget{float:right;line-height:20px;font-size:1em;margin:0;padding:0;} .login_common p input[type="checkbox"]{margin-right:5px;background:#5090c9;border:1px solid #4881b5;} .login_cut{width:100%;height:0;border-top:1px solid #498fcb;border-bottom:1px solid #8cc2ee;} .login_button{cursor:pointer;width:360px;line-height:35px;font-size:1.2em;text-align:left;text-shadow:none;border-radius:4px;background:#ff7f61;color:#fff;padding:0;text-align:center;margin:0 auto;} .login_common p a.login_xy{float: none;font-size: 12px;display: inline-block;} .login_close{width:40px;height:40px;position:absolute;top:6px;right:0;cursor: pointer;text-align:center;line-height:40px;font-size:20px;} .ix_bg{width:100%;height:100%;position:fixed;top:0;bottom:0;left:0;right:0;background:rgba(0,0,0,.3);z-index:4;display:none} .ix_muen i,.ix_user i{display:none;} @media only screen and (min-width: 100px) and (max-width: 480px){ .ix_head.fixedt{position:fixed;top:0;background:#66afd8;z-index:3;height: 60px;} .ix_head.fixedt .ix_headcont{height: 60px;} .ix_head.fixedt .ix_logo{margin: 2px 0 0 0;} .ix_head.fixedt .ix_nav{padding: 10px;} .ix_headcont{width:auto;padding:0 15px;} .ix_funt,.ix_funb,.ix_banner ul,.ix_vcont,.ix_casecont,.ix_sharecont,.ix_aboutcont,.ix_footercont{width:auto;padding:0 25px;} .ix_footercont{padding:0 10px;} .ix_logo{width:122px;height:35px;background: no-repeat;background-size:122px 35px;float:none;margin:0 auto;} .ix_head{height:63px;} .ix_headcont{height:35px;padding:14px 0;position:relative;} .ix_muen,.ix_user{width:63px;height:63px;position:absolute;display: block;text-align:center;line-height:63px;color:#fff;} .ix_muen{top:0;left:0;} .ix_user{top:0;right:0;} .ix_muen i,.ix_user i{font-size:20px;display:block;} .ix_muen span{width:20px;height:20px;margin:25px 0 0 15px;display:block;background:url(/uploads/image/simages/indeximg.png) no-repeat 0 -556px;background-size:147.5px 747px;} .ix_user span{width:20px;height:20px;margin:25px 0 0 35px;display:block;background:url(/uploads/image/simages/indeximg.png) no-repeat 0 -526px;background-size:147.5px 747px;} .ix_nav{width:95px;padding:10px;border:1px solid #69b0d6;background:rgba(255,255,255,1);height:auto;left:15px;top:70px;position: absolute;} .ix_nav a{font-size:16px;padding:0;display:block;color:#69b0d6;text-align: center;border-top:1px solid #69b0d6;} .ix_nav a:hover{border:0;padding:0;border-top:1px solid #69b0d6;border-radius:0;line-height: 40px} .ix_nav a:first-child{border-top:0;} .ix_funb li{width:100%;padding:0;} .ix_fun h2{width:230px;padding:0;font-size:14px} .ix_banner,.ix_banner ul{height:auto;} .ix_banner ul li h1{font-size:22px;line-height:44px;margin-top:300px;padding:0 10px;} .ix_banner ul li h2{font-size:14px;line-height:30px;padding:0 10px;} .ix_banner ul li p{font-size:12px;line-height:30px;padding:0 10px;} .ix_banner ul li{background: url(/uploads/image/simages/banner_img.png) no-repeat 50% 50px;background-size:250px 232px;} .ix_banner ul li h2,.ix_banner ul li p{line-height:20px;} .ix_btn{width:200px;height:40px;background:#fb7f6a;margin:25px auto;display:block;border-radius:4px;text-align:center;line-height:40px;} .b_fot{display:none} .ix_fun{padding:20px 0;} .ix_funt{margin-top:0;height:auto;} .ix_funt ul{overflow:hidden;} .ix_funt li{padding:35px 0 35px 80px;margin:0 auto;position:relative;width:auto;float:none;width:175px;} .ix_funt li h1,.ix_funt li p{text-align:left;} .ix_funt li h1{font-size:18px;line-height:30px;} .ix_funt li p{font-size:12px;} .ix_funt li span.icont_1,.ix_funt li span.icont_2,.ix_funt li span.icont_3{background-size:177px 960px;width:60px;height:62px;position:absolute;left:0;top:40px;} .ix_funt li span.icont_1{background-position:0px -93px;} .ix_funt li span.icont_2{background-position:13px -170px;} .ix_funt li span.icont_3{background-position:0px -249px;} .ix_funb{padding:0;} .ix_funb li{padding:30px;width:auto;} .ix_funb li h1{padding:0;font-size:18px;line-height:50px} .ix_funb li p{width:auto;padding:0;height:auto;font-size:12px;} .ix_funb li span,.ix_funb li h1{left:auto;top:auto;bottom:auto;position:relative;margin:0 auto;float:none;} .ix_funb li span.iconb_1,.ix_funb li span.iconb_2,.ix_funb li span.iconb_3{background-size:135px 732px;width:30px;height:30px;left:auto;} .ix_funb li span.iconb_1{background-position:0 -243px;} .ix_funb li span.iconb_2{background-position:0 -279px;} .ix_funb li span.iconb_3{background-position:0 -312px;} .ix_shareicon{margin:30px auto;text-align:center;} .ix_shareicon a{background-size:177px 960px;} .ix_shareicon a.ix_share_weixin,.ix_shareicon a.ix_share_weibo,.ix_shareicon a.ix_share_qq{display: inline-block;float:none;margin-left:0;height:44px;} .ix_shareicon a.ix_share_weixin{background-position: 15px -457px;} .ix_shareicon a.ix_share_weibo{background-position: 15px -507px;} .ix_shareicon a.ix_share_qq{background-position: 15px -556px;} .ix_sharecont h1{font-size:18px;line-height:30px;margin-top:20px;} .ix_sharecont p{font-size:12px;line-height:30px;} .ix_vcont_t{width:auto} .ix_casecont, .ix_sharecont{height:auto;} .ix_casecont{padding:30px 0;} .ix_casecont ul{padding:0 60px;} .ix_pred,.ix_next{width:30px;height:64px;margin-top:-32px;background-size:177px 960px} .ix_pred{left:5px;background-position:0 -743px;} .ix_next{right:5px;background-position:0 -817px;} .ix_footercont h1{font-size:18px;} .ix_footercont p{font-size:12px} .ix_aboutcont .ix_btn{position:relative;top:auto;right:auto;left:0;margin-left:0;margin:10px 0 5px 0;float:left;} .ix_aboutcont .b_fot{display:block;width:295px;position:relative;top:auto;right:auto;float: left;margin:0 0 0 10px;line-height: 44px;} .ix_about{padding:10px 0 ;} .ix_aboutcont h1{font-size:18px;line-height:30px;} .ix_aboutcont h2,.ix_aboutcont p{font-size:12px;line-height:20px;} .ix_lx{margin:10px 0;font-size:12px;} .ix_video{padding:80px 0;} .ix_casecont li a img.ix_pc{display:none} .ix_casecont li a img.ix_mobile{display:block} .login_common{width:280px;margin:-150px 0 0 -147px;} .login_input{width:180px;} .login_common p{padding:0 25px;} .login_button{width:230px;} .ix_nav{display:none} .ix_footercont h1{display:none} .ix_footercont p{margin:0 auto;float:none;display:block;text-align: center;width:220px;line-height:30px;} .ix_head.fixedt .ix_logo{margin:0 auto;} }