@import url("font.css"); body, html { overflow-x: hidden; } body { font-family: 'Open Sans', Microsoft Yahei, Arial, Simsun, sans-serif; color: #666; font-size: 16px; font-weight: 400; } ul { padding: 0; margin: 0; } ul li { list-style: none; } a { text-decoration: none; color: #2f2f2f; } a:hover, a:focus { outline: none; text-decoration: none; } h1, h2, h3, h4, h5, h6 { font-weight: 700; margin-top: 0; } h1 { font-size: 38px; } h2 { font-size: 32px; line-height: 1.13; } h3 { font-size: 26px; } h4 { font-size: 22px; } h5 { font-size: 20px; } h6 { font-size: 18px; } img { border: none; } code { background-color: #ee6e73; border-radius: 2px; color: #fff; padding: 2px 4px; } pre { background-color: #f8f8f8; border: 1px solid #eee; border-radius: 4px; padding: 10px; } pre code { background-color: transparent; color: #333; } del { text-decoration-color: #ee6e73; } .tlinks { text-indent: -9999px; height: 0; line-height: 0; font-size: 0; overflow: hidden; } kbd { background-color: #ddd; padding: 4px 6px; border-radius: 2px; color:; } address { line-height: 1.5; padding-left: 10px; } dl dt { font-weight: 700; } dl dd { margin-left: 0; } blockquote { background-color: #f8f8f8; border-radius: 0 4px 4px 0; color: #323232; padding: 15px 15px; border-left: 5px solid #0091ea; font-weight: 600; } blockquote p { margin-top: 10px; } button { padding: 5px 15px; border: none; } button:focus { outline: none; border: none; } iframe { border: none; } main { background: url(../images/probg.png); padding-bottom: 70px; } /* ========= BUTTON =========*/ .mu-primary-btn { background-color: #0091ea; color: #fff; display: inline-block; font-size: 18px; padding: 15px 70px; text-transform: uppercase; font-weight: 700; border-radius: 25px; } .mu-primary-btn:hover, .mu-primary-btn:focus { color: #fff; } .mu-send-msg-btn { color: #555; font-size: 14px; font-weight: 400; letter-spacing: 1px; text-align: center; padding: 12px 20px; margin-top: 10px; -webkit-transition: all 0.5s; transition: all 0.5s; width: 170px; color: #fff; border-radius: 20px; cursor: pointer; text-transform: uppercase; } .mu-send-msg-btn:hover, .mu-send-msg-btn:focus { background-color: #fff; } /*scrol to top*/ .scrollToTop { background-color: #0091ea; bottom: 60px; color: #fff; display: none; font-size: 30px; line-height: 50px; position: fixed; right: 20px; text-align: center; text-decoration: none; width: 55px; z-index: 999; -webkit-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s; height: 55px; } .scrollToTop:hover, .scrollToTop:focus { color: #fff; } /* .mu-single-slide:before { background-color:#8481b0; filter:progid:DXImageTransform.Microsoft.gradient(GradientType=1,startColorstr=#8481b0, endColorstr=#73b58c); background-image:-moz-linear-gradient(left, #8481b0 55%, #73b58c 22%,#69bbd5 100%); background-image:linear-gradient(left, #8481b0 55%, #73b58c 22%,#69bbd5 100%); background-image:-webkit-linear-gradient(left, #8481b0 55%, #73b58c 22%,#69bbd5 100%); background-image:-o-linear-gradient(left, #8481b0 55%, #73b58c 22%,#69bbd5 100%); background-image:-ms-linear-gradient(left, #8481b0 55%, #73b58c 22%,#69bbd5 100%); background-image:-webkit-gradient(linear, left bottom, right bottom, color-stop(55%,#8481b0), color-stop(22%,#73b58c),color-stop(100%,#69bbd5)); } */ a:hover, a:focus, .mu-book-now-btn, .mu-copy-right a:hover, .mu-copy-right a:focus, .mu-send-msg-btn:hover, .mu-send-msg-btn:focus, .mu-logo, .mu-logo:hover, .mu-logo:focus, .mu-client-quote, .mu-clients-slider .slick-prev, .mu-clients-slider .slick-next, .mu-clients-slider .slick-prev::before, .mu-clients-slider .slick-next::before, .my-why-us-single-icon { color: #0091ea; } .scrollToTop, .mu-testimonial-slide .slick-dots li.slick-active, #mu-callto-action { background-color: #0091ea; } .mu-social-media a:hover, .mu-social-media a:focus { border: 1px solid #0091ea; color: #0091ea; } .mu-contact-form .form-control:focus, .mu-featured-tours-single-info .mu-book-now-btn { border: 1px solid #0091ea; } .mu-send-msg-btn, .mu-send-msg-btn:focus, .mu-register-btn:hover, .mu-register-btn:focus { border: 1px solid #0091ea; background-color: #0091ea; } .mu-clients-slider .slick-prev, .mu-clients-slider .slick-next { border: 2px solid #0091ea; } /*--------------------*/ /* HEADER */ /*--------------------*/ #mu-hero { background-color: #f1f1f1; width: 100%; } .mu-logo-area { display: inline; float: left; width: 50%; } .mu-navbar .mu-logo { color: #fff; font-weight: 600; font-size: 36px; } .mu-logo span { display: inline-block; } .mu-logo img { width: 430px; } .mu-navbar .mu-logo:hover, .mu-navbar .mu-logo:focus { color: #fff; } .mu-scrolldown-area { display: inline; float: left; text-align: center; width: 100%; } .mu-scrolldown { font-size: 40px; color: #fff; display: inline-block; margin-top: 50px; } .mu-scrolldown:hover, .mu-scrolldown:focus { color: #fff; } /*--------------------*/ /* MENU */ /*--------------------*/ .mu-navbar { padding: 20px 0; } .mu-navbar-nav { display: block; text-align: right; width: 100%; } .mu-navbar-nav li { list-style: none; display: inline-block; } .mu-navbar-nav li a { color: #000; float: left; font-size: 16px; letter-spacing: 1px; padding: 13px 12px 8px; -webkit-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; text-overflow:ellipsis; overflow:hidden; } .navbar-light .navbar-nav .active > .nav-link, .navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .show > .nav-link { color: #fff; } .mu-navbar-nav li.active a, .mu-navbar-nav li a:hover, .mu-navbar-nav li a:focus { color: #0091ea; text-decoration: none; } .mu-navbar-nav .dropdown-menu { left: auto; right: 0; } .mu-navbar-nav li .dropdown-menu a { color: #444; padding: 6px 20px; } .mu-navbar-nav li .dropdown-menu a:hover, .mu-navbar-nav li .dropdown-menu a:focus { color: #0091ea; } .nav-down-menu { width: 100%; margin: 0; background: #fff; position: absolute; top: 129px; border-bottom: 1px solid #ddd; border-top: 1px solid #ddd; z-index: 9999; } .so { position: absolute; top: 53px; right: 0; width: 25px; height: 25px; background: url("../images/sou.png") no-repeat center; } .so:hover, .so:focus { border-bottom:none; } .souan { float: right; border: 0; width: 46px; height: 46px; cursor: pointer; background: url(../images/jt.png) no-repeat 10px 15px; } .soubd { border: 0px; background: #fff; padding: 2px 10px; width: 1120px; height: 45px; border-radius: 5px; line-height: 45px; font-size: 16px; color: #666 } .mu-title { display: inline; float: left; text-align: center; width: 100%; margin-bottom: 35px; padding: 60px 25% 0; } .mu-title h2 { color: #FE8802; font-size: 42px; text-transform: uppercase; padding-top: 33px; letter-spacing: 1px; background: url(../images/titbg.png) no-repeat 230px; height: 120px; } .mu-title p { } /*--------------------*/ /* ABOUT US */ /*--------------------*/ .index-title-center { height: 80px; line-height: 80px; font-weight: normal; font-size: 26px; letter-spacing: 2px; font-weight: bold; color: #00458a; text-align: center; margin: 10px 0 15px; } .jt-title { background: url(../images/jt-title.png) no-repeat center; } .in-title { font-size: 15px; color: #777; letter-spacing: 0.5px; line-height: 42px; padding-bottom: 5px; margin-bottom: 30px; border-bottom: 1px solid #d7dae4; } .in-title a { font-size: 15px; color: #777; } #contact { width: 1200px; margin: 0 auto; padding: 30px 0 50px; } #content { width: 1200px; margin: 0 auto; } #content .pub-con { padding-top: 30px; } #content .title { font-size: 25px; padding: 30px 0; color: #00458a; font-weight: 300; text-align: center; letter-spacing: 1px; border-bottom: 1px solid #00458a; } #content .con { padding: 20px 0 0; font-size: 16px; font-weight: 300; line-height: 2; } #content p, #content .con p { margin: 0; padding: 0; line-height: 2.6!important; } #content .con p.img { float: right; margin: 0 0 0 22px; padding: 5px; background: #f9f9f9; border: 1px solid #ddd; } #content .item:nth-child(2n) .con p.img { float: left; margin: 0 22px 0 0; padding: 5px; background: #f9f9f9; border: 1px solid #ddd; } #content .item:nth-child(5) .con p.img { margin: 22px 0 0 0; padding: 5px; background: #f9f9f9; border: 1px solid #ddd; } #content .intro-zx { padding-bottom: 60px; } #content .intro-zx .title { padding-top: 0; } #content .intro-jt { } #content .intro-jt .pub-con { background: url(../images/intro-jt-t.png) no-repeat left 125px; } #content .intro-jt .title { color: #fe0000; border: none; text-align: center; } #content .intro-jt .con { padding: 40px 60px; background: url(../images/intro-jt-b.png) no-repeat left bottom; } /*--------------------*/ /* INDEX NEWS */ /*--------------------*/ #new_box { width: 100%; padding: 0; margin: 0 auto; overflow: hidden; padding-bottom: 60px; } .new_con { max-width: 1200px; margin: 0 auto; margin-top: 10px; } .newtel { height: 40px; border-bottom: 1px solid #e7e7e7; padding-bottom: 10px; font-size: 18px; color: #666 } .new_telst { width: 720px; margin: 0 auto; position: relative; top: -6px; text-align: center } .new_telst li { width: 140px; font-size: 22px; line-height: 22px; text-align: center; float: left; display: inline; cursor: pointer; } .new_telst li.newon { color: #217af0; } .new_telst p { position: absolute; top: 42px; left: 0px; width: 140px; height: 15px; border-top: 3px solid #217af0; overflow: hidden; text-align: center; } .new_telst b { display: inline-block; width: 0; height: 0; margin-top: -3px; border-style: solid dashed dashed dashed; border-width: 10px; border-color: #217af0 #fff #fff #fff; overflow: hidden; zoom: 1; font-size: 0; } .new_lst { position: relative; overflow: hidden; display: none; margin-top: 10px; padding-top: 20px; } .new_lst ul { position: absolute; left: 0px; } .new-wrap { margin-top: 30px; } .new-wrap .show { display: block; } li.new_cnlf { width: 370px; float: left; } li.new_cnlf p { width: 100%; } p.newlf_tel a { color: #217af0; font-size: 18px; line-height: 50px; text-align: center; display: block; } p.newlf_tel a:hover { color: #C33 } p.newlf_tx { font-size: 14px; line-height: 26px; color: #999; height: 105px; overflow: hidden; } .new_lst dd { width: 585px; height: 85px; float: left; margin-right: 30px; margin-bottom: 40px; } .new_lst dd:nth-child(2n) { margin-right: 0; } p.new_rq { float: left; font-family: 'dincond-medium'; width: 70px; height: 88px; font-size: 18px; background: #969393; text-align: center; color: #FFF; margin-top: 5px; margin-left: 10px; margin-right: 15px; } .new_lst dd:hover p.new_rq { background: #217af0; } p.new_rq span { display: block; font-size: 36px; text-align: center; line-height: 35px; padding-top: 13px; padding-bottom: 3px; } p.newrf_tx { float: left; width: 480px; margin-left: 10px; } p.newrf_tx a { color: #333; font-size: 16px; letter-spacing: 0.5px; display: block; line-height: 30px; } p.newrf_tx a:hover { color: #217af0; text-decoration: none; } p.newrf_tx span { display: block; font-size: 14px; letter-spacing: 0.5px; color: #999; padding-top: 11px; overflow: hidden; border-top: 1px solid #ddd; margin-top: 10px; } .newrf_lst dd:hover { width: 366px; height: 83px; border: 2px solid #217af0; box-shadow: 0px 0px 15px rgba(37, 125, 242, .27); } .newrf_lst dd:hover p.newrf_tx a { color: #217af0; } .newrf_lst dd:hover p.new_rq { background: #217af0; margin-top: 9px; margin-left: 9px; } .newrf_lst dd:hover p.newrf_tx { margin-top: 7px; } .mr0 { margin-right: 0px; } .npage-location { background: url(../images/about11.jpg) no-repeat center; /* background-size: 100% auto; */ position: relative; z-index: 20; height: 350px; } .npage-view { width: 1200px; padding: 30px 0 40px; margin: 0 auto; position: relative; z-index: 9999; } .npage-left { width: 300px; float: left; } .npage-cate {} .npage-cate h2 { background: url(../images/pro-p-bg.png); height: 90px; padding: 0 40px; color: #fff; } .npage-cate h2 span { font-size: 20px; font-weight: bold; letter-spacing: 1px; } .npage-cate ul { margin: 0; } .npage-cate a { color: #222; display: block; height: 60px; line-height: 60px; border-bottom: 1px #ccc solid; padding-left: 6px; font-size: 16px; font-weight: 600; letter-spacing: 1px; } .npage-cate a:hover { text-decoration: none; } .npage-cate a i { float: right; overflow: hidden; font-size: 14px; line-height: 62px; margin-right: 20px; font-family: simsun; font-style: normal; } .npage-cate a.current { color: #3f51b5; font-weight: bold; } .news-left { width: 240px; float: left; } .news-cate {} .news-cate h2 { background: url(../images/news-p-bg.png); height: 90px; padding: 0 40px; color: #fff; } .news-cate h2 span { font-size: 20px; font-weight: bold; letter-spacing: 1px; } .news-cate ul { margin: 0; } .news-cate a { color: #222; display: block; height: 60px; line-height: 60px; border-bottom: 1px #ccc solid; padding-left: 30px; font-size: 19px; font-weight: 600; letter-spacing: 1px; } .news-cate a:hover { text-decoration: none; } .news-cate a i { float: right; overflow: hidden; font-size: 14px; line-height: 62px; margin-right: 20px; font-family: simsun; font-style: normal; } .news-cate a.current { color: #3f51b5; font-weight: bold; } .r-d-left { width: 240px; float: left; } .r-d-cate {} .r-d-cate h2 { background: url(../images/r-d-p-bg.png); height: 90px; padding: 0 40px; color: #fff; } .r-d-cate h2 span { font-size: 20px; font-weight: bold; letter-spacing: 1px; } .r-d-cate ul { margin: 0; } .r-d-cate a { color: #222; display: block; height: 60px; line-height: 60px; border-bottom: 1px #ccc solid; padding-left: 30px; font-size: 19px; font-weight: 600; letter-spacing: 1px; } .r-d-cate a:hover { text-decoration: none; } .r-d-cate a i { float: right; overflow: hidden; font-size: 14px; line-height: 62px; margin-right: 20px; font-family: simsun; font-style: normal; } .r-d-cate a.current { color: #3f51b5; font-weight: bold; } .navi-left { width: 240px; float: left; } .navi-cate {} .navi-cate h2 { background: url(../images/navi-p-bg.png); height: 90px; padding: 0 40px; color: #fff; } .navi-cate h2 span { font-size: 20px; font-weight: bold; letter-spacing: 1px; } .navi-cate ul { margin: 0; } .navi-cate a { color: #222; display: block; height: 60px; line-height: 60px; border-bottom: 1px #ccc solid; padding-left: 30px; font-size: 19px; font-weight: 600; letter-spacing: 1px; } .navi-cate a:hover { text-decoration: none; } .navi-cate a i { float: right; overflow: hidden; font-size: 14px; line-height: 62px; margin-right: 20px; font-family: simsun; font-style: normal; } .navi-cate a.current { color: #3f51b5; font-weight: bold; } .location { line-height: 20px; font-size: 15px; letter-spacing: 0.5px; color: #777; } .location i { display: inline-block; width: 10px; height: 10px; position: relative; top: 0; margin-right: 12px; } .location em { display: inline-block; width: 3px; height: 5px; margin: 0 10px; position: relative; top: -2px } .location a { color: #777; } .location a:hover { color: #436dc2; } .location a:last-child { color: #6a6a6a; } .page-right { width: 850px; float: right; padding: 25px 0 30px; } .news-right { float: right; width: 910px; padding: 25px 0 40px; } .news-top { font-size: 22px; height: 45px; border-bottom: 2px #007dbf solid; color: #333 } .news-top strong { display: inline-block; height: 45px; border-bottom: 3px #007dbf solid; float: left; } .news-list { margin: 10px 0 25px; } .news-list dl { height: 220px; padding-top: 20px; border-bottom: 3px #eee solid; } .news-list dl .image { width: 240px; float: left; } .news-list dl .image img { width: 240px; height: 160px } .news-list dl .text { width: 580px; float: right } .news-list dl strong { display: block; font-size: 18px; line-height: 24px } .news-list dl em { display: block; font-family: 'DINCond-Medium'; font-weight: bold; color: #007dbf; font-size: 26px; margin-top: 10px; } .news-list dl p { color: #999; margin-top: 10px; line-height: 1.8 } .news-list dl p a { color: #007dbf; margin-left: 10px; font-weight: bold } .news-list dl p a:hover { text-decoration: underline; color: #0062a6 } .news-list ul { } .news-list ul li { padding: 23px 0 20px; border-bottom: 1px #ddd solid; position: relative; } .news-list ul li .date { width: 80px; float: left; font-family: 'DINCond-Medium'; } .news-list ul li .date strong { display: block; line-height: 60px; background-color: #828d95; text-align: center; font-size: 36px; color: #fff; -webkit-transition-duration: 0.3s; -moz-transition-duration: 0.3s; -o-transition-duration: 0.3s; font-weight: normal } .news-list ul li .date span { display: block; line-height: 22px; text-align: center; font-size: 16px; color: #fff; margin-top: 1px; background-color: #bbb; -webkit-transition-duration: 0.3s; -moz-transition-duration: 0.3s; -o-transition-duration: 0.3s; } .news-list ul li .text { width: 800px; float: right; position: relative; margin-top: -2px; } .news-list ul li .text strong { display: inline-block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-size: 18px; font-weight: 400; } .news-list ul li .text strong a { color: #333; } .news-list ul li .text strong a:hover { color: #1d3994; text-decoration: none; } .news-list ul li .text p { color: #999; font-size: 14px; line-height: 1.8; margin: 5px 0 0; } .news-list ul li:hover .date strong { background-color: #0062a6; } .news-list ul li:hover .date span { background-color: #007dbf; } .search { float: left; width: 100%; padding-bottom: 0; } .search .news-list ul li .date { float: right; width: 140px; padding: 10px; font-family: inherit; letter-spacing: 0.8px; } .search .news-list ul li .date span { font-size: 14px; line-height: 1.4; padding: 10px 15px; } .search .news-list ul li .text { float: left; width: 1030px; } .search .news-list ul li .text strong { display: block; width: 1030px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .img-list { overflow: hidden; margin-top: 20px; } .img-list ul { width: 940px; } .img-list ul li { width: 420px; float: left; margin: 20px 25px 20px 0; } /* .img-list ul li:nth-child(2n) { margin: 20px 0; } */ .img-list ul li .image { width: 405px; height: 226px; overflow: hidden; position: relative; -webkit-perspective: 1300px; -moz-perspective: 1300px; perspective: 1300px; text-align: center; border-radius: 10px; } .img-list ul li img { width: 405px; height: 226px; } .img-list ul li .title-10 { text-align: center; background: url(../images/tit-10.png) no-repeat center 30px; display: block; height: 100px; } .img-list ul li .title-11 { text-align: center; background: url(../images/tit-11.png) no-repeat center 30px; display: block; height: 100px; } .img-list ul li .title-18 { text-align: center; background: url(../images/tit-18.png) no-repeat center 30px; display: block; height: 100px; } .img-list ul li .title-19 { text-align: center; background: url(../images/tit-19.png) no-repeat center 30px; display: block; height: 100px; } .img-list ul li .title-20 { text-align: center; background: url(../images/tit-20.png) no-repeat center 30px; display: block; height: 100px; } .img-list ul li .title-21 { text-align: center; background: url(../images/tit-21.png) no-repeat center 30px; display: block; height: 100px; } .img-list ul li .title-22 { text-align: center; background: url(../images/tit-22.png) no-repeat center 30px; display: block; height: 100px; } .img-list ul li .title-23 { text-align: center; background: url(../images/tit-23.png) no-repeat center 30px; display: block; height: 100px; } .img-list ul li .title-24 { text-align: center; background: url(../images/tit-24.png) no-repeat center 30px; display: block; height: 100px; } .img-list ul li .txtlist ul { padding-top: 20px; width: 100%; } .img-list ul li .txtlist ul li { float: none; width: 405px; border-bottom: 1px solid #ccc; padding-bottom: 12px; margin: 0 0 13px; } .img-list ul li .txtlist ul li a { color: #222; font-size: 18px; letter-spacing: 0.5px; padding-left: 15px; } .img-list ul li .txtlist ul li a:hover { text-decoration: none; color: #007bff; } .img-list ul li .txtlist ul li i { height: 6px; width: 6px; border-radius: 50%; background: #004399; position: absolute; margin-top: 12px; } .list ul { padding-top: 30px; } .list ul li { float: none; width: 100%; border-bottom: 1px solid #ccc; padding-bottom: 15px; margin: 0 0 16px; } .list ul li a { color: #222; font-size: 18px; letter-spacing: 0.5px; padding-left: 15px; } .list ul li a:hover { text-decoration: none; color: #007bff; } .list ul li i { height: 6px; width: 6px; border-radius: 50%; background: #049; position: absolute; margin-top: 12px; } .page-right .content { padding: 20px 0; } .page-right .content p { line-height: 2; margin: 0; padding: 0; } .page-right .content table { width: 100%; border-color: #ccc; border-collapse: collapse; border: 1px solid #cdcdcd; margin: 15px auto 0; background: rgb(255,255,255,0.7); } .page-right .content table th { padding: 12px 10px; letter-spacing: 1px; border: 1px solid #cdcdcd; font-size: 16px; font-weight: 400; } .page-right .content table td { width: auto; padding: 8px 10px; border: 1px solid #cdcdcd; font-weight: 300; } .news-view { width: 1200px; margin: 70px auto 0; border: 1px solid #ccc; padding: 0 50px; background: #fff; box-shadow: 6px 6px 0px rgba(0,0,0,0.05); } .news-view .news-info { } .news-view .news-info .text { } .news-view .news-info .title { color: #333; text-align: center; padding: 60px 0 0; } .news-view .news-info .title h1 { font-size: 24px; font-weight: 500; line-height: 36px; } .news-view .news-info .title p { color: #555; font-size: 22px; padding-top: 5px; } .news-view .news-info .info { color: #aaa; font-size: 15px; position: relative; text-align: center; padding: 10px 0 20px; border-bottom: 1px solid #ddd; } .news-view .news-info .info span.source { background: url(../images/new_i3.png) no-repeat scroll left center; padding: 2px 0px 2px 22px; margin-right: 18px; } .news-view .news-info .info span.date { background: url(../images/new_i1.png) no-repeat scroll left center; padding: 2px 0px 2px 22px; margin-right: 18px; } .news-view .news-info .info span.hits { background: url(../images/new_i2.png) no-repeat scroll left center; padding: 2px 0px 2px 28px; } .news-view .news-info .info .share { position: absolute; right: 40px; top: 21px; } .news-view .content { line-height: 200% !important; margin-top: 20px; font-size: 16px; color: #111; margin: 30px 0 40px; } .news-view .content p { line-height: 2 !important; padding: 0; margin: 0; } .news-view .content p img { margin-left: -2em; } .news-view .content img { width: expression(this.width > 1080? 1080: true) !important; max-width: 1080px !important; height: auto !important; overflow: hidden; margin: 10px auto; border: 1px solid #dedede; padding: 4px; } .news-view .content h3 { margin: 25px 0 10px !important; font-size: 16px !important; } .news-view .content table { width: 100% !important; margin: 10px 0; border: 1px solid #cdcdcd; } .news-view .content table th { background: #eee !important; color: #333; padding: 5px 0 !important; font-size: 15px; font-weight: bold; text-align: center; letter-spacing: 1px; } .news-view .content table td { border: 1px solid #cdcdcd !important; } .news-view .content td { padding: 5px 10px !important; } .news-view .other { font-size: 14px; border-top: 1px solid #ddd; padding: 25px 0 30px; } .news-view .other .left { float: left; color: #aaa; } .news-view .other .left p { height: 30px; padding: 0; margin: 0; } .news-view .other .left p a { margin-left: 3px; } .news-view .other .right { float: right; color: #777 } .news-view .other .right a { display: inline-block; padding: 15px 20px; background-color: #bbb; color: #fff; -webkit-transition-duration: 0.3s; -moz-transition-duration: 0.3s; -o-transition-duration: 0.3s; } .news-view .other .right a i { position: relative; top: 3px; margin-right: 3px; font-size: 20px } .news-view .other .right a:hover { background-color: #999 } .news-view .pics { background: #fff; position: relative; margin: 30px auto 0px; width: 800px; } .news-view .pics .swiper-container { overflow: hidden; height: 490px; } .news-view .pics .swiper-slide { text-align: center; } .news-view .pics .swiper-slide img { max-width: 800px; height: 450px; } .news-view .pics .swiper-slide .title { margin-top: 15px; font-weight: bold } .news-view .pics .pagination { position: absolute; z-index: 20; bottom: 40px; width: 100%; text-align: center; } .news-view .pics .swiper-pagination-switch { display: inline-block; width: 8px; height: 8px; border-radius: 8px; background: #fff; margin: 0 5px; opacity: 0.8; cursor: pointer; } .news-view .pics .swiper-active-switch { background: #0090ff; } .news-view .pics .arrow-left { display: block; z-index: 50; width: 70px; height: 70px; /* background: url(../images/prev-btn.png) no-repeat; */ position: absolute; top: 50%; margin-top: -35px; left: -80px; visibility: hidden; filter: alpha(opacity=0); opacity: 0; transition-duration: 0.5s; } .news-view .pics .arrow-right { display: block; z-index: 50; width: 70px; height: 70px; /* background: url(../images/next-btn.png) no-repeat; */ position: absolute; top: 50%; margin-top: -35px; right: -80px; visibility: hidden; filter: alpha(opacity=0); opacity: 0; transition-duration: 0.5s; } .news-view .pics:hover .arrow-left { visibility: visible; filter: alpha(opacity=100); opacity: 1; left: -70px } .news-view .pics:hover .arrow-right { visibility: visible; filter: alpha(opacity=100); opacity: 1; right: -70px } .news-view .news-video-con { margin: 30px auto 0 !important; width: 720px; height: 520px; } .news-view .news-video-con p { text-align: center; margin-top: 15px; } #pages { text-align: center; padding-top: 15px; } #pages a { font-size: 15px; display: inline-block; padding: 9px 15px; background-color: #fff; color: #888; margin: 0 3px; -webkit-transition-duration: 0.25s; -moz-transition-duration: 0.25s; -o-transition-duration: 0.25s; border: 1px #ddd solid; border-radius: 3px } #pages a:hover { background-color: #006db8; border-color: #006db8; color: #fff } #pages a.nowPage { background-color: #006db8; border-color: #006db8; color: #fff } #pages a.prev, #pages a.next { font-size: 14px; } #pages span { display: inline-block; padding: 9px 15px; color: #888; position: relative; top: -2px } /*--------------------*/ /* FOOTER */ /*--------------------*/ #mu-footer { background-color: #fff; display: inline; float: left; width: 100%; } #mu-footer .col-md-4:nth-child(1) { width: 15%; flex: 15%; max-width: 15%; } #mu-footer .col-md-4:nth-child(2) { width: 42.5%; flex: 42.5%; max-width: 42.5%; } #mu-footer .col-md-4:nth-child(3) { width: 42.5%; flex: 42.5%; max-width: 42.5%; } .mu-footer-top { float: left; background: #0277bd url(../images/botbg.jpg); display: inline; padding: 60px 0 20px; width: 100%; } .mu-single-footer { display: inline; float: left; color: #fff; font-size: 14px; width: 100%; } .mu-footer-logo { margin: 0 40px 0 128px; margin-bottom: 40px; } .mu-single-footer em { display: block; width: 450px; height: 130px; } .mu-single-footer .link { float: left; display: block; width: 200px; height: 0px; } .mu-single-footer .link img { background: #fff; border: 1px solid #ddd; } .mu-single-footer span { float: right; display: block; margin-left: 30px; } .mu-single-footer span:first-child { margin-left: 0; float: left; } .mu-single-footer span img { width: 120px; } .mu-single-footer h3 { color: #fff; font-size: 18px; text-transform: uppercase; margin-bottom: 36px; } .mu-single-footer ul li { /* border-bottom: 1px solid #f8f8f8; */ list-style: none; margin-bottom: 10px; padding-bottom: 12px; font-size: 14px; } .mu-single-footer ul li:last-child { border-bottom: none; } .mu-single-footer ul li a { color: #fff; } .mu-single-footer .mu-useful-links li { line-height: 1; padding-bottom: 15px; margin-bottom: 15px; } .mu-single-footer .list-unstyled li { margin-bottom: 10px; padding-bottom: 10px; } .mu-single-footer .list-unstyled li.media span { margin-right: 10px; margin-top: 3px; } .mu-single-footer .list-unstyled li.media p { line-height: 1.8; margin-top: -5px; margin-bottom: 4px; font-size: 16px; letter-spacing: 0.5px; } .mu-footer-bottom { background-color: #032066; display: inline; padding: 25px 0; float: left; width: 100%; } .mu-footer-bottom-area { display: inline; float: left; text-align: center; width: 100%; } .mu-copy-right { color: #fff; margin-bottom: 0; font-size: 16px; letter-spacing: 0.5px; } .mu-copy-right a { color: #fff; -webkit-transition: all 0.5s; transition: all 0.5s; } .mu-copy-right a:hover { text-decoration: none; } /*--------------------*/ /* CONTACT US */ /*--------------------*/ #mu-contact { background-color: #fff; display: inline; float: left; width: 100%; } .mu-contact-area { display: inline; float: left; text-align: center; padding: 100px 0; width: 100%; } .mu-contact-content { display: inline; float: left; width: 100%; padding: 0 28%; } .mu-contact-form-area { display: inline; float: left; width: 100%; } .mu-contact-form { text-align: center; } .mu-contact-form .form-group { position: relative; } .mu-contact-form .mu-contact-icon { color: #0091ea; font-size: 14px; position: absolute; left: 5px; top: 15px; } .mu-contact-form .form-group input { background: transparent; border-radius: 0; color: #333; font-size: 14px; border: 1px #cccccc; border-style: none none solid none; height: 45px; padding: 0 25px; margin-bottom: 24px; -webkit-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; } .mu-contact-form .form-group textarea { background: transparent; border: 1px #cccccc; border-style: none none solid none; border-radius: 0; color: #333; font-size: 14px; padding: 10px; height: 100px; padding: 13px 25px; -webkit-transition: all 0.5s; transition: all 0.5s; } .mu-contact-form .form-control:focus { background-color: #fff; border-style: none none solid none; outline: 0; box-shadow: none; } .mu-contact-form .form-control::-webkit-input-placeholder { color: #7e7e7e; font-size: 14px; } .mu-contact-form .form-control:-moz-placeholder { /* Firefox 18- */ color: #7e7e7e; font-size: 14px; } .mu-contact-form .form-control::-moz-placeholder { /* Firefox 19+ */ color: #7e7e7e; font-size: 14px; } .mu-contact-form .form-control:-ms-input-placeholder { color: #7e7e7e; font-size: 14px; } .mu-contact-form .button-default::after, .mu-contact-form .button-default > span { padding: 12px 40px; } #form-messages { margin-bottom: 10px; background-color: #fff; } /*--------------------*/ /* RESPONSIVE STYLE */ /*--------------------*/ @media (max-width: 1199px) { /*Blog page*/ .mu-sidebar-subscribe-widget .mu-subscribe-form input { padding: 0 135px 0 15px; } .mu-sidebar-subscribe-widget .mu-subscribe-btn { font-size: 16px; width: 125px; } /*Error Page*/ .mu-error-area .mu-title { padding: 0 15%; } .mu-error-content { padding: 0 10%; } } @media (min-width: 992px) { } @media (max-width: 991px) { .mu-navbar-nav { display: flex; text-align: left; width: 100%; margin-top: 10px; } .mu-navbar-nav li { margin-bottom: 10px; } .mu-navbar .navbar-toggler { color: #fff; border-color: #fff; cursor: pointer; padding: 10px 15px; } .mu-title { padding: 0 10%; } /*Contact us page*/ .mu-contact-content { padding: 0 22%; } /*Blog Page*/ .mu-popular-content-widget .media > .mu-popular-post-img { width: 75px; margin-right: 5px; } .mu-sidebar-widget-title { font-size: 22px; } .mu-sidebar-subscribe-widget .mu-subscribe-form input { padding: 0 108px 0 15px; } .mu-sidebar-subscribe-widget .mu-subscribe-btn { font-size: 12px; width: 100px; } /*Error Page*/ .mu-error-area .mu-title { padding: 0 10%; } .mu-error-content { padding: 0; } } @media (max-width: 767px) { .mu-title { margin-bottom: 25px; } #mu-from-blog { padding: 60px 0; } .mu-from-blog-content { margin-top: 0; } .mu-blog-item { margin-top: 15px; margin-bottom: 15px; } .mu-footer-top { padding: 30px 0 10px; } .mu-single-footer { margin: 15px 0; } /*Blog page*/ .mu-popular-content-widget .media > .mu-popular-post-img { width: 120px; margin-right: 10px; } .mu-sidebar-subscribe-widget .mu-subscribe-form input { padding: 0 170px 0 20px; } .mu-sidebar-subscribe-widget .mu-subscribe-btn { font-size: 16px; width: 160px; } /*Error Page*/ .mu-error-area .mu-title { padding: 0; } .mu-text { font-size: 225px; line-height: 225px; } .mu-backdrop { height: 280px; } } @media screen and (max-width: 700px){ .npage-view{width:700px;} .npage-left { width: 200px; float: left; } .npage-cate h2 { background: url(../images/pro-p-bg.png) center; height: 90px; padding: 0 40px; color: #fff; } .page-right { width: 500px; float: right; padding: 25px 10px 30px; } .nav { background: #f2f2f2; position: relative; padding:0vw; } .cen_width250 { width: 200px; height: 230px; float: left; margin: 15px; } .cen_img { border: 1px solid #d8d8d8; padding: 10px; width: 200px; height: 200px; } .det_main { width: 500px; height: auto; overflow: hidden; background: none; margin: auto; margin-top: 50px; } } @media (max-width: 640px) { .navbar { padding: .5rem 1rem .5rem .5rem !important; } .navbar-brand { padding-top: 0 !important; padding-bottom: .3rem !important; margin-right: 2.5rem !important; } .navbar-light .navbar-toggler { position: absolute !important; top: 30px !important; } .mu-footer-top .col-md-4:last-child { display: none; } } @media (max-width: 480px) { .mu-title h2 { font-size: 25px; margin-bottom: 10px; } .scrollToTop { font-size: 25px; line-height: 43px; width: 45px; height: 45px; } .mu-navbar { padding: 10px 0; } .mu-navbar .navbar-toggler { padding: 5px 10px; position: absolute; right: 0; } } .mu-sidebar-social-widget .mu-social-media a { width: 35px; height: 35px; line-height: 35px; font-size: 16px; } /*Error Page*/ .mu-error-area { padding: 50px 0; } .mu-text { font-size: 180px; line-height: 180px; } .mu-backdrop { height: 230px; } } @media (max-width: 360px) { .mu-single-slide-content h1 { font-size: 18px; margin-bottom: 5px; } .mu-single-slide-content p { margin-bottom: 0; font-size: 12px; } .mu-title h2 { font-size: 22px; } .mu-video-iframe-area { padding: 15% 5%; } .mu-video-right p { font-size: 16px; text-align: center; } h1 { font-size: 30px; } h2 { font-size: 25px; line-height: 1.13; } h3 { font-size: 20px; } h4 { font-size: 18px; } h5 { font-size: 16px; } h6 { font-size: 14px; } /*Error Page*/ .mu-text { font-size: 160px; line-height: 160px; } .mu-backdrop { height: 200px; } } @media (max-width: 320px) { .mu-single-slide-content-area { padding: 2% 0%; } .mu-filter-item-content { padding-top: 24%; } }