@font-face {font-family: 'swis721_cn_btroman';src: url('../../images/CLS%20037/swz721c-webfont.eot');src: url('../../images/CLS%20037/swz721c-webfontd41d.eot?#iefix') format('embedded-opentype'), url('../../images/CLS%20037/swz721c-webfont.woff') format('woff'), url('../../images/CLS%20037/swz721c-webfont.html') format('truetype'), url('../../images/CLS%20037/swz721c-webfont.svg#swis721_cn_btroman') format('svg');font-weight: normal;font-style: normal;} @font-face {font-family: 'texgyreadventorregular';src: url('../../images/CLS%20037/texgyreadventor-regular-webfont.eot');src: url('../../images/CLS%20037/texgyreadventor-regular-webfontd41d.eot?#iefix') format('embedded-opentype'), url('../../images/CLS%20037/texgyreadventor-regular-webfont.html') format('woff2'), url('../../images/CLS%20037/texgyreadventor-regular-webfont.woff') format('woff'), url('../../images/CLS%20037/texgyreadventor-regular-webfont-2.html') format('truetype'), url('../../images/CLS%20037/texgyreadventor-regular-webfont.svg#texgyreadventorregular') format('svg');font-weight: normal;font-style: normal;} body{background: url('../../images/CLS%20037/bg.png') repeat ;margin: 0;padding: 0;font-family: 'swis721_cn_btroman';font-size: 13px;line-height: 22px;} .maindiv{float: left;width: 100%;} .headercontainer{float: left;width: 100%;padding: 20px 0;border-top: 4px solid #c80321;background: #000;} .imgwidth{width: 100%;} .menucontainer{float: left;width: 100%;background: #000;} .menubar{float: left;margin-bottom: 0px ! important;background: none ! important;border-color:transparent ! important;} .menuH{float: left;width: 100%;} .call {color: #ddd;font-size: 18px;padding: 46px 0 0;} .redtext{color: #c80321;} .nav{float: left;width: 100%;} .navbar-collapse {padding: 0 !important;} .navbar-inverse .navbar-nav > .selected > a, .navbar-inverse .navbar-nav > .selected > a:hover, .navbar-inverse .navbar-nav > .selected> a:focus {background-color: #e60633;color: #fff;} .navbar-inverse .navbar-nav > li > a {border-left: 1px solid #111;border-right: 1px solid #111;color: #999;font-size: 17px;padding: 15px 60px;text-transform: uppercase;} .navbar-inverse .navbar-nav > li > a:hover, .navbar-inverse .navbar-nav > li > a:focus {background: none repeat scroll 0 0 #e60633;color: #fff;} .navbar-nav > li {background: url("../../images/CLS%20037/mneubg.png") repeat scroll 0 0 rgba(0, 0, 0, 0);float: left;} .bannercontainer{float: left;width: 100%;background: #000;} .showcase{float: left;height: 380px;width: 100%;margin-top: -44px;} .case1{float: left;} .caseinner{float: left;width: 100%;} .casehide {background: none repeat scroll 0 0 rgba(0, 0, 0, 0.4);color: #fff;float: left;margin-top: -16%;padding: 1px 10px;position: relative;width: 100%;} .heading {background: url("../../images/CLS%20037/menubg.png") no-repeat scroll left center rgba(0, 0, 0, 0);float: left;font-family: "texgyreadventorregular";font-size: 20px;line-height: 34px;padding: 1px 20px;width: 100%;} .caseul{padding: 0;margin: 0;float: left;width: 100%;max-height: 0;overflow: hidden;color:#fff;} .caseul li a{color: #fff;} .caseul li {border-bottom: 1px solid #999;float: left;font-size: 16px;list-style: outside none none;margin: 0;padding: 6px;width: 85%;} .readmore {background: none repeat scroll 0 0 #000;border-radius: 50%;color: #c80321;display: none;float: right;font-size: 20px;max-height: 0;padding: 0;} .case1:hover .casehide{margin-top: -71%;transition:all 0.5s ease-in-out;} .case1:hover .caseul{min-height: 175px;transition:all 1.5s ease-in-out;} .case1:hover .readmore {border: 1px solid #c80321;max-height: 120px;padding: 10px 14px;transition: all 0.5s ease-in-out 0s;} .aboutuscon {float: left;width: 100%;text-align: center;font-size: 15px;color: #fff;padding: 20px 0;} h3{font-weight: normal;color: #c80321;font-size: 34px;font-family: 'texgyreadventorregular';} .scrollercontent{float: left;width: 100%;} .scroller{float: left;width: 100%;} .headingscroll {background: none repeat scroll 0 0 #444;color: #999;float: left;font-size: 20px;line-height: 34px;text-align: center;width: 100%;} .contentscroll {background: none repeat scroll 0 0 #aaa;float: left;padding: 20px 0;width: 100%;} .scrollimg {border: 1px solid #fff;border-radius: 4px;float: left;padding: 1px 3px 3px;} .scrollimg:hover{box-shadow: 0 0 5px;} .footertop{float: left;width: 100%;text-align: center;padding: 20px 0 50px;} .footer{float: left;width: 100%;border-top: 1px solid #999;padding: 20px 0;background: #000;} .footdiv{float: left;background: #000;min-height: 200px;} .footer .heading{float: left;width: 100%;text-transform: uppercase;font-size: 15px;padding-bottom: 15px;background: none repeat scroll 0 0 rgba(0, 0, 0, 0) !important;color: #fff;} .footer .content{float: left;width: 100%;} #content{float: left;width: 100%;margin: 0;} #content li{float: left;width: 100%;padding: 0;list-style: none;} #content li a{width: 100%;color: #bbb;} #content li a:hover{color: #fff;text-shadow: 8px;} .lastdiv{border-bottom-left-radius: 50px;} .last2div {border-bottom-right-radius: 50px;} .copy{background: #222;float: left;width: 100%;text-align: center;color: #aaa;padding: 10px 0;} .copy .link{color: #c80321;border-left: 1px solid #ddd;padding: 0 6px;margin-left: 12px;text-transform: uppercase;} .copy .link:hover{text-decoration: none;} #content li:before {font-family: 'FontAwesome';content: '\f067';margin:0 8px 0 -15px;color: orange;} @media screen and (min-width: 981px) and (max-width: 4000px){.container{width: 1000px;}} @media screen and (min-width: 761px) and (max-width: 980px) and (orientation:landscape){} @media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) {} @media only screen and (min-width : 400px) and (max-width : 619px), handheld and (min-device-width : 400px) and (max-device-width : 619px){.call {color: #ddd;float: left !important;font-size: 18px;padding: 0;} .imgwidth{width: 100%;margin:10px 0;}} @media only screen and (max-width : 460px){.call {color: #ddd;float: left !important;font-size: 18px;padding: 0;} .imgwidth{width: 100%;margin:10px 0;}} @media only screen and (max-width : 399px), handheld and (max-device-width : 399px){.call {color: #ddd;float: left !important;font-size: 18px;padding: 0;} .imgwidth{width: 100%;margin:10px 0;}} .navbar-inverse .navbar-brand {color: #999;display: none;} #table_inner_content {float: left;text-align: center;width: 100%;} .main {text-align: center;} .imglast {float: right;} .carousel-control.left {background-image: none;background-repeat: repeat-x;} .carousel-control.right {background-image: none;background-repeat: repeat-x;left:auto;right:0;} .left i{background: none repeat scroll 0 0 #000;border: 1px solid red;border-radius: 50%;color: red;left: -15px;padding: 15px;position: absolute;top: 45%;} .right i {background: none repeat scroll 0 0 #000;border: 1px solid red;border-radius: 50%;color: red;right: -15px;padding: 15px;position: absolute;top: 45%;} .dropdown-menu {background-clip: padding-box;background-color: #e60633;border: 1px solid rgba(0, 0, 0, 0.15);box-shadow: 0 6px 12px rgba(0, 0, 0, 0.176);float: left;font-size: 17px;left: 0;list-style: outside none none;min-width: 212px;padding: 23px 0;position: absolute;top: 100%;z-index: 1000;} .dropdown-menu > li > a {clear: both;color: #000;display: block;line-height: 1.42857;padding: 3px 28px;white-space: nowrap;}img{border:0px;padding:0px;}p {margin: 0px 0px 3px 0px;padding: 0px 0px 0px 0px;}a.footline{color: #808080;text-decoration: none;font-size:11px;color: #808080;} a.footline:hover{color: #808080;text-decoration: underline;font-size:11px;color: #808080;}