body { font-family: "微软雅黑", arial; color: #333; font-size: 14px; line-height: 24px; min-width: 1200px; background: #FFF; } html, body, div, p, span, object, h1, h2, h3, h4, h5, h6, a, img, strong, dl, dt, dd, ol, ul, li, form, label, table, tbody, tr, th, td, footer, header, nav { margin: 0; padding: 0; } * { margin: 0; list-style: none; padding: 0; } footer, header, nav { display: block; } ul li { list-style: none; } img { border: none; } table { border-collapse: collapse; border-spacing: 0; } a { color: #333; text-decoration: none; -webkit-transition: all .3s ease-in; -moz-transition: all .3s ease-in; -o-transition: all .3s ease-in; transition: all .3s ease-i; } a:hover { color: #0a3358; text-decoration: none; } .clear { clear: both; margin: 0 0; padding: 0 0; } .fr { float: right; } .fl { float: left; } input, textarea, button { font-family: "微软雅黑"; } input:focus { outline: none; } textarea:focus { outline: none; } #feedback_form table { margin: 0 auto; } #feedback_form table tr td { padding: 5px 0; } #apply_form table { margin: 0 auto; } #apply_form table tr td { padding: 5px 0; } h1, h2, h3, h4, h5, h6 { line-height: normal; } .pt15 { padding-top: 15px; } .pl10 { padding-left: 10px; } .pt20 { padding-top: 20px; } .pt30 { padding-top: 30px; } .pt40 { padding-top: 40px; } .pt60 { padding-top: 60px; } .main,.content { width: 1200px; margin: 0 auto; overflow: hidden; } .imgs { display: block; -moz-transition: .3s ease-in; -webkit-transition: .3s ease-in; -o-transition: .3s ease-in; -ms-transition: .3s ease-in; transition: .3s ease-in; } a:hover .imgs { transform: scale(1.1, 1.1); -moz-transform: scale(1.1, 1.1); -webkit-transform: scale(1.1, 1.1); -o-transform: scale(1.1, 1.1); } /*头部*/ .menu-container { cursor: pointer; position: absolute; width: 154px; height: 154px; right: 0; top: 40%; z-index: 10; } .logo { width: 154px; height: 154px; display: block; position: absolute; z-index: 10; left: 0%; top: 40%; } .menu-container.full-menu { border-radius: 0; padding: 0 !important; position: aboslute; width: 154px; height: 154px; right: 0; top: 40%; z-index: 100 } .full-menu .menu { top: 40%; right: 0; width: 154px; height: 154px; background: url(../image/close.jpg)/*tpa=http://www.sunyofloor.com/templates/main/images/../image/close.jpg*/ no-repeat; display: block; } .menu { position: absolute; top: 0; right: 0; } .menu .fa-bars { width: 154px; height: 154px; background: url(../image/menu.jpg)/*tpa=http://www.sunyofloor.com/templates/main/images/../image/menu.jpg*/ no-repeat; display: block; } .menu .fa-times { width: 154px; height: 154px; } .overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; visibility: hidden; overflow: hidden; z-index: 20; background: url(../image/hy.png)/*tpa=http://www.sunyofloor.com/templates/main/images/../image/hy.png*/ repeat; } .overlay.open { visibility: visible; height: 100%; } .overlay.open li { animation: fadeInRight .5s ease forwards; animation-delay: .35s; } .overlay.open li:nth-of-type(2) { animation-delay: .4s; } .overlay.open li:nth-of-type(3) { animation-delay: .45s; } .overlay.open li:nth-of-type(4) { animation-delay: .50s; } .overlay nav { width: 100%; position: absolute; bottom: 40px; z-index:9999; } .overlay .nav { width: 1200px; height: 78px; margin: 0 auto; } .overlay .nav li { width: 171px; height: 78px; float: left; display: block; line-height: 18px; font-size:16px; } .overlay .nav li a { width: 20px; height: 78px; display: block; margin: 0 auto; color: #FFF; } .overlay .ewm { width: 438px; height: 160px; margin: 0 auto; padding-top: 58px; } .overlay .ewm dt { width: 160px; height: 160px; float: left; } .overlay .ewm dd { width: 160px; height: 160px; float: right; } .overlay .head_bo { width: 378px; height: 48px; margin: 50px auto 0 auto; } .overlay .head_bo dt { width: 157px; height: 48px; float: left; } .overlay .head_bo dd { width: auto; height: 38px; padding-bottom: 10px; line-height: 38px; border-bottom: 1px #FFF solid; color: #FFF; text-transform: uppercase; float: right; } /*about*/ .about { width: 100%; height: 940px; background: url(../image/about.jpg)/*tpa=http://www.sunyofloor.com/templates/main/images/../image/about.jpg*/ no-repeat center; } .about h4 { width: 130px; height: 15px; float: right; background: url(http://www.sunyofloor.com/template/default/css/le.jpg)/*tpa=http://www.sunyofloor.com/templates/main/images/http://www.sunyofloor.com/template/default/css/le.jpg*/ no-repeat right center; text-transform: uppercase; font-weight: normal; color: #a3a3a3; font-size: 14px; line-height: 15px; margin-top: 336px; margin-right: 180px; } .about h2 { font-size: 14px; width: 130px; font-weight: normal; color: #a3a3a3; font-size: 14px; line-height: 15px; margin-top: 8px; margin-right: 180px; float: right; } .about h3 { width: 100%; color: #ffffff; font-size: 87px; text-align: center; text-transform: uppercase; padding-top: 24px; } .about p { width: 468px; overflow: hidden; color: #cacaca; float: right; margin-top: 30px; margin-right: 50px; line-height: 30px; } .about .more { width: 146px; height: 15px; line-height: 15px; display: block; background: url(../image/ioc2.png)/*tpa=http://www.sunyofloor.com/templates/main/images/../image/ioc2.png*/ no-repeat right center; color: #ffffff; text-transform: uppercase; float: right; margin-right: 368px; margin-top: 30px; } /*产品展示*/ .cpzs { width: 100%; height: 624px; background: url(../image/cpbg.jpg)/*tpa=http://www.sunyofloor.com/templates/main/images/../image/cpbg.jpg*/ repeat-x center; padding: 158px 0; } .cpzs .cpzs_top { width: 1200px; height: 59px; margin: 0 auto; } .cpzs .cpzs_top .cptp_l { width: auto; height: 59px; float: left; } .cpzs .cpzs_top .cptp_l h3 { font-size: 28px; text-transform: uppercase; } .cpzs .cpzs_top .cptp_l p { font-size: 20px; background: url(http://www.sunyofloor.com/template/default/css/cline.jpg)/*tpa=http://www.sunyofloor.com/templates/main/images/http://www.sunyofloor.com/template/default/css/cline.jpg*/ no-repeat 83px 17px; } .cpzs .cpzs_top .cptp_r { width: auto; height: 59px; float: right; } .cpzs .cpzs_top .cptp_r a { width: 167px; height: 59px; line-height: 59px; display: block; float: left; padding-left: 95px; margin-left: 38px; background: url(../image/bh.png)/*tpa=http://www.sunyofloor.com/templates/main/images/../image/bh.png*/ no-repeat; color: #7a7776; } .cpzs .cpzs_top .cptp_r a:hover { background: url(../image/bh_ed.png)/*tpa=http://www.sunyofloor.com/templates/main/images/../image/bh_ed.png*/ no-repeat; color: #323232; } /*加盟*/ .join { width: 100%; height: 652px; background: url(../image/join.jpg)/*tpa=http://www.sunyofloor.com/templates/main/images/../image/join.jpg*/ repeat-x center; padding: 144px 0; } .banner-engine { width: 1200px; height: 652px; position: relative; overflow: hidden; margin: 0 auto; } .banner-engine .banner-ul { position: relative; width: 100%; height: 565px } .banner-engine .banner-text { position: absolute; left: 0; top: -565px; width: 100%; height: 565px; color: #FFF; } .banner-engine .banner-text { display: none } .banner-engine .b_l { width: auto; overflow: hidden; float: left; padding-top: 70px; display: block; } .banner-engine .b_l h3 { font-size: 68px; font-weight: bolder; text-transform: uppercase; } .banner-engine .b_l p { font-size: 14px; padding-top: 10px; } .banner-engine .b_r { width: 394px; height: 416px; float: right; position: relative; display: block; } .banner-engine .b_r h3 { font-size: 14px; font-weight: normal; width: 20px; float: right; background: url(http://www.sunyofloor.com/template/default/css/lm.png)/*tpa=http://www.sunyofloor.com/templates/main/images/http://www.sunyofloor.com/template/default/css/lm.png*/ no-repeat top center; padding-top: 60px; } .banner-engine .b_r p { line-height: 30px; padding-top: 178px; color: #cacaca; } .banner-engine .b_r a { background: url(../image/ioc2.png)/*tpa=http://www.sunyofloor.com/templates/main/images/../image/ioc2.png*/ no-repeat 123px center; text-transform: uppercase; display: block; position: absolute; bottom: 0; color: #FFF; } .banner-ul li { display: none; height: 100%; width: 100%; float: left;} .banner-engine .banner-ul li { z-index: 0; position: absolute; left: 0; top: 0; display: block; height: 100%; width: 100%; float: left } .banner-engine .banner-ul li:first-child { z-index: initial } .banner-point { display: none; position: absolute; bottom: 0; left: 0; width: 100%; height: 18px; line-height: 18px } .banner-engine .banner-point { display: block } .slider-main { display: none; position: relative; margin: 0 auto; min-width: 1200px; max-width: 1200px } .banner-engine .slider-main { display: block } .slider-text { position: absolute; } .banner-area { width: 100%; text-align: center } .banner-area li { margin: 0 15px; display: inline-block; width: 9px; height: 9px; background: #808080; border-radius: 10px; } .banner-area li.active { width: 64px; height: 9px; background: #FFF; } /*news*/ .news { width: 100%; overflow: hidden; background: #edeef2; padding-top: 72px; } .news .hiddendiv { display: none; } .news .tabqh { position: relative; width: 1200px; height: 352px; margin: 0 auto; } .news .tabqh .menu { width: 1200px; height: 59px; line-height: 59px; } .news .tabqh .menu .news_top { width: 226px; height: 59px; float: left; font-size: 40px; font-weight: bolder; text-transform: uppercase; } .news .tabqh .menu .news_top span { font-size: 20px; font-weight: normal; } .news .tabqh .menu ul { width: auto; height: 59px; float: right; } .news .tabqh .menu li { display: block; float: left; height: 31px; line-height: 31px; width: 262px; margin-left: 50px; } .news .tabqh .menu li a { display: block; width: 167px; height: 59px; line-height: 59px; float: left; padding-left: 95px; margin-left: 38px; background: url(../image/bh.png)/*tpa=http://www.sunyofloor.com/templates/main/images/../image/bh.png*/ no-repeat; color: #7a7776; } .news .tabqh .menu li a.tabactive { background: url(../image/bh_ed.png)/*tpa=http://www.sunyofloor.com/templates/main/images/../image/bh_ed.png*/ no-repeat; color: #323232; } .news .tabqh .tabdiv { width: 1200px; height: 230px; position: absolute; bottom: 0; } .news .tabqh .tabdiv .news_bo li { width: 230px; height: 230px; border-right: 1px #d6d6d6 solid; float: left; position: relative; padding: 0 36px; } .news .tabqh .tabdiv .news_bo li h4 { color: #808080; font-size: 12px; font-weight: normal; } .news .tabqh .tabdiv .news_bo li h3 { font-size: 14px; font-weight: normal; } .news .tabqh .tabdiv .news_bo li p { color: #808080; font-size: 12px; line-height: 19px; padding-top: 20px; } .news .tabqh .tabdiv .news_bo li .more { width: 83px; height: 19px; line-height: 19px; background: url(http://www.sunyofloor.com/template/default/css/ioc3.png)/*tpa=http://www.sunyofloor.com/templates/main/images/http://www.sunyofloor.com/template/default/css/ioc3.png*/ no-repeat right center; display: block; position: absolute; bottom: 70px; } .news .tabqh .tabdiv .morev { width: 290px; height: 230px; display: block; float: left; line-height: 230px; text-align: center; background: #FFF; font-size: 25px; font-weight: bolder; text-transform: uppercase; } /*服务*/ .index-banner .swiper-pagination-bullet-active,.con-swiper .swiper-pagination-bullet-active{ background-color: #2c180f; } .index-banner .index-pagination span,.con-swiper .index-pagination span{ width: 12px; height: 12px; } .ser_l{ height: 533px; padding: 20px; background-color: #2c180f; } .se_nr{ background-color: #38261d } .se_nr h4{ background: url(../image/fwt.png)no-repeat center 50px; padding-top: 154px; font-size: 30px; color: #fff; text-align: center; } .se_nr h3{ background: url(../image/lo.jpg)no-repeat center bottom; padding-bottom: 28px; font-size: 20px; color: #fff; text-align: center; font-weight: normal; margin-top: 10px; } .se_nr p{ padding-bottom: 20px; color: #fff; max-width: 80%; margin: 0 auto; margin-bottom: 30px; margin-top: 20px; } .se_nr .more{ width: 165px; height: 18px; line-height: 18px; display: block; color: #FFF; margin: 48px auto 0 auto; text-transform: uppercase; background: url(../image/ioc2.png) no-repeat right center; } .hot-event .swiper-slide{ width: 100%; display: flex; justify-content: space-between; transform: scale(1); } .hot-event .swiper-slide div{ flex: 0 0 50%; height: 450px; } .hot-event .swiper-slide .se_nr{ height: 100%; } .hot-event { position: relative; height: 533px; width: 100%; margin: 0 auto; } .hot-event .switch-nav .prev { width: 64px; height: 128px; background: url(http://www.sunyofloor.com/template/default/css/left.jpg) no-repeat; left: 0; display: block; position: absolute; top: 202px; z-index: 20; } .hot-event .switch-nav .prev:hover { background: url(http://www.sunyofloor.com/template/default/css/left_ed.jpg) no-repeat; } .hot-event .switch-nav .next { width: 64px; height: 128px; background: url(http://www.sunyofloor.com/template/default/css/right.jpg)/*tpa=http://www.sunyofloor.com/templates/main/images/http://www.sunyofloor.com/template/default/css/right.jpg*/ no-repeat; right: 0; display: block; position: absolute; top: 202px; z-index: 20; } .hot-event .switch-nav .next:hover { background: url(http://www.sunyofloor.com/template/default/css/right_ed.jpg)/*tpa=http://www.sunyofloor.com/templates/main/images/http://www.sunyofloor.com/template/default/css/right_ed.jpg*/ no-repeat; } .hot-event .switch-nav a { display: inline-block; background: rgba(0,0,0,.3); } .hot-event .event-item { height: 533px; width: 100%; position: absolute; z-index: 1; left: 0; top: 0; } .hot-event .event-item .ser_l { width: 50%; height: 449px; float: left; background: #2c180f; color: #FFF; padding: 42px 0; text-align: center; } .hot-event .event-item .ser_l .se_nr { margin: 0 50px; height: 449px; background: #38261d; position: relative; } .hot-event .event-item .ser_l .se_nr h4 { background: url(../image/fwt.png)no-repeat center 50px; padding-top: 154px; font-size: 30px; } .hot-event .event-item .ser_l .se_nr h3 { background: url(../image/lo.jpg)/*tpa=http://www.sunyofloor.com/templates/main/images/../image/lo.jpg*/ no-repeat center bottom; padding-bottom: 28px; font-size: 20px; font-weight: normal; margin-top: 10px; } .hot-event .event-item .ser_l .se_nr p { color: #c3afa4; padding-top: 28px; } .hot-event .event-item .ser_l .se_nr .more { width: 165px; height: 18px; line-height: 18px; display: block; color: #FFF; margin: 48px auto 0 auto; text-transform: uppercase; background: url(../image/ioc2.png)/*tpa=http://www.sunyofloor.com/templates/main/images/../image/ioc2.png*/ no-repeat right center; } .hot-event .event-item .ser_r { width: 50%; height: 533px; float: right; display: block; } /*联系我们*/ .cent{ width:100%; background:url(../image/cent.jpg)/*tpa=http://www.sunyofloor.com/templates/main/images/../image/cent.jpg*/ repeat center; overflow:hidden; padding:70px 0 0 0;} .cent .cent_top{ width:100%; overflow:hidden; text-align:center; font-size:40px; font-weight:bolder; text-transform:uppercase; line-height:normal;} .cent .cent_top span{ font-size:20px; font-weight:normal;} .cent .lxfs{ width:1200px; overflow:hidden; margin:0 auto; padding-top:40px;} .cent .lxfs span{ width:400px; float:left; text-align:center; padding-top:55px;} .cent .lxfs .dz{ background:url(../image/c1.png)/*tpa=http://www.sunyofloor.com/templates/main/images/../image/c1.png*/ no-repeat top center;} .cent .lxfs .dh{ background:url(../image/c2.png)/*tpa=http://www.sunyofloor.com/templates/main/images/../image/c2.png*/ no-repeat top center;} .cent .lxfs .rx{ background:url(../image/c3.png)/*tpa=http://www.sunyofloor.com/templates/main/images/../image/c3.png*/ no-repeat top center;} .cent #feedback_form1{ width:1200px; overflow:hidden; padding-top:30px; margin:0 auto;} .cent #feedback_form1 .lx1{ width:1200px; height:60px;} .cent #feedback_form1 .text1{ width:362px; height:59px; line-height:59px; border:0; background:none; border-bottom:1px #dbdbdb solid; float:left; margin:0 15px;} .cent #feedback_form1 textarea{ width:1146px; height:59px; line-height:59px; border:0; background:none; border-bottom:1px #dbdbdb solid; margin:18px 0 0 15px; } .cent #feedback_form1 .lx2{ width:1146px; height:60px; margin-top:18px; margin-left:15px; line-height:59px;} .cent #feedback_form1 .lx2 .code{ width:362px; height:59px; border:0; background:none; border-bottom:1px #dbdbdb solid; float:left; } .cent #feedback_form1 .lx2 img{ width:90px; height:40px; float:left; margin-left:15px; margin-top:10px; margin-right:10px;} .cent #feedback_form1 .lx2 .reset { width: 262px; height: 59px; line-height: 59px; float: right; background: url(../image/bh.png)/*tpa=http://www.sunyofloor.com/templates/main/images/../image/bh.png*/ no-repeat; color: #7a7776; border:0;} .cent #feedback_form1 .lx2 .submit{width: 262px; height: 59px; line-height: 59px; float: right; background: url(../image/bh_ed.png)/*tpa=http://www.sunyofloor.com/templates/main/images/../image/bh_ed.png*/ no-repeat; color: #323232; border:0; margin-right:50px;} .cent .map{ width:100%; height:213px; background:url(../image/map.jpg)/*tpa=http://www.sunyofloor.com/templates/main/images/../image/map.jpg*/ no-repeat center; margin-top:40px;} /*foot*/ .link{ width:1200px; overflow:hidden; margin:0 auto; padding:20px;} .footer{ background:#20130d; text-align:center; color:#FFF; width:100%; overflow:hidden; padding:35px 0; line-height:30px;} .footer a{ color:#FFF;} /*站点 浮动返回顶部*/ .cd-top { display: inline-block; height: 43px; width: 44px; position: fixed; bottom: 60px; right: 20px; box-shadow: 0 0 10px rgba(0, 0, 0, 0.05); /* image replacement properties */ overflow: hidden; text-indent: 100%; white-space: nowrap; background: url(http://www.sunyofloor.com/template/default/css/back_top.jpg)/*tpa=http://www.sunyofloor.com/images/http://www.sunyofloor.com/template/default/css/back_top.jpg*/ no-repeat center 50%; visibility: hidden; opacity: 0; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; z-index:90; } .cd-top.cd-is-visible { /* the button becomes visible */ visibility: visible; opacity: 1; } .cd-top.cd-fade-out { /* 如果用户继续向下滚动,这个按钮的透明度会变得更低 */ opacity: .5; } .no-touch .cd-top:hover { background-color: #e86256; opacity: 1; } /*站点 浮动客服*/ .keifu img { border: 0; } .keifu { position: fixed; top: 10%; right: 0; width: 131px; _position: absolute; _top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.bottom, 10)||0)-(parseInt(this.currentStyle.marginTop, 10)||0)-(parseInt(this.currentStyle.marginBottom, 10)||0))); z-index: 990; } .keifu_tab { width: 160px; } .icon_keifu { width: 26px; height: 100px; float: left; background: url(http://www.sunyofloor.com/template/default/css/keifu.png)/*tpa=http://www.sunyofloor.com/images/http://www.sunyofloor.com/template/default/css/keifu.png*/ 0 0; position: relative; display: none; cursor: pointer; } .keifu_box { float: left; width: 131px; } .keifu_tab img { display: block; } .keifu_head { width: 131px; height: 41px; background: url(http://www.sunyofloor.com/template/default/css/keifu.png)/*tpa=http://www.sunyofloor.com/images/http://www.sunyofloor.com/template/default/css/keifu.png*/; background-position: 0 -103px; font-size: 0; line-height: 0; position: relative; } .keifu_close:link, .keifu_close:visited { display: block; width: 11px; height: 11px; background: url(http://www.sunyofloor.com/template/default/css/keifu.png)/*tpa=http://www.sunyofloor.com/images/http://www.sunyofloor.com/template/default/css/keifu.png*/ -42px 0; position: absolute; top: 5px; right: 5px; } .keifu_close:hover { background-position: -60px 0; } .keifu_con { border-left: 7px solid #029bdb; border-right: 7px solid #029bdb; background: #fbfbfb; } .keifu_con ul { border-bottom: #e6e5e4 1px solid; } .keifu_con li { padding-left: 12px; } .keifu_con .li-qq { height: 25px; padding-top: 2px; padding-bottom: 2px; } .keifu_con .li-tel-title { font-weight: bold; font-size: 12px; height: 29px; line-height: 29px; border-top: 1px solid #dddddd; } .keifu_con .li-tel-num { font-family: Arial; font-size: 12px; color: #e66d15; line-height: 20px; } .keifu_con .li-feed-title { font-weight: bold; font-size: 12px; border-top: 1px solid #dddddd; padding-left: 0px; } .keifu_con .li-feed-title img { padding-left: 0px; width: 117px; } .keifu_con .li-feed { font-family: Arial; font-weight: bold; color: #e66d15; } .keifu_con .li-weixin-title { font-weight: bold; font-size: 12px; height: 29px; line-height: 29px; border-top: 1px solid #dddddd; } .keifu_con .li-weixin { height: 96px; padding-left: 0px; } .keifu_con .li-weixin img { width: 115px; height: 115px; } .keifu_con .bt { font-size: 16px; height: 30px; line-height: 30px; text-align: left; padding: 0 0 0 20px; color: #012646; } .keifu_bot { width: 131px; height: 10px; background: url(http://www.sunyofloor.com/template/default/css/keifu.png)/*tpa=http://www.sunyofloor.com/images/http://www.sunyofloor.com/template/default/css/keifu.png*/; background-position: 0 -153px; } /*左下角 浮动 在线留言*/ #SfMessWrap { border: 2px solid #029bdb; padding: 1px; width: 230px; background: #f5f5f5; z-index: 100; position: fixed; left: 2px; bottom: 2px; } #SfMessHead { background: #029bdb; line-height: 28px; height: 28px; text-indent: 10px; font-size: 12px; color: #fff; text-align: left; cursor: pointer; } #SfMessHead #SfMessTitle { float: left; } #SfMessHeadIcon { float: right; width: 23px; height: 25px; margin-right: 2px; background-image: url(http://www.sunyofloor.com/template/default/css/icon.png)/*tpa=http://www.sunyofloor.com/images/http://www.sunyofloor.com/template/default/css/icon.png*/; } .SfMessIconOpen { background-position: top; } .SfMessIconClose { background-position: bottom; } #SfMessBody { width: 230px; height: 225px; padding-bottom: 5px; } #SfMessBodyTop { display: none; } #SfMessBodyMid { width: 212px; padding: 0px; margin: 0px auto; margin-top: 5px; } #SfMessBodyMid input { border: 1px solid #cccccc; background: #ffffff; color: #b89d9d; width: 190px; height: 17px; font-size: 12px; } #SfMessBodyMid textarea { width: 210px; height: 73px; border: 1px solid #cccccc; background: #ffffff; color: #b89d9d; overflow: hidden; text-align: left; font-size: 12px; padding: 0px; margin: 0px auto; } #SfMessBodyMid div { margin-top: 3px; height: 20px; } #SfMessBodyMid .contactmessage { height: 76px; } #SfMessBodyMid .contactname { padding-left: 20px; background: url(http://www.sunyofloor.com/template/default/css/company.gif)/*tpa=http://www.sunyofloor.com/images/http://www.sunyofloor.com/template/default/css/company.gif*/ no-repeat; } #SfMessBodyMid .contacttel { padding-left: 20px; background: url(http://www.sunyofloor.com/template/default/css/mobile.gif)/*tpa=http://www.sunyofloor.com/images/http://www.sunyofloor.com/template/default/css/mobile.gif*/ no-repeat; } #SfMessBodyMid .contactfrom { padding-left: 20px; background: url(http://www.sunyofloor.com/template/default/css/from.gif)/*tpa=http://www.sunyofloor.com/images/http://www.sunyofloor.com/template/default/css/from.gif*/ no-repeat; } #SfMessBodyMid .contactemail { padding-left: 20px; background: url(http://www.sunyofloor.com/template/default/css/email.gif)/*tpa=http://www.sunyofloor.com/images/http://www.sunyofloor.com/template/default/css/email.gif*/ no-repeat; } #SfMessBodyMid .contactvalicode { padding-left: 20px; background: url(http://www.sunyofloor.com/template/default/css/other.gif)/*tpa=http://www.sunyofloor.com/images/http://www.sunyofloor.com/template/default/css/other.gif*/ no-repeat; } #SfMessBodyMid .contactvalicode input { width: 100px; height: 17px; float: left; } #SfMessBodyMid .contactvalicode img { height: 19px; border: 1px solid #cccccc; background: #ffffff; color: #b89d9d; float: right; } .clearboth { clear: both; } #SfMessBodyMid .must, #SfMessBodyMid .ignore, #SfMessBodyMid .other { padding-left: 20px; background: url(http://www.sunyofloor.com/template/default/css/other.gif)/*tpa=http://www.sunyofloor.com/images/http://www.sunyofloor.com/template/default/css/other.gif*/ no-repeat; } #SfMessBodyBottom { width: 220px; height: 22px; line-height: 22px; padding: 0px; margin-top: 10px; } #SfMessSubmit { width: 40px; background: url(http://www.sunyofloor.com/template/default/css/send.gif)/*tpa=http://www.sunyofloor.com/images/http://www.sunyofloor.com/template/default/css/send.gif*/; color: #fff; border: 0; height: 22px; padding: 0px; float: right; } #SfMessCopy { float: left; height: 22px; line-height: 22px; margin-left: 10px; font-size: 13px; font-weight: bold; color: #666666; padding-left: 25px; background: url(http://www.sunyofloor.com/template/default/css/sign.png)/*tpa=http://www.sunyofloor.com/images/http://www.sunyofloor.com/template/default/css/sign.png*/ left top no-repeat; } .SfMessTip { display: none; } #SfMessBodyFoot { display: none; } /*内页*/ .weizhi{ width:1153px; height:38px; line-height:38px; border:1px #ebebea solid; margin:22px auto; padding:0 15px 0 30px; background:url(http://www.sunyofloor.com/template/default/css/cbg.png)/*tpa=http://www.sunyofloor.com/templates/main/images/http://www.sunyofloor.com/template/default/css/cbg.png*/ no-repeat 15px center;} .left_bo{ width:1200px; overflow:hidden; margin:0 auto; padding-top:45px;} .left_bo li{ width:240px; height:41px; float:left; margin-bottom:21px;} .left_bo li a{ width:204px; height:39px; display:block; margin:0 auto; border:1px #b6b6b6 solid; text-align:center; line-height:39px;} .left_bo li a:hover,.left_bo li .cur,.left_bo li a.on{ background:#0a3358; border:1px #0a3358 solid; color:#FFF;} .right_bottom{ width:1200px; overflow:hidden; margin:0 auto; padding:20px 0 60px 0; line-height:30px;} .content img{ max-width: 100%; } /*************************/ .ExhibitList { clear: both; margin: 0 auto; } .ExhibitList dl { float: left; width: 290px; text-align: center; height: 261px; display: block; margin: 0 5px 20px 5px; } .ExhibitList dl a { width: 290px; height: 261px; display: block; background: #eeeeee; } .ExhibitList dl a dt img { width: 290px; height: 217px; } .ExhibitList dl a dd { height: 40px; line-height: 18px; text-align: center; font-size: 14px; padding-top: 4px; } .ExhibitList dl a:hover { background: #0a3358; color: #FFF; } /*PageBar*/ .PageBar { clear: both; width: 710px; height: 54px; margin: 20px auto 10px auto; font-size: 12px; text-align: center; } .PageButtons { height: 28px; } .PageButtons span, .PageButtons a { height: 26px; line-height: 26px; text-decoration: none; border: 1px solid #CCCCCC; padding: 6px 10px; } .PageButtons span { color: #ffffff; background-color: #0a3358; border: 1px solid #0a3358; } .PageButtons a { color: #333333; } .PageButtons a:hover { background: #0a3358; color: #FFF; } .PageInfo { height: 24px; line-height: 24px; } .disabled { display: none; } /**图片点击放大**/ #jquery-overlay { position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; } #jquery-lightbox { position: absolute; top: 0; left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0; } #jquery-lightbox a img { border: none; } #lightbox-container-image-box { position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; } #lightbox-container-image { padding: 10px; } #lightbox-loading { position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; } #lightbox-nav { position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; } #lightbox-container-image-box > #lightbox-nav { left: 0; } #lightbox-nav a { outline: none; } #lightbox-nav-btnPrev, #lightbox-nav-btnNext { width: 49%; height: 100%; zoom: 1; display: block; } #lightbox-nav-btnPrev { left: 0; float: left; } #lightbox-nav-btnNext { right: 0; float: right; } #lightbox-container-image-data-box { font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%; padding: 0 10px 0; } #lightbox-container-image-data { padding: 0 10px; color: #666; } #lightbox-container-image-data #lightbox-image-details { width: 70%; float: left; text-align: left; } #lightbox-image-details-caption { font-weight: bold; } #lightbox-image-details-currentNumber { display: block; clear: left; padding-bottom: 1.0em; } #lightbox-secNav-btnClose { width: 66px; float: right; padding-bottom: 0.7em; }/*! fancyBox v2.1.4 fancyapps.com | fancyapps.com/fancybox/#license 弹出层 */ /*Article List*/ .arList li { border-bottom: 1px solid #d5d5d6; margin-bottom: 15px; line-height: 26px; padding-bottom: 10px; } .arList li h3 { font-size: 18px; font-weight: normal; line-height: 44px; color: #333333; } .arList li img { width: 107px; height: 80px; float: left; padding-right: 15px; } .arList .newsl { float: left; width: 1080px; } .arList .newsl a { color: #666; } .arList .newsr h2 { font-size: 35px; line-height: 32px; padding-top: 16px; } .arList .newsr { width: 85px; height: 80px; float: right; background: #e3e3e3; text-align: center; font-family: Arial; font-size: 16px; } /*新闻详细*/ .thy { width: 100%; overflow: hidden; font-size: 18px; background: #FFF; padding: 10px 0; text-align: center; } .arDate { margin-top: 10px; text-align: center; } .arDate span { color: #F00; } .arKeywords { border: 1px #CCC solid; margin-top: 10px; padding: 10px; } .arContent { margin-top: 15px; } .shareurl { margin-top: 15px; } .line15 { border-bottom: 1px #CCC solid; padding-bottom: 10px; } .FastMove { margin-top: 10px; } .but_tit { border-bottom: 1px #CCC solid; height: 34px; line-height: 34px; margin-top: 10px; } .but_tit span { width: auto; height: 34px; background: #0a3358; color: #FFF; padding: 0 30px; float: left; } .xgwz ul { padding: 25px 0; overflow: hidden; } .xgwz ul li { height: 28px; line-height: 28px; text-indent: 12px; border-bottom: 1px dashed #cecece; overflow: hidden; width: 48%; float: left; margin: 0 1%; } .xgwz ul li span { float: right; } .ExhibitTagList { clear: both; margin: 0 auto; padding: 20px 0; overflow: hidden; } .ExhibitTagList li { float: left; width: 210px; margin: 0 12px 20px 12px; text-align: center; border: 1px solid #e4e4e4; } .ExhibitTagList li:hover, .ExhibitTagList li:hover div.ImageTitle { background: #0a3358; color: #fff; display: block; } .ExhibitTagList li div.ImageTitle { height: 25px; line-height: 25px; text-align: center; background: #fff; overflow: hidden; } .ExhibitTagList li img { padding: 5px; width: 200px; height: 150px; } .ExhibitTagList li p { height: 25px; line-height: 25px; overflow: hidden; font-size: 12px; } /*图片放大镜样式*/ .jqzoom { float: left; border: none; position: relative; padding: 0px; cursor: pointer; margin: 0px; display: block; } .jqzoom img { max-width: 360px; } .zoomdiv { z-index: 100; position: absolute; top: 0px; left: 0px; width: 350px; height: 263px; background: #ffffff; border: 1px solid #CCCCCC; display: none; text-align: center; overflow: hidden; } .jqZoomPup { z-index: 10; visibility: hidden; position: absolute; top: 0px; left: 0px; width: 20px; height: 20px; border: 1px solid #aaa; background: #ffffff /*url(../images/zoom.png) 50% center no-repeat*/; opacity: 0.5; -moz-opacity: 0.5; -khtml-opacity: 0.5; filter: alpha(Opacity=50); } /*图片小图预览列表*/ .spec-preview { width: 360px; height: 270px; border: 1px solid #DFDFDF; } .spec-scroll { clear: both; margin-top: 5px; width: 362px; } .spec-scroll .prev { float: left; margin-right: 4px; } .spec-scroll .next { float: right; } .spec-scroll .prev, .spec-scroll .next { display: block; font-family: "宋体"; text-align: center; width: 10px; height: 42px; line-height: 42px; border: 1px solid #CCC; background: #EBEBEB; cursor: pointer; text-decoration: none; } .spec-scroll .items { float: left; position: relative; width: 322px; height: 44px; overflow: hidden; } .spec-scroll .items ul { position: absolute; width: 999999px; height: 44px; } .spec-scroll .items ul li { float: left; width: 64px; text-align: center; } .spec-scroll .items ul li img { border: 1px solid #CCC; padding: 2px; width: 50px; height: 38px; cursor: pointer; } .spec-scroll .items ul li img:hover { border: 2px solid #FF6600; padding: 1px; cursor: pointer; } .InfoBox { float: left; display: inline; width: 800px; height: 314px; margin-top: 6px; line-height: 22px; position: relative; margin-left: 20px; } .InfoBox .pdTitle { font-size: 14px; font-weight: bold; color: #0a3358; margin: 12px 0; } .pdKeywords { color: #4a4a4a; font-size: 12px; margin-bottom: 6px; } .pdClass, .pdClass a { margin-bottom: 6px; color: #333; } .pdOverview { } .pdpromo { width: 100px; height: 36px; line-height: 36px; background: #0a3358; text-align: center; font-size: 14px; position: absolute; bottom: 10px; right: 0; } .xggc { width: 100px; height: 36px; line-height: 36px; background: #b30808; text-align: center; font-size: 14px; position: absolute; bottom: 10px; right: 135px; } .xggc a { color: #fff; } .pdpromo a { color: #fff; } .pdpromo a:hover { color: #fff; } .right-extra { float: left; } /*zdd*/ .ztitle { border-bottom: 1px solid #ccc; margin-top: 20px; overflow: hidden; } .ztitle span { float: left; display: block; width: 100px; height: 40px; line-height: 40px; text-align: center; color: #0a3358; background: #f0f0f0; font-size: 14px; margin: 0 4px 0 0; cursor: pointer; } .ztitle span a { color: #b30808; cursor: pointer; } .ztitle span.tithov, .ztitle span.tithov a { background: #0a3358; color: #fff; } .zntit_con { display: none; margin: 20px 0; border-bottom: 1px solid #ccc; padding-bottom: 20px; } .zntit_con1 { display: block; } .ExhibitList { clear: both; margin: 0 auto; width: 1200px; } .ExhibitList li { float: left; width: 268px; margin: 0 14px 25px 14px; height: 250px; display: block; } .ExhibitList li .ImageBox a { width: 268px; height: 202px; position: relative; display: block; } .ExhibitList li .ImageBox a img { width: 268px; height: 202px; position: absolute; z-index: 0; } .ExhibitList li .ImageBox a i { display: none; } .ExhibitList li .ImageTitle { width: 268px; height: 40px; line-height: 18px; text-align: center; background: #f5f5f5; font-size: 14px; padding-top: 8px; } .ExhibitList li .ImageBox a:hover i { display: block; background: url(http://www.sunyofloor.com/template/default/css/hy_ed.png)/*tpa=http://www.sunyofloor.com/templates/main/images/http://www.sunyofloor.com/template/default/css/hy_ed.png*/ no-repeat center; width: 268px; height: 202px; position: absolute; z-index: 10; } .cpkm { width: 1200px; overflow:hidden; margin: 0 auto; } .cpkm a{ width:229px; height: 70px; display:block; float:left; margin:0 32px; background:url(../image/ml.png)/*tpa=http://www.sunyofloor.com/templates/main/images/../image/ml.png*/ no-repeat center; text-align:center; line-height:70px; margin-top:30px;} .text-center{ text-align: center; } .main2{ width:100%; position:relative;} .main1{ width:100%; height: 940px; position:relative;} /*banner*/ .banner { width: 100%; height: 940px; position: absolute; z-index: 1; bottom: 0; } .banner .flexslider { position: relative; height: 940px; overflow: hidden; background: url(http://www.sunyofloor.com/template/default/css/loading-1.gif)/*tpa=http://www.sunyofloor.com/templates/main/images/loading.gif*/ 50% no-repeat; } .banner .slides { position: relative; z-index: 1; } .banner .slides li { height: 940px; } .banner .slides li a { display: block; height: 940px; } .banner .flex-control-nav { position: absolute; bottom: 30px; z-index: 2; width: 100%; text-align: center; } .banner .flex-control-nav li { display: inline-block; width: 20px; height: 20px; margin: 0 5px; *display:inline; zoom: 1; } .banner .flex-control-nav a { display: inline-block; width: 20px; height: 20px; line-height: 80px; overflow: hidden; background: url(http://www.sunyofloor.com/template/default/css/dot.png)/*tpa=http://www.sunyofloor.com/templates/main/images/http://www.sunyofloor.com/template/default/css/dot.png*/ right 0 no-repeat; cursor: pointer; } .banner .flex-control-nav .flex-active { background-position: 0 0; } .banner .flex-direction-nav { position: absolute; z-index: 3; width: 100%; top: 45%; } .banner .flex-direction-nav li a { display: block; width: 50px; height: 50px; overflow: hidden; cursor: pointer; position: absolute; } .banner .flex-direction-nav li a.flex-prev { left: 164px; background: url(http://www.sunyofloor.com/template/default/css/prev.png)/*tpa=http://www.sunyofloor.com/templates/main/images/http://www.sunyofloor.com/template/default/css/prev.png*/ center center no-repeat; } .banner .flex-direction-nav li a.flex-next { right: 164px; background: url(http://www.sunyofloor.com/template/default/css/next.png)/*tpa=http://www.sunyofloor.com/templates/main/images/http://www.sunyofloor.com/template/default/css/next.png*/ center center no-repeat; } .pc-banner { width: 100%; float: left; margin-top:70px; } @media screen and (max-width: 668px) { .pc-banner { background-size: auto 100%; } } .swiper-container { width: 100%; } .swiper-slide { -webkit-transition: transform 1.0s; -moz-transition: transform 1.0s; -ms-transition: transform 1.0s; -o-transition: transform 1.0s; -webkit-transform: scale(0.7); transform: scale(0.7); } .swiper-slide-active, .swiper-slide-duplicate-active { -webkit-transform: scale(1); transform: scale(1); } .none-effect { -webkit-transition: none; -moz-transition: none; -ms-transition: none; -o-transition: none; } .swiper-slide a { width: 861px; height: 494px; display: block; position: relative; } @media screen and (min-width: 668px) { .swiper-slide a:after { position: absolute; top: 0; left: 0; display: block; content: ""; width: 100%; height: 100%; } } .swiper-slide-active a:after { background: none; } .swiper-slide img { width: 100%; display: block; } .swiper-slide a .pro_img { width: 861px; height: 494px; position: absolute; z-index: 1; } .swiper-slide a.pro_txt { display: none; } .swiper-slide a:hover .pro_txt { width: 771px; height: 382px; position: absolute; z-index: 10; display: block; background: url(http://www.sunyofloor.com/template/default/css/cbg.png)/*tpa=http://www.sunyofloor.com/templates/main/images/http://www.sunyofloor.com/template/default/css/cbg.png*/ repeat; color: #FFF; padding:56px 45px; } .swiper-slide a:hover .pro_txt .cp_tit{ width:100%; overflow:hidden; text-align:right;} .swiper-slide a:hover .pro_txt .cp_tit h3{ font-size:20px; font-weight:normal; text-transform:uppercase;} .swiper-slide a:hover .pro_txt .cp_tit p{ font-size:12px; line-height:normal; text-transform:uppercase;} .swiper-slide a:hover .pro_txt .cp_bo{ width:100%; overflow:hidden; margin-top:242px;} .swiper-slide a:hover .pro_txt .cp_bo dt{ width:auto; overflow:hidden; float:left; background:url(http://www.sunyofloor.com/template/default/css/tit.jpg)/*tpa=http://www.sunyofloor.com/templates/main/images/http://www.sunyofloor.com/template/default/css/tit.jpg*/ no-repeat left top;} .swiper-slide a:hover .pro_txt .cp_bo dt h3{ font-size:25px; font-weight:normal; padding-top:25px;} .swiper-slide a:hover .pro_txt .cp_bo dt h4{ font-size:14px; } .swiper-slide a:hover .pro_txt .cp_bo dt p{ font-size:12px; padding-top:15px;} .swiper-slide a:hover .pro_txt .cp_bo dd{ width:46px; height:46px; float:right; margin-top:25px;} .join_pagination{text-align: center;} .join_pagination .swiper-pagination-bullet { width: 10px; height: 10px; display: inline-block; border-radius: 100%; background: #8c8c8c; opacity: 1; cursor: pointer; margin-bottom: 10px; margin-left: 4px; margin-right: 4px; } .swiper-pagination.index-pagination{position: absolute;} .join_pagination .swiper-pagination-bullet-active { width: 50px; height: 10px; border-radius: 4px; margin-bottom: 0; opacity: 1; background: #fff; } .lk{ width:110px; height:30px; margin:0 auto;} /** * Swiper 3.4.2 * Most modern mobile touch slider and framework with hardware accelerated transitions * * http://www.idangero.us/swiper/ * * Copyright 2017, Vladimir Kharlampidi * The iDangero.us * http://www.idangero.us/ * * Licensed under MIT * * Released on: March 10, 2017 */ .swiper-container { margin-left: auto; margin-right: auto; position: relative; overflow: hidden; z-index: 1 } .swiper-container-no-flexbox .swiper-slide { float: left } .swiper-container-vertical>.swiper-wrapper { -webkit-box-orient: vertical; -moz-box-orient: vertical; -ms-flex-direction: column; -webkit-flex-direction: column; flex-direction: column } .swiper-wrapper { position: relative; width: 100%; height: 100%; z-index: 1; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-transition-property: -webkit-transform; -moz-transition-property: -moz-transform; -o-transition-property: -o-transform; -ms-transition-property: -ms-transform; transition-property: transform; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box } .swiper-container-android .swiper-slide, .swiper-wrapper { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -o-transform: translate(0, 0); -ms-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) } .swiper-container-multirow>.swiper-wrapper { -webkit-box-lines: multiple; -moz-box-lines: multiple; -ms-flex-wrap: wrap; -webkit-flex-wrap: wrap; flex-wrap: wrap } .swiper-container-free-mode>.swiper-wrapper { -webkit-transition-timing-function: ease-out; -moz-transition-timing-function: ease-out; -ms-transition-timing-function: ease-out; -o-transition-timing-function: ease-out; transition-timing-function: ease-out; margin: 0 auto } .swiper-slide { -webkit-flex-shrink: 0; -ms-flex: 0 0 auto; flex-shrink: 0; width: 100%; height: 100%; position: relative } .swiper-container-autoheight, .swiper-container-autoheight .swiper-slide { height: auto } .swiper-container-autoheight .swiper-wrapper { -webkit-box-align: start; -ms-flex-align: start; -webkit-align-items: flex-start; align-items: flex-start; -webkit-transition-property: -webkit-transform, height; -moz-transition-property: -moz-transform; -o-transition-property: -o-transform; -ms-transition-property: -ms-transform; transition-property: transform, height } .swiper-container .swiper-notification { position: absolute; left: 0; top: 0; pointer-events: none; opacity: 0; z-index: -1000 } .swiper-wp8-horizontal { -ms-touch-action: pan-y; touch-action: pan-y } .swiper-wp8-vertical { -ms-touch-action: pan-x; touch-action: pan-x } .swiper-pagination.swiper-pagination-hidden { opacity: 0 } .swiper-pagination-progress { background: rgba(0,0,0,.25); position: absolute } .swiper-pagination-progress .swiper-pagination-progressbar { background: #007aff; position: absolute; left: 0; top: 0; width: 100%; height: 100%; -webkit-transform: scale(0); -ms-transform: scale(0); -o-transform: scale(0); transform: scale(0); -webkit-transform-origin: left top; -moz-transform-origin: left top; -ms-transform-origin: left top; -o-transform-origin: left top; transform-origin: left top } .swiper-container-rtl .swiper-pagination-progress .swiper-pagination-progressbar { -webkit-transform-origin: right top; -moz-transform-origin: right top; -ms-transform-origin: right top; -o-transform-origin: right top; transform-origin: right top } .swiper-container-horizontal>.swiper-pagination-progress { width: 100%; height: 4px; left: 0; top: 0 } .swiper-container-vertical>.swiper-pagination-progress { width: 4px; height: 100%; left: 0; top: 0 } .swiper-pagination-progress.swiper-pagination-white { background: rgba(255,255,255,.5) } .swiper-pagination-progress.swiper-pagination-white .swiper-pagination-progressbar { background: #fff } .swiper-pagination-progress.swiper-pagination-black .swiper-pagination-progressbar { background: #000 } .swiper-container-3d { -webkit-perspective: 1200px; -moz-perspective: 1200px; -o-perspective: 1200px; perspective: 1200px } .swiper-container-3d .swiper-cube-shadow, .swiper-container-3d .swiper-slide, .swiper-container-3d .swiper-slide-shadow-bottom, .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top, .swiper-container-3d .swiper-wrapper { -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; -ms-transform-style: preserve-3d; transform-style: preserve-3d } .swiper-container-3d .swiper-slide-shadow-bottom, .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top { position: absolute; left: 0; top: 0; width: 100%; height: 100%; pointer-events: none; z-index: 10 } .swiper-container-3d .swiper-slide-shadow-left { background-image: -webkit-gradient(linear, left top, right top, from(rgba(0,0,0,.5)), to(rgba(0,0,0,0))); background-image: -webkit-linear-gradient(right, rgba(0,0,0,.5), rgba(0,0,0,0)); background-image: -moz-linear-gradient(right, rgba(0,0,0,.5), rgba(0,0,0,0)); background-image: -o-linear-gradient(right, rgba(0,0,0,.5), rgba(0,0,0,0)); background-image: linear-gradient(to left, rgba(0,0,0,.5), rgba(0,0,0,0)) } .swiper-container-3d .swiper-slide-shadow-right { background-image: -webkit-gradient(linear, right top, left top, from(rgba(0,0,0,.5)), to(rgba(0,0,0,0))); background-image: -webkit-linear-gradient(left, rgba(0,0,0,.5), rgba(0,0,0,0)); background-image: -moz-linear-gradient(left, rgba(0,0,0,.5), rgba(0,0,0,0)); background-image: -o-linear-gradient(left, rgba(0,0,0,.5), rgba(0,0,0,0)); background-image: linear-gradient(to right, rgba(0,0,0,.5), rgba(0,0,0,0)) } .swiper-container-3d .swiper-slide-shadow-top { background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0,.5)), to(rgba(0,0,0,0))); background-image: -webkit-linear-gradient(bottom, rgba(0,0,0,.5), rgba(0,0,0,0)); background-image: -moz-linear-gradient(bottom, rgba(0,0,0,.5), rgba(0,0,0,0)); background-image: -o-linear-gradient(bottom, rgba(0,0,0,.5), rgba(0,0,0,0)); background-image: linear-gradient(to top, rgba(0,0,0,.5), rgba(0,0,0,0)) } .swiper-container-3d .swiper-slide-shadow-bottom { background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0,0,0,.5)), to(rgba(0,0,0,0))); background-image: -webkit-linear-gradient(top, rgba(0,0,0,.5), rgba(0,0,0,0)); background-image: -moz-linear-gradient(top, rgba(0,0,0,.5), rgba(0,0,0,0)); background-image: -o-linear-gradient(top, rgba(0,0,0,.5), rgba(0,0,0,0)); background-image: linear-gradient(to bottom, rgba(0,0,0,.5), rgba(0,0,0,0)) } .swiper-container-coverflow .swiper-wrapper, .swiper-container-flip .swiper-wrapper { -ms-perspective: 1200px } .swiper-container-cube, .swiper-container-flip { overflow: visible } .swiper-container-cube .swiper-slide, .swiper-container-flip .swiper-slide { pointer-events: none; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; backface-visibility: hidden; z-index: 1 } .swiper-container-cube .swiper-slide .swiper-slide, .swiper-container-flip .swiper-slide .swiper-slide { pointer-events: none } .swiper-container-cube .swiper-slide-active, .swiper-container-cube .swiper-slide-active .swiper-slide-active, .swiper-container-flip .swiper-slide-active, .swiper-container-flip .swiper-slide-active .swiper-slide-active { pointer-events: auto } .swiper-container-cube .swiper-slide-shadow-bottom, .swiper-container-cube .swiper-slide-shadow-left, .swiper-container-cube .swiper-slide-shadow-right, .swiper-container-cube .swiper-slide-shadow-top, .swiper-container-flip .swiper-slide-shadow-bottom, .swiper-container-flip .swiper-slide-shadow-left, .swiper-container-flip .swiper-slide-shadow-right, .swiper-container-flip .swiper-slide-shadow-top { z-index: 0; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; backface-visibility: hidden } .swiper-container-cube .swiper-slide { visibility: hidden; -webkit-transform-origin: 0 0; -moz-transform-origin: 0 0; -ms-transform-origin: 0 0; transform-origin: 0 0; width: 100%; height: 100% } .swiper-container-cube.swiper-container-rtl .swiper-slide { -webkit-transform-origin: 100% 0; -moz-transform-origin: 100% 0; -ms-transform-origin: 100% 0; transform-origin: 100% 0 } .swiper-container-cube .swiper-slide-active, .swiper-container-cube .swiper-slide-next, .swiper-container-cube .swiper-slide-next+.swiper-slide, .swiper-container-cube .swiper-slide-prev { pointer-events: auto; visibility: visible } .swiper-container-cube .swiper-cube-shadow { position: absolute; left: 0; bottom: 0; width: 100%; height: 100%; background: #000; opacity: .6; -webkit-filter: blur(50px); filter: blur(50px); z-index: 0 } .swiper-container-fade.swiper-container-free-mode .swiper-slide { -webkit-transition-timing-function: ease-out; -moz-transition-timing-function: ease-out; -ms-transition-timing-function: ease-out; -o-transition-timing-function: ease-out; transition-timing-function: ease-out } .swiper-container-fade .swiper-slide { pointer-events: none; -webkit-transition-property: opacity; -moz-transition-property: opacity; -o-transition-property: opacity; transition-property: opacity } .swiper-container-fade .swiper-slide .swiper-slide { pointer-events: none } .swiper-container-fade .swiper-slide-active, .swiper-container-fade .swiper-slide-active .swiper-slide-active { pointer-events: auto } .swiper-zoom-container { width: 100%; height: 100%; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -moz-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; text-align: center } .swiper-zoom-container>canvas, .swiper-zoom-container>img, .swiper-zoom-container>svg { max-width: 100%; max-height: 100%; object-fit: contain } .swiper-scrollbar { border-radius: 10px; position: relative; -ms-touch-action: none; background: rgba(0,0,0,.1) } .swiper-container-horizontal>.swiper-scrollbar { position: absolute; left: 1%; bottom: 3px; z-index: 50; height: 5px; width: 98% } .swiper-container-vertical>.swiper-scrollbar { position: absolute; right: 3px; top: 1%; z-index: 50; width: 5px; height: 98% } .swiper-scrollbar-drag { height: 100%; width: 100%; position: relative; background: rgba(0,0,0,.5); border-radius: 10px; left: 0; top: 0 } .swiper-scrollbar-cursor-drag { cursor: move } .swiper-lazy-preloader { width: 42px; height: 42px; position: absolute; left: 50%; top: 50%; margin-left: -21px; margin-top: -21px; z-index: 10; -webkit-transform-origin: 50%; -moz-transform-origin: 50%; transform-origin: 50%; -webkit-animation: swiper-preloader-spin 1s steps(12, end) infinite; -moz-animation: swiper-preloader-spin 1s steps(12, end) infinite; animation: swiper-preloader-spin 1s steps(12, end) infinite } @-webkit-keyframes swiper-preloader-spin { 100% { -webkit-transform:rotate(360deg) } } @keyframes swiper-preloader-spin { 100% { transform:rotate(360deg) } } .text-secondary{ width: 1200px; margin: 0 auto; } .form-group input,.form-group textarea{ border-radius: 4px; padding-left: 10px; display: block; margin: 5px 0 10px 0; border: 1px solid #ccc; line-height: 35px; width: 100%; box-sizing: border-box; } .form-group button{ width: 180px; border: none; min-height: 35px; text-align: center; background-color: #0a3358; color: #fff; margin-bottom: 20px; } .page{ margin-bottom: 20px; } .news_data{ margin: 10px auto; margin-bottom: 20px; padding-bottom: 5px; text-align: center; border-bottom: 1px solid #eee; }