/*header*/ html {padding:0;margin:0;} body{line-height: 160%; font-size: 14px; font-family: "Microsoft YaHei","寰蒋闆呴粦"} ul {list-style: none;padding:0;margin:0;} ul li{ list-style-type: none;} * {transition: all 0.3s ease 0s;} a {text-decoration: none; color: #555;} a:focus, a:hover{ color: #333;} /*澶撮儴鏍峰紡*/ .jjloog{ margin-top: 10px;} .navbar {border:0;margin:0;min-height: 0;border-radius: 0; } .navbar-yb{ background:#fafafa; padding: 10px 0;} .navbar-yb-s{position: absolute; z-index: 99;} .container {padding:0;} .navbar-yb{ background-color: transparent; margin-top: 16px;} .dropdown-menu>li>a {text-align: center;line-height: 30px;} .navbar-yb .navbar-nav { display: inline-block; border: 0px; margin: 0px; margin-top: 20px; padding: 0px; padding-right: 60px;} .navbar-yb .navbar-nav>li>a{ display: inline-block; width: 100%; padding-bottom: 5px;} .navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover { background-color:transparent; color: #3E80AF; border-bottom: 2px solid #3E80AF; } .navbar-right { float: right!important; margin-right: 0px; } .navbar-yb .navbar-nav>li.active,.navbar-yb .navbar-nav>li:hover{ color: #3E80AF;background: transparent; border-bottom: 0px solid #3E80AF;} .navbar-yb .navbar-nav>li>a:focus, .navbar-yb .navbar-nav>li>a:hover,.navbar-nav .active{ background: transparent; border-bottom: 2px solid #3E80AF; padding-bottom: 5px;} .banben { display: inline-block; float: left; padding: 6px 10px;} .banben a{ color: #fff; display: inline-block; float: left; margin-right: 20px;} .banben a:hover{ color: #FFD300;} /*logo鏍峰紡*/ .navbar-brand { height: 100%;padding:0;} /*瀵艰埅a鏍囩鏍峰紡*/ .nav>li { padding:6px 30px;margin-bottom: -5px;} .nav>li>a {font-size: 14px; color: #4d4c4c;padding:0;font-size: 16px;color: #333 ;} .navbar-nav>li>.dropdown-menu{background: rgba(62,128,175,.2); border: 0px;transition: all 0s ease 0s;} .navbar-yb .navbar-nav>li.weix>a:focus, .navbar-yb .navbar-nav>li.weix>a:hover,.navbar-nav .active{border-bottom: 0;} .navbar-nav>li.weix>.dropdown-menu{ min-width: inherit; padding: 8px;} .navbar-nav>li.weix>.dropdown-menu img{width: 100px; max-width: inherit;} /*banner*/ .swiper-container { width: 100%; height: 100%; background: #fafafa; } .swiper-slide { font-size: 18px; color:#fff; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 0; } .om-banner{ position: relative; display: inline-block;} .text{ position: absolute; z-index: 10; top: 50%; right: 10%; width: 60%;} .ani-slide p{ transform:translateX(0); opacity:1; } .swiper-pagination { bottom: 10px; left: 0; width: 100%; } .side{ height:170px;position:fixed;bottom:0px;right:0px; top: 0px; margin:auto auto;z-index: 1000; } .side-ul>li{ position: relative; margin-bottom: 10px; } .side-ul>li:last-child{ border-bottom: none;} .side-ul>li>a{ color:#fff ; display: block; width: 50px; height:50px; background: #0365a6; border-radius: 5px 0px 0px 5px;} .side-ul>li>a > .fa{ font-size: 25px;line-height: 50px; } .side-ul>li:hover a{ background:#CB1F1F; } .side-ul>li:hover>a{ color: #404040;} .side-ul>li>a .kuang1,.side-ul>li>a .kuang2,.side-ul>li>a .kuang3{ ;position: absolute; right: 50px; top: 0px; display: none;opacity: 0;width: 200px; background: #0365a6 ; padding: 13px; color: #fff;border-radius: 5px;} .side-ul>li.qq:hover>a .kuang1{ display: block; opacity: 1;} .side-ul>li.weixin:hover>a .kuang2,.side-ul>li.weixin:hover>a .kuang2:hover{ display: block; opacity: 1; top:60px;} .side-ul>li.dianhua:hover>a .kuang3{ display: block; opacity: 1; top: 0px;} /*syabout*/ .syabout-l{ display: inline-block; height: 50vh; width: 100%; padding: 60px 0;} .syabout-tit{ width: 80%; margin-left: 20%; padding: 20px 0px; text-align: left; line-height: 50px;} .syabout-en{ font-size: 36px; text-transform: uppercase; color: #3E80AF; font-weight: bold;} .syabout-cn{ font-size: 24px; color: #E7C450; font-weight: bold;} .syabout-note{ font-size: 12px; color: #ccc; line-height: 20px; letter-spacing: 4px;} .syabout-x{ display: inline-block; width: 40px; height: 2px; background: #E7C450; overflow: hidden;} .syabout-con{ display: inline-block; width: 100%; margin-top:0px; color: #777; line-height: 180%;} .aboutpage{ width: 100%; background: url("../images/aboutbj.jpg"); padding: 40px 0;} .syabout-r{ display: inline-block; width: 80%; margin-top: 60px; margin-left: 5%; } /*sycp*/ .cppage{width: 100%; background: url("../images/cpbj.jpg"); padding: 40px 0;} .cppage .syabout-en{ color: #fff;} .cppage .syabout-con{ color: #fafafa; border-bottom: 1px solid #fafafa; padding-bottom: 20px;} .cp-more{ display: inline-block; width: 100%; line-height: 24px; margin-top: 20px;} .cp-more a{ display: inline-block; font-size: 16px; margin-right: 20px; padding: 6px 20px; border-radius: 6px; color: #fff; border: 1px solid #fafafa;} .cp-more a small{ font-size: 12px;} .cp-more a:hover{ background: #E7C450; border: 1px solid #E7C450; padding: 6px 30px;} /*newspage*/ .newspage{ width: 100%; background: #fafafa; padding: 40px 0;} .pagea-tit{ width: 100%; padding: 20px 0px; text-align: center; line-height: 50px;} .pagea-tit-en{ color: #3E80AF; display: inline-block; font-weight: bold;} .pagea-tit-cn{ font-size: 24px; color: #E7C450; font-weight: bold;} .pagea-tit-note{ font-size: 12px; color: #ccc; line-height: 20px; letter-spacing: 4px;} .pagea-con{ line-height: 30px; width: 100%; color: #777; padding: 20px 0; } .news-s-img{ display: inline-block; background: #000000; height: 40vh; width: 100%;} .news-s-img img{ width: 100%; height: 100%;} .news-sy{ display: inline-block; width: 100%; padding: 0 20px} .news-sy li{ padding: 20px; } .news-sy li:nth-child(1),.news-sy li:nth-child(4){ background: #fff;} .news-sy li:nth-child(2),.news-sy li:nth-child(3){ background: #f5f5f5;} .news-div{ display: inline-block; width: 100%; position: relative; height: 15.8vh;} .news-time{display: inline-block; color: #999; font-size: 12px; line-height: 30px; } .news-tit{display: inline-block; color: #555; font-size: 14px; font-weight: bold; line-height: 30px; height: 30px; overflow: hidden; width: 100%;} .news-note{display: inline-block; color: #666; line-height: 20px; height:40px; overflow: hidden; width: 100%; font-size: 12px; } .news-more{display: inline-block; width: 100%; text-align: right; padding-right: 10px; position: absolute; bottom: 0px; right: 10px; font-size: 12px; } .news-more a{ color: #999; padding: 6px 20px;} .news-sy li:hover { box-shadow: 3px 3px 10px #999; background: #fafafa;} .news-sy li:hover .news-tit a{ color: #3E80AF;} .news-more a:hover{ background: #E7C450; color: #fff;} .pagefoot{ display: inline-block ; width: 100%; padding: 20px 0; background: #5E80A8;} .footcen{ display: inline-block; width: 100%; background: #5E80A8;} .footal{ display: inline-block; float: left; font-size: 24px; line-height: 50px; color: #fff; font-weight: bold;} .footar{ display: inline-block; float: right; padding-top: 5px; height: 40px;} .footar img{ height: 100%;} .footb{ display: inline-block; width: 100%; margin-top: 10px; padding-top: 20px; border-top: 1px solid #fff;} .foot-nav-ul{ display: inline-block; width: 100%; border-right: 1px solid #fff;} .foot-nav-ul a{ color: #fff;} .foot-nav-ul > li{ display: inline-block; width: 14%; float: left; padding: 4px;} .foot-nav-ul > li > a{ font-size: 14px; display: inline-block; width: 100%; font-weight: bold; margin-bottom: 10px;} .foot-nav-ul > li > ul{ display: inline-block; width: 100%;} .foot-nav-ul > li > ul li{ line-height: 24px; display: inline-block; width: 100%; color: #f5f5f5; font-size: 12px;} .footr{ display: inline-block; width: 100%; text-align: right; padding: 20px 10px;} .foot-rtel{ display: inline-block; margin-top:0px; margin-right: 10px;} .tel-n{ display: inline-block; padding: 8px 30px; border-radius: 6px; background: #FFC400; color: #fff; font-size: 14px; font-weight: bold;} .tel-num{ display: inline-block; margin-top: 10px; font-weight: bold; color: #FFFFFF; font-size: 14px;} .footewm{ display: inline-block; margin-top: 10px; float: right;} .tel-c{font-size: 20px; margin-top: 10px; font-weight: bold; color: #FFC400;} /*鍐呴〉*/ .navbar-yb-ny{ background: #fff; margin-top: 0;} .nybanner{width: 100%; position: relative;} .nyb-text{ display: inline-block; width: 100%; text-align: center; top: 50%; margin-top: -80px; position: absolute;} .nyb-text .nyb-t-t{font-size: 24px; border-bottom: 1px solid #fff; color: #fff; font-weight: bold; position: relative; display: inline-block; padding: 20px;} .nyb-t-x{ position: absolute; width: 80px; height: 3px; bottom: -1px; background: #FFC400; display: inline-block; left: 50%; margin-left: -40px;} .nyb-t-c{ font-size: 14px; color: #fff; line-height: 30px;} .page-ny-nav{ width: 100%; padding: 0; display: inline-block; background: #fafafa; border-bottom: 1px solid #ececec; } .ny-nav-ul{ margin-top: 0px; width: 100%; display: inline-block; text-align: center;} .ny-nav-ul li{ margin: 0 5px; display: inline-block;} .ny-nav-ul li a{ padding: 8px 10px; display: inline-block; position: relative; line-height: 30px; color: #555; font-weight: bold; margin-top:10px;} .ny-nav-ul li a:after{content: ""; position: absolute; bottom: 0px; display: none; height: 1px; width: 100%; background: #FFC400; left: 0;} .ny-nav-ul li a:hover,.ny-nav-ul li a.active{ color: #FFC400;} .ny-nav-ul li a:hover:after,.ny-nav-ul li a.active:after{ display: inline-block;} .page-ny{ padding: 40px 0 40px 0; border-bottom: 1px solid #f5f5f5;} .pageny-t-a{position: relative; width: 100%; display: inline-block; text-align: left; } .pageny-t-a .tit-cn{ margin-left: 0px; margin-top: 20px; font-size: 24px; color: #333;} .pageny-t-a .tit-en{ font-size: 14px; color: #666; margin-left: 0px;} .aboutrny{ display: inline-block; width: 80%; margin-left: 5%; margin-top: 40px;} .page-cent{ display: inline-block; width: 100%; padding: 40px 0;} /*鍚堜綔浼欎即*/ .hzhb-ul{ display: inline-block; width: 100%; margin-top: 20px;} .hzhb-ul li{ width: 20%; margin-top: 10px; float: left; padding: 10px;} .hzhb-ul li .hzhb-img{ display: inline-block; width: 100%; border-radius: 8px ; overflow: hidden; height: 10vh; overflow: hidden; } .hzhb-ul li .hzhb-img img{ width: 100%; height: 100%;} /*鑽h獕璧勮川*/ .ryzz-ul{ display: inline-block; width: 100%; margin-top: 20px;} .ryzz-ul li{ margin-top: 10px; padding: 10px;} .ryzz-ul li .ryzz-div{ display: inline-block; width: 100%; background: #fafafa; padding-top: 15px;} .ryzz-ul li .ryzz-img{ display: inline-block; width: 100%; border-radius: 8px ; overflow: hidden; height: 30vh; overflow: hidden; } .ryzz-ul li .ryzz-tit{ display: inline-block; width: 100%; background: #eee; height: 50px; line-height: 50px; text-align: center;} /*涓氬姟涓績*/ .hzhb-ul{ display: inline-block; width: 100%; margin-top: 20px;} .hzhb-ul li{ width: 20%; margin-top: 10px; float: left; padding: 10px;} .hzhb-ul li .hzhb-img{ display: inline-block; width: 100%; border-radius: 8px ; overflow: hidden; height: 10vh; overflow: hidden; } .hzhb-ul li .hzhb-img img{ width: 100%; height: 100%;} .ryzz-ul{ display: inline-block; width: 100%; margin-top: 20px;} .ryzz-ul li{ margin-top: 10px; padding: 10px;} .ryzz-ul li .ryzz-div{ display: inline-block; width: 100%; background: #fafafa; padding-top: 15px;} .ryzz-ul li .ryzz-img{ display: inline-block; width: 100%; border-radius: 8px ; overflow: hidden; height: 30vh; overflow: hidden; } .ryzz-ul li .ryzz-tit{ display: inline-block; width: 100%; background: #eee; height: 50px; line-height: 50px; text-align: center;} .ny-nav-left{ display: inline-block; width: 100%; border-right: 1px solid #ccc; padding: 40px 30px 40px 0;} .ny-nav-left li{ float: left; text-align: right; display: inline-block; width: 100%;} .ny-nav-left li a{ display: inline-block; height: 40px; padding: 10px; position: relative;} .ny-nav-left li a:hover,.ny-nav-left li a.active{ color: #FFC400;} .ny-nav-left li a:after{content: ""; position: absolute; top: 0px; display: none; height: 40px; width: 3px; background: #FFC400; right: -32px;} .ny-nav-left li a:hover:after,.ny-nav-left li a.active:after{ display: inline-block;} .ser-page{ padding: 0px;} .ser-tit-r{ width: 90%; margin-left: 4%; padding: 20px 0px; text-align: left; line-height: 50px;} .ser-en-r{ font-size: 36px; text-transform: uppercase; color: #3E80AF; font-weight: bold;} .ser-cn-r{ font-size: 24px; color: #E7C450; font-weight: bold;} .ser-note-r{ font-size: 12px; color: #ccc; line-height: 20px; letter-spacing: 4px;} .ser-x-r{ display: inline-block; width: 40px; height: 2px; background: #E7C450; overflow: hidden;} .ser-con-r{ display: inline-block; width: 100%; margin-top:20px; color: #777; line-height: 180%;} .breadcrumb{ background: transparent; font-size: 12px; color: #ccc;} .breadcrumb a{ color: #ccc;} .ser-ul{ display: inline-block; width: 100%; margin-top: 20px;} .ser-ul li{ margin-top: 10px; padding: 10px;} .ser-ul li .ser-div{ display: inline-block; width: 100%; background: #fafafa; } .ser-ul li .ser-img{ display: inline-block; width: 100%; border-radius: 8px ; overflow: hidden; height:30vh; overflow: hidden; } .ser-ul li .ser-tit{ display: inline-block; width: 100%; height: 60px; line-height: 30px; text-align: center;} .ser-ul li .ser-tit .cn{ font-size: 18px; font-weight: bold;} .ser-ul li .ser-tit .en{ font-size: 14px; line-height: 22px; color: #999;} /*涓撳*/ .zj-ul{ display: inline-block; width: 100%; text-align: center; margin-top: 20px;} .zj-ul li{ margin-top: 10px; padding: 10px; width: 19%; display: inline-block;} .zj-ul li .zj-div{ display: inline-block; width: 100%; background: #fafafa; } .zj-ul li .zj-img{ display: inline-block; width: 100%; border-radius: 8px ; overflow: hidden; height:22vh; overflow: hidden; } .zj-ul li .zj-tit{ display: inline-block; width: 100%; background: #f5f5f5; margin-top: -5px; height: 60px; line-height: 30px; text-align: center;} .zj-ul li .zj-tit .cn{ font-size: 16px; font-weight: bold; line-height: 30px; overflow: hidden; height: 30px;} .zj-ul li .zj-tit .note{ font-size: 12px; line-height: 22px; color: #999; height: 22px; overflow: hidden;} .zj-ul li:hover .zj-div .zj-tit{ background: #3E80AF;} .zj-ul li:hover .zj-div .zj-tit .cn,.zj-ul li:hover .zj-tit .note{ color: #fff;} .zj-ul li:hover .zj-div .zj-tit.a{ color: #fff;} .zj-div-l{ display: inline-block; width: 100%;} /*鐮斿彂涓績*/ .yf-l{ display: inline-block; height: 50vh; overflow: hidden; background: #fafafa; width: 100%; padding: 40px 0;} .yf-tit{ width: 80%; margin-left: 10%; display: inline-block; padding: 20px 0px; text-align: left; line-height: 50px;} .yf-en{ font-size: 24px; text-transform: uppercase; color: #E7C450; font-weight: bold;} .yf-cn{ font-size: 24px; color: #3E80AF; font-weight: bold;} .yf-note{ font-size: 12px; color: #ccc; line-height: 20px; letter-spacing: 4px;} .yf-x{ display: inline-block; width: 40px; height: 2px; float: left; background: #E7C450; overflow: hidden;} .yf-con{ display: inline-block; width: 100%; margin-top:20px; color: #777; height: 10vh; overflow: hidden; line-height: 180%;} .yf-r{ display: inline-block; width: 100%; height: 50vh; overflow: hidden; } .yf-r img{ width: 100%; height: 100%;} .yanfa-n{ display: inline-block; width: 100%; margin-top: -12px;} .cppage-n{ margin-top:30px; display: inline-block; width: 100%; } .cppage-n .yf-l{ background: #f5f5f5;} .cppage-n:hover .yf-l{ background: #eee; box-shadow: 3px 3px 10px #999;} .cppage-n:hover .yf-r img{ transform: scale(1.1)} .news-time-n{ display: inline-block; width: 100%; text-align: center; position: relative;} .news-time-n:before{content: ''; position: absolute; width: 2px; height: 20px; background: #ccc; top: 50%; margin-top: -10px; left: 0;} .news-time-n .y{font-size: 14px; display: inline-block; padding: 6px 12px;} .news-time-n .md{font-size: 18px; font-weight: bold; color: #3E80AF; border-top: 1px solid #ccc; display: inline-block; padding: 6px 12px;} .news-ny .news-div{ height: auto;} .news-ny li{ background: #fafafa; padding: 10px; margin-top: 16px; border-bottom: 1px solid #eee;} .news-ny li:nth-child(even){ background: #fff;} .news-ny li:hover{ background: #eee; box-shadow: 3px 3px 10px #ccc;} .new-note{ font-size: 12px; line-height: 24px; color: #ccc;} .n-new-icon{background: #3E80AF; width: 30px; height: 30px; position: absolute; right: 0; margin-right: -15px; border-radius: 100px; z-index: 11; top: 50%; margin-top: -15px; color: #fff;} .n-new-icon span{ text-align: center; line-height: 30px; font-size: 16px; display: inline-block; width: 100%;} .news-ny li:hover .n-new-icon{ background: #FFC400; margin-right: 10px;} .shfwtext{ padding-top: 50px;} .shfwtext .h3{ margin-top: 20px; font-weight: bold; font-size: 16px; margin-bottom: 6px;} @media (max-width: 1366px){ .navbar-nav>li { padding: 6px 20px; } .yf-r,.yf-l{ height: 35vh;} .yf-en{ font-size: 20px;} } @media (max-width: 1246px){ .navbar-nav>li { padding: 6px 10px; } .navbar-yb .navbar-nav{ margin-top: 0} .yf-r,.yf-l{ height: 35vh;} .yf-en{ font-size: 20px;} .syabout-r{ margin-top: 150px;} } @media (max-width: 1008px){ .container-fluid{ min-width: 1008px;} .navbar-yb .navbar-nav{ margin-top: 0} } @media (max-width: 768px){ .container-fluid{ min-width: 100%;} .jjloog{ height: 40px!important; margin-top: 0} .navbar-yb{ margin-top: 0;} .navbar-default .navbar-toggle{ margin-top: 0;} .foot-nav-ul{ border-right: 0;} .foot-nav-ul > li{ width: 33%; height: 160px;} .foot-nav-ul > li:nth-child(7){display: none;} .navbar-right { width: 100%; background: #3E80AF; } .navbar-yb .navbar-nav{ padding-right: 20px; padding-bottom: 10px;} .navbar-nav>li{ display: inline-block; width: 100%;} .navbar-default .navbar-nav>li>a{ color: #fff; padding-left: 10px; display: inline-block; width: 100%; display: inline-block;} .navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover{ color: #fff; background: #FFC400;} .navbar-yb .navbar-nav>li>a:focus, .navbar-yb .navbar-nav>li>a:hover, .navbar-nav .active{ color: #fff; background: #FFC400;} .navbar-yb .dropdown ul>li>a{ display: inline-block; color: #fff; width: 100%; background: #7cb0d5; padding: 5px 10px;} .dropdown.weix{ display: none;} .syabout-tit{ width: 90%; margin-left: 5%;} .news-sy li{ margin-top: 10px;} .footal,.footar{ padding-left: 10px; text-align: center; width: 100%;} .footar img{ display: inline-block;} .footb{ border-top: 0px;} .foot-nav-ul{ display: inline-block; width: 100%; border-bottom: 1px solid #fff; border-top: 1px solid #fff; padding-top: 10px;} .nyb-text{ font-size: 12px; width: 80%; margin-top: -20px; margin-left: 10%;} .nyb-t-c{ font-size: 12px; line-height: 22px; display: none;} .nyb-text .nyb-t-t{ font-size: 14px; padding: 6px;} .ryzz-ul li .ryzz-img{ height: 42vh;} .hzhb-ul li{ width: 50%; padding: 5px 6px;} .page-cent{ padding: 15px 0;} .pagea-tit{ padding: 5px 0;} .hzhb-ul,.ryzz-ul{ margin-top: 0;} .yf-r{ margin-bottom: 20px; display: none;} .yf-l{ height: 60vh;} .yf-con{ height: auto;} .syabout-l{ display: inline-block; height: auto; width: 100%; padding: 20px 0;} .syabout-r{ margin-top: 20px; width: 100%; margin-left: 0; padding: 0 16px;} .aboutpage{ padding: 16px 0;} .pagea-tit-cn{ font-size: 18px;} .zj-ul li{ width: 48%;} .yf-en{ line-height: 20px;} .yf-r{ display: inline-block;} .ny-nav-left{ border-right: 0; padding: 10px;} .ny-nav-left li{ display: inline-block; width: auto; padding: 10px; width:50%; text-align: center; overflow: hidden; height: 40px;} .yf-l{ height: auto;} .ny-nav-left li a{ text-align: center; padding: 0;} .ser-en-r{ font-size: 18px;} .ser-cn-r{ font-size: 16px;} .ser-tit-r{ padding: 0;} .news-time-n:before,.news-time-n,.n-new-icon{ display: none;} .page-ny{ padding: 16px 0;} .shfwtext{ padding-top: 10px;} .shfwtext .h3{ margin-top: 10px; font-weight: bold; font-size: 16px; margin-bottom: 6px;} } /*public*/ .fenyeys{ float:left; width:100%; display: inline-block; padding: 20px 10px; text-align:center; font-size: 12px; font-family: "寰蒋闆呴粦";} .fenyeys span{ margin:2px 6px; border-radius:25px; padding:5px 10px; background:#3E80AF; color:#fff; } .fenyeys a{ margin:2px 6px; border-radius:25px; padding:5px 10px; background:#ccc; color:#fff; } .fenyeys a:hover{ background:#3E80AF;} .nyright-con .col-md-12{margin: 0px; padding: 0px;} .page-ny img{ max-width: 100%; height: auto;} .ny-r-c{display: inline-block; width: 100%;} .p0{ padding-left: 0px; padding-right: 0px;} .pl0 { padding-left:0;} .pr0 { padding-right:0;} .p8{padding-right: 8px; padding-left:8px;} .ml0 { margin-left:0 ;} .mr0 { margin-right:0;} .ml100 { margin-left:100px ;} .fl { float: left;} .fr { float: right;} .w100 { width: 100%;} .mt10 { margin-top: 10px !important;} .mt20 { margin-top: 20px;} .mt30 { margin-top: 30px;} .mt40{ margin-top: 40px;} .mt6 { margin-top: 6px;} .mt60 { margin-top: 60px;} .tac { text-align: center;} .pb10 { padding-bottom: 10px;} .borderb1 { border-bottom:1px solid #d4d4d4;} .rela{position: relative} .ba-f5f5f5{ background: #f5f5f5;} h3 {margin:0;} h4 { margin:0;} a { text-decoration: none !important;}