.w478{ width: 478px; } .w696{ width: 696px; } .w730{ width: 730px; } .w398{ width: 396px; } .w368{ width: 368px; } .w745{ width: 745px; } .w820{ width: 820px; } .w368{ width: 368px; } .button_through{ text-align: center; padding-top: 10px; } .common_button{ width: 132px; height:42px; display: inline-block; background-color: #e6f4ff; border-radius: 4px; color: #3291fa; line-height: 42px; text-align: center; font-size: 16px; cursor: pointer; } .common_button.active{ background-color: #3291fa; color: #fff; } .common_button:hover{ color: #3291fa; } .common_button.active:hover{ color: #fff; } .icon_index{ background: no-repeat top left; } /*首页导航关键词*/ .horizontal{ width: 595px; height: 85px; position: relative; } .horizontal .absolute-left{ position: absolute; left:0; top:0; width: 595px; height: 85px; border-radius: 6px; background-color: #fff; } .horizontal .absolute-right{ position: absolute; right:0; top:0; width: 595px; height: 85px; border-radius: 6px; background-color: #fff; } .horizontal-title{ position: absolute; left:0; top:0; font-size: 18px; font-weight: 700; text-align: center; color: #fff; display: block; width: 30px; height: 100%; border-radius: 6px 0 0 6px; background-color: #4e9cff; padding-top: 18px; line-height: 24px; } .horizontal_zindex_0,.horizontal_zindex_1{ height: 85px; padding-left: 100px; padding-right: 25px; background-color: #fff; } .horizontal_zindex_0{ width: 595px; border-radius: 6px; } .horizontal_zindex_1{ display: none; width: 1200px; position: absolute; top:0; z-index: 3; border-top-right-radius: 6px; border-bottom-right-radius: 6px; } .horizontal-icon-l,.horizontal-icon-r{ width: 53px; height: 53px; position: absolute; left: 44px; top:16px; } .horizontal-icon-l{ background-position: -682px 0; } .horizontal-icon-r{ background-position: -740px 0; } .horizontal_l .horizontal_zindex_1{ left:0; } .horizontal_r .horizontal_zindex_1{ right:0; } .horizontal-btn{ position: absolute; right: 0; top:0; z-index: 2; width: 14px; height: 85px; background-repeat: no-repeat; background-position: right center; cursor: pointer; } .horizontal .btn_zhan{ background-position: -798px 0; } .horizontal .btn_shou{ background-position: -817px 0; } .horizontal .keywords{ padding-top: 15px; white-space: nowrap; overflow: hidden; } .horizontal .keywords a{ display: inline-block; margin-left:15px; line-height: 30px; font-size: 14px; color: #333; } .horizontal .keywords a:hover{ color: #3291fa; } .index_banner{ width: 100%; height: 310px!important; border-radius: 10px; overflow: hidden; } .index_banner img{ width: 100%; height: 100%; border-radius: 10px; } .index_zhibo .title_wrap{ padding-left: 35px; line-height: 50px; position: relative; } .index_zhibo .title_wrap h2{ font-size: 24px; color: #333; font-weight: bold; } .index_zhibo .icon_zhibo{ position: absolute; left:0; top:14px; width: 28px; height: 21px; background-position: -1469px 0; } .index_zhibo .icon_zhibo.fff{ background-image: url(/uploads/image/spi/bf.png); background-repeat: no-repeat; background-position: left center; } .index_zhibo .title_wrap h2 .this_en{ margin-left: 10px; font-size: 20px; font-family: impact; color: #b4d7ff; font-weight: 400; letter-spacing:1px; } .video_img{ margin-left: 15px; vertical-align: middle; } .index_zhibo .title_more{ position: absolute; right: 0; top:0; line-height: 46px; font-size: 14px; color: #333; } .index_zhibo .title_more.fff{ color: #fff; } .zhibo_slide{ width: 100%; height: 135px!important; margin-bottom: 5px; } .zhibo_slide .item{ width: 402px; height: 135px; background-image: url(/uploads/image/spi/bg_zhibo.png); background-position: left center; background-repeat: no-repeat; position: relative; transition: all 1.2s; } .zhibo_slide .layui-this{ background-color: #e9eaed!important; } .zhibo_slide .zhibo_basic{ padding:32px 40px 20px 136px; } .zhibo_slide .title{ font-size: 16px; color: #333; line-height: 26px; } .zhibo_slide a{ color: #333; } .zhibo_slide .desc{ line-height: 30px; font-size: 16px; color: #666; padding-left: 20px; position: relative; } .zhibo_slide .desc:before{ display: block; content: ""; position: absolute; left:0; top:7px; width:15px; height:15px; background-image: url(/uploads/image/sciright/icon_common_right.png); background-position: -304px 0; } .zhibo_slide .item.active .desc:before{ background-position: -324px 0; color: #3291fa; } .zhibo_slide .status{ display: block; position: absolute; right: 0; top:0; height: 27px; padding-right: 10px; padding-left: 10px; background-color: #b4b4b4; border-bottom-left-radius: 13px; border-top-right-radius: 5px; color: #fff; line-height: 27px; text-align: center; font-size: 14px; font-family: pingfang sc; } .zhibo_slide .item.active .status{ background-color: #ffba02; } .zhibo_slide .zhibo_tcimg{ position: absolute; left:20px; bottom:0; } .zhibo_slide .zhibo_tcimg img{ width: 91px; } .zhibo_slide .layui-carousel-arrow,.kaozheng_slide .layui-carousel-arrow { display: block; opacity: 0; position: absolute; top: 50%; margin-top: -20px!important; width: 16px!important; height: 40px!important; line-height: 40px!important; text-align: center; font-size: 0; border: 0; border-radius: 3px; background-color: #c4c5c7!important; background-repeat: no-repeat; background-position: center center; color: #c4c5c7!important; -webkit-transition-duration: .3s; transition-duration: .3s; cursor: pointer; } .zhibo_slide .layui-carousel-arrow[lay-type=sub],.kaozheng_slide .layui-carousel-arrow[lay-type=sub]{ left: 0!important; background-image: url(/uploads/image/spi/icon_jiantou_l.png); } .zhibo_slide .layui-carousel-arrow[lay-type=add],.kaozheng_slide .layui-carousel-arrow[lay-type=add]{ right: 0!important; background-image: ; } .my_through{ height: 508px; border-radius: 6px; background-color: #fff; background-image: url(/uploads/image/spi/bg_circle.png); background-repeat: no-repeat; background-position: 200px -60px; } .is_login_wrap{ width:280px; height: 152px; padding-top: 20px; margin:0 auto; } .login_welcome{ height: 64px; padding-left: 80px; position: relative; } .login_welcome .title{ font-size: 18px; color: #333; line-height: 40px; } .login_welcome .desc{ font-size: 14px; color: #999; } .login_welcome .login_no{ position: absolute; left:0; top:0; width: 64px; height: 64px; border-radius: 50%; background-color: #eef0f4; text-align: center; line-height: 64px; } .login_no_img{ display: inline; } .login_welcome .login_img{ position: absolute; left:0; top:0; width: 64px; height: 64px; border-radius: 50%; } .login_welcome .login_img_common{ width: 100%; height: 100%; border-radius: 50%; } .news-top{ width:280px; padding-top: 10px; padding-bottom:10px; border-top: 1px solid #eee; border-bottom: 1px solid #eee; margin:0 auto; overflow:hidden; position:relative;